@clearstory/drywall-react 2.3.0 → 3.1.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@clearstory/drywall-react",
-  "version": "2.3.0",
+  "version": "3.1.0",
   "license": "UNLICENSED",
   "description": "a Clearstory software design system",
   "type": "module",

package/dist/SelectControl-DGAnDeHt.js

@@ -1,324 +0,0 @@
-import { jsxs as h, jsx as e } from "react/jsx-runtime";
-import { forwardRef as x } from "react";
-import { useId as u } from "./hooks/useId.js";
-import "./icons/ClearstoryIcon.js";
-import "./icons/InternalOnlyIcon.js";
-import "./icons/MoneyBucketIcon.js";
-import "./icons/MoreCircleOutlineIcon.js";
-import { I as $ } from "./Info-DtWHV9kz.js";
-import "./theme/index.js";
-import { A as M } from "./Autocomplete-BnNe-Ocu.js";
-import { D as O } from "./Datepicker-DYDSgJ7Y.js";
-import { Input as Q } from "./components/Input/Input.js";
-import { Select as U } from "./components/Select/Select.js";
-import "./theme/internal.js";
-import "./components/ToastContainer/ToastContainer.js";
-import "./components/ToastContainer/ToastLabelContext.js";
-import "./index-SzwnPTHF.js";
-import { F } from "./FormControl-CuHXXTcL.js";
-import { B as k } from "./Box-CKDKtm7F.js";
-import { F as w } from "./FormLabel-CgNd8XLN.js";
-import { T as C } from "./Tooltip-BJmTHiZe.js";
-import { F as I } from "./FormHelperText-wucHHOG8.js";
-import { s as V } from "./styled-fvngWWLy.js";
-const W = x(
-  ({
-    disabled: o,
-    error: n,
-    helperText: a,
-    id: p,
-    label: s,
-    required: c,
-    slotProps: r,
-    sublabel: l,
-    tooltip: m,
-    ...i
-  }, b) => {
-    const f = u("autocomplete"), d = p || f, t = a ? `${d}-helper` : void 0;
-    return /* @__PURE__ */ h(F, { disabled: o, error: n, ...r?.root, children: [
-      /* @__PURE__ */ h(
-        k,
-        {
-          sx: {
-            alignItems: "center",
-            display: "flex",
-            gap: "0.25rem"
-          },
-          children: [
-            /* @__PURE__ */ e(
-              w,
-              {
-                htmlFor: d,
-                required: c,
-                ...r?.label,
-                children: s
-              }
-            ),
-            m && /* @__PURE__ */ e(C, { title: m, arrow: !0, children: /* @__PURE__ */ e(
-              $,
-              {
-                sx: ({ vars: y }) => ({
-                  color: y?.palette.text.secondary,
-                  marginBlockEnd: "3px",
-                  height: "1rem",
-                  width: "1rem"
-                })
-              }
-            ) })
-          ]
-        }
-      ),
-      l && /* @__PURE__ */ e(B, { ...r?.sublabel, children: l }),
-      /* @__PURE__ */ e(
-        M,
-        {
-          disabled: o,
-          ref: b,
-          error: n,
-          id: d,
-          "aria-describedby": t ? i["aria-describedby"] ? `${i["aria-describedby"]} ${t}` : t : i["aria-describedby"],
-          ...i
-        }
-      ),
-      a && /* @__PURE__ */ e(I, { id: t, ...r?.helperText, children: a })
-    ] });
-  }
-);
-W.displayName = "AutocompleteControl";
-const X = x(
-  ({
-    disabled: o = !1,
-    error: n = !1,
-    helperText: a,
-    label: p,
-    required: s = !1,
-    slotProps: c = {},
-    sublabel: r,
-    tooltip: l,
-    name: m,
-    value: i,
-    onChange: b,
-    onAccept: f,
-    onClose: d,
-    onOpen: t,
-    format: y,
-    views: S,
-    openTo: A,
-    disableFuture: E,
-    disablePast: v,
-    minDate: N,
-    maxDate: j,
-    closeOnSelect: H,
-    readOnly: L,
-    clearable: R,
-    reduceAnimations: q,
-    ...z
-  }, G) => {
-    const J = u("datepicker"), g = m || J, D = a ? `${g}-helper` : void 0;
-    return /* @__PURE__ */ h(F, { disabled: o, error: n, ...c.root, children: [
-      /* @__PURE__ */ h(
-        k,
-        {
-          sx: {
-            alignItems: "center",
-            display: "flex",
-            gap: "0.25rem"
-          },
-          children: [
-            /* @__PURE__ */ e(w, { htmlFor: g, required: s, ...c.label, children: p }),
-            l && /* @__PURE__ */ e(C, { title: l, arrow: !0, children: /* @__PURE__ */ e(
-              $,
-              {
-                sx: ({ vars: K }) => ({
-                  color: K?.palette.text.secondary,
-                  marginBlockEnd: "3px",
-                  height: "1rem",
-                  width: "1rem"
-                })
-              }
-            ) })
-          ]
-        }
-      ),
-      r && /* @__PURE__ */ e(B, { ...c.sublabel, children: r }),
-      /* @__PURE__ */ e(
-        O,
-        {
-          ref: G,
-          disabled: o,
-          name: g,
-          value: i,
-          onChange: b,
-          onAccept: f,
-          onClose: d,
-          onOpen: t,
-          format: y,
-          views: S,
-          openTo: A,
-          disableFuture: E,
-          disablePast: v,
-          minDate: N,
-          maxDate: j,
-          closeOnSelect: H,
-          readOnly: L,
-          clearable: R,
-          reduceAnimations: q,
-          error: n,
-          slotProps: {
-            field: {
-              id: g,
-              "aria-describedby": D
-            },
-            popper: {
-              "aria-label": `Date picker${typeof p == "string" && ` for ${p}`}`
-            }
-          },
-          ...z
-        }
-      ),
-      a && /* @__PURE__ */ e(I, { id: D, ...c.helperText, children: a })
-    ] });
-  }
-);
-X.displayName = "DatepickerControl";
-const B = V(I)(() => ({
-  marginBlockStart: 0,
-  marginBlockEnd: "3px",
-  marginInline: 0
-})), Y = x(
-  ({
-    disabled: o,
-    error: n,
-    helperText: a,
-    id: p,
-    label: s,
-    required: c,
-    slotProps: r,
-    sublabel: l,
-    tooltip: m,
-    ...i
-  }, b) => {
-    const f = u("input"), d = p || f, t = a ? `${d}-helper` : void 0;
-    return /* @__PURE__ */ h(F, { disabled: o, error: n, ...r?.root, children: [
-      /* @__PURE__ */ h(
-        k,
-        {
-          sx: {
-            alignItems: "center",
-            display: "flex",
-            gap: "0.25rem"
-          },
-          children: [
-            /* @__PURE__ */ e(
-              w,
-              {
-                htmlFor: d,
-                required: c,
-                ...r?.label,
-                children: s
-              }
-            ),
-            m && /* @__PURE__ */ e(C, { title: m, arrow: !0, children: /* @__PURE__ */ e(
-              $,
-              {
-                sx: ({ vars: y }) => ({
-                  color: y?.palette.text.secondary,
-                  marginBlockEnd: "3px",
-                  height: "1rem",
-                  width: "1rem"
-                })
-              }
-            ) })
-          ]
-        }
-      ),
-      l && /* @__PURE__ */ e(B, { ...r?.sublabel, children: l }),
-      /* @__PURE__ */ e(
-        Q,
-        {
-          ref: b,
-          disabled: o,
-          error: n,
-          id: d,
-          "aria-describedby": t ? i["aria-describedby"] ? `${i["aria-describedby"]} ${t}` : t : i["aria-describedby"],
-          ...i
-        }
-      ),
-      a && /* @__PURE__ */ e(I, { id: t, ...r?.helperText, children: a })
-    ] });
-  }
-);
-Y.displayName = "InputControl";
-const Z = x(
-  ({
-    disabled: o,
-    error: n,
-    helperText: a,
-    id: p,
-    label: s,
-    required: c,
-    slotProps: r,
-    sublabel: l,
-    tooltip: m,
-    ...i
-  }, b) => {
-    const f = u("select"), d = p || f, t = a ? `${d}-helper` : void 0;
-    return /* @__PURE__ */ h(F, { disabled: o, error: n, ...r?.root, children: [
-      /* @__PURE__ */ h(
-        k,
-        {
-          sx: {
-            alignItems: "center",
-            display: "flex",
-            gap: "0.25rem"
-          },
-          children: [
-            /* @__PURE__ */ e(
-              w,
-              {
-                id: `${d}-label`,
-                htmlFor: d,
-                required: c,
-                ...r?.label,
-                children: s
-              }
-            ),
-            m && /* @__PURE__ */ e(C, { title: m, arrow: !0, children: /* @__PURE__ */ e(
-              $,
-              {
-                sx: ({ vars: y }) => ({
-                  color: y?.palette.text.secondary,
-                  marginBlockEnd: "3px",
-                  height: "1rem",
-                  width: "1rem"
-                })
-              }
-            ) })
-          ]
-        }
-      ),
-      l && /* @__PURE__ */ e(B, { ...r?.sublabel, children: l }),
-      /* @__PURE__ */ e(
-        U,
-        {
-          ref: b,
-          disabled: o,
-          error: n,
-          labelId: `${d}-label`,
-          id: d,
-          "aria-describedby": t ? i["aria-describedby"] ? `${i["aria-describedby"]} ${t}` : t : i["aria-describedby"],
-          ...i
-        }
-      ),
-      a && /* @__PURE__ */ e(I, { id: t, ...r?.helperText, children: a })
-    ] });
-  }
-);
-Z.displayName = "SelectControl";
-export {
-  W as A,
-  X as D,
-  B as F,
-  Y as I,
-  Z as S
-};