@nr1e/qwik-ui 0.0.40 → 0.0.42

package/lib/components/dock.qwik.cjs

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@builder.io/qwik/jsx-runtime");
+const qwik = require("@builder.io/qwik");
+const qwikCity = require("@builder.io/qwik-city");
+const DockLabel = qwik.component$((props) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("span", {
+    class: `dock-label ${props?.class ?? ""}`,
+    children: /* @__PURE__ */ jsxRuntime.jsx(qwik.Slot, {})
+  });
+});
+const DockItem = qwik.component$((props) => {
+  const nav = qwikCity.useNavigate();
+  return /* @__PURE__ */ jsxRuntime.jsx(qwikCity.Link, {
+    class: `${props.selected ? "bg-base-200" : ""} ${props.linkClass ?? ""}`,
+    href: props.href,
+    prefetch: props.prefetch ?? true,
+    onClick$: async (event) => {
+      if (props.onClick$) {
+        await props.onClick$(event);
+      } else {
+        if (props.loading) {
+          props.loading.value = true;
+        }
+        await nav(props.href);
+        if (props.loading) {
+          props.loading.value = false;
+        }
+      }
+    },
+    children: /* @__PURE__ */ jsxRuntime.jsx(qwik.Slot, {})
+  });
+});
+const Dock = qwik.component$((props) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", {
+    class: `dock ${props?.class ?? ""}`,
+    children: /* @__PURE__ */ jsxRuntime.jsx(qwik.Slot, {})
+  });
+});
+exports.Dock = Dock;
+exports.DockItem = DockItem;
+exports.DockLabel = DockLabel;

package/lib/components/dock.qwik.mjs

@@ -0,0 +1,42 @@
+import { jsx } from "@builder.io/qwik/jsx-runtime";
+import { component$, Slot } from "@builder.io/qwik";
+import { useNavigate, Link } from "@builder.io/qwik-city";
+const DockLabel = component$((props) => {
+  return /* @__PURE__ */ jsx("span", {
+    class: `dock-label ${props?.class ?? ""}`,
+    children: /* @__PURE__ */ jsx(Slot, {})
+  });
+});
+const DockItem = component$((props) => {
+  const nav = useNavigate();
+  return /* @__PURE__ */ jsx(Link, {
+    class: `${props.selected ? "bg-base-200" : ""} ${props.linkClass ?? ""}`,
+    href: props.href,
+    prefetch: props.prefetch ?? true,
+    onClick$: async (event) => {
+      if (props.onClick$) {
+        await props.onClick$(event);
+      } else {
+        if (props.loading) {
+          props.loading.value = true;
+        }
+        await nav(props.href);
+        if (props.loading) {
+          props.loading.value = false;
+        }
+      }
+    },
+    children: /* @__PURE__ */ jsx(Slot, {})
+  });
+});
+const Dock = component$((props) => {
+  return /* @__PURE__ */ jsx("div", {
+    class: `dock ${props?.class ?? ""}`,
+    children: /* @__PURE__ */ jsx(Slot, {})
+  });
+});
+export {
+  Dock,
+  DockItem,
+  DockLabel
+};

package/lib/components/google-sign-in-button.qwik.cjs

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@builder.io/qwik/jsx-runtime");
+const qwik = require("@builder.io/qwik");
+const qwikIcons = require("@nr1e/qwik-icons");
+const GoogleSignInButton = qwik.component$((props) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs("button", {
+    class: `btn ${props.class ?? ""}`,
+    onClick$: props.onClick$,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx(qwikIcons.LogosGoogleIcon, {
+        size: 18
+      }),
+      "Sign in with Google"
+    ]
+  });
+});
+exports.GoogleSignInButton = GoogleSignInButton;

package/lib/components/google-sign-in-button.qwik.mjs

@@ -0,0 +1,18 @@
+import { jsxs, jsx } from "@builder.io/qwik/jsx-runtime";
+import { component$ } from "@builder.io/qwik";
+import { LogosGoogleIcon } from "@nr1e/qwik-icons";
+const GoogleSignInButton = component$((props) => {
+  return /* @__PURE__ */ jsxs("button", {
+    class: `btn ${props.class ?? ""}`,
+    onClick$: props.onClick$,
+    children: [
+      /* @__PURE__ */ jsx(LogosGoogleIcon, {
+        size: 18
+      }),
+      "Sign in with Google"
+    ]
+  });
+});
+export {
+  GoogleSignInButton
+};

