@nr1e/qwik-ui 0.0.4 → 0.0.6

package/lib/components/alert-error.qwik.cjs

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@builder.io/qwik/jsx-runtime");
+const qwik = require("@builder.io/qwik");
+const mdiErrorOutline_qwik = require("../qwik-icons/lib/components/icons/mdi-error-outline.qwik.qwik.cjs");
+const AlertError = qwik.component$((props) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", {
+    role: "alert",
+    class: "alert alert-error",
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx(mdiErrorOutline_qwik.MdiErrorOutline, {
+        size: 24
+      }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", {
+        children: props.message
+      })
+    ]
+  });
+});
+exports.AlertError = AlertError;

package/lib/components/alert-error.qwik.mjs

@@ -0,0 +1,20 @@
+import { jsxs, jsx } from "@builder.io/qwik/jsx-runtime";
+import { component$ } from "@builder.io/qwik";
+import { MdiErrorOutline } from "../qwik-icons/lib/components/icons/mdi-error-outline.qwik.qwik.mjs";
+const AlertError = component$((props) => {
+  return /* @__PURE__ */ jsxs("div", {
+    role: "alert",
+    class: "alert alert-error",
+    children: [
+      /* @__PURE__ */ jsx(MdiErrorOutline, {
+        size: 24
+      }),
+      /* @__PURE__ */ jsx("span", {
+        children: props.message
+      })
+    ]
+  });
+});
+export {
+  AlertError
+};

package/lib/components/alert-success.qwik.cjs

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@builder.io/qwik/jsx-runtime");
+const qwik = require("@builder.io/qwik");
+const mdiCheckCircleOutline_qwik = require("../qwik-icons/lib/components/icons/mdi-check-circle-outline.qwik.qwik.cjs");
+const AlertSuccess = qwik.component$((props) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", {
+    role: "alert",
+    class: "alert alert-success",
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx(mdiCheckCircleOutline_qwik.MdiCheckCircleOutline, {
+        size: 24
+      }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", {
+        children: props.message
+      })
+    ]
+  });
+});
+exports.AlertSuccess = AlertSuccess;

package/lib/components/alert-success.qwik.mjs

@@ -0,0 +1,20 @@
+import { jsxs, jsx } from "@builder.io/qwik/jsx-runtime";
+import { component$ } from "@builder.io/qwik";
+import { MdiCheckCircleOutline } from "../qwik-icons/lib/components/icons/mdi-check-circle-outline.qwik.qwik.mjs";
+const AlertSuccess = component$((props) => {
+  return /* @__PURE__ */ jsxs("div", {
+    role: "alert",
+    class: "alert alert-success",
+    children: [
+      /* @__PURE__ */ jsx(MdiCheckCircleOutline, {
+        size: 24
+      }),
+      /* @__PURE__ */ jsx("span", {
+        children: props.message
+      })
+    ]
+  });
+});
+export {
+  AlertSuccess
+};

package/lib/components/alert-warning.qwik.cjs

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@builder.io/qwik/jsx-runtime");
+const qwik = require("@builder.io/qwik");
+const mdiWarningOutline_qwik = require("../qwik-icons/lib/components/icons/mdi-warning-outline.qwik.qwik.cjs");
+const AlertWarning = qwik.component$((props) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", {
+    role: "alert",
+    class: "alert alert-warning",
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx(mdiWarningOutline_qwik.MdiWarningOutline, {
+        size: 24
+      }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", {
+        children: props.message
+      })
+    ]
+  });
+});
+exports.AlertWarning = AlertWarning;

package/lib/components/alert-warning.qwik.mjs

@@ -0,0 +1,20 @@
+import { jsxs, jsx } from "@builder.io/qwik/jsx-runtime";
+import { component$ } from "@builder.io/qwik";
+import { MdiWarningOutline } from "../qwik-icons/lib/components/icons/mdi-warning-outline.qwik.qwik.mjs";
+const AlertWarning = component$((props) => {
+  return /* @__PURE__ */ jsxs("div", {
+    role: "alert",
+    class: "alert alert-warning",
+    children: [
+      /* @__PURE__ */ jsx(MdiWarningOutline, {
+        size: 24
+      }),
+      /* @__PURE__ */ jsx("span", {
+        children: props.message
+      })
+    ]
+  });
+});
+export {
+  AlertWarning
+};

