kz-design-system 0.0.19 → 0.1.0

package/dist/avatar.d.mts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { A as AvatarSize, a as AvatarStatus } from './enum-V2pNihYX.mjs';
+import { A as AvatarSize, a as AvatarStatus } from './enum-BXb6AbOQ.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-V2pNihYX.js';
+import { A as AvatarSize, a as AvatarStatus } from './enum-BXb6AbOQ.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  Secondary = \"secondary\",\n  Outline = \"outline\",\n  Ghost = \"ghost\",\n  Success = \"success\",\n  Warning = \"warning\",\n  Error = \"error\",\n}\n\nexport enum ButtonSize {\n  Sm = \"sm\",\n  Md = \"md\",\n  Lg = \"lg\",\n}\n\nexport enum ButtonType {\n  Button = \"button\",\n  Submit = \"submit\",\n  Reset = \"reset\",\n}\n\nexport enum ButtonAspectRatio {\n  Auto = \"auto\",\n  Square = \"square\",\n}\n\nexport enum DropdownTriggerVariant {\n  Default = \"default\",\n  Ghost = \"ghost\",\n}\n\nexport enum TypographyVariant {\n  H1 = \"h1\",\n  H2 = \"h2\",\n  H3 = \"h3\",\n  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","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;;;ACiMd,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;;;ACzMZ,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  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"]}

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  Secondary = \"secondary\",\n  Outline = \"outline\",\n  Ghost = \"ghost\",\n  Success = \"success\",\n  Warning = \"warning\",\n  Error = \"error\",\n}\n\nexport enum ButtonSize {\n  Sm = \"sm\",\n  Md = \"md\",\n  Lg = \"lg\",\n}\n\nexport enum ButtonType {\n  Button = \"button\",\n  Submit = \"submit\",\n  Reset = \"reset\",\n}\n\nexport enum ButtonAspectRatio {\n  Auto = \"auto\",\n  Square = \"square\",\n}\n\nexport enum DropdownTriggerVariant {\n  Default = \"default\",\n  Ghost = \"ghost\",\n}\n\nexport enum TypographyVariant {\n  H1 = \"h1\",\n  H2 = \"h2\",\n  H3 = \"h3\",\n  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","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;;;ACiMd,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;;;ACzMZ,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  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"]}

package/dist/button.d.mts

@@ -1,10 +1,11 @@
 import * as React from 'react';
