@vite-mf-monorepo/ui 0.4.5 → 0.4.7

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/dist/styles.css

@@ -0,0 +1,2 @@
+/*! tailwindcss v4.1.0 | MIT License | https://tailwindcss.com */
+@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){@layer base{*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-scroll-snap-strictness:proximity;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial}}}@layer theme{:root,:host{--ui-font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--ui-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--ui-color-red-50:oklch(97.1% .013 17.38);--ui-color-red-200:oklch(88.5% .062 18.334);--ui-color-red-500:oklch(63.7% .237 25.331);--ui-color-red-700:oklch(50.5% .213 27.518);--ui-color-red-900:oklch(39.6% .141 25.723);--ui-color-amber-600:oklch(66.6% .179 58.318);--ui-color-yellow-400:oklch(85.2% .199 91.936);--ui-color-green-600:oklch(62.7% .194 149.214);--ui-color-gray-200:oklch(92.8% .006 264.531);--ui-color-gray-300:oklch(87.2% .01 258.338);--ui-color-gray-400:oklch(70.7% .022 261.325);--ui-color-black:#000;--ui-color-white:#fff;--ui-container-4xl:56rem;--ui-text-xs:.75rem;--ui-text-xs--line-height:calc(1/.75);--ui-text-sm:.875rem;--ui-text-sm--line-height:calc(1.25/.875);--ui-text-base:1rem;--ui-text-base--line-height:calc(1.5/1);--ui-text-lg:1.125rem;--ui-text-lg--line-height:calc(1.75/1.125);--ui-text-xl:1.25rem;--ui-text-xl--line-height:calc(1.75/1.25);--ui-text-2xl:1.5rem;--ui-text-2xl--line-height:calc(2/1.5);--ui-text-3xl:1.875rem;--ui-text-3xl--line-height:calc(2.25/1.875);--ui-text-4xl:2.25rem;--ui-text-4xl--line-height:calc(2.5/2.25);--ui-font-weight-medium:500;--ui-font-weight-semibold:600;--ui-font-weight-bold:700;--ui-leading-tight:1.25;--ui-leading-snug:1.375;--ui-leading-normal:1.5;--ui-leading-relaxed:1.625;--ui-radius-md:.5rem;--ui-radius-lg:.75rem;--ui-animate-spin:spin 1s linear infinite;--ui-aspect-video:16/9;--ui-default-transition-duration:.15s;--ui-default-transition-timing-function:cubic-bezier(.4,0,.2,1);--ui-default-font-family:var(--ui-font-sans);--ui-default-mono-font-family:var(--ui-font-mono);--ui-color-white-80:#fffc;--ui-color-background:#fff;--ui-color-foreground:#171717;--ui-color-primary:#f59e0b;--ui-color-primary-foreground:#171717;--ui-color-secondary:#f5f5f5;--ui-color-secondary-foreground:#171717;--ui-color-card:#fff;--ui-color-card-foreground:#171717;--ui-color-border:#e5e5e5;--ui-color-input:#d4d4d4;--ui-color-ring:#a3a3a3;--ui-color-badge-foreground:#404040;--ui-color-destructive:#ef4444;--ui-color-destructive-foreground:#fff;--ui-color-muted:#f5f5f5;--ui-color-muted-foreground:#737373;--ui-color-accent:#f5f5f5;--ui-color-accent-foreground:#171717;--ui-font-roboto:"Roboto",ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--ui-font-inter:"Inter","Roboto",ui-sans-serif,system-ui,sans-serif;--ui-radius-full:9999px;--ui-spacing-0:0;--ui-spacing-1:.25rem;--ui-spacing-2:.5rem;--ui-spacing-3:.75rem;--ui-spacing-4:1rem;--ui-spacing-6:1.5rem;--ui-spacing-8:2rem;--ui-spacing-10:2.5rem;--ui-spacing-12:3rem;--ui-spacing-16:4rem;--ui-spacing-24:6rem;--ui-spacing-32:8rem;--ui-spacing-px:1px;--ui-spacing-0\.5:.125rem;--ui-spacing-2\.5:.625rem}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--ui-default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--ui-default-font-feature-settings,normal);font-variation-settings:var(--ui-default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--ui-default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--ui-default-mono-font-feature-settings,normal);font-variation-settings:var(--ui-default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:color-mix(in oklab,currentColor 50%,transparent)}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}}@layer components{.ui-skeleton-shimmer:before{content:"";background:linear-gradient(90deg,transparent,var(--ui-color-white-80),transparent);animation:2s infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}}@layer utilities{.ui\:absolute{position:absolute}.ui\:relative{position:relative}.ui\:inset-0{inset:var(--ui-spacing-0)}.ui\:top-0{top:var(--ui-spacing-0)}.ui\:top-1\/2{top:50%}.ui\:top-4{top:var(--ui-spacing-4)}.ui\:right-0{right:var(--ui-spacing-0)}.ui\:right-2{right:var(--ui-spacing-2)}.ui\:right-4{right:var(--ui-spacing-4)}.ui\:bottom-0{bottom:var(--ui-spacing-0)}.ui\:bottom-2{bottom:var(--ui-spacing-2)}.ui\:bottom-4{bottom:var(--ui-spacing-4)}.ui\:left-0{left:var(--ui-spacing-0)}.ui\:left-1\/2{left:50%}.ui\:left-2{left:var(--ui-spacing-2)}.ui\:left-4{left:var(--ui-spacing-4)}.ui\:z-0{z-index:0}.ui\:z-1{z-index:1}.ui\:z-10{z-index:10}.ui\:mt-2{margin-top:var(--ui-spacing-2)}.ui\:mt-4{margin-top:var(--ui-spacing-4)}.ui\:-mb-px{margin-bottom:-1px;margin-bottom:calc(var(--ui-spacing-px)*-1)}.ui\:ml-1{margin-left:var(--ui-spacing-1)}.ui\:line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.ui\:block{display:block}.ui\:flex{display:flex}.ui\:inline-flex{display:inline-flex}.ui\:aspect-\[2\/3\]{aspect-ratio:2/3}.ui\:aspect-video{aspect-ratio:var(--ui-aspect-video)}.ui\:size-12{width:var(--ui-spacing-12);height:var(--ui-spacing-12)}.ui\:h-2{height:var(--ui-spacing-2)}.ui\:h-6{height:var(--ui-spacing-6)}.ui\:h-8{height:var(--ui-spacing-8)}.ui\:h-10{height:var(--ui-spacing-10)}.ui\:h-12{height:var(--ui-spacing-12)}.ui\:h-16{height:var(--ui-spacing-16)}.ui\:h-24{height:var(--ui-spacing-24)}.ui\:h-32{height:var(--ui-spacing-32)}.ui\:h-full{height:100%}.ui\:max-h-none{max-height:none}.ui\:w-2{width:var(--ui-spacing-2)}.ui\:w-6{width:var(--ui-spacing-6)}.ui\:w-8{width:var(--ui-spacing-8)}.ui\:w-10{width:var(--ui-spacing-10)}.ui\:w-12{width:var(--ui-spacing-12)}.ui\:w-16{width:var(--ui-spacing-16)}.ui\:w-24{width:var(--ui-spacing-24)}.ui\:w-32{width:var(--ui-spacing-32)}.ui\:w-fit{width:fit-content}.ui\:w-full{width:100%}.ui\:max-w-4xl{max-width:var(--ui-container-4xl)}.ui\:max-w-none{max-width:none}.ui\:flex-1{flex:1}.ui\:flex-shrink-0{flex-shrink:0}.ui\:-translate-x-1\/2{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.ui\:translate-x-1\/2{--tw-translate-x:calc(1/2*100%);translate:var(--tw-translate-x)var(--tw-translate-y)}.ui\:-translate-y-1\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.ui\:scale-105{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.ui\:-rotate-90{rotate:-90deg}.ui\:animate-spin{animation:var(--ui-animate-spin)}.ui\:cursor-not-allowed{cursor:not-allowed}.ui\:cursor-pointer{cursor:pointer}.ui\:snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.ui\:snap-mandatory{--tw-scroll-snap-strictness:mandatory}.ui\:snap-center{scroll-snap-align:center}.ui\:flex-col{flex-direction:column}.ui\:flex-row{flex-direction:row}.ui\:flex-row-reverse{flex-direction:row-reverse}.ui\:items-center{align-items:center}.ui\:items-end{align-items:flex-end}.ui\:justify-center{justify-content:center}.ui\:justify-end{justify-content:flex-end}.ui\:gap-0\.5{gap:var(--ui-spacing-0\.5)}.ui\:gap-1{gap:var(--ui-spacing-1)}.ui\:gap-2{gap:var(--ui-spacing-2)}.ui\:gap-3{gap:var(--ui-spacing-3)}.ui\:gap-4{gap:var(--ui-spacing-4)}.ui\:overflow-hidden{overflow:hidden}.ui\:overflow-x-auto{overflow-x:auto}.ui\:scroll-smooth{scroll-behavior:smooth}.ui\:rounded{border-radius:.25rem}.ui\:rounded-full{border-radius:3.40282e38px;border-radius:var(--ui-radius-full)}.ui\:rounded-lg{border-radius:var(--ui-radius-lg)}.ui\:rounded-md{border-radius:var(--ui-radius-md)}.ui\:border{border-style:var(--tw-border-style);border-width:1px}.ui\:border-0{border-style:var(--tw-border-style);border-width:0}.ui\:border-4{border-style:var(--tw-border-style);border-width:4px}.ui\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.ui\:border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.ui\:border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.ui\:border-border{border-color:var(--ui-color-border)}.ui\:border-input{border-color:var(--ui-color-input)}.ui\:border-primary{border-color:var(--ui-color-primary)}.ui\:border-red-200{border-color:var(--ui-color-red-200)}.ui\:border-transparent{border-color:#0000}.ui\:border-white\/20{border-color:color-mix(in oklab,var(--ui-color-white)20%,transparent)}.ui\:border-t-white{border-top-color:var(--ui-color-white)}.ui\:bg-background{background-color:var(--ui-color-background)}.ui\:bg-black\/30{background-color:color-mix(in oklab,var(--ui-color-black)30%,transparent)}.ui\:bg-black\/50{background-color:color-mix(in oklab,var(--ui-color-black)50%,transparent)}.ui\:bg-black\/80{background-color:color-mix(in oklab,var(--ui-color-black)80%,transparent)}.ui\:bg-card{background-color:var(--ui-color-card)}.ui\:bg-destructive{background-color:var(--ui-color-destructive)}.ui\:bg-gray-200{background-color:var(--ui-color-gray-200)}.ui\:bg-gray-400{background-color:var(--ui-color-gray-400)}.ui\:bg-muted{background-color:var(--ui-color-muted)}.ui\:bg-primary{background-color:var(--ui-color-primary)}.ui\:bg-red-50{background-color:var(--ui-color-red-50)}.ui\:bg-secondary{background-color:var(--ui-color-secondary)}.ui\:bg-transparent{background-color:#0000}.ui\:bg-white{background-color:var(--ui-color-white)}.ui\:bg-white\/20{background-color:color-mix(in oklab,var(--ui-color-white)20%,transparent)}.ui\:bg-white\/50{background-color:color-mix(in oklab,var(--ui-color-white)50%,transparent)}.ui\:bg-white\/80{background-color:color-mix(in oklab,var(--ui-color-white)80%,transparent)}.ui\:bg-white\/90{background-color:color-mix(in oklab,var(--ui-color-white)90%,transparent)}.ui\:bg-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.ui\:from-black\/80{--tw-gradient-from:color-mix(in oklab,var(--ui-color-black)80%,transparent);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.ui\:via-black\/40{--tw-gradient-via:color-mix(in oklab,var(--ui-color-black)40%,transparent);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.ui\:to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.ui\:object-cover{object-fit:cover}.ui\:object-center{object-position:center}.ui\:p-0{padding:var(--ui-spacing-0)}.ui\:p-1{padding:var(--ui-spacing-1)}.ui\:p-4{padding:var(--ui-spacing-4)}.ui\:p-6{padding:var(--ui-spacing-6)}.ui\:p-8{padding:var(--ui-spacing-8)}.ui\:px-1{padding-inline:var(--ui-spacing-1)}.ui\:px-2{padding-inline:var(--ui-spacing-2)}.ui\:px-2\.5{padding-inline:var(--ui-spacing-2\.5)}.ui\:px-3{padding-inline:var(--ui-spacing-3)}.ui\:px-4{padding-inline:var(--ui-spacing-4)}.ui\:px-6{padding-inline:var(--ui-spacing-6)}.ui\:py-0\.5{padding-block:var(--ui-spacing-0\.5)}.ui\:py-1{padding-block:var(--ui-spacing-1)}.ui\:py-2{padding-block:var(--ui-spacing-2)}.ui\:pl-4{padding-left:var(--ui-spacing-4)}.ui\:text-center{text-align:center}.ui\:font-inter{font-family:var(--ui-font-inter)}.ui\:font-roboto{font-family:var(--ui-font-roboto)}.ui\:text-2xl{font-size:var(--ui-text-2xl);line-height:var(--tw-leading,var(--ui-text-2xl--line-height))}.ui\:text-3xl{font-size:var(--ui-text-3xl);line-height:var(--tw-leading,var(--ui-text-3xl--line-height))}.ui\:text-base{font-size:var(--ui-text-base);line-height:var(--tw-leading,var(--ui-text-base--line-height))}.ui\:text-lg{font-size:var(--ui-text-lg);line-height:var(--tw-leading,var(--ui-text-lg--line-height))}.ui\:text-sm{font-size:var(--ui-text-sm);line-height:var(--tw-leading,var(--ui-text-sm--line-height))}.ui\:text-xl{font-size:var(--ui-text-xl);line-height:var(--tw-leading,var(--ui-text-xl--line-height))}.ui\:text-xs{font-size:var(--ui-text-xs);line-height:var(--tw-leading,var(--ui-text-xs--line-height))}.ui\:leading-normal{--tw-leading:var(--ui-leading-normal);line-height:var(--ui-leading-normal)}.ui\:leading-relaxed{--tw-leading:var(--ui-leading-relaxed);line-height:var(--ui-leading-relaxed)}.ui\:leading-snug{--tw-leading:var(--ui-leading-snug);line-height:var(--ui-leading-snug)}.ui\:leading-tight{--tw-leading:var(--ui-leading-tight);line-height:var(--ui-leading-tight)}.ui\:font-bold{--tw-font-weight:var(--ui-font-weight-bold);font-weight:var(--ui-font-weight-bold)}.ui\:font-medium{--tw-font-weight:var(--ui-font-weight-medium);font-weight:var(--ui-font-weight-medium)}.ui\:font-semibold{--tw-font-weight:var(--ui-font-weight-semibold);font-weight:var(--ui-font-weight-semibold)}.ui\:text-amber-600{color:var(--ui-color-amber-600)}.ui\:text-card-foreground{color:var(--ui-color-card-foreground)}.ui\:text-destructive-foreground{color:var(--ui-color-destructive-foreground)}.ui\:text-foreground{color:var(--ui-color-foreground)}.ui\:text-gray-200{color:var(--ui-color-gray-200)}.ui\:text-gray-300{color:var(--ui-color-gray-300)}.ui\:text-green-600{color:var(--ui-color-green-600)}.ui\:text-inherit{color:inherit}.ui\:text-muted-foreground{color:var(--ui-color-muted-foreground)}.ui\:text-muted-foreground\/50{color:color-mix(in oklab,var(--ui-color-muted-foreground)50%,transparent)}.ui\:text-primary{color:var(--ui-color-primary)}.ui\:text-primary-foreground{color:var(--ui-color-primary-foreground)}.ui\:text-red-500{color:var(--ui-color-red-500)}.ui\:text-red-700{color:var(--ui-color-red-700)}.ui\:text-red-900{color:var(--ui-color-red-900)}.ui\:text-secondary-foreground{color:var(--ui-color-secondary-foreground)}.ui\:text-white{color:var(--ui-color-white)}.ui\:text-white\/90{color:color-mix(in oklab,var(--ui-color-white)90%,transparent)}.ui\:text-yellow-400{color:var(--ui-color-yellow-400)}.ui\:uppercase{text-transform:uppercase}.ui\:italic{font-style:italic}.ui\:tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.ui\:no-underline{text-decoration-line:none}.ui\:opacity-0{opacity:0}.ui\:opacity-100{opacity:1}.ui\:shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ui\:shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ui\:shadow-sm{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ui\:drop-shadow{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0000001a))drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000f));--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a,0 1px 1px #0000000f);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.ui\:transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--ui-default-transition-timing-function));transition-duration:var(--tw-duration,var(--ui-default-transition-duration))}.ui\:transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--ui-default-transition-timing-function));transition-duration:var(--tw-duration,var(--ui-default-transition-duration))}.ui\:transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--ui-default-transition-timing-function));transition-duration:var(--tw-duration,var(--ui-default-transition-duration))}.ui\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--ui-default-transition-timing-function));transition-duration:var(--tw-duration,var(--ui-default-transition-duration))}.ui\:duration-200{--tw-duration:.2s;transition-duration:.2s}.ui\:duration-300{--tw-duration:.3s;transition-duration:.3s}.ui\:duration-500{--tw-duration:.5s;transition-duration:.5s}.ui\:backdrop\:bg-black\/80::backdrop{background-color:color-mix(in oklab,var(--ui-color-black)80%,transparent)}@media (hover:hover){.ui\:hover\:bg-accent:hover{background-color:var(--ui-color-accent)}.ui\:hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab,var(--ui-color-destructive)90%,transparent)}.ui\:hover\:bg-primary\/90:hover{background-color:color-mix(in oklab,var(--ui-color-primary)90%,transparent)}.ui\:hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab,var(--ui-color-secondary)80%,transparent)}.ui\:hover\:bg-white\/55:hover{background-color:color-mix(in oklab,var(--ui-color-white)55%,transparent)}.ui\:hover\:text-accent-foreground:hover{color:var(--ui-color-accent-foreground)}}.ui\:focus\:border-none:focus{--tw-border-style:none;border-style:none}.ui\:focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentColor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ui\:focus\:ring-ring:focus{--tw-ring-color:var(--ui-color-ring)}.ui\:focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.ui\:focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.ui\:disabled\:pointer-events-none:disabled{pointer-events:none}.ui\:disabled\:opacity-50:disabled{opacity:.5}@media (min-width:40rem){.ui\:sm\:text-2xl{font-size:var(--ui-text-2xl);line-height:var(--tw-leading,var(--ui-text-2xl--line-height))}.ui\:sm\:text-base{font-size:var(--ui-text-base);line-height:var(--tw-leading,var(--ui-text-base--line-height))}.ui\:sm\:text-lg{font-size:var(--ui-text-lg);line-height:var(--tw-leading,var(--ui-text-lg--line-height))}.ui\:sm\:text-sm{font-size:var(--ui-text-sm);line-height:var(--tw-leading,var(--ui-text-sm--line-height))}.ui\:sm\:text-xl{font-size:var(--ui-text-xl);line-height:var(--tw-leading,var(--ui-text-xl--line-height))}}@media (min-width:48rem){.ui\:md\:text-2xl{font-size:var(--ui-text-2xl);line-height:var(--tw-leading,var(--ui-text-2xl--line-height))}.ui\:md\:text-3xl{font-size:var(--ui-text-3xl);line-height:var(--tw-leading,var(--ui-text-3xl--line-height))}.ui\:md\:text-base{font-size:var(--ui-text-base);line-height:var(--tw-leading,var(--ui-text-base--line-height))}.ui\:md\:text-lg{font-size:var(--ui-text-lg);line-height:var(--tw-leading,var(--ui-text-lg--line-height))}.ui\:md\:text-xl{font-size:var(--ui-text-xl);line-height:var(--tw-leading,var(--ui-text-xl--line-height))}}@media (min-width:64rem){.ui\:lg\:text-2xl{font-size:var(--ui-text-2xl);line-height:var(--tw-leading,var(--ui-text-2xl--line-height))}.ui\:lg\:text-3xl{font-size:var(--ui-text-3xl);line-height:var(--tw-leading,var(--ui-text-3xl--line-height))}.ui\:lg\:text-4xl{font-size:var(--ui-text-4xl);line-height:var(--tw-leading,var(--ui-text-4xl--line-height))}.ui\:lg\:text-xl{font-size:var(--ui-text-xl);line-height:var(--tw-leading,var(--ui-text-xl--line-height))}}.media-section:nth-of-type(odd) .ui\:\[\.media-section\:nth-of-type\(odd\)_\&\]\:bg-white{background-color:var(--ui-color-white)}.media-section:nth-of-type(odd) .ui\:\[\.media-section\:nth-of-type\(odd\)_\&\]\:text-badge-foreground{color:var(--ui-color-badge-foreground)}.text-shadow-strong{text-shadow:0 0 10px #000000bf}.text-shadow-medium{text-shadow:0 0 5px #00000080}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-scroll-snap-strictness{syntax:"*";inherits:false;initial-value:proximity}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vite-mf-monorepo/ui",
-  "version": "0.4.5",
+  "version": "0.4.7",
   "description": "Design system components for vite-mf-monorepo",
   "type": "module",
   "publishConfig": {
@@ -34,7 +34,7 @@
         "default": "./dist/*/index.js"
       }
     },
-    "./styles.css": "./dist/index.css"
+    "./styles.css": "./dist/styles.css"
   },
   "sideEffects": [
     "*.css"
@@ -82,9 +82,9 @@
     "@vite-mf-monorepo/shared": "0.0.5"
   },
   "scripts": {
-    "build:css": "tailwindcss -i ./src/styles.css -o ./dist/styles.css",
+    "build:css": "tailwindcss -i ./src/styles.css -o ./dist/styles.css --minify",
     "build:js": "tsup",
-    "build": "pnpm build:css && pnpm build:js",
+    "build": "pnpm build:js && pnpm build:css",
     "dev": "tsup --watch",
     "test": "vitest run",
     "test:watch": "vitest",

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