@loczer/storefront-sdk 0.181.0 → 0.182.0

package/dist/ui/form.js

@@ -1,101 +1,75 @@
-import { jsx as m } from "react/jsx-runtime";
-import * as s from "react";
-import { FormProvider as f, Controller as u, useFormContext as F, useFormState as x } from "@rpcbase/form";
-import { cn as a } from "@rpcbase/ui";
-import { Label as I } from "./label.js";
-import { Slot as g } from "./slot.js";
-const S = f, c = s.createContext(
-  {}
-), $ = ({
-  ...e
-}) => /* @__PURE__ */ m(c.Provider, { value: { name: e.name }, children: /* @__PURE__ */ m(u, { ...e }) }), d = () => {
-  const e = s.useContext(c), t = s.useContext(l), { getFieldState: r } = F(), o = x({ name: e.name }), n = r(e.name, o);
-  if (!e)
-    throw new Error("useFormField should be used within <FormField>");
-  const { id: i } = t;
-  return {
-    id: i,
-    name: e.name,
-    formItemId: `${i}-form-item`,
-    formDescriptionId: `${i}-form-item-description`,
-    formMessageId: `${i}-form-item-message`,
-    ...n
-  };
-}, l = s.createContext(
-  {}
-);
-function D({ className: e, ...t }) {
-  const r = s.useId();
-  return /* @__PURE__ */ m(l.Provider, { value: { id: r }, children: /* @__PURE__ */ m(
-    "div",
-    {
-      "data-slot": "form-item",
-      className: a("grid gap-2", e),
-      ...t
-    }
-  ) });
+import { Slot as e } from "./slot.js";
+import { Label as t } from "./label.js";
+import * as n from "react";
+import { jsx as r } from "react/jsx-runtime";
+import { cn as i } from "@rpcbase/ui";
+import { Controller as a, FormProvider as o, useFormContext as s, useFormState as c } from "@rpcbase/form";
+//#region src/ui/form.tsx
+var l = o, u = n.createContext({}), d = ({ ...e }) => /* @__PURE__ */ r(u.Provider, {
+	value: { name: e.name },
+	children: /* @__PURE__ */ r(a, { ...e })
+}), f = () => {
+	let e = n.useContext(u), t = n.useContext(p), { getFieldState: r } = s(), i = c({ name: e.name }), a = r(e.name, i);
+	if (!e) throw Error("useFormField should be used within <FormField>");
+	let { id: o } = t;
+	return {
+		id: o,
+		name: e.name,
+		formItemId: `${o}-form-item`,
+		formDescriptionId: `${o}-form-item-description`,
+		formMessageId: `${o}-form-item-message`,
+		...a
+	};
+}, p = n.createContext({});
+function m({ className: e, ...t }) {
+	let a = n.useId();
+	return /* @__PURE__ */ r(p.Provider, {
+		value: { id: a },
+		children: /* @__PURE__ */ r("div", {
+			"data-slot": "form-item",
+			className: i("grid gap-2", e),
+			...t
+		})
+	});
 }
-function M({
-  className: e,
-  ...t
-}) {
-  const { error: r, formItemId: o } = d();
-  return /* @__PURE__ */ m(
-    I,
-    {
-      "data-slot": "form-label",
-      "data-error": !!r,
-      className: a("data-[error=true]:text-destructive", e),
-      htmlFor: o,
-      ...t
-    }
-  );
+function h({ className: e, ...n }) {
+	let { error: a, formItemId: o } = f();
+	return /* @__PURE__ */ r(t, {
+		"data-slot": "form-label",
+		"data-error": !!a,
+		className: i("data-[error=true]:text-destructive", e),
+		htmlFor: o,
+		...n
+	});
 }
-function N({ ...e }) {
-  const { error: t, formItemId: r, formDescriptionId: o, formMessageId: n } = d();
-  return /* @__PURE__ */ m(
-    g,
-    {
-      "data-slot": "form-control",
-      id: r,
-      "aria-describedby": t ? `${o} ${n}` : `${o}`,
-      "aria-invalid": !!t,
-      ...e
-    }
-  );
+function g({ ...t }) {
+	let { error: n, formItemId: i, formDescriptionId: a, formMessageId: o } = f();
+	return /* @__PURE__ */ r(e, {
+		"data-slot": "form-control",
+		id: i,
+		"aria-describedby": n ? `${a} ${o}` : `${a}`,
+		"aria-invalid": !!n,
+		...t
+	});
 }
-function w({ className: e, ...t }) {
-  const { formDescriptionId: r } = d();
-  return /* @__PURE__ */ m(
-    "p",
-    {
-      "data-slot": "form-description",
-      id: r,
-      className: a("text-muted-foreground text-sm", e),
-      ...t
-    }
-  );
+function _({ className: e, ...t }) {
+	let { formDescriptionId: n } = f();
+	return /* @__PURE__ */ r("p", {
+		"data-slot": "form-description",
+		id: n,
+		className: i("text-muted-foreground text-sm", e),
+		...t
+	});
 }
-function P({ className: e, ...t }) {
-  const { error: r, formMessageId: o } = d(), n = r ? String(r?.message ?? "") : t.children;
-  return n ? /* @__PURE__ */ m(
-    "p",
-    {
-      "data-slot": "form-message",
-      id: o,
-      className: a("text-destructive text-sm", e),
-      ...t,
-      children: n
-    }
-  ) : null;
+function v({ className: e, ...t }) {
+	let { error: n, formMessageId: a } = f(), o = n ? String(n?.message ?? "") : t.children;
+	return o ? /* @__PURE__ */ r("p", {
+		"data-slot": "form-message",
+		id: a,
+		className: i("text-destructive text-sm", e),
+		...t,
+		children: o
+	}) : null;
 }
-export {
-  S as Form,
-  N as FormControl,
-  w as FormDescription,
-  $ as FormField,
-  D as FormItem,
-  M as FormLabel,
-  P as FormMessage,
-  d as useFormField
-};
+//#endregion
+export { l as Form, g as FormControl, _ as FormDescription, d as FormField, m as FormItem, h as FormLabel, v as FormMessage, f as useFormField };

package/dist/ui/input.js

@@ -1,24 +1,16 @@
-import { jsx as l } from "react/jsx-runtime";
-import * as u from "react";
-import { cn as f } from "@rpcbase/ui";
-const d = u.forwardRef(
-  ({ className: t, onWheel: o, type: r, ...n }, i) => /* @__PURE__ */ l(
-    "input",
-    {
-      type: r,
-      onWheel: (e) => {
-        o?.(e), !(e.defaultPrevented || r !== "number") && e.currentTarget.ownerDocument.activeElement === e.currentTarget && e.currentTarget.blur();
-      },
-      className: f(
-        "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
-        t
-      ),
-      ref: i,
-      ...n
-    }
-  )
-);
-d.displayName = "Input";
-export {
-  d as Input
-};
+import * as e from "react";
+import { jsx as t } from "react/jsx-runtime";
+import { cn as n } from "@rpcbase/ui";
+//#region src/ui/input.tsx
+var r = e.forwardRef(({ className: e, onWheel: r, type: i, ...a }, o) => /* @__PURE__ */ t("input", {
+	type: i,
+	onWheel: (e) => {
+		r?.(e), !(e.defaultPrevented || i !== "number") && e.currentTarget.ownerDocument.activeElement === e.currentTarget && e.currentTarget.blur();
+	},
+	className: n("flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", e),
+	ref: o,
+	...a
+}));
+r.displayName = "Input";
+//#endregion
+export { r as Input };

package/dist/ui/label.js

@@ -1,18 +1,13 @@
-import { jsx as r } from "react/jsx-runtime";
-import * as t from "react";
-import { cva as l } from "class-variance-authority";
-import { cn as m } from "@rpcbase/ui";
-const s = l(
-  "cursor-pointer text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
-), i = t.forwardRef(({ className: e, ...o }, a) => /* @__PURE__ */ r(
-  "label",
-  {
-    ref: a,
-    className: m(s(), e),
-    ...o
-  }
-));
-i.displayName = "Label";
-export {
-  i as Label
-};
+import * as e from "react";
+import { jsx as t } from "react/jsx-runtime";
+import { cn as n } from "@rpcbase/ui";
+import { cva as r } from "class-variance-authority";
+//#region src/ui/label.tsx
+var i = r("cursor-pointer text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"), a = e.forwardRef(({ className: e, ...r }, a) => /* @__PURE__ */ t("label", {
+	ref: a,
+	className: n(i(), e),
+	...r
+}));
+a.displayName = "Label";
+//#endregion
+export { a as Label };

package/dist/ui/modal-aria.js

@@ -1,44 +1,41 @@
-import * as s from "react";
-const u = "data-local-modal-aria-hidden-count", o = "data-local-modal-aria-hidden-original";
-function A(n) {
-  const r = Number(n.getAttribute(u) ?? "0");
-  return Number.isFinite(r) ? r : 0;
+import * as e from "react";
+//#region src/ui/modal-aria.ts
+var t = "data-local-modal-aria-hidden-count", n = "data-local-modal-aria-hidden-original";
+function r(e) {
+	let n = Number(e.getAttribute(t) ?? "0");
+	return Number.isFinite(n) ? n : 0;
 }
-function f(n, r) {
-  s.useEffect(() => {
-    if (!n)
-      return;
-    const a = r.current, d = a?.parentElement;
-    if (!a || !d)
-      return;
-    const c = [];
-    return Array.from(d.children).forEach((t) => {
-      if (!(t instanceof HTMLElement) || t === a)
-        return;
-      const e = A(t);
-      if (e === 0) {
-        const i = t.getAttribute("aria-hidden");
-        i !== null ? t.setAttribute(o, i) : t.removeAttribute(o);
-      }
-      t.setAttribute(u, String(e + 1)), t.setAttribute("aria-hidden", "true"), c.push(t);
-    }), () => {
-      c.forEach((t) => {
-        const e = A(t) - 1;
-        if (e > 0) {
-          t.setAttribute(u, String(e));
-          return;
-        }
-        t.removeAttribute(u);
-        const i = t.getAttribute(o);
-        if (i !== null) {
-          t.setAttribute("aria-hidden", i), t.removeAttribute(o);
-          return;
-        }
-        t.removeAttribute("aria-hidden");
-      });
-    };
-  }, [n, r]);
+function i(i, a) {
+	e.useEffect(() => {
+		if (!i) return;
+		let e = a.current, o = e?.parentElement;
+		if (!e || !o) return;
+		let s = [];
+		return Array.from(o.children).forEach((i) => {
+			if (!(i instanceof HTMLElement) || i === e) return;
+			let a = r(i);
+			if (a === 0) {
+				let e = i.getAttribute("aria-hidden");
+				e === null ? i.removeAttribute(n) : i.setAttribute(n, e);
+			}
+			i.setAttribute(t, String(a + 1)), i.setAttribute("aria-hidden", "true"), s.push(i);
+		}), () => {
+			s.forEach((e) => {
+				let i = r(e) - 1;
+				if (i > 0) {
+					e.setAttribute(t, String(i));
+					return;
+				}
+				e.removeAttribute(t);
+				let a = e.getAttribute(n);
+				if (a !== null) {
+					e.setAttribute("aria-hidden", a), e.removeAttribute(n);
+					return;
+				}
+				e.removeAttribute("aria-hidden");
+			});
+		};
+	}, [i, a]);
 }
-export {
-  f as useAriaHiddenSiblings
-};
+//#endregion
+export { i as useAriaHiddenSiblings };

package/dist/ui/radio-group.js

@@ -1,73 +1,52 @@
-import { jsx as i } from "react/jsx-runtime";
-import * as r from "react";
-import { CircleIcon as w } from "lucide-react";
-import { cn as g } from "@rpcbase/ui";
-const v = r.createContext(null), I = r.forwardRef(function({
-  className: d,
-  value: e,
-  defaultValue: c = "",
-  onValueChange: l,
-  disabled: u,
-  name: p,
-  children: o,
-  ...t
-}, a) {
-  const n = r.useId(), [R, x] = r.useState(c), b = e !== void 0, f = b ? e : R, m = r.useRef(f);
-  m.current = f;
-  const k = (s) => {
-    s !== m.current && (m.current = s, b || x(s), l?.(s));
-  };
-  return /* @__PURE__ */ i(
-    v.Provider,
-    {
-      value: {
-        value: f,
-        setValue: k,
-        name: p ?? n,
-        disabled: u
-      },
-      children: /* @__PURE__ */ i(
-        "div",
-        {
-          ref: a,
-          role: "radiogroup",
-          "data-slot": "radio-group",
-          className: g("grid gap-3", d),
-          ...t,
-          children: o
-        }
-      )
-    }
-  );
-}), N = r.forwardRef(function({ className: d, value: e, disabled: c, onClick: l, ...u }, p) {
-  const o = r.useContext(v);
-  if (!o)
-    throw new Error("RadioGroupItem must be used within <RadioGroup>");
-  const t = o.value === e, a = c || o.disabled;
-  return /* @__PURE__ */ i(
-    "button",
-    {
-      ref: p,
-      type: "button",
-      role: "radio",
-      "aria-checked": t,
-      disabled: a,
-      "data-slot": "radio-group-item",
-      "data-state": t ? "checked" : "unchecked",
-      value: e,
-      className: g(
-        "border-input text-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 aspect-square size-4 shrink-0 rounded-full border shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
-        d
-      ),
-      onClick: (n) => {
-        l?.(n), !n.defaultPrevented && !a && o.setValue(e);
-      },
-      ...u,
-      children: t ? /* @__PURE__ */ i("span", { "data-slot": "radio-group-indicator", className: "relative flex items-center justify-center", children: /* @__PURE__ */ i(w, { className: "fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2" }) }) : null
-    }
-  );
+import * as e from "react";
+import { jsx as t } from "react/jsx-runtime";
+import { cn as n } from "@rpcbase/ui";
+import { CircleIcon as r } from "lucide-react";
+//#region src/ui/radio-group.tsx
+var i = e.createContext(null), a = e.forwardRef(function({ className: r, value: a, defaultValue: o = "", onValueChange: s, disabled: c, name: l, children: u, ...d }, f) {
+	let p = e.useId(), [m, h] = e.useState(o), g = a !== void 0, _ = g ? a : m, v = e.useRef(_);
+	return v.current = _, /* @__PURE__ */ t(i.Provider, {
+		value: {
+			value: _,
+			setValue: (e) => {
+				e !== v.current && (v.current = e, g || h(e), s?.(e));
+			},
+			name: l ?? p,
+			disabled: c
+		},
+		children: /* @__PURE__ */ t("div", {
+			ref: f,
+			role: "radiogroup",
+			"data-slot": "radio-group",
+			className: n("grid gap-3", r),
+			...d,
+			children: u
+		})
+	});
+}), o = e.forwardRef(function({ className: a, value: o, disabled: s, onClick: c, ...l }, u) {
+	let d = e.useContext(i);
+	if (!d) throw Error("RadioGroupItem must be used within <RadioGroup>");
+	let f = d.value === o, p = s || d.disabled;
+	return /* @__PURE__ */ t("button", {
+		ref: u,
+		type: "button",
+		role: "radio",
+		"aria-checked": f,
+		disabled: p,
+		"data-slot": "radio-group-item",
+		"data-state": f ? "checked" : "unchecked",
+		value: o,
+		className: n("border-input text-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 aspect-square size-4 shrink-0 rounded-full border shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50", a),
+		onClick: (e) => {
+			c?.(e), !e.defaultPrevented && !p && d.setValue(o);
+		},
+		...l,
+		children: f ? /* @__PURE__ */ t("span", {
+			"data-slot": "radio-group-indicator",
+			className: "relative flex items-center justify-center",
+			children: /* @__PURE__ */ t(r, { className: "fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2" })
+		}) : null
+	});
 });
-export {
-  I as RadioGroup,
-  N as RadioGroupItem
-};
+//#endregion
+export { a as RadioGroup, o as RadioGroupItem };