-import { d as ButtonVariant, b as ButtonSize, c as ButtonType, B as ButtonAspectRatio } from './enum-V2pNihYX.mjs';
+import { e as ButtonVariant, b as ButtonSize, c as ButtonStatus, d as ButtonType, B as ButtonAspectRatio } from './enum-BXb6AbOQ.mjs';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
 
 declare const buttonVariants: (props?: ({
-    variant?: "primary" | "secondary" | "outline" | "ghost" | "success" | "warning" | "error" | null | undefined;
+    variant?: "primary" | "ghost" | "container" | null | undefined;
+    status?: "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>;
@@ -12,6 +13,7 @@ type ButtonVariants = VariantProps<typeof buttonVariants>;
 interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "children" | "onClick"> {
     variant: ButtonVariant;
     size: ButtonSize;
+    status?: ButtonStatus;
     onClick?: React.MouseEventHandler<HTMLButtonElement>;
     asChild?: boolean;
     children: React.ReactNode;
@@ -21,4 +23,4 @@ interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>
 }
 declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
 
-export { Button, ButtonAspectRatio, type ButtonProps, ButtonSize, ButtonType, ButtonVariant, type ButtonVariants, buttonVariants };
+export { Button, ButtonAspectRatio, type ButtonProps, ButtonSize, ButtonStatus, ButtonType, ButtonVariant, type ButtonVariants, buttonVariants };

package/dist/button.d.ts

@@ -1,10 +1,11 @@
 import * as React from 'react';
-import { d as ButtonVariant, b as ButtonSize, c as ButtonType, B as ButtonAspectRatio } from './enum-V2pNihYX.js';
+import { e as ButtonVariant, b as ButtonSize, c as ButtonStatus, d as ButtonType, B as ButtonAspectRatio } from './enum-BXb6AbOQ.js';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
 
 declare const buttonVariants: (props?: ({
-    variant?: "primary" | "secondary" | "outline" | "ghost" | "success" | "warning" | "error" | null | undefined;
+    variant?: "primary" | "ghost" | "container" | null | undefined;
+    status?: "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>;
@@ -12,6 +13,7 @@ type ButtonVariants = VariantProps<typeof buttonVariants>;
 interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "children" | "onClick"> {
     variant: ButtonVariant;
     size: ButtonSize;
+    status?: ButtonStatus;
     onClick?: React.MouseEventHandler<HTMLButtonElement>;
     asChild?: boolean;
     children: React.ReactNode;
@@ -21,4 +23,4 @@ interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>
 }
 declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
 
-export { Button, ButtonAspectRatio, type ButtonProps, ButtonSize, ButtonType, ButtonVariant, type ButtonVariants, buttonVariants };
+export { Button, ButtonAspectRatio, type ButtonProps, ButtonSize, ButtonStatus, ButtonType, ButtonVariant, type ButtonVariants, buttonVariants };

package/dist/button.js

@@ -33,6 +33,7 @@ __export(button_exports, {
   Button: () => Button,
   ButtonAspectRatio: () => ButtonAspectRatio,
   ButtonSize: () => ButtonSize,
+  ButtonStatus: () => ButtonStatus,
   ButtonType: () => ButtonType,
   ButtonVariant: () => ButtonVariant,
   buttonVariants: () => buttonVariants
@@ -46,14 +47,18 @@ var import_react_slot = require("@radix-ui/react-slot");
 // src/constants/enum.ts
 var ButtonVariant = /* @__PURE__ */ ((ButtonVariant2) => {
   ButtonVariant2["Primary"] = "primary";
-  ButtonVariant2["Secondary"] = "secondary";
-  ButtonVariant2["Outline"] = "outline";
   ButtonVariant2["Ghost"] = "ghost";
-  ButtonVariant2["Success"] = "success";
-  ButtonVariant2["Warning"] = "warning";
-  ButtonVariant2["Error"] = "error";
+  ButtonVariant2["Container"] = "container";
   return ButtonVariant2;
 })(ButtonVariant || {});
+var ButtonStatus = /* @__PURE__ */ ((ButtonStatus2) => {
+  ButtonStatus2["Brand"] = "brand";
+  ButtonStatus2["Success"] = "success";
+  ButtonStatus2["Warning"] = "warning";
+  ButtonStatus2["Error"] = "error";
+  ButtonStatus2["Info"] = "info";
+  return ButtonStatus2;
+})(ButtonStatus || {});
 var ButtonSize = /* @__PURE__ */ ((ButtonSize2) => {
   ButtonSize2["Sm"] = "sm";
   ButtonSize2["Md"] = "md";
@@ -85,15 +90,6 @@ var buttonVariants = (0, import_class_variance_authority.cva)(base, {
   variants: {
     variant: {
       primary: [
-        "bg-[var(--kz-component-button-primary-bg)]",
-        "text-[var(--kz-component-button-primary-text)]",
-        "rounded-[var(--kz-component-button-radius,8px)]",
-        "[box-shadow:var(--kz-component-button-primary-shadow,none)]",
-        "hover:bg-[var(--kz-component-button-primary-bg-hover)]",
-        "hover:[box-shadow:var(--kz-component-button-primary-shadow-hover,var(--kz-component-button-primary-shadow,none))]",
-        "active:bg-[var(--kz-component-button-primary-bg-active)]"
-      ].join(" "),
-      secondary: [
         "bg-[var(--kz-component-button-secondary-bg)]",
         "text-[var(--kz-component-button-secondary-text)]",
         "rounded-[var(--kz-component-button-radius,8px)]",
@@ -102,15 +98,6 @@ var buttonVariants = (0, import_class_variance_authority.cva)(base, {
         "hover:[box-shadow:var(--kz-component-button-secondary-shadow-hover,var(--kz-component-button-secondary-shadow,none))]",
         "active:bg-[var(--kz-component-button-secondary-bg-active)]"
       ].join(" "),
-      outline: [
-        "bg-[var(--kz-component-button-outline-bg)]",
-        "text-[var(--kz-component-button-outline-text)]",
-        "border border-[var(--kz-component-button-outline-border)]",
-        "rounded-[var(--kz-component-button-radius,8px)]",
-        "[box-shadow:var(--kz-component-button-outline-shadow,none)]",
-        "hover:bg-[var(--kz-component-button-outline-bg-hover,var(--kz-component-button-outline-bg))]",
-        "hover:[box-shadow:var(--kz-component-button-outline-shadow-hover,var(--kz-component-button-outline-shadow,none))]"
-      ].join(" "),
       ghost: [
         "bg-[var(--kz-component-button-ghost-bg)]",
         "text-[var(--kz-component-button-ghost-text)]",
@@ -120,29 +107,56 @@ var buttonVariants = (0, import_class_variance_authority.cva)(base, {
         "hover:bg-[var(--kz-component-button-ghost-bg-hover,transparent)]",
         "active:opacity-80"
       ].join(" "),
+      container: [
+        "bg-[var(--kz-component-button-container-bg)]",
+        "text-[var(--kz-component-button-container-text)]",
+        "border border-[var(--kz-component-button-container-border)]",
+        "rounded-[var(--kz-component-button-radius,8px)]",
+        "[box-shadow:var(--kz-component-button-container-shadow)]",
+        "hover:bg-[var(--kz-component-button-ghost-bg-hover,transparent)]",
+        "hover:[box-shadow:var(--kz-component-button-container-shadow-hover)]"
+      ].join(" ")
+    },
+    status: {
+      brand: [
+        "bg-[var(--kz-component-button-brand-bg)]",
+        "text-[var(--kz-component-button-brand-text)]",
+        "[box-shadow:var(--kz-component-button-brand-shadow,none)]",
+        "hover:bg-[var(--kz-component-button-brand-bg-hover,var(--kz-component-button-brand-bg))]",
+        "hover:[box-shadow:var(--kz-component-button-brand-shadow-hover,var(--kz-component-button-brand-shadow,none))]",
+        "active:!bg-[var(--kz-component-button-brand-bg-hover,var(--kz-component-button-brand-bg))]"
+      ].join(" "),
       success: [
         "bg-[var(--kz-component-button-success-bg)]",
         "text-[var(--kz-component-button-success-text)]",
-        "rounded-[var(--kz-component-button-radius,8px)]",
         "[box-shadow:var(--kz-component-button-success-shadow,none)]",
         "hover:bg-[var(--kz-component-button-success-bg-hover,var(--kz-component-button-success-bg))]",
-        "hover:[box-shadow:var(--kz-component-button-success-shadow-hover,var(--kz-component-button-success-shadow,none))]"
+        "hover:[box-shadow:var(--kz-component-button-success-shadow-hover,var(--kz-component-button-success-shadow,none))]",
+        "active:!bg-[var(--kz-component-button-success-bg-hover,var(--kz-component-button-success-bg))]"
       ].join(" "),
       warning: [
         "bg-[var(--kz-component-button-warning-bg)]",
         "text-[var(--kz-component-button-warning-text)]",
-        "rounded-[var(--kz-component-button-radius,8px)]",
         "[box-shadow:var(--kz-component-button-warning-shadow,none)]",
         "hover:bg-[var(--kz-component-button-warning-bg-hover,var(--kz-component-button-warning-bg))]",
-        "hover:[box-shadow:var(--kz-component-button-warning-shadow-hover,var(--kz-component-button-warning-shadow,none))]"
+        "hover:[box-shadow:var(--kz-component-button-warning-shadow-hover,var(--kz-component-button-warning-shadow,none))]",
+        "active:!bg-[var(--kz-component-button-warning-bg-hover,var(--kz-component-button-warning-bg))]"
       ].join(" "),
       error: [
         "bg-[var(--kz-component-button-error-bg)]",
         "text-[var(--kz-component-button-error-text)]",
-        "rounded-[var(--kz-component-button-radius,8px)]",
         "[box-shadow:var(--kz-component-button-error-shadow,none)]",
         "hover:bg-[var(--kz-component-button-error-bg-hover,var(--kz-component-button-error-bg))]",
-        "hover:[box-shadow:var(--kz-component-button-error-shadow-hover,var(--kz-component-button-error-shadow,none))]"
+        "hover:[box-shadow:var(--kz-component-button-error-shadow-hover,var(--kz-component-button-error-shadow,none))]",
+        "active:!bg-[var(--kz-component-button-error-bg-hover,var(--kz-component-button-error-bg))]"
+      ].join(" "),
+      info: [
+        "bg-[var(--kz-component-button-info-bg)]",
+        "text-[var(--kz-component-button-info-text)]",
+        "[box-shadow:var(--kz-component-button-info-shadow,none)]",
+        "hover:bg-[var(--kz-component-button-info-bg-hover,var(--kz-component-button-info-bg))]",
+        "hover:[box-shadow:var(--kz-component-button-info-shadow-hover,var(--kz-component-button-info-shadow,none))]",
+        "active:!bg-[var(--kz-component-button-info-bg-hover,var(--kz-component-button-info-bg))]"
       ].join(" ")
     },
     size: {
@@ -166,6 +180,112 @@ var buttonVariants = (0, import_class_variance_authority.cva)(base, {
       ].join(" ")
     }
   },
+  compoundVariants: [
+    // Ghost + brand: brand text, transparent bg, brand-tinted hover
+    {
+      variant: "ghost",
+      status: "brand",
+      className: [
+        "!bg-transparent text-[var(--kz-color-brand-accent)]",
+        "hover:!bg-[var(--kz-component-button-ghost-brand-bg-hover,rgba(0,150,137,0.1))]",
+        "[box-shadow:none] hover:[box-shadow:none]"
+      ].join(" ")
+    },
+    // Ghost + status: text color = status, bg transparent, hover = light tint
+    {
+      variant: "ghost",
+      status: "success",
+      className: [
+        "!bg-transparent text-[var(--kz-color-status-success)]",
+        "hover:!bg-[var(--kz-component-button-ghost-success-bg-hover,rgba(0,201,80,0.1))]",
+        "[box-shadow:none] hover:[box-shadow:none]"
+      ].join(" ")
+    },
+    {
+      variant: "ghost",
+      status: "warning",
+      className: [
+        "!bg-transparent text-[var(--kz-color-status-warning)]",
+        "hover:!bg-[var(--kz-component-button-ghost-warning-bg-hover,rgba(245,158,11,0.1))]",
+        "[box-shadow:none] hover:[box-shadow:none]"
+      ].join(" ")
+    },
+    {
+      variant: "ghost",
+      status: "error",
+      className: [
+        "!bg-transparent text-[var(--kz-color-status-error)]",
+        "hover:!bg-[var(--kz-component-button-ghost-error-bg-hover,rgba(251,44,54,0.1))]",
+        "[box-shadow:none] hover:[box-shadow:none]"
+      ].join(" ")
+    },
+    {
+      variant: "ghost",
+      status: "info",
+      className: [
+        "!bg-transparent text-[var(--kz-color-status-info)]",
+        "hover:!bg-[var(--kz-component-button-ghost-info-bg-hover,rgba(37,99,235,0.1))]",
+        "[box-shadow:none] hover:[box-shadow:none]"
+      ].join(" ")
+    },
+    // Container + brand: brand text, brand border, no shadow, brand-tinted hover
+    {
+      variant: "container",
+      status: "brand",
+      className: [
+        "!bg-transparent",
+        "!text-[var(--kz-component-button-container-brand-text,var(--kz-color-brand-accent))]",
+        "!border-[var(--kz-component-button-container-brand-border,var(--kz-color-brand-accent))]",
+        "[box-shadow:none] hover:[box-shadow:none]",
+        "hover:!bg-[var(--kz-component-button-container-brand-bg-hover,rgba(0,150,137,0.08))]"
+      ].join(" ")
+    },
+    // Container + status: keep container shape/shadow, override bg/text with status colors
+    {
+      variant: "container",
+      status: "success",
+      className: [
+        "!bg-transparent",
+        "!text-[var(--kz-color-status-success)]",
+        "!border-[var(--kz-color-status-success)]",
+        "[box-shadow:none] hover:[box-shadow:none]",
+        "hover:!bg-[var(--kz-component-button-ghost-success-bg-hover,rgba(0,201,80,0.1))]"
+      ].join(" ")
+    },
+    {
+      variant: "container",
+      status: "warning",
+      className: [
+        "!bg-transparent",
+        "!text-[var(--kz-color-status-warning)]",
+        "!border-[var(--kz-color-status-warning)]",
+        "[box-shadow:none] hover:[box-shadow:none]",
+        "hover:!bg-[var(--kz-component-button-ghost-warning-bg-hover,rgba(245,158,11,0.1))]"
+      ].join(" ")
+    },
+    {
+      variant: "container",
+      status: "error",
+      className: [
+        "!bg-transparent",
+        "!text-[var(--kz-color-status-error)]",
+        "!border-[var(--kz-color-status-error)]",
+        "[box-shadow:none] hover:[box-shadow:none]",
+        "hover:!bg-[var(--kz-component-button-ghost-error-bg-hover,rgba(251,44,54,0.1))]"
+      ].join(" ")
+    },
+    {
+      variant: "container",
+      status: "info",
+      className: [
+        "!bg-transparent",
+        "!text-[var(--kz-color-status-info)]",
+        "!border-[var(--kz-color-status-info)]",
+        "[box-shadow:none] hover:[box-shadow:none]",
+        "hover:!bg-[var(--kz-component-button-ghost-info-bg-hover,rgba(37,99,235,0.1))]"
+      ].join(" ")
+    }
+  ],
   defaultVariants: {
     variant: "primary" /* Primary */,
     size: "md" /* Md */
@@ -198,6 +318,7 @@ var Button = React.forwardRef(
     className,
     variant,
     size,
+    status,
     onClick,
     asChild = false,
     children,
@@ -210,7 +331,7 @@ var Button = React.forwardRef(
     const Comp = asChild ? import_react_slot.Slot : "button";
     const isDisabled = disabled || loading;
     const buttonClassName = cn(
-      buttonVariants({ variant, size }),
+      buttonVariants({ variant, size, status }),
       loading && "opacity-[var(--kz-component-button-loading-opacity,0.8)]",
       aspectRatio === "square" /* Square */ && "kz-button--aspect-1-1",
       className
@@ -261,6 +382,7 @@ Button.displayName = "Button";
   Button,
   ButtonAspectRatio,
   ButtonSize,
+  ButtonStatus,
   ButtonType,
   ButtonVariant,
   buttonVariants

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  ButtonType,\n  ButtonAspectRatio,\n} from \"../../constants/enum\";\n","import * as React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport {\n  ButtonVariant,\n  ButtonSize,\n  ButtonType,\n  ButtonAspectRatio,\n} from \"../../constants/enum\";\nimport { buttonVariants, type ButtonVariants } from \"./button.variants\";\nimport { Loader2 } from \"lucide-react\";\nimport { iconSize } from \"../../icon/icon-sizes\";\nimport { cn } from \"../../utils/cn\";\n\nexport interface ButtonProps extends Omit<\n  React.ButtonHTMLAttributes<HTMLButtonElement>,\n  \"children\" | \"onClick\"\n> {\n  variant: ButtonVariant;\n  size: ButtonSize;\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n  asChild?: boolean;\n  children: React.ReactNode;\n  type?: ButtonType;\n  loading?: boolean;\n  aspectRatio?: ButtonAspectRatio;\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      className,\n      variant,\n      size,\n      onClick,\n      asChild = false,\n      children,\n      type = ButtonType.Button,\n      loading = false,\n      aspectRatio = ButtonAspectRatio.Auto,\n      disabled,\n      ...props\n    },\n    ref\n  ) => {\n    const Comp = asChild ? Slot : \"button\";\n    const isDisabled = disabled || loading;\n\n    const buttonClassName = cn(\n      buttonVariants({ variant, size }),\n      loading && \"opacity-[var(--kz-component-button-loading-opacity,0.8)]\",\n      aspectRatio === ButtonAspectRatio.Square && \"kz-button--aspect-1-1\",\n      className\n    );\n\n    if (asChild) {\n      return (\n        <Comp\n          ref={ref}\n          type={asChild ? undefined : type}\n          className={buttonClassName}\n          onClick={onClick}\n          disabled={isDisabled}\n          aria-busy={loading}\n          {...props}\n        >\n          {children}\n        </Comp>\n      );\n    }\n\n    return (\n      <Comp\n        ref={ref}\n        type={type}\n        className={buttonClassName}\n        onClick={onClick}\n        disabled={isDisabled}\n        aria-busy={loading}\n        {...props}\n      >\n        {loading && (\n          <Loader2\n            className=\"kz-button-spinner\"\n            size={iconSize.md}\n            color=\"currentColor\"\n          />\n        )}\n        {children}\n      </Comp>\n    );\n  }\n);\n\nButton.displayName = \"Button\";\n\nexport { Button, buttonVariants };\nexport type { ButtonVariants };\n","export enum Theme {\n  Light = \"light\",\n  Dark = \"dark\",\n}\n\nexport enum ThemeStyle {\n  Enterprise = \"enterprise\",\n  Neumorphic = \"neumorphic\",\n  Standard = \"standard\",\n  Glassmorphic = \"glassmorphic\",\n}\n\nexport enum KezelVariant {\n  Standard = \"standard\",\n  Neumorphic = \"neumorphic\",\n}\n\nexport enum KezelMode {\n  Light,\n  Dark,\n}\n\nexport enum ButtonVariant {\n  Primary = \"primary\",\n  Secondary = \"secondary\",\n  Outline = \"outline\",\n  Ghost = \"ghost\",\n  Success = \"success\",\n  Warning = \"warning\",\n  Error = \"error\",\n}\n\nexport enum ButtonSize {\n  Sm = \"sm\",\n  Md = \"md\",\n  Lg = \"lg\",\n}\n\nexport enum ButtonType {\n  Button = \"button\",\n  Submit = \"submit\",\n  Reset = \"reset\",\n}\n\nexport enum ButtonAspectRatio {\n  Auto = \"auto\",\n  Square = \"square\",\n}\n\nexport enum DropdownTriggerVariant {\n  Default = \"default\",\n  Ghost = \"ghost\",\n}\n\nexport enum TypographyVariant {\n  H1 = \"h1\",\n  H2 = \"h2\",\n  H3 = \"h3\",\n  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","import { cva, type VariantProps } from \"class-variance-authority\";\nimport { ButtonVariant, ButtonSize } from \"../../constants/enum\";\n\nconst base = [\n  \"inline-flex items-center justify-center gap-2 whitespace-nowrap font-medium\",\n  \"transition-all duration-150 ease-out\",\n  \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-[var(--kz-color-border-focus)]\",\n  \"disabled:pointer-events-none disabled:opacity-[var(--kz-component-button-disabled-opacity,0.5)]\",\n  \"[&_svg]:pointer-events-none [&_svg]:shrink-0\",\n].join(\" \");\n\nexport const buttonVariants = cva(base, {\n  variants: {\n    variant: {\n      primary: [\n        \"bg-[var(--kz-component-button-primary-bg)]\",\n        \"text-[var(--kz-component-button-primary-text)]\",\n        \"rounded-[var(--kz-component-button-radius,8px)]\",\n        \"[box-shadow:var(--kz-component-button-primary-shadow,none)]\",\n        \"hover:bg-[var(--kz-component-button-primary-bg-hover)]\",\n        \"hover:[box-shadow:var(--kz-component-button-primary-shadow-hover,var(--kz-component-button-primary-shadow,none))]\",\n        \"active:bg-[var(--kz-component-button-primary-bg-active)]\",\n      ].join(\" \"),\n      secondary: [\n        \"bg-[var(--kz-component-button-secondary-bg)]\",\n        \"text-[var(--kz-component-button-secondary-text)]\",\n        \"rounded-[var(--kz-component-button-radius,8px)]\",\n        \"[box-shadow:var(--kz-component-button-secondary-shadow,none)]\",\n        \"hover:bg-[var(--kz-component-button-secondary-bg-hover)]\",\n        \"hover:[box-shadow:var(--kz-component-button-secondary-shadow-hover,var(--kz-component-button-secondary-shadow,none))]\",\n        \"active:bg-[var(--kz-component-button-secondary-bg-active)]\",\n      ].join(\" \"),\n      outline: [\n        \"bg-[var(--kz-component-button-outline-bg)]\",\n        \"text-[var(--kz-component-button-outline-text)]\",\n        \"border border-[var(--kz-component-button-outline-border)]\",\n        \"rounded-[var(--kz-component-button-radius,8px)]\",\n        \"[box-shadow:var(--kz-component-button-outline-shadow,none)]\",\n        \"hover:bg-[var(--kz-component-button-outline-bg-hover,var(--kz-component-button-outline-bg))]\",\n        \"hover:[box-shadow:var(--kz-component-button-outline-shadow-hover,var(--kz-component-button-outline-shadow,none))]\",\n      ].join(\" \"),\n      ghost: [\n        \"bg-[var(--kz-component-button-ghost-bg)]\",\n        \"text-[var(--kz-component-button-ghost-text)]\",\n        \"rounded-[var(--kz-component-button-radius,8px)]\",\n        \"border border-transparent\",\n        \"[box-shadow:none]\",\n        \"hover:bg-[var(--kz-component-button-ghost-bg-hover,transparent)]\",\n        \"active:opacity-80\",\n      ].join(\" \"),\n      success: [\n        \"bg-[var(--kz-component-button-success-bg)]\",\n        \"text-[var(--kz-component-button-success-text)]\",\n        \"rounded-[var(--kz-component-button-radius,8px)]\",\n        \"[box-shadow:var(--kz-component-button-success-shadow,none)]\",\n        \"hover:bg-[var(--kz-component-button-success-bg-hover,var(--kz-component-button-success-bg))]\",\n        \"hover:[box-shadow:var(--kz-component-button-success-shadow-hover,var(--kz-component-button-success-shadow,none))]\",\n      ].join(\" \"),\n      warning: [\n        \"bg-[var(--kz-component-button-warning-bg)]\",\n        \"text-[var(--kz-component-button-warning-text)]\",\n        \"rounded-[var(--kz-component-button-radius,8px)]\",\n        \"[box-shadow:var(--kz-component-button-warning-shadow,none)]\",\n        \"hover:bg-[var(--kz-component-button-warning-bg-hover,var(--kz-component-button-warning-bg))]\",\n        \"hover:[box-shadow:var(--kz-component-button-warning-shadow-hover,var(--kz-component-button-warning-shadow,none))]\",\n      ].join(\" \"),\n      error: [\n        \"bg-[var(--kz-component-button-error-bg)]\",\n        \"text-[var(--kz-component-button-error-text)]\",\n        \"rounded-[var(--kz-component-button-radius,8px)]\",\n        \"[box-shadow:var(--kz-component-button-error-shadow,none)]\",\n        \"hover:bg-[var(--kz-component-button-error-bg-hover,var(--kz-component-button-error-bg))]\",\n        \"hover:[box-shadow:var(--kz-component-button-error-shadow-hover,var(--kz-component-button-error-shadow,none))]\",\n      ].join(\" \"),\n    },\n    size: {\n      sm: [\n        \"h-[var(--kz-component-button-height-sm,2rem)]\",\n        \"px-[var(--kz-component-button-px-sm,0.75rem)]\",\n        \"text-[length:var(--kz-component-button-text-sm,0.875rem)]\",\n        \"[&_svg]:size-[var(--kz-component-button-icon-sm,1rem)]\",\n      ].join(\" \"),\n      md: [\n        \"h-[var(--kz-component-button-height-md,2.5rem)]\",\n        \"px-[var(--kz-component-button-px-md,1rem)]\",\n        \"text-[length:var(--kz-component-button-text-md,0.875rem)]\",\n        \"[&_svg]:size-[var(--kz-component-button-icon-md,1rem)]\",\n      ].join(\" \"),\n      lg: [\n        \"h-[var(--kz-component-button-height-lg,3rem)]\",\n        \"px-[var(--kz-component-button-px-lg,1.25rem)]\",\n        \"text-[length:var(--kz-component-button-text-lg,1rem)]\",\n        \"[&_svg]:size-[var(--kz-component-button-icon-lg,1.25rem)]\",\n      ].join(\" \"),\n    },\n  },\n  defaultVariants: {\n    variant: ButtonVariant.Primary,\n    size: ButtonSize.Md,\n  },\n});\n\nexport type ButtonVariants = VariantProps<typeof buttonVariants>;\n","/** Preset icon sizes (px). Use with Icon size prop. */\nexport const iconSize = {\n  xs: 12,\n  sm: 16,\n  md: 24,\n  lg: 32,\n  xl: 40,\n} as const;\n\nexport type IconSizeKey = keyof typeof iconSize;\n","import { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,YAAuB;AACvB,wBAAqB;;;ACqBd,IAAK,gBAAL,kBAAKA,mBAAL;AACL,EAAAA,eAAA,aAAU;AACV,EAAAA,eAAA,eAAY;AACZ,EAAAA,eAAA,aAAU;AACV,EAAAA,eAAA,WAAQ;AACR,EAAAA,eAAA,aAAU;AACV,EAAAA,eAAA,aAAU;AACV,EAAAA,eAAA,WAAQ;AAPE,SAAAA;AAAA,GAAA;AAUL,IAAK,aAAL,kBAAKC,gBAAL;AACL,EAAAA,YAAA,QAAK;AACL,EAAAA,YAAA,QAAK;AACL,EAAAA,YAAA,QAAK;AAHK,SAAAA;AAAA,GAAA;AAML,IAAK,aAAL,kBAAKC,gBAAL;AACL,EAAAA,YAAA,YAAS;AACT,EAAAA,YAAA,YAAS;AACT,EAAAA,YAAA,WAAQ;AAHE,SAAAA;AAAA,GAAA;AAML,IAAK,oBAAL,kBAAKC,uBAAL;AACL,EAAAA,mBAAA,UAAO;AACP,EAAAA,mBAAA,YAAS;AAFC,SAAAA;AAAA,GAAA;;;AC5CZ,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,SAAS;AAAA,MACP,SAAS;AAAA,QACP;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF,EAAE,KAAK,GAAG;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF,EAAE,KAAK,GAAG;AAAA,MACV,SAAS;AAAA,QACP;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF,EAAE,KAAK,GAAG;AAAA,MACV,OAAO;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF,EAAE,KAAK,GAAG;AAAA,MACV,SAAS;AAAA,QACP;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF,EAAE,KAAK,GAAG;AAAA,MACV,SAAS;AAAA,QACP;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF,EAAE,KAAK,GAAG;AAAA,MACV,OAAO;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF,EAAE,KAAK,GAAG;AAAA,IACZ;AAAA,IACA,MAAM;AAAA,MACJ,IAAI;AAAA,QACF;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF,EAAE,KAAK,GAAG;AAAA,MACV,IAAI;AAAA,QACF;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF,EAAE,KAAK,GAAG;AAAA,MACV,IAAI;AAAA,QACF;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF,EAAE,KAAK,GAAG;AAAA,IACZ;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf;AAAA,IACA;AAAA,EACF;AACF,CAAC;;;AF3FD,0BAAwB;;;AGRjB,IAAM,WAAW;AAAA,EACtB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;;;ACPA,kBAAsC;AACtC,4BAAwB;AAEjB,SAAS,MAAM,QAAsB;AAC1C,aAAO,mCAAQ,kBAAK,MAAM,CAAC;AAC7B;;;AJmDQ;AA7BR,IAAM,SAAe;AAAA,EACnB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GACA,QACG;AACH,UAAM,OAAO,UAAU,yBAAO;AAC9B,UAAM,aAAa,YAAY;AAE/B,UAAM,kBAAkB;AAAA,MACtB,eAAe,EAAE,SAAS,KAAK,CAAC;AAAA,MAChC,WAAW;AAAA,MACX,yCAA4C;AAAA,MAC5C;AAAA,IACF;AAEA,QAAI,SAAS;AACX,aACE;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,MAAM,UAAU,SAAY;AAAA,UAC5B,WAAW;AAAA,UACX;AAAA,UACA,UAAU;AAAA,UACV,aAAW;AAAA,UACV,GAAG;AAAA,UAEH;AAAA;AAAA,MACH;AAAA,IAEJ;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,WAAW;AAAA,QACX;AAAA,QACA,UAAU;AAAA,QACV,aAAW;AAAA,QACV,GAAG;AAAA,QAEH;AAAA,qBACC;AAAA,YAAC;AAAA;AAAA,cACC,WAAU;AAAA,cACV,MAAM,SAAS;AAAA,cACf,OAAM;AAAA;AAAA,UACR;AAAA,UAED;AAAA;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,OAAO,cAAc;","names":["ButtonVariant","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"],"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"]}