minusculas

dist/sigpro-ui.js

@@ -467,25 +467,21 @@
       window[s] = (t, r) => S(e, t, r);
     });
 
-  // components/Collapse.js
-  var exports_Collapse = {};
-  __export(exports_Collapse, {
-    Collapse: () => Collapse
-  });
-  var Collapse = (props, children) => {
-    children === undefined && (children = props, props = {});
-    return S("div", { ...props, class: `collapse ${props.class ?? ""}` }, children);
-  };
-
   // components/Accordion.js
   var Accordion = (props) => {
     const name = props.name || `accordion-${Math.random().toString(36).slice(2, 9)}`;
-    return S("div", { class: `space-y-2 ${props.class ?? ""}` }, props.items.map((item) => Collapse({
-      ...item,
-      name,
-      type: "radio",
-      class: item.class
-    }, item.children)));
+    if (props.items && Array.isArray(props.items)) {
+      return S("div", { class: `space-y-2 ${props.class ?? ""}` }, props.items.map((item) => S("div", { class: `collapse ${item.class ?? ""}` }, [
+        S("input", { type: "radio", name, checked: item.open }),
+        S("div", { class: "collapse-title text-xl font-medium" }, item.title),
+        S("div", { class: "collapse-content" }, item.children)
+      ])));
+    }
+    return S("div", { class: `collapse ${props.class ?? ""}` }, [
+      S("input", { type: "radio", name, checked: props.open }),
+      S("div", { class: "collapse-title text-xl font-medium" }, props.title),
+      S("div", { class: "collapse-content" }, props.children)
+    ]);
   };
 
   // components/Alert.js
@@ -511,7 +507,7 @@
     R(() => {
       const v2 = typeof props.value === "function" ? props.value() : props.value;
       return v2 || "";
-    }, (newVal) => query(newVal));
+    }, (newVal) => setTimeout(() => query(newVal), 0));
     R(() => {
       const q2 = String(query()).toLowerCase();
       const allItems = typeof props.items === "function" ? props.items() : props.items;
@@ -550,9 +546,9 @@
         S("input", {
           ...props,
           type: "text",
-          class: "grow",
-          value: query,
+          class: "input grow",
           placeholder: props.placeholder || "Buscar...",
+          value: query,
           onfocus: () => isOpen(true),
           onblur: () => setTimeout(() => isOpen(false), 150),
           onkeydown: handleKeyDown,
@@ -1157,9 +1153,16 @@
   // components/Input.js
   var exports_Input = {};
   __export(exports_Input, {
+    InputLabel: () => InputLabel,
     Input: () => Input
   });
   var Input = (props) => S("input", { ...props, class: `input ${props.class ?? ""}` });
+  var InputLabel = (props) => S("label", { class: `${props.float ? "floating-label" : "input"}` }, [
+    S("span", { class: props.float ? "" : "label opacity-50" }, props.label),
+    props.left ?? null,
+    S("input", { ...props, class: `${props.float ? "input" : ""} ${props.class ?? ""}` }),
+    props.right ?? null
+  ]);
 
   // components/Kdb.js
   var exports_Kdb = {};
@@ -1332,14 +1335,15 @@
   // components/Select.js
   var exports_Select = {};
   __export(exports_Select, {
-    Select: () => Select,
-    Options: () => Options
+    SelectLabel: () => SelectLabel,
+    SelectItems: () => SelectItems,
+    Select: () => Select
   });
   var Select = (props, children) => {
     children === undefined && (children = props, props = {});
     return S("select", { ...props, class: `select ${props.class ?? ""}` }, children);
   };
-  var Options = (props) => {
+  var SelectItems = (props) => {
     const placeholderOption = props.placeholder ? S("option", { disabled: props.placeholderDisabled ?? true, selected: true }, props.placeholder) : null;
     const dynamicOptions = K(() => [...typeof props.items === "function" ? props.items() : props.items || []], (item) => {
       const val2 = typeof item === "string" ? item : item.value;
@@ -1348,6 +1352,12 @@
     }, props.keyFn || ((item) => typeof item === "string" ? item : item.value));
     return placeholderOption ? [placeholderOption, dynamicOptions] : dynamicOptions;
   };
+  var SelectLabel = (props, children) => S("label", { class: `${props.float ? "floating-label" : "select"}` }, [
+    S("span", { class: props.float ? "" : "label opacity-50" }, props.label),
+    props.left ?? null,
+    S("select", { ...props, class: `${props.float ? "select" : ""} ${props.class ?? ""}` }, children),
+    props.right ?? null
+  ]);
 
   // components/Stack.js
   var exports_Stack = {};
@@ -1402,14 +1412,14 @@
   // components/Table.js
   var exports_Table = {};
   __export(exports_Table, {
-    Table: () => Table,
-    Rows: () => Rows
+    TableItems: () => TableItems,
+    Table: () => Table
   });
   var Table = (props, children) => {
     children === undefined && (children = props, props = {});
     return S("table", { ...props, class: `table ${props.class ?? ""}` }, children);
   };
-  var Rows = (props) => {
+  var TableItems = (props) => {
     const itemArray = typeof props.items === "function" ? props.items() : props.items || [];
     const thead = props.header !== false && props.columns?.some((col) => col.label) ? S("thead", {}, S("tr", {}, props.columns.map((col) => S("th", { class: col.class }, col.label)))) : null;
     const tbody = S("tbody", {}, [
@@ -1609,7 +1619,6 @@
     ...exports_Carousel,
     ...exports_Chat,
     ...exports_Checkbox,
-    ...exports_Collapse,
     ...exports_Colorpicker,
     ...exports_Datepicker,
     ...exports_Drawer,