@accelint/design-system 0.8.1 → 0.10.0

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

@@ -1,8 +1,28 @@
-export { Options, OptionsContext, OptionsItem, OptionsItemContext, OptionsList, OptionsListContext } from './options.js';
-export { optionsClassNames, optionsColorVars, optionsContainers, optionsItemStateVars, optionsListStateVars, optionsSpaceVars, optionsStateVars } from './options.css.js';
-export { OptionsClassNames, OptionsItemProps, OptionsItemState, OptionsListProps, OptionsListState, OptionsMapping, OptionsProps, OptionsSizes, OptionsState } from './types.js';
-import 'react-aria-components';
-import 'react';
+import { OptionsClassNames, OptionsMapping, OptionsSizes, OptionsProps, OptionsItemProps, OptionsListProps } from './types.js';
+import * as react_aria_components from 'react-aria-components';
+import { ContextValue } from 'react-aria-components';
+import * as react from 'react';
 import 'type-fest';
 import '../../types/generic.js';
 import '../icon/types.js';
+
+declare const OptionsContext: react.Context<ContextValue<OptionsProps, HTMLElement>>;
+declare const Options: (props: Omit<react_aria_components.PopoverProps, "className" | "style"> & {
+    classNames?: OptionsClassNames;
+    mapping?: Partial<OptionsMapping>;
+    size?: OptionsSizes;
+} & react.RefAttributes<HTMLElement>) => react.ReactElement | null;
+declare const OptionsListContext: react.Context<ContextValue<OptionsListProps<object>, HTMLDivElement>>;
+declare const OptionsList: <T extends object>(props: Omit<react_aria_components.ListBoxProps<T>, "className" | "style" | "orientation" | "dragAndDropHooks"> & {
+    classNames?: OptionsClassNames;
+    mapping?: Partial<OptionsMapping>;
+    size?: OptionsSizes;
+} & react.RefAttributes<HTMLDivElement>) => react.ReactElement | null;
+declare const OptionsItemContext: react.Context<ContextValue<OptionsItemProps<object>, HTMLDivElement>>;
+declare const OptionsItem: <T extends object>(props: Omit<react_aria_components.ListBoxItemProps<T>, "className" | "style"> & {
+    classNames?: OptionsClassNames;
+    mapping?: Partial<OptionsMapping>;
+    size?: OptionsSizes;
+} & react.RefAttributes<HTMLDivElement>) => react.ReactElement | null;
+
+export { Options, OptionsContext, OptionsItem, OptionsItemContext, OptionsList, OptionsListContext };

package/dist/components/options/index.js

@@ -1,6 +1,258 @@
 import '../../chunk-PZ5AY32C.js';
