@caseparts-org/caseblocks 0.0.57 → 0.0.59

package/dist/CarouselArrowButtons-DMKru3f7.js

@@ -0,0 +1,48 @@
+import { jsxs as e, jsx as s } 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_wngg9_1", u = "_viewport_wngg9_4", a = "_track_wngg9_8", g = "_slide_wngg9_12", i = "_button_wngg9_17", d = "_prevButton_wngg9_32", l = "_nextButton_wngg9_35", m = "_carouselDots_wngg9_38", p = "_dot_wngg9_46", w = "_dotSelected_wngg9_54", t = {
+  main: _,
+  viewport: u,
+  track: a,
+  slide: g,
+  button: i,
+  prevButton: d,
+  nextButton: l,
+  carouselDots: m,
+  dot: p,
+  dotSelected: w
+}, x = ({
+  children: o,
+  ...n
+}) => /* @__PURE__ */ e(
+  "button",
+  {
+    className: r(t.button, t.prevButton),
+    type: "button",
+    ...n,
+    children: [
+      /* @__PURE__ */ s(c, { iconKey: "fa-solid fa-chevron-left", size: "md" }),
+      o
+    ]
+  }
+), f = ({
+  children: o,
+  ...n
+}) => /* @__PURE__ */ e(
+  "button",
+  {
+    className: r(t.button, t.nextButton),
+    type: "button",
+    ...n,
+    children: [
+      /* @__PURE__ */ s(c, { iconKey: "fa-solid fa-chevron-right", size: "md" }),
+      o
+    ]
+  }
+);
+export {
+  f as N,
+  x as P,
+  t as s
+};

package/dist/assets/BannerCard.css

