@purpur/library 10.1.0 → 10.2.0

package/dist/date-picker.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./date-picker-BYlszX1W.js");exports.DatePicker=e.DatePicker;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./date-picker-re3cPV_Z.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-sqcNAplg.mjs";
+import { D as a } from "./date-picker-Ban9DLsx.mjs";
 export {
   a as DatePicker
 };

package/dist/date-range-field-8JmPw-Ei.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),p=require("react"),N=require("./date-field-D8yGH1mw.js"),z=require("./field-error-text-FhQulSV5.js"),G=require("./field-helper-text-DSKO-Tce.js"),J=require("./icon-DNHpBTHs-faYHqTXU.js"),K=require("./label-yHK80hhV.js"),Q=require("./visually-hidden-C2CKovZx.js"),S=require("./bind-DeUYJ6m9.js");;/* empty css                 */const T={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(J.b,{...l,svg:T});g.displayName="IconCalendar";const U={"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=S.c.bind(U),a="purpur-date-range-field",q=p.forwardRef(({label:l,fromLabel:R,toLabel:Z,helperText:o,errorText:s,formatLabel:h,dateChars:b,format:m,disabled:r,readOnly:c,required:_,hideRequiredAsterisk:w,fromValue:B,toValue:D,onFromChange:C,onToChange:F,fromFieldProps:v,toFieldProps:y,fromInputRef:n,toInputRef:A,className:k,...E},L)=>{const d=E["data-testid"],i=p.useId(),j=p.useRef(null),M=f=>{j.current=f,typeof n=="function"?n(f):n&&(n.current=f)},u=l?`${i}-label`:void 0,$=`${i}-from-label`,x=`${i}-to-label`,H=o?`${i}-helper`:void 0,I=s?`${i}-error`:void 0,V=[H,I].filter(Boolean).join(" ")||void 0;return e.jsxs("fieldset",{ref:L,className:t(a,k,{[`${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:()=>{j.current?.focus()},children:e.jsxs(K.Label,{disabled:r,children:[_&&!w&&e.jsx("span",{"aria-hidden":!0,children:"*"}),l]})}),e.jsxs(Q.VisuallyHidden,{children:[e.jsx("span",{id:$,children:R}),e.jsx("span",{id:x,children:Z})]}),e.jsxs("div",{className:t(`${a}__fields`),children:[e.jsx(N.DateField,{...v,ref:M,id:v?.id??`${i}-from`,className:t(`${a}__field`,`${a}__field--from`),startAdornment:e.jsx(g,{size:"sm"}),disabled:r,readOnly:c,required:_,errorText:s,formatLabel:h,dateChars:b,format:m,value:B,onChange:C,"aria-labelledby":[u,$].filter(Boolean).join(" ")||void 0,"aria-describedby":V,"data-testid":d&&`${d}-from`}),e.jsx(N.DateField,{...y,ref:A,id:y?.id??`${i}-to`,className:t(`${a}__field`,`${a}__field--to`),disabled:r,readOnly:c,required:_,errorText:s,formatLabel:h,dateChars:b,format:m,value:D,onChange:F,"aria-labelledby":[u,x].filter(Boolean).join(" ")||void 0,"aria-describedby":V,"data-testid":d&&`${d}-to`})]}),o&&e.jsx(G.FieldHelperText,{id:H,disabled:r,children:o}),s&&e.jsx(z.FieldErrorText,{id:I,"data-testid":d&&`${d}-error`,children:s})]})});q.displayName="DateRangeField";exports.DateRangeField=q;exports.r=g;
+//# sourceMappingURL=date-range-field-8JmPw-Ei.js.map

package/dist/date-range-field-8JmPw-Ei.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-range-field-8JmPw-Ei.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  | \"formatLabel\"\n  | \"dateChars\"\n  | \"format\"\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  formatLabel: string;\n  dateChars?: DateFieldProps[\"dateChars\"];\n  /** Field order and separator of both fields, e.g. `DD.MM.YYYY`. Defaults to `YYYY-MM-DD`. */\n  format?: DateFieldProps[\"format\"];\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      formatLabel,\n      dateChars,\n      format,\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            formatLabel={formatLabel}\n            dateChars={dateChars}\n            format={format}\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            formatLabel={formatLabel}\n            dateChars={dateChars}\n            format={format}\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","formatLabel","dateChars","format","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-BmjQeiOv.mjs → date-range-field-dmJO66U_.mjs}

@@ -1,21 +1,21 @@
 import { jsx as a, jsxs as s } from "react/jsx-runtime";
-import { forwardRef as E, useId as G, useRef as J } from "react";
-import { D as N } from "./date-field-_rCuf15v.mjs";
-import { F as K } from "./field-error-text-CBSX8dGx.mjs";
-import { F as Q } from "./field-helper-text-C5ee4SFV.mjs";
-import { b as S } from "./icon-DNHpBTHs-JfI8WyiR.mjs";
-import { L as U } from "./label-7sJe5-pX.mjs";
-import { V as W } from "./visually-hidden-BYFkJEp1.mjs";
-import { c as X } from "./bind-CU-R61T-.mjs";
+import { forwardRef as G, useId as J, useRef as K } from "react";
+import { D as Z } from "./date-field-DVMPYoLT.mjs";
+import { F as Q } from "./field-error-text-CBSX8dGx.mjs";
+import { F as S } from "./field-helper-text-C5ee4SFV.mjs";
+import { b as U } from "./icon-DNHpBTHs-JfI8WyiR.mjs";
+import { L as W } from "./label-7sJe5-pX.mjs";
+import { V as X } from "./visually-hidden-BYFkJEp1.mjs";
+import { c as Y } from "./bind-CU-R61T-.mjs";
 /* empty css                 */
-const Y = {
+const x = {
   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"
-}, Z = (l) => /* @__PURE__ */ a(S, { ...l, svg: Y });
-Z.displayName = "IconCalendar";
-const x = {
+}, w = (l) => /* @__PURE__ */ a(U, { ...l, svg: x });
+w.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",
@@ -23,38 +23,39 @@ const x = {
   "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 = X.bind(x), e = "purpur-date-range-field", q = E(
+}, o = Y.bind(q), e = "purpur-date-range-field", O = G(
   ({
     label: l,
-    fromLabel: w,
-    toLabel: j,
+    fromLabel: j,
+    toLabel: B,
     helperText: f,
     errorText: t,
     formatLabel: m,
     dateChars: g,
+    format: h,
     disabled: r,
     readOnly: _,
     required: p,
-    hideRequiredAsterisk: B,
-    fromValue: C,
-    toValue: D,
-    onFromChange: R,
-    onToChange: A,
-    fromFieldProps: h,
-    toFieldProps: v,
+    hideRequiredAsterisk: C,
+    fromValue: D,
+    toValue: R,
+    onFromChange: A,
+    onToChange: F,
+    fromFieldProps: v,
+    toFieldProps: b,
     fromInputRef: n,
-    toInputRef: F,
-    className: L,
-    ...k
-  }, M) => {
-    const d = k["data-testid"], i = G(), b = J(null), z = (u) => {
-      b.current = u, typeof n == "function" ? n(u) : n && (n.current = u);
-    }, c = l ? `${i}-label` : void 0, $ = `${i}-from-label`, y = `${i}-to-label`, V = f ? `${i}-helper` : void 0, I = t ? `${i}-error` : void 0, H = [V, I].filter(Boolean).join(" ") || void 0;
+    toInputRef: L,
+    className: k,
+    ...M
+  }, z) => {
+    const d = M["data-testid"], i = J(), $ = K(null), E = (u) => {
+      $.current = u, typeof n == "function" ? n(u) : n && (n.current = u);
+    }, c = l ? `${i}-label` : void 0, y = `${i}-from-label`, V = `${i}-to-label`, I = f ? `${i}-helper` : void 0, H = t ? `${i}-error` : void 0, N = [I, H].filter(Boolean).join(" ") || void 0;
     return /* @__PURE__ */ s(
       "fieldset",
       {
-        ref: M,
-        className: o(e, L, {
+        ref: z,
+        className: o(e, k, {
           [`${e}--disabled`]: r,
           [`${e}--readonly`]: _ && !r
         }),
@@ -71,46 +72,47 @@ const x = {
               }),
               "data-testid": d && `${d}-label`,
               onClick: r ? void 0 : () => {
-                b.current?.focus();
+                $.current?.focus();
               },
-              children: /* @__PURE__ */ s(U, { disabled: r, children: [
-                p && !B && /* @__PURE__ */ a("span", { "aria-hidden": !0, children: "*" }),
+              children: /* @__PURE__ */ s(W, { disabled: r, children: [
+                p && !C && /* @__PURE__ */ a("span", { "aria-hidden": !0, children: "*" }),
                 l
               ] })
             }
           ),
-          /* @__PURE__ */ s(W, { children: [
-            /* @__PURE__ */ a("span", { id: $, children: w }),
-            /* @__PURE__ */ a("span", { id: y, children: j })
+          /* @__PURE__ */ s(X, { children: [
+            /* @__PURE__ */ a("span", { id: y, children: j }),
+            /* @__PURE__ */ a("span", { id: V, children: B })
           ] }),
           /* @__PURE__ */ s("div", { className: o(`${e}__fields`), children: [
             /* @__PURE__ */ a(
-              N,
+              Z,
               {
-                ...h,
-                ref: z,
-                id: h?.id ?? `${i}-from`,
+                ...v,
+                ref: E,
+                id: v?.id ?? `${i}-from`,
                 className: o(`${e}__field`, `${e}__field--from`),
-                startAdornment: /* @__PURE__ */ a(Z, { size: "sm" }),
+                startAdornment: /* @__PURE__ */ a(w, { size: "sm" }),
                 disabled: r,
                 readOnly: _,
                 required: p,
                 errorText: t,
                 formatLabel: m,
                 dateChars: g,
-                value: C,
-                onChange: R,
-                "aria-labelledby": [c, $].filter(Boolean).join(" ") || void 0,
-                "aria-describedby": H,
+                format: h,
+                value: D,
+                onChange: A,
+                "aria-labelledby": [c, y].filter(Boolean).join(" ") || void 0,
+                "aria-describedby": N,
                 "data-testid": d && `${d}-from`
               }
             ),
             /* @__PURE__ */ a(
-              N,
+              Z,
               {
-                ...v,
-                ref: F,
-                id: v?.id ?? `${i}-to`,
+                ...b,
+                ref: L,
+                id: b?.id ?? `${i}-to`,
                 className: o(`${e}__field`, `${e}__field--to`),
                 disabled: r,
                 readOnly: _,
@@ -118,19 +120,20 @@ const x = {
                 errorText: t,
                 formatLabel: m,
                 dateChars: g,
-                value: D,
-                onChange: A,
-                "aria-labelledby": [c, y].filter(Boolean).join(" ") || void 0,
-                "aria-describedby": H,
+                format: h,
+                value: R,
+                onChange: F,
+                "aria-labelledby": [c, V].filter(Boolean).join(" ") || void 0,
+                "aria-describedby": N,
                 "data-testid": d && `${d}-to`
               }
             )
           ] }),
-          f && /* @__PURE__ */ a(Q, { id: V, disabled: r, children: f }),
+          f && /* @__PURE__ */ a(S, { id: I, disabled: r, children: f }),
           t && /* @__PURE__ */ a(
-            K,
+            Q,
             {
-              id: I,
+              id: H,
               "data-testid": d && `${d}-error`,
               children: t
             }
@@ -140,9 +143,9 @@ const x = {
     );
   }
 );
-q.displayName = "DateRangeField";
+O.displayName = "DateRangeField";
 export {
-  q as D,
-  Z as r
+  O as D,
+  w as r
 };
-//# sourceMappingURL=date-range-field-BmjQeiOv.mjs.map
+//# sourceMappingURL=date-range-field-dmJO66U_.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"date-range-field-dmJO66U_.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  | \"formatLabel\"\n  | \"dateChars\"\n  | \"format\"\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  formatLabel: string;\n  dateChars?: DateFieldProps[\"dateChars\"];\n  /** Field order and separator of both fields, e.g. `DD.MM.YYYY`. Defaults to `YYYY-MM-DD`. */\n  format?: DateFieldProps[\"format\"];\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      formatLabel,\n      dateChars,\n      format,\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            formatLabel={formatLabel}\n            dateChars={dateChars}\n            format={format}\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            formatLabel={formatLabel}\n            dateChars={dateChars}\n            format={format}\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","formatLabel","dateChars","format","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

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

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

@@ -1,4 +1,4 @@
-import { D as o } from "./date-range-field-BmjQeiOv.mjs";
+import { D as o } from "./date-range-field-dmJO66U_.mjs";
 export {
   o as DateRangeField
 };

package/dist/dismissable-chip-group-CVo3CS8K.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),p=require("react"),$=require("./heading-BPeRwNYu.js"),C=require("./bind-DeUYJ6m9.js"),D=require("./close.es-VL3lKi1O.js"),w={"purpur-dismissable-chip-group":"_purpur-dismissable-chip-group_wccgf_1","purpur-dismissable-chip-group--negative":"_purpur-dismissable-chip-group--negative_wccgf_7","purpur-dismissable-chip-group__container":"_purpur-dismissable-chip-group__container_wccgf_10","purpur-dismissable-chip-group__container--full-width":"_purpur-dismissable-chip-group__container--full-width_wccgf_16","purpur-dismissable-chip-group-item-wrapper":"_purpur-dismissable-chip-group-item-wrapper_wccgf_19","purpur-dismissable-chip-group-item":"_purpur-dismissable-chip-group-item_wccgf_19","purpur-dismissable-chip-group__container--sm":"_purpur-dismissable-chip-group__container--sm_wccgf_25","purpur-dismissable-chip-group__container--md":"_purpur-dismissable-chip-group__container--md_wccgf_28","purpur-dismissable-chip-group-item--sm":"_purpur-dismissable-chip-group-item--sm_wccgf_44","purpur-dismissable-chip-group-item--md":"_purpur-dismissable-chip-group-item--md_wccgf_53","purpur-dismissable-chip-group-item--disabled":"_purpur-dismissable-chip-group-item--disabled_wccgf_62","purpur-dismissable-chip-group-item--negative":"_purpur-dismissable-chip-group-item--negative_wccgf_67","purpur-dismissable-chip-group-item-icon":"_purpur-dismissable-chip-group-item-icon_wccgf_117"},_=C.c.bind(w),r="purpur-dismissable-chip-group-item",x=({children:t,id:u,onDismiss:o,disabled:i,...c})=>{const s=p.useContext(g),l=p.useContext(h),n=m=>{i?m.preventDefault():o?.(u)};return e.jsx("li",{className:_(`${r}-wrapper`),children:p.createElement("button",{...c,className:_(`${r}`,{[`${r}--disabled`]:i,[`${r}--negative`]:l,[`${r}--${s}`]:s}),key:u,disabled:i,"aria-disabled":i,onClick:n},t,e.jsx(D.r,{className:_(`${r}-icon`),size:s==="sm"?"xs":"sm"}))},u)};x.displayName="DismissableChipGroupItem";const f=C.c.bind(w),N=["sm","md"],d="md",g=p.createContext(d),h=p.createContext(!1),a="purpur-dismissable-chip-group",b=({children:t,className:u,fullWidth:o=!1,negative:i=!1,size:c=d,title:s,headingTag:l,...n})=>{const m=p.useId(),v=f(a,{[`${a}--negative`]:i},u);return e.jsxs("div",{...n,"aria-labelledby":s?`${m}-label`:void 0,className:v,role:"group",children:[s&&e.jsx($.Heading,{tag:l??"h2",variant:"subsection-100",negative:i,children:s}),e.jsx("ul",{"data-testid":"dismissable-chip-group-container",className:f(`${a}__container`,{[`${a}__container--full-width`]:o,[`${a}__container--${c}`]:c}),"aria-live":"polite","aria-relevant":"additions removals",children:e.jsx(h.Provider,{value:i,children:e.jsx(g.Provider,{value:c,children:t})})})]})};b.Item=x;b.displayName="DismissableChipGroup";exports.DEFAULT_SIZE=d;exports.DismissableChipGroup=b;exports.DismissableChipGroupNegativeContext=h;exports.DismissableChipGroupSizeContext=g;exports.sizes=N;
+//# sourceMappingURL=dismissable-chip-group-CVo3CS8K.js.map

package/dist/dismissable-chip-group-CVo3CS8K.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dismissable-chip-group-CVo3CS8K.js","sources":["../../../components/dismissable-chip-group/src/dismissable-chip-group-item.tsx","../../../components/dismissable-chip-group/src/dismissable-chip-group.tsx"],"sourcesContent":["import React, { type MouseEvent, type ReactNode, useContext } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { IconClose } from \"@purpur/icon/close\";\nimport c from \"classnames/bind\";\n\nimport {\n  DismissableChipGroupNegativeContext,\n  DismissableChipGroupSizeContext,\n} from \"./dismissable-chip-group\";\nimport styles from \"./dismissable-chip-group.module.scss\";\n\nconst cx = c.bind(styles);\n\nexport type DismissableChipGroupItemProps = Omit<BaseProps<\"button\">, \"aria-label\" | \"children\"> & {\n  [\"aria-label\"]: string;\n  children: ReactNode;\n  onDismiss?: (id?: string) => void;\n};\n\nconst rootClassName = \"purpur-dismissable-chip-group-item\";\n\nexport const DismissableChipGroupItem = ({\n  children,\n  id,\n  onDismiss,\n  disabled,\n  ...props\n}: DismissableChipGroupItemProps) => {\n  const size = useContext(DismissableChipGroupSizeContext);\n  const negative = useContext(DismissableChipGroupNegativeContext);\n\n  const handleClick = (e: MouseEvent<HTMLButtonElement>) => {\n    if (disabled) {\n      e.preventDefault();\n    } else {\n      onDismiss?.(id);\n    }\n  };\n\n  return (\n    <li key={id} className={cx(`${rootClassName}-wrapper`)}>\n      <button\n        {...props}\n        className={cx(`${rootClassName}`, {\n          [`${rootClassName}--disabled`]: disabled,\n          [`${rootClassName}--negative`]: negative,\n          [`${rootClassName}--${size}`]: size,\n        })}\n        key={id}\n        disabled={disabled}\n        aria-disabled={disabled}\n        onClick={handleClick}\n      >\n        {children}\n        <IconClose className={cx(`${rootClassName}-icon`)} size={size === \"sm\" ? \"xs\" : \"sm\"} />\n      </button>\n    </li>\n  );\n};\n\nDismissableChipGroupItem.displayName = \"DismissableChipGroupItem\";\n","import React, { createContext, type ReactNode, useId } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Heading, type HeadingTagType } from \"@purpur/heading\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./dismissable-chip-group.module.scss\";\nimport { DismissableChipGroupItem } from \"./dismissable-chip-group-item\";\n\nconst cx = c.bind(styles);\n\nexport const sizes = [\"sm\", \"md\"] as const;\nexport const DEFAULT_SIZE = \"md\" as const;\n\nexport type Size = (typeof sizes)[number];\n\nexport type DismissableChipGroupProps = Omit<BaseProps, \"children\"> & {\n  children: ReactNode;\n  fullWidth?: boolean;\n  negative?: boolean;\n  size?: Size;\n  title?: string;\n  headingTag?: HeadingTagType;\n};\n\nexport const DismissableChipGroupSizeContext = createContext<Size>(DEFAULT_SIZE);\nexport const DismissableChipGroupNegativeContext = createContext(false);\n\nconst rootClassName = \"purpur-dismissable-chip-group\";\n\nexport const DismissableChipGroup = ({\n  children,\n  className,\n  fullWidth = false,\n  negative = false,\n  size = DEFAULT_SIZE,\n  title,\n  headingTag,\n  ...props\n}: DismissableChipGroupProps) => {\n  const id = useId();\n  const classes = cx(rootClassName, { [`${rootClassName}--negative`]: negative }, className);\n\n  return (\n    <div\n      {...props}\n      aria-labelledby={title ? `${id}-label` : undefined}\n      className={classes}\n      role=\"group\"\n    >\n      {title && (\n        <Heading tag={headingTag ?? \"h2\"} variant=\"subsection-100\" negative={negative}>\n          {title}\n        </Heading>\n      )}\n      <ul\n        data-testid=\"dismissable-chip-group-container\"\n        className={cx(`${rootClassName}__container`, {\n          [`${rootClassName}__container--full-width`]: fullWidth,\n          [`${rootClassName}__container--${size}`]: size,\n        })}\n        aria-live=\"polite\"\n        aria-relevant=\"additions removals\"\n      >\n        <DismissableChipGroupNegativeContext.Provider value={negative}>\n          <DismissableChipGroupSizeContext.Provider value={size}>\n            {children}\n          </DismissableChipGroupSizeContext.Provider>\n        </DismissableChipGroupNegativeContext.Provider>\n      </ul>\n    </div>\n  );\n};\n\nDismissableChipGroup.Item = DismissableChipGroupItem;\n\nDismissableChipGroup.displayName = \"DismissableChipGroup\";\n"],"names":["cx","c","styles","rootClassName","DismissableChipGroupItem","children","id","onDismiss","disabled","props","size","useContext","DismissableChipGroupSizeContext","negative","DismissableChipGroupNegativeContext","handleClick","e","createElement","jsx","IconClose","sizes","DEFAULT_SIZE","createContext","DismissableChipGroup","className","fullWidth","title","headingTag","useId","classes","jsxs","Heading"],"mappings":"65CAWMA,EAAKC,EAAAA,EAAE,KAAKC,CAAM,EAQlBC,EAAgB,qCAETC,EAA2B,CAAC,CACvC,SAAAC,EACA,GAAAC,EACA,UAAAC,EACA,SAAAC,EACA,GAAGC,CACL,IAAqC,CACnC,MAAMC,EAAOC,EAAAA,WAAWC,CAA+B,EACjDC,EAAWF,EAAAA,WAAWG,CAAmC,EAEzDC,EAAeC,GAAqC,CACpDR,EACFQ,EAAE,eAAA,EAEFT,IAAYD,CAAE,CAElB,EAEA,aACG,KAAA,CAAY,UAAWN,EAAG,GAAGG,CAAa,UAAU,EACnD,SAAAc,EAAAA,cAAC,SAAA,CACE,GAAGR,EACJ,UAAWT,EAAG,GAAGG,CAAa,GAAI,CAChC,CAAC,GAAGA,CAAa,YAAY,EAAGK,EAChC,CAAC,GAAGL,CAAa,YAAY,EAAGU,EAChC,CAAC,GAAGV,CAAa,KAAKO,CAAI,EAAE,EAAGA,CAAA,CAChC,EACD,IAAKJ,EACL,SAAAE,EACA,gBAAeA,EACf,QAASO,CAAA,EAERV,EACDa,EAAAA,IAACC,EAAAA,EAAA,CAAU,UAAWnB,EAAG,GAAGG,CAAa,OAAO,EAAG,KAAMO,IAAS,KAAO,KAAO,IAAA,CAAM,CAAA,GAdjFJ,CAgBT,CAEJ,EAEAF,EAAyB,YAAc,2BCpDvC,MAAMJ,EAAKC,EAAAA,EAAE,KAAKC,CAAM,EAEXkB,EAAQ,CAAC,KAAM,IAAI,EACnBC,EAAe,KAafT,EAAkCU,EAAAA,cAAoBD,CAAY,EAClEP,EAAsCQ,EAAAA,cAAc,EAAK,EAEhEnB,EAAgB,gCAEToB,EAAuB,CAAC,CACnC,SAAAlB,EACA,UAAAmB,EACA,UAAAC,EAAY,GACZ,SAAAZ,EAAW,GACX,KAAAH,EAAOW,EACP,MAAAK,EACA,WAAAC,EACA,GAAGlB,CACL,IAAiC,CAC/B,MAAMH,EAAKsB,EAAAA,MAAA,EACLC,EAAU7B,EAAGG,EAAe,CAAE,CAAC,GAAGA,CAAa,YAAY,EAAGU,CAAA,EAAYW,CAAS,EAEzF,OACEM,EAAAA,KAAC,MAAA,CACE,GAAGrB,EACJ,kBAAiBiB,EAAQ,GAAGpB,CAAE,SAAW,OACzC,UAAWuB,EACX,KAAK,QAEJ,SAAA,CAAAH,GACCR,EAAAA,IAACa,WAAQ,IAAKJ,GAAc,KAAM,QAAQ,iBAAiB,SAAAd,EACxD,SAAAa,CAAA,CACH,EAEFR,EAAAA,IAAC,KAAA,CACC,cAAY,mCACZ,UAAWlB,EAAG,GAAGG,CAAa,cAAe,CAC3C,CAAC,GAAGA,CAAa,yBAAyB,EAAGsB,EAC7C,CAAC,GAAGtB,CAAa,gBAAgBO,CAAI,EAAE,EAAGA,CAAA,CAC3C,EACD,YAAU,SACV,gBAAc,qBAEd,SAAAQ,EAAAA,IAACJ,EAAoC,SAApC,CAA6C,MAAOD,EACnD,SAAAK,EAAAA,IAACN,EAAgC,SAAhC,CAAyC,MAAOF,EAC9C,SAAAL,EACH,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CAAA,CAGN,EAEAkB,EAAqB,KAAOnB,EAE5BmB,EAAqB,YAAc"}

package/dist/dismissable-chip-group-Dov2-9Fe.mjs

@@ -0,0 +1,95 @@
+import { jsx as p, jsxs as N } from "react/jsx-runtime";
+import { useContext as _, createElement as D, createContext as g, useId as G } from "react";
+import { H as y } from "./heading-BG7JTFO1.mjs";
+import { c as h } from "./bind-CU-R61T-.mjs";
+import { r as I } from "./close.es-BPmk2wkU.mjs";
+const b = {
+  "purpur-dismissable-chip-group": "_purpur-dismissable-chip-group_wccgf_1",
+  "purpur-dismissable-chip-group--negative": "_purpur-dismissable-chip-group--negative_wccgf_7",
+  "purpur-dismissable-chip-group__container": "_purpur-dismissable-chip-group__container_wccgf_10",
+  "purpur-dismissable-chip-group__container--full-width": "_purpur-dismissable-chip-group__container--full-width_wccgf_16",
+  "purpur-dismissable-chip-group-item-wrapper": "_purpur-dismissable-chip-group-item-wrapper_wccgf_19",
+  "purpur-dismissable-chip-group-item": "_purpur-dismissable-chip-group-item_wccgf_19",
+  "purpur-dismissable-chip-group__container--sm": "_purpur-dismissable-chip-group__container--sm_wccgf_25",
+  "purpur-dismissable-chip-group__container--md": "_purpur-dismissable-chip-group__container--md_wccgf_28",
+  "purpur-dismissable-chip-group-item--sm": "_purpur-dismissable-chip-group-item--sm_wccgf_44",
+  "purpur-dismissable-chip-group-item--md": "_purpur-dismissable-chip-group-item--md_wccgf_53",
+  "purpur-dismissable-chip-group-item--disabled": "_purpur-dismissable-chip-group-item--disabled_wccgf_62",
+  "purpur-dismissable-chip-group-item--negative": "_purpur-dismissable-chip-group-item--negative_wccgf_67",
+  "purpur-dismissable-chip-group-item-icon": "_purpur-dismissable-chip-group-item-icon_wccgf_117"
+}, n = h.bind(b), r = "purpur-dismissable-chip-group-item", f = ({
+  children: u,
+  id: e,
+  onDismiss: o,
+  disabled: i,
+  ...a
+}) => {
+  const s = _(v), m = _($), t = (l) => {
+    i ? l.preventDefault() : o?.(e);
+  };
+  return /* @__PURE__ */ p("li", { className: n(`${r}-wrapper`), children: /* @__PURE__ */ D(
+    "button",
+    {
+      ...a,
+      className: n(`${r}`, {
+        [`${r}--disabled`]: i,
+        [`${r}--negative`]: m,
+        [`${r}--${s}`]: s
+      }),
+      key: e,
+      disabled: i,
+      "aria-disabled": i,
+      onClick: t
+    },
+    u,
+    /* @__PURE__ */ p(I, { className: n(`${r}-icon`), size: s === "sm" ? "xs" : "sm" })
+  ) }, e);
+};
+f.displayName = "DismissableChipGroupItem";
+const d = h.bind(b), P = ["sm", "md"], w = "md", v = g(w), $ = g(!1), c = "purpur-dismissable-chip-group", C = ({
+  children: u,
+  className: e,
+  fullWidth: o = !1,
+  negative: i = !1,
+  size: a = w,
+  title: s,
+  headingTag: m,
+  ...t
+}) => {
+  const l = G(), x = d(c, { [`${c}--negative`]: i }, e);
+  return /* @__PURE__ */ N(
+    "div",
+    {
+      ...t,
+      "aria-labelledby": s ? `${l}-label` : void 0,
+      className: x,
+      role: "group",
+      children: [
+        s && /* @__PURE__ */ p(y, { tag: m ?? "h2", variant: "subsection-100", negative: i, children: s }),
+        /* @__PURE__ */ p(
+          "ul",
+          {
+            "data-testid": "dismissable-chip-group-container",
+            className: d(`${c}__container`, {
+              [`${c}__container--full-width`]: o,
+              [`${c}__container--${a}`]: a
+            }),
+            "aria-live": "polite",
+            "aria-relevant": "additions removals",
+            children: /* @__PURE__ */ p($.Provider, { value: i, children: /* @__PURE__ */ p(v.Provider, { value: a, children: u }) })
+          }
+        )
+      ]
+    }
+  );
+};
+C.Item = f;
+C.displayName = "DismissableChipGroup";
+export {
+  w as D,
+  C as a,
+  $ as b,
+  v as c,
+  P as s
+};
+//# sourceMappingURL=dismissable-chip-group-Dov2-9Fe.mjs.map

package/dist/dismissable-chip-group-Dov2-9Fe.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dismissable-chip-group-Dov2-9Fe.mjs","sources":["../../../components/dismissable-chip-group/src/dismissable-chip-group-item.tsx","../../../components/dismissable-chip-group/src/dismissable-chip-group.tsx"],"sourcesContent":["import React, { type MouseEvent, type ReactNode, useContext } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { IconClose } from \"@purpur/icon/close\";\nimport c from \"classnames/bind\";\n\nimport {\n  DismissableChipGroupNegativeContext,\n  DismissableChipGroupSizeContext,\n} from \"./dismissable-chip-group\";\nimport styles from \"./dismissable-chip-group.module.scss\";\n\nconst cx = c.bind(styles);\n\nexport type DismissableChipGroupItemProps = Omit<BaseProps<\"button\">, \"aria-label\" | \"children\"> & {\n  [\"aria-label\"]: string;\n  children: ReactNode;\n  onDismiss?: (id?: string) => void;\n};\n\nconst rootClassName = \"purpur-dismissable-chip-group-item\";\n\nexport const DismissableChipGroupItem = ({\n  children,\n  id,\n  onDismiss,\n  disabled,\n  ...props\n}: DismissableChipGroupItemProps) => {\n  const size = useContext(DismissableChipGroupSizeContext);\n  const negative = useContext(DismissableChipGroupNegativeContext);\n\n  const handleClick = (e: MouseEvent<HTMLButtonElement>) => {\n    if (disabled) {\n      e.preventDefault();\n    } else {\n      onDismiss?.(id);\n    }\n  };\n\n  return (\n    <li key={id} className={cx(`${rootClassName}-wrapper`)}>\n      <button\n        {...props}\n        className={cx(`${rootClassName}`, {\n          [`${rootClassName}--disabled`]: disabled,\n          [`${rootClassName}--negative`]: negative,\n          [`${rootClassName}--${size}`]: size,\n        })}\n        key={id}\n        disabled={disabled}\n        aria-disabled={disabled}\n        onClick={handleClick}\n      >\n        {children}\n        <IconClose className={cx(`${rootClassName}-icon`)} size={size === \"sm\" ? \"xs\" : \"sm\"} />\n      </button>\n    </li>\n  );\n};\n\nDismissableChipGroupItem.displayName = \"DismissableChipGroupItem\";\n","import React, { createContext, type ReactNode, useId } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Heading, type HeadingTagType } from \"@purpur/heading\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./dismissable-chip-group.module.scss\";\nimport { DismissableChipGroupItem } from \"./dismissable-chip-group-item\";\n\nconst cx = c.bind(styles);\n\nexport const sizes = [\"sm\", \"md\"] as const;\nexport const DEFAULT_SIZE = \"md\" as const;\n\nexport type Size = (typeof sizes)[number];\n\nexport type DismissableChipGroupProps = Omit<BaseProps, \"children\"> & {\n  children: ReactNode;\n  fullWidth?: boolean;\n  negative?: boolean;\n  size?: Size;\n  title?: string;\n  headingTag?: HeadingTagType;\n};\n\nexport const DismissableChipGroupSizeContext = createContext<Size>(DEFAULT_SIZE);\nexport const DismissableChipGroupNegativeContext = createContext(false);\n\nconst rootClassName = \"purpur-dismissable-chip-group\";\n\nexport const DismissableChipGroup = ({\n  children,\n  className,\n  fullWidth = false,\n  negative = false,\n  size = DEFAULT_SIZE,\n  title,\n  headingTag,\n  ...props\n}: DismissableChipGroupProps) => {\n  const id = useId();\n  const classes = cx(rootClassName, { [`${rootClassName}--negative`]: negative }, className);\n\n  return (\n    <div\n      {...props}\n      aria-labelledby={title ? `${id}-label` : undefined}\n      className={classes}\n      role=\"group\"\n    >\n      {title && (\n        <Heading tag={headingTag ?? \"h2\"} variant=\"subsection-100\" negative={negative}>\n          {title}\n        </Heading>\n      )}\n      <ul\n        data-testid=\"dismissable-chip-group-container\"\n        className={cx(`${rootClassName}__container`, {\n          [`${rootClassName}__container--full-width`]: fullWidth,\n          [`${rootClassName}__container--${size}`]: size,\n        })}\n        aria-live=\"polite\"\n        aria-relevant=\"additions removals\"\n      >\n        <DismissableChipGroupNegativeContext.Provider value={negative}>\n          <DismissableChipGroupSizeContext.Provider value={size}>\n            {children}\n          </DismissableChipGroupSizeContext.Provider>\n        </DismissableChipGroupNegativeContext.Provider>\n      </ul>\n    </div>\n  );\n};\n\nDismissableChipGroup.Item = DismissableChipGroupItem;\n\nDismissableChipGroup.displayName = \"DismissableChipGroup\";\n"],"names":["cx","c","styles","rootClassName","DismissableChipGroupItem","children","id","onDismiss","disabled","props","size","useContext","DismissableChipGroupSizeContext","negative","DismissableChipGroupNegativeContext","handleClick","e","createElement","jsx","IconClose","sizes","DEFAULT_SIZE","createContext","DismissableChipGroup","className","fullWidth","title","headingTag","useId","classes","jsxs","Heading"],"mappings":";;;;;;;;;;;;;;;;;;;GAWMA,IAAKC,EAAE,KAAKC,CAAM,GAQlBC,IAAgB,sCAETC,IAA2B,CAAC;AAAA,EACvC,UAAAC;AAAA,EACA,IAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAAqC;AACnC,QAAMC,IAAOC,EAAWC,CAA+B,GACjDC,IAAWF,EAAWG,CAAmC,GAEzDC,IAAc,CAACC,MAAqC;AACxD,IAAIR,IACFQ,EAAE,eAAA,IAEFT,IAAYD,CAAE;AAAA,EAElB;AAEA,2BACG,MAAA,EAAY,WAAWN,EAAG,GAAGG,CAAa,UAAU,GACnD,UAAA,gBAAAc;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGR;AAAA,MACJ,WAAWT,EAAG,GAAGG,CAAa,IAAI;AAAA,QAChC,CAAC,GAAGA,CAAa,YAAY,GAAGK;AAAA,QAChC,CAAC,GAAGL,CAAa,YAAY,GAAGU;AAAA,QAChC,CAAC,GAAGV,CAAa,KAAKO,CAAI,EAAE,GAAGA;AAAA,MAAA,CAChC;AAAA,MACD,KAAKJ;AAAA,MACL,UAAAE;AAAA,MACA,iBAAeA;AAAA,MACf,SAASO;AAAA,IAAA;AAAA,IAERV;AAAA,IACD,gBAAAa,EAACC,GAAA,EAAU,WAAWnB,EAAG,GAAGG,CAAa,OAAO,GAAG,MAAMO,MAAS,OAAO,OAAO,KAAA,CAAM;AAAA,EAAA,KAdjFJ,CAgBT;AAEJ;AAEAF,EAAyB,cAAc;ACpDvC,MAAMJ,IAAKC,EAAE,KAAKC,CAAM,GAEXkB,IAAQ,CAAC,MAAM,IAAI,GACnBC,IAAe,MAafT,IAAkCU,EAAoBD,CAAY,GAClEP,IAAsCQ,EAAc,EAAK,GAEhEnB,IAAgB,iCAEToB,IAAuB,CAAC;AAAA,EACnC,UAAAlB;AAAA,EACA,WAAAmB;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,UAAAZ,IAAW;AAAA,EACX,MAAAH,IAAOW;AAAA,EACP,OAAAK;AAAA,EACA,YAAAC;AAAA,EACA,GAAGlB;AACL,MAAiC;AAC/B,QAAMH,IAAKsB,EAAA,GACLC,IAAU7B,EAAGG,GAAe,EAAE,CAAC,GAAGA,CAAa,YAAY,GAAGU,EAAA,GAAYW,CAAS;AAEzF,SACE,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGrB;AAAA,MACJ,mBAAiBiB,IAAQ,GAAGpB,CAAE,WAAW;AAAA,MACzC,WAAWuB;AAAA,MACX,MAAK;AAAA,MAEJ,UAAA;AAAA,QAAAH,KACC,gBAAAR,EAACa,KAAQ,KAAKJ,KAAc,MAAM,SAAQ,kBAAiB,UAAAd,GACxD,UAAAa,EAAA,CACH;AAAA,QAEF,gBAAAR;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,eAAY;AAAA,YACZ,WAAWlB,EAAG,GAAGG,CAAa,eAAe;AAAA,cAC3C,CAAC,GAAGA,CAAa,yBAAyB,GAAGsB;AAAA,cAC7C,CAAC,GAAGtB,CAAa,gBAAgBO,CAAI,EAAE,GAAGA;AAAA,YAAA,CAC3C;AAAA,YACD,aAAU;AAAA,YACV,iBAAc;AAAA,YAEd,UAAA,gBAAAQ,EAACJ,EAAoC,UAApC,EAA6C,OAAOD,GACnD,UAAA,gBAAAK,EAACN,EAAgC,UAAhC,EAAyC,OAAOF,GAC9C,UAAAL,GACH,EAAA,CACF;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAGN;AAEAkB,EAAqB,OAAOnB;AAE5BmB,EAAqB,cAAc;"}

package/dist/dismissable-chip-group.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./dismissable-chip-group-5ALErhD2.js");exports.DEFAULT_SIZE=i.DEFAULT_SIZE;exports.DismissableChipGroup=i.DismissableChipGroup;exports.DismissableChipGroupNegativeContext=i.DismissableChipGroupNegativeContext;exports.DismissableChipGroupSizeContext=i.DismissableChipGroupSizeContext;exports.sizes=i.sizes;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./dismissable-chip-group-CVo3CS8K.js");exports.DEFAULT_SIZE=i.DEFAULT_SIZE;exports.DismissableChipGroup=i.DismissableChipGroup;exports.DismissableChipGroupNegativeContext=i.DismissableChipGroupNegativeContext;exports.DismissableChipGroupSizeContext=i.DismissableChipGroupSizeContext;exports.sizes=i.sizes;
 //# sourceMappingURL=dismissable-chip-group.cjs.js.map

package/dist/dismissable-chip-group.es.js

@@ -1,4 +1,4 @@
-import { D as a, a as e, b as o, c as p, s as t } from "./dismissable-chip-group-DMNU7g5e.mjs";
+import { D as a, a as e, b as o, c as p, s as t } from "./dismissable-chip-group-Dov2-9Fe.mjs";
 export {
   a as DEFAULT_SIZE,
   e as DismissableChipGroup,

package/dist/{drawer-oFJcxW58.js → drawer-CSagTJjN.js}

@@ -1,2 +1,2 @@
-"use strict";const r=require("react/jsx-runtime"),_=require("react"),y=require("./index-2cFVyGXq.js");require("./ThemeProvider-BJGm3zai.js");const wr=require("./useThemePortalContainer-CUcqV327.js"),k=require("./bind-DeUYJ6m9.js"),H=require("./button-C5CYysw5.js"),M=require("./heading-BPeRwNYu.js"),fr=require("./chevron-left.es-B0vPg5XM.js"),hr=require("./close.es-VL3lKi1O.js"),J=require("./visually-hidden-C2CKovZx.js"),L=require("./index-CoR7YA3H.js"),I=_.createContext(null),mr="_slideUp_9zrj7_1",jr="_slideDown_9zrj7_1",yr="_slideInRight_9zrj7_1",$r="_slideInLeft_9zrj7_1",xr="_slideOutRight_9zrj7_1",vr="_slideOutLeft_9zrj7_1",gr="_fadeIn_9zrj7_1",br="_fadeOut_9zrj7_1",Nr={"purpur-drawer-content":"_purpur-drawer-content_9zrj7_1",slideUp:mr,slideDown:jr,"purpur-drawer-content--left":"_purpur-drawer-content--left_9zrj7_21","purpur-drawer-content--right":"_purpur-drawer-content--right_9zrj7_24","purpur-drawer-content--fit-to-content":"_purpur-drawer-content--fit-to-content_9zrj7_27",slideInRight:yr,slideInLeft:$r,slideOutRight:xr,slideOutLeft:vr,"purpur-drawer-content__content-container":"_purpur-drawer-content__content-container_9zrj7_63","purpur-drawer-content__description":"_purpur-drawer-content__description_9zrj7_68","purpur-drawer-content--ai":"_purpur-drawer-content--ai_9zrj7_78","purpur-drawer-overlay":"_purpur-drawer-overlay_9zrj7_82",fadeIn:gr,fadeOut:br},Dr={"purpur-drawer-container--header":"_purpur-drawer-container--header_1csed_1","purpur-drawer-container--ai":"_purpur-drawer-container--ai_1csed_4","purpur-drawer-container--body":"_purpur-drawer-container--body_1csed_7","purpur-drawer-container--sticky":"_purpur-drawer-container--sticky_1csed_15","purpur-drawer-container--footer":"_purpur-drawer-container--footer_1csed_23"},Pr=k.c.bind(Dr),R="purpur-drawer-container",O=_.forwardRef(({["data-testid"]:e="purpur-drawer-container",children:a,className:s,drawerVariant:o="default",variant:u="body",stickyFooter:l,...i},c)=>{const{noHeaderSeparator:p,noBodyPadding:t}=_.useContext(I)??{},d=Pr([R,{[`${R}--${u}`]:u&&!(u==="header"&&p)&&!(u==="body"&&t),[`${R}--sticky`]:l,[`${R}--ai`]:o==="ai"},s]);return r.jsx("div",{className:d,"data-testid":e,ref:c,...i,children:a})});O.displayName="DrawerContainer";const zr={"purpur-drawer-frame":"_purpur-drawer-frame_vjt35_1","purpur-drawer-frame--ai":"_purpur-drawer-frame--ai_vjt35_11","purpur-drawer-frame--without-back-button":"_purpur-drawer-frame--without-back-button_vjt35_14","purpur-drawer-frame__header":"_purpur-drawer-frame__header_vjt35_14","purpur-drawer-frame--with-back-button":"_purpur-drawer-frame--with-back-button_vjt35_17","purpur-drawer-frame--left":"_purpur-drawer-frame--left_vjt35_21","purpur-drawer-frame--right":"_purpur-drawer-frame--right_vjt35_25","purpur-drawer-frame--sticky-footer":"_purpur-drawer-frame--sticky-footer_vjt35_36","purpur-drawer-frame__body":"_purpur-drawer-frame__body_vjt35_42","purpur-drawer-frame--fit-to-content":"_purpur-drawer-frame--fit-to-content_vjt35_46","purpur-drawer-frame__footer":"_purpur-drawer-frame__footer_vjt35_55","purpur-drawer-frame__content-container":"_purpur-drawer-frame__content-container_vjt35_58","purpur-drawer-frame__content-container--no-footer":"_purpur-drawer-frame__content-container--no-footer_vjt35_63"},Sr={"purpur-drawer-handle":"_purpur-drawer-handle_lz3ca_1","purpur-drawer-handle--ai":"_purpur-drawer-handle--ai_lz3ca_22"},Cr=(e,a,s,o,u,l)=>({onPointerDown:t=>{e.current={y:t.clientY}},onPointerMove:t=>{if(!e.current)return;const d=t.clientY-e.current.y,w=!!a.current,f=Math.max(0,d),m=t.pointerType==="touch"?10:2,n={y:f},g={originalEvent:t,delta:n};w?(a.current=n,o(g)):Q(n,0)?(a.current=n,s(),t.target.setPointerCapture(t.pointerId)):Math.abs(d)>m&&(e.current=null)},onPointerUp:t=>{const d=a.current,w=t.target;if(w.hasPointerCapture(t.pointerId)&&w.releasePointerCapture(t.pointerId),a.current=null,e.current=null,d){const f=t.currentTarget,m={originalEvent:t,delta:d};Q(d,0)&&d.y>200?l(m):u(),f.addEventListener("click",n=>n.preventDefault(),{once:!0})}}}),Q=(e,a=0)=>Math.abs(e.y)>a,Or=k.c.bind(Sr),Z="purpur-drawer-handle",rr=_.forwardRef(({["data-testid"]:e="purpur-drawer-handle",className:a,onSwipeStart:s,onSwipeMove:o,onSwipeCancel:u,onSwipeEnd:l,variant:i="default",...c},p)=>{const t=Or([Z,{[`${Z}--ai`]:i==="ai"},a]),d=_.useRef(null),w=_.useRef(null),{onPointerDown:f,onPointerMove:m,onPointerUp:n}=Cr(w,d,s,o,u,l);return r.jsx("div",{className:t,"data-testid":e,onPointerDown:f,onPointerMove:m,onPointerUp:n,ref:p,...c})});rr.displayName="DrawerHandle";const kr={"purpur-drawer-header":"_purpur-drawer-header_1dlfk_1","purpur-drawer-header__row":"_purpur-drawer-header__row_1dlfk_4","purpur-drawer-header__row--with-back-button":"_purpur-drawer-header__row--with-back-button_1dlfk_7","purpur-drawer-header__left":"_purpur-drawer-header__left_1dlfk_10","purpur-drawer-header__right":"_purpur-drawer-header__right_1dlfk_13","purpur-drawer-header__close-button":"_purpur-drawer-header__close-button_1dlfk_16","purpur-drawer-header__back-button--only-icon":"_purpur-drawer-header__back-button--only-icon_1dlfk_27","purpur-drawer-header__title":"_purpur-drawer-header__title_1dlfk_30"},b=k.c.bind(kr),v="purpur-drawer-header",er=_.forwardRef(({["data-testid"]:e="purpur-drawer-header",backButton:a,backButtonText:s,backButtonOnlyIcon:o,className:u,closeButtonAriaLabel:l,headerContent:i,onBackButtonClick:c,onCloseClick:p,title:t,variant:d="default",...w},f)=>{const m=b([v,{[`${v}--ai`]:d==="ai"},u]),n=!!(a&&s&&c),g=d==="ai",A=p?_.Fragment:y.Close;return r.jsxs("div",{className:m,"data-testid":e,ref:f,...w,children:[r.jsxs("div",{className:b([`${v}__row`,{[`${v}__row--with-back-button`]:n}]),"data-testid":`${e}-row`,children:[r.jsx("div",{className:b(`${v}__left`),children:n?r.jsxs(H.Button,{"aria-label":o?s:"",className:b([`${v}__back-button`,{[`${v}__back-button--only-icon`]:o}]),"data-testid":`${e}-back-button`,iconOnly:o,negative:g,onClick:c,size:"sm",variant:H.BUTTON_VARIANT.TEXT,children:[r.jsx(fr.l,{size:"sm"}),!o&&s]}):i?r.jsxs(r.Fragment,{children:[i,r.jsx(J.VisuallyHidden,{asChild:!0,children:r.jsx(y.Title,{children:t})})]}):r.jsx(y.Title,{asChild:!0,children:r.jsx(M.Heading,{className:b(`${v}__title`),"data-testid":`${e}-title`,negative:g,tag:"h2",variant:M.DisplayVariant.DISPLAY10,tabIndex:-1,children:t})})}),r.jsx("div",{className:b(`${v}__right`),children:r.jsx(A,{...p?{}:{asChild:!0},children:r.jsx(H.Button,{"aria-label":l,className:b(`${v}__close-button`),iconOnly:!0,negative:g,onClick:p,size:"sm",variant:H.BUTTON_VARIANT.TEXT,children:r.jsx(hr.r,{size:"sm"})})})})]}),n&&(i?r.jsxs(r.Fragment,{children:[i,r.jsx(J.VisuallyHidden,{asChild:!0,children:r.jsx(y.Title,{children:t})})]}):r.jsx(y.Title,{asChild:!0,children:r.jsx(M.Heading,{"data-testid":`${e}-title-with-back-button`,className:b(`${v}__title`),negative:g,tag:"h2",tabIndex:-1,variant:M.DisplayVariant.DISPLAY10,children:t})}))]})});er.displayName="DrawerHeader";const Ar={"purpur-drawer-scroll-area__root":"_purpur-drawer-scroll-area__root_vzgxi_1","purpur-drawer-scroll-area__root--fit-to-content":"_purpur-drawer-scroll-area__root--fit-to-content_vzgxi_4","purpur-drawer-scroll-area__viewport":"_purpur-drawer-scroll-area__viewport_vzgxi_10","purpur-drawer-scroll-area__scrollbar":"_purpur-drawer-scroll-area__scrollbar_vzgxi_14","purpur-drawer-scroll-area--ai":"_purpur-drawer-scroll-area--ai_vzgxi_25","purpur-drawer-scroll-area__thumb":"_purpur-drawer-scroll-area__thumb_vzgxi_29"},E=k.c.bind(Ar),D="purpur-drawer-scroll-area",F=_.forwardRef(({["data-testid"]:e="purpur-drawer-scroll-area",children:a,className:s,drawerVariant:o="default",fitToContent:u=!1,...l},i)=>{const c=E([D,{[`${D}--ai`]:o==="ai"},s]);return r.jsx("div",{className:c,"data-testid":e,ref:i,...l,children:r.jsxs(L.Root,{className:E(`${D}__root`,{[`${D}__root--fit-to-content`]:u}),children:[r.jsx(L.Viewport,{className:E(`${D}__viewport`),children:a}),r.jsx(L.Scrollbar,{className:E(`${D}__scrollbar`),orientation:"vertical",children:r.jsx(L.Thumb,{className:E(`${D}__thumb`)})})]})})});F.displayName="DrawerScrollArea";const S=k.c.bind(zr),h="purpur-drawer-frame",tr=_.forwardRef(({["data-testid"]:e="purpur-drawer-frame",backButton:a,backButtonText:s,backButtonOnlyIcon:o,children:u,className:l,closeButtonAriaLabel:i,fitToContent:c=!1,footerContent:p,headerContent:t,onBackButtonClick:d,onCloseClick:w,onSwipeStart:f,onSwipeMove:m,onSwipeCancel:n,onSwipeEnd:g,title:A,stickyFooter:$,position:P="right",variant:j="default",...z},V)=>{const q=!!(a&&s&&d),T=j==="ai",Y=S([h,{[`${h}--fit-to-content`]:c,[`${h}--sticky-footer`]:$,[`${h}--left`]:P==="left",[`${h}--right`]:P==="right",[`${h}--without-back-button`]:!q,[`${h}--with-back-button`]:q,[`${h}--ai`]:T},l]);return r.jsxs("div",{className:Y,"data-testid":e,ref:V,...z,children:[r.jsx(rr,{onSwipeStart:f,onSwipeMove:m,onSwipeCancel:n,onSwipeEnd:g,variant:j}),r.jsx(O,{className:S(`${h}__header`),variant:"header",stickyFooter:$,drawerVariant:j,children:r.jsx(er,{title:A,headerContent:t,backButtonOnlyIcon:o,backButton:a,backButtonText:s,closeButtonAriaLabel:i,onBackButtonClick:d,onCloseClick:w,variant:j})}),$?r.jsxs(r.Fragment,{children:[r.jsx(F,{className:S(`${h}__body`),"data-testid":`${e}-sticky-footer-scroll-area`,fitToContent:c,drawerVariant:j,children:r.jsx(O,{stickyFooter:!0,drawerVariant:j,children:u})}),p&&r.jsx(O,{className:S(`${h}__footer`),"data-testid":`${e}-sticky-footer`,variant:"footer",stickyFooter:$,drawerVariant:j,children:p})]}):r.jsx(F,{className:S(`${h}__body`),"data-testid":`${e}-scroll-area`,fitToContent:c,drawerVariant:j,children:r.jsxs("div",{className:S([`${h}__content-container`,{[`${h}__content-container--no-footer`]:!p}]),children:[r.jsx(O,{stickyFooter:$,drawerVariant:j,children:u}),p&&r.jsx(O,{"data-testid":`${e}-footer`,stickyFooter:$,variant:"footer",drawerVariant:j,children:p})]})})]})});tr.displayName="DrawerFrame";const Vr=(e,a)=>({onSwipeStart:()=>{e.current&&e.current.setAttribute("data-swipe","start")},onSwipeMove:i=>{if(!e.current)return;const{y:c}=i.delta;e.current.setAttribute("data-swipe","move"),e.current.style.setProperty("--purpur-drawer-swipe-move-y",`${c}px`)},onSwipeCancel:()=>{e.current&&(e.current.setAttribute("data-swipe","cancel"),e.current.style.removeProperty("--purpur-drawer-swipe-move-y"),e.current.style.removeProperty("--purpur-drawer-swipe-end-y"))},onSwipeEnd:i=>{if(!e.current)return;const{y:c}=i.delta;e.current.setAttribute("data-swipe","end"),e.current.style.removeProperty("--purpur-drawer-swipe-move-y"),e.current.style.setProperty("--purpur-drawer-swipe-end-y",`${c}px`),a?.(!1)}}),C=k.c.bind(Nr),N="purpur-drawer-content",ar=_.forwardRef(({["data-testid"]:e="purpur-drawer-content",backButton:a=!1,backButtonText:s,backButtonOnlyIcon:o=!1,bodyText:u,children:l,className:i,closeButtonAriaLabel:c,container:p,disableCloseOnClickOutside:t=!1,fitToContent:d=!1,footerContent:w,headerContent:f,onBackButtonClick:m,onCloseClick:n,stickyFooter:g=!1,title:A,zIndex:$,position:P="right",...j},z)=>{const V=_.useContext(I),q=V?.variant??"default",T=V?.isModal??!0,Y=wr.useThemePortalContainer(),K=p===void 0?Y:p??void 0,sr=C([N,{[`${N}--fit-to-content`]:d,[`${N}--left`]:P==="left",[`${N}--right`]:P==="right",[`${N}--ai`]:q==="ai"},i]),X=_.useRef(null),B=_.useRef(null),or=x=>{B.current=x,typeof z=="function"?z(x):z&&(z.current=x)},{onSwipeStart:ur,onSwipeMove:dr,onSwipeCancel:ir,onSwipeEnd:cr}=Vr(B,V?.onOpenChange??null),lr=x=>{if(t){x.preventDefault();return}n&&(x.preventDefault(),n())},pr=x=>{n&&(x.preventDefault(),n())},_r=()=>{const x=X.current;if(x){const G=x.querySelector("h2");G&&setTimeout(()=>{G.focus()})}},W=r.jsx(y.Content,{onPointerDownOutside:lr,onEscapeKeyDown:pr,onOpenAutoFocus:_r,className:sr,"data-testid":e,ref:or,...!u&&{"aria-describedby":void 0},...j,children:r.jsx(tr,{backButton:a,backButtonText:s,backButtonOnlyIcon:o,closeButtonAriaLabel:c,className:C(`${N}__drawer-frame`),fitToContent:d,footerContent:w,headerContent:f,ref:X,onBackButtonClick:m,onCloseClick:n,onSwipeStart:ur,onSwipeMove:dr,onSwipeCancel:ir,onSwipeEnd:cr,stickyFooter:g,title:A,position:P,variant:q,children:u?r.jsxs("div",{className:C(`${N}__content-container`),children:[r.jsx(y.Description,{className:C(`${N}__description`),"data-testid":`${e}-description`,children:u}),r.jsx("div",{children:l})]}):l})});return T?r.jsx(y.Portal,{container:K,children:r.jsx(y.Overlay,{className:C("purpur-drawer-overlay"),style:$?{zIndex:$}:void 0,"data-testid":`${e}-overlay`,children:W})}):r.jsx(y.Portal,{container:K,children:r.jsx("div",{className:C("purpur-drawer-overlay"),style:$?{zIndex:$}:void 0,"data-testid":`${e}-overlay`,children:W})})});ar.displayName="DrawerContent";const nr=_.forwardRef(({["data-testid"]:e="purpur-drawer-trigger",children:a,...s},o)=>r.jsx(y.Trigger,{asChild:!0,"data-testid":e,ref:o,...s,children:a}));nr.displayName="DrawerTrigger";const U=({["data-testid"]:e="purpur-drawer",children:a,className:s,isModal:o=!0,onOpenChange:u,open:l=!1,noBodyPadding:i=!1,noHeaderSeparator:c=!1,variant:p="default",...t})=>{const[d,w]=_.useState(l),f=n=>{w(n),u?.(n)};_.useEffect(()=>{w(l)},[l]);const m={isModal:o,onOpenChange:f,variant:p,noBodyPadding:i,noHeaderSeparator:c};return r.jsx(I.Provider,{value:m,children:r.jsx("div",{className:s,"data-testid":e,...t,children:r.jsx(y.Root,{open:d,onOpenChange:f,modal:o,children:a})})})};U.Trigger=nr;U.Content=ar;U.displayName="Drawer";exports.Drawer=U;
-//# sourceMappingURL=drawer-oFJcxW58.js.map
+"use strict";const r=require("react/jsx-runtime"),_=require("react"),y=require("./index-2cFVyGXq.js");require("./ThemeProvider-BGep6X_i.js");const wr=require("./useThemePortalContainer-Cs1c-2AI.js"),k=require("./bind-DeUYJ6m9.js"),H=require("./button-C5CYysw5.js"),M=require("./heading-BPeRwNYu.js"),fr=require("./chevron-left.es-B0vPg5XM.js"),hr=require("./close.es-VL3lKi1O.js"),J=require("./visually-hidden-C2CKovZx.js"),L=require("./index-CoR7YA3H.js"),I=_.createContext(null),mr="_slideUp_9zrj7_1",jr="_slideDown_9zrj7_1",yr="_slideInRight_9zrj7_1",$r="_slideInLeft_9zrj7_1",xr="_slideOutRight_9zrj7_1",vr="_slideOutLeft_9zrj7_1",gr="_fadeIn_9zrj7_1",br="_fadeOut_9zrj7_1",Nr={"purpur-drawer-content":"_purpur-drawer-content_9zrj7_1",slideUp:mr,slideDown:jr,"purpur-drawer-content--left":"_purpur-drawer-content--left_9zrj7_21","purpur-drawer-content--right":"_purpur-drawer-content--right_9zrj7_24","purpur-drawer-content--fit-to-content":"_purpur-drawer-content--fit-to-content_9zrj7_27",slideInRight:yr,slideInLeft:$r,slideOutRight:xr,slideOutLeft:vr,"purpur-drawer-content__content-container":"_purpur-drawer-content__content-container_9zrj7_63","purpur-drawer-content__description":"_purpur-drawer-content__description_9zrj7_68","purpur-drawer-content--ai":"_purpur-drawer-content--ai_9zrj7_78","purpur-drawer-overlay":"_purpur-drawer-overlay_9zrj7_82",fadeIn:gr,fadeOut:br},Dr={"purpur-drawer-container--header":"_purpur-drawer-container--header_1csed_1","purpur-drawer-container--ai":"_purpur-drawer-container--ai_1csed_4","purpur-drawer-container--body":"_purpur-drawer-container--body_1csed_7","purpur-drawer-container--sticky":"_purpur-drawer-container--sticky_1csed_15","purpur-drawer-container--footer":"_purpur-drawer-container--footer_1csed_23"},Pr=k.c.bind(Dr),R="purpur-drawer-container",O=_.forwardRef(({["data-testid"]:e="purpur-drawer-container",children:a,className:s,drawerVariant:o="default",variant:u="body",stickyFooter:l,...i},c)=>{const{noHeaderSeparator:p,noBodyPadding:t}=_.useContext(I)??{},d=Pr([R,{[`${R}--${u}`]:u&&!(u==="header"&&p)&&!(u==="body"&&t),[`${R}--sticky`]:l,[`${R}--ai`]:o==="ai"},s]);return r.jsx("div",{className:d,"data-testid":e,ref:c,...i,children:a})});O.displayName="DrawerContainer";const zr={"purpur-drawer-frame":"_purpur-drawer-frame_vjt35_1","purpur-drawer-frame--ai":"_purpur-drawer-frame--ai_vjt35_11","purpur-drawer-frame--without-back-button":"_purpur-drawer-frame--without-back-button_vjt35_14","purpur-drawer-frame__header":"_purpur-drawer-frame__header_vjt35_14","purpur-drawer-frame--with-back-button":"_purpur-drawer-frame--with-back-button_vjt35_17","purpur-drawer-frame--left":"_purpur-drawer-frame--left_vjt35_21","purpur-drawer-frame--right":"_purpur-drawer-frame--right_vjt35_25","purpur-drawer-frame--sticky-footer":"_purpur-drawer-frame--sticky-footer_vjt35_36","purpur-drawer-frame__body":"_purpur-drawer-frame__body_vjt35_42","purpur-drawer-frame--fit-to-content":"_purpur-drawer-frame--fit-to-content_vjt35_46","purpur-drawer-frame__footer":"_purpur-drawer-frame__footer_vjt35_55","purpur-drawer-frame__content-container":"_purpur-drawer-frame__content-container_vjt35_58","purpur-drawer-frame__content-container--no-footer":"_purpur-drawer-frame__content-container--no-footer_vjt35_63"},Sr={"purpur-drawer-handle":"_purpur-drawer-handle_lz3ca_1","purpur-drawer-handle--ai":"_purpur-drawer-handle--ai_lz3ca_22"},Cr=(e,a,s,o,u,l)=>({onPointerDown:t=>{e.current={y:t.clientY}},onPointerMove:t=>{if(!e.current)return;const d=t.clientY-e.current.y,w=!!a.current,f=Math.max(0,d),m=t.pointerType==="touch"?10:2,n={y:f},g={originalEvent:t,delta:n};w?(a.current=n,o(g)):Q(n,0)?(a.current=n,s(),t.target.setPointerCapture(t.pointerId)):Math.abs(d)>m&&(e.current=null)},onPointerUp:t=>{const d=a.current,w=t.target;if(w.hasPointerCapture(t.pointerId)&&w.releasePointerCapture(t.pointerId),a.current=null,e.current=null,d){const f=t.currentTarget,m={originalEvent:t,delta:d};Q(d,0)&&d.y>200?l(m):u(),f.addEventListener("click",n=>n.preventDefault(),{once:!0})}}}),Q=(e,a=0)=>Math.abs(e.y)>a,Or=k.c.bind(Sr),Z="purpur-drawer-handle",rr=_.forwardRef(({["data-testid"]:e="purpur-drawer-handle",className:a,onSwipeStart:s,onSwipeMove:o,onSwipeCancel:u,onSwipeEnd:l,variant:i="default",...c},p)=>{const t=Or([Z,{[`${Z}--ai`]:i==="ai"},a]),d=_.useRef(null),w=_.useRef(null),{onPointerDown:f,onPointerMove:m,onPointerUp:n}=Cr(w,d,s,o,u,l);return r.jsx("div",{className:t,"data-testid":e,onPointerDown:f,onPointerMove:m,onPointerUp:n,ref:p,...c})});rr.displayName="DrawerHandle";const kr={"purpur-drawer-header":"_purpur-drawer-header_1dlfk_1","purpur-drawer-header__row":"_purpur-drawer-header__row_1dlfk_4","purpur-drawer-header__row--with-back-button":"_purpur-drawer-header__row--with-back-button_1dlfk_7","purpur-drawer-header__left":"_purpur-drawer-header__left_1dlfk_10","purpur-drawer-header__right":"_purpur-drawer-header__right_1dlfk_13","purpur-drawer-header__close-button":"_purpur-drawer-header__close-button_1dlfk_16","purpur-drawer-header__back-button--only-icon":"_purpur-drawer-header__back-button--only-icon_1dlfk_27","purpur-drawer-header__title":"_purpur-drawer-header__title_1dlfk_30"},b=k.c.bind(kr),v="purpur-drawer-header",er=_.forwardRef(({["data-testid"]:e="purpur-drawer-header",backButton:a,backButtonText:s,backButtonOnlyIcon:o,className:u,closeButtonAriaLabel:l,headerContent:i,onBackButtonClick:c,onCloseClick:p,title:t,variant:d="default",...w},f)=>{const m=b([v,{[`${v}--ai`]:d==="ai"},u]),n=!!(a&&s&&c),g=d==="ai",A=p?_.Fragment:y.Close;return r.jsxs("div",{className:m,"data-testid":e,ref:f,...w,children:[r.jsxs("div",{className:b([`${v}__row`,{[`${v}__row--with-back-button`]:n}]),"data-testid":`${e}-row`,children:[r.jsx("div",{className:b(`${v}__left`),children:n?r.jsxs(H.Button,{"aria-label":o?s:"",className:b([`${v}__back-button`,{[`${v}__back-button--only-icon`]:o}]),"data-testid":`${e}-back-button`,iconOnly:o,negative:g,onClick:c,size:"sm",variant:H.BUTTON_VARIANT.TEXT,children:[r.jsx(fr.l,{size:"sm"}),!o&&s]}):i?r.jsxs(r.Fragment,{children:[i,r.jsx(J.VisuallyHidden,{asChild:!0,children:r.jsx(y.Title,{children:t})})]}):r.jsx(y.Title,{asChild:!0,children:r.jsx(M.Heading,{className:b(`${v}__title`),"data-testid":`${e}-title`,negative:g,tag:"h2",variant:M.DisplayVariant.DISPLAY10,tabIndex:-1,children:t})})}),r.jsx("div",{className:b(`${v}__right`),children:r.jsx(A,{...p?{}:{asChild:!0},children:r.jsx(H.Button,{"aria-label":l,className:b(`${v}__close-button`),iconOnly:!0,negative:g,onClick:p,size:"sm",variant:H.BUTTON_VARIANT.TEXT,children:r.jsx(hr.r,{size:"sm"})})})})]}),n&&(i?r.jsxs(r.Fragment,{children:[i,r.jsx(J.VisuallyHidden,{asChild:!0,children:r.jsx(y.Title,{children:t})})]}):r.jsx(y.Title,{asChild:!0,children:r.jsx(M.Heading,{"data-testid":`${e}-title-with-back-button`,className:b(`${v}__title`),negative:g,tag:"h2",tabIndex:-1,variant:M.DisplayVariant.DISPLAY10,children:t})}))]})});er.displayName="DrawerHeader";const Ar={"purpur-drawer-scroll-area__root":"_purpur-drawer-scroll-area__root_vzgxi_1","purpur-drawer-scroll-area__root--fit-to-content":"_purpur-drawer-scroll-area__root--fit-to-content_vzgxi_4","purpur-drawer-scroll-area__viewport":"_purpur-drawer-scroll-area__viewport_vzgxi_10","purpur-drawer-scroll-area__scrollbar":"_purpur-drawer-scroll-area__scrollbar_vzgxi_14","purpur-drawer-scroll-area--ai":"_purpur-drawer-scroll-area--ai_vzgxi_25","purpur-drawer-scroll-area__thumb":"_purpur-drawer-scroll-area__thumb_vzgxi_29"},E=k.c.bind(Ar),D="purpur-drawer-scroll-area",F=_.forwardRef(({["data-testid"]:e="purpur-drawer-scroll-area",children:a,className:s,drawerVariant:o="default",fitToContent:u=!1,...l},i)=>{const c=E([D,{[`${D}--ai`]:o==="ai"},s]);return r.jsx("div",{className:c,"data-testid":e,ref:i,...l,children:r.jsxs(L.Root,{className:E(`${D}__root`,{[`${D}__root--fit-to-content`]:u}),children:[r.jsx(L.Viewport,{className:E(`${D}__viewport`),children:a}),r.jsx(L.Scrollbar,{className:E(`${D}__scrollbar`),orientation:"vertical",children:r.jsx(L.Thumb,{className:E(`${D}__thumb`)})})]})})});F.displayName="DrawerScrollArea";const S=k.c.bind(zr),h="purpur-drawer-frame",tr=_.forwardRef(({["data-testid"]:e="purpur-drawer-frame",backButton:a,backButtonText:s,backButtonOnlyIcon:o,children:u,className:l,closeButtonAriaLabel:i,fitToContent:c=!1,footerContent:p,headerContent:t,onBackButtonClick:d,onCloseClick:w,onSwipeStart:f,onSwipeMove:m,onSwipeCancel:n,onSwipeEnd:g,title:A,stickyFooter:$,position:P="right",variant:j="default",...z},V)=>{const q=!!(a&&s&&d),T=j==="ai",Y=S([h,{[`${h}--fit-to-content`]:c,[`${h}--sticky-footer`]:$,[`${h}--left`]:P==="left",[`${h}--right`]:P==="right",[`${h}--without-back-button`]:!q,[`${h}--with-back-button`]:q,[`${h}--ai`]:T},l]);return r.jsxs("div",{className:Y,"data-testid":e,ref:V,...z,children:[r.jsx(rr,{onSwipeStart:f,onSwipeMove:m,onSwipeCancel:n,onSwipeEnd:g,variant:j}),r.jsx(O,{className:S(`${h}__header`),variant:"header",stickyFooter:$,drawerVariant:j,children:r.jsx(er,{title:A,headerContent:t,backButtonOnlyIcon:o,backButton:a,backButtonText:s,closeButtonAriaLabel:i,onBackButtonClick:d,onCloseClick:w,variant:j})}),$?r.jsxs(r.Fragment,{children:[r.jsx(F,{className:S(`${h}__body`),"data-testid":`${e}-sticky-footer-scroll-area`,fitToContent:c,drawerVariant:j,children:r.jsx(O,{stickyFooter:!0,drawerVariant:j,children:u})}),p&&r.jsx(O,{className:S(`${h}__footer`),"data-testid":`${e}-sticky-footer`,variant:"footer",stickyFooter:$,drawerVariant:j,children:p})]}):r.jsx(F,{className:S(`${h}__body`),"data-testid":`${e}-scroll-area`,fitToContent:c,drawerVariant:j,children:r.jsxs("div",{className:S([`${h}__content-container`,{[`${h}__content-container--no-footer`]:!p}]),children:[r.jsx(O,{stickyFooter:$,drawerVariant:j,children:u}),p&&r.jsx(O,{"data-testid":`${e}-footer`,stickyFooter:$,variant:"footer",drawerVariant:j,children:p})]})})]})});tr.displayName="DrawerFrame";const Vr=(e,a)=>({onSwipeStart:()=>{e.current&&e.current.setAttribute("data-swipe","start")},onSwipeMove:i=>{if(!e.current)return;const{y:c}=i.delta;e.current.setAttribute("data-swipe","move"),e.current.style.setProperty("--purpur-drawer-swipe-move-y",`${c}px`)},onSwipeCancel:()=>{e.current&&(e.current.setAttribute("data-swipe","cancel"),e.current.style.removeProperty("--purpur-drawer-swipe-move-y"),e.current.style.removeProperty("--purpur-drawer-swipe-end-y"))},onSwipeEnd:i=>{if(!e.current)return;const{y:c}=i.delta;e.current.setAttribute("data-swipe","end"),e.current.style.removeProperty("--purpur-drawer-swipe-move-y"),e.current.style.setProperty("--purpur-drawer-swipe-end-y",`${c}px`),a?.(!1)}}),C=k.c.bind(Nr),N="purpur-drawer-content",ar=_.forwardRef(({["data-testid"]:e="purpur-drawer-content",backButton:a=!1,backButtonText:s,backButtonOnlyIcon:o=!1,bodyText:u,children:l,className:i,closeButtonAriaLabel:c,container:p,disableCloseOnClickOutside:t=!1,fitToContent:d=!1,footerContent:w,headerContent:f,onBackButtonClick:m,onCloseClick:n,stickyFooter:g=!1,title:A,zIndex:$,position:P="right",...j},z)=>{const V=_.useContext(I),q=V?.variant??"default",T=V?.isModal??!0,Y=wr.useThemePortalContainer(),K=p===void 0?Y:p??void 0,sr=C([N,{[`${N}--fit-to-content`]:d,[`${N}--left`]:P==="left",[`${N}--right`]:P==="right",[`${N}--ai`]:q==="ai"},i]),X=_.useRef(null),B=_.useRef(null),or=x=>{B.current=x,typeof z=="function"?z(x):z&&(z.current=x)},{onSwipeStart:ur,onSwipeMove:dr,onSwipeCancel:ir,onSwipeEnd:cr}=Vr(B,V?.onOpenChange??null),lr=x=>{if(t){x.preventDefault();return}n&&(x.preventDefault(),n())},pr=x=>{n&&(x.preventDefault(),n())},_r=()=>{const x=X.current;if(x){const G=x.querySelector("h2");G&&setTimeout(()=>{G.focus()})}},W=r.jsx(y.Content,{onPointerDownOutside:lr,onEscapeKeyDown:pr,onOpenAutoFocus:_r,className:sr,"data-testid":e,ref:or,...!u&&{"aria-describedby":void 0},...j,children:r.jsx(tr,{backButton:a,backButtonText:s,backButtonOnlyIcon:o,closeButtonAriaLabel:c,className:C(`${N}__drawer-frame`),fitToContent:d,footerContent:w,headerContent:f,ref:X,onBackButtonClick:m,onCloseClick:n,onSwipeStart:ur,onSwipeMove:dr,onSwipeCancel:ir,onSwipeEnd:cr,stickyFooter:g,title:A,position:P,variant:q,children:u?r.jsxs("div",{className:C(`${N}__content-container`),children:[r.jsx(y.Description,{className:C(`${N}__description`),"data-testid":`${e}-description`,children:u}),r.jsx("div",{children:l})]}):l})});return T?r.jsx(y.Portal,{container:K,children:r.jsx(y.Overlay,{className:C("purpur-drawer-overlay"),style:$?{zIndex:$}:void 0,"data-testid":`${e}-overlay`,children:W})}):r.jsx(y.Portal,{container:K,children:r.jsx("div",{className:C("purpur-drawer-overlay"),style:$?{zIndex:$}:void 0,"data-testid":`${e}-overlay`,children:W})})});ar.displayName="DrawerContent";const nr=_.forwardRef(({["data-testid"]:e="purpur-drawer-trigger",children:a,...s},o)=>r.jsx(y.Trigger,{asChild:!0,"data-testid":e,ref:o,...s,children:a}));nr.displayName="DrawerTrigger";const U=({["data-testid"]:e="purpur-drawer",children:a,className:s,isModal:o=!0,onOpenChange:u,open:l=!1,noBodyPadding:i=!1,noHeaderSeparator:c=!1,variant:p="default",...t})=>{const[d,w]=_.useState(l),f=n=>{w(n),u?.(n)};_.useEffect(()=>{w(l)},[l]);const m={isModal:o,onOpenChange:f,variant:p,noBodyPadding:i,noHeaderSeparator:c};return r.jsx(I.Provider,{value:m,children:r.jsx("div",{className:s,"data-testid":e,...t,children:r.jsx(y.Root,{open:d,onOpenChange:f,modal:o,children:a})})})};U.Trigger=nr;U.Content=ar;U.displayName="Drawer";exports.Drawer=U;
+//# sourceMappingURL=drawer-CSagTJjN.js.map