@pismo/marola 2.1.26 → 2.1.28

package/dist/components/RadioButton/RadioOption.js

@@ -1,440 +1,25 @@
-import { jsxs as A, jsx as k } from "react/jsx-runtime";
-import { c as B } from "../../clsx-OuTLNxxd.js";
+import "react/jsx-runtime";
+import "../../clsx-OuTLNxxd.js";
 import "../../utils/iconsList.js";
-import { Typography as K } from "../Typography/Typography.js";
-import * as a from "react";
+import "../Typography/Typography.js";
+import "react";
 import "../Input/Input.js";
 import "../Avatar/Avatar.js";
 import "../Button/Button.js";
 import "../../Toggle-SlvGYQKW.js";
 import "../Dialog/Dialog.js";
 import "../DatePicker/DatePicker.js";
-import { r as j } from "../../index-1UpBa69h.js";
+import "../../index-1UpBa69h.js";
 import "../Draggable/useDraggable.js";
 import "../IconButton/IconButton.js";
 import "../InputSearch/InputSearch.js";
 import "../Select/Select.js";
 import "../Popover/Popover.js";
-import { u as v, a as U, b as E, c as z, d as w, e as F, m as I, f as q, g as V, h as M, r as J, i as Q, N as W, s as N } from "../../RadioButton.module-RTKWJmma.js";
+import { R as u } from "../../RadioOption-DCTydlPv.js";
 import "../Table/Table.js";
 import "../Tabs/Tabs.js";
 import "../../Group-DJz1rK2n.js";
 import "../../contexts/SnackbarProvider/SnackbarProvider.js";
