@caseparts-org/caseblocks 0.0.67 → 0.0.68

package/dist/CarouselArrowButtons-Dx_S017g.js

@@ -0,0 +1,48 @@
+import { jsxs as e, jsx as c } from "react/jsx-runtime";
+import { Icon as s } from "./atoms/Icon/Icon.js";
+import { c as r } from "./clsx-OuTLNxxd.js";
+import './assets/CarouselArrowButtons.css';const _ = "_main_184c0_1", a = "_viewport_184c0_4", u = "_track_184c0_8", i = "_slide_184c0_12", d = "_button_184c0_17", l = "_prevButton_184c0_33", p = "_nextButton_184c0_36", m = "_carouselDots_184c0_39", f = "_dot_184c0_47", v = "_dotSelected_184c0_55", t = {
+  main: _,
+  viewport: a,
+  track: u,
+  slide: i,
+  button: d,
+  prevButton: l,
+  nextButton: p,
+  carouselDots: m,
+  dot: f,
+  dotSelected: v
+}, h = ({
+  children: o,
+  ...n
+}) => /* @__PURE__ */ e(
+  "button",
+  {
+    className: r(t.button, t.prevButton),
+    type: "button",
+    ...n,
+    children: [
+      /* @__PURE__ */ c(s, { iconKey: "fa-sharp fa-solid fa-chevron-left", size: "md" }),
+      o
+    ]
+  }
+), y = ({
+  children: o,
+  ...n
+}) => /* @__PURE__ */ e(
+  "button",
+  {
+    className: r(t.button, t.nextButton),
+    type: "button",
+    ...n,
+    children: [
+      /* @__PURE__ */ c(s, { iconKey: "fa-sharp fa-solid fa-chevron-right", size: "md" }),
+      o
+    ]
+  }
+);
+export {
+  y as N,
+  h as P,
+  t as s
+};

package/dist/assets/BannerCard.css

