@smwb/ui-solid 0.1.0

package/dist/headless/components/inputs/datePicker/dataPickerInput.js

@@ -0,0 +1,80 @@
+import { createComponent as n, mergeProps as i } from "solid-js/web";
+import { splitProps as u, Show as a } from "solid-js";
+import { DatePickerIconButton as c } from "./datePickerIconButton.js";
+import { createDateInput as g } from "./useDateInput.js";
+import { mergeRefs as p } from "../../../primitives/mergeRefs.js";
+import { TextField as m } from "../textField/textField.js";
+import { Icon as f } from "../../base/icon/icon.js";
+function s(t) {
+  t.stopPropagation();
+}
+function P(t) {
+  const [e, l] = u(t, ["value", "onChange", "onBlur", "onToggle", "disabled", "disableCalendar", "calendarIcon", "format", "ref"]), r = g({
+    value: e.value,
+    onChange: e.onChange,
+    onBlur: e.onBlur,
+    format: e.format
+  });
+  return n(m, i({
+    ref(d) {
+      var o = p(e.ref, r.ref);
+      typeof o == "function" && o(d);
+    },
+    get value() {
+      return r.value();
+    },
+    get onChange() {
+      return r.onInput;
+    },
+    get onBlur() {
+      return r.onBlur;
+    },
+    get placeholder() {
+      return r.placeholder();
+    },
+    type: "tel",
+    get endAdornment() {
+      return n(a, {
+        get when() {
+          return !e.disableCalendar;
+        },
+        get children() {
+          return n(c, {
+            edge: "end",
+            onClick: () => e.onToggle(),
+            onMouseDown: s,
+            get disabled() {
+              return !!e.disabled;
+            },
+            "data-testid": "date-picker-icon-button",
+            get children() {
+              return n(a, {
+                get when() {
+                  return e.calendarIcon;
+                },
+                get fallback() {
+                  return n(f, {
+                    name: "calendar_today",
+                    fill: 1,
+                    weight: 500,
+                    size: 24
+                  });
+                },
+                get children() {
+                  return e.calendarIcon;
+                }
+              });
+            }
+          });
+        }
+      });
+    },
+    get disabled() {
+      return !!e.disabled;
+    }
+  }, l));
+}
+export {
+  P as DataPickerInput
+};
+//# sourceMappingURL=dataPickerInput.js.map

package/dist/headless/components/inputs/datePicker/dataPickerInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dataPickerInput.js","sources":["../../../../../src/components/inputs/datePicker/dataPickerInput.tsx"],"sourcesContent":["import { type JSX, Show, splitProps } from \"solid-js\";\nimport { TextField } from \"../textField\";\nimport { DatePickerIconButton } from \"./datePickerIconButton\";\nimport { createDateInput } from \"./useDateInput\";\nimport { Icon } from \"../../base/icon\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\nimport type { DatePickerProps } from \"./datePicker\";\n\nexport interface DataPickerInputProps extends Omit<DatePickerProps, \"placement\" | \"onToggle\"> {\n  onToggle: () => void;\n  ref?: Ref<HTMLInputElement>;\n}\n\nfunction stopPropagation(event: Event): void {\n  event.stopPropagation();\n}\n\nexport function DataPickerInput(props: DataPickerInputProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\n    \"value\",\n    \"onChange\",\n    \"onBlur\",\n    \"onToggle\",\n    \"disabled\",\n    \"disableCalendar\",\n    \"calendarIcon\",\n    \"format\",\n    \"ref\",\n  ]);\n\n  const masked = createDateInput({\n    value: local.value,\n    onChange: local.onChange,\n    onBlur: local.onBlur,\n    format: local.format,\n  });\n\n  return (\n    <TextField\n      ref={mergeRefs(local.ref, masked.ref)}\n      value={masked.value()}\n      onChange={masked.onInput}\n      onBlur={masked.onBlur}\n      placeholder={masked.placeholder()}\n      type=\"tel\"\n      endAdornment={\n        <Show when={!local.disableCalendar}>\n          <DatePickerIconButton\n            edge=\"end\"\n            onClick={() => local.onToggle()}\n            onMouseDown={stopPropagation}\n            disabled={Boolean(local.disabled)}\n            data-testid=\"date-picker-icon-button\"\n          >\n            <Show when={local.calendarIcon} fallback={<Icon name=\"calendar_today\" fill={1} weight={500} size={24} />}>\n              {local.calendarIcon}\n            </Show>\n          </DatePickerIconButton>\n        </Show>\n      }\n      disabled={Boolean(local.disabled)}\n      {...rest}\n    />\n  );\n}\n\nexport default DataPickerInput;\n"],"names":["stopPropagation","event","DataPickerInput","props","local","rest","splitProps","masked","createDateInput","value","onChange","onBlur","format","_$createComponent","TextField","_$mergeProps","ref","r$","_ref$","mergeRefs","onInput","placeholder","type","endAdornment","Show","when","disableCalendar","children","DatePickerIconButton","edge","onClick","onToggle","onMouseDown","disabled","Boolean","calendarIcon","fallback","Icon","name","fill","weight","size"],"mappings":";;;;;;;AAaA,SAASA,EAAgBC,GAAoB;AAC3CA,EAAAA,EAAMD,gBAAAA;AACR;AAEO,SAASE,EAAgBC,GAA0C;AACxE,QAAM,CAACC,GAAOC,CAAI,IAAIC,EAAWH,GAAO,CACtC,SACA,YACA,UACA,YACA,YACA,mBACA,gBACA,UACA,KAAK,CACN,GAEKI,IAASC,EAAgB;AAAA,IAC7BC,OAAOL,EAAMK;AAAAA,IACbC,UAAUN,EAAMM;AAAAA,IAChBC,QAAQP,EAAMO;AAAAA,IACdC,QAAQR,EAAMQ;AAAAA,EAAAA,CACf;AAED,SAAAC,EACGC,GAASC,EAAA;AAAA,IAAAC,IAAAC,GAAA;AAAA,UAAAC,IACHC,EAAUf,EAAMY,KAAKT,EAAOS,GAAG;AAAC,aAAAE,KAAA,cAAAA,EAAAD,CAAA;AAAA,IAAA;AAAA,IAAA,IACrCR,QAAK;AAAA,aAAEF,EAAOE,MAAAA;AAAAA,IAAO;AAAA,IAAA,IACrBC,WAAQ;AAAA,aAAEH,EAAOa;AAAAA,IAAO;AAAA,IAAA,IACxBT,SAAM;AAAA,aAAEJ,EAAOI;AAAAA,IAAM;AAAA,IAAA,IACrBU,cAAW;AAAA,aAAEd,EAAOc,YAAAA;AAAAA,IAAa;AAAA,IACjCC,MAAI;AAAA,IAAA,IACJC,eAAY;AAAA,aAAAV,EACTW,GAAI;AAAA,QAAA,IAACC,OAAI;AAAA,iBAAE,CAACrB,EAAMsB;AAAAA,QAAe;AAAA,QAAA,IAAAC,WAAA;AAAA,iBAAAd,EAC/Be,GAAoB;AAAA,YACnBC,MAAI;AAAA,YACJC,SAASA,MAAM1B,EAAM2B,SAAAA;AAAAA,YACrBC,aAAahC;AAAAA,YAAe,IAC5BiC,WAAQ;AAAA,qBAAEC,EAAQ9B,EAAM6B;AAAAA,YAAS;AAAA,YAAA,eAAA;AAAA,YAAA,IAAAN,WAAA;AAAA,qBAAAd,EAGhCW,GAAI;AAAA,gBAAA,IAACC,OAAI;AAAA,yBAAErB,EAAM+B;AAAAA,gBAAY;AAAA,gBAAA,IAAEC,WAAQ;AAAA,yBAAAvB,EAAGwB,GAAI;AAAA,oBAACC,MAAI;AAAA,oBAAkBC,MAAM;AAAA,oBAAGC,QAAQ;AAAA,oBAAKC,MAAM;AAAA,kBAAA,CAAE;AAAA,gBAAA;AAAA,gBAAA,IAAAd,WAAA;AAAA,yBACjGvB,EAAM+B;AAAAA,gBAAY;AAAA,cAAA,CAAA;AAAA,YAAA;AAAA,UAAA,CAAA;AAAA,QAAA;AAAA,MAAA,CAAA;AAAA,IAAA;AAAA,IAAA,IAK3BF,WAAQ;AAAA,aAAEC,EAAQ9B,EAAM6B;AAAAA,IAAS;AAAA,EAAA,GAC7B5B,CAAI,CAAA;AAGd;"}

