@luminescent/ui-qwik 6.8.3-2 → 6.9.0

package/lib/components/elements/Nav.qwik.cjs

@@ -1,98 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@qwik.dev/core/jsx-runtime");
-const core = require("@qwik.dev/core");
-const Menu = require("../../svg/Menu.qwik.cjs");
-const Nav = core.component$(({ fixed, floating, noblur, nohamburger, nodismiss, colorClass = "lum-bg-lum-card-bg", ...props }) => {
-  const menu = core.useSignal(false);
-  core.useTask$(({ track }) => {
-    track(() => menu.value);
-    if (menu.value && !nodismiss) {
-      const onClick = (e) => {
-        let el = e.target;
-        while (el) {
-          if (el.classList && el.classList.contains("nav-ignore-dismiss")) {
-            return;
-          }
-          el = el.parentElement;
-        }
-        menu.value = false;
-        window.removeEventListener("click", onClick);
-      };
-      window.addEventListener("click", onClick);
-    }
-  });
-  return /* @__PURE__ */ jsxRuntime.jsxs("nav", {
-    ...props,
-    class: {
-      "top-0 left-0 z-50 flex w-full flex-col": true,
-      fixed,
-      absolute: !fixed,
-      ...props.class
-    },
-    children: [
-      !nohamburger && /* @__PURE__ */ jsxRuntime.jsx("div", {
-        class: {
-          "absolute top-full lum-card motion-safe:transition-all sm:hidden max-w-7xl gap-2 px-2 py-4": true,
-          "w-[calc(100%-(--spacing(8)))] mx-4": floating,
-          "w-[calc(100%-(--spacing(4)))] mx-2": !floating,
-          "mt-2": menu.value,
-          "pointer-events-none opacity-0 -mt-2 scale-95": !menu.value,
-          "backdrop-blur-lg": !noblur,
-          [colorClass]: true
-        },
-        children: /* @__PURE__ */ jsxRuntime.jsx(core.Slot, {
-          name: "mobile"
-        })
-      }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", {
-        class: {
-          [colorClass]: !floating,
-          "border-x-0! border-t-0!": !floating,
-          "backdrop-blur-lg": !noblur && !floating,
-          "relative mx-2 mt-2": floating
-        },
-        children: /* @__PURE__ */ jsxRuntime.jsxs("div", {
-          class: {
-            "mx-auto flex w-full max-w-7xl justify-evenly px-2": true,
-            [colorClass]: floating,
-            "rounded-lum border": floating,
-            "backdrop-blur-lg": !noblur && floating
-          },
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", {
-              class: "flex flex-1 items-center justify-start gap-2 py-2",
-              children: /* @__PURE__ */ jsxRuntime.jsx(core.Slot, {
-                name: "start"
-              })
-            }),
-            /* @__PURE__ */ jsxRuntime.jsx("div", {
-              class: "flex flex-1 items-center justify-center gap-2 py-2",
-              children: /* @__PURE__ */ jsxRuntime.jsx(core.Slot, {
-                name: "center"
-              })
-            }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", {
-              class: "flex flex-1 items-center justify-end gap-2 py-2",
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsx(core.Slot, {
-                  name: "end"
-                }),
-                !nohamburger && /* @__PURE__ */ jsxRuntime.jsx("button", {
-                  name: "Navigation Menu",
-                  title: "Navigation Menu",
-                  class: "lum-btn lum-bg-transparent p-2 sm:hidden rounded-lum-2",
-                  onClick$: () => menu.value = !menu.value,
-                  children: /* @__PURE__ */ jsxRuntime.jsx(Menu.Menu, {
-                    size: 24
-                  })
-                })
-              ]
-            })
-          ]
-        })
-      })
-    ]
-  });
-});
-exports.Nav = Nav;

package/lib/components/elements/Nav.qwik.mjs

