@bigbinary/neeto-atoms 1.0.7 → 1.0.8

package/dist/cjs/primitives/Select.js

@@ -2,28 +2,28 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var utils = require('../utils-CTr7wn5d.js');
-var check = require('../check-BQgcDXys.js');
 var chevronDown = require('../chevron-down-CPsWSS51.js');
 var chevronUp = require('../chevron-up-BpwpBnZU.js');
+var check = require('../check-BQgcDXys.js');
 var React = require('react');
 var ReactDOM = require('react-dom');
 var index$g = require('../index-EyWRfsCG.js');
-var index$8 = require('../index-COPkC3I5.js');
-var index$9 = require('../index-Ch55j1or.js');
+var index$3 = require('../index-COPkC3I5.js');
+var index$5 = require('../index-Ch55j1or.js');
 var index = require('../index-D-iDn9RI.js');
-var index$f = require('../index-CGUGhyIp.js');
-var index$1 = require('../index-9jC1advf.js');
-var index$d = require('../index-Bvu9MiFi.js');
-var index$c = require('../index-ChSOMM8b.js');
-var index$4 = require('../index-BwAq9ba8.js');
-var index$3 = require('../index-C9ICrOhM.js');
-var index$5 = require('../index-Df-Ffa3s.js');
-var index$7 = require('../index-DMbj7vXd.js');
-var index$e = require('../index-lWVw05cs.js');
-var index$2 = require('../index-CyrAgb4H.js');
-var index$6 = require('../index-CCdG4z4E.js');
-var index$a = require('../index-CF951Pw9.js');
-var index$b = require('../index-CB9xFokC.js');
+var index$7 = require('../index-CGUGhyIp.js');
+var index$8 = require('../index-9jC1advf.js');
+var index$f = require('../index-Bvu9MiFi.js');
+var index$e = require('../index-ChSOMM8b.js');
+var index$a = require('../index-BwAq9ba8.js');
+var index$1 = require('../index-C9ICrOhM.js');
+var index$b = require('../index-Df-Ffa3s.js');
+var index$2 = require('../index-DMbj7vXd.js');
+var index$6 = require('../index-lWVw05cs.js');
+var index$9 = require('../index-CyrAgb4H.js');
+var index$4 = require('../index-CCdG4z4E.js');
+var index$c = require('../index-CF951Pw9.js');
+var index$d = require('../index-CB9xFokC.js');
 require('../createLucideIcon-D0tRgV6l.js');
 require('../floating-ui.react-dom-B4Aw6O7R.js');
 require('../index-Bf0WsHta.js');
