@vite-mf-monorepo/ui 0.4.7 → 0.4.8

package/dist/Avatar/Avatar.js

@@ -1,62 +1,2 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import clsx from "clsx";
-import { useState } from "react";
-import { Icon } from "../Icon";
-const sizeMap = {
-  xs: { container: "ui:h-6 ui:w-6", icon: 12, text: "ui:text-xs" },
-  sm: { container: "ui:h-8 ui:w-8", icon: 16, text: "ui:text-sm" },
-  md: { container: "ui:h-10 ui:w-10", icon: 20, text: "ui:text-base" },
-  lg: { container: "ui:h-12 ui:w-12", icon: 24, text: "ui:text-lg" },
-  xl: { container: "ui:h-16 ui:w-16", icon: 32, text: "ui:text-xl" },
-  "2xl": { container: "ui:h-24 ui:w-24", icon: 48, text: "ui:text-2xl" },
-  "3xl": { container: "ui:h-32 ui:w-32", icon: 64, text: "ui:text-3xl" }
-};
-function Avatar({
-  className,
-  src,
-  alt,
-  size = "md",
-  initials,
-  testId,
-  ...rest
-}) {
-  const [hasError, setHasError] = useState(false);
-  const { container, icon, text } = sizeMap[size];
-  const showImage = src && !hasError;
-  const showInitials = !showImage && initials;
-  const showFallback = !showImage && !initials;
-  const handleError = () => {
-    setHasError(true);
-  };
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: clsx(
-        "ui:relative ui:inline-flex ui:items-center ui:justify-center ui:overflow-hidden ui:rounded-full",
-        "ui:bg-muted ui:text-muted-foreground",
-        container,
-        className
-      ),
-      children: [
-        showImage && /* @__PURE__ */ jsx(
-          "img",
-          {
-            src,
-            alt,
-            onError: handleError,
-            className: "ui:h-full ui:w-full ui:object-cover",
-            "data-testid": testId,
-            ...rest
-          }
-        ),
-        showInitials && /* @__PURE__ */ jsx("span", { className: clsx("ui:font-medium ui:uppercase", text), children: initials.slice(0, 2) }),
-        showFallback && /* @__PURE__ */ jsx(Icon, { name: "User", size: icon })
-      ]
-    }
-  );
-}
-var Avatar_default = Avatar;
-export {
-  Avatar_default as default
-};
+import{jsx as i,jsxs as b}from"react/jsx-runtime";import r from"clsx";import{useState as w}from"react";import{Icon as v}from"../Icon";const z={xs:{container:"ui:h-6 ui:w-6",icon:12,text:"ui:text-xs"},sm:{container:"ui:h-8 ui:w-8",icon:16,text:"ui:text-sm"},md:{container:"ui:h-10 ui:w-10",icon:20,text:"ui:text-base"},lg:{container:"ui:h-12 ui:w-12",icon:24,text:"ui:text-lg"},xl:{container:"ui:h-16 ui:w-16",icon:32,text:"ui:text-xl"},"2xl":{container:"ui:h-24 ui:w-24",icon:48,text:"ui:text-2xl"},"3xl":{container:"ui:h-32 ui:w-32",icon:64,text:"ui:text-3xl"}};function A({className:o,src:n,alt:s,size:a="md",initials:t,testId:u,...c}){const[l,x]=w(!1),{container:m,icon:d,text:p}=z[a],e=n&&!l,f=!e&&t,g=!e&&!t,h=()=>{x(!0)};return b("div",{className:r("ui:relative ui:inline-flex ui:items-center ui:justify-center ui:overflow-hidden ui:rounded-full","ui:bg-muted ui:text-muted-foreground",m,o),children:[e&&i("img",{src:n,alt:s,onError:h,className:"ui:h-full ui:w-full ui:object-cover","data-testid":u,...c}),f&&i("span",{className:r("ui:font-medium ui:uppercase",p),children:t.slice(0,2)}),g&&i(v,{name:"User",size:d})]})}var P=A;export{P as default};
 //# sourceMappingURL=Avatar.js.map