-import { P as s } from "../../useSlotProps-CYHDC4TN.js";
-function X(r, e = !1) {
-  const [n, o] = a.useState(), [t, d] = a.useState(r);
-  return r && !t && (d(!0), n !== "starting" && !e && o("starting")), !r && t && n !== "ending" && o("ending"), !r && !t && n === "ending" && o(void 0), v(() => {
-    if (!r)
-      return;
-    e && o("starting");
-    const i = requestAnimationFrame(() => {
-      o(void 0);
-    });
-    return () => {
-      cancelAnimationFrame(i);
-    };
-  }, [r, e]), a.useMemo(() => ({
-    mounted: t,
-    setMounted: d,
-    transitionStatus: n
-  }), [t, n]);
-}
-function Y(r = {}) {
-  const {
-    label: e,
-    metadata: n
-  } = r, {
-    register: o,
-    unregister: t,
-    map: d,
-    elementsRef: i,
-    labelsRef: u
-  } = U(), [l, m] = a.useState(null), f = a.useRef(null), R = a.useCallback((c) => {
-    if (f.current = c, l !== null && (i.current[l] = c, u)) {
-      const h = e !== void 0;
-      u.current[l] = h ? e : (c == null ? void 0 : c.textContent) ?? null;
-    }
-  }, [l, i, u, e]);
-  return v(() => {
-    const c = f.current;
-    if (c)
-      return o(c, n), () => {
-        t(c);
-      };
-  }, [o, t, n]), v(() => {
-    var h;
-    const c = f.current ? (h = d.get(f.current)) == null ? void 0 : h.index : null;
-    c != null && m(c);
-  }, [d]), a.useMemo(() => ({
-    ref: R,
-    index: l ?? -1
-  }), [l, R]);
-}
-const Z = {
-  "data-starting-style": ""
-}, $ = {
-  "data-ending-style": ""
-}, ee = {
-  transitionStatus(r) {
-    return r === "starting" ? Z : r === "ending" ? $ : null;
-  }
-};
-function te(r, e = !1) {
-  const n = a.useRef(-1), o = a.useRef(-1), t = E(() => {
-    cancelAnimationFrame(n.current), clearTimeout(o.current);
-  });
-  return a.useEffect(() => t, [t]), E((d) => {
-    t();
-    const i = r.current;
-    i && (typeof i.getAnimations != "function" || globalThis.BASE_UI_ANIMATIONS_DISABLED ? d() : n.current = requestAnimationFrame(() => {
-      function u() {
-        i && Promise.allSettled(i.getAnimations().map((l) => l.finished)).then(() => {
-          j.flushSync(d);
-        });
-      }
-      e ? o.current = window.setTimeout(u) : u();
-    }));
-  });
-}
-function ne(r) {
-  const {
-    open: e,
-    ref: n,
-    onComplete: o
-  } = r, t = z(e), d = E(o), i = te(n, e);
-  v(() => {
-    i(() => {
-      e === t.current && d();
-    });
-  }, [e, d, i, t]);
-}
-const oe = {
-  clip: "rect(0 0 0 0)",
-  overflow: "hidden",
-  whiteSpace: "nowrap",
-  position: "fixed",
-  top: 0,
-  left: 0,
-  border: 0,
-  padding: 0,
-  width: 1,
-  height: 1,
-  margin: -1
-};
-function re(r) {
-  const {
-    disabled: e,
-    readOnly: n,
-    value: o,
-    required: t
-  } = r, {
-    checkedValue: d,
-    setCheckedValue: i,
-    onValueChange: u,
-    touched: l,
-    setTouched: m,
-    fieldControlValidation: f
-  } = w(), {
-    setDirty: R,
-    validityData: c,
-    setTouched: h,
-    setFilled: b,
-    validationMode: x
-  } = F(), g = d === o, C = a.useRef(null);
-  v(() => {
-    var y;
-    (y = C.current) != null && y.checked && b(!0);
-  }, [b]);
-  const P = a.useCallback((y) => I(f ? f.getValidationProps(y) : y, {
-    role: "radio",
-    type: "button",
-    "aria-checked": g,
-    "aria-required": t || void 0,
-    "aria-disabled": e || void 0,
-    "aria-readonly": n || void 0,
-    disabled: e,
-    onKeyDown(p) {
-      p.key === "Enter" && p.preventDefault();
-    },
-    onClick(p) {
-      var O;
-      p.defaultPrevented || e || n || (p.preventDefault(), (O = C.current) == null || O.click());
-    },
-    onFocus(p) {
-      var O;
-      p.defaultPrevented || e || n || !l || ((O = C.current) == null || O.click(), m(!1));
-    }
-  }), [f, g, t, e, n, l, m]), T = a.useCallback((y) => I(y, {
-    type: "radio",
-    ref: C,
-    tabIndex: -1,
-    style: oe,
-    "aria-hidden": !0,
-    disabled: e,
-    checked: g,
-    required: t,
-    readOnly: n,
-    onChange(p) {
-      p.nativeEvent.defaultPrevented || e || n || o == null || (h(!0), R(o !== c.initialValue), i(o), b(!0), u == null || u(o, p.nativeEvent), x === "onChange" && (f == null || f.commitValidation(o)));
-    }
-  }), [e, g, t, n, o, h, R, c.initialValue, i, b, u, x, f]);
-  return a.useMemo(() => ({
-    checked: g,
-    getRootProps: P,
-    getInputProps: T
-  }), [g, P, T]);
-}
-const D = /* @__PURE__ */ a.createContext(void 0);
-process.env.NODE_ENV !== "production" && (D.displayName = "RadioRootContext");
-function se() {
-  const r = a.useContext(D);
-  if (r === void 0)
-    throw new Error("Base UI: RadioRootContext is missing. Radio parts must be placed within <Radio.Root>.");
-  return r;
-}
-function ie(r = {}) {
-  const {
-    highlightedIndex: e,
-    onHighlightedIndexChange: n
-  } = q(), {
-    ref: o,
-    index: t
-  } = Y(r), d = e === t, i = a.useCallback((u = {}) => I(u, {
-    tabIndex: d ? 0 : -1,
-    onFocus() {
-      n(t);
-    }
-  }), [d, t, n]);
-  return a.useMemo(() => ({
-    getItemProps: i,
-    ref: o,
-    index: t
-  }), [i, o, t]);
-}
-function _(r) {
-  const {
-    render: e,
-    className: n,
-    itemRef: o,
-    metadata: t,
-    ...d
-  } = r, {
-    highlightedIndex: i
-  } = q(), {
-    getItemProps: u,
-    ref: l,
-    index: m
-  } = ie({
-    metadata: t
-  }), f = a.useMemo(() => ({
-    highlighted: m === i
-  }), [m, i]), R = V(o, l), {
-    renderElement: c
-  } = M({
-    propGetter: u,
-    ref: R,
-    render: e ?? "div",
-    state: f,
-    className: n,
-    extraProps: d
-  });
-  return c();
-}
-process.env.NODE_ENV !== "production" && (_.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * @ignore
-   */
-  children: s.node,
-  /**
-   * CSS class applied to the element, or a function that
-   * returns a class based on the component’s state.
-   */
-  className: s.oneOfType([s.func, s.string]),
-  /**
-   * @ignore
-   */
-  itemRef: J,
-  /**
-   * @ignore
-   */
-  metadata: s.any,
-  /**
-   * Allows you to replace the component’s HTML element
-   * with a different tag, or compose it with another component.
-   *
-   * Accepts a `ReactElement` or a function that returns the element to render.
-   */
-  render: s.oneOfType([s.element, s.func])
-});
-const H = {
-  checked(r) {
-    return r ? {
-      "data-checked": ""
-    } : {
-      "data-unchecked": ""
-    };
-  },
-  ...ee,
-  ...Q
-}, G = /* @__PURE__ */ a.forwardRef(function(e, n) {
-  const {
-    render: o,
-    className: t,
-    disabled: d = !1,
-    readOnly: i = !1,
-    required: u = !1,
-    ...l
-  } = e, {
-    disabled: m,
-    readOnly: f,
-    required: R,
-    setCheckedValue: c
-  } = w(), {
-    state: h,
-    disabled: b
-  } = F(), x = b || m || d, g = f || i, C = R || u, {
-    getRootProps: P,
-    getInputProps: T,
-    checked: y
-  } = re({
-    ...e,
-    disabled: x,
-    readOnly: g
-  }), p = a.useMemo(() => ({
-    ...h,
-    required: C,
-    disabled: x,
-    readOnly: g,
-    checked: y
-  }), [h, x, g, y, C]), O = a.useMemo(() => p, [p]), {
-    renderElement: S
-  } = M({
-    propGetter: P,
-    render: o ?? "button",
-    ref: n,
-    className: t,
-    state: p,
-    extraProps: l,
-    customStyleHookMapping: H
-  });
-  return /* @__PURE__ */ A(D.Provider, {
-    value: O,
-    children: [c === W ? S() : /* @__PURE__ */ k(_, {
-      render: S()
-    }), /* @__PURE__ */ k("input", {
-      ...T()
-    })]
-  });
-});
-process.env.NODE_ENV !== "production" && (G.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * @ignore
-   */
-  children: s.node,
-  /**
-   * CSS class applied to the element, or a function that
-   * returns a class based on the component’s state.
-   */
-  className: s.oneOfType([s.func, s.string]),
-  /**
-   * Whether the component should ignore user interaction.
-   * @default false
-   */
-  disabled: s.bool,
-  /**
-   * Whether the user should be unable to select the radio button.
-   * @default false
-   */
-  readOnly: s.bool,
-  /**
-   * Allows you to replace the component’s HTML element
-   * with a different tag, or compose it with another component.
-   *
-   * Accepts a `ReactElement` or a function that returns the element to render.
-   */
-  render: s.oneOfType([s.element, s.func]),
-  /**
-   * Whether the user must choose a value before submitting a form.
-   * @default false
-   */
-  required: s.bool,
-  /**
-   * The unique identifying value of the radio in a group.
-   */
-  value: s.any.isRequired
-});
-const L = /* @__PURE__ */ a.forwardRef(function(e, n) {
-  const {
-    render: o,
-    className: t,
-    keepMounted: d = !1,
-    ...i
-  } = e, u = se(), l = u.checked, {
-    transitionStatus: m,
-    setMounted: f
-  } = X(l), R = a.useMemo(() => ({
-    ...u,
-    transitionStatus: m
-  }), [u, m]), c = a.useRef(null), h = V(n, c), {
-    renderElement: b
-  } = M({
-    render: o ?? "span",
-    ref: h,
-    className: t,
-    state: R,
-    extraProps: i,
-    customStyleHookMapping: H
-  });
-  return ne({
-    open: l,
-    ref: c,
-    onComplete() {
-      l || f(!1);
-    }
-  }), d || l ? b() : null;
-});
-process.env.NODE_ENV !== "production" && (L.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * @ignore
-   */
-  children: s.node,
-  /**
-   * CSS class applied to the element, or a function that
-   * returns a class based on the component’s state.
-   */
-  className: s.oneOfType([s.func, s.string]),
-  /**
-   * Whether to keep the HTML element in the DOM when the radio button is inactive.
-   * @default false
-   */
-  keepMounted: s.bool,
-  /**
-   * Allows you to replace the component’s HTML element
-   * with a different tag, or compose it with another component.
-   *
-   * Accepts a `ReactElement` or a function that returns the element to render.
-   */
-  render: s.oneOfType([s.element, s.func])
-});
-const Ie = ({ label: r, value: e, disabled: n, "data-testid": o }) => {
-  const t = B(N["radio-label"], n && N["radio-label__disabled"]);
-  return /* @__PURE__ */ A("label", { className: N.option, "data-testid": o, children: [
-    /* @__PURE__ */ k(G, { disabled: n, value: e, className: N.radio, children: /* @__PURE__ */ k(L, { className: N.indicator }) }),
-    /* @__PURE__ */ k(K, { color: "var(--colors-neutral-text-color-text)", className: t, variant: "base-lg", children: r })
-  ] });
-};
 export {
-  Ie as RadioOption
+  u as RadioOption
 };

