@commercetools/nimbus 3.2.0 → 3.4.0

package/dist/components/fields.es.js

@@ -1,8 +1,8 @@
 import { DateRangePickerField as e } from "./date-range-picker-field.es.js";
-import { t } from "../chunks/money-input-field-Dng7nJjd.esm.js";
-import { t as n } from "../chunks/multiline-text-input-field-BwmsKmWz.esm.js";
-import { t as r } from "../chunks/number-input-field-CX0E494u.esm.js";
+import { t } from "../chunks/money-input-field-DMZMbP9B.esm.js";
+import { t as n } from "../chunks/multiline-text-input-field-DtKT6KA3.esm.js";
+import { t as r } from "../chunks/number-input-field-Da0Hux_Q.esm.js";
 import { SearchInputField as i } from "./search-input-field.es.js";
-import { t as a } from "../chunks/password-input-field-BzN_3jEi.esm.js";
+import { t as a } from "../chunks/password-input-field-B6I17gLd.esm.js";
 import { TextInputField as o } from "./text-input-field.es.js";
 export { e as DateRangePickerField, t as MoneyInputField, n as MultilineTextInputField, r as NumberInputField, a as PasswordInputField, i as SearchInputField, o as TextInputField };

package/dist/components/file-trigger/file-trigger.d.ts

@@ -0,0 +1,15 @@
+import { FileTriggerProps } from './file-trigger.types.js';
+/**
+ * # FileTrigger
+ *
+ * A thin, behavior-only wrapper around React Aria's `FileTrigger`. It wraps a
+ * pressable child (e.g. a Nimbus `Button`) and a visually-hidden file input,
+ * opening the native file picker when the child is activated. It renders no
+ * visual styling of its own — the child provides the visual treatment.
+ *
+ * @see {@link https://nimbus-documentation.vercel.app/components/inputs/filetrigger}
+ */
+export declare const FileTrigger: {
+    (props: FileTriggerProps): import("react").JSX.Element;
+    displayName: string;
+};

package/dist/components/file-trigger/file-trigger.types.d.ts

@@ -0,0 +1,54 @@
+import { ReactNode, Ref } from 'react';
+import { FileTriggerProps as RaFileTriggerProps } from 'react-aria-components';
+/**
+ * Props for the {@link FileTrigger} component.
+ *
+ * `FileTrigger` is a thin, behavior-only wrapper around React Aria's
+ * `FileTrigger`. It connects a pressable child (e.g. a Nimbus `Button`) to a
+ * visually-hidden file input and opens the native file picker when the child is
+ * activated. It renders no visual styling of its own — the child provides the
+ * visual treatment, and disabling is done by disabling the child.
+ *
+ * The React Aria API is forwarded faithfully; props are not normalized.
+ */
+export type FileTriggerProps = Omit<RaFileTriggerProps, "children" | "onSelect" | "acceptedFileTypes" | "allowsMultiple" | "acceptDirectory" | "defaultCamera"> & {
+    /**
+     * The pressable element that opens the file picker when activated, typically a
+     * Nimbus `Button` or `IconButton`. Any React Aria pressable component works.
+     */
+    children: ReactNode;
+    /**
+     * Handler called when the user finishes selecting files. Receives the native
+     * `FileList` (or `null` if the selection was cleared). The React Aria
+     * signature is preserved — use `Array.from(files)` to iterate.
+     */
+    onSelect?: (files: FileList | null) => void;
+    /**
+     * The mime types or file extensions the picker should allow, e.g.
+     * `["image/png", ".pdf"]`. Maps to the hidden input's `accept` attribute.
+     */
+    acceptedFileTypes?: ReadonlyArray<string>;
+    /**
+     * Whether more than one file can be selected at a time. Maps to the hidden
+     * input's `multiple` attribute.
+     *
+     * @default false
+     */
+    allowsMultiple?: boolean;
+    /**
+     * Enables selecting a directory instead of individual files. Maps to the
+     * hidden input's directory-selection attributes (e.g. `webkitdirectory`).
+     *
+     * @default false
+     */
+    acceptDirectory?: boolean;
+    /**
+     * Hints which camera a mobile device should use to capture media. Maps to the
+     * hidden input's `capture` attribute and is ignored by desktop browsers.
+     */
+    defaultCamera?: "user" | "environment";
+    /**
+     * Ref forwarded to the underlying hidden `<input type="file">` element.
+     */
+    ref?: Ref<HTMLInputElement>;
+};

package/dist/components/file-trigger/index.d.ts

