@smwb/ui-react 2.0.0

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

@@ -0,0 +1,73 @@
+import { jsx as e, jsxs as g } from "react/jsx-runtime";
+import v from "react";
+import b from "clsx";
+import { Icon as d } from "../../base/icon/icon.js";
+import { useId as y } from "../../../hooks/useId.js";
+import { TextFieldWrapper as z } from "../textField/textFieldWrapper.js";
+const $ = v.forwardRef(function(m, h) {
+  const {
+    label: o,
+    disabled: r,
+    readOnly: c,
+    required: t,
+    name: p,
+    id: x,
+    indeterminate: a,
+    className: w,
+    size: k = "medium",
+    color: _ = "primary",
+    onChange: s,
+    helperText: f,
+    error: n,
+    ...u
+  } = m, l = y(x), N = (i) => {
+    if (c) {
+      i.preventDefault();
+      return;
+    }
+    s == null || s(i, i.target.checked, m);
+  };
+  return /* @__PURE__ */ e(z, { helperText: f, disabled: r, error: n, className: "smwb-text-field-checkbox", children: /* @__PURE__ */ g(
+    "label",
+    {
+      htmlFor: l,
+      className: b(
+        "smwb-checkbox__wrapper",
+        `smwb-checkbox_size-${k}`,
+        `smwb-checkbox_color-${_}`,
+        w,
+        {
+          "smwb-disabled": r,
+          "smwb-readonly": c,
+          "smwb-indeterminate": a
+        }
+      ),
+      children: [
+        /* @__PURE__ */ e(
+          "input",
+          {
+            type: "checkbox",
+            id: l,
+            name: p,
+            className: "smwb-checkbox__input",
+            disabled: r,
+            readOnly: c,
+            required: t,
+            "aria-invalid": n || void 0,
+            "aria-required": t || void 0,
+            ref: h,
+            ...u,
+            onChange: N
+          }
+        ),
+        /* @__PURE__ */ e("span", { className: b("smwb-checkbox__btn", { "smwb-indeterminate": a }), children: a ? /* @__PURE__ */ e(d, { name: "remove", size: 18, className: "smwb-checkbox__icon", weight: 700 }) : /* @__PURE__ */ e(d, { name: "check", size: 17, className: "smwb-checkbox__icon", weight: 700 }) }),
+        o && /* @__PURE__ */ e("span", { className: "smwb-checkbox__label", children: o })
+      ]
+    }
+  ) });
+});
+export {
+  $ as Checkbox,
+  $ as default
+};
+//# sourceMappingURL=checkbox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.js","sources":["../../../../../src/components/inputs/checkbox/checkbox.tsx"],"sourcesContent":["import React, { InputHTMLAttributes } from \"react\";\nimport cn from \"clsx\";\nimport Icon from \"../../base/icon/icon\";\nimport { TextFieldWrapper } from \"../textField\";\nimport { useId } from \"../../../hooks/useId\";\n\nexport type SelectionControlSize = \"small\" | \"medium\" | \"large\";\nexport type SelectionControlColor = \"primary\" | \"secondary\" | \"error\" | \"success\" | \"warning\" | \"info\";\n\nexport interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, \"onChange\" | \"size\"> {\n  label?: string;\n  disabled?: boolean;\n  readOnly?: boolean;\n  required?: boolean;\n  name?: string;\n  id?: string;\n  indeterminate?: boolean;\n  className?: string;\n  size?: SelectionControlSize;\n  color?: SelectionControlColor;\n  /** Unified handler: `(event, checked, data)`. */\n  onChange?: (event: React.ChangeEvent<HTMLInputElement>, checked: boolean, data: CheckboxProps) => void;\n  helperText?: React.ReactNode;\n  error?: boolean;\n}\n\nexport const Checkbox = React.forwardRef<HTMLInputElement, CheckboxProps>(function Checkbox(props, ref) {\n  const {\n    label,\n    disabled,\n    readOnly,\n    required,\n    name,\n    id: idProp,\n    indeterminate,\n    className,\n    size = \"medium\",\n    color = \"primary\",\n    onChange,\n    helperText,\n    error,\n    ...args\n  } = props;\n  const id = useId(idProp);\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    if (readOnly) {\n      e.preventDefault();\n      return;\n    }\n    onChange?.(e, e.target.checked, props);\n  };\n\n  return (\n    <TextFieldWrapper helperText={helperText} disabled={disabled} error={error} className=\"smwb-text-field-checkbox\">\n      <label\n        htmlFor={id}\n        className={cn(\n          \"smwb-checkbox__wrapper\",\n          `smwb-checkbox_size-${size}`,\n          `smwb-checkbox_color-${color}`,\n          className,\n          {\n            \"smwb-disabled\": disabled,\n            \"smwb-readonly\": readOnly,\n            \"smwb-indeterminate\": indeterminate,\n          }\n        )}\n      >\n        <input\n          type=\"checkbox\"\n          id={id}\n          name={name}\n          className=\"smwb-checkbox__input\"\n          disabled={disabled}\n          readOnly={readOnly}\n          required={required}\n          aria-invalid={error || undefined}\n          aria-required={required || undefined}\n          ref={ref}\n          {...args}\n          onChange={handleChange}\n        />\n        <span className={cn(\"smwb-checkbox__btn\", { \"smwb-indeterminate\": indeterminate })}>\n          {indeterminate ? (\n            <Icon name=\"remove\" size={18} className=\"smwb-checkbox__icon\" weight={700} />\n          ) : (\n            <Icon name=\"check\" size={17} className=\"smwb-checkbox__icon\" weight={700} />\n          )}\n        </span>\n        {label && <span className=\"smwb-checkbox__label\">{label}</span>}\n      </label>\n    </TextFieldWrapper>\n  );\n});\n\nexport default Checkbox;\n"],"names":["Checkbox","React","props","ref","label","disabled","readOnly","required","name","idProp","indeterminate","className","size","color","onChange","helperText","error","args","id","useId","handleChange","e","TextFieldWrapper","jsxs","cn","jsx","Icon"],"mappings":";;;;;;AA0BO,MAAMA,IAAWC,EAAM,WAA4C,SAAkBC,GAAOC,GAAK;AACtG,QAAM;AAAA,IACJ,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,MAAAC;AAAA,IACA,IAAIC;AAAA,IACJ,eAAAC;AAAA,IACA,WAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,OAAAC,IAAQ;AAAA,IACR,UAAAC;AAAA,IACA,YAAAC;AAAA,IACA,OAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDf,GACEgB,IAAKC,EAAMV,CAAM,GAEjBW,IAAe,CAACC,MAA2C;AAC/D,QAAIf,GAAU;AACZ,MAAAe,EAAE,eAAA;AACF;AAAA,IACF;AACA,IAAAP,KAAA,QAAAA,EAAWO,GAAGA,EAAE,OAAO,SAASnB;AAAA,EAClC;AAEA,2BACGoB,GAAA,EAAiB,YAAAP,GAAwB,UAAAV,GAAoB,OAAAW,GAAc,WAAU,4BACpF,UAAA,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAASL;AAAA,MACT,WAAWM;AAAA,QACT;AAAA,QACA,sBAAsBZ,CAAI;AAAA,QAC1B,uBAAuBC,CAAK;AAAA,QAC5BF;AAAA,QACA;AAAA,UACE,iBAAiBN;AAAA,UACjB,iBAAiBC;AAAA,UACjB,sBAAsBI;AAAA,QAAA;AAAA,MACxB;AAAA,MAGF,UAAA;AAAA,QAAA,gBAAAe;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,IAAAP;AAAA,YACA,MAAAV;AAAA,YACA,WAAU;AAAA,YACV,UAAAH;AAAA,YACA,UAAAC;AAAA,YACA,UAAAC;AAAA,YACA,gBAAcS,KAAS;AAAA,YACvB,iBAAeT,KAAY;AAAA,YAC3B,KAAAJ;AAAA,YACC,GAAGc;AAAA,YACJ,UAAUG;AAAA,UAAA;AAAA,QAAA;AAAA,QAEZ,gBAAAK,EAAC,QAAA,EAAK,WAAWD,EAAG,sBAAsB,EAAE,sBAAsBd,EAAA,CAAe,GAC9E,UAAAA,IACC,gBAAAe,EAACC,GAAA,EAAK,MAAK,UAAS,MAAM,IAAI,WAAU,uBAAsB,QAAQ,IAAA,CAAK,sBAE1EA,GAAA,EAAK,MAAK,SAAQ,MAAM,IAAI,WAAU,uBAAsB,QAAQ,KAAK,GAE9E;AAAA,QACCtB,KAAS,gBAAAqB,EAAC,QAAA,EAAK,WAAU,wBAAwB,UAAArB,EAAA,CAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAE5D;AAEJ,CAAC;"}

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

