@luminescent/ui 0.8.2 → 0.10.0-0

package/lib/index.qwik.cjs

@@ -12,17 +12,18 @@ const buttonColorClasses = {
   blue: "bg-blue-600/90 border-blue-500 hover:bg-blue-500 active:bg-blue-400 focus:border-blue-400",
   purple: "bg-purple-600/90 border-purple-500 hover:bg-purple-500 active:bg-purple-400 focus:border-purple-400",
   pink: "bg-pink-600/90 border-pink-500 hover:bg-pink-500 active:bg-pink-400 focus:border-pink-400",
-  gray: "bg-gray-700/90 border-gray-600 hover:bg-gray-600 active:bg-gray-500 focus:border-gray-500",
-  darkgray: "bg-gray-800/90 border-gray-700 hover:bg-gray-700 active:bg-gray-600 focus:border-gray-600",
   red: "bg-red-700/90 border-red-600 hover:bg-red-600 active:bg-red-500 focus:border-red-500",
   green: "bg-green-700/90 border-green-600 hover:bg-green-600 active:bg-green-500 focus:border-green-500",
-  yellow: "bg-yellow-700/90 border-yellow-600 hover:bg-yellow-600 active:bg-yellow-500 focus:border-yellow-500"
+  yellow: "bg-yellow-700/90 border-yellow-600 hover:bg-yellow-600 active:bg-yellow-500 focus:border-yellow-500",
+  gray: "bg-gray-700/90 border-gray-600 hover:bg-gray-600 active:bg-gray-500 focus:border-gray-500",
+  darkgray: "bg-gray-800/90 border-gray-700 hover:bg-gray-700 active:bg-gray-600 focus:border-gray-600",
+  transparent: "bg-transparent border-transparent hover:bg-gray-700/10 active:bg-gray-700/20 focus:border-gray-700/20"
 };
 const sizeClasses = {
-  sm: "text-sm px-2 py-1 rounded-md gap-2 active:px-1",
+  sm: "text-base px-2.5 py-1.5 rounded-md gap-2",
   md: "text-base px-4 py-2 rounded-md gap-3",
-  lg: "text-base px-6 py-3 rounded-lg gap-3",
-  xl: "text-base px-8 py-4 rounded-xl gap-4"
+  lg: "text-lg px-6 py-3 rounded-lg gap-3",
+  xl: "text-lg px-8 py-4 rounded-xl gap-4"
 };
 const buttonClass = "relative flex items-center gap-3 transition ease-in-out border text-gray-50 fill-gray-50 disabled:opacity-50 hover:shadow-lg active:scale-95 whitespace-nowrap";
 const Button = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
@@ -264,7 +265,7 @@ const Card = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((
     }
   }, null, 0, "OW_3");
 }, "Card_component_DlkkcTEVka4"));