package/dist/Avatar/Avatar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Avatar/Avatar.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport { useState } from 'react'\n\nimport { Icon } from '../Icon'\n\nimport type { ComponentProps } from 'react'\n\nexport type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl'\n\nexport interface AvatarProps extends Omit<ComponentProps<'img'>, 'src'> {\n  /** Image source URL */\n  src?: string | null\n  /** Alt text for the image */\n  alt: string\n  /** Size of the avatar */\n  size?: AvatarSize\n  /** Fallback initials to display when no image */\n  initials?: string\n  /** For testing purposes */\n  testId?: string\n}\n\nconst sizeMap: Record<\n  AvatarSize,\n  { container: string; icon: number; text: string }\n> = {\n  xs: { container: 'ui:h-6 ui:w-6', icon: 12, text: 'ui:text-xs' },\n  sm: { container: 'ui:h-8 ui:w-8', icon: 16, text: 'ui:text-sm' },\n  md: { container: 'ui:h-10 ui:w-10', icon: 20, text: 'ui:text-base' },\n  lg: { container: 'ui:h-12 ui:w-12', icon: 24, text: 'ui:text-lg' },\n  xl: { container: 'ui:h-16 ui:w-16', icon: 32, text: 'ui:text-xl' },\n  '2xl': { container: 'ui:h-24 ui:w-24', icon: 48, text: 'ui:text-2xl' },\n  '3xl': { container: 'ui:h-32 ui:w-32', icon: 64, text: 'ui:text-3xl' },\n}\n\nfunction Avatar({\n  className,\n  src,\n  alt,\n  size = 'md',\n  initials,\n  testId,\n  ...rest\n}: Readonly<AvatarProps>) {\n  const [hasError, setHasError] = useState(false)\n  const { container, icon, text } = sizeMap[size]\n\n  const showImage = src && !hasError\n  const showInitials = !showImage && initials\n  const showFallback = !showImage && !initials\n\n  const handleError = () => {\n    setHasError(true)\n  }\n\n  return (\n    <div\n      className={clsx(\n        'ui:relative ui:inline-flex ui:items-center ui:justify-center ui:overflow-hidden ui:rounded-full',\n        'ui:bg-muted ui:text-muted-foreground',\n        container,\n        className\n      )}\n    >\n      {showImage && (\n        <img\n          src={src}\n          alt={alt}\n          onError={handleError}\n          className=\"ui:h-full ui:w-full ui:object-cover\"\n          data-testid={testId}\n          {...rest}\n        />\n      )}\n      {showInitials && (\n        <span className={clsx('ui:font-medium ui:uppercase', text)}>\n          {initials.slice(0, 2)}\n        </span>\n      )}\n      {showFallback && (\n        <Icon name=\"User\" size={icon as 16 | 20 | 24 | 32 | 48 | 64} />\n      )}\n    </div>\n  )\n}\n\nexport default Avatar\n"],"mappings":"AAwDI,SASI,KATJ;AAxDJ,OAAO,UAAU;AACjB,SAAS,gBAAgB;AAEzB,SAAS,YAAY;AAmBrB,MAAM,UAGF;AAAA,EACF,IAAI,EAAE,WAAW,iBAAiB,MAAM,IAAI,MAAM,aAAa;AAAA,EAC/D,IAAI,EAAE,WAAW,iBAAiB,MAAM,IAAI,MAAM,aAAa;AAAA,EAC/D,IAAI,EAAE,WAAW,mBAAmB,MAAM,IAAI,MAAM,eAAe;AAAA,EACnE,IAAI,EAAE,WAAW,mBAAmB,MAAM,IAAI,MAAM,aAAa;AAAA,EACjE,IAAI,EAAE,WAAW,mBAAmB,MAAM,IAAI,MAAM,aAAa;AAAA,EACjE,OAAO,EAAE,WAAW,mBAAmB,MAAM,IAAI,MAAM,cAAc;AAAA,EACrE,OAAO,EAAE,WAAW,mBAAmB,MAAM,IAAI,MAAM,cAAc;AACvE;AAEA,SAAS,OAAO;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA0B;AACxB,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAC9C,QAAM,EAAE,WAAW,MAAM,KAAK,IAAI,QAAQ,IAAI;AAE9C,QAAM,YAAY,OAAO,CAAC;AAC1B,QAAM,eAAe,CAAC,aAAa;AACnC,QAAM,eAAe,CAAC,aAAa,CAAC;AAEpC,QAAM,cAAc,MAAM;AACxB,gBAAY,IAAI;AAAA,EAClB;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MAEC;AAAA,qBACC;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA,SAAS;AAAA,YACT,WAAU;AAAA,YACV,eAAa;AAAA,YACZ,GAAG;AAAA;AAAA,QACN;AAAA,QAED,gBACC,oBAAC,UAAK,WAAW,KAAK,+BAA+B,IAAI,GACtD,mBAAS,MAAM,GAAG,CAAC,GACtB;AAAA,QAED,gBACC,oBAAC,QAAK,MAAK,QAAO,MAAM,MAAqC;AAAA;AAAA;AAAA,EAEjE;AAEJ;AAEA,IAAO,iBAAQ;","names":[]}
+{"version":3,"sources":["../../src/Avatar/Avatar.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport { useState } from 'react'\n\nimport { Icon } from '../Icon'\n\nimport type { ComponentProps } from 'react'\n\nexport type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl'\n\nexport interface AvatarProps extends Omit<ComponentProps<'img'>, 'src'> {\n  /** Image source URL */\n  src?: string | null\n  /** Alt text for the image */\n  alt: string\n  /** Size of the avatar */\n  size?: AvatarSize\n  /** Fallback initials to display when no image */\n  initials?: string\n  /** For testing purposes */\n  testId?: string\n}\n\nconst sizeMap: Record<\n  AvatarSize,\n  { container: string; icon: number; text: string }\n> = {\n  xs: { container: 'ui:h-6 ui:w-6', icon: 12, text: 'ui:text-xs' },\n  sm: { container: 'ui:h-8 ui:w-8', icon: 16, text: 'ui:text-sm' },\n  md: { container: 'ui:h-10 ui:w-10', icon: 20, text: 'ui:text-base' },\n  lg: { container: 'ui:h-12 ui:w-12', icon: 24, text: 'ui:text-lg' },\n  xl: { container: 'ui:h-16 ui:w-16', icon: 32, text: 'ui:text-xl' },\n  '2xl': { container: 'ui:h-24 ui:w-24', icon: 48, text: 'ui:text-2xl' },\n  '3xl': { container: 'ui:h-32 ui:w-32', icon: 64, text: 'ui:text-3xl' },\n}\n\nfunction Avatar({\n  className,\n  src,\n  alt,\n  size = 'md',\n  initials,\n  testId,\n  ...rest\n}: Readonly<AvatarProps>) {\n  const [hasError, setHasError] = useState(false)\n  const { container, icon, text } = sizeMap[size]\n\n  const showImage = src && !hasError\n  const showInitials = !showImage && initials\n  const showFallback = !showImage && !initials\n\n  const handleError = () => {\n    setHasError(true)\n  }\n\n  return (\n    <div\n      className={clsx(\n        'ui:relative ui:inline-flex ui:items-center ui:justify-center ui:overflow-hidden ui:rounded-full',\n        'ui:bg-muted ui:text-muted-foreground',\n        container,\n        className\n      )}\n    >\n      {showImage && (\n        <img\n          src={src}\n          alt={alt}\n          onError={handleError}\n          className=\"ui:h-full ui:w-full ui:object-cover\"\n          data-testid={testId}\n          {...rest}\n        />\n      )}\n      {showInitials && (\n        <span className={clsx('ui:font-medium ui:uppercase', text)}>\n          {initials.slice(0, 2)}\n        </span>\n      )}\n      {showFallback && (\n        <Icon name=\"User\" size={icon as 16 | 20 | 24 | 32 | 48 | 64} />\n      )}\n    </div>\n  )\n}\n\nexport default Avatar\n"],"mappings":"AAwDI,OASI,OAAAA,EATJ,QAAAC,MAAA,oBAxDJ,OAAOC,MAAU,OACjB,OAAS,YAAAC,MAAgB,QAEzB,OAAS,QAAAC,MAAY,UAmBrB,MAAMC,EAGF,CACF,GAAI,CAAE,UAAW,gBAAiB,KAAM,GAAI,KAAM,YAAa,EAC/D,GAAI,CAAE,UAAW,gBAAiB,KAAM,GAAI,KAAM,YAAa,EAC/D,GAAI,CAAE,UAAW,kBAAmB,KAAM,GAAI,KAAM,cAAe,EACnE,GAAI,CAAE,UAAW,kBAAmB,KAAM,GAAI,KAAM,YAAa,EACjE,GAAI,CAAE,UAAW,kBAAmB,KAAM,GAAI,KAAM,YAAa,EACjE,MAAO,CAAE,UAAW,kBAAmB,KAAM,GAAI,KAAM,aAAc,EACrE,MAAO,CAAE,UAAW,kBAAmB,KAAM,GAAI,KAAM,aAAc,CACvE,EAEA,SAASC,EAAO,CACd,UAAAC,EACA,IAAAC,EACA,IAAAC,EACA,KAAAC,EAAO,KACP,SAAAC,EACA,OAAAC,EACA,GAAGC,CACL,EAA0B,CACxB,KAAM,CAACC,EAAUC,CAAW,EAAIZ,EAAS,EAAK,EACxC,CAAE,UAAAa,EAAW,KAAAC,EAAM,KAAAC,CAAK,EAAIb,EAAQK,CAAI,EAExCS,EAAYX,GAAO,CAACM,EACpBM,EAAe,CAACD,GAAaR,EAC7BU,EAAe,CAACF,GAAa,CAACR,EAE9BW,EAAc,IAAM,CACxBP,EAAY,EAAI,CAClB,EAEA,OACEd,EAAC,OACC,UAAWC,EACT,kGACA,uCACAc,EACAT,CACF,EAEC,UAAAY,GACCnB,EAAC,OACC,IAAKQ,EACL,IAAKC,EACL,QAASa,EACT,UAAU,sCACV,cAAaV,EACZ,GAAGC,EACN,EAEDO,GACCpB,EAAC,QAAK,UAAWE,EAAK,8BAA+BgB,CAAI,EACtD,SAAAP,EAAS,MAAM,EAAG,CAAC,EACtB,EAEDU,GACCrB,EAACI,EAAA,CAAK,KAAK,OAAO,KAAMa,EAAqC,GAEjE,CAEJ,CAEA,IAAOM,EAAQjB","names":["jsx","jsxs","clsx","useState","Icon","sizeMap","Avatar","className","src","alt","size","initials","testId","rest","hasError","setHasError","container","icon","text","showImage","showInitials","showFallback","handleError","Avatar_default"]}

package/dist/Avatar/index.js

@@ -1,5 +1,2 @@
-import { default as default2 } from "./Avatar";
-export {
-  default2 as Avatar
-};
+import{default as t}from"./Avatar";export{t as Avatar};
 //# sourceMappingURL=index.js.map

