@cmdniels/uikit 1.4.5 → 1.4.7

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

@@ -1,3 +1,2 @@
 import { Select as SelectPrimitive } from "@base-ui/react/select";
-declare const Select: typeof SelectPrimitive.Root;
-export default Select;
+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

@@ -1,4 +1,41 @@
 "use client";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Select as SelectPrimitive } from "@base-ui/react/select";
-const Select = SelectPrimitive.Root;
-export default Select;
+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, 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.d.ts

@@ -1,2 +1,2 @@
 import { Select as SelectPrimitive } from "@base-ui/react/select";
-export default function SelectItem({ className, children, ...props }: SelectPrimitive.Item.Props): import("react/jsx-runtime").JSX.Element;
+export default function SelectItem({ className, children, value, ...props }: SelectPrimitive.Item.Props): import("react/jsx-runtime").JSX.Element;

package/out/components/select/SelectItem.js

@@ -15,6 +15,6 @@ import { Select as SelectPrimitive } from "@base-ui/react/select";
 import { IconCheck } from "@tabler/icons-react";
 import cn from "../../cn";
 export default function SelectItem(_a) {
-    var { className, children } = _a, props = __rest(_a, ["className", "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) }, 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" }) })] })));
+    var { className, children, value } = _a, props = __rest(_a, ["className", "children", "value"]);
+    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.5",
+	"version": "1.4.7",
 	"private": false,
 	"license": "MIT",
 	"type": "module",