@caseparts-org/caseblocks 0.0.194 → 0.0.195

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

@@ -12,3 +12,5 @@ export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Basic: Story;
 export declare const ItemDescription: Story;
+export declare const Admonitions: Story;
+export declare const Playground: Story;

package/dist/atoms/Markdown/Markdown.stories.js

@@ -1,12 +1,43 @@
-import { jsx as t } from "react/jsx-runtime";
-import { Markdown as a } from "./Markdown.js";
-import { usePreprocessedMarkdown as m } from "./usePreprocessedMarkdown.js";
-const g = {
+import { jsx as t, jsxs as p } from "react/jsx-runtime";
+import { useState as u, useEffect as h } from "react";
+import { Markdown as s } from "./Markdown.js";
+import { usePreprocessedMarkdown as g } from "./usePreprocessedMarkdown.js";
+const x = {
   title: "Case Parts/Atoms/Markdown",
-  component: a,
+  component: s,
   parameters: { layout: "padded" },
   tags: ["autodocs"]
-}, x = {
+}, a = `# Admonitions
+
+:::warning[Electrical Hazard]{icon="bolt"}
+Disconnect power before servicing this unit.
+:::
+
+:::warning[Electrical Hazard]{icon="bolt"}
+
+Disconnect power before servicing this unit.
+
+:::
+`;
+function w(e) {
+  const [n, o] = u(e.children ?? a);
+  return h(() => {
+    o(e.children ?? a);
+  }, [e.children]), /* @__PURE__ */ p("div", { style: { display: "grid", gap: 12 }, children: [
+    /* @__PURE__ */ t("label", { style: { fontWeight: 600 }, children: "Edit Markdown (live):" }),
+    /* @__PURE__ */ t(
+      "textarea",
+      {
+        value: n,
+        onChange: (i) => o(i.target.value),
+        rows: 14,
+        style: { width: "100%", fontFamily: "monospace" }
+      }
+    ),
+    /* @__PURE__ */ t(s, { ...e, children: n })
+  ] });
+}
+const k = {
   args: {
     children: `# Heading 1
 
@@ -43,27 +74,66 @@ export default greet;
 |------:|:------|
 |  123  | text  |`
   }
-}, f = {
+}, C = {
   name: "Item Description Variant",
-  render: (o) => /* @__PURE__ */ t(({ text: n }) => {
-    const r = async (e) => {
-      if (await new Promise((l) => setTimeout(l, 50)), /^\d+$/.test(e)) return !0;
+  render: (e) => /* @__PURE__ */ t(({ text: i }) => {
+    const l = async (r) => {
+      if (await new Promise((m) => setTimeout(m, 50)), /^\d+$/.test(r)) return !0;
       throw new Error("invalid");
-    }, { output: s, loading: i } = m(
-      n,
-      (e) => `https://example.com/parts/${encodeURIComponent(e)}`,
-      r,
+    }, { output: d, loading: c } = g(
+      i,
+      (r) => `https://example.com/parts/${encodeURIComponent(r)}`,
+      l,
       !0
     );
-    return /* @__PURE__ */ t(a, { ...o, children: i ? "Validating…" : s });
+    return /* @__PURE__ */ t(s, { ...e, children: c ? "Validating…" : d });
   }, { text: `Kason 171 Latch
 
 This fits part [171] and an invalid token [bad]. Already linked should remain: [171](https://example.com/should-stay).
 
 Another valid numeric: [172].` })
+}, A = {
+  args: {
+    children: `# Admonitions
+
+:::note
+Confirm model and serial number before ordering.
+:::
+
+:::important[Compatibility]
+Fits only selected revisions.
+:::
+
+:::warning[Electrical Hazard]{icon="fa-solid fa-bolt"}
+Disconnect power before servicing this unit.
+:::
+
+:::tip[Screw Size]{icon="fa-solid fa-screwdriver-wrench"}
+Uses (6) #12 Flat Head screws
+:::
+
+:::custom-alert{title="Compatibility Note"}
+Unknown type is preserved and rendered with neutral styling.
+:::
+
+Malformed opening should remain plain markdown:
+
+:::warning[Missing end title
+This block should not be transformed.
+:::
+`
+  }
+}, M = {
+  name: "Live Playground",
+  args: {
+    children: a
+  },
+  render: (e) => /* @__PURE__ */ t(w, { ...e })
 };
 export {
-  x as Basic,
-  f as ItemDescription,
-  g as default
+  A as Admonitions,
+  k as Basic,
+  C as ItemDescription,
+  M as Playground,
+  x as default
 };

package/dist/atoms/Markdown/PreprocessedMarkdown.js

@@ -7,10 +7,10 @@ function l({
   batchValidate: n,
   debug: t,
   className: p,
-  children: s
+  children: d
 }) {
-  const { output: a } = c(
-    s ?? "",
+  const { output: s } = c(
+    d ?? "",
     o,
     e,
     t,
@@ -21,16 +21,16 @@ function l({
     {
       className: p,
       components: {
-        a: ({ node: f, ...d }) => /* @__PURE__ */ r(
+        a: ({ node: f, ...a }) => /* @__PURE__ */ r(
           "a",
           {
-            ...d,
+            ...a,
             target: "_blank",
             rel: "noopener noreferrer"
           }
         )
       },
-      children: a
+      children: s
     }
   );
 }

package/dist/atoms/Markdown/remarkAdmonition.d.ts

@@ -0,0 +1,15 @@
+type MarkdownNode = {
+    type: string;
+    value?: string;
+    children?: MarkdownNode[];
+    data?: {
+        hName?: string;
+        hProperties?: Record<string, unknown>;
+    };
+};
+type MarkdownRoot = {
+    type: "root";
+    children: MarkdownNode[];
+};
+export declare function remarkAdmonition(): (tree: MarkdownRoot) => void;
+export {};

package/dist/atoms/Markdown/remarkAdmonition.js

@@ -0,0 +1,120 @@
+const g = /^[a-z][a-z0-9_-]*/, y = /^\s*(?:[a-z][a-z0-9_-]*="(?:[^"\\]|\\.)*"(?:[ \t]+[a-z][a-z0-9_-]*="(?:[^"\\]|\\.)*")*)?\s*$/, x = /([a-z][a-z0-9_-]*)="((?:[^"\\]|\\.)*)"/g, d = /^:::[ \t]*$/, b = /* @__PURE__ */ new Set(["note", "tip", "important", "caution", "warning"]), f = (n) => {
+  if (n.type !== "paragraph" || !n.children || n.children.length === 0) return null;
+  let t = "";
+  for (const e of n.children) {
+    if (e.type === "text" && typeof e.value == "string") {
+      t += e.value;
+      continue;
+    }
+    if (e.type === "break") {
+      t += `
+`;
+      continue;
+    }
+    return null;
+  }
+  return t;
+}, T = (n) => ({
+  type: "paragraph",
+  children: [{ type: "text", value: n }]
+}), _ = (n) => n.replace(/\\(.)/g, "$1"), v = (n) => {
+  if (!y.test(n)) return null;
+  const t = {};
+  for (const e of n.matchAll(x)) {
+    const i = e[1], o = _(e[2]);
+    (i === "icon" || i === "title") && (t[i] = o);
+  }
+  return t;
+}, E = (n) => {
+  let t = !1, e = !1;
+  for (let i = 1; i < n.length; i += 1) {
+    const o = n[i];
+    if (e) {
+      e = !1;
+      continue;
+    }
+    if (o === "\\") {
+      e = !0;
+      continue;
+    }
+    if (o === '"') {
+      t = !t;
+      continue;
+    }
+    if (o === "}" && !t)
+      return i;
+  }
+  return -1;
+}, I = (n) => {
+  if (!n.startsWith(":::")) return null;
+  let t = n.slice(3);
+  const e = t.match(g);
+  if (!e) return null;
+  const i = e[0];
+  t = t.slice(i.length);
+  let o;
+  if (t.startsWith("[")) {
+    const r = t.indexOf("]");
+    if (r < 0) return null;
+    o = t.slice(1, r), t = t.slice(r + 1);
+  }
+  let c = {};
+  if (t.startsWith("{")) {
+    const r = E(t);
+    if (r < 0) return null;
+    const a = v(t.slice(1, r));
+    if (!a) return null;
+    c = a, t = t.slice(r + 1);
+  }
+  return /^[ \t]*$/.test(t) ? { name: i, title: o, attributes: c } : null;
+}, A = (n, t) => {
+  for (let e = t; e < n.length; e += 1) {
+    const i = f(n[e]);
+    if (i && d.test(i))
+      return e;
+  }
+  return -1;
+}, N = (n) => {
+  const t = n.join(`
+`);
+  return t.trim() ? t.split(/\n{2,}/).map((e) => e.trim()).filter(Boolean).map((e) => T(e)) : [];
+};
+function z() {
+  return (n) => {
+    if (!(!n || n.type !== "root" || !Array.isArray(n.children)))
+      for (let t = 0; t < n.children.length; t += 1) {
+        const e = f(n.children[t]);
+        if (!e) continue;
+        const i = e.split(/\r?\n/), o = I(i[0] ?? "");
+        if (!o) continue;
+        let c = [], r = 0;
+        if (i.length > 1) {
+          const l = i.findIndex((u, m) => m > 0 && d.test(u));
+          if (l < 0 || i.slice(l + 1).some((u) => u.trim().length > 0))
+            continue;
+          c = N(i.slice(1, l)), r = 1;
+        } else {
+          const l = A(n.children, t + 1);
+          if (l < 0) continue;
+          c = n.children.slice(t + 1, l), r = l - t + 1;
+        }
+        const a = o.title ?? o.attributes.title, h = b.has(o.name) ? o.name : "unknown", s = {
+          "data-admonition": o.name,
+          "data-admonition-variant": h
+        };
+        a !== void 0 && (s["data-admonition-title"] = a), o.attributes.icon !== void 0 && (s["data-admonition-icon"] = o.attributes.icon);
+        const p = {
+          type: "admonition",
+          data: {
+            hName: "aside",
+            hProperties: s
+          },
+          children: c
+        };
+        n.children.splice(t, r, p);
+      }
+  };
+}
+export {
+  z as remarkAdmonition
+};

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
+};