@@ -0,0 +1,2 @@
+export * from './file-trigger.js';
+export * from './file-trigger.types.js';

package/dist/components/file-trigger.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/file-trigger-Dr6KI-mN.cjs.js");exports.FileTrigger=e.t;

package/dist/components/file-trigger.es.js

@@ -0,0 +1,2 @@
+import { t as e } from "../chunks/file-trigger-KEP7ou5i.esm.js";
+export { e as FileTrigger };

package/dist/components/floating-action-button.cjs

@@ -0,0 +1,2 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/icon-button-BG5cQycc.cjs.js");let t=require("react/jsx-runtime");var n=n=>(0,t.jsx)(e.t,{variant:`solid`,colorPalette:`primary`,size:`xl`,borderRadius:`full`,boxShadow:`3`,zIndex:`fab`,...n});n.displayName=`FloatingActionButton`;var r=n;exports.FloatingActionButton=r;
+//# sourceMappingURL=floating-action-button.cjs.map

package/dist/components/floating-action-button.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"floating-action-button.cjs","names":[],"sources":["../../src/patterns/buttons/floating-action-button/floating-action-button.tsx"],"sourcesContent":["import { IconButton } from \"@/components\";\nimport type { FloatingActionButtonProps } from \"./floating-action-button.types.ts\";\n\nconst FloatingActionButtonComponent = (props: FloatingActionButtonProps) => {\n  return (\n    <IconButton\n      variant=\"solid\"\n      colorPalette=\"primary\"\n      size=\"xl\"\n      borderRadius=\"full\"\n      boxShadow=\"3\"\n      zIndex=\"fab\"\n      {...props}\n    />\n  );\n};\n\nFloatingActionButtonComponent.displayName = \"FloatingActionButton\";\n\n/**\n * ### FloatingActionButton\n *\n * A circular, elevated icon button for a single, prominent action — designed as\n * an agent panel trigger or similar high-priority action. It is a thin wrapper\n * around {@link IconButton}, so it inherits all button behavior, accessibility,\n * and props (including IconButton's accessible-label requirement).\n *\n * Placement is the consumer's responsibility via standard style props\n * (`position=\"fixed\"`, `insetBlockEnd`, `insetInlineEnd`, …).\n *\n * @see {@link https://nimbus-documentation.vercel.app/patterns/buttons/floating-action-button}\n */\nexport const FloatingActionButton: typeof FloatingActionButtonComponent =\n  FloatingActionButtonComponent;\n"],"mappings":"+JAGA,IAAM,EAAiC,IAEnC,EAAA,EAAA,IAAA,CAAC,EAAA,EAAD,CACE,QAAQ,QACR,aAAa,UACb,KAAK,KACL,aAAa,OACb,UAAU,IACV,OAAO,MACP,GAAI,CACL,CAAA,EAIL,EAA8B,YAAc,uBAe5C,IAAa,EACX"}

package/dist/components/floating-action-button.es.js

@@ -0,0 +1,18 @@
+import { t as e } from "../chunks/icon-button-CyhrlrIv.esm.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/patterns/buttons/floating-action-button/floating-action-button.tsx
+var n = (n) => /* @__PURE__ */ t(e, {
+	variant: "solid",
+	colorPalette: "primary",
+	size: "xl",
+	borderRadius: "full",
+	boxShadow: "3",
+	zIndex: "fab",
+	...n
+});
+n.displayName = "FloatingActionButton";
+var r = n;
+//#endregion
+export { r as FloatingActionButton };
+
+//# sourceMappingURL=floating-action-button.es.js.map

