kz-design-system 0.0.2 → 0.0.6

package/README.md

@@ -24,6 +24,24 @@ yarn add kz-design-system
 
 **Peer dependencies:** `react` and `react-dom` (^18.0.0 or ^19.0.0). Install them if they are not already in your project.
 
+### Updating to a new version
+
+If you use a range (e.g. `^0.0.1`), reinstall or update to get the latest:
+
+```bash
+pnpm update kz-design-system
+# or
+npm update kz-design-system
+# or
+yarn upgrade kz-design-system
+```
+
+To install a specific version (e.g. 0.0.2):
+
+```bash
+pnpm add kz-design-system@0.0.2
+```
+
 ## Styles
 
 Import the design system CSS once in your app (e.g. in your root layout or `_app.tsx`):
@@ -37,11 +55,7 @@ import "kz-design-system/styles.css";
 Wrap your app (or the part of the tree that uses the design system) with `KezelThemeProvider` so that theme (variant and mode) and optional token overrides are applied.
 
 ```tsx
-import {
-  KezelThemeProvider,
-  KezelVariant,
-  KezelMode,
-} from "kz-design-system";
+import { KezelThemeProvider, KezelVariant, KezelMode } from "kz-design-system";
 
 function App() {
   return (
@@ -102,12 +116,12 @@ import { Icon, IconName } from "kz-design-system/icon";
 
 ## Package structure
 
-- **Button, ToggleButton, Checkbox, RadioButton** – form and action controls  
-- **Typography, TextInput** – text and inputs  
-- **Dropdown, DropdownButton, Dialog** – overlays and menus  
-- **Table** – data table with selection, sort, pagination, actions  
-- **Tabs, Tooltip, SideMenu, Sidesheet, NavButton** – layout and navigation  
-- **Icon, iconRegistry, IconName** – icon set  
-- **KezelThemeProvider, KezelVariant, KezelMode** – theme and tokens  
+- **Button, ToggleButton, Checkbox, RadioButton** – form and action controls
+- **Typography, TextInput** – text and inputs
+- **Dropdown, DropdownButton, Dialog** – overlays and menus
+- **Table** – data table with selection, sort, pagination, actions
+- **Tabs, Tooltip, SideMenu, Sidesheet, NavButton** – layout and navigation
+- **Icon, iconRegistry, IconName** – icon set
+- **KezelThemeProvider, KezelVariant, KezelMode** – theme and tokens
 
 All components live under `packages/ui/src/components/` and consume design tokens from the theme provider.

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,28 +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
-};
 
 // src/icon/icon-sizes.ts
 var iconSize = {
@@ -211,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,
@@ -258,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,
@@ -272,7 +230,7 @@ var Button = React2.forwardRef(
         }
       );
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
       Comp,
       {
         ref,
@@ -283,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 { ButtonVariant, ButtonSize, ButtonType, ButtonAspectRatio } from \"../../constants/enum\";\n","import * as React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { ButtonVariant, ButtonSize, ButtonType, ButtonAspectRatio } 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  /** Use IconName.* (e.g. IconName.Loader2) for discoverability. */\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} 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}\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};\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","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,44 +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
-} 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
-};
+// src/components/button/Button.tsx
+import { Loader2 } from "lucide-react";
 
 // src/icon/icon-sizes.ts
 var iconSize = {
@@ -186,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,
@@ -233,7 +175,7 @@ var Button = React2.forwardRef(
       className
     );
     if (asChild) {
-      return /* @__PURE__ */ jsx2(
+      return /* @__PURE__ */ jsx(
         Comp,
         {
           ref,
@@ -258,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 { ButtonVariant, ButtonSize, ButtonType, ButtonAspectRatio } 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  /** Use IconName.* (e.g. IconName.Loader2) for discoverability. */\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} 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}\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};\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","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.js

@@ -79,7 +79,46 @@ var iconRegistry = {
   ["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
+  ["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,
+  ["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
@@ -427,6 +466,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(
   ({
@@ -477,11 +517,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"
             }
           ),
@@ -508,14 +547,7 @@ 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, children: item.label }),
         /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(DropdownSubContent, { children: renderItems(item.items) })
       ] }, item.key);
     }
@@ -554,7 +586,15 @@ var DropdownButton = ({
       size: "sm" /* Sm */,
       aspectRatio: "square" /* Square */,
       "aria-label": trigger.ariaLabel ?? "Actions",
-      children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { name: "ellipsis-vertical" /* EllipsisVertical */, size: "sm", color: "currentColor", "aria-hidden": true })
+      children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        Icon,
+        {
+          name: "ellipsis-vertical" /* EllipsisVertical */,
+          size: "sm",
+          color: "currentColor",
+          "aria-hidden": true
+        }
+      )
     }
   ) : trigger.icon != null ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
     trigger.icon,