@deepnoid/ui 0.1.157 → 0.1.158

package/dist/components/toast/use-toast.mjs

@@ -2,13 +2,13 @@
 import {
   ToastProvider,
   useToast
-} from "../../chunk-QJUPHJN6.mjs";
+} from "../../chunk-KLBA5J2H.mjs";
 import "../../chunk-ZOTHPHXA.mjs";
-import "../../chunk-DQ3ZRNX4.mjs";
+import "../../chunk-3QE57PU3.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
-import "../../chunk-LBJN5TAP.mjs";
+import "../../chunk-R7KUEH3N.mjs";
 import "../../chunk-E3G5QXSH.mjs";
-import "../../chunk-VUMESK5D.mjs";
+import "../../chunk-DDFJMHBC.mjs";
 import "../../chunk-CDXBML6O.mjs";
 import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-AC6TWLRT.mjs";

package/dist/components/tree/index.js

@@ -439,8 +439,8 @@ var template = {
           {
             fillRule: "evenodd",
             clipRule: "evenodd",
-            fill: "currentColor",
-            d: "M8.26603 3.51086C8.53733 2.82971 9.46267 2.82971 9.73397 3.51086L10.9948 6.67687L14.2674 6.95135C14.9723 7.01017 15.2582 7.92848 14.721 8.40913L12.2278 10.6398L12.989 13.9746C13.1531 14.6931 12.4052 15.2604 11.8021 14.8759L9 13.0886L6.19794 14.8759C5.59478 15.2604 4.84687 14.6925 5.01099 13.9746L5.77221 10.6398L3.27901 8.40913C2.74185 7.92848 3.02769 7.01017 3.73259 6.95135L7.00519 6.67687L8.26603 3.51086Z"
+            d: "M8.26603 3.51086C8.53733 2.82971 9.46267 2.82971 9.73397 3.51086L10.9948 6.67687L14.2674 6.95135C14.9723 7.01017 15.2582 7.92848 14.721 8.40913L12.2278 10.6398L12.989 13.9746C13.1531 14.6931 12.4052 15.2604 11.8021 14.8759L9 13.0886L6.19794 14.8759C5.59478 15.2604 4.84687 14.6925 5.01099 13.9746L5.77221 10.6398L3.27901 8.40913C2.74185 7.92848 3.02769 7.01017 3.73259 6.95135L7.00519 6.67687L8.26603 3.51086Z",
+            fill: "currentColor"
           }
         ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           "path",
@@ -454,6 +454,41 @@ var template = {
       }
     );
   },