@@ -0,0 +1 @@
+._root_kwn5r_2{position:relative;display:grid;grid-template-columns:1fr 1fr;background-size:cover;background-position:center;overflow:hidden;box-sizing:border-box;align-items:center}._content_kwn5r_13{box-sizing:border-box;width:100%;padding:var(--spacing-spacing-default, 16px);display:flex;flex-direction:column;gap:var(--spacing-spacing-default, 16px)}@media (max-width: 980px){._content_kwn5r_13{grid-column:1 / -1}}._align_left_kwn5r_25 ._content_kwn5r_13{align-items:flex-start;grid-column:1 / span 1;text-align:left}@media (max-width: 980px){._align_left_kwn5r_25 ._content_kwn5r_13{grid-column:1 / -1}}._align_right_kwn5r_33 ._content_kwn5r_13{align-items:flex-end;grid-column:2 / span 1;text-align:right}@media (max-width: 980px){._align_right_kwn5r_33 ._content_kwn5r_13{grid-column:1 / -1}}._content_kwn5r_13>*{position:relative;z-index:1}._overlay_dark_kwn5r_48 ._header_kwn5r_48,._overlay_dark_kwn5r_48 ._description_kwn5r_49,._overlay_none_kwn5r_50 ._header_kwn5r_48,._overlay_none_kwn5r_50 ._description_kwn5r_49{color:var(--color-neutrals-neutral-1)}._overlay_light_kwn5r_56 ._header_kwn5r_48,._overlay_light_kwn5r_56 ._description_kwn5r_49{color:#000}._overlay_dark_kwn5r_48:before,._overlay_light_kwn5r_56:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}._overlay_dark_kwn5r_48:before{background:#137fb13a}._overlay_light_kwn5r_56:before{background:#ffffff73}

package/dist/assets/CarouselArrowButtons.css

@@ -0,0 +1 @@
+._main_wngg9_1{position:relative}._viewport_wngg9_4{overflow:hidden;width:100%}._track_wngg9_8{display:flex;touch-action:pan-y}._slide_wngg9_12{flex:0 0 100%;min-width:0}._button_wngg9_17{position:absolute;top:50%;transform:translateY(-50%);background-color:transparent;padding:0;margin:0;border:none}._button_wngg9_17 path{fill:var(--color-neutrals-neutral-1)}._button_wngg9_17:disabled path{opacity:.4}._prevButton_wngg9_32{left:var(--spacing-spacing-default)}._nextButton_wngg9_35{right:var(--spacing-spacing-default)}._carouselDots_wngg9_38{position:absolute;bottom:var(--spacing-spacing-default);left:50%;transform:translate(-50%);display:flex;gap:var(--spacing-spacing-2xs)}._dot_wngg9_46{width:40px;height:2px;background:var(--color-neutrals-neutral-1);border:none;cursor:pointer;opacity:.5}._dotSelected_wngg9_54{opacity:1;width:80px}

package/dist/assets/buttonClassName.css

@@ -1 +1 @@
-._button_10tpz_1{--inset-shadow-color: var(--surface-surface-primary-btn);--inset-shadow-style: 0 0 0, inset 0 0 0 var(--spacing-0-125) var(--inset-shadow-color);transition-property:background-color,border-width,box-shadow,color;transition-duration:.1s;transition-timing-function:ease-in;padding:var(--spacing-1);border:none;cursor:pointer;text-decoration:none;text-align:center;width:max-content}._button_10tpz_1:hover{box-shadow:var(--color-neutrals-neutral-2) var(--spacing-0-125) var(--spacing-0-25) var(--spacing-0-5)}._button_10tpz_1:active{box-shadow:none}._button_10tpz_1:disabled{background-color:var(--surface-surface-disabled-btn);color:var(--text-text-invert);transition:none;cursor:default}._button_10tpz_1:disabled:hover{box-shadow:none}._button-primary_10tpz_38{background-color:var(--surface-surface-primary-btn);color:var(--surface-surface-primary)}._button-primary_10tpz_38:active{background-color:var(--color-brand-secondary-dark-teal-blue)}._button-primary_10tpz_38:active:disabled{background-color:var(--surface-surface-disabled-btn);color:var(--text-text-invert)}._button-secondary_10tpz_52{background-color:var(--surface-surface-secondary-btn);border:1px solid var(--border-border-secondary-btn);color:var(--text-text-links)}._button-secondary_10tpz_52:active{--inset-shadow-color: var(--surface-surface-secondary);box-shadow:var(--inset-shadow-style)}._button-secondary_10tpz_52:disabled{background-color:var(--surface-surface-disabled-btn-focus);color:var(--surface-surface-disabled-btn);--inset-shadow-color: var(--surface-surface-disabled-btn);box-shadow:var(--inset-shadow-style)}._button-secondary_10tpz_52:disabled:hover{box-shadow:var(--inset-shadow-style)}._button-cta-primary_10tpz_74{background-color:var(--surface-surface-call-to-action-btn);color:var(--surface-surface-primary)}._button-cta-primary_10tpz_74:active{background-color:var(--surface-surface-call-to-action-btn-focus)}._button-cta-primary_10tpz_74:active:disabled{background-color:var(--surface-surface-disabled-btn);color:var(--text-text-invert)}._button-tertiary_10tpz_88{background-color:var(--surface-surface-tertiary-btn);color:var(--surface-surface-tertiary-btn-focus)}._button-tertiary_10tpz_88:active{color:var(--surface-surface-disabled-btn);background-color:var(--surface-surface-tertiary-btn-focus);--inset-shadow-color: var(--surface-surface-disabled-btn);box-shadow:var(--inset-shadow-style)}._button-tertiary_10tpz_88:active:disabled{background-color:var(--surface-surface-disabled-btn);color:var(--text-text-invert)}._button-destructive_10tpz_106{background-color:var(--surface-surface-error-warning-btn);color:var(--surface-surface-primary)}._button-destructive_10tpz_106:active{color:var(--surface-surface-error-warning-btn);background-color:var(--surface-surface-tertiary-btn-focus);--inset-shadow-color: var(--border-border-error-warning);box-shadow:var(--inset-shadow-style)}._button-destructive_10tpz_106:active:disabled{background-color:var(--surface-surface-disabled-btn);color:var(--text-text-invert)}._button-size-xxs_10tpz_124{border-radius:var(--border-radius-xs);padding:var(--spacing-spacing-4xs) var(--spacing-spacing-4xs)}._button-size-xs_10tpz_128{border-radius:var(--border-radius-xs);padding:calc(var(--spacing-spacing-4xs) - 1px) var(--spacing-spacing-2xs)}._button-size-sm_10tpz_132{border-radius:var(--border-radius-sm);padding:calc(var(--spacing-spacing-3xs) - 1px) var(--spacing-0-75)}._button-size-md_10tpz_136,._button-size-lg_10tpz_140{border-radius:var(--border-radius-sm);padding:calc(var(--spacing-spacing-2xs) - 1px) var(--spacing-spacing-default)}._button-size-xl_10tpz_144{border-radius:var(--border-radius-sm);padding:var(--spacing-0-75) var(--spacing-spacing-default)}._button-primary_10tpz_38._button-disabled_10tpz_149{background-color:var(--surface-surface-disabled-btn);color:var(--text-text-invert)}._button-secondary_10tpz_52._button-disabled_10tpz_149{background-color:var(--surface-surface-disabled-btn-focus);color:var(--surface-surface-disabled-btn);--inset-shadow-color: var(--surface-surface-disabled-btn);box-shadow:var(--inset-shadow-style)}._button-secondary_10tpz_52._button-disabled_10tpz_149:hover{box-shadow:var(--inset-shadow-style)}._button-cta-primary_10tpz_74._button-disabled_10tpz_149,._button-tertiary_10tpz_88._button-disabled_10tpz_149,._button-destructive_10tpz_106._button-disabled_10tpz_149{background-color:var(--surface-surface-disabled-btn);color:var(--text-text-invert)}
+._button_khsww_1{--inset-shadow-color: var(--surface-surface-primary-btn);--inset-shadow-style: 0 0 0, inset 0 0 0 var(--spacing-0-125) var(--inset-shadow-color);transition-property:background-color,border-width,box-shadow,color;transition-duration:.1s;transition-timing-function:ease-in;padding:var(--spacing-1);border:none;cursor:pointer;text-decoration:none;text-align:center;width:max-content;display:flex;flex-direction:row;align-items:center;gap:var(--spacing-spacing-3xs)}._button_khsww_1:hover{box-shadow:var(--color-neutrals-neutral-2) var(--spacing-0-125) var(--spacing-0-25) var(--spacing-0-5)}._button_khsww_1:active{box-shadow:none}._button_khsww_1:disabled{background-color:var(--surface-surface-disabled-btn);color:var(--text-text-invert);transition:none;cursor:default}._button_khsww_1:disabled:hover{box-shadow:none}._button-primary_khsww_43{background-color:var(--surface-surface-primary-btn);color:var(--surface-surface-primary)}._button-primary_khsww_43:active{background-color:var(--color-brand-secondary-dark-teal-blue)}._button-primary_khsww_43:active:disabled{background-color:var(--surface-surface-disabled-btn);color:var(--text-text-invert)}._button-secondary_khsww_57{background-color:var(--surface-surface-secondary-btn);border:1px solid var(--border-border-secondary-btn);color:var(--text-text-links)}._button-secondary_khsww_57:active{--inset-shadow-color: var(--surface-surface-secondary);box-shadow:var(--inset-shadow-style)}._button-secondary_khsww_57:disabled{background-color:var(--surface-surface-disabled-btn-focus);color:var(--surface-surface-disabled-btn);--inset-shadow-color: var(--surface-surface-disabled-btn);box-shadow:var(--inset-shadow-style)}._button-secondary_khsww_57:disabled:hover{box-shadow:var(--inset-shadow-style)}._button-secondary-transparent_khsww_79{background-color:transparent;border:1px solid var(--color-neutrals-neutral-1);color:var(--color-neutrals-neutral-1)}._button-secondary-transparent_khsww_79:disabled{background-color:var(--surface-surface-disabled-btn-focus);color:var(--surface-surface-disabled-btn);border:1px solid var(--border-border-primary)}._button-secondary-transparent_khsww_79:disabled:hover{color:var(--surface-surface-disabled-btn);background-color:var(--surface-surface-disabled-btn-focus);box-shadow:none}._button-secondary-transparent_khsww_79:hover{background-color:var(--color-neutrals-neutral-1);border:1px solid var(--border-border-primary);color:#000;box-shadow:none}._button-cta-primary_khsww_104{background-color:var(--surface-surface-call-to-action-btn);color:var(--surface-surface-primary)}._button-cta-primary_khsww_104:active{background-color:var(--surface-surface-call-to-action-btn-focus)}._button-cta-primary_khsww_104:active:disabled{background-color:var(--surface-surface-disabled-btn);color:var(--text-text-invert)}._button-tertiary_khsww_118{background-color:var(--surface-surface-tertiary-btn);color:var(--surface-surface-tertiary-btn-focus)}._button-tertiary_khsww_118:active{color:var(--surface-surface-disabled-btn);background-color:var(--surface-surface-tertiary-btn-focus);--inset-shadow-color: var(--surface-surface-disabled-btn);box-shadow:var(--inset-shadow-style)}._button-tertiary_khsww_118:active:disabled{background-color:var(--surface-surface-disabled-btn);color:var(--text-text-invert)}._button-destructive_khsww_136{background-color:var(--surface-surface-error-warning-btn);color:var(--surface-surface-primary)}._button-destructive_khsww_136:active{color:var(--surface-surface-error-warning-btn);background-color:var(--surface-surface-tertiary-btn-focus);--inset-shadow-color: var(--border-border-error-warning);box-shadow:var(--inset-shadow-style)}._button-destructive_khsww_136:active:disabled{background-color:var(--surface-surface-disabled-btn);color:var(--text-text-invert)}._button-size-xxs_khsww_154{border-radius:var(--border-radius-xs);padding:var(--spacing-spacing-4xs) var(--spacing-spacing-4xs)}._button-size-xs_khsww_158{border-radius:var(--border-radius-xs);padding:calc(var(--spacing-spacing-4xs) - 1px) var(--spacing-spacing-2xs)}._button-size-sm_khsww_162{border-radius:var(--border-radius-sm);padding:calc(var(--spacing-spacing-3xs) - 1px) var(--spacing-0-75)}._button-size-md_khsww_166,._button-size-lg_khsww_170{border-radius:var(--border-radius-sm);padding:calc(var(--spacing-spacing-2xs) - 1px) var(--spacing-spacing-default)}._button-size-xl_khsww_174{border-radius:var(--border-radius-sm);padding:var(--spacing-0-75) var(--spacing-spacing-default)}._button-primary_khsww_43._button-disabled_khsww_179{background-color:var(--surface-surface-disabled-btn);color:var(--text-text-invert)}._button-secondary_khsww_57._button-disabled_khsww_179{background-color:var(--surface-surface-disabled-btn-focus);color:var(--surface-surface-disabled-btn);--inset-shadow-color: var(--surface-surface-disabled-btn);box-shadow:var(--inset-shadow-style)}._button-secondary_khsww_57._button-disabled_khsww_179:hover{box-shadow:var(--inset-shadow-style)}._button-secondary-transparent_khsww_79._button-disabled_khsww_179{background-color:var(--surface-surface-disabled-btn-focus);color:var(--surface-surface-disabled-btn);--inset-shadow-color: var(--surface-surface-disabled-btn);box-shadow:var(--inset-shadow-style);border:1px solid var(--border-border-primary)}._button-secondary-transparent_khsww_79._button-disabled_khsww_179:hover{box-shadow:var(--inset-shadow-style);color:var(--surface-surface-disabled-btn);background-color:var(--surface-surface-disabled-btn-focus)}._button-cta-primary_khsww_104._button-disabled_khsww_179,._button-tertiary_khsww_118._button-disabled_khsww_179,._button-destructive_khsww_136._button-disabled_khsww_179{background-color:var(--surface-surface-disabled-btn);color:var(--text-text-invert)}

package/dist/atoms/Button/Button.stories.js

@@ -1,6 +1,6 @@
 import { jsx as r, jsxs as s } from "react/jsx-runtime";
 import { Button as e } from "./Button.js";
-const n = {
+const i = {
   title: "Case Parts/Atoms/Button",
   component: e,
   parameters: {
@@ -18,6 +18,7 @@ const n = {
 }, a = [
   "primary",
   "secondary",
+  "secondary-transparent",
   "tertiary",
   "cta-primary",
   "destructive"
@@ -42,5 +43,5 @@ export {
   p as AllProps,
   m as Sizes,
   l as Variants,
-  n as default
+  i as default
 };

package/dist/atoms/Button/buttonClassName.d.ts

@@ -2,7 +2,7 @@ import { HideAtProps } from '../HideAt';
 export interface ButtonStyleProps {
     disabled?: boolean;
     size: "xxs" | "xs" | "sm" | "md" | "lg" | "xl";
-    variant: "primary" | "secondary" | "cta-primary" | "tertiary" | "destructive";
+    variant: "primary" | "secondary" | "secondary-transparent" | "cta-primary" | "tertiary" | "destructive";
 }
 export declare function buttonClassNames({ size, variant, hideAt, className, disabled, }: ButtonStyleProps & {
     hideAt?: HideAtProps["hideAt"];

package/dist/atoms/Button/buttonClassName.js

@@ -1,38 +1,39 @@
-import { t as o } from "../../Text.module-smM1g1J4.js";
+import { t as s } from "../../Text.module-smM1g1J4.js";
 import { c as u } from "../../clsx-OuTLNxxd.js";
-import { getHideAtStyles as i } from "../HideAt.js";
-import '../../assets/buttonClassName.css';const r = "_button_10tpz_1", t = {
-  button: r,
-  "button-primary": "_button-primary_10tpz_38",
-  "button-secondary": "_button-secondary_10tpz_52",
-  "button-cta-primary": "_button-cta-primary_10tpz_74",
-  "button-tertiary": "_button-tertiary_10tpz_88",
-  "button-destructive": "_button-destructive_10tpz_106",
-  "button-size-xxs": "_button-size-xxs_10tpz_124",
-  "button-size-xs": "_button-size-xs_10tpz_128",
-  "button-size-sm": "_button-size-sm_10tpz_132",
-  "button-size-md": "_button-size-md_10tpz_136",
-  "button-size-lg": "_button-size-lg_10tpz_140",
-  "button-size-xl": "_button-size-xl_10tpz_144",
-  "button-disabled": "_button-disabled_10tpz_149"
+import { getHideAtStyles as r } from "../HideAt.js";
+import '../../assets/buttonClassName.css';const i = "_button_khsww_1", t = {
+  button: i,
+  "button-primary": "_button-primary_khsww_43",
+  "button-secondary": "_button-secondary_khsww_57",
+  "button-secondary-transparent": "_button-secondary-transparent_khsww_79",
+  "button-cta-primary": "_button-cta-primary_khsww_104",
+  "button-tertiary": "_button-tertiary_khsww_118",
+  "button-destructive": "_button-destructive_khsww_136",
+  "button-size-xxs": "_button-size-xxs_khsww_154",
+  "button-size-xs": "_button-size-xs_khsww_158",
+  "button-size-sm": "_button-size-sm_khsww_162",
+  "button-size-md": "_button-size-md_khsww_166",
+  "button-size-lg": "_button-size-lg_khsww_170",
+  "button-size-xl": "_button-size-xl_khsww_174",
+  "button-disabled": "_button-disabled_khsww_179"
 };
 function m({
-  size: n,
-  variant: _,
-  hideAt: s,
-  className: b,
-  disabled: e
+  size: o,
+  variant: n,
+  hideAt: _,
+  className: e,
+  disabled: b
 }) {
   return u(
     t.button,
-    t[`button-${_}`],
-    t[`button-size-${n}`],
-    o.text,
-    o[`text-${n}`],
-    o["text-semibold"],
-    i(s),
-    e && t["button-disabled"],
-    b
+    t[`button-${n}`],
+    t[`button-size-${o}`],
+    s.text,
+    s[`text-${o}`],
+    s["text-semibold"],
+    r(_),
+    b && t["button-disabled"],
+    e
   );
 }
 export {

package/dist/main-client.d.ts

@@ -23,6 +23,8 @@ export type { AddToCartProps } from './molecules/AddToCart/AddToCart';
 export { AddToCart } from './molecules/AddToCart/AddToCart';
 export { Availability } from './molecules/Availability/Availability';
 export type { AvailabilityProps, ContactUsLinkBehavior } from './molecules/Availability/Availability';
+export { BannerCard } from './molecules/BannerCard/BannerCard';
+export type { BannerCardProps } from './molecules/BannerCard/BannerCard';
 export { MainNav } from './organisms/MainNav/MainNav';
 export type { MainCategory, MainNavProps, Category } from './organisms/MainNav/MainNav';
 export { ChipSelector } from './organisms/ChipSelector/ChipSelector';
@@ -31,3 +33,5 @@ export { Product } from './organisms/Product/Product';
 export type { ProductProps, ProductView } from './organisms/Product/Product';
 export { NotFound } from './organisms/NotFound/NotFound';
 export type { NotFoundProps } from './organisms/NotFound/NotFound';
+export { Carousel } from './organisms/Carousel/Carousel';
+export type { CarouselProps } from './organisms/Carousel/Carousel';

package/dist/main-client.js

@@ -1,21 +1,21 @@
 import { Button as t } from "./atoms/Button/Button.js";
 import { Flex as p } from "./atoms/Flex/Flex.js";
 import { Column as x, Grid as f } from "./atoms/Grid/Grid.js";
-import { Head as a } from "./atoms/Root/Head.js";
+import { Head as i } from "./atoms/Root/Head.js";
 import { Icon as u } from "./atoms/Icon/Icon.js";
-import { Root as c } from "./atoms/Root/Root.js";
-import { Separator as g } from "./atoms/Separator/Separator.js";
-import { Text as v } from "./atoms/Text/Text.js";
-import { Input as C } from "./atoms/Input/Input.js";
-import { Logo as h } from "./molecules/Logo/Logo.js";
+import { Root as l } from "./atoms/Root/Root.js";
+import { Separator as C } from "./atoms/Separator/Separator.js";
+import { Text as k } from "./atoms/Text/Text.js";
+import { Input as A } from "./atoms/Input/Input.js";
+import { Logo as I } from "./molecules/Logo/Logo.js";
 import { SearchBox as L } from "./molecules/SearchBox/SearchBox.js";
 import { QuantityInput as S } from "./molecules/QuantityInput/QuantityInput.js";
 import { Pricing as y } from "./molecules/Pricing/Pricing.js";
 import { Link as M, LinkProvider as N } from "./atoms/Link/Link.js";
-import { LinkButton as w } from "./atoms/LinkButton/LinkButton.js";
-import { Image as H, ImageProvider as Q } from "./atoms/Image/Image.js";
-import { Tooltip as V } from "./molecules/Tooltip/Tooltip.js";
-import { Account as q } from "./molecules/Account/Account.js";
+import { LinkButton as s } from "./atoms/LinkButton/LinkButton.js";
+import { Image as G, ImageProvider as H } from "./atoms/Image/Image.js";
+import { Tooltip as R } from "./molecules/Tooltip/Tooltip.js";
+import { Account as j } from "./molecules/Account/Account.js";
 import { Avatar as z } from "./molecules/Avatar/Avatar.js";
 import { Chip as E } from "./molecules/Chip/Chip.js";
 import { ToggleView as K } from "./molecules/ToggleView/ToggleView.js";
@@ -23,41 +23,45 @@ import { StatefulButton as U } from "./molecules/StatefulButton/StatefulButton.j
 import { AnimatedCheckMark as X } from "./molecules/StatefulButton/AnimatedCheckmark.js";
 import { AddToCart as Z } from "./molecules/AddToCart/AddToCart.js";
 import { Availability as $ } from "./molecules/Availability/Availability.js";
-import { MainNav as ro } from "./organisms/MainNav/MainNav.js";
-import { ChipSelector as eo } from "./organisms/ChipSelector/ChipSelector.js";
-import { Product as mo } from "./organisms/Product/Product.js";
-import { NotFound as fo } from "./organisms/NotFound/NotFound.js";
+import { BannerCard as ro } from "./molecules/BannerCard/BannerCard.js";
+import { MainNav as eo } from "./organisms/MainNav/MainNav.js";
+import { ChipSelector as mo } from "./organisms/ChipSelector/ChipSelector.js";
+import { Product as fo } from "./organisms/Product/Product.js";
+import { NotFound as io } from "./organisms/NotFound/NotFound.js";
+import { Carousel as uo } from "./organisms/Carousel/Carousel.js";
 export {
-  q as Account,
+  j as Account,
   Z as AddToCart,
   X as AnimatedCheckMark,
   $ as Availability,
   z as Avatar,
+  ro as BannerCard,
   t as Button,
+  uo as Carousel,
   E as Chip,
-  eo as ChipSelector,
+  mo as ChipSelector,
   x as Column,
   p as Flex,
   f as Grid,
-  a as Head,
+  i as Head,
   u as Icon,
-  H as Image,
-  Q as ImageProvider,
-  C as Input,
+  G as Image,
+  H as ImageProvider,
+  A as Input,
   M as Link,
-  w as LinkButton,
+  s as LinkButton,
   N as LinkProvider,
-  h as Logo,
-  ro as MainNav,
-  fo as NotFound,
+  I as Logo,
+  eo as MainNav,
+  io as NotFound,
   y as Pricing,
-  mo as Product,
+  fo as Product,
   S as QuantityInput,
-  c as Root,
+  l as Root,
   L as SearchBox,
-  g as Separator,
+  C as Separator,
   U as StatefulButton,
-  v as Text,
+  k as Text,
   K as ToggleView,
-  V as Tooltip
+  R as Tooltip
 };

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

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+import { HideAtProps } from '../../atoms/HideAt';
+export interface BannerCardProps extends HideAtProps {
+    variant?: 'hero' | 'promo';
+    overlayTheme?: 'none' | 'dark' | 'light';
+    title: string;
+    description: string;
+    backgroundImage?: string;
+    align?: 'left' | 'right';
+    cta?: React.ReactNode;
+    className?: string;
+}
+export declare function BannerCard({ variant, overlayTheme, title, description, backgroundImage, align, cta, className, hideAt }: BannerCardProps): import("react/jsx-runtime").JSX.Element;

package/dist/molecules/BannerCard/BannerCard.js

@@ -0,0 +1,51 @@
+import { jsx as e, jsxs as v } from "react/jsx-runtime";
+import { getHideAtStyles as w } from "../../atoms/HideAt.js";
+import { Text as s } from "../../atoms/Text/Text.js";
+import { c as f } from "../../clsx-OuTLNxxd.js";
+import '../../assets/BannerCard.css';const p = "_root_kwn5r_2", x = "_content_kwn5r_13", N = "_align_left_kwn5r_25", u = "_align_right_kwn5r_33", z = "_overlay_dark_kwn5r_48", S = "_header_kwn5r_48", $ = "_description_kwn5r_49", b = "_overlay_none_kwn5r_50", j = "_overlay_light_kwn5r_56", t = {
+  root: p,
+  content: x,
+  align_left: N,
+  align_right: u,
+  overlay_dark: z,
+  header: S,
+  description: $,
+  overlay_none: b,
+  overlay_light: j
+};
+function D({
+  variant: n = "hero",
+  overlayTheme: r = "none",
+  title: _,
+  description: o,
+  backgroundImage: a,
+  align: c = "left",
+  cta: l,
+  className: d,
+  hideAt: g
+}) {
+  const h = a ? { backgroundImage: `url(${a})` } : void 0, i = n === "hero", k = i ? "6xl" : "xl", m = i ? "md" : "sm", y = r === "dark" ? t.textLight : t.textDark;
+  return /* @__PURE__ */ e(
+    "article",
+    {
+      className: f(
+        t.root,
+        t[`variant_${n}`],
+        t[`align_${c}`],
+        t[`overlay_${r}`],
+        y,
+        w(g),
+        d
+      ),
+      style: { ...h },
+      children: /* @__PURE__ */ v("div", { className: t.content, children: [
+        /* @__PURE__ */ e(s, { variant: "display", weight: "light", size: k, className: t.header, children: _ }),
+        o && /* @__PURE__ */ e(s, { size: m, className: t.description, children: o }),
+        l && /* @__PURE__ */ e("div", { className: t.cta, children: l })
+      ] })
+    }
+  );
+}
+export {
+  D as BannerCard
+};

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

@@ -0,0 +1,19 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { BannerCardProps } from './BannerCard';
+type ExtraArgs = {
+    showCta: boolean;
+    customCtaLabel?: string;
+    backgroundImageUrl?: string;
+};
+type AllArgs = BannerCardProps & ExtraArgs;
+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;

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

@@ -0,0 +1,181 @@
+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 = {
+  title: "Case Parts/Molecules/BannerCard",
+  component: r,
+  tags: ["autodocs"],
+  render: (e) => {
+    const {
+      showCta: t,
+      customCtaLabel: a,
+      backgroundImageUrl: i,
+      cta: n,
+      ...s
+    } = e, l = t ? n ?? /* @__PURE__ */ c(
+      m,
+      {
+        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" })
+        ]
+      }
+    ) : 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!",
+    align: "left",
+    showCta: !0,
+    customCtaLabel: "Help Me Find a Part",
+    backgroundImageUrl: "assets/IMG-4-hero.png"
+  },
+  argTypes: {
+    variant: {
+      control: { type: "inline-radio" },
+      options: ["hero", "promo"],
+      description: "Size / typography preset."
+    },
+    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"]
+    },
+    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)."
+    },
+    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.`
+      }
+    }
+  }
+}, y = { name: "Playground" }, f = {
+  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",
+    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)",
+  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"
+  }
+}, C = {
+  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"
+  }
+}, T = {
+  args: {
+    showCta: !1,
+    title: "Informational Banner",
+    description: "No actionable CTA needed here.",
+    variant: "promo",
+    overlayTheme: "light",
+    backgroundImageUrl: ""
+  }
+}, I = {
+  args: {
+    variant: "promo",
+    overlayTheme: "dark",
+    align: "right",
+    title: "Limited Offer",
+    description: "Ends this Friday — don’t miss out!",
+    customCtaLabel: "Redeem"
+  }
+};
+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
+};

package/dist/organisms/Carousel/Carousel.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { HideAtProps } from '../../atoms/HideAt';
+export interface CarouselProps extends HideAtProps {
+    slides: React.ReactNode[];
+    loop?: boolean;
+    className?: string;
+    autoplayDelay?: number;
+    autoplay?: boolean;
+    autoplayStopOnInteraction?: boolean;
+}
+export declare function Carousel({ slides, className, hideAt, loop, autoplay, autoplayDelay, autoplayStopOnInteraction, }: CarouselProps): import("react/jsx-runtime").JSX.Element;