@versaur/react 1.0.0 → 1.0.3

package/dist/components/forms/chip-single-input/chip-single-input.js

@@ -1,98 +0,0 @@
-import { jsxs as B, jsx as e } from "react/jsx-runtime";
-import c from "../../../core/src/components/forms/chip-single-input/chip-single-input.module.css.js";
-import { createContext as k, forwardRef as g, useId as D, useContext as E } from "react";
-import { cx as R } from "../../../utils/cx.js";
-import { useDataAttrs as C } from "../../../hooks/use-data-attrs.js";
-import { ErrorText as T } from "../error-text/error-text.js";
-import { HelperText as $ } from "../helper-text/helper-text.js";
-import { Label as H } from "../label/label.js";
-const I = k(void 0);
-function L() {
-  const i = E(I);
-  if (!i)
-    throw new Error("ChipSingleInput.Option must be used within ChipSingleInput");
-  return i;
-}
-const x = g(
-  ({
-    value: i,
-    onChange: s,
-    name: d,
-    label: r,
-    helper: o,
-    error: t,
-    required: a = !1,
-    disabled: n = !1,
-    gap: p = "2",
-    wrap: l = !0,
-    children: v,
-    className: b,
-    ...u
-  }, y) => {
-    const w = D(), h = u.id || w, m = o ? `${h}-helper` : void 0, f = t ? `${h}-error` : void 0, N = [m, f].filter(Boolean).join(" "), O = (A) => {
-      !n && s && s(A);
-    }, j = C({
-      invalid: !!t
-    });
-    return /* @__PURE__ */ B("div", { ref: y, className: R(c.field, b), ...j, ...u, children: [
-      r && /* @__PURE__ */ e(H, { required: a, disabled: n, children: r }),
-      /* @__PURE__ */ e(
-        I.Provider,
-        {
-          value: {
-            disabled: n,
-            name: d,
-            onChange: O,
-            value: i
-          },
-          children: /* @__PURE__ */ e(
-            "div",
-            {
-              className: c.options,
-              "data-gap": p,
-              "data-wrap": l,
-              role: "radiogroup",
-              "aria-describedby": N || void 0,
-              "aria-invalid": t ? "true" : void 0,
-              children: v
-            }
-          )
-        }
-      ),
-      t && /* @__PURE__ */ e(T, { id: f, children: t }),
-      !t && o && /* @__PURE__ */ e($, { id: m, children: o })
-    ] });
-  }
-);
-x.displayName = "ChipSingleInput";
-const S = g(
-  ({ value: i, children: s, disabled: d, ...r }, o) => {
-    const t = L(), a = t.value === i, n = t.disabled || d, p = () => {
-      !n && t.onChange && t.onChange(i);
-    }, l = C({
-      disabled: n,
-      selected: a
-    });
-    return /* @__PURE__ */ e(
-      "button",
-      {
-        ref: o,
-        type: "button",
-        className: c.option,
-        onClick: p,
-        disabled: n,
-        "aria-pressed": a,
-        ...l,
-        ...r,
-        children: s
-      }
-    );
-  }
-);
-S.displayName = "ChipSingleInput.Option";
-const Q = Object.assign(x, {
-  Option: S
-});
-export {
-  Q as ChipSingleInput
-};

package/dist/components/forms/error-text/error-text.js

@@ -1,9 +0,0 @@
-import { jsx as m } from "react/jsx-runtime";
-import a from "../../../core/src/components/forms/error-text/error-text.module.css.js";
-import { forwardRef as i } from "react";
-import { cx as p } from "../../../utils/cx.js";
-const l = i(({ children: r, className: o, ...e }, t) => /* @__PURE__ */ m("p", { ref: t, className: p(a.error, o), role: "alert", "aria-live": "polite", ...e, children: r }));
-l.displayName = "ErrorText";
-export {
-  l as ErrorText
-};

package/dist/components/forms/helper-text/helper-text.js

