@choco-vanille/ui 1.1.1 → 1.1.2

package/dist/components/data-display/table/components/table-row/TableRow.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { TableRowProps } from './types/TableRow.props.ts';
+declare const TableRow: FC<TableRowProps>;
+export default TableRow;

package/dist/components/data-display/table/components/table-row/TableRow.js

@@ -0,0 +1,35 @@
+import { jsx as u } from "react/jsx-runtime";
+import { memo as T, useCallback as c } from "react";
+import { TABLE_ROW_STYLES as k } from "./styles/TableRow.css.js";
+import { cn as s } from "../../../../../utils/cn.js";
+const v = T(({
+  hoverable: t,
+  selectable: r,
+  selected: i,
+  intent: m,
+  className: d,
+  ref: f,
+  onKeyDown: a,
+  ...n
+}) => {
+  const p = c((o) => {
+    r && (o.key === "Enter" || o.key === " ") && (o.preventDefault(), o.currentTarget.click()), a?.(o);
+  }, [r, a]);
+  return /* @__PURE__ */ u(
+    "tr",
+    {
+      ref: f,
+      "data-intent": m,
+      "aria-selected": r ? i ?? !1 : void 0,
+      tabIndex: r ? 0 : void 0,
+      onKeyDown: r || a ? p : void 0,
+      className: s(k.recipe({ hoverable: t, selectable: r, selected: i, intent: m }), d),
+      ...n
+    }
+  );
+});
+v.displayName = "Table.Row";
+export {
+  v as default
+};
+//# sourceMappingURL=TableRow.js.map

package/dist/components/data-display/table/components/table-row/TableRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableRow.js","sources":["../../../../../../src/components/data-display/table/components/table-row/TableRow.tsx"],"sourcesContent":["import { memo, useCallback, type FC, type KeyboardEvent } from 'react'\r\n\r\nimport { TABLE_ROW_STYLES } from '@components/data-display/table/components/table-row/styles/TableRow.css.ts'\r\nimport type { TableRowProps } from '@components/data-display/table/components/table-row/types/TableRow.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\nconst TableRow: FC<TableRowProps> = memo(({\r\n    hoverable,\r\n    selectable,\r\n    selected,\r\n    intent,\r\n    className,\r\n    ref,\r\n    onKeyDown,\r\n    ...props\r\n}) => {\r\n    const handleKeyDown = useCallback((e: KeyboardEvent<HTMLTableRowElement>) => {\r\n        if (selectable && (e.key === 'Enter' || e.key === ' ')) {\r\n            e.preventDefault()\r\n            e.currentTarget.click()\r\n        }\r\n        onKeyDown?.(e)\r\n    }, [selectable, onKeyDown])\r\n\r\n    return (\r\n        <tr\r\n            ref={ref}\r\n            data-intent={intent}\r\n            aria-selected={selectable ? selected ?? false : undefined}\r\n            tabIndex={selectable ? 0 : undefined}\r\n            onKeyDown={selectable || onKeyDown ? handleKeyDown : undefined}\r\n            className={cn(TABLE_ROW_STYLES.recipe({ hoverable, selectable, selected, intent }), className)}\r\n            {...props}\r\n        />\r\n    )\r\n})\r\n\r\nTableRow.displayName = 'Table.Row'\r\n\r\nexport default TableRow\r\n"],"names":["TableRow","memo","hoverable","selectable","selected","intent","className","ref","onKeyDown","props","handleKeyDown","useCallback","e","jsx","cn","TABLE_ROW_STYLES"],"mappings":";;;;AAMA,MAAMA,IAA8BC,EAAK,CAAC;AAAA,EACtC,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,KAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACP,MAAM;AACF,QAAMC,IAAgBC,EAAY,CAACC,MAA0C;AACzE,IAAIT,MAAeS,EAAE,QAAQ,WAAWA,EAAE,QAAQ,SAC9CA,EAAE,eAAA,GACFA,EAAE,cAAc,MAAA,IAEpBJ,IAAYI,CAAC;AAAA,EACjB,GAAG,CAACT,GAAYK,CAAS,CAAC;AAE1B,SACI,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAAN;AAAA,MACA,eAAaF;AAAA,MACb,iBAAeF,IAAaC,KAAY,KAAQ;AAAA,MAChD,UAAUD,IAAa,IAAI;AAAA,MAC3B,WAAWA,KAAcK,IAAYE,IAAgB;AAAA,MACrD,WAAWI,EAAGC,EAAiB,OAAO,EAAE,WAAAb,GAAW,YAAAC,GAAY,UAAAC,GAAU,QAAAC,GAAQ,GAAGC,CAAS;AAAA,MAC5F,GAAGG;AAAA,IAAA;AAAA,EAAA;AAGhB,CAAC;AAEDT,EAAS,cAAc;"}

package/dist/components/data-display/table/components/table-row/index.d.ts

@@ -0,0 +1,3 @@
+export { default as TableRow } from './TableRow.tsx';
+export { TABLE_ROW_STYLES } from './styles/TableRow.css.ts';
+export type { TableRowProps } from './types/TableRow.props.ts';

package/dist/components/data-display/table/components/table-row/styles/TableRow.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                                                    */;/* empty css                              */const e=require("@vanilla-extract/recipes/createRuntimeFn");var t={recipe:e.createRuntimeFn({defaultClassName:"_15q5a7b0",variantClassNames:{hoverable:{true:"_15q5a7b1"},selectable:{true:"_15q5a7b2"},selected:{true:"_15q5a7b3"},intent:{success:"_15q5a7b4",warning:"_15q5a7b5",destructive:"_15q5a7b6",info:"_15q5a7b7"}},defaultVariants:{hoverable:!1,selected:!1},compoundVariants:[[{hoverable:!0,intent:"success"},"_15q5a7b8"],[{hoverable:!0,intent:"warning"},"_15q5a7b9"],[{hoverable:!0,intent:"destructive"},"_15q5a7ba"],[{hoverable:!0,intent:"info"},"_15q5a7bb"],[{selectable:!0,intent:"success"},"_15q5a7bc"],[{selectable:!0,intent:"warning"},"_15q5a7bd"],[{selectable:!0,intent:"destructive"},"_15q5a7be"],[{selectable:!0,intent:"info"},"_15q5a7bf"]]})};exports.TABLE_ROW_STYLES=t;
+//# sourceMappingURL=TableRow.css.cjs.map

package/dist/components/data-display/table/components/table-row/styles/TableRow.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableRow.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/data-display/table/components/table-row/styles/TableRow.css.d.ts

