@waveso/ui 0.9.0 → 0.10.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 (116) hide show
  1. package/dist/accordion.d.ts +2 -2
  2. package/dist/accordion.js +0 -1
  3. package/dist/action-bar.d.ts +16 -2
  4. package/dist/action-bar.js +12 -5
  5. package/dist/alert-dialog.d.ts +2 -2
  6. package/dist/alert-dialog.js +0 -1
  7. package/dist/alert.d.ts +2 -2
  8. package/dist/alert.js +0 -1
  9. package/dist/animate.d.ts +1 -1
  10. package/dist/animate.js +1 -1
  11. package/dist/aspect-ratio.d.ts +1 -1
  12. package/dist/aspect-ratio.js +0 -1
  13. package/dist/autocomplete.d.ts +2 -2
  14. package/dist/autocomplete.js +0 -1
  15. package/dist/avatar.d.ts +2 -2
  16. package/dist/avatar.js +0 -1
  17. package/dist/badge.d.ts +2 -2
  18. package/dist/breadcrumb.d.ts +2 -2
  19. package/dist/breadcrumb.js +0 -1
  20. package/dist/button-group.d.ts +2 -2
  21. package/dist/button-group.js +0 -1
  22. package/dist/button.d.ts +4 -4
  23. package/dist/button.js +0 -1
  24. package/dist/card.d.ts +2 -2
  25. package/dist/card.js +0 -1
  26. package/dist/checkbox.d.ts +2 -2
  27. package/dist/checkbox.js +0 -1
  28. package/dist/collapsible.d.ts +2 -2
  29. package/dist/collapsible.js +0 -1
  30. package/dist/combobox.d.ts +2 -2
  31. package/dist/combobox.js +1 -1
  32. package/dist/context-menu.d.ts +2 -2
  33. package/dist/context-menu.js +0 -1
  34. package/dist/count.d.ts +1 -1
  35. package/dist/count.js +2 -2
  36. package/dist/dialog.d.ts +2 -2
  37. package/dist/dialog.js +0 -1
  38. package/dist/direction.d.ts +3 -3
  39. package/dist/drawer.d.ts +2 -2
  40. package/dist/drawer.js +0 -1
  41. package/dist/encrypted-text.d.ts +2 -2
  42. package/dist/encrypted-text.js +1 -1
  43. package/dist/field.d.ts +2 -2
  44. package/dist/field.js +0 -1
  45. package/dist/film-grain.d.ts +1 -1
  46. package/dist/film-grain.js +0 -1
  47. package/dist/form.d.ts +1 -1
  48. package/dist/form.js +1 -1
  49. package/dist/gradient-reveal-text.js +2 -2
  50. package/dist/infinite-scroll.d.ts +2 -2
  51. package/dist/infinite-scroll.js +1 -1
  52. package/dist/input-group.d.ts +2 -2
  53. package/dist/input-group.js +0 -1
  54. package/dist/input-otp.d.ts +2 -2
  55. package/dist/input-otp.js +2 -2
  56. package/dist/input.d.ts +2 -2
  57. package/dist/input.js +0 -1
  58. package/dist/item.d.ts +2 -2
  59. package/dist/item.js +0 -1
  60. package/dist/kbd.d.ts +1 -1
  61. package/dist/kbd.js +0 -1
  62. package/dist/label.d.ts +2 -2
  63. package/dist/label.js +0 -1
  64. package/dist/lib/internal-icons.d.ts +1 -1
  65. package/dist/lib/internal-icons.js +0 -1
  66. package/dist/masonry.d.ts +2 -2
  67. package/dist/masonry.js +1 -1
  68. package/dist/menu.d.ts +2 -2
  69. package/dist/menu.js +0 -1
  70. package/dist/menubar.d.ts +2 -2
  71. package/dist/menubar.js +0 -1
  72. package/dist/pagination.d.ts +2 -2
  73. package/dist/pagination.js +0 -2
  74. package/dist/popover.d.ts +2 -2
  75. package/dist/popover.js +0 -1
  76. package/dist/preview-card.d.ts +2 -2
  77. package/dist/preview-card.js +0 -1
  78. package/dist/progress.d.ts +2 -2
  79. package/dist/progress.js +0 -1
  80. package/dist/radio-group.d.ts +2 -2
  81. package/dist/radio-group.js +0 -1
  82. package/dist/radio.d.ts +2 -2
  83. package/dist/radio.js +0 -1
  84. package/dist/scroll-area.d.ts +2 -2
  85. package/dist/scroll-area.js +0 -1
  86. package/dist/select.d.ts +2 -2
  87. package/dist/select.js +0 -1
  88. package/dist/separator.d.ts +2 -2
  89. package/dist/separator.js +0 -1
  90. package/dist/sidebar.d.ts +1 -1
  91. package/dist/sidebar.js +1 -1
  92. package/dist/skeleton.d.ts +2 -2
  93. package/dist/skeleton.js +0 -1
  94. package/dist/slider.d.ts +2 -2
  95. package/dist/slider.js +1 -1
  96. package/dist/spinner.d.ts +2 -2
  97. package/dist/spinner.js +0 -1
  98. package/dist/switch.d.ts +2 -2
  99. package/dist/switch.js +0 -1
  100. package/dist/table.d.ts +2 -2
  101. package/dist/table.js +0 -1
  102. package/dist/tabs.d.ts +2 -2
  103. package/dist/tabs.js +0 -1
  104. package/dist/textarea.d.ts +2 -2
  105. package/dist/textarea.js +0 -1
  106. package/dist/toast.d.ts +1 -1
  107. package/dist/toast.js +1 -1
  108. package/dist/toggle-group.d.ts +1 -1
  109. package/dist/toggle-group.js +1 -1
  110. package/dist/toggle.d.ts +2 -2
  111. package/dist/toggle.js +0 -1
  112. package/dist/tooltip.d.ts +2 -2
  113. package/dist/tooltip.js +1 -1
  114. package/dist/typewriter.d.ts +1 -1
  115. package/dist/typewriter.js +1 -1
  116. package/package.json +10 -2
@@ -1,6 +1,6 @@
1
- import * as React from "react";
2
1
  import { Accordion as Accordion$1 } from "@base-ui/react/accordion";