package/dist/main.js

@@ -10,8 +10,8 @@ import { Calendar as S } from "./components/Calendar/Calendar.js";
 import { Checkbox as I } from "./components/Checkbox/Checkbox.js";
 import { C as B, R as C, T as D } from "./Toggle-SlvGYQKW.js";
 import { ConfirmationDialog as h } from "./components/ConfirmationDialog/ConfirmationDialog.js";
-import { DatePicker as v } from "./components/DatePicker/DatePicker.js";
-import { Description as R } from "./components/Description/Description.js";
+import { DatePicker as P } from "./components/DatePicker/DatePicker.js";
+import { Description as A } from "./components/Description/Description.js";
 import { Dialog as O } from "./components/Dialog/Dialog.js";
 import { DoubleInput as G } from "./components/DoubleInput/DoubleInput.js";
 import { Draggable as N } from "./components/Draggable/Draggable.js";
@@ -33,8 +33,8 @@ import { Skeleton as uo, SkeletonCircle as So, SkeletonTable as bo } from "./com
 import { Snackbar as yo } from "./components/Snackbar/Snackbar.js";
 import { SortTooltip as Co, sortTooltipDefaultTranslations as Do } from "./components/SortTooltip/SortTooltip.js";
 import { Stepper as ho } from "./components/Stepper/Stepper.js";
