@usefragments/ui 1.3.3 → 1.4.0

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

@@ -10,9 +10,10 @@ type ButtonBaseProps = {
      * @see https://usefragments.com/components/button#variants
      * @remarks
      * - `"link"` — accent-coloured, transparent; for tertiary CTAs like "View all →"
+     * - `"quiet"` — neutral text button with no box and no height floor; for meta lines and footnotes
      * - `"icon"` — convenience alias for outlined + icon-only layout
      * - `"outline"` — alias for `"outlined"` */
-    variant?: "primary" | "secondary" | "ghost" | "link" | "danger" | "outlined" | "outline" | "icon";
+    variant?: "primary" | "secondary" | "ghost" | "link" | "quiet" | "danger" | "outlined" | "outline" | "icon";
     /** Button size. `"xs"` is for inline row-action controls (accept/dismiss, table-row icons) where `"sm"` is too tall.
      * @default "md"
      * @see https://usefragments.com/components/button#sizes */

package/dist/components/Button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAkB/B;;;GAGG;AACH,KAAK,eAAe,GAAG;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;;;gDAM4C;IAC5C,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,GAAG,MAAM,CAAC;IAClG;;+DAE2D;IAC3D,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC,sHAAsH;IACtH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,0CAA0C;IAC1C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;iEAC6D;IAC7D,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAGF,MAAM,WAAW,mBACf,SAAQ,eAAe,EAAE,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC;IACxF,EAAE,CAAC,EAAE,QAAQ,CAAC;CACf;AAGD,MAAM,WAAW,mBACf,SAAQ,eAAe,EAAE,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC;IACxF,EAAE,EAAE,GAAG,CAAC;CACT;AAED,MAAM,MAAM,WAAW,GAAG,mBAAmB,GAAG,mBAAmB,CAAC;AAgIpE,eAAO,MAAM,MAAM;;CAEjB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAkB/B;;;GAGG;AACH,KAAK,eAAe,GAAG;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;;;;gDAO4C;IAC5C,OAAO,CAAC,EACJ,SAAS,GACT,WAAW,GACX,OAAO,GACP,MAAM,GACN,OAAO,GACP,QAAQ,GACR,UAAU,GACV,SAAS,GACT,MAAM,CAAC;IACX;;+DAE2D;IAC3D,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC,sHAAsH;IACtH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,0CAA0C;IAC1C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;iEAC6D;IAC7D,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAGF,MAAM,WAAW,mBACf,SAAQ,eAAe,EAAE,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC;IACxF,EAAE,CAAC,EAAE,QAAQ,CAAC;CACf;AAGD,MAAM,WAAW,mBACf,SAAQ,eAAe,EAAE,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC;IACxF,EAAE,EAAE,GAAG,CAAC;CACT;AAED,MAAM,MAAM,WAAW,GAAG,mBAAmB,GAAG,mBAAmB,CAAC;AAgIpE,eAAO,MAAM,MAAM;;CAEjB,CAAC"}

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

@@ -36,6 +36,7 @@ export interface ChartLegendContentProps {
     }[];
 }
 type RechartsLegendProps = Record<string, unknown>;
+declare function loadChartDeps(): Promise<void>;
 export declare function useChartConfig(): ChartConfig;
 export declare function ChartContainer({ config, children, className, style, summary, dataTable, 'aria-label': ariaLabel, 'aria-describedby': ariaDescribedBy, ...htmlProps }: ChartContainerProps): import("react/jsx-runtime").JSX.Element;
 export declare function ChartTooltipContent({ active, payload, label, indicator, hideLabel, hideIndicator, labelFormatter, valueFormatter, }: ChartTooltipContentProps): import("react/jsx-runtime").JSX.Element | null;
@@ -60,6 +61,8 @@ export declare const Chart: typeof ChartContainer & {
     TooltipContent: typeof ChartTooltipContent;
     Legend: typeof ChartLegend;
     LegendContent: typeof ChartLegendContent;
+    /** Start resolving recharts before first render (optional). */
+    preload: typeof loadChartDeps;
 };
 export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Chart/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Chart/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Chart/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/CodeBlock/CodeBlock.module.scss.cjs

