kz-design-system 0.1.0 → 0.3.0

package/dist/avatar.d.mts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { A as AvatarSize, a as AvatarStatus } from './enum-BXb6AbOQ.mjs';
+import { A as AvatarSize, a as AvatarStatus } from './enum-D-4EiT-9.mjs';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
 

package/dist/avatar.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { A as AvatarSize, a as AvatarStatus } from './enum-BXb6AbOQ.js';
+import { A as AvatarSize, a as AvatarStatus } from './enum-D-4EiT-9.js';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
 

package/dist/avatar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/avatar/index.ts","../src/components/avatar/Avatar.tsx","../src/constants/enum.ts","../src/components/avatar/avatar.variants.ts","../src/utils/cn.ts"],"sourcesContent":["export {\n  Avatar,\n  avatarVariants,\n  type AvatarProps,\n  type AvatarVariants,\n} from \"./Avatar\";\nexport { AvatarSize, AvatarStatus } from \"../../constants/enum\";\n","import * as React from \"react\";\nimport { User } from \"lucide-react\";\nimport { AvatarSize, AvatarStatus } from \"../../constants/enum\";\nimport { avatarVariants, type AvatarVariants } from \"./avatar.variants\";\nimport { cn } from \"../../utils/cn\";\n\nconst ICON_SIZE_MAP: Record<AvatarSize, number> = {\n  [AvatarSize.Sm]: 16,\n  [AvatarSize.Md]: 20,\n  [AvatarSize.Lg]: 24,\n  [AvatarSize.Xl]: 32,\n};\n\nexport interface AvatarProps extends React.HTMLAttributes<HTMLDivElement> {\n  src?: string;\n  alt?: string;\n  initials?: string;\n  fallbackIcon?: React.ReactNode;\n  size?: AvatarSize;\n  status?: AvatarStatus;\n  className?: string;\n}\n\nconst Avatar = React.forwardRef<HTMLDivElement, AvatarProps>(\n  (\n    {\n      src,\n      alt = \"\",\n      initials,\n      fallbackIcon,\n      size = AvatarSize.Md,\n      status,\n      className,\n      ...props\n    },\n    ref\n  ) => {\n    const [imgError, setImgError] = React.useState(false);\n\n    React.useEffect(() => {\n      setImgError(false);\n    }, [src]);\n\n    const showImage = src && !imgError;\n    const showIndicator = status === AvatarStatus.Online;\n\n    return (\n      <div\n        ref={ref}\n        className={cn(avatarVariants({ size }), className)}\n        role=\"img\"\n        aria-label={alt || initials || \"Avatar\"}\n        {...props}\n      >\n        {showImage ? (\n          <span className=\"kz-avatar-image\">\n            <img\n              src={src}\n              alt={alt}\n              className=\"h-full w-full object-cover\"\n              onError={() => setImgError(true)}\n              draggable={false}\n            />\n          </span>\n        ) : initials ? (\n          <span className=\"kz-avatar-initials\" aria-hidden=\"true\">\n            {initials}\n          </span>\n        ) : (\n          <span className=\"kz-avatar-fallback-icon\" aria-hidden=\"true\">\n            {fallbackIcon ?? <User size={ICON_SIZE_MAP[size]} />}\n          </span>\n        )}\n\n        {showIndicator && (\n          <span\n            className={cn(\"kz-avatar-status\", `kz-avatar-status--${size}`)}\n            aria-label=\"Online\"\n            role=\"status\"\n          />\n        )}\n      </div>\n    );\n  }\n);\n\nAvatar.displayName = \"Avatar\";\n\nexport { Avatar, avatarVariants };\nexport type { AvatarVariants };\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  Ghost = \"ghost\",\n  Container = \"container\",\n}\n\nexport enum ButtonStatus {\n  Brand = \"brand\",\n  Success = \"success\",\n  Warning = \"warning\",\n  Error = \"error\",\n  Info = \"info\",\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  H4 = \"h4\",\n  H5 = \"h5\",\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 TextInputType {\n  Text = \"text\",\n  Email = \"email\",\n  Password = \"password\",\n  Number = \"number\",\n  Search = \"search\",\n  Tel = \"tel\",\n  Url = \"url\",\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\nexport enum ToastVariant {\n  Success = \"success\",\n  Error = \"error\",\n  Warning = \"warning\",\n  Info = \"info\",\n}\n\nexport enum CardShadow {\n  Sm = \"sm\",\n  Md = \"md\",\n  Lg = \"lg\",\n}\n\nexport enum ToastPosition {\n  TopRight = \"top-right\",\n  TopLeft = \"top-left\",\n  BottomRight = \"bottom-right\",\n  BottomLeft = \"bottom-left\",\n}\n\nexport enum QrPattern {\n  Square = \"square\",\n  Circle = \"circle\",\n  Diamond = \"diamond\",\n}\n","import { cva, type VariantProps } from \"class-variance-authority\";\nimport { AvatarSize } from \"../../constants/enum\";\n\nconst base = [\n  \"kz-avatar\",\n  \"relative inline-flex items-center justify-center\",\n  \"rounded-full\",\n  \"shrink-0\",\n  \"[box-shadow:none]\",\n].join(\" \");\n\nexport const avatarVariants = cva(base, {\n  variants: {\n    size: {\n      [AvatarSize.Sm]: \"size-8 text-xs\",\n      [AvatarSize.Md]: \"size-10 text-sm\",\n      [AvatarSize.Lg]: \"size-12 text-base\",\n      [AvatarSize.Xl]: \"size-16 text-lg\",\n    },\n  },\n  defaultVariants: {\n    size: AvatarSize.Md,\n  },\n});\n\nexport type AvatarVariants = VariantProps<typeof avatarVariants>;\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,YAAuB;AACvB,0BAAqB;;;ACqMd,IAAK,aAAL,kBAAKA,gBAAL;AACL,EAAAA,YAAA,QAAK;AACL,EAAAA,YAAA,QAAK;AACL,EAAAA,YAAA,QAAK;AACL,EAAAA,YAAA,QAAK;AAJK,SAAAA;AAAA,GAAA;AAOL,IAAK,eAAL,kBAAKC,kBAAL;AACL,EAAAA,cAAA,YAAS;AACT,EAAAA,cAAA,UAAO;AACP,EAAAA,cAAA,UAAO;AACP,EAAAA,cAAA,aAAU;AAJA,SAAAA;AAAA,GAAA;;;AC7MZ,sCAAuC;AAGvC,IAAM,OAAO;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,EAAE,KAAK,GAAG;AAEH,IAAM,qBAAiB,qCAAI,MAAM;AAAA,EACtC,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,cAAc,GAAG;AAAA,MACjB,cAAc,GAAG;AAAA,MACjB,cAAc,GAAG;AAAA,MACjB,cAAc,GAAG;AAAA,IACnB;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf;AAAA,EACF;AACF,CAAC;;;ACvBD,kBAAsC;AACtC,4BAAwB;AAEjB,SAAS,MAAM,QAAsB;AAC1C,aAAO,mCAAQ,kBAAK,MAAM,CAAC;AAC7B;;;AH0CM;AAzCN,IAAM,gBAA4C;AAAA,EAChD,cAAc,GAAG;AAAA,EACjB,cAAc,GAAG;AAAA,EACjB,cAAc,GAAG;AAAA,EACjB,cAAc,GAAG;AACnB;AAYA,IAAM,SAAe;AAAA,EACnB,CACE;AAAA,IACE;AAAA,IACA,MAAM;AAAA,IACN;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GACA,QACG;AACH,UAAM,CAAC,UAAU,WAAW,IAAU,eAAS,KAAK;AAEpD,IAAM,gBAAU,MAAM;AACpB,kBAAY,KAAK;AAAA,IACnB,GAAG,CAAC,GAAG,CAAC;AAER,UAAM,YAAY,OAAO,CAAC;AAC1B,UAAM,gBAAgB;AAEtB,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW,GAAG,eAAe,EAAE,KAAK,CAAC,GAAG,SAAS;AAAA,QACjD,MAAK;AAAA,QACL,cAAY,OAAO,YAAY;AAAA,QAC9B,GAAG;AAAA,QAEH;AAAA,sBACC,4CAAC,UAAK,WAAU,mBACd;AAAA,YAAC;AAAA;AAAA,cACC;AAAA,cACA;AAAA,cACA,WAAU;AAAA,cACV,SAAS,MAAM,YAAY,IAAI;AAAA,cAC/B,WAAW;AAAA;AAAA,UACb,GACF,IACE,WACF,4CAAC,UAAK,WAAU,sBAAqB,eAAY,QAC9C,oBACH,IAEA,4CAAC,UAAK,WAAU,2BAA0B,eAAY,QACnD,0BAAgB,4CAAC,4BAAK,MAAM,cAAc,IAAI,GAAG,GACpD;AAAA,UAGD,iBACC;AAAA,YAAC;AAAA;AAAA,cACC,WAAW,GAAG,oBAAoB,qBAAqB,IAAI,EAAE;AAAA,cAC7D,cAAW;AAAA,cACX,MAAK;AAAA;AAAA,UACP;AAAA;AAAA;AAAA,IAEJ;AAAA,EAEJ;AACF;AAEA,OAAO,cAAc;","names":["AvatarSize","AvatarStatus"]}
+{"version":3,"sources":["../src/components/avatar/index.ts","../src/components/avatar/Avatar.tsx","../src/constants/enum.ts","../src/components/avatar/avatar.variants.ts","../src/utils/cn.ts"],"sourcesContent":["export {\n  Avatar,\n  avatarVariants,\n  type AvatarProps,\n  type AvatarVariants,\n} from \"./Avatar\";\nexport { AvatarSize, AvatarStatus } from \"../../constants/enum\";\n","import * as React from \"react\";\nimport { User } from \"lucide-react\";\nimport { AvatarSize, AvatarStatus } from \"../../constants/enum\";\nimport { avatarVariants, type AvatarVariants } from \"./avatar.variants\";\nimport { cn } from \"../../utils/cn\";\n\nconst ICON_SIZE_MAP: Record<AvatarSize, number> = {\n  [AvatarSize.Sm]: 16,\n  [AvatarSize.Md]: 20,\n  [AvatarSize.Lg]: 24,\n  [AvatarSize.Xl]: 32,\n};\n\nexport interface AvatarProps extends React.HTMLAttributes<HTMLDivElement> {\n  src?: string;\n  alt?: string;\n  initials?: string;\n  fallbackIcon?: React.ReactNode;\n  size?: AvatarSize;\n  status?: AvatarStatus;\n  className?: string;\n}\n\nconst Avatar = React.forwardRef<HTMLDivElement, AvatarProps>(\n  (\n    {\n      src,\n      alt = \"\",\n      initials,\n      fallbackIcon,\n      size = AvatarSize.Md,\n      status,\n      className,\n      ...props\n    },\n    ref\n  ) => {\n    const [imgError, setImgError] = React.useState(false);\n\n    React.useEffect(() => {\n      setImgError(false);\n    }, [src]);\n\n    const showImage = src && !imgError;\n    const showIndicator = status === AvatarStatus.Online;\n\n    return (\n      <div\n        ref={ref}\n        className={cn(avatarVariants({ size }), className)}\n        role=\"img\"\n        aria-label={alt || initials || \"Avatar\"}\n        {...props}\n      >\n        {showImage ? (\n          <span className=\"kz-avatar-image\">\n            <img\n              src={src}\n              alt={alt}\n              className=\"h-full w-full object-cover\"\n              onError={() => setImgError(true)}\n              draggable={false}\n            />\n          </span>\n        ) : initials ? (\n          <span className=\"kz-avatar-initials\" aria-hidden=\"true\">\n            {initials}\n          </span>\n        ) : (\n          <span className=\"kz-avatar-fallback-icon\" aria-hidden=\"true\">\n            {fallbackIcon ?? <User size={ICON_SIZE_MAP[size]} />}\n          </span>\n        )}\n\n        {showIndicator && (\n          <span\n            className={cn(\"kz-avatar-status\", `kz-avatar-status--${size}`)}\n            aria-label=\"Online\"\n            role=\"status\"\n          />\n        )}\n      </div>\n    );\n  }\n);\n\nAvatar.displayName = \"Avatar\";\n\nexport { Avatar, avatarVariants };\nexport type { AvatarVariants };\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  Ghost = \"ghost\",\n  Container = \"container\",\n}\n\nexport enum ButtonStatus {\n  Default = \"default\",\n  Brand = \"brand\",\n  Success = \"success\",\n  Warning = \"warning\",\n  Error = \"error\",\n  Info = \"info\",\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  H4 = \"h4\",\n  H5 = \"h5\",\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 TextInputType {\n  Text = \"text\",\n  Email = \"email\",\n  Password = \"password\",\n  Number = \"number\",\n  Search = \"search\",\n  Tel = \"tel\",\n  Url = \"url\",\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\nexport enum ToastVariant {\n  Success = \"success\",\n  Error = \"error\",\n  Warning = \"warning\",\n  Info = \"info\",\n}\n\nexport enum CardShadow {\n  Sm = \"sm\",\n  Md = \"md\",\n  Lg = \"lg\",\n}\n\nexport enum ToastPosition {\n  TopRight = \"top-right\",\n  TopLeft = \"top-left\",\n  BottomRight = \"bottom-right\",\n  BottomLeft = \"bottom-left\",\n}\n\nexport enum QrPattern {\n  Square = \"square\",\n  Circle = \"circle\",\n  Diamond = \"diamond\",\n}\n","import { cva, type VariantProps } from \"class-variance-authority\";\nimport { AvatarSize } from \"../../constants/enum\";\n\nconst base = [\n  \"kz-avatar\",\n  \"relative inline-flex items-center justify-center\",\n  \"rounded-full\",\n  \"shrink-0\",\n  \"[box-shadow:none]\",\n].join(\" \");\n\nexport const avatarVariants = cva(base, {\n  variants: {\n    size: {\n      [AvatarSize.Sm]: \"size-8 text-xs\",\n      [AvatarSize.Md]: \"size-10 text-sm\",\n      [AvatarSize.Lg]: \"size-12 text-base\",\n      [AvatarSize.Xl]: \"size-16 text-lg\",\n    },\n  },\n  defaultVariants: {\n    size: AvatarSize.Md,\n  },\n});\n\nexport type AvatarVariants = VariantProps<typeof avatarVariants>;\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,YAAuB;AACvB,0BAAqB;;;ACsMd,IAAK,aAAL,kBAAKA,gBAAL;AACL,EAAAA,YAAA,QAAK;AACL,EAAAA,YAAA,QAAK;AACL,EAAAA,YAAA,QAAK;AACL,EAAAA,YAAA,QAAK;AAJK,SAAAA;AAAA,GAAA;AAOL,IAAK,eAAL,kBAAKC,kBAAL;AACL,EAAAA,cAAA,YAAS;AACT,EAAAA,cAAA,UAAO;AACP,EAAAA,cAAA,UAAO;AACP,EAAAA,cAAA,aAAU;AAJA,SAAAA;AAAA,GAAA;;;AC9MZ,sCAAuC;AAGvC,IAAM,OAAO;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,EAAE,KAAK,GAAG;AAEH,IAAM,qBAAiB,qCAAI,MAAM;AAAA,EACtC,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,cAAc,GAAG;AAAA,MACjB,cAAc,GAAG;AAAA,MACjB,cAAc,GAAG;AAAA,MACjB,cAAc,GAAG;AAAA,IACnB;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf;AAAA,EACF;AACF,CAAC;;;ACvBD,kBAAsC;AACtC,4BAAwB;AAEjB,SAAS,MAAM,QAAsB;AAC1C,aAAO,mCAAQ,kBAAK,MAAM,CAAC;AAC7B;;;AH0CM;AAzCN,IAAM,gBAA4C;AAAA,EAChD,cAAc,GAAG;AAAA,EACjB,cAAc,GAAG;AAAA,EACjB,cAAc,GAAG;AAAA,EACjB,cAAc,GAAG;AACnB;AAYA,IAAM,SAAe;AAAA,EACnB,CACE;AAAA,IACE;AAAA,IACA,MAAM;AAAA,IACN;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GACA,QACG;AACH,UAAM,CAAC,UAAU,WAAW,IAAU,eAAS,KAAK;AAEpD,IAAM,gBAAU,MAAM;AACpB,kBAAY,KAAK;AAAA,IACnB,GAAG,CAAC,GAAG,CAAC;AAER,UAAM,YAAY,OAAO,CAAC;AAC1B,UAAM,gBAAgB;AAEtB,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW,GAAG,eAAe,EAAE,KAAK,CAAC,GAAG,SAAS;AAAA,QACjD,MAAK;AAAA,QACL,cAAY,OAAO,YAAY;AAAA,QAC9B,GAAG;AAAA,QAEH;AAAA,sBACC,4CAAC,UAAK,WAAU,mBACd;AAAA,YAAC;AAAA;AAAA,cACC;AAAA,cACA;AAAA,cACA,WAAU;AAAA,cACV,SAAS,MAAM,YAAY,IAAI;AAAA,cAC/B,WAAW;AAAA;AAAA,UACb,GACF,IACE,WACF,4CAAC,UAAK,WAAU,sBAAqB,eAAY,QAC9C,oBACH,IAEA,4CAAC,UAAK,WAAU,2BAA0B,eAAY,QACnD,0BAAgB,4CAAC,4BAAK,MAAM,cAAc,IAAI,GAAG,GACpD;AAAA,UAGD,iBACC;AAAA,YAAC;AAAA;AAAA,cACC,WAAW,GAAG,oBAAoB,qBAAqB,IAAI,EAAE;AAAA,cAC7D,cAAW;AAAA,cACX,MAAK;AAAA;AAAA,UACP;AAAA;AAAA;AAAA,IAEJ;AAAA,EAEJ;AACF;AAEA,OAAO,cAAc;","names":["AvatarSize","AvatarStatus"]}

package/dist/avatar.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/avatar/Avatar.tsx","../src/constants/enum.ts","../src/components/avatar/avatar.variants.ts","../src/utils/cn.ts"],"sourcesContent":["import * as React from \"react\";\nimport { User } from \"lucide-react\";\nimport { AvatarSize, AvatarStatus } from \"../../constants/enum\";\nimport { avatarVariants, type AvatarVariants } from \"./avatar.variants\";\nimport { cn } from \"../../utils/cn\";\n\nconst ICON_SIZE_MAP: Record<AvatarSize, number> = {\n  [AvatarSize.Sm]: 16,\n  [AvatarSize.Md]: 20,\n  [AvatarSize.Lg]: 24,\n  [AvatarSize.Xl]: 32,\n};\n\nexport interface AvatarProps extends React.HTMLAttributes<HTMLDivElement> {\n  src?: string;\n  alt?: string;\n  initials?: string;\n  fallbackIcon?: React.ReactNode;\n  size?: AvatarSize;\n  status?: AvatarStatus;\n  className?: string;\n}\n\nconst Avatar = React.forwardRef<HTMLDivElement, AvatarProps>(\n  (\n    {\n      src,\n      alt = \"\",\n      initials,\n      fallbackIcon,\n      size = AvatarSize.Md,\n      status,\n      className,\n      ...props\n    },\n    ref\n  ) => {\n    const [imgError, setImgError] = React.useState(false);\n\n    React.useEffect(() => {\n      setImgError(false);\n    }, [src]);\n\n    const showImage = src && !imgError;\n    const showIndicator = status === AvatarStatus.Online;\n\n    return (\n      <div\n        ref={ref}\n        className={cn(avatarVariants({ size }), className)}\n        role=\"img\"\n        aria-label={alt || initials || \"Avatar\"}\n        {...props}\n      >\n        {showImage ? (\n          <span className=\"kz-avatar-image\">\n            <img\n              src={src}\n              alt={alt}\n              className=\"h-full w-full object-cover\"\n              onError={() => setImgError(true)}\n              draggable={false}\n            />\n          </span>\n        ) : initials ? (\n          <span className=\"kz-avatar-initials\" aria-hidden=\"true\">\n            {initials}\n          </span>\n        ) : (\n          <span className=\"kz-avatar-fallback-icon\" aria-hidden=\"true\">\n            {fallbackIcon ?? <User size={ICON_SIZE_MAP[size]} />}\n          </span>\n        )}\n\n        {showIndicator && (\n          <span\n            className={cn(\"kz-avatar-status\", `kz-avatar-status--${size}`)}\n            aria-label=\"Online\"\n            role=\"status\"\n          />\n        )}\n      </div>\n    );\n  }\n);\n\nAvatar.displayName = \"Avatar\";\n\nexport { Avatar, avatarVariants };\nexport type { AvatarVariants };\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  Ghost = \"ghost\",\n  Container = \"container\",\n}\n\nexport enum ButtonStatus {\n  Brand = \"brand\",\n  Success = \"success\",\n  Warning = \"warning\",\n  Error = \"error\",\n  Info = \"info\",\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  H4 = \"h4\",\n  H5 = \"h5\",\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 TextInputType {\n  Text = \"text\",\n  Email = \"email\",\n  Password = \"password\",\n  Number = \"number\",\n  Search = \"search\",\n  Tel = \"tel\",\n  Url = \"url\",\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\nexport enum ToastVariant {\n  Success = \"success\",\n  Error = \"error\",\n  Warning = \"warning\",\n  Info = \"info\",\n}\n\nexport enum CardShadow {\n  Sm = \"sm\",\n  Md = \"md\",\n  Lg = \"lg\",\n}\n\nexport enum ToastPosition {\n  TopRight = \"top-right\",\n  TopLeft = \"top-left\",\n  BottomRight = \"bottom-right\",\n  BottomLeft = \"bottom-left\",\n}\n\nexport enum QrPattern {\n  Square = \"square\",\n  Circle = \"circle\",\n  Diamond = \"diamond\",\n}\n","import { cva, type VariantProps } from \"class-variance-authority\";\nimport { AvatarSize } from \"../../constants/enum\";\n\nconst base = [\n  \"kz-avatar\",\n  \"relative inline-flex items-center justify-center\",\n  \"rounded-full\",\n  \"shrink-0\",\n  \"[box-shadow:none]\",\n].join(\" \");\n\nexport const avatarVariants = cva(base, {\n  variants: {\n    size: {\n      [AvatarSize.Sm]: \"size-8 text-xs\",\n      [AvatarSize.Md]: \"size-10 text-sm\",\n      [AvatarSize.Lg]: \"size-12 text-base\",\n      [AvatarSize.Xl]: \"size-16 text-lg\",\n    },\n  },\n  defaultVariants: {\n    size: AvatarSize.Md,\n  },\n});\n\nexport type AvatarVariants = VariantProps<typeof avatarVariants>;\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":";AAAA,YAAY,WAAW;AACvB,SAAS,YAAY;;;ACqMd,IAAK,aAAL,kBAAKA,gBAAL;AACL,EAAAA,YAAA,QAAK;AACL,EAAAA,YAAA,QAAK;AACL,EAAAA,YAAA,QAAK;AACL,EAAAA,YAAA,QAAK;AAJK,SAAAA;AAAA,GAAA;AAOL,IAAK,eAAL,kBAAKC,kBAAL;AACL,EAAAA,cAAA,YAAS;AACT,EAAAA,cAAA,UAAO;AACP,EAAAA,cAAA,UAAO;AACP,EAAAA,cAAA,aAAU;AAJA,SAAAA;AAAA,GAAA;;;AC7MZ,SAAS,WAA8B;AAGvC,IAAM,OAAO;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,EAAE,KAAK,GAAG;AAEH,IAAM,iBAAiB,IAAI,MAAM;AAAA,EACtC,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,cAAc,GAAG;AAAA,MACjB,cAAc,GAAG;AAAA,MACjB,cAAc,GAAG;AAAA,MACjB,cAAc,GAAG;AAAA,IACnB;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf;AAAA,EACF;AACF,CAAC;;;ACvBD,SAA0B,YAAY;AACtC,SAAS,eAAe;AAEjB,SAAS,MAAM,QAAsB;AAC1C,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC7B;;;AH0CM,SASM,KATN;AAzCN,IAAM,gBAA4C;AAAA,EAChD,cAAc,GAAG;AAAA,EACjB,cAAc,GAAG;AAAA,EACjB,cAAc,GAAG;AAAA,EACjB,cAAc,GAAG;AACnB;AAYA,IAAM,SAAe;AAAA,EACnB,CACE;AAAA,IACE;AAAA,IACA,MAAM;AAAA,IACN;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GACA,QACG;AACH,UAAM,CAAC,UAAU,WAAW,IAAU,eAAS,KAAK;AAEpD,IAAM,gBAAU,MAAM;AACpB,kBAAY,KAAK;AAAA,IACnB,GAAG,CAAC,GAAG,CAAC;AAER,UAAM,YAAY,OAAO,CAAC;AAC1B,UAAM,gBAAgB;AAEtB,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW,GAAG,eAAe,EAAE,KAAK,CAAC,GAAG,SAAS;AAAA,QACjD,MAAK;AAAA,QACL,cAAY,OAAO,YAAY;AAAA,QAC9B,GAAG;AAAA,QAEH;AAAA,sBACC,oBAAC,UAAK,WAAU,mBACd;AAAA,YAAC;AAAA;AAAA,cACC;AAAA,cACA;AAAA,cACA,WAAU;AAAA,cACV,SAAS,MAAM,YAAY,IAAI;AAAA,cAC/B,WAAW;AAAA;AAAA,UACb,GACF,IACE,WACF,oBAAC,UAAK,WAAU,sBAAqB,eAAY,QAC9C,oBACH,IAEA,oBAAC,UAAK,WAAU,2BAA0B,eAAY,QACnD,0BAAgB,oBAAC,QAAK,MAAM,cAAc,IAAI,GAAG,GACpD;AAAA,UAGD,iBACC;AAAA,YAAC;AAAA;AAAA,cACC,WAAW,GAAG,oBAAoB,qBAAqB,IAAI,EAAE;AAAA,cAC7D,cAAW;AAAA,cACX,MAAK;AAAA;AAAA,UACP;AAAA;AAAA;AAAA,IAEJ;AAAA,EAEJ;AACF;AAEA,OAAO,cAAc;","names":["AvatarSize","AvatarStatus"]}
+{"version":3,"sources":["../src/components/avatar/Avatar.tsx","../src/constants/enum.ts","../src/components/avatar/avatar.variants.ts","../src/utils/cn.ts"],"sourcesContent":["import * as React from \"react\";\nimport { User } from \"lucide-react\";\nimport { AvatarSize, AvatarStatus } from \"../../constants/enum\";\nimport { avatarVariants, type AvatarVariants } from \"./avatar.variants\";\nimport { cn } from \"../../utils/cn\";\n\nconst ICON_SIZE_MAP: Record<AvatarSize, number> = {\n  [AvatarSize.Sm]: 16,\n  [AvatarSize.Md]: 20,\n  [AvatarSize.Lg]: 24,\n  [AvatarSize.Xl]: 32,\n};\n\nexport interface AvatarProps extends React.HTMLAttributes<HTMLDivElement> {\n  src?: string;\n  alt?: string;\n  initials?: string;\n  fallbackIcon?: React.ReactNode;\n  size?: AvatarSize;\n  status?: AvatarStatus;\n  className?: string;\n}\n\nconst Avatar = React.forwardRef<HTMLDivElement, AvatarProps>(\n  (\n    {\n      src,\n      alt = \"\",\n      initials,\n      fallbackIcon,\n      size = AvatarSize.Md,\n      status,\n      className,\n      ...props\n    },\n    ref\n  ) => {\n    const [imgError, setImgError] = React.useState(false);\n\n    React.useEffect(() => {\n      setImgError(false);\n    }, [src]);\n\n    const showImage = src && !imgError;\n    const showIndicator = status === AvatarStatus.Online;\n\n    return (\n      <div\n        ref={ref}\n        className={cn(avatarVariants({ size }), className)}\n        role=\"img\"\n        aria-label={alt || initials || \"Avatar\"}\n        {...props}\n      >\n        {showImage ? (\n          <span className=\"kz-avatar-image\">\n            <img\n              src={src}\n              alt={alt}\n              className=\"h-full w-full object-cover\"\n              onError={() => setImgError(true)}\n              draggable={false}\n            />\n          </span>\n        ) : initials ? (\n          <span className=\"kz-avatar-initials\" aria-hidden=\"true\">\n            {initials}\n          </span>\n        ) : (\n          <span className=\"kz-avatar-fallback-icon\" aria-hidden=\"true\">\n            {fallbackIcon ?? <User size={ICON_SIZE_MAP[size]} />}\n          </span>\n        )}\n\n        {showIndicator && (\n          <span\n            className={cn(\"kz-avatar-status\", `kz-avatar-status--${size}`)}\n            aria-label=\"Online\"\n            role=\"status\"\n          />\n        )}\n      </div>\n    );\n  }\n);\n\nAvatar.displayName = \"Avatar\";\n\nexport { Avatar, avatarVariants };\nexport type { AvatarVariants };\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  Ghost = \"ghost\",\n  Container = \"container\",\n}\n\nexport enum ButtonStatus {\n  Default = \"default\",\n  Brand = \"brand\",\n  Success = \"success\",\n  Warning = \"warning\",\n  Error = \"error\",\n  Info = \"info\",\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  H4 = \"h4\",\n  H5 = \"h5\",\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 TextInputType {\n  Text = \"text\",\n  Email = \"email\",\n  Password = \"password\",\n  Number = \"number\",\n  Search = \"search\",\n  Tel = \"tel\",\n  Url = \"url\",\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\nexport enum ToastVariant {\n  Success = \"success\",\n  Error = \"error\",\n  Warning = \"warning\",\n  Info = \"info\",\n}\n\nexport enum CardShadow {\n  Sm = \"sm\",\n  Md = \"md\",\n  Lg = \"lg\",\n}\n\nexport enum ToastPosition {\n  TopRight = \"top-right\",\n  TopLeft = \"top-left\",\n  BottomRight = \"bottom-right\",\n  BottomLeft = \"bottom-left\",\n}\n\nexport enum QrPattern {\n  Square = \"square\",\n  Circle = \"circle\",\n  Diamond = \"diamond\",\n}\n","import { cva, type VariantProps } from \"class-variance-authority\";\nimport { AvatarSize } from \"../../constants/enum\";\n\nconst base = [\n  \"kz-avatar\",\n  \"relative inline-flex items-center justify-center\",\n  \"rounded-full\",\n  \"shrink-0\",\n  \"[box-shadow:none]\",\n].join(\" \");\n\nexport const avatarVariants = cva(base, {\n  variants: {\n    size: {\n      [AvatarSize.Sm]: \"size-8 text-xs\",\n      [AvatarSize.Md]: \"size-10 text-sm\",\n      [AvatarSize.Lg]: \"size-12 text-base\",\n      [AvatarSize.Xl]: \"size-16 text-lg\",\n    },\n  },\n  defaultVariants: {\n    size: AvatarSize.Md,\n  },\n});\n\nexport type AvatarVariants = VariantProps<typeof avatarVariants>;\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":";AAAA,YAAY,WAAW;AACvB,SAAS,YAAY;;;ACsMd,IAAK,aAAL,kBAAKA,gBAAL;AACL,EAAAA,YAAA,QAAK;AACL,EAAAA,YAAA,QAAK;AACL,EAAAA,YAAA,QAAK;AACL,EAAAA,YAAA,QAAK;AAJK,SAAAA;AAAA,GAAA;AAOL,IAAK,eAAL,kBAAKC,kBAAL;AACL,EAAAA,cAAA,YAAS;AACT,EAAAA,cAAA,UAAO;AACP,EAAAA,cAAA,UAAO;AACP,EAAAA,cAAA,aAAU;AAJA,SAAAA;AAAA,GAAA;;;AC9MZ,SAAS,WAA8B;AAGvC,IAAM,OAAO;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,EAAE,KAAK,GAAG;AAEH,IAAM,iBAAiB,IAAI,MAAM;AAAA,EACtC,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,cAAc,GAAG;AAAA,MACjB,cAAc,GAAG;AAAA,MACjB,cAAc,GAAG;AAAA,MACjB,cAAc,GAAG;AAAA,IACnB;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf;AAAA,EACF;AACF,CAAC;;;ACvBD,SAA0B,YAAY;AACtC,SAAS,eAAe;AAEjB,SAAS,MAAM,QAAsB;AAC1C,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC7B;;;AH0CM,SASM,KATN;AAzCN,IAAM,gBAA4C;AAAA,EAChD,cAAc,GAAG;AAAA,EACjB,cAAc,GAAG;AAAA,EACjB,cAAc,GAAG;AAAA,EACjB,cAAc,GAAG;AACnB;AAYA,IAAM,SAAe;AAAA,EACnB,CACE;AAAA,IACE;AAAA,IACA,MAAM;AAAA,IACN;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GACA,QACG;AACH,UAAM,CAAC,UAAU,WAAW,IAAU,eAAS,KAAK;AAEpD,IAAM,gBAAU,MAAM;AACpB,kBAAY,KAAK;AAAA,IACnB,GAAG,CAAC,GAAG,CAAC;AAER,UAAM,YAAY,OAAO,CAAC;AAC1B,UAAM,gBAAgB;AAEtB,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW,GAAG,eAAe,EAAE,KAAK,CAAC,GAAG,SAAS;AAAA,QACjD,MAAK;AAAA,QACL,cAAY,OAAO,YAAY;AAAA,QAC9B,GAAG;AAAA,QAEH;AAAA,sBACC,oBAAC,UAAK,WAAU,mBACd;AAAA,YAAC;AAAA;AAAA,cACC;AAAA,cACA;AAAA,cACA,WAAU;AAAA,cACV,SAAS,MAAM,YAAY,IAAI;AAAA,cAC/B,WAAW;AAAA;AAAA,UACb,GACF,IACE,WACF,oBAAC,UAAK,WAAU,sBAAqB,eAAY,QAC9C,oBACH,IAEA,oBAAC,UAAK,WAAU,2BAA0B,eAAY,QACnD,0BAAgB,oBAAC,QAAK,MAAM,cAAc,IAAI,GAAG,GACpD;AAAA,UAGD,iBACC;AAAA,YAAC;AAAA;AAAA,cACC,WAAW,GAAG,oBAAoB,qBAAqB,IAAI,EAAE;AAAA,cAC7D,cAAW;AAAA,cACX,MAAK;AAAA;AAAA,UACP;AAAA;AAAA;AAAA,IAEJ;AAAA,EAEJ;AACF;AAEA,OAAO,cAAc;","names":["AvatarSize","AvatarStatus"]}

package/dist/button.d.mts

@@ -1,11 +1,14 @@
 import * as React from 'react';
-import { e as ButtonVariant, b as ButtonSize, c as ButtonStatus, d as ButtonType, B as ButtonAspectRatio } from './enum-BXb6AbOQ.mjs';
+import { e as ButtonVariant, b as ButtonSize, c as ButtonStatus, d as ButtonType, B as ButtonAspectRatio } from './enum-D-4EiT-9.mjs';
+import { IconProps } from './icon.mjs';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
+import './icon-registry-DY5NSKnE.mjs';
+import 'lucide-react';
 
 declare const buttonVariants: (props?: ({
     variant?: "primary" | "ghost" | "container" | null | undefined;
-    status?: "brand" | "success" | "warning" | "error" | "info" | null | undefined;
+    status?: "default" | "brand" | "success" | "warning" | "error" | "info" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type ButtonVariants = VariantProps<typeof buttonVariants>;
@@ -20,6 +23,8 @@ interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>
     type?: ButtonType;
     loading?: boolean;
     aspectRatio?: ButtonAspectRatio;
+    leftIcon?: IconProps;
+    rightIcon?: IconProps;
 }
 declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
 

package/dist/button.d.ts

@@ -1,11 +1,14 @@
 import * as React from 'react';
-import { e as ButtonVariant, b as ButtonSize, c as ButtonStatus, d as ButtonType, B as ButtonAspectRatio } from './enum-BXb6AbOQ.js';
+import { e as ButtonVariant, b as ButtonSize, c as ButtonStatus, d as ButtonType, B as ButtonAspectRatio } from './enum-D-4EiT-9.js';
+import { IconProps } from './icon.js';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
+import './icon-registry-DY5NSKnE.js';
+import 'lucide-react';
 
 declare const buttonVariants: (props?: ({
     variant?: "primary" | "ghost" | "container" | null | undefined;
-    status?: "brand" | "success" | "warning" | "error" | "info" | null | undefined;
+    status?: "default" | "brand" | "success" | "warning" | "error" | "info" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type ButtonVariants = VariantProps<typeof buttonVariants>;
@@ -20,6 +23,8 @@ interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>
     type?: ButtonType;
     loading?: boolean;
     aspectRatio?: ButtonAspectRatio;
+    leftIcon?: IconProps;
+    rightIcon?: IconProps;
 }
 declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
 

package/dist/button.js

@@ -41,7 +41,7 @@ __export(button_exports, {
 module.exports = __toCommonJS(button_exports);
 
 // src/components/button/Button.tsx
-var React = __toESM(require("react"));
+var React2 = __toESM(require("react"));
 var import_react_slot = require("@radix-ui/react-slot");
 
 // src/constants/enum.ts
@@ -52,6 +52,7 @@ var ButtonVariant = /* @__PURE__ */ ((ButtonVariant2) => {
   return ButtonVariant2;
 })(ButtonVariant || {});
 var ButtonStatus = /* @__PURE__ */ ((ButtonStatus2) => {
+  ButtonStatus2["Default"] = "default";
   ButtonStatus2["Brand"] = "brand";
   ButtonStatus2["Success"] = "success";
   ButtonStatus2["Warning"] = "warning";
@@ -83,7 +84,7 @@ var base = [
   "inline-flex items-center justify-center gap-2 whitespace-nowrap font-medium",
   "transition-all duration-150 ease-out",
   "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-[var(--kz-color-border-focus)]",
-  "disabled:pointer-events-none disabled:opacity-[var(--kz-component-button-disabled-opacity,0.5)]",
+  "disabled:cursor-not-allowed disabled:opacity-[var(--kz-component-button-disabled-opacity,0.5)]",
   "[&_svg]:pointer-events-none [&_svg]:shrink-0"
 ].join(" ");
 var buttonVariants = (0, import_class_variance_authority.cva)(base, {
@@ -93,6 +94,7 @@ var buttonVariants = (0, import_class_variance_authority.cva)(base, {
         "bg-[var(--kz-component-button-secondary-bg)]",
         "text-[var(--kz-component-button-secondary-text)]",
         "rounded-[var(--kz-component-button-radius,8px)]",
+        "[border:var(--kz-component-button-secondary-border,none)]",
         "[box-shadow:var(--kz-component-button-secondary-shadow,none)]",
         "hover:bg-[var(--kz-component-button-secondary-bg-hover)]",
         "hover:[box-shadow:var(--kz-component-button-secondary-shadow-hover,var(--kz-component-button-secondary-shadow,none))]",
@@ -118,6 +120,7 @@ var buttonVariants = (0, import_class_variance_authority.cva)(base, {
       ].join(" ")
     },
     status: {
+      default: "",
       brand: [
         "bg-[var(--kz-component-button-brand-bg)]",
         "text-[var(--kz-component-button-brand-text)]",
@@ -293,7 +296,7 @@ var buttonVariants = (0, import_class_variance_authority.cva)(base, {
 });
 
 // src/components/button/Button.tsx
-var import_lucide_react = require("lucide-react");
+var import_lucide_react2 = require("lucide-react");
 
 // src/icon/icon-sizes.ts
 var iconSize = {
@@ -311,9 +314,146 @@ function cn(...inputs) {
   return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
 }
 
-// src/components/button/Button.tsx
+// src/icon/Icon.tsx
+var React = __toESM(require("react"));
+
+// src/icon/icon-registry.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,
+  ["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,
+  ["atom" /* Atom */]: import_lucide_react.Atom,
+  ["git-branch" /* GitBranch */]: import_lucide_react.GitBranch,
+  ["clipboard" /* Clipboard */]: import_lucide_react.Clipboard,
+  ["palette" /* Palette */]: import_lucide_react.Palette,
+  ["gauge" /* Gauge */]: import_lucide_react.Gauge,
+  ["filter" /* Filter */]: import_lucide_react.Filter,
+  ["grid-3x3" /* Grid3x3 */]: import_lucide_react.Grid3x3,
+  ["radio-tower" /* RadioTower */]: import_lucide_react.RadioTower,
+  ["badge-check" /* BadgeCheck */]: import_lucide_react.BadgeCheck,
+  ["wallet" /* Wallet */]: import_lucide_react.Wallet,
+  ["dollar-sign" /* DollarSign */]: import_lucide_react.DollarSign,
+  ["plus" /* Plus */]: import_lucide_react.Plus,
+  ["building-2" /* Building2 */]: import_lucide_react.Building2,
+  ["x" /* X */]: import_lucide_react.X,
+  ["file-plus" /* FilePlus */]: import_lucide_react.FilePlus,
+  ["user-plus-2" /* UserPlus2 */]: import_lucide_react.UserPlus2,
+  ["user-round-plus" /* UserRoundPlus */]: import_lucide_react.UserRoundPlus,
+  ["list" /* List */]: import_lucide_react.List,
+  ["alert-circle" /* AlertCircle */]: import_lucide_react.CircleAlert,
+  ["layers" /* Layers */]: import_lucide_react.Layers,
+  ["badge" /* Badge */]: import_lucide_react.Badge,
+  ["map-pin" /* MapPin */]: import_lucide_react.MapPin,
+  ["puzzle" /* Puzzle */]: import_lucide_react.Puzzle,
+  ["globe" /* Globe */]: import_lucide_react.Globe,
+  ["shopping-bag" /* ShoppingBag */]: import_lucide_react.ShoppingBag,
+  ["qr-code" /* QrCode */]: import_lucide_react.QrCode,
+  ["brush" /* Brush */]: import_lucide_react.Brush,
+  ["file-spreadsheet" /* FileSpreadsheet */]: import_lucide_react.FileSpreadsheet,
+  ["tag" /* Tag */]: import_lucide_react.Tag,
+  ["scan" /* Scan */]: import_lucide_react.Scan,
+  ["clock-3" /* Clock3 */]: import_lucide_react.Clock3,
+  ["user-plus" /* UserPlus */]: import_lucide_react.UserPlus,
+  ["users" /* Users */]: import_lucide_react.Users,
+  ["files" /* Files */]: import_lucide_react.Files,
+  ["group" /* Group */]: import_lucide_react.Group,
+  ["check-square" /* CheckSquare */]: import_lucide_react.CheckSquare,
+  ["clipboard-list" /* ClipboardList */]: import_lucide_react.ClipboardList,
+  ["list-todo" /* ListTodo */]: import_lucide_react.ListTodo,
+  ["bar-chart-3" /* BarChart3 */]: import_lucide_react.BarChart3,
+  ["file-bar-chart" /* FileBarChart */]: import_lucide_react.FileBarChart,
+  ["file-search" /* FileSearch */]: import_lucide_react.FileSearch,
+  ["lock" /* Lock */]: import_lucide_react.Lock,
+  ["settings-2" /* Settings2 */]: import_lucide_react.Settings2,
+  ["layout-grid" /* LayoutGrid */]: import_lucide_react.LayoutGrid,
+  ["terminal" /* Terminal */]: import_lucide_react.Terminal,
+  ["pencil" /* Pencil */]: import_lucide_react.Pencil,
+  ["trash-2" /* Trash2 */]: import_lucide_react.Trash2,
+  ["eye" /* Eye */]: import_lucide_react.Eye,
+  ["eye-off" /* EyeOff */]: import_lucide_react.EyeOff,
+  ["pin" /* Pin */]: import_lucide_react.Pin,
+  ["pin-off" /* PinOff */]: import_lucide_react.PinOff,
+  ["save" /* Save */]: import_lucide_react.Save,
+  ["rotate-ccw" /* RotateCcw */]: import_lucide_react.RotateCcw
+};
+
+// src/icon/Icon.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
-var Button = React.forwardRef(
+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(
   ({
     className,
     variant,
@@ -326,6 +466,8 @@ var Button = React.forwardRef(
     loading = false,
     aspectRatio = "auto" /* Auto */,
     disabled,
+    leftIcon,
+    rightIcon,
     ...props
   }, ref) => {
     const Comp = asChild ? import_react_slot.Slot : "button";
@@ -337,7 +479,7 @@ var Button = React.forwardRef(
       className
     );
     if (asChild) {
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
         Comp,
         {
           ref,
@@ -351,7 +493,7 @@ var Button = React.forwardRef(
         }
       );
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
       Comp,
       {
         ref,
@@ -362,15 +504,17 @@ var Button = React.forwardRef(
         "aria-busy": loading,
         ...props,
         children: [
-          loading && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            import_lucide_react.Loader2,
+          loading && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            import_lucide_react2.Loader2,
             {
               className: "kz-button-spinner",
               size: iconSize.md,
               color: "currentColor"
             }
           ),
-          children
+          leftIcon && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Icon, { ...leftIcon }),
+          children,
+          rightIcon && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Icon, { ...rightIcon })
         ]
       }
     );

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-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  ButtonStatus,\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  ButtonStatus,\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  status?: ButtonStatus;\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      status,\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, status }),\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  Ghost = \"ghost\",\n  Container = \"container\",\n}\n\nexport enum ButtonStatus {\n  Brand = \"brand\",\n  Success = \"success\",\n  Warning = \"warning\",\n  Error = \"error\",\n  Info = \"info\",\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  H4 = \"h4\",\n  H5 = \"h5\",\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 TextInputType {\n  Text = \"text\",\n  Email = \"email\",\n  Password = \"password\",\n  Number = \"number\",\n  Search = \"search\",\n  Tel = \"tel\",\n  Url = \"url\",\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\nexport enum ToastVariant {\n  Success = \"success\",\n  Error = \"error\",\n  Warning = \"warning\",\n  Info = \"info\",\n}\n\nexport enum CardShadow {\n  Sm = \"sm\",\n  Md = \"md\",\n  Lg = \"lg\",\n}\n\nexport enum ToastPosition {\n  TopRight = \"top-right\",\n  TopLeft = \"top-left\",\n  BottomRight = \"bottom-right\",\n  BottomLeft = \"bottom-left\",\n}\n\nexport enum QrPattern {\n  Square = \"square\",\n  Circle = \"circle\",\n  Diamond = \"diamond\",\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-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      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      container: [\n        \"bg-[var(--kz-component-button-container-bg)]\",\n        \"text-[var(--kz-component-button-container-text)]\",\n        \"border border-[var(--kz-component-button-container-border)]\",\n        \"rounded-[var(--kz-component-button-radius,8px)]\",\n        \"[box-shadow:var(--kz-component-button-container-shadow)]\",\n        \"hover:bg-[var(--kz-component-button-ghost-bg-hover,transparent)]\",\n        \"hover:[box-shadow:var(--kz-component-button-container-shadow-hover)]\",\n      ].join(\" \"),\n    },\n    status: {\n      brand: [\n        \"bg-[var(--kz-component-button-brand-bg)]\",\n        \"text-[var(--kz-component-button-brand-text)]\",\n        \"[box-shadow:var(--kz-component-button-brand-shadow,none)]\",\n        \"hover:bg-[var(--kz-component-button-brand-bg-hover,var(--kz-component-button-brand-bg))]\",\n        \"hover:[box-shadow:var(--kz-component-button-brand-shadow-hover,var(--kz-component-button-brand-shadow,none))]\",\n        \"active:!bg-[var(--kz-component-button-brand-bg-hover,var(--kz-component-button-brand-bg))]\",\n      ].join(\" \"),\n      success: [\n        \"bg-[var(--kz-component-button-success-bg)]\",\n        \"text-[var(--kz-component-button-success-text)]\",\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        \"active:!bg-[var(--kz-component-button-success-bg-hover,var(--kz-component-button-success-bg))]\",\n      ].join(\" \"),\n      warning: [\n        \"bg-[var(--kz-component-button-warning-bg)]\",\n        \"text-[var(--kz-component-button-warning-text)]\",\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        \"active:!bg-[var(--kz-component-button-warning-bg-hover,var(--kz-component-button-warning-bg))]\",\n      ].join(\" \"),\n      error: [\n        \"bg-[var(--kz-component-button-error-bg)]\",\n        \"text-[var(--kz-component-button-error-text)]\",\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        \"active:!bg-[var(--kz-component-button-error-bg-hover,var(--kz-component-button-error-bg))]\",\n      ].join(\" \"),\n      info: [\n        \"bg-[var(--kz-component-button-info-bg)]\",\n        \"text-[var(--kz-component-button-info-text)]\",\n        \"[box-shadow:var(--kz-component-button-info-shadow,none)]\",\n        \"hover:bg-[var(--kz-component-button-info-bg-hover,var(--kz-component-button-info-bg))]\",\n        \"hover:[box-shadow:var(--kz-component-button-info-shadow-hover,var(--kz-component-button-info-shadow,none))]\",\n        \"active:!bg-[var(--kz-component-button-info-bg-hover,var(--kz-component-button-info-bg))]\",\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  compoundVariants: [\n    // Ghost + brand: brand text, transparent bg, brand-tinted hover\n    {\n      variant: \"ghost\",\n      status: \"brand\",\n      className: [\n        \"!bg-transparent text-[var(--kz-color-brand-accent)]\",\n        \"hover:!bg-[var(--kz-component-button-ghost-brand-bg-hover,rgba(0,150,137,0.1))]\",\n        \"[box-shadow:none] hover:[box-shadow:none]\",\n      ].join(\" \"),\n    },\n    // Ghost + status: text color = status, bg transparent, hover = light tint\n    {\n      variant: \"ghost\",\n      status: \"success\",\n      className: [\n        \"!bg-transparent text-[var(--kz-color-status-success)]\",\n        \"hover:!bg-[var(--kz-component-button-ghost-success-bg-hover,rgba(0,201,80,0.1))]\",\n        \"[box-shadow:none] hover:[box-shadow:none]\",\n      ].join(\" \"),\n    },\n    {\n      variant: \"ghost\",\n      status: \"warning\",\n      className: [\n        \"!bg-transparent text-[var(--kz-color-status-warning)]\",\n        \"hover:!bg-[var(--kz-component-button-ghost-warning-bg-hover,rgba(245,158,11,0.1))]\",\n        \"[box-shadow:none] hover:[box-shadow:none]\",\n      ].join(\" \"),\n    },\n    {\n      variant: \"ghost\",\n      status: \"error\",\n      className: [\n        \"!bg-transparent text-[var(--kz-color-status-error)]\",\n        \"hover:!bg-[var(--kz-component-button-ghost-error-bg-hover,rgba(251,44,54,0.1))]\",\n        \"[box-shadow:none] hover:[box-shadow:none]\",\n      ].join(\" \"),\n    },\n    {\n      variant: \"ghost\",\n      status: \"info\",\n      className: [\n        \"!bg-transparent text-[var(--kz-color-status-info)]\",\n        \"hover:!bg-[var(--kz-component-button-ghost-info-bg-hover,rgba(37,99,235,0.1))]\",\n        \"[box-shadow:none] hover:[box-shadow:none]\",\n      ].join(\" \"),\n    },\n    // Container + brand: brand text, brand border, no shadow, brand-tinted hover\n    {\n      variant: \"container\",\n      status: \"brand\",\n      className: [\n        \"!bg-transparent\",\n        \"!text-[var(--kz-component-button-container-brand-text,var(--kz-color-brand-accent))]\",\n        \"!border-[var(--kz-component-button-container-brand-border,var(--kz-color-brand-accent))]\",\n        \"[box-shadow:none] hover:[box-shadow:none]\",\n        \"hover:!bg-[var(--kz-component-button-container-brand-bg-hover,rgba(0,150,137,0.08))]\",\n      ].join(\" \"),\n    },\n    // Container + status: keep container shape/shadow, override bg/text with status colors\n    {\n      variant: \"container\",\n      status: \"success\",\n      className: [\n        \"!bg-transparent\",\n        \"!text-[var(--kz-color-status-success)]\",\n        \"!border-[var(--kz-color-status-success)]\",\n        \"[box-shadow:none] hover:[box-shadow:none]\",\n        \"hover:!bg-[var(--kz-component-button-ghost-success-bg-hover,rgba(0,201,80,0.1))]\",\n      ].join(\" \"),\n    },\n    {\n      variant: \"container\",\n      status: \"warning\",\n      className: [\n        \"!bg-transparent\",\n        \"!text-[var(--kz-color-status-warning)]\",\n        \"!border-[var(--kz-color-status-warning)]\",\n        \"[box-shadow:none] hover:[box-shadow:none]\",\n        \"hover:!bg-[var(--kz-component-button-ghost-warning-bg-hover,rgba(245,158,11,0.1))]\",\n      ].join(\" \"),\n    },\n    {\n      variant: \"container\",\n      status: \"error\",\n      className: [\n        \"!bg-transparent\",\n        \"!text-[var(--kz-color-status-error)]\",\n        \"!border-[var(--kz-color-status-error)]\",\n        \"[box-shadow:none] hover:[box-shadow:none]\",\n        \"hover:!bg-[var(--kz-component-button-ghost-error-bg-hover,rgba(251,44,54,0.1))]\",\n      ].join(\" \"),\n    },\n    {\n      variant: \"container\",\n      status: \"info\",\n      className: [\n        \"!bg-transparent\",\n        \"!text-[var(--kz-color-status-info)]\",\n        \"!border-[var(--kz-color-status-info)]\",\n        \"[box-shadow:none] hover:[box-shadow:none]\",\n        \"hover:!bg-[var(--kz-component-button-ghost-info-bg-hover,rgba(37,99,235,0.1))]\",\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","ButtonStatus","ButtonSize","ButtonType","ButtonAspectRatio"]}
+{"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","../src/icon/Icon.tsx","../src/icon/icon-registry.tsx"],"sourcesContent":["export {\n  Button,\n  buttonVariants,\n  type ButtonProps,\n  type ButtonVariants,\n} from \"./Button\";\nexport {\n  ButtonVariant,\n  ButtonSize,\n  ButtonStatus,\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  ButtonStatus,\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\";\nimport { Icon, type IconProps } from \"../../icon/Icon\";\n\nexport interface ButtonProps extends Omit<\n  React.ButtonHTMLAttributes<HTMLButtonElement>,\n  \"children\" | \"onClick\"\n> {\n  variant: ButtonVariant;\n  size: ButtonSize;\n  status?: ButtonStatus;\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n  asChild?: boolean;\n  children: React.ReactNode;\n  type?: ButtonType;\n  loading?: boolean;\n  aspectRatio?: ButtonAspectRatio;\n  leftIcon?: IconProps;\n  rightIcon?: IconProps;\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      className,\n      variant,\n      size,\n      status,\n      onClick,\n      asChild = false,\n      children,\n      type = ButtonType.Button,\n      loading = false,\n      aspectRatio = ButtonAspectRatio.Auto,\n      disabled,\n      leftIcon,\n      rightIcon,\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, status }),\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        {leftIcon && <Icon {...leftIcon} />}\n        {children}\n        {rightIcon && <Icon {...rightIcon} />}\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  Ghost = \"ghost\",\n  Container = \"container\",\n}\n\nexport enum ButtonStatus {\n  Default = \"default\",\n  Brand = \"brand\",\n  Success = \"success\",\n  Warning = \"warning\",\n  Error = \"error\",\n  Info = \"info\",\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  H4 = \"h4\",\n  H5 = \"h5\",\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 TextInputType {\n  Text = \"text\",\n  Email = \"email\",\n  Password = \"password\",\n  Number = \"number\",\n  Search = \"search\",\n  Tel = \"tel\",\n  Url = \"url\",\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\nexport enum ToastVariant {\n  Success = \"success\",\n  Error = \"error\",\n  Warning = \"warning\",\n  Info = \"info\",\n}\n\nexport enum CardShadow {\n  Sm = \"sm\",\n  Md = \"md\",\n  Lg = \"lg\",\n}\n\nexport enum ToastPosition {\n  TopRight = \"top-right\",\n  TopLeft = \"top-left\",\n  BottomRight = \"bottom-right\",\n  BottomLeft = \"bottom-left\",\n}\n\nexport enum QrPattern {\n  Square = \"square\",\n  Circle = \"circle\",\n  Diamond = \"diamond\",\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:cursor-not-allowed 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-secondary-bg)]\",\n        \"text-[var(--kz-component-button-secondary-text)]\",\n        \"rounded-[var(--kz-component-button-radius,8px)]\",\n        \"[border:var(--kz-component-button-secondary-border,none)]\",\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      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      container: [\n        \"bg-[var(--kz-component-button-container-bg)]\",\n        \"text-[var(--kz-component-button-container-text)]\",\n        \"border border-[var(--kz-component-button-container-border)]\",\n        \"rounded-[var(--kz-component-button-radius,8px)]\",\n        \"[box-shadow:var(--kz-component-button-container-shadow)]\",\n        \"hover:bg-[var(--kz-component-button-ghost-bg-hover,transparent)]\",\n        \"hover:[box-shadow:var(--kz-component-button-container-shadow-hover)]\",\n      ].join(\" \"),\n    },\n    status: {\n      default: \"\",\n      brand: [\n        \"bg-[var(--kz-component-button-brand-bg)]\",\n        \"text-[var(--kz-component-button-brand-text)]\",\n        \"[box-shadow:var(--kz-component-button-brand-shadow,none)]\",\n        \"hover:bg-[var(--kz-component-button-brand-bg-hover,var(--kz-component-button-brand-bg))]\",\n        \"hover:[box-shadow:var(--kz-component-button-brand-shadow-hover,var(--kz-component-button-brand-shadow,none))]\",\n        \"active:!bg-[var(--kz-component-button-brand-bg-hover,var(--kz-component-button-brand-bg))]\",\n      ].join(\" \"),\n      success: [\n        \"bg-[var(--kz-component-button-success-bg)]\",\n        \"text-[var(--kz-component-button-success-text)]\",\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        \"active:!bg-[var(--kz-component-button-success-bg-hover,var(--kz-component-button-success-bg))]\",\n      ].join(\" \"),\n      warning: [\n        \"bg-[var(--kz-component-button-warning-bg)]\",\n        \"text-[var(--kz-component-button-warning-text)]\",\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        \"active:!bg-[var(--kz-component-button-warning-bg-hover,var(--kz-component-button-warning-bg))]\",\n      ].join(\" \"),\n      error: [\n        \"bg-[var(--kz-component-button-error-bg)]\",\n        \"text-[var(--kz-component-button-error-text)]\",\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        \"active:!bg-[var(--kz-component-button-error-bg-hover,var(--kz-component-button-error-bg))]\",\n      ].join(\" \"),\n      info: [\n        \"bg-[var(--kz-component-button-info-bg)]\",\n        \"text-[var(--kz-component-button-info-text)]\",\n        \"[box-shadow:var(--kz-component-button-info-shadow,none)]\",\n        \"hover:bg-[var(--kz-component-button-info-bg-hover,var(--kz-component-button-info-bg))]\",\n        \"hover:[box-shadow:var(--kz-component-button-info-shadow-hover,var(--kz-component-button-info-shadow,none))]\",\n        \"active:!bg-[var(--kz-component-button-info-bg-hover,var(--kz-component-button-info-bg))]\",\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  compoundVariants: [\n    // Ghost + brand: brand text, transparent bg, brand-tinted hover\n    {\n      variant: \"ghost\",\n      status: \"brand\",\n      className: [\n        \"!bg-transparent text-[var(--kz-color-brand-accent)]\",\n        \"hover:!bg-[var(--kz-component-button-ghost-brand-bg-hover,rgba(0,150,137,0.1))]\",\n        \"[box-shadow:none] hover:[box-shadow:none]\",\n      ].join(\" \"),\n    },\n    // Ghost + status: text color = status, bg transparent, hover = light tint\n    {\n      variant: \"ghost\",\n      status: \"success\",\n      className: [\n        \"!bg-transparent text-[var(--kz-color-status-success)]\",\n        \"hover:!bg-[var(--kz-component-button-ghost-success-bg-hover,rgba(0,201,80,0.1))]\",\n        \"[box-shadow:none] hover:[box-shadow:none]\",\n      ].join(\" \"),\n    },\n    {\n      variant: \"ghost\",\n      status: \"warning\",\n      className: [\n        \"!bg-transparent text-[var(--kz-color-status-warning)]\",\n        \"hover:!bg-[var(--kz-component-button-ghost-warning-bg-hover,rgba(245,158,11,0.1))]\",\n        \"[box-shadow:none] hover:[box-shadow:none]\",\n      ].join(\" \"),\n    },\n    {\n      variant: \"ghost\",\n      status: \"error\",\n      className: [\n        \"!bg-transparent text-[var(--kz-color-status-error)]\",\n        \"hover:!bg-[var(--kz-component-button-ghost-error-bg-hover,rgba(251,44,54,0.1))]\",\n        \"[box-shadow:none] hover:[box-shadow:none]\",\n      ].join(\" \"),\n    },\n    {\n      variant: \"ghost\",\n      status: \"info\",\n      className: [\n        \"!bg-transparent text-[var(--kz-color-status-info)]\",\n        \"hover:!bg-[var(--kz-component-button-ghost-info-bg-hover,rgba(37,99,235,0.1))]\",\n        \"[box-shadow:none] hover:[box-shadow:none]\",\n      ].join(\" \"),\n    },\n    // Container + brand: brand text, brand border, no shadow, brand-tinted hover\n    {\n      variant: \"container\",\n      status: \"brand\",\n      className: [\n        \"!bg-transparent\",\n        \"!text-[var(--kz-component-button-container-brand-text,var(--kz-color-brand-accent))]\",\n        \"!border-[var(--kz-component-button-container-brand-border,var(--kz-color-brand-accent))]\",\n        \"[box-shadow:none] hover:[box-shadow:none]\",\n        \"hover:!bg-[var(--kz-component-button-container-brand-bg-hover,rgba(0,150,137,0.08))]\",\n      ].join(\" \"),\n    },\n    // Container + status: keep container shape/shadow, override bg/text with status colors\n    {\n      variant: \"container\",\n      status: \"success\",\n      className: [\n        \"!bg-transparent\",\n        \"!text-[var(--kz-color-status-success)]\",\n        \"!border-[var(--kz-color-status-success)]\",\n        \"[box-shadow:none] hover:[box-shadow:none]\",\n        \"hover:!bg-[var(--kz-component-button-ghost-success-bg-hover,rgba(0,201,80,0.1))]\",\n      ].join(\" \"),\n    },\n    {\n      variant: \"container\",\n      status: \"warning\",\n      className: [\n        \"!bg-transparent\",\n        \"!text-[var(--kz-color-status-warning)]\",\n        \"!border-[var(--kz-color-status-warning)]\",\n        \"[box-shadow:none] hover:[box-shadow:none]\",\n        \"hover:!bg-[var(--kz-component-button-ghost-warning-bg-hover,rgba(245,158,11,0.1))]\",\n      ].join(\" \"),\n    },\n    {\n      variant: \"container\",\n      status: \"error\",\n      className: [\n        \"!bg-transparent\",\n        \"!text-[var(--kz-color-status-error)]\",\n        \"!border-[var(--kz-color-status-error)]\",\n        \"[box-shadow:none] hover:[box-shadow:none]\",\n        \"hover:!bg-[var(--kz-component-button-ghost-error-bg-hover,rgba(251,44,54,0.1))]\",\n      ].join(\" \"),\n    },\n    {\n      variant: \"container\",\n      status: \"info\",\n      className: [\n        \"!bg-transparent\",\n        \"!text-[var(--kz-color-status-info)]\",\n        \"!border-[var(--kz-color-status-info)]\",\n        \"[box-shadow:none] hover:[box-shadow:none]\",\n        \"hover:!bg-[var(--kz-component-button-ghost-info-bg-hover,rgba(37,99,235,0.1))]\",\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","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  ChartArea,\n  ChartBar,\n  ChartBarBig,\n  ChartBarDecreasing,\n  ChartBarIncreasing,\n  ChartBarStacked,\n  ChartCandlestick,\n  ChartColumn,\n  ChartColumnBig,\n  ChartColumnDecreasing,\n  ChartColumnIncreasing,\n  ChartColumnStacked,\n  ChartGantt,\n  ChartLine,\n  ChartNetwork,\n  ChartNoAxesColumn,\n  ChartNoAxesColumnDecreasing,\n  ChartNoAxesColumnIncreasing,\n  ChartNoAxesCombined,\n  ChartNoAxesGantt,\n  ChartPie,\n  ChartScatter,\n  ChartSpline,\n  FolderKanban,\n  Kanban,\n  SquareChartGantt,\n  SquareDashedKanban,\n  SquareKanban,\n  TrendingDown,\n  TrendingUp,\n  TrendingUpDown,\n  Atom,\n  GitBranch,\n  Clipboard,\n  Palette,\n  Gauge,\n  Filter,\n  Grid3x3,\n  RadioTower,\n  BadgeCheck,\n  Wallet,\n  DollarSign,\n  Plus,\n  Building2,\n  X,\n  FilePlus,\n  UserPlus2,\n  UserRoundPlus,\n  List,\n  CircleAlert as AlertCircleIcon,\n  Layers,\n  Badge,\n  MapPin,\n  Puzzle,\n  Globe,\n  ShoppingBag,\n  QrCode,\n  Brush,\n  FileSpreadsheet,\n  Tag,\n  Scan,\n  Clock3,\n  UserPlus,\n  Users,\n  Files,\n  Group,\n  CheckSquare,\n  ClipboardList,\n  ListTodo,\n  BarChart3,\n  FileBarChart,\n  FileSearch,\n  Lock,\n  Settings2,\n  LayoutGrid,\n  Terminal,\n  Pencil,\n  Trash2,\n  Eye,\n  EyeOff,\n  Pin,\n  PinOff,\n  Save,\n  RotateCcw,\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  ChartArea = \"chart-area\",\n  ChartBar = \"chart-bar\",\n  ChartBarBig = \"chart-bar-big\",\n  ChartBarDecreasing = \"chart-bar-decreasing\",\n  ChartBarIncreasing = \"chart-bar-increasing\",\n  ChartBarStacked = \"chart-bar-stacked\",\n  ChartCandlestick = \"chart-candlestick\",\n  ChartColumn = \"chart-column\",\n  ChartColumnBig = \"chart-column-big\",\n  ChartColumnDecreasing = \"chart-column-decreasing\",\n  ChartColumnIncreasing = \"chart-column-increasing\",\n  ChartColumnStacked = \"chart-column-stacked\",\n  ChartGantt = \"chart-gantt\",\n  ChartLine = \"chart-line\",\n  ChartNetwork = \"chart-network\",\n  ChartNoAxesColumn = \"chart-no-axes-column\",\n  ChartNoAxesColumnDecreasing = \"chart-no-axes-column-decreasing\",\n  ChartNoAxesColumnIncreasing = \"chart-no-axes-column-increasing\",\n  ChartNoAxesCombined = \"chart-no-axes-combined\",\n  ChartNoAxesGantt = \"chart-no-axes-gantt\",\n  ChartPie = \"chart-pie\",\n  ChartScatter = \"chart-scatter\",\n  ChartSpline = \"chart-spline\",\n  FolderKanban = \"folder-kanban\",\n  Kanban = \"kanban\",\n  SquareChartGantt = \"square-chart-gantt\",\n  SquareDashedKanban = \"square-dashed-kanban\",\n  SquareKanban = \"square-kanban\",\n  TrendingDown = \"trending-down\",\n  TrendingUp = \"trending-up\",\n  TrendingUpDown = \"trending-up-down\",\n  Atom = \"atom\",\n  GitBranch = \"git-branch\",\n  Clipboard = \"clipboard\",\n  Palette = \"palette\",\n  Gauge = \"gauge\",\n  Filter = \"filter\",\n  Grid3x3 = \"grid-3x3\",\n  RadioTower = \"radio-tower\",\n  BadgeCheck = \"badge-check\",\n  Wallet = \"wallet\",\n  DollarSign = \"dollar-sign\",\n  Plus = \"plus\",\n  Building2 = \"building-2\",\n  X = \"x\",\n  FilePlus = \"file-plus\",\n  UserPlus2 = \"user-plus-2\",\n  UserRoundPlus = \"user-round-plus\",\n  List = \"list\",\n  AlertCircle = \"alert-circle\",\n  Layers = \"layers\",\n  Badge = \"badge\",\n  MapPin = \"map-pin\",\n  Puzzle = \"puzzle\",\n  Globe = \"globe\",\n  ShoppingBag = \"shopping-bag\",\n  QrCode = \"qr-code\",\n  Brush = \"brush\",\n  FileSpreadsheet = \"file-spreadsheet\",\n  Tag = \"tag\",\n  Scan = \"scan\",\n  Clock3 = \"clock-3\",\n  UserPlus = \"user-plus\",\n  Users = \"users\",\n  Files = \"files\",\n  Group = \"group\",\n  CheckSquare = \"check-square\",\n  ClipboardList = \"clipboard-list\",\n  ListTodo = \"list-todo\",\n  BarChart3 = \"bar-chart-3\",\n  FileBarChart = \"file-bar-chart\",\n  FileSearch = \"file-search\",\n  Lock = \"lock\",\n  Settings2 = \"settings-2\",\n  LayoutGrid = \"layout-grid\",\n  Terminal = \"terminal\",\n  Pencil = \"pencil\",\n  Trash2 = \"trash-2\",\n  Eye = \"eye\",\n  EyeOff = \"eye-off\",\n  Pin = \"pin\",\n  PinOff = \"pin-off\",\n  Save = \"save\",\n  RotateCcw = \"rotate-ccw\",\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  [IconName.ChartArea]: ChartArea,\n  [IconName.ChartBar]: ChartBar,\n  [IconName.ChartBarBig]: ChartBarBig,\n  [IconName.ChartBarDecreasing]: ChartBarDecreasing,\n  [IconName.ChartBarIncreasing]: ChartBarIncreasing,\n  [IconName.ChartBarStacked]: ChartBarStacked,\n  [IconName.ChartCandlestick]: ChartCandlestick,\n  [IconName.ChartColumn]: ChartColumn,\n  [IconName.ChartColumnBig]: ChartColumnBig,\n  [IconName.ChartColumnDecreasing]: ChartColumnDecreasing,\n  [IconName.ChartColumnIncreasing]: ChartColumnIncreasing,\n  [IconName.ChartColumnStacked]: ChartColumnStacked,\n  [IconName.ChartGantt]: ChartGantt,\n  [IconName.ChartLine]: ChartLine,\n  [IconName.ChartNetwork]: ChartNetwork,\n  [IconName.ChartNoAxesColumn]: ChartNoAxesColumn,\n  [IconName.ChartNoAxesColumnDecreasing]: ChartNoAxesColumnDecreasing,\n  [IconName.ChartNoAxesColumnIncreasing]: ChartNoAxesColumnIncreasing,\n  [IconName.ChartNoAxesCombined]: ChartNoAxesCombined,\n  [IconName.ChartNoAxesGantt]: ChartNoAxesGantt,\n  [IconName.ChartPie]: ChartPie,\n  [IconName.ChartScatter]: ChartScatter,\n  [IconName.ChartSpline]: ChartSpline,\n  [IconName.FolderKanban]: FolderKanban,\n  [IconName.Kanban]: Kanban,\n  [IconName.SquareChartGantt]: SquareChartGantt,\n  [IconName.SquareDashedKanban]: SquareDashedKanban,\n  [IconName.SquareKanban]: SquareKanban,\n  [IconName.TrendingDown]: TrendingDown,\n  [IconName.TrendingUp]: TrendingUp,\n  [IconName.TrendingUpDown]: TrendingUpDown,\n  [IconName.Atom]: Atom,\n  [IconName.GitBranch]: GitBranch,\n  [IconName.Clipboard]: Clipboard,\n  [IconName.Palette]: Palette,\n  [IconName.Gauge]: Gauge,\n  [IconName.Filter]: Filter,\n  [IconName.Grid3x3]: Grid3x3,\n  [IconName.RadioTower]: RadioTower,\n  [IconName.BadgeCheck]: BadgeCheck,\n  [IconName.Wallet]: Wallet,\n  [IconName.DollarSign]: DollarSign,\n  [IconName.Plus]: Plus,\n  [IconName.Building2]: Building2,\n  [IconName.X]: X,\n  [IconName.FilePlus]: FilePlus,\n  [IconName.UserPlus2]: UserPlus2,\n  [IconName.UserRoundPlus]: UserRoundPlus,\n  [IconName.List]: List,\n  [IconName.AlertCircle]: AlertCircleIcon,\n  [IconName.Layers]: Layers,\n  [IconName.Badge]: Badge,\n  [IconName.MapPin]: MapPin,\n  [IconName.Puzzle]: Puzzle,\n  [IconName.Globe]: Globe,\n  [IconName.ShoppingBag]: ShoppingBag,\n  [IconName.QrCode]: QrCode,\n  [IconName.Brush]: Brush,\n  [IconName.FileSpreadsheet]: FileSpreadsheet,\n  [IconName.Tag]: Tag,\n  [IconName.Scan]: Scan,\n  [IconName.Clock3]: Clock3,\n  [IconName.UserPlus]: UserPlus,\n  [IconName.Users]: Users,\n  [IconName.Files]: Files,\n  [IconName.Group]: Group,\n  [IconName.CheckSquare]: CheckSquare,\n  [IconName.ClipboardList]: ClipboardList,\n  [IconName.ListTodo]: ListTodo,\n  [IconName.BarChart3]: BarChart3,\n  [IconName.FileBarChart]: FileBarChart,\n  [IconName.FileSearch]: FileSearch,\n  [IconName.Lock]: Lock,\n  [IconName.Settings2]: Settings2,\n  [IconName.LayoutGrid]: LayoutGrid,\n  [IconName.Terminal]: Terminal,\n  [IconName.Pencil]: Pencil,\n  [IconName.Trash2]: Trash2,\n  [IconName.Eye]: Eye,\n  [IconName.EyeOff]: EyeOff,\n  [IconName.Pin]: Pin,\n  [IconName.PinOff]: PinOff,\n  [IconName.Save]: Save,\n  [IconName.RotateCcw]: RotateCcw,\n};\n"],"mappings":"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","names":["React","ButtonVariant","ButtonStatus","ButtonSize","ButtonType","ButtonAspectRatio","import_lucide_react","AlertCircleIcon","import_jsx_runtime"]}