@a-type/ui 1.1.24 → 1.1.26
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/index.d.ts +50 -0
- package/dist/cjs/components/index.js +71 -0
- package/dist/cjs/components/index.js.map +1 -0
- package/dist/cjs/components/input/Input.js +2 -11
- package/dist/cjs/components/input/Input.js.map +1 -1
- package/dist/cjs/components/layouts/PageContent.js +1 -1
- package/dist/cjs/components/layouts/PageContent.js.map +1 -1
- package/dist/cjs/components/provider/Provider.js +3 -1
- package/dist/cjs/components/provider/Provider.js.map +1 -1
- package/dist/cjs/components/textArea/TextArea.d.ts +2 -0
- package/dist/cjs/components/textArea/TextArea.js +4 -2
- package/dist/cjs/components/textArea/TextArea.js.map +1 -1
- package/dist/cjs/hooks/useRotatingShuffledValue.d.ts +1 -0
- package/dist/cjs/hooks/useRotatingShuffledValue.js +19 -0
- package/dist/cjs/hooks/useRotatingShuffledValue.js.map +1 -0
- package/dist/cjs/index.d.ts +2 -0
- package/dist/cjs/index.js +16 -0
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/uno.preset.js +3 -3
- package/dist/css/main.css +4 -4
- package/dist/esm/components/index.d.ts +50 -0
- package/dist/esm/components/index.js +52 -0
- package/dist/esm/components/index.js.map +1 -0
- package/dist/esm/components/input/Input.js +3 -12
- 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/provider/Provider.js +3 -1
- package/dist/esm/components/provider/Provider.js.map +1 -1
- package/dist/esm/components/textArea/TextArea.d.ts +2 -0
- package/dist/esm/components/textArea/TextArea.js +4 -2
- package/dist/esm/components/textArea/TextArea.js.map +1 -1
- package/dist/esm/hooks/useRotatingShuffledValue.d.ts +1 -0
- package/dist/esm/hooks/useRotatingShuffledValue.js +15 -0
- package/dist/esm/hooks/useRotatingShuffledValue.js.map +1 -0
- package/dist/esm/index.d.ts +2 -0
- package/dist/esm/index.js +2 -0
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/uno.preset.js +3 -3
- package/package.json +1 -1
- package/src/components/index.ts +50 -0
- package/src/components/input/Input.tsx +5 -24
- package/src/components/layouts/PageContent.tsx +1 -1
- package/src/components/provider/Provider.tsx +3 -1
- package/src/components/textArea/TextArea.tsx +12 -1
- package/src/hooks/useRotatingShuffledValue.ts +20 -0
- package/src/index.ts +3 -0
- package/src/uno.preset.ts +3 -3
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
export * from './actions/index.js';
|
|
2
|
+
export * from './avatar/index.js';
|
|
3
|
+
export * from './button/index.js';
|
|
4
|
+
export * from './camera/index.js';
|
|
5
|
+
export * from './card/index.js';
|
|
6
|
+
export * from './checkbox/index.js';
|
|
7
|
+
export * from './chip/index.js';
|
|
8
|
+
export * from './collapsible/index.js';
|
|
9
|
+
export * from './colorPicker/index.js';
|
|
10
|
+
export * from './contextMenu/contextMenu.js';
|
|
11
|
+
export * from './datePicker/index.js';
|
|
12
|
+
export * from './dialog/index.js';
|
|
13
|
+
export * from './divider/index.js';
|
|
14
|
+
export * from './dropdownMenu/index.js';
|
|
15
|
+
export * from './editableText/EditableText.js';
|
|
16
|
+
export * from './errorBoundary/index.js';
|
|
17
|
+
export * from './forms/index.js';
|
|
18
|
+
export * from './horizontalList/HorizontalList.js';
|
|
19
|
+
export * from './icon/index.js';
|
|
20
|
+
export * from './imageUploader/index.js';
|
|
21
|
+
export * from './infiniteLoadTrigger/InfiniteLoadTrigger.js';
|
|
22
|
+
export * from './input/index.js';
|
|
23
|
+
export * from './layouts/index.js';
|
|
24
|
+
export * from './liveUpdateTextField/index.js';
|
|
25
|
+
export * from './marquee/marquee.js';
|
|
26
|
+
export * from './masonry/masonry.js';
|
|
27
|
+
export * from './navBar/index.js';
|
|
28
|
+
export * from './note/index.js';
|
|
29
|
+
export * from './numberStepper/index.js';
|
|
30
|
+
export * from './particles/index.js';
|
|
31
|
+
export * from './peek/index.js';
|
|
32
|
+
export * from './popover/index.js';
|
|
33
|
+
export * from './provider/Provider.js';
|
|
34
|
+
export * from './relativeTime/index.js';
|
|
35
|
+
export * from './richEditor/index.js';
|
|
36
|
+
export * from './scrollArea/ScrollArea.js';
|
|
37
|
+
export * from './select/index.js';
|
|
38
|
+
export * from './skeletons/skeletons.js';
|
|
39
|
+
export * from './slider/index.js';
|
|
40
|
+
export { Slot, type SlotProps, Slottable } from '@radix-ui/react-slot';
|
|
41
|
+
export * from './spinner/index.js';
|
|
42
|
+
export * from './switch/index.js';
|
|
43
|
+
export * from './tabs/tabs.js';
|
|
44
|
+
export * from './textArea/index.js';
|
|
45
|
+
export * from './toasts/toasts.js';
|
|
46
|
+
export * from './toggleGroup/toggleGroup.js';
|
|
47
|
+
export * from './tooltip/index.js';
|
|
48
|
+
export * from './typography/index.js';
|
|
49
|
+
export * from './utility/HideWhileKeyboardOpen.js';
|
|
50
|
+
export * from './utility/SlotDiv.js';
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
// @unocss-include
|
|
2
|
+
"use strict";
|
|
3
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
4
|
+
if (k2 === undefined) k2 = k;
|
|
5
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
6
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
7
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
8
|
+
}
|
|
9
|
+
Object.defineProperty(o, k2, desc);
|
|
10
|
+
}) : (function(o, m, k, k2) {
|
|
11
|
+
if (k2 === undefined) k2 = k;
|
|
12
|
+
o[k2] = m[k];
|
|
13
|
+
}));
|
|
14
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
15
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
16
|
+
};
|
|
17
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
18
|
+
exports.Slottable = exports.Slot = void 0;
|
|
19
|
+
__exportStar(require("./actions/index.js"), exports);
|
|
20
|
+
__exportStar(require("./avatar/index.js"), exports);
|
|
21
|
+
__exportStar(require("./button/index.js"), exports);
|
|
22
|
+
__exportStar(require("./camera/index.js"), exports);
|
|
23
|
+
__exportStar(require("./card/index.js"), exports);
|
|
24
|
+
__exportStar(require("./checkbox/index.js"), exports);
|
|
25
|
+
__exportStar(require("./chip/index.js"), exports);
|
|
26
|
+
__exportStar(require("./collapsible/index.js"), exports);
|
|
27
|
+
__exportStar(require("./colorPicker/index.js"), exports);
|
|
28
|
+
__exportStar(require("./contextMenu/contextMenu.js"), exports);
|
|
29
|
+
__exportStar(require("./datePicker/index.js"), exports);
|
|
30
|
+
__exportStar(require("./dialog/index.js"), exports);
|
|
31
|
+
__exportStar(require("./divider/index.js"), exports);
|
|
32
|
+
__exportStar(require("./dropdownMenu/index.js"), exports);
|
|
33
|
+
__exportStar(require("./editableText/EditableText.js"), exports);
|
|
34
|
+
__exportStar(require("./errorBoundary/index.js"), exports);
|
|
35
|
+
__exportStar(require("./forms/index.js"), exports);
|
|
36
|
+
__exportStar(require("./horizontalList/HorizontalList.js"), exports);
|
|
37
|
+
__exportStar(require("./icon/index.js"), exports);
|
|
38
|
+
__exportStar(require("./imageUploader/index.js"), exports);
|
|
39
|
+
__exportStar(require("./infiniteLoadTrigger/InfiniteLoadTrigger.js"), exports);
|
|
40
|
+
__exportStar(require("./input/index.js"), exports);
|
|
41
|
+
__exportStar(require("./layouts/index.js"), exports);
|
|
42
|
+
__exportStar(require("./liveUpdateTextField/index.js"), exports);
|
|
43
|
+
__exportStar(require("./marquee/marquee.js"), exports);
|
|
44
|
+
__exportStar(require("./masonry/masonry.js"), exports);
|
|
45
|
+
__exportStar(require("./navBar/index.js"), exports);
|
|
46
|
+
__exportStar(require("./note/index.js"), exports);
|
|
47
|
+
__exportStar(require("./numberStepper/index.js"), exports);
|
|
48
|
+
__exportStar(require("./particles/index.js"), exports);
|
|
49
|
+
__exportStar(require("./peek/index.js"), exports);
|
|
50
|
+
__exportStar(require("./popover/index.js"), exports);
|
|
51
|
+
__exportStar(require("./provider/Provider.js"), exports);
|
|
52
|
+
__exportStar(require("./relativeTime/index.js"), exports);
|
|
53
|
+
__exportStar(require("./richEditor/index.js"), exports);
|
|
54
|
+
__exportStar(require("./scrollArea/ScrollArea.js"), exports);
|
|
55
|
+
__exportStar(require("./select/index.js"), exports);
|
|
56
|
+
__exportStar(require("./skeletons/skeletons.js"), exports);
|
|
57
|
+
__exportStar(require("./slider/index.js"), exports);
|
|
58
|
+
var react_slot_1 = require("@radix-ui/react-slot");
|
|
59
|
+
Object.defineProperty(exports, "Slot", { enumerable: true, get: function () { return react_slot_1.Slot; } });
|
|
60
|
+
Object.defineProperty(exports, "Slottable", { enumerable: true, get: function () { return react_slot_1.Slottable; } });
|
|
61
|
+
__exportStar(require("./spinner/index.js"), exports);
|
|
62
|
+
__exportStar(require("./switch/index.js"), exports);
|
|
63
|
+
__exportStar(require("./tabs/tabs.js"), exports);
|
|
64
|
+
__exportStar(require("./textArea/index.js"), exports);
|
|
65
|
+
__exportStar(require("./toasts/toasts.js"), exports);
|
|
66
|
+
__exportStar(require("./toggleGroup/toggleGroup.js"), exports);
|
|
67
|
+
__exportStar(require("./tooltip/index.js"), exports);
|
|
68
|
+
__exportStar(require("./typography/index.js"), exports);
|
|
69
|
+
__exportStar(require("./utility/HideWhileKeyboardOpen.js"), exports);
|
|
70
|
+
__exportStar(require("./utility/SlotDiv.js"), exports);
|
|
71
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,qDAAmC;AACnC,oDAAkC;AAClC,oDAAkC;AAClC,oDAAkC;AAClC,kDAAgC;AAChC,sDAAoC;AACpC,kDAAgC;AAChC,yDAAuC;AACvC,yDAAuC;AACvC,+DAA6C;AAC7C,wDAAsC;AACtC,oDAAkC;AAClC,qDAAmC;AACnC,0DAAwC;AACxC,iEAA+C;AAC/C,2DAAyC;AACzC,mDAAiC;AACjC,qEAAmD;AACnD,kDAAgC;AAChC,2DAAyC;AACzC,+EAA6D;AAC7D,mDAAiC;AACjC,qDAAmC;AACnC,iEAA+C;AAC/C,uDAAqC;AACrC,uDAAqC;AACrC,oDAAkC;AAClC,kDAAgC;AAChC,2DAAyC;AACzC,uDAAqC;AACrC,kDAAgC;AAChC,qDAAmC;AACnC,yDAAuC;AACvC,0DAAwC;AACxC,wDAAsC;AACtC,6DAA2C;AAC3C,oDAAkC;AAClC,2DAAyC;AACzC,oDAAkC;AAClC,mDAAuE;AAA9D,kGAAA,IAAI,OAAA;AAAkB,uGAAA,SAAS,OAAA;AACxC,qDAAmC;AACnC,oDAAkC;AAClC,iDAA+B;AAC/B,sDAAoC;AACpC,qDAAmC;AACnC,+DAA6C;AAC7C,qDAAmC;AACnC,wDAAsC;AACtC,qEAAmD;AACnD,uDAAqC"}
|
|
@@ -20,6 +20,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
20
20
|
const clsx_1 = __importDefault(require("clsx"));
|
|
21
21
|
const react_1 = require("react");
|
|
22
22
|
const react_slot_1 = require("@radix-ui/react-slot");
|
|
23
|
+
const useRotatingShuffledValue_js_1 = require("../../hooks/useRotatingShuffledValue.js");
|
|
23
24
|
exports.inputClassName = (0, clsx_1.default)('layer-components:px-5 layer-components:py-[5px] layer-components:text-md layer-components:font-sans layer-components:rounded-full layer-components:bg-white layer-components:select-auto layer-components:min-w-60px layer-components:color-black layer-components:border-solid layer-components:border-1 layer-components:border-gray-7 layer-components:shadow-sm-inset', 'layer-components:focus:outline-none layer-components:focus:bg-gray-1 layer-components:focus:ring-4 layer-components:focus:ring-white', 'layer-components:focus-visible:outline-none layer-components:focus-visible:ring-gray-dark-blend', 'layer-components:md:min-w-120px');
|
|
24
25
|
exports.Input = (0, react_1.forwardRef)(function Input(_a, ref) {
|
|
25
26
|
var { className, autoSelect, onFocus, variant: _, asChild, placeholders, placeholder, placeholdersIntervalMs = 5000 } = _a, props = __rest(_a, ["className", "autoSelect", "onFocus", "variant", "asChild", "placeholders", "placeholder", "placeholdersIntervalMs"]);
|
|
@@ -29,17 +30,7 @@ exports.Input = (0, react_1.forwardRef)(function Input(_a, ref) {
|
|
|
29
30
|
}
|
|
30
31
|
onFocus === null || onFocus === void 0 ? void 0 : onFocus(ev);
|
|
31
32
|
}, [onFocus, autoSelect]);
|
|
32
|
-
const
|
|
33
|
-
? placeholders[Math.floor(Math.random() * placeholders.length)]
|
|
34
|
-
: undefined);
|
|
35
|
-
(0, react_1.useEffect)(() => {
|
|
36
|
-
if (placeholders) {
|
|
37
|
-
const interval = setInterval(() => {
|
|
38
|
-
setRandomPlaceholder(placeholders[Math.floor(Math.random() * placeholders.length)]);
|
|
39
|
-
}, placeholdersIntervalMs);
|
|
40
|
-
return () => clearInterval(interval);
|
|
41
|
-
}
|
|
42
|
-
}, [placeholders, placeholdersIntervalMs]);
|
|
33
|
+
const randomPlaceholder = (0, useRotatingShuffledValue_js_1.useRotatingShuffledValue)(placeholders !== null && placeholders !== void 0 ? placeholders : [], placeholdersIntervalMs);
|
|
43
34
|
const Component = asChild ? react_slot_1.Slot : 'input';
|
|
44
35
|
return ((0, jsx_runtime_1.jsx)(Component, Object.assign({}, props, { onFocus: handleFocus, className: (0, clsx_1.default)(exports.inputClassName, className), ref: ref, placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : randomPlaceholder })));
|
|
45
36
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/components/input/Input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,gDAA8B;AAC9B,
|
|
1
|
+
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/components/input/Input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,gDAA8B;AAC9B,iCAA4E;AAC5E,qDAA4C;AAC5C,yFAAmF;AAEtE,QAAA,cAAc,GAAG,IAAA,cAAU,EACvC,iKAAiK,EACjK,mEAAmE,EACnE,oEAAoE,EACpE,mCAAmC,CACnC,CAAC;AAYW,QAAA,KAAK,GAAG,IAAA,kBAAU,EAA+B,SAAS,KAAK,CAC3E,EAUC,EACD,GAAG;QAXH,EACC,SAAS,EACT,UAAU,EACV,OAAO,EACP,OAAO,EAAE,CAAC,EACV,OAAO,EACP,YAAY,EACZ,WAAW,EACX,sBAAsB,GAAG,IAAI,OAE7B,EADG,KAAK,cATT,qHAUC,CADQ;IAIT,MAAM,WAAW,GAAG,IAAA,mBAAW,EAC9B,CAAC,EAAgC,EAAE,EAAE;QACpC,IAAI,UAAU,EAAE;YACf,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;SACnB;QACD,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,EAAE,CAAC,CAAC;IACf,CAAC,EACD,CAAC,OAAO,EAAE,UAAU,CAAC,CACrB,CAAC;IAEF,MAAM,iBAAiB,GAAG,IAAA,sDAAwB,EACjD,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,EAAE,EAClB,sBAAsB,CACtB,CAAC;IAEF,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,iBAAI,CAAC,CAAC,CAAC,OAAO,CAAC;IAE3C,OAAO,CACN,uBAAC,SAAS,oBACL,KAAK,IACT,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,IAAA,cAAU,EAAC,sBAAc,EAAE,SAAS,CAAC,EAChD,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,iBAAiB,IAC5C,CACF,CAAC;AACH,CAAC,CAAC,CAAC"}
|
|
@@ -30,7 +30,7 @@ function PageContent(_a) {
|
|
|
30
30
|
ready: '--content-ready',
|
|
31
31
|
});
|
|
32
32
|
return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, clsx_1.default)('layer-components:[grid-area:content] layer-components:max-w-full layer-components:min-w-0 layer-components:w-full layer-components:flex layer-components:flex-col layer-components:items-start layer-components:relative layer-components:flex-1 layer-components:gap-3', 'layer-components:rounded-b-lg layer-components:border-b layer-components:border-b-solid layer-components:border-b-[#00000070] layer-components:bg-wash layer-components:[box-shadow:0_0_10px_0_var(--color-shadow-1)] layer-components:sm:border-none layer-components:sm:rounded-0 layer-components:sm:shadow-none', { 'layer-variants:overflow-y-auto layer-variants:h-full': scrollable }, className) }, rest, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({}, innerProps, { className: (0, clsx_1.default)('layer-components:w-full layer-components:min-w-0 layer-components:flex layer-components:flex-col layer-components:mb-120px layer-components:px-4 layer-components:py-4 layer-components:flex-1', {
|
|
33
|
-
'layer-variants:flex-1': fullHeight,
|
|
33
|
+
'layer-variants:flex-1 layer-variants:mb-auto': fullHeight,
|
|
34
34
|
'layer-variants:p-0 layer-variants:sm:p-4': noPadding,
|
|
35
35
|
}, innerProps === null || innerProps === void 0 ? void 0 : innerProps.className), ref: innerRef }, { children: children })) })));
|
|
36
36
|
}
|
|
@@ -1 +1 @@
|
|
|
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,EAa3B;QAb2B,EAC3B,QAAQ,EACR,UAAU,EACV,SAAS,EACT,UAAU,EACV,SAAS,EACT,UAAU,GAAG,IAAI,OAOjB,EANG,IAAI,cAPoB,gFAQ3B,CADO;IAOP,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,kHAAkH,EAClH,+KAA+K,EAC/K,EAAE,yCAAyC,EAAE,UAAU,EAAE,EACzD,SAAS,CACT,IACG,IAAI,cAER,gDACK,UAAU,IACd,SAAS,EAAE,IAAA,cAAU,EACpB,2EAA2E,EAC3E;gBACC,
|
|
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,EAa3B;QAb2B,EAC3B,QAAQ,EACR,UAAU,EACV,SAAS,EACT,UAAU,EACV,SAAS,EACT,UAAU,GAAG,IAAI,OAOjB,EANG,IAAI,cAPoB,gFAQ3B,CADO;IAOP,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,kHAAkH,EAClH,+KAA+K,EAC/K,EAAE,yCAAyC,EAAE,UAAU,EAAE,EACzD,SAAS,CACT,IACG,IAAI,cAER,gDACK,UAAU,IACd,SAAS,EAAE,IAAA,cAAU,EACpB,2EAA2E,EAC3E;gBACC,iCAAiC,EAAE,UAAU;gBAC7C,6BAA6B,EAAE,SAAS;aACxC,EACD,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,SAAS,CACrB,EACD,GAAG,EAAE,QAAQ,gBAEZ,QAAQ,IACJ,IACD,CACN,CAAC;AACH,CAAC;AAhDD,kCAgDC"}
|
|
@@ -15,7 +15,9 @@ const useVirtualKeyboardBehavior_js_1 = require("../../hooks/useVirtualKeyboardB
|
|
|
15
15
|
*/
|
|
16
16
|
function Provider({ children, disableParticles, toastPosition = 'top-center', toastContainerClassName, disableViewportOffset, virtualKeyboardBehavior = 'displace', }) {
|
|
17
17
|
(0, hooks_js_1.useVisualViewportOffset)(disableViewportOffset);
|
|
18
|
-
const supportedVirtualKeyboardBehavior =
|
|
18
|
+
const supportedVirtualKeyboardBehavior = typeof navigator !== 'undefined' && 'virtualKeyboard' in navigator
|
|
19
|
+
? virtualKeyboardBehavior
|
|
20
|
+
: 'displace';
|
|
19
21
|
(0, useVirtualKeyboardBehavior_js_1.useVirtualKeyboardBehavior)(supportedVirtualKeyboardBehavior);
|
|
20
22
|
const otherStuff = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(icon_js_1.IconSpritesheet, {}), (0, jsx_runtime_1.jsx)(react_hot_toast_1.Toaster, { position: toastPosition, containerClassName: toastContainerClassName })] }));
|
|
21
23
|
if (disableParticles)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Provider.js","sourceRoot":"","sources":["../../../../src/components/provider/Provider.tsx"],"names":[],"mappings":";;;;AAAA,iCAA6D;AAC7D,kDAAgD;AAChD,wCAA6C;AAC7C,qDAAyD;AACzD,8CAAgD;AAChD,6CAAyD;AACzD,6FAAuF;AAWvF;;GAEG;AACH,SAAgB,QAAQ,CAAC,EACxB,QAAQ,EACR,gBAAgB,EAChB,aAAa,GAAG,YAAY,EAC5B,uBAAuB,EACvB,qBAAqB,EACrB,uBAAuB,GAAG,UAAU,GACrB;IACf,IAAA,kCAAuB,EAAC,qBAAqB,CAAC,CAAC;IAC/C,MAAM,gCAAgC,GACrC,iBAAiB,IAAI,SAAS,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"Provider.js","sourceRoot":"","sources":["../../../../src/components/provider/Provider.tsx"],"names":[],"mappings":";;;;AAAA,iCAA6D;AAC7D,kDAAgD;AAChD,wCAA6C;AAC7C,qDAAyD;AACzD,8CAAgD;AAChD,6CAAyD;AACzD,6FAAuF;AAWvF;;GAEG;AACH,SAAgB,QAAQ,CAAC,EACxB,QAAQ,EACR,gBAAgB,EAChB,aAAa,GAAG,YAAY,EAC5B,uBAAuB,EACvB,qBAAqB,EACrB,uBAAuB,GAAG,UAAU,GACrB;IACf,IAAA,kCAAuB,EAAC,qBAAqB,CAAC,CAAC;IAC/C,MAAM,gCAAgC,GACrC,OAAO,SAAS,KAAK,WAAW,IAAI,iBAAiB,IAAI,SAAS;QACjE,CAAC,CAAC,uBAAuB;QACzB,CAAC,CAAC,UAAU,CAAC;IACf,IAAA,0DAA0B,EAAC,gCAAgC,CAAC,CAAC;IAE7D,MAAM,UAAU,GAAG,CAClB,6DACC,uBAAC,yBAAe,KAAG,EACnB,uBAAC,yBAAO,IACP,QAAQ,EAAE,aAAa,EACvB,kBAAkB,EAAE,uBAAuB,GAC1C,IACA,CACH,CAAC;IAEF,IAAI,gBAAgB;QACnB,OAAO,CACN,uBAAC,qBAAa,CAAC,QAAQ,kBACtB,KAAK,EAAE,EAAE,uBAAuB,EAAE,gCAAgC,EAAE,gBAEpE,wBAAC,4BAAe,eACd,QAAQ,EACR,UAAU,IACM,IACM,CACzB,CAAC;IAEH,OAAO,CACN,uBAAC,qBAAa,CAAC,QAAQ,kBACtB,KAAK,EAAE,EAAE,uBAAuB,EAAE,gCAAgC,EAAE,gBAEpE,uBAAC,4BAAe,cACf,wBAAC,4BAAa,eACZ,QAAQ,EACR,UAAU,IACI,GACC,IACM,CACzB,CAAC;AACH,CAAC;AAjDD,4BAiDC;AAEY,QAAA,aAAa,GAAG,IAAA,qBAAa,EAEvC;IACF,uBAAuB,EAAE,UAAU;CACnC,CAAC,CAAC;AAEH,SAAgB,SAAS;IACxB,OAAO,IAAA,kBAAU,EAAC,qBAAa,CAAC,CAAC;AAClC,CAAC;AAFD,8BAEC"}
|
|
@@ -4,5 +4,7 @@ export interface TextAreaProps extends Omit<HTMLProps<HTMLTextAreaElement>, 'ref
|
|
|
4
4
|
autoSize?: boolean;
|
|
5
5
|
autoSelect?: boolean;
|
|
6
6
|
padBottomPixels?: number;
|
|
7
|
+
placeholders?: string[];
|
|
8
|
+
placeholdersIntervalMs?: number;
|
|
7
9
|
}
|
|
8
10
|
export declare const TextArea: import("react").ForwardRefExoticComponent<TextAreaProps & import("react").RefAttributes<HTMLTextAreaElement>>;
|
|
@@ -22,9 +22,10 @@ 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");
|
|
25
|
+
const useRotatingShuffledValue_js_1 = require("../../hooks/useRotatingShuffledValue.js");
|
|
25
26
|
exports.TextArea = (0, react_1.forwardRef)(function TextArea(_a, ref) {
|
|
26
27
|
var _b;
|
|
27
|
-
var { autoSize, autoSelect, onFocus, className, rows, padBottomPixels = 0, onChange } = _a, rest = __rest(_a, ["autoSize", "autoSelect", "onFocus", "className", "rows", "padBottomPixels", "onChange"]);
|
|
28
|
+
var { autoSize, autoSelect, onFocus, className, rows, padBottomPixels = 0, onChange, placeholder, placeholders, placeholdersIntervalMs = 5000 } = _a, rest = __rest(_a, ["autoSize", "autoSelect", "onFocus", "className", "rows", "padBottomPixels", "onChange", "placeholder", "placeholders", "placeholdersIntervalMs"]);
|
|
28
29
|
const innerRef = (0, react_1.useRef)(null);
|
|
29
30
|
const finalRef = (0, useMergedRef_js_1.default)(innerRef, ref);
|
|
30
31
|
const [innerValue, setInnerValue] = (0, react_1.useState)('');
|
|
@@ -56,9 +57,10 @@ exports.TextArea = (0, react_1.forwardRef)(function TextArea(_a, ref) {
|
|
|
56
57
|
onFocus(e);
|
|
57
58
|
}
|
|
58
59
|
}, [autoSelect, onFocus]);
|
|
60
|
+
const randomPlaceholder = (0, useRotatingShuffledValue_js_1.useRotatingShuffledValue)(placeholders !== null && placeholders !== void 0 ? placeholders : [], placeholdersIntervalMs);
|
|
59
61
|
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 layer-components:resize-none', 'layer-variants:rounded-20px', {
|
|
60
62
|
'layer-components:[resize:vertical]': !autoSize,
|
|
61
63
|
'layer-components:[resize:none]': autoSize,
|
|
62
|
-
}, className), rows: autoSize ? 1 : rows, onChange: handleChange, onFocus: handleFocus }, rest)));
|
|
64
|
+
}, className), rows: autoSize ? 1 : rows, onChange: handleChange, onFocus: handleFocus, placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : randomPlaceholder }, rest)));
|
|
63
65
|
});
|
|
64
66
|
//# sourceMappingURL=TextArea.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../../../src/components/textArea/TextArea.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;AAEb,gDAA8B;AAC9B,kFAAuD;AACvD,
|
|
1
|
+
{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../../../src/components/textArea/TextArea.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;AAEb,gDAA8B;AAC9B,kFAAuD;AACvD,iCAQe;AACf,0CAA6C;AAC7C,yFAAmF;AAatE,QAAA,QAAQ,GAAG,IAAA,kBAAU,EACjC,SAAS,QAAQ,CAChB,EAYC,EACD,GAAG;;QAbH,EACC,QAAQ,EACR,UAAU,EACV,OAAO,EACP,SAAS,EACT,IAAI,EACJ,eAAe,GAAG,CAAC,EACnB,QAAQ,EACR,WAAW,EACX,YAAY,EACZ,sBAAsB,GAAG,IAAI,OAE7B,EADG,IAAI,cAXR,kJAYC,CADO;IAIR,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAsB,IAAI,CAAC,CAAC;IACnD,MAAM,QAAQ,GAAG,IAAA,yBAAY,EAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;IAE7C,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAC;IACjD,MAAM,UAAU,GAAG,MAAA,IAAI,CAAC,KAAK,mCAAI,UAAU,CAAC;IAE5C,gFAAgF;IAChF,IAAA,uBAAe,EAAC,GAAG,EAAE;QACpB,IAAI,CAAC,QAAQ;YAAE,OAAO;QACtB,MAAM,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC;QACjC,IAAI,OAAO,EAAE;YACZ,IAAI,OAAO,CAAC,KAAK,KAAK,EAAE,IAAI,eAAe,EAAE;gBAC5C,OAAQ,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;gBAC/B,MAAM,UAAU,GAAG,OAAO,CAAC,YAAY,CAAC;gBACxC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,UAAU,GAAG,eAAe,GAAG,IAAI,CAAC;aAC3D;SACD;IACF,CAAC,EAAE,CAAC,QAAQ,EAAE,eAAe,EAAE,UAAU,CAAC,CAAC,CAAC;IAE5C,MAAM,YAAY,GAAG,IAAA,mBAAW,EAC/B,CAAC,CAAmC,EAAE,EAAE;QACvC,aAAa,CAAE,CAAC,CAAC,MAA8B,CAAC,KAAK,CAAC,CAAC;QACvD,IAAI,QAAQ,EAAE;YACb,QAAQ,CAAC,CAAC,CAAC,CAAC;SACZ;IACF,CAAC,EACD,CAAC,QAAQ,CAAC,CACV,CAAC;IAEF,MAAM,WAAW,GAAG,IAAA,mBAAW,EAC9B,CAAC,CAAwC,EAAE,EAAE;QAC5C,IAAI,UAAU,EAAE;YACf,CAAC,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;SAClB;QACD,IAAI,OAAO,EAAE;YACZ,OAAO,CAAC,CAAC,CAAC,CAAC;SACX;IACF,CAAC,EACD,CAAC,UAAU,EAAE,OAAO,CAAC,CACrB,CAAC;IAEF,MAAM,iBAAiB,GAAG,IAAA,sDAAwB,EACjD,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,EAAE,EAClB,sBAAsB,CACtB,CAAC;IAEF,OAAO,CACN,mDACC,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,IAAA,cAAU,EACpB,yBAAc,EACd,mFAAmF,EACnF,+BAA+B,EAC/B;YACC,oCAAoC,EAAE,CAAC,QAAQ;YAC/C,gCAAgC,EAAE,QAAQ;SAC1C,EACD,SAAS,CACT,EACD,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,EACzB,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,WAAW,EACpB,WAAW,EAAE,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,iBAAiB,IACzC,IAAI,EACP,CACF,CAAC;AACH,CAAC,CACD,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function useRotatingShuffledValue<T>(options: T[], intervalMs?: number): T | undefined;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
// @unocss-include
|
|
2
|
+
"use strict";
|
|
3
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
+
exports.useRotatingShuffledValue = void 0;
|
|
5
|
+
const react_1 = require("react");
|
|
6
|
+
function useRotatingShuffledValue(options, intervalMs = 5000) {
|
|
7
|
+
const [selected, setSelected] = (0, react_1.useState)(options ? options[Math.floor(Math.random() * options.length)] : undefined);
|
|
8
|
+
(0, react_1.useEffect)(() => {
|
|
9
|
+
if (options) {
|
|
10
|
+
const interval = setInterval(() => {
|
|
11
|
+
setSelected(options[Math.floor(Math.random() * options.length)]);
|
|
12
|
+
}, intervalMs);
|
|
13
|
+
return () => clearInterval(interval);
|
|
14
|
+
}
|
|
15
|
+
}, [options, intervalMs]);
|
|
16
|
+
return selected;
|
|
17
|
+
}
|
|
18
|
+
exports.useRotatingShuffledValue = useRotatingShuffledValue;
|
|
19
|
+
//# sourceMappingURL=useRotatingShuffledValue.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useRotatingShuffledValue.js","sourceRoot":"","sources":["../../../src/hooks/useRotatingShuffledValue.ts"],"names":[],"mappings":";;;AAAA,iCAA4C;AAE5C,SAAgB,wBAAwB,CACvC,OAAY,EACZ,UAAU,GAAG,IAAI;IAEjB,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EACvC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CACzE,CAAC;IACF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACd,IAAI,OAAO,EAAE;YACZ,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE;gBACjC,WAAW,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;YAClE,CAAC,EAAE,UAAU,CAAC,CAAC;YACf,OAAO,GAAG,EAAE,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;SACrC;IACF,CAAC,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC;IAE1B,OAAO,QAAQ,CAAC;AACjB,CAAC;AAjBD,4DAiBC"}
|
package/dist/cjs/index.d.ts
CHANGED
package/dist/cjs/index.js
CHANGED
|
@@ -1,9 +1,25 @@
|
|
|
1
1
|
// @unocss-include
|
|
2
2
|
"use strict";
|
|
3
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
4
|
+
if (k2 === undefined) k2 = k;
|
|
5
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
6
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
7
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
8
|
+
}
|
|
9
|
+
Object.defineProperty(o, k2, desc);
|
|
10
|
+
}) : (function(o, m, k, k2) {
|
|
11
|
+
if (k2 === undefined) k2 = k;
|
|
12
|
+
o[k2] = m[k];
|
|
13
|
+
}));
|
|
14
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
15
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
16
|
+
};
|
|
3
17
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
18
|
exports.toast = exports.clsx = void 0;
|
|
5
19
|
var clsx_1 = require("clsx");
|
|
6
20
|
Object.defineProperty(exports, "clsx", { enumerable: true, get: function () { return clsx_1.clsx; } });
|
|
7
21
|
var react_hot_toast_1 = require("react-hot-toast");
|
|
8
22
|
Object.defineProperty(exports, "toast", { enumerable: true, get: function () { return react_hot_toast_1.toast; } });
|
|
23
|
+
__exportStar(require("./hooks.js"), exports);
|
|
24
|
+
__exportStar(require("./components/index.js"), exports);
|
|
9
25
|
//# sourceMappingURL=index.js.map
|
package/dist/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,6BAA4B;AAAnB,4FAAA,IAAI,OAAA;AACb,mDAAwC;AAA/B,wGAAA,KAAK,OAAA;AAEd,6CAA2B;AAC3B,wDAAsC"}
|
package/dist/cjs/uno.preset.js
CHANGED
|
@@ -433,9 +433,9 @@ function presetAglio({ spacingIncrement = 0.25, interFontLocation = 'https://res
|
|
|
433
433
|
--palette-blue-00: #00354a;
|
|
434
434
|
--palette-purple-90: #f1efff;
|
|
435
435
|
--palette-purple-80: #e0e0ff;
|
|
436
|
-
--palette-purple-70: #
|
|
437
|
-
--palette-purple-60: #
|
|
438
|
-
--palette-purple-50: #
|
|
436
|
+
--palette-purple-70: #c8cdff;
|
|
437
|
+
--palette-purple-60: #aab1ff;
|
|
438
|
+
--palette-purple-50: #8490f4;
|
|
439
439
|
--palette-purple-40: #6d78d7;
|
|
440
440
|
--palette-purple-30: #6068c0;
|
|
441
441
|
--palette-purple-20: #5a62a7;
|