@caseparts-org/caseblocks 0.0.163 → 0.0.165

package/dist/assets/Disclaimer.css

@@ -0,0 +1 @@
+._disclaimer_hmbag_1{display:flex;flex-direction:column;gap:var(--spacing-spacing-3xs);border:1px solid var(--border-border-primary);border-radius:var(--border-radius-sm);padding:var(--spacing-spacing-2xs) var(--spacing-spacing-1xs);background:var(--surface-surface-primary)}._header_hmbag_11{display:flex;align-items:flex-start;gap:var(--spacing-spacing-2xs)}._content_hmbag_17{display:grid;gap:var(--spacing-spacing-3xs);min-width:0}._description_hmbag_23{white-space:pre-line}._variantInfo_hmbag_27{border-color:var(--border-border-primary);background:color-mix(in srgb,var(--surface-surface-secondary) 24%,var(--surface-surface-primary))}._variantWarning_hmbag_32{border-color:var(--border-border-warning);background:color-mix(in srgb,var(--color-alerts-warning) 10%,var(--surface-surface-primary))}

package/dist/assets/ToggleSwitch.css

@@ -0,0 +1 @@
+._wrapper_1p695_1{display:inline-flex;flex-direction:row;align-items:center;gap:var(--spacing-spacing-2xs);cursor:pointer}._disabled_1p695_9{cursor:not-allowed}._switch_1p695_17{position:relative;display:inline-flex}._input_1p695_22{position:absolute;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}._track_1p695_31{width:2.5rem;height:1.5rem;padding:2px;border-radius:999px;border:1px solid var(--border-border-primary);background-color:var(--surface-surface-secondary);transition:background-color .12s ease,border-color .12s ease}._thumb_1p695_41{display:block;width:1.1rem;height:1.1rem;border-radius:999px;background-color:var(--surface-surface-primary);box-shadow:0 1px 2px #0003;transition:transform .12s ease}._input_1p695_22:checked+._track_1p695_31{background-color:var(--surface-surface-primary-btn);border-color:var(--surface-surface-primary-btn)}._input_1p695_22:checked+._track_1p695_31 ._thumb_1p695_41{transform:translate(1rem)}._input_1p695_22:focus-visible+._track_1p695_31{outline:2px solid var(--border-border-focus);outline-offset:2px}._input_1p695_22:disabled+._track_1p695_31{background-color:var(--surface-surface-disabled-btn-focus);border-color:var(--surface-surface-disabled-btn)}._input_1p695_22:disabled+._track_1p695_31 ._thumb_1p695_41{background-color:var(--surface-surface-disabled-btn)}

package/dist/atoms/ToggleSwitch/ToggleSwitch.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { HideAtProps } from '../HideAt';
+import { TextSize } from '../Text/Text';
+export interface ToggleSwitchProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "type">, HideAtProps {
+    label?: string | React.ReactNode;
+    labelAlignment?: "left" | "right";
+    labelSize?: TextSize;
+}
+export declare function ToggleSwitch({ label, labelAlignment, hideAt, className, id, name, disabled, labelSize, ...otherProps }: ToggleSwitchProps): import("react/jsx-runtime").JSX.Element;

package/dist/atoms/ToggleSwitch/ToggleSwitch.js

@@ -0,0 +1,60 @@
+import { jsxs as i, jsx as s } from "react/jsx-runtime";
+import { c as d } from "../../clsx-OuTLNxxd.js";
+import { getHideAtStyles as u } from "../HideAt.js";
+import { Text as b } from "../Text/Text.js";
+import '../../assets/ToggleSwitch.css';const w = "_wrapper_1p695_1", f = "_disabled_1p695_9", N = "_label_1p695_13", x = "_input_1p695_22", k = "_track_1p695_31", g = "_thumb_1p695_41", t = {
+  wrapper: w,
+  disabled: f,
+  label: N,
+  switch: "_switch_1p695_17",
+  input: x,
+  track: k,
+  thumb: g
+};
+function z({
+  label: e,
+  labelAlignment: c = "left",
+  hideAt: n,
+  className: o,
+  id: _,
+  name: a,
+  disabled: r,
+  labelSize: m = "sm",
+  ...h
+}) {
+  const l = _ ?? a, p = e ? /* @__PURE__ */ s(b, { size: m, className: t.label, children: e }) : null;
+  return /* @__PURE__ */ i(
+    "label",
+    {
+      htmlFor: l,
+      className: d(
+        t.wrapper,
+        r && t.disabled,
+        u(n),
+        o
+      ),
+      children: [
+        c === "left" && p,
+        /* @__PURE__ */ i("span", { className: t.switch, children: [
+          /* @__PURE__ */ s(
+            "input",
+            {
+              id: l,
+              name: a,
+              type: "checkbox",
+              role: "switch",
+              disabled: r,
+              className: t.input,
+              ...h
+            }
+          ),
+          /* @__PURE__ */ s("span", { className: t.track, "aria-hidden": "true", children: /* @__PURE__ */ s("span", { className: t.thumb }) })
+        ] }),
+        c === "right" && p
+      ]
+    }
+  );
+}
+export {
+  z as ToggleSwitch
+};

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

@@ -0,0 +1,22 @@
+import { StoryObj } from '@storybook/react-vite';
+import { ToggleSwitch } from './ToggleSwitch';
+declare const meta: {
+    title: string;
+    component: typeof ToggleSwitch;
+    parameters: {
+        layout: string;
+    };
+    argTypes: {
+        label: {
+            control: "text";
+        };
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Checked: Story;
+export declare const WithLabel: Story;
+export declare const WithRightLabel: Story;
+export declare const Disabled: Story;

package/dist/atoms/ToggleSwitch/ToggleSwitch.stories.js

@@ -0,0 +1,48 @@
+import { ToggleSwitch as e } from "./ToggleSwitch.js";
+const t = {
+  title: "Case Parts/Atoms/ToggleSwitch",
+  component: e,
+  parameters: {
+    layout: "centered"
+  },
+  argTypes: {
+    label: {
+      control: "text"
+    }
+  },
+  tags: ["autodocs"]
+}, r = {
+  args: {
+    "aria-label": "Save card"
+  }
+}, l = {
+  args: {
+    "aria-label": "Save card",
+    defaultChecked: !0
+  }
+}, s = {
+  args: {
+    label: "Save for future purchases",
+    defaultChecked: !0
+  }
+}, c = {
+  args: {
+    label: "Save for future purchases",
+    labelAlignment: "right",
+    defaultChecked: !0
+  }
+}, o = {
+  args: {
+    label: "Save for future purchases",
+    disabled: !0,
+    defaultChecked: !0
+  }
+};
+export {
+  l as Checked,
+  r as Default,
+  o as Disabled,
+  s as WithLabel,
+  c as WithRightLabel,
+  t as default
+};

package/dist/main-client.js

@@ -1,104 +1,108 @@
 import { Button as e } from "./atoms/Button/Button.js";
 import { Flex as p } from "./atoms/Flex/Flex.js";
 import { Column as f, Grid as x } from "./atoms/Grid/Grid.js";
-import { Head as n } from "./atoms/Root/Head.js";
+import { Head as i } from "./atoms/Root/Head.js";
 import { Icon as l } from "./atoms/Icon/Icon.js";
 import { Root as u } from "./atoms/Root/Root.js";
 import { Separator as s } from "./atoms/Separator/Separator.js";
-import { Text as k } from "./atoms/Text/Text.js";
+import { Text as C } from "./atoms/Text/Text.js";
 import { Input as S } from "./atoms/Input/Input.js";
-import { Link as I } from "./atoms/Link/Link.js";
-import { linkClassName as A } from "./atoms/Link/linkClassName.js";
-import { configureLink as M, routerOverride as T } from "./atoms/Link/configureLink.js";
-import { LinkButton as L } from "./atoms/LinkButton/LinkButton.js";
-import { configureImage as b } from "./atoms/Image/configureImage.js";
-import { getHideAtStyles as F } from "./atoms/HideAt.js";
-import { Logo as N } from "./molecules/Logo/Logo.js";
-import { SearchBox as z } from "./molecules/SearchBox/SearchBox.js";
-import { QuantityInput as G } from "./molecules/QuantityInput/QuantityInput.js";
-import { Pricing as Q } from "./molecules/Pricing/Pricing.js";
-import { Availability as Z } from "./molecules/Availability/Availability.js";
-import { Avatar as q } from "./molecules/Avatar/Avatar.js";
-import { BannerCard as J } from "./molecules/BannerCard/BannerCard.js";
-import { CardLink as U } from "./molecules/CardLink/CardLink.js";
-import { Breadcrumbs as X } from "./molecules/Breadcrumbs/Breadcrumbs.js";
-import { NotFound as _ } from "./organisms/NotFound/NotFound.js";
-import { HorizontalScroll as rr } from "./atoms/HorizontalScroll/HorizontalScroll.js";
-import { SlideInPanel as er } from "./atoms/SlideInPanel/SlideInPanel.js";
-import { Markdown as pr } from "./atoms/Markdown/Markdown.js";
-import { PreprocessedMarkdown as fr } from "./atoms/Markdown/PreprocessedMarkdown.js";
-import { usePreprocessedMarkdown as ar } from "./atoms/Markdown/usePreprocessedMarkdown.js";
-import { Tooltip as ir } from "./atoms/Tooltip/Tooltip.js";
-import { Popover as dr } from "./atoms/Popover/Popover.js";
-import { Account as cr } from "./molecules/Account/Account.js";
-import { Chip as Cr } from "./molecules/Chip/Chip.js";
-import { ToggleView as gr } from "./molecules/ToggleView/ToggleView.js";
-import { CartPart as Pr } from "./molecules/Cart/CartPart.js";
-import { CartSlideInPanel as wr } from "./molecules/Cart/CartSlideInPanel.js";
-import { StatefulButton as Br } from "./molecules/StatefulButton/StatefulButton.js";
-import { AnimatedCheckMark as Tr } from "./molecules/StatefulButton/AnimatedCheckmark.js";
-import { AddToCart as Lr } from "./molecules/AddToCart/AddToCart.js";
-import { Modal as br } from "./molecules/Modal/Modal.js";
-import { ImageViewer as Fr } from "./molecules/ImageViewer/ImageViewer.js";
-import { T as Nr } from "./Table-BX4PtCNE.js";
-import { Error as zr } from "./molecules/Error/Error.js";
-import { MainNav as Gr } from "./organisms/MainNav/MainNav.js";
-import { ChipSelector as Qr } from "./organisms/ChipSelector/ChipSelector.js";
-import { Product as Zr } from "./organisms/Product/Product.js";
-import { Carousel as qr } from "./organisms/Carousel/Carousel.js";
-import { Footer as Jr } from "./organisms/Footer/Footer.js";
-import { default as Ur } from "./organisms/SpinZoomViewer/SpinZoomViewer.js";
+import { ToggleSwitch as w } from "./atoms/ToggleSwitch/ToggleSwitch.js";
+import { Link as T } from "./atoms/Link/Link.js";
+import { linkClassName as B } from "./atoms/Link/linkClassName.js";
+import { configureLink as h, routerOverride as v } from "./atoms/Link/configureLink.js";
+import { LinkButton as b } from "./atoms/LinkButton/LinkButton.js";
+import { configureImage as F } from "./atoms/Image/configureImage.js";
+import { getHideAtStyles as N } from "./atoms/HideAt.js";
+import { Logo as z } from "./molecules/Logo/Logo.js";
+import { SearchBox as E } from "./molecules/SearchBox/SearchBox.js";
+import { QuantityInput as O } from "./molecules/QuantityInput/QuantityInput.js";
+import { Pricing as R } from "./molecules/Pricing/Pricing.js";
+import { Availability as j } from "./molecules/Availability/Availability.js";
+import { Avatar as J } from "./molecules/Avatar/Avatar.js";
+import { BannerCard as U } from "./molecules/BannerCard/BannerCard.js";
+import { CardLink as X } from "./molecules/CardLink/CardLink.js";
+import { Breadcrumbs as _ } from "./molecules/Breadcrumbs/Breadcrumbs.js";
+import { Disclaimer as rr } from "./molecules/Disclaimer/Disclaimer.js";
+import { NotFound as er } from "./organisms/NotFound/NotFound.js";
+import { HorizontalScroll as pr } from "./atoms/HorizontalScroll/HorizontalScroll.js";
+import { SlideInPanel as fr } from "./atoms/SlideInPanel/SlideInPanel.js";
+import { Markdown as ar } from "./atoms/Markdown/Markdown.js";
+import { PreprocessedMarkdown as nr } from "./atoms/Markdown/PreprocessedMarkdown.js";
+import { usePreprocessedMarkdown as dr } from "./atoms/Markdown/usePreprocessedMarkdown.js";
+import { Tooltip as cr } from "./atoms/Tooltip/Tooltip.js";
+import { Popover as gr } from "./atoms/Popover/Popover.js";
+import { Account as kr } from "./molecules/Account/Account.js";
+import { Chip as Pr } from "./molecules/Chip/Chip.js";
+import { ToggleView as Ir } from "./molecules/ToggleView/ToggleView.js";
+import { CartPart as Ar } from "./molecules/Cart/CartPart.js";
+import { CartSlideInPanel as Mr } from "./molecules/Cart/CartSlideInPanel.js";
+import { StatefulButton as vr } from "./molecules/StatefulButton/StatefulButton.js";
+import { AnimatedCheckMark as br } from "./molecules/StatefulButton/AnimatedCheckmark.js";
+import { AddToCart as Fr } from "./molecules/AddToCart/AddToCart.js";
+import { Modal as Nr } from "./molecules/Modal/Modal.js";
+import { ImageViewer as zr } from "./molecules/ImageViewer/ImageViewer.js";
+import { T as Er } from "./Table-BX4PtCNE.js";
+import { Error as Or } from "./molecules/Error/Error.js";
+import { MainNav as Rr } from "./organisms/MainNav/MainNav.js";
+import { ChipSelector as jr } from "./organisms/ChipSelector/ChipSelector.js";
+import { Product as Jr } from "./organisms/Product/Product.js";
+import { Carousel as Ur } from "./organisms/Carousel/Carousel.js";
+import { Footer as Xr } from "./organisms/Footer/Footer.js";
+import { default as _r } from "./organisms/SpinZoomViewer/SpinZoomViewer.js";
 export {
-  cr as Account,
-  Lr as AddToCart,
-  Tr as AnimatedCheckMark,
-  Z as Availability,
-  q as Avatar,
-  J as BannerCard,
-  X as Breadcrumbs,
+  kr as Account,
+  Fr as AddToCart,
+  br as AnimatedCheckMark,
+  j as Availability,
+  J as Avatar,
+  U as BannerCard,
+  _ as Breadcrumbs,
   e as Button,
-  U as CardLink,
-  qr as Carousel,
-  Pr as CartPart,
-  wr as CartSlideInPanel,
-  Cr as Chip,
-  Qr as ChipSelector,
+  X as CardLink,
+  Ur as Carousel,
+  Ar as CartPart,
+  Mr as CartSlideInPanel,
+  Pr as Chip,
+  jr as ChipSelector,
   f as Column,
-  zr as Error,
+  rr as Disclaimer,
+  Or as Error,
   p as Flex,
-  Jr as Footer,
+  Xr as Footer,
   x as Grid,
-  n as Head,
-  rr as HorizontalScroll,
+  i as Head,
+  pr as HorizontalScroll,
   l as Icon,
-  Fr as ImageViewer,
+  zr as ImageViewer,
   S as Input,
-  I as Link,
-  L as LinkButton,
-  N as Logo,
-  Gr as MainNav,
-  pr as Markdown,
-  br as Modal,
-  _ as NotFound,
-  dr as Popover,
-  fr as PreprocessedMarkdown,
-  Q as Pricing,
-  Zr as Product,
-  G as QuantityInput,
+  T as Link,
+  b as LinkButton,
+  z as Logo,
+  Rr as MainNav,
+  ar as Markdown,
+  Nr as Modal,
+  er as NotFound,
+  gr as Popover,
+  nr as PreprocessedMarkdown,
+  R as Pricing,
+  Jr as Product,
+  O as QuantityInput,
   u as Root,
-  z as SearchBox,
+  E as SearchBox,
   s as Separator,
-  er as SlideInPanel,
-  Ur as SpinZoomViewer,
-  Br as StatefulButton,
-  Nr as Table,
-  k as Text,
-  gr as ToggleView,
-  ir as Tooltip,
-  b as configureImage,
-  M as configureLink,
-  F as getHideAtStyles,
-  A as linkClassName,
-  T as routerOverride,
-  ar as usePreprocessedMarkdown
+  fr as SlideInPanel,
+  _r as SpinZoomViewer,
+  vr as StatefulButton,
+  Er as Table,
+  C as Text,
+  w as ToggleSwitch,
+  Ir as ToggleView,
+  cr as Tooltip,
+  F as configureImage,
+  h as configureLink,
+  N as getHideAtStyles,
+  B as linkClassName,
+  v as routerOverride,
+  dr as usePreprocessedMarkdown
 };

package/dist/main-server.d.ts

@@ -14,6 +14,8 @@ export { Text } from './atoms/Text/Text';
 export type { TextProps } from './atoms/Text/Text';
 export { Input } from './atoms/Input/Input';
 export type { InputProps } from './atoms/Input/Input';
+export { ToggleSwitch } from './atoms/ToggleSwitch/ToggleSwitch';
+export type { ToggleSwitchProps } from './atoms/ToggleSwitch/ToggleSwitch';
 export { Link } from './atoms/Link/Link';
 export type { LinkProps, LinkImplementation as RouterLike } from './atoms/Link/Link';
 export { linkClassName } from './atoms/Link/linkClassName';
@@ -42,5 +44,7 @@ export { CardLink } from './molecules/CardLink/CardLink';
 export type { CardLinkProps } from './molecules/CardLink/CardLink';
 export { Breadcrumbs } from './molecules/Breadcrumbs/Breadcrumbs';
 export type { BreadcrumbProps, Breadcrumb } from './molecules/Breadcrumbs/Breadcrumbs';
+export { Disclaimer } from './molecules/Disclaimer/Disclaimer';
+export type { DisclaimerProps, DisclaimerSeverity } from './molecules/Disclaimer/Disclaimer';
 export { NotFound } from './organisms/NotFound/NotFound';
 export type { NotFoundProps } from './organisms/NotFound/NotFound';

package/dist/main-server.js

@@ -1,54 +1,58 @@
-import { Button as t } from "./atoms/Button/Button.js";
+import { Button as e } from "./atoms/Button/Button.js";
 import { Flex as m } 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 n } from "./atoms/Root/Head.js";
 import { Icon as u } from "./atoms/Icon/Icon.js";
-import { Root as l } from "./atoms/Root/Root.js";
+import { Root as c } from "./atoms/Root/Root.js";
 import { Separator as g } from "./atoms/Separator/Separator.js";
-import { Text as B } from "./atoms/Text/Text.js";
-import { Input as s } from "./atoms/Input/Input.js";
-import { Link as I } from "./atoms/Link/Link.js";
-import { linkClassName as y } from "./atoms/Link/linkClassName.js";
-import { configureLink as S, routerOverride as b } from "./atoms/Link/configureLink.js";
-import { LinkButton as H } from "./atoms/LinkButton/LinkButton.js";
-import { configureImage as h } from "./atoms/Image/configureImage.js";
-import { getHideAtStyles as O } from "./atoms/HideAt.js";
-import { Logo as Q } from "./molecules/Logo/Logo.js";
-import { SearchBox as T } from "./molecules/SearchBox/SearchBox.js";
+import { Text as s } from "./atoms/Text/Text.js";
+import { Input as L } from "./atoms/Input/Input.js";
+import { ToggleSwitch as I } from "./atoms/ToggleSwitch/ToggleSwitch.js";
+import { Link as v } from "./atoms/Link/Link.js";
+import { linkClassName as A } from "./atoms/Link/linkClassName.js";
+import { configureLink as h, routerOverride as F } from "./atoms/Link/configureLink.js";
+import { LinkButton as N } from "./atoms/LinkButton/LinkButton.js";
+import { configureImage as w } from "./atoms/Image/configureImage.js";
+import { getHideAtStyles as G } from "./atoms/HideAt.js";
+import { Logo as P } from "./molecules/Logo/Logo.js";
+import { SearchBox as R } from "./molecules/SearchBox/SearchBox.js";
 import { QuantityInput as q } from "./molecules/QuantityInput/QuantityInput.js";
-import { Pricing as z } from "./molecules/Pricing/Pricing.js";
-import { Availability as E } from "./molecules/Availability/Availability.js";
-import { Avatar as K } from "./molecules/Avatar/Avatar.js";
-import { BannerCard as U } from "./molecules/BannerCard/BannerCard.js";
-import { CardLink as W } from "./molecules/CardLink/CardLink.js";
-import { Breadcrumbs as Y } from "./molecules/Breadcrumbs/Breadcrumbs.js";
-import { NotFound as _ } from "./organisms/NotFound/NotFound.js";
+import { Pricing as E } from "./molecules/Pricing/Pricing.js";
+import { Availability as K } from "./molecules/Availability/Availability.js";
+import { Avatar as U } from "./molecules/Avatar/Avatar.js";
+import { BannerCard as W } from "./molecules/BannerCard/BannerCard.js";
+import { CardLink as Y } from "./molecules/CardLink/CardLink.js";
+import { Breadcrumbs as _ } from "./molecules/Breadcrumbs/Breadcrumbs.js";
+import { Disclaimer as rr } from "./molecules/Disclaimer/Disclaimer.js";
+import { NotFound as er } from "./organisms/NotFound/NotFound.js";
 export {
-  E as Availability,
-  K as Avatar,
-  U as BannerCard,
-  Y as Breadcrumbs,
-  t as Button,
-  W as CardLink,
+  K as Availability,
+  U as Avatar,
+  W as BannerCard,
+  _ as Breadcrumbs,
+  e as Button,
+  Y as CardLink,
   x as Column,
+  rr as Disclaimer,
   m as Flex,
   f as Grid,
-  a as Head,
+  n as Head,
   u as Icon,
-  s as Input,
-  I as Link,
-  H as LinkButton,
-  Q as Logo,
-  _ as NotFound,
-  z as Pricing,
+  L as Input,
+  v as Link,
+  N as LinkButton,
+  P as Logo,
+  er as NotFound,
+  E as Pricing,
   q as QuantityInput,
-  l as Root,
-  T as SearchBox,
+  c as Root,
+  R as SearchBox,
   g as Separator,
-  B as Text,
-  h as configureImage,
-  S as configureLink,
-  O as getHideAtStyles,
-  y as linkClassName,
-  b as routerOverride
+  s as Text,
+  I as ToggleSwitch,
+  w as configureImage,
+  h as configureLink,
+  G as getHideAtStyles,
+  A as linkClassName,
+  F as routerOverride
 };

package/dist/molecules/Disclaimer/Disclaimer.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+export type DisclaimerSeverity = "info" | "warning";
+export interface DisclaimerProps {
+    title: ReactNode;
+    description?: ReactNode;
+    severity?: DisclaimerSeverity;
+    iconKey?: "fa-solid fa-circle-info" | "fa-solid fa-triangle-exclamation";
+    className?: string;
+    compact?: boolean;
+    linkHref?: string;
+    linkText?: string;
+}
+export declare function Disclaimer({ title, description, severity, iconKey, className, compact, linkHref, linkText, }: DisclaimerProps): import("react/jsx-runtime").JSX.Element;

package/dist/molecules/Disclaimer/Disclaimer.js

@@ -0,0 +1,48 @@
+import { jsx as a, jsxs as c } from "react/jsx-runtime";
+import { c as h } from "../../clsx-OuTLNxxd.js";
+import { Icon as g } from "../../atoms/Icon/Icon.js";
+import { Link as p } from "../../atoms/Link/Link.js";
+import { Text as t } from "../../atoms/Text/Text.js";
+import '../../assets/Disclaimer.css';const v = "_disclaimer_hmbag_1", b = "_header_hmbag_11", x = "_content_hmbag_17", I = "_description_hmbag_23", w = "_variantInfo_hmbag_27", z = "_variantWarning_hmbag_32", n = {
+  disclaimer: v,
+  header: b,
+  content: x,
+  description: I,
+  variantInfo: w,
+  variantWarning: z
+};
+function u({
+  title: l,
+  description: r,
+  severity: i = "info",
+  iconKey: m,
+  className: d,
+  compact: e = !1,
+  linkHref: o,
+  linkText: s
+}) {
+  const _ = m ?? (i === "warning" ? "fa-solid fa-triangle-exclamation" : "fa-solid fa-circle-info"), f = i === "warning" ? "warning" : "secondary";
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      className: h(
+        n.disclaimer,
+        i === "warning" ? n.variantWarning : n.variantInfo,
+        d
+      ),
+      role: "note",
+      "aria-live": "polite",
+      children: /* @__PURE__ */ c("div", { className: n.header, children: [
+        /* @__PURE__ */ a(g, { iconKey: _, size: "sm", colorToken: f }),
+        /* @__PURE__ */ c("div", { className: n.content, children: [
+          /* @__PURE__ */ a(t, { as: "p", size: "sm", weight: "semibold", children: l }),
+          !e && r && /* @__PURE__ */ a(t, { as: "p", size: "xs", colorToken: "secondary", className: n.description, children: r }),
+          !e && o && s && /* @__PURE__ */ a(p, { href: o, target: "_blank", rel: "noopener noreferrer", size: "xs", children: s })
+        ] })
+      ] })
+    }
+  );
+}
+export {
+  u as Disclaimer
+};

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