package/dist/components/floating-action-button.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"floating-action-button.es.js","names":[],"sources":["../../src/patterns/buttons/floating-action-button/floating-action-button.tsx"],"sourcesContent":["import { IconButton } from \"@/components\";\nimport type { FloatingActionButtonProps } from \"./floating-action-button.types.ts\";\n\nconst FloatingActionButtonComponent = (props: FloatingActionButtonProps) => {\n  return (\n    <IconButton\n      variant=\"solid\"\n      colorPalette=\"primary\"\n      size=\"xl\"\n      borderRadius=\"full\"\n      boxShadow=\"3\"\n      zIndex=\"fab\"\n      {...props}\n    />\n  );\n};\n\nFloatingActionButtonComponent.displayName = \"FloatingActionButton\";\n\n/**\n * ### FloatingActionButton\n *\n * A circular, elevated icon button for a single, prominent action — designed as\n * an agent panel trigger or similar high-priority action. It is a thin wrapper\n * around {@link IconButton}, so it inherits all button behavior, accessibility,\n * and props (including IconButton's accessible-label requirement).\n *\n * Placement is the consumer's responsibility via standard style props\n * (`position=\"fixed\"`, `insetBlockEnd`, `insetInlineEnd`, …).\n *\n * @see {@link https://nimbus-documentation.vercel.app/patterns/buttons/floating-action-button}\n */\nexport const FloatingActionButton: typeof FloatingActionButtonComponent =\n  FloatingActionButtonComponent;\n"],"mappings":";;;AAGA,IAAM,KAAiC,MAEnC,kBAAC,GAAD;CACE,SAAQ;CACR,cAAa;CACb,MAAK;CACL,cAAa;CACb,WAAU;CACV,QAAO;CACP,GAAI;AACL,CAAA;AAIL,EAA8B,cAAc;AAe5C,IAAa,IACX"}

package/dist/components/form-action-bar.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/form-action-bar-BH-mQEJB.cjs.js");exports.FormActionBar=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/form-action-bar-DhmjijBw.cjs.js");exports.FormActionBar=e.t;

package/dist/components/form-action-bar.es.js

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/form-action-bar-BkzK1DIP.esm.js";
+import { t as e } from "../chunks/form-action-bar-CfJjVyeS.esm.js";
 export { e as FormActionBar };

package/dist/components/form-dialog.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/form-dialog-DWbkty9b.cjs.js");exports.FormDialog=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/form-dialog-CLrL718p.cjs.js");exports.FormDialog=e.t;

package/dist/components/form-dialog.es.js

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/form-dialog-_Y9tb_dm.esm.js";
+import { t as e } from "../chunks/form-dialog-D86jNeIZ.esm.js";
 export { e as FormDialog };

package/dist/components/form-field.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/form-field-BqR6tlhi.cjs.js");exports.FormField=e.t,exports._FormFieldDescription=e.i,exports._FormFieldError=e.r,exports._FormFieldInfoBox=e.n,exports._FormFieldInput=e.a,exports._FormFieldLabel=e.o,exports._FormFieldRoot=e.s;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/form-field-CaTJgt57.cjs.js");exports.FormField=e.t,exports._FormFieldDescription=e.i,exports._FormFieldError=e.r,exports._FormFieldInfoBox=e.n,exports._FormFieldInput=e.a,exports._FormFieldLabel=e.o,exports._FormFieldRoot=e.s;

package/dist/components/form-field.es.js

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "../chunks/form-field-BxbNX6MU.esm.js";
+import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "../chunks/form-field-B5H98u7s.esm.js";
 export { o as FormField, t as _FormFieldDescription, i as _FormFieldError, n as _FormFieldInfoBox, e as _FormFieldInput, r as _FormFieldLabel, a as _FormFieldRoot };

package/dist/components/group.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/group-Bmr5g5Rl.cjs.js");exports.Group=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/group-CXRp7_JB.cjs.js");exports.Group=e.t;

package/dist/components/group.es.js

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/group-CjQwewA5.esm.js";
+import { t as e } from "../chunks/group-BdWGHf4v.esm.js";
 export { e as Group };

package/dist/components/heading.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/heading-BiA2hLSk.cjs.js");exports.Heading=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/heading-COgniVU1.cjs.js");exports.Heading=e.t;

package/dist/components/heading.es.js

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/heading-Bf0XwaRf.esm.js";
+import { t as e } from "../chunks/heading-DA_lAqus.esm.js";
 export { e as Heading };

package/dist/components/hooks.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/hooks-BDfmlNt_.cjs.js");exports.useInlineSvg=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/hooks-C_oe-t36.cjs.js");exports.useStickToBottom=e.t;

package/dist/components/hooks.es.js

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/hooks-BjqA_jfh.esm.js";
-export { e as useInlineSvg };
+import { t as e } from "../chunks/hooks-A_gbGlsD.esm.js";
+export { e as useStickToBottom };

package/dist/components/icon-button.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/icon-button-DJxT-1uM.cjs.js");exports.IconButton=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/icon-button-BG5cQycc.cjs.js");exports.IconButton=e.t;

package/dist/components/icon-button.es.js

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/icon-button-D0cEzjex.esm.js";
+import { t as e } from "../chunks/icon-button-CyhrlrIv.esm.js";
 export { e as IconButton };