package/dist/Avatar/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Avatar/index.ts"],"sourcesContent":["export { default as Avatar } from './Avatar'\nexport type { AvatarProps, AvatarSize } from './Avatar'\n"],"mappings":"AAAA,SAAoB,WAAXA,gBAAyB;","names":["default"]}
+{"version":3,"sources":["../../src/Avatar/index.ts"],"sourcesContent":["export { default as Avatar } from './Avatar'\nexport type { AvatarProps, AvatarSize } from './Avatar'\n"],"mappings":"AAAA,OAAoB,WAAXA,MAAyB","names":["default"]}

package/dist/Badge/Badge.js

@@ -1,48 +1,2 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import clsx from "clsx";
-import { Icon } from "../Icon";
-const sizeMap = {
-  sm: { padding: "ui:px-2 ui:py-0.5", text: "ui:text-xs", iconSize: 16 },
-  md: { padding: "ui:px-2.5 ui:py-0.5", text: "ui:text-sm", iconSize: 16 },
-  lg: { padding: "ui:px-3 ui:py-1", text: "ui:text-sm", iconSize: 16 }
-};
-function Badge({
-  children,
-  variant = "default",
-  size = "md",
-  icon,
-  textClassName,
-  className
-}) {
-  const { padding, text, iconSize } = sizeMap[size];
-  return /* @__PURE__ */ jsxs(
-    "span",
-    {
-      className: clsx(
-        "ui:inline-flex ui:items-center ui:gap-1 ui:rounded-full ui:font-medium",
-        padding,
-        text,
-        {
-          "ui:bg-primary": variant === "default",
-          "ui:text-primary-foreground": variant === "default" && !textClassName,
-          "ui:bg-secondary": variant === "secondary",
-          "ui:text-secondary-foreground": variant === "secondary" && !textClassName,
-          "ui:border ui:border-input ui:bg-transparent": variant === "outline",
-          "ui:bg-destructive": variant === "destructive",
-          "ui:text-destructive-foreground": variant === "destructive" && !textClassName
-        },
-        textClassName,
-        className
-      ),
-      children: [
-        icon && /* @__PURE__ */ jsx(Icon, { name: icon, size: iconSize }),
-        children
-      ]
-    }
-  );
-}
-var Badge_default = Badge;
-export {
-  Badge_default as default
-};
+import{jsx as m,jsxs as x}from"react/jsx-runtime";import a from"clsx";import{Icon as c}from"../Icon";const s={sm:{padding:"ui:px-2 ui:py-0.5",text:"ui:text-xs",iconSize:16},md:{padding:"ui:px-2.5 ui:py-0.5",text:"ui:text-sm",iconSize:16},lg:{padding:"ui:px-3 ui:py-1",text:"ui:text-sm",iconSize:16}};function g({children:d,variant:e="default",size:o="md",icon:t,textClassName:i,className:r}){const{padding:n,text:u,iconSize:p}=s[o];return x("span",{className:a("ui:inline-flex ui:items-center ui:gap-1 ui:rounded-full ui:font-medium",n,u,{"ui:bg-primary":e==="default","ui:text-primary-foreground":e==="default"&&!i,"ui:bg-secondary":e==="secondary","ui:text-secondary-foreground":e==="secondary"&&!i,"ui:border ui:border-input ui:bg-transparent":e==="outline","ui:bg-destructive":e==="destructive","ui:text-destructive-foreground":e==="destructive"&&!i},i,r),children:[t&&m(c,{name:t,size:p}),d]})}var y=g;export{y as default};
 //# sourceMappingURL=Badge.js.map

