@a-type/ui 0.6.7 → 0.6.8
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/dist/cjs/components/actions/ActionBar.js +2 -2
- package/dist/cjs/components/actions/ActionBar.js.map +1 -1
- package/dist/cjs/components/actions/ActionButton.js +2 -2
- package/dist/cjs/components/actions/ActionButton.js.map +1 -1
- package/dist/cjs/components/avatar/Avatar.js +2 -2
- package/dist/cjs/components/avatar/Avatar.js.map +1 -1
- package/dist/cjs/components/avatar/AvatarList.js +2 -2
- package/dist/cjs/components/avatar/AvatarList.js.map +1 -1
- package/dist/cjs/components/button/Button.js +2 -2
- package/dist/cjs/components/button/Button.js.map +1 -1
- package/dist/cjs/components/button/classes.js +2 -2
- package/dist/cjs/components/button/classes.js.map +1 -1
- package/dist/cjs/components/camera/Camera.js +2 -2
- package/dist/cjs/components/camera/Camera.js.map +1 -1
- package/dist/cjs/components/card/Card.js +2 -2
- package/dist/cjs/components/card/Card.js.map +1 -1
- package/dist/cjs/components/checkbox/Checkbox.js +3 -3
- package/dist/cjs/components/checkbox/Checkbox.js.map +1 -1
- package/dist/cjs/components/chip/Chip.js +2 -2
- package/dist/cjs/components/chip/Chip.js.map +1 -1
- package/dist/cjs/components/colorPicker/ColorPicker.js +2 -2
- package/dist/cjs/components/colorPicker/ColorPicker.js.map +1 -1
- package/dist/cjs/components/contextMenu/contextMenu.js +2 -2
- package/dist/cjs/components/contextMenu/contextMenu.js.map +1 -1
- package/dist/cjs/components/datePicker/DatePicker.js +3 -3
- package/dist/cjs/components/datePicker/DatePicker.js.map +1 -1
- package/dist/cjs/components/dialog/Dialog.js +5 -5
- package/dist/cjs/components/dialog/Dialog.js.map +1 -1
- package/dist/cjs/components/divider/Divider.js +2 -2
- package/dist/cjs/components/divider/Divider.js.map +1 -1
- package/dist/cjs/components/dropdownMenu/DropdownMenu.js +2 -2
- package/dist/cjs/components/dropdownMenu/DropdownMenu.js.map +1 -1
- package/dist/cjs/components/forms/TextField.js.map +1 -1
- package/dist/cjs/components/icon/Icon.js +2 -2
- package/dist/cjs/components/icon/Icon.js.map +1 -1
- package/dist/cjs/components/imageUploader/ImageUploader.js +2 -2
- package/dist/cjs/components/imageUploader/ImageUploader.js.map +1 -1
- package/dist/cjs/components/infiniteLoadTrigger/InfiniteLoadTrigger.js +2 -2
- package/dist/cjs/components/infiniteLoadTrigger/InfiniteLoadTrigger.js.map +1 -1
- package/dist/cjs/components/input/Input.js +3 -3
- package/dist/cjs/components/input/Input.js.map +1 -1
- package/dist/cjs/components/layouts/PageContent.js +2 -2
- package/dist/cjs/components/layouts/PageContent.js.map +1 -1
- package/dist/cjs/components/layouts/PageFixedArea.js +2 -2
- package/dist/cjs/components/layouts/PageFixedArea.js.map +1 -1
- package/dist/cjs/components/layouts/PageNav.js +2 -2
- package/dist/cjs/components/layouts/PageNav.js.map +1 -1
- package/dist/cjs/components/layouts/PageNowPlaying.js +2 -2
- package/dist/cjs/components/layouts/PageNowPlaying.js.map +1 -1
- package/dist/cjs/components/layouts/PageRoot.js +2 -2
- package/dist/cjs/components/layouts/PageRoot.js.map +1 -1
- package/dist/cjs/components/layouts/PageSection.js +2 -2
- package/dist/cjs/components/layouts/PageSection.js.map +1 -1
- package/dist/cjs/components/navBar/NavBar.js +3 -3
- package/dist/cjs/components/navBar/NavBar.js.map +1 -1
- package/dist/cjs/components/note/Note.js +2 -2
- package/dist/cjs/components/note/Note.js.map +1 -1
- package/dist/cjs/components/numberStepper/NumberStepper.js +2 -2
- package/dist/cjs/components/numberStepper/NumberStepper.js.map +1 -1
- package/dist/cjs/components/peek/Peek.js +2 -2
- package/dist/cjs/components/peek/Peek.js.map +1 -1
- package/dist/cjs/components/popover/Popover.js +2 -2
- package/dist/cjs/components/popover/Popover.js.map +1 -1
- package/dist/cjs/components/richEditor/RichEditor.js +2 -2
- package/dist/cjs/components/richEditor/RichEditor.js.map +1 -1
- package/dist/cjs/components/select/Select.js +4 -4
- package/dist/cjs/components/select/Select.js.map +1 -1
- package/dist/cjs/components/skeletons/skeletons.js +2 -2
- package/dist/cjs/components/skeletons/skeletons.js.map +1 -1
- package/dist/cjs/components/spinner/Spinner.js +2 -2
- package/dist/cjs/components/spinner/Spinner.js.map +1 -1
- package/dist/cjs/components/textArea/TextArea.js +2 -2
- package/dist/cjs/components/textArea/TextArea.js.map +1 -1
- package/dist/cjs/components/tooltip/Tooltip.js +2 -2
- package/dist/cjs/components/tooltip/Tooltip.js.map +1 -1
- package/dist/cjs/hooks/withClassName.d.ts +1 -1
- package/dist/cjs/hooks/withClassName.js +2 -2
- package/dist/cjs/hooks/withClassName.js.map +1 -1
- package/dist/esm/components/actions/ActionBar.js +1 -1
- package/dist/esm/components/actions/ActionBar.js.map +1 -1
- package/dist/esm/components/actions/ActionButton.js +1 -1
- package/dist/esm/components/actions/ActionButton.js.map +1 -1
- package/dist/esm/components/avatar/Avatar.js +1 -1
- package/dist/esm/components/avatar/Avatar.js.map +1 -1
- package/dist/esm/components/avatar/AvatarList.js +1 -1
- package/dist/esm/components/avatar/AvatarList.js.map +1 -1
- package/dist/esm/components/button/Button.js +1 -1
- package/dist/esm/components/button/Button.js.map +1 -1
- package/dist/esm/components/button/classes.js +1 -1
- package/dist/esm/components/button/classes.js.map +1 -1
- package/dist/esm/components/camera/Camera.js +1 -1
- package/dist/esm/components/camera/Camera.js.map +1 -1
- package/dist/esm/components/card/Card.js +1 -1
- package/dist/esm/components/card/Card.js.map +1 -1
- package/dist/esm/components/checkbox/Checkbox.js +1 -1
- package/dist/esm/components/checkbox/Checkbox.js.map +1 -1
- package/dist/esm/components/chip/Chip.js +1 -1
- package/dist/esm/components/chip/Chip.js.map +1 -1
- package/dist/esm/components/colorPicker/ColorPicker.js +1 -1
- package/dist/esm/components/colorPicker/ColorPicker.js.map +1 -1
- package/dist/esm/components/contextMenu/contextMenu.js +1 -1
- package/dist/esm/components/contextMenu/contextMenu.js.map +1 -1
- package/dist/esm/components/datePicker/DatePicker.js +1 -1
- package/dist/esm/components/datePicker/DatePicker.js.map +1 -1
- package/dist/esm/components/dialog/Dialog.js +1 -1
- package/dist/esm/components/dialog/Dialog.js.map +1 -1
- package/dist/esm/components/divider/Divider.js +1 -1
- package/dist/esm/components/divider/Divider.js.map +1 -1
- package/dist/esm/components/dropdownMenu/DropdownMenu.js +1 -1
- package/dist/esm/components/dropdownMenu/DropdownMenu.js.map +1 -1
- package/dist/esm/components/forms/TextField.js.map +1 -1
- package/dist/esm/components/icon/Icon.js +1 -1
- package/dist/esm/components/icon/Icon.js.map +1 -1
- package/dist/esm/components/imageUploader/ImageUploader.js +1 -1
- package/dist/esm/components/imageUploader/ImageUploader.js.map +1 -1
- package/dist/esm/components/infiniteLoadTrigger/InfiniteLoadTrigger.js +1 -1
- package/dist/esm/components/infiniteLoadTrigger/InfiniteLoadTrigger.js.map +1 -1
- package/dist/esm/components/input/Input.js +1 -1
- package/dist/esm/components/input/Input.js.map +1 -1
- package/dist/esm/components/layouts/PageContent.js +1 -1
- package/dist/esm/components/layouts/PageContent.js.map +1 -1
- package/dist/esm/components/layouts/PageFixedArea.js +1 -1
- package/dist/esm/components/layouts/PageFixedArea.js.map +1 -1
- package/dist/esm/components/layouts/PageNav.js +1 -1
- package/dist/esm/components/layouts/PageNav.js.map +1 -1
- package/dist/esm/components/layouts/PageNowPlaying.js +1 -1
- package/dist/esm/components/layouts/PageNowPlaying.js.map +1 -1
- package/dist/esm/components/layouts/PageRoot.js +1 -1
- package/dist/esm/components/layouts/PageRoot.js.map +1 -1
- package/dist/esm/components/layouts/PageSection.js +1 -1
- package/dist/esm/components/layouts/PageSection.js.map +1 -1
- package/dist/esm/components/navBar/NavBar.js +1 -1
- package/dist/esm/components/navBar/NavBar.js.map +1 -1
- package/dist/esm/components/note/Note.js +1 -1
- package/dist/esm/components/note/Note.js.map +1 -1
- package/dist/esm/components/numberStepper/NumberStepper.js +1 -1
- package/dist/esm/components/numberStepper/NumberStepper.js.map +1 -1
- package/dist/esm/components/peek/Peek.js +1 -1
- package/dist/esm/components/peek/Peek.js.map +1 -1
- package/dist/esm/components/popover/Popover.js +1 -1
- package/dist/esm/components/popover/Popover.js.map +1 -1
- package/dist/esm/components/richEditor/RichEditor.js +1 -1
- package/dist/esm/components/richEditor/RichEditor.js.map +1 -1
- package/dist/esm/components/select/Select.js +1 -1
- package/dist/esm/components/select/Select.js.map +1 -1
- package/dist/esm/components/skeletons/skeletons.js +1 -1
- package/dist/esm/components/skeletons/skeletons.js.map +1 -1
- package/dist/esm/components/spinner/Spinner.js +1 -1
- package/dist/esm/components/spinner/Spinner.js.map +1 -1
- package/dist/esm/components/textArea/TextArea.js +1 -1
- package/dist/esm/components/textArea/TextArea.js.map +1 -1
- package/dist/esm/components/tooltip/Tooltip.js +1 -1
- package/dist/esm/components/tooltip/Tooltip.js.map +1 -1
- package/dist/esm/hooks/withClassName.d.ts +1 -1
- package/dist/esm/hooks/withClassName.js +1 -1
- package/dist/esm/hooks/withClassName.js.map +1 -1
- package/package.json +3 -3
- package/src/components/actions/ActionBar.tsx +1 -1
- package/src/components/actions/ActionButton.tsx +1 -1
- package/src/components/avatar/Avatar.tsx +1 -1
- package/src/components/avatar/AvatarList.tsx +1 -1
- package/src/components/button/Button.tsx +1 -1
- package/src/components/button/classes.tsx +1 -1
- package/src/components/camera/Camera.tsx +1 -1
- package/src/components/card/Card.tsx +1 -1
- package/src/components/checkbox/Checkbox.tsx +1 -1
- package/src/components/chip/Chip.tsx +1 -1
- package/src/components/colorPicker/ColorPicker.tsx +1 -1
- package/src/components/contextMenu/contextMenu.tsx +1 -1
- package/src/components/datePicker/DatePicker.tsx +1 -1
- package/src/components/dialog/Dialog.tsx +1 -1
- package/src/components/divider/Divider.tsx +1 -1
- package/src/components/dropdownMenu/DropdownMenu.tsx +1 -1
- package/src/components/forms/TextField.tsx +81 -81
- package/src/components/icon/Icon.tsx +1 -1
- package/src/components/imageUploader/ImageUploader.tsx +1 -1
- package/src/components/infiniteLoadTrigger/InfiniteLoadTrigger.tsx +1 -1
- package/src/components/input/Input.tsx +1 -1
- package/src/components/layouts/PageContent.tsx +1 -1
- package/src/components/layouts/PageFixedArea.tsx +1 -1
- package/src/components/layouts/PageNav.tsx +1 -1
- package/src/components/layouts/PageNowPlaying.tsx +1 -1
- package/src/components/layouts/PageRoot.tsx +1 -1
- package/src/components/layouts/PageSection.tsx +1 -1
- package/src/components/navBar/NavBar.tsx +1 -1
- package/src/components/note/Note.tsx +1 -1
- package/src/components/numberStepper/NumberStepper.tsx +1 -1
- package/src/components/peek/Peek.tsx +60 -60
- package/src/components/popover/Popover.tsx +1 -1
- package/src/components/richEditor/RichEditor.tsx +1 -1
- package/src/components/select/Select.tsx +1 -1
- package/src/components/skeletons/skeletons.tsx +1 -1
- package/src/components/spinner/Spinner.tsx +1 -1
- package/src/components/textArea/TextArea.tsx +1 -1
- package/src/components/tooltip/Tooltip.tsx +1 -1
- package/src/hooks/withClassName.tsx +1 -1
|
@@ -18,9 +18,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
18
18
|
exports.Icon = void 0;
|
|
19
19
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
20
20
|
const react_1 = require("react");
|
|
21
|
-
const
|
|
21
|
+
const clsx_1 = __importDefault(require("clsx"));
|
|
22
22
|
exports.Icon = (0, react_1.forwardRef)(function Icon(_a, ref) {
|
|
23
23
|
var { name, size = 15, className } = _a, rest = __rest(_a, ["name", "size", "className"]);
|
|
24
|
-
return ((0, jsx_runtime_1.jsx)("svg", Object.assign({ ref: ref, className: (0,
|
|
24
|
+
return ((0, jsx_runtime_1.jsx)("svg", Object.assign({ ref: ref, className: (0, clsx_1.default)('flex-shrink-0 layer-components:fill-none', className), width: size, height: size }, rest, { children: (0, jsx_runtime_1.jsx)("use", { xlinkHref: `#icon-${name}` }) })));
|
|
25
25
|
});
|
|
26
26
|
//# sourceMappingURL=Icon.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../../src/components/icon/Icon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,iCAAmD;AACnD,
|
|
1
|
+
{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../../src/components/icon/Icon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,iCAAmD;AACnD,gDAA8B;AAQjB,QAAA,IAAI,GAAG,IAAA,kBAAU,EAA2B,SAAS,IAAI,CACrE,EAAuC,EACvC,GAAG;QADH,EAAE,IAAI,EAAE,IAAI,GAAG,EAAE,EAAE,SAAS,OAAW,EAAN,IAAI,cAArC,6BAAuC,CAAF;IAGrC,OAAO,CACN,8CACC,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAU,EACpB,0CAA0C,EAC1C,SAAS,CACT,EACD,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,IACR,IAAI,cAER,gCAAK,SAAS,EAAE,SAAS,IAAI,EAAE,GAAI,IAC9B,CACN,CAAC;AACH,CAAC,CAAC,CAAC"}
|
|
@@ -18,7 +18,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
18
18
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
19
19
|
exports.ImageUploader = void 0;
|
|
20
20
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
21
|
-
const
|
|
21
|
+
const clsx_1 = __importDefault(require("clsx"));
|
|
22
22
|
const react_1 = require("react");
|
|
23
23
|
const icon_js_1 = require("../icon.js");
|
|
24
24
|
const button_js_1 = require("../button.js");
|
|
@@ -93,7 +93,7 @@ function ImageUploader(_a) {
|
|
|
93
93
|
}, []);
|
|
94
94
|
const [cameraOpen, setCameraOpen] = (0, react_1.useState)(false);
|
|
95
95
|
const openCamera = () => setCameraOpen(true);
|
|
96
|
-
return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0,
|
|
96
|
+
return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, clsx_1.default)('relative overflow-hidden', rest.className), onDragEnter: onDragEnter, onDragLeave: onDragLeave, onDragOver: onDragOver, onDrop: onDrop, onDragStart: onDragStart, onDragEnd: onDragEnd }, { children: [value ? ((0, jsx_runtime_1.jsx)("img", { src: value, className: "w-full h-full object-cover object-center" })) : null, !value && ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, clsx_1.default)('absolute inset-0 flex flex-col items-center justify-center gap-3 bg-[rgba(0,0,0,0.05)]', {
|
|
97
97
|
'!bg-[rgba(0,0,0,0.1)]': draggingOver,
|
|
98
98
|
}) }, { children: [(0, jsx_runtime_1.jsx)("input", { type: "file", accept: "image/*", onChange: onFileChange, onClick: onFileClick, className: "absolute inset--99999 op-0", id: inputId }), (0, jsx_runtime_1.jsx)(button_js_1.Button, Object.assign({ color: "ghost", asChild: true }, { children: (0, jsx_runtime_1.jsxs)("label", Object.assign({ htmlFor: inputId }, { children: [(0, jsx_runtime_1.jsx)(icon_js_1.Icon, { name: "upload" }), (0, jsx_runtime_1.jsx)("span", { children: dragging ? 'Drop' : 'Upload' })] })) })), (0, jsx_runtime_1.jsxs)(button_js_1.Button, Object.assign({ color: "ghost", onClick: openCamera }, { children: [(0, jsx_runtime_1.jsx)(icon_js_1.Icon, { name: "camera" }), (0, jsx_runtime_1.jsx)("span", { children: "Camera" })] }))] }))), !value && cameraOpen && ((0, jsx_runtime_1.jsxs)(camera_js_1.CameraRoot, Object.assign({ className: "absolute w-full h-full z-1", format: "image/png", onCapture: (file) => {
|
|
99
99
|
onChange(file);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ImageUploader.js","sourceRoot":"","sources":["../../../../src/components/imageUploader/ImageUploader.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;AAEb,
|
|
1
|
+
{"version":3,"file":"ImageUploader.js","sourceRoot":"","sources":["../../../../src/components/imageUploader/ImageUploader.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;AAEb,gDAA8B;AAC9B,iCAAqD;AACrD,wCAAkC;AAClC,4CAAsC;AACtC,4CAIsB;AAUtB;;;;GAIG;AACH,SAAgB,aAAa,CAAC,EAMT;QANS,EAC7B,KAAK,EACL,QAAQ,EAAE,YAAY,EACtB,YAAY,EACZ,UAAU,OAEU,EADjB,IAAI,cALsB,mDAM7B,CADO;IAEP,MAAM,OAAO,GAAG,IAAA,aAAK,GAAE,CAAC;IACxB,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAChD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAExD,MAAM,WAAW,GAAG,IAAA,mBAAW,EAAC,CAAC,CAAkC,EAAE,EAAE;QACtE,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,eAAe,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,WAAW,GAAG,IAAA,mBAAW,EAAC,CAAC,CAAkC,EAAE,EAAE;QACtE,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,eAAe,CAAC,KAAK,CAAC,CAAC;IACxB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,UAAU,GAAG,IAAA,mBAAW,EAAC,CAAC,CAAkC,EAAE,EAAE;QACrE,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,eAAe,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,QAAQ,GAAG,IAAA,mBAAW,EAC3B,KAAK,EAAE,IAAiB,EAAE,EAAE;QAC3B,IAAI,CAAC,IAAI,EAAE;YACV,YAAY,CAAC,IAAI,CAAC,CAAC;SACnB;aAAM,IAAI,YAAY,EAAE;YACxB,MAAM,EAAE,oBAAoB,EAAE,GAAG,MAAM,MAAM,CAAC,uBAAuB,CAAC,CAAC;YACvE,MAAM,YAAY,GAAG,MAAM,oBAAoB,CAAC,IAAI,EAAE;gBACrD,QAAQ,EAAE,YAAY;gBACtB,SAAS,EAAE,YAAY;gBACvB,QAAQ,EAAE,IAAI,CAAC,IAAI;aACnB,CAAC,CAAC;YACH,YAAY,CAAC,IAAI,IAAI,CAAC,CAAC,YAAY,CAAC,EAAE,IAAI,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;SACvE;aAAM;YACN,YAAY,CAAC,IAAI,CAAC,CAAC;SACnB;IACF,CAAC,EACD,CAAC,YAAY,EAAE,YAAY,CAAC,CAC5B,CAAC;IAEF,MAAM,MAAM,GAAG,IAAA,mBAAW,EACzB,CAAC,CAAkC,EAAE,EAAE;QACtC,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,eAAe,CAAC,KAAK,CAAC,CAAC;QACvB,IAAI,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;YACpC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;SAClC;IACF,CAAC,EACD,CAAC,QAAQ,CAAC,CACV,CAAC;IAEF,MAAM,WAAW,GAAG,IAAA,mBAAW,EAAC,CAAC,CAAkC,EAAE,EAAE;QACtE,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,WAAW,CAAC,IAAI,CAAC,CAAC;IACnB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,SAAS,GAAG,IAAA,mBAAW,EAAC,CAAC,CAAkC,EAAE,EAAE;QACpE,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,WAAW,CAAC,KAAK,CAAC,CAAC;IACpB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,YAAY,GAAG,IAAA,mBAAW,EAC/B,CAAC,CAAsC,EAAE,EAAE;QAC1C,IAAI,CAAC,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;YAChD,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;SAC5B;IACF,CAAC,EACD,CAAC,QAAQ,CAAC,CACV,CAAC;IAEF,MAAM,WAAW,GAAG,IAAA,mBAAW,EAAC,CAAC,CAAqC,EAAE,EAAE;QACzE,CAAC,CAAC,eAAe,EAAE,CAAC;IACrB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IACpD,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;IAE7C,OAAO,CACN,+CACC,SAAS,EAAE,IAAA,cAAU,EAAC,0BAA0B,EAAE,IAAI,CAAC,SAAS,CAAC,EACjE,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,iBAEnB,KAAK,CAAC,CAAC,CAAC,CACR,gCAAK,GAAG,EAAE,KAAK,EAAE,SAAS,EAAC,0CAA0C,GAAG,CACxE,CAAC,CAAC,CAAC,IAAI,EACP,CAAC,KAAK,IAAI,CACV,+CACC,SAAS,EAAE,IAAA,cAAU,EACpB,wFAAwF,EACxF;oBACC,uBAAuB,EAAE,YAAY;iBACrC,CACD,iBAED,kCACC,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,SAAS,EAChB,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,WAAW,EACpB,SAAS,EAAC,4BAA4B,EACtC,EAAE,EAAE,OAAO,GACV,EACF,uBAAC,kBAAM,kBAAC,KAAK,EAAC,OAAO,EAAC,OAAO,sBAC5B,iDAAO,OAAO,EAAE,OAAO,iBACtB,uBAAC,cAAI,IAAC,IAAI,EAAC,QAAQ,GAAG,EACtB,2CAAO,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,GAAQ,KACpC,IACA,EACT,wBAAC,kBAAM,kBAAC,KAAK,EAAC,OAAO,EAAC,OAAO,EAAE,UAAU,iBACxC,uBAAC,cAAI,IAAC,IAAI,EAAC,QAAQ,GAAG,EACtB,sDAAmB,KACX,KACJ,CACN,EACA,CAAC,KAAK,IAAI,UAAU,IAAI,CACxB,wBAAC,sBAAU,kBACV,SAAS,EAAC,4BAA4B,EACtC,MAAM,EAAC,WAAW,EAClB,SAAS,EAAE,CAAC,IAAI,EAAE,EAAE;oBACnB,QAAQ,CAAC,IAAI,CAAC,CAAC;oBACf,aAAa,CAAC,KAAK,CAAC,CAAC;gBACtB,CAAC,EACD,UAAU,EAAE,UAAU,iBAEtB,uBAAC,+BAAmB,KAAG,EACvB,uBAAC,gCAAoB,KAAG,EACxB,uBAAC,kBAAM,kBACN,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,EACnC,KAAK,EAAC,OAAO,EACb,IAAI,EAAC,MAAM,EACX,SAAS,EAAC,mCAAmC,gBAE7C,uBAAC,cAAI,IAAC,IAAI,EAAC,GAAG,GAAG,IACT,KACG,CACb,EACA,KAAK,IAAI,CACT,uBAAC,kBAAM,kBACN,KAAK,EAAC,OAAO,EACb,IAAI,EAAC,MAAM,EACX,SAAS,EAAC,mIAAmI,EAC7I,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,gBAE7B,uBAAC,cAAI,IAAC,IAAI,EAAC,GAAG,GAAG,IACT,CACT,KACI,CACN,CAAC;AACH,CAAC;AApKD,sCAoKC"}
|
|
@@ -18,7 +18,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
18
18
|
exports.InfiniteLoadTrigger = void 0;
|
|
19
19
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
20
20
|
const react_1 = require("react");
|
|
21
|
-
const
|
|
21
|
+
const clsx_1 = __importDefault(require("clsx"));
|
|
22
22
|
const useMergedRef_js_1 = __importDefault(require("../../hooks/useMergedRef.js"));
|
|
23
23
|
const hooks_js_1 = require("../../hooks.js");
|
|
24
24
|
exports.InfiniteLoadTrigger = (0, react_1.forwardRef)(function InfiniteLoadTrigger(_a, ref) {
|
|
@@ -36,6 +36,6 @@ exports.InfiniteLoadTrigger = (0, react_1.forwardRef)(function InfiniteLoadTrigg
|
|
|
36
36
|
observer.disconnect();
|
|
37
37
|
};
|
|
38
38
|
}, [stableOnVisible]);
|
|
39
|
-
return ((0, jsx_runtime_1.jsx)("div", Object.assign({ ref: (0, useMergedRef_js_1.default)(ref, innerRef), className: (0,
|
|
39
|
+
return ((0, jsx_runtime_1.jsx)("div", Object.assign({ ref: (0, useMergedRef_js_1.default)(ref, innerRef), className: (0, clsx_1.default)('flex flex-col items-center', className) }, rest)));
|
|
40
40
|
});
|
|
41
41
|
//# sourceMappingURL=InfiniteLoadTrigger.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InfiniteLoadTrigger.js","sourceRoot":"","sources":["../../../../src/components/infiniteLoadTrigger/InfiniteLoadTrigger.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,iCAAiE;AACjE,
|
|
1
|
+
{"version":3,"file":"InfiniteLoadTrigger.js","sourceRoot":"","sources":["../../../../src/components/infiniteLoadTrigger/InfiniteLoadTrigger.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,iCAAiE;AACjE,gDAA8B;AAC9B,kFAAuD;AACvD,6CAAmD;AAQtC,QAAA,mBAAmB,GAAG,IAAA,kBAAU,EAG3C,SAAS,mBAAmB,CAAC,EAAiC,EAAE,GAAG;QAAtC,EAAE,SAAS,EAAE,SAAS,OAAW,EAAN,IAAI,cAA/B,0BAAiC,CAAF;IAC7D,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAE9C,MAAM,eAAe,GAAG,IAAA,4BAAiB,EAAC,SAAS,CAAC,CAAC;IACrD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACd,MAAM,QAAQ,GAAG,IAAI,oBAAoB,CAAC,CAAC,OAAO,EAAE,EAAE;YACrD,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC,cAAc,EAAE;gBAC9B,eAAe,EAAE,CAAC;aAClB;QACF,CAAC,CAAC,CAAC;QACH,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,OAAQ,CAAC,CAAC;QACpC,OAAO,GAAG,EAAE;YACX,QAAQ,CAAC,UAAU,EAAE,CAAC;QACvB,CAAC,CAAC;IACH,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,OAAO,CACN,8CACC,GAAG,EAAE,IAAA,yBAAY,EAAC,GAAG,EAAE,QAAQ,CAAC,EAChC,SAAS,EAAE,IAAA,cAAU,EAAC,4BAA4B,EAAE,SAAS,CAAC,IAC1D,IAAI,EACP,CACF,CAAC;AACH,CAAC,CAAC,CAAC"}
|
|
@@ -17,12 +17,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
17
17
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
18
18
|
exports.Input = exports.inputClassName = void 0;
|
|
19
19
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
20
|
-
const
|
|
20
|
+
const clsx_1 = __importDefault(require("clsx"));
|
|
21
21
|
const react_1 = require("react");
|
|
22
|
-
exports.inputClassName = (0,
|
|
22
|
+
exports.inputClassName = (0, clsx_1.default)('layer-components:px-4 layer-components:py-2 layer-components:text-md layer-components:font-sans layer-components:rounded-lg layer-components:bg-gray-blend layer-components:select-auto layer-components:min-w-60px layer-components:color-black layer-components:border-default', 'layer-components:focus:outline-none layer-components:focus:bg-gray2', 'layer-components:focus-visible:outline-none layer-components:focus-visible:shadow-focus', 'layer-components:md:min-w-120px');
|
|
23
23
|
exports.Input = (0, react_1.forwardRef)(function Input(_a, ref) {
|
|
24
24
|
var { className, variant = 'default' } = _a, props = __rest(_a, ["className", "variant"]);
|
|
25
|
-
return ((0, jsx_runtime_1.jsx)("input", Object.assign({}, props, { className: (0,
|
|
25
|
+
return ((0, jsx_runtime_1.jsx)("input", Object.assign({}, props, { className: (0, clsx_1.default)(exports.inputClassName, {
|
|
26
26
|
'rounded-full': variant === 'primary',
|
|
27
27
|
}, className), ref: ref })));
|
|
28
28
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/components/input/Input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/components/input/Input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,gDAA8B;AAC9B,iCAA0E;AAE7D,QAAA,cAAc,GAAG,IAAA,cAAU,EACvC,2HAA2H,EAC3H,gDAAgD,EAChD,4DAA4D,EAC5D,mCAAmC,CACnC,CAAC;AAEW,QAAA,KAAK,GAAG,IAAA,kBAAU,EAK7B,SAAS,KAAK,CAAC,EAA4C,EAAE,GAAG;QAAjD,EAAE,SAAS,EAAE,OAAO,GAAG,SAAS,OAAY,EAAP,KAAK,cAA1C,wBAA4C,CAAF;IAC1D,OAAO,CACN,kDACK,KAAK,IACT,SAAS,EAAE,IAAA,cAAU,EACpB,sBAAc,EACd;YACC,cAAc,EAAE,OAAO,KAAK,SAAS;SACrC,EACD,SAAS,CACT,EACD,GAAG,EAAE,GAAG,IACP,CACF,CAAC;AACH,CAAC,CAAC,CAAC"}
|
|
@@ -18,7 +18,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
18
18
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
19
19
|
exports.PageContent = void 0;
|
|
20
20
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
21
|
-
const
|
|
21
|
+
const clsx_1 = __importDefault(require("clsx"));
|
|
22
22
|
const useSize_js_1 = require("../../hooks/useSize.js");
|
|
23
23
|
function PageContent(_a) {
|
|
24
24
|
var { children, fullHeight, noPadding, innerProps, className } = _a, rest = __rest(_a, ["children", "fullHeight", "noPadding", "innerProps", "className"]);
|
|
@@ -29,7 +29,7 @@ function PageContent(_a) {
|
|
|
29
29
|
height: '--content-height',
|
|
30
30
|
ready: '--content-ready',
|
|
31
31
|
});
|
|
32
|
-
return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0,
|
|
32
|
+
return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, clsx_1.default)('[grid-area:content] max-w-full min-w-0 w-full flex flex-col items-start relative flex-1 gap-3', className) }, rest, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({}, innerProps, { className: (0, clsx_1.default)('w-full min-w-0 flex flex-col mb-120px px-4 py-4', 'sm:max-w-700px sm:w-full', {
|
|
33
33
|
'flex-1': fullHeight,
|
|
34
34
|
'important:p-0 important:sm:p-4': noPadding,
|
|
35
35
|
}, innerProps === null || innerProps === void 0 ? void 0 : innerProps.className), ref: innerRef }, { children: children })) })));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageContent.js","sourceRoot":"","sources":["../../../../src/components/layouts/PageContent.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;AACb,
|
|
1
|
+
{"version":3,"file":"PageContent.js","sourceRoot":"","sources":["../../../../src/components/layouts/PageContent.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;AACb,gDAA8B;AAE9B,uDAA0D;AAE1D,SAAgB,WAAW,CAAC,EAW3B;QAX2B,EAC3B,QAAQ,EACR,UAAU,EACV,SAAS,EACT,UAAU,EACV,SAAS,OAMT,EALG,IAAI,cANoB,kEAO3B,CADO;IAMP,MAAM,QAAQ,GAAG,IAAA,6BAAgB,EAAiB,GAAG,EAAE,SAAS,EAAE;QACjE,IAAI,EAAE,gBAAgB;QACtB,GAAG,EAAE,eAAe;QACpB,KAAK,EAAE,iBAAiB;QACxB,MAAM,EAAE,kBAAkB;QAC1B,KAAK,EAAE,iBAAiB;KACxB,CAAC,CAAC;IAEH,OAAO,CACN,8CACC,SAAS,EAAE,IAAA,cAAU,EACpB,+FAA+F,EAC/F,SAAS,CACT,IACG,IAAI,cAER,gDACK,UAAU,IACd,SAAS,EAAE,IAAA,cAAU,EACpB,iDAAiD,EACjD,yBAAyB,EACzB;gBACC,QAAQ,EAAE,UAAU;gBACpB,wBAAwB,EAAE,SAAS;aACnC,EACD,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,SAAS,CACrB,EACD,GAAG,EAAE,QAAQ,gBAEZ,QAAQ,IACJ,IACD,CACN,CAAC;AACH,CAAC;AA7CD,kCA6CC"}
|
|
@@ -17,10 +17,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
17
17
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
18
18
|
exports.PageFixedArea = void 0;
|
|
19
19
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
20
|
-
const
|
|
20
|
+
const clsx_1 = __importDefault(require("clsx"));
|
|
21
21
|
function PageFixedArea(_a) {
|
|
22
22
|
var { className } = _a, props = __rest(_a, ["className"]);
|
|
23
|
-
return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, props, { className: (0,
|
|
23
|
+
return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, props, { className: (0, clsx_1.default)('layer-components:sticky layer-components:top-0 layer-components:z-nav layer-components:bg-wash layer-components:w-full layer-components:items-stretch layer-components:gap-2 layer-components:flex layer-components:flex-col', className) })));
|
|
24
24
|
}
|
|
25
25
|
exports.PageFixedArea = PageFixedArea;
|
|
26
26
|
//# sourceMappingURL=PageFixedArea.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageFixedArea.js","sourceRoot":"","sources":["../../../../src/components/layouts/PageFixedArea.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AACA,
|
|
1
|
+
{"version":3,"file":"PageFixedArea.js","sourceRoot":"","sources":["../../../../src/components/layouts/PageFixedArea.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AACA,gDAA8B;AAE9B,SAAgB,aAAa,CAAC,EAGG;QAHH,EAC7B,SAAS,OAEuB,EAD7B,KAAK,cAFqB,aAG7B,CADQ;IAER,OAAO,CACN,gDACK,KAAK,IACT,SAAS,EAAE,IAAA,cAAU,EACpB,wFAAwF,EACxF,SAAS,CACT,IACA,CACF,CAAC;AACH,CAAC;AAbD,sCAaC"}
|
|
@@ -18,10 +18,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
18
18
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
19
19
|
exports.PageNav = void 0;
|
|
20
20
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
21
|
-
const
|
|
21
|
+
const clsx_1 = __importDefault(require("clsx"));
|
|
22
22
|
function PageNav(_a) {
|
|
23
23
|
var { className, children } = _a, props = __rest(_a, ["className", "children"]);
|
|
24
|
-
return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, props, { className: (0,
|
|
24
|
+
return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, props, { className: (0, clsx_1.default)('[grid-area:nav] relative z-nav', 'sm:[grid-area:nav] sm:sticky sm:top-0 sm:h-auto sm:bottom-auto sm:left-auto sm:right-auto', className) }, { children: children })));
|
|
25
25
|
}
|
|
26
26
|
exports.PageNav = PageNav;
|
|
27
27
|
//# sourceMappingURL=PageNav.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageNav.js","sourceRoot":"","sources":["../../../../src/components/layouts/PageNav.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;AAEb,
|
|
1
|
+
{"version":3,"file":"PageNav.js","sourceRoot":"","sources":["../../../../src/components/layouts/PageNav.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;AAEb,gDAA8B;AAG9B,SAAgB,OAAO,CAAC,EAIS;QAJT,EACvB,SAAS,EACT,QAAQ,OAEwB,EAD7B,KAAK,cAHe,yBAIvB,CADQ;IAER,OAAO,CACN,gDACK,KAAK,IACT,SAAS,EAAE,IAAA,cAAU,EACpB,gCAAgC,EAChC,2EAA2E,EAC3E,SAAS,CACT,gBAEA,QAAQ,IACJ,CACN,CAAC;AACH,CAAC;AAjBD,0BAiBC"}
|
|
@@ -18,10 +18,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
18
18
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
19
19
|
exports.PageNowPlaying = void 0;
|
|
20
20
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
21
|
-
const
|
|
21
|
+
const clsx_1 = __importDefault(require("clsx"));
|
|
22
22
|
function PageNowPlaying(_a) {
|
|
23
23
|
var { className, unstyled } = _a, props = __rest(_a, ["className", "unstyled"]);
|
|
24
|
-
return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, props, { className: (0,
|
|
24
|
+
return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, props, { className: (0, clsx_1.default)('fixed bottom-[var(--now-playing-bottom,60px)] left-0 right-0 z-now-playing flex flex-col gap-2 items-end', 'sm:fixed sm:bottom-3 sm:left-[var(--content-left,20%)] sm:transition-opacity sm:top-auto sm:items-end sm:w-[var(--content-width,100%)] sm:max-w-80vw sm:p-0 sm:opacity-[var(--content-ready,0)]', unstyled
|
|
25
25
|
? 'p-2'
|
|
26
26
|
: 'layer-components:bg-wash layer-components:p-2px layer-components:rounded-xl layer-components:border-light layer-components:shadow-md layer-components:min-w-32px layer-components:items-center layer-components:justify-center layer-components:m-2 layer-components:w-auto', className) })));
|
|
27
27
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageNowPlaying.js","sourceRoot":"","sources":["../../../../src/components/layouts/PageNowPlaying.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;AAEb,
|
|
1
|
+
{"version":3,"file":"PageNowPlaying.js","sourceRoot":"","sources":["../../../../src/components/layouts/PageNowPlaying.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;AAEb,gDAA8B;AAG9B,SAAgB,cAAc,CAAC,EAI2B;QAJ3B,EAC9B,SAAS,EACT,QAAQ,OAEiD,EADtD,KAAK,cAHsB,yBAI9B,CADQ;IAER,OAAO,CACN,gDACK,KAAK,IACT,SAAS,EAAE,IAAA,cAAU,EACpB,0GAA0G,EAC1G,wKAAwK,EACxK,QAAQ;YACP,CAAC,CAAC,KAAK;YACP,CAAC,CAAC,sHAAsH,EACzH,SAAS,CACT,IACA,CACF,CAAC;AACH,CAAC;AAlBD,wCAkBC"}
|
|
@@ -17,11 +17,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
17
17
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
18
18
|
exports.PageRoot = void 0;
|
|
19
19
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
20
|
-
const
|
|
20
|
+
const clsx_1 = __importDefault(require("clsx"));
|
|
21
21
|
const react_1 = require("react");
|
|
22
22
|
exports.PageRoot = (0, react_1.forwardRef)(function PageRoot(_a, ref) {
|
|
23
23
|
var { className, children } = _a, props = __rest(_a, ["className", "children"]);
|
|
24
|
-
return ((0, jsx_runtime_1.jsx)("div", Object.assign({ ref: ref, className: (0,
|
|
24
|
+
return ((0, jsx_runtime_1.jsx)("div", Object.assign({ ref: ref, className: (0, clsx_1.default)('flex-grow-1 flex-shrink-1 flex-basis-0 min-h-0 h-full', 'grid grid-areas-[content]-[nav] grid-cols-[1fr] grid-rows-[1fr] items-start justify-center', 'sm:grid-areas-[gutter1_nav_content_gutter2] sm:grid-cols-[1fr_auto_min(800px,60vw)_1fr] sm:min-h-auto', {
|
|
25
25
|
'bg-[var(--palette-yellow-70)]': props.color === 'lemon',
|
|
26
26
|
}, className) }, props, { children: children })));
|
|
27
27
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageRoot.js","sourceRoot":"","sources":["../../../../src/components/layouts/PageRoot.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"PageRoot.js","sourceRoot":"","sources":["../../../../src/components/layouts/PageRoot.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,gDAA8B;AAC9B,iCAA8C;AAEjC,QAAA,QAAQ,GAAG,IAAA,kBAAU,EAOhC,SAAS,QAAQ,CAAC,EAAiC,EAAE,GAAG;QAAtC,EAAE,SAAS,EAAE,QAAQ,OAAY,EAAP,KAAK,cAA/B,yBAAiC,CAAF;IAClD,OAAO,CACN,8CACC,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAU,EACpB,uDAAuD,EACvD,4FAA4F,EAC5F,mGAAmG,EACnG;YACC,+BAA+B,EAAE,KAAK,CAAC,KAAK,KAAK,OAAO;SACxD,EACD,SAAS,CACT,IACG,KAAK,cAER,QAAQ,IACJ,CACN,CAAC;AACH,CAAC,CAAC,CAAC"}
|
|
@@ -17,11 +17,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
17
17
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
18
18
|
exports.PageSectionGrid = exports.PageSection = void 0;
|
|
19
19
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
20
|
-
const
|
|
20
|
+
const clsx_1 = __importDefault(require("clsx"));
|
|
21
21
|
const withClassName_js_1 = require("../../hooks/withClassName.js");
|
|
22
22
|
function PageSection(_a) {
|
|
23
23
|
var { className } = _a, props = __rest(_a, ["className"]);
|
|
24
|
-
return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, props, { className: (0,
|
|
24
|
+
return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, props, { className: (0, clsx_1.default)('bg-white rounded-lg border-default p-4 w-full max-w-80vw md:min-w-0', className) })));
|
|
25
25
|
}
|
|
26
26
|
exports.PageSection = PageSection;
|
|
27
27
|
exports.PageSectionGrid = (0, withClassName_js_1.withClassName)('div', 'grid grid-cols-[repeat(auto-fit,minmax(300px,1fr))] gap-4 items-start');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageSection.js","sourceRoot":"","sources":["../../../../src/components/layouts/PageSection.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AACA,
|
|
1
|
+
{"version":3,"file":"PageSection.js","sourceRoot":"","sources":["../../../../src/components/layouts/PageSection.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AACA,gDAA8B;AAC9B,mEAA6D;AAE7D,SAAgB,WAAW,CAAC,EAGK;QAHL,EAC3B,SAAS,OAEuB,EAD7B,KAAK,cAFmB,aAG3B,CADQ;IAER,OAAO,CACN,gDACK,KAAK,IACT,SAAS,EAAE,IAAA,cAAU,EACpB,qEAAqE,EACrE,SAAS,CACT,IACA,CACF,CAAC;AACH,CAAC;AAbD,kCAaC;AAEY,QAAA,eAAe,GAAG,IAAA,gCAAa,EAC3C,KAAK,EACL,uEAAuE,CACvE,CAAC"}
|
|
@@ -17,15 +17,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
17
17
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
18
18
|
exports.NavBarRoot = exports.NavBarItemPip = exports.NavBarItemIcon = exports.NavBarItemText = exports.NavBarItemIconWrapper = exports.NavBarItem = exports.navBarItemClass = void 0;
|
|
19
19
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
20
|
-
const
|
|
20
|
+
const clsx_1 = __importDefault(require("clsx"));
|
|
21
21
|
const hooks_js_1 = require("../../hooks.js");
|
|
22
22
|
const react_1 = require("react");
|
|
23
23
|
const react_slot_1 = require("@radix-ui/react-slot");
|
|
24
|
-
exports.navBarItemClass = (0,
|
|
24
|
+
exports.navBarItemClass = (0, clsx_1.default)('layer-components:flex layer-components:flex-col layer-components:items-center layer-components:justify-center layer-components:whitespace-nowrap layer-components:py-1 layer-components:px-3 layer-components:bg-transparent layer-components:rounded-md layer-components:border-none layer-components:cursor-pointer layer-components:text-sm layer-components:transition-colors layer-components:h-full layer-components:gap-6px layer-components:relative layer-components:text-inherit', 'layer-components:sm:flex-row-reverse layer-components:sm:h-auto layer-components:sm:justify-start layer-components:sm:gap-2 layer-components:sm:overflow-visible', 'layer-components:hover:bg-primaryWash', 'layer-components:focus-visible:outline-none layer-components:focus-visible:bg-primaryWash', 'layer-components:active:bg-primaryWash');
|
|
25
25
|
exports.NavBarItem = (0, react_1.forwardRef)(function NavBarItem(_a, ref) {
|
|
26
26
|
var { asChild, className } = _a, rest = __rest(_a, ["asChild", "className"]);
|
|
27
27
|
const Comp = asChild ? react_slot_1.Slot : 'div';
|
|
28
|
-
return ((0, jsx_runtime_1.jsx)(Comp, Object.assign({ ref: ref, className: (0,
|
|
28
|
+
return ((0, jsx_runtime_1.jsx)(Comp, Object.assign({ ref: ref, className: (0, clsx_1.default)(exports.navBarItemClass, className) }, rest)));
|
|
29
29
|
});
|
|
30
30
|
exports.NavBarItemIconWrapper = (0, hooks_js_1.withClassName)('div', 'relative flex sm:p-6px sm:rounded-full sm:bg-lightBlend');
|
|
31
31
|
exports.NavBarItemText = (0, hooks_js_1.withClassName)('span', 'overflow-hidden pl-1 inline-block text-xxs whitespace-nowrap text-ellipsis sm:text-md sm:leading-normal');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NavBar.js","sourceRoot":"","sources":["../../../../src/components/navBar/NavBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"NavBar.js","sourceRoot":"","sources":["../../../../src/components/navBar/NavBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,gDAA8B;AAC9B,6CAA+C;AAC/C,iCAA8C;AAC9C,qDAA4C;AAE/B,QAAA,eAAe,GAAG,IAAA,cAAU,EACxC,8MAA8M,EAC9M,oFAAoF,EACpF,uCAAuC,EACvC,8DAA8D,EAC9D,wCAAwC,CACxC,CAAC;AAQW,QAAA,UAAU,GAAG,IAAA,kBAAU,EACnC,SAAS,UAAU,CAAC,EAA+B,EAAE,GAAG;QAApC,EAAE,OAAO,EAAE,SAAS,OAAW,EAAN,IAAI,cAA7B,wBAA+B,CAAF;IAChD,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,iBAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IAEpC,OAAO,CACN,uBAAC,IAAI,kBACJ,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAU,EAAC,uBAAe,EAAE,SAAS,CAAC,IAC7C,IAAI,EACP,CACF,CAAC;AACH,CAAC,CACD,CAAC;AAEW,QAAA,qBAAqB,GAAG,IAAA,wBAAa,EACjD,KAAK,EACL,qDAAqD,CACrD,CAAC;AAEW,QAAA,cAAc,GAAG,IAAA,wBAAa,EAC1C,MAAM,EACN,wGAAwG,CACxG,CAAC;AAEW,QAAA,cAAc,GAAG,IAAA,wBAAa,EAC1C,KAAK,EACL,yDAAyD,CACzD,CAAC;AAEW,QAAA,aAAa,GAAG,IAAA,wBAAa,EACzC,KAAK,EACL,4EAA4E,CAC5E,CAAC;AAEW,QAAA,UAAU,GAAG,IAAA,wBAAa,EACtC,KAAK,EACL,iKAAiK,EACjK,oDAAoD,EACpD,gLAAgL,CAChL,CAAC"}
|
|
@@ -17,10 +17,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
17
17
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
18
18
|
exports.Note = void 0;
|
|
19
19
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
20
|
-
const
|
|
20
|
+
const clsx_1 = __importDefault(require("clsx"));
|
|
21
21
|
function Note(_a) {
|
|
22
22
|
var { className, children } = _a, rest = __rest(_a, ["className", "children"]);
|
|
23
|
-
return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0,
|
|
23
|
+
return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, clsx_1.default)('pr-20px', className) }, rest, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-col p-2 border border-solid border-primary-dark bg-primary-wash color-black relative text-sm italic border-r-0" }, { children: [children, (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "w-20px h-[calc(100%-18px)] absolute bottom--0.5px right--20px border-0 border-solid border-primary-dark border-r border-b bg-primary-wash" }, { children: (0, jsx_runtime_1.jsx)("div", { className: `absolute top--20px left-0 border-10px border-0 border-solid border-transparent border-b-primary-dark border-l-primary-dark after:content-[""] after:absolute after:top--7px after:left--9px after:border-8px after:border-solid after:border-transparent after:border-b-primary-wash after:border-l-primary-wash` }) }))] })) })));
|
|
24
24
|
}
|
|
25
25
|
exports.Note = Note;
|
|
26
26
|
//# sourceMappingURL=Note.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Note.js","sourceRoot":"","sources":["../../../../src/components/note/Note.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AACA,
|
|
1
|
+
{"version":3,"file":"Note.js","sourceRoot":"","sources":["../../../../src/components/note/Note.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AACA,gDAA8B;AAM9B,SAAgB,IAAI,CAAC,EAA2C;QAA3C,EAAE,SAAS,EAAE,QAAQ,OAAsB,EAAjB,IAAI,cAA9B,yBAAgC,CAAF;IAClD,OAAO,CACN,8CAAK,SAAS,EAAE,IAAA,cAAU,EAAC,SAAS,EAAE,SAAS,CAAC,IAAM,IAAI,cACzD,+CAAK,SAAS,EAAC,0HAA0H,iBACvI,QAAQ,EACT,8CAAK,SAAS,EAAC,2IAA2I,gBACzJ,gCACC,SAAS,EAAE,oQAAoQ,GAC9Q,IACG,KACD,IACD,CACN,CAAC;AACH,CAAC;AAbD,oBAaC"}
|
|
@@ -19,7 +19,7 @@ exports.NumberStepper = void 0;
|
|
|
19
19
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
20
20
|
const utils_1 = require("@a-type/utils");
|
|
21
21
|
const react_icons_1 = require("@radix-ui/react-icons");
|
|
22
|
-
const
|
|
22
|
+
const clsx_1 = __importDefault(require("clsx"));
|
|
23
23
|
const button_js_1 = require("../button.js");
|
|
24
24
|
function NumberStepper(_a) {
|
|
25
25
|
var _b;
|
|
@@ -49,7 +49,7 @@ function NumberStepper(_a) {
|
|
|
49
49
|
};
|
|
50
50
|
const canIncrement = steps ? index < steps.length - 1 : true;
|
|
51
51
|
const canDecrement = steps ? index > 0 : true;
|
|
52
|
-
return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0,
|
|
52
|
+
return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, clsx_1.default)('flex items-center border-default rounded-full overflow-hidden w-min-content flex-shrink-0', {
|
|
53
53
|
'bg-accent-wash color-black': !!highlightChange && value !== 1,
|
|
54
54
|
}, className) }, rest, { children: [(0, jsx_runtime_1.jsx)(button_js_1.Button, Object.assign({ color: "ghost", onClick: decrement, disabled: !canDecrement }, { children: (0, jsx_runtime_1.jsx)(react_icons_1.MinusIcon, {}) })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "w-80px text-center" }, { children: renderValue(value) })), (0, jsx_runtime_1.jsx)(button_js_1.Button, Object.assign({ color: "ghost", onClick: increment, disabled: !canIncrement }, { children: (0, jsx_runtime_1.jsx)(react_icons_1.PlusIcon, {}) }))] })));
|
|
55
55
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NumberStepper.js","sourceRoot":"","sources":["../../../../src/components/numberStepper/NumberStepper.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,yCAA+C;AAC/C,uDAA4D;AAC5D,
|
|
1
|
+
{"version":3,"file":"NumberStepper.js","sourceRoot":"","sources":["../../../../src/components/numberStepper/NumberStepper.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,yCAA+C;AAC/C,uDAA4D;AAC5D,gDAA8B;AAE9B,4CAAsC;AAYtC,SAAgB,aAAa,CAAC,EAST;;QATS,EAC7B,KAAK,EACL,QAAQ,EACR,eAAe,EACf,KAAK,EACL,SAAS,EAAE,eAAe,GAAG,CAAC,EAC9B,WAAW,GAAG,sBAAc,EAC5B,SAAS,OAEW,EADjB,IAAI,cARsB,0FAS7B,CADO;IAEP,MAAM,KAAK,GAAG,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,CAAC,KAAK,CAAC,mCAAI,CAAC,CAAC;IAEzC,MAAM,SAAS,GAAG,GAAG,EAAE;QACtB,IAAI,KAAK,EAAE;YACV,IAAI,KAAK,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;gBAC/B,OAAO;aACP;YACD,QAAQ,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC;SAC3B;aAAM;YACN,QAAQ,CAAC,KAAK,GAAG,eAAe,CAAC,CAAC;SAClC;IACF,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,GAAG,EAAE;QACtB,IAAI,KAAK,EAAE;YACV,IAAI,KAAK,KAAK,CAAC,EAAE;gBAChB,OAAO;aACP;YACD,QAAQ,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC;SAC3B;aAAM;YACN,QAAQ,CAAC,KAAK,GAAG,eAAe,CAAC,CAAC;SAClC;IACF,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,KAAK,CAAC,CAAC,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAC7D,MAAM,YAAY,GAAG,KAAK,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAE9C,OAAO,CACN,+CACC,SAAS,EAAE,IAAA,cAAU,EACpB,2FAA2F,EAC3F;YACC,4BAA4B,EAAE,CAAC,CAAC,eAAe,IAAI,KAAK,KAAK,CAAC;SAC9D,EACD,SAAS,CACT,IACG,IAAI,eAER,uBAAC,kBAAM,kBAAC,KAAK,EAAC,OAAO,EAAC,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC,YAAY,gBAChE,uBAAC,uBAAS,KAAG,IACL,EACT,8CAAK,SAAS,EAAC,oBAAoB,gBAAE,WAAW,CAAC,KAAK,CAAC,IAAO,EAC9D,uBAAC,kBAAM,kBAAC,KAAK,EAAC,OAAO,EAAC,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC,YAAY,gBAChE,uBAAC,sBAAQ,KAAG,IACJ,KACJ,CACN,CAAC;AACH,CAAC;AAzDD,sCAyDC"}
|
|
@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
7
7
|
exports.Peek = void 0;
|
|
8
8
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
9
9
|
const utils_1 = require("@a-type/utils");
|
|
10
|
-
const
|
|
10
|
+
const clsx_1 = __importDefault(require("clsx"));
|
|
11
11
|
const react_1 = require("react");
|
|
12
12
|
const useSize_js_1 = require("../../hooks/useSize.js");
|
|
13
13
|
const useToggle_js_1 = require("../../hooks/useToggle.js");
|
|
@@ -27,7 +27,7 @@ function Peek({ peekHeight = 120, children, className }) {
|
|
|
27
27
|
}
|
|
28
28
|
}, [peekHeight]);
|
|
29
29
|
const id = (0, react_1.useId)();
|
|
30
|
-
return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0,
|
|
30
|
+
return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, clsx_1.default)('relative animate-ease-default animate-forwards overflow-hidden [&[data-state=closed]]:animate-keyframes-peek-close [&[data-state=closed]]:animate-duration-300 [&[data-state=closed]]:max-h-[var(--peek-height,120px)] [&[data-state=open]]:animate-keyframes-peek-open [&[data-state=open]]:animate-duration-600', className), ref: containerRef, "data-state": isPeekable ? (open ? 'open' : 'closed') : undefined }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ ref: contentRef, id: id }, { children: children })), isPeekable && ((0, jsx_runtime_1.jsx)("button", { "data-state": open ? 'open' : 'closed', className: (0, clsx_1.default)('h-80px absolute bottom-0 z-1 bg-transparent border-none w-full cursor-pointer border-b border-solid border-white', 'focus-visible:(outline-none bg-gradient-to-b from-transparent to-primary-wash border-b border-solid border-primary', 'after:content-["-_tap_to_expand_-"] after:p-3 after:color-gray9 after:text-xs after:flex after:flex-col after:justify-end after:items-center after:absolute after:inset-0 after:top-auto after:h-80px after:bg-gradient-to-b after:from-transparent after:to-white', 'after:[&[data-state=open]]:content-["-_tap_to_collapse_-"]'), onClick: toggle, "aria-label": "Toggle show description", "aria-expanded": open, "aria-controls": id }))] })));
|
|
31
31
|
}
|
|
32
32
|
exports.Peek = Peek;
|
|
33
33
|
//# sourceMappingURL=Peek.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Peek.js","sourceRoot":"","sources":["../../../../src/components/peek/Peek.tsx"],"names":[],"mappings":";;;;;;;AAAA,yCAAyC;AACzC,
|
|
1
|
+
{"version":3,"file":"Peek.js","sourceRoot":"","sources":["../../../../src/components/peek/Peek.tsx"],"names":[],"mappings":";;;;;;;AAAA,yCAAyC;AACzC,gDAA8B;AAC9B,iCAA+E;AAC/E,uDAAiD;AACjD,2DAAqD;AAQrD,SAAgB,IAAI,CAAC,EAAE,UAAU,GAAG,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAa;IACxE,MAAM,YAAY,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAClD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IACpD,MAAM,UAAU,GAAG,IAAA,oBAAO,EACzB,IAAA,eAAO,EACN,GAAG,EAAE,CACJ,IAAA,gBAAQ,EAAC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;QACvB,aAAa,CAAC,MAAM,GAAG,UAAU,CAAC,CAAC;QACnC,IAAI,YAAY,CAAC,OAAO,EAAE;YACzB,YAAY,CAAC,OAAO,CAAC,KAAK,CAAC,WAAW,CACrC,sBAAsB,EACtB,GAAG,MAAM,IAAI,CACb,CAAC;SACF;IACF,CAAC,EAAE,GAAG,CAAC,EACR,EAAE,CACF,CACD,CAAC;IAEF,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,GAAG,IAAA,wBAAS,EAAC,KAAK,CAAC,CAAC;IAExC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACd,IAAI,YAAY,CAAC,OAAO,EAAE;YACzB,YAAY,CAAC,OAAO,CAAC,KAAK,CAAC,WAAW,CACrC,eAAe,EACf,GAAG,UAAU,IAAI,CACjB,CAAC;SACF;IACF,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,MAAM,EAAE,GAAG,IAAA,aAAK,GAAE,CAAC;IAEnB,OAAO,CACN,+CACC,SAAS,EAAE,IAAA,cAAU,EACpB,oPAAoP,EACpP,SAAS,CACT,EACD,GAAG,EAAE,YAAY,gBACL,UAAU,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,SAAS,iBAE/D,8CAAK,GAAG,EAAE,UAAU,EAAE,EAAE,EAAE,EAAE,gBAC1B,QAAQ,IACJ,EACL,UAAU,IAAI,CACd,iDACa,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,EACpC,SAAS,EAAE,IAAA,cAAU,EACpB,kHAAkH,EAClH,oHAAoH,EACpH,kLAAkL,EAClL,4DAA4D,CAC5D,EACD,OAAO,EAAE,MAAM,gBACJ,yBAAyB,mBACrB,IAAI,mBACJ,EAAE,GAChB,CACF,KACI,CACN,CAAC;AACH,CAAC;AA7DD,oBA6DC"}
|
|
@@ -44,7 +44,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
44
44
|
const PopoverPrimitive = __importStar(require("@radix-ui/react-popover"));
|
|
45
45
|
const react_1 = require("react");
|
|
46
46
|
const withClassName_js_1 = require("../../hooks/withClassName.js");
|
|
47
|
-
const
|
|
47
|
+
const clsx_1 = __importDefault(require("clsx"));
|
|
48
48
|
const StyledContent = (0, withClassName_js_1.withClassName)(PopoverPrimitive.Content, 'layer-components:rounded-xl layer-components:min-w-120px layer-components:bg-white layer-components:z-menu layer-components:shadow-lg layer-components:border-default layer-components:op-0 layer-components:hidden layer-components:max-w-90vw', 'will-change-transform', 'layer-components:transform-origin-[var(--radix-popover-transform-origin)]', 'layer-components:[&[data-state=open]]:animate-popover-in', 'layer-components:[&[data-state=closed]]:animate-popover-out', 'important:motion-reduce:animate-none', 'layer-components:max-h-[var(--radix-popover-content-available-height)] layer-components:overflow-y-auto', 'layer-components:[&[data-state=open]]:opacity-100 layer-components:[&[data-state=open]]:flex layer-components:[&[data-state=open]]:flex-col', 'layer-components:[&[data-state=closed]]:pointer-events-none');
|
|
49
49
|
const StyledArrow = (0, withClassName_js_1.withClassName)(PopoverPrimitive.Arrow, 'fill-white stroke-black');
|
|
50
50
|
const StyledClose = (0, withClassName_js_1.withClassName)(PopoverPrimitive.Close, '[all:unset] [font-family:inherit] rounded-full h-25px w-25px inline-flex items-center justify-center color-dark-blend absolute top-5px right-5px hover:bg-light-blend focus:shadow-focus');
|
|
@@ -56,7 +56,7 @@ exports.PopoverClose = StyledClose;
|
|
|
56
56
|
exports.PopoverAnchor = PopoverPrimitive.Anchor;
|
|
57
57
|
exports.PopoverContent = (0, react_1.forwardRef)(function PopoverContent(_a, ref) {
|
|
58
58
|
var { children, forceMount, disableBlur, className, radius = 'default', padding = 'default' } = _a, props = __rest(_a, ["children", "forceMount", "disableBlur", "className", "radius", "padding"]);
|
|
59
|
-
return ((0, jsx_runtime_1.jsx)(PopoverPrimitive.Portal, Object.assign({ forceMount: forceMount }, { children: (0, jsx_runtime_1.jsx)(StyledContent, Object.assign({}, props, { forceMount: forceMount, ref: ref, className: (0,
|
|
59
|
+
return ((0, jsx_runtime_1.jsx)(PopoverPrimitive.Portal, Object.assign({ forceMount: forceMount }, { children: (0, jsx_runtime_1.jsx)(StyledContent, Object.assign({}, props, { forceMount: forceMount, ref: ref, className: (0, clsx_1.default)({
|
|
60
60
|
'layer-variants:important:p-0': padding === 'none',
|
|
61
61
|
'layer-variants:p-5': padding === 'default',
|
|
62
62
|
'layer-variants:rounded-none': radius === 'none',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../../../src/components/popover/Popover.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEb,0EAA4D;AAC5D,iCAA6D;AAE7D,mEAA6D;AAC7D,
|
|
1
|
+
{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../../../src/components/popover/Popover.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEb,0EAA4D;AAC5D,iCAA6D;AAE7D,mEAA6D;AAC7D,gDAA8B;AAE9B,MAAM,aAAa,GAAG,IAAA,gCAAa,EAClC,gBAAgB,CAAC,OAAO,EACxB,2GAA2G,EAC3G,uBAAuB,EACvB,2EAA2E,EAC3E,0DAA0D,EAC1D,6DAA6D,EAC7D,sCAAsC,EACtC,0FAA0F,EAC1F,mEAAmE,EACnE,6DAA6D,CAC7D,CAAC;AAEF,MAAM,WAAW,GAAG,IAAA,gCAAa,EAChC,gBAAgB,CAAC,KAAK,EACtB,yBAAyB,CACzB,CAAC;AAEF,MAAM,WAAW,GAAG,IAAA,gCAAa,EAChC,gBAAgB,CAAC,KAAK,EACtB,0LAA0L,CAC1L,CAAC;AAEF,UAAU;AACG,QAAA,OAAO,GAAG,gBAAgB,CAAC,IAAI,CAAC;AAChC,QAAA,cAAc,GAAG,gBAAgB,CAAC,OAAO,CAAC;AAC1C,QAAA,YAAY,GAAG,WAAW,CAAC;AAC3B,QAAA,YAAY,GAAG,WAAW,CAAC;AAC3B,QAAA,aAAa,GAAG,gBAAgB,CAAC,MAAM,CAAC;AAExC,QAAA,cAAc,GAAG,IAAA,kBAAU,EAOtC,SAAS,cAAc,CACxB,EAQC,EACD,GAAG;QATH,EACC,QAAQ,EACR,UAAU,EACV,WAAW,EACX,SAAS,EACT,MAAM,GAAG,SAAS,EAClB,OAAO,GAAG,SAAS,OAEnB,EADG,KAAK,cAPT,2EAQC,CADQ;IAIT,OAAO,CACN,uBAAC,gBAAgB,CAAC,MAAM,kBAAC,UAAU,EAAE,UAAU,gBAC9C,uBAAC,aAAa,oBACT,KAAK,IACT,UAAU,EAAE,UAAU,EACtB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAU,EACpB;gBACC,8BAA8B,EAAE,OAAO,KAAK,MAAM;gBAClD,oBAAoB,EAAE,OAAO,KAAK,SAAS;gBAC3C,6BAA6B,EAAE,MAAM,KAAK,MAAM;gBAChD,2BAA2B,EAAE,MAAM,KAAK,SAAS;gBACjD,2BAA2B,EAAE,MAAM,KAAK,IAAI;aAC5C,EACD,SAAS,CACT,gBAEA,QAAQ,IACM,IACS,CAC1B,CAAC;AACH,CAAC,CAAC,CAAC"}
|
|
@@ -18,7 +18,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
18
18
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
19
19
|
exports.RichEditor = void 0;
|
|
20
20
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
21
|
-
const
|
|
21
|
+
const clsx_1 = __importDefault(require("clsx"));
|
|
22
22
|
const react_1 = require("react");
|
|
23
23
|
const EditorContent = (0, react_1.lazy)(() => import('./EditorContent.js'));
|
|
24
24
|
exports.RichEditor = (0, react_1.forwardRef)(function RichEditor(_a, ref) {
|
|
@@ -26,7 +26,7 @@ exports.RichEditor = (0, react_1.forwardRef)(function RichEditor(_a, ref) {
|
|
|
26
26
|
if (typeof ref === 'string') {
|
|
27
27
|
throw new Error('String ref not supported!');
|
|
28
28
|
}
|
|
29
|
-
return ((0, jsx_runtime_1.jsx)(EditorContent, Object.assign({ ref: ref, className: (0,
|
|
29
|
+
return ((0, jsx_runtime_1.jsx)(EditorContent, Object.assign({ ref: ref, className: (0, clsx_1.default)('layer-components:w-full layer-components:rounded-lg', !rest.readOnly &&
|
|
30
30
|
'bg-gray-blend [&_.ProseMirror:focus]:outline-none [&_.ProseMirror:focus]:bg-gray-1 [&_.ProseMirror:focus]:shadow-focus', '[&_.ProseMirror_h1,h2,h3,p]:mt-0', '[&_.ProseMirror_h1]:text-xl [&_.ProseMirror_h1]:font-medium', '[&_.ProseMirror_h2]:text-lg [&_.ProseMirror_h2]:font-medium [&_.ProseMirror_h2]:mt-4 [&_.ProseMirror_h2]:mb-2', '[&_.ProseMirror_h3]:text-md [&_.ProseMirror_h3]:font-extrabold', '[&_.ProseMirror_a]:underline', className) }, rest)));
|
|
31
31
|
});
|
|
32
32
|
//# sourceMappingURL=RichEditor.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RichEditor.js","sourceRoot":"","sources":["../../../../src/components/richEditor/RichEditor.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;AAEb,
|
|
1
|
+
{"version":3,"file":"RichEditor.js","sourceRoot":"","sources":["../../../../src/components/richEditor/RichEditor.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;AAEb,gDAA8B;AAC9B,iCAAyC;AAEzC,MAAM,aAAa,GAAG,IAAA,YAAI,EAAC,GAAG,EAAE,CAAC,MAAM,CAAC,oBAAoB,CAAC,CAAC,CAAC;AAQlD,QAAA,UAAU,GAAG,IAAA,kBAAU,EAAuB,SAAS,UAAU,CAC7E,EAAsB,EACtB,GAAG;QADH,EAAE,SAAS,OAAW,EAAN,IAAI,cAApB,aAAsB,CAAF;IAGpB,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE;QAC5B,MAAM,IAAI,KAAK,CAAC,2BAA2B,CAAC,CAAC;KAC7C;IACD,OAAO,CACN,uBAAC,aAAa,kBACb,GAAG,EAAE,GAAU,EACf,SAAS,EAAE,IAAA,cAAU,EACpB,sCAAsC,EACtC,CAAC,IAAI,CAAC,QAAQ;YACb,4EAA4E,EAC7E,kCAAkC,EAClC,2CAA2C,EAC3C,qDAAqD,EACrD,8CAA8C,EAC9C,8BAA8B,EAC9B,SAAS,CACT,IACG,IAAI,EACP,CACF,CAAC;AACH,CAAC,CAAC,CAAC"}
|
|
@@ -44,7 +44,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
44
44
|
const react_icons_1 = require("@radix-ui/react-icons");
|
|
45
45
|
const SelectPrimitive = __importStar(require("@radix-ui/react-select"));
|
|
46
46
|
const react_1 = require("react");
|
|
47
|
-
const
|
|
47
|
+
const clsx_1 = __importDefault(require("clsx"));
|
|
48
48
|
const withClassName_js_1 = require("../../hooks/withClassName.js");
|
|
49
49
|
exports.SelectItem = (0, react_1.forwardRef)((_a, forwardedRef) => {
|
|
50
50
|
var { children, className } = _a, props = __rest(_a, ["children", "className"]);
|
|
@@ -75,16 +75,16 @@ exports.SelectLabel = withNoNativeRender((0, withClassName_js_1.withClassName)(S
|
|
|
75
75
|
exports.SelectSeparator = withNoNativeRender((0, withClassName_js_1.withClassName)(SelectPrimitive.Separator, 'h-1px bg-gray50 m-1'));
|
|
76
76
|
exports.SelectIcon = withNoNativeRender((0, react_1.forwardRef)((_a, forwardedRef) => {
|
|
77
77
|
var { className } = _a, props = __rest(_a, ["className"]);
|
|
78
|
-
return ((0, jsx_runtime_1.jsx)(SelectPrimitive.Icon, Object.assign({ className: (0,
|
|
78
|
+
return ((0, jsx_runtime_1.jsx)(SelectPrimitive.Icon, Object.assign({ className: (0, clsx_1.default)('color-inherit', className) }, props, { ref: forwardedRef }, { children: (0, jsx_runtime_1.jsx)(react_icons_1.ChevronDownIcon, {}) })));
|
|
79
79
|
}));
|
|
80
80
|
const zIndex = { zIndex: 1001 };
|
|
81
81
|
exports.SelectContent = withPassthroughNativeRender((0, react_1.forwardRef)((_a, forwardedRef) => {
|
|
82
82
|
var { children, inDialog, className } = _a, props = __rest(_a, ["children", "inDialog", "className"]);
|
|
83
|
-
return ((0, jsx_runtime_1.jsx)(SelectPrimitive.Portal, Object.assign({ className: className, style: zIndex }, { children: (0, jsx_runtime_1.jsxs)(SelectPrimitive.Content, Object.assign({ className: (0,
|
|
83
|
+
return ((0, jsx_runtime_1.jsx)(SelectPrimitive.Portal, Object.assign({ className: className, style: zIndex }, { children: (0, jsx_runtime_1.jsxs)(SelectPrimitive.Content, Object.assign({ className: (0, clsx_1.default)('layer-components:overflow-hidden layer-components:bg-white layer-components:rounded-lg layer-components:border layer-components:border-solid layer-components:border-1 layer-components:border-black layer-components:z-menu layer-components:shadow-lg', 'layer-components:transform-origin-[var(--radix-select-content-transform-origin)]', 'layer-components:[&[data-state=open]]:animate-popover-in', 'layer-components:[&[data-state=closed]]:animate-popover-out', 'layer-components:min-w-[var(--radix-select-trigger-width)] layer-components:max-h-[var(--radix-select-content-available-height)]', inDialog && 'z-[calc(var(--z-dialog)+1)]') }, props, { ref: forwardedRef }, { children: [(0, jsx_runtime_1.jsx)(SelectPrimitive.ScrollUpButton, Object.assign({ className: "flex items-center justify-center h-25px bg-white color-primary-dark cursor-default" }, { children: (0, jsx_runtime_1.jsx)(react_icons_1.ChevronUpIcon, {}) })), (0, jsx_runtime_1.jsx)(SelectPrimitive.Viewport, Object.assign({ className: "p-1" }, { children: children })), (0, jsx_runtime_1.jsx)(SelectPrimitive.ScrollDownButton, Object.assign({ className: "flex items-center justify-center h-25px bg-white color-primary-dark cursor-default" }, { children: (0, jsx_runtime_1.jsx)(react_icons_1.ChevronDownIcon, {}) }))] })) })));
|
|
84
84
|
}));
|
|
85
85
|
exports.NativeSelect = (0, react_1.forwardRef)((_a, forwardedRef) => {
|
|
86
86
|
var { className } = _a, props = __rest(_a, ["className"]);
|
|
87
|
-
return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0,
|
|
87
|
+
return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, clsx_1.default)('relative', className) }, { children: [(0, jsx_runtime_1.jsx)("select", Object.assign({ className: (0, clsx_1.default)('appearance-none font-inherit bg-white inline-flex items-center justify-center rounded-full px-3 py-1 pr-8 text-sm gap-2 color-black border-solid border border-gray5 hover:border-gray7 focus:outline-none focus-visible:shadow-focus [&[data-placeholder]]:color-gray8') }, props, { ref: forwardedRef })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "absolute right-1 top-50% translate-y-[-50%] pointer-events-none" }, { children: (0, jsx_runtime_1.jsx)(react_icons_1.ChevronDownIcon, { className: "w-4 h-4 m-2" }) }))] })));
|
|
88
88
|
});
|
|
89
89
|
/**
|
|
90
90
|
* A high-level Select which converts to native on mobile. Use with SelectItem.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../src/components/select/Select.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEb,uDAI+B;AAC/B,wEAA0D;AAC1D,iCASe;AACf,
|
|
1
|
+
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../src/components/select/Select.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,10 +7,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
7
7
|
exports.TextSkeleton = void 0;
|
|
8
8
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
9
9
|
const react_1 = require("react");
|
|
10
|
-
const
|
|
10
|
+
const clsx_1 = __importDefault(require("clsx"));
|
|
11
11
|
const TextSkeleton = ({ maxLength, className, }) => {
|
|
12
12
|
const [length] = (0, react_1.useState)(() => Math.round(Math.random() * (maxLength - 5) + 5));
|
|
13
|
-
return ((0, jsx_runtime_1.jsx)("span", { className: (0,
|
|
13
|
+
return ((0, jsx_runtime_1.jsx)("span", { className: (0, clsx_1.default)('w-full h-full rounded-2 bg-gradient-to-r from-gray1 via-gray2 to-gray1 [background-size:400%_400%] max-w-full animate-skeleton animate-duration-1200 animate-ease-in-out animate-iteration-infinite animate-alternate', className), style: {
|
|
14
14
|
width: `${length}ch`,
|
|
15
15
|
height: '1.2em',
|
|
16
16
|
} }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"skeletons.js","sourceRoot":"","sources":["../../../../src/components/skeletons/skeletons.tsx"],"names":[],"mappings":";;;;;;;AAAA,iCAAiC;AACjC,
|
|
1
|
+
{"version":3,"file":"skeletons.js","sourceRoot":"","sources":["../../../../src/components/skeletons/skeletons.tsx"],"names":[],"mappings":";;;;;;;AAAA,iCAAiC;AACjC,gDAA8B;AAEvB,MAAM,YAAY,GAAG,CAAC,EAC5B,SAAS,EACT,SAAS,GAIT,EAAE,EAAE;IACJ,MAAM,CAAC,MAAM,CAAC,GAAG,IAAA,gBAAQ,EAAC,GAAG,EAAE,CAC9B,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAC/C,CAAC;IAEF,OAAO,CACN,iCACC,SAAS,EAAE,IAAA,cAAU,EACpB,uNAAuN,EACvN,SAAS,CACT,EACD,KAAK,EAAE;YACN,KAAK,EAAE,GAAG,MAAM,IAAI;YACpB,MAAM,EAAE,OAAO;SACf,GACA,CACF,CAAC;AACH,CAAC,CAAC;AAvBW,QAAA,YAAY,gBAuBvB"}
|
|
@@ -18,11 +18,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
18
18
|
exports.FullScreenSpinner = exports.Spinner = void 0;
|
|
19
19
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
20
20
|
const react_1 = require("react");
|
|
21
|
-
const
|
|
21
|
+
const clsx_1 = __importDefault(require("clsx"));
|
|
22
22
|
const CIRCLE_SIZE = 44;
|
|
23
23
|
exports.Spinner = (0, react_1.forwardRef)(function Spinner(_a, ref) {
|
|
24
24
|
var { size = 40, thickness = 7.2, className, style } = _a, props = __rest(_a, ["size", "thickness", "className", "style"]);
|
|
25
|
-
return ((0, jsx_runtime_1.jsx)("div", Object.assign({ ref: ref, role: "progressbar" }, props, { className: (0,
|
|
25
|
+
return ((0, jsx_runtime_1.jsx)("div", Object.assign({ ref: ref, role: "progressbar" }, props, { className: (0, clsx_1.default)('inline-block animate-spin animate-ease-linear animate-iteration-infinite color-inherit animate-duration-1400 transform-origin-[50%_50%]', className), style: Object.assign({ width: size, height: size }, style) }, { children: (0, jsx_runtime_1.jsx)("svg", Object.assign({ className: "block", viewBox: `${CIRCLE_SIZE / 2} ${CIRCLE_SIZE / 2} ${CIRCLE_SIZE} ${CIRCLE_SIZE}` }, { children: (0, jsx_runtime_1.jsx)("circle", { className: "stroke-current animate-spinner-stroke animate-ease-in-out animate-iteration-infinite animate-duration-1400 [stroke-dasharray:80_200] [stroke-dashoffset:0]", cx: CIRCLE_SIZE, cy: CIRCLE_SIZE, r: (CIRCLE_SIZE - thickness) / 2, fill: "none", strokeWidth: thickness }) })) })));
|
|
26
26
|
});
|
|
27
27
|
exports.FullScreenSpinner = (0, react_1.forwardRef)(function FullScreenSpinner(props, ref) {
|
|
28
28
|
return ((0, jsx_runtime_1.jsx)("div", Object.assign({ ref: ref, className: "flex flex-row gap-4 w-full flex-1 justify-center items-center self-stretch" }, { children: (0, jsx_runtime_1.jsx)(exports.Spinner, Object.assign({}, props)) })));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../../../src/components/spinner/Spinner.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,iCAAmD;AACnD,
|
|
1
|
+
{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../../../src/components/spinner/Spinner.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,iCAAmD;AACnD,gDAA8B;AAE9B,MAAM,WAAW,GAAG,EAAE,CAAC;AAQV,QAAA,OAAO,GAAG,IAAA,kBAAU,EAChC,SAAS,OAAO,CACf,EAA0D,EAC1D,GAAG;QADH,EAAE,IAAI,GAAG,EAAE,EAAE,SAAS,GAAG,GAAG,EAAE,SAAS,EAAE,KAAK,OAAY,EAAP,KAAK,cAAxD,2CAA0D,CAAF;IAGxD,OAAO,CACN,8CACC,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,aAAa,IACd,KAAK,IACT,SAAS,EAAE,IAAA,cAAU,EACpB,yIAAyI,EACzI,SAAS,CACT,EACD,KAAK,kBAAI,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,IAAK,KAAK,iBAE5C,8CACC,SAAS,EAAC,OAAO,EACjB,OAAO,EAAE,GAAG,WAAW,GAAG,CAAC,IAC1B,WAAW,GAAG,CACf,IAAI,WAAW,IAAI,WAAW,EAAE,gBAEhC,mCACC,SAAS,EAAC,4JAA4J,EACtK,EAAE,EAAE,WAAW,EACf,EAAE,EAAE,WAAW,EACf,CAAC,EAAE,CAAC,WAAW,GAAG,SAAS,CAAC,GAAG,CAAC,EAChC,IAAI,EAAC,MAAM,EACX,WAAW,EAAE,SAAS,GACrB,IACG,IACD,CACN,CAAC;AACH,CAAC,CACD,CAAC;AAEW,QAAA,iBAAiB,GAAG,IAAA,kBAAU,EAC1C,SAAS,iBAAiB,CAAC,KAAK,EAAE,GAAG;IACpC,OAAO,CACN,8CACC,GAAG,EAAE,GAAG,EACR,SAAS,EAAC,4EAA4E,gBAEtF,uBAAC,eAAO,oBAAK,KAAK,EAAI,IACjB,CACN,CAAC;AACH,CAAC,CACD,CAAC"}
|
|
@@ -18,7 +18,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
18
18
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
19
19
|
exports.TextArea = void 0;
|
|
20
20
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
21
|
-
const
|
|
21
|
+
const clsx_1 = __importDefault(require("clsx"));
|
|
22
22
|
const useMergedRef_js_1 = __importDefault(require("../../hooks/useMergedRef.js"));
|
|
23
23
|
const react_1 = require("react");
|
|
24
24
|
const input_js_1 = require("../input.js");
|
|
@@ -47,7 +47,7 @@ exports.TextArea = (0, react_1.forwardRef)(function TextArea(_a, ref) {
|
|
|
47
47
|
onChange(e);
|
|
48
48
|
}
|
|
49
49
|
};
|
|
50
|
-
return ((0, jsx_runtime_1.jsx)("textarea", Object.assign({ ref: finalRef, className: (0,
|
|
50
|
+
return ((0, jsx_runtime_1.jsx)("textarea", Object.assign({ ref: finalRef, className: (0, clsx_1.default)(input_js_1.inputClassName, 'layer-components:[font-family:inherit] layer-components:text-inherit layer-components:overflow-hidden', {
|
|
51
51
|
'layer-components:[resize:vertical]': !autoSize,
|
|
52
52
|
'layer-components:[resize:none]': autoSize,
|
|
53
53
|
}, className), rows: autoSize ? 1 : rows, onChange: handleChange }, rest)));
|