@vite-mf-monorepo/ui 0.4.4 → 0.4.6

package/dist/Avatar/Avatar.d.ts

@@ -0,0 +1,19 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ComponentProps } from 'react';
+
+type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl';
+interface AvatarProps extends Omit<ComponentProps<'img'>, 'src'> {
+    /** Image source URL */
+    src?: string | null;
+    /** Alt text for the image */
+    alt: string;
+    /** Size of the avatar */
+    size?: AvatarSize;
+    /** Fallback initials to display when no image */
+    initials?: string;
+    /** For testing purposes */
+    testId?: string;
+}
+declare function Avatar({ className, src, alt, size, initials, testId, ...rest }: Readonly<AvatarProps>): react_jsx_runtime.JSX.Element;
+
+export { type AvatarProps, type AvatarSize, Avatar as default };

package/dist/Avatar/Avatar.js

@@ -0,0 +1,62 @@
+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
+};
+//# sourceMappingURL=Avatar.js.map

package/dist/Avatar/Avatar.js.map

@@ -0,0 +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":[]}

package/dist/Avatar/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Avatar, AvatarProps, AvatarSize } from './Avatar.js';
+import 'react/jsx-runtime';
+import 'react';

package/dist/Avatar/index.js

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

package/dist/Avatar/index.js.map

@@ -0,0 +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"]}

package/dist/Badge/Badge.d.ts

@@ -0,0 +1,23 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { IconName } from '../Icon/Icon.js';
+import { ReactNode } from 'react';
+
+type BadgeVariant = 'default' | 'secondary' | 'outline' | 'destructive';
+type BadgeSize = 'sm' | 'md' | 'lg';
+interface BadgeProps {
+    /** Badge content */
+    children: ReactNode;
+    /** Visual variant */
+    variant?: BadgeVariant;
+    /** Size */
+    size?: BadgeSize;
+    /** Optional icon (left) */
+    icon?: IconName;
+    /** Custom text color class (overrides variant color) */
+    textClassName?: string;
+    /** Additional class name */
+    className?: string;
+}
+declare function Badge({ children, variant, size, icon, textClassName, className, }: Readonly<BadgeProps>): react_jsx_runtime.JSX.Element;
+
+export { type BadgeProps, type BadgeSize, type BadgeVariant, Badge as default };

package/dist/Badge/Badge.js

@@ -0,0 +1,48 @@
+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
+};
+//# sourceMappingURL=Badge.js.map

package/dist/Badge/Badge.js.map

@@ -0,0 +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":[]}

package/dist/Badge/index.d.ts

@@ -0,0 +1,4 @@
+export { default as Badge, BadgeProps, BadgeSize, BadgeVariant } from './Badge.js';
+import 'react/jsx-runtime';
+import '../Icon/Icon.js';
+import 'react';

package/dist/Badge/index.js

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

package/dist/Badge/index.js.map

@@ -0,0 +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"]}

package/dist/Button/Button.utils.d.ts

@@ -0,0 +1,23 @@
+import { IconName } from '../Icon/Icon.js';
+import { ReactNode } from 'react';
+import 'react/jsx-runtime';
+
+type ButtonVariant = 'primary' | 'secondary' | 'destructive' | 'outline' | 'ghost';
+type ButtonSize = 'sm' | 'md' | 'lg';
+declare const iconSizeMap: {
+    readonly sm: 16;
+    readonly md: 20;
+    readonly lg: 24;
+};
+interface ButtonVisualInput {
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    icon?: IconName;
+    iconPosition?: 'left' | 'right';
+    className?: string;
+    children?: ReactNode;
+}
+declare function getButtonClasses({ variant, size, iconPosition, className, }: ButtonVisualInput): string;
+declare function getButtonDisabledClasses(classes: string): string;
+
+export { type ButtonSize, type ButtonVariant, type ButtonVisualInput, getButtonClasses, getButtonDisabledClasses, iconSizeMap };

package/dist/{chunk-IUGKH376.js → Button/Button.utils.js}

