@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.
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 -0
  18. package/dist/badge.d.ts.map +1 -0
  19. package/dist/badge.js +196 -0
  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 -2077
  70. package/dist/index.js +44 -314
  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 +26 -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 +12 -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
package/dist/toggle.d.ts CHANGED
@@ -1,21 +1,24 @@
1
- import { JSX } from 'react/jsx-runtime';
2
- import * as React_2 from 'react';
3
- import { Toggle as Toggle_2 } from '@base-ui/react/toggle';
4
-
5
- declare type ControlSize = 'sm' | 'default' | 'lg' | 'icon' | 'icon-sm' | 'icon-lg';
6
-
7
- declare type ControlVariant = 'default' | 'ghost';
8
-
9
- export declare const Toggle: {
10
- ({ className, variant, size, ...props }: ToggleProps): JSX.Element;
11
- displayName: string;
12
- };
13
-
14
- export declare type ToggleProps = React_2.ComponentProps<typeof Toggle_2> & {
15
- /** Visual style of the toggle */
16
- variant?: ControlVariant;
17
- /** Size of the toggle */
18
- size?: ControlSize;
19
- };
20
-
21
- export { }
1
+ import { ControlSize, ControlVariant } from "./lib/control-variants.js";
2
+ import * as React from "react";
3
+ import * as react_jsx_runtime204 from "react/jsx-runtime";
4
+ import { Toggle as Toggle$1 } from "@base-ui/react/toggle";
5
+
6
+ //#region src/components/toggle.d.ts
7
+ type ToggleProps = React.ComponentProps<typeof Toggle$1> & {
8
+ /** Visual style of the toggle */
9
+ variant?: ControlVariant;
10
+ /** Size of the toggle */
11
+ size?: ControlSize;
12
+ };
13
+ declare const Toggle: {
14
+ ({
15
+ className,
16
+ variant,
17
+ size,
18
+ ...props
19
+ }: ToggleProps): react_jsx_runtime204.JSX.Element;
20
+ displayName: string;
21
+ };
22
+ //#endregion
23
+ export { Toggle, type ToggleProps };
24
+ //# sourceMappingURL=toggle.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"toggle.d.ts","names":[],"sources":["../src/components/toggle.tsx"],"sourcesContent":[],"mappings":";;;;;;KAgBK,WAAA,GAAc,KAAA,CAAM,sBAAsB;;YAEnC;EAFP;EAAW,IAAA,CAAA,EAIP,WAJO;;cAOV,MAPmB,EAAA;;IAEb,SAAA;IAAA,OAAA;IAAA,IAAA;IAAA,GAAA;EAAA,CAAA,EAK4C,WAL5C,CAAA,EAKuD,oBAAA,CAAA,GAAA,CAAA,OALvD;aAEH,EAAA,MAAA;CAAW"}
package/dist/toggle.js CHANGED
@@ -1,16 +1,23 @@
1
- "use client";
2
- import { jsx as s } from "react/jsx-runtime";
3
- import { Toggle as t } from "@base-ui/react/toggle";
4
- import { c as a } from "./control-variants-Bwep4n0y.js";
5
- import { c as g } from "./utils-B6yFEsav.js";
6
- const l = ({ className: o, variant: r, size: e, ...m }) => /* @__PURE__ */ s(
7
- t,
8
- {
9
- className: g(a({ variant: r, size: e }), o),
10
- ...m
11
- }
12
- );
13
- l.displayName = "Toggle";
14
- export {
15
- l as Toggle
1
+ 'use client';
2
+
3
+ import { cn } from "./lib/utils.js";
4
+ import { controlVariants } from "./lib/control-variants.js";
5
+ import "react";
6
+ import { jsx } from "react/jsx-runtime";
7
+ import { Toggle as Toggle$1 } from "@base-ui/react/toggle";
8
+
9
+ //#region src/components/toggle.tsx
10
+ const Toggle = ({ className, variant, size, ...props }) => {
11
+ return /* @__PURE__ */ jsx(Toggle$1, {
12
+ className: cn(controlVariants({
13
+ variant,
14
+ size
15
+ }), className),
16
+ ...props
17
+ });
16
18
  };
19
+ Toggle.displayName = "Toggle";
20
+
21
+ //#endregion
22
+ export { Toggle };
23
+ //# sourceMappingURL=toggle.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"toggle.js","names":["BaseToggle"],"sources":["../src/components/toggle.tsx"],"sourcesContent":["'use client'\n\nimport { Toggle as BaseToggle } from '@base-ui/react/toggle'\nimport * as React from 'react'\n\nimport {\n type ControlSize,\n type ControlVariant,\n controlVariants,\n} from '../lib/control-variants'\nimport { cn } from '../lib/utils'\n\n// ============================================================================\n// Toggle\n// ============================================================================\n\ntype ToggleProps = React.ComponentProps<typeof BaseToggle> & {\n /** Visual style of the toggle */\n variant?: ControlVariant\n /** Size of the toggle */\n size?: ControlSize\n}\n\nconst Toggle = ({ className, variant, size, ...props }: ToggleProps) => {\n return (\n <BaseToggle\n className={cn(controlVariants({ variant, size }), className)}\n {...props}\n />\n )\n}\n\nToggle.displayName = 'Toggle'\n\n// ============================================================================\n// Exports\n// ============================================================================\n\nexport { Toggle }\n\nexport type { ToggleProps }\n"],"mappings":";;;;;;;;;AAuBA,MAAM,UAAU,EAAE,WAAW,SAAS,MAAM,GAAG,YAAyB;AACtE,QACE,oBAACA;EACC,WAAW,GAAG,gBAAgB;GAAE;GAAS;GAAM,CAAC,EAAE,UAAU;EAC5D,GAAI;GACJ;;AAIN,OAAO,cAAc"}
package/dist/toolbar.d.ts CHANGED
@@ -1,56 +1,64 @@
1
- import { JSX } from 'react/jsx-runtime';
2
- import * as React_2 from 'react';
3
- import { Toolbar } from '@base-ui/react/toolbar';
4
-
5
- declare type ControlSize = 'sm' | 'default' | 'lg' | 'icon' | 'icon-sm' | 'icon-lg';
6
-
7
- declare type ControlVariant = 'default' | 'ghost';
8
-
9
- export declare const ToolbarButton: {
10
- ({ className, variant, size, ...props }: ToolbarButtonProps): JSX.Element;
11
- displayName: string;
12
- };
13
-
14
- export declare type ToolbarButtonProps = React_2.ComponentProps<typeof Toolbar.Button> & {
15
- /** Visual style of the toolbar button */
16
- variant?: ControlVariant;
17
- /** Size of the toolbar button */
18
- size?: ControlSize;
19
- };
20
-
21
- export declare const ToolbarGroup: {
22
- ({ className, ...props }: ToolbarGroupProps): JSX.Element;
23
- displayName: string;
24
- };
25
-
26
- export declare type ToolbarGroupProps = React_2.ComponentProps<typeof Toolbar.Group>;
27
-
28
- export declare const ToolbarInput: {
29
- ({ className, ...props }: ToolbarInputProps): JSX.Element;
30
- displayName: string;
31
- };
32
-
33
- export declare type ToolbarInputProps = React_2.ComponentProps<typeof Toolbar.Input>;
34
-
35
- export declare const ToolbarLink: {
36
- ({ className, ...props }: ToolbarLinkProps): JSX.Element;
37
- displayName: string;
38
- };
39
-
40
- export declare type ToolbarLinkProps = React_2.ComponentProps<typeof Toolbar.Link>;
41
-
42
- export declare const ToolbarRoot: {
43
- ({ className, ...props }: ToolbarRootProps): JSX.Element;
44
- displayName: string;
45
- };
46
-
47
- export declare type ToolbarRootProps = React_2.ComponentProps<typeof Toolbar.Root>;
48
-
49
- export declare const ToolbarSeparator: {
50
- ({ className, ...props }: ToolbarSeparatorProps): JSX.Element;
51
- displayName: string;
52
- };
53
-
54
- export declare type ToolbarSeparatorProps = React_2.ComponentProps<typeof Toolbar.Separator>;
55
-
56
- export { }
1
+ import { ControlSize, ControlVariant } from "./lib/control-variants.js";
2
+ import * as React from "react";
3
+ import * as react_jsx_runtime165 from "react/jsx-runtime";
4
+ import { Toolbar } from "@base-ui/react/toolbar";
5
+
6
+ //#region src/components/toolbar.d.ts
7
+ type ToolbarRootProps = React.ComponentProps<typeof Toolbar.Root>;
8
+ declare const ToolbarRoot: {
9
+ ({
10
+ className,
11
+ ...props
12
+ }: ToolbarRootProps): react_jsx_runtime165.JSX.Element;
13
+ displayName: string;
14
+ };
15
+ type ToolbarButtonProps = React.ComponentProps<typeof Toolbar.Button> & {
16
+ /** Visual style of the toolbar button */
17
+ variant?: ControlVariant;
18
+ /** Size of the toolbar button */
19
+ size?: ControlSize;
20
+ };
21
+ declare const ToolbarButton: {
22
+ ({
23
+ className,
24
+ variant,
25
+ size,
26
+ ...props
27
+ }: ToolbarButtonProps): react_jsx_runtime165.JSX.Element;
28
+ displayName: string;
29
+ };
30
+ type ToolbarLinkProps = React.ComponentProps<typeof Toolbar.Link>;
31
+ declare const ToolbarLink: {
32
+ ({
33
+ className,
34
+ ...props
35
+ }: ToolbarLinkProps): react_jsx_runtime165.JSX.Element;
36
+ displayName: string;
37
+ };
38
+ type ToolbarInputProps = React.ComponentProps<typeof Toolbar.Input>;
39
+ declare const ToolbarInput: {
40
+ ({
41
+ className,
42
+ ...props
43
+ }: ToolbarInputProps): react_jsx_runtime165.JSX.Element;
44
+ displayName: string;
45
+ };
46
+ type ToolbarGroupProps = React.ComponentProps<typeof Toolbar.Group>;
47
+ declare const ToolbarGroup: {
48
+ ({
49
+ className,
50
+ ...props
51
+ }: ToolbarGroupProps): react_jsx_runtime165.JSX.Element;
52
+ displayName: string;
53
+ };
54
+ type ToolbarSeparatorProps = React.ComponentProps<typeof Toolbar.Separator>;
55
+ declare const ToolbarSeparator: {
56
+ ({
57
+ className,
58
+ ...props
59
+ }: ToolbarSeparatorProps): react_jsx_runtime165.JSX.Element;
60
+ displayName: string;
61
+ };
62
+ //#endregion
63
+ export { ToolbarButton, type ToolbarButtonProps, ToolbarGroup, type ToolbarGroupProps, ToolbarInput, type ToolbarInputProps, ToolbarLink, type ToolbarLinkProps, ToolbarRoot, type ToolbarRootProps, ToolbarSeparator, type ToolbarSeparatorProps };
64
+ //# sourceMappingURL=toolbar.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"toolbar.d.ts","names":[],"sources":["../src/components/toolbar.tsx"],"sourcesContent":[],"mappings":";;;;;;KAgBK,gBAAA,GAAmB,KAAA,CAAM,sBAAsB,OAAA,CAAY;cAE1D;;;;KAAwC,mBAAgB,oBAAA,CAAA,GAAA,CAAA;EAFzD,WAAA,EAAA,MAAgB;CAAA;KAoBhB,kBAAA,GAAqB,KAAA,CAAM,cApBgC,CAAA,OAoBV,OAAA,CAAY,MApBF,CAAA,GAAA;;EAApB,OAAA,CAAA,EAsBhC,cAtBgC;EAEtC;EAUL,IAAA,CAAA,EAYQ,WAZR;;cAeK,aAzBwC,EAAA;;IAAgB,SAAA;IAAA,OAAA;IAAA,IAAA;IAAA,GAAA;EAAA,CAAA,EA8B3D,kBA9B2D,CAAA,EA8BzC,oBAAA,CAAA,GAAA,CAAA,OA9ByC;EAAA,WAAA,EAAA,MAAA;AAAA,CAAA;KA6CzD,gBAAA,GAAmB,KAAA,CAAM,cA3BP,CAAA,OA2B6B,OAAA,CAAY,IA3BzC,CAAA;cA6BjB,WA7B4D,EAAA;;IAAxC,SAAM;IAAA,GAAA;EAAA,CAAA,EA6Bc,gBA7Bd,CAAA,EA6B8B,oBAAA,CAAA,GAAA,CAAA,OA7B9B;aAEpB,EAAA,MAAA;;KA6CP,iBAAA,GAAoB,KAAA,CAAM,cA3CX,CAAA,OA2CiC,OAAA,CAAY,KA3C7C,CAAA;AAAA,cA6Cd,YA9BL,EAAA;EAAA,CAAA;IAAA,SAAA;IAAA,GAAA;EAAA,CAAA,EA8B8C,iBA9B9C,CAAA,EA8B+D,oBAAA,CAAA,GAAA,CAAA,OA9B/D;;;KAgDI,iBAAA,GAAoB,KAAA,CAAM,sBAAsB,OAAA,CAAY;cAE3D,YAzDH,EAAA;;IAAkB,SAAA;IAAA,GAAA;EAAA,CAAA,EAyD0B,iBAzD1B,CAAA,EAyD2C,oBAAA,CAAA,GAAA,CAAA,OAzD3C;EAAA,WAAA,EAAA,MAAA;AAAA,CAAA;KAqEhB,qBAAA,GAAwB,KAAA,CAAM,cAtDd,CAAA,OAsDoC,OAAA,CAAY,SAtDhD,CAAA;cAwDf,gBAxD0D,EAAA;;IAAxC,SAAM;IAAA,GAAA;EAAA,CAAA,EAwDqB,qBAxDrB,CAAA,EAwD0C,oBAAA,CAAA,GAAA,CAAA,OAxD1C;EAAc,WAAA,EAAA,MAAA;AAAA,CAAA"}
package/dist/toolbar.js CHANGED
@@ -1,69 +1,58 @@
1
- "use client";
2
- import { jsx as e } from "react/jsx-runtime";
3
- import { Toolbar as a } from "@base-ui/react/toolbar";
4
- import { c as l } from "./control-variants-Bwep4n0y.js";
5
- import { c as t } from "./utils-B6yFEsav.js";
6
- const m = ({ className: o, ...r }) => /* @__PURE__ */ e(
7
- a.Root,
8
- {
9
- className: t(
10
- "flex items-center gap-1 flex-wrap rounded-md border border-border bg-muted p-1",
11
- o
12
- ),
13
- ...r
14
- }
15
- );
16
- m.displayName = "ToolbarRoot";
17
- const p = ({
18
- className: o,
19
- variant: r = "ghost",
20
- size: n,
21
- ...s
22
- }) => /* @__PURE__ */ e(
23
- a.Button,
24
- {
25
- className: t(l({ variant: r, size: n }), o),
26
- ...s
27
- }
28
- );
29
- p.displayName = "ToolbarButton";
30
- const d = ({ className: o, ...r }) => /* @__PURE__ */ e(
31
- a.Link,
32
- {
33
- className: t(
34
- "text-sm text-muted-foreground no-underline hover:text-foreground",
35
- o
36
- ),
37
- ...r
38
- }
39
- );
40
- d.displayName = "ToolbarLink";
41
- const u = ({ className: o, ...r }) => /* @__PURE__ */ e(
42
- a.Input,
43
- {
44
- className: t(
45
- "h-8 rounded-md border border-border bg-background px-2 text-sm outline-none",
46
- o
47
- ),
48
- ...r
49
- }
50
- );
51
- u.displayName = "ToolbarInput";
52
- const b = ({ className: o, ...r }) => /* @__PURE__ */ e(a.Group, { className: t("flex items-center gap-1", o), ...r });
53
- b.displayName = "ToolbarGroup";
54
- const c = ({ className: o, ...r }) => /* @__PURE__ */ e(
55
- a.Separator,
56
- {
57
- className: t("mx-1 h-4 w-px shrink-0 bg-border", o),
58
- ...r
59
- }
60
- );
61
- c.displayName = "ToolbarSeparator";
62
- export {
63
- p as ToolbarButton,
64
- b as ToolbarGroup,
65
- u as ToolbarInput,
66
- d as ToolbarLink,
67
- m as ToolbarRoot,
68
- c as ToolbarSeparator
1
+ 'use client';
2
+
3
+ import { cn } from "./lib/utils.js";
4
+ import { controlVariants } from "./lib/control-variants.js";
5
+ import "react";
6
+ import { jsx } from "react/jsx-runtime";
7
+ import { Toolbar } from "@base-ui/react/toolbar";
8
+
9
+ //#region src/components/toolbar.tsx
10
+ const ToolbarRoot = ({ className, ...props }) => {
11
+ return /* @__PURE__ */ jsx(Toolbar.Root, {
12
+ className: cn("flex items-center gap-1 flex-wrap rounded-md border border-border bg-muted p-1", className),
13
+ ...props
14
+ });
69
15
  };
16
+ ToolbarRoot.displayName = "ToolbarRoot";
17
+ const ToolbarButton = ({ className, variant = "ghost", size, ...props }) => {
18
+ return /* @__PURE__ */ jsx(Toolbar.Button, {
19
+ className: cn(controlVariants({
20
+ variant,
21
+ size
22
+ }), className),
23
+ ...props
24
+ });
25
+ };
26
+ ToolbarButton.displayName = "ToolbarButton";
27
+ const ToolbarLink = ({ className, ...props }) => {
28
+ return /* @__PURE__ */ jsx(Toolbar.Link, {
29
+ className: cn("text-sm text-muted-foreground no-underline hover:text-foreground", className),
30
+ ...props
31
+ });
32
+ };
33
+ ToolbarLink.displayName = "ToolbarLink";
34
+ const ToolbarInput = ({ className, ...props }) => {
35
+ return /* @__PURE__ */ jsx(Toolbar.Input, {
36
+ className: cn("h-8 rounded-md border border-border bg-background px-2 text-sm outline-none", className),
37
+ ...props
38
+ });
39
+ };
40
+ ToolbarInput.displayName = "ToolbarInput";
41
+ const ToolbarGroup = ({ className, ...props }) => {
42
+ return /* @__PURE__ */ jsx(Toolbar.Group, {
43
+ className: cn("flex items-center gap-1", className),
44
+ ...props
45
+ });
46
+ };
47
+ ToolbarGroup.displayName = "ToolbarGroup";
48
+ const ToolbarSeparator = ({ className, ...props }) => {
49
+ return /* @__PURE__ */ jsx(Toolbar.Separator, {
50
+ className: cn("mx-1 h-4 w-px shrink-0 bg-border", className),
51
+ ...props
52
+ });
53
+ };
54
+ ToolbarSeparator.displayName = "ToolbarSeparator";
55
+
56
+ //#endregion
57
+ export { ToolbarButton, ToolbarGroup, ToolbarInput, ToolbarLink, ToolbarRoot, ToolbarSeparator };
58
+ //# sourceMappingURL=toolbar.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"toolbar.js","names":["BaseToolbar"],"sources":["../src/components/toolbar.tsx"],"sourcesContent":["'use client'\n\nimport { Toolbar as BaseToolbar } from '@base-ui/react/toolbar'\nimport * as React from 'react'\n\nimport {\n type ControlSize,\n type ControlVariant,\n controlVariants,\n} from '../lib/control-variants'\nimport { cn } from '../lib/utils'\n\n// ============================================================================\n// ToolbarRoot\n// ============================================================================\n\ntype ToolbarRootProps = React.ComponentProps<typeof BaseToolbar.Root>\n\nconst ToolbarRoot = ({ className, ...props }: ToolbarRootProps) => {\n return (\n <BaseToolbar.Root\n className={cn(\n 'flex items-center gap-1 flex-wrap rounded-md border border-border bg-muted p-1',\n className,\n )}\n {...props}\n />\n )\n}\n\nToolbarRoot.displayName = 'ToolbarRoot'\n\n// ============================================================================\n// ToolbarButton\n// ============================================================================\n\ntype ToolbarButtonProps = React.ComponentProps<typeof BaseToolbar.Button> & {\n /** Visual style of the toolbar button */\n variant?: ControlVariant\n /** Size of the toolbar button */\n size?: ControlSize\n}\n\nconst ToolbarButton = ({\n className,\n variant = 'ghost',\n size,\n ...props\n}: ToolbarButtonProps) => {\n return (\n <BaseToolbar.Button\n className={cn(controlVariants({ variant, size }), className)}\n {...props}\n />\n )\n}\n\nToolbarButton.displayName = 'ToolbarButton'\n\n// ============================================================================\n// ToolbarLink\n// ============================================================================\n\ntype ToolbarLinkProps = React.ComponentProps<typeof BaseToolbar.Link>\n\nconst ToolbarLink = ({ className, ...props }: ToolbarLinkProps) => {\n return (\n <BaseToolbar.Link\n className={cn(\n 'text-sm text-muted-foreground no-underline hover:text-foreground',\n className,\n )}\n {...props}\n />\n )\n}\n\nToolbarLink.displayName = 'ToolbarLink'\n\n// ============================================================================\n// ToolbarInput\n// ============================================================================\n\ntype ToolbarInputProps = React.ComponentProps<typeof BaseToolbar.Input>\n\nconst ToolbarInput = ({ className, ...props }: ToolbarInputProps) => {\n return (\n <BaseToolbar.Input\n className={cn(\n 'h-8 rounded-md border border-border bg-background px-2 text-sm outline-none',\n className,\n )}\n {...props}\n />\n )\n}\n\nToolbarInput.displayName = 'ToolbarInput'\n\n// ============================================================================\n// ToolbarGroup\n// ============================================================================\n\ntype ToolbarGroupProps = React.ComponentProps<typeof BaseToolbar.Group>\n\nconst ToolbarGroup = ({ className, ...props }: ToolbarGroupProps) => {\n return (\n <BaseToolbar.Group className={cn('flex items-center gap-1', className)} {...props} />\n )\n}\n\nToolbarGroup.displayName = 'ToolbarGroup'\n\n// ============================================================================\n// ToolbarSeparator\n// ============================================================================\n\ntype ToolbarSeparatorProps = React.ComponentProps<typeof BaseToolbar.Separator>\n\nconst ToolbarSeparator = ({ className, ...props }: ToolbarSeparatorProps) => {\n return (\n <BaseToolbar.Separator\n className={cn('mx-1 h-4 w-px shrink-0 bg-border', className)}\n {...props}\n />\n )\n}\n\nToolbarSeparator.displayName = 'ToolbarSeparator'\n\n// ============================================================================\n// Exports\n// ============================================================================\n\nexport {\n ToolbarRoot,\n ToolbarButton,\n ToolbarLink,\n ToolbarInput,\n ToolbarGroup,\n ToolbarSeparator,\n}\n\nexport type {\n ToolbarRootProps,\n ToolbarButtonProps,\n ToolbarLinkProps,\n ToolbarInputProps,\n ToolbarGroupProps,\n ToolbarSeparatorProps,\n}\n"],"mappings":";;;;;;;;;AAkBA,MAAM,eAAe,EAAE,WAAW,GAAG,YAA8B;AACjE,QACE,oBAACA,QAAY;EACX,WAAW,GACT,kFACA,UACD;EACD,GAAI;GACJ;;AAIN,YAAY,cAAc;AAa1B,MAAM,iBAAiB,EACrB,WACA,UAAU,SACV,MACA,GAAG,YACqB;AACxB,QACE,oBAACA,QAAY;EACX,WAAW,GAAG,gBAAgB;GAAE;GAAS;GAAM,CAAC,EAAE,UAAU;EAC5D,GAAI;GACJ;;AAIN,cAAc,cAAc;AAQ5B,MAAM,eAAe,EAAE,WAAW,GAAG,YAA8B;AACjE,QACE,oBAACA,QAAY;EACX,WAAW,GACT,oEACA,UACD;EACD,GAAI;GACJ;;AAIN,YAAY,cAAc;AAQ1B,MAAM,gBAAgB,EAAE,WAAW,GAAG,YAA+B;AACnE,QACE,oBAACA,QAAY;EACX,WAAW,GACT,+EACA,UACD;EACD,GAAI;GACJ;;AAIN,aAAa,cAAc;AAQ3B,MAAM,gBAAgB,EAAE,WAAW,GAAG,YAA+B;AACnE,QACE,oBAACA,QAAY;EAAM,WAAW,GAAG,2BAA2B,UAAU;EAAE,GAAI;GAAS;;AAIzF,aAAa,cAAc;AAQ3B,MAAM,oBAAoB,EAAE,WAAW,GAAG,YAAmC;AAC3E,QACE,oBAACA,QAAY;EACX,WAAW,GAAG,oCAAoC,UAAU;EAC5D,GAAI;GACJ;;AAIN,iBAAiB,cAAc"}
package/dist/tooltip.d.ts CHANGED
@@ -1,62 +1,67 @@
1
- import { JSX } from 'react/jsx-runtime';
2
- import * as React_2 from 'react';
3
- import { Tooltip } from '@base-ui/react/tooltip';
4
-
5
- export declare const TooltipArrow: {
6
- ({ className, variant, ...props }: TooltipArrowProps): JSX.Element;
7
- displayName: string;
8
- };
9
-
10
- export declare type TooltipArrowProps = React_2.ComponentProps<typeof Tooltip.Arrow> & {
11
- variant?: TooltipVariant;
12
- };
13
-
14
- export declare const TooltipPopup: {
15
- ({ className, variant, ...props }: TooltipPopupProps): JSX.Element;
16
- displayName: string;
17
- };
18
-
19
- export declare type TooltipPopupProps = React_2.ComponentProps<typeof Tooltip.Popup> & {
20
- variant?: TooltipVariant;
21
- };
22
-
23
- export declare const TooltipPortal: {
24
- (props: TooltipPortalProps): JSX.Element;
25
- displayName: string;
26
- };
27
-
28
- export declare type TooltipPortalProps = React_2.ComponentProps<typeof Tooltip.Portal>;
29
-
30
- export declare const TooltipPositioner: {
31
- ({ className, ...props }: TooltipPositionerProps): JSX.Element;
32
- displayName: string;
33
- };
34
-
35
- export declare type TooltipPositionerProps = React_2.ComponentProps<typeof Tooltip.Positioner>;
36
-
37
- export declare const TooltipProvider: {
38
- (props: TooltipProviderProps): JSX.Element;
39
- displayName: string;
40
- };
41
-
42
- export declare type TooltipProviderProps = React_2.ComponentProps<typeof Tooltip.Provider>;
43
-
44
- export declare const TooltipRoot: {
45
- ({ variant, ...props }: TooltipRootProps): JSX.Element;
46
- displayName: string;
47
- };
48
-
49
- export declare type TooltipRootProps = React_2.ComponentProps<typeof Tooltip.Root> & {
50
- variant?: TooltipVariant;
51
- };
52
-
53
- export declare const TooltipTrigger: {
54
- ({ className, ...props }: TooltipTriggerProps): JSX.Element;
55
- displayName: string;
56
- };
57
-
58
- export declare type TooltipTriggerProps = React_2.ComponentProps<typeof Tooltip.Trigger>;
59
-
60
- declare type TooltipVariant = 'default' | 'secondary' | 'outline';
61
-
62
- export { }
1
+ import { TooltipVariant } from "./lib/tooltip-variants.js";
2
+ import * as React from "react";
3
+ import * as react_jsx_runtime181 from "react/jsx-runtime";
4
+ import { Tooltip } from "@base-ui/react/tooltip";
5
+
6
+ //#region src/components/tooltip.d.ts
7
+ type TooltipProviderProps = React.ComponentProps<typeof Tooltip.Provider>;
8
+ declare const TooltipProvider: {
9
+ (props: TooltipProviderProps): react_jsx_runtime181.JSX.Element;
10
+ displayName: string;
11
+ };
12
+ type TooltipRootProps = React.ComponentProps<typeof Tooltip.Root> & {
13
+ variant?: TooltipVariant;
14
+ };
15
+ declare const TooltipRoot: {
16
+ ({
17
+ variant,
18
+ ...props
19
+ }: TooltipRootProps): react_jsx_runtime181.JSX.Element;
20
+ displayName: string;
21
+ };
22
+ type TooltipTriggerProps = React.ComponentProps<typeof Tooltip.Trigger>;
23
+ declare const TooltipTrigger: {
24
+ ({
25
+ className,
26
+ ...props
27
+ }: TooltipTriggerProps): react_jsx_runtime181.JSX.Element;
28
+ displayName: string;
29
+ };
30
+ type TooltipPortalProps = React.ComponentProps<typeof Tooltip.Portal>;
31
+ declare const TooltipPortal: {
32
+ (props: TooltipPortalProps): react_jsx_runtime181.JSX.Element;
33
+ displayName: string;
34
+ };
35
+ type TooltipPositionerProps = React.ComponentProps<typeof Tooltip.Positioner>;
36
+ declare const TooltipPositioner: {
37
+ ({
38
+ className,
39
+ ...props
40
+ }: TooltipPositionerProps): react_jsx_runtime181.JSX.Element;
41
+ displayName: string;
42
+ };
43
+ type TooltipPopupProps = React.ComponentProps<typeof Tooltip.Popup> & {
44
+ variant?: TooltipVariant;
45
+ };
46
+ declare const TooltipPopup: {
47
+ ({
48
+ className,
49
+ variant,
50
+ ...props
51
+ }: TooltipPopupProps): react_jsx_runtime181.JSX.Element;
52
+ displayName: string;
53
+ };
54
+ type TooltipArrowProps = React.ComponentProps<typeof Tooltip.Arrow> & {
55
+ variant?: TooltipVariant;
56
+ };
57
+ declare const TooltipArrow: {
58
+ ({
59
+ className,
60
+ variant,
61
+ ...props
62
+ }: TooltipArrowProps): react_jsx_runtime181.JSX.Element;
63
+ displayName: string;
64
+ };
65
+ //#endregion
66
+ export { TooltipArrow, type TooltipArrowProps, TooltipPopup, type TooltipPopupProps, TooltipPortal, type TooltipPortalProps, TooltipPositioner, type TooltipPositionerProps, TooltipProvider, type TooltipProviderProps, TooltipRoot, type TooltipRootProps, TooltipTrigger, type TooltipTriggerProps };
67
+ //# sourceMappingURL=tooltip.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tooltip.d.ts","names":[],"sources":["../src/components/tooltip.tsx"],"sourcesContent":[],"mappings":";;;;;;KAuBK,oBAAA,GAAuB,KAAA,CAAM,sBAAsB,OAAA,CAAY;cAE9D;UAA0B,uBAAoB,oBAAA,CAAA,GAAA,CAAA;EAF/C,WAAA,EAAA,MAAA;CAAoB;KAYpB,gBAAA,GAAmB,KAAA,CAAM,cAZsC,CAAA,OAYhB,OAAA,CAAY,IAZI,CAAA,GAAA;SAAxC,CAAA,EAahB,cAbsB;CAAc;AAAA,cAgB1C,WAZL,EAAA;EAAA,CAAA;IAAA,OAAA;IAAA,GAAA;EAAA,CAAA,EAYuD,gBAZvD,CAAA,EAYuE,oBAAA,CAAA,GAAA,CAAA,OAZvE;aAF+B,EAAA,MAAA;;KA4B3B,mBAAA,GAAsB,KAAA,CAAM,cA5BmB,CAAA,OA4BG,OAAA,CAAY,OA5Bf,CAAA;AAAA,cA8B9C,cApBe,EAAA;EAAA,CAAA;IAAA,SAAA;IAAA,GAAA;EAAA,CAAA,EAoB4B,mBApB5B,CAAA,EAoB+C,oBAAA,CAAA,GAAA,CAAA,OApB/C;aAA2C,EAAA,MAAA;;KA8B3D,kBAAA,GAAqB,KAAA,CAAM,cA7BpB,CAAA,OA6B0C,OAAA,CAAY,MA7BtD,CAAA;cA+BN,aA/BoB,EAAA;EAGpB,CAAA,KAAA,EA4BwB,kBAtB7B,CAAA,EAsB+C,oBAAA,CAAA,GAAA,CAAA,OAtB/C;EAAA,WAAA,EAAA,MAAA;;KAgCI,sBAAA,GAAyB,KAAA,CAAM,cAtCoB,CAAA,OAsCE,OAAA,CAAY,UAtCd,CAAA;cAwClD,iBAxCkE,EAAA;EAAA,CAAA;IAAA,SAAA;IAAA,GAAA;EAAA,CAAA,EAwCpB,sBAxCoB,CAAA,EAwCE,oBAAA,CAAA,GAAA,CAAA,OAxCF;EAcnE,WAAA,EAAA,MAAA;CAAmB;KA0CnB,iBAAA,GAAoB,KAAA,CAAM,cA1CoC,CAAA,OA0Cd,OAAA,CAAY,KA1CE,CAAA,GAAA;SAAxC,CAAA,EA2Cf,cA3CqB;CAAc;AAAA,cA8CzC,YA1CL,EAAA;EAAA,CAAA;IAAA,SAAA;IAAA,OAAA;IAAA,GAAA;EAAA,CAAA,EA0CuD,iBA1CvD,CAAA,EA0CwE,oBAAA,CAAA,GAAA,CAAA,OA1CxE;;;KA4DI,iBAAA,GAAoB,KAAA,CAAM,cA9DqC,CAAA,OA8Df,OAAA,CAAY,KA9DG,CAAA,GAAA;EAAA,OAAA,CAAA,EA+DxD,cA/DwD;AAAA,CAAA;cAkE9D,YAxDiB,EAAA;;IAA+B,SAAY;IAAA,OAAA;IAAA,GAAA;EAAA,CAAA,EAwDV,iBAxDU,CAAA,EAwDO,oBAAA,CAAA,GAAA,CAAA,OAxDP;aAAlC,EAAA,MAAA;CAAc"}