package/dist/headless/components/inputs/datePicker/dateFormat.js

@@ -0,0 +1,58 @@
+const c = /yyyy|MM|dd/g;
+function y(t) {
+  const e = [];
+  let n;
+  for (c.lastIndex = 0; (n = c.exec(t)) !== null; )
+    e.push(n[0]);
+  return e;
+}
+function s(t) {
+  return t.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+}
+function f(t) {
+  let e = "^", n = 0, r;
+  for (c.lastIndex = 0; (r = c.exec(t)) !== null; )
+    e += s(t.slice(n, r.index)), e += r[0] === "yyyy" ? "(\\d{4})" : "(\\d{2})", n = c.lastIndex;
+  return e += s(t.slice(n)), e += "$", new RegExp(e);
+}
+function g(t, e, n) {
+  if (e < 1 || e > 12 || n < 1)
+    return !1;
+  const r = new Date(t, e - 1, n);
+  return r.getFullYear() === t && r.getMonth() === e - 1 && r.getDate() === n;
+}
+function p(t, e) {
+  const n = t.getFullYear(), r = t.getMonth() + 1, a = t.getDate();
+  return e.replace(c, (i) => i === "yyyy" ? String(n).padStart(4, "0") : i === "MM" ? String(r).padStart(2, "0") : String(a).padStart(2, "0"));
+}
+function x(t, e) {
+  const n = y(e);
+  if (n.length !== 3 || !n.includes("yyyy") || !n.includes("MM") || !n.includes("dd"))
+    return;
+  const r = f(e).exec(t);
+  if (!r)
+    return;
+  let a, i, u;
+  if (n.forEach((o, d) => {
+    const l = Number(r[d + 1]);
+    if (o === "yyyy") {
+      a = l;
+      return;
+    }
+    if (o === "MM") {
+      i = l;
+      return;
+    }
+    u = l;
+  }), !(a === void 0 || i === void 0 || u === void 0) && g(a, i, u))
+    return new Date(a, i - 1, u);
+}
+function M(t, e) {
+  return x(t, e) !== void 0;
+}
+export {
+  p as formatDateByPattern,
+  M as isDatePatternMatch,
+  x as parseDateByPattern
+};
+//# sourceMappingURL=dateFormat.js.map

package/dist/headless/components/inputs/datePicker/dateFormat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dateFormat.js","sources":["../../../../../src/components/inputs/datePicker/dateFormat.ts"],"sourcesContent":["const DATE_TOKEN_REGEXP = /yyyy|MM|dd/g;\n\ntype DateToken = \"yyyy\" | \"MM\" | \"dd\";\n\nfunction extractTokens(pattern: string): DateToken[] {\n  const tokens: DateToken[] = [];\n  let match: RegExpExecArray | null;\n\n  DATE_TOKEN_REGEXP.lastIndex = 0;\n  while ((match = DATE_TOKEN_REGEXP.exec(pattern)) !== null) {\n    tokens.push(match[0] as DateToken);\n  }\n\n  return tokens;\n}\n\nfunction escapeRegExp(value: string): string {\n  return value.replace(/[.*+?^${}()|[\\]\\\\]/g, \"\\\\$&\");\n}\n\nfunction patternToRegExp(pattern: string): RegExp {\n  let regex = \"^\";\n  let lastIndex = 0;\n  let match: RegExpExecArray | null;\n\n  DATE_TOKEN_REGEXP.lastIndex = 0;\n  while ((match = DATE_TOKEN_REGEXP.exec(pattern)) !== null) {\n    regex += escapeRegExp(pattern.slice(lastIndex, match.index));\n    regex += match[0] === \"yyyy\" ? \"(\\\\d{4})\" : \"(\\\\d{2})\";\n    lastIndex = DATE_TOKEN_REGEXP.lastIndex;\n  }\n\n  regex += escapeRegExp(pattern.slice(lastIndex));\n  regex += \"$\";\n\n  return new RegExp(regex);\n}\n\nfunction isValidCalendarDate(year: number, month: number, day: number): boolean {\n  if (month < 1 || month > 12 || day < 1) {\n    return false;\n  }\n\n  const date = new Date(year, month - 1, day);\n\n  return date.getFullYear() === year && date.getMonth() === month - 1 && date.getDate() === day;\n}\n\nexport function formatDateByPattern(date: Date, pattern: string): string {\n  const year = date.getFullYear();\n  const month = date.getMonth() + 1;\n  const day = date.getDate();\n\n  return pattern.replace(DATE_TOKEN_REGEXP, (token) => {\n    if (token === \"yyyy\") {\n      return String(year).padStart(4, \"0\");\n    }\n\n    if (token === \"MM\") {\n      return String(month).padStart(2, \"0\");\n    }\n\n    return String(day).padStart(2, \"0\");\n  });\n}\n\nexport function parseDateByPattern(value: string, pattern: string): Date | undefined {\n  const tokens = extractTokens(pattern);\n\n  if (tokens.length !== 3 || !tokens.includes(\"yyyy\") || !tokens.includes(\"MM\") || !tokens.includes(\"dd\")) {\n    return undefined;\n  }\n\n  const match = patternToRegExp(pattern).exec(value);\n\n  if (!match) {\n    return undefined;\n  }\n\n  let year: number | undefined;\n  let month: number | undefined;\n  let day: number | undefined;\n\n  tokens.forEach((token, index) => {\n    const part = Number(match[index + 1]);\n\n    if (token === \"yyyy\") {\n      year = part;\n      return;\n    }\n\n    if (token === \"MM\") {\n      month = part;\n      return;\n    }\n\n    day = part;\n  });\n\n  if (year === undefined || month === undefined || day === undefined) {\n    return undefined;\n  }\n\n  if (!isValidCalendarDate(year, month, day)) {\n    return undefined;\n  }\n\n  return new Date(year, month - 1, day);\n}\n\nexport function isDatePatternMatch(value: string, pattern: string): boolean {\n  return parseDateByPattern(value, pattern) !== undefined;\n}\n"],"names":["DATE_TOKEN_REGEXP","extractTokens","pattern","tokens","match","escapeRegExp","value","patternToRegExp","regex","lastIndex","isValidCalendarDate","year","month","day","date","formatDateByPattern","token","parseDateByPattern","index","part","isDatePatternMatch"],"mappings":"AAAA,MAAMA,IAAoB;AAI1B,SAASC,EAAcC,GAA8B;AACnD,QAAMC,IAAsB,CAAA;AAC5B,MAAIC;AAGJ,OADAJ,EAAkB,YAAY,IACtBI,IAAQJ,EAAkB,KAAKE,CAAO,OAAO;AACnD,IAAAC,EAAO,KAAKC,EAAM,CAAC,CAAc;AAGnC,SAAOD;AACT;AAEA,SAASE,EAAaC,GAAuB;AAC3C,SAAOA,EAAM,QAAQ,uBAAuB,MAAM;AACpD;AAEA,SAASC,EAAgBL,GAAyB;AAChD,MAAIM,IAAQ,KACRC,IAAY,GACZL;AAGJ,OADAJ,EAAkB,YAAY,IACtBI,IAAQJ,EAAkB,KAAKE,CAAO,OAAO;AACnD,IAAAM,KAASH,EAAaH,EAAQ,MAAMO,GAAWL,EAAM,KAAK,CAAC,GAC3DI,KAASJ,EAAM,CAAC,MAAM,SAAS,aAAa,YAC5CK,IAAYT,EAAkB;AAGhC,SAAAQ,KAASH,EAAaH,EAAQ,MAAMO,CAAS,CAAC,GAC9CD,KAAS,KAEF,IAAI,OAAOA,CAAK;AACzB;AAEA,SAASE,EAAoBC,GAAcC,GAAeC,GAAsB;AAC9E,MAAID,IAAQ,KAAKA,IAAQ,MAAMC,IAAM;AACnC,WAAO;AAGT,QAAMC,IAAO,IAAI,KAAKH,GAAMC,IAAQ,GAAGC,CAAG;AAE1C,SAAOC,EAAK,kBAAkBH,KAAQG,EAAK,eAAeF,IAAQ,KAAKE,EAAK,QAAA,MAAcD;AAC5F;AAEO,SAASE,EAAoBD,GAAYZ,GAAyB;AACvE,QAAMS,IAAOG,EAAK,YAAA,GACZF,IAAQE,EAAK,SAAA,IAAa,GAC1BD,IAAMC,EAAK,QAAA;AAEjB,SAAOZ,EAAQ,QAAQF,GAAmB,CAACgB,MACrCA,MAAU,SACL,OAAOL,CAAI,EAAE,SAAS,GAAG,GAAG,IAGjCK,MAAU,OACL,OAAOJ,CAAK,EAAE,SAAS,GAAG,GAAG,IAG/B,OAAOC,CAAG,EAAE,SAAS,GAAG,GAAG,CACnC;AACH;AAEO,SAASI,EAAmBX,GAAeJ,GAAmC;AACnF,QAAMC,IAASF,EAAcC,CAAO;AAEpC,MAAIC,EAAO,WAAW,KAAK,CAACA,EAAO,SAAS,MAAM,KAAK,CAACA,EAAO,SAAS,IAAI,KAAK,CAACA,EAAO,SAAS,IAAI;AACpG;AAGF,QAAMC,IAAQG,EAAgBL,CAAO,EAAE,KAAKI,CAAK;AAEjD,MAAI,CAACF;AACH;AAGF,MAAIO,GACAC,GACAC;AAkBJ,MAhBAV,EAAO,QAAQ,CAACa,GAAOE,MAAU;AAC/B,UAAMC,IAAO,OAAOf,EAAMc,IAAQ,CAAC,CAAC;AAEpC,QAAIF,MAAU,QAAQ;AACpB,MAAAL,IAAOQ;AACP;AAAA,IACF;AAEA,QAAIH,MAAU,MAAM;AAClB,MAAAJ,IAAQO;AACR;AAAA,IACF;AAEA,IAAAN,IAAMM;AAAA,EACR,CAAC,GAEG,EAAAR,MAAS,UAAaC,MAAU,UAAaC,MAAQ,WAIpDH,EAAoBC,GAAMC,GAAOC,CAAG;AAIzC,WAAO,IAAI,KAAKF,GAAMC,IAAQ,GAAGC,CAAG;AACtC;AAEO,SAASO,EAAmBd,GAAeJ,GAA0B;AAC1E,SAAOe,EAAmBX,GAAOJ,CAAO,MAAM;AAChD;"}

