@caseparts-org/caseblocks 0.0.15 → 0.0.17

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

@@ -1,6 +1,6 @@
 import { HideAtProps } from '../HideAt';
 export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, HideAtProps {
-    size: "xs" | "sm" | "md" | "lg" | "xl";
+    size: "xxs" | "xs" | "sm" | "md" | "lg" | "xl";
     variant: "primary" | "secondary" | "cta-primary" | "tertiary" | "destructive";
     disabled?: boolean;
 }

package/dist/atoms/Button/Button.js

@@ -1,45 +1,47 @@
-import { jsx as r } from "react/jsx-runtime";
-import { t as n } from "../../Text.module-smM1g1J4.js";
-import { c as i } from "../../clsx-OuTLNxxd.js";
-import { getHideAtStyles as c } from "../HideAt.js";
-import '../../assets/Button.css';const m = "_button_1co79_1", t = {
+import { jsx as b } from "react/jsx-runtime";
+import { t } from "../../Text.module-smM1g1J4.js";
+import { c as r } from "../../clsx-OuTLNxxd.js";
+import { getHideAtStyles as z } from "../HideAt.js";
+import '../../assets/Button.css';const m = "_button_17viz_1", o = {
   button: m,
-  "button-primary": "_button-primary_1co79_36",
-  "button-secondary": "_button-secondary_1co79_50",
-  "button-cta-primary": "_button-cta-primary_1co79_72",
-  "button-tertiary": "_button-tertiary_1co79_86",
-  "button-destructive": "_button-destructive_1co79_104",
-  "button-size-xs": "_button-size-xs_1co79_122",
-  "button-size-sm": "_button-size-sm_1co79_126",
-  "button-size-md": "_button-size-md_1co79_130",
-  "button-size-lg": "_button-size-lg_1co79_134",
-  "button-size-xl": "_button-size-xl_1co79_138"
+  "button-primary": "_button-primary_17viz_36",
+  "button-secondary": "_button-secondary_17viz_50",
+  "button-cta-primary": "_button-cta-primary_17viz_72",
+  "button-tertiary": "_button-tertiary_17viz_86",
+  "button-destructive": "_button-destructive_17viz_104",
+  "button-size-xxs": "_button-size-xxs_17viz_122",
+  "button-size-xs": "_button-size-xs_17viz_128",
+  "button-size-sm": "_button-size-sm_17viz_135",
+  "button-size-md": "_button-size-md_17viz_142",
+  "button-size-lg": "_button-size-lg_17viz_149",
+  "button-size-xl": "_button-size-xl_17viz_156"
 };
-function l({
-  children: _,
-  size: o,
-  variant: u,
+function y({
+  children: n,
+  size: i,
+  variant: _,
   hideAt: s,
-  className: e,
-  ...b
+  className: u,
+  ...e
 }) {
-  return /* @__PURE__ */ r(
+  return /* @__PURE__ */ b(
     "button",
     {
-      className: i(
-        t.button,
-        t[`button-${u}`],
-        t[`button-size-${o}`],
-        n.text,
-        n[`text-${o}`],
-        c(s),
-        e
+      className: r(
+        o.button,
+        o[`button-${_}`],
+        o[`button-size-${i}`],
+        t.text,
+        t[`text-${i}`],
+        t["text-semibold"],
+        z(s),
+        u
       ),
-      ...b,
-      children: _
+      ...e,
+      children: n
     }
   );
 }
 export {
-  l as Button
+  y as Button
 };

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

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 import { Button } from './Button';
 declare const meta: {
     title: string;

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

@@ -1,8 +1,8 @@
-import { jsx as r, jsxs as s } from "react/jsx-runtime";
-import { Button as e } from "./Button.js";
-const c = {
+import { jsx as t, jsxs as s } from "react/jsx-runtime";
+import { Button as r } from "./Button.js";
+const n = {
   title: "Case Parts/Atoms/Button",
-  component: e,
+  component: r,
   parameters: {
     // Optional parameter to center the component in the Canvas. More info: https://storybook.js.org/docs/configure/story-layout
     layout: "centered"
@@ -11,8 +11,8 @@ const c = {
   tags: ["autodocs"]
 }, l = {
   args: {
-    children: "Button Text",
-    size: "sm",
+    children: "Text",
+    size: "md",
     variant: "primary"
   }
 }, a = [
@@ -22,19 +22,16 @@ const c = {
   "cta-primary",
   "destructive"
 ], p = {
-  render: () => /* @__PURE__ */ r("div", { style: { display: "flex", flexDirection: "column", gap: "10px" }, children: a.map((t) => /* @__PURE__ */ s(e, { variant: t, size: "md", children: [
-    t.charAt(0).toUpperCase() + t.slice(1),
-    " Button"
-  ] }, t)) })
-}, o = ["xs", "sm", "md", "lg", "xl"], m = {
-  render: () => /* @__PURE__ */ r("div", { style: { display: "flex", flexDirection: "column", gap: "10px" }, children: o.map((t) => /* @__PURE__ */ s(e, { size: t, variant: "primary", children: [
-    t.charAt(0).toUpperCase() + t.slice(1),
-    " Button"
-  ] }, t)) })
+  render: () => /* @__PURE__ */ t("div", { style: { display: "flex", flexDirection: "column", gap: "10px" }, children: a.map((e) => /* @__PURE__ */ t(r, { variant: e, size: "md", children: e.charAt(0).toUpperCase() + e.slice(1) }, e)) })
+}, o = ["xxs", "xs", "sm", "md", "lg", "xl"], m = {
+  render: () => /* @__PURE__ */ t("div", { style: { display: "flex", flexDirection: "column", gap: "10px" }, children: o.map((e) => /* @__PURE__ */ s(r, { size: e, variant: "primary", children: [
+    e.charAt(0).toUpperCase() + e.slice(1).toUpperCase(),
+    " Btn"
+  ] }, e)) })
 };
 export {
   l as AllProps,
   m as Sizes,
   p as Variants,
-  c as default
+  n as default
 };

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

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 import { Flex } from './Flex';
 declare const meta: {
     title: string;

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

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 import { Grid } from './Grid';
 declare const meta: {
     title: string;

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

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 import { Icon } from './Icon';
 declare const meta: {
     title: string;

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

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
     component: import('react').ForwardRefExoticComponent<import('./Input').InputProps & import('react').RefAttributes<HTMLInputElement>>;

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

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 import { Link } from './Link';
 declare const meta: {
     title: string;

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

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 import { Separator } from './Separator';
 declare const meta: {
     title: string;

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

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 import { Text } from './Text';
 declare const meta: {
     title: string;

package/dist/molecules/Account/Account.js

@@ -1,78 +1,80 @@
 import { jsx as i, jsxs as n } from "react/jsx-runtime";
-import { getHideAtStyles as o } from "../../atoms/HideAt.js";
+import { getHideAtStyles as d } from "../../atoms/HideAt.js";
 import { Icon as f } from "../../atoms/Icon/Icon.js";
-import { Text as m } from "../../atoms/Text/Text.js";
-import { Avatar as a } from "../Avatar/Avatar.js";
-import { Flex as r } from "../../atoms/Flex/Flex.js";
-import { Button as h } from "../../atoms/Button/Button.js";
-import { c as s } from "../../clsx-OuTLNxxd.js";
-import { Link as x } from "../../atoms/Link/Link.js";
-import '../../assets/Account.css';const u = "_loggedIn_1uin2_1", t = {
-  loggedIn: u
+import { Text as a } from "../../atoms/Text/Text.js";
+import { Avatar as h } from "../Avatar/Avatar.js";
+import { Flex as s } from "../../atoms/Flex/Flex.js";
+import { Button as x } from "../../atoms/Button/Button.js";
+import { c as u } from "../../clsx-OuTLNxxd.js";
+import { Link as A } from "../../atoms/Link/Link.js";
+import '../../assets/Account.css';const p = "_loggedIn_1uin2_1", l = {
+  loggedIn: p
 };
-function A(e) {
+function I(e) {
   return e.account !== void 0;
 }
 function w(e) {
-  return A(e) ? /* @__PURE__ */ i(I, { ...e }) : /* @__PURE__ */ i(k, { ...e });
+  return I(e) ? /* @__PURE__ */ i(k, { ...e }) : /* @__PURE__ */ i(y, { ...e });
 }
-function I({
-  account: e,
-  accountRoute: l,
-  onLoginClick: y,
-  className: d,
-  hideAt: g,
-  ...c
-}) {
+function k(e) {
+  const {
+    account: t,
+    accountRoute: o,
+    onLoginClick: m,
+    className: r,
+    hideAt: c,
+    ...g
+  } = e;
   return /* @__PURE__ */ n(
-    r,
+    s,
     {
       flexDirection: "row",
       alignItems: "center",
-      className: s(t.loggedIn, o(g), d),
-      ...c,
+      className: u(l.loggedIn, d(c), r),
+      ...g,
       children: [
         /* @__PURE__ */ n(
-          r,
+          s,
           {
             flexDirection: "column",
             alignItems: "flex-end",
             hideAt: ["sm", "md"],
-            className: t.customer,
+            className: l.customer,
             children: [
-              /* @__PURE__ */ n(m, { size: "xxs", children: [
+              /* @__PURE__ */ n(a, { size: "xxs", children: [
                 "Acct: ",
-                e == null ? void 0 : e.number
+                t == null ? void 0 : t.number
               ] }),
-              /* @__PURE__ */ i(x, { href: l, children: /* @__PURE__ */ n(m, { size: "sm", variant: "display", children: [
+              /* @__PURE__ */ i(A, { href: o, children: /* @__PURE__ */ n(a, { size: "sm", variant: "display", children: [
                 "Hello ",
-                e == null ? void 0 : e.name
+                t == null ? void 0 : t.name
               ] }) })
             ]
           }
         ),
-        /* @__PURE__ */ i(a, { initials: e.initials, accountRoute: l })
+        /* @__PURE__ */ i(h, { initials: t.initials, accountRoute: o })
       ]
     }
   );
 }
-function k(e) {
+function y(e) {
+  const { accountRoute: t, onLoginClick: o, className: m, hideAt: r, ...c } = e;
   return /* @__PURE__ */ n(
-    r,
+    s,
     {
       flexDirection: "row",
       alignItems: "center",
-      ...e,
-      className: s(
-        t.unauthenticated,
-        o(e.hideAt),
-        e.className
+      ...c,
+      className: u(
+        l.unauthenticated,
+        d(r),
+        m
       ),
       children: [
         /* @__PURE__ */ i(
-          h,
+          x,
           {
-            onClick: e.onLoginClick,
+            onClick: o,
             size: "sm",
             variant: "primary",
             hideAt: ["sm", "md"],

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

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 import { Account } from './Account';
 declare const meta: {
     title: string;

package/dist/molecules/Avatar/Avatar.d.ts

@@ -4,4 +4,4 @@ export interface AvatarProps extends React.HTMLAttributes<HTMLDivElement>, HideA
     initials: string;
     accountRoute: string;
 }
-export declare function Avatar({ initials, accountRoute, className, hideAt, ...otherProps }: AvatarProps): import("react/jsx-runtime").JSX.Element;
+export declare function Avatar(props: AvatarProps): import("react/jsx-runtime").JSX.Element;

package/dist/molecules/Avatar/Avatar.js

@@ -1,37 +1,32 @@
 import { jsx as t } from "react/jsx-runtime";
 import { Flex as m } from "../../atoms/Flex/Flex.js";
-import { Link as n } from "../../atoms/Link/Link.js";
-import { getHideAtStyles as c } from "../../atoms/HideAt.js";
-import { c as l } from "../../clsx-OuTLNxxd.js";
+import { Link as c } from "../../atoms/Link/Link.js";
+import { getHideAtStyles as l } from "../../atoms/HideAt.js";
+import { c as f } from "../../clsx-OuTLNxxd.js";
 import { t as r } from "../../Text.module-smM1g1J4.js";
-import '../../assets/Avatar.css';const f = "_avatar_vwzwk_1", p = {
-  avatar: f
+import '../../assets/Avatar.css';const p = "_avatar_vwzwk_1", x = {
+  avatar: p
 };
-function h({
-  initials: e,
-  accountRoute: a,
-  className: o,
-  hideAt: i,
-  ...s
-}) {
-  return /* @__PURE__ */ t(n, { href: a, children: /* @__PURE__ */ t(
+function w(e) {
+  const { accountRoute: a, initials: o, className: s, hideAt: i, ...n } = e;
+  return /* @__PURE__ */ t(c, { href: a, children: /* @__PURE__ */ t(
     m,
     {
       flexDirection: "row",
       alignItems: "center",
       justifyContent: "center",
-      className: l(
-        p.avatar,
+      className: f(
+        x.avatar,
         r["text-display"],
         r["text-md"],
-        c(i),
-        o
+        l(i),
+        s
       ),
-      ...s,
-      children: e.substring(0, 2)
+      ...n,
+      children: o.substring(0, 2)
     }
   ) });
 }
 export {
-  h as Avatar
+  w as Avatar
 };

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

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 import { Avatar } from './Avatar';
 declare const meta: {
     title: string;

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

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 import { Cart } from './Cart';
 declare const meta: {
     title: string;

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

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 import { Chip } from './Chip';
 declare const meta: {
     title: string;

package/dist/molecules/HamburgerMenu/HamburgerMenu.js

@@ -1,57 +1,56 @@
-import { jsxs as m, jsx as o } from "react/jsx-runtime";
-import { useState as u, useRef as l, useEffect as f } from "react";
+import { jsxs as i, jsx as r } from "react/jsx-runtime";
+import { useState as c, useRef as l, useEffect as f } from "react";
 import { getHideAtStyles as d } from "../../atoms/HideAt.js";
 import { Flex as p } from "../../atoms/Flex/Flex.js";
-import { Icon as _ } from "../../atoms/Icon/Icon.js";
-import { c as b } from "../../clsx-OuTLNxxd.js";
-import '../../assets/HamburgerMenu.css';const C = "_hamburgerContainer_b84wp_1", g = "_menuIcon_b84wp_4", h = "_menuContent_b84wp_8", v = "_closeContainer_b84wp_22", w = "_overlay_b84wp_41", t = {
+import { Icon as b } from "../../atoms/Icon/Icon.js";
+import { c as _ } from "../../clsx-OuTLNxxd.js";
+import '../../assets/HamburgerMenu.css';const C = "_hamburgerContainer_b84wp_1", g = "_menuIcon_b84wp_4", h = "_menuContent_b84wp_8", v = "_overlay_b84wp_41", t = {
   hamburgerContainer: C,
   menuIcon: g,
   menuContent: h,
-  closeContainer: v,
-  overlay: w
+  overlay: v
 };
-function j({ hideAt: s, children: c }) {
-  const [e, r] = u(!1), a = l(null);
+function E({ hideAt: m, children: s }) {
+  const [e, o] = c(!1), a = l(null);
   return f(() => {
     if (!e) return;
-    function n(i) {
-      a.current && !a.current.contains(i.target) && r(!1);
+    function n(u) {
+      a.current && !a.current.contains(u.target) && o(!1);
     }
     return document.addEventListener("mousedown", n), () => document.removeEventListener("mousedown", n);
-  }, [e]), /* @__PURE__ */ m(
+  }, [e]), /* @__PURE__ */ i(
     "div",
     {
       ref: a,
-      className: b(t.hamburgerContainer, d(s)),
+      className: _(t.hamburgerContainer, d(m)),
       children: [
-        e && /* @__PURE__ */ o(
+        e && /* @__PURE__ */ r(
           "div",
           {
             className: t.overlay,
-            onClick: () => r(!1),
+            onClick: () => o(!1),
             "aria-hidden": "true"
           }
         ),
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ r(
           p,
           {
             flexDirection: "row",
             className: t.menuIcon,
-            onClick: () => r((n) => !n),
+            onClick: () => o((n) => !n),
             "aria-expanded": e,
             "aria-controls": "hamburger-menu-content",
             role: "button",
-            children: /* @__PURE__ */ o(_, { iconKey: "fa-kit fa-bars", title: "Menu", size: "lg" })
+            children: /* @__PURE__ */ r(b, { iconKey: "fa-kit fa-bars", title: "Menu", size: "lg" })
           }
         ),
-        e && /* @__PURE__ */ o(
+        e && /* @__PURE__ */ r(
           "div",
           {
             id: "hamburger-menu-content",
             className: t.menuContent,
             role: "menu",
-            children: c
+            children: s
           }
         )
       ]
@@ -59,5 +58,5 @@ function j({ hideAt: s, children: c }) {
   );
 }
 export {
-  j as HamburgerMenu
+  E as HamburgerMenu
 };

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

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 import { Logo } from './Logo';
 declare const meta: {
     title: string;

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

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 import { SearchBox } from './SearchBox';
 declare const meta: {
     title: string;

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

@@ -1,5 +1,5 @@
 import { ToggleView } from './ToggleView';
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
     component: typeof ToggleView;