3
2
  import * as _$react_jsx_runtime0 from "react/jsx-runtime";
3
+ import * as React from "react";
4
4
 
5
5
  //#region src/accordion.d.ts
6
6
  type AccordionProps = React.ComponentProps<typeof Accordion$1.Root>;
@@ -26,4 +26,4 @@ declare function AccordionContent({
26
26
  ...props
27
27
  }: AccordionContentProps): _$react_jsx_runtime0.JSX.Element;
28
28
  //#endregion
29
- export { Accordion, AccordionContent, AccordionContentProps, AccordionItem, AccordionItemProps, AccordionProps, AccordionTrigger, AccordionTriggerProps };
29
+ export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps };
package/dist/accordion.js CHANGED
@@ -1,7 +1,6 @@
1
1
  "use client";
2
2
  import { cn } from "./lib/utils.js";
3
3
  import { ChevronDownIcon, ChevronUpIcon } from "./lib/internal-icons.js";
4
- import "react";
5
4
  import { Accordion as Accordion$1 } from "@base-ui/react/accordion";
6
5
  import { jsx, jsxs } from "react/jsx-runtime";
7
6
  //#region src/accordion.tsx
@@ -1,5 +1,5 @@
1
- import * as React from "react";
2
1
  import * as _$react_jsx_runtime0 from "react/jsx-runtime";
2
+ import * as React from "react";
3
3
 
4
4
  //#region src/action-bar.d.ts
5
5
  /** State a form registers with the ActionBar. */
@@ -13,6 +13,17 @@ interface ActionBarEntry {
13
13
  /** Discard this form's changes. */
14
14
  onReset: () => void;
15
15
  }
16
+ /** Overridable button + status strings, for internationalization. */
17
+ interface ActionBarLabels {
18
+ /** Save button. @default "Save" */
19
+ save?: string;
20
+ /** Save button while a save is in progress. @default "Saving" */
21
+ saving?: string;
22
+ /** Reset button. @default "Reset" */
23
+ reset?: string;
24
+ /** Status shown when a save fails. @default "Couldn't save your changes" */
25
+ saveError?: string;
26
+ }
16
27
  interface ActionBarProviderProps {
17
28
  children: React.ReactNode;
18
29
  /** Message when one form has changes. */
@@ -24,6 +35,8 @@ interface ActionBarProviderProps {
24
35
  * users get) when guarded navigation is blocked.
25
36
  */
26
37
  blockedMessage?: string;
38
+ /** Overridable button + status strings (for i18n). Merged over the English defaults. */
39
+ labels?: ActionBarLabels;
27
40
  /** Additional className for the bar's inner content box (`data-slot="action-bar-content"`). */
28
41
  className?: string;
29
42
  }
@@ -56,6 +69,7 @@ declare function ActionBarProvider({
56
69
  message,
57
70
  pluralMessage,
58
71
  blockedMessage,
72
+ labels,
59
73
  className
60
74
  }: ActionBarProviderProps): _$react_jsx_runtime0.JSX.Element;
61
75
  /**
@@ -83,4 +97,4 @@ declare function useActionBar(id: string, entry: ActionBarEntry): void;
83
97
  */
84
98
  declare function useActionBarGuard(navigate: (href: string) => void): (href: string) => boolean;
85
99
  //#endregion
86
- export { ActionBarEntry, ActionBarProvider, ActionBarProviderProps, useActionBar, useActionBarGuard };
100
+ export { type ActionBarEntry, type ActionBarLabels, ActionBarProvider, type ActionBarProviderProps, useActionBar, useActionBarGuard };
@@ -3,8 +3,8 @@ import { cn } from "./lib/utils.js";
3
3
  import { Button } from "./button.js";
4
4
  import { Spinner } from "./spinner.js";
5
5
  import { Kbd } from "./kbd.js";
6
- import * as React from "react";
7
6
  import { Fragment, jsx, jsxs } from "react/jsx-runtime";
7
+ import * as React from "react";
8
8
  import { AnimatePresence, motion, useReducedMotion } from "motion/react";
9
9
  //#region src/action-bar.tsx
10
10
  const JIGGLE_STEPS = 6;
@@ -48,7 +48,14 @@ const ActionBarContext = React.createContext(null);
48
48
  * useActionBar('profile', { hasChanges, saving, onSave, onReset });
