@caseparts-org/caseblocks 0.0.55 → 0.0.57

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