+  halfStar: ({ className }) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "18",
+        height: "18",
+        viewBox: "0 0 18 18",
+        fill: "none",
+        className,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("clipPath", { id: "half-clip", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "0", y: "0", width: "9", height: "18" }) }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "path",
+            {
+              fillRule: "evenodd",
+              clipRule: "evenodd",
+              fill: "currentColor",
+              d: "M8.26603 3.51086C8.53733 2.82971 9.46267 2.82971 9.73397 3.51086L10.9948 6.67687L14.2674 6.95135C14.9723 7.01017 15.2582 7.92848 14.721 8.40913L12.2278 10.6398L12.989 13.9746C13.1531 14.6931 12.4052 15.2604 11.8021 14.8759L9 13.0886L6.19794 14.8759C5.59478 15.2604 4.84687 14.6925 5.01099 13.9746L5.77221 10.6398L3.27901 8.40913C2.74185 7.92848 3.02769 7.01017 3.73259 6.95135L7.00519 6.67687L8.26603 3.51086Z",
+              clipPath: "url(#half-clip)"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "path",
+            {
+              d: "M8.65925 3.23957C8.68697 3.16871 8.73417 3.1081 8.79484 3.06544C8.85552 3.02278 8.92693 3 9 3C9.07306 3 9.14448 3.02278 9.20515 3.06544C9.26583 3.1081 9.31303 3.16871 9.34074 3.23957L10.7332 6.74977C10.7593 6.81546 10.8021 6.87233 10.857 6.91413C10.912 6.95594 10.9768 6.98105 11.0445 6.98672L14.6603 7.29028C14.9873 7.31775 15.1196 7.74563 14.8706 7.96883L12.1158 10.4427C12.0644 10.4888 12.026 10.5489 12.005 10.6164C11.984 10.6839 11.981 10.7561 11.9966 10.8252L12.8386 14.5236C12.8555 14.5978 12.8511 14.6756 12.8259 14.7471C12.8006 14.8187 12.7557 14.8808 12.6968 14.9257C12.6379 14.9705 12.5677 14.996 12.495 14.999C12.4222 15.002 12.3503 14.9824 12.2882 14.9425L9.19199 12.9611C9.13418 12.9241 9.06775 12.9045 9 12.9045C8.93225 12.9045 8.86581 12.9241 8.808 12.9611L5.71181 14.9432C5.64973 14.9831 5.57778 15.0027 5.50504 14.9997C5.43231 14.9967 5.36206 14.9712 5.30316 14.9263C5.24426 14.8815 5.19936 14.8194 5.17412 14.7478C5.14889 14.6763 5.14445 14.5985 5.16138 14.5243L6.00341 10.8252C6.01903 10.7561 6.01616 10.6838 5.99511 10.6164C5.97407 10.5489 5.93568 10.4888 5.88415 10.4427L3.12936 7.96883C3.07389 7.91927 3.03369 7.85357 3.01387 7.78005C2.99405 7.70652 2.9955 7.62849 3.01802 7.55583C3.04055 7.48317 3.08314 7.41915 3.1404 7.37188C3.19767 7.3246 3.26703 7.29621 3.33971 7.29028L6.95553 6.98672C7.02319 6.98105 7.08804 6.95594 7.14296 6.91413C7.19787 6.87233 7.24072 6.81546 7.26679 6.74977L8.65925 3.23957Z",
+              stroke: "currentColor",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
+        ]
+      }
+    );
+  },
   avatar: ({ className }) => {
     return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
       "svg",

package/dist/components/tree/index.mjs

@@ -2,10 +2,10 @@
 import "../../chunk-MBLZYQCN.mjs";
 import {
   tree_default
-} from "../../chunk-HLWNJLRZ.mjs";
+} from "../../chunk-XHCPYYMC.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
-import "../../chunk-LBJN5TAP.mjs";
-import "../../chunk-VUMESK5D.mjs";
+import "../../chunk-R7KUEH3N.mjs";
+import "../../chunk-DDFJMHBC.mjs";
 import "../../chunk-CDXBML6O.mjs";
 import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-AC6TWLRT.mjs";

package/dist/components/tree/tree.js

@@ -438,8 +438,8 @@ var template = {
           {
             fillRule: "evenodd",
             clipRule: "evenodd",
-            fill: "currentColor",
-            d: "M8.26603 3.51086C8.53733 2.82971 9.46267 2.82971 9.73397 3.51086L10.9948 6.67687L14.2674 6.95135C14.9723 7.01017 15.2582 7.92848 14.721 8.40913L12.2278 10.6398L12.989 13.9746C13.1531 14.6931 12.4052 15.2604 11.8021 14.8759L9 13.0886L6.19794 14.8759C5.59478 15.2604 4.84687 14.6925 5.01099 13.9746L5.77221 10.6398L3.27901 8.40913C2.74185 7.92848 3.02769 7.01017 3.73259 6.95135L7.00519 6.67687L8.26603 3.51086Z"
+            d: "M8.26603 3.51086C8.53733 2.82971 9.46267 2.82971 9.73397 3.51086L10.9948 6.67687L14.2674 6.95135C14.9723 7.01017 15.2582 7.92848 14.721 8.40913L12.2278 10.6398L12.989 13.9746C13.1531 14.6931 12.4052 15.2604 11.8021 14.8759L9 13.0886L6.19794 14.8759C5.59478 15.2604 4.84687 14.6925 5.01099 13.9746L5.77221 10.6398L3.27901 8.40913C2.74185 7.92848 3.02769 7.01017 3.73259 6.95135L7.00519 6.67687L8.26603 3.51086Z",
+            fill: "currentColor"
           }
         ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           "path",
@@ -453,6 +453,41 @@ var template = {
       }
     );
   },
