@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
package/components/Link.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../src/components/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,WAAW,EACX,GAAG,EACH,wBAAwB,EACxB,SAAS,EACV,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../src/components/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,WAAW,EACX,GAAG,EACH,wBAAwB,EACxB,SAAS,EACV,MAAM,OAAO,CAAC;AAIf,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAGjC,UAAU,YAAY,CAAC,CAAC,SAAS,WAAW,GAAG,QAAQ;IACrD,yBAAyB;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,oBAAoB;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,EAAE,CAAC,EAAE,CAAC,CAAC;IACP,6EAA6E;IAC7E,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qBAAqB;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,gGAAgG;IAChG,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iDAAiD;IACjD,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAC;CACxB;AAED,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS,WAAW,GAAG,QAAQ,IAAI,YAAY,CAAC,CAAC,CAAC,GACvE,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,MAAM,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC;AAE3D,2FAA2F;AAC3F,MAAM,MAAM,gBAAgB,GAAG,OAAO,CACpC,IAAI,CAAC,YAAY,EAAE,IAAI,GAAG,KAAK,GAAG,UAAU,CAAC,CAC9C,CAAC;AAEF,eAAO,MAAM,IAAI,GAAI,CAAC,SAAS,WAAW,GAAG,QAAQ,EAAE,OAAO,SAAS,CAAC,CAAC,CAAC,4CAuDzE,CAAC"}
|
package/components/Link.js
CHANGED
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } 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 { FocusableLayer } from './FocusableLayer.js';
|
|
5
|
-
export const Link = (
|
|
6
|
+
export const Link = (props) => {
|
|
7
|
+
const { children, className = '', disabled = false, readOnly = false, as, color, focusable = true, onClick, href, ref, ...rest } = useComponentDefaults('Link', props);
|
|
6
8
|
const elRef = useRef(null);
|
|
7
9
|
const Component = (typeof as === 'undefined' ? (typeof href === 'string' ? 'a' : 'button') : as);
|
|
8
10
|
return (_jsxs(Component, { ref: (el) => {
|
package/components/Link.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Link.js","sourceRoot":"","sources":["../../../src/components/Link.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,MAAM,GAKP,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"Link.js","sourceRoot":"","sources":["../../../src/components/Link.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,MAAM,GAKP,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AACvE,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAmClD,MAAM,CAAC,MAAM,IAAI,GAAG,CAAmC,KAAmB,EAAE,EAAE;IAC5E,MAAM,EACJ,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,EAAE,EACF,KAAK,EACL,SAAS,GAAG,IAAI,EAChB,OAAO,EACP,IAAI,EACJ,GAAG,EACH,GAAG,IAAI,EACR,GAAG,oBAAoB,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IACxC,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAE3B,MAAM,SAAS,GAAG,CAChB,OAAO,EAAE,KAAK,WAAW,CAAC,CAAC,CAAC,CAAC,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,CAC9D,CAAC;IAEjB,OAAO,CACL,MAAC,SAAS,IACR,GAAG,EAAE,CAAC,EAAO,EAAE,EAAE;YACf,KAAK,CAAC,OAAO,GAAG,EAAE,CAAC;YACnB,IAAI,GAAG,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE,CAAC;gBACrC,GAAG,CAAC,EAAE,CAAC,CAAC;YACV,CAAC;iBAAM,IAAI,GAAG,EAAE,CAAC;gBACf,GAAG,CAAC,OAAO,GAAG,EAAE,CAAC;YACnB,CAAC;QACH,CAAC,mBACc,QAAQ,IAAI,SAAS,mBACrB,QAAQ,IAAI,SAAS,EACpC,QAAQ,EAAE,SAAS,IAAI,CAAC,QAAQ,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EACtD,SAAS,EAAE,EAAE,CACX,yGAAyG,EACzG,CAAC,QAAQ,IAAI,QAAQ,CAAC,IAAI,qBAAqB,EAC/C,CAAC,QAAQ;YACP,CAAC,QAAQ;YACT,iEAAiE,EACnE,QAAQ,IAAI,YAAY,EACxB,KAAK,IAAI,eAAe,KAAK,qBAAqB,EAClD,SAAS,CACV,EACD,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,KACN,IAAI,aAEP,QAAQ,EACR,SAAS,IAAI,CAAC,QAAQ,IAAI,CAAC,QAAQ,IAAI,CACtC,KAAC,cAAc,IAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAC,eAAe,GAAG,CACxE,IACS,CACb,CAAC;AACJ,CAAC,CAAC"}
|
package/components/List.d.ts
CHANGED
|
@@ -7,5 +7,7 @@ export interface ListProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
7
7
|
/** Forwarded to the underlying `<div>`. */
|
|
8
8
|
ref?: Ref<HTMLDivElement>;
|
|
9
9
|
}
|
|
10
|
+
/** Shape of `List` defaults that can be supplied via `CladdProvider`'s `defaults` prop. */
|
|
11
|
+
export type ListDefaultProps = Partial<Omit<ListProps, 'children' | 'ref'>>;
|
|
10
12
|
export declare const List: (props: ListProps) => import("react/jsx-runtime").JSX.Element;
|
|
11
13
|
//# sourceMappingURL=List.d.ts.map
|
package/components/List.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../src/components/List.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../src/components/List.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAKvD,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC/D,uFAAuF;IACvF,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2CAA2C;IAC3C,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B;AAED,2FAA2F;AAC3F,MAAM,MAAM,gBAAgB,GAAG,OAAO,CAAC,IAAI,CAAC,SAAS,EAAE,UAAU,GAAG,KAAK,CAAC,CAAC,CAAC;AAE5E,eAAO,MAAM,IAAI,GAAI,OAAO,SAAS,4CAiBpC,CAAC"}
|
package/components/List.js
CHANGED
|
@@ -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 List = (props) => {
|
|
4
|
-
const { children, className = '', ref, ...rest } = props;
|
|
5
|
+
const { children, className = '', ref, ...rest } = useComponentDefaults('List', props);
|
|
5
6
|
return (_jsx("div", { ref: ref, className: cn('cladd-list flex flex-col p-2', className), ...rest, children: children }));
|
|
6
7
|
};
|
|
7
8
|
//# sourceMappingURL=List.js.map
|
package/components/List.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"List.js","sourceRoot":"","sources":["../../../src/components/List.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"List.js","sourceRoot":"","sources":["../../../src/components/List.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AACvE,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAclC,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,KAAgB,EAAE,EAAE;IACvC,MAAM,EACJ,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,GAAG,EACH,GAAG,IAAI,EACR,GAAG,oBAAoB,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IAExC,OAAO,CACL,cACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,8BAA8B,EAAE,SAAS,CAAC,KACpD,IAAI,YAEP,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -57,6 +57,8 @@ interface ListButtonOwnProps<C extends ElementType = 'button'> {
|
|
|
57
57
|
rounded?: boolean;
|
|
58
58
|
}
|
|
59
59
|
export type ListButtonProps<C extends ElementType = 'button'> = ListButtonOwnProps<C> & Omit<ButtonProps<C>, keyof ListButtonOwnProps<C>>;
|
|
60
|
+
/** Shape of `ListButton` defaults that can be supplied via `CladdProvider`'s `defaults` prop. */
|
|
61
|
+
export type ListButtonDefaultProps = Partial<Omit<ListButtonOwnProps, 'as' | 'ref' | 'children' | 'icon' | 'header' | 'footer' | 'after' | 'selected'>>;
|
|
60
62
|
export declare const ListButton: <C extends ElementType = "button">(props: ListButtonProps<C>) => import("react/jsx-runtime").JSX.Element;
|
|
61
63
|
export {};
|
|
62
64
|
//# sourceMappingURL=ListButton.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListButton.d.ts","sourceRoot":"","sources":["../../../src/components/ListButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,WAAW,EAAM,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ListButton.d.ts","sourceRoot":"","sources":["../../../src/components/ListButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,WAAW,EAAM,MAAM,OAAO,CAAC;AAIxD,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAU,WAAW,EAAmB,UAAU,EAAE,MAAM,UAAU,CAAC;AAC5E,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAE3C,UAAU,kBAAkB,CAAC,CAAC,SAAS,WAAW,GAAG,QAAQ;IAC3D,mEAAmE;IACnE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sDAAsD;IACtD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,uFAAuF;IACvF,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,uEAAuE;IACvE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,0CAA0C;IAC1C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,yFAAyF;IACzF,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,8CAA8C;IAC9C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,yEAAyE;IACzE,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,8CAA8C;IAC9C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,uEAAuE;IACvE,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,uDAAuD;IACvD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wFAAwF;IACxF,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,6FAA6F;IAC7F,EAAE,CAAC,EAAE,CAAC,CAAC;IACP,uDAAuD;IACvD,KAAK,CAAC,EAAE,KAAK,CAAC;IAEd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,+DAA+D;IAC/D,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAC;IACvB,+EAA+E;IAC/E,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;;OAIG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,4DAA4D;IAC5D,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,WAAW,GAAG,QAAQ,IAC1D,kBAAkB,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,MAAM,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAAC;AAE5E,iGAAiG;AACjG,MAAM,MAAM,sBAAsB,GAAG,OAAO,CAC1C,IAAI,CACF,kBAAkB,EAChB,IAAI,GACJ,KAAK,GACL,UAAU,GACV,MAAM,GACN,QAAQ,GACR,QAAQ,GACR,OAAO,GACP,UAAU,CACb,CACF,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,CAAC,SAAS,WAAW,GAAG,QAAQ,EACzD,OAAO,eAAe,CAAC,CAAC,CAAC,4CAiH1B,CAAC"}
|
package/components/ListButton.js
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
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 { cn } from '../shared/cn.js';
|
|
3
4
|
import { Button, buttonIconSizes } from './Button.js';
|
|
4
5
|
export const ListButton = (props) => {
|
|
5
|
-
const { children, className = '', contentClassName = '', innerContentClassName = '', disabled = false, readOnly = false, size = 'lg', as: Component = 'button', color = '', icon, iconClassName = '', header, headerClassName = '', footer, footerClassName = '', selected = false, titleClassName = '', after, ref, variant = 'transparent', outline = false, rounded = true, ...rest } = props;
|
|
6
|
+
const { children, className = '', contentClassName = '', innerContentClassName = '', disabled = false, readOnly = false, size = 'lg', as: Component = 'button', color = '', icon, iconClassName = '', header, headerClassName = '', footer, footerClassName = '', selected = false, titleClassName = '', after, ref, variant = 'transparent', outline = false, rounded = true, ...rest } = useComponentDefaults('ListButton', props);
|
|
6
7
|
const ButtonEl = Button;
|
|
7
8
|
return (_jsxs(ButtonEl, { as: Component, "data-selected": selected || undefined, rounded: rounded, className: cn('cladd-list-button z-10 w-full', className), contentClassName: cn('gap-4 px-2', contentClassName), variant: selected ? 'gradient' : variant, outline: outline || selected, disabled: disabled, readOnly: readOnly, ref: ref, color: color, size: size, multiline: true, ...rest, children: [icon && (_jsx("div", { "data-part": "icon", className: cn('relative shrink-0 [&>svg]:shrink-0', buttonIconSizes[size], iconClassName), children: icon })), (children || footer || header) && (_jsxs("div", { className: cn('relative flex w-full min-w-0 shrink flex-col gap-1', innerContentClassName), children: [header && (_jsx("div", { "data-part": "header", className: cn('text-cladd-xs leading-tight font-normal text-cladd-fg-soft', headerClassName), children: header })), _jsx("div", { "data-part": "title", className: cn('flex items-center gap-4 [&>svg]:shrink-0', buttonIconSizes[size], titleClassName), children: children }), footer && (_jsx("div", { "data-part": "footer", className: cn('text-cladd-xs leading-tight font-normal text-cladd-fg-softer', footerClassName), children: footer }))] })), after && (_jsx("div", { "data-part": "after", className: cn('ml-auto shrink-0 [&>svg]:shrink-0', buttonIconSizes[size]), children: after }))] }));
|
|
8
9
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListButton.js","sourceRoot":"","sources":["../../../src/components/ListButton.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,OAAO,EAAE,MAAM,EAAe,eAAe,EAAc,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"ListButton.js","sourceRoot":"","sources":["../../../src/components/ListButton.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AACvE,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,OAAO,EAAE,MAAM,EAAe,eAAe,EAAc,MAAM,UAAU,CAAC;AA+E5E,MAAM,CAAC,MAAM,UAAU,GAAG,CACxB,KAAyB,EACzB,EAAE;IACF,MAAM,EACJ,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,gBAAgB,GAAG,EAAE,EACrB,qBAAqB,GAAG,EAAE,EAC1B,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,IAAI,GAAG,IAAI,EACX,EAAE,EAAE,SAAS,GAAG,QAAQ,EACxB,KAAK,GAAG,EAAE,EACV,IAAI,EACJ,aAAa,GAAG,EAAE,EAClB,MAAM,EACN,eAAe,GAAG,EAAE,EACpB,MAAM,EACN,eAAe,GAAG,EAAE,EACpB,QAAQ,GAAG,KAAK,EAChB,cAAc,GAAG,EAAE,EACnB,KAAK,EACL,GAAG,EACH,OAAO,GAAG,aAAa,EACvB,OAAO,GAAG,KAAK,EACf,OAAO,GAAG,IAAI,EACd,GAAG,IAAI,EACR,GAAG,oBAAoB,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;IAE9C,MAAM,QAAQ,GAAG,MAAsC,CAAC;IAExD,OAAO,CACL,MAAC,QAAQ,IACP,EAAE,EAAE,SAAS,mBACE,QAAQ,IAAI,SAAS,EACpC,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,EAAE,CAAC,+BAA+B,EAAE,SAAS,CAAC,EACzD,gBAAgB,EAAE,EAAE,CAAC,YAAY,EAAE,gBAAgB,CAAC,EACpD,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,EACxC,OAAO,EAAE,OAAO,IAAI,QAAQ,EAC5B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,SAAS,WACL,IAAI,aAEP,IAAI,IAAI,CACP,2BACY,MAAM,EAChB,SAAS,EAAE,EAAE,CACX,oCAAoC,EACpC,eAAe,CAAC,IAAI,CAAC,EACrB,aAAa,CACd,YAEA,IAAI,GACD,CACP,EACA,CAAC,QAAQ,IAAI,MAAM,IAAI,MAAM,CAAC,IAAI,CACjC,eACE,SAAS,EAAE,EAAE,CACX,oDAAoD,EACpD,qBAAqB,CACtB,aAEA,MAAM,IAAI,CACT,2BACY,QAAQ,EAClB,SAAS,EAAE,EAAE,CACX,4DAA4D,EAC5D,eAAe,CAChB,YAEA,MAAM,GACH,CACP,EACD,2BACY,OAAO,EACjB,SAAS,EAAE,EAAE,CACX,0CAA0C,EAC1C,eAAe,CAAC,IAAI,CAAC,EACrB,cAAc,CACf,YAEA,QAAQ,GACL,EACL,MAAM,IAAI,CACT,2BACY,QAAQ,EAClB,SAAS,EAAE,EAAE,CACX,8DAA8D,EAC9D,eAAe,CAChB,YAEA,MAAM,GACH,CACP,IACG,CACP,EACA,KAAK,IAAI,CACR,2BACY,OAAO,EACjB,SAAS,EAAE,EAAE,CACX,mCAAmC,EACnC,eAAe,CAAC,IAAI,CAAC,CACtB,YAEA,KAAK,GACF,CACP,IACQ,CACZ,CAAC;AACJ,CAAC,CAAC"}
|
package/components/ListItem.d.ts
CHANGED
|
@@ -7,5 +7,7 @@ export interface ListItemProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
7
7
|
/** Forwarded to the underlying `<div>`. */
|
|
8
8
|
ref?: Ref<HTMLDivElement>;
|
|
9
9
|
}
|
|
10
|
+
/** Shape of `ListItem` defaults that can be supplied via `CladdProvider`'s `defaults` prop. */
|
|
11
|
+
export type ListItemDefaultProps = Partial<Omit<ListItemProps, 'children' | 'ref'>>;
|
|
10
12
|
export declare const ListItem: (props: ListItemProps, ref?: Ref<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
|
|
11
13
|
//# sourceMappingURL=ListItem.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../../../src/components/ListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../../../src/components/ListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAKvD,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,cAAc,CAAC;IACnE,mFAAmF;IACnF,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,sCAAsC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2CAA2C;IAC3C,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B;AAED,+FAA+F;AAC/F,MAAM,MAAM,oBAAoB,GAAG,OAAO,CACxC,IAAI,CAAC,aAAa,EAAE,UAAU,GAAG,KAAK,CAAC,CACxC,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,OAAO,aAAa,EAAE,MAAM,GAAG,CAAC,cAAc,CAAC,4CAmBvE,CAAC"}
|
package/components/ListItem.js
CHANGED
|
@@ -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 ListItem = (props, ref) => {
|
|
4
|
-
const { children, className = '', ...rest } = props;
|
|
5
|
+
const { children, className = '', ...rest } = useComponentDefaults('ListItem', props);
|
|
5
6
|
return (_jsx("div", { ref: ref, className: cn('cladd-list-item flex min-h-9 items-center gap-4 px-2 py-1 text-cladd-xs font-medium', className), ...rest, children: children }));
|
|
6
7
|
};
|
|
7
8
|
//# sourceMappingURL=ListItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListItem.js","sourceRoot":"","sources":["../../../src/components/ListItem.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"ListItem.js","sourceRoot":"","sources":["../../../src/components/ListItem.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AACvE,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAgBlC,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAE,GAAyB,EAAE,EAAE;IAC1E,MAAM,EACJ,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,GAAG,IAAI,EACR,GAAG,oBAAoB,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC;IAE5C,OAAO,CACL,cACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,qFAAqF,EACrF,SAAS,CACV,KACG,IAAI,YAEP,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -7,5 +7,7 @@ export interface ListSeparatorProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
7
7
|
/** Forwarded to the underlying `<div>`. */
|
|
8
8
|
ref?: Ref<HTMLDivElement>;
|
|
9
9
|
}
|
|
10
|
+
/** Shape of `ListSeparator` defaults that can be supplied via `CladdProvider`'s `defaults` prop. */
|
|
11
|
+
export type ListSeparatorDefaultProps = Partial<Omit<ListSeparatorProps, 'children' | 'ref'>>;
|
|
10
12
|
export declare const ListSeparator: (props: ListSeparatorProps) => import("react/jsx-runtime").JSX.Element;
|
|
11
13
|
//# sourceMappingURL=ListSeparator.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListSeparator.d.ts","sourceRoot":"","sources":["../../../src/components/ListSeparator.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ListSeparator.d.ts","sourceRoot":"","sources":["../../../src/components/ListSeparator.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAKvD,MAAM,WAAW,kBAAmB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACxE,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,4CAA4C;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2CAA2C;IAC3C,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B;AAED,oGAAoG;AACpG,MAAM,MAAM,yBAAyB,GAAG,OAAO,CAC7C,IAAI,CAAC,kBAAkB,EAAE,UAAU,GAAG,KAAK,CAAC,CAC7C,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,OAAO,kBAAkB,4CAoBtD,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 ListSeparator = (props) => {
|
|
4
|
-
const { children, className = '', ref, ...rest } = props;
|
|
5
|
+
const { children, className = '', ref, ...rest } = useComponentDefaults('ListSeparator', props);
|
|
5
6
|
return (_jsx("div", { ref: ref, className: cn('cladd-list-separator -mx-2 my-2 h-px bg-cladd-outline', className), ...rest, children: children }));
|
|
6
7
|
};
|
|
7
8
|
//# sourceMappingURL=ListSeparator.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListSeparator.js","sourceRoot":"","sources":["../../../src/components/ListSeparator.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"ListSeparator.js","sourceRoot":"","sources":["../../../src/components/ListSeparator.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AACvE,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAgBlC,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAyB,EAAE,EAAE;IACzD,MAAM,EACJ,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,GAAG,EACH,GAAG,IAAI,EACR,GAAG,oBAAoB,CAAC,eAAe,EAAE,KAAK,CAAC,CAAC;IAEjD,OAAO,CACL,cACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,uDAAuD,EACvD,SAAS,CACV,KACG,IAAI,YAEP,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -8,6 +8,8 @@ interface ListTitleOwnProps {
|
|
|
8
8
|
ref?: Ref<HTMLDivElement>;
|
|
9
9
|
}
|
|
10
10
|
export type ListTitleProps = ListTitleOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof ListTitleOwnProps>;
|
|
11
|
+
/** Shape of `ListTitle` defaults that can be supplied via `CladdProvider`'s `defaults` prop. */
|
|
12
|
+
export type ListTitleDefaultProps = Partial<Omit<ListTitleOwnProps, 'children' | 'ref'>>;
|
|
11
13
|
export declare const ListTitle: (props: ListTitleProps) => import("react/jsx-runtime").JSX.Element;
|
|
12
14
|
export {};
|
|
13
15
|
//# sourceMappingURL=ListTitle.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListTitle.d.ts","sourceRoot":"","sources":["../../../src/components/ListTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ListTitle.d.ts","sourceRoot":"","sources":["../../../src/components/ListTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAKjE,UAAU,iBAAiB;IACzB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2CAA2C;IAC3C,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B;AAED,MAAM,MAAM,cAAc,GAAG,iBAAiB,GAC5C,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,MAAM,iBAAiB,CAAC,CAAC;AAEjE,gGAAgG;AAChG,MAAM,MAAM,qBAAqB,GAAG,OAAO,CACzC,IAAI,CAAC,iBAAiB,EAAE,UAAU,GAAG,KAAK,CAAC,CAC5C,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,OAAO,cAAc,4CAoB9C,CAAC"}
|
package/components/ListTitle.js
CHANGED
|
@@ -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 ListTitle = (props) => {
|
|
4
|
-
const { children, className = '', ref, ...rest } = props;
|
|
5
|
+
const { children, className = '', ref, ...rest } = useComponentDefaults('ListTitle', props);
|
|
5
6
|
return (_jsx("div", { ref: ref, className: cn('cladd-list-title flex items-end gap-4 p-2 text-cladd-xs font-medium text-cladd-fg-soft uppercase select-none', className), ...rest, children: children }));
|
|
6
7
|
};
|
|
7
8
|
//# sourceMappingURL=ListTitle.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListTitle.js","sourceRoot":"","sources":["../../../src/components/ListTitle.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"ListTitle.js","sourceRoot":"","sources":["../../../src/components/ListTitle.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AACvE,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAmBlC,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAE,EAAE;IACjD,MAAM,EACJ,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,GAAG,EACH,GAAG,IAAI,EACR,GAAG,oBAAoB,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;IAE7C,OAAO,CACL,cACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,8GAA8G,EAC9G,SAAS,CACV,KACG,IAAI,YAEP,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -53,6 +53,8 @@ interface NumberFieldOwnProps {
|
|
|
53
53
|
ref?: Ref<HTMLDivElement>;
|
|
54
54
|
}
|
|
55
55
|
export type NumberFieldProps = NumberFieldOwnProps & Omit<SurfaceProps, keyof NumberFieldOwnProps>;
|
|
56
|
+
/** Shape of `NumberField` defaults that can be supplied via `CladdProvider`'s `defaults` prop. */
|
|
57
|
+
export type NumberFieldDefaultProps = Partial<Omit<NumberFieldOwnProps, 'children' | 'ref' | 'value' | 'onChange'>>;
|
|
56
58
|
export declare const NumberField: (props: NumberFieldProps) => import("react/jsx-runtime").JSX.Element;
|
|
57
59
|
export {};
|
|
58
60
|
//# sourceMappingURL=NumberField.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NumberField.d.ts","sourceRoot":"","sources":["../../../src/components/NumberField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,GAAG,EAA+B,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"NumberField.d.ts","sourceRoot":"","sources":["../../../src/components/NumberField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,GAAG,EAA+B,MAAM,OAAO,CAAC;AAKpE,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAGjC,OAAO,EAAW,YAAY,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAGlE,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AAEhE,UAAU,mBAAmB;IAC3B,mGAAmG;IACnG,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,6DAA6D;IAC7D,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kGAAkG;IAClG,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oEAAoE;IACpE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,qDAAqD;IACrD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,0FAA0F;IAC1F,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,yGAAyG;IACzG,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,sEAAsE;IACtE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,mBAAmB;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,2BAA2B;IAC3B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4CAA4C;IAC5C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,gFAAgF;IAChF,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,2EAA2E;IAC3E,aAAa,CAAC,EAAE,cAAc,CAAC;IAC/B,wDAAwD;IACxD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,mFAAmF;IACnF,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,4FAA4F;IAC5F,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,+CAA+C;IAC/C,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B;AAED,MAAM,MAAM,gBAAgB,GAAG,mBAAmB,GAChD,IAAI,CAAC,YAAY,EAAE,MAAM,mBAAmB,CAAC,CAAC;AAEhD,kGAAkG;AAClG,MAAM,MAAM,uBAAuB,GAAG,OAAO,CAC3C,IAAI,CAAC,mBAAmB,EAAE,UAAU,GAAG,KAAK,GAAG,OAAO,GAAG,UAAU,CAAC,CACrE,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,OAAO,gBAAgB,4CA0MlD,CAAC"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { useEffect, useRef, useState } 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 { Button } from './Button.js';
|
|
@@ -7,7 +8,7 @@ import { Input } from './Input.js';
|
|
|
7
8
|
import { Surface } from './Surface.js';
|
|
8
9
|
import { SurfaceCut } from './SurfaceCut.js';
|
|
9
10
|
export const NumberField = (props) => {
|
|
10
|
-
const { children, input = true, inputClassName = '', className = '', contentClassName = '', disabled = false, readOnly = false, rounded = true, valueRounded = false, size = 'md', color = '', outline = true, variant = 'gradient', buttonVariant = 'transparent', buttonOutline = false, surfaceLevel, min = 0, max = 1000000, value = 0, step = 1, onChange = () => { }, ref, ...rest } = props;
|
|
11
|
+
const { children, input = true, inputClassName = '', className = '', contentClassName = '', disabled = false, readOnly = false, rounded = true, valueRounded = false, size = 'md', color = '', outline = true, variant = 'gradient', buttonVariant = 'transparent', buttonOutline = false, surfaceLevel, min = 0, max = 1000000, value = 0, step = 1, onChange = () => { }, ref, ...rest } = useComponentDefaults('NumberField', props);
|
|
11
12
|
const [draft, setDraft] = useState(String(value));
|
|
12
13
|
const inputElRef = useRef(null);
|
|
13
14
|
const cancellingRef = useRef(false);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NumberField.js","sourceRoot":"","sources":["../../../src/components/NumberField.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAkB,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEpE,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAE3D,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,KAAK,EAAa,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAgC,MAAM,WAAW,CAAC;AAClE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"NumberField.js","sourceRoot":"","sources":["../../../src/components/NumberField.tsx"],"names":[],"mappings":"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"}
|
|
@@ -51,6 +51,8 @@ interface NumberScrubberOwnProps {
|
|
|
51
51
|
ref?: Ref<HTMLElement>;
|
|
52
52
|
}
|
|
53
53
|
export type NumberScrubberProps = NumberScrubberOwnProps & Omit<ComponentPropsWithoutRef<'button'>, keyof NumberScrubberOwnProps>;
|
|
54
|
+
/** Shape of `NumberScrubber` defaults that can be supplied via `CladdProvider`'s `defaults` prop. */
|
|
55
|
+
export type NumberScrubberDefaultProps = Partial<Omit<NumberScrubberOwnProps, 'children' | 'ref' | 'value' | 'onChange' | 'onTemporaryChange'>>;
|
|
54
56
|
export declare const NumberScrubber: (props: NumberScrubberProps) => import("react/jsx-runtime").JSX.Element;
|
|
55
57
|
export {};
|
|
56
58
|
//# sourceMappingURL=NumberScrubber.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NumberScrubber.d.ts","sourceRoot":"","sources":["../../../src/components/NumberScrubber.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,SAAS,EACT,GAAG,EACH,wBAAwB,EAKzB,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"NumberScrubber.d.ts","sourceRoot":"","sources":["../../../src/components/NumberScrubber.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,SAAS,EACT,GAAG,EACH,wBAAwB,EAKzB,MAAM,OAAO,CAAC;AAIf,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAIjC,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAE3C,MAAM,MAAM,kBAAkB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AAEnE,UAAU,sBAAsB;IAC9B,uFAAuF;IACvF,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,iFAAiF;IACjF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8DAA8D;IAC9D,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,yDAAyD;IACzD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iEAAiE;IACjE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sEAAsE;IACtE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sHAAsH;IACtH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sGAAsG;IACtG,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B,6GAA6G;IAC7G,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,kGAAkG;IAClG,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,8EAA8E;IAC9E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kIAAkI;IAClI,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,oFAAoF;IACpF,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,0CAA0C;IAC1C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,kDAAkD;IAClD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,+CAA+C;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wFAAwF;IACxF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,kGAAkG;IAClG,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,sKAAsK;IACtK,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,8FAA8F;IAC9F,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACzC,oLAAoL;IACpL,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,yHAAyH;IACzH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,4CAA4C;IAC5C,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAC;CACxB;AAED,MAAM,MAAM,mBAAmB,GAAG,sBAAsB,GACtD,IAAI,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,MAAM,sBAAsB,CAAC,CAAC;AAEzE,qGAAqG;AACrG,MAAM,MAAM,0BAA0B,GAAG,OAAO,CAC9C,IAAI,CACF,sBAAsB,EACtB,UAAU,GAAG,KAAK,GAAG,OAAO,GAAG,UAAU,GAAG,mBAAmB,CAChE,CACF,CAAC;AAIF,eAAO,MAAM,cAAc,GAAI,OAAO,mBAAmB,4CAoMxD,CAAC"}
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { useRef, useState, useEffect, } from 'react';
|
|
3
|
+
import { useComponentDefaults } from '../hooks/use-component-defaults.js';
|
|
3
4
|
import { cn } from '../shared/cn.js';
|
|
4
5
|
import { Button } from './Button.js';
|
|
5
6
|
import { DropdownIcon } from './icons/DropdownIcon.js';
|
|
6
7
|
import { Input } from './Input.js';
|
|
7
8
|
const CLICK_SUPPRESS_MS = 200;
|
|
8
9
|
export const NumberScrubber = (props) => {
|
|
9
|
-
const { children, className = '', contentClassName = '', inputClassName = '', disabled = false, readOnly = false, rounded = false, size = 'md', color = '', outline = true, variant = 'gradient', surfaceLevel, scrubberIcon = true, displayValue = (v) => String(v), min = 0, max = 1000000, value = 0, step = 1, dragStep = step / 5, altDragStep = step, ref, onTemporaryChange, onChange, ...rest } = props;
|
|
10
|
+
const { children, className = '', contentClassName = '', inputClassName = '', disabled = false, readOnly = false, rounded = false, size = 'md', color = '', outline = true, variant = 'gradient', surfaceLevel, scrubberIcon = true, displayValue = (v) => String(v), min = 0, max = 1000000, value = 0, step = 1, dragStep = step / 5, altDragStep = step, ref, onTemporaryChange, onChange, ...rest } = useComponentDefaults('NumberScrubber', props);
|
|
10
11
|
const [isEditing, setIsEditing] = useState(false);
|
|
11
12
|
const [inputValue, setInputValue] = useState(String(value));
|
|
12
13
|
const displayValueElRef = useRef(null);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NumberScrubber.js","sourceRoot":"","sources":["../../../src/components/NumberScrubber.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,MAAM,EAIN,QAAQ,EACR,SAAS,GAGV,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,KAAK,EAAa,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"NumberScrubber.js","sourceRoot":"","sources":["../../../src/components/NumberScrubber.tsx"],"names":[],"mappings":"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"}
|
package/components/OTPField.d.ts
CHANGED
|
@@ -35,6 +35,8 @@ interface OTPFieldOwnProps {
|
|
|
35
35
|
inputMode?: 'none' | 'text' | 'tel' | 'url' | 'email' | 'numeric' | 'decimal' | 'search';
|
|
36
36
|
}
|
|
37
37
|
export type OTPFieldProps = OTPFieldOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof OTPFieldOwnProps>;
|
|
38
|
+
/** Shape of `OTPField` defaults that can be supplied via `CladdProvider`'s `defaults` prop. */
|
|
39
|
+
export type OTPFieldDefaultProps = Partial<Omit<OTPFieldOwnProps, 'children' | 'ref' | 'value' | 'onChange'>>;
|
|
38
40
|
export declare const OTPField: (props: OTPFieldProps) => import("react/jsx-runtime").JSX.Element;
|
|
39
41
|
export {};
|
|
40
42
|
//# sourceMappingURL=OTPField.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OTPField.d.ts","sourceRoot":"","sources":["../../../src/components/OTPField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,wBAAwB,EAGxB,SAAS,EACT,GAAG,EAMJ,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"OTPField.d.ts","sourceRoot":"","sources":["../../../src/components/OTPField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,wBAAwB,EAGxB,SAAS,EACT,GAAG,EAMJ,MAAM,OAAO,CAAC;AAMf,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAIpC,UAAU,gBAAgB;IACxB,0FAA0F;IAC1F,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wCAAwC;IACxC,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC1B,uEAAuE;IACvE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iCAAiC;IACjC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,qEAAqE;IACrE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6GAA6G;IAC7G,SAAS,CAAC,EACN,MAAM,GACN,MAAM,GACN,KAAK,GACL,KAAK,GACL,OAAO,GACP,SAAS,GACT,SAAS,GACT,QAAQ,CAAC;CACd;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,UAAU,GAAG,KAAK,GAAG,OAAO,GAAG,UAAU,CAAC,CAClE,CAAC;AASF,eAAO,MAAM,QAAQ,GAAI,OAAO,aAAa,4CA+P5C,CAAC"}
|
package/components/OTPField.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { Children, cloneElement, isValidElement, useCallback, useMemo, 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 { FocusableLayer } from './FocusableLayer.js';
|
|
@@ -9,7 +10,7 @@ const isOTPInputElement = (child) => isValidElement(child) &&
|
|
|
9
10
|
child.type?.__OTPFieldInput ===
|
|
10
11
|
true;
|
|
11
12
|
export const OTPField = (props) => {
|
|
12
|
-
const { children, className, ref, value = '', onChange = () => { }, maxLength, size = 'lg', pattern = '[0-9]', valid = true, disabled = false, readOnly = false, inputMode = 'numeric', ...rest } = props;
|
|
13
|
+
const { children, className, ref, value = '', onChange = () => { }, maxLength, size = 'lg', pattern = '[0-9]', valid = true, disabled = false, readOnly = false, inputMode = 'numeric', ...rest } = useComponentDefaults('OTPField', props);
|
|
13
14
|
const inputRefs = useRef([]);
|
|
14
15
|
// Stable refs to the latest props - keeps every callback below stable so the
|
|
15
16
|
// context value stays referentially equal across renders.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OTPField.js","sourceRoot":"","sources":["../../../src/components/OTPField.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,QAAQ,EAQR,YAAY,EACZ,cAAc,EACd,WAAW,EACX,OAAO,EACP,MAAM,GACP,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,EAAE,uBAAuB,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"OTPField.js","sourceRoot":"","sources":["../../../src/components/OTPField.tsx"],"names":[],"mappings":"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"}
|
|
@@ -12,6 +12,8 @@ interface OTPFieldInputOwnProps {
|
|
|
12
12
|
index?: number;
|
|
13
13
|
}
|
|
14
14
|
export type OTPFieldInputProps = OTPFieldInputOwnProps;
|
|
15
|
+
/** Shape of `OTPFieldInput` defaults that can be supplied via `CladdProvider`'s `defaults` prop. */
|
|
16
|
+
export type OTPFieldInputDefaultProps = Partial<Omit<OTPFieldInputOwnProps, 'ref' | 'index'>>;
|
|
15
17
|
export declare const OTPFieldInput: (props: OTPFieldInputProps) => import("react/jsx-runtime").JSX.Element;
|
|
16
18
|
export {};
|
|
17
19
|
//# sourceMappingURL=OTPFieldInput.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OTPFieldInput.d.ts","sourceRoot":"","sources":["../../../src/components/OTPFieldInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkB,GAAG,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"OTPFieldInput.d.ts","sourceRoot":"","sources":["../../../src/components/OTPFieldInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkB,GAAG,EAAE,MAAM,OAAO,CAAC;AAQ5C,UAAU,qBAAqB;IAC7B,yBAAyB;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0DAA0D;IAC1D,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,6CAA6C;IAC7C,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAC;IACvB,6EAA6E;IAC7E,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,MAAM,kBAAkB,GAAG,qBAAqB,CAAC;AAEvD,oGAAoG;AACpG,MAAM,MAAM,yBAAyB,GAAG,OAAO,CAC7C,IAAI,CAAC,qBAAqB,EAAE,KAAK,GAAG,OAAO,CAAC,CAC7C,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,OAAO,kBAAkB,4CAkDtD,CAAC"}
|
|
@@ -1,10 +1,11 @@
|
|
|
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
|
import { rootSizeClasses } from '../shared/size-utls.js';
|
|
4
5
|
import { Input } from './Input.js';
|
|
5
6
|
import { useOTPFieldContext } from './OTPFieldContext.js';
|
|
6
7
|
export const OTPFieldInput = (props) => {
|
|
7
|
-
const { placeholder, className, inputClassName, ref, index = 0 } = props;
|
|
8
|
+
const { placeholder, className, inputClassName, ref, index = 0, } = useComponentDefaults('OTPFieldInput', props);
|
|
8
9
|
const { size, pattern, disabled, readOnly, inputMode, getCellValue, registerInput, onCellChange, onCellKeyDown, onCellFocus, onCellPaste, } = useOTPFieldContext();
|
|
9
10
|
return (_jsx(Input, { ref: ref, size: size, pattern: pattern, inputMode: inputMode, disabled: disabled, readOnly: readOnly, maxLength: 1, value: getCellValue(index), className: cn('cladd-otp-field-input', rootSizeClasses(size, 'width'), className), inputClassName: cn('px-0 text-center', inputClassName), inputRef: (el) => registerInput(index, el), onChange: (value, event) => onCellChange(index, value, event), onKeyDown: (event) => onCellKeyDown(index, event), onFocus: (event) => onCellFocus(index, event), placeholder: placeholder, inputComponentProps: {
|
|
10
11
|
autoComplete: index === 0 ? 'one-time-code' : 'off',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OTPFieldInput.js","sourceRoot":"","sources":["../../../src/components/OTPFieldInput.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"OTPFieldInput.js","sourceRoot":"","sources":["../../../src/components/OTPFieldInput.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AACvE,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAsBvD,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAyB,EAAE,EAAE;IACzD,MAAM,EACJ,WAAW,EACX,SAAS,EACT,cAAc,EACd,GAAG,EACH,KAAK,GAAG,CAAC,GACV,GAAG,oBAAoB,CAAC,eAAe,EAAE,KAAK,CAAC,CAAC;IACjD,MAAM,EACJ,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,aAAa,EACb,WAAW,EACX,WAAW,GACZ,GAAG,kBAAkB,EAAE,CAAC;IAEzB,OAAO,CACL,KAAC,KAAK,IACJ,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,CAAC,EACZ,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC,EAC1B,SAAS,EAAE,EAAE,CACX,uBAAuB,EACvB,eAAe,CAAC,IAAI,EAAE,OAAO,CAAC,EAC9B,SAAS,CACV,EACD,cAAc,EAAE,EAAE,CAAC,kBAAkB,EAAE,cAAc,CAAC,EACtD,QAAQ,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,aAAa,CAAC,KAAK,EAAE,EAAE,CAAC,EAC1C,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,YAAY,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,EAC7D,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,aAAa,CAAC,KAAK,EAAE,KAAK,CAAC,EACjD,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,WAAW,CAAC,KAAK,EAAE,KAAK,CAAC,EAC7C,WAAW,EAAE,WAAW,EACxB,mBAAmB,EAAE;YACnB,YAAY,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,KAAK;YACnD,OAAO,EAAE,CAAC,KAAuC,EAAE,EAAE,CACnD,WAAW,CAAC,KAAK,EAAE,KAAK,CAAC;SAC5B,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAED,aAAyD,CAAC,eAAe;IACxE,IAAI,CAAC"}
|
|
@@ -8,6 +8,8 @@ interface OTPFieldSeparatorOwnProps {
|
|
|
8
8
|
ref?: Ref<HTMLDivElement>;
|
|
9
9
|
}
|
|
10
10
|
export type OTPFieldSeparatorProps = OTPFieldSeparatorOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof OTPFieldSeparatorOwnProps>;
|
|
11
|
+
/** Shape of `OTPFieldSeparator` defaults that can be supplied via `CladdProvider`'s `defaults` prop. */
|
|
12
|
+
export type OTPFieldSeparatorDefaultProps = Partial<Omit<OTPFieldSeparatorOwnProps, 'ref' | 'children'>>;
|
|
11
13
|
export declare const OTPFieldSeparator: (props: OTPFieldSeparatorProps) => import("react/jsx-runtime").JSX.Element;
|
|
12
14
|
export {};
|
|
13
15
|
//# sourceMappingURL=OTPFieldSeparator.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OTPFieldSeparator.d.ts","sourceRoot":"","sources":["../../../src/components/OTPFieldSeparator.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"OTPFieldSeparator.d.ts","sourceRoot":"","sources":["../../../src/components/OTPFieldSeparator.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAKjE,UAAU,yBAAyB;IACjC,sDAAsD;IACtD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,+CAA+C;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0CAA0C;IAC1C,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B;AAED,MAAM,MAAM,sBAAsB,GAAG,yBAAyB,GAC5D,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,MAAM,yBAAyB,CAAC,CAAC;AAEzE,wGAAwG;AACxG,MAAM,MAAM,6BAA6B,GAAG,OAAO,CACjD,IAAI,CAAC,yBAAyB,EAAE,KAAK,GAAG,UAAU,CAAC,CACpD,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,OAAO,sBAAsB,4CAmB9D,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 OTPFieldSeparator = (props) => {
|
|
4
|
-
const { children, className, ref, ...rest } = props;
|
|
5
|
+
const { children, className, ref, ...rest } = useComponentDefaults('OTPFieldSeparator', props);
|
|
5
6
|
return (_jsx("div", { ref: ref, "aria-hidden": true, className: cn('cladd-otp-field-separator flex items-center text-cladd-outline select-none', className), ...rest, children: children ?? _jsx("span", { className: "h-0.5 w-2 bg-cladd-outline" }) }));
|
|
6
7
|
};
|
|
7
8
|
//# sourceMappingURL=OTPFieldSeparator.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OTPFieldSeparator.js","sourceRoot":"","sources":["../../../src/components/OTPFieldSeparator.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"OTPFieldSeparator.js","sourceRoot":"","sources":["../../../src/components/OTPFieldSeparator.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AACvE,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAmBlC,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,KAA6B,EAAE,EAAE;IACjE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,IAAI,EAAE,GAAG,oBAAoB,CAChE,mBAAmB,EACnB,KAAK,CACN,CAAC;IAEF,OAAO,CACL,cACE,GAAG,EAAE,GAAG,uBAER,SAAS,EAAE,EAAE,CACX,4EAA4E,EAC5E,SAAS,CACV,KACG,IAAI,YAEP,QAAQ,IAAI,eAAM,SAAS,EAAC,4BAA4B,GAAG,GACxD,CACP,CAAC;AACJ,CAAC,CAAC"}
|
package/components/Popover.d.ts
CHANGED
|
@@ -138,6 +138,8 @@ type PopoverOwnProps = {
|
|
|
138
138
|
ref?: React.Ref<HTMLElement>;
|
|
139
139
|
};
|
|
140
140
|
export type PopoverProps = PopoverOwnProps & Omit<SurfaceProps, keyof PopoverOwnProps>;
|
|
141
|
-
|
|
141
|
+
/** Shape of `Popover` defaults that can be supplied via `CladdProvider`'s `defaults` prop. */
|
|
142
|
+
export type PopoverDefaultProps = Partial<Omit<PopoverOwnProps, 'open' | 'onOpenChange' | 'anchorRef' | 'anchorRect' | 'children' | 'ref' | 'onOpen' | 'onOpened' | 'onClose' | 'onClosed'>>;
|
|
143
|
+
export declare const Popover: (props: PopoverProps) => import("react/jsx-runtime").JSX.Element;
|
|
142
144
|
export {};
|
|
143
145
|
//# sourceMappingURL=Popover.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/components/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,SAAS,EACV,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/components/Popover.tsx"],"names":[],"mappings":"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"}
|