package/dist/headless/components/inputs/datePicker/datePicker.js

@@ -0,0 +1,257 @@
+import { createComponent as a, mergeProps as $, Portal as ne, use as oe, insert as x, effect as le, style as ie, setAttribute as se, template as ce } from "solid-js/web";
+import { splitProps as de, createSignal as c, createEffect as B, createMemo as ue, onCleanup as ge, Show as b } from "solid-js";
+import { buildFloatingMiddleware as me, resolvePlacement as fe } from "../../../utils/floating.js";
+import { createFloating as he } from "../../../primitives/createFloating.js";
+import { DataPickerHeader as be } from "./dataPickerHeader.js";
+import { DataPickerDays as pe } from "./dataPickerDays.js";
+import { DatePickerList as L } from "./datePickerList.js";
+import { DataPickerInput as ve } from "./dataPickerInput.js";
+import { DatePickerIconButton as we } from "./datePickerIconButton.js";
+import { OpenView as o } from "./openView.js";
+import { isValidDate as D, getMonths as De, getYears as Ce, getDisplayDate as Y, setYear as ye, setMonth as ke } from "./dateUtils.js";
+import { mergeRefs as E } from "../../../primitives/mergeRefs.js";
+import { TextField as Ve } from "../textField/textField.js";
+import { Icon as Oe } from "../../base/icon/icon.js";
+import { ClickAwayListener as Pe } from "../../clickAwayListener/clickAwayListener.js";
+var Fe = /* @__PURE__ */ ce('<div class=smwb-date-picker data-testid=date-picker role=dialog aria-modal=false style="transition:opacity 150ms ease-in-out"><div class=smwb-date-picker__inner><div class=smwb-date-picker__body>');
+const Me = 150;
+function je(C) {
+  const [e, y] = de(C, ["value", "onChange", "showDaysOutsideMonth", "disablePast", "disableFuture", "weekStartsOn", "placement", "disabled", "disableCalendar", "calendarAriaLabel", "minDate", "maxDate", "isDateDisabled", "locale", "format", "range", "rangeValue", "onRangeChange", "calendarIcon", "onBlur", "ref"]), p = () => e.value === void 0 ? void 0 : new Date(e.value), k = () => e.rangeValue !== void 0, [q, z] = c([void 0, void 0]), i = () => k() && e.rangeValue ? e.rangeValue : q(), V = p(), [s, u] = c(D(V) ? V : /* @__PURE__ */ new Date()), [g, m] = c(o.days), [H, f] = c(!1);
+  let O, P;
+  const F = () => fe(e.placement ?? "bottom-start"), v = he({
+    placement: () => F().placement,
+    middleware: () => me(F())
+  });
+  B(() => {
+    if (e.disabled) return;
+    const t = p();
+    u(D(t) ? t : /* @__PURE__ */ new Date());
+  });
+  const j = () => e.weekStartsOn ?? 1, G = (t) => {
+    u(t);
+  }, J = () => {
+    m(g() === o.months ? o.days : o.months);
+  }, K = () => {
+    m(g() === o.years ? o.days : o.years);
+  }, N = (t) => {
+    u(ke(s(), t)), m(o.days);
+  }, Q = (t) => {
+    u(ye(s(), t)), m(o.days);
+  }, U = (t, n) => {
+    if (e.range) {
+      if (!n) return;
+      const [l, h] = i();
+      let r;
+      !l || l && h ? r = [n, void 0] : r = D(l) && n.getTime() < l.getTime() ? [n, l] : [l, n], k() || z(r), e.onRangeChange?.(r), r[0] && r[1] && f(!1);
+      return;
+    }
+    e.onChange?.(t, n, C), f(!1);
+  }, M = () => {
+    e.disabled || f((t) => !t);
+  }, W = (t) => {
+    const n = t.target;
+    P?.contains(n) || O?.contains(n) || f(!1);
+  }, X = ue(() => De(e.locale)), Z = Ce((/* @__PURE__ */ new Date()).getFullYear(), 100), S = () => H() && !e.disabled && !e.disableCalendar, [A, I] = c(S()), [ee, _] = c(!1);
+  let w, d;
+  B(() => {
+    S() ? (d !== void 0 && clearTimeout(d), I(!0), w = requestAnimationFrame(() => _(!0))) : (_(!1), A() && (d = setTimeout(() => I(!1), Me)));
+  }), ge(() => {
+    w !== void 0 && cancelAnimationFrame(w), d !== void 0 && clearTimeout(d);
+  });
+  const te = () => {
+    switch (g()) {
+      case o.months:
+        return a(L, {
+          get value() {
+            return s().getMonth();
+          },
+          get items() {
+            return X();
+          },
+          onChange: N
+        });
+      case o.years:
+        return a(L, {
+          get value() {
+            return s().getFullYear();
+          },
+          items: Z,
+          onChange: Q
+        });
+      default:
+        return a(pe, {
+          get viewValue() {
+            return s();
+          },
+          get value() {
+            return p();
+          },
+          get showDaysOutsideMonth() {
+            return e.showDaysOutsideMonth;
+          },
+          onChange: U,
+          get disablePast() {
+            return e.disablePast;
+          },
+          get disableFuture() {
+            return e.disableFuture;
+          },
+          get weekStartsOn() {
+            return j();
+          },
+          get minDate() {
+            return e.minDate;
+          },
+          get maxDate() {
+            return e.maxDate;
+          },
+          get isDateDisabled() {
+            return e.isDateDisabled;
+          },
+          get locale() {
+            return e.locale;
+          },
+          get range() {
+            return e.range;
+          },
+          get rangeStart() {
+            return i()[0];
+          },
+          get rangeEnd() {
+            return i()[1];
+          }
+        });
+    }
+  }, re = () => e.range && (i()[0] || i()[1]) ? `${Y(i()[0], e.format)} – ${Y(i()[1], e.format)}` : "", R = E(e.ref, v.setReference, (t) => O = t);
+  return [a(b, {
+    get when() {
+      return e.range;
+    },
+    get fallback() {
+      return a(ve, $({
+        ref: R,
+        get value() {
+          return e.value;
+        },
+        get onChange() {
+          return e.onChange;
+        },
+        get onBlur() {
+          return e.onBlur;
+        },
+        onToggle: M,
+        get disabled() {
+          return e.disabled;
+        },
+        get disableCalendar() {
+          return e.disableCalendar;
+        },
+        get format() {
+          return e.format;
+        },
+        get calendarIcon() {
+          return e.calendarIcon;
+        }
+      }, y));
+    },
+    get children() {
+      return a(Ve, $({
+        ref: R,
+        get value() {
+          return re();
+        },
+        readOnly: !0,
+        onChange: () => {
+        },
+        get disabled() {
+          return !!e.disabled;
+        }
+      }, () => e.format ? {
+        placeholder: `${e.format} – ${e.format}`
+      } : {}, {
+        get endAdornment() {
+          return a(b, {
+            get when() {
+              return !e.disableCalendar;
+            },
+            get children() {
+              return a(we, {
+                edge: "end",
+                onClick: M,
+                get disabled() {
+                  return !!e.disabled;
+                },
+                "data-testid": "date-picker-icon-button",
+                get children() {
+                  return a(b, {
+                    get when() {
+                      return e.calendarIcon;
+                    },
+                    get fallback() {
+                      return a(Oe, {
+                        name: "calendar_today",
+                        fill: 1,
+                        weight: 500,
+                        size: 24
+                      });
+                    },
+                    get children() {
+                      return e.calendarIcon;
+                    }
+                  });
+                }
+              });
+            }
+          });
+        }
+      }, y));
+    }
+  }), a(b, {
+    get when() {
+      return A();
+    },
+    get children() {
+      return a(ne, {
+        get mount() {
+          return document.body;
+        },
+        get children() {
+          return a(Pe, {
+            onClickAway: W,
+            get children() {
+              var t = Fe(), n = t.firstChild, l = n.firstChild, h = E(v.setFloating, (r) => P = r);
+              return typeof h == "function" && oe(h, t), x(n, a(be, {
+                get viewValue() {
+                  return s();
+                },
+                get locale() {
+                  return e.locale;
+                },
+                get openView() {
+                  return g();
+                },
+                onChange: G,
+                onMonthLabelClick: J,
+                onYearLabelClick: K
+              }), l), x(l, te), le((r) => {
+                var ae = {
+                  ...v.floatingStyles(),
+                  opacity: ee() ? 1 : 0
+                }, T = e.calendarAriaLabel ?? "Choose date";
+                return r.e = ie(t, ae, r.e), T !== r.t && se(t, "aria-label", r.t = T), r;
+              }, {
+                e: void 0,
+                t: void 0
+              }), t;
+            }
+          });
+        }
+      });
+    }
+  })];
+}
+export {
+  je as DatePicker,
+  o as OpenView
+};
+//# sourceMappingURL=datePicker.js.map

