@splenddev/kreativ-core 0.0.1 → 0.1.1

package/dist/index.js

@@ -143,1016 +143,7 @@ function defineTheme(theme) {
   assertNoCycles(theme.semanticTokens);
   return theme;
 }
-
-// src/defaults/tokens.ts
-var defaultTokens = {
-  colors: {
-    blue: {
-      300: defineToken("#5EA6ED"),
-      400: defineToken("#4799EB"),
-      500: defineToken("#1A80E6"),
-      600: defineToken("#1773CF")
-    },
-    red: {
-      300: defineToken("#EB4747"),
-      400: defineToken("#E83030"),
-      500: defineToken("#E61A1A"),
-      600: defineToken("#CF1717")
-    },
-    green: {
-      300: defineToken("#26D997"),
-      400: defineToken("#22C388"),
-      500: defineToken("#16A249"),
-      600: defineToken("#12875C")
-    },
-    amber: {
-      300: defineToken("#F7B23B"),
-      400: defineToken("#F6A823"),
-      500: defineToken("#F59F0A"),
-      600: defineToken("#D38909")
-    },
-    cyan: {
-      300: defineToken("#6CC3EF"),
-      400: defineToken("#47B4EB"),
-      500: defineToken("#1791CF"),
-      600: defineToken("#137BAE")
-    },
-    indigo: {
-      300: defineToken("#818CF8"),
-      400: defineToken("#6366F1"),
-      500: defineToken("#4F46E5"),
-      600: defineToken("#4338CA")
-    },
-    emerald: {
-      300: defineToken("#6EE7B7"),
-      400: defineToken("#34D399"),
-      500: defineToken("#10B981"),
-      600: defineToken("#059669")
-    },
-    violet: {
-      300: defineToken("#A78BFA"),
-      400: defineToken("#8B5CF6"),
-      500: defineToken("#7C3AED"),
-      600: defineToken("#6D28D9")
-    },
-    rose: {
-      300: defineToken("#FDA4AF"),
-      400: defineToken("#FB7185"),
-      500: defineToken("#F43F5E"),
-      600: defineToken("#E11D48")
-    },
-    orange: {
-      300: defineToken("#FDBA74"),
-      400: defineToken("#FB923C"),
-      500: defineToken("#F97316"),
-      600: defineToken("#EA580C")
-    },
-    gray: {
-      50: defineToken("#FAFAFA"),
-      100: defineToken("#EBEBEB"),
-      200: defineToken("#D9D9D9"),
-      300: defineToken("#BDBDBD"),
-      400: defineToken("#999999"),
-      500: defineToken("#666666"),
-      600: defineToken("#4D4D4D"),
-      700: defineToken("#333333"),
-      800: defineToken("#2E2E2E"),
-      900: defineToken("#1F1F1F"),
-      950: defineToken("#141414"),
-      1e3: defineToken("#0A0A0A")
-    },
-    white: defineToken("#FFFFFF"),
-    black: defineToken("#000000")
-  },
-  spacing: {
-    1: defineToken("0.25rem"),
-    2: defineToken("0.5rem"),
-    3: defineToken("0.75rem"),
-    4: defineToken("1rem"),
-    5: defineToken("1.25rem"),
-    6: defineToken("1.5rem"),
-    8: defineToken("2rem"),
-    10: defineToken("2.5rem"),
-    12: defineToken("3rem"),
-    16: defineToken("4rem"),
-    xs: defineToken("0.25rem"),
-    sm: defineToken("0.5rem"),
-    md: defineToken("1rem"),
-    lg: defineToken("1.5rem"),
-    xl: defineToken("2rem")
-  },
-  radii: {
-    none: defineToken("0"),
-    sm: defineToken("0.25rem"),
-    md: defineToken("0.5rem"),
-    lg: defineToken("0.75rem"),
-    xl: defineToken("1rem"),
-    full: defineToken("9999px")
-  },
-  fonts: {
-    body: defineToken("Inter, sans-serif"),
-    heading: defineToken("Inter, sans-serif"),
-    mono: defineToken("ui-monospace, SFMono-Regular, Menlo, monospace")
-  },
-  fontSizes: {
-    xs: defineToken("0.75rem"),
-    sm: defineToken("0.875rem"),
-    md: defineToken("1rem"),
-    lg: defineToken("1.125rem"),
-    xl: defineToken("1.25rem"),
-    "2xl": defineToken("1.5rem"),
-    "3xl": defineToken("1.875rem"),
-    "4xl": defineToken("2.25rem")
-  },
-  fontWeights: {
-    normal: defineToken("400"),
-    medium: defineToken("500"),
-    semibold: defineToken("600"),
-    bold: defineToken("700")
-  },
-  lineHeights: {
-    tight: defineToken("1.25"),
-    normal: defineToken("1.5"),
-    relaxed: defineToken("1.75")
-  },
-  letterSpacings: {
-    tighter: defineToken("-0.025em"),
-    tight: defineToken("-0.01em"),
-    normal: defineToken("0"),
-    wide: defineToken("0.025em")
-  },
-  animations: {
-    spin: defineToken("kui-spin 0.6s linear infinite"),
-    "fade-in": defineToken("kui-fade-in 0.15s ease-out"),
-    "fade-out": defineToken("kui-fade-out 0.15s ease-in"),
-    "scale-in": defineToken("kui-scale-in 0.15s ease-out"),
-    "scale-out": defineToken("kui-scale-out 0.15s ease-in"),
-    "slide-up": defineToken("kui-slide-up 0.2s ease-out"),
-    "slide-down": defineToken("kui-slide-down 0.2s ease-out"),
-    "slide-left": defineToken("kui-slide-left 0.2s ease-out"),
-    "slide-right": defineToken("kui-slide-right 0.2s ease-out"),
-    "slide-in-next": defineToken("kui-slide-in-next 0.2s ease-out"),
-    "slide-in-prev": defineToken("kui-slide-in-prev 0.2s ease-out"),
-    bounce: defineToken("kui-bounce 0.8s infinite"),
-    pulse: defineToken("kui-pulse 1.5s ease-in-out infinite"),
-    shake: defineToken("kui-shake 0.25s ease-in-out"),
-    shimmer: defineToken("kui-shimmer 1.5s linear infinite"),
-    expand: defineToken("kui-expand 0.2s ease-out"),
-    collapse: defineToken("kui-collapse 0.2s ease-in"),
-    ping: defineToken("kui-ping 1s cubic-bezier(0, 0, 0.2, 1) infinite"),
-    "state-error": defineToken("kui-state-error 500ms ease-out 3 500ms"),
-    "state-success": defineToken("kui-state-success 500ms ease-out 2 500ms"),
-    "state-warning": defineToken("kui-state-warning 500ms ease-out 2 500ms")
-  },
-  breakpoints: {
-    sm: defineToken("640px"),
-    md: defineToken("768px"),
-    lg: defineToken("1024px"),
-    xl: defineToken("1280px"),
-    "2xl": defineToken("1536px")
-  }
-};
-
-// src/utils/deepMerge.ts
-function isPlainObject(value) {
-  return typeof value === "object" && value !== null && !Array.isArray(value);
-}
-function deepMerge(base, override) {
-  if (override === void 0) {
-    return base;
-  }
-  if (!isPlainObject(base) || !isPlainObject(override)) {
-    return override;
-  }
-  const result = {
-    ...base
-  };
-  for (const [key, value] of Object.entries(override)) {
-    const existing = result[key];
-    if (isPlainObject(existing) && isPlainObject(value)) {
-      result[key] = deepMerge(existing, value);
-    } else {
-      result[key] = value;
-    }
-  }
-  return result;
-}
-
-// src/defaults/semanticTokens.ts
-var defaultSemanticTokens = {
-  colors: {
-    brand: defineSemanticToken("{colors.blue.500}", "{colors.blue.400}"),
-    brandHover: defineSemanticToken("{colors.blue.600}", "{colors.blue.300}"),
-    brandFg: defineSemanticToken("{colors.white}"),
-    background: defineSemanticToken("{colors.gray.50}", "{colors.gray.950}"),
-    surface: defineSemanticToken("{colors.white}", "{colors.gray.900}"),
-    surfaceRaised: defineSemanticToken("{colors.gray.50}", "{colors.gray.800}"),
-    surfaceSunken: defineSemanticToken(
-      "{colors.gray.100}",
-      "{colors.gray.950}"
-    ),
-    border: defineSemanticToken("{colors.gray.200}", "{colors.gray.600}"),
-    text: defineSemanticToken("{colors.gray.900}", "{colors.gray.50}"),
-    textMuted: defineSemanticToken("{colors.gray.500}", "{colors.gray.400}"),
-    destructive: defineSemanticToken("{colors.red.500}", "{colors.red.400}"),
-    destructiveFg: defineSemanticToken("{colors.white}"),
-    destructiveHover: defineSemanticToken(
-      "{colors.red.600}",
-      "{colors.red.300}"
-    ),
-    success: defineSemanticToken("{colors.green.500}", "{colors.green.400}"),
-    successFg: defineSemanticToken("{colors.white}"),
-    successHover: defineSemanticToken(
-      "{colors.green.600}",
-      "{colors.green.300}"
-    ),
-    warning: defineSemanticToken("{colors.amber.500}", "{colors.amber.400}"),
-    warningFg: defineSemanticToken("{colors.black}"),
-    warningHover: defineSemanticToken(
-      "{colors.amber.600}",
-      "{colors.amber.300}"
-    ),
-    info: defineSemanticToken("{colors.cyan.500}", "{colors.cyan.400}"),
-    infoFg: defineSemanticToken("{colors.white}"),
-    infoHover: defineSemanticToken("{colors.cyan.600}", "{colors.cyan.300}"),
-    shadowColor: defineSemanticToken("{colors.gray.200}", "{colors.gray.600}")
-  }
-};
-
-// src/extend/tokens.ts
-function extendTokens(override) {
-  return deepMerge(defaultTokens, override);
-}
-function extendSemanticTokens(override) {
-  return deepMerge(defaultSemanticTokens, override);
-}
-
-// src/defaults/sizes.ts
-var defaultSizes = defineSizes({
-  xs: {
-    height: "1.75rem",
-    width: "1.75rem",
-    paddingX: "0.5rem",
-    fontSize: "{typography.sizeXs}",
-    gap: "0.25rem",
-    iconSize: "0.75rem",
-    radius: "0.65rem",
-    separatorSize: "15px"
-  },
-  sm: {
-    height: "2rem",
-    width: "2rem",
-    paddingX: "0.75rem",
-    fontSize: "{typography.sizeSm}",
-    gap: "0.375rem",
-    iconSize: "0.875rem",
-    radius: "0.8rem",
-    separatorSize: "20px"
-  },
-  md: {
-    height: "2.5rem",
-    width: "2.5rem",
-    paddingX: "1rem",
-    fontSize: "{typography.sizeMd}",
-    gap: "0.5rem",
-    iconSize: "1rem",
-    radius: "1rem",
-    separatorSize: "25px"
-  },
-  lg: {
-    height: "3rem",
-    width: "3rem",
-    paddingX: "1.25rem",
-    fontSize: "{typography.sizeLg}",
-    gap: "0.625rem",
-    iconSize: "1.25rem",
-    radius: "1.15rem",
-    separatorSize: "30px"
-  },
-  xl: {
-    height: "3.5rem",
-    width: "3.5rem",
-    paddingX: "1.5rem",
-    fontSize: "{typography.sizeXl}",
-    gap: "0.875rem",
-    iconSize: "1.5rem",
-    radius: "1.3rem",
-    separatorSize: "35px"
-  }
-});
-
-// src/extend/sizes.ts
-function extendSizes(override) {
-  const result = {
-    ...defaultSizes
-  };
-  if (!override) {
-    return result;
-  }
-  for (const [key, value] of Object.entries(override)) {
-    result[key] = {
-      ...defaultSizes[key] ?? {},
-      ...value
-    };
-  }
-  return result;
-}
-
-// src/defaults/typography.ts
-var defaultTypography = defineTypography({
-  body: {
-    fontFamily: "{fonts.body}",
-    fontWeight: "{fontWeights.normal}",
-    lineHeight: "{lineHeights.normal}"
-  },
-  bodySmall: {
-    fontFamily: "{fonts.body}",
-    fontWeight: "{fontWeights.normal}",
-    lineHeight: "{lineHeights.normal}"
-  },
-  heading: {
-    fontFamily: "{fonts.heading}",
-    fontSize: "{fontSizes.2xl}",
-    fontWeight: "{fontWeights.bold}",
-    lineHeight: "{lineHeights.tight}"
-  },
-  headingSmall: {
-    fontFamily: "{fonts.heading}",
-    fontSize: "{fontSizes.xl}",
-    fontWeight: "{fontWeights.semibold}",
-    lineHeight: "{lineHeights.tight}"
-  },
-  label: {
-    fontFamily: "{fonts.body}",
-    fontWeight: "{fontWeights.medium}",
-    lineHeight: "{lineHeights.normal}"
-  },
-  caption: {
-    fontFamily: "{fonts.body}",
-    fontSize: "{fontSizes.xs}",
-    fontWeight: "{fontWeights.normal}",
-    lineHeight: "{lineHeights.normal}"
-  },
-  mono: {
-    fontFamily: "{fonts.mono}",
-    fontSize: "{fontSizes.xs}",
-    fontWeight: "{fontWeights.normal}",
-    lineHeight: "{lineHeights.normal}"
-  },
-  sizeXs: {
-    fontFamily: "{fonts.body}",
-    fontSize: "{fontSizes.xs}",
-    fontWeight: "{fontWeights.normal}",
-    lineHeight: "{lineHeights.normal}"
-  },
-  sizeSm: {
-    fontFamily: "{fonts.body}",
-    fontSize: "{fontSizes.sm}",
-    fontWeight: "{fontWeights.normal}",
-    lineHeight: "{lineHeights.normal}"
-  },
-  sizeMd: {
-    fontFamily: "{fonts.body}",
-    fontSize: "{fontSizes.sm}",
-    fontWeight: "{fontWeights.normal}",
-    lineHeight: "{lineHeights.normal}"
-  },
-  sizeLg: {
-    fontFamily: "{fonts.body}",
-    fontSize: "{fontSizes.md}",
-    fontWeight: "{fontWeights.normal}",
-    lineHeight: "{lineHeights.normal}"
-  },
-  sizeXl: {
-    fontFamily: "{fonts.body}",
-    fontSize: "{fontSizes.xl}",
-    fontWeight: "{fontWeights.medium}",
-    lineHeight: "{lineHeights.tight}"
-  }
-});
-
-// src/extend/typography.ts
-function extendTypography(override) {
-  if (!override) {
-    return { ...defaultTypography };
-  }
-  const result = { ...defaultTypography };
-  for (const key of Object.keys(override)) {
-    const variant = key;
-    result[variant] = {
-      ...defaultTypography[variant],
-      ...override[variant]
-    };
-  }
-  return result;
-}
-
-// src/defaults/recipes/button.ts
-var buttonBase = "inline-flex items-center justify-center rounded-[var(--kui-button-radius,var(--kui-radius))] font-medium transition-[background-color,border-color,color,transform,opacity] duration-200 will-change-transform focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-kui-brand focus-visible:ring-offset-2 focus-visible:ring-offset-surface disabled:opacity-60 disabled:pointer-events-none disabled:active:scale-100";
-var buttonVariants = {
-  solid: "ease-[cubic-bezier(0.34,1.56,0.64,1)] active:scale-[0.97]",
-  soft: "ease-[cubic-bezier(0.34,1.56,0.64,1)] active:scale-[0.97]",
-  outline: "border bg-transparent ease-out active:scale-[0.98]",
-  ghost: "bg-transparent ease-out active:scale-[0.98]",
-  link: "bg-transparent p-0 h-auto hover:underline ease-out"
-};
-var buttonColors = {
-  brand: {
-    solid: "bg-kui-brand text-kui-brand-fg hover:bg-kui-brand-hover",
-    outline: "border-kui-brand text-kui-brand hover:bg-kui-brand/10",
-    ghost: "text-kui-brand hover:bg-kui-brand/10",
-    soft: "bg-kui-brand/10 text-kui-brand hover:bg-kui-brand/20",
-    link: "text-kui-brand"
-  },
-  destructive: {
-    solid: "bg-kui-destructive text-kui-destructive-fg hover:bg-kui-destructive-hover",
-    outline: "border-kui-destructive text-kui-destructive hover:bg-kui-destructive/10",
-    ghost: "text-kui-destructive hover:bg-kui-destructive/10",
-    soft: "bg-kui-destructive/10 text-kui-destructive hover:bg-kui-destructive/20",
-    link: "text-kui-destructive"
-  },
-  success: {
-    solid: "bg-kui-success text-kui-success-fg hover:bg-kui-success-hover",
-    outline: "border-kui-success text-kui-success hover:bg-kui-success/10",
-    ghost: "text-kui-success hover:bg-kui-success/10",
-    soft: "bg-kui-success/10 text-kui-success hover:bg-kui-success/20",
-    link: "text-kui-success"
-  },
-  warning: {
-    solid: "bg-kui-warning text-kui-warning-fg hover:bg-kui-warning-hover",
-    outline: "border-kui-warning text-kui-warning hover:bg-kui-warning/10",
-    ghost: "text-kui-warning hover:bg-kui-warning/10",
-    soft: "bg-kui-warning/10 text-kui-warning hover:bg-kui-warning/20",
-    link: "text-kui-warning"
-  },
-  info: {
-    solid: "bg-kui-info text-kui-info-fg hover:bg-kui-info-hover",
-    outline: "border-kui-info text-kui-info hover:bg-kui-info/10",
-    ghost: "text-kui-info hover:bg-kui-info/10",
-    soft: "bg-kui-info/10 text-kui-info hover:bg-kui-info/20",
-    link: "text-kui-info"
-  },
-  white: {
-    solid: "bg-white text-black hover:bg-gray-50",
-    outline: "border-white/30 text-white hover:bg-white/10",
-    ghost: "text-white hover:bg-white/10",
-    soft: "bg-white/10 text-white hover:bg-white/20",
-    link: "text-white"
-  },
-  neutral: {
-    solid: "bg-kui-surface-raised text-kui-text hover:bg-kui-surface-sunken",
-    outline: "border-kui-border text-kui-text hover:bg-kui-surface-raised",
-    ghost: "text-kui-text hover:bg-kui-surface-raised",
-    soft: "bg-kui-surface-raised text-kui-text hover:bg-kui-surface-sunken",
-    link: "text-kui-text"
-  },
-  inherit: {
-    solid: "[background-color:var(--kui-inherit-bg)] [color:var(--kui-inherit-fg)]",
-    outline: "[border-color:var(--kui-inherit-border)] [color:var(--kui-inherit-fg)] bg-transparent",
-    ghost: "[color:var(--kui-inherit-fg)] bg-transparent",
-    soft: "[background-color:var(--kui-inherit-soft-bg)] [color:var(--kui-inherit-fg)]",
-    link: "[color:var(--kui-inherit-fg)] bg-transparent"
-  }
-};
-var buildCompoundVariants = () => {
-  const compounds = [];
-  for (const [color, variantMap] of Object.entries(buttonColors)) {
-    for (const [variant, className] of Object.entries(variantMap)) {
-      compounds.push({
-        conditions: { color, variant },
-        className
-      });
-    }
-  }
-  return compounds;
-};
-var buttonRecipe = defineRecipe({
-  base: buttonBase,
-  variants: {
-    variant: buttonVariants,
-    color: Object.fromEntries(
-      Object.keys(buttonColors).map((color) => [color, ""])
-    )
-  },
-  defaultVariants: {
-    variant: "solid",
-    color: "brand"
-  },
-  compoundVariants: buildCompoundVariants()
-});
-
-// src/defaults/recipes/formControl.ts
-var formControlBase = "group relative inline-flex items-center rounded-[var(--kui-radii-md)] transition-[border-color,box-shadow] duration-[var(--kui-duration-fast)] focus-within:outline-none focus-within:ring-offset-2 focus-within:ring-offset-surface";
-var formControlVariants = {
-  outline: "border border-kui-border bg-transparent text-kui-text",
-  filled: "border border-transparent bg-kui-surface-raised text-kui-text",
-  ghost: "border border-transparent bg-transparent text-kui-text"
-};
-var standaloneStates = {
-  none: "hover:border-kui-brand focus-within:ring-2 focus-within:ring-kui-brand/20",
-  error: "border-kui-destructive hover:border-kui-destructive focus-within:ring-2 focus-within:ring-kui-destructive/20",
-  success: "border-kui-success hover:border-kui-success focus-within:ring-2 focus-within:ring-kui-success/20",
-  warning: "border-kui-warning hover:border-kui-warning focus-within:ring-2 focus-within:ring-kui-warning/20"
-};
-var borderlessControl = "rounded-none border-0! shadow-none! hover:border-0! hover:bg-transparent! focus-within:ring-0! focus-within:ring-offset-0! focus-within-outline-none!";
-var formControlRecipe = defineRecipe({
-  base: formControlBase,
-  variants: {
-    variant: formControlVariants,
-    embedded: {
-      true: borderlessControl,
-      false: ""
-    },
-    groupItem: {
-      true: borderlessControl,
-      false: ""
-    },
-    state: standaloneStates,
-    rounded: {
-      true: "rounded-full",
-      false: ""
-    },
-    fullWidth: {
-      true: "w-full",
-      false: ""
-    },
-    disabled: {
-      true: "cursor-not-allowed opacity-50 border-kui-border hover:border-kui-border focus-within:ring-0",
-      false: ""
-    },
-    attached: {
-      true: "rounded-r-none",
-      false: ""
-    },
-    hasAdornment: {
-      true: "px-2",
-      false: ""
-    }
-  },
-  compoundVariants: [
-    {
-      conditions: {
-        embedded: true,
-        state: "none"
-      },
-      className: "border-0! shadow-none! focus-within:ring-0! hover:border-0!"
-    },
-    {
-      conditions: {
-        embedded: true,
-        state: "error"
-      },
-      className: "border-0! shadow-none! focus-within:ring-0! hover:border-0!"
-    },
-    {
-      conditions: {
-        embedded: true,
-        state: "success"
-      },
-      className: "border-0! shadow-none! focus-within:ring-0! hover:border-0!"
-    },
-    {
-      conditions: {
-        embedded: true,
-        state: "warning"
-      },
-      className: "border-0! shadow-none! focus-within:ring-0! hover:border-0!"
-    },
-    {
-      conditions: {
-        groupItem: true,
-        state: "none"
-      },
-      className: "border-0! shadow-none! focus-within:ring-0! hover:border-0!"
-    },
-    {
-      conditions: {
-        groupItem: true,
-        state: "error"
-      },
-      className: "border-0! shadow-none! focus-within:ring-0! hover:border-0!"
-    },
-    {
-      conditions: {
-        groupItem: true,
-        state: "success"
-      },
-      className: "border-0! shadow-none! focus-within:ring-0! hover:border-0!"
-    },
-    {
-      conditions: {
-        groupItem: true,
-        state: "warning"
-      },
-      className: "border-0! shadow-none! focus-within:ring-0! hover:border-0!"
-    },
-    {
-      conditions: {
-        disabled: true,
-        state: "error"
-      },
-      className: "border-kui-border hover:border-kui-border focus-within:ring-0"
-    },
-    {
-      conditions: {
-        disabled: true,
-        state: "success"
-      },
-      className: "border-kui-border hover:border-kui-border focus-within:ring-0"
-    },
-    {
-      conditions: {
-        disabled: true,
-        state: "warning"
-      },
-      className: "border-kui-border hover:border-kui-border focus-within:ring-0"
-    },
-    {
-      conditions: {
-        embedded: true,
-        disabled: true
-      },
-      className: "border-0! hover:border-0! focus-within:ring-0! cursor-default"
-    },
-    {
-      conditions: {
-        groupItem: true,
-        disabled: true
-      },
-      className: "border-0! hover:border-0! focus-within:ring-0! cursor-default"
-    }
-  ],
-  defaultVariants: {
-    variant: "outline",
-    state: "none",
-    embedded: false,
-    groupItem: false,
-    rounded: false,
-    fullWidth: true,
-    disabled: false,
-    hasAdornment: false,
-    attached: false
-  }
-});
-
-// src/defaults/recipes/input.ts
-var inputBase = "flex min-w-0 flex-1 font-sans bg-transparent border-0 outline-none transition-colors duration-[var(--kui-duration-fast)] placeholder:text-kui-text-muted disabled:cursor-not-allowed";
-var inputRecipe = defineRecipe({
-  base: inputBase,
-  variants: {
-    variant: {
-      outline: "",
-      filled: "",
-      ghost: ""
-    }
-  },
-  defaultVariants: {
-    variant: "outline"
-  }
-});
-
-// src/defaults/recipes/textarea.ts
-var textareaRecipe = defineRecipe({
-  base: "flex w-full min-w-0 bg-transparent outline-none border-0 text-kui-text placeholder:text-kui-text-muted transition-colors duration-[var(--kui-duration-fast)] disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 kui-scrollbar",
-  variants: {
-    variant: {
-      outline: "",
-      filled: "",
-      ghost: ""
-    },
-    resize: {
-      none: "resize-none",
-      both: "resize",
-      horizontal: "resize-x",
-      vertical: "resize-y"
-    },
-    autoResize: {
-      true: "resize-none overflow-hidden",
-      false: ""
-    }
-  },
-  defaultVariants: {
-    variant: "outline",
-    resize: "vertical",
-    autoResize: false
-  }
-});
-
-// src/defaults/recipes/markdownEditor.ts
-var markdownEditorRecipe = defineRecipe({
-  base: "group relative w-full overflow-hidden rounded-[var(--kui-radii-md)] transition-[border-color,box-shadow] duration-[var(--kui-duration-fast)]",
-  variants: {
-    variant: {
-      outline: "border border-kui-border bg-transparent",
-      filled: "border border-transparent bg-kui-surface-raised",
-      ghost: "border border-transparent bg-transparent"
-    },
-    state: {
-      none: "hover:border-kui-brand focus-within:ring-2 focus-within:ring-kui-brand/20",
-      error: "border-kui-destructive focus-within:ring-2 focus-within:ring-kui-destructive/20",
-      success: "border-kui-success focus-within:ring-2 focus-within:ring-kui-success/20",
-      warning: "border-kui-warning focus-within:ring-2 focus-within:ring-kui-warning/20"
-    },
-    disabled: {
-      true: "cursor-not-allowed opacity-50 border-kui-border hover:border-kui-border focus-within:ring-0",
-      false: ""
-    },
-    fullWidth: {
-      true: "w-full",
-      false: ""
-    }
-  },
-  defaultVariants: {
-    variant: "outline",
-    state: "none",
-    fullWidth: true
-  }
-});
-
-// src/defaults/recipes/checkbox.ts
-var checkboxRecipe = defineRecipe({
-  base: "relative inline-flex shrink-0 items-center justify-center border transition-colors duration-[var(--kui-duration-fast)] peer-focus-visible:ring-2 peer-focus-visible:ring-kui-brand peer-focus-visible:ring-offset-1",
-  variants: {
-    state: {
-      none: "border-kui-border",
-      error: "border-kui-destructive",
-      success: "border-kui-success",
-      warning: "border-kui-warning"
-    },
-    checked: {
-      true: "border-kui-brand bg-kui-brand text-kui-brand-fg",
-      false: "bg-transparent"
-    },
-    disabled: {
-      true: "cursor-not-allowed",
-      false: "cursor-pointer"
-    },
-    rounded: {
-      true: "rounded-full",
-      false: "rounded-[calc(var(--kui-checkbox-radius)-4px)]"
-    }
-  },
-  compoundVariants: [
-    {
-      conditions: {
-        checked: false,
-        state: "error"
-      },
-      className: "border-kui-destructive"
-    },
-    {
-      conditions: {
-        checked: false,
-        state: "success"
-      },
-      className: "border-kui-success"
-    },
-    {
-      conditions: {
-        checked: false,
-        state: "warning"
-      },
-      className: "border-kui-warning"
-    }
-  ],
-  defaultVariants: {
-    state: "none",
-    checked: false,
-    disabled: false,
-    rounded: false
-  }
-});
-
-// src/defaults/recipes/buttonGroup.ts
-var buttonGroupRecipe = defineRecipe({
-  base: ["inline-flex items-center relative isolate", "kui-button-group"].join(
-    " "
-  ),
-  variants: {
-    orientation: {
-      horizontal: "flex-row",
-      vertical: "flex-col items-stretch"
-    },
-    attached: {
-      true: "gap-0",
-      false: ""
-    },
-    spacing: {
-      none: "gap-0",
-      sm: "gap-1",
-      md: "gap-2",
-      lg: "gap-3"
-    }
-  },
-  defaultVariants: {
-    orientation: "horizontal",
-    attached: false,
-    spacing: "md"
-  },
-  compoundVariants: [
-    {
-      conditions: {
-        orientation: "horizontal",
-        attached: true
-      },
-      className: [
-        "[&>[data-kui-button-group-item]]:rounded-none",
-        "[&>[data-kui-button-group-item]:first-child]:rounded-l-md",
-        "[&>[data-kui-button-group-item]:last-child]:rounded-r-md",
-        "[&>[data-kui-button-group-item]+[data-kui-button-group-item]]:-ml-px",
-        "[&>[data-kui-button-group-separator]]:h-[var(--kui-button-group-separator-size)]",
-        "[&>[data-kui-button-group-separator]]:w-px",
-        "[&>[data-kui-button-group-separator]]:mx-1",
-        "[&>[data-kui-button-group-separator]]:shrink-0"
-      ].join(" ")
-    },
-    {
-      conditions: {
-        orientation: "vertical"
-      },
-      className: [
-        "[&>[data-kui-button-group-item]]:w-full",
-        "[&>[data-kui-button-group-separator]]:h-px",
-        "[&>[data-kui-button-group-separator]]:w-[var(--kui-button-group-separator-size)]",
-        "[&>[data-kui-button-group-separator]]:shrink-0"
-      ].join(" ")
-    },
-    {
-      conditions: {
-        orientation: "vertical",
-        attached: true
-      },
-      className: [
-        "[&>[data-kui-button-group-item]]:rounded-none",
-        "[&>[data-kui-button-group-item]:first-child]:rounded-t-md",
-        "[&>[data-kui-button-group-item]:last-child]:rounded-b-md",
-        "[&>[data-kui-button-group-item]+[data-kui-button-group-item]]:-mt-px"
-      ].join(" ")
-    }
-  ]
-});
-
-// src/defaults/recipes/switch.ts
-var switchRecipe = defineRecipe({
-  base: [
-    "relative inline-flex shrink-0 items-center",
-    "rounded-full",
-    "transition-[background-color,border-color,box-shadow]",
-    "duration-[var(--kui-duration-fast)]",
-    "peer-focus-visible:ring-2",
-    "peer-focus-visible:ring-kui-brand",
-    "peer-focus-visible:ring-offset-1",
-    "peer-focus-visible:ring-offset-surface"
-  ].join(" "),
-  variants: {
-    checked: {
-      true: "bg-kui-brand",
-      false: "bg-kui-border"
-    },
-    state: {
-      none: "",
-      error: "bg-kui-destructive",
-      success: "bg-kui-success",
-      warning: "bg-kui-warning"
-    },
-    disabled: {
-      true: "cursor-not-allowed opacity-50",
-      false: ""
-    }
-  },
-  defaultVariants: {
-    checked: false,
-    state: "none",
-    disabled: false
-  }
-});
-
-// src/defaults/recipes/container.ts
-var containerReccipe = defineRecipe({
-  base: "w-full",
-  variants: {
-    maxWidth: {
-      xs: "max-w-screen-xs",
-      sm: "max-w-screen-sm",
-      md: "max-w-screen-md",
-      lg: "max-w-screen-lg",
-      xl: "max-w-screen-xl",
-      full: "max-w-full"
-    }
-  },
-  defaultVariants: {
-    maxWidth: "lg"
-  }
-});
-
-// src/defaults/recipes/link.ts
-var linkRecipe = defineRecipe({
-  base: "kui-link",
-  variants: {
-    variant: {
-      solid: "text-kui-brand hover:text-kui-brand-hover",
-      outline: "text-kui-text-secondary hover:text-kui-brand",
-      ghost: "text-kui-text-secondary hover:text-kui-text",
-      soft: "text-kui-brand hover:text-kui-brand-hover"
-    },
-    underline: {
-      always: "underline",
-      hover: "no-underline hover:underline",
-      none: "no-underline"
-    },
-    disabled: {
-      true: "pointer-events-none opacity-50 cursor-not-allowed",
-      false: ""
-    }
-  },
-  defaultVariants: {
-    variant: "solid",
-    underline: "hover",
-    disabled: false
-  }
-});
-
-// src/defaults/theme.ts
-var defaultRecipes = {
-  Button: buttonRecipe,
-  FormControl: formControlRecipe,
-  Input: inputRecipe,
-  Textarea: textareaRecipe,
-  MarkdownEditor: markdownEditorRecipe,
-  Checkbox: checkboxRecipe,
-  ButtonGroup: buttonGroupRecipe,
-  Switch: switchRecipe,
-  Container: containerReccipe,
-  Link: linkRecipe
-};
-var defaultTheme = defineTheme({
-  tokens: defaultTokens,
-  semanticTokens: defaultSemanticTokens,
-  typography: defaultTypography,
-  recipes: defaultRecipes,
-  intensity: 50,
-  sizes: defaultSizes
-});
-
-// src/extend/recipes.ts
-var defaultRecipes2 = defaultRecipes;
-function extendRecipe(name, override) {
-  const base = defaultRecipes2[name];
-  if (!override) {
-    return base;
-  }
-  return {
-    ...base,
-    ...override,
-    ...override?.compoundVariants ? { compoundVariants: override.compoundVariants } : {},
-    ...base?.variants || override?.variants ? {
-      variants: {
-        ...base?.variants,
-        ...override?.variants
-      }
-    } : {}
-  };
-}
-function extendRecipes(override) {
-  if (!override) {
-    return defaultRecipes2;
-  }
-  const result = { ...defaultRecipes2 };
-  for (const name of Object.keys(override)) {
-    result[name] = extendRecipe(name, override[name]);
-  }
-  return result;
-}
-
-// src/extend/theme.ts
-function extendTheme(override) {
-  if (!override) {
-    return defaultTheme;
-  }
-  return {
-    ...defaultTheme,
-    ...override,
-    tokens: extendTokens(override.tokens),
-    semanticTokens: extendSemanticTokens(override.semanticTokens),
-    sizes: extendSizes(override.sizes),
-    typography: extendTypography(override.typography),
-    recipes: extendRecipes(override.recipes)
-  };
-}
 var ThemeContext = createContext(null);
