@nr1e/qwik-ui 0.0.27 → 0.0.29

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 (42) hide show
  1. package/lib/components/add-button.qwik.cjs +2 -2
  2. package/lib/components/add-button.qwik.mjs +1 -1
  3. package/lib/components/alert-error.qwik.cjs +2 -2
  4. package/lib/components/alert-error.qwik.mjs +1 -1
  5. package/lib/components/alert-info.qwik.cjs +2 -2
  6. package/lib/components/alert-info.qwik.mjs +1 -1
  7. package/lib/components/alert-success.qwik.cjs +2 -2
  8. package/lib/components/alert-success.qwik.mjs +1 -1
  9. package/lib/components/alert-warning.qwik.cjs +2 -2
  10. package/lib/components/alert-warning.qwik.mjs +1 -1
  11. package/lib/components/dialog.qwik.cjs +13 -8
  12. package/lib/components/dialog.qwik.mjs +11 -6
  13. package/lib/components/menu.qwik.cjs +65 -0
  14. package/lib/components/menu.qwik.mjs +65 -0
  15. package/lib/index.qwik.cjs +7 -0
  16. package/lib/index.qwik.mjs +7 -0
  17. package/lib-types/components/dialog.d.ts +2 -0
  18. package/lib-types/components/menu.d.ts +20 -0
  19. package/lib-types/index.d.ts +1 -0
  20. package/lib-types/root.d.ts +1 -0
  21. package/lib-types/routes/index.d.ts +2 -0
  22. package/lib-types/routes/layout.d.ts +2 -0
  23. package/lib-types/routes/menu-demo/index.d.ts +2 -0
  24. package/lib-types/routes/universal-layout-demo/index.d.ts +2 -0
  25. package/package.json +14 -11
  26. package/lib/qwik-icons/lib/components/icons/mdi-add-circle-outline.qwik.qwik.cjs +0 -16
  27. package/lib/qwik-icons/lib/components/icons/mdi-add-circle-outline.qwik.qwik.mjs +0 -16
  28. package/lib/qwik-icons/lib/components/icons/mdi-check-circle-outline.qwik.qwik.cjs +0 -16
  29. package/lib/qwik-icons/lib/components/icons/mdi-check-circle-outline.qwik.qwik.mjs +0 -16
  30. package/lib/qwik-icons/lib/components/icons/mdi-close.qwik.qwik.cjs +0 -16
  31. package/lib/qwik-icons/lib/components/icons/mdi-close.qwik.qwik.mjs +0 -16
  32. package/lib/qwik-icons/lib/components/icons/mdi-error-outline.qwik.qwik.cjs +0 -16
  33. package/lib/qwik-icons/lib/components/icons/mdi-error-outline.qwik.qwik.mjs +0 -16
  34. package/lib/qwik-icons/lib/components/icons/mdi-information-outline.qwik.qwik.cjs +0 -16
  35. package/lib/qwik-icons/lib/components/icons/mdi-information-outline.qwik.qwik.mjs +0 -16
  36. package/lib/qwik-icons/lib/components/icons/mdi-warning-outline.qwik.qwik.cjs +0 -16
  37. package/lib/qwik-icons/lib/components/icons/mdi-warning-outline.qwik.qwik.mjs +0 -16
  38. package/lib/qwik-icons/lib/components/icons/spinners-6-dots-rotate.qwik.qwik.cjs +0 -72
  39. package/lib/qwik-icons/lib/components/icons/spinners-6-dots-rotate.qwik.qwik.mjs +0 -72
  40. package/lib/qwik-icons/lib/components/svg.qwik.qwik.cjs +0 -25
  41. package/lib/qwik-icons/lib/components/svg.qwik.qwik.mjs +0 -25
  42. package/lib-types/universal-layout-demo.d.ts +0 -1
@@ -2,13 +2,13 @@
2
2
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
3
  const jsxRuntime = require("@builder.io/qwik/jsx-runtime");
4
4
  const qwik = require("@builder.io/qwik");
