@cladd-ui/react 0.6.2 → 0.7.0
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 +19 -0
- package/cladd.css +6 -1
- 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/DialogsPortal.d.ts.map +1 -1
- package/components/DialogsPortal.js +3 -2
- package/components/DialogsPortal.js.map +1 -1
- package/components/DialogsPortalContext.d.ts +10 -9
- package/components/DialogsPortalContext.d.ts.map +1 -1
- package/components/DialogsPortalContext.js +10 -7
- package/components/DialogsPortalContext.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 +2 -0
- package/components/NumberScrubber.d.ts.map +1 -1
- package/components/NumberScrubber.js +2 -1
- 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 +21 -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/ToastsPortal.js +5 -5
- package/components/ToastsPortal.js.map +1 -1
- package/components/ToastsPortalContext.d.ts +10 -9
- package/components/ToastsPortalContext.d.ts.map +1 -1
- package/components/ToastsPortalContext.js +10 -7
- package/components/ToastsPortalContext.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/hooks/use-dialog.js +2 -2
- package/hooks/use-dialog.js.map +1 -1
- package/hooks/use-toast.d.ts.map +1 -1
- package/hooks/use-toast.js +18 -17
- package/hooks/use-toast.js.map +1 -1
- 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
- package/styles/colors.css +1 -1
- package/styles/input.css +2 -1
- package/styles/spinner.css +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Shortcut.d.ts","sourceRoot":"","sources":["../../../src/components/Shortcut.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,wBAAwB,EACxB,SAAS,EACT,GAAG,EAGJ,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Shortcut.d.ts","sourceRoot":"","sources":["../../../src/components/Shortcut.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,wBAAwB,EACxB,SAAS,EACT,GAAG,EAGJ,MAAM,OAAO,CAAC;AAKf,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAUjC,OAAO,EAAW,cAAc,EAAE,MAAM,WAAW,CAAC;AAEpD,MAAM,MAAM,YAAY,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AAE5E,UAAU,gBAAgB;IACxB,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yEAAyE;IACzE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kEAAkE;IAClE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0DAA0D;IAC1D,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,qDAAqD;IACrD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uDAAuD;IACvD,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,sDAAsD;IACtD,KAAK,CAAC,EAAE,KAAK,CAAC;IACd;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,6FAA6F;IAC7F,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,6CAA6C;IAC7C,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B;AAED,MAAM,MAAM,aAAa,GAAG,gBAAgB,GAC1C,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,MAAM,gBAAgB,CAAC,CAAC;AAEhE,+FAA+F;AAC/F,MAAM,MAAM,oBAAoB,GAAG,OAAO,CACxC,IAAI,CAAC,gBAAgB,EAAE,KAAK,GAAG,UAAU,CAAC,CAC3C,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,OAAO,aAAa,4CAmL5C,CAAC"}
|
package/components/Shortcut.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { useLayoutEffect, useState, } from 'react';
|
|
3
|
+
import { useComponentDefaults } from '../hooks/use-component-defaults.js';
|
|
3
4
|
import { cn } from '../shared/cn.js';
|
|
4
5
|
import { nestedSizeClasses } from '../shared/size-utls.js';
|
|
5
6
|
import { KeyboardArrowLeftIcon } from './icons/KeyboardArrowLeftIcon.js';
|
|
@@ -13,7 +14,7 @@ import { KeyboardSpaceIcon } from './icons/KeyboardSpaceIcon.js';
|
|
|
13
14
|
import { KeyboardTabIcon } from './icons/KeyboardTabIcon.js';
|
|
14
15
|
import { Surface } from './Surface.js';
|
|
15
16
|
export const Shortcut = (props) => {
|
|
16
|
-
const { className = '', iconClassName = '', keyClassName = '', keyContentClassName = '', surfaceLevel = '+2', outline = true, variant = 'gradient', color, children, size = 'md', ref, ...rest } = props;
|
|
17
|
+
const { className = '', iconClassName = '', keyClassName = '', keyContentClassName = '', surfaceLevel = '+2', outline = true, variant = 'gradient', color, children, size = 'md', ref, ...rest } = useComponentDefaults('Shortcut', props);
|
|
17
18
|
const [isMac, setIsMac] = useState(false);
|
|
18
19
|
const sizeClass = [
|
|
19
20
|
nestedSizeClasses(size, 'height'),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Shortcut.js","sourceRoot":"","sources":["../../../src/components/Shortcut.tsx"],"names":[],"mappings":";AAAA,OAAO,EAIL,eAAe,EACf,QAAQ,GACT,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,OAAO,EAAkB,MAAM,WAAW,CAAC;
|
|
1
|
+
{"version":3,"file":"Shortcut.js","sourceRoot":"","sources":["../../../src/components/Shortcut.tsx"],"names":[],"mappings":"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"}
|
package/components/Slider.d.ts
CHANGED
|
@@ -34,5 +34,7 @@ export interface SliderProps {
|
|
|
34
34
|
/** Debounce onChange calls in ms. Defaults to 0 (immediate). */
|
|
35
35
|
debounce?: number;
|
|
36
36
|
}
|
|
37
|
+
/** Shape of `Slider` defaults that can be supplied via `CladdProvider`'s `defaults` prop. */
|
|
38
|
+
export type SliderDefaultProps = Partial<Omit<SliderProps, 'value' | 'defaultValue' | 'onChange'>>;
|
|
37
39
|
export declare function Slider(props: SliderProps): import("react/jsx-runtime").JSX.Element;
|
|
38
40
|
//# sourceMappingURL=Slider.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../src/components/Slider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+B,WAAW,EAAc,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../src/components/Slider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+B,WAAW,EAAc,MAAM,OAAO,CAAC;AAK7E,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAKjC,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,CAAC;AACrC,MAAM,WAAW,WAAW;IAC1B,0GAA0G;IAC1G,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mBAAmB;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,qBAAqB;IACrB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,mBAAmB;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,4EAA4E;IAC5E,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,uDAAuD;IACvD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC1E,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kFAAkF;IAClF,KAAK,CAAC,EAAE,KAAK,CAAC;IACd;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,gEAAgE;IAChE,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,6FAA6F;AAC7F,MAAM,MAAM,kBAAkB,GAAG,OAAO,CACtC,IAAI,CAAC,WAAW,EAAE,OAAO,GAAG,cAAc,GAAG,UAAU,CAAC,CACzD,CAAC;AAEF,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,2CAuLxC"}
|
package/components/Slider.js
CHANGED
|
@@ -1,13 +1,14 @@
|
|
|
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 { FocusableLayer } from './FocusableLayer.js';
|
|
6
7
|
import { Surface } from './Surface.js';
|
|
7
8
|
import { SurfaceCut } from './SurfaceCut.js';
|
|
8
9
|
export function Slider(props) {
|
|
9
10
|
const accentColor = useAccentColor();
|
|
10
|
-
const { value: valueProp, defaultValue = 0, min = 0, max = 100, step = 1, size = 'sm', readOnly = false, disabled = false, onChange = () => { }, className, color = accentColor, input: _input = false, debounce = 0, } = props;
|
|
11
|
+
const { value: valueProp, defaultValue = 0, min = 0, max = 100, step = 1, size = 'sm', readOnly = false, disabled = false, onChange = () => { }, className, color = accentColor, input: _input = false, debounce = 0, } = useComponentDefaults('Slider', props);
|
|
11
12
|
const isControlled = valueProp !== undefined;
|
|
12
13
|
const [uncontrolledValue, setUncontrolledValue] = useState(defaultValue);
|
|
13
14
|
const value = isControlled ? valueProp : uncontrolledValue;
|
package/components/Slider.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Slider.js","sourceRoot":"","sources":["../../../src/components/Slider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAA2B,MAAM,OAAO,CAAC;AAE7E,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,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"Slider.js","sourceRoot":"","sources":["../../../src/components/Slider.tsx"],"names":[],"mappings":"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"}
|
package/components/Spinner.d.ts
CHANGED
|
@@ -8,5 +8,7 @@ export interface SpinnerProps {
|
|
|
8
8
|
/** Extra classes for the spinner root element. */
|
|
9
9
|
className?: string;
|
|
10
10
|
}
|
|
11
|
+
/** Shape of `Spinner` defaults that can be supplied via `CladdProvider`'s `defaults` prop. */
|
|
12
|
+
export type SpinnerDefaultProps = Partial<SpinnerProps>;
|
|
11
13
|
export declare function Spinner(props: SpinnerProps): import("react/jsx-runtime").JSX.Element;
|
|
12
14
|
//# sourceMappingURL=Spinner.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,MAAM,MAAM,WAAW,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AAE3E,MAAM,WAAW,YAAY;IAC3B,yCAAyC;IACzC,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,iEAAiE;IACjE,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,8FAA8F;AAC9F,MAAM,MAAM,mBAAmB,GAAG,OAAO,CAAC,YAAY,CAAC,CAAC;AAExD,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,2CA4B1C"}
|
package/components/Spinner.js
CHANGED
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { useAccentColor } from '../hooks/use-accent-color.js';
|
|
3
|
+
import { useComponentDefaults } from '../hooks/use-component-defaults.js';
|
|
3
4
|
import { cn } from '../shared/cn.js';
|
|
4
5
|
import { nestedSizeClasses } from '../shared/size-utls.js';
|
|
5
6
|
export function Spinner(props) {
|
|
6
7
|
const accentColor = useAccentColor();
|
|
7
|
-
const { size = 'sm', color = accentColor, className } = props;
|
|
8
|
+
const { size = 'sm', color = accentColor, className, } = useComponentDefaults('Spinner', props);
|
|
8
9
|
const sizeClass = nestedSizeClasses(size, 'size');
|
|
9
|
-
return (_jsx("span", { className: cn('cladd-spinner cladd-spinner relative', `cladd-color-${color}`, sizeClass, className), children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor", className: cn('h-full w-full animate-cladd-spinner text-cladd-primary'), children: _jsx("path", { d: "M9.045 2.078q-1.04.135-1.609.33a7.982 7.982 0 1 0 10.236 9.9q.15-.49.256-1.356c.069-.568.55-.997 1.122-.997h.008c.56 0 .995.486.937 1.041q-.113 1.068-.279 1.663c-1.18 4.233-5.064 7.338-9.674 7.338C4.496 19.997 0 15.501 0 9.955 0 5.382 3.058 1.522 7.24.31Q7.868.13 9 .006a.94.94 0 0 1 1.042.933v.008c0 .574-.428 1.058-.997 1.131" }) }) }));
|
|
10
|
+
return (_jsx("span", { className: cn('cladd-spinner cladd-spinner relative inline-block', `cladd-color-${color}`, sizeClass, className), children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor", className: cn('h-full w-full animate-cladd-spinner text-cladd-primary'), children: _jsx("path", { d: "M9.045 2.078q-1.04.135-1.609.33a7.982 7.982 0 1 0 10.236 9.9q.15-.49.256-1.356c.069-.568.55-.997 1.122-.997h.008c.56 0 .995.486.937 1.041q-.113 1.068-.279 1.663c-1.18 4.233-5.064 7.338-9.674 7.338C4.496 19.997 0 15.501 0 9.955 0 5.382 3.058 1.522 7.24.31Q7.868.13 9 .006a.94.94 0 0 1 1.042.933v.008c0 .574-.428 1.058-.997 1.131" }) }) }));
|
|
10
11
|
}
|
|
11
12
|
//# sourceMappingURL=Spinner.js.map
|
|
@@ -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":"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"}
|
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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"}
|