@luminescent/ui-qwik 1.2.8 → 1.3.1

package/lib/index.qwik.cjs

@@ -607,12 +607,12 @@ const ColorPicker = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlin
           ])
         }, {
           class: {
-            "w-[1.6rem] h-[1.6rem] rounded-md hover:scale-110 motion-safe:transition-all duration-300 hover:duration-100 ease-in-out -outline-offset-1 outline outline-1 outline-white/30": true
+            "w-[1.6rem] h-[1.6rem] rounded-md hover:scale-110 motion-safe:transition-all duration-300 hover:duration-75 ease-out -outline-offset-1 outline outline-1 outline-white/30": true
           }
         }, null, 2, i);
       }),
       /* @__PURE__ */ qwik._jsxQ("button", null, {
-        class: "w-[1.6rem] h-[1.6rem] border border-gray-700 rounded-md hover:scale-110 motion-safe:transition-all duration-300 hover:duration-100 ease-in-out",
+        class: "w-[1.6rem] h-[1.6rem] border border-gray-700 rounded-md hover:scale-110 motion-safe:transition-all duration-300 hover:duration-75 ease-out",
         onClick$: /* @__PURE__ */ qwik.inlinedQrl(() => {
           const [setColor2] = qwik.useLexicalScope();
           const color = `#${Math.floor(Math.random() * 16777215).toString(16)}`;
@@ -733,9 +733,9 @@ const DropdownRaw = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlin
       /* @__PURE__ */ qwik._jsxC(ChevronDown, {
         width: 16,
         class: {
-          "motion-safe:transition-all ease-in-out": true,
+          "motion-safe:transition-all ease-out": true,
           "transform rotate-180": store.opened,
-          "group-hover:transform group-hover:rotate-180 duration-300 group-hover:duration-100": props.hover
+          "group-hover:transform group-hover:rotate-180 duration-300 group-hover:duration-75": props.hover
         },
         [qwik._IMMUTABLE]: {
           width: qwik._IMMUTABLE
@@ -744,9 +744,9 @@ const DropdownRaw = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlin
     ], 1, null),
     /* @__PURE__ */ qwik._jsxQ("div", {
       class: {
-        "transition-all ease-in-out absolute top-full pt-2 left-0 z-[1000] ": true,
+        "transition-all ease-out absolute top-full pt-2 left-0 z-[1000] ": true,
         "opacity-0 scale-95 pointer-events-none": !store.opened,
-        "group-hover:pointer-events-auto group-hover:opacity-100 group-hover:scale-100 duration-300 group-hover:duration-100": props.hover
+        "group-hover:pointer-events-auto group-hover:opacity-100 group-hover:scale-100 duration-300 group-hover:duration-75": props.hover
       }
     }, null, /* @__PURE__ */ qwik._jsxQ("div", null, {
       id: qwik._fnSignal((p0) => `lui-${p0.id}-opts`, [
@@ -844,7 +844,7 @@ const Header = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl
           navigator.clipboard.writeText(window.location.href);
         }, "Header_component_Component_Fragment_h2_a_onClick_tdwReSG5ZBA")
       }, /* @__PURE__ */ qwik._jsxC(Link, {
-        class: "transition-all opacity-10 group-hover:opacity-100 duration-300 group-hover:duration-100",
+        class: "transition-all opacity-10 group-hover:opacity-100 duration-300 group-hover:duration-75",
         width: 24,
         [qwik._IMMUTABLE]: {
           class: qwik._IMMUTABLE,
@@ -866,9 +866,11 @@ const Header = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl
   return Component;
 }, "Header_component_JY2gvGRuOjU"));
 const Nav = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
+  qwik._jsxBranch();
   const props1 = qwik._restProps(props, [
     "fixed",
     "floating",
+    "nohamburger",
     "colorClass"
   ]);
   const menu = qwik.useSignal(false);
@@ -881,7 +883,7 @@ const Nav = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((p
       ...props1.class
     },
     children: [
-      /* @__PURE__ */ qwik._jsxQ("div", {
+      !props.nohamburger && /* @__PURE__ */ qwik._jsxQ("div", {
         class: {
           "sm:hidden motion-safe:transition-all flex flex-col px-2 items-center absolute w-full top-full": true,
           "mt-2": menu.value,
@@ -901,11 +903,11 @@ const Nav = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((p
         [qwik._IMMUTABLE]: {
           name: qwik._IMMUTABLE
         }
-      }, 3, "03_0"), 1, null), 1, null),
+      }, 3, "03_0"), 1, null), 1, "03_1"),
       /* @__PURE__ */ qwik._jsxQ("div", {
         class: {
           [props.colorClass ?? "lum-bg-gray-900"]: !props.floating,
-          "border-t-0 border-x-0": !props.floating,
+          "!border-t-0 !border-x-0": !props.floating,
           "before:backdrop-blur-lg": !(props.colorClass ?? "lum-bg-gray-900").includes("transparent") && !props.floating,
           'before:absolute before:content-[""] before:w-full before:h-full before:drop-shadow-xl before:-z-10': !props.floating,
           "relative mt-2 mx-2": props.floating
@@ -926,7 +928,7 @@ const Nav = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((p
           [qwik._IMMUTABLE]: {
             name: qwik._IMMUTABLE
           }
-        }, 3, "03_1"), 1, null),
+        }, 3, "03_2"), 1, null),
         /* @__PURE__ */ qwik._jsxQ("div", null, {
           class: "flex items-center flex-1 gap-2 py-2 justify-center"
         }, /* @__PURE__ */ qwik._jsxC(qwik.Slot, {
@@ -934,7 +936,7 @@ const Nav = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((p
           [qwik._IMMUTABLE]: {
             name: qwik._IMMUTABLE
           }
-        }, 3, "03_2"), 1, null),
+        }, 3, "03_3"), 1, null),
         /* @__PURE__ */ qwik._jsxQ("div", null, {
           class: "flex items-center flex-1 gap-2 py-2 justify-end"
         }, [
@@ -943,8 +945,8 @@ const Nav = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((p
             [qwik._IMMUTABLE]: {
               name: qwik._IMMUTABLE
             }
-          }, 3, "03_3"),
-          /* @__PURE__ */ qwik._jsxQ("button", null, {
+          }, 3, "03_4"),
+          !props.nohamburger && /* @__PURE__ */ qwik._jsxQ("button", null, {
             class: "lum-btn lum-pad-equal-md lum-bg-transparent sm:hidden",
             onClick$: /* @__PURE__ */ qwik.inlinedQrl(() => {
               const [menu2] = qwik.useLexicalScope();
@@ -963,11 +965,11 @@ const Nav = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((p
             "stroke-linejoin": "round",
             "stroke-width": "2",
             d: "M4 6h16M4 12h16M4 18h16"
-          }, null, 3, null), 3, null), 3, null)
+          }, null, 3, null), 3, null), 3, "03_5")
         ], 1, null)
       ], 1, null), 1, null)
     ]
