@vite-mf-monorepo/ui 0.0.2 → 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Fubaritico
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/Button/index.d.ts

@@ -1,5 +1,6 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import { IconName } from '../Icon/index.js';
-import { ButtonHTMLAttributes, FC } from 'react';
+import { ButtonHTMLAttributes } from 'react';
 import { LinkProps } from 'react-router-dom';
 
 interface ButtonVisualProps {
@@ -20,6 +21,6 @@ type ButtonAsLink = ButtonVisualProps & LinkProps & {
 };
 type ButtonProps = ButtonAsButton | ButtonAsLink;
 
-declare const Button: FC<ButtonProps>;
+declare function Button(props: Readonly<ButtonProps>): react_jsx_runtime.JSX.Element;
 
 export { Button, type ButtonAsButton, type ButtonAsLink, type ButtonProps };

package/dist/Button/index.js

@@ -1,4 +1,4 @@
-export { Button_default as Button } from '../chunk-IXEILQNO.js';
-import '../chunk-Z3E2P4JR.js';
+export { Button_default as Button } from '../chunk-GNBS5RLB.js';
+import '../chunk-JHRISQQJ.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/Card/index.d.ts

@@ -1,10 +1,11 @@
-import { FC, HTMLAttributes } from 'react';
+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 const Card: FC<CardProps>;
+declare function Card({ className, variant, children, ...rest }: Readonly<CardProps>): react_jsx_runtime.JSX.Element;
 
 export { Card, type CardProps, type CardVariant };

package/dist/Card/index.js

@@ -1,3 +1,3 @@
-export { Card_default as Card } from '../chunk-YKNVY2QQ.js';
+export { Card_default as Card } from '../chunk-JI3OVXCK.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/Icon/index.d.ts

@@ -1,4 +1,5 @@
-import { FC, SVGProps } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { SVGProps } from 'react';
 
 type IconName = 'ArrowLeft' | 'ArrowRight' | 'ArrowTopRightOnSquare' | 'Bars3' | 'Bookmark' | 'Check' | 'Calendar' | 'ChevronDown' | 'ChevronLeft' | 'ChevronRight' | 'ChevronUp' | 'EllipsisVertical' | 'ExclamationCircle' | 'ExclamationTriangle' | 'Film' | 'Photo' | 'Heart' | 'InformationCircle' | 'Link' | 'MagnifyingGlass' | 'Minus' | 'Play' | 'PlayCircle' | 'Plus' | 'Share' | 'Star' | 'Tv' | 'User' | 'Users' | 'XMark';
 type IconSize = 16 | 20 | 24 | 32 | 48 | 64;
@@ -8,6 +9,6 @@ interface IconProps extends SVGProps<SVGSVGElement> {
     /** Icon size in pixels (16, 20, 24, 32, 48, 64) */
     size?: IconSize;
 }
-declare const Icon: FC<IconProps>;
+declare function Icon({ name, size, className, ...rest }: Readonly<IconProps>): react_jsx_runtime.JSX.Element;
 
 export { Icon, type IconName, type IconProps, type IconSize };

package/dist/Icon/index.js

@@ -1,3 +1,3 @@
-export { Icon_default as Icon } from '../chunk-Z3E2P4JR.js';
+export { Icon_default as Icon } from '../chunk-JHRISQQJ.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/{chunk-IXEILQNO.js → chunk-GNBS5RLB.js}

@@ -1,4 +1,4 @@
-import { Icon_default } from './chunk-Z3E2P4JR.js';
+import { Icon_default } from './chunk-JHRISQQJ.js';
 import clsx from 'clsx';
 import { Link } from 'react-router-dom';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -8,7 +8,7 @@ var iconSizeMap = {
   md: 20,
   lg: 24
 };
-var Button = (props) => {
+function Button(props) {
   const {
     variant = "primary",
     size = "md",
@@ -77,9 +77,9 @@ var Button = (props) => {
       children: content
     }
   );
-};
+}
 var Button_default = Button;
 
 export { Button_default };
-//# sourceMappingURL=chunk-IXEILQNO.js.map
-//# sourceMappingURL=chunk-IXEILQNO.js.map
+//# sourceMappingURL=chunk-GNBS5RLB.js.map
+//# sourceMappingURL=chunk-GNBS5RLB.js.map

package/dist/chunk-GNBS5RLB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Button/Button.tsx"],"names":["_","_v","_s","_i","_ip","_c","_ch"],"mappings":";;;;;AAOA,IAAM,WAAA,GAAc;AAAA,EAClB,EAAA,EAAI,EAAA;AAAA,EACJ,EAAA,EAAI,EAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;AAEA,SAAS,OAAO,KAAA,EAA8B;AAC5C,EAAA,MAAM;AAAA,IACJ,OAAA,GAAU,SAAA;AAAA,IACV,IAAA,GAAO,IAAA;AAAA,IACP,IAAA;AAAA,IACA,YAAA,GAAe,MAAA;AAAA,IACf,SAAA;AAAA,IACA;AAAA,GACF,GAAI,KAAA;AAEJ,EAAA,MAAM,OAAA,GAAU,IAAA;AAAA,IACd,gIAAA;AAAA,IACA,4CAAA;AAAA,IACA,iFAAA;AAAA,IACA;AAAA,MACE,eAAe,YAAA,KAAiB,MAAA;AAAA,MAChC,uBAAuB,YAAA,KAAiB;AAAA,KAC1C;AAAA,IACA;AAAA,MACE,mEACE,OAAA,KAAY,SAAA;AAAA,MACd,yEACE,OAAA,KAAY,WAAA;AAAA,MACd,+EACE,OAAA,KAAY,aAAA;AAAA,MACd,uFACE,OAAA,KAAY,SAAA;AAAA,MACd,sDAAsD,OAAA,KAAY;AAAA,KACpE;AAAA,IACA;AAAA,MACE,6BAA6B,IAAA,KAAS,IAAA;AAAA,MACtC,gCAAgC,IAAA,KAAS,IAAA;AAAA,MACzC,8BAA8B,IAAA,KAAS;AAAA,KACzC;AAAA,IACA;AAAA,GACF;AAEA,EAAA,MAAM,0BACJ,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,IAAA,IAAA,wBAAS,YAAA,EAAA,EAAK,IAAA,EAAM,MAAM,IAAA,EAAM,WAAA,CAAY,IAAI,CAAA,EAAG,CAAA;AAAA,IACnD;AAAA,GAAA,EACH,CAAA;AAGF,EAAA,IAAI,KAAA,CAAM,OAAO,MAAA,EAAQ;AACvB,IAAA,MAAM;AAAA,MACJ,EAAA,EAAIA,EAAAA;AAAA,MACJ,OAAA,EAASC,GAAAA;AAAA,MACT,IAAA,EAAMC,GAAAA;AAAA,MACN,IAAA,EAAMC,GAAAA;AAAA,MACN,YAAA,EAAcC,IAAAA;AAAA,MACd,SAAA,EAAWC,GAAAA;AAAA,MACX,QAAA,EAAUC,IAAAA;AAAA,MACV,GAAG;AAAA,KACL,GAAI,KAAA;AAEJ,IAAA,2BACG,IAAA,EAAA,EAAK,SAAA,EAAW,OAAA,EAAU,GAAG,WAC3B,QAAA,EAAA,OAAA,EACH,CAAA;AAAA,EAEJ;AAEA,EAAA,MAAM;AAAA,IACJ,EAAA,EAAI,CAAA;AAAA,IACJ,OAAA,EAAS,EAAA;AAAA,IACT,IAAA,EAAM,EAAA;AAAA,IACN,IAAA,EAAM,EAAA;AAAA,IACN,YAAA,EAAc,GAAA;AAAA,IACd,SAAA,EAAW,EAAA;AAAA,IACX,QAAA,EAAU,GAAA;AAAA,IACV,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,uBACE,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,IAAA;AAAA,QACT,OAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG,WAAA;AAAA,MAEH,QAAA,EAAA;AAAA;AAAA,GACH;AAEJ;AAEA,IAAO,cAAA,GAAQ","file":"chunk-GNBS5RLB.js","sourcesContent":["import clsx from 'clsx'\nimport { Link } from 'react-router-dom'\n\nimport { Icon } from '../Icon'\n\nimport type { ButtonProps } from './Button.types'\n\nconst iconSizeMap = {\n  sm: 16,\n  md: 20,\n  lg: 24,\n} as const\n\nfunction Button(props: Readonly<ButtonProps>) {\n  const {\n    variant = 'primary',\n    size = 'md',\n    icon,\n    iconPosition = 'left',\n    className,\n    children,\n  } = props\n\n  const classes = 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  const content = (\n    <>\n      {icon && <Icon name={icon} size={iconSizeMap[size]} />}\n      {children}\n    </>\n  )\n\n  if (props.as === 'link') {\n    const {\n      as: _,\n      variant: _v,\n      size: _s,\n      icon: _i,\n      iconPosition: _ip,\n      className: _c,\n      children: _ch,\n      ...linkProps\n    } = props\n\n    return (\n      <Link className={classes} {...linkProps}>\n        {content}\n      </Link>\n    )\n  }\n\n  const {\n    as: _,\n    variant: _v,\n    size: _s,\n    icon: _i,\n    iconPosition: _ip,\n    className: _c,\n    children: _ch,\n    ...buttonProps\n  } = props\n\n  return (\n    <button\n      className={clsx(\n        classes,\n        'ui:disabled:pointer-events-none ui:disabled:opacity-50'\n      )}\n      {...buttonProps}\n    >\n      {content}\n    </button>\n  )\n}\n\nexport default Button\n"]}

package/dist/{chunk-Z3E2P4JR.js → chunk-JHRISQQJ.js}

@@ -93,7 +93,7 @@ var iconMap16 = {
   User: UserIcon,
   XMark: XMarkIcon
 };
-var Icon = ({ name, size = 24, className, ...rest }) => {
+function Icon({ name, size = 24, className, ...rest }) {
   let IconComponent;
   if (size <= 16) {
     IconComponent = iconMap16[name] ?? iconMap20[name];
@@ -112,9 +112,9 @@ var Icon = ({ name, size = 24, className, ...rest }) => {
       "aria-hidden": true
     }
   );
-};
+}
 var Icon_default = Icon;
 
 export { Icon_default };
-//# sourceMappingURL=chunk-Z3E2P4JR.js.map
-//# sourceMappingURL=chunk-Z3E2P4JR.js.map
+//# sourceMappingURL=chunk-JHRISQQJ.js.map
+//# sourceMappingURL=chunk-JHRISQQJ.js.map

package/dist/chunk-JHRISQQJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Icon/Icon.tsx"],"names":["ArrowLeftIcon24","ArrowRightIcon24","ArrowTopRightOnSquareIcon24","Bars3Icon24","BookmarkIcon24","CalendarIcon24","CheckIcon24","ChevronDownIcon24","ChevronLeftIcon24","ChevronRightIcon24","ChevronUpIcon24","EllipsisVerticalIcon24","ExclamationCircleIcon24","ExclamationTriangleIcon24","FilmIcon24","PhotoIcon24","HeartIcon24","InformationCircleIcon24","LinkIcon24","MagnifyingGlassIcon24","MinusIcon24","PlayIcon24","PlayCircleIcon24","PlusIcon24","ShareIcon24","StarIcon24","TvIcon24","UserIcon24","UsersIcon24","XMarkIcon24","ArrowLeftIcon20","ArrowRightIcon20","ArrowTopRightOnSquareIcon20","Bars3Icon20","BookmarkIcon20","CalendarIcon20","CheckIcon20","ChevronDownIcon20","ChevronLeftIcon20","ChevronRightIcon20","ChevronUpIcon20","EllipsisVerticalIcon20","ExclamationCircleIcon20","ExclamationTriangleIcon20","FilmIcon20","PhotoIcon20","HeartIcon20","InformationCircleIcon20","LinkIcon20","MagnifyingGlassIcon20","MinusIcon20","PlayIcon20","PlayCircleIcon20","PlusIcon20","ShareIcon20","StarIcon20","TvIcon20","UserIcon20","UsersIcon20","XMarkIcon20","ArrowLeftIcon16","ArrowRightIcon16","Bars3Icon16","BookmarkIcon16","CalendarIcon16","CheckIcon16","ChevronDownIcon16","ChevronLeftIcon16","ChevronRightIcon16","ChevronUpIcon16","EllipsisVerticalIcon16","ExclamationCircleIcon16","ExclamationTriangleIcon16","HeartIcon16","InformationCircleIcon16","LinkIcon16","MagnifyingGlassIcon16","MinusIcon16","PlayIcon16","PlusIcon16","StarIcon16","UserIcon16","XMarkIcon16"],"mappings":"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","file":"chunk-JHRISQQJ.js","sourcesContent":["import {\n  ArrowLeftIcon as ArrowLeftIcon16,\n  ArrowRightIcon as ArrowRightIcon16,\n  Bars3Icon as Bars3Icon16,\n  BookmarkIcon as BookmarkIcon16,\n  CalendarIcon as CalendarIcon16,\n  CheckIcon as CheckIcon16,\n  ChevronDownIcon as ChevronDownIcon16,\n  ChevronLeftIcon as ChevronLeftIcon16,\n  ChevronRightIcon as ChevronRightIcon16,\n  ChevronUpIcon as ChevronUpIcon16,\n  EllipsisVerticalIcon as EllipsisVerticalIcon16,\n  ExclamationCircleIcon as ExclamationCircleIcon16,\n  ExclamationTriangleIcon as ExclamationTriangleIcon16,\n  HeartIcon as HeartIcon16,\n  InformationCircleIcon as InformationCircleIcon16,\n  LinkIcon as LinkIcon16,\n  MagnifyingGlassIcon as MagnifyingGlassIcon16,\n  MinusIcon as MinusIcon16,\n  PlayIcon as PlayIcon16,\n  PlusIcon as PlusIcon16,\n  StarIcon as StarIcon16,\n  UserIcon as UserIcon16,\n  XMarkIcon as XMarkIcon16,\n} from '@heroicons/react/16/solid'\nimport {\n  ArrowLeftIcon as ArrowLeftIcon20,\n  ArrowRightIcon as ArrowRightIcon20,\n  ArrowTopRightOnSquareIcon as ArrowTopRightOnSquareIcon20,\n  Bars3Icon as Bars3Icon20,\n  BookmarkIcon as BookmarkIcon20,\n  CalendarIcon as CalendarIcon20,\n  CheckIcon as CheckIcon20,\n  ChevronDownIcon as ChevronDownIcon20,\n  ChevronLeftIcon as ChevronLeftIcon20,\n  ChevronRightIcon as ChevronRightIcon20,\n  ChevronUpIcon as ChevronUpIcon20,\n  EllipsisVerticalIcon as EllipsisVerticalIcon20,\n  ExclamationCircleIcon as ExclamationCircleIcon20,\n  ExclamationTriangleIcon as ExclamationTriangleIcon20,\n  FilmIcon as FilmIcon20,\n  HeartIcon as HeartIcon20,\n  InformationCircleIcon as InformationCircleIcon20,\n  LinkIcon as LinkIcon20,\n  MagnifyingGlassIcon as MagnifyingGlassIcon20,\n  MinusIcon as MinusIcon20,\n  PhotoIcon as PhotoIcon20,\n  PlayCircleIcon as PlayCircleIcon20,\n  PlayIcon as PlayIcon20,\n  PlusIcon as PlusIcon20,\n  ShareIcon as ShareIcon20,\n  StarIcon as StarIcon20,\n  TvIcon as TvIcon20,\n  UserIcon as UserIcon20,\n  UsersIcon as UsersIcon20,\n  XMarkIcon as XMarkIcon20,\n} from '@heroicons/react/20/solid'\nimport {\n  ArrowLeftIcon as ArrowLeftIcon24,\n  ArrowRightIcon as ArrowRightIcon24,\n  ArrowTopRightOnSquareIcon as ArrowTopRightOnSquareIcon24,\n  Bars3Icon as Bars3Icon24,\n  BookmarkIcon as BookmarkIcon24,\n  CalendarIcon as CalendarIcon24,\n  CheckIcon as CheckIcon24,\n  ChevronDownIcon as ChevronDownIcon24,\n  ChevronLeftIcon as ChevronLeftIcon24,\n  ChevronRightIcon as ChevronRightIcon24,\n  ChevronUpIcon as ChevronUpIcon24,\n  EllipsisVerticalIcon as EllipsisVerticalIcon24,\n  ExclamationCircleIcon as ExclamationCircleIcon24,\n  ExclamationTriangleIcon as ExclamationTriangleIcon24,\n  FilmIcon as FilmIcon24,\n  HeartIcon as HeartIcon24,\n  InformationCircleIcon as InformationCircleIcon24,\n  LinkIcon as LinkIcon24,\n  MagnifyingGlassIcon as MagnifyingGlassIcon24,\n  MinusIcon as MinusIcon24,\n  PhotoIcon as PhotoIcon24,\n  PlayCircleIcon as PlayCircleIcon24,\n  PlayIcon as PlayIcon24,\n  PlusIcon as PlusIcon24,\n  ShareIcon as ShareIcon24,\n  StarIcon as StarIcon24,\n  TvIcon as TvIcon24,\n  UserIcon as UserIcon24,\n  UsersIcon as UsersIcon24,\n  XMarkIcon as XMarkIcon24,\n} from '@heroicons/react/24/outline'\n\nimport type { ComponentType, SVGProps } from 'react'\n\ntype HeroIcon = ComponentType<SVGProps<SVGSVGElement>>\n\nconst iconMap24: Record<string, HeroIcon> = {\n  ArrowLeft: ArrowLeftIcon24,\n  ArrowRight: ArrowRightIcon24,\n  ArrowTopRightOnSquare: ArrowTopRightOnSquareIcon24,\n  Bars3: Bars3Icon24,\n  Bookmark: BookmarkIcon24,\n  Calendar: CalendarIcon24,\n  Check: CheckIcon24,\n  ChevronDown: ChevronDownIcon24,\n  ChevronLeft: ChevronLeftIcon24,\n  ChevronRight: ChevronRightIcon24,\n  ChevronUp: ChevronUpIcon24,\n  EllipsisVertical: EllipsisVerticalIcon24,\n  ExclamationCircle: ExclamationCircleIcon24,\n  ExclamationTriangle: ExclamationTriangleIcon24,\n  Film: FilmIcon24,\n  Photo: PhotoIcon24,\n  Heart: HeartIcon24,\n  InformationCircle: InformationCircleIcon24,\n  Link: LinkIcon24,\n  MagnifyingGlass: MagnifyingGlassIcon24,\n  Minus: MinusIcon24,\n  Play: PlayIcon24,\n  PlayCircle: PlayCircleIcon24,\n  Plus: PlusIcon24,\n  Share: ShareIcon24,\n  Star: StarIcon24,\n  Tv: TvIcon24,\n  User: UserIcon24,\n  Users: UsersIcon24,\n  XMark: XMarkIcon24,\n}\n\nconst iconMap20: Record<string, HeroIcon> = {\n  ArrowLeft: ArrowLeftIcon20,\n  ArrowRight: ArrowRightIcon20,\n  ArrowTopRightOnSquare: ArrowTopRightOnSquareIcon20,\n  Bars3: Bars3Icon20,\n  Bookmark: BookmarkIcon20,\n  Calendar: CalendarIcon20,\n  Check: CheckIcon20,\n  ChevronDown: ChevronDownIcon20,\n  ChevronLeft: ChevronLeftIcon20,\n  ChevronRight: ChevronRightIcon20,\n  ChevronUp: ChevronUpIcon20,\n  EllipsisVertical: EllipsisVerticalIcon20,\n  ExclamationCircle: ExclamationCircleIcon20,\n  ExclamationTriangle: ExclamationTriangleIcon20,\n  Film: FilmIcon20,\n  Photo: PhotoIcon20,\n  Heart: HeartIcon20,\n  InformationCircle: InformationCircleIcon20,\n  Link: LinkIcon20,\n  MagnifyingGlass: MagnifyingGlassIcon20,\n  Minus: MinusIcon20,\n  Play: PlayIcon20,\n  PlayCircle: PlayCircleIcon20,\n  Plus: PlusIcon20,\n  Share: ShareIcon20,\n  Star: StarIcon20,\n  Tv: TvIcon20,\n  User: UserIcon20,\n  Users: UsersIcon20,\n  XMark: XMarkIcon20,\n}\n\nconst iconMap16: Record<string, HeroIcon> = {\n  ArrowLeft: ArrowLeftIcon16,\n  ArrowRight: ArrowRightIcon16,\n  Bars3: Bars3Icon16,\n  Bookmark: BookmarkIcon16,\n  Calendar: CalendarIcon16,\n  Check: CheckIcon16,\n  ChevronDown: ChevronDownIcon16,\n  ChevronLeft: ChevronLeftIcon16,\n  ChevronRight: ChevronRightIcon16,\n  ChevronUp: ChevronUpIcon16,\n  EllipsisVertical: EllipsisVerticalIcon16,\n  ExclamationCircle: ExclamationCircleIcon16,\n  ExclamationTriangle: ExclamationTriangleIcon16,\n  Heart: HeartIcon16,\n  InformationCircle: InformationCircleIcon16,\n  Link: LinkIcon16,\n  MagnifyingGlass: MagnifyingGlassIcon16,\n  Minus: MinusIcon16,\n  Play: PlayIcon16,\n  Plus: PlusIcon16,\n  Star: StarIcon16,\n  User: UserIcon16,\n  XMark: XMarkIcon16,\n}\n\nexport type IconName =\n  | 'ArrowLeft'\n  | 'ArrowRight'\n  | 'ArrowTopRightOnSquare'\n  | 'Bars3'\n  | 'Bookmark'\n  | 'Check'\n  | 'Calendar'\n  | 'ChevronDown'\n  | 'ChevronLeft'\n  | 'ChevronRight'\n  | 'ChevronUp'\n  | 'EllipsisVertical'\n  | 'ExclamationCircle'\n  | 'ExclamationTriangle'\n  | 'Film'\n  | 'Photo'\n  | 'Heart'\n  | 'InformationCircle'\n  | 'Link'\n  | 'MagnifyingGlass'\n  | 'Minus'\n  | 'Play'\n  | 'PlayCircle'\n  | 'Plus'\n  | 'Share'\n  | 'Star'\n  | 'Tv'\n  | 'User'\n  | 'Users'\n  | 'XMark'\n\nexport type IconSize = 16 | 20 | 24 | 32 | 48 | 64\n\nexport interface IconProps extends SVGProps<SVGSVGElement> {\n  /** Icon name from the available subset */\n  name: IconName\n  /** Icon size in pixels (16, 20, 24, 32, 48, 64) */\n  size?: IconSize\n}\n\nfunction Icon({ name, size = 24, className, ...rest }: Readonly<IconProps>) {\n  let IconComponent: HeroIcon\n\n  if (size <= 16) {\n    IconComponent = iconMap16[name] ?? iconMap20[name]\n  } else if (size <= 20) {\n    IconComponent = iconMap20[name]\n  } else {\n    IconComponent = iconMap24[name]\n  }\n\n  return (\n    <IconComponent\n      className={className}\n      width={size}\n      height={size}\n      {...rest}\n      aria-hidden\n    />\n  )\n}\n\nexport default Icon\n"]}

package/dist/{chunk-YKNVY2QQ.js → chunk-JI3OVXCK.js}

@@ -8,16 +8,16 @@ var variantStyles = {
   elevated: "ui:rounded-lg ui:p-6 ui:bg-card ui:text-card-foreground ui:shadow-lg",
   ghost: "ui:rounded-md"
 };
-var Card = ({
+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 };
-//# sourceMappingURL=chunk-YKNVY2QQ.js.map
-//# sourceMappingURL=chunk-YKNVY2QQ.js.map
+//# sourceMappingURL=chunk-JI3OVXCK.js.map
+//# sourceMappingURL=chunk-JI3OVXCK.js.map

package/dist/chunk-JI3OVXCK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Card/Card.tsx"],"names":[],"mappings":";;;;AAWA,IAAM,aAAA,GAA6C;AAAA,EACjD,OAAA,EACE,sEAAA;AAAA,EACF,OAAA,EAAS,mEAAA;AAAA,EACT,QAAA,EACE,sEAAA;AAAA,EACF,KAAA,EAAO;AACT,CAAA;AAEA,SAAS,IAAA,CAAK;AAAA,EACZ,SAAA;AAAA,EACA,OAAA,GAAU,SAAA;AAAA,EACV,QAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAwB;AACtB,EAAA,uBACE,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,IAAA,CAAK,aAAA,CAAc,OAAO,CAAA,EAAG,SAAS,CAAA,EAAI,GAAG,IAAA,EAC1D,QAAA,EACH,CAAA;AAEJ;AAEA,IAAO,YAAA,GAAQ","file":"chunk-JI3OVXCK.js","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"]}

package/dist/index.d.ts

@@ -1,4 +1,6 @@
-import { FC, ComponentProps, ReactNode, ButtonHTMLAttributes, ImgHTMLAttributes, HTMLAttributes, ElementType } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import { ComponentProps, ReactNode, ButtonHTMLAttributes, ImgHTMLAttributes, HTMLAttributes, ElementType } from 'react';
 import { IconName } from './Icon/index.js';
 export { Icon, IconProps, IconSize } from './Icon/index.js';
 export { Button, ButtonProps } from './Button/index.js';
@@ -18,7 +20,7 @@ interface AvatarProps extends Omit<ComponentProps<'img'>, 'src'> {
     /** For testing purposes */
     testId?: string;
 }
-declare const Avatar: FC<AvatarProps>;
+declare function Avatar({ className, src, alt, size, initials, testId, ...rest }: Readonly<AvatarProps>): react_jsx_runtime.JSX.Element;
 
 type BadgeVariant = 'default' | 'secondary' | 'outline' | 'destructive';
 type BadgeSize = 'sm' | 'md' | 'lg';
@@ -36,7 +38,7 @@ interface BadgeProps {
     /** Additional class name */
     className?: string;
 }
-declare const Badge: FC<BadgeProps>;
+declare function Badge({ children, variant, size, icon, textClassName, className, }: Readonly<BadgeProps>): react_jsx_runtime.JSX.Element;
 
 interface IconButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     /** Icon name to display */
@@ -48,7 +50,7 @@ interface IconButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     /** Accessible label for screen readers */
     'aria-label': string;
 }
-declare const IconButton: FC<IconButtonProps>;
+declare function IconButton({ className, icon, variant, size, disabled, ...rest }: Readonly<IconButtonProps>): react_jsx_runtime.JSX.Element;
 
 type ImageState = 'loading' | 'loaded' | 'error';
 type AspectRatio = '2/3' | '16/9' | '1/1' | '4/3' | '3/2';
@@ -77,7 +79,7 @@ interface ImageProps extends Omit<ImgHTMLAttributes<HTMLImageElement>, 'placehol
     /** Load strategy: 'lazy' waits for viewport visibility, 'eager' loads immediately. Default: 'eager' */
     loading?: ImageLoading;
 }