+  halfStar: ({ className }) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "18",
+        height: "18",
+        viewBox: "0 0 18 18",
+        fill: "none",
+        className,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("clipPath", { id: "half-clip", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "0", y: "0", width: "9", height: "18" }) }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "path",
+            {
+              fillRule: "evenodd",
+              clipRule: "evenodd",
+              fill: "currentColor",
+              d: "M8.26603 3.51086C8.53733 2.82971 9.46267 2.82971 9.73397 3.51086L10.9948 6.67687L14.2674 6.95135C14.9723 7.01017 15.2582 7.92848 14.721 8.40913L12.2278 10.6398L12.989 13.9746C13.1531 14.6931 12.4052 15.2604 11.8021 14.8759L9 13.0886L6.19794 14.8759C5.59478 15.2604 4.84687 14.6925 5.01099 13.9746L5.77221 10.6398L3.27901 8.40913C2.74185 7.92848 3.02769 7.01017 3.73259 6.95135L7.00519 6.67687L8.26603 3.51086Z",
+              clipPath: "url(#half-clip)"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "path",
+            {
+              d: "M8.65925 3.23957C8.68697 3.16871 8.73417 3.1081 8.79484 3.06544C8.85552 3.02278 8.92693 3 9 3C9.07306 3 9.14448 3.02278 9.20515 3.06544C9.26583 3.1081 9.31303 3.16871 9.34074 3.23957L10.7332 6.74977C10.7593 6.81546 10.8021 6.87233 10.857 6.91413C10.912 6.95594 10.9768 6.98105 11.0445 6.98672L14.6603 7.29028C14.9873 7.31775 15.1196 7.74563 14.8706 7.96883L12.1158 10.4427C12.0644 10.4888 12.026 10.5489 12.005 10.6164C11.984 10.6839 11.981 10.7561 11.9966 10.8252L12.8386 14.5236C12.8555 14.5978 12.8511 14.6756 12.8259 14.7471C12.8006 14.8187 12.7557 14.8808 12.6968 14.9257C12.6379 14.9705 12.5677 14.996 12.495 14.999C12.4222 15.002 12.3503 14.9824 12.2882 14.9425L9.19199 12.9611C9.13418 12.9241 9.06775 12.9045 9 12.9045C8.93225 12.9045 8.86581 12.9241 8.808 12.9611L5.71181 14.9432C5.64973 14.9831 5.57778 15.0027 5.50504 14.9997C5.43231 14.9967 5.36206 14.9712 5.30316 14.9263C5.24426 14.8815 5.19936 14.8194 5.17412 14.7478C5.14889 14.6763 5.14445 14.5985 5.16138 14.5243L6.00341 10.8252C6.01903 10.7561 6.01616 10.6838 5.99511 10.6164C5.97407 10.5489 5.93568 10.4888 5.88415 10.4427L3.12936 7.96883C3.07389 7.91927 3.03369 7.85357 3.01387 7.78005C2.99405 7.70652 2.9955 7.62849 3.01802 7.55583C3.04055 7.48317 3.08314 7.41915 3.1404 7.37188C3.19767 7.3246 3.26703 7.29621 3.33971 7.29028L6.95553 6.98672C7.02319 6.98105 7.08804 6.95594 7.14296 6.91413C7.19787 6.87233 7.24072 6.81546 7.26679 6.74977L8.65925 3.23957Z",
+              stroke: "currentColor",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
+        ]
+      }
+    );
+  },
   avatar: ({ className }) => {
     return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
       "svg",

package/dist/components/tree/tree.mjs

@@ -2,10 +2,10 @@
 import {
   Tree,
   tree_default
-} from "../../chunk-HLWNJLRZ.mjs";
+} from "../../chunk-XHCPYYMC.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
-import "../../chunk-LBJN5TAP.mjs";
-import "../../chunk-VUMESK5D.mjs";
+import "../../chunk-R7KUEH3N.mjs";
+import "../../chunk-DDFJMHBC.mjs";
 import "../../chunk-CDXBML6O.mjs";
 import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-AC6TWLRT.mjs";

package/dist/index.d.mts

@@ -38,6 +38,7 @@ export { default as AreaChart } from './components/charts/areaChart.mjs';
 export { default as BarChart } from './components/charts/barChart.mjs';
 export { default as RadarChart } from './components/charts/radarChart.mjs';
 export { default as Progress } from './components/progress/progress.mjs';
