@cladd-ui/react 0.0.24 → 0.0.26

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # Changelog
2
2
 
3
+ ## 0.0.26 (2026-05-10)
4
+
5
+ ### Features
6
+
7
+ - align Toast's icon with how it works in Chip (abb88ae)
8
+
9
+ ## 0.0.25 (2026-05-10)
10
+
11
+ ### Features
12
+
13
+ - tweak chip sizes (9c744e0)
14
+
3
15
  ## 0.0.24 (2026-05-10)
4
16
 
5
17
  ### Features
@@ -8,13 +8,13 @@ export const Chip = (props) => {
8
8
  const { children, disabled, className = '', contentClassName = '', rounded = false, size = 'md', as: Component = 'span', outline, hoverable, clickable, color = '', icon: IconComponent, iconProps = {}, surfaceLevel, ref, ...rest } = props;
9
9
  const height = nestedSizeClasses(size, 'height');
10
10
  const paddings = {
11
- '2xs': 'px-1 [&:has(>svg)]:pl-1',
12
- xs: 'px-1 [&:has(>svg)]:pl-1',
13
- sm: 'px-2 [&:has(>svg)]:pl-1',
14
- md: 'px-2 [&:has(>svg)]:pl-1',
15
- lg: 'px-2.5 [&:has(>svg)]:pl-1.5',
16
- xl: 'px-1.5',
17
- '2xl': 'px-2',
11
+ '2xs': 'px-1 [&:has(>svg:first-child)]:pl-1 [&:has(>svg:last-child)]:pr-1',
12
+ xs: 'px-1 [&:has(>svg:first-child)]:pl-1 [&:has(>svg:last-child)]:pr-1',
13
+ sm: 'px-2 [&:has(>svg:first-child)]:pl-1.5 [&:has(>svg:last-child)]:pr-1.5',
14
+ md: 'px-2 [&:has(>svg:first-child)]:pl-1.5 [&:has(>svg:last-child)]:pr-1.5',
15
+ lg: 'px-2.5 [&:has(>svg:first-child)]:pl-2 [&:has(>svg:last-child)]:pr-2',
16
+ xl: 'px-2.5 [&:has(>svg:first-child)]:pl-2 [&:has(>svg:last-child)]:pr-2',
17
+ '2xl': 'px-2.5',
18
18
  };
19
19
  const fontSizes = {
20
20
  '2xs': 'text-cladd-4xs',
@@ -29,7 +29,7 @@ export const Chip = (props) => {
29
29
  '2xs': '[&>svg]:size-1.5',
30
30
  xs: '[&>svg]:size-2.5',
31
31
  sm: '[&>svg]:size-3',
32
- md: '[&>svg]:size-4',
32
+ md: '[&>svg]:size-3.5',
33
33
  lg: '[&>svg]:size-4',
34
34
  xl: '[&>svg]:size-4',
35
35
  '2xl': '[&>svg]:size-4',
@@ -1 +1 @@
1
- {"version":3,"file":"Chip.js","sourceRoot":"","sources":["../../../src/components/Chip.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,MAAM,GAMP,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAiDpC,MAAM,CAAC,MAAM,IAAI,GAAG,CAAiC,KAAmB,EAAE,EAAE;IAC1E,MAAM,KAAK,GAAG,MAAM,CAAqB,IAAI,CAAC,CAAC;IAC/C,MAAM,EACJ,QAAQ,EACR,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,gBAAgB,GAAG,EAAE,EACrB,OAAO,GAAG,KAAK,EACf,IAAI,GAAG,IAAI,EACX,EAAE,EAAE,SAAS,GAAG,MAAM,EACtB,OAAO,EACP,SAAS,EACT,SAAS,EACT,KAAK,GAAG,EAAE,EACV,IAAI,EAAE,aAAa,EACnB,SAAS,GAAG,EAAE,EACd,YAAY,EACZ,GAAG,EACH,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IACV,MAAM,MAAM,GAAG,iBAAiB,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;IACjD,MAAM,QAAQ,GAA6B;QACzC,KAAK,EAAE,yBAAyB;QAChC,EAAE,EAAE,yBAAyB;QAC7B,EAAE,EAAE,yBAAyB;QAC7B,EAAE,EAAE,yBAAyB;QAC7B,EAAE,EAAE,6BAA6B;QACjC,EAAE,EAAE,QAAQ;QACZ,KAAK,EAAE,MAAM;KACd,CAAC;IACF,MAAM,SAAS,GAA6B;QAC1C,KAAK,EAAE,gBAAgB;QACvB,EAAE,EAAE,gBAAgB;QACpB,EAAE,EAAE,gBAAgB;QACpB,EAAE,EAAE,gBAAgB;QACpB,EAAE,EAAE,eAAe;QACnB,EAAE,EAAE,eAAe;QACnB,KAAK,EAAE,eAAe;KACvB,CAAC;IACF,MAAM,SAAS,GAA6B;QAC1C,KAAK,EAAE,kBAAkB;QACzB,EAAE,EAAE,kBAAkB;QACtB,EAAE,EAAE,gBAAgB;QACpB,EAAE,EAAE,gBAAgB;QACpB,EAAE,EAAE,gBAAgB;QACpB,EAAE,EAAE,gBAAgB;QACpB,KAAK,EAAE,gBAAgB;KACxB,CAAC;IAEF,MAAM,cAAc,GAAG;QACrB,KAAK,EAAE,mBAAmB;QAC1B,EAAE,EAAE,mBAAmB;QACvB,EAAE,EAAE,kBAAkB;QACtB,EAAE,EAAE,kBAAkB;QACtB,EAAE,EAAE,kBAAkB;QACtB,EAAE,EAAE,kBAAkB;QACtB,KAAK,EAAE,kBAAkB;KAC1B,CAAC;IAEF,IAAI,iBAAiB,GACnB,SAAS,KAAK,IAAI;QAClB,CAAC,OAAO,SAAS,KAAK,WAAW;YAC/B,CAAC,SAAS,KAAK,GAAG,IAAI,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC;IAEnD,MAAM,gBAAgB,GAAG,OAAsB,CAAC;IAEhD,OAAO,CACL,MAAC,gBAAgB,IACf,EAAE,EAAE,SAAS,EACb,SAAS,EAAE,SAAS,IAAI,iBAAiB,EACzC,SAAS,EAAE,iBAAiB,EAC5B,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,UAAU,EAC7C,KAAK,EAAE,YAAY,EACnB,gBAAgB,EAAE,EAAE,CAClB,kHAAkH,EAClH,SAAS,CAAC,IAAI,CAAC,EACf,QAAQ,CAAC,IAAI,CAAC,EACd,gBAAgB,CACjB,EACD,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,EAAE,CACX,+IAA+I,EAC/I,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,cAAc,CAAC,IAAI,CAAC,EAC/C,iBAAiB,IAAI,cAAc,EACnC,iBAAiB,IAAI,SAAS,KAAK,GAAG;YACpC,CAAC,CAAC,gBAAgB;YAClB,CAAC,CAAC,aAAa,EACjB,MAAM,EACN,SAAS,CAAC,IAAI,CAAC,EACf,SAAS,CACV,EACD,GAAG,EAAE,CAAC,EAAsB,EAAE,EAAE;YAC9B,KAAK,CAAC,OAAO,GAAG,EAAE,CAAC;YACnB,IAAI,GAAG;gBAAG,GAA2C,CAAC,OAAO,GAAG,EAAE,CAAC;QACrE,CAAC,EACD,oBAAoB,EAAE,CAAC,CAAa,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,EAAE,KACvD,IAAI,aAEP,aAAa,IAAI,KAAC,aAAa,OAAK,CAAC,SAAS,IAAI,EAAE,CAAC,GAAI,EACzD,QAAQ,IACQ,CACpB,CAAC;AACJ,CAAC,CAAC"}
1
+ {"version":3,"file":"Chip.js","sourceRoot":"","sources":["../../../src/components/Chip.tsx"],"names":[],"mappings":"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"}
@@ -55,10 +55,10 @@ export interface ToastProps {
55
55
  title?: ReactNode;
56
56
  /** Body text slot. Rendered as a smaller line under `title`. */
57
57
  text?: ReactNode;
58
- /** Icon node rendered before the text content. Pre-rendered. */
59
- icon?: ReactNode;
60
- /** Icon component rendered before the text content. Instantiated as `<IconComponent />` (no props). */
61
- iconComponent?: ElementType<any>;
58
+ /** Icon component rendered before the text content. Receives `iconProps`. */
59
+ icon?: ElementType<any>;
60
+ /** Props forwarded to the `icon` component. */
61
+ iconProps?: Record<string, unknown>;
62
62
  /** Stop click propagation on the toast surface. Use when the toast renders inside a clickable parent. */
63
63
  stopPropagationOnClick?: boolean;
64
64
  /** Render the auto close button on the right. Default `true`. */
@@ -1 +1 @@
1
- {"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/components/Toast.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,WAAW,EAEX,SAAS,EACT,GAAG,EAGJ,MAAM,OAAO,CAAC;AAOf,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAIjC,OAAO,EAAW,cAAc,EAAE,MAAM,WAAW,CAAC;AASpD;;;;GAIG;AACH,eAAO,MAAM,SAAS,GAAI,0DAKvB;IACD,QAAQ,EAAE,SAAS,CAAC;IACpB,2FAA2F;IAC3F,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,wEAAwE;IACxE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,+FAA+F;IAC/F,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC,4CAeA,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,YAAY,GAAI,cAAc;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,4CAajE,CAAC;AAEF;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,UAAU,GAAI,cAAc;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,4CAa/D,CAAC;AAEF,MAAM,WAAW,UAAU;IACzB,0GAA0G;IAC1G,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,sFAAsF;IACtF,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,gEAAgE;IAChE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,4FAA4F;IAC5F,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wDAAwD;IACxD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,gEAAgE;IAChE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,gEAAgE;IAChE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,uGAAuG;IACvG,aAAa,CAAC,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC;IACjC,yGAAyG;IACzG,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,iEAAiE;IACjE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,2BAA2B;IAC3B,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,6CAA6C;IAC7C,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,yDAAyD;IACzD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,qFAAqF;IACrF,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,2CAA2C;IAC3C,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC1B,mFAAmF;IACnF,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAwID,eAAO,MAAM,KAAK,GAAI,iCAAiC,UAAU,4CAShE,CAAC"}
1
+ {"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/components/Toast.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,WAAW,EAEX,SAAS,EACT,GAAG,EAGJ,MAAM,OAAO,CAAC;AAOf,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAIjC,OAAO,EAAW,cAAc,EAAE,MAAM,WAAW,CAAC;AASpD;;;;GAIG;AACH,eAAO,MAAM,SAAS,GAAI,0DAKvB;IACD,QAAQ,EAAE,SAAS,CAAC;IACpB,2FAA2F;IAC3F,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,wEAAwE;IACxE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,+FAA+F;IAC/F,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC,4CAeA,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,YAAY,GAAI,cAAc;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,4CAajE,CAAC;AAEF;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,UAAU,GAAI,cAAc;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,4CAa/D,CAAC;AAEF,MAAM,WAAW,UAAU;IACzB,0GAA0G;IAC1G,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,sFAAsF;IACtF,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,gEAAgE;IAChE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,4FAA4F;IAC5F,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wDAAwD;IACxD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,gEAAgE;IAChE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,6EAA6E;IAC7E,IAAI,CAAC,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC;IACxB,+CAA+C;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACpC,yGAAyG;IACzG,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,iEAAiE;IACjE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,2BAA2B;IAC3B,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,6CAA6C;IAC7C,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,yDAAyD;IACzD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,qFAAqF;IACrF,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,2CAA2C;IAC3C,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC1B,mFAAmF;IACnF,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAoID,eAAO,MAAM,KAAK,GAAI,iCAAiC,UAAU,4CAShE,CAAC"}
@@ -74,7 +74,7 @@ export const ToastClose = ({ children }) => {
74
74
  const ToastInner = (props) => {
75
75
  const theme = useTheme();
76
76
  const overlaysRoot = useOverlaysRoot();
77
- const { root = overlaysRoot, phase = 'closed', onPhaseChange = () => { }, onClosed = () => { }, className = '', title, text, stopPropagationOnClick, closeButton = true, color = 'neutral', icon, iconComponent, surfaceLevel = theme === 'dark' ? 3 : 1, variant = 'gradient', outline = true, timeout = 5000, ref, children, } = props;
77
+ const { root = overlaysRoot, phase = 'closed', onPhaseChange = () => { }, onClosed = () => { }, className = '', title, text, stopPropagationOnClick, closeButton = true, color = 'neutral', icon: IconComponent, iconProps, surfaceLevel = theme === 'dark' ? 3 : 1, variant = 'gradient', outline = true, timeout = 5000, ref, children, } = props;
78
78
  const elRef = useRef(null);
79
79
  const timeoutRef = useRef(null);
80
80
  const { opened, open, close } = useModalUtils({
@@ -97,7 +97,6 @@ const ToastInner = (props) => {
97
97
  }
98
98
  };
99
99
  }, []);
100
- const IconComponent = iconComponent;
101
100
  const content = (_jsxs(Surface, { "data-open": opened || undefined, className: cn(`cladd-toast fixed right-safe-4 bottom-safe-4 z-50 max-w-full origin-bottom rounded-cladd-toast`, !opened &&
102
101
  cn('translate-y-4 scale-75 opacity-0 duration-200 ease-out!'), opened &&
103
102
  'scale-100 opacity-100 duration-500 ease-[cubic-bezier(0,1,0.2,1.1)] has-[+.cladd-toast+.cladd-toast+.cladd-toast:not(.toast-closing)]:opacity-0 has-[+.cladd-toast+.cladd-toast:not(.toast-closing)]:-translate-y-8 has-[+.cladd-toast+.cladd-toast:not(.toast-closing)]:scale-80 has-[+.cladd-toast:not(.toast-closing)]:origin-top has-[+.cladd-toast:not(.toast-closing)]:-translate-y-4 has-[+.cladd-toast:not(.toast-closing)]:scale-90', phase === 'closing' && 'toast-closing', className), ref: (el) => {
@@ -112,8 +111,7 @@ const ToastInner = (props) => {
112
111
  if (stopPropagationOnClick) {
113
112
  e.stopPropagation();
114
113
  }
115
- }, children: [icon ||
116
- (iconComponent && (_jsxs("div", { "data-part": "icon", className: "flex shrink-0 items-center [&>svg]:size-4 [&>svg]:shrink-0", children: [icon, iconComponent && _jsx(IconComponent, {})] }))), (title || text) && (_jsxs("div", { "data-part": "content", className: "flex flex-col gap-1", children: [title && (_jsx("div", { "data-part": "title", className: "text-cladd-sm font-semibold", children: title })), text && (_jsx("div", { "data-part": "text", className: "text-cladd-xs leading-relaxed", children: text }))] })), children, closeButton && (_jsx("div", { className: "ml-auto", children: _jsx(Button, { "data-part": "close", rounded: true, outline: false, variant: "transparent", onClick: () => {
114
+ }, children: [IconComponent && (_jsx("div", { "data-part": "icon", className: "flex shrink-0 items-center [&>svg]:size-4 [&>svg]:shrink-0", children: _jsx(IconComponent, { ...(iconProps || {}) }) })), (title || text) && (_jsxs("div", { "data-part": "content", className: "flex flex-col gap-1", children: [title && (_jsx("div", { "data-part": "title", className: "text-cladd-sm font-semibold", children: title })), text && (_jsx("div", { "data-part": "text", className: "text-cladd-xs leading-relaxed", children: text }))] })), children, closeButton && (_jsx("div", { className: "ml-auto", children: _jsx(Button, { "data-part": "close", rounded: true, outline: false, variant: "transparent", onClick: () => {
117
115
  close();
118
116
  }, children: _jsx(CloseIcon, {}) }) }))] }));
119
117
  return root ? createPortal(content, document.querySelector(root)) : content;
@@ -1 +1 @@
1
- {"version":3,"file":"Toast.js","sourceRoot":"","sources":["../../../src/components/Toast.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Toast.js","sourceRoot":"","sources":["../../../src/components/Toast.tsx"],"names":[],"mappings":"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"}
@@ -5,7 +5,7 @@ export function ToastsPortal() {
5
5
  const { data, state, setState, setData } = useToastsPortalContext();
6
6
  if (!data)
7
7
  return null;
8
- return (_jsx(_Fragment, { children: data.map((toast) => (_jsx(Toast, { open: state[toast.id], onOpenChange: (newState) => setState({ ...state, [toast.id]: newState }), title: toast.title, text: toast.text, closeButton: toast.closeButton, icon: toast.icon, iconComponent: toast.iconComponent, color: toast.color, timeout: toast.timeout, className: toast.className, onClosed: () => {
8
+ return (_jsx(_Fragment, { children: data.map((toast) => (_jsx(Toast, { open: state[toast.id], onOpenChange: (newState) => setState({ ...state, [toast.id]: newState }), title: toast.title, text: toast.text, closeButton: toast.closeButton, icon: toast.icon, iconProps: toast.iconProps, color: toast.color, timeout: toast.timeout, className: toast.className, onClosed: () => {
9
9
  if (toast.removed)
10
10
  return;
11
11
  toast.removed = true;
@@ -1 +1 @@
1
- {"version":3,"file":"ToastsPortal.js","sourceRoot":"","sources":["../../../src/components/ToastsPortal.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAE/D,MAAM,UAAU,YAAY;IAC1B,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,sBAAsB,EAAE,CAAC;IACpE,IAAI,CAAC,IAAI;QAAE,OAAO,IAAI,CAAC;IACvB,OAAO,CACL,4BACG,IAAI,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACnB,KAAC,KAAK,IACJ,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,EACrB,YAAY,EAAE,CAAC,QAAQ,EAAE,EAAE,CACzB,QAAQ,CAAC,EAAE,GAAG,KAAK,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,EAG9C,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,aAAa,EAAE,KAAK,CAAC,aAAa,EAClC,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,QAAQ,EAAE,GAAG,EAAE;gBACb,IAAI,KAAK,CAAC,OAAO;oBAAE,OAAO;gBAC1B,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC;gBACrB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC;gBACpC,OAAO,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC;gBACnB,KAAK,CAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,CAAC;YAC1B,CAAC,IAfI,KAAK,CAAC,EAAE,CAgBb,CACH,CAAC,GACD,CACJ,CAAC;AACJ,CAAC"}
1
+ {"version":3,"file":"ToastsPortal.js","sourceRoot":"","sources":["../../../src/components/ToastsPortal.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAE/D,MAAM,UAAU,YAAY;IAC1B,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,sBAAsB,EAAE,CAAC;IACpE,IAAI,CAAC,IAAI;QAAE,OAAO,IAAI,CAAC;IACvB,OAAO,CACL,4BACG,IAAI,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACnB,KAAC,KAAK,IACJ,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,EACrB,YAAY,EAAE,CAAC,QAAQ,EAAE,EAAE,CACzB,QAAQ,CAAC,EAAE,GAAG,KAAK,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,EAG9C,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,QAAQ,EAAE,GAAG,EAAE;gBACb,IAAI,KAAK,CAAC,OAAO;oBAAE,OAAO;gBAC1B,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC;gBACrB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC;gBACpC,OAAO,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC;gBACnB,KAAK,CAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,CAAC;YAC1B,CAAC,IAfI,KAAK,CAAC,EAAE,CAgBb,CACH,CAAC,GACD,CACJ,CAAC;AACJ,CAAC"}
@@ -12,10 +12,10 @@ export type ToastsPortalData = {
12
12
  text: string | React.ReactNode;
13
13
  /** Render the auto close button. Default `true` (in `Toast`). */
14
14
  closeButton?: boolean;
15
- /** Icon node rendered before the text content. */
16
- icon?: React.ReactNode;
17
- /** Icon component instantiated as `<IconComponent />` (no props). */
18
- iconComponent?: React.ElementType<any>;
15
+ /** Icon component rendered before the text content. Receives `iconProps`. */
16
+ icon?: React.ElementType<any>;
17
+ /** Props forwarded to the `icon` component. */
18
+ iconProps?: Record<string, unknown>;
19
19
  /** Accent color token. */
20
20
  color?: Color;
21
21
  /** Internal flag set after `onClosed` fires once - prevents double-removal from the queue. */
@@ -1 +1 @@
1
- {"version":3,"file":"ToastsPortalContext.d.ts","sourceRoot":"","sources":["../../../src/components/ToastsPortalContext.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC;;;GAGG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC7B,oFAAoF;IACpF,EAAE,EAAE,MAAM,CAAC;IACX,+BAA+B;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,uBAAuB;IACvB,IAAI,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAC/B,iEAAiE;IACjE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kDAAkD;IAClD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,qEAAqE;IACrE,aAAa,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;IACvC,0BAA0B;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,8FAA8F;IAC9F,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,+CAA+C;IAC/C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kDAAkD;IAClD,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CACtC,CAAC;AAEF,eAAO,MAAM,mBAAmB;UACxB,gBAAgB,EAAE;aACf,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,gBAAgB,EAAE,CAAC,CAAC;WAC1D,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;cACpB,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;EAMvE,CAAC;AAEH,eAAO,MAAM,oBAAoB,GAAI,eAElC;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,4CAQA,CAAC;AAEF,eAAO,MAAM,sBAAsB;UAzB3B,gBAAgB,EAAE;aACf,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,gBAAgB,EAAE,CAAC,CAAC;WAC1D,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;cACpB,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;CAwBxE,CAAC"}
1
+ {"version":3,"file":"ToastsPortalContext.d.ts","sourceRoot":"","sources":["../../../src/components/ToastsPortalContext.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC;;;GAGG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC7B,oFAAoF;IACpF,EAAE,EAAE,MAAM,CAAC;IACX,+BAA+B;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,uBAAuB;IACvB,IAAI,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAC/B,iEAAiE;IACjE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,6EAA6E;IAC7E,IAAI,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;IAC9B,+CAA+C;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACpC,0BAA0B;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,8FAA8F;IAC9F,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,+CAA+C;IAC/C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kDAAkD;IAClD,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CACtC,CAAC;AAEF,eAAO,MAAM,mBAAmB;UACxB,gBAAgB,EAAE;aACf,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,gBAAgB,EAAE,CAAC,CAAC;WAC1D,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;cACpB,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;EAMvE,CAAC;AAEH,eAAO,MAAM,oBAAoB,GAAI,eAElC;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,4CAQA,CAAC;AAEF,eAAO,MAAM,sBAAsB;UAzB3B,gBAAgB,EAAE;aACf,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,gBAAgB,EAAE,CAAC,CAAC;WAC1D,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;cACpB,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;CAwBxE,CAAC"}
@@ -1,3 +1,3 @@
1
1
  import { ToastsPortalData } from '../components/ToastsPortalContext.js';
2
- export declare const useToast: () => ({ title, text, color, closeButton, icon, iconComponent, onClosed, }: Partial<ToastsPortalData>) => void;
2
+ export declare const useToast: () => ({ title, text, color, closeButton, icon, iconProps, onClosed, }: Partial<ToastsPortalData>) => void;
3
3
  //# sourceMappingURL=use-toast.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"use-toast.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-toast.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,gBAAgB,EACjB,MAAM,mCAAmC,CAAC;AAE3C,eAAO,MAAM,QAAQ,SAEX,qEAQL,OAAO,CAAC,gBAAgB,CAAC,SAgB7B,CAAC"}
1
+ {"version":3,"file":"use-toast.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-toast.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,gBAAgB,EACjB,MAAM,mCAAmC,CAAC;AAE3C,eAAO,MAAM,QAAQ,SAEX,iEAQL,OAAO,CAAC,gBAAgB,CAAC,SAgB7B,CAAC"}
@@ -1,7 +1,7 @@
1
1
  import { useToastsPortalContext, } from '../components/ToastsPortalContext.js';
2
2
  export const useToast = () => {
3
3
  const { setState, state, setData, data } = useToastsPortalContext();
4
- return ({ title, text, color, closeButton, icon, iconComponent, onClosed, }) => {
4
+ return ({ title, text, color, closeButton, icon, iconProps, onClosed, }) => {
5
5
  const id = Math.random().toString(36).substr(2, 9);
6
6
  data.push({
7
7
  id,
@@ -10,7 +10,7 @@ export const useToast = () => {
10
10
  color,
11
11
  closeButton,
12
12
  icon,
13
- iconComponent,
13
+ iconProps,
14
14
  onClosed,
15
15
  });
16
16
  setData([...data]);
@@ -1 +1 @@
1
- {"version":3,"file":"use-toast.js","sourceRoot":"","sources":["../../../src/hooks/use-toast.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,sBAAsB,GAEvB,MAAM,mCAAmC,CAAC;AAE3C,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,EAAE;IAC3B,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,sBAAsB,EAAE,CAAC;IACpE,OAAO,CAAC,EACN,KAAK,EACL,IAAI,EACJ,KAAK,EACL,WAAW,EACX,IAAI,EACJ,aAAa,EACb,QAAQ,GACkB,EAAE,EAAE;QAC9B,MAAM,EAAE,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QACnD,IAAI,CAAC,IAAI,CAAC;YACR,EAAE;YACF,KAAK,EAAE,KAAM;YACb,IAAI,EAAE,IAAK;YACX,KAAK;YACL,WAAW;YACX,IAAI;YACJ,aAAa;YACb,QAAQ;SACT,CAAC,CAAC;QACH,OAAO,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC;QACnB,KAAK,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC;QACjB,QAAQ,CAAC,EAAE,GAAG,KAAK,EAAE,CAAC,CAAC;IACzB,CAAC,CAAC;AACJ,CAAC,CAAC"}
1
+ {"version":3,"file":"use-toast.js","sourceRoot":"","sources":["../../../src/hooks/use-toast.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,sBAAsB,GAEvB,MAAM,mCAAmC,CAAC;AAE3C,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,EAAE;IAC3B,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,sBAAsB,EAAE,CAAC;IACpE,OAAO,CAAC,EACN,KAAK,EACL,IAAI,EACJ,KAAK,EACL,WAAW,EACX,IAAI,EACJ,SAAS,EACT,QAAQ,GACkB,EAAE,EAAE;QAC9B,MAAM,EAAE,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QACnD,IAAI,CAAC,IAAI,CAAC;YACR,EAAE;YACF,KAAK,EAAE,KAAM;YACb,IAAI,EAAE,IAAK;YACX,KAAK;YACL,WAAW;YACX,IAAI;YACJ,SAAS;YACT,QAAQ;SACT,CAAC,CAAC;QACH,OAAO,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC;QACnB,KAAK,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC;QACjB,QAAQ,CAAC,EAAE,GAAG,KAAK,EAAE,CAAC,CAAC;IACzB,CAAC,CAAC;AACJ,CAAC,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cladd-ui/react",
3
- "version": "0.0.24",
3
+ "version": "0.0.26",
4
4
  "description": "",
5
5
  "homepage": "https://cladd.io",
6
6
  "bugs": {