package/lib/components/microsoft-sign-in-button.qwik.cjs

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@builder.io/qwik/jsx-runtime");
+const qwik = require("@builder.io/qwik");
+const qwikIcons = require("@nr1e/qwik-icons");
+const MicrosoftSignInButton = qwik.component$((props) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs("button", {
+    class: `btn ${props.class ?? ""}`,
+    onClick$: props.onClick$,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx(qwikIcons.LogosMicrosoftIcon, {
+        size: 18
+      }),
+      "Sign in with Google"
+    ]
+  });
+});
+exports.MicrosoftSignInButton = MicrosoftSignInButton;

package/lib/components/microsoft-sign-in-button.qwik.mjs

@@ -0,0 +1,18 @@
+import { jsxs, jsx } from "@builder.io/qwik/jsx-runtime";
+import { component$ } from "@builder.io/qwik";
+import { LogosMicrosoftIcon } from "@nr1e/qwik-icons";
+const MicrosoftSignInButton = component$((props) => {
+  return /* @__PURE__ */ jsxs("button", {
+    class: `btn ${props.class ?? ""}`,
+    onClick$: props.onClick$,
+    children: [
+      /* @__PURE__ */ jsx(LogosMicrosoftIcon, {
+        size: 18
+      }),
+      "Sign in with Google"
+    ]
+  });
+});
+export {
+  MicrosoftSignInButton
+};

package/lib/index.qwik.cjs

@@ -8,9 +8,12 @@ const alertWarning = require("./components/alert-warning.qwik.cjs");
 const autoDismiss = require("./components/auto-dismiss.qwik.cjs");
 const checkboxField = require("./components/checkbox-field.qwik.cjs");
 const dialog = require("./components/dialog.qwik.cjs");
+const dock = require("./components/dock.qwik.cjs");
 const dropUp = require("./components/drop-up.qwik.cjs");
+const googleSignInButton = require("./components/google-sign-in-button.qwik.cjs");
 const gtm = require("./components/gtm.qwik.cjs");
 const menu = require("./components/menu.qwik.cjs");
+const microsoftSignInButton = require("./components/microsoft-sign-in-button.qwik.cjs");
 const paceBar = require("./components/pace-bar.qwik.cjs");
 const selectField = require("./components/select-field.qwik.cjs");
 const textField = require("./components/text-field.qwik.cjs");
@@ -23,10 +26,14 @@ exports.AlertWarning = alertWarning.AlertWarning;
 exports.AutoDismiss = autoDismiss.AutoDismiss;
 exports.CheckboxField = checkboxField.CheckboxField;
 exports.Dialog = dialog.Dialog;
+exports.Dock = dock.Dock;
+exports.DockItem = dock.DockItem;
+exports.DockLabel = dock.DockLabel;
 exports.DropUp = dropUp.DropUp;
 exports.DropUpButtonSelector = dropUp.DropUpButtonSelector;
 exports.DropUpItem = dropUp.DropUpItem;
 exports.DropUpSubmenu = dropUp.DropUpSubmenu;
+exports.GoogleSignInButton = googleSignInButton.GoogleSignInButton;
 exports.GtmBody = gtm.GtmBody;
 exports.GtmHead = gtm.GtmHead;
 exports.Menu = menu.Menu;
@@ -35,6 +42,7 @@ exports.MenuGroup = menu.MenuGroup;
 exports.MenuGroupSummary = menu.MenuGroupSummary;
 exports.MenuItem = menu.MenuItem;
 exports.Submenu = menu.Submenu;
+exports.MicrosoftSignInButton = microsoftSignInButton.MicrosoftSignInButton;
 exports.PaceBar = paceBar.PaceBar;
 exports.SelectField = selectField.SelectField;
 exports.TextField = textField.TextField;

package/lib/index.qwik.mjs