+export { default as StarRating, StarRatingProps } from './components/starRating/starRating.mjs';
 export { tv } from './utils/tailwind-variants.mjs';
 export { deepnoidUi } from '@deepnoid/tailwind-config';
 export { VariantProps } from 'tailwind-variants';

package/dist/index.d.ts

@@ -38,6 +38,7 @@ export { default as AreaChart } from './components/charts/areaChart.js';
 export { default as BarChart } from './components/charts/barChart.js';
 export { default as RadarChart } from './components/charts/radarChart.js';
 export { default as Progress } from './components/progress/progress.js';
+export { default as StarRating, StarRatingProps } from './components/starRating/starRating.js';
 export { tv } from './utils/tailwind-variants.js';
 export { deepnoidUi } from '@deepnoid/tailwind-config';
 export { VariantProps } from 'tailwind-variants';

package/dist/index.js

@@ -132,6 +132,7 @@ __export(index_exports, {
   ScrollArea: () => scrollArea_default,
   Select: () => select_default,
   Skeleton: () => skeleton_default,
+  StarRating: () => starRating_default,
   Switch: () => switch_default,
   Table: () => table_default,
   Tabs: () => tabs_default,
@@ -1135,8 +1136,8 @@ var template = {
           {
             fillRule: "evenodd",
             clipRule: "evenodd",
-            fill: "currentColor",
-            d: "M8.26603 3.51086C8.53733 2.82971 9.46267 2.82971 9.73397 3.51086L10.9948 6.67687L14.2674 6.95135C14.9723 7.01017 15.2582 7.92848 14.721 8.40913L12.2278 10.6398L12.989 13.9746C13.1531 14.6931 12.4052 15.2604 11.8021 14.8759L9 13.0886L6.19794 14.8759C5.59478 15.2604 4.84687 14.6925 5.01099 13.9746L5.77221 10.6398L3.27901 8.40913C2.74185 7.92848 3.02769 7.01017 3.73259 6.95135L7.00519 6.67687L8.26603 3.51086Z"
+            d: "M8.26603 3.51086C8.53733 2.82971 9.46267 2.82971 9.73397 3.51086L10.9948 6.67687L14.2674 6.95135C14.9723 7.01017 15.2582 7.92848 14.721 8.40913L12.2278 10.6398L12.989 13.9746C13.1531 14.6931 12.4052 15.2604 11.8021 14.8759L9 13.0886L6.19794 14.8759C5.59478 15.2604 4.84687 14.6925 5.01099 13.9746L5.77221 10.6398L3.27901 8.40913C2.74185 7.92848 3.02769 7.01017 3.73259 6.95135L7.00519 6.67687L8.26603 3.51086Z",
+            fill: "currentColor"
           }
         ) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
           "path",
@@ -1150,6 +1151,41 @@ var template = {
       }
     );
   },
