@caseparts-org/caseblocks 0.0.193 → 0.0.195

package/dist/main-client.js

@@ -6,8 +6,8 @@ import { Icon as l } from "./atoms/Icon/Icon.js";
 import { Root as u } from "./atoms/Root/Root.js";
 import { Separator as C } from "./atoms/Separator/Separator.js";
 import { Text as S } from "./atoms/Text/Text.js";
-import { Input as T } from "./atoms/Input/Input.js";
-import { ToggleSwitch as A } from "./atoms/ToggleSwitch/ToggleSwitch.js";
+import { Input as A } from "./atoms/Input/Input.js";
+import { ToggleSwitch as k } from "./atoms/ToggleSwitch/ToggleSwitch.js";
 import { Link as P } from "./atoms/Link/Link.js";
 import { linkClassName as h } from "./atoms/Link/linkClassName.js";
 import { configureLink as L, routerOverride as w } from "./atoms/Link/configureLink.js";
@@ -24,78 +24,80 @@ import { BannerCard as U } from "./molecules/BannerCard/BannerCard.js";
 import { CardLink as X } from "./molecules/CardLink/CardLink.js";
 import { Breadcrumbs as _ } from "./molecules/Breadcrumbs/Breadcrumbs.js";
 import { Disclaimer as oo } from "./molecules/Disclaimer/Disclaimer.js";
