kz-design-system 0.0.5 → 0.0.7

package/dist/button.d.mts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { p as ButtonVariant, n as ButtonSize, o as ButtonType, B as ButtonAspectRatio } from './enum-B7HQ_ry_.mjs';
+import { q as ButtonVariant, o as ButtonSize, p as ButtonType, B as ButtonAspectRatio } from './enum-CzPXGhKb.mjs';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
 

package/dist/button.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { p as ButtonVariant, n as ButtonSize, o as ButtonType, B as ButtonAspectRatio } from './enum-B7HQ_ry_.js';
+import { q as ButtonVariant, o as ButtonSize, p as ButtonType, B as ButtonAspectRatio } from './enum-CzPXGhKb.js';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
 

package/dist/button.js

@@ -40,7 +40,7 @@ __export(button_exports, {
 module.exports = __toCommonJS(button_exports);
 
 // src/components/button/Button.tsx
-var React2 = __toESM(require("react"));
+var React = __toESM(require("react"));
 var import_react_slot = require("@radix-ui/react-slot");
 
 // src/constants/enum.ts
@@ -172,36 +172,8 @@ var buttonVariants = (0, import_class_variance_authority.cva)(base, {
   }
 });
 
-// src/icon/Icon.tsx
-var React = __toESM(require("react"));
-
-// src/icon/icon-registry.tsx
+// src/components/button/Button.tsx
 var import_lucide_react = require("lucide-react");
-var iconRegistry = {
-  ["search" /* Search */]: import_lucide_react.Search,
-  ["circle-alert" /* CircleAlert */]: import_lucide_react.CircleAlert,
-  ["check-circle" /* CheckCircle */]: import_lucide_react.CheckCircle,
-  ["triangle-alert" /* TriangleAlert */]: import_lucide_react.TriangleAlert,
-  ["loader-2" /* Loader2 */]: import_lucide_react.Loader2,
-  ["chevron-down" /* ChevronDown */]: import_lucide_react.ChevronDown,
-  ["chevron-left" /* ChevronLeft */]: import_lucide_react.ChevronLeft,
-  ["chevron-right" /* ChevronRight */]: import_lucide_react.ChevronRight,
-  ["bar-chart-2" /* BarChart2 */]: import_lucide_react.BarChart2,
-  ["shield" /* Shield */]: import_lucide_react.Shield,
-  ["arrow-left" /* ArrowLeft */]: import_lucide_react.ArrowLeft,
-  ["arrow-up" /* ArrowUp */]: import_lucide_react.ArrowUp,
-  ["arrow-down" /* ArrowDown */]: import_lucide_react.ArrowDown,
-  ["arrow-up-down" /* ArrowUpDown */]: import_lucide_react.ArrowUpDown,
-  ["ellipsis-vertical" /* EllipsisVertical */]: import_lucide_react.EllipsisVertical,
-  ["sun" /* Sun */]: import_lucide_react.Sun,
-  ["moon" /* Moon */]: import_lucide_react.Moon,
-  ["log-out" /* LogOut */]: import_lucide_react.LogOut,
-  ["settings" /* Settings */]: import_lucide_react.Settings,
-  ["user" /* User */]: import_lucide_react.User,
-  ["file-text" /* FileText */]: import_lucide_react.FileText,
-  ["lock-open" /* LockOpen */]: import_lucide_react.LockOpen,
-  ["calendar" /* Calendar */]: import_lucide_react.Calendar
-};
 
 // src/icon/icon-sizes.ts
 var iconSize = {
@@ -219,31 +191,9 @@ function cn(...inputs) {
   return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
 }
 
-// src/icon/Icon.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-var Icon = React.forwardRef(
-  ({ name, size = "md", color, className, ...props }, ref) => {
-    const Component = iconRegistry[name];
-    if (!Component) return null;
-    const sizePx = typeof size === "number" ? size : iconSize[size];
-    const resolvedColor = color ?? "var(--kz-color-icon-default, currentColor)";
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      Component,
-      {
-        ref,
-        size: sizePx,
-        color: resolvedColor,
-        className: cn("shrink-0", className),
-        ...props
-      }
-    );
-  }
-);
-Icon.displayName = "Icon";
-
 // src/components/button/Button.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var Button = React2.forwardRef(
