@zentauri-ui/zentauri-components 1.9.0 → 1.9.1

package/dist/ui/progress.js

@@ -1,42 +1,42 @@
 "use client";
 'use strict';
 
-var chunkXYEMP4K7_js = require('../chunk-XYEMP4K7.js');
+var chunkKC77BXBC_js = require('../chunk-KC77BXBC.js');
 require('../chunk-ZS5756ZC.js');
 var jsxRuntime = require('react/jsx-runtime');
 
 var Progress = (props) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkXYEMP4K7_js.ProgressBase, { ...props });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkKC77BXBC_js.ProgressBase, { ...props });
 };
 Progress.displayName = "Progress";
 
 Object.defineProperty(exports, "ProgressBar", {
   enumerable: true,
-  get: function () { return chunkXYEMP4K7_js.ProgressBar; }
+  get: function () { return chunkKC77BXBC_js.ProgressBar; }
 });
 Object.defineProperty(exports, "ProgressBase", {
   enumerable: true,
-  get: function () { return chunkXYEMP4K7_js.ProgressBase; }
+  get: function () { return chunkKC77BXBC_js.ProgressBase; }
 });
 Object.defineProperty(exports, "ProgressLabel", {
   enumerable: true,
-  get: function () { return chunkXYEMP4K7_js.ProgressLabel; }
+  get: function () { return chunkKC77BXBC_js.ProgressLabel; }
 });
 Object.defineProperty(exports, "ProgressValue", {
   enumerable: true,
-  get: function () { return chunkXYEMP4K7_js.ProgressValue; }
+  get: function () { return chunkKC77BXBC_js.ProgressValue; }
 });
 Object.defineProperty(exports, "progressBarVariants", {
   enumerable: true,
-  get: function () { return chunkXYEMP4K7_js.progressBarVariants; }
+  get: function () { return chunkKC77BXBC_js.progressBarVariants; }
 });
 Object.defineProperty(exports, "progressTrackVariants", {
   enumerable: true,
-  get: function () { return chunkXYEMP4K7_js.progressTrackVariants; }
+  get: function () { return chunkKC77BXBC_js.progressTrackVariants; }
 });
 Object.defineProperty(exports, "progressVariants", {
   enumerable: true,
-  get: function () { return chunkXYEMP4K7_js.progressVariants; }
+  get: function () { return chunkKC77BXBC_js.progressVariants; }
 });
 exports.Progress = Progress;
 //# sourceMappingURL=progress.js.map

package/dist/ui/progress.mjs

@@ -1,6 +1,6 @@
 "use client";
-import { ProgressBase } from '../chunk-HNLQXHSQ.mjs';
-export { ProgressBar, ProgressBase, ProgressLabel, ProgressValue, progressBarVariants, progressTrackVariants, progressVariants } from '../chunk-HNLQXHSQ.mjs';
+import { ProgressBase } from '../chunk-XJFDGKZO.mjs';
+export { ProgressBar, ProgressBase, ProgressLabel, ProgressValue, progressBarVariants, progressTrackVariants, progressVariants } from '../chunk-XJFDGKZO.mjs';
 import '../chunk-4D54YOL6.mjs';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/ui/radio-group/animated.js

@@ -1,7 +1,7 @@
 "use client";
 'use strict';
 
-var chunkRIHJAEOL_js = require('../../chunk-RIHJAEOL.js');
+var chunkZZ53RJNH_js = require('../../chunk-ZZ53RJNH.js');
 var chunkZS5756ZC_js = require('../../chunk-ZS5756ZC.js');
 var framerMotion = require('framer-motion');
 var react = require('react');
