@caseparts-org/caseblocks 0.0.194 → 0.0.195

package/dist/molecules/Admonition/Admonition.stories.d.ts

@@ -0,0 +1,13 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+type DemoArgs = {
+    admonitionType: string;
+    variant: "note" | "tip" | "important" | "caution" | "warning" | "unknown";
+    title?: string;
+    icon?: string;
+    body: string;
+};
+declare const meta: Meta<DemoArgs>;
+export default meta;
+type Story = StoryObj<DemoArgs>;
+export declare const Playground: Story;
+export declare const UnknownType: Story;

package/dist/molecules/Admonition/Admonition.stories.js

@@ -0,0 +1,51 @@
+import { jsx as n } from "react/jsx-runtime";
+import { Admonition as o } from "./Admonition.js";
+const r = {
+  title: "Case Parts/Molecules/Admonition",
+  component: o,
+  tags: ["autodocs"],
+  parameters: {
+    layout: "centered"
+  },
+  argTypes: {
+    admonitionType: { control: "text" },
+    variant: {
+      control: { type: "radio" },
+      options: ["note", "tip", "important", "caution", "warning", "unknown"]
+    },
+    title: { control: "text" },
+    icon: { control: "text" },
+    body: { control: "text" }
+  },
+  args: {
+    admonitionType: "warning",
+    variant: "warning",
+    title: "Electrical Hazard",
+    icon: "fa-solid fa-bolt",
+    body: "Disconnect power before servicing this unit."
+  }
+}, a = {
+  render: (t) => /* @__PURE__ */ n("div", { style: { width: 640 }, children: /* @__PURE__ */ n(
+    o,
+    {
+      admonitionType: t.admonitionType,
+      variant: t.variant,
+      title: t.title,
+      icon: t.icon,
+      children: /* @__PURE__ */ n("p", { children: t.body })
+    }
+  ) })
+}, l = {
+  args: {
+    admonitionType: "custom-alert",
+    variant: "unknown",
+    title: "Compatibility Note",
+    icon: "info",
+    body: "This renders neutral styling while preserving the custom type."
+  }
+};
+export {
+  a as Playground,
+  l as UnknownType,
+  r as default
+};

package/dist/organisms/MainNav/MainNav.js

@@ -1,19 +1,19 @@
-import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
 import S from "react";
-import { Text as l } from "../../atoms/Text/Text.js";
-import { Link as d } from "../../atoms/Link/Link.js";
+import { Text as d } from "../../atoms/Text/Text.js";
+import { Link as u } from "../../atoms/Link/Link.js";
 import { Icon as s } from "../../atoms/Icon/Icon.js";
 import { Flex as a } from "../../atoms/Flex/Flex.js";
 import { Grid as U, Column as C } from "../../atoms/Grid/Grid.js";
 import { Logo as F } from "../../molecules/Logo/Logo.js";
-import { SearchBox as b } from "../../molecules/SearchBox/SearchBox.js";
+import { SearchBox as w } from "../../molecules/SearchBox/SearchBox.js";
 import { HamburgerMenu as H } from "../../molecules/HamburgerMenu/HamburgerMenu.js";
 import { ShoppingCart as q } from "../../molecules/Cart/Cart.js";
 import { Account as B } from "../../molecules/Account/Account.js";
 import { CategoryNav as G } from "../../molecules/CategoryNav/CategoryNav.js";
 import { getHideAtStyles as g } from "../../atoms/HideAt.js";
