@vritti/quantum-ui 0.2.9 → 0.2.10

package/dist/DropdownMenu.js

@@ -1,14 +1,14 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import * as React from 'react';
+import React__default from 'react';
 import { B as Button } from './Button.js';
-import { P as Primitive, a as composeEventHandlers, u as useControllableState, d as dispatchDiscreteCustomEvent, c as createSlot } from './index13.js';
-import { u as useComposedRefs, c as composeRefs } from './index5.js';
+import { a as createSlot, P as Primitive, c as composeEventHandlers, u as useControllableState, d as dispatchDiscreteCustomEvent } from './index13.js';
+import { u as useComposedRefs, c as composeRefs } from './index8.js';
 import { c as createContextScope } from './index12.js';
-import { c as createCollection, u as useDirection } from './index11.js';
-import { u as useId, c as createPopperScope, R as Root2$1, P as Portal$1, A as Anchor, h as hideOthers, a as useFocusGuards, b as ReactRemoveScroll, F as FocusScope, D as DismissableLayer, C as Content, d as Arrow } from './Combination.js';
-import { P as Presence } from './index4.js';
-import { u as useCallbackRef } from './index3.js';
-import { c as cn } from './utils.js';
+import { u as useId, c as createPopperScope, R as Root2$1, P as Portal$1, A as Anchor, h as hideOthers, b as useFocusGuards, a as ReactRemoveScroll, F as FocusScope, D as DismissableLayer, C as Content, d as Arrow } from './Combination.js';
+import { P as Presence } from './index7.js';
+import { u as useCallbackRef } from './index6.js';
+import { c as cn } from './utils2.js';
 import { C as Check } from './check.js';
 import { c as createLucideIcon } from './createLucideIcon.js';
 import { C as ChevronRight } from './chevron-right.js';
@@ -24,6 +24,76 @@ import { C as ChevronRight } from './chevron-right.js';
 const __iconNode = [["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]];
 const Circle = createLucideIcon("circle", __iconNode);
 
+function createCollection(name) {
+  const PROVIDER_NAME = name + "CollectionProvider";
+  const [createCollectionContext, createCollectionScope] = createContextScope(PROVIDER_NAME);
+  const [CollectionProviderImpl, useCollectionContext] = createCollectionContext(
+    PROVIDER_NAME,
+    { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
+  );
+  const CollectionProvider = (props) => {
+    const { scope, children } = props;
+    const ref = React__default.useRef(null);
+    const itemMap = React__default.useRef(/* @__PURE__ */ new Map()).current;
+    return /* @__PURE__ */ jsx(CollectionProviderImpl, { scope, itemMap, collectionRef: ref, children });
+  };
+  CollectionProvider.displayName = PROVIDER_NAME;
+  const COLLECTION_SLOT_NAME = name + "CollectionSlot";
+  const CollectionSlotImpl = createSlot(COLLECTION_SLOT_NAME);
+  const CollectionSlot = React__default.forwardRef(
+    (props, forwardedRef) => {
+      const { scope, children } = props;
+      const context = useCollectionContext(COLLECTION_SLOT_NAME, scope);
+      const composedRefs = useComposedRefs(forwardedRef, context.collectionRef);
+      return /* @__PURE__ */ jsx(CollectionSlotImpl, { ref: composedRefs, children });
+    }
+  );
+  CollectionSlot.displayName = COLLECTION_SLOT_NAME;
+  const ITEM_SLOT_NAME = name + "CollectionItemSlot";
+  const ITEM_DATA_ATTR = "data-radix-collection-item";
+  const CollectionItemSlotImpl = createSlot(ITEM_SLOT_NAME);
+  const CollectionItemSlot = React__default.forwardRef(
+    (props, forwardedRef) => {
+      const { scope, children, ...itemData } = props;
+      const ref = React__default.useRef(null);
+      const composedRefs = useComposedRefs(forwardedRef, ref);
+      const context = useCollectionContext(ITEM_SLOT_NAME, scope);
+      React__default.useEffect(() => {
+        context.itemMap.set(ref, { ref, ...itemData });
+        return () => void context.itemMap.delete(ref);
+      });
+      return /* @__PURE__ */ jsx(CollectionItemSlotImpl, { ...{ [ITEM_DATA_ATTR]: "" }, ref: composedRefs, children });
+    }
+  );
+  CollectionItemSlot.displayName = ITEM_SLOT_NAME;
+  function useCollection(scope) {
+    const context = useCollectionContext(name + "CollectionConsumer", scope);
+    const getItems = React__default.useCallback(() => {
+      const collectionNode = context.collectionRef.current;
+      if (!collectionNode) return [];
+      const orderedNodes = Array.from(collectionNode.querySelectorAll(`[${ITEM_DATA_ATTR}]`));
+      const items = Array.from(context.itemMap.values());
+      const orderedItems = items.sort(
+        (a, b) => orderedNodes.indexOf(a.ref.current) - orderedNodes.indexOf(b.ref.current)
+      );
+      return orderedItems;
+    }, [context.collectionRef, context.itemMap]);
+    return getItems;
+  }
+  return [
+    { Provider: CollectionProvider, Slot: CollectionSlot, ItemSlot: CollectionItemSlot },
+    useCollection,
+    createCollectionScope
+  ];
+}
+
+// packages/react/direction/src/direction.tsx
+var DirectionContext = React.createContext(void 0);
+function useDirection(localDir) {
+  const globalDir = React.useContext(DirectionContext);
+  return localDir || globalDir || "ltr";
+}
+
 var ENTRY_FOCUS = "rovingFocusGroup.onEntryFocus";
 var EVENT_OPTIONS = { bubbles: false, cancelable: true };
 var GROUP_NAME$2 = "RovingFocusGroup";