@pismo/marola 2.0.0 → 2.0.1

package/dist/RadioButton.module-B4kmS66R.js

@@ -0,0 +1,292 @@
+import * as s from "react";
+import { jsx as i } from "react/jsx-runtime";
+import { P as _ } from "./useSlotProps-DSnfx453.js";
+import './assets/RadioButton.css';const y = () => {
+};
+function w(e, t) {
+  let n = {};
+  return Object.entries(e).forEach(([o, r]) => {
+    if (t != null && t.hasOwnProperty(o)) {
+      const d = t[o](r);
+      d != null && (n = {
+        ...n,
+        ...d
+      });
+      return;
+    }
+    r === !0 ? n[`data-${o.toLowerCase()}`] = "" : r && (n[`data-${o.toLowerCase()}`] = r.toString());
+  }), n;
+}
+function O(e, t) {
+  return typeof e == "function" ? e(t) : e;
+}
+function V(e, ...t) {
+  let n = t[0];
+  for (let o = 1; o < t.length; o += 1)
+    n = b(n, t[o]);
+  return b(e, n);
+}
+function b(e, t) {
+  return e ? Object.entries(e).reduce((n, [o, r]) => (// This approach is more efficient than using a regex.
+  o[0] === "o" && o[1] === "n" && o.charCodeAt(2) >= 65 && o.charCodeAt(2) <= 90 && typeof r == "function" ? n[o] = (d) => {
+    let u = !1;
+    const f = r, l = t[o], c = d;
+    c.preventBaseUIHandler = () => {
+      u = !0;
+    };
+    const m = f(c);
+    return u || l == null || l(c), m;
+  } : o === "style" ? (r || t.style) && (n[o] = {
+    ...t.style,
+    ...r || {}
+  }) : o === "className" ? r ? t.className ? n[o] = r + " " + t.className : n[o] = r : n[o] = t.className : n[o] = r, n), {
+    ...t
+  }) : t;
+}
+function L(e, t, n) {
+  return typeof e == "function" ? e(t, n) : /* @__PURE__ */ s.cloneElement(e, {
+    ...V(e.props, t),
+    ref: t.ref
+  });
+}
+function T(...e) {
+  return s.useMemo(() => e.every((t) => t == null) ? null : (t) => {
+    e.forEach((n) => {
+      P(n, t);
+    });
+  }, e);
+}
+function P(e, t) {
+  typeof e == "function" ? e(t) : e && (e.current = t);
+}
+const j = parseInt(s.version, 10);
+function D(e) {
+  return j >= e;
+}
+function F(e, ...t) {
+  let n;
+  return typeof e != "function" ? n = D(19) ? e.props.ref : e.ref : n = null, T(n, ...t);
+}
+const M = {
+  button: (e) => /* @__PURE__ */ i("button", {
+    type: "button",
+    ...e
+  }),
+  div: (e) => /* @__PURE__ */ i("div", {
+    ...e
+  }),
+  h2: (e) => /* @__PURE__ */ i("h2", {
+    ...e
+  }),
+  h3: (e) => /* @__PURE__ */ i("h3", {
+    ...e
+  }),
+  output: (e) => /* @__PURE__ */ i("output", {
+    ...e
+  }),
+  p: (e) => /* @__PURE__ */ i("p", {
+    ...e
+  }),
+  span: (e) => /* @__PURE__ */ i("span", {
+    ...e
+  }),
+  a: (e) => /* @__PURE__ */ i("a", {
+    ...e
+  }),
+  label: (e) => /* @__PURE__ */ i("label", {
+    ...e
+  }),
+  input: (e) => /* @__PURE__ */ i("input", {
+    ...e
+  }),
+  fieldset: (e) => /* @__PURE__ */ i("fieldset", {
+    ...e
+  }),
+  form: (e) => /* @__PURE__ */ i("form", {
+    ...e
+  }),
+  img: (e) => /* @__PURE__ */ i("img", {
+    alt: "",
+    ...e
+  })
+};
+function W(e) {
+  const {
+    render: t,
+    className: n,
+    state: o,
+    ref: r,
+    propGetter: d = (I) => I,
+    extraProps: u,
+    customStyleHookMapping: f
+  } = e, l = O(n, o), m = {
+    ...s.useMemo(() => w(o, f), [o, f]),
+    ...u
+  };
+  let p;
+  typeof t == "string" ? p = M[t] : p = t;
+  const C = d(m), x = {
+    ...C,
+    ref: F(p, r, C.ref)
+  };
+  return l !== void 0 && (x.className = l), {
+    renderElement: () => L(p, x, o)
+  };
+}
+const R = typeof window < "u" ? s.useLayoutEffect : s.useEffect, g = /* @__PURE__ */ s.createContext({
+  register: () => {
+  },
+  unregister: () => {
+  },
+  map: /* @__PURE__ */ new Map(),
+  elementsRef: {
+    current: []
+  }
+});
+process.env.NODE_ENV !== "production" && (g.displayName = "CompositeListContext");
+function Y() {
+  return s.useContext(g);
+}
+function z(e) {
+  const t = s.useRef(e);
+  return R(() => {
+    t.current = e;
+  }), s.useCallback((...n) => {
+    var o;
+    return (o = t.current) == null ? void 0 : o.call(t, ...n);
+  }, []);
+}
+const A = _.oneOfType([_.func, _.object]);
+function J(e) {
+  const t = s.useRef(e);
+  return R(() => {
+    t.current = e;
+  }), t;
+}
+let h = /* @__PURE__ */ function(e) {
+  return e.disabled = "data-disabled", e.valid = "data-valid", e.invalid = "data-invalid", e.touched = "data-touched", e.dirty = "data-dirty", e.filled = "data-filled", e.focused = "data-focused", e;
+}({});
+const U = {
+  badInput: !1,
+  customError: !1,
+  patternMismatch: !1,
+  rangeOverflow: !1,
+  rangeUnderflow: !1,
+  stepMismatch: !1,
+  tooLong: !1,
+  tooShort: !1,
+  typeMismatch: !1,
+  valid: null,
+  valueMissing: !1
+}, K = {
+  valid(e) {
+    return e === null ? null : e ? {
+      [h.valid]: ""
+    } : {
+      [h.invalid]: ""
+    };
+  }
+}, a = () => {
+}, v = /* @__PURE__ */ s.createContext({
+  invalid: void 0,
+  controlId: void 0,
+  setControlId: a,
+  labelId: void 0,
+  setLabelId: a,
+  messageIds: [],
+  setMessageIds: a,
+  name: void 0,
+  validityData: {
+    state: U,
+    errors: [],
+    error: "",
+    value: "",
+    initialValue: null
+  },
+  setValidityData: a,
+  disabled: void 0,
+  touched: !1,
+  setTouched: a,
+  dirty: !1,
+  setDirty: a,
+  filled: !1,
+  setFilled: a,
+  focused: !1,
+  setFocused: a,
+  validate: () => null,
+  validationMode: "onBlur",
+  validationDebounceTime: 0,
+  state: {
+    disabled: !1,
+    valid: null,
+    touched: !1,
+    dirty: !1,
+    filled: !1,
+    focused: !1
+  },
+  markedDirtyRef: {
+    current: !1
+  }
+});
+process.env.NODE_ENV !== "production" && (v.displayName = "FieldRootContext");
+function Q(e = !0) {
+  const t = s.useContext(v);
+  if (t.setControlId === a && !e)
+    throw new Error("Base UI: FieldRootContext is missing. Field parts must be placed within <Field.Root>.");
+  return t;
+}
+const E = /* @__PURE__ */ s.createContext({
+  disabled: void 0,
+  readOnly: void 0,
+  required: void 0,
+  checkedValue: "",
+  setCheckedValue: y,
+  onValueChange: y,
+  touched: !1,
+  setTouched: y
+});
+process.env.NODE_ENV !== "production" && (E.displayName = "RadioGroupContext");
+function X() {
+  return s.useContext(E);
+}
+const N = /* @__PURE__ */ s.createContext(void 0);
+process.env.NODE_ENV !== "production" && (N.displayName = "CompositeRootContext");
+function Z() {
+  const e = s.useContext(N);
+  if (e === void 0)
+    throw new Error("Base UI: CompositeRootContext is missing. Composite parts must be placed within <Composite.Root>.");
+  return e;
+}
+const H = "_option_1xyfv_9", S = "_radio_1xyfv_1", B = "_indicator_1xyfv_43", k = {
+  "radio-label": "_radio-label_1xyfv_1",
+  "radio-label__disabled": "_radio-label__disabled_1xyfv_4",
+  option: H,
+  radio: S,
+  indicator: B,
+  "legacy-radio": "_legacy-radio_1xyfv_59",
+  "legacy-radio--label": "_legacy-radio--label_1xyfv_67",
+  "legacy-radio--label__disabled": "_legacy-radio--label__disabled_1xyfv_70",
+  "legacy-radio--input": "_legacy-radio--input_1xyfv_74",
+  "legacy-radio--input__disabled": "_legacy-radio--input__disabled_1xyfv_84",
+  "legacy-radio--disabled": "_legacy-radio--disabled_1xyfv_95"
+};
+export {
+  g as C,
+  U as D,
+  y as N,
+  E as R,
+  Y as a,
+  z as b,
+  J as c,
+  X as d,
+  Q as e,
+  Z as f,
+  T as g,
+  W as h,
+  K as i,
+  N as j,
+  V as m,
+  A as r,
+  k as s,
+  R as u
+};