@@ -1,26 +1,26 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const container = "_container_zhu06_1";
-const title = "_title_zhu06_5";
-const wrapper = "_wrapper_zhu06_14";
-const header = "_header_zhu06_21";
-const filename = "_filename_zhu06_31";
-const copyButton = "_copyButton_zhu06_39";
-const copied = "_copied_zhu06_77";
-const copyOverlay = "_copyOverlay_zhu06_82";
-const withCopyOverlay = "_withCopyOverlay_zhu06_93";
-const codeContainer = "_codeContainer_zhu06_100";
-const loading = "_loading_zhu06_101";
-const icon = "_icon_zhu06_105";
-const persistentCopy = "_persistentCopy_zhu06_109";
-const persistentCopyWrapper = "_persistentCopyWrapper_zhu06_115";
-const withLineNumbers = "_withLineNumbers_zhu06_199";
-const withDiff = "_withDiff_zhu06_203";
-const compact = "_compact_zhu06_227";
-const wordWrap = "_wordWrap_zhu06_244";
-const caption = "_caption_zhu06_254";
-const collapseButton = "_collapseButton_zhu06_260";
-const tabbedPanel = "_tabbedPanel_zhu06_303";
+const container = "_container_1nldn_1";
+const title = "_title_1nldn_5";
+const wrapper = "_wrapper_1nldn_14";
+const header = "_header_1nldn_21";
+const filename = "_filename_1nldn_31";
+const copyButton = "_copyButton_1nldn_39";
+const copied = "_copied_1nldn_77";
+const copyOverlay = "_copyOverlay_1nldn_82";
+const withCopyOverlay = "_withCopyOverlay_1nldn_93";
+const codeContainer = "_codeContainer_1nldn_100";
+const loading = "_loading_1nldn_101";
+const icon = "_icon_1nldn_105";
+const persistentCopy = "_persistentCopy_1nldn_109";
+const persistentCopyWrapper = "_persistentCopyWrapper_1nldn_115";
+const withLineNumbers = "_withLineNumbers_1nldn_199";
+const withDiff = "_withDiff_1nldn_203";
+const compact = "_compact_1nldn_227";
+const wordWrap = "_wordWrap_1nldn_244";
+const caption = "_caption_1nldn_254";
+const collapseButton = "_collapseButton_1nldn_260";
+const tabbedPanel = "_tabbedPanel_1nldn_303";
 const styles = {
   container,
   title,

package/dist/components/CodeBlock/CodeBlock.module.scss.js

@@ -1,24 +1,24 @@
-const container = "_container_zhu06_1";
-const title = "_title_zhu06_5";
-const wrapper = "_wrapper_zhu06_14";
-const header = "_header_zhu06_21";
-const filename = "_filename_zhu06_31";
-const copyButton = "_copyButton_zhu06_39";
-const copied = "_copied_zhu06_77";
-const copyOverlay = "_copyOverlay_zhu06_82";
-const withCopyOverlay = "_withCopyOverlay_zhu06_93";
-const codeContainer = "_codeContainer_zhu06_100";
-const loading = "_loading_zhu06_101";
-const icon = "_icon_zhu06_105";
-const persistentCopy = "_persistentCopy_zhu06_109";
-const persistentCopyWrapper = "_persistentCopyWrapper_zhu06_115";
-const withLineNumbers = "_withLineNumbers_zhu06_199";
-const withDiff = "_withDiff_zhu06_203";
-const compact = "_compact_zhu06_227";
-const wordWrap = "_wordWrap_zhu06_244";
-const caption = "_caption_zhu06_254";
-const collapseButton = "_collapseButton_zhu06_260";
-const tabbedPanel = "_tabbedPanel_zhu06_303";
+const container = "_container_1nldn_1";
+const title = "_title_1nldn_5";
+const wrapper = "_wrapper_1nldn_14";
+const header = "_header_1nldn_21";
+const filename = "_filename_1nldn_31";
+const copyButton = "_copyButton_1nldn_39";
+const copied = "_copied_1nldn_77";
+const copyOverlay = "_copyOverlay_1nldn_82";
+const withCopyOverlay = "_withCopyOverlay_1nldn_93";
+const codeContainer = "_codeContainer_1nldn_100";
+const loading = "_loading_1nldn_101";
+const icon = "_icon_1nldn_105";
+const persistentCopy = "_persistentCopy_1nldn_109";
+const persistentCopyWrapper = "_persistentCopyWrapper_1nldn_115";
+const withLineNumbers = "_withLineNumbers_1nldn_199";
+const withDiff = "_withDiff_1nldn_203";
+const compact = "_compact_1nldn_227";
+const wordWrap = "_wordWrap_1nldn_244";
+const caption = "_caption_1nldn_254";
+const collapseButton = "_collapseButton_1nldn_260";
+const tabbedPanel = "_tabbedPanel_1nldn_303";
 const styles = {
   container,
   title,

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

@@ -1,4 +1,5 @@
 import * as React from "react";
+declare function loadColorfulDeps(): Promise<void>;
 export interface ColorPickerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> {
     /** Label text above the picker */
     label?: string;
@@ -25,5 +26,8 @@ export interface ColorPickerProps extends Omit<React.HTMLAttributes<HTMLDivEleme
 }
 export declare const ColorPicker: React.ForwardRefExoticComponent<ColorPickerProps & React.RefAttributes<HTMLDivElement>> & {
     Root: React.ForwardRefExoticComponent<ColorPickerProps & React.RefAttributes<HTMLDivElement>>;
+    /** Start resolving react-colorful before first render (optional). */
+    preload: typeof loadColorfulDeps;
 };
+export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/components/ColorPicker/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ColorPicker/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA2B/B,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAC5C,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,UAAU,GAAG,cAAc,CAC5B;IACC,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qDAAqD;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2CAA2C;IAC3C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,4CAA4C;IAC5C,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,mCAAmC;IACnC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0CAA0C;IAC1C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yBAAyB;IACzB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,+BAA+B;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AA4HD,eAAO,MAAM,WAAW;;CAEtB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ColorPicker/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgB/B,iBAAS,gBAAgB,IAAI,OAAO,CAAC,IAAI,CAAC,CAkBzC;AAqBD,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAC5C,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,UAAU,GAAG,cAAc,CAC5B;IACC,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qDAAqD;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2CAA2C;IAC3C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,4CAA4C;IAC5C,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,mCAAmC;IACnC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0CAA0C;IAC1C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yBAAyB;IACzB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,+BAA+B;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AA4HD,eAAO,MAAM,WAAW;;IAEtB,qEAAqE;;CAErE,CAAC"}

package/dist/components/Combobox/Combobox.module.scss.cjs

@@ -1,28 +1,28 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const wrapper = "_wrapper_1r1rc_1";
-const label = "_label_1r1rc_6";
-const helper = "_helper_1r1rc_19";
-const helperError = "_helperError_1r1rc_26";
-const errorMessage = "_errorMessage_1r1rc_30";
-const inputWrapper = "_inputWrapper_1r1rc_36";
-const inputWrapperSm = "_inputWrapperSm_1r1rc_74";
-const inputWrapperLg = "_inputWrapperLg_1r1rc_78";
-const inputSm = "_inputSm_1r1rc_82";
-const inputLg = "_inputLg_1r1rc_86";
-const input = "_input_1r1rc_36";
-const chips = "_chips_1r1rc_119";
-const chip = "_chip_1r1rc_119";
-const chipLabel = "_chipLabel_1r1rc_139";
-const chipRemove = "_chipRemove_1r1rc_145";
-const trigger = "_trigger_1r1rc_180";
-const positioner = "_positioner_1r1rc_226";
-const popup = "_popup_1r1rc_231";
-const item = "_item_1r1rc_263";
-const itemIndicator = "_itemIndicator_1r1rc_311";
-const empty = "_empty_1r1rc_325";
-const group = "_group_1r1rc_340";
-const groupLabel = "_groupLabel_1r1rc_346";
+const wrapper = "_wrapper_1hwb3_1";
+const label = "_label_1hwb3_6";
+const helper = "_helper_1hwb3_19";
+const helperError = "_helperError_1hwb3_26";
+const errorMessage = "_errorMessage_1hwb3_30";
+const inputWrapper = "_inputWrapper_1hwb3_36";
+const inputWrapperSm = "_inputWrapperSm_1hwb3_74";
+const inputWrapperLg = "_inputWrapperLg_1hwb3_78";
+const inputSm = "_inputSm_1hwb3_82";
+const inputLg = "_inputLg_1hwb3_86";
+const input = "_input_1hwb3_36";
+const chips = "_chips_1hwb3_119";
+const chip = "_chip_1hwb3_119";
+const chipLabel = "_chipLabel_1hwb3_139";
+const chipRemove = "_chipRemove_1hwb3_145";
+const trigger = "_trigger_1hwb3_180";
+const positioner = "_positioner_1hwb3_226";
+const popup = "_popup_1hwb3_231";
+const item = "_item_1hwb3_269";
+const itemIndicator = "_itemIndicator_1hwb3_318";
+const empty = "_empty_1hwb3_332";
+const group = "_group_1hwb3_347";
+const groupLabel = "_groupLabel_1hwb3_353";
 const styles = {
   wrapper,
   label,

package/dist/components/Combobox/Combobox.module.scss.js

@@ -1,26 +1,26 @@
-const wrapper = "_wrapper_1r1rc_1";
-const label = "_label_1r1rc_6";
-const helper = "_helper_1r1rc_19";
-const helperError = "_helperError_1r1rc_26";
-const errorMessage = "_errorMessage_1r1rc_30";
-const inputWrapper = "_inputWrapper_1r1rc_36";
-const inputWrapperSm = "_inputWrapperSm_1r1rc_74";
-const inputWrapperLg = "_inputWrapperLg_1r1rc_78";
-const inputSm = "_inputSm_1r1rc_82";
-const inputLg = "_inputLg_1r1rc_86";
-const input = "_input_1r1rc_36";
-const chips = "_chips_1r1rc_119";
-const chip = "_chip_1r1rc_119";
-const chipLabel = "_chipLabel_1r1rc_139";
-const chipRemove = "_chipRemove_1r1rc_145";
-const trigger = "_trigger_1r1rc_180";
-const positioner = "_positioner_1r1rc_226";
-const popup = "_popup_1r1rc_231";
-const item = "_item_1r1rc_263";
-const itemIndicator = "_itemIndicator_1r1rc_311";
-const empty = "_empty_1r1rc_325";
-const group = "_group_1r1rc_340";
-const groupLabel = "_groupLabel_1r1rc_346";
+const wrapper = "_wrapper_1hwb3_1";
+const label = "_label_1hwb3_6";
+const helper = "_helper_1hwb3_19";
+const helperError = "_helperError_1hwb3_26";
+const errorMessage = "_errorMessage_1hwb3_30";
+const inputWrapper = "_inputWrapper_1hwb3_36";
+const inputWrapperSm = "_inputWrapperSm_1hwb3_74";
+const inputWrapperLg = "_inputWrapperLg_1hwb3_78";
+const inputSm = "_inputSm_1hwb3_82";
+const inputLg = "_inputLg_1hwb3_86";
+const input = "_input_1hwb3_36";
+const chips = "_chips_1hwb3_119";
+const chip = "_chip_1hwb3_119";
+const chipLabel = "_chipLabel_1hwb3_139";
+const chipRemove = "_chipRemove_1hwb3_145";
+const trigger = "_trigger_1hwb3_180";
+const positioner = "_positioner_1hwb3_226";
+const popup = "_popup_1hwb3_231";
+const item = "_item_1hwb3_269";
+const itemIndicator = "_itemIndicator_1hwb3_318";
+const empty = "_empty_1hwb3_332";
+const group = "_group_1hwb3_347";
+const groupLabel = "_groupLabel_1hwb3_353";
 const styles = {
   wrapper,
   label,

package/dist/components/Command/Command.module.scss.cjs

@@ -1,16 +1,16 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const command = "_command_wjakp_1";
-const inputWrapper = "_inputWrapper_wjakp_11";
-const input = "_input_wjakp_11";
-const list = "_list_wjakp_70";
-const item = "_item_wjakp_76";
-const itemActive = "_itemActive_wjakp_113";
-const itemDisabled = "_itemDisabled_wjakp_118";
-const group = "_group_wjakp_124";
-const groupHeading = "_groupHeading_wjakp_128";
-const empty = "_empty_wjakp_135";
-const separator = "_separator_wjakp_142";
+const command = "_command_18jdg_1";
+const inputWrapper = "_inputWrapper_18jdg_11";
+const input = "_input_18jdg_11";
+const list = "_list_18jdg_70";
+const item = "_item_18jdg_76";
+const itemActive = "_itemActive_18jdg_114";
+const itemDisabled = "_itemDisabled_18jdg_119";
+const group = "_group_18jdg_125";
+const groupHeading = "_groupHeading_18jdg_129";
+const empty = "_empty_18jdg_136";
+const separator = "_separator_18jdg_143";
 const styles = {
   command,
   inputWrapper,

package/dist/components/Command/Command.module.scss.js

@@ -1,14 +1,14 @@
-const command = "_command_wjakp_1";
-const inputWrapper = "_inputWrapper_wjakp_11";
-const input = "_input_wjakp_11";
-const list = "_list_wjakp_70";
-const item = "_item_wjakp_76";
-const itemActive = "_itemActive_wjakp_113";
-const itemDisabled = "_itemDisabled_wjakp_118";
-const group = "_group_wjakp_124";
-const groupHeading = "_groupHeading_wjakp_128";
-const empty = "_empty_wjakp_135";
-const separator = "_separator_wjakp_142";
+const command = "_command_18jdg_1";
+const inputWrapper = "_inputWrapper_18jdg_11";
+const input = "_input_18jdg_11";
+const list = "_list_18jdg_70";
+const item = "_item_18jdg_76";
+const itemActive = "_itemActive_18jdg_114";
+const itemDisabled = "_itemDisabled_18jdg_119";
+const group = "_group_18jdg_125";
+const groupHeading = "_groupHeading_18jdg_129";
+const empty = "_empty_18jdg_136";
+const separator = "_separator_18jdg_143";
 const styles = {
   command,
   inputWrapper,

package/dist/components/ConversationList/ConversationList.module.scss.cjs

@@ -1,15 +1,16 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const conversationList = "_conversationList_1w0ix_1";
-const content = "_content_1w0ix_15";
-const loadingHistory = "_loadingHistory_1w0ix_23";
-const dateSeparator = "_dateSeparator_1w0ix_50";
-const dateSeparatorLine = "_dateSeparatorLine_1w0ix_57";
-const dateSeparatorText = "_dateSeparatorText_1w0ix_63";
-const typingIndicator = "_typingIndicator_1w0ix_74";
-const typingAvatar = "_typingAvatar_1w0ix_81";
-const typingContent = "_typingContent_1w0ix_97";
-const typingDot = "_typingDot_1w0ix_106";
+const conversationList = "_conversationList_zr7xl_1";
+const content = "_content_zr7xl_16";
+const loadingHistory = "_loadingHistory_zr7xl_25";
+const dateSeparator = "_dateSeparator_zr7xl_52";
+const dateSeparatorLine = "_dateSeparatorLine_zr7xl_59";
+const dateSeparatorText = "_dateSeparatorText_zr7xl_65";
+const typingIndicator = "_typingIndicator_zr7xl_76";
+const withoutAvatar = "_withoutAvatar_zr7xl_83";
+const typingAvatar = "_typingAvatar_zr7xl_87";
+const typingContent = "_typingContent_zr7xl_103";
+const typingDot = "_typingDot_zr7xl_112";
 const styles = {
   conversationList,
   content,
@@ -18,6 +19,7 @@ const styles = {
   dateSeparatorLine,
   dateSeparatorText,
   typingIndicator,
+  withoutAvatar,
   typingAvatar,
   typingContent,
   typingDot
@@ -33,3 +35,4 @@ exports.typingAvatar = typingAvatar;
 exports.typingContent = typingContent;
 exports.typingDot = typingDot;
 exports.typingIndicator = typingIndicator;
+exports.withoutAvatar = withoutAvatar;

package/dist/components/ConversationList/ConversationList.module.scss.js

@@ -1,13 +1,14 @@
-const conversationList = "_conversationList_1w0ix_1";
-const content = "_content_1w0ix_15";
-const loadingHistory = "_loadingHistory_1w0ix_23";
-const dateSeparator = "_dateSeparator_1w0ix_50";
-const dateSeparatorLine = "_dateSeparatorLine_1w0ix_57";
-const dateSeparatorText = "_dateSeparatorText_1w0ix_63";
-const typingIndicator = "_typingIndicator_1w0ix_74";
-const typingAvatar = "_typingAvatar_1w0ix_81";
-const typingContent = "_typingContent_1w0ix_97";
-const typingDot = "_typingDot_1w0ix_106";
+const conversationList = "_conversationList_zr7xl_1";
+const content = "_content_zr7xl_16";
+const loadingHistory = "_loadingHistory_zr7xl_25";
+const dateSeparator = "_dateSeparator_zr7xl_52";
+const dateSeparatorLine = "_dateSeparatorLine_zr7xl_59";
+const dateSeparatorText = "_dateSeparatorText_zr7xl_65";
+const typingIndicator = "_typingIndicator_zr7xl_76";
+const withoutAvatar = "_withoutAvatar_zr7xl_83";
+const typingAvatar = "_typingAvatar_zr7xl_87";
+const typingContent = "_typingContent_zr7xl_103";
+const typingDot = "_typingDot_zr7xl_112";
 const styles = {
   conversationList,
   content,
@@ -16,6 +17,7 @@ const styles = {
   dateSeparatorLine,
   dateSeparatorText,
   typingIndicator,
+  withoutAvatar,
   typingAvatar,
   typingContent,
   typingDot
@@ -31,5 +33,6 @@ export {
   typingAvatar,
   typingContent,
   typingDot,
-  typingIndicator
+  typingIndicator,
+  withoutAvatar
 };

package/dist/components/ConversationList/index.cjs

@@ -23,8 +23,11 @@ function _interopNamespaceDefault(e) {
 }
 const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
 const ConversationListContext = React__namespace.createContext(null);
+function useOptionalConversationList() {
+  return React__namespace.useContext(ConversationListContext);
+}
 function useConversationList() {
-  const context = React__namespace.useContext(ConversationListContext);
+  const context = useOptionalConversationList();
   if (!context) {
     throw new Error("useConversationList must be used within a ConversationList");
   }
@@ -67,9 +70,15 @@ function TypingIndicator({
   className,
   ...htmlProps
 }) {
-  const classes = [ConversationList_module.default.typingIndicator, className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ...htmlProps, className: classes, "aria-label": `${name} is typing`, children: [
-    avatar && /* @__PURE__ */ jsxRuntime.jsx("div", { className: ConversationList_module.default.typingAvatar, children: avatar }),
+  var _a;
+  const showAvatar = (((_a = useOptionalConversationList()) == null ? void 0 : _a.showAvatars) ?? true) && Boolean(avatar);
+  const classes = [
+    ConversationList_module.default.typingIndicator,
+    !showAvatar && ConversationList_module.default.withoutAvatar,
+    className
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ...htmlProps, className: classes, role: "status", "aria-label": `${name} is typing`, children: [
+    showAvatar && /* @__PURE__ */ jsxRuntime.jsx("div", { className: ConversationList_module.default.typingAvatar, children: avatar }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ConversationList_module.default.typingContent, children: [
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: ConversationList_module.default.typingDot }),
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: ConversationList_module.default.typingDot }),
@@ -79,6 +88,7 @@ function TypingIndicator({
 }
 function ConversationListRoot({
   children,
+  showAvatars = true,
   autoScroll = "smart",
   onScrollTop,
   loadingHistory = false,
@@ -91,7 +101,6 @@ function ConversationListRoot({
   const containerRef = React__namespace.useRef(null);
   const contentRef = React__namespace.useRef(null);
   const isNearBottomRef = React__namespace.useRef(true);
-  const prevChildrenCountRef = React__namespace.useRef(0);
   const userOnScroll = htmlProps.onScroll;
   const checkIsNearBottom = React__namespace.useCallback(() => {
     const container = containerRef.current;
@@ -118,24 +127,18 @@ function ConversationListRoot({
     }
   }, [checkIsNearBottom, onScrollTop, scrollTopThreshold, userOnScroll]);
   React__namespace.useEffect(() => {
-    const childrenCount = React__namespace.Children.count(children);
-    const hasNewMessages = childrenCount > prevChildrenCountRef.current;
-    prevChildrenCountRef.current = childrenCount;
-    if (!hasNewMessages) return;
-    if (autoScroll === true) {
-      scrollToBottom();
-    } else if (autoScroll === "smart" && isNearBottomRef.current) {
-      scrollToBottom();
-    }
-  }, [children, autoScroll, scrollToBottom]);
-  React__namespace.useEffect(() => {
-    if (autoScroll) {
-      scrollToBottom("instant");
-    }
+    const content = contentRef.current;
+    if (!content || !autoScroll) return;
+    const observer = new ResizeObserver(() => {
+      if (autoScroll === true || isNearBottomRef.current) scrollToBottom("instant");
+    });
+    observer.observe(content);
+    return () => observer.disconnect();
   }, [autoScroll, scrollToBottom]);
-  const contextValue = {
-    scrollToBottom
-  };
+  const contextValue = React__namespace.useMemo(() => ({
+    scrollToBottom,
+    showAvatars
+  }), [scrollToBottom, showAvatars]);
   const hasChildren = React__namespace.Children.count(children) > 0;
   const classes = [
     ConversationList_module.default.conversationList,
@@ -167,3 +170,4 @@ exports.ConversationListRoot = ConversationListRoot;
 exports.DateSeparator = DateSeparator;
 exports.TypingIndicator = TypingIndicator;
 exports.useConversationList = useConversationList;
+exports.useOptionalConversationList = useOptionalConversationList;

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

@@ -3,6 +3,8 @@ export type AutoScrollBehavior = boolean | 'smart';
 export interface ConversationListProps extends React.HTMLAttributes<HTMLDivElement> {
     /** Message components */
     children: React.ReactNode;
+    /** Show avatars for messages and typing indicators in this conversation */
+    showAvatars?: boolean;
     /** Auto-scroll behavior: true (always), false (never), or 'smart' (only when near bottom) */
     autoScroll?: AutoScrollBehavior;
     /** Callback when user scrolls to top (for loading history) */
@@ -30,11 +32,13 @@ export interface TypingIndicatorProps extends React.HTMLAttributes<HTMLDivElemen
 }
 interface ConversationListContextValue {
     scrollToBottom: () => void;
+    showAvatars: boolean;
 }
+export declare function useOptionalConversationList(): ConversationListContextValue | null;
 export declare function useConversationList(): ConversationListContextValue;
 declare function DateSeparator({ date, format: customFormat, className, ...htmlProps }: DateSeparatorProps): import("react/jsx-runtime").JSX.Element;
 declare function TypingIndicator({ name, avatar, className, ...htmlProps }: TypingIndicatorProps): import("react/jsx-runtime").JSX.Element;
-declare function ConversationListRoot({ children, autoScroll, onScrollTop, loadingHistory, emptyState, scrollTopThreshold, scrollBottomThreshold, className, ...htmlProps }: ConversationListProps): import("react/jsx-runtime").JSX.Element;
+declare function ConversationListRoot({ children, showAvatars, autoScroll, onScrollTop, loadingHistory, emptyState, scrollTopThreshold, scrollBottomThreshold, className, ...htmlProps }: ConversationListProps): import("react/jsx-runtime").JSX.Element;
 export declare const ConversationList: typeof ConversationListRoot & {
     DateSeparator: typeof DateSeparator;
     TypingIndicator: typeof TypingIndicator;

package/dist/components/ConversationList/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ConversationList/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,MAAM,kBAAkB,GAAG,OAAO,GAAG,OAAO,CAAC;AAEnD,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACjF,yBAAyB;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,6FAA6F;IAC7F,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAChC,8DAA8D;IAC9D,WAAW,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAC9D,uDAAuD;IACvD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iDAAiD;IACjD,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,0DAA0D;IAC1D,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,4DAA4D;IAC5D,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAChC;AAED,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC9E,sBAAsB;IACtB,IAAI,EAAE,IAAI,CAAC;IACX,6BAA6B;IAC7B,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,CAAC;CACjC;AAED,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAChF,oBAAoB;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oBAAoB;IACpB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAMD,UAAU,4BAA4B;IACpC,cAAc,EAAE,MAAM,IAAI,CAAC;CAC5B;AAID,wBAAgB,mBAAmB,iCAMlC;AA+BD,iBAAS,aAAa,CAAC,EACrB,IAAI,EACJ,MAAM,EAAE,YAAY,EACpB,SAAS,EACT,GAAG,SAAS,EACb,EAAE,kBAAkB,2CAYpB;AAED,iBAAS,eAAe,CAAC,EACvB,IAAkB,EAClB,MAAM,EACN,SAAS,EACT,GAAG,SAAS,EACb,EAAE,oBAAoB,2CAatB;AAMD,iBAAS,oBAAoB,CAAC,EAC5B,QAAQ,EACR,UAAoB,EACpB,WAAW,EACX,cAAsB,EACtB,UAAU,EACV,kBAAuB,EACvB,qBAA2B,EAC3B,SAAS,EACT,GAAG,SAAS,EACb,EAAE,qBAAqB,2CAkGvB;AAMD,eAAO,MAAM,gBAAgB;;;CAG3B,CAAC;AAEH,OAAO,EACL,oBAAoB,EACpB,aAAa,EACb,eAAe,GAChB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ConversationList/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,MAAM,kBAAkB,GAAG,OAAO,GAAG,OAAO,CAAC;AAEnD,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACjF,yBAAyB;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,2EAA2E;IAC3E,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,6FAA6F;IAC7F,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAChC,8DAA8D;IAC9D,WAAW,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAC9D,uDAAuD;IACvD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iDAAiD;IACjD,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,0DAA0D;IAC1D,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,4DAA4D;IAC5D,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAChC;AAED,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC9E,sBAAsB;IACtB,IAAI,EAAE,IAAI,CAAC;IACX,6BAA6B;IAC7B,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,CAAC;CACjC;AAED,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAChF,oBAAoB;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oBAAoB;IACpB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAMD,UAAU,4BAA4B;IACpC,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,WAAW,EAAE,OAAO,CAAC;CACtB;AAID,wBAAgB,2BAA2B,wCAE1C;AAED,wBAAgB,mBAAmB,iCAMlC;AA+BD,iBAAS,aAAa,CAAC,EACrB,IAAI,EACJ,MAAM,EAAE,YAAY,EACpB,SAAS,EACT,GAAG,SAAS,EACb,EAAE,kBAAkB,2CAYpB;AAED,iBAAS,eAAe,CAAC,EACvB,IAAkB,EAClB,MAAM,EACN,SAAS,EACT,GAAG,SAAS,EACb,EAAE,oBAAoB,2CAkBtB;AAMD,iBAAS,oBAAoB,CAAC,EAC5B,QAAQ,EACR,WAAkB,EAClB,UAAoB,EACpB,WAAW,EACX,cAAsB,EACtB,UAAU,EACV,kBAAuB,EACvB,qBAA2B,EAC3B,SAAS,EACT,GAAG,SAAS,EACb,EAAE,qBAAqB,2CAmGvB;AAMD,eAAO,MAAM,gBAAgB;;;CAG3B,CAAC;AAEH,OAAO,EACL,oBAAoB,EACpB,aAAa,EACb,eAAe,GAChB,CAAC"}

package/dist/components/ConversationList/index.js

@@ -4,8 +4,11 @@ import * as React from "react";
 import styles from "./ConversationList.module.scss.js";
 import { Loading } from "../Loading/index.js";
 const ConversationListContext = React.createContext(null);
+function useOptionalConversationList() {
+  return React.useContext(ConversationListContext);
+}
 function useConversationList() {
-  const context = React.useContext(ConversationListContext);
+  const context = useOptionalConversationList();
   if (!context) {
     throw new Error("useConversationList must be used within a ConversationList");
   }
@@ -48,9 +51,15 @@ function TypingIndicator({
   className,
   ...htmlProps
 }) {
-  const classes = [styles.typingIndicator, className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxs("div", { ...htmlProps, className: classes, "aria-label": `${name} is typing`, children: [
-    avatar && /* @__PURE__ */ jsx("div", { className: styles.typingAvatar, children: avatar }),
+  var _a;
+  const showAvatar = (((_a = useOptionalConversationList()) == null ? void 0 : _a.showAvatars) ?? true) && Boolean(avatar);
+  const classes = [
+    styles.typingIndicator,
+    !showAvatar && styles.withoutAvatar,
+    className
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxs("div", { ...htmlProps, className: classes, role: "status", "aria-label": `${name} is typing`, children: [
+    showAvatar && /* @__PURE__ */ jsx("div", { className: styles.typingAvatar, children: avatar }),
     /* @__PURE__ */ jsxs("div", { className: styles.typingContent, children: [
       /* @__PURE__ */ jsx("span", { className: styles.typingDot }),
       /* @__PURE__ */ jsx("span", { className: styles.typingDot }),
@@ -60,6 +69,7 @@ function TypingIndicator({
 }
 function ConversationListRoot({
   children,
+  showAvatars = true,
   autoScroll = "smart",
   onScrollTop,
   loadingHistory = false,
@@ -72,7 +82,6 @@ function ConversationListRoot({
   const containerRef = React.useRef(null);
   const contentRef = React.useRef(null);
   const isNearBottomRef = React.useRef(true);
-  const prevChildrenCountRef = React.useRef(0);
   const userOnScroll = htmlProps.onScroll;
   const checkIsNearBottom = React.useCallback(() => {
     const container = containerRef.current;
@@ -99,24 +108,18 @@ function ConversationListRoot({
     }
   }, [checkIsNearBottom, onScrollTop, scrollTopThreshold, userOnScroll]);
   React.useEffect(() => {
-    const childrenCount = React.Children.count(children);
-    const hasNewMessages = childrenCount > prevChildrenCountRef.current;
-    prevChildrenCountRef.current = childrenCount;
-    if (!hasNewMessages) return;
-    if (autoScroll === true) {
-      scrollToBottom();
-    } else if (autoScroll === "smart" && isNearBottomRef.current) {
-      scrollToBottom();
-    }
-  }, [children, autoScroll, scrollToBottom]);
-  React.useEffect(() => {
-    if (autoScroll) {
-      scrollToBottom("instant");
-    }
+    const content = contentRef.current;
+    if (!content || !autoScroll) return;
+    const observer = new ResizeObserver(() => {
+      if (autoScroll === true || isNearBottomRef.current) scrollToBottom("instant");
+    });
+    observer.observe(content);
+    return () => observer.disconnect();
   }, [autoScroll, scrollToBottom]);
-  const contextValue = {
-    scrollToBottom
-  };
+  const contextValue = React.useMemo(() => ({
+    scrollToBottom,
+    showAvatars
+  }), [scrollToBottom, showAvatars]);
   const hasChildren = React.Children.count(children) > 0;
   const classes = [
     styles.conversationList,
@@ -148,5 +151,6 @@ export {
   ConversationListRoot,
   DateSeparator,
   TypingIndicator,
-  useConversationList
+  useConversationList,
+  useOptionalConversationList
 };