-export { Options, OptionsContext, OptionsItem, OptionsItemContext, OptionsList, OptionsListContext } from './options.js';
-export { optionsClassNames, optionsColorVars, optionsContainers, optionsItemStateVars, optionsListStateVars, optionsSpaceVars, optionsStateVars } from './options.css.js';
-import './types.js';
+import { createContext, forwardRef, useMemo, useCallback } from 'react';
+import { Provider, Popover, Collection, ListStateContext, CollectionRendererContext, ListBox, ListBoxItem } from 'react-aria-components';
+import { useContextProps } from '../../hooks/use-context-props/index.js';
+import { useDefaultProps } from '../../hooks/use-defaults/index.js';
+import { useSlot } from '../../hooks/use-slot/index.js';
+import { useTheme } from '../../hooks/use-theme/index.js';
+import { bodies, headings } from '../../styles/typography.css.js';
+import { inlineVars } from '../../utils/css/index.js';
+import { mergeClassNames, callRenderProps } from '../../utils/props/index.js';
+import { AriaSectionContext, AriaHeaderContext, AriaSeparatorContext, AriaSection, AriaTextContext, AriaKeyboardContext, AriaText } from '../aria/index.js';
+import { createCollectionRenderer } from '../collection/index.js';
+import { IconContext } from '../icon/index.js';
+import { optionsClassNames, optionsStateVars, optionsItemStateVars } from './options.css.js';
+import { jsx } from 'react/jsx-runtime';
+
+var defaultMapping = {
+  description: {
+    sm: bodies.xs,
+    lg: bodies.xs
+  },
+  header: {
+    sm: headings.v4,
+    lg: headings.v5
+  },
+  label: {
+    sm: bodies.sm,
+    lg: bodies.sm
+  },
+  shortcut: {
+    sm: bodies.xs,
+    lg: bodies.xs
+  }
+};
+var defaultSize = "lg";
+var OptionsContext = createContext(null);
+var Options = forwardRef(function Options2(props, ref) {
+  [props, ref] = useContextProps(props, ref, OptionsContext);
+  props = useDefaultProps(props, "Options");
+  const {
+    children: childrenProp,
+    classNames: classNamesProp,
+    mapping: mappingProp,
+    size = defaultSize,
+    ...rest
+  } = props;
+  const theme = useTheme();
+  const classNames = useMemo(
+    () => mergeClassNames(optionsClassNames, theme.Options, classNamesProp, {
+      options: {
+        container: theme.className
+        // required to consume global theme within Popover
+      }
+    }),
+    [theme.className, theme.Options, classNamesProp]
+  );
+  const mapping = useMemo(
+    () => ({
+      ...defaultMapping,
+      ...mappingProp
+    }),
+    [mappingProp]
+  );
+  const style = useCallback(
+    ({ ...renderProps }) => ({
+      ...theme.style,
+      // required to consume global styles within Popover
+      ...inlineVars(optionsStateVars, {
+        ...renderProps,
+        size
+      })
+    }),
+    [theme.style, size]
+  );
+  const values = useMemo(
+    () => [[OptionsListContext, { classNames, mapping, size }]],
+    [classNames, mapping, size]
+  );
+  const children = useCallback(
+    (renderProps) => /* @__PURE__ */ jsx(Provider, { values, children: /* @__PURE__ */ jsx("div", { className: classNames?.options?.options, children: callRenderProps(childrenProp, {
+      ...renderProps,
+      size,
+      defaultChildren: null
+    }) }) }),
+    [childrenProp, classNames?.options?.options, size, values]
+  );
+  return /* @__PURE__ */ jsx(
+    Popover,
+    {
+      ...rest,
+      ref,
+      className: classNames?.options?.container,
+      style,
+      children
+    }
+  );
+});
+var OptionsListContext = createContext(null);
+var OptionsList = forwardRef(function OptionList(props, ref) {
+  [props, ref] = useContextProps(props, ref, OptionsListContext);
+  props = useDefaultProps(props, "OptionsList");
+  const {
+    children: childrenProp,
+    classNames: classNamesProp,
+    items,
+    mapping: mappingProp,
+    selectionMode = "single",
+    size = defaultSize,
+    "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledBy,
+    ...rest
+  } = props;
+  const theme = useTheme();
+  const mapping = useMemo(
+    () => ({
+      ...defaultMapping,
+      ...mappingProp
+    }),
+    [mappingProp]
+  );
+  const classNames = useMemo(
+    () => mergeClassNames(optionsClassNames, theme.Options, classNamesProp, {
+      list: { header: mapping.header[size] }
+    }),
+    [theme.Options, classNamesProp, mapping, size]
+  );
+  const values = useMemo(
+    () => [
+      [OptionsItemContext, { classNames, size, mapping }],
+      [AriaSectionContext, { className: classNames?.list?.section }],
+      [AriaHeaderContext, { className: classNames?.list?.header }],
+      [AriaSeparatorContext, { className: classNames?.list?.separator }]
+    ],
+    [classNames, size, mapping]
+  );
+  const style = useCallback(
+    (renderProps) => inlineVars(optionsItemStateVars, { ...renderProps, size }),
+    [size]
+  );
+  const children = useMemo(() => {
+    if (!(childrenProp || items)) {
+      return null;
+    }
+    return /* @__PURE__ */ jsx(AriaSection, { className: classNames?.list?.list, children: typeof childrenProp === "function" ? /* @__PURE__ */ jsx(Collection, { items, children: childrenProp }) : childrenProp });
+  }, [classNames?.list?.list, childrenProp, items]);
+  const renderer = useMemo(
+    // @ts-expect-error ts unnecessarily guarding against null state
+    () => createCollectionRenderer(ListStateContext, values),
+    [values]
+  );
+  return /* @__PURE__ */ jsx(CollectionRendererContext.Provider, { value: renderer, children: /* @__PURE__ */ jsx(Provider, { values, children: /* @__PURE__ */ jsx(
+    ListBox,
+    {
+      ...rest,
+      ref,
+      className: classNames?.list?.container,
+      items,
+      selectionMode,
+      style,
+      "aria-label": ariaLabel,
+      "aria-labelledby": ariaLabelledBy,
+      children
+    }
+  ) }) });
+});
+var OptionsItemContext = createContext(null);
+var OptionsItem = forwardRef(function OptionItem(props, ref) {
+  [props, ref] = useContextProps(props, ref, OptionsItemContext);
+  props = useDefaultProps(props, "OptionsItem");
+  const {
+    id,
+    children: childrenProp,
+    classNames: classNamesProp,
+    mapping: mappingProp,
+    size = defaultSize,
+    textValue = typeof childrenProp === "string" ? childrenProp : void 0,
+    ...rest
+  } = props;
+  const theme = useTheme();
+  const mapping = useMemo(
+    () => ({
+      ...defaultMapping,
+      ...mappingProp
+    }),
+    [mappingProp]
+  );
+  const classNames = useMemo(
+    () => mergeClassNames(optionsClassNames, classNamesProp, theme.Options, {
+      item: {
+        description: mapping.description[size],
+        label: mapping.label[size],
+        shortcut: mapping.shortcut[size]
+      }
+    }),
+    [theme.Options, classNamesProp, mapping, size]
+  );
+  const [descriptionRef, hasDescription] = useSlot();
+  const style = useCallback(
+    (renderProps) => inlineVars(optionsItemStateVars, {
+      ...renderProps,
+      size,
+      hasDescription
+    }),
+    [hasDescription, size]
+  );
+  const values = useMemo(
+    () => [
+      [
+        AriaTextContext,
+        {
+          slots: {
+            label: { className: classNames?.item?.label },
+            description: {
+              ref: descriptionRef,
+              className: classNames?.item?.description
+            }
+          }
+        }
+      ],
+      [IconContext, { classNames: classNames?.item?.icon }],
+      [AriaKeyboardContext, { className: classNames?.item?.shortcut }]
+    ],
+    [
+      classNames?.item?.label,
+      descriptionRef,
+      classNames?.item?.description,
+      classNames?.item?.icon,
+      classNames?.item?.shortcut
+    ]
+  );
+  const children = useCallback(
+    (renderProps) => {
+      const content = callRenderProps(childrenProp, {
+        ...renderProps,
+        size,
+        defaultChildren: null
+      });
+      return /* @__PURE__ */ jsx(Provider, { values, children: /* @__PURE__ */ jsx("div", { className: classNames?.item?.item, children: typeof content === "string" ? /* @__PURE__ */ jsx(AriaText, { slot: "label", children: content }) : content }) });
+    },
+    [childrenProp, classNames?.item?.item, size, values]
+  );
+  return /* @__PURE__ */ jsx(
+    ListBoxItem,
+    {
+      ...rest,
+      id: id ?? textValue,
+      ref,
+      className: classNames?.item?.container,
+      style,
+      textValue,
+      children
+    }
+  );
+});
+
+export { Options, OptionsContext, OptionsItem, OptionsItemContext, OptionsList, OptionsListContext };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js","sourcesContent":[]}
+{"version":3,"sources":["../../../src/components/options/index.tsx"],"names":["Options"],"mappings":";;;;;;;;;;;;;;;;AAoEA,IAAM,cAAA,GAAiC;AAAA,EACrC,WAAA,EAAa;AAAA,IACX,IAAI,MAAA,CAAO,EAAA;AAAA,IACX,IAAI,MAAA,CAAO;AAAA,GACb;AAAA,EACA,MAAA,EAAQ;AAAA,IACN,IAAI,QAAA,CAAS,EAAA;AAAA,IACb,IAAI,QAAA,CAAS;AAAA,GACf;AAAA,EACA,KAAA,EAAO;AAAA,IACL,IAAI,MAAA,CAAO,EAAA;AAAA,IACX,IAAI,MAAA,CAAO;AAAA,GACb;AAAA,EACA,QAAA,EAAU;AAAA,IACR,IAAI,MAAA,CAAO,EAAA;AAAA,IACX,IAAI,MAAA,CAAO;AAAA;AAEf,CAAA;AAEA,IAAM,WAAA,GAAc,IAAA;AAEb,IAAM,cAAA,GACX,cAAuD,IAAI;AAEtD,IAAM,OAAA,GAAU,UAAA,CAAW,SAASA,QAAAA,CACzC,OACA,GAAA,EACA;AACA,EAAA,CAAC,OAAO,GAAG,CAAA,GAAI,eAAA,CAAgB,KAAA,EAAO,KAAK,cAAc,CAAA;AACzD,EAAA,KAAA,GAAQ,eAAA,CAAgB,OAAO,SAAS,CAAA;AAExC,EAAA,MAAM;AAAA,IACJ,QAAA,EAAU,YAAA;AAAA,IACV,UAAA,EAAY,cAAA;AAAA,IACZ,OAAA,EAAS,WAAA;AAAA,IACT,IAAA,GAAO,WAAA;AAAA,IACP,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,MAAM,QAAQ,QAAA,EAAS;AAEvB,EAAA,MAAM,UAAA,GAAa,OAAA;AAAA,IACjB,MACE,eAAA,CAAgB,iBAAA,EAAmB,KAAA,CAAM,SAAS,cAAA,EAAgB;AAAA,MAChE,OAAA,EAAS;AAAA,QACP,WAAW,KAAA,CAAM;AAAA;AAAA;AACnB,KACD,CAAA;AAAA,IACH,CAAC,KAAA,CAAM,SAAA,EAAW,KAAA,CAAM,SAAS,cAAc;AAAA,GACjD;AAEA,EAAA,MAAM,OAAA,GAAU,OAAA;AAAA,IACd,OAAO;AAAA,MACL,GAAG,cAAA;AAAA,MACH,GAAG;AAAA,KACL,CAAA;AAAA,IACA,CAAC,WAAW;AAAA,GACd;AAEA,EAAA,MAAM,KAAA,GAAQ,WAAA;AAAA,IACZ,CAAC,EAAE,GAAG,WAAA,EAAY,MAA2B;AAAA,MAC3C,GAAG,KAAA,CAAM,KAAA;AAAA;AAAA,MACT,GAAG,WAAW,gBAAA,EAAkB;AAAA,QAC9B,GAAG,WAAA;AAAA,QACH;AAAA,OACD;AAAA,KACH,CAAA;AAAA,IACA,CAAC,KAAA,CAAM,KAAA,EAAO,IAAI;AAAA,GACpB;AAEA,EAAA,MAAM,MAAA,GAAS,OAAA;AAAA,IAQb,MAAM,CAAC,CAAC,kBAAA,EAAoB,EAAE,UAAA,EAAY,OAAA,EAAS,IAAA,EAAM,CAAC,CAAA;AAAA,IAC1D,CAAC,UAAA,EAAY,OAAA,EAAS,IAAI;AAAA,GAC5B;AAEA,EAAA,MAAM,QAAA,GAAW,WAAA;AAAA,IACf,CAAC,WAAA,qBACC,GAAA,CAAC,QAAA,EAAA,EAAS,MAAA,EACR,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,UAAA,EAAY,OAAA,EAAS,OAAA,EAClC,QAAA,EAAA,eAAA,CAAgB,YAAA,EAAc;AAAA,MAC7B,GAAG,WAAA;AAAA,MACH,IAAA;AAAA,MACA,eAAA,EAAiB;AAAA,KAClB,GACH,CAAA,EACF,CAAA;AAAA,IAEF,CAAC,YAAA,EAAc,UAAA,EAAY,OAAA,EAAS,OAAA,EAAS,MAAM,MAAM;AAAA,GAC3D;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,GAAA;AAAA,MACA,SAAA,EAAW,YAAY,OAAA,EAAS,SAAA;AAAA,MAChC,KAAA;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ,CAAC;AAEM,IAAM,kBAAA,GACX,cAAsE,IAAI;AAerE,IAAM,WAAA,GAAc,UAAA,CAAW,SAAS,UAAA,CAC7C,OACA,GAAA,EACA;AACA,EAAA,CAAC,OAAO,GAAG,CAAA,GAAI,eAAA,CAAgB,KAAA,EAAO,KAAK,kBAAkB,CAAA;AAC7D,EAAA,KAAA,GAAQ,eAAA,CAAgB,OAAO,aAAa,CAAA;AAE5C,EAAA,MAAM;AAAA,IACJ,QAAA,EAAU,YAAA;AAAA,IACV,UAAA,EAAY,cAAA;AAAA,IACZ,KAAA;AAAA,IACA,OAAA,EAAS,WAAA;AAAA,IACT,aAAA,GAAgB,QAAA;AAAA,IAChB,IAAA,GAAO,WAAA;AAAA,IACP,YAAA,EAAc,SAAA;AAAA,IACd,iBAAA,EAAmB,cAAA;AAAA,IACnB,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,MAAM,QAAQ,QAAA,EAAS;AAEvB,EAAA,MAAM,OAAA,GAAU,OAAA;AAAA,IACd,OAAO;AAAA,MACL,GAAG,cAAA;AAAA,MACH,GAAG;AAAA,KACL,CAAA;AAAA,IACA,CAAC,WAAW;AAAA,GACd;AAEA,EAAA,MAAM,UAAA,GAAa,OAAA;AAAA,IACjB,MACE,eAAA,CAAgB,iBAAA,EAAmB,KAAA,CAAM,SAAS,cAAA,EAAgB;AAAA,MAChE,MAAM,EAAE,MAAA,EAAQ,OAAA,CAAQ,MAAA,CAAO,IAAI,CAAA;AAAE,KACtC,CAAA;AAAA,IACH,CAAC,KAAA,CAAM,OAAA,EAAS,cAAA,EAAgB,SAAS,IAAI;AAAA,GAC/C;AAEA,EAAA,MAAM,MAAA,GAAS,OAAA;AAAA,IACb,MAAM;AAAA,MACJ,CAAC,kBAAA,EAAoB,EAAE,UAAA,EAAY,IAAA,EAAM,SAAS,CAAA;AAAA,MAClD,CAAC,kBAAA,EAAoB,EAAE,WAAW,UAAA,EAAY,IAAA,EAAM,SAAS,CAAA;AAAA,MAC7D,CAAC,iBAAA,EAAmB,EAAE,WAAW,UAAA,EAAY,IAAA,EAAM,QAAQ,CAAA;AAAA,MAC3D,CAAC,oBAAA,EAAsB,EAAE,WAAW,UAAA,EAAY,IAAA,EAAM,WAAW;AAAA,KACnE;AAAA,IACA,CAAC,UAAA,EAAY,IAAA,EAAM,OAAO;AAAA,GAC5B;AAEA,EAAA,MAAM,KAAA,GAAQ,WAAA;AAAA,IACZ,CAAC,gBACC,UAAA,CAAW,oBAAA,EAAsB,EAAE,GAAG,WAAA,EAAa,MAAM,CAAA;AAAA,IAC3D,CAAC,IAAI;AAAA,GACP;AAEA,EAAA,MAAM,QAAA,GAAW,QAAQ,MAAM;AAC7B,IAAA,IAAI,EAAE,gBAAgB,KAAA,CAAA,EAAQ;AAC5B,MAAA,OAAO,IAAA;AAAA;AAGT,IAAA,uBACE,GAAA,CAAC,WAAA,EAAA,EAAY,SAAA,EAAW,UAAA,EAAY,MAAM,IAAA,EACvC,QAAA,EAAA,OAAO,YAAA,KAAiB,UAAA,mBACvB,GAAA,CAAC,UAAA,EAAA,EAAW,KAAA,EAAe,QAAA,EAAA,YAAA,EAAa,IAExC,YAAA,EAEJ,CAAA;AAAA,KAED,CAAC,UAAA,EAAY,MAAM,IAAA,EAAM,YAAA,EAAc,KAAK,CAAC,CAAA;AAEhD,EAAA,MAAM,QAAA,GAAW,OAAA;AAAA;AAAA,IAEf,MAAM,wBAAA,CAAyB,gBAAA,EAAkB,MAAM,CAAA;AAAA,IACvD,CAAC,MAAM;AAAA,GACT;AAEA,EAAA,uBACE,GAAA,CAAC,0BAA0B,QAAA,EAA1B,EAAmC,OAAO,QAAA,EACzC,QAAA,kBAAA,GAAA,CAAC,YAAS,MAAA,EACR,QAAA,kBAAA,GAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,GAAA;AAAA,MACA,SAAA,EAAW,YAAY,IAAA,EAAM,SAAA;AAAA,MAC7B,KAAA;AAAA,MACA,aAAA;AAAA,MACA,KAAA;AAAA,MACA,YAAA,EAAY,SAAA;AAAA,MACZ,iBAAA,EAAiB,cAAA;AAAA,MAEhB;AAAA;AAAA,KAEL,CAAA,EACF,CAAA;AAEJ,CAAC;AAEM,IAAM,kBAAA,GACX,cAAsE,IAAI;AAErE,IAAM,WAAA,GAAc,UAAA,CAAW,SAAS,UAAA,CAC7C,OACA,GAAA,EACA;AACA,EAAA,CAAC,OAAO,GAAG,CAAA,GAAI,eAAA,CAAgB,KAAA,EAAO,KAAK,kBAAkB,CAAA;AAC7D,EAAA,KAAA,GAAQ,eAAA,CAAgB,OAAO,aAAa,CAAA;AAE5C,EAAA,MAAM;AAAA,IACJ,EAAA;AAAA,IACA,QAAA,EAAU,YAAA;AAAA,IACV,UAAA,EAAY,cAAA;AAAA,IACZ,OAAA,EAAS,WAAA;AAAA,IACT,IAAA,GAAO,WAAA;AAAA,IACP,SAAA,GAAY,OAAO,YAAA,KAAiB,QAAA,GAAW,YAAA,GAAe,MAAA;AAAA,IAC9D,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,MAAM,QAAQ,QAAA,EAAS;AAEvB,EAAA,MAAM,OAAA,GAAU,OAAA;AAAA,IACd,OAAO;AAAA,MACL,GAAG,cAAA;AAAA,MACH,GAAG;AAAA,KACL,CAAA;AAAA,IACA,CAAC,WAAW;AAAA,GACd;AAEA,EAAA,MAAM,UAAA,GAAa,OAAA;AAAA,IACjB,MACE,eAAA,CAAgB,iBAAA,EAAmB,cAAA,EAAgB,MAAM,OAAA,EAAS;AAAA,MAChE,IAAA,EAAM;AAAA,QACJ,WAAA,EAAa,OAAA,CAAQ,WAAA,CAAY,IAAI,CAAA;AAAA,QACrC,KAAA,EAAO,OAAA,CAAQ,KAAA,CAAM,IAAI,CAAA;AAAA,QACzB,QAAA,EAAU,OAAA,CAAQ,QAAA,CAAS,IAAI;AAAA;AACjC,KACD,CAAA;AAAA,IACH,CAAC,KAAA,CAAM,OAAA,EAAS,cAAA,EAAgB,SAAS,IAAI;AAAA,GAC/C;AAEA,EAAA,MAAM,CAAC,cAAA,EAAgB,cAAc,CAAA,GAAI,OAAA,EAAQ;AAEjD,EAAA,MAAM,KAAA,GAAQ,WAAA;AAAA,IACZ,CAAC,WAAA,KACC,UAAA,CAAW,oBAAA,EAAsB;AAAA,MAC/B,GAAG,WAAA;AAAA,MACH,IAAA;AAAA,MACA;AAAA,KACD,CAAA;AAAA,IACH,CAAC,gBAAgB,IAAI;AAAA,GACvB;AAEA,EAAA,MAAM,MAAA,GAAS,OAAA;AAAA,IAUb,MAAM;AAAA,MACJ;AAAA,QACE,eAAA;AAAA,QACA;AAAA,UACE,KAAA,EAAO;AAAA,YACL,KAAA,EAAO,EAAE,SAAA,EAAW,UAAA,EAAY,MAAM,KAAA,EAAM;AAAA,YAC5C,WAAA,EAAa;AAAA,cACX,GAAA,EAAK,cAAA;AAAA,cACL,SAAA,EAAW,YAAY,IAAA,EAAM;AAAA;AAC/B;AACF;AACF,OACF;AAAA,MACA,CAAC,WAAA,EAAa,EAAE,YAAY,UAAA,EAAY,IAAA,EAAM,MAAM,CAAA;AAAA,MACpD,CAAC,mBAAA,EAAqB,EAAE,WAAW,UAAA,EAAY,IAAA,EAAM,UAAU;AAAA,KACjE;AAAA,IACA;AAAA,MACE,YAAY,IAAA,EAAM,KAAA;AAAA,MAClB,cAAA;AAAA,MACA,YAAY,IAAA,EAAM,WAAA;AAAA,MAClB,YAAY,IAAA,EAAM,IAAA;AAAA,MAClB,YAAY,IAAA,EAAM;AAAA;AACpB,GACF;AAEA,EAAA,MAAM,QAAA,GAAW,WAAA;AAAA,IACf,CAAC,WAAA,KAAwC;AACvC,MAAA,MAAM,OAAA,GAAU,gBAAgB,YAAA,EAAc;AAAA,QAC5C,GAAG,WAAA;AAAA,QACH,IAAA;AAAA,QACA,eAAA,EAAiB;AAAA,OAClB,CAAA;AAED,MAAA,2BACG,QAAA,EAAA,EAAS,MAAA,EACR,8BAAC,KAAA,EAAA,EAAI,SAAA,EAAW,YAAY,IAAA,EAAM,IAAA,EAC/B,iBAAO,OAAA,KAAY,QAAA,uBACjB,QAAA,EAAA,EAAS,IAAA,EAAK,SAAS,QAAA,EAAA,OAAA,EAAQ,CAAA,GAEhC,SAEJ,CAAA,EACF,CAAA;AAAA,KAEJ;AAAA,IACA,CAAC,YAAA,EAAc,UAAA,EAAY,IAAA,EAAM,IAAA,EAAM,MAAM,MAAM;AAAA,GACrD;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,IAAI,EAAA,IAAM,SAAA;AAAA,MACV,GAAA;AAAA,MACA,SAAA,EAAW,YAAY,IAAA,EAAM,SAAA;AAAA,MAC7B,KAAA;AAAA,MACA,SAAA;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ,CAAC","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\n  type ForwardedRef,\n  type HTMLAttributes,\n  createContext,\n  forwardRef,\n  useCallback,\n  useMemo,\n} from 'react';\nimport {\n  Collection,\n  type CollectionRenderer,\n  CollectionRendererContext,\n  type ContextValue,\n  ListBox,\n  ListBoxItem,\n  type ListBoxItemRenderProps,\n  type ListBoxRenderProps,\n  ListStateContext,\n  Popover,\n  type PopoverRenderProps,\n  Provider,\n  type SectionProps,\n  type SeparatorProps,\n  type TextProps,\n} from 'react-aria-components';\nimport { useContextProps } from '../../hooks/use-context-props';\nimport { useDefaultProps } from '../../hooks/use-defaults';\nimport { useSlot } from '../../hooks/use-slot';\nimport { useTheme } from '../../hooks/use-theme';\nimport { bodies, headings } from '../../styles/typography.css';\nimport { inlineVars } from '../../utils/css';\nimport { callRenderProps, mergeClassNames } from '../../utils/props';\nimport {\n  AriaHeaderContext,\n  AriaKeyboardContext,\n  AriaSection,\n  AriaSectionContext,\n  AriaSeparatorContext,\n  AriaText,\n  AriaTextContext,\n} from '../aria';\nimport { createCollectionRenderer } from '../collection';\nimport { IconContext } from '../icon';\nimport type { IconProps } from '../icon/types';\nimport {\n  optionsClassNames,\n  optionsItemStateVars,\n  optionsStateVars,\n} from './options.css';\nimport type {\n  OptionsItemProps,\n  OptionsListProps,\n  OptionsMapping,\n  OptionsProps,\n} from './types';\n\nconst defaultMapping: OptionsMapping = {\n  description: {\n    sm: bodies.xs,\n    lg: bodies.xs,\n  },\n  header: {\n    sm: headings.v4,\n    lg: headings.v5,\n  },\n  label: {\n    sm: bodies.sm,\n    lg: bodies.sm,\n  },\n  shortcut: {\n    sm: bodies.xs,\n    lg: bodies.xs,\n  },\n};\n\nconst defaultSize = 'lg';\n\nexport const OptionsContext =\n  createContext<ContextValue<OptionsProps, HTMLElement>>(null);\n\nexport const Options = forwardRef(function Options(\n  props: OptionsProps,\n  ref: ForwardedRef<HTMLElement>,\n) {\n  [props, ref] = useContextProps(props, ref, OptionsContext);\n  props = useDefaultProps(props, 'Options');\n\n  const {\n    children: childrenProp,\n    classNames: classNamesProp,\n    mapping: mappingProp,\n    size = defaultSize,\n    ...rest\n  } = props;\n\n  const theme = useTheme();\n\n  const classNames = useMemo(\n    () =>\n      mergeClassNames(optionsClassNames, theme.Options, classNamesProp, {\n        options: {\n          container: theme.className, // required to consume global theme within Popover\n        },\n      }),\n    [theme.className, theme.Options, classNamesProp],\n  );\n\n  const mapping = useMemo(\n    () => ({\n      ...defaultMapping,\n      ...mappingProp,\n    }),\n    [mappingProp],\n  );\n\n  const style = useCallback(\n    ({ ...renderProps }: PopoverRenderProps) => ({\n      ...theme.style, // required to consume global styles within Popover\n      ...inlineVars(optionsStateVars, {\n        ...renderProps,\n        size,\n      }),\n    }),\n    [theme.style, size],\n  );\n\n  const values = useMemo<\n    [\n      [\n        typeof OptionsListContext,\n        ContextValue<OptionsListProps<object>, HTMLDivElement>,\n      ],\n    ]\n  >(\n    () => [[OptionsListContext, { classNames, mapping, size }]],\n    [classNames, mapping, size],\n  );\n\n  const children = useCallback(\n    (renderProps: PopoverRenderProps) => (\n      <Provider values={values}>\n        <div className={classNames?.options?.options}>\n          {callRenderProps(childrenProp, {\n            ...renderProps,\n            size,\n            defaultChildren: null,\n          })}\n        </div>\n      </Provider>\n    ),\n    [childrenProp, classNames?.options?.options, size, values],\n  );\n\n  return (\n    <Popover\n      {...rest}\n      ref={ref}\n      className={classNames?.options?.container}\n      style={style}\n    >\n      {children}\n    </Popover>\n  );\n});\n\nexport const OptionsListContext =\n  createContext<ContextValue<OptionsListProps<object>, HTMLDivElement>>(null);\n\ntype OptionsListContexts = [\n  [\n    typeof OptionsItemContext,\n    ContextValue<OptionsItemProps<object>, HTMLDivElement>,\n  ],\n  [typeof AriaSectionContext, ContextValue<SectionProps<object>, HTMLElement>],\n  [\n    typeof AriaHeaderContext,\n    ContextValue<HTMLAttributes<HTMLElement>, HTMLElement>,\n  ],\n  [typeof AriaSeparatorContext, ContextValue<SeparatorProps, HTMLElement>],\n];\n\nexport const OptionsList = forwardRef(function OptionList<T extends object>(\n  props: OptionsListProps<T>,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  [props, ref] = useContextProps(props, ref, OptionsListContext);\n  props = useDefaultProps(props, 'OptionsList');\n\n  const {\n    children: childrenProp,\n    classNames: classNamesProp,\n    items,\n    mapping: mappingProp,\n    selectionMode = 'single',\n    size = defaultSize,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledBy,\n    ...rest\n  } = props;\n\n  const theme = useTheme();\n\n  const mapping = useMemo(\n    () => ({\n      ...defaultMapping,\n      ...mappingProp,\n    }),\n    [mappingProp],\n  );\n\n  const classNames = useMemo(\n    () =>\n      mergeClassNames(optionsClassNames, theme.Options, classNamesProp, {\n        list: { header: mapping.header[size] },\n      }),\n    [theme.Options, classNamesProp, mapping, size],\n  );\n\n  const values = useMemo<OptionsListContexts>(\n    () => [\n      [OptionsItemContext, { classNames, size, mapping }],\n      [AriaSectionContext, { className: classNames?.list?.section }],\n      [AriaHeaderContext, { className: classNames?.list?.header }],\n      [AriaSeparatorContext, { className: classNames?.list?.separator }],\n    ],\n    [classNames, size, mapping],\n  );\n\n  const style = useCallback(\n    (renderProps: ListBoxRenderProps) =>\n      inlineVars(optionsItemStateVars, { ...renderProps, size }),\n    [size],\n  );\n\n  const children = useMemo(() => {\n    if (!(childrenProp || items)) {\n      return null;\n    }\n\n    return (\n      <AriaSection className={classNames?.list?.list}>\n        {typeof childrenProp === 'function' ? (\n          <Collection items={items}>{childrenProp}</Collection>\n        ) : (\n          childrenProp\n        )}\n      </AriaSection>\n    );\n  }, [classNames?.list?.list, childrenProp, items]);\n\n  const renderer = useMemo<CollectionRenderer>(\n    // @ts-expect-error ts unnecessarily guarding against null state\n    () => createCollectionRenderer(ListStateContext, values),\n    [values],\n  );\n\n  return (\n    <CollectionRendererContext.Provider value={renderer}>\n      <Provider values={values}>\n        <ListBox<T>\n          {...rest}\n          ref={ref}\n          className={classNames?.list?.container}\n          items={items}\n          selectionMode={selectionMode}\n          style={style}\n          aria-label={ariaLabel}\n          aria-labelledby={ariaLabelledBy}\n        >\n          {children}\n        </ListBox>\n      </Provider>\n    </CollectionRendererContext.Provider>\n  );\n});\n\nexport const OptionsItemContext =\n  createContext<ContextValue<OptionsItemProps<object>, HTMLDivElement>>(null);\n\nexport const OptionsItem = forwardRef(function OptionItem<T extends object>(\n  props: OptionsItemProps<T>,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  [props, ref] = useContextProps(props, ref, OptionsItemContext);\n  props = useDefaultProps(props, 'OptionsItem');\n\n  const {\n    id,\n    children: childrenProp,\n    classNames: classNamesProp,\n    mapping: mappingProp,\n    size = defaultSize,\n    textValue = typeof childrenProp === 'string' ? childrenProp : undefined,\n    ...rest\n  } = props;\n\n  const theme = useTheme();\n\n  const mapping = useMemo(\n    () => ({\n      ...defaultMapping,\n      ...mappingProp,\n    }),\n    [mappingProp],\n  );\n\n  const classNames = useMemo(\n    () =>\n      mergeClassNames(optionsClassNames, classNamesProp, theme.Options, {\n        item: {\n          description: mapping.description[size],\n          label: mapping.label[size],\n          shortcut: mapping.shortcut[size],\n        },\n      }),\n    [theme.Options, classNamesProp, mapping, size],\n  );\n\n  const [descriptionRef, hasDescription] = useSlot();\n\n  const style = useCallback(\n    (renderProps: ListBoxItemRenderProps) =>\n      inlineVars(optionsItemStateVars, {\n        ...renderProps,\n        size,\n        hasDescription,\n      }),\n    [hasDescription, size],\n  );\n\n  const values = useMemo<\n    [\n      [typeof AriaTextContext, ContextValue<TextProps, HTMLElement>],\n      [typeof IconContext, ContextValue<IconProps, HTMLDivElement>],\n      [\n        typeof AriaKeyboardContext,\n        ContextValue<HTMLAttributes<HTMLElement>, HTMLElement>,\n      ],\n    ]\n  >(\n    () => [\n      [\n        AriaTextContext,\n        {\n          slots: {\n            label: { className: classNames?.item?.label },\n            description: {\n              ref: descriptionRef,\n              className: classNames?.item?.description,\n            },\n          },\n        },\n      ],\n      [IconContext, { classNames: classNames?.item?.icon }],\n      [AriaKeyboardContext, { className: classNames?.item?.shortcut }],\n    ],\n    [\n      classNames?.item?.label,\n      descriptionRef,\n      classNames?.item?.description,\n      classNames?.item?.icon,\n      classNames?.item?.shortcut,\n    ],\n  );\n\n  const children = useCallback(\n    (renderProps: ListBoxItemRenderProps) => {\n      const content = callRenderProps(childrenProp, {\n        ...renderProps,\n        size,\n        defaultChildren: null,\n      });\n\n      return (\n        <Provider values={values}>\n          <div className={classNames?.item?.item}>\n            {typeof content === 'string' ? (\n              <AriaText slot='label'>{content}</AriaText>\n            ) : (\n              content\n            )}\n          </div>\n        </Provider>\n      );\n    },\n    [childrenProp, classNames?.item?.item, size, values],\n  );\n\n  return (\n    <ListBoxItem<T>\n      {...rest}\n      id={id ?? textValue}\n      ref={ref as ForwardedRef<T>}\n      className={classNames?.item?.container}\n      style={style}\n      textValue={textValue}\n    >\n      {children}\n    </ListBoxItem>\n  );\n});\n"]}

