@alfadocs/ui-kit 0.9.1 → 0.11.0

package/dist/_chunks/rating-BRD7O74e.js

@@ -0,0 +1,171 @@
+import { jsxs as x, jsx as l } from "react/jsx-runtime";
+import { forwardRef as v, useMemo as o } from "react";
+import { c as u } from "./index-D2ZczOXr.js";
+import { useTranslation as M } from "react-i18next";
+import { S as b } from "./star-vav0SJ9e.js";
+const R = u(
+  [
+    "ds:inline-flex ds:items-center ds:align-middle",
+    "ds:gap-[var(--spacing-xs)]"
+  ].join(" "),
+  {
+    variants: {
+      size: {
+        sm: "",
+        md: "",
+        lg: ""
+      }
+    },
+    defaultVariants: { size: "md" }
+  }
+), S = u(
+  [
+    "ds:inline-flex ds:items-center ds:leading-none",
+    "ds:gap-[var(--spacing-xs)]"
+  ].join(" ")
+), F = u(
+  "ds:relative ds:inline-block ds:shrink-0 ds:leading-none",
+  {
+    variants: {
+      size: {
+        sm: "ds:size-3.5",
+        md: "ds:size-4",
+        lg: "ds:size-5"
+      }
+    },
+    defaultVariants: { size: "md" }
+  }
+), $ = u(
+  [
+    "ds:pointer-events-none ds:absolute ds:start-0 ds:[inset-block:0]",
+    "ds:overflow-hidden ds:text-warning"
+  ].join(" "),
+  {
+    variants: {
+      fill: {
+        none: "ds:hidden",
+        half: "ds:[inline-size:50%]",
+        full: "ds:[inline-size:100%]"
+      }
+    },
+    defaultVariants: { fill: "none" }
+  }
+), I = u("ds:text-muted-foreground ds:leading-none", {
+  variants: {
+    size: {
+      sm: "type-meta",
+      md: "type-body-sm",
+      lg: "type-body"
+    },
+    underlined: {
+      true: "ds:underline ds:underline-offset-2",
+      false: ""
+    }
+  },
+  defaultVariants: { size: "md", underlined: !1 }
+});
+function T(t, s) {
+  const r = Math.max(0, Math.min(t, s)), n = Math.round(r * 2) / 2, e = [];
+  let a = n;
+  for (let m = 0; m < s; m += 1)
+    a >= 1 ? (e.push("full"), a -= 1) : a >= 0.5 ? (e.push("half"), a -= 0.5) : e.push("none");
+  return e;
+}
+const W = v(
+  ({
+    value: t,
+    max: s = 5,
+    size: r = "md",
+    reviews: n,
+    underlined: e = !1,
+    decorative: a = !1,
+    className: m,
+    "aria-label": c,
+    ...z
+  }, y) => {
+    const { t: d, i18n: f } = M(), i = o(
+      () => new Intl.NumberFormat(f.language, {
+        maximumFractionDigits: 1
+      }).format(t),
+      [t, f.language]
+    ), g = o(
+      () => new Intl.NumberFormat(f.language).format(s),
+      [s, f.language]
+    ), N = o(() => {
+      if (!a)
+        return c || (n ? d("rating.reviews", {
+          count: n.count,
+          value: i
+        }) : d("rating.label", {
+          value: i,
+          max: g
+        }));
+    }, [a, c, n, d, i, g]), V = o(() => T(t, s), [t, s]), p = o(() => {
+      if (n)
+        return n.label ? `${i} · ${n.count} ${n.label}` : d("rating.reviews", {
+          count: n.count,
+          value: i
+        });
+    }, [n, i, d]), j = a ? { "aria-hidden": !0 } : { role: "img", "aria-label": N };
+    return /* @__PURE__ */ x(
+      "span",
+      {
+        ref: y,
+        "data-component": "rating",
+        className: R({ size: r, className: m }),
+        ...j,
+        ...z,
+        children: [
+          /* @__PURE__ */ l(
+            "span",
+            {
+              "aria-hidden": "true",
+              className: S(),
+              "data-testid": "rating-stars",
+              children: V.map((h, k) => /* @__PURE__ */ x(
+                "span",
+                {
+                  className: F({ size: r }),
+                  "data-fill": h,
+                  children: [
+                    /* @__PURE__ */ l(
+                      b,
+                      {
+                        "aria-hidden": "true",
+                        className: "ds:size-full ds:text-muted-foreground/30",
+                        strokeWidth: 1.5
+                      }
+                    ),
+                    /* @__PURE__ */ l("span", { className: $({ fill: h }), children: /* @__PURE__ */ l(
+                      b,
+                      {
+                        "aria-hidden": "true",
+                        className: "ds:size-full ds:text-warning ds:fill-current",
+                        strokeWidth: 1.5
+                      }
+                    ) })
+                  ]
+                },
+                k
+              ))
+            }
+          ),
+          p ? /* @__PURE__ */ l(
+            "span",
+            {
+              "aria-hidden": "true",
+              className: I({ size: r, underlined: e }),
+              "data-testid": "rating-summary",
+              children: p
+            }
+          ) : null
+        ]
+      }
+    );
+  }
+);
+W.displayName = "Rating";
+export {
+  W as R
+};
+//# sourceMappingURL=rating-BRD7O74e.js.map