5
- const mdiAddCircleOutline_qwik = require("../qwik-icons/lib/components/icons/mdi-add-circle-outline.qwik.qwik.cjs");
5
+ const qwikIcons = require("@nr1e/qwik-icons");
6
6
  const AddButton = qwik.component$((props) => {
7
7
  return /* @__PURE__ */ jsxRuntime.jsxs("button", {
8
8
  class: `btn ${props.class ?? ""}`,
9
9
  onClick$: props.onClick$,
10
10
  children: [
11
- /* @__PURE__ */ jsxRuntime.jsx(mdiAddCircleOutline_qwik.MdiAddCircleOutline, {
11
+ /* @__PURE__ */ jsxRuntime.jsx(qwikIcons.MdiAddCircleOutline, {
12
12
  size: 24
13
13
  }),
14
14
  /* @__PURE__ */ jsxRuntime.jsx(qwik.Slot, {})
@@ -1,6 +1,6 @@
1
1
  import { jsxs, jsx } from "@builder.io/qwik/jsx-runtime";
2
2
  import { component$, Slot } from "@builder.io/qwik";
3
- import { MdiAddCircleOutline } from "../qwik-icons/lib/components/icons/mdi-add-circle-outline.qwik.qwik.mjs";
3
+ import { MdiAddCircleOutline } from "@nr1e/qwik-icons";
4
4
  const AddButton = component$((props) => {
5
5
  return /* @__PURE__ */ jsxs("button", {
6
6
  class: `btn ${props.class ?? ""}`,
@@ -2,13 +2,13 @@
2
2
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
3
  const jsxRuntime = require("@builder.io/qwik/jsx-runtime");
4
4
  const qwik = require("@builder.io/qwik");
5
- const mdiErrorOutline_qwik = require("../qwik-icons/lib/components/icons/mdi-error-outline.qwik.qwik.cjs");
5
+ const qwikIcons = require("@nr1e/qwik-icons");
6
6
  const AlertError = qwik.component$((props) => {
7
7
  return /* @__PURE__ */ jsxRuntime.jsxs("div", {
8
8
  role: "alert",
9
9
  class: "alert alert-error",
10
10
  children: [
11
- /* @__PURE__ */ jsxRuntime.jsx(mdiErrorOutline_qwik.MdiErrorOutline, {
11
+ /* @__PURE__ */ jsxRuntime.jsx(qwikIcons.MdiErrorOutline, {
12
12
  size: 24
13
13
  }),
14
14
  /* @__PURE__ */ jsxRuntime.jsx("span", {
@@ -1,6 +1,6 @@
1
1
  import { jsxs, jsx } from "@builder.io/qwik/jsx-runtime";
2
2
  import { component$ } from "@builder.io/qwik";
3
- import { MdiErrorOutline } from "../qwik-icons/lib/components/icons/mdi-error-outline.qwik.qwik.mjs";
3
+ import { MdiErrorOutline } from "@nr1e/qwik-icons";
4
4
  const AlertError = component$((props) => {
5
5
  return /* @__PURE__ */ jsxs("div", {
6
6
  role: "alert",
@@ -2,13 +2,13 @@
2
2
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
3
  const jsxRuntime = require("@builder.io/qwik/jsx-runtime");
4
4
  const qwik = require("@builder.io/qwik");
5
- const mdiInformationOutline_qwik = require("../qwik-icons/lib/components/icons/mdi-information-outline.qwik.qwik.cjs");
5
+ const qwikIcons = require("@nr1e/qwik-icons");
6
6
  const AlertInfo = qwik.component$((props) => {
7
7
  return /* @__PURE__ */ jsxRuntime.jsxs("div", {
8
8
  role: "alert",
9
9
  class: "alert alert-info",
10
10
  children: [
11
- /* @__PURE__ */ jsxRuntime.jsx(mdiInformationOutline_qwik.MdiInformationOutline, {
11
+ /* @__PURE__ */ jsxRuntime.jsx(qwikIcons.MdiInformationOutline, {
12
12
  size: 24
13
13
  }),
14
14
  /* @__PURE__ */ jsxRuntime.jsx("span", {
@@ -1,6 +1,6 @@
1
1
  import { jsxs, jsx } from "@builder.io/qwik/jsx-runtime";
2
2
  import { component$ } from "@builder.io/qwik";
3
- import { MdiInformationOutline } from "../qwik-icons/lib/components/icons/mdi-information-outline.qwik.qwik.mjs";
3
+ import { MdiInformationOutline } from "@nr1e/qwik-icons";
4
4
  const AlertInfo = component$((props) => {
5
5
  return /* @__PURE__ */ jsxs("div", {
6
6
  role: "alert",
@@ -2,13 +2,13 @@
2
2
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
3
  const jsxRuntime = require("@builder.io/qwik/jsx-runtime");
4
4
  const qwik = require("@builder.io/qwik");
5
- const mdiCheckCircleOutline_qwik = require("../qwik-icons/lib/components/icons/mdi-check-circle-outline.qwik.qwik.cjs");
5
+ const qwikIcons = require("@nr1e/qwik-icons");
6
6
  const AlertSuccess = qwik.component$((props) => {
7
7
  return /* @__PURE__ */ jsxRuntime.jsxs("div", {
8
8
  role: "alert",
9
9
  class: "alert alert-success",
10
10
  children: [
11
- /* @__PURE__ */ jsxRuntime.jsx(mdiCheckCircleOutline_qwik.MdiCheckCircleOutline, {
11
+ /* @__PURE__ */ jsxRuntime.jsx(qwikIcons.MdiCheckCircleOutline, {
12
12
  size: 24
13
13
  }),
14
14
  /* @__PURE__ */ jsxRuntime.jsx("span", {
@@ -1,6 +1,6 @@
1
1
  import { jsxs, jsx } from "@builder.io/qwik/jsx-runtime";
2
2
  import { component$ } from "@builder.io/qwik";
3
- import { MdiCheckCircleOutline } from "../qwik-icons/lib/components/icons/mdi-check-circle-outline.qwik.qwik.mjs";
3
+ import { MdiCheckCircleOutline } from "@nr1e/qwik-icons";
4
4
  const AlertSuccess = component$((props) => {
5
5
  return /* @__PURE__ */ jsxs("div", {
6
6
  role: "alert",
@@ -2,13 +2,13 @@
2
2
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
3
  const jsxRuntime = require("@builder.io/qwik/jsx-runtime");
4
4
  const qwik = require("@builder.io/qwik");
5
- const mdiWarningOutline_qwik = require("../qwik-icons/lib/components/icons/mdi-warning-outline.qwik.qwik.cjs");
5
+ const qwikIcons = require("@nr1e/qwik-icons");
6
6
  const AlertWarning = qwik.component$((props) => {
7
7
  return /* @__PURE__ */ jsxRuntime.jsxs("div", {
8
8
  role: "alert",
9
9
  class: "alert alert-warning",
10
10
  children: [
11
- /* @__PURE__ */ jsxRuntime.jsx(mdiWarningOutline_qwik.MdiWarningOutline, {
11
+ /* @__PURE__ */ jsxRuntime.jsx(qwikIcons.MdiWarningOutline, {
12
12
  size: 24
13
13
  }),
14
14
  /* @__PURE__ */ jsxRuntime.jsx("span", {
@@ -1,6 +1,6 @@
1
1
  import { jsxs, jsx } from "@builder.io/qwik/jsx-runtime";
2
2
  import { component$ } from "@builder.io/qwik";
3
- import { MdiWarningOutline } from "../qwik-icons/lib/components/icons/mdi-warning-outline.qwik.qwik.mjs";
3
+ import { MdiWarningOutline } from "@nr1e/qwik-icons";
4
4
  const AlertWarning = component$((props) => {
5
5
  return /* @__PURE__ */ jsxs("div", {
6
6
  role: "alert",
@@ -2,8 +2,7 @@
2
2
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
3
  const jsxRuntime = require("@builder.io/qwik/jsx-runtime");
4
4
  const qwik = require("@builder.io/qwik");
5
- const mdiClose_qwik = require("../qwik-icons/lib/components/icons/mdi-close.qwik.qwik.cjs");
6
- const spinners6DotsRotate_qwik = require("../qwik-icons/lib/components/icons/spinners-6-dots-rotate.qwik.qwik.cjs");
5
+ const qwikIcons = require("@nr1e/qwik-icons");
7
6
  const alertError = require("./alert-error.qwik.cjs");
8
7
  const alertInfo = require("./alert-info.qwik.cjs");
9
8
  const alertWarning = require("./alert-warning.qwik.cjs");
@@ -11,19 +10,25 @@ const alertSuccess = require("./alert-success.qwik.cjs");
11
10
  const Dialog = qwik.component$((props) => {
12
11
  const internalOpen = qwik.useSignal(props.open.value);
13
12
  const dialog = qwik.useSignal();
14
- qwik.useTask$(({ track }) => {
13
+ qwik.useTask$(async ({ track }) => {
15
14
  track(() => props.open.value);
16
15
  if (!props.open.value && internalOpen.value) {
17
16
  if (props.onClose$ && dialog.value) {
18
- props.onClose$(dialog.value);
17
+ await props.onClose$(dialog.value);
19
18
  }
20
19
  internalOpen.value = false;
20
+ if (props.onPostClose$ && dialog.value) {
21
+ await props.onPostClose$(dialog.value);
22
+ }
21
23
  }
22
24
  if (props.open.value && !internalOpen.value) {
23
25
  if (props.onOpen$ && dialog.value) {
24
- props.onOpen$(dialog.value);
26
+ await props.onOpen$(dialog.value);
25
27
  }
26
28
  internalOpen.value = true;
29
+ if (props.onPostOpen$ && dialog.value) {
30
+ await props.onPostOpen$(dialog.value);
31
+ }
27
32
  }
28
33
  });
29
34
  qwik.useOnDocument("keydown", qwik.$((event) => {
@@ -44,7 +49,7 @@ const Dialog = qwik.component$((props) => {
44
49
  onClick$: () => {
45
50
  props.open.value = false;
46
51
  },
47
- children: /* @__PURE__ */ jsxRuntime.jsx(mdiClose_qwik.MdiClose, {
52
+ children: /* @__PURE__ */ jsxRuntime.jsx(qwikIcons.MdiClose, {
48
53
  size: 24
49
54
  })
50
55
  }),
@@ -56,10 +61,10 @@ const Dialog = qwik.component$((props) => {
56
61
  class: "py-4",
57
62
  children: [
58
63
  props.loading && props.loading.value && /* @__PURE__ */ jsxRuntime.jsx("div", {
59
- class: "flex justify-center",
64
+ class: "flex justify-center p-20",
60
65
  children: /* @__PURE__ */ jsxRuntime.jsx("div", {
61
66
  class: "opacity-20",
62
- children: /* @__PURE__ */ jsxRuntime.jsx(spinners6DotsRotate_qwik.Spinners6DotsRotate, {
67
+ children: /* @__PURE__ */ jsxRuntime.jsx(qwikIcons.Spinners6DotsRotate, {
63
68
  size: 64
64
69
  })
65
70
  })
@@ -1,7 +1,6 @@
1
1
  import { jsx, jsxs, Fragment } from "@builder.io/qwik/jsx-runtime";
2
2
  import { component$, useSignal, useTask$, useOnDocument, $, Slot } from "@builder.io/qwik";
3
- import { MdiClose } from "../qwik-icons/lib/components/icons/mdi-close.qwik.qwik.mjs";
4
- import { Spinners6DotsRotate } from "../qwik-icons/lib/components/icons/spinners-6-dots-rotate.qwik.qwik.mjs";
3
+ import { MdiClose, Spinners6DotsRotate } from "@nr1e/qwik-icons";
5
4
  import { AlertError } from "./alert-error.qwik.mjs";
6
5
  import { AlertInfo } from "./alert-info.qwik.mjs";
7
6
  import { AlertWarning } from "./alert-warning.qwik.mjs";
@@ -9,19 +8,25 @@ import { AlertSuccess } from "./alert-success.qwik.mjs";
9
8
  const Dialog = component$((props) => {
10
9
  const internalOpen = useSignal(props.open.value);
11
10
  const dialog = useSignal();
12
- useTask$(({ track }) => {
11
+ useTask$(async ({ track }) => {
13
12
  track(() => props.open.value);
14
13
  if (!props.open.value && internalOpen.value) {
15
14
  if (props.onClose$ && dialog.value) {
16
- props.onClose$(dialog.value);
15
+ await props.onClose$(dialog.value);
17
16
  }
18
17
  internalOpen.value = false;
18
+ if (props.onPostClose$ && dialog.value) {
19
+ await props.onPostClose$(dialog.value);
20
+ }
19
21
  }
20
22
  if (props.open.value && !internalOpen.value) {
21
23
  if (props.onOpen$ && dialog.value) {
22
- props.onOpen$(dialog.value);
24
+ await props.onOpen$(dialog.value);
23
25
  }
24
26
  internalOpen.value = true;
27
+ if (props.onPostOpen$ && dialog.value) {
28
+ await props.onPostOpen$(dialog.value);
29
+ }
25
30
  }
26
31
  });
27
32
  useOnDocument("keydown", $((event) => {
@@ -54,7 +59,7 @@ const Dialog = component$((props) => {
54
59
  class: "py-4",
55
60
  children: [
56
61
  props.loading && props.loading.value && /* @__PURE__ */ jsx("div", {
57
- class: "flex justify-center",
62
+ class: "flex justify-center p-20",
58
63
  children: /* @__PURE__ */ jsx("div", {
59
64
  class: "opacity-20",
60
65
  children: /* @__PURE__ */ jsx(Spinners6DotsRotate, {
@@ -0,0 +1,65 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
+ const jsxRuntime = require("@builder.io/qwik/jsx-runtime");
4
+ const qwik = require("@builder.io/qwik");
5
+ const qwikCity = require("@builder.io/qwik-city");
6
+ const MenuItem = qwik.component$((props) => {
7
+ const nav = qwikCity.useNavigate();
8
+ return /* @__PURE__ */ jsxRuntime.jsx("li", {
9
+ children: /* @__PURE__ */ jsxRuntime.jsx(qwikCity.Link, {
10
+ class: `truncate ${props.selected && "bg-base-200"}`,
11
+ href: props.href,
12
+ prefetch: props.prefetch ?? true,
13
+ onClick$: async (event) => {
14
+ if (props.onClick$) {
15
+ await props.onClick$(event);
16
+ } else {
17
+ if (props.loading) {
18
+ props.loading.value = true;
19
+ }
20
+ await nav(props.href);
21
+ if (props.loading) {
22
+ props.loading.value = false;
23
+ }
24
+ }
25
+ },
26
+ children: /* @__PURE__ */ jsxRuntime.jsx(qwik.Slot, {})
27
+ })
28
+ });
29
+ });
30
+ const MenuGroupSummary = qwik.component$(() => {
31
+ return /* @__PURE__ */ jsxRuntime.jsx("summary", {
32
+ class: "truncate",
33
+ children: /* @__PURE__ */ jsxRuntime.jsx(qwik.Slot, {})
34
+ });
35
+ });
36
+ const MenuGroup = qwik.component$((props) => {
37
+ return /* @__PURE__ */ jsxRuntime.jsx("li", {
38
+ children: /* @__PURE__ */ jsxRuntime.jsx("details", {
39
+ open: props.open,
40
+ children: /* @__PURE__ */ jsxRuntime.jsx(qwik.Slot, {})
41
+ })
42
+ });
43
+ });
44
+ const Submenu = qwik.component$(() => {
45
+ return /* @__PURE__ */ jsxRuntime.jsx("ul", {
46
+ children: /* @__PURE__ */ jsxRuntime.jsx(qwik.Slot, {})
47
+ });
48
+ });
49
+ const MenuDivider = qwik.component$(() => {
50
+ return /* @__PURE__ */ jsxRuntime.jsx("li", {
51
+ class: "divier"
52
+ });
53
+ });
54
+ const Menu = qwik.component$((props) => {
55
+ return /* @__PURE__ */ jsxRuntime.jsx("ul", {
56
+ class: `menu w-56 ${props?.class || null}`,
57
+ children: /* @__PURE__ */ jsxRuntime.jsx(qwik.Slot, {})
58
+ });
59
+ });
60
+ exports.Menu = Menu;
61
+ exports.MenuDivider = MenuDivider;
62
+ exports.MenuGroup = MenuGroup;
63
+ exports.MenuGroupSummary = MenuGroupSummary;
64
+ exports.MenuItem = MenuItem;
65
+ exports.Submenu = Submenu;
@@ -0,0 +1,65 @@
1
+ import { jsx } from "@builder.io/qwik/jsx-runtime";
2
+ import { component$, Slot } from "@builder.io/qwik";
3
+ import { useNavigate, Link } from "@builder.io/qwik-city";
4
+ const MenuItem = component$((props) => {
5
+ const nav = useNavigate();
6
+ return /* @__PURE__ */ jsx("li", {
7
+ children: /* @__PURE__ */ jsx(Link, {
8
+ class: `truncate ${props.selected && "bg-base-200"}`,
9
+ href: props.href,
10
+ prefetch: props.prefetch ?? true,
11
+ onClick$: async (event) => {
12
+ if (props.onClick$) {
13
+ await props.onClick$(event);
14
+ } else {
15
+ if (props.loading) {
16
+ props.loading.value = true;
17
+ }
18
+ await nav(props.href);
19
+ if (props.loading) {
20
+ props.loading.value = false;
21
+ }
22
+ }
23
+ },
24
+ children: /* @__PURE__ */ jsx(Slot, {})
25
+ })
26
+ });
27
+ });
28
+ const MenuGroupSummary = component$(() => {
29
+ return /* @__PURE__ */ jsx("summary", {
30
+ class: "truncate",
31
+ children: /* @__PURE__ */ jsx(Slot, {})
32
+ });
33
+ });
34
+ const MenuGroup = component$((props) => {
35
+ return /* @__PURE__ */ jsx("li", {
36
+ children: /* @__PURE__ */ jsx("details", {
37
+ open: props.open,
38
+ children: /* @__PURE__ */ jsx(Slot, {})
39
+ })
40
+ });
41
+ });
42
+ const Submenu = component$(() => {
43
+ return /* @__PURE__ */ jsx("ul", {
44
+ children: /* @__PURE__ */ jsx(Slot, {})
45
+ });
46
+ });
47
+ const MenuDivider = component$(() => {
48
+ return /* @__PURE__ */ jsx("li", {
49
+ class: "divier"
50
+ });
51
+ });
52
+ const Menu = component$((props) => {
53
+ return /* @__PURE__ */ jsx("ul", {
54
+ class: `menu w-56 ${props?.class || null}`,
55
+ children: /* @__PURE__ */ jsx(Slot, {})
56
+ });
57
+ });
58
+ export {
59
+ Menu,
60
+ MenuDivider,
61
+ MenuGroup,
62
+ MenuGroupSummary,
63
+ MenuItem,
64
+ Submenu
65
+ };
@@ -7,6 +7,7 @@ const alertSuccess = require("./components/alert-success.qwik.cjs");
7
7
  const alertWarning = require("./components/alert-warning.qwik.cjs");
8
8
  const checkboxField = require("./components/checkbox-field.qwik.cjs");
9
9
  const dialog = require("./components/dialog.qwik.cjs");
10
+ const menu = require("./components/menu.qwik.cjs");
10
11
  const paceBar = require("./components/pace-bar.qwik.cjs");
11
12
  const selectField = require("./components/select-field.qwik.cjs");
12
13
  const textField = require("./components/text-field.qwik.cjs");
@@ -18,6 +19,12 @@ exports.AlertSuccess = alertSuccess.AlertSuccess;
18
19
  exports.AlertWarning = alertWarning.AlertWarning;
19
20
  exports.CheckboxField = checkboxField.CheckboxField;
20
21
  exports.Dialog = dialog.Dialog;
22
+ exports.Menu = menu.Menu;
23
+ exports.MenuDivider = menu.MenuDivider;
24
+ exports.MenuGroup = menu.MenuGroup;
25
+ exports.MenuGroupSummary = menu.MenuGroupSummary;
26
+ exports.MenuItem = menu.MenuItem;
27
+ exports.Submenu = menu.Submenu;
21
28
  exports.PaceBar = paceBar.PaceBar;
22
29
  exports.SelectField = selectField.SelectField;
23
30
  exports.TextField = textField.TextField;
@@ -5,6 +5,7 @@ import { AlertSuccess } from "./components/alert-success.qwik.mjs";
5
5
  import { AlertWarning } from "./components/alert-warning.qwik.mjs";
6
6
  import { CheckboxField } from "./components/checkbox-field.qwik.mjs";
7
7
  import { Dialog } from "./components/dialog.qwik.mjs";
8
+ import { Menu, MenuDivider, MenuGroup, MenuGroupSummary, MenuItem, Submenu } from "./components/menu.qwik.mjs";
8
9
  import { PaceBar } from "./components/pace-bar.qwik.mjs";
9
10
  import { SelectField } from "./components/select-field.qwik.mjs";
10
11
  import { TextField } from "./components/text-field.qwik.mjs";
@@ -17,8 +18,14 @@ export {
17
18
  AlertWarning,
18
19
  CheckboxField,
19
20
  Dialog,
21
+ Menu,
22
+ MenuDivider,
23
+ MenuGroup,
24
+ MenuGroupSummary,
25
+ MenuItem,
20
26
  PaceBar,
21
27
  SelectField,
28
+ Submenu,
22
29
  TextField,
23
30
  UniversalLayout
24
31
  };
@@ -10,7 +10,9 @@ export interface DialogProps {
10
10
  successMessage?: string;
11
11
  warningMessage?: string;
12
12
  onClose$?: QRL<(e: HTMLDialogElement) => void>;
13
+ onPostClose$?: QRL<(e: HTMLDialogElement) => void>;
13
14
  onOpen$?: QRL<(e: HTMLDialogElement) => void>;
15
+ onPostOpen$?: QRL<(e: HTMLDialogElement) => void>;
14
16
  loading?: Signal<boolean>;
15
17
  }
16
18
  export declare const Dialog: import("@builder.io/qwik").Component<DialogProps>;
@@ -0,0 +1,20 @@
1
+ import { QRL, Signal } from '@builder.io/qwik';
2
+ export interface MenuItemProps {
3
+ href?: string;
4
+ prefetch?: boolean;
5
+ selected?: boolean;
6
+ loading?: Signal<boolean>;
7
+ onClick$?: QRL<(event: Event) => void>;
8
+ }
9
+ export declare const MenuItem: import("@builder.io/qwik").Component<MenuItemProps>;
10
+ export declare const MenuGroupSummary: import("@builder.io/qwik").Component<unknown>;
11
+ export interface MenuGroupProps {
12
+ open?: boolean;
13
+ }
14
+ export declare const MenuGroup: import("@builder.io/qwik").Component<MenuGroupProps>;
15
+ export declare const Submenu: import("@builder.io/qwik").Component<unknown>;
16
+ export declare const MenuDivider: import("@builder.io/qwik").Component<unknown>;
17
+ export interface MenuProps {
18
+ class?: string;
19
+ }
20
+ export declare const Menu: import("@builder.io/qwik").Component<MenuProps | undefined>;
@@ -5,6 +5,7 @@ export * from './components/alert-success';
5
5
  export * from './components/alert-warning';
6
6
  export * from './components/checkbox-field';
7
7
  export * from './components/dialog';
8
+ export * from './components/menu';
8
9
  export * from './components/pace-bar';
9
10
  export * from './components/select-field';
10
11
  export * from './components/text-field';
@@ -1,3 +1,4 @@
1
1
  import './global.css';
2
+ export declare const RouterHead: import("@builder.io/qwik").Component<unknown>;
2
3
  declare const _default: import("@builder.io/qwik").Component<unknown>;
3
4
  export default _default;
@@ -0,0 +1,2 @@
1
+ declare const _default: import("@builder.io/qwik").Component<unknown>;
2
+ export default _default;
@@ -0,0 +1,2 @@
1
+ declare const _default: import("@builder.io/qwik").Component<unknown>;
2
+ export default _default;
@@ -0,0 +1,2 @@
1
+ declare const _default: import("@builder.io/qwik").Component<unknown>;
2
+ export default _default;
@@ -0,0 +1,2 @@
1
+ declare const _default: import("@builder.io/qwik").Component<unknown>;
2
+ export default _default;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nr1e/qwik-ui",
3
- "version": "0.0.27",
3
+ "version": "0.0.29",
4
4
  "description": "NR1E Qwik UI Library",
5
5
  "author": "NR1E, Inc.",
6
6
  "publishConfig": {
@@ -9,7 +9,7 @@
9
9
  "license": "Apache-2.0",
10
10
  "repository": {
11
11
  "type": "git",
12
- "url": "https://github.com/nr1etech/lib-js.git"
12
+ "url": "https://github.com/nr1etech/public.git"
13
13
  },
14
14
  "main": "./lib/index.qwik.mjs",
15
15
  "qwik": "./lib/index.qwik.mjs",
@@ -33,26 +33,29 @@
33
33
  "private": false,
34
34
  "sideEffects": false,
35
35
  "type": "module",
36
+ "peerDependencies": {
37
+ "@builder.io/qwik-city": "1.19.0",
38
+ "@nr1e/qwik-icons": "0.0.14"
39
+ },
36
40
  "devDependencies": {
37
- "@builder.io/qwik": "1.18.0",
41
+ "@builder.io/qwik": "1.19.0",
38
42
  "@eslint/js": "latest",
39
- "@nr1e/qwik-icons": "",
40
43
  "@tailwindcss/vite": "^4.1.17",
41
- "@types/node": "^25.0.10",
42
- "daisyui": "^5.5.14",
44
+ "@types/node": "^25.2.2",
45
+ "daisyui": "^5.5.18",
43
46
  "eslint": "9.39.2",
44
- "eslint-plugin-qwik": "1.18.0",
47
+ "eslint-plugin-qwik": "1.19.0",
45
48
  "globals": "17.0.0",
46
- "np": "^8.0.4",
49
+ "np": "^11.0.2",
47
50
  "prettier": "3.8.1",
48
51
  "prettier-plugin-tailwindcss": "^0.7.1",
49
52
  "tailwindcss": "^4.1.17",
50
- "typescript": "5.4.5",
51
- "typescript-eslint": "8.38.0",
53
+ "typescript": "5.9.3",
54
+ "typescript-eslint": "8.55.0",
52
55
  "undici": "*",
53
56
  "vite": "7.2.6",
54
57
  "vite-tsconfig-paths": "^6.0.5",
55
- "vitest": "4.0.6"
58
+ "vitest": "4.0.18"
56
59
  },
57
60
  "scripts": {
58
61
  "prebuild": "prettier --check . && eslint .",
@@ -1,16 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const jsxRuntime = require("@builder.io/qwik/jsx-runtime");
4
- const qwik = require("@builder.io/qwik");
5
- const svg_qwik = require("../svg.qwik.qwik.cjs");
6
- const MdiAddCircleOutline = qwik.component$((props) => {
7
- return /* @__PURE__ */ jsxRuntime.jsx(svg_qwik.Svg, {
8
- ...props,
9
- viewBox: "0 0 24 24",
10
- children: /* @__PURE__ */ jsxRuntime.jsx("path", {
11
- fill: "currentColor",
12
- d: "M12 20c-4.41 0-8-3.59-8-8s3.59-8 8-8s8 3.59 8 8s-3.59 8-8 8m0-18A10 10 0 0 0 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10A10 10 0 0 0 12 2m1 5h-2v4H7v2h4v4h2v-4h4v-2h-4z"
13
- })
14
- });
15
- });
16
- exports.MdiAddCircleOutline = MdiAddCircleOutline;
@@ -1,16 +0,0 @@
1
- import { jsx } from "@builder.io/qwik/jsx-runtime";
2
- import { component$ } from "@builder.io/qwik";
3
- import { Svg } from "../svg.qwik.qwik.mjs";
4
- const MdiAddCircleOutline = component$((props) => {
5
- return /* @__PURE__ */ jsx(Svg, {
6
- ...props,
7
- viewBox: "0 0 24 24",
8
- children: /* @__PURE__ */ jsx("path", {
9
- fill: "currentColor",
10
- d: "M12 20c-4.41 0-8-3.59-8-8s3.59-8 8-8s8 3.59 8 8s-3.59 8-8 8m0-18A10 10 0 0 0 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10A10 10 0 0 0 12 2m1 5h-2v4H7v2h4v4h2v-4h4v-2h-4z"
11
- })
12
- });
13
- });
14
- export {
15
- MdiAddCircleOutline
16
- };
@@ -1,16 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const jsxRuntime = require("@builder.io/qwik/jsx-runtime");
4
- const qwik = require("@builder.io/qwik");
5
- const svg_qwik = require("../svg.qwik.qwik.cjs");
6
- const MdiCheckCircleOutline = qwik.component$((props) => {
7
- return /* @__PURE__ */ jsxRuntime.jsx(svg_qwik.Svg, {
8
- ...props,
9
- viewBox: "0 0 24 24",
10
- children: /* @__PURE__ */ jsxRuntime.jsx("path", {
11
- fill: "currentColor",
12
- d: "M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10s10-4.5 10-10S17.5 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8s8 3.59 8 8s-3.59 8-8 8m4.59-12.42L10 14.17l-2.59-2.58L6 13l4 4l8-8z"
13
- })
14
- });
15
- });
16
- exports.MdiCheckCircleOutline = MdiCheckCircleOutline;
@@ -1,16 +0,0 @@
1
- import { jsx } from "@builder.io/qwik/jsx-runtime";
2
- import { component$ } from "@builder.io/qwik";
3
- import { Svg } from "../svg.qwik.qwik.mjs";
4
- const MdiCheckCircleOutline = component$((props) => {
5
- return /* @__PURE__ */ jsx(Svg, {
6
- ...props,
7
- viewBox: "0 0 24 24",
8
- children: /* @__PURE__ */ jsx("path", {
9
- fill: "currentColor",
10
- d: "M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10s10-4.5 10-10S17.5 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8s8 3.59 8 8s-3.59 8-8 8m4.59-12.42L10 14.17l-2.59-2.58L6 13l4 4l8-8z"
11
- })
12
- });
13
- });
14
- export {
15
- MdiCheckCircleOutline
16
- };
@@ -1,16 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const jsxRuntime = require("@builder.io/qwik/jsx-runtime");
4
- const qwik = require("@builder.io/qwik");
5
- const svg_qwik = require("../svg.qwik.qwik.cjs");
6
- const MdiClose = qwik.component$((props) => {
7
- return /* @__PURE__ */ jsxRuntime.jsx(svg_qwik.Svg, {
8
- ...props,
9
- viewBox: "0 0 24 24",
10
- children: /* @__PURE__ */ jsxRuntime.jsx("path", {
11
- fill: "currentColor",
12
- d: "M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12z"
13
- })
14
- });
15
- });
16
- exports.MdiClose = MdiClose;
@@ -1,16 +0,0 @@
1
- import { jsx } from "@builder.io/qwik/jsx-runtime";
2
- import { component$ } from "@builder.io/qwik";
3
- import { Svg } from "../svg.qwik.qwik.mjs";
4
- const MdiClose = component$((props) => {
5
- return /* @__PURE__ */ jsx(Svg, {
6
- ...props,
7
- viewBox: "0 0 24 24",
8
- children: /* @__PURE__ */ jsx("path", {
9
- fill: "currentColor",
10
- d: "M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12z"
11
- })
12
- });
13
- });
14
- export {
15
- MdiClose
16
- };
@@ -1,16 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const jsxRuntime = require("@builder.io/qwik/jsx-runtime");
4
- const qwik = require("@builder.io/qwik");
5
- const svg_qwik = require("../svg.qwik.qwik.cjs");
6
- const MdiErrorOutline = qwik.component$((props) => {
7
- return /* @__PURE__ */ jsxRuntime.jsx(svg_qwik.Svg, {
8
- ...props,
9
- viewBox: "0 0 24 24",
10
- children: /* @__PURE__ */ jsxRuntime.jsx("path", {
11
- fill: "currentColor",
12
- d: "M11 15h2v2h-2zm0-8h2v6h-2zm1-5C6.47 2 2 6.5 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10A10 10 0 0 0 12 2m0 18a8 8 0 0 1-8-8a8 8 0 0 1 8-8a8 8 0 0 1 8 8a8 8 0 0 1-8 8"
13
- })
14
- });
15
- });
16
- exports.MdiErrorOutline = MdiErrorOutline;
@@ -1,16 +0,0 @@
1
- import { jsx } from "@builder.io/qwik/jsx-runtime";
2
- import { component$ } from "@builder.io/qwik";
3
- import { Svg } from "../svg.qwik.qwik.mjs";
4
- const MdiErrorOutline = component$((props) => {
5
- return /* @__PURE__ */ jsx(Svg, {
6
- ...props,
7
- viewBox: "0 0 24 24",
8
- children: /* @__PURE__ */ jsx("path", {
9
- fill: "currentColor",
10
- d: "M11 15h2v2h-2zm0-8h2v6h-2zm1-5C6.47 2 2 6.5 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10A10 10 0 0 0 12 2m0 18a8 8 0 0 1-8-8a8 8 0 0 1 8-8a8 8 0 0 1 8 8a8 8 0 0 1-8 8"
11
- })
12
- });
13
- });
14
- export {
15
- MdiErrorOutline
16
- };
@@ -1,16 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const jsxRuntime = require("@builder.io/qwik/jsx-runtime");
4
- const qwik = require("@builder.io/qwik");
5
- const svg_qwik = require("../svg.qwik.qwik.cjs");
6
- const MdiInformationOutline = qwik.component$((props) => {
7
- return /* @__PURE__ */ jsxRuntime.jsx(svg_qwik.Svg, {
8
- ...props,
9
- viewBox: "0 0 24 24",
10
- children: /* @__PURE__ */ jsxRuntime.jsx("path", {
11
- fill: "currentColor",
12
- d: "M11 9h2V7h-2m1 13c-4.41 0-8-3.59-8-8s3.59-8 8-8s8 3.59 8 8s-3.59 8-8 8m0-18A10 10 0 0 0 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10A10 10 0 0 0 12 2m-1 15h2v-6h-2z"
13
- })
14
- });
15
- });
16
- exports.MdiInformationOutline = MdiInformationOutline;
@@ -1,16 +0,0 @@
1
- import { jsx } from "@builder.io/qwik/jsx-runtime";
2
- import { component$ } from "@builder.io/qwik";
3
- import { Svg } from "../svg.qwik.qwik.mjs";
4
- const MdiInformationOutline = component$((props) => {
5
- return /* @__PURE__ */ jsx(Svg, {
6
- ...props,
7
- viewBox: "0 0 24 24",
8
- children: /* @__PURE__ */ jsx("path", {
9
- fill: "currentColor",
10
- d: "M11 9h2V7h-2m1 13c-4.41 0-8-3.59-8-8s3.59-8 8-8s8 3.59 8 8s-3.59 8-8 8m0-18A10 10 0 0 0 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10A10 10 0 0 0 12 2m-1 15h2v-6h-2z"
11
- })
12
- });
13
- });
14
- export {
15
- MdiInformationOutline
16
- };
@@ -1,16 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const jsxRuntime = require("@builder.io/qwik/jsx-runtime");
4
- const qwik = require("@builder.io/qwik");
5
- const svg_qwik = require("../svg.qwik.qwik.cjs");
6
- const MdiWarningOutline = qwik.component$((props) => {
7
- return /* @__PURE__ */ jsxRuntime.jsx(svg_qwik.Svg, {
8
- ...props,
9
- viewBox: "0 0 24 24",
10
- children: /* @__PURE__ */ jsxRuntime.jsx("path", {
11
- fill: "currentColor",
12
- d: "M12 2L1 21h22M12 6l7.53 13H4.47M11 10v4h2v-4m-2 6v2h2v-2"
13
- })
14
- });
15
- });
16
- exports.MdiWarningOutline = MdiWarningOutline;
@@ -1,16 +0,0 @@
1
- import { jsx } from "@builder.io/qwik/jsx-runtime";
2
- import { component$ } from "@builder.io/qwik";
3
- import { Svg } from "../svg.qwik.qwik.mjs";
4
- const MdiWarningOutline = component$((props) => {
5
- return /* @__PURE__ */ jsx(Svg, {
6
- ...props,
7
- viewBox: "0 0 24 24",
8
- children: /* @__PURE__ */ jsx("path", {
9
- fill: "currentColor",
10
- d: "M12 2L1 21h22M12 6l7.53 13H4.47M11 10v4h2v-4m-2 6v2h2v-2"
11
- })
12
- });
13
- });
14
- export {
15
- MdiWarningOutline
16
- };
@@ -1,72 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const jsxRuntime = require("@builder.io/qwik/jsx-runtime");
4
- const qwik = require("@builder.io/qwik");
5
- const svg_qwik = require("../svg.qwik.qwik.cjs");
6
- const Spinners6DotsRotate = qwik.component$((props) => {
7
- return /* @__PURE__ */ jsxRuntime.jsx(svg_qwik.Svg, {
8
- ...props,
9
- viewBox: "0 0 24 24",
10
- children: /* @__PURE__ */ jsxRuntime.jsxs("g", {
11
- children: [
12
- /* @__PURE__ */ jsxRuntime.jsx("circle", {
13
- cx: "12",
14
- cy: "2.5",
15
- r: "1.5",
16
- fill: "currentColor",
17
- opacity: "0.14"
18
- }),
19
- /* @__PURE__ */ jsxRuntime.jsx("circle", {
20
- cx: "16.75",
21
- cy: "3.77",
22
- r: "1.5",
23
- fill: "currentColor",
24
- opacity: "0.29"
25
- }),
26
- /* @__PURE__ */ jsxRuntime.jsx("circle", {
27
- cx: "20.23",
28
- cy: "7.25",
29
- r: "1.5",
30
- fill: "currentColor",
31
- opacity: "0.43"
32
- }),
33
- /* @__PURE__ */ jsxRuntime.jsx("circle", {
34
- cx: "21.5",
35
- cy: "12",
36
- r: "1.5",
37
- fill: "currentColor",
38
- opacity: "0.57"
39
- }),
40
- /* @__PURE__ */ jsxRuntime.jsx("circle", {
41
- cx: "20.23",
42
- cy: "16.75",
43
- r: "1.5",
44
- fill: "currentColor",
45
- opacity: "0.71"
46
- }),
47
- /* @__PURE__ */ jsxRuntime.jsx("circle", {
48
- cx: "16.75",
49
- cy: "20.23",
50
- r: "1.5",
51
- fill: "currentColor",
52
- opacity: "0.86"
53
- }),
54
- /* @__PURE__ */ jsxRuntime.jsx("circle", {
55
- cx: "12",
56
- cy: "21.5",
57
- r: "1.5",
58
- fill: "currentColor"
59
- }),
60
- /* @__PURE__ */ jsxRuntime.jsx("animateTransform", {
61
- attributeName: "transform",
62
- calcMode: "discrete",
63
- dur: "0.75s",
64
- repeatCount: "indefinite",
65
- type: "rotate",
66
- values: "0 12 12;30 12 12;60 12 12;90 12 12;120 12 12;150 12 12;180 12 12;210 12 12;240 12 12;270 12 12;300 12 12;330 12 12;360 12 12"
67
- })
68
- ]
69
- })
70
- });
71
- });
72
- exports.Spinners6DotsRotate = Spinners6DotsRotate;
@@ -1,72 +0,0 @@
1
- import { jsx, jsxs } from "@builder.io/qwik/jsx-runtime";
2
- import { component$ } from "@builder.io/qwik";
3
- import { Svg } from "../svg.qwik.qwik.mjs";
4
- const Spinners6DotsRotate = component$((props) => {
5
- return /* @__PURE__ */ jsx(Svg, {
6
- ...props,
7
- viewBox: "0 0 24 24",
8
- children: /* @__PURE__ */ jsxs("g", {
9
- children: [
10
- /* @__PURE__ */ jsx("circle", {
11
- cx: "12",
12
- cy: "2.5",
13
- r: "1.5",
14
- fill: "currentColor",
15
- opacity: "0.14"
16
- }),
17
- /* @__PURE__ */ jsx("circle", {
18
- cx: "16.75",
19
- cy: "3.77",
20
- r: "1.5",
21
- fill: "currentColor",
22
- opacity: "0.29"
23
- }),
24
- /* @__PURE__ */ jsx("circle", {
25
- cx: "20.23",
26
- cy: "7.25",
27
- r: "1.5",
28
- fill: "currentColor",
29
- opacity: "0.43"
30
- }),
31
- /* @__PURE__ */ jsx("circle", {
32
- cx: "21.5",
33
- cy: "12",
34
- r: "1.5",
35
- fill: "currentColor",
36
- opacity: "0.57"
37
- }),
38
- /* @__PURE__ */ jsx("circle", {
39
- cx: "20.23",
40
- cy: "16.75",
41
- r: "1.5",
42
- fill: "currentColor",
43
- opacity: "0.71"
44
- }),
45
- /* @__PURE__ */ jsx("circle", {
46
- cx: "16.75",
47
- cy: "20.23",
48
- r: "1.5",
49
- fill: "currentColor",
50
- opacity: "0.86"
51
- }),
52
- /* @__PURE__ */ jsx("circle", {
53
- cx: "12",
54
- cy: "21.5",
55
- r: "1.5",
56
- fill: "currentColor"
57
- }),
58
- /* @__PURE__ */ jsx("animateTransform", {
59
- attributeName: "transform",
60
- calcMode: "discrete",
61
- dur: "0.75s",
62
- repeatCount: "indefinite",
63
- type: "rotate",
64
- values: "0 12 12;30 12 12;60 12 12;90 12 12;120 12 12;150 12 12;180 12 12;210 12 12;240 12 12;270 12 12;300 12 12;330 12 12;360 12 12"
65
- })
66
- ]
67
- })
68
- });
69
- });
70
- export {
71
- Spinners6DotsRotate
72
- };
@@ -1,25 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const jsxRuntime = require("@builder.io/qwik/jsx-runtime");
4
- const qwik = require("@builder.io/qwik");
5
- const Svg = qwik.component$((props) => {
6
- const { size, width, height, ...rest } = props;
7
- const svgProps = {};
8
- if (size) {
9
- svgProps["width"] = size;
10
- svgProps["height"] = size;
11
- }
12
- if (width) {
13
- svgProps["width"] = width;
14
- }
15
- if (height) {
16
- svgProps["height"] = height;
17
- }
18
- return /* @__PURE__ */ jsxRuntime.jsx("svg", {
19
- xmlns: "http://www.w3.org/2000/svg",
20
- ...rest,
21
- ...svgProps,
22
- children: /* @__PURE__ */ jsxRuntime.jsx(qwik.Slot, {})
23
- });
24
- });
25
- exports.Svg = Svg;
@@ -1,25 +0,0 @@
1
- import { jsx } from "@builder.io/qwik/jsx-runtime";
2
- import { component$, Slot } from "@builder.io/qwik";
3
- const Svg = component$((props) => {
4
- const { size, width, height, ...rest } = props;
5
- const svgProps = {};
6
- if (size) {
7
- svgProps["width"] = size;
8
- svgProps["height"] = size;
9
- }
10
- if (width) {
11
- svgProps["width"] = width;
12
- }
13
- if (height) {
14
- svgProps["height"] = height;
15
- }
16
- return /* @__PURE__ */ jsx("svg", {
17
- xmlns: "http://www.w3.org/2000/svg",
18
- ...rest,
19
- ...svgProps,
20
- children: /* @__PURE__ */ jsx(Slot, {})
21
- });
22
- });
23
- export {
24
- Svg
25
- };
@@ -1 +0,0 @@
1
- export declare const UniversalLayoutDemo: import("@builder.io/qwik").Component<unknown>;