@baseplate-dev/ui-components 0.6.2 → 0.6.4
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 +18 -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 +8 -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
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"multi-combobox-field.js","sourceRoot":"","sources":["../../../../src/components/ui/multi-combobox-field/multi-combobox-field.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"multi-combobox-field.js","sourceRoot":"","sources":["../../../../src/components/ui/multi-combobox-field/multi-combobox-field.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,7 +3,7 @@ import { notEmpty } from '@baseplate-dev/utils';
|
|
|
3
3
|
import { useControllerMerged } from '#src/hooks/use-controller-merged.js';
|
|
4
4
|
import { cn } from '#src/utils/cn.js';
|
|
5
5
|
import { genericForwardRef } from '#src/utils/generic-forward-ref.js';
|
|
6
|
-
import {
|
|
6
|
+
import { Field, FieldDescription, FieldError, FieldLabel, } from '../field/field.js';
|
|
7
7
|
import { SwitchField } from '../switch-field/switch-field.js';
|
|
8
8
|
/**
|
|
9
9
|
* Field with label and error states that wraps multiple SwitchField components.
|
|
@@ -16,7 +16,7 @@ const MultiSwitchFieldRoot = genericForwardRef(function MultiSwitchField({ label
|
|
|
16
16
|
label: getOptionLabel(option),
|
|
17
17
|
value: getOptionValue(option),
|
|
18
18
|
}));
|
|
19
|
-
return (_jsxs(
|
|
19
|
+
return (_jsxs(Field, { "data-invalid": !!error, className: cn('gap-3', className), children: [_jsx(FieldLabel, { children: label }), _jsx("div", { className: "flex flex-wrap gap-4", ref: ref, children: options.map((option) => {
|
|
20
20
|
const optionValue = getOptionValue(option);
|
|
21
21
|
const optionLabel = getOptionLabel(option);
|
|
22
22
|
const checked = selectedValues?.some((selectedValue) => selectedValue.value === optionValue);
|
|
@@ -31,7 +31,7 @@ const MultiSwitchFieldRoot = genericForwardRef(function MultiSwitchField({ label
|
|
|
31
31
|
onChange?.(value?.filter((val) => val !== optionValue) ?? []);
|
|
32
32
|
}
|
|
33
33
|
} }, optionValue));
|
|
34
|
-
}) }), _jsx(
|
|
34
|
+
}) }), _jsx(FieldDescription, { children: description }), _jsx(FieldError, { children: error })] }));
|
|
35
35
|
});
|
|
36
36
|
const MultiSwitchFieldController = genericForwardRef(function MultiSwitchFieldController({ name, control, ...rest }, ref) {
|
|
37
37
|
const { field, fieldState: { error }, } = useControllerMerged({ name, control }, rest, ref);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"multi-switch-field.js","sourceRoot":"","sources":["../../../../src/components/ui/multi-switch-field/multi-switch-field.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAQhD,OAAO,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;AAC1E,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AACtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAEtE,OAAO,EACL,
|
|
1
|
+
{"version":3,"file":"multi-switch-field.js","sourceRoot":"","sources":["../../../../src/components/ui/multi-switch-field/multi-switch-field.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,27 +1,28 @@
|
|
|
1
1
|
import type { VariantProps } from 'class-variance-authority';
|
|
2
2
|
import type * as React from 'react';
|
|
3
|
-
import { NavigationMenu as NavigationMenuPrimitive } from '
|
|
3
|
+
import { NavigationMenu as NavigationMenuPrimitive } from '@base-ui/react/navigation-menu';
|
|
4
4
|
/**
|
|
5
5
|
* A collection of links for navigating websites.
|
|
6
6
|
*
|
|
7
|
-
*
|
|
7
|
+
* ShadCN changes:
|
|
8
8
|
* - Added ability to use `vertical` orientation
|
|
9
|
-
*
|
|
9
|
+
* - Added `NavigationMenuItemWithLink` convenience component
|
|
10
|
+
* - Added `skinny` size variant to `navigationMenuTriggerStyle`
|
|
10
11
|
* https://ui.shadcn.com/docs/components/navigation-menu
|
|
11
12
|
*/
|
|
12
|
-
declare function NavigationMenu({ className, children,
|
|
13
|
-
|
|
14
|
-
}): React.ReactElement;
|
|
15
|
-
declare function NavigationMenuList({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.List>): React.ReactElement;
|
|
16
|
-
declare function NavigationMenuItem({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Item>): React.ReactElement;
|
|
13
|
+
declare function NavigationMenu({ className, children, align, ...props }: NavigationMenuPrimitive.Root.Props & Pick<NavigationMenuPrimitive.Positioner.Props, 'align'>): React.ReactElement;
|
|
14
|
+
declare function NavigationMenuList({ className, ...props }: React.ComponentPropsWithRef<typeof NavigationMenuPrimitive.List>): React.ReactElement;
|
|
15
|
+
declare function NavigationMenuItem({ className, ...props }: React.ComponentPropsWithRef<typeof NavigationMenuPrimitive.Item>): React.ReactElement;
|
|
17
16
|
declare const navigationMenuTriggerStyle: (props?: ({
|
|
18
17
|
size?: "default" | "skinny" | null | undefined;
|
|
19
18
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
20
|
-
declare function NavigationMenuTrigger({ className, children, ...props }:
|
|
21
|
-
declare function NavigationMenuContent({ className, ...props }:
|
|
22
|
-
declare function
|
|
23
|
-
declare function NavigationMenuLink({ className, ...props }:
|
|
24
|
-
declare function NavigationMenuItemWithLink({
|
|
25
|
-
|
|
26
|
-
|
|
19
|
+
declare function NavigationMenuTrigger({ className, children, ...props }: NavigationMenuPrimitive.Trigger.Props & VariantProps<typeof navigationMenuTriggerStyle>): React.ReactElement;
|
|
20
|
+
declare function NavigationMenuContent({ className, ...props }: NavigationMenuPrimitive.Content.Props): React.ReactElement;
|
|
21
|
+
declare function NavigationMenuPositioner({ className, side, sideOffset, align, alignOffset, ...props }: NavigationMenuPrimitive.Positioner.Props): React.ReactElement;
|
|
22
|
+
declare function NavigationMenuLink({ className, ...props }: NavigationMenuPrimitive.Link.Props): React.ReactElement;
|
|
23
|
+
declare function NavigationMenuItemWithLink({ render, children, ...props }: React.ComponentPropsWithRef<typeof NavigationMenuPrimitive.Item> & {
|
|
24
|
+
render?: NavigationMenuPrimitive.Link.Props['render'];
|
|
25
|
+
}): React.ReactElement;
|
|
26
|
+
declare function NavigationMenuIndicator({ className, ...props }: React.ComponentPropsWithRef<typeof NavigationMenuPrimitive.Icon>): React.ReactElement;
|
|
27
|
+
export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuItemWithLink, NavigationMenuLink, NavigationMenuList, NavigationMenuPositioner, NavigationMenuTrigger, navigationMenuTriggerStyle, };
|
|
27
28
|
//# sourceMappingURL=navigation-menu.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"navigation-menu.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/navigation-menu/navigation-menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"navigation-menu.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/navigation-menu/navigation-menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAE,cAAc,IAAI,uBAAuB,EAAE,MAAM,gCAAgC,CAAC;AAM3F;;;;;;;;GAQG;AACH,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,QAAQ,EACR,KAAe,EACf,GAAG,KAAK,EACT,EAAE,uBAAuB,CAAC,IAAI,CAAC,KAAK,GACnC,IAAI,CAAC,uBAAuB,CAAC,UAAU,CAAC,KAAK,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,YAAY,CAe7E;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,qBAAqB,CAC5B,OAAO,uBAAuB,CAAC,IAAI,CACpC,GAAG,KAAK,CAAC,YAAY,CAYrB;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,qBAAqB,CAC5B,OAAO,uBAAuB,CAAC,IAAI,CACpC,GAAG,KAAK,CAAC,YAAY,CAQrB;AAED,QAAA,MAAM,0BAA0B;;8EAU/B,CAAC;AAEF,iBAAS,qBAAqB,CAAC,EAC7B,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,uBAAuB,CAAC,OAAO,CAAC,KAAK,GACtC,YAAY,CAAC,OAAO,0BAA0B,CAAC,GAAG,KAAK,CAAC,YAAY,CAcrE;AAED,iBAAS,qBAAqB,CAAC,EAC7B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,uBAAuB,CAAC,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC,YAAY,CAW5D;AAED,iBAAS,wBAAwB,CAAC,EAChC,SAAS,EACT,IAAe,EACf,UAAc,EACd,KAAe,EACf,WAAe,EACf,GAAG,KAAK,EACT,EAAE,uBAAuB,CAAC,UAAU,CAAC,KAAK,GAAG,KAAK,CAAC,YAAY,CAoB/D;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,uBAAuB,CAAC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,YAAY,CAWzD;AAED,iBAAS,0BAA0B,CAAC,EAClC,MAAM,EACN,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,qBAAqB,CAAC,OAAO,uBAAuB,CAAC,IAAI,CAAC,GAAG;IACpE,MAAM,CAAC,EAAE,uBAAuB,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;CACvD,GAAG,KAAK,CAAC,YAAY,CAMrB;AAED,iBAAS,uBAAuB,CAAC,EAC/B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,qBAAqB,CAC5B,OAAO,uBAAuB,CAAC,IAAI,CACpC,GAAG,KAAK,CAAC,YAAY,CAarB;AAED,OAAO,EACL,cAAc,EACd,qBAAqB,EACrB,uBAAuB,EACvB,kBAAkB,EAClB,0BAA0B,EAC1B,kBAAkB,EAClB,kBAAkB,EAClB,wBAAwB,EACxB,qBAAqB,EACrB,0BAA0B,GAC3B,CAAC"}
|
|
@@ -1,26 +1,27 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { NavigationMenu as NavigationMenuPrimitive } from '@base-ui/react/navigation-menu';
|
|
2
3
|
import { cva } from 'class-variance-authority';
|
|
3
|
-
import { NavigationMenu as NavigationMenuPrimitive } from 'radix-ui';
|
|
4
4
|
import { MdExpandMore } from 'react-icons/md';
|
|
5
5
|
import { cn } from '#src/utils/index.js';
|
|
6
6
|
/**
|
|
7
7
|
* A collection of links for navigating websites.
|
|
8
8
|
*
|
|
9
|
-
*
|
|
9
|
+
* ShadCN changes:
|
|
10
10
|
* - Added ability to use `vertical` orientation
|
|
11
|
-
*
|
|
11
|
+
* - Added `NavigationMenuItemWithLink` convenience component
|
|
12
|
+
* - Added `skinny` size variant to `navigationMenuTriggerStyle`
|
|
12
13
|
* https://ui.shadcn.com/docs/components/navigation-menu
|
|
13
14
|
*/
|
|
14
|
-
function NavigationMenu({ className, children,
|
|
15
|
-
return (_jsxs(NavigationMenuPrimitive.Root, { "data-slot": "navigation-menu",
|
|
15
|
+
function NavigationMenu({ className, children, align = 'start', ...props }) {
|
|
16
|
+
return (_jsxs(NavigationMenuPrimitive.Root, { "data-slot": "navigation-menu", className: cn('group/navigation-menu relative flex max-w-max flex-1 items-center justify-center', 'aria-[orientation=vertical]:max-w-none aria-[orientation=vertical]:items-start aria-[orientation=vertical]:justify-start [&[aria-orientation="vertical"]>*]:w-full', className), ...props, children: [children, _jsx(NavigationMenuPositioner, { align: align })] }));
|
|
16
17
|
}
|
|
17
18
|
function NavigationMenuList({ className, ...props }) {
|
|
18
|
-
return (_jsx(NavigationMenuPrimitive.List, { "data-slot": "navigation-menu-list", className: cn('group flex flex-1 list-none items-center justify-center gap-1', '
|
|
19
|
+
return (_jsx(NavigationMenuPrimitive.List, { "data-slot": "navigation-menu-list", className: cn('group flex flex-1 list-none items-center justify-center gap-1', 'aria-[orientation=vertical]:flex-col aria-[orientation=vertical]:items-stretch', className), ...props }));
|
|
19
20
|
}
|
|
20
21
|
function NavigationMenuItem({ className, ...props }) {
|
|
21
22
|
return (_jsx(NavigationMenuPrimitive.Item, { "data-slot": "navigation-menu-item", className: cn('relative', className), ...props }));
|
|
22
23
|
}
|
|
23
|
-
const navigationMenuTriggerStyle = cva('group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-[color,box-shadow] outline-none hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-
|
|
24
|
+
const navigationMenuTriggerStyle = cva('group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-[color,box-shadow] outline-none hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-popup-open:bg-accent/50 data-popup-open:text-accent-foreground data-popup-open:hover:bg-accent data-popup-open:focus:bg-accent data-open:bg-accent/50 data-open:text-accent-foreground data-open:hover:bg-accent data-open:focus:bg-accent', {
|
|
24
25
|
variants: {
|
|
25
26
|
size: {
|
|
26
27
|
default: 'px-4 py-2',
|
|
@@ -29,22 +30,22 @@ const navigationMenuTriggerStyle = cva('group inline-flex h-9 w-max items-center
|
|
|
29
30
|
},
|
|
30
31
|
});
|
|
31
32
|
function NavigationMenuTrigger({ className, children, ...props }) {
|
|
32
|
-
return (_jsxs(NavigationMenuPrimitive.Trigger, { "data-slot": "navigation-menu-trigger", className: cn(navigationMenuTriggerStyle(), 'group', className), ...props, children: [children, ' ', _jsx(MdExpandMore, { className: "relative top-px ml-1 size-3 transition duration-300 group-data-
|
|
33
|
+
return (_jsxs(NavigationMenuPrimitive.Trigger, { "data-slot": "navigation-menu-trigger", className: cn(navigationMenuTriggerStyle(), 'group', className), ...props, children: [children, ' ', _jsx(MdExpandMore, { className: "relative top-px ml-1 size-3 transition duration-300 group-data-popup-open:rotate-180 group-data-open:rotate-180", "aria-hidden": "true" })] }));
|
|
33
34
|
}
|
|
34
35
|
function NavigationMenuContent({ className, ...props }) {
|
|
35
|
-
return (_jsx(NavigationMenuPrimitive.Content, { "data-slot": "navigation-menu-content", className: cn('
|
|
36
|
+
return (_jsx(NavigationMenuPrimitive.Content, { "data-slot": "navigation-menu-content", className: cn('h-full w-auto p-1 transition-[opacity,transform,translate] duration-[0.35s] ease-[cubic-bezier(0.22,1,0.36,1)] group-data-[viewport=false]/navigation-menu:rounded-lg group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:ring-1 group-data-[viewport=false]/navigation-menu:ring-foreground/10 group-data-[viewport=false]/navigation-menu:duration-300 data-ending-style:opacity-0 data-starting-style:opacity-0 data-ending-style:data-[activation-direction=left]:translate-x-[50%] data-starting-style:data-[activation-direction=left]:translate-x-[-50%] data-ending-style:data-[activation-direction=right]:translate-x-[-50%] data-starting-style:data-[activation-direction=right]:translate-x-[50%] data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none group-data-[viewport=false]/navigation-menu:data-open:animate-in group-data-[viewport=false]/navigation-menu:data-open:fade-in-0 group-data-[viewport=false]/navigation-menu:data-open:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-closed:animate-out group-data-[viewport=false]/navigation-menu:data-closed:fade-out-0 group-data-[viewport=false]/navigation-menu:data-closed:zoom-out-95', className), ...props }));
|
|
36
37
|
}
|
|
37
|
-
function
|
|
38
|
-
return (_jsx(
|
|
38
|
+
function NavigationMenuPositioner({ className, side = 'bottom', sideOffset = 8, align = 'start', alignOffset = 0, ...props }) {
|
|
39
|
+
return (_jsx(NavigationMenuPrimitive.Portal, { children: _jsx(NavigationMenuPrimitive.Positioner, { side: side, sideOffset: sideOffset, align: align, alignOffset: alignOffset, className: cn('isolate z-50 h-(--positioner-height) w-(--positioner-width) max-w-(--available-width) transition-[top,left,right,bottom] duration-[0.35s] ease-[cubic-bezier(0.22,1,0.36,1)] data-instant:transition-none data-[side=bottom]:before:top-[-10px] data-[side=bottom]:before:right-0 data-[side=bottom]:before:left-0', className), ...props, children: _jsx(NavigationMenuPrimitive.Popup, { className: "relative h-(--popup-height) w-(--popup-width) origin-(--transform-origin) rounded-lg bg-popover text-popover-foreground shadow ring-1 ring-foreground/10 transition-[opacity,transform,width,height,scale,translate] duration-[0.35s] ease-[cubic-bezier(0.22,1,0.36,1)] outline-none data-ending-style:scale-90 data-ending-style:opacity-0 data-ending-style:duration-150 data-starting-style:scale-90 data-starting-style:opacity-0", children: _jsx(NavigationMenuPrimitive.Viewport, { className: "relative size-full overflow-hidden" }) }) }) }));
|
|
39
40
|
}
|
|
40
41
|
function NavigationMenuLink({ className, ...props }) {
|
|
41
|
-
return (_jsx(NavigationMenuPrimitive.Link, { "data-slot": "navigation-menu-link", className: cn("flex flex-col gap-1 rounded-sm p-2 text-sm font-medium transition-all outline-none hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 data-
|
|
42
|
+
return (_jsx(NavigationMenuPrimitive.Link, { "data-slot": "navigation-menu-link", className: cn("flex flex-col gap-1 rounded-sm p-2 text-sm font-medium transition-all outline-none hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 data-active:bg-accent/50 data-active:text-accent-foreground data-active:hover:bg-accent data-active:focus:bg-accent [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground", className), ...props }));
|
|
42
43
|
}
|
|
43
|
-
function NavigationMenuItemWithLink({
|
|
44
|
-
return (_jsx(NavigationMenuItem, {
|
|
44
|
+
function NavigationMenuItemWithLink({ render, children, ...props }) {
|
|
45
|
+
return (_jsx(NavigationMenuItem, { ...props, children: _jsx(NavigationMenuLink, { render: render, children: children }) }));
|
|
45
46
|
}
|
|
46
47
|
function NavigationMenuIndicator({ className, ...props }) {
|
|
47
|
-
return (_jsx(NavigationMenuPrimitive.
|
|
48
|
+
return (_jsx(NavigationMenuPrimitive.Icon, { "data-slot": "navigation-menu-indicator", className: cn('top-full z-1 flex h-1.5 items-end justify-center overflow-hidden data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:animate-in data-[state=visible]:fade-in', className), ...props, children: _jsx("div", { className: "relative top-[60%] size-2 rotate-45 rounded-tl-sm bg-border shadow-md" }) }));
|
|
48
49
|
}
|
|
49
|
-
export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuItemWithLink, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, navigationMenuTriggerStyle,
|
|
50
|
+
export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuItemWithLink, NavigationMenuLink, NavigationMenuList, NavigationMenuPositioner, NavigationMenuTrigger, navigationMenuTriggerStyle, };
|
|
50
51
|
//# sourceMappingURL=navigation-menu.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"navigation-menu.js","sourceRoot":"","sources":["../../../../src/components/ui/navigation-menu/navigation-menu.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"navigation-menu.js","sourceRoot":"","sources":["../../../../src/components/ui/navigation-menu/navigation-menu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,9 +1,12 @@
|
|
|
1
1
|
import type * as React from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { useRender } from '@base-ui/react/use-render';
|
|
3
3
|
/**
|
|
4
4
|
* A tab-like interface that allows the user to navigate between different sections via links
|
|
5
5
|
*/
|
|
6
|
-
declare function NavigationTabs({ className, children, ...props }: React.
|
|
7
|
-
declare function NavigationTabsItem({ className, children,
|
|
6
|
+
declare function NavigationTabs({ className, children, ...props }: React.ComponentProps<'nav'>): React.ReactElement;
|
|
7
|
+
declare function NavigationTabsItem({ className, children, active, render, ...props }: React.ComponentProps<'a'> & {
|
|
8
|
+
active?: boolean;
|
|
9
|
+
render?: useRender.ComponentProps<'a'>['render'];
|
|
10
|
+
}): React.ReactElement;
|
|
8
11
|
export { NavigationTabs, NavigationTabsItem };
|
|
9
12
|
//# sourceMappingURL=navigation-tabs.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"navigation-tabs.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/navigation-tabs/navigation-tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"navigation-tabs.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/navigation-tabs/navigation-tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAItD;;GAEG;AACH,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,YAAY,CAclD;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,QAAQ,EACR,MAAM,EACN,MAAM,EACN,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,GAAG;IAC7B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC,CAAC;CAClD,GAAG,KAAK,CAAC,YAAY,CAkBrB;AAED,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,CAAC"}
|
|
@@ -1,14 +1,26 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import {
|
|
2
|
+
import { useRender } from '@base-ui/react/use-render';
|
|
3
3
|
import { cn } from '#src/utils/index.js';
|
|
4
4
|
/**
|
|
5
5
|
* A tab-like interface that allows the user to navigate between different sections via links
|
|
6
6
|
*/
|
|
7
7
|
function NavigationTabs({ className, children, ...props }) {
|
|
8
|
-
return (_jsx(
|
|
8
|
+
return (_jsx("nav", { ...props, children: _jsx("div", { className: cn('inline-flex h-9 items-center justify-center rounded-lg bg-muted p-1 text-muted-foreground', className), role: "navigation", children: children }) }));
|
|
9
9
|
}
|
|
10
|
-
function NavigationTabsItem({ className, children,
|
|
11
|
-
return (
|
|
10
|
+
function NavigationTabsItem({ className, children, active, render, ...props }) {
|
|
11
|
+
return useRender({
|
|
12
|
+
defaultTagName: 'a',
|
|
13
|
+
props: {
|
|
14
|
+
className: cn('inline-flex w-full items-center justify-center rounded-md px-3 py-1 text-sm font-medium whitespace-nowrap ring-offset-background transition-all focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50 aria-[current=page]:bg-background aria-[current=page]:text-foreground aria-[current=page]:shadow-sm', active && 'bg-background text-foreground shadow-sm', className),
|
|
15
|
+
'aria-current': active ? 'page' : undefined,
|
|
16
|
+
...props,
|
|
17
|
+
children,
|
|
18
|
+
},
|
|
19
|
+
render,
|
|
20
|
+
state: {
|
|
21
|
+
slot: 'navigation-tabs-item',
|
|
22
|
+
},
|
|
23
|
+
});
|
|
12
24
|
}
|
|
13
25
|
export { NavigationTabs, NavigationTabsItem };
|
|
14
26
|
//# sourceMappingURL=navigation-tabs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"navigation-tabs.js","sourceRoot":"","sources":["../../../../src/components/ui/navigation-tabs/navigation-tabs.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"navigation-tabs.js","sourceRoot":"","sources":["../../../../src/components/ui/navigation-tabs/navigation-tabs.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAEzC;;GAEG;AACH,SAAS,cAAc,CAAC,EACtB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACoB;IAC5B,OAAO,CACL,iBAAS,KAAK,YACZ,cACE,SAAS,EAAE,EAAE,CACX,2FAA2F,EAC3F,SAAS,CACV,EACD,IAAI,EAAC,YAAY,YAEhB,QAAQ,GACL,GACF,CACP,CAAC;AACJ,CAAC;AAED,SAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,QAAQ,EACR,MAAM,EACN,MAAM,EACN,GAAG,KAAK,EAIT;IACC,OAAO,SAAS,CAAC;QACf,cAAc,EAAE,GAAG;QACnB,KAAK,EAAE;YACL,SAAS,EAAE,EAAE,CACX,4YAA4Y,EAC5Y,MAAM,IAAI,yCAAyC,EACnD,SAAS,CACV;YACD,cAAc,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;YAC3C,GAAG,KAAK;YACR,QAAQ;SACT;QACD,MAAM;QACN,KAAK,EAAE;YACL,IAAI,EAAE,sBAAsB;SAC7B;KACF,CAAC,CAAC;AACL,CAAC;AAED,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,CAAC"}
|
|
@@ -1,17 +1,15 @@
|
|
|
1
1
|
import type * as React from 'react';
|
|
2
|
-
import { Popover as PopoverPrimitive } from '
|
|
2
|
+
import { Popover as PopoverPrimitive } from '@base-ui/react/popover';
|
|
3
3
|
/**
|
|
4
4
|
* Displays rich content in a portal, triggered by a button.
|
|
5
5
|
*
|
|
6
6
|
* https://ui.shadcn.com/docs/components/popover
|
|
7
7
|
*/
|
|
8
|
-
declare function Popover({ ...props }:
|
|
9
|
-
declare function PopoverTrigger({ ...props }:
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
declare function PopoverAnchor({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Anchor>): React.ReactElement;
|
|
16
|
-
export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger };
|
|
8
|
+
declare function Popover({ ...props }: PopoverPrimitive.Root.Props): React.ReactElement;
|
|
9
|
+
declare function PopoverTrigger({ ...props }: PopoverPrimitive.Trigger.Props): React.ReactElement;
|
|
10
|
+
declare function PopoverContent({ className, align, alignOffset, side, sideOffset, ...props }: PopoverPrimitive.Popup.Props & Pick<PopoverPrimitive.Positioner.Props, 'align' | 'alignOffset' | 'side' | 'sideOffset'>): React.ReactElement;
|
|
11
|
+
declare function PopoverHeader({ className, ...props }: React.ComponentProps<'div'>): React.ReactElement;
|
|
12
|
+
declare function PopoverTitle({ className, ...props }: PopoverPrimitive.Title.Props): React.ReactElement;
|
|
13
|
+
declare function PopoverDescription({ className, ...props }: PopoverPrimitive.Description.Props): React.ReactElement;
|
|
14
|
+
export { Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, };
|
|
17
15
|
//# sourceMappingURL=popover.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/popover/popover.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/popover/popover.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAIrE;;;;GAIG;AAEH,iBAAS,OAAO,CAAC,EACf,GAAG,KAAK,EACT,EAAE,gBAAgB,CAAC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,YAAY,CAElD;AAED,iBAAS,cAAc,CAAC,EACtB,GAAG,KAAK,EACT,EAAE,gBAAgB,CAAC,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC,YAAY,CAErD;AAED,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,KAAgB,EAChB,WAAe,EACf,IAAe,EACf,UAAc,EACd,GAAG,KAAK,EACT,EAAE,gBAAgB,CAAC,KAAK,CAAC,KAAK,GAC7B,IAAI,CACF,gBAAgB,CAAC,UAAU,CAAC,KAAK,EACjC,OAAO,GAAG,aAAa,GAAG,MAAM,GAAG,YAAY,CAChD,GAAG,KAAK,CAAC,YAAY,CAqBvB;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,YAAY,CAQlD;AAED,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,gBAAgB,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,YAAY,CAQnD;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,gBAAgB,CAAC,WAAW,CAAC,KAAK,GAAG,KAAK,CAAC,YAAY,CAQzD;AAED,OAAO,EACL,OAAO,EACP,cAAc,EACd,kBAAkB,EAClB,aAAa,EACb,YAAY,EACZ,cAAc,GACf,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
-
import { Popover as PopoverPrimitive } from '
|
|
3
|
+
import { Popover as PopoverPrimitive } from '@base-ui/react/popover';
|
|
4
4
|
import { cn } from '#src/utils/index.js';
|
|
5
5
|
/**
|
|
6
6
|
* Displays rich content in a portal, triggered by a button.
|
|
@@ -13,11 +13,17 @@ function Popover({ ...props }) {
|
|
|
13
13
|
function PopoverTrigger({ ...props }) {
|
|
14
14
|
return _jsx(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
|
|
15
15
|
}
|
|
16
|
-
function PopoverContent({ className, align = 'center',
|
|
17
|
-
return (_jsx(PopoverPrimitive.Portal, { children: _jsx(PopoverPrimitive.
|
|
16
|
+
function PopoverContent({ className, align = 'center', alignOffset = 0, side = 'bottom', sideOffset = 4, ...props }) {
|
|
17
|
+
return (_jsx(PopoverPrimitive.Portal, { children: _jsx(PopoverPrimitive.Positioner, { align: align, alignOffset: alignOffset, side: side, sideOffset: sideOffset, className: "isolate z-50", children: _jsx(PopoverPrimitive.Popup, { "data-slot": "popover-content", className: cn('z-50 flex w-72 origin-(--transform-origin) flex-col gap-2.5 rounded-lg bg-popover p-2.5 text-sm text-popover-foreground shadow-md ring-1 ring-foreground/10 outline-hidden 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-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95', className), ...props }) }) }));
|
|
18
18
|
}
|
|
19
|
-
function
|
|
20
|
-
return _jsx(
|
|
19
|
+
function PopoverHeader({ className, ...props }) {
|
|
20
|
+
return (_jsx("div", { "data-slot": "popover-header", className: cn('flex flex-col gap-0.5 text-sm', className), ...props }));
|
|
21
21
|
}
|
|
22
|
-
|
|
22
|
+
function PopoverTitle({ className, ...props }) {
|
|
23
|
+
return (_jsx(PopoverPrimitive.Title, { "data-slot": "popover-title", className: cn('font-medium', className), ...props }));
|
|
24
|
+
}
|
|
25
|
+
function PopoverDescription({ className, ...props }) {
|
|
26
|
+
return (_jsx(PopoverPrimitive.Description, { "data-slot": "popover-description", className: cn('text-muted-foreground', className), ...props }));
|
|
27
|
+
}
|
|
28
|
+
export { Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, };
|
|
23
29
|
//# sourceMappingURL=popover.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"popover.js","sourceRoot":"","sources":["../../../../src/components/ui/popover/popover.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAIb,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"popover.js","sourceRoot":"","sources":["../../../../src/components/ui/popover/popover.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAIb,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAErE,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAEzC;;;;GAIG;AAEH,SAAS,OAAO,CAAC,EACf,GAAG,KAAK,EACoB;IAC5B,OAAO,KAAC,gBAAgB,CAAC,IAAI,iBAAW,SAAS,KAAK,KAAK,GAAI,CAAC;AAClE,CAAC;AAED,SAAS,cAAc,CAAC,EACtB,GAAG,KAAK,EACuB;IAC/B,OAAO,KAAC,gBAAgB,CAAC,OAAO,iBAAW,iBAAiB,KAAK,KAAK,GAAI,CAAC;AAC7E,CAAC;AAED,SAAS,cAAc,CAAC,EACtB,SAAS,EACT,KAAK,GAAG,QAAQ,EAChB,WAAW,GAAG,CAAC,EACf,IAAI,GAAG,QAAQ,EACf,UAAU,GAAG,CAAC,EACd,GAAG,KAAK,EAKP;IACD,OAAO,CACL,KAAC,gBAAgB,CAAC,MAAM,cACtB,KAAC,gBAAgB,CAAC,UAAU,IAC1B,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,SAAS,EAAC,cAAc,YAExB,KAAC,gBAAgB,CAAC,KAAK,iBACX,iBAAiB,EAC3B,SAAS,EAAE,EAAE,CACX,qjBAAqjB,EACrjB,SAAS,CACV,KACG,KAAK,GACT,GAC0B,GACN,CAC3B,CAAC;AACJ,CAAC;AAED,SAAS,aAAa,CAAC,EACrB,SAAS,EACT,GAAG,KAAK,EACoB;IAC5B,OAAO,CACL,2BACY,gBAAgB,EAC1B,SAAS,EAAE,EAAE,CAAC,+BAA+B,EAAE,SAAS,CAAC,KACrD,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,SAAS,YAAY,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EACqB;IAC7B,OAAO,CACL,KAAC,gBAAgB,CAAC,KAAK,iBACX,eAAe,EACzB,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,SAAS,CAAC,KACnC,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,SAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EAC2B;IACnC,OAAO,CACL,KAAC,gBAAgB,CAAC,WAAW,iBACjB,qBAAqB,EAC/B,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,SAAS,CAAC,KAC7C,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,OAAO,EACL,OAAO,EACP,cAAc,EACd,kBAAkB,EAClB,aAAa,EACb,YAAY,EACZ,cAAc,GACf,CAAC"}
|
|
@@ -1,11 +1,10 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { ScrollArea as ScrollAreaPrimitive } from 'radix-ui';
|
|
1
|
+
import { ScrollArea as ScrollAreaPrimitive } from '@base-ui/react/scroll-area';
|
|
3
2
|
/**
|
|
4
3
|
* Augments native scroll functionality for custom, cross-browser styling.
|
|
5
4
|
*
|
|
6
5
|
* https://ui.shadcn.com/docs/components/scroll-area
|
|
7
6
|
*/
|
|
8
|
-
declare function ScrollArea({ className, children, ...props }:
|
|
9
|
-
declare function ScrollBar({ className, orientation, ...props }:
|
|
7
|
+
declare function ScrollArea({ className, children, ...props }: ScrollAreaPrimitive.Root.Props): React.ReactElement;
|
|
8
|
+
declare function ScrollBar({ className, orientation, ...props }: ScrollAreaPrimitive.Scrollbar.Props): React.ReactElement;
|
|
10
9
|
export { ScrollArea, ScrollBar };
|
|
11
10
|
//# sourceMappingURL=scroll-area.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"scroll-area.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/scroll-area/scroll-area.tsx"],"names":[],"mappings":"AAEA,OAAO,
|
|
1
|
+
{"version":3,"file":"scroll-area.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/scroll-area/scroll-area.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,IAAI,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAI/E;;;;GAIG;AACH,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,mBAAmB,CAAC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,YAAY,CAiBrD;AAED,iBAAS,SAAS,CAAC,EACjB,SAAS,EACT,WAAwB,EACxB,GAAG,KAAK,EACT,EAAE,mBAAmB,CAAC,SAAS,CAAC,KAAK,GAAG,KAAK,CAAC,YAAY,CAkB1D;AAED,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import { ScrollArea as ScrollAreaPrimitive } from '
|
|
3
|
+
import { ScrollArea as ScrollAreaPrimitive } from '@base-ui/react/scroll-area';
|
|
4
4
|
import { cn } from '#src/utils/index.js';
|
|
5
5
|
/**
|
|
6
6
|
* Augments native scroll functionality for custom, cross-browser styling.
|
|
@@ -11,9 +11,7 @@ function ScrollArea({ className, children, ...props }) {
|
|
|
11
11
|
return (_jsxs(ScrollAreaPrimitive.Root, { "data-slot": "scroll-area", className: cn('relative', className), ...props, children: [_jsx(ScrollAreaPrimitive.Viewport, { "data-slot": "scroll-area-viewport", className: "size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1", children: children }), _jsx(ScrollBar, {}), _jsx(ScrollAreaPrimitive.Corner, {})] }));
|
|
12
12
|
}
|
|
13
13
|
function ScrollBar({ className, orientation = 'vertical', ...props }) {
|
|
14
|
-
return (_jsx(ScrollAreaPrimitive.
|
|
15
|
-
'h-full w-2.5 border-l border-l-transparent', orientation === 'horizontal' &&
|
|
16
|
-
'h-2.5 flex-col border-t border-t-transparent', className), ...props, children: _jsx(ScrollAreaPrimitive.ScrollAreaThumb, { "data-slot": "scroll-area-thumb", className: "relative flex-1 rounded-full bg-border" }) }));
|
|
14
|
+
return (_jsx(ScrollAreaPrimitive.Scrollbar, { "data-slot": "scroll-area-scrollbar", "data-orientation": orientation, orientation: orientation, className: cn('flex touch-none p-px transition-colors select-none data-horizontal:h-2.5 data-horizontal:flex-col data-horizontal:border-t data-horizontal:border-t-transparent data-vertical:h-full data-vertical:w-2.5 data-vertical:border-l data-vertical:border-l-transparent', className), ...props, children: _jsx(ScrollAreaPrimitive.Thumb, { "data-slot": "scroll-area-thumb", className: "relative flex-1 rounded-full bg-border" }) }));
|
|
17
15
|
}
|
|
18
16
|
export { ScrollArea, ScrollBar };
|
|
19
17
|
//# sourceMappingURL=scroll-area.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"scroll-area.js","sourceRoot":"","sources":["../../../../src/components/ui/scroll-area/scroll-area.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;
|
|
1
|
+
{"version":3,"file":"scroll-area.js","sourceRoot":"","sources":["../../../../src/components/ui/scroll-area/scroll-area.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,UAAU,IAAI,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAE/E,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAEzC;;;;GAIG;AACH,SAAS,UAAU,CAAC,EAClB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACuB;IAC/B,OAAO,CACL,MAAC,mBAAmB,CAAC,IAAI,iBACb,aAAa,EACvB,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,SAAS,CAAC,KAChC,KAAK,aAET,KAAC,mBAAmB,CAAC,QAAQ,iBACjB,sBAAsB,EAChC,SAAS,EAAC,oJAAoJ,YAE7J,QAAQ,GACoB,EAC/B,KAAC,SAAS,KAAG,EACb,KAAC,mBAAmB,CAAC,MAAM,KAAG,IACL,CAC5B,CAAC;AACJ,CAAC;AAED,SAAS,SAAS,CAAC,EACjB,SAAS,EACT,WAAW,GAAG,UAAU,EACxB,GAAG,KAAK,EAC4B;IACpC,OAAO,CACL,KAAC,mBAAmB,CAAC,SAAS,iBAClB,uBAAuB,sBACf,WAAW,EAC7B,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,EAAE,CACX,oQAAoQ,EACpQ,SAAS,CACV,KACG,KAAK,YAET,KAAC,mBAAmB,CAAC,KAAK,iBACd,mBAAmB,EAC7B,SAAS,EAAC,wCAAwC,GAClD,GAC4B,CACjC,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC"}
|
|
@@ -1,26 +1,21 @@
|
|
|
1
1
|
import type * as React from 'react';
|
|
2
|
-
import { Select as SelectPrimitive } from '
|
|
2
|
+
import { Select as SelectPrimitive } from '@base-ui/react/select';
|
|
3
3
|
/**
|
|
4
4
|
* Select component
|
|
5
5
|
*
|
|
6
|
-
* - Adapted styles to make full width to match input styles
|
|
7
|
-
* - Added max height to the content
|
|
8
|
-
* - Use scroll area to make the content scrollable rather than buttons
|
|
9
|
-
*
|
|
10
6
|
* https://ui.shadcn.com/docs/components/select
|
|
11
7
|
*/
|
|
12
|
-
declare
|
|
13
|
-
declare function SelectGroup({ ...props }:
|
|
14
|
-
declare function SelectValue({ ...props }:
|
|
15
|
-
declare function SelectTrigger({ className, size, children, ...props }:
|
|
8
|
+
declare const Select: typeof SelectPrimitive.Root;
|
|
9
|
+
declare function SelectGroup({ className, ...props }: SelectPrimitive.Group.Props): React.ReactElement;
|
|
10
|
+
declare function SelectValue({ className, ...props }: SelectPrimitive.Value.Props): React.ReactElement;
|
|
11
|
+
declare function SelectTrigger({ className, size, children, ...props }: SelectPrimitive.Trigger.Props & {
|
|
16
12
|
size?: 'sm' | 'default';
|
|
17
13
|
}): React.ReactElement;
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
}
|
|
21
|
-
declare function
|
|
22
|
-
declare function
|
|
23
|
-
declare function
|
|
24
|
-
|
|
25
|
-
export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, };
|
|
14
|
+
declare function SelectContent({ className, children, side, sideOffset, align, alignOffset, alignItemWithTrigger, ...props }: SelectPrimitive.Popup.Props & Pick<SelectPrimitive.Positioner.Props, 'align' | 'alignOffset' | 'side' | 'sideOffset' | 'alignItemWithTrigger'>): React.ReactElement;
|
|
15
|
+
declare function SelectLabel({ className, ...props }: SelectPrimitive.GroupLabel.Props): React.ReactElement;
|
|
16
|
+
declare function SelectItem({ className, children, ...props }: SelectPrimitive.Item.Props): React.ReactElement;
|
|
17
|
+
declare function SelectSeparator({ className, ...props }: SelectPrimitive.Separator.Props): React.ReactElement;
|
|
18
|
+
declare function SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollUpArrow>): React.ReactElement;
|
|
19
|
+
declare function SelectScrollDownButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollDownArrow>): React.ReactElement;
|
|
20
|
+
export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, };
|
|
26
21
|
//# sourceMappingURL=select.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/select/select.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,
|
|
1
|
+
{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/select/select.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAUlE;;;;GAIG;AAEH,QAAA,MAAM,MAAM,6BAAuB,CAAC;AAEpC,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,YAAY,CAQlD;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,YAAY,CAQlD;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,IAAgB,EAChB,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,eAAe,CAAC,OAAO,CAAC,KAAK,GAAG;IACjC,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,CAAC;CACzB,GAAG,KAAK,CAAC,YAAY,CAmBrB;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,QAAQ,EACR,IAAe,EACf,UAAc,EACd,KAAgB,EAChB,WAAe,EACf,oBAA2B,EAC3B,GAAG,KAAK,EACT,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,GAC5B,IAAI,CACF,eAAe,CAAC,UAAU,CAAC,KAAK,EAChC,OAAO,GAAG,aAAa,GAAG,MAAM,GAAG,YAAY,GAAG,sBAAsB,CACzE,GAAG,KAAK,CAAC,YAAY,CA2BvB;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,eAAe,CAAC,UAAU,CAAC,KAAK,GAAG,KAAK,CAAC,YAAY,CAQvD;AAED,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,eAAe,CAAC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,YAAY,CAsBjD;AAED,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,eAAe,CAAC,SAAS,CAAC,KAAK,GAAG,KAAK,CAAC,YAAY,CAQtD;AAED,iBAAS,oBAAoB,CAAC,EAC5B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CACrB,OAAO,eAAe,CAAC,aAAa,CACrC,GAAG,KAAK,CAAC,YAAY,CAarB;AAED,iBAAS,sBAAsB,CAAC,EAC9B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CACrB,OAAO,eAAe,CAAC,eAAe,CACvC,GAAG,KAAK,CAAC,YAAY,CAarB;AAED,OAAO,EACL,MAAM,EACN,aAAa,EACb,WAAW,EACX,UAAU,EACV,WAAW,EACX,sBAAsB,EACtB,oBAAoB,EACpB,eAAe,EACf,aAAa,EACb,WAAW,GACZ,CAAC"}
|