@vite-mf-monorepo/ui 0.4.5 → 0.4.6

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/react-router/Button/index.ts"],"sourcesContent":["export { default as Button } from './Button'\nexport type { ButtonProps, ButtonAsButton, ButtonAsLink } from './Button.types'\n"],"mappings":"AAAA,SAAoB,WAAXA,gBAAyB;","names":["default"]}

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

@@ -0,0 +1,9 @@
+import { MovieCardProps } from './MovieCard.types.js';
+import '../../MovieCard/MovieCard.utils.js';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import '../../Image/Image.js';
+import 'react';
+
+declare function MovieCard({ id, title, posterUrl, voteAverage, year, className, imageLoading, as, ...rest }: Readonly<MovieCardProps>): react_jsx_runtime.JSX.Element;
+
+export { MovieCard as default };

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

@@ -0,0 +1,42 @@
+import { jsx } from "react/jsx-runtime";
+import { Link } from "react-router-dom";
+import { getMovieCardLinkClasses } from "../../MovieCard/MovieCard.utils";
+import MovieCardContent from "../../MovieCard/MovieCardContent";
+function MovieCard({
+  id,
+  title,
+  posterUrl,
+  voteAverage,
+  year,
+  className,
+  imageLoading = "lazy",
+  as = "card",
+  ...rest
+}) {
+  const to = "to" in rest ? rest.to : 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
+    }
+  );
+  if (as === "link" && to) {
+    return /* @__PURE__ */ jsx(Link, { to, className: getMovieCardLinkClasses(), children: cardContent });
+  }
+  return cardContent;
+}
+var MovieCard_default = MovieCard;
+export {
+  MovieCard_default as default
+};
+//# sourceMappingURL=MovieCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/react-router/MovieCard/MovieCard.tsx"],"sourcesContent":["import { Link } from 'react-router-dom'\n\nimport { getMovieCardLinkClasses } from '../../MovieCard/MovieCard.utils'\nimport MovieCardContent from '../../MovieCard/MovieCardContent'\n\nimport type { MovieCardProps } from './MovieCard.types'\n\nfunction MovieCard({\n  id,\n  title,\n  posterUrl,\n  voteAverage,\n  year,\n  className,\n  imageLoading = 'lazy',\n  as = 'card',\n  ...rest\n}: Readonly<MovieCardProps>) {\n  const to = 'to' in rest ? rest.to : 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    />\n  )\n\n  if (as === 'link' && to) {\n    return (\n      <Link to={to} className={getMovieCardLinkClasses()}>\n        {cardContent}\n      </Link>\n    )\n  }\n\n  return cardContent\n}\n\nexport default MovieCard\n"],"mappings":"AAwBI;AAxBJ,SAAS,YAAY;AAErB,SAAS,+BAA+B;AACxC,OAAO,sBAAsB;AAI7B,SAAS,UAAU;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf,KAAK;AAAA,EACL,GAAG;AACL,GAA6B;AAC3B,QAAM,KAAK,QAAQ,OAAO,KAAK,KAAK;AACpC,QAAM,UAAU,aAAa,OAAO,KAAK,UAAU;AAEnD,QAAM,gBAAgB,OAAO,UAAU,OAAO;AAE9C,QAAM,cACJ;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,SAAS,OAAO,WAAW,UAAU;AAAA;AAAA,EACvC;AAGF,MAAI,OAAO,UAAU,IAAI;AACvB,WACE,oBAAC,QAAK,IAAQ,WAAW,wBAAwB,GAC9C,uBACH;AAAA,EAEJ;AAEA,SAAO;AACT;AAEA,IAAO,oBAAQ;","names":[]}

package/dist/react-router/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 MovieCardAsLink extends MovieCardBaseProps {
+    /** Render as React Router Link */
+    as: 'link';
+    /** Navigation path (required when as="link") */
+    to: string;
+    onClick?: never;
+}
+type MovieCardProps = MovieCardAsCard | MovieCardAsLink | MovieCardAsButton;
+
+export { MovieCardAsButton, MovieCardAsCard, type MovieCardAsLink, MovieCardBaseProps, type MovieCardProps };

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

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

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

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

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

@@ -0,0 +1,6 @@
+export { default as MovieCard } from './MovieCard.js';
+export { MovieCardAsLink, MovieCardProps } 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/react-router/MovieCard/index.js

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

package/dist/react-router/MovieCard/index.js.map

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

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