-import { NotFound as eo } from "./organisms/NotFound/NotFound.js";
-import { HorizontalScroll as mo } from "./atoms/HorizontalScroll/HorizontalScroll.js";
-import { SlideInPanel as fo } from "./atoms/SlideInPanel/SlideInPanel.js";
-import { Tooltip as ao } from "./atoms/Tooltip/Tooltip.js";
-import { Popover as no } from "./atoms/Popover/Popover.js";
-import { Account as uo } from "./molecules/Account/Account.js";
-import { Chip as Co } from "./molecules/Chip/Chip.js";
-import { ToggleView as So } from "./molecules/ToggleView/ToggleView.js";
-import { CartPart as To } from "./molecules/Cart/CartPart.js";
-import { AddToCartPart as Ao } from "./molecules/AddToCartPart/AddToCartPart.js";
-import { CartSlideInPanel as Po } from "./molecules/Cart/CartSlideInPanel.js";
-import { StatefulButton as ho } from "./molecules/StatefulButton/StatefulButton.js";
-import { AnimatedCheckMark as Lo } from "./molecules/StatefulButton/AnimatedCheckmark.js";
-import { AddToCart as bo } from "./molecules/AddToCart/AddToCart.js";
-import { Modal as Fo } from "./molecules/Modal/Modal.js";
-import { ImageViewer as Mo } from "./molecules/ImageViewer/ImageViewer.js";
-import { T as Vo } from "./Table-BX4PtCNE.js";
-import { Error as Do } from "./molecules/Error/Error.js";
-import { MainNav as Go } from "./organisms/MainNav/MainNav.js";
-import { ChipSelector as Qo } from "./organisms/ChipSelector/ChipSelector.js";
-import { Product as Zo } from "./organisms/Product/Product.js";
-import { Carousel as qo } from "./organisms/Carousel/Carousel.js";
-import { Footer as Ko } from "./organisms/Footer/Footer.js";
-import { default as Wo } from "./organisms/SpinZoomViewer/SpinZoomViewer.js";
+import { Admonition as eo } from "./molecules/Admonition/Admonition.js";
+import { NotFound as mo } from "./organisms/NotFound/NotFound.js";
+import { HorizontalScroll as fo } from "./atoms/HorizontalScroll/HorizontalScroll.js";
+import { SlideInPanel as ao } from "./atoms/SlideInPanel/SlideInPanel.js";
+import { Tooltip as no } from "./atoms/Tooltip/Tooltip.js";
+import { Popover as uo } from "./atoms/Popover/Popover.js";
+import { Account as Co } from "./molecules/Account/Account.js";
+import { Chip as So } from "./molecules/Chip/Chip.js";
+import { ToggleView as Ao } from "./molecules/ToggleView/ToggleView.js";
+import { CartPart as ko } from "./molecules/Cart/CartPart.js";
+import { AddToCartPart as Po } from "./molecules/AddToCartPart/AddToCartPart.js";
+import { CartSlideInPanel as ho } from "./molecules/Cart/CartSlideInPanel.js";
+import { StatefulButton as Lo } from "./molecules/StatefulButton/StatefulButton.js";
+import { AnimatedCheckMark as bo } from "./molecules/StatefulButton/AnimatedCheckmark.js";
+import { AddToCart as Fo } from "./molecules/AddToCart/AddToCart.js";
+import { Modal as Mo } from "./molecules/Modal/Modal.js";
+import { ImageViewer as Vo } from "./molecules/ImageViewer/ImageViewer.js";
+import { T as Do } from "./Table-BX4PtCNE.js";
+import { Error as Go } from "./molecules/Error/Error.js";
+import { MainNav as Qo } from "./organisms/MainNav/MainNav.js";
+import { ChipSelector as Zo } from "./organisms/ChipSelector/ChipSelector.js";
+import { Product as qo } from "./organisms/Product/Product.js";
+import { Carousel as Ko } from "./organisms/Carousel/Carousel.js";
+import { Footer as Wo } from "./organisms/Footer/Footer.js";
+import { default as Yo } from "./organisms/SpinZoomViewer/SpinZoomViewer.js";
 export {
-  uo as Account,
-  bo as AddToCart,
-  Ao as AddToCartPart,
-  Lo as AnimatedCheckMark,
+  Co as Account,
+  Fo as AddToCart,
+  Po as AddToCartPart,
+  eo as Admonition,
+  bo as AnimatedCheckMark,
   j as Availability,
   J as Avatar,
   U as BannerCard,
   _ as Breadcrumbs,
   e as Button,
   X as CardLink,
-  qo as Carousel,
-  To as CartPart,
-  Po as CartSlideInPanel,
-  Co as Chip,
-  Qo as ChipSelector,
+  Ko as Carousel,
+  ko as CartPart,
+  ho as CartSlideInPanel,
+  So as Chip,
+  Zo as ChipSelector,
   f as Column,
   oo as Disclaimer,
-  Do as Error,
+  Go as Error,
   m as Flex,
-  Ko as Footer,
+  Wo as Footer,
   x as Grid,
   i as Head,
-  mo as HorizontalScroll,
+  fo as HorizontalScroll,
   l as Icon,
-  Mo as ImageViewer,
-  T as Input,
+  Vo as ImageViewer,
+  A as Input,
   P as Link,
   y as LinkButton,
   z as Logo,
-  Go as MainNav,
-  Fo as Modal,
-  eo as NotFound,
-  no as Popover,
+  Qo as MainNav,
+  Mo as Modal,
+  mo as NotFound,
+  uo as Popover,
   R as Pricing,
-  Zo as Product,
+  qo as Product,
   O as QuantityInput,
   u as Root,
   E as SearchBox,
   C as Separator,
-  fo as SlideInPanel,
-  Wo as SpinZoomViewer,
-  ho as StatefulButton,
-  Vo as Table,
+  ao as SlideInPanel,
+  Yo as SpinZoomViewer,
+  Lo as StatefulButton,
+  Do as Table,
   S as Text,
-  A as ToggleSwitch,
-  So as ToggleView,
-  ao as Tooltip,
+  k as ToggleSwitch,
+  Ao as ToggleView,
+  no as Tooltip,
   H as configureImage,
   L as configureLink,
   N as getHideAtStyles,

package/dist/main-server.d.ts

@@ -46,5 +46,7 @@ export { Breadcrumbs } from './molecules/Breadcrumbs/Breadcrumbs';
 export type { BreadcrumbProps, Breadcrumb } from './molecules/Breadcrumbs/Breadcrumbs';
 export { Disclaimer } from './molecules/Disclaimer/Disclaimer';
 export type { DisclaimerProps, DisclaimerSeverity } from './molecules/Disclaimer/Disclaimer';
+export { Admonition } from './molecules/Admonition/Admonition';
+export type { AdmonitionProps, AdmonitionVariant } from './molecules/Admonition/Admonition';
 export { NotFound } from './organisms/NotFound/NotFound';
 export type { NotFoundProps } from './organisms/NotFound/NotFound';

package/dist/main-server.js

@@ -1,15 +1,15 @@
-import { Button as e } from "./atoms/Button/Button.js";
+import { Button as t } from "./atoms/Button/Button.js";
 import { Flex as m } from "./atoms/Flex/Flex.js";
 import { Column as x, Grid as f } from "./atoms/Grid/Grid.js";
 import { Head as n } from "./atoms/Root/Head.js";
 import { Icon as u } from "./atoms/Icon/Icon.js";
-import { Root as c } from "./atoms/Root/Root.js";
+import { Root as l } from "./atoms/Root/Root.js";
 import { Separator as g } from "./atoms/Separator/Separator.js";
 import { Text as s } from "./atoms/Text/Text.js";
 import { Input as L } from "./atoms/Input/Input.js";
-import { ToggleSwitch as I } from "./atoms/ToggleSwitch/ToggleSwitch.js";
-import { Link as v } from "./atoms/Link/Link.js";
-import { linkClassName as A } from "./atoms/Link/linkClassName.js";
+import { ToggleSwitch as C } from "./atoms/ToggleSwitch/ToggleSwitch.js";
+import { Link as S } from "./atoms/Link/Link.js";
+import { linkClassName as y } from "./atoms/Link/linkClassName.js";
 import { configureLink as h, routerOverride as F } from "./atoms/Link/configureLink.js";
 import { LinkButton as N } from "./atoms/LinkButton/LinkButton.js";
 import { configureImage as w } from "./atoms/Image/configureImage.js";
@@ -23,36 +23,38 @@ import { Avatar as U } from "./molecules/Avatar/Avatar.js";
 import { BannerCard as W } from "./molecules/BannerCard/BannerCard.js";
 import { CardLink as Y } from "./molecules/CardLink/CardLink.js";
 import { Breadcrumbs as _ } from "./molecules/Breadcrumbs/Breadcrumbs.js";
-import { Disclaimer as rr } from "./molecules/Disclaimer/Disclaimer.js";
-import { NotFound as er } from "./organisms/NotFound/NotFound.js";
+import { Disclaimer as oo } from "./molecules/Disclaimer/Disclaimer.js";
+import { Admonition as to } from "./molecules/Admonition/Admonition.js";
+import { NotFound as mo } from "./organisms/NotFound/NotFound.js";
 export {
+  to as Admonition,
   K as Availability,
   U as Avatar,
   W as BannerCard,
   _ as Breadcrumbs,
-  e as Button,
+  t as Button,
   Y as CardLink,
   x as Column,
-  rr as Disclaimer,
+  oo as Disclaimer,
   m as Flex,
   f as Grid,
   n as Head,
   u as Icon,
   L as Input,
-  v as Link,
+  S as Link,
   N as LinkButton,
   P as Logo,
-  er as NotFound,
+  mo as NotFound,
   E as Pricing,
   q as QuantityInput,
-  c as Root,
+  l as Root,
   R as SearchBox,
   g as Separator,
   s as Text,
-  I as ToggleSwitch,
+  C as ToggleSwitch,
   w as configureImage,
   h as configureLink,
   G as getHideAtStyles,
-  A as linkClassName,
+  y as linkClassName,
   F as routerOverride
 };

package/dist/main.d.ts

@@ -24,6 +24,8 @@ export { SearchBox } from './molecules/SearchBox/SearchBox';
 export type { SearchBoxProps } from './molecules/SearchBox/SearchBox';
 export { Error } from './molecules/Error/Error';
 export type { ErrorProps, ErrorMessageProps, ErrorDetailsProps, } from './molecules/Error/Error';
+export { Admonition } from './molecules/Admonition/Admonition';
+export type { AdmonitionProps, AdmonitionVariant } from './molecules/Admonition/Admonition';
 export { ToggleView } from './molecules/ToggleView/ToggleView';
 export type { ToggleViewProps, ToggleOptionProps, ToggleOptionBaseProps, } from './molecules/ToggleView/ToggleView';
 export { MainNav } from './organisms/MainNav/MainNav';

package/dist/main.js

@@ -1,39 +1,41 @@
-import { Button as e } from "./atoms/Button/Button.js";
+import { Button as t } from "./atoms/Button/Button.js";
 import { Flex as p } from "./atoms/Flex/Flex.js";
 import { Column as m, Grid as f } from "./atoms/Grid/Grid.js";
 import { Head as n } from "./atoms/Root/Head.js";
-import { Icon as i } from "./atoms/Icon/Icon.js";
+import { Icon as c } from "./atoms/Icon/Icon.js";
 import { Root as u } from "./atoms/Root/Root.js";
-import { Separator as h } from "./atoms/Separator/Separator.js";
-import { Text as S } from "./atoms/Text/Text.js";
-import { Input as v } from "./atoms/Input/Input.js";
+import { Separator as g } from "./atoms/Separator/Separator.js";
+import { Text as A } from "./atoms/Text/Text.js";
+import { Input as S } from "./atoms/Input/Input.js";
 import { Account as B } from "./molecules/Account/Account.js";
 import { Avatar as T } from "./molecules/Avatar/Avatar.js";
 import { Chip as E } from "./molecules/Chip/Chip.js";
 import { Logo as G } from "./molecules/Logo/Logo.js";
 import { SearchBox as L } from "./molecules/SearchBox/SearchBox.js";
 import { Error as N } from "./molecules/Error/Error.js";
-import { ToggleView as V } from "./molecules/ToggleView/ToggleView.js";
-import { MainNav as j } from "./organisms/MainNav/MainNav.js";
-import { ChipSelector as q } from "./organisms/ChipSelector/ChipSelector.js";
+import { Admonition as V } from "./molecules/Admonition/Admonition.js";
+import { ToggleView as j } from "./molecules/ToggleView/ToggleView.js";
+import { MainNav as q } from "./organisms/MainNav/MainNav.js";
+import { ChipSelector as y } from "./organisms/ChipSelector/ChipSelector.js";
 export {
   B as Account,
+  V as Admonition,
   T as Avatar,
-  e as Button,
+  t as Button,
   E as Chip,
-  q as ChipSelector,
+  y as ChipSelector,
   m as Column,
   N as Error,
   p as Flex,
   f as Grid,
   n as Head,
-  i as Icon,
-  v as Input,
+  c as Icon,
+  S as Input,
   G as Logo,
-  j as MainNav,
+  q as MainNav,
   u as Root,
   L as SearchBox,
-  h as Separator,
-  S as Text,
-  V as ToggleView
+  g as Separator,
+  A as Text,
+  j as ToggleView
 };

package/dist/molecules/Admonition/Admonition.d.ts

@@ -0,0 +1,10 @@
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+export type AdmonitionVariant = "note" | "tip" | "important" | "caution" | "warning" | "unknown";
+export type AdmonitionProps = ComponentPropsWithoutRef<"aside"> & {
+    admonitionType: string;
+    variant: AdmonitionVariant | string;
+    icon?: string;
+    title?: string;
+    children?: ReactNode;
+};
+export declare function Admonition({ admonitionType, variant, icon, title, className, children, ...props }: AdmonitionProps): import("react/jsx-runtime").JSX.Element;

package/dist/molecules/Admonition/Admonition.js

@@ -0,0 +1,46 @@
+import { jsxs as m, jsx as a } from "react/jsx-runtime";
+import { Icon as _ } from "../../atoms/Icon/Icon.js";
+import { Text as p } from "../../atoms/Text/Text.js";
+import { c as u } from "../../clsx-OuTLNxxd.js";
+import '../../assets/Admonition.css';const N = "_admonition_1iwl5_1", w = "_admonitionHeader_1iwl5_12", g = "_admonitionTitle_1iwl5_18", C = "_admonitionBody_1iwl5_22", T = "_admonitionNote_1iwl5_34", h = "_admonitionTip_1iwl5_38", I = "_admonitionImportant_1iwl5_43", f = "_admonitionCaution_1iwl5_48", x = "_admonitionWarning_1iwl5_54", B = "_admonitionNeutral_1iwl5_60", i = {
+  admonition: N,
+  admonitionHeader: w,
+  admonitionTitle: g,
+  admonitionBody: C,
+  admonitionNote: T,
+  admonitionTip: h,
+  admonitionImportant: I,
+  admonitionCaution: f,
+  admonitionWarning: x,
+  admonitionNeutral: B
+}, W = {
+  note: "Note",
+  tip: "Tip",
+  important: "Important",
+  caution: "Caution",
+  warning: "Warning"
+}, y = (n) => {
+  const t = n.trim().replace(/[_-]+/g, " ");
+  return t ? t.split(/\s+/).map((o) => `${o.charAt(0).toUpperCase()}${o.slice(1).toLowerCase()}`).join(" ") : "Admonition";
+}, A = (n) => n === "note" ? i.admonitionNote : n === "tip" ? i.admonitionTip : n === "important" ? i.admonitionImportant : n === "caution" ? i.admonitionCaution : n === "warning" ? i.admonitionWarning : i.admonitionNeutral;
+function b({
+  admonitionType: n,
+  variant: t,
+  icon: o,
+  title: d,
+  className: e,
+  children: s,
+  ...r
+}) {
+  const l = d ?? W[n] ?? y(n), c = A(t);
+  return /* @__PURE__ */ m("aside", { ...r, className: u(i.admonition, c, e), "data-admonition": n, children: [
+    /* @__PURE__ */ m("div", { className: i.admonitionHeader, children: [
+      o ? /* @__PURE__ */ a("span", { className: i.admonitionIcon, "aria-hidden": "true", children: /* @__PURE__ */ a(_, { iconKey: o, size: "xs" }) }) : null,
+      /* @__PURE__ */ a(p, { size: "sm", weight: "semibold", className: i.admonitionTitle, children: l })
+    ] }),
+    /* @__PURE__ */ a("div", { className: i.admonitionBody, children: s })
+  ] });
+}
+export {
+  b as Admonition
+};

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

@@ -0,0 +1,13 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+type DemoArgs = {
+    admonitionType: string;
+    variant: "note" | "tip" | "important" | "caution" | "warning" | "unknown";
+    title?: string;
+    icon?: string;
+    body: string;
+};
+declare const meta: Meta<DemoArgs>;
+export default meta;
+type Story = StoryObj<DemoArgs>;
+export declare const Playground: Story;
+export declare const UnknownType: Story;

package/dist/molecules/Admonition/Admonition.stories.js

@@ -0,0 +1,51 @@
+import { jsx as n } from "react/jsx-runtime";
+import { Admonition as o } from "./Admonition.js";
+const r = {
+  title: "Case Parts/Molecules/Admonition",
+  component: o,
+  tags: ["autodocs"],
+  parameters: {
+    layout: "centered"
+  },
+  argTypes: {
+    admonitionType: { control: "text" },
+    variant: {
+      control: { type: "radio" },
+      options: ["note", "tip", "important", "caution", "warning", "unknown"]
+    },
+    title: { control: "text" },
+    icon: { control: "text" },
+    body: { control: "text" }
+  },
+  args: {
+    admonitionType: "warning",
+    variant: "warning",
+    title: "Electrical Hazard",
+    icon: "fa-solid fa-bolt",
+    body: "Disconnect power before servicing this unit."
+  }
+}, a = {
+  render: (t) => /* @__PURE__ */ n("div", { style: { width: 640 }, children: /* @__PURE__ */ n(
+    o,
+    {
+      admonitionType: t.admonitionType,
+      variant: t.variant,
+      title: t.title,
+      icon: t.icon,
+      children: /* @__PURE__ */ n("p", { children: t.body })
+    }
+  ) })
+}, l = {
+  args: {
+    admonitionType: "custom-alert",
+    variant: "unknown",
+    title: "Compatibility Note",
+    icon: "info",
+    body: "This renders neutral styling while preserving the custom type."
+  }
+};
+export {
+  a as Playground,
+  l as UnknownType,
+  r as default
+};