// src/theme/tailwind-preset.ts
var withForeground = (name) => ({
  DEFAULT: `hsl(var(--${name}))`,
  foreground: `hsl(var(--${name}-foreground))`
});
var agentAppPreset = {
  darkMode: ["class", '[data-theme="dark"]'],
  theme: {
    extend: {
      colors: {
        background: "hsl(var(--background))",
        foreground: "hsl(var(--foreground))",
        border: "hsl(var(--border))",
        input: "hsl(var(--input))",
        ring: "hsl(var(--ring))",
        success: withForeground("success"),
        warning: withForeground("warning"),
        card: withForeground("card"),
        popover: withForeground("popover"),
        primary: withForeground("primary"),
        secondary: withForeground("secondary"),
        muted: withForeground("muted"),
        accent: withForeground("accent"),
        destructive: withForeground("destructive"),
        // MD3 surface ladder — wires sandbox-ui's `bg-surface-container*`
        // utilities (used by AgentComposer + its pickers) onto the shadcn
        // elevation triples, so those components render on-palette here.
        "surface-container": "hsl(var(--card))",
        "surface-container-high": "hsl(var(--popover))",
        "surface-container-highest": "hsl(var(--secondary))"
      }
    }
  }
};
var tailwind_preset_default = agentAppPreset;
export {
  tailwind_preset_default as default
};
//# sourceMappingURL=tailwind-preset.js.map