+  halfStar: ({ className }) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "18",
+        height: "18",
+        viewBox: "0 0 18 18",
+        fill: "none",
+        className,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("clipPath", { id: "half-clip", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("rect", { x: "0", y: "0", width: "9", height: "18" }) }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            "path",
+            {
+              fillRule: "evenodd",
+              clipRule: "evenodd",
+              fill: "currentColor",
+              d: "M8.26603 3.51086C8.53733 2.82971 9.46267 2.82971 9.73397 3.51086L10.9948 6.67687L14.2674 6.95135C14.9723 7.01017 15.2582 7.92848 14.721 8.40913L12.2278 10.6398L12.989 13.9746C13.1531 14.6931 12.4052 15.2604 11.8021 14.8759L9 13.0886L6.19794 14.8759C5.59478 15.2604 4.84687 14.6925 5.01099 13.9746L5.77221 10.6398L3.27901 8.40913C2.74185 7.92848 3.02769 7.01017 3.73259 6.95135L7.00519 6.67687L8.26603 3.51086Z",
+              clipPath: "url(#half-clip)"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            "path",
+            {
+              d: "M8.65925 3.23957C8.68697 3.16871 8.73417 3.1081 8.79484 3.06544C8.85552 3.02278 8.92693 3 9 3C9.07306 3 9.14448 3.02278 9.20515 3.06544C9.26583 3.1081 9.31303 3.16871 9.34074 3.23957L10.7332 6.74977C10.7593 6.81546 10.8021 6.87233 10.857 6.91413C10.912 6.95594 10.9768 6.98105 11.0445 6.98672L14.6603 7.29028C14.9873 7.31775 15.1196 7.74563 14.8706 7.96883L12.1158 10.4427C12.0644 10.4888 12.026 10.5489 12.005 10.6164C11.984 10.6839 11.981 10.7561 11.9966 10.8252L12.8386 14.5236C12.8555 14.5978 12.8511 14.6756 12.8259 14.7471C12.8006 14.8187 12.7557 14.8808 12.6968 14.9257C12.6379 14.9705 12.5677 14.996 12.495 14.999C12.4222 15.002 12.3503 14.9824 12.2882 14.9425L9.19199 12.9611C9.13418 12.9241 9.06775 12.9045 9 12.9045C8.93225 12.9045 8.86581 12.9241 8.808 12.9611L5.71181 14.9432C5.64973 14.9831 5.57778 15.0027 5.50504 14.9997C5.43231 14.9967 5.36206 14.9712 5.30316 14.9263C5.24426 14.8815 5.19936 14.8194 5.17412 14.7478C5.14889 14.6763 5.14445 14.5985 5.16138 14.5243L6.00341 10.8252C6.01903 10.7561 6.01616 10.6838 5.99511 10.6164C5.97407 10.5489 5.93568 10.4888 5.88415 10.4427L3.12936 7.96883C3.07389 7.91927 3.03369 7.85357 3.01387 7.78005C2.99405 7.70652 2.9955 7.62849 3.01802 7.55583C3.04055 7.48317 3.08314 7.41915 3.1404 7.37188C3.19767 7.3246 3.26703 7.29621 3.33971 7.29028L6.95553 6.98672C7.02319 6.98105 7.08804 6.95594 7.14296 6.91413C7.19787 6.87233 7.24072 6.81546 7.26679 6.74977L8.65925 3.23957Z",
+              stroke: "currentColor",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
+        ]
+      }
+    );
+  },
   avatar: ({ className }) => {
     return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
       "svg",
@@ -13099,6 +13135,91 @@ var radarChartStyle = tv({
     color: "primary"
   }
 });
