@vite-mf-monorepo/ui 0.4.5 → 0.4.6

package/dist/next/MovieCard/MovieCard.types.d.ts

@@ -0,0 +1,15 @@
+import { MovieCardAsCard, MovieCardBaseProps, MovieCardAsButton } from '../../MovieCard/MovieCard.utils.js';
+import '../../Image/Image.js';
+import 'react/jsx-runtime';
+import 'react';
+
+interface NextMovieCardAsLink extends MovieCardBaseProps {
+    /** Render as Next.js Link */
+    as: 'link';
+    /** Navigation path (required when as="link") */
+    href: string;
+    onClick?: never;
+}
+type NextMovieCardProps = MovieCardAsCard | NextMovieCardAsLink | MovieCardAsButton;
+
+export { MovieCardAsButton, MovieCardAsCard, MovieCardBaseProps, type NextMovieCardAsLink, type NextMovieCardProps };

package/dist/next/MovieCard/MovieCard.types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=MovieCard.types.js.map

package/dist/next/MovieCard/MovieCard.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/next/MovieCard/MovieCardContent.d.ts

@@ -0,0 +1,19 @@
+import { ImageLoading } from '../../Image/Image.js';
+import { ReactNode } from 'react';
+import 'react/jsx-runtime';
+
+interface NextMovieCardContentProps {
+    id: number;
+    title: string;
+    posterUrl: string;
+    voteAverage: number;
+    year?: number | null;
+    className?: string;
+    imageLoading?: ImageLoading;
+    isInteractive: boolean;
+    onClick?: (() => void) | undefined;
+    blurDataURL?: string;
+}
+declare function MovieCardContent({ id, title, posterUrl, voteAverage, year, className, imageLoading, isInteractive, onClick, blurDataURL, }: Readonly<NextMovieCardContentProps>): ReactNode;
+
+export { MovieCardContent as default };

package/dist/next/MovieCard/MovieCardContent.js

