@solostylist/ui-kit 1.0.175 → 1.0.176

package/dist/s-date-picker/s-date-picker.js

@@ -1,28 +1,29 @@
-import { j as p } from "../jsx-runtime-OVHDjVDe.js";
-import { useTheme as W, TextField as z } from "@mui/material";
+import { j as c } from "../jsx-runtime-tc70JA_2.js";
+import { useTheme as I, TextField as z } from "@mui/material";
 import { SForm as L } from "../s-form/s-form.js";
-import { _ as O, a as r } from "../objectWithoutPropertiesLoose-DiWPeE4c.js";
-import * as b from "react";
-import { P as e } from "../createTheme-3Wd3hHrj.js";
-import { u as g, a as U, b as H, c as Y, r as k, d as Q, P as B, e as X, f as $, g as K, h as Z, i as G, j as J, k as ee, C as oe, l as m, m as F, n as te, v as N, s as R, o as ae, D as re, p as ne } from "../useMobilePicker-C1RZZUWr.js";
-import { u as y } from "../warning-BCwEnWrE.js";
-import { g as se } from "../colorManipulator-ep5lERxB.js";
-import { g as le } from "../generateUtilityClasses-BtVDwGrk.js";
-import { s as C } from "../styled-B0Z4EDy9.js";
-import { a as ie } from "../DefaultPropsProvider-CaCsvQaq.js";
-import { T as ce } from "../Typography-C8jwvSWe.js";
-import { r as h, a as V } from "../ButtonBase-DfTfJ_ou.js";
-function de(n) {
-  return se("MuiDatePickerToolbar", n);
+import { _ as P, a as s } from "../objectWithoutPropertiesLoose-DiWPeE4c.js";
+import * as f from "react";
+import { P as e } from "../createTheme-f5g1s6ww.js";
+import { u as O, a as U, b as Y, c as Q, r as T, P as q, d as B, e as H, f as $, g as K, h as Z, i as G, j as J, C as X, k as p, l as M, m as ee, v as F, s as R, n as oe, D as te, o as se } from "../useMobilePicker-C4AYe0Ch.js";
+import { u as m } from "../warning-DnPRVtW6.js";
+import { c as ae } from "../clsx-OuTLNxxd.js";
+import { g as ne } from "../colorManipulator-ep5lERxB.js";
+import { g as re } from "../generateUtilityClasses-BtVDwGrk.js";
+import { s as N } from "../styled-B0KflPi-.js";
+import { c as le } from "../DefaultPropsProvider-sk0uWcA6.js";
+import { T as ie } from "../Typography-9Kg27dDw.js";
+import { r as y, a as C } from "../ButtonBase-C_YYB9Ry.js";
+function ce(l) {
+  return ne("MuiDatePickerToolbar", l);
 }
-le("MuiDatePickerToolbar", ["root", "title"]);
-const ue = ["toolbarFormat", "toolbarPlaceholder", "className", "classes"], pe = (n) => ie({
+re("MuiDatePickerToolbar", ["root", "title"]);
+const de = ["toolbarFormat", "toolbarPlaceholder", "className", "classes"], ue = (l) => le({
   root: ["root"],
   title: ["title"]
-}, de, n), fe = C(B, {
+}, ce, l), fe = N(q, {
   name: "MuiDatePickerToolbar",
   slot: "Root"
-})({}), be = C(ce, {
+})({}), pe = N(ie, {
   name: "MuiDatePickerToolbar",
   slot: "Title"
 })({
@@ -34,44 +35,44 @@ const ue = ["toolbarFormat", "toolbarPlaceholder", "className", "classes"], pe =
       margin: "auto 16px auto auto"
     }
   }]
-}), T = /* @__PURE__ */ b.forwardRef(function(s, t) {
-  const l = y({
-    props: s,
+}), g = /* @__PURE__ */ f.forwardRef(function(a, t) {
+  const n = m({
+    props: a,
     name: "MuiDatePickerToolbar"
   }), {
     toolbarFormat: o,
-    toolbarPlaceholder: a = "––",
+    toolbarPlaceholder: r = "––",
     className: i,
-    classes: f
-  } = l, c = O(l, ue), u = g(), {
-    value: d,
+    classes: d
+  } = n, u = P(n, de), b = O(), {
+    value: D,
     views: v,
-    orientation: S
-  } = U(), E = H(), q = Y(), M = pe(f), A = b.useMemo(() => {
-    if (!u.isValid(d))
-      return a;
-    const I = k(u, {
+    orientation: E
+  } = U(), V = Y(), _ = Q(), w = ue(d), A = f.useMemo(() => {
+    if (!b.isValid(D))
+      return r;
+    const W = T(b, {
       format: o,
       views: v
     }, !0);
-    return u.formatByString(d, I);
-  }, [d, o, a, u, v]);
-  return /* @__PURE__ */ p.jsx(fe, r({
+    return b.formatByString(D, W);
+  }, [D, o, r, b, v]);
+  return /* @__PURE__ */ c.jsx(fe, s({
     ref: t,
-    toolbarTitle: E.datePickerToolbarTitle,
-    className: Q(M.root, i)
-  }, c, {
-    children: /* @__PURE__ */ p.jsx(be, {
+    toolbarTitle: V.datePickerToolbarTitle,
+    className: ae(w.root, i)
+  }, u, {
+    children: /* @__PURE__ */ c.jsx(pe, {
       variant: "h4",
-      align: S === "landscape" ? "left" : "center",
-      ownerState: q,
-      className: M.title,
+      align: E === "landscape" ? "left" : "center",
+      ownerState: _,
+      className: w.title,
       children: A
     })
   }));
 });
-process.env.NODE_ENV !== "production" && (T.displayName = "DatePickerToolbar");
-process.env.NODE_ENV !== "production" && (T.propTypes = {
+process.env.NODE_ENV !== "production" && (g.displayName = "DatePickerToolbar");
+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"  |
@@ -101,59 +102,56 @@ process.env.NODE_ENV !== "production" && (T.propTypes = {
    */
   toolbarPlaceholder: e.node
 });
-function _(n, s) {
-  const t = y({
-    props: n,
-    name: s
-  }), l = X(t), o = b.useMemo(() => {
-    var a;
-    return ((a = t.localeText) == null ? void 0 : a.toolbarTitle) == null ? t.localeText : r({}, t.localeText, {
-      datePickerToolbarTitle: t.localeText.toolbarTitle
-    });
-  }, [t.localeText]);
-  return r({}, t, l, {
+function S(l, a) {
+  const t = m({
+    props: l,
+    name: a
+  }), n = B(t), o = f.useMemo(() => t.localeText?.toolbarTitle == null ? t.localeText : s({}, t.localeText, {
+    datePickerToolbarTitle: t.localeText.toolbarTitle
+  }), [t.localeText]);
+  return s({}, t, n, {
     localeText: o
-  }, $({
+  }, H({
     views: t.views,
     openTo: t.openTo,
     defaultViews: ["year", "day"],
     defaultOpenTo: "day"
   }), {
-    slots: r({
-      toolbar: T
+    slots: s({
+      toolbar: g
     }, t.slots)
   });
 }
-const me = (n) => {
-  const s = K(n);
-  return Z({
-    manager: s,
-    props: n
+const be = (l) => {
+  const a = $(l);
+  return K({
+    manager: a,
+    props: l
   });
-}, ye = ["slots", "slotProps"], D = /* @__PURE__ */ b.forwardRef(function(s, t) {
-  const l = y({
-    props: s,
+}, me = ["slots", "slotProps"], h = /* @__PURE__ */ f.forwardRef(function(a, t) {
+  const n = m({
+    props: a,
     name: "MuiDateField"
   }), {
     slots: o,
-    slotProps: a
-  } = l, i = O(l, ye), f = G({
-    slotProps: a,
+    slotProps: r
+  } = n, i = P(n, me), d = Z({
+    slotProps: r,
     ref: t,
     externalForwardedProps: i
-  }), c = me(f);
-  return /* @__PURE__ */ p.jsx(J, {
+  }), u = be(d);
+  return /* @__PURE__ */ c.jsx(G, {
     slots: o,
-    slotProps: a,
+    slotProps: r,
     inputRef: i.inputRef,
-    children: /* @__PURE__ */ p.jsx(ee, {
-      fieldResponse: c,
-      defaultOpenPickerIcon: oe
+    children: /* @__PURE__ */ c.jsx(J, {
+      fieldResponse: u,
+      defaultOpenPickerIcon: X
     })
   });
 });
-process.env.NODE_ENV !== "production" && (D.displayName = "DateField");
-process.env.NODE_ENV !== "production" && (D.propTypes = {
+process.env.NODE_ENV !== "production" && (h.displayName = "DateField");
+process.env.NODE_ENV !== "production" && (h.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
@@ -269,7 +267,7 @@ process.env.NODE_ENV !== "production" && (D.propTypes = {
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: h,
+  inputRef: y,
   /**
    * The label content.
    */
@@ -434,43 +432,39 @@ process.env.NODE_ENV !== "production" && (D.propTypes = {
    */
   variant: e.oneOf(["filled", "outlined", "standard"])
 });
-const j = /* @__PURE__ */ b.forwardRef(function(s, t) {
-  var c;
-  const l = g(), o = _(s, "MuiDesktopDatePicker"), a = r({
-    day: m,
-    month: m,
-    year: m
-  }, o.viewRenderers), i = r({}, o, {
+const k = /* @__PURE__ */ f.forwardRef(function(a, t) {
+  const n = O(), o = S(a, "MuiDesktopDatePicker"), r = s({
+    day: p,
+    month: p,
+    year: p
+  }, o.viewRenderers), i = s({}, o, {
     closeOnSelect: o.closeOnSelect ?? !0,
-    viewRenderers: a,
-    format: k(l, o, !1),
+    viewRenderers: r,
+    format: T(n, o, !1),
     yearsPerRow: o.yearsPerRow ?? 4,
-    slots: r({
-      field: D
+    slots: s({
+      field: h
     }, o.slots),
-    slotProps: r({}, o.slotProps, {
-      field: (u) => {
-        var d;
-        return r({}, V((d = o.slotProps) == null ? void 0 : d.field, u), F(o));
-      },
-      toolbar: r({
+    slotProps: s({}, o.slotProps, {
+      field: (u) => s({}, C(o.slotProps?.field, u), M(o)),
+      toolbar: s({
         hidden: !0
-      }, (c = o.slotProps) == null ? void 0 : c.toolbar)
+      }, o.slotProps?.toolbar)
     })
   }), {
-    renderPicker: f
-  } = te({
+    renderPicker: d
+  } = ee({
     ref: t,
     props: i,
     valueManager: R,
     valueType: "date",
-    validator: N,
+    validator: F,
     steps: null
   });
-  return f();
+  return d();
 });
-process.env.NODE_ENV !== "production" && (j.displayName = "DesktopDatePicker");
-j.propTypes = {
+process.env.NODE_ENV !== "production" && (k.displayName = "DesktopDatePicker");
+k.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
@@ -554,7 +548,7 @@ j.propTypes = {
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: h,
+  inputRef: y,
   /**
    * The label content.
    */
@@ -594,7 +588,10 @@ j.propTypes = {
    * @template TValue The value type. It will be the same type as `value` or `null`. It can be in `[start, end]` format in case of range value.
    * @template TError The validation error type. It will be either `string` or a `null`. It can be in `[start, end]` format in case of range value.
    * @param {TValue} value The value that was just accepted.
-   * @param {FieldChangeHandlerContext<TError>} context The context containing the validation result of the current value.
+   * @param {FieldChangeHandlerContext<TError>} context Context about this acceptance:
+   * - `validationError`: validation result of the current value
+   * - `source`: source of the acceptance. One of 'field' | 'view' | 'unknown'
+   * - `shortcut` (optional): the shortcut metadata if the value was accepted via a shortcut selection
    */
   onAccept: e.func,
   /**
@@ -602,7 +599,10 @@ j.propTypes = {
    * @template TValue The value type. It will be the same type as `value` or `null`. It can be in `[start, end]` format in case of range value.
    * @template TError The validation error type. It will be either `string` or a `null`. It can be in `[start, end]` format in case of range value.
    * @param {TValue} value The new value.
-   * @param {FieldChangeHandlerContext<TError>} context The context containing the validation result of the current value.
+   * @param {FieldChangeHandlerContext<TError>} context Context about this change:
+   * - `validationError`: validation result of the current value
+   * - `source`: source of the change. One of 'field' | 'view' | 'unknown'
+   * - `shortcut` (optional): the shortcut metadata if the change was triggered by a shortcut selection
    */
   onChange: e.func,
   /**
@@ -784,41 +784,37 @@ j.propTypes = {
    */
   yearsPerRow: e.oneOf([3, 4])
 };
-const w = /* @__PURE__ */ b.forwardRef(function(s, t) {
-  var c;
-  const l = g(), o = _(s, "MuiMobileDatePicker"), a = r({
-    day: m,
-    month: m,
-    year: m
-  }, o.viewRenderers), i = r({}, o, {
-    viewRenderers: a,
-    format: k(l, o, !1),
-    slots: r({
-      field: D
+const j = /* @__PURE__ */ f.forwardRef(function(a, t) {
+  const n = O(), o = S(a, "MuiMobileDatePicker"), r = s({
+    day: p,
+    month: p,
+    year: p
+  }, o.viewRenderers), i = s({}, o, {
+    viewRenderers: r,
+    format: T(n, o, !1),
+    slots: s({
+      field: h
     }, o.slots),
-    slotProps: r({}, o.slotProps, {
-      field: (u) => {
-        var d;
-        return r({}, V((d = o.slotProps) == null ? void 0 : d.field, u), F(o));
-      },
-      toolbar: r({
+    slotProps: s({}, o.slotProps, {
+      field: (u) => s({}, C(o.slotProps?.field, u), M(o)),
+      toolbar: s({
         hidden: !1
-      }, (c = o.slotProps) == null ? void 0 : c.toolbar)
+      }, o.slotProps?.toolbar)
     })
   }), {
-    renderPicker: f
-  } = ae({
+    renderPicker: d
+  } = oe({
     ref: t,
     props: i,
     valueManager: R,
     valueType: "date",
-    validator: N,
+    validator: F,
     steps: null
   });
-  return f();
+  return d();
 });
-process.env.NODE_ENV !== "production" && (w.displayName = "MobileDatePicker");
-w.propTypes = {
+process.env.NODE_ENV !== "production" && (j.displayName = "MobileDatePicker");
+j.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
@@ -902,7 +898,7 @@ w.propTypes = {
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: h,
+  inputRef: y,
   /**
    * The label content.
    */
@@ -942,7 +938,10 @@ w.propTypes = {
    * @template TValue The value type. It will be the same type as `value` or `null`. It can be in `[start, end]` format in case of range value.
    * @template TError The validation error type. It will be either `string` or a `null`. It can be in `[start, end]` format in case of range value.
    * @param {TValue} value The value that was just accepted.
-   * @param {FieldChangeHandlerContext<TError>} context The context containing the validation result of the current value.
+   * @param {FieldChangeHandlerContext<TError>} context Context about this acceptance:
+   * - `validationError`: validation result of the current value
+   * - `source`: source of the acceptance. One of 'field' | 'view' | 'unknown'
+   * - `shortcut` (optional): the shortcut metadata if the value was accepted via a shortcut selection
    */
   onAccept: e.func,
   /**
@@ -950,7 +949,10 @@ w.propTypes = {
    * @template TValue The value type. It will be the same type as `value` or `null`. It can be in `[start, end]` format in case of range value.
    * @template TError The validation error type. It will be either `string` or a `null`. It can be in `[start, end]` format in case of range value.
    * @param {TValue} value The new value.
-   * @param {FieldChangeHandlerContext<TError>} context The context containing the validation result of the current value.
+   * @param {FieldChangeHandlerContext<TError>} context Context about this change:
+   * - `validationError`: validation result of the current value
+   * - `source`: source of the change. One of 'field' | 'view' | 'unknown'
+   * - `shortcut` (optional): the shortcut metadata if the change was triggered by a shortcut selection
    */
   onChange: e.func,
   /**
@@ -1132,20 +1134,20 @@ w.propTypes = {
    */
   yearsPerRow: e.oneOf([3, 4])
 };
-const he = ["desktopModeMediaQuery"], x = /* @__PURE__ */ b.forwardRef(function(s, t) {
-  const l = y({
-    props: s,
+const ye = ["desktopModeMediaQuery"], x = /* @__PURE__ */ f.forwardRef(function(a, t) {
+  const n = m({
+    props: a,
     name: "MuiDatePicker"
   }), {
-    desktopModeMediaQuery: o = re
-  } = l, a = O(l, he);
-  return ne(o, {
+    desktopModeMediaQuery: o = te
+  } = n, r = P(n, ye);
+  return se(o, {
     defaultMatches: !0
-  }) ? /* @__PURE__ */ p.jsx(j, r({
+  }) ? /* @__PURE__ */ c.jsx(k, s({
     ref: t
-  }, a)) : /* @__PURE__ */ p.jsx(w, r({
+  }, r)) : /* @__PURE__ */ c.jsx(j, s({
     ref: t
-  }, a));
+  }, r));
 });
 process.env.NODE_ENV !== "production" && (x.displayName = "DatePicker");
 process.env.NODE_ENV !== "production" && (x.propTypes = {
@@ -1238,7 +1240,7 @@ process.env.NODE_ENV !== "production" && (x.propTypes = {
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: h,
+  inputRef: y,
   /**
    * The label content.
    */
@@ -1278,7 +1280,10 @@ process.env.NODE_ENV !== "production" && (x.propTypes = {
    * @template TValue The value type. It will be the same type as `value` or `null`. It can be in `[start, end]` format in case of range value.
    * @template TError The validation error type. It will be either `string` or a `null`. It can be in `[start, end]` format in case of range value.
    * @param {TValue} value The value that was just accepted.
-   * @param {FieldChangeHandlerContext<TError>} context The context containing the validation result of the current value.
+   * @param {FieldChangeHandlerContext<TError>} context Context about this acceptance:
+   * - `validationError`: validation result of the current value
+   * - `source`: source of the acceptance. One of 'field' | 'view' | 'unknown'
+   * - `shortcut` (optional): the shortcut metadata if the value was accepted via a shortcut selection
    */
   onAccept: e.func,
   /**
@@ -1286,7 +1291,10 @@ process.env.NODE_ENV !== "production" && (x.propTypes = {
    * @template TValue The value type. It will be the same type as `value` or `null`. It can be in `[start, end]` format in case of range value.
    * @template TError The validation error type. It will be either `string` or a `null`. It can be in `[start, end]` format in case of range value.
    * @param {TValue} value The new value.
-   * @param {FieldChangeHandlerContext<TError>} context The context containing the validation result of the current value.
+   * @param {FieldChangeHandlerContext<TError>} context Context about this change:
+   * - `validationError`: validation result of the current value
+   * - `source`: source of the change. One of 'field' | 'view' | 'unknown'
+   * - `shortcut` (optional): the shortcut metadata if the change was triggered by a shortcut selection
    */
   onChange: e.func,
   /**
@@ -1468,23 +1476,23 @@ process.env.NODE_ENV !== "production" && (x.propTypes = {
    */
   yearsPerRow: e.oneOf([3, 4])
 });
-const P = ({
-  label: n,
-  required: s = !1,
+const he = ({
+  label: l,
+  required: a = !1,
   error: t,
-  htmlFor: l,
+  htmlFor: n,
   hint: o,
-  ...a
+  ...r
 }) => {
-  const i = W();
-  return /* @__PURE__ */ p.jsx(L, { label: n, required: s, error: t, htmlFor: l, hint: o, children: /* @__PURE__ */ p.jsx(
+  const i = I();
+  return /* @__PURE__ */ c.jsx(L, { label: l, required: a, error: t, htmlFor: n, hint: o, children: /* @__PURE__ */ c.jsx(
     x,
     {
       enableAccessibleFieldDOMStructure: !1,
       slots: {
         textField: z,
         // Use Material-UI TextField as input
-        ...a.slots || {}
+        ...r.slots || {}
         // Allow user to override slots if needed
       },
       slotProps: {
@@ -1499,23 +1507,15 @@ const P = ({
             }
           }
         },
-        ...a.slotProps || {}
+        ...r.slotProps || {}
         // Allow user to override slotProps if needed
       },
-      ...a
+      ...r
     }
   ) });
 };
-P.displayName = "SDatePicker";
-try {
-  P.displayName = "SDatePicker", P.__docgenInfo = { description: "A standardized date picker component that wraps Material-UI X DatePicker with consistent form labeling.", displayName: "SDatePicker", props: { label: { defaultValue: null, description: "Field label displayed above the date picker", name: "label", required: !1, type: { name: "ReactNode" } }, required: { defaultValue: { value: "false" }, description: "Whether the field is required (shows asterisk in label)", name: "required", required: !1, type: { name: "boolean" } }, error: { defaultValue: null, description: "Error message to display below the field", name: "error", required: !1, type: { name: "string" } }, htmlFor: { defaultValue: null, description: "HTML id attribute for the input element", name: "htmlFor", required: !1, type: { name: "string" } }, hint: { defaultValue: null, description: "Help text shown in tooltip next to the label", name: "hint", required: !1, type: { name: "string" } } } };
-} catch {
-}
-try {
-  sdatepicker.displayName = "sdatepicker", sdatepicker.__docgenInfo = { description: "A standardized date picker component that wraps Material-UI X DatePicker with consistent form labeling.", displayName: "sdatepicker", props: { label: { defaultValue: null, description: "Field label displayed above the date picker", name: "label", required: !1, type: { name: "ReactNode" } }, required: { defaultValue: { value: "false" }, description: "Whether the field is required (shows asterisk in label)", name: "required", required: !1, type: { name: "boolean" } }, error: { defaultValue: null, description: "Error message to display below the field", name: "error", required: !1, type: { name: "string" } }, htmlFor: { defaultValue: null, description: "HTML id attribute for the input element", name: "htmlFor", required: !1, type: { name: "string" } }, hint: { defaultValue: null, description: "Help text shown in tooltip next to the label", name: "hint", required: !1, type: { name: "string" } } } };
-} catch {
-}
+he.displayName = "SDatePicker";
 export {
-  P as SDatePicker,
-  P as default
+  he as SDatePicker,
+  he as default
 };