@@ -1,19 +1,10 @@
-export { Button, ButtonAsButton, ButtonAsLink, ButtonProps } from '../Button/index.js';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { M as MovieCardAsCard, a as MovieCardBaseProps, b as MovieCardAsButton } from '../MovieCard.utils-D8i4d7qA.js';
-import '../Icon/index.js';
+export { default as Button } from './Button/Button.js';
+export { ButtonAsButton, ButtonAsLink, ButtonProps } from './Button/Button.types.js';
+export { default as MovieCard } from './MovieCard/MovieCard.js';
+export { MovieCardAsLink, MovieCardProps } 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 'react-router-dom';
-
-interface MovieCardAsLink extends MovieCardBaseProps {
-    /** Render as React Router Link */
-    as: 'link';
-    /** Navigation path (required when as="link") */
-    to: string;
-    onClick?: never;
-}
-type MovieCardProps = MovieCardAsCard | MovieCardAsLink | MovieCardAsButton;
-
-declare function MovieCard({ id, title, posterUrl, voteAverage, year, className, imageLoading, as, ...rest }: Readonly<MovieCardProps>): react_jsx_runtime.JSX.Element;
-
-export { MovieCard, MovieCardAsButton, MovieCardAsCard, type MovieCardAsLink, MovieCardBaseProps, type MovieCardProps };
+import '../Image/Image.js';

package/dist/react-router/index.js