@@ -0,0 +1,59 @@
+import { jsx as o, jsxs as D } from "react/jsx-runtime";
+import { useState as G, useMemo as d, useCallback as b } from "react";
+import { getDayNames as H, getWeeks as J, isValidDate as m, isSameDay as _, isAfter as j, startOfDay as f, isBefore as v, endOfDay as n, isSameMonth as K } from "./utils.js";
+import { DatePickerDay as L } from "./datePickerDay.js";
+function Y({
+  viewValue: h,
+  value: l,
+  showDaysOutsideMonth: B,
+  onChange: C,
+  disablePast: A,
+  disableFuture: I,
+  weekStartsOn: p = 0,
+  minDate: w,
+  maxDate: N,
+  isDateDisabled: u,
+  locale: M,
+  range: k,
+  rangeStart: c,
+  rangeEnd: t
+}) {
+  const [r] = G(/* @__PURE__ */ new Date()), R = d(() => H(r, p, M), [r, p, M]), O = d(() => J(h, p), [h, p]), P = b(
+    (e) => k ? m(c) && _(e, c) || m(t) && _(e, t) : m(l) ? _(e, l) : !1,
+    [l, k, c, t]
+  ), W = b(
+    (e) => !k || !m(c) || !m(t) ? !1 : j(f(e), f(c)) && v(n(e), n(t)),
+    [k, c, t]
+  ), q = b(
+    (e) => {
+      let s = !1;
+      return A && (s = v(n(e), r)), I && (s = s || j(f(e), r)), w && v(n(e), f(w)) && (s = !0), N && j(f(e), n(N)) && (s = !0), u != null && u(e) && (s = !0), s;
+    },
+    [A, I, r, w, N, u]
+  ), z = d(() => R.map((e, s) => /* @__PURE__ */ o("span", { className: "smwb-date-picker__week-day", children: e.toString() }, s)), [R]);
+  return /* @__PURE__ */ D("div", { className: "smwb-date-picker__days", children: [
+    /* @__PURE__ */ o("div", { className: "smwb-date-picker__week-days", children: z }),
+    /* @__PURE__ */ o("div", { className: "smwb-date-picker__month", children: O.map((e, s) => /* @__PURE__ */ o("div", { className: "smwb-date-picker__week", children: e.map((i) => {
+      const x = !K(i, h);
+      return /* @__PURE__ */ o(
+        L,
+        {
+          day: i,
+          current: _(i, r),
+          active: P(i),
+          inRange: W(i),
+          hidden: !B && x,
+          outside: x,
+          onChange: C,
+          disabled: q(i),
+          children: i.getDate()
+        },
+        i.toISOString()
+      );
+    }) }, s)) })
+  ] });
+}
+export {
+  Y as DataPickerDays
+};
+//# sourceMappingURL=dataPickerDays.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dataPickerDays.js","sources":["../../../../../src/components/inputs/datePicker/dataPickerDays.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from \"react\";\nimport {\n  getDayNames,\n  getWeeks,\n  isSameMonth,\n  isSameDay,\n  isBefore,\n  endOfDay,\n  isAfter,\n  startOfDay,\n  isValidDate,\n} from \"./utils\";\nimport { DatePickerDay } from \"./datePickerDay\";\nimport { DatePickerProps } from \"./datePicker\";\n\nexport interface DataPickerDaysProps extends Partial<\n  Pick<\n    DatePickerProps,\n    | \"value\"\n    | \"showDaysOutsideMonth\"\n    | \"onChange\"\n    | \"disablePast\"\n    | \"disableFuture\"\n    | \"weekStartsOn\"\n    | \"minDate\"\n    | \"maxDate\"\n    | \"isDateDisabled\"\n    | \"locale\"\n  >\n> {\n  viewValue: Date;\n  /** Range selection mode. */\n  range?: boolean;\n  rangeStart?: Date;\n  rangeEnd?: Date;\n}\n\nexport function DataPickerDays({\n  viewValue,\n  value,\n  showDaysOutsideMonth,\n  onChange,\n  disablePast,\n  disableFuture,\n  weekStartsOn = 0,\n  minDate,\n  maxDate,\n  isDateDisabled,\n  locale,\n  range,\n  rangeStart,\n  rangeEnd,\n}: DataPickerDaysProps) {\n  const [now] = useState(new Date());\n\n  const dayNames = useMemo(() => getDayNames(now, weekStartsOn, locale), [now, weekStartsOn, locale]);\n  const weeks = useMemo(() => getWeeks(viewValue, weekStartsOn), [viewValue, weekStartsOn]);\n\n  const isActive = useCallback(\n    (day: Date) => {\n      if (range) {\n        return (\n          (isValidDate(rangeStart) && isSameDay(day, rangeStart)) || (isValidDate(rangeEnd) && isSameDay(day, rangeEnd))\n        );\n      }\n\n      if (!isValidDate(value)) {\n        return false;\n      }\n\n      return isSameDay(day, value);\n    },\n    [value, range, rangeStart, rangeEnd]\n  );\n\n  const isInRange = useCallback(\n    (day: Date) => {\n      if (!range || !isValidDate(rangeStart) || !isValidDate(rangeEnd)) {\n        return false;\n      }\n      return isAfter(startOfDay(day), startOfDay(rangeStart)) && isBefore(endOfDay(day), endOfDay(rangeEnd));\n    },\n    [range, rangeStart, rangeEnd]\n  );\n\n  const isDisabledDay = useCallback(\n    (day: Date) => {\n      let disabled = false;\n\n      if (disablePast) {\n        disabled = isBefore(endOfDay(day), now);\n      }\n\n      if (disableFuture) {\n        disabled = disabled || isAfter(startOfDay(day), now);\n      }\n\n      if (minDate && isBefore(endOfDay(day), startOfDay(minDate))) {\n        disabled = true;\n      }\n\n      if (maxDate && isAfter(startOfDay(day), endOfDay(maxDate))) {\n        disabled = true;\n      }\n\n      if (isDateDisabled?.(day)) {\n        disabled = true;\n      }\n\n      return disabled;\n    },\n    [disablePast, disableFuture, now, minDate, maxDate, isDateDisabled]\n  );\n\n  const weekDays = useMemo(() => {\n    return dayNames.map((day, index) => (\n      <span key={index} className=\"smwb-date-picker__week-day\">\n        {day.toString()}\n      </span>\n    ));\n  }, [dayNames]);\n\n  return (\n    <div className=\"smwb-date-picker__days\">\n      <div className=\"smwb-date-picker__week-days\">{weekDays}</div>\n      <div className=\"smwb-date-picker__month\">\n        {weeks.map((week, index) => (\n          <div key={index} className=\"smwb-date-picker__week\">\n            {week.map((day) => {\n              const isOutside = !isSameMonth(day, viewValue);\n\n              return (\n                <DatePickerDay\n                  key={day.toISOString()}\n                  day={day}\n                  current={isSameDay(day, now)}\n                  active={isActive(day)}\n                  inRange={isInRange(day)}\n                  hidden={!showDaysOutsideMonth && isOutside}\n                  outside={isOutside}\n                  onChange={onChange}\n                  disabled={isDisabledDay(day)}\n                >\n                  {day.getDate()}\n                </DatePickerDay>\n              );\n            })}\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n}\n"],"names":["DataPickerDays","viewValue","value","showDaysOutsideMonth","onChange","disablePast","disableFuture","weekStartsOn","minDate","maxDate","isDateDisabled","locale","range","rangeStart","rangeEnd","now","useState","dayNames","useMemo","getDayNames","weeks","getWeeks","isActive","useCallback","day","isValidDate","isSameDay","isInRange","isAfter","startOfDay","isBefore","endOfDay","isDisabledDay","disabled","weekDays","index","jsx","jsxs","week","isOutside","isSameMonth","DatePickerDay"],"mappings":"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"}

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

