@lglab/compose-ui 0.27.0 → 0.29.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/accordion.d.ts +49 -40
- package/dist/accordion.d.ts.map +1 -0
- package/dist/accordion.js +47 -45
- package/dist/accordion.js.map +1 -0
- package/dist/alert-dialog.d.ts +93 -87
- package/dist/alert-dialog.d.ts.map +1 -0
- package/dist/alert-dialog.js +94 -111
- package/dist/alert-dialog.js.map +1 -0
- package/dist/autocomplete.d.ts +99 -96
- package/dist/autocomplete.d.ts.map +1 -0
- package/dist/autocomplete.js +92 -116
- package/dist/autocomplete.js.map +1 -0
- package/dist/avatar.d.ts +56 -47
- package/dist/avatar.d.ts.map +1 -0
- package/dist/avatar.js +66 -79
- package/dist/avatar.js.map +1 -0
- package/dist/badge.d.ts +48 -0
- package/dist/badge.d.ts.map +1 -0
- package/dist/badge.js +196 -0
- package/dist/badge.js.map +1 -0
- package/dist/button.d.ts +26 -21
- package/dist/button.d.ts.map +1 -0
- package/dist/button.js +24 -24
- package/dist/button.js.map +1 -0
- package/dist/card.d.ts +105 -99
- package/dist/card.d.ts.map +1 -0
- package/dist/card.js +105 -66
- package/dist/card.js.map +1 -0
- package/dist/checkbox-group.d.ts +16 -12
- package/dist/checkbox-group.d.ts.map +1 -0
- package/dist/checkbox-group.js +18 -14
- package/dist/checkbox-group.js.map +1 -0
- package/dist/checkbox.d.ts +25 -19
- package/dist/checkbox.d.ts.map +1 -0
- package/dist/checkbox.js +26 -32
- package/dist/checkbox.js.map +1 -0
- package/dist/collapsible.d.ts +32 -26
- package/dist/collapsible.d.ts.map +1 -0
- package/dist/collapsible.js +32 -32
- package/dist/collapsible.js.map +1 -0
- package/dist/combobox.d.ts +191 -182
- package/dist/combobox.d.ts.map +1 -0
- package/dist/combobox.js +176 -250
- package/dist/combobox.js.map +1 -0
- package/dist/context-menu.d.ts +151 -138
- package/dist/context-menu.d.ts.map +1 -0
- package/dist/context-menu.js +151 -173
- package/dist/context-menu.js.map +1 -0
- package/dist/dialog.d.ts +101 -92
- package/dist/dialog.d.ts.map +1 -0
- package/dist/dialog.js +101 -105
- package/dist/dialog.js.map +1 -0
- package/dist/drawer.d.ts +109 -99
- package/dist/drawer.d.ts.map +1 -0
- package/dist/drawer.js +120 -111
- package/dist/drawer.js.map +1 -0
- package/dist/field.d.ts +61 -54
- package/dist/field.d.ts.map +1 -0
- package/dist/field.js +58 -27
- package/dist/field.js.map +1 -0
- package/dist/fieldset.d.ts +24 -19
- package/dist/fieldset.d.ts.map +1 -0
- package/dist/fieldset.js +26 -18
- package/dist/fieldset.js.map +1 -0
- package/dist/form.d.ts +16 -12
- package/dist/form.d.ts.map +1 -0
- package/dist/form.js +18 -8
- package/dist/form.js.map +1 -0
- package/dist/index.d.ts +44 -2077
- package/dist/index.js +44 -314
- package/dist/input.d.ts +16 -12
- package/dist/input.d.ts.map +1 -0
- package/dist/input.js +19 -9
- package/dist/input.js.map +1 -0
- package/dist/lib/arrow-svg.js +28 -0
- package/dist/lib/arrow-svg.js.map +1 -0
- package/dist/lib/button-variants.d.ts +6 -0
- package/dist/lib/button-variants.d.ts.map +1 -0
- package/dist/lib/button-variants.js +31 -0
- package/dist/lib/button-variants.js.map +1 -0
- package/dist/lib/control-variants.d.ts +6 -0
- package/dist/lib/control-variants.d.ts.map +1 -0
- package/dist/lib/control-variants.js +37 -0
- package/dist/lib/control-variants.js.map +1 -0
- package/dist/lib/form-variants.js +11 -0
- package/dist/lib/form-variants.js.map +1 -0
- package/dist/lib/tooltip-variants.d.ts +5 -0
- package/dist/lib/tooltip-variants.d.ts.map +1 -0
- package/dist/lib/tooltip-variants.js +36 -0
- package/dist/lib/tooltip-variants.js.map +1 -0
- package/dist/lib/utils.js +11 -0
- package/dist/lib/utils.js.map +1 -0
- package/dist/menu.d.ts +151 -138
- package/dist/menu.d.ts.map +1 -0
- package/dist/menu.js +151 -146
- package/dist/menu.js.map +1 -0
- package/dist/menubar.d.ts +168 -155
- package/dist/menubar.d.ts.map +1 -0
- package/dist/menubar.js +163 -169
- package/dist/menubar.js.map +1 -0
- package/dist/meter.d.ts +53 -43
- package/dist/meter.d.ts.map +1 -0
- package/dist/meter.js +59 -64
- package/dist/meter.js.map +1 -0
- package/dist/navigation-menu.d.ts +111 -96
- package/dist/navigation-menu.d.ts.map +1 -0
- package/dist/navigation-menu.js +117 -175
- package/dist/navigation-menu.js.map +1 -0
- package/dist/number-field.d.ts +64 -54
- package/dist/number-field.d.ts.map +1 -0
- package/dist/number-field.js +61 -69
- package/dist/number-field.js.map +1 -0
- package/dist/popover.d.ts +90 -82
- package/dist/popover.d.ts.map +1 -0
- package/dist/popover.js +85 -94
- package/dist/popover.js.map +1 -0
- package/dist/preview-card.d.ts +58 -54
- package/dist/preview-card.d.ts.map +1 -0
- package/dist/preview-card.js +57 -81
- package/dist/preview-card.js.map +1 -0
- package/dist/progress.d.ts +48 -40
- package/dist/progress.d.ts.map +1 -0
- package/dist/progress.js +46 -50
- package/dist/progress.js.map +1 -0
- package/dist/radio-group.d.ts +16 -12
- package/dist/radio-group.d.ts.map +1 -0
- package/dist/radio-group.js +18 -14
- package/dist/radio-group.js.map +1 -0
- package/dist/radio.d.ts +24 -19
- package/dist/radio.d.ts.map +1 -0
- package/dist/radio.js +25 -34
- package/dist/radio.js.map +1 -0
- package/dist/scroll-area.d.ts +57 -47
- package/dist/scroll-area.d.ts.map +1 -0
- package/dist/scroll-area.js +54 -56
- package/dist/scroll-area.js.map +1 -0
- package/dist/select.d.ts +146 -133
- package/dist/select.d.ts.map +1 -0
- package/dist/select.js +133 -167
- package/dist/select.js.map +1 -0
- package/dist/separator.d.ts +17 -12
- package/dist/separator.d.ts.map +1 -0
- package/dist/separator.js +19 -23
- package/dist/separator.js.map +1 -0
- package/dist/skeleton.d.ts +20 -0
- package/dist/skeleton.d.ts.map +1 -0
- package/dist/skeleton.js +27 -0
- package/dist/skeleton.js.map +1 -0
- package/dist/slider.d.ts +56 -47
- package/dist/slider.d.ts.map +1 -0
- package/dist/slider.js +53 -62
- package/dist/slider.js.map +1 -0
- package/dist/styles/default.css +26 -0
- package/dist/switch.d.ts +24 -19
- package/dist/switch.d.ts.map +1 -0
- package/dist/switch.js +23 -39
- package/dist/switch.js.map +1 -0
- package/dist/tabs.d.ts +60 -49
- package/dist/tabs.d.ts.map +1 -0
- package/dist/tabs.js +76 -84
- package/dist/tabs.js.map +1 -0
- package/dist/textarea.d.ts +15 -11
- package/dist/textarea.d.ts.map +1 -0
- package/dist/textarea.js +18 -14
- package/dist/textarea.js.map +1 -0
- package/dist/toast.d.ts +87 -81
- package/dist/toast.d.ts.map +1 -0
- package/dist/toast.js +79 -150
- package/dist/toast.js.map +1 -0
- package/dist/toggle-group.d.ts +34 -29
- package/dist/toggle-group.d.ts.map +1 -0
- package/dist/toggle-group.js +31 -34
- package/dist/toggle-group.js.map +1 -0
- package/dist/toggle.d.ts +24 -21
- package/dist/toggle.d.ts.map +1 -0
- package/dist/toggle.js +22 -15
- package/dist/toggle.js.map +1 -0
- package/dist/toolbar.d.ts +64 -56
- package/dist/toolbar.d.ts.map +1 -0
- package/dist/toolbar.js +57 -68
- package/dist/toolbar.js.map +1 -0
- package/dist/tooltip.d.ts +67 -62
- package/dist/tooltip.d.ts.map +1 -0
- package/dist/tooltip.js +65 -90
- package/dist/tooltip.js.map +1 -0
- package/package.json +12 -8
- package/dist/arrow-svg-C6zQTvgS.js +0 -40
- package/dist/button-variants-CbFMPwc8.js +0 -33
- package/dist/control-variants-Bwep4n0y.js +0 -37
- package/dist/form-variants-LJ8gIbk0.js +0 -9
- package/dist/utils-B6yFEsav.js +0 -8
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"popover.js","names":["BasePopover"],"sources":["../src/components/popover.tsx"],"sourcesContent":["'use client'\n\nimport { Popover as BasePopover } from '@base-ui/react/popover'\nimport * as React from 'react'\n\nimport { ArrowSvg } from '../lib/arrow-svg'\nimport { cn } from '../lib/utils'\n\n// ============================================================================\n// PopoverRoot\n// ============================================================================\n\ntype PopoverRootProps = React.ComponentProps<typeof BasePopover.Root>\n\nconst PopoverRoot = (props: PopoverRootProps) => {\n return <BasePopover.Root {...props} />\n}\n\nPopoverRoot.displayName = 'PopoverRoot'\n\n// ============================================================================\n// PopoverTrigger\n// ============================================================================\n\ntype PopoverTriggerProps = React.ComponentProps<typeof BasePopover.Trigger>\n\nconst PopoverTrigger = ({ className, ...props }: PopoverTriggerProps) => {\n return <BasePopover.Trigger className={cn(className)} {...props} />\n}\n\nPopoverTrigger.displayName = 'PopoverTrigger'\n\n// ============================================================================\n// PopoverPortal\n// ============================================================================\n\ntype PopoverPortalProps = React.ComponentProps<typeof BasePopover.Portal>\n\nconst PopoverPortal = (props: PopoverPortalProps) => {\n return <BasePopover.Portal {...props} />\n}\n\nPopoverPortal.displayName = 'PopoverPortal'\n\n// ============================================================================\n// PopoverBackdrop\n// ============================================================================\n\ntype PopoverBackdropProps = React.ComponentProps<typeof BasePopover.Backdrop>\n\nconst PopoverBackdrop = ({ className, ...props }: PopoverBackdropProps) => {\n return (\n <BasePopover.Backdrop\n className={cn(\n 'fixed inset-0 z-50 bg-black/50 backdrop-blur-sm',\n 'transition-opacity duration-200',\n 'data-starting-style:opacity-0 data-ending-style:opacity-0',\n className,\n )}\n {...props}\n />\n )\n}\n\nPopoverBackdrop.displayName = 'PopoverBackdrop'\n\n// ============================================================================\n// PopoverPositioner\n// ============================================================================\n\ntype PopoverPositionerProps = React.ComponentProps<typeof BasePopover.Positioner>\n\nconst PopoverPositioner = ({ className, ...props }: PopoverPositionerProps) => {\n return (\n <BasePopover.Positioner\n className={cn(\n 'z-50 outline-none',\n 'h-(--positioner-height) w-(--positioner-width)',\n 'max-w-(--available-width)',\n 'transition-[top,left,right,bottom,transform]',\n 'duration-[0.35s]',\n 'ease-[cubic-bezier(0.22,1,0.36,1)]',\n 'data-instant:transition-none',\n className,\n )}\n sideOffset={8}\n {...props}\n />\n )\n}\n\nPopoverPositioner.displayName = 'PopoverPositioner'\n\n// ============================================================================\n// PopoverPopup\n// ============================================================================\n\ntype PopoverPopupProps = React.ComponentProps<typeof BasePopover.Popup>\n\nconst PopoverPopup = ({ className, ...props }: PopoverPopupProps) => {\n return (\n <BasePopover.Popup\n className={cn(\n 'rounded-md bg-background px-4 py-3 text-foreground shadow-sm border relative',\n 'h-(--popup-height,auto) w-(--popup-width,auto)',\n 'max-w-[500px]',\n 'origin-(--transform-origin)',\n 'border-border',\n 'transition-[transform,scale,opacity]',\n 'data-ending-style:scale-90 data-ending-style:opacity-0',\n 'data-starting-style:scale-90 data-starting-style:opacity-0',\n 'dark:shadow-none',\n 'origin-(--transform-origin)',\n className,\n )}\n {...props}\n />\n )\n}\n\nPopoverPopup.displayName = 'PopoverPopup'\n\n// ============================================================================\n// PopoverArrow\n// ============================================================================\n\ntype PopoverArrowProps = React.ComponentProps<typeof BasePopover.Arrow>\n\nconst PopoverArrow = ({ className, ...props }: PopoverArrowProps) => {\n return (\n <BasePopover.Arrow\n className={cn(\n 'flex data-[side=bottom]:top-[-9px] data-[side=left]:right-[-14px] data-[side=left]:rotate-90 data-[side=right]:left-[-14px] data-[side=right]:-rotate-90 data-[side=top]:bottom-[-11px] data-[side=top]:rotate-180',\n className,\n )}\n {...props}\n >\n <ArrowSvg />\n </BasePopover.Arrow>\n )\n}\n\nPopoverArrow.displayName = 'PopoverArrow'\n\n// ============================================================================\n// PopoverTitle\n// ============================================================================\n\ntype PopoverTitleProps = React.ComponentProps<typeof BasePopover.Title>\n\nconst PopoverTitle = ({ className, ...props }: PopoverTitleProps) => {\n return (\n <BasePopover.Title className={cn('text-sm font-semibold', className)} {...props} />\n )\n}\n\nPopoverTitle.displayName = 'PopoverTitle'\n\n// ============================================================================\n// PopoverDescription\n// ============================================================================\n\ntype PopoverDescriptionProps = React.ComponentProps<typeof BasePopover.Description>\n\nconst PopoverDescription = ({ className, ...props }: PopoverDescriptionProps) => {\n return <BasePopover.Description className={cn('text-sm', className)} {...props} />\n}\n\nPopoverDescription.displayName = 'PopoverDescription'\n\n// ============================================================================\n// PopoverClose\n// ============================================================================\n\ntype PopoverCloseProps = React.ComponentProps<typeof BasePopover.Close>\n\nconst PopoverClose = ({ className, ...props }: PopoverCloseProps) => {\n return <BasePopover.Close className={cn(className)} {...props} />\n}\n\nPopoverClose.displayName = 'PopoverClose'\n\n// ============================================================================\n// PopoverViewport\n// ============================================================================\n\ntype PopoverViewportProps = React.ComponentProps<typeof BasePopover.Viewport>\n\nconst PopoverViewport = ({ className, ...props }: PopoverViewportProps) => {\n return <BasePopover.Viewport className={cn(className)} {...props} />\n}\n\nPopoverViewport.displayName = 'PopoverViewport'\n\n// ============================================================================\n// Exports\n// ============================================================================\n\nexport {\n PopoverRoot,\n PopoverTrigger,\n PopoverPortal,\n PopoverBackdrop,\n PopoverPositioner,\n PopoverPopup,\n PopoverArrow,\n PopoverTitle,\n PopoverDescription,\n PopoverClose,\n PopoverViewport,\n}\n\nexport type {\n PopoverRootProps,\n PopoverTriggerProps,\n PopoverPortalProps,\n PopoverBackdropProps,\n PopoverPositionerProps,\n PopoverPopupProps,\n PopoverArrowProps,\n PopoverTitleProps,\n PopoverDescriptionProps,\n PopoverCloseProps,\n PopoverViewportProps,\n}\n"],"mappings":";;;;;;;;;AAcA,MAAM,eAAe,UAA4B;AAC/C,QAAO,oBAACA,QAAY,QAAK,GAAI,QAAS;;AAGxC,YAAY,cAAc;AAQ1B,MAAM,kBAAkB,EAAE,WAAW,GAAG,YAAiC;AACvE,QAAO,oBAACA,QAAY;EAAQ,WAAW,GAAG,UAAU;EAAE,GAAI;GAAS;;AAGrE,eAAe,cAAc;AAQ7B,MAAM,iBAAiB,UAA8B;AACnD,QAAO,oBAACA,QAAY,UAAO,GAAI,QAAS;;AAG1C,cAAc,cAAc;AAQ5B,MAAM,mBAAmB,EAAE,WAAW,GAAG,YAAkC;AACzE,QACE,oBAACA,QAAY;EACX,WAAW,GACT,mDACA,mCACA,6DACA,UACD;EACD,GAAI;GACJ;;AAIN,gBAAgB,cAAc;AAQ9B,MAAM,qBAAqB,EAAE,WAAW,GAAG,YAAoC;AAC7E,QACE,oBAACA,QAAY;EACX,WAAW,GACT,qBACA,kDACA,6BACA,gDACA,oBACA,sCACA,gCACA,UACD;EACD,YAAY;EACZ,GAAI;GACJ;;AAIN,kBAAkB,cAAc;AAQhC,MAAM,gBAAgB,EAAE,WAAW,GAAG,YAA+B;AACnE,QACE,oBAACA,QAAY;EACX,WAAW,GACT,gFACA,kDACA,iBACA,+BACA,iBACA,wCACA,0DACA,8DACA,oBACA,+BACA,UACD;EACD,GAAI;GACJ;;AAIN,aAAa,cAAc;AAQ3B,MAAM,gBAAgB,EAAE,WAAW,GAAG,YAA+B;AACnE,QACE,oBAACA,QAAY;EACX,WAAW,GACT,sNACA,UACD;EACD,GAAI;YAEJ,oBAAC,aAAW;GACM;;AAIxB,aAAa,cAAc;AAQ3B,MAAM,gBAAgB,EAAE,WAAW,GAAG,YAA+B;AACnE,QACE,oBAACA,QAAY;EAAM,WAAW,GAAG,yBAAyB,UAAU;EAAE,GAAI;GAAS;;AAIvF,aAAa,cAAc;AAQ3B,MAAM,sBAAsB,EAAE,WAAW,GAAG,YAAqC;AAC/E,QAAO,oBAACA,QAAY;EAAY,WAAW,GAAG,WAAW,UAAU;EAAE,GAAI;GAAS;;AAGpF,mBAAmB,cAAc;AAQjC,MAAM,gBAAgB,EAAE,WAAW,GAAG,YAA+B;AACnE,QAAO,oBAACA,QAAY;EAAM,WAAW,GAAG,UAAU;EAAE,GAAI;GAAS;;AAGnE,aAAa,cAAc;AAQ3B,MAAM,mBAAmB,EAAE,WAAW,GAAG,YAAkC;AACzE,QAAO,oBAACA,QAAY;EAAS,WAAW,GAAG,UAAU;EAAE,GAAI;GAAS;;AAGtE,gBAAgB,cAAc"}
|
package/dist/preview-card.d.ts
CHANGED
|
@@ -1,54 +1,58 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
};
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import * as react_jsx_runtime117 from "react/jsx-runtime";
|
|
3
|
+
import { PreviewCard } from "@base-ui/react/preview-card";
|
|
4
|
+
|
|
5
|
+
//#region src/components/preview-card.d.ts
|
|
6
|
+
type PreviewCardRootProps = React.ComponentProps<typeof PreviewCard.Root>;
|
|
7
|
+
declare const PreviewCardRoot: {
|
|
8
|
+
(props: PreviewCardRootProps): react_jsx_runtime117.JSX.Element;
|
|
9
|
+
displayName: string;
|
|
10
|
+
};
|
|
11
|
+
type PreviewCardTriggerProps = React.ComponentProps<typeof PreviewCard.Trigger>;
|
|
12
|
+
declare const PreviewCardTrigger: {
|
|
13
|
+
({
|
|
14
|
+
className,
|
|
15
|
+
...props
|
|
16
|
+
}: PreviewCardTriggerProps): react_jsx_runtime117.JSX.Element;
|
|
17
|
+
displayName: string;
|
|
18
|
+
};
|
|
19
|
+
type PreviewCardPortalProps = React.ComponentProps<typeof PreviewCard.Portal>;
|
|
20
|
+
declare const PreviewCardPortal: {
|
|
21
|
+
(props: PreviewCardPortalProps): react_jsx_runtime117.JSX.Element;
|
|
22
|
+
displayName: string;
|
|
23
|
+
};
|
|
24
|
+
type PreviewCardBackdropProps = React.ComponentProps<typeof PreviewCard.Backdrop>;
|
|
25
|
+
declare const PreviewCardBackdrop: {
|
|
26
|
+
({
|
|
27
|
+
className,
|
|
28
|
+
...props
|
|
29
|
+
}: PreviewCardBackdropProps): react_jsx_runtime117.JSX.Element;
|
|
30
|
+
displayName: string;
|
|
31
|
+
};
|
|
32
|
+
type PreviewCardPositionerProps = React.ComponentProps<typeof PreviewCard.Positioner>;
|
|
33
|
+
declare const PreviewCardPositioner: {
|
|
34
|
+
({
|
|
35
|
+
className,
|
|
36
|
+
...props
|
|
37
|
+
}: PreviewCardPositionerProps): react_jsx_runtime117.JSX.Element;
|
|
38
|
+
displayName: string;
|
|
39
|
+
};
|
|
40
|
+
type PreviewCardPopupProps = React.ComponentProps<typeof PreviewCard.Popup>;
|
|
41
|
+
declare const PreviewCardPopup: {
|
|
42
|
+
({
|
|
43
|
+
className,
|
|
44
|
+
...props
|
|
45
|
+
}: PreviewCardPopupProps): react_jsx_runtime117.JSX.Element;
|
|
46
|
+
displayName: string;
|
|
47
|
+
};
|
|
48
|
+
type PreviewCardArrowProps = React.ComponentProps<typeof PreviewCard.Arrow>;
|
|
49
|
+
declare const PreviewCardArrow: {
|
|
50
|
+
({
|
|
51
|
+
className,
|
|
52
|
+
...props
|
|
53
|
+
}: PreviewCardArrowProps): react_jsx_runtime117.JSX.Element;
|
|
54
|
+
displayName: string;
|
|
55
|
+
};
|
|
56
|
+
//#endregion
|
|
57
|
+
export { PreviewCardArrow, type PreviewCardArrowProps, PreviewCardBackdrop, type PreviewCardBackdropProps, PreviewCardPopup, type PreviewCardPopupProps, PreviewCardPortal, type PreviewCardPortalProps, PreviewCardPositioner, type PreviewCardPositionerProps, PreviewCardRoot, type PreviewCardRootProps, PreviewCardTrigger, type PreviewCardTriggerProps };
|
|
58
|
+
//# sourceMappingURL=preview-card.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"preview-card.d.ts","names":[],"sources":["../src/components/preview-card.tsx"],"sourcesContent":[],"mappings":";;;;;KAYK,oBAAA,GAAuB,KAAA,CAAM,sBAAsB,WAAA,CAAgB;cAElE;UAA0B,uBAAoB,oBAAA,CAAA,GAAA,CAAA;EAF/C,WAAA,EAAA,MAAA;CAAoB;KAYpB,uBAAA,GAA0B,KAAA,CAAM,cAZmC,CAAA,OAYb,WAAA,CAAgB,OAZH,CAAA;cAclE,kBAd4B,EAAA;EAAc,CAAA;IAAA,SAAA;IAAA,GAAA;EAAA,CAAA,EAcK,uBAdL,CAAA,EAc4B,oBAAA,CAAA,GAAA,CAAA,OAd5B;EAE1C,WAAA,EAAA,MAEL;CAAA;KAoBI,sBAAA,GAAyB,KAAA,CAAM,cAtBJ,CAAA,OAsB0B,WAAA,CAAgB,MAtB1C,CAAA;cAwB1B,iBAxB8C,EAAA;EAAA,CAAA,KAAA,EAwBlB,sBAxBkB,CAAA,EAwBI,oBAAA,CAAA,GAAA,CAAA,OAxBJ;EAU/C,WAAA,EAAA,MAAA;CAAuB;KAwBvB,wBAAA,GAA2B,KAAA,CAAM,cAxBqC,CAAA,OAwBf,WAAA,CAAgB,QAxBD,CAAA;cA0BrE,mBA1B+B,EAAA;EAAc,CAAA;IAAA,SAAA;IAAA,GAAA;EAAA,CAAA,EA0BG,wBA1BH,CAAA,EA0B2B,oBAAA,CAAA,GAAA,CAAA,OA1B3B;EAE7C,WAAA,EAAA,MAAA;CAEL;KA0CI,0BAAA,GAA6B,KAAA,CAAM,sBAAsB,WAAA,CAAgB;cAExE,qBA9C+C,EAAA;;IAAuB,SAAA;IAAA,GAAA;EAAA,CAAA,EA8CpB,0BA9CoB,CAAA,EA8CM,oBAAA,CAAA,GAAA,CAAA,OA9CN;EAAA,WAAA,EAAA,MAAA;AAAA,CAAA;KAuEvE,qBAAA,GAAwB,KAAA,CAAM,cA7DR,CAAA,OA6D8B,WAAA,CAAgB,KA7D9C,CAAA;cA+DrB,gBA/DoE,EAAA;;IAA5C,SAAM;IAAA,GAAA;EAAA,CAAA,EA+De,qBA/Df,CAAA,EA+DoC,oBAAA,CAAA,GAAA,CAAA,OA/DpC;EAAc,WAAA,EAAA,MAAA;AAAA,CAAA;KAyF7C,qBAAA,GAAwB,KAAA,CAAM,cArFlC,CAAA,OAqFwD,WAAA,CAAgB,KArFxE,CAAA;cAuFK,gBAzF4B,EAAA;;IAAsB,SAAA;IAAA,GAAA;EAAA,CAAA,EAyFL,qBAzFK,CAAA,EAyFgB,oBAAA,CAAA,GAAA,CAAA,OAzFhB;EAAA,WAAA,EAAA,MAAA;AAAA,CAAA"}
|
package/dist/preview-card.js
CHANGED
|
@@ -1,82 +1,58 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
const
|
|
11
|
-
|
|
12
|
-
const p = ({ className: r, ...a }) => /* @__PURE__ */ t(
|
|
13
|
-
e.Backdrop,
|
|
14
|
-
{
|
|
15
|
-
className: i(
|
|
16
|
-
"fixed inset-0 z-50 bg-black/50 backdrop-blur-sm",
|
|
17
|
-
"transition-opacity duration-200",
|
|
18
|
-
"data-starting-style:opacity-0 data-ending-style:opacity-0",
|
|
19
|
-
r
|
|
20
|
-
),
|
|
21
|
-
...a
|
|
22
|
-
}
|
|
23
|
-
);
|
|
24
|
-
p.displayName = "PreviewCardBackdrop";
|
|
25
|
-
const l = ({ className: r, ...a }) => /* @__PURE__ */ t(
|
|
26
|
-
e.Positioner,
|
|
27
|
-
{
|
|
28
|
-
className: i(
|
|
29
|
-
"z-50 outline-none",
|
|
30
|
-
"h-(--positioner-height) w-(--positioner-width)",
|
|
31
|
-
"max-w-(--available-width)",
|
|
32
|
-
"transition-[top,left,right,bottom,transform]",
|
|
33
|
-
"duration-[0.35s]",
|
|
34
|
-
"ease-[cubic-bezier(0.22,1,0.36,1)]",
|
|
35
|
-
"data-instant:transition-none",
|
|
36
|
-
r
|
|
37
|
-
),
|
|
38
|
-
sideOffset: 8,
|
|
39
|
-
...a
|
|
40
|
-
}
|
|
41
|
-
);
|
|
42
|
-
l.displayName = "PreviewCardPositioner";
|
|
43
|
-
const c = ({ className: r, ...a }) => /* @__PURE__ */ t(
|
|
44
|
-
e.Popup,
|
|
45
|
-
{
|
|
46
|
-
className: i(
|
|
47
|
-
"rounded-md bg-background px-4 py-3 text-foreground shadow-sm border relative",
|
|
48
|
-
"h-(--popup-height,auto) w-(--popup-width,auto)",
|
|
49
|
-
"max-w-[320px]",
|
|
50
|
-
"origin-(--transform-origin)",
|
|
51
|
-
"border-border",
|
|
52
|
-
"transition-[transform,scale,opacity]",
|
|
53
|
-
"data-ending-style:scale-90 data-ending-style:opacity-0",
|
|
54
|
-
"data-starting-style:scale-90 data-starting-style:opacity-0",
|
|
55
|
-
"dark:shadow-none",
|
|
56
|
-
r
|
|
57
|
-
),
|
|
58
|
-
...a
|
|
59
|
-
}
|
|
60
|
-
);
|
|
61
|
-
c.displayName = "PreviewCardPopup";
|
|
62
|
-
const m = ({ className: r, ...a }) => /* @__PURE__ */ t(
|
|
63
|
-
e.Arrow,
|
|
64
|
-
{
|
|
65
|
-
className: i(
|
|
66
|
-
"flex data-[side=bottom]:top-[-9px] data-[side=left]:right-[-14px] data-[side=left]:rotate-90 data-[side=right]:left-[-14px] data-[side=right]:-rotate-90 data-[side=top]:bottom-[-11px] data-[side=top]:rotate-180",
|
|
67
|
-
r
|
|
68
|
-
),
|
|
69
|
-
...a,
|
|
70
|
-
children: /* @__PURE__ */ t(o, {})
|
|
71
|
-
}
|
|
72
|
-
);
|
|
73
|
-
m.displayName = "PreviewCardArrow";
|
|
74
|
-
export {
|
|
75
|
-
m as PreviewCardArrow,
|
|
76
|
-
p as PreviewCardBackdrop,
|
|
77
|
-
c as PreviewCardPopup,
|
|
78
|
-
n as PreviewCardPortal,
|
|
79
|
-
l as PreviewCardPositioner,
|
|
80
|
-
d as PreviewCardRoot,
|
|
81
|
-
s as PreviewCardTrigger
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
3
|
+
import { cn } from "./lib/utils.js";
|
|
4
|
+
import { ArrowSvg } from "./lib/arrow-svg.js";
|
|
5
|
+
import "react";
|
|
6
|
+
import { jsx } from "react/jsx-runtime";
|
|
7
|
+
import { PreviewCard } from "@base-ui/react/preview-card";
|
|
8
|
+
|
|
9
|
+
//#region src/components/preview-card.tsx
|
|
10
|
+
const PreviewCardRoot = (props) => {
|
|
11
|
+
return /* @__PURE__ */ jsx(PreviewCard.Root, { ...props });
|
|
82
12
|
};
|
|
13
|
+
PreviewCardRoot.displayName = "PreviewCardRoot";
|
|
14
|
+
const PreviewCardTrigger = ({ className, ...props }) => {
|
|
15
|
+
return /* @__PURE__ */ jsx(PreviewCard.Trigger, {
|
|
16
|
+
className: cn("underline", className),
|
|
17
|
+
...props
|
|
18
|
+
});
|
|
19
|
+
};
|
|
20
|
+
PreviewCardTrigger.displayName = "PreviewCardTrigger";
|
|
21
|
+
const PreviewCardPortal = (props) => {
|
|
22
|
+
return /* @__PURE__ */ jsx(PreviewCard.Portal, { ...props });
|
|
23
|
+
};
|
|
24
|
+
PreviewCardPortal.displayName = "PreviewCardPortal";
|
|
25
|
+
const PreviewCardBackdrop = ({ className, ...props }) => {
|
|
26
|
+
return /* @__PURE__ */ jsx(PreviewCard.Backdrop, {
|
|
27
|
+
className: cn("fixed inset-0 z-50 bg-black/50 backdrop-blur-sm", "transition-opacity duration-200", "data-starting-style:opacity-0 data-ending-style:opacity-0", className),
|
|
28
|
+
...props
|
|
29
|
+
});
|
|
30
|
+
};
|
|
31
|
+
PreviewCardBackdrop.displayName = "PreviewCardBackdrop";
|
|
32
|
+
const PreviewCardPositioner = ({ className, ...props }) => {
|
|
33
|
+
return /* @__PURE__ */ jsx(PreviewCard.Positioner, {
|
|
34
|
+
className: cn("z-50 outline-none", "h-(--positioner-height) w-(--positioner-width)", "max-w-(--available-width)", "transition-[top,left,right,bottom,transform]", "duration-[0.35s]", "ease-[cubic-bezier(0.22,1,0.36,1)]", "data-instant:transition-none", className),
|
|
35
|
+
sideOffset: 8,
|
|
36
|
+
...props
|
|
37
|
+
});
|
|
38
|
+
};
|
|
39
|
+
PreviewCardPositioner.displayName = "PreviewCardPositioner";
|
|
40
|
+
const PreviewCardPopup = ({ className, ...props }) => {
|
|
41
|
+
return /* @__PURE__ */ jsx(PreviewCard.Popup, {
|
|
42
|
+
className: cn("rounded-md bg-background px-4 py-3 text-foreground shadow-sm border relative", "h-(--popup-height,auto) w-(--popup-width,auto)", "max-w-[320px]", "origin-(--transform-origin)", "border-border", "transition-[transform,scale,opacity]", "data-ending-style:scale-90 data-ending-style:opacity-0", "data-starting-style:scale-90 data-starting-style:opacity-0", "dark:shadow-none", className),
|
|
43
|
+
...props
|
|
44
|
+
});
|
|
45
|
+
};
|
|
46
|
+
PreviewCardPopup.displayName = "PreviewCardPopup";
|
|
47
|
+
const PreviewCardArrow = ({ className, ...props }) => {
|
|
48
|
+
return /* @__PURE__ */ jsx(PreviewCard.Arrow, {
|
|
49
|
+
className: cn("flex data-[side=bottom]:top-[-9px] data-[side=left]:right-[-14px] data-[side=left]:rotate-90 data-[side=right]:left-[-14px] data-[side=right]:-rotate-90 data-[side=top]:bottom-[-11px] data-[side=top]:rotate-180", className),
|
|
50
|
+
...props,
|
|
51
|
+
children: /* @__PURE__ */ jsx(ArrowSvg, {})
|
|
52
|
+
});
|
|
53
|
+
};
|
|
54
|
+
PreviewCardArrow.displayName = "PreviewCardArrow";
|
|
55
|
+
|
|
56
|
+
//#endregion
|
|
57
|
+
export { PreviewCardArrow, PreviewCardBackdrop, PreviewCardPopup, PreviewCardPortal, PreviewCardPositioner, PreviewCardRoot, PreviewCardTrigger };
|
|
58
|
+
//# sourceMappingURL=preview-card.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"preview-card.js","names":["BasePreviewCard"],"sources":["../src/components/preview-card.tsx"],"sourcesContent":["'use client'\n\nimport { PreviewCard as BasePreviewCard } from '@base-ui/react/preview-card'\nimport * as React from 'react'\n\nimport { ArrowSvg } from '../lib/arrow-svg'\nimport { cn } from '../lib/utils'\n\n// ============================================================================\n// PreviewCardRoot\n// ============================================================================\n\ntype PreviewCardRootProps = React.ComponentProps<typeof BasePreviewCard.Root>\n\nconst PreviewCardRoot = (props: PreviewCardRootProps) => {\n return <BasePreviewCard.Root {...props} />\n}\n\nPreviewCardRoot.displayName = 'PreviewCardRoot'\n\n// ============================================================================\n// PreviewCardTrigger\n// ============================================================================\n\ntype PreviewCardTriggerProps = React.ComponentProps<typeof BasePreviewCard.Trigger>\n\nconst PreviewCardTrigger = ({ className, ...props }: PreviewCardTriggerProps) => {\n return <BasePreviewCard.Trigger className={cn('underline', className)} {...props} />\n}\n\nPreviewCardTrigger.displayName = 'PreviewCardTrigger'\n\n// ============================================================================\n// PreviewCardPortal\n// ============================================================================\n\ntype PreviewCardPortalProps = React.ComponentProps<typeof BasePreviewCard.Portal>\n\nconst PreviewCardPortal = (props: PreviewCardPortalProps) => {\n return <BasePreviewCard.Portal {...props} />\n}\n\nPreviewCardPortal.displayName = 'PreviewCardPortal'\n\n// ============================================================================\n// PreviewCardBackdrop\n// ============================================================================\n\ntype PreviewCardBackdropProps = React.ComponentProps<typeof BasePreviewCard.Backdrop>\n\nconst PreviewCardBackdrop = ({ className, ...props }: PreviewCardBackdropProps) => {\n return (\n <BasePreviewCard.Backdrop\n className={cn(\n 'fixed inset-0 z-50 bg-black/50 backdrop-blur-sm',\n 'transition-opacity duration-200',\n 'data-starting-style:opacity-0 data-ending-style:opacity-0',\n className,\n )}\n {...props}\n />\n )\n}\n\nPreviewCardBackdrop.displayName = 'PreviewCardBackdrop'\n\n// ============================================================================\n// PreviewCardPositioner\n// ============================================================================\n\ntype PreviewCardPositionerProps = React.ComponentProps<typeof BasePreviewCard.Positioner>\n\nconst PreviewCardPositioner = ({ className, ...props }: PreviewCardPositionerProps) => {\n return (\n <BasePreviewCard.Positioner\n className={cn(\n 'z-50 outline-none',\n 'h-(--positioner-height) w-(--positioner-width)',\n 'max-w-(--available-width)',\n 'transition-[top,left,right,bottom,transform]',\n 'duration-[0.35s]',\n 'ease-[cubic-bezier(0.22,1,0.36,1)]',\n 'data-instant:transition-none',\n className,\n )}\n sideOffset={8}\n {...props}\n />\n )\n}\n\nPreviewCardPositioner.displayName = 'PreviewCardPositioner'\n\n// ============================================================================\n// PreviewCardPopup\n// ============================================================================\n\ntype PreviewCardPopupProps = React.ComponentProps<typeof BasePreviewCard.Popup>\n\nconst PreviewCardPopup = ({ className, ...props }: PreviewCardPopupProps) => {\n return (\n <BasePreviewCard.Popup\n className={cn(\n 'rounded-md bg-background px-4 py-3 text-foreground shadow-sm border relative',\n 'h-(--popup-height,auto) w-(--popup-width,auto)',\n 'max-w-[320px]',\n 'origin-(--transform-origin)',\n 'border-border',\n 'transition-[transform,scale,opacity]',\n 'data-ending-style:scale-90 data-ending-style:opacity-0',\n 'data-starting-style:scale-90 data-starting-style:opacity-0',\n 'dark:shadow-none',\n className,\n )}\n {...props}\n />\n )\n}\n\nPreviewCardPopup.displayName = 'PreviewCardPopup'\n\n// ============================================================================\n// PreviewCardArrow\n// ============================================================================\n\ntype PreviewCardArrowProps = React.ComponentProps<typeof BasePreviewCard.Arrow>\n\nconst PreviewCardArrow = ({ className, ...props }: PreviewCardArrowProps) => {\n return (\n <BasePreviewCard.Arrow\n className={cn(\n 'flex data-[side=bottom]:top-[-9px] data-[side=left]:right-[-14px] data-[side=left]:rotate-90 data-[side=right]:left-[-14px] data-[side=right]:-rotate-90 data-[side=top]:bottom-[-11px] data-[side=top]:rotate-180',\n className,\n )}\n {...props}\n >\n <ArrowSvg />\n </BasePreviewCard.Arrow>\n )\n}\n\nPreviewCardArrow.displayName = 'PreviewCardArrow'\n\n// ============================================================================\n// Exports\n// ============================================================================\n\nexport {\n PreviewCardRoot,\n PreviewCardTrigger,\n PreviewCardPortal,\n PreviewCardBackdrop,\n PreviewCardPositioner,\n PreviewCardPopup,\n PreviewCardArrow,\n}\n\nexport type {\n PreviewCardRootProps,\n PreviewCardTriggerProps,\n PreviewCardPortalProps,\n PreviewCardBackdropProps,\n PreviewCardPositionerProps,\n PreviewCardPopupProps,\n PreviewCardArrowProps,\n}\n"],"mappings":";;;;;;;;;AAcA,MAAM,mBAAmB,UAAgC;AACvD,QAAO,oBAACA,YAAgB,QAAK,GAAI,QAAS;;AAG5C,gBAAgB,cAAc;AAQ9B,MAAM,sBAAsB,EAAE,WAAW,GAAG,YAAqC;AAC/E,QAAO,oBAACA,YAAgB;EAAQ,WAAW,GAAG,aAAa,UAAU;EAAE,GAAI;GAAS;;AAGtF,mBAAmB,cAAc;AAQjC,MAAM,qBAAqB,UAAkC;AAC3D,QAAO,oBAACA,YAAgB,UAAO,GAAI,QAAS;;AAG9C,kBAAkB,cAAc;AAQhC,MAAM,uBAAuB,EAAE,WAAW,GAAG,YAAsC;AACjF,QACE,oBAACA,YAAgB;EACf,WAAW,GACT,mDACA,mCACA,6DACA,UACD;EACD,GAAI;GACJ;;AAIN,oBAAoB,cAAc;AAQlC,MAAM,yBAAyB,EAAE,WAAW,GAAG,YAAwC;AACrF,QACE,oBAACA,YAAgB;EACf,WAAW,GACT,qBACA,kDACA,6BACA,gDACA,oBACA,sCACA,gCACA,UACD;EACD,YAAY;EACZ,GAAI;GACJ;;AAIN,sBAAsB,cAAc;AAQpC,MAAM,oBAAoB,EAAE,WAAW,GAAG,YAAmC;AAC3E,QACE,oBAACA,YAAgB;EACf,WAAW,GACT,gFACA,kDACA,iBACA,+BACA,iBACA,wCACA,0DACA,8DACA,oBACA,UACD;EACD,GAAI;GACJ;;AAIN,iBAAiB,cAAc;AAQ/B,MAAM,oBAAoB,EAAE,WAAW,GAAG,YAAmC;AAC3E,QACE,oBAACA,YAAgB;EACf,WAAW,GACT,sNACA,UACD;EACD,GAAI;YAEJ,oBAAC,aAAW;GACU;;AAI5B,iBAAiB,cAAc"}
|
package/dist/progress.d.ts
CHANGED
|
@@ -1,40 +1,48 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
};
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import * as react_jsx_runtime132 from "react/jsx-runtime";
|
|
3
|
+
import { Progress } from "@base-ui/react/progress";
|
|
4
|
+
|
|
5
|
+
//#region src/components/progress.d.ts
|
|
6
|
+
type ProgressRootProps = React.ComponentProps<typeof Progress.Root>;
|
|
7
|
+
declare const ProgressRoot: {
|
|
8
|
+
({
|
|
9
|
+
className,
|
|
10
|
+
...props
|
|
11
|
+
}: ProgressRootProps): react_jsx_runtime132.JSX.Element;
|
|
12
|
+
displayName: string;
|
|
13
|
+
};
|
|
14
|
+
type ProgressTrackProps = React.ComponentProps<typeof Progress.Track>;
|
|
15
|
+
declare const ProgressTrack: {
|
|
16
|
+
({
|
|
17
|
+
className,
|
|
18
|
+
...props
|
|
19
|
+
}: ProgressTrackProps): react_jsx_runtime132.JSX.Element;
|
|
20
|
+
displayName: string;
|
|
21
|
+
};
|
|
22
|
+
type ProgressIndicatorProps = React.ComponentProps<typeof Progress.Indicator>;
|
|
23
|
+
declare const ProgressIndicator: {
|
|
24
|
+
({
|
|
25
|
+
className,
|
|
26
|
+
...props
|
|
27
|
+
}: ProgressIndicatorProps): react_jsx_runtime132.JSX.Element;
|
|
28
|
+
displayName: string;
|
|
29
|
+
};
|
|
30
|
+
type ProgressValueProps = React.ComponentProps<typeof Progress.Value>;
|
|
31
|
+
declare const ProgressValue: {
|
|
32
|
+
({
|
|
33
|
+
className,
|
|
34
|
+
...props
|
|
35
|
+
}: ProgressValueProps): react_jsx_runtime132.JSX.Element;
|
|
36
|
+
displayName: string;
|
|
37
|
+
};
|
|
38
|
+
type ProgressLabelProps = React.ComponentProps<typeof Progress.Label>;
|
|
39
|
+
declare const ProgressLabel: {
|
|
40
|
+
({
|
|
41
|
+
className,
|
|
42
|
+
...props
|
|
43
|
+
}: ProgressLabelProps): react_jsx_runtime132.JSX.Element;
|
|
44
|
+
displayName: string;
|
|
45
|
+
};
|
|
46
|
+
//#endregion
|
|
47
|
+
export { ProgressIndicator, type ProgressIndicatorProps, ProgressLabel, type ProgressLabelProps, ProgressRoot, type ProgressRootProps, ProgressTrack, type ProgressTrackProps, ProgressValue, type ProgressValueProps };
|
|
48
|
+
//# sourceMappingURL=progress.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"progress.d.ts","names":[],"sources":["../src/components/progress.tsx"],"sourcesContent":[],"mappings":";;;;;KAWK,iBAAA,GAAoB,KAAA,CAAM,sBAAsB,QAAA,CAAa;cAE5D;;;;KAAyC,oBAAiB,oBAAA,CAAA,GAAA,CAAA;EAF3D,WAAA,EAAA,MAAA;CAAiB;KAYjB,kBAAA,GAAqB,KAAA,CAAM,cAZkC,CAAA,OAYZ,QAAA,CAAa,KAZD,CAAA;cAc5D,aAdyB,EAAA;EAAc,CAAA;IAAA,SAAA;IAAA,GAAA;EAAA,CAAA,EAcG,kBAdH,CAAA,EAcqB,oBAAA,CAAA,GAAA,CAAA,OAdrB;EAEvC,WAAA,EAAA,MAEL;CAAA;KA4BI,sBAAA,GAAyB,KAAA,CAAM,sBAAsB,QAAA,CAAa;cAEjE,iBAhCyC,EAAA;;IAAiB,SAAA;IAAA,GAAA;EAAA,CAAA,EAgCZ,sBAhCY,CAAA,EAgCU,oBAAA,CAAA,GAAA,CAAA,OAhCV;EAAA,WAAA,EAAA,MAAA;AAAA,CAAA;KAkD3D,kBAAA,GAAqB,KAAA,CAAM,cAxCT,CAAA,OAwC+B,QAAA,CAAa,KAxC5C,CAAA;cA0CjB,aA1C6D,EAAA;;IAAzC,SAAM;IAAA,GAAA;EAAA,CAAA,EA0CgB,kBA1ChB,CAAA,EA0CkC,oBAAA,CAAA,GAAA,CAAA,OA1ClC;EAAc,WAAA,EAAA,MAAA;AAAA,CAAA;KAyDzC,kBAAA,GAAqB,KAAA,CAAM,cA7C/B,CAAA,OA6CqD,QAAA,CAAa,KA7ClE,CAAA;cA+CK;;IAzD0C,SAAA;IAAA,GAAA;EAAA,CAAA,EAyDA,kBAzDA,CAAA,EAyDkB,oBAAA,CAAA,GAAA,CAAA,OAzDlB;aAAkB,EAAA,MAAA;CAAA"}
|
package/dist/progress.js
CHANGED
|
@@ -1,51 +1,47 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
import {
|
|
4
|
-
import
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
...e
|
|
15
|
-
}
|
|
16
|
-
);
|
|
17
|
-
l.displayName = "ProgressTrack";
|
|
18
|
-
const n = ({ className: r, ...e }) => /* @__PURE__ */ s(
|
|
19
|
-
o.Indicator,
|
|
20
|
-
{
|
|
21
|
-
className: a(
|
|
22
|
-
"h-full rounded-full bg-primary transition-all duration-1000 ease-out-expo",
|
|
23
|
-
r
|
|
24
|
-
),
|
|
25
|
-
...e
|
|
26
|
-
}
|
|
27
|
-
);
|
|
28
|
-
n.displayName = "ProgressIndicator";
|
|
29
|
-
const m = ({ className: r, ...e }) => /* @__PURE__ */ s(
|
|
30
|
-
o.Value,
|
|
31
|
-
{
|
|
32
|
-
className: a("text-sm font-medium text-foreground", r),
|
|
33
|
-
...e
|
|
34
|
-
}
|
|
35
|
-
);
|
|
36
|
-
m.displayName = "ProgressValue";
|
|
37
|
-
const u = ({ className: r, ...e }) => /* @__PURE__ */ s(
|
|
38
|
-
o.Label,
|
|
39
|
-
{
|
|
40
|
-
className: a("text-sm font-medium text-foreground", r),
|
|
41
|
-
...e
|
|
42
|
-
}
|
|
43
|
-
);
|
|
44
|
-
u.displayName = "ProgressLabel";
|
|
45
|
-
export {
|
|
46
|
-
n as ProgressIndicator,
|
|
47
|
-
u as ProgressLabel,
|
|
48
|
-
t as ProgressRoot,
|
|
49
|
-
l as ProgressTrack,
|
|
50
|
-
m as ProgressValue
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
3
|
+
import { cn } from "./lib/utils.js";
|
|
4
|
+
import "react";
|
|
5
|
+
import { jsx } from "react/jsx-runtime";
|
|
6
|
+
import { Progress } from "@base-ui/react/progress";
|
|
7
|
+
|
|
8
|
+
//#region src/components/progress.tsx
|
|
9
|
+
const ProgressRoot = ({ className, ...props }) => {
|
|
10
|
+
return /* @__PURE__ */ jsx(Progress.Root, {
|
|
11
|
+
className: cn("w-full", className),
|
|
12
|
+
...props
|
|
13
|
+
});
|
|
51
14
|
};
|
|
15
|
+
ProgressRoot.displayName = "ProgressRoot";
|
|
16
|
+
const ProgressTrack = ({ className, ...props }) => {
|
|
17
|
+
return /* @__PURE__ */ jsx(Progress.Track, {
|
|
18
|
+
className: cn("relative h-2 w-full overflow-hidden rounded-full bg-primary/20", className),
|
|
19
|
+
...props
|
|
20
|
+
});
|
|
21
|
+
};
|
|
22
|
+
ProgressTrack.displayName = "ProgressTrack";
|
|
23
|
+
const ProgressIndicator = ({ className, ...props }) => {
|
|
24
|
+
return /* @__PURE__ */ jsx(Progress.Indicator, {
|
|
25
|
+
className: cn("h-full rounded-full bg-primary transition-all duration-1000 ease-out-expo", className),
|
|
26
|
+
...props
|
|
27
|
+
});
|
|
28
|
+
};
|
|
29
|
+
ProgressIndicator.displayName = "ProgressIndicator";
|
|
30
|
+
const ProgressValue = ({ className, ...props }) => {
|
|
31
|
+
return /* @__PURE__ */ jsx(Progress.Value, {
|
|
32
|
+
className: cn("text-sm font-medium text-foreground", className),
|
|
33
|
+
...props
|
|
34
|
+
});
|
|
35
|
+
};
|
|
36
|
+
ProgressValue.displayName = "ProgressValue";
|
|
37
|
+
const ProgressLabel = ({ className, ...props }) => {
|
|
38
|
+
return /* @__PURE__ */ jsx(Progress.Label, {
|
|
39
|
+
className: cn("text-sm font-medium text-foreground", className),
|
|
40
|
+
...props
|
|
41
|
+
});
|
|
42
|
+
};
|
|
43
|
+
ProgressLabel.displayName = "ProgressLabel";
|
|
44
|
+
|
|
45
|
+
//#endregion
|
|
46
|
+
export { ProgressIndicator, ProgressLabel, ProgressRoot, ProgressTrack, ProgressValue };
|
|
47
|
+
//# sourceMappingURL=progress.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"progress.js","names":["BaseProgress"],"sources":["../src/components/progress.tsx"],"sourcesContent":["'use client'\n\nimport { Progress as BaseProgress } from '@base-ui/react/progress'\nimport * as React from 'react'\n\nimport { cn } from '../lib/utils'\n\n// ============================================================================\n// ProgressRoot\n// ============================================================================\n\ntype ProgressRootProps = React.ComponentProps<typeof BaseProgress.Root>\n\nconst ProgressRoot = ({ className, ...props }: ProgressRootProps) => {\n return <BaseProgress.Root className={cn('w-full', className)} {...props} />\n}\n\nProgressRoot.displayName = 'ProgressRoot'\n\n// ============================================================================\n// ProgressTrack\n// ============================================================================\n\ntype ProgressTrackProps = React.ComponentProps<typeof BaseProgress.Track>\n\nconst ProgressTrack = ({ className, ...props }: ProgressTrackProps) => {\n return (\n <BaseProgress.Track\n className={cn(\n 'relative h-2 w-full overflow-hidden rounded-full bg-primary/20',\n className,\n )}\n {...props}\n />\n )\n}\n\nProgressTrack.displayName = 'ProgressTrack'\n\n// ============================================================================\n// ProgressIndicator\n// ============================================================================\n\ntype ProgressIndicatorProps = React.ComponentProps<typeof BaseProgress.Indicator>\n\nconst ProgressIndicator = ({ className, ...props }: ProgressIndicatorProps) => {\n return (\n <BaseProgress.Indicator\n className={cn(\n 'h-full rounded-full bg-primary transition-all duration-1000 ease-out-expo',\n className,\n )}\n {...props}\n />\n )\n}\n\nProgressIndicator.displayName = 'ProgressIndicator'\n\n// ============================================================================\n// ProgressValue\n// ============================================================================\n\ntype ProgressValueProps = React.ComponentProps<typeof BaseProgress.Value>\n\nconst ProgressValue = ({ className, ...props }: ProgressValueProps) => {\n return (\n <BaseProgress.Value\n className={cn('text-sm font-medium text-foreground', className)}\n {...props}\n />\n )\n}\n\nProgressValue.displayName = 'ProgressValue'\n\n// ============================================================================\n// ProgressLabel\n// ============================================================================\n\ntype ProgressLabelProps = React.ComponentProps<typeof BaseProgress.Label>\n\nconst ProgressLabel = ({ className, ...props }: ProgressLabelProps) => {\n return (\n <BaseProgress.Label\n className={cn('text-sm font-medium text-foreground', className)}\n {...props}\n />\n )\n}\n\nProgressLabel.displayName = 'ProgressLabel'\n\n// ============================================================================\n// Exports\n// ============================================================================\n\nexport { ProgressRoot, ProgressTrack, ProgressIndicator, ProgressValue, ProgressLabel }\n\nexport type {\n ProgressRootProps,\n ProgressTrackProps,\n ProgressIndicatorProps,\n ProgressValueProps,\n ProgressLabelProps,\n}\n"],"mappings":";;;;;;;;AAaA,MAAM,gBAAgB,EAAE,WAAW,GAAG,YAA+B;AACnE,QAAO,oBAACA,SAAa;EAAK,WAAW,GAAG,UAAU,UAAU;EAAE,GAAI;GAAS;;AAG7E,aAAa,cAAc;AAQ3B,MAAM,iBAAiB,EAAE,WAAW,GAAG,YAAgC;AACrE,QACE,oBAACA,SAAa;EACZ,WAAW,GACT,kEACA,UACD;EACD,GAAI;GACJ;;AAIN,cAAc,cAAc;AAQ5B,MAAM,qBAAqB,EAAE,WAAW,GAAG,YAAoC;AAC7E,QACE,oBAACA,SAAa;EACZ,WAAW,GACT,6EACA,UACD;EACD,GAAI;GACJ;;AAIN,kBAAkB,cAAc;AAQhC,MAAM,iBAAiB,EAAE,WAAW,GAAG,YAAgC;AACrE,QACE,oBAACA,SAAa;EACZ,WAAW,GAAG,uCAAuC,UAAU;EAC/D,GAAI;GACJ;;AAIN,cAAc,cAAc;AAQ5B,MAAM,iBAAiB,EAAE,WAAW,GAAG,YAAgC;AACrE,QACE,oBAACA,SAAa;EACZ,WAAW,GAAG,uCAAuC,UAAU;EAC/D,GAAI;GACJ;;AAIN,cAAc,cAAc"}
|
package/dist/radio-group.d.ts
CHANGED
|
@@ -1,12 +1,16 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import * as react_jsx_runtime142 from "react/jsx-runtime";
|
|
3
|
+
import { RadioGroup } from "@base-ui/react/radio-group";
|
|
4
|
+
|
|
5
|
+
//#region src/components/radio-group.d.ts
|
|
6
|
+
type RadioGroupRootProps = React.ComponentProps<typeof RadioGroup>;
|
|
7
|
+
declare const RadioGroupRoot: {
|
|
8
|
+
({
|
|
9
|
+
className,
|
|
10
|
+
...props
|
|
11
|
+
}: RadioGroupRootProps): react_jsx_runtime142.JSX.Element;
|
|
12
|
+
displayName: string;
|
|
13
|
+
};
|
|
14
|
+
//#endregion
|
|
15
|
+
export { RadioGroupRoot, type RadioGroupRootProps };
|
|
16
|
+
//# sourceMappingURL=radio-group.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"radio-group.d.ts","names":[],"sources":["../src/components/radio-group.tsx"],"sourcesContent":[],"mappings":";;;;;KAWK,mBAAA,GAAsB,KAAA,CAAM,sBAAsB;cAEjD;;;;KAA2C,sBAAmB,oBAAA,CAAA,GAAA,CAAA;EAF/D,WAAA,EAAA,MAAA;CAAmB"}
|
package/dist/radio-group.js
CHANGED
|
@@ -1,15 +1,19 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
import {
|
|
4
|
-
import
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
)
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
i as RadioGroupRoot
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
3
|
+
import { cn } from "./lib/utils.js";
|
|
4
|
+
import "react";
|
|
5
|
+
import { jsx } from "react/jsx-runtime";
|
|
6
|
+
import { RadioGroup } from "@base-ui/react/radio-group";
|
|
7
|
+
|
|
8
|
+
//#region src/components/radio-group.tsx
|
|
9
|
+
const RadioGroupRoot = ({ className, ...props }) => {
|
|
10
|
+
return /* @__PURE__ */ jsx(RadioGroup, {
|
|
11
|
+
className: cn("flex flex-col items-start gap-2", className),
|
|
12
|
+
...props
|
|
13
|
+
});
|
|
15
14
|
};
|
|
15
|
+
RadioGroupRoot.displayName = "RadioGroupRoot";
|
|
16
|
+
|
|
17
|
+
//#endregion
|
|
18
|
+
export { RadioGroupRoot };
|
|
19
|
+
//# sourceMappingURL=radio-group.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"radio-group.js","names":["BaseRadioGroup"],"sources":["../src/components/radio-group.tsx"],"sourcesContent":["'use client'\n\nimport { RadioGroup as BaseRadioGroup } from '@base-ui/react/radio-group'\nimport * as React from 'react'\n\nimport { cn } from '../lib/utils'\n\n// ============================================================================\n// RadioGroupRoot\n// ============================================================================\n\ntype RadioGroupRootProps = React.ComponentProps<typeof BaseRadioGroup>\n\nconst RadioGroupRoot = ({ className, ...props }: RadioGroupRootProps) => {\n return (\n <BaseRadioGroup\n className={cn('flex flex-col items-start gap-2', className)}\n {...props}\n />\n )\n}\n\nRadioGroupRoot.displayName = 'RadioGroupRoot'\n\n// ============================================================================\n// Exports\n// ============================================================================\n\nexport { RadioGroupRoot }\n\nexport type { RadioGroupRootProps }\n"],"mappings":";;;;;;;;AAaA,MAAM,kBAAkB,EAAE,WAAW,GAAG,YAAiC;AACvE,QACE,oBAACA;EACC,WAAW,GAAG,mCAAmC,UAAU;EAC3D,GAAI;GACJ;;AAIN,eAAe,cAAc"}
|
package/dist/radio.d.ts
CHANGED
|
@@ -1,19 +1,24 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import * as react_jsx_runtime162 from "react/jsx-runtime";
|
|
3
|
+
import { Radio } from "@base-ui/react/radio";
|
|
4
|
+
|
|
5
|
+
//#region src/components/radio.d.ts
|
|
6
|
+
type RadioRootProps = React.ComponentProps<typeof Radio.Root>;
|
|
7
|
+
declare const RadioRoot: {
|
|
8
|
+
({
|
|
9
|
+
className,
|
|
10
|
+
...props
|
|
11
|
+
}: RadioRootProps): react_jsx_runtime162.JSX.Element;
|
|
12
|
+
displayName: string;
|
|
13
|
+
};
|
|
14
|
+
type RadioIndicatorProps = React.ComponentProps<typeof Radio.Indicator>;
|
|
15
|
+
declare const RadioIndicator: {
|
|
16
|
+
({
|
|
17
|
+
className,
|
|
18
|
+
...props
|
|
19
|
+
}: RadioIndicatorProps): react_jsx_runtime162.JSX.Element;
|
|
20
|
+
displayName: string;
|
|
21
|
+
};
|
|
22
|
+
//#endregion
|
|
23
|
+
export { RadioIndicator, type RadioIndicatorProps, RadioRoot, type RadioRootProps };
|
|
24
|
+
//# sourceMappingURL=radio.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"radio.d.ts","names":[],"sources":["../src/components/radio.tsx"],"sourcesContent":[],"mappings":";;;;;KAWK,cAAA,GAAiB,KAAA,CAAM,sBAAsB,KAAA,CAAU;cAEtD;;;;KAAsC,iBAAc,oBAAA,CAAA,GAAA,CAAA;EAFrD,WAAA,EAAA,MAAc;CAAA;KAwBd,mBAAA,GAAsB,KAAA,CAAM,cAxB2B,CAAA,OAwBL,KAAA,CAAU,SAxBL,CAAA;cA0BtD,cA1BsB,EAAA;EAAc,CAAA;IAAA,SAAA;IAAA,GAAA;EAAA,CAAA,EA0BO,mBA1BP,CAAA,EA0B0B,oBAAA,CAAA,GAAA,CAAA,OA1B1B;EAEpC,WAAA,EAcL,MAAA;CAAA"}
|