package/dist/components/icon-toggle-button.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/icon-toggle-button-CqHuaLDB.cjs.js");exports.IconToggleButton=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/icon-toggle-button-CH90F1eK.cjs.js");exports.IconToggleButton=e.t;

package/dist/components/icon-toggle-button.es.js

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/icon-toggle-button-BKkz4_Cf.esm.js";
+import { t as e } from "../chunks/icon-toggle-button-DzYb5JyL.esm.js";
 export { e as IconToggleButton };

package/dist/components/index.d.ts

@@ -1,5 +1,6 @@
 export * from './scroll-area/index.js';
 export * from './toast/index.js';
+export * from './activity-indicator/index.js';
 export * from './avatar/index.js';
 export * from './box/index.js';
 export * from './button/index.js';
@@ -8,6 +9,7 @@ export * from './combobox/index.js';
 export * from './default-page/index.js';
 export * from './dialog/index.js';
 export * from './field-errors/index.js';
+export * from './file-trigger/index.js';
 export * from './flex/index.js';
 export * from './group/index.js';
 export * from './heading/index.js';
@@ -18,6 +20,7 @@ export * from './image/index.js';
 export * from './kbd/index.js';
 export * from './link/index.js';
 export * from './list/index.js';
+export * from './markdown/index.js';
 export * from './draggable-list/index.js';
 export * from './simple-grid/index.js';
 export * from './table/index.js';
@@ -33,12 +36,18 @@ export * from './number-input/index.js';
 export * from './grid/index.js';
 export * from './select/index.js';
 export * from './separator/index.js';
+export * from './skeleton/index.js';
+export * from './slider/index.js';
 export * from './spacer/index.js';
 export * from './accordion/index.js';
 export * from './alert/index.js';
 export * from './badge/index.js';
 export * from './card/index.js';
+export * from './chat-message/index.js';
+export * from './chat-message-list/index.js';
 export * from './form-field/index.js';
+export * from './item/index.js';
+export * from './item-group/index.js';
 export * from './icon/index.js';
 export * from './inline-svg/index.js';
 export * from './loading-spinner/index.js';
@@ -69,8 +78,11 @@ export * from './pagination/index.js';
 export * from './drawer/index.js';
 export * from './tab-nav/index.js';
 export * from './tabs/index.js';
+export * from './breadcrumbs/index.js';
 export * from './localized-field/index.js';
 export * from './steps/index.js';
 export * from './modal-page/index.js';
 export * from './region/index.js';
 export * from './splitter/index.js';
+export * from './tree/index.js';
+export * from './drop-zone/index.js';

package/dist/components/info-dialog.cjs

@@ -1,2 +1,2 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/dialog-XLoAxfTo.cjs.js");let t=require("react/jsx-runtime");var n=({title:n,children:r,isOpen:i,defaultOpen:a,onOpenChange:o,"aria-label":s})=>(0,t.jsx)(e.t.Root,{isOpen:i,defaultOpen:a,onOpenChange:o,"aria-label":s,isDismissable:!0,scrollBehavior:`inside`,children:(0,t.jsxs)(e.t.Content,{children:[(0,t.jsxs)(e.t.Header,{children:[(0,t.jsx)(e.t.Title,{children:n}),(0,t.jsx)(e.t.CloseTrigger,{})]}),(0,t.jsx)(e.t.Body,{children:r})]})});n.displayName=`InfoDialog`,exports.InfoDialog=n;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/dialog-CwCG4NKh.cjs.js");let t=require("react/jsx-runtime");var n=({title:n,children:r,isOpen:i,defaultOpen:a,onOpenChange:o,"aria-label":s})=>(0,t.jsx)(e.t.Root,{isOpen:i,defaultOpen:a,onOpenChange:o,"aria-label":s,isDismissable:!0,scrollBehavior:`inside`,children:(0,t.jsxs)(e.t.Content,{children:[(0,t.jsxs)(e.t.Header,{children:[(0,t.jsx)(e.t.Title,{children:n}),(0,t.jsx)(e.t.CloseTrigger,{})]}),(0,t.jsx)(e.t.Body,{children:r})]})});n.displayName=`InfoDialog`,exports.InfoDialog=n;
 //# sourceMappingURL=info-dialog.cjs.map

