@cladd-ui/react 0.16.0 → 0.17.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +12 -0
- package/components/Button.d.ts +2 -0
- package/components/Button.d.ts.map +1 -1
- package/components/Button.js +2 -2
- package/components/Button.js.map +1 -1
- package/components/FocusRing.d.ts +5 -0
- package/components/FocusRing.d.ts.map +1 -1
- package/components/FocusRing.js +2 -2
- package/components/FocusRing.js.map +1 -1
- package/components/Input.d.ts +2 -0
- package/components/Input.d.ts.map +1 -1
- package/components/Input.js +2 -2
- package/components/Input.js.map +1 -1
- package/components/Link.d.ts +2 -2
- package/components/Link.d.ts.map +1 -1
- package/components/Link.js.map +1 -1
- package/components/OTPField.d.ts +2 -0
- package/components/OTPField.d.ts.map +1 -1
- package/components/OTPField.js +3 -3
- package/components/OTPField.js.map +1 -1
- package/components/Slider.d.ts +2 -0
- package/components/Slider.d.ts.map +1 -1
- package/components/Slider.js +3 -3
- package/components/Slider.js.map +1 -1
- package/components/Textarea.d.ts +2 -0
- package/components/Textarea.d.ts.map +1 -1
- package/components/Textarea.js +2 -2
- package/components/Textarea.js.map +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,17 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## 0.17.1 (2026-06-22)
|
|
4
|
+
|
|
5
|
+
### Bug Fixes
|
|
6
|
+
|
|
7
|
+
- Link onClick handler to receive the event (8a1275c)
|
|
8
|
+
|
|
9
|
+
## 0.17.0 (2026-06-22)
|
|
10
|
+
|
|
11
|
+
### Features
|
|
12
|
+
|
|
13
|
+
- tightFocusRing option (e647032)
|
|
14
|
+
|
|
3
15
|
## 0.16.0 (2026-06-21)
|
|
4
16
|
|
|
5
17
|
### Features
|
package/components/Button.d.ts
CHANGED
|
@@ -34,6 +34,8 @@ interface ButtonOwnProps<C extends ElementType = 'button'> {
|
|
|
34
34
|
style?: CSSProperties;
|
|
35
35
|
/** Force the focus ring on, regardless of actual keyboard focus. */
|
|
36
36
|
focused?: boolean;
|
|
37
|
+
/** Render the focus ring flush against the element (`inset-0`) instead of offset outside it (`-inset-1.5`). Use when the button sits at the edge of an `overflow` container, where the offset ring would add unwanted scroll overflow. Default `false`. */
|
|
38
|
+
tightFocusRing?: boolean;
|
|
37
39
|
/** Force the pressed visual state, regardless of pointer activity. */
|
|
38
40
|
pressed?: boolean;
|
|
39
41
|
/** Allow text to wrap onto multiple lines, switching height to `min-h-*` and using pill radii compatible with multi-line content. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,WAAW,EACX,SAAS,EACT,GAAG,EACH,aAAa,EACb,wBAAwB,EACzB,MAAM,OAAO,CAAC;AAMf,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAGjC,OAAO,EAAW,cAAc,EAAE,MAAM,WAAW,CAAC;AAGpD,MAAM,MAAM,UAAU,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AAC1E,KAAK,aAAa,GAAG,SAAS,GAAG,KAAK,CAAC;AAEvC,UAAU,cAAc,CAAC,CAAC,SAAS,WAAW,GAAG,QAAQ;IACvD,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wGAAwG;IACxG,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,+FAA+F;IAC/F,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB;OACG;IACH,EAAE,CAAC,EAAE,CAAC,CAAC;IACP,qFAAqF;IACrF,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,sGAAsG;IACtG,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,2DAA2D;IAC3D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,+CAA+C;IAC/C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,oDAAoD;IACpD,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,oEAAoE;IACpE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sEAAsE;IACtE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,qIAAqI;IACrI,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iGAAiG;IACjG,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,wHAAwH;IACxH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,wHAAwH;IACxH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qIAAqI;IACrI,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kIAAkI;IAClI,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAE/B,uHAAuH;IACvH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,iDAAiD;IACjD,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAC;CACxB;AAED,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,WAAW,GAAG,QAAQ,IAAI,cAAc,CAAC,CAAC,CAAC,GAC3E,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,MAAM,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC;AAE7D;;;;GAIG;AACH,MAAM,MAAM,kBAAkB,GAAG,OAAO,CACtC,IAAI,CAAC,cAAc,EAAE,IAAI,GAAG,KAAK,GAAG,UAAU,CAAC,CAChD,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAQtD,CAAC;AAEF,eAAO,MAAM,MAAM,GAAI,CAAC,SAAS,WAAW,GAAG,QAAQ,EACrD,OAAO,WAAW,CAAC,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,WAAW,EACX,SAAS,EACT,GAAG,EACH,aAAa,EACb,wBAAwB,EACzB,MAAM,OAAO,CAAC;AAMf,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAGjC,OAAO,EAAW,cAAc,EAAE,MAAM,WAAW,CAAC;AAGpD,MAAM,MAAM,UAAU,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AAC1E,KAAK,aAAa,GAAG,SAAS,GAAG,KAAK,CAAC;AAEvC,UAAU,cAAc,CAAC,CAAC,SAAS,WAAW,GAAG,QAAQ;IACvD,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wGAAwG;IACxG,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,+FAA+F;IAC/F,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB;OACG;IACH,EAAE,CAAC,EAAE,CAAC,CAAC;IACP,qFAAqF;IACrF,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,sGAAsG;IACtG,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,2DAA2D;IAC3D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,+CAA+C;IAC/C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,oDAAoD;IACpD,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,oEAAoE;IACpE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2PAA2P;IAC3P,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,sEAAsE;IACtE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,qIAAqI;IACrI,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iGAAiG;IACjG,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,wHAAwH;IACxH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,wHAAwH;IACxH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qIAAqI;IACrI,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kIAAkI;IAClI,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAE/B,uHAAuH;IACvH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,iDAAiD;IACjD,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAC;CACxB;AAED,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,WAAW,GAAG,QAAQ,IAAI,cAAc,CAAC,CAAC,CAAC,GAC3E,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,MAAM,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC;AAE7D;;;;GAIG;AACH,MAAM,MAAM,kBAAkB,GAAG,OAAO,CACtC,IAAI,CAAC,cAAc,EAAE,IAAI,GAAG,KAAK,GAAG,UAAU,CAAC,CAChD,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAQtD,CAAC;AAEF,eAAO,MAAM,MAAM,GAAI,CAAC,SAAS,WAAW,GAAG,QAAQ,EACrD,OAAO,WAAW,CAAC,CAAC,CAAC,4CAoJtB,CAAC"}
|
package/components/Button.js
CHANGED
|
@@ -19,7 +19,7 @@ export const buttonIconSizes = {
|
|
|
19
19
|
};
|
|
20
20
|
export const Button = (props) => {
|
|
21
21
|
const elRef = useRef(null);
|
|
22
|
-
const { children, className = '', disabled = false, readOnly, rounded = false, size = 'md', as: Component = 'button', color = '', outline = true, contentClassName = '', variant = 'gradient', style, focused = false, pressed, multiline, square, surface: propSurface = 'surface', clickable = true, hoverable = true, focusable = true, surfaceLevel, loading, ref, ...rest } = useComponentDefaults('Button', props);
|
|
22
|
+
const { children, className = '', disabled = false, readOnly, rounded = false, size = 'md', as: Component = 'button', color = '', outline = true, contentClassName = '', variant = 'gradient', style, focused = false, tightFocusRing = false, pressed, multiline, square, surface: propSurface = 'surface', clickable = true, hoverable = true, focusable = true, surfaceLevel, loading, ref, ...rest } = useComponentDefaults('Button', props);
|
|
23
23
|
let surface = propSurface || 'surface';
|
|
24
24
|
const height = multiline
|
|
25
25
|
? rootSizeClasses(size, 'min-height')
|
|
@@ -60,6 +60,6 @@ export const Button = (props) => {
|
|
|
60
60
|
else if (ref) {
|
|
61
61
|
ref.current = el;
|
|
62
62
|
}
|
|
63
|
-
}, onContextMenuCapture: (e) => e.preventDefault(), color: color, style: style, beforeContent: _jsxs(_Fragment, { children: [loading && (_jsx(Spinner, { size: size, className: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 scale-100 opacity-100 duration-200 starting:scale-0 starting:opacity-0" })), (focused || (focusable && !readOnly && !disabled)) && (_jsx(FocusRing, { force: focused, group: "button", className: cn(focusRoundedClasses) }))] }), ...rest, children: children }));
|
|
63
|
+
}, onContextMenuCapture: (e) => e.preventDefault(), color: color, style: style, beforeContent: _jsxs(_Fragment, { children: [loading && (_jsx(Spinner, { size: size, className: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 scale-100 opacity-100 duration-200 starting:scale-0 starting:opacity-0" })), (focused || (focusable && !readOnly && !disabled)) && (_jsx(FocusRing, { force: focused, group: "button", offset: !tightFocusRing, className: cn(tightFocusRing ? 'rounded-[inherit]' : focusRoundedClasses) }))] }), ...rest, children: children }));
|
|
64
64
|
};
|
|
65
65
|
//# sourceMappingURL=Button.js.map
|
package/components/Button.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,MAAM,GAMP,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AACvE,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,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,OAAO,EAAkB,MAAM,WAAW,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,MAAM,GAMP,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AACvE,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,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,OAAO,EAAkB,MAAM,WAAW,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AA8E1C,MAAM,CAAC,MAAM,eAAe,GAA+B;IACzD,KAAK,EAAE,gBAAgB;IACvB,EAAE,EAAE,gBAAgB;IACpB,EAAE,EAAE,gBAAgB;IACpB,EAAE,EAAE,gBAAgB;IACpB,EAAE,EAAE,gBAAgB;IACpB,EAAE,EAAE,gBAAgB;IACpB,KAAK,EAAE,gBAAgB;CACxB,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,CACpB,KAAqB,EACrB,EAAE;IACF,MAAM,KAAK,GAAG,MAAM,CAAqB,IAAI,CAAC,CAAC;IAC/C,MAAM,EACJ,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,QAAQ,GAAG,KAAK,EAChB,QAAQ,EACR,OAAO,GAAG,KAAK,EACf,IAAI,GAAG,IAAI,EACX,EAAE,EAAE,SAAS,GAAG,QAAQ,EACxB,KAAK,GAAG,EAAE,EACV,OAAO,GAAG,IAAI,EACd,gBAAgB,GAAG,EAAE,EACrB,OAAO,GAAG,UAAU,EACpB,KAAK,EACL,OAAO,GAAG,KAAK,EACf,cAAc,GAAG,KAAK,EACtB,OAAO,EACP,SAAS,EACT,MAAM,EACN,OAAO,EAAE,WAAW,GAAG,SAAS,EAChC,SAAS,GAAG,IAAI,EAChB,SAAS,GAAG,IAAI,EAChB,SAAS,GAAG,IAAI,EAChB,YAAY,EACZ,OAAO,EACP,GAAG,EACH,GAAG,IAAI,EACR,GAAG,oBAAoB,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;IAE1C,IAAI,OAAO,GAAkB,WAAW,IAAI,SAAS,CAAC;IAEtD,MAAM,MAAM,GAAG,SAAS;QACtB,CAAC,CAAC,eAAe,CAAC,IAAI,EAAE,YAAY,CAAC;QACrC,CAAC,CAAC,eAAe,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;IAEpC,MAAM,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,GAAG,cAAc,CAChE,IAAI,EACJ,OAAO,EACP,SAAS,CACV,CAAC;IAEF,MAAM,QAAQ,GAA+B;QAC3C,KAAK,EAAE,QAAQ;QACf,EAAE,EAAE,QAAQ;QACZ,EAAE,EAAE,QAAQ;QACZ,EAAE,EAAE,QAAQ;QACZ,EAAE,EAAE,QAAQ;QACZ,EAAE,EAAE,QAAQ;QACZ,KAAK,EAAE,QAAQ;KAChB,CAAC;IACF,MAAM,SAAS,GAA+B;QAC5C,KAAK,EAAE,eAAe;QACtB,EAAE,EAAE,eAAe;QACnB,EAAE,EAAE,eAAe;QACnB,EAAE,EAAE,eAAe;QACnB,EAAE,EAAE,eAAe;QACnB,EAAE,EAAE,eAAe;QACnB,KAAK,EAAE,eAAe;KACvB,CAAC;IAEF,MAAM,YAAY,GAAG,OAAO,KAAK,KAAK,CAAC;IAEvC,MAAM,aAAa,GAAgB,YAAY,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC;IAEvE,MAAM,MAAM,GAAG,OAAO,KAAK,YAAY,IAAI,OAAO,KAAK,eAAe,CAAC;IAEvE,OAAO,CACL,KAAC,aAAa,IACZ,EAAE,EAAE,SAAS,mBACE,QAAQ,IAAI,SAAS,mBACrB,QAAQ,IAAI,SAAS,kBACtB,OAAO,IAAI,SAAS,kBACpB,OAAO,IAAI,SAAS,EAClC,SAAS,EAAE,EAAE,CACX,yIAAyI,EACzI,KAAK;YACH,KAAK,KAAK,SAAS;YACnB,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,oBAAoB,CAAC,EAC7D,KAAK,IAAI,KAAK,KAAK,SAAS,IAAI,MAAM,IAAI,uBAAuB,EAEjE,SAAS,CAAC,IAAI,CAAC,EACf,MAAM,EACN,MAAM,IAAI,eAAe,EACzB,QAAQ,IAAI,qBAAqB,EACjC,CAAC,QAAQ,IAAI,CAAC,QAAQ,IAAI,CAAC,SAAS,KAAK,GAAG,IAAI,IAAI,EAAE,IAAI,CAAC;YACzD,CAAC,CAAC,gBAAgB;YAClB,CAAC,CAAC,aAAa,EACjB,kBAAkB,EAElB,SAAS,CACV,EACD,gBAAgB,EAAE,EAAE,CAClB,qEAAqE,EACrE,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,EAC3D,SAAS,IAAI,MAAM,EACnB,eAAe,CAAC,IAAI,CAAC,EACrB,QAAQ,IAAI,YAAY,EACxB,CAAC,MAAM,IAAI,QAAQ,CAAC,IAAI,CAAC,EACzB,OAAO,IAAI,oBAAoB,EAC/B,gBAAgB,CACjB,EACD,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,EAC/C,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,IAAI,CAAC,QAAQ,IAAI,CAAC,QAAQ,EAC9C,SAAS,EAAE,SAAS,IAAI,CAAC,QAAQ,IAAI,CAAC,QAAQ,EAC9C,QAAQ,EAAE,QAAQ,IAAI,QAAQ,EAC9B,KAAK,EAAE,YAAY;QACnB,4BAA4B;QAC5B,GAAG,EAAE,CAAC,EAAe,EAAE,EAAE;YACvB,KAAK,CAAC,OAAO,GAAG,EAAE,CAAC;YACnB,IAAI,GAAG,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE,CAAC;gBACrC,GAAG,CAAC,EAAiB,CAAC,CAAC;YACzB,CAAC;iBAAM,IAAI,GAAG,EAAE,CAAC;gBACd,GAA2C,CAAC,OAAO,GAAG,EAAE,CAAC;YAC5D,CAAC;QACH,CAAC,EACD,oBAAoB,EAAE,CAAC,CAAmB,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,EAAE,EACjE,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,aAAa,EACX,8BACG,OAAO,IAAI,CACV,KAAC,OAAO,IACN,IAAI,EAAE,IAAI,EACV,SAAS,EAAC,oIAAoI,GAC9I,CACH,EACA,CAAC,OAAO,IAAI,CAAC,SAAS,IAAI,CAAC,QAAQ,IAAI,CAAC,QAAQ,CAAC,CAAC,IAAI,CACrD,KAAC,SAAS,IACR,KAAK,EAAE,OAAO,EACd,KAAK,EAAC,QAAQ,EACd,MAAM,EAAE,CAAC,cAAc,EACvB,SAAS,EAAE,EAAE,CACX,cAAc,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,mBAAmB,CAC3D,GACD,CACH,IACA,KAED,IAAI,YAEP,QAAQ,GACK,CACjB,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -23,5 +23,10 @@ export declare const FocusRing: (props: {
|
|
|
23
23
|
* (e.g. `Input` passes `force={!valid}` and a red color).
|
|
24
24
|
*/
|
|
25
25
|
force?: boolean;
|
|
26
|
+
/**
|
|
27
|
+
* When `true` (default), the ring sits offset outside the host (`-inset-1.5`). When `false`, it
|
|
28
|
+
* renders flush against the host (`inset-0`) so it doesn't contribute to a scroll container's overflow.
|
|
29
|
+
*/
|
|
30
|
+
offset?: boolean;
|
|
26
31
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
27
32
|
//# sourceMappingURL=FocusRing.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FocusRing.d.ts","sourceRoot":"","sources":["../../../src/components/FocusRing.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,eAAO,MAAM,SAAS,GAAI,OAAO;IAC/B,oGAAoG;IACpG,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;;;;;;;OAYG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wDAAwD;IACxD,KAAK,CAAC,EAAE,KAAK,CAAC;IACd;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"FocusRing.d.ts","sourceRoot":"","sources":["../../../src/components/FocusRing.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,eAAO,MAAM,SAAS,GAAI,OAAO;IAC/B,oGAAoG;IACpG,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;;;;;;;OAYG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wDAAwD;IACxD,KAAK,CAAC,EAAE,KAAK,CAAC;IACd;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,4CAmCA,CAAC"}
|
package/components/FocusRing.js
CHANGED
|
@@ -3,7 +3,7 @@ import { useAccentColor } from '../hooks/use-accent-color.js';
|
|
|
3
3
|
import { cn } from '../shared/cn.js';
|
|
4
4
|
export const FocusRing = (props) => {
|
|
5
5
|
const accentColor = useAccentColor();
|
|
6
|
-
const { className, group, color = accentColor, force } = props;
|
|
6
|
+
const { className, group, color = accentColor, force, offset = true } = props;
|
|
7
7
|
const groupClasses = {
|
|
8
8
|
link: 'group-focus-visible/cladd-link:scale-100 group-focus-visible/cladd-link:opacity-100',
|
|
9
9
|
button: 'group-focus-visible/cladd-button:scale-100 group-focus-visible/cladd-button:opacity-100',
|
|
@@ -14,6 +14,6 @@ export const FocusRing = (props) => {
|
|
|
14
14
|
radio: 'group-has-[input:focus-visible]/cladd-radio:scale-100 group-has-[input:focus-visible]/cladd-radio:opacity-100',
|
|
15
15
|
slider: 'group-has-[input:focus-visible]/cladd-slider:scale-100 group-has-[input:focus-visible]/cladd-slider:opacity-100',
|
|
16
16
|
}[group] || '';
|
|
17
|
-
return (_jsx("span", { "data-part": "focus-ring", className: cn('pointer-events-none absolute
|
|
17
|
+
return (_jsx("span", { "data-part": "focus-ring", className: cn('pointer-events-none absolute z-1 scale-95 border-2 border-cladd-primary opacity-0 duration-200', offset ? '-inset-1.5' : 'inset-0', `cladd-color-${color}`, force && 'scale-100 opacity-100', !force && groupClasses, className) }));
|
|
18
18
|
};
|
|
19
19
|
//# sourceMappingURL=FocusRing.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FocusRing.js","sourceRoot":"","sources":["../../../src/components/FocusRing.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAGlC,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,
|
|
1
|
+
{"version":3,"file":"FocusRing.js","sourceRoot":"","sources":["../../../src/components/FocusRing.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAGlC,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KA6BzB,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,GAAG,WAAW,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAC9E,MAAM,YAAY,GAChB;QACE,IAAI,EAAE,qFAAqF;QAC3F,MAAM,EACJ,yFAAyF;QAC3F,KAAK,EACH,+FAA+F;QACjG,QAAQ,EACN,6HAA6H;QAC/H,QAAQ,EACN,qHAAqH;QACvH,MAAM,EACJ,iHAAiH;QACnH,KAAK,EACH,+GAA+G;QACjH,MAAM,EACJ,iHAAiH;KACpH,CAAC,KAAqC,CAAC,IAAI,EAAE,CAAC;IACjD,OAAO,CACL,4BACY,YAAY,EACtB,SAAS,EAAE,EAAE,CACX,gGAAgG,EAChG,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,EACjC,eAAe,KAAK,EAAE,EAEtB,KAAK,IAAI,uBAAuB,EAChC,CAAC,KAAK,IAAI,YAAY,EACtB,SAAS,CACV,GACD,CACH,CAAC;AACJ,CAAC,CAAC"}
|
package/components/Input.d.ts
CHANGED
|
@@ -67,6 +67,8 @@ interface InputOwnProps<C extends ElementType = 'div', IC extends ElementType =
|
|
|
67
67
|
* Validity state. Default `true`. When `false`, switches the focus ring to red and shows `errorMessage` (instead of `infoMessage`).
|
|
68
68
|
*/
|
|
69
69
|
valid?: boolean;
|
|
70
|
+
/** Render the focus ring flush against the element (`inset-0`) instead of offset outside it (`-inset-1.5`). Use when the input sits at the edge of an `overflow` container, where the offset ring would add unwanted scroll overflow. Default `false`. */
|
|
71
|
+
tightFocusRing?: boolean;
|
|
70
72
|
/** Floating label shown above the input on focus. Hidden when `valid === false` or `readOnly`. */
|
|
71
73
|
infoMessage?: ReactNode;
|
|
72
74
|
/** Floating error label. Always visible (no focus required) when `valid === false`. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input.tsx"],"names":[],"mappings":"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"}
|
package/components/Input.js
CHANGED
|
@@ -11,7 +11,7 @@ import { CloseIcon } from './icons/CloseIcon.js';
|
|
|
11
11
|
import { SurfaceCut } from './SurfaceCut.js';
|
|
12
12
|
export const Input = (props) => {
|
|
13
13
|
const accentColor = useAccentColor();
|
|
14
|
-
const { as: asProp = 'div', type = 'text', value, displayValue, placeholder, name, required = false, disabled = false, readOnly, inputId, rounded = false, size = 'lg', onChange = () => { }, onKeyDown = () => { }, onFocus = () => { }, onBlur = () => { }, onClear = () => { }, color = accentColor, prefix, min, step, suffix, className, contentClassName, inputClassName, max, maxLength, clearButton, valid = true, infoMessage, errorMessage, pattern, inputMode, icon, iconClassName = '', autoFocus, inputComponent = 'input', inputComponentProps = {}, ref: externalRef, inputRef: externalInputRef, ...rest } = useComponentDefaults('Input', props);
|
|
14
|
+
const { as: asProp = 'div', type = 'text', value, displayValue, placeholder, name, required = false, disabled = false, readOnly, inputId, rounded = false, size = 'lg', onChange = () => { }, onKeyDown = () => { }, onFocus = () => { }, onBlur = () => { }, onClear = () => { }, color = accentColor, prefix, min, step, suffix, className, contentClassName, inputClassName, max, maxLength, clearButton, valid = true, tightFocusRing = false, infoMessage, errorMessage, pattern, inputMode, icon, iconClassName = '', autoFocus, inputComponent = 'input', inputComponentProps = {}, ref: externalRef, inputRef: externalInputRef, ...rest } = useComponentDefaults('Input', props);
|
|
15
15
|
const fontSizes = {
|
|
16
16
|
sm: 'text-cladd-xs',
|
|
17
17
|
md: 'text-cladd-xs',
|
|
@@ -66,7 +66,7 @@ export const Input = (props) => {
|
|
|
66
66
|
const SurfaceCutComponent = SurfaceCut;
|
|
67
67
|
const showDisplayValue = displayValue && (readOnly || !focused);
|
|
68
68
|
const showRealValue = !showDisplayValue;
|
|
69
|
-
return (_jsxs(SurfaceCutComponent, { ...rest, as: asProp, ref: externalRef, "data-disabled": disabled || undefined, "data-readonly": readOnly || undefined, "data-invalid": valid === false || undefined, "data-required": required || undefined, wrapContent: false, hoverable: !disabled && !readOnly, className: cn('cladd-input group/cladd-input', disabled && 'opacity-50', itemRoundedClasses, className), children: [!readOnly && !disabled && (_jsx(FocusRing, { className: cn(focusRoundedClasses), force: valid === false, color: valid === false ? 'red' : color, group: "input" })), _jsxs("div", { "data-part": "wrapper", className: cn('relative flex items-center', contentClassName), onContextMenuCapture: (e) => e.preventDefault(), onPointerDown: (e) => {
|
|
69
|
+
return (_jsxs(SurfaceCutComponent, { ...rest, as: asProp, ref: externalRef, "data-disabled": disabled || undefined, "data-readonly": readOnly || undefined, "data-invalid": valid === false || undefined, "data-required": required || undefined, wrapContent: false, hoverable: !disabled && !readOnly, className: cn('cladd-input group/cladd-input', disabled && 'opacity-50', itemRoundedClasses, className), children: [!readOnly && !disabled && (_jsx(FocusRing, { className: cn(tightFocusRing ? 'rounded-[inherit]' : focusRoundedClasses), force: valid === false, color: valid === false ? 'red' : color, group: "input", offset: !tightFocusRing })), _jsxs("div", { "data-part": "wrapper", className: cn('relative flex items-center', contentClassName), onContextMenuCapture: (e) => e.preventDefault(), onPointerDown: (e) => {
|
|
70
70
|
if (e.pointerType === 'touch')
|
|
71
71
|
return;
|
|
72
72
|
const target = e.target;
|
package/components/Input.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/components/Input.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,MAAM,EACN,QAAQ,GAST,MAAM,OAAO,CAAC;AAEf,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,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD,OAAO,EAAE,MAAM,EAAc,MAAM,UAAU,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAsB,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/components/Input.tsx"],"names":[],"mappings":"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"}
|
package/components/Link.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ElementType, Ref, ComponentPropsWithoutRef, ReactNode } from 'react';
|
|
1
|
+
import { ElementType, MouseEvent, Ref, ComponentPropsWithoutRef, ReactNode } from 'react';
|
|
2
2
|
import { Color } from '../types.js';
|
|
3
3
|
interface LinkOwnProps<C extends ElementType = 'button'> {
|
|
4
4
|
/** Accent color token */
|
|
@@ -18,7 +18,7 @@ interface LinkOwnProps<C extends ElementType = 'button'> {
|
|
|
18
18
|
/** Renders a `FocusableLayer` ring on keyboard focus. Defaults to `true`. */
|
|
19
19
|
focusable?: boolean;
|
|
20
20
|
/** Click handler. */
|
|
21
|
-
onClick?: () => void;
|
|
21
|
+
onClick?: (e: MouseEvent) => void;
|
|
22
22
|
/** Native `href` - when provided, the polymorphic default switches from `'button'` to `'a'`. */
|
|
23
23
|
href?: string;
|
|
24
24
|
/** Forwarded to the polymorphic root element. */
|
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;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,
|
|
1
|
+
{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../src/components/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,WAAW,EACX,UAAU,EACV,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,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IAClC,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.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Link.js","sourceRoot":"","sources":["../../../src/components/Link.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,MAAM,
|
|
1
|
+
{"version":3,"file":"Link.js","sourceRoot":"","sources":["../../../src/components/Link.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,MAAM,GAMP,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AACvE,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAmCxC,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,SAAS,IAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAC,eAAe,GAAG,CACnE,IACS,CACb,CAAC;AACJ,CAAC,CAAC"}
|
package/components/OTPField.d.ts
CHANGED
|
@@ -27,6 +27,8 @@ interface OTPFieldOwnProps {
|
|
|
27
27
|
* Validity state. Default `true`. When `false`, the entire field renders a single red focus ring around all cells.
|
|
28
28
|
*/
|
|
29
29
|
valid?: boolean;
|
|
30
|
+
/** Render the invalid focus ring flush against the cells (`inset-0`) instead of offset outside them (`-inset-1.5`). Use when the field sits at the edge of an `overflow` container, where the offset ring would add unwanted scroll overflow. Default `false`. */
|
|
31
|
+
tightFocusRing?: boolean;
|
|
30
32
|
/** Visually dim the field and disable interaction with all cells. */
|
|
31
33
|
disabled?: boolean;
|
|
32
34
|
/** Make every cell non-editable but still focusable. */
|
|
@@ -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;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,
|
|
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,kQAAkQ;IAClQ,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,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,4CAmQ5C,CAAC"}
|
package/components/OTPField.js
CHANGED
|
@@ -10,7 +10,7 @@ const isOTPInputElement = (child) => isValidElement(child) &&
|
|
|
10
10
|
child.type?.__OTPFieldInput ===
|
|
11
11
|
true;
|
|
12
12
|
export const OTPField = (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
|
+
const { children, className, ref, value = '', onChange = () => { }, maxLength, size = 'lg', pattern = '[0-9]', valid = true, tightFocusRing = false, disabled = false, readOnly = false, inputMode = 'numeric', ...rest } = useComponentDefaults('OTPField', props);
|
|
14
14
|
const inputRefs = useRef([]);
|
|
15
15
|
// Stable refs to the latest props - keeps every callback below stable so the
|
|
16
16
|
// context value stays referentially equal across renders.
|
|
@@ -171,7 +171,7 @@ export const OTPField = (props) => {
|
|
|
171
171
|
inputRefs.current[index] = el;
|
|
172
172
|
}, []);
|
|
173
173
|
const getCellValue = useCallback((index) => valueRef.current[index] ?? '', []);
|
|
174
|
-
const { focusRoundedClasses } = roundedClasses(size);
|
|
174
|
+
const { itemRoundedClasses, focusRoundedClasses } = roundedClasses(size);
|
|
175
175
|
const contextValue = useMemo(() => ({
|
|
176
176
|
size,
|
|
177
177
|
pattern,
|
|
@@ -199,6 +199,6 @@ export const OTPField = (props) => {
|
|
|
199
199
|
handleCellFocus,
|
|
200
200
|
handleCellPaste,
|
|
201
201
|
]);
|
|
202
|
-
return (_jsx(OTPFieldContextProvider, { value: contextValue, children: _jsxs("div", { ref: ref, "data-disabled": disabled || undefined, "data-readonly": readOnly || undefined, "data-invalid": valid === false || undefined, className: cn('cladd-otp-field relative flex items-center gap-1', className), ...rest, children: [!readOnly && !disabled && !valid && (_jsx(FocusRing, { className: cn(focusRoundedClasses), force: true, color: "red" })), indexedChildren] }) }));
|
|
202
|
+
return (_jsx(OTPFieldContextProvider, { value: contextValue, children: _jsxs("div", { ref: ref, "data-disabled": disabled || undefined, "data-readonly": readOnly || undefined, "data-invalid": valid === false || undefined, className: cn('cladd-otp-field relative flex items-center gap-1', className), ...rest, children: [!readOnly && !disabled && !valid && (_jsx(FocusRing, { className: cn(tightFocusRing ? itemRoundedClasses : focusRoundedClasses), force: true, color: "red", offset: !tightFocusRing })), indexedChildren] }) }));
|
|
203
203
|
};
|
|
204
204
|
//# sourceMappingURL=OTPField.js.map
|
|
@@ -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,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AACvE,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,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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"}
|
package/components/Slider.d.ts
CHANGED
|
@@ -53,6 +53,8 @@ export interface SliderProps {
|
|
|
53
53
|
disabled?: boolean;
|
|
54
54
|
/** Block dragging without the disabled visual treatment. */
|
|
55
55
|
readOnly?: boolean;
|
|
56
|
+
/** Render the focus ring flush against the slider (`inset-0`) instead of offset outside it (`-inset-1.5`). Use when the slider sits at the edge of an `overflow` container, where the offset ring would add unwanted scroll overflow. Default `false`. */
|
|
57
|
+
tightFocusRing?: boolean;
|
|
56
58
|
/** Fires while the user drags or types a new value (subject to `debounce` / `throttle`). */
|
|
57
59
|
onChange?: (value: number, event?: ChangeEvent<HTMLInputElement>) => void;
|
|
58
60
|
/** Extra classes for the slider container. */
|
|
@@ -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;AAO7E,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAKjC,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C;;;;;GAKG;AACH,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,OAAO,CAAC;AAI9C;;;;;;;;GAQG;AACH,MAAM,MAAM,WAAW,GACnB,QAAQ,GACR,KAAK,GACL;IACE,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACpC,UAAU,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,CAAC;CAC1C,CAAC;AAEN,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;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,4EAA4E;IAC5E,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,yEAAyE;IACzE,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,uDAAuD;IACvD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4FAA4F;IAC5F,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;;;;OAIG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,yDAAyD;IACzD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,mHAAmH;IACnH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;SAGK;IACL,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;;;;OAOG;IACH,KAAK,CAAC,EAAE,WAAW,CAAC;CACrB;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,
|
|
1
|
+
{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../src/components/Slider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+B,WAAW,EAAc,MAAM,OAAO,CAAC;AAO7E,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAKjC,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C;;;;;GAKG;AACH,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,OAAO,CAAC;AAI9C;;;;;;;;GAQG;AACH,MAAM,MAAM,WAAW,GACnB,QAAQ,GACR,KAAK,GACL;IACE,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACpC,UAAU,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,CAAC;CAC1C,CAAC;AAEN,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;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,4EAA4E;IAC5E,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,yEAAyE;IACzE,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,uDAAuD;IACvD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0PAA0P;IAC1P,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,4FAA4F;IAC5F,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;;;;OAIG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,yDAAyD;IACzD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,mHAAmH;IACnH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;SAGK;IACL,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;;;;OAOG;IACH,KAAK,CAAC,EAAE,WAAW,CAAC;CACrB;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,2CAqUxC"}
|
package/components/Slider.js
CHANGED
|
@@ -11,7 +11,7 @@ import { SurfaceCut } from './SurfaceCut.js';
|
|
|
11
11
|
const SLIDER_RESOLUTION = 1000;
|
|
12
12
|
export function Slider(props) {
|
|
13
13
|
const accentColor = useAccentColor();
|
|
14
|
-
const { value: valueProp, defaultValue = 0, min = 0, max = 100, step = 1, size = 'sm', variant = 'thumb', rounded = false, readOnly = false, disabled = false, onChange = () => { }, className, color: colorProp, thumbOutline = true, rangeFill = false, rangeOutline = true, input: _input = false, debounce = 0, throttle = 0, scale = 'linear', } = useComponentDefaults('Slider', props);
|
|
14
|
+
const { value: valueProp, defaultValue = 0, min = 0, max = 100, step = 1, size = 'sm', variant = 'thumb', rounded = false, readOnly = false, disabled = false, tightFocusRing = false, onChange = () => { }, className, color: colorProp, thumbOutline = true, rangeFill = false, rangeOutline = true, input: _input = false, debounce = 0, throttle = 0, scale = 'linear', } = useComponentDefaults('Slider', props);
|
|
15
15
|
const isControlled = valueProp !== undefined;
|
|
16
16
|
const [uncontrolledValue, setUncontrolledValue] = useState(defaultValue);
|
|
17
17
|
const value = isControlled ? valueProp : uncontrolledValue;
|
|
@@ -118,7 +118,7 @@ export function Slider(props) {
|
|
|
118
118
|
const color = isTrack ? colorProp : (colorProp ?? accentColor);
|
|
119
119
|
return (_jsxs("div", { "data-disabled": disabled || undefined, "data-readonly": readOnly || undefined, className: cn('cladd-slider group/cladd-slider relative flex touch-pan-y select-none', !isTrack && size === 'xs' && 'h-cladd-thumb-xs', !isTrack && size === 'sm' && 'h-cladd-thumb-sm', !isTrack && size === 'md' && 'h-cladd-thumb-md', isTrack && rootSizeClasses(size, 'height'), className), onContextMenuCapture: (e) => e.preventDefault(), ref: elRef, children: [isTrack ? (_jsxs(_Fragment, { children: [_jsx(SurfaceCut, { "data-part": "track", wrapContent: false, className: cn('pointer-events-none absolute inset-0', itemRoundedClasses) }), _jsx(Surface, { "data-part": "range", color: color, outline: rangeOutline, level: "+2", variant: rangeFill ? 'gradient-fill' : 'gradient', wrapContent: false, className: cn(color && `cladd-color-${color}`, 'pointer-events-none absolute top-0 bottom-0 left-0 ease-out', rounded && 'rounded-l-full', itemRoundedClasses, disabled && 'opacity-50', durationClass), style: {
|
|
120
120
|
width: `calc((100% - 0px) * ${progress})`,
|
|
121
|
-
} }), !disabled && !readOnly && (_jsx(FocusRing, { group: "slider", className: cn(
|
|
121
|
+
} }), !disabled && !readOnly && (_jsx(FocusRing, { group: "slider", offset: !tightFocusRing, className: cn(tightFocusRing ? itemRoundedClasses : focusRoundedClasses) })), _jsx("div", { "data-part": "thumb", className: cn(color && `cladd-color-${color}`, 'pointer-events-none absolute top-1/2 h-4 w-0.5 shrink-0 -translate-y-1/2 scale-y-75 rounded-full bg-cladd-fg-softer ease-out group-focus-within/cladd-slider:scale-100 group-focus-within/cladd-slider:bg-cladd-primary', rangeFill &&
|
|
122
122
|
progress > 0.5 &&
|
|
123
123
|
'bg-cladd-on-primary outline-transparent group-focus-within/cladd-slider:bg-cladd-on-primary', disabled && 'opacity-50', durationClass), ref: thumbElRef, style: {
|
|
124
124
|
left: `calc(8px + (100% - 18px) * ${progress})`,
|
|
@@ -133,7 +133,7 @@ export function Slider(props) {
|
|
|
133
133
|
}, children: [_jsx("span", { className: cn('relative top-0 size-0 h-0'), "data-part": "value", children: _jsx(Surface, { color: color, variant: "gradient", outline: true, className: cn(size === 'xs' && 'left-2', size === 'sm' && 'left-2.5', size === 'md' && 'left-3', 'absolute -bottom-4 min-w-8 -translate-x-1/2 scale-0 rounded-cladd-2xl px-1 pt-2.5 pb-8 text-center text-cladd-xs leading-none font-medium text-cladd-primary duration-300', !disabled &&
|
|
134
134
|
!readOnly &&
|
|
135
135
|
'group-focus-within/cladd-slider:scale-100 group-active/cladd-slider:scale-100'), beforeContent: !readOnly &&
|
|
136
|
-
!disabled && (_jsx(FocusRing, { group: "slider", className: "rounded-full" })), children: value }) }), _jsx(Surface, { "data-part": "thumb", className: cn('z-10 shrink-0 rounded-full', size === 'xs' && 'size-cladd-thumb-xs', size === 'sm' && 'size-cladd-thumb-sm', size === 'md' && 'size-cladd-thumb-md'), outline: thumbOutline, variant: "gradient-fill", color: color, ref: thumbElRef, wrapContent: false })] })] })), _jsx("input", { "data-part": "input", className: "relative m-0 block w-full appearance-none border-transparent bg-transparent p-0 focus:outline-none", type: "range", disabled: disabled || readOnly, readOnly: readOnly, value: scaleFns
|
|
136
|
+
!disabled && (_jsx(FocusRing, { group: "slider", className: "rounded-full", offset: !tightFocusRing })), children: value }) }), _jsx(Surface, { "data-part": "thumb", className: cn('z-10 shrink-0 rounded-full', size === 'xs' && 'size-cladd-thumb-xs', size === 'sm' && 'size-cladd-thumb-sm', size === 'md' && 'size-cladd-thumb-md'), outline: thumbOutline, variant: "gradient-fill", color: color, ref: thumbElRef, wrapContent: false })] })] })), _jsx("input", { "data-part": "input", className: "relative m-0 block w-full appearance-none border-transparent bg-transparent p-0 focus:outline-none", type: "range", disabled: disabled || readOnly, readOnly: readOnly, value: scaleFns
|
|
137
137
|
? Math.round(scaleFns.toSlider(value) * SLIDER_RESOLUTION)
|
|
138
138
|
: value, min: scaleFns ? 0 : min, max: scaleFns ? SLIDER_RESOLUTION : max, step: scaleFns ? 1 : step, onChange: onChangeInternal })] }));
|
|
139
139
|
}
|
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,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AACvE,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,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAY1C,MAAM,iBAAiB,GAAG,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"Slider.js","sourceRoot":"","sources":["../../../src/components/Slider.tsx"],"names":[],"mappings":"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"}
|
package/components/Textarea.d.ts
CHANGED
|
@@ -53,6 +53,8 @@ interface TextareaOwnProps<C extends ElementType = 'div'> {
|
|
|
53
53
|
*
|
|
54
54
|
* When `false`, switches the focus ring to red and shows `errorMessage`. */
|
|
55
55
|
valid?: boolean;
|
|
56
|
+
/** Render the focus ring flush against the element (`inset-0`) instead of offset outside it (`-inset-1.5`). Use when the textarea sits at the edge of an `overflow` container, where the offset ring would add unwanted scroll overflow. Default `false`. */
|
|
57
|
+
tightFocusRing?: boolean;
|
|
56
58
|
/** Floating label shown above the editor on focus. Hidden when `valid === false` or `readOnly`. */
|
|
57
59
|
infoMessage?: ReactNode;
|
|
58
60
|
/** Floating error label. Always visible when `valid === false`. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea.tsx"],"names":[],"mappings":"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"}
|
package/components/Textarea.js
CHANGED
|
@@ -9,7 +9,7 @@ import { FocusRing } from './FocusRing.js';
|
|
|
9
9
|
import { SurfaceCut } from './SurfaceCut.js';
|
|
10
10
|
export const Textarea = (props) => {
|
|
11
11
|
const accentColor = useAccentColor();
|
|
12
|
-
const { as: asProp = 'div', ref: externalRef, value, placeholder, maxLength, 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, iconClassName = '', ...rest } = useComponentDefaults('Textarea', props);
|
|
12
|
+
const { as: asProp = 'div', ref: externalRef, value, placeholder, maxLength, disabled = false, readOnly, rounded = false, size = 'lg', onChange = () => { }, onKeyDown = () => { }, onFocus = () => { }, onBlur = () => { }, color = accentColor, prefix, suffix, updateContentOnChange = true, className, contentClassName, inputClassName, placeholderClassName = '', valid = true, tightFocusRing = false, infoMessage, errorMessage, icon, iconClassName = '', ...rest } = useComponentDefaults('Textarea', props);
|
|
13
13
|
const fontSizes = {
|
|
14
14
|
sm: 'text-cladd-xs',
|
|
15
15
|
md: 'text-cladd-xs',
|
|
@@ -88,6 +88,6 @@ export const Textarea = (props) => {
|
|
|
88
88
|
}
|
|
89
89
|
}, [value]);
|
|
90
90
|
const SurfaceCutComponent = SurfaceCut;
|
|
91
|
-
return (_jsxs(SurfaceCutComponent, { ...rest, as: asProp, ref: externalRef, "data-disabled": disabled || undefined, "data-readonly": readOnly || undefined, "data-invalid": valid === false || undefined, hoverable: !disabled && !readOnly, wrapContent: false, className: cn('cladd-textarea group/cladd-textarea relative', disabled && 'opacity-50', itemRoundedClasses, className), children: [!readOnly && !disabled && (_jsx(FocusRing, { className: cn(focusRoundedClasses), force: valid === false, color: valid === false ? 'red' : color, group: "textarea" })), _jsxs("div", { "data-part": "wrapper", onContextMenuCapture: (e) => e.preventDefault(), className: cn('relative flex items-center', contentClassName), children: [prefix, icon && (_jsx("div", { "data-part": "icon", className: cn('pointer-events-none absolute', iconWrapClasses[size], iconClassName), children: icon })), _jsxs("div", { className: "relative flex w-full", children: [_jsx("div", { "data-part": "control", contentEditable: !disabled && !readOnly, ref: inputElRef, className: cn(inputPadding, height, itemRoundedClasses, fontSizes[size], 'w-full appearance-none border-none bg-transparent font-medium whitespace-pre-wrap shadow-none outline-none', disabled && 'text-cladd-fg-softer', inputClassName), onPaste: onPaste, onFocus: onFocus, onBlur: onBlur, onKeyDown: onKeyDown, onInput: onInput }), !text && placeholder && (_jsx("div", { "data-part": "placeholder", className: cn('pointer-events-none absolute top-0 left-0 h-full w-full text-cladd-fg-softer select-none', fontSizes[size], inputPadding, placeholderClassName), children: placeholder }))] }), suffix] }), infoMessage && valid !== false && !readOnly && (_jsx("div", { "data-part": "info", className: cn(`cladd-color-${color}`, 'pointer-events-none absolute -top-1.5 left-2 z-10 translate-y-1 rounded-cladd-sm bg-cladd-primary px-2 py-1.5 text-cladd-2xs leading-none font-semibold text-cladd-on-primary opacity-0 duration-200 group-has-[[contenteditable]:focus]/cladd-textarea:-translate-y-1/2 group-has-[[contenteditable]:focus]/cladd-textarea:opacity-100'), children: infoMessage })), errorMessage && valid === false && (_jsx("div", { "data-part": "error", className: cn('cladd-color-red pointer-events-none absolute -top-1.5 left-2 z-10 -translate-y-1/2 rounded-cladd-sm bg-cladd-primary px-1 py-0.5 text-cladd-2xs leading-none font-semibold text-cladd-on-primary opacity-100 duration-200'), children: errorMessage }))] }));
|
|
91
|
+
return (_jsxs(SurfaceCutComponent, { ...rest, as: asProp, ref: externalRef, "data-disabled": disabled || undefined, "data-readonly": readOnly || undefined, "data-invalid": valid === false || undefined, hoverable: !disabled && !readOnly, wrapContent: false, className: cn('cladd-textarea group/cladd-textarea relative', disabled && 'opacity-50', itemRoundedClasses, className), children: [!readOnly && !disabled && (_jsx(FocusRing, { className: cn(tightFocusRing ? 'rounded-[inherit]' : focusRoundedClasses), force: valid === false, color: valid === false ? 'red' : color, group: "textarea", offset: !tightFocusRing })), _jsxs("div", { "data-part": "wrapper", onContextMenuCapture: (e) => e.preventDefault(), className: cn('relative flex items-center', contentClassName), children: [prefix, icon && (_jsx("div", { "data-part": "icon", className: cn('pointer-events-none absolute', iconWrapClasses[size], iconClassName), children: icon })), _jsxs("div", { className: "relative flex w-full", children: [_jsx("div", { "data-part": "control", contentEditable: !disabled && !readOnly, ref: inputElRef, className: cn(inputPadding, height, itemRoundedClasses, fontSizes[size], 'w-full appearance-none border-none bg-transparent font-medium whitespace-pre-wrap shadow-none outline-none', disabled && 'text-cladd-fg-softer', inputClassName), onPaste: onPaste, onFocus: onFocus, onBlur: onBlur, onKeyDown: onKeyDown, onInput: onInput }), !text && placeholder && (_jsx("div", { "data-part": "placeholder", className: cn('pointer-events-none absolute top-0 left-0 h-full w-full text-cladd-fg-softer select-none', fontSizes[size], inputPadding, placeholderClassName), children: placeholder }))] }), suffix] }), infoMessage && valid !== false && !readOnly && (_jsx("div", { "data-part": "info", className: cn(`cladd-color-${color}`, 'pointer-events-none absolute -top-1.5 left-2 z-10 translate-y-1 rounded-cladd-sm bg-cladd-primary px-2 py-1.5 text-cladd-2xs leading-none font-semibold text-cladd-on-primary opacity-0 duration-200 group-has-[[contenteditable]:focus]/cladd-textarea:-translate-y-1/2 group-has-[[contenteditable]:focus]/cladd-textarea:opacity-100'), children: infoMessage })), errorMessage && valid === false && (_jsx("div", { "data-part": "error", className: cn('cladd-color-red pointer-events-none absolute -top-1.5 left-2 z-10 -translate-y-1/2 rounded-cladd-sm bg-cladd-primary px-1 py-0.5 text-cladd-2xs leading-none font-semibold text-cladd-on-primary opacity-100 duration-200'), children: errorMessage }))] }));
|
|
92
92
|
};
|
|
93
93
|
//# sourceMappingURL=Textarea.js.map
|
|
@@ -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,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AACvE,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,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,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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"}
|