@@ -136,12 +136,12 @@ function getElementRef(element) {
 var OPEN_KEYS = [" ", "Enter", "ArrowUp", "ArrowDown"];
 var SELECTION_KEYS = [" ", "Enter"];
 var SELECT_NAME = "Select";
-var [Collection, useCollection, createCollectionScope] = index$9.createCollection(SELECT_NAME);
-var [createSelectContext] = index$f.createContextScope(SELECT_NAME, [
+var [Collection, useCollection, createCollectionScope] = index$5.createCollection(SELECT_NAME);
+var [createSelectContext] = index$7.createContextScope(SELECT_NAME, [
   createCollectionScope,
-  index$3.createPopperScope
+  index$1.createPopperScope
 ]);
-var usePopperScope = index$3.createPopperScope();
+var usePopperScope = index$1.createPopperScope();
 var [SelectProvider, useSelectContext] = createSelectContext(SELECT_NAME);
 var [SelectNativeOptionsProvider, useSelectNativeOptionsContext] = createSelectContext(SELECT_NAME);
 var Select$2 = (props) => {
@@ -165,14 +165,14 @@ var Select$2 = (props) => {
   const [trigger, setTrigger] = React__namespace.useState(null);
   const [valueNode, setValueNode] = React__namespace.useState(null);
   const [valueNodeHasChildren, setValueNodeHasChildren] = React__namespace.useState(false);
-  const direction = index$1.useDirection(dir);
-  const [open, setOpen] = index$2.useControllableState({
+  const direction = index$8.useDirection(dir);
+  const [open, setOpen] = index$9.useControllableState({
     prop: openProp,
     defaultProp: defaultOpen ?? false,
     onChange: onOpenChange,
     caller: SELECT_NAME
   });
-  const [value, setValue] = index$2.useControllableState({
+  const [value, setValue] = index$9.useControllableState({
     prop: valueProp,
     defaultProp: defaultValue,
     onChange: onValueChange,
@@ -182,7 +182,7 @@ var Select$2 = (props) => {
   const isFormControl = trigger ? form || !!trigger.closest("form") : true;
   const [nativeOptionsSet, setNativeOptionsSet] = React__namespace.useState(/* @__PURE__ */ new Set());
   const nativeSelectKey = Array.from(nativeOptionsSet).map((option) => option.props.value).join(";");
-  return /* @__PURE__ */ jsxRuntime.jsx(index$3.Root2, { ...popperScope, children: /* @__PURE__ */ jsxRuntime.jsxs(
+  return /* @__PURE__ */ jsxRuntime.jsx(index$1.Root2, { ...popperScope, children: /* @__PURE__ */ jsxRuntime.jsxs(
     SelectProvider,
     {
       required,
@@ -193,7 +193,7 @@ var Select$2 = (props) => {
       onValueNodeChange: setValueNode,
       valueNodeHasChildren,
       onValueNodeHasChildrenChange: setValueNodeHasChildren,
-      contentId: index$4.useId(),
+      contentId: index$a.useId(),
       value,
       onValueChange: setValue,
       open,
@@ -273,8 +273,8 @@ var SelectTrigger$2 = React__namespace.forwardRef(
         };
       }
     };
-    return /* @__PURE__ */ jsxRuntime.jsx(index$3.Anchor, { asChild: true, ...popperScope, children: /* @__PURE__ */ jsxRuntime.jsx(
-      index$7.Primitive.button,
+    return /* @__PURE__ */ jsxRuntime.jsx(index$1.Anchor, { asChild: true, ...popperScope, children: /* @__PURE__ */ jsxRuntime.jsx(
+      index$2.Primitive.button,
       {
         type: "button",
         role: "combobox",
@@ -289,13 +289,13 @@ var SelectTrigger$2 = React__namespace.forwardRef(
         "data-placeholder": shouldShowPlaceholder(context.value) ? "" : void 0,
         ...triggerProps,
         ref: composedRefs,
-        onClick: index$8.composeEventHandlers(triggerProps.onClick, (event) => {
+        onClick: index$3.composeEventHandlers(triggerProps.onClick, (event) => {
           event.currentTarget.focus();
           if (pointerTypeRef.current !== "mouse") {
             handleOpen(event);
           }
         }),
-        onPointerDown: index$8.composeEventHandlers(triggerProps.onPointerDown, (event) => {
+        onPointerDown: index$3.composeEventHandlers(triggerProps.onPointerDown, (event) => {
           pointerTypeRef.current = event.pointerType;
           const target = event.target;
           if (target.hasPointerCapture(event.pointerId)) {
@@ -306,7 +306,7 @@ var SelectTrigger$2 = React__namespace.forwardRef(
             event.preventDefault();
           }
         }),
-        onKeyDown: index$8.composeEventHandlers(triggerProps.onKeyDown, (event) => {
+        onKeyDown: index$3.composeEventHandlers(triggerProps.onKeyDown, (event) => {
           const isTypingAhead = searchRef.current !== "";
           const isModifierKey = event.ctrlKey || event.altKey || event.metaKey;
           if (!isModifierKey && event.key.length === 1) handleTypeaheadSearch(event.key);
@@ -329,11 +329,11 @@ var SelectValue$2 = React__namespace.forwardRef(
     const { onValueNodeHasChildrenChange } = context;
     const hasChildren = children !== void 0;
     const composedRefs = index.useComposedRefs(forwardedRef, context.onValueNodeChange);
-    index$6.useLayoutEffect2(() => {
+    index$4.useLayoutEffect2(() => {
       onValueNodeHasChildrenChange(hasChildren);
     }, [onValueNodeHasChildrenChange, hasChildren]);
     return /* @__PURE__ */ jsxRuntime.jsx(
-      index$7.Primitive.span,
+      index$2.Primitive.span,
       {
         ...valueProps,
         ref: composedRefs,
@@ -348,13 +348,13 @@ var ICON_NAME = "SelectIcon";
 var SelectIcon = React__namespace.forwardRef(
   (props, forwardedRef) => {
     const { __scopeSelect, children, ...iconProps } = props;
-    return /* @__PURE__ */ jsxRuntime.jsx(index$7.Primitive.span, { "aria-hidden": true, ...iconProps, ref: forwardedRef, children: children || "\u25BC" });
+    return /* @__PURE__ */ jsxRuntime.jsx(index$2.Primitive.span, { "aria-hidden": true, ...iconProps, ref: forwardedRef, children: children || "\u25BC" });
   }
 );
 SelectIcon.displayName = ICON_NAME;
 var PORTAL_NAME = "SelectPortal";
 var SelectPortal = (props) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(index$5.Portal, { asChild: true, ...props });
+  return /* @__PURE__ */ jsxRuntime.jsx(index$b.Portal, { asChild: true, ...props });
 };
 SelectPortal.displayName = PORTAL_NAME;
 var CONTENT_NAME = "SelectContent";
@@ -362,7 +362,7 @@ var SelectContent$2 = React__namespace.forwardRef(
   (props, forwardedRef) => {
     const context = useSelectContext(CONTENT_NAME, props.__scopeSelect);
     const [fragment, setFragment] = React__namespace.useState();
-    index$6.useLayoutEffect2(() => {
+    index$4.useLayoutEffect2(() => {
       setFragment(new DocumentFragment());
     }, []);
     if (!context.open) {
@@ -415,9 +415,9 @@ var SelectContentImpl = React__namespace.forwardRef(
     const [isPositioned, setIsPositioned] = React__namespace.useState(false);
     const firstValidItemFoundRef = React__namespace.useRef(false);
     React__namespace.useEffect(() => {
-      if (content) return index$c.hideOthers(content);
+      if (content) return index$e.hideOthers(content);
     }, [content]);
-    index$c.useFocusGuards();
+    index$e.useFocusGuards();
     const focusFirst = React__namespace.useCallback(
       (candidates) => {
         const [firstItem, ...restItems] = getItems().map((item) => item.ref.current);
@@ -542,20 +542,20 @@ var SelectContentImpl = React__namespace.forwardRef(
         position,
         isPositioned,
         searchRef,
-        children: /* @__PURE__ */ jsxRuntime.jsx(index$c.ReactRemoveScroll, { as: Slot, allowPinchZoom: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-          index$c.FocusScope,
+        children: /* @__PURE__ */ jsxRuntime.jsx(index$e.ReactRemoveScroll, { as: Slot, allowPinchZoom: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+          index$e.FocusScope,
           {
             asChild: true,
             trapped: context.open,
             onMountAutoFocus: (event) => {
               event.preventDefault();
             },
-            onUnmountAutoFocus: index$8.composeEventHandlers(onCloseAutoFocus, (event) => {
+            onUnmountAutoFocus: index$3.composeEventHandlers(onCloseAutoFocus, (event) => {
               context.trigger?.focus({ preventScroll: true });
               event.preventDefault();
             }),
             children: /* @__PURE__ */ jsxRuntime.jsx(
-              index$d.DismissableLayer,
+              index$f.DismissableLayer,
               {
                 asChild: true,
                 disableOutsidePointerEvents: true,
@@ -583,7 +583,7 @@ var SelectContentImpl = React__namespace.forwardRef(
                       outline: "none",
                       ...contentProps.style
                     },
-                    onKeyDown: index$8.composeEventHandlers(contentProps.onKeyDown, (event) => {
+                    onKeyDown: index$3.composeEventHandlers(contentProps.onKeyDown, (event) => {
                       const isModifierKey = event.ctrlKey || event.altKey || event.metaKey;
                       if (event.key === "Tab") event.preventDefault();
                       if (!isModifierKey && event.key.length === 1) handleTypeaheadSearch(event.key);
@@ -724,9 +724,9 @@ var SelectItemAlignedPosition = React__namespace.forwardRef((props, forwardedRef
     context.dir,
     onPlaced
   ]);
-  index$6.useLayoutEffect2(() => position(), [position]);
+  index$4.useLayoutEffect2(() => position(), [position]);
   const [contentZIndex, setContentZIndex] = React__namespace.useState();
-  index$6.useLayoutEffect2(() => {
+  index$4.useLayoutEffect2(() => {
     if (content) setContentZIndex(window.getComputedStyle(content).zIndex);
   }, [content]);
   const handleScrollButtonChange = React__namespace.useCallback(
@@ -757,7 +757,7 @@ var SelectItemAlignedPosition = React__namespace.forwardRef((props, forwardedRef
             zIndex: contentZIndex
           },
           children: /* @__PURE__ */ jsxRuntime.jsx(
-            index$7.Primitive.div,
+            index$2.Primitive.div,
             {
               ...popperProps,
               ref: composedRefs,
@@ -787,7 +787,7 @@ var SelectPopperPosition = React__namespace.forwardRef((props, forwardedRef) =>
   } = props;
   const popperScope = usePopperScope(__scopeSelect);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    index$3.Content,
+    index$1.Content,
     {
       ...popperScope,
       ...popperProps,
@@ -831,7 +831,7 @@ var SelectViewport = React__namespace.forwardRef(
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(Collection.Slot, { scope: __scopeSelect, children: /* @__PURE__ */ jsxRuntime.jsx(
-        index$7.Primitive.div,
+        index$2.Primitive.div,
         {
           "data-radix-select-viewport": "",
           role: "presentation",
@@ -850,7 +850,7 @@ var SelectViewport = React__namespace.forwardRef(
             overflow: "hidden auto",
             ...viewportProps.style
           },
-          onScroll: index$8.composeEventHandlers(viewportProps.onScroll, (event) => {
+          onScroll: index$3.composeEventHandlers(viewportProps.onScroll, (event) => {
             const viewport = event.currentTarget;
             const { contentWrapper, shouldExpandOnScrollRef } = viewportContext;
             if (shouldExpandOnScrollRef?.current && contentWrapper) {
@@ -885,8 +885,8 @@ var [SelectGroupContextProvider, useSelectGroupContext] = createSelectContext(GR
 var SelectGroup$2 = React__namespace.forwardRef(
   (props, forwardedRef) => {
     const { __scopeSelect, ...groupProps } = props;
-    const groupId = index$4.useId();
-    return /* @__PURE__ */ jsxRuntime.jsx(SelectGroupContextProvider, { scope: __scopeSelect, id: groupId, children: /* @__PURE__ */ jsxRuntime.jsx(index$7.Primitive.div, { role: "group", "aria-labelledby": groupId, ...groupProps, ref: forwardedRef }) });
+    const groupId = index$a.useId();
+    return /* @__PURE__ */ jsxRuntime.jsx(SelectGroupContextProvider, { scope: __scopeSelect, id: groupId, children: /* @__PURE__ */ jsxRuntime.jsx(index$2.Primitive.div, { role: "group", "aria-labelledby": groupId, ...groupProps, ref: forwardedRef }) });
   }
 );
 SelectGroup$2.displayName = GROUP_NAME;
@@ -895,7 +895,7 @@ var SelectLabel$2 = React__namespace.forwardRef(
   (props, forwardedRef) => {
     const { __scopeSelect, ...labelProps } = props;
     const groupContext = useSelectGroupContext(LABEL_NAME, __scopeSelect);
-    return /* @__PURE__ */ jsxRuntime.jsx(index$7.Primitive.div, { id: groupContext.id, ...labelProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsxRuntime.jsx(index$2.Primitive.div, { id: groupContext.id, ...labelProps, ref: forwardedRef });
   }
 );
 SelectLabel$2.displayName = LABEL_NAME;
@@ -919,7 +919,7 @@ var SelectItem$2 = React__namespace.forwardRef(
       forwardedRef,
       (node) => contentContext.itemRefCallback?.(node, value, disabled)
     );
-    const textId = index$4.useId();
+    const textId = index$a.useId();
     const pointerTypeRef = React__namespace.useRef("touch");
     const handleSelect = () => {
       if (!disabled) {
@@ -951,7 +951,7 @@ var SelectItem$2 = React__namespace.forwardRef(
             disabled,
             textValue,
             children: /* @__PURE__ */ jsxRuntime.jsx(
-              index$7.Primitive.div,
+              index$2.Primitive.div,
               {
                 role: "option",
                 "aria-labelledby": textId,
@@ -963,18 +963,18 @@ var SelectItem$2 = React__namespace.forwardRef(
                 tabIndex: disabled ? void 0 : -1,
                 ...itemProps,
                 ref: composedRefs,
-                onFocus: index$8.composeEventHandlers(itemProps.onFocus, () => setIsFocused(true)),
-                onBlur: index$8.composeEventHandlers(itemProps.onBlur, () => setIsFocused(false)),
-                onClick: index$8.composeEventHandlers(itemProps.onClick, () => {
+                onFocus: index$3.composeEventHandlers(itemProps.onFocus, () => setIsFocused(true)),
+                onBlur: index$3.composeEventHandlers(itemProps.onBlur, () => setIsFocused(false)),
+                onClick: index$3.composeEventHandlers(itemProps.onClick, () => {
                   if (pointerTypeRef.current !== "mouse") handleSelect();
                 }),
-                onPointerUp: index$8.composeEventHandlers(itemProps.onPointerUp, () => {
+                onPointerUp: index$3.composeEventHandlers(itemProps.onPointerUp, () => {
                   if (pointerTypeRef.current === "mouse") handleSelect();
                 }),
-                onPointerDown: index$8.composeEventHandlers(itemProps.onPointerDown, (event) => {
+                onPointerDown: index$3.composeEventHandlers(itemProps.onPointerDown, (event) => {
                   pointerTypeRef.current = event.pointerType;
                 }),
-                onPointerMove: index$8.composeEventHandlers(itemProps.onPointerMove, (event) => {
+                onPointerMove: index$3.composeEventHandlers(itemProps.onPointerMove, (event) => {
                   pointerTypeRef.current = event.pointerType;
                   if (disabled) {
                     contentContext.onItemLeave?.();
@@ -982,12 +982,12 @@ var SelectItem$2 = React__namespace.forwardRef(
                     event.currentTarget.focus({ preventScroll: true });
                   }
                 }),
-                onPointerLeave: index$8.composeEventHandlers(itemProps.onPointerLeave, (event) => {
+                onPointerLeave: index$3.composeEventHandlers(itemProps.onPointerLeave, (event) => {
                   if (event.currentTarget === document.activeElement) {
                     contentContext.onItemLeave?.();
                   }
                 }),
-                onKeyDown: index$8.composeEventHandlers(itemProps.onKeyDown, (event) => {
+                onKeyDown: index$3.composeEventHandlers(itemProps.onKeyDown, (event) => {
                   const isTypingAhead = contentContext.searchRef?.current !== "";
                   if (isTypingAhead && event.key === " ") return;
                   if (SELECTION_KEYS.includes(event.key)) handleSelect();
@@ -1023,12 +1023,12 @@ var SelectItemText = React__namespace.forwardRef(
       [itemContext.disabled, itemContext.value, textContent]
     );
     const { onNativeOptionAdd, onNativeOptionRemove } = nativeOptionsContext;
-    index$6.useLayoutEffect2(() => {
+    index$4.useLayoutEffect2(() => {
       onNativeOptionAdd(nativeOption);
       return () => onNativeOptionRemove(nativeOption);
     }, [onNativeOptionAdd, onNativeOptionRemove, nativeOption]);
     return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(index$7.Primitive.span, { id: itemContext.textId, ...itemTextProps, ref: composedRefs }),
+      /* @__PURE__ */ jsxRuntime.jsx(index$2.Primitive.span, { id: itemContext.textId, ...itemTextProps, ref: composedRefs }),
       itemContext.isSelected && context.valueNode && !context.valueNodeHasChildren ? ReactDOM__namespace.createPortal(itemTextProps.children, context.valueNode) : null
     ] });
   }
@@ -1039,7 +1039,7 @@ var SelectItemIndicator = React__namespace.forwardRef(
   (props, forwardedRef) => {
     const { __scopeSelect, ...itemIndicatorProps } = props;
     const itemContext = useSelectItemContext(ITEM_INDICATOR_NAME, __scopeSelect);
-    return itemContext.isSelected ? /* @__PURE__ */ jsxRuntime.jsx(index$7.Primitive.span, { "aria-hidden": true, ...itemIndicatorProps, ref: forwardedRef }) : null;
+    return itemContext.isSelected ? /* @__PURE__ */ jsxRuntime.jsx(index$2.Primitive.span, { "aria-hidden": true, ...itemIndicatorProps, ref: forwardedRef }) : null;
   }
 );
 SelectItemIndicator.displayName = ITEM_INDICATOR_NAME;
@@ -1049,7 +1049,7 @@ var SelectScrollUpButton$2 = React__namespace.forwardRef((props, forwardedRef) =
   const viewportContext = useSelectViewportContext(SCROLL_UP_BUTTON_NAME, props.__scopeSelect);
   const [canScrollUp, setCanScrollUp] = React__namespace.useState(false);
   const composedRefs = index.useComposedRefs(forwardedRef, viewportContext.onScrollButtonChange);
-  index$6.useLayoutEffect2(() => {
+  index$4.useLayoutEffect2(() => {
     if (contentContext.viewport && contentContext.isPositioned) {
       let handleScroll2 = function() {
         const canScrollUp2 = viewport.scrollTop > 0;
@@ -1082,7 +1082,7 @@ var SelectScrollDownButton$2 = React__namespace.forwardRef((props, forwardedRef)
   const viewportContext = useSelectViewportContext(SCROLL_DOWN_BUTTON_NAME, props.__scopeSelect);
   const [canScrollDown, setCanScrollDown] = React__namespace.useState(false);
   const composedRefs = index.useComposedRefs(forwardedRef, viewportContext.onScrollButtonChange);
-  index$6.useLayoutEffect2(() => {
+  index$4.useLayoutEffect2(() => {
     if (contentContext.viewport && contentContext.isPositioned) {
       let handleScroll2 = function() {
         const maxScroll = viewport.scrollHeight - viewport.clientHeight;
@@ -1124,29 +1124,29 @@ var SelectScrollButtonImpl = React__namespace.forwardRef((props, forwardedRef) =
   React__namespace.useEffect(() => {
     return () => clearAutoScrollTimer();
   }, [clearAutoScrollTimer]);
-  index$6.useLayoutEffect2(() => {
+  index$4.useLayoutEffect2(() => {
     const activeItem = getItems().find((item) => item.ref.current === document.activeElement);
     activeItem?.ref.current?.scrollIntoView({ block: "nearest" });
   }, [getItems]);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    index$7.Primitive.div,
+    index$2.Primitive.div,
     {
       "aria-hidden": true,
       ...scrollIndicatorProps,
       ref: forwardedRef,
       style: { flexShrink: 0, ...scrollIndicatorProps.style },
-      onPointerDown: index$8.composeEventHandlers(scrollIndicatorProps.onPointerDown, () => {
+      onPointerDown: index$3.composeEventHandlers(scrollIndicatorProps.onPointerDown, () => {
         if (autoScrollTimerRef.current === null) {
           autoScrollTimerRef.current = window.setInterval(onAutoScroll, 50);
         }
       }),
-      onPointerMove: index$8.composeEventHandlers(scrollIndicatorProps.onPointerMove, () => {
+      onPointerMove: index$3.composeEventHandlers(scrollIndicatorProps.onPointerMove, () => {
         contentContext.onItemLeave?.();
         if (autoScrollTimerRef.current === null) {
           autoScrollTimerRef.current = window.setInterval(onAutoScroll, 50);
         }
       }),
-      onPointerLeave: index$8.composeEventHandlers(scrollIndicatorProps.onPointerLeave, () => {
+      onPointerLeave: index$3.composeEventHandlers(scrollIndicatorProps.onPointerLeave, () => {
         clearAutoScrollTimer();
       })
     }
@@ -1156,7 +1156,7 @@ var SEPARATOR_NAME = "SelectSeparator";
 var SelectSeparator$2 = React__namespace.forwardRef(
   (props, forwardedRef) => {
     const { __scopeSelect, ...separatorProps } = props;
-    return /* @__PURE__ */ jsxRuntime.jsx(index$7.Primitive.div, { "aria-hidden": true, ...separatorProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsxRuntime.jsx(index$2.Primitive.div, { "aria-hidden": true, ...separatorProps, ref: forwardedRef });
   }
 );
 SelectSeparator$2.displayName = SEPARATOR_NAME;
@@ -1167,7 +1167,7 @@ var SelectArrow = React__namespace.forwardRef(
     const popperScope = usePopperScope(__scopeSelect);
     const context = useSelectContext(ARROW_NAME, __scopeSelect);
     const contentContext = useSelectContentContext(ARROW_NAME, __scopeSelect);
-    return context.open && contentContext.position === "popper" ? /* @__PURE__ */ jsxRuntime.jsx(index$3.Arrow, { ...popperScope, ...arrowProps, ref: forwardedRef }) : null;
+    return context.open && contentContext.position === "popper" ? /* @__PURE__ */ jsxRuntime.jsx(index$1.Arrow, { ...popperScope, ...arrowProps, ref: forwardedRef }) : null;
   }
 );
 SelectArrow.displayName = ARROW_NAME;
@@ -1176,7 +1176,7 @@ var SelectBubbleInput = React__namespace.forwardRef(
   ({ __scopeSelect, value, ...props }, forwardedRef) => {
     const ref = React__namespace.useRef(null);
     const composedRefs = index.useComposedRefs(forwardedRef, ref);
-    const prevValue = index$a.usePrevious(value);
+    const prevValue = index$c.usePrevious(value);
     React__namespace.useEffect(() => {
       const select = ref.current;
       if (!select) return;
@@ -1193,10 +1193,10 @@ var SelectBubbleInput = React__namespace.forwardRef(
       }
     }, [prevValue, value]);
     return /* @__PURE__ */ jsxRuntime.jsx(
-      index$7.Primitive.select,
+      index$2.Primitive.select,
       {
         ...props,
-        style: { ...index$b.VISUALLY_HIDDEN_STYLES, ...props.style },
+        style: { ...index$d.VISUALLY_HIDDEN_STYLES, ...props.style },
         ref: composedRefs,
         defaultValue: value
       }
@@ -1208,7 +1208,7 @@ function shouldShowPlaceholder(value) {
   return value === "" || value === void 0;
 }
 function useTypeaheadSearch(onSearchChange) {
-  const handleSearchChange = index$e.useCallbackRef(onSearchChange);
+  const handleSearchChange = index$6.useCallbackRef(onSearchChange);
   const searchRef = React__namespace.useRef("");
   const timerRef = React__namespace.useRef(0);
   const handleTypeaheadSearch = React__namespace.useCallback(

package/dist/cjs/primitives/Sheet.js

@@ -1,16 +1,16 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var sheet = require('../sheet-nHSYZxAA.js');
-require('../utils-CTr7wn5d.js');
-require('../button-B8XGl69v.js');
+var utils = require('../utils-CTr7wn5d.js');
+var button = require('../button-B8XGl69v.js');
+var sheet = require('../sheet-CkCrHmVA.js');
+var x = require('../x-Brw3FJst.js');
+var index = require('../index-BLGrl3PF.js');
 require('react');
 require('../index-BZhTddX0.js');
 require('../index-DuNgWCXZ.js');
 require('../index-D-iDn9RI.js');
-require('../x-Brw3FJst.js');
 require('../createLucideIcon-D0tRgV6l.js');
-require('../index-DAds6mf_.js');
 require('../index-COPkC3I5.js');
 require('../index-CGUGhyIp.js');
 require('../index-BwAq9ba8.js');
@@ -27,7 +27,11 @@ require('../index-DcCSSgb7.js');
 const Sheet = (props) => (jsxRuntime.jsx(sheet.Sheet, { ...props }));
 const SheetTrigger = (props) => jsxRuntime.jsx(sheet.SheetTrigger, { ...props });
 const SheetClose = (props) => (jsxRuntime.jsx(sheet.SheetClose, { ...props }));
-const SheetContent = (props) => jsxRuntime.jsx(sheet.SheetContent, { ...props });
+/**
+ * SheetContent composes Portal + Overlay + Radix Content directly so
+ * the hardcoded max-w-sm is removed and width is fully consumer-controlled.
+ */
+const SheetContent = ({ className, children, side = "right", showCloseButton = true, overlayClassName, ...props }) => (jsxRuntime.jsxs(index.Portal, { "data-slot": "sheet-portal", children: [jsxRuntime.jsx(index.Overlay, { "data-slot": "sheet-overlay", className: utils.cn("fixed inset-0 z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0", overlayClassName) }), jsxRuntime.jsxs(index.Content, { "data-slot": "sheet-content", "data-side": side, className: utils.cn("fixed z-50 flex flex-col gap-4 bg-popover bg-clip-padding text-sm text-popover-foreground shadow-lg transition duration-200 ease-in-out", "data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:border-t", "data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:h-full data-[side=left]:w-3/4 data-[side=left]:border-e data-[side=left]:sm:max-w-sm", "data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:h-full data-[side=right]:w-3/4 data-[side=right]:border-s data-[side=right]:sm:max-w-sm", "data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:border-b", "data-open:animate-in data-open:fade-in-0", "data-[side=bottom]:data-open:slide-in-from-bottom-10 data-[side=left]:data-open:slide-in-from-left-10 data-[side=right]:data-open:slide-in-from-right-10 data-[side=top]:data-open:slide-in-from-top-10", "data-closed:animate-out data-closed:fade-out-0", "data-[side=bottom]:data-closed:slide-out-to-bottom-10 data-[side=left]:data-closed:slide-out-to-left-10 data-[side=right]:data-closed:slide-out-to-right-10 data-[side=top]:data-closed:slide-out-to-top-10", className), ...props, children: [children, showCloseButton && (jsxRuntime.jsx(index.Close, { "data-slot": "sheet-close", asChild: true, children: jsxRuntime.jsxs(button.Button, { variant: "ghost", className: "absolute top-3 end-3", size: "icon-sm", children: [jsxRuntime.jsx(x.X, {}), jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })] }) }))] })] }));
 const SheetHeader = (props) => (jsxRuntime.jsx(sheet.SheetHeader, { ...props }));
 const SheetFooter = (props) => (jsxRuntime.jsx(sheet.SheetFooter, { ...props }));
 const SheetTitle = (props) => (jsxRuntime.jsx(sheet.SheetTitle, { ...props }));

package/dist/cjs/primitives/Sheet.js.map

@@ -1 +1 @@
-{"version":3,"file":"Sheet.js","sources":["../../../../src/primitives/Sheet.tsx"],"sourcesContent":["import type React from \"react\";\nimport {\n  Sheet as ShadcnSheet,\n  SheetTrigger as ShadcnSheetTrigger,\n  SheetClose as ShadcnSheetClose,\n  SheetContent as ShadcnSheetContent,\n  SheetHeader as ShadcnSheetHeader,\n  SheetFooter as ShadcnSheetFooter,\n  SheetTitle as ShadcnSheetTitle,\n  SheetDescription as ShadcnSheetDescription,\n} from \"src/shadcn/components/sheet\";\n\nconst Sheet = (props: React.ComponentProps<typeof ShadcnSheet>) => (\n  <ShadcnSheet {...props} />\n);\n\nconst SheetTrigger = (\n  props: React.ComponentProps<typeof ShadcnSheetTrigger>\n) => <ShadcnSheetTrigger {...props} />;\n\nconst SheetClose = (props: React.ComponentProps<typeof ShadcnSheetClose>) => (\n  <ShadcnSheetClose {...props} />\n);\n\nconst SheetContent = (\n  props: React.ComponentProps<typeof ShadcnSheetContent>\n) => <ShadcnSheetContent {...props} />;\n\nconst SheetHeader = (props: React.ComponentProps<typeof ShadcnSheetHeader>) => (\n  <ShadcnSheetHeader {...props} />\n);\n\nconst SheetFooter = (props: React.ComponentProps<typeof ShadcnSheetFooter>) => (\n  <ShadcnSheetFooter {...props} />\n);\n\nconst SheetTitle = (props: React.ComponentProps<typeof ShadcnSheetTitle>) => (\n  <ShadcnSheetTitle {...props} />\n);\n\nconst SheetDescription = (\n  props: React.ComponentProps<typeof ShadcnSheetDescription>\n) => <ShadcnSheetDescription {...props} />;\n\nexport {\n  Sheet,\n  SheetTrigger,\n  SheetClose,\n  SheetContent,\n  SheetHeader,\n  SheetFooter,\n  SheetTitle,\n  SheetDescription,\n};\n"],"names":["_jsx","ShadcnSheet","ShadcnSheetTrigger","ShadcnSheetClose","ShadcnSheetContent","ShadcnSheetHeader","ShadcnSheetFooter","ShadcnSheetTitle","ShadcnSheetDescription"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,MAAM,KAAK,GAAG,CAAC,KAA+C,MAC5DA,cAAA,CAACC,WAAW,EAAA,EAAA,GAAK,KAAK,EAAA,CAAI;AAG5B,MAAM,YAAY,GAAG,CACnB,KAAsD,KACnDD,cAAA,CAACE,kBAAkB,EAAA,EAAA,GAAK,KAAK,EAAA;AAElC,MAAM,UAAU,GAAG,CAAC,KAAoD,MACtEF,cAAA,CAACG,gBAAgB,EAAA,EAAA,GAAK,KAAK,EAAA,CAAI;AAGjC,MAAM,YAAY,GAAG,CACnB,KAAsD,KACnDH,cAAA,CAACI,kBAAkB,EAAA,EAAA,GAAK,KAAK,EAAA;AAElC,MAAM,WAAW,GAAG,CAAC,KAAqD,MACxEJ,cAAA,CAACK,iBAAiB,EAAA,EAAA,GAAK,KAAK,EAAA,CAAI;AAGlC,MAAM,WAAW,GAAG,CAAC,KAAqD,MACxEL,cAAA,CAACM,iBAAiB,EAAA,EAAA,GAAK,KAAK,EAAA,CAAI;AAGlC,MAAM,UAAU,GAAG,CAAC,KAAoD,MACtEN,cAAA,CAACO,gBAAgB,EAAA,EAAA,GAAK,KAAK,EAAA,CAAI;AAGjC,MAAM,gBAAgB,GAAG,CACvB,KAA0D,KACvDP,cAAA,CAACQ,sBAAsB,EAAA,EAAA,GAAK,KAAK,EAAA;;;;;;;;;;;"}
+{"version":3,"file":"Sheet.js","sources":["../../../../src/primitives/Sheet.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Dialog as SheetPrimitive } from \"radix-ui\";\nimport { XIcon } from \"lucide-react\";\nimport { cn } from \"src/shadcn/lib/utils\";\nimport { Button } from \"src/shadcn/components/button\";\n\nimport {\n  Sheet as ShadcnSheet,\n  SheetTrigger as ShadcnSheetTrigger,\n  SheetClose as ShadcnSheetClose,\n  SheetHeader as ShadcnSheetHeader,\n  SheetFooter as ShadcnSheetFooter,\n  SheetTitle as ShadcnSheetTitle,\n  SheetDescription as ShadcnSheetDescription,\n} from \"src/shadcn/components/sheet\";\n\nconst Sheet = (props: React.ComponentProps<typeof ShadcnSheet>) => (\n  <ShadcnSheet {...props} />\n);\n\nconst SheetTrigger = (\n  props: React.ComponentProps<typeof ShadcnSheetTrigger>\n) => <ShadcnSheetTrigger {...props} />;\n\nconst SheetClose = (props: React.ComponentProps<typeof ShadcnSheetClose>) => (\n  <ShadcnSheetClose {...props} />\n);\n\n/**\n * SheetContent composes Portal + Overlay + Radix Content directly so\n * the hardcoded max-w-sm is removed and width is fully consumer-controlled.\n */\nconst SheetContent = ({\n  className,\n  children,\n  side = \"right\",\n  showCloseButton = true,\n  overlayClassName,\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Content> & {\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n  showCloseButton?: boolean;\n  overlayClassName?: string;\n}) => (\n  <SheetPrimitive.Portal data-slot=\"sheet-portal\">\n    <SheetPrimitive.Overlay\n      data-slot=\"sheet-overlay\"\n      className={cn(\n        \"fixed inset-0 z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0\",\n        overlayClassName\n      )}\n    />\n    <SheetPrimitive.Content\n      data-slot=\"sheet-content\"\n      data-side={side}\n      className={cn(\n        \"fixed z-50 flex flex-col gap-4 bg-popover bg-clip-padding text-sm text-popover-foreground shadow-lg transition duration-200 ease-in-out\",\n        \"data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:border-t\",\n        \"data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:h-full data-[side=left]:w-3/4 data-[side=left]:border-e data-[side=left]:sm:max-w-sm\",\n        \"data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:h-full data-[side=right]:w-3/4 data-[side=right]:border-s data-[side=right]:sm:max-w-sm\",\n        \"data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:border-b\",\n        \"data-open:animate-in data-open:fade-in-0\",\n        \"data-[side=bottom]:data-open:slide-in-from-bottom-10 data-[side=left]:data-open:slide-in-from-left-10 data-[side=right]:data-open:slide-in-from-right-10 data-[side=top]:data-open:slide-in-from-top-10\",\n        \"data-closed:animate-out data-closed:fade-out-0\",\n        \"data-[side=bottom]:data-closed:slide-out-to-bottom-10 data-[side=left]:data-closed:slide-out-to-left-10 data-[side=right]:data-closed:slide-out-to-right-10 data-[side=top]:data-closed:slide-out-to-top-10\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n      {showCloseButton && (\n        <SheetPrimitive.Close data-slot=\"sheet-close\" asChild>\n          <Button\n            variant=\"ghost\"\n            className=\"absolute top-3 end-3\"\n            size=\"icon-sm\"\n          >\n            <XIcon />\n            <span className=\"sr-only\">Close</span>\n          </Button>\n        </SheetPrimitive.Close>\n      )}\n    </SheetPrimitive.Content>\n  </SheetPrimitive.Portal>\n);\n\nconst SheetHeader = (props: React.ComponentProps<typeof ShadcnSheetHeader>) => (\n  <ShadcnSheetHeader {...props} />\n);\n\nconst SheetFooter = (props: React.ComponentProps<typeof ShadcnSheetFooter>) => (\n  <ShadcnSheetFooter {...props} />\n);\n\nconst SheetTitle = (props: React.ComponentProps<typeof ShadcnSheetTitle>) => (\n  <ShadcnSheetTitle {...props} />\n);\n\nconst SheetDescription = (\n  props: React.ComponentProps<typeof ShadcnSheetDescription>\n) => <ShadcnSheetDescription {...props} />;\n\nexport {\n  Sheet,\n  SheetTrigger,\n  SheetClose,\n  SheetContent,\n  SheetHeader,\n  SheetFooter,\n  SheetTitle,\n  SheetDescription,\n};\n"],"names":["_jsx","ShadcnSheet","ShadcnSheetTrigger","ShadcnSheetClose","_jsxs","SheetPrimitive.Portal","SheetPrimitive.Overlay","cn","SheetPrimitive.Content","SheetPrimitive.Close","Button","XIcon","ShadcnSheetHeader","ShadcnSheetFooter","ShadcnSheetTitle","ShadcnSheetDescription"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,MAAM,KAAK,GAAG,CAAC,KAA+C,MAC5DA,cAAA,CAACC,WAAW,EAAA,EAAA,GAAK,KAAK,EAAA,CAAI;AAG5B,MAAM,YAAY,GAAG,CACnB,KAAsD,KACnDD,cAAA,CAACE,kBAAkB,EAAA,EAAA,GAAK,KAAK,EAAA;AAElC,MAAM,UAAU,GAAG,CAAC,KAAoD,MACtEF,cAAA,CAACG,gBAAgB,EAAA,EAAA,GAAK,KAAK,EAAA,CAAI;AAGjC;;;AAGG;AACH,MAAM,YAAY,GAAG,CAAC,EACpB,SAAS,EACT,QAAQ,EACR,IAAI,GAAG,OAAO,EACd,eAAe,GAAG,IAAI,EACtB,gBAAgB,EAChB,GAAG,KAAK,EAKT,MACCC,eAAA,CAACC,YAAqB,EAAA,EAAA,WAAA,EAAW,cAAc,EAAA,QAAA,EAAA,CAC7CL,cAAA,CAACM,aAAsB,EAAA,EAAA,WAAA,EACX,eAAe,EACzB,SAAS,EAAEC,QAAE,CACX,+KAA+K,EAC/K,gBAAgB,CACjB,EAAA,CACD,EACFH,eAAA,CAACI,aAAsB,EAAA,EAAA,WAAA,EACX,eAAe,EAAA,WAAA,EACd,IAAI,EACf,SAAS,EAAED,QAAE,CACX,yIAAyI,EACzI,gHAAgH,EAChH,0JAA0J,EAC1J,iKAAiK,EACjK,iGAAiG,EACjG,0CAA0C,EAC1C,yMAAyM,EACzM,gDAAgD,EAChD,6MAA6M,EAC7M,SAAS,CACV,EAAA,GACG,KAAK,EAAA,QAAA,EAAA,CAER,QAAQ,EACR,eAAe,KACdP,cAAA,CAACS,WAAoB,iBAAW,aAAa,EAAC,OAAO,EAAA,IAAA,EAAA,QAAA,EACnDL,eAAA,CAACM,aAAM,EAAA,EACL,OAAO,EAAC,OAAO,EACf,SAAS,EAAC,sBAAsB,EAChC,IAAI,EAAC,SAAS,EAAA,QAAA,EAAA,CAEdV,cAAA,CAACW,GAAK,EAAA,EAAA,CAAG,EACTX,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,SAAS,EAAA,QAAA,EAAA,OAAA,EAAA,CAAa,CAAA,EAAA,CAC/B,EAAA,CACY,CACxB,CAAA,EAAA,CACsB,CAAA,EAAA,CACH;AAG1B,MAAM,WAAW,GAAG,CAAC,KAAqD,MACxEA,cAAA,CAACY,iBAAiB,EAAA,EAAA,GAAK,KAAK,EAAA,CAAI;AAGlC,MAAM,WAAW,GAAG,CAAC,KAAqD,MACxEZ,cAAA,CAACa,iBAAiB,EAAA,EAAA,GAAK,KAAK,EAAA,CAAI;AAGlC,MAAM,UAAU,GAAG,CAAC,KAAoD,MACtEb,cAAA,CAACc,gBAAgB,EAAA,EAAA,GAAK,KAAK,EAAA,CAAI;AAGjC,MAAM,gBAAgB,GAAG,CACvB,KAA0D,KACvDd,cAAA,CAACe,sBAAsB,EAAA,EAAA,GAAK,KAAK,EAAA;;;;;;;;;;;"}

package/dist/cjs/primitives/Sidebar.js

@@ -8,16 +8,16 @@ var utils = require('../utils-CTr7wn5d.js');
 var button = require('../button-B8XGl69v.js');
 var input = require('../input-CgKPISj_.js');
 var separator = require('../separator-CPy2gyg1.js');
-var sheet = require('../sheet-nHSYZxAA.js');
+var sheet = require('../sheet-CkCrHmVA.js');
 var skeleton = require('../skeleton-DffZ8bV7.js');
-var tooltip = require('../tooltip-CRkOMh1b.js');
+var tooltip = require('../tooltip-C-568jEL.js');
 var createLucideIcon = require('../createLucideIcon-D0tRgV6l.js');
 var index = require('../index-DuNgWCXZ.js');
 require('../index-DMbj7vXd.js');
 require('react-dom');
 require('../index-D-iDn9RI.js');
 require('../x-Brw3FJst.js');
-require('../index-DAds6mf_.js');
+require('../index-BLGrl3PF.js');
 require('../index-COPkC3I5.js');
 require('../index-CGUGhyIp.js');
 require('../index-BwAq9ba8.js');