@@ -1,9 +0,0 @@
-import { jsx as m } from "react/jsx-runtime";
-import t from "../../../core/src/components/forms/helper-text/helper-text.module.css.js";
-import { forwardRef as l } from "react";
-import { cx as f } from "../../../utils/cx.js";
-const s = l(({ children: e, className: r, ...o }, p) => /* @__PURE__ */ m("p", { ref: p, className: f(t.helper, r), ...o, children: e }));
-s.displayName = "HelperText";
-export {
-  s as HelperText
-};

package/dist/components/forms/label/label.js

@@ -1,18 +0,0 @@
-import { jsx as s } from "react/jsx-runtime";
-import f from "../../../core/src/components/forms/label/label.module.css.js";
-import { forwardRef as p } from "react";
-import { cx as i } from "../../../utils/cx.js";
-import { useDataAttrs as b } from "../../../hooks/use-data-attrs.js";
-const c = p(
-  ({ required: r = !1, disabled: a = !1, children: t, className: e, ...o }, l) => {
-    const m = b({
-      disabled: a,
-      required: r
-    });
-    return /* @__PURE__ */ s("label", { ref: l, className: i(f.label, e), ...m, ...o, children: t });
-  }
-);
-c.displayName = "Label";
-export {
-  c as Label
-};

package/dist/components/forms/radio/radio.js

@@ -1,34 +0,0 @@
-import { jsxs as f, jsx as o } from "react/jsx-runtime";
-import a from "../../../core/src/components/forms/radio/radio.module.css.js";
-import { forwardRef as n } from "react";
-import { cx as c } from "../../../utils/cx.js";
-import { useDataAttrs as u } from "../../../hooks/use-data-attrs.js";
-const N = n(
-  ({ variant: i = "outline", size: m = "medium", invalid: r = !1, disabled: s = !1, children: t, className: e, ...l }, p) => {
-    const d = u({
-      disabled: s,
-      invalid: r,
-      size: m,
-      variant: i
-    });
-    return /* @__PURE__ */ f("label", { className: c(a.radio, e), ...d, children: [
-      /* @__PURE__ */ o(
-        "input",
-        {
-          ref: p,
-          type: "radio",
-          className: a.input,
-          disabled: s,
-          "aria-invalid": r || void 0,
-          ...l
-        }
-      ),
-      /* @__PURE__ */ o("span", { className: a.indicator }),
-      t && /* @__PURE__ */ o("span", { className: a.label, children: t })
-    ] });
-  }
-);
-N.displayName = "Radio";
-export {
-  N as Radio
-};

package/dist/components/forms/radio-group/radio-group.js

@@ -1,91 +0,0 @@
-import { jsxs as v, jsx as e } from "react/jsx-runtime";
-import a from "../../../core/src/components/forms/radio-group/radio-group.module.css.js";
-import { createContext as A, forwardRef as x, useId as D, useContext as E } from "react";
-import { cx as R } from "../../../utils/cx.js";
-import { useDataAttrs as L } from "../../../hooks/use-data-attrs.js";
-import { ErrorText as T } from "../error-text/error-text.js";
-import { HelperText as $ } from "../helper-text/helper-text.js";
-import { Label as H } from "../label/label.js";
-const G = A(void 0);
-function P() {
-  const o = E(G);
-  if (!o)
-    throw new Error("RadioGroup.Option must be used within RadioGroup");
-  return o;
-}
-const C = x(
-  ({
-    value: o,
-    onChange: d,
-    name: p,
-    variant: m = "outline",
-    size: r = "medium",
-    label: s,
-    helper: i,
-    error: t,
-    required: c = !1,
-    disabled: n = !1,
-    direction: g = "column",
-    children: N,
-    className: y,
-    ...l
-  }, I) => {
-    const O = D(), u = l.id || O, f = i ? `${u}-helper` : void 0, h = t ? `${u}-error` : void 0, j = [f, h].filter(Boolean).join(" "), w = (k) => {
-      !n && d && d(k);
-    }, B = L({
-      disabled: n,
-      invalid: !!t,
-      size: r === "medium" ? void 0 : r,
-      variant: r === "medium" ? m : void 0
-    });
-    return /* @__PURE__ */ v("div", { ref: I, className: R(a.field, y), ...B, ...l, children: [
-      s && /* @__PURE__ */ e(H, { required: c, disabled: n, children: s }),
-      /* @__PURE__ */ e(G.Provider, { value: { disabled: n, name: p, onChange: w, value: o }, children: /* @__PURE__ */ e(
-        "div",
-        {
-          className: a.options,
-          "data-direction": g,
-          role: "radiogroup",
-          "aria-describedby": j || void 0,
-          "aria-invalid": t ? "true" : void 0,
-          children: N
-        }
-      ) }),
-      t && /* @__PURE__ */ e(T, { id: h, children: t }),
-      !t && i && /* @__PURE__ */ e($, { id: f, children: i })
-    ] });
-  }
-);
-C.displayName = "RadioGroup";
-const b = x(
-  ({ value: o, children: d, disabled: p, className: m, ...r }, s) => {
-    const i = P(), t = i.value === o, c = i.disabled || p, n = () => {
-      c || i.onChange(o);
-    };
-    return /* @__PURE__ */ v("label", { className: R(a.option, m), children: [
-      /* @__PURE__ */ e(
-        "input",
-        {
-          ref: s,
-          type: "radio",
-          name: i.name,
-          value: o,
-          checked: t,
-          disabled: c,
-          onChange: n,
-          className: a.input,
-          ...r
-        }
-      ),
-      /* @__PURE__ */ e("span", { className: a.indicator }),
-      d && /* @__PURE__ */ e("span", { className: a.optionLabel, children: d })
-    ] });
-  }
-);
-b.displayName = "RadioGroup.Option";
-const V = Object.assign(C, {
-  Option: b
-});
-export {
-  V as RadioGroup
-};