package/lib/components/universal-layout.qwik.cjs

@@ -0,0 +1,101 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@builder.io/qwik/jsx-runtime");
+const qwik = require("@builder.io/qwik");
+const UniversalLayout = qwik.component$((props) => {
+  const aprops = {
+    ...props,
+    class: `${props.class ? ` ${props.class}` : ""}`,
+    outerLeftClass: `${props.outerLeftClass ? `${props.outerLeftClass}` : ""}`,
+    topClass: `${props.topClass ?? ""}`,
+    leftClass: `${props.leftClass ?? ""}`,
+    childrenClass: `${props.childrenClass ? ` ${props.childrenClass}` : ""}`,
+    innerTopClass: `${props.innerTopClass ?? ""}`,
+    innerBottomClass: `${props.innerBottomClass ?? ""}`,
+    rightClass: `${props.rightClass ?? ""}`,
+    bottomClass: `${props.bottomClass ?? ""}`,
+    outerRightClass: `${props.outerRightClass ?? ""}`
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", {
+    id: "universal",
+    class: `flex min-h-screen ${aprops.class}`,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", {
+        id: "universal-outer-left",
+        class: aprops.outerLeftClass,
+        children: /* @__PURE__ */ jsxRuntime.jsx(qwik.Slot, {
+          name: "outerLeft"
+        })
+      }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", {
+        class: "flex flex-grow flex-col",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", {
+            id: "universal-top",
+            class: aprops.topClass,
+            children: /* @__PURE__ */ jsxRuntime.jsx(qwik.Slot, {
+              name: "top"
+            })
+          }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", {
+            class: "flex flex-grow",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", {
+                id: "universal-left",
+                class: aprops.leftClass,
+                children: /* @__PURE__ */ jsxRuntime.jsx(qwik.Slot, {
+                  name: "left"
+                })
+              }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", {
+                class: "flex w-full flex-grow flex-col",
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("div", {
+                    id: "universal-right",
+                    class: aprops.innerTopClass,
+                    children: /* @__PURE__ */ jsxRuntime.jsx(qwik.Slot, {
+                      name: "innerTop"
+                    })
+                  }),
+                  /* @__PURE__ */ jsxRuntime.jsx("div", {
+                    class: `flex-grow ${aprops.childrenClass}`,
+                    children: /* @__PURE__ */ jsxRuntime.jsx(qwik.Slot, {})
+                  }),
+                  /* @__PURE__ */ jsxRuntime.jsx("div", {
+                    id: "universal-right",
+                    class: aprops.innerBottomClass,
+                    children: /* @__PURE__ */ jsxRuntime.jsx(qwik.Slot, {
+                      name: "innerBottom"
+                    })
+                  })
+                ]
+              }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", {
+                id: "universal-right",
+                class: aprops.rightClass,
+                children: /* @__PURE__ */ jsxRuntime.jsx(qwik.Slot, {
+                  name: "right"
+                })
+              })
+            ]
+          }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", {
+            id: "universal-bottom",
+            class: aprops.bottomClass,
+            children: /* @__PURE__ */ jsxRuntime.jsx(qwik.Slot, {
+              name: "bottom"
+            })
+          })
+        ]
+      }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", {
+        id: "universal-outer-right",
+        class: aprops.outerRightClass,
+        children: /* @__PURE__ */ jsxRuntime.jsx(qwik.Slot, {
+          name: "outerRight"
+        })
+      })
+    ]
+  });
+});
+exports.UniversalLayout = UniversalLayout;

package/lib/components/universal-layout.qwik.mjs