-  }, null, 0, "03_4");
+  }, null, 0, "03_6");
 }, "Nav_component_GVA94DyavJM"));
 const Plus = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
   return /* @__PURE__ */ qwik._jsxS("svg", {
@@ -1052,12 +1054,9 @@ const NumberInputRaw = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.in
     }
   `, "NumberInputRaw_component_useStyles_PL07GuY3qew"));
   return /* @__PURE__ */ qwik._jsxQ("div", null, {
-    class: qwik._fnSignal((p0) => ({
-      "flex text-gray-50 touch-manipulation": true,
-      "gap-2": !p0.input
-    }), [
-      props
-    ], '{"flex text-gray-50 touch-manipulation":true,"gap-2":!p0.input}')
+    class: {
+      "flex gap-2 text-gray-50 touch-manipulation": true
+    }
   }, [
     /* @__PURE__ */ qwik._jsxQ("button", {
       disabled: props1.min ? (props.value ?? 0) <= props1.min : false,
@@ -1071,7 +1070,7 @@ const NumberInputRaw = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.in
       ]) : props.onDecrement$
     }, {
       class: {
-        "lum-btn lum-pad-sm text-sm lum-bg-gray-800 hover:lum-bg-gray-700 rounded-md": true
+        "lum-btn lum-pad-equal-sm text-sm lum-bg-gray-800 hover:lum-bg-gray-700 rounded-md": true
       },
       "data-action": "decrement",
       "aria-label": "Decrement"
@@ -1093,7 +1092,7 @@ const NumberInputRaw = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.in
         return props.step ?? 1;
       },
       class: {
-        "lum-input lum-pad-sm text-sm lum-bg-gray-800 hover:lum-bg-gray-700 rounded-md": true,
+        "lum-input text-sm lum-bg-gray-800 hover:lum-bg-gray-700 rounded-md": true,
         "text-center": true,
         ...props1.class
       }
@@ -1118,7 +1117,7 @@ const NumberInputRaw = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.in
       ]) : props.onIncrement$
     }, {
       class: {
-        "lum-btn lum-pad-sm text-sm lum-bg-gray-800 hover:lum-bg-gray-700 rounded-md": true
+        "lum-btn lum-pad-equal-sm text-sm lum-bg-gray-800 hover:lum-bg-gray-700 rounded-md": true
       },
       "data-action": "increment",
       "aria-label": "Increment"
@@ -1360,8 +1359,8 @@ const Toggle = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl
       }, 0, null),
       /* @__PURE__ */ qwik._jsxQ("div", {
         class: {
-          "motion-safe:transition duration-300 hover:duration-100 ease-in-out h-7 peer border hover:shadow-lg": true,
-          "after:content-[''] after:absolute after:top-[4px] after:left-[4px] after:border after:h-5 after:w-5 after:motion-safe:transition-all after:duration-300 after:hover:duration-100 after:ease-in-out": true,
+          "motion-safe:transition duration-300 hover:duration-75 ease-out h-7 peer border hover:shadow-lg": true,
+          "after:content-[''] after:absolute after:top-[4px] after:left-[4px] after:border after:h-5 after:w-5 after:motion-safe:transition-all after:duration-300 after:hover:duration-75 after:ease-out": true,
           "rounded-md after:rounded-[0.2rem]": !props.round,
           "rounded-full after:rounded-full": props.round,
           "w-12 peer-checked:after:translate-x-full": !props.checkbox,

package/lib/index.qwik.mjs

@@ -605,12 +605,12 @@ const ColorPicker = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pro
           ])
         }, {
           class: {
-            "w-[1.6rem] h-[1.6rem] rounded-md hover:scale-110 motion-safe:transition-all duration-300 hover:duration-100 ease-in-out -outline-offset-1 outline outline-1 outline-white/30": true
+            "w-[1.6rem] h-[1.6rem] rounded-md hover:scale-110 motion-safe:transition-all duration-300 hover:duration-75 ease-out -outline-offset-1 outline outline-1 outline-white/30": true
           }
         }, null, 2, i);
       }),
       /* @__PURE__ */ _jsxQ("button", null, {
-        class: "w-[1.6rem] h-[1.6rem] border border-gray-700 rounded-md hover:scale-110 motion-safe:transition-all duration-300 hover:duration-100 ease-in-out",
+        class: "w-[1.6rem] h-[1.6rem] border border-gray-700 rounded-md hover:scale-110 motion-safe:transition-all duration-300 hover:duration-75 ease-out",
         onClick$: /* @__PURE__ */ inlinedQrl(() => {
           const [setColor2] = useLexicalScope();
           const color = `#${Math.floor(Math.random() * 16777215).toString(16)}`;
@@ -731,9 +731,9 @@ const DropdownRaw = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pro
       /* @__PURE__ */ _jsxC(ChevronDown, {
         width: 16,
         class: {
-          "motion-safe:transition-all ease-in-out": true,
+          "motion-safe:transition-all ease-out": true,
           "transform rotate-180": store.opened,
-          "group-hover:transform group-hover:rotate-180 duration-300 group-hover:duration-100": props.hover
+          "group-hover:transform group-hover:rotate-180 duration-300 group-hover:duration-75": props.hover
         },
         [_IMMUTABLE]: {
           width: _IMMUTABLE
@@ -742,9 +742,9 @@ const DropdownRaw = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pro
     ], 1, null),
     /* @__PURE__ */ _jsxQ("div", {
       class: {
-        "transition-all ease-in-out absolute top-full pt-2 left-0 z-[1000] ": true,
+        "transition-all ease-out absolute top-full pt-2 left-0 z-[1000] ": true,
         "opacity-0 scale-95 pointer-events-none": !store.opened,
-        "group-hover:pointer-events-auto group-hover:opacity-100 group-hover:scale-100 duration-300 group-hover:duration-100": props.hover
+        "group-hover:pointer-events-auto group-hover:opacity-100 group-hover:scale-100 duration-300 group-hover:duration-75": props.hover
       }
     }, null, /* @__PURE__ */ _jsxQ("div", null, {
       id: _fnSignal((p0) => `lui-${p0.id}-opts`, [
@@ -842,7 +842,7 @@ const Header = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =
           navigator.clipboard.writeText(window.location.href);
         }, "Header_component_Component_Fragment_h2_a_onClick_tdwReSG5ZBA")
       }, /* @__PURE__ */ _jsxC(Link, {
-        class: "transition-all opacity-10 group-hover:opacity-100 duration-300 group-hover:duration-100",
+        class: "transition-all opacity-10 group-hover:opacity-100 duration-300 group-hover:duration-75",
         width: 24,
         [_IMMUTABLE]: {
           class: _IMMUTABLE,
@@ -864,9 +864,11 @@ const Header = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =
   return Component;
 }, "Header_component_JY2gvGRuOjU"));
 const Nav = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
+  _jsxBranch();
   const props1 = _restProps(props, [
     "fixed",
     "floating",
+    "nohamburger",
     "colorClass"
   ]);
   const menu = useSignal(false);
@@ -879,7 +881,7 @@ const Nav = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
       ...props1.class
     },
     children: [
-      /* @__PURE__ */ _jsxQ("div", {
+      !props.nohamburger && /* @__PURE__ */ _jsxQ("div", {
         class: {
           "sm:hidden motion-safe:transition-all flex flex-col px-2 items-center absolute w-full top-full": true,
           "mt-2": menu.value,
@@ -899,11 +901,11 @@ const Nav = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
         [_IMMUTABLE]: {
           name: _IMMUTABLE
         }
-      }, 3, "03_0"), 1, null), 1, null),
+      }, 3, "03_0"), 1, null), 1, "03_1"),
       /* @__PURE__ */ _jsxQ("div", {
         class: {
           [props.colorClass ?? "lum-bg-gray-900"]: !props.floating,
-          "border-t-0 border-x-0": !props.floating,
+          "!border-t-0 !border-x-0": !props.floating,
           "before:backdrop-blur-lg": !(props.colorClass ?? "lum-bg-gray-900").includes("transparent") && !props.floating,
           'before:absolute before:content-[""] before:w-full before:h-full before:drop-shadow-xl before:-z-10': !props.floating,
           "relative mt-2 mx-2": props.floating
@@ -924,7 +926,7 @@ const Nav = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
           [_IMMUTABLE]: {
             name: _IMMUTABLE
           }
-        }, 3, "03_1"), 1, null),
+        }, 3, "03_2"), 1, null),
         /* @__PURE__ */ _jsxQ("div", null, {
           class: "flex items-center flex-1 gap-2 py-2 justify-center"
         }, /* @__PURE__ */ _jsxC(Slot, {
@@ -932,7 +934,7 @@ const Nav = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
           [_IMMUTABLE]: {
             name: _IMMUTABLE
           }
-        }, 3, "03_2"), 1, null),
+        }, 3, "03_3"), 1, null),
         /* @__PURE__ */ _jsxQ("div", null, {
           class: "flex items-center flex-1 gap-2 py-2 justify-end"
         }, [
@@ -941,8 +943,8 @@ const Nav = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
             [_IMMUTABLE]: {
               name: _IMMUTABLE
             }
-          }, 3, "03_3"),
-          /* @__PURE__ */ _jsxQ("button", null, {
+          }, 3, "03_4"),
+          !props.nohamburger && /* @__PURE__ */ _jsxQ("button", null, {
             class: "lum-btn lum-pad-equal-md lum-bg-transparent sm:hidden",
             onClick$: /* @__PURE__ */ inlinedQrl(() => {
               const [menu2] = useLexicalScope();
@@ -961,11 +963,11 @@ const Nav = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
             "stroke-linejoin": "round",
             "stroke-width": "2",
             d: "M4 6h16M4 12h16M4 18h16"
-          }, null, 3, null), 3, null), 3, null)
+          }, null, 3, null), 3, null), 3, "03_5")
         ], 1, null)
       ], 1, null), 1, null)
     ]