package/dist/assets/RadioButton.css

@@ -1 +1 @@
-._radio_1t160_1{display:flex;align-items:center;cursor:pointer}._radio_1t160_1 input[type=radio]{display:none}._radio--label_1t160_9{margin-left:8px}._radio--label__disabled_1t160_12{color:var(--gray-95);opacity:.25}._radio--input_1t160_16{display:flex;align-items:center;justify-content:center;width:16px;height:16px;color:var(--accent);border:solid 1px var(--border);border-radius:8px}._radio--input__disabled_1t160_26{color:var(--gray-95);opacity:.25}._radio--input_1t160_16:not(._radio--input__disabled_1t160_26):hover{border:solid 1px var(--accent)}._radio--input_1t160_16:not(._radio--input__disabled_1t160_26):focus{border:solid 1px var(--accent);box-shadow:0 0 0 2px var(--accent)}._radio--disabled_1t160_37{cursor:default}
+._radio-label_1xyfv_1{margin-left:8px}._radio-label__disabled_1xyfv_4{color:var(--gray-95);opacity:.25}._option_1xyfv_9{display:flex;align-items:center}._radio_1xyfv_1{display:flex;align-items:center;justify-content:center;width:16px;height:16px;color:var(--accent);border:none;border-radius:100%}._radio_1xyfv_1[data-unchecked]{background-color:transparent;border:1px solid var(--gray-95)}._radio_1xyfv_1[data-disabled]{color:var(--gray-95);opacity:.25}._radio_1xyfv_1[data-checked]{border:solid 1px var(--accent)}._radio_1xyfv_1:not(._radio__disabled_1xyfv_35):hover{border:solid 1px var(--accent)}._radio_1xyfv_1:not(._radio__disabled_1xyfv_35):focus{border:solid 1px var(--accent);box-shadow:0 0 0 2px #1778ff26}._indicator_1xyfv_43{display:flex;align-items:center;justify-content:center}._indicator_1xyfv_43[data-unchecked]{display:none}._indicator_1xyfv_43:before{width:.5rem;height:.5rem;content:"";background-color:var(--accent);border-radius:100%}._legacy-radio_1xyfv_59{display:flex;align-items:center;cursor:pointer}._legacy-radio_1xyfv_59 input[type=radio]{display:none}._legacy-radio--label_1xyfv_67{margin-left:8px}._legacy-radio--label__disabled_1xyfv_70{color:var(--gray-95);opacity:.25}._legacy-radio--input_1xyfv_74{display:flex;align-items:center;justify-content:center;width:16px;height:16px;color:var(--accent);border:solid 1px var(--border);border-radius:8px}._legacy-radio--input__disabled_1xyfv_84{color:var(--gray-95);opacity:.25}._legacy-radio--input_1xyfv_74:not(._legacy-radio--input__disabled_1xyfv_84):hover{border:solid 1px var(--accent)}._legacy-radio--input_1xyfv_74:not(._legacy-radio--input__disabled_1xyfv_84):focus{border:solid 1px var(--accent);box-shadow:0 0 0 2px var(--accent)}._legacy-radio--disabled_1xyfv_95{cursor:default}

package/dist/components/RadioButton/RadioButton.d.ts

@@ -1,11 +1,13 @@
 /// <reference types="react" />
-type RadioButtonProps = {
+export type RadioButtonProps = {
     /** Space separated list of CSS classes to apply */
     className?: string;
     /** Name */
     name?: string;
     /** Component label */
     label?: React.ReactNode;
+    /** Component default value */
+    defaultValue?: string | number | boolean;
     /** Checked state */
     checked?: boolean;
     /** Disabled state */
@@ -13,7 +15,8 @@ type RadioButtonProps = {
     /** TestId to use in tests if needed */
     'data-testid'?: string;
     /** Action that is triggered when the Radio button value changes */
-    onChange: (state: boolean) => void;
+    onChange: (value: unknown, event?: Event) => void;
+    /** Component children */
+    children?: React.ReactNode;
 };
-export declare const RadioButton: ({ className, name, label, checked, disabled, "data-testid": dataTestId, onChange, }: RadioButtonProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+export declare const RadioButton: ({ className, name, label, disabled, defaultValue, checked, "data-testid": dataTestId, onChange, children, }: RadioButtonProps) => import("react/jsx-runtime").JSX.Element;