package/dist/headless/components/inputs/datePicker/datePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"datePicker.js","sources":["../../../../../src/components/inputs/datePicker/datePicker.tsx"],"sourcesContent":["import { type JSX, Show, createEffect, createMemo, createSignal, onCleanup, splitProps } from \"solid-js\";\nimport { Portal } from \"solid-js/web\";\nimport { buildFloatingMiddleware, type Placement, resolvePlacement } from \"../../../utils/floating\";\nimport { createFloating } from \"../../../primitives/createFloating\";\nimport { ClickAwayListener } from \"../../clickAwayListener\";\nimport { TextField, type TextFieldProps } from \"../textField\";\nimport { DataPickerHeader } from \"./dataPickerHeader\";\nimport { DataPickerDays } from \"./dataPickerDays\";\nimport { DatePickerList } from \"./datePickerList\";\nimport { DataPickerInput } from \"./dataPickerInput\";\nimport { DatePickerIconButton } from \"./datePickerIconButton\";\nimport { OpenView } from \"./openView\";\nimport {\n  type WeekStart,\n  getDisplayDate,\n  getMonths,\n  getYears,\n  isValidDate,\n  setMonth,\n  setYear,\n} from \"./dateUtils\";\nimport { Icon } from \"../../base/icon\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport { OpenView } from \"./openView\";\n\nexport interface DatePickerProps\n  extends Omit<TextFieldProps, \"onBlur\" | \"onChange\" | \"value\" | \"defaultValue\" | \"ref\" | \"onToggle\"> {\n  showDaysOutsideMonth?: boolean | undefined;\n  disablePast?: boolean | undefined;\n  disableFuture?: boolean | undefined;\n  /** Earliest selectable date (inclusive). */\n  minDate?: Date | undefined;\n  /** Latest selectable date (inclusive). */\n  maxDate?: Date | undefined;\n  /** Predicate to disable arbitrary days. */\n  isDateDisabled?: ((day: Date) => boolean) | undefined;\n  weekStartsOn?: WeekStart | undefined;\n  /** BCP-47 locale for calendar labels (day/month/year names). */\n  locale?: string | undefined;\n  /** Input format pattern with tokens dd, MM, yyyy, e.g. \"dd/MM/yyyy\". */\n  format?: string | undefined;\n  /** Enables date-range selection. */\n  range?: boolean | undefined;\n  /** Controlled range value `[start, end]`. */\n  rangeValue?: [Date | undefined, Date | undefined] | undefined;\n  /** Called when the range changes. */\n  onRangeChange?: ((range: [Date | undefined, Date | undefined]) => void) | undefined;\n  placement?: Placement | undefined;\n  disableCalendar?: boolean | undefined;\n  label?: string | undefined;\n  /** Accessible label for the calendar popup dialog. */\n  calendarAriaLabel?: string | undefined;\n  value?: Date | string | undefined;\n  calendarIcon?: JSX.Element;\n  onChange?: ((event?: Event, value?: Date, data?: DatePickerProps) => void) | undefined;\n  onBlur?: ((event?: FocusEvent, value?: Date, data?: DatePickerProps) => void) | undefined;\n  ref?: Ref<HTMLInputElement>;\n}\n\nconst FADE_MS = 150;\n\nexport function DatePicker(props: DatePickerProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\n    \"value\",\n    \"onChange\",\n    \"showDaysOutsideMonth\",\n    \"disablePast\",\n    \"disableFuture\",\n    \"weekStartsOn\",\n    \"placement\",\n    \"disabled\",\n    \"disableCalendar\",\n    \"calendarAriaLabel\",\n    \"minDate\",\n    \"maxDate\",\n    \"isDateDisabled\",\n    \"locale\",\n    \"format\",\n    \"range\",\n    \"rangeValue\",\n    \"onRangeChange\",\n    \"calendarIcon\",\n    \"onBlur\",\n    \"ref\",\n  ]);\n\n  const value = (): Date | undefined => (local.value === undefined ? undefined : new Date(local.value));\n  const isRangeControlled = (): boolean => local.rangeValue !== undefined;\n  const [rangeState, setRangeState] = createSignal<[Date | undefined, Date | undefined]>([undefined, undefined]);\n  const currentRange = (): [Date | undefined, Date | undefined] =>\n    isRangeControlled() && local.rangeValue ? local.rangeValue : rangeState();\n\n  const initialValue = value();\n  const [viewValue, setViewValue] = createSignal<Date>(isValidDate(initialValue) ? initialValue : new Date());\n  const [openView, setOpenView] = createSignal<OpenView>(OpenView.days);\n  const [isOpen, setIsOpen] = createSignal(false);\n\n  let anchorEl: HTMLElement | undefined;\n  let calendarEl: HTMLElement | undefined;\n\n  const resolved = (): ReturnType<typeof resolvePlacement> => resolvePlacement(local.placement ?? \"bottom-start\");\n  const floating = createFloating({\n    placement: () => resolved().placement,\n    middleware: () => buildFloatingMiddleware(resolved()),\n  });\n\n  createEffect(() => {\n    if (local.disabled) return;\n    const v = value();\n    setViewValue(isValidDate(v) ? v : new Date());\n  });\n\n  const weekStartsOn = (): WeekStart => local.weekStartsOn ?? 1;\n\n  const onViewValueChange = (v: Date): void => {\n    setViewValue(v);\n  };\n\n  const onMonthLabelClick = (): void => {\n    setOpenView(openView() === OpenView.months ? OpenView.days : OpenView.months);\n  };\n\n  const onYearLabelClick = (): void => {\n    setOpenView(openView() === OpenView.years ? OpenView.days : OpenView.years);\n  };\n\n  const onMonthChange = (month: number): void => {\n    setViewValue(setMonth(viewValue(), month));\n    setOpenView(OpenView.days);\n  };\n\n  const onYearChange = (year: number): void => {\n    setViewValue(setYear(viewValue(), year));\n    setOpenView(OpenView.days);\n  };\n\n  const onChange = (event?: Event, date?: Date): void => {\n    if (local.range) {\n      if (!date) return;\n      const [start, end] = currentRange();\n      let next: [Date | undefined, Date | undefined];\n      if (!start || (start && end)) {\n        next = [date, undefined];\n      } else {\n        next = isValidDate(start) && date.getTime() < start.getTime() ? [date, start] : [start, date];\n      }\n      if (!isRangeControlled()) setRangeState(next);\n      local.onRangeChange?.(next);\n      if (next[0] && next[1]) setIsOpen(false);\n      return;\n    }\n    local.onChange?.(event, date, props);\n    setIsOpen(false);\n  };\n\n  const onToggle = (): void => {\n    if (!local.disabled) setIsOpen((prev) => !prev);\n  };\n\n  const onClickAway = (event: MouseEvent | TouchEvent): void => {\n    const target = event.target as HTMLElement;\n    if (calendarEl?.contains(target) || anchorEl?.contains(target)) return;\n    setIsOpen(false);\n  };\n\n  const months = createMemo(() => getMonths(local.locale));\n  const years = getYears(new Date().getFullYear(), 100);\n\n  const shouldOpen = (): boolean => isOpen() && !local.disabled && !local.disableCalendar;\n  const [mounted, setMounted] = createSignal(shouldOpen());\n  const [shown, setShown] = createSignal(false);\n  let raf: number | undefined;\n  let timer: ReturnType<typeof setTimeout> | undefined;\n\n  createEffect(() => {\n    if (shouldOpen()) {\n      if (timer !== undefined) clearTimeout(timer);\n      setMounted(true);\n      raf = requestAnimationFrame(() => setShown(true));\n    } else {\n      setShown(false);\n      if (mounted()) timer = setTimeout(() => setMounted(false), FADE_MS);\n    }\n  });\n  onCleanup(() => {\n    if (raf !== undefined) cancelAnimationFrame(raf);\n    if (timer !== undefined) clearTimeout(timer);\n  });\n\n  const view = (): JSX.Element => {\n    switch (openView()) {\n      case OpenView.months:\n        return <DatePickerList value={viewValue().getMonth()} items={months()} onChange={onMonthChange} />;\n      case OpenView.years:\n        return <DatePickerList value={viewValue().getFullYear()} items={years} onChange={onYearChange} />;\n      default:\n        return (\n          <DataPickerDays\n            viewValue={viewValue()}\n            value={value()}\n            showDaysOutsideMonth={local.showDaysOutsideMonth}\n            onChange={onChange}\n            disablePast={local.disablePast}\n            disableFuture={local.disableFuture}\n            weekStartsOn={weekStartsOn()}\n            minDate={local.minDate}\n            maxDate={local.maxDate}\n            isDateDisabled={local.isDateDisabled}\n            locale={local.locale}\n            range={local.range}\n            rangeStart={currentRange()[0]}\n            rangeEnd={currentRange()[1]}\n          />\n        );\n    }\n  };\n\n  const rangeDisplay = (): string =>\n    local.range && (currentRange()[0] || currentRange()[1])\n      ? `${getDisplayDate(currentRange()[0], local.format)} – ${getDisplayDate(currentRange()[1], local.format)}`\n      : \"\";\n\n  const anchorRef = mergeRefs(local.ref, floating.setReference, (el) => (anchorEl = el as HTMLElement));\n\n  return (\n    <>\n      <Show\n        when={local.range}\n        fallback={\n          <DataPickerInput\n            ref={anchorRef}\n            value={local.value}\n            onChange={local.onChange}\n            onBlur={local.onBlur}\n            onToggle={onToggle}\n            disabled={local.disabled}\n            disableCalendar={local.disableCalendar}\n            format={local.format}\n            calendarIcon={local.calendarIcon}\n            {...rest}\n          />\n        }\n      >\n        <TextField\n          ref={anchorRef}\n          value={rangeDisplay()}\n          readOnly\n          onChange={() => undefined}\n          disabled={Boolean(local.disabled)}\n          {...(local.format ? { placeholder: `${local.format} – ${local.format}` } : {})}\n          endAdornment={\n            <Show when={!local.disableCalendar}>\n              <DatePickerIconButton\n                edge=\"end\"\n                onClick={onToggle}\n                disabled={Boolean(local.disabled)}\n                data-testid=\"date-picker-icon-button\"\n              >\n                <Show\n                  when={local.calendarIcon}\n                  fallback={<Icon name=\"calendar_today\" fill={1} weight={500} size={24} />}\n                >\n                  {local.calendarIcon}\n                </Show>\n              </DatePickerIconButton>\n            </Show>\n          }\n          {...rest}\n        />\n      </Show>\n      <Show when={mounted()}>\n        <Portal mount={document.body}>\n          <ClickAwayListener onClickAway={onClickAway}>\n            <div\n              ref={mergeRefs(floating.setFloating, (el) => (calendarEl = el as HTMLElement))}\n              class=\"smwb-date-picker\"\n              style={{\n                ...floating.floatingStyles(),\n                transition: `opacity ${FADE_MS}ms ease-in-out`,\n                opacity: shown() ? 1 : 0,\n              }}\n              data-testid=\"date-picker\"\n              role=\"dialog\"\n              aria-modal=\"false\"\n              aria-label={local.calendarAriaLabel ?? \"Choose date\"}\n            >\n              <div class=\"smwb-date-picker__inner\">\n                <DataPickerHeader\n                  viewValue={viewValue()}\n                  locale={local.locale}\n                  openView={openView()}\n                  onChange={onViewValueChange}\n                  onMonthLabelClick={onMonthLabelClick}\n                  onYearLabelClick={onYearLabelClick}\n                />\n                <div class=\"smwb-date-picker__body\">{view()}</div>\n              </div>\n            </div>\n          </ClickAwayListener>\n        </Portal>\n      </Show>\n    </>\n  );\n}\n\nexport default DatePicker;\n"],"names":["FADE_MS","DatePicker","props","local","rest","splitProps","value","undefined","Date","isRangeControlled","rangeValue","rangeState","setRangeState","createSignal","currentRange","initialValue","viewValue","setViewValue","isValidDate","openView","setOpenView","OpenView","days","isOpen","setIsOpen","anchorEl","calendarEl","resolved","resolvePlacement","placement","floating","createFloating","middleware","buildFloatingMiddleware","createEffect","disabled","v","weekStartsOn","onViewValueChange","onMonthLabelClick","months","onYearLabelClick","years","onMonthChange","month","setMonth","onYearChange","year","setYear","onChange","event","date","range","start","end","next","getTime","onRangeChange","onToggle","prev","onClickAway","target","contains","createMemo","getMonths","locale","getYears","getFullYear","shouldOpen","disableCalendar","mounted","setMounted","shown","setShown","raf","timer","clearTimeout","requestAnimationFrame","setTimeout","onCleanup","cancelAnimationFrame","view","_$createComponent","DatePickerList","getMonth","items","DataPickerDays","showDaysOutsideMonth","disablePast","disableFuture","minDate","maxDate","isDateDisabled","rangeStart","rangeEnd","rangeDisplay","getDisplayDate","format","anchorRef","mergeRefs","ref","setReference","el","Show","when","fallback","DataPickerInput","_$mergeProps","onBlur","calendarIcon","children","TextField","readOnly","Boolean","placeholder","endAdornment","DatePickerIconButton","edge","onClick","Icon","name","fill","weight","size","Portal","mount","document","body","ClickAwayListener","_el$","_tmpl$","_el$2","firstChild","_el$3","_ref$","setFloating","_$use","_$insert","DataPickerHeader","_$effect","_p$","_v$","floatingStyles","opacity","_v$2","calendarAriaLabel","e","_$style","t","_$setAttribute"],"mappings":"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"}