@@ -1,98 +0,0 @@
-import { jsxs, jsx } from "@qwik.dev/core/jsx-runtime";
-import { component$, useSignal, useTask$, Slot } from "@qwik.dev/core";
-import { Menu } from "../../svg/Menu.qwik.mjs";
-const Nav = component$(({ fixed, floating, noblur, nohamburger, nodismiss, colorClass = "lum-bg-lum-card-bg", ...props }) => {
-  const menu = useSignal(false);
-  useTask$(({ track }) => {
-    track(() => menu.value);
-    if (menu.value && !nodismiss) {
-      const onClick = (e) => {
-        let el = e.target;
-        while (el) {
-          if (el.classList && el.classList.contains("nav-ignore-dismiss")) {
-            return;
-          }
-          el = el.parentElement;
-        }
-        menu.value = false;
-        window.removeEventListener("click", onClick);
-      };
-      window.addEventListener("click", onClick);
-    }
-  });
-  return /* @__PURE__ */ jsxs("nav", {
-    ...props,
-    class: {
-      "top-0 left-0 z-50 flex w-full flex-col": true,
-      fixed,
-      absolute: !fixed,
-      ...props.class
-    },
-    children: [
-      !nohamburger && /* @__PURE__ */ jsx("div", {
-        class: {
-          "absolute top-full lum-card motion-safe:transition-all sm:hidden max-w-7xl gap-2 px-2 py-4": true,
-          "w-[calc(100%-(--spacing(8)))] mx-4": floating,
-          "w-[calc(100%-(--spacing(4)))] mx-2": !floating,
-          "mt-2": menu.value,
-          "pointer-events-none opacity-0 -mt-2 scale-95": !menu.value,
-          "backdrop-blur-lg": !noblur,
-          [colorClass]: true
-        },
-        children: /* @__PURE__ */ jsx(Slot, {
-          name: "mobile"
-        })
-      }),
-      /* @__PURE__ */ jsx("div", {
-        class: {
-          [colorClass]: !floating,
-          "border-x-0! border-t-0!": !floating,
-          "backdrop-blur-lg": !noblur && !floating,
-          "relative mx-2 mt-2": floating
-        },
-        children: /* @__PURE__ */ jsxs("div", {
-          class: {
-            "mx-auto flex w-full max-w-7xl justify-evenly px-2": true,
-            [colorClass]: floating,
-            "rounded-lum border": floating,
-            "backdrop-blur-lg": !noblur && floating
-          },
-          children: [
-            /* @__PURE__ */ jsx("div", {
-              class: "flex flex-1 items-center justify-start gap-2 py-2",
-              children: /* @__PURE__ */ jsx(Slot, {
-                name: "start"
-              })
-            }),
-            /* @__PURE__ */ jsx("div", {
-              class: "flex flex-1 items-center justify-center gap-2 py-2",
-              children: /* @__PURE__ */ jsx(Slot, {
-                name: "center"
-              })
-            }),
-            /* @__PURE__ */ jsxs("div", {
-              class: "flex flex-1 items-center justify-end gap-2 py-2",
-              children: [
-                /* @__PURE__ */ jsx(Slot, {
-                  name: "end"
-                }),
-                !nohamburger && /* @__PURE__ */ jsx("button", {
-                  name: "Navigation Menu",
-                  title: "Navigation Menu",
-                  class: "lum-btn lum-bg-transparent p-2 sm:hidden rounded-lum-2",
-                  onClick$: () => menu.value = !menu.value,
-                  children: /* @__PURE__ */ jsx(Menu, {
-                    size: 24
-                  })
-                })
-              ]
-            })
-          ]
-        })
-      })
-    ]
-  });
-});
-export {
-  Nav
-};

package/lib/components/elements/NumberInput.d.ts

@@ -1,21 +0,0 @@
-import type { PropsOf, QRL } from '@qwik.dev/core';
-interface NumberInputRawProps extends Omit<PropsOf<'input'> & {
-    type: 'number';
-}, 'class' | 'type'> {
-    onDecrement$: QRL<(event: PointerEvent, element: HTMLButtonElement, inputElement?: HTMLInputElement) => void>;
-    onIncrement$: QRL<(event: PointerEvent, element: HTMLButtonElement, inputElement?: HTMLInputElement) => void>;
-    input?: boolean;
-    class?: {
-        [key: string]: boolean;
-    };
-    value?: number;
-    min?: number;
-    max?: number;
-    step?: number;
-}
-interface NumberInputProps extends Omit<NumberInputRawProps, 'children'> {
-    id: string;
-}
-export declare const NumberInput: import("@qwik.dev/core").Component<NumberInputProps>;
-export declare const NumberInputRaw: import("@qwik.dev/core").Component<NumberInputRawProps>;
-export {};