-const InputClasses = "transition ease-in-out text-lg border border-gray-700 bg-gray-800 text-gray-50 hover:bg-gray-700 hover:shadow-lg focus:bg-gray-700 focus:outline-none focus:border-gray-400 rounded-md px-3 py-2";
+const InputClasses = "transition ease-in-out border border-gray-700 bg-gray-800 text-gray-50 hover:bg-gray-700 hover:shadow-lg focus:bg-gray-700 focus:outline-none focus:border-gray-400 rounded-md px-2.5 py-1.5";
 const TextInput = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
   return /* @__PURE__ */ qwik._jsxQ("div", null, {
     class: "flex flex-col"
@@ -448,9 +449,9 @@ const ColorInput = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inline
         backgroundColor: `${props.value ?? "#000000"}`,
         color: getBrightness(hexNumberToRgb(hexStringToNumber(props.value ?? "#000000"))) > 0.5 ? "black" : "white"
       } : (props.preview ?? "left") == "left" ? {
-        borderLeft: `40px solid ${props.value ?? "#000000"}`
+        borderLeft: `35px solid ${props.value ?? "#000000"}`
       } : (props.preview ?? "left") == "right" ? {
-        borderRight: `40px solid ${props.value ?? "#000000"}`
+        borderRight: `35px solid ${props.value ?? "#000000"}`
       } : (props.preview ?? "left") == "top" ? {
         borderTop: `10px solid ${props.value ?? "#000000"}`
       } : (props.preview ?? "left") == "bottom" ? {
@@ -502,10 +503,10 @@ const ColorInput = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inline
             el.style.color = getBrightness(hexNumberToRgb(hexStringToNumber(color))) > 0.5 ? "black" : "white";
             break;
           case "left":
-            el.style.borderLeft = `40px solid ${color}`;
+            el.style.borderLeft = `35px solid ${color}`;
             break;
           case "right":
-            el.style.borderRight = `40px solid ${color}`;
+            el.style.borderRight = `35px solid ${color}`;
             break;
           case "top":
             el.style.borderTop = `10px solid ${color}`;
@@ -837,6 +838,48 @@ const Header = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl
     ], 1, "dL_5");
   return Component;
 }, "Header_component_FfGOhhBNG5k"));
+const NavContainer = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
+  return /* @__PURE__ */ qwik._jsxQ("nav", null, {
+    class: qwik._fnSignal((p0) => ({
+      "transition-all duration-200 flex flex-col fixed top-0 left-0 w-full z-50": true,
+      "bg-gray-800/50 backdrop-blur-lg drop-shadow-xl": !p0.floating
+    }), [
+      props
+    ], '{"transition-all duration-200 flex flex-col fixed top-0 left-0 w-full z-50":true,"bg-gray-800/50 backdrop-blur-lg drop-shadow-xl":!p0.floating}')
+  }, /* @__PURE__ */ qwik._jsxQ("div", null, {
+    class: qwik._fnSignal((p0) => ({
+      "flex justify-evenly w-full mx-auto px-4 py-2 max-w-7xl": true,
+      "bg-gray-800/50 backdrop-blur-lg drop-shadow-xl mt-3 rounded-lg": p0.floating
+    }), [
+      props
+    ], '{"flex justify-evenly w-full mx-auto px-4 py-2 max-w-7xl":true,"bg-gray-800/50 backdrop-blur-lg drop-shadow-xl mt-3 rounded-lg":p0.floating}')
+  }, [
+    /* @__PURE__ */ qwik._jsxQ("div", null, {
+      class: "flex flex-1 justify-start"
+    }, /* @__PURE__ */ qwik._jsxC(qwik.Slot, {
+      name: "start",
+      [qwik._IMMUTABLE]: {
+        name: qwik._IMMUTABLE
+      }
+    }, 3, "8r_0"), 1, null),
+    /* @__PURE__ */ qwik._jsxQ("div", null, {
+      class: "flex flex-1 justify-center"
+    }, /* @__PURE__ */ qwik._jsxC(qwik.Slot, {
+      name: "center",
+      [qwik._IMMUTABLE]: {
+        name: qwik._IMMUTABLE
+      }
+    }, 3, "8r_1"), 1, null),
+    /* @__PURE__ */ qwik._jsxQ("div", null, {
+      class: "flex flex-1 justify-end"
+    }, /* @__PURE__ */ qwik._jsxC(qwik.Slot, {
+      name: "end",
+      [qwik._IMMUTABLE]: {
+        name: qwik._IMMUTABLE
+      }
+    }, 3, "8r_2"), 1, null)
+  ], 1, null), 1, "8r_3");
+}, "NavContainer_component_0cvQrwegQjA"));
 const Plus = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
   return /* @__PURE__ */ qwik._jsxS("svg", {
     ...props,
@@ -918,6 +961,7 @@ const NumberInputRaw = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.in
     ], '{"flex text-gray-50":true,"gap-2":!p0.input}')
   }, [
     /* @__PURE__ */ qwik._jsxC(Button, {
+      size: "sm",
       get color() {
         return props.input ? "gray" : "darkgray";
       },
@@ -955,7 +999,8 @@ const NumberInputRaw = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.in
         color: qwik._fnSignal((p0) => p0.input ? "gray" : "darkgray", [
           props
         ], 'p0.input?"gray":"darkgray"'),
-        "data-action": qwik._IMMUTABLE
+        "data-action": qwik._IMMUTABLE,
+        size: qwik._IMMUTABLE
       }
     }, 0, "gk_4"),
     props.input && /* @__PURE__ */ qwik._jsxS("input", {
@@ -975,6 +1020,7 @@ const NumberInputRaw = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.in
       ], "p0.value??0")
     }, 0, "gk_5"),
     /* @__PURE__ */ qwik._jsxC(Button, {
+      size: "sm",
       get color() {
         return props.input ? "gray" : "darkgray";
       },
@@ -1012,7 +1058,8 @@ const NumberInputRaw = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.in
         color: qwik._fnSignal((p0) => p0.input ? "gray" : "darkgray", [
           props
         ], 'p0.input?"gray":"darkgray"'),
-        "data-action": qwik._IMMUTABLE
+        "data-action": qwik._IMMUTABLE,
+        size: qwik._IMMUTABLE
       }
     }, 0, "gk_7")
   ], 1, "gk_8");