package/dist/components/forms/select/select.js

@@ -1,55 +0,0 @@
-import { jsx as i, jsxs as p } from "react/jsx-runtime";
-import m from "../../../core/src/components/forms/select/select.module.css.js";
-import { forwardRef as c, useId as G } from "react";
-import { cx as b } from "../../../utils/cx.js";
-import { useDataAttrs as g } from "../../../hooks/use-data-attrs.js";
-import { ErrorText as A } from "../error-text/error-text.js";
-import { HelperText as T } from "../helper-text/helper-text.js";
-import { Label as $ } from "../label/label.js";
-const f = c(({ children: o, ...e }, t) => /* @__PURE__ */ i("option", { ref: t, ...e, children: o }));
-f.displayName = "Select.Option";
-const u = c(
-  ({ label: o, children: e, ...t }, r) => /* @__PURE__ */ i("optgroup", { ref: r, label: o, ...t, children: e })
-);
-u.displayName = "Select.OptionGroup";
-const v = c(
-  ({ label: o, helper: e, error: t, required: r = !1, disabled: n = !1, placeholder: d, children: h, id: x, className: y, ...O }, I) => {
-    const N = G(), s = x || N, l = e ? `${s}-helper` : void 0, a = t ? `${s}-error` : void 0, j = [l, a].filter(Boolean).join(" "), B = g({
-      disabled: n,
-      invalid: !!t
-    });
-    return /* @__PURE__ */ p("div", { className: b(m.field, y), children: [
-      o && /* @__PURE__ */ i($, { htmlFor: s, required: r, disabled: n, children: o }),
-      /* @__PURE__ */ p(
-        "select",
-        {
-          ref: I,
-          id: s,
-          className: m.select,
-          disabled: n,
-          required: r,
-          "aria-invalid": t ? "true" : void 0,
-          "aria-disabled": n ? "true" : void 0,
-          "aria-describedby": j || void 0,
-          ...B,
-          ...O,
-          children: [
-            d && /* @__PURE__ */ i("option", { value: "", disabled: !0, children: d }),
-            h
-          ]
-        }
-      ),
-      t && /* @__PURE__ */ i(A, { id: a, children: t }),
-      !t && e && /* @__PURE__ */ i(T, { id: l, children: e })
-    ] });
-  }
-);
-v.displayName = "Select";
-const S = v;
-S.Option = f;
-S.OptionGroup = u;
-export {
-  S as Select,
-  f as SelectOption,
-  u as SelectOptionGroup
-};

package/dist/components/forms/text-area/text-area.js