@@ -0,0 +1,58 @@
+import { RecipeVariants, RuntimeFn } from '@vanilla-extract/recipes';
+export declare const TABLE_ROW_STYLES: {
+    recipe: RuntimeFn<{
+        hoverable: {
+            true: {
+                selectors: {
+                    '&:hover': {
+                        backgroundColor: `var(--${string})`;
+                    };
+                };
+            };
+        };
+        /**
+         * Makes the row visually interactive: adds `cursor: pointer` and a
+         * hover background. Use together with `onClick` and `selected` to build
+         * a row-selection pattern without extra wrapper components.
+         * Implies `hoverable` behaviour — there is no need to pass both.
+         */
+        selectable: {
+            true: {
+                cursor: "pointer";
+                selectors: {
+                    '&:hover': {
+                        backgroundColor: `var(--${string})`;
+                    };
+                    '&:focus-visible': {
+                        outline: "none";
+                        boxShadow: `inset 0 0 0 2px var(--${string})`;
+                    };
+                };
+            };
+        };
+        selected: {
+            true: {
+                backgroundColor: `var(--${string})`;
+            };
+        };
+        intent: {
+            success: {
+                backgroundColor: `var(--${string})`;
+                color: `var(--${string})`;
+            };
+            warning: {
+                backgroundColor: `var(--${string})`;
+                color: `var(--${string})`;
+            };
+            destructive: {
+                backgroundColor: `var(--${string})`;
+                color: `var(--${string})`;
+            };
+            info: {
+                backgroundColor: `var(--${string})`;
+                color: `var(--${string})`;
+            };
+        };
+    }>;
+};
+export type TableRowRecipeVariants = NonNullable<RecipeVariants<typeof TABLE_ROW_STYLES.recipe>>;

package/dist/components/data-display/table/components/table-row/styles/TableRow.css.js

@@ -0,0 +1,8 @@
+/* empty css                                                  */
+/* empty css                            */
+import { createRuntimeFn as e } from "@vanilla-extract/recipes/createRuntimeFn";
+var n = { recipe: e({ defaultClassName: "_15q5a7b0", variantClassNames: { hoverable: { true: "_15q5a7b1" }, selectable: { true: "_15q5a7b2" }, selected: { true: "_15q5a7b3" }, intent: { success: "_15q5a7b4", warning: "_15q5a7b5", destructive: "_15q5a7b6", info: "_15q5a7b7" } }, defaultVariants: { hoverable: !1, selected: !1 }, compoundVariants: [[{ hoverable: !0, intent: "success" }, "_15q5a7b8"], [{ hoverable: !0, intent: "warning" }, "_15q5a7b9"], [{ hoverable: !0, intent: "destructive" }, "_15q5a7ba"], [{ hoverable: !0, intent: "info" }, "_15q5a7bb"], [{ selectable: !0, intent: "success" }, "_15q5a7bc"], [{ selectable: !0, intent: "warning" }, "_15q5a7bd"], [{ selectable: !0, intent: "destructive" }, "_15q5a7be"], [{ selectable: !0, intent: "info" }, "_15q5a7bf"]] }) };
+export {
+  n as TABLE_ROW_STYLES
+};
+//# sourceMappingURL=TableRow.css.js.map

package/dist/components/data-display/table/components/table-row/styles/TableRow.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableRow.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/components/data-display/table/components/table-row/types/TableRow.props.d.ts

@@ -0,0 +1,3 @@
+import { TableRowRecipeVariants } from '../styles/TableRow.css.ts';
+import type * as React from 'react';
+export type TableRowProps = React.HTMLAttributes<HTMLTableRowElement> & React.RefAttributes<HTMLTableRowElement> & TableRowRecipeVariants;

package/dist/components/data-display/table/constants/index.d.ts

@@ -0,0 +1,5 @@
+import { TableSize, TableCellAlign } from '../types/Table.types.ts';
+/** Available size values for the Table component. */
+export declare const TABLE_SIZES: TableSize[];
+/** Available alignment values for TableHead and TableCell. */
+export declare const TABLE_CELL_ALIGNS: TableCellAlign[];

package/dist/components/data-display/table/index.d.ts

@@ -0,0 +1,20 @@
+export { default as Table } from './Table.tsx';
+export { TABLE_STYLES } from './styles/Table.css.ts';
+export { TABLE_HEADER_STYLES } from './components/table-header/styles/TableHeader.css.ts';
+export { TABLE_BODY_STYLES } from './components/table-body/styles/TableBody.css.ts';
+export { TABLE_FOOTER_STYLES } from './components/table-footer/styles/TableFooter.css.ts';
+export { TABLE_ROW_STYLES } from './components/table-row/styles/TableRow.css.ts';
+export { TABLE_HEAD_STYLES } from './components/table-head/styles/TableHead.css.ts';
+export { TABLE_CELL_STYLES } from './components/table-cell/styles/TableCell.css.ts';
+export { TABLE_CAPTION_STYLES } from './components/table-caption/styles/TableCaption.css.ts';
+export type { TableProps } from './types/Table.props.ts';
+export type { TableSize, TableCellAlign } from './types/Table.types.ts';
+export type { TableHeaderProps } from './components/table-header/types/TableHeader.props.ts';
+export type { TableBodyProps } from './components/table-body/types/TableBody.props.ts';
+export type { TableFooterProps } from './components/table-footer/types/TableFooter.props.ts';
+export type { TableRowProps } from './components/table-row/types/TableRow.props.ts';
+export type { TableHeadProps, TableSortDirection, } from './components/table-head/types/TableHead.props.ts';
+export type { TableCellProps } from './components/table-cell/types/TableCell.props.ts';
+export type { TableCaptionProps } from './components/table-caption/types/TableCaption.props.ts';
+export type { TableColGroupProps } from './components/table-col-group/types/TableColGroup.props.ts';
+export type { TableColProps } from './components/table-col/types/TableCol.props.ts';

package/dist/components/data-display/table/styles/Table.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                                              */;/* empty css                           */const r=require("@vanilla-extract/recipes/createRuntimeFn");var e={cellPaddingBlockVar:"var(--nr91va0)",wrapper:"nr91va2",recipe:r.createRuntimeFn({defaultClassName:"nr91va3 nr91va1",variantClassNames:{size:{sm:"nr91va4",md:"nr91va5",lg:"nr91va6"},striped:{true:"nr91va7"},bordered:{true:"nr91va8"},fixed:{true:"nr91va9"}},defaultVariants:{size:"md"},compoundVariants:[]})};exports.TABLE_STYLES=e;
+//# sourceMappingURL=Table.css.cjs.map

package/dist/components/data-display/table/styles/Table.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/data-display/table/styles/Table.css.d.ts

