@vite-mf-monorepo/ui 0.1.1 → 0.3.0

package/dist/chunk-JPJYJLAP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Skeleton/Skeleton.tsx"],"names":[],"mappings":";;;;AAsBA,SAAS,QAAA,CAAS;AAAA,EAChB,OAAA,GAAU,WAAA;AAAA,EACV,KAAA;AAAA,EACA,MAAA;AAAA,EACA,WAAA;AAAA,EACA,OAAA,GAAU,IAAA;AAAA,EACV,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAA4B;AAC1B,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,IAAA;AAAA,QACT,4CAAA;AAAA,QACA,qBAAA;AAAA,QACA;AAAA,UACE,eAAA,EAAiB,YAAY,WAAA,IAAe,OAAA;AAAA,UAC5C,mBAAmB,OAAA,KAAY,QAAA;AAAA,UAC/B,YAAA,EAAc,YAAY,MAAA,IAAU;AAAA,SACtC;AAAA,QACA,KAAA;AAAA,QACA,MAAA;AAAA,QACA;AAAA,OACF;AAAA,MACA,KAAA,EAAO,WAAA,GAAc,EAAE,WAAA,EAAY,GAAI,MAAA;AAAA,MACtC,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,IAAO,gBAAA,GAAQ","file":"chunk-JPJYJLAP.js","sourcesContent":["import clsx from 'clsx'\n\nimport type { ComponentProps } from 'react'\n\nexport interface SkeletonProps extends ComponentProps<'div'> {\n  /** Shape variant */\n  variant?: 'rectangle' | 'circle' | 'line'\n  /** Width (Tailwind class or custom value) */\n  width?: string\n  /** Height (Tailwind class or custom value) */\n  height?: string\n  /** Aspect ratio (e.g., \"2/3\", \"16/9\", \"1/1\") */\n  aspectRatio?: string\n  /** Apply rounded corners (default: true for rectangle/line, always true for circle) */\n  rounded?: boolean\n}\n\n/**\n * Skeleton - Atomic loading placeholder component\n *\n * Composable primitive for building loading states with shimmer effect.\n */\nfunction Skeleton({\n  variant = 'rectangle',\n  width,\n  height,\n  aspectRatio,\n  rounded = true,\n  className,\n  ...rest\n}: Readonly<SkeletonProps>) {\n  return (\n    <div\n      className={clsx(\n        'ui:relative ui:overflow-hidden ui:bg-muted',\n        'ui-skeleton-shimmer',\n        {\n          'ui:rounded-lg': variant === 'rectangle' && rounded,\n          'ui:rounded-full': variant === 'circle',\n          'ui:rounded': variant === 'line' && rounded,\n        },\n        width,\n        height,\n        className\n      )}\n      style={aspectRatio ? { aspectRatio } : undefined}\n      {...rest}\n    />\n  )\n}\n\nexport default Skeleton\n"]}

package/dist/chunk-WYIIOTWJ.js

@@ -0,0 +1,49 @@
+import { getButtonClasses, iconSizeMap, getButtonDisabledClasses } from './chunk-FDLKS7BI.js';
+import { Icon_default } from './chunk-JHRISQQJ.js';
+import { Link } from 'react-router-dom';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+function Button(props) {
+  const {
+    variant = "primary",
+    size = "md",
+    icon,
+    iconPosition = "left",
+    className,
+    children
+  } = props;
+  const classes = getButtonClasses({ variant, size, iconPosition, className });
+  const content = /* @__PURE__ */ jsxs(Fragment, { children: [
+    icon && /* @__PURE__ */ jsx(Icon_default, { name: icon, size: iconSizeMap[size] }),
+    children
+  ] });
+  if (props.as === "link") {
+    const {
+      as: _2,
+      variant: _v2,
+      size: _s2,
+      icon: _i2,
+      iconPosition: _ip2,
+      className: _c2,
+      children: _ch2,
+      ...linkProps
+    } = props;
+    return /* @__PURE__ */ jsx(Link, { className: classes, ...linkProps, children: content });
+  }
+  const {
+    as: _,
+    variant: _v,
+    size: _s,
+    icon: _i,
+    iconPosition: _ip,
+    className: _c,
+    children: _ch,
+    ...buttonProps
+  } = props;
+  return /* @__PURE__ */ jsx("button", { className: getButtonDisabledClasses(classes), ...buttonProps, children: content });
+}
+var Button_default = Button;
+
+export { Button_default };
+//# sourceMappingURL=chunk-WYIIOTWJ.js.map
+//# sourceMappingURL=chunk-WYIIOTWJ.js.map

package/dist/chunk-WYIIOTWJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/react-router/Button/Button.tsx"],"names":["_","_v","_s","_i","_ip","_c","_ch"],"mappings":";;;;;AAWA,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,UAAU,gBAAA,CAAiB,EAAE,SAAS,IAAA,EAAM,YAAA,EAAc,WAAW,CAAA;AAE3E,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,CAAC,YAAO,SAAA,EAAW,wBAAA,CAAyB,OAAO,CAAA,EAAI,GAAG,aACvD,QAAA,EAAA,OAAA,EACH,CAAA;AAEJ;AAEA,IAAO,cAAA,GAAQ","file":"chunk-WYIIOTWJ.js","sourcesContent":["import { Link } from 'react-router-dom'\n\nimport {\n  getButtonClasses,\n  getButtonDisabledClasses,\n  iconSizeMap,\n} from '../../Button/Button.utils'\nimport { Icon } from '../../Icon'\n\nimport type { ButtonProps } from './Button.types'\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 = getButtonClasses({ variant, size, iconPosition, className })\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 className={getButtonDisabledClasses(classes)} {...buttonProps}>\n      {content}\n    </button>\n  )\n}\n\nexport default Button\n"]}