@@ -0,0 +1,101 @@
+import { jsxs, jsx } from "@builder.io/qwik/jsx-runtime";
+import { component$, Slot } from "@builder.io/qwik";
+const UniversalLayout = component$((props) => {
+  const aprops = {
+    ...props,
+    class: `${props.class ? ` ${props.class}` : ""}`,
+    outerLeftClass: `${props.outerLeftClass ? `${props.outerLeftClass}` : ""}`,
+    topClass: `${props.topClass ?? ""}`,
+    leftClass: `${props.leftClass ?? ""}`,
+    childrenClass: `${props.childrenClass ? ` ${props.childrenClass}` : ""}`,
+    innerTopClass: `${props.innerTopClass ?? ""}`,
+    innerBottomClass: `${props.innerBottomClass ?? ""}`,
+    rightClass: `${props.rightClass ?? ""}`,
+    bottomClass: `${props.bottomClass ?? ""}`,
+    outerRightClass: `${props.outerRightClass ?? ""}`
+  };
+  return /* @__PURE__ */ jsxs("div", {
+    id: "universal",
+    class: `flex min-h-screen ${aprops.class}`,
+    children: [
+      /* @__PURE__ */ jsx("div", {
+        id: "universal-outer-left",
+        class: aprops.outerLeftClass,
+        children: /* @__PURE__ */ jsx(Slot, {
+          name: "outerLeft"
+        })
+      }),
+      /* @__PURE__ */ jsxs("div", {
+        class: "flex flex-grow flex-col",
+        children: [
+          /* @__PURE__ */ jsx("div", {
+            id: "universal-top",
+            class: aprops.topClass,
+            children: /* @__PURE__ */ jsx(Slot, {
+              name: "top"
+            })
+          }),
+          /* @__PURE__ */ jsxs("div", {
+            class: "flex flex-grow",
+            children: [
+              /* @__PURE__ */ jsx("div", {
+                id: "universal-left",
+                class: aprops.leftClass,
+                children: /* @__PURE__ */ jsx(Slot, {
+                  name: "left"
+                })
+              }),
+              /* @__PURE__ */ jsxs("div", {
+                class: "flex w-full flex-grow flex-col",
+                children: [
+                  /* @__PURE__ */ jsx("div", {
+                    id: "universal-right",
+                    class: aprops.innerTopClass,
+                    children: /* @__PURE__ */ jsx(Slot, {
+                      name: "innerTop"
+                    })
+                  }),
+                  /* @__PURE__ */ jsx("div", {
+                    class: `flex-grow ${aprops.childrenClass}`,
+                    children: /* @__PURE__ */ jsx(Slot, {})
+                  }),
+                  /* @__PURE__ */ jsx("div", {
+                    id: "universal-right",
+                    class: aprops.innerBottomClass,
+                    children: /* @__PURE__ */ jsx(Slot, {
+                      name: "innerBottom"
+                    })
+                  })
+                ]
+              }),
+              /* @__PURE__ */ jsx("div", {
+                id: "universal-right",
+                class: aprops.rightClass,
+                children: /* @__PURE__ */ jsx(Slot, {
+                  name: "right"
+                })
+              })
+            ]
+          }),
+          /* @__PURE__ */ jsx("div", {
+            id: "universal-bottom",
+            class: aprops.bottomClass,
+            children: /* @__PURE__ */ jsx(Slot, {
+              name: "bottom"
+            })
+          })
+        ]
+      }),
+      /* @__PURE__ */ jsx("div", {
+        id: "universal-outer-right",
+        class: aprops.outerRightClass,
+        children: /* @__PURE__ */ jsx(Slot, {
+          name: "outerRight"
+        })
+      })
+    ]
+  });
+});
+export {
+  UniversalLayout
+};

package/lib/index.qwik.cjs

@@ -1,4 +1,12 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const alertError = require("./components/alert-error.qwik.cjs");
+const alertSuccess = require("./components/alert-success.qwik.cjs");
+const alertWarning = require("./components/alert-warning.qwik.cjs");
 const paceBar = require("./components/pace-bar.qwik.cjs");
+const universalLayout = require("./components/universal-layout.qwik.cjs");
+exports.AlertError = alertError.AlertError;
+exports.AlertSuccess = alertSuccess.AlertSuccess;
+exports.AlertWarning = alertWarning.AlertWarning;
 exports.PaceBar = paceBar.PaceBar;
+exports.UniversalLayout = universalLayout.UniversalLayout;

package/lib/index.qwik.mjs

@@ -1,4 +1,12 @@
+import { AlertError } from "./components/alert-error.qwik.mjs";
+import { AlertSuccess } from "./components/alert-success.qwik.mjs";
+import { AlertWarning } from "./components/alert-warning.qwik.mjs";
 import { PaceBar } from "./components/pace-bar.qwik.mjs";
+import { UniversalLayout } from "./components/universal-layout.qwik.mjs";
 export {
-  PaceBar
+  AlertError,
+  AlertSuccess,
+  AlertWarning,
+  PaceBar,
+  UniversalLayout
 };