@@ -0,0 +1,42 @@
+import { RecipeVariants, RuntimeFn } from '@vanilla-extract/recipes';
+/**
+ * CSS custom property seeded on <table>, inherited by every <th>/<td>
+ * descendant — lets the `size` variant control cell density from one place.
+ */
+declare const cellPaddingBlockVar: `var(--${string})`;
+export declare const TABLE_STYLES: {
+    cellPaddingBlockVar: `var(--${string})`;
+    wrapper: string;
+    recipe: RuntimeFn<{
+        size: {
+            sm: {
+                vars: {
+                    [cellPaddingBlockVar]: `var(--${string})`;
+                };
+            };
+            md: {
+                vars: {
+                    [cellPaddingBlockVar]: `var(--${string})`;
+                };
+            };
+            lg: {
+                vars: {
+                    [cellPaddingBlockVar]: `var(--${string})`;
+                };
+            };
+        };
+        striped: {
+            true: {};
+        };
+        bordered: {
+            true: {};
+        };
+        fixed: {
+            true: {
+                tableLayout: "fixed";
+            };
+        };
+    }>;
+};
+export type TableRecipeVariants = NonNullable<RecipeVariants<typeof TABLE_STYLES.recipe>>;
+export {};

package/dist/components/data-display/table/styles/Table.css.js

@@ -0,0 +1,8 @@
+/* empty css                                            */
+/* empty css                         */
+import { createRuntimeFn as r } from "@vanilla-extract/recipes/createRuntimeFn";
+var t = { cellPaddingBlockVar: "var(--nr91va0)", wrapper: "nr91va2", recipe: r({ defaultClassName: "nr91va3 nr91va1", variantClassNames: { size: { sm: "nr91va4", md: "nr91va5", lg: "nr91va6" }, striped: { true: "nr91va7" }, bordered: { true: "nr91va8" }, fixed: { true: "nr91va9" } }, defaultVariants: { size: "md" }, compoundVariants: [] }) };
+export {
+  t as TABLE_STYLES
+};
+//# sourceMappingURL=Table.css.js.map

package/dist/components/data-display/table/styles/Table.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/components/data-display/table/types/Table.props.d.ts

@@ -0,0 +1,14 @@
+import { TableRecipeVariants } from '../styles/Table.css.ts';
+import type * as React from 'react';
+export type TableProps = React.HTMLAttributes<HTMLTableElement> & React.RefAttributes<HTMLTableElement> & TableRecipeVariants & {
+    /** Applies an alternating background to even body rows. */
+    striped?: boolean;
+    /** Adds borders on all four sides of every header and data cell. */
+    bordered?: boolean;
+    /**
+     * Sets `table-layout: fixed`. Required for column widths defined via
+     * `TableColGroup` / `TableCol` (or `style.width` on `TableHead`) to
+     * take effect reliably. Also improves rendering performance on long tables.
+     */
+    fixed?: boolean;
+};

package/dist/components/data-display/table/types/Table.types.d.ts

@@ -0,0 +1,4 @@
+/** Row density of the table. Controls the vertical padding of every cell. */
+export type TableSize = 'sm' | 'md' | 'lg';
+/** Text alignment for header and data cells. */
+export type TableCellAlign = 'left' | 'center' | 'right';

package/dist/components/data-display/table/types/index.d.ts

@@ -0,0 +1,22 @@
+import { FC } from 'react';
+import { default as TableBody } from '../components/table-body/TableBody.tsx';
+import { default as TableCaption } from '../components/table-caption/TableCaption.tsx';
+import { default as TableCell } from '../components/table-cell/TableCell.tsx';
+import { default as TableCol } from '../components/table-col/TableCol.tsx';
+import { default as TableColGroup } from '../components/table-col-group/TableColGroup.tsx';
+import { default as TableFooter } from '../components/table-footer/TableFooter.tsx';
+import { default as TableHead } from '../components/table-head/TableHead.tsx';
+import { default as TableHeader } from '../components/table-header/TableHeader.tsx';
+import { default as TableRow } from '../components/table-row/TableRow.tsx';
+import { TableProps } from './Table.props.ts';
+export type TableCompound = FC<TableProps> & {
+    Header: typeof TableHeader;
+    Body: typeof TableBody;
+    Footer: typeof TableFooter;
+    Row: typeof TableRow;
+    Head: typeof TableHead;
+    Cell: typeof TableCell;
+    Caption: typeof TableCaption;
+    ColGroup: typeof TableColGroup;
+    Col: typeof TableCol;
+};

package/dist/components/feedback/callout/Callout.cjs

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),j=require("react"),g=require("./context/Callout.context.cjs"),p=require("./styles/Callout.css.cjs"),u=require("./components/callout-description/CalloutDescription.cjs"),n=require("./components/callout-icon/CalloutIcon.cjs");;/* empty css                                                                */const a=require("./components/callout-title/CalloutTitle.cjs"),l=require("../../layout/flex/Flex.cjs");require("../../layout/flex/styles/Flex.css.cjs");const D=require("../../../utils/createIconChildUtils.cjs"),T=require("../../../utils/cn.cjs"),{hasIconChild:f,extractIconChild:L}=D.createIconChildUtils(n),t=j.memo(({variant:r="info",role:C="status",icon:d,title:s,description:i,children:o,className:x,ref:h,...m})=>{const q=!f(o),c=L(o),I=c.remaining;return e.jsx(g.CalloutContext.Provider,{value:{variant:r},children:e.jsxs(l,{ref:h,alignItems:"start",gap:"md",className:T.cn(p.CALLOUT_STYLES.recipe({variant:r}),x),role:C,...m,children:[q?e.jsx(n,{icon:d}):c.node,e.jsxs(l,{flexDirection:"column",alignItems:"start",gap:"xs",minWidth:0,children:[s&&e.jsx(a,{children:s}),i&&e.jsx(u,{children:i}),I]})]})})});t.displayName="Callout";t.Icon=n;t.Title=a;t.Description=u;module.exports=t;
+//# sourceMappingURL=Callout.cjs.map

