@optiaxiom/react 0.5.2 → 0.5.4

package/dist/packages/react/src/combobox-label/ComboboxLabel.js

@@ -0,0 +1,12 @@
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { ListboxLabel } from '../listbox-label/ListboxLabel.js';
+
+const ComboboxLabel = forwardRef(
+  (props, ref) => {
+    return /* @__PURE__ */ jsx(ListboxLabel, { ref, ...props });
+  }
+);
+ComboboxLabel.displayName = "@optiaxiom/react/ComboboxLabel";
+
+export { ComboboxLabel };

package/dist/packages/react/src/combobox-listbox/ComboboxListbox.js

@@ -0,0 +1,10 @@
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { CommandListbox } from '../command-listbox/CommandListbox.js';
+
+const ComboboxListbox = forwardRef(
+  (props, ref) => /* @__PURE__ */ jsx(CommandListbox, { ref, ...props })
+);
+ComboboxListbox.displayName = "@optiaxiom/react/ComboboxListbox";
+
+export { ComboboxListbox };

package/dist/packages/react/src/combobox-radio-item/ComboboxRadioItem.js

@@ -0,0 +1,11 @@
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { ComboboxItem } from '../combobox-item/ComboboxItem.js';
+import { ListboxRadioItem } from '../listbox-radio-item/ListboxRadioItem.js';
+
+const ComboboxRadioItem = forwardRef(({ children, ...props }, ref) => {
+  return /* @__PURE__ */ jsx(ComboboxItem, { asChild: true, ref, ...props, children: /* @__PURE__ */ jsx(ListboxRadioItem, { children }) });
+});
+ComboboxRadioItem.displayName = "@optiaxiom/react/ComboboxRadioItem";
+
+export { ComboboxRadioItem };

package/dist/packages/react/src/combobox-scroll-area/ComboboxScrollArea.js

@@ -0,0 +1,10 @@
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { ListboxScrollArea } from '../listbox-scroll-area/ListboxScrollArea.js';
+
+const ComboboxScrollArea = forwardRef((props, ref) => {
+  return /* @__PURE__ */ jsx(ListboxScrollArea, { ref, ...props });
+});
+ComboboxScrollArea.displayName = "@optiaxiom/react/ComboboxScrollArea";
+
+export { ComboboxScrollArea };

package/dist/packages/react/src/combobox-separator/ComboboxSeparator.js

@@ -0,0 +1,10 @@
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { ListboxSeparator } from '../listbox-separator/ListboxSeparator.js';
+
+const ComboboxSeparator = forwardRef((props, ref) => {
+  return /* @__PURE__ */ jsx(ListboxSeparator, { ref, ...props });
+});
+ComboboxSeparator.displayName = "@optiaxiom/react/ComboboxSeparator";
+
+export { ComboboxSeparator };

package/dist/{src → packages/react/src}/combobox-value/ComboboxValue.js

