@cladd-ui/react 0.6.3 → 0.7.1
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 +15 -0
- package/components/Backdrop.d.ts +2 -0
- package/components/Backdrop.d.ts.map +1 -1
- package/components/Backdrop.js +2 -1
- package/components/Backdrop.js.map +1 -1
- package/components/Button.d.ts +6 -0
- package/components/Button.d.ts.map +1 -1
- package/components/Button.js +2 -1
- package/components/Button.js.map +1 -1
- package/components/Checkbox.d.ts +2 -0
- package/components/Checkbox.d.ts.map +1 -1
- package/components/Checkbox.js +2 -1
- package/components/Checkbox.js.map +1 -1
- package/components/Chip.d.ts +2 -0
- package/components/Chip.d.ts.map +1 -1
- package/components/Chip.js +2 -1
- package/components/Chip.js.map +1 -1
- package/components/CladdProvider.d.ts +10 -0
- package/components/CladdProvider.d.ts.map +1 -1
- package/components/CladdProvider.js +2 -2
- package/components/CladdProvider.js.map +1 -1
- package/components/Dialog.d.ts +3 -1
- package/components/Dialog.d.ts.map +1 -1
- package/components/Dialog.js +3 -1
- package/components/Dialog.js.map +1 -1
- package/components/Input.d.ts +2 -0
- package/components/Input.d.ts.map +1 -1
- package/components/Input.js +2 -1
- package/components/Input.js.map +1 -1
- package/components/Link.d.ts +3 -1
- package/components/Link.d.ts.map +1 -1
- package/components/Link.js +3 -1
- package/components/Link.js.map +1 -1
- package/components/List.d.ts +2 -0
- package/components/List.d.ts.map +1 -1
- package/components/List.js +2 -1
- package/components/List.js.map +1 -1
- package/components/ListButton.d.ts +2 -0
- package/components/ListButton.d.ts.map +1 -1
- package/components/ListButton.js +2 -1
- package/components/ListButton.js.map +1 -1
- package/components/ListItem.d.ts +2 -0
- package/components/ListItem.d.ts.map +1 -1
- package/components/ListItem.js +2 -1
- package/components/ListItem.js.map +1 -1
- package/components/ListSeparator.d.ts +2 -0
- package/components/ListSeparator.d.ts.map +1 -1
- package/components/ListSeparator.js +2 -1
- package/components/ListSeparator.js.map +1 -1
- package/components/ListTitle.d.ts +2 -0
- package/components/ListTitle.d.ts.map +1 -1
- package/components/ListTitle.js +2 -1
- package/components/ListTitle.js.map +1 -1
- package/components/NumberField.d.ts +2 -0
- package/components/NumberField.d.ts.map +1 -1
- package/components/NumberField.js +2 -1
- package/components/NumberField.js.map +1 -1
- package/components/NumberScrubber.d.ts +4 -0
- package/components/NumberScrubber.d.ts.map +1 -1
- package/components/NumberScrubber.js +5 -4
- package/components/NumberScrubber.js.map +1 -1
- package/components/OTPField.d.ts +2 -0
- package/components/OTPField.d.ts.map +1 -1
- package/components/OTPField.js +2 -1
- package/components/OTPField.js.map +1 -1
- package/components/OTPFieldInput.d.ts +2 -0
- package/components/OTPFieldInput.d.ts.map +1 -1
- package/components/OTPFieldInput.js +2 -1
- package/components/OTPFieldInput.js.map +1 -1
- package/components/OTPFieldSeparator.d.ts +2 -0
- package/components/OTPFieldSeparator.d.ts.map +1 -1
- package/components/OTPFieldSeparator.js +2 -1
- package/components/OTPFieldSeparator.js.map +1 -1
- package/components/Popover.d.ts +3 -1
- package/components/Popover.d.ts.map +1 -1
- package/components/Popover.js +3 -1
- package/components/Popover.js.map +1 -1
- package/components/Popup.d.ts +3 -1
- package/components/Popup.d.ts.map +1 -1
- package/components/Popup.js +3 -1
- package/components/Popup.js.map +1 -1
- package/components/PopupContent.d.ts +2 -0
- package/components/PopupContent.d.ts.map +1 -1
- package/components/PopupContent.js +2 -1
- package/components/PopupContent.js.map +1 -1
- package/components/Radio.d.ts +2 -0
- package/components/Radio.d.ts.map +1 -1
- package/components/Radio.js +2 -1
- package/components/Radio.js.map +1 -1
- package/components/SearchField.d.ts +2 -0
- package/components/SearchField.d.ts.map +1 -1
- package/components/SearchField.js +2 -1
- package/components/SearchField.js.map +1 -1
- package/components/SectionTitle.d.ts +2 -0
- package/components/SectionTitle.d.ts.map +1 -1
- package/components/SectionTitle.js +2 -1
- package/components/SectionTitle.js.map +1 -1
- package/components/Segmented.d.ts +2 -0
- package/components/Segmented.d.ts.map +1 -1
- package/components/Segmented.js +2 -1
- package/components/Segmented.js.map +1 -1
- package/components/SegmentedButton.d.ts +2 -0
- package/components/SegmentedButton.d.ts.map +1 -1
- package/components/SegmentedButton.js +2 -1
- package/components/SegmentedButton.js.map +1 -1
- package/components/Select.d.ts +2 -0
- package/components/Select.d.ts.map +1 -1
- package/components/Select.js +2 -1
- package/components/Select.js.map +1 -1
- package/components/Shortcut.d.ts +2 -0
- package/components/Shortcut.d.ts.map +1 -1
- package/components/Shortcut.js +2 -1
- package/components/Shortcut.js.map +1 -1
- package/components/Slider.d.ts +2 -0
- package/components/Slider.d.ts.map +1 -1
- package/components/Slider.js +2 -1
- package/components/Slider.js.map +1 -1
- package/components/Spinner.d.ts +2 -0
- package/components/Spinner.d.ts.map +1 -1
- package/components/Spinner.js +3 -2
- package/components/Spinner.js.map +1 -1
- package/components/Surface.d.ts +2 -0
- package/components/Surface.d.ts.map +1 -1
- package/components/Surface.js +2 -1
- package/components/Surface.js.map +1 -1
- package/components/SurfaceContent.d.ts +2 -0
- package/components/SurfaceContent.d.ts.map +1 -1
- package/components/SurfaceContent.js +2 -1
- package/components/SurfaceContent.js.map +1 -1
- package/components/SurfaceCut.d.ts +2 -0
- package/components/SurfaceCut.d.ts.map +1 -1
- package/components/SurfaceCut.js +2 -1
- package/components/SurfaceCut.js.map +1 -1
- package/components/SurfaceCutContent.d.ts +2 -0
- package/components/SurfaceCutContent.d.ts.map +1 -1
- package/components/SurfaceCutContent.js +2 -1
- package/components/SurfaceCutContent.js.map +1 -1
- package/components/Switch.d.ts +2 -0
- package/components/Switch.d.ts.map +1 -1
- package/components/Switch.js +2 -1
- package/components/Switch.js.map +1 -1
- package/components/Textarea.d.ts +2 -0
- package/components/Textarea.d.ts.map +1 -1
- package/components/Textarea.js +2 -1
- package/components/Textarea.js.map +1 -1
- package/components/ThemeContext.d.ts +97 -1
- package/components/ThemeContext.d.ts.map +1 -1
- package/components/ThemeContext.js +3 -1
- package/components/ThemeContext.js.map +1 -1
- package/components/Toast.d.ts +3 -1
- package/components/Toast.d.ts.map +1 -1
- package/components/Toast.js +3 -1
- package/components/Toast.js.map +1 -1
- package/components/Toolbar.d.ts +2 -0
- package/components/Toolbar.d.ts.map +1 -1
- package/components/Toolbar.js +2 -1
- package/components/Toolbar.js.map +1 -1
- package/components/ToolbarButton.d.ts +2 -0
- package/components/ToolbarButton.d.ts.map +1 -1
- package/components/ToolbarButton.js +3 -1
- package/components/ToolbarButton.js.map +1 -1
- package/components/ToolbarSeparator.d.ts +2 -0
- package/components/ToolbarSeparator.d.ts.map +1 -1
- package/components/ToolbarSeparator.js +2 -1
- package/components/ToolbarSeparator.js.map +1 -1
- package/components/Tooltip.d.ts +5 -0
- package/components/Tooltip.d.ts.map +1 -1
- package/components/Tooltip.js +5 -3
- package/components/Tooltip.js.map +1 -1
- package/components/TooltipPrimitive.d.ts +3 -1
- package/components/TooltipPrimitive.d.ts.map +1 -1
- package/components/TooltipPrimitive.js +5 -1
- package/components/TooltipPrimitive.js.map +1 -1
- package/hooks/use-component-defaults.d.ts +15 -0
- package/hooks/use-component-defaults.d.ts.map +1 -0
- package/hooks/use-component-defaults.js +18 -0
- package/hooks/use-component-defaults.js.map +1 -0
- package/index.d.ts +43 -41
- package/index.d.ts.map +1 -1
- package/index.js +17 -16
- package/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../../src/components/Spinner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../../src/components/Spinner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AACvE,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAiBxD,MAAM,UAAU,OAAO,CAAC,KAAmB;IACzC,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,MAAM,EACJ,IAAI,GAAG,IAAI,EACX,KAAK,GAAG,WAAW,EACnB,SAAS,GACV,GAAG,oBAAoB,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;IAC3C,MAAM,SAAS,GAAG,iBAAiB,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;IAElD,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,mDAAmD,EACnD,eAAe,KAAK,EAAE,EACtB,SAAS,EACT,SAAS,CACV,YAED,cACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,cAAc,EACnB,SAAS,EAAE,EAAE,CAAC,wDAAwD,CAAC,YAEvE,eAAM,CAAC,EAAC,yUAAyU,GAAG,GAChV,GACD,CACR,CAAC;AACJ,CAAC"}
|
package/components/Surface.d.ts
CHANGED
|
@@ -69,6 +69,8 @@ interface SurfaceOwnProps<C extends ElementType = 'div'> {
|
|
|
69
69
|
ref?: Ref<HTMLElement>;
|
|
70
70
|
}
|
|
71
71
|
export type SurfaceProps<C extends ElementType = 'div'> = SurfaceOwnProps<C> & Omit<ComponentPropsWithoutRef<C>, keyof SurfaceOwnProps<C>>;
|
|
72
|
+
/** Shape of `Surface` defaults that can be supplied via `CladdProvider`'s `defaults` prop. */
|
|
73
|
+
export type SurfaceDefaultProps = Partial<Omit<SurfaceOwnProps, 'as' | 'ref' | 'children' | 'beforeContent'>>;
|
|
72
74
|
export declare const Surface: <C extends ElementType = "div">(props: SurfaceProps<C>) => import("react/jsx-runtime").JSX.Element;
|
|
73
75
|
export {};
|
|
74
76
|
//# sourceMappingURL=Surface.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Surface.d.ts","sourceRoot":"","sources":["../../../src/components/Surface.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,WAAW,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Surface.d.ts","sourceRoot":"","sources":["../../../src/components/Surface.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,WAAW,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAK9E,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAIjC,MAAM,MAAM,cAAc,GACtB,aAAa,GACb,OAAO,GACP,UAAU,GACV,YAAY,GACZ,eAAe,CAAC;AAEpB,UAAU,eAAe,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK;IACrD;;;;;;;;;;;OAWG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,uBAAuB;IACvB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8GAA8G;IAC9G,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mGAAmG;IACnG,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,0GAA0G;IAC1G,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;;;;OAQG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB;;OAEG;IACH,EAAE,CAAC,EAAE,CAAC,CAAC;IACP,mGAAmG;IACnG,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,wFAAwF;IACxF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,6GAA6G;IAC7G,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IACpC,uDAAuD;IACvD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,+HAA+H;IAC/H,KAAK,CAAC,EAAE,KAAK,CAAC;IACd;;OAEG;IACH,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iDAAiD;IACjD,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAC;CACxB;AAED,MAAM,MAAM,YAAY,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,IAAI,eAAe,CAAC,CAAC,CAAC,GAC1E,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,MAAM,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC;AAE9D,8FAA8F;AAC9F,MAAM,MAAM,mBAAmB,GAAG,OAAO,CACvC,IAAI,CAAC,eAAe,EAAE,IAAI,GAAG,KAAK,GAAG,UAAU,GAAG,eAAe,CAAC,CACnE,CAAC;AAEF,eAAO,MAAM,OAAO,GAAI,CAAC,SAAS,WAAW,GAAG,KAAK,EACnD,OAAO,YAAY,CAAC,CAAC,CAAC,4CAgIvB,CAAC"}
|
package/components/Surface.js
CHANGED
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useComponentDefaults } from '../hooks/use-component-defaults.js';
|
|
2
3
|
import { useSurface } from '../hooks/use-surface.js';
|
|
3
4
|
import { cn } from '../shared/cn.js';
|
|
4
5
|
import { SurfaceContent } from './SurfaceContent.js';
|
|
5
6
|
import { SurfaceContextProvider } from './SurfaceContext.js';
|
|
6
7
|
export const Surface = (props) => {
|
|
7
8
|
const MAX_LEVEL = 5;
|
|
8
|
-
const { level, children, className = '', contentClassName = '', bgClassName = '', outline = false, variant = 'solid', as: asProp = 'div', clickable = false, pressed, hoverable = false, overlayPosition = 'above', overlayClassName = '', color = '', wrapContent = true, beforeContent, ref, ...rest } = props;
|
|
9
|
+
const { level, children, className = '', contentClassName = '', bgClassName = '', outline = false, variant = 'solid', as: asProp = 'div', clickable = false, pressed, hoverable = false, overlayPosition = 'above', overlayClassName = '', color = '', wrapContent = true, beforeContent, ref, ...rest } = useComponentDefaults('Surface', props);
|
|
9
10
|
const contextLevel = useSurface();
|
|
10
11
|
let levelProp = level;
|
|
11
12
|
if (typeof levelProp === 'string' &&
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Surface.js","sourceRoot":"","sources":["../../../src/components/Surface.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"Surface.js","sourceRoot":"","sources":["../../../src/components/Surface.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,5 +7,7 @@ export interface SurfaceContentProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
7
7
|
/** Forwarded to the underlying `<div>`. */
|
|
8
8
|
ref?: Ref<HTMLDivElement>;
|
|
9
9
|
}
|
|
10
|
+
/** Shape of `SurfaceContent` defaults that can be supplied via `CladdProvider`'s `defaults` prop. */
|
|
11
|
+
export type SurfaceContentDefaultProps = Partial<Omit<SurfaceContentProps, 'children' | 'ref'>>;
|
|
10
12
|
export declare const SurfaceContent: (props: SurfaceContentProps) => import("react/jsx-runtime").JSX.Element;
|
|
11
13
|
//# sourceMappingURL=SurfaceContent.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SurfaceContent.d.ts","sourceRoot":"","sources":["../../../src/components/SurfaceContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"SurfaceContent.d.ts","sourceRoot":"","sources":["../../../src/components/SurfaceContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAKvD,MAAM,WAAW,mBAAoB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACzE,kGAAkG;IAClG,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2CAA2C;IAC3C,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B;AAED,qGAAqG;AACrG,MAAM,MAAM,0BAA0B,GAAG,OAAO,CAC9C,IAAI,CAAC,mBAAmB,EAAE,UAAU,GAAG,KAAK,CAAC,CAC9C,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,OAAO,mBAAmB,4CAYxD,CAAC"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { useComponentDefaults } from '../hooks/use-component-defaults.js';
|
|
2
3
|
import { cn } from '../shared/cn.js';
|
|
3
4
|
export const SurfaceContent = (props) => {
|
|
4
|
-
const { children, className = '', ref, ...rest } = props;
|
|
5
|
+
const { children, className = '', ref, ...rest } = useComponentDefaults('SurfaceContent', props);
|
|
5
6
|
return (_jsx("div", { ref: ref, className: cn(`relative h-full`, className), ...rest, children: children }));
|
|
6
7
|
};
|
|
7
8
|
//# sourceMappingURL=SurfaceContent.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SurfaceContent.js","sourceRoot":"","sources":["../../../src/components/SurfaceContent.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"SurfaceContent.js","sourceRoot":"","sources":["../../../src/components/SurfaceContent.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AACvE,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAgBlC,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAA0B,EAAE,EAAE;IAC3D,MAAM,EACJ,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,GAAG,EACH,GAAG,IAAI,EACR,GAAG,oBAAoB,CAAC,gBAAgB,EAAE,KAAK,CAAC,CAAC;IAClD,OAAO,CACL,cAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,SAAS,CAAC,KAAM,IAAI,YACjE,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -41,5 +41,7 @@ export interface SurfaceCutOwnProps<C extends ElementType = 'div'> {
|
|
|
41
41
|
ref?: Ref<HTMLElement>;
|
|
42
42
|
}
|
|
43
43
|
export type SurfaceCutProps<C extends ElementType = 'div'> = SurfaceCutOwnProps<C> & Omit<ComponentPropsWithoutRef<C>, keyof SurfaceCutOwnProps<C>>;
|
|
44
|
+
/** Shape of `SurfaceCut` defaults that can be supplied via `CladdProvider`'s `defaults` prop. */
|
|
45
|
+
export type SurfaceCutDefaultProps = Partial<Omit<SurfaceCutOwnProps, 'as' | 'ref' | 'children' | 'beforeContent'>>;
|
|
44
46
|
export declare const SurfaceCut: <C extends ElementType = "div">(props: SurfaceCutProps<C>) => import("react/jsx-runtime").JSX.Element;
|
|
45
47
|
//# sourceMappingURL=SurfaceCut.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SurfaceCut.d.ts","sourceRoot":"","sources":["../../../src/components/SurfaceCut.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,WAAW,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"SurfaceCut.d.ts","sourceRoot":"","sources":["../../../src/components/SurfaceCut.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,WAAW,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAK9E,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAIjC,MAAM,WAAW,kBAAkB,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK;IAC/D,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qDAAqD;IACrD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,yEAAyE;IACzE,KAAK,CAAC,EAAE,KAAK,CAAC;IACd;;OAEG;IACH,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,8DAA8D;IAC9D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IACpC,uDAAuD;IACvD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,yFAAyF;IACzF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qEAAqE;IACrE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,qDAAqD;IACrD,EAAE,CAAC,EAAE,CAAC,CAAC;IACP;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,sGAAsG;IACtG,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iDAAiD;IACjD,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAC;CACxB;AAED,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,IACvD,kBAAkB,CAAC,CAAC,CAAC,GACnB,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,MAAM,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAAC;AAEnE,iGAAiG;AACjG,MAAM,MAAM,sBAAsB,GAAG,OAAO,CAC1C,IAAI,CAAC,kBAAkB,EAAE,IAAI,GAAG,KAAK,GAAG,UAAU,GAAG,eAAe,CAAC,CACtE,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,CAAC,SAAS,WAAW,GAAG,KAAK,EACtD,OAAO,eAAe,CAAC,CAAC,CAAC,4CA8E1B,CAAC"}
|
package/components/SurfaceCut.js
CHANGED
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useComponentDefaults } from '../hooks/use-component-defaults.js';
|
|
2
3
|
import { useSurface } from '../hooks/use-surface.js';
|
|
3
4
|
import { cn } from '../shared/cn.js';
|
|
4
5
|
import { SurfaceContextProvider } from './SurfaceContext.js';
|
|
5
6
|
import { SurfaceCutContent } from './SurfaceCutContent.js';
|
|
6
7
|
export const SurfaceCut = (props) => {
|
|
7
|
-
const { children, className = '', outline = true, color, beforeContent, hoverable = false, clickable = false, pressed = false, overlayPosition = 'above', overlayClassName = '', as: asProp = 'div', wrapContent = true, contentClassName = '', ref, ...rest } = props;
|
|
8
|
+
const { children, className = '', outline = true, color, beforeContent, hoverable = false, clickable = false, pressed = false, overlayPosition = 'above', overlayClassName = '', as: asProp = 'div', wrapContent = true, contentClassName = '', ref, ...rest } = useComponentDefaults('SurfaceCut', props);
|
|
8
9
|
const Component = asProp;
|
|
9
10
|
const contextLevel = useSurface();
|
|
10
11
|
const overlay = (hoverable || clickable) && (_jsx("div", { className: cn('pointer-events-none absolute inset-0 rounded-[inherit] opacity-0 duration-200', hoverable &&
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SurfaceCut.js","sourceRoot":"","sources":["../../../src/components/SurfaceCut.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,OAAO,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"SurfaceCut.js","sourceRoot":"","sources":["../../../src/components/SurfaceCut.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AACvE,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,OAAO,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAoDxD,MAAM,CAAC,MAAM,UAAU,GAAG,CACxB,KAAyB,EACzB,EAAE;IACF,MAAM,EACJ,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,OAAO,GAAG,IAAI,EACd,KAAK,EACL,aAAa,EACb,SAAS,GAAG,KAAK,EACjB,SAAS,GAAG,KAAK,EACjB,OAAO,GAAG,KAAK,EACf,eAAe,GAAG,OAAO,EACzB,gBAAgB,GAAG,EAAE,EACrB,EAAE,EAAE,MAAM,GAAG,KAAK,EAClB,WAAW,GAAG,IAAI,EAClB,gBAAgB,GAAG,EAAE,EACrB,GAAG,EACH,GAAG,IAAI,EACR,GAAG,oBAAoB,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;IAE9C,MAAM,SAAS,GAAG,MAAqB,CAAC;IAExC,MAAM,YAAY,GAAG,UAAU,EAAE,CAAC;IAElC,MAAM,OAAO,GAAG,CAAC,SAAS,IAAI,SAAS,CAAC,IAAI,CAC1C,cACE,SAAS,EAAE,EAAE,CACX,+EAA+E,EAC/E,SAAS;YACP,4EAA4E,EAC9E,SAAS;YACP,CAAC,OAAO;gBACN,CAAC,CAAC,sCAAsC;gBACxC,CAAC,CAAC,8EAA8E,CAAC,EACrF,gBAAgB,CACjB,GACD,CACH,CAAC;IAEF,OAAO,CACL,MAAC,SAAS,IACR,SAAS,EAAE,EAAE,CACX,4BAA4B,EAC5B,KAAK,IAAI,eAAe,KAAK,EAAE,EAC/B,SAAS,IAAI,iBAAiB,EAC9B,SAAS,IAAI,iBAAiB,EAC9B,SAAS,CACV,KACG,IAAI,EACR,GAAG,EAAE,GAAG,aAGR,cACE,SAAS,EAAE,EAAE,CACX,6EAA6E,EAC7E,OAAO,IAAI,0BAA0B,CACtC,GACD,EACD,eAAe,KAAK,OAAO,IAAI,OAAO,EACvC,MAAC,sBAAsB,IAAC,KAAK,EAAE,YAAY,GAAG,CAAC,aAC5C,aAAa,EACb,WAAW,CAAC,CAAC,CAAC,CACb,KAAC,iBAAiB,IAChB,SAAS,EAAE,EAAE,CACX,SAAS;4BACP,0EAA0E,EAC5E,gBAAgB,CACjB,YAEA,QAAQ,GACS,CACrB,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,EACA,eAAe,KAAK,OAAO,IAAI,OAAO,IAChB,IACf,CACb,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -12,6 +12,8 @@ interface SurfaceCutContentOwnProps<C extends ElementType = 'div'> {
|
|
|
12
12
|
ref?: Ref<HTMLElement>;
|
|
13
13
|
}
|
|
14
14
|
export type SurfaceCutContentProps<C extends ElementType = 'div'> = SurfaceCutContentOwnProps<C> & Omit<ComponentPropsWithoutRef<C>, keyof SurfaceCutContentOwnProps<C>>;
|
|
15
|
+
/** Shape of `SurfaceCutContent` defaults that can be supplied via `CladdProvider`'s `defaults` prop. */
|
|
16
|
+
export type SurfaceCutContentDefaultProps = Partial<Omit<SurfaceCutContentOwnProps, 'as' | 'ref' | 'children'>>;
|
|
15
17
|
export declare const SurfaceCutContent: <C extends ElementType = "div">(props: SurfaceCutContentProps<C>) => import("react/jsx-runtime").JSX.Element;
|
|
16
18
|
export {};
|
|
17
19
|
//# sourceMappingURL=SurfaceCutContent.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SurfaceCutContent.d.ts","sourceRoot":"","sources":["../../../src/components/SurfaceCutContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,WAAW,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"SurfaceCutContent.d.ts","sourceRoot":"","sources":["../../../src/components/SurfaceCutContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,WAAW,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAK9E,UAAU,yBAAyB,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK;IAC/D,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,0GAA0G;IAC1G,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,qDAAqD;IACrD,EAAE,CAAC,EAAE,CAAC,CAAC;IACP,qCAAqC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iDAAiD;IACjD,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAC;CACxB;AAED,MAAM,MAAM,sBAAsB,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,IAC9D,yBAAyB,CAAC,CAAC,CAAC,GAC1B,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,MAAM,yBAAyB,CAAC,CAAC,CAAC,CAAC,CAAC;AAE1E,wGAAwG;AACxG,MAAM,MAAM,6BAA6B,GAAG,OAAO,CACjD,IAAI,CAAC,yBAAyB,EAAE,IAAI,GAAG,KAAK,GAAG,UAAU,CAAC,CAC3D,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,CAAC,SAAS,WAAW,GAAG,KAAK,EAC7D,OAAO,sBAAsB,CAAC,CAAC,CAAC,4CAoBjC,CAAC"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { useComponentDefaults } from '../hooks/use-component-defaults.js';
|
|
2
3
|
import { cn } from '../shared/cn.js';
|
|
3
4
|
export const SurfaceCutContent = (props) => {
|
|
4
|
-
const { children, fullHeight = true, as: asProp = 'div', className = '', ref, ...rest } = props;
|
|
5
|
+
const { children, fullHeight = true, as: asProp = 'div', className = '', ref, ...rest } = useComponentDefaults('SurfaceCutContent', props);
|
|
5
6
|
const Component = asProp;
|
|
6
7
|
return (_jsx(Component, { ref: ref, className: cn(`relative`, fullHeight && 'h-full', className), ...rest, children: children }));
|
|
7
8
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SurfaceCutContent.js","sourceRoot":"","sources":["../../../src/components/SurfaceCutContent.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"SurfaceCutContent.js","sourceRoot":"","sources":["../../../src/components/SurfaceCutContent.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AACvE,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAwBlC,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAC/B,KAAgC,EAChC,EAAE;IACF,MAAM,EACJ,QAAQ,EACR,UAAU,GAAG,IAAI,EACjB,EAAE,EAAE,MAAM,GAAG,KAAK,EAClB,SAAS,GAAG,EAAE,EACd,GAAG,EACH,GAAG,IAAI,EACR,GAAG,oBAAoB,CAAC,mBAAmB,EAAE,KAAK,CAAC,CAAC;IACrD,MAAM,SAAS,GAAG,MAAqB,CAAC;IACxC,OAAO,CACL,KAAC,SAAS,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,UAAU,IAAI,QAAQ,EAAE,SAAS,CAAC,KACxD,IAAI,YAEP,QAAQ,GACC,CACb,CAAC;AACJ,CAAC,CAAC"}
|
package/components/Switch.d.ts
CHANGED
|
@@ -67,6 +67,8 @@ interface SwitchOwnProps<C extends ElementType = 'label'> {
|
|
|
67
67
|
thumbSurfaceLevel?: string | number;
|
|
68
68
|
}
|
|
69
69
|
export type SwitchProps<C extends ElementType = 'label'> = SwitchOwnProps<C> & Omit<ComponentPropsWithoutRef<C>, keyof SwitchOwnProps<C>>;
|
|
70
|
+
/** Shape of `Switch` defaults that can be supplied via `CladdProvider`'s `defaults` prop. */
|
|
71
|
+
export type SwitchDefaultProps = Partial<Omit<SwitchOwnProps, 'as'>>;
|
|
70
72
|
export declare function Switch<C extends ElementType = 'label'>(props: SwitchProps<C>): import("react/jsx-runtime").JSX.Element;
|
|
71
73
|
export {};
|
|
72
74
|
//# sourceMappingURL=Switch.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/components/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,WAAW,EACX,SAAS,EAET,wBAAwB,EACzB,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/components/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,WAAW,EACX,SAAS,EAET,wBAAwB,EACzB,MAAM,OAAO,CAAC;AAKf,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,OAAO,EAAW,cAAc,EAAE,MAAM,WAAW,CAAC;AAEpD,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,CAAC;AAErC,UAAU,cAAc,CAAC,CAAC,SAAS,WAAW,GAAG,OAAO;IACtD,iDAAiD;IACjD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,uDAAuD;IACvD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gGAAgG;IAChG,QAAQ,CAAC,EAAE,CACT,OAAO,EAAE,OAAO,EAChB,KAAK,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KACxC,IAAI,CAAC;IACV,4EAA4E;IAC5E,KAAK,CAAC,EAAE,KAAK,CAAC;IACd;;;;OAIG;IACH,EAAE,CAAC,EAAE,CAAC,CAAC;IACP;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC,OAAO,EAAE,OAAO,KAAK,SAAS,CAAC,CAAC;IACrD,4EAA4E;IAC5E,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,0EAA0E;IAC1E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,4DAA4D;IAC5D,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,qDAAqD;IACrD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,+DAA+D;IAC/D,YAAY,CAAC,EAAE,cAAc,CAAC;IAC9B;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACrC;AAED,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,WAAW,GAAG,OAAO,IAAI,cAAc,CAAC,CAAC,CAAC,GAC1E,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,MAAM,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC;AAE7D,6FAA6F;AAC7F,MAAM,MAAM,kBAAkB,GAAG,OAAO,CAAC,IAAI,CAAC,cAAc,EAAE,IAAI,CAAC,CAAC,CAAC;AAErE,wBAAgB,MAAM,CAAC,CAAC,SAAS,WAAW,GAAG,OAAO,EAAE,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,2CA+K5E"}
|
package/components/Switch.js
CHANGED
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { useRef, } from 'react';
|
|
3
3
|
import { useAccentColor } from '../hooks/use-accent-color.js';
|
|
4
|
+
import { useComponentDefaults } from '../hooks/use-component-defaults.js';
|
|
4
5
|
import { cn } from '../shared/cn.js';
|
|
5
6
|
import { FocusableLayer } from './FocusableLayer.js';
|
|
6
7
|
import { Surface } from './Surface.js';
|
|
7
8
|
export function Switch(props) {
|
|
8
9
|
const accentColor = useAccentColor();
|
|
9
|
-
const { checked = false, disabled = false, readOnly, onChange = () => { }, color = accentColor, as: asProp = 'label', icon, size = 'md', className, input = true, hoverable, focusable, outline = true, variant = 'solid', surfaceLevel = '+1', thumbOutline = true, thumbVariant = 'gradient', thumbSurfaceLevel = '+2', } = props;
|
|
10
|
+
const { checked = false, disabled = false, readOnly, onChange = () => { }, color = accentColor, as: asProp = 'label', icon, size = 'md', className, input = true, hoverable, focusable, outline = true, variant = 'solid', surfaceLevel = '+1', thumbOutline = true, thumbVariant = 'gradient', thumbSurfaceLevel = '+2', } = useComponentDefaults('Switch', props);
|
|
10
11
|
const elRef = useRef(null);
|
|
11
12
|
let hoverableComputed = hoverable;
|
|
12
13
|
let focusableComputed = focusable;
|
package/components/Switch.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../../src/components/Switch.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,MAAM,GAKP,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,OAAO,EAAkB,MAAM,WAAW,CAAC;
|
|
1
|
+
{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../../src/components/Switch.tsx"],"names":[],"mappings":"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"}
|
package/components/Textarea.d.ts
CHANGED
|
@@ -61,6 +61,8 @@ interface TextareaOwnProps<C extends ElementType = 'div'> {
|
|
|
61
61
|
inputPadding?: string;
|
|
62
62
|
}
|
|
63
63
|
export type TextareaProps<C extends ElementType = 'div'> = TextareaOwnProps<C> & Omit<SurfaceCutOwnProps<C>, keyof TextareaOwnProps<C> | 'children'> & Omit<ComponentPropsWithoutRef<C>, keyof TextareaOwnProps<C>>;
|
|
64
|
+
/** Shape of `Textarea` defaults that can be supplied via `CladdProvider`'s `defaults` prop. */
|
|
65
|
+
export type TextareaDefaultProps = Partial<Omit<TextareaOwnProps, 'as' | 'ref' | 'value' | 'onChange'>>;
|
|
64
66
|
export declare const Textarea: <C extends ElementType = "div">(props: TextareaProps<C>) => import("react/jsx-runtime").JSX.Element;
|
|
65
67
|
export {};
|
|
66
68
|
//# sourceMappingURL=Textarea.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,WAAW,EACX,SAAS,EACT,GAAG,EACH,UAAU,EACV,aAAa,EACb,SAAS,EAGT,wBAAwB,EACzB,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,WAAW,EACX,SAAS,EACT,GAAG,EACH,UAAU,EACV,aAAa,EACb,SAAS,EAGT,wBAAwB,EACzB,MAAM,OAAO,CAAC;AAOf,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,OAAO,EAAc,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAE9D,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AAE7D,UAAU,gBAAgB,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK;IACtD,wHAAwH;IACxH,EAAE,CAAC,EAAE,CAAC,CAAC;IACP,kDAAkD;IAClD,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAC;IACvB,sGAAsG;IACtG,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uDAAuD;IACvD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4EAA4E;IAC5E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sFAAsF;IACtF,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,sFAAsF;IACtF,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACtE,0DAA0D;IAC1D,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACvD,kEAAkE;IAClE,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAClD,kEAAkE;IAClE,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACjD,iGAAiG;IACjG,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,8CAA8C;IAC9C,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,6CAA6C;IAC7C,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iFAAiF;IACjF,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kEAAkE;IAClE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,+CAA+C;IAC/C,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;gFAE4E;IAC5E,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,mGAAmG;IACnG,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,mEAAmE;IACnE,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,4DAA4D;IAC5D,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,+DAA+D;IAC/D,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,MAAM,aAAa,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,IAAI,gBAAgB,CAAC,CAAC,CAAC,GAC5E,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,MAAM,gBAAgB,CAAC,CAAC,CAAC,GAAG,UAAU,CAAC,GACnE,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,MAAM,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC;AAE/D,+FAA+F;AAC/F,MAAM,MAAM,oBAAoB,GAAG,OAAO,CACxC,IAAI,CAAC,gBAAgB,EAAE,IAAI,GAAG,KAAK,GAAG,OAAO,GAAG,UAAU,CAAC,CAC5D,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,CAAC,SAAS,WAAW,GAAG,KAAK,EACpD,OAAO,aAAa,CAAC,CAAC,CAAC,4CAmNxB,CAAC"}
|
package/components/Textarea.js
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { useEffect, useRef, useState, } from 'react';
|
|
3
3
|
import { useAccentColor } from '../hooks/use-accent-color.js';
|
|
4
|
+
import { useComponentDefaults } from '../hooks/use-component-defaults.js';
|
|
4
5
|
import { cn } from '../shared/cn.js';
|
|
5
6
|
import { roundedClasses } from '../shared/rounded-classes.js';
|
|
6
7
|
import { rootSizeClasses } from '../shared/size-utls.js';
|
|
@@ -8,7 +9,7 @@ import { FocusableLayer } from './FocusableLayer.js';
|
|
|
8
9
|
import { SurfaceCut } from './SurfaceCut.js';
|
|
9
10
|
export const Textarea = (props) => {
|
|
10
11
|
const accentColor = useAccentColor();
|
|
11
|
-
const { as: asProp = 'div', ref: externalRef, value, placeholder, disabled = false, readOnly, rounded = false, size = 'lg', onChange = () => { }, onKeyDown = () => { }, onFocus = () => { }, onBlur = () => { }, color = accentColor, prefix, suffix, updateContentOnChange = true, className, contentClassName, inputClassName, placeholderClassName = '', valid = true, infoMessage, errorMessage, icon, ...rest } = props;
|
|
12
|
+
const { as: asProp = 'div', ref: externalRef, value, placeholder, disabled = false, readOnly, rounded = false, size = 'lg', onChange = () => { }, onKeyDown = () => { }, onFocus = () => { }, onBlur = () => { }, color = accentColor, prefix, suffix, updateContentOnChange = true, className, contentClassName, inputClassName, placeholderClassName = '', valid = true, infoMessage, errorMessage, icon, ...rest } = useComponentDefaults('Textarea', props);
|
|
12
13
|
const fontSizes = {
|
|
13
14
|
sm: 'text-cladd-xs',
|
|
14
15
|
md: 'text-cladd-xs',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../../src/components/Textarea.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,SAAS,EACT,MAAM,EACN,QAAQ,GAUT,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAsB,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../../src/components/Textarea.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,9 +1,103 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
2
|
import { Color } from '../types.js';
|
|
3
|
+
import type { BackdropDefaultProps } from './Backdrop.js';
|
|
4
|
+
import type { ButtonDefaultProps } from './Button.js';
|
|
5
|
+
import type { CheckboxDefaultProps } from './Checkbox.js';
|
|
6
|
+
import type { ChipDefaultProps } from './Chip.js';
|
|
7
|
+
import type { DialogDefaultProps } from './Dialog.js';
|
|
8
|
+
import type { InputDefaultProps } from './Input.js';
|
|
9
|
+
import type { LinkDefaultProps } from './Link.js';
|
|
10
|
+
import type { ListDefaultProps } from './List.js';
|
|
11
|
+
import type { ListButtonDefaultProps } from './ListButton.js';
|
|
12
|
+
import type { ListItemDefaultProps } from './ListItem.js';
|
|
13
|
+
import type { ListSeparatorDefaultProps } from './ListSeparator.js';
|
|
14
|
+
import type { ListTitleDefaultProps } from './ListTitle.js';
|
|
15
|
+
import type { NumberFieldDefaultProps } from './NumberField.js';
|
|
16
|
+
import type { NumberScrubberDefaultProps } from './NumberScrubber.js';
|
|
17
|
+
import type { OTPFieldDefaultProps } from './OTPField.js';
|
|
18
|
+
import type { OTPFieldInputDefaultProps } from './OTPFieldInput.js';
|
|
19
|
+
import type { OTPFieldSeparatorDefaultProps } from './OTPFieldSeparator.js';
|
|
20
|
+
import type { PopoverDefaultProps } from './Popover.js';
|
|
21
|
+
import type { PopupDefaultProps } from './Popup.js';
|
|
22
|
+
import type { PopupContentDefaultProps } from './PopupContent.js';
|
|
23
|
+
import type { RadioDefaultProps } from './Radio.js';
|
|
24
|
+
import type { SearchFieldDefaultProps } from './SearchField.js';
|
|
25
|
+
import type { SectionTitleDefaultProps } from './SectionTitle.js';
|
|
26
|
+
import type { SegmentedDefaultProps } from './Segmented.js';
|
|
27
|
+
import type { SegmentedButtonDefaultProps } from './SegmentedButton.js';
|
|
28
|
+
import type { SelectDefaultProps } from './Select.js';
|
|
29
|
+
import type { ShortcutDefaultProps } from './Shortcut.js';
|
|
30
|
+
import type { SliderDefaultProps } from './Slider.js';
|
|
31
|
+
import type { SpinnerDefaultProps } from './Spinner.js';
|
|
32
|
+
import type { SurfaceDefaultProps } from './Surface.js';
|
|
33
|
+
import type { SurfaceContentDefaultProps } from './SurfaceContent.js';
|
|
34
|
+
import type { SurfaceCutDefaultProps } from './SurfaceCut.js';
|
|
35
|
+
import type { SurfaceCutContentDefaultProps } from './SurfaceCutContent.js';
|
|
36
|
+
import type { SwitchDefaultProps } from './Switch.js';
|
|
37
|
+
import type { TextareaDefaultProps } from './Textarea.js';
|
|
38
|
+
import type { ToastDefaultProps } from './Toast.js';
|
|
39
|
+
import type { ToolbarDefaultProps } from './Toolbar.js';
|
|
40
|
+
import type { ToolbarButtonDefaultProps } from './ToolbarButton.js';
|
|
41
|
+
import type { ToolbarSeparatorDefaultProps } from './ToolbarSeparator.js';
|
|
42
|
+
import type { TooltipDefaultProps } from './Tooltip.js';
|
|
43
|
+
import type { TooltipPrimitiveDefaultProps } from './TooltipPrimitive.js';
|
|
44
|
+
/**
|
|
45
|
+
* Registry of per-component default props that can be supplied to
|
|
46
|
+
* `CladdProvider` via the `defaults` prop.
|
|
47
|
+
*
|
|
48
|
+
* Each entry is `Partial<ComponentProps>` (with polymorphic and per-instance
|
|
49
|
+
* props excluded — see each component's `*DefaultProps` type).
|
|
50
|
+
*
|
|
51
|
+
* Add new entries here as additional components opt into context defaults.
|
|
52
|
+
*/
|
|
53
|
+
export interface ComponentDefaults {
|
|
54
|
+
Backdrop?: BackdropDefaultProps;
|
|
55
|
+
Button?: ButtonDefaultProps;
|
|
56
|
+
Checkbox?: CheckboxDefaultProps;
|
|
57
|
+
Chip?: ChipDefaultProps;
|
|
58
|
+
Dialog?: DialogDefaultProps;
|
|
59
|
+
Input?: InputDefaultProps;
|
|
60
|
+
Link?: LinkDefaultProps;
|
|
61
|
+
List?: ListDefaultProps;
|
|
62
|
+
ListButton?: ListButtonDefaultProps;
|
|
63
|
+
ListItem?: ListItemDefaultProps;
|
|
64
|
+
ListSeparator?: ListSeparatorDefaultProps;
|
|
65
|
+
ListTitle?: ListTitleDefaultProps;
|
|
66
|
+
NumberField?: NumberFieldDefaultProps;
|
|
67
|
+
NumberScrubber?: NumberScrubberDefaultProps;
|
|
68
|
+
OTPField?: OTPFieldDefaultProps;
|
|
69
|
+
OTPFieldInput?: OTPFieldInputDefaultProps;
|
|
70
|
+
OTPFieldSeparator?: OTPFieldSeparatorDefaultProps;
|
|
71
|
+
Popover?: PopoverDefaultProps;
|
|
72
|
+
Popup?: PopupDefaultProps;
|
|
73
|
+
PopupContent?: PopupContentDefaultProps;
|
|
74
|
+
Radio?: RadioDefaultProps;
|
|
75
|
+
SearchField?: SearchFieldDefaultProps;
|
|
76
|
+
SectionTitle?: SectionTitleDefaultProps;
|
|
77
|
+
Segmented?: SegmentedDefaultProps;
|
|
78
|
+
SegmentedButton?: SegmentedButtonDefaultProps;
|
|
79
|
+
Select?: SelectDefaultProps;
|
|
80
|
+
Shortcut?: ShortcutDefaultProps;
|
|
81
|
+
Slider?: SliderDefaultProps;
|
|
82
|
+
Spinner?: SpinnerDefaultProps;
|
|
83
|
+
Surface?: SurfaceDefaultProps;
|
|
84
|
+
SurfaceContent?: SurfaceContentDefaultProps;
|
|
85
|
+
SurfaceCut?: SurfaceCutDefaultProps;
|
|
86
|
+
SurfaceCutContent?: SurfaceCutContentDefaultProps;
|
|
87
|
+
Switch?: SwitchDefaultProps;
|
|
88
|
+
Textarea?: TextareaDefaultProps;
|
|
89
|
+
Toast?: ToastDefaultProps;
|
|
90
|
+
Toolbar?: ToolbarDefaultProps;
|
|
91
|
+
ToolbarButton?: ToolbarButtonDefaultProps;
|
|
92
|
+
ToolbarSeparator?: ToolbarSeparatorDefaultProps;
|
|
93
|
+
Tooltip?: TooltipDefaultProps;
|
|
94
|
+
TooltipPrimitive?: TooltipPrimitiveDefaultProps;
|
|
95
|
+
}
|
|
3
96
|
type ThemeContextValue = {
|
|
4
97
|
theme: 'dark' | 'light';
|
|
5
98
|
accentColor: Color;
|
|
6
99
|
overlaysRoot: string;
|
|
100
|
+
defaults: ComponentDefaults;
|
|
7
101
|
};
|
|
8
102
|
export declare const ThemeContext: import("react").Context<ThemeContextValue>;
|
|
9
103
|
/**
|
|
@@ -14,7 +108,7 @@ export declare const ThemeContext: import("react").Context<ThemeContextValue>;
|
|
|
14
108
|
* - per-theme defaults (Dialog/Popover/Tooltip variant, outline, surfaceLevel),
|
|
15
109
|
* - the default `color` for interactive components (Button/Switch/Checkbox/Radio default to `accentColor`).
|
|
16
110
|
*/
|
|
17
|
-
export declare const ThemeProvider: ({ children, theme, accentColor, overlaysRoot, }: {
|
|
111
|
+
export declare const ThemeProvider: ({ children, theme, accentColor, overlaysRoot, defaults, }: {
|
|
18
112
|
/** App subtree to expose theme context to. */
|
|
19
113
|
children: ReactNode;
|
|
20
114
|
/** Color scheme to expose to descendants. */
|
|
@@ -23,6 +117,8 @@ export declare const ThemeProvider: ({ children, theme, accentColor, overlaysRoo
|
|
|
23
117
|
accentColor: string;
|
|
24
118
|
/** The root element(s) to insert overlays to. Default `'#app, #__next, #root'`. */
|
|
25
119
|
overlaysRoot?: string;
|
|
120
|
+
/** Per-component default props, read via `useComponentDefaults`. */
|
|
121
|
+
defaults?: ComponentDefaults;
|
|
26
122
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
27
123
|
export {};
|
|
28
124
|
//# sourceMappingURL=ThemeContext.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeContext.d.ts","sourceRoot":"","sources":["../../../src/components/ThemeContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"ThemeContext.d.ts","sourceRoot":"","sources":["../../../src/components/ThemeContext.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,6 +4,7 @@ export const ThemeContext = createContext({
|
|
|
4
4
|
theme: 'dark',
|
|
5
5
|
accentColor: 'brand',
|
|
6
6
|
overlaysRoot: '#app, #__next, #root',
|
|
7
|
+
defaults: {},
|
|
7
8
|
});
|
|
8
9
|
/**
|
|
9
10
|
* Provides `{ theme, accentColor }` to the rest of the tree via `ThemeContext`.
|
|
@@ -13,11 +14,12 @@ export const ThemeContext = createContext({
|
|
|
13
14
|
* - per-theme defaults (Dialog/Popover/Tooltip variant, outline, surfaceLevel),
|
|
14
15
|
* - the default `color` for interactive components (Button/Switch/Checkbox/Radio default to `accentColor`).
|
|
15
16
|
*/
|
|
16
|
-
export const ThemeProvider = ({ children, theme, accentColor, overlaysRoot, }) => {
|
|
17
|
+
export const ThemeProvider = ({ children, theme, accentColor, overlaysRoot, defaults, }) => {
|
|
17
18
|
return (_jsx(ThemeContext.Provider, { value: {
|
|
18
19
|
theme,
|
|
19
20
|
accentColor,
|
|
20
21
|
overlaysRoot: overlaysRoot ?? '#app, #__next, #root',
|
|
22
|
+
defaults: defaults ?? {},
|
|
21
23
|
}, children: children }));
|
|
22
24
|
};
|
|
23
25
|
//# sourceMappingURL=ThemeContext.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeContext.js","sourceRoot":"","sources":["../../../src/components/ThemeContext.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAa,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ThemeContext.js","sourceRoot":"","sources":["../../../src/components/ThemeContext.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAa,MAAM,OAAO,CAAC;AAwGjD,MAAM,CAAC,MAAM,YAAY,GAAG,aAAa,CAAoB;IAC3D,KAAK,EAAE,MAAM;IACb,WAAW,EAAE,OAAO;IACpB,YAAY,EAAE,sBAAsB;IACpC,QAAQ,EAAE,EAAE;CACb,CAAC,CAAC;AAEH;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,QAAQ,EACR,KAAK,EACL,WAAW,EACX,YAAY,EACZ,QAAQ,GAYT,EAAE,EAAE;IACH,OAAO,CACL,KAAC,YAAY,CAAC,QAAQ,IACpB,KAAK,EAAE;YACL,KAAK;YACL,WAAW;YACX,YAAY,EAAE,YAAY,IAAI,sBAAsB;YACpD,QAAQ,EAAE,QAAQ,IAAI,EAAE;SACzB,YAEA,QAAQ,GACa,CACzB,CAAC;AACJ,CAAC,CAAC"}
|
package/components/Toast.d.ts
CHANGED
|
@@ -88,5 +88,7 @@ export interface ToastProps {
|
|
|
88
88
|
/** Custom content rendered after the title/text block, before the close button. */
|
|
89
89
|
children?: ReactNode;
|
|
90
90
|
}
|
|
91
|
-
|
|
91
|
+
/** Shape of `Toast` defaults that can be supplied via `CladdProvider`'s `defaults` prop. */
|
|
92
|
+
export type ToastDefaultProps = Partial<Omit<ToastProps, 'open' | 'onOpenChange' | 'children' | 'title' | 'text' | 'icon' | 'iconProps' | 'onClosed' | 'ref'>>;
|
|
93
|
+
export declare const Toast: (props: ToastProps) => import("react/jsx-runtime").JSX.Element;
|
|
92
94
|
//# sourceMappingURL=Toast.d.ts.map
|
|
@@ -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;
|
|
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;AAQf,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAIjC,OAAO,EAAW,cAAc,EAAE,MAAM,WAAW,CAAC;AASpD,MAAM,WAAW,cAAc;IAC7B,mDAAmD;IACnD,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;AAED;;;;GAIG;AACH,eAAO,MAAM,SAAS,GAAI,0DAKvB,cAAc,4CAehB,CAAC;AAEF,MAAM,WAAW,iBAAiB;IAChC,2EAA2E;IAC3E,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;GAIG;AACH,eAAO,MAAM,YAAY,GAAI,cAAc,iBAAiB,4CAa3D,CAAC;AAEF,MAAM,WAAW,eAAe;IAC9B,oFAAoF;IACpF,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,UAAU,GAAI,cAAc,eAAe,4CAavD,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;AAED,4FAA4F;AAC5F,MAAM,MAAM,iBAAiB,GAAG,OAAO,CACrC,IAAI,CACF,UAAU,EACR,MAAM,GACN,cAAc,GACd,UAAU,GACV,OAAO,GACP,MAAM,GACN,MAAM,GACN,WAAW,GACX,UAAU,GACV,KAAK,CACR,CACF,CAAC;AAwIF,eAAO,MAAM,KAAK,GAAI,OAAO,UAAU,4CAUtC,CAAC"}
|
package/components/Toast.js
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { cloneElement, createContext, useContext, useState, useEffect, useRef, } from 'react';
|
|
3
3
|
import { createPortal } from 'react-dom';
|
|
4
|
+
import { useComponentDefaults } from '../hooks/use-component-defaults.js';
|
|
4
5
|
import { useModalUtils } from '../hooks/use-modal-utils.js';
|
|
5
6
|
import { useOverlaysRoot } from '../hooks/use-overlays-root.js';
|
|
6
7
|
import { useTheme } from '../hooks/use-theme.js';
|
|
@@ -116,7 +117,8 @@ const ToastInner = (props) => {
|
|
|
116
117
|
}, children: _jsx(CloseIcon, {}) }) }))] }));
|
|
117
118
|
return root ? createPortal(content, document.querySelector(root)) : content;
|
|
118
119
|
};
|
|
119
|
-
export const Toast = (
|
|
120
|
+
export const Toast = (props) => {
|
|
121
|
+
const { open, onOpenChange, ...rest } = useComponentDefaults('Toast', props);
|
|
120
122
|
const ctx = useContext(ToastRootContext);
|
|
121
123
|
const effectiveOpen = open ?? ctx?.open ?? false;
|
|
122
124
|
const effectiveOnOpenChange = onOpenChange ?? ctx?.setOpen ?? (() => { });
|
package/components/Toast.js.map
CHANGED
|
@@ -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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"}
|
package/components/Toolbar.d.ts
CHANGED
|
@@ -39,6 +39,8 @@ interface ToolbarOwnProps<C extends ElementType = 'div'> {
|
|
|
39
39
|
surfaceLevel?: number | string;
|
|
40
40
|
}
|
|
41
41
|
export type ToolbarProps<C extends ElementType = 'div'> = ToolbarOwnProps<C> & Omit<SurfaceProps<C>, keyof ToolbarOwnProps<C>>;
|
|
42
|
+
/** Shape of `Toolbar` defaults that can be supplied via `CladdProvider`'s `defaults` prop. */
|
|
43
|
+
export type ToolbarDefaultProps = Partial<Omit<ToolbarOwnProps, 'as' | 'ref' | 'children'>>;
|
|
42
44
|
export declare const Toolbar: <C extends ElementType = "div">(props: ToolbarProps<C>) => import("react/jsx-runtime").JSX.Element;
|
|
43
45
|
export {};
|
|
44
46
|
//# sourceMappingURL=Toolbar.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../src/components/Toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,SAAS,EAAE,GAAG,EAAE,WAAW,EAAc,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../src/components/Toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,SAAS,EAAE,GAAG,EAAE,WAAW,EAAc,MAAM,OAAO,CAAC;AAKxE,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAW,YAAY,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAGlE,UAAU,eAAe,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK;IACrD,wEAAwE;IACxE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+FAA+F;IAC/F,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,4FAA4F;IAC5F,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,qDAAqD;IACrD,EAAE,CAAC,EAAE,CAAC,CAAC;IACP,yEAAyE;IACzE,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,iDAAiD;IACjD,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAC;IACvB,2EAA2E;IAC3E,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,iEAAiE;IACjE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,aAAa,CAAC,EAAE,cAAc,CAAC;IAC/B,+DAA+D;IAC/D,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,mFAAmF;IACnF,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAChC;AAED,MAAM,MAAM,YAAY,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,IAAI,eAAe,CAAC,CAAC,CAAC,GAC1E,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,MAAM,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC;AAElD,8FAA8F;AAC9F,MAAM,MAAM,mBAAmB,GAAG,OAAO,CACvC,IAAI,CAAC,eAAe,EAAE,IAAI,GAAG,KAAK,GAAG,UAAU,CAAC,CACjD,CAAC;AAEF,eAAO,MAAM,OAAO,GAAI,CAAC,SAAS,WAAW,GAAG,KAAK,EACnD,OAAO,YAAY,CAAC,CAAC,CAAC,4CAsDvB,CAAC"}
|
package/components/Toolbar.js
CHANGED
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { useRef } from 'react';
|
|
3
|
+
import { useComponentDefaults } from '../hooks/use-component-defaults.js';
|
|
3
4
|
import { cn } from '../shared/cn.js';
|
|
4
5
|
import { roundedClasses } from '../shared/rounded-classes.js';
|
|
5
6
|
import { Surface } from './Surface.js';
|
|
6
7
|
import { ToolbarContextProvider } from './ToolbarContext.js';
|
|
7
8
|
export const Toolbar = (props) => {
|
|
8
9
|
const elRef = useRef(null);
|
|
9
|
-
const { children, className = '', contentClassName = '', rounded = true, size = 'md', as: Component = 'div', color = '', ref, variant = 'gradient', outline = true, buttonVariant = 'transparent', buttonOutline = false, surfaceLevel, ...rest } = props;
|
|
10
|
+
const { children, className = '', contentClassName = '', rounded = true, size = 'md', as: Component = 'div', color = '', ref, variant = 'gradient', outline = true, buttonVariant = 'transparent', buttonOutline = false, surfaceLevel, ...rest } = useComponentDefaults('Toolbar', props);
|
|
10
11
|
const { wrapRoundedClasses } = roundedClasses(size, rounded);
|
|
11
12
|
return (_jsx(Surface, { as: Component, className: cn('cladd-toolbar flex', wrapRoundedClasses, className), color: color, outline: outline, variant: variant, level: surfaceLevel, contentClassName: cn('flex h-auto items-center justify-center p-1', contentClassName), ref: (el) => {
|
|
12
13
|
elRef.current = el;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toolbar.js","sourceRoot":"","sources":["../../../src/components/Toolbar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAA2C,MAAM,OAAO,CAAC;AAExE,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAG3D,OAAO,EAAE,OAAO,EAAgC,MAAM,WAAW,CAAC;AAClE,OAAO,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"Toolbar.js","sourceRoot":"","sources":["../../../src/components/Toolbar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAA2C,MAAM,OAAO,CAAC;AAExE,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AACvE,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAG3D,OAAO,EAAE,OAAO,EAAgC,MAAM,WAAW,CAAC;AAClE,OAAO,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;AA+C1D,MAAM,CAAC,MAAM,OAAO,GAAG,CACrB,KAAsB,EACtB,EAAE;IACF,MAAM,KAAK,GAAG,MAAM,CAAqB,IAAI,CAAC,CAAC;IAC/C,MAAM,EACJ,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,gBAAgB,GAAG,EAAE,EACrB,OAAO,GAAG,IAAI,EACd,IAAI,GAAG,IAAI,EACX,EAAE,EAAE,SAAS,GAAG,KAAyB,EACzC,KAAK,GAAG,EAAE,EACV,GAAG,EACH,OAAO,GAAG,UAAU,EACpB,OAAO,GAAG,IAAI,EACd,aAAa,GAAG,aAAa,EAC7B,aAAa,GAAG,KAAK,EACrB,YAAY,EACZ,GAAG,IAAI,EACR,GAAG,oBAAoB,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;IAE3C,MAAM,EAAE,kBAAkB,EAAE,GAAG,cAAc,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;IAE7D,OAAO,CACL,KAAC,OAAO,IACN,EAAE,EAAE,SAAS,EACb,SAAS,EAAE,EAAE,CAAC,oBAAoB,EAAE,kBAAkB,EAAE,SAAS,CAAC,EAClE,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,YAAY,EACnB,gBAAgB,EAAE,EAAE,CAClB,6CAA6C,EAC7C,gBAAgB,CACjB,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,YAER,KAAC,sBAAsB,IACrB,KAAK,EAAE;gBACL,IAAI;gBACJ,OAAO;gBACP,OAAO,EAAE,aAAa;gBACtB,OAAO,EAAE,aAAa;aACvB,YAGA,QAAQ,GACc,GACjB,CACX,CAAC;AACJ,CAAC,CAAC"}
|