package/dist/components/feedback/callout/Callout.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Callout.cjs","sources":["../../../../src/components/feedback/callout/Callout.tsx"],"sourcesContent":["import { memo } from 'react'\r\n\r\nimport { CalloutContext } from '@components/feedback/callout/context/Callout.context.ts'\r\nimport { CALLOUT_STYLES } from '@components/feedback/callout/styles/Callout.css.ts'\r\nimport { CalloutDescription } from '@components/feedback/callout/components/callout-description'\r\nimport { CalloutIcon } from '@components/feedback/callout/components/callout-icon'\r\nimport { CalloutTitle } from '@components/feedback/callout/components/callout-title'\r\nimport type { CalloutCompound } from '@components/feedback/callout/types'\r\nimport type { CalloutProps } from '@components/feedback/callout/types/Callout.props.ts'\r\nimport { Flex } from '@components/layout/flex'\r\nimport { createIconChildUtils } from '@utils/createIconChildUtils.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\nconst { hasIconChild, extractIconChild } = createIconChildUtils(CalloutIcon)\r\n\r\nconst Callout = memo<CalloutProps>(({\r\n    variant = 'info',\r\n    role = 'status',\r\n    icon,\r\n    title,\r\n    description,\r\n    children,\r\n    className,\r\n    ref,\r\n    ...props\r\n}) => {\r\n    const showDefaultIcon = !hasIconChild(children)\r\n    const iconChild = extractIconChild(children)\r\n    const remainingChildren = iconChild.remaining\r\n\r\n    return (\r\n        <CalloutContext.Provider value={{ variant }}>\r\n            <Flex\r\n                ref={ref}\r\n                alignItems={'start'}\r\n                gap={'md'}\r\n                className={cn(CALLOUT_STYLES.recipe({ variant }), className)}\r\n                role={role}\r\n                {...props}\r\n            >\r\n                {showDefaultIcon ? (\r\n                    <CalloutIcon icon={icon} />\r\n                ) : (\r\n                    iconChild.node\r\n                )}\r\n                <Flex\r\n                    flexDirection={'column'}\r\n                    alignItems={'start'}\r\n                    gap={'xs'}\r\n                    minWidth={0}\r\n                >\r\n                    {title && <CalloutTitle>{title}</CalloutTitle>}\r\n                    {description && (\r\n                        <CalloutDescription>{description}</CalloutDescription>\r\n                    )}\r\n                    {remainingChildren}\r\n                </Flex>\r\n            </Flex>\r\n        </CalloutContext.Provider>\r\n    )\r\n}) as unknown as CalloutCompound\r\n\r\nCallout.displayName = 'Callout'\r\nCallout.Icon = CalloutIcon\r\nCallout.Title = CalloutTitle\r\nCallout.Description = CalloutDescription\r\n\r\nexport default Callout\r\n"],"names":["hasIconChild","extractIconChild","createIconChildUtils","CalloutIcon","Callout","memo","variant","role","icon","title","description","children","className","ref","props","showDefaultIcon","iconChild","remainingChildren","CalloutContext","jsxs","Flex","cn","CALLOUT_STYLES","jsx","CalloutTitle","CalloutDescription"],"mappings":"ulBAaM,CAAE,aAAAA,EAAc,iBAAAC,GAAqBC,EAAAA,qBAAqBC,CAAW,EAErEC,EAAUC,EAAAA,KAAmB,CAAC,CAChC,QAAAC,EAAU,OACV,KAAAC,EAAO,SACP,KAAAC,EACA,MAAAC,EACA,YAAAC,EACA,SAAAC,EACA,UAAAC,EACA,IAAAC,EACA,GAAGC,CACP,IAAM,CACF,MAAMC,EAAkB,CAACf,EAAaW,CAAQ,EACxCK,EAAYf,EAAiBU,CAAQ,EACrCM,EAAoBD,EAAU,UAEpC,aACKE,EAAAA,eAAe,SAAf,CAAwB,MAAO,CAAE,QAAAZ,GAC9B,SAAAa,EAAAA,KAACC,EAAA,CACG,IAAAP,EACA,WAAY,QACZ,IAAK,KACL,UAAWQ,EAAAA,GAAGC,iBAAe,OAAO,CAAE,QAAAhB,CAAA,CAAS,EAAGM,CAAS,EAC3D,KAAAL,EACC,GAAGO,EAEH,SAAA,CAAAC,EACGQ,EAAAA,IAACpB,EAAA,CAAY,KAAAK,CAAA,CAAY,EAEzBQ,EAAU,KAEdG,EAAAA,KAACC,EAAA,CACG,cAAe,SACf,WAAY,QACZ,IAAK,KACL,SAAU,EAET,SAAA,CAAAX,GAASc,EAAAA,IAACC,GAAc,SAAAf,CAAA,CAAM,EAC9BC,GACGa,EAAAA,IAACE,EAAA,CAAoB,SAAAf,CAAA,CAAY,EAEpCO,CAAA,CAAA,CAAA,CACL,CAAA,CAAA,EAER,CAER,CAAC,EAEDb,EAAQ,YAAc,UACtBA,EAAQ,KAAOD,EACfC,EAAQ,MAAQoB,EAChBpB,EAAQ,YAAcqB"}

package/dist/components/feedback/callout/Callout.d.ts

@@ -0,0 +1,3 @@
+import { CalloutCompound } from './types';
+declare const Callout: CalloutCompound;
+export default Callout;

package/dist/components/feedback/callout/Callout.js

@@ -0,0 +1,61 @@
+import { jsx as o, jsxs as a } from "react/jsx-runtime";
+import { memo as g } from "react";
+import { CalloutContext as D } from "./context/Callout.context.js";
+import { CALLOUT_STYLES as T } from "./styles/Callout.css.js";
+import s from "./components/callout-description/CalloutDescription.js";
+import r from "./components/callout-icon/CalloutIcon.js";
+/* empty css                                                              */
+import p from "./components/callout-title/CalloutTitle.js";
+import c from "../../layout/flex/Flex.js";
+import "../../layout/flex/styles/Flex.css.js";
+import { createIconChildUtils as L } from "../../../utils/createIconChildUtils.js";
+import { cn as j } from "../../../utils/cn.js";
+const { hasIconChild: N, extractIconChild: S } = L(r), t = g(({
+  variant: i = "info",
+  role: d = "status",
+  icon: f,
+  title: l,
+  description: m,
+  children: n,
+  className: C,
+  ref: h,
+  ...u
+}) => {
+  const x = !N(n), e = S(n), I = e.remaining;
+  return /* @__PURE__ */ o(D.Provider, { value: { variant: i }, children: /* @__PURE__ */ a(
+    c,
+    {
+      ref: h,
+      alignItems: "start",
+      gap: "md",
+      className: j(T.recipe({ variant: i }), C),
+      role: d,
+      ...u,
+      children: [
+        x ? /* @__PURE__ */ o(r, { icon: f }) : e.node,
+        /* @__PURE__ */ a(
+          c,
+          {
+            flexDirection: "column",
+            alignItems: "start",
+            gap: "xs",
+            minWidth: 0,
+            children: [
+              l && /* @__PURE__ */ o(p, { children: l }),
+              m && /* @__PURE__ */ o(s, { children: m }),
+              I
+            ]
+          }
+        )
+      ]
+    }
+  ) });
+});
+t.displayName = "Callout";
+t.Icon = r;
+t.Title = p;
+t.Description = s;
+export {
+  t as default
+};
+//# sourceMappingURL=Callout.js.map