+
+// src/components/starRating/starRating.tsx
+var import_react42 = require("react");
+var import_jsx_runtime45 = require("react/jsx-runtime");
+var StarRating = (0, import_react42.forwardRef)((originalProps, ref) => {
+  const [props, variantProps] = mapPropsVariants(originalProps, starRatingStyle.variantKeys);
+  const {
+    stars,
+    size,
+    value,
+    onChange,
+    readOnly = false,
+    allowHalf = false,
+    classNames,
+    filledColor = "text-primary-main",
+    emptyColor = "text-neutral-light"
+  } = { ...props, ...variantProps };
+  const slots = (0, import_react42.useMemo)(() => starRatingStyle({ ...variantProps }), [variantProps]);
+  const [hoverRating, setHoverRating] = (0, import_react42.useState)(0);
+  const handleStarClick = (starIndex, isHalf = false) => {
+    if (readOnly || !onChange) return;
+    const newRating = allowHalf && isHalf ? starIndex - 0.5 : starIndex;
+    onChange(newRating);
+  };
+  const handleStarHover = (starIndex, isHalf = false) => {
+    if (readOnly) return;
+    const newHoverRating = allowHalf && isHalf ? starIndex - 0.5 : starIndex;
+    setHoverRating(newHoverRating);
+  };
+  const handleMouseLeave = () => {
+    if (readOnly) return;
+    setHoverRating(0);
+  };
+  const createRange = (n) => {
+    return Array.from({ length: n }, (_, i) => i + 1);
+  };
+  const renderStar = (starIndex) => {
+    const currentRating = readOnly ? value : hoverRating || value;
+    const isFull = currentRating >= starIndex;
+    const isHalf = allowHalf && currentRating >= starIndex - 0.5 && currentRating < starIndex;
+    return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: slots.starWrapper({ class: classNames == null ? void 0 : classNames.starWrapper }), children: [
+      !readOnly && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_jsx_runtime45.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+          "div",
+          {
+            className: slots.star({ class: classNames == null ? void 0 : classNames.star }),
+            onClick: () => handleStarClick(starIndex),
+            onMouseEnter: () => handleStarHover(starIndex)
+          }
+        ),
+        allowHalf && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+          "div",
+          {
+            className: slots.starHalf({ class: classNames == null ? void 0 : classNames.starHalf }),
+            onClick: () => handleStarClick(starIndex, true),
+            onMouseEnter: () => handleStarHover(starIndex, true)
+          }
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { children: isHalf ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Icon_default, { name: "halfStar", className: filledColor, size }) : /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Icon_default, { name: "star", fill: isFull, className: isFull ? filledColor : emptyColor, size }) })
+    ] }, starIndex);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { ref, className: slots.base({ class: classNames == null ? void 0 : classNames.base }), onMouseLeave: handleMouseLeave, children: createRange(stars).map(renderStar) });
+});
+StarRating.displayName = "StarRating";
+var starRating_default = StarRating;
+var starRatingStyle = tv({
+  slots: {
+    base: ["flex", "items-center"],
+    starWrapper: ["relative", "inline-block"],
+    star: ["absolute", "inset-0", "z-10", "h-full", "w-full", "cursor-pointer"],
+    starHalf: ["absolute", "left-0", "top-0", "z-20", "h-full", "w-1/2", "cursor-pointer"]
+  },
+  variants: {
+    size: {
+      sm: {},
+      md: {},
+      lg: {},
+      xl: {}
+    }
+  },
+  defaultVariants: {
+    size: "xl"
+  }
+});
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Accordion,
@@ -13131,6 +13252,7 @@ var radarChartStyle = tv({
   ScrollArea,
   Select,
   Skeleton,
+  StarRating,
   Switch,
   Table,
   Tabs,

package/dist/index.mjs

@@ -1,46 +1,50 @@
 "use client";
+import "./chunk-HIE2YRGA.mjs";
+import {
+  tooltip_default
+} from "./chunk-YBVJFHH6.mjs";
+import "./chunk-ZMOAFSYE.mjs";
+import "./chunk-WSIADHVC.mjs";
 import "./chunk-MBLZYQCN.mjs";
 import {
   tree_default
-} from "./chunk-HLWNJLRZ.mjs";
+} from "./chunk-XHCPYYMC.mjs";
+import "./chunk-RRAZM5D3.mjs";
+import {
+  textarea_default
+} from "./chunk-3CRSSRCH.mjs";
 import "./chunk-LUWGOKLG.mjs";
 import {
   ToastProvider,
   useToast
-} from "./chunk-QJUPHJN6.mjs";
+} from "./chunk-KLBA5J2H.mjs";
 import "./chunk-ZOTHPHXA.mjs";
 import {
   toast_default
-} from "./chunk-DQ3ZRNX4.mjs";
-import "./chunk-HIE2YRGA.mjs";
-import {
-  tooltip_default
-} from "./chunk-YBVJFHH6.mjs";
-import "./chunk-ZMOAFSYE.mjs";
-import "./chunk-WSIADHVC.mjs";
+} from "./chunk-3QE57PU3.mjs";
 import "./chunk-DX3KXNP6.mjs";
+import {
+  definition_table_default
+} from "./chunk-JZMJ5UMR.mjs";
 import {
   table_default
-} from "./chunk-JJAPJQUD.mjs";
+} from "./chunk-HKHVSCER.mjs";
 import "./chunk-3MY6LO7N.mjs";
 import {
   tabs_default
 } from "./chunk-NBJHZ4X2.mjs";
-import "./chunk-RRAZM5D3.mjs";
-import {
-  textarea_default
-} from "./chunk-3CRSSRCH.mjs";
 import "./chunk-MZ76AA76.mjs";
 import {
   skeleton_default
 } from "./chunk-6PN3DGOE.mjs";
+import "./chunk-OLQOLLKG.mjs";
+import {
+  starRating_default
+} from "./chunk-L5FRTUM6.mjs";
 import "./chunk-LVFI2NOH.mjs";
 import {
   switch_default
 } from "./chunk-AGE57VDD.mjs";