package/dist/headless/components/inputs/datePicker/datePickerActionLabel.js

@@ -0,0 +1,59 @@
+import { insert as l, createComponent as a, memo as k, addEventListener as p, effect as u, className as r, setAttribute as C, template as I, delegateEvents as L } from "solid-js/web";
+import { splitProps as z } from "solid-js";
+import w from "clsx";
+import { DatePickerIconButton as h } from "./datePickerIconButton.js";
+import { Icon as d } from "../../base/icon/icon.js";
+var x = /* @__PURE__ */ I("<div class=smwb-date-picker__action><div></div><div><span class=smwb-date-picker__action-text></span></div><div>");
+function E(g) {
+  const [e] = z(g, ["label", "onLeftIconClick", "onRightIconClick", "onLabelClick", "disabled", "active", "hiddenSwitches", "dataToggleId"]), n = () => w("smwb-date-picker__switch", {
+    "smwb-date-picker__switch--hidden": e.hiddenSwitches
+  });
+  return (() => {
+    var c = x(), o = c.firstChild, t = o.nextSibling, f = t.firstChild, s = t.nextSibling;
+    return l(o, a(h, {
+      size: "small",
+      get onClick() {
+        return k(() => !!e.disabled)() ? void 0 : e.onLeftIconClick;
+      },
+      get children() {
+        return a(d, {
+          name: "keyboard_arrow_left",
+          weight: 500,
+          size: 24
+        });
+      }
+    })), p(t, "click", e.disabled ? void 0 : e.onLabelClick, !0), l(f, () => e.label), l(t, a(d, {
+      name: "arrow_drop_down",
+      weight: 500,
+      size: 20
+    }), null), l(s, a(h, {
+      size: "small",
+      get onClick() {
+        return k(() => !!e.disabled)() ? void 0 : e.onRightIconClick;
+      },
+      get children() {
+        return a(d, {
+          name: "keyboard_arrow_right",
+          weight: 500,
+          size: 24
+        });
+      }
+    })), u((i) => {
+      var m = n(), b = w("smwb-date-picker__action-label", {
+        "smwb-date-picker__action-label--disabled": e.disabled,
+        "smwb-date-picker__action-label--active": e.active
+      }), v = e.dataToggleId, _ = n();
+      return m !== i.e && r(o, i.e = m), b !== i.t && r(t, i.t = b), v !== i.a && C(t, "data-testid", i.a = v), _ !== i.o && r(s, i.o = _), i;
+    }, {
+      e: void 0,
+      t: void 0,
+      a: void 0,
+      o: void 0
+    }), c;
+  })();
+}
+L(["click"]);
+export {
+  E as DatePickerActionLabel
+};
+//# sourceMappingURL=datePickerActionLabel.js.map