package/dist/components/feedback/callout/Callout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Callout.js","sources":["../../../../src/components/feedback/callout/Callout.tsx"],"sourcesContent":["import { memo } from 'react'\r\n\r\nimport { CalloutContext } from '@components/feedback/callout/context/Callout.context.ts'\r\nimport { CALLOUT_STYLES } from '@components/feedback/callout/styles/Callout.css.ts'\r\nimport { CalloutDescription } from '@components/feedback/callout/components/callout-description'\r\nimport { CalloutIcon } from '@components/feedback/callout/components/callout-icon'\r\nimport { CalloutTitle } from '@components/feedback/callout/components/callout-title'\r\nimport type { CalloutCompound } from '@components/feedback/callout/types'\r\nimport type { CalloutProps } from '@components/feedback/callout/types/Callout.props.ts'\r\nimport { Flex } from '@components/layout/flex'\r\nimport { createIconChildUtils } from '@utils/createIconChildUtils.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\nconst { hasIconChild, extractIconChild } = createIconChildUtils(CalloutIcon)\r\n\r\nconst Callout = memo<CalloutProps>(({\r\n    variant = 'info',\r\n    role = 'status',\r\n    icon,\r\n    title,\r\n    description,\r\n    children,\r\n    className,\r\n    ref,\r\n    ...props\r\n}) => {\r\n    const showDefaultIcon = !hasIconChild(children)\r\n    const iconChild = extractIconChild(children)\r\n    const remainingChildren = iconChild.remaining\r\n\r\n    return (\r\n        <CalloutContext.Provider value={{ variant }}>\r\n            <Flex\r\n                ref={ref}\r\n                alignItems={'start'}\r\n                gap={'md'}\r\n                className={cn(CALLOUT_STYLES.recipe({ variant }), className)}\r\n                role={role}\r\n                {...props}\r\n            >\r\n                {showDefaultIcon ? (\r\n                    <CalloutIcon icon={icon} />\r\n                ) : (\r\n                    iconChild.node\r\n                )}\r\n                <Flex\r\n                    flexDirection={'column'}\r\n                    alignItems={'start'}\r\n                    gap={'xs'}\r\n                    minWidth={0}\r\n                >\r\n                    {title && <CalloutTitle>{title}</CalloutTitle>}\r\n                    {description && (\r\n                        <CalloutDescription>{description}</CalloutDescription>\r\n                    )}\r\n                    {remainingChildren}\r\n                </Flex>\r\n            </Flex>\r\n        </CalloutContext.Provider>\r\n    )\r\n}) as unknown as CalloutCompound\r\n\r\nCallout.displayName = 'Callout'\r\nCallout.Icon = CalloutIcon\r\nCallout.Title = CalloutTitle\r\nCallout.Description = CalloutDescription\r\n\r\nexport default Callout\r\n"],"names":["hasIconChild","extractIconChild","createIconChildUtils","CalloutIcon","Callout","memo","variant","role","icon","title","description","children","className","ref","props","showDefaultIcon","iconChild","remainingChildren","CalloutContext","jsxs","Flex","cn","CALLOUT_STYLES","jsx","CalloutTitle","CalloutDescription"],"mappings":";;;;;;;;;;;;AAaA,MAAM,EAAE,cAAAA,GAAc,kBAAAC,MAAqBC,EAAqBC,CAAW,GAErEC,IAAUC,EAAmB,CAAC;AAAA,EAChC,SAAAC,IAAU;AAAA,EACV,MAAAC,IAAO;AAAA,EACP,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,KAAAC;AAAA,EACA,GAAGC;AACP,MAAM;AACF,QAAMC,IAAkB,CAACf,EAAaW,CAAQ,GACxCK,IAAYf,EAAiBU,CAAQ,GACrCM,IAAoBD,EAAU;AAEpC,2BACKE,EAAe,UAAf,EAAwB,OAAO,EAAE,SAAAZ,KAC9B,UAAA,gBAAAa;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,KAAAP;AAAA,MACA,YAAY;AAAA,MACZ,KAAK;AAAA,MACL,WAAWQ,EAAGC,EAAe,OAAO,EAAE,SAAAhB,EAAA,CAAS,GAAGM,CAAS;AAAA,MAC3D,MAAAL;AAAA,MACC,GAAGO;AAAA,MAEH,UAAA;AAAA,QAAAC,IACG,gBAAAQ,EAACpB,GAAA,EAAY,MAAAK,EAAA,CAAY,IAEzBQ,EAAU;AAAA,QAEd,gBAAAG;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,eAAe;AAAA,YACf,YAAY;AAAA,YACZ,KAAK;AAAA,YACL,UAAU;AAAA,YAET,UAAA;AAAA,cAAAX,KAAS,gBAAAc,EAACC,KAAc,UAAAf,EAAA,CAAM;AAAA,cAC9BC,KACG,gBAAAa,EAACE,GAAA,EAAoB,UAAAf,EAAA,CAAY;AAAA,cAEpCO;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACL;AAAA,IAAA;AAAA,EAAA,GAER;AAER,CAAC;AAEDb,EAAQ,cAAc;AACtBA,EAAQ,OAAOD;AACfC,EAAQ,QAAQoB;AAChBpB,EAAQ,cAAcqB;"}

package/dist/components/feedback/callout/components/callout-description/CalloutDescription.cjs

@@ -0,0 +1,2 @@
+"use strict";const o=require("react/jsx-runtime"),a=require("../../../../foundation/typography/Typography.cjs");require("../../../../foundation/typography/styles/Typography.css.cjs");const c=require("../../../../../utils/cn.cjs"),i=require("react"),e=i.memo(({children:r,className:s,ref:t,...n})=>o.jsx(a,{ref:t,as:"span",variant:"span",fontSize:"sm",color:"textSecondary",className:c.cn(s),...n,children:r}));e.displayName="Callout.Description";module.exports=e;
+//# sourceMappingURL=CalloutDescription.cjs.map