-declare const Image: FC<ImageProps>;
+declare function Image({ src, alt, blurDataUrl, autoBlur, blurSize, blurQuality, aspectRatio, fallback, className, onLoad, onError, loading, ...rest }: Readonly<ImageProps>): react_jsx_runtime.JSX.Element;
 
 interface HeroImageProps {
     /** Backdrop path from TMDB API */
@@ -89,7 +91,7 @@ interface HeroImageProps {
  * HeroImage component for displaying optimized backdrop images with responsive sources
  * and gradient overlay. Used in hero sections across the application.
  */
-declare const HeroImage: FC<HeroImageProps>;
+declare function HeroImage({ backdropPath, title }: Readonly<HeroImageProps>): react_jsx_runtime.JSX.Element;
 
 interface ModalProps {
     /** Whether the modal is open */
@@ -105,7 +107,7 @@ interface ModalProps {
     /** Optional callback for backdrop click. Falls back to onClose if not provided. */
     onOverlayClick?: () => void;
 }
-declare const Modal: FC<ModalProps>;
+declare function Modal({ isOpen, onClose, children, 'aria-label': ariaLabel, className, onOverlayClick, }: Readonly<ModalProps>): react_jsx_runtime.JSX.Element;
 
 type RatingVariant = 'circle' | 'stars';
 type RatingSize = 'sm' | 'md' | 'lg';
@@ -125,7 +127,7 @@ interface RatingProps {
     /** Additional class name */
     className?: string;
 }
-declare const Rating: FC<RatingProps>;
+declare function Rating({ value, max, variant, size, showValue, trackClassName, className, }: Readonly<RatingProps>): react_jsx_runtime.JSX.Element;
 
 /**
  * MovieCard component types with discriminated union for type-safe variants
@@ -200,7 +202,7 @@ interface MovieCardAsButton extends MovieCardBaseProps {
  */
 type MovieCardProps = MovieCardAsCard | MovieCardAsLink | MovieCardAsButton;
 
-declare const MovieCard: FC<MovieCardProps>;
+declare function MovieCard({ id, title, posterUrl, voteAverage, year, className, imageLoading, as, ...rest }: Readonly<MovieCardProps>): react_jsx_runtime.JSX.Element;
 
 interface TrailerCardProps {
     /** YouTube video ID */
@@ -212,7 +214,7 @@ interface TrailerCardProps {
     /** Additional className for the card */
     className?: string;
 }
-declare const TrailerCard: FC<TrailerCardProps>;
+declare function TrailerCard({ videoKey, title, type, className, }: Readonly<TrailerCardProps>): react_jsx_runtime.JSX.Element;
 
 /** Carousel visual variant */
 type CarouselVariant = 'standard' | 'hero' | 'lightbox';
@@ -273,7 +275,7 @@ interface CarouselProps {
  * - hero: single panoramic item with snap
  * - lightbox: single item per view, ghost arrows, counter (for PhotoViewer)
  */
-declare const Carousel: FC<CarouselProps>;
+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;
 
 interface CarouselItemProps extends HTMLAttributes<HTMLDivElement> {
     /** Whether this is a hero item (full width with snap) */
@@ -285,7 +287,7 @@ interface CarouselItemProps extends HTMLAttributes<HTMLDivElement> {
  * Wrapper for individual carousel items.
  * For hero and lightbox variants, items take full width and snap to center.
  */
-declare const CarouselItem: FC<CarouselItemProps>;
+declare function CarouselItem({ children, isHero, isLightbox, className, ...rest }: Readonly<CarouselItemProps>): react_jsx_runtime.JSX.Element;
 
 /** Position mode for navigation buttons */
 type CarouselNavigationPosition = 'inline' | 'sides' | 'sides-inset';
@@ -313,7 +315,7 @@ interface CarouselNavigationProps {
  * - sides: absolute, centered on the carousel edges (overhangs container — standard carousel)
  * - sides-inset: absolute, inside the container with padding (lightbox, fullscreen contexts)
  */
-declare const CarouselNavigation: FC<CarouselNavigationProps>;
+declare function CarouselNavigation({ onPrev, onNext, canPrev, canNext, size, position, iconVariant, className, }: Readonly<CarouselNavigationProps>): react_jsx_runtime.JSX.Element;
 
 interface CarouselPaginationProps {
     /** Total number of items */
@@ -330,7 +332,7 @@ interface CarouselPaginationProps {
  * Active dot is displayed as a capsule (wider), inactive dots are circles.
  * Supports light mode for dark backgrounds (white dots).
  */
-declare const CarouselPagination: FC<CarouselPaginationProps>;
+declare function CarouselPagination({ total, current, light, className, }: Readonly<CarouselPaginationProps>): react_jsx_runtime.JSX.Element | null;
 
 interface CarouselCounterProps {
     /** Current index (0-based) — displayed as 1-based */
@@ -344,7 +346,7 @@ interface CarouselCounterProps {
  * Counter for Carousel lightbox variant.
  * Displays current position as "3 / 20" (1-indexed).
  */
-declare const CarouselCounter: FC<CarouselCounterProps>;
+declare function CarouselCounter({ current, total, className, }: Readonly<CarouselCounterProps>): react_jsx_runtime.JSX.Element;
 
 interface CarouselLoadingProps {
     /** Number of skeleton cards to display */
@@ -366,10 +368,10 @@ interface CarouselLoadingProps {
  * Displays a horizontal scrollable list of skeleton placeholders
  * matching the structure of MovieCard components.
  */
-declare const CarouselLoading: FC<CarouselLoadingProps>;
+declare function CarouselLoading({ count, cardWidth, cardHeight, showTitle, showSubtitle, rounded, }: Readonly<CarouselLoadingProps>): react_jsx_runtime.JSX.Element;
 
 type TabsListProps = HTMLAttributes<HTMLDivElement>;
-declare const TabsList: FC<TabsListProps>;
+declare function TabsList({ className, children, ...rest }: Readonly<TabsListProps>): react_jsx_runtime.JSX.Element;
 
 interface TabsPanelProps extends HTMLAttributes<HTMLDivElement> {
     /** Value that identifies this panel (must match a Tabs.Trigger value) */
@@ -382,7 +384,7 @@ interface TabsPanelProps extends HTMLAttributes<HTMLDivElement> {
  * Automatically hidden/shown based on active tab value.
  * Provides proper ARIA attributes for accessibility.
  */
-declare const TabsPanel: FC<TabsPanelProps>;
+declare function TabsPanel({ value, children, ...rest }: Readonly<TabsPanelProps>): react_jsx_runtime.JSX.Element;
 
 interface TabsTriggerProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     /** Value that identifies this tab */
@@ -390,7 +392,7 @@ interface TabsTriggerProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     /** Optional icon component */
     icon?: ReactNode;
 }
-declare const TabsTrigger: FC<TabsTriggerProps>;
+declare function TabsTrigger({ value, icon, disabled, className, children, ...rest }: Readonly<TabsTriggerProps>): react_jsx_runtime.JSX.Element;
 
 /** Tabs visual variant */
 type TabsVariant = 'underline' | 'pills';
@@ -412,11 +414,12 @@ interface TabsProps extends HTMLAttributes<HTMLDivElement> {
  * Supports underline and pills variants.
  * Uses Compound Component pattern.
  */
-declare const Tabs: FC<TabsProps> & {
-    List: typeof TabsList;
-    Trigger: typeof TabsTrigger;
-    Panel: typeof TabsPanel;
-};
+declare function Tabs({ defaultValue, value, onValueChange, variant, prefix, className, children, ...rest }: Readonly<TabsProps>): react_jsx_runtime.JSX.Element;
+declare namespace Tabs {
+    var List: typeof TabsList;
+    var Trigger: typeof TabsTrigger;
+    var Panel: typeof TabsPanel;
+}
 
 interface SkeletonProps extends ComponentProps<'div'> {
     /** Shape variant */
@@ -435,7 +438,7 @@ interface SkeletonProps extends ComponentProps<'div'> {
  *
  * Composable primitive for building loading states with shimmer effect.
  */
-declare const Skeleton: FC<SkeletonProps>;
+declare function Skeleton({ variant, width, height, aspectRatio, rounded, className, ...rest }: Readonly<SkeletonProps>): react_jsx_runtime.JSX.Element;
 
 interface TalentProps extends HTMLAttributes<HTMLDivElement> {
     /** Full name of the talent (actor, director, writer, etc.) */
@@ -449,7 +452,7 @@ interface TalentProps extends HTMLAttributes<HTMLDivElement> {
     /** Avatar size */
     size?: AvatarSize;
 }
-declare const Talent: FC<TalentProps>;
+declare function Talent({ name, role, imageSrc, variant, size, className, ...rest }: Readonly<TalentProps>): react_jsx_runtime.JSX.Element;
 
 type TypographyVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'body' | 'body-sm' | 'body-lg' | 'lead' | 'caption' | 'caption-xs' | 'label' | 'muted' | 'blockquote';
 interface TypographyProps extends HTMLAttributes<HTMLElement> {
@@ -462,11 +465,11 @@ interface TypographyProps extends HTMLAttributes<HTMLElement> {
     /** Content */
     children: ReactNode;
 }
-declare const Typography: FC<TypographyProps>;
+declare function Typography({ variant, as, className, children, ...rest }: Readonly<TypographyProps>): react.ReactElement<any, string | react.JSXElementConstructor<any>>;
 
 interface SpinnerProps {
     className?: string;
 }
-declare const Spinner: FC<SpinnerProps>;
+declare function Spinner({ className }: Readonly<SpinnerProps>): react_jsx_runtime.JSX.Element;
 
 export { type AspectRatio, Avatar, type AvatarProps, type AvatarSize, Badge, type BadgeProps, type BadgeSize, type BadgeVariant, Carousel, type CarouselArrowPosition, CarouselCounter, type CarouselCounterProps, CarouselItem, type CarouselItemProps, CarouselLoading, type CarouselLoadingProps, CarouselNavigation, type CarouselNavigationPosition, type CarouselNavigationProps, CarouselPagination, type CarouselPaginationProps, type CarouselProps, type CarouselVariant, HeroImage, type HeroImageProps, IconButton, type IconButtonProps, IconName, Image, type ImageProps, type ImageState, Modal, type ModalProps, MovieCard, type MovieCardProps, Rating, type RatingProps, type RatingSize, type RatingVariant, Skeleton, type SkeletonProps, Spinner, type SpinnerProps, Tabs, type TabsProps, type TabsVariant, Talent, type TalentProps, TrailerCard, type TrailerCardProps, Typography, type TypographyProps, type TypographyVariant };