-import {
-  definition_table_default
-} from "./chunk-JZMJ5UMR.mjs";
 import "./chunk-TPFN22HR.mjs";
 import {
   radio_default
@@ -48,22 +52,22 @@ import {
 import "./chunk-7B7LRG5J.mjs";
 import {
   pagination_default
-} from "./chunk-MGGBCCZL.mjs";
+} from "./chunk-IRJP6BF3.mjs";
 import "./chunk-F3HENRVM.mjs";
 import "./chunk-4VWG4726.mjs";
 import {
   datePicker_default
-} from "./chunk-T7IJB3N4.mjs";
+} from "./chunk-7YMXOYES.mjs";
 import {
   day_default
 } from "./chunk-4DESGO3D.mjs";
 import {
   timePicker_default
-} from "./chunk-T6V6BJOT.mjs";
+} from "./chunk-QHETCLHO.mjs";
 import "./chunk-QCEKPS7U.mjs";
 import {
   select_default
-} from "./chunk-SHI7P4DQ.mjs";
+} from "./chunk-Z7CLJYRF.mjs";
 import "./chunk-FWFEKWWD.mjs";
 import "./chunk-7MVEAQ7Z.mjs";
 import {
@@ -71,15 +75,15 @@ import {
 } from "./chunk-3IILPVRA.mjs";
 import {
   listItem_default
-} from "./chunk-ACFDUCPL.mjs";
+} from "./chunk-CSG6FDBX.mjs";
 import "./chunk-DJOG6Z35.mjs";
 import {
   modal_default
-} from "./chunk-IN6M25YL.mjs";
+} from "./chunk-46EIW6MN.mjs";
 import "./chunk-MGEWSREV.mjs";
 import {
   chip_default
-} from "./chunk-5KOTQEFC.mjs";
+} from "./chunk-3X376ACN.mjs";
 import "./chunk-32GA3YW4.mjs";
 import {
   drawer_default
@@ -87,7 +91,7 @@ import {
 import "./chunk-RLXOHILK.mjs";
 import {
   fileUpload_default
-} from "./chunk-ZUAOUHWS.mjs";
+} from "./chunk-V64PCWVW.mjs";
 import "./chunk-7VOQKIIK.mjs";
 import {
   progress_default
@@ -95,7 +99,7 @@ import {
 import "./chunk-2GCSFWHD.mjs";
 import {
   input_default
-} from "./chunk-BFC4VP3B.mjs";
+} from "./chunk-SFGFRMWL.mjs";
 import "./chunk-VYNBJBXD.mjs";
 import {
   areaChart_default
@@ -124,7 +128,7 @@ import {
 import "./chunk-KYIODWXL.mjs";
 import {
   breadcrumb_default
-} from "./chunk-PO4H65C3.mjs";
+} from "./chunk-PXAJEOZS.mjs";
 import "./chunk-MY5U63QO.mjs";
 import {
   text_button_default
@@ -134,10 +138,10 @@ import {
 } from "./chunk-ITWKPTSD.mjs";
 import {
   button_default
-} from "./chunk-73NBUI4Y.mjs";
+} from "./chunk-YQYO5RLZ.mjs";
 import {
   icon_button_default
-} from "./chunk-DSEF7GGB.mjs";
+} from "./chunk-JKYLYL3A.mjs";
 import "./chunk-6WSACUIB.mjs";
 import "./chunk-LXHUO6VM.mjs";
 import "./chunk-SZL743JC.mjs";
@@ -145,7 +149,7 @@ import "./chunk-ZYIIXWVY.mjs";
 import {
   Icon_default,
   iconTemplate
-} from "./chunk-LBJN5TAP.mjs";
+} from "./chunk-R7KUEH3N.mjs";
 import "./chunk-NMSDSEBD.mjs";
 import {
   accordion_default
@@ -157,8 +161,8 @@ import "./chunk-E3G5QXSH.mjs";
 import "./chunk-7DLOYKVC.mjs";
 import {
   avatar_default
-} from "./chunk-NB45YSED.mjs";
-import "./chunk-VUMESK5D.mjs";
+} from "./chunk-ITFEV25U.mjs";
+import "./chunk-DDFJMHBC.mjs";
 import {
   deepnoidUi,
   tv
@@ -197,6 +201,7 @@ export {
   scrollArea_default as ScrollArea,
   select_default as Select,
   skeleton_default as Skeleton,
+  starRating_default as StarRating,
   switch_default as Switch,
   table_default as Table,
   tabs_default as Tabs,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deepnoid/ui",
-  "version": "0.1.157",
+  "version": "0.1.158",
   "license": "MIT",
   "sideEffects": false,
   "exports": {