package/dist/Badge/Badge.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Badge/Badge.tsx"],"sourcesContent":["import clsx from 'clsx'\n\nimport { Icon } from '../Icon'\n\nimport type { IconName } from '../Icon'\nimport type { ReactNode } from 'react'\n\nexport type BadgeVariant = 'default' | 'secondary' | 'outline' | 'destructive'\nexport type BadgeSize = 'sm' | 'md' | 'lg'\n\nexport interface BadgeProps {\n  /** Badge content */\n  children: ReactNode\n  /** Visual variant */\n  variant?: BadgeVariant\n  /** Size */\n  size?: BadgeSize\n  /** Optional icon (left) */\n  icon?: IconName\n  /** Custom text color class (overrides variant color) */\n  textClassName?: string\n  /** Additional class name */\n  className?: string\n}\n\nconst sizeMap: Record<\n  BadgeSize,\n  { padding: string; text: string; iconSize: 16 }\n> = {\n  sm: { padding: 'ui:px-2 ui:py-0.5', text: 'ui:text-xs', iconSize: 16 },\n  md: { padding: 'ui:px-2.5 ui:py-0.5', text: 'ui:text-sm', iconSize: 16 },\n  lg: { padding: 'ui:px-3 ui:py-1', text: 'ui:text-sm', iconSize: 16 },\n}\n\nfunction Badge({\n  children,\n  variant = 'default',\n  size = 'md',\n  icon,\n  textClassName,\n  className,\n}: Readonly<BadgeProps>) {\n  const { padding, text, iconSize } = sizeMap[size]\n\n  return (\n    <span\n      className={clsx(\n        'ui:inline-flex ui:items-center ui:gap-1 ui:rounded-full ui:font-medium',\n        padding,\n        text,\n        {\n          'ui:bg-primary': variant === 'default',\n          'ui:text-primary-foreground': variant === 'default' && !textClassName,\n          'ui:bg-secondary': variant === 'secondary',\n          'ui:text-secondary-foreground':\n            variant === 'secondary' && !textClassName,\n          'ui:border ui:border-input ui:bg-transparent': variant === 'outline',\n          'ui:bg-destructive': variant === 'destructive',\n          'ui:text-destructive-foreground':\n            variant === 'destructive' && !textClassName,\n        },\n        textClassName,\n        className\n      )}\n    >\n      {icon && <Icon name={icon} size={iconSize} />}\n      {children}\n    </span>\n  )\n}\n\nexport default Badge\n"],"mappings":"AA6CI,SAoBW,KApBX;AA7CJ,OAAO,UAAU;AAEjB,SAAS,YAAY;AAuBrB,MAAM,UAGF;AAAA,EACF,IAAI,EAAE,SAAS,qBAAqB,MAAM,cAAc,UAAU,GAAG;AAAA,EACrE,IAAI,EAAE,SAAS,uBAAuB,MAAM,cAAc,UAAU,GAAG;AAAA,EACvE,IAAI,EAAE,SAAS,mBAAmB,MAAM,cAAc,UAAU,GAAG;AACrE;AAEA,SAAS,MAAM;AAAA,EACb;AAAA,EACA,UAAU;AAAA,EACV,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AACF,GAAyB;AACvB,QAAM,EAAE,SAAS,MAAM,SAAS,IAAI,QAAQ,IAAI;AAEhD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,UACE,iBAAiB,YAAY;AAAA,UAC7B,8BAA8B,YAAY,aAAa,CAAC;AAAA,UACxD,mBAAmB,YAAY;AAAA,UAC/B,gCACE,YAAY,eAAe,CAAC;AAAA,UAC9B,+CAA+C,YAAY;AAAA,UAC3D,qBAAqB,YAAY;AAAA,UACjC,kCACE,YAAY,iBAAiB,CAAC;AAAA,QAClC;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MAEC;AAAA,gBAAQ,oBAAC,QAAK,MAAM,MAAM,MAAM,UAAU;AAAA,QAC1C;AAAA;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,gBAAQ;","names":[]}
+{"version":3,"sources":["../../src/Badge/Badge.tsx"],"sourcesContent":["import clsx from 'clsx'\n\nimport { Icon } from '../Icon'\n\nimport type { IconName } from '../Icon'\nimport type { ReactNode } from 'react'\n\nexport type BadgeVariant = 'default' | 'secondary' | 'outline' | 'destructive'\nexport type BadgeSize = 'sm' | 'md' | 'lg'\n\nexport interface BadgeProps {\n  /** Badge content */\n  children: ReactNode\n  /** Visual variant */\n  variant?: BadgeVariant\n  /** Size */\n  size?: BadgeSize\n  /** Optional icon (left) */\n  icon?: IconName\n  /** Custom text color class (overrides variant color) */\n  textClassName?: string\n  /** Additional class name */\n  className?: string\n}\n\nconst sizeMap: Record<\n  BadgeSize,\n  { padding: string; text: string; iconSize: 16 }\n> = {\n  sm: { padding: 'ui:px-2 ui:py-0.5', text: 'ui:text-xs', iconSize: 16 },\n  md: { padding: 'ui:px-2.5 ui:py-0.5', text: 'ui:text-sm', iconSize: 16 },\n  lg: { padding: 'ui:px-3 ui:py-1', text: 'ui:text-sm', iconSize: 16 },\n}\n\nfunction Badge({\n  children,\n  variant = 'default',\n  size = 'md',\n  icon,\n  textClassName,\n  className,\n}: Readonly<BadgeProps>) {\n  const { padding, text, iconSize } = sizeMap[size]\n\n  return (\n    <span\n      className={clsx(\n        'ui:inline-flex ui:items-center ui:gap-1 ui:rounded-full ui:font-medium',\n        padding,\n        text,\n        {\n          'ui:bg-primary': variant === 'default',\n          'ui:text-primary-foreground': variant === 'default' && !textClassName,\n          'ui:bg-secondary': variant === 'secondary',\n          'ui:text-secondary-foreground':\n            variant === 'secondary' && !textClassName,\n          'ui:border ui:border-input ui:bg-transparent': variant === 'outline',\n          'ui:bg-destructive': variant === 'destructive',\n          'ui:text-destructive-foreground':\n            variant === 'destructive' && !textClassName,\n        },\n        textClassName,\n        className\n      )}\n    >\n      {icon && <Icon name={icon} size={iconSize} />}\n      {children}\n    </span>\n  )\n}\n\nexport default Badge\n"],"mappings":"AA6CI,OAoBW,OAAAA,EApBX,QAAAC,MAAA,oBA7CJ,OAAOC,MAAU,OAEjB,OAAS,QAAAC,MAAY,UAuBrB,MAAMC,EAGF,CACF,GAAI,CAAE,QAAS,oBAAqB,KAAM,aAAc,SAAU,EAAG,EACrE,GAAI,CAAE,QAAS,sBAAuB,KAAM,aAAc,SAAU,EAAG,EACvE,GAAI,CAAE,QAAS,kBAAmB,KAAM,aAAc,SAAU,EAAG,CACrE,EAEA,SAASC,EAAM,CACb,SAAAC,EACA,QAAAC,EAAU,UACV,KAAAC,EAAO,KACP,KAAAC,EACA,cAAAC,EACA,UAAAC,CACF,EAAyB,CACvB,KAAM,CAAE,QAAAC,EAAS,KAAAC,EAAM,SAAAC,CAAS,EAAIV,EAAQI,CAAI,EAEhD,OACEP,EAAC,QACC,UAAWC,EACT,yEACAU,EACAC,EACA,CACE,gBAAiBN,IAAY,UAC7B,6BAA8BA,IAAY,WAAa,CAACG,EACxD,kBAAmBH,IAAY,YAC/B,+BACEA,IAAY,aAAe,CAACG,EAC9B,8CAA+CH,IAAY,UAC3D,oBAAqBA,IAAY,cACjC,iCACEA,IAAY,eAAiB,CAACG,CAClC,EACAA,EACAC,CACF,EAEC,UAAAF,GAAQT,EAACG,EAAA,CAAK,KAAMM,EAAM,KAAMK,EAAU,EAC1CR,GACH,CAEJ,CAEA,IAAOS,EAAQV","names":["jsx","jsxs","clsx","Icon","sizeMap","Badge","children","variant","size","icon","textClassName","className","padding","text","iconSize","Badge_default"]}

package/dist/Badge/index.js

@@ -1,5 +1,2 @@
-import { default as default2 } from "./Badge";
-export {
-  default2 as Badge
-};
+import{default as d}from"./Badge";export{d as Badge};
 //# sourceMappingURL=index.js.map

package/dist/Badge/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Badge/index.ts"],"sourcesContent":["export { default as Badge } from './Badge'\nexport type { BadgeProps, BadgeSize, BadgeVariant } from './Badge'\n"],"mappings":"AAAA,SAAoB,WAAXA,gBAAwB;","names":["default"]}
+{"version":3,"sources":["../../src/Badge/index.ts"],"sourcesContent":["export { default as Badge } from './Badge'\nexport type { BadgeProps, BadgeSize, BadgeVariant } from './Badge'\n"],"mappings":"AAAA,OAAoB,WAAXA,MAAwB","names":["default"]}

package/dist/Button/Button.utils.js

@@ -1,44 +1,2 @@
-import clsx from "clsx";
-const iconSizeMap = {
-  sm: 16,
-  md: 20,
-  lg: 24
-};
-function getButtonClasses({
-  variant = "primary",
-  size = "md",
-  iconPosition = "left",
-  className
-}) {
-  return clsx(
-    "ui:inline-flex ui:items-center ui:justify-center ui:cursor-pointer ui:gap-2 ui:font-roboto ui:font-medium ui:transition-colors",
-    "ui:rounded ui:border ui:border-transparent",
-    "ui:focus:outline-none ui:focus:ring-2 ui:focus:ring-ring ui:focus:ring-offset-2",
-    {
-      "ui:flex-row": iconPosition === "left",
-      "ui:flex-row-reverse": iconPosition === "right"
-    },
-    {
-      "ui:bg-primary ui:text-primary-foreground ui:hover:bg-primary/90": variant === "primary",
-      "ui:bg-secondary ui:text-secondary-foreground ui:hover:bg-secondary/80": variant === "secondary",
-      "ui:bg-destructive ui:text-destructive-foreground ui:hover:bg-destructive/90": variant === "destructive",
-      "ui:border-input ui:bg-background ui:hover:bg-accent ui:hover:text-accent-foreground": variant === "outline",
-      "ui:hover:bg-accent ui:hover:text-accent-foreground": variant === "ghost"
-    },
-    {
-      "ui:h-8 ui:px-3 ui:text-sm": size === "sm",
-      "ui:h-10 ui:px-4 ui:text-base": size === "md",
-      "ui:h-12 ui:px-6 ui:text-lg": size === "lg"
-    },
-    className
-  );
-}
-function getButtonDisabledClasses(classes) {
-  return clsx(classes, "ui:disabled:pointer-events-none ui:disabled:opacity-50");
-}
-export {
-  getButtonClasses,
-  getButtonDisabledClasses,
-  iconSizeMap
-};
+import r from"clsx";const n={sm:16,md:20,lg:24};function s({variant:e="primary",size:t="md",iconPosition:i="left",className:o}){return r("ui:inline-flex ui:items-center ui:justify-center ui:cursor-pointer ui:gap-2 ui:font-roboto ui:font-medium ui:transition-colors","ui:rounded ui:border ui:border-transparent","ui:focus:outline-none ui:focus:ring-2 ui:focus:ring-ring ui:focus:ring-offset-2",{"ui:flex-row":i==="left","ui:flex-row-reverse":i==="right"},{"ui:bg-primary ui:text-primary-foreground ui:hover:bg-primary/90":e==="primary","ui:bg-secondary ui:text-secondary-foreground ui:hover:bg-secondary/80":e==="secondary","ui:bg-destructive ui:text-destructive-foreground ui:hover:bg-destructive/90":e==="destructive","ui:border-input ui:bg-background ui:hover:bg-accent ui:hover:text-accent-foreground":e==="outline","ui:hover:bg-accent ui:hover:text-accent-foreground":e==="ghost"},{"ui:h-8 ui:px-3 ui:text-sm":t==="sm","ui:h-10 ui:px-4 ui:text-base":t==="md","ui:h-12 ui:px-6 ui:text-lg":t==="lg"},o)}function c(e){return r(e,"ui:disabled:pointer-events-none ui:disabled:opacity-50")}export{s as getButtonClasses,c as getButtonDisabledClasses,n as iconSizeMap};
 //# sourceMappingURL=Button.utils.js.map

