@lerianstudio/sindarian-ui 1.2.0-beta.1 → 1.2.0-beta.11
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/components/breadcrumb/index.d.ts +2 -1
- package/dist/components/breadcrumb/index.d.ts.map +1 -1
- package/dist/components/card/account-card/index.d.ts +12 -12
- package/dist/components/card/account-card/index.d.ts.map +1 -1
- package/dist/components/card/account-card/index.js +3 -3
- package/dist/components/card/basic-card/index.d.ts +4 -4
- package/dist/components/card/basic-card/index.d.ts.map +1 -1
- package/dist/components/card/dashboard-card/index.d.ts +4 -4
- package/dist/components/card/dashboard-card/index.d.ts.map +1 -1
- package/dist/components/card/dashboard-card/index.js +1 -1
- package/dist/components/card/entity-card/index.d.ts +13 -13
- package/dist/components/card/entity-card/index.d.ts.map +1 -1
- package/dist/components/card/entity-card/index.js +1 -1
- package/dist/components/dialog/confirmation-dialog/index.d.ts +2 -1
- package/dist/components/dialog/confirmation-dialog/index.d.ts.map +1 -1
- package/dist/components/dialog/confirmation-dialog/use-confirm-dialog.d.ts +1 -1
- package/dist/components/dialog/confirmation-dialog/use-confirm-dialog.d.ts.map +1 -1
- package/dist/components/dialog/large-dialog/index.d.ts +4 -4
- package/dist/components/dialog/large-dialog/index.d.ts.map +1 -1
- package/dist/components/entity-box/index.d.ts +7 -7
- package/dist/components/entity-box/index.d.ts.map +1 -1
- package/dist/components/entity-data-table/index.d.ts +3 -3
- package/dist/components/entity-data-table/index.d.ts.map +1 -1
- package/dist/components/form/combo-box-field/index.d.ts +1 -1
- package/dist/components/form/combo-box-field/index.d.ts.map +1 -1
- package/dist/components/form/combo-box-field/index.js +1 -1
- package/dist/components/form/country-field/index.d.ts +1 -1
- package/dist/components/form/country-field/index.d.ts.map +1 -1
- package/dist/components/form/date-picker-field/index.d.ts +2 -1
- package/dist/components/form/date-picker-field/index.d.ts.map +1 -1
- package/dist/components/form/date-picker-field/index.js +36 -1
- package/dist/components/form/date-range-field/index.d.ts +2 -1
- package/dist/components/form/date-range-field/index.d.ts.map +1 -1
- package/dist/components/form/date-range-field/index.js +36 -1
- package/dist/components/form/date-time-picker-field/index.d.ts +23 -0
- package/dist/components/form/date-time-picker-field/index.d.ts.map +1 -0
- package/dist/components/form/date-time-picker-field/index.js +113 -0
- package/dist/components/form/index.d.ts +2 -0
- package/dist/components/form/index.d.ts.map +1 -1
- package/dist/components/form/index.js +2 -0
- package/dist/components/form/input-field/index.d.ts +1 -1
- package/dist/components/form/input-field/index.d.ts.map +1 -1
- package/dist/components/form/otp-field/index.d.ts +18 -0
- package/dist/components/form/otp-field/index.d.ts.map +1 -0
- package/dist/components/form/otp-field/index.js +19 -0
- package/dist/components/form/pagination-limit-field/index.d.ts +1 -1
- package/dist/components/form/pagination-limit-field/index.d.ts.map +1 -1
- package/dist/components/form/pagination-limit-field/index.js +1 -1
- package/dist/components/form/password-field/index.d.ts +2 -1
- package/dist/components/form/password-field/index.d.ts.map +1 -1
- package/dist/components/form/select-field/index.d.ts +1 -1
- package/dist/components/form/select-field/index.d.ts.map +1 -1
- package/dist/components/form/select-field/index.js +1 -1
- package/dist/components/form/state-field/index.d.ts +2 -1
- package/dist/components/form/state-field/index.d.ts.map +1 -1
- package/dist/components/form/state-field/index.js +1 -1
- package/dist/components/form/switch-field/index.d.ts +1 -1
- package/dist/components/form/switch-field/index.d.ts.map +1 -1
- package/dist/components/page/index.d.ts +3 -3
- package/dist/components/page/index.d.ts.map +1 -1
- package/dist/components/page-header/index.d.ts +7 -7
- package/dist/components/page-header/index.d.ts.map +1 -1
- package/dist/components/page-header/index.js +1 -1
- package/dist/components/pagination/index.d.ts +1 -1
- package/dist/components/pagination/index.d.ts.map +1 -1
- package/dist/components/table/id-table-cell.d.ts +1 -1
- package/dist/components/table/id-table-cell.d.ts.map +1 -1
- package/dist/components/table/locked-table-actions.d.ts +2 -1
- package/dist/components/table/locked-table-actions.d.ts.map +1 -1
- package/dist/components/table/name-table-cell.d.ts +1 -1
- package/dist/components/table/name-table-cell.d.ts.map +1 -1
- package/dist/components/ui/alert/index.d.ts +6 -6
- package/dist/components/ui/alert/index.d.ts.map +1 -1
- package/dist/components/ui/autocomplete/index.d.ts +9 -9
- package/dist/components/ui/autocomplete/index.d.ts.map +1 -1
- package/dist/components/ui/autocomplete/index.js +6 -6
- package/dist/components/ui/autosize-textarea/index.d.ts +1 -1
- package/dist/components/ui/autosize-textarea/index.d.ts.map +1 -1
- package/dist/components/ui/avatar/index.d.ts +3 -3
- package/dist/components/ui/avatar/index.d.ts.map +1 -1
- package/dist/components/ui/badge/index.d.ts +1 -1
- package/dist/components/ui/badge/index.d.ts.map +1 -1
- package/dist/components/ui/badge/index.js +2 -2
- package/dist/components/ui/breadcrumb/index.d.ts +7 -7
- package/dist/components/ui/breadcrumb/index.d.ts.map +1 -1
- package/dist/components/ui/button/index.d.ts +1 -1
- package/dist/components/ui/button/index.d.ts.map +1 -1
- package/dist/components/ui/calendar/index.d.ts +2 -2
- package/dist/components/ui/calendar/index.d.ts.map +1 -1
- package/dist/components/ui/calendar/index.js +12 -12
- package/dist/components/ui/card/index.d.ts +7 -7
- package/dist/components/ui/card/index.d.ts.map +1 -1
- package/dist/components/ui/checkbox/index.d.ts +1 -1
- package/dist/components/ui/checkbox/index.d.ts.map +1 -1
- package/dist/components/ui/checkbox/index.js +1 -1
- package/dist/components/ui/collapsible/index.d.ts +3 -3
- package/dist/components/ui/collapsible/index.d.ts.map +1 -1
- package/dist/components/ui/command/index.d.ts +9 -9
- package/dist/components/ui/command/index.d.ts.map +1 -1
- package/dist/components/ui/command/index.js +4 -4
- package/dist/components/ui/copy-field/copy-field.test.d.ts +2 -0
- package/dist/components/ui/copy-field/copy-field.test.d.ts.map +1 -0
- package/dist/components/ui/copy-field/copy-field.test.js +268 -0
- package/dist/components/ui/copy-field/index.d.ts +56 -0
- package/dist/components/ui/copy-field/index.d.ts.map +1 -0
- package/dist/components/ui/copy-field/index.js +150 -0
- package/dist/components/ui/dialog/index.d.ts +10 -10
- package/dist/components/ui/dialog/index.d.ts.map +1 -1
- package/dist/components/ui/dropdown-menu/index.d.ts +16 -16
- package/dist/components/ui/dropdown-menu/index.d.ts.map +1 -1
- package/dist/components/ui/dropdown-menu/index.js +5 -5
- package/dist/components/ui/field/index.d.ts +10 -10
- package/dist/components/ui/field/index.d.ts.map +1 -1
- package/dist/components/ui/form.d.ts +5 -3
- package/dist/components/ui/form.d.ts.map +1 -1
- package/dist/components/ui/icon-button/index.d.ts +1 -1
- package/dist/components/ui/icon-button/index.d.ts.map +1 -1
- package/dist/components/ui/icon-button/styles.css +24 -24
- package/dist/components/ui/input/adornment.d.ts +1 -1
- package/dist/components/ui/input/adornment.d.ts.map +1 -1
- package/dist/components/ui/input/index.d.ts +1 -1
- package/dist/components/ui/input/index.d.ts.map +1 -1
- package/dist/components/ui/label/index.d.ts +1 -1
- package/dist/components/ui/label/index.d.ts.map +1 -1
- package/dist/components/ui/loading-button/index.d.ts +2 -1
- package/dist/components/ui/loading-button/index.d.ts.map +1 -1
- package/dist/components/ui/multiple-select/index.d.ts.map +1 -1
- package/dist/components/ui/multiple-select/index.js +1 -1
- package/dist/components/ui/otp-input/index.d.ts +13 -0
- package/dist/components/ui/otp-input/index.d.ts.map +1 -0
- package/dist/components/ui/otp-input/index.js +62 -0
- package/dist/components/ui/paper/index.d.ts +1 -1
- package/dist/components/ui/paper/index.d.ts.map +1 -1
- package/dist/components/ui/paper-collapsible/index.d.ts +4 -4
- package/dist/components/ui/paper-collapsible/index.d.ts.map +1 -1
- package/dist/components/ui/popover/index.d.ts +4 -4
- package/dist/components/ui/popover/index.d.ts.map +1 -1
- package/dist/components/ui/popover/index.js +1 -1
- package/dist/components/ui/progress/index.d.ts +1 -1
- package/dist/components/ui/progress/index.d.ts.map +1 -1
- package/dist/components/ui/qr-code/index.d.ts +26 -0
- package/dist/components/ui/qr-code/index.d.ts.map +1 -0
- package/dist/components/ui/qr-code/index.js +27 -0
- package/dist/components/ui/qr-code/qr-code.test.d.ts +2 -0
- package/dist/components/ui/qr-code/qr-code.test.d.ts.map +1 -0
- package/dist/components/ui/qr-code/qr-code.test.js +60 -0
- package/dist/components/ui/select/index.d.ts +11 -11
- package/dist/components/ui/select/index.d.ts.map +1 -1
- package/dist/components/ui/select/styles.css +1 -1
- package/dist/components/ui/separator/index.d.ts +1 -1
- package/dist/components/ui/separator/index.d.ts.map +1 -1
- package/dist/components/ui/sheet/index.d.ts +10 -10
- package/dist/components/ui/sheet/index.d.ts.map +1 -1
- package/dist/components/ui/sidebar/sidebar-back-button.d.ts +1 -1
- package/dist/components/ui/sidebar/sidebar-back-button.d.ts.map +1 -1
- package/dist/components/ui/sidebar/sidebar-components.d.ts +5 -5
- package/dist/components/ui/sidebar/sidebar-components.d.ts.map +1 -1
- package/dist/components/ui/sidebar/sidebar-components.js +1 -1
- package/dist/components/ui/sidebar/sidebar-expand-button.d.ts +2 -1
- package/dist/components/ui/sidebar/sidebar-expand-button.d.ts.map +1 -1
- package/dist/components/ui/sidebar/sidebar-expand-button.js +1 -1
- package/dist/components/ui/sidebar/sidebar-item-button.d.ts +1 -1
- package/dist/components/ui/sidebar/sidebar-item-button.d.ts.map +1 -1
- package/dist/components/ui/sidebar/sidebar-item-collapsible.d.ts +3 -3
- package/dist/components/ui/sidebar/sidebar-item-collapsible.d.ts.map +1 -1
- package/dist/components/ui/sidebar/sidebar-item-collapsible.js +1 -1
- package/dist/components/ui/sidebar/sidebar-item-icon-button.d.ts +1 -1
- package/dist/components/ui/sidebar/sidebar-item-icon-button.d.ts.map +1 -1
- package/dist/components/ui/sidebar/sidebar-item-icon-button.js +2 -2
- package/dist/components/ui/sidebar/sidebar-item.d.ts +1 -1
- package/dist/components/ui/sidebar/sidebar-item.d.ts.map +1 -1
- package/dist/components/ui/sidebar/sidebar-item.js +1 -1
- package/dist/components/ui/sidebar/sidebar-provider.d.ts +1 -1
- package/dist/components/ui/sidebar/sidebar-provider.d.ts.map +1 -1
- package/dist/components/ui/sidebar/sidebar-provider.test.js +4 -1
- package/dist/components/ui/sidebar/sidebar-root.d.ts +1 -1
- package/dist/components/ui/sidebar/sidebar-root.d.ts.map +1 -1
- package/dist/components/ui/skeleton/index.d.ts +1 -1
- package/dist/components/ui/skeleton/index.d.ts.map +1 -1
- package/dist/components/ui/stepper/index.d.ts +6 -6
- package/dist/components/ui/stepper/index.d.ts.map +1 -1
- package/dist/components/ui/switch/index.d.ts +1 -1
- package/dist/components/ui/switch/index.d.ts.map +1 -1
- package/dist/components/ui/switch/index.js +1 -1
- package/dist/components/ui/table/index.d.ts +11 -11
- package/dist/components/ui/table/index.d.ts.map +1 -1
- package/dist/components/ui/tabs/index.d.ts +4 -4
- package/dist/components/ui/tabs/index.d.ts.map +1 -1
- package/dist/components/ui/textarea/index.d.ts +1 -1
- package/dist/components/ui/textarea/index.d.ts.map +1 -1
- package/dist/components/ui/textarea/index.js +1 -1
- package/dist/components/ui/time-picker/index.d.ts +18 -0
- package/dist/components/ui/time-picker/index.d.ts.map +1 -0
- package/dist/components/ui/time-picker/index.js +85 -0
- package/dist/components/ui/toast/toaster.d.ts +1 -1
- package/dist/components/ui/toast/toaster.d.ts.map +1 -1
- package/dist/components/ui/tooltip/index.d.ts +4 -4
- package/dist/components/ui/tooltip/index.d.ts.map +1 -1
- package/dist/globals.css +17 -1
- package/dist/hooks/use-toast.d.ts.map +1 -1
- package/dist/hooks/use-toast.js +1 -2
- package/dist/index.d.ts +4 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +4 -0
- package/dist/lib/storage/get-storage.js +1 -1
- package/dist/utils/country-utils.d.ts.map +1 -1
- package/package.json +30 -28
|
@@ -62,7 +62,7 @@ function DropdownMenuPortal({ ...props }) {
|
|
|
62
62
|
return ((0, jsx_runtime_1.jsx)(DropdownMenuPrimitive.Portal, { "data-slot": "dropdown-menu-portal", ...props }));
|
|
63
63
|
}
|
|
64
64
|
function DropdownMenuTrigger({ className, ...props }) {
|
|
65
|
-
return ((0, jsx_runtime_1.jsx)(DropdownMenuPrimitive.Trigger, { "data-slot": "dropdown-menu-trigger", className: (0, utils_1.cn)('
|
|
65
|
+
return ((0, jsx_runtime_1.jsx)(DropdownMenuPrimitive.Trigger, { "data-slot": "dropdown-menu-trigger", className: (0, utils_1.cn)('flex items-center justify-center outline-hidden', className), ...props }));
|
|
66
66
|
}
|
|
67
67
|
function DropdownMenuContent({ className, sideOffset = 4, ...props }) {
|
|
68
68
|
return ((0, jsx_runtime_1.jsx)(DropdownMenuPrimitive.Portal, { children: (0, jsx_runtime_1.jsx)(DropdownMenuPrimitive.Content, { "data-slot": "dropdown-menu-content", 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 min-w-32 overflow-hidden rounded-lg border shadow-md', className), ...props }) }));
|
|
@@ -71,7 +71,7 @@ function DropdownMenuGroup({ ...props }) {
|
|
|
71
71
|
return ((0, jsx_runtime_1.jsx)(DropdownMenuPrimitive.Group, { "data-slot": "dropdown-menu-group", ...props }));
|
|
72
72
|
}
|
|
73
73
|
function DropdownMenuItem({ className, inset, variant = 'default', ...props }) {
|
|
74
|
-
return ((0, jsx_runtime_1.jsx)(DropdownMenuPrimitive.Item, { "data-slot": "dropdown-menu-item", "data-inset": inset, "data-variant": variant, className: (0, utils_1.cn)('focus:bg-shadcn-100 focus:text-accent-foreground text-muted-foreground
|
|
74
|
+
return ((0, jsx_runtime_1.jsx)(DropdownMenuPrimitive.Item, { "data-slot": "dropdown-menu-item", "data-inset": inset, "data-variant": variant, className: (0, utils_1.cn)('focus:bg-shadcn-100 focus:text-accent-foreground text-muted-foreground relative flex cursor-pointer items-center gap-3 px-3 py-2 text-sm font-medium outline-hidden transition-colors select-none data-disabled:pointer-events-none data-disabled:opacity-50', className), ...props }));
|
|
75
75
|
}
|
|
76
76
|
function DropdownMenuItemIcon({ className, children, ...props }) {
|
|
77
77
|
return ((0, jsx_runtime_1.jsx)("span", { "data-slot": "dropdown-menu-item-icon", className: (0, utils_1.cn)('text-shadcn-400', className), ...props, children: React.Children.map(React.Children.toArray(children), (child) => React.isValidElement(child)
|
|
@@ -79,13 +79,13 @@ function DropdownMenuItemIcon({ className, children, ...props }) {
|
|
|
79
79
|
: child) }));
|
|
80
80
|
}
|
|
81
81
|
function DropdownMenuCheckboxItem({ className, children, checked, ...props }) {
|
|
82
|
-
return ((0, jsx_runtime_1.jsxs)(DropdownMenuPrimitive.CheckboxItem, { "data-slot": "dropdown-menu-checkbox-item", className: (0, utils_1.cn)('focus:bg-accent focus:text-accent-foreground
|
|
82
|
+
return ((0, jsx_runtime_1.jsxs)(DropdownMenuPrimitive.CheckboxItem, { "data-slot": "dropdown-menu-checkbox-item", className: (0, utils_1.cn)('focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden transition-colors select-none data-disabled:pointer-events-none data-disabled:opacity-50', className), checked: checked, ...props, children: [(0, jsx_runtime_1.jsx)("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: (0, jsx_runtime_1.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: (0, jsx_runtime_1.jsx)(lucide_react_1.Check, { className: "size-4" }) }) }), children] }));
|
|
83
83
|
}
|
|
84
84
|
function DropdownMenuRadioGroup({ ...props }) {
|
|
85
85
|
return ((0, jsx_runtime_1.jsx)(DropdownMenuPrimitive.RadioGroup, { "data-slot": "dropdown-menu-radio-group", ...props }));
|
|
86
86
|
}
|
|
87
87
|
function DropdownMenuRadioItem({ className, children, ...props }) {
|
|
88
|
-
return ((0, jsx_runtime_1.jsxs)(DropdownMenuPrimitive.RadioItem, { "data-slot": "dropdown-menu-radio-item", className: (0, utils_1.cn)('focus:bg-accent focus:text-accent-foreground
|
|
88
|
+
return ((0, jsx_runtime_1.jsxs)(DropdownMenuPrimitive.RadioItem, { "data-slot": "dropdown-menu-radio-item", className: (0, utils_1.cn)('focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden transition-colors select-none data-disabled:pointer-events-none data-disabled:opacity-50', className), ...props, children: [(0, jsx_runtime_1.jsx)("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: (0, jsx_runtime_1.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: (0, jsx_runtime_1.jsx)(lucide_react_1.Circle, { className: "size-2 fill-current" }) }) }), children] }));
|
|
89
89
|
}
|
|
90
90
|
function DropdownMenuLabel({ className, inset, ...props }) {
|
|
91
91
|
return ((0, jsx_runtime_1.jsx)(DropdownMenuPrimitive.Label, { "data-slot": "dropdown-menu-label", "data-inset": inset, className: (0, utils_1.cn)('hover:bg-shadcn-100 text-muted-foreground flex items-center gap-3 px-3 py-2 text-sm font-bold transition-colors', className), ...props }));
|
|
@@ -100,7 +100,7 @@ function DropdownMenuSub({ ...props }) {
|
|
|
100
100
|
return (0, jsx_runtime_1.jsx)(DropdownMenuPrimitive.Sub, { "data-slot": "dropdown-menu-sub", ...props });
|
|
101
101
|
}
|
|
102
102
|
function DropdownMenuSubTrigger({ className, inset, children, ...props }) {
|
|
103
|
-
return ((0, jsx_runtime_1.jsxs)(DropdownMenuPrimitive.SubTrigger, { "data-slot": "dropdown-menu-sub-trigger", "data-inset": inset, className: (0, utils_1.cn)('focus:bg-shadcn-100 data-[state=open]:bg-accent text-muted-foreground
|
|
103
|
+
return ((0, jsx_runtime_1.jsxs)(DropdownMenuPrimitive.SubTrigger, { "data-slot": "dropdown-menu-sub-trigger", "data-inset": inset, className: (0, utils_1.cn)('focus:bg-shadcn-100 data-[state=open]:bg-accent text-muted-foreground flex cursor-default items-center gap-3 px-3 py-2 text-sm font-medium outline-hidden select-none', className), ...props, children: [children, (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronRight, { className: "ml-auto h-4 w-4" })] }));
|
|
104
104
|
}
|
|
105
105
|
function DropdownMenuSubContent({ className, ...props }) {
|
|
106
106
|
return ((0, jsx_runtime_1.jsx)(DropdownMenuPrimitive.SubContent, { "data-slot": "dropdown-menu-sub-content", 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 min-w-32 overflow-hidden rounded-md border p-1 shadow-lg', className), ...props }));
|
|
@@ -1,25 +1,25 @@
|
|
|
1
1
|
import { type VariantProps } from 'class-variance-authority';
|
|
2
2
|
import { Label } from '../../../components/ui/label';
|
|
3
|
-
declare function FieldSet({ className, ...props }: React.ComponentProps<'fieldset'>): import("react
|
|
3
|
+
declare function FieldSet({ className, ...props }: React.ComponentProps<'fieldset'>): import("react").JSX.Element;
|
|
4
4
|
declare function FieldLegend({ className, variant, ...props }: React.ComponentProps<'legend'> & {
|
|
5
5
|
variant?: 'legend' | 'label';
|
|
6
|
-
}): import("react
|
|
7
|
-
declare function FieldGroup({ className, ...props }: React.ComponentProps<'div'>): import("react
|
|
6
|
+
}): import("react").JSX.Element;
|
|
7
|
+
declare function FieldGroup({ className, ...props }: React.ComponentProps<'div'>): import("react").JSX.Element;
|
|
8
8
|
declare const fieldVariants: (props?: ({
|
|
9
9
|
orientation?: "horizontal" | "vertical" | "responsive" | null | undefined;
|
|
10
10
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
11
|
-
declare function Field({ className, orientation, ...props }: React.ComponentProps<'div'> & VariantProps<typeof fieldVariants>): import("react
|
|
12
|
-
declare function FieldContent({ className, ...props }: React.ComponentProps<'div'>): import("react
|
|
13
|
-
declare function FieldLabel({ className, ...props }: React.ComponentProps<typeof Label>): import("react
|
|
14
|
-
declare function FieldTitle({ className, ...props }: React.ComponentProps<'div'>): import("react
|
|
15
|
-
declare function FieldDescription({ className, ...props }: React.ComponentProps<'p'>): import("react
|
|
11
|
+
declare function Field({ className, orientation, ...props }: React.ComponentProps<'div'> & VariantProps<typeof fieldVariants>): import("react").JSX.Element;
|
|
12
|
+
declare function FieldContent({ className, ...props }: React.ComponentProps<'div'>): import("react").JSX.Element;
|
|
13
|
+
declare function FieldLabel({ className, ...props }: React.ComponentProps<typeof Label>): import("react").JSX.Element;
|
|
14
|
+
declare function FieldTitle({ className, ...props }: React.ComponentProps<'div'>): import("react").JSX.Element;
|
|
15
|
+
declare function FieldDescription({ className, ...props }: React.ComponentProps<'p'>): import("react").JSX.Element;
|
|
16
16
|
declare function FieldSeparator({ children, className, ...props }: React.ComponentProps<'div'> & {
|
|
17
17
|
children?: React.ReactNode;
|
|
18
|
-
}): import("react
|
|
18
|
+
}): import("react").JSX.Element;
|
|
19
19
|
declare function FieldError({ className, children, errors, ...props }: React.ComponentProps<'div'> & {
|
|
20
20
|
errors?: Array<{
|
|
21
21
|
message?: string;
|
|
22
22
|
} | undefined>;
|
|
23
|
-
}): import("react
|
|
23
|
+
}): import("react").JSX.Element | null;
|
|
24
24
|
export { Field, FieldLabel, FieldDescription, FieldError, FieldGroup, FieldLegend, FieldSeparator, FieldSet, FieldContent, FieldTitle };
|
|
25
25
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/field/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAGjE,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAA;AAG7C,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/field/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAGjE,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAA;AAG7C,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,+BAW1E;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,OAAkB,EAClB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAA;CAAE,+BAYnE;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,+BAWvE;AAED,QAAA,MAAM,aAAa;;8EAgBlB,CAAA;AAED,iBAAS,KAAK,CAAC,EACb,SAAS,EACT,WAAwB,EACxB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,+BAUlE;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,+BAWzE;AAED,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,+BAYpC;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,+BAWvE;AAED,iBAAS,gBAAgB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,+BAa3E;AAED,iBAAS,cAAc,CAAC,EACtB,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,+BAsBA;AAED,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,QAAQ,EACR,MAAM,EACN,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC/B,MAAM,CAAC,EAAE,KAAK,CAAC;QAAE,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,SAAS,CAAC,CAAA;CACjD,sCA0CA;AAED,OAAO,EACL,KAAK,EACL,UAAU,EACV,gBAAgB,EAChB,UAAU,EACV,UAAU,EACV,WAAW,EACX,cAAc,EACd,QAAQ,EACR,YAAY,EACZ,UAAU,EACX,CAAA"}
|
|
@@ -3,7 +3,7 @@ import * as LabelPrimitive from '@radix-ui/react-label';
|
|
|
3
3
|
import { ControllerProps, FieldPath, FieldValues } from 'react-hook-form';
|
|
4
4
|
import { TooltipProviderProps } from '@radix-ui/react-tooltip';
|
|
5
5
|
declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: import("react-hook-form").FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
|
|
6
|
-
declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) =>
|
|
6
|
+
declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => React.JSX.Element;
|
|
7
7
|
declare const useFormField: () => {
|
|
8
8
|
invalid: boolean;
|
|
9
9
|
isDirty: boolean;
|
|
@@ -29,8 +29,10 @@ export type FormLabelProps = React.ComponentPropsWithoutRef<typeof LabelPrimitiv
|
|
|
29
29
|
declare const FormLabel: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & {
|
|
30
30
|
extra?: React.ReactNode;
|
|
31
31
|
} & React.RefAttributes<HTMLLabelElement>>;
|
|
32
|
-
export declare const FormTooltip: ({ children, ...others }: TooltipProviderProps) =>
|
|
33
|
-
declare const FormControl: React.ForwardRefExoticComponent<Omit<
|
|
32
|
+
export declare const FormTooltip: ({ children, ...others }: TooltipProviderProps) => React.JSX.Element;
|
|
33
|
+
declare const FormControl: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLElement> & {
|
|
34
|
+
children?: React.ReactNode;
|
|
35
|
+
} & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
|
|
34
36
|
declare const FormDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
|
|
35
37
|
declare const FormMessage: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
|
|
36
38
|
export { useFormField, Form, FormItem, FormLabel, FormControl, FormDescription, FormMessage, FormField };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../../src/components/ui/form.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAA;AAEvD,OAAO,EAEL,eAAe,EACf,SAAS,EACT,WAAW,EAGZ,MAAM,iBAAiB,CAAA;AAKxB,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAA;AAS9D,QAAA,MAAM,IAAI,4MAAe,CAAA;AAazB,QAAA,MAAM,SAAS,GACb,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,EAC/D,cAEC,eAAe,CAAC,YAAY,EAAE,KAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../../src/components/ui/form.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAA;AAEvD,OAAO,EAEL,eAAe,EACf,SAAS,EACT,WAAW,EAGZ,MAAM,iBAAiB,CAAA;AAKxB,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAA;AAS9D,QAAA,MAAM,IAAI,4MAAe,CAAA;AAazB,QAAA,MAAM,SAAS,GACb,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,EAC/D,cAEC,eAAe,CAAC,YAAY,EAAE,KAAK,CAAC,sBAMtC,CAAA;AAED,QAAA,MAAM,YAAY;;;;;;;;;;;;CAsBjB,CAAA;AAWD,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG;IACjE,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,QAAA,MAAM,QAAQ;eAHD,OAAO;wCAanB,CAAA;AAGD,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,wBAAwB,CACzD,OAAO,cAAc,CAAC,IAAI,CAC3B,GAAG;IACF,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACxB,CAAA;AAED,QAAA,MAAM,SAAS;YAHL,KAAK,CAAC,SAAS;0CA2BvB,CAAA;AAGF,eAAO,MAAM,WAAW,GAAI,yBAAyB,oBAAoB,sBASxE,CAAA;AAED,QAAA,MAAM,WAAW;;gFAmBf,CAAA;AAGF,QAAA,MAAM,eAAe,yHAcnB,CAAA;AAGF,QAAA,MAAM,WAAW,yHAqBf,CAAA;AAGF,OAAO,EACL,YAAY,EACZ,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,WAAW,EACX,eAAe,EACf,WAAW,EACX,SAAS,EACV,CAAA"}
|
|
@@ -9,5 +9,5 @@ export type IconButtonProps = React.ComponentProps<'button'> & VariantProps<type
|
|
|
9
9
|
asChild?: boolean;
|
|
10
10
|
readOnly?: boolean;
|
|
11
11
|
};
|
|
12
|
-
export declare function IconButton({ className, variant, rounded, size, asChild, readOnly, onClick, ...props }: IconButtonProps): import("react
|
|
12
|
+
export declare function IconButton({ className, variant, rounded, size, asChild, readOnly, onClick, ...props }: IconButtonProps): import("react").JSX.Element;
|
|
13
13
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/icon-button/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACjE,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAG1C,eAAO,MAAM,kBAAkB;;;8EAiB9B,CAAA;AAED,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,GAC1D,YAAY,CAAC,OAAO,cAAc,CAAC,GAAG;IACpC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAEH,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,OAAO,EACP,OAAO,EACP,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,OAAO,EACP,GAAG,KAAK,EACT,EAAE,eAAe
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/icon-button/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACjE,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAG1C,eAAO,MAAM,kBAAkB;;;8EAiB9B,CAAA;AAED,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,GAC1D,YAAY,CAAC,OAAO,cAAc,CAAC,GAAG;IACpC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAEH,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,OAAO,EACP,OAAO,EACP,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,OAAO,EACP,GAAG,KAAK,EACT,EAAE,eAAe,+BAwBjB"}
|
|
@@ -1,33 +1,33 @@
|
|
|
1
1
|
@theme inline {
|
|
2
|
-
|
|
2
|
+
--spacing-icon-button-p: calc(var(--spacing) * 2);
|
|
3
3
|
}
|
|
4
4
|
|
|
5
5
|
@layer components {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
6
|
+
.icon-button-base {
|
|
7
|
+
@apply p-icon-button-p size-10 rounded-md [&>*]:size-6 [&>*]:shrink-0;
|
|
8
|
+
}
|
|
9
9
|
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
10
|
+
.icon-button-read-only {
|
|
11
|
+
@apply data-[read-only=true]:border-button-border data-[read-only=true]:border;
|
|
12
|
+
}
|
|
13
13
|
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
14
|
+
.icon-button-disabled {
|
|
15
|
+
@apply disabled:border-button-border disabled:border;
|
|
16
|
+
}
|
|
17
17
|
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
18
|
+
.icon-button-small {
|
|
19
|
+
@apply size-8 [&>*]:size-4;
|
|
20
|
+
}
|
|
21
21
|
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
22
|
+
.icon-button-rounded {
|
|
23
|
+
@apply rounded-full;
|
|
24
|
+
}
|
|
25
25
|
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
}
|
|
26
|
+
/* Overwrite for outline style */
|
|
27
|
+
.button-outline.icon-button-disabled {
|
|
28
|
+
@apply disabled:border-transparent;
|
|
29
|
+
}
|
|
30
|
+
.button-outline.icon-button-read-only {
|
|
31
|
+
@apply data-[read-only=true]:border-transparent;
|
|
32
|
+
}
|
|
33
|
+
}
|
|
@@ -5,5 +5,5 @@ export declare const inputAdornmentVariants: (props?: ({
|
|
|
5
5
|
export type InputAdornmentProps = React.ComponentProps<'span'> & VariantProps<typeof inputAdornmentVariants> & {
|
|
6
6
|
position?: 'start' | 'end';
|
|
7
7
|
};
|
|
8
|
-
export declare function InputAdornment({ className, position, ...props }: InputAdornmentProps): import("react
|
|
8
|
+
export declare function InputAdornment({ className, position, ...props }: InputAdornmentProps): import("react").JSX.Element;
|
|
9
9
|
//# sourceMappingURL=adornment.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"adornment.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/input/adornment.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAE5D,eAAO,MAAM,sBAAsB;;8EAUjC,CAAA;AAEF,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,GAC5D,YAAY,CAAC,OAAO,sBAAsB,CAAC,GAAG;IAC5C,QAAQ,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;CAC3B,CAAA;AAEH,wBAAgB,cAAc,CAAC,EAC7B,SAAS,EACT,QAAkB,EAClB,GAAG,KAAK,EACT,EAAE,mBAAmB
|
|
1
|
+
{"version":3,"file":"adornment.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/input/adornment.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAE5D,eAAO,MAAM,sBAAsB;;8EAUjC,CAAA;AAEF,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,GAC5D,YAAY,CAAC,OAAO,sBAAsB,CAAC,GAAG;IAC5C,QAAQ,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;CAC3B,CAAA;AAEH,wBAAgB,cAAc,CAAC,EAC7B,SAAS,EACT,QAAkB,EAClB,GAAG,KAAK,EACT,EAAE,mBAAmB,+BAQrB"}
|
|
@@ -13,6 +13,6 @@ export type InputProps = Omit<VariantProps<typeof inputVariants>, 'startAdornmen
|
|
|
13
13
|
endAdornment?: React.ReactNode;
|
|
14
14
|
ref?: React.Ref<InputRef>;
|
|
15
15
|
};
|
|
16
|
-
export declare function Input({ className, startAdornment, endAdornment, onFocus, onBlur, onClick, ref, ...props }: InputProps):
|
|
16
|
+
export declare function Input({ className, startAdornment, endAdornment, onFocus, onBlur, onClick, ref, ...props }: InputProps): React.JSX.Element;
|
|
17
17
|
export * from './adornment';
|
|
18
18
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/input/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAE5D,QAAA,MAAM,aAAa;;;8EAejB,CAAA;AAEF,MAAM,MAAM,QAAQ,GAAG;IACrB,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,IAAI,EAAE,MAAM,IAAI,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,UAAU,GAAG,IAAI,CAC3B,YAAY,CAAC,OAAO,aAAa,CAAC,EAClC,gBAAgB,GAAG,cAAc,CAClC,GACC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,GAAG;IAC9B,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAChC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAA;CAC1B,CAAA;AAEH,wBAAgB,KAAK,CAAC,EACpB,SAAS,EACT,cAAc,EACd,YAAY,EACZ,OAAO,EACP,MAAM,EACN,OAAO,EACP,GAAG,EACH,GAAG,KAAK,EACT,EAAE,UAAU,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/input/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAE5D,QAAA,MAAM,aAAa;;;8EAejB,CAAA;AAEF,MAAM,MAAM,QAAQ,GAAG;IACrB,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,IAAI,EAAE,MAAM,IAAI,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,UAAU,GAAG,IAAI,CAC3B,YAAY,CAAC,OAAO,aAAa,CAAC,EAClC,gBAAgB,GAAG,cAAc,CAClC,GACC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,GAAG;IAC9B,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAChC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAA;CAC1B,CAAA;AAEH,wBAAgB,KAAK,CAAC,EACpB,SAAS,EACT,cAAc,EACd,YAAY,EACZ,OAAO,EACP,MAAM,EACN,OAAO,EACP,GAAG,EACH,GAAG,KAAK,EACT,EAAE,UAAU,qBAuEZ;AAED,cAAc,aAAa,CAAA"}
|
|
@@ -2,6 +2,6 @@ import * as React from 'react';
|
|
|
2
2
|
import * as LabelPrimitive from '@radix-ui/react-label';
|
|
3
3
|
import { type VariantProps } from 'class-variance-authority';
|
|
4
4
|
declare const labelVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
5
|
-
declare function Label({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root> & VariantProps<typeof labelVariants>):
|
|
5
|
+
declare function Label({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root> & VariantProps<typeof labelVariants>): React.JSX.Element;
|
|
6
6
|
export { Label };
|
|
7
7
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/label/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAA;AACvD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAGjE,QAAA,MAAM,aAAa,oFAElB,CAAA;AAED,iBAAS,KAAK,CAAC,EACb,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,GACjD,YAAY,CAAC,OAAO,aAAa,CAAC,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/label/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAA;AACvD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAGjE,QAAA,MAAM,aAAa,oFAElB,CAAA;AAED,iBAAS,KAAK,CAAC,EACb,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,GACjD,YAAY,CAAC,OAAO,aAAa,CAAC,qBAQnC;AAED,OAAO,EAAE,KAAK,EAAE,CAAA"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
+
import React from 'react';
|
|
1
2
|
import { ButtonProps } from '../button';
|
|
2
3
|
export type LoadingButtonProps = ButtonProps & {
|
|
3
4
|
loading?: boolean;
|
|
4
5
|
};
|
|
5
|
-
declare function LoadingButton({ loading, disabled, children, ...props }: LoadingButtonProps):
|
|
6
|
+
declare function LoadingButton({ loading, disabled, children, ...props }: LoadingButtonProps): React.JSX.Element;
|
|
6
7
|
export { LoadingButton };
|
|
7
8
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/loading-button/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/loading-button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAU,WAAW,EAAE,MAAM,WAAW,CAAA;AAG/C,MAAM,MAAM,kBAAkB,GAAG,WAAW,GAAG;IAC7C,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,iBAAS,aAAa,CAAC,EACrB,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,kBAAkB,qBAOpB;AAED,OAAO,EAAE,aAAa,EAAE,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/multiple-select/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAmB,MAAM,MAAM,CAAA;AAgDnE,eAAO,MAAM,qBAAqB;;;eAG0B,OAAO;wCAyFjE,CAAA;AAGF,eAAO,MAAM,mBAAmB;;;;;;;0FAiD9B,CAAA;AAGF,eAAO,MAAM,mBAAmB;;;;;;uJAiB9B,CAAA;AAGF,MAAM,MAAM,0BAA0B,GAAG,KAAK,CAAC,wBAAwB,CACrE,OAAO,gBAAgB,CAAC,IAAI,CAC7B,GAAG;IACF,QAAQ,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAA;CAC/B,CAAA;AAED,eAAO,MAAM,qBAAqB;;;;;;;;;eAHrB,QAAQ,GAAG,QAAQ;wCA+D/B,CAAA;AAGD,eAAO,MAAM,mBAAmB;;;;;;;;;;sFAY9B,CAAA;AAGF,eAAO,MAAM,kBAAkB;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/multiple-select/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAmB,MAAM,MAAM,CAAA;AAgDnE,eAAO,MAAM,qBAAqB;;;eAG0B,OAAO;wCAyFjE,CAAA;AAGF,eAAO,MAAM,mBAAmB;;;;;;;0FAiD9B,CAAA;AAGF,eAAO,MAAM,mBAAmB;;;;;;uJAiB9B,CAAA;AAGF,MAAM,MAAM,0BAA0B,GAAG,KAAK,CAAC,wBAAwB,CACrE,OAAO,gBAAgB,CAAC,IAAI,CAC7B,GAAG;IACF,QAAQ,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAA;CAC/B,CAAA;AAED,eAAO,MAAM,qBAAqB;;;;;;;;;eAHrB,QAAQ,GAAG,QAAQ;wCA+D/B,CAAA;AAGD,eAAO,MAAM,mBAAmB;;;;;;;;;;sFAY9B,CAAA;AAGF,eAAO,MAAM,kBAAkB;;;;;;;;;;;;sFAiC9B,CAAA;AAGD,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,wBAAwB,CAC9D,OAAO,gBAAgB,CACxB,GAAG;IACF,KAAK,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,CAAA;IACrB,YAAY,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,CAAA;IAC5B,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IAC1C,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;YAPjB,MAAM,EAAE,GAAG,EAAE;mBACN,MAAM,EAAE,GAAG,EAAE;oBACZ,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI;gBAC9B,OAAO;eACR,OAAO;wCA2HnB,CAAA"}
|
|
@@ -154,7 +154,7 @@ exports.MultipleSelectContent = react_1.default.forwardRef(({ className, positio
|
|
|
154
154
|
exports.MultipleSelectContent.displayName = 'MultipleSelectContent';
|
|
155
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)('text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium', className), ...props })));
|
|
156
156
|
exports.MultipleSelectGroup.displayName = 'MultipleSelectGroup';
|
|
157
|
-
exports.MultipleSelectItem = react_1.default.forwardRef(({ className, value, onClick, onSelect, children, ...props }, ref) => {
|
|
157
|
+
exports.MultipleSelectItem = react_1.default.forwardRef(({ className, value, onClick: _onClick, onSelect, children, ...props }, ref) => {
|
|
158
158
|
const { handleChange } = useMultipleSelect();
|
|
159
159
|
return ((0, jsx_runtime_1.jsx)(cmdk_1.Command.Item, { ref: ref, value: value, keywords: typeof children === 'string' ? [children] : undefined, className: (0, utils_1.cn)('data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground 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 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0', className), ...props, onMouseDown: (e) => {
|
|
160
160
|
e.preventDefault();
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { OTPInput } from 'input-otp';
|
|
3
|
+
declare function InputOTP({ className, containerClassName, ...props }: React.ComponentProps<typeof OTPInput> & {
|
|
4
|
+
containerClassName?: string;
|
|
5
|
+
}): React.JSX.Element;
|
|
6
|
+
declare function InputOTPGroup({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
|
|
7
|
+
declare function InputOTPSlot({ index, className, ...props }: React.ComponentProps<'div'> & {
|
|
8
|
+
index: number;
|
|
9
|
+
}): React.JSX.Element;
|
|
10
|
+
declare function InputOTPSeparator({ ...props }: React.ComponentProps<'div'>): React.JSX.Element;
|
|
11
|
+
export { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator };
|
|
12
|
+
export { REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS } from 'input-otp';
|
|
13
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/otp-input/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,QAAQ,EAAmB,MAAM,WAAW,CAAA;AAKrD,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,kBAAkB,EAClB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,GAAG;IAAE,kBAAkB,CAAC,EAAE,MAAM,CAAA;CAAE,qBAYzE;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQ7B;AAED,iBAAS,YAAY,CAAC,EACpB,KAAK,EACL,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,qBAwBjD;AAED,iBAAS,iBAAiB,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAMnE;AAED,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,YAAY,EAAE,iBAAiB,EAAE,CAAA;AACnE,OAAO,EAAE,kBAAkB,EAAE,4BAA4B,EAAE,MAAM,WAAW,CAAA"}
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
19
|
+
var ownKeys = function(o) {
|
|
20
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
21
|
+
var ar = [];
|
|
22
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
23
|
+
return ar;
|
|
24
|
+
};
|
|
25
|
+
return ownKeys(o);
|
|
26
|
+
};
|
|
27
|
+
return function (mod) {
|
|
28
|
+
if (mod && mod.__esModule) return mod;
|
|
29
|
+
var result = {};
|
|
30
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
31
|
+
__setModuleDefault(result, mod);
|
|
32
|
+
return result;
|
|
33
|
+
};
|
|
34
|
+
})();
|
|
35
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
36
|
+
exports.REGEXP_ONLY_DIGITS_AND_CHARS = exports.REGEXP_ONLY_DIGITS = void 0;
|
|
37
|
+
exports.InputOTP = InputOTP;
|
|
38
|
+
exports.InputOTPGroup = InputOTPGroup;
|
|
39
|
+
exports.InputOTPSlot = InputOTPSlot;
|
|
40
|
+
exports.InputOTPSeparator = InputOTPSeparator;
|
|
41
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
42
|
+
const React = __importStar(require("react"));
|
|
43
|
+
const input_otp_1 = require("input-otp");
|
|
44
|
+
const lucide_react_1 = require("lucide-react");
|
|
45
|
+
const utils_1 = require("../../../lib/utils");
|
|
46
|
+
function InputOTP({ className, containerClassName, ...props }) {
|
|
47
|
+
return ((0, jsx_runtime_1.jsx)(input_otp_1.OTPInput, { "data-slot": "input-otp", containerClassName: (0, utils_1.cn)('flex items-center gap-2 has-disabled:opacity-50', containerClassName), className: (0, utils_1.cn)('disabled:cursor-not-allowed', className), ...props }));
|
|
48
|
+
}
|
|
49
|
+
function InputOTPGroup({ className, ...props }) {
|
|
50
|
+
return ((0, jsx_runtime_1.jsx)("div", { "data-slot": "input-otp-group", className: (0, utils_1.cn)('flex items-center', className), ...props }));
|
|
51
|
+
}
|
|
52
|
+
function InputOTPSlot({ index, className, ...props }) {
|
|
53
|
+
const inputOTPContext = React.useContext(input_otp_1.OTPInputContext);
|
|
54
|
+
const { char, hasFakeCaret, isActive } = inputOTPContext?.slots[index] ?? {};
|
|
55
|
+
return ((0, jsx_runtime_1.jsxs)("div", { "data-slot": "input-otp-slot", "data-active": isActive, className: (0, utils_1.cn)('border-input-border bg-background text-foreground', 'relative flex h-14 w-12 items-center justify-center border-y border-r text-2xl font-semibold shadow-xs transition-all outline-none first:rounded-l-md first:border-l last:rounded-r-md', 'data-[active=true]:z-10 data-[active=true]:border-ring data-[active=true]:ring-2 data-[active=true]:ring-ring/50', className), ...props, children: [char, hasFakeCaret && ((0, jsx_runtime_1.jsx)("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: (0, jsx_runtime_1.jsx)("div", { className: "animate-caret-blink bg-foreground h-6 w-px duration-1000" }) }))] }));
|
|
56
|
+
}
|
|
57
|
+
function InputOTPSeparator({ ...props }) {
|
|
58
|
+
return ((0, jsx_runtime_1.jsx)("div", { "data-slot": "input-otp-separator", role: "separator", ...props, children: (0, jsx_runtime_1.jsx)(lucide_react_1.MinusIcon, {}) }));
|
|
59
|
+
}
|
|
60
|
+
var input_otp_2 = require("input-otp");
|
|
61
|
+
Object.defineProperty(exports, "REGEXP_ONLY_DIGITS", { enumerable: true, get: function () { return input_otp_2.REGEXP_ONLY_DIGITS; } });
|
|
62
|
+
Object.defineProperty(exports, "REGEXP_ONLY_DIGITS_AND_CHARS", { enumerable: true, get: function () { return input_otp_2.REGEXP_ONLY_DIGITS_AND_CHARS; } });
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
export type PaperProps = React.HTMLAttributes<HTMLDivElement>;
|
|
3
|
-
export declare function Paper({ className, ...others }: PaperProps):
|
|
3
|
+
export declare function Paper({ className, ...others }: PaperProps): React.JSX.Element;
|
|
4
4
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +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,
|
|
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,qBAQzD"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { CollapsibleProps, CollapsibleTriggerProps } from '@radix-ui/react-collapsible';
|
|
3
3
|
export type PaperCollapsibleProps = CollapsibleProps;
|
|
4
|
-
declare function PaperCollapsible({ className, children, ...props }: PaperCollapsibleProps):
|
|
5
|
-
declare function PaperCollapsibleBanner({ className, children, ...props }: React.ComponentProps<'div'>):
|
|
6
|
-
declare function PaperCollapsibleTrigger({ className, children: _children, ...props }: CollapsibleTriggerProps):
|
|
7
|
-
declare function PaperCollapsibleContent({ className, children, ...props }: React.ComponentProps<'div'>):
|
|
4
|
+
declare function PaperCollapsible({ className, children, ...props }: PaperCollapsibleProps): React.JSX.Element;
|
|
5
|
+
declare function PaperCollapsibleBanner({ className, children, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
|
|
6
|
+
declare function PaperCollapsibleTrigger({ className, children: _children, ...props }: CollapsibleTriggerProps): React.JSX.Element;
|
|
7
|
+
declare function PaperCollapsibleContent({ className, children, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
|
|
8
8
|
export { PaperCollapsible, PaperCollapsibleBanner, PaperCollapsibleTrigger, PaperCollapsibleContent };
|
|
9
9
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/paper-collapsible/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EACL,gBAAgB,EAChB,uBAAuB,EACxB,MAAM,6BAA6B,CAAA;AAUpC,MAAM,MAAM,qBAAqB,GAAG,gBAAgB,CAAA;AAEpD,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,qBAAqB,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/paper-collapsible/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EACL,gBAAgB,EAChB,uBAAuB,EACxB,MAAM,6BAA6B,CAAA;AAUpC,MAAM,MAAM,qBAAqB,GAAG,gBAAgB,CAAA;AAEpD,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,qBAAqB,qBAWvB;AAED,iBAAS,sBAAsB,CAAC,EAC9B,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAW7B;AAED,iBAAS,uBAAuB,CAAC,EAC/B,SAAS,EACT,QAAQ,EAAE,SAAS,EACnB,GAAG,KAAK,EACT,EAAE,uBAAuB,qBAazB;AAED,iBAAS,uBAAuB,CAAC,EAC/B,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAc7B;AAED,OAAO,EACL,gBAAgB,EAChB,sBAAsB,EACtB,uBAAuB,EACvB,uBAAuB,EACxB,CAAA"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import * as PopoverPrimitive from '@radix-ui/react-popover';
|
|
3
|
-
declare function Popover({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Root>):
|
|
4
|
-
declare function PopoverTrigger({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Trigger>):
|
|
5
|
-
declare function PopoverContent({ className, align, sideOffset, ...props }: React.ComponentProps<typeof PopoverPrimitive.Content>):
|
|
6
|
-
declare function PopoverAnchor({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Anchor>):
|
|
3
|
+
declare function Popover({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Root>): React.JSX.Element;
|
|
4
|
+
declare function PopoverTrigger({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Trigger>): React.JSX.Element;
|
|
5
|
+
declare function PopoverContent({ className, align, sideOffset, ...props }: React.ComponentProps<typeof PopoverPrimitive.Content>): React.JSX.Element;
|
|
6
|
+
declare function PopoverAnchor({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Anchor>): React.JSX.Element;
|
|
7
7
|
export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };
|
|
8
8
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +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,
|
|
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,qBAEpD;AACD,iBAAS,cAAc,CAAC,EACtB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,qBAEvD;AAED,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,KAAgB,EAChB,UAAc,EACd,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,qBAevD;AAED,iBAAS,aAAa,CAAC,EACrB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,MAAM,CAAC,qBAEtD;AAED,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,aAAa,EAAE,CAAA"}
|
|
@@ -48,7 +48,7 @@ function PopoverTrigger({ ...props }) {
|
|
|
48
48
|
return (0, jsx_runtime_1.jsx)(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
|
|
49
49
|
}
|
|
50
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 }) }));
|
|
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 border-border z-50 w-72 rounded-md border p-4 shadow-md outline-hidden', className), ...props }) }));
|
|
52
52
|
}
|
|
53
53
|
function PopoverAnchor({ ...props }) {
|
|
54
54
|
return (0, jsx_runtime_1.jsx)(PopoverPrimitive.Anchor, { "data-slot": "popover-anchor", ...props });
|
|
@@ -3,6 +3,6 @@ import * as ProgressPrimitive from '@radix-ui/react-progress';
|
|
|
3
3
|
type ProgressProps = React.ComponentProps<typeof ProgressPrimitive.Root> & {
|
|
4
4
|
indicatorColor?: string;
|
|
5
5
|
};
|
|
6
|
-
declare function Progress({ className, value, indicatorColor, ...props }: ProgressProps):
|
|
6
|
+
declare function Progress({ className, value, indicatorColor, ...props }: ProgressProps): React.JSX.Element;
|
|
7
7
|
export { Progress };
|
|
8
8
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +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,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAED,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,KAAK,EACL,cAA6B,EAC7B,GAAG,KAAK,EACT,EAAE,aAAa,
|
|
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,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAED,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,KAAK,EACL,cAA6B,EAC7B,GAAG,KAAK,EACT,EAAE,aAAa,qBAiBf;AAED,OAAO,EAAE,QAAQ,EAAE,CAAA"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
export type QRCodeProps = {
|
|
2
|
+
/**
|
|
3
|
+
* The `otpauth://totp/...` URI to encode. An empty or whitespace-only value
|
|
4
|
+
* renders nothing (never a broken QR).
|
|
5
|
+
*/
|
|
6
|
+
value: string;
|
|
7
|
+
/**
|
|
8
|
+
* Rendered square edge in px. Drives both width and height of the SVG.
|
|
9
|
+
* @defaultValue 160
|
|
10
|
+
*/
|
|
11
|
+
size?: number;
|
|
12
|
+
/**
|
|
13
|
+
* Optional image URL rendered in the center of the code (e.g. a brand logo).
|
|
14
|
+
* When set, the error-correction level is raised to `H` so the code stays
|
|
15
|
+
* scannable despite the occluded modules, and the modules behind the image
|
|
16
|
+
* are excavated to the background color.
|
|
17
|
+
*/
|
|
18
|
+
logoSrc?: string;
|
|
19
|
+
/**
|
|
20
|
+
* Accessible name for the QR image. Falls back to a generic label when
|
|
21
|
+
* omitted. Consumers should pass an i18n string.
|
|
22
|
+
*/
|
|
23
|
+
'aria-label'?: string;
|
|
24
|
+
};
|
|
25
|
+
export declare function QRCode({ value, size, logoSrc, 'aria-label': ariaLabel }: QRCodeProps): import("react").JSX.Element | null;
|
|
26
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/qr-code/index.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,WAAW,GAAG;IACxB;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;;;;OAKG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAA;AAUD,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,IAAmB,EACnB,OAAO,EACP,YAAY,EAAE,SAA8B,EAC7C,EAAE,WAAW,sCA2Bb"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
"use strict";
|
|
3
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
+
exports.QRCode = QRCode;
|
|
5
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
+
const qrcode_react_1 = require("qrcode.react");
|
|
7
|
+
const DEFAULT_SIZE = 160;
|
|
8
|
+
const DEFAULT_ARIA_LABEL = 'QR code';
|
|
9
|
+
/**
|
|
10
|
+
* Center image edge as a fraction of the code size. Kept small so error
|
|
11
|
+
* correction can recover the excavated modules.
|
|
12
|
+
*/
|
|
13
|
+
const LOGO_SIZE_RATIO = 0.22;
|
|
14
|
+
function QRCode({ value, size = DEFAULT_SIZE, logoSrc, 'aria-label': ariaLabel = DEFAULT_ARIA_LABEL }) {
|
|
15
|
+
if (!value || value.trim() === '') {
|
|
16
|
+
return null;
|
|
17
|
+
}
|
|
18
|
+
const logoSize = Math.round(size * LOGO_SIZE_RATIO);
|
|
19
|
+
return ((0, jsx_runtime_1.jsx)(qrcode_react_1.QRCodeSVG, { "data-slot": "qr-code", value: value, size: size, role: "img", "aria-label": ariaLabel, level: logoSrc ? 'H' : 'L', imageSettings: logoSrc
|
|
20
|
+
? {
|
|
21
|
+
src: logoSrc,
|
|
22
|
+
height: logoSize,
|
|
23
|
+
width: logoSize,
|
|
24
|
+
excavate: true
|
|
25
|
+
}
|
|
26
|
+
: undefined }));
|
|
27
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"qr-code.test.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/qr-code/qr-code.test.tsx"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAA"}
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
|
+
require("@testing-library/jest-dom");
|
|
5
|
+
const react_1 = require("@testing-library/react");
|
|
6
|
+
const _1 = require(".");
|
|
7
|
+
const SAMPLE = 'otpauth://totp/Lerian:user@acme?secret=JBSWY3DPEHPK3PXP&issuer=Lerian';
|
|
8
|
+
describe('QRCode', () => {
|
|
9
|
+
it('renders an svg when value is present', () => {
|
|
10
|
+
const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.QRCode, { value: SAMPLE }));
|
|
11
|
+
const svg = container.querySelector('svg');
|
|
12
|
+
expect(svg).toBeInTheDocument();
|
|
13
|
+
});
|
|
14
|
+
it('exposes the QR as an image to assistive tech', () => {
|
|
15
|
+
(0, react_1.render)((0, jsx_runtime_1.jsx)(_1.QRCode, { value: SAMPLE }));
|
|
16
|
+
expect(react_1.screen.getByRole('img')).toBeInTheDocument();
|
|
17
|
+
});
|
|
18
|
+
it('renders nothing when value is an empty string', () => {
|
|
19
|
+
const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.QRCode, { value: "" }));
|
|
20
|
+
expect(container).toBeEmptyDOMElement();
|
|
21
|
+
expect(react_1.screen.queryByRole('img')).not.toBeInTheDocument();
|
|
22
|
+
});
|
|
23
|
+
it('renders nothing when value is whitespace only', () => {
|
|
24
|
+
const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.QRCode, { value: " " }));
|
|
25
|
+
expect(container).toBeEmptyDOMElement();
|
|
26
|
+
expect(react_1.screen.queryByRole('img')).not.toBeInTheDocument();
|
|
27
|
+
});
|
|
28
|
+
it('applies the provided aria-label', () => {
|
|
29
|
+
(0, react_1.render)((0, jsx_runtime_1.jsx)(_1.QRCode, { value: SAMPLE, "aria-label": "Scan this QR code" }));
|
|
30
|
+
expect(react_1.screen.getByRole('img', { name: 'Scan this QR code' })).toBeInTheDocument();
|
|
31
|
+
});
|
|
32
|
+
it('falls back to a generic accessible name when aria-label is omitted', () => {
|
|
33
|
+
(0, react_1.render)((0, jsx_runtime_1.jsx)(_1.QRCode, { value: SAMPLE }));
|
|
34
|
+
const svg = react_1.screen.getByRole('img');
|
|
35
|
+
expect(svg).toHaveAccessibleName();
|
|
36
|
+
expect(svg.getAttribute('aria-label')).toBeTruthy();
|
|
37
|
+
});
|
|
38
|
+
it('applies the provided size to width and height', () => {
|
|
39
|
+
const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.QRCode, { value: SAMPLE, size: 200 }));
|
|
40
|
+
const svg = container.querySelector('svg');
|
|
41
|
+
expect(svg).toHaveAttribute('width', '200');
|
|
42
|
+
expect(svg).toHaveAttribute('height', '200');
|
|
43
|
+
});
|
|
44
|
+
it('defaults width and height to 160 when size is omitted', () => {
|
|
45
|
+
const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.QRCode, { value: SAMPLE }));
|
|
46
|
+
const svg = container.querySelector('svg');
|
|
47
|
+
expect(svg).toHaveAttribute('width', '160');
|
|
48
|
+
expect(svg).toHaveAttribute('height', '160');
|
|
49
|
+
});
|
|
50
|
+
it('embeds the center logo when logoSrc is provided', () => {
|
|
51
|
+
const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.QRCode, { value: SAMPLE, logoSrc: "/logo.svg" }));
|
|
52
|
+
const image = container.querySelector('image');
|
|
53
|
+
expect(image).toBeInTheDocument();
|
|
54
|
+
expect(image).toHaveAttribute('href', '/logo.svg');
|
|
55
|
+
});
|
|
56
|
+
it('renders no embedded image when logoSrc is omitted', () => {
|
|
57
|
+
const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.QRCode, { value: SAMPLE }));
|
|
58
|
+
expect(container.querySelector('image')).not.toBeInTheDocument();
|
|
59
|
+
});
|
|
60
|
+
});
|