@cmdniels/uikit 1.4.6 → 1.4.7

package/out/components/select/Select.d.ts

@@ -1,3 +1,2 @@
 import { Select as SelectPrimitive } from "@base-ui/react/select";
-export declare const SelectRegistryContext: import("react").Context<Map<unknown, string> | null>;
-export default function Select({ children, ...props }: SelectPrimitive.Root.Props<unknown, boolean | undefined>): import("react/jsx-runtime").JSX.Element;
+export default function Select({ children, items, ...props }: SelectPrimitive.Root.Props<unknown, boolean | undefined>): import("react/jsx-runtime").JSX.Element;

package/out/components/select/Select.js

@@ -12,10 +12,30 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Select as SelectPrimitive } from "@base-ui/react/select";
-import { createContext, useRef } from "react";
-export const SelectRegistryContext = createContext(null);
+import { useMemo, Children, isValidElement } from "react";
+function extractItemsFromChildren(children, items) {
+    Children.forEach(children, (child) => {
+        if (isValidElement(child)) {
+            const props = child.props;
+            if (props.value !== undefined && props.children) {
+                items.push({ value: props.value, label: props.children });
+            }
+            if (props.children) {
+                extractItemsFromChildren(props.children, items);
+            }
+        }
+    });
+}
 export default function Select(_a) {
-    var { children } = _a, props = __rest(_a, ["children"]);
-    const registryRef = useRef(new Map());
-    return (_jsx(SelectRegistryContext.Provider, { value: registryRef.current, children: _jsx(SelectPrimitive.Root, Object.assign({}, props, { itemToStringLabel: (value) => { var _a; return (_a = registryRef.current.get(value)) !== null && _a !== void 0 ? _a : String(value); }, children: children })) }));
+    var { children, items } = _a, props = __rest(_a, ["children", "items"]);
+    const autoItems = useMemo(() => {
+        if (items) {
+            return items;
+        }
+        ;
+        const itemsArray = [];
+        extractItemsFromChildren(children, itemsArray);
+        return itemsArray;
+    }, [children, items]);
+    return (_jsx(SelectPrimitive.Root, Object.assign({}, props, { items: autoItems, children: children })));
 }

package/out/components/select/SelectItem.js

@@ -13,17 +13,8 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Select as SelectPrimitive } from "@base-ui/react/select";
 import { IconCheck } from "@tabler/icons-react";
-import { useContext, useEffect } from "react";
 import cn from "../../cn";
-import { SelectRegistryContext } from "./Select";
 export default function SelectItem(_a) {
     var { className, children, value } = _a, props = __rest(_a, ["className", "children", "value"]);
-    const registry = useContext(SelectRegistryContext);
-    useEffect(() => {
-        if (registry && value !== undefined) {
-            const label = typeof children === "string" ? children : String(children);
-            registry.set(value, label);
-        }
-    }, [registry, value, children]);
     return (_jsxs(SelectPrimitive.Item, Object.assign({ "data-slot": "select-item", className: cn("relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2", className), value: value }, props, { children: [_jsx(SelectPrimitive.ItemText, { className: "flex flex-1 shrink-0 gap-2 whitespace-nowrap", children: children }), _jsx(SelectPrimitive.ItemIndicator, { render: _jsx("span", { className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center" }), children: _jsx(IconCheck, { className: "pointer-events-none" }) })] })));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@cmdniels/uikit",
-	"version": "1.4.6",
+	"version": "1.4.7",
 	"private": false,
 	"license": "MIT",
 	"type": "module",