@caseparts-org/caseblocks 0.0.70 → 0.0.72

package/dist/organisms/Footer/Footer.js

@@ -0,0 +1,160 @@
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { Grid as m, Column as l } from "../../atoms/Grid/Grid.js";
+import { Flex as s } from "../../atoms/Flex/Flex.js";
+import { Link as i } from "../../atoms/Link/Link.js";
+import { Icon as n } from "../../atoms/Icon/Icon.js";
+import { Logo as x } from "../../molecules/Logo/Logo.js";
+import { Text as o } from "../../atoms/Text/Text.js";
+import { Tooltip as a } from "../../molecules/Tooltip/Tooltip.js";
+import { c as h } from "../../clsx-OuTLNxxd.js";
+import '../../assets/Footer.css';const y = "_footer_1r911_2", p = "_grid_1r911_18", C = "_title_1r911_31", b = "_columnContent_1r911_40", _ = "_history_1r911_48", w = "_logo_1r911_62", t = {
+  footer: y,
+  grid: p,
+  "bottom-grid": "_bottom-grid_1r911_19",
+  title: C,
+  "title-help": "_title-help_1r911_36",
+  columnContent: b,
+  history: _,
+  "history-text": "_history-text_1r911_57",
+  logo: w,
+  "icon-gap": "_icon-gap_1r911_68",
+  "copyright-text": "_copyright-text_1r911_72"
+};
+function A({ homeRoute: g, isOnline: d = !0, className: c, ...u }) {
+  const f = h(t.footer, c);
+  return /* @__PURE__ */ r("footer", { className: f, ...u, children: [
+    /* @__PURE__ */ r(m, { gridWrapperClassName: h(c, t.grid), children: [
+      /* @__PURE__ */ r(l, { span: [4, 6, 3], className: t.gridColumn, children: [
+        /* @__PURE__ */ e(i, { href: g, children: /* @__PURE__ */ e(x, { variant: "white", className: t.logo }) }),
+        /* @__PURE__ */ e("div", { className: t.history, children: /* @__PURE__ */ e(o, { size: "sm", weight: "extra-light", colorToken: "footer", className: t["history-text"], children: "CaseParts has been a leading distributor of commercial refrigeration parts since 1972. Our team of experts are dedicated to helping every customer source parts at great prices." }) })
+      ] }),
+      /* @__PURE__ */ r(l, { span: [4, 6, 3], className: t.gridColumn, children: [
+        /* @__PURE__ */ e(o, { size: "sm", colorToken: "footer", weight: "semibold", as: "div", className: t.title, children: "Customer Care" }),
+        /* @__PURE__ */ r(s, { flexDirection: "column", className: t.columnContent, children: [
+          /* @__PURE__ */ e(i, { href: "/about", unstyled: !0, children: "About Us" }),
+          /* @__PURE__ */ e(i, { href: "/contact", unstyled: !0, children: "Contact Us" }),
+          /* @__PURE__ */ e(i, { href: "/faq", unstyled: !0, children: "FAQs" }),
+          /* @__PURE__ */ e(i, { href: "/account", unstyled: !0, children: "Order Status" }),
+          /* @__PURE__ */ e(i, { href: "#", unstyled: !0, children: "Payment Methods" }),
+          /* @__PURE__ */ e(i, { href: "#", unstyled: !0, children: "Returns Policy" }),
+          /* @__PURE__ */ e(i, { href: "#", unstyled: !0, children: "Shipping & Delivery" }),
+          /* @__PURE__ */ e(i, { href: "#", unstyled: !0, children: "Sales Tax Certificates" })
+        ] })
+      ] }),
+      /* @__PURE__ */ r(l, { span: [4, 6, 3], className: t.gridColumn, children: [
+        /* @__PURE__ */ e(i, { href: "/custom", unstyled: !0, children: /* @__PURE__ */ e(o, { size: "sm", colorToken: "footer", weight: "semibold", as: "div", className: t.title, children: "Custom Parts" }) }),
+        /* @__PURE__ */ r(s, { flexDirection: "column", className: t.columnContent, children: [
+          /* @__PURE__ */ e(i, { href: "/custom", unstyled: !0, children: "Cutting Boards" }),
+          /* @__PURE__ */ e(i, { href: "/custom", unstyled: !0, children: "Gaskets" }),
+          /* @__PURE__ */ e(i, { href: "/custom", unstyled: !0, children: "Heaters & Pans" }),
+          /* @__PURE__ */ e(i, { href: "/custom", unstyled: !0, children: "Walk-in Doors" }),
+          /* @__PURE__ */ e(i, { href: "/custom", unstyled: !0, children: "Warmer Wires" }),
+          /* @__PURE__ */ e(i, { href: "/custom", unstyled: !0, children: "Wire Shelving" })
+        ] })
+      ] }),
+      /* @__PURE__ */ r(l, { span: [4, 6, 3], className: t.gridColumn, children: [
+        /* @__PURE__ */ e(o, { size: "sm", weight: "semibold", colorToken: "footer", as: "div", className: `${t.title} ${t["title-help"]}`, children: "How May We Help?" }),
+        /* @__PURE__ */ r(s, { flexDirection: "column", className: t.columnContent, children: [
+          /* @__PURE__ */ r(s, { flexDirection: "row", justifyContent: "flex-start", className: t["icon-gap"], children: [
+            /* @__PURE__ */ e(n, { iconKey: "fa-solid fa-location-dot", size: "sm", colorToken: "warning" }),
+            /* @__PURE__ */ e(
+              a,
+              {
+                trigger: /* @__PURE__ */ r("div", { children: [
+                  /* @__PURE__ */ e(o, { size: "sm", weight: "extra-light", colorToken: "footer", children: "Los Angeles (800) 421-0291" }),
+                  /* @__PURE__ */ e("br", {}),
+                  /* @__PURE__ */ e(o, { size: "xs", weight: "extra-light", colorToken: "footer", children: "Weekdays | 8:00AM – 4:30PM PT" })
+                ] }),
+                children: /* @__PURE__ */ r("div", { children: [
+                  /* @__PURE__ */ e(o, { size: "xs", weight: "semibold", children: "Case Parts - Los Angeles" }),
+                  /* @__PURE__ */ e("br", {}),
+                  /* @__PURE__ */ r(o, { size: "xs", weight: "regular", children: [
+                    "877 Monterey Pass Road",
+                    /* @__PURE__ */ e("br", {}),
+                    "Monterey Park, CA 91754"
+                  ] }),
+                  /* @__PURE__ */ e("br", {}),
+                  /* @__PURE__ */ e(o, { size: "xs", weight: "semibold", children: /* @__PURE__ */ e(i, { href: "https://goo.gl/maps/PzF4o1beyyTanKVk6", target: "_blank", rel: "noopener noreferrer", children: "Directions" }) })
+                ] })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ r(s, { flexDirection: "row", justifyContent: "flex-start", className: t["icon-gap"], children: [
+            /* @__PURE__ */ e(n, { iconKey: "fa-solid fa-location-dot", size: "sm", colorToken: "warning" }),
+            /* @__PURE__ */ e(
+              a,
+              {
+                trigger: /* @__PURE__ */ r("div", { children: [
+                  /* @__PURE__ */ e(o, { size: "xs", weight: "extra-light", colorToken: "footer", children: "St. Louis (800) 423-9397" }),
+                  /* @__PURE__ */ e("br", {}),
+                  /* @__PURE__ */ e(o, { size: "xs", weight: "extra-light", colorToken: "footer", children: "Weekdays | 8:00AM – 4:30PM CDT" })
+                ] }),
+                children: /* @__PURE__ */ r("div", { children: [
+                  /* @__PURE__ */ e(o, { size: "xs", weight: "semibold", children: "Case Parts - St. Louis" }),
+                  /* @__PURE__ */ e("br", {}),
+                  /* @__PURE__ */ r(o, { size: "xs", weight: "regular", children: [
+                    "3218 Rider Trail South",
+                    /* @__PURE__ */ e("br", {}),
+                    "Earth City, MO 63045"
+                  ] }),
+                  /* @__PURE__ */ e("br", {}),
+                  /* @__PURE__ */ e(o, { size: "xs", weight: "semibold", children: /* @__PURE__ */ e(i, { href: "https://goo.gl/maps/JgBTWQ8LyaXR2UrS9", target: "_blank", rel: "noopener noreferrer", children: "Directions" }) })
+                ] })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ r(s, { flexDirection: "row", justifyContent: "flex-start", className: t["icon-gap"], children: [
+            /* @__PURE__ */ e(n, { iconKey: "fa-solid fa-location-dot", size: "sm", colorToken: "warning" }),
+            /* @__PURE__ */ e(
+              a,
+              {
+                trigger: /* @__PURE__ */ r("div", { children: [
+                  /* @__PURE__ */ e(o, { size: "xs", weight: "extra-light", colorToken: "footer", children: "Seattle (800) 731-5416" }),
+                  /* @__PURE__ */ e("br", {}),
+                  /* @__PURE__ */ e(o, { size: "xs", weight: "extra-light", colorToken: "footer", children: "Weekdays | 8:30AM – 5:00PM PT" })
+                ] }),
+                children: /* @__PURE__ */ r("div", { children: [
+                  /* @__PURE__ */ e(o, { size: "xs", weight: "semibold", children: "Case Parts - Seattle" }),
+                  /* @__PURE__ */ e("br", {}),
+                  /* @__PURE__ */ r(o, { size: "xs", weight: "regular", children: [
+                    "25315 74th Ave South, Suite 101",
+                    /* @__PURE__ */ e("br", {}),
+                    "Kent, WA 98032"
+                  ] }),
+                  /* @__PURE__ */ e("br", {}),
+                  /* @__PURE__ */ e(o, { size: "xs", weight: "semibold", children: /* @__PURE__ */ e(i, { href: "https://goo.gl/maps/BhvC7NY94vXQG8uW8", target: "_blank", rel: "noopener noreferrer", children: "Directions" }) })
+                ] })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ r(s, { flexDirection: "row", justifyContent: "flex-start", className: t["icon-gap"], children: [
+            /* @__PURE__ */ e(n, { iconKey: "fa-kit fa-chat", size: "sm", colorToken: d ? "success" : "default-inverted" }),
+            /* @__PURE__ */ r("div", { children: [
+              /* @__PURE__ */ e(o, { size: "xs", weight: "extra-light", colorToken: "footer", children: "Live Chat Support" }),
+              /* @__PURE__ */ e("br", {}),
+              /* @__PURE__ */ e(o, { size: "xs", weight: "extra-light", colorToken: "footer", children: d ? "Currently Online" : "Currently Offline" })
+            ] })
+          ] }),
+          /* @__PURE__ */ r(s, { flexDirection: "row", justifyContent: "flex-start", className: t["icon-gap"], children: [
+            /* @__PURE__ */ e(n, { iconKey: "fa-solid fa-megaphone", size: "sm", colorToken: "default-inverted" }),
+            /* @__PURE__ */ r("div", { children: [
+              /* @__PURE__ */ e(o, { size: "xs", weight: "extra-light", colorToken: "footer", children: "Part Research Request" }),
+              /* @__PURE__ */ e("br", {}),
+              /* @__PURE__ */ e(o, { size: "xs", weight: "extra-light", colorToken: "footer", children: "Ask Our Experts to Source a Part" })
+            ] })
+          ] })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ e(m, { gridWrapperClassName: h(c, t["bottom-grid"]), children: /* @__PURE__ */ e(l, { span: [4, 6, 12], className: t.gridColumn, children: /* @__PURE__ */ r("div", { className: t.columnContent, children: [
+      /* @__PURE__ */ e(i, { href: "#", unstyled: !0, children: "Terms" }),
+      "  |  ",
+      /* @__PURE__ */ e(i, { href: "#", children: "Privacy Policy" }),
+      /* @__PURE__ */ e("br", {}),
+      /* @__PURE__ */ e(o, { size: "xxs", weight: "extra-light", variant: "body", colorToken: "footer", className: t["copyright-text"], children: "©Copyright 1972-2025 Case Parts Company | All Rights Reserved." })
+    ] }) }) })
+  ] });
+}
+export {
+  A as Footer
+};

package/dist/organisms/Footer/Footer.stories.d.ts

@@ -0,0 +1,36 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Footer as FooterComponent } from './Footer';
+/**
+ * Footer organism.
+ *
+ * The [`Footer`](./Footer.tsx) composes two stacked horizontal regions.
+ *
+ * Current props (inferred from implementation usage):
+ * - `homeRoute: string` – URL for the brand / home navigation link (if rendered).
+ * - `isOnline: boolean` – Flag that can toggle an online / offline indicator (e.g., support status).
+ *
+ * Extension ideas:
+ * - Supply structured link groups (support, company, legal).
+ * - Accept `children` or dedicated slots (`topContent`, `bottomContent`).
+ * - Add theming via design tokens instead of hard‑coded colors.
+ */
+declare const meta: Meta<typeof FooterComponent>;
+export default meta;
+type Story = StoryObj<typeof FooterComponent>;
+/**
+ * Playground
+ * Interactive controls for experimenting with the current prop surface.
+ */
+export declare const Playground: Story;
+/**
+ * Online state (default).
+ */
+export declare const Online: Story;
+/**
+ * Offline state example.
+ */
+export declare const Offline: Story;
+/**
+ * Custom home route.
+ */
+export declare const CustomHomeRoute: Story;

package/dist/organisms/Footer/Footer.stories.js

@@ -0,0 +1,72 @@
+import { Footer as e } from "./Footer.js";
+const t = {
+  title: "Case Parts/Organisms/Footer",
+  component: e,
+  args: {
+    homeRoute: "/",
+    isOnline: !0
+  },
+  argTypes: {
+    homeRoute: {
+      control: "text",
+      description: "Destination URL for the primary / home link region."
+    },
+    isOnline: {
+      control: "boolean",
+      description: "Toggles online vs offline visual indicator (badge / text)."
+    }
+  },
+  parameters: {
+    docs: {
+      description: {
+        component: "Structural footer wrapper with two horizontal bands. This story demonstrates prop variations. Enhance the underlying implementation to inject navigation groups or dynamic content as needed."
+      }
+    }
+  },
+  tags: ["autodocs"]
+}, n = {
+  name: "Playground"
+}, r = {
+  args: {
+    isOnline: !0,
+    homeRoute: "/"
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Shows the footer with `isOnline = true` (e.g., service available)."
+      }
+    }
+  }
+}, s = {
+  args: {
+    isOnline: !1,
+    homeRoute: "/"
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Demonstrates how the footer appears when `isOnline = false` (e.g., after‑hours or maintenance indicator)."
+      }
+    }
+  }
+}, a = {
+  args: {
+    isOnline: !0,
+    homeRoute: "/dashboard"
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Example using a non‑root `homeRoute` (e.g., directing users to a dashboard landing page)."
+      }
+    }
+  }
+};
+export {
+  a as CustomHomeRoute,
+  s as Offline,
+  r as Online,
+  n as Playground,
+  t as default
+};

package/dist/styles/tokens.css

@@ -220,6 +220,7 @@
   --text-text-secondary: var(--color-brand-primary-primary-teal-blue);
   --text-text-success: var(--color-alerts-success);
   --text-text-tertiary: var(--color-neutrals-neutral-2);
+  --text-text-footer: var(--color-brand-primary-primary-pale-gray);
   /* number */
   --radius-radius-none: var(--border-radius-none);
   --radius-radius-minimal: var(--border-radius-xs);

package/package.json

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

package/dist/Text.module-smM1g1J4.js

@@ -1,25 +0,0 @@
-import './assets/Text.css';const t = {
-  "text-body": "_text-body_1l0ox_1",
-  "text-display": "_text-display_1l0ox_4",
-  "text-xxs": "_text-xxs_1l0ox_8",
-  "text-xs": "_text-xs_1l0ox_12",
-  "text-sm": "_text-sm_1l0ox_16",
-  "text-md": "_text-md_1l0ox_20",
-  "text-lg": "_text-lg_1l0ox_24",
-  "text-xl": "_text-xl_1l0ox_28",
-  "text-2xl": "_text-2xl_1l0ox_32",
-  "text-3xl": "_text-3xl_1l0ox_36",
-  "text-4xl": "_text-4xl_1l0ox_40",
-  "text-5xl": "_text-5xl_1l0ox_44",
-  "text-6xl": "_text-6xl_1l0ox_48",
-  "text-thin": "_text-thin_1l0ox_53",
-  "text-extra-light": "_text-extra-light_1l0ox_56",
-  "text-light": "_text-light_1l0ox_59",
-  "text-regular": "_text-regular_1l0ox_62",
-  "text-medium": "_text-medium_1l0ox_65",
-  "text-semibold": "_text-semibold_1l0ox_68",
-  "text-bold": "_text-bold_1l0ox_71"
-};
-export {
-  t
-};