@@ -1,62 +0,0 @@
-import { jsxs as j, jsx as o } from "react/jsx-runtime";
-import l from "../../../core/src/components/forms/text-area/text-area.module.css.js";
-import { forwardRef as w, useId as B } from "react";
-import { cx as N } from "../../../utils/cx.js";
-import { useDataAttrs as b } from "../../../hooks/use-data-attrs.js";
-import { ErrorText as _ } from "../error-text/error-text.js";
-import { HelperText as $ } from "../helper-text/helper-text.js";
-import { Label as g } from "../label/label.js";
-const z = w(
-  ({
-    label: s,
-    helper: i,
-    error: t,
-    required: d = !1,
-    disabled: e = !1,
-    readOnly: m = !1,
-    resizable: f = !0,
-    minRows: x = 3,
-    maxRows: a,
-    id: p,
-    className: u,
-    ...v
-  }, h) => {
-    const A = B(), r = p || A, n = i ? `${r}-helper` : void 0, c = t ? `${r}-error` : void 0, I = [n, c].filter(Boolean).join(" "), y = b({
-      disabled: e,
-      invalid: !!t,
-      readOnly: m,
-      resizable: f ? "true" : "false",
-      minRows: "true",
-      ...a && { maxRows: "true" }
-    }), T = {
-      "--_min-rows-count": x,
-      ...a && { "--_max-rows-count": a }
-    };
-    return /* @__PURE__ */ j("div", { className: N(l.field, u), children: [
-      s && /* @__PURE__ */ o(g, { htmlFor: r, required: d, disabled: e, children: s }),
-      /* @__PURE__ */ o(
-        "textarea",
-        {
-          ref: h,
-          id: r,
-          className: l.textarea,
-          disabled: e,
-          readOnly: m,
-          required: d,
-          style: T,
-          "aria-invalid": t ? "true" : void 0,
-          "aria-disabled": e ? "true" : void 0,
-          "aria-describedby": I || void 0,
-          ...y,
-          ...v
-        }
-      ),
-      t && /* @__PURE__ */ o(_, { id: c, children: t }),
-      !t && i && /* @__PURE__ */ o($, { id: n, children: i })
-    ] });
-  }
-);
-z.displayName = "TextArea";
-export {
-  z as TextArea
-};

package/dist/components/forms/text-input/text-input.js

@@ -1,60 +0,0 @@
-import { jsxs as f, jsx as i } from "react/jsx-runtime";
-import e from "../../../core/src/components/forms/text-input/text-input.module.css.js";
-import { forwardRef as y, useId as T } from "react";
-import { cx as j } from "../../../utils/cx.js";
-import { useDataAttrs as w } from "../../../hooks/use-data-attrs.js";
-import { ErrorText as A } from "../error-text/error-text.js";
-import { HelperText as L } from "../helper-text/helper-text.js";
-import { Label as R } from "../label/label.js";
-const $ = y(
-  ({
-    label: d,
-    helper: r,
-    error: t,
-    required: m = !1,
-    disabled: o = !1,
-    readOnly: c = !1,
-    leftIcon: s,
-    rightIcon: n,
-    id: h,
-    className: u,
-    ...x
-  }, v) => {
-    const I = T(), a = h || I, l = r ? `${a}-helper` : void 0, p = t ? `${a}-error` : void 0, N = [l, p].filter(Boolean).join(" "), B = w({
-      disabled: o,
-      hasLeftIcon: !!s,
-      hasRightIcon: !!n,
-      invalid: !!t,
-      readOnly: c
-    });
-    return /* @__PURE__ */ f("div", { className: j(e.field, u), children: [
-      d && /* @__PURE__ */ i(R, { htmlFor: a, required: m, disabled: o, children: d }),
-      /* @__PURE__ */ f("div", { className: e.wrapper, ...B, children: [
-        s && /* @__PURE__ */ i("span", { className: e["left-icon"], children: s }),
-        /* @__PURE__ */ i(
-          "input",
-          {
-            ref: v,
-            id: a,
-            type: "text",
-            className: e.input,
-            disabled: o,
-            readOnly: c,
-            required: m,
-            "aria-invalid": t ? "true" : void 0,
-            "aria-disabled": o ? "true" : void 0,
-            "aria-describedby": N || void 0,
-            ...x
-          }
-        ),
-        n && /* @__PURE__ */ i("span", { className: e["right-icon"], children: n })
-      ] }),
-      t && /* @__PURE__ */ i(A, { id: p, children: t }),
-      !t && r && /* @__PURE__ */ i(L, { id: l, children: r })
-    ] });
-  }
-);
-$.displayName = "TextInput";
-export {
-  $ as TextInput
-};