package/dist/components/options/options.css.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/options/options.css.ts"],"names":[],"mappings":";;;AAAO,IAAI,oBAAoB,EAAC,OAAA,EAAQ,EAAC,SAAA,EAAU,0DAAyD,OAAQ,EAAA,wGAAA,EAA0G,EAAA,IAAA,EAAK,EAAC,SAAU,EAAA,qDAAA,EAAsD,MAAK,gDAAiD,EAAA,OAAA,EAAQ,qDAAoD,MAAO,EAAA,kDAAA,EAAmD,SAAU,EAAA,qDAAA,IAAuD,IAAK,EAAA,EAAC,WAAU,qDAAsD,EAAA,IAAA,EAAK,kDAAiD,IAAK,EAAA,EAAC,IAAK,EAAA,qDAAA,IAAuD,KAAM,EAAA,iDAAA,EAAkD,aAAY,uDAAwD,EAAA,QAAA,EAAS,sDAAqD;AACl4B,IAAI,gBAAmB,GAAA,EAAC,IAAK,EAAA,EAAC,YAAW,kCAAmC,EAAA,MAAA,EAAO,8BAA+B,EAAA,KAAA,EAAM,+BAA+B,EAAA,MAAA,EAAO,EAAC,UAAA,EAAW,sCAAqC,MAAO,EAAA,gCAAA,EAAiC,KAAM,EAAA,+BAAA,EAAiC,EAAA,SAAA,EAAU,4BAA6B,EAAA,IAAA,EAAK,EAAC,UAAW,EAAA,kCAAA,EAAmC,MAAO,EAAA,8BAAA,EAA+B,OAAM,6BAA6B,EAAA,EAAE,KAAM,EAAA,wBAAA,EAAyB,aAAY,8BAA8B;AAC7gB,IAAI,oBAAoB,EAAC,OAAA,EAAQ,+CAA8C,IAAK,EAAA,0CAAA,EAA2C,MAAK,0CAA0C;AAC1K,IAAA,oBAAA,GAAuB,EAAC,iBAAkB,EAAA,oCAAA,EAAqC,eAAc,gCAAiC,EAAA,IAAA,EAAK,yBAAwB,cAAe,EAAA,iCAAA,EAAkC,YAAW,6BAA8B,EAAA,SAAA,EAAU,8BAA6B,SAAU,EAAA,4BAAA,EAA6B,YAAW,6BAA8B,EAAA,SAAA,EAAU,4BAA6B,EAAA,cAAA,EAAe,iCAAiC;AACnc,IAAA,oBAAA,GAAuB,EAAC,IAAK,EAAA,uBAAA,EAAwB,SAAQ,0BAA2B,EAAA,SAAA,EAAU,4BAA6B,EAAA,cAAA,EAAe,iCAAiC;AAC/K,IAAA,gBAAA,GAAmB,EAAC,OAAQ,EAAA,EAAC,UAAS,mCAAoC,EAAA,CAAA,EAAE,8BAA6B,CAAE,EAAA,4BAAA,IAA8B,IAAK,EAAA,EAAC,GAAE,0BAA2B,EAAA,CAAA,EAAE,4BAA4B,EAAA,OAAA,EAAQ,EAAC,CAAA,EAAE,6BAA8B,EAAA,CAAA,EAAE,+BAA+B,EAAA,MAAA,EAAO,EAAC,CAAE,EAAA,4BAAA,EAA6B,GAAE,4BAA4B,EAAA,EAAE,SAAU,EAAA,EAAC,CAAE,EAAA,+BAAA,EAAgC,GAAE,+BAA+B,EAAA,EAAE,MAAK,EAAC,CAAA,EAAE,4BAA2B,CAAE,EAAA,0BAAA,EAA2B,GAAI,EAAA,4BAAA,EAA6B;AAC5gB,IAAA,gBAAA,GAAmB,EAAC,IAAK,EAAA,uBAAA,EAAwB,YAAW,6BAA8B,EAAA,SAAA,EAAU,4BAA6B,EAAA,SAAA,EAAU,4BAA4B","file":"options.css.js","sourcesContent":["export var optionsClassNames = {options:{container:'options_optionsClassNames_options_container__140gzb51b',options:'options_optionsClassNames_options_options__140gzb51c surfaces_proud__15mw6jf5 surfaces_flush__15mw6jf4'},list:{container:'options_optionsClassNames_list_container__140gzb51d',list:'options_optionsClassNames_list_list__140gzb51e',section:'options_optionsClassNames_list_section__140gzb51f',header:'options_optionsClassNames_list_header__140gzb51g',separator:'options_optionsClassNames_list_separator__140gzb51h'},item:{container:'options_optionsClassNames_item_container__140gzb51i',item:'options_optionsClassNames_item_item__140gzb51j',icon:{icon:'options_optionsClassNames_item_icon_icon__140gzb51k'},label:'options_optionsClassNames_item_label__140gzb51l',description:'options_optionsClassNames_item_description__140gzb51m',shortcut:'options_optionsClassNames_item_shortcut__140gzb51n'}};\nexport var optionsColorVars = {list:{background:'var(--list-background__140gzb5l)',border:'var(--list-border__140gzb5m)',color:'var(--list-color__140gzb5n)'},header:{background:'var(--header-background__140gzb5o)',border:'var(--header-border__140gzb5p)',color:'var(--header-color__140gzb5q)'},separator:'var(--separator__140gzb5r)',item:{background:'var(--item-background__140gzb5s)',border:'var(--item-border__140gzb5t)',color:'var(--item-color__140gzb5u)'},label:'var(--label__140gzb5v)',description:'var(--description__140gzb5w)'};\nexport var optionsContainers = {options:'options_optionsContainers_options__140gzb50',list:'options_optionsContainers_list__140gzb51',item:'options_optionsContainers_item__140gzb52'};\nexport var optionsItemStateVars = {selectionBehavior:'var(--selectionBehavior__140gzb5b)',selectionMode:'var(--selectionMode__140gzb5c)',size:'var(--size__140gzb5d)',hasDescription:'var(--hasDescription__140gzb5e)',isDisabled:'var(--isDisabled__140gzb5f)',isHovered:'var(--isHovered__140gzb5g)',isPressed:'var(--isPressed__140gzb5h)',isSelected:'var(--isSelected__140gzb5i)',isFocused:'var(--isFocused__140gzb5j)',isFocusVisible:'var(--isFocusVisible__140gzb5k)'};\nexport var optionsListStateVars = {size:'var(--size__140gzb57)',isEmpty:'var(--isEmpty__140gzb58)',isFocused:'var(--isFocused__140gzb59)',isFocusVisible:'var(--isFocusVisible__140gzb5a)'};\nexport var optionsSpaceVars = {options:{minWidth:'var(--options-minWidth__140gzb5x)',x:'var(--options-x__140gzb5y)',y:'var(--options-y__140gzb5z)'},list:{x:'var(--list-x__140gzb510)',y:'var(--list-y__140gzb511)'},section:{x:'var(--section-x__140gzb512)',y:'var(--section-y__140gzb513)'},header:{x:'var(--header-x__140gzb514)',y:'var(--header-y__140gzb515)'},separator:{x:'var(--separator-x__140gzb516)',y:'var(--separator-y__140gzb517)'},item:{x:'var(--item-x__140gzb518)',y:'var(--item-y__140gzb519)',gap:'var(--item-gap__140gzb51a)'}};\nexport var optionsStateVars = {size:'var(--size__140gzb53)',isEntering:'var(--isEntering__140gzb54)',isExiting:'var(--isExiting__140gzb55)',placement:'var(--placement__140gzb56)'};"]}
+{"version":3,"sources":["../../../src/components/options/options.css.ts"],"names":[],"mappings":";;;AAAO,IAAI,oBAAoB,EAAC,OAAA,EAAQ,EAAC,SAAA,EAAU,0DAAyD,OAAA,EAAQ,wGAAA,EAAwG,EAAE,IAAA,EAAK,EAAC,SAAA,EAAU,qDAAA,EAAsD,MAAK,gDAAA,EAAiD,OAAA,EAAQ,qDAAoD,MAAA,EAAO,kDAAA,EAAmD,SAAA,EAAU,qDAAA,IAAuD,IAAA,EAAK,EAAC,WAAU,qDAAA,EAAsD,IAAA,EAAK,kDAAiD,IAAA,EAAK,EAAC,IAAA,EAAK,qDAAA,IAAuD,KAAA,EAAM,iDAAA,EAAkD,aAAY,uDAAA,EAAwD,QAAA,EAAS,sDAAoD;AACj4B,IAAI,gBAAA,GAAmB,EAAC,IAAA,EAAK,EAAC,YAAW,kCAAA,EAAmC,MAAA,EAAO,8BAAA,EAA+B,KAAA,EAAM,+BAA6B,EAAE,MAAA,EAAO,EAAC,UAAA,EAAW,sCAAqC,MAAA,EAAO,gCAAA,EAAiC,KAAA,EAAM,+BAAA,EAA+B,EAAE,SAAA,EAAU,4BAAA,EAA6B,IAAA,EAAK,EAAC,UAAA,EAAW,kCAAA,EAAmC,MAAA,EAAO,8BAAA,EAA+B,OAAM,6BAAA,EAA6B,EAAE,KAAA,EAAM,wBAAA,EAAyB,aAAY,8BAAA;AAC/e,IAAI,oBAAoB,EAAC,OAAA,EAAQ,+CAA8C,IAAA,EAAK,0CAAA,EAA2C,MAAK,0CAAA;AACpI,IAAI,oBAAA,GAAuB,EAAC,iBAAA,EAAkB,oCAAA,EAAqC,eAAc,gCAAA,EAAiC,IAAA,EAAK,yBAAwB,cAAA,EAAe,iCAAA,EAAkC,YAAW,6BAAA,EAA8B,SAAA,EAAU,8BAA6B,SAAA,EAAU,4BAAA,EAA6B,YAAW,6BAAA,EAA8B,SAAA,EAAU,4BAAA,EAA6B,cAAA,EAAe,iCAAA;AACta,IAAI,oBAAA,GAAuB,EAAC,IAAA,EAAK,uBAAA,EAAwB,SAAQ,0BAAA,EAA2B,SAAA,EAAU,4BAAA,EAA6B,cAAA,EAAe,iCAAA;AAClJ,IAAI,gBAAA,GAAmB,EAAC,OAAA,EAAQ,EAAC,UAAS,mCAAA,EAAoC,CAAA,EAAE,8BAA6B,CAAA,EAAE,4BAAA,IAA8B,IAAA,EAAK,EAAC,GAAE,0BAAA,EAA2B,CAAA,EAAE,4BAA0B,EAAE,OAAA,EAAQ,EAAC,CAAA,EAAE,6BAAA,EAA8B,CAAA,EAAE,+BAA6B,EAAE,MAAA,EAAO,EAAC,CAAA,EAAE,4BAAA,EAA6B,GAAE,4BAAA,EAA4B,EAAE,SAAA,EAAU,EAAC,CAAA,EAAE,+BAAA,EAAgC,GAAE,+BAAA,EAA+B,EAAE,MAAK,EAAC,CAAA,EAAE,4BAA2B,CAAA,EAAE,0BAAA,EAA2B,GAAA,EAAI,4BAAA,EAA4B;AAC/gB,IAAI,gBAAA,GAAmB,EAAC,IAAA,EAAK,uBAAA,EAAwB,YAAW,6BAAA,EAA8B,SAAA,EAAU,4BAAA,EAA6B,SAAA,EAAU,4BAAA","file":"options.css.js","sourcesContent":["export var optionsClassNames = {options:{container:'options_optionsClassNames_options_container__140gzb51b',options:'options_optionsClassNames_options_options__140gzb51c surfaces_proud__15mw6jf5 surfaces_flush__15mw6jf4'},list:{container:'options_optionsClassNames_list_container__140gzb51d',list:'options_optionsClassNames_list_list__140gzb51e',section:'options_optionsClassNames_list_section__140gzb51f',header:'options_optionsClassNames_list_header__140gzb51g',separator:'options_optionsClassNames_list_separator__140gzb51h'},item:{container:'options_optionsClassNames_item_container__140gzb51i',item:'options_optionsClassNames_item_item__140gzb51j',icon:{icon:'options_optionsClassNames_item_icon_icon__140gzb51k'},label:'options_optionsClassNames_item_label__140gzb51l',description:'options_optionsClassNames_item_description__140gzb51m',shortcut:'options_optionsClassNames_item_shortcut__140gzb51n'}};\nexport var optionsColorVars = {list:{background:'var(--list-background__140gzb5l)',border:'var(--list-border__140gzb5m)',color:'var(--list-color__140gzb5n)'},header:{background:'var(--header-background__140gzb5o)',border:'var(--header-border__140gzb5p)',color:'var(--header-color__140gzb5q)'},separator:'var(--separator__140gzb5r)',item:{background:'var(--item-background__140gzb5s)',border:'var(--item-border__140gzb5t)',color:'var(--item-color__140gzb5u)'},label:'var(--label__140gzb5v)',description:'var(--description__140gzb5w)'};\nexport var optionsContainers = {options:'options_optionsContainers_options__140gzb50',list:'options_optionsContainers_list__140gzb51',item:'options_optionsContainers_item__140gzb52'};\nexport var optionsItemStateVars = {selectionBehavior:'var(--selectionBehavior__140gzb5b)',selectionMode:'var(--selectionMode__140gzb5c)',size:'var(--size__140gzb5d)',hasDescription:'var(--hasDescription__140gzb5e)',isDisabled:'var(--isDisabled__140gzb5f)',isHovered:'var(--isHovered__140gzb5g)',isPressed:'var(--isPressed__140gzb5h)',isSelected:'var(--isSelected__140gzb5i)',isFocused:'var(--isFocused__140gzb5j)',isFocusVisible:'var(--isFocusVisible__140gzb5k)'};\nexport var optionsListStateVars = {size:'var(--size__140gzb57)',isEmpty:'var(--isEmpty__140gzb58)',isFocused:'var(--isFocused__140gzb59)',isFocusVisible:'var(--isFocusVisible__140gzb5a)'};\nexport var optionsSpaceVars = {options:{minWidth:'var(--options-minWidth__140gzb5x)',x:'var(--options-x__140gzb5y)',y:'var(--options-y__140gzb5z)'},list:{x:'var(--list-x__140gzb510)',y:'var(--list-y__140gzb511)'},section:{x:'var(--section-x__140gzb512)',y:'var(--section-y__140gzb513)'},header:{x:'var(--header-x__140gzb514)',y:'var(--header-y__140gzb515)'},separator:{x:'var(--separator-x__140gzb516)',y:'var(--separator-y__140gzb517)'},item:{x:'var(--item-x__140gzb518)',y:'var(--item-y__140gzb519)',gap:'var(--item-gap__140gzb51a)'}};\nexport var optionsStateVars = {size:'var(--size__140gzb53)',isEntering:'var(--isEntering__140gzb54)',isExiting:'var(--isExiting__140gzb55)',placement:'var(--placement__140gzb56)'};"]}

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