package/dist/headless/components/inputs/datePicker/datePickerActionLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"datePickerActionLabel.js","sources":["../../../../../src/components/inputs/datePicker/datePickerActionLabel.tsx"],"sourcesContent":["import { type JSX, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { DatePickerIconButton } from \"./datePickerIconButton\";\nimport { Icon } from \"../../base/icon\";\n\nexport interface ActionLabelProps {\n  label: string;\n  onLeftIconClick?: (() => void) | undefined;\n  onRightIconClick?: (() => void) | undefined;\n  onLabelClick?: (() => void) | undefined;\n  disabled?: boolean | undefined;\n  active?: boolean | undefined;\n  hiddenSwitches?: boolean | undefined;\n  dataToggleId?: string | undefined;\n}\n\nexport function DatePickerActionLabel(props: ActionLabelProps): JSX.Element {\n  const [local] = splitProps(props, [\n    \"label\",\n    \"onLeftIconClick\",\n    \"onRightIconClick\",\n    \"onLabelClick\",\n    \"disabled\",\n    \"active\",\n    \"hiddenSwitches\",\n    \"dataToggleId\",\n  ]);\n\n  const switchClasses = (): string =>\n    cn(\"smwb-date-picker__switch\", {\n      \"smwb-date-picker__switch--hidden\": local.hiddenSwitches,\n    });\n\n  return (\n    <div class=\"smwb-date-picker__action\">\n      <div class={switchClasses()}>\n        <DatePickerIconButton size=\"small\" onClick={local.disabled ? undefined : local.onLeftIconClick}>\n          <Icon name=\"keyboard_arrow_left\" weight={500} size={24} />\n        </DatePickerIconButton>\n      </div>\n      <div\n        class={cn(\"smwb-date-picker__action-label\", {\n          \"smwb-date-picker__action-label--disabled\": local.disabled,\n          \"smwb-date-picker__action-label--active\": local.active,\n        })}\n        data-testid={local.dataToggleId}\n        onClick={local.disabled ? undefined : local.onLabelClick}\n      >\n        <span class=\"smwb-date-picker__action-text\">{local.label}</span>\n        <Icon name=\"arrow_drop_down\" weight={500} size={20} />\n      </div>\n      <div class={switchClasses()}>\n        <DatePickerIconButton size=\"small\" onClick={local.disabled ? undefined : local.onRightIconClick}>\n          <Icon name=\"keyboard_arrow_right\" weight={500} size={24} />\n        </DatePickerIconButton>\n      </div>\n    </div>\n  );\n}\n\nexport default DatePickerActionLabel;\n"],"names":["DatePickerActionLabel","props","local","splitProps","switchClasses","cn","hiddenSwitches","_el$","_tmpl$","_el$2","firstChild","_el$3","nextSibling","_el$4","_el$5","_$insert","_$createComponent","DatePickerIconButton","size","onClick","_$memo","disabled","undefined","onLeftIconClick","children","Icon","name","weight","_$addEventListener","onLabelClick","label","onRightIconClick","_$effect","_p$","_v$","_v$2","active","_v$3","dataToggleId","_v$4","e","_$className","t","a","_$setAttribute","o","_$delegateEvents"],"mappings":";;;;;;AAgBO,SAASA,EAAsBC,GAAsC;AAC1E,QAAM,CAACC,CAAK,IAAIC,EAAWF,GAAO,CAChC,SACA,mBACA,oBACA,gBACA,YACA,UACA,kBACA,cAAc,CACf,GAEKG,IAAgBA,MACpBC,EAAG,4BAA4B;AAAA,IAC7B,oCAAoCH,EAAMI;AAAAA,EAAAA,CAC3C;AAEH,UAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,GAAAC,IAAAF,EAAAG,YAAAC,IAAAF,EAAAG,aAAAC,IAAAF,EAAAD,YAAAI,IAAAH,EAAAC;AAAAG,WAAAA,EAAAN,GAAAO,EAGOC,GAAoB;AAAA,MAACC,MAAI;AAAA,MAAA,IAASC,UAAO;AAAA,eAAEC,EAAA,MAAA,CAAA,CAAAlB,EAAMmB,QAAQ,MAAGC,SAAYpB,EAAMqB;AAAAA,MAAe;AAAA,MAAA,IAAAC,WAAA;AAAA,eAAAR,EAC3FS,GAAI;AAAA,UAACC,MAAI;AAAA,UAAuBC,QAAQ;AAAA,UAAKT,MAAM;AAAA,QAAA,CAAE;AAAA,MAAA;AAAA,IAAA,CAAA,CAAA,GAAAU,EAAAjB,GAAA,SAS/CT,EAAMmB,WAAWC,SAAYpB,EAAM2B,cAAY,EAAA,GAAAd,EAAAF,GAAA,MAEXX,EAAM4B,KAAK,GAAAf,EAAAJ,GAAAK,EACvDS,GAAI;AAAA,MAACC,MAAI;AAAA,MAAmBC,QAAQ;AAAA,MAAKT,MAAM;AAAA,IAAA,CAAE,GAAA,IAAA,GAAAH,EAAAD,GAAAE,EAGjDC,GAAoB;AAAA,MAACC,MAAI;AAAA,MAAA,IAASC,UAAO;AAAA,eAAEC,EAAA,MAAA,CAAA,CAAAlB,EAAMmB,QAAQ,MAAGC,SAAYpB,EAAM6B;AAAAA,MAAgB;AAAA,MAAA,IAAAP,WAAA;AAAA,eAAAR,EAC5FS,GAAI;AAAA,UAACC,MAAI;AAAA,UAAwBC,QAAQ;AAAA,UAAKT,MAAM;AAAA,QAAA,CAAE;AAAA,MAAA;AAAA,IAAA,CAAA,CAAA,GAAAc,EAAAC,CAAAA,MAAA;AAAA,UAAAC,IAlB/C9B,EAAAA,GAAe+B,IAMlB9B,EAAG,kCAAkC;AAAA,QAC1C,4CAA4CH,EAAMmB;AAAAA,QAClD,0CAA0CnB,EAAMkC;AAAAA,MAAAA,CACjD,GAACC,IACWnC,EAAMoC,cAAYC,IAMrBnC,EAAAA;AAAe8B,aAAAA,MAAAD,EAAAO,KAAAC,EAAAhC,GAAAwB,EAAAO,IAAAN,CAAA,GAAAC,MAAAF,EAAAS,KAAAD,EAAA9B,GAAAsB,EAAAS,IAAAP,CAAA,GAAAE,MAAAJ,EAAAU,KAAAC,EAAAjC,GAAA,eAAAsB,EAAAU,IAAAN,CAAA,GAAAE,MAAAN,EAAAY,KAAAJ,EAAA3B,GAAAmB,EAAAY,IAAAN,CAAA,GAAAN;AAAAA,IAAA,GAAA;AAAA,MAAAO,GAAAlB;AAAAA,MAAAoB,GAAApB;AAAAA,MAAAqB,GAAArB;AAAAA,MAAAuB,GAAAvB;AAAAA,IAAAA,CAAA,GAAAf;AAAAA,EAAA,GAAA;AAOjC;AAEqCuC,EAAA,CAAA,OAAA,CAAA;"}