@@ -1101,6 +1148,7 @@ const SelectInputRaw = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.in
       ], "p0.id")
     }, 0, null),
     /* @__PURE__ */ qwik._jsxC(Button, {
+      size: "sm",
       get class() {
         return {
           "flex focus:bg-gray-700": true,
@@ -1146,7 +1194,8 @@ const SelectInputRaw = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.in
         }), [
           props
         ], '{"flex focus:bg-gray-700":true,...p0.class}'),
-        onClick$: qwik._IMMUTABLE
+        onClick$: qwik._IMMUTABLE,
+        size: qwik._IMMUTABLE
       }
     }, 1, "cA_4"),
     /* @__PURE__ */ qwik._jsxQ("div", {
@@ -1276,7 +1325,7 @@ const Toggle = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl
     props.label && /* @__PURE__ */ qwik._jsxQ("label", {
       for: qwik._wrapSignal(props1, "id")
     }, {
-      class: "text-gray-300"
+      class: "text-gray-300 flex gap-2"
     }, qwik._fnSignal((p0) => p0.label, [
       props
     ], "p0.label"), 3, "yu_0")
@@ -1737,6 +1786,7 @@ exports.LogoPterodactyl = LogoPterodactyl;
 exports.LogoPurpur = LogoPurpur;
 exports.LogoVelocity = LogoVelocity;
 exports.LogoWaterfall = LogoWaterfall;
+exports.NavContainer = NavContainer;
 exports.NumberInput = NumberInput;
 exports.NumberInputRaw = NumberInputRaw;
 exports.SelectInput = SelectInput;

package/lib/index.qwik.mjs

@@ -10,17 +10,18 @@ const buttonColorClasses = {
   blue: "bg-blue-600/90 border-blue-500 hover:bg-blue-500 active:bg-blue-400 focus:border-blue-400",
   purple: "bg-purple-600/90 border-purple-500 hover:bg-purple-500 active:bg-purple-400 focus:border-purple-400",
   pink: "bg-pink-600/90 border-pink-500 hover:bg-pink-500 active:bg-pink-400 focus:border-pink-400",
-  gray: "bg-gray-700/90 border-gray-600 hover:bg-gray-600 active:bg-gray-500 focus:border-gray-500",
-  darkgray: "bg-gray-800/90 border-gray-700 hover:bg-gray-700 active:bg-gray-600 focus:border-gray-600",
   red: "bg-red-700/90 border-red-600 hover:bg-red-600 active:bg-red-500 focus:border-red-500",
   green: "bg-green-700/90 border-green-600 hover:bg-green-600 active:bg-green-500 focus:border-green-500",
-  yellow: "bg-yellow-700/90 border-yellow-600 hover:bg-yellow-600 active:bg-yellow-500 focus:border-yellow-500"
+  yellow: "bg-yellow-700/90 border-yellow-600 hover:bg-yellow-600 active:bg-yellow-500 focus:border-yellow-500",
+  gray: "bg-gray-700/90 border-gray-600 hover:bg-gray-600 active:bg-gray-500 focus:border-gray-500",
+  darkgray: "bg-gray-800/90 border-gray-700 hover:bg-gray-700 active:bg-gray-600 focus:border-gray-600",
+  transparent: "bg-transparent border-transparent hover:bg-gray-700/10 active:bg-gray-700/20 focus:border-gray-700/20"
 };
 const sizeClasses = {
-  sm: "text-sm px-2 py-1 rounded-md gap-2 active:px-1",
+  sm: "text-base px-2.5 py-1.5 rounded-md gap-2",
   md: "text-base px-4 py-2 rounded-md gap-3",
-  lg: "text-base px-6 py-3 rounded-lg gap-3",
-  xl: "text-base px-8 py-4 rounded-xl gap-4"
+  lg: "text-lg px-6 py-3 rounded-lg gap-3",
+  xl: "text-lg px-8 py-4 rounded-xl gap-4"
 };
 const buttonClass = "relative flex items-center gap-3 transition ease-in-out border text-gray-50 fill-gray-50 disabled:opacity-50 hover:shadow-lg active:scale-95 whitespace-nowrap";
 const Button = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
@@ -262,7 +263,7 @@ const Card = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
     }
   }, null, 0, "OW_3");
 }, "Card_component_DlkkcTEVka4"));
