@luminescent/ui 0.10.0-2 → 0.10.0-4

package/lib/index.qwik.cjs

@@ -903,7 +903,7 @@ const Nav = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((p
       }
     }, null, [
       /* @__PURE__ */ qwik._jsxQ("div", null, {
-        class: "flex flex-1 gap-2 justify-start"
+        class: "flex items-center flex-1 gap-2 justify-start"
       }, /* @__PURE__ */ qwik._jsxC(qwik.Slot, {
         name: "start",
         [qwik._IMMUTABLE]: {
@@ -911,7 +911,7 @@ const Nav = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((p
         }
       }, 3, "8r_1"), 1, null),
       /* @__PURE__ */ qwik._jsxQ("div", null, {
-        class: "flex flex-1 gap-2 justify-center"
+        class: "flex items-center flex-1 gap-2 justify-center"
       }, /* @__PURE__ */ qwik._jsxC(qwik.Slot, {
         name: "center",
         [qwik._IMMUTABLE]: {
@@ -919,7 +919,7 @@ const Nav = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((p
         }
       }, 3, "8r_2"), 1, null),
       /* @__PURE__ */ qwik._jsxQ("div", null, {
-        class: "flex flex-1 gap-2 justify-end"
+        class: "flex items-center flex-1 gap-2 justify-end"
       }, [
         /* @__PURE__ */ qwik._jsxC(qwik.Slot, {
           name: "end",
@@ -1186,7 +1186,8 @@ const SelectInputRaw = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.in
     "values",
     "class",
     "display",
-    "color"
+    "color",
+    "size"
   ]);
   const store = qwik.useStore({
     opened: false
@@ -1235,7 +1236,9 @@ const SelectInputRaw = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.in
       get color() {
         return props.color;
       },
-      size: "sm",
+      get size() {
+        return props.size ?? "sm";
+      },
       get class() {
         return {
           "flex": true,
@@ -1288,7 +1291,9 @@ const SelectInputRaw = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.in
           props
         ], "p0.color"),
         onClick$: qwik._IMMUTABLE,
-        size: qwik._IMMUTABLE
+        size: qwik._fnSignal((p0) => p0.size ?? "sm", [
+          props
+        ], 'p0.size??"sm"')
       }
     }, 1, "cA_5"),
     /* @__PURE__ */ qwik._jsxQ("div", {
@@ -1309,7 +1314,8 @@ const SelectInputRaw = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.in
           const select = document.getElementById(props2.id);
           select.value = value2.value.toString();
           const name = document.getElementById(`lui-${props2.id}-name`);
-          name.textContent = value2.name;
+          if (name)
+            name.textContent = value2.name;
           select.dispatchEvent(new Event("change"));
         }, "SelectInputRaw_component_div_div_Button_onClick_mLa0FdeKCLw", [
           props,

package/lib/index.qwik.mjs

@@ -901,7 +901,7 @@ const Nav = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
       }
     }, null, [
       /* @__PURE__ */ _jsxQ("div", null, {
-        class: "flex flex-1 gap-2 justify-start"
+        class: "flex items-center flex-1 gap-2 justify-start"
       }, /* @__PURE__ */ _jsxC(Slot, {
         name: "start",
         [_IMMUTABLE]: {
@@ -909,7 +909,7 @@ const Nav = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
         }
       }, 3, "8r_1"), 1, null),
       /* @__PURE__ */ _jsxQ("div", null, {
-        class: "flex flex-1 gap-2 justify-center"
+        class: "flex items-center flex-1 gap-2 justify-center"
       }, /* @__PURE__ */ _jsxC(Slot, {
         name: "center",
         [_IMMUTABLE]: {
@@ -917,7 +917,7 @@ const Nav = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
         }
       }, 3, "8r_2"), 1, null),
       /* @__PURE__ */ _jsxQ("div", null, {
-        class: "flex flex-1 gap-2 justify-end"
+        class: "flex items-center flex-1 gap-2 justify-end"
       }, [
         /* @__PURE__ */ _jsxC(Slot, {
           name: "end",
@@ -1184,7 +1184,8 @@ const SelectInputRaw = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((
     "values",
     "class",
     "display",
-    "color"
+    "color",
+    "size"
   ]);
   const store = useStore({
     opened: false
@@ -1233,7 +1234,9 @@ const SelectInputRaw = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((
       get color() {
         return props.color;
       },
-      size: "sm",
+      get size() {
+        return props.size ?? "sm";
+      },
       get class() {
         return {
           "flex": true,
@@ -1286,7 +1289,9 @@ const SelectInputRaw = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((
           props
         ], "p0.color"),
         onClick$: _IMMUTABLE,
-        size: _IMMUTABLE
+        size: _fnSignal((p0) => p0.size ?? "sm", [
+          props
+        ], 'p0.size??"sm"')
       }
     }, 1, "cA_5"),
     /* @__PURE__ */ _jsxQ("div", {
@@ -1307,7 +1312,8 @@ const SelectInputRaw = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((
           const select = document.getElementById(props2.id);
           select.value = value2.value.toString();
           const name = document.getElementById(`lui-${props2.id}-name`);
-          name.textContent = value2.name;
+          if (name)
+            name.textContent = value2.name;
           select.dispatchEvent(new Event("change"));
         }, "SelectInputRaw_component_div_div_Button_onClick_mLa0FdeKCLw", [
           props,

package/lib-types/components/elements/SelectInput.d.ts

@@ -1,11 +1,12 @@
 import type { JSXChildren, PropsOf } from '@builder.io/qwik';
-import type { buttonColorClasses } from './Button';
-interface SelectInputProps extends Omit<PropsOf<'select'>, 'class'> {
+import type { buttonColorClasses, sizeClasses } from './Button';
+interface SelectInputProps extends Omit<PropsOf<'select'>, 'class' | 'size'> {
     class?: {
         [key: string]: boolean;
     };
     display?: JSXChildren;
     color?: keyof typeof buttonColorClasses;
+    size?: keyof typeof sizeClasses;
     id: string;
     values: {
         name: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@luminescent/ui",
-  "version": "0.10.0-2",
+  "version": "0.10.0-4",
   "description": "Luminescent UI library",
   "main": "./lib/index.qwik.mjs",
   "qwik": "./lib/index.qwik.mjs",