package/dist/components/primitive/avatar/avatar.js

@@ -1,37 +0,0 @@
-import { jsx as l } from "react/jsx-runtime";
-import f from "../../../core/src/components/primitive/avatar/avatar.module.css.js";
-import { UserIcon as u } from "@versaur/icons";
-import { forwardRef as n, useState as A } from "react";
-import { cx as p } from "../../../utils/cx.js";
-import { useDataAttrs as d } from "../../../hooks/use-data-attrs.js";
-import { Icon as I } from "../icon/icon.js";
-const g = n(
-  ({ variant: t = "primary", size: r = "md", shape: a = "circle", children: m, className: e, ...s }, o) => {
-    const i = d({ shape: a, size: r, variant: t }), c = m || /* @__PURE__ */ l(I, { as: u });
-    return /* @__PURE__ */ l("span", { ref: o, className: p(f.avatar, e), role: "img", ...i, ...s, children: c });
-  }
-);
-g.displayName = "Avatar";
-const v = n(({ src: t, alt: r, onError: a, className: m, ...e }, s) => {
-  const [o, i] = A(!1);
-  return o ? null : /* @__PURE__ */ l(
-    "img",
-    {
-      ref: s,
-      className: p(f["avatar-image"], m),
-      src: t,
-      alt: r,
-      onError: (c) => {
-        i(!0), a == null || a(c);
-      },
-      ...e
-    }
-  );
-});
-v.displayName = "Avatar.Image";
-const h = Object.assign(g, {
-  Image: v
-});
-export {
-  h as Avatar
-};

package/dist/components/primitive/badge/badge.js

@@ -1,41 +0,0 @@
-import { jsxs as b } from "react/jsx-runtime";
-import u from "../../../core/src/components/primitive/badge/badge.module.css.js";
-import { forwardRef as y } from "react";
-import { cx as B } from "../../../utils/cx.js";
-import { useDataAttrs as v } from "../../../hooks/use-data-attrs.js";
-const w = y(
-  ({
-    variant: f = "primary",
-    size: l = "medium",
-    shape: d = "rounded",
-    iconLeft: r,
-    iconRight: a,
-    maxWidth: i,
-    children: m,
-    style: n,
-    className: c,
-    ...p
-  }, g) => {
-    const t = !!r, o = !!a, s = !!m;
-    let e;
-    t && o && s ? e = "both-text" : t && s ? e = "left-text" : o && s ? e = "right-text" : t && o ? e = "both" : t ? e = "left" : o && (e = "right");
-    const h = v({
-      shape: d,
-      size: l,
-      variant: f,
-      ...e && { iconConfig: e }
-    }), x = {
-      ...n,
-      ...i && { "--vers-comp-badge-max-width": i }
-    };
-    return /* @__PURE__ */ b("div", { ref: g, className: B(u.badge, c), ...h, ...p, style: x, children: [
-      r,
-      m,
-      a
-    ] });
-  }
-);
-w.displayName = "Badge";
-export {
-  w as Badge
-};

package/dist/components/primitive/button/button.js