package/dist/components/feedback/callout/components/callout-description/CalloutDescription.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalloutDescription.cjs","sources":["../../../../../../src/components/feedback/callout/components/callout-description/CalloutDescription.tsx"],"sourcesContent":["import { Typography } from '@components/foundation/typography'\r\nimport type { CalloutDescriptionProps } from '@components/feedback/callout/components/callout-description/types/CalloutDescription.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, type FC } from 'react'\r\n\r\nconst CalloutDescription: FC<CalloutDescriptionProps> = memo(({\r\n    children,\r\n    className,\r\n    ref,\r\n    ...props\r\n}) => {\r\n    return (\r\n        <Typography\r\n            ref={ref}\r\n            as={'span'}\r\n            variant={'span'}\r\n            fontSize={'sm'}\r\n            color={'textSecondary'}\r\n            className={cn(className)}\r\n            {...props}\r\n        >\r\n            {children}\r\n        </Typography>\r\n    )\r\n})\r\n\r\nCalloutDescription.displayName = 'Callout.Description'\r\n\r\nexport default CalloutDescription\r\n"],"names":["CalloutDescription","memo","children","className","ref","props","jsx","Typography","cn"],"mappings":"yPAKMA,EAAkDC,EAAAA,KAAK,CAAC,CAC1D,SAAAC,EACA,UAAAC,EACA,IAAAC,EACA,GAAGC,CACP,IAEQC,EAAAA,IAACC,EAAA,CACG,IAAAH,EACA,GAAI,OACJ,QAAS,OACT,SAAU,KACV,MAAO,gBACP,UAAWI,EAAAA,GAAGL,CAAS,EACtB,GAAGE,EAEH,SAAAH,CAAA,CAAA,CAGZ,EAEDF,EAAmB,YAAc"}

package/dist/components/feedback/callout/components/callout-description/CalloutDescription.d.ts

@@ -0,0 +1,4 @@
+import { CalloutDescriptionProps } from './types/CalloutDescription.props.ts';
+import { FC } from 'react';
+declare const CalloutDescription: FC<CalloutDescriptionProps>;
+export default CalloutDescription;

package/dist/components/feedback/callout/components/callout-description/CalloutDescription.js

@@ -0,0 +1,28 @@
+import { jsx as m } from "react/jsx-runtime";
+import p from "../../../../foundation/typography/Typography.js";
+import "../../../../foundation/typography/styles/Typography.css.js";
+import { cn as i } from "../../../../../utils/cn.js";
+import { memo as s } from "react";
+const e = s(({
+  children: o,
+  className: r,
+  ref: t,
+  ...a
+}) => /* @__PURE__ */ m(
+  p,
+  {
+    ref: t,
+    as: "span",
+    variant: "span",
+    fontSize: "sm",
+    color: "textSecondary",
+    className: i(r),
+    ...a,
+    children: o
+  }
+));
+e.displayName = "Callout.Description";
+export {
+  e as default
+};
+//# sourceMappingURL=CalloutDescription.js.map

package/dist/components/feedback/callout/components/callout-description/CalloutDescription.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalloutDescription.js","sources":["../../../../../../src/components/feedback/callout/components/callout-description/CalloutDescription.tsx"],"sourcesContent":["import { Typography } from '@components/foundation/typography'\r\nimport type { CalloutDescriptionProps } from '@components/feedback/callout/components/callout-description/types/CalloutDescription.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, type FC } from 'react'\r\n\r\nconst CalloutDescription: FC<CalloutDescriptionProps> = memo(({\r\n    children,\r\n    className,\r\n    ref,\r\n    ...props\r\n}) => {\r\n    return (\r\n        <Typography\r\n            ref={ref}\r\n            as={'span'}\r\n            variant={'span'}\r\n            fontSize={'sm'}\r\n            color={'textSecondary'}\r\n            className={cn(className)}\r\n            {...props}\r\n        >\r\n            {children}\r\n        </Typography>\r\n    )\r\n})\r\n\r\nCalloutDescription.displayName = 'Callout.Description'\r\n\r\nexport default CalloutDescription\r\n"],"names":["CalloutDescription","memo","children","className","ref","props","jsx","Typography","cn"],"mappings":";;;;;AAKA,MAAMA,IAAkDC,EAAK,CAAC;AAAA,EAC1D,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,KAAAC;AAAA,EACA,GAAGC;AACP,MAEQ,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,KAAAH;AAAA,IACA,IAAI;AAAA,IACJ,SAAS;AAAA,IACT,UAAU;AAAA,IACV,OAAO;AAAA,IACP,WAAWI,EAAGL,CAAS;AAAA,IACtB,GAAGE;AAAA,IAEH,UAAAH;AAAA,EAAA;AAAA,CAGZ;AAEDF,EAAmB,cAAc;"}

package/dist/components/feedback/callout/components/callout-description/index.d.ts

@@ -0,0 +1,2 @@
+export { default as CalloutDescription } from './CalloutDescription.tsx';
+export type { CalloutDescriptionProps } from './types/CalloutDescription.props.ts';

package/dist/components/feedback/callout/components/callout-description/types/CalloutDescription.props.d.ts

@@ -0,0 +1,6 @@
+import type * as React from 'react';
+/** Props for the Callout.Description sub-component. */
+export type CalloutDescriptionProps = Omit<React.HTMLAttributes<HTMLSpanElement>, 'color'> & React.RefAttributes<HTMLSpanElement> & {
+    /** Description content. */
+    children: React.ReactNode;
+};

package/dist/components/feedback/callout/components/callout-icon/CalloutIcon.cjs

@@ -0,0 +1,2 @@
+"use strict";const i=require("react/jsx-runtime"),l=require("../../../../foundation/icon/Icon.cjs");require("../../../../foundation/icon/styles/Icon.css.cjs");const a=require("./styles/CalloutIcon.css.cjs"),o=require("../../constants/index.cjs"),C=require("../../context/Callout.context.cjs"),q=require("../../../../../utils/cn.cjs"),t=require("react"),n=t.memo(({icon:c,color:r,className:s,...u})=>{const{variant:e}=t.useContext(C.CalloutContext);return i.jsx(l,{icon:c??o.VARIANT_TO_ICON[e],color:r??o.VARIANT_TO_COLOR[e],className:q.cn(a.CALLOUT_ICON_STYLES.icon,s),...u})});n.displayName="Callout.Icon";module.exports=n;
+//# sourceMappingURL=CalloutIcon.cjs.map