package/lib/components/elements/NumberInput.qwik.cjs

@@ -1,87 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@qwik.dev/core/jsx-runtime");
-const core = require("@qwik.dev/core");
-const Plus = require("../../svg/Plus.qwik.cjs");
-const Minus = require("../../svg/Minus.qwik.cjs");
-const NumberInput = core.component$((props) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", {
-    class: "flex flex-col",
-    children: [
-      /* @__PURE__ */ jsxRuntime.jsx("label", {
-        for: props.id,
-        class: "pb-1 text-lum-text select-none",
-        children: /* @__PURE__ */ jsxRuntime.jsx(core.Slot, {})
-      }),
-      /* @__PURE__ */ jsxRuntime.jsx(NumberInputRaw, {
-        ...props,
-        children: void 0
-      })
-    ]
-  });
-});
-const NumberInputRaw = core.component$(({ input, onDecrement$, onIncrement$, value = 0, step = 1, ...props }) => {
-  core.useStyles$(`
-    input::-webkit-outer-spin-button,
-    input::-webkit-inner-spin-button {
-      -webkit-appearance: none;
-      margin: 0;
-    }
-    input[type=number] {
-      -moz-appearance: textfield;
-    }
-  `);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", {
-    class: {
-      "flex touch-manipulation gap-1 text-lum-text": true
-    },
-    children: [
-      /* @__PURE__ */ jsxRuntime.jsx("button", {
-        type: "button",
-        class: {
-          "lum-btn p-2 rounded-r-sm": true
-        },
-        "data-action": "decrement",
-        "aria-label": "Decrement",
-        disabled: props.min ? value <= props.min : false,
-        onClick$: input ? core.$(async (event, element) => {
-          const siblingInput = element.nextElementSibling;
-          siblingInput.stepDown();
-          await onDecrement$(event, element, siblingInput);
-        }) : onDecrement$,
-        children: /* @__PURE__ */ jsxRuntime.jsx(Minus.Minus, {
-          size: 20
-        })
-      }),
-      input && /* @__PURE__ */ jsxRuntime.jsx("input", {
-        ...props,
-        type: "number",
-        value,
-        step,
-        class: {
-          "lum-input text-center rounded-sm lum-input-p-1": true,
-          ...props.class
-        }
-      }),
-      /* @__PURE__ */ jsxRuntime.jsx("button", {
-        type: "button",
-        class: {
-          "lum-btn p-2 rounded-l-sm": true
-        },
-        "data-action": "increment",
-        "aria-label": "Increment",
-        disabled: props.max ? value >= props.max : false,
-        onClick$: input ? core.$(async (event, element) => {
-          const siblingInput = element.previousElementSibling;
-          siblingInput.stepUp();
-          await onIncrement$(event, element, siblingInput);
-        }) : onIncrement$,
-        children: /* @__PURE__ */ jsxRuntime.jsx(Plus.Plus, {
-          size: 20
-        })
-      })
-    ]
-  });
-});
-exports.NumberInput = NumberInput;
-exports.NumberInputRaw = NumberInputRaw;

package/lib/components/elements/NumberInput.qwik.mjs