-function useColorMode() {
-  const ctx = useContext(ThemeContext);
-  if (!ctx) {
-    throw new Error("useColorMode must be used within a ThemeProvider");
-  }
-  return {
-    mode: ctx.mode,
-    setMode: ctx.setMode,
-    toggleColorMode: () => {
-      throw new Error("not implemented");
-    }
-  };
-}
 function useTheme() {
   const ctx = useContext(ThemeContext);
   if (!ctx) {
@@ -1241,6 +232,31 @@ function mergeResponsiveValue(defaults, value) {
   };
 }
 
+// src/utils/deepMerge.ts
+function isPlainObject(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+function deepMerge(base, override) {
+  if (override === void 0) {
+    return base;
+  }
+  if (!isPlainObject(base) || !isPlainObject(override)) {
+    return override;
+  }
+  const result = {
+    ...base
+  };
+  for (const [key, value] of Object.entries(override)) {
+    const existing = result[key];
+    if (isPlainObject(existing) && isPlainObject(value)) {
+      result[key] = deepMerge(existing, value);
+    } else {
+      result[key] = value;
+    }
+  }
+  return result;
+}
+
 // src/utils/resolveTokenReference.ts
 function resolveTokenReference(value, tokens) {
   if (typeof value !== "string") {
@@ -1283,6 +299,6 @@ function resolveTypography(typography, tokens) {
   };
 }
 
-export { ThemeContext, assertNoCycles, buttonBase, buttonColors, buttonGroupRecipe, buttonRecipe, buttonVariants, checkboxRecipe, composeRefs, containerReccipe, createComponent, createFromProps, deepMerge, defaultRecipes, defaultSemanticTokens, defaultSizes, defaultTheme, defaultTokens, defaultTypography, defineRecipe, defineSemanticToken, defineSemanticTokens, defineSize, defineSizes, defineTheme, defineToken, defineTokens, defineTypography, extendRecipe, extendRecipes, extendSemanticTokens, extendSizes, extendTheme, extendTokens, extendTypography, formControlBase, formControlRecipe, formControlVariants, hasKuiMeta, inputBase, inputRecipe, isResponsiveValue, linkRecipe, markdownEditorRecipe, mergeResponsiveValue, resolveResponsiveValue, resolveTokenReference, resolveTypography, switchRecipe, textareaRecipe, toResponsiveClasses, useColorMode, useTheme, validateNoCycles };
+export { ThemeContext, assertNoCycles, composeRefs, createComponent, createFromProps, deepMerge, defineRecipe, defineSemanticToken, defineSemanticTokens, defineSize, defineSizes, defineTheme, defineToken, defineTokens, defineTypography, hasKuiMeta, isResponsiveValue, mergeResponsiveValue, resolveResponsiveValue, resolveTokenReference, resolveTypography, toResponsiveClasses, useTheme, validateNoCycles };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map