@@ -0,0 +1,57 @@
+import { jsxs as I, jsx as e } from "react/jsx-runtime";
+import m from "react";
+import { OpenView as o } from "./datePicker.js";
+import { DatePickerActionLabel as k } from "./datePickerActionLabel.js";
+import { addMonths as L, addYears as p, getMonthLabel as n, getYearLabel as y } from "./utils.js";
+function j({
+  viewValue: c,
+  openView: r,
+  onChange: t,
+  onMonthLabelClick: b,
+  onYearLabelClick: f,
+  locale: a
+}) {
+  const l = m.useCallback(
+    (s) => () => {
+      t == null || t(L(c, s));
+    },
+    [t, c]
+  ), d = m.useCallback(
+    (s) => () => {
+      t == null || t(p(c, s));
+    },
+    [t, c]
+  ), i = r === o.months || r === o.years;
+  return /* @__PURE__ */ I("div", { className: "smwb-date-picker__header", children: [
+    /* @__PURE__ */ e(
+      k,
+      {
+        label: n(c, a),
+        onLeftIconClick: l(-1),
+        onRightIconClick: l(1),
+        onLabelClick: b,
+        disabled: r === o.years,
+        active: r === o.months,
+        hiddenSwitches: i,
+        dataToggleId: "date-picker-months-toggle"
+      }
+    ),
+    /* @__PURE__ */ e(
+      k,
+      {
+        label: y(c, a),
+        onLeftIconClick: d(-1),
+        onRightIconClick: d(1),
+        onLabelClick: f,
+        disabled: r === o.months,
+        active: r === o.years,
+        hiddenSwitches: i,
+        dataToggleId: "date-picker-years-toggle"
+      }
+    )
+  ] });
+}
+export {
+  j as DataPickerHeader
+};
+//# sourceMappingURL=dataPickerHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dataPickerHeader.js","sources":["../../../../../src/components/inputs/datePicker/dataPickerHeader.tsx"],"sourcesContent":["import React from \"react\";\nimport { OpenView } from \"./datePicker\";\nimport { DatePickerActionLabel } from \"./datePickerActionLabel\";\nimport { addMonths, addYears, getMonthLabel, getYearLabel } from \"./utils\";\n\nexport interface DataPickerHeaderProps {\n  viewValue: Date;\n  openView?: OpenView;\n  onChange?: (value: Date) => void;\n  onMonthLabelClick?: React.MouseEventHandler;\n  onYearLabelClick?: React.MouseEventHandler;\n  locale?: string;\n}\n\nexport function DataPickerHeader({\n  viewValue,\n  openView,\n  onChange,\n  onMonthLabelClick,\n  onYearLabelClick,\n  locale,\n}: DataPickerHeaderProps) {\n  const onMonthIconClick = React.useCallback(\n    (value: number) => () => {\n      onChange?.(addMonths(viewValue, value));\n    },\n    [onChange, viewValue]\n  );\n\n  const onYearIconClick = React.useCallback(\n    (value: number) => () => {\n      onChange?.(addYears(viewValue, value));\n    },\n    [onChange, viewValue]\n  );\n\n  const hiddenSwitches = openView === OpenView.months || openView === OpenView.years;\n\n  return (\n    <div className=\"smwb-date-picker__header\">\n      <DatePickerActionLabel\n        label={getMonthLabel(viewValue, locale)}\n        onLeftIconClick={onMonthIconClick(-1)}\n        onRightIconClick={onMonthIconClick(1)}\n        onLabelClick={onMonthLabelClick}\n        disabled={openView === OpenView.years}\n        active={openView === OpenView.months}\n        hiddenSwitches={hiddenSwitches}\n        dataToggleId=\"date-picker-months-toggle\"\n      />\n      <DatePickerActionLabel\n        label={getYearLabel(viewValue, locale)}\n        onLeftIconClick={onYearIconClick(-1)}\n        onRightIconClick={onYearIconClick(1)}\n        onLabelClick={onYearLabelClick}\n        disabled={openView === OpenView.months}\n        active={openView === OpenView.years}\n        hiddenSwitches={hiddenSwitches}\n        dataToggleId=\"date-picker-years-toggle\"\n      />\n    </div>\n  );\n}\n"],"names":["DataPickerHeader","viewValue","openView","onChange","onMonthLabelClick","onYearLabelClick","locale","onMonthIconClick","React","value","addMonths","onYearIconClick","addYears","hiddenSwitches","OpenView","jsxs","jsx","DatePickerActionLabel","getMonthLabel","getYearLabel"],"mappings":";;;;;AAcO,SAASA,EAAiB;AAAA,EAC/B,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,QAAAC;AACF,GAA0B;AACxB,QAAMC,IAAmBC,EAAM;AAAA,IAC7B,CAACC,MAAkB,MAAM;AACvB,MAAAN,KAAA,QAAAA,EAAWO,EAAUT,GAAWQ,CAAK;AAAA,IACvC;AAAA,IACA,CAACN,GAAUF,CAAS;AAAA,EAAA,GAGhBU,IAAkBH,EAAM;AAAA,IAC5B,CAACC,MAAkB,MAAM;AACvB,MAAAN,KAAA,QAAAA,EAAWS,EAASX,GAAWQ,CAAK;AAAA,IACtC;AAAA,IACA,CAACN,GAAUF,CAAS;AAAA,EAAA,GAGhBY,IAAiBX,MAAaY,EAAS,UAAUZ,MAAaY,EAAS;AAE7E,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAU,4BACb,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAOC,EAAcjB,GAAWK,CAAM;AAAA,QACtC,iBAAiBC,EAAiB,EAAE;AAAA,QACpC,kBAAkBA,EAAiB,CAAC;AAAA,QACpC,cAAcH;AAAA,QACd,UAAUF,MAAaY,EAAS;AAAA,QAChC,QAAQZ,MAAaY,EAAS;AAAA,QAC9B,gBAAAD;AAAA,QACA,cAAa;AAAA,MAAA;AAAA,IAAA;AAAA,IAEf,gBAAAG;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAOE,EAAalB,GAAWK,CAAM;AAAA,QACrC,iBAAiBK,EAAgB,EAAE;AAAA,QACnC,kBAAkBA,EAAgB,CAAC;AAAA,QACnC,cAAcN;AAAA,QACd,UAAUH,MAAaY,EAAS;AAAA,QAChC,QAAQZ,MAAaY,EAAS;AAAA,QAC9B,gBAAAD;AAAA,QACA,cAAa;AAAA,MAAA;AAAA,IAAA;AAAA,EACf,GACF;AAEJ;"}

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