@@ -1,6 +1,24 @@
-export { Picker, PickerContext, PickerItem, PickerItemContext } from './picker.js';
-export { pickerClassNames, pickerContainers, pickerItemColorVars, pickerItemStateVars, pickerSpaceVars, pickerStateVars } from './picker.css.js';
-export { PickerClassNames, PickerItemProps, PickerItemRenderProps, PickerItemState, PickerProps, PickerState } from './types.js';
-import 'react-aria-components';
-import 'react';
+import { PickerClassNames, PickerProps, PickerItemProps } from './types.js';
+import * as react_aria_components from 'react-aria-components';
+import { ContextValue } from 'react-aria-components';
+import * as react from 'react';
 import 'type-fest';
+
+declare const PickerContext: react.Context<ContextValue<PickerProps<unknown>, HTMLDivElement>>;
+declare const PickerItemContext: react.Context<ContextValue<PickerItemProps<unknown>, HTMLDivElement>>;
+/**
+ * Generic stylable picker that supports the functionality (sans drag and drop) of
+ * React Aria's ListBox: https://react-spectrum.adobe.com/react-aria/ListBox.html
+ *
+ * NOTE: The picker items does not support sections or separators
+ */
+declare const Picker: <T extends object>(props: Omit<react_aria_components.ListBoxProps<T>, "className" | "style" | "dragAndDropHooks"> & {
+    classNames?: PickerClassNames;
+} & {
+    columns?: number;
+} & react.RefAttributes<HTMLDivElement>) => react.ReactElement | null;
+declare const PickerItem: <T extends object>(props: Omit<react_aria_components.ListBoxItemProps<T>, "className" | "style"> & {
+    classNames?: PickerClassNames;
+} & react.RefAttributes<HTMLDivElement>) => react.ReactElement | null;
+
+export { Picker, PickerContext, PickerItem, PickerItemContext };