-const InputClasses = "transition ease-in-out text-lg border border-gray-700 bg-gray-800 text-gray-50 hover:bg-gray-700 hover:shadow-lg focus:bg-gray-700 focus:outline-none focus:border-gray-400 rounded-md px-3 py-2";
+const InputClasses = "transition ease-in-out border border-gray-700 bg-gray-800 text-gray-50 hover:bg-gray-700 hover:shadow-lg focus:bg-gray-700 focus:outline-none focus:border-gray-400 rounded-md px-2.5 py-1.5";
 const TextInput = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
   return /* @__PURE__ */ _jsxQ("div", null, {
     class: "flex flex-col"
@@ -446,9 +447,9 @@ const ColorInput = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((prop
         backgroundColor: `${props.value ?? "#000000"}`,
         color: getBrightness(hexNumberToRgb(hexStringToNumber(props.value ?? "#000000"))) > 0.5 ? "black" : "white"
       } : (props.preview ?? "left") == "left" ? {
-        borderLeft: `40px solid ${props.value ?? "#000000"}`
+        borderLeft: `35px solid ${props.value ?? "#000000"}`
       } : (props.preview ?? "left") == "right" ? {
-        borderRight: `40px solid ${props.value ?? "#000000"}`
+        borderRight: `35px solid ${props.value ?? "#000000"}`
       } : (props.preview ?? "left") == "top" ? {
         borderTop: `10px solid ${props.value ?? "#000000"}`
       } : (props.preview ?? "left") == "bottom" ? {
@@ -500,10 +501,10 @@ const ColorInput = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((prop
             el.style.color = getBrightness(hexNumberToRgb(hexStringToNumber(color))) > 0.5 ? "black" : "white";
             break;
           case "left":
-            el.style.borderLeft = `40px solid ${color}`;
+            el.style.borderLeft = `35px solid ${color}`;
             break;
           case "right":
-            el.style.borderRight = `40px solid ${color}`;
+            el.style.borderRight = `35px solid ${color}`;
             break;
           case "top":
             el.style.borderTop = `10px solid ${color}`;
@@ -835,6 +836,48 @@ const Header = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =
     ], 1, "dL_5");
   return Component;
 }, "Header_component_FfGOhhBNG5k"));
+const NavContainer = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
+  return /* @__PURE__ */ _jsxQ("nav", null, {
+    class: _fnSignal((p0) => ({
+      "transition-all duration-200 flex flex-col fixed top-0 left-0 w-full z-50": true,
+      "bg-gray-800/50 backdrop-blur-lg drop-shadow-xl": !p0.floating
+    }), [
+      props
+    ], '{"transition-all duration-200 flex flex-col fixed top-0 left-0 w-full z-50":true,"bg-gray-800/50 backdrop-blur-lg drop-shadow-xl":!p0.floating}')
+  }, /* @__PURE__ */ _jsxQ("div", null, {
+    class: _fnSignal((p0) => ({
+      "flex justify-evenly w-full mx-auto px-4 py-2 max-w-7xl": true,
+      "bg-gray-800/50 backdrop-blur-lg drop-shadow-xl mt-3 rounded-lg": p0.floating
+    }), [
+      props
+    ], '{"flex justify-evenly w-full mx-auto px-4 py-2 max-w-7xl":true,"bg-gray-800/50 backdrop-blur-lg drop-shadow-xl mt-3 rounded-lg":p0.floating}')
+  }, [
+    /* @__PURE__ */ _jsxQ("div", null, {
+      class: "flex flex-1 justify-start"
+    }, /* @__PURE__ */ _jsxC(Slot, {
+      name: "start",
+      [_IMMUTABLE]: {
+        name: _IMMUTABLE
+      }
+    }, 3, "8r_0"), 1, null),
+    /* @__PURE__ */ _jsxQ("div", null, {
+      class: "flex flex-1 justify-center"
+    }, /* @__PURE__ */ _jsxC(Slot, {
+      name: "center",
+      [_IMMUTABLE]: {
+        name: _IMMUTABLE
+      }
+    }, 3, "8r_1"), 1, null),
+    /* @__PURE__ */ _jsxQ("div", null, {
+      class: "flex flex-1 justify-end"
+    }, /* @__PURE__ */ _jsxC(Slot, {
+      name: "end",
+      [_IMMUTABLE]: {
+        name: _IMMUTABLE
+      }
+    }, 3, "8r_2"), 1, null)
+  ], 1, null), 1, "8r_3");
+}, "NavContainer_component_0cvQrwegQjA"));
 const Plus = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
   return /* @__PURE__ */ _jsxS("svg", {
     ...props,
@@ -916,6 +959,7 @@ const NumberInputRaw = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((
     ], '{"flex text-gray-50":true,"gap-2":!p0.input}')
   }, [
     /* @__PURE__ */ _jsxC(Button, {
+      size: "sm",
       get color() {
         return props.input ? "gray" : "darkgray";
       },
@@ -953,7 +997,8 @@ const NumberInputRaw = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((
         color: _fnSignal((p0) => p0.input ? "gray" : "darkgray", [
           props
         ], 'p0.input?"gray":"darkgray"'),
-        "data-action": _IMMUTABLE
+        "data-action": _IMMUTABLE,
+        size: _IMMUTABLE
       }
     }, 0, "gk_4"),
     props.input && /* @__PURE__ */ _jsxS("input", {
@@ -973,6 +1018,7 @@ const NumberInputRaw = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((
       ], "p0.value??0")
     }, 0, "gk_5"),
     /* @__PURE__ */ _jsxC(Button, {
+      size: "sm",
       get color() {
         return props.input ? "gray" : "darkgray";
       },
@@ -1010,7 +1056,8 @@ const NumberInputRaw = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((
         color: _fnSignal((p0) => p0.input ? "gray" : "darkgray", [
           props
         ], 'p0.input?"gray":"darkgray"'),
-        "data-action": _IMMUTABLE
+        "data-action": _IMMUTABLE,
+        size: _IMMUTABLE
       }
     }, 0, "gk_7")
   ], 1, "gk_8");
@@ -1099,6 +1146,7 @@ const SelectInputRaw = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((
       ], "p0.id")
     }, 0, null),
     /* @__PURE__ */ _jsxC(Button, {
+      size: "sm",
       get class() {
         return {
           "flex focus:bg-gray-700": true,
@@ -1144,7 +1192,8 @@ const SelectInputRaw = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((
         }), [
           props
         ], '{"flex focus:bg-gray-700":true,...p0.class}'),
-        onClick$: _IMMUTABLE
+        onClick$: _IMMUTABLE,
+        size: _IMMUTABLE
       }
     }, 1, "cA_4"),
     /* @__PURE__ */ _jsxQ("div", {
@@ -1274,7 +1323,7 @@ const Toggle = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =
     props.label && /* @__PURE__ */ _jsxQ("label", {
       for: _wrapSignal(props1, "id")
     }, {
-      class: "text-gray-300"
+      class: "text-gray-300 flex gap-2"
     }, _fnSignal((p0) => p0.label, [
       props
     ], "p0.label"), 3, "yu_0")
@@ -1736,6 +1785,7 @@ export {
   LogoPurpur,
   LogoVelocity,
   LogoWaterfall,
+  NavContainer,
   NumberInput,
   NumberInputRaw,
   SelectInput,

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

@@ -3,11 +3,12 @@ export declare const buttonColorClasses: {
     blue: string;
     purple: string;
     pink: string;
-    gray: string;
-    darkgray: string;
     red: string;
     green: string;
     yellow: string;
+    gray: string;
+    darkgray: string;
+    transparent: string;
 };
 export declare const sizeClasses: {
     sm: string;

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

@@ -0,0 +1,5 @@
+interface NavContainerProps {
+    floating?: boolean;
+}
+export declare const NavContainer: import("@builder.io/qwik").Component<NavContainerProps>;
+export {};

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

@@ -9,7 +9,7 @@ export interface TextInputRawProps extends Omit<(PropsOf<'input'> & {
 interface TextInputProps extends Omit<TextInputRawProps, 'children'> {
     id: string;
 }
-export declare const InputClasses = "transition ease-in-out text-lg border border-gray-700 bg-gray-800 text-gray-50 hover:bg-gray-700 hover:shadow-lg focus:bg-gray-700 focus:outline-none focus:border-gray-400 rounded-md px-3 py-2";
+export declare const InputClasses = "transition ease-in-out border border-gray-700 bg-gray-800 text-gray-50 hover:bg-gray-700 hover:shadow-lg focus:bg-gray-700 focus:outline-none focus:border-gray-400 rounded-md px-2.5 py-1.5";
 export declare const TextInput: import("@builder.io/qwik").Component<TextInputProps>;
 export declare const TextInputRaw: import("@builder.io/qwik").Component<TextInputRawProps>;
 export {};

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

@@ -1,4 +1,4 @@
-import type { PropsOf } from '@builder.io/qwik';
+import type { JSXOutput, PropsOf } from '@builder.io/qwik';
 interface ToggleProps extends Omit<(PropsOf<'input'> & {
     type: 'checkbox';
 }), 'class' | 'bind:checked' | 'type' | 'children'> {
@@ -6,7 +6,7 @@ interface ToggleProps extends Omit<(PropsOf<'input'> & {
         [key: string]: boolean;
     };
     center?: boolean;
-    label?: string;
+    label?: string | JSXOutput;
 }
 export declare const Toggle: import("@builder.io/qwik").Component<ToggleProps>;
 export {};

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

@@ -4,6 +4,7 @@ export * from './elements/Card';
 export * from './elements/ColorInput';
 export * from './elements/Header';
 export * from './elements/LoadingIcon';
+export * from './elements/Nav';
 export * from './elements/NumberInput';
 export * from './elements/SelectInput';
 export * from './elements/TextArea';

package/package.json

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