@@ -0,0 +1,37 @@
+import { jsx as o } from "react/jsx-runtime";
+import u from "react";
+import { DatePickerIconButton as g } from "./datePickerIconButton.js";
+import { useDateInput as k } from "./useDateInput.js";
+import { Icon as I } from "../../base/icon/icon.js";
+import { TextField as P } from "../textField/textField.js";
+function b(e) {
+  e.stopPropagation();
+}
+const y = u.forwardRef(function(n, a) {
+  const { value: r, onChange: i, onBlur: d, onToggle: c, disabled: t, disableCalendar: l, calendarIcon: p, format: s, ...m } = n, f = k({ value: r, onChange: i, onBlur: d, format: s });
+  return /* @__PURE__ */ o(
+    P,
+    {
+      ref: a,
+      ...f,
+      type: "tel",
+      endAdornment: !l && /* @__PURE__ */ o(
+        g,
+        {
+          edge: "end",
+          onClick: c,
+          onMouseDown: b,
+          disabled: !!t,
+          "data-testid": "date-picker-icon-button",
+          children: p || /* @__PURE__ */ o(I, { name: "calendar_today", fill: 1, weight: 500, size: 24 })
+        }
+      ),
+      disabled: !!t,
+      ...m
+    }
+  );
+});
+export {
+  y 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 React from \"react\";\nimport { TextField } from \"../textField\";\nimport { DatePickerIconButton } from \"./datePickerIconButton\";\nimport { useDateInput } from \"./useDateInput\";\nimport { DatePickerProps } from \"./datePicker\";\nimport Icon from \"../../base/icon/icon\";\n\nexport interface DataPickerInputProps extends Omit<\n  DatePickerProps,\n  \"locale\" | \"showDaysOutsideMonth\" | \"disablePast\" | \"disableFuture\" | \"weekStartsOn\" | \"placement\"\n> {\n  onToggle: () => void;\n}\n\nfunction stopPropagation(event: React.SyntheticEvent) {\n  event.stopPropagation();\n}\n\nexport const DataPickerInput = React.forwardRef(function DataPickerInput(\n  props: DataPickerInputProps,\n  ref: React.Ref<HTMLInputElement>\n) {\n  const { value, onChange, onBlur, onToggle, disabled, disableCalendar, calendarIcon, format, ...rest } = props;\n  const maskedProps = useDateInput({ value, onChange, onBlur, format });\n\n  return (\n    <TextField\n      ref={ref}\n      {...maskedProps}\n      type=\"tel\"\n      endAdornment={\n        !disableCalendar && (\n          <DatePickerIconButton\n            edge=\"end\"\n            onClick={onToggle}\n            onMouseDown={stopPropagation}\n            disabled={Boolean(disabled)}\n            data-testid=\"date-picker-icon-button\"\n          >\n            {calendarIcon || <Icon name=\"calendar_today\" fill={1} weight={500} size={24} />}\n          </DatePickerIconButton>\n        )\n      }\n      disabled={Boolean(disabled)}\n      {...rest}\n    />\n  );\n});\n"],"names":["stopPropagation","event","DataPickerInput","React","props","ref","value","onChange","onBlur","onToggle","disabled","disableCalendar","calendarIcon","format","rest","maskedProps","useDateInput","jsx","TextField","DatePickerIconButton","Icon"],"mappings":";;;;;;AAcA,SAASA,EAAgBC,GAA6B;AACpD,EAAAA,EAAM,gBAAA;AACR;AAEO,MAAMC,IAAkBC,EAAM,WAAW,SAC9CC,GACAC,GACA;AACA,QAAM,EAAE,OAAAC,GAAO,UAAAC,GAAU,QAAAC,GAAQ,UAAAC,GAAU,UAAAC,GAAU,iBAAAC,GAAiB,cAAAC,GAAc,QAAAC,GAAQ,GAAGC,EAAA,IAASV,GAClGW,IAAcC,EAAa,EAAE,OAAAV,GAAO,UAAAC,GAAU,QAAAC,GAAQ,QAAAK,GAAQ;AAEpE,SACE,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAb;AAAA,MACC,GAAGU;AAAA,MACJ,MAAK;AAAA,MACL,cACE,CAACJ,KACC,gBAAAM;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAASV;AAAA,UACT,aAAaT;AAAA,UACb,UAAU,EAAQU;AAAA,UAClB,eAAY;AAAA,UAEX,UAAAE,KAAgB,gBAAAK,EAACG,GAAA,EAAK,MAAK,kBAAiB,MAAM,GAAG,QAAQ,KAAK,MAAM,GAAA,CAAI;AAAA,QAAA;AAAA,MAAA;AAAA,MAInF,UAAU,EAAQV;AAAA,MACjB,GAAGI;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC;"}

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,228 @@
+import { jsx as t, jsxs as $, Fragment as pe } from "react/jsx-runtime";
+import he, { useMemo as x, useState as D, useRef as A, useCallback as i } from "react";
+import { useFloating as ye, autoUpdate as ke } from "@floating-ui/react";
+import be from "react-transition-group/Transition";
+import { resolvePlacement as ve, buildFloatingMiddleware as we } from "../../../utils/floating.js";
+import { useSafeLayoutEffect as De } from "../../../hooks/useSafeLayoutEffect.js";
+import { useForkRef as N } from "../../../hooks/useForkRef.js";
+import { DataPickerHeader as Ce } from "./dataPickerHeader.js";
+import { DataPickerDays as Re } from "./dataPickerDays.js";
+import { DatePickerList as j } from "./datePickerList.js";
+import { isValidDate as V, setMonth as Fe, setYear as Pe, getMonths as Me, getYears as Se, getDisplayDate as z } from "./utils.js";
+import { DataPickerInput as xe } from "./dataPickerInput.js";
+import { DatePickerIconButton as Ve } from "./datePickerIconButton.js";
+import { Icon as Be } from "../../base/icon/icon.js";
+import { createPortal as Le } from "react-dom";
+import { TextField as Oe } from "../textField/textField.js";
+import { ClickAwayListener as Ye } from "../../clickAwayListener/clickAwayListener.js";
+var Ee = /* @__PURE__ */ ((l) => (l.days = "days", l.months = "months", l.years = "years", l))(Ee || {});
+const Ie = (l) => ({
+  transition: `opacity ${l}ms ease-in-out`,
+  opacity: 0
+}), Te = {
+  entering: { opacity: 1 },
+  entered: { opacity: 1 },
+  exiting: { opacity: 0 }
+}, tt = he.forwardRef(function(C, H) {
+  const {
+    value: R,
+    onChange: f,
+    showDaysOutsideMonth: U,
+    disablePast: q,
+    disableFuture: G,
+    weekStartsOn: J = 1,
+    placement: K = "bottom-start",
+    disabled: o,
+    disableCalendar: F,
+    calendarAriaLabel: Q = "Choose date",
+    minDate: W,
+    maxDate: X,
+    isDateDisabled: Z,
+    locale: p,
+    format: d,
+    range: g,
+    rangeValue: P,
+    onRangeChange: h,
+    calendarIcon: B,
+    onBlur: ee,
+    ...L
+  } = C, c = x(() => R === void 0 ? void 0 : new Date(R), [R]), M = P !== void 0, [te, ae] = D([void 0, void 0]), r = M && P ? P : te, [s, y] = D(() => V(c) ? c : /* @__PURE__ */ new Date()), [m, k] = D(
+    "days"
+    /* days */
+  ), [O, b] = D(!1), Y = A(null), S = A(null), E = ve(K), { refs: I, floatingStyles: ne } = ye({
+    open: O,
+    placement: E.placement,
+    whileElementsMounted: ke,
+    middleware: we(E)
+  }), T = N(Y, I.setReference, H), oe = N(S, I.setFloating);
+  De(() => {
+    o || y(V(c) ? c : /* @__PURE__ */ new Date());
+  }, [c, o]);
+  const re = i((e) => {
+    y(e);
+  }, []), se = i(() => {
+    k(
+      m === "months" ? "days" : "months"
+      /* months */
+    );
+  }, [m]), ie = i(() => {
+    k(
+      m === "years" ? "days" : "years"
+      /* years */
+    );
+  }, [m]), le = i(
+    (e) => {
+      y(Fe(s, e)), k(
+        "days"
+        /* days */
+      );
+    },
+    [s]
+  ), ce = i(
+    (e) => {
+      y(Pe(s, e)), k(
+        "days"
+        /* days */
+      );
+    },
+    [s]
+  ), de = i(
+    (e, a) => {
+      if (g) {
+        if (!a)
+          return;
+        const [n, w] = r;
+        let u;
+        !n || n && w ? u = [a, void 0] : u = V(n) && a.getTime() < n.getTime() ? [a, n] : [n, a], M || ae(u), h == null || h(u), u[0] && u[1] && b(!1);
+        return;
+      }
+      f == null || f(e, a, C), b(!1);
+    },
+    [f, C, g, r, M, h]
+  ), _ = i(() => {
+    o || b((e) => !e);
+  }, [o]), me = i((e) => {
+    var n, w;
+    const a = e.target;
+    (n = S.current) != null && n.contains(a) || (w = Y.current) != null && w.contains(a) || b(!1);
+  }, []), ue = x(() => Me(p), [p]), fe = x(() => Se((/* @__PURE__ */ new Date()).getFullYear(), 100), []);
+  let v = null;
+  switch (m) {
+    case "days":
+      v = /* @__PURE__ */ t(
+        Re,
+        {
+          viewValue: s,
+          value: c,
+          showDaysOutsideMonth: U,
+          onChange: de,
+          disablePast: q,
+          disableFuture: G,
+          weekStartsOn: J,
+          minDate: W,
+          maxDate: X,
+          isDateDisabled: Z,
+          locale: p,
+          range: g,
+          rangeStart: r[0],
+          rangeEnd: r[1]
+        }
+      );
+      break;
+    case "months":
+      v = /* @__PURE__ */ t(j, { value: s.getMonth(), items: ue, onChange: le });
+      break;
+    case "years":
+      v = /* @__PURE__ */ t(j, { value: s.getFullYear(), items: fe, onChange: ce });
+      break;
+  }
+  const ge = g && (r[0] || r[1]) ? `${z(r[0], d)} – ${z(r[1], d)}` : "";
+  return /* @__PURE__ */ $(pe, { children: [
+    g ? /* @__PURE__ */ t(
+      Oe,
+      {
+        ref: T,
+        value: ge,
+        readOnly: !0,
+        onChange: () => {
+        },
+        disabled: !!o,
+        placeholder: d ? `${d} – ${d}` : void 0,
+        endAdornment: !F && /* @__PURE__ */ t(
+          Ve,
+          {
+            edge: "end",
+            onClick: _,
+            disabled: !!o,
+            "data-testid": "date-picker-icon-button",
+            children: B || /* @__PURE__ */ t(Be, { name: "calendar_today", fill: 1, weight: 500, size: 24 })
+          }
+        ),
+        ...L
+      }
+    ) : /* @__PURE__ */ t(
+      xe,
+      {
+        ref: T,
+        value: c,
+        onChange: f,
+        onBlur: ee,
+        onToggle: _,
+        disabled: o,
+        disableCalendar: F,
+        format: d,
+        calendarIcon: B,
+        ...L
+      }
+    ),
+    Le(
+      /* @__PURE__ */ t(
+        be,
+        {
+          nodeRef: S,
+          in: O && !o && !F,
+          timeout: 150,
+          mountOnEnter: !0,
+          unmountOnExit: !0,
+          children: (e) => /* @__PURE__ */ t(Ye, { onClickAway: me, children: /* @__PURE__ */ t(
+            "div",
+            {
+              ref: oe,
+              className: "smwb-date-picker",
+              style: {
+                ...ne,
+                ...Ie(150),
+                ...Te[e]
+              },
+              "data-testid": "date-picker",
+              role: "dialog",
+              "aria-modal": "false",
+              "aria-label": Q,
+              children: /* @__PURE__ */ $("div", { className: "smwb-date-picker__inner", children: [
+                /* @__PURE__ */ t(
+                  Ce,
+                  {
+                    viewValue: s,
+                    locale: p,
+                    openView: m,
+                    onChange: re,
+                    onMonthLabelClick: se,
+                    onYearLabelClick: ie
+                  }
+                ),
+                /* @__PURE__ */ t("div", { className: "smwb-date-picker__body", children: v })
+              ] })
+            }
+          ) })
+        }
+      ),
+      document.body
+    )
+  ] });
+});
+export {
+  tt as DatePicker,
+  Ee as OpenView,
+  tt as default
+};
+//# 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 React, { useCallback, useMemo, useRef, useState } from \"react\";\nimport { autoUpdate, useFloating } from \"@floating-ui/react\";\nimport Transition, { TransitionStatus } from \"react-transition-group/Transition\";\nimport { buildFloatingMiddleware, Placement, resolvePlacement } from \"../../../utils/floating\";\nimport { useSafeLayoutEffect } from \"../../../hooks/useSafeLayoutEffect\";\nimport { useForkRef } from \"../../../hooks/useForkRef\";\nimport { TextField, TextFieldProps } from \"../textField\";\nimport { ClickAwayListener } from \"../../clickAwayListener\";\nimport { DataPickerHeader } from \"./dataPickerHeader\";\nimport { DataPickerDays } from \"./dataPickerDays\";\nimport { DatePickerList } from \"./datePickerList\";\nimport { getMonths, setMonth, getYears, setYear, isValidDate, getDisplayDate } from \"./utils\";\nimport { DataPickerInput } from \"./dataPickerInput\";\nimport { DatePickerIconButton } from \"./datePickerIconButton\";\nimport Icon from \"../../base/icon/icon\";\nimport { createPortal } from \"react-dom\";\n\nexport enum OpenView {\n  days = \"days\",\n  months = \"months\",\n  years = \"years\",\n}\n\nconst defaultStyle = (duration: number) => ({\n  transition: `opacity ${duration}ms ease-in-out`,\n  opacity: 0,\n});\n\nconst transitionStyles = {\n  entering: { opacity: 1 },\n  entered: { opacity: 1 },\n  exiting: { opacity: 0 },\n} as Record<TransitionStatus, { opacity: number }>;\n\nexport interface DatePickerProps extends Omit<TextFieldProps, \"onBlur\" | \"onChange\" | \"value\" | \"defaultValue\"> {\n  showDaysOutsideMonth?: boolean;\n  disablePast?: boolean;\n  disableFuture?: boolean;\n  /** Earliest selectable date (inclusive). */\n  minDate?: Date;\n  /** Latest selectable date (inclusive). */\n  maxDate?: Date;\n  /** Predicate to disable arbitrary days. */\n  isDateDisabled?: (day: Date) => boolean;\n  weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;\n  /** BCP-47 locale for calendar labels (day/month/year names). */\n  locale?: string;\n  /** Input format pattern with tokens dd, MM, yyyy, e.g. \"dd/MM/yyyy\". */\n  format?: string;\n  /** Enables date-range selection. */\n  range?: boolean;\n  /** Controlled range value `[start, end]`. */\n  rangeValue?: [Date | undefined, Date | undefined];\n  /** Called when the range changes. */\n  onRangeChange?: (range: [Date | undefined, Date | undefined]) => void;\n  placement?: Placement;\n  disableCalendar?: boolean;\n  label?: string;\n  /** Accessible label for the calendar popup dialog. */\n  calendarAriaLabel?: string;\n  autoComplete?: string;\n  value?: Date | string;\n  calendarIcon?: React.ReactNode;\n  onChange?: (event?: React.ChangeEvent<HTMLInputElement>, value?: Date, data?: DatePickerProps) => void;\n  onBlur?: (event?: React.FocusEvent<HTMLInputElement>, value?: Date, data?: DatePickerProps) => void;\n}\n\nexport const DatePicker = React.forwardRef(function DatePicker(props: DatePickerProps, ref) {\n  const {\n    value: valueProp,\n    onChange: onChangeProp,\n    showDaysOutsideMonth,\n    disablePast,\n    disableFuture,\n    weekStartsOn = 1,\n    placement = \"bottom-start\",\n    disabled,\n    disableCalendar,\n    calendarAriaLabel = \"Choose date\",\n    minDate,\n    maxDate,\n    isDateDisabled,\n    locale,\n    format,\n    range,\n    rangeValue,\n    onRangeChange,\n    calendarIcon,\n    onBlur: onBlurProp,\n    ...rest\n  } = props;\n  const value = useMemo(() => (valueProp === undefined ? undefined : new Date(valueProp)), [valueProp]);\n  const isRangeControlled = rangeValue !== undefined;\n  const [rangeState, setRangeState] = useState<[Date | undefined, Date | undefined]>([undefined, undefined]);\n  const currentRange = isRangeControlled && rangeValue ? rangeValue : rangeState;\n  const [viewValue, setViewValue] = useState<Date>(() => (isValidDate(value) ? value : new Date()));\n  const [openView, setOpenView] = useState<OpenView>(OpenView.days);\n  const [isOpen, setIsOpen] = useState(false);\n\n  const anchorRef = useRef<HTMLDivElement | null>(null);\n  const calendarRef = useRef<HTMLDivElement | null>(null);\n\n  const resolved = resolvePlacement(placement);\n  const { refs, floatingStyles } = useFloating({\n    open: isOpen,\n    placement: resolved.placement,\n    whileElementsMounted: autoUpdate,\n    middleware: buildFloatingMiddleware(resolved),\n  });\n\n  const anchorForkRef = useForkRef(anchorRef, refs.setReference, ref);\n  const calendarForkRef = useForkRef(calendarRef, refs.setFloating);\n\n  useSafeLayoutEffect(() => {\n    if (disabled) {\n      return;\n    }\n\n    setViewValue(isValidDate(value) ? value : new Date());\n  }, [value, disabled]);\n\n  const onViewValueChange = useCallback((value: Date) => {\n    setViewValue(value);\n  }, []);\n\n  const onMonthLabelClick = useCallback(() => {\n    setOpenView(openView === OpenView.months ? OpenView.days : OpenView.months);\n  }, [openView]);\n\n  const onYearLabelClick = useCallback(() => {\n    setOpenView(openView === OpenView.years ? OpenView.days : OpenView.years);\n  }, [openView]);\n\n  const onMonthChange = useCallback(\n    (month: number) => {\n      setViewValue(setMonth(viewValue, month));\n      setOpenView(OpenView.days);\n    },\n    [viewValue]\n  );\n\n  const onYearChange = useCallback(\n    (month: number) => {\n      setViewValue(setYear(viewValue, month));\n      setOpenView(OpenView.days);\n    },\n    [viewValue]\n  );\n\n  const onChange = useCallback(\n    (event?: React.ChangeEvent<HTMLInputElement>, date?: Date) => {\n      if (range) {\n        if (!date) {\n          return;\n        }\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) {\n          setRangeState(next);\n        }\n        onRangeChange?.(next);\n        if (next[0] && next[1]) {\n          setIsOpen(false);\n        }\n        return;\n      }\n      onChangeProp?.(event, date, props);\n      setIsOpen(false);\n    },\n    [onChangeProp, props, range, currentRange, isRangeControlled, onRangeChange]\n  );\n\n  const onToggle = useCallback(() => {\n    if (!disabled) {\n      setIsOpen((prevState) => !prevState);\n    }\n  }, [disabled]);\n\n  const onClickAway = useCallback((event: Event | React.SyntheticEvent) => {\n    const target = event.target as HTMLElement;\n\n    if (calendarRef.current?.contains(target) || anchorRef.current?.contains(target)) {\n      return;\n    }\n\n    setIsOpen(false);\n  }, []);\n\n  const months = useMemo(() => getMonths(locale), [locale]);\n  const years = useMemo(() => getYears(new Date().getFullYear(), 100), []);\n\n  let view: React.ReactNode = null;\n\n  switch (openView) {\n    case OpenView.days:\n      view = (\n        <DataPickerDays\n          viewValue={viewValue}\n          value={value}\n          showDaysOutsideMonth={showDaysOutsideMonth}\n          onChange={onChange}\n          disablePast={disablePast}\n          disableFuture={disableFuture}\n          weekStartsOn={weekStartsOn}\n          minDate={minDate}\n          maxDate={maxDate}\n          isDateDisabled={isDateDisabled}\n          locale={locale}\n          range={range}\n          rangeStart={currentRange[0]}\n          rangeEnd={currentRange[1]}\n        />\n      );\n      break;\n    case OpenView.months:\n      view = <DatePickerList value={viewValue.getMonth()} items={months} onChange={onMonthChange} />;\n      break;\n    case OpenView.years:\n      view = <DatePickerList value={viewValue.getFullYear()} items={years} onChange={onYearChange} />;\n      break;\n  }\n\n  const rangeDisplay =\n    range && (currentRange[0] || currentRange[1])\n      ? `${getDisplayDate(currentRange[0], format)} – ${getDisplayDate(currentRange[1], format)}`\n      : \"\";\n\n  return (\n    <>\n      {range ? (\n        <TextField\n          ref={anchorForkRef}\n          value={rangeDisplay}\n          readOnly\n          onChange={() => undefined}\n          disabled={Boolean(disabled)}\n          placeholder={format ? `${format} – ${format}` : undefined}\n          endAdornment={\n            !disableCalendar && (\n              <DatePickerIconButton\n                edge=\"end\"\n                onClick={onToggle}\n                disabled={Boolean(disabled)}\n                data-testid=\"date-picker-icon-button\"\n              >\n                {calendarIcon || <Icon name=\"calendar_today\" fill={1} weight={500} size={24} />}\n              </DatePickerIconButton>\n            )\n          }\n          {...rest}\n        />\n      ) : (\n        <DataPickerInput\n          ref={anchorForkRef}\n          value={value}\n          onChange={onChangeProp}\n          onBlur={onBlurProp}\n          onToggle={onToggle}\n          disabled={disabled}\n          disableCalendar={disableCalendar}\n          format={format}\n          calendarIcon={calendarIcon}\n          {...rest}\n        />\n      )}\n      {createPortal(\n        <Transition\n          nodeRef={calendarRef}\n          in={isOpen && !disabled && !disableCalendar}\n          timeout={150}\n          mountOnEnter\n          unmountOnExit\n        >\n          {(state) => (\n            <ClickAwayListener onClickAway={onClickAway}>\n              <div\n                ref={calendarForkRef}\n                className=\"smwb-date-picker\"\n                style={{\n                  ...floatingStyles,\n                  ...defaultStyle(150),\n                  ...transitionStyles[state],\n                }}\n                data-testid=\"date-picker\"\n                role=\"dialog\"\n                aria-modal=\"false\"\n                aria-label={calendarAriaLabel}\n              >\n                <div className=\"smwb-date-picker__inner\">\n                  <DataPickerHeader\n                    viewValue={viewValue}\n                    locale={locale}\n                    openView={openView}\n                    onChange={onViewValueChange}\n                    onMonthLabelClick={onMonthLabelClick}\n                    onYearLabelClick={onYearLabelClick}\n                  />\n                  <div className=\"smwb-date-picker__body\">{view}</div>\n                </div>\n              </div>\n            </ClickAwayListener>\n          )}\n        </Transition>,\n        document.body\n      )}\n    </>\n  );\n});\n\nexport default DatePicker;\n"],"names":["OpenView","defaultStyle","duration","transitionStyles","DatePicker","React","props","ref","valueProp","onChangeProp","showDaysOutsideMonth","disablePast","disableFuture","weekStartsOn","placement","disabled","disableCalendar","calendarAriaLabel","minDate","maxDate","isDateDisabled","locale","format","range","rangeValue","onRangeChange","calendarIcon","onBlurProp","rest","value","useMemo","isRangeControlled","rangeState","setRangeState","useState","currentRange","viewValue","setViewValue","isValidDate","openView","setOpenView","isOpen","setIsOpen","anchorRef","useRef","calendarRef","resolved","resolvePlacement","refs","floatingStyles","useFloating","autoUpdate","buildFloatingMiddleware","anchorForkRef","useForkRef","calendarForkRef","useSafeLayoutEffect","onViewValueChange","useCallback","onMonthLabelClick","onYearLabelClick","onMonthChange","month","setMonth","onYearChange","setYear","onChange","event","date","start","end","next","onToggle","prevState","onClickAway","target","_a","_b","months","getMonths","years","getYears","view","jsx","DataPickerDays","DatePickerList","rangeDisplay","getDisplayDate","jsxs","Fragment","TextField","DatePickerIconButton","Icon","DataPickerInput","createPortal","Transition","state","ClickAwayListener","DataPickerHeader"],"mappings":"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"}