package/dist/components/picker/index.js

@@ -1,6 +1,116 @@
 import '../../chunk-PZ5AY32C.js';
-export { Picker, PickerContext, PickerItem, PickerItemContext } from './picker.js';
-export { pickerClassNames, pickerContainers, pickerItemColorVars, pickerItemStateVars, pickerSpaceVars, pickerStateVars } from './picker.css.js';
-import './types.js';
+import { createContext, forwardRef, useMemo, useCallback } from 'react';
+import { Section, Collection, Provider, ListBox, ListBoxItem } from 'react-aria-components';
+import { useContextProps } from '../../hooks/use-context-props/index.js';
+import { useDefaultProps } from '../../hooks/use-defaults/index.js';
+import { useTheme } from '../../hooks/use-theme/index.js';
+import { inlineVars } from '../../utils/css/index.js';
+import { mergeClassNames, callRenderProps } from '../../utils/props/index.js';
+import { pickerClassNames, pickerStateVars, pickerItemStateVars } from './picker.css.js';
+import { jsx } from 'react/jsx-runtime';
+
+var PickerContext = createContext(null);
+var PickerItemContext = createContext(null);
+var Picker = forwardRef(function Picker2(props, ref) {
+  [props, ref] = useContextProps(props, ref, PickerContext);
+  props = useDefaultProps(props, "Picker");
+  const {
+    children: childrenProp,
+    classNames: classNamesProp,
+    columns,
+    items,
+    layout = "stack",
+    orientation = "horizontal",
+    selectionMode = "single",
+    "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledBy,
+    ...rest
+  } = props;
+  const theme = useTheme();
+  const classNames = useMemo(
+    () => mergeClassNames(pickerClassNames, theme.Picker, classNamesProp),
+    [theme.Picker, classNamesProp]
+  );
+  const values = useMemo(() => [[PickerItemContext, { classNames }]], [classNames]);
+  const style = useCallback(
+    ({ state, ...renderProps }) => inlineVars(pickerStateVars, {
+      ...renderProps,
+      columns,
+      layout,
+      orientation
+    }),
+    [columns, layout, orientation]
+  );
+  const children = useMemo(() => {
+    if (!(childrenProp || items)) {
+      return null;
+    }
+    return /* @__PURE__ */ jsx(
+      Section,
+      {
+        className: classNames?.list?.list,
+        "aria-label": ariaLabel,
+        "aria-labelledby": ariaLabelledBy,
+        children: typeof childrenProp === "function" ? /* @__PURE__ */ jsx(Collection, { items, children: childrenProp }) : childrenProp
+      }
+    );
+  }, [childrenProp, items, classNames?.list?.list, ariaLabel, ariaLabelledBy]);
+  return /* @__PURE__ */ jsx(Provider, { values, children: /* @__PURE__ */ jsx(
+    ListBox,
+    {
+      ...rest,
+      ref,
+      className: classNames?.list?.container,
+      items,
+      layout,
+      orientation,
+      selectionMode,
+      style,
+      "aria-label": ariaLabel,
+      "aria-labelledby": ariaLabelledBy,
+      children
+    }
+  ) });
+});
+var PickerItem = forwardRef(function PickerItem2(props, ref) {
+  [props, ref] = useContextProps(props, ref, PickerItemContext);
+  const {
+    children: childrenProp,
+    id,
+    classNames: classNamesProp,
+    textValue = typeof childrenProp === "string" ? childrenProp : void 0,
+    ...rest
+  } = props;
+  const theme = useTheme();
+  const classNames = useMemo(
+    () => mergeClassNames(pickerClassNames, theme.Picker, classNamesProp),
+    [theme.Picker, classNamesProp]
+  );
+  const style = useCallback(
+    (renderProps) => inlineVars(pickerItemStateVars, renderProps),
+    []
+  );
+  const children = useCallback(
+    (renderProps) => /* @__PURE__ */ jsx("div", { className: classNames?.item?.item, children: callRenderProps(childrenProp, {
+      ...renderProps,
+      defaultChildren: null
+    }) }),
+    [childrenProp, classNames?.item?.item]
+  );
+  return /* @__PURE__ */ jsx(
+    ListBoxItem,
+    {
+      ...rest,
+      ref,
+      id: id ?? textValue,
+      className: classNames?.item?.container,
+      style,
+      textValue,
+      children
+    }
+  );
+});
+
+export { Picker, PickerContext, PickerItem, PickerItemContext };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js","sourcesContent":[]}
+{"version":3,"sources":["../../../src/components/picker/index.tsx"],"names":["Picker","PickerItem"],"mappings":"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","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\n  type ForwardedRef,\n  createContext,\n  forwardRef,\n  useCallback,\n  useMemo,\n} from 'react';\nimport {\n  Collection,\n  type ContextValue,\n  ListBox,\n  ListBoxItem,\n  type ListBoxItemRenderProps,\n  type ListBoxRenderProps,\n  Provider,\n  Section,\n} from 'react-aria-components';\nimport { useContextProps } from '../../hooks/use-context-props';\nimport { useDefaultProps } from '../../hooks/use-defaults';\nimport { useTheme } from '../../hooks/use-theme';\nimport { inlineVars } from '../../utils/css';\nimport { callRenderProps, mergeClassNames } from '../../utils/props';\nimport {\n  pickerClassNames,\n  pickerItemStateVars,\n  pickerStateVars,\n} from './picker.css';\nimport type { PickerItemProps, PickerProps } from './types';\n\nexport const PickerContext =\n  createContext<ContextValue<PickerProps<unknown>, HTMLDivElement>>(null);\n\nexport const PickerItemContext =\n  createContext<ContextValue<PickerItemProps<unknown>, HTMLDivElement>>(null);\n\n/**\n * Generic stylable picker that supports the functionality (sans drag and drop) of\n * React Aria's ListBox: https://react-spectrum.adobe.com/react-aria/ListBox.html\n *\n * NOTE: The picker items does not support sections or separators\n */\nexport const Picker = forwardRef(function Picker<T extends object>(\n  props: PickerProps<T>,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  [props, ref] = useContextProps(props, ref, PickerContext);\n\n  props = useDefaultProps(props, 'Picker');\n\n  const {\n    children: childrenProp,\n    classNames: classNamesProp,\n    columns,\n    items,\n    layout = 'stack',\n    orientation = 'horizontal',\n    selectionMode = 'single',\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledBy,\n    ...rest\n  } = props;\n\n  const theme = useTheme();\n\n  const classNames = useMemo(\n    () => mergeClassNames(pickerClassNames, theme.Picker, classNamesProp),\n    [theme.Picker, classNamesProp],\n  );\n\n  const values = useMemo<\n    [\n      [\n        typeof PickerItemContext,\n        ContextValue<PickerItemProps<unknown>, HTMLDivElement>,\n      ],\n    ]\n  >(() => [[PickerItemContext, { classNames }]], [classNames]);\n\n  const style = useCallback(\n    ({ state, ...renderProps }: ListBoxRenderProps) =>\n      inlineVars(pickerStateVars, {\n        ...renderProps,\n        columns,\n        layout,\n        orientation,\n      }),\n    [columns, layout, orientation],\n  );\n\n  const children = useMemo(() => {\n    if (!(childrenProp || items)) {\n      return null;\n    }\n\n    return (\n      <Section\n        className={classNames?.list?.list}\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledBy}\n      >\n        {typeof childrenProp === 'function' ? (\n          <Collection items={items}>{childrenProp}</Collection>\n        ) : (\n          childrenProp\n        )}\n      </Section>\n    );\n  }, [childrenProp, items, classNames?.list?.list, ariaLabel, ariaLabelledBy]);\n\n  return (\n    <Provider values={values}>\n      <ListBox<T>\n        {...rest}\n        ref={ref}\n        className={classNames?.list?.container}\n        items={items}\n        layout={layout}\n        orientation={orientation}\n        selectionMode={selectionMode}\n        style={style}\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledBy}\n      >\n        {children}\n      </ListBox>\n    </Provider>\n  );\n});\n\nexport const PickerItem = forwardRef(function PickerItem<T extends object>(\n  props: PickerItemProps<T>,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  [props, ref] = useContextProps(props, ref, PickerItemContext);\n\n  const {\n    children: childrenProp,\n    id,\n    classNames: classNamesProp,\n    textValue = typeof childrenProp === 'string' ? childrenProp : undefined,\n    ...rest\n  } = props;\n\n  const theme = useTheme();\n\n  const classNames = useMemo(\n    () => mergeClassNames(pickerClassNames, theme.Picker, classNamesProp),\n    [theme.Picker, classNamesProp],\n  );\n\n  const style = useCallback(\n    (renderProps: ListBoxItemRenderProps) =>\n      inlineVars(pickerItemStateVars, renderProps),\n    [],\n  );\n\n  const children = useCallback(\n    (renderProps: ListBoxItemRenderProps) => (\n      <div className={classNames?.item?.item}>\n        {callRenderProps(childrenProp, {\n          ...renderProps,\n          defaultChildren: null,\n        })}\n      </div>\n    ),\n    [childrenProp, classNames?.item?.item],\n  );\n\n  return (\n    <ListBoxItem<T>\n      {...rest}\n      ref={ref as ForwardedRef<T>}\n      id={id ?? textValue}\n      className={classNames?.item?.container}\n      style={style}\n      textValue={textValue}\n    >\n      {children}\n    </ListBoxItem>\n  );\n});\n"]}