package/dist/Button/Button.utils.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Button/Button.utils.ts"],"sourcesContent":["import clsx from 'clsx'\n\nimport type { IconName } from '../Icon'\nimport type { ReactNode } from 'react'\n\nexport type ButtonVariant =\n  | 'primary'\n  | 'secondary'\n  | 'destructive'\n  | 'outline'\n  | 'ghost'\nexport type ButtonSize = 'sm' | 'md' | 'lg'\n\nexport const iconSizeMap = {\n  sm: 16,\n  md: 20,\n  lg: 24,\n} as const\n\nexport interface ButtonVisualInput {\n  variant?: ButtonVariant\n  size?: ButtonSize\n  icon?: IconName\n  iconPosition?: 'left' | 'right'\n  className?: string\n  children?: ReactNode\n}\n\nexport function getButtonClasses({\n  variant = 'primary',\n  size = 'md',\n  iconPosition = 'left',\n  className,\n}: ButtonVisualInput) {\n  return clsx(\n    'ui:inline-flex ui:items-center ui:justify-center ui:cursor-pointer ui:gap-2 ui:font-roboto ui:font-medium ui:transition-colors',\n    'ui:rounded ui:border ui:border-transparent',\n    'ui:focus:outline-none ui:focus:ring-2 ui:focus:ring-ring ui:focus:ring-offset-2',\n    {\n      'ui:flex-row': iconPosition === 'left',\n      'ui:flex-row-reverse': iconPosition === 'right',\n    },\n    {\n      'ui:bg-primary ui:text-primary-foreground ui:hover:bg-primary/90':\n        variant === 'primary',\n      'ui:bg-secondary ui:text-secondary-foreground ui:hover:bg-secondary/80':\n        variant === 'secondary',\n      'ui:bg-destructive ui:text-destructive-foreground ui:hover:bg-destructive/90':\n        variant === 'destructive',\n      'ui:border-input ui:bg-background ui:hover:bg-accent ui:hover:text-accent-foreground':\n        variant === 'outline',\n      'ui:hover:bg-accent ui:hover:text-accent-foreground': variant === 'ghost',\n    },\n    {\n      'ui:h-8 ui:px-3 ui:text-sm': size === 'sm',\n      'ui:h-10 ui:px-4 ui:text-base': size === 'md',\n      'ui:h-12 ui:px-6 ui:text-lg': size === 'lg',\n    },\n    className\n  )\n}\n\nexport function getButtonDisabledClasses(classes: string) {\n  return clsx(classes, 'ui:disabled:pointer-events-none ui:disabled:opacity-50')\n}\n"],"mappings":"AAAA,OAAO,UAAU;AAaV,MAAM,cAAc;AAAA,EACzB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAWO,SAAS,iBAAiB;AAAA,EAC/B,UAAU;AAAA,EACV,OAAO;AAAA,EACP,eAAe;AAAA,EACf;AACF,GAAsB;AACpB,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,eAAe,iBAAiB;AAAA,MAChC,uBAAuB,iBAAiB;AAAA,IAC1C;AAAA,IACA;AAAA,MACE,mEACE,YAAY;AAAA,MACd,yEACE,YAAY;AAAA,MACd,+EACE,YAAY;AAAA,MACd,uFACE,YAAY;AAAA,MACd,sDAAsD,YAAY;AAAA,IACpE;AAAA,IACA;AAAA,MACE,6BAA6B,SAAS;AAAA,MACtC,gCAAgC,SAAS;AAAA,MACzC,8BAA8B,SAAS;AAAA,IACzC;AAAA,IACA;AAAA,EACF;AACF;AAEO,SAAS,yBAAyB,SAAiB;AACxD,SAAO,KAAK,SAAS,wDAAwD;AAC/E;","names":[]}
+{"version":3,"sources":["../../src/Button/Button.utils.ts"],"sourcesContent":["import clsx from 'clsx'\n\nimport type { IconName } from '../Icon'\nimport type { ReactNode } from 'react'\n\nexport type ButtonVariant =\n  | 'primary'\n  | 'secondary'\n  | 'destructive'\n  | 'outline'\n  | 'ghost'\nexport type ButtonSize = 'sm' | 'md' | 'lg'\n\nexport const iconSizeMap = {\n  sm: 16,\n  md: 20,\n  lg: 24,\n} as const\n\nexport interface ButtonVisualInput {\n  variant?: ButtonVariant\n  size?: ButtonSize\n  icon?: IconName\n  iconPosition?: 'left' | 'right'\n  className?: string\n  children?: ReactNode\n}\n\nexport function getButtonClasses({\n  variant = 'primary',\n  size = 'md',\n  iconPosition = 'left',\n  className,\n}: ButtonVisualInput) {\n  return clsx(\n    'ui:inline-flex ui:items-center ui:justify-center ui:cursor-pointer ui:gap-2 ui:font-roboto ui:font-medium ui:transition-colors',\n    'ui:rounded ui:border ui:border-transparent',\n    'ui:focus:outline-none ui:focus:ring-2 ui:focus:ring-ring ui:focus:ring-offset-2',\n    {\n      'ui:flex-row': iconPosition === 'left',\n      'ui:flex-row-reverse': iconPosition === 'right',\n    },\n    {\n      'ui:bg-primary ui:text-primary-foreground ui:hover:bg-primary/90':\n        variant === 'primary',\n      'ui:bg-secondary ui:text-secondary-foreground ui:hover:bg-secondary/80':\n        variant === 'secondary',\n      'ui:bg-destructive ui:text-destructive-foreground ui:hover:bg-destructive/90':\n        variant === 'destructive',\n      'ui:border-input ui:bg-background ui:hover:bg-accent ui:hover:text-accent-foreground':\n        variant === 'outline',\n      'ui:hover:bg-accent ui:hover:text-accent-foreground': variant === 'ghost',\n    },\n    {\n      'ui:h-8 ui:px-3 ui:text-sm': size === 'sm',\n      'ui:h-10 ui:px-4 ui:text-base': size === 'md',\n      'ui:h-12 ui:px-6 ui:text-lg': size === 'lg',\n    },\n    className\n  )\n}\n\nexport function getButtonDisabledClasses(classes: string) {\n  return clsx(classes, 'ui:disabled:pointer-events-none ui:disabled:opacity-50')\n}\n"],"mappings":"AAAA,OAAOA,MAAU,OAaV,MAAMC,EAAc,CACzB,GAAI,GACJ,GAAI,GACJ,GAAI,EACN,EAWO,SAASC,EAAiB,CAC/B,QAAAC,EAAU,UACV,KAAAC,EAAO,KACP,aAAAC,EAAe,OACf,UAAAC,CACF,EAAsB,CACpB,OAAON,EACL,iIACA,6CACA,kFACA,CACE,cAAeK,IAAiB,OAChC,sBAAuBA,IAAiB,OAC1C,EACA,CACE,kEACEF,IAAY,UACd,wEACEA,IAAY,YACd,8EACEA,IAAY,cACd,sFACEA,IAAY,UACd,qDAAsDA,IAAY,OACpE,EACA,CACE,4BAA6BC,IAAS,KACtC,+BAAgCA,IAAS,KACzC,6BAA8BA,IAAS,IACzC,EACAE,CACF,CACF,CAEO,SAASC,EAAyBC,EAAiB,CACxD,OAAOR,EAAKQ,EAAS,wDAAwD,CAC/E","names":["clsx","iconSizeMap","getButtonClasses","variant","size","iconPosition","className","getButtonDisabledClasses","classes"]}