@@ -1,64 +0,0 @@
-import { jsxs as y, jsx as L } from "react/jsx-runtime";
-import j from "../../../core/src/components/primitive/button/button.module.css.js";
-import { LoaderIcon as A } from "@versaur/icons";
-import { forwardRef as D } from "react";
-import { cx as I } from "../../../utils/cx.js";
-import { useDataAttrs as N } from "../../../hooks/use-data-attrs.js";
-import { Icon as R } from "../icon/icon.js";
-const w = D(
-  ({
-    variant: u = "primary",
-    size: p = "medium",
-    loading: e = !1,
-    disabled: a = !1,
-    pressed: c = !1,
-    leftIcon: f,
-    rightIcon: m,
-    children: n,
-    type: d = "button",
-    onClick: s,
-    className: b,
-    ...h
-  }, x) => {
-    const o = !!f, r = !!m, i = !!n;
-    let t;
-    o && r && i ? t = "both-text" : o && i ? t = "left-text" : r && i ? t = "right-text" : o && r ? t = "both" : o ? t = "left" : r && (t = "right");
-    const B = N({
-      disabled: a || e,
-      loading: e,
-      size: p,
-      variant: u,
-      ...t && { iconConfig: t }
-    }), v = (l) => {
-      if (a || e) {
-        l.preventDefault();
-        return;
-      }
-      s == null || s(l);
-    };
-    return /* @__PURE__ */ y(
-      "button",
-      {
-        ref: x,
-        type: d,
-        className: I(j.button, b),
-        "aria-pressed": c ? "true" : void 0,
-        "aria-busy": e ? "true" : void 0,
-        "aria-disabled": a || e ? "true" : void 0,
-        ...B,
-        ...h,
-        onClick: v,
-        children: [
-          e ? /* @__PURE__ */ L(R, { as: A, "aria-label": "Loading", "data-loading-icon": "loader" }) : null,
-          f,
-          n,
-          m
-        ]
-      }
-    );
-  }
-);
-w.displayName = "Button";
-export {
-  w as Button
-};

package/dist/components/primitive/button-icon/button-icon.js

@@ -1,56 +0,0 @@
-import { jsx as o } from "react/jsx-runtime";
-import y from "../../../core/src/components/primitive/button-icon/button-icon.module.css.js";
-import { LoaderIcon as x } from "@versaur/icons";
-import { forwardRef as h } from "react";
-import { cx as A } from "../../../utils/cx.js";
-import { useDataAttrs as B } from "../../../hooks/use-data-attrs.js";
-import { Icon as s } from "../icon/icon.js";
-const D = h(
-  ({
-    as: m,
-    variant: i = "primary",
-    size: n = "medium",
-    loading: r = !1,
-    disabled: t = !1,
-    pressed: u = !1,
-    type: f = "button",
-    onClick: a,
-    iconProps: p = {},
-    "aria-label": c,
-    className: d,
-    ...l
-  }, b) => {
-    const I = B({
-      disabled: t || r,
-      loading: r,
-      size: n,
-      variant: i
-    }), v = (e) => {
-      if (t || r) {
-        e.preventDefault();
-        return;
-      }
-      a == null || a(e);
-    };
-    return /* @__PURE__ */ o(
-      "button",
-      {
-        ref: b,
-        type: f,
-        className: A(y["button-icon"], d),
-        "aria-label": c,
-        "aria-pressed": u ? "true" : void 0,
-        "aria-busy": r ? "true" : void 0,
-        "aria-disabled": t || r ? "true" : void 0,
-        ...I,
-        ...l,
-        onClick: v,
-        children: r ? /* @__PURE__ */ o(s, { as: x, "aria-label": "Loading", "data-loading-icon": "loader" }) : /* @__PURE__ */ o(s, { as: m, ...p })
-      }
-    );
-  }
-);
-D.displayName = "ButtonIcon";
-export {
-  D as ButtonIcon
-};

package/dist/components/primitive/dot/dot.js

@@ -1,16 +0,0 @@
-import { jsx as p } from "react/jsx-runtime";
-import e from "../../../core/src/components/primitive/dot/dot.module.css.js";
-import { forwardRef as i } from "react";
-import { cx as f } from "../../../utils/cx.js";
-import { useDataAttrs as d } from "../../../hooks/use-data-attrs.js";
-const c = i(({ variant: t = "primary", size: r = "medium", className: o, ...m }, a) => {
-  const s = d({
-    size: r,
-    variant: t
-  });
-  return /* @__PURE__ */ p("span", { ref: a, className: f(e.dot, o), ...s, ...m });
-});
-c.displayName = "Dot";
-export {
-  c as Dot
-};