package/dist/components/info-dialog.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"info-dialog.cjs","names":[],"sources":["../../src/patterns/dialogs/info-dialog/info-dialog.tsx"],"sourcesContent":["import { Dialog } from \"@/components\";\nimport type { InfoDialogProps } from \"./info-dialog.types\";\n\n/**\n * # InfoDialog\n *\n * A pre-composed, read-only informational dialog pattern built on top of the\n * Nimbus `Dialog` primitive. Exposes a flat API (`title`, `children`, and\n * optional `isOpen` / `defaultOpen` / `onOpenChange` / `aria-label`) for the\n * common case of showing information the user only needs to read and dismiss.\n *\n * Close affordances: the X button in the header, the Escape key, and a click\n * on the overlay all invoke `onOpenChange(false)`.\n *\n * @example\n * ```tsx\n * const [isOpen, setIsOpen] = useState(false);\n *\n * <InfoDialog\n *   title=\"Shipping restrictions\"\n *   isOpen={isOpen}\n *   onOpenChange={setIsOpen}\n * >\n *   <Text>Some goods cannot be shipped to the selected region.</Text>\n * </InfoDialog>\n * ```\n */\nexport const InfoDialog = ({\n  title,\n  children,\n  isOpen,\n  defaultOpen,\n  onOpenChange,\n  \"aria-label\": ariaLabel,\n}: InfoDialogProps) => {\n  return (\n    <Dialog.Root\n      isOpen={isOpen}\n      defaultOpen={defaultOpen}\n      onOpenChange={onOpenChange}\n      aria-label={ariaLabel}\n      isDismissable\n      scrollBehavior=\"inside\"\n    >\n      <Dialog.Content>\n        <Dialog.Header>\n          <Dialog.Title>{title}</Dialog.Title>\n          <Dialog.CloseTrigger />\n        </Dialog.Header>\n        <Dialog.Body>{children}</Dialog.Body>\n      </Dialog.Content>\n    </Dialog.Root>\n  );\n};\n\nInfoDialog.displayName = \"InfoDialog\";\n"],"mappings":"0JA2BA,IAAa,GAAc,CACzB,QACA,WACA,SACA,cACA,eACA,aAAc,MAGZ,EAAA,EAAA,KAAC,EAAA,EAAO,KAAR,CACU,SACK,cACC,eACd,aAAY,EACZ,cAAA,GACA,eAAe,mBAEf,EAAA,EAAA,MAAC,EAAA,EAAO,QAAR,CAAA,SAAA,EACE,EAAA,EAAA,MAAC,EAAA,EAAO,OAAR,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,EAAA,EAAO,MAAR,CAAA,SAAe,CAAoB,CAAA,GACnC,EAAA,EAAA,KAAC,EAAA,EAAO,aAAR,CAAsB,CAAA,CACT,CAAA,CAAA,GACf,EAAA,EAAA,KAAC,EAAA,EAAO,KAAR,CAAc,UAAsB,CAAA,CACtB,CAAA,CAAA,CACL,CAAA,EAIjB,EAAW,YAAc"}
+{"version":3,"file":"info-dialog.cjs","names":[],"sources":["../../src/patterns/dialogs/info-dialog/info-dialog.tsx"],"sourcesContent":["import { Dialog } from \"@/components\";\nimport type { InfoDialogProps } from \"./info-dialog.types\";\n\n/**\n * # InfoDialog\n *\n * A pre-composed, read-only informational dialog pattern built on top of the\n * Nimbus `Dialog` primitive. Exposes a flat API (`title`, `children`, and\n * optional `isOpen` / `defaultOpen` / `onOpenChange` / `aria-label`) for the\n * common case of showing information the user only needs to read and dismiss.\n *\n * Close affordances: the X button in the header, the Escape key, and a click\n * on the overlay all invoke `onOpenChange(false)`.\n *\n * @example\n * ```tsx\n * const [isOpen, setIsOpen] = useState(false);\n *\n * <InfoDialog\n *   title=\"Shipping restrictions\"\n *   isOpen={isOpen}\n *   onOpenChange={setIsOpen}\n * >\n *   <Text>Some goods cannot be shipped to the selected region.</Text>\n * </InfoDialog>\n * ```\n */\nexport const InfoDialog = ({\n  title,\n  children,\n  isOpen,\n  defaultOpen,\n  onOpenChange,\n  \"aria-label\": ariaLabel,\n}: InfoDialogProps) => {\n  return (\n    <Dialog.Root\n      isOpen={isOpen}\n      defaultOpen={defaultOpen}\n      onOpenChange={onOpenChange}\n      aria-label={ariaLabel}\n      isDismissable\n      scrollBehavior=\"inside\"\n    >\n      <Dialog.Content>\n        <Dialog.Header>\n          <Dialog.Title>{title}</Dialog.Title>\n          <Dialog.CloseTrigger />\n        </Dialog.Header>\n        <Dialog.Body>{children}</Dialog.Body>\n      </Dialog.Content>\n    </Dialog.Root>\n  );\n};\n\nInfoDialog.displayName = \"InfoDialog\";\n"],"mappings":"0JA2BA,IAAa,GAAc,CACzB,QACA,WACA,SACA,cACA,eACA,aAAc,MAGZ,EAAA,EAAA,IAAA,CAAC,EAAA,EAAO,KAAR,CACU,SACK,cACC,eACd,aAAY,EACZ,cAAA,GACA,eAAe,mBAEf,EAAA,EAAA,KAAA,CAAC,EAAA,EAAO,QAAR,CAAA,SAAA,EACE,EAAA,EAAA,KAAA,CAAC,EAAA,EAAO,OAAR,CAAA,SAAA,EACE,EAAA,EAAA,IAAA,CAAC,EAAA,EAAO,MAAR,CAAA,SAAe,CAAoB,CAAA,GACnC,EAAA,EAAA,IAAA,CAAC,EAAA,EAAO,aAAR,CAAsB,CAAA,CACT,CAAA,CAAA,GACf,EAAA,EAAA,IAAA,CAAC,EAAA,EAAO,KAAR,CAAc,UAAsB,CAAA,CACtB,CAAA,CAAA,CACL,CAAA,EAIjB,EAAW,YAAc"}

