@baseplate-dev/ui-components 0.6.2 → 1.0.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +9 -0
- package/LICENSE +114 -123
- package/dist/base-styles.css +5 -4
- package/dist/components/ui/async-combobox-field/async-combobox-field.d.ts +7 -5
- package/dist/components/ui/async-combobox-field/async-combobox-field.d.ts.map +1 -1
- package/dist/components/ui/async-combobox-field/async-combobox-field.js +142 -135
- package/dist/components/ui/async-combobox-field/async-combobox-field.js.map +1 -1
- package/dist/components/ui/async-combobox-field/async-combobox-field.unit.test.d.ts +2 -0
- package/dist/components/ui/async-combobox-field/async-combobox-field.unit.test.d.ts.map +1 -0
- package/dist/components/ui/async-combobox-field/async-combobox-field.unit.test.js +147 -0
- package/dist/components/ui/async-combobox-field/async-combobox-field.unit.test.js.map +1 -0
- package/dist/components/ui/autocomplete/autocomplete.d.ts +32 -0
- package/dist/components/ui/autocomplete/autocomplete.d.ts.map +1 -0
- package/dist/components/ui/autocomplete/autocomplete.js +59 -0
- package/dist/components/ui/autocomplete/autocomplete.js.map +1 -0
- package/dist/components/ui/badge/badge.d.ts +4 -11
- package/dist/components/ui/badge/badge.d.ts.map +1 -1
- package/dist/components/ui/badge/badge.js +22 -16
- package/dist/components/ui/badge/badge.js.map +1 -1
- package/dist/components/ui/breadcrumb/breadcrumb.d.ts +8 -4
- package/dist/components/ui/breadcrumb/breadcrumb.d.ts.map +1 -1
- package/dist/components/ui/breadcrumb/breadcrumb.js +24 -9
- package/dist/components/ui/breadcrumb/breadcrumb.js.map +1 -1
- package/dist/components/ui/button/button.d.ts +5 -5
- package/dist/components/ui/button/button.d.ts.map +1 -1
- package/dist/components/ui/button/button.js +4 -5
- package/dist/components/ui/button/button.js.map +1 -1
- package/dist/components/ui/checkbox/checkbox.d.ts +2 -3
- package/dist/components/ui/checkbox/checkbox.d.ts.map +1 -1
- package/dist/components/ui/checkbox/checkbox.js +2 -2
- package/dist/components/ui/checkbox/checkbox.js.map +1 -1
- package/dist/components/ui/checkbox-field/checkbox-field.d.ts +2 -2
- package/dist/components/ui/checkbox-field/checkbox-field.d.ts.map +1 -1
- package/dist/components/ui/checkbox-field/checkbox-field.js +8 -5
- package/dist/components/ui/checkbox-field/checkbox-field.js.map +1 -1
- package/dist/components/ui/code-editor-field/code-editor-field.d.ts.map +1 -1
- package/dist/components/ui/code-editor-field/code-editor-field.js +7 -7
- package/dist/components/ui/code-editor-field/code-editor-field.js.map +1 -1
- package/dist/components/ui/collapsible/collapsible.d.ts +4 -5
- package/dist/components/ui/collapsible/collapsible.d.ts.map +1 -1
- package/dist/components/ui/collapsible/collapsible.js +3 -4
- package/dist/components/ui/collapsible/collapsible.js.map +1 -1
- package/dist/components/ui/color-picker-field/color-picker-field.d.ts.map +1 -1
- package/dist/components/ui/color-picker-field/color-picker-field.js +9 -9
- package/dist/components/ui/color-picker-field/color-picker-field.js.map +1 -1
- package/dist/components/ui/combobox/combobox.d.ts +31 -69
- package/dist/components/ui/combobox/combobox.d.ts.map +1 -1
- package/dist/components/ui/combobox/combobox.js +62 -167
- package/dist/components/ui/combobox/combobox.js.map +1 -1
- package/dist/components/ui/combobox-field/combobox-field.d.ts +7 -3
- package/dist/components/ui/combobox-field/combobox-field.d.ts.map +1 -1
- package/dist/components/ui/combobox-field/combobox-field.js +15 -23
- package/dist/components/ui/combobox-field/combobox-field.js.map +1 -1
- package/dist/components/ui/date-picker-field/date-picker-field.d.ts.map +1 -1
- package/dist/components/ui/date-picker-field/date-picker-field.js +3 -3
- package/dist/components/ui/date-picker-field/date-picker-field.js.map +1 -1
- package/dist/components/ui/date-time-picker-field/date-time-picker-field.d.ts.map +1 -1
- package/dist/components/ui/date-time-picker-field/date-time-picker-field.js +3 -3
- package/dist/components/ui/date-time-picker-field/date-time-picker-field.js.map +1 -1
- package/dist/components/ui/dialog/dialog.d.ts +15 -13
- package/dist/components/ui/dialog/dialog.d.ts.map +1 -1
- package/dist/components/ui/dialog/dialog.js +12 -13
- package/dist/components/ui/dialog/dialog.js.map +1 -1
- package/dist/components/ui/dropdown/dropdown.d.ts +24 -16
- package/dist/components/ui/dropdown/dropdown.d.ts.map +1 -1
- package/dist/components/ui/dropdown/dropdown.js +31 -27
- package/dist/components/ui/dropdown/dropdown.js.map +1 -1
- package/dist/components/ui/field/field.d.ts +34 -0
- package/dist/components/ui/field/field.d.ts.map +1 -0
- package/dist/components/ui/field/field.js +77 -0
- package/dist/components/ui/field/field.js.map +1 -0
- package/dist/components/ui/form-action-bar/form-action-bar.d.ts.map +1 -1
- package/dist/components/ui/form-action-bar/form-action-bar.js +1 -1
- package/dist/components/ui/form-action-bar/form-action-bar.js.map +1 -1
- package/dist/components/ui/form-item/form-item.d.ts +6 -4
- package/dist/components/ui/form-item/form-item.d.ts.map +1 -1
- package/dist/components/ui/form-item/form-item.js +17 -3
- package/dist/components/ui/form-item/form-item.js.map +1 -1
- package/dist/components/ui/index.d.ts +5 -3
- package/dist/components/ui/index.d.ts.map +1 -1
- package/dist/components/ui/index.js +5 -3
- package/dist/components/ui/index.js.map +1 -1
- package/dist/components/ui/input-field/input-field.d.ts.map +1 -1
- package/dist/components/ui/input-field/input-field.js +7 -5
- package/dist/components/ui/input-field/input-field.js.map +1 -1
- package/dist/components/ui/input-group/input-group.d.ts +26 -0
- package/dist/components/ui/input-group/input-group.d.ts.map +1 -0
- package/dist/components/ui/input-group/input-group.js +65 -0
- package/dist/components/ui/input-group/input-group.js.map +1 -0
- package/dist/components/ui/label/label.d.ts +1 -2
- package/dist/components/ui/label/label.d.ts.map +1 -1
- package/dist/components/ui/label/label.js +3 -2
- package/dist/components/ui/label/label.js.map +1 -1
- package/dist/components/ui/multi-combobox-field/multi-combobox-field.d.ts +2 -2
- package/dist/components/ui/multi-combobox-field/multi-combobox-field.d.ts.map +1 -1
- package/dist/components/ui/multi-combobox-field/multi-combobox-field.js +23 -24
- package/dist/components/ui/multi-combobox-field/multi-combobox-field.js.map +1 -1
- package/dist/components/ui/multi-switch-field/multi-switch-field.js +3 -3
- package/dist/components/ui/multi-switch-field/multi-switch-field.js.map +1 -1
- package/dist/components/ui/navigation-menu/navigation-menu.d.ts +16 -15
- package/dist/components/ui/navigation-menu/navigation-menu.d.ts.map +1 -1
- package/dist/components/ui/navigation-menu/navigation-menu.js +17 -16
- package/dist/components/ui/navigation-menu/navigation-menu.js.map +1 -1
- package/dist/components/ui/navigation-tabs/navigation-tabs.d.ts +6 -3
- package/dist/components/ui/navigation-tabs/navigation-tabs.d.ts.map +1 -1
- package/dist/components/ui/navigation-tabs/navigation-tabs.js +16 -4
- package/dist/components/ui/navigation-tabs/navigation-tabs.js.map +1 -1
- package/dist/components/ui/popover/popover.d.ts +8 -10
- package/dist/components/ui/popover/popover.d.ts.map +1 -1
- package/dist/components/ui/popover/popover.js +12 -6
- package/dist/components/ui/popover/popover.js.map +1 -1
- package/dist/components/ui/scroll-area/scroll-area.d.ts +3 -4
- package/dist/components/ui/scroll-area/scroll-area.d.ts.map +1 -1
- package/dist/components/ui/scroll-area/scroll-area.js +2 -4
- package/dist/components/ui/scroll-area/scroll-area.js.map +1 -1
- package/dist/components/ui/select/select.d.ts +12 -17
- package/dist/components/ui/select/select.d.ts.map +1 -1
- package/dist/components/ui/select/select.js +20 -30
- package/dist/components/ui/select/select.js.map +1 -1
- package/dist/components/ui/select-field/select-field.d.ts +1 -0
- package/dist/components/ui/select-field/select-field.d.ts.map +1 -1
- package/dist/components/ui/select-field/select-field.js +6 -12
- package/dist/components/ui/select-field/select-field.js.map +1 -1
- package/dist/components/ui/separator/separator.d.ts +2 -3
- package/dist/components/ui/separator/separator.d.ts.map +1 -1
- package/dist/components/ui/separator/separator.js +3 -3
- package/dist/components/ui/separator/separator.js.map +1 -1
- package/dist/components/ui/sheet/sheet.d.ts +11 -11
- package/dist/components/ui/sheet/sheet.d.ts.map +1 -1
- package/dist/components/ui/sheet/sheet.js +7 -10
- package/dist/components/ui/sheet/sheet.js.map +1 -1
- package/dist/components/ui/sidebar/sidebar.d.ts +6 -12
- package/dist/components/ui/sidebar/sidebar.d.ts.map +1 -1
- package/dist/components/ui/sidebar/sidebar.js +79 -28
- package/dist/components/ui/sidebar/sidebar.js.map +1 -1
- package/dist/components/ui/skeleton/skeleton.js +1 -1
- package/dist/components/ui/skeleton/skeleton.js.map +1 -1
- package/dist/components/ui/slider/slider.d.ts +13 -0
- package/dist/components/ui/slider/slider.d.ts.map +1 -0
- package/dist/components/ui/slider/slider.js +22 -0
- package/dist/components/ui/slider/slider.js.map +1 -0
- package/dist/components/ui/spinner/spinner.d.ts +10 -0
- package/dist/components/ui/spinner/spinner.d.ts.map +1 -0
- package/dist/components/ui/spinner/spinner.js +13 -0
- package/dist/components/ui/spinner/spinner.js.map +1 -0
- package/dist/components/ui/switch/switch.d.ts +7 -3
- package/dist/components/ui/switch/switch.d.ts.map +1 -1
- package/dist/components/ui/switch/switch.js +6 -3
- package/dist/components/ui/switch/switch.js.map +1 -1
- package/dist/components/ui/switch-field/switch-field.d.ts +5 -3
- package/dist/components/ui/switch-field/switch-field.d.ts.map +1 -1
- package/dist/components/ui/switch-field/switch-field.js +7 -4
- package/dist/components/ui/switch-field/switch-field.js.map +1 -1
- package/dist/components/ui/tabs/tabs.d.ts +13 -7
- package/dist/components/ui/tabs/tabs.d.ts.map +1 -1
- package/dist/components/ui/tabs/tabs.js +23 -8
- package/dist/components/ui/tabs/tabs.js.map +1 -1
- package/dist/components/ui/textarea/textarea.js +1 -1
- package/dist/components/ui/textarea/textarea.js.map +1 -1
- package/dist/components/ui/textarea-field/textarea-field.d.ts.map +1 -1
- package/dist/components/ui/textarea-field/textarea-field.js +7 -5
- package/dist/components/ui/textarea-field/textarea-field.js.map +1 -1
- package/dist/components/ui/tooltip/tooltip.d.ts +10 -6
- package/dist/components/ui/tooltip/tooltip.d.ts.map +1 -1
- package/dist/components/ui/tooltip/tooltip.js +11 -6
- package/dist/components/ui/tooltip/tooltip.js.map +1 -1
- package/dist/constants/strings.d.ts +1 -0
- package/dist/constants/strings.d.ts.map +1 -1
- package/dist/constants/strings.js +1 -0
- package/dist/constants/strings.js.map +1 -1
- package/dist/contexts/component-strings.d.ts +1 -0
- package/dist/contexts/component-strings.d.ts.map +1 -1
- package/dist/hooks/use-event-callback.d.ts +2 -2
- package/dist/hooks/use-event-callback.d.ts.map +1 -1
- package/dist/hooks/use-event-callback.js +2 -1
- package/dist/hooks/use-event-callback.js.map +1 -1
- package/dist/styles/button.d.ts +1 -1
- package/dist/styles/button.d.ts.map +1 -1
- package/dist/styles/button.js +15 -11
- package/dist/styles/button.js.map +1 -1
- package/dist/styles/index.d.ts +0 -1
- package/dist/styles/index.d.ts.map +1 -1
- package/dist/styles/index.js +0 -1
- package/dist/styles/index.js.map +1 -1
- package/dist/theme.css +8 -0
- package/dist/utilities.css +100 -0
- package/package.json +10 -10
- package/dist/components/ui/color-picker/color-picker.d.ts +0 -16
- package/dist/components/ui/color-picker/color-picker.d.ts.map +0 -1
- package/dist/components/ui/color-picker/color-picker.js +0 -19
- package/dist/components/ui/color-picker/color-picker.js.map +0 -1
- package/dist/components/ui/combobox/combobox.test.d.ts +0 -2
- package/dist/components/ui/combobox/combobox.test.d.ts.map +0 -1
- package/dist/components/ui/combobox/combobox.test.js +0 -148
- package/dist/components/ui/combobox/combobox.test.js.map +0 -1
- package/dist/components/ui/command/command.d.ts +0 -22
- package/dist/components/ui/command/command.d.ts.map +0 -1
- package/dist/components/ui/command/command.js +0 -40
- package/dist/components/ui/command/command.js.map +0 -1
- package/dist/components/ui/multi-combobox/multi-combobox.d.ts +0 -47
- package/dist/components/ui/multi-combobox/multi-combobox.d.ts.map +0 -1
- package/dist/components/ui/multi-combobox/multi-combobox.js +0 -114
- package/dist/components/ui/multi-combobox/multi-combobox.js.map +0 -1
- package/dist/styles/select.d.ts +0 -9
- package/dist/styles/select.d.ts.map +0 -1
- package/dist/styles/select.js +0 -22
- package/dist/styles/select.js.map +0 -1
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
3
|
+
import { Autocomplete as AutocompletePrimitive } from '@base-ui/react/autocomplete';
|
|
4
|
+
import { MdClose, MdUnfoldMore } from 'react-icons/md';
|
|
5
|
+
import { cn } from '#src/utils/index.js';
|
|
6
|
+
import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, } from '../input-group/input-group.js';
|
|
7
|
+
import { Spinner } from '../spinner/spinner.js';
|
|
8
|
+
/**
|
|
9
|
+
* An autocomplete input that allows users to filter a list of suggestions
|
|
10
|
+
* while accepting free-form text input.
|
|
11
|
+
*
|
|
12
|
+
* Unlike Combobox, Autocomplete does not enforce selection — the input
|
|
13
|
+
* accepts any value, and suggestions are optional aids.
|
|
14
|
+
*
|
|
15
|
+
* https://base-ui.com/react/components/autocomplete
|
|
16
|
+
*/
|
|
17
|
+
const Autocomplete = AutocompletePrimitive.Root;
|
|
18
|
+
function AutocompleteValue({ ...props }) {
|
|
19
|
+
return (_jsx(AutocompletePrimitive.Value, { "data-slot": "autocomplete-value", ...props }));
|
|
20
|
+
}
|
|
21
|
+
function AutocompleteTrigger({ className, children, ...props }) {
|
|
22
|
+
return (_jsxs(AutocompletePrimitive.Trigger, { "data-slot": "autocomplete-trigger", className: cn("[&_svg:not([class*='size-'])]:size-4", className), ...props, children: [children, _jsx(MdUnfoldMore, { className: "pointer-events-none size-4 text-muted-foreground" })] }));
|
|
23
|
+
}
|
|
24
|
+
function AutocompleteClear({ className, ...props }) {
|
|
25
|
+
return (_jsx(AutocompletePrimitive.Clear, { "data-slot": "autocomplete-clear", render: _jsx(InputGroupButton, { variant: "ghost", size: "icon-xs" }), className: cn(className), ...props, children: _jsx(MdClose, { className: "pointer-events-none" }) }));
|
|
26
|
+
}
|
|
27
|
+
function AutocompleteInput({ className, children, disabled = false, showTrigger = false, showClear = false, showSpinner = false, ...props }) {
|
|
28
|
+
return (_jsxs(InputGroup, { className: cn('w-auto', className), children: [_jsx(AutocompletePrimitive.Input, { render: _jsx(InputGroupInput, { disabled: disabled }), ...props }), _jsx(InputGroupAddon, { align: "inline-end", children: showSpinner ? (_jsx("div", { className: "flex size-5 items-center justify-center", children: _jsx(Spinner, { className: "size-3.5 text-muted-foreground" }) })) : (_jsxs(_Fragment, { children: [showTrigger && (_jsx(InputGroupButton, { size: "icon-xs", variant: "ghost", render: _jsx(AutocompleteTrigger, {}), "data-slot": "input-group-button", className: "group-has-data-[slot=autocomplete-clear]/input-group:hidden data-pressed:bg-transparent", disabled: disabled })), showClear && _jsx(AutocompleteClear, { disabled: disabled }), !showTrigger && !showClear && (_jsx("div", { className: "size-5", "aria-hidden": "true" }))] })) }), children] }));
|
|
29
|
+
}
|
|
30
|
+
function AutocompleteContent({ className, side = 'bottom', sideOffset = 6, align = 'start', alignOffset = 0, anchor, ...props }) {
|
|
31
|
+
return (_jsx(AutocompletePrimitive.Portal, { children: _jsx(AutocompletePrimitive.Positioner, { side: side, sideOffset: sideOffset, align: align, alignOffset: alignOffset, anchor: anchor, className: "isolate z-50", children: _jsx(AutocompletePrimitive.Popup, { "data-slot": "autocomplete-content", className: cn('group/autocomplete-content relative max-h-(--available-height) w-(--anchor-width) max-w-(--available-width) min-w-[calc(var(--anchor-width)+--spacing(7))] origin-(--transform-origin) overflow-hidden rounded-lg bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-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 *:data-[slot=input-group]:m-1 *:data-[slot=input-group]:mb-0 *:data-[slot=input-group]:h-8 *:data-[slot=input-group]:border-input/30 *:data-[slot=input-group]:bg-input/30 *:data-[slot=input-group]:shadow-none data-open:animate-in data-open:fade-in-0', className), ...props }) }) }));
|
|
32
|
+
}
|
|
33
|
+
function AutocompleteList({ className, ...props }) {
|
|
34
|
+
return (_jsx(AutocompletePrimitive.List, { "data-slot": "autocomplete-list", className: cn('max-h-[min(calc(--spacing(72)---spacing(9)),calc(var(--available-height)---spacing(9)))] scroll-py-1 overflow-y-auto overscroll-contain p-1 data-empty:p-0', className), ...props }));
|
|
35
|
+
}
|
|
36
|
+
function AutocompleteItem({ className, children, ...props }) {
|
|
37
|
+
return (_jsx(AutocompletePrimitive.Item, { "data-slot": "autocomplete-item", className: cn("relative flex w-full cursor-default items-center gap-2 rounded-md px-1.5 py-1 text-sm outline-hidden select-none data-highlighted:bg-accent data-highlighted:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className), ...props, children: children }));
|
|
38
|
+
}
|
|
39
|
+
function AutocompleteGroup({ className, ...props }) {
|
|
40
|
+
return (_jsx(AutocompletePrimitive.Group, { "data-slot": "autocomplete-group", className: cn(className), ...props }));
|
|
41
|
+
}
|
|
42
|
+
function AutocompleteLabel({ className, ...props }) {
|
|
43
|
+
return (_jsx(AutocompletePrimitive.GroupLabel, { "data-slot": "autocomplete-label", className: cn('px-2 py-1.5 text-xs text-muted-foreground', className), ...props }));
|
|
44
|
+
}
|
|
45
|
+
function AutocompleteCollection({ ...props }) {
|
|
46
|
+
return (_jsx(AutocompletePrimitive.Collection, { "data-slot": "autocomplete-collection", ...props }));
|
|
47
|
+
}
|
|
48
|
+
function AutocompleteEmpty({ className, ...props }) {
|
|
49
|
+
return (_jsx(AutocompletePrimitive.Empty, { "data-slot": "autocomplete-empty", className: cn('hidden w-full justify-center py-2 text-center text-sm text-muted-foreground group-data-empty/autocomplete-content:flex', className), ...props }));
|
|
50
|
+
}
|
|
51
|
+
function AutocompleteStatus({ className, ...props }) {
|
|
52
|
+
return (_jsx(AutocompletePrimitive.Status, { "data-slot": "autocomplete-status", className: cn('flex items-center justify-center p-2 text-sm text-muted-foreground', className), ...props }));
|
|
53
|
+
}
|
|
54
|
+
function AutocompleteSeparator({ className, ...props }) {
|
|
55
|
+
return (_jsx(AutocompletePrimitive.Separator, { "data-slot": "autocomplete-separator", className: cn('-mx-1 my-1 h-px bg-border', className), ...props }));
|
|
56
|
+
}
|
|
57
|
+
const useAutocompleteFilter = AutocompletePrimitive.useFilter;
|
|
58
|
+
export { Autocomplete, AutocompleteClear, AutocompleteCollection, AutocompleteContent, AutocompleteEmpty, AutocompleteGroup, AutocompleteInput, AutocompleteItem, AutocompleteLabel, AutocompleteList, AutocompleteSeparator, AutocompleteStatus, AutocompleteTrigger, AutocompleteValue, useAutocompleteFilter, };
|
|
59
|
+
//# sourceMappingURL=autocomplete.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"autocomplete.js","sourceRoot":"","sources":["../../../../src/components/ui/autocomplete/autocomplete.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,21 +1,14 @@
|
|
|
1
1
|
import type { VariantProps } from 'class-variance-authority';
|
|
2
2
|
import type React from 'react';
|
|
3
|
+
import { useRender } from '@base-ui/react/use-render';
|
|
3
4
|
declare const badgeVariants: (props?: ({
|
|
4
|
-
variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
|
|
5
|
+
variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
|
|
5
6
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
6
7
|
/**
|
|
7
8
|
* Displays a badge or a component that looks like a badge.
|
|
8
9
|
*
|
|
9
|
-
* -- Added BadgeWithIcon variation
|
|
10
|
-
*
|
|
11
10
|
* https://ui.shadcn.com/docs/components/badge
|
|
12
11
|
*/
|
|
13
|
-
declare function Badge({ className, variant,
|
|
14
|
-
|
|
15
|
-
}): React.ReactElement;
|
|
16
|
-
export interface BadgeWithIconProps extends React.ComponentProps<typeof Badge> {
|
|
17
|
-
icon?: (props: React.SVGProps<SVGSVGElement>) => React.ReactNode;
|
|
18
|
-
}
|
|
19
|
-
declare function BadgeWithIcon({ icon: Icon, className, children, ...rest }: BadgeWithIconProps): React.JSX.Element;
|
|
20
|
-
export { Badge, badgeVariants, BadgeWithIcon };
|
|
12
|
+
declare function Badge({ className, variant, render, ...props }: useRender.ComponentProps<'span'> & VariantProps<typeof badgeVariants>): React.ReactElement;
|
|
13
|
+
export { Badge, badgeVariants };
|
|
21
14
|
//# sourceMappingURL=badge.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/badge/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/badge/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAKtD,QAAA,MAAM,aAAa;;8EAqBlB,CAAC;AAEF;;;;GAIG;AACH,iBAAS,KAAK,CAAC,EACb,SAAS,EACT,OAAmB,EACnB,MAAM,EACN,GAAG,KAAK,EACT,EAAE,SAAS,CAAC,cAAc,CAAC,MAAM,CAAC,GACjC,YAAY,CAAC,OAAO,aAAa,CAAC,GAAG,KAAK,CAAC,YAAY,CAexD;AAED,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC"}
|
|
@@ -1,14 +1,16 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { mergeProps } from '@base-ui/react/merge-props';
|
|
2
|
+
import { useRender } from '@base-ui/react/use-render';
|
|
2
3
|
import { cva } from 'class-variance-authority';
|
|
3
|
-
import { Slot } from 'radix-ui';
|
|
4
4
|
import { cn } from '#src/utils/index.js';
|
|
5
|
-
const badgeVariants = cva('inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-
|
|
5
|
+
const badgeVariants = cva('group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3!', {
|
|
6
6
|
variants: {
|
|
7
7
|
variant: {
|
|
8
|
-
default: '
|
|
9
|
-
secondary: '
|
|
10
|
-
destructive: '
|
|
11
|
-
outline: 'text-foreground [a&]:hover:bg-
|
|
8
|
+
default: 'bg-primary text-primary-foreground [a&]:hover:bg-primary/80',
|
|
9
|
+
secondary: 'bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/80',
|
|
10
|
+
destructive: 'bg-destructive/10 text-destructive focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:focus-visible:ring-destructive/40 [a&]:hover:bg-destructive/20',
|
|
11
|
+
outline: 'border-border text-foreground [a&]:hover:bg-muted [a&]:hover:text-muted-foreground',
|
|
12
|
+
ghost: 'hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50',
|
|
13
|
+
link: 'text-primary underline-offset-4 hover:underline',
|
|
12
14
|
},
|
|
13
15
|
},
|
|
14
16
|
defaultVariants: {
|
|
@@ -18,16 +20,20 @@ const badgeVariants = cva('inline-flex w-fit shrink-0 items-center justify-cente
|
|
|
18
20
|
/**
|
|
19
21
|
* Displays a badge or a component that looks like a badge.
|
|
20
22
|
*
|
|
21
|
-
* -- Added BadgeWithIcon variation
|
|
22
|
-
*
|
|
23
23
|
* https://ui.shadcn.com/docs/components/badge
|
|
24
24
|
*/
|
|
25
|
-
function Badge({ className, variant
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
25
|
+
function Badge({ className, variant = 'default', render, ...props }) {
|
|
26
|
+
return useRender({
|
|
27
|
+
defaultTagName: 'span',
|
|
28
|
+
props: mergeProps({
|
|
29
|
+
className: cn(badgeVariants({ variant }), className),
|
|
30
|
+
}, props),
|
|
31
|
+
render,
|
|
32
|
+
state: {
|
|
33
|
+
slot: 'badge',
|
|
34
|
+
variant,
|
|
35
|
+
},
|
|
36
|
+
});
|
|
31
37
|
}
|
|
32
|
-
export { Badge, badgeVariants
|
|
38
|
+
export { Badge, badgeVariants };
|
|
33
39
|
//# sourceMappingURL=badge.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"badge.js","sourceRoot":"","sources":["../../../../src/components/ui/badge/badge.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"badge.js","sourceRoot":"","sources":["../../../../src/components/ui/badge/badge.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAE/C,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAEzC,MAAM,aAAa,GAAG,GAAG,CACvB,4eAA4e,EAC5e;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,6DAA6D;YACtE,SAAS,EACP,mEAAmE;YACrE,WAAW,EACT,iKAAiK;YACnK,OAAO,EACL,oFAAoF;YACtF,KAAK,EACH,mEAAmE;YACrE,IAAI,EAAE,iDAAiD;SACxD;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;KACnB;CACF,CACF,CAAC;AAEF;;;;GAIG;AACH,SAAS,KAAK,CAAC,EACb,SAAS,EACT,OAAO,GAAG,SAAS,EACnB,MAAM,EACN,GAAG,KAAK,EAE0B;IAClC,OAAO,SAAS,CAAC;QACf,cAAc,EAAE,MAAM;QACtB,KAAK,EAAE,UAAU,CACf;YACE,SAAS,EAAE,EAAE,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,CAAC;SACrD,EACD,KAAK,CACN;QACD,MAAM;QACN,KAAK,EAAE;YACL,IAAI,EAAE,OAAO;YACb,OAAO;SACR;KACF,CAAC,CAAC;AACL,CAAC;AAED,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC"}
|
|
@@ -1,10 +1,14 @@
|
|
|
1
1
|
import type * as React from 'react';
|
|
2
|
-
|
|
2
|
+
import { useRender } from '@base-ui/react/use-render';
|
|
3
|
+
/**
|
|
4
|
+
* Displays a breadcrumb navigation.
|
|
5
|
+
*
|
|
6
|
+
* https://ui.shadcn.com/docs/components/breadcrumb
|
|
7
|
+
*/
|
|
8
|
+
declare function Breadcrumb({ className, ...props }: React.ComponentProps<'nav'>): React.ReactElement;
|
|
3
9
|
declare function BreadcrumbList({ className, ...props }: React.ComponentProps<'ol'>): React.ReactElement;
|
|
4
10
|
declare function BreadcrumbItem({ className, ...props }: React.ComponentProps<'li'>): React.ReactElement;
|
|
5
|
-
declare function BreadcrumbLink({
|
|
6
|
-
asChild?: boolean;
|
|
7
|
-
}): React.ReactElement;
|
|
11
|
+
declare function BreadcrumbLink({ className, render, children, ...props }: useRender.ComponentProps<'a'>): React.ReactElement;
|
|
8
12
|
declare function BreadcrumbPage({ className, ...props }: React.ComponentProps<'span'>): React.ReactElement;
|
|
9
13
|
declare function BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<'li'>): React.ReactElement;
|
|
10
14
|
declare function BreadcrumbEllipsis({ className, ...props }: React.ComponentProps<'span'>): React.ReactElement;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"breadcrumb.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/breadcrumb/breadcrumb.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"breadcrumb.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/breadcrumb/breadcrumb.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAGpC,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAKtD;;;;GAIG;AACH,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,YAAY,CASlD;AAED,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,YAAY,CAWjD;AAED,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,YAAY,CAQjD;AAED,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,MAAM,EACN,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,SAAS,CAAC,cAAc,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,YAAY,CAepD;AAED,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,GAAG,KAAK,CAAC,YAAY,CAWnD;AAED,iBAAS,mBAAmB,CAAC,EAC3B,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,YAAY,CAYjD;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,GAAG,KAAK,CAAC,YAAY,CAgBnD;AAED,OAAO,EACL,UAAU,EACV,kBAAkB,EAClB,cAAc,EACd,cAAc,EACd,cAAc,EACd,cAAc,EACd,mBAAmB,GACpB,CAAC"}
|
|
@@ -1,19 +1,34 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import {
|
|
2
|
+
import { mergeProps } from '@base-ui/react/merge-props';
|
|
3
|
+
import { useRender } from '@base-ui/react/use-render';
|
|
3
4
|
import { MdChevronRight, MdMoreHoriz } from 'react-icons/md';
|
|
4
5
|
import { cn } from '#src/utils/index.js';
|
|
5
|
-
|
|
6
|
-
|
|
6
|
+
/**
|
|
7
|
+
* Displays a breadcrumb navigation.
|
|
8
|
+
*
|
|
9
|
+
* https://ui.shadcn.com/docs/components/breadcrumb
|
|
10
|
+
*/
|
|
11
|
+
function Breadcrumb({ className, ...props }) {
|
|
12
|
+
return (_jsx("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", className: cn(className), ...props }));
|
|
7
13
|
}
|
|
8
14
|
function BreadcrumbList({ className, ...props }) {
|
|
9
|
-
return (_jsx("ol", { "data-slot": "breadcrumb-list", className: cn('flex flex-wrap items-center gap-1.5 text-sm break-
|
|
15
|
+
return (_jsx("ol", { "data-slot": "breadcrumb-list", className: cn('flex flex-wrap items-center gap-1.5 text-sm wrap-break-word text-muted-foreground', className), ...props }));
|
|
10
16
|
}
|
|
11
17
|
function BreadcrumbItem({ className, ...props }) {
|
|
12
|
-
return (_jsx("li", { "data-slot": "breadcrumb-item", className: cn('inline-flex items-center gap-1
|
|
18
|
+
return (_jsx("li", { "data-slot": "breadcrumb-item", className: cn('inline-flex items-center gap-1', className), ...props }));
|
|
13
19
|
}
|
|
14
|
-
function BreadcrumbLink({
|
|
15
|
-
|
|
16
|
-
|
|
20
|
+
function BreadcrumbLink({ className, render, children, ...props }) {
|
|
21
|
+
return useRender({
|
|
22
|
+
defaultTagName: 'a',
|
|
23
|
+
props: mergeProps({
|
|
24
|
+
className: cn('transition-colors hover:text-foreground', className),
|
|
25
|
+
children,
|
|
26
|
+
}, props),
|
|
27
|
+
render,
|
|
28
|
+
state: {
|
|
29
|
+
slot: 'breadcrumb-link',
|
|
30
|
+
},
|
|
31
|
+
});
|
|
17
32
|
}
|
|
18
33
|
function BreadcrumbPage({ className, ...props }) {
|
|
19
34
|
return (_jsx("span", { "data-slot": "breadcrumb-page", role: "link", "aria-disabled": "true", "aria-current": "page", className: cn('font-normal text-foreground', className), ...props }));
|
|
@@ -22,7 +37,7 @@ function BreadcrumbSeparator({ children, className, ...props }) {
|
|
|
22
37
|
return (_jsx("li", { "data-slot": "breadcrumb-separator", role: "presentation", "aria-hidden": "true", className: cn('[&>svg]:size-3.5', className), ...props, children: children ?? _jsx(MdChevronRight, {}) }));
|
|
23
38
|
}
|
|
24
39
|
function BreadcrumbEllipsis({ className, ...props }) {
|
|
25
|
-
return (_jsxs("span", { "data-slot": "breadcrumb-ellipsis", role: "presentation", "aria-hidden": "true", className: cn('flex size-
|
|
40
|
+
return (_jsxs("span", { "data-slot": "breadcrumb-ellipsis", role: "presentation", "aria-hidden": "true", className: cn('flex size-5 items-center justify-center [&>svg]:size-4', className), ...props, children: [_jsx(MdMoreHoriz, {}), _jsx("span", { className: "sr-only", children: "More" })] }));
|
|
26
41
|
}
|
|
27
42
|
export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, };
|
|
28
43
|
//# sourceMappingURL=breadcrumb.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"breadcrumb.js","sourceRoot":"","sources":["../../../../src/components/ui/breadcrumb/breadcrumb.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"breadcrumb.js","sourceRoot":"","sources":["../../../../src/components/ui/breadcrumb/breadcrumb.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7D,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAEzC;;;;GAIG;AACH,SAAS,UAAU,CAAC,EAClB,SAAS,EACT,GAAG,KAAK,EACoB;IAC5B,OAAO,CACL,4BACa,YAAY,eACb,YAAY,EACtB,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,KACpB,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,SAAS,cAAc,CAAC,EACtB,SAAS,EACT,GAAG,KAAK,EACmB;IAC3B,OAAO,CACL,0BACY,iBAAiB,EAC3B,SAAS,EAAE,EAAE,CACX,mFAAmF,EACnF,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,SAAS,cAAc,CAAC,EACtB,SAAS,EACT,GAAG,KAAK,EACmB;IAC3B,OAAO,CACL,0BACY,iBAAiB,EAC3B,SAAS,EAAE,EAAE,CAAC,gCAAgC,EAAE,SAAS,CAAC,KACtD,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,SAAS,cAAc,CAAC,EACtB,SAAS,EACT,MAAM,EACN,QAAQ,EACR,GAAG,KAAK,EACsB;IAC9B,OAAO,SAAS,CAAC;QACf,cAAc,EAAE,GAAG;QACnB,KAAK,EAAE,UAAU,CACf;YACE,SAAS,EAAE,EAAE,CAAC,yCAAyC,EAAE,SAAS,CAAC;YACnE,QAAQ;SACT,EACD,KAAK,CACN;QACD,MAAM;QACN,KAAK,EAAE;YACL,IAAI,EAAE,iBAAiB;SACxB;KACF,CAAC,CAAC;AACL,CAAC;AAED,SAAS,cAAc,CAAC,EACtB,SAAS,EACT,GAAG,KAAK,EACqB;IAC7B,OAAO,CACL,4BACY,iBAAiB,EAC3B,IAAI,EAAC,MAAM,mBACG,MAAM,kBACP,MAAM,EACnB,SAAS,EAAE,EAAE,CAAC,6BAA6B,EAAE,SAAS,CAAC,KACnD,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,SAAS,mBAAmB,CAAC,EAC3B,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACmB;IAC3B,OAAO,CACL,0BACY,sBAAsB,EAChC,IAAI,EAAC,cAAc,iBACP,MAAM,EAClB,SAAS,EAAE,EAAE,CAAC,kBAAkB,EAAE,SAAS,CAAC,KACxC,KAAK,YAER,QAAQ,IAAI,KAAC,cAAc,KAAG,GAC5B,CACN,CAAC;AACJ,CAAC;AAED,SAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACqB;IAC7B,OAAO,CACL,6BACY,qBAAqB,EAC/B,IAAI,EAAC,cAAc,iBACP,MAAM,EAClB,SAAS,EAAE,EAAE,CACX,wDAAwD,EACxD,SAAS,CACV,KACG,KAAK,aAET,KAAC,WAAW,KAAG,EACf,eAAM,SAAS,EAAC,SAAS,qBAAY,IAChC,CACR,CAAC;AACJ,CAAC;AAED,OAAO,EACL,UAAU,EACV,kBAAkB,EAClB,cAAc,EACd,cAAc,EACd,cAAc,EACd,cAAc,EACd,mBAAmB,GACpB,CAAC"}
|
|
@@ -1,23 +1,23 @@
|
|
|
1
1
|
import type { VariantProps } from 'class-variance-authority';
|
|
2
2
|
import type * as React from 'react';
|
|
3
|
+
import { Button as ButtonPrimitive } from '@base-ui/react/button';
|
|
3
4
|
import { buttonVariants } from '#src/styles/index.js';
|
|
4
|
-
export interface ButtonProps extends
|
|
5
|
-
asChild?: boolean;
|
|
5
|
+
export interface ButtonProps extends ButtonPrimitive.Props, VariantProps<typeof buttonVariants> {
|
|
6
6
|
}
|
|
7
7
|
/**
|
|
8
8
|
* Displays a button or a component that looks like a button.
|
|
9
9
|
*
|
|
10
|
+
* ShadCN changes:
|
|
10
11
|
* - Added ghostDestructive variant
|
|
11
12
|
* - Updated link variant to use primary color
|
|
12
13
|
* - Added linkDestructive variant
|
|
13
14
|
* - Added ability to set no size to the button
|
|
14
15
|
* - Added ability to set justify to the button
|
|
15
|
-
* - Default to type="button" if not provided
|
|
16
16
|
*
|
|
17
17
|
* https://ui.shadcn.com/docs/components/button
|
|
18
18
|
*/
|
|
19
|
-
declare function Button({ className, variant, size, justify,
|
|
20
|
-
|
|
19
|
+
declare function Button({ className, variant, size, justify, ...props }: React.ComponentProps<'button'> & VariantProps<typeof buttonVariants> & {
|
|
20
|
+
render?: ButtonPrimitive.Props['render'];
|
|
21
21
|
}): React.ReactElement;
|
|
22
22
|
export { Button };
|
|
23
23
|
//# sourceMappingURL=button.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAElE,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAGtD,MAAM,WAAW,WACf,SAAQ,eAAe,CAAC,KAAK,EAAE,YAAY,CAAC,OAAO,cAAc,CAAC;CAAG;AAEvE;;;;;;;;;;;GAWG;AACH,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,OAAO,EACP,IAAI,EACJ,OAAO,EACP,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,GAC/B,YAAY,CAAC,OAAO,cAAc,CAAC,GAAG;IACpC,MAAM,CAAC,EAAE,eAAe,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;CAC1C,GAAG,KAAK,CAAC,YAAY,CAQvB;AAED,OAAO,EAAE,MAAM,EAAE,CAAC"}
|
|
@@ -1,22 +1,21 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import {
|
|
2
|
+
import { Button as ButtonPrimitive } from '@base-ui/react/button';
|
|
3
3
|
import { buttonVariants } from '#src/styles/index.js';
|
|
4
4
|
import { cn } from '#src/utils/index.js';
|
|
5
5
|
/**
|
|
6
6
|
* Displays a button or a component that looks like a button.
|
|
7
7
|
*
|
|
8
|
+
* ShadCN changes:
|
|
8
9
|
* - Added ghostDestructive variant
|
|
9
10
|
* - Updated link variant to use primary color
|
|
10
11
|
* - Added linkDestructive variant
|
|
11
12
|
* - Added ability to set no size to the button
|
|
12
13
|
* - Added ability to set justify to the button
|
|
13
|
-
* - Default to type="button" if not provided
|
|
14
14
|
*
|
|
15
15
|
* https://ui.shadcn.com/docs/components/button
|
|
16
16
|
*/
|
|
17
|
-
function Button({ className, variant, size, justify,
|
|
18
|
-
|
|
19
|
-
return (_jsx(Comp, { "data-slot": "button", className: cn(buttonVariants({ variant, size, justify, className })), type: type, ...props }));
|
|
17
|
+
function Button({ className, variant, size, justify, ...props }) {
|
|
18
|
+
return (_jsx(ButtonPrimitive, { "data-slot": "button", className: cn(buttonVariants({ variant, size, justify, className })), ...props }));
|
|
20
19
|
}
|
|
21
20
|
export { Button };
|
|
22
21
|
//# sourceMappingURL=button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../../src/components/ui/button/button.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,IAAI,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../../src/components/ui/button/button.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAElE,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAKzC;;;;;;;;;;;GAWG;AACH,SAAS,MAAM,CAAC,EACd,SAAS,EACT,OAAO,EACP,IAAI,EACJ,OAAO,EACP,GAAG,KAAK,EAIP;IACD,OAAO,CACL,KAAC,eAAe,iBACJ,QAAQ,EAClB,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,CAAC,KAChE,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,MAAM,EAAE,CAAC"}
|
|
@@ -1,10 +1,9 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { Checkbox as CheckboxPrimitive } from 'radix-ui';
|
|
1
|
+
import { Checkbox as CheckboxPrimitive } from '@base-ui/react/checkbox';
|
|
3
2
|
/**
|
|
4
3
|
* A control that allows the user to toggle between checked and not checked.
|
|
5
4
|
*
|
|
6
5
|
* https://ui.shadcn.com/docs/components/checkbox
|
|
7
6
|
*/
|
|
8
|
-
declare function Checkbox({ className, ...props }:
|
|
7
|
+
declare function Checkbox({ className, ...props }: CheckboxPrimitive.Root.Props): React.ReactElement;
|
|
9
8
|
export { Checkbox };
|
|
10
9
|
//# sourceMappingURL=checkbox.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/checkbox/checkbox.tsx"],"names":[],"mappings":"AAEA,OAAO,
|
|
1
|
+
{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/checkbox/checkbox.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAKxE;;;;GAIG;AACH,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,iBAAiB,CAAC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,YAAY,CAkBnD;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
-
import { Checkbox as CheckboxPrimitive } from '
|
|
3
|
+
import { Checkbox as CheckboxPrimitive } from '@base-ui/react/checkbox';
|
|
4
4
|
import { MdCheck } from 'react-icons/md';
|
|
5
5
|
import { cn } from '#src/utils/index.js';
|
|
6
6
|
/**
|
|
@@ -9,7 +9,7 @@ import { cn } from '#src/utils/index.js';
|
|
|
9
9
|
* https://ui.shadcn.com/docs/components/checkbox
|
|
10
10
|
*/
|
|
11
11
|
function Checkbox({ className, ...props }) {
|
|
12
|
-
return (_jsx(CheckboxPrimitive.Root, { "data-slot": "checkbox", className: cn('peer size-4 shrink-0 rounded-[4px] border border-input
|
|
12
|
+
return (_jsx(CheckboxPrimitive.Root, { "data-slot": "checkbox", className: cn('peer relative flex size-4 shrink-0 items-center justify-center rounded-[4px] border border-input transition-colors outline-none group-has-disabled/field:opacity-50 after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 aria-invalid:aria-checked:border-primary dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary', className), ...props, children: _jsx(CheckboxPrimitive.Indicator, { "data-slot": "checkbox-indicator", className: "grid place-content-center text-current transition-none [&>svg]:size-3.5", children: _jsx(MdCheck, {}) }) }));
|
|
13
13
|
}
|
|
14
14
|
export { Checkbox };
|
|
15
15
|
//# sourceMappingURL=checkbox.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../../src/components/ui/checkbox/checkbox.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;
|
|
1
|
+
{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../../src/components/ui/checkbox/checkbox.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AACxE,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAEzC,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAEzC;;;;GAIG;AACH,SAAS,QAAQ,CAAC,EAChB,SAAS,EACT,GAAG,KAAK,EACqB;IAC7B,OAAO,CACL,KAAC,iBAAiB,CAAC,IAAI,iBACX,UAAU,EACpB,SAAS,EAAE,EAAE,CACX,mqBAAmqB,EACnqB,SAAS,CACV,KACG,KAAK,YAET,KAAC,iBAAiB,CAAC,SAAS,iBAChB,oBAAoB,EAC9B,SAAS,EAAC,yEAAyE,YAEnF,KAAC,OAAO,KAAG,GACiB,GACP,CAC1B,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import type { ComponentPropsWithRef } from 'react';
|
|
2
|
-
import type React from 'react';
|
|
3
2
|
import type { Control, FieldPath, FieldValues } from 'react-hook-form';
|
|
3
|
+
import * as React from 'react';
|
|
4
4
|
import type { FormFieldProps } from '#src/types/form.js';
|
|
5
|
-
interface CheckboxFieldProps extends Omit<ComponentPropsWithRef<'
|
|
5
|
+
interface CheckboxFieldProps extends Omit<ComponentPropsWithRef<'span'>, 'onCheckedChange' | 'checked' | 'onChange' | 'value'>, FormFieldProps {
|
|
6
6
|
onChange?: (value: boolean) => void;
|
|
7
7
|
value?: boolean;
|
|
8
8
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox-field.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/checkbox-field/checkbox-field.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"checkbox-field.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/checkbox-field/checkbox-field.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEvE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAazD,UAAU,kBACR,SACE,IAAI,CACF,qBAAqB,CAAC,MAAM,CAAC,EAC7B,iBAAiB,GAAG,SAAS,GAAG,UAAU,GAAG,OAAO,CACrD,EACD,cAAc;IAChB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACpC,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED;;GAEG;AACH,iBAAS,aAAa,CAAC,EACrB,KAAK,EACL,WAAW,EACX,KAAK,EACL,QAAQ,EACR,KAAK,EACL,SAAS,EACT,GAAG,KAAK,EACT,EAAE,kBAAkB,GAAG,KAAK,CAAC,YAAY,CA8BzC;AAED,UAAU,4BAA4B,CACpC,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,UAAU,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,CACpE,SAAQ,IAAI,CAAC,kBAAkB,EAAE,OAAO,CAAC;IACzC,OAAO,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAC/B,IAAI,EAAE,UAAU,CAAC;CAClB;AAED,iBAAS,uBAAuB,CAC9B,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,UAAU,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,EACpE,EACA,OAAO,EACP,IAAI,EACJ,GAAG,IAAI,EACR,EAAE,4BAA4B,CAAC,YAAY,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,YAAY,CAO7E;AAED,OAAO,EAAE,aAAa,EAAE,uBAAuB,EAAE,CAAC"}
|
|
@@ -1,16 +1,19 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import * as React from 'react';
|
|
3
4
|
import { useControllerMerged } from '#src/hooks/use-controller-merged.js';
|
|
4
|
-
import { cn } from '#src/utils/index.js';
|
|
5
5
|
import { Checkbox } from '../checkbox/checkbox.js';
|
|
6
|
-
import {
|
|
6
|
+
import { Field, FieldContent, FieldDescription, FieldError, FieldLabel, } from '../field/field.js';
|
|
7
7
|
/**
|
|
8
8
|
* Field with label and error states that wraps a Checkbox component.
|
|
9
9
|
*/
|
|
10
10
|
function CheckboxField({ label, description, error, onChange, value, className, ...props }) {
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
11
|
+
const id = React.useId();
|
|
12
|
+
return (_jsxs(Field, { orientation: "horizontal", "data-invalid": !!error || undefined, className: className, children: [_jsx(Checkbox, { ...props, id: id, "aria-invalid": !!error, onCheckedChange: (checked) => {
|
|
13
|
+
onChange?.(checked);
|
|
14
|
+
}, checked: value,
|
|
15
|
+
// Support accessible button for screen readers - https://github.com/shadcn-ui/ui/issues/9249
|
|
16
|
+
nativeButton: true, render: _jsx("button", {}) }), _jsxs(FieldContent, { children: [_jsx(FieldLabel, { htmlFor: id, className: "cursor-pointer", children: label }), _jsx(FieldDescription, { children: description }), _jsx(FieldError, { children: error })] })] }));
|
|
14
17
|
}
|
|
15
18
|
function CheckboxFieldController({ control, name, ...rest }) {
|
|
16
19
|
const { field, fieldState: { error }, } = useControllerMerged({ name, control }, rest);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox-field.js","sourceRoot":"","sources":["../../../../src/components/ui/checkbox-field/checkbox-field.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;
|
|
1
|
+
{"version":3,"file":"checkbox-field.js","sourceRoot":"","sources":["../../../../src/components/ui/checkbox-field/checkbox-field.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAKb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;AAE1E,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACnD,OAAO,EACL,KAAK,EACL,YAAY,EACZ,gBAAgB,EAChB,UAAU,EACV,UAAU,GACX,MAAM,mBAAmB,CAAC;AAa3B;;GAEG;AACH,SAAS,aAAa,CAAC,EACrB,KAAK,EACL,WAAW,EACX,KAAK,EACL,QAAQ,EACR,KAAK,EACL,SAAS,EACT,GAAG,KAAK,EACW;IACnB,MAAM,EAAE,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;IAEzB,OAAO,CACL,MAAC,KAAK,IACJ,WAAW,EAAC,YAAY,kBACV,CAAC,CAAC,KAAK,IAAI,SAAS,EAClC,SAAS,EAAE,SAAS,aAEpB,KAAC,QAAQ,OACH,KAAK,EACT,EAAE,EAAE,EAAE,kBACQ,CAAC,CAAC,KAAK,EACrB,eAAe,EAAE,CAAC,OAAO,EAAE,EAAE;oBAC3B,QAAQ,EAAE,CAAC,OAAO,CAAC,CAAC;gBACtB,CAAC,EACD,OAAO,EAAE,KAAK;gBACd,6FAA6F;gBAC7F,YAAY,EAAE,IAAI,EAClB,MAAM,EAAE,kBAAU,GAClB,EACF,MAAC,YAAY,eACX,KAAC,UAAU,IAAC,OAAO,EAAE,EAAE,EAAE,SAAS,EAAC,gBAAgB,YAChD,KAAK,GACK,EACb,KAAC,gBAAgB,cAAE,WAAW,GAAoB,EAClD,KAAC,UAAU,cAAE,KAAK,GAAc,IACnB,IACT,CACT,CAAC;AACJ,CAAC;AAUD,SAAS,uBAAuB,CAG9B,EACA,OAAO,EACP,IAAI,EACJ,GAAG,IAAI,EACgD;IACvD,MAAM,EACJ,KAAK,EACL,UAAU,EAAE,EAAE,KAAK,EAAE,GACtB,GAAG,mBAAmB,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,IAAI,CAAC,CAAC;IAEjD,OAAO,KAAC,aAAa,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,KAAM,IAAI,KAAM,KAAK,GAAI,CAAC;AACvE,CAAC;AAED,OAAO,EAAE,aAAa,EAAE,uBAAuB,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"code-editor-field.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/code-editor-field/code-editor-field.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,KAAK,EACV,OAAO,EACP,SAAS,EACT,WAAW,EACX,eAAe,EAChB,MAAM,iBAAiB,CAAC;AAOzB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"code-editor-field.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/code-editor-field/code-editor-field.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,KAAK,EACV,OAAO,EACP,SAAS,EACT,WAAW,EACX,eAAe,EAChB,MAAM,iBAAiB,CAAC;AAOzB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAWzD,MAAM,WAAW,oBACf,SACE,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,UAAU,GAAG,OAAO,GAAG,UAAU,CAAC,EACrE,cAAc;IAChB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,YAAY,GAAG,YAAY,GAAG,MAAM,CAAC;IAChD,UAAU,CAAC,EAAE,SAAS,EAAE,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,iBAAS,eAAe,CAAC,EACvB,KAAK,EACL,WAAW,EACX,KAAK,EACL,QAAQ,EACR,KAAU,EACV,QAAuB,EACvB,UAAe,EACf,MAAgB,EAChB,WAAW,EACX,QAAgB,EAChB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,oBAAoB,GAAG,KAAK,CAAC,YAAY,CA6C3C;AAED,UAAU,8BAA8B,CACtC,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,UAAU,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,CACpE,SAAQ,IAAI,CAAC,oBAAoB,EAAE,OAAO,CAAC;IAC3C,OAAO,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAC/B,IAAI,EAAE,UAAU,CAAC;IACjB,KAAK,CAAC,EAAE,eAAe,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;CACnD;AAED,iBAAS,yBAAyB,CAChC,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,UAAU,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,EACpE,EACA,OAAO,EACP,IAAI,EACJ,KAAK,EACL,GAAG,IAAI,EACR,EAAE,8BAA8B,CAC/B,YAAY,EACZ,UAAU,CACX,GAAG,KAAK,CAAC,YAAY,CAOrB;AAED,OAAO,EAAE,eAAe,EAAE,yBAAyB,EAAE,CAAC"}
|
|
@@ -5,7 +5,7 @@ import { tooltips } from '@codemirror/view';
|
|
|
5
5
|
import CodeMirror from '@uiw/react-codemirror';
|
|
6
6
|
import { useMemo } from 'react';
|
|
7
7
|
import { useControllerMerged } from '#src/hooks/use-controller-merged.js';
|
|
8
|
-
import {
|
|
8
|
+
import { Field, FieldDescription, FieldError, FieldLabel, } from '../field/field.js';
|
|
9
9
|
function CodeEditorField({ label, description, error, onChange, value = '', language = 'javascript', extensions = [], height = '120px', placeholder, readOnly = false, className, ...props }) {
|
|
10
10
|
// Get the language extension
|
|
11
11
|
const languageExtension = useMemo(() => {
|
|
@@ -21,12 +21,12 @@ function CodeEditorField({ label, description, error, onChange, value = '', lang
|
|
|
21
21
|
tooltips({ parent: document.body }),
|
|
22
22
|
...extensions,
|
|
23
23
|
], [languageExtension, extensions]);
|
|
24
|
-
return (_jsxs(
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
24
|
+
return (_jsxs(Field, { "data-invalid": !!error, children: [label && _jsx(FieldLabel, { children: label }), _jsx("div", { className: className, ...props, children: _jsx(CodeMirror, { value: value, onChange: onChange, extensions: allExtensions, height: height, placeholder: placeholder, readOnly: readOnly, basicSetup: true, indentWithTab: false, style: {
|
|
25
|
+
fontSize: '14px',
|
|
26
|
+
fontFamily: 'var(--font-mono)',
|
|
27
|
+
border: '1px solid var(--border)',
|
|
28
|
+
borderRadius: 'var(--radius)',
|
|
29
|
+
} }) }), description && _jsx(FieldDescription, { children: description }), _jsx(FieldError, { children: error })] }));
|
|
30
30
|
}
|
|
31
31
|
function CodeEditorFieldController({ control, name, rules, ...rest }) {
|
|
32
32
|
const { field, fieldState: { error }, } = useControllerMerged({ name, control, rules }, rest);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"code-editor-field.js","sourceRoot":"","sources":["../../../../src/components/ui/code-editor-field/code-editor-field.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAWb,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,UAAU,MAAM,uBAAuB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAIhC,OAAO,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;AAE1E,OAAO,EACL,
|
|
1
|
+
{"version":3,"file":"code-editor-field.js","sourceRoot":"","sources":["../../../../src/components/ui/code-editor-field/code-editor-field.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAWb,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,UAAU,MAAM,uBAAuB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAIhC,OAAO,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;AAE1E,OAAO,EACL,KAAK,EACL,gBAAgB,EAChB,UAAU,EACV,UAAU,GACX,MAAM,mBAAmB,CAAC;AAe3B,SAAS,eAAe,CAAC,EACvB,KAAK,EACL,WAAW,EACX,KAAK,EACL,QAAQ,EACR,KAAK,GAAG,EAAE,EACV,QAAQ,GAAG,YAAY,EACvB,UAAU,GAAG,EAAE,EACf,MAAM,GAAG,OAAO,EAChB,WAAW,EACX,QAAQ,GAAG,KAAK,EAChB,SAAS,EACT,GAAG,KAAK,EACa;IACrB,6BAA6B;IAC7B,MAAM,iBAAiB,GAAG,OAAO,CAAC,GAAG,EAAE;QACrC,IAAI,QAAQ,KAAK,YAAY,IAAI,QAAQ,KAAK,YAAY,EAAE,CAAC;YAC3D,OAAO,UAAU,CAAC,EAAE,UAAU,EAAE,QAAQ,KAAK,YAAY,EAAE,CAAC,CAAC;QAC/D,CAAC;QACD,OAAO,EAAE,CAAC;IACZ,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,oDAAoD;IACpD,sFAAsF;IACtF,MAAM,aAAa,GAAG,OAAO,CAC3B,GAAG,EAAE,CAAC;QACJ,iBAAiB;QACjB,QAAQ,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,IAAI,EAAE,CAAC;QACnC,GAAG,UAAU;KACd,EACD,CAAC,iBAAiB,EAAE,UAAU,CAAC,CAChC,CAAC;IAEF,OAAO,CACL,MAAC,KAAK,oBAAe,CAAC,CAAC,KAAK,aACzB,KAAK,IAAI,KAAC,UAAU,cAAE,KAAK,GAAc,EAC1C,cAAK,SAAS,EAAE,SAAS,KAAM,KAAK,YAClC,KAAC,UAAU,IACT,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,aAAa,EACzB,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,IAAI,EAChB,aAAa,EAAE,KAAK,EACpB,KAAK,EAAE;wBACL,QAAQ,EAAE,MAAM;wBAChB,UAAU,EAAE,kBAAkB;wBAC9B,MAAM,EAAE,yBAAyB;wBACjC,YAAY,EAAE,eAAe;qBAC9B,GACD,GACE,EACL,WAAW,IAAI,KAAC,gBAAgB,cAAE,WAAW,GAAoB,EAClE,KAAC,UAAU,cAAE,KAAK,GAAc,IAC1B,CACT,CAAC;AACJ,CAAC;AAWD,SAAS,yBAAyB,CAGhC,EACA,OAAO,EACP,IAAI,EACJ,KAAK,EACL,GAAG,IAAI,EAIR;IACC,MAAM,EACJ,KAAK,EACL,UAAU,EAAE,EAAE,KAAK,EAAE,GACtB,GAAG,mBAAmB,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,IAAI,CAAC,CAAC;IAExD,OAAO,KAAC,eAAe,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,KAAM,IAAI,KAAM,KAAK,GAAI,CAAC;AACzE,CAAC;AAED,OAAO,EAAE,eAAe,EAAE,yBAAyB,EAAE,CAAC"}
|
|
@@ -1,12 +1,11 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { Collapsible as CollapsiblePrimitive } from 'radix-ui';
|
|
1
|
+
import { Collapsible as CollapsiblePrimitive } from '@base-ui/react/collapsible';
|
|
3
2
|
/**
|
|
4
3
|
* An interactive component which expands/collapses a panel.
|
|
5
4
|
*
|
|
6
5
|
* https://ui.shadcn.com/docs/components/collapsible
|
|
7
6
|
*/
|
|
8
|
-
declare function Collapsible({ ...props }:
|
|
9
|
-
declare function CollapsibleTrigger({ ...props }:
|
|
10
|
-
declare function CollapsibleContent({ ...props }:
|
|
7
|
+
declare function Collapsible({ ...props }: CollapsiblePrimitive.Root.Props): React.ReactElement;
|
|
8
|
+
declare function CollapsibleTrigger({ ...props }: CollapsiblePrimitive.Trigger.Props): React.ReactElement;
|
|
9
|
+
declare function CollapsibleContent({ ...props }: CollapsiblePrimitive.Panel.Props): React.ReactElement;
|
|
11
10
|
export { Collapsible, CollapsibleContent, CollapsibleTrigger };
|
|
12
11
|
//# sourceMappingURL=collapsible.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"collapsible.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/collapsible/collapsible.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"collapsible.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/collapsible/collapsible.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,IAAI,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAEjF;;;;GAIG;AACH,iBAAS,WAAW,CAAC,EACnB,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,YAAY,CAEtD;AAED,iBAAS,kBAAkB,CAAC,EAC1B,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC,YAAY,CAIzD;AAED,iBAAS,kBAAkB,CAAC,EAC1B,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,YAAY,CAIvD;AAED,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,CAAC"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
'use client';
|
|
2
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
-
import { Collapsible as CollapsiblePrimitive } from '
|
|
2
|
+
import { Collapsible as CollapsiblePrimitive } from '@base-ui/react/collapsible';
|
|
4
3
|
/**
|
|
5
4
|
* An interactive component which expands/collapses a panel.
|
|
6
5
|
*
|
|
@@ -10,10 +9,10 @@ function Collapsible({ ...props }) {
|
|
|
10
9
|
return _jsx(CollapsiblePrimitive.Root, { "data-slot": "collapsible", ...props });
|
|
11
10
|
}
|
|
12
11
|
function CollapsibleTrigger({ ...props }) {
|
|
13
|
-
return (_jsx(CollapsiblePrimitive.
|
|
12
|
+
return (_jsx(CollapsiblePrimitive.Trigger, { "data-slot": "collapsible-trigger", ...props }));
|
|
14
13
|
}
|
|
15
14
|
function CollapsibleContent({ ...props }) {
|
|
16
|
-
return (_jsx(CollapsiblePrimitive.
|
|
15
|
+
return (_jsx(CollapsiblePrimitive.Panel, { "data-slot": "collapsible-content", ...props }));
|
|
17
16
|
}
|
|
18
17
|
export { Collapsible, CollapsibleContent, CollapsibleTrigger };
|
|
19
18
|
//# sourceMappingURL=collapsible.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"collapsible.js","sourceRoot":"","sources":["../../../../src/components/ui/collapsible/collapsible.tsx"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"collapsible.js","sourceRoot":"","sources":["../../../../src/components/ui/collapsible/collapsible.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,IAAI,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAEjF;;;;GAIG;AACH,SAAS,WAAW,CAAC,EACnB,GAAG,KAAK,EACwB;IAChC,OAAO,KAAC,oBAAoB,CAAC,IAAI,iBAAW,aAAa,KAAK,KAAK,GAAI,CAAC;AAC1E,CAAC;AAED,SAAS,kBAAkB,CAAC,EAC1B,GAAG,KAAK,EAC2B;IACnC,OAAO,CACL,KAAC,oBAAoB,CAAC,OAAO,iBAAW,qBAAqB,KAAK,KAAK,GAAI,CAC5E,CAAC;AACJ,CAAC;AAED,SAAS,kBAAkB,CAAC,EAC1B,GAAG,KAAK,EACyB;IACjC,OAAO,CACL,KAAC,oBAAoB,CAAC,KAAK,iBAAW,qBAAqB,KAAK,KAAK,GAAI,CAC1E,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"color-picker-field.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/color-picker-field/color-picker-field.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAKvE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"color-picker-field.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/color-picker-field/color-picker-field.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAKvE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAczD,MAAM,WAAW,qBAAsB,SAAQ,cAAc;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACvC;;;;OAIG;IACH,cAAc,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IACzC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;CACpC;AAED;;GAEG;AACH,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,gBAAgB,EAChB,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,KAAK,EACL,KAAK,EACL,KAAK,EACL,WAAW,EACX,QAAQ,EACR,eAAe,EACf,UAAU,EACV,cAAc,EACd,GAAG,GACJ,EAAE,qBAAqB,GAAG,KAAK,CAAC,YAAY,CA0E5C;AAED,MAAM,WAAW,+BAA+B,CAC9C,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,UAAU,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,CACpE,SAAQ,IAAI,CAAC,qBAAqB,EAAE,OAAO,CAAC;IAC5C,OAAO,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAC/B,IAAI,EAAE,UAAU,CAAC;CAClB;AAED,iBAAS,0BAA0B,CACjC,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,UAAU,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,EACpE,EACA,OAAO,EACP,IAAI,EACJ,GAAG,EACH,GAAG,IAAI,EACR,EAAE,+BAA+B,CAChC,YAAY,EACZ,UAAU,CACX,GAAG,KAAK,CAAC,YAAY,CAcrB;AAED,OAAO,EAAE,gBAAgB,EAAE,0BAA0B,EAAE,CAAC"}
|