package/dist/chunk-Y5GP5OWN.js

@@ -0,0 +1,3 @@
+
+//# sourceMappingURL=chunk-Y5GP5OWN.js.map
+//# sourceMappingURL=chunk-Y5GP5OWN.js.map

package/dist/chunk-Y5GP5OWN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"chunk-Y5GP5OWN.js"}

package/dist/index.d.ts

@@ -1,10 +1,12 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
-import { ComponentProps, ReactNode, ButtonHTMLAttributes, ImgHTMLAttributes, HTMLAttributes, ElementType } from 'react';
+import { ComponentProps, ReactNode, ButtonHTMLAttributes, 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';
 export { Card, CardProps, CardVariant } from './Card/index.js';
+export { A as AspectRatio, I as Image, c as ImageProps, d as ImageState } from './MovieCard.utils-CpNUUs8O.js';
+export { MovieCard, MovieCardProps } from './react-router/index.js';
 import 'react-router-dom';
 
 type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl';
@@ -52,35 +54,6 @@ interface IconButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
 }
 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';
-type ImageLoading = 'lazy' | 'eager';
-interface ImageProps extends Omit<ImgHTMLAttributes<HTMLImageElement>, 'placeholder'> {
-    /** Image source URL */
-    src: string;
-    /** Alt text for accessibility */
-    alt: string;
-    /** Pre-generated blur data URL (base64) */
-    blurDataUrl?: string;
-    /** Auto-generate blur placeholder from src using Canvas API */
-    autoBlur?: boolean;
-    /** Size of blur canvas (smaller = more blur). Default: 16 */
-    blurSize?: number;
-    /** JPEG quality for blur (0-1). Default: 0.3 */
-    blurQuality?: number;
-    /** Aspect ratio of the image container */
-    aspectRatio?: AspectRatio | (string & {});
-    /** Fallback content when image fails to load */
-    fallback?: ReactNode;
-    /** Callback when image loads successfully */
-    onLoad?: () => void;
-    /** Callback when image fails to load */
-    onError?: () => void;
-    /** Load strategy: 'lazy' waits for viewport visibility, 'eager' loads immediately. Default: 'eager' */
-    loading?: ImageLoading;
-}
-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 */
     backdropPath?: string | null;
@@ -129,81 +102,6 @@ interface 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
- */
-
-/**
- * Base props shared across all MovieCard variants
- */
-interface MovieCardBaseProps {
-    /** Media ID */
-    id: number;
-    /** Media title */
-    title: string;
-    /** Poster URL (full URL or TMDB path) */
-    posterUrl: string;
-    /** Vote average (0-10) */
-    voteAverage: number;
-    /** Release year */
-    year?: number | null;
-    /** Additional class name */
-    className?: string;
-    /** Image loading strategy ('lazy' | 'eager'). Default: 'lazy' */
-    imageLoading?: ImageLoading;
-}
-/**
- * MovieCard as a simple card (default, non-interactive)
- */
-interface MovieCardAsCard extends MovieCardBaseProps {
-    /** Render as simple card (default) */
-    as?: 'card' | undefined;
-    /** Not allowed when as="card" */
-    to?: never;
-    /** Not allowed when as="card" */
-    onClick?: never;
-}
-/**
- * MovieCard as a navigable link (React Router Link)
- */
-interface MovieCardAsLink extends MovieCardBaseProps {
-    /** Render as React Router Link */
-    as: 'link';
-    /** Navigation path (required when as="link") */
-    to: string;
-    /** Not allowed when as="link" */
-    onClick?: never;
-}
-/**
- * MovieCard as a clickable button with custom action
- */
-interface MovieCardAsButton extends MovieCardBaseProps {
-    /** Render as button with onClick */
-    as: 'button';
-    /** Click handler (required when as="button") */
-    onClick: () => void;
-    /** Not allowed when as="button" */
-    to?: never;
-}
-/**
- * MovieCard props - discriminated union by 'as' prop
- *
- * @example
- * // Simple card (default)
- * <MovieCard id={1} title="..." posterUrl="..." voteAverage={8} />
- *
- * @example
- * // Navigable link
- * <MovieCard as="link" to="/movie/1" id={1} title="..." posterUrl="..." voteAverage={8} />
- *
- * @example
- * // Button with custom action
- * <MovieCard as="button" onClick={() => console.log('clicked')} id={1} title="..." posterUrl="..." voteAverage={8} />
- */
-type MovieCardProps = MovieCardAsCard | MovieCardAsLink | MovieCardAsButton;
-
-declare function MovieCard({ id, title, posterUrl, voteAverage, year, className, imageLoading, as, ...rest }: Readonly<MovieCardProps>): react_jsx_runtime.JSX.Element;
-
 interface TrailerCardProps {
     /** YouTube video ID */
     videoKey: string;
@@ -472,4 +370,4 @@ interface 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 };
+export { 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, Modal, type ModalProps, 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 };