package/dist/components/picker/picker.css.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/picker/picker.css.ts"],"names":[],"mappings":";;;AAAO,IAAI,gBAAmB,GAAA,EAAC,IAAK,EAAA,EAAC,WAAU,iDAAkD,EAAA,IAAA,EAAK,4CAA4C,EAAA,EAAE,MAAK,EAAC,SAAA,EAAU,iDAAkD,EAAA,IAAA,EAAK,8CAA6C;AACjQ,IAAI,gBAAmB,GAAA,EAAC,IAAK,EAAA,uCAAA,EAAwC,MAAK,uCAAuC;AACjH,IAAI,sBAAsB,EAAC,UAAA,EAAW,8BAA6B,MAAO,EAAA,wBAAA,EAAyB,OAAM,uBAAuB;AAChI,IAAI,sBAAsB,EAAC,aAAA,EAAc,+BAAgC,EAAA,iBAAA,EAAkB,qCAAoC,UAAW,EAAA,4BAAA,EAA6B,SAAU,EAAA,2BAAA,EAA4B,gBAAe,gCAAiC,EAAA,SAAA,EAAU,6BAA4B,SAAU,EAAA,2BAAA,EAA4B,YAAW,4BAA4B;AAC5W,IAAA,eAAA,GAAkB,EAAC,GAAA,EAAI,qBAAqB;AAChD,IAAI,eAAkB,GAAA,EAAC,OAAQ,EAAA,yBAAA,EAA0B,MAAO,EAAA,wBAAA,EAAyB,WAAY,EAAA,6BAAA,EAA8B,OAAQ,EAAA,yBAAA,EAA0B,SAAU,EAAA,2BAAA,EAA4B,gBAAe,gCAAgC","file":"picker.css.js","sourcesContent":["export var pickerClassNames = {list:{container:'picker_pickerClassNames_list_container__k0t389k',list:'picker_pickerClassNames_list_list__k0t389l'},item:{container:'picker_pickerClassNames_item_container__k0t389m',item:'picker_pickerClassNames_item_item__k0t389n'}};\nexport var pickerContainers = {list:'picker_pickerContainers_list__k0t3890',item:'picker_pickerContainers_item__k0t3891'};\nexport var pickerItemColorVars = {background:'var(--background__k0t3899)',border:'var(--border__k0t389a)',color:'var(--color__k0t389b)'};\nexport var pickerItemStateVars = {selectionMode:'var(--selectionMode__k0t389c)',selectionBehavior:'var(--selectionBehavior__k0t389d)',isDisabled:'var(--isDisabled__k0t389e)',isFocused:'var(--isFocused__k0t389f)',isFocusVisible:'var(--isFocusVisible__k0t389g)',isHovered:'var(--isHovered__k0t389h)',isPressed:'var(--isPressed__k0t389i)',isSelected:'var(--isSelected__k0t389j)'};\nexport var pickerSpaceVars = {gap:'var(--gap__k0t3892)'};\nexport var pickerStateVars = {columns:'var(--columns__k0t3893)',layout:'var(--layout__k0t3894)',orientation:'var(--orientation__k0t3895)',isEmpty:'var(--isEmpty__k0t3896)',isFocused:'var(--isFocused__k0t3897)',isFocusVisible:'var(--isFocusVisible__k0t3898)'};"]}
+{"version":3,"sources":["../../../src/components/picker/picker.css.ts"],"names":[],"mappings":";;;AAAO,IAAI,gBAAA,GAAmB,EAAC,IAAA,EAAK,EAAC,WAAU,iDAAA,EAAkD,IAAA,EAAK,4CAAA,EAA4C,EAAE,MAAK,EAAC,SAAA,EAAU,iDAAA,EAAkD,IAAA,EAAK,8CAA4C;AAChQ,IAAI,gBAAA,GAAmB,EAAC,IAAA,EAAK,uCAAA,EAAwC,MAAK,uCAAA;AAC1E,IAAI,sBAAsB,EAAC,UAAA,EAAW,8BAA6B,MAAA,EAAO,wBAAA,EAAyB,OAAM,uBAAA;AACzG,IAAI,sBAAsB,EAAC,aAAA,EAAc,+BAAA,EAAgC,iBAAA,EAAkB,qCAAoC,UAAA,EAAW,4BAAA,EAA6B,SAAA,EAAU,2BAAA,EAA4B,gBAAe,gCAAA,EAAiC,SAAA,EAAU,6BAA4B,SAAA,EAAU,2BAAA,EAA4B,YAAW,4BAAA;AACpV,IAAI,eAAA,GAAkB,EAAC,GAAA,EAAI,qBAAA;AAC3B,IAAI,eAAA,GAAkB,EAAC,OAAA,EAAQ,yBAAA,EAA0B,MAAA,EAAO,wBAAA,EAAyB,WAAA,EAAY,6BAAA,EAA8B,OAAA,EAAQ,yBAAA,EAA0B,SAAA,EAAU,2BAAA,EAA4B,gBAAe,gCAAA","file":"picker.css.js","sourcesContent":["export var pickerClassNames = {list:{container:'picker_pickerClassNames_list_container__k0t389k',list:'picker_pickerClassNames_list_list__k0t389l'},item:{container:'picker_pickerClassNames_item_container__k0t389m',item:'picker_pickerClassNames_item_item__k0t389n'}};\nexport var pickerContainers = {list:'picker_pickerContainers_list__k0t3890',item:'picker_pickerContainers_item__k0t3891'};\nexport var pickerItemColorVars = {background:'var(--background__k0t3899)',border:'var(--border__k0t389a)',color:'var(--color__k0t389b)'};\nexport var pickerItemStateVars = {selectionMode:'var(--selectionMode__k0t389c)',selectionBehavior:'var(--selectionBehavior__k0t389d)',isDisabled:'var(--isDisabled__k0t389e)',isFocused:'var(--isFocused__k0t389f)',isFocusVisible:'var(--isFocusVisible__k0t389g)',isHovered:'var(--isHovered__k0t389h)',isPressed:'var(--isPressed__k0t389i)',isSelected:'var(--isSelected__k0t389j)'};\nexport var pickerSpaceVars = {gap:'var(--gap__k0t3892)'};\nexport var pickerStateVars = {columns:'var(--columns__k0t3893)',layout:'var(--layout__k0t3894)',orientation:'var(--orientation__k0t3895)',isEmpty:'var(--isEmpty__k0t3896)',isFocused:'var(--isFocused__k0t3897)',isFocusVisible:'var(--isFocusVisible__k0t3898)'};"]}