package/dist/Button/index.js

@@ -1,5 +1,2 @@
-import { Button } from "../react-router/Button";
-export {
-  Button
-};
+import{Button as r}from"../react-router/Button";export{r as Button};
 //# sourceMappingURL=index.js.map

package/dist/Button/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Button/index.ts"],"sourcesContent":["export { Button } from '../react-router/Button'\nexport type {\n  ButtonProps,\n  ButtonAsButton,\n  ButtonAsLink,\n} from '../react-router/Button'\n"],"mappings":"AAAA,SAAS,cAAc;","names":[]}
+{"version":3,"sources":["../../src/Button/index.ts"],"sourcesContent":["export { Button } from '../react-router/Button'\nexport type {\n  ButtonProps,\n  ButtonAsButton,\n  ButtonAsLink,\n} from '../react-router/Button'\n"],"mappings":"AAAA,OAAS,UAAAA,MAAc","names":["Button"]}

package/dist/Card/Card.js

@@ -1,21 +1,2 @@
-import { jsx } from "react/jsx-runtime";
-import clsx from "clsx";
-const variantStyles = {
-  default: "ui:rounded-md ui:p-4 ui:bg-card ui:text-card-foreground ui:shadow-md",
-  outline: "ui:rounded-md ui:p-4 ui:border ui:border-border ui:bg-transparent",
-  elevated: "ui:rounded-lg ui:p-6 ui:bg-card ui:text-card-foreground ui:shadow-lg",
-  ghost: "ui:rounded-md"
-};
-function Card({
-  className,
-  variant = "default",
-  children,
-  ...rest
-}) {
-  return /* @__PURE__ */ jsx("div", { className: clsx(variantStyles[variant], className), ...rest, children });
-}
-var Card_default = Card;
-export {
-  Card_default as default
-};
+import{jsx as o}from"react/jsx-runtime";import a from"clsx";const i={default:"ui:rounded-md ui:p-4 ui:bg-card ui:text-card-foreground ui:shadow-md",outline:"ui:rounded-md ui:p-4 ui:border ui:border-border ui:bg-transparent",elevated:"ui:rounded-lg ui:p-6 ui:bg-card ui:text-card-foreground ui:shadow-lg",ghost:"ui:rounded-md"};function u({className:r,variant:e="default",children:t,...d}){return o("div",{className:a(i[e],r),...d,children:t})}var l=u;export{l as default};
 //# sourceMappingURL=Card.js.map

package/dist/Card/Card.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Card/Card.tsx"],"sourcesContent":["import clsx from 'clsx'\n\nimport type { HTMLAttributes } from 'react'\n\nexport type CardVariant = 'default' | 'outline' | 'elevated' | 'ghost'\n\nexport interface CardProps extends HTMLAttributes<HTMLDivElement> {\n  /** Visual variant of the card */\n  variant?: CardVariant\n}\n\nconst variantStyles: Record<CardVariant, string> = {\n  default:\n    'ui:rounded-md ui:p-4 ui:bg-card ui:text-card-foreground ui:shadow-md',\n  outline: 'ui:rounded-md ui:p-4 ui:border ui:border-border ui:bg-transparent',\n  elevated:\n    'ui:rounded-lg ui:p-6 ui:bg-card ui:text-card-foreground ui:shadow-lg',\n  ghost: 'ui:rounded-md',\n}\n\nfunction Card({\n  className,\n  variant = 'default',\n  children,\n  ...rest\n}: Readonly<CardProps>) {\n  return (\n    <div className={clsx(variantStyles[variant], className)} {...rest}>\n      {children}\n    </div>\n  )\n}\n\nexport default Card\n"],"mappings":"AA2BI;AA3BJ,OAAO,UAAU;AAWjB,MAAM,gBAA6C;AAAA,EACjD,SACE;AAAA,EACF,SAAS;AAAA,EACT,UACE;AAAA,EACF,OAAO;AACT;AAEA,SAAS,KAAK;AAAA,EACZ;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA,GAAG;AACL,GAAwB;AACtB,SACE,oBAAC,SAAI,WAAW,KAAK,cAAc,OAAO,GAAG,SAAS,GAAI,GAAG,MAC1D,UACH;AAEJ;AAEA,IAAO,eAAQ;","names":[]}
+{"version":3,"sources":["../../src/Card/Card.tsx"],"sourcesContent":["import clsx from 'clsx'\n\nimport type { HTMLAttributes } from 'react'\n\nexport type CardVariant = 'default' | 'outline' | 'elevated' | 'ghost'\n\nexport interface CardProps extends HTMLAttributes<HTMLDivElement> {\n  /** Visual variant of the card */\n  variant?: CardVariant\n}\n\nconst variantStyles: Record<CardVariant, string> = {\n  default:\n    'ui:rounded-md ui:p-4 ui:bg-card ui:text-card-foreground ui:shadow-md',\n  outline: 'ui:rounded-md ui:p-4 ui:border ui:border-border ui:bg-transparent',\n  elevated:\n    'ui:rounded-lg ui:p-6 ui:bg-card ui:text-card-foreground ui:shadow-lg',\n  ghost: 'ui:rounded-md',\n}\n\nfunction Card({\n  className,\n  variant = 'default',\n  children,\n  ...rest\n}: Readonly<CardProps>) {\n  return (\n    <div className={clsx(variantStyles[variant], className)} {...rest}>\n      {children}\n    </div>\n  )\n}\n\nexport default Card\n"],"mappings":"AA2BI,cAAAA,MAAA,oBA3BJ,OAAOC,MAAU,OAWjB,MAAMC,EAA6C,CACjD,QACE,uEACF,QAAS,oEACT,SACE,uEACF,MAAO,eACT,EAEA,SAASC,EAAK,CACZ,UAAAC,EACA,QAAAC,EAAU,UACV,SAAAC,EACA,GAAGC,CACL,EAAwB,CACtB,OACEP,EAAC,OAAI,UAAWC,EAAKC,EAAcG,CAAO,EAAGD,CAAS,EAAI,GAAGG,EAC1D,SAAAD,EACH,CAEJ,CAEA,IAAOE,EAAQL","names":["jsx","clsx","variantStyles","Card","className","variant","children","rest","Card_default"]}

package/dist/Card/index.js

@@ -1,5 +1,2 @@
-import { default as default2 } from "./Card";
-export {
-  default2 as Card
-};
+import{default as d}from"./Card";export{d as Card};
 //# sourceMappingURL=index.js.map

package/dist/Card/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Card/index.ts"],"sourcesContent":["export { default as Card } from './Card'\nexport type { CardProps, CardVariant } from './Card'\n"],"mappings":"AAAA,SAAoB,WAAXA,gBAAuB;","names":["default"]}
+{"version":3,"sources":["../../src/Card/index.ts"],"sourcesContent":["export { default as Card } from './Card'\nexport type { CardProps, CardVariant } from './Card'\n"],"mappings":"AAAA,OAAoB,WAAXA,MAAuB","names":["default"]}