package/dist/headless/components/inputs/datePicker/datePickerDay.js

@@ -0,0 +1,56 @@
+import { createComponent as r, spread as u, mergeProps as m, insert as i, template as d } from "solid-js/web";
+import { splitProps as _, Show as a } from "solid-js";
+import g from "clsx";
+import { Ripple as h } from "../../base/ripple/ripple.js";
+var w = /* @__PURE__ */ d("<button>"), k = /* @__PURE__ */ d("<span class=smwb-date-picker__day-hidden>");
+function P(s) {
+  const [e, l] = _(s, ["class", "children", "onChange", "active", "current", "hidden", "outside", "disabled", "inRange", "day"]);
+  let n;
+  const o = (t) => {
+    e.disabled || n?.onRipple(t);
+  }, c = () => {
+    e.disabled || e.onChange?.(void 0, e.day);
+  }, p = () => g("smwb-date-picker__day", e.class, {
+    "smwb-date-picker__day--active": !e.disabled && e.active,
+    "smwb-date-picker__day--current": e.current && !e.active,
+    "smwb-date-picker__day--outside": !e.disabled && e.outside,
+    "smwb-date-picker__day--disabled": e.disabled,
+    "smwb-date-picker__day--in-range": !e.disabled && e.inRange
+  });
+  return r(a, {
+    get when() {
+      return !e.hidden;
+    },
+    get fallback() {
+      return k();
+    },
+    get children() {
+      var t = w();
+      return u(t, m(l, {
+        get class() {
+          return p();
+        },
+        type: "button",
+        onPointerDown: o,
+        onClick: c,
+        get disabled() {
+          return e.disabled;
+        }
+      }), !1, !0), i(t, () => e.children, null), i(t, r(a, {
+        get when() {
+          return !e.disabled;
+        },
+        get children() {
+          return r(h, {
+            actionRef: (b) => n = b,
+            center: !0
+          });
+        }
+      }), null), t;
+    }
+  });
+}
+export {
+  P as DatePickerDay
+};
+//# sourceMappingURL=datePickerDay.js.map

