@luminescent/ui-qwik 1.2.8 → 1.2.9

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,
@@ -905,7 +905,7 @@ const Nav = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((p
       /* @__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
@@ -1052,12 +1052,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 +1068,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 +1090,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 +1115,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 +1357,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,
@@ -903,7 +903,7 @@ const Nav = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
       /* @__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
@@ -1050,12 +1050,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 +1066,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 +1088,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 +1113,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 +1355,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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@luminescent/ui-qwik",
-  "version": "1.2.8",
+  "version": "1.2.9",
   "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",