package/dist/Carousel/Carousel.js

@@ -1,268 +1,2 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import clsx from "clsx";
-import {
-  useCallback,
-  useEffect,
-  useLayoutEffect,
-  useRef,
-  useState
-} from "react";
-import CarouselCounter from "./CarouselCounter";
-import CarouselError from "./CarouselError";
-import CarouselNavigation from "./CarouselNavigation";
-import CarouselPagination from "./CarouselPagination";
-function Carousel({
-  children,
-  variant = "standard",
-  showPagination = true,
-  showArrows = true,
-  arrowPosition = "sides",
-  gap = 16,
-  className,
-  heroControlsClassName,
-  errorMessage,
-  rounded = true,
-  initialIndex,
-  onPrev,
-  onNext,
-  disableAnimation = false,
-  disableScroll = false
-}) {
-  const scrollRef = useRef(null);
-  const [totalPositions, setTotalPositions] = useState(1);
-  const [scrollIndex, setScrollIndex] = useState(initialIndex ?? 0);
-  const currentIndex = disableScroll ? initialIndex ?? 0 : scrollIndex;
-  const isHero = variant === "hero";
-  const isLightbox = variant === "lightbox";
-  const isFullWidth = isHero || isLightbox;
-  const calculatePositions = useCallback(() => {
-    const container = scrollRef.current;
-    if (!container) return;
-    const items = container.children;
-    if (isFullWidth) {
-      setTotalPositions(items.length);
-      return;
-    }
-    const firstItem = items[0];
-    if (!firstItem) {
-      setTotalPositions(1);
-      return;
-    }
-    const itemWidth = firstItem.offsetWidth;
-    const maxScrollLeft = container.scrollWidth - container.offsetWidth;
-    if (maxScrollLeft <= 0) {
-      setTotalPositions(1);
-    } else if (itemWidth > 0) {
-      const positions = Math.round(maxScrollLeft / (itemWidth + gap)) + 1;
-      setTotalPositions(Math.max(1, positions));
-    }
-  }, [gap, isFullWidth]);
-  useEffect(() => {
-    calculatePositions();
-  }, [children, calculatePositions]);
-  useEffect(() => {
-    const container = scrollRef.current;
-    if (!container) return;
-    const resizeObserver = new ResizeObserver(() => {
-      calculatePositions();
-    });
-    resizeObserver.observe(container);
-    return () => {
-      resizeObserver.disconnect();
-    };
-  }, [calculatePositions]);
-  const initialScrollRef = useRef({
-    index: initialIndex ?? 0,
-    isFullWidth,
-    gap
-  });
-  useLayoutEffect(() => {
-    const { index, isFullWidth: fw, gap: g } = initialScrollRef.current;
-    if (index <= 0) return;
-    const container = scrollRef.current;
-    if (!container) return;
-    const firstItem = container.children[0];
-    const itemWidth = fw ? container.offsetWidth : firstItem?.offsetWidth ?? 0;
-    container.style.scrollBehavior = "auto";
-    container.scrollLeft = index * (itemWidth + (fw ? 0 : g));
-    container.style.scrollBehavior = "";
-  }, []);
-  const handleScroll = useCallback(() => {
-    const container = scrollRef.current;
-    if (!container) return;
-    const scrollLeft = container.scrollLeft;
-    const firstItem = container.children[0];
-    const itemWidth = isFullWidth ? container.offsetWidth : firstItem?.offsetWidth ?? 0;
-    if (itemWidth > 0) {
-      const index = Math.round(scrollLeft / (itemWidth + gap));
-      setScrollIndex(Math.min(index, totalPositions - 1));
-    }
-  }, [gap, isFullWidth, totalPositions]);
-  useEffect(() => {
-    if (disableScroll) return;
-    const container = scrollRef.current;
-    if (!container) return;
-    container.addEventListener("scroll", handleScroll);
-    return () => {
-      container.removeEventListener("scroll", handleScroll);
-    };
-  }, [disableScroll, handleScroll]);
-  useEffect(() => {
-    if (!disableScroll) return;
-    const container = scrollRef.current;
-    if (!container) return;
-    const preventScroll = (e) => {
-      e.preventDefault();
-    };
-    container.addEventListener("wheel", preventScroll, { passive: false });
-    return () => {
-      container.removeEventListener("wheel", preventScroll);
-    };
-  }, [disableScroll]);
-  const scrollTo = useCallback(
-    (index) => {
-      const container = scrollRef.current;
-      if (!container) return;
-      const firstItem = container.children[0];
-      const itemWidth = isFullWidth ? container.offsetWidth : firstItem?.offsetWidth ?? 0;
-      const isLastPosition = index === totalPositions - 1;
-      const scrollLeft = isLastPosition ? container.scrollWidth - container.offsetWidth : index * (itemWidth + gap);
-      container.scrollTo({
-        left: scrollLeft,
-        behavior: disableAnimation ? "auto" : "smooth"
-      });
-    },
-    [gap, isFullWidth, totalPositions, disableAnimation]
-  );
-  const scrollPrev = useCallback(() => {
-    if (currentIndex > 0) {
-      scrollTo(currentIndex - 1);
-    }
-  }, [currentIndex, scrollTo]);
-  const scrollNext = useCallback(() => {
-    if (currentIndex < totalPositions - 1) {
-      scrollTo(currentIndex + 1);
-    }
-  }, [currentIndex, totalPositions, scrollTo]);
-  const handlePrev = onPrev ?? scrollPrev;
-  const handleNext = onNext ?? scrollNext;
-  const handlePrevRef = useRef(handlePrev);
-  const handleNextRef = useRef(handleNext);
-  useEffect(() => {
-    handlePrevRef.current = handlePrev;
-    handleNextRef.current = handleNext;
-  });
-  useEffect(() => {
-    const handleKeyDown = (e) => {
-      if (e.key === "ArrowLeft") handlePrevRef.current();
-      if (e.key === "ArrowRight") handleNextRef.current();
-    };
-    document.addEventListener("keydown", handleKeyDown);
-    return () => {
-      document.removeEventListener("keydown", handleKeyDown);
-    };
-  }, []);
-  if (errorMessage) {
-    return /* @__PURE__ */ jsx(CarouselError, { message: errorMessage });
-  }
-  const canScrollPrev = currentIndex > 0;
-  const canScrollNext = currentIndex < totalPositions - 1;
-  const showControls = totalPositions > 1;
-  return /* @__PURE__ */ jsxs("div", { className: clsx("ui:relative", isLightbox && "ui:h-full", className), children: [
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref: scrollRef,
-        className: clsx(
-          "ui:flex ui:overflow-x-auto ui:scroll-smooth ui:scrollbar-none",
-          isFullWidth && "ui:snap-x ui:snap-mandatory",
-          isLightbox && "ui:h-full",
-          rounded && "ui:rounded-lg ui:overflow-hidden"
-        ),
-        style: { gap: `${String(gap)}px` },
-        children
-      }
-    ),
-    showControls && showArrows && arrowPosition === "sides" && !isHero && !isLightbox && /* @__PURE__ */ jsx(
-      CarouselNavigation,
-      {
-        onPrev: handlePrev,
-        onNext: handleNext,
-        canPrev: canScrollPrev,
-        canNext: canScrollNext,
-        size: "md",
-        position: "sides"
-      }
-    ),
-    showControls && isHero && (showPagination || showArrows) && /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: clsx(
-          "ui:absolute ui:bottom-4 ui:left-1/2 ui:-translate-x-1/2 ui:w-full ui:z-10 ui:flex ui:items-end",
-          heroControlsClassName
-        ),
-        children: [
-          /* @__PURE__ */ jsx("div", { className: "ui:flex-1" }),
-          showPagination && /* @__PURE__ */ jsx(
-            CarouselPagination,
-            {
-              total: totalPositions,
-              current: currentIndex,
-              light: true
-            }
-          ),
-          /* @__PURE__ */ jsx("div", { className: "ui:flex-1 ui:flex ui:justify-end", children: showArrows && /* @__PURE__ */ jsx(
-            CarouselNavigation,
-            {
-              onPrev: handlePrev,
-              onNext: handleNext,
-              canPrev: canScrollPrev,
-              canNext: canScrollNext,
-              size: "sm"
-            }
-          ) })
-        ]
-      }
-    ),
-    showControls && !isHero && !isLightbox && (showArrows && arrowPosition === "bottom-right" || showPagination) ? /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: clsx(
-          "ui:mt-4 ui:flex ui:items-center",
-          arrowPosition === "bottom-right" ? "ui:justify-end ui:gap-4" : "ui:justify-center"
-        ),
-        children: [
-          showPagination && /* @__PURE__ */ jsx(CarouselPagination, { total: totalPositions, current: currentIndex }),
-          showArrows && arrowPosition === "bottom-right" && /* @__PURE__ */ jsx(
-            CarouselNavigation,
-            {
-              onPrev: handlePrev,
-              onNext: handleNext,
-              canPrev: canScrollPrev,
-              canNext: canScrollNext,
-              size: "sm"
-            }
-          )
-        ]
-      }
-    ) : null,
-    showControls && isLightbox && /* @__PURE__ */ jsx("div", { className: "ui:absolute ui:top-4 ui:right-4 ui:z-10", children: /* @__PURE__ */ jsx(CarouselCounter, { current: currentIndex, total: totalPositions }) }),
-    showControls && isLightbox && showArrows && /* @__PURE__ */ jsx(
-      CarouselNavigation,
-      {
-        onPrev: handlePrev,
-        onNext: handleNext,
-        canPrev: canScrollPrev,
-        canNext: canScrollNext,
-        size: "md",
-        position: "sides-inset",
-        iconVariant: "ghost"
-      }
-    )
-  ] });
-}
-var Carousel_default = Carousel;
-export {
-  Carousel_default as default
-};
+import{jsx as o,jsxs as S}from"react/jsx-runtime";import M from"clsx";import{useCallback as b,useEffect as h,useLayoutEffect as Z,useRef as z,useState as F}from"react";import _ from"./CarouselCounter";import ee from"./CarouselError";import T from"./CarouselNavigation";import K from"./CarouselPagination";function te({children:k,variant:w="standard",showPagination:L=!0,showArrows:d=!0,arrowPosition:P="sides",gap:l=16,className:O,heroControlsClassName:$,errorMessage:D,rounded:q=!0,initialIndex:H,onPrev:A,onNext:G,disableAnimation:V=!1,disableScroll:x=!1}){const c=z(null),[r,y]=F(1),[J,Q]=F(H??0),i=x?H??0:J,W=w==="hero",a=w==="lightbox",u=W||a,g=b(()=>{const e=c.current;if(!e)return;const t=e.children;if(u){y(t.length);return}const s=t[0];if(!s){y(1);return}const n=s.offsetWidth,f=e.scrollWidth-e.offsetWidth;if(f<=0)y(1);else if(n>0){const p=Math.round(f/(n+l))+1;y(Math.max(1,p))}},[l,u]);h(()=>{g()},[k,g]),h(()=>{const e=c.current;if(!e)return;const t=new ResizeObserver(()=>{g()});return t.observe(e),()=>{t.disconnect()}},[g]);const U=z({index:H??0,isFullWidth:u,gap:l});Z(()=>{const{index:e,isFullWidth:t,gap:s}=U.current;if(e<=0)return;const n=c.current;if(!n)return;const f=n.children[0],p=t?n.offsetWidth:f?.offsetWidth??0;n.style.scrollBehavior="auto",n.scrollLeft=e*(p+(t?0:s)),n.style.scrollBehavior=""},[]);const I=b(()=>{const e=c.current;if(!e)return;const t=e.scrollLeft,s=e.children[0],n=u?e.offsetWidth:s?.offsetWidth??0;if(n>0){const f=Math.round(t/(n+l));Q(Math.min(f,r-1))}},[l,u,r]);h(()=>{if(x)return;const e=c.current;if(e)return e.addEventListener("scroll",I),()=>{e.removeEventListener("scroll",I)}},[x,I]),h(()=>{if(!x)return;const e=c.current;if(!e)return;const t=s=>{s.preventDefault()};return e.addEventListener("wheel",t,{passive:!1}),()=>{e.removeEventListener("wheel",t)}},[x]);const C=b(e=>{const t=c.current;if(!t)return;const s=t.children[0],n=u?t.offsetWidth:s?.offsetWidth??0,p=e===r-1?t.scrollWidth-t.offsetWidth:e*(n+l);t.scrollTo({left:p,behavior:V?"auto":"smooth"})},[l,u,r,V]),X=b(()=>{i>0&&C(i-1)},[i,C]),Y=b(()=>{i<r-1&&C(i+1)},[i,r,C]),m=A??X,v=G??Y,j=z(m),B=z(v);if(h(()=>{j.current=m,B.current=v}),h(()=>{const e=t=>{t.key==="ArrowLeft"&&j.current(),t.key==="ArrowRight"&&B.current()};return document.addEventListener("keydown",e),()=>{document.removeEventListener("keydown",e)}},[]),D)return o(ee,{message:D});const E=i>0,R=i<r-1,N=r>1;return S("div",{className:M("ui:relative",a&&"ui:h-full",O),children:[o("div",{ref:c,className:M("ui:flex ui:overflow-x-auto ui:scroll-smooth ui:scrollbar-none",u&&"ui:snap-x ui:snap-mandatory",a&&"ui:h-full",q&&"ui:rounded-lg ui:overflow-hidden"),style:{gap:`${String(l)}px`},children:k}),N&&d&&P==="sides"&&!W&&!a&&o(T,{onPrev:m,onNext:v,canPrev:E,canNext:R,size:"md",position:"sides"}),N&&W&&(L||d)&&S("div",{className:M("ui:absolute ui:bottom-4 ui:left-1/2 ui:-translate-x-1/2 ui:w-full ui:z-10 ui:flex ui:items-end",$),children:[o("div",{className:"ui:flex-1"}),L&&o(K,{total:r,current:i,light:!0}),o("div",{className:"ui:flex-1 ui:flex ui:justify-end",children:d&&o(T,{onPrev:m,onNext:v,canPrev:E,canNext:R,size:"sm"})})]}),N&&!W&&!a&&(d&&P==="bottom-right"||L)?S("div",{className:M("ui:mt-4 ui:flex ui:items-center",P==="bottom-right"?"ui:justify-end ui:gap-4":"ui:justify-center"),children:[L&&o(K,{total:r,current:i}),d&&P==="bottom-right"&&o(T,{onPrev:m,onNext:v,canPrev:E,canNext:R,size:"sm"})]}):null,N&&a&&o("div",{className:"ui:absolute ui:top-4 ui:right-4 ui:z-10",children:o(_,{current:i,total:r})}),N&&a&&d&&o(T,{onPrev:m,onNext:v,canPrev:E,canNext:R,size:"md",position:"sides-inset",iconVariant:"ghost"})]})}var ce=te;export{ce as default};
 //# sourceMappingURL=Carousel.js.map