package/dist/headless/components/inputs/datePicker/datePickerDay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"datePickerDay.js","sources":["../../../../../src/components/inputs/datePicker/datePickerDay.tsx"],"sourcesContent":["import { type JSX, type ParentProps, Show, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { Ripple, type RippleActionsRef } from \"../../base/ripple\";\n\nexport interface DatePickerDayProps extends Omit<JSX.ButtonHTMLAttributes<HTMLButtonElement>, \"onChange\"> {\n  active?: boolean | undefined;\n  current?: boolean | undefined;\n  hidden?: boolean | undefined;\n  outside?: boolean | undefined;\n  disabled?: boolean | undefined;\n  inRange?: boolean | undefined;\n  day: Date;\n  onChange?: ((event?: Event, date?: Date) => void) | undefined;\n}\n\nexport function DatePickerDay(props: ParentProps<DatePickerDayProps>): JSX.Element {\n  const [local, rest] = splitProps(props, [\n    \"class\",\n    \"children\",\n    \"onChange\",\n    \"active\",\n    \"current\",\n    \"hidden\",\n    \"outside\",\n    \"disabled\",\n    \"inRange\",\n    \"day\",\n  ]);\n\n  let rippleActions: RippleActionsRef | undefined;\n\n  const onPointerDown = (event: PointerEvent): void => {\n    if (!local.disabled) rippleActions?.onRipple(event);\n  };\n\n  const onClick = (): void => {\n    if (!local.disabled) local.onChange?.(undefined, local.day);\n  };\n\n  const classes = (): string =>\n    cn(\"smwb-date-picker__day\", local.class, {\n      \"smwb-date-picker__day--active\": !local.disabled && local.active,\n      \"smwb-date-picker__day--current\": local.current && !local.active,\n      \"smwb-date-picker__day--outside\": !local.disabled && local.outside,\n      \"smwb-date-picker__day--disabled\": local.disabled,\n      \"smwb-date-picker__day--in-range\": !local.disabled && local.inRange,\n    });\n\n  return (\n    <Show when={!local.hidden} fallback={<span class=\"smwb-date-picker__day-hidden\" />}>\n      <button\n        {...rest}\n        class={classes()}\n        type=\"button\"\n        onPointerDown={onPointerDown}\n        onClick={onClick}\n        disabled={local.disabled}\n      >\n        {local.children}\n        <Show when={!local.disabled}>\n          <Ripple actionRef={(actions) => (rippleActions = actions)} center />\n        </Show>\n      </button>\n    </Show>\n  );\n}\n\nexport default DatePickerDay;\n"],"names":["DatePickerDay","props","local","rest","splitProps","rippleActions","onPointerDown","event","disabled","onRipple","onClick","onChange","undefined","day","classes","cn","class","active","current","outside","inRange","_$createComponent","Show","when","hidden","fallback","_tmpl$2","children","_el$","_tmpl$","_$spread","_$mergeProps","_$insert","Ripple","actionRef","actions","center"],"mappings":";;;;;AAeO,SAASA,EAAcC,GAAqD;AACjF,QAAM,CAACC,GAAOC,CAAI,IAAIC,EAAWH,GAAO,CACtC,SACA,YACA,YACA,UACA,WACA,UACA,WACA,YACA,WACA,KAAK,CACN;AAED,MAAII;AAEJ,QAAMC,IAAgBA,CAACC,MAA8B;AACnD,IAAKL,EAAMM,YAAUH,GAAeI,SAASF,CAAK;AAAA,EACpD,GAEMG,IAAUA,MAAY;AAC1B,IAAKR,EAAMM,cAAgBG,WAAWC,QAAWV,EAAMW,GAAG;AAAA,EAC5D,GAEMC,IAAUA,MACdC,EAAG,yBAAyBb,EAAMc,OAAO;AAAA,IACvC,iCAAiC,CAACd,EAAMM,YAAYN,EAAMe;AAAAA,IAC1D,kCAAkCf,EAAMgB,WAAW,CAAChB,EAAMe;AAAAA,IAC1D,kCAAkC,CAACf,EAAMM,YAAYN,EAAMiB;AAAAA,IAC3D,mCAAmCjB,EAAMM;AAAAA,IACzC,mCAAmC,CAACN,EAAMM,YAAYN,EAAMkB;AAAAA,EAAAA,CAC7D;AAEH,SAAAC,EACGC,GAAI;AAAA,IAAA,IAACC,OAAI;AAAA,aAAE,CAACrB,EAAMsB;AAAAA,IAAM;AAAA,IAAA,IAAEC,WAAQ;AAAA,aAAAC,EAAAA;AAAAA,IAAA;AAAA,IAAA,IAAAC,WAAA;AAAA,UAAAC,IAAAC,EAAAA;AAAAC,aAAAA,EAAAF,GAAAG,EAE3B5B,GAAI;AAAA,QAAA,IAAA,QAAA;AAAA,iBACDW,EAAAA;AAAAA,QAAS;AAAA,QAAA,MACX;AAAA,QAAQ,eACER;AAAAA,QAAa,SACnBI;AAAAA,QAAO,IAChBF,WAAQ;AAAA,iBAAEN,EAAMM;AAAAA,QAAQ;AAAA,MAAA,CAAA,GAAA,IAAA,EAAA,GAAAwB,EAAAJ,GAAA,MAEvB1B,EAAMyB,UAAQ,IAAA,GAAAK,EAAAJ,GAAAP,EACdC,GAAI;AAAA,QAAA,IAACC,OAAI;AAAA,iBAAE,CAACrB,EAAMM;AAAAA,QAAQ;AAAA,QAAA,IAAAmB,WAAA;AAAA,iBAAAN,EACxBY,GAAM;AAAA,YAACC,WAAYC,OAAa9B,IAAgB8B;AAAAA,YAAUC,QAAM;AAAA,UAAA,CAAA;AAAA,QAAA;AAAA,MAAA,CAAA,GAAA,IAAA,GAAAR;AAAAA,IAAA;AAAA,EAAA,CAAA;AAK3E;"}

package/dist/headless/components/inputs/datePicker/datePickerIconButton.js

@@ -0,0 +1,47 @@
+import { use as p, spread as m, mergeProps as u, insert as o, createComponent as i, template as b } from "solid-js/web";
+import { mergeProps as f, splitProps as g, Show as _ } from "solid-js";
+import w from "clsx";
+import { mergeRefs as P } from "../../../primitives/mergeRefs.js";
+import { Ripple as k } from "../../base/ripple/ripple.js";
+var h = /* @__PURE__ */ b("<button>");
+function y(s) {
+  const d = f({
+    size: "medium"
+  }, s), [e, l] = g(d, ["class", "children", "disabled", "size", "edge", "ref"]);
+  let r;
+  const a = (t) => {
+    e.disabled || r?.onRipple(t);
+  };
+  return (() => {
+    var t = h(), n = P(e.ref);
+    return typeof n == "function" && p(n, t), m(t, u(l, {
+      onPointerDown: a,
+      type: "button",
+      get class() {
+        return w("smwb-date-picker__icon-button", e.class, {
+          "smwb-date-picker__icon-button--small": e.size === "small",
+          "smwb-date-picker__icon-button--edge-start": e.edge === "start",
+          "smwb-date-picker__icon-button--edge-end": e.edge === "end",
+          "smwb-date-picker__icon-button--disabled": e.disabled
+        });
+      },
+      get disabled() {
+        return e.disabled;
+      }
+    }), !1, !0), o(t, () => e.children, null), o(t, i(_, {
+      get when() {
+        return !e.disabled;
+      },
+      get children() {
+        return i(k, {
+          actionRef: (c) => r = c,
+          center: !0
+        });
+      }
+    }), null), t;
+  })();
+}
+export {
+  y as DatePickerIconButton
+};
+//# sourceMappingURL=datePickerIconButton.js.map