-  }, null, 0, "03_4");
+  }, null, 0, "03_6");
 }, "Nav_component_GVA94DyavJM"));
 const Plus = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
   return /* @__PURE__ */ _jsxS("svg", {
@@ -1050,12 +1052,9 @@ const NumberInputRaw = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((
     }
   `, "NumberInputRaw_component_useStyles_PL07GuY3qew"));
   return /* @__PURE__ */ _jsxQ("div", null, {
-    class: _fnSignal((p0) => ({
-      "flex text-gray-50 touch-manipulation": true,
-      "gap-2": !p0.input
-    }), [
-      props
-    ], '{"flex text-gray-50 touch-manipulation":true,"gap-2":!p0.input}')
+    class: {
+      "flex gap-2 text-gray-50 touch-manipulation": true
+    }
   }, [
     /* @__PURE__ */ _jsxQ("button", {
       disabled: props1.min ? (props.value ?? 0) <= props1.min : false,
@@ -1069,7 +1068,7 @@ const NumberInputRaw = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((
       ]) : props.onDecrement$
     }, {
       class: {
-        "lum-btn lum-pad-sm text-sm lum-bg-gray-800 hover:lum-bg-gray-700 rounded-md": true
+        "lum-btn lum-pad-equal-sm text-sm lum-bg-gray-800 hover:lum-bg-gray-700 rounded-md": true
       },
       "data-action": "decrement",
       "aria-label": "Decrement"
@@ -1091,7 +1090,7 @@ const NumberInputRaw = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((
         return props.step ?? 1;
       },
       class: {
-        "lum-input lum-pad-sm text-sm lum-bg-gray-800 hover:lum-bg-gray-700 rounded-md": true,
+        "lum-input text-sm lum-bg-gray-800 hover:lum-bg-gray-700 rounded-md": true,
         "text-center": true,
         ...props1.class
       }
@@ -1116,7 +1115,7 @@ const NumberInputRaw = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((
       ]) : props.onIncrement$
     }, {
       class: {
-        "lum-btn lum-pad-sm text-sm lum-bg-gray-800 hover:lum-bg-gray-700 rounded-md": true
+        "lum-btn lum-pad-equal-sm text-sm lum-bg-gray-800 hover:lum-bg-gray-700 rounded-md": true
       },
       "data-action": "increment",
       "aria-label": "Increment"
@@ -1358,8 +1357,8 @@ const Toggle = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =
       }, 0, null),
       /* @__PURE__ */ _jsxQ("div", {
         class: {
-          "motion-safe:transition duration-300 hover:duration-100 ease-in-out h-7 peer border hover:shadow-lg": true,
-          "after:content-[''] after:absolute after:top-[4px] after:left-[4px] after:border after:h-5 after:w-5 after:motion-safe:transition-all after:duration-300 after:hover:duration-100 after:ease-in-out": true,
+          "motion-safe:transition duration-300 hover:duration-75 ease-out h-7 peer border hover:shadow-lg": true,
+          "after:content-[''] after:absolute after:top-[4px] after:left-[4px] after:border after:h-5 after:w-5 after:motion-safe:transition-all after:duration-300 after:hover:duration-75 after:ease-out": true,
           "rounded-md after:rounded-[0.2rem]": !props.round,
           "rounded-full after:rounded-full": props.round,
           "w-12 peer-checked:after:translate-x-full": !props.checkbox,

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

@@ -5,6 +5,7 @@ interface NavContainerProps extends Omit<PropsOf<'nav'>, 'class'> {
     };
     fixed?: boolean;
     floating?: boolean;
+    nohamburger?: boolean;
     colorClass?: string;
 }
 export declare const Nav: import("@builder.io/qwik").Component<NavContainerProps>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@luminescent/ui-qwik",
-  "version": "1.2.8",
+  "version": "1.3.1",
   "description": "Luminescent UI library",
   "main": "./lib/index.qwik.mjs",
   "qwik": "./lib/index.qwik.mjs",
@@ -43,7 +43,7 @@
     "@builder.io/qwik": "1.8.0",
     "@builder.io/qwik-city": "^1.8.0",
     "@types/eslint": "^8.56.11",
-    "@types/node": "^22.4.2",
+    "@types/node": "^22.5.0",
     "@typescript-eslint/eslint-plugin": "^8.2.0",
     "@typescript-eslint/parser": "^8.2.0",
     "autoprefixer": "^10.4.20",