@@ -1,87 +0,0 @@
-import { jsxs, jsx } from "@qwik.dev/core/jsx-runtime";
-import { component$, Slot, useStyles$, $ } from "@qwik.dev/core";
-import { Plus } from "../../svg/Plus.qwik.mjs";
-import { Minus } from "../../svg/Minus.qwik.mjs";
-const NumberInput = component$((props) => {
-  return /* @__PURE__ */ jsxs("div", {
-    class: "flex flex-col",
-    children: [
-      /* @__PURE__ */ jsx("label", {
-        for: props.id,
-        class: "pb-1 text-lum-text select-none",
-        children: /* @__PURE__ */ jsx(Slot, {})
-      }),
-      /* @__PURE__ */ jsx(NumberInputRaw, {
-        ...props,
-        children: void 0
-      })
-    ]
-  });
-});
-const NumberInputRaw = component$(({ input, onDecrement$, onIncrement$, value = 0, step = 1, ...props }) => {
-  useStyles$(`
-    input::-webkit-outer-spin-button,
-    input::-webkit-inner-spin-button {
-      -webkit-appearance: none;
-      margin: 0;
-    }
-    input[type=number] {
-      -moz-appearance: textfield;
-    }
-  `);
-  return /* @__PURE__ */ jsxs("div", {
-    class: {
-      "flex touch-manipulation gap-1 text-lum-text": true
-    },
-    children: [
-      /* @__PURE__ */ jsx("button", {
-        type: "button",
-        class: {
-          "lum-btn p-2 rounded-r-sm": true
-        },
-        "data-action": "decrement",
-        "aria-label": "Decrement",
-        disabled: props.min ? value <= props.min : false,
-        onClick$: input ? $(async (event, element) => {
-          const siblingInput = element.nextElementSibling;
-          siblingInput.stepDown();
-          await onDecrement$(event, element, siblingInput);
-        }) : onDecrement$,
-        children: /* @__PURE__ */ jsx(Minus, {
-          size: 20
-        })
-      }),
-      input && /* @__PURE__ */ jsx("input", {
-        ...props,
-        type: "number",
-        value,
-        step,
-        class: {
-          "lum-input text-center rounded-sm lum-input-p-1": true,
-          ...props.class
-        }
-      }),
-      /* @__PURE__ */ jsx("button", {
-        type: "button",
-        class: {
-          "lum-btn p-2 rounded-l-sm": true
-        },
-        "data-action": "increment",
-        "aria-label": "Increment",
-        disabled: props.max ? value >= props.max : false,
-        onClick$: input ? $(async (event, element) => {
-          const siblingInput = element.previousElementSibling;
-          siblingInput.stepUp();
-          await onIncrement$(event, element, siblingInput);
-        }) : onIncrement$,
-        children: /* @__PURE__ */ jsx(Plus, {
-          size: 20
-        })
-      })
-    ]
-  });
-});
-export {
-  NumberInput,
-  NumberInputRaw
-};

package/lib/components/elements/RangeInput.qwik.cjs

@@ -1,77 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@qwik.dev/core/jsx-runtime");
-const core = require("@qwik.dev/core");
-const RangeInput = core.component$((props) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", {
-    class: "flex flex-col",
-    children: [
-      /* @__PURE__ */ jsxRuntime.jsx("label", {
-        for: props.id,
-        class: "pb-1 text-lum-text select-none",
-        children: /* @__PURE__ */ jsxRuntime.jsx(core.Slot, {})
-      }),
-      /* @__PURE__ */ jsxRuntime.jsx(RangeInputRaw, {
-        ...props,
-        children: void 0
-      })
-    ]
-  });
-});
-const RangeInputRaw = core.component$(({ value, min = 0, max = 10, onInput$, ...props }) => {
-  const valueSignal = core.useSignal(value ?? min);
-  const filledPercentage = core.useComputed$(() => (valueSignal.value - min) / (max - min) * 100);
-  const tickCount = max - min - 1;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", {
-    class: {
-      "group relative flex touch-manipulation gap-1 text-lum-text lum-input p-0": true
-    },
-    children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", {
-        class: "absolute w-full flex justify-evenly",
-        children: tickCount > 0 && [
-          ...Array(tickCount)
-        ].map((_, i) => {
-          return /* @__PURE__ */ jsxRuntime.jsx("div", {
-            class: "border-l border-l-lum-border/20 h-1 my-0.5"
-          }, i);
-        })
-      }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", {
-        class: "h-2 lum-bg-lum-accent group-hover:lum-bg-lum-accent rounded-lum",
-        style: {
-          width: `${filledPercentage.value}%`
-        }
-      }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", {
-        class: "absolute -top-1 flex flex-col gap-4 items-center",
-        style: {
-          left: `calc(${filledPercentage.value}% - 0.5rem)`
-        },
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", {
-            class: "w-4 h-4 lum-bg-lum-accent group-hover:lum-bg-lum-accent rounded-full"
-          }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", {
-            class: "absolute top-6 lum-bg-lum-card-bg lum-btn-p-2 text-center rounded-lum opacity-0 group-hover:opacity-100 transition-all z-50",
-            children: valueSignal.value
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxRuntime.jsx("input", {
-        ...props,
-        min,
-        max,
-        type: "range",
-        value: valueSignal.value,
-        class: "absolute top-0 h-2 w-full opacity-0 cursor-pointer",
-        onInput$: async (event, element) => {
-          valueSignal.value = parseFloat(element.value);
-          if (onInput$) await onInput$(event, element);
-        }
-      })
-    ]
-  });
-});
-exports.RangeInput = RangeInput;
-exports.RangeInputRaw = RangeInputRaw;