49
49
  * ```
50
50
  */
51
- function ActionBarProvider({ children, message = "You have unsaved changes", pluralMessage = (count) => `${count} unsaved changes`, blockedMessage = "Save or reset your changes before leaving this page", className }) {
51
+ function ActionBarProvider({ children, message = "You have unsaved changes", pluralMessage = (count) => `${count} unsaved changes`, blockedMessage = "Save or reset your changes before leaving this page", labels, className }) {
52
+ const text = {
53
+ save: "Save",
54
+ saving: "Saving",
55
+ reset: "Reset",
56
+ saveError: "Couldn't save your changes",
57
+ ...labels
58
+ };
52
59
  const entriesRef = React.useRef(/* @__PURE__ */ new Map());
53
60
  const [, forceUpdate] = React.useState(0);
54
61
  const [jiggleTransform, setJiggleTransform] = React.useState(null);
@@ -205,7 +212,7 @@ function ActionBarProvider({ children, message = "You have unsaved changes", plu
205
212
  children: [/* @__PURE__ */ jsx("span", {
206
213
  "data-slot": "action-bar-message",
207
214
  className: cn("whitespace-nowrap text-sm font-medium", saveError ? "text-destructive" : "text-contrast"),
208
- children: saveError ? "Couldn't save your changes" : displayMessage
215
+ children: saveError ? text.saveError : displayMessage
209
216
  }), /* @__PURE__ */ jsxs("div", {
210
217
  "data-slot": "action-bar-actions",
211
218
  className: "flex items-center gap-1.5",
@@ -215,14 +222,14 @@ function ActionBarProvider({ children, message = "You have unsaved changes", plu
215
222
  disabled: anySaving,
216
223
  onClick: handleResetAll,
217
224
  className: "h-9 px-3 text-sm hover:text-destructive",
218
- children: "Reset"
225
+ children: text.reset
219
226
  }), /* @__PURE__ */ jsx(Button, {
220
227
  type: "button",
221
228
  variant: "default",
222
229
  disabled: anySaving,
223
230
  onClick: handleSaveAll,
224
231
  className: "h-9 px-4 text-sm",
225
- children: anySaving ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Spinner, { className: "mr-1.5 h-3.5 w-3.5" }), "Saving"] }) : /* @__PURE__ */ jsxs(Fragment, { children: ["Save", /* @__PURE__ */ jsx(Kbd, {
232
+ children: anySaving ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Spinner, { className: "mr-1.5 h-3.5 w-3.5" }), text.saving] }) : /* @__PURE__ */ jsxs(Fragment, { children: [text.save, /* @__PURE__ */ jsx(Kbd, {
226
233
  className: "ml-1.5",
227
234
  children: isMac ? "⌘S" : "Ctrl+S"
228
235
  })] })
@@ -1,6 +1,6 @@
1
1
  import { Button } from "./button.js";
2
- import * as React from "react";
3
2
  import * as _$react_jsx_runtime0 from "react/jsx-runtime";
3
+ import * as React from "react";
4
4
  import { AlertDialog as AlertDialog$1 } from "@base-ui/react/alert-dialog";
5
5
 
6
6
  //#region src/alert-dialog.d.ts
@@ -69,4 +69,4 @@ declare function AlertDialogCancel({
69
69
  ...props
70
70
  }: AlertDialogCancelProps): _$react_jsx_runtime0.JSX.Element;
71
71
  //#endregion
72
- export { AlertDialog, AlertDialogAction, AlertDialogActionProps, AlertDialogCancel, AlertDialogCancelProps, AlertDialogContent, AlertDialogContentProps, AlertDialogDescription, AlertDialogDescriptionProps, AlertDialogFooter, AlertDialogFooterProps, AlertDialogHeader, AlertDialogHeaderProps, AlertDialogMedia, AlertDialogMediaProps, AlertDialogOverlay, AlertDialogOverlayProps, AlertDialogPortal, AlertDialogPortalProps, AlertDialogProps, AlertDialogTitle, AlertDialogTitleProps, AlertDialogTrigger, AlertDialogTriggerProps };
72
+ export { AlertDialog, AlertDialogAction, type AlertDialogActionProps, AlertDialogCancel, type AlertDialogCancelProps, AlertDialogContent, type AlertDialogContentProps, AlertDialogDescription, type AlertDialogDescriptionProps, AlertDialogFooter, type AlertDialogFooterProps, AlertDialogHeader, type AlertDialogHeaderProps, AlertDialogMedia, type AlertDialogMediaProps, AlertDialogOverlay, type AlertDialogOverlayProps, AlertDialogPortal, type AlertDialogPortalProps, type AlertDialogProps, AlertDialogTitle, type AlertDialogTitleProps, AlertDialogTrigger, type AlertDialogTriggerProps };
@@ -1,7 +1,6 @@
1
1
  "use client";
2
2
  import { cn } from "./lib/utils.js";
3
3
  import { Button } from "./button.js";
4
- import "react";
5
4
  import { jsx, jsxs } from "react/jsx-runtime";
6
5
  import { AlertDialog as AlertDialog$1 } from "@base-ui/react/alert-dialog";
7
6
  //#region src/alert-dialog.tsx
package/dist/alert.d.ts CHANGED
@@ -1,5 +1,5 @@
1
- import * as React from "react";
2
1
  import * as _$react_jsx_runtime0 from "react/jsx-runtime";
2
+ import * as React from "react";
3
3
  import { VariantProps } from "class-variance-authority";
4
4
  import * as _$class_variance_authority_types0 from "class-variance-authority/types";
5
5
 
@@ -29,4 +29,4 @@ declare function AlertAction({
29
29
  ...props
30
30
  }: AlertActionProps): _$react_jsx_runtime0.JSX.Element;
31
31
  //#endregion
32
- export { Alert, AlertAction, AlertActionProps, AlertDescription, AlertDescriptionProps, AlertProps, AlertTitle, AlertTitleProps, alertVariants };
32
+ export { Alert, AlertAction, type AlertActionProps, AlertDescription, type AlertDescriptionProps, type AlertProps, AlertTitle, type AlertTitleProps, alertVariants };
package/dist/alert.js CHANGED
@@ -1,5 +1,4 @@
1
1
  import { cn } from "./lib/utils.js";
2
- import "react";
3
2
  import { jsx } from "react/jsx-runtime";
4
3
  import { cva } from "class-variance-authority";
5
4
  //#region src/alert.tsx
package/dist/animate.d.ts CHANGED
@@ -1,6 +1,6 @@
1
+ import * as _$react_jsx_runtime0 from "react/jsx-runtime";
1
2
  import * as _$react from "react";
2
3
  import { ReactElement } from "react";
3
- import * as _$react_jsx_runtime0 from "react/jsx-runtime";
4
4
 
5
5
  //#region src/animate.d.ts
6
6
  type Direction = "up" | "down" | "left" | "right";
package/dist/animate.js CHANGED
@@ -1,6 +1,6 @@
1
1
  "use client";
2
- import { Children, cloneElement, isValidElement, useCallback, useEffect, useId, useLayoutEffect, useRef, useState } from "react";
3
2
  import { Fragment, jsx, jsxs } from "react/jsx-runtime";
3
+ import { Children, cloneElement, isValidElement, useCallback, useEffect, useId, useLayoutEffect, useRef, useState } from "react";
4
4
  import { useInView, useReducedMotion } from "motion/react";
5
5
  //#region src/animate.tsx
6
6
  /**
@@ -1,5 +1,5 @@
1
- import * as React from "react";
2
1
  import * as _$react_jsx_runtime0 from "react/jsx-runtime";
2
+ import * as React from "react";
3
3
 
4
4
  //#region src/aspect-ratio.d.ts
5
5
  type AspectRatioProps = React.ComponentProps<"div"> & {
@@ -1,5 +1,4 @@
1
1
  import { cn } from "./lib/utils.js";
2
- import "react";
3
2
  import { jsx } from "react/jsx-runtime";
4
3
  //#region src/aspect-ratio.tsx
5
4
  function AspectRatio({ ratio, className, ...props }) {
@@ -1,5 +1,5 @@
1
- import * as React from "react";
2
1
  import * as _$react_jsx_runtime0 from "react/jsx-runtime";
2
+ import * as React from "react";
3
3
  import { Autocomplete as Autocomplete$1 } from "@base-ui/react/autocomplete";
4
4
 
5
5
  //#region src/autocomplete.d.ts
@@ -110,4 +110,4 @@ declare function AutocompleteContent({
110
110
  ...props
111
111
  }: AutocompleteContentProps): _$react_jsx_runtime0.JSX.Element;
112
112
  //#endregion
113
- export { Autocomplete, AutocompleteArrow, AutocompleteArrowProps, AutocompleteBackdrop, AutocompleteBackdropProps, AutocompleteClear, AutocompleteClearProps, AutocompleteCollection, AutocompleteCollectionProps, AutocompleteContent, AutocompleteContentProps, AutocompleteEmpty, AutocompleteEmptyProps, AutocompleteGroup, AutocompleteGroupLabel, AutocompleteGroupLabelProps, AutocompleteGroupProps, AutocompleteIcon, AutocompleteIconProps, AutocompleteInput, AutocompleteInputProps, AutocompleteItem, AutocompleteItemProps, AutocompleteList, AutocompleteListProps, AutocompletePopup, AutocompletePopupProps, AutocompletePortal, AutocompletePortalProps, AutocompletePositioner, AutocompletePositionerProps, AutocompleteProps, AutocompleteRow, AutocompleteRowProps, AutocompleteSeparator, AutocompleteSeparatorProps, AutocompleteStatus, AutocompleteStatusProps, AutocompleteTrigger, AutocompleteTriggerProps, AutocompleteValue, AutocompleteValueProps };
113
+ export { Autocomplete, AutocompleteArrow, type AutocompleteArrowProps, AutocompleteBackdrop, type AutocompleteBackdropProps, AutocompleteClear, type AutocompleteClearProps, AutocompleteCollection, type AutocompleteCollectionProps, AutocompleteContent, type AutocompleteContentProps, AutocompleteEmpty, type AutocompleteEmptyProps, AutocompleteGroup, AutocompleteGroupLabel, type AutocompleteGroupLabelProps, type AutocompleteGroupProps, AutocompleteIcon, type AutocompleteIconProps, AutocompleteInput, type AutocompleteInputProps, AutocompleteItem, type AutocompleteItemProps, AutocompleteList, type AutocompleteListProps, AutocompletePopup, type AutocompletePopupProps, AutocompletePortal, type AutocompletePortalProps, AutocompletePositioner, type AutocompletePositionerProps, type AutocompleteProps, AutocompleteRow, type AutocompleteRowProps, AutocompleteSeparator, type AutocompleteSeparatorProps, AutocompleteStatus, type AutocompleteStatusProps, AutocompleteTrigger, type AutocompleteTriggerProps, AutocompleteValue, type AutocompleteValueProps };
@@ -1,6 +1,5 @@
1
1
  "use client";
2
2
  import { cn } from "./lib/utils.js";
3
- import "react";
4
3
  import { jsx } from "react/jsx-runtime";
5
4
  import { Autocomplete as Autocomplete$1 } from "@base-ui/react/autocomplete";
6
5
  //#region src/autocomplete.tsx
package/dist/avatar.d.ts CHANGED
@@ -1,5 +1,5 @@
1
- import * as React from "react";
2
1
  import * as _$react_jsx_runtime0 from "react/jsx-runtime";
2
+ import * as React from "react";
3
3
  import { Avatar as Avatar$1 } from "@base-ui/react/avatar";
4
4
 
5
5
  //#region src/avatar.d.ts
@@ -37,4 +37,4 @@ declare function AvatarGroupCount({
37
37
  ...props
38
38
  }: AvatarGroupCountProps): _$react_jsx_runtime0.JSX.Element;
39
39
  //#endregion
40
- export { Avatar, AvatarBadge, AvatarBadgeProps, AvatarFallback, AvatarFallbackProps, AvatarGroup, AvatarGroupCount, AvatarGroupCountProps, AvatarGroupProps, AvatarImage, AvatarImageProps, AvatarProps };
40
+ export { Avatar, AvatarBadge, type AvatarBadgeProps, AvatarFallback, type AvatarFallbackProps, AvatarGroup, AvatarGroupCount, type AvatarGroupCountProps, type AvatarGroupProps, AvatarImage, type AvatarImageProps, type AvatarProps };
package/dist/avatar.js CHANGED
@@ -1,6 +1,5 @@
1
1
  "use client";
2
2
  import { cn } from "./lib/utils.js";
3
- import "react";
4
3
  import { jsx } from "react/jsx-runtime";
5
4
  import { Avatar as Avatar$1 } from "@base-ui/react/avatar";
6
5
  //#region src/avatar.tsx
package/dist/badge.d.ts CHANGED
@@ -5,7 +5,7 @@ import * as _$class_variance_authority_types0 from "class-variance-authority/typ
5
5
 
6
6
  //#region src/badge.d.ts
7
7
  declare const badgeVariants: (props?: ({
8
- variant?: "default" | "destructive" | "link" | "outline" | "success" | "warning" | "secondary" | "ghost" | null | undefined;
8
+ variant?: "default" | "outline" | "link" | "destructive" | "success" | "warning" | "secondary" | "ghost" | null | undefined;
9
9
  } & _$class_variance_authority_types0.ClassProp) | undefined) => string;
10
10
  type BadgeProps = useRender.ComponentProps<"span"> & VariantProps<typeof badgeVariants>;
11
11
  declare function Badge({
@@ -15,4 +15,4 @@ declare function Badge({
15
15
  ...props
16
16
  }: BadgeProps): _$react.ReactElement<unknown, string | _$react.JSXElementConstructor<any>>;
17
17
  //#endregion
18
- export { Badge, BadgeProps, badgeVariants };
18
+ export { Badge, type BadgeProps, badgeVariants };
@@ -1,5 +1,5 @@
1
- import * as React from "react";
2
1
  import * as _$react_jsx_runtime0 from "react/jsx-runtime";
2
+ import * as React from "react";
3
3
  import { useRender } from "@base-ui/react/use-render";
4
4
 
5
5
  //#region src/breadcrumb.d.ts
@@ -40,4 +40,4 @@ declare function BreadcrumbEllipsis({
40
40
  ...props
41
41
  }: BreadcrumbEllipsisProps): _$react_jsx_runtime0.JSX.Element;
42
42
  //#endregion
43
- export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbEllipsisProps, BreadcrumbItem, BreadcrumbItemProps, BreadcrumbLink, BreadcrumbLinkProps, BreadcrumbList, BreadcrumbListProps, BreadcrumbPage, BreadcrumbPageProps, BreadcrumbProps, BreadcrumbSeparator, BreadcrumbSeparatorProps };
43
+ export { Breadcrumb, BreadcrumbEllipsis, type BreadcrumbEllipsisProps, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbList, type BreadcrumbListProps, BreadcrumbPage, type BreadcrumbPageProps, type BreadcrumbProps, BreadcrumbSeparator, type BreadcrumbSeparatorProps };
@@ -1,7 +1,6 @@
1
1
  "use client";
2
2
  import { cn } from "./lib/utils.js";
3
3
  import { ChevronRightIcon, EllipsisIcon } from "./lib/internal-icons.js";
4
- import "react";
5
4
  import { jsx, jsxs } from "react/jsx-runtime";
6
5
  import { mergeProps } from "@base-ui/react/merge-props";
7
6
  import { useRender } from "@base-ui/react/use-render";
@@ -1,6 +1,6 @@
1
1
  import { Separator } from "./separator.js";
2
- import * as React from "react";
3
2
  import * as _$react_jsx_runtime0 from "react/jsx-runtime";
3
+ import * as React from "react";
4
4
  import { VariantProps } from "class-variance-authority";
5
5
  import { useRender } from "@base-ui/react/use-render";
6
6
  import * as _$class_variance_authority_types0 from "class-variance-authority/types";
@@ -28,4 +28,4 @@ declare function ButtonGroupSeparator({
28
28
  ...props
29
29
  }: ButtonGroupSeparatorProps): _$react_jsx_runtime0.JSX.Element;
30
30
  //#endregion
31
- export { ButtonGroup, ButtonGroupProps, ButtonGroupSeparator, ButtonGroupSeparatorProps, ButtonGroupText, ButtonGroupTextProps, buttonGroupVariants };
31
+ export { ButtonGroup, type ButtonGroupProps, ButtonGroupSeparator, type ButtonGroupSeparatorProps, ButtonGroupText, type ButtonGroupTextProps, buttonGroupVariants };
@@ -1,7 +1,6 @@
1
1
  "use client";
2
2
  import { cn } from "./lib/utils.js";
3
3
  import { Separator } from "./separator.js";
4
- import "react";
5
4
  import { jsx } from "react/jsx-runtime";
6
5
  import { cva } from "class-variance-authority";
7
6
  import { mergeProps } from "@base-ui/react/merge-props";
package/dist/button.d.ts CHANGED
@@ -1,13 +1,13 @@
1
- import * as React from "react";
2
1
  import * as _$react_jsx_runtime0 from "react/jsx-runtime";
2
+ import * as React from "react";
3
3
  import { Button as Button$1 } from "@base-ui/react/button";
4
4
  import { VariantProps } from "class-variance-authority";
5
5
  import * as _$class_variance_authority_types0 from "class-variance-authority/types";
6
6
 
7
7
  //#region src/button.d.ts
8
8
  declare const buttonVariants: (props?: ({
9
- variant?: "default" | "destructive" | "link" | "outline" | "success" | "secondary" | "ghost" | null | undefined;
10
- size?: "default" | "icon" | "sm" | "xs" | "lg" | "xl" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
9
+ variant?: "default" | "outline" | "link" | "destructive" | "success" | "secondary" | "ghost" | null | undefined;
10
+ size?: "default" | "sm" | "xs" | "icon" | "icon-xs" | "icon-sm" | "lg" | "xl" | "icon-lg" | null | undefined;
11
11
  } & _$class_variance_authority_types0.ClassProp) | undefined) => string;
12
12
  type ButtonProps = React.ComponentProps<typeof Button$1> & VariantProps<typeof buttonVariants>;
13
13
  declare function Button({
@@ -17,4 +17,4 @@ declare function Button({
17
17
  ...props
18
18
  }: ButtonProps): _$react_jsx_runtime0.JSX.Element;
19
19
  //#endregion
20
- export { Button, ButtonProps, buttonVariants };
20
+ export { Button, type ButtonProps, buttonVariants };
package/dist/button.js CHANGED
@@ -1,6 +1,5 @@
1
1
  "use client";
2
2
  import { cn } from "./lib/utils.js";
3
- import "react";
4
3
  import { jsx } from "react/jsx-runtime";
5
4
  import { Button as Button$1 } from "@base-ui/react/button";
6
5
  import { cva } from "class-variance-authority";
package/dist/card.d.ts CHANGED
@@ -1,5 +1,5 @@
1
- import * as React from "react";
2
1
  import * as _$react_jsx_runtime0 from "react/jsx-runtime";
2
+ import * as React from "react";
3
3
 
4
4
  //#region src/card.d.ts
5
5
  type CardProps = React.ComponentProps<"div"> & {
@@ -41,4 +41,4 @@ declare function CardFooter({
41
41
  ...props
42
42
  }: CardFooterProps): _$react_jsx_runtime0.JSX.Element;
43
43
  //#endregion
44
- export { Card, CardAction, CardActionProps, CardContent, CardContentProps, CardDescription, CardDescriptionProps, CardFooter, CardFooterProps, CardHeader, CardHeaderProps, CardProps, CardTitle, CardTitleProps };
44
+ export { Card, CardAction, type CardActionProps, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps };
package/dist/card.js CHANGED
@@ -1,5 +1,4 @@
1
1
  import { cn } from "./lib/utils.js";
2
- import "react";
3
2
  import { jsx } from "react/jsx-runtime";
4
3
  //#region src/card.tsx
5
4
  function Card({ className, size = "default", ...props }) {
@@ -1,5 +1,5 @@
1
- import * as React from "react";
2
1
  import * as _$react_jsx_runtime0 from "react/jsx-runtime";
2
+ import * as React from "react";
3
3
  import { Checkbox as Checkbox$1 } from "@base-ui/react/checkbox";
4
4
 
5
5
  //#region src/checkbox.d.ts
@@ -9,4 +9,4 @@ declare function Checkbox({
9
9
  ...props
10
10
  }: CheckboxProps): _$react_jsx_runtime0.JSX.Element;
11
11
  //#endregion
12
- export { Checkbox, CheckboxProps };
12
+ export { Checkbox, type CheckboxProps };
package/dist/checkbox.js CHANGED
@@ -1,7 +1,6 @@
1
1
  "use client";
2
2
  import { cn } from "./lib/utils.js";
3
3
  import { CheckIcon, MinusIcon } from "./lib/internal-icons.js";
4
- import "react";
5
4
  import { jsx, jsxs } from "react/jsx-runtime";
6
5
  import { Checkbox as Checkbox$1 } from "@base-ui/react/checkbox";
7
6
  //#region src/checkbox.tsx
@@ -1,5 +1,5 @@
1
- import * as React from "react";
2
1
  import * as _$react_jsx_runtime0 from "react/jsx-runtime";
2
+ import * as React from "react";
3
3
  import { Collapsible as Collapsible$1 } from "@base-ui/react/collapsible";
4
4
 
5
5
  //#region src/collapsible.d.ts
@@ -17,4 +17,4 @@ declare function CollapsibleContent({
17
17
  ...props
18
18
  }: CollapsibleContentProps): _$react_jsx_runtime0.JSX.Element;
19
19
  //#endregion
20
- export { Collapsible, CollapsibleContent, CollapsibleContentProps, CollapsibleProps, CollapsibleTrigger, CollapsibleTriggerProps };
20
+ export { Collapsible, CollapsibleContent, type CollapsibleContentProps, type CollapsibleProps, CollapsibleTrigger, type CollapsibleTriggerProps };
@@ -1,6 +1,5 @@
1
1
  "use client";
2
2
  import { cn } from "./lib/utils.js";
3
- import "react";
4
3
  import { jsx } from "react/jsx-runtime";
5
4
  import { Collapsible as Collapsible$1 } from "@base-ui/react/collapsible";
6
5
  //#region src/collapsible.tsx
@@ -1,5 +1,5 @@
1
- import * as React from "react";
2
1
  import * as _$react_jsx_runtime0 from "react/jsx-runtime";
2
+ import * as React from "react";
3
3
  import { Combobox as Combobox$1 } from "@base-ui/react/combobox";
4
4
 
5
5
  //#region src/combobox.d.ts
@@ -105,4 +105,4 @@ declare function ComboboxChipsInput({
105
105
  }: ComboboxChipsInputProps): _$react_jsx_runtime0.JSX.Element;
106
106
  declare function useComboboxAnchor(): React.RefObject<HTMLDivElement | null>;
107
107
  //#endregion
108
- export { Combobox, ComboboxChip, ComboboxChipProps, ComboboxChips, ComboboxChipsInput, ComboboxChipsInputProps, ComboboxChipsProps, ComboboxClear, ComboboxClearProps, ComboboxCollection, ComboboxCollectionProps, ComboboxContent, ComboboxContentProps, ComboboxEmpty, ComboboxEmptyProps, ComboboxGroup, ComboboxGroupProps, ComboboxInput, ComboboxInputProps, ComboboxItem, ComboboxItemProps, ComboboxLabel, ComboboxLabelProps, ComboboxList, ComboboxListProps, ComboboxPortalProps, ComboboxPositionerProps, ComboboxProps, ComboboxSeparator, ComboboxSeparatorProps, ComboboxTrigger, ComboboxTriggerProps, ComboboxValue, ComboboxValueProps, useComboboxAnchor };
108
+ export { Combobox, ComboboxChip, type ComboboxChipProps, ComboboxChips, ComboboxChipsInput, type ComboboxChipsInputProps, type ComboboxChipsProps, ComboboxClear, type ComboboxClearProps, ComboboxCollection, type ComboboxCollectionProps, ComboboxContent, type ComboboxContentProps, ComboboxEmpty, type ComboboxEmptyProps, ComboboxGroup, type ComboboxGroupProps, ComboboxInput, type ComboboxInputProps, ComboboxItem, type ComboboxItemProps, ComboboxLabel, type ComboboxLabelProps, ComboboxList, type ComboboxListProps, type ComboboxPortalProps, type ComboboxPositionerProps, type ComboboxProps, ComboboxSeparator, type ComboboxSeparatorProps, ComboboxTrigger, type ComboboxTriggerProps, ComboboxValue, type ComboboxValueProps, useComboboxAnchor };
package/dist/combobox.js CHANGED
@@ -3,8 +3,8 @@ import { cn } from "./lib/utils.js";
3
3
  import { CheckIcon, ChevronDownIcon, CloseIcon } from "./lib/internal-icons.js";
4
4
  import { Button } from "./button.js";
5
5
  import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput } from "./input-group.js";
6
- import * as React from "react";
7
6
  import { jsx, jsxs } from "react/jsx-runtime";
7
+ import * as React from "react";
8
8
  import { Combobox as Combobox$1 } from "@base-ui/react/combobox";
9
9
  //#region src/combobox.tsx
10
10
  function Combobox({ ...props }) {
@@ -1,6 +1,6 @@
1
1
  import { RestoreFocusOnClose } from "./lib/focus.js";
2
- import * as React from "react";
3
2
  import * as _$react_jsx_runtime0 from "react/jsx-runtime";
3
+ import * as React from "react";
4
4
  import { ContextMenu as ContextMenu$1 } from "@base-ui/react/context-menu";
5
5
 
6
6
  //#region src/context-menu.d.ts
@@ -104,4 +104,4 @@ declare function ContextMenuShortcut({
104
104
  ...props
105
105
  }: ContextMenuShortcutProps): _$react_jsx_runtime0.JSX.Element;
106
106
  //#endregion
107
- export { ContextMenu, ContextMenuCheckboxItem, ContextMenuCheckboxItemProps, ContextMenuContent, ContextMenuContentProps, ContextMenuGroup, ContextMenuGroupProps, ContextMenuItem, ContextMenuItemProps, ContextMenuLabel, ContextMenuLabelProps, ContextMenuPortal, ContextMenuPortalProps, ContextMenuProps, ContextMenuRadioGroup, ContextMenuRadioGroupProps, ContextMenuRadioItem, ContextMenuRadioItemProps, ContextMenuSeparator, ContextMenuSeparatorProps, ContextMenuShortcut, ContextMenuShortcutProps, ContextMenuSub, ContextMenuSubContent, ContextMenuSubContentProps, ContextMenuSubProps, ContextMenuSubTrigger, ContextMenuSubTriggerProps, ContextMenuTrigger, ContextMenuTriggerProps, type RestoreFocusOnClose };
107
+ export { ContextMenu, ContextMenuCheckboxItem, type ContextMenuCheckboxItemProps, ContextMenuContent, type ContextMenuContentProps, ContextMenuGroup, type ContextMenuGroupProps, ContextMenuItem, type ContextMenuItemProps, ContextMenuLabel, type ContextMenuLabelProps, ContextMenuPortal, type ContextMenuPortalProps, type ContextMenuProps, ContextMenuRadioGroup, type ContextMenuRadioGroupProps, ContextMenuRadioItem, type ContextMenuRadioItemProps, ContextMenuSeparator, type ContextMenuSeparatorProps, ContextMenuShortcut, type ContextMenuShortcutProps, ContextMenuSub, ContextMenuSubContent, type ContextMenuSubContentProps, type ContextMenuSubProps, ContextMenuSubTrigger, type ContextMenuSubTriggerProps, ContextMenuTrigger, type ContextMenuTriggerProps, type RestoreFocusOnClose };
@@ -2,7 +2,6 @@
2
2
  import { cn } from "./lib/utils.js";
3
3
  import { CheckIcon, ChevronRightIcon } from "./lib/internal-icons.js";
4
4
  import { resolveFinalFocus } from "./lib/focus.js";
5
- import "react";
6
5
  import { jsx, jsxs } from "react/jsx-runtime";
7
6
  import { ContextMenu as ContextMenu$1 } from "@base-ui/react/context-menu";
8
7
  //#region src/context-menu.tsx
package/dist/count.d.ts CHANGED
@@ -1,5 +1,5 @@
1
- import { ReactElement } from "react";
2
1
  import * as _$react_jsx_runtime0 from "react/jsx-runtime";
2
+ import { ReactElement } from "react";
3
3
 
4
4
  //#region src/count.d.ts
5
5
  interface CountProps {
package/dist/count.js CHANGED
@@ -1,11 +1,11 @@
1
1
  "use client";
2
- import { cloneElement, isValidElement, useEffect, useRef, useState } from "react";
3
2
  import { jsx } from "react/jsx-runtime";
3
+ import { cloneElement, isValidElement, useEffect, useRef, useState } from "react";
4
4
  import { useInView, useReducedMotion } from "motion/react";
5
5
  //#region src/count.tsx
6
6
  /** Cubic ease-out: fast start, smooth deceleration */
7
7
  function easeOut(t) {
8
- return 1 - Math.pow(1 - t, 3);
8
+ return 1 - (1 - t) ** 3;
9
9
  }
10
10
  function formatCountdown(ms) {
11
11
  if (ms <= 0) return "00:00:00";
package/dist/dialog.d.ts CHANGED
@@ -1,5 +1,5 @@
1
- import * as React from "react";
2
1
  import * as _$react_jsx_runtime0 from "react/jsx-runtime";
2
+ import * as React from "react";
3
3
  import { Dialog as Dialog$1 } from "@base-ui/react/dialog";
4
4
 
5
5
  //#region src/dialog.d.ts
@@ -68,4 +68,4 @@ declare function DialogDescription({
68
68
  ...props
69
69
  }: DialogDescriptionProps): _$react_jsx_runtime0.JSX.Element;
70
70
  //#endregion
71
- export { Dialog, DialogClose, DialogCloseProps, DialogContent, DialogContentProps, DialogDescription, DialogDescriptionProps, DialogFooter, DialogFooterProps, DialogHeader, DialogHeaderProps, DialogOverlay, DialogOverlayProps, DialogPopupProps, DialogPortal, DialogPortalProps, DialogProps, DialogTitle, DialogTitleProps, DialogTrigger, DialogTriggerProps };
71
+ export { Dialog, DialogClose, type DialogCloseProps, DialogContent, type DialogContentProps, DialogDescription, type DialogDescriptionProps, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, DialogOverlay, type DialogOverlayProps, type DialogPopupProps, DialogPortal, type DialogPortalProps, type DialogProps, DialogTitle, type DialogTitleProps, DialogTrigger, type DialogTriggerProps };
package/dist/dialog.js CHANGED
@@ -2,7 +2,6 @@
2
2
  import { cn } from "./lib/utils.js";
3
3
  import { CloseIcon } from "./lib/internal-icons.js";
4
4
  import { Button } from "./button.js";
5
- import "react";
6
5
  import { jsx, jsxs } from "react/jsx-runtime";
7
6
  import { Dialog as Dialog$1 } from "@base-ui/react/dialog";
8
7
  //#region src/dialog.tsx
@@ -1,7 +1,7 @@
1
1
  import * as React from "react";
2
- import { DirectionProvider, DirectionProvider as DirectionProvider$1, useDirection } from "@base-ui/react/direction-provider";
2
+ import { DirectionProvider, useDirection } from "@base-ui/react/direction-provider";
3
3
 
4
4
  //#region src/direction.d.ts
5
- type DirectionProviderProps = React.ComponentProps<typeof DirectionProvider$1>;
5
+ type DirectionProviderProps = React.ComponentProps<typeof DirectionProvider>;
6
6
  //#endregion
7
- export { DirectionProvider, DirectionProviderProps, useDirection };
7
+ export { DirectionProvider, type DirectionProviderProps, useDirection };
package/dist/drawer.d.ts CHANGED
@@ -1,5 +1,5 @@
1
- import * as React from "react";
2
1
  import * as _$react_jsx_runtime0 from "react/jsx-runtime";
2
+ import * as React from "react";
3
3
  import { Drawer as Drawer$1 } from "@base-ui/react/drawer";
4
4
 
5
5
  //#region src/drawer.d.ts
@@ -60,4 +60,4 @@ declare function DrawerDescription({
60
60
  ...props
61
61
  }: DrawerDescriptionProps): _$react_jsx_runtime0.JSX.Element;
62
62
  //#endregion
63
- export { Drawer, DrawerClose, DrawerCloseProps, DrawerContent, DrawerContentProps, DrawerDescription, DrawerDescriptionProps, DrawerFooter, DrawerFooterProps, DrawerHeader, DrawerHeaderProps, DrawerOverlay, DrawerOverlayProps, DrawerPopupProps, DrawerPortal, DrawerPortalProps, DrawerProps, DrawerTitle, DrawerTitleProps, DrawerTrigger, DrawerTriggerProps, DrawerViewport, DrawerViewportProps };
63
+ export { Drawer, DrawerClose, type DrawerCloseProps, DrawerContent, type DrawerContentProps, DrawerDescription, type DrawerDescriptionProps, DrawerFooter, type DrawerFooterProps, DrawerHeader, type DrawerHeaderProps, DrawerOverlay, type DrawerOverlayProps, type DrawerPopupProps, DrawerPortal, type DrawerPortalProps, type DrawerProps, DrawerTitle, type DrawerTitleProps, DrawerTrigger, type DrawerTriggerProps, DrawerViewport, type DrawerViewportProps };
package/dist/drawer.js CHANGED
@@ -2,7 +2,6 @@
2
2
  import { cn } from "./lib/utils.js";
3
3
  import { CloseIcon } from "./lib/internal-icons.js";
4
4
  import { Button } from "./button.js";
5
- import "react";
6
5
  import { jsx, jsxs } from "react/jsx-runtime";
7
6
  import { Drawer as Drawer$1 } from "@base-ui/react/drawer";
8
7
  //#region src/drawer.tsx
@@ -1,5 +1,5 @@
1
- import * as React from "react";
2
1
  import * as _$react_jsx_runtime0 from "react/jsx-runtime";
2
+ import * as React from "react";
3
3
 
4
4
  //#region src/encrypted-text.d.ts
5
5
  type EncryptedTextProps = React.ComponentProps<"span"> & {
@@ -25,4 +25,4 @@ declare function EncryptedText({
25
25
  ...props
26
26
  }: EncryptedTextProps): _$react_jsx_runtime0.JSX.Element | null;
27
27
  //#endregion
28
- export { EncryptedText, EncryptedTextProps };
28
+ export { EncryptedText, type EncryptedTextProps };
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import { cn } from "./lib/utils.js";
3
- import * as React from "react";
4
3
  import { jsx, jsxs } from "react/jsx-runtime";
4
+ import * as React from "react";
5
5
  import { useReducedMotion } from "motion/react";
6
6
  //#region src/encrypted-text.tsx
7
7
  const DEFAULT_CHARSET = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789!@#$%^&*()_+-={}[];:,.<>/?";
package/dist/field.d.ts CHANGED
@@ -1,5 +1,5 @@
1
- import * as React from "react";
2
1
  import * as _$react_jsx_runtime0 from "react/jsx-runtime";
2
+ import * as React from "react";
3
3
  import { Field as FieldPrimitive } from "@base-ui/react/field";
4
4
  import * as _$_base_ui_react0 from "@base-ui/react";
5
5
 
@@ -37,4 +37,4 @@ declare function FieldError({
37
37
  }: FieldErrorProps): _$react_jsx_runtime0.JSX.Element;
38
38
  declare const FieldValidity: React.FC<_$_base_ui_react0.FieldValidityProps>;
39
39
  //#endregion
40
- export { Field, FieldControl, FieldControlProps, FieldDescription, FieldDescriptionProps, FieldError, FieldErrorProps, FieldItem, FieldItemProps, FieldLabel, FieldLabelProps, FieldPrimitive, FieldProps, FieldValidity, FieldValidityProps };
40
+ export { Field, FieldControl, type FieldControlProps, FieldDescription, type FieldDescriptionProps, FieldError, type FieldErrorProps, FieldItem, type FieldItemProps, FieldLabel, type FieldLabelProps, FieldPrimitive, type FieldProps, FieldValidity, type FieldValidityProps };
package/dist/field.js CHANGED
@@ -1,6 +1,5 @@
1
1
  "use client";
2
2
  import { cn } from "./lib/utils.js";
3
- import "react";
4
3
  import { jsx } from "react/jsx-runtime";
5
4
  import { Field as FieldPrimitive } from "@base-ui/react/field";
6
5
  //#region src/field.tsx
@@ -1,5 +1,5 @@
1
- import * as React from "react";
2
1
  import * as _$react_jsx_runtime0 from "react/jsx-runtime";
2
+ import * as React from "react";
3
3
 
4
4
  //#region src/film-grain.d.ts
5
5
  interface FilmGrainProps {
@@ -1,7 +1,6 @@
1
1
  "use client";
2
2
  import { cn } from "./lib/utils.js";
3
3
  import { useFilmGrain } from "./film-grain-webgl.js";
4
- import "react";
5
4
  import { jsx } from "react/jsx-runtime";
6
5
  //#region src/film-grain.tsx
7
6
  function FilmGrain({ density = .6, opacity = .08, blendMode = "overlay", fps = 18, color = "#ffffff", className, style }) {
package/dist/form.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { Field } from "./field.js";
2
- import * as React from "react";
3
2
  import * as _$react_jsx_runtime0 from "react/jsx-runtime";
3
+ import * as React from "react";
4
4
  import * as _$react_hook_form0 from "react-hook-form";
5
5
  import { ControllerFieldState, ControllerRenderProps, FieldPath, FieldValues, RegisterOptions, SubmitHandler, UseFormReturn, useForm, useWatch } from "react-hook-form";
6
6