@purpur/library 9.4.0 → 9.4.3

package/dist/date-picker.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./date-picker-DYXNB5aU.js");exports.DatePicker=e.DatePicker;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./date-picker-uyPKJulK.js");exports.DatePicker=e.DatePicker;
 //# sourceMappingURL=date-picker.cjs.js.map

package/dist/date-picker.es.js

@@ -1,4 +1,4 @@
-import { D as a } from "./date-picker-CbUNbOhn.mjs";
+import { D as a } from "./date-picker-CzxhZxsw.mjs";
 export {
   a as DatePicker
 };

package/dist/date-range-field-CFcjprIl.mjs

@@ -0,0 +1,142 @@
+import { jsx as a, jsxs as n } from "react/jsx-runtime";
+import { forwardRef as M, useId as z, useRef as E } from "react";
+import { D as I } from "./date-field-Cv5CKR1y.mjs";
+import { F as G } from "./field-error-text-CBSX8dGx.mjs";
+import { F as J } from "./field-helper-text-C5ee4SFV.mjs";
+import { b as K } from "./icon-DNHpBTHs-JfI8WyiR.mjs";
+import { L as Q } from "./label-7sJe5-pX.mjs";
+import { V as S } from "./visually-hidden-BYFkJEp1.mjs";
+import { c as U } from "./bind-CU-R61T-.mjs";
+/* empty css                 */
+const W = {
+  name: "calendar",
+  svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M8 1.6a.9.9 0 0 1 .9.9V7a.9.9 0 0 1-1.8 0V5.9H4a.1.1 0 0 0-.1.1v3.105A.91.91 0 0 1 4 9.1h16.1V6a.1.1 0 0 0-.1-.1h-3.1V7a.9.9 0 1 1-1.8 0V5.9h-3.6a.9.9 0 1 1 0-1.8h3.6V2.5a.9.9 0 1 1 1.8 0v1.6H20c1.05 0 1.9.85 1.9 1.9v14a1.9 1.9 0 0 1-1.9 1.9H4A1.9 1.9 0 0 1 2.1 20V6c0-1.05.85-1.9 1.9-1.9h3.1V2.5a.9.9 0 0 1 .9-.9Zm12.1 9.3H4a.917.917 0 0 1-.1-.005V20a.1.1 0 0 0 .1.1h16a.1.1 0 0 0 .1-.1v-9.1ZM5.6 13.5a.9.9 0 0 1 .9-.9h1a.9.9 0 1 1 0 1.8h-1a.9.9 0 0 1-.9-.9Zm5 0a.9.9 0 0 1 .9-.9h1a.9.9 0 1 1 0 1.8h-1a.9.9 0 0 1-.9-.9Zm5 0a.9.9 0 0 1 .9-.9h1a.9.9 0 1 1 0 1.8h-1a.9.9 0 0 1-.9-.9Zm-10 4a.9.9 0 0 1 .9-.9h1a.9.9 0 1 1 0 1.8h-1a.9.9 0 0 1-.9-.9Zm5 0a.9.9 0 0 1 .9-.9h1a.9.9 0 1 1 0 1.8h-1a.9.9 0 0 1-.9-.9Zm5 0a.9.9 0 0 1 .9-.9h1a.9.9 0 1 1 0 1.8h-1a.9.9 0 0 1-.9-.9Z" clip-rule="evenodd"/></svg>',
+  keywords: ["calendar"],
+  category: "other"
+}, H = (l) => /* @__PURE__ */ a(K, { ...l, svg: W });
+H.displayName = "IconCalendar";
+const X = {
+  "purpur-date-range-field": "_purpur-date-range-field_1gys2_1",
+  "purpur-date-range-field__label": "_purpur-date-range-field__label_1gys2_10",
+  "purpur-date-range-field__label--disabled": "_purpur-date-range-field__label--disabled_1gys2_18",
+  "purpur-date-range-field__fields": "_purpur-date-range-field__fields_1gys2_21",
+  "purpur-date-range-field__field": "_purpur-date-range-field__field_1gys2_21",
+  "purpur-date-range-field__field--from": "_purpur-date-range-field__field--from_1gys2_32",
+  "purpur-date-range-field__field--to": "_purpur-date-range-field__field--to_1gys2_43"
+}, o = U.bind(X), e = "purpur-date-range-field", Y = M(
+  ({
+    label: l,
+    fromLabel: N,
+    toLabel: Z,
+    helperText: f,
+    errorText: t,
+    disabled: r,
+    readOnly: _,
+    required: p,
+    hideRequiredAsterisk: w,
+    fromValue: C,
+    toValue: j,
+    onFromChange: B,
+    onToChange: D,
+    fromFieldProps: m,
+    toFieldProps: g,
+    fromInputRef: s,
+    toInputRef: R,
+    className: L,
+    ...A
+  }, F) => {
+    const d = A["data-testid"], i = z(), h = E(null), k = (u) => {
+      h.current = u, typeof s == "function" ? s(u) : s && (s.current = u);
+    }, c = l ? `${i}-label` : void 0, v = `${i}-from-label`, b = `${i}-to-label`, $ = f ? `${i}-helper` : void 0, y = t ? `${i}-error` : void 0, V = [$, y].filter(Boolean).join(" ") || void 0;
+    return /* @__PURE__ */ n(
+      "fieldset",
+      {
+        ref: F,
+        className: o(e, L, {
+          [`${e}--disabled`]: r,
+          [`${e}--readonly`]: _ && !r
+        }),
+        "data-testid": d,
+        children: [
+          l && // Mimics native <label> click-to-focus; no key handler needed (<legend> is not focusable).
+          // eslint-disable-next-line jsx-a11y/click-events-have-key-events
+          /* @__PURE__ */ a(
+            "legend",
+            {
+              id: c,
+              className: o(`${e}__label`, {
+                [`${e}__label--disabled`]: r
+              }),
+              "data-testid": d && `${d}-label`,
+              onClick: r ? void 0 : () => {
+                h.current?.focus();
+              },
+              children: /* @__PURE__ */ n(Q, { disabled: r, children: [
+                p && !w && /* @__PURE__ */ a("span", { "aria-hidden": !0, children: "*" }),
+                l
+              ] })
+            }
+          ),
+          /* @__PURE__ */ n(S, { children: [
+            /* @__PURE__ */ a("span", { id: v, children: N }),
+            /* @__PURE__ */ a("span", { id: b, children: Z })
+          ] }),
+          /* @__PURE__ */ n("div", { className: o(`${e}__fields`), children: [
+            /* @__PURE__ */ a(
+              I,
+              {
+                ...m,
+                ref: k,
+                id: m?.id ?? `${i}-from`,
+                className: o(`${e}__field`, `${e}__field--from`),
+                startAdornment: /* @__PURE__ */ a(H, { size: "sm" }),
+                disabled: r,
+                readOnly: _,
+                required: p,
+                errorText: t,
+                value: C,
+                onChange: B,
+                "aria-labelledby": [c, v].filter(Boolean).join(" ") || void 0,
+                "aria-describedby": V,
+                "data-testid": d && `${d}-from`
+              }
+            ),
+            /* @__PURE__ */ a(
+              I,
+              {
+                ...g,
+                ref: R,
+                id: g?.id ?? `${i}-to`,
+                className: o(`${e}__field`, `${e}__field--to`),
+                disabled: r,
+                readOnly: _,
+                required: p,
+                errorText: t,
+                value: j,
+                onChange: D,
+                "aria-labelledby": [c, b].filter(Boolean).join(" ") || void 0,
+                "aria-describedby": V,
+                "data-testid": d && `${d}-to`
+              }
+            )
+          ] }),
+          f && /* @__PURE__ */ a(J, { id: $, disabled: r, children: f }),
+          t && /* @__PURE__ */ a(
+            G,
+            {
+              id: y,
+              "data-testid": d && `${d}-error`,
+              children: t
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Y.displayName = "DateRangeField";
+export {
+  Y as D,
+  H as r
+};
+//# sourceMappingURL=date-range-field-CFcjprIl.mjs.map

package/dist/date-range-field-CFcjprIl.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-range-field-CFcjprIl.mjs","sources":["../../../components/icon/dist/components/calendar.es.js","../../../components/date-range-field/src/date-range-field.tsx"],"sourcesContent":["import { jsx as h } from \"react/jsx-runtime\";\nimport { I as e } from \"../icon-DNHpBTHs.mjs\";\nconst o = {\n  name: \"calendar\",\n  svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M8 1.6a.9.9 0 0 1 .9.9V7a.9.9 0 0 1-1.8 0V5.9H4a.1.1 0 0 0-.1.1v3.105A.91.91 0 0 1 4 9.1h16.1V6a.1.1 0 0 0-.1-.1h-3.1V7a.9.9 0 1 1-1.8 0V5.9h-3.6a.9.9 0 1 1 0-1.8h3.6V2.5a.9.9 0 1 1 1.8 0v1.6H20c1.05 0 1.9.85 1.9 1.9v14a1.9 1.9 0 0 1-1.9 1.9H4A1.9 1.9 0 0 1 2.1 20V6c0-1.05.85-1.9 1.9-1.9h3.1V2.5a.9.9 0 0 1 .9-.9Zm12.1 9.3H4a.917.917 0 0 1-.1-.005V20a.1.1 0 0 0 .1.1h16a.1.1 0 0 0 .1-.1v-9.1ZM5.6 13.5a.9.9 0 0 1 .9-.9h1a.9.9 0 1 1 0 1.8h-1a.9.9 0 0 1-.9-.9Zm5 0a.9.9 0 0 1 .9-.9h1a.9.9 0 1 1 0 1.8h-1a.9.9 0 0 1-.9-.9Zm5 0a.9.9 0 0 1 .9-.9h1a.9.9 0 1 1 0 1.8h-1a.9.9 0 0 1-.9-.9Zm-10 4a.9.9 0 0 1 .9-.9h1a.9.9 0 1 1 0 1.8h-1a.9.9 0 0 1-.9-.9Zm5 0a.9.9 0 0 1 .9-.9h1a.9.9 0 1 1 0 1.8h-1a.9.9 0 0 1-.9-.9Zm5 0a.9.9 0 0 1 .9-.9h1a.9.9 0 1 1 0 1.8h-1a.9.9 0 0 1-.9-.9Z\" clip-rule=\"evenodd\"/></svg>',\n  keywords: [\"calendar\"],\n  category: \"other\"\n}, r = (a) => /* @__PURE__ */ h(e, { ...a, svg: o });\nr.displayName = \"IconCalendar\";\nexport {\n  r as IconCalendar\n};\n//# sourceMappingURL=calendar.es.js.map\n","import React, { type ForwardedRef, forwardRef, useId, useRef } from \"react\";\nimport { DateField, type DateFieldProps } from \"@purpur/date-field\";\nimport { FieldErrorText } from \"@purpur/field-error-text\";\nimport { FieldHelperText } from \"@purpur/field-helper-text\";\nimport { IconCalendar } from \"@purpur/icon/calendar\";\nimport { Label } from \"@purpur/label\";\nimport { VisuallyHidden } from \"@purpur/visually-hidden\";\nimport c from \"classnames/bind\";\n\nimport \"@purpur/date-field/styles\";\nimport \"@purpur/field-error-text/styles\";\nimport \"@purpur/field-helper-text/styles\";\nimport \"@purpur/icon/styles\";\nimport \"@purpur/label/styles\";\nimport styles from \"./date-range-field.module.scss\";\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-date-range-field\";\n\ntype IndividualFieldProps = Omit<\n  DateFieldProps,\n  | \"value\"\n  | \"onChange\"\n  | \"disabled\"\n  | \"readOnly\"\n  | \"required\"\n  | \"negative\"\n  | \"aria-labelledby\"\n  | \"aria-describedby\"\n  | \"data-testid\"\n  | \"startAdornment\"\n  | \"className\"\n  | \"ref\"\n>;\n\nexport type DateRangeFieldProps = {\n  label?: string;\n  fromLabel: string;\n  toLabel: string;\n  helperText?: string;\n  errorText?: string;\n  disabled?: boolean;\n  readOnly?: boolean;\n  required?: boolean;\n  hideRequiredAsterisk?: boolean;\n\n  fromValue?: Date;\n  toValue?: Date;\n  onFromChange?: (date: Date | undefined) => void;\n  onToChange?: (date: Date | undefined) => void;\n\n  fromFieldProps?: IndividualFieldProps;\n  toFieldProps?: IndividualFieldProps;\n\n  fromInputRef?: React.Ref<HTMLInputElement>;\n  toInputRef?: React.Ref<HTMLInputElement>;\n\n  className?: string;\n  [\"data-testid\"]?: string;\n};\n\nexport const DateRangeField = forwardRef(\n  (\n    {\n      label,\n      fromLabel,\n      toLabel,\n      helperText,\n      errorText,\n      disabled,\n      readOnly,\n      required,\n      hideRequiredAsterisk,\n      fromValue,\n      toValue,\n      onFromChange,\n      onToChange,\n      fromFieldProps,\n      toFieldProps,\n      fromInputRef: externalFromInputRef,\n      toInputRef: externalToInputRef,\n      className,\n      ...rest\n    }: DateRangeFieldProps,\n    ref: ForwardedRef<HTMLFieldSetElement>\n  ) => {\n    const dataTestId = rest[\"data-testid\"];\n    const baseId = useId();\n    const fromInputRef = useRef<HTMLInputElement>(null);\n    const setFromInputRef = (node: HTMLInputElement | null) => {\n      fromInputRef.current = node;\n      if (typeof externalFromInputRef === \"function\") {\n        externalFromInputRef(node);\n      } else if (externalFromInputRef) {\n        (externalFromInputRef as React.MutableRefObject<HTMLInputElement | null>).current =\n          node;\n      }\n    };\n    const labelId = label ? `${baseId}-label` : undefined;\n    const fromHiddenLabelId = `${baseId}-from-label`;\n    const toHiddenLabelId = `${baseId}-to-label`;\n    const helperId = helperText ? `${baseId}-helper` : undefined;\n    const errorId = errorText ? `${baseId}-error` : undefined;\n\n    const describedBy = [helperId, errorId].filter(Boolean).join(\" \") || undefined;\n\n    return (\n      <fieldset\n        ref={ref}\n        className={cx(rootClassName, className, {\n          [`${rootClassName}--disabled`]: disabled,\n          [`${rootClassName}--readonly`]: readOnly && !disabled,\n        })}\n        data-testid={dataTestId}\n      >\n        {label && (\n          // Mimics native <label> click-to-focus; no key handler needed (<legend> is not focusable).\n          // eslint-disable-next-line jsx-a11y/click-events-have-key-events\n          <legend\n            id={labelId}\n            className={cx(`${rootClassName}__label`, {\n              [`${rootClassName}__label--disabled`]: disabled,\n            })}\n            data-testid={dataTestId && `${dataTestId}-label`}\n            onClick={\n              disabled\n                ? undefined\n                : () => {\n                    fromInputRef.current?.focus();\n                  }\n            }\n          >\n            <Label disabled={disabled}>\n              {required && !hideRequiredAsterisk && <span aria-hidden>*</span>}\n              {label}\n            </Label>\n          </legend>\n        )}\n\n        <VisuallyHidden>\n          <span id={fromHiddenLabelId}>{fromLabel}</span>\n          <span id={toHiddenLabelId}>{toLabel}</span>\n        </VisuallyHidden>\n\n        <div className={cx(`${rootClassName}__fields`)}>\n          <DateField\n            {...fromFieldProps}\n            ref={setFromInputRef}\n            id={fromFieldProps?.id ?? `${baseId}-from`}\n            className={cx(`${rootClassName}__field`, `${rootClassName}__field--from`)}\n            startAdornment={<IconCalendar size=\"sm\" />}\n            disabled={disabled}\n            readOnly={readOnly}\n            required={required}\n            errorText={errorText}\n            value={fromValue}\n            onChange={onFromChange}\n            aria-labelledby={[labelId, fromHiddenLabelId].filter(Boolean).join(\" \") || undefined}\n            aria-describedby={describedBy}\n            data-testid={dataTestId && `${dataTestId}-from`}\n          />\n          <DateField\n            {...toFieldProps}\n            ref={externalToInputRef}\n            id={toFieldProps?.id ?? `${baseId}-to`}\n            className={cx(`${rootClassName}__field`, `${rootClassName}__field--to`)}\n            disabled={disabled}\n            readOnly={readOnly}\n            required={required}\n            errorText={errorText}\n            value={toValue}\n            onChange={onToChange}\n            aria-labelledby={[labelId, toHiddenLabelId].filter(Boolean).join(\" \") || undefined}\n            aria-describedby={describedBy}\n            data-testid={dataTestId && `${dataTestId}-to`}\n          />\n        </div>\n\n        {helperText && (\n          <FieldHelperText id={helperId!} disabled={disabled}>\n            {helperText}\n          </FieldHelperText>\n        )}\n        {errorText && (\n          <FieldErrorText\n            id={errorId}\n            data-testid={dataTestId && `${dataTestId}-error`}\n          >\n            {errorText}\n          </FieldErrorText>\n        )}\n      </fieldset>\n    );\n  }\n);\n\nDateRangeField.displayName = \"DateRangeField\";\n"],"names":["o","r","a","h","e","cx","c","styles","rootClassName","DateRangeField","forwardRef","label","fromLabel","toLabel","helperText","errorText","disabled","readOnly","required","hideRequiredAsterisk","fromValue","toValue","onFromChange","onToChange","fromFieldProps","toFieldProps","externalFromInputRef","externalToInputRef","className","rest","ref","dataTestId","baseId","useId","fromInputRef","useRef","setFromInputRef","node","labelId","fromHiddenLabelId","toHiddenLabelId","helperId","errorId","describedBy","jsxs","jsx","Label","VisuallyHidden","DateField","IconCalendar","FieldHelperText","FieldErrorText"],"mappings":"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"}

package/dist/date-range-field-D8vLeSwp.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),p=require("react"),H=require("./date-field-BKKty89_.js"),k=require("./field-error-text-FhQulSV5.js"),E=require("./field-helper-text-DSKO-Tce.js"),M=require("./icon-DNHpBTHs-faYHqTXU.js"),z=require("./label-yHK80hhV.js"),G=require("./visually-hidden-C2CKovZx.js"),J=require("./bind-DeUYJ6m9.js");;/* empty css                 */const K={name:"calendar",svg:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M8 1.6a.9.9 0 0 1 .9.9V7a.9.9 0 0 1-1.8 0V5.9H4a.1.1 0 0 0-.1.1v3.105A.91.91 0 0 1 4 9.1h16.1V6a.1.1 0 0 0-.1-.1h-3.1V7a.9.9 0 1 1-1.8 0V5.9h-3.6a.9.9 0 1 1 0-1.8h3.6V2.5a.9.9 0 1 1 1.8 0v1.6H20c1.05 0 1.9.85 1.9 1.9v14a1.9 1.9 0 0 1-1.9 1.9H4A1.9 1.9 0 0 1 2.1 20V6c0-1.05.85-1.9 1.9-1.9h3.1V2.5a.9.9 0 0 1 .9-.9Zm12.1 9.3H4a.917.917 0 0 1-.1-.005V20a.1.1 0 0 0 .1.1h16a.1.1 0 0 0 .1-.1v-9.1ZM5.6 13.5a.9.9 0 0 1 .9-.9h1a.9.9 0 1 1 0 1.8h-1a.9.9 0 0 1-.9-.9Zm5 0a.9.9 0 0 1 .9-.9h1a.9.9 0 1 1 0 1.8h-1a.9.9 0 0 1-.9-.9Zm5 0a.9.9 0 0 1 .9-.9h1a.9.9 0 1 1 0 1.8h-1a.9.9 0 0 1-.9-.9Zm-10 4a.9.9 0 0 1 .9-.9h1a.9.9 0 1 1 0 1.8h-1a.9.9 0 0 1-.9-.9Zm5 0a.9.9 0 0 1 .9-.9h1a.9.9 0 1 1 0 1.8h-1a.9.9 0 0 1-.9-.9Zm5 0a.9.9 0 0 1 .9-.9h1a.9.9 0 1 1 0 1.8h-1a.9.9 0 0 1-.9-.9Z" clip-rule="evenodd"/></svg>',keywords:["calendar"],category:"other"},g=l=>e.jsx(M.b,{...l,svg:K});g.displayName="IconCalendar";const Q={"purpur-date-range-field":"_purpur-date-range-field_1gys2_1","purpur-date-range-field__label":"_purpur-date-range-field__label_1gys2_10","purpur-date-range-field__label--disabled":"_purpur-date-range-field__label--disabled_1gys2_18","purpur-date-range-field__fields":"_purpur-date-range-field__fields_1gys2_21","purpur-date-range-field__field":"_purpur-date-range-field__field_1gys2_21","purpur-date-range-field__field--from":"_purpur-date-range-field__field--from_1gys2_32","purpur-date-range-field__field--to":"_purpur-date-range-field__field--to_1gys2_43"},t=J.c.bind(Q),a="purpur-date-range-field",I=p.forwardRef(({label:l,fromLabel:V,toLabel:N,helperText:o,errorText:s,disabled:r,readOnly:c,required:_,hideRequiredAsterisk:q,fromValue:R,toValue:Z,onFromChange:w,onToChange:B,fromFieldProps:h,toFieldProps:m,fromInputRef:n,toInputRef:C,className:D,...F},A)=>{const d=F["data-testid"],i=p.useId(),b=p.useRef(null),L=f=>{b.current=f,typeof n=="function"?n(f):n&&(n.current=f)},u=l?`${i}-label`:void 0,v=`${i}-from-label`,y=`${i}-to-label`,j=o?`${i}-helper`:void 0,$=s?`${i}-error`:void 0,x=[j,$].filter(Boolean).join(" ")||void 0;return e.jsxs("fieldset",{ref:A,className:t(a,D,{[`${a}--disabled`]:r,[`${a}--readonly`]:c&&!r}),"data-testid":d,children:[l&&e.jsx("legend",{id:u,className:t(`${a}__label`,{[`${a}__label--disabled`]:r}),"data-testid":d&&`${d}-label`,onClick:r?void 0:()=>{b.current?.focus()},children:e.jsxs(z.Label,{disabled:r,children:[_&&!q&&e.jsx("span",{"aria-hidden":!0,children:"*"}),l]})}),e.jsxs(G.VisuallyHidden,{children:[e.jsx("span",{id:v,children:V}),e.jsx("span",{id:y,children:N})]}),e.jsxs("div",{className:t(`${a}__fields`),children:[e.jsx(H.DateField,{...h,ref:L,id:h?.id??`${i}-from`,className:t(`${a}__field`,`${a}__field--from`),startAdornment:e.jsx(g,{size:"sm"}),disabled:r,readOnly:c,required:_,errorText:s,value:R,onChange:w,"aria-labelledby":[u,v].filter(Boolean).join(" ")||void 0,"aria-describedby":x,"data-testid":d&&`${d}-from`}),e.jsx(H.DateField,{...m,ref:C,id:m?.id??`${i}-to`,className:t(`${a}__field`,`${a}__field--to`),disabled:r,readOnly:c,required:_,errorText:s,value:Z,onChange:B,"aria-labelledby":[u,y].filter(Boolean).join(" ")||void 0,"aria-describedby":x,"data-testid":d&&`${d}-to`})]}),o&&e.jsx(E.FieldHelperText,{id:j,disabled:r,children:o}),s&&e.jsx(k.FieldErrorText,{id:$,"data-testid":d&&`${d}-error`,children:s})]})});I.displayName="DateRangeField";exports.DateRangeField=I;exports.r=g;
+//# sourceMappingURL=date-range-field-D8vLeSwp.js.map

package/dist/date-range-field-D8vLeSwp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-range-field-D8vLeSwp.js","sources":["../../../components/icon/dist/components/calendar.es.js","../../../components/date-range-field/src/date-range-field.tsx"],"sourcesContent":["import { jsx as h } from \"react/jsx-runtime\";\nimport { I as e } from \"../icon-DNHpBTHs.mjs\";\nconst o = {\n  name: \"calendar\",\n  svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M8 1.6a.9.9 0 0 1 .9.9V7a.9.9 0 0 1-1.8 0V5.9H4a.1.1 0 0 0-.1.1v3.105A.91.91 0 0 1 4 9.1h16.1V6a.1.1 0 0 0-.1-.1h-3.1V7a.9.9 0 1 1-1.8 0V5.9h-3.6a.9.9 0 1 1 0-1.8h3.6V2.5a.9.9 0 1 1 1.8 0v1.6H20c1.05 0 1.9.85 1.9 1.9v14a1.9 1.9 0 0 1-1.9 1.9H4A1.9 1.9 0 0 1 2.1 20V6c0-1.05.85-1.9 1.9-1.9h3.1V2.5a.9.9 0 0 1 .9-.9Zm12.1 9.3H4a.917.917 0 0 1-.1-.005V20a.1.1 0 0 0 .1.1h16a.1.1 0 0 0 .1-.1v-9.1ZM5.6 13.5a.9.9 0 0 1 .9-.9h1a.9.9 0 1 1 0 1.8h-1a.9.9 0 0 1-.9-.9Zm5 0a.9.9 0 0 1 .9-.9h1a.9.9 0 1 1 0 1.8h-1a.9.9 0 0 1-.9-.9Zm5 0a.9.9 0 0 1 .9-.9h1a.9.9 0 1 1 0 1.8h-1a.9.9 0 0 1-.9-.9Zm-10 4a.9.9 0 0 1 .9-.9h1a.9.9 0 1 1 0 1.8h-1a.9.9 0 0 1-.9-.9Zm5 0a.9.9 0 0 1 .9-.9h1a.9.9 0 1 1 0 1.8h-1a.9.9 0 0 1-.9-.9Zm5 0a.9.9 0 0 1 .9-.9h1a.9.9 0 1 1 0 1.8h-1a.9.9 0 0 1-.9-.9Z\" clip-rule=\"evenodd\"/></svg>',\n  keywords: [\"calendar\"],\n  category: \"other\"\n}, r = (a) => /* @__PURE__ */ h(e, { ...a, svg: o });\nr.displayName = \"IconCalendar\";\nexport {\n  r as IconCalendar\n};\n//# sourceMappingURL=calendar.es.js.map\n","import React, { type ForwardedRef, forwardRef, useId, useRef } from \"react\";\nimport { DateField, type DateFieldProps } from \"@purpur/date-field\";\nimport { FieldErrorText } from \"@purpur/field-error-text\";\nimport { FieldHelperText } from \"@purpur/field-helper-text\";\nimport { IconCalendar } from \"@purpur/icon/calendar\";\nimport { Label } from \"@purpur/label\";\nimport { VisuallyHidden } from \"@purpur/visually-hidden\";\nimport c from \"classnames/bind\";\n\nimport \"@purpur/date-field/styles\";\nimport \"@purpur/field-error-text/styles\";\nimport \"@purpur/field-helper-text/styles\";\nimport \"@purpur/icon/styles\";\nimport \"@purpur/label/styles\";\nimport styles from \"./date-range-field.module.scss\";\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-date-range-field\";\n\ntype IndividualFieldProps = Omit<\n  DateFieldProps,\n  | \"value\"\n  | \"onChange\"\n  | \"disabled\"\n  | \"readOnly\"\n  | \"required\"\n  | \"negative\"\n  | \"aria-labelledby\"\n  | \"aria-describedby\"\n  | \"data-testid\"\n  | \"startAdornment\"\n  | \"className\"\n  | \"ref\"\n>;\n\nexport type DateRangeFieldProps = {\n  label?: string;\n  fromLabel: string;\n  toLabel: string;\n  helperText?: string;\n  errorText?: string;\n  disabled?: boolean;\n  readOnly?: boolean;\n  required?: boolean;\n  hideRequiredAsterisk?: boolean;\n\n  fromValue?: Date;\n  toValue?: Date;\n  onFromChange?: (date: Date | undefined) => void;\n  onToChange?: (date: Date | undefined) => void;\n\n  fromFieldProps?: IndividualFieldProps;\n  toFieldProps?: IndividualFieldProps;\n\n  fromInputRef?: React.Ref<HTMLInputElement>;\n  toInputRef?: React.Ref<HTMLInputElement>;\n\n  className?: string;\n  [\"data-testid\"]?: string;\n};\n\nexport const DateRangeField = forwardRef(\n  (\n    {\n      label,\n      fromLabel,\n      toLabel,\n      helperText,\n      errorText,\n      disabled,\n      readOnly,\n      required,\n      hideRequiredAsterisk,\n      fromValue,\n      toValue,\n      onFromChange,\n      onToChange,\n      fromFieldProps,\n      toFieldProps,\n      fromInputRef: externalFromInputRef,\n      toInputRef: externalToInputRef,\n      className,\n      ...rest\n    }: DateRangeFieldProps,\n    ref: ForwardedRef<HTMLFieldSetElement>\n  ) => {\n    const dataTestId = rest[\"data-testid\"];\n    const baseId = useId();\n    const fromInputRef = useRef<HTMLInputElement>(null);\n    const setFromInputRef = (node: HTMLInputElement | null) => {\n      fromInputRef.current = node;\n      if (typeof externalFromInputRef === \"function\") {\n        externalFromInputRef(node);\n      } else if (externalFromInputRef) {\n        (externalFromInputRef as React.MutableRefObject<HTMLInputElement | null>).current =\n          node;\n      }\n    };\n    const labelId = label ? `${baseId}-label` : undefined;\n    const fromHiddenLabelId = `${baseId}-from-label`;\n    const toHiddenLabelId = `${baseId}-to-label`;\n    const helperId = helperText ? `${baseId}-helper` : undefined;\n    const errorId = errorText ? `${baseId}-error` : undefined;\n\n    const describedBy = [helperId, errorId].filter(Boolean).join(\" \") || undefined;\n\n    return (\n      <fieldset\n        ref={ref}\n        className={cx(rootClassName, className, {\n          [`${rootClassName}--disabled`]: disabled,\n          [`${rootClassName}--readonly`]: readOnly && !disabled,\n        })}\n        data-testid={dataTestId}\n      >\n        {label && (\n          // Mimics native <label> click-to-focus; no key handler needed (<legend> is not focusable).\n          // eslint-disable-next-line jsx-a11y/click-events-have-key-events\n          <legend\n            id={labelId}\n            className={cx(`${rootClassName}__label`, {\n              [`${rootClassName}__label--disabled`]: disabled,\n            })}\n            data-testid={dataTestId && `${dataTestId}-label`}\n            onClick={\n              disabled\n                ? undefined\n                : () => {\n                    fromInputRef.current?.focus();\n                  }\n            }\n          >\n            <Label disabled={disabled}>\n              {required && !hideRequiredAsterisk && <span aria-hidden>*</span>}\n              {label}\n            </Label>\n          </legend>\n        )}\n\n        <VisuallyHidden>\n          <span id={fromHiddenLabelId}>{fromLabel}</span>\n          <span id={toHiddenLabelId}>{toLabel}</span>\n        </VisuallyHidden>\n\n        <div className={cx(`${rootClassName}__fields`)}>\n          <DateField\n            {...fromFieldProps}\n            ref={setFromInputRef}\n            id={fromFieldProps?.id ?? `${baseId}-from`}\n            className={cx(`${rootClassName}__field`, `${rootClassName}__field--from`)}\n            startAdornment={<IconCalendar size=\"sm\" />}\n            disabled={disabled}\n            readOnly={readOnly}\n            required={required}\n            errorText={errorText}\n            value={fromValue}\n            onChange={onFromChange}\n            aria-labelledby={[labelId, fromHiddenLabelId].filter(Boolean).join(\" \") || undefined}\n            aria-describedby={describedBy}\n            data-testid={dataTestId && `${dataTestId}-from`}\n          />\n          <DateField\n            {...toFieldProps}\n            ref={externalToInputRef}\n            id={toFieldProps?.id ?? `${baseId}-to`}\n            className={cx(`${rootClassName}__field`, `${rootClassName}__field--to`)}\n            disabled={disabled}\n            readOnly={readOnly}\n            required={required}\n            errorText={errorText}\n            value={toValue}\n            onChange={onToChange}\n            aria-labelledby={[labelId, toHiddenLabelId].filter(Boolean).join(\" \") || undefined}\n            aria-describedby={describedBy}\n            data-testid={dataTestId && `${dataTestId}-to`}\n          />\n        </div>\n\n        {helperText && (\n          <FieldHelperText id={helperId!} disabled={disabled}>\n            {helperText}\n          </FieldHelperText>\n        )}\n        {errorText && (\n          <FieldErrorText\n            id={errorId}\n            data-testid={dataTestId && `${dataTestId}-error`}\n          >\n            {errorText}\n          </FieldErrorText>\n        )}\n      </fieldset>\n    );\n  }\n);\n\nDateRangeField.displayName = \"DateRangeField\";\n"],"names":["o","r","a","h","e","cx","c","styles","rootClassName","DateRangeField","forwardRef","label","fromLabel","toLabel","helperText","errorText","disabled","readOnly","required","hideRequiredAsterisk","fromValue","toValue","onFromChange","onToChange","fromFieldProps","toFieldProps","externalFromInputRef","externalToInputRef","className","rest","ref","dataTestId","baseId","useId","fromInputRef","useRef","setFromInputRef","node","labelId","fromHiddenLabelId","toHiddenLabelId","helperId","errorId","describedBy","jsxs","jsx","Label","VisuallyHidden","DateField","IconCalendar","FieldHelperText","FieldErrorText"],"mappings":"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"}

package/dist/date-range-field.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./date-range-field-D8vLeSwp.js");exports.DateRangeField=e.DateRangeField;
+//# sourceMappingURL=date-range-field.cjs.js.map

package/dist/date-range-field.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-range-field.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/date-range-field.es.js

@@ -0,0 +1,5 @@
+import { D as o } from "./date-range-field-CFcjprIl.mjs";
+export {
+  o as DateRangeField
+};
+//# sourceMappingURL=date-range-field.es.js.map

package/dist/date-range-field.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-range-field.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/{floating-ui.react-dom-gsHLgcoR.mjs → floating-ui.react-dom-EredA301.mjs}

@@ -1340,7 +1340,7 @@ const Ie = (t) => {
   };
 };
 export {
-  St as a,
+  Y as a,
   N as b,
   bt as c,
   Z as d,
@@ -1348,7 +1348,7 @@ export {
   H as f,
   nt as g,
   Bt as h,
-  Y as i,
+  St as i,
   tt as j,
   Ye as k,
   Je as l,
@@ -1360,4 +1360,4 @@ export {
   Ke as s,
   qe as u
 };
-//# sourceMappingURL=floating-ui.react-dom-gsHLgcoR.mjs.map
+//# sourceMappingURL=floating-ui.react-dom-EredA301.mjs.map