@@ -19,7 +19,7 @@ const ComboboxValue = forwardRef(
     return /* @__PURE__ */ jsx(Flex, { flexDirection: "row", flexWrap: "wrap", gap: "2", ref, ...props, children: Array.isArray(value) && value.length > 0 ? children ?? /* @__PURE__ */ jsx(Fragment, { children: value.length > maxDisplayedItems ? /* @__PURE__ */ jsxs(Badge, { children: [
       value.length,
       " selected"
-    ] }) : value.slice(0, maxDisplayedItems).map((item) => /* @__PURE__ */ jsx(
+    ] }) : value.length === 1 ? itemToString(value[0]) : value.slice(0, maxDisplayedItems).map((item) => /* @__PURE__ */ jsx(
       Badge,
       {
         display: "inline-block",

package/dist/packages/react/src/command/Command.js

@@ -0,0 +1,93 @@
+import { jsx } from 'react/jsx-runtime';
+import { useControllableState } from '@radix-ui/react-use-controllable-state';
+import { useCombobox } from 'downshift';
+import { useMemo, useState } from 'react';
+import { CommandContextProvider } from '../command-context/CommandContext.js';
+import { usePortalPatch } from '../downshift/usePortalPatch.js';
+
+function Command({
+  children,
+  inputValue: inputValueProp,
+  isItemDisabled = () => false,
+  items,
+  itemToKey = (value) => value,
+  itemToString = (value) => value ? String(value) : "",
+  itemToSubItems,
+  onInputValueChange,
+  onItemSelect,
+  onOpenChange,
+  open,
+  value: valueProp,
+  ...props
+}) {
+  const value = useMemo(
+    () => Array.isArray(valueProp) ? new Set(valueProp) : valueProp,
+    [valueProp]
+  );
+  const [inputValue, setInputValue] = useControllableState({
+    defaultProp: "",
+    onChange: onInputValueChange,
+    prop: inputValueProp
+  });
+  const [lastInteractionSource, setLastInteractionSource] = useState("keyboard");
+  const [highlightedIndex, setHighlightedIndex] = usePortalPatch(open);
+  const [highlightedSubIndex, setHighlightedSubIndex] = useState(-1);
+  const downshift = useCombobox({
+    ...props,
+    highlightedIndex,
+    inputValue,
+    isItemDisabled,
+    isOpen: open,
+    items,
+    itemToKey,
+    itemToString,
+    onHighlightedIndexChange({ highlightedIndex: highlightedIndex2, type }) {
+      setHighlightedIndex(highlightedIndex2);
+      if (type === useCombobox.stateChangeTypes.InputKeyDownArrowDown || type === useCombobox.stateChangeTypes.InputKeyDownArrowUp) {
+        setLastInteractionSource("keyboard");
+      } else {
+        setLastInteractionSource("pointer");
+      }
+      if (highlightedIndex2 !== -1 && itemToSubItems?.(items[highlightedIndex2])?.length) {
+        setHighlightedSubIndex(0);
+      } else {
+        setHighlightedSubIndex(-1);
+      }
+    },
+    onIsOpenChange({ isOpen }) {
+      onOpenChange?.(isOpen);
+    },
+    onSelectedItemChange({ selectedItem, type }) {
+      if (type !== useCombobox.stateChangeTypes.InputBlur) {
+        onItemSelect?.(selectedItem);
+      }
+    }
+  });
+  downshift.getMenuProps({}, { suppressRefError: true });
+  return /* @__PURE__ */ jsx(
+    CommandContextProvider,
+    {
+      downshift,
+      highlightedItem: items[downshift.highlightedIndex],
+      highlightedSubIndex,
+      isItemDisabled,
+      items,
+      itemToSubItems,
+      lastInteractionSource,
+      setHighlightedIndex: (index, source) => {
+        setHighlightedIndex(index);
+        setLastInteractionSource(source);
+      },
+      setHighlightedSubIndex: (index, source) => {
+        setHighlightedSubIndex(index);
+        setLastInteractionSource(source);
+      },
+      setInputValue,
+      value,
+      children
+    }
+  );
+}
+Command.displayName = "@optiaxiom/react/Command";
+
+export { Command };

package/dist/packages/react/src/command-focusable-item/CommandFocusableItem-css.js

@@ -0,0 +1,7 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CAta_a7S.css';
+import './../../../../assets/src/command-focusable-item/CommandFocusableItem.css.ts.vanilla-CpuCBp6W.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var item = recipeRuntime({base:'_14tqnrg'});
+
+export { item };

package/dist/packages/react/src/command-focusable-item/CommandFocusableItem.js

@@ -0,0 +1,22 @@
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { Box } from '../box/Box.js';
+import { useCommandContext } from '../command-context/CommandContext.js';
+import { item } from './CommandFocusableItem-css.js';
+
+const CommandFocusableItem = forwardRef(({ children, className, ...props }, ref) => {
+  const { lastInteractionSource } = useCommandContext("CommandFocusableItem");
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      "data-focus-visible": lastInteractionSource === "keyboard" ? "" : void 0,
+      ref,
+      ...item({}, className),
+      ...props,
+      children
+    }
+  );
+});
+CommandFocusableItem.displayName = "@optiaxiom/react/CommandFocusableItem";
+
+export { CommandFocusableItem };

package/dist/packages/react/src/command-input/CommandInput.js

@@ -0,0 +1,68 @@
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { useCommandContext } from '../command-context/CommandContext.js';
+import { IconMagnifyingGlass } from '../icons/IconMagnifyingGlass.js';
+import { Input } from '../input/Input.js';
+import { extractSprinkles } from '../sprinkles/extractSprinkles.js';
+import '../sprinkles/sprinkles.js';
+import '../sprinkles/sprinklesMerge.js';
+
+const CommandInput = forwardRef(
+  ({ onKeyDown, ...props }, ref) => {
+    const { restProps, sprinkleProps } = extractSprinkles(props);
+    const {
+      downshift,
+      highlightedItem,
+      highlightedSubIndex,
+      itemToSubItems,
+      setHighlightedSubIndex,
+      setInputValue
+    } = useCommandContext("CommandInput");
+    return /* @__PURE__ */ jsx(
+      Input,
+      {
+        addonBefore: /* @__PURE__ */ jsx(IconMagnifyingGlass, {}),
+        ...sprinkleProps,
+        ...downshift.getInputProps({
+          ...restProps,
+          onChange: (event) => {
+            setInputValue("value" in event.target ? event.target.value : "");
+          },
+          onKeyDown: (event) => {
+            onKeyDown?.(event);
+            if (event.defaultPrevented) {
+              return;
+            }
+            if (highlightedItem && highlightedSubIndex !== -1 && (event.key === "ArrowLeft" || event.key === "ArrowRight" || event.key === "Enter")) {
+              const subItems = itemToSubItems?.(highlightedItem) ?? [];
+              if (subItems.length === 0) {
+                return;
+              }
+              event.preventDefault();
+              Object.assign(event.nativeEvent, {
+                preventDownshiftDefault: true
+              });
+              if (event.key === "ArrowRight") {
+                setHighlightedSubIndex(
+                  highlightedSubIndex === subItems.length - 1 ? 0 : highlightedSubIndex + 1,
+                  "keyboard"
+                );
+              } else if (event.key === "ArrowLeft") {
+                setHighlightedSubIndex(
+                  highlightedSubIndex === 0 ? subItems.length - 1 : highlightedSubIndex - 1,
+                  "keyboard"
+                );
+              } else if (event.key === "Enter") {
+                downshift.selectItem(subItems[highlightedSubIndex]);
+              }
+            }
+          },
+          ref
+        })
+      }
+    );
+  }
+);
+CommandInput.displayName = "@optiaxiom/react/CommandInput";
+
+export { CommandInput };

package/dist/packages/react/src/command-item/CommandItem.js

@@ -0,0 +1,34 @@
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { useCommandContext } from '../command-context/CommandContext.js';
+import { CommandFocusableItem } from '../command-focusable-item/CommandFocusableItem.js';
+import { extractSprinkles } from '../sprinkles/extractSprinkles.js';
+import '../sprinkles/sprinkles.js';
+import '../sprinkles/sprinklesMerge.js';
+
+const CommandItem = forwardRef(
+  ({ active, children, item, ...props }, ref) => {
+    const { restProps, sprinkleProps } = extractSprinkles(props);
+    const { downshift, highlightedItem, value } = useCommandContext("CommandItem");
+    const itemProps = downshift.getItemProps({
+      "aria-selected": active ?? value?.has(item),
+      item,
+      ...restProps
+    });
+    return /* @__PURE__ */ jsx(
+      CommandFocusableItem,
+      {
+        "data-disabled": itemProps["aria-disabled"] ? "" : void 0,
+        "data-highlighted": highlightedItem === item ? "" : void 0,
+        ref,
+        tabIndex: -1,
+        ...sprinkleProps,
+        ...itemProps,
+        children
+      }
+    );
+  }
+);
+CommandItem.displayName = "@optiaxiom/react/CommandItem";
+
+export { CommandItem };

package/dist/packages/react/src/command-listbox/CommandListbox.js

@@ -0,0 +1,25 @@
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { useCommandContext } from '../command-context/CommandContext.js';
+import { Listbox } from '../listbox/Listbox.js';
+import { extractSprinkles } from '../sprinkles/extractSprinkles.js';
+import '../sprinkles/sprinkles.js';
+import '../sprinkles/sprinklesMerge.js';
+
+const CommandListbox = forwardRef(
+  ({ children, ...props }, ref) => {
+    const { restProps, sprinkleProps } = extractSprinkles(props);
+    const { downshift } = useCommandContext("CommandList");
+    return /* @__PURE__ */ jsx(
+      Listbox,
+      {
+        ...sprinkleProps,
+        ...downshift.getMenuProps({ ref, ...restProps }),
+        children
+      }
+    );
+  }
+);
+CommandListbox.displayName = "@optiaxiom/react/CommandListbox";
+
+export { CommandListbox };

package/dist/packages/react/src/command-sub/CommandSub.js

@@ -0,0 +1,13 @@
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { Box } from '../box/Box.js';
+import { CommandSubContextProvider } from '../command-sub-context/CommandSubContext.js';
+
+const CommandSub = forwardRef(
+  ({ children, item, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(CommandSubContextProvider, { item, children: /* @__PURE__ */ jsx(Box, { ref, role: "group", ...props, children }) });
+  }
+);
+CommandSub.displayName = "@optiaxiom/react/CommandSub";
+
+export { CommandSub };

package/dist/packages/react/src/command-sub-context/CommandSubContext.js

@@ -0,0 +1,5 @@
+import { createContext } from '@radix-ui/react-context';
+
+const [CommandSubContextProvider, useCommandSubContext] = createContext("CommandSub");
+
+export { CommandSubContextProvider, useCommandSubContext };

package/dist/packages/react/src/command-sub-item/CommandSubItem.js

@@ -0,0 +1,72 @@
+import { jsx } from 'react/jsx-runtime';
+import { useComposedRefs } from '@radix-ui/react-compose-refs';
+import { forwardRef, useRef, useEffect } from 'react';
+import { useCommandContext } from '../command-context/CommandContext.js';
+import { CommandFocusableItem } from '../command-focusable-item/CommandFocusableItem.js';
+import { useCommandSubContext } from '../command-sub-context/CommandSubContext.js';
+
+const CommandSubItem = forwardRef(
+  ({ active, children, item, onClick, onMouseDown, onMouseMove, ...props }, outerRef) => {
+    const {
+      downshift,
+      highlightedItem,
+      highlightedSubIndex,
+      isItemDisabled,
+      items,
+      itemToSubItems,
+      setHighlightedIndex,
+      setHighlightedSubIndex,
+      value
+    } = useCommandContext("CommandSubItem");
+    const { item: parentItem } = useCommandSubContext("CommandSubItem");
+    const subItems = itemToSubItems?.(parentItem) ?? [];
+    const highlightedSubItem = highlightedItem === parentItem && highlightedSubIndex !== -1 ? subItems[highlightedSubIndex] : null;
+    const subIndex = subItems.indexOf(item);
+    const disabled = isItemDisabled(item, subIndex);
+    const highlighted = highlightedSubItem === item;
+    const selected = active ?? value?.has(item);
+    const innerRef = useRef(null);
+    const ref = useComposedRefs(innerRef, outerRef);
+    useEffect(() => {
+      if (innerRef.current && selected) {
+        innerRef.current.scrollIntoView({ block: "nearest" });
+      }
+    }, [selected]);
+    return /* @__PURE__ */ jsx(
+      CommandFocusableItem,
+      {
+        "aria-disabled": disabled,
+        "aria-selected": selected,
+        "data-disabled": disabled ? "" : void 0,
+        "data-highlighted": highlighted ? "" : void 0,
+        onClick: (event) => {
+          onClick?.(event);
+          if (event.defaultPrevented) {
+            return;
+          }
+          event.preventDefault();
+          downshift.selectItem(item);
+        },
+        onMouseDown: (event) => {
+          onMouseDown?.(event);
+          event.preventDefault();
+        },
+        onMouseMove: (event) => {
+          onMouseMove?.(event);
+          if (event.defaultPrevented) {
+            return;
+          }
+          setHighlightedIndex(items.indexOf(parentItem), "pointer");
+          setHighlightedSubIndex(subIndex, "pointer");
+        },
+        ref,
+        role: "option",
+        ...props,
+        children
+      }
+    );
+  }
+);
+CommandSubItem.displayName = "@optiaxiom/react/CommandSubItem";
+
+export { CommandSubItem };

package/dist/packages/react/src/command-toggle-button/CommandToggleButton.js

@@ -0,0 +1,16 @@
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { Box } from '../box/Box.js';
+import { useCommandContext } from '../command-context/CommandContext.js';
+import { extractSprinkles } from '../sprinkles/extractSprinkles.js';
+import '../sprinkles/sprinkles.js';
+import '../sprinkles/sprinklesMerge.js';
+
+const CommandToggleButton = forwardRef(({ children, ...props }, ref) => {
+  const { restProps, sprinkleProps } = extractSprinkles(props);
+  const { downshift } = useCommandContext("CommandToggleButton");
+  return /* @__PURE__ */ jsx(Box, { asChild: true, ...sprinkleProps, children: /* @__PURE__ */ jsx("button", { ref, ...downshift.getToggleButtonProps(restProps), children }) });
+});
+CommandToggleButton.displayName = "@optiaxiom/react/CommandToggleButton";
+
+export { CommandToggleButton };

package/dist/packages/react/src/data-table/DataTable-css.js

@@ -0,0 +1,11 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CAta_a7S.css';
+import './../../../../assets/src/data-table/DataTable.css.ts.vanilla-QI0lU8Bk.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var cellOffsetVar = 'var(--_38sj75)';
+var columnWidthVar = 'var(--_4wlxgj)';
+var tableCell = recipeRuntime({base:[{bg:'bg.default'},'qpyb32'],variants:{pinned:{false:{},left:'lpljk4',right:{}}}});
+var tableHead = recipeRuntime({base:[{bg:'bg.default'},'_1wz5qvd'],variants:{pinned:{false:{},left:'mdjbti',right:{}}}});
+var tableHeader = recipeRuntime({base:[{bg:'bg.default'},'_14r5vty']});
+
+export { cellOffsetVar, columnWidthVar, tableCell, tableHead, tableHeader };

package/dist/packages/react/src/data-table-header/DataTableHeader-css.js

@@ -0,0 +1,8 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CAta_a7S.css';
+import './../../../../assets/src/data-table-header/DataTableHeader.css.ts.vanilla-DjLzKIFm.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var header = recipeRuntime({base:[{gap:'4'},'_13sbvsu'],variants:{sortable:{false:'gza7zx',true:'kdfb9n'},variant:{number:{flexDirection:'row-reverse',justifyContent:'end'},text:{flexDirection:'row'}}}});
+var icon = recipeRuntime({base:[{border:'0',color:'fg.tertiary'}],variants:{sorted:{false:'vlnmuv',true:{}}}});
+
+export { header, icon };

package/dist/{src → packages/react/src}/dialog-body/DialogBody-css.js

@@ -1,4 +1,4 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-BTXaVuIh.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CAta_a7S.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var body = recipeRuntime({base:[{flex:'1',fontSize:'md',overflow:'auto',pb:'md',pt:'lg',px:'lg'}]});

package/dist/packages/react/src/dialog-content/DialogContent-css.js

@@ -0,0 +1,8 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CAta_a7S.css';
+import './../../../../assets/src/dialog-content/DialogContent.css.ts.vanilla-ByR8ohpq.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var close = recipeRuntime({base:[{rounded:'full'},'_1242v3q']});
+var content = recipeRuntime({base:[{display:'flex',flexDirection:'column'},'_67xset'],variants:{size:{sm:'_1srdjui',md:'_10i23sv',lg:'zk3rg2',fullscreen:'_1pefspo'}}});
+
+export { close, content };

package/dist/{src → packages/react/src}/dialog-content/DialogContent.js

@@ -2,12 +2,13 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import * as RadixDialog from '@radix-ui/react-dialog';
 import { forwardRef } from 'react';
 import { AnimatePresence } from '../animate-presence/AnimatePresence.js';
-import { Box } from '../box/Box.js';
+import { Backdrop } from '../backdrop/Backdrop.js';
 import { Button } from '../button/Button.js';
 import { useDialogContext } from '../dialog-context/DialogContext.js';
 import { IconX } from '../icons/IconX.js';
+import { Paper } from '../paper/Paper.js';
 import { Transition } from '../transition/Transition.js';
-import { overlay, content, close } from './DialogContent-css.js';
+import { content, close } from './DialogContent-css.js';
 
 const DialogContent = forwardRef(
   ({
@@ -20,22 +21,31 @@ const DialogContent = forwardRef(
   }, ref) => {
     const { open } = useDialogContext("DialogContent");
     return /* @__PURE__ */ jsx(AnimatePresence, { children: open && /* @__PURE__ */ jsxs(RadixDialog.Portal, { forceMount: true, children: [
-      /* @__PURE__ */ jsx(Transition, { children: /* @__PURE__ */ jsx(Box, { asChild: true, ...overlay(), children: /* @__PURE__ */ jsx(RadixDialog.Overlay, {}) }) }),
-      /* @__PURE__ */ jsx(Transition, { "data-side": "bottom", type: transitionType, children: /* @__PURE__ */ jsx(Box, { asChild: true, ...content({ size }, className), ...props, children: /* @__PURE__ */ jsxs(RadixDialog.Content, { ref, children: [
-        children,
-        withCloseButton && /* @__PURE__ */ jsx(
-          Button,
-          {
-            appearance: "subtle",
-            "aria-label": "Close",
-            asChild: true,
-            icon: /* @__PURE__ */ jsx(IconX, {}),
-            size: "sm",
-            ...close(),
-            children: /* @__PURE__ */ jsx(RadixDialog.Close, {})
-          }
-        )
-      ] }) }) })
+      /* @__PURE__ */ jsx(Transition, { children: /* @__PURE__ */ jsx(Backdrop, { asChild: true, children: /* @__PURE__ */ jsx(RadixDialog.Overlay, {}) }) }),
+      /* @__PURE__ */ jsx(Transition, { "data-side": "bottom", type: transitionType, children: /* @__PURE__ */ jsx(
+        Paper,
+        {
+          asChild: true,
+          elevation: size === "fullscreen" ? "drawer" : "dialog",
+          ...content({ size }, className),
+          ...props,
+          children: /* @__PURE__ */ jsxs(RadixDialog.Content, { ref, children: [
+            children,
+            withCloseButton && /* @__PURE__ */ jsx(
+              Button,
+              {
+                appearance: "subtle",
+                "aria-label": "Close",
+                asChild: true,
+                icon: /* @__PURE__ */ jsx(IconX, {}),
+                size: "sm",
+                ...close(),
+                children: /* @__PURE__ */ jsx(RadixDialog.Close, {})
+              }
+            )
+          ] })
+        }
+      ) })
     ] }) });
   }
 );

package/dist/{src → packages/react/src}/dialog-footer/DialogFooter-css.js

@@ -1,4 +1,4 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-BTXaVuIh.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CAta_a7S.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var footer = recipeRuntime({base:[{borderColor:'border.secondary',borderT:'1',flexDirection:'row',gap:'md',justifyContent:'end',px:'lg',py:'20'}]});

package/dist/packages/react/src/disclosure-content/DisclosureContent-css.js

@@ -0,0 +1,7 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CAta_a7S.css';
+import './../../../../assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-CcpLpMtT.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var content = recipeRuntime({base:[{overflow:'hidden'},'_17aemfm']});
+
+export { content };

package/dist/{src → packages/react/src}/disclosure-trigger/DisclosureTrigger-css.js

@@ -1,8 +1,8 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-BTXaVuIh.css';
-import './../../assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-C5ErHkok.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CAta_a7S.css';
+import './../../../../assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-iRiBgS10.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon = recipeRuntime({base:[{transition:'transform'}],variants:{chevronPosition:{end:'_11lbsen',start:'kapfz0'}}});
-var trigger = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',fontWeight:'500',gap:'4',p:'xs',px:'4',rounded:'md',textAlign:'start',w:'full'},'_1dd26hv']});
+var icon = recipeRuntime({base:[{transition:'transform'}],variants:{chevronPosition:{end:'z60xtg',start:'c2tinv'}}});
+var trigger = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',fontWeight:'500',gap:'4',p:'xs',px:'4',rounded:'md',textAlign:'start',w:'full'},'yigzc6']});
 
 export { icon, trigger };

package/dist/packages/react/src/downshift/usePortalPatch.js

@@ -0,0 +1,10 @@
+import { useDelayedState } from './useDelayedState.js';
+import { useForceRerender } from './useForceRerender.js';
+
+function usePortalPatch(open) {
+  const [highlightedIndex, setHighlightedIndex] = useDelayedState(-1, open);
+  useForceRerender(open);
+  return [highlightedIndex, setHighlightedIndex];
+}
+
+export { usePortalPatch };

package/dist/packages/react/src/drawer/Drawer-css.js

@@ -0,0 +1,8 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CAta_a7S.css';
+import './../../../../assets/src/drawer/Drawer.css.ts.vanilla-CoYdN1OA.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var close = recipeRuntime({base:[{rounded:'full'},'_1wkxpof']});
+var content = recipeRuntime({base:[{display:'flex',flexDirection:'column'},'ecwciy'],variants:{position:{bottom:[{borderT:'1'},'_1yx17gb'],left:[{borderR:'1',h:'full',maxW:['full','lg'],w:['full','3/4']},'vis9bk'],right:[{borderL:'1',h:'full',maxW:['full','lg'],w:['full','3/4']},'s7c81q']}}});
+
+export { close, content };