@lerianstudio/sindarian-ui 1.0.0-beta.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +235 -0
- package/dist/components/breadcrumb/get-breadcrumb-paths.d.ts +10 -0
- package/dist/components/breadcrumb/get-breadcrumb-paths.d.ts.map +1 -0
- package/dist/components/breadcrumb/get-breadcrumb-paths.js +15 -0
- package/dist/components/breadcrumb/index.d.ts +10 -0
- package/dist/components/breadcrumb/index.d.ts.map +1 -0
- package/dist/components/breadcrumb/index.js +13 -0
- package/dist/components/entity-box/index.d.ts +17 -0
- package/dist/components/entity-box/index.d.ts.map +1 -0
- package/dist/components/entity-box/index.js +39 -0
- package/dist/components/entity-data-table/index.d.ts +17 -0
- package/dist/components/entity-data-table/index.d.ts.map +1 -0
- package/dist/components/entity-data-table/index.js +20 -0
- package/dist/components/form/combo-box-field/index.d.ts +14 -0
- package/dist/components/form/combo-box-field/index.d.ts.map +1 -0
- package/dist/components/form/combo-box-field/index.js +35 -0
- package/dist/components/form/country-field/index.d.ts +4 -0
- package/dist/components/form/country-field/index.d.ts.map +1 -0
- package/dist/components/form/country-field/index.js +11 -0
- package/dist/components/form/index.d.ts +8 -0
- package/dist/components/form/index.d.ts.map +1 -0
- package/dist/components/form/index.js +23 -0
- package/dist/components/form/input-field/index.d.ts +23 -0
- package/dist/components/form/input-field/index.d.ts.map +1 -0
- package/dist/components/form/input-field/index.js +14 -0
- package/dist/components/form/pagination-limit-field/index.d.ts +8 -0
- package/dist/components/form/pagination-limit-field/index.d.ts.map +1 -0
- package/dist/components/form/pagination-limit-field/index.js +10 -0
- package/dist/components/form/password-field/index.d.ts +12 -0
- package/dist/components/form/password-field/index.d.ts.map +1 -0
- package/dist/components/form/password-field/index.js +15 -0
- package/dist/components/form/select-field/index.d.ts +18 -0
- package/dist/components/form/select-field/index.d.ts.map +1 -0
- package/dist/components/form/select-field/index.js +14 -0
- package/dist/components/form/state-field/index.d.ts +8 -0
- package/dist/components/form/state-field/index.d.ts.map +1 -0
- package/dist/components/form/state-field/index.js +42 -0
- package/dist/components/form/switch-field/index.d.ts +14 -0
- package/dist/components/form/switch-field/index.d.ts.map +1 -0
- package/dist/components/form/switch-field/index.js +11 -0
- package/dist/components/page/index.d.ts +4 -0
- package/dist/components/page/index.d.ts.map +1 -0
- package/dist/components/page/index.js +16 -0
- package/dist/components/page-header/index.d.ts +33 -0
- package/dist/components/page-header/index.d.ts.map +1 -0
- package/dist/components/page-header/index.js +47 -0
- package/dist/components/pagination/index.d.ts +8 -0
- package/dist/components/pagination/index.d.ts.map +1 -0
- package/dist/components/pagination/index.js +10 -0
- package/dist/components/table/id-table-cell.d.ts +6 -0
- package/dist/components/table/id-table-cell.d.ts.map +1 -0
- package/dist/components/table/id-table-cell.js +16 -0
- package/dist/components/table/index.d.ts +3 -0
- package/dist/components/table/index.d.ts.map +1 -0
- package/dist/components/table/index.js +18 -0
- package/dist/components/table/locked-table-actions.d.ts +6 -0
- package/dist/components/table/locked-table-actions.d.ts.map +1 -0
- package/dist/components/table/locked-table-actions.js +11 -0
- package/dist/components/table/name-table-cell.d.ts +6 -0
- package/dist/components/table/name-table-cell.d.ts.map +1 -0
- package/dist/components/table/name-table-cell.js +10 -0
- package/dist/components/ui/alert/index.d.ts +11 -0
- package/dist/components/ui/alert/index.d.ts.map +1 -0
- package/dist/components/ui/alert/index.js +31 -0
- package/dist/components/ui/autocomplete/index.d.ts +54 -0
- package/dist/components/ui/autocomplete/index.d.ts.map +1 -0
- package/dist/components/ui/autocomplete/index.js +324 -0
- package/dist/components/ui/autosize-textarea/index.d.ts +15 -0
- package/dist/components/ui/autosize-textarea/index.d.ts.map +1 -0
- package/dist/components/ui/autosize-textarea/index.js +89 -0
- package/dist/components/ui/avatar/index.d.ts +7 -0
- package/dist/components/ui/avatar/index.d.ts.map +1 -0
- package/dist/components/ui/avatar/index.js +51 -0
- package/dist/components/ui/badge/index.d.ts +11 -0
- package/dist/components/ui/badge/index.d.ts.map +1 -0
- package/dist/components/ui/badge/index.js +28 -0
- package/dist/components/ui/breadcrumb/index.d.ts +12 -0
- package/dist/components/ui/breadcrumb/index.d.ts.map +1 -0
- package/dist/components/ui/breadcrumb/index.js +35 -0
- package/dist/components/ui/button/index.d.ts +17 -0
- package/dist/components/ui/button/index.d.ts.map +1 -0
- package/dist/components/ui/button/index.js +72 -0
- package/dist/components/ui/card/index.d.ts +10 -0
- package/dist/components/ui/card/index.d.ts.map +1 -0
- package/dist/components/ui/card/index.js +32 -0
- package/dist/components/ui/checkbox/index.d.ts +5 -0
- package/dist/components/ui/checkbox/index.d.ts.map +1 -0
- package/dist/components/ui/checkbox/index.js +44 -0
- package/dist/components/ui/collapsible/index.d.ts +6 -0
- package/dist/components/ui/collapsible/index.d.ts.map +1 -0
- package/dist/components/ui/collapsible/index.js +50 -0
- package/dist/components/ui/command/index.d.ts +14 -0
- package/dist/components/ui/command/index.d.ts.map +1 -0
- package/dist/components/ui/command/index.js +45 -0
- package/dist/components/ui/dialog/index.d.ts +16 -0
- package/dist/components/ui/dialog/index.d.ts.map +1 -0
- package/dist/components/ui/dialog/index.js +80 -0
- package/dist/components/ui/dropdown-menu/index.d.ts +27 -0
- package/dist/components/ui/dropdown-menu/index.d.ts.map +1 -0
- package/dist/components/ui/dropdown-menu/index.js +107 -0
- package/dist/components/ui/form.d.ts +37 -0
- package/dist/components/ui/form.d.ts.map +1 -0
- package/dist/components/ui/form.js +110 -0
- package/dist/components/ui/input/index.d.ts +4 -0
- package/dist/components/ui/input/index.d.ts.map +1 -0
- package/dist/components/ui/input/index.js +10 -0
- package/dist/components/ui/input-with-icon/index.d.ts +12 -0
- package/dist/components/ui/input-with-icon/index.d.ts.map +1 -0
- package/dist/components/ui/input-with-icon/index.js +57 -0
- package/dist/components/ui/label/index.d.ts +7 -0
- package/dist/components/ui/label/index.d.ts.map +1 -0
- package/dist/components/ui/label/index.js +45 -0
- package/dist/components/ui/label/label.stories.d.ts +5 -0
- package/dist/components/ui/label/label.stories.d.ts.map +1 -0
- package/dist/components/ui/label/label.stories.js +24 -0
- package/dist/components/ui/loading-button/index.d.ts +7 -0
- package/dist/components/ui/loading-button/index.d.ts.map +1 -0
- package/dist/components/ui/loading-button/index.js +9 -0
- package/dist/components/ui/multiple-select/index.d.ts +91 -0
- package/dist/components/ui/multiple-select/index.d.ts.map +1 -0
- package/dist/components/ui/multiple-select/index.js +233 -0
- package/dist/components/ui/paper/index.d.ts +4 -0
- package/dist/components/ui/paper/index.d.ts.map +1 -0
- package/dist/components/ui/paper/index.js +8 -0
- package/dist/components/ui/popover/index.d.ts +8 -0
- package/dist/components/ui/popover/index.d.ts.map +1 -0
- package/dist/components/ui/popover/index.js +55 -0
- package/dist/components/ui/progress/index.d.ts +8 -0
- package/dist/components/ui/progress/index.d.ts.map +1 -0
- package/dist/components/ui/progress/index.js +43 -0
- package/dist/components/ui/select/index.d.ts +19 -0
- package/dist/components/ui/select/index.d.ts.map +1 -0
- package/dist/components/ui/select/index.js +101 -0
- package/dist/components/ui/separator/index.d.ts +5 -0
- package/dist/components/ui/separator/index.d.ts.map +1 -0
- package/dist/components/ui/separator/index.js +43 -0
- package/dist/components/ui/sheet/index.d.ts +19 -0
- package/dist/components/ui/sheet/index.d.ts.map +1 -0
- package/dist/components/ui/sheet/index.js +94 -0
- package/dist/components/ui/skeleton/index.d.ts +3 -0
- package/dist/components/ui/skeleton/index.d.ts.map +1 -0
- package/dist/components/ui/skeleton/index.js +8 -0
- package/dist/components/ui/stepper/index.d.ts +18 -0
- package/dist/components/ui/stepper/index.d.ts.map +1 -0
- package/dist/components/ui/stepper/index.js +29 -0
- package/dist/components/ui/switch/index.d.ts +5 -0
- package/dist/components/ui/switch/index.d.ts.map +1 -0
- package/dist/components/ui/switch/index.js +43 -0
- package/dist/components/ui/table/index.d.ts +21 -0
- package/dist/components/ui/table/index.d.ts.map +1 -0
- package/dist/components/ui/table/index.js +56 -0
- package/dist/components/ui/tabs/index.d.ts +8 -0
- package/dist/components/ui/tabs/index.d.ts.map +1 -0
- package/dist/components/ui/tabs/index.js +55 -0
- package/dist/components/ui/textarea/index.d.ts +4 -0
- package/dist/components/ui/textarea/index.d.ts.map +1 -0
- package/dist/components/ui/textarea/index.js +8 -0
- package/dist/components/ui/toast/index.d.ts +17 -0
- package/dist/components/ui/toast/index.d.ts.map +1 -0
- package/dist/components/ui/toast/index.js +80 -0
- package/dist/components/ui/toast/toaster.d.ts +2 -0
- package/dist/components/ui/toast/toaster.d.ts.map +1 -0
- package/dist/components/ui/toast/toaster.js +13 -0
- package/dist/components/ui/tooltip/index.d.ts +11 -0
- package/dist/components/ui/tooltip/index.d.ts.map +1 -0
- package/dist/components/ui/tooltip/index.js +66 -0
- package/dist/hooks/use-click-away.d.ts +9 -0
- package/dist/hooks/use-click-away.d.ts.map +1 -0
- package/dist/hooks/use-click-away.js +29 -0
- package/dist/hooks/use-click-away.test.d.ts +2 -0
- package/dist/hooks/use-click-away.test.d.ts.map +1 -0
- package/dist/hooks/use-click-away.test.js +39 -0
- package/dist/hooks/use-pagination.d.ts +13 -0
- package/dist/hooks/use-pagination.d.ts.map +1 -0
- package/dist/hooks/use-pagination.js +41 -0
- package/dist/hooks/use-stepper.d.ts +11 -0
- package/dist/hooks/use-stepper.d.ts.map +1 -0
- package/dist/hooks/use-stepper.js +26 -0
- package/dist/hooks/use-stepper.test.d.ts +2 -0
- package/dist/hooks/use-stepper.test.d.ts.map +1 -0
- package/dist/hooks/use-stepper.test.js +45 -0
- package/dist/hooks/use-toast.d.ts +45 -0
- package/dist/hooks/use-toast.d.ts.map +1 -0
- package/dist/hooks/use-toast.js +164 -0
- package/dist/index.d.ts +45 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +64 -0
- package/dist/lib/utils.d.ts +3 -0
- package/dist/lib/utils.d.ts.map +1 -0
- package/dist/lib/utils.js +8 -0
- package/dist/public/countries.json +21210 -0
- package/dist/types/metadata-type.d.ts +2 -0
- package/dist/types/metadata-type.d.ts.map +1 -0
- package/dist/types/metadata-type.js +2 -0
- package/dist/utils/country-utils.d.ts +17 -0
- package/dist/utils/country-utils.d.ts.map +1 -0
- package/dist/utils/country-utils.js +25 -0
- package/dist/utils/currency-codes.d.ts +5 -0
- package/dist/utils/currency-codes.d.ts.map +1 -0
- package/dist/utils/currency-codes.js +184 -0
- package/package.json +76 -0
|
@@ -0,0 +1,233 @@
|
|
|
1
|
+
'use client';
|
|
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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
15
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
16
|
+
}) : function(o, v) {
|
|
17
|
+
o["default"] = v;
|
|
18
|
+
});
|
|
19
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
20
|
+
var ownKeys = function(o) {
|
|
21
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
22
|
+
var ar = [];
|
|
23
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
24
|
+
return ar;
|
|
25
|
+
};
|
|
26
|
+
return ownKeys(o);
|
|
27
|
+
};
|
|
28
|
+
return function (mod) {
|
|
29
|
+
if (mod && mod.__esModule) return mod;
|
|
30
|
+
var result = {};
|
|
31
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
32
|
+
__setModuleDefault(result, mod);
|
|
33
|
+
return result;
|
|
34
|
+
};
|
|
35
|
+
})();
|
|
36
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
37
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
38
|
+
};
|
|
39
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
40
|
+
exports.MultipleSelect = exports.MultipleSelectItem = exports.MultipleSelectGroup = exports.MultipleSelectContent = exports.MultipleSelectEmpty = exports.MultipleSelectValue = exports.MultipleSelectTrigger = void 0;
|
|
41
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
42
|
+
const react_1 = __importDefault(require("react"));
|
|
43
|
+
const SelectPrimitive = __importStar(require("@radix-ui/react-select"));
|
|
44
|
+
const lucide_react_1 = require("lucide-react");
|
|
45
|
+
const badge_1 = require("../badge");
|
|
46
|
+
const utils_1 = require("../../../lib/utils");
|
|
47
|
+
const separator_1 = require("../separator");
|
|
48
|
+
const cmdk_1 = require("cmdk");
|
|
49
|
+
const use_click_away_1 = require("../../../hooks/use-click-away");
|
|
50
|
+
const MultipleSelectContext = react_1.default.createContext({
|
|
51
|
+
value: [],
|
|
52
|
+
onValueChange: (values) => values,
|
|
53
|
+
handleChange: (value) => value,
|
|
54
|
+
handleClear: () => { },
|
|
55
|
+
setOpen: () => { },
|
|
56
|
+
setOnScrollbar: () => { },
|
|
57
|
+
options: {},
|
|
58
|
+
addOption: (option) => option,
|
|
59
|
+
inputRef: react_1.default.createRef()
|
|
60
|
+
});
|
|
61
|
+
const useMultipleSelect = () => {
|
|
62
|
+
const context = react_1.default.useContext(MultipleSelectContext);
|
|
63
|
+
if (!context) {
|
|
64
|
+
throw new Error('useMultipleSelect must be used within a MultipleSelectProvider');
|
|
65
|
+
}
|
|
66
|
+
return context;
|
|
67
|
+
};
|
|
68
|
+
exports.MultipleSelectTrigger = react_1.default.forwardRef(({ className, children, readOnly }, ref) => {
|
|
69
|
+
const _ref = react_1.default.useRef(null);
|
|
70
|
+
const { open, setOpen, onScrollbar, disabled, value, inputRef, handleClear } = useMultipleSelect();
|
|
71
|
+
react_1.default.useImperativeHandle(ref, () => _ref.current);
|
|
72
|
+
(0, use_click_away_1.useClickAway)(_ref, () => {
|
|
73
|
+
// Should not close when clicking on the scrollbar
|
|
74
|
+
if (onScrollbar) {
|
|
75
|
+
return;
|
|
76
|
+
}
|
|
77
|
+
setOpen(false);
|
|
78
|
+
inputRef.current?.blur();
|
|
79
|
+
});
|
|
80
|
+
return ((0, jsx_runtime_1.jsxs)("div", { ref: _ref, className: (0, utils_1.cn)('bg-background ring-offset-background placeholder:text-shadcn-400 focus:ring-ring flex flex-row rounded-md border border-[#C7C7C7] text-sm focus:ring-2 focus:ring-offset-0 focus:outline-hidden focus-visible:outline-hidden md:text-sm dark:border-inherit [&>span]:line-clamp-1', {
|
|
81
|
+
'h-9': value.length === 0,
|
|
82
|
+
'min-h-9': value.length > 0,
|
|
83
|
+
'cursor-text': !disabled && !readOnly && value.length !== 0,
|
|
84
|
+
'bg-shadcn-100 cursor-not-allowed opacity-50': disabled
|
|
85
|
+
}, readOnly && [
|
|
86
|
+
'data-read-only:cursor-default',
|
|
87
|
+
'data-read-only:select-text',
|
|
88
|
+
'data-read-only:bg-zinc-100',
|
|
89
|
+
'data-read-only:opacity-50',
|
|
90
|
+
'data-read-only:pointer-events-none',
|
|
91
|
+
'data-read-only:focus:outline-hidden',
|
|
92
|
+
'data-read-only:focus:ring-0'
|
|
93
|
+
], className), "data-read-only": readOnly ? '' : undefined, onClick: (e) => {
|
|
94
|
+
// Redirect focus to the input field when clicking on the container
|
|
95
|
+
if (disabled || readOnly) {
|
|
96
|
+
e.preventDefault();
|
|
97
|
+
return;
|
|
98
|
+
}
|
|
99
|
+
if (open) {
|
|
100
|
+
inputRef?.current?.blur();
|
|
101
|
+
}
|
|
102
|
+
else {
|
|
103
|
+
inputRef?.current?.focus();
|
|
104
|
+
}
|
|
105
|
+
setOpen(!open);
|
|
106
|
+
}, children: [(0, jsx_runtime_1.jsx)("div", { className: "flex grow flex-wrap gap-1 px-3 py-2", children: children }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-1 items-center justify-end", children: [(0, jsx_runtime_1.jsx)("button", { type: "button", className: (0, utils_1.cn)((disabled || readOnly || value.length < 1) && 'hidden'), children: (0, jsx_runtime_1.jsx)(lucide_react_1.X, { className: "text-muted-foreground mx-2 h-4 cursor-pointer", onClick: (event) => {
|
|
107
|
+
event.stopPropagation();
|
|
108
|
+
handleClear();
|
|
109
|
+
} }) }), (0, jsx_runtime_1.jsx)(separator_1.Separator, { orientation: "vertical", className: (0, utils_1.cn)('flex h-full min-h-6', (disabled || readOnly || value.length < 1) && 'hidden') }), (0, jsx_runtime_1.jsx)(SelectPrimitive.Icon, { children: (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronDown, { className: (0, utils_1.cn)('mx-3 my-2 h-4 w-4 cursor-pointer opacity-50', readOnly && 'hidden') }) })] })] }));
|
|
110
|
+
});
|
|
111
|
+
exports.MultipleSelectTrigger.displayName = 'MultipleSelectTrigger';
|
|
112
|
+
exports.MultipleSelectValue = react_1.default.forwardRef(({ className, ...props }, ref) => {
|
|
113
|
+
const { value, disabled, handleChange, options, showValue, inputRef } = useMultipleSelect();
|
|
114
|
+
react_1.default.useImperativeHandle(ref, () => inputRef.current);
|
|
115
|
+
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [options &&
|
|
116
|
+
value?.map((value) => ((0, jsx_runtime_1.jsxs)(badge_1.Badge, { variant: "secondary", className: (0, utils_1.cn)('data-disabled:bg-muted-foreground data-fixed:bg-muted-foreground data-disabled:text-muted data-fixed:text-muted data-disabled:hover:bg-muted-foreground data-fixed:hover:bg-muted-foreground'), children: [showValue ? value : options[value], (0, jsx_runtime_1.jsx)("button", { type: "button", className: (0, utils_1.cn)('ring-offset-background focus:ring-ring ml-1 rounded-full outline-hidden focus:ring-2 focus:ring-offset-2', disabled && 'hidden'), children: (0, jsx_runtime_1.jsx)(lucide_react_1.X, { className: "text-muted-foreground hover:text-foreground h-3 w-3", onClick: (event) => {
|
|
117
|
+
event.stopPropagation();
|
|
118
|
+
handleChange(value);
|
|
119
|
+
} }) })] }, value))), (0, jsx_runtime_1.jsx)(cmdk_1.Command.Input, { ...props, ref: inputRef, disabled: disabled, className: (0, utils_1.cn)('placeholder:text-muted-foreground bg-transparent outline-hidden focus:outline-hidden disabled:cursor-not-allowed disabled:opacity-50 disabled:placeholder:opacity-0', className) })] }));
|
|
120
|
+
});
|
|
121
|
+
exports.MultipleSelectValue.displayName = 'MultipleSelectValue';
|
|
122
|
+
exports.MultipleSelectEmpty = react_1.default.forwardRef(({ className, ...props }, forwardedRef) => {
|
|
123
|
+
const render = (0, cmdk_1.useCommandState)((state) => state.filtered.count === 0);
|
|
124
|
+
if (!render)
|
|
125
|
+
return null;
|
|
126
|
+
return ((0, jsx_runtime_1.jsx)("div", { ref: forwardedRef, className: (0, utils_1.cn)('py-6 text-center text-sm', className), "cmdk-empty": "", role: "presentation", ...props }));
|
|
127
|
+
});
|
|
128
|
+
exports.MultipleSelectEmpty.displayName = 'MultipleSelectEmpty';
|
|
129
|
+
exports.MultipleSelectContent = react_1.default.forwardRef(({ className, position = 'popper', children, onMouseEnter, onMouseLeave, ...props }, ref) => {
|
|
130
|
+
const { open, addOption, setOnScrollbar } = useMultipleSelect();
|
|
131
|
+
// Since this component is not going to be rendered in the DOM until open is true,
|
|
132
|
+
// we need to register the options when the component mounts
|
|
133
|
+
// and when the children change.
|
|
134
|
+
react_1.default.useEffect(() => {
|
|
135
|
+
react_1.default.Children.forEach(react_1.default.Children.toArray(children), (child) => {
|
|
136
|
+
if (react_1.default.isValidElement(child) &&
|
|
137
|
+
child.props.value) {
|
|
138
|
+
addOption({ [child.props.value]: child.props.children });
|
|
139
|
+
}
|
|
140
|
+
});
|
|
141
|
+
}, [children]);
|
|
142
|
+
if (!open) {
|
|
143
|
+
return null;
|
|
144
|
+
}
|
|
145
|
+
return ((0, jsx_runtime_1.jsx)("div", { className: "relative", children: (0, jsx_runtime_1.jsx)(cmdk_1.Command.List, { ref: ref, className: (0, utils_1.cn)('bg-popover text-popover-foreground animate-in absolute top-1 z-50 max-h-96 w-full min-w-32 overflow-x-hidden overflow-y-auto rounded-md border shadow-md outline-hidden', position === 'popper' &&
|
|
146
|
+
'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1', className), ...props, onMouseEnter: (e) => {
|
|
147
|
+
onMouseEnter?.(e);
|
|
148
|
+
setOnScrollbar(true);
|
|
149
|
+
}, onMouseLeave: (e) => {
|
|
150
|
+
onMouseLeave?.(e);
|
|
151
|
+
setOnScrollbar(false);
|
|
152
|
+
}, children: (0, jsx_runtime_1.jsx)(exports.MultipleSelectGroup, { children: children }) }) }));
|
|
153
|
+
});
|
|
154
|
+
exports.MultipleSelectContent.displayName = 'MultipleSelectContent';
|
|
155
|
+
exports.MultipleSelectGroup = react_1.default.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)(cmdk_1.Command.Group, { ref: ref, className: (0, utils_1.cn)('overflow-hidden p-1 text-slate-950 dark:text-slate-50 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-slate-500 dark:[&_[cmdk-group-heading]]:text-slate-400', className), ...props })));
|
|
156
|
+
exports.MultipleSelectGroup.displayName = 'MultipleSelectGroup';
|
|
157
|
+
exports.MultipleSelectItem = react_1.default.forwardRef(({ className, value, onClick, onSelect, ...props }, ref) => {
|
|
158
|
+
const { handleChange } = useMultipleSelect();
|
|
159
|
+
return ((0, jsx_runtime_1.jsx)(cmdk_1.Command.Item, { ref: ref, value: value, className: (0, utils_1.cn)("data-[selected='true']:bg-accent data-[selected=true]:text-accent-foreground dark:data-[selected='true']:bg-accent relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 dark:data-[selected=true]:text-slate-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", className), ...props, onMouseDown: (e) => {
|
|
160
|
+
e.preventDefault();
|
|
161
|
+
e.stopPropagation();
|
|
162
|
+
}, onSelect: (value) => {
|
|
163
|
+
handleChange(value);
|
|
164
|
+
onSelect?.(value);
|
|
165
|
+
} }));
|
|
166
|
+
});
|
|
167
|
+
exports.MultipleSelectItem.displayName = 'MultipleSelectItem';
|
|
168
|
+
exports.MultipleSelect = react_1.default.forwardRef(({ value, defaultValue, onValueChange, className, showValue, disabled, onKeyDown, children, ...props }, ref) => {
|
|
169
|
+
const _ref = react_1.default.useRef(null);
|
|
170
|
+
const [open, setOpen] = react_1.default.useState(false);
|
|
171
|
+
const inputRef = react_1.default.useRef(null);
|
|
172
|
+
const [onScrollbar, setOnScrollbar] = react_1.default.useState(false);
|
|
173
|
+
const [selected, setSelected] = react_1.default.useState(defaultValue ?? value ?? []);
|
|
174
|
+
const [options, addOption] = react_1.default.useReducer((prev, state) => ({
|
|
175
|
+
...prev,
|
|
176
|
+
...state
|
|
177
|
+
}), {});
|
|
178
|
+
react_1.default.useImperativeHandle(ref, () => _ref.current);
|
|
179
|
+
const handleClear = () => {
|
|
180
|
+
setSelected([]);
|
|
181
|
+
onValueChange?.([]);
|
|
182
|
+
};
|
|
183
|
+
const handleChange = react_1.default.useCallback((value) => {
|
|
184
|
+
if (!value) {
|
|
185
|
+
return;
|
|
186
|
+
}
|
|
187
|
+
const newSelected = selected.includes(value)
|
|
188
|
+
? selected.filter((item) => item !== value)
|
|
189
|
+
: [...selected, value];
|
|
190
|
+
setSelected(newSelected);
|
|
191
|
+
onValueChange?.(newSelected);
|
|
192
|
+
}, [selected, onValueChange]);
|
|
193
|
+
const handleKeyDown = react_1.default.useCallback((e) => {
|
|
194
|
+
const input = inputRef.current;
|
|
195
|
+
if (input) {
|
|
196
|
+
if (e.key === 'Delete' || e.key === 'Backspace') {
|
|
197
|
+
if (input.value === '' && selected.length > 0) {
|
|
198
|
+
handleChange(selected[selected.length - 1]);
|
|
199
|
+
}
|
|
200
|
+
}
|
|
201
|
+
// This is not a default behavior of the <input /> field
|
|
202
|
+
if (e.key === 'Escape') {
|
|
203
|
+
e.stopPropagation();
|
|
204
|
+
input.blur();
|
|
205
|
+
}
|
|
206
|
+
}
|
|
207
|
+
}, [selected, handleChange]);
|
|
208
|
+
// Keeps the selected value in sync with the value prop
|
|
209
|
+
react_1.default.useEffect(() => {
|
|
210
|
+
if (value) {
|
|
211
|
+
setSelected(value);
|
|
212
|
+
}
|
|
213
|
+
}, [value]);
|
|
214
|
+
return ((0, jsx_runtime_1.jsx)(MultipleSelectContext.Provider, { value: {
|
|
215
|
+
value: selected,
|
|
216
|
+
onValueChange: setSelected,
|
|
217
|
+
showValue,
|
|
218
|
+
disabled,
|
|
219
|
+
handleChange,
|
|
220
|
+
handleClear,
|
|
221
|
+
onScrollbar,
|
|
222
|
+
setOnScrollbar,
|
|
223
|
+
open,
|
|
224
|
+
setOpen,
|
|
225
|
+
options,
|
|
226
|
+
addOption,
|
|
227
|
+
inputRef
|
|
228
|
+
}, children: (0, jsx_runtime_1.jsx)(cmdk_1.Command, { ref: _ref, className: (0, utils_1.cn)('flex h-auto w-full flex-col overflow-visible rounded-md bg-transparent text-slate-950 dark:text-slate-50', className), "aria-disabled": disabled, ...props, onKeyDown: (e) => {
|
|
229
|
+
handleKeyDown(e);
|
|
230
|
+
onKeyDown?.(e);
|
|
231
|
+
}, children: children }) }));
|
|
232
|
+
});
|
|
233
|
+
exports.MultipleSelect.displayName = 'MultipleSelect';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/paper/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAA;AAE7D,wBAAgB,KAAK,CAAC,EAAE,SAAS,EAAE,GAAG,MAAM,EAAE,EAAE,UAAU,2CAQzD"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.Paper = Paper;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const utils_1 = require("../../../lib/utils");
|
|
6
|
+
function Paper({ className, ...others }) {
|
|
7
|
+
return ((0, jsx_runtime_1.jsx)("div", { "data-slot": "paper", className: (0, utils_1.cn)('rounded-lg bg-white shadow-lg', className), ...others }));
|
|
8
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import * as PopoverPrimitive from '@radix-ui/react-popover';
|
|
3
|
+
declare function Popover({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
declare function PopoverTrigger({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
declare function PopoverContent({ className, align, sideOffset, ...props }: React.ComponentProps<typeof PopoverPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
declare function PopoverAnchor({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Anchor>): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };
|
|
8
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/popover/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAA;AAG3D,iBAAS,OAAO,CAAC,EACf,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,2CAEpD;AACD,iBAAS,cAAc,CAAC,EACtB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,2CAEvD;AAED,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,KAAgB,EAChB,UAAc,EACd,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,2CAevD;AAED,iBAAS,aAAa,CAAC,EACrB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,MAAM,CAAC,2CAEtD;AAED,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,aAAa,EAAE,CAAA"}
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
'use client';
|
|
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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
15
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
16
|
+
}) : function(o, v) {
|
|
17
|
+
o["default"] = v;
|
|
18
|
+
});
|
|
19
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
20
|
+
var ownKeys = function(o) {
|
|
21
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
22
|
+
var ar = [];
|
|
23
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
24
|
+
return ar;
|
|
25
|
+
};
|
|
26
|
+
return ownKeys(o);
|
|
27
|
+
};
|
|
28
|
+
return function (mod) {
|
|
29
|
+
if (mod && mod.__esModule) return mod;
|
|
30
|
+
var result = {};
|
|
31
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
32
|
+
__setModuleDefault(result, mod);
|
|
33
|
+
return result;
|
|
34
|
+
};
|
|
35
|
+
})();
|
|
36
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
37
|
+
exports.Popover = Popover;
|
|
38
|
+
exports.PopoverTrigger = PopoverTrigger;
|
|
39
|
+
exports.PopoverContent = PopoverContent;
|
|
40
|
+
exports.PopoverAnchor = PopoverAnchor;
|
|
41
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
42
|
+
const PopoverPrimitive = __importStar(require("@radix-ui/react-popover"));
|
|
43
|
+
const utils_1 = require("../../../lib/utils");
|
|
44
|
+
function Popover({ ...props }) {
|
|
45
|
+
return (0, jsx_runtime_1.jsx)(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
|
|
46
|
+
}
|
|
47
|
+
function PopoverTrigger({ ...props }) {
|
|
48
|
+
return (0, jsx_runtime_1.jsx)(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
|
|
49
|
+
}
|
|
50
|
+
function PopoverContent({ className, align = 'center', sideOffset = 4, ...props }) {
|
|
51
|
+
return ((0, jsx_runtime_1.jsx)(PopoverPrimitive.Portal, { children: (0, jsx_runtime_1.jsx)(PopoverPrimitive.Content, { "data-slot": "popover-content", align: align, sideOffset: sideOffset, className: (0, utils_1.cn)('bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 rounded-md border p-4 shadow-md outline-hidden', className), ...props }) }));
|
|
52
|
+
}
|
|
53
|
+
function PopoverAnchor({ ...props }) {
|
|
54
|
+
return (0, jsx_runtime_1.jsx)(PopoverPrimitive.Anchor, { "data-slot": "popover-anchor", ...props });
|
|
55
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import * as ProgressPrimitive from '@radix-ui/react-progress';
|
|
3
|
+
type ProgressProps = React.ComponentProps<typeof ProgressPrimitive.Root> & {
|
|
4
|
+
indicatorColor: string;
|
|
5
|
+
};
|
|
6
|
+
declare function Progress({ className, value, indicatorColor, ...props }: ProgressProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export { Progress };
|
|
8
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/progress/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAA;AAI7D,KAAK,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC,GAAG;IACzE,cAAc,EAAE,MAAM,CAAA;CACvB,CAAA;AAED,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,KAAK,EACL,cAA6B,EAC7B,GAAG,KAAK,EACT,EAAE,aAAa,2CAiBf;AAED,OAAO,EAAE,QAAQ,EAAE,CAAA"}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
'use client';
|
|
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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
15
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
16
|
+
}) : function(o, v) {
|
|
17
|
+
o["default"] = v;
|
|
18
|
+
});
|
|
19
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
20
|
+
var ownKeys = function(o) {
|
|
21
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
22
|
+
var ar = [];
|
|
23
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
24
|
+
return ar;
|
|
25
|
+
};
|
|
26
|
+
return ownKeys(o);
|
|
27
|
+
};
|
|
28
|
+
return function (mod) {
|
|
29
|
+
if (mod && mod.__esModule) return mod;
|
|
30
|
+
var result = {};
|
|
31
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
32
|
+
__setModuleDefault(result, mod);
|
|
33
|
+
return result;
|
|
34
|
+
};
|
|
35
|
+
})();
|
|
36
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
37
|
+
exports.Progress = Progress;
|
|
38
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
39
|
+
const ProgressPrimitive = __importStar(require("@radix-ui/react-progress"));
|
|
40
|
+
const utils_1 = require("../../../lib/utils");
|
|
41
|
+
function Progress({ className, value, indicatorColor = 'bg-primary', ...props }) {
|
|
42
|
+
return ((0, jsx_runtime_1.jsx)(ProgressPrimitive.Root, { "data-slot": "progress", className: (0, utils_1.cn)('bg-primary/20 relative h-4 w-full overflow-hidden rounded-full', className), ...props, children: (0, jsx_runtime_1.jsx)(ProgressPrimitive.Indicator, { "data-slot": "progress-indicator", className: (0, utils_1.cn)('h-full w-full flex-1 transition-all', indicatorColor), style: { transform: `translateX(-${100 - (value || 0)}%)` } }) }));
|
|
43
|
+
}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import * as SelectPrimitive from '@radix-ui/react-select';
|
|
3
|
+
declare function Select({ ...props }: React.ComponentProps<typeof SelectPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
declare function SelectGroup({ ...props }: React.ComponentProps<typeof SelectPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
declare function SelectValue({ ...props }: React.ComponentProps<typeof SelectPrimitive.Value>): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
type SelectTriggerProps = React.ComponentProps<typeof SelectPrimitive.Trigger> & {
|
|
7
|
+
size?: 'sm' | 'default';
|
|
8
|
+
readOnly?: boolean;
|
|
9
|
+
};
|
|
10
|
+
declare function SelectTrigger({ className, size, children, ...props }: SelectTriggerProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
declare function SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
declare function SelectScrollDownButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>): import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
declare function SelectContent({ className, children, position, ...props }: React.ComponentProps<typeof SelectPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
declare function SelectEmpty({ className, ...props }: React.ComponentPropsWithoutRef<'div'>): import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
declare function SelectLabel({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Label>): import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
declare function SelectItem({ className, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
declare function SelectSeparator({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
export { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectEmpty, SelectLabel, SelectItem, SelectSeparator, SelectScrollUpButton, SelectScrollDownButton };
|
|
19
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/select/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AAKzD,iBAAS,MAAM,CAAC,EACd,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CAEnD;AAED,iBAAS,WAAW,CAAC,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAEpD;AAED,iBAAS,WAAW,CAAC,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAEpD;AAED,KAAK,kBAAkB,GAAG,KAAK,CAAC,cAAc,CAC5C,OAAO,eAAe,CAAC,OAAO,CAC/B,GAAG;IACF,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,CAAA;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,IAAgB,EAChB,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,kBAAkB,2CA8BpB;AAED,iBAAS,oBAAoB,CAAC,EAC5B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,cAAc,CAAC,2CAa7D;AACD,iBAAS,sBAAsB,CAAC,EAC9B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,gBAAgB,CAAC,2CAa/D;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,QAAQ,EACR,QAAmB,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CA2CtD;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,2CAWvC;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAQpD;AAED,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CAmBnD;AAED,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,SAAS,CAAC,2CAQxD;AAED,OAAO,EACL,MAAM,EACN,WAAW,EACX,WAAW,EACX,aAAa,EACb,aAAa,EACb,WAAW,EACX,WAAW,EACX,UAAU,EACV,eAAe,EACf,oBAAoB,EACpB,sBAAsB,EACvB,CAAA"}
|
|
@@ -0,0 +1,101 @@
|
|
|
1
|
+
'use client';
|
|
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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
15
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
16
|
+
}) : function(o, v) {
|
|
17
|
+
o["default"] = v;
|
|
18
|
+
});
|
|
19
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
20
|
+
var ownKeys = function(o) {
|
|
21
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
22
|
+
var ar = [];
|
|
23
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
24
|
+
return ar;
|
|
25
|
+
};
|
|
26
|
+
return ownKeys(o);
|
|
27
|
+
};
|
|
28
|
+
return function (mod) {
|
|
29
|
+
if (mod && mod.__esModule) return mod;
|
|
30
|
+
var result = {};
|
|
31
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
32
|
+
__setModuleDefault(result, mod);
|
|
33
|
+
return result;
|
|
34
|
+
};
|
|
35
|
+
})();
|
|
36
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
37
|
+
exports.Select = Select;
|
|
38
|
+
exports.SelectGroup = SelectGroup;
|
|
39
|
+
exports.SelectValue = SelectValue;
|
|
40
|
+
exports.SelectTrigger = SelectTrigger;
|
|
41
|
+
exports.SelectContent = SelectContent;
|
|
42
|
+
exports.SelectEmpty = SelectEmpty;
|
|
43
|
+
exports.SelectLabel = SelectLabel;
|
|
44
|
+
exports.SelectItem = SelectItem;
|
|
45
|
+
exports.SelectSeparator = SelectSeparator;
|
|
46
|
+
exports.SelectScrollUpButton = SelectScrollUpButton;
|
|
47
|
+
exports.SelectScrollDownButton = SelectScrollDownButton;
|
|
48
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
49
|
+
const React = __importStar(require("react"));
|
|
50
|
+
const SelectPrimitive = __importStar(require("@radix-ui/react-select"));
|
|
51
|
+
const lucide_react_1 = require("lucide-react");
|
|
52
|
+
const utils_1 = require("../../../lib/utils");
|
|
53
|
+
function Select({ ...props }) {
|
|
54
|
+
return (0, jsx_runtime_1.jsx)(SelectPrimitive.Root, { "data-slot": "select", ...props });
|
|
55
|
+
}
|
|
56
|
+
function SelectGroup({ ...props }) {
|
|
57
|
+
return (0, jsx_runtime_1.jsx)(SelectPrimitive.Group, { "data-slot": "select-group", ...props });
|
|
58
|
+
}
|
|
59
|
+
function SelectValue({ ...props }) {
|
|
60
|
+
return (0, jsx_runtime_1.jsx)(SelectPrimitive.Value, { "data-slot": "select-value", ...props });
|
|
61
|
+
}
|
|
62
|
+
function SelectTrigger({ className, size = 'default', children, ...props }) {
|
|
63
|
+
return ((0, jsx_runtime_1.jsxs)(SelectPrimitive.Trigger, { "data-slot": "select-trigger", "data-size": size, className: (0, utils_1.cn)('bg-background ring-offset-background placeholder:text-shadcn-400 focus:ring-ring flex h-10 w-full items-center justify-between gap-3 rounded-md border border-[#C7C7C7] px-3 py-2 text-sm focus:ring-2 focus:ring-offset-0 focus:outline-hidden focus-visible:outline-hidden [&>span]:line-clamp-1', props.readOnly && [
|
|
64
|
+
'data-read-only:cursor-default',
|
|
65
|
+
'data-read-only:select-text',
|
|
66
|
+
'data-read-only:bg-zinc-100',
|
|
67
|
+
'data-read-only:opacity-50',
|
|
68
|
+
'data-read-only:pointer-events-none',
|
|
69
|
+
'data-read-only:focus:outline-hidden',
|
|
70
|
+
'data-read-only:focus:ring-0'
|
|
71
|
+
], 'disabled:cursor-not-allowed disabled:opacity-50', className), "data-read-only": props.readOnly ? '' : undefined, ...props, children: [children, !props.readOnly && ((0, jsx_runtime_1.jsx)(SelectPrimitive.Icon, { asChild: true, children: (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronDown, { className: "size-4 opacity-50" }) }))] }));
|
|
72
|
+
}
|
|
73
|
+
function SelectScrollUpButton({ className, ...props }) {
|
|
74
|
+
return ((0, jsx_runtime_1.jsx)(SelectPrimitive.ScrollUpButton, { "data-slot": "select-scroll-up-button", className: (0, utils_1.cn)('flex cursor-default items-center justify-center py-1', className), ...props, children: (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronUp, { className: "size-4" }) }));
|
|
75
|
+
}
|
|
76
|
+
function SelectScrollDownButton({ className, ...props }) {
|
|
77
|
+
return ((0, jsx_runtime_1.jsx)(SelectPrimitive.ScrollDownButton, { "data-slot": "select-scroll-down-button", className: (0, utils_1.cn)('flex cursor-default items-center justify-center py-1', className), ...props, children: (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronDown, { className: "size-4" }) }));
|
|
78
|
+
}
|
|
79
|
+
function SelectContent({ className, children, position = 'popper', ...props }) {
|
|
80
|
+
const options = React.useMemo(() => React.Children.map(React.Children.toArray(children), (child) => {
|
|
81
|
+
if (React.isValidElement(child) &&
|
|
82
|
+
child.type === SelectItem) {
|
|
83
|
+
return child.props.value;
|
|
84
|
+
}
|
|
85
|
+
}), [children]);
|
|
86
|
+
return ((0, jsx_runtime_1.jsx)(SelectPrimitive.Portal, { children: (0, jsx_runtime_1.jsxs)(SelectPrimitive.Content, { "data-slot": "select-content", "data-position": position, className: (0, utils_1.cn)('group/select bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-96 min-w-32 overflow-hidden rounded-md border shadow-md', position === 'popper' &&
|
|
87
|
+
'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1', className), "data-empty": options.length === 0, position: position, ...props, children: [(0, jsx_runtime_1.jsx)(SelectScrollUpButton, {}), (0, jsx_runtime_1.jsx)(SelectPrimitive.Viewport, { className: (0, utils_1.cn)('p-1', position === 'popper' &&
|
|
88
|
+
'h-(--radix-select-trigger-height) w-full min-w-(--radix-select-trigger-width)'), children: children }), (0, jsx_runtime_1.jsx)(SelectScrollDownButton, {})] }) }));
|
|
89
|
+
}
|
|
90
|
+
function SelectEmpty({ className, ...props }) {
|
|
91
|
+
return ((0, jsx_runtime_1.jsx)("div", { "data-slot": "select-empty", className: (0, utils_1.cn)('text-muted-foreground hidden py-6 text-center text-sm group-data-[empty=true]/select:block', className), ...props }));
|
|
92
|
+
}
|
|
93
|
+
function SelectLabel({ className, ...props }) {
|
|
94
|
+
return ((0, jsx_runtime_1.jsx)(SelectPrimitive.Label, { "data-slot": "select-label", className: (0, utils_1.cn)('py-1.5 pr-8 pl-2 text-sm font-semibold', className), ...props }));
|
|
95
|
+
}
|
|
96
|
+
function SelectItem({ className, children, ...props }) {
|
|
97
|
+
return ((0, jsx_runtime_1.jsxs)(SelectPrimitive.Item, { "data-slot": "select-item", className: (0, utils_1.cn)('focus:bg-accent focus:text-accent-foreground relative flex w-full cursor-default items-center rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50', className), ...props, children: [(0, jsx_runtime_1.jsx)("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: (0, jsx_runtime_1.jsx)(SelectPrimitive.ItemIndicator, { children: (0, jsx_runtime_1.jsx)(lucide_react_1.Check, { className: "size-4" }) }) }), (0, jsx_runtime_1.jsx)(SelectPrimitive.ItemText, { children: children })] }));
|
|
98
|
+
}
|
|
99
|
+
function SelectSeparator({ className, ...props }) {
|
|
100
|
+
return ((0, jsx_runtime_1.jsx)(SelectPrimitive.Separator, { "data-slot": "select-separator", className: (0, utils_1.cn)('bg-muted -mx-1 my-1 h-px', className), ...props }));
|
|
101
|
+
}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import * as SeparatorPrimitive from '@radix-ui/react-separator';
|
|
3
|
+
declare function Separator({ className, orientation, decorative, ...props }: React.ComponentProps<typeof SeparatorPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
export { Separator };
|
|
5
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/separator/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAA;AAI/D,iBAAS,SAAS,CAAC,EACjB,SAAS,EACT,WAA0B,EAC1B,UAAiB,EACjB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,2CActD;AAED,OAAO,EAAE,SAAS,EAAE,CAAA"}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
'use client';
|
|
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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
15
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
16
|
+
}) : function(o, v) {
|
|
17
|
+
o["default"] = v;
|
|
18
|
+
});
|
|
19
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
20
|
+
var ownKeys = function(o) {
|
|
21
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
22
|
+
var ar = [];
|
|
23
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
24
|
+
return ar;
|
|
25
|
+
};
|
|
26
|
+
return ownKeys(o);
|
|
27
|
+
};
|
|
28
|
+
return function (mod) {
|
|
29
|
+
if (mod && mod.__esModule) return mod;
|
|
30
|
+
var result = {};
|
|
31
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
32
|
+
__setModuleDefault(result, mod);
|
|
33
|
+
return result;
|
|
34
|
+
};
|
|
35
|
+
})();
|
|
36
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
37
|
+
exports.Separator = Separator;
|
|
38
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
39
|
+
const SeparatorPrimitive = __importStar(require("@radix-ui/react-separator"));
|
|
40
|
+
const utils_1 = require("../../../lib/utils");
|
|
41
|
+
function Separator({ className, orientation = 'horizontal', decorative = true, ...props }) {
|
|
42
|
+
return ((0, jsx_runtime_1.jsx)(SeparatorPrimitive.Root, { "data-slot": "separator", decorative: decorative, orientation: orientation, className: (0, utils_1.cn)('shrink-0 bg-slate-200 dark:bg-slate-800', orientation === 'horizontal' ? 'h-px w-full' : 'h-full w-px', className), ...props }));
|
|
43
|
+
}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import * as SheetPrimitive from '@radix-ui/react-dialog';
|
|
3
|
+
import { type VariantProps } from 'class-variance-authority';
|
|
4
|
+
declare function Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
declare function SheetTrigger({ ...props }: React.ComponentProps<typeof SheetPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
declare function SheetClose({ ...props }: React.ComponentProps<typeof SheetPrimitive.Close>): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
declare function SheetPortal({ ...props }: React.ComponentProps<typeof SheetPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
declare function SheetOverlay({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Overlay>): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
declare const sheetVariants: (props?: ({
|
|
10
|
+
side?: "top" | "right" | "bottom" | "left" | null | undefined;
|
|
11
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
12
|
+
type SheetContentProps = React.ComponentProps<typeof SheetPrimitive.Content> & VariantProps<typeof sheetVariants>;
|
|
13
|
+
declare function SheetContent({ side, className, children, ...props }: SheetContentProps): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
declare function SheetHeader({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
declare function SheetFooter({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
declare function SheetTitle({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
declare function SheetDescription({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
export { Sheet, SheetPortal, SheetOverlay, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription };
|
|
19
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/sheet/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,cAAc,MAAM,wBAAwB,CAAA;AACxD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAIjE,iBAAS,KAAK,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,2CAE5E;AAED,iBAAS,YAAY,CAAC,EACpB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,OAAO,CAAC,2CAErD;AAED,iBAAS,UAAU,CAAC,EAClB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,KAAK,CAAC,2CAEnD;AAED,iBAAS,WAAW,CAAC,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,MAAM,CAAC,2CAEpD;AAED,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,OAAO,CAAC,2CAWrD;AAED,QAAA,MAAM,aAAa;;8EAiBlB,CAAA;AAED,KAAK,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,OAAO,CAAC,GAC1E,YAAY,CAAC,OAAO,aAAa,CAAC,CAAA;AAEpC,iBAAS,YAAY,CAAC,EACpB,IAAc,EACd,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,iBAAiB,2CAqBnB;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWxE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWxE;AAED,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,KAAK,CAAC,2CAQnD;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,WAAW,CAAC,2CAQzD;AAED,OAAO,EACL,KAAK,EACL,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,WAAW,EACX,WAAW,EACX,UAAU,EACV,gBAAgB,EACjB,CAAA"}
|