-import { c as h } from "../../clsx-OuTLNxxd.js";
-import '../../assets/MainNav.css';const P = "_main_t25b8_1", Q = "_column_t25b8_8", T = "_topNav_t25b8_13", W = "_logo_t25b8_21", E = "_operations_t25b8_24", J = "_search_t25b8_31", O = "_siteLink_t25b8_34", R = "_accountArea_t25b8_54", V = "_category_t25b8_66", X = "_menuList_t25b8_91", i = {
+import { c as o } from "../../clsx-OuTLNxxd.js";
+import '../../assets/MainNav.css';const P = "_main_jwl39_1", Q = "_column_jwl39_8", T = "_topNav_jwl39_13", W = "_logo_jwl39_21", E = "_operations_jwl39_24", J = "_search_jwl39_31", O = "_siteLink_jwl39_34", R = "_accountArea_jwl39_54", V = "_category_jwl39_66", X = "_menuList_jwl39_94", Y = "_menuItemAction_jwl39_112", n = {
   main: P,
   column: Q,
   topNav: T,
@@ -23,100 +23,101 @@ import '../../assets/MainNav.css';const P = "_main_t25b8_1", Q = "_column_t25b8_
   siteLink: O,
   accountArea: R,
   category: V,
-  menuList: X
-}, de = S.forwardRef(function({
-  account: m,
+  menuList: X,
+  menuItemAction: Y
+}, ue = S.forwardRef(function({
+  account: l,
   categories: t,
-  homeRoute: v,
-  faqRoute: L,
-  customPartsRoute: u,
-  aboutUsRoute: A,
-  contactRoute: p,
-  cart: x,
-  open: w,
+  homeRoute: h,
+  faqRoute: I,
+  customPartsRoute: p,
+  aboutUsRoute: v,
+  contactRoute: N,
+  cart: j,
+  open: L,
   // consume external panel control props from CartPropsBase
-  className: y,
-  onLoginClick: z,
+  className: x,
+  onLoginClick: b,
   onSearch: _,
-  onCategoryClick: o,
-  onClickModelSerial: N,
-  onCartClick: I,
-  accountPopoverContent: k,
-  isAccountLoading: K,
-  isCategoriesLoading: j,
+  onCategoryClick: r,
+  onClickModelSerial: A,
+  onCartClick: y,
+  accountPopoverContent: z,
+  isAccountLoading: k,
+  isCategoriesLoading: K,
   ...D
 }, M) {
-  return /* @__PURE__ */ e(U, { ...D, gridWrapperClassName: h(i.main, y), children: /* @__PURE__ */ r(C, { span: 12, className: i.column, children: [
-    /* @__PURE__ */ r(
+  return /* @__PURE__ */ e(U, { ...D, gridWrapperClassName: o(n.main, x), children: /* @__PURE__ */ i(C, { span: 12, className: n.column, children: [
+    /* @__PURE__ */ i(
       a,
       {
         flexDirection: "row",
         alignItems: "center",
         justifyContent: "space-between",
-        className: i.topNav,
+        className: n.topNav,
         children: [
-          /* @__PURE__ */ e("div", { className: i.logo, children: /* @__PURE__ */ e(d, { href: v, children: /* @__PURE__ */ e(F, {}) }) }),
-          /* @__PURE__ */ r(
+          /* @__PURE__ */ e("div", { className: n.logo, children: /* @__PURE__ */ e(u, { href: h, children: /* @__PURE__ */ e(F, {}) }) }),
+          /* @__PURE__ */ i(
             a,
             {
               flexDirection: "row",
               alignItems: "center",
               justifyContent: "flex-end",
-              className: i.operations,
+              className: n.operations,
               children: [
-                /* @__PURE__ */ e(a, { flexDirection: "row", hideAt: ["sm"], className: i.search, children: /* @__PURE__ */ e(b, { onSearch: _, inputName: "cpc-search" }) }),
-                /* @__PURE__ */ e("button", { onClick: N, className: h(i.siteLink, g(["sm", "md"])), children: "Model/Serial" }),
-                /* @__PURE__ */ e(n, { href: u, hideAt: ["sm", "md"], children: "Custom Parts" }),
-                /* @__PURE__ */ e(n, { href: p, hideAt: ["sm", "md"], children: "Contact Us" }),
-                /* @__PURE__ */ e("div", { className: i.accountArea, children: /* @__PURE__ */ e(
+                /* @__PURE__ */ e(a, { flexDirection: "row", hideAt: ["sm"], className: n.search, children: /* @__PURE__ */ e(w, { onSearch: _, inputName: "cpc-search" }) }),
+                /* @__PURE__ */ e("button", { onClick: A, className: o(n.siteLink, n.menuItemAction, g(["sm", "md"])), children: "Model/Serial" }),
+                /* @__PURE__ */ e(c, { href: p, hideAt: ["sm", "md"], className: n.menuItemAction, children: "Custom Parts" }),
+                /* @__PURE__ */ e(c, { href: N, hideAt: ["sm", "md"], className: n.menuItemAction, children: "Contact Us" }),
+                /* @__PURE__ */ e("div", { className: n.accountArea, children: /* @__PURE__ */ e(
                   B,
                   {
-                    account: m,
-                    onLoginClick: z,
-                    className: i.avatar,
-                    popoverContent: k,
-                    isAccountLoading: K
+                    account: l,
+                    onLoginClick: b,
+                    className: n.avatar,
+                    popoverContent: z,
+                    isAccountLoading: k
                   }
                 ) }),
                 /* @__PURE__ */ e(
                   q,
                   {
                     ref: M,
-                    cart: x,
-                    open: w,
-                    onCartClick: I
+                    cart: j,
+                    open: L,
+                    onCartClick: y
                   }
                 ),
-                /* @__PURE__ */ r(H, { hideAt: ["lg"], children: [
-                  /* @__PURE__ */ r("section", { children: [
-                    /* @__PURE__ */ e(l, { size: "md", weight: "semibold", children: "Useful shortcuts" }),
-                    /* @__PURE__ */ r("ul", { className: i.menuList, children: [
-                      /* @__PURE__ */ r("li", { className: i.menuItem, children: [
+                /* @__PURE__ */ i(H, { hideAt: ["lg"], children: [
+                  /* @__PURE__ */ i("section", { children: [
+                    /* @__PURE__ */ e(d, { size: "md", weight: "semibold", children: "Useful shortcuts" }),
+                    /* @__PURE__ */ i("ul", { className: n.menuList, children: [
+                      /* @__PURE__ */ e("li", { className: n.menuItem, children: /* @__PURE__ */ i("button", { onClick: A, className: o(n.siteLink, n.menuItemAction, g(["lg"])), children: [
                         /* @__PURE__ */ e(s, { iconKey: "fa-regular fa-book", size: "sm" }),
-                        /* @__PURE__ */ e("button", { onClick: N, className: h(i.siteLink, g(["lg"])), children: "Model/Serial" })
-                      ] }),
-                      /* @__PURE__ */ r("li", { className: i.menuItem, children: [
+                        /* @__PURE__ */ e("span", { children: "Model/Serial" })
+                      ] }) }),
+                      /* @__PURE__ */ e("li", { className: n.menuItem, children: /* @__PURE__ */ i(c, { href: p, className: n.menuItemAction, children: [
                         /* @__PURE__ */ e(s, { iconKey: "fa-regular fa-screwdriver-wrench", size: "sm" }),
-                        /* @__PURE__ */ e(n, { href: u, children: "Custom Parts" })
-                      ] }),
-                      /* @__PURE__ */ r("li", { className: i.menuItem, children: [
+                        /* @__PURE__ */ e("span", { children: "Custom Parts" })
+                      ] }) }),
+                      /* @__PURE__ */ e("li", { className: n.menuItem, children: /* @__PURE__ */ i(c, { href: N, className: n.menuItemAction, children: [
                         /* @__PURE__ */ e(s, { iconKey: "fa-regular fa-envelope", size: "sm" }),
-                        /* @__PURE__ */ e(n, { href: p, children: "Contact Us" })
-                      ] }),
-                      /* @__PURE__ */ r("li", { className: i.menuItem, children: [
+                        /* @__PURE__ */ e("span", { children: "Contact Us" })
+                      ] }) }),
+                      /* @__PURE__ */ e("li", { className: n.menuItem, children: /* @__PURE__ */ i(c, { href: I, className: n.menuItemAction, children: [
                         /* @__PURE__ */ e(s, { iconKey: "fa-solid fa-question", size: "sm" }),
-                        /* @__PURE__ */ e(n, { href: L, children: "FAQ" })
-                      ] }),
-                      /* @__PURE__ */ r("li", { className: i.menuItem, children: [
+                        /* @__PURE__ */ e("span", { children: "FAQ" })
+                      ] }) }),
+                      /* @__PURE__ */ e("li", { className: n.menuItem, children: /* @__PURE__ */ i(c, { href: v, className: n.menuItemAction, children: [
                         /* @__PURE__ */ e(s, { iconKey: "fa-regular fa-people-group", size: "sm" }),
-                        /* @__PURE__ */ e(n, { href: A, children: "About Us" })
-                      ] })
+                        /* @__PURE__ */ e("span", { children: "About Us" })
+                      ] }) })
                     ] })
                   ] }),
-                  /* @__PURE__ */ r("section", { children: [
-                    /* @__PURE__ */ e(l, { size: "md", weight: "semibold", children: "Shop by category" }),
-                    /* @__PURE__ */ e("ul", { className: i.menuList, children: t && t.map((c) => /* @__PURE__ */ e("li", { className: i.category, children: /* @__PURE__ */ r(d, { href: c.route, onClick: () => o == null ? void 0 : o(c), children: [
-                      /* @__PURE__ */ e(l, { size: "sm", children: c.label }),
+                  /* @__PURE__ */ i("section", { children: [
+                    /* @__PURE__ */ e(d, { size: "md", weight: "semibold", children: "Shop by category" }),
+                    /* @__PURE__ */ e("ul", { className: n.menuList, children: t && t.map((m) => /* @__PURE__ */ e("li", { className: n.category, children: /* @__PURE__ */ i(u, { href: m.route, onClick: () => r == null ? void 0 : r(m), children: [
+                      /* @__PURE__ */ e(d, { size: "sm", children: m.label }),
                       /* @__PURE__ */ e(
                         s,
                         {
@@ -125,7 +126,7 @@ import '../../assets/MainNav.css';const P = "_main_t25b8_1", Q = "_column_t25b8_
                           size: "sm"
                         }
                       )
-                    ] }) }, c.id)) })
+                    ] }) }, m.id)) })
                   ] })
                 ] })
               ]
@@ -134,24 +135,25 @@ import '../../assets/MainNav.css';const P = "_main_t25b8_1", Q = "_column_t25b8_
         ]
       }
     ),
-    /* @__PURE__ */ e(a, { flexDirection: "row", hideAt: ["md", "lg"], children: /* @__PURE__ */ e(b, { onSearch: _, inputName: "cpc-search", className: i.search }) }),
+    /* @__PURE__ */ e(a, { flexDirection: "row", hideAt: ["md", "lg"], children: /* @__PURE__ */ e(w, { onSearch: _, inputName: "cpc-search", className: n.search }) }),
     /* @__PURE__ */ e(
       G,
       {
         categories: t,
-        isCategoriesLoading: j,
-        onCategoryClick: o
+        isCategoriesLoading: K,
+        onCategoryClick: r
       }
     )
   ] }) });
 });
-function n({
+function c({
   href: f,
-  children: m,
-  ...t
+  children: l,
+  className: t,
+  ...h
 }) {
-  return /* @__PURE__ */ e(d, { href: f, className: i.siteLink, ...t, children: m });
+  return /* @__PURE__ */ e(u, { href: f, className: o(n.siteLink, t), ...h, children: l });
 }
 export {
-  de as MainNav
+  ue as MainNav
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@caseparts-org/caseblocks",
   "private": false,
-  "version": "0.0.194",
+  "version": "0.0.195",
   "type": "module",
   "module": "dist/main.js",
   "types": "dist/main.d.ts",