@caseparts-org/caseblocks 0.0.54 → 0.0.56

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +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)}
@@ -1,7 +1,6 @@
1
1
  import { HideAtProps } from '../HideAt';
2
- export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, HideAtProps {
3
- size: "xxs" | "xs" | "sm" | "md" | "lg" | "xl";
4
- variant: "primary" | "secondary" | "cta-primary" | "tertiary" | "destructive";
5
- disabled?: boolean;
2
+ import { ButtonStyleProps } from './buttonClassName';
3
+ /** Shared size + variant prop contract for button‑styled interactive elements */
4
+ export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, HideAtProps, ButtonStyleProps {
6
5
  }
7
- export declare function Button({ children, size, variant, hideAt, className, ...otherProps }: ButtonProps): import("react/jsx-runtime").JSX.Element;
6
+ export declare function Button({ children, size, variant, hideAt, className, disabled, ...otherProps }: ButtonProps): import("react/jsx-runtime").JSX.Element;
@@ -1,47 +1,24 @@
1
- import { jsx as b } from "react/jsx-runtime";
2
- import { t } from "../../Text.module-smM1g1J4.js";
3
- import { c as i } from "../../clsx-OuTLNxxd.js";
4
- import { getHideAtStyles as y } from "../HideAt.js";
5
- import '../../assets/Button.css';const m = "_button_1fy9r_1", o = {
6
- button: m,
7
- "button-primary": "_button-primary_1fy9r_36",
8
- "button-secondary": "_button-secondary_1fy9r_50",
9
- "button-cta-primary": "_button-cta-primary_1fy9r_72",
10
- "button-tertiary": "_button-tertiary_1fy9r_86",
11
- "button-destructive": "_button-destructive_1fy9r_104",
12
- "button-size-xxs": "_button-size-xxs_1fy9r_122",
13
- "button-size-xs": "_button-size-xs_1fy9r_126",
14
- "button-size-sm": "_button-size-sm_1fy9r_130",
15
- "button-size-md": "_button-size-md_1fy9r_134",
16
- "button-size-lg": "_button-size-lg_1fy9r_138",
17
- "button-size-xl": "_button-size-xl_1fy9r_142"
18
- };
19
- function z({
20
- children: n,
21
- size: r,
22
- variant: _,
23
- hideAt: s,
24
- className: u,
25
- ...e
1
+ import { jsx as a } from "react/jsx-runtime";
2
+ import { buttonClassNames as e } from "./buttonClassName.js";
3
+ function p({
4
+ children: t,
5
+ size: o,
6
+ variant: r,
7
+ hideAt: m,
8
+ className: n,
9
+ disabled: s,
10
+ ...u
26
11
  }) {
27
- return /* @__PURE__ */ b(
12
+ return /* @__PURE__ */ a(
28
13
  "button",
29
14
  {
30
- className: i(
31
- o.button,
32
- o[`button-${_}`],
33
- o[`button-size-${r}`],
34
- t.text,
35
- t[`text-${r}`],
36
- t["text-semibold"],
37
- y(s),
38
- u
39
- ),
40
- ...e,
41
- children: n
15
+ className: e({ size: o, variant: r, hideAt: m, className: n }),
16
+ disabled: s,
17
+ ...u,
18
+ children: t
42
19
  }
43
20
  );
44
21
  }
45
22
  export {
46
- z as Button
23
+ p as Button
47
24
  };
@@ -0,0 +1,10 @@
1
+ import { HideAtProps } from '../HideAt';
2
+ export interface ButtonStyleProps {
3
+ disabled?: boolean;
4
+ size: "xxs" | "xs" | "sm" | "md" | "lg" | "xl";
5
+ variant: "primary" | "secondary" | "cta-primary" | "tertiary" | "destructive";
6
+ }
7
+ export declare function buttonClassNames({ size, variant, hideAt, className, disabled, }: ButtonStyleProps & {
8
+ hideAt?: HideAtProps["hideAt"];
9
+ className?: string;
10
+ }): string;
@@ -0,0 +1,40 @@
1
+ import { t as o } from "../../Text.module-smM1g1J4.js";
2
+ import { c as u } from "../../clsx-OuTLNxxd.js";
3
+ import { getHideAtStyles as i } from "../HideAt.js";
4
+ import '../../assets/buttonClassName.css';const r = "_button_10tpz_1", t = {
5
+ button: r,
6
+ "button-primary": "_button-primary_10tpz_38",
7
+ "button-secondary": "_button-secondary_10tpz_52",
8
+ "button-cta-primary": "_button-cta-primary_10tpz_74",
9
+ "button-tertiary": "_button-tertiary_10tpz_88",
10
+ "button-destructive": "_button-destructive_10tpz_106",
11
+ "button-size-xxs": "_button-size-xxs_10tpz_124",
12
+ "button-size-xs": "_button-size-xs_10tpz_128",
13
+ "button-size-sm": "_button-size-sm_10tpz_132",
14
+ "button-size-md": "_button-size-md_10tpz_136",
15
+ "button-size-lg": "_button-size-lg_10tpz_140",
16
+ "button-size-xl": "_button-size-xl_10tpz_144",
17
+ "button-disabled": "_button-disabled_10tpz_149"
18
+ };
19
+ function m({
20
+ size: n,
21
+ variant: _,
22
+ hideAt: s,
23
+ className: b,
24
+ disabled: e
25
+ }) {
26
+ return u(
27
+ t.button,
28
+ t[`button-${_}`],
29
+ t[`button-size-${n}`],
30
+ o.text,
31
+ o[`text-${n}`],
32
+ o["text-semibold"],
33
+ i(s),
34
+ e && t["button-disabled"],
35
+ b
36
+ );
37
+ }
38
+ export {
39
+ m as buttonClassNames
40
+ };
@@ -5,6 +5,8 @@ export interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement>
5
5
  href: string;
6
6
  children: React.ReactNode;
7
7
  disabled?: boolean;
8
+ /** Skip default link styling (still applies responsive + disabled adjustments). */
9
+ unstyled?: boolean;
8
10
  }
9
11
  /** Signature an external router link (e.g. next/link) must satisfy */
10
12
  export type LinkComponent = (_props: LinkProps) => JSX.Element;
@@ -100,4 +102,4 @@ export declare function LinkProvider({ component, children, }: {
100
102
  * - Do not reimplement disabled logic in the injected component (already handled).
101
103
  * - If you need additional router-only props (e.g. prefetch={false}), extend in the adapter inside your app, not here.
102
104
  */
103
- export declare function Link({ external, href, children, disabled, hideAt, className, onClick, ...otherProps }: LinkProps): import("react/jsx-runtime").JSX.Element;
105
+ export declare function Link({ external, href, children, disabled, unstyled, hideAt, className, onClick, ...otherProps }: LinkProps): import("react/jsx-runtime").JSX.Element;
@@ -1,56 +1,57 @@
1
- import { jsx as s } from "react/jsx-runtime";
2
- import c from "react";
3
- import { t as y } from "../../Text.module-smM1g1J4.js";
4
- import { c as _ } from "../../clsx-OuTLNxxd.js";
5
- import { getHideAtStyles as g } from "../HideAt.js";
6
- import '../../assets/Link.css';const v = "_link_ygp31_1", I = "_disabled_ygp31_14", f = {
7
- link: v,
8
- disabled: I
9
- }, p = c.createContext(null);
10
- function S({
11
- component: a,
12
- children: e
1
+ import { jsx as e } from "react/jsx-runtime";
2
+ import p from "react";
3
+ import { t as g } from "../../Text.module-smM1g1J4.js";
4
+ import { c as v } from "../../clsx-OuTLNxxd.js";
5
+ import { getHideAtStyles as y } from "../HideAt.js";
6
+ import '../../assets/Link.css';const I = "_link_ygp31_1", L = "_disabled_ygp31_14", c = {
7
+ link: I,
8
+ disabled: L
9
+ }, u = p.createContext(null);
10
+ function j({
11
+ component: n,
12
+ children: r
13
13
  }) {
14
- return /* @__PURE__ */ s(p.Provider, { value: a, children: e });
14
+ return /* @__PURE__ */ e(u.Provider, { value: n, children: r });
15
15
  }
16
- function j({
17
- external: a,
18
- href: e,
19
- children: i,
16
+ function A({
17
+ external: n,
18
+ href: r,
19
+ children: o,
20
20
  disabled: t = !1,
21
- hideAt: u,
22
- className: x,
23
- onClick: n,
24
- ...r
21
+ unstyled: l = !1,
22
+ hideAt: x,
23
+ className: k,
24
+ onClick: a,
25
+ ...s
25
26
  }) {
26
- const l = c.useContext(p), d = _(
27
- y["text-body"],
28
- f.link,
29
- t && f.disabled,
30
- g(u),
31
- x
27
+ const m = p.useContext(u), _ = v(
28
+ k,
29
+ !l && g["text-body"],
30
+ !l && c.link,
31
+ t && c.disabled,
32
+ y(x)
32
33
  );
33
- function k(o) {
34
+ function d(f) {
34
35
  if (t) {
35
- o.preventDefault(), o.stopPropagation();
36
+ f.preventDefault(), f.stopPropagation();
36
37
  return;
37
38
  }
38
- n == null || n(o);
39
+ a == null || a(f);
39
40
  }
40
- const m = {
41
- ...r,
42
- href: t ? "#" : e,
43
- className: d,
44
- children: i,
41
+ const i = {
42
+ ...s,
43
+ href: t ? "#" : r,
44
+ className: _,
45
+ children: o,
45
46
  disabled: t,
46
- onClick: k,
47
+ onClick: d,
47
48
  "aria-disabled": t || void 0,
48
- tabIndex: t ? -1 : r.tabIndex,
49
- role: t ? "link" : r.role
49
+ tabIndex: t ? -1 : s.tabIndex,
50
+ role: t ? "link" : s.role
50
51
  };
51
- return l ? /* @__PURE__ */ s(l, { ...m }) : /* @__PURE__ */ s("a", { ...m, children: i });
52
+ return n ? /* @__PURE__ */ e("a", { ...i, children: o }) : m ? /* @__PURE__ */ e(m, { ...i }) : /* @__PURE__ */ e("a", { ...i, children: o });
52
53
  }
53
54
  export {
54
- j as Link,
55
- S as LinkProvider
55
+ A as Link,
56
+ j as LinkProvider
56
57
  };
@@ -0,0 +1,6 @@
1
+ import { HideAtProps } from '../HideAt';
2
+ import { LinkProps } from '../Link/Link';
3
+ import { ButtonStyleProps } from '../Button/buttonClassName';
4
+ export interface LinkButtonProps extends LinkProps, HideAtProps, ButtonStyleProps {
5
+ }
6
+ export declare function LinkButton({ href, children, size, variant, hideAt, className, disabled, onClick, ...otherProps }: LinkButtonProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,39 @@
1
+ import { jsx as c } from "react/jsx-runtime";
2
+ import { Link as l } from "../Link/Link.js";
3
+ import { buttonClassNames as x } from "../Button/buttonClassName.js";
4
+ import { c as N } from "../../clsx-OuTLNxxd.js";
5
+ function v({
6
+ href: m,
7
+ children: n,
8
+ size: s,
9
+ variant: e,
10
+ hideAt: a,
11
+ className: u,
12
+ disabled: t,
13
+ onClick: r,
14
+ ...f
15
+ }) {
16
+ const p = x({ size: s, variant: e, hideAt: a, className: N(u), disabled: t });
17
+ function i(o) {
18
+ if (t) {
19
+ o.preventDefault(), o.stopPropagation();
20
+ return;
21
+ }
22
+ r == null || r(o);
23
+ }
24
+ return /* @__PURE__ */ c(
25
+ l,
26
+ {
27
+ href: m,
28
+ className: p,
29
+ disabled: t,
30
+ onClick: i,
31
+ unstyled: !0,
32
+ ...f,
33
+ children: n
34
+ }
35
+ );
36
+ }
37
+ export {
38
+ v as LinkButton
39
+ };
@@ -0,0 +1,9 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { LinkButtonProps } from './LinkButton';
3
+ declare const meta: Meta<LinkButtonProps>;
4
+ export default meta;
5
+ type Story = StoryObj<LinkButtonProps>;
6
+ export declare const Playground: Story;
7
+ export declare const AllVariants: Story;
8
+ export declare const AllSizes: Story;
9
+ export declare const Disabled: Story;
@@ -0,0 +1,96 @@
1
+ import { jsx as a } from "react/jsx-runtime";
2
+ import { LinkButton as i } from "./LinkButton.js";
3
+ const s = {
4
+ title: "Case Parts/Atoms/LinkButton",
5
+ component: i,
6
+ tags: ["autodocs"],
7
+ parameters: {
8
+ docs: {
9
+ description: {
10
+ component: `LinkButton combines the visual styling of a button with the navigation behavior of a link.
11
+
12
+ Usage:
13
+ - Choose a variant to convey hierarchy (primary, secondary, cta-primary, tertiary, destructive).
14
+ - Use size to match surrounding typography scale.
15
+ - Prefer LinkButton over a plain anchor when you want consistent button styling for navigation.
16
+
17
+ Accessibility:
18
+ - Always provide meaningful link text (children).
19
+ - Use 'aria-disabled' only if you must visually disable while keeping markup; normally remove href if truly inactive (Story shows disabled styling only).`
20
+ }
21
+ }
22
+ },
23
+ argTypes: {
24
+ href: {
25
+ control: "text",
26
+ description: "Destination URL",
27
+ table: { type: { summary: "string" }, defaultValue: { summary: "#" } }
28
+ },
29
+ children: {
30
+ control: "text",
31
+ description: "Link content",
32
+ defaultValue: "Link Button"
33
+ },
34
+ variant: {
35
+ control: { type: "select" },
36
+ options: ["primary", "secondary", "cta-primary", "tertiary", "destructive"],
37
+ description: "Visual style variant",
38
+ defaultValue: "primary"
39
+ },
40
+ size: {
41
+ control: { type: "select" },
42
+ options: ["xxs", "xs", "sm", "md", "lg", "xl"],
43
+ description: "Size (ties into both padding and text style)",
44
+ defaultValue: "md"
45
+ },
46
+ disabled: {
47
+ control: "boolean",
48
+ description: "Applies disabled styling (note: still renders an <a> with href)"
49
+ },
50
+ className: {
51
+ control: !1
52
+ }
53
+ // If hideAt prop is available you can expose it; uncomment & adapt when types are known
54
+ // hideAt: {
55
+ // control: "object",
56
+ // description: "Responsive visibility rules (see HideAt component)"
57
+ // }
58
+ },
59
+ args: {
60
+ href: "#",
61
+ children: "Link Button",
62
+ size: "md",
63
+ variant: "primary",
64
+ disabled: !1
65
+ }
66
+ }, o = {
67
+ render: (t) => /* @__PURE__ */ a(i, { ...t })
68
+ }, l = {
69
+ name: "Variants",
70
+ args: {},
71
+ 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)) })
72
+ }, d = {
73
+ name: "Sizes",
74
+ args: { variant: "primary" },
75
+ 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)) })
76
+ }, c = {
77
+ args: {
78
+ variant: "secondary",
79
+ disabled: !0,
80
+ children: "Disabled"
81
+ },
82
+ parameters: {
83
+ docs: {
84
+ description: {
85
+ story: "Shows the disabled styling. Consider removing href to fully disable navigation."
86
+ }
87
+ }
88
+ }
89
+ };
90
+ export {
91
+ d as AllSizes,
92
+ l as AllVariants,
93
+ c as Disabled,
94
+ o as Playground,
95
+ s as default
96
+ };
@@ -1,5 +1,5 @@
1
1
  import { jsx as t } from "react/jsx-runtime";
2
- import '../../assets/Root.css';const r = "_root_1yh5z_20", s = {
2
+ import '../../assets/Root.css';const r = "_root_rz7mq_20", s = {
3
3
  root: r
4
4
  };
5
5
  function c({ children: o }) {
@@ -1,6 +1,8 @@
1
1
  export * from './main-server';
2
2
  export { Link, LinkProvider } from './atoms/Link/Link';
3
3
  export type { LinkProps } from './atoms/Link/Link';
4
+ export { LinkButton } from './atoms/LinkButton/LinkButton';
5
+ export type { LinkButtonProps } from './atoms/LinkButton/LinkButton';
4
6
  export { Image, ImageProvider } from './atoms/Image/Image';
5
7
  export type { ImageProps } from './atoms/Image/Image';
6
8
  export { Tooltip } from './molecules/Tooltip/Tooltip';
@@ -27,3 +29,5 @@ export { ChipSelector } from './organisms/ChipSelector/ChipSelector';
27
29
  export type { ChipSelectorProps } from './organisms/ChipSelector/ChipSelector';
28
30
  export { Product } from './organisms/Product/Product';
29
31
  export type { ProductProps, ProductView } from './organisms/Product/Product';
32
+ export { NotFound } from './organisms/NotFound/NotFound';
33
+ export type { NotFoundProps } from './organisms/NotFound/NotFound';
@@ -1,59 +1,63 @@
1
1
  import { Button as t } from "./atoms/Button/Button.js";
2
2
  import { Flex as p } from "./atoms/Flex/Flex.js";
3
3
  import { Column as x, Grid as f } from "./atoms/Grid/Grid.js";
4
- import { Head as i } from "./atoms/Root/Head.js";
4
+ import { Head as a } from "./atoms/Root/Head.js";
5
5
  import { Icon as u } from "./atoms/Icon/Icon.js";
6
- import { Root as d } from "./atoms/Root/Root.js";
6
+ import { Root as c } from "./atoms/Root/Root.js";
7
7
  import { Separator as g } from "./atoms/Separator/Separator.js";
8
- import { Text as A } from "./atoms/Text/Text.js";
9
- import { Input as I } from "./atoms/Input/Input.js";
10
- import { Logo as k } from "./molecules/Logo/Logo.js";
11
- import { SearchBox as S } from "./molecules/SearchBox/SearchBox.js";
12
- import { QuantityInput as B } from "./molecules/QuantityInput/QuantityInput.js";
8
+ import { Text as v } from "./atoms/Text/Text.js";
9
+ import { Input as C } from "./atoms/Input/Input.js";
10
+ import { Logo as h } from "./molecules/Logo/Logo.js";
11
+ import { SearchBox as L } from "./molecules/SearchBox/SearchBox.js";
12
+ import { QuantityInput as S } from "./molecules/QuantityInput/QuantityInput.js";
13
13
  import { Pricing as y } from "./molecules/Pricing/Pricing.js";
14
- import { Link as b, LinkProvider as w } from "./atoms/Link/Link.js";
15
- import { Image as G, ImageProvider as H } from "./atoms/Image/Image.js";
16
- import { Tooltip as Q } from "./molecules/Tooltip/Tooltip.js";
17
- import { Account as V } from "./molecules/Account/Account.js";
18
- import { Avatar as q } from "./molecules/Avatar/Avatar.js";
19
- import { Chip as z } from "./molecules/Chip/Chip.js";
20
- import { ToggleView as E } from "./molecules/ToggleView/ToggleView.js";
21
- import { StatefulButton as K } from "./molecules/StatefulButton/StatefulButton.js";
22
- import { AnimatedCheckMark as U } from "./molecules/StatefulButton/AnimatedCheckmark.js";
23
- import { AddToCart as X } from "./molecules/AddToCart/AddToCart.js";
24
- import { Availability as Z } from "./molecules/Availability/Availability.js";
25
- import { MainNav as $ } from "./organisms/MainNav/MainNav.js";
26
- import { ChipSelector as ro } from "./organisms/ChipSelector/ChipSelector.js";
27
- import { Product as eo } from "./organisms/Product/Product.js";
14
+ import { Link as M, LinkProvider as N } from "./atoms/Link/Link.js";
15
+ import { LinkButton as w } from "./atoms/LinkButton/LinkButton.js";
16
+ import { Image as H, ImageProvider as Q } from "./atoms/Image/Image.js";
17
+ import { Tooltip as V } from "./molecules/Tooltip/Tooltip.js";
18
+ import { Account as q } from "./molecules/Account/Account.js";
19
+ import { Avatar as z } from "./molecules/Avatar/Avatar.js";
20
+ import { Chip as E } from "./molecules/Chip/Chip.js";
21
+ import { ToggleView as K } from "./molecules/ToggleView/ToggleView.js";
22
+ import { StatefulButton as U } from "./molecules/StatefulButton/StatefulButton.js";
23
+ import { AnimatedCheckMark as X } from "./molecules/StatefulButton/AnimatedCheckmark.js";
24
+ import { AddToCart as Z } from "./molecules/AddToCart/AddToCart.js";
25
+ import { Availability as $ } from "./molecules/Availability/Availability.js";
26
+ import { MainNav as ro } from "./organisms/MainNav/MainNav.js";
27
+ import { ChipSelector as eo } from "./organisms/ChipSelector/ChipSelector.js";
28
+ import { Product as mo } from "./organisms/Product/Product.js";
29
+ import { NotFound as fo } from "./organisms/NotFound/NotFound.js";
28
30
  export {
29
- V as Account,
30
- X as AddToCart,
31
- U as AnimatedCheckMark,
32
- Z as Availability,
33
- q as Avatar,
31
+ q as Account,
32
+ Z as AddToCart,
33
+ X as AnimatedCheckMark,
34
+ $ as Availability,
35
+ z as Avatar,
34
36
  t as Button,
35
- z as Chip,
36
- ro as ChipSelector,
37
+ E as Chip,
38
+ eo as ChipSelector,
37
39
  x as Column,
38
40
  p as Flex,
39
41
  f as Grid,
40
- i as Head,
42
+ a as Head,
41
43
  u as Icon,
42
- G as Image,
43
- H as ImageProvider,
44
- I as Input,
45
- b as Link,
46
- w as LinkProvider,
47
- k as Logo,
48
- $ as MainNav,
44
+ H as Image,
45
+ Q as ImageProvider,
46
+ C as Input,
47
+ M as Link,
48
+ w as LinkButton,
49
+ N as LinkProvider,
50
+ h as Logo,
51
+ ro as MainNav,
52
+ fo as NotFound,
49
53
  y as Pricing,
50
- eo as Product,
51
- B as QuantityInput,
52
- d as Root,
53
- S as SearchBox,
54
+ mo as Product,
55
+ S as QuantityInput,
56
+ c as Root,
57
+ L as SearchBox,
54
58
  g as Separator,
55
- K as StatefulButton,
56
- A as Text,
57
- E as ToggleView,
58
- Q as Tooltip
59
+ U as StatefulButton,
60
+ v as Text,
61
+ K as ToggleView,
62
+ V as Tooltip
59
63
  };
@@ -722,11 +722,11 @@ const ut = "_content_1wx0f_2", be = {
722
722
  }) => /* @__PURE__ */ he(
723
723
  lt,
724
724
  {
725
- arrow: !0,
725
+ ...o,
726
+ arrow: o.arrow ?? !0,
726
727
  on: o.on ?? "hover",
727
728
  repositionOnResize: o.repositionOnResize ?? !0,
728
729
  keepTooltipInside: o.keepTooltipInside ?? !0,
729
- ...o,
730
730
  className: Oe(be.tooltip, s),
731
731
  children: /* @__PURE__ */ he("div", { className: Oe(be.content, a), children: c })
732
732
  }
@@ -3,6 +3,7 @@ import { AccountProps } from '../../molecules/Account/Account';
3
3
  import { ContactUsLinkBehavior } from 'lib/main-client';
4
4
  export interface MainNavProps extends CartPropsBase, React.HTMLAttributes<HTMLDivElement>, Pick<AccountProps, "account"> {
5
5
  categories?: MainCategory[];
6
+ homeRoute: string;
6
7
  faqRoute: string;
7
8
  byModelSerialRoute: string;
8
9
  customPartsRoute: string;
@@ -25,4 +26,4 @@ export interface MainCategory extends Category {
25
26
  children: Category[];
26
27
  showChevron?: boolean;
27
28
  }
28
- export declare function MainNav({ account, categories, byModelSerialRoute, faqRoute, customPartsRoute, aboutUsRoute, accountRoute, contactRoute, cart, cartSubtotal, cartItemPriceLabel, cartContactLinkBehavior, onLoginClick, onSearch, onItemQtyChange, onItemDelete, onItemEdit, onCheckout, className, ...otherProps }: MainNavProps): import("react/jsx-runtime").JSX.Element;
29
+ export declare function MainNav({ account, categories, byModelSerialRoute, homeRoute, faqRoute, customPartsRoute, aboutUsRoute, accountRoute, contactRoute, cart, cartSubtotal, cartItemPriceLabel, cartContactLinkBehavior, onLoginClick, onSearch, onItemQtyChange, onItemDelete, onItemEdit, onCheckout, className, ...otherProps }: MainNavProps): import("react/jsx-runtime").JSX.Element;