package/lib/qwik-icons/lib/components/icons/mdi-check-circle-outline.qwik.qwik.cjs

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@builder.io/qwik/jsx-runtime");
+const qwik = require("@builder.io/qwik");
+const svg_qwik = require("../svg.qwik.qwik.cjs");
+const MdiCheckCircleOutline = qwik.component$((props) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(svg_qwik.Svg, {
+    ...props,
+    viewBox: "0 0 24 24",
+    children: /* @__PURE__ */ jsxRuntime.jsx("path", {
+      fill: "currentColor",
+      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"
+    })
+  });
+});
+exports.MdiCheckCircleOutline = MdiCheckCircleOutline;

package/lib/qwik-icons/lib/components/icons/mdi-check-circle-outline.qwik.qwik.mjs

@@ -0,0 +1,16 @@
+import { jsx } from "@builder.io/qwik/jsx-runtime";
+import { component$ } from "@builder.io/qwik";
+import { Svg } from "../svg.qwik.qwik.mjs";
+const MdiCheckCircleOutline = component$((props) => {
+  return /* @__PURE__ */ jsx(Svg, {
+    ...props,
+    viewBox: "0 0 24 24",
+    children: /* @__PURE__ */ jsx("path", {
+      fill: "currentColor",
+      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"
+    })
+  });
+});
+export {
+  MdiCheckCircleOutline
+};

package/lib/qwik-icons/lib/components/icons/mdi-error-outline.qwik.qwik.cjs

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@builder.io/qwik/jsx-runtime");
+const qwik = require("@builder.io/qwik");
+const svg_qwik = require("../svg.qwik.qwik.cjs");
+const MdiErrorOutline = qwik.component$((props) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(svg_qwik.Svg, {
+    ...props,
+    viewBox: "0 0 24 24",
+    children: /* @__PURE__ */ jsxRuntime.jsx("path", {
+      fill: "currentColor",
+      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"
+    })
+  });
+});
+exports.MdiErrorOutline = MdiErrorOutline;

package/lib/qwik-icons/lib/components/icons/mdi-error-outline.qwik.qwik.mjs

@@ -0,0 +1,16 @@
+import { jsx } from "@builder.io/qwik/jsx-runtime";
+import { component$ } from "@builder.io/qwik";
+import { Svg } from "../svg.qwik.qwik.mjs";
+const MdiErrorOutline = component$((props) => {
+  return /* @__PURE__ */ jsx(Svg, {
+    ...props,
+    viewBox: "0 0 24 24",
+    children: /* @__PURE__ */ jsx("path", {
+      fill: "currentColor",
+      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"
+    })
+  });
+});
+export {
+  MdiErrorOutline
+};

package/lib/qwik-icons/lib/components/icons/mdi-warning-outline.qwik.qwik.cjs

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@builder.io/qwik/jsx-runtime");
+const qwik = require("@builder.io/qwik");
+const svg_qwik = require("../svg.qwik.qwik.cjs");
+const MdiWarningOutline = qwik.component$((props) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(svg_qwik.Svg, {
+    ...props,
+    viewBox: "0 0 24 24",
+    children: /* @__PURE__ */ jsxRuntime.jsx("path", {
+      fill: "currentColor",
+      d: "M12 2L1 21h22M12 6l7.53 13H4.47M11 10v4h2v-4m-2 6v2h2v-2"
+    })
+  });
+});
+exports.MdiWarningOutline = MdiWarningOutline;

package/lib/qwik-icons/lib/components/icons/mdi-warning-outline.qwik.qwik.mjs

@@ -0,0 +1,16 @@
+import { jsx } from "@builder.io/qwik/jsx-runtime";
+import { component$ } from "@builder.io/qwik";
+import { Svg } from "../svg.qwik.qwik.mjs";
+const MdiWarningOutline = component$((props) => {
+  return /* @__PURE__ */ jsx(Svg, {
+    ...props,
+    viewBox: "0 0 24 24",
+    children: /* @__PURE__ */ jsx("path", {
+      fill: "currentColor",
+      d: "M12 2L1 21h22M12 6l7.53 13H4.47M11 10v4h2v-4m-2 6v2h2v-2"
+    })
+  });
+});
+export {
+  MdiWarningOutline
+};