@@ -0,0 +1,53 @@
+import { StoryObj } from '@storybook/react-vite';
+import { Disclaimer } from './Disclaimer';
+declare const meta: {
+    title: string;
+    component: typeof Disclaimer;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+    argTypes: {
+        title: {
+            control: "text";
+            description: string;
+        };
+        description: {
+            control: "text";
+            description: string;
+        };
+        severity: {
+            control: {
+                type: "radio";
+            };
+            options: string[];
+            description: string;
+        };
+        compact: {
+            control: "boolean";
+            description: string;
+        };
+        linkHref: {
+            control: "text";
+            description: string;
+        };
+        linkText: {
+            control: "text";
+            description: string;
+        };
+    };
+    args: {
+        title: string;
+        description: string;
+        severity: "warning";
+        compact: false;
+        linkHref: string;
+        linkText: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Warning: Story;
+export declare const Info: Story;
+export declare const WithLink: Story;
+export declare const Compact: Story;

package/dist/molecules/Disclaimer/Disclaimer.stories.js

@@ -0,0 +1,72 @@
+import { Disclaimer as t } from "./Disclaimer.js";
+const i = {
+  title: "Case Parts/Molecules/Disclaimer",
+  component: t,
+  tags: ["autodocs"],
+  parameters: {
+    layout: "centered"
+  },
+  argTypes: {
+    title: {
+      control: "text",
+      description: "Short header for the disclaimer card."
+    },
+    description: {
+      control: "text",
+      description: "Supporting disclaimer message."
+    },
+    severity: {
+      control: { type: "radio" },
+      options: ["info", "warning"],
+      description: "Visual severity variant."
+    },
+    compact: {
+      control: "boolean",
+      description: "Hides description and link when true."
+    },
+    linkHref: {
+      control: "text",
+      description: "Optional external link URL."
+    },
+    linkText: {
+      control: "text",
+      description: "Optional external link label."
+    }
+  },
+  args: {
+    title: "Custom Parts Lead Time",
+    description: "Custom-made parts are non-refundable and may require additional production time.",
+    severity: "warning",
+    compact: !1,
+    linkHref: "",
+    linkText: ""
+  }
+}, n = {}, r = {
+  args: {
+    title: "UPS 2nd Day Air",
+    description: "In-stock orders placed during business hours usually ship the same day and arrive within two business days.",
+    severity: "info"
+  }
+}, o = {
+  args: {
+    title: "CA Prop 65 Warning",
+    description: "Some products sold by Case Parts may expose you to chemicals known to the State of California to cause cancer or reproductive harm.",
+    severity: "warning",
+    linkHref: "https://www.p65warnings.ca.gov",
+    linkText: "www.p65warnings.ca.gov"
+  }
+}, a = {
+  args: {
+    title: "Parts Not in Stock",
+    description: "This text is hidden when compact mode is enabled.",
+    compact: !0,
+    severity: "warning"
+  }
+};
+export {
+  a as Compact,
+  r as Info,
+  n as Warning,
+  o as WithLink,
+  i as default
+};

package/package.json

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