package/dist/components/feedback/callout/components/callout-icon/CalloutIcon.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalloutIcon.cjs","sources":["../../../../../../src/components/feedback/callout/components/callout-icon/CalloutIcon.tsx"],"sourcesContent":["import { Icon } from '@components/foundation/icon'\r\nimport { CALLOUT_ICON_STYLES } from '@components/feedback/callout/components/callout-icon/styles/CalloutIcon.css.ts'\r\nimport type { CalloutIconProps } from '@components/feedback/callout/components/callout-icon/types/CalloutIcon.props.ts'\r\nimport { VARIANT_TO_COLOR, VARIANT_TO_ICON } from '@components/feedback/callout/constants'\r\nimport { CalloutContext } from '@components/feedback/callout/context/Callout.context.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, useContext, type FC } from 'react'\r\n\r\nconst CalloutIcon: FC<CalloutIconProps> = memo(({\r\n    icon,\r\n    color,\r\n    className,\r\n    ...props\r\n}) => {\r\n    const { variant } = useContext(CalloutContext)\r\n\r\n    return (\r\n        <Icon\r\n            icon={icon ?? VARIANT_TO_ICON[variant]}\r\n            color={color ?? VARIANT_TO_COLOR[variant]}\r\n            className={cn(CALLOUT_ICON_STYLES.icon, className)}\r\n            {...props}\r\n        />\r\n    )\r\n})\r\n\r\nCalloutIcon.displayName = 'Callout.Icon'\r\n\r\nexport default CalloutIcon\r\n"],"names":["CalloutIcon","memo","icon","color","className","props","variant","useContext","CalloutContext","jsx","Icon","VARIANT_TO_ICON","VARIANT_TO_COLOR","cn","CALLOUT_ICON_STYLES"],"mappings":"iWAQMA,EAAoCC,EAAAA,KAAK,CAAC,CAC5C,KAAAC,EACA,MAAAC,EACA,UAAAC,EACA,GAAGC,CACP,IAAM,CACF,KAAM,CAAE,QAAAC,CAAA,EAAYC,EAAAA,WAAWC,gBAAc,EAE7C,OACIC,EAAAA,IAACC,EAAA,CACG,KAAMR,GAAQS,EAAAA,gBAAgBL,CAAO,EACrC,MAAOH,GAASS,EAAAA,iBAAiBN,CAAO,EACxC,UAAWO,EAAAA,GAAGC,sBAAoB,KAAMV,CAAS,EAChD,GAAGC,CAAA,CAAA,CAGhB,CAAC,EAEDL,EAAY,YAAc"}

package/dist/components/feedback/callout/components/callout-icon/CalloutIcon.d.ts

@@ -0,0 +1,4 @@
+import { CalloutIconProps } from './types/CalloutIcon.props.ts';
+import { FC } from 'react';
+declare const CalloutIcon: FC<CalloutIconProps>;
+export default CalloutIcon;

package/dist/components/feedback/callout/components/callout-icon/CalloutIcon.js

@@ -0,0 +1,30 @@
+import { jsx as n } from "react/jsx-runtime";
+import a from "../../../../foundation/icon/Icon.js";
+import "../../../../foundation/icon/styles/Icon.css.js";
+import { CALLOUT_ICON_STYLES as c } from "./styles/CalloutIcon.css.js";
+import { VARIANT_TO_COLOR as l, VARIANT_TO_ICON as p } from "../../constants/index.js";
+import { CalloutContext as e } from "../../context/Callout.context.js";
+import { cn as C } from "../../../../../utils/cn.js";
+import { memo as f, useContext as s } from "react";
+const I = f(({
+  icon: t,
+  color: r,
+  className: m,
+  ...i
+}) => {
+  const { variant: o } = s(e);
+  return /* @__PURE__ */ n(
+    a,
+    {
+      icon: t ?? p[o],
+      color: r ?? l[o],
+      className: C(c.icon, m),
+      ...i
+    }
+  );
+});
+I.displayName = "Callout.Icon";
+export {
+  I as default
+};
+//# sourceMappingURL=CalloutIcon.js.map

package/dist/components/feedback/callout/components/callout-icon/CalloutIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalloutIcon.js","sources":["../../../../../../src/components/feedback/callout/components/callout-icon/CalloutIcon.tsx"],"sourcesContent":["import { Icon } from '@components/foundation/icon'\r\nimport { CALLOUT_ICON_STYLES } from '@components/feedback/callout/components/callout-icon/styles/CalloutIcon.css.ts'\r\nimport type { CalloutIconProps } from '@components/feedback/callout/components/callout-icon/types/CalloutIcon.props.ts'\r\nimport { VARIANT_TO_COLOR, VARIANT_TO_ICON } from '@components/feedback/callout/constants'\r\nimport { CalloutContext } from '@components/feedback/callout/context/Callout.context.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, useContext, type FC } from 'react'\r\n\r\nconst CalloutIcon: FC<CalloutIconProps> = memo(({\r\n    icon,\r\n    color,\r\n    className,\r\n    ...props\r\n}) => {\r\n    const { variant } = useContext(CalloutContext)\r\n\r\n    return (\r\n        <Icon\r\n            icon={icon ?? VARIANT_TO_ICON[variant]}\r\n            color={color ?? VARIANT_TO_COLOR[variant]}\r\n            className={cn(CALLOUT_ICON_STYLES.icon, className)}\r\n            {...props}\r\n        />\r\n    )\r\n})\r\n\r\nCalloutIcon.displayName = 'Callout.Icon'\r\n\r\nexport default CalloutIcon\r\n"],"names":["CalloutIcon","memo","icon","color","className","props","variant","useContext","CalloutContext","jsx","Icon","VARIANT_TO_ICON","VARIANT_TO_COLOR","cn","CALLOUT_ICON_STYLES"],"mappings":";;;;;;;;AAQA,MAAMA,IAAoCC,EAAK,CAAC;AAAA,EAC5C,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACP,MAAM;AACF,QAAM,EAAE,SAAAC,EAAA,IAAYC,EAAWC,CAAc;AAE7C,SACI,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,MAAMR,KAAQS,EAAgBL,CAAO;AAAA,MACrC,OAAOH,KAASS,EAAiBN,CAAO;AAAA,MACxC,WAAWO,EAAGC,EAAoB,MAAMV,CAAS;AAAA,MAChD,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGhB,CAAC;AAEDL,EAAY,cAAc;"}

package/dist/components/feedback/callout/components/callout-icon/index.d.ts

@@ -0,0 +1,3 @@
+export { default as CalloutIcon } from './CalloutIcon.tsx';
+export { CALLOUT_ICON_STYLES } from './styles/CalloutIcon.css.ts';
+export type { CalloutIconProps } from './types/CalloutIcon.props.ts';

package/dist/components/feedback/callout/components/callout-icon/styles/CalloutIcon.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                                 */var e={icon:"kygxdi0"};exports.CALLOUT_ICON_STYLES=e;
+//# sourceMappingURL=CalloutIcon.css.cjs.map

package/dist/components/feedback/callout/components/callout-icon/styles/CalloutIcon.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalloutIcon.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/feedback/callout/components/callout-icon/styles/CalloutIcon.css.d.ts

@@ -0,0 +1,3 @@
+export declare const CALLOUT_ICON_STYLES: {
+    icon: string;
+};

package/dist/components/feedback/callout/components/callout-icon/styles/CalloutIcon.css.js

@@ -0,0 +1,6 @@
+/* empty css                               */
+var o = { icon: "kygxdi0" };
+export {
+  o as CALLOUT_ICON_STYLES
+};
+//# sourceMappingURL=CalloutIcon.css.js.map

