@caseparts-org/caseblocks 0.0.55 → 0.0.56

package/dist/assets/buttonClassName.css

@@ -0,0 +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)}

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

@@ -1,7 +1,6 @@
 import { HideAtProps } from '../HideAt';
-export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, HideAtProps {
-    size: "xxs" | "xs" | "sm" | "md" | "lg" | "xl";
-    variant: "primary" | "secondary" | "cta-primary" | "tertiary" | "destructive";
-    disabled?: boolean;
+import { ButtonStyleProps } from './buttonClassName';
+/** Shared size + variant prop contract for button‑styled interactive elements */
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, HideAtProps, ButtonStyleProps {
 }
-export declare function Button({ children, size, variant, hideAt, className, ...otherProps }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function Button({ children, size, variant, hideAt, className, disabled, ...otherProps }: ButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/atoms/Button/Button.js

@@ -1,47 +1,24 @@
-import { jsx as b } from "react/jsx-runtime";
-import { t } from "../../Text.module-smM1g1J4.js";
-import { c as i } from "../../clsx-OuTLNxxd.js";
-import { getHideAtStyles as y } from "../HideAt.js";
-import '../../assets/Button.css';const m = "_button_1fy9r_1", o = {
-  button: m,
-  "button-primary": "_button-primary_1fy9r_36",
-  "button-secondary": "_button-secondary_1fy9r_50",
-  "button-cta-primary": "_button-cta-primary_1fy9r_72",
-  "button-tertiary": "_button-tertiary_1fy9r_86",
-  "button-destructive": "_button-destructive_1fy9r_104",
-  "button-size-xxs": "_button-size-xxs_1fy9r_122",
-  "button-size-xs": "_button-size-xs_1fy9r_126",
-  "button-size-sm": "_button-size-sm_1fy9r_130",
-  "button-size-md": "_button-size-md_1fy9r_134",
-  "button-size-lg": "_button-size-lg_1fy9r_138",
-  "button-size-xl": "_button-size-xl_1fy9r_142"
-};
-function z({
-  children: n,
-  size: r,
-  variant: _,
-  hideAt: s,
-  className: u,
-  ...e
+import { jsx as a } from "react/jsx-runtime";
+import { buttonClassNames as e } from "./buttonClassName.js";
+function p({
+  children: t,
+  size: o,
+  variant: r,
+  hideAt: m,
+  className: n,
+  disabled: s,
+  ...u
 }) {
-  return /* @__PURE__ */ b(
+  return /* @__PURE__ */ a(
     "button",
     {
-      className: i(
-        o.button,
-        o[`button-${_}`],
-        o[`button-size-${r}`],
-        t.text,
-        t[`text-${r}`],
-        t["text-semibold"],
-        y(s),
-        u
-      ),
-      ...e,
-      children: n
+      className: e({ size: o, variant: r, hideAt: m, className: n }),
+      disabled: s,
+      ...u,
+      children: t
     }
   );
 }
 export {
-  z as Button
+  p as Button
 };

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

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

package/dist/atoms/Button/buttonClassName.js

@@ -0,0 +1,40 @@
+import { t as o } 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"
+};
+function m({
+  size: n,
+  variant: _,
+  hideAt: s,
+  className: b,
+  disabled: e
+}) {
+  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
+  );
+}
+export {
+  m as buttonClassNames
+};

package/dist/atoms/Link/Link.d.ts

@@ -5,6 +5,8 @@ export interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement>
     href: string;
     children: React.ReactNode;
     disabled?: boolean;
+    /** Skip default link styling (still applies responsive + disabled adjustments). */
+    unstyled?: boolean;
 }
 /** Signature an external router link (e.g. next/link) must satisfy */
 export type LinkComponent = (_props: LinkProps) => JSX.Element;
@@ -100,4 +102,4 @@ export declare function LinkProvider({ component, children, }: {
  * - Do not reimplement disabled logic in the injected component (already handled).
  * - If you need additional router-only props (e.g. prefetch={false}), extend in the adapter inside your app, not here.
  */
-export declare function Link({ external, href, children, disabled, hideAt, className, onClick, ...otherProps }: LinkProps): import("react/jsx-runtime").JSX.Element;
+export declare function Link({ external, href, children, disabled, unstyled, hideAt, className, onClick, ...otherProps }: LinkProps): import("react/jsx-runtime").JSX.Element;

package/dist/atoms/Link/Link.js

@@ -1,56 +1,57 @@
-import { jsx as s } from "react/jsx-runtime";
-import c from "react";
-import { t as y } from "../../Text.module-smM1g1J4.js";
-import { c as _ } from "../../clsx-OuTLNxxd.js";
-import { getHideAtStyles as g } from "../HideAt.js";
-import '../../assets/Link.css';const v = "_link_ygp31_1", I = "_disabled_ygp31_14", f = {
-  link: v,
-  disabled: I
-}, p = c.createContext(null);
-function S({
-  component: a,
-  children: e
+import { jsx as e } from "react/jsx-runtime";
+import p from "react";
+import { t as g } from "../../Text.module-smM1g1J4.js";
+import { c as v } from "../../clsx-OuTLNxxd.js";
+import { getHideAtStyles as y } from "../HideAt.js";
+import '../../assets/Link.css';const I = "_link_ygp31_1", L = "_disabled_ygp31_14", c = {
+  link: I,
+  disabled: L
+}, u = p.createContext(null);
+function j({
+  component: n,
+  children: r
 }) {
-  return /* @__PURE__ */ s(p.Provider, { value: a, children: e });
+  return /* @__PURE__ */ e(u.Provider, { value: n, children: r });
 }
-function j({
-  external: a,
-  href: e,
-  children: i,
+function A({
+  external: n,
+  href: r,
+  children: o,
   disabled: t = !1,
-  hideAt: u,
-  className: x,
-  onClick: n,
-  ...r
+  unstyled: l = !1,
+  hideAt: x,
+  className: k,
+  onClick: a,
+  ...s
 }) {
-  const l = c.useContext(p), d = _(
-    y["text-body"],
-    f.link,
-    t && f.disabled,
-    g(u),
-    x
+  const m = p.useContext(u), _ = v(
+    k,
+    !l && g["text-body"],
+    !l && c.link,
+    t && c.disabled,
+    y(x)
   );
-  function k(o) {
+  function d(f) {
     if (t) {
-      o.preventDefault(), o.stopPropagation();
+      f.preventDefault(), f.stopPropagation();
       return;
     }
-    n == null || n(o);
+    a == null || a(f);
   }
-  const m = {
-    ...r,
-    href: t ? "#" : e,
-    className: d,
-    children: i,
+  const i = {
+    ...s,
+    href: t ? "#" : r,
+    className: _,
+    children: o,
     disabled: t,
-    onClick: k,
+    onClick: d,
     "aria-disabled": t || void 0,
-    tabIndex: t ? -1 : r.tabIndex,
-    role: t ? "link" : r.role
+    tabIndex: t ? -1 : s.tabIndex,
+    role: t ? "link" : s.role
   };
-  return l ? /* @__PURE__ */ s(l, { ...m }) : /* @__PURE__ */ s("a", { ...m, children: i });
+  return n ? /* @__PURE__ */ e("a", { ...i, children: o }) : m ? /* @__PURE__ */ e(m, { ...i }) : /* @__PURE__ */ e("a", { ...i, children: o });
 }
 export {
-  j as Link,
-  S as LinkProvider
+  A as Link,
+  j as LinkProvider
 };

package/dist/atoms/LinkButton/LinkButton.d.ts

@@ -0,0 +1,6 @@
+import { HideAtProps } from '../HideAt';
+import { LinkProps } from '../Link/Link';
+import { ButtonStyleProps } from '../Button/buttonClassName';
+export interface LinkButtonProps extends LinkProps, HideAtProps, ButtonStyleProps {
+}
+export declare function LinkButton({ href, children, size, variant, hideAt, className, disabled, onClick, ...otherProps }: LinkButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/atoms/LinkButton/LinkButton.js

@@ -0,0 +1,39 @@
+import { jsx as c } from "react/jsx-runtime";
+import { Link as l } from "../Link/Link.js";
+import { buttonClassNames as x } from "../Button/buttonClassName.js";
+import { c as N } from "../../clsx-OuTLNxxd.js";
+function v({
+  href: m,
+  children: n,
+  size: s,
+  variant: e,
+  hideAt: a,
+  className: u,
+  disabled: t,
+  onClick: r,
+  ...f
+}) {
+  const p = x({ size: s, variant: e, hideAt: a, className: N(u), disabled: t });
+  function i(o) {
+    if (t) {
+      o.preventDefault(), o.stopPropagation();
+      return;
+    }
+    r == null || r(o);
+  }
+  return /* @__PURE__ */ c(
+    l,
+    {
+      href: m,
+      className: p,
+      disabled: t,
+      onClick: i,
+      unstyled: !0,
+      ...f,
+      children: n
+    }
+  );
+}
+export {
+  v as LinkButton
+};

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

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { LinkButtonProps } from './LinkButton';
+declare const meta: Meta<LinkButtonProps>;
+export default meta;
+type Story = StoryObj<LinkButtonProps>;
+export declare const Playground: Story;
+export declare const AllVariants: Story;
+export declare const AllSizes: Story;
+export declare const Disabled: Story;

package/dist/atoms/LinkButton/LinkButton.stories.js

@@ -0,0 +1,96 @@
+import { jsx as a } from "react/jsx-runtime";
+import { LinkButton as i } from "./LinkButton.js";
+const s = {
+  title: "Case Parts/Atoms/LinkButton",
+  component: i,
+  tags: ["autodocs"],
+  parameters: {
+    docs: {
+      description: {
+        component: `LinkButton combines the visual styling of a button with the navigation behavior of a link.
+
+Usage:
+- Choose a variant to convey hierarchy (primary, secondary, cta-primary, tertiary, destructive).
+- Use size to match surrounding typography scale.
+- Prefer LinkButton over a plain anchor when you want consistent button styling for navigation.
+
+Accessibility:
+- Always provide meaningful link text (children).
+- Use 'aria-disabled' only if you must visually disable while keeping markup; normally remove href if truly inactive (Story shows disabled styling only).`
+      }
+    }
+  },
+  argTypes: {
+    href: {
+      control: "text",
+      description: "Destination URL",
+      table: { type: { summary: "string" }, defaultValue: { summary: "#" } }
+    },
+    children: {
+      control: "text",
+      description: "Link content",
+      defaultValue: "Link Button"
+    },
+    variant: {
+      control: { type: "select" },
+      options: ["primary", "secondary", "cta-primary", "tertiary", "destructive"],
+      description: "Visual style variant",
+      defaultValue: "primary"
+    },
+    size: {
+      control: { type: "select" },
+      options: ["xxs", "xs", "sm", "md", "lg", "xl"],
+      description: "Size (ties into both padding and text style)",
+      defaultValue: "md"
+    },
+    disabled: {
+      control: "boolean",
+      description: "Applies disabled styling (note: still renders an <a> with href)"
+    },
+    className: {
+      control: !1
+    }
+    // If hideAt prop is available you can expose it; uncomment & adapt when types are known
+    // hideAt: {
+    //   control: "object",
+    //   description: "Responsive visibility rules (see HideAt component)"
+    // }
+  },
+  args: {
+    href: "#",
+    children: "Link Button",
+    size: "md",
+    variant: "primary",
+    disabled: !1
+  }
+}, o = {
+  render: (t) => /* @__PURE__ */ a(i, { ...t })
+}, l = {
+  name: "Variants",
+  args: {},
+  render: (t) => /* @__PURE__ */ a("div", { style: { display: "flex", flexWrap: "wrap", gap: "0.75rem" }, children: ["primary", "secondary", "cta-primary", "tertiary", "destructive"].map((e) => /* @__PURE__ */ a(i, { ...t, variant: e, children: e }, e)) })
+}, d = {
+  name: "Sizes",
+  args: { variant: "primary" },
+  render: (t) => /* @__PURE__ */ a("div", { style: { display: "flex", flexWrap: "wrap", alignItems: "flex-end", gap: "0.75rem" }, children: ["xxs", "xs", "sm", "md", "lg", "xl"].map((e) => /* @__PURE__ */ a(i, { ...t, size: e, children: e }, e)) })
+}, c = {
+  args: {
+    variant: "secondary",
+    disabled: !0,
+    children: "Disabled"
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Shows the disabled styling. Consider removing href to fully disable navigation."
+      }
+    }
+  }
+};
+export {
+  d as AllSizes,
+  l as AllVariants,
+  c as Disabled,
+  o as Playground,
+  s as default
+};

package/dist/atoms/Root/Root.js

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import '../../assets/Root.css';const r = "_root_1yh5z_20", s = {
+import '../../assets/Root.css';const r = "_root_rz7mq_20", s = {
   root: r
 };
 function c({ children: o }) {

package/dist/main-client.d.ts

@@ -1,6 +1,8 @@
 export * from './main-server';
 export { Link, LinkProvider } from './atoms/Link/Link';
 export type { LinkProps } from './atoms/Link/Link';
+export { LinkButton } from './atoms/LinkButton/LinkButton';
+export type { LinkButtonProps } from './atoms/LinkButton/LinkButton';
 export { Image, ImageProvider } from './atoms/Image/Image';
 export type { ImageProps } from './atoms/Image/Image';
 export { Tooltip } from './molecules/Tooltip/Tooltip';
@@ -27,3 +29,5 @@ export { ChipSelector } from './organisms/ChipSelector/ChipSelector';
 export type { ChipSelectorProps } from './organisms/ChipSelector/ChipSelector';
 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';

package/dist/main-client.js

@@ -1,59 +1,63 @@
 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 i } from "./atoms/Root/Head.js";
+import { Head as a } from "./atoms/Root/Head.js";
 import { Icon as u } from "./atoms/Icon/Icon.js";
-import { Root as d } 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 A } from "./atoms/Text/Text.js";
-import { Input as I } from "./atoms/Input/Input.js";
-import { Logo as k } from "./molecules/Logo/Logo.js";
-import { SearchBox as S } from "./molecules/SearchBox/SearchBox.js";
-import { QuantityInput as B } from "./molecules/QuantityInput/QuantityInput.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 { 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 b, LinkProvider as w } from "./atoms/Link/Link.js";
-import { Image as G, ImageProvider as H } from "./atoms/Image/Image.js";
-import { Tooltip as Q } from "./molecules/Tooltip/Tooltip.js";
-import { Account as V } from "./molecules/Account/Account.js";
-import { Avatar as q } from "./molecules/Avatar/Avatar.js";
-import { Chip as z } from "./molecules/Chip/Chip.js";
-import { ToggleView as E } from "./molecules/ToggleView/ToggleView.js";
-import { StatefulButton as K } from "./molecules/StatefulButton/StatefulButton.js";
-import { AnimatedCheckMark as U } from "./molecules/StatefulButton/AnimatedCheckmark.js";
-import { AddToCart as X } from "./molecules/AddToCart/AddToCart.js";
-import { Availability as Z } from "./molecules/Availability/Availability.js";
-import { MainNav as $ } from "./organisms/MainNav/MainNav.js";
-import { ChipSelector as ro } from "./organisms/ChipSelector/ChipSelector.js";
-import { Product as eo } from "./organisms/Product/Product.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 { 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";
+import { StatefulButton as U } from "./molecules/StatefulButton/StatefulButton.js";
+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";
 export {
-  V as Account,
-  X as AddToCart,
-  U as AnimatedCheckMark,
-  Z as Availability,
-  q as Avatar,
+  q as Account,
+  Z as AddToCart,
+  X as AnimatedCheckMark,
+  $ as Availability,
+  z as Avatar,
   t as Button,
-  z as Chip,
-  ro as ChipSelector,
+  E as Chip,
+  eo as ChipSelector,
   x as Column,
   p as Flex,
   f as Grid,
-  i as Head,
+  a as Head,
   u as Icon,
-  G as Image,
-  H as ImageProvider,
-  I as Input,
-  b as Link,
-  w as LinkProvider,
-  k as Logo,
-  $ as MainNav,
+  H as Image,
+  Q as ImageProvider,
+  C as Input,
+  M as Link,
+  w as LinkButton,
+  N as LinkProvider,
+  h as Logo,
+  ro as MainNav,
+  fo as NotFound,
   y as Pricing,
-  eo as Product,
-  B as QuantityInput,
-  d as Root,
-  S as SearchBox,
+  mo as Product,
+  S as QuantityInput,
+  c as Root,
+  L as SearchBox,
   g as Separator,
-  K as StatefulButton,
-  A as Text,
-  E as ToggleView,
-  Q as Tooltip
+  U as StatefulButton,
+  v as Text,
+  K as ToggleView,
+  V as Tooltip
 };

package/dist/organisms/NotFound/NotFound.d.ts

@@ -0,0 +1,11 @@
+export interface NotFoundProps {
+    primaryLinkButtonProps: {
+        label: string;
+        href: string;
+    };
+    secondaryLinkButtonProps: {
+        label: string;
+        href: string;
+    };
+}
+export declare function NotFound({ primaryLinkButtonProps, secondaryLinkButtonProps }: NotFoundProps): import("react/jsx-runtime").JSX.Element;

package/dist/organisms/NotFound/NotFound.js

@@ -0,0 +1,34 @@
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import { Image as t } from "../../atoms/Image/Image.js";
+import { Text as n } from "../../atoms/Text/Text.js";
+import { LinkButton as l } from "../../atoms/LinkButton/LinkButton.js";
+import { Flex as a } from "../../atoms/Flex/Flex.js";
+import { c } from "../../clsx-OuTLNxxd.js";
+import '../../assets/NotFound.css';const m = "_main_1dfh4_1", d = "_column_1dfh4_10", h = "_description_1dfh4_14", f = "_header_1dfh4_19", _ = "_links_1dfh4_24", i = {
+  main: m,
+  column: d,
+  description: h,
+  header: f,
+  links: _
+};
+function z({ primaryLinkButtonProps: r, secondaryLinkButtonProps: o }) {
+  return /* @__PURE__ */ s(a, { flexDirection: "row", alignItems: "center", justifyContent: "center", className: i.main, children: [
+    /* @__PURE__ */ e("div", { className: i.column, children: /* @__PURE__ */ e(t, { src: "/assets/not-found.png", alt: "Not found image" }) }),
+    /* @__PURE__ */ s("div", { className: c(i.description, i.column), children: [
+      /* @__PURE__ */ e(n, { size: "6xl", variant: "display", as: "h1", className: i.header, children: "404" }),
+      /* @__PURE__ */ s(n, { size: "xl", children: [
+        "Oops! Well this is embarrassing...",
+        /* @__PURE__ */ e("br", {}),
+        "what you're looking for is missing or something is on the fritz."
+      ] }),
+      /* @__PURE__ */ e(n, { size: "xl", children: "Don't worry—for assistance call us at 1-800-421-0271" }),
+      /* @__PURE__ */ s("div", { className: i.links, children: [
+        /* @__PURE__ */ e(l, { variant: "primary", size: "md", href: r.href, children: r.label }),
+        /* @__PURE__ */ e(l, { variant: "secondary", size: "md", href: o.href, children: o.label })
+      ] })
+    ] })
+  ] });
+}
+export {
+  z as NotFound
+};

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

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { NotFound } from './NotFound';
+declare const meta: Meta<typeof NotFound>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Playground: Story;
+export declare const SupportFocused: Story;