package/dist/components/info-dialog.es.js

@@ -1,4 +1,4 @@
-import { t as e } from "../chunks/dialog-BbknnPiL.esm.js";
+import { t as e } from "../chunks/dialog-lxgomHvu.esm.js";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 //#region src/patterns/dialogs/info-dialog/info-dialog.tsx
 var r = ({ title: r, children: i, isOpen: a, defaultOpen: o, onOpenChange: s, "aria-label": c }) => /* @__PURE__ */ t(e.Root, {

package/dist/components/inline-svg.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/inline-svg-Dj-aVgpS.cjs.js");exports.InlineSvg=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/inline-svg-B4Q1TFiC.cjs.js");exports.InlineSvg=e.t;

package/dist/components/inline-svg.es.js

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/inline-svg-CBPeYaXW.esm.js";
+import { t as e } from "../chunks/inline-svg-CEN4o4ri.esm.js";
 export { e as InlineSvg };

package/dist/components/item/components/index.d.ts

@@ -0,0 +1,8 @@
+export { ItemRoot } from './item.root.js';
+export { ItemHeader } from './item.header.js';
+export { ItemMedia } from './item.media.js';
+export { ItemContent } from './item.content.js';
+export { ItemTitle } from './item.title.js';
+export { ItemDescription } from './item.description.js';
+export { ItemActions } from './item.actions.js';
+export { ItemFooter } from './item.footer.js';

package/dist/components/item/components/item.actions.d.ts

@@ -0,0 +1,14 @@
+import { ItemActionsProps } from '../item.types.js';
+/**
+ * Item.Actions - Trailing slot for interactive controls (Button, IconButton).
+ *
+ * Controls placed here keep a focus order independent of a link-mode
+ * `Item.Root`, and — via the `data-item-actions` marker that a link-mode root
+ * watches for — activate without triggering row navigation.
+ *
+ * @supportsStyleProps
+ */
+export declare const ItemActions: {
+    (props: ItemActionsProps): import("react").JSX.Element;
+    displayName: string;
+};

package/dist/components/item/components/item.content.d.ts

@@ -0,0 +1,11 @@
+import { ItemContentProps } from '../item.types.js';
+/**
+ * Item.Content - The growing middle column that wraps Item.Title and
+ * Item.Description.
+ *
+ * @supportsStyleProps
+ */
+export declare const ItemContent: {
+    (props: ItemContentProps): import("react").JSX.Element;
+    displayName: string;
+};

package/dist/components/item/components/item.description.d.ts

@@ -0,0 +1,10 @@
+import { ItemDescriptionProps } from '../item.types.js';
+/**
+ * Item.Description - Secondary text below the title.
+ *
+ * @supportsStyleProps
+ */
+export declare const ItemDescription: {
+    (props: ItemDescriptionProps): import("react").JSX.Element;
+    displayName: string;
+};

package/dist/components/item/components/item.footer.d.ts

@@ -0,0 +1,10 @@
+import { ItemFooterProps } from '../item.types.js';
+/**
+ * Item.Footer - Optional full-width band rendered below the row.
+ *
+ * @supportsStyleProps
+ */
+export declare const ItemFooter: {
+    (props: ItemFooterProps): import("react").JSX.Element;
+    displayName: string;
+};

package/dist/components/item/components/item.header.d.ts

@@ -0,0 +1,10 @@
+import { ItemHeaderProps } from '../item.types.js';
+/**
+ * Item.Header - Optional full-width band rendered above the row.
+ *
+ * @supportsStyleProps
+ */
+export declare const ItemHeader: {
+    (props: ItemHeaderProps): import("react").JSX.Element;
+    displayName: string;
+};

package/dist/components/item/components/item.media.d.ts

@@ -0,0 +1,18 @@
+import { ItemMediaProps } from '../item.types.js';
+/**
+ * Item.Media - Fixed, non-shrinking leading slot for an icon, avatar, or image.
+ *
+ * `variant` (`default | icon | image`) sizes and shapes the media independently
+ * of `Item.Root`'s `variant`; it is applied via a `data-variant` attribute that
+ * the recipe's media slot targets.
+ *
+ * Media is presentation only — it injects no accessible name of its own. Pass a
+ * decorative icon (hidden by its own `aria-hidden`) or supply an explicit name
+ * on the child when the media is meaningful.
+ *
+ * @supportsStyleProps
+ */
+export declare const ItemMedia: {
+    (props: ItemMediaProps): import("react").JSX.Element;
+    displayName: string;
+};

package/dist/components/item/components/item.root.d.ts

@@ -0,0 +1,16 @@
+import { ItemRootProps } from '../item.types.js';
+/**
+ * Item.Root - The row container and styling-context provider for all Item
+ * parts.
+ *
+ * Presentational by default (`<div>`). When `href` is provided it upgrades to
+ * an accessible link (`<a>`) via `useLink`. There is intentionally no
+ * button/pressable-row mode — row actions belong in `Item.Actions` as nested
+ * `Button`/`IconButton` controls, which keep an independent focus order.
+ *
+ * @supportsStyleProps
+ */
+export declare const ItemRoot: {
+    ({ href, ...props }: ItemRootProps): import("react").JSX.Element;
+    displayName: string;
+};

package/dist/components/item/components/item.title.d.ts

@@ -0,0 +1,10 @@
+import { ItemTitleProps } from '../item.types.js';
+/**
+ * Item.Title - The primary label of the row.
+ *
+ * @supportsStyleProps
+ */
+export declare const ItemTitle: {
+    (props: ItemTitleProps): import("react").JSX.Element;
+    displayName: string;
+};

package/dist/components/item/index.d.ts

@@ -0,0 +1,2 @@
+export * from './item.js';
+export type * from './item.types.js';

package/dist/components/item/item.d.ts

@@ -0,0 +1,177 @@
+import { ItemRoot, ItemHeader, ItemMedia, ItemContent, ItemTitle, ItemDescription, ItemActions, ItemFooter } from './components/index.js';
+/**
+ * Item
+ * ============================================================
+ * A horizontal content-row primitive: leading media, a title/description
+ * column, and trailing actions. Complements `Card` (a vertical container) and
+ * `List`/`Menu` (interactive, selectable collections).
+ *
+ * Presentational by default; `Item.Root` upgrades to an accessible link when
+ * given an `href`. Row actions live as nested controls in `Item.Actions`.
+ *
+ * @see {@link https://nimbus-documentation.vercel.app/components/data-display/item}
+ *
+ * @example
+ * ```tsx
+ * <ItemGroup>
+ *   <Item.Root href="/settings/profile">
+ *     <Item.Media variant="icon"><PersonIcon /></Item.Media>
+ *     <Item.Content>
+ *       <Item.Title>Profile</Item.Title>
+ *       <Item.Description>Name, avatar, and contact details</Item.Description>
+ *     </Item.Content>
+ *     <Item.Actions>
+ *       <IconButton aria-label="Open"><ChevronRightIcon /></IconButton>
+ *     </Item.Actions>
+ *   </Item.Root>
+ *   <ItemGroup.Separator />
+ *   <Item.Root>…</Item.Root>
+ * </ItemGroup>
+ * ```
+ */
+export declare const Item: {
+    /**
+     * # Item.Root
+     *
+     * The row container and styling-context provider for all Item parts.
+     * Renders a `<div>` by default and upgrades to an `<a>` (via React Aria's
+     * `useLink`) when an `href` is provided. Accepts `variant`
+     * (`plain`/`outline`/`subtle`) and `size` (`xs`/`sm`/`md`) props.
+     *
+     * @example
+     * ```tsx
+     * <Item.Root variant="outline" size="md" href="/settings/profile">
+     *   <Item.Content>
+     *     <Item.Title>Profile</Item.Title>
+     *   </Item.Content>
+     * </Item.Root>
+     * ```
+     */
+    Root: {
+        ({ href, ...props }: import('./item.types.js').ItemRootProps): import("react").JSX.Element;
+        displayName: string;
+    };
+    /**
+     * # Item.Header
+     *
+     * Optional full-width band rendered above the media·content·actions row.
+     *
+     * @example
+     * ```tsx
+     * <Item.Root>
+     *   <Item.Header>Shared with your team</Item.Header>
+     *   <Item.Content>
+     *     <Item.Title>Design spec</Item.Title>
+     *   </Item.Content>
+     * </Item.Root>
+     * ```
+     */
+    Header: {
+        (props: import('./item.types.js').ItemHeaderProps): import("react").JSX.Element;
+        displayName: string;
+    };
+    /**
+     * # Item.Media
+     *
+     * Fixed, non-shrinking leading slot for an icon, avatar, or image. Its own
+     * `variant` (`default`/`icon`/`image`) sizes and shapes the media.
+     *
+     * @example
+     * ```tsx
+     * <Item.Media variant="icon">
+     *   <PersonIcon />
+     * </Item.Media>
+     * ```
+     */
+    Media: {
+        (props: import('./item.types.js').ItemMediaProps): import("react").JSX.Element;
+        displayName: string;
+    };
+    /**
+     * # Item.Content
+     *
+     * The growing middle column that wraps `Item.Title` and `Item.Description`.
+     *
+     * @example
+     * ```tsx
+     * <Item.Content>
+     *   <Item.Title>Profile</Item.Title>
+     *   <Item.Description>Name, avatar, and contact details</Item.Description>
+     * </Item.Content>
+     * ```
+     */
+    Content: {
+        (props: import('./item.types.js').ItemContentProps): import("react").JSX.Element;
+        displayName: string;
+    };
+    /**
+     * # Item.Title
+     *
+     * The primary label of the row.
+     *
+     * @example
+     * ```tsx
+     * <Item.Content>
+     *   <Item.Title>Notifications</Item.Title>
+     * </Item.Content>
+     * ```
+     */
+    Title: {
+        (props: import('./item.types.js').ItemTitleProps): import("react").JSX.Element;
+        displayName: string;
+    };
+    /**
+     * # Item.Description
+     *
+     * Secondary text below the title.
+     *
+     * @example
+     * ```tsx
+     * <Item.Content>
+     *   <Item.Title>Notifications</Item.Title>
+     *   <Item.Description>Email and push preferences</Item.Description>
+     * </Item.Content>
+     * ```
+     */
+    Description: {
+        (props: import('./item.types.js').ItemDescriptionProps): import("react").JSX.Element;
+        displayName: string;
+    };
+    /**
+     * # Item.Actions
+     *
+     * Trailing slot for interactive controls (`Button`, `IconButton`). Controls
+     * here keep a focus order independent of a link-mode `Item.Root`.
+     *
+     * @example
+     * ```tsx
+     * <Item.Actions>
+     *   <IconButton aria-label="Open"><ChevronRightIcon /></IconButton>
+     * </Item.Actions>
+     * ```
+     */
+    Actions: {
+        (props: import('./item.types.js').ItemActionsProps): import("react").JSX.Element;
+        displayName: string;
+    };
+    /**
+     * # Item.Footer
+     *
+     * Optional full-width band rendered below the row.
+     *
+     * @example
+     * ```tsx
+     * <Item.Root>
+     *   <Item.Content>
+     *     <Item.Title>Design spec</Item.Title>
+     *   </Item.Content>
+     *   <Item.Footer>Updated 3 days ago</Item.Footer>
+     * </Item.Root>
+     * ```
+     */
+    Footer: {
+        (props: import('./item.types.js').ItemFooterProps): import("react").JSX.Element;
+        displayName: string;
+    };
+};
+export { ItemRoot as _ItemRoot, ItemHeader as _ItemHeader, ItemMedia as _ItemMedia, ItemContent as _ItemContent, ItemTitle as _ItemTitle, ItemDescription as _ItemDescription, ItemActions as _ItemActions, ItemFooter as _ItemFooter, };