@alma-oss/spirit-web-react 4.3.0 → 4.5.0

package/dist/components/UNSTABLE_FileUpload/UNSTABLE_FileUpload.js

@@ -0,0 +1,138 @@
+"use client";
+import { jsxs as r, jsx as i, Fragment as G } from "react/jsx-runtime";
+import J from "classnames";
+import { useState as K, useEffect as Q } from "react";
+import { useStyleProps as W } from "../../hooks/styleProps.js";
+import { useAriaDescribedBy as X } from "../../hooks/useAriaIdRefs.js";
+import Y from "../Button/Button.js";
+import ee from "../Field/HelperText.js";
+import v from "../Field/Label.js";
+import oe from "../Field/ValidationText.js";
+import { useValidationTextRole as ie } from "../Field/useValidationTextRole.js";
+import re from "../Icon/Icon.js";
+import { useFileUploadState as te } from "./useFileUploadState.js";
+import { useFileUploadStyleProps as ae } from "./useFileUploadStyleProps.js";
+const g = (h) => {
+  const [N, S] = K(!1), {
+    "aria-describedby": b = "",
+    accept: A,
+    buttonText: T = "Browse",
+    children: x,
+    dropZoneRef: F,
+    hasValidationIcon: y,
+    helperText: U,
+    iconName: E = "upload",
+    id: B,
+    inputRef: L,
+    isCompact: d,
+    isDisabled: o,
+    isDragAndDropSupported: s,
+    isLabelHidden: P,
+    isMultiple: I,
+    isRequired: _,
+    label: R,
+    labelText: p,
+    linkText: V,
+    name: c,
+    onFilesSelected: Z,
+    rootId: l,
+    validationState: n,
+    validationText: m,
+    ...C
+  } = h, u = c !== void 0, t = s ?? N, { isDragging: j, onChange: H, onDragEnter: O, onDragLeave: $, onDragOver: k, onDrop: q } = te({
+    onFilesSelected: u ? Z : void 0
+  }), { classProps: e } = ae({
+    isCompact: d,
+    isDisabled: o,
+    isDragAndDropSupported: t,
+    isDragging: j,
+    isLabelHidden: P,
+    isRequired: _,
+    validationState: n
+  }), { styleProps: D, props: w } = W(C), [z, f] = X(b), M = ie({
+    validationState: n,
+    validationText: m
+  }), a = B;
+  return Q(() => {
+    s === void 0 && S("draggable" in document.createElement("span"));
+  }, [s]), /* @__PURE__ */ r(
+    "div",
+    {
+      ...w,
+      ...D,
+      ...l != null && l !== "" ? { id: l } : {},
+      className: J(e.root, D.className),
+      children: [
+        u && /* @__PURE__ */ r(
+          "div",
+          {
+            onDragOver: !o && t ? k : void 0,
+            onDragEnter: !o && t ? O : void 0,
+            onDragLeave: !o && t ? $ : void 0,
+            onDrop: !o && t ? q : void 0,
+            className: e.input.root,
+            children: [
+              /* @__PURE__ */ i(v, { htmlFor: a, UNSAFE_className: e.input.label, children: R }),
+              /* @__PURE__ */ i(
+                "input",
+                {
+                  ...z,
+                  type: "file",
+                  accept: A,
+                  id: a,
+                  ref: L,
+                  name: c,
+                  className: e.input.input,
+                  onChange: H,
+                  multiple: I,
+                  disabled: o
+                }
+              ),
+              /* @__PURE__ */ r("div", { ref: F, className: e.input.dropZone.root, children: [
+                !d && /* @__PURE__ */ i(re, { name: E, boxSize: 28, "aria-hidden": "true" }),
+                /* @__PURE__ */ r("div", { className: e.input.dropZone.content, children: [
+                  /* @__PURE__ */ r(v, { htmlFor: a, UNSAFE_className: e.input.dropZone.label, children: [
+                    V,
+                    p && /* @__PURE__ */ r(G, { children: [
+                      " ",
+                      /* @__PURE__ */ i("span", { className: e.input.dropLabel, children: p })
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ i(
+                    ee,
+                    {
+                      UNSAFE_className: e.input.helper,
+                      id: `${a}-helper`,
+                      registerAria: f,
+                      helperText: U
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ i(Y, { "aria-hidden": "true", isDisabled: o, elementType: "div", type: null, children: T })
+              ] }),
+              n && /* @__PURE__ */ i(
+                oe,
+                {
+                  UNSAFE_className: e.input.validationText,
+                  elementType: "div",
+                  ...y && { hasValidationStateIcon: n },
+                  id: `${a}-validation`,
+                  validationText: m,
+                  registerAria: f,
+                  role: M
+                }
+              )
+            ]
+          }
+        ),
+        x
+      ]
+    }
+  );
+};
+g.spiritComponent = "UNSTABLE_FileUpload";
+g.displayName = "UNSTABLE_FileUpload";
+export {
+  g as default
+};
+//# sourceMappingURL=UNSTABLE_FileUpload.js.map

package/dist/components/UNSTABLE_FileUpload/UNSTABLE_FileUpload.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UNSTABLE_FileUpload.js","sources":["../../../src/components/UNSTABLE_FileUpload/UNSTABLE_FileUpload.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { useEffect, useState } from 'react';\nimport { useAriaDescribedBy, useStyleProps } from '../../hooks';\nimport { Button } from '../Button';\nimport { HelperText, Label, ValidationText } from '../Field';\nimport { useValidationTextRole } from '../Field/useValidationTextRole';\nimport { Icon } from '../Icon';\nimport { type UnstableFileUploadProps } from './types';\nimport { useFileUploadState } from './useFileUploadState';\nimport { useFileUploadStyleProps } from './useFileUploadStyleProps';\n\nconst UNSTABLE_FileUpload = (props: UnstableFileUploadProps) => {\n  const [isDragAndDropDetected, setIsDragAndDropDetected] = useState(false);\n  const {\n    'aria-describedby': ariaDescribedBy = '',\n    accept,\n    buttonText = 'Browse',\n    children,\n    dropZoneRef,\n    hasValidationIcon,\n    helperText,\n    iconName = 'upload',\n    id,\n    inputRef,\n    isCompact,\n    isDisabled,\n    isDragAndDropSupported: isDragAndDropSupportedProp,\n    isLabelHidden,\n    isMultiple,\n    isRequired,\n    label,\n    labelText,\n    linkText,\n    name,\n    onFilesSelected,\n    rootId,\n    validationState,\n    validationText,\n    ...restProps\n  } = props;\n\n  const hasInput = name !== undefined;\n\n  const isDragAndDropSupported = isDragAndDropSupportedProp ?? isDragAndDropDetected;\n\n  const { isDragging, onChange, onDragEnter, onDragLeave, onDragOver, onDrop } = useFileUploadState({\n    onFilesSelected: hasInput ? onFilesSelected : undefined,\n  });\n\n  const { classProps } = useFileUploadStyleProps({\n    hasValidationIcon,\n    isCompact,\n    isDisabled,\n    isDragAndDropSupported,\n    isDragging,\n    isLabelHidden,\n    isRequired,\n    validationState,\n  });\n\n  const { styleProps, props: transferProps } = useStyleProps(restProps);\n\n  const [ariaDescribedByProp, register] = useAriaDescribedBy(ariaDescribedBy);\n  const validationTextRole = useValidationTextRole({\n    validationState,\n    validationText,\n  });\n  const inputId = id;\n\n  useEffect(() => {\n    if (isDragAndDropSupportedProp !== undefined) {\n      return;\n    }\n    setIsDragAndDropDetected('draggable' in document.createElement('span'));\n  }, [isDragAndDropSupportedProp]);\n\n  return (\n    <div\n      {...transferProps}\n      {...styleProps}\n      {...(rootId != null && rootId !== '' ? { id: rootId } : {})}\n      className={classNames(classProps.root, styleProps.className)}\n    >\n      {hasInput && (\n        <div\n          onDragOver={!isDisabled && isDragAndDropSupported ? onDragOver : undefined}\n          onDragEnter={!isDisabled && isDragAndDropSupported ? onDragEnter : undefined}\n          onDragLeave={!isDisabled && isDragAndDropSupported ? onDragLeave : undefined}\n          onDrop={!isDisabled && isDragAndDropSupported ? onDrop : undefined}\n          className={classProps.input.root}\n        >\n          <Label htmlFor={inputId} UNSAFE_className={classProps.input.label}>\n            {label}\n          </Label>\n          <input\n            {...ariaDescribedByProp}\n            type=\"file\"\n            accept={accept}\n            id={inputId}\n            ref={inputRef}\n            name={name}\n            className={classProps.input.input}\n            onChange={onChange}\n            multiple={isMultiple}\n            disabled={isDisabled}\n          />\n          <div ref={dropZoneRef} className={classProps.input.dropZone.root}>\n            {!isCompact && <Icon name={iconName} boxSize={28} aria-hidden=\"true\" />}\n            <div className={classProps.input.dropZone.content}>\n              <Label htmlFor={inputId} UNSAFE_className={classProps.input.dropZone.label}>\n                {linkText}\n                {labelText && (\n                  <>\n                    {' '}\n                    <span className={classProps.input.dropLabel}>{labelText}</span>\n                  </>\n                )}\n              </Label>\n              <HelperText\n                UNSAFE_className={classProps.input.helper}\n                id={`${inputId}-helper`}\n                registerAria={register}\n                helperText={helperText}\n              />\n            </div>\n            {/* @ts-expect-error - Div cannot have type=\"button\". This will be solved with https://jira.almacareer.tech/browse/DS-2168 */}\n            <Button aria-hidden=\"true\" isDisabled={isDisabled} elementType=\"div\" type={null}>\n              {buttonText}\n            </Button>\n          </div>\n          {validationState && (\n            <ValidationText\n              UNSAFE_className={classProps.input.validationText}\n              elementType=\"div\"\n              {...(hasValidationIcon && { hasValidationStateIcon: validationState })}\n              id={`${inputId}-validation`}\n              validationText={validationText}\n              registerAria={register}\n              role={validationTextRole}\n            />\n          )}\n        </div>\n      )}\n      {children}\n    </div>\n  );\n};\n\nUNSTABLE_FileUpload.spiritComponent = 'UNSTABLE_FileUpload';\nUNSTABLE_FileUpload.displayName = 'UNSTABLE_FileUpload';\n\nexport default UNSTABLE_FileUpload;\n"],"names":["UNSTABLE_FileUpload","props","isDragAndDropDetected","setIsDragAndDropDetected","useState","ariaDescribedBy","accept","buttonText","children","dropZoneRef","hasValidationIcon","helperText","iconName","id","inputRef","isCompact","isDisabled","isDragAndDropSupportedProp","isLabelHidden","isMultiple","isRequired","label","labelText","linkText","name","onFilesSelected","rootId","validationState","validationText","restProps","hasInput","isDragAndDropSupported","isDragging","onChange","onDragEnter","onDragLeave","onDragOver","onDrop","useFileUploadState","classProps","useFileUploadStyleProps","styleProps","transferProps","useStyleProps","ariaDescribedByProp","register","useAriaDescribedBy","validationTextRole","useValidationTextRole","inputId","useEffect","jsxs","classNames","jsx","Label","Icon","Fragment","HelperText","Button","ValidationText"],"mappings":"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"}

package/dist/components/UNSTABLE_FileUpload/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./UNSTABLE_FileUpload.cjs"),l=require("./useFileUploadStyleProps.cjs"),t=require("./useFileUploadState.cjs");exports.UNSTABLE_FileUpload=e.default;exports.useFileUploadStyleProps=l.useFileUploadStyleProps;exports.useFileUploadState=t.useFileUploadState;
+//# sourceMappingURL=index.cjs.map

package/dist/components/UNSTABLE_FileUpload/index.cjs.map

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

package/dist/components/UNSTABLE_FileUpload/index.d.ts

@@ -0,0 +1,4 @@
+export { default as UNSTABLE_FileUpload } from './UNSTABLE_FileUpload';
+export * from './useFileUploadStyleProps';
+export * from './useFileUploadState';
+export * from './types';

package/dist/components/UNSTABLE_FileUpload/index.js

@@ -0,0 +1,9 @@
+import { default as t } from "./UNSTABLE_FileUpload.js";
+import { useFileUploadStyleProps as r } from "./useFileUploadStyleProps.js";
+import { useFileUploadState as a } from "./useFileUploadState.js";
+export {
+  t as UNSTABLE_FileUpload,
+  a as useFileUploadState,
+  r as useFileUploadStyleProps
+};
+//# sourceMappingURL=index.js.map

package/dist/components/UNSTABLE_FileUpload/index.js.map

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

package/dist/components/UNSTABLE_FileUpload/types.d.ts

@@ -0,0 +1,33 @@
+import { MutableRefObject, ReactNode } from 'react';
+import { SpiritInputElementProps, Validation, ValidationTextType } from '../../types/shared';
+import { UnstableFileItem } from '../UNSTABLE_File/types';
+export interface UnstableFileUploadTextProps {
+    buttonText?: string;
+    helperText?: string;
+    labelText?: string;
+    linkText?: string;
+}
+export type UnstableFileUploadAttachmentsItem = UnstableFileItem;
+export type FilesSelectedType = (files: File[]) => void;
+export interface UnstableFileUploadInputProps extends Omit<SpiritInputElementProps, 'onError' | 'label'>, UnstableFileUploadTextProps, Validation {
+    accept?: string;
+    dropZoneRef?: MutableRefObject<HTMLDivElement>;
+    hasValidationIcon?: boolean;
+    iconName?: string;
+    id: string;
+    inputRef?: MutableRefObject<HTMLInputElement>;
+    isDisabled?: boolean;
+    isCompact?: boolean;
+    isDragAndDropSupported?: boolean;
+    isLabelHidden?: boolean;
+    isMultiple?: boolean;
+    isRequired?: boolean;
+    label?: ReactNode;
+    name: string;
+    onFilesSelected?: FilesSelectedType;
+    validationText?: ValidationTextType;
+}
+export interface UnstableFileUploadProps extends UnstableFileUploadInputProps {
+    id: string;
+    rootId?: string;
+}

package/dist/components/UNSTABLE_FileUpload/useFileUploadState.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../../hooks/useDragAndDrop.cjs"),d=l=>{const{onFilesSelected:e}=l,i=r=>{if(!e)return;const t=Array.from(r.dataTransfer.items),s=Array.from(r.dataTransfer.files),a=[];r.dataTransfer.items?.length?t.forEach(n=>{if(n.kind==="file"){const o=n.getAsFile();o&&a.push(o)}}):s.forEach(n=>a.push(n)),a.length&&e(a)},f=r=>{if(!e)return;const{files:t}=r.target,s=t?Array.prototype.slice.call(t):[];s.length&&e(s),r.target.blur(),r.target.value=""},c=u.useDragAndDrop({onDrop:i});return{onChange:f,...c}};exports.useFileUploadState=d;
+//# sourceMappingURL=useFileUploadState.cjs.map

package/dist/components/UNSTABLE_FileUpload/useFileUploadState.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFileUploadState.cjs","sources":["../../../src/components/UNSTABLE_FileUpload/useFileUploadState.ts"],"sourcesContent":["'use client';\n\nimport { type ChangeEvent, type DragEvent } from 'react';\nimport { useDragAndDrop } from '../../hooks';\nimport { type DragAndDropHandlingProps } from '../../types';\nimport { type FilesSelectedType } from './types';\n\n/**\n * Props for the useFileUploadState hook.\n */\nexport interface FileUploadStateProps {\n  /** Called when user selects or drops files. Parent owns the logic. */\n  onFilesSelected?: FilesSelectedType;\n}\n\n/**\n * Return type of useFileUploadState. Provides drag-and-drop props and input change handler\n * for wiring a file input and drop zone.\n */\nexport interface FileUploadState extends DragAndDropHandlingProps<HTMLDivElement> {\n  /** True while the user is dragging files over the drop zone. */\n  isDragging: boolean;\n  /** Handler to attach to `<input type=\"file\">` onChange. */\n  onChange: (event: ChangeEvent<HTMLInputElement>) => void;\n}\n\n/**\n * Hook that provides drag-and-drop handling and file input change handling for file upload.\n * Use the returned props on a drop zone container and pass `onChange` to the file input.\n *\n * @param props - Configuration. Pass `onFilesSelected` to receive selected/dropped files.\n * @returns {FileUploadState} Props to spread on the drop zone and `onChange` for the file input.\n */\nexport const useFileUploadState = (props: FileUploadStateProps): FileUploadState => {\n  const { onFilesSelected } = props;\n\n  const onDropHandler = (event: DragEvent<HTMLDivElement>) => {\n    if (!onFilesSelected) return;\n\n    const transferItems = Array.from(event.dataTransfer.items);\n    const transferFiles = Array.from(event.dataTransfer.files);\n\n    const files: File[] = [];\n\n    if (event.dataTransfer.items?.length) {\n      transferItems.forEach((item) => {\n        if (item.kind === 'file') {\n          const file = item.getAsFile();\n          if (file) files.push(file);\n        }\n      });\n    } else {\n      transferFiles.forEach((file) => files.push(file));\n    }\n\n    if (files.length) onFilesSelected(files);\n  };\n\n  const onChangeHandler = (event: ChangeEvent<HTMLInputElement>) => {\n    if (!onFilesSelected) {\n      return;\n    }\n\n    const { files } = event.target;\n    const filesArray = files ? Array.prototype.slice.call(files) : [];\n\n    if (filesArray.length) {\n      onFilesSelected(filesArray);\n    }\n\n    event.target.blur();\n    // eslint-disable-next-line no-param-reassign -- Reset input value so that after a file is removed, re-selecting the same file triggers onChange again (otherwise the input sees no change).\n    event.target.value = '';\n  };\n\n  const dragAndDropProps = useDragAndDrop({\n    onDrop: onDropHandler,\n  });\n\n  return {\n    onChange: onChangeHandler,\n    ...dragAndDropProps,\n  };\n};\n"],"names":["useFileUploadState","props","onFilesSelected","onDropHandler","event","transferItems","transferFiles","files","item","file","onChangeHandler","filesArray","dragAndDropProps","useDragAndDrop"],"mappings":"+IAiCaA,EAAsBC,GAAiD,CAClF,KAAM,CAAE,gBAAAC,GAAoBD,EAEtBE,EAAiBC,GAAqC,CAC1D,GAAI,CAACF,EAAiB,OAEtB,MAAMG,EAAgB,MAAM,KAAKD,EAAM,aAAa,KAAK,EACnDE,EAAgB,MAAM,KAAKF,EAAM,aAAa,KAAK,EAEnDG,EAAgB,CAAA,EAElBH,EAAM,aAAa,OAAO,OAC5BC,EAAc,QAASG,GAAS,CAC9B,GAAIA,EAAK,OAAS,OAAQ,CACxB,MAAMC,EAAOD,EAAK,UAAA,EACdC,GAAMF,EAAM,KAAKE,CAAI,CAC3B,CACF,CAAC,EAEDH,EAAc,QAASG,GAASF,EAAM,KAAKE,CAAI,CAAC,EAG9CF,EAAM,QAAQL,EAAgBK,CAAK,CACzC,EAEMG,EAAmBN,GAAyC,CAChE,GAAI,CAACF,EACH,OAGF,KAAM,CAAE,MAAAK,GAAUH,EAAM,OAClBO,EAAaJ,EAAQ,MAAM,UAAU,MAAM,KAAKA,CAAK,EAAI,CAAA,EAE3DI,EAAW,QACbT,EAAgBS,CAAU,EAG5BP,EAAM,OAAO,KAAA,EAEbA,EAAM,OAAO,MAAQ,EACvB,EAEMQ,EAAmBC,EAAAA,eAAe,CACtC,OAAQV,CAAA,CACT,EAED,MAAO,CACL,SAAUO,EACV,GAAGE,CAAA,CAEP"}

package/dist/components/UNSTABLE_FileUpload/useFileUploadState.d.ts

@@ -0,0 +1,11 @@
+import { ChangeEvent } from 'react';
+import { DragAndDropHandlingProps } from '../../types';
+import { FilesSelectedType } from './types';
+export interface FileUploadStateProps {
+    onFilesSelected?: FilesSelectedType;
+}
+export interface FileUploadState extends DragAndDropHandlingProps<HTMLDivElement> {
+    isDragging: boolean;
+    onChange: (event: ChangeEvent<HTMLInputElement>) => void;
+}
+export declare const useFileUploadState: (props: FileUploadStateProps) => FileUploadState;

package/dist/components/UNSTABLE_FileUpload/useFileUploadState.js

@@ -0,0 +1,29 @@
+"use client";
+import { useDragAndDrop as p } from "../../hooks/useDragAndDrop.js";
+const g = (l) => {
+  const { onFilesSelected: e } = l, f = (r) => {
+    if (!e) return;
+    const t = Array.from(r.dataTransfer.items), s = Array.from(r.dataTransfer.files), n = [];
+    r.dataTransfer.items?.length ? t.forEach((o) => {
+      if (o.kind === "file") {
+        const a = o.getAsFile();
+        a && n.push(a);
+      }
+    }) : s.forEach((o) => n.push(o)), n.length && e(n);
+  }, i = (r) => {
+    if (!e)
+      return;
+    const { files: t } = r.target, s = t ? Array.prototype.slice.call(t) : [];
+    s.length && e(s), r.target.blur(), r.target.value = "";
+  }, c = p({
+    onDrop: f
+  });
+  return {
+    onChange: i,
+    ...c
+  };
+};
+export {
+  g as useFileUploadState
+};
+//# sourceMappingURL=useFileUploadState.js.map

package/dist/components/UNSTABLE_FileUpload/useFileUploadState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFileUploadState.js","sources":["../../../src/components/UNSTABLE_FileUpload/useFileUploadState.ts"],"sourcesContent":["'use client';\n\nimport { type ChangeEvent, type DragEvent } from 'react';\nimport { useDragAndDrop } from '../../hooks';\nimport { type DragAndDropHandlingProps } from '../../types';\nimport { type FilesSelectedType } from './types';\n\n/**\n * Props for the useFileUploadState hook.\n */\nexport interface FileUploadStateProps {\n  /** Called when user selects or drops files. Parent owns the logic. */\n  onFilesSelected?: FilesSelectedType;\n}\n\n/**\n * Return type of useFileUploadState. Provides drag-and-drop props and input change handler\n * for wiring a file input and drop zone.\n */\nexport interface FileUploadState extends DragAndDropHandlingProps<HTMLDivElement> {\n  /** True while the user is dragging files over the drop zone. */\n  isDragging: boolean;\n  /** Handler to attach to `<input type=\"file\">` onChange. */\n  onChange: (event: ChangeEvent<HTMLInputElement>) => void;\n}\n\n/**\n * Hook that provides drag-and-drop handling and file input change handling for file upload.\n * Use the returned props on a drop zone container and pass `onChange` to the file input.\n *\n * @param props - Configuration. Pass `onFilesSelected` to receive selected/dropped files.\n * @returns {FileUploadState} Props to spread on the drop zone and `onChange` for the file input.\n */\nexport const useFileUploadState = (props: FileUploadStateProps): FileUploadState => {\n  const { onFilesSelected } = props;\n\n  const onDropHandler = (event: DragEvent<HTMLDivElement>) => {\n    if (!onFilesSelected) return;\n\n    const transferItems = Array.from(event.dataTransfer.items);\n    const transferFiles = Array.from(event.dataTransfer.files);\n\n    const files: File[] = [];\n\n    if (event.dataTransfer.items?.length) {\n      transferItems.forEach((item) => {\n        if (item.kind === 'file') {\n          const file = item.getAsFile();\n          if (file) files.push(file);\n        }\n      });\n    } else {\n      transferFiles.forEach((file) => files.push(file));\n    }\n\n    if (files.length) onFilesSelected(files);\n  };\n\n  const onChangeHandler = (event: ChangeEvent<HTMLInputElement>) => {\n    if (!onFilesSelected) {\n      return;\n    }\n\n    const { files } = event.target;\n    const filesArray = files ? Array.prototype.slice.call(files) : [];\n\n    if (filesArray.length) {\n      onFilesSelected(filesArray);\n    }\n\n    event.target.blur();\n    // eslint-disable-next-line no-param-reassign -- Reset input value so that after a file is removed, re-selecting the same file triggers onChange again (otherwise the input sees no change).\n    event.target.value = '';\n  };\n\n  const dragAndDropProps = useDragAndDrop({\n    onDrop: onDropHandler,\n  });\n\n  return {\n    onChange: onChangeHandler,\n    ...dragAndDropProps,\n  };\n};\n"],"names":["useFileUploadState","props","onFilesSelected","onDropHandler","event","transferItems","transferFiles","files","item","file","onChangeHandler","filesArray","dragAndDropProps","useDragAndDrop"],"mappings":";;AAiCO,MAAMA,IAAqB,CAACC,MAAiD;AAClF,QAAM,EAAE,iBAAAC,MAAoBD,GAEtBE,IAAgB,CAACC,MAAqC;AAC1D,QAAI,CAACF,EAAiB;AAEtB,UAAMG,IAAgB,MAAM,KAAKD,EAAM,aAAa,KAAK,GACnDE,IAAgB,MAAM,KAAKF,EAAM,aAAa,KAAK,GAEnDG,IAAgB,CAAA;AAEtB,IAAIH,EAAM,aAAa,OAAO,SAC5BC,EAAc,QAAQ,CAACG,MAAS;AAC9B,UAAIA,EAAK,SAAS,QAAQ;AACxB,cAAMC,IAAOD,EAAK,UAAA;AAClB,QAAIC,KAAMF,EAAM,KAAKE,CAAI;AAAA,MAC3B;AAAA,IACF,CAAC,IAEDH,EAAc,QAAQ,CAACG,MAASF,EAAM,KAAKE,CAAI,CAAC,GAG9CF,EAAM,UAAQL,EAAgBK,CAAK;AAAA,EACzC,GAEMG,IAAkB,CAACN,MAAyC;AAChE,QAAI,CAACF;AACH;AAGF,UAAM,EAAE,OAAAK,MAAUH,EAAM,QAClBO,IAAaJ,IAAQ,MAAM,UAAU,MAAM,KAAKA,CAAK,IAAI,CAAA;AAE/D,IAAII,EAAW,UACbT,EAAgBS,CAAU,GAG5BP,EAAM,OAAO,KAAA,GAEbA,EAAM,OAAO,QAAQ;AAAA,EACvB,GAEMQ,IAAmBC,EAAe;AAAA,IACtC,QAAQV;AAAA,EAAA,CACT;AAED,SAAO;AAAA,IACL,UAAUO;AAAA,IACV,GAAGE;AAAA,EAAA;AAEP;"}

package/dist/components/UNSTABLE_FileUpload/useFileUploadStyleProps.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("classnames"),$=require("../../hooks/useClassNamePrefix.cjs"),g=e=>{const o=$.useClassNamePrefix("UNSTABLE_FileUpload"),s="has-drag-and-drop",l=`${o}Input`,t=`${l}--disabled`,n=`${l}__dropZone--disabled`,i=`${l}__dropZone--compact`,d=`${l}--${e?.validationState}`,p="is-dragging",r=`${l}__dragAndDropLabel`,u=`${l}__dropZone`,c=`${l}__dropZoneContent`,_=`${l}__dropZoneLabel`,C=`${l}__helperText`,b=`${l}__input`,U=`${l}__label`,f=`${l}__label--hidden`,D=`${l}__label--required`,I=`${l}__validationText`;return{classProps:{root:o,input:{root:a(l,{[s]:e?.isDragAndDropSupported,[t]:e?.isDisabled,[p]:e?.isDragging,[d]:e?.validationState}),label:a(U,{[D]:e?.isRequired,[f]:e?.isLabelHidden}),input:b,dropLabel:r,helper:C,validationText:I,dropZone:{root:a(u,{[n]:e?.isDisabled,[i]:e?.isCompact}),content:c,label:_}}}}};exports.useFileUploadStyleProps=g;
+//# sourceMappingURL=useFileUploadStyleProps.cjs.map

package/dist/components/UNSTABLE_FileUpload/useFileUploadStyleProps.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFileUploadStyleProps.cjs","sources":["../../../src/components/UNSTABLE_FileUpload/useFileUploadStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type StyleProps, type Validation } from '../../types';\n\nexport interface FileUploadStyleProps extends StyleProps, Validation {\n  isDisabled?: boolean;\n  isCompact?: boolean;\n  isDragAndDropSupported?: boolean;\n  isDragging?: boolean;\n  isLabelHidden?: boolean;\n  isRequired?: boolean;\n}\n\nexport interface FileUploadStyle {\n  /** className props */\n  classProps: {\n    root: string;\n    input: {\n      root: string;\n      label: string;\n      input: string;\n      dropLabel: string;\n      helper: string;\n      validationText: string;\n      dropZone: {\n        root: string;\n        content: string;\n        label: string;\n      };\n    };\n  };\n}\n\nexport const useFileUploadStyleProps = (props?: FileUploadStyleProps): FileUploadStyle => {\n  const fileUploadClass = useClassNamePrefix('UNSTABLE_FileUpload');\n  const fileUploadHasDragAndDropClass = 'has-drag-and-drop';\n  const fileUploadInputClass = `${fileUploadClass}Input`;\n  const fileUploadInputDisabledClass = `${fileUploadInputClass}--disabled`;\n  const fileUploadDropZoneDisabledClass = `${fileUploadInputClass}__dropZone--disabled`;\n  const fileUploadDropZoneCompactClass = `${fileUploadInputClass}__dropZone--compact`;\n  const fileUploadInputValidationClass = `${fileUploadInputClass}--${props?.validationState}`;\n  const fileUploadInputDraggingClass = 'is-dragging';\n  const fileUploadInputDropLabelClass = `${fileUploadInputClass}__dragAndDropLabel`;\n  const fileUploadInputDropZoneClass = `${fileUploadInputClass}__dropZone`;\n  const fileUploadInputDropZoneContentClass = `${fileUploadInputClass}__dropZoneContent`;\n  const fileUploadInputDropZoneLabelClass = `${fileUploadInputClass}__dropZoneLabel`;\n  const fileUploadInputHelperClass = `${fileUploadInputClass}__helperText`;\n  const fileUploadInputInputClass = `${fileUploadInputClass}__input`;\n  const fileUploadInputLabelClass = `${fileUploadInputClass}__label`;\n  const fileUploadInputLabelHiddenClass = `${fileUploadInputClass}__label--hidden`;\n  const fileUploadInputLabelRequiredClass = `${fileUploadInputClass}__label--required`;\n  const fileUploadInputValidationTextClass = `${fileUploadInputClass}__validationText`;\n\n  return {\n    classProps: {\n      root: fileUploadClass,\n      input: {\n        root: classNames(fileUploadInputClass, {\n          [fileUploadHasDragAndDropClass]: props?.isDragAndDropSupported,\n          [fileUploadInputDisabledClass]: props?.isDisabled,\n          [fileUploadInputDraggingClass]: props?.isDragging,\n          [fileUploadInputValidationClass]: props?.validationState,\n        }),\n        label: classNames(fileUploadInputLabelClass, {\n          [fileUploadInputLabelRequiredClass]: props?.isRequired,\n          [fileUploadInputLabelHiddenClass]: props?.isLabelHidden,\n        }),\n        input: fileUploadInputInputClass,\n        dropLabel: fileUploadInputDropLabelClass,\n        helper: fileUploadInputHelperClass,\n        validationText: fileUploadInputValidationTextClass,\n        dropZone: {\n          root: classNames(fileUploadInputDropZoneClass, {\n            [fileUploadDropZoneDisabledClass]: props?.isDisabled,\n            [fileUploadDropZoneCompactClass]: props?.isCompact,\n          }),\n          content: fileUploadInputDropZoneContentClass,\n          label: fileUploadInputDropZoneLabelClass,\n        },\n      },\n    },\n  };\n};\n"],"names":["useFileUploadStyleProps","props","fileUploadClass","useClassNamePrefix","fileUploadHasDragAndDropClass","fileUploadInputClass","fileUploadInputDisabledClass","fileUploadDropZoneDisabledClass","fileUploadDropZoneCompactClass","fileUploadInputValidationClass","fileUploadInputDraggingClass","fileUploadInputDropLabelClass","fileUploadInputDropZoneClass","fileUploadInputDropZoneContentClass","fileUploadInputDropZoneLabelClass","fileUploadInputHelperClass","fileUploadInputInputClass","fileUploadInputLabelClass","fileUploadInputLabelHiddenClass","fileUploadInputLabelRequiredClass","fileUploadInputValidationTextClass","classNames"],"mappings":"8JAiCaA,EAA2BC,GAAkD,CACxF,MAAMC,EAAkBC,EAAAA,mBAAmB,qBAAqB,EAC1DC,EAAgC,oBAChCC,EAAuB,GAAGH,CAAe,QACzCI,EAA+B,GAAGD,CAAoB,aACtDE,EAAkC,GAAGF,CAAoB,uBACzDG,EAAiC,GAAGH,CAAoB,sBACxDI,EAAiC,GAAGJ,CAAoB,KAAKJ,GAAO,eAAe,GACnFS,EAA+B,cAC/BC,EAAgC,GAAGN,CAAoB,qBACvDO,EAA+B,GAAGP,CAAoB,aACtDQ,EAAsC,GAAGR,CAAoB,oBAC7DS,EAAoC,GAAGT,CAAoB,kBAC3DU,EAA6B,GAAGV,CAAoB,eACpDW,EAA4B,GAAGX,CAAoB,UACnDY,EAA4B,GAAGZ,CAAoB,UACnDa,EAAkC,GAAGb,CAAoB,kBACzDc,EAAoC,GAAGd,CAAoB,oBAC3De,EAAqC,GAAGf,CAAoB,mBAElE,MAAO,CACL,WAAY,CACV,KAAMH,EACN,MAAO,CACL,KAAMmB,EAAWhB,EAAsB,CACrC,CAACD,CAA6B,EAAGH,GAAO,uBACxC,CAACK,CAA4B,EAAGL,GAAO,WACvC,CAACS,CAA4B,EAAGT,GAAO,WACvC,CAACQ,CAA8B,EAAGR,GAAO,eAAA,CAC1C,EACD,MAAOoB,EAAWJ,EAA2B,CAC3C,CAACE,CAAiC,EAAGlB,GAAO,WAC5C,CAACiB,CAA+B,EAAGjB,GAAO,aAAA,CAC3C,EACD,MAAOe,EACP,UAAWL,EACX,OAAQI,EACR,eAAgBK,EAChB,SAAU,CACR,KAAMC,EAAWT,EAA8B,CAC7C,CAACL,CAA+B,EAAGN,GAAO,WAC1C,CAACO,CAA8B,EAAGP,GAAO,SAAA,CAC1C,EACD,QAASY,EACT,MAAOC,CAAA,CACT,CACF,CACF,CAEJ"}

package/dist/components/UNSTABLE_FileUpload/useFileUploadStyleProps.d.ts

@@ -0,0 +1,28 @@
+import { StyleProps, Validation } from '../../types';
+export interface FileUploadStyleProps extends StyleProps, Validation {
+    isDisabled?: boolean;
+    isCompact?: boolean;
+    isDragAndDropSupported?: boolean;
+    isDragging?: boolean;
+    isLabelHidden?: boolean;
+    isRequired?: boolean;
+}
+export interface FileUploadStyle {
+    classProps: {
+        root: string;
+        input: {
+            root: string;
+            label: string;
+            input: string;
+            dropLabel: string;
+            helper: string;
+            validationText: string;
+            dropZone: {
+                root: string;
+                content: string;
+                label: string;
+            };
+        };
+    };
+}
+export declare const useFileUploadStyleProps: (props?: FileUploadStyleProps) => FileUploadStyle;

package/dist/components/UNSTABLE_FileUpload/useFileUploadStyleProps.js

@@ -0,0 +1,38 @@
+import e from "classnames";
+import { useClassNamePrefix as $ } from "../../hooks/useClassNamePrefix.js";
+const L = (a) => {
+  const o = $("UNSTABLE_FileUpload"), s = "has-drag-and-drop", l = `${o}Input`, n = `${l}--disabled`, t = `${l}__dropZone--disabled`, i = `${l}__dropZone--compact`, d = `${l}--${a?.validationState}`, p = "is-dragging", r = `${l}__dragAndDropLabel`, c = `${l}__dropZone`, u = `${l}__dropZoneContent`, _ = `${l}__dropZoneLabel`, C = `${l}__helperText`, f = `${l}__input`, U = `${l}__label`, b = `${l}__label--hidden`, D = `${l}__label--required`, I = `${l}__validationText`;
+  return {
+    classProps: {
+      root: o,
+      input: {
+        root: e(l, {
+          [s]: a?.isDragAndDropSupported,
+          [n]: a?.isDisabled,
+          [p]: a?.isDragging,
+          [d]: a?.validationState
+        }),
+        label: e(U, {
+          [D]: a?.isRequired,
+          [b]: a?.isLabelHidden
+        }),
+        input: f,
+        dropLabel: r,
+        helper: C,
+        validationText: I,
+        dropZone: {
+          root: e(c, {
+            [t]: a?.isDisabled,
+            [i]: a?.isCompact
+          }),
+          content: u,
+          label: _
+        }
+      }
+    }
+  };
+};
+export {
+  L as useFileUploadStyleProps
+};
+//# sourceMappingURL=useFileUploadStyleProps.js.map

package/dist/components/UNSTABLE_FileUpload/useFileUploadStyleProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFileUploadStyleProps.js","sources":["../../../src/components/UNSTABLE_FileUpload/useFileUploadStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type StyleProps, type Validation } from '../../types';\n\nexport interface FileUploadStyleProps extends StyleProps, Validation {\n  isDisabled?: boolean;\n  isCompact?: boolean;\n  isDragAndDropSupported?: boolean;\n  isDragging?: boolean;\n  isLabelHidden?: boolean;\n  isRequired?: boolean;\n}\n\nexport interface FileUploadStyle {\n  /** className props */\n  classProps: {\n    root: string;\n    input: {\n      root: string;\n      label: string;\n      input: string;\n      dropLabel: string;\n      helper: string;\n      validationText: string;\n      dropZone: {\n        root: string;\n        content: string;\n        label: string;\n      };\n    };\n  };\n}\n\nexport const useFileUploadStyleProps = (props?: FileUploadStyleProps): FileUploadStyle => {\n  const fileUploadClass = useClassNamePrefix('UNSTABLE_FileUpload');\n  const fileUploadHasDragAndDropClass = 'has-drag-and-drop';\n  const fileUploadInputClass = `${fileUploadClass}Input`;\n  const fileUploadInputDisabledClass = `${fileUploadInputClass}--disabled`;\n  const fileUploadDropZoneDisabledClass = `${fileUploadInputClass}__dropZone--disabled`;\n  const fileUploadDropZoneCompactClass = `${fileUploadInputClass}__dropZone--compact`;\n  const fileUploadInputValidationClass = `${fileUploadInputClass}--${props?.validationState}`;\n  const fileUploadInputDraggingClass = 'is-dragging';\n  const fileUploadInputDropLabelClass = `${fileUploadInputClass}__dragAndDropLabel`;\n  const fileUploadInputDropZoneClass = `${fileUploadInputClass}__dropZone`;\n  const fileUploadInputDropZoneContentClass = `${fileUploadInputClass}__dropZoneContent`;\n  const fileUploadInputDropZoneLabelClass = `${fileUploadInputClass}__dropZoneLabel`;\n  const fileUploadInputHelperClass = `${fileUploadInputClass}__helperText`;\n  const fileUploadInputInputClass = `${fileUploadInputClass}__input`;\n  const fileUploadInputLabelClass = `${fileUploadInputClass}__label`;\n  const fileUploadInputLabelHiddenClass = `${fileUploadInputClass}__label--hidden`;\n  const fileUploadInputLabelRequiredClass = `${fileUploadInputClass}__label--required`;\n  const fileUploadInputValidationTextClass = `${fileUploadInputClass}__validationText`;\n\n  return {\n    classProps: {\n      root: fileUploadClass,\n      input: {\n        root: classNames(fileUploadInputClass, {\n          [fileUploadHasDragAndDropClass]: props?.isDragAndDropSupported,\n          [fileUploadInputDisabledClass]: props?.isDisabled,\n          [fileUploadInputDraggingClass]: props?.isDragging,\n          [fileUploadInputValidationClass]: props?.validationState,\n        }),\n        label: classNames(fileUploadInputLabelClass, {\n          [fileUploadInputLabelRequiredClass]: props?.isRequired,\n          [fileUploadInputLabelHiddenClass]: props?.isLabelHidden,\n        }),\n        input: fileUploadInputInputClass,\n        dropLabel: fileUploadInputDropLabelClass,\n        helper: fileUploadInputHelperClass,\n        validationText: fileUploadInputValidationTextClass,\n        dropZone: {\n          root: classNames(fileUploadInputDropZoneClass, {\n            [fileUploadDropZoneDisabledClass]: props?.isDisabled,\n            [fileUploadDropZoneCompactClass]: props?.isCompact,\n          }),\n          content: fileUploadInputDropZoneContentClass,\n          label: fileUploadInputDropZoneLabelClass,\n        },\n      },\n    },\n  };\n};\n"],"names":["useFileUploadStyleProps","props","fileUploadClass","useClassNamePrefix","fileUploadHasDragAndDropClass","fileUploadInputClass","fileUploadInputDisabledClass","fileUploadDropZoneDisabledClass","fileUploadDropZoneCompactClass","fileUploadInputValidationClass","fileUploadInputDraggingClass","fileUploadInputDropLabelClass","fileUploadInputDropZoneClass","fileUploadInputDropZoneContentClass","fileUploadInputDropZoneLabelClass","fileUploadInputHelperClass","fileUploadInputInputClass","fileUploadInputLabelClass","fileUploadInputLabelHiddenClass","fileUploadInputLabelRequiredClass","fileUploadInputValidationTextClass","classNames"],"mappings":";;AAiCO,MAAMA,IAA0B,CAACC,MAAkD;AACxF,QAAMC,IAAkBC,EAAmB,qBAAqB,GAC1DC,IAAgC,qBAChCC,IAAuB,GAAGH,CAAe,SACzCI,IAA+B,GAAGD,CAAoB,cACtDE,IAAkC,GAAGF,CAAoB,wBACzDG,IAAiC,GAAGH,CAAoB,uBACxDI,IAAiC,GAAGJ,CAAoB,KAAKJ,GAAO,eAAe,IACnFS,IAA+B,eAC/BC,IAAgC,GAAGN,CAAoB,sBACvDO,IAA+B,GAAGP,CAAoB,cACtDQ,IAAsC,GAAGR,CAAoB,qBAC7DS,IAAoC,GAAGT,CAAoB,mBAC3DU,IAA6B,GAAGV,CAAoB,gBACpDW,IAA4B,GAAGX,CAAoB,WACnDY,IAA4B,GAAGZ,CAAoB,WACnDa,IAAkC,GAAGb,CAAoB,mBACzDc,IAAoC,GAAGd,CAAoB,qBAC3De,IAAqC,GAAGf,CAAoB;AAElE,SAAO;AAAA,IACL,YAAY;AAAA,MACV,MAAMH;AAAA,MACN,OAAO;AAAA,QACL,MAAMmB,EAAWhB,GAAsB;AAAA,UACrC,CAACD,CAA6B,GAAGH,GAAO;AAAA,UACxC,CAACK,CAA4B,GAAGL,GAAO;AAAA,UACvC,CAACS,CAA4B,GAAGT,GAAO;AAAA,UACvC,CAACQ,CAA8B,GAAGR,GAAO;AAAA,QAAA,CAC1C;AAAA,QACD,OAAOoB,EAAWJ,GAA2B;AAAA,UAC3C,CAACE,CAAiC,GAAGlB,GAAO;AAAA,UAC5C,CAACiB,CAA+B,GAAGjB,GAAO;AAAA,QAAA,CAC3C;AAAA,QACD,OAAOe;AAAA,QACP,WAAWL;AAAA,QACX,QAAQI;AAAA,QACR,gBAAgBK;AAAA,QAChB,UAAU;AAAA,UACR,MAAMC,EAAWT,GAA8B;AAAA,YAC7C,CAACL,CAA+B,GAAGN,GAAO;AAAA,YAC1C,CAACO,CAA8B,GAAGP,GAAO;AAAA,UAAA,CAC1C;AAAA,UACD,SAASY;AAAA,UACT,OAAOC;AAAA,QAAA;AAAA,MACT;AAAA,IACF;AAAA,EACF;AAEJ;"}

package/dist/components/UNSTABLE_FileUpload.d.ts

@@ -0,0 +1,2 @@
+export * from './UNSTABLE_FileUpload/index'
+export {}

package/dist/components/UNSTABLE_Header/UNSTABLE_Header.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("react/jsx-runtime"),c=require("classnames"),p=require("../../hooks/styleProps.cjs"),i=require("./useUnstableHeaderStyleProps.cjs"),s=r=>{const{children:t,...o}=r,{classProps:l,props:a}=i.useUnstableHeaderStyleProps(o),{styleProps:e,props:n}=p.useStyleProps(a);return u.jsx("header",{...n,className:c(l.root,e.className),style:e.style,children:t})};s.spiritComponent="UNSTABLE_Header";exports.default=s;
+//# sourceMappingURL=UNSTABLE_Header.cjs.map

package/dist/components/UNSTABLE_Header/UNSTABLE_Header.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"UNSTABLE_Header.cjs","sources":["../../../src/components/UNSTABLE_Header/UNSTABLE_Header.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { type ReactElement } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritHeaderProps } from '../../types';\nimport { useUnstableHeaderStyleProps } from './useUnstableHeaderStyleProps';\n\nconst UNSTABLE_Header = (props: SpiritHeaderProps): ReactElement => {\n  const { children, ...restProps } = props;\n\n  const { classProps, props: modifiedProps } = useUnstableHeaderStyleProps(restProps);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n\n  return (\n    <header {...otherProps} className={classNames(classProps.root, styleProps.className)} style={styleProps.style}>\n      {children}\n    </header>\n  );\n};\n\nUNSTABLE_Header.spiritComponent = 'UNSTABLE_Header';\n\nexport default UNSTABLE_Header;\n"],"names":["UNSTABLE_Header","props","children","restProps","classProps","modifiedProps","useUnstableHeaderStyleProps","styleProps","otherProps","useStyleProps","jsx","classNames"],"mappings":"6QAQMA,EAAmBC,GAA2C,CAClE,KAAM,CAAE,SAAAC,EAAU,GAAGC,CAAA,EAAcF,EAE7B,CAAE,WAAAG,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,4BAA4BH,CAAS,EAC5E,CAAA,WAAEI,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcJ,CAAa,EAErE,OACEK,EAAAA,IAAC,SAAA,CAAQ,GAAGF,EAAY,UAAWG,EAAWP,EAAW,KAAMG,EAAW,SAAS,EAAG,MAAOA,EAAW,MACrG,SAAAL,EACH,CAEJ,EAEAF,EAAgB,gBAAkB"}

package/dist/components/UNSTABLE_Header/UNSTABLE_Header.d.ts

@@ -0,0 +1,7 @@
+import { ReactElement } from 'react';
+import { SpiritHeaderProps } from '../../types';
+declare const UNSTABLE_Header: {
+    (props: SpiritHeaderProps): ReactElement;
+    spiritComponent: string;
+};
+export default UNSTABLE_Header;

package/dist/components/UNSTABLE_Header/UNSTABLE_Header.js

@@ -0,0 +1,14 @@
+"use client";
+import { jsx as l } from "react/jsx-runtime";
+import m from "classnames";
+import { useStyleProps as c } from "../../hooks/styleProps.js";
+import { useUnstableHeaderStyleProps as i } from "./useUnstableHeaderStyleProps.js";
+const n = (e) => {
+  const { children: r, ...o } = e, { classProps: t, props: p } = i(o), { styleProps: s, props: a } = c(p);
+  return /* @__PURE__ */ l("header", { ...a, className: m(t.root, s.className), style: s.style, children: r });
+};
+n.spiritComponent = "UNSTABLE_Header";
+export {
+  n as default
+};
+//# sourceMappingURL=UNSTABLE_Header.js.map

package/dist/components/UNSTABLE_Header/UNSTABLE_Header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UNSTABLE_Header.js","sources":["../../../src/components/UNSTABLE_Header/UNSTABLE_Header.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { type ReactElement } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritHeaderProps } from '../../types';\nimport { useUnstableHeaderStyleProps } from './useUnstableHeaderStyleProps';\n\nconst UNSTABLE_Header = (props: SpiritHeaderProps): ReactElement => {\n  const { children, ...restProps } = props;\n\n  const { classProps, props: modifiedProps } = useUnstableHeaderStyleProps(restProps);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n\n  return (\n    <header {...otherProps} className={classNames(classProps.root, styleProps.className)} style={styleProps.style}>\n      {children}\n    </header>\n  );\n};\n\nUNSTABLE_Header.spiritComponent = 'UNSTABLE_Header';\n\nexport default UNSTABLE_Header;\n"],"names":["UNSTABLE_Header","props","children","restProps","classProps","modifiedProps","useUnstableHeaderStyleProps","styleProps","otherProps","useStyleProps","jsx","classNames"],"mappings":";;;;;AAQA,MAAMA,IAAkB,CAACC,MAA2C;AAClE,QAAM,EAAE,UAAAC,GAAU,GAAGC,EAAA,IAAcF,GAE7B,EAAE,YAAAG,GAAY,OAAOC,EAAA,IAAkBC,EAA4BH,CAAS,GAC5E,EAAE,YAAAI,GAAY,OAAOC,EAAA,IAAeC,EAAcJ,CAAa;AAErE,SACE,gBAAAK,EAAC,UAAA,EAAQ,GAAGF,GAAY,WAAWG,EAAWP,EAAW,MAAMG,EAAW,SAAS,GAAG,OAAOA,EAAW,OACrG,UAAAL,GACH;AAEJ;AAEAF,EAAgB,kBAAkB;"}

package/dist/components/UNSTABLE_Header/UNSTABLE_HeaderLogo.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const y=require("react/jsx-runtime"),m=require("react"),S=require("../../hooks/styleProps.cjs"),g=require("../../utils/mergeStyleProps.cjs"),f=require("./useUnstableHeaderStyleProps.cjs"),t={elementType:"a"},L=(p,l)=>{const n={...t,...p},{elementType:c=t.elementType,children:a,...s}=n,o=c,{classProps:u,props:i}=f.useUnstableHeaderStyleProps(s),{styleProps:d,props:r}=S.useStyleProps(i),P=g.mergeStyleProps(o,{classProps:u.logo,styleProps:d,otherProps:r});return y.jsx(o,{...r,...P,href:s.href,ref:l,children:a})},e=m.forwardRef(L);e.spiritComponent="UNSTABLE_HeaderLogo";e.displayName="UNSTABLE_HeaderLogo";exports.default=e;
+//# sourceMappingURL=UNSTABLE_HeaderLogo.cjs.map

package/dist/components/UNSTABLE_Header/UNSTABLE_HeaderLogo.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"UNSTABLE_HeaderLogo.cjs","sources":["../../../src/components/UNSTABLE_Header/UNSTABLE_HeaderLogo.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, forwardRef } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport {\n  type HeaderLogoProps,\n  type PolymorphicComponent,\n  type PolymorphicRef,\n  type SpiritHeaderLogoProps,\n} from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useUnstableHeaderStyleProps } from './useUnstableHeaderStyleProps';\n\nconst defaultProps: Partial<HeaderLogoProps> = {\n  elementType: 'a',\n};\n\nconst _HeaderLogo = <E extends ElementType = 'a'>(\n  props: SpiritHeaderLogoProps<E>,\n  ref: PolymorphicRef<E>,\n): JSX.Element => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType = defaultProps.elementType as ElementType, children, ...restProps } = propsWithDefaults;\n\n  const Component = elementType as ElementType;\n\n  const { classProps, props: modifiedProps } = useUnstableHeaderStyleProps(restProps);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const mergedStyleProps = mergeStyleProps(Component, { classProps: classProps.logo, styleProps, otherProps });\n\n  return (\n    <Component {...otherProps} {...mergedStyleProps} href={restProps.href} ref={ref}>\n      {children}\n    </Component>\n  );\n};\n\nconst UNSTABLE_HeaderLogo = forwardRef<HTMLAnchorElement, SpiritHeaderLogoProps<'a'>>(\n  _HeaderLogo,\n) as unknown as PolymorphicComponent<'a', HeaderLogoProps>;\n\nUNSTABLE_HeaderLogo.spiritComponent = 'UNSTABLE_HeaderLogo';\nUNSTABLE_HeaderLogo.displayName = 'UNSTABLE_HeaderLogo';\n\nexport default UNSTABLE_HeaderLogo;\n"],"names":["defaultProps","_HeaderLogo","props","ref","propsWithDefaults","elementType","children","restProps","Component","classProps","modifiedProps","useUnstableHeaderStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","jsx","UNSTABLE_HeaderLogo","forwardRef"],"mappings":"qTAaMA,EAAyC,CAC7C,YAAa,GACf,EAEMC,EAAc,CAClBC,EACAC,IACgB,CAChB,MAAMC,EAAoB,CAAE,GAAGJ,EAAc,GAAGE,CAAA,EAC1C,CAAE,YAAAG,EAAcL,EAAa,YAA4B,SAAAM,EAAU,GAAGC,GAAcH,EAEpFI,EAAYH,EAEZ,CAAE,WAAAI,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,4BAA4BJ,CAAS,EAC5E,CAAA,WAAEK,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcJ,CAAa,EAC/DK,EAAmBC,kBAAgBR,EAAW,CAAE,WAAYC,EAAW,KAAA,WAAMG,EAAY,WAAAC,EAAY,EAE3G,OACEI,MAACT,EAAA,CAAW,GAAGK,EAAa,GAAGE,EAAkB,KAAMR,EAAU,KAAM,IAAAJ,EACpE,SAAAG,CAAA,CACH,CAEJ,EAEMY,EAAsBC,EAAAA,WAC1BlB,CACF,EAEAiB,EAAoB,gBAAkB,sBACtCA,EAAoB,YAAc"}

package/dist/components/UNSTABLE_Header/UNSTABLE_HeaderLogo.d.ts

@@ -0,0 +1,3 @@
+import { HeaderLogoProps, PolymorphicComponent } from '../../types';
+declare const UNSTABLE_HeaderLogo: PolymorphicComponent<"a", HeaderLogoProps>;
+export default UNSTABLE_HeaderLogo;

package/dist/components/UNSTABLE_Header/UNSTABLE_HeaderLogo.js

@@ -0,0 +1,20 @@
+"use client";
+import { jsx as P } from "react/jsx-runtime";
+import { forwardRef as y } from "react";
+import { useStyleProps as u } from "../../hooks/styleProps.js";
+import { mergeStyleProps as g } from "../../utils/mergeStyleProps.js";
+import { useUnstableHeaderStyleProps as L } from "./useUnstableHeaderStyleProps.js";
+const s = {
+  elementType: "a"
+}, S = (p, n) => {
+  const m = { ...s, ...p }, { elementType: l = s.elementType, children: a, ...e } = m, o = l, { classProps: c, props: i } = L(e), { styleProps: d, props: r } = u(i), f = g(o, { classProps: c.logo, styleProps: d, otherProps: r });
+  return /* @__PURE__ */ P(o, { ...r, ...f, href: e.href, ref: n, children: a });
+}, t = y(
+  S
+);
+t.spiritComponent = "UNSTABLE_HeaderLogo";
+t.displayName = "UNSTABLE_HeaderLogo";
+export {
+  t as default
+};
+//# sourceMappingURL=UNSTABLE_HeaderLogo.js.map

package/dist/components/UNSTABLE_Header/UNSTABLE_HeaderLogo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UNSTABLE_HeaderLogo.js","sources":["../../../src/components/UNSTABLE_Header/UNSTABLE_HeaderLogo.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, forwardRef } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport {\n  type HeaderLogoProps,\n  type PolymorphicComponent,\n  type PolymorphicRef,\n  type SpiritHeaderLogoProps,\n} from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useUnstableHeaderStyleProps } from './useUnstableHeaderStyleProps';\n\nconst defaultProps: Partial<HeaderLogoProps> = {\n  elementType: 'a',\n};\n\nconst _HeaderLogo = <E extends ElementType = 'a'>(\n  props: SpiritHeaderLogoProps<E>,\n  ref: PolymorphicRef<E>,\n): JSX.Element => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType = defaultProps.elementType as ElementType, children, ...restProps } = propsWithDefaults;\n\n  const Component = elementType as ElementType;\n\n  const { classProps, props: modifiedProps } = useUnstableHeaderStyleProps(restProps);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const mergedStyleProps = mergeStyleProps(Component, { classProps: classProps.logo, styleProps, otherProps });\n\n  return (\n    <Component {...otherProps} {...mergedStyleProps} href={restProps.href} ref={ref}>\n      {children}\n    </Component>\n  );\n};\n\nconst UNSTABLE_HeaderLogo = forwardRef<HTMLAnchorElement, SpiritHeaderLogoProps<'a'>>(\n  _HeaderLogo,\n) as unknown as PolymorphicComponent<'a', HeaderLogoProps>;\n\nUNSTABLE_HeaderLogo.spiritComponent = 'UNSTABLE_HeaderLogo';\nUNSTABLE_HeaderLogo.displayName = 'UNSTABLE_HeaderLogo';\n\nexport default UNSTABLE_HeaderLogo;\n"],"names":["defaultProps","_HeaderLogo","props","ref","propsWithDefaults","elementType","children","restProps","Component","classProps","modifiedProps","useUnstableHeaderStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","jsx","UNSTABLE_HeaderLogo","forwardRef"],"mappings":";;;;;;AAaA,MAAMA,IAAyC;AAAA,EAC7C,aAAa;AACf,GAEMC,IAAc,CAClBC,GACAC,MACgB;AAChB,QAAMC,IAAoB,EAAE,GAAGJ,GAAc,GAAGE,EAAA,GAC1C,EAAE,aAAAG,IAAcL,EAAa,aAA4B,UAAAM,GAAU,GAAGC,MAAcH,GAEpFI,IAAYH,GAEZ,EAAE,YAAAI,GAAY,OAAOC,EAAA,IAAkBC,EAA4BJ,CAAS,GAC5E,EAAE,YAAAK,GAAY,OAAOC,EAAA,IAAeC,EAAcJ,CAAa,GAC/DK,IAAmBC,EAAgBR,GAAW,EAAE,YAAYC,EAAW,MAAM,YAAAG,GAAY,YAAAC,GAAY;AAE3G,SACE,gBAAAI,EAACT,GAAA,EAAW,GAAGK,GAAa,GAAGE,GAAkB,MAAMR,EAAU,MAAM,KAAAJ,GACpE,UAAAG,EAAA,CACH;AAEJ,GAEMY,IAAsBC;AAAA,EAC1BlB;AACF;AAEAiB,EAAoB,kBAAkB;AACtCA,EAAoB,cAAc;"}

package/dist/components/UNSTABLE_Header/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./UNSTABLE_Header.cjs"),r=require("./UNSTABLE_HeaderLogo.cjs"),t=require("./useUnstableHeaderStyleProps.cjs");exports.UNSTABLE_Header=e.default;exports.UNSTABLE_HeaderLogo=r.default;exports.useUnstableHeaderStyleProps=t;
+//# sourceMappingURL=index.cjs.map

package/dist/components/UNSTABLE_Header/index.cjs.map

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

package/dist/components/UNSTABLE_Header/index.js

@@ -0,0 +1,9 @@
+import { default as t } from "./UNSTABLE_Header.js";
+import { default as s } from "./UNSTABLE_HeaderLogo.js";
+import * as e from "./useUnstableHeaderStyleProps.js";
+export {
+  t as UNSTABLE_Header,
+  s as UNSTABLE_HeaderLogo,
+  e as useUnstableHeaderStyleProps
+};
+//# sourceMappingURL=index.js.map

package/dist/components/UNSTABLE_Header/index.js.map

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

package/dist/components/UNSTABLE_Header/useUnstableHeaderStyleProps.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("classnames"),i=require("../../hooks/useClassNamePrefix.cjs"),c=e=>{const{hasBottomDivider:o=!1,...r}=e,s=i.useClassNamePrefix("UNSTABLE_Header"),t=`${s}Logo`,a=`${s}--bottomDivider`;return{classProps:{root:l(s,{[a]:o}),logo:t},props:r}};exports.useUnstableHeaderStyleProps=c;
+//# sourceMappingURL=useUnstableHeaderStyleProps.cjs.map

package/dist/components/UNSTABLE_Header/useUnstableHeaderStyleProps.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUnstableHeaderStyleProps.cjs","sources":["../../../src/components/UNSTABLE_Header/useUnstableHeaderStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type SpiritHeaderProps } from '../../types';\n\nexport interface HeaderStyles<T> {\n  classProps: {\n    root: string;\n    logo: string;\n  };\n  props: T;\n}\n\nexport const useUnstableHeaderStyleProps = (props: SpiritHeaderProps): HeaderStyles<SpiritHeaderProps> => {\n  const { hasBottomDivider = false, ...restProps } = props;\n\n  const headerClass = useClassNamePrefix('UNSTABLE_Header');\n  const headerLogoClass = `${headerClass}Logo`;\n  const headerHasBottomDividerClass = `${headerClass}--bottomDivider`;\n\n  const rootClass = classNames(headerClass, {\n    [headerHasBottomDividerClass]: hasBottomDivider,\n  });\n\n  return {\n    classProps: {\n      root: rootClass,\n      logo: headerLogoClass,\n    },\n    props: restProps,\n  };\n};\n"],"names":["useUnstableHeaderStyleProps","props","hasBottomDivider","restProps","headerClass","useClassNamePrefix","headerLogoClass","headerHasBottomDividerClass","classNames"],"mappings":"8JAYaA,EAA+BC,GAA8D,CACxG,KAAM,CAAE,iBAAAC,EAAmB,GAAO,GAAGC,GAAcF,EAE7CG,EAAcC,EAAAA,mBAAmB,iBAAiB,EAClDC,EAAkB,GAAGF,CAAW,OAChCG,EAA8B,GAAGH,CAAW,kBAMlD,MAAO,CACL,WAAY,CACV,KANcI,EAAWJ,EAAa,CACxC,CAACG,CAA2B,EAAGL,CAAA,CAChC,EAKG,KAAMI,CAAA,EAER,MAAOH,CAAA,CAEX"}

package/dist/components/UNSTABLE_Header/useUnstableHeaderStyleProps.d.ts

@@ -0,0 +1,9 @@
+import { SpiritHeaderProps } from '../../types';
+export interface HeaderStyles<T> {
+    classProps: {
+        root: string;
+        logo: string;
+    };
+    props: T;
+}
+export declare const useUnstableHeaderStyleProps: (props: SpiritHeaderProps) => HeaderStyles<SpiritHeaderProps>;

package/dist/components/UNSTABLE_Header/useUnstableHeaderStyleProps.js

@@ -0,0 +1,18 @@
+import l from "classnames";
+import { useClassNamePrefix as i } from "../../hooks/useClassNamePrefix.js";
+const n = (o) => {
+  const { hasBottomDivider: e = !1, ...r } = o, s = i("UNSTABLE_Header"), t = `${s}Logo`, a = `${s}--bottomDivider`;
+  return {
+    classProps: {
+      root: l(s, {
+        [a]: e
+      }),
+      logo: t
+    },
+    props: r
+  };
+};
+export {
+  n as useUnstableHeaderStyleProps
+};
+//# sourceMappingURL=useUnstableHeaderStyleProps.js.map

package/dist/components/UNSTABLE_Header/useUnstableHeaderStyleProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUnstableHeaderStyleProps.js","sources":["../../../src/components/UNSTABLE_Header/useUnstableHeaderStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type SpiritHeaderProps } from '../../types';\n\nexport interface HeaderStyles<T> {\n  classProps: {\n    root: string;\n    logo: string;\n  };\n  props: T;\n}\n\nexport const useUnstableHeaderStyleProps = (props: SpiritHeaderProps): HeaderStyles<SpiritHeaderProps> => {\n  const { hasBottomDivider = false, ...restProps } = props;\n\n  const headerClass = useClassNamePrefix('UNSTABLE_Header');\n  const headerLogoClass = `${headerClass}Logo`;\n  const headerHasBottomDividerClass = `${headerClass}--bottomDivider`;\n\n  const rootClass = classNames(headerClass, {\n    [headerHasBottomDividerClass]: hasBottomDivider,\n  });\n\n  return {\n    classProps: {\n      root: rootClass,\n      logo: headerLogoClass,\n    },\n    props: restProps,\n  };\n};\n"],"names":["useUnstableHeaderStyleProps","props","hasBottomDivider","restProps","headerClass","useClassNamePrefix","headerLogoClass","headerHasBottomDividerClass","classNames"],"mappings":";;AAYO,MAAMA,IAA8B,CAACC,MAA8D;AACxG,QAAM,EAAE,kBAAAC,IAAmB,IAAO,GAAGC,MAAcF,GAE7CG,IAAcC,EAAmB,iBAAiB,GAClDC,IAAkB,GAAGF,CAAW,QAChCG,IAA8B,GAAGH,CAAW;AAMlD,SAAO;AAAA,IACL,YAAY;AAAA,MACV,MANcI,EAAWJ,GAAa;AAAA,QACxC,CAACG,CAA2B,GAAGL;AAAA,MAAA,CAChC;AAAA,MAKG,MAAMI;AAAA,IAAA;AAAA,IAER,OAAOH;AAAA,EAAA;AAEX;"}

package/dist/components/UNSTABLE_Header.d.ts

@@ -0,0 +1,2 @@
+export * from './UNSTABLE_Header/index'
+export {}

package/dist/components/UNSTABLE_Picker/PickerContext.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("../../constants/dictionaries.cjs"),t=e.createContext({size:r.Sizes.MEDIUM}),i=t.Provider,o=()=>e.useContext(t);exports.PickerContextProvider=i;exports.usePickerContext=o;
+//# sourceMappingURL=PickerContext.cjs.map

package/dist/components/UNSTABLE_Picker/PickerContext.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PickerContext.cjs","sources":["../../../src/components/UNSTABLE_Picker/PickerContext.ts"],"sourcesContent":["'use client';\n\nimport { createContext, useContext } from 'react';\nimport { Sizes } from '../../constants';\nimport type { UnstablePickerContextType } from './types';\n\nconst PickerContext = createContext<UnstablePickerContextType>({ size: Sizes.MEDIUM });\n\nexport const PickerContextProvider = PickerContext.Provider;\n\nexport const usePickerContext = () => useContext(PickerContext);\n"],"names":["PickerContext","createContext","Sizes","PickerContextProvider","usePickerContext","useContext"],"mappings":"oKAMMA,EAAgBC,EAAAA,cAAyC,CAAE,KAAMC,EAAAA,MAAM,OAAQ,EAExEC,EAAwBH,EAAc,SAEtCI,EAAmB,IAAMC,EAAAA,WAAWL,CAAa"}

package/dist/components/UNSTABLE_Picker/PickerContext.d.ts

@@ -0,0 +1,3 @@
+import { UnstablePickerContextType } from './types';
+export declare const PickerContextProvider: React.Provider<UnstablePickerContextType>;
+export declare const usePickerContext: () => UnstablePickerContextType;

package/dist/components/UNSTABLE_Picker/PickerContext.js

@@ -0,0 +1,9 @@
+"use client";
+import { useContext as t, createContext as o } from "react";
+import { Sizes as r } from "../../constants/dictionaries.js";
+const e = o({ size: r.MEDIUM }), c = e.Provider, n = () => t(e);
+export {
+  c as PickerContextProvider,
+  n as usePickerContext
+};
+//# sourceMappingURL=PickerContext.js.map

package/dist/components/UNSTABLE_Picker/PickerContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PickerContext.js","sources":["../../../src/components/UNSTABLE_Picker/PickerContext.ts"],"sourcesContent":["'use client';\n\nimport { createContext, useContext } from 'react';\nimport { Sizes } from '../../constants';\nimport type { UnstablePickerContextType } from './types';\n\nconst PickerContext = createContext<UnstablePickerContextType>({ size: Sizes.MEDIUM });\n\nexport const PickerContextProvider = PickerContext.Provider;\n\nexport const usePickerContext = () => useContext(PickerContext);\n"],"names":["PickerContext","createContext","Sizes","PickerContextProvider","usePickerContext","useContext"],"mappings":";;;AAMA,MAAMA,IAAgBC,EAAyC,EAAE,MAAMC,EAAM,QAAQ,GAExEC,IAAwBH,EAAc,UAEtCI,IAAmB,MAAMC,EAAWL,CAAa;"}

package/dist/components/UNSTABLE_Picker/PickerPopoverContext.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),o=require("../../constants/selection.cjs"),r={id:"",isDisabled:!1,onSelectionChange:()=>{},selectedKeys:[],selectionMode:o.MULTIPLE_SELECTION_MODE},t=e.createContext(r),n=t.Provider,c=()=>e.useContext(t);exports.PickerPopoverContextProvider=n;exports.usePickerPopoverContext=c;
+//# sourceMappingURL=PickerPopoverContext.cjs.map

package/dist/components/UNSTABLE_Picker/PickerPopoverContext.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PickerPopoverContext.cjs","sources":["../../../src/components/UNSTABLE_Picker/PickerPopoverContext.tsx"],"sourcesContent":["'use client';\n\nimport { createContext, useContext } from 'react';\nimport { MULTIPLE_SELECTION_MODE } from '../../constants';\nimport type { UnstablePickerPopoverContextValue } from './types';\n\nconst defaultContext: UnstablePickerPopoverContextValue = {\n  id: '',\n  isDisabled: false,\n  onSelectionChange: () => {},\n  selectedKeys: [],\n  selectionMode: MULTIPLE_SELECTION_MODE,\n};\n\nconst PickerPopoverContext = createContext<UnstablePickerPopoverContextValue>(defaultContext);\n\nexport const PickerPopoverContextProvider = PickerPopoverContext.Provider;\n\nexport const usePickerPopoverContext = (): UnstablePickerPopoverContextValue => useContext(PickerPopoverContext);\n"],"names":["defaultContext","MULTIPLE_SELECTION_MODE","PickerPopoverContext","createContext","PickerPopoverContextProvider","usePickerPopoverContext","useContext"],"mappings":"iKAMMA,EAAoD,CACxD,GAAI,GACJ,WAAY,GACZ,kBAAmB,IAAM,CAAC,EAC1B,aAAc,CAAA,EACd,cAAeC,EAAAA,uBACjB,EAEMC,EAAuBC,EAAAA,cAAiDH,CAAc,EAE/EI,EAA+BF,EAAqB,SAEpDG,EAA0B,IAAyCC,EAAAA,WAAWJ,CAAoB"}