package/lib/qwik-icons/lib/components/svg.qwik.qwik.cjs

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@builder.io/qwik/jsx-runtime");
+const qwik = require("@builder.io/qwik");
+const Svg = qwik.component$((props) => {
+  const { size, width, height, ...rest } = props;
+  const svgProps = {};
+  if (size) {
+    svgProps["width"] = size;
+    svgProps["height"] = size;
+  }
+  if (width) {
+    svgProps["width"] = width;
+  }
+  if (height) {
+    svgProps["height"] = height;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    ...rest,
+    ...svgProps,
+    children: /* @__PURE__ */ jsxRuntime.jsx(qwik.Slot, {})
+  });
+});
+exports.Svg = Svg;

package/lib/qwik-icons/lib/components/svg.qwik.qwik.mjs

@@ -0,0 +1,25 @@
+import { jsx } from "@builder.io/qwik/jsx-runtime";
+import { component$, Slot } from "@builder.io/qwik";
+const Svg = component$((props) => {
+  const { size, width, height, ...rest } = props;
+  const svgProps = {};
+  if (size) {
+    svgProps["width"] = size;
+    svgProps["height"] = size;
+  }
+  if (width) {
+    svgProps["width"] = width;
+  }
+  if (height) {
+    svgProps["height"] = height;
+  }
+  return /* @__PURE__ */ jsx("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    ...rest,
+    ...svgProps,
+    children: /* @__PURE__ */ jsx(Slot, {})
+  });
+});
+export {
+  Svg
+};

package/lib-types/components/alert-error.d.ts

@@ -0,0 +1,4 @@
+export interface AlertErrorProps {
+    message: string;
+}
+export declare const AlertError: import("@builder.io/qwik").Component<AlertErrorProps>;

package/lib-types/components/alert-info.d.ts

@@ -0,0 +1,4 @@
+export interface AlertInfoProps {
+    message: string;
+}
+export declare const AlertInfo: import("@builder.io/qwik").Component<AlertInfoProps>;

package/lib-types/components/alert-success.d.ts

@@ -0,0 +1,4 @@
+export interface AlertSuccessProps {
+    message: string;
+}
+export declare const AlertSuccess: import("@builder.io/qwik").Component<AlertSuccessProps>;

package/lib-types/components/alert-warning.d.ts

@@ -0,0 +1,4 @@
+export interface AlertWarningProps {
+    message: string;
+}
+export declare const AlertWarning: import("@builder.io/qwik").Component<AlertWarningProps>;

package/lib-types/components/universal-layout.d.ts

@@ -0,0 +1,14 @@
+interface UniversalLayoutProps {
+    class?: string;
+    outerLeftClass?: string;
+    outerRightClass?: string;
+    topClass?: string;
+    leftClass?: string;
+    rightClass?: string;
+    bottomClass?: string;
+    innerTopClass?: string;
+    innerBottomClass?: string;
+    childrenClass?: string;
+}
+export declare const UniversalLayout: import("@builder.io/qwik").Component<UniversalLayoutProps>;
+export {};

package/lib-types/index.d.ts

@@ -1 +1,5 @@
+export * from './components/alert-error';
+export * from './components/alert-success';
+export * from './components/alert-warning';
 export * from './components/pace-bar';
+export * from './components/universal-layout';

package/lib-types/root.d.ts

@@ -1,3 +1,3 @@
 import './global.css';
-declare const _default: () => import("@builder.io/qwik").JSXOutput;
+declare const _default: import("@builder.io/qwik").Component<unknown>;
 export default _default;

package/lib-types/universal-layout-demo.d.ts

@@ -0,0 +1 @@
+export declare const UniversalLayoutDemo: import("@builder.io/qwik").Component<unknown>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nr1e/qwik-ui",
-  "version": "0.0.4",
+  "version": "0.0.6",
   "description": "NR1E Qwik UI Library",
   "author": "NR1E, Inc.",
   "publishConfig": {
@@ -34,6 +34,7 @@
   "devDependencies": {
     "@builder.io/qwik": "1.18.0",
     "@eslint/js": "latest",
+    "@nr1e/qwik-icons": "",
     "@tailwindcss/vite": "^4.1.17",
     "@types/node": "^20.19.0",
     "daisyui": "^5.5.14",