package/lib/components/elements/RangeInput.qwik.mjs

@@ -1,77 +0,0 @@
-import { jsxs, jsx } from "@qwik.dev/core/jsx-runtime";
-import { component$, Slot, useSignal, useComputed$ } from "@qwik.dev/core";
-const RangeInput = component$((props) => {
-  return /* @__PURE__ */ jsxs("div", {
-    class: "flex flex-col",
-    children: [
-      /* @__PURE__ */ jsx("label", {
-        for: props.id,
-        class: "pb-1 text-lum-text select-none",
-        children: /* @__PURE__ */ jsx(Slot, {})
-      }),
-      /* @__PURE__ */ jsx(RangeInputRaw, {
-        ...props,
-        children: void 0
-      })
-    ]
-  });
-});
-const RangeInputRaw = component$(({ value, min = 0, max = 10, onInput$, ...props }) => {
-  const valueSignal = useSignal(value ?? min);
-  const filledPercentage = useComputed$(() => (valueSignal.value - min) / (max - min) * 100);
-  const tickCount = max - min - 1;
-  return /* @__PURE__ */ jsxs("div", {
-    class: {
-      "group relative flex touch-manipulation gap-1 text-lum-text lum-input p-0": true
-    },
-    children: [
-      /* @__PURE__ */ jsx("div", {
-        class: "absolute w-full flex justify-evenly",
-        children: tickCount > 0 && [
-          ...Array(tickCount)
-        ].map((_, i) => {
-          return /* @__PURE__ */ jsx("div", {
-            class: "border-l border-l-lum-border/20 h-1 my-0.5"
-          }, i);
-        })
-      }),
-      /* @__PURE__ */ jsx("div", {
-        class: "h-2 lum-bg-lum-accent group-hover:lum-bg-lum-accent rounded-lum",
-        style: {
-          width: `${filledPercentage.value}%`
-        }
-      }),
-      /* @__PURE__ */ jsxs("div", {
-        class: "absolute -top-1 flex flex-col gap-4 items-center",
-        style: {
-          left: `calc(${filledPercentage.value}% - 0.5rem)`
-        },
-        children: [
-          /* @__PURE__ */ jsx("div", {
-            class: "w-4 h-4 lum-bg-lum-accent group-hover:lum-bg-lum-accent rounded-full"
-          }),
-          /* @__PURE__ */ jsx("div", {
-            class: "absolute top-6 lum-bg-lum-card-bg lum-btn-p-2 text-center rounded-lum opacity-0 group-hover:opacity-100 transition-all z-50",
-            children: valueSignal.value
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsx("input", {
-        ...props,
-        min,
-        max,
-        type: "range",
-        value: valueSignal.value,
-        class: "absolute top-0 h-2 w-full opacity-0 cursor-pointer",
-        onInput$: async (event, element) => {
-          valueSignal.value = parseFloat(element.value);
-          if (onInput$) await onInput$(event, element);
-        }
-      })
-    ]
-  });
-});
-export {
-  RangeInput,
-  RangeInputRaw
-};

package/lib/components/elements/SelectMenu.qwik.cjs

@@ -1,134 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@qwik.dev/core/jsx-runtime");
-const core = require("@qwik.dev/core");
-const Dropdown = require("./Dropdown.qwik.cjs");
-const SelectMenu = core.component$((props) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", {
-    class: "flex flex-col",
-    children: [
-      /* @__PURE__ */ jsxRuntime.jsx("label", {
-        for: props.id ? `${props.id}-dropdown` : void 0,
-        class: "pb-1 text-lum-text select-none",
-        children: /* @__PURE__ */ jsxRuntime.jsx(core.Slot, {})
-      }),
-      /* @__PURE__ */ jsxRuntime.jsxs(SelectMenuRaw, {
-        ...props,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", {
-            "q:slot": "dropdown",
-            children: (props.customDropdown || !props.values?.length) && /* @__PURE__ */ jsxRuntime.jsx(core.Slot, {
-              name: "dropdown"
-            })
-          }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", {
-            "q:slot": "extra-buttons",
-            children: /* @__PURE__ */ jsxRuntime.jsx(core.Slot, {
-              name: "extra-buttons"
-            })
-          })
-        ]
-      })
-    ]
-  });
-});
-const SelectMenuRaw = core.component$(({ values, class: Class, panelClass = "lum-bg-lum-input-bg", btnClass = "lum-bg-transparent", noblur, nocloseonclick, customDropdown, hover, align, ...props }) => {
-  const store = core.useStore({
-    opened: false,
-    value: props.value
-  });
-  const selectRef = core.useSignal();
-  const selected = values?.find((v) => v.value === store.value);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", {
-    class: {
-      "relative touch-manipulation": true,
-      group: hover
-    },
-    children: [
-      values && /* @__PURE__ */ jsxRuntime.jsx("select", {
-        ...props,
-        ref: selectRef,
-        class: "hidden",
-        children: values.map((value, i) => {
-          return /* @__PURE__ */ jsxRuntime.jsx("option", {
-            value: value.value,
-            children: `${value.value}`
-          }, i);
-        })
-      }),
-      /* @__PURE__ */ jsxRuntime.jsxs(Dropdown.Dropdown, {
-        id: props.id ? `${props.id}-dropdown` : void 0,
-        opened: store.opened,
-        class: {
-          "w-full": true,
-          ...Class
-        },
-        onClick$: (e, el) => {
-          if (hover) return;
-          store.opened = !store.opened;
-          if (nocloseonclick) return;
-          const listener = (e2) => {
-            if (!store.opened) return document.removeEventListener("click", listener);
-            const path = e2.composedPath();
-            if (path.includes(el)) return;
-            store.opened = false;
-            document.removeEventListener("click", listener);
-          };
-          document.addEventListener("click", listener);
-        },
-        children: [
-          customDropdown && /* @__PURE__ */ jsxRuntime.jsx(core.Slot, {
-            name: "dropdown"
-          }),
-          !customDropdown && (selected?.name ?? values?.[0]?.name ?? /* @__PURE__ */ jsxRuntime.jsx(core.Slot, {
-            name: "dropdown"
-          }))
-        ]
-      }),
-      hover && /* @__PURE__ */ jsxRuntime.jsx("div", {
-        class: "h-2 absolute w-full"
-      }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", {
-        class: {
-          "absolute z-1000 mt-2": true,
-          "backdrop-blur-lg": !noblur,
-          "lum-scroll flex max-h-72 flex-col gap-1 overflow-auto rounded-lum border p-1 select-none motion-safe:transition-all ease-out": true,
-          "left-0": align === "left",
-          "right-0": align === "right",
-          "left-1/2 -translate-x-1/2": align === "center",
-          "pointer-events-none scale-95 opacity-0": !store.opened,
-          "duration-300 group-hover:pointer-events-auto group-hover:scale-100 group-hover:opacity-100 group-hover:duration-75": hover,
-          "focus-within:pointer-events-auto focus-within:scale-100 focus-within:opacity-100 focus-within:duration-75": true,
-          [panelClass]: true
-        },
-        children: [
-          values?.map(({ name, value }, i) => {
-            return /* @__PURE__ */ jsxRuntime.jsx("button", {
-              type: "button",
-              class: {
-                "lum-btn rounded-lum-1": true,
-                [btnClass]: true
-              },
-              onClick$: (e, el) => {
-                el.blur();
-                store.opened = false;
-                const select = selectRef.value;
-                if (select) {
-                  select.value = value.toString();
-                  select.dispatchEvent(new Event("change"));
-                }
-                store.value = value.toString();
-              },
-              children: name
-            }, i);
-          }),
-          /* @__PURE__ */ jsxRuntime.jsx(core.Slot, {
-            name: "extra-buttons"
-          })
-        ]
-      })
-    ]
-  });
-});
-exports.SelectMenu = SelectMenu;
-exports.SelectMenuRaw = SelectMenuRaw;