+var import_jsx_runtime = require("react/jsx-runtime");
+var Button = React.forwardRef(
   ({
     className,
     variant,
@@ -266,7 +216,7 @@ var Button = React2.forwardRef(
       className
     );
     if (asChild) {
-      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         Comp,
         {
           ref,
@@ -280,7 +230,7 @@ var Button = React2.forwardRef(
         }
       );
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
       Comp,
       {
         ref,
@@ -291,12 +241,11 @@ var Button = React2.forwardRef(
         "aria-busy": loading,
         ...props,
         children: [
-          loading && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-            Icon,
+          loading && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_lucide_react.Loader2,
             {
-              name: "loader-2" /* Loader2 */,
               className: "kz-button-spinner",
-              size: "md",
+              size: iconSize.md,
               color: "currentColor"
             }
           ),

package/dist/button.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/button/index.ts","../src/components/button/Button.tsx","../src/constants/enum.ts","../src/components/button/button.variants.ts","../src/icon/Icon.tsx","../src/icon/icon-registry.tsx","../src/icon/icon-sizes.ts","../src/utils/cn.ts"],"sourcesContent":["export {\n  Button,\n  buttonVariants,\n  type ButtonProps,\n  type ButtonVariants,\n} from \"./Button\";\nexport {\n  ButtonVariant,\n  ButtonSize,\n  ButtonType,\n  ButtonAspectRatio,\n} from \"../../constants/enum\";\n","import * as React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport {\n  ButtonVariant,\n  ButtonSize,\n  ButtonType,\n  ButtonAspectRatio,\n} from \"../../constants/enum\";\nimport { buttonVariants, type ButtonVariants } from \"./button.variants\";\nimport { Icon, IconName } from \"../../icon/Icon\";\nimport { cn } from \"../../utils/cn\";\n\nexport interface ButtonProps extends Omit<\n  React.ButtonHTMLAttributes<HTMLButtonElement>,\n  \"children\" | \"onClick\"\n> {\n  variant: ButtonVariant;\n  size: ButtonSize;\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n  asChild?: boolean;\n  children: React.ReactNode;\n  type?: ButtonType;\n  loading?: boolean;\n  aspectRatio?: ButtonAspectRatio;\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      className,\n      variant,\n      size,\n      onClick,\n      asChild = false,\n      children,\n      type = ButtonType.Button,\n      loading = false,\n      aspectRatio = ButtonAspectRatio.Auto,\n      disabled,\n      ...props\n    },\n    ref\n  ) => {\n    const Comp = asChild ? Slot : \"button\";\n    const isDisabled = disabled || loading;\n\n    const buttonClassName = cn(\n      buttonVariants({ variant, size }),\n      loading && \"opacity-[var(--kz-component-button-loading-opacity,0.8)]\",\n      aspectRatio === ButtonAspectRatio.Square && \"kz-button--aspect-1-1\",\n      className\n    );\n\n    if (asChild) {\n      return (\n        <Comp\n          ref={ref}\n          type={asChild ? undefined : type}\n          className={buttonClassName}\n          onClick={onClick}\n          disabled={isDisabled}\n          aria-busy={loading}\n          {...props}\n        >\n          {children}\n        </Comp>\n      );\n    }\n\n    return (\n      <Comp\n        ref={ref}\n        type={type}\n        className={buttonClassName}\n        onClick={onClick}\n        disabled={isDisabled}\n        aria-busy={loading}\n        {...props}\n      >\n        {loading && (\n          <Icon\n            name={IconName.Loader2}\n            className=\"kz-button-spinner\"\n            size=\"md\"\n            color=\"currentColor\"\n          />\n        )}\n        {children}\n      </Comp>\n    );\n  }\n);\n\nButton.displayName = \"Button\";\n\nexport { Button, buttonVariants };\nexport type { ButtonVariants };\n","export enum Theme {\n  Light = \"light\",\n  Dark = \"dark\",\n}\n\nexport enum ThemeStyle {\n  Enterprise = \"enterprise\",\n  Neumorphic = \"neumorphic\",\n  Standard = \"standard\",\n  Glassmorphic = \"glassmorphic\",\n}\n\nexport enum KezelVariant {\n  Standard = \"standard\",\n  Neumorphic = \"neumorphic\",\n}\n\nexport enum KezelMode {\n  Light,\n  Dark,\n}\n\nexport enum ButtonVariant {\n  Primary = \"primary\",\n  Secondary = \"secondary\",\n  Outline = \"outline\",\n  Ghost = \"ghost\",\n  Success = \"success\",\n  Warning = \"warning\",\n  Error = \"error\",\n}\n\nexport enum ButtonSize {\n  Sm = \"sm\",\n  Md = \"md\",\n  Lg = \"lg\",\n}\n\nexport enum ButtonType {\n  Button = \"button\",\n  Submit = \"submit\",\n  Reset = \"reset\",\n}\n\nexport enum ButtonAspectRatio {\n  Auto = \"auto\",\n  Square = \"square\",\n}\n\nexport enum DropdownTriggerVariant {\n  Default = \"default\",\n  Ghost = \"ghost\",\n}\n\nexport enum TypographyVariant {\n  H1 = \"h1\",\n  H2 = \"h2\",\n  H3 = \"h3\",\n  Body = \"body\",\n  Small = \"small\",\n  Caption = \"caption\",\n  Label = \"label\",\n  Link = \"link\",\n  Error = \"error\",\n  Success = \"success\",\n  Warning = \"warning\",\n}\n\nexport enum TypographyTone {\n  Primary = \"primary\",\n  Secondary = \"secondary\",\n  Muted = \"muted\",\n  Disabled = \"disabled\",\n  Inverse = \"inverse\",\n  Link = \"link\",\n}\n\nexport enum TypographyAlign {\n  Left = \"left\",\n  Center = \"center\",\n  Right = \"right\",\n}\n\nexport enum TypographyWeight {\n  Regular = \"regular\",\n  Medium = \"medium\",\n  Semibold = \"semibold\",\n  Bold = \"bold\",\n}\n\nexport enum TokenCategory {\n  Color = \"color\",\n  Shadow = \"shadow\",\n  Length = \"length\",\n  Number = \"number\",\n  LineHeight = \"lineHeight\",\n  FontFamily = \"fontFamily\",\n  FontWeight = \"fontWeight\",\n  Duration = \"duration\",\n  Easing = \"easing\",\n}\n\nexport enum OverrideMode {\n  Safe = \"safe\",\n  Strict = \"strict\",\n}\n\nexport enum TextInputVariant {\n  Default = \"default\",\n  Container = \"container\",\n  Ghost = \"ghost\",\n}\n\nexport enum TextInputSize {\n  Sm = \"sm\",\n  Md = \"md\",\n  Lg = \"lg\",\n}\n\nexport enum TextInputState {\n  Default = \"default\",\n  Error = \"error\",\n  Success = \"success\",\n  Warning = \"warning\",\n}\n\nexport enum TooltipSize {\n  Sm = \"sm\",\n  Md = \"md\",\n  Lg = \"lg\",\n}\n\nexport enum TooltipPosition {\n  Top = \"top\",\n  Right = \"right\",\n  Bottom = \"bottom\",\n  Left = \"left\",\n}\n\nexport enum TooltipAlign {\n  Start = \"start\",\n  Center = \"center\",\n  End = \"end\",\n}\n\nexport enum TooltipColor {\n  Default = \"default\",\n  Inverse = \"inverse\",\n  Success = \"success\",\n  Warning = \"warning\",\n  Error = \"error\",\n}\n\nexport enum ToggleButtonVariant {\n  Default = \"default\",\n  Primary = \"primary\",\n  Container = \"container\",\n}\n\nexport enum ToggleButtonSize {\n  Sm = \"sm\",\n  Md = \"md\",\n  Lg = \"lg\",\n}\n\nexport enum CheckboxSize {\n  Sm = \"sm\",\n  Md = \"md\",\n  Lg = \"lg\",\n}\n\nexport enum CheckboxVariant {\n  Default = \"default\",\n  Container = \"container\",\n}\n\nexport enum RadioSize {\n  Sm = \"sm\",\n  Md = \"md\",\n  Lg = \"lg\",\n}\n","import { cva, type VariantProps } from \"class-variance-authority\";\nimport { ButtonVariant, ButtonSize } from \"../../constants/enum\";\n\nconst base = [\n  \"inline-flex items-center justify-center gap-2 whitespace-nowrap font-medium\",\n  \"transition-all duration-150 ease-out\",\n  \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-[var(--kz-color-border-focus)]\",\n  \"disabled:pointer-events-none disabled:opacity-[var(--kz-component-button-disabled-opacity,0.5)]\",\n  \"[&_svg]:pointer-events-none [&_svg]:shrink-0\",\n].join(\" \");\n\nexport const buttonVariants = cva(base, {\n  variants: {\n    variant: {\n      primary: [\n        \"bg-[var(--kz-component-button-primary-bg)]\",\n        \"text-[var(--kz-component-button-primary-text)]\",\n        \"rounded-[var(--kz-component-button-radius,8px)]\",\n        \"[box-shadow:var(--kz-component-button-primary-shadow,none)]\",\n        \"hover:bg-[var(--kz-component-button-primary-bg-hover)]\",\n        \"hover:[box-shadow:var(--kz-component-button-primary-shadow-hover,var(--kz-component-button-primary-shadow,none))]\",\n        \"active:bg-[var(--kz-component-button-primary-bg-active)]\",\n      ].join(\" \"),\n      secondary: [\n        \"bg-[var(--kz-component-button-secondary-bg)]\",\n        \"text-[var(--kz-component-button-secondary-text)]\",\n        \"rounded-[var(--kz-component-button-radius,8px)]\",\n        \"[box-shadow:var(--kz-component-button-secondary-shadow,none)]\",\n        \"hover:bg-[var(--kz-component-button-secondary-bg-hover)]\",\n        \"hover:[box-shadow:var(--kz-component-button-secondary-shadow-hover,var(--kz-component-button-secondary-shadow,none))]\",\n        \"active:bg-[var(--kz-component-button-secondary-bg-active)]\",\n      ].join(\" \"),\n      outline: [\n        \"bg-[var(--kz-component-button-outline-bg)]\",\n        \"text-[var(--kz-component-button-outline-text)]\",\n        \"border border-[var(--kz-component-button-outline-border)]\",\n        \"rounded-[var(--kz-component-button-radius,8px)]\",\n        \"[box-shadow:var(--kz-component-button-outline-shadow,none)]\",\n        \"hover:bg-[var(--kz-component-button-outline-bg-hover,var(--kz-component-button-outline-bg))]\",\n        \"hover:[box-shadow:var(--kz-component-button-outline-shadow-hover,var(--kz-component-button-outline-shadow,none))]\",\n      ].join(\" \"),\n      ghost: [\n        \"bg-[var(--kz-component-button-ghost-bg)]\",\n        \"text-[var(--kz-component-button-ghost-text)]\",\n        \"rounded-[var(--kz-component-button-radius,8px)]\",\n        \"border border-transparent\",\n        \"[box-shadow:none]\",\n        \"hover:bg-[var(--kz-component-button-ghost-bg-hover,transparent)]\",\n        \"active:opacity-80\",\n      ].join(\" \"),\n      success: [\n        \"bg-[var(--kz-component-button-success-bg)]\",\n        \"text-[var(--kz-component-button-success-text)]\",\n        \"rounded-[var(--kz-component-button-radius,8px)]\",\n        \"[box-shadow:var(--kz-component-button-success-shadow,none)]\",\n        \"hover:bg-[var(--kz-component-button-success-bg-hover,var(--kz-component-button-success-bg))]\",\n        \"hover:[box-shadow:var(--kz-component-button-success-shadow-hover,var(--kz-component-button-success-shadow,none))]\",\n      ].join(\" \"),\n      warning: [\n        \"bg-[var(--kz-component-button-warning-bg)]\",\n        \"text-[var(--kz-component-button-warning-text)]\",\n        \"rounded-[var(--kz-component-button-radius,8px)]\",\n        \"[box-shadow:var(--kz-component-button-warning-shadow,none)]\",\n        \"hover:bg-[var(--kz-component-button-warning-bg-hover,var(--kz-component-button-warning-bg))]\",\n        \"hover:[box-shadow:var(--kz-component-button-warning-shadow-hover,var(--kz-component-button-warning-shadow,none))]\",\n      ].join(\" \"),\n      error: [\n        \"bg-[var(--kz-component-button-error-bg)]\",\n        \"text-[var(--kz-component-button-error-text)]\",\n        \"rounded-[var(--kz-component-button-radius,8px)]\",\n        \"[box-shadow:var(--kz-component-button-error-shadow,none)]\",\n        \"hover:bg-[var(--kz-component-button-error-bg-hover,var(--kz-component-button-error-bg))]\",\n        \"hover:[box-shadow:var(--kz-component-button-error-shadow-hover,var(--kz-component-button-error-shadow,none))]\",\n      ].join(\" \"),\n    },\n    size: {\n      sm: [\n        \"h-[var(--kz-component-button-height-sm,2rem)]\",\n        \"px-[var(--kz-component-button-px-sm,0.75rem)]\",\n        \"text-[length:var(--kz-component-button-text-sm,0.875rem)]\",\n        \"[&_svg]:size-[var(--kz-component-button-icon-sm,1rem)]\",\n      ].join(\" \"),\n      md: [\n        \"h-[var(--kz-component-button-height-md,2.5rem)]\",\n        \"px-[var(--kz-component-button-px-md,1rem)]\",\n        \"text-[length:var(--kz-component-button-text-md,0.875rem)]\",\n        \"[&_svg]:size-[var(--kz-component-button-icon-md,1rem)]\",\n      ].join(\" \"),\n      lg: [\n        \"h-[var(--kz-component-button-height-lg,3rem)]\",\n        \"px-[var(--kz-component-button-px-lg,1.25rem)]\",\n        \"text-[length:var(--kz-component-button-text-lg,1rem)]\",\n        \"[&_svg]:size-[var(--kz-component-button-icon-lg,1.25rem)]\",\n      ].join(\" \"),\n    },\n  },\n  defaultVariants: {\n    variant: ButtonVariant.Primary,\n    size: ButtonSize.Md,\n  },\n});\n\nexport type ButtonVariants = VariantProps<typeof buttonVariants>;\n","import * as React from \"react\";\nimport { iconRegistry, IconName } from \"./icon-registry\";\nimport { iconSize, type IconSizeKey } from \"./icon-sizes\";\nimport { cn } from \"../utils/cn\";\n\nexport interface IconProps extends Omit<\n  React.SVGAttributes<SVGSVGElement>,\n  \"color\"\n> {\n  name: IconName;\n  size?: IconSizeKey | number;\n  color?: string;\n  className?: string;\n}\n\nconst Icon = React.forwardRef<SVGSVGElement, IconProps>(\n  ({ name, size = \"md\", color, className, ...props }, ref) => {\n    const Component = iconRegistry[name];\n    if (!Component) return null;\n    const sizePx = typeof size === \"number\" ? size : iconSize[size];\n    const resolvedColor = color ?? \"var(--kz-color-icon-default, currentColor)\";\n    return (\n      <Component\n        ref={ref}\n        size={sizePx}\n        color={resolvedColor}\n        className={cn(\"shrink-0\", className)}\n        {...props}\n      />\n    );\n  }\n);\n\nIcon.displayName = \"Icon\";\n\nexport { Icon, iconRegistry, iconSize, IconName };\nexport type { IconSizeKey };\n","import type { LucideIcon } from \"lucide-react\";\nimport {\n  Search,\n  CircleAlert,\n  CheckCircle,\n  TriangleAlert,\n  Loader2,\n  ChevronDown,\n  ChevronLeft,\n  ChevronRight,\n  BarChart2,\n  Shield,\n  ArrowLeft,\n  ArrowUp,\n  ArrowDown,\n  ArrowUpDown,\n  EllipsisVertical,\n  Sun,\n  Moon,\n  Settings,\n  LogOut,\n  User,\n  FileText,\n  LockOpen,\n  Calendar,\n} from \"lucide-react\";\n\n/** Use IconName.* so users discover available icons. Values match registry keys. */\nexport enum IconName {\n  Search = \"search\",\n  CircleAlert = \"circle-alert\",\n  CheckCircle = \"check-circle\",\n  TriangleAlert = \"triangle-alert\",\n  Loader2 = \"loader-2\",\n  ChevronDown = \"chevron-down\",\n  ChevronLeft = \"chevron-left\",\n  ChevronRight = \"chevron-right\",\n  BarChart2 = \"bar-chart-2\",\n  Shield = \"shield\",\n  ArrowLeft = \"arrow-left\",\n  ArrowUp = \"arrow-up\",\n  ArrowDown = \"arrow-down\",\n  ArrowUpDown = \"arrow-up-down\",\n  EllipsisVertical = \"ellipsis-vertical\",\n  Sun = \"sun\",\n  Moon = \"moon\",\n  LogOut = \"log-out\",\n  Settings = \"settings\",\n  User = \"user\",\n  FileText = \"file-text\",\n  LockOpen = \"lock-open\",\n  Calendar = \"calendar\",\n}\n\nexport const iconRegistry: Record<IconName, LucideIcon> = {\n  [IconName.Search]: Search,\n  [IconName.CircleAlert]: CircleAlert,\n  [IconName.CheckCircle]: CheckCircle,\n  [IconName.TriangleAlert]: TriangleAlert,\n  [IconName.Loader2]: Loader2,\n  [IconName.ChevronDown]: ChevronDown,\n  [IconName.ChevronLeft]: ChevronLeft,\n  [IconName.ChevronRight]: ChevronRight,\n  [IconName.BarChart2]: BarChart2,\n  [IconName.Shield]: Shield,\n  [IconName.ArrowLeft]: ArrowLeft,\n  [IconName.ArrowUp]: ArrowUp,\n  [IconName.ArrowDown]: ArrowDown,\n  [IconName.ArrowUpDown]: ArrowUpDown,\n  [IconName.EllipsisVertical]: EllipsisVertical,\n  [IconName.Sun]: Sun,\n  [IconName.Moon]: Moon,\n  [IconName.LogOut]: LogOut,\n  [IconName.Settings]: Settings,\n  [IconName.User]: User,\n  [IconName.FileText]: FileText,\n  [IconName.LockOpen]: LockOpen,\n  [IconName.Calendar]: Calendar,\n};\n","/** Preset icon sizes (px). Use with Icon size prop. */\nexport const iconSize = {\n  xs: 12,\n  sm: 16,\n  md: 24,\n  lg: 32,\n  xl: 40,\n} as const;\n\nexport type IconSizeKey = keyof typeof iconSize;\n","import { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n"],"mappings":"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","names":["React","ButtonVariant","ButtonSize","ButtonType","ButtonAspectRatio","import_jsx_runtime"]}
+{"version":3,"sources":["../src/components/button/index.ts","../src/components/button/Button.tsx","../src/constants/enum.ts","../src/components/button/button.variants.ts","../src/icon/icon-sizes.ts","../src/utils/cn.ts"],"sourcesContent":["export {\n  Button,\n  buttonVariants,\n  type ButtonProps,\n  type ButtonVariants,\n} from \"./Button\";\nexport {\n  ButtonVariant,\n  ButtonSize,\n  ButtonType,\n  ButtonAspectRatio,\n} from \"../../constants/enum\";\n","import * as React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport {\n  ButtonVariant,\n  ButtonSize,\n  ButtonType,\n  ButtonAspectRatio,\n} from \"../../constants/enum\";\nimport { buttonVariants, type ButtonVariants } from \"./button.variants\";\nimport { Loader2 } from \"lucide-react\";\nimport { iconSize } from \"../../icon/icon-sizes\";\nimport { cn } from \"../../utils/cn\";\n\nexport interface ButtonProps extends Omit<\n  React.ButtonHTMLAttributes<HTMLButtonElement>,\n  \"children\" | \"onClick\"\n> {\n  variant: ButtonVariant;\n  size: ButtonSize;\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n  asChild?: boolean;\n  children: React.ReactNode;\n  type?: ButtonType;\n  loading?: boolean;\n  aspectRatio?: ButtonAspectRatio;\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      className,\n      variant,\n      size,\n      onClick,\n      asChild = false,\n      children,\n      type = ButtonType.Button,\n      loading = false,\n      aspectRatio = ButtonAspectRatio.Auto,\n      disabled,\n      ...props\n    },\n    ref\n  ) => {\n    const Comp = asChild ? Slot : \"button\";\n    const isDisabled = disabled || loading;\n\n    const buttonClassName = cn(\n      buttonVariants({ variant, size }),\n      loading && \"opacity-[var(--kz-component-button-loading-opacity,0.8)]\",\n      aspectRatio === ButtonAspectRatio.Square && \"kz-button--aspect-1-1\",\n      className\n    );\n\n    if (asChild) {\n      return (\n        <Comp\n          ref={ref}\n          type={asChild ? undefined : type}\n          className={buttonClassName}\n          onClick={onClick}\n          disabled={isDisabled}\n          aria-busy={loading}\n          {...props}\n        >\n          {children}\n        </Comp>\n      );\n    }\n\n    return (\n      <Comp\n        ref={ref}\n        type={type}\n        className={buttonClassName}\n        onClick={onClick}\n        disabled={isDisabled}\n        aria-busy={loading}\n        {...props}\n      >\n        {loading && (\n          <Loader2\n            className=\"kz-button-spinner\"\n            size={iconSize.md}\n            color=\"currentColor\"\n          />\n        )}\n        {children}\n      </Comp>\n    );\n  }\n);\n\nButton.displayName = \"Button\";\n\nexport { Button, buttonVariants };\nexport type { ButtonVariants };\n","export enum Theme {\n  Light = \"light\",\n  Dark = \"dark\",\n}\n\nexport enum ThemeStyle {\n  Enterprise = \"enterprise\",\n  Neumorphic = \"neumorphic\",\n  Standard = \"standard\",\n  Glassmorphic = \"glassmorphic\",\n}\n\nexport enum KezelVariant {\n  Standard = \"standard\",\n  Neumorphic = \"neumorphic\",\n}\n\nexport enum KezelMode {\n  Light,\n  Dark,\n}\n\nexport enum ButtonVariant {\n  Primary = \"primary\",\n  Secondary = \"secondary\",\n  Outline = \"outline\",\n  Ghost = \"ghost\",\n  Success = \"success\",\n  Warning = \"warning\",\n  Error = \"error\",\n}\n\nexport enum ButtonSize {\n  Sm = \"sm\",\n  Md = \"md\",\n  Lg = \"lg\",\n}\n\nexport enum ButtonType {\n  Button = \"button\",\n  Submit = \"submit\",\n  Reset = \"reset\",\n}\n\nexport enum ButtonAspectRatio {\n  Auto = \"auto\",\n  Square = \"square\",\n}\n\nexport enum DropdownTriggerVariant {\n  Default = \"default\",\n  Ghost = \"ghost\",\n}\n\nexport enum TypographyVariant {\n  H1 = \"h1\",\n  H2 = \"h2\",\n  H3 = \"h3\",\n  Body = \"body\",\n  Small = \"small\",\n  Caption = \"caption\",\n  Label = \"label\",\n  Link = \"link\",\n  Error = \"error\",\n  Success = \"success\",\n  Warning = \"warning\",\n}\n\nexport enum TypographyTone {\n  Primary = \"primary\",\n  Secondary = \"secondary\",\n  Muted = \"muted\",\n  Disabled = \"disabled\",\n  Inverse = \"inverse\",\n  Link = \"link\",\n}\n\nexport enum TypographyAlign {\n  Left = \"left\",\n  Center = \"center\",\n  Right = \"right\",\n}\n\nexport enum TypographyWeight {\n  Regular = \"regular\",\n  Medium = \"medium\",\n  Semibold = \"semibold\",\n  Bold = \"bold\",\n}\n\nexport enum TokenCategory {\n  Color = \"color\",\n  Shadow = \"shadow\",\n  Length = \"length\",\n  Number = \"number\",\n  LineHeight = \"lineHeight\",\n  FontFamily = \"fontFamily\",\n  FontWeight = \"fontWeight\",\n  Duration = \"duration\",\n  Easing = \"easing\",\n}\n\nexport enum OverrideMode {\n  Safe = \"safe\",\n  Strict = \"strict\",\n}\n\nexport enum TextInputVariant {\n  Default = \"default\",\n  Container = \"container\",\n  Ghost = \"ghost\",\n}\n\nexport enum TextInputSize {\n  Sm = \"sm\",\n  Md = \"md\",\n  Lg = \"lg\",\n}\n\nexport enum TextInputState {\n  Default = \"default\",\n  Error = \"error\",\n  Success = \"success\",\n  Warning = \"warning\",\n}\n\nexport enum TooltipSize {\n  Sm = \"sm\",\n  Md = \"md\",\n  Lg = \"lg\",\n}\n\nexport enum TooltipPosition {\n  Top = \"top\",\n  Right = \"right\",\n  Bottom = \"bottom\",\n  Left = \"left\",\n}\n\nexport enum TooltipAlign {\n  Start = \"start\",\n  Center = \"center\",\n  End = \"end\",\n}\n\nexport enum TooltipColor {\n  Default = \"default\",\n  Inverse = \"inverse\",\n  Success = \"success\",\n  Warning = \"warning\",\n  Error = \"error\",\n}\n\nexport enum ToggleButtonVariant {\n  Default = \"default\",\n  Primary = \"primary\",\n  Container = \"container\",\n}\n\nexport enum ToggleButtonSize {\n  Sm = \"sm\",\n  Md = \"md\",\n  Lg = \"lg\",\n}\n\nexport enum CheckboxSize {\n  Sm = \"sm\",\n  Md = \"md\",\n  Lg = \"lg\",\n}\n\nexport enum CheckboxVariant {\n  Default = \"default\",\n  Container = \"container\",\n}\n\nexport enum RadioSize {\n  Sm = \"sm\",\n  Md = \"md\",\n  Lg = \"lg\",\n}\n\nexport enum AvatarSize {\n  Sm = \"sm\",\n  Md = \"md\",\n  Lg = \"lg\",\n  Xl = \"xl\",\n}\n\nexport enum AvatarStatus {\n  Online = \"online\",\n  Busy = \"busy\",\n  Away = \"away\",\n  Offline = \"offline\",\n}\n","import { cva, type VariantProps } from \"class-variance-authority\";\nimport { ButtonVariant, ButtonSize } from \"../../constants/enum\";\n\nconst base = [\n  \"inline-flex items-center justify-center gap-2 whitespace-nowrap font-medium\",\n  \"transition-all duration-150 ease-out\",\n  \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-[var(--kz-color-border-focus)]\",\n  \"disabled:pointer-events-none disabled:opacity-[var(--kz-component-button-disabled-opacity,0.5)]\",\n  \"[&_svg]:pointer-events-none [&_svg]:shrink-0\",\n].join(\" \");\n\nexport const buttonVariants = cva(base, {\n  variants: {\n    variant: {\n      primary: [\n        \"bg-[var(--kz-component-button-primary-bg)]\",\n        \"text-[var(--kz-component-button-primary-text)]\",\n        \"rounded-[var(--kz-component-button-radius,8px)]\",\n        \"[box-shadow:var(--kz-component-button-primary-shadow,none)]\",\n        \"hover:bg-[var(--kz-component-button-primary-bg-hover)]\",\n        \"hover:[box-shadow:var(--kz-component-button-primary-shadow-hover,var(--kz-component-button-primary-shadow,none))]\",\n        \"active:bg-[var(--kz-component-button-primary-bg-active)]\",\n      ].join(\" \"),\n      secondary: [\n        \"bg-[var(--kz-component-button-secondary-bg)]\",\n        \"text-[var(--kz-component-button-secondary-text)]\",\n        \"rounded-[var(--kz-component-button-radius,8px)]\",\n        \"[box-shadow:var(--kz-component-button-secondary-shadow,none)]\",\n        \"hover:bg-[var(--kz-component-button-secondary-bg-hover)]\",\n        \"hover:[box-shadow:var(--kz-component-button-secondary-shadow-hover,var(--kz-component-button-secondary-shadow,none))]\",\n        \"active:bg-[var(--kz-component-button-secondary-bg-active)]\",\n      ].join(\" \"),\n      outline: [\n        \"bg-[var(--kz-component-button-outline-bg)]\",\n        \"text-[var(--kz-component-button-outline-text)]\",\n        \"border border-[var(--kz-component-button-outline-border)]\",\n        \"rounded-[var(--kz-component-button-radius,8px)]\",\n        \"[box-shadow:var(--kz-component-button-outline-shadow,none)]\",\n        \"hover:bg-[var(--kz-component-button-outline-bg-hover,var(--kz-component-button-outline-bg))]\",\n        \"hover:[box-shadow:var(--kz-component-button-outline-shadow-hover,var(--kz-component-button-outline-shadow,none))]\",\n      ].join(\" \"),\n      ghost: [\n        \"bg-[var(--kz-component-button-ghost-bg)]\",\n        \"text-[var(--kz-component-button-ghost-text)]\",\n        \"rounded-[var(--kz-component-button-radius,8px)]\",\n        \"border border-transparent\",\n        \"[box-shadow:none]\",\n        \"hover:bg-[var(--kz-component-button-ghost-bg-hover,transparent)]\",\n        \"active:opacity-80\",\n      ].join(\" \"),\n      success: [\n        \"bg-[var(--kz-component-button-success-bg)]\",\n        \"text-[var(--kz-component-button-success-text)]\",\n        \"rounded-[var(--kz-component-button-radius,8px)]\",\n        \"[box-shadow:var(--kz-component-button-success-shadow,none)]\",\n        \"hover:bg-[var(--kz-component-button-success-bg-hover,var(--kz-component-button-success-bg))]\",\n        \"hover:[box-shadow:var(--kz-component-button-success-shadow-hover,var(--kz-component-button-success-shadow,none))]\",\n      ].join(\" \"),\n      warning: [\n        \"bg-[var(--kz-component-button-warning-bg)]\",\n        \"text-[var(--kz-component-button-warning-text)]\",\n        \"rounded-[var(--kz-component-button-radius,8px)]\",\n        \"[box-shadow:var(--kz-component-button-warning-shadow,none)]\",\n        \"hover:bg-[var(--kz-component-button-warning-bg-hover,var(--kz-component-button-warning-bg))]\",\n        \"hover:[box-shadow:var(--kz-component-button-warning-shadow-hover,var(--kz-component-button-warning-shadow,none))]\",\n      ].join(\" \"),\n      error: [\n        \"bg-[var(--kz-component-button-error-bg)]\",\n        \"text-[var(--kz-component-button-error-text)]\",\n        \"rounded-[var(--kz-component-button-radius,8px)]\",\n        \"[box-shadow:var(--kz-component-button-error-shadow,none)]\",\n        \"hover:bg-[var(--kz-component-button-error-bg-hover,var(--kz-component-button-error-bg))]\",\n        \"hover:[box-shadow:var(--kz-component-button-error-shadow-hover,var(--kz-component-button-error-shadow,none))]\",\n      ].join(\" \"),\n    },\n    size: {\n      sm: [\n        \"h-[var(--kz-component-button-height-sm,2rem)]\",\n        \"px-[var(--kz-component-button-px-sm,0.75rem)]\",\n        \"text-[length:var(--kz-component-button-text-sm,0.875rem)]\",\n        \"[&_svg]:size-[var(--kz-component-button-icon-sm,1rem)]\",\n      ].join(\" \"),\n      md: [\n        \"h-[var(--kz-component-button-height-md,2.5rem)]\",\n        \"px-[var(--kz-component-button-px-md,1rem)]\",\n        \"text-[length:var(--kz-component-button-text-md,0.875rem)]\",\n        \"[&_svg]:size-[var(--kz-component-button-icon-md,1rem)]\",\n      ].join(\" \"),\n      lg: [\n        \"h-[var(--kz-component-button-height-lg,3rem)]\",\n        \"px-[var(--kz-component-button-px-lg,1.25rem)]\",\n        \"text-[length:var(--kz-component-button-text-lg,1rem)]\",\n        \"[&_svg]:size-[var(--kz-component-button-icon-lg,1.25rem)]\",\n      ].join(\" \"),\n    },\n  },\n  defaultVariants: {\n    variant: ButtonVariant.Primary,\n    size: ButtonSize.Md,\n  },\n});\n\nexport type ButtonVariants = VariantProps<typeof buttonVariants>;\n","/** Preset icon sizes (px). Use with Icon size prop. */\nexport const iconSize = {\n  xs: 12,\n  sm: 16,\n  md: 24,\n  lg: 32,\n  xl: 40,\n} as const;\n\nexport type IconSizeKey = keyof typeof iconSize;\n","import { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n"],"mappings":"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","names":["ButtonVariant","ButtonSize","ButtonType","ButtonAspectRatio"]}

package/dist/button.mjs

@@ -1,5 +1,5 @@
 // src/components/button/Button.tsx
-import * as React2 from "react";
+import * as React from "react";
 import { Slot } from "@radix-ui/react-slot";
 
 // src/constants/enum.ts
@@ -131,60 +131,8 @@ var buttonVariants = cva(base, {
   }
 });
 
-// src/icon/Icon.tsx
-import * as React from "react";
-
-// src/icon/icon-registry.tsx
-import {
-  Search,
-  CircleAlert,
-  CheckCircle,
-  TriangleAlert,
-  Loader2,
-  ChevronDown,
-  ChevronLeft,
-  ChevronRight,
-  BarChart2,
-  Shield,
-  ArrowLeft,
-  ArrowUp,
-  ArrowDown,
-  ArrowUpDown,
-  EllipsisVertical,
-  Sun,
-  Moon,
-  Settings,
-  LogOut,
-  User,
-  FileText,
-  LockOpen,
-  Calendar
-} from "lucide-react";
-var iconRegistry = {
-  ["search" /* Search */]: Search,
-  ["circle-alert" /* CircleAlert */]: CircleAlert,
-  ["check-circle" /* CheckCircle */]: CheckCircle,
-  ["triangle-alert" /* TriangleAlert */]: TriangleAlert,
-  ["loader-2" /* Loader2 */]: Loader2,
-  ["chevron-down" /* ChevronDown */]: ChevronDown,
-  ["chevron-left" /* ChevronLeft */]: ChevronLeft,
-  ["chevron-right" /* ChevronRight */]: ChevronRight,
-  ["bar-chart-2" /* BarChart2 */]: BarChart2,
-  ["shield" /* Shield */]: Shield,
-  ["arrow-left" /* ArrowLeft */]: ArrowLeft,
-  ["arrow-up" /* ArrowUp */]: ArrowUp,
-  ["arrow-down" /* ArrowDown */]: ArrowDown,
-  ["arrow-up-down" /* ArrowUpDown */]: ArrowUpDown,
-  ["ellipsis-vertical" /* EllipsisVertical */]: EllipsisVertical,
-  ["sun" /* Sun */]: Sun,
-  ["moon" /* Moon */]: Moon,
-  ["log-out" /* LogOut */]: LogOut,
-  ["settings" /* Settings */]: Settings,
-  ["user" /* User */]: User,
-  ["file-text" /* FileText */]: FileText,
-  ["lock-open" /* LockOpen */]: LockOpen,
-  ["calendar" /* Calendar */]: Calendar
-};
+// src/components/button/Button.tsx
+import { Loader2 } from "lucide-react";
 
 // src/icon/icon-sizes.ts
 var iconSize = {
@@ -202,31 +150,9 @@ function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
 
-// src/icon/Icon.tsx
-import { jsx } from "react/jsx-runtime";
-var Icon = React.forwardRef(
-  ({ name, size = "md", color, className, ...props }, ref) => {
-    const Component = iconRegistry[name];
-    if (!Component) return null;
-    const sizePx = typeof size === "number" ? size : iconSize[size];
-    const resolvedColor = color ?? "var(--kz-color-icon-default, currentColor)";
-    return /* @__PURE__ */ jsx(
-      Component,
-      {
-        ref,
-        size: sizePx,
-        color: resolvedColor,
-        className: cn("shrink-0", className),
-        ...props
-      }
-    );
-  }
-);
-Icon.displayName = "Icon";
-
 // src/components/button/Button.tsx
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
-var Button = React2.forwardRef(
+import { jsx, jsxs } from "react/jsx-runtime";
+var Button = React.forwardRef(
   ({
     className,
     variant,
@@ -249,7 +175,7 @@ var Button = React2.forwardRef(
       className
     );
     if (asChild) {
-      return /* @__PURE__ */ jsx2(
+      return /* @__PURE__ */ jsx(
         Comp,
         {
           ref,
@@ -274,12 +200,11 @@ var Button = React2.forwardRef(
         "aria-busy": loading,
         ...props,
         children: [
-          loading && /* @__PURE__ */ jsx2(
-            Icon,
+          loading && /* @__PURE__ */ jsx(
+            Loader2,
             {
-              name: "loader-2" /* Loader2 */,
               className: "kz-button-spinner",
-              size: "md",
+              size: iconSize.md,
               color: "currentColor"
             }
           ),

package/dist/button.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/button/Button.tsx","../src/constants/enum.ts","../src/components/button/button.variants.ts","../src/icon/Icon.tsx","../src/icon/icon-registry.tsx","../src/icon/icon-sizes.ts","../src/utils/cn.ts"],"sourcesContent":["import * as React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport {\n  ButtonVariant,\n  ButtonSize,\n  ButtonType,\n  ButtonAspectRatio,\n} from \"../../constants/enum\";\nimport { buttonVariants, type ButtonVariants } from \"./button.variants\";\nimport { Icon, IconName } from \"../../icon/Icon\";\nimport { cn } from \"../../utils/cn\";\n\nexport interface ButtonProps extends Omit<\n  React.ButtonHTMLAttributes<HTMLButtonElement>,\n  \"children\" | \"onClick\"\n> {\n  variant: ButtonVariant;\n  size: ButtonSize;\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n  asChild?: boolean;\n  children: React.ReactNode;\n  type?: ButtonType;\n  loading?: boolean;\n  aspectRatio?: ButtonAspectRatio;\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      className,\n      variant,\n      size,\n      onClick,\n      asChild = false,\n      children,\n      type = ButtonType.Button,\n      loading = false,\n      aspectRatio = ButtonAspectRatio.Auto,\n      disabled,\n      ...props\n    },\n    ref\n  ) => {\n    const Comp = asChild ? Slot : \"button\";\n    const isDisabled = disabled || loading;\n\n    const buttonClassName = cn(\n      buttonVariants({ variant, size }),\n      loading && \"opacity-[var(--kz-component-button-loading-opacity,0.8)]\",\n      aspectRatio === ButtonAspectRatio.Square && \"kz-button--aspect-1-1\",\n      className\n    );\n\n    if (asChild) {\n      return (\n        <Comp\n          ref={ref}\n          type={asChild ? undefined : type}\n          className={buttonClassName}\n          onClick={onClick}\n          disabled={isDisabled}\n          aria-busy={loading}\n          {...props}\n        >\n          {children}\n        </Comp>\n      );\n    }\n\n    return (\n      <Comp\n        ref={ref}\n        type={type}\n        className={buttonClassName}\n        onClick={onClick}\n        disabled={isDisabled}\n        aria-busy={loading}\n        {...props}\n      >\n        {loading && (\n          <Icon\n            name={IconName.Loader2}\n            className=\"kz-button-spinner\"\n            size=\"md\"\n            color=\"currentColor\"\n          />\n        )}\n        {children}\n      </Comp>\n    );\n  }\n);\n\nButton.displayName = \"Button\";\n\nexport { Button, buttonVariants };\nexport type { ButtonVariants };\n","export enum Theme {\n  Light = \"light\",\n  Dark = \"dark\",\n}\n\nexport enum ThemeStyle {\n  Enterprise = \"enterprise\",\n  Neumorphic = \"neumorphic\",\n  Standard = \"standard\",\n  Glassmorphic = \"glassmorphic\",\n}\n\nexport enum KezelVariant {\n  Standard = \"standard\",\n  Neumorphic = \"neumorphic\",\n}\n\nexport enum KezelMode {\n  Light,\n  Dark,\n}\n\nexport enum ButtonVariant {\n  Primary = \"primary\",\n  Secondary = \"secondary\",\n  Outline = \"outline\",\n  Ghost = \"ghost\",\n  Success = \"success\",\n  Warning = \"warning\",\n  Error = \"error\",\n}\n\nexport enum ButtonSize {\n  Sm = \"sm\",\n  Md = \"md\",\n  Lg = \"lg\",\n}\n\nexport enum ButtonType {\n  Button = \"button\",\n  Submit = \"submit\",\n  Reset = \"reset\",\n}\n\nexport enum ButtonAspectRatio {\n  Auto = \"auto\",\n  Square = \"square\",\n}\n\nexport enum DropdownTriggerVariant {\n  Default = \"default\",\n  Ghost = \"ghost\",\n}\n\nexport enum TypographyVariant {\n  H1 = \"h1\",\n  H2 = \"h2\",\n  H3 = \"h3\",\n  Body = \"body\",\n  Small = \"small\",\n  Caption = \"caption\",\n  Label = \"label\",\n  Link = \"link\",\n  Error = \"error\",\n  Success = \"success\",\n  Warning = \"warning\",\n}\n\nexport enum TypographyTone {\n  Primary = \"primary\",\n  Secondary = \"secondary\",\n  Muted = \"muted\",\n  Disabled = \"disabled\",\n  Inverse = \"inverse\",\n  Link = \"link\",\n}\n\nexport enum TypographyAlign {\n  Left = \"left\",\n  Center = \"center\",\n  Right = \"right\",\n}\n\nexport enum TypographyWeight {\n  Regular = \"regular\",\n  Medium = \"medium\",\n  Semibold = \"semibold\",\n  Bold = \"bold\",\n}\n\nexport enum TokenCategory {\n  Color = \"color\",\n  Shadow = \"shadow\",\n  Length = \"length\",\n  Number = \"number\",\n  LineHeight = \"lineHeight\",\n  FontFamily = \"fontFamily\",\n  FontWeight = \"fontWeight\",\n  Duration = \"duration\",\n  Easing = \"easing\",\n}\n\nexport enum OverrideMode {\n  Safe = \"safe\",\n  Strict = \"strict\",\n}\n\nexport enum TextInputVariant {\n  Default = \"default\",\n  Container = \"container\",\n  Ghost = \"ghost\",\n}\n\nexport enum TextInputSize {\n  Sm = \"sm\",\n  Md = \"md\",\n  Lg = \"lg\",\n}\n\nexport enum TextInputState {\n  Default = \"default\",\n  Error = \"error\",\n  Success = \"success\",\n  Warning = \"warning\",\n}\n\nexport enum TooltipSize {\n  Sm = \"sm\",\n  Md = \"md\",\n  Lg = \"lg\",\n}\n\nexport enum TooltipPosition {\n  Top = \"top\",\n  Right = \"right\",\n  Bottom = \"bottom\",\n  Left = \"left\",\n}\n\nexport enum TooltipAlign {\n  Start = \"start\",\n  Center = \"center\",\n  End = \"end\",\n}\n\nexport enum TooltipColor {\n  Default = \"default\",\n  Inverse = \"inverse\",\n  Success = \"success\",\n  Warning = \"warning\",\n  Error = \"error\",\n}\n\nexport enum ToggleButtonVariant {\n  Default = \"default\",\n  Primary = \"primary\",\n  Container = \"container\",\n}\n\nexport enum ToggleButtonSize {\n  Sm = \"sm\",\n  Md = \"md\",\n  Lg = \"lg\",\n}\n\nexport enum CheckboxSize {\n  Sm = \"sm\",\n  Md = \"md\",\n  Lg = \"lg\",\n}\n\nexport enum CheckboxVariant {\n  Default = \"default\",\n  Container = \"container\",\n}\n\nexport enum RadioSize {\n  Sm = \"sm\",\n  Md = \"md\",\n  Lg = \"lg\",\n}\n","import { cva, type VariantProps } from \"class-variance-authority\";\nimport { ButtonVariant, ButtonSize } from \"../../constants/enum\";\n\nconst base = [\n  \"inline-flex items-center justify-center gap-2 whitespace-nowrap font-medium\",\n  \"transition-all duration-150 ease-out\",\n  \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-[var(--kz-color-border-focus)]\",\n  \"disabled:pointer-events-none disabled:opacity-[var(--kz-component-button-disabled-opacity,0.5)]\",\n  \"[&_svg]:pointer-events-none [&_svg]:shrink-0\",\n].join(\" \");\n\nexport const buttonVariants = cva(base, {\n  variants: {\n    variant: {\n      primary: [\n        \"bg-[var(--kz-component-button-primary-bg)]\",\n        \"text-[var(--kz-component-button-primary-text)]\",\n        \"rounded-[var(--kz-component-button-radius,8px)]\",\n        \"[box-shadow:var(--kz-component-button-primary-shadow,none)]\",\n        \"hover:bg-[var(--kz-component-button-primary-bg-hover)]\",\n        \"hover:[box-shadow:var(--kz-component-button-primary-shadow-hover,var(--kz-component-button-primary-shadow,none))]\",\n        \"active:bg-[var(--kz-component-button-primary-bg-active)]\",\n      ].join(\" \"),\n      secondary: [\n        \"bg-[var(--kz-component-button-secondary-bg)]\",\n        \"text-[var(--kz-component-button-secondary-text)]\",\n        \"rounded-[var(--kz-component-button-radius,8px)]\",\n        \"[box-shadow:var(--kz-component-button-secondary-shadow,none)]\",\n        \"hover:bg-[var(--kz-component-button-secondary-bg-hover)]\",\n        \"hover:[box-shadow:var(--kz-component-button-secondary-shadow-hover,var(--kz-component-button-secondary-shadow,none))]\",\n        \"active:bg-[var(--kz-component-button-secondary-bg-active)]\",\n      ].join(\" \"),\n      outline: [\n        \"bg-[var(--kz-component-button-outline-bg)]\",\n        \"text-[var(--kz-component-button-outline-text)]\",\n        \"border border-[var(--kz-component-button-outline-border)]\",\n        \"rounded-[var(--kz-component-button-radius,8px)]\",\n        \"[box-shadow:var(--kz-component-button-outline-shadow,none)]\",\n        \"hover:bg-[var(--kz-component-button-outline-bg-hover,var(--kz-component-button-outline-bg))]\",\n        \"hover:[box-shadow:var(--kz-component-button-outline-shadow-hover,var(--kz-component-button-outline-shadow,none))]\",\n      ].join(\" \"),\n      ghost: [\n        \"bg-[var(--kz-component-button-ghost-bg)]\",\n        \"text-[var(--kz-component-button-ghost-text)]\",\n        \"rounded-[var(--kz-component-button-radius,8px)]\",\n        \"border border-transparent\",\n        \"[box-shadow:none]\",\n        \"hover:bg-[var(--kz-component-button-ghost-bg-hover,transparent)]\",\n        \"active:opacity-80\",\n      ].join(\" \"),\n      success: [\n        \"bg-[var(--kz-component-button-success-bg)]\",\n        \"text-[var(--kz-component-button-success-text)]\",\n        \"rounded-[var(--kz-component-button-radius,8px)]\",\n        \"[box-shadow:var(--kz-component-button-success-shadow,none)]\",\n        \"hover:bg-[var(--kz-component-button-success-bg-hover,var(--kz-component-button-success-bg))]\",\n        \"hover:[box-shadow:var(--kz-component-button-success-shadow-hover,var(--kz-component-button-success-shadow,none))]\",\n      ].join(\" \"),\n      warning: [\n        \"bg-[var(--kz-component-button-warning-bg)]\",\n        \"text-[var(--kz-component-button-warning-text)]\",\n        \"rounded-[var(--kz-component-button-radius,8px)]\",\n        \"[box-shadow:var(--kz-component-button-warning-shadow,none)]\",\n        \"hover:bg-[var(--kz-component-button-warning-bg-hover,var(--kz-component-button-warning-bg))]\",\n        \"hover:[box-shadow:var(--kz-component-button-warning-shadow-hover,var(--kz-component-button-warning-shadow,none))]\",\n      ].join(\" \"),\n      error: [\n        \"bg-[var(--kz-component-button-error-bg)]\",\n        \"text-[var(--kz-component-button-error-text)]\",\n        \"rounded-[var(--kz-component-button-radius,8px)]\",\n        \"[box-shadow:var(--kz-component-button-error-shadow,none)]\",\n        \"hover:bg-[var(--kz-component-button-error-bg-hover,var(--kz-component-button-error-bg))]\",\n        \"hover:[box-shadow:var(--kz-component-button-error-shadow-hover,var(--kz-component-button-error-shadow,none))]\",\n      ].join(\" \"),\n    },\n    size: {\n      sm: [\n        \"h-[var(--kz-component-button-height-sm,2rem)]\",\n        \"px-[var(--kz-component-button-px-sm,0.75rem)]\",\n        \"text-[length:var(--kz-component-button-text-sm,0.875rem)]\",\n        \"[&_svg]:size-[var(--kz-component-button-icon-sm,1rem)]\",\n      ].join(\" \"),\n      md: [\n        \"h-[var(--kz-component-button-height-md,2.5rem)]\",\n        \"px-[var(--kz-component-button-px-md,1rem)]\",\n        \"text-[length:var(--kz-component-button-text-md,0.875rem)]\",\n        \"[&_svg]:size-[var(--kz-component-button-icon-md,1rem)]\",\n      ].join(\" \"),\n      lg: [\n        \"h-[var(--kz-component-button-height-lg,3rem)]\",\n        \"px-[var(--kz-component-button-px-lg,1.25rem)]\",\n        \"text-[length:var(--kz-component-button-text-lg,1rem)]\",\n        \"[&_svg]:size-[var(--kz-component-button-icon-lg,1.25rem)]\",\n      ].join(\" \"),\n    },\n  },\n  defaultVariants: {\n    variant: ButtonVariant.Primary,\n    size: ButtonSize.Md,\n  },\n});\n\nexport type ButtonVariants = VariantProps<typeof buttonVariants>;\n","import * as React from \"react\";\nimport { iconRegistry, IconName } from \"./icon-registry\";\nimport { iconSize, type IconSizeKey } from \"./icon-sizes\";\nimport { cn } from \"../utils/cn\";\n\nexport interface IconProps extends Omit<\n  React.SVGAttributes<SVGSVGElement>,\n  \"color\"\n> {\n  name: IconName;\n  size?: IconSizeKey | number;\n  color?: string;\n  className?: string;\n}\n\nconst Icon = React.forwardRef<SVGSVGElement, IconProps>(\n  ({ name, size = \"md\", color, className, ...props }, ref) => {\n    const Component = iconRegistry[name];\n    if (!Component) return null;\n    const sizePx = typeof size === \"number\" ? size : iconSize[size];\n    const resolvedColor = color ?? \"var(--kz-color-icon-default, currentColor)\";\n    return (\n      <Component\n        ref={ref}\n        size={sizePx}\n        color={resolvedColor}\n        className={cn(\"shrink-0\", className)}\n        {...props}\n      />\n    );\n  }\n);\n\nIcon.displayName = \"Icon\";\n\nexport { Icon, iconRegistry, iconSize, IconName };\nexport type { IconSizeKey };\n","import type { LucideIcon } from \"lucide-react\";\nimport {\n  Search,\n  CircleAlert,\n  CheckCircle,\n  TriangleAlert,\n  Loader2,\n  ChevronDown,\n  ChevronLeft,\n  ChevronRight,\n  BarChart2,\n  Shield,\n  ArrowLeft,\n  ArrowUp,\n  ArrowDown,\n  ArrowUpDown,\n  EllipsisVertical,\n  Sun,\n  Moon,\n  Settings,\n  LogOut,\n  User,\n  FileText,\n  LockOpen,\n  Calendar,\n} from \"lucide-react\";\n\n/** Use IconName.* so users discover available icons. Values match registry keys. */\nexport enum IconName {\n  Search = \"search\",\n  CircleAlert = \"circle-alert\",\n  CheckCircle = \"check-circle\",\n  TriangleAlert = \"triangle-alert\",\n  Loader2 = \"loader-2\",\n  ChevronDown = \"chevron-down\",\n  ChevronLeft = \"chevron-left\",\n  ChevronRight = \"chevron-right\",\n  BarChart2 = \"bar-chart-2\",\n  Shield = \"shield\",\n  ArrowLeft = \"arrow-left\",\n  ArrowUp = \"arrow-up\",\n  ArrowDown = \"arrow-down\",\n  ArrowUpDown = \"arrow-up-down\",\n  EllipsisVertical = \"ellipsis-vertical\",\n  Sun = \"sun\",\n  Moon = \"moon\",\n  LogOut = \"log-out\",\n  Settings = \"settings\",\n  User = \"user\",\n  FileText = \"file-text\",\n  LockOpen = \"lock-open\",\n  Calendar = \"calendar\",\n}\n\nexport const iconRegistry: Record<IconName, LucideIcon> = {\n  [IconName.Search]: Search,\n  [IconName.CircleAlert]: CircleAlert,\n  [IconName.CheckCircle]: CheckCircle,\n  [IconName.TriangleAlert]: TriangleAlert,\n  [IconName.Loader2]: Loader2,\n  [IconName.ChevronDown]: ChevronDown,\n  [IconName.ChevronLeft]: ChevronLeft,\n  [IconName.ChevronRight]: ChevronRight,\n  [IconName.BarChart2]: BarChart2,\n  [IconName.Shield]: Shield,\n  [IconName.ArrowLeft]: ArrowLeft,\n  [IconName.ArrowUp]: ArrowUp,\n  [IconName.ArrowDown]: ArrowDown,\n  [IconName.ArrowUpDown]: ArrowUpDown,\n  [IconName.EllipsisVertical]: EllipsisVertical,\n  [IconName.Sun]: Sun,\n  [IconName.Moon]: Moon,\n  [IconName.LogOut]: LogOut,\n  [IconName.Settings]: Settings,\n  [IconName.User]: User,\n  [IconName.FileText]: FileText,\n  [IconName.LockOpen]: LockOpen,\n  [IconName.Calendar]: Calendar,\n};\n","/** Preset icon sizes (px). Use with Icon size prop. */\nexport const iconSize = {\n  xs: 12,\n  sm: 16,\n  md: 24,\n  lg: 32,\n  xl: 40,\n} as const;\n\nexport type IconSizeKey = keyof typeof iconSize;\n","import { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n"],"mappings":"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","names":["React","ButtonVariant","ButtonSize","ButtonType","ButtonAspectRatio","jsx"]}
+{"version":3,"sources":["../src/components/button/Button.tsx","../src/constants/enum.ts","../src/components/button/button.variants.ts","../src/icon/icon-sizes.ts","../src/utils/cn.ts"],"sourcesContent":["import * as React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport {\n  ButtonVariant,\n  ButtonSize,\n  ButtonType,\n  ButtonAspectRatio,\n} from \"../../constants/enum\";\nimport { buttonVariants, type ButtonVariants } from \"./button.variants\";\nimport { Loader2 } from \"lucide-react\";\nimport { iconSize } from \"../../icon/icon-sizes\";\nimport { cn } from \"../../utils/cn\";\n\nexport interface ButtonProps extends Omit<\n  React.ButtonHTMLAttributes<HTMLButtonElement>,\n  \"children\" | \"onClick\"\n> {\n  variant: ButtonVariant;\n  size: ButtonSize;\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n  asChild?: boolean;\n  children: React.ReactNode;\n  type?: ButtonType;\n  loading?: boolean;\n  aspectRatio?: ButtonAspectRatio;\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      className,\n      variant,\n      size,\n      onClick,\n      asChild = false,\n      children,\n      type = ButtonType.Button,\n      loading = false,\n      aspectRatio = ButtonAspectRatio.Auto,\n      disabled,\n      ...props\n    },\n    ref\n  ) => {\n    const Comp = asChild ? Slot : \"button\";\n    const isDisabled = disabled || loading;\n\n    const buttonClassName = cn(\n      buttonVariants({ variant, size }),\n      loading && \"opacity-[var(--kz-component-button-loading-opacity,0.8)]\",\n      aspectRatio === ButtonAspectRatio.Square && \"kz-button--aspect-1-1\",\n      className\n    );\n\n    if (asChild) {\n      return (\n        <Comp\n          ref={ref}\n          type={asChild ? undefined : type}\n          className={buttonClassName}\n          onClick={onClick}\n          disabled={isDisabled}\n          aria-busy={loading}\n          {...props}\n        >\n          {children}\n        </Comp>\n      );\n    }\n\n    return (\n      <Comp\n        ref={ref}\n        type={type}\n        className={buttonClassName}\n        onClick={onClick}\n        disabled={isDisabled}\n        aria-busy={loading}\n        {...props}\n      >\n        {loading && (\n          <Loader2\n            className=\"kz-button-spinner\"\n            size={iconSize.md}\n            color=\"currentColor\"\n          />\n        )}\n        {children}\n      </Comp>\n    );\n  }\n);\n\nButton.displayName = \"Button\";\n\nexport { Button, buttonVariants };\nexport type { ButtonVariants };\n","export enum Theme {\n  Light = \"light\",\n  Dark = \"dark\",\n}\n\nexport enum ThemeStyle {\n  Enterprise = \"enterprise\",\n  Neumorphic = \"neumorphic\",\n  Standard = \"standard\",\n  Glassmorphic = \"glassmorphic\",\n}\n\nexport enum KezelVariant {\n  Standard = \"standard\",\n  Neumorphic = \"neumorphic\",\n}\n\nexport enum KezelMode {\n  Light,\n  Dark,\n}\n\nexport enum ButtonVariant {\n  Primary = \"primary\",\n  Secondary = \"secondary\",\n  Outline = \"outline\",\n  Ghost = \"ghost\",\n  Success = \"success\",\n  Warning = \"warning\",\n  Error = \"error\",\n}\n\nexport enum ButtonSize {\n  Sm = \"sm\",\n  Md = \"md\",\n  Lg = \"lg\",\n}\n\nexport enum ButtonType {\n  Button = \"button\",\n  Submit = \"submit\",\n  Reset = \"reset\",\n}\n\nexport enum ButtonAspectRatio {\n  Auto = \"auto\",\n  Square = \"square\",\n}\n\nexport enum DropdownTriggerVariant {\n  Default = \"default\",\n  Ghost = \"ghost\",\n}\n\nexport enum TypographyVariant {\n  H1 = \"h1\",\n  H2 = \"h2\",\n  H3 = \"h3\",\n  Body = \"body\",\n  Small = \"small\",\n  Caption = \"caption\",\n  Label = \"label\",\n  Link = \"link\",\n  Error = \"error\",\n  Success = \"success\",\n  Warning = \"warning\",\n}\n\nexport enum TypographyTone {\n  Primary = \"primary\",\n  Secondary = \"secondary\",\n  Muted = \"muted\",\n  Disabled = \"disabled\",\n  Inverse = \"inverse\",\n  Link = \"link\",\n}\n\nexport enum TypographyAlign {\n  Left = \"left\",\n  Center = \"center\",\n  Right = \"right\",\n}\n\nexport enum TypographyWeight {\n  Regular = \"regular\",\n  Medium = \"medium\",\n  Semibold = \"semibold\",\n  Bold = \"bold\",\n}\n\nexport enum TokenCategory {\n  Color = \"color\",\n  Shadow = \"shadow\",\n  Length = \"length\",\n  Number = \"number\",\n  LineHeight = \"lineHeight\",\n  FontFamily = \"fontFamily\",\n  FontWeight = \"fontWeight\",\n  Duration = \"duration\",\n  Easing = \"easing\",\n}\n\nexport enum OverrideMode {\n  Safe = \"safe\",\n  Strict = \"strict\",\n}\n\nexport enum TextInputVariant {\n  Default = \"default\",\n  Container = \"container\",\n  Ghost = \"ghost\",\n}\n\nexport enum TextInputSize {\n  Sm = \"sm\",\n  Md = \"md\",\n  Lg = \"lg\",\n}\n\nexport enum TextInputState {\n  Default = \"default\",\n  Error = \"error\",\n  Success = \"success\",\n  Warning = \"warning\",\n}\n\nexport enum TooltipSize {\n  Sm = \"sm\",\n  Md = \"md\",\n  Lg = \"lg\",\n}\n\nexport enum TooltipPosition {\n  Top = \"top\",\n  Right = \"right\",\n  Bottom = \"bottom\",\n  Left = \"left\",\n}\n\nexport enum TooltipAlign {\n  Start = \"start\",\n  Center = \"center\",\n  End = \"end\",\n}\n\nexport enum TooltipColor {\n  Default = \"default\",\n  Inverse = \"inverse\",\n  Success = \"success\",\n  Warning = \"warning\",\n  Error = \"error\",\n}\n\nexport enum ToggleButtonVariant {\n  Default = \"default\",\n  Primary = \"primary\",\n  Container = \"container\",\n}\n\nexport enum ToggleButtonSize {\n  Sm = \"sm\",\n  Md = \"md\",\n  Lg = \"lg\",\n}\n\nexport enum CheckboxSize {\n  Sm = \"sm\",\n  Md = \"md\",\n  Lg = \"lg\",\n}\n\nexport enum CheckboxVariant {\n  Default = \"default\",\n  Container = \"container\",\n}\n\nexport enum RadioSize {\n  Sm = \"sm\",\n  Md = \"md\",\n  Lg = \"lg\",\n}\n\nexport enum AvatarSize {\n  Sm = \"sm\",\n  Md = \"md\",\n  Lg = \"lg\",\n  Xl = \"xl\",\n}\n\nexport enum AvatarStatus {\n  Online = \"online\",\n  Busy = \"busy\",\n  Away = \"away\",\n  Offline = \"offline\",\n}\n","import { cva, type VariantProps } from \"class-variance-authority\";\nimport { ButtonVariant, ButtonSize } from \"../../constants/enum\";\n\nconst base = [\n  \"inline-flex items-center justify-center gap-2 whitespace-nowrap font-medium\",\n  \"transition-all duration-150 ease-out\",\n  \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-[var(--kz-color-border-focus)]\",\n  \"disabled:pointer-events-none disabled:opacity-[var(--kz-component-button-disabled-opacity,0.5)]\",\n  \"[&_svg]:pointer-events-none [&_svg]:shrink-0\",\n].join(\" \");\n\nexport const buttonVariants = cva(base, {\n  variants: {\n    variant: {\n      primary: [\n        \"bg-[var(--kz-component-button-primary-bg)]\",\n        \"text-[var(--kz-component-button-primary-text)]\",\n        \"rounded-[var(--kz-component-button-radius,8px)]\",\n        \"[box-shadow:var(--kz-component-button-primary-shadow,none)]\",\n        \"hover:bg-[var(--kz-component-button-primary-bg-hover)]\",\n        \"hover:[box-shadow:var(--kz-component-button-primary-shadow-hover,var(--kz-component-button-primary-shadow,none))]\",\n        \"active:bg-[var(--kz-component-button-primary-bg-active)]\",\n      ].join(\" \"),\n      secondary: [\n        \"bg-[var(--kz-component-button-secondary-bg)]\",\n        \"text-[var(--kz-component-button-secondary-text)]\",\n        \"rounded-[var(--kz-component-button-radius,8px)]\",\n        \"[box-shadow:var(--kz-component-button-secondary-shadow,none)]\",\n        \"hover:bg-[var(--kz-component-button-secondary-bg-hover)]\",\n        \"hover:[box-shadow:var(--kz-component-button-secondary-shadow-hover,var(--kz-component-button-secondary-shadow,none))]\",\n        \"active:bg-[var(--kz-component-button-secondary-bg-active)]\",\n      ].join(\" \"),\n      outline: [\n        \"bg-[var(--kz-component-button-outline-bg)]\",\n        \"text-[var(--kz-component-button-outline-text)]\",\n        \"border border-[var(--kz-component-button-outline-border)]\",\n        \"rounded-[var(--kz-component-button-radius,8px)]\",\n        \"[box-shadow:var(--kz-component-button-outline-shadow,none)]\",\n        \"hover:bg-[var(--kz-component-button-outline-bg-hover,var(--kz-component-button-outline-bg))]\",\n        \"hover:[box-shadow:var(--kz-component-button-outline-shadow-hover,var(--kz-component-button-outline-shadow,none))]\",\n      ].join(\" \"),\n      ghost: [\n        \"bg-[var(--kz-component-button-ghost-bg)]\",\n        \"text-[var(--kz-component-button-ghost-text)]\",\n        \"rounded-[var(--kz-component-button-radius,8px)]\",\n        \"border border-transparent\",\n        \"[box-shadow:none]\",\n        \"hover:bg-[var(--kz-component-button-ghost-bg-hover,transparent)]\",\n        \"active:opacity-80\",\n      ].join(\" \"),\n      success: [\n        \"bg-[var(--kz-component-button-success-bg)]\",\n        \"text-[var(--kz-component-button-success-text)]\",\n        \"rounded-[var(--kz-component-button-radius,8px)]\",\n        \"[box-shadow:var(--kz-component-button-success-shadow,none)]\",\n        \"hover:bg-[var(--kz-component-button-success-bg-hover,var(--kz-component-button-success-bg))]\",\n        \"hover:[box-shadow:var(--kz-component-button-success-shadow-hover,var(--kz-component-button-success-shadow,none))]\",\n      ].join(\" \"),\n      warning: [\n        \"bg-[var(--kz-component-button-warning-bg)]\",\n        \"text-[var(--kz-component-button-warning-text)]\",\n        \"rounded-[var(--kz-component-button-radius,8px)]\",\n        \"[box-shadow:var(--kz-component-button-warning-shadow,none)]\",\n        \"hover:bg-[var(--kz-component-button-warning-bg-hover,var(--kz-component-button-warning-bg))]\",\n        \"hover:[box-shadow:var(--kz-component-button-warning-shadow-hover,var(--kz-component-button-warning-shadow,none))]\",\n      ].join(\" \"),\n      error: [\n        \"bg-[var(--kz-component-button-error-bg)]\",\n        \"text-[var(--kz-component-button-error-text)]\",\n        \"rounded-[var(--kz-component-button-radius,8px)]\",\n        \"[box-shadow:var(--kz-component-button-error-shadow,none)]\",\n        \"hover:bg-[var(--kz-component-button-error-bg-hover,var(--kz-component-button-error-bg))]\",\n        \"hover:[box-shadow:var(--kz-component-button-error-shadow-hover,var(--kz-component-button-error-shadow,none))]\",\n      ].join(\" \"),\n    },\n    size: {\n      sm: [\n        \"h-[var(--kz-component-button-height-sm,2rem)]\",\n        \"px-[var(--kz-component-button-px-sm,0.75rem)]\",\n        \"text-[length:var(--kz-component-button-text-sm,0.875rem)]\",\n        \"[&_svg]:size-[var(--kz-component-button-icon-sm,1rem)]\",\n      ].join(\" \"),\n      md: [\n        \"h-[var(--kz-component-button-height-md,2.5rem)]\",\n        \"px-[var(--kz-component-button-px-md,1rem)]\",\n        \"text-[length:var(--kz-component-button-text-md,0.875rem)]\",\n        \"[&_svg]:size-[var(--kz-component-button-icon-md,1rem)]\",\n      ].join(\" \"),\n      lg: [\n        \"h-[var(--kz-component-button-height-lg,3rem)]\",\n        \"px-[var(--kz-component-button-px-lg,1.25rem)]\",\n        \"text-[length:var(--kz-component-button-text-lg,1rem)]\",\n        \"[&_svg]:size-[var(--kz-component-button-icon-lg,1.25rem)]\",\n      ].join(\" \"),\n    },\n  },\n  defaultVariants: {\n    variant: ButtonVariant.Primary,\n    size: ButtonSize.Md,\n  },\n});\n\nexport type ButtonVariants = VariantProps<typeof buttonVariants>;\n","/** Preset icon sizes (px). Use with Icon size prop. */\nexport const iconSize = {\n  xs: 12,\n  sm: 16,\n  md: 24,\n  lg: 32,\n  xl: 40,\n} as const;\n\nexport type IconSizeKey = keyof typeof iconSize;\n","import { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n"],"mappings":"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","names":["ButtonVariant","ButtonSize","ButtonType","ButtonAspectRatio"]}

package/dist/dropdown.d.mts

@@ -1,13 +1,13 @@
 import * as React from 'react';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
-import { D as DropdownTriggerVariant } from './enum-B7HQ_ry_.mjs';
+import { D as DropdownTriggerVariant } from './enum-CzPXGhKb.mjs';
 
 declare const Dropdown: React.FC<DropdownMenuPrimitive.DropdownMenuProps>;
 interface DropdownTriggerProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Trigger> {
-    /** Visual style: default (filled/bordered) or ghost (minimal, like ghost button). */
     variant?: DropdownTriggerVariant;
-    /** When true (default), shows a chevron icon after children. Set false to hide it. */
     showChevron?: boolean;
+    startIcon?: React.ReactNode;
+    endIcon?: React.ReactNode;
 }
 declare const DropdownTrigger: React.ForwardRefExoticComponent<DropdownTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 interface DropdownContentProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content> {
@@ -83,6 +83,7 @@ type DropdownButtonItem = {
     onSelect?: () => void;
     disabled?: boolean;
     icon?: React.ReactNode;
+    endIcon?: React.ReactNode;
     shortcut?: string;
 } | {
     type: "label";
@@ -98,6 +99,7 @@ type DropdownButtonItem = {
     items: DropdownButtonItem[];
     disabled?: boolean;
     icon?: React.ReactNode;
+    endIcon?: React.ReactNode;
 };
 interface DropdownButtonTrigger {
     label?: React.ReactNode;

package/dist/dropdown.d.ts

@@ -1,13 +1,13 @@
 import * as React from 'react';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
-import { D as DropdownTriggerVariant } from './enum-B7HQ_ry_.js';
+import { D as DropdownTriggerVariant } from './enum-CzPXGhKb.js';
 
 declare const Dropdown: React.FC<DropdownMenuPrimitive.DropdownMenuProps>;
 interface DropdownTriggerProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Trigger> {
-    /** Visual style: default (filled/bordered) or ghost (minimal, like ghost button). */
     variant?: DropdownTriggerVariant;
-    /** When true (default), shows a chevron icon after children. Set false to hide it. */
     showChevron?: boolean;
+    startIcon?: React.ReactNode;
+    endIcon?: React.ReactNode;
 }
 declare const DropdownTrigger: React.ForwardRefExoticComponent<DropdownTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 interface DropdownContentProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content> {
@@ -83,6 +83,7 @@ type DropdownButtonItem = {
     onSelect?: () => void;
     disabled?: boolean;
     icon?: React.ReactNode;
+    endIcon?: React.ReactNode;
     shortcut?: string;
 } | {
     type: "label";
@@ -98,6 +99,7 @@ type DropdownButtonItem = {
     items: DropdownButtonItem[];
     disabled?: boolean;
     icon?: React.ReactNode;
+    endIcon?: React.ReactNode;
 };
 interface DropdownButtonTrigger {
     label?: React.ReactNode;

package/dist/dropdown.js

@@ -87,7 +87,38 @@ var iconRegistry = {
   ["user" /* User */]: import_lucide_react.User,
   ["file-text" /* FileText */]: import_lucide_react.FileText,
   ["lock-open" /* LockOpen */]: import_lucide_react.LockOpen,
-  ["calendar" /* Calendar */]: import_lucide_react.Calendar
+  ["calendar" /* Calendar */]: import_lucide_react.Calendar,
+  ["chart-area" /* ChartArea */]: import_lucide_react.ChartArea,
+  ["chart-bar" /* ChartBar */]: import_lucide_react.ChartBar,
+  ["chart-bar-big" /* ChartBarBig */]: import_lucide_react.ChartBarBig,
+  ["chart-bar-decreasing" /* ChartBarDecreasing */]: import_lucide_react.ChartBarDecreasing,
+  ["chart-bar-increasing" /* ChartBarIncreasing */]: import_lucide_react.ChartBarIncreasing,
+  ["chart-bar-stacked" /* ChartBarStacked */]: import_lucide_react.ChartBarStacked,
+  ["chart-candlestick" /* ChartCandlestick */]: import_lucide_react.ChartCandlestick,
+  ["chart-column" /* ChartColumn */]: import_lucide_react.ChartColumn,
+  ["chart-column-big" /* ChartColumnBig */]: import_lucide_react.ChartColumnBig,
+  ["chart-column-decreasing" /* ChartColumnDecreasing */]: import_lucide_react.ChartColumnDecreasing,
+  ["chart-column-increasing" /* ChartColumnIncreasing */]: import_lucide_react.ChartColumnIncreasing,
+  ["chart-column-stacked" /* ChartColumnStacked */]: import_lucide_react.ChartColumnStacked,
+  ["chart-gantt" /* ChartGantt */]: import_lucide_react.ChartGantt,
+  ["chart-line" /* ChartLine */]: import_lucide_react.ChartLine,
+  ["chart-network" /* ChartNetwork */]: import_lucide_react.ChartNetwork,
+  ["chart-no-axes-column" /* ChartNoAxesColumn */]: import_lucide_react.ChartNoAxesColumn,
+  ["chart-no-axes-column-decreasing" /* ChartNoAxesColumnDecreasing */]: import_lucide_react.ChartNoAxesColumnDecreasing,
+  ["chart-no-axes-column-increasing" /* ChartNoAxesColumnIncreasing */]: import_lucide_react.ChartNoAxesColumnIncreasing,
+  ["chart-no-axes-combined" /* ChartNoAxesCombined */]: import_lucide_react.ChartNoAxesCombined,
+  ["chart-no-axes-gantt" /* ChartNoAxesGantt */]: import_lucide_react.ChartNoAxesGantt,
+  ["chart-pie" /* ChartPie */]: import_lucide_react.ChartPie,
+  ["chart-scatter" /* ChartScatter */]: import_lucide_react.ChartScatter,
+  ["chart-spline" /* ChartSpline */]: import_lucide_react.ChartSpline,
+  ["folder-kanban" /* FolderKanban */]: import_lucide_react.FolderKanban,
+  ["kanban" /* Kanban */]: import_lucide_react.Kanban,
+  ["square-chart-gantt" /* SquareChartGantt */]: import_lucide_react.SquareChartGantt,
+  ["square-dashed-kanban" /* SquareDashedKanban */]: import_lucide_react.SquareDashedKanban,
+  ["square-kanban" /* SquareKanban */]: import_lucide_react.SquareKanban,
+  ["trending-down" /* TrendingDown */]: import_lucide_react.TrendingDown,
+  ["trending-up" /* TrendingUp */]: import_lucide_react.TrendingUp,
+  ["trending-up-down" /* TrendingUpDown */]: import_lucide_react.TrendingUpDown
 };
 
 // src/icon/icon-sizes.ts
@@ -138,13 +169,17 @@ var DropdownTrigger = React2.forwardRef(
     className,
     variant = "default" /* Default */,
     showChevron = true,
+    startIcon,
+    endIcon,
     children,
     ...props
   }, ref) => {
     const isGhost = variant === "ghost" /* Ghost */;
-    const triggerContent = asChild || !showChevron ? children : /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
+    const triggerContent = asChild ? children : /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
+      startIcon ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "kz-dropdown-trigger-icon-start", children: startIcon }) : null,
       children,
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      endIcon ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "kz-dropdown-trigger-icon-end", children: endIcon }) : null,
+      showChevron ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
         Icon,
         {
           name: "chevron-down" /* ChevronDown */,
@@ -152,7 +187,7 @@ var DropdownTrigger = React2.forwardRef(
           size: "sm",
           "aria-hidden": true
         }
-      )
+      ) : null
     ] });
     return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
       DropdownMenuPrimitive.Trigger,
@@ -435,6 +470,7 @@ var buttonVariants = (0, import_class_variance_authority.cva)(base, {
 });
 
 // src/components/button/Button.tsx
+var import_lucide_react3 = require("lucide-react");
 var import_jsx_runtime3 = require("react/jsx-runtime");
 var Button = React3.forwardRef(
   ({
@@ -485,11 +521,10 @@ var Button = React3.forwardRef(
         ...props,
         children: [
           loading && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-            Icon,
+            import_lucide_react3.Loader2,
             {
-              name: "loader-2" /* Loader2 */,
               className: "kz-button-spinner",
-              size: "md",
+              size: iconSize.md,
               color: "currentColor"
             }
           ),
@@ -516,7 +551,15 @@ function renderItems(items) {
     }
     if (item.type === "submenu") {
       return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(DropdownSub, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(DropdownSubTrigger, { disabled: item.disabled, startIcon: item.icon, children: item.label }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          DropdownSubTrigger,
+          {
+            disabled: item.disabled,
+            startIcon: item.icon,
+            endIcon: item.endIcon,
+            children: item.label
+          }
+        ),
         /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(DropdownSubContent, { children: renderItems(item.items) })
       ] }, item.key);
     }
@@ -529,6 +572,7 @@ function renderItems(items) {
           it.onSelect?.();
         },
         startIcon: it.icon,
+        endIcon: it.endIcon,
         shortcut: it.shortcut,
         children: it.label
       },