package/dist/components/feedback/callout/components/callout-icon/styles/CalloutIcon.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalloutIcon.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/components/feedback/callout/components/callout-icon/types/CalloutIcon.props.d.ts

@@ -0,0 +1,9 @@
+import { IconProps } from '../../../../../foundation/icon';
+import { ThemeColor } from '../../../../../../theme';
+/** Props for the Callout.Icon sub-component. */
+export type CalloutIconProps = Omit<IconProps, 'icon' | 'color'> & {
+    /** Icon identifier. Defaults to the root Callout variant icon. */
+    icon?: IconProps['icon'];
+    /** Theme color token. Defaults to the root Callout variant color. */
+    color?: ThemeColor;
+};

package/dist/components/feedback/callout/components/callout-title/CalloutTitle.cjs

@@ -0,0 +1,2 @@
+"use strict";const n=require("react/jsx-runtime"),a=require("../../../../foundation/typography/Typography.cjs");require("../../../../foundation/typography/styles/Typography.css.cjs");const o=require("../../../../../utils/cn.cjs"),c=require("react"),e=c.memo(({children:t,className:s,ref:r,...i})=>n.jsx(a,{ref:r,as:"span",variant:"span",fontSize:"sm",fontWeight:"semibold",className:o.cn(s),...i,children:t}));e.displayName="Callout.Title";module.exports=e;
+//# sourceMappingURL=CalloutTitle.cjs.map

package/dist/components/feedback/callout/components/callout-title/CalloutTitle.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalloutTitle.cjs","sources":["../../../../../../src/components/feedback/callout/components/callout-title/CalloutTitle.tsx"],"sourcesContent":["import { Typography } from '@components/foundation/typography'\r\nimport type { CalloutTitleProps } from '@components/feedback/callout/components/callout-title/types/CalloutTitle.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, type FC } from 'react'\r\n\r\nconst CalloutTitle: FC<CalloutTitleProps> = memo(({\r\n    children,\r\n    className,\r\n    ref,\r\n    ...props\r\n}) => {\r\n    return (\r\n        <Typography\r\n            ref={ref}\r\n            as={'span'}\r\n            variant={'span'}\r\n            fontSize={'sm'}\r\n            fontWeight={'semibold'}\r\n            className={cn(className)}\r\n            {...props}\r\n        >\r\n            {children}\r\n        </Typography>\r\n    )\r\n})\r\n\r\nCalloutTitle.displayName = 'Callout.Title'\r\n\r\nexport default CalloutTitle\r\n"],"names":["CalloutTitle","memo","children","className","ref","props","jsx","Typography","cn"],"mappings":"yPAKMA,EAAsCC,EAAAA,KAAK,CAAC,CAC9C,SAAAC,EACA,UAAAC,EACA,IAAAC,EACA,GAAGC,CACP,IAEQC,EAAAA,IAACC,EAAA,CACG,IAAAH,EACA,GAAI,OACJ,QAAS,OACT,SAAU,KACV,WAAY,WACZ,UAAWI,EAAAA,GAAGL,CAAS,EACtB,GAAGE,EAEH,SAAAH,CAAA,CAAA,CAGZ,EAEDF,EAAa,YAAc"}

package/dist/components/feedback/callout/components/callout-title/CalloutTitle.d.ts

@@ -0,0 +1,4 @@
+import { CalloutTitleProps } from './types/CalloutTitle.props.ts';
+import { FC } from 'react';
+declare const CalloutTitle: FC<CalloutTitleProps>;
+export default CalloutTitle;

package/dist/components/feedback/callout/components/callout-title/CalloutTitle.js

@@ -0,0 +1,28 @@
+import { jsx as r } from "react/jsx-runtime";
+import i from "../../../../foundation/typography/Typography.js";
+import "../../../../foundation/typography/styles/Typography.css.js";
+import { cn as e } from "../../../../../utils/cn.js";
+import { memo as p } from "react";
+const s = p(({
+  children: o,
+  className: t,
+  ref: m,
+  ...a
+}) => /* @__PURE__ */ r(
+  i,
+  {
+    ref: m,
+    as: "span",
+    variant: "span",
+    fontSize: "sm",
+    fontWeight: "semibold",
+    className: e(t),
+    ...a,
+    children: o
+  }
+));
+s.displayName = "Callout.Title";
+export {
+  s as default
+};
+//# sourceMappingURL=CalloutTitle.js.map

package/dist/components/feedback/callout/components/callout-title/CalloutTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalloutTitle.js","sources":["../../../../../../src/components/feedback/callout/components/callout-title/CalloutTitle.tsx"],"sourcesContent":["import { Typography } from '@components/foundation/typography'\r\nimport type { CalloutTitleProps } from '@components/feedback/callout/components/callout-title/types/CalloutTitle.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, type FC } from 'react'\r\n\r\nconst CalloutTitle: FC<CalloutTitleProps> = memo(({\r\n    children,\r\n    className,\r\n    ref,\r\n    ...props\r\n}) => {\r\n    return (\r\n        <Typography\r\n            ref={ref}\r\n            as={'span'}\r\n            variant={'span'}\r\n            fontSize={'sm'}\r\n            fontWeight={'semibold'}\r\n            className={cn(className)}\r\n            {...props}\r\n        >\r\n            {children}\r\n        </Typography>\r\n    )\r\n})\r\n\r\nCalloutTitle.displayName = 'Callout.Title'\r\n\r\nexport default CalloutTitle\r\n"],"names":["CalloutTitle","memo","children","className","ref","props","jsx","Typography","cn"],"mappings":";;;;;AAKA,MAAMA,IAAsCC,EAAK,CAAC;AAAA,EAC9C,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,KAAAC;AAAA,EACA,GAAGC;AACP,MAEQ,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,KAAAH;AAAA,IACA,IAAI;AAAA,IACJ,SAAS;AAAA,IACT,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,WAAWI,EAAGL,CAAS;AAAA,IACtB,GAAGE;AAAA,IAEH,UAAAH;AAAA,EAAA;AAAA,CAGZ;AAEDF,EAAa,cAAc;"}

package/dist/components/feedback/callout/components/callout-title/index.d.ts

@@ -0,0 +1,2 @@
+export { default as CalloutTitle } from './CalloutTitle.tsx';
+export type { CalloutTitleProps } from './types/CalloutTitle.props.ts';

package/dist/components/feedback/callout/components/callout-title/types/CalloutTitle.props.d.ts

@@ -0,0 +1,6 @@
+import type * as React from 'react';
+/** Props for the Callout.Title sub-component. */
+export type CalloutTitleProps = Omit<React.HTMLAttributes<HTMLSpanElement>, 'color'> & React.RefAttributes<HTMLSpanElement> & {
+    /** Title content. */
+    children: React.ReactNode;
+};