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

package/dist/Accordion.module-DKzAMqjv.js

@@ -0,0 +1,13 @@
+const c = "_root_1caww_1", t = "_item_1caww_13", o = "_withDivider_1caww_18", n = "_trigger_1caww_22", e = "_triggerIcon_1caww_37", r = "_chevron_1caww_43", _ = "_chevronOpen_1caww_47", w = "_content_1caww_51", i = {
+  root: c,
+  item: t,
+  withDivider: o,
+  trigger: n,
+  triggerIcon: e,
+  chevron: r,
+  chevronOpen: _,
+  content: w
+};
+export {
+  i as c
+};

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
+};

package/dist/Slider.module-C8rP87Ix.js

@@ -0,0 +1,17 @@
+const s = "_root_1nzzw_1", n = "_sliderContainer_1nzzw_33", r = "_disabled_1nzzw_42", e = "_marksContainer_1nzzw_46", i = "_mark_1nzzw_46", _ = "_disabledMark_1nzzw_58", a = "_slider_1nzzw_33", o = "_sliderTrack_1nzzw_66", t = "_sliderRange_1nzzw_67", d = "_sliderDisabledRange_1nzzw_84", l = "_thumb_1nzzw_93", z = "_tooltipTrigger_1nzzw_128", c = {
+  root: s,
+  sliderContainer: n,
+  disabled: r,
+  marksContainer: e,
+  mark: i,
+  disabledMark: _,
+  slider: a,
+  sliderTrack: o,
+  sliderRange: t,
+  sliderDisabledRange: d,
+  thumb: l,
+  tooltipTrigger: z
+};
+export {
+  c
+};

package/dist/SnackbarTimer-5VwQg9hH.js

@@ -0,0 +1,104 @@
+import { jsxs as _, jsx as o } from "react/jsx-runtime";
+import { useState as d, useRef as u, useEffect as y } from "react";
+import { Typography as z } from "./components/Typography/Typography.js";
+const I = "_root_gtez6_37", k = "_scaleIn_gtez6_66", S = "_scaleOut_gtez6_71", w = "_leftSlot_gtez6_75", v = "_content_gtez6_85", x = "_title_gtez6_94", C = "_description_gtez6_98", O = "_typeIcon_gtez6_102", R = "_success_gtez6_108", D = "_error_gtez6_112", b = "_warning_gtez6_116", j = "_info_gtez6_120", E = "_timer_gtez6_124", T = {
+  root: I,
+  scaleIn: k,
+  "scale-in": "_scale-in_gtez6_1",
+  scaleOut: S,
+  "scale-out": "_scale-out_gtez6_1",
+  leftSlot: w,
+  content: v,
+  title: x,
+  description: C,
+  typeIcon: O,
+  "icon-pop": "_icon-pop_gtez6_1",
+  success: R,
+  error: D,
+  warning: b,
+  info: j,
+  timer: E
+}, t = 24, n = 2, c = (t - n) / 2, g = 2 * Math.PI * c, L = ({ duration: e }) => {
+  const [r, s] = d(e), i = u(Date.now());
+  y(() => {
+    i.current = Date.now(), s(e);
+    const l = setInterval(() => {
+      const m = Date.now() - i.current, a = e - m;
+      a <= 0 ? (s(0), clearInterval(l)) : s(a);
+    }, 100);
+    return () => clearInterval(l);
+  }, [e]);
+  const f = r / e, p = g * (1 - f), h = Math.ceil(r / 1e3);
+  return /* @__PURE__ */ _(
+    "div",
+    {
+      className: T.timer,
+      style: {
+        position: "relative",
+        width: t,
+        height: t,
+        flexShrink: 0
+      },
+      children: [
+        /* @__PURE__ */ _(
+          "svg",
+          {
+            width: t,
+            height: t,
+            style: { transform: "rotate(-90deg)", display: "block" },
+            children: [
+              /* @__PURE__ */ o(
+                "circle",
+                {
+                  cx: t / 2,
+                  cy: t / 2,
+                  r: c,
+                  fill: "none",
+                  stroke: "currentColor",
+                  strokeOpacity: 0,
+                  strokeWidth: n
+                }
+              ),
+              /* @__PURE__ */ o(
+                "circle",
+                {
+                  cx: t / 2,
+                  cy: t / 2,
+                  r: c,
+                  fill: "none",
+                  stroke: "currentColor",
+                  strokeWidth: n,
+                  strokeDasharray: g,
+                  strokeDashoffset: p,
+                  strokeLinecap: "round",
+                  style: { transition: "stroke-dashoffset 0.1s linear" }
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ o(
+          z,
+          {
+            variant: "body",
+            size: "m",
+            style: {
+              position: "absolute",
+              inset: 0,
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              margin: 0,
+              color: "currentColor"
+            },
+            children: h
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  L as S,
+  T as c
+};