@lglab/compose-ui 0.28.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.
Files changed (191) hide show
  1. package/dist/accordion.d.ts +49 -40
  2. package/dist/accordion.d.ts.map +1 -0
  3. package/dist/accordion.js +47 -45
  4. package/dist/accordion.js.map +1 -0
  5. package/dist/alert-dialog.d.ts +93 -87
  6. package/dist/alert-dialog.d.ts.map +1 -0
  7. package/dist/alert-dialog.js +94 -111
  8. package/dist/alert-dialog.js.map +1 -0
  9. package/dist/autocomplete.d.ts +99 -96
  10. package/dist/autocomplete.d.ts.map +1 -0
  11. package/dist/autocomplete.js +92 -116
  12. package/dist/autocomplete.js.map +1 -0
  13. package/dist/avatar.d.ts +56 -47
  14. package/dist/avatar.d.ts.map +1 -0
  15. package/dist/avatar.js +66 -79
  16. package/dist/avatar.js.map +1 -0
  17. package/dist/badge.d.ts +48 -42
  18. package/dist/badge.d.ts.map +1 -0
  19. package/dist/badge.js +195 -202
  20. package/dist/badge.js.map +1 -0
  21. package/dist/button.d.ts +26 -21
  22. package/dist/button.d.ts.map +1 -0
  23. package/dist/button.js +24 -24
  24. package/dist/button.js.map +1 -0
  25. package/dist/card.d.ts +105 -99
  26. package/dist/card.d.ts.map +1 -0
  27. package/dist/card.js +105 -66
  28. package/dist/card.js.map +1 -0
  29. package/dist/checkbox-group.d.ts +16 -12
  30. package/dist/checkbox-group.d.ts.map +1 -0
  31. package/dist/checkbox-group.js +18 -14
  32. package/dist/checkbox-group.js.map +1 -0
  33. package/dist/checkbox.d.ts +25 -19
  34. package/dist/checkbox.d.ts.map +1 -0
  35. package/dist/checkbox.js +26 -32
  36. package/dist/checkbox.js.map +1 -0
  37. package/dist/collapsible.d.ts +32 -26
  38. package/dist/collapsible.d.ts.map +1 -0
  39. package/dist/collapsible.js +32 -32
  40. package/dist/collapsible.js.map +1 -0
  41. package/dist/combobox.d.ts +191 -182
  42. package/dist/combobox.d.ts.map +1 -0
  43. package/dist/combobox.js +176 -250
  44. package/dist/combobox.js.map +1 -0
  45. package/dist/context-menu.d.ts +151 -138
  46. package/dist/context-menu.d.ts.map +1 -0
  47. package/dist/context-menu.js +151 -173
  48. package/dist/context-menu.js.map +1 -0
  49. package/dist/dialog.d.ts +101 -92
  50. package/dist/dialog.d.ts.map +1 -0
  51. package/dist/dialog.js +101 -105
  52. package/dist/dialog.js.map +1 -0
  53. package/dist/drawer.d.ts +109 -99
  54. package/dist/drawer.d.ts.map +1 -0
  55. package/dist/drawer.js +120 -111
  56. package/dist/drawer.js.map +1 -0
  57. package/dist/field.d.ts +61 -54
  58. package/dist/field.d.ts.map +1 -0
  59. package/dist/field.js +58 -27
  60. package/dist/field.js.map +1 -0
  61. package/dist/fieldset.d.ts +24 -19
  62. package/dist/fieldset.d.ts.map +1 -0
  63. package/dist/fieldset.js +26 -18
  64. package/dist/fieldset.js.map +1 -0
  65. package/dist/form.d.ts +16 -12
  66. package/dist/form.d.ts.map +1 -0
  67. package/dist/form.js +18 -8
  68. package/dist/form.js.map +1 -0
  69. package/dist/index.d.ts +44 -2115
  70. package/dist/index.js +44 -318
  71. package/dist/input.d.ts +16 -12
  72. package/dist/input.d.ts.map +1 -0
  73. package/dist/input.js +19 -9
  74. package/dist/input.js.map +1 -0
  75. package/dist/lib/arrow-svg.js +28 -0
  76. package/dist/lib/arrow-svg.js.map +1 -0
  77. package/dist/lib/button-variants.d.ts +6 -0
  78. package/dist/lib/button-variants.d.ts.map +1 -0
  79. package/dist/lib/button-variants.js +31 -0
  80. package/dist/lib/button-variants.js.map +1 -0
  81. package/dist/lib/control-variants.d.ts +6 -0
  82. package/dist/lib/control-variants.d.ts.map +1 -0
  83. package/dist/lib/control-variants.js +37 -0
  84. package/dist/lib/control-variants.js.map +1 -0
  85. package/dist/lib/form-variants.js +11 -0
  86. package/dist/lib/form-variants.js.map +1 -0
  87. package/dist/lib/tooltip-variants.d.ts +5 -0
  88. package/dist/lib/tooltip-variants.d.ts.map +1 -0
  89. package/dist/lib/tooltip-variants.js +36 -0
  90. package/dist/lib/tooltip-variants.js.map +1 -0
  91. package/dist/lib/utils.js +11 -0
  92. package/dist/lib/utils.js.map +1 -0
  93. package/dist/menu.d.ts +151 -138
  94. package/dist/menu.d.ts.map +1 -0
  95. package/dist/menu.js +151 -146
  96. package/dist/menu.js.map +1 -0
  97. package/dist/menubar.d.ts +168 -155
  98. package/dist/menubar.d.ts.map +1 -0
  99. package/dist/menubar.js +163 -169
  100. package/dist/menubar.js.map +1 -0
  101. package/dist/meter.d.ts +53 -43
  102. package/dist/meter.d.ts.map +1 -0
  103. package/dist/meter.js +59 -64
  104. package/dist/meter.js.map +1 -0
  105. package/dist/navigation-menu.d.ts +111 -96
  106. package/dist/navigation-menu.d.ts.map +1 -0
  107. package/dist/navigation-menu.js +117 -175
  108. package/dist/navigation-menu.js.map +1 -0
  109. package/dist/number-field.d.ts +64 -54
  110. package/dist/number-field.d.ts.map +1 -0
  111. package/dist/number-field.js +61 -69
  112. package/dist/number-field.js.map +1 -0
  113. package/dist/popover.d.ts +90 -82
  114. package/dist/popover.d.ts.map +1 -0
  115. package/dist/popover.js +85 -94
  116. package/dist/popover.js.map +1 -0
  117. package/dist/preview-card.d.ts +58 -54
  118. package/dist/preview-card.d.ts.map +1 -0
  119. package/dist/preview-card.js +57 -81
  120. package/dist/preview-card.js.map +1 -0
  121. package/dist/progress.d.ts +48 -40
  122. package/dist/progress.d.ts.map +1 -0
  123. package/dist/progress.js +46 -50
  124. package/dist/progress.js.map +1 -0
  125. package/dist/radio-group.d.ts +16 -12
  126. package/dist/radio-group.d.ts.map +1 -0
  127. package/dist/radio-group.js +18 -14
  128. package/dist/radio-group.js.map +1 -0
  129. package/dist/radio.d.ts +24 -19
  130. package/dist/radio.d.ts.map +1 -0
  131. package/dist/radio.js +25 -34
  132. package/dist/radio.js.map +1 -0
  133. package/dist/scroll-area.d.ts +57 -47
  134. package/dist/scroll-area.d.ts.map +1 -0
  135. package/dist/scroll-area.js +54 -56
  136. package/dist/scroll-area.js.map +1 -0
  137. package/dist/select.d.ts +146 -133
  138. package/dist/select.d.ts.map +1 -0
  139. package/dist/select.js +133 -167
  140. package/dist/select.js.map +1 -0
  141. package/dist/separator.d.ts +17 -12
  142. package/dist/separator.d.ts.map +1 -0
  143. package/dist/separator.js +19 -23
  144. package/dist/separator.js.map +1 -0
  145. package/dist/skeleton.d.ts +20 -0
  146. package/dist/skeleton.d.ts.map +1 -0
  147. package/dist/skeleton.js +27 -0
  148. package/dist/skeleton.js.map +1 -0
  149. package/dist/slider.d.ts +56 -47
  150. package/dist/slider.d.ts.map +1 -0
  151. package/dist/slider.js +53 -62
  152. package/dist/slider.js.map +1 -0
  153. package/dist/styles/default.css +14 -0
  154. package/dist/switch.d.ts +24 -19
  155. package/dist/switch.d.ts.map +1 -0
  156. package/dist/switch.js +23 -39
  157. package/dist/switch.js.map +1 -0
  158. package/dist/tabs.d.ts +60 -49
  159. package/dist/tabs.d.ts.map +1 -0
  160. package/dist/tabs.js +76 -84
  161. package/dist/tabs.js.map +1 -0
  162. package/dist/textarea.d.ts +15 -11
  163. package/dist/textarea.d.ts.map +1 -0
  164. package/dist/textarea.js +18 -14
  165. package/dist/textarea.js.map +1 -0
  166. package/dist/toast.d.ts +87 -81
  167. package/dist/toast.d.ts.map +1 -0
  168. package/dist/toast.js +79 -150
  169. package/dist/toast.js.map +1 -0
  170. package/dist/toggle-group.d.ts +34 -29
  171. package/dist/toggle-group.d.ts.map +1 -0
  172. package/dist/toggle-group.js +31 -34
  173. package/dist/toggle-group.js.map +1 -0
  174. package/dist/toggle.d.ts +24 -21
  175. package/dist/toggle.d.ts.map +1 -0
  176. package/dist/toggle.js +22 -15
  177. package/dist/toggle.js.map +1 -0
  178. package/dist/toolbar.d.ts +64 -56
  179. package/dist/toolbar.d.ts.map +1 -0
  180. package/dist/toolbar.js +57 -68
  181. package/dist/toolbar.js.map +1 -0
  182. package/dist/tooltip.d.ts +67 -62
  183. package/dist/tooltip.d.ts.map +1 -0
  184. package/dist/tooltip.js +65 -90
  185. package/dist/tooltip.js.map +1 -0
  186. package/package.json +8 -8
  187. package/dist/arrow-svg-C6zQTvgS.js +0 -40
  188. package/dist/button-variants-CbFMPwc8.js +0 -33
  189. package/dist/control-variants-Bwep4n0y.js +0 -37
  190. package/dist/form-variants-LJ8gIbk0.js +0 -9
  191. 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"}