@@ -1 +1 @@
-._root_1o5so_2{position:relative;display:grid;grid-template-columns:repeat(4,1fr);background-size:cover;background-position:center;overflow:hidden;box-sizing:border-box;align-items:center}._content_1o5so_13{box-sizing:border-box;width:100%;display:flex;flex-direction:column;gap:var(--spacing-spacing-default, 16px)}._variant_hero_1o5so_22._align_left_1o5so_22 ._content_1o5so_13{grid-column:1 / span 2;padding:var(--spacing-spacing-2xl, 3rem)}@media (max-width: 1280px){._variant_hero_1o5so_22._align_left_1o5so_22 ._content_1o5so_13{grid-column:1 / span 3}}._variant_hero_1o5so_22._align_right_1o5so_29 ._content_1o5so_13{grid-column:3 / span 2;padding:var(--spacing-spacing-2xl, 3rem)}@media (max-width: 1280px){._variant_hero_1o5so_22._align_right_1o5so_29 ._content_1o5so_13{grid-column:3 / span 3}}._variant_promo_1o5so_37._align_left_1o5so_22 ._content_1o5so_13{grid-column:1 / span 3;padding:var(--spacing-spacing-default, 1rem)}._variant_promo_1o5so_37._align_right_1o5so_29 ._content_1o5so_13{grid-column:2 / span 3;padding:var(--spacing-spacing-default, 1rem)}@media (max-width: 1280px){._variant_hero_1o5so_22 ._header_1o5so_49{font-size:var(--font-size-4xl);line-height:var(--line-height-4xl)}._variant_hero_1o5so_22 ._description_1o5so_53{font-size:var(--font-size-sm);line-height:var(--line-height-sm);margin-top:-12px}}@media (max-width: 768px){._variant_hero_1o5so_22._align_left_1o5so_22 ._content_1o5so_13,._variant_hero_1o5so_22._align_right_1o5so_29 ._content_1o5so_13{padding:var(--spacing-spacing-default)}._content_1o5so_13{gap:var(--spacing-spacing-3xs)}._variant_hero_1o5so_22 ._header_1o5so_49{font-size:var(--font-size-md);line-height:var(--line-height-md)}._variant_hero_1o5so_22 ._description_1o5so_53{font-size:var(--font-size-xs);line-height:var(--line-height-xs);margin-top:0}}._align_left_1o5so_22 ._content_1o5so_13{align-items:flex-start;text-align:left;justify-self:start}._align_right_1o5so_29 ._content_1o5so_13{align-items:flex-end;text-align:right;justify-self:end}._content_1o5so_13>*{position:relative;z-index:1}._overlay_dark_1o5so_99 ._header_1o5so_49,._overlay_dark_1o5so_99 ._description_1o5so_53,._overlay_none_1o5so_101 ._header_1o5so_49,._overlay_none_1o5so_101 ._description_1o5so_53{color:var(--color-neutrals-neutral-1)}._overlay_light_1o5so_106 ._header_1o5so_49{color:var(--color-brand-primary-primary-teal-blue)}._overlay_light_1o5so_106 ._description_1o5so_53{color:#000}
+._root_sclg6_2{position:relative;display:grid;grid-template-columns:repeat(4,1fr);background-size:cover;background-position:center;overflow:hidden;box-sizing:border-box;align-items:center}._content_sclg6_13{box-sizing:border-box;width:100%;display:flex;flex-direction:column;gap:var(--spacing-spacing-default, 16px)}@media (max-width: 768px){._content_sclg6_13{gap:var(--spacing-spacing-3xs)}}._variant_hero_sclg6_26._align_left_sclg6_26 ._content_sclg6_13{grid-column:1 / span 2;padding:var(--spacing-spacing-2xl, 3rem)}@media (max-width: 1280px){._variant_hero_sclg6_26._align_left_sclg6_26 ._content_sclg6_13{grid-column:1 / span 3}}@media (max-width: 768px){._variant_hero_sclg6_26._align_left_sclg6_26 ._content_sclg6_13{padding:var(--spacing-spacing-default)}}._variant_hero_sclg6_26._align_right_sclg6_37 ._content_sclg6_13{grid-column:3 / span 2;padding:var(--spacing-spacing-2xl, 3rem)}@media (max-width: 1280px){._variant_hero_sclg6_26._align_right_sclg6_37 ._content_sclg6_13{grid-column:2 / span 3}}@media (max-width: 768px){._variant_hero_sclg6_26._align_right_sclg6_37 ._content_sclg6_13{padding:var(--spacing-spacing-default)}}._variant_promo_sclg6_48._align_left_sclg6_26 ._content_sclg6_13{grid-column:1 / span 3;padding:var(--spacing-spacing-default, 1rem)}._variant_promo_sclg6_48._align_right_sclg6_37 ._content_sclg6_13{grid-column:2 / span 3;padding:var(--spacing-spacing-default, 1rem)}@media (max-width: 1280px){._variant_hero_sclg6_26 ._header_sclg6_59{font-size:var(--font-size-4xl);line-height:var(--line-height-4xl)}}@media (max-width: 768px){._variant_hero_sclg6_26 ._header_sclg6_59{font-size:var(--font-size-xl);line-height:var(--line-height-xl)}}@media (max-width: 1280px){._variant_hero_sclg6_26 ._description_sclg6_70{font-size:var(--font-size-sm);line-height:var(--line-height-sm);margin-top:-12px}}@media (max-width: 768px){._variant_hero_sclg6_26 ._description_sclg6_70{font-size:var(--font-size-xxs);line-height:var(--line-height-xxs);margin-top:0}}._align_left_sclg6_26 ._content_sclg6_13{align-items:flex-start;text-align:left;justify-self:start}._align_right_sclg6_37 ._content_sclg6_13{align-items:flex-end;text-align:right;justify-self:end}._content_sclg6_13>*{position:relative;z-index:1}._overlay_dark_sclg6_102 ._header_sclg6_59,._overlay_dark_sclg6_102 ._description_sclg6_70,._overlay_none_sclg6_104 ._header_sclg6_59,._overlay_none_sclg6_104 ._description_sclg6_70{color:var(--color-neutrals-neutral-1)}._overlay_light_sclg6_109 ._header_sclg6_59{color:var(--color-brand-primary-primary-teal-blue)}._overlay_light_sclg6_109 ._description_sclg6_70{color:#000}

package/dist/assets/CarouselArrowButtons.css

@@ -1 +1 @@
-._main_1st4s_1{position:relative}._viewport_1st4s_4{overflow:hidden;width:100%}._track_1st4s_8{display:flex;touch-action:pan-y}._slide_1st4s_12{flex:0 0 100%;min-width:0}._button_1st4s_17{position:absolute;top:50%;transform:translateY(-50%);background-color:transparent;padding:0;margin:0;border:none}._button_1st4s_17 path{fill:var(--color-neutrals-neutral-1);opacity:.6}._button_1st4s_17:disabled path{opacity:.2}._prevButton_1st4s_33{left:0}._nextButton_1st4s_36{right:0}._carouselDots_1st4s_39{position:absolute;bottom:var(--spacing-spacing-default);left:50%;transform:translate(-50%);display:flex;gap:var(--spacing-spacing-2xs)}._dot_1st4s_47{width:40px;height:2px;background:var(--color-neutrals-neutral-1);border:none;cursor:pointer;opacity:.5}._dotSelected_1st4s_55{opacity:1;width:80px}
+._main_184c0_1{position:relative}._viewport_184c0_4{overflow:hidden;width:100%}._track_184c0_8{display:flex;touch-action:pan-y}._slide_184c0_12{flex:0 0 100%;min-width:0}._button_184c0_17{position:absolute;top:50%;transform:translateY(-50%);background-color:transparent;padding:0;margin:0;border:none}._button_184c0_17 path{fill:var(--color-neutrals-neutral-1);opacity:.6}._button_184c0_17:disabled path{opacity:.2}._prevButton_184c0_33{left:var(--spacing-0-25)}._nextButton_184c0_36{right:var(--spacing-0-25)}._carouselDots_184c0_39{position:absolute;bottom:var(--spacing-spacing-default);left:50%;transform:translate(-50%);display:flex;gap:var(--spacing-spacing-2xs)}._dot_184c0_47{width:40px;height:2px;background:var(--color-neutrals-neutral-1);border:none;cursor:pointer;opacity:.5}._dotSelected_184c0_55{opacity:1;width:80px}

package/dist/assets/Cart.css

@@ -1 +1 @@
-._cart_1uglw_2{position:relative;border:none;padding:0;margin:0;background-color:transparent}._count_1uglw_9{position:absolute;top:4px;left:17px;border-radius:50%;width:18px;height:18px;display:flex;flex-direction:row;align-items:center;justify-content:center;background-color:var(--color-brand-primary-primary-tangerine);color:var(--color-neutrals-neutral-1);font-weight:var(--font-weight-semibold)}._cartTooltip_1uglw_24{padding:var(--spacing-1)}._cartContainer_1uglw_27{height:calc(100vh - 120px);width:375px;box-sizing:border-box;display:grid;grid-template-rows:auto 1fr auto auto;gap:var(--spacing-1)}._cartItems_1uglw_35{height:100%;overflow-y:auto;overflow-x:hidden}._cartItems_1uglw_35 ul{margin:0;padding:0}._cartItems_1uglw_35 li{display:grid;grid-template-columns:auto 1fr;gap:var(--spacing-0-5);align-items:center;box-sizing:border-box;position:relative;list-style:none;margin:0;padding:var(--spacing-0-5);width:100%;border-bottom:1px solid var(--color-neutrals-neutral-2)}._topRow_1uglw_57{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between}._itemInfo_1uglw_63{display:flex;flex-direction:column;align-items:flex-start}._purchaseInformation_1uglw_68{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;width:100%}._itemManagement_1uglw_75{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-spacing-3xs)}._cartItems_1uglw_35 li p{margin:0;padding:0;word-wrap:break-word;white-space:normal;overflow-wrap:break-word}._cartItems_1uglw_35 img{height:40px;width:40px;object-fit:contain}._removeItem_1uglw_93{border:none;background-color:transparent;padding:0;margin:0;cursor:pointer}._noItems_1uglw_101{display:flex;flex-direction:row;align-items:center;justify-content:center;height:100%}._subtotal_1uglw_108{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:var(--spacing-0-5)}
+._cart_11wxn_2{position:relative;border:none;padding:0;margin:0;background-color:transparent}._count_11wxn_9{position:absolute;top:0;left:14px;border-radius:50%;width:18px;height:18px;display:flex;flex-direction:row;align-items:center;justify-content:center;background-color:var(--color-brand-primary-primary-tangerine);color:var(--color-neutrals-neutral-1);font-weight:var(--font-weight-semibold)}._cartTooltip_11wxn_24{padding:var(--spacing-1)}._cartContainer_11wxn_27{height:calc(100vh - 120px);width:375px;box-sizing:border-box;display:grid;grid-template-rows:auto 1fr auto auto;gap:var(--spacing-1)}._cartItems_11wxn_35{height:100%;overflow-y:auto;overflow-x:hidden}._cartItems_11wxn_35 ul{margin:0;padding:0}._cartItems_11wxn_35 li{display:grid;grid-template-columns:auto 1fr;gap:var(--spacing-0-5);align-items:center;box-sizing:border-box;position:relative;list-style:none;margin:0;padding:var(--spacing-0-5);width:100%;border-bottom:1px solid var(--color-neutrals-neutral-2)}._topRow_11wxn_57{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between}._itemInfo_11wxn_63{display:flex;flex-direction:column;align-items:flex-start}._purchaseInformation_11wxn_68{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;width:100%}._itemManagement_11wxn_75{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-spacing-3xs)}._cartItems_11wxn_35 li p{margin:0;padding:0;word-wrap:break-word;white-space:normal;overflow-wrap:break-word}._cartItems_11wxn_35 img{height:40px;width:40px;object-fit:contain}._removeItem_11wxn_93{border:none;background-color:transparent;padding:0;margin:0;cursor:pointer}._noItems_11wxn_101{display:flex;flex-direction:row;align-items:center;justify-content:center;height:100%}._subtotal_11wxn_108{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:var(--spacing-0-5)}

package/dist/assets/Icon.css

