alif-ui 2.0.0-alpha.2 → 2.0.0-alpha.3

package/dist/Drawer.module-DUHT0ebn.js

@@ -0,0 +1,18 @@
+const o = "_root_1oo4l_1", t = "_right_1oo4l_22", _ = "_left_1oo4l_26", e = "_top_1oo4l_30", l = "_bottom_1oo4l_34", n = "_rounded_1oo4l_38", c = "_drawer_1oo4l_42", s = "_header_1oo4l_56", r = "_title_1oo4l_63", d = "_description_1oo4l_68", i = "_content_1oo4l_73", a = "_scrollable_1oo4l_78", p = "_closeButton_1oo4l_87", b = {
+  root: o,
+  right: t,
+  left: _,
+  top: e,
+  bottom: l,
+  rounded: n,
+  drawer: c,
+  header: s,
+  title: r,
+  description: d,
+  content: i,
+  scrollable: a,
+  closeButton: p
+};
+export {
+  b as c
+};

package/dist/RatingItem-DeMtjan1.js

@@ -0,0 +1,96 @@
+import { jsxs as i, jsx as s, Fragment as x } from "react/jsx-runtime";
+import { useId as F } from "react";
+import { classNames as j } from "./utils/class-names.js";
+import { resolveIcon as p } from "./components/Rating/RatingItem/RatingItem.utils.js";
+import { OutlineSystemStar as R } from "./icons/components/OutlineSystemStar.js";
+import { SolidSystemStar as d } from "./icons/components/SolidSystemStar.js";
+const k = "_root_14vhm_1", w = "_star_14vhm_19", A = "_emptyIcon_14vhm_29", C = "_filledIcon_14vhm_30", E = "_fractionLabel_14vhm_60", M = "_input_14vhm_67", o = {
+  root: k,
+  star: w,
+  emptyIcon: A,
+  filledIcon: C,
+  fractionLabel: E,
+  input: M
+}, H = ({
+  fillPercentage: n,
+  emptyIcon: h,
+  filledIcon: _,
+  starValue: c,
+  onHoveredValue: I,
+  fraction: e = 1,
+  name: y,
+  variant: N,
+  onChange: u,
+  value: v,
+  inputRefs: b
+}) => {
+  const f = F(), r = p(_, c, /* @__PURE__ */ s(d, {})), l = p(
+    h,
+    c,
+    N === "outline" ? /* @__PURE__ */ s(R, {}) : /* @__PURE__ */ s(d, {})
+  ), $ = n > 0 && n < 100, S = Array.from(
+    { length: e },
+    (t, m) => Number((c - 1 + (m + 1) / e).toFixed(10))
+  );
+  return /* @__PURE__ */ i("span", { className: o.star, children: [
+    n === 0 && /* @__PURE__ */ s("span", { className: o.emptyIcon, children: l }),
+    n === 100 && /* @__PURE__ */ s("span", { className: o.filledIcon, children: r }),
+    $ && /* @__PURE__ */ i(x, { children: [
+      /* @__PURE__ */ s(
+        "span",
+        {
+          className: o.emptyIcon,
+          style: {
+            clipPath: `inset(0 0 0 ${n}%)`
+          },
+          children: l
+        }
+      ),
+      /* @__PURE__ */ s(
+        "span",
+        {
+          className: o.filledIcon,
+          style: {
+            clipPath: `inset(0 ${100 - n}% 0 0)`
+          },
+          children: r
+        }
+      )
+    ] }),
+    S.map((t, m) => {
+      const a = `${f}-${m}`;
+      return /* @__PURE__ */ s(
+        "label",
+        {
+          htmlFor: a,
+          className: j(o.fractionLabel),
+          style: {
+            width: `${100 / e}%`,
+            left: `${m / e * 100}%`
+          },
+          onMouseEnter: () => I(t),
+          children: /* @__PURE__ */ s(
+            "input",
+            {
+              ref: (L) => {
+                b.current[t] = L;
+              },
+              type: "radio",
+              id: a,
+              name: y,
+              value: t,
+              checked: t === v,
+              onChange: () => u(t),
+              className: o.input
+            }
+          )
+        },
+        t
+      );
+    })
+  ] });
+};
+export {
+  H as R,
+  o as c
+};