@luminescent/ui-qwik 4.1.1 → 4.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/lib/index.qwik.cjs +10 -3
  2. package/lib/index.qwik.mjs +10 -3
  3. package/lib-types/components/elements/SelectMenu.d.ts +1 -0
  4. package/package.json +16 -16
package/lib/index.qwik.cjs CHANGED
@@ -686,7 +686,7 @@ const SelectMenu = qwik.component$((props) => {
686
686
  ]
687
687
  });
688
688
  });
689
- const SelectMenuRaw = qwik.component$(({ id, values, class: Class, customDropdown, hover, ...props }) => {
689
+ const SelectMenuRaw = qwik.component$(({ id, values, class: Class, customDropdown, hover, align, ...props }) => {
690
690
  const store = qwik.useStore({
691
691
  opened: false,
692
692
  value: props.value
@@ -712,7 +712,10 @@ const SelectMenuRaw = qwik.component$(({ id, values, class: Class, customDropdow
712
712
  }),
713
713
  /* @__PURE__ */ jsxRuntime.jsxs(Dropdown, {
714
714
  opened: store.opened,
715
- class: Class,
715
+ class: {
716
+ "w-full": true,
717
+ ...Class
718
+ },
716
719
  onClick$: () => {
717
720
  if (!hover) store.opened = !store.opened;
718
721
  },
@@ -732,8 +735,12 @@ const SelectMenuRaw = qwik.component$(({ id, values, class: Class, customDropdow
732
735
  ]
733
736
  }),
734
737
  /* @__PURE__ */ jsxRuntime.jsx("div", {
738
+ id: `lui-${id}-opts-container`,
735
739
  class: {
736
- "absolute top-full left-0 z-[1000] pt-2 transition-all ease-out": true,
740
+ "absolute z-[1000] pt-2 transition-all ease-out": true,
741
+ "left-0": align === "left",
742
+ "right-0": align === "right",
743
+ "left-1/2 -translate-x-1/2": align === "center",
737
744
  "pointer-events-none scale-95 opacity-0": !store.opened,
738
745
  "duration-300 group-hover:pointer-events-auto group-hover:scale-100 group-hover:opacity-100 group-hover:duration-75": hover,
739
746
  "focus-within:pointer-events-auto focus-within:scale-100 focus-within:opacity-100 focus-within:duration-75": true
package/lib/index.qwik.mjs CHANGED
@@ -684,7 +684,7 @@ const SelectMenu = component$((props) => {
684
684
  ]
685
685
  });
686
686
  });
687
- const SelectMenuRaw = component$(({ id, values, class: Class, customDropdown, hover, ...props }) => {
687
+ const SelectMenuRaw = component$(({ id, values, class: Class, customDropdown, hover, align, ...props }) => {
688
688
  const store = useStore({
689
689
  opened: false,
690
690
  value: props.value
@@ -710,7 +710,10 @@ const SelectMenuRaw = component$(({ id, values, class: Class, customDropdown, ho
710
710
  }),
711
711
  /* @__PURE__ */ jsxs(Dropdown, {
712
712
  opened: store.opened,
713
- class: Class,
713
+ class: {
714
+ "w-full": true,
715
+ ...Class
716
+ },
714
717
  onClick$: () => {
715
718
  if (!hover) store.opened = !store.opened;
716
719
  },
@@ -730,8 +733,12 @@ const SelectMenuRaw = component$(({ id, values, class: Class, customDropdown, ho
730
733
  ]
731
734
  }),
732
735
  /* @__PURE__ */ jsx("div", {
736
+ id: `lui-${id}-opts-container`,
733
737
  class: {
734
- "absolute top-full left-0 z-[1000] pt-2 transition-all ease-out": true,
738
+ "absolute z-[1000] pt-2 transition-all ease-out": true,
739
+ "left-0": align === "left",
740
+ "right-0": align === "right",
741
+ "left-1/2 -translate-x-1/2": align === "center",
735
742
  "pointer-events-none scale-95 opacity-0": !store.opened,
736
743
  "duration-300 group-hover:pointer-events-auto group-hover:scale-100 group-hover:opacity-100 group-hover:duration-75": hover,
737
744
  "focus-within:pointer-events-auto focus-within:scale-100 focus-within:opacity-100 focus-within:duration-75": true
package/lib-types/components/elements/SelectMenu.d.ts CHANGED
@@ -5,6 +5,7 @@ interface SelectMenuProps extends Omit<PropsOf<'select'>, 'class' | 'size'> {
5
5
  };
6
6
  customDropdown?: boolean;
7
7
  hover?: boolean;
8
+ align?: 'left' | 'right' | 'center';
8
9
  values?: {
9
10
  name: JSXChildren;
10
11
  value: string | number;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@luminescent/ui-qwik",
3
- "version": "4.1.1",
3
+ "version": "4.2.1",
4
4
  "description": "Luminescent UI library",
5
5
  "main": "./lib/index.qwik.mjs",
6
6
  "qwik": "./lib/index.qwik.mjs",
@@ -32,27 +32,27 @@
32
32
  },
33
33
  "devDependencies": {
34
34
  "@anuragroy/tailwindcss-animate": "^1.0.6",
35
- "@builder.io/qwik": "1.13.0",
36
- "@builder.io/qwik-city": "^1.13.0",
37
- "@eslint/js": "^9.26.0",
38
- "@tailwindcss/vite": "^4.1.5",
35
+ "@builder.io/qwik": "1.14.1",
36
+ "@builder.io/qwik-city": "^1.14.1",
37
+ "@eslint/js": "^9.30.1",
38
+ "@tailwindcss/vite": "^4.1.11",
39
39
  "@types/eslint": "^9.6.1",
40
- "@types/node": "^22.15.3",
41
- "@typescript-eslint/eslint-plugin": "^8.31.1",
42
- "@typescript-eslint/parser": "^8.31.1",
43
- "eslint": "^9.26.0",
44
- "eslint-plugin-qwik": "^1.13.0",
45
- "globals": "^16.0.0",
46
- "prettier": "^3.5.3",
47
- "prettier-plugin-tailwindcss": "^0.6.11",
48
- "tailwindcss": "4.1.5",
40
+ "@types/node": "^24.0.10",
41
+ "@typescript-eslint/eslint-plugin": "^8.35.1",
42
+ "@typescript-eslint/parser": "^8.35.1",
43
+ "eslint": "^9.30.1",
44
+ "eslint-plugin-qwik": "^1.14.1",
45
+ "globals": "^16.3.0",
46
+ "prettier": "^3.6.2",
47
+ "prettier-plugin-tailwindcss": "^0.6.13",
48
+ "tailwindcss": "4.1.11",
49
49
  "typescript": "5.8.3",
50
- "typescript-eslint": "^8.31.1",
50
+ "typescript-eslint": "^8.35.1",
51
51
  "vite": "5.4.14",
52
52
  "vite-tsconfig-paths": "^5.1.4"
53
53
  },
54
54
  "peerDependencies": {
55
- "@luminescent/ui": "4.1.1"
55
+ "@luminescent/ui": "4.2.1"
56
56
  },
57
57
  "scripts": {
58
58
  "build": "qwik build",