@@ -1 +1 @@
-._icon-sm_nwr4s_1{font-size:var(--font-size-md);padding:calc(var(--font-size-md) / 4)}._icon-md_nwr4s_6{font-size:var(--font-size-2xl);padding:calc(var(--font-size-2xl) / 4)}._icon-lg_nwr4s_11{font-size:var(--font-size-3xl);padding:calc(var(--font-size-3xl) / 4)}._icon-sm_nwr4s_1,._icon-md_nwr4s_6,._icon-lg_nwr4s_11{display:inline-flex;align-items:center;justify-content:center;aspect-ratio:1 / 1}
+._icon-sm_7w9u2_1{--icon-size: var(--font-size-md);--icon-padding: calc(var(--font-size-md) / 4)}._icon-md_7w9u2_5{--icon-size: var(--font-size-2xl);--icon-padding: calc(var(--font-size-md) / 4)}._icon-lg_7w9u2_9{--icon-size: var(--font-size-3xl);--icon-padding: calc(var(--font-size-lg) / 4)}._wrapper_7w9u2_15{display:inline-flex;width:var(--icon-size);height:var(--icon-size);aspect-ratio:1 / 1;align-items:center;justify-content:center;line-height:1;padding:var(--icon-padding)}._wrapper_7w9u2_15>i,._wrapper_7w9u2_15>svg{font-size:var(--icon-size);width:100%;height:100%;max-width:100%;max-height:100%}._iconColor-default_7w9u2_37{color:var(--icons-icon-default)}._iconColor-secondary_7w9u2_38{color:var(--icons-icon-secondary)}._iconColor-warning_7w9u2_39{color:var(--icons-icon-warning)}._iconColor-error-warning_7w9u2_40{color:var(--icons-icon-error-warning)}._iconColor-success_7w9u2_41{color:var(--icons-icon-success)}

package/dist/assets/ToggleView.css

@@ -1 +1 @@
-._toggleView_1voum_1{flex-wrap:wrap}._toggleOption_1voum_5{border:none;padding:var(--spacing-0-125) var(--spacing-0-5);gap:var(--spacing-0-125);cursor:pointer;border-top:1px solid var(--border-border-primary);border-bottom:1px solid var(--border-border-primary)}._toggleOption_1voum_5._selected_1voum_15{color:var(--text-text-invert);border-color:var(--color-brand-primary-primary-teal-blue);background-color:var(--color-brand-primary-primary-teal-blue)}._toggleOption_1voum_5._selected_1voum_15 path{fill:var(--icons-icon-invert)}._toggleOption_1voum_5:first-child{border-left:1px solid var(--border-border-primary);border-radius:2px 0 0 2px}._toggleOption_1voum_5:last-child{border-right:1px solid var(--border-border-primary);border-radius:0 2px 2px 0}._toggleOption_1voum_5:not(:last-child){border-right:1px solid var(--border-border-primary)}._toggleOption_1voum_5._selected_1voum_15+._toggleOption_1voum_5{border-left:none}
+._toggleView_1u0oz_1{flex-wrap:wrap}._compactText_1u0oz_5{line-height:1;display:inline-flex;align-items:center;padding:0;margin:0}._toggleOption_1u0oz_12{border:none;padding:var(--spacing-0-125) var(--spacing-0-75);gap:var(--spacing-0-125);cursor:pointer;border-top:1px solid var(--border-border-primary);border-bottom:1px solid var(--border-border-primary)}._toggleOption_1u0oz_12._selected_1u0oz_22{color:var(--text-text-invert);border-color:var(--color-brand-primary-primary-teal-blue);background-color:var(--color-brand-primary-primary-teal-blue)}._toggleOption_1u0oz_12._selected_1u0oz_22 path{fill:var(--icons-icon-invert)}._toggleOption_1u0oz_12:first-child{border-left:1px solid var(--border-border-primary);border-radius:2px 0 0 2px}._toggleOption_1u0oz_12:last-child{border-right:1px solid var(--border-border-primary);border-radius:0 2px 2px 0}._toggleOption_1u0oz_12:not(:last-child){border-right:1px solid var(--border-border-primary)}._toggleOption_1u0oz_12._selected_1u0oz_22+._toggleOption_1u0oz_12{border-left:none}

package/dist/atoms/Icon/Icon.d.ts

@@ -1,9 +1,11 @@
 import { HideAtProps } from '../HideAt';
 type IconSet = "fa-kit" | "fa-solid" | "fa-regular" | "fa-light" | "fa-thin" | "fa-brands";
 type IconVariant = "fa-sharp" | "fa-duotone" | "fa-sharp-duotone";
+type IconColorToken = "default" | "secondary" | "warning" | "error-warning" | "success";
 interface IconProps extends React.HTMLAttributes<HTMLSpanElement>, HideAtProps {
     iconKey: `${IconSet} ${string}` | `${IconVariant} ${IconSet} ${string}`;
     size?: "sm" | "md" | "lg";
+    colorToken?: IconColorToken;
 }