-import { StepperNavigator as vo } from "./components/StepperNavigator/StepperNavigator.js";
-import { TBody as Ro, THead as wo, Table as Oo, Td as Eo, Th as Go, Tr as Mo } from "./components/Table/Table.js";
+import { StepperNavigator as Po } from "./components/StepperNavigator/StepperNavigator.js";
+import { TBody as Ao, THead as wo, Table as Oo, Td as Eo, Th as Go, Tr as Mo } from "./components/Table/Table.js";
 import { Tabs as Ho } from "./components/Tabs/Tabs.js";
 import { Tag as Lo } from "./components/Tag/Tag.js";
 import { TextDisplay as Vo } from "./components/TextDisplay/TextDisplay.js";
@@ -51,12 +51,13 @@ import { iconsList as Tr } from "./utils/iconsList.js";
 import { allowOnlyIntegerNumbers as cr, allowOnlyMathSignals as ur, allowOnlyNumbers as dr, formatDecimalValue as Sr, parseToInteger as br } from "./utils/inputNumberAsText.js";
 import { bemify as yr, getBEMBase as Br, getBEMBlock as Cr } from "./utils/styleStrings.js";
 import { default as kr } from "./components/Dialog/DialogTitle.js";
-import { default as Pr } from "./components/Dialog/Content.js";
-import { default as Ar } from "./components/Dialog/Actions.js";
-import { Tab as wr } from "./components/Tabs/Tab.js";
-import { TabPanel as Er } from "./components/Tabs/TabPanel.js";
+import { default as Rr } from "./components/Dialog/Content.js";
+import { default as vr } from "./components/Dialog/Actions.js";
+import { R as wr } from "./RadioOption-DCTydlPv.js";
+import { Tab as Er } from "./components/Tabs/Tab.js";
+import { TabPanel as Mr } from "./components/Tabs/TabPanel.js";
 export {
-  Ar as Actions,
+  vr as Actions,
   e as Adornment,
   p as Advice,
   m as Alert,
@@ -69,9 +70,9 @@ export {
   I as Checkbox,
   B as Chip,
   h as ConfirmationDialog,
-  Pr as Content,
-  v as DatePicker,
-  R as Description,
+  Rr as Content,
+  P as DatePicker,
+  A as Description,
   O as Dialog,
   kr as DialogTitle,
   G as DoubleInput,
@@ -88,6 +89,7 @@ export {
   oo as Pagination,
   to as Popover,
   ao as RadioButton,
+  wr as RadioOption,
   fo as ResultContainer,
   lo as ResultWithChips,
   C as RowItem,
@@ -102,11 +104,11 @@ export {
   ar as SnackbarProvider,
   Co as SortTooltip,
   ho as Stepper,
-  vo as StepperNavigator,
-  Ro as TBody,
+  Po as StepperNavigator,
+  Ao as TBody,
   wo as THead,
-  wr as Tab,
-  Er as TabPanel,
+  Er as Tab,
+  Mr as TabPanel,
   Oo as Table,
   Ho as Tabs,
   Lo as Tag,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pismo/marola",
   "description": "CDX tribe component library",
-  "version": "2.1.26",
+  "version": "2.1.28",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",
@@ -109,6 +109,8 @@
     "cross-spawn": "^7.0.6",
     "esbuild": "^0.25.3",
     "express": "^5.1.0",
+    "form-data": "^4.0.2",
+    "glob": "^10.2.6",
     "micromatch": "^4.0.8",
     "nanoid": "^3.3.11",
     "path-to-regexp": "^0.1.12",