@@ -0,0 +1,79 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Card } from "../../Card";
+import { getMovieCardClasses } from "../../MovieCard/MovieCard.utils";
+import { Rating } from "../../Rating";
+import { Typography } from "../../Typography";
+import { NextImage } from "../Image";
+function MovieCardContent({
+  id,
+  title,
+  posterUrl,
+  voteAverage,
+  year,
+  className,
+  imageLoading = "lazy",
+  isInteractive,
+  onClick,
+  blurDataURL
+}) {
+  const src = `https://image.tmdb.org/t/p/w342${posterUrl}`;
+  return /* @__PURE__ */ jsxs(
+    Card,
+    {
+      variant: "ghost",
+      className: getMovieCardClasses(isInteractive, className),
+      onClick,
+      "data-testid": `movie-card-${String(id)}`,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "ui:relative ui:aspect-[2/3] ui:w-full ui:overflow-hidden ui:rounded-md ui:bg-gray-200", children: [
+          /* @__PURE__ */ jsx(
+            NextImage,
+            {
+              src,
+              alt: title,
+              width: 150,
+              height: 225,
+              loading: imageLoading,
+              blurDataURL,
+              className: "ui:h-full ui:w-full"
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: "ui:absolute ui:bottom-2 ui:right-2 ui:flex ui:items-center ui:justify-center ui:rounded-full ui:bg-white/80 ui:p-1", children: /* @__PURE__ */ jsx(
+            Rating,
+            {
+              value: voteAverage,
+              size: "sm",
+              variant: "circle",
+              trackClassName: "ui:text-gray-200",
+              className: "ui:drop-shadow"
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "ui:mt-2 ui:flex ui:flex-col ui:gap-0.5 ui:px-1", children: [
+          /* @__PURE__ */ jsx(
+            Typography,
+            {
+              variant: "label",
+              as: "h3",
+              className: "ui:line-clamp-2",
+              title,
+              children: title
+            }
+          ),
+          year && /* @__PURE__ */ jsx(
+            Typography,
+            {
+              variant: "caption-xs",
+              className: "ui:[.media-section:nth-of-type(odd)_&]:text-badge-foreground",
+              children: year
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+export {
+  MovieCardContent as default
+};
+//# sourceMappingURL=MovieCardContent.js.map

package/dist/next/MovieCard/MovieCardContent.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/next/MovieCard/MovieCardContent.tsx"],"sourcesContent":["import { Card } from '../../Card'\nimport { getMovieCardClasses } from '../../MovieCard/MovieCard.utils'\nimport { Rating } from '../../Rating'\nimport { Typography } from '../../Typography'\nimport { NextImage } from '../Image'\n\nimport type { ImageLoading } from '../../Image/Image'\nimport type { ReactNode } from 'react'\n\ninterface NextMovieCardContentProps {\n  id: number\n  title: string\n  posterUrl: string\n  voteAverage: number\n  year?: number | null\n  className?: string\n  imageLoading?: ImageLoading\n  isInteractive: boolean\n  onClick?: (() => void) | undefined\n  blurDataURL?: string\n}\n\nexport default function MovieCardContent({\n  id,\n  title,\n  posterUrl,\n  voteAverage,\n  year,\n  className,\n  imageLoading = 'lazy',\n  isInteractive,\n  onClick,\n  blurDataURL,\n}: Readonly<NextMovieCardContentProps>): ReactNode {\n  const src = `https://image.tmdb.org/t/p/w342${posterUrl}`\n\n  return (\n    <Card\n      variant=\"ghost\"\n      className={getMovieCardClasses(isInteractive, className)}\n      onClick={onClick}\n      data-testid={`movie-card-${String(id)}`}\n    >\n      <div className=\"ui:relative ui:aspect-[2/3] ui:w-full ui:overflow-hidden ui:rounded-md ui:bg-gray-200\">\n        <NextImage\n          src={src}\n          alt={title}\n          width={150}\n          height={225}\n          loading={imageLoading}\n          blurDataURL={blurDataURL}\n          className=\"ui:h-full ui:w-full\"\n        />\n        <div className=\"ui:absolute ui:bottom-2 ui:right-2 ui:flex ui:items-center ui:justify-center ui:rounded-full ui:bg-white/80 ui:p-1\">\n          <Rating\n            value={voteAverage}\n            size=\"sm\"\n            variant=\"circle\"\n            trackClassName=\"ui:text-gray-200\"\n            className=\"ui:drop-shadow\"\n          />\n        </div>\n      </div>\n\n      <div className=\"ui:mt-2 ui:flex ui:flex-col ui:gap-0.5 ui:px-1\">\n        <Typography\n          variant=\"label\"\n          as=\"h3\"\n          className=\"ui:line-clamp-2\"\n          title={title}\n        >\n          {title}\n        </Typography>\n        {year && (\n          <Typography\n            variant=\"caption-xs\"\n            className=\"ui:[.media-section:nth-of-type(odd)_&]:text-badge-foreground\"\n          >\n            {year}\n          </Typography>\n        )}\n      </div>\n    </Card>\n  )\n}\n"],"mappings":"AA2CM,SACE,KADF;AA3CN,SAAS,YAAY;AACrB,SAAS,2BAA2B;AACpC,SAAS,cAAc;AACvB,SAAS,kBAAkB;AAC3B,SAAS,iBAAiB;AAkBX,SAAR,iBAAkC;AAAA,EACvC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf;AAAA,EACA;AAAA,EACA;AACF,GAAmD;AACjD,QAAM,MAAM,kCAAkC,SAAS;AAEvD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAQ;AAAA,MACR,WAAW,oBAAoB,eAAe,SAAS;AAAA,MACvD;AAAA,MACA,eAAa,cAAc,OAAO,EAAE,CAAC;AAAA,MAErC;AAAA,6BAAC,SAAI,WAAU,yFACb;AAAA;AAAA,YAAC;AAAA;AAAA,cACC;AAAA,cACA,KAAK;AAAA,cACL,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,SAAS;AAAA,cACT;AAAA,cACA,WAAU;AAAA;AAAA,UACZ;AAAA,UACA,oBAAC,SAAI,WAAU,sHACb;AAAA,YAAC;AAAA;AAAA,cACC,OAAO;AAAA,cACP,MAAK;AAAA,cACL,SAAQ;AAAA,cACR,gBAAe;AAAA,cACf,WAAU;AAAA;AAAA,UACZ,GACF;AAAA,WACF;AAAA,QAEA,qBAAC,SAAI,WAAU,kDACb;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,SAAQ;AAAA,cACR,IAAG;AAAA,cACH,WAAU;AAAA,cACV;AAAA,cAEC;AAAA;AAAA,UACH;AAAA,UACC,QACC;AAAA,YAAC;AAAA;AAAA,cACC,SAAQ;AAAA,cACR,WAAU;AAAA,cAET;AAAA;AAAA,UACH;AAAA,WAEJ;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/next/MovieCard/index.d.ts

@@ -0,0 +1,6 @@
+export { default as MovieCard } from './MovieCard.js';
+export { NextMovieCardAsLink, NextMovieCardProps } from './MovieCard.types.js';
+export { MovieCardAsButton, MovieCardAsCard, MovieCardBaseProps } from '../../MovieCard/MovieCard.utils.js';
+import 'react/jsx-runtime';
+import '../../Image/Image.js';
+import 'react';

package/dist/next/MovieCard/index.js

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

package/dist/next/MovieCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/next/MovieCard/index.ts"],"sourcesContent":["export { default as MovieCard } from './MovieCard'\nexport type {\n  NextMovieCardProps,\n  NextMovieCardAsLink,\n  MovieCardBaseProps,\n  MovieCardAsCard,\n  MovieCardAsButton,\n} from './MovieCard.types'\n"],"mappings":"AAAA,SAAoB,WAAXA,gBAA4B;","names":["default"]}

package/dist/next/index.d.ts

@@ -1,60 +1,14 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { IconName } from '../Icon/index.js';
-import { LinkProps } from 'next/link';
-import { ButtonHTMLAttributes, ReactNode } from 'react';
-import { ImageProps } from 'next/image';
-import { M as MovieCardAsCard, a as MovieCardBaseProps, b as MovieCardAsButton } from '../MovieCard.utils-D8i4d7qA.js';
-
-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 NextButtonAsButton = ButtonVisualProps & ButtonHTMLAttributes<HTMLButtonElement> & {
-    as?: 'button' | undefined;
-};
-type NextButtonAsLink = ButtonVisualProps & Omit<LinkProps, 'as'> & {
-    as: 'link';
-    className?: string;
-    children?: React.ReactNode;
-};
-type NextButtonProps = NextButtonAsButton | NextButtonAsLink;
-
-declare function Button(props: Readonly<NextButtonProps>): react_jsx_runtime.JSX.Element;
-
-interface NextHeroImageProps {
-    /** Backdrop path from TMDB API (e.g. "/abc123.jpg") */
-    backdropPath?: string | null;
-    /** Alt text for the image */
-    title?: string | null;
-}
-declare function HeroImage({ backdropPath, title }: Readonly<NextHeroImageProps>): react_jsx_runtime.JSX.Element;
-
-interface NextImageProps extends Omit<ImageProps, 'placeholder'> {
-    /** Custom fallback content on error (default: Photo icon) */
-    fallback?: ReactNode;
-    /** Container aspect ratio (e.g. '2/3', '16/9') */
-    aspectRatio?: string;
-    /** Base64 blur data URL — auto-sets placeholder="blur" when provided */
-    blurDataURL?: string;
-}
-
-declare function NextImage({ fallback, aspectRatio, blurDataURL, className, onLoad, onError, style, ...rest }: Readonly<NextImageProps>): react_jsx_runtime.JSX.Element;
-
-interface NextMovieCardAsLink extends MovieCardBaseProps {
-    /** Render as Next.js Link */
-    as: 'link';
-    /** Navigation path (required when as="link") */
-    href: string;
-    onClick?: never;
-}
-type NextMovieCardProps = MovieCardAsCard | NextMovieCardAsLink | MovieCardAsButton;
-
-declare function MovieCard({ id, title, posterUrl, voteAverage, year, className, imageLoading, blurDataURL, as, ...rest }: Readonly<NextMovieCardProps>): react_jsx_runtime.JSX.Element;
-
-export { Button, HeroImage, MovieCard, MovieCardAsButton, MovieCardAsCard, MovieCardBaseProps, type NextButtonAsButton, type NextButtonAsLink, type NextButtonProps, type NextHeroImageProps, NextImage, type NextImageProps, type NextMovieCardAsLink, type NextMovieCardProps };
+export { default as Button } from './Button/Button.js';
+export { NextButtonAsButton, NextButtonAsLink, NextButtonProps } from './Button/Button.types.js';
+export { default as HeroImage, NextHeroImageProps } from './HeroImage/HeroImage.js';
+export { default as NextImage } from './Image/NextImage.js';
+export { NextImageProps } from './Image/NextImage.types.js';
+export { default as MovieCard } from './MovieCard/MovieCard.js';
+export { NextMovieCardAsLink, NextMovieCardProps } from './MovieCard/MovieCard.types.js';
+export { MovieCardAsButton, MovieCardAsCard, MovieCardBaseProps } from '../MovieCard/MovieCard.utils.js';
+import 'react/jsx-runtime';
+import '../Icon/Icon.js';
+import 'react';
+import 'next/link';
+import 'next/image';
+import '../Image/Image.js';

package/dist/next/index.js

@@ -1,271 +1,11 @@
-import { Skeleton_default } from '../chunk-FJZK3PY6.js';
-import { getMovieCardLinkClasses, Rating_default, Typography_default, getMovieCardClasses } from '../chunk-6DP3KZQG.js';
-import { getButtonClasses, iconSizeMap, getButtonDisabledClasses } from '../chunk-IUGKH376.js';
-import { Card_default } from '../chunk-RZU2FFBW.js';
-import { Icon_default } from '../chunk-6FBMTGXQ.js';
-import Link from 'next/link';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import clsx from 'clsx';
-import Image from 'next/image';
-import { useState, useRef, useEffect, useCallback } from 'react';
-
-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;
-function NextImage({
-  fallback,
-  aspectRatio,
-  blurDataURL,
-  className,
-  onLoad,
-  onError,
-  style,
-  ...rest
-}) {
-  const [state, setState] = useState("loading");
-  const wrapperRef = useRef(null);
-  useEffect(() => {
-    const img = wrapperRef.current?.querySelector("img");
-    console.warn("NextImage::useEffect - img: ", img);
-    if (img?.complete && img.naturalWidth > 0) {
-      console.warn("NextImage::useEffect - loaded from cache");
-      setState("loaded");
-    }
-  }, []);
-  const handleLoad = useCallback(
-    (e) => {
-      setState("loaded");
-      console.warn("NextImage::handleLoad::loaded");
-      if (typeof onLoad === "function") {
-        onLoad(e);
-      }
-    },
-    [onLoad]
-  );
-  const handleError = useCallback(
-    (e) => {
-      setState("error");
-      console.warn("NextImage::handleError::error");
-      if (typeof onError === "function") {
-        onError(e);
-      }
-    },
-    [onError]
-  );
-  const defaultFallback = /* @__PURE__ */ jsx("div", { className: "ui:flex ui:h-full ui:w-full ui:items-center ui:justify-center ui:bg-muted", children: /* @__PURE__ */ jsx(
-    Icon_default,
-    {
-      name: "Photo",
-      size: 48,
-      className: "ui:text-muted-foreground",
-      "aria-hidden": "true"
-    }
-  ) });
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: clsx("ui:relative ui:overflow-hidden ui:bg-muted", className),
-      style: aspectRatio ? { aspectRatio, ...style } : style,
-      "data-state": state,
-      ref: wrapperRef,
-      children: state === "error" ? fallback ?? defaultFallback : /* @__PURE__ */ jsx(
-        Image,
-        {
-          ...rest,
-          className: clsx(
-            "ui:transition-opacity ui:duration-300",
-            state === "loaded" ? "ui:opacity-100" : "ui:opacity-0"
-          ),
-          onLoad: handleLoad,
-          onError: handleError,
-          placeholder: blurDataURL ? "blur" : "empty",
-          blurDataURL
-        }
-      )
-    }
-  );
-}
-var NextImage_default = NextImage;
-function HeroImage({ backdropPath, title }) {
-  const src = backdropPath ? `https://image.tmdb.org/t/p/original${backdropPath}` : void 0;
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    src ? /* @__PURE__ */ jsx(
-      NextImage_default,
-      {
-        src,
-        alt: title ?? "Unknown",
-        fill: true,
-        preload: true,
-        sizes: "100vw",
-        className: "ui:h-full ui:w-full",
-        fallback: /* @__PURE__ */ jsx(
-          Skeleton_default,
-          {
-            "data-testid": "hero-image-skeleton",
-            variant: "rectangle",
-            width: "ui:relative ui:w-full ui:h-full ui:hero-height ui:z-0",
-            aspectRatio: "21/9",
-            rounded: false
-          }
-        )
-      }
-    ) : /* @__PURE__ */ jsx(
-      Skeleton_default,
-      {
-        "data-testid": "hero-image-skeleton",
-        variant: "rectangle",
-        width: "ui:relative ui:w-full ui:h-full ui:hero-height ui:z-0",
-        aspectRatio: "21/9",
-        rounded: false
-      }
-    ),
-    /* @__PURE__ */ jsx("div", { className: "ui:absolute ui:inset-0 ui:bg-gradient-to-t ui:from-black/80 ui:via-black/40 ui:to-transparent ui:z-1 ui:top-0 ui:left-0 ui:right-0 ui:bottom-0" })
-  ] });
-}
-var HeroImage_default = HeroImage;
-function MovieCardContent({
-  id,
-  title,
-  posterUrl,
-  voteAverage,
-  year,
-  className,
-  imageLoading = "lazy",
-  isInteractive,
-  onClick,
-  blurDataURL
-}) {
-  const src = `https://image.tmdb.org/t/p/w342${posterUrl}`;
-  return /* @__PURE__ */ jsxs(
-    Card_default,
-    {
-      variant: "ghost",
-      className: getMovieCardClasses(isInteractive, className),
-      onClick,
-      "data-testid": `movie-card-${String(id)}`,
-      children: [
-        /* @__PURE__ */ jsxs("div", { className: "ui:relative ui:aspect-[2/3] ui:w-full ui:overflow-hidden ui:rounded-md ui:bg-gray-200", children: [
-          /* @__PURE__ */ jsx(
-            NextImage_default,
-            {
-              src,
-              alt: title,
-              width: 150,
-              height: 225,
-              loading: imageLoading,
-              blurDataURL,
-              className: "ui:h-full ui:w-full"
-            }
-          ),
-          /* @__PURE__ */ jsx("div", { className: "ui:absolute ui:bottom-2 ui:right-2 ui:flex ui:items-center ui:justify-center ui:rounded-full ui:bg-white/80 ui:p-1", children: /* @__PURE__ */ jsx(
-            Rating_default,
-            {
-              value: voteAverage,
-              size: "sm",
-              variant: "circle",
-              trackClassName: "ui:text-gray-200",
-              className: "ui:drop-shadow"
-            }
-          ) })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "ui:mt-2 ui:flex ui:flex-col ui:gap-0.5 ui:px-1", children: [
-          /* @__PURE__ */ jsx(
-            Typography_default,
-            {
-              variant: "label",
-              as: "h3",
-              className: "ui:line-clamp-2",
-              title,
-              children: title
-            }
-          ),
-          year && /* @__PURE__ */ jsx(
-            Typography_default,
-            {
-              variant: "caption-xs",
-              className: "ui:[.media-section:nth-of-type(odd)_&]:text-badge-foreground",
-              children: year
-            }
-          )
-        ] })
-      ]
-    }
-  );
-}
-function MovieCard({
-  id,
-  title,
-  posterUrl,
-  voteAverage,
-  year,
-  className,
-  imageLoading = "lazy",
-  blurDataURL,
-  as = "card",
-  ...rest
-}) {
-  const href = "href" in rest ? rest.href : void 0;
-  const onClick = "onClick" in rest ? rest.onClick : void 0;
-  const isInteractive = as === "link" || as === "button";
-  const cardContent = /* @__PURE__ */ jsx(
-    MovieCardContent,
-    {
-      id,
-      title,
-      posterUrl,
-      voteAverage,
-      year,
-      className,
-      imageLoading,
-      isInteractive,
-      onClick: as === "button" ? onClick : void 0,
-      blurDataURL
-    }
-  );
-  if (as === "link" && href) {
-    return /* @__PURE__ */ jsx(Link, { href, className: getMovieCardLinkClasses(), children: cardContent });
-  }
-  return cardContent;
-}
-var MovieCard_default = MovieCard;
-
-export { Button_default as Button, HeroImage_default as HeroImage, MovieCard_default as MovieCard, NextImage_default as NextImage };
-//# sourceMappingURL=index.js.map
+import { Button } from "./Button";
+import { HeroImage } from "./HeroImage";
+import { NextImage } from "./Image";
+import { MovieCard } from "./MovieCard";
+export {
+  Button,
+  HeroImage,
+  MovieCard,
+  NextImage
+};
 //# sourceMappingURL=index.js.map

package/dist/next/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/next/Button/Button.tsx","../../src/next/Image/NextImage.tsx","../../src/next/HeroImage/HeroImage.tsx","../../src/next/MovieCard/MovieCardContent.tsx","../../src/next/MovieCard/MovieCard.tsx"],"names":["_","_v","_s","_i","_ip","_c","_ch","jsx","jsxs","Fragment","Link"],"mappings":"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","file":"index.js","sourcesContent":["import Link from 'next/link'\n\nimport {\n  getButtonClasses,\n  getButtonDisabledClasses,\n  iconSizeMap,\n} from '../../Button/Button.utils'\nimport { Icon } from '../../Icon'\n\nimport type { NextButtonProps } from './Button.types'\n\nfunction Button(props: Readonly<NextButtonProps>) {\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","'use client'\n\nimport clsx from 'clsx'\nimport Image from 'next/image'\nimport { useCallback, useEffect, useRef, useState } from 'react'\n\nimport { Icon } from '../../Icon'\n\nimport type { NextImageProps } from './NextImage.types'\nimport type { ImageState } from '../../Image'\nimport type { SyntheticEvent } from 'react'\n\nfunction NextImage({\n  fallback,\n  aspectRatio,\n  blurDataURL,\n  className,\n  onLoad,\n  onError,\n  style,\n  ...rest\n}: Readonly<NextImageProps>) {\n  const [state, setState] = useState<ImageState>('loading')\n\n  const wrapperRef = useRef<HTMLDivElement>(null)\n\n  useEffect(() => {\n    const img = wrapperRef.current?.querySelector('img')\n    console.warn('NextImage::useEffect - img: ', img)\n    if (img?.complete && img.naturalWidth > 0) {\n      console.warn('NextImage::useEffect - loaded from cache')\n      setState('loaded')\n    }\n  }, [])\n\n  const handleLoad = useCallback(\n    (e: SyntheticEvent<HTMLImageElement>) => {\n      setState('loaded')\n      console.warn('NextImage::handleLoad::loaded')\n      if (typeof onLoad === 'function') {\n        onLoad(e as Parameters<typeof onLoad>[0])\n      }\n    },\n    [onLoad]\n  )\n\n  const handleError = useCallback(\n    (e: SyntheticEvent<HTMLImageElement>) => {\n      setState('error')\n      console.warn('NextImage::handleError::error')\n      if (typeof onError === 'function') {\n        onError(e as Parameters<typeof onError>[0])\n      }\n    },\n    [onError]\n  )\n\n  const defaultFallback = (\n    <div className=\"ui:flex ui:h-full ui:w-full ui:items-center ui:justify-center ui:bg-muted\">\n      <Icon\n        name=\"Photo\"\n        size={48}\n        className=\"ui:text-muted-foreground\"\n        aria-hidden=\"true\"\n      />\n    </div>\n  )\n\n  return (\n    <div\n      className={clsx('ui:relative ui:overflow-hidden ui:bg-muted', className)}\n      style={aspectRatio ? { aspectRatio, ...style } : style}\n      data-state={state}\n      ref={wrapperRef}\n    >\n      {state === 'error' ? (\n        (fallback ?? defaultFallback)\n      ) : (\n        <Image\n          {...rest}\n          className={clsx(\n            'ui:transition-opacity ui:duration-300',\n            state === 'loaded' ? 'ui:opacity-100' : 'ui:opacity-0'\n          )}\n          onLoad={handleLoad}\n          onError={handleError}\n          placeholder={blurDataURL ? 'blur' : 'empty'}\n          blurDataURL={blurDataURL}\n        />\n      )}\n    </div>\n  )\n}\n\nexport default NextImage\n","import { Skeleton } from '../../Skeleton'\nimport { NextImage } from '../Image'\n\nexport interface NextHeroImageProps {\n  /** Backdrop path from TMDB API (e.g. \"/abc123.jpg\") */\n  backdropPath?: string | null\n  /** Alt text for the image */\n  title?: string | null\n}\n\nfunction HeroImage({ backdropPath, title }: Readonly<NextHeroImageProps>) {\n  const src = backdropPath\n    ? `https://image.tmdb.org/t/p/original${backdropPath}`\n    : undefined\n\n  return (\n    <>\n      {src ? (\n        <NextImage\n          src={src}\n          alt={title ?? 'Unknown'}\n          fill\n          preload\n          sizes=\"100vw\"\n          className=\"ui:h-full ui:w-full\"\n          fallback={\n            <Skeleton\n              data-testid=\"hero-image-skeleton\"\n              variant=\"rectangle\"\n              width=\"ui:relative ui:w-full ui:h-full ui:hero-height ui:z-0\"\n              aspectRatio=\"21/9\"\n              rounded={false}\n            />\n          }\n        />\n      ) : (\n        <Skeleton\n          data-testid=\"hero-image-skeleton\"\n          variant=\"rectangle\"\n          width=\"ui:relative ui:w-full ui:h-full ui:hero-height ui:z-0\"\n          aspectRatio=\"21/9\"\n          rounded={false}\n        />\n      )}\n      {/* Gradient Overlay */}\n      <div className=\"ui:absolute ui:inset-0 ui:bg-gradient-to-t ui:from-black/80 ui:via-black/40 ui:to-transparent ui:z-1 ui:top-0 ui:left-0 ui:right-0 ui:bottom-0\" />\n    </>\n  )\n}\n\nexport default HeroImage\n","import { Card } from '../../Card'\nimport { getMovieCardClasses } from '../../MovieCard/MovieCard.utils'\nimport { Rating } from '../../Rating'\nimport { Typography } from '../../Typography'\nimport { NextImage } from '../Image'\n\nimport type { ImageLoading } from '../../Image/Image'\nimport type { ReactNode } from 'react'\n\ninterface NextMovieCardContentProps {\n  id: number\n  title: string\n  posterUrl: string\n  voteAverage: number\n  year?: number | null\n  className?: string\n  imageLoading?: ImageLoading\n  isInteractive: boolean\n  onClick?: (() => void) | undefined\n  blurDataURL?: string\n}\n\nexport default function MovieCardContent({\n  id,\n  title,\n  posterUrl,\n  voteAverage,\n  year,\n  className,\n  imageLoading = 'lazy',\n  isInteractive,\n  onClick,\n  blurDataURL,\n}: Readonly<NextMovieCardContentProps>): ReactNode {\n  const src = `https://image.tmdb.org/t/p/w342${posterUrl}`\n\n  return (\n    <Card\n      variant=\"ghost\"\n      className={getMovieCardClasses(isInteractive, className)}\n      onClick={onClick}\n      data-testid={`movie-card-${String(id)}`}\n    >\n      <div className=\"ui:relative ui:aspect-[2/3] ui:w-full ui:overflow-hidden ui:rounded-md ui:bg-gray-200\">\n        <NextImage\n          src={src}\n          alt={title}\n          width={150}\n          height={225}\n          loading={imageLoading}\n          blurDataURL={blurDataURL}\n          className=\"ui:h-full ui:w-full\"\n        />\n        <div className=\"ui:absolute ui:bottom-2 ui:right-2 ui:flex ui:items-center ui:justify-center ui:rounded-full ui:bg-white/80 ui:p-1\">\n          <Rating\n            value={voteAverage}\n            size=\"sm\"\n            variant=\"circle\"\n            trackClassName=\"ui:text-gray-200\"\n            className=\"ui:drop-shadow\"\n          />\n        </div>\n      </div>\n\n      <div className=\"ui:mt-2 ui:flex ui:flex-col ui:gap-0.5 ui:px-1\">\n        <Typography\n          variant=\"label\"\n          as=\"h3\"\n          className=\"ui:line-clamp-2\"\n          title={title}\n        >\n          {title}\n        </Typography>\n        {year && (\n          <Typography\n            variant=\"caption-xs\"\n            className=\"ui:[.media-section:nth-of-type(odd)_&]:text-badge-foreground\"\n          >\n            {year}\n          </Typography>\n        )}\n      </div>\n    </Card>\n  )\n}\n","import Link from 'next/link'\n\nimport { getMovieCardLinkClasses } from '../../MovieCard/MovieCard.utils'\n\nimport MovieCardContent from './MovieCardContent'\n\nimport type { NextMovieCardProps } from './MovieCard.types'\n\nfunction MovieCard({\n  id,\n  title,\n  posterUrl,\n  voteAverage,\n  year,\n  className,\n  imageLoading = 'lazy',\n  blurDataURL,\n  as = 'card',\n  ...rest\n}: Readonly<NextMovieCardProps>) {\n  const href = 'href' in rest ? rest.href : undefined\n  const onClick = 'onClick' in rest ? rest.onClick : undefined\n\n  const isInteractive = as === 'link' || as === 'button'\n\n  const cardContent = (\n    <MovieCardContent\n      id={id}\n      title={title}\n      posterUrl={posterUrl}\n      voteAverage={voteAverage}\n      year={year}\n      className={className}\n      imageLoading={imageLoading}\n      isInteractive={isInteractive}\n      onClick={as === 'button' ? onClick : undefined}\n      blurDataURL={blurDataURL}\n    />\n  )\n\n  if (as === 'link' && href) {\n    return (\n      <Link href={href} className={getMovieCardLinkClasses()}>\n        {cardContent}\n      </Link>\n    )\n  }\n\n  return cardContent\n}\n\nexport default MovieCard\n"]}
+{"version":3,"sources":["../../src/next/index.ts"],"sourcesContent":["export { Button } from './Button'\nexport type {\n  NextButtonProps,\n  NextButtonAsButton,\n  NextButtonAsLink,\n} from './Button'\n\nexport { HeroImage } from './HeroImage'\nexport type { NextHeroImageProps } from './HeroImage'\n\nexport { NextImage } from './Image'\nexport type { NextImageProps } from './Image'\n\nexport { MovieCard } from './MovieCard'\nexport type {\n  NextMovieCardProps,\n  NextMovieCardAsLink,\n  MovieCardBaseProps,\n  MovieCardAsCard,\n  MovieCardAsButton,\n} from './MovieCard'\n"],"mappings":"AAAA,SAAS,cAAc;AAOvB,SAAS,iBAAiB;AAG1B,SAAS,iBAAiB;AAG1B,SAAS,iBAAiB;","names":[]}

package/dist/react-router/Button/Button.d.ts

@@ -0,0 +1,9 @@
+import { ButtonProps } from './Button.types.js';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import '../../Icon/Icon.js';
+import 'react';
+import 'react-router-dom';
+
+declare function Button(props: Readonly<ButtonProps>): react_jsx_runtime.JSX.Element;
+
+export { Button as default };

package/dist/react-router/Button/Button.js

@@ -0,0 +1,52 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Link } from "react-router-dom";
+import {
+  getButtonClasses,
+  getButtonDisabledClasses,
+  iconSizeMap
+} from "../../Button/Button.utils";
+import { Icon } from "../../Icon";
+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, { 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 as default
+};
+//# sourceMappingURL=Button.js.map

package/dist/react-router/Button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/react-router/Button/Button.tsx"],"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"],"mappings":"AAwBI,mBACW,KADX;AAxBJ,SAAS,YAAY;AAErB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,YAAY;AAIrB,SAAS,OAAO,OAA8B;AAC5C,QAAM;AAAA,IACJ,UAAU;AAAA,IACV,OAAO;AAAA,IACP;AAAA,IACA,eAAe;AAAA,IACf;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,UAAU,iBAAiB,EAAE,SAAS,MAAM,cAAc,UAAU,CAAC;AAE3E,QAAM,UACJ,iCACG;AAAA,YAAQ,oBAAC,QAAK,MAAM,MAAM,MAAM,YAAY,IAAI,GAAG;AAAA,IACnD;AAAA,KACH;AAGF,MAAI,MAAM,OAAO,QAAQ;AACvB,UAAM;AAAA,MACJ,IAAIA;AAAA,MACJ,SAASC;AAAA,MACT,MAAMC;AAAA,MACN,MAAMC;AAAA,MACN,cAAcC;AAAA,MACd,WAAWC;AAAA,MACX,UAAUC;AAAA,MACV,GAAG;AAAA,IACL,IAAI;AAEJ,WACE,oBAAC,QAAK,WAAW,SAAU,GAAG,WAC3B,mBACH;AAAA,EAEJ;AAEA,QAAM;AAAA,IACJ,IAAI;AAAA,IACJ,SAAS;AAAA,IACT,MAAM;AAAA,IACN,MAAM;AAAA,IACN,cAAc;AAAA,IACd,WAAW;AAAA,IACX,UAAU;AAAA,IACV,GAAG;AAAA,EACL,IAAI;AAEJ,SACE,oBAAC,YAAO,WAAW,yBAAyB,OAAO,GAAI,GAAG,aACvD,mBACH;AAEJ;AAEA,IAAO,iBAAQ;","names":["_","_v","_s","_i","_ip","_c","_ch"]}

package/dist/react-router/Button/Button.types.d.ts

@@ -0,0 +1,24 @@
+import { IconName } from '../../Icon/Icon.js';
+import { ButtonHTMLAttributes } from 'react';
+import { LinkProps } from 'react-router-dom';
+import 'react/jsx-runtime';
+
+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;
+
+export type { ButtonAsButton, ButtonAsLink, ButtonProps };

package/dist/react-router/Button/Button.types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=Button.types.js.map

package/dist/react-router/Button/Button.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/react-router/Button/index.d.ts

@@ -0,0 +1,6 @@
+export { default as Button } from './Button.js';
+export { ButtonAsButton, ButtonAsLink, ButtonProps } from './Button.types.js';
+import 'react/jsx-runtime';
+import '../../Icon/Icon.js';
+import 'react';
+import 'react-router-dom';