-export declare function Icon({ iconKey, size, hideAt, className, ...otherProps }: IconProps): import("react/jsx-runtime").JSX.Element;
+export declare function Icon({ iconKey, size, hideAt, className, colorToken, ...otherProps }: IconProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/atoms/Icon/Icon.js

@@ -1,32 +1,40 @@
-import { jsx as m } from "react/jsx-runtime";
-import { c as r } from "../../clsx-OuTLNxxd.js";
-import { getHideAtStyles as t } from "../HideAt.js";
-import '../../assets/Icon.css';const _ = {
-  "icon-sm": "_icon-sm_nwr4s_1",
-  "icon-md": "_icon-md_nwr4s_6",
-  "icon-lg": "_icon-lg_nwr4s_11"
+import { jsx as r } from "react/jsx-runtime";
+import { c as n } from "../../clsx-OuTLNxxd.js";
+import { getHideAtStyles as a } from "../HideAt.js";
+import '../../assets/Icon.css';const u = "_wrapper_7w9u2_15", o = {
+  "icon-sm": "_icon-sm_7w9u2_1",
+  "icon-md": "_icon-md_7w9u2_5",
+  "icon-lg": "_icon-lg_7w9u2_9",
+  wrapper: u,
+  "iconColor-default": "_iconColor-default_7w9u2_37",
+  "iconColor-secondary": "_iconColor-secondary_7w9u2_38",
+  "iconColor-warning": "_iconColor-warning_7w9u2_39",
+  "iconColor-error-warning": "_iconColor-error-warning_7w9u2_40",
+  "iconColor-success": "_iconColor-success_7w9u2_41"
 };
-function f({
-  iconKey: o,
-  size: n = "md",
-  hideAt: s,
-  className: c,
-  ...i
+function p({
+  iconKey: c,
+  size: i = "md",
+  hideAt: _,
+  className: e,
+  colorToken: s = "default",
+  ...l
 }) {
-  return /* @__PURE__ */ m(
-    "i",
+  return /* @__PURE__ */ r(
+    "span",
     {
-      className: r(
-        o,
-        // can contain 2 or 3 (or more) Font Awesome classes
-        _[`icon-${n}`],
-        t(s),
-        c
+      className: n(
+        o.wrapper,
+        o[`icon-${i}`],
+        o[`iconColor-${s}`],
+        a(_),
+        e
       ),
-      ...i
+      ...l,
+      children: /* @__PURE__ */ r("i", { className: n(c), "aria-hidden": "true" })
     }
   );
 }
 export {
-  f as Icon
+  p as Icon
 };

package/dist/atoms/Icon/Icon.stories.d.ts

@@ -7,8 +7,36 @@ declare const meta: {
         layout: string;
     };
     tags: string[];
+    argTypes: {
+        iconKey: {
+            control: {
+                type: "select";
+            };
+            options: readonly ["fa-kit fa-chat", "fa-solid fa-user", "fa-regular fa-bell", "fa-solid fa-gear", "fa-solid fa-circle-info", "fa-solid fa-triangle-exclamation"];
+        };
+        size: {
+            control: {
+                type: "radio";
+            };
+            options: string[];
+        };
+        colorToken: {
+            name: string;
+            control: {
+                type: "select";
+            };
+            options: string[];
+        };
+    };
+    args: {
+        iconKey: "fa-kit fa-chat";
+        size: "md";
+        colorToken: "default";
+        title: string;
+    };
 };
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
-export declare const Sizes: StoryObj<typeof Icon>;
+export declare const Sizes: Story;
+export declare const Colors: Story;

package/dist/atoms/Icon/Icon.stories.js

@@ -1,28 +1,81 @@
-import { jsxs as a, Fragment as i, jsx as e } from "react/jsx-runtime";
-import { Icon as t } from "./Icon.js";
-const c = {
+import { jsx as r } from "react/jsx-runtime";
+import { useEffect as c, createElement as i } from "react";
+import { Icon as l } from "./Icon.js";
+const f = [
+  "fa-kit fa-chat",
+  "fa-solid fa-user",
+  "fa-regular fa-bell",
+  "fa-solid fa-gear",
+  "fa-solid fa-circle-info",
+  "fa-solid fa-triangle-exclamation"
+], y = {
   title: "Case Parts/Atoms/Icon",
-  component: t,
-  parameters: {
-    // Optional parameter to center the component in the Canvas. More info: https://storybook.js.org/docs/configure/story-layout
-    layout: "centered"
+  component: l,
+  parameters: { layout: "centered" },
+  tags: ["autodocs"],
+  argTypes: {
+    iconKey: {
+      control: { type: "select" },
+      options: f
+    },
+    size: {
+      control: { type: "radio" },
+      options: ["sm", "md", "lg"]
+    },
+    colorToken: {
+      name: "color",
+      control: { type: "select" },
+      options: ["default", "secondary", "warning", "error-warning", "success"]
+    }
   },
-  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/writing-docs/autodocs
-  tags: ["autodocs"]
-}, n = {
   args: {
     iconKey: "fa-kit fa-chat",
+    size: "md",
+    colorToken: "default",
     title: "Live Chat"
   }
-}, r = {
-  render: () => /* @__PURE__ */ a(i, { children: [
-    /* @__PURE__ */ e(t, { iconKey: "fa-kit fa-chat", size: "sm", title: "Live Chat" }),
-    /* @__PURE__ */ e(t, { iconKey: "fa-kit fa-chat", size: "md", title: "Live Chat" }),
-    /* @__PURE__ */ e(t, { iconKey: "fa-kit fa-chat", size: "lg", title: "Live Chat" })
-  ] })
+}, a = (e) => {
+  const { iconKey: t } = e;
+  return c(() => {
+    var o, n, s;
+    try {
+      (s = (n = (o = window == null ? void 0 : window.FontAwesome) == null ? void 0 : o.dom) == null ? void 0 : n.i2svg) == null || s.call(n);
+    } catch {
+      console.log();
+    }
+  }, [t]), /* @__PURE__ */ i(
+    l,
+    {
+      ...e,
+      key: `${t}-${e.size}-${e.colorToken}`
+    }
+  );
+}, g = {
+  render: (e) => /* @__PURE__ */ r(a, { ...e })
+}, u = {
+  render: (e) => /* @__PURE__ */ r("div", { style: { display: "flex", gap: "0.75rem", alignItems: "center" }, children: ["sm", "md", "lg"].map((t) => /* @__PURE__ */ r(a, { ...e, size: t }, t)) })
+}, k = {
+  args: { iconKey: "fa-solid fa-circle-info" },
+  render: (e) => /* @__PURE__ */ r("div", { style: { display: "flex", gap: "1rem", alignItems: "center" }, children: [
+    "default",
+    "secondary",
+    "warning",
+    "error-warning",
+    "success"
+  ].map((o) => /* @__PURE__ */ r(
+    a,
+    {
+      ...e,
+      colorToken: o,
+      title: o,
+      "aria-label": o
+    },
+    o
+  )) })
 };
 export {
-  n as Default,
-  r as Sizes,
-  c as default
+  k as Colors,
+  g as Default,
+  u as Sizes,
+  y as default
 };

package/dist/molecules/BannerCard/BannerCard.js

@@ -1,8 +1,8 @@
-import { jsx as t, jsxs as p } from "react/jsx-runtime";
+import { jsx as o, jsxs as p } from "react/jsx-runtime";
 import { getHideAtStyles as f } from "../../atoms/HideAt.js";
-import { Text as i } from "../../atoms/Text/Text.js";
+import { Text as _ } from "../../atoms/Text/Text.js";
 import { c as x } from "../../clsx-OuTLNxxd.js";
-import '../../assets/BannerCard.css';const k = "_root_1o5so_2", N = "_content_1o5so_13", u = "_variant_hero_1o5so_22", z = "_align_left_1o5so_22", S = "_align_right_1o5so_29", $ = "_variant_promo_1o5so_37", b = "_header_1o5so_49", j = "_description_1o5so_53", C = "_overlay_dark_1o5so_99", H = "_overlay_none_1o5so_101", w = "_overlay_light_1o5so_106", o = {
+import '../../assets/BannerCard.css';const k = "_root_sclg6_2", N = "_content_sclg6_13", u = "_variant_hero_sclg6_26", z = "_align_left_sclg6_26", S = "_align_right_sclg6_37", $ = "_variant_promo_sclg6_48", b = "_header_sclg6_59", j = "_description_sclg6_70", C = "_overlay_dark_sclg6_102", H = "_overlay_none_sclg6_104", w = "_overlay_light_sclg6_109", t = {
   root: k,
   content: N,
   variant_hero: u,
@@ -18,32 +18,32 @@ import '../../assets/BannerCard.css';const k = "_root_1o5so_2", N = "_content_1o
 function L({
   variant: e = "hero",
   overlayTheme: r = "none",
-  title: l,
+  title: c,
   description: n,
   backgroundImage: a,
-  align: c = "left",
+  align: i = "left",
   cta: s,
-  className: d,
-  hideAt: h
+  className: g,
+  hideAt: d
 }) {
-  const g = a ? { backgroundImage: `url(${a})` } : void 0, _ = e === "hero", v = _ ? "6xl" : "xl", m = _ ? "md" : "sm", y = r === "dark" ? o.textLight : o.textDark;
-  return /* @__PURE__ */ t(
+  const h = a ? { backgroundImage: `url(${a})` } : void 0, l = e === "hero", v = l ? "6xl" : "xl", m = l ? "md" : "sm", y = r === "dark" ? t.textLight : t.textDark;
+  return /* @__PURE__ */ o(
     "article",
     {
       className: x(
-        o.root,
-        o[`variant_${e}`],
-        o[`align_${c}`],
-        o[`overlay_${r}`],
+        t.root,
+        t[`variant_${e}`],
+        t[`align_${i}`],
+        t[`overlay_${r}`],
         y,
-        f(h),
-        d
+        f(d),
+        g
       ),
-      style: { ...g },
-      children: /* @__PURE__ */ p("div", { className: o.content, children: [
-        /* @__PURE__ */ t(i, { variant: "display", weight: "light", size: v, className: o.header, children: l }),
-        n && /* @__PURE__ */ t(i, { size: m, className: o.description, children: n }),
-        s && /* @__PURE__ */ t("div", { className: o.cta, children: s })
+      style: { ...h },
+      children: /* @__PURE__ */ p("div", { className: t.content, children: [
+        /* @__PURE__ */ o(_, { variant: "display", weight: "light", size: v, className: t.header, children: c }),
+        n && /* @__PURE__ */ o(_, { size: m, className: t.description, children: n }),
+        s && /* @__PURE__ */ o("div", { className: t.cta, children: s })
       ] })
     }
   );

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

@@ -10,10 +10,8 @@ declare const meta: Meta<AllArgs>;
 export default meta;
 type Story = StoryObj<AllArgs>;
 export declare const Playground: Story;
-export declare const Hero: Story;
-export declare const HeroLightOverlay: Story;
-export declare const HeroNoOverlay: Story;
-export declare const PromoLight: Story;
-export declare const PromoWithDarkOverlay: Story;
-export declare const WithoutCTA: Story;
-export declare const RightAlignedPromo: Story;
+export declare const HeroDark: Story;
+export declare const HeroRightAligned: Story;
+export declare const PromoAccount: Story;
+export declare const PromoQuote: Story;
+export declare const PromoShipping: Story;

package/dist/molecules/BannerCard/BannerCard.stories.js

@@ -1,44 +1,76 @@
-import { jsxs as c, jsx as o } from "react/jsx-runtime";
-import { BannerCard as r } from "./BannerCard.js";
-import { LinkButton as m } from "../../atoms/LinkButton/LinkButton.js";
-import { Icon as d } from "../../atoms/Icon/Icon.js";
-const v = {
+import { jsxs as r, jsx as o } from "react/jsx-runtime";
+import p from "react";
+import { BannerCard as a } from "./BannerCard.js";
+import { LinkButton as g } from "../../atoms/LinkButton/LinkButton.js";
+import { Link as h } from "../../atoms/Link/Link.js";
+import { Icon as i } from "../../atoms/Icon/Icon.js";
+if (typeof document < "u" && !document.getElementById("bannercard-hero-heights")) {
+  const e = document.createElement("style");
+  e.id = "bannercard-hero-heights", e.innerHTML = `
+    .heroHeightConstraint { height:400px; }
+    @media (max-width:1279px){ .heroHeightConstraint { height:300px; } }
+    @media (max-width:767px){ .heroHeightConstraint { height:100px; } }
+  `, document.head.appendChild(e);
+}
+const k = {
   title: "Case Parts/Molecules/BannerCard",
-  component: r,
+  component: a,
   tags: ["autodocs"],
   render: (e) => {
     const {
-      showCta: t,
-      customCtaLabel: a,
-      backgroundImageUrl: i,
-      cta: n,
-      ...s
-    } = e, l = t ? n ?? /* @__PURE__ */ c(
-      m,
+      showCta: n,
+      customCtaLabel: t,
+      backgroundImageUrl: s,
+      cta: l,
+      ...c
+    } = e, m = n ? l ?? /* @__PURE__ */ r(p.Fragment, { children: [
+      /* @__PURE__ */ r(
+        g,
+        {
+          variant: e.overlayTheme === "light" ? "primary" : "secondary-transparent",
+          size: "md",
+          href: "#",
+          hideAt: ["sm"],
+          children: [
+            t || "Learn More",
+            /* @__PURE__ */ o(i, { iconKey: "fa-solid fa-arrow-right", size: "sm" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ r(
+        h,
+        {
+          style: { boxSizing: "border-box", color: e.overlayTheme === "light" ? "#1380B1" : "white", fontWeight: "var(--font-weight-semibold)" },
+          href: "#",
+          hideAt: ["md", "lg"],
+          children: [
+            (t == null ? void 0 : t.toUpperCase()) || "LEARN MORE",
+            /* @__PURE__ */ o(i, { style: { marginBottom: "-6px" }, iconKey: "fa-solid fa-arrow-right", size: "sm" })
+          ]
+        }
+      )
+    ] }) : void 0, d = e.variant === "hero" ? "heroHeightConstraint" : void 0;
+    return /* @__PURE__ */ o(
+      "div",
       {
-        variant: e.overlayTheme === "light" ? "primary" : "secondary-transparent",
-        size: "md",
-        href: "#",
-        children: [
-          a || "Learn More",
-          /* @__PURE__ */ o(d, { iconKey: "fa-solid fa-arrow-right", size: "sm" })
-        ]
+        className: d,
+        style: { maxWidth: e.variant === "hero" ? 1200 : 640 },
+        children: /* @__PURE__ */ o(
+          a,
+          {
+            ...c,
+            cta: m,
+            backgroundImage: s
+          }
+        )
       }
-    ) : void 0;
-    return /* @__PURE__ */ o("div", { style: { maxWidth: e.variant === "hero" ? 1200 : 640 }, children: /* @__PURE__ */ o(
-      r,
-      {
-        ...s,
-        cta: l,
-        backgroundImage: i
-      }
-    ) });
+    );
   },
   args: {
     variant: "hero",
     overlayTheme: "none",
-    title: "Made-to-Spec Custom Parts",
-    description: "We specialize in made-to-spec parts—including cutting boards, walk-in doors, wire shelving, heaters, warmer wires, gaskets and more!",
+    title: "Refrigeration Parts Expertise",
+    description: "We are THE commercial refrigeration parts specialists—depend on us to source or fabricate the right part at a competitive price.",
     align: "left",
     showCta: !0,
     customCtaLabel: "Help Me Find a Part",
@@ -53,129 +85,93 @@ const v = {
     overlayTheme: {
       control: { type: "inline-radio" },
       options: ["none", "dark", "light"],
-      description: "Applies optional contrast overlay + text color."
-    },
-    title: {
-      control: "text"
-    },
-    description: {
-      control: "text"
-    },
-    align: {
-      control: { type: "inline-radio" },
-      options: ["left", "right"]
+      description: "Overlay + contrast."
     },
+    title: { control: "text" },
+    description: { control: "text" },
+    align: { control: { type: "inline-radio" }, options: ["left", "right"] },
     backgroundImageUrl: {
       name: "backgroundImage",
       control: "text",
-      description: "Image URL. Leave empty for no background image."
-    },
-    showCta: {
-      control: "boolean",
-      description: "Toggle the CTA rendering."
-    },
-    customCtaLabel: {
-      control: "text",
-      if: { arg: "showCta" },
-      description: "Text for generated CTA link."
-    },
-    cta: {
-      table: { disable: !0 },
-      description: "Custom CTA node overrides generated link."
-    },
-    hideAt: {
-      control: "object",
-      description: "Responsive visibility props (HideAtProps)."
+      description: "Local asset path."
     },
+    showCta: { control: "boolean" },
+    customCtaLabel: { control: "text", if: { arg: "showCta" } },
+    cta: { table: { disable: !0 } },
+    hideAt: { control: "object" },
     className: { control: "text" }
   },
   parameters: {
     docs: {
       description: {
-        component: `Structure helper for promotional / hero banners.
-        Responsibilities:
-        - variant: only size / typography (hero vs promo)
-        - overlayTheme: controls contrast + optional semi‑transparent overlay (dark/light/none)
-        - backgroundImage: applied as CSS background-image
-        - align: which grid column & text alignment
-        Layout (width/height) is consumer-controlled.`
+        component: `Promotional / hero banner wrapper.
+        - variant: typography scale (hero | promo)
+        - align: grid positioning (left/right) with responsive full-width <980px
+        - overlayTheme: optional contrast theme
+        - backgroundImage: applies CSS background-image
+        Height is consumer-controlled; stories simulate production hero height constraints.`
       }
     }
   }
-}, y = { name: "Playground" }, f = {
+}, x = { name: "Playground" }, I = {
+  name: "Hero (Dark Overlay)",
   args: {
     variant: "hero",
     overlayTheme: "dark",
-    title: "Elevate Your Workflow",
-    description: "Tools engineered for performance in every scenario.",
-    backgroundImageUrl: "https://images.unsplash.com/photo-1519389950473-47ba0277781c?auto=format&fit=crop&w=1400&q=60",
+    title: "Custom Refrigeration Solutions",
+    description: "Custom walk‑in doors, gaskets, heaters & more—precision-built refrigeration parts delivered fast.",
+    backgroundImageUrl: "assets/IMG-1-hero.png",
     align: "left"
   }
-}, b = {
-  name: "Hero (Light Overlay)",
-  args: {
-    variant: "hero",
-    overlayTheme: "light",
-    title: "Bright Hero",
-    description: "Light overlay for darker images.",
-    backgroundImageUrl: "https://images.unsplash.com/photo-1498050108023-c5249f4df085?auto=format&fit=crop&w=1400&q=60",
-    customCtaLabel: "Get Started"
-  }
-}, k = {
-  name: "Hero (No Overlay)",
+}, w = {
+  name: "Hero (Right Aligned)",
   args: {
     variant: "hero",
-    overlayTheme: "none",
-    title: "Raw Image Hero",
-    description: "No overlay applied—ensure image has built-in contrast.",
-    backgroundImageUrl: "https://images.unsplash.com/photo-1522199710521-72d69614c702?auto=format&fit=crop&w=1400&q=60"
+    overlayTheme: "dark",
+    align: "right",
+    title: "First-Time Accurate Identification",
+    description: "Decades of refrigeration expertise—lean on us for correct parts identification the first time.",
+    backgroundImageUrl: "assets/IMG-4-hero.png",
+    customCtaLabel: "Talk To A Specialist"
   }
-}, C = {
+}, T = {
+  name: "Promo (Account Setup)",
   args: {
     variant: "promo",
     overlayTheme: "light",
-    title: "Free Shipping",
-    description: "Orders over $50 ship free in the continental US.",
-    backgroundImageUrl: "",
-    customCtaLabel: "Details"
-  }
-}, w = {
-  name: "Promo (Dark Overlay)",
-  args: {
-    variant: "promo",
-    overlayTheme: "dark",
-    title: "Night Promo",
-    description: "Promo banner with dark overlay.",
-    backgroundImageUrl: "https://images.unsplash.com/photo-1553456558-aff63285bdd1?auto=format&fit=crop&w=1200&q=60",
-    customCtaLabel: "Browse"
+    title: "Create Your Account",
+    description: "Setting up an online account is easy—track orders, invoices and account status anytime.",
+    backgroundImageUrl: "assets/IMG-2-small.png",
+    customCtaLabel: "Set Up Account"
   }
-}, T = {
+}, P = {
+  name: "Promo (Custom Quote)",
   args: {
-    showCta: !1,
-    title: "Informational Banner",
-    description: "No actionable CTA needed here.",
     variant: "promo",
     overlayTheme: "light",
-    backgroundImageUrl: ""
+    title: "Need A Custom Part?",
+    description: "Request a custom refrigeration part—fast turnaround and engineered fit.",
+    backgroundImageUrl: "assets/IMG-3-small.png",
+    customCtaLabel: "Request Quote"
   }
-}, I = {
+}, A = {
+  name: "Promo (Expedited Shipping)",
   args: {
     variant: "promo",
-    overlayTheme: "dark",
-    align: "right",
-    title: "Limited Offer",
-    description: "Ends this Friday — don’t miss out!",
-    customCtaLabel: "Redeem"
+    overlayTheme: "light",
+    title: "Minimize Downtime",
+    description: "Priority shipping options available—get critical parts when you need them.",
+    backgroundImageUrl: "assets/IMG-4-small.png",
+    customCtaLabel: "See Options",
+    align: "right"
   }
 };
 export {
-  f as Hero,
-  b as HeroLightOverlay,
-  k as HeroNoOverlay,
-  y as Playground,
-  C as PromoLight,
-  w as PromoWithDarkOverlay,
-  I as RightAlignedPromo,
-  T as WithoutCTA,
-  v as default
+  I as HeroDark,
+  w as HeroRightAligned,
+  x as Playground,
+  T as PromoAccount,
+  P as PromoQuote,
+  A as PromoShipping,
+  k as default
 };

package/dist/molecules/Cart/Cart.js

@@ -1,19 +1,19 @@
-import { jsx as t, jsxs as o } from "react/jsx-runtime";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
 import { Icon as s } from "../../atoms/Icon/Icon.js";
 import { Text as a } from "../../atoms/Text/Text.js";
-import { Link as _ } from "../../atoms/Link/Link.js";
-import { Button as I } from "../../atoms/Button/Button.js";
-import { Tooltip as f } from "../Tooltip/Tooltip.js";
+import { Link as u } from "../../atoms/Link/Link.js";
+import { Button as f } from "../../atoms/Button/Button.js";
+import { Tooltip as g } from "../Tooltip/Tooltip.js";
 import { Pricing as v } from "../Pricing/Pricing.js";
 import { QuantityInput as w } from "../QuantityInput/QuantityInput.js";
-import { Availability as b } from "../Availability/Availability.js";
-import '../../assets/Cart.css';const y = "_cart_1uglw_2", N = "_count_1uglw_9", z = "_cartTooltip_1uglw_24", C = "_cartContainer_1uglw_27", k = "_cartItems_1uglw_35", x = "_topRow_1uglw_57", T = "_itemInfo_1uglw_63", R = "_purchaseInformation_1uglw_68", L = "_itemManagement_1uglw_75", M = "_removeItem_1uglw_93", P = "_noItems_1uglw_101", S = "_subtotal_1uglw_108", i = {
-  cart: y,
-  count: N,
-  cartTooltip: z,
-  cartContainer: C,
-  cartItems: k,
-  topRow: x,
+import { Availability as x } from "../Availability/Availability.js";
+import '../../assets/Cart.css';const b = "_cart_11wxn_2", y = "_count_11wxn_9", N = "_cartTooltip_11wxn_24", z = "_cartContainer_11wxn_27", C = "_cartItems_11wxn_35", k = "_topRow_11wxn_57", T = "_itemInfo_11wxn_63", R = "_purchaseInformation_11wxn_68", L = "_itemManagement_11wxn_75", M = "_removeItem_11wxn_93", P = "_noItems_11wxn_101", S = "_subtotal_11wxn_108", i = {
+  cart: b,
+  count: y,
+  cartTooltip: N,
+  cartContainer: z,
+  cartItems: C,
+  topRow: k,
   itemInfo: T,
   purchaseInformation: R,
   itemManagement: L,
@@ -22,7 +22,7 @@ import '../../assets/Cart.css';const y = "_cart_1uglw_2", N = "_count_1uglw_9",
   subtotal: S
 };
 function O({
-  cart: n,
+  cart: o,
   onItemQtyChange: m,
   onItemDelete: c,
   onCheckout: l,
@@ -30,15 +30,15 @@ function O({
   contactHref: d,
   contactLinkBehavior: p,
   itemPriceLabel: h,
-  ...u
+  ..._
 }) {
-  return n = n || { items: [] }, /* @__PURE__ */ t(
-    f,
+  return o = o || { items: [] }, /* @__PURE__ */ t(
+    g,
     {
       tooltipClassName: i.cartTooltip,
       repositionOnResize: !0,
       keepTooltipInside: !0,
-      trigger: /* @__PURE__ */ o("button", { className: i.cart, tabIndex: 0, ...u, children: [
+      trigger: /* @__PURE__ */ n("button", { className: i.cart, tabIndex: 0, ..._, children: [
         /* @__PURE__ */ t(
           s,
           {
@@ -47,30 +47,30 @@ function O({
             size: "lg"
           }
         ),
-        n.items.length > 0 && /* @__PURE__ */ t("div", { className: i.count, children: /* @__PURE__ */ t(a, { size: "xxs", children: n.items.length }) })
+        o.items.length > 0 && /* @__PURE__ */ t("div", { className: i.count, children: /* @__PURE__ */ t(a, { size: "xxs", children: o.items.length }) })
       ] }),
       position: "bottom left",
       on: "click",
-      children: /* @__PURE__ */ o("div", { className: i.cartContainer, children: [
+      children: /* @__PURE__ */ n("div", { className: i.cartContainer, children: [
         /* @__PURE__ */ t(a, { size: "2xl", children: "Cart" }),
-        /* @__PURE__ */ t("div", { className: i.cartItems, children: n.items.length > 0 ? /* @__PURE__ */ t("ul", { children: n.items.map(
-          (e) => /* @__PURE__ */ o("li", { className: i.cartItem, children: [
+        /* @__PURE__ */ t("div", { className: i.cartItems, children: o.items.length > 0 ? /* @__PURE__ */ t("ul", { children: o.items.map(
+          (e) => /* @__PURE__ */ n("li", { className: i.cartItem, children: [
             /* @__PURE__ */ t("img", { src: e.imageUrl, alt: `${e.itemId} product image` }),
-            /* @__PURE__ */ o("div", { children: [
-              /* @__PURE__ */ o("div", { className: i.topRow, children: [
-                /* @__PURE__ */ o("div", { className: i.itemInfo, children: [
-                  /* @__PURE__ */ t(a, { size: "sm", weight: "semibold", children: /* @__PURE__ */ t(_, { href: e.itemHref || `/part/${e.itemId}`, children: e.description }) }),
-                  /* @__PURE__ */ o(a, { size: "sm", children: [
+            /* @__PURE__ */ n("div", { children: [
+              /* @__PURE__ */ n("div", { className: i.topRow, children: [
+                /* @__PURE__ */ n("div", { className: i.itemInfo, children: [
+                  /* @__PURE__ */ t(a, { size: "sm", weight: "semibold", children: /* @__PURE__ */ t(u, { href: e.itemHref || `/part/${e.itemId}`, children: e.description }) }),
+                  /* @__PURE__ */ n(a, { size: "sm", children: [
                     "Part # ",
                     e.itemId
                   ] })
                 ] }),
                 /* @__PURE__ */ t("button", { onClick: () => c(e), className: i.removeItem, children: /* @__PURE__ */ t(s, { iconKey: "fa-regular fa-trash", size: "sm" }) })
               ] }),
-              /* @__PURE__ */ o("div", { className: i.itemManagement, children: [
-                /* @__PURE__ */ o("div", { className: i.purchaseInformation, children: [
+              /* @__PURE__ */ n("div", { className: i.itemManagement, children: [
+                /* @__PURE__ */ n("div", { className: i.purchaseInformation, children: [
                   /* @__PURE__ */ t(
-                    b,
+                    x,
                     {
                       availId: e.availabilityId || "",
                       availDescription: e.availability || "",
@@ -80,16 +80,16 @@ function O({
                   ),
                   /* @__PURE__ */ t(v, { pricingLabel: h || "List Price", price: e.price })
                 ] }),
-                /* @__PURE__ */ t(w, { quantity: e.quantity, onQuantityChange: (g) => m(e, g), size: "sm" })
+                /* @__PURE__ */ t(w, { quantity: e.quantity, onQuantityChange: (I) => m(e, I), size: "sm" })
               ] })
             ] })
           ] }, e.id)
         ) }) : /* @__PURE__ */ t("div", { className: i.noItems, children: /* @__PURE__ */ t(a, { as: "p", size: "sm", children: "No items in your cart yet" }) }) }),
-        r && /* @__PURE__ */ o("div", { className: i.subtotal, children: [
+        r && /* @__PURE__ */ n("div", { className: i.subtotal, children: [
           /* @__PURE__ */ t(a, { size: "md", weight: "semibold", children: "Subtotal" }),
           /* @__PURE__ */ t(a, { size: "md", weight: "semibold", children: r })
         ] }),
-        /* @__PURE__ */ t(I, { disabled: n.items.length === 0, onClick: l, variant: "cta-primary", size: "md", children: "Checkout" })
+        /* @__PURE__ */ t(f, { disabled: o.items.length === 0, onClick: l, variant: "cta-primary", size: "md", children: "Checkout" })
       ] })
     }
   );

package/dist/molecules/ToggleView/ToggleView.js

@@ -1,15 +1,16 @@
 import { jsx as e, jsxs as d } from "react/jsx-runtime";
-import g from "react";
-import { Flex as f } from "../../atoms/Flex/Flex.js";
+import m from "react";
+import { Flex as p } from "../../atoms/Flex/Flex.js";
 import { Icon as l } from "../../atoms/Icon/Icon.js";
 import { Text as x } from "../../atoms/Text/Text.js";
-import { getHideAtStyles as O } from "../../atoms/HideAt.js";
-import { c as p } from "../../clsx-OuTLNxxd.js";
-import '../../assets/ToggleView.css';const y = "_toggleView_1voum_1", I = "_toggleOption_1voum_5", _ = "_selected_1voum_15", m = {
-  toggleView: y,
-  toggleOption: I,
-  selected: _
-}, T = {
+import { getHideAtStyles as T } from "../../atoms/HideAt.js";
+import { c as f } from "../../clsx-OuTLNxxd.js";
+import '../../assets/ToggleView.css';const _ = "_toggleView_1u0oz_1", z = "_compactText_1u0oz_5", O = "_toggleOption_1u0oz_12", y = "_selected_1u0oz_22", g = {
+  toggleView: _,
+  compactText: z,
+  toggleOption: O,
+  selected: y
+}, I = {
   grid: "GRID",
   list: "LIST",
   table: "TABLE"
@@ -18,22 +19,22 @@ import '../../assets/ToggleView.css';const y = "_toggleView_1voum_1", I = "_togg
   list: /* @__PURE__ */ e(l, { iconKey: "fa-regular fa-list-ul", size: "sm" }),
   table: /* @__PURE__ */ e(l, { iconKey: "fa-regular fa-table-cells", size: "sm" })
 };
-function s({
+function r({
   selectedId: c,
   onToggle: t,
   className: n,
   children: o,
   hideAt: a,
-  ...r
+  ...s
 }) {
   return /* @__PURE__ */ e(
-    f,
+    p,
     {
       flexDirection: "row",
       alignItems: "center",
-      className: p(m.toggleView, O(a), n),
-      ...r,
-      children: g.Children.map(o, (i) => g.isValidElement(i) ? g.cloneElement(i, {
+      className: f(g.toggleView, T(a), n),
+      ...s,
+      children: m.Children.map(o, (i) => m.isValidElement(i) ? m.cloneElement(i, {
         isSelected: i.props.id === c,
         onClick: () => t(i.props.id)
       }) : null)
@@ -47,17 +48,17 @@ function w({
   isSelected: n,
   onClick: o,
   className: a,
-  ...r
+  ...s
 }) {
   return /* @__PURE__ */ e(
     u,
     {
       id: c,
-      label: T[t],
+      label: I[t],
       icon: b[t],
       isSelected: n,
       onClick: o,
-      ...r
+      ...s
     }
   );
 }
@@ -67,19 +68,19 @@ function u({
   icon: n,
   isSelected: o,
   onClick: a,
-  className: r,
+  className: s,
   ...i
 }) {
   return /* @__PURE__ */ d(
-    f,
+    p,
     {
       flexDirection: "row",
       alignItems: "center",
       justifyContent: "center",
-      className: p(
-        m.toggleOption,
-        o && m.selected,
-        r
+      className: f(
+        g.toggleOption,
+        o && g.selected,
+        s
       ),
       role: "button",
       "aria-selected": o,
@@ -87,16 +88,16 @@ function u({
       ...i,
       children: [
         n,
-        /* @__PURE__ */ e(x, { size: "xxs", children: t })
+        /* @__PURE__ */ e(x, { size: "xs", className: g.compactText, children: t })
       ]
     }
   );
 }
-s.OptionBase = u;
-s.Option = w;
-s.GridIcon = /* @__PURE__ */ e(l, { iconKey: "fa-regular fa-grid-2", size: "sm" });
-s.ListIcon = /* @__PURE__ */ e(l, { iconKey: "fa-regular fa-list-ul", size: "sm" });
-s.TableIcon = /* @__PURE__ */ e(l, { iconKey: "fa-regular fa-table-cells", size: "sm" });
+r.OptionBase = u;
+r.Option = w;
+r.GridIcon = /* @__PURE__ */ e(l, { iconKey: "fa-regular fa-grid-2", size: "sm" });
+r.ListIcon = /* @__PURE__ */ e(l, { iconKey: "fa-regular fa-list-ul", size: "sm" });
+r.TableIcon = /* @__PURE__ */ e(l, { iconKey: "fa-regular fa-table-cells", size: "sm" });
 export {
-  s as ToggleView
+  r as ToggleView
 };

package/dist/organisms/Carousel/Carousel.js

@@ -2,7 +2,7 @@ import { jsxs as fn, jsx as ot } from "react/jsx-runtime";
 import vt, { useRef as Ut, useState as $t, useCallback as ln, useEffect as Ot } from "react";
 import { getHideAtStyles as dn } from "../../atoms/HideAt.js";
 import { c as qt } from "../../clsx-OuTLNxxd.js";
-import { s as rt, P as pn, N as mn } from "../../CarouselArrowButtons-Bv2242py.js";
+import { s as rt, P as pn, N as mn } from "../../CarouselArrowButtons-Dx_S017g.js";
 import { useDotButton as gn, DotButton as hn } from "./CarouselDotButton.js";
 import { usePrevNextButtons as yn } from "./usePrevNextButtons.js";
 function Sn(t) {

package/dist/organisms/Carousel/CarouselArrowButtons.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "../../atoms/Icon/Icon.js";
-import { N as e, P as i } from "../../CarouselArrowButtons-Bv2242py.js";
+import { N as e, P as i } from "../../CarouselArrowButtons-Dx_S017g.js";
 import "../../clsx-OuTLNxxd.js";
 export {
   e as NextButton,

package/package.json

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

package/dist/CarouselArrowButtons-Bv2242py.js

@@ -1,48 +0,0 @@
-import { jsxs as n, jsx as e } from "react/jsx-runtime";
-import { Icon as c } from "./atoms/Icon/Icon.js";
-import { c as r } from "./clsx-OuTLNxxd.js";
-import './assets/CarouselArrowButtons.css';const _ = "_main_1st4s_1", a = "_viewport_1st4s_4", u = "_track_1st4s_8", i = "_slide_1st4s_12", d = "_button_1st4s_17", l = "_prevButton_1st4s_33", p = "_nextButton_1st4s_36", m = "_carouselDots_1st4s_39", f = "_dot_1st4s_47", v = "_dotSelected_1st4s_55", t = {
-  main: _,
-  viewport: a,
-  track: u,
-  slide: i,
-  button: d,
-  prevButton: l,
-  nextButton: p,
-  carouselDots: m,
-  dot: f,
-  dotSelected: v
-}, h = ({
-  children: s,
-  ...o
-}) => /* @__PURE__ */ n(
-  "button",
-  {
-    className: r(t.button, t.prevButton),
-    type: "button",
-    ...o,
-    children: [
-      /* @__PURE__ */ e(c, { iconKey: "fa-sharp fa-solid fa-chevron-left", size: "md" }),
-      s
-    ]
-  }
-), y = ({
-  children: s,
-  ...o
-}) => /* @__PURE__ */ n(
-  "button",
-  {
-    className: r(t.button, t.nextButton),
-    type: "button",
-    ...o,
-    children: [
-      /* @__PURE__ */ e(c, { iconKey: "fa-sharp fa-solid fa-chevron-right", size: "md" }),
-      s
-    ]
-  }
-);
-export {
-  y as N,
-  h as P,
-  t as s
-};