@@ -1,54 +1,58 @@
1
- import { JSX } from 'react/jsx-runtime';
2
- import { PreviewCard } from '@base-ui/react/preview-card';
3
- import * as React_2 from 'react';
4
-
5
- export declare const PreviewCardArrow: {
6
- ({ className, ...props }: PreviewCardArrowProps): JSX.Element;
7
- displayName: string;
8
- };
9
-
10
- export declare type PreviewCardArrowProps = React_2.ComponentProps<typeof PreviewCard.Arrow>;
11
-
12
- export declare const PreviewCardBackdrop: {
13
- ({ className, ...props }: PreviewCardBackdropProps): JSX.Element;
14
- displayName: string;
15
- };
16
-
17
- export declare type PreviewCardBackdropProps = React_2.ComponentProps<typeof PreviewCard.Backdrop>;
18
-
19
- export declare const PreviewCardPopup: {
20
- ({ className, ...props }: PreviewCardPopupProps): JSX.Element;
21
- displayName: string;
22
- };
23
-
24
- export declare type PreviewCardPopupProps = React_2.ComponentProps<typeof PreviewCard.Popup>;
25
-
26
- export declare const PreviewCardPortal: {
27
- (props: PreviewCardPortalProps): JSX.Element;
28
- displayName: string;
29
- };
30
-
31
- export declare type PreviewCardPortalProps = React_2.ComponentProps<typeof PreviewCard.Portal>;
32
-
33
- export declare const PreviewCardPositioner: {
34
- ({ className, ...props }: PreviewCardPositionerProps): JSX.Element;
35
- displayName: string;
36
- };
37
-
38
- export declare type PreviewCardPositionerProps = React_2.ComponentProps<typeof PreviewCard.Positioner>;
39
-
40
- export declare const PreviewCardRoot: {
41
- (props: PreviewCardRootProps): JSX.Element;
42
- displayName: string;
43
- };
44
-
45
- export declare type PreviewCardRootProps = React_2.ComponentProps<typeof PreviewCard.Root>;
46
-
47
- export declare const PreviewCardTrigger: {
48
- ({ className, ...props }: PreviewCardTriggerProps): JSX.Element;
49
- displayName: string;
50
- };
51
-
52
- export declare type PreviewCardTriggerProps = React_2.ComponentProps<typeof PreviewCard.Trigger>;
53
-
54
- export { }
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"}
@@ -1,82 +1,58 @@
1
- "use client";
2
- import { jsx as t } from "react/jsx-runtime";
3
- import { PreviewCard as e } from "@base-ui/react/preview-card";
4
- import { A as o } from "./arrow-svg-C6zQTvgS.js";
5
- import { c as i } from "./utils-B6yFEsav.js";
6
- const d = (r) => /* @__PURE__ */ t(e.Root, { ...r });
7
- d.displayName = "PreviewCardRoot";
8
- const s = ({ className: r, ...a }) => /* @__PURE__ */ t(e.Trigger, { className: i("underline", r), ...a });
9
- s.displayName = "PreviewCardTrigger";
10
- const n = (r) => /* @__PURE__ */ t(e.Portal, { ...r });
11
- n.displayName = "PreviewCardPortal";
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"}
@@ -1,40 +1,48 @@
1
- import { JSX } from 'react/jsx-runtime';
2
- import { Progress } from '@base-ui/react/progress';
3
- import * as React_2 from 'react';
4
-
5
- export declare const ProgressIndicator: {
6
- ({ className, ...props }: ProgressIndicatorProps): JSX.Element;
7
- displayName: string;
8
- };
9
-
10
- export declare type ProgressIndicatorProps = React_2.ComponentProps<typeof Progress.Indicator>;
11
-
12
- export declare const ProgressLabel: {
13
- ({ className, ...props }: ProgressLabelProps): JSX.Element;
14
- displayName: string;
15
- };
16
-
17
- export declare type ProgressLabelProps = React_2.ComponentProps<typeof Progress.Label>;
18
-
19
- export declare const ProgressRoot: {
20
- ({ className, ...props }: ProgressRootProps): JSX.Element;
21
- displayName: string;
22
- };
23
-
24
- export declare type ProgressRootProps = React_2.ComponentProps<typeof Progress.Root>;
25
-
26
- export declare const ProgressTrack: {
27
- ({ className, ...props }: ProgressTrackProps): JSX.Element;
28
- displayName: string;
29
- };
30
-
31
- export declare type ProgressTrackProps = React_2.ComponentProps<typeof Progress.Track>;
32
-
33
- export declare const ProgressValue: {
34
- ({ className, ...props }: ProgressValueProps): JSX.Element;
35
- displayName: string;
36
- };
37
-
38
- export declare type ProgressValueProps = React_2.ComponentProps<typeof Progress.Value>;
39
-
40
- export { }
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
- "use client";
2
- import { jsx as s } from "react/jsx-runtime";
3
- import { Progress as o } from "@base-ui/react/progress";
4
- import { c as a } from "./utils-B6yFEsav.js";
5
- const t = ({ className: r, ...e }) => /* @__PURE__ */ s(o.Root, { className: a("w-full", r), ...e });
6
- t.displayName = "ProgressRoot";
7
- const l = ({ className: r, ...e }) => /* @__PURE__ */ s(
8
- o.Track,
9
- {
10
- className: a(
11
- "relative h-2 w-full overflow-hidden rounded-full bg-primary/20",
12
- r
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"}
@@ -1,12 +1,16 @@
1
- import { JSX } from 'react/jsx-runtime';
2
- import { RadioGroup } from '@base-ui/react/radio-group';
3
- import * as React_2 from 'react';
4
-
5
- export declare const RadioGroupRoot: {
6
- ({ className, ...props }: RadioGroupRootProps): JSX.Element;
7
- displayName: string;
8
- };
9
-
10
- export declare type RadioGroupRootProps = React_2.ComponentProps<typeof RadioGroup>;
11
-
12
- export { }
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"}
@@ -1,15 +1,19 @@
1
- "use client";
2
- import { jsx as t } from "react/jsx-runtime";
3
- import { RadioGroup as a } from "@base-ui/react/radio-group";
4
- import { c as e } from "./utils-B6yFEsav.js";
5
- const i = ({ className: o, ...r }) => /* @__PURE__ */ t(
6
- a,
7
- {
8
- className: e("flex flex-col items-start gap-2", o),
9
- ...r
10
- }
11
- );
12
- i.displayName = "RadioGroupRoot";
13
- export {
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 { JSX } from 'react/jsx-runtime';
2
- import { Radio } from '@base-ui/react/radio';
3
- import * as React_2 from 'react';
4
-
5
- export declare const RadioIndicator: {
6
- ({ className, ...props }: RadioIndicatorProps): JSX.Element;
7
- displayName: string;
8
- };
9
-
10
- export declare type RadioIndicatorProps = React_2.ComponentProps<typeof Radio.Indicator>;
11
-
12
- export declare const RadioRoot: {
13
- ({ className, ...props }: RadioRootProps): JSX.Element;
14
- displayName: string;
15
- };
16
-
17
- export declare type RadioRootProps = React_2.ComponentProps<typeof Radio.Root>;
18
-
19
- export { }
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"}