package/dist/components/picker/picker.stories.css.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/picker/picker.stories.css.ts"],"names":[],"mappings":";;;AAAO,IAAI,eAAkB,GAAA;AACtB,IAAI,WAAc,GAAA;AAClB,IAAI,cAAiB,GAAA","file":"picker.stories.css.js","sourcesContent":["export var colorPickerItem = 'picker.stories_colorPickerItem__129jwhc0';\nexport var colorSwatch = 'picker.stories_colorSwatch__129jwhc1';\nexport var iconPickerItem = 'picker.stories_iconPickerItem__129jwhc2';"]}
+{"version":3,"sources":["../../../src/components/picker/picker.stories.css.ts"],"names":[],"mappings":";;;AAAO,IAAI,eAAA,GAAkB;AACtB,IAAI,WAAA,GAAc;AAClB,IAAI,cAAA,GAAiB","file":"picker.stories.css.js","sourcesContent":["export var colorPickerItem = 'picker.stories_colorPickerItem__129jwhc0';\nexport var colorSwatch = 'picker.stories_colorSwatch__129jwhc1';\nexport var iconPickerItem = 'picker.stories_iconPickerItem__129jwhc2';"]}

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

@@ -1,9 +1,8 @@
-export { Popover, PopoverContext } from './popover.js';
-export { popoverClassNames, popoverColorVars, popoverSpaceVars, popoverStateVars } from './popover.css.js';
-export { PopoverClassNames, PopoverProps, PopoverState } from './types.js';
-import 'react';
-import 'react-aria-components';
-import '../../types/react-aria.js';
+import * as react from 'react';
+import * as react_aria_components from 'react-aria-components';
+import { ContextValue } from 'react-aria-components';
+import { RenderPropsChildren } from '../../types/react-aria.js';
+import { PopoverRenderProps, PopoverClassNames, PopoverMapping, PopoverProps } from './types.js';
 import '@react-stately/overlays';
 import 'type-fest';
 import '../../types/generic.js';
@@ -12,3 +11,12 @@ import '../button/types.js';
 import '../icon/types.js';
 import '../group/types.js';
 import '@react-types/shared';
+
+declare const PopoverContext: react.Context<ContextValue<PopoverProps, HTMLElement>>;
+declare const Popover: (props: Omit<react_aria_components.PopoverProps, "children" | "className" | "style"> & {
+    children?: RenderPropsChildren<PopoverRenderProps>;
+    classNames?: PopoverClassNames;
+    mapping?: Partial<PopoverMapping>;
+} & react.RefAttributes<HTMLElement>) => react.ReactElement | null;
+
+export { Popover, PopoverContext };