@@ -1,8 +1,7 @@
-export { MovieCard_default as MovieCard } from '../chunk-7IAJQE27.js';
-export { Button_default as Button } from '../chunk-ZTQU4GMY.js';
-import '../chunk-6DP3KZQG.js';
-import '../chunk-IUGKH376.js';
-import '../chunk-RZU2FFBW.js';
-import '../chunk-6FBMTGXQ.js';
-//# sourceMappingURL=index.js.map
+import { Button } from "./Button";
+import { MovieCard } from "./MovieCard";
+export {
+  Button,
+  MovieCard
+};
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}
+{"version":3,"sources":["../../src/react-router/index.ts"],"sourcesContent":["export { Button } from './Button'\nexport type { ButtonProps, ButtonAsButton, ButtonAsLink } from './Button'\n\nexport { MovieCard } from './MovieCard'\nexport type {\n  MovieCardProps,\n  MovieCardBaseProps,\n  MovieCardAsCard,\n  MovieCardAsLink,\n  MovieCardAsButton,\n} from './MovieCard'\n"],"mappings":"AAAA,SAAS,cAAc;AAGvB,SAAS,iBAAiB;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vite-mf-monorepo/ui",
-  "version": "0.4.5",
+  "version": "0.4.6",
   "description": "Design system components for vite-mf-monorepo",
   "type": "module",
   "publishConfig": {

package/dist/chunk-6DP3KZQG.js

@@ -1,214 +0,0 @@
-import { Icon_default } from './chunk-6FBMTGXQ.js';
-import clsx from 'clsx';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { createElement } from 'react';
-
-var circleSizeMap = {
-  sm: { size: 32, stroke: 3, fontSize: "ui:text-xs" },
-  md: { size: 48, stroke: 4, fontSize: "ui:text-sm" },
-  lg: { size: 64, stroke: 5, fontSize: "ui:text-base" }
-};
-var getColorClass = (percent) => {
-  if (percent >= 70) return "ui:text-green-600";
-  if (percent >= 40) return "ui:text-amber-600";
-  return "ui:text-red-500";
-};
-function CircleRating({
-  percent,
-  size,
-  showValue,
-  value,
-  max,
-  trackClassName
-}) {
-  const { size: svgSize, stroke, fontSize } = circleSizeMap[size];
-  const radius = (svgSize - stroke) / 2;
-  const circumference = 2 * Math.PI * radius;
-  const offset = circumference - percent / 100 * circumference;
-  return /* @__PURE__ */ jsxs("div", { className: "ui:relative ui:inline-flex ui:items-center ui:justify-center", children: [
-    /* @__PURE__ */ jsxs("svg", { width: svgSize, height: svgSize, className: "ui:-rotate-90", children: [
-      /* @__PURE__ */ jsx(
-        "circle",
-        {
-          cx: svgSize / 2,
-          cy: svgSize / 2,
-          r: radius,
-          fill: "none",
-          stroke: "currentColor",
-          strokeWidth: stroke,
-          className: trackClassName ?? "ui:text-gray-200"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "circle",
-        {
-          cx: svgSize / 2,
-          cy: svgSize / 2,
-          r: radius,
-          fill: "none",
-          stroke: "currentColor",
-          strokeWidth: stroke,
-          strokeLinecap: "round",
-          strokeDasharray: circumference,
-          strokeDashoffset: offset,
-          className: clsx(
-            "ui:transition-all ui:duration-500",
-            getColorClass(percent)
-          )
-        }
-      )
-    ] }),
-    showValue && /* @__PURE__ */ jsx(
-      "span",
-      {
-        className: clsx(
-          "ui:absolute ui:font-bold",
-          fontSize,
-          getColorClass(percent)
-        ),
-        children: max === 100 ? Math.round(percent) : value.toFixed(1)
-      }
-    )
-  ] });
-}
-var CircleRating_default = CircleRating;
-var starsSizeMap = {
-  sm: 16,
-  md: 20,
-  lg: 24
-};
-function StarsRating({
-  percent,
-  size,
-  showValue,
-  value,
-  max
-}) {
-  const iconSize = starsSizeMap[size];
-  return /* @__PURE__ */ jsxs("div", { className: "ui:inline-flex ui:items-center ui:gap-1", children: [
-    /* @__PURE__ */ jsxs("div", { className: "ui:relative", children: [
-      /* @__PURE__ */ jsx("div", { className: "ui:flex ui:text-gray-300", children: [1, 2, 3, 4, 5].map((i) => /* @__PURE__ */ jsx(Icon_default, { name: "Star", size: iconSize }, i)) }),
-      /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: "ui:absolute ui:inset-0 ui:flex ui:text-yellow-400",
-          style: { clipPath: `inset(0 ${String(100 - percent)}% 0 0)` },
-          children: [1, 2, 3, 4, 5].map((i) => /* @__PURE__ */ jsx(Icon_default, { name: "Star", size: iconSize }, i))
-        }
-      )
-    ] }),
-    showValue && /* @__PURE__ */ jsx(
-      "span",
-      {
-        className: clsx(
-          "ui:font-medium ui:text-muted-foreground",
-          size === "sm" && "ui:text-xs",
-          size === "md" && "ui:text-sm",
-          size === "lg" && "ui:text-base"
-        ),
-        children: max === 100 ? (value / 10).toFixed(1) : value.toFixed(1)
-      }
-    )
-  ] });
-}
-var StarsRating_default = StarsRating;
-function Rating({
-  value,
-  max = 10,
-  variant = "circle",
-  size = "md",
-  showValue = true,
-  trackClassName,
-  className
-}) {
-  const clampedValue = Math.max(0, Math.min(value, max));
-  const percent = clampedValue / max * 100;
-  return /* @__PURE__ */ jsx("div", { className: clsx("ui:inline-flex", className), children: variant === "circle" ? /* @__PURE__ */ jsx(
-    CircleRating_default,
-    {
-      percent,
-      size,
-      showValue,
-      value: clampedValue,
-      max,
-      trackClassName
-    }
-  ) : /* @__PURE__ */ jsx(
-    StarsRating_default,
-    {
-      percent,
-      size,
-      showValue,
-      value: clampedValue,
-      max
-    }
-  ) });
-}
-var Rating_default = Rating;
-var variantStyles = {
-  h1: "ui:font-roboto ui:text-xl ui:sm:text-2xl ui:md:text-3xl ui:lg:text-4xl ui:font-bold ui:leading-tight ui:text-foreground",
-  h2: "ui:font-roboto ui:text-lg ui:sm:text-xl ui:md:text-2xl ui:lg:text-3xl ui:font-bold ui:leading-tight ui:text-foreground",
-  h3: "ui:font-roboto ui:text-base ui:sm:text-lg ui:md:text-xl ui:lg:text-2xl ui:font-semibold ui:leading-snug ui:text-foreground",
-  h4: "ui:font-roboto ui:text-sm ui:sm:text-base ui:md:text-lg ui:lg:text-xl ui:font-semibold ui:leading-snug ui:text-foreground",
-  h5: "ui:font-roboto ui:text-sm ui:sm:text-base ui:md:text-lg ui:font-medium ui:leading-normal ui:text-foreground",
-  h6: "ui:font-roboto ui:text-xs ui:sm:text-sm ui:md:text-base ui:font-medium ui:leading-normal ui:text-foreground",
-  body: "ui:font-inter ui:text-xs ui:sm:text-sm ui:md:text-base ui:leading-relaxed ui:text-foreground",
-  "body-sm": "ui:font-inter ui:text-xs ui:sm:text-sm ui:leading-relaxed ui:text-foreground",
-  "body-lg": "ui:font-inter ui:text-sm ui:sm:text-base ui:md:text-lg ui:leading-relaxed ui:text-foreground",
-  lead: "ui:font-inter ui:text-sm ui:sm:text-base ui:md:text-lg ui:lg:text-xl ui:leading-relaxed ui:text-muted-foreground",
-  caption: "ui:font-inter ui:text-xs ui:sm:text-sm ui:text-muted-foreground",
-  "caption-xs": "ui:font-inter ui:text-xs ui:text-muted-foreground",
-  label: "ui:font-inter ui:text-xs ui:sm:text-sm ui:font-medium ui:text-foreground",
-  muted: "ui:font-inter ui:text-xs ui:sm:text-sm ui:text-muted-foreground",
-  blockquote: "ui:font-inter ui:text-xs ui:sm:text-sm ui:md:text-base ui:border-l-4 ui:border-border ui:pl-4 ui:italic ui:text-muted-foreground"
-};
-var variantToTag = {
-  h1: "h1",
-  h2: "h2",
-  h3: "h3",
-  h4: "h4",
-  h5: "h5",
-  h6: "h6",
-  body: "p",
-  "body-sm": "p",
-  "body-lg": "p",
-  lead: "p",
-  caption: "span",
-  "caption-xs": "span",
-  label: "label",
-  muted: "p",
-  blockquote: "blockquote"
-};
-function Typography({
-  variant,
-  as,
-  className,
-  children,
-  ...rest
-}) {
-  const Component = as ?? variantToTag[variant];
-  return createElement(
-    Component,
-    { className: clsx(variantStyles[variant], className), ...rest },
-    children
-  );
-}
-var Typography_default = Typography;
-function getMovieCardClasses(isInteractive, className) {
-  return clsx(
-    "ui:group ui:relative ui:flex ui:flex-col ui:overflow-hidden",
-    isInteractive && [
-      "ui:cursor-pointer",
-      "ui:transition-transform ui:duration-200",
-      "hover:ui:scale-[1.02]"
-    ],
-    className
-  );
-}
-function getMovieCardLinkClasses() {
-  return "ui:block ui:no-underline ui:text-inherit";
-}
-
-export { Rating_default, Typography_default, getMovieCardClasses, getMovieCardLinkClasses };
-//# sourceMappingURL=chunk-6DP3KZQG.js.map
-//# sourceMappingURL=chunk-6DP3KZQG.js.map

package/dist/chunk-6DP3KZQG.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Rating/CircleRating.tsx","../src/Rating/StarsRating.tsx","../src/Rating/Rating.tsx","../src/Typography/Typography.tsx","../src/MovieCard/MovieCard.utils.ts"],"names":["jsxs","jsx","clsx"],"mappings":"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","file":"chunk-6DP3KZQG.js","sourcesContent":["import clsx from 'clsx'\n\nimport type { RatingSize } from './Rating'\n\nconst circleSizeMap: Record<\n  RatingSize,\n  { size: number; stroke: number; fontSize: string }\n> = {\n  sm: { size: 32, stroke: 3, fontSize: 'ui:text-xs' },\n  md: { size: 48, stroke: 4, fontSize: 'ui:text-sm' },\n  lg: { size: 64, stroke: 5, fontSize: 'ui:text-base' },\n}\n\nconst getColorClass = (percent: number): string => {\n  if (percent >= 70) return 'ui:text-green-600'\n  if (percent >= 40) return 'ui:text-amber-600'\n  return 'ui:text-red-500'\n}\n\nexport interface CircleRatingProps {\n  /** Percentage value (0-100) for the progress ring */\n  percent: number\n  /** Size of the rating circle */\n  size: RatingSize\n  /** Whether to display the numeric value in the center */\n  showValue: boolean\n  /** The actual rating value (used for display) */\n  value: number\n  /** Maximum rating value (used for display formatting) */\n  max: number\n  /** Custom class for the background track circle */\n  trackClassName?: string\n}\n\nfunction CircleRating({\n  percent,\n  size,\n  showValue,\n  value,\n  max,\n  trackClassName,\n}: Readonly<CircleRatingProps>) {\n  const { size: svgSize, stroke, fontSize } = circleSizeMap[size]\n  const radius = (svgSize - stroke) / 2\n  const circumference = 2 * Math.PI * radius\n  const offset = circumference - (percent / 100) * circumference\n\n  return (\n    <div className=\"ui:relative ui:inline-flex ui:items-center ui:justify-center\">\n      <svg width={svgSize} height={svgSize} className=\"ui:-rotate-90\">\n        <circle\n          cx={svgSize / 2}\n          cy={svgSize / 2}\n          r={radius}\n          fill=\"none\"\n          stroke=\"currentColor\"\n          strokeWidth={stroke}\n          className={trackClassName ?? 'ui:text-gray-200'}\n        />\n        <circle\n          cx={svgSize / 2}\n          cy={svgSize / 2}\n          r={radius}\n          fill=\"none\"\n          stroke=\"currentColor\"\n          strokeWidth={stroke}\n          strokeLinecap=\"round\"\n          strokeDasharray={circumference}\n          strokeDashoffset={offset}\n          className={clsx(\n            'ui:transition-all ui:duration-500',\n            getColorClass(percent)\n          )}\n        />\n      </svg>\n      {showValue && (\n        <span\n          className={clsx(\n            'ui:absolute ui:font-bold',\n            fontSize,\n            getColorClass(percent)\n          )}\n        >\n          {max === 100 ? Math.round(percent) : value.toFixed(1)}\n        </span>\n      )}\n    </div>\n  )\n}\n\nexport default CircleRating\n","import clsx from 'clsx'\n\nimport { Icon } from '../Icon'\n\nimport type { IconSize } from '../Icon'\nimport type { RatingSize } from './Rating'\n\nconst starsSizeMap: Record<RatingSize, IconSize> = {\n  sm: 16,\n  md: 20,\n  lg: 24,\n}\n\nexport interface StarsRatingProps {\n  /** Percentage value (0-100) for the star fill */\n  percent: number\n  /** Size of the stars */\n  size: RatingSize\n  /** Whether to display the numeric value next to stars */\n  showValue: boolean\n  /** The actual rating value (used for display) */\n  value: number\n  /** Maximum rating value (used for display formatting) */\n  max: number\n}\n\nfunction StarsRating({\n  percent,\n  size,\n  showValue,\n  value,\n  max,\n}: Readonly<StarsRatingProps>) {\n  const iconSize = starsSizeMap[size]\n\n  return (\n    <div className=\"ui:inline-flex ui:items-center ui:gap-1\">\n      <div className=\"ui:relative\">\n        {/* Empty stars */}\n        <div className=\"ui:flex ui:text-gray-300\">\n          {[1, 2, 3, 4, 5].map((i) => (\n            <Icon key={i} name=\"Star\" size={iconSize} />\n          ))}\n        </div>\n        {/* Filled stars with clip */}\n        <div\n          className=\"ui:absolute ui:inset-0 ui:flex ui:text-yellow-400\"\n          style={{ clipPath: `inset(0 ${String(100 - percent)}% 0 0)` }}\n        >\n          {[1, 2, 3, 4, 5].map((i) => (\n            <Icon key={i} name=\"Star\" size={iconSize} />\n          ))}\n        </div>\n      </div>\n      {showValue && (\n        <span\n          className={clsx(\n            'ui:font-medium ui:text-muted-foreground',\n            size === 'sm' && 'ui:text-xs',\n            size === 'md' && 'ui:text-sm',\n            size === 'lg' && 'ui:text-base'\n          )}\n        >\n          {max === 100 ? (value / 10).toFixed(1) : value.toFixed(1)}\n        </span>\n      )}\n    </div>\n  )\n}\n\nexport default StarsRating\n","import clsx from 'clsx'\n\nimport CircleRating from './CircleRating'\nimport StarsRating from './StarsRating'\n\nexport type RatingVariant = 'circle' | 'stars'\nexport type RatingSize = 'sm' | 'md' | 'lg'\n\nexport interface RatingProps {\n  /** Rating value (0-10 by default, or 0-100 if max=100) */\n  value: number\n  /** Maximum value (default: 10 for TMDB scores) */\n  max?: number\n  /** Visual variant */\n  variant?: RatingVariant\n  /** Size of the rating */\n  size?: RatingSize\n  /** Show the numeric value */\n  showValue?: boolean\n  /** Custom class for the background track circle (circle variant only) */\n  trackClassName?: string\n  /** Additional class name */\n  className?: string\n}\n\nfunction Rating({\n  value,\n  max = 10,\n  variant = 'circle',\n  size = 'md',\n  showValue = true,\n  trackClassName,\n  className,\n}: Readonly<RatingProps>) {\n  const clampedValue = Math.max(0, Math.min(value, max))\n  const percent = (clampedValue / max) * 100\n\n  return (\n    <div className={clsx('ui:inline-flex', className)}>\n      {variant === 'circle' ? (\n        <CircleRating\n          percent={percent}\n          size={size}\n          showValue={showValue}\n          value={clampedValue}\n          max={max}\n          trackClassName={trackClassName}\n        />\n      ) : (\n        <StarsRating\n          percent={percent}\n          size={size}\n          showValue={showValue}\n          value={clampedValue}\n          max={max}\n        />\n      )}\n    </div>\n  )\n}\n\nexport default Rating\n","import clsx from 'clsx'\nimport { createElement } from 'react'\n\nimport type { ElementType, HTMLAttributes, ReactNode } from 'react'\n\nexport type TypographyVariant =\n  | 'h1'\n  | 'h2'\n  | 'h3'\n  | 'h4'\n  | 'h5'\n  | 'h6'\n  | 'body'\n  | 'body-sm'\n  | 'body-lg'\n  | 'lead'\n  | 'caption'\n  | 'caption-xs'\n  | 'label'\n  | 'muted'\n  | 'blockquote'\n\nexport interface TypographyProps extends HTMLAttributes<HTMLElement> {\n  /** Visual style variant */\n  variant: TypographyVariant\n  /** Override semantic HTML tag */\n  as?: ElementType\n  /** Additional CSS classes */\n  className?: string\n  /** Content */\n  children: ReactNode\n}\n\nconst variantStyles: Record<TypographyVariant, string> = {\n  h1: 'ui:font-roboto ui:text-xl ui:sm:text-2xl ui:md:text-3xl ui:lg:text-4xl ui:font-bold ui:leading-tight ui:text-foreground',\n  h2: 'ui:font-roboto ui:text-lg ui:sm:text-xl ui:md:text-2xl ui:lg:text-3xl ui:font-bold ui:leading-tight ui:text-foreground',\n  h3: 'ui:font-roboto ui:text-base ui:sm:text-lg ui:md:text-xl ui:lg:text-2xl ui:font-semibold ui:leading-snug ui:text-foreground',\n  h4: 'ui:font-roboto ui:text-sm ui:sm:text-base ui:md:text-lg ui:lg:text-xl ui:font-semibold ui:leading-snug ui:text-foreground',\n  h5: 'ui:font-roboto ui:text-sm ui:sm:text-base ui:md:text-lg ui:font-medium ui:leading-normal ui:text-foreground',\n  h6: 'ui:font-roboto ui:text-xs ui:sm:text-sm ui:md:text-base ui:font-medium ui:leading-normal ui:text-foreground',\n  body: 'ui:font-inter ui:text-xs ui:sm:text-sm ui:md:text-base ui:leading-relaxed ui:text-foreground',\n  'body-sm':\n    'ui:font-inter ui:text-xs ui:sm:text-sm ui:leading-relaxed ui:text-foreground',\n  'body-lg':\n    'ui:font-inter ui:text-sm ui:sm:text-base ui:md:text-lg ui:leading-relaxed ui:text-foreground',\n  lead: 'ui:font-inter ui:text-sm ui:sm:text-base ui:md:text-lg ui:lg:text-xl ui:leading-relaxed ui:text-muted-foreground',\n  caption: 'ui:font-inter ui:text-xs ui:sm:text-sm ui:text-muted-foreground',\n  'caption-xs': 'ui:font-inter ui:text-xs ui:text-muted-foreground',\n  label:\n    'ui:font-inter ui:text-xs ui:sm:text-sm ui:font-medium ui:text-foreground',\n  muted: 'ui:font-inter ui:text-xs ui:sm:text-sm ui:text-muted-foreground',\n  blockquote:\n    'ui:font-inter ui:text-xs ui:sm:text-sm ui:md:text-base ui:border-l-4 ui:border-border ui:pl-4 ui:italic ui:text-muted-foreground',\n}\n\nconst variantToTag: Record<TypographyVariant, ElementType> = {\n  h1: 'h1',\n  h2: 'h2',\n  h3: 'h3',\n  h4: 'h4',\n  h5: 'h5',\n  h6: 'h6',\n  body: 'p',\n  'body-sm': 'p',\n  'body-lg': 'p',\n  lead: 'p',\n  caption: 'span',\n  'caption-xs': 'span',\n  label: 'label',\n  muted: 'p',\n  blockquote: 'blockquote',\n}\n\nfunction Typography({\n  variant,\n  as,\n  className,\n  children,\n  ...rest\n}: Readonly<TypographyProps>) {\n  const Component = as ?? variantToTag[variant]\n\n  return createElement(\n    Component,\n    { className: clsx(variantStyles[variant], className), ...rest },\n    children\n  )\n}\n\nexport default Typography\n","import clsx from 'clsx'\n\nimport type { ImageLoading } from '../Image'\n\nexport interface MovieCardBaseProps {\n  /** Media ID */\n  id: number\n  /** Media title */\n  title: string\n  /** Poster URL (full URL or TMDB path) */\n  posterUrl: string\n  /** Vote average (0-10) */\n  voteAverage: number\n  /** Release year */\n  year?: number | null\n  /** Additional class name */\n  className?: string\n  /** Image loading strategy ('lazy' | 'eager'). Default: 'lazy' */\n  imageLoading?: ImageLoading\n  /** Base64 blur data URL for next/image placeholder=\"blur\" */\n  blurDataURL?: string\n}\n\nexport interface MovieCardAsCard extends MovieCardBaseProps {\n  as?: 'card' | undefined\n  onClick?: never\n}\n\nexport interface MovieCardAsButton extends MovieCardBaseProps {\n  as: 'button'\n  onClick: () => void\n}\n\nexport function getMovieCardClasses(\n  isInteractive: boolean,\n  className?: string\n) {\n  return clsx(\n    'ui:group ui:relative ui:flex ui:flex-col ui:overflow-hidden',\n    isInteractive && [\n      'ui:cursor-pointer',\n      'ui:transition-transform ui:duration-200',\n      'hover:ui:scale-[1.02]',\n    ],\n    className\n  )\n}\n\nexport function getMovieCardLinkClasses() {\n  return 'ui:block ui:no-underline ui:text-inherit'\n}\n"]}

package/dist/chunk-6FBMTGXQ.js

@@ -1,119 +0,0 @@
-import { XMarkIcon, UserIcon, StarIcon, PlusIcon, PlayIcon, MinusIcon, MagnifyingGlassIcon, LinkIcon, InformationCircleIcon, HeartIcon, ExclamationTriangleIcon, ExclamationCircleIcon, EllipsisVerticalIcon, ChevronUpIcon, ChevronRightIcon, ChevronLeftIcon, ChevronDownIcon, CheckIcon, CalendarIcon, BookmarkIcon, Bars3Icon, ArrowRightIcon, ArrowLeftIcon } from '@heroicons/react/16/solid';
-import { XMarkIcon as XMarkIcon$1, UsersIcon, UserIcon as UserIcon$1, TvIcon, StarIcon as StarIcon$1, ShareIcon, PlusIcon as PlusIcon$1, PlayCircleIcon, PlayIcon as PlayIcon$1, MinusIcon as MinusIcon$1, MagnifyingGlassIcon as MagnifyingGlassIcon$1, LinkIcon as LinkIcon$1, InformationCircleIcon as InformationCircleIcon$1, HeartIcon as HeartIcon$1, PhotoIcon, FilmIcon, ExclamationTriangleIcon as ExclamationTriangleIcon$1, ExclamationCircleIcon as ExclamationCircleIcon$1, EllipsisVerticalIcon as EllipsisVerticalIcon$1, ChevronUpIcon as ChevronUpIcon$1, ChevronRightIcon as ChevronRightIcon$1, ChevronLeftIcon as ChevronLeftIcon$1, ChevronDownIcon as ChevronDownIcon$1, CheckIcon as CheckIcon$1, CalendarIcon as CalendarIcon$1, BookmarkIcon as BookmarkIcon$1, Bars3Icon as Bars3Icon$1, ArrowTopRightOnSquareIcon, ArrowRightIcon as ArrowRightIcon$1, ArrowLeftIcon as ArrowLeftIcon$1 } from '@heroicons/react/20/solid';
-import { XMarkIcon as XMarkIcon$2, UsersIcon as UsersIcon$1, UserIcon as UserIcon$2, TvIcon as TvIcon$1, StarIcon as StarIcon$2, ShareIcon as ShareIcon$1, PlusIcon as PlusIcon$2, PlayCircleIcon as PlayCircleIcon$1, PlayIcon as PlayIcon$2, MinusIcon as MinusIcon$2, MagnifyingGlassIcon as MagnifyingGlassIcon$2, LinkIcon as LinkIcon$2, InformationCircleIcon as InformationCircleIcon$2, HeartIcon as HeartIcon$2, PhotoIcon as PhotoIcon$1, FilmIcon as FilmIcon$1, ExclamationTriangleIcon as ExclamationTriangleIcon$2, ExclamationCircleIcon as ExclamationCircleIcon$2, EllipsisVerticalIcon as EllipsisVerticalIcon$2, ChevronUpIcon as ChevronUpIcon$2, ChevronRightIcon as ChevronRightIcon$2, ChevronLeftIcon as ChevronLeftIcon$2, ChevronDownIcon as ChevronDownIcon$2, CheckIcon as CheckIcon$2, CalendarIcon as CalendarIcon$2, BookmarkIcon as BookmarkIcon$2, Bars3Icon as Bars3Icon$2, ArrowTopRightOnSquareIcon as ArrowTopRightOnSquareIcon$1, ArrowRightIcon as ArrowRightIcon$2, ArrowLeftIcon as ArrowLeftIcon$2 } from '@heroicons/react/24/outline';
-import { jsx } from 'react/jsx-runtime';
-
-var iconMap24 = {
-  ArrowLeft: ArrowLeftIcon$2,
-  ArrowRight: ArrowRightIcon$2,
-  ArrowTopRightOnSquare: ArrowTopRightOnSquareIcon$1,
-  Bars3: Bars3Icon$2,
-  Bookmark: BookmarkIcon$2,
-  Calendar: CalendarIcon$2,
-  Check: CheckIcon$2,
-  ChevronDown: ChevronDownIcon$2,
-  ChevronLeft: ChevronLeftIcon$2,
-  ChevronRight: ChevronRightIcon$2,
-  ChevronUp: ChevronUpIcon$2,
-  EllipsisVertical: EllipsisVerticalIcon$2,
-  ExclamationCircle: ExclamationCircleIcon$2,
-  ExclamationTriangle: ExclamationTriangleIcon$2,
-  Film: FilmIcon$1,
-  Photo: PhotoIcon$1,
-  Heart: HeartIcon$2,
-  InformationCircle: InformationCircleIcon$2,
-  Link: LinkIcon$2,
-  MagnifyingGlass: MagnifyingGlassIcon$2,
-  Minus: MinusIcon$2,
-  Play: PlayIcon$2,
-  PlayCircle: PlayCircleIcon$1,
-  Plus: PlusIcon$2,
-  Share: ShareIcon$1,
-  Star: StarIcon$2,
-  Tv: TvIcon$1,
-  User: UserIcon$2,
-  Users: UsersIcon$1,
-  XMark: XMarkIcon$2
-};
-var iconMap20 = {
-  ArrowLeft: ArrowLeftIcon$1,
-  ArrowRight: ArrowRightIcon$1,
-  ArrowTopRightOnSquare: ArrowTopRightOnSquareIcon,
-  Bars3: Bars3Icon$1,
-  Bookmark: BookmarkIcon$1,
-  Calendar: CalendarIcon$1,
-  Check: CheckIcon$1,
-  ChevronDown: ChevronDownIcon$1,
-  ChevronLeft: ChevronLeftIcon$1,
-  ChevronRight: ChevronRightIcon$1,
-  ChevronUp: ChevronUpIcon$1,
-  EllipsisVertical: EllipsisVerticalIcon$1,
-  ExclamationCircle: ExclamationCircleIcon$1,
-  ExclamationTriangle: ExclamationTriangleIcon$1,
-  Film: FilmIcon,
-  Photo: PhotoIcon,
-  Heart: HeartIcon$1,
-  InformationCircle: InformationCircleIcon$1,
-  Link: LinkIcon$1,
-  MagnifyingGlass: MagnifyingGlassIcon$1,
-  Minus: MinusIcon$1,
-  Play: PlayIcon$1,
-  PlayCircle: PlayCircleIcon,
-  Plus: PlusIcon$1,
-  Share: ShareIcon,
-  Star: StarIcon$1,
-  Tv: TvIcon,
-  User: UserIcon$1,
-  Users: UsersIcon,
-  XMark: XMarkIcon$1
-};
-var iconMap16 = {
-  ArrowLeft: ArrowLeftIcon,
-  ArrowRight: ArrowRightIcon,
-  Bars3: Bars3Icon,
-  Bookmark: BookmarkIcon,
-  Calendar: CalendarIcon,
-  Check: CheckIcon,
-  ChevronDown: ChevronDownIcon,
-  ChevronLeft: ChevronLeftIcon,
-  ChevronRight: ChevronRightIcon,
-  ChevronUp: ChevronUpIcon,
-  EllipsisVertical: EllipsisVerticalIcon,
-  ExclamationCircle: ExclamationCircleIcon,
-  ExclamationTriangle: ExclamationTriangleIcon,
-  Heart: HeartIcon,
-  InformationCircle: InformationCircleIcon,
-  Link: LinkIcon,
-  MagnifyingGlass: MagnifyingGlassIcon,
-  Minus: MinusIcon,
-  Play: PlayIcon,
-  Plus: PlusIcon,
-  Star: StarIcon,
-  User: UserIcon,
-  XMark: XMarkIcon
-};
-function Icon({ name, size = 24, className, ...rest }) {
-  let IconComponent;
-  if (size <= 16) {
-    IconComponent = iconMap16[name] ?? iconMap20[name];
-  } else if (size <= 20) {
-    IconComponent = iconMap20[name];
-  } else {
-    IconComponent = iconMap24[name];
-  }
-  return /* @__PURE__ */ jsx(
-    IconComponent,
-    {
-      className,
-      width: size,
-      height: size,
-      ...rest,
-      "aria-hidden": true
-    }
-  );
-}
-var Icon_default = Icon;
-
-export { Icon_default };
-//# sourceMappingURL=chunk-6FBMTGXQ.js.map
-//# sourceMappingURL=chunk-6FBMTGXQ.js.map

package/dist/chunk-6FBMTGXQ.js.map

@@ -1 +0,0 @@
-{"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-6FBMTGXQ.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"]}