@@ -51,7 +51,7 @@ function RadioGroupAnimated(props) {
     [isControlled, onValueChange]
   );
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkRIHJAEOL_js.RadioGroupContext.Provider,
+    chunkZZ53RJNH_js.RadioGroupContext.Provider,
     {
       value: {
         value: resolvedValue,
@@ -69,7 +69,7 @@ function RadioGroupAnimated(props) {
           role: "radiogroup",
           "data-slot": "radio-group",
           "data-orientation": orientation ?? "vertical",
-          className: chunkZS5756ZC_js.cn(chunkRIHJAEOL_js.radioGroupRootVariants({ orientation }), className),
+          className: chunkZS5756ZC_js.cn(chunkZZ53RJNH_js.radioGroupRootVariants({ orientation }), className),
           ...rest,
           children
         }
@@ -98,7 +98,7 @@ function RadioGroupItemAnimated(props) {
     ...rest
   } = props;
   const generatedId = react.useId();
-  const context = chunkRIHJAEOL_js.useRadioGroupContext();
+  const context = chunkZZ53RJNH_js.useRadioGroupContext();
   const controlId = id ?? generatedId;
   const checked = context?.value === value;
   const disabled = disabledProp ?? context?.disabled;
@@ -111,7 +111,7 @@ function RadioGroupItemAnimated(props) {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "label",
     {
-      className: chunkZS5756ZC_js.cn(chunkRIHJAEOL_js.radioGroupItemVariants({ size }), rootClassName, className),
+      className: chunkZS5756ZC_js.cn(chunkZZ53RJNH_js.radioGroupItemVariants({ size }), rootClassName, className),
       "data-disabled": disabled ? "true" : void 0,
       "data-state": checked ? "checked" : "unchecked",
       htmlFor: controlId,
@@ -143,7 +143,7 @@ function RadioGroupItemAnimated(props) {
           {
             "aria-hidden": "true",
             className: chunkZS5756ZC_js.cn(
-              chunkRIHJAEOL_js.radioGroupControlVariants({ appearance, size }),
+              chunkZZ53RJNH_js.radioGroupControlVariants({ appearance, size }),
               controlClassName
             ),
             "data-slot": "radio-group-control",
@@ -151,7 +151,7 @@ function RadioGroupItemAnimated(props) {
               framerMotion.motion.span,
               {
                 className: chunkZS5756ZC_js.cn(
-                  chunkRIHJAEOL_js.radioGroupIndicatorVariants({ size }),
+                  chunkZZ53RJNH_js.radioGroupIndicatorVariants({ size }),
                   "opacity-100",
                   indicatorClassName
                 ),

package/dist/ui/radio-group/animated.mjs

@@ -1,5 +1,5 @@
 "use client";
-import { RadioGroupContext, radioGroupRootVariants, useRadioGroupContext, radioGroupIndicatorVariants, radioGroupControlVariants, radioGroupItemVariants } from '../../chunk-UPZ5XGUD.mjs';
+import { RadioGroupContext, radioGroupRootVariants, useRadioGroupContext, radioGroupIndicatorVariants, radioGroupControlVariants, radioGroupItemVariants } from '../../chunk-S4NQTWMW.mjs';
 import { cn } from '../../chunk-4D54YOL6.mjs';
 import { motion } from 'framer-motion';
 import { useId, useState, useCallback } from 'react';

package/dist/ui/radio-group/variants.d.ts

@@ -5,7 +5,7 @@ export declare const radioGroupItemVariants: (props?: ({
     size?: "md" | "sm" | "lg" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const radioGroupControlVariants: (props?: ({
-    appearance?: "default" | "violet" | "amber" | "indigo" | "pink" | "error" | "success" | "warning" | "info" | null | undefined;
+    appearance?: "ruby" | "default" | "violet" | "amber" | "slate" | "indigo" | "cyan" | "aqua" | "blue" | "crimson" | "green" | "lavender" | "lime" | "magenta" | "pink" | "plum" | "red" | "error" | "mint" | "ocean" | "sapphire" | "zinc" | "stone" | "royal" | "electric" | "forest" | "sunset" | "success" | "warning" | "info" | null | undefined;
     size?: "md" | "sm" | "lg" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const radioGroupIndicatorVariants: (props?: ({

package/dist/ui/radio-group.js

@@ -1,7 +1,7 @@
 "use client";
 'use strict';
 
-var chunkRIHJAEOL_js = require('../chunk-RIHJAEOL.js');
+var chunkZZ53RJNH_js = require('../chunk-ZZ53RJNH.js');
 var chunkZS5756ZC_js = require('../chunk-ZS5756ZC.js');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -36,7 +36,7 @@ function RadioGroup(props) {
     [isControlled, onValueChange]
   );
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkRIHJAEOL_js.RadioGroupContext.Provider,
+    chunkZZ53RJNH_js.RadioGroupContext.Provider,
     {
       value: {
         value: resolvedValue,
@@ -54,7 +54,7 @@ function RadioGroup(props) {
           role: "radiogroup",
           "data-slot": "radio-group",
           "data-orientation": orientation ?? "vertical",
-          className: chunkZS5756ZC_js.cn(chunkRIHJAEOL_js.radioGroupRootVariants({ orientation }), className),
+          className: chunkZS5756ZC_js.cn(chunkZZ53RJNH_js.radioGroupRootVariants({ orientation }), className),
           ...rest,
           children
         }
@@ -82,7 +82,7 @@ function RadioGroupItem(props) {
     ...rest
   } = props;
   const generatedId = react.useId();
-  const context = chunkRIHJAEOL_js.useRadioGroupContext();
+  const context = chunkZZ53RJNH_js.useRadioGroupContext();
   const controlId = id ?? generatedId;
   const checked = context?.value === value;
   const disabled = disabledProp ?? context?.disabled;
@@ -94,7 +94,7 @@ function RadioGroupItem(props) {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "label",
     {
-      className: chunkZS5756ZC_js.cn(chunkRIHJAEOL_js.radioGroupItemVariants({ size }), rootClassName, className),
+      className: chunkZS5756ZC_js.cn(chunkZZ53RJNH_js.radioGroupItemVariants({ size }), rootClassName, className),
       "data-disabled": disabled ? "true" : void 0,
       "data-state": checked ? "checked" : "unchecked",
       htmlFor: controlId,
@@ -126,7 +126,7 @@ function RadioGroupItem(props) {
           {
             "aria-hidden": "true",
             className: chunkZS5756ZC_js.cn(
-              chunkRIHJAEOL_js.radioGroupControlVariants({ appearance, size }),
+              chunkZZ53RJNH_js.radioGroupControlVariants({ appearance, size }),
               controlClassName
             ),
             "data-slot": "radio-group-control",
@@ -134,7 +134,7 @@ function RadioGroupItem(props) {
               "span",
               {
                 className: chunkZS5756ZC_js.cn(
-                  chunkRIHJAEOL_js.radioGroupIndicatorVariants({ size }),
+                  chunkZZ53RJNH_js.radioGroupIndicatorVariants({ size }),
                   indicatorClassName
                 ),
                 "data-slot": "radio-group-indicator"
@@ -151,19 +151,19 @@ RadioGroupItem.displayName = "RadioGroupItem";
 
 Object.defineProperty(exports, "radioGroupControlVariants", {
   enumerable: true,
-  get: function () { return chunkRIHJAEOL_js.radioGroupControlVariants; }
+  get: function () { return chunkZZ53RJNH_js.radioGroupControlVariants; }
 });
 Object.defineProperty(exports, "radioGroupIndicatorVariants", {
   enumerable: true,
-  get: function () { return chunkRIHJAEOL_js.radioGroupIndicatorVariants; }
+  get: function () { return chunkZZ53RJNH_js.radioGroupIndicatorVariants; }
 });
 Object.defineProperty(exports, "radioGroupItemVariants", {
   enumerable: true,
-  get: function () { return chunkRIHJAEOL_js.radioGroupItemVariants; }
+  get: function () { return chunkZZ53RJNH_js.radioGroupItemVariants; }
 });
 Object.defineProperty(exports, "radioGroupRootVariants", {
   enumerable: true,
-  get: function () { return chunkRIHJAEOL_js.radioGroupRootVariants; }
+  get: function () { return chunkZZ53RJNH_js.radioGroupRootVariants; }
 });
 exports.RadioGroup = RadioGroup;
 exports.RadioGroupItem = RadioGroupItem;

package/dist/ui/radio-group.mjs

@@ -1,6 +1,6 @@
 "use client";
-import { RadioGroupContext, radioGroupRootVariants, useRadioGroupContext, radioGroupIndicatorVariants, radioGroupControlVariants, radioGroupItemVariants } from '../chunk-UPZ5XGUD.mjs';
-export { radioGroupControlVariants, radioGroupIndicatorVariants, radioGroupItemVariants, radioGroupRootVariants } from '../chunk-UPZ5XGUD.mjs';
+import { RadioGroupContext, radioGroupRootVariants, useRadioGroupContext, radioGroupIndicatorVariants, radioGroupControlVariants, radioGroupItemVariants } from '../chunk-S4NQTWMW.mjs';
+export { radioGroupControlVariants, radioGroupIndicatorVariants, radioGroupItemVariants, radioGroupRootVariants } from '../chunk-S4NQTWMW.mjs';
 import { cn } from '../chunk-4D54YOL6.mjs';
 import { useId, useState, useCallback } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';

package/dist/ui/rating/variants.d.ts

@@ -2,6 +2,6 @@ export declare const ratingItemVariants: (props?: ({
     size?: "md" | "sm" | "lg" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const ratingIconVariants: (props?: ({
-    appearance?: "outline" | "default" | "glass" | "sky" | "emerald" | "violet" | "amber" | "rose" | "gray" | "indigo" | "orange" | "pink" | "purple" | "teal" | "yellow" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "secondary" | "destructive" | "ghost" | null | undefined;
+    appearance?: "ruby" | "outline" | "default" | "glass" | "sky" | "emerald" | "violet" | "amber" | "rose" | "slate" | "gray" | "indigo" | "cyan" | "aqua" | "blue" | "crimson" | "green" | "lavender" | "lime" | "magenta" | "orange" | "pink" | "plum" | "purple" | "red" | "teal" | "yellow" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "secondary" | "destructive" | "ghost" | "mint" | "ocean" | "sapphire" | "zinc" | "stone" | "royal" | "electric" | "forest" | "sunset" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 //# sourceMappingURL=variants.d.ts.map

package/dist/ui/rating.js

@@ -48,7 +48,28 @@ var zuiRatingAppearances = {
   "gradient-teal": "text-[color:var(--zui-rating-gradient-teal-active,oklch(60%_0.118_184.704))] drop-shadow-[0_2px_12px_rgba(13,148,136,0.24)] dark:text-[color:var(--zui-rating-gradient-teal-active-dark,oklch(77.7%_0.152_181.912))]",
   "gradient-indigo": "text-[color:var(--zui-rating-gradient-indigo-active,oklch(51.1%_0.262_276.966))] drop-shadow-[0_2px_12px_rgba(79,70,229,0.24)] dark:text-[color:var(--zui-rating-gradient-indigo-active-dark,oklch(67.3%_0.182_276.935))]",
   "gradient-pink": "text-[color:var(--zui-rating-gradient-pink-active,oklch(59.2%_0.249_0.584))] drop-shadow-[0_2px_12px_rgba(219,39,119,0.24)] dark:text-[color:var(--zui-rating-gradient-pink-active-dark,oklch(71.8%_0.202_349.761))]",
-  "gradient-orange": "text-[color:var(--zui-rating-gradient-orange-active,oklch(64.6%_0.222_41.116))] drop-shadow-[0_2px_12px_rgba(234,88,12,0.24)] dark:text-[color:var(--zui-rating-gradient-orange-active-dark,oklch(75%_0.183_55.934))]"
+  "gradient-orange": "text-[color:var(--zui-rating-gradient-orange-active,oklch(64.6%_0.222_41.116))] drop-shadow-[0_2px_12px_rgba(234,88,12,0.24)] dark:text-[color:var(--zui-rating-gradient-orange-active-dark,oklch(75%_0.183_55.934))]",
+  blue: "text-[color:var(--zui-rating-blue-fg,#2563eb)] dark:text-[color:var(--zui-rating-blue-fg-dark,#3b82f6)]",
+  cyan: "text-[color:var(--zui-rating-cyan-fg,#0891b2)] dark:text-[color:var(--zui-rating-cyan-fg-dark,#22d3ee)]",
+  green: "text-[color:var(--zui-rating-green-fg,#16a34a)] dark:text-[color:var(--zui-rating-green-fg-dark,#22c55e)]",
+  lime: "text-[color:var(--zui-rating-lime-fg,#65a30d)] dark:text-[color:var(--zui-rating-lime-fg-dark,#a3e635)]",
+  mint: "text-[color:var(--zui-rating-mint-fg,#10b981)] dark:text-[color:var(--zui-rating-mint-fg-dark,#6ee7b7)]",
+  ocean: "text-[color:var(--zui-rating-ocean-fg,#0284c7)] dark:text-[color:var(--zui-rating-ocean-fg-dark,#38bdf8)]",
+  sapphire: "text-[color:var(--zui-rating-sapphire-fg,#1d4ed8)] dark:text-[color:var(--zui-rating-sapphire-fg-dark,#60a5fa)]",
+  lavender: "text-[color:var(--zui-rating-lavender-fg,#8b5cf6)] dark:text-[color:var(--zui-rating-lavender-fg-dark,#a78bfa)]",
+  ruby: "text-[color:var(--zui-rating-ruby-fg,#be123c)] dark:text-[color:var(--zui-rating-ruby-fg-dark,#fb7185)]",
+  red: "text-[color:var(--zui-rating-red-fg,#dc2626)] dark:text-[color:var(--zui-rating-red-fg-dark,#ef4444)]",
+  slate: "text-[color:var(--zui-rating-slate-fg,#475569)] dark:text-[color:var(--zui-rating-slate-fg-dark,#64748b)]",
+  zinc: "text-[color:var(--zui-rating-zinc-fg,#52525b)] dark:text-[color:var(--zui-rating-zinc-fg-dark,#71717a)]",
+  stone: "text-[color:var(--zui-rating-stone-fg,#57534e)] dark:text-[color:var(--zui-rating-stone-fg-dark,#78716c)]",
+  royal: "text-[color:var(--zui-rating-royal-fg,#4338ca)] dark:text-[color:var(--zui-rating-royal-fg-dark,#818cf8)]",
+  electric: "text-[color:var(--zui-rating-electric-fg,#0ea5e9)] dark:text-[color:var(--zui-rating-electric-fg-dark,#38bdf8)]",
+  forest: "text-[color:var(--zui-rating-forest-fg,#166534)] dark:text-[color:var(--zui-rating-forest-fg-dark,#4ade80)]",
+  sunset: "text-[color:var(--zui-rating-sunset-fg,#ea580c)] dark:text-[color:var(--zui-rating-sunset-fg-dark,#fb923c)]",
+  magenta: "text-[color:var(--zui-rating-magenta-fg,#c026d3)] dark:text-[color:var(--zui-rating-magenta-fg-dark,#e879f9)]",
+  crimson: "text-[color:var(--zui-rating-crimson-fg,#b91c1c)] dark:text-[color:var(--zui-rating-crimson-fg-dark,#f87171)]",
+  aqua: "text-[color:var(--zui-rating-aqua-fg,#0f766e)] dark:text-[color:var(--zui-rating-aqua-fg-dark,#2dd4bf)]",
+  plum: "text-[color:var(--zui-rating-plum-fg,#7e22ce)] dark:text-[color:var(--zui-rating-plum-fg-dark,#c084fc)]"
 };
 var ratingItemVariants = classVarianceAuthority.cva(zuiRatingItemBase, {
   variants: {

package/dist/ui/rating.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/design-system/rating.ts","../../src/ui/rating/variants.ts","../../src/ui/rating/rating.tsx"],"names":["cva","FaStar","FaHeart","FaFire","FaThumbsUp","useId","useState","useCallback","jsxs","cn","jsx"],"mappings":"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","file":"rating.js","sourcesContent":["export const zuiRatingRootBase =\n  \"grid w-fit gap-2 text-[color:var(--zui-rating-label-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-rating-label-fg-dark,oklch(98.4%_0.003_247.858))] data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50\";\n\nexport const zuiRatingLabelBase =\n  \"text-sm font-medium leading-6 text-[color:var(--zui-rating-label-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-rating-label-fg-dark,oklch(98.4%_0.003_247.858))]\";\n\nexport const zuiRatingHintBase =\n  \"max-w-sm text-xs leading-5 text-[color:var(--zui-rating-hint-fg,oklch(55.4%_0.046_257.417))] dark:text-[color:var(--zui-rating-hint-fg-dark,oklch(70.4%_0.04_256.788))]\";\n\nexport const zuiRatingGroupBase =\n  \"flex w-fit flex-wrap items-center gap-[var(--zui-rating-gap,0.25rem)]\";\n\nexport const zuiRatingItemBase =\n  \"relative inline-grid shrink-0 place-items-center text-[color:var(--zui-rating-empty,oklch(86.9%_0.022_252.894))] transition-transform duration-200 data-[interactive=true]:hover:-translate-y-0.5 dark:text-[color:var(--zui-rating-empty-dark,oklch(37.2%_0.044_257.287))]\";\n\nexport const zuiRatingIconBase =\n  \"pointer-events-none col-start-1 row-start-1 transition-[clip-path,color,transform] duration-200 ease-out\";\n\nexport const zuiRatingControlBase =\n  \"absolute inset-y-0 z-[1] cursor-pointer rounded-md bg-transparent outline-none transition-shadow focus-visible:ring-2 focus-visible:ring-[var(--zui-rating-ring-focus,oklch(54.6%_0.245_262.881_/_0.32))] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--zui-rating-ring-offset-focus,#ffffff)] disabled:cursor-not-allowed dark:focus-visible:ring-offset-[var(--zui-rating-ring-offset-focus-dark,oklch(12.9%_0.042_264.695))]\";\n\nexport const zuiRatingErrorBase =\n  \"text-sm leading-6 text-[color:var(--zui-rating-error-fg,oklch(58.6%_0.253_17.585))] dark:text-[color:var(--zui-rating-error-fg-dark,oklch(71.2%_0.194_13.428))]\";\n\nexport const zuiRatingSizes = {\n  sm: \"size-5 text-lg\",\n  md: \"size-7 text-2xl\",\n  lg: \"size-9 text-3xl\",\n} as const;\n\nexport const zuiRatingAppearances = {\n  default:\n    \"text-[color:var(--zui-rating-default-active,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-rating-default-active-dark,oklch(98.4%_0.003_247.858))]\",\n  secondary:\n    \"text-[color:var(--zui-rating-secondary-active,oklch(44.6%_0.043_257.281))] dark:text-[color:var(--zui-rating-secondary-active-dark,oklch(86.9%_0.022_252.894))]\",\n  destructive:\n    \"text-[color:var(--zui-rating-destructive-active,oklch(58.6%_0.253_17.585))] dark:text-[color:var(--zui-rating-destructive-active-dark,oklch(71.2%_0.194_13.428))]\",\n  outline:\n    \"text-[color:var(--zui-rating-outline-active,oklch(44.6%_0.043_257.281))] dark:text-[color:var(--zui-rating-outline-active-dark,oklch(86.9%_0.022_252.894))]\",\n  ghost:\n    \"text-[color:var(--zui-rating-ghost-active,oklch(37.2%_0.044_257.287))] dark:text-[color:var(--zui-rating-ghost-active-dark,oklch(92.9%_0.013_255.508))]\",\n  glass:\n    \"text-[color:var(--zui-rating-glass-active,oklch(54.6%_0.245_262.881))] drop-shadow-[0_2px_12px_rgba(59,130,246,0.25)] dark:text-[color:var(--zui-rating-glass-active-dark,oklch(78.9%_0.154_211.53))]\",\n  emerald:\n    \"text-[color:var(--zui-rating-emerald-active,oklch(59.6%_0.145_163.225))] dark:text-[color:var(--zui-rating-emerald-active-dark,oklch(77.7%_0.152_181.912))]\",\n  indigo:\n    \"text-[color:var(--zui-rating-indigo-active,oklch(51.1%_0.262_276.966))] dark:text-[color:var(--zui-rating-indigo-active-dark,oklch(67.3%_0.182_276.935))]\",\n  purple:\n    \"text-[color:var(--zui-rating-purple-active,oklch(55.8%_0.288_302.321))] dark:text-[color:var(--zui-rating-purple-active-dark,oklch(71.4%_0.203_305.504))]\",\n  pink: \"text-[color:var(--zui-rating-pink-active,oklch(59.2%_0.249_0.584))] dark:text-[color:var(--zui-rating-pink-active-dark,oklch(71.8%_0.202_349.761))]\",\n  rose: \"text-[color:var(--zui-rating-rose-active,oklch(58.6%_0.253_17.585))] dark:text-[color:var(--zui-rating-rose-active-dark,oklch(71.2%_0.194_13.428))]\",\n  sky: \"text-[color:var(--zui-rating-sky-active,oklch(62.3%_0.214_259.815))] dark:text-[color:var(--zui-rating-sky-active-dark,oklch(74.6%_0.16_232.661))]\",\n  teal: \"text-[color:var(--zui-rating-teal-active,oklch(60%_0.118_184.704))] dark:text-[color:var(--zui-rating-teal-active-dark,oklch(77.7%_0.152_181.912))]\",\n  yellow:\n    \"text-[color:var(--zui-rating-yellow-active,oklch(79.5%_0.184_86.047))] dark:text-[color:var(--zui-rating-yellow-active-dark,oklch(85.2%_0.199_91.936))]\",\n  orange:\n    \"text-[color:var(--zui-rating-orange-active,oklch(64.6%_0.222_41.116))] dark:text-[color:var(--zui-rating-orange-active-dark,oklch(75%_0.183_55.934))]\",\n  gray: \"text-[color:var(--zui-rating-gray-active,oklch(55.1%_0.027_264.364))] dark:text-[color:var(--zui-rating-gray-active-dark,oklch(70.7%_0.022_261.325))]\",\n  amber:\n    \"text-[color:var(--zui-rating-amber-active,oklch(76.9%_0.188_70.08))] dark:text-[color:var(--zui-rating-amber-active-dark,oklch(82.8%_0.189_84.429))]\",\n  violet:\n    \"text-[color:var(--zui-rating-violet-active,oklch(54.1%_0.281_293.009))] dark:text-[color:var(--zui-rating-violet-active-dark,oklch(70.2%_0.183_293.541))]\",\n  \"gradient-blue\":\n    \"text-[color:var(--zui-rating-gradient-blue-active,oklch(54.6%_0.245_262.881))] drop-shadow-[0_2px_12px_rgba(37,99,235,0.28)] dark:text-[color:var(--zui-rating-gradient-blue-active-dark,oklch(70.7%_0.165_254.624))]\",\n  \"gradient-green\":\n    \"text-[color:var(--zui-rating-gradient-green-active,oklch(62.7%_0.194_149.214))] drop-shadow-[0_2px_12px_rgba(22,163,74,0.24)] dark:text-[color:var(--zui-rating-gradient-green-active-dark,oklch(79.2%_0.209_151.711))]\",\n  \"gradient-red\":\n    \"text-[color:var(--zui-rating-gradient-red-active,oklch(57.7%_0.245_27.325))] drop-shadow-[0_2px_12px_rgba(220,38,38,0.24)] dark:text-[color:var(--zui-rating-gradient-red-active-dark,oklch(70.4%_0.191_22.216))]\",\n  \"gradient-yellow\":\n    \"text-[color:var(--zui-rating-gradient-yellow-active,oklch(79.5%_0.184_86.047))] drop-shadow-[0_2px_12px_rgba(234,179,8,0.24)] dark:text-[color:var(--zui-rating-gradient-yellow-active-dark,oklch(85.2%_0.199_91.936))]\",\n  \"gradient-purple\":\n    \"text-[color:var(--zui-rating-gradient-purple-active,oklch(62.7%_0.265_303.9))] drop-shadow-[0_2px_12px_rgba(147,51,234,0.24)] dark:text-[color:var(--zui-rating-gradient-purple-active-dark,oklch(71.4%_0.203_305.504))]\",\n  \"gradient-teal\":\n    \"text-[color:var(--zui-rating-gradient-teal-active,oklch(60%_0.118_184.704))] drop-shadow-[0_2px_12px_rgba(13,148,136,0.24)] dark:text-[color:var(--zui-rating-gradient-teal-active-dark,oklch(77.7%_0.152_181.912))]\",\n  \"gradient-indigo\":\n    \"text-[color:var(--zui-rating-gradient-indigo-active,oklch(51.1%_0.262_276.966))] drop-shadow-[0_2px_12px_rgba(79,70,229,0.24)] dark:text-[color:var(--zui-rating-gradient-indigo-active-dark,oklch(67.3%_0.182_276.935))]\",\n  \"gradient-pink\":\n    \"text-[color:var(--zui-rating-gradient-pink-active,oklch(59.2%_0.249_0.584))] drop-shadow-[0_2px_12px_rgba(219,39,119,0.24)] dark:text-[color:var(--zui-rating-gradient-pink-active-dark,oklch(71.8%_0.202_349.761))]\",\n  \"gradient-orange\":\n    \"text-[color:var(--zui-rating-gradient-orange-active,oklch(64.6%_0.222_41.116))] drop-shadow-[0_2px_12px_rgba(234,88,12,0.24)] dark:text-[color:var(--zui-rating-gradient-orange-active-dark,oklch(75%_0.183_55.934))]\",\n} as const;\n","import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiRatingAppearances,\n  zuiRatingIconBase,\n  zuiRatingItemBase,\n  zuiRatingSizes,\n} from \"../../design-system/rating\";\n\nexport const ratingItemVariants = cva(zuiRatingItemBase, {\n  variants: {\n    size: zuiRatingSizes,\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\nexport const ratingIconVariants = cva(zuiRatingIconBase, {\n  variants: {\n    appearance: zuiRatingAppearances,\n  },\n  defaultVariants: {\n    appearance: \"amber\",\n  },\n});\n","\"use client\";\n\nimport {\n  type CSSProperties,\n  type KeyboardEvent,\n  useCallback,\n  useId,\n  useState,\n} from \"react\";\nimport { FaFire, FaHeart, FaStar, FaThumbsUp } from \"react-icons/fa\";\nimport type { IconType } from \"react-icons\";\n\nimport {\n  zuiRatingControlBase,\n  zuiRatingErrorBase,\n  zuiRatingGroupBase,\n  zuiRatingHintBase,\n  zuiRatingLabelBase,\n  zuiRatingRootBase,\n} from \"../../design-system/rating\";\nimport { cn } from \"../../lib/utils\";\n\nimport type { RatingPresetIcon, RatingProps } from \"./types\";\nimport { ratingIconVariants, ratingItemVariants } from \"./variants\";\n\nconst PRESET_ICONS: Record<RatingPresetIcon, IconType> = {\n  star: FaStar,\n  heart: FaHeart,\n  flame: FaFire,\n  thumb: FaThumbsUp,\n};\n\nfunction clamp(value: number, min: number, max: number): number {\n  return Math.min(Math.max(value, min), max);\n}\n\nfunction normalizeMax(max: number | undefined): number {\n  const resolved = Number.isFinite(max) ? Number(max) : 5;\n  return Math.max(1, Math.min(10, Math.floor(resolved)));\n}\n\nfunction normalizeValue(\n  value: number | undefined,\n  max: number,\n  allowHalf: boolean,\n): number {\n  const resolved = Number.isFinite(value) ? Number(value) : 0;\n  const step = allowHalf ? 0.5 : 1;\n  return clamp(Math.round(resolved / step) * step, 0, max);\n}\n\nfunction defaultGetLabel(value: number, max: number): string {\n  return `${value} of ${max}`;\n}\n\nfunction resolveIcon(icon: RatingProps[\"icon\"]): IconType {\n  if (!icon) {\n    return PRESET_ICONS.star;\n  }\n\n  if (typeof icon === \"string\") {\n    return PRESET_ICONS[icon as RatingPresetIcon] ?? PRESET_ICONS.star;\n  }\n\n  return icon;\n}\n\nexport function Rating(props: RatingProps) {\n  const {\n    allowClear = false,\n    allowHalf = false,\n    appearance,\n    className,\n    defaultValue = 0,\n    disabled,\n    errorMessage,\n    getLabel = defaultGetLabel,\n    hint,\n    icon,\n    iconClassName,\n    id,\n    label,\n    max = 5,\n    name,\n    onValueChange,\n    readOnly,\n    ref,\n    size,\n    value,\n    ...rest\n  } = props;\n\n  const generatedId = useId();\n  const rootId = id ?? generatedId;\n  const resolvedMax = normalizeMax(max);\n  const isControlled = value !== undefined;\n  const [uncontrolledValue, setUncontrolledValue] = useState(() =>\n    normalizeValue(defaultValue, resolvedMax, allowHalf),\n  );\n  const [hoverValue, setHoverValue] = useState<number | undefined>();\n  const resolvedValue = normalizeValue(\n    isControlled ? value : uncontrolledValue,\n    resolvedMax,\n    allowHalf,\n  );\n  const displayValue = hoverValue ?? resolvedValue;\n  const Icon = resolveIcon(icon);\n  const interactive = !disabled && !readOnly;\n  const controlsDisabled = disabled || readOnly;\n  const step = allowHalf ? 0.5 : 1;\n  const labelId = `${rootId}-label`;\n  const hintId = `${rootId}-hint`;\n  const errorId = `${rootId}-error`;\n  const describedBy = [\n    hint !== undefined ? hintId : undefined,\n    errorMessage !== undefined ? errorId : undefined,\n  ]\n    .filter(Boolean)\n    .join(\" \");\n\n  const commitValue = useCallback(\n    (nextValue: number) => {\n      const normalized = normalizeValue(nextValue, resolvedMax, allowHalf);\n      const next = allowClear && normalized === resolvedValue ? 0 : normalized;\n\n      if (!isControlled) {\n        setUncontrolledValue(next);\n      }\n      onValueChange?.(next);\n    },\n    [\n      allowClear,\n      allowHalf,\n      isControlled,\n      onValueChange,\n      resolvedMax,\n      resolvedValue,\n    ],\n  );\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLButtonElement>) => {\n      if (!interactive) {\n        return;\n      }\n\n      const root = event.currentTarget.closest('[data-slot=\"rating\"]');\n      const focusValue = (nextValue: number) => {\n        const control = root?.querySelector(\n          `button[data-value=\"${nextValue}\"]`,\n        ) as HTMLButtonElement | null;\n        control?.focus();\n      };\n\n      if (event.key === \"ArrowRight\" || event.key === \"ArrowUp\") {\n        event.preventDefault();\n        const nextValue = clamp(resolvedValue + step, step, resolvedMax);\n        commitValue(nextValue);\n        focusValue(nextValue);\n        return;\n      }\n\n      if (event.key === \"ArrowLeft\" || event.key === \"ArrowDown\") {\n        event.preventDefault();\n        const nextValue = clamp(resolvedValue - step, 0, resolvedMax);\n        commitValue(nextValue);\n        focusValue(nextValue === 0 ? step : nextValue);\n        return;\n      }\n\n      if (event.key === \"Home\") {\n        event.preventDefault();\n        commitValue(step);\n        focusValue(step);\n        return;\n      }\n\n      if (event.key === \"End\") {\n        event.preventDefault();\n        commitValue(resolvedMax);\n        focusValue(resolvedMax);\n      }\n    },\n    [commitValue, interactive, resolvedMax, resolvedValue, step],\n  );\n\n  return (\n    <div\n      ref={ref}\n      id={rootId}\n      className={cn(zuiRatingRootBase, className)}\n      data-disabled={disabled ? \"true\" : undefined}\n      data-readonly={readOnly ? \"true\" : undefined}\n      data-slot=\"rating\"\n      {...rest}\n    >\n      {label !== undefined && (\n        <p id={labelId} className={zuiRatingLabelBase}>\n          {label}\n        </p>\n      )}\n      {hint !== undefined && (\n        <p id={hintId} className={zuiRatingHintBase}>\n          {hint}\n        </p>\n      )}\n      <div\n        aria-describedby={describedBy || undefined}\n        aria-invalid={errorMessage !== undefined ? true : undefined}\n        aria-labelledby={label !== undefined ? labelId : undefined}\n        aria-label={label === undefined ? \"Rating\" : undefined}\n        className={zuiRatingGroupBase}\n        data-slot=\"rating-group\"\n        onPointerLeave={() => setHoverValue(undefined)}\n        role=\"radiogroup\"\n      >\n        {Array.from({ length: resolvedMax }, (_, index) => {\n          const fullValue = index + 1;\n          const fillAmount = clamp(displayValue - index, 0, 1);\n          const clipStyle = {\n            clipPath: `inset(0 ${100 - fillAmount * 100}% 0 0)`,\n          } satisfies CSSProperties;\n          const itemOptions = allowHalf\n            ? [fullValue - 0.5, fullValue]\n            : [fullValue];\n\n          return (\n            <span\n              key={fullValue}\n              className={ratingItemVariants({ size })}\n              data-interactive={interactive ? \"true\" : undefined}\n              data-slot=\"rating-item\"\n            >\n              <Icon\n                aria-hidden=\"true\"\n                className={cn(\"col-start-1 row-start-1\", iconClassName)}\n              />\n              <Icon\n                aria-hidden=\"true\"\n                className={cn(\n                  ratingIconVariants({ appearance }),\n                  iconClassName,\n                )}\n                data-slot=\"rating-icon-fill\"\n                style={clipStyle}\n              />\n              {itemOptions.map((optionValue, optionIndex) => (\n                <button\n                  key={optionValue}\n                  type=\"button\"\n                  aria-checked={resolvedValue === optionValue}\n                  aria-label={getLabel(optionValue, resolvedMax)}\n                  className={cn(\n                    zuiRatingControlBase,\n                    allowHalf\n                      ? optionIndex === 0\n                        ? \"left-0 w-1/2\"\n                        : \"right-0 w-1/2\"\n                      : \"inset-x-0\",\n                  )}\n                  data-slot=\"rating-control\"\n                  data-value={optionValue}\n                  disabled={controlsDisabled}\n                  onClick={() => {\n                    if (interactive) {\n                      commitValue(optionValue);\n                    }\n                  }}\n                  onKeyDown={handleKeyDown}\n                  onPointerEnter={() => {\n                    if (interactive) {\n                      setHoverValue(optionValue);\n                    }\n                  }}\n                  role=\"radio\"\n                  tabIndex={\n                    resolvedValue === optionValue ||\n                    (resolvedValue === 0 && optionValue === step)\n                      ? 0\n                      : -1\n                  }\n                />\n              ))}\n            </span>\n          );\n        })}\n      </div>\n      {name !== undefined && (\n        <input\n          type=\"hidden\"\n          name={name}\n          value={resolvedValue}\n          disabled={disabled}\n        />\n      )}\n      {errorMessage !== undefined && (\n        <p id={errorId} className={zuiRatingErrorBase}>\n          {errorMessage}\n        </p>\n      )}\n    </div>\n  );\n}\n\nRating.displayName = \"Rating\";\n"]}
+{"version":3,"sources":["../../src/design-system/rating.ts","../../src/ui/rating/variants.ts","../../src/ui/rating/rating.tsx"],"names":["cva","FaStar","FaHeart","FaFire","FaThumbsUp","useId","useState","useCallback","jsxs","cn","jsx"],"mappings":"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","file":"rating.js","sourcesContent":["export const zuiRatingRootBase =\n  \"grid w-fit gap-2 text-[color:var(--zui-rating-label-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-rating-label-fg-dark,oklch(98.4%_0.003_247.858))] data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50\";\n\nexport const zuiRatingLabelBase =\n  \"text-sm font-medium leading-6 text-[color:var(--zui-rating-label-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-rating-label-fg-dark,oklch(98.4%_0.003_247.858))]\";\n\nexport const zuiRatingHintBase =\n  \"max-w-sm text-xs leading-5 text-[color:var(--zui-rating-hint-fg,oklch(55.4%_0.046_257.417))] dark:text-[color:var(--zui-rating-hint-fg-dark,oklch(70.4%_0.04_256.788))]\";\n\nexport const zuiRatingGroupBase =\n  \"flex w-fit flex-wrap items-center gap-[var(--zui-rating-gap,0.25rem)]\";\n\nexport const zuiRatingItemBase =\n  \"relative inline-grid shrink-0 place-items-center text-[color:var(--zui-rating-empty,oklch(86.9%_0.022_252.894))] transition-transform duration-200 data-[interactive=true]:hover:-translate-y-0.5 dark:text-[color:var(--zui-rating-empty-dark,oklch(37.2%_0.044_257.287))]\";\n\nexport const zuiRatingIconBase =\n  \"pointer-events-none col-start-1 row-start-1 transition-[clip-path,color,transform] duration-200 ease-out\";\n\nexport const zuiRatingControlBase =\n  \"absolute inset-y-0 z-[1] cursor-pointer rounded-md bg-transparent outline-none transition-shadow focus-visible:ring-2 focus-visible:ring-[var(--zui-rating-ring-focus,oklch(54.6%_0.245_262.881_/_0.32))] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--zui-rating-ring-offset-focus,#ffffff)] disabled:cursor-not-allowed dark:focus-visible:ring-offset-[var(--zui-rating-ring-offset-focus-dark,oklch(12.9%_0.042_264.695))]\";\n\nexport const zuiRatingErrorBase =\n  \"text-sm leading-6 text-[color:var(--zui-rating-error-fg,oklch(58.6%_0.253_17.585))] dark:text-[color:var(--zui-rating-error-fg-dark,oklch(71.2%_0.194_13.428))]\";\n\nexport const zuiRatingSizes = {\n  sm: \"size-5 text-lg\",\n  md: \"size-7 text-2xl\",\n  lg: \"size-9 text-3xl\",\n} as const;\n\nexport const zuiRatingAppearances = {\n  default:\n    \"text-[color:var(--zui-rating-default-active,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-rating-default-active-dark,oklch(98.4%_0.003_247.858))]\",\n  secondary:\n    \"text-[color:var(--zui-rating-secondary-active,oklch(44.6%_0.043_257.281))] dark:text-[color:var(--zui-rating-secondary-active-dark,oklch(86.9%_0.022_252.894))]\",\n  destructive:\n    \"text-[color:var(--zui-rating-destructive-active,oklch(58.6%_0.253_17.585))] dark:text-[color:var(--zui-rating-destructive-active-dark,oklch(71.2%_0.194_13.428))]\",\n  outline:\n    \"text-[color:var(--zui-rating-outline-active,oklch(44.6%_0.043_257.281))] dark:text-[color:var(--zui-rating-outline-active-dark,oklch(86.9%_0.022_252.894))]\",\n  ghost:\n    \"text-[color:var(--zui-rating-ghost-active,oklch(37.2%_0.044_257.287))] dark:text-[color:var(--zui-rating-ghost-active-dark,oklch(92.9%_0.013_255.508))]\",\n  glass:\n    \"text-[color:var(--zui-rating-glass-active,oklch(54.6%_0.245_262.881))] drop-shadow-[0_2px_12px_rgba(59,130,246,0.25)] dark:text-[color:var(--zui-rating-glass-active-dark,oklch(78.9%_0.154_211.53))]\",\n  emerald:\n    \"text-[color:var(--zui-rating-emerald-active,oklch(59.6%_0.145_163.225))] dark:text-[color:var(--zui-rating-emerald-active-dark,oklch(77.7%_0.152_181.912))]\",\n  indigo:\n    \"text-[color:var(--zui-rating-indigo-active,oklch(51.1%_0.262_276.966))] dark:text-[color:var(--zui-rating-indigo-active-dark,oklch(67.3%_0.182_276.935))]\",\n  purple:\n    \"text-[color:var(--zui-rating-purple-active,oklch(55.8%_0.288_302.321))] dark:text-[color:var(--zui-rating-purple-active-dark,oklch(71.4%_0.203_305.504))]\",\n  pink: \"text-[color:var(--zui-rating-pink-active,oklch(59.2%_0.249_0.584))] dark:text-[color:var(--zui-rating-pink-active-dark,oklch(71.8%_0.202_349.761))]\",\n  rose: \"text-[color:var(--zui-rating-rose-active,oklch(58.6%_0.253_17.585))] dark:text-[color:var(--zui-rating-rose-active-dark,oklch(71.2%_0.194_13.428))]\",\n  sky: \"text-[color:var(--zui-rating-sky-active,oklch(62.3%_0.214_259.815))] dark:text-[color:var(--zui-rating-sky-active-dark,oklch(74.6%_0.16_232.661))]\",\n  teal: \"text-[color:var(--zui-rating-teal-active,oklch(60%_0.118_184.704))] dark:text-[color:var(--zui-rating-teal-active-dark,oklch(77.7%_0.152_181.912))]\",\n  yellow:\n    \"text-[color:var(--zui-rating-yellow-active,oklch(79.5%_0.184_86.047))] dark:text-[color:var(--zui-rating-yellow-active-dark,oklch(85.2%_0.199_91.936))]\",\n  orange:\n    \"text-[color:var(--zui-rating-orange-active,oklch(64.6%_0.222_41.116))] dark:text-[color:var(--zui-rating-orange-active-dark,oklch(75%_0.183_55.934))]\",\n  gray: \"text-[color:var(--zui-rating-gray-active,oklch(55.1%_0.027_264.364))] dark:text-[color:var(--zui-rating-gray-active-dark,oklch(70.7%_0.022_261.325))]\",\n  amber:\n    \"text-[color:var(--zui-rating-amber-active,oklch(76.9%_0.188_70.08))] dark:text-[color:var(--zui-rating-amber-active-dark,oklch(82.8%_0.189_84.429))]\",\n  violet:\n    \"text-[color:var(--zui-rating-violet-active,oklch(54.1%_0.281_293.009))] dark:text-[color:var(--zui-rating-violet-active-dark,oklch(70.2%_0.183_293.541))]\",\n  \"gradient-blue\":\n    \"text-[color:var(--zui-rating-gradient-blue-active,oklch(54.6%_0.245_262.881))] drop-shadow-[0_2px_12px_rgba(37,99,235,0.28)] dark:text-[color:var(--zui-rating-gradient-blue-active-dark,oklch(70.7%_0.165_254.624))]\",\n  \"gradient-green\":\n    \"text-[color:var(--zui-rating-gradient-green-active,oklch(62.7%_0.194_149.214))] drop-shadow-[0_2px_12px_rgba(22,163,74,0.24)] dark:text-[color:var(--zui-rating-gradient-green-active-dark,oklch(79.2%_0.209_151.711))]\",\n  \"gradient-red\":\n    \"text-[color:var(--zui-rating-gradient-red-active,oklch(57.7%_0.245_27.325))] drop-shadow-[0_2px_12px_rgba(220,38,38,0.24)] dark:text-[color:var(--zui-rating-gradient-red-active-dark,oklch(70.4%_0.191_22.216))]\",\n  \"gradient-yellow\":\n    \"text-[color:var(--zui-rating-gradient-yellow-active,oklch(79.5%_0.184_86.047))] drop-shadow-[0_2px_12px_rgba(234,179,8,0.24)] dark:text-[color:var(--zui-rating-gradient-yellow-active-dark,oklch(85.2%_0.199_91.936))]\",\n  \"gradient-purple\":\n    \"text-[color:var(--zui-rating-gradient-purple-active,oklch(62.7%_0.265_303.9))] drop-shadow-[0_2px_12px_rgba(147,51,234,0.24)] dark:text-[color:var(--zui-rating-gradient-purple-active-dark,oklch(71.4%_0.203_305.504))]\",\n  \"gradient-teal\":\n    \"text-[color:var(--zui-rating-gradient-teal-active,oklch(60%_0.118_184.704))] drop-shadow-[0_2px_12px_rgba(13,148,136,0.24)] dark:text-[color:var(--zui-rating-gradient-teal-active-dark,oklch(77.7%_0.152_181.912))]\",\n  \"gradient-indigo\":\n    \"text-[color:var(--zui-rating-gradient-indigo-active,oklch(51.1%_0.262_276.966))] drop-shadow-[0_2px_12px_rgba(79,70,229,0.24)] dark:text-[color:var(--zui-rating-gradient-indigo-active-dark,oklch(67.3%_0.182_276.935))]\",\n  \"gradient-pink\":\n    \"text-[color:var(--zui-rating-gradient-pink-active,oklch(59.2%_0.249_0.584))] drop-shadow-[0_2px_12px_rgba(219,39,119,0.24)] dark:text-[color:var(--zui-rating-gradient-pink-active-dark,oklch(71.8%_0.202_349.761))]\",\n  \"gradient-orange\":\n    \"text-[color:var(--zui-rating-gradient-orange-active,oklch(64.6%_0.222_41.116))] drop-shadow-[0_2px_12px_rgba(234,88,12,0.24)] dark:text-[color:var(--zui-rating-gradient-orange-active-dark,oklch(75%_0.183_55.934))]\",\n  blue: \"text-[color:var(--zui-rating-blue-fg,#2563eb)] dark:text-[color:var(--zui-rating-blue-fg-dark,#3b82f6)]\",\n  cyan: \"text-[color:var(--zui-rating-cyan-fg,#0891b2)] dark:text-[color:var(--zui-rating-cyan-fg-dark,#22d3ee)]\",\n  green:\n    \"text-[color:var(--zui-rating-green-fg,#16a34a)] dark:text-[color:var(--zui-rating-green-fg-dark,#22c55e)]\",\n  lime: \"text-[color:var(--zui-rating-lime-fg,#65a30d)] dark:text-[color:var(--zui-rating-lime-fg-dark,#a3e635)]\",\n  mint: \"text-[color:var(--zui-rating-mint-fg,#10b981)] dark:text-[color:var(--zui-rating-mint-fg-dark,#6ee7b7)]\",\n  ocean:\n    \"text-[color:var(--zui-rating-ocean-fg,#0284c7)] dark:text-[color:var(--zui-rating-ocean-fg-dark,#38bdf8)]\",\n  sapphire:\n    \"text-[color:var(--zui-rating-sapphire-fg,#1d4ed8)] dark:text-[color:var(--zui-rating-sapphire-fg-dark,#60a5fa)]\",\n  lavender:\n    \"text-[color:var(--zui-rating-lavender-fg,#8b5cf6)] dark:text-[color:var(--zui-rating-lavender-fg-dark,#a78bfa)]\",\n  ruby: \"text-[color:var(--zui-rating-ruby-fg,#be123c)] dark:text-[color:var(--zui-rating-ruby-fg-dark,#fb7185)]\",\n  red: \"text-[color:var(--zui-rating-red-fg,#dc2626)] dark:text-[color:var(--zui-rating-red-fg-dark,#ef4444)]\",\n  slate:\n    \"text-[color:var(--zui-rating-slate-fg,#475569)] dark:text-[color:var(--zui-rating-slate-fg-dark,#64748b)]\",\n  zinc: \"text-[color:var(--zui-rating-zinc-fg,#52525b)] dark:text-[color:var(--zui-rating-zinc-fg-dark,#71717a)]\",\n  stone:\n    \"text-[color:var(--zui-rating-stone-fg,#57534e)] dark:text-[color:var(--zui-rating-stone-fg-dark,#78716c)]\",\n  royal:\n    \"text-[color:var(--zui-rating-royal-fg,#4338ca)] dark:text-[color:var(--zui-rating-royal-fg-dark,#818cf8)]\",\n  electric:\n    \"text-[color:var(--zui-rating-electric-fg,#0ea5e9)] dark:text-[color:var(--zui-rating-electric-fg-dark,#38bdf8)]\",\n  forest:\n    \"text-[color:var(--zui-rating-forest-fg,#166534)] dark:text-[color:var(--zui-rating-forest-fg-dark,#4ade80)]\",\n  sunset:\n    \"text-[color:var(--zui-rating-sunset-fg,#ea580c)] dark:text-[color:var(--zui-rating-sunset-fg-dark,#fb923c)]\",\n  magenta:\n    \"text-[color:var(--zui-rating-magenta-fg,#c026d3)] dark:text-[color:var(--zui-rating-magenta-fg-dark,#e879f9)]\",\n  crimson:\n    \"text-[color:var(--zui-rating-crimson-fg,#b91c1c)] dark:text-[color:var(--zui-rating-crimson-fg-dark,#f87171)]\",\n  aqua: \"text-[color:var(--zui-rating-aqua-fg,#0f766e)] dark:text-[color:var(--zui-rating-aqua-fg-dark,#2dd4bf)]\",\n  plum: \"text-[color:var(--zui-rating-plum-fg,#7e22ce)] dark:text-[color:var(--zui-rating-plum-fg-dark,#c084fc)]\",\n} as const;\n","import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiRatingAppearances,\n  zuiRatingIconBase,\n  zuiRatingItemBase,\n  zuiRatingSizes,\n} from \"../../design-system/rating\";\n\nexport const ratingItemVariants = cva(zuiRatingItemBase, {\n  variants: {\n    size: zuiRatingSizes,\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\nexport const ratingIconVariants = cva(zuiRatingIconBase, {\n  variants: {\n    appearance: zuiRatingAppearances,\n  },\n  defaultVariants: {\n    appearance: \"amber\",\n  },\n});\n","\"use client\";\n\nimport {\n  type CSSProperties,\n  type KeyboardEvent,\n  useCallback,\n  useId,\n  useState,\n} from \"react\";\nimport { FaFire, FaHeart, FaStar, FaThumbsUp } from \"react-icons/fa\";\nimport type { IconType } from \"react-icons\";\n\nimport {\n  zuiRatingControlBase,\n  zuiRatingErrorBase,\n  zuiRatingGroupBase,\n  zuiRatingHintBase,\n  zuiRatingLabelBase,\n  zuiRatingRootBase,\n} from \"../../design-system/rating\";\nimport { cn } from \"../../lib/utils\";\n\nimport type { RatingPresetIcon, RatingProps } from \"./types\";\nimport { ratingIconVariants, ratingItemVariants } from \"./variants\";\n\nconst PRESET_ICONS: Record<RatingPresetIcon, IconType> = {\n  star: FaStar,\n  heart: FaHeart,\n  flame: FaFire,\n  thumb: FaThumbsUp,\n};\n\nfunction clamp(value: number, min: number, max: number): number {\n  return Math.min(Math.max(value, min), max);\n}\n\nfunction normalizeMax(max: number | undefined): number {\n  const resolved = Number.isFinite(max) ? Number(max) : 5;\n  return Math.max(1, Math.min(10, Math.floor(resolved)));\n}\n\nfunction normalizeValue(\n  value: number | undefined,\n  max: number,\n  allowHalf: boolean,\n): number {\n  const resolved = Number.isFinite(value) ? Number(value) : 0;\n  const step = allowHalf ? 0.5 : 1;\n  return clamp(Math.round(resolved / step) * step, 0, max);\n}\n\nfunction defaultGetLabel(value: number, max: number): string {\n  return `${value} of ${max}`;\n}\n\nfunction resolveIcon(icon: RatingProps[\"icon\"]): IconType {\n  if (!icon) {\n    return PRESET_ICONS.star;\n  }\n\n  if (typeof icon === \"string\") {\n    return PRESET_ICONS[icon as RatingPresetIcon] ?? PRESET_ICONS.star;\n  }\n\n  return icon;\n}\n\nexport function Rating(props: RatingProps) {\n  const {\n    allowClear = false,\n    allowHalf = false,\n    appearance,\n    className,\n    defaultValue = 0,\n    disabled,\n    errorMessage,\n    getLabel = defaultGetLabel,\n    hint,\n    icon,\n    iconClassName,\n    id,\n    label,\n    max = 5,\n    name,\n    onValueChange,\n    readOnly,\n    ref,\n    size,\n    value,\n    ...rest\n  } = props;\n\n  const generatedId = useId();\n  const rootId = id ?? generatedId;\n  const resolvedMax = normalizeMax(max);\n  const isControlled = value !== undefined;\n  const [uncontrolledValue, setUncontrolledValue] = useState(() =>\n    normalizeValue(defaultValue, resolvedMax, allowHalf),\n  );\n  const [hoverValue, setHoverValue] = useState<number | undefined>();\n  const resolvedValue = normalizeValue(\n    isControlled ? value : uncontrolledValue,\n    resolvedMax,\n    allowHalf,\n  );\n  const displayValue = hoverValue ?? resolvedValue;\n  const Icon = resolveIcon(icon);\n  const interactive = !disabled && !readOnly;\n  const controlsDisabled = disabled || readOnly;\n  const step = allowHalf ? 0.5 : 1;\n  const labelId = `${rootId}-label`;\n  const hintId = `${rootId}-hint`;\n  const errorId = `${rootId}-error`;\n  const describedBy = [\n    hint !== undefined ? hintId : undefined,\n    errorMessage !== undefined ? errorId : undefined,\n  ]\n    .filter(Boolean)\n    .join(\" \");\n\n  const commitValue = useCallback(\n    (nextValue: number) => {\n      const normalized = normalizeValue(nextValue, resolvedMax, allowHalf);\n      const next = allowClear && normalized === resolvedValue ? 0 : normalized;\n\n      if (!isControlled) {\n        setUncontrolledValue(next);\n      }\n      onValueChange?.(next);\n    },\n    [\n      allowClear,\n      allowHalf,\n      isControlled,\n      onValueChange,\n      resolvedMax,\n      resolvedValue,\n    ],\n  );\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLButtonElement>) => {\n      if (!interactive) {\n        return;\n      }\n\n      const root = event.currentTarget.closest('[data-slot=\"rating\"]');\n      const focusValue = (nextValue: number) => {\n        const control = root?.querySelector(\n          `button[data-value=\"${nextValue}\"]`,\n        ) as HTMLButtonElement | null;\n        control?.focus();\n      };\n\n      if (event.key === \"ArrowRight\" || event.key === \"ArrowUp\") {\n        event.preventDefault();\n        const nextValue = clamp(resolvedValue + step, step, resolvedMax);\n        commitValue(nextValue);\n        focusValue(nextValue);\n        return;\n      }\n\n      if (event.key === \"ArrowLeft\" || event.key === \"ArrowDown\") {\n        event.preventDefault();\n        const nextValue = clamp(resolvedValue - step, 0, resolvedMax);\n        commitValue(nextValue);\n        focusValue(nextValue === 0 ? step : nextValue);\n        return;\n      }\n\n      if (event.key === \"Home\") {\n        event.preventDefault();\n        commitValue(step);\n        focusValue(step);\n        return;\n      }\n\n      if (event.key === \"End\") {\n        event.preventDefault();\n        commitValue(resolvedMax);\n        focusValue(resolvedMax);\n      }\n    },\n    [commitValue, interactive, resolvedMax, resolvedValue, step],\n  );\n\n  return (\n    <div\n      ref={ref}\n      id={rootId}\n      className={cn(zuiRatingRootBase, className)}\n      data-disabled={disabled ? \"true\" : undefined}\n      data-readonly={readOnly ? \"true\" : undefined}\n      data-slot=\"rating\"\n      {...rest}\n    >\n      {label !== undefined && (\n        <p id={labelId} className={zuiRatingLabelBase}>\n          {label}\n        </p>\n      )}\n      {hint !== undefined && (\n        <p id={hintId} className={zuiRatingHintBase}>\n          {hint}\n        </p>\n      )}\n      <div\n        aria-describedby={describedBy || undefined}\n        aria-invalid={errorMessage !== undefined ? true : undefined}\n        aria-labelledby={label !== undefined ? labelId : undefined}\n        aria-label={label === undefined ? \"Rating\" : undefined}\n        className={zuiRatingGroupBase}\n        data-slot=\"rating-group\"\n        onPointerLeave={() => setHoverValue(undefined)}\n        role=\"radiogroup\"\n      >\n        {Array.from({ length: resolvedMax }, (_, index) => {\n          const fullValue = index + 1;\n          const fillAmount = clamp(displayValue - index, 0, 1);\n          const clipStyle = {\n            clipPath: `inset(0 ${100 - fillAmount * 100}% 0 0)`,\n          } satisfies CSSProperties;\n          const itemOptions = allowHalf\n            ? [fullValue - 0.5, fullValue]\n            : [fullValue];\n\n          return (\n            <span\n              key={fullValue}\n              className={ratingItemVariants({ size })}\n              data-interactive={interactive ? \"true\" : undefined}\n              data-slot=\"rating-item\"\n            >\n              <Icon\n                aria-hidden=\"true\"\n                className={cn(\"col-start-1 row-start-1\", iconClassName)}\n              />\n              <Icon\n                aria-hidden=\"true\"\n                className={cn(\n                  ratingIconVariants({ appearance }),\n                  iconClassName,\n                )}\n                data-slot=\"rating-icon-fill\"\n                style={clipStyle}\n              />\n              {itemOptions.map((optionValue, optionIndex) => (\n                <button\n                  key={optionValue}\n                  type=\"button\"\n                  aria-checked={resolvedValue === optionValue}\n                  aria-label={getLabel(optionValue, resolvedMax)}\n                  className={cn(\n                    zuiRatingControlBase,\n                    allowHalf\n                      ? optionIndex === 0\n                        ? \"left-0 w-1/2\"\n                        : \"right-0 w-1/2\"\n                      : \"inset-x-0\",\n                  )}\n                  data-slot=\"rating-control\"\n                  data-value={optionValue}\n                  disabled={controlsDisabled}\n                  onClick={() => {\n                    if (interactive) {\n                      commitValue(optionValue);\n                    }\n                  }}\n                  onKeyDown={handleKeyDown}\n                  onPointerEnter={() => {\n                    if (interactive) {\n                      setHoverValue(optionValue);\n                    }\n                  }}\n                  role=\"radio\"\n                  tabIndex={\n                    resolvedValue === optionValue ||\n                    (resolvedValue === 0 && optionValue === step)\n                      ? 0\n                      : -1\n                  }\n                />\n              ))}\n            </span>\n          );\n        })}\n      </div>\n      {name !== undefined && (\n        <input\n          type=\"hidden\"\n          name={name}\n          value={resolvedValue}\n          disabled={disabled}\n        />\n      )}\n      {errorMessage !== undefined && (\n        <p id={errorId} className={zuiRatingErrorBase}>\n          {errorMessage}\n        </p>\n      )}\n    </div>\n  );\n}\n\nRating.displayName = \"Rating\";\n"]}

package/dist/ui/rating.mjs

@@ -46,7 +46,28 @@ var zuiRatingAppearances = {
   "gradient-teal": "text-[color:var(--zui-rating-gradient-teal-active,oklch(60%_0.118_184.704))] drop-shadow-[0_2px_12px_rgba(13,148,136,0.24)] dark:text-[color:var(--zui-rating-gradient-teal-active-dark,oklch(77.7%_0.152_181.912))]",
   "gradient-indigo": "text-[color:var(--zui-rating-gradient-indigo-active,oklch(51.1%_0.262_276.966))] drop-shadow-[0_2px_12px_rgba(79,70,229,0.24)] dark:text-[color:var(--zui-rating-gradient-indigo-active-dark,oklch(67.3%_0.182_276.935))]",
   "gradient-pink": "text-[color:var(--zui-rating-gradient-pink-active,oklch(59.2%_0.249_0.584))] drop-shadow-[0_2px_12px_rgba(219,39,119,0.24)] dark:text-[color:var(--zui-rating-gradient-pink-active-dark,oklch(71.8%_0.202_349.761))]",
-  "gradient-orange": "text-[color:var(--zui-rating-gradient-orange-active,oklch(64.6%_0.222_41.116))] drop-shadow-[0_2px_12px_rgba(234,88,12,0.24)] dark:text-[color:var(--zui-rating-gradient-orange-active-dark,oklch(75%_0.183_55.934))]"
+  "gradient-orange": "text-[color:var(--zui-rating-gradient-orange-active,oklch(64.6%_0.222_41.116))] drop-shadow-[0_2px_12px_rgba(234,88,12,0.24)] dark:text-[color:var(--zui-rating-gradient-orange-active-dark,oklch(75%_0.183_55.934))]",
+  blue: "text-[color:var(--zui-rating-blue-fg,#2563eb)] dark:text-[color:var(--zui-rating-blue-fg-dark,#3b82f6)]",
+  cyan: "text-[color:var(--zui-rating-cyan-fg,#0891b2)] dark:text-[color:var(--zui-rating-cyan-fg-dark,#22d3ee)]",
+  green: "text-[color:var(--zui-rating-green-fg,#16a34a)] dark:text-[color:var(--zui-rating-green-fg-dark,#22c55e)]",
+  lime: "text-[color:var(--zui-rating-lime-fg,#65a30d)] dark:text-[color:var(--zui-rating-lime-fg-dark,#a3e635)]",
+  mint: "text-[color:var(--zui-rating-mint-fg,#10b981)] dark:text-[color:var(--zui-rating-mint-fg-dark,#6ee7b7)]",
+  ocean: "text-[color:var(--zui-rating-ocean-fg,#0284c7)] dark:text-[color:var(--zui-rating-ocean-fg-dark,#38bdf8)]",
+  sapphire: "text-[color:var(--zui-rating-sapphire-fg,#1d4ed8)] dark:text-[color:var(--zui-rating-sapphire-fg-dark,#60a5fa)]",
+  lavender: "text-[color:var(--zui-rating-lavender-fg,#8b5cf6)] dark:text-[color:var(--zui-rating-lavender-fg-dark,#a78bfa)]",
+  ruby: "text-[color:var(--zui-rating-ruby-fg,#be123c)] dark:text-[color:var(--zui-rating-ruby-fg-dark,#fb7185)]",
+  red: "text-[color:var(--zui-rating-red-fg,#dc2626)] dark:text-[color:var(--zui-rating-red-fg-dark,#ef4444)]",
+  slate: "text-[color:var(--zui-rating-slate-fg,#475569)] dark:text-[color:var(--zui-rating-slate-fg-dark,#64748b)]",
+  zinc: "text-[color:var(--zui-rating-zinc-fg,#52525b)] dark:text-[color:var(--zui-rating-zinc-fg-dark,#71717a)]",
+  stone: "text-[color:var(--zui-rating-stone-fg,#57534e)] dark:text-[color:var(--zui-rating-stone-fg-dark,#78716c)]",
+  royal: "text-[color:var(--zui-rating-royal-fg,#4338ca)] dark:text-[color:var(--zui-rating-royal-fg-dark,#818cf8)]",
+  electric: "text-[color:var(--zui-rating-electric-fg,#0ea5e9)] dark:text-[color:var(--zui-rating-electric-fg-dark,#38bdf8)]",
+  forest: "text-[color:var(--zui-rating-forest-fg,#166534)] dark:text-[color:var(--zui-rating-forest-fg-dark,#4ade80)]",
+  sunset: "text-[color:var(--zui-rating-sunset-fg,#ea580c)] dark:text-[color:var(--zui-rating-sunset-fg-dark,#fb923c)]",
+  magenta: "text-[color:var(--zui-rating-magenta-fg,#c026d3)] dark:text-[color:var(--zui-rating-magenta-fg-dark,#e879f9)]",
+  crimson: "text-[color:var(--zui-rating-crimson-fg,#b91c1c)] dark:text-[color:var(--zui-rating-crimson-fg-dark,#f87171)]",
+  aqua: "text-[color:var(--zui-rating-aqua-fg,#0f766e)] dark:text-[color:var(--zui-rating-aqua-fg-dark,#2dd4bf)]",
+  plum: "text-[color:var(--zui-rating-plum-fg,#7e22ce)] dark:text-[color:var(--zui-rating-plum-fg-dark,#c084fc)]"
 };
 var ratingItemVariants = cva(zuiRatingItemBase, {
   variants: {

package/dist/ui/rating.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/design-system/rating.ts","../../src/ui/rating/variants.ts","../../src/ui/rating/rating.tsx"],"names":[],"mappings":"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","file":"rating.mjs","sourcesContent":["export const zuiRatingRootBase =\n  \"grid w-fit gap-2 text-[color:var(--zui-rating-label-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-rating-label-fg-dark,oklch(98.4%_0.003_247.858))] data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50\";\n\nexport const zuiRatingLabelBase =\n  \"text-sm font-medium leading-6 text-[color:var(--zui-rating-label-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-rating-label-fg-dark,oklch(98.4%_0.003_247.858))]\";\n\nexport const zuiRatingHintBase =\n  \"max-w-sm text-xs leading-5 text-[color:var(--zui-rating-hint-fg,oklch(55.4%_0.046_257.417))] dark:text-[color:var(--zui-rating-hint-fg-dark,oklch(70.4%_0.04_256.788))]\";\n\nexport const zuiRatingGroupBase =\n  \"flex w-fit flex-wrap items-center gap-[var(--zui-rating-gap,0.25rem)]\";\n\nexport const zuiRatingItemBase =\n  \"relative inline-grid shrink-0 place-items-center text-[color:var(--zui-rating-empty,oklch(86.9%_0.022_252.894))] transition-transform duration-200 data-[interactive=true]:hover:-translate-y-0.5 dark:text-[color:var(--zui-rating-empty-dark,oklch(37.2%_0.044_257.287))]\";\n\nexport const zuiRatingIconBase =\n  \"pointer-events-none col-start-1 row-start-1 transition-[clip-path,color,transform] duration-200 ease-out\";\n\nexport const zuiRatingControlBase =\n  \"absolute inset-y-0 z-[1] cursor-pointer rounded-md bg-transparent outline-none transition-shadow focus-visible:ring-2 focus-visible:ring-[var(--zui-rating-ring-focus,oklch(54.6%_0.245_262.881_/_0.32))] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--zui-rating-ring-offset-focus,#ffffff)] disabled:cursor-not-allowed dark:focus-visible:ring-offset-[var(--zui-rating-ring-offset-focus-dark,oklch(12.9%_0.042_264.695))]\";\n\nexport const zuiRatingErrorBase =\n  \"text-sm leading-6 text-[color:var(--zui-rating-error-fg,oklch(58.6%_0.253_17.585))] dark:text-[color:var(--zui-rating-error-fg-dark,oklch(71.2%_0.194_13.428))]\";\n\nexport const zuiRatingSizes = {\n  sm: \"size-5 text-lg\",\n  md: \"size-7 text-2xl\",\n  lg: \"size-9 text-3xl\",\n} as const;\n\nexport const zuiRatingAppearances = {\n  default:\n    \"text-[color:var(--zui-rating-default-active,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-rating-default-active-dark,oklch(98.4%_0.003_247.858))]\",\n  secondary:\n    \"text-[color:var(--zui-rating-secondary-active,oklch(44.6%_0.043_257.281))] dark:text-[color:var(--zui-rating-secondary-active-dark,oklch(86.9%_0.022_252.894))]\",\n  destructive:\n    \"text-[color:var(--zui-rating-destructive-active,oklch(58.6%_0.253_17.585))] dark:text-[color:var(--zui-rating-destructive-active-dark,oklch(71.2%_0.194_13.428))]\",\n  outline:\n    \"text-[color:var(--zui-rating-outline-active,oklch(44.6%_0.043_257.281))] dark:text-[color:var(--zui-rating-outline-active-dark,oklch(86.9%_0.022_252.894))]\",\n  ghost:\n    \"text-[color:var(--zui-rating-ghost-active,oklch(37.2%_0.044_257.287))] dark:text-[color:var(--zui-rating-ghost-active-dark,oklch(92.9%_0.013_255.508))]\",\n  glass:\n    \"text-[color:var(--zui-rating-glass-active,oklch(54.6%_0.245_262.881))] drop-shadow-[0_2px_12px_rgba(59,130,246,0.25)] dark:text-[color:var(--zui-rating-glass-active-dark,oklch(78.9%_0.154_211.53))]\",\n  emerald:\n    \"text-[color:var(--zui-rating-emerald-active,oklch(59.6%_0.145_163.225))] dark:text-[color:var(--zui-rating-emerald-active-dark,oklch(77.7%_0.152_181.912))]\",\n  indigo:\n    \"text-[color:var(--zui-rating-indigo-active,oklch(51.1%_0.262_276.966))] dark:text-[color:var(--zui-rating-indigo-active-dark,oklch(67.3%_0.182_276.935))]\",\n  purple:\n    \"text-[color:var(--zui-rating-purple-active,oklch(55.8%_0.288_302.321))] dark:text-[color:var(--zui-rating-purple-active-dark,oklch(71.4%_0.203_305.504))]\",\n  pink: \"text-[color:var(--zui-rating-pink-active,oklch(59.2%_0.249_0.584))] dark:text-[color:var(--zui-rating-pink-active-dark,oklch(71.8%_0.202_349.761))]\",\n  rose: \"text-[color:var(--zui-rating-rose-active,oklch(58.6%_0.253_17.585))] dark:text-[color:var(--zui-rating-rose-active-dark,oklch(71.2%_0.194_13.428))]\",\n  sky: \"text-[color:var(--zui-rating-sky-active,oklch(62.3%_0.214_259.815))] dark:text-[color:var(--zui-rating-sky-active-dark,oklch(74.6%_0.16_232.661))]\",\n  teal: \"text-[color:var(--zui-rating-teal-active,oklch(60%_0.118_184.704))] dark:text-[color:var(--zui-rating-teal-active-dark,oklch(77.7%_0.152_181.912))]\",\n  yellow:\n    \"text-[color:var(--zui-rating-yellow-active,oklch(79.5%_0.184_86.047))] dark:text-[color:var(--zui-rating-yellow-active-dark,oklch(85.2%_0.199_91.936))]\",\n  orange:\n    \"text-[color:var(--zui-rating-orange-active,oklch(64.6%_0.222_41.116))] dark:text-[color:var(--zui-rating-orange-active-dark,oklch(75%_0.183_55.934))]\",\n  gray: \"text-[color:var(--zui-rating-gray-active,oklch(55.1%_0.027_264.364))] dark:text-[color:var(--zui-rating-gray-active-dark,oklch(70.7%_0.022_261.325))]\",\n  amber:\n    \"text-[color:var(--zui-rating-amber-active,oklch(76.9%_0.188_70.08))] dark:text-[color:var(--zui-rating-amber-active-dark,oklch(82.8%_0.189_84.429))]\",\n  violet:\n    \"text-[color:var(--zui-rating-violet-active,oklch(54.1%_0.281_293.009))] dark:text-[color:var(--zui-rating-violet-active-dark,oklch(70.2%_0.183_293.541))]\",\n  \"gradient-blue\":\n    \"text-[color:var(--zui-rating-gradient-blue-active,oklch(54.6%_0.245_262.881))] drop-shadow-[0_2px_12px_rgba(37,99,235,0.28)] dark:text-[color:var(--zui-rating-gradient-blue-active-dark,oklch(70.7%_0.165_254.624))]\",\n  \"gradient-green\":\n    \"text-[color:var(--zui-rating-gradient-green-active,oklch(62.7%_0.194_149.214))] drop-shadow-[0_2px_12px_rgba(22,163,74,0.24)] dark:text-[color:var(--zui-rating-gradient-green-active-dark,oklch(79.2%_0.209_151.711))]\",\n  \"gradient-red\":\n    \"text-[color:var(--zui-rating-gradient-red-active,oklch(57.7%_0.245_27.325))] drop-shadow-[0_2px_12px_rgba(220,38,38,0.24)] dark:text-[color:var(--zui-rating-gradient-red-active-dark,oklch(70.4%_0.191_22.216))]\",\n  \"gradient-yellow\":\n    \"text-[color:var(--zui-rating-gradient-yellow-active,oklch(79.5%_0.184_86.047))] drop-shadow-[0_2px_12px_rgba(234,179,8,0.24)] dark:text-[color:var(--zui-rating-gradient-yellow-active-dark,oklch(85.2%_0.199_91.936))]\",\n  \"gradient-purple\":\n    \"text-[color:var(--zui-rating-gradient-purple-active,oklch(62.7%_0.265_303.9))] drop-shadow-[0_2px_12px_rgba(147,51,234,0.24)] dark:text-[color:var(--zui-rating-gradient-purple-active-dark,oklch(71.4%_0.203_305.504))]\",\n  \"gradient-teal\":\n    \"text-[color:var(--zui-rating-gradient-teal-active,oklch(60%_0.118_184.704))] drop-shadow-[0_2px_12px_rgba(13,148,136,0.24)] dark:text-[color:var(--zui-rating-gradient-teal-active-dark,oklch(77.7%_0.152_181.912))]\",\n  \"gradient-indigo\":\n    \"text-[color:var(--zui-rating-gradient-indigo-active,oklch(51.1%_0.262_276.966))] drop-shadow-[0_2px_12px_rgba(79,70,229,0.24)] dark:text-[color:var(--zui-rating-gradient-indigo-active-dark,oklch(67.3%_0.182_276.935))]\",\n  \"gradient-pink\":\n    \"text-[color:var(--zui-rating-gradient-pink-active,oklch(59.2%_0.249_0.584))] drop-shadow-[0_2px_12px_rgba(219,39,119,0.24)] dark:text-[color:var(--zui-rating-gradient-pink-active-dark,oklch(71.8%_0.202_349.761))]\",\n  \"gradient-orange\":\n    \"text-[color:var(--zui-rating-gradient-orange-active,oklch(64.6%_0.222_41.116))] drop-shadow-[0_2px_12px_rgba(234,88,12,0.24)] dark:text-[color:var(--zui-rating-gradient-orange-active-dark,oklch(75%_0.183_55.934))]\",\n} as const;\n","import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiRatingAppearances,\n  zuiRatingIconBase,\n  zuiRatingItemBase,\n  zuiRatingSizes,\n} from \"../../design-system/rating\";\n\nexport const ratingItemVariants = cva(zuiRatingItemBase, {\n  variants: {\n    size: zuiRatingSizes,\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\nexport const ratingIconVariants = cva(zuiRatingIconBase, {\n  variants: {\n    appearance: zuiRatingAppearances,\n  },\n  defaultVariants: {\n    appearance: \"amber\",\n  },\n});\n","\"use client\";\n\nimport {\n  type CSSProperties,\n  type KeyboardEvent,\n  useCallback,\n  useId,\n  useState,\n} from \"react\";\nimport { FaFire, FaHeart, FaStar, FaThumbsUp } from \"react-icons/fa\";\nimport type { IconType } from \"react-icons\";\n\nimport {\n  zuiRatingControlBase,\n  zuiRatingErrorBase,\n  zuiRatingGroupBase,\n  zuiRatingHintBase,\n  zuiRatingLabelBase,\n  zuiRatingRootBase,\n} from \"../../design-system/rating\";\nimport { cn } from \"../../lib/utils\";\n\nimport type { RatingPresetIcon, RatingProps } from \"./types\";\nimport { ratingIconVariants, ratingItemVariants } from \"./variants\";\n\nconst PRESET_ICONS: Record<RatingPresetIcon, IconType> = {\n  star: FaStar,\n  heart: FaHeart,\n  flame: FaFire,\n  thumb: FaThumbsUp,\n};\n\nfunction clamp(value: number, min: number, max: number): number {\n  return Math.min(Math.max(value, min), max);\n}\n\nfunction normalizeMax(max: number | undefined): number {\n  const resolved = Number.isFinite(max) ? Number(max) : 5;\n  return Math.max(1, Math.min(10, Math.floor(resolved)));\n}\n\nfunction normalizeValue(\n  value: number | undefined,\n  max: number,\n  allowHalf: boolean,\n): number {\n  const resolved = Number.isFinite(value) ? Number(value) : 0;\n  const step = allowHalf ? 0.5 : 1;\n  return clamp(Math.round(resolved / step) * step, 0, max);\n}\n\nfunction defaultGetLabel(value: number, max: number): string {\n  return `${value} of ${max}`;\n}\n\nfunction resolveIcon(icon: RatingProps[\"icon\"]): IconType {\n  if (!icon) {\n    return PRESET_ICONS.star;\n  }\n\n  if (typeof icon === \"string\") {\n    return PRESET_ICONS[icon as RatingPresetIcon] ?? PRESET_ICONS.star;\n  }\n\n  return icon;\n}\n\nexport function Rating(props: RatingProps) {\n  const {\n    allowClear = false,\n    allowHalf = false,\n    appearance,\n    className,\n    defaultValue = 0,\n    disabled,\n    errorMessage,\n    getLabel = defaultGetLabel,\n    hint,\n    icon,\n    iconClassName,\n    id,\n    label,\n    max = 5,\n    name,\n    onValueChange,\n    readOnly,\n    ref,\n    size,\n    value,\n    ...rest\n  } = props;\n\n  const generatedId = useId();\n  const rootId = id ?? generatedId;\n  const resolvedMax = normalizeMax(max);\n  const isControlled = value !== undefined;\n  const [uncontrolledValue, setUncontrolledValue] = useState(() =>\n    normalizeValue(defaultValue, resolvedMax, allowHalf),\n  );\n  const [hoverValue, setHoverValue] = useState<number | undefined>();\n  const resolvedValue = normalizeValue(\n    isControlled ? value : uncontrolledValue,\n    resolvedMax,\n    allowHalf,\n  );\n  const displayValue = hoverValue ?? resolvedValue;\n  const Icon = resolveIcon(icon);\n  const interactive = !disabled && !readOnly;\n  const controlsDisabled = disabled || readOnly;\n  const step = allowHalf ? 0.5 : 1;\n  const labelId = `${rootId}-label`;\n  const hintId = `${rootId}-hint`;\n  const errorId = `${rootId}-error`;\n  const describedBy = [\n    hint !== undefined ? hintId : undefined,\n    errorMessage !== undefined ? errorId : undefined,\n  ]\n    .filter(Boolean)\n    .join(\" \");\n\n  const commitValue = useCallback(\n    (nextValue: number) => {\n      const normalized = normalizeValue(nextValue, resolvedMax, allowHalf);\n      const next = allowClear && normalized === resolvedValue ? 0 : normalized;\n\n      if (!isControlled) {\n        setUncontrolledValue(next);\n      }\n      onValueChange?.(next);\n    },\n    [\n      allowClear,\n      allowHalf,\n      isControlled,\n      onValueChange,\n      resolvedMax,\n      resolvedValue,\n    ],\n  );\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLButtonElement>) => {\n      if (!interactive) {\n        return;\n      }\n\n      const root = event.currentTarget.closest('[data-slot=\"rating\"]');\n      const focusValue = (nextValue: number) => {\n        const control = root?.querySelector(\n          `button[data-value=\"${nextValue}\"]`,\n        ) as HTMLButtonElement | null;\n        control?.focus();\n      };\n\n      if (event.key === \"ArrowRight\" || event.key === \"ArrowUp\") {\n        event.preventDefault();\n        const nextValue = clamp(resolvedValue + step, step, resolvedMax);\n        commitValue(nextValue);\n        focusValue(nextValue);\n        return;\n      }\n\n      if (event.key === \"ArrowLeft\" || event.key === \"ArrowDown\") {\n        event.preventDefault();\n        const nextValue = clamp(resolvedValue - step, 0, resolvedMax);\n        commitValue(nextValue);\n        focusValue(nextValue === 0 ? step : nextValue);\n        return;\n      }\n\n      if (event.key === \"Home\") {\n        event.preventDefault();\n        commitValue(step);\n        focusValue(step);\n        return;\n      }\n\n      if (event.key === \"End\") {\n        event.preventDefault();\n        commitValue(resolvedMax);\n        focusValue(resolvedMax);\n      }\n    },\n    [commitValue, interactive, resolvedMax, resolvedValue, step],\n  );\n\n  return (\n    <div\n      ref={ref}\n      id={rootId}\n      className={cn(zuiRatingRootBase, className)}\n      data-disabled={disabled ? \"true\" : undefined}\n      data-readonly={readOnly ? \"true\" : undefined}\n      data-slot=\"rating\"\n      {...rest}\n    >\n      {label !== undefined && (\n        <p id={labelId} className={zuiRatingLabelBase}>\n          {label}\n        </p>\n      )}\n      {hint !== undefined && (\n        <p id={hintId} className={zuiRatingHintBase}>\n          {hint}\n        </p>\n      )}\n      <div\n        aria-describedby={describedBy || undefined}\n        aria-invalid={errorMessage !== undefined ? true : undefined}\n        aria-labelledby={label !== undefined ? labelId : undefined}\n        aria-label={label === undefined ? \"Rating\" : undefined}\n        className={zuiRatingGroupBase}\n        data-slot=\"rating-group\"\n        onPointerLeave={() => setHoverValue(undefined)}\n        role=\"radiogroup\"\n      >\n        {Array.from({ length: resolvedMax }, (_, index) => {\n          const fullValue = index + 1;\n          const fillAmount = clamp(displayValue - index, 0, 1);\n          const clipStyle = {\n            clipPath: `inset(0 ${100 - fillAmount * 100}% 0 0)`,\n          } satisfies CSSProperties;\n          const itemOptions = allowHalf\n            ? [fullValue - 0.5, fullValue]\n            : [fullValue];\n\n          return (\n            <span\n              key={fullValue}\n              className={ratingItemVariants({ size })}\n              data-interactive={interactive ? \"true\" : undefined}\n              data-slot=\"rating-item\"\n            >\n              <Icon\n                aria-hidden=\"true\"\n                className={cn(\"col-start-1 row-start-1\", iconClassName)}\n              />\n              <Icon\n                aria-hidden=\"true\"\n                className={cn(\n                  ratingIconVariants({ appearance }),\n                  iconClassName,\n                )}\n                data-slot=\"rating-icon-fill\"\n                style={clipStyle}\n              />\n              {itemOptions.map((optionValue, optionIndex) => (\n                <button\n                  key={optionValue}\n                  type=\"button\"\n                  aria-checked={resolvedValue === optionValue}\n                  aria-label={getLabel(optionValue, resolvedMax)}\n                  className={cn(\n                    zuiRatingControlBase,\n                    allowHalf\n                      ? optionIndex === 0\n                        ? \"left-0 w-1/2\"\n                        : \"right-0 w-1/2\"\n                      : \"inset-x-0\",\n                  )}\n                  data-slot=\"rating-control\"\n                  data-value={optionValue}\n                  disabled={controlsDisabled}\n                  onClick={() => {\n                    if (interactive) {\n                      commitValue(optionValue);\n                    }\n                  }}\n                  onKeyDown={handleKeyDown}\n                  onPointerEnter={() => {\n                    if (interactive) {\n                      setHoverValue(optionValue);\n                    }\n                  }}\n                  role=\"radio\"\n                  tabIndex={\n                    resolvedValue === optionValue ||\n                    (resolvedValue === 0 && optionValue === step)\n                      ? 0\n                      : -1\n                  }\n                />\n              ))}\n            </span>\n          );\n        })}\n      </div>\n      {name !== undefined && (\n        <input\n          type=\"hidden\"\n          name={name}\n          value={resolvedValue}\n          disabled={disabled}\n        />\n      )}\n      {errorMessage !== undefined && (\n        <p id={errorId} className={zuiRatingErrorBase}>\n          {errorMessage}\n        </p>\n      )}\n    </div>\n  );\n}\n\nRating.displayName = \"Rating\";\n"]}
+{"version":3,"sources":["../../src/design-system/rating.ts","../../src/ui/rating/variants.ts","../../src/ui/rating/rating.tsx"],"names":[],"mappings":"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","file":"rating.mjs","sourcesContent":["export const zuiRatingRootBase =\n  \"grid w-fit gap-2 text-[color:var(--zui-rating-label-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-rating-label-fg-dark,oklch(98.4%_0.003_247.858))] data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50\";\n\nexport const zuiRatingLabelBase =\n  \"text-sm font-medium leading-6 text-[color:var(--zui-rating-label-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-rating-label-fg-dark,oklch(98.4%_0.003_247.858))]\";\n\nexport const zuiRatingHintBase =\n  \"max-w-sm text-xs leading-5 text-[color:var(--zui-rating-hint-fg,oklch(55.4%_0.046_257.417))] dark:text-[color:var(--zui-rating-hint-fg-dark,oklch(70.4%_0.04_256.788))]\";\n\nexport const zuiRatingGroupBase =\n  \"flex w-fit flex-wrap items-center gap-[var(--zui-rating-gap,0.25rem)]\";\n\nexport const zuiRatingItemBase =\n  \"relative inline-grid shrink-0 place-items-center text-[color:var(--zui-rating-empty,oklch(86.9%_0.022_252.894))] transition-transform duration-200 data-[interactive=true]:hover:-translate-y-0.5 dark:text-[color:var(--zui-rating-empty-dark,oklch(37.2%_0.044_257.287))]\";\n\nexport const zuiRatingIconBase =\n  \"pointer-events-none col-start-1 row-start-1 transition-[clip-path,color,transform] duration-200 ease-out\";\n\nexport const zuiRatingControlBase =\n  \"absolute inset-y-0 z-[1] cursor-pointer rounded-md bg-transparent outline-none transition-shadow focus-visible:ring-2 focus-visible:ring-[var(--zui-rating-ring-focus,oklch(54.6%_0.245_262.881_/_0.32))] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--zui-rating-ring-offset-focus,#ffffff)] disabled:cursor-not-allowed dark:focus-visible:ring-offset-[var(--zui-rating-ring-offset-focus-dark,oklch(12.9%_0.042_264.695))]\";\n\nexport const zuiRatingErrorBase =\n  \"text-sm leading-6 text-[color:var(--zui-rating-error-fg,oklch(58.6%_0.253_17.585))] dark:text-[color:var(--zui-rating-error-fg-dark,oklch(71.2%_0.194_13.428))]\";\n\nexport const zuiRatingSizes = {\n  sm: \"size-5 text-lg\",\n  md: \"size-7 text-2xl\",\n  lg: \"size-9 text-3xl\",\n} as const;\n\nexport const zuiRatingAppearances = {\n  default:\n    \"text-[color:var(--zui-rating-default-active,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-rating-default-active-dark,oklch(98.4%_0.003_247.858))]\",\n  secondary:\n    \"text-[color:var(--zui-rating-secondary-active,oklch(44.6%_0.043_257.281))] dark:text-[color:var(--zui-rating-secondary-active-dark,oklch(86.9%_0.022_252.894))]\",\n  destructive:\n    \"text-[color:var(--zui-rating-destructive-active,oklch(58.6%_0.253_17.585))] dark:text-[color:var(--zui-rating-destructive-active-dark,oklch(71.2%_0.194_13.428))]\",\n  outline:\n    \"text-[color:var(--zui-rating-outline-active,oklch(44.6%_0.043_257.281))] dark:text-[color:var(--zui-rating-outline-active-dark,oklch(86.9%_0.022_252.894))]\",\n  ghost:\n    \"text-[color:var(--zui-rating-ghost-active,oklch(37.2%_0.044_257.287))] dark:text-[color:var(--zui-rating-ghost-active-dark,oklch(92.9%_0.013_255.508))]\",\n  glass:\n    \"text-[color:var(--zui-rating-glass-active,oklch(54.6%_0.245_262.881))] drop-shadow-[0_2px_12px_rgba(59,130,246,0.25)] dark:text-[color:var(--zui-rating-glass-active-dark,oklch(78.9%_0.154_211.53))]\",\n  emerald:\n    \"text-[color:var(--zui-rating-emerald-active,oklch(59.6%_0.145_163.225))] dark:text-[color:var(--zui-rating-emerald-active-dark,oklch(77.7%_0.152_181.912))]\",\n  indigo:\n    \"text-[color:var(--zui-rating-indigo-active,oklch(51.1%_0.262_276.966))] dark:text-[color:var(--zui-rating-indigo-active-dark,oklch(67.3%_0.182_276.935))]\",\n  purple:\n    \"text-[color:var(--zui-rating-purple-active,oklch(55.8%_0.288_302.321))] dark:text-[color:var(--zui-rating-purple-active-dark,oklch(71.4%_0.203_305.504))]\",\n  pink: \"text-[color:var(--zui-rating-pink-active,oklch(59.2%_0.249_0.584))] dark:text-[color:var(--zui-rating-pink-active-dark,oklch(71.8%_0.202_349.761))]\",\n  rose: \"text-[color:var(--zui-rating-rose-active,oklch(58.6%_0.253_17.585))] dark:text-[color:var(--zui-rating-rose-active-dark,oklch(71.2%_0.194_13.428))]\",\n  sky: \"text-[color:var(--zui-rating-sky-active,oklch(62.3%_0.214_259.815))] dark:text-[color:var(--zui-rating-sky-active-dark,oklch(74.6%_0.16_232.661))]\",\n  teal: \"text-[color:var(--zui-rating-teal-active,oklch(60%_0.118_184.704))] dark:text-[color:var(--zui-rating-teal-active-dark,oklch(77.7%_0.152_181.912))]\",\n  yellow:\n    \"text-[color:var(--zui-rating-yellow-active,oklch(79.5%_0.184_86.047))] dark:text-[color:var(--zui-rating-yellow-active-dark,oklch(85.2%_0.199_91.936))]\",\n  orange:\n    \"text-[color:var(--zui-rating-orange-active,oklch(64.6%_0.222_41.116))] dark:text-[color:var(--zui-rating-orange-active-dark,oklch(75%_0.183_55.934))]\",\n  gray: \"text-[color:var(--zui-rating-gray-active,oklch(55.1%_0.027_264.364))] dark:text-[color:var(--zui-rating-gray-active-dark,oklch(70.7%_0.022_261.325))]\",\n  amber:\n    \"text-[color:var(--zui-rating-amber-active,oklch(76.9%_0.188_70.08))] dark:text-[color:var(--zui-rating-amber-active-dark,oklch(82.8%_0.189_84.429))]\",\n  violet:\n    \"text-[color:var(--zui-rating-violet-active,oklch(54.1%_0.281_293.009))] dark:text-[color:var(--zui-rating-violet-active-dark,oklch(70.2%_0.183_293.541))]\",\n  \"gradient-blue\":\n    \"text-[color:var(--zui-rating-gradient-blue-active,oklch(54.6%_0.245_262.881))] drop-shadow-[0_2px_12px_rgba(37,99,235,0.28)] dark:text-[color:var(--zui-rating-gradient-blue-active-dark,oklch(70.7%_0.165_254.624))]\",\n  \"gradient-green\":\n    \"text-[color:var(--zui-rating-gradient-green-active,oklch(62.7%_0.194_149.214))] drop-shadow-[0_2px_12px_rgba(22,163,74,0.24)] dark:text-[color:var(--zui-rating-gradient-green-active-dark,oklch(79.2%_0.209_151.711))]\",\n  \"gradient-red\":\n    \"text-[color:var(--zui-rating-gradient-red-active,oklch(57.7%_0.245_27.325))] drop-shadow-[0_2px_12px_rgba(220,38,38,0.24)] dark:text-[color:var(--zui-rating-gradient-red-active-dark,oklch(70.4%_0.191_22.216))]\",\n  \"gradient-yellow\":\n    \"text-[color:var(--zui-rating-gradient-yellow-active,oklch(79.5%_0.184_86.047))] drop-shadow-[0_2px_12px_rgba(234,179,8,0.24)] dark:text-[color:var(--zui-rating-gradient-yellow-active-dark,oklch(85.2%_0.199_91.936))]\",\n  \"gradient-purple\":\n    \"text-[color:var(--zui-rating-gradient-purple-active,oklch(62.7%_0.265_303.9))] drop-shadow-[0_2px_12px_rgba(147,51,234,0.24)] dark:text-[color:var(--zui-rating-gradient-purple-active-dark,oklch(71.4%_0.203_305.504))]\",\n  \"gradient-teal\":\n    \"text-[color:var(--zui-rating-gradient-teal-active,oklch(60%_0.118_184.704))] drop-shadow-[0_2px_12px_rgba(13,148,136,0.24)] dark:text-[color:var(--zui-rating-gradient-teal-active-dark,oklch(77.7%_0.152_181.912))]\",\n  \"gradient-indigo\":\n    \"text-[color:var(--zui-rating-gradient-indigo-active,oklch(51.1%_0.262_276.966))] drop-shadow-[0_2px_12px_rgba(79,70,229,0.24)] dark:text-[color:var(--zui-rating-gradient-indigo-active-dark,oklch(67.3%_0.182_276.935))]\",\n  \"gradient-pink\":\n    \"text-[color:var(--zui-rating-gradient-pink-active,oklch(59.2%_0.249_0.584))] drop-shadow-[0_2px_12px_rgba(219,39,119,0.24)] dark:text-[color:var(--zui-rating-gradient-pink-active-dark,oklch(71.8%_0.202_349.761))]\",\n  \"gradient-orange\":\n    \"text-[color:var(--zui-rating-gradient-orange-active,oklch(64.6%_0.222_41.116))] drop-shadow-[0_2px_12px_rgba(234,88,12,0.24)] dark:text-[color:var(--zui-rating-gradient-orange-active-dark,oklch(75%_0.183_55.934))]\",\n  blue: \"text-[color:var(--zui-rating-blue-fg,#2563eb)] dark:text-[color:var(--zui-rating-blue-fg-dark,#3b82f6)]\",\n  cyan: \"text-[color:var(--zui-rating-cyan-fg,#0891b2)] dark:text-[color:var(--zui-rating-cyan-fg-dark,#22d3ee)]\",\n  green:\n    \"text-[color:var(--zui-rating-green-fg,#16a34a)] dark:text-[color:var(--zui-rating-green-fg-dark,#22c55e)]\",\n  lime: \"text-[color:var(--zui-rating-lime-fg,#65a30d)] dark:text-[color:var(--zui-rating-lime-fg-dark,#a3e635)]\",\n  mint: \"text-[color:var(--zui-rating-mint-fg,#10b981)] dark:text-[color:var(--zui-rating-mint-fg-dark,#6ee7b7)]\",\n  ocean:\n    \"text-[color:var(--zui-rating-ocean-fg,#0284c7)] dark:text-[color:var(--zui-rating-ocean-fg-dark,#38bdf8)]\",\n  sapphire:\n    \"text-[color:var(--zui-rating-sapphire-fg,#1d4ed8)] dark:text-[color:var(--zui-rating-sapphire-fg-dark,#60a5fa)]\",\n  lavender:\n    \"text-[color:var(--zui-rating-lavender-fg,#8b5cf6)] dark:text-[color:var(--zui-rating-lavender-fg-dark,#a78bfa)]\",\n  ruby: \"text-[color:var(--zui-rating-ruby-fg,#be123c)] dark:text-[color:var(--zui-rating-ruby-fg-dark,#fb7185)]\",\n  red: \"text-[color:var(--zui-rating-red-fg,#dc2626)] dark:text-[color:var(--zui-rating-red-fg-dark,#ef4444)]\",\n  slate:\n    \"text-[color:var(--zui-rating-slate-fg,#475569)] dark:text-[color:var(--zui-rating-slate-fg-dark,#64748b)]\",\n  zinc: \"text-[color:var(--zui-rating-zinc-fg,#52525b)] dark:text-[color:var(--zui-rating-zinc-fg-dark,#71717a)]\",\n  stone:\n    \"text-[color:var(--zui-rating-stone-fg,#57534e)] dark:text-[color:var(--zui-rating-stone-fg-dark,#78716c)]\",\n  royal:\n    \"text-[color:var(--zui-rating-royal-fg,#4338ca)] dark:text-[color:var(--zui-rating-royal-fg-dark,#818cf8)]\",\n  electric:\n    \"text-[color:var(--zui-rating-electric-fg,#0ea5e9)] dark:text-[color:var(--zui-rating-electric-fg-dark,#38bdf8)]\",\n  forest:\n    \"text-[color:var(--zui-rating-forest-fg,#166534)] dark:text-[color:var(--zui-rating-forest-fg-dark,#4ade80)]\",\n  sunset:\n    \"text-[color:var(--zui-rating-sunset-fg,#ea580c)] dark:text-[color:var(--zui-rating-sunset-fg-dark,#fb923c)]\",\n  magenta:\n    \"text-[color:var(--zui-rating-magenta-fg,#c026d3)] dark:text-[color:var(--zui-rating-magenta-fg-dark,#e879f9)]\",\n  crimson:\n    \"text-[color:var(--zui-rating-crimson-fg,#b91c1c)] dark:text-[color:var(--zui-rating-crimson-fg-dark,#f87171)]\",\n  aqua: \"text-[color:var(--zui-rating-aqua-fg,#0f766e)] dark:text-[color:var(--zui-rating-aqua-fg-dark,#2dd4bf)]\",\n  plum: \"text-[color:var(--zui-rating-plum-fg,#7e22ce)] dark:text-[color:var(--zui-rating-plum-fg-dark,#c084fc)]\",\n} as const;\n","import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiRatingAppearances,\n  zuiRatingIconBase,\n  zuiRatingItemBase,\n  zuiRatingSizes,\n} from \"../../design-system/rating\";\n\nexport const ratingItemVariants = cva(zuiRatingItemBase, {\n  variants: {\n    size: zuiRatingSizes,\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\nexport const ratingIconVariants = cva(zuiRatingIconBase, {\n  variants: {\n    appearance: zuiRatingAppearances,\n  },\n  defaultVariants: {\n    appearance: \"amber\",\n  },\n});\n","\"use client\";\n\nimport {\n  type CSSProperties,\n  type KeyboardEvent,\n  useCallback,\n  useId,\n  useState,\n} from \"react\";\nimport { FaFire, FaHeart, FaStar, FaThumbsUp } from \"react-icons/fa\";\nimport type { IconType } from \"react-icons\";\n\nimport {\n  zuiRatingControlBase,\n  zuiRatingErrorBase,\n  zuiRatingGroupBase,\n  zuiRatingHintBase,\n  zuiRatingLabelBase,\n  zuiRatingRootBase,\n} from \"../../design-system/rating\";\nimport { cn } from \"../../lib/utils\";\n\nimport type { RatingPresetIcon, RatingProps } from \"./types\";\nimport { ratingIconVariants, ratingItemVariants } from \"./variants\";\n\nconst PRESET_ICONS: Record<RatingPresetIcon, IconType> = {\n  star: FaStar,\n  heart: FaHeart,\n  flame: FaFire,\n  thumb: FaThumbsUp,\n};\n\nfunction clamp(value: number, min: number, max: number): number {\n  return Math.min(Math.max(value, min), max);\n}\n\nfunction normalizeMax(max: number | undefined): number {\n  const resolved = Number.isFinite(max) ? Number(max) : 5;\n  return Math.max(1, Math.min(10, Math.floor(resolved)));\n}\n\nfunction normalizeValue(\n  value: number | undefined,\n  max: number,\n  allowHalf: boolean,\n): number {\n  const resolved = Number.isFinite(value) ? Number(value) : 0;\n  const step = allowHalf ? 0.5 : 1;\n  return clamp(Math.round(resolved / step) * step, 0, max);\n}\n\nfunction defaultGetLabel(value: number, max: number): string {\n  return `${value} of ${max}`;\n}\n\nfunction resolveIcon(icon: RatingProps[\"icon\"]): IconType {\n  if (!icon) {\n    return PRESET_ICONS.star;\n  }\n\n  if (typeof icon === \"string\") {\n    return PRESET_ICONS[icon as RatingPresetIcon] ?? PRESET_ICONS.star;\n  }\n\n  return icon;\n}\n\nexport function Rating(props: RatingProps) {\n  const {\n    allowClear = false,\n    allowHalf = false,\n    appearance,\n    className,\n    defaultValue = 0,\n    disabled,\n    errorMessage,\n    getLabel = defaultGetLabel,\n    hint,\n    icon,\n    iconClassName,\n    id,\n    label,\n    max = 5,\n    name,\n    onValueChange,\n    readOnly,\n    ref,\n    size,\n    value,\n    ...rest\n  } = props;\n\n  const generatedId = useId();\n  const rootId = id ?? generatedId;\n  const resolvedMax = normalizeMax(max);\n  const isControlled = value !== undefined;\n  const [uncontrolledValue, setUncontrolledValue] = useState(() =>\n    normalizeValue(defaultValue, resolvedMax, allowHalf),\n  );\n  const [hoverValue, setHoverValue] = useState<number | undefined>();\n  const resolvedValue = normalizeValue(\n    isControlled ? value : uncontrolledValue,\n    resolvedMax,\n    allowHalf,\n  );\n  const displayValue = hoverValue ?? resolvedValue;\n  const Icon = resolveIcon(icon);\n  const interactive = !disabled && !readOnly;\n  const controlsDisabled = disabled || readOnly;\n  const step = allowHalf ? 0.5 : 1;\n  const labelId = `${rootId}-label`;\n  const hintId = `${rootId}-hint`;\n  const errorId = `${rootId}-error`;\n  const describedBy = [\n    hint !== undefined ? hintId : undefined,\n    errorMessage !== undefined ? errorId : undefined,\n  ]\n    .filter(Boolean)\n    .join(\" \");\n\n  const commitValue = useCallback(\n    (nextValue: number) => {\n      const normalized = normalizeValue(nextValue, resolvedMax, allowHalf);\n      const next = allowClear && normalized === resolvedValue ? 0 : normalized;\n\n      if (!isControlled) {\n        setUncontrolledValue(next);\n      }\n      onValueChange?.(next);\n    },\n    [\n      allowClear,\n      allowHalf,\n      isControlled,\n      onValueChange,\n      resolvedMax,\n      resolvedValue,\n    ],\n  );\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLButtonElement>) => {\n      if (!interactive) {\n        return;\n      }\n\n      const root = event.currentTarget.closest('[data-slot=\"rating\"]');\n      const focusValue = (nextValue: number) => {\n        const control = root?.querySelector(\n          `button[data-value=\"${nextValue}\"]`,\n        ) as HTMLButtonElement | null;\n        control?.focus();\n      };\n\n      if (event.key === \"ArrowRight\" || event.key === \"ArrowUp\") {\n        event.preventDefault();\n        const nextValue = clamp(resolvedValue + step, step, resolvedMax);\n        commitValue(nextValue);\n        focusValue(nextValue);\n        return;\n      }\n\n      if (event.key === \"ArrowLeft\" || event.key === \"ArrowDown\") {\n        event.preventDefault();\n        const nextValue = clamp(resolvedValue - step, 0, resolvedMax);\n        commitValue(nextValue);\n        focusValue(nextValue === 0 ? step : nextValue);\n        return;\n      }\n\n      if (event.key === \"Home\") {\n        event.preventDefault();\n        commitValue(step);\n        focusValue(step);\n        return;\n      }\n\n      if (event.key === \"End\") {\n        event.preventDefault();\n        commitValue(resolvedMax);\n        focusValue(resolvedMax);\n      }\n    },\n    [commitValue, interactive, resolvedMax, resolvedValue, step],\n  );\n\n  return (\n    <div\n      ref={ref}\n      id={rootId}\n      className={cn(zuiRatingRootBase, className)}\n      data-disabled={disabled ? \"true\" : undefined}\n      data-readonly={readOnly ? \"true\" : undefined}\n      data-slot=\"rating\"\n      {...rest}\n    >\n      {label !== undefined && (\n        <p id={labelId} className={zuiRatingLabelBase}>\n          {label}\n        </p>\n      )}\n      {hint !== undefined && (\n        <p id={hintId} className={zuiRatingHintBase}>\n          {hint}\n        </p>\n      )}\n      <div\n        aria-describedby={describedBy || undefined}\n        aria-invalid={errorMessage !== undefined ? true : undefined}\n        aria-labelledby={label !== undefined ? labelId : undefined}\n        aria-label={label === undefined ? \"Rating\" : undefined}\n        className={zuiRatingGroupBase}\n        data-slot=\"rating-group\"\n        onPointerLeave={() => setHoverValue(undefined)}\n        role=\"radiogroup\"\n      >\n        {Array.from({ length: resolvedMax }, (_, index) => {\n          const fullValue = index + 1;\n          const fillAmount = clamp(displayValue - index, 0, 1);\n          const clipStyle = {\n            clipPath: `inset(0 ${100 - fillAmount * 100}% 0 0)`,\n          } satisfies CSSProperties;\n          const itemOptions = allowHalf\n            ? [fullValue - 0.5, fullValue]\n            : [fullValue];\n\n          return (\n            <span\n              key={fullValue}\n              className={ratingItemVariants({ size })}\n              data-interactive={interactive ? \"true\" : undefined}\n              data-slot=\"rating-item\"\n            >\n              <Icon\n                aria-hidden=\"true\"\n                className={cn(\"col-start-1 row-start-1\", iconClassName)}\n              />\n              <Icon\n                aria-hidden=\"true\"\n                className={cn(\n                  ratingIconVariants({ appearance }),\n                  iconClassName,\n                )}\n                data-slot=\"rating-icon-fill\"\n                style={clipStyle}\n              />\n              {itemOptions.map((optionValue, optionIndex) => (\n                <button\n                  key={optionValue}\n                  type=\"button\"\n                  aria-checked={resolvedValue === optionValue}\n                  aria-label={getLabel(optionValue, resolvedMax)}\n                  className={cn(\n                    zuiRatingControlBase,\n                    allowHalf\n                      ? optionIndex === 0\n                        ? \"left-0 w-1/2\"\n                        : \"right-0 w-1/2\"\n                      : \"inset-x-0\",\n                  )}\n                  data-slot=\"rating-control\"\n                  data-value={optionValue}\n                  disabled={controlsDisabled}\n                  onClick={() => {\n                    if (interactive) {\n                      commitValue(optionValue);\n                    }\n                  }}\n                  onKeyDown={handleKeyDown}\n                  onPointerEnter={() => {\n                    if (interactive) {\n                      setHoverValue(optionValue);\n                    }\n                  }}\n                  role=\"radio\"\n                  tabIndex={\n                    resolvedValue === optionValue ||\n                    (resolvedValue === 0 && optionValue === step)\n                      ? 0\n                      : -1\n                  }\n                />\n              ))}\n            </span>\n          );\n        })}\n      </div>\n      {name !== undefined && (\n        <input\n          type=\"hidden\"\n          name={name}\n          value={resolvedValue}\n          disabled={disabled}\n        />\n      )}\n      {errorMessage !== undefined && (\n        <p id={errorId} className={zuiRatingErrorBase}>\n          {errorMessage}\n        </p>\n      )}\n    </div>\n  );\n}\n\nRating.displayName = \"Rating\";\n"]}

package/dist/ui/scroll-area/variants.d.ts

@@ -1,5 +1,5 @@
 export declare const scrollAreaVariants: (props?: ({
-    appearance?: "outline" | "default" | "muted" | "glass" | "sky" | "emerald" | "violet" | "amber" | "rose" | null | undefined;
+    appearance?: "ruby" | "outline" | "default" | "muted" | "glass" | "sky" | "emerald" | "violet" | "amber" | "rose" | "slate" | "cyan" | "aqua" | "blue" | "crimson" | "green" | "lavender" | "lime" | "magenta" | "plum" | "red" | "mint" | "ocean" | "sapphire" | "zinc" | "stone" | "royal" | "electric" | "forest" | "sunset" | null | undefined;
     orientation?: "both" | "horizontal" | "vertical" | null | undefined;
     scrollbar?: "hidden" | "auto" | "always" | "hover" | null | undefined;
     shadow?: boolean | null | undefined;