@@ -1,6 +1,5 @@
-import clsx from 'clsx';
-
-var iconSizeMap = {
+import clsx from "clsx";
+const iconSizeMap = {
   sm: 16,
   md: 20,
   lg: 24
@@ -37,7 +36,9 @@ function getButtonClasses({
 function getButtonDisabledClasses(classes) {
   return clsx(classes, "ui:disabled:pointer-events-none ui:disabled:opacity-50");
 }
-
-export { getButtonClasses, getButtonDisabledClasses, iconSizeMap };
-//# sourceMappingURL=chunk-IUGKH376.js.map
-//# sourceMappingURL=chunk-IUGKH376.js.map
+export {
+  getButtonClasses,
+  getButtonDisabledClasses,
+  iconSizeMap
+};
+//# sourceMappingURL=Button.utils.js.map

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

@@ -0,0 +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":[]}

package/dist/Button/index.d.ts

@@ -1,26 +1,6 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { IconName } from '../Icon/index.js';
-import { ButtonHTMLAttributes } from 'react';
-import { LinkProps } from 'react-router-dom';
-
-interface ButtonVisualProps {
-    /** Visual variant of the button */
-    variant?: 'primary' | 'secondary' | 'destructive' | 'outline' | 'ghost';
-    /** Size of the button */
-    size?: 'sm' | 'md' | 'lg';
-    /** Icon name to display */
-    icon?: IconName;
-    /** Icon position relative to children */
-    iconPosition?: 'left' | 'right';
-}
-type ButtonAsButton = ButtonVisualProps & ButtonHTMLAttributes<HTMLButtonElement> & {
-    as?: 'button' | undefined;
-};
-type ButtonAsLink = ButtonVisualProps & LinkProps & {
-    as: 'link';
-};
-type ButtonProps = ButtonAsButton | ButtonAsLink;
-
-declare function Button(props: Readonly<ButtonProps>): react_jsx_runtime.JSX.Element;
-
-export { Button, type ButtonAsButton, type ButtonAsLink, type ButtonProps };
+export { default as Button } from '../react-router/Button/Button.js';
+export { ButtonAsButton, ButtonAsLink, ButtonProps } from '../react-router/Button/Button.types.js';
+import 'react/jsx-runtime';
+import '../Icon/Icon.js';
+import 'react';
+import 'react-router-dom';

package/dist/Button/index.js

@@ -1,6 +1,5 @@
-import '../chunk-DGJI4VNO.js';
-export { Button_default as Button } from '../chunk-ZTQU4GMY.js';
-import '../chunk-IUGKH376.js';
-import '../chunk-6FBMTGXQ.js';
-//# sourceMappingURL=index.js.map
+import { Button } from "../react-router/Button";
+export {
+  Button
+};
 //# sourceMappingURL=index.js.map

package/dist/Button/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}
+{"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":[]}

package/dist/Card/Card.d.ts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { HTMLAttributes } from 'react';
+
+type CardVariant = 'default' | 'outline' | 'elevated' | 'ghost';
+interface CardProps extends HTMLAttributes<HTMLDivElement> {
+    /** Visual variant of the card */
+    variant?: CardVariant;
+}
+declare function Card({ className, variant, children, ...rest }: Readonly<CardProps>): react_jsx_runtime.JSX.Element;
+
+export { type CardProps, type CardVariant, Card as default };

package/dist/{chunk-RZU2FFBW.js → Card/Card.js}

@@ -1,7 +1,6 @@
-import clsx from 'clsx';
-import { jsx } from 'react/jsx-runtime';
-
-var variantStyles = {
+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",
@@ -16,7 +15,7 @@ function Card({
   return /* @__PURE__ */ jsx("div", { className: clsx(variantStyles[variant], className), ...rest, children });
 }
 var Card_default = Card;
-
-export { Card_default };
-//# sourceMappingURL=chunk-RZU2FFBW.js.map
-//# sourceMappingURL=chunk-RZU2FFBW.js.map
+export {
+  Card_default as default
+};
+//# sourceMappingURL=Card.js.map

package/dist/Card/Card.js.map

@@ -0,0 +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":[]}

package/dist/Card/index.d.ts

@@ -1,11 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { HTMLAttributes } from 'react';
-
-type CardVariant = 'default' | 'outline' | 'elevated' | 'ghost';
-interface CardProps extends HTMLAttributes<HTMLDivElement> {
-    /** Visual variant of the card */
-    variant?: CardVariant;
-}
-declare function Card({ className, variant, children, ...rest }: Readonly<CardProps>): react_jsx_runtime.JSX.Element;
-
-export { Card, type CardProps, type CardVariant };
+export { default as Card, CardProps, CardVariant } from './Card.js';
+import 'react/jsx-runtime';
+import 'react';

package/dist/Card/index.js

@@ -1,3 +1,5 @@
-export { Card_default as Card } from '../chunk-RZU2FFBW.js';
-//# sourceMappingURL=index.js.map
+import { default as default2 } from "./Card";
+export {
+  default2 as Card
+};
 //# sourceMappingURL=index.js.map

package/dist/Card/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}
+{"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"]}

package/dist/Carousel/Carousel.d.ts

@@ -0,0 +1,65 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+/** Carousel visual variant */
+type CarouselVariant = 'standard' | 'hero' | 'lightbox';
+/** Arrow position for navigation buttons */
+type CarouselArrowPosition = 'sides' | 'bottom-right';
+interface CarouselProps {
+    /** Carousel items */
+    children?: ReactNode;
+    /** Visual variant */
+    variant?: CarouselVariant;
+    /** Show pagination dots (ignored for lightbox — counter is shown instead) */
+    showPagination?: boolean;
+    /** Show navigation arrows */
+    showArrows?: boolean;
+    /** Arrow position */
+    arrowPosition?: CarouselArrowPosition;
+    /** Gap between items in pixels */
+    gap?: number;
+    /** Additional class name */
+    className?: string;
+    /** Class name for the hero controls container (pagination + arrows) — use to constrain width/padding */
+    heroControlsClassName?: string;
+    /** Error message to display instead of carousel content */
+    errorMessage?: string;
+    /** Apply rounded corners to viewport */
+    rounded?: boolean;
+    /**
+     * Initial scroll index — jumps to this item on mount without animation.
+     * Use with key={index} on Carousel for URL-based navigation (lightbox).
+     */
+    initialIndex?: number;
+    /**
+     * Override internal prev navigation (e.g. navigate to previous URL in lightbox).
+     * When provided, replaces internal scrollPrev.
+     */
+    onPrev?: () => void;
+    /**
+     * Override internal next navigation (e.g. navigate to next URL in lightbox).
+     * When provided, replaces internal scrollNext.
+     */
+    onNext?: () => void;
+    /**
+     * When true, all internal scroll transitions are instant (no smooth animation).
+     * Use for lightbox with URL-based navigation where the Carousel remounts each time.
+     */
+    disableAnimation?: boolean;
+    /**
+     * When true, user-initiated wheel/trackpad scroll is blocked on the container,
+     * and currentIndex is driven entirely by initialIndex (no scroll tracking).
+     * Use for URL-driven carousels (lightbox) to avoid scroll/resize desync.
+     */
+    disableScroll?: boolean;
+}
+/**
+ * Carousel component with horizontal scroll, pagination, and navigation.
+ * Supports three variants:
+ * - standard: multi-items horizontal scroll
+ * - hero: single panoramic item with snap
+ * - lightbox: single item per view, ghost arrows, counter (for PhotoViewer)
+ */
+declare function Carousel({ children, variant, showPagination, showArrows, arrowPosition, gap, className, heroControlsClassName, errorMessage, rounded, initialIndex, onPrev, onNext, disableAnimation, disableScroll, }: Readonly<CarouselProps>): react_jsx_runtime.JSX.Element;
+
+export { type CarouselArrowPosition, type CarouselProps, type CarouselVariant, Carousel as default };