@@ -6,9 +6,12 @@ import { AlertWarning } from "./components/alert-warning.qwik.mjs";
 import { AutoDismiss } from "./components/auto-dismiss.qwik.mjs";
 import { CheckboxField } from "./components/checkbox-field.qwik.mjs";
 import { Dialog } from "./components/dialog.qwik.mjs";
+import { Dock, DockItem, DockLabel } from "./components/dock.qwik.mjs";
 import { DropUp, DropUpButtonSelector, DropUpItem, DropUpSubmenu } from "./components/drop-up.qwik.mjs";
+import { GoogleSignInButton } from "./components/google-sign-in-button.qwik.mjs";
 import { GtmBody, GtmHead } from "./components/gtm.qwik.mjs";
 import { Menu, MenuDivider, MenuGroup, MenuGroupSummary, MenuItem, Submenu } from "./components/menu.qwik.mjs";
+import { MicrosoftSignInButton } from "./components/microsoft-sign-in-button.qwik.mjs";
 import { PaceBar } from "./components/pace-bar.qwik.mjs";
 import { SelectField } from "./components/select-field.qwik.mjs";
 import { TextField } from "./components/text-field.qwik.mjs";
@@ -22,10 +25,14 @@ export {
   AutoDismiss,
   CheckboxField,
   Dialog,
+  Dock,
+  DockItem,
+  DockLabel,
   DropUp,
   DropUpButtonSelector,
   DropUpItem,
   DropUpSubmenu,
+  GoogleSignInButton,
   GtmBody,
   GtmHead,
   Menu,
@@ -33,6 +40,7 @@ export {
   MenuGroup,
   MenuGroupSummary,
   MenuItem,
+  MicrosoftSignInButton,
   PaceBar,
   SelectField,
   Submenu,

package/lib-types/components/dock.d.ts

@@ -0,0 +1,19 @@
+import { QRL, Signal } from '@builder.io/qwik';
+export interface DockLabelProps {
+    class?: string;
+}
+export declare const DockLabel: import("@builder.io/qwik").Component<DockLabelProps | undefined>;
+export interface DockItemProps {
+    href?: string;
+    prefetch?: boolean;
+    class?: string;
+    selected?: boolean;
+    loading?: Signal<boolean>;
+    onClick$?: QRL<(event: Event) => void>;
+    linkClass?: string;
+}
+export declare const DockItem: import("@builder.io/qwik").Component<DockItemProps>;
+export interface DockProps {
+    class?: string;
+}
+export declare const Dock: import("@builder.io/qwik").Component<DockProps | undefined>;

package/lib-types/components/google-sign-in-button.d.ts

@@ -0,0 +1,6 @@
+import { QRL } from '@builder.io/qwik';
+export interface GoogleSignInButtonProps {
+    class?: string;
+    onClick$?: QRL<(event: Event) => void>;
+}
+export declare const GoogleSignInButton: import("@builder.io/qwik").Component<GoogleSignInButtonProps>;

package/lib-types/components/microsoft-sign-in-button.d.ts

@@ -0,0 +1,6 @@
+import { QRL } from '@builder.io/qwik';
+export interface MicrosoftSignInButtonProps {
+    class?: string;
+    onClick$?: QRL<(event: Event) => void>;
+}
+export declare const MicrosoftSignInButton: import("@builder.io/qwik").Component<MicrosoftSignInButtonProps>;

package/lib-types/index.d.ts

@@ -6,9 +6,12 @@ export * from './components/alert-warning';
 export * from './components/auto-dismiss';
 export * from './components/checkbox-field';
 export * from './components/dialog';
+export * from './components/dock';
 export * from './components/drop-up';
+export * from './components/google-sign-in-button';
 export * from './components/gtm';
 export * from './components/menu';
+export * from './components/microsoft-sign-in-button';
 export * from './components/pace-bar';
 export * from './components/select-field';
 export * from './components/text-field';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nr1e/qwik-ui",
-  "version": "0.0.40",
+  "version": "0.0.42",
   "description": "NR1E Qwik UI Library",
   "author": "NR1E, Inc.",
   "publishConfig": {