@madebywild/wvk 0.1.0 → 0.1.2

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 (21) hide show
  1. package/README.md +13 -0
  2. package/bin/wvk.mjs +134 -8
  3. package/dist/index.cjs +19 -16
  4. package/dist/index.cjs.map +1 -1
  5. package/dist/index.d.cts +33 -41
  6. package/dist/index.d.ts +33 -41
  7. package/dist/index.js +19 -16
  8. package/dist/index.js.map +1 -1
  9. package/dist/styles.css +0 -4
  10. package/package.json +7 -3
  11. package/templates/next-app/README.md +55 -0
  12. package/templates/next-app/eslint.config.mjs +11 -0
  13. package/templates/next-app/gitignore +41 -0
  14. package/templates/next-app/next.config.ts +5 -0
  15. package/templates/next-app/package.json +28 -0
  16. package/templates/next-app/postcss.config.mjs +7 -0
  17. package/templates/next-app/src/app/globals.css +8 -0
  18. package/templates/next-app/src/app/layout.tsx +48 -0
  19. package/templates/next-app/src/app/page.tsx +48 -0
  20. package/templates/next-app/src/components/header.tsx +17 -0
  21. package/templates/next-app/tsconfig.json +29 -0
package/dist/index.d.cts CHANGED
@@ -4,24 +4,16 @@ import { SVGProps } from 'react';
4
4
  import { HTMLMotionProps } from 'framer-motion';
5
5
  export { AnimatePresence, Variants, motion } from 'framer-motion';
6
6
  import { VariantProps } from 'class-variance-authority';
7
- import { useRender } from '@base-ui-components/react/use-render';
8
- import * as _base_ui_components_react_checkbox from '@base-ui-components/react/checkbox';
7
+ import { useRender } from '@base-ui/react/use-render';
8
+ import * as _base_ui_react from '@base-ui/react';
9
9
  import * as react_jsx_runtime from 'react/jsx-runtime';
10
10
  import { W as WireframeIcons } from './index-CQDaCDUc.cjs';
11
- import * as _base_ui_components_react_menu from '@base-ui-components/react/menu';
12
- import { Menu as Menu$1 } from '@base-ui-components/react/menu';
13
- import * as _base_ui_components_react_meter from '@base-ui-components/react/meter';
14
- import * as _base_ui_components_react_progress from '@base-ui-components/react/progress';
15
- import * as _base_ui_components_react_radio from '@base-ui-components/react/radio';
16
- import * as _base_ui_components_react_radio_group from '@base-ui-components/react/radio-group';
17
- import * as _base_ui_components_react_toggle from '@base-ui-components/react/toggle';
18
- import { Toggle } from '@base-ui-components/react/toggle';
19
- import * as _base_ui_components_react_select from '@base-ui-components/react/select';
20
- import * as _base_ui_components_react_tabs from '@base-ui-components/react/tabs';
21
- import { Tabs as Tabs$1 } from '@base-ui-components/react/tabs';
22
- import * as _base_ui_components_react_switch from '@base-ui-components/react/switch';
23
- import * as _base_ui_components_react_tooltip from '@base-ui-components/react/tooltip';
24
- import { Tooltip as Tooltip$1 } from '@base-ui-components/react/tooltip';
11
+ import { Menu as Menu$1 } from '@base-ui/react/menu';
12
+ import { Radio as Radio$1 } from '@base-ui/react/radio';
13
+ import { RadioGroup as RadioGroup$1 } from '@base-ui/react/radio-group';
14
+ import { Toggle } from '@base-ui/react/toggle';
15
+ import { Tabs as Tabs$1 } from '@base-ui/react/tabs';
16
+ import { Tooltip as Tooltip$1 } from '@base-ui/react/tooltip';
25
17
  import { ClassValue } from 'clsx';
26
18
 
27
19
  declare const alertVariants: (props?: ({
@@ -90,7 +82,7 @@ declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAtt
90
82
  declare const checkboxFrameVariants: (props?: ({
91
83
  size?: "sm" | "md" | "lg" | null | undefined;
92
84
  } & class_variance_authority_types.ClassProp) | undefined) => string;
93
- declare const Checkbox: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_components_react_checkbox.CheckboxRootProps & React.RefAttributes<HTMLElement>, "ref">, "render" | "onCheckedChange"> & VariantProps<(props?: ({
85
+ declare const Checkbox: React.ForwardRefExoticComponent<Omit<Omit<Omit<_base_ui_react.CheckboxRootProps, "ref"> & React.RefAttributes<HTMLElement>, "ref">, "render" | "onCheckedChange"> & VariantProps<(props?: ({
94
86
  size?: "sm" | "md" | "lg" | null | undefined;
95
87
  } & class_variance_authority_types.ClassProp) | undefined) => string> & {
96
88
  onCheckedChange?: (checked: boolean) => void;
@@ -149,7 +141,7 @@ declare function FieldGroup({ fieldLabel, label, labelRequired, labelOptional, l
149
141
 
150
142
  type TagLeadingIconName = keyof typeof WireframeIcons;
151
143
  /** Sorted export names from `../icons` for pickers and docs. */
152
- declare const TAG_LEADING_ICON_NAMES: ("Menu" | "Window" | "Accessibility" | "Accessibility2" | "Ai" | "Android" | "Apple" | "ArrowBack" | "ArrowDown" | "ArrowForward" | "ArrowLeft" | "ArrowLeftRight" | "ArrowRedo" | "ArrowRight" | "ArrowUndo" | "ArrowUp" | "ArrowUpDown" | "ArrowUpLeft" | "ArrowUpRight" | "Atom" | "Attachment" | "BarChart" | "Battery" | "Bell" | "Book" | "Bookmark" | "BookmarkActive" | "Calendar" | "Camera" | "CaretDown" | "CaretLeft" | "CaretRight" | "CaretUp" | "CaretUpDown" | "Cart" | "Cell" | "ChatBubble" | "Checkmark" | "ChevronDown" | "ChevronLeft" | "ChevronRight" | "ChevronUp" | "ChevronUpDown" | "Clipboard" | "Clock" | "Close" | "Cloud" | "CloudySun" | "Code" | "Comparison01" | "Comparison02" | "Compass" | "Create" | "CreditCard" | "CurrencyDollarSign" | "CurrencyEuroSign" | "Database" | "Desktop" | "Download" | "DragIndicator" | "Dribbble" | "Edit" | "Error" | "Execute" | "Exit" | "Expand" | "Eye" | "EyeActive" | "Facebook" | "File" | "Filter01" | "Filter02" | "Flag" | "Flash" | "FloatingWheel" | "Folder" | "Food" | "Globe" | "Google" | "Gps" | "Grid" | "Hashtag" | "Headphones" | "Heart" | "HeartActive" | "Home" | "Hourglass" | "Image" | "Inbox" | "Info" | "Instagram" | "Interface" | "InterfaceFilled" | "Language" | "Layers" | "LayoutAlign1Left" | "LayoutAlign2CenterHorizontal" | "LayoutAlign3Right" | "LayoutAlign4Top" | "LayoutAlign5CenterVertical" | "LayoutAlign6Bottom" | "LetterStamp" | "LightBulb" | "Link" | "Linkedin" | "List" | "Loading" | "Lock" | "LockOpen" | "MagicWand" | "MagnifyingGlass" | "Mail" | "Map" | "Maximize1" | "Maximize2" | "Minimize" | "Minus" | "Mobile" | "Mobile2" | "Mobile3" | "Monitoring" | "Moon" | "MoreHorizontal" | "MoreVertical" | "Music" | "Package" | "Pause" | "Phone" | "PieChart" | "Pin" | "Pinterest" | "Play" | "Plus" | "Puzzle" | "Question" | "Rain" | "Receipt" | "Refresh" | "Reply" | "Robot" | "Rocket" | "ScanCode" | "Settings" | "Share" | "Shuffle" | "SmileyHappy" | "SmileyNeutral" | "SmileySad" | "Soundcloud" | "Spotify" | "Star" | "StarActive" | "Stop" | "Stopwatch" | "Sun" | "Tag" | "Target" | "TextAlignCenter" | "TextAlignLeft" | "TextAlignRight" | "ThumbsDown" | "ThumbsUp" | "Tiktok" | "TrashBin" | "Twitter" | "User" | "Video" | "VideoCamera" | "Voice" | "VolumeDown" | "VolumeOff" | "VolumeUp" | "Warning" | "Watch" | "Wayfinding" | "Wc" | "Whatsapp" | "Wifi" | "WorkBag" | "XTwitter" | "Youtube" | "ZoomMinus" | "ZoomPlus")[];
144
+ declare const TAG_LEADING_ICON_NAMES: ("Accessibility" | "Accessibility2" | "Ai" | "Android" | "Apple" | "ArrowBack" | "ArrowDown" | "ArrowForward" | "ArrowLeft" | "ArrowLeftRight" | "ArrowRedo" | "ArrowRight" | "ArrowUndo" | "ArrowUp" | "ArrowUpDown" | "ArrowUpLeft" | "ArrowUpRight" | "Atom" | "Attachment" | "BarChart" | "Battery" | "Bell" | "Book" | "Bookmark" | "BookmarkActive" | "Calendar" | "Camera" | "CaretDown" | "CaretLeft" | "CaretRight" | "CaretUp" | "CaretUpDown" | "Cart" | "Cell" | "ChatBubble" | "Checkmark" | "ChevronDown" | "ChevronLeft" | "ChevronRight" | "ChevronUp" | "ChevronUpDown" | "Clipboard" | "Clock" | "Close" | "Cloud" | "CloudySun" | "Code" | "Comparison01" | "Comparison02" | "Compass" | "Create" | "CreditCard" | "CurrencyDollarSign" | "CurrencyEuroSign" | "Database" | "Desktop" | "Download" | "DragIndicator" | "Dribbble" | "Edit" | "Error" | "Execute" | "Exit" | "Expand" | "Eye" | "EyeActive" | "Facebook" | "File" | "Filter01" | "Filter02" | "Flag" | "Flash" | "FloatingWheel" | "Folder" | "Food" | "Globe" | "Google" | "Gps" | "Grid" | "Hashtag" | "Headphones" | "Heart" | "HeartActive" | "Home" | "Hourglass" | "Image" | "Inbox" | "Info" | "Instagram" | "Interface" | "InterfaceFilled" | "Language" | "Layers" | "LayoutAlign1Left" | "LayoutAlign2CenterHorizontal" | "LayoutAlign3Right" | "LayoutAlign4Top" | "LayoutAlign5CenterVertical" | "LayoutAlign6Bottom" | "LetterStamp" | "LightBulb" | "Link" | "Linkedin" | "List" | "Loading" | "Lock" | "LockOpen" | "MagicWand" | "MagnifyingGlass" | "Mail" | "Map" | "Maximize1" | "Maximize2" | "Menu" | "Minimize" | "Minus" | "Mobile" | "Mobile2" | "Mobile3" | "Monitoring" | "Moon" | "MoreHorizontal" | "MoreVertical" | "Music" | "Package" | "Pause" | "Phone" | "PieChart" | "Pin" | "Pinterest" | "Play" | "Plus" | "Puzzle" | "Question" | "Rain" | "Receipt" | "Refresh" | "Reply" | "Robot" | "Rocket" | "ScanCode" | "Settings" | "Share" | "Shuffle" | "SmileyHappy" | "SmileyNeutral" | "SmileySad" | "Soundcloud" | "Spotify" | "Star" | "StarActive" | "Stop" | "Stopwatch" | "Sun" | "Tag" | "Target" | "TextAlignCenter" | "TextAlignLeft" | "TextAlignRight" | "ThumbsDown" | "ThumbsUp" | "Tiktok" | "TrashBin" | "Twitter" | "User" | "Video" | "VideoCamera" | "Voice" | "VolumeDown" | "VolumeOff" | "VolumeUp" | "Warning" | "Watch" | "Wayfinding" | "Wc" | "Whatsapp" | "Wifi" | "Window" | "WorkBag" | "XTwitter" | "Youtube" | "ZoomMinus" | "ZoomPlus")[];
153
145
  type TagLeadingIconProps = {
154
146
  name: TagLeadingIconName;
155
147
  } & SVGProps<SVGSVGElement>;
@@ -257,19 +249,19 @@ declare const VideoControls: React.ForwardRefExoticComponent<VideoControlsProps
257
249
  * </Menu>
258
250
  * ```
259
251
  */
260
- declare const Menu: typeof Menu$1.Root;
252
+ declare const Menu: <Payload>(props: Menu$1.Root.Props<Payload>) => react_jsx_runtime.JSX.Element;
261
253
  declare const MenuTrigger: Menu$1.Trigger;
262
254
  /** Combines Portal + Positioner + Popup with kit styling defaults. */
263
- declare const MenuPopup: React.ForwardRefExoticComponent<Omit<_base_ui_components_react_menu.MenuPopupProps & React.RefAttributes<Element>, "ref"> & {
255
+ declare const MenuPopup: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.ContextMenuPopupProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & {
264
256
  /** Side (relative to the trigger) where the popup is placed. */
265
257
  side?: "top" | "right" | "bottom" | "left";
266
258
  /** Pixel gap between trigger and popup. */
267
259
  sideOffset?: number;
268
260
  } & React.RefAttributes<HTMLDivElement>>;
269
- declare const MenuItem: React.ForwardRefExoticComponent<Omit<_base_ui_components_react_menu.MenuItemProps & React.RefAttributes<Element>, "ref"> & React.RefAttributes<HTMLDivElement>>;
261
+ declare const MenuItem: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.ContextMenuItemProps, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
270
262
  declare const MenuSeparator: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
271
- declare const MenuGroup: React.ForwardRefExoticComponent<_base_ui_components_react_menu.MenuGroupProps & React.RefAttributes<Element>>;
272
- declare const MenuGroupLabel: React.ForwardRefExoticComponent<_base_ui_components_react_menu.MenuGroupLabelProps & React.RefAttributes<HTMLDivElement>>;
263
+ declare const MenuGroup: React.ForwardRefExoticComponent<Omit<_base_ui_react.ContextMenuGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
264
+ declare const MenuGroupLabel: React.ForwardRefExoticComponent<Omit<_base_ui_react.ContextMenuGroupLabelProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
273
265
 
274
266
  declare const Pagination: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "role"> & VariantProps<(props?: ({
275
267
  size?: "sm" | "md" | "lg" | null | undefined;
@@ -284,7 +276,7 @@ declare const Pagination: React.ForwardRefExoticComponent<Omit<Omit<React.Detail
284
276
  * Use this for "loading", "uploading", or any *task* whose completion you can describe.
285
277
  * For showing a measurement within a known range (battery, disk usage, score), use {@link Meter}.
286
278
  */
287
- declare const ProgressBar: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_components_react_progress.ProgressRootProps & React.RefAttributes<HTMLDivElement>, "ref">, "value"> & {
279
+ declare const ProgressBar: React.ForwardRefExoticComponent<Omit<Omit<Omit<_base_ui_react.ProgressRootProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref">, "value"> & {
288
280
  /**
289
281
  * Progress value 0–100. Pass `null` for indeterminate (animated, unknown duration).
290
282
  * @default 0
@@ -295,7 +287,7 @@ declare const ProgressBar: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_co
295
287
  * Static measurement within a known range — built on Base UI Meter.
296
288
  * Use for battery level, disk usage, score, etc. For task progress, use {@link ProgressBar}.
297
289
  */
298
- declare const Meter: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_components_react_meter.MeterRootProps & React.RefAttributes<HTMLDivElement>, "ref">, "value"> & {
290
+ declare const Meter: React.ForwardRefExoticComponent<Omit<Omit<Omit<_base_ui_react.MeterRootProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref">, "value"> & {
299
291
  /**
300
292
  * Current value within `[min, max]`.
301
293
  * @default 0
@@ -314,10 +306,10 @@ declare const Radio: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTM
314
306
  /** Mirrored to `data-value` for grouping/lookup outside the component. */
315
307
  value?: string;
316
308
  } & React.RefAttributes<HTMLButtonElement>>;
317
- declare const RadioGroup: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_components_react_radio_group.RadioGroupProps & React.RefAttributes<HTMLDivElement>, "ref">, "onValueChange"> & {
309
+ declare const RadioGroup: React.ForwardRefExoticComponent<Omit<Omit<RadioGroup$1.Props<unknown>, "ref">, "onValueChange"> & {
318
310
  onValueChange?: (value: string) => void;
319
311
  } & React.RefAttributes<HTMLDivElement>>;
320
- declare const RadioGroupItem: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_components_react_radio.RadioRootProps & React.RefAttributes<HTMLElement>, "ref">, "render"> & VariantProps<(props?: ({
312
+ declare const RadioGroupItem: React.ForwardRefExoticComponent<Omit<Omit<Radio$1.Root.Props<unknown>, "ref">, "render"> & VariantProps<(props?: ({
321
313
  size?: "sm" | "md" | "lg" | null | undefined;
322
314
  } & class_variance_authority_types.ClassProp) | undefined) => string> & React.RefAttributes<HTMLButtonElement>>;
323
315
 
@@ -362,7 +354,7 @@ type SegmentedControlItemProps = Omit<React.ComponentPropsWithoutRef<typeof Togg
362
354
  icon?: React.ReactNode;
363
355
  iconPlacement?: "leading" | "trailing";
364
356
  };
365
- declare const SegmentedControlItem: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_components_react_toggle.ToggleProps & React.RefAttributes<HTMLButtonElement>, "ref">, "children" | "value"> & {
357
+ declare const SegmentedControlItem: React.ForwardRefExoticComponent<Omit<Omit<Toggle.Props<string> & React.RefAttributes<HTMLButtonElement>, "ref">, "children" | "value"> & {
366
358
  value: string;
367
359
  /** Visible text; omit for icon-only segments (do not pass an empty string). */
368
360
  label?: string;
@@ -371,7 +363,7 @@ declare const SegmentedControlItem: React.ForwardRefExoticComponent<Omit<Omit<_b
371
363
  iconPlacement?: "leading" | "trailing";
372
364
  } & React.RefAttributes<HTMLButtonElement>>;
373
365
  /** Alias for {@link SegmentedControlItem} (same pattern as `TabsTrigger`). */
374
- declare const SegmentedControlTrigger: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_components_react_toggle.ToggleProps & React.RefAttributes<HTMLButtonElement>, "ref">, "children" | "value"> & {
366
+ declare const SegmentedControlTrigger: React.ForwardRefExoticComponent<Omit<Omit<Toggle.Props<string> & React.RefAttributes<HTMLButtonElement>, "ref">, "children" | "value"> & {
375
367
  value: string;
376
368
  /** Visible text; omit for icon-only segments (do not pass an empty string). */
377
369
  label?: string;
@@ -421,7 +413,7 @@ type SelectMultipleProps = SelectBaseProps & {
421
413
  };
422
414
  type SelectProps = SelectSingleProps | SelectMultipleProps;
423
415
  declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLButtonElement>>;
424
- declare const SelectItem: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_components_react_select.SelectItemProps & React.RefAttributes<HTMLDivElement>, "ref">, "children"> & {
416
+ declare const SelectItem: React.ForwardRefExoticComponent<Omit<Omit<Omit<_base_ui_react.SelectItemProps, "ref"> & React.RefAttributes<HTMLElement>, "ref">, "children"> & {
425
417
  /** Item label / content (visible text). */
426
418
  children?: React.ReactNode;
427
419
  /** Optional glyph rendered before the label. */
@@ -429,8 +421,8 @@ declare const SelectItem: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_com
429
421
  /** Optional glyph rendered after the label (sits before the selection indicator in single-select mode). */
430
422
  trailingIcon?: React.ReactNode;
431
423
  } & React.RefAttributes<HTMLDivElement>>;
432
- declare const SelectGroup: React.ForwardRefExoticComponent<_base_ui_components_react_select.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
433
- declare const SelectGroupLabel: React.ForwardRefExoticComponent<Omit<_base_ui_components_react_select.SelectGroupLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
424
+ declare const SelectGroup: React.ForwardRefExoticComponent<Omit<_base_ui_react.SelectGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
425
+ declare const SelectGroupLabel: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.SelectGroupLabelProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
434
426
  declare const SelectSeparator: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
435
427
 
436
428
  type SliderValue = number | [number, number];
@@ -474,7 +466,7 @@ type TabsProps = Omit<React.ComponentPropsWithoutRef<typeof Tabs$1.Root>, "value
474
466
  children: React.ReactNode;
475
467
  };
476
468
  declare function Tabs({ value, defaultValue, onValueChange, className, children, ...rest }: TabsProps): react_jsx_runtime.JSX.Element;
477
- declare const TabList: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_components_react_tabs.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref">, "children"> & VariantProps<(props?: ({
469
+ declare const TabList: React.ForwardRefExoticComponent<Omit<Omit<Omit<_base_ui_react.TabsListProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref">, "children"> & VariantProps<(props?: ({
478
470
  size?: "sm" | "md" | "lg" | null | undefined;
479
471
  } & class_variance_authority_types.ClassProp) | undefined) => string> & {
480
472
  /** When true, each tab sizes to its label/icon; the list row remains full width. */
@@ -491,7 +483,7 @@ type TabProps = Omit<React.ComponentPropsWithoutRef<typeof Tabs$1.Tab>, "childre
491
483
  iconPlacement?: "leading" | "trailing";
492
484
  children?: React.ReactNode;
493
485
  };
494
- declare const Tab: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_components_react_tabs.TabsTabProps & React.RefAttributes<Element>, "ref">, "children" | "value"> & {
486
+ declare const Tab: React.ForwardRefExoticComponent<Omit<Omit<Omit<_base_ui_react.TabsTabProps, "ref"> & React.RefAttributes<HTMLElement>, "ref">, "children" | "value"> & {
495
487
  /** Segment id; required when using controlled `Tabs`. */
496
488
  value?: string;
497
489
  /** Optional; use `children` for text if you prefer. */
@@ -501,10 +493,10 @@ declare const Tab: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_components
501
493
  iconPlacement?: "leading" | "trailing";
502
494
  children?: React.ReactNode;
503
495
  } & React.RefAttributes<HTMLButtonElement>>;
504
- declare const TabPanel: React.ForwardRefExoticComponent<_base_ui_components_react_tabs.TabsPanelProps & React.RefAttributes<HTMLDivElement>>;
505
- declare const TabIndicator: React.ForwardRefExoticComponent<_base_ui_components_react_tabs.TabsIndicatorProps & React.RefAttributes<HTMLSpanElement>>;
496
+ declare const TabPanel: React.ForwardRefExoticComponent<Omit<_base_ui_react.TabsPanelProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
497
+ declare const TabIndicator: React.ForwardRefExoticComponent<Omit<_base_ui_react.TabsIndicatorProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
506
498
  /** Same component as {@link TabList}; matches common Radix-style naming. */
507
- declare const TabsList: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_components_react_tabs.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref">, "children"> & VariantProps<(props?: ({
499
+ declare const TabsList: React.ForwardRefExoticComponent<Omit<Omit<Omit<_base_ui_react.TabsListProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref">, "children"> & VariantProps<(props?: ({
508
500
  size?: "sm" | "md" | "lg" | null | undefined;
509
501
  } & class_variance_authority_types.ClassProp) | undefined) => string> & {
510
502
  /** When true, each tab sizes to its label/icon; the list row remains full width. */
@@ -512,7 +504,7 @@ declare const TabsList: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_compo
512
504
  children: React.ReactNode;
513
505
  } & React.RefAttributes<HTMLDivElement>>;
514
506
  /** Same component as {@link Tab}; matches common Radix-style naming. */
515
- declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_components_react_tabs.TabsTabProps & React.RefAttributes<Element>, "ref">, "children" | "value"> & {
507
+ declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<Omit<Omit<_base_ui_react.TabsTabProps, "ref"> & React.RefAttributes<HTMLElement>, "ref">, "children" | "value"> & {
516
508
  /** Segment id; required when using controlled `Tabs`. */
517
509
  value?: string;
518
510
  /** Optional; use `children` for text if you prefer. */
@@ -523,7 +515,7 @@ declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_co
523
515
  children?: React.ReactNode;
524
516
  } & React.RefAttributes<HTMLButtonElement>>;
525
517
  /** Same component as {@link TabPanel}; matches common Radix-style naming. */
526
- declare const TabsContent: React.ForwardRefExoticComponent<_base_ui_components_react_tabs.TabsPanelProps & React.RefAttributes<HTMLDivElement>>;
518
+ declare const TabsContent: React.ForwardRefExoticComponent<Omit<_base_ui_react.TabsPanelProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
527
519
 
528
520
  /** Default tag / label glyph for the optional custom `icon` slot (uses `currentColor`). */
529
521
  declare function TagIconGlyph(props: React.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
@@ -600,7 +592,7 @@ declare const toggleSwitchVariants: (props?: ({
600
592
  size?: "sm" | "md" | "lg" | null | undefined;
601
593
  } & class_variance_authority_types.ClassProp) | undefined) => string;
602
594
  declare const toggleThumbVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
603
- declare const ToggleSwitch: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_components_react_switch.SwitchRootProps & React.RefAttributes<HTMLElement>, "ref">, "render" | "onCheckedChange"> & VariantProps<(props?: ({
595
+ declare const ToggleSwitch: React.ForwardRefExoticComponent<Omit<Omit<Omit<_base_ui_react.SwitchRootProps, "ref"> & React.RefAttributes<HTMLElement>, "ref">, "render" | "onCheckedChange"> & VariantProps<(props?: ({
604
596
  size?: "sm" | "md" | "lg" | null | undefined;
605
597
  } & class_variance_authority_types.ClassProp) | undefined) => string> & {
606
598
  onCheckedChange?: (checked: boolean) => void;
@@ -627,7 +619,7 @@ declare const Tooltip: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLPr
627
619
  * Optional `<TooltipProvider>` wraps a subtree to share hover-delay state across multiple
628
620
  * tooltips so opening one lets siblings open without re-waiting.
629
621
  */
630
- declare const TooltipProvider: React.FC<_base_ui_components_react_tooltip.TooltipProviderProps>;
622
+ declare const TooltipProvider: React.FC<_base_ui_react.TooltipProviderProps>;
631
623
  /**
632
624
  * Interactive, floating tooltip compound built on Base UI primitives. Pass any element as
633
625
  * `trigger` (it must be focusable to support keyboard users) and the tooltip body as
package/dist/index.d.ts CHANGED
@@ -4,24 +4,16 @@ import { SVGProps } from 'react';
4
4
  import { HTMLMotionProps } from 'framer-motion';
5
5
  export { AnimatePresence, Variants, motion } from 'framer-motion';
6
6
  import { VariantProps } from 'class-variance-authority';
7
- import { useRender } from '@base-ui-components/react/use-render';
8
- import * as _base_ui_components_react_checkbox from '@base-ui-components/react/checkbox';
7
+ import { useRender } from '@base-ui/react/use-render';
8
+ import * as _base_ui_react from '@base-ui/react';
9
9
  import * as react_jsx_runtime from 'react/jsx-runtime';
10
10
  import { W as WireframeIcons } from './index-CQDaCDUc.js';
11
- import * as _base_ui_components_react_menu from '@base-ui-components/react/menu';
12
- import { Menu as Menu$1 } from '@base-ui-components/react/menu';
13
- import * as _base_ui_components_react_meter from '@base-ui-components/react/meter';
14
- import * as _base_ui_components_react_progress from '@base-ui-components/react/progress';
15
- import * as _base_ui_components_react_radio from '@base-ui-components/react/radio';
16
- import * as _base_ui_components_react_radio_group from '@base-ui-components/react/radio-group';
17
- import * as _base_ui_components_react_toggle from '@base-ui-components/react/toggle';
18
- import { Toggle } from '@base-ui-components/react/toggle';
19
- import * as _base_ui_components_react_select from '@base-ui-components/react/select';
20
- import * as _base_ui_components_react_tabs from '@base-ui-components/react/tabs';
21
- import { Tabs as Tabs$1 } from '@base-ui-components/react/tabs';
22
- import * as _base_ui_components_react_switch from '@base-ui-components/react/switch';
23
- import * as _base_ui_components_react_tooltip from '@base-ui-components/react/tooltip';
24
- import { Tooltip as Tooltip$1 } from '@base-ui-components/react/tooltip';
11
+ import { Menu as Menu$1 } from '@base-ui/react/menu';
12
+ import { Radio as Radio$1 } from '@base-ui/react/radio';
13
+ import { RadioGroup as RadioGroup$1 } from '@base-ui/react/radio-group';
14
+ import { Toggle } from '@base-ui/react/toggle';
15
+ import { Tabs as Tabs$1 } from '@base-ui/react/tabs';
16
+ import { Tooltip as Tooltip$1 } from '@base-ui/react/tooltip';
25
17
  import { ClassValue } from 'clsx';
26
18
 
27
19
  declare const alertVariants: (props?: ({
@@ -90,7 +82,7 @@ declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAtt
90
82
  declare const checkboxFrameVariants: (props?: ({
91
83
  size?: "sm" | "md" | "lg" | null | undefined;
92
84
  } & class_variance_authority_types.ClassProp) | undefined) => string;
93
- declare const Checkbox: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_components_react_checkbox.CheckboxRootProps & React.RefAttributes<HTMLElement>, "ref">, "render" | "onCheckedChange"> & VariantProps<(props?: ({
85
+ declare const Checkbox: React.ForwardRefExoticComponent<Omit<Omit<Omit<_base_ui_react.CheckboxRootProps, "ref"> & React.RefAttributes<HTMLElement>, "ref">, "render" | "onCheckedChange"> & VariantProps<(props?: ({
94
86
  size?: "sm" | "md" | "lg" | null | undefined;
95
87
  } & class_variance_authority_types.ClassProp) | undefined) => string> & {
96
88
  onCheckedChange?: (checked: boolean) => void;
@@ -149,7 +141,7 @@ declare function FieldGroup({ fieldLabel, label, labelRequired, labelOptional, l
149
141
 
150
142
  type TagLeadingIconName = keyof typeof WireframeIcons;
151
143
  /** Sorted export names from `../icons` for pickers and docs. */
152
- declare const TAG_LEADING_ICON_NAMES: ("Menu" | "Window" | "Accessibility" | "Accessibility2" | "Ai" | "Android" | "Apple" | "ArrowBack" | "ArrowDown" | "ArrowForward" | "ArrowLeft" | "ArrowLeftRight" | "ArrowRedo" | "ArrowRight" | "ArrowUndo" | "ArrowUp" | "ArrowUpDown" | "ArrowUpLeft" | "ArrowUpRight" | "Atom" | "Attachment" | "BarChart" | "Battery" | "Bell" | "Book" | "Bookmark" | "BookmarkActive" | "Calendar" | "Camera" | "CaretDown" | "CaretLeft" | "CaretRight" | "CaretUp" | "CaretUpDown" | "Cart" | "Cell" | "ChatBubble" | "Checkmark" | "ChevronDown" | "ChevronLeft" | "ChevronRight" | "ChevronUp" | "ChevronUpDown" | "Clipboard" | "Clock" | "Close" | "Cloud" | "CloudySun" | "Code" | "Comparison01" | "Comparison02" | "Compass" | "Create" | "CreditCard" | "CurrencyDollarSign" | "CurrencyEuroSign" | "Database" | "Desktop" | "Download" | "DragIndicator" | "Dribbble" | "Edit" | "Error" | "Execute" | "Exit" | "Expand" | "Eye" | "EyeActive" | "Facebook" | "File" | "Filter01" | "Filter02" | "Flag" | "Flash" | "FloatingWheel" | "Folder" | "Food" | "Globe" | "Google" | "Gps" | "Grid" | "Hashtag" | "Headphones" | "Heart" | "HeartActive" | "Home" | "Hourglass" | "Image" | "Inbox" | "Info" | "Instagram" | "Interface" | "InterfaceFilled" | "Language" | "Layers" | "LayoutAlign1Left" | "LayoutAlign2CenterHorizontal" | "LayoutAlign3Right" | "LayoutAlign4Top" | "LayoutAlign5CenterVertical" | "LayoutAlign6Bottom" | "LetterStamp" | "LightBulb" | "Link" | "Linkedin" | "List" | "Loading" | "Lock" | "LockOpen" | "MagicWand" | "MagnifyingGlass" | "Mail" | "Map" | "Maximize1" | "Maximize2" | "Minimize" | "Minus" | "Mobile" | "Mobile2" | "Mobile3" | "Monitoring" | "Moon" | "MoreHorizontal" | "MoreVertical" | "Music" | "Package" | "Pause" | "Phone" | "PieChart" | "Pin" | "Pinterest" | "Play" | "Plus" | "Puzzle" | "Question" | "Rain" | "Receipt" | "Refresh" | "Reply" | "Robot" | "Rocket" | "ScanCode" | "Settings" | "Share" | "Shuffle" | "SmileyHappy" | "SmileyNeutral" | "SmileySad" | "Soundcloud" | "Spotify" | "Star" | "StarActive" | "Stop" | "Stopwatch" | "Sun" | "Tag" | "Target" | "TextAlignCenter" | "TextAlignLeft" | "TextAlignRight" | "ThumbsDown" | "ThumbsUp" | "Tiktok" | "TrashBin" | "Twitter" | "User" | "Video" | "VideoCamera" | "Voice" | "VolumeDown" | "VolumeOff" | "VolumeUp" | "Warning" | "Watch" | "Wayfinding" | "Wc" | "Whatsapp" | "Wifi" | "WorkBag" | "XTwitter" | "Youtube" | "ZoomMinus" | "ZoomPlus")[];
144
+ declare const TAG_LEADING_ICON_NAMES: ("Accessibility" | "Accessibility2" | "Ai" | "Android" | "Apple" | "ArrowBack" | "ArrowDown" | "ArrowForward" | "ArrowLeft" | "ArrowLeftRight" | "ArrowRedo" | "ArrowRight" | "ArrowUndo" | "ArrowUp" | "ArrowUpDown" | "ArrowUpLeft" | "ArrowUpRight" | "Atom" | "Attachment" | "BarChart" | "Battery" | "Bell" | "Book" | "Bookmark" | "BookmarkActive" | "Calendar" | "Camera" | "CaretDown" | "CaretLeft" | "CaretRight" | "CaretUp" | "CaretUpDown" | "Cart" | "Cell" | "ChatBubble" | "Checkmark" | "ChevronDown" | "ChevronLeft" | "ChevronRight" | "ChevronUp" | "ChevronUpDown" | "Clipboard" | "Clock" | "Close" | "Cloud" | "CloudySun" | "Code" | "Comparison01" | "Comparison02" | "Compass" | "Create" | "CreditCard" | "CurrencyDollarSign" | "CurrencyEuroSign" | "Database" | "Desktop" | "Download" | "DragIndicator" | "Dribbble" | "Edit" | "Error" | "Execute" | "Exit" | "Expand" | "Eye" | "EyeActive" | "Facebook" | "File" | "Filter01" | "Filter02" | "Flag" | "Flash" | "FloatingWheel" | "Folder" | "Food" | "Globe" | "Google" | "Gps" | "Grid" | "Hashtag" | "Headphones" | "Heart" | "HeartActive" | "Home" | "Hourglass" | "Image" | "Inbox" | "Info" | "Instagram" | "Interface" | "InterfaceFilled" | "Language" | "Layers" | "LayoutAlign1Left" | "LayoutAlign2CenterHorizontal" | "LayoutAlign3Right" | "LayoutAlign4Top" | "LayoutAlign5CenterVertical" | "LayoutAlign6Bottom" | "LetterStamp" | "LightBulb" | "Link" | "Linkedin" | "List" | "Loading" | "Lock" | "LockOpen" | "MagicWand" | "MagnifyingGlass" | "Mail" | "Map" | "Maximize1" | "Maximize2" | "Menu" | "Minimize" | "Minus" | "Mobile" | "Mobile2" | "Mobile3" | "Monitoring" | "Moon" | "MoreHorizontal" | "MoreVertical" | "Music" | "Package" | "Pause" | "Phone" | "PieChart" | "Pin" | "Pinterest" | "Play" | "Plus" | "Puzzle" | "Question" | "Rain" | "Receipt" | "Refresh" | "Reply" | "Robot" | "Rocket" | "ScanCode" | "Settings" | "Share" | "Shuffle" | "SmileyHappy" | "SmileyNeutral" | "SmileySad" | "Soundcloud" | "Spotify" | "Star" | "StarActive" | "Stop" | "Stopwatch" | "Sun" | "Tag" | "Target" | "TextAlignCenter" | "TextAlignLeft" | "TextAlignRight" | "ThumbsDown" | "ThumbsUp" | "Tiktok" | "TrashBin" | "Twitter" | "User" | "Video" | "VideoCamera" | "Voice" | "VolumeDown" | "VolumeOff" | "VolumeUp" | "Warning" | "Watch" | "Wayfinding" | "Wc" | "Whatsapp" | "Wifi" | "Window" | "WorkBag" | "XTwitter" | "Youtube" | "ZoomMinus" | "ZoomPlus")[];
153
145
  type TagLeadingIconProps = {
154
146
  name: TagLeadingIconName;
155
147
  } & SVGProps<SVGSVGElement>;
@@ -257,19 +249,19 @@ declare const VideoControls: React.ForwardRefExoticComponent<VideoControlsProps
257
249
  * </Menu>
258
250
  * ```
259
251
  */
260
- declare const Menu: typeof Menu$1.Root;
252
+ declare const Menu: <Payload>(props: Menu$1.Root.Props<Payload>) => react_jsx_runtime.JSX.Element;
261
253
  declare const MenuTrigger: Menu$1.Trigger;
262
254
  /** Combines Portal + Positioner + Popup with kit styling defaults. */
263
- declare const MenuPopup: React.ForwardRefExoticComponent<Omit<_base_ui_components_react_menu.MenuPopupProps & React.RefAttributes<Element>, "ref"> & {
255
+ declare const MenuPopup: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.ContextMenuPopupProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & {
264
256
  /** Side (relative to the trigger) where the popup is placed. */
265
257
  side?: "top" | "right" | "bottom" | "left";
266
258
  /** Pixel gap between trigger and popup. */
267
259
  sideOffset?: number;
268
260
  } & React.RefAttributes<HTMLDivElement>>;
269
- declare const MenuItem: React.ForwardRefExoticComponent<Omit<_base_ui_components_react_menu.MenuItemProps & React.RefAttributes<Element>, "ref"> & React.RefAttributes<HTMLDivElement>>;
261
+ declare const MenuItem: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.ContextMenuItemProps, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
270
262
  declare const MenuSeparator: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
271
- declare const MenuGroup: React.ForwardRefExoticComponent<_base_ui_components_react_menu.MenuGroupProps & React.RefAttributes<Element>>;
272
- declare const MenuGroupLabel: React.ForwardRefExoticComponent<_base_ui_components_react_menu.MenuGroupLabelProps & React.RefAttributes<HTMLDivElement>>;
263
+ declare const MenuGroup: React.ForwardRefExoticComponent<Omit<_base_ui_react.ContextMenuGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
264
+ declare const MenuGroupLabel: React.ForwardRefExoticComponent<Omit<_base_ui_react.ContextMenuGroupLabelProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
273
265
 
274
266
  declare const Pagination: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "role"> & VariantProps<(props?: ({
275
267
  size?: "sm" | "md" | "lg" | null | undefined;
@@ -284,7 +276,7 @@ declare const Pagination: React.ForwardRefExoticComponent<Omit<Omit<React.Detail
284
276
  * Use this for "loading", "uploading", or any *task* whose completion you can describe.
285
277
  * For showing a measurement within a known range (battery, disk usage, score), use {@link Meter}.
286
278
  */
287
- declare const ProgressBar: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_components_react_progress.ProgressRootProps & React.RefAttributes<HTMLDivElement>, "ref">, "value"> & {
279
+ declare const ProgressBar: React.ForwardRefExoticComponent<Omit<Omit<Omit<_base_ui_react.ProgressRootProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref">, "value"> & {
288
280
  /**
289
281
  * Progress value 0–100. Pass `null` for indeterminate (animated, unknown duration).
290
282
  * @default 0
@@ -295,7 +287,7 @@ declare const ProgressBar: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_co
295
287
  * Static measurement within a known range — built on Base UI Meter.
296
288
  * Use for battery level, disk usage, score, etc. For task progress, use {@link ProgressBar}.
297
289
  */
298
- declare const Meter: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_components_react_meter.MeterRootProps & React.RefAttributes<HTMLDivElement>, "ref">, "value"> & {
290
+ declare const Meter: React.ForwardRefExoticComponent<Omit<Omit<Omit<_base_ui_react.MeterRootProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref">, "value"> & {
299
291
  /**
300
292
  * Current value within `[min, max]`.
301
293
  * @default 0
@@ -314,10 +306,10 @@ declare const Radio: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTM
314
306
  /** Mirrored to `data-value` for grouping/lookup outside the component. */
315
307
  value?: string;
316
308
  } & React.RefAttributes<HTMLButtonElement>>;
317
- declare const RadioGroup: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_components_react_radio_group.RadioGroupProps & React.RefAttributes<HTMLDivElement>, "ref">, "onValueChange"> & {
309
+ declare const RadioGroup: React.ForwardRefExoticComponent<Omit<Omit<RadioGroup$1.Props<unknown>, "ref">, "onValueChange"> & {
318
310
  onValueChange?: (value: string) => void;
319
311
  } & React.RefAttributes<HTMLDivElement>>;
320
- declare const RadioGroupItem: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_components_react_radio.RadioRootProps & React.RefAttributes<HTMLElement>, "ref">, "render"> & VariantProps<(props?: ({
312
+ declare const RadioGroupItem: React.ForwardRefExoticComponent<Omit<Omit<Radio$1.Root.Props<unknown>, "ref">, "render"> & VariantProps<(props?: ({
321
313
  size?: "sm" | "md" | "lg" | null | undefined;
322
314
  } & class_variance_authority_types.ClassProp) | undefined) => string> & React.RefAttributes<HTMLButtonElement>>;
323
315
 
@@ -362,7 +354,7 @@ type SegmentedControlItemProps = Omit<React.ComponentPropsWithoutRef<typeof Togg
362
354
  icon?: React.ReactNode;
363
355
  iconPlacement?: "leading" | "trailing";
364
356
  };
365
- declare const SegmentedControlItem: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_components_react_toggle.ToggleProps & React.RefAttributes<HTMLButtonElement>, "ref">, "children" | "value"> & {
357
+ declare const SegmentedControlItem: React.ForwardRefExoticComponent<Omit<Omit<Toggle.Props<string> & React.RefAttributes<HTMLButtonElement>, "ref">, "children" | "value"> & {
366
358
  value: string;
367
359
  /** Visible text; omit for icon-only segments (do not pass an empty string). */
368
360
  label?: string;
@@ -371,7 +363,7 @@ declare const SegmentedControlItem: React.ForwardRefExoticComponent<Omit<Omit<_b
371
363
  iconPlacement?: "leading" | "trailing";
372
364
  } & React.RefAttributes<HTMLButtonElement>>;
373
365
  /** Alias for {@link SegmentedControlItem} (same pattern as `TabsTrigger`). */
374
- declare const SegmentedControlTrigger: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_components_react_toggle.ToggleProps & React.RefAttributes<HTMLButtonElement>, "ref">, "children" | "value"> & {
366
+ declare const SegmentedControlTrigger: React.ForwardRefExoticComponent<Omit<Omit<Toggle.Props<string> & React.RefAttributes<HTMLButtonElement>, "ref">, "children" | "value"> & {
375
367
  value: string;
376
368
  /** Visible text; omit for icon-only segments (do not pass an empty string). */
377
369
  label?: string;
@@ -421,7 +413,7 @@ type SelectMultipleProps = SelectBaseProps & {
421
413
  };
422
414
  type SelectProps = SelectSingleProps | SelectMultipleProps;
423
415
  declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLButtonElement>>;
424
- declare const SelectItem: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_components_react_select.SelectItemProps & React.RefAttributes<HTMLDivElement>, "ref">, "children"> & {
416
+ declare const SelectItem: React.ForwardRefExoticComponent<Omit<Omit<Omit<_base_ui_react.SelectItemProps, "ref"> & React.RefAttributes<HTMLElement>, "ref">, "children"> & {
425
417
  /** Item label / content (visible text). */
426
418
  children?: React.ReactNode;
427
419
  /** Optional glyph rendered before the label. */
@@ -429,8 +421,8 @@ declare const SelectItem: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_com
429
421
  /** Optional glyph rendered after the label (sits before the selection indicator in single-select mode). */
430
422
  trailingIcon?: React.ReactNode;
431
423
  } & React.RefAttributes<HTMLDivElement>>;
432
- declare const SelectGroup: React.ForwardRefExoticComponent<_base_ui_components_react_select.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
433
- declare const SelectGroupLabel: React.ForwardRefExoticComponent<Omit<_base_ui_components_react_select.SelectGroupLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
424
+ declare const SelectGroup: React.ForwardRefExoticComponent<Omit<_base_ui_react.SelectGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
425
+ declare const SelectGroupLabel: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.SelectGroupLabelProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
434
426
  declare const SelectSeparator: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
435
427
 
436
428
  type SliderValue = number | [number, number];
@@ -474,7 +466,7 @@ type TabsProps = Omit<React.ComponentPropsWithoutRef<typeof Tabs$1.Root>, "value
474
466
  children: React.ReactNode;
475
467
  };
476
468
  declare function Tabs({ value, defaultValue, onValueChange, className, children, ...rest }: TabsProps): react_jsx_runtime.JSX.Element;
477
- declare const TabList: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_components_react_tabs.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref">, "children"> & VariantProps<(props?: ({
469
+ declare const TabList: React.ForwardRefExoticComponent<Omit<Omit<Omit<_base_ui_react.TabsListProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref">, "children"> & VariantProps<(props?: ({
478
470
  size?: "sm" | "md" | "lg" | null | undefined;
479
471
  } & class_variance_authority_types.ClassProp) | undefined) => string> & {
480
472
  /** When true, each tab sizes to its label/icon; the list row remains full width. */
@@ -491,7 +483,7 @@ type TabProps = Omit<React.ComponentPropsWithoutRef<typeof Tabs$1.Tab>, "childre
491
483
  iconPlacement?: "leading" | "trailing";
492
484
  children?: React.ReactNode;
493
485
  };
494
- declare const Tab: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_components_react_tabs.TabsTabProps & React.RefAttributes<Element>, "ref">, "children" | "value"> & {
486
+ declare const Tab: React.ForwardRefExoticComponent<Omit<Omit<Omit<_base_ui_react.TabsTabProps, "ref"> & React.RefAttributes<HTMLElement>, "ref">, "children" | "value"> & {
495
487
  /** Segment id; required when using controlled `Tabs`. */
496
488
  value?: string;
497
489
  /** Optional; use `children` for text if you prefer. */
@@ -501,10 +493,10 @@ declare const Tab: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_components
501
493
  iconPlacement?: "leading" | "trailing";
502
494
  children?: React.ReactNode;
503
495
  } & React.RefAttributes<HTMLButtonElement>>;
504
- declare const TabPanel: React.ForwardRefExoticComponent<_base_ui_components_react_tabs.TabsPanelProps & React.RefAttributes<HTMLDivElement>>;
505
- declare const TabIndicator: React.ForwardRefExoticComponent<_base_ui_components_react_tabs.TabsIndicatorProps & React.RefAttributes<HTMLSpanElement>>;
496
+ declare const TabPanel: React.ForwardRefExoticComponent<Omit<_base_ui_react.TabsPanelProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
497
+ declare const TabIndicator: React.ForwardRefExoticComponent<Omit<_base_ui_react.TabsIndicatorProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
506
498
  /** Same component as {@link TabList}; matches common Radix-style naming. */
507
- declare const TabsList: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_components_react_tabs.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref">, "children"> & VariantProps<(props?: ({
499
+ declare const TabsList: React.ForwardRefExoticComponent<Omit<Omit<Omit<_base_ui_react.TabsListProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref">, "children"> & VariantProps<(props?: ({
508
500
  size?: "sm" | "md" | "lg" | null | undefined;
509
501
  } & class_variance_authority_types.ClassProp) | undefined) => string> & {
510
502
  /** When true, each tab sizes to its label/icon; the list row remains full width. */
@@ -512,7 +504,7 @@ declare const TabsList: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_compo
512
504
  children: React.ReactNode;
513
505
  } & React.RefAttributes<HTMLDivElement>>;
514
506
  /** Same component as {@link Tab}; matches common Radix-style naming. */
515
- declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_components_react_tabs.TabsTabProps & React.RefAttributes<Element>, "ref">, "children" | "value"> & {
507
+ declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<Omit<Omit<_base_ui_react.TabsTabProps, "ref"> & React.RefAttributes<HTMLElement>, "ref">, "children" | "value"> & {
516
508
  /** Segment id; required when using controlled `Tabs`. */
517
509
  value?: string;
518
510
  /** Optional; use `children` for text if you prefer. */
@@ -523,7 +515,7 @@ declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_co
523
515
  children?: React.ReactNode;
524
516
  } & React.RefAttributes<HTMLButtonElement>>;
525
517
  /** Same component as {@link TabPanel}; matches common Radix-style naming. */
526
- declare const TabsContent: React.ForwardRefExoticComponent<_base_ui_components_react_tabs.TabsPanelProps & React.RefAttributes<HTMLDivElement>>;
518
+ declare const TabsContent: React.ForwardRefExoticComponent<Omit<_base_ui_react.TabsPanelProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
527
519
 
528
520
  /** Default tag / label glyph for the optional custom `icon` slot (uses `currentColor`). */
529
521
  declare function TagIconGlyph(props: React.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
@@ -600,7 +592,7 @@ declare const toggleSwitchVariants: (props?: ({
600
592
  size?: "sm" | "md" | "lg" | null | undefined;
601
593
  } & class_variance_authority_types.ClassProp) | undefined) => string;
602
594
  declare const toggleThumbVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
603
- declare const ToggleSwitch: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_components_react_switch.SwitchRootProps & React.RefAttributes<HTMLElement>, "ref">, "render" | "onCheckedChange"> & VariantProps<(props?: ({
595
+ declare const ToggleSwitch: React.ForwardRefExoticComponent<Omit<Omit<Omit<_base_ui_react.SwitchRootProps, "ref"> & React.RefAttributes<HTMLElement>, "ref">, "render" | "onCheckedChange"> & VariantProps<(props?: ({
604
596
  size?: "sm" | "md" | "lg" | null | undefined;
605
597
  } & class_variance_authority_types.ClassProp) | undefined) => string> & {
606
598
  onCheckedChange?: (checked: boolean) => void;
@@ -627,7 +619,7 @@ declare const Tooltip: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLPr
627
619
  * Optional `<TooltipProvider>` wraps a subtree to share hover-delay state across multiple
628
620
  * tooltips so opening one lets siblings open without re-waiting.
629
621
  */
630
- declare const TooltipProvider: React.FC<_base_ui_components_react_tooltip.TooltipProviderProps>;
622
+ declare const TooltipProvider: React.FC<_base_ui_react.TooltipProviderProps>;
631
623
  /**
632
624
  * Interactive, floating tooltip compound built on Base UI primitives. Pass any element as
633
625
  * `trigger` (it must be focusable to support keyboard users) and the tooltip body as
package/dist/index.js CHANGED
@@ -4839,7 +4839,7 @@ BottomTabBarItem.displayName = "BottomTabBarItem";
4839
4839
 
4840
4840
  // src/components/ui/button.tsx
4841
4841
  import * as React3 from "react";
4842
- import { useRender } from "@base-ui-components/react/use-render";
4842
+ import { useRender } from "@base-ui/react/use-render";
4843
4843
  import { cva as cva2 } from "class-variance-authority";
4844
4844
  import { Fragment as Fragment2, jsx as jsx186, jsxs as jsxs19 } from "react/jsx-runtime";
4845
4845
  var buttonVariants = cva2(
@@ -4926,7 +4926,7 @@ Button.displayName = "Button";
4926
4926
 
4927
4927
  // src/components/ui/checkbox.tsx
4928
4928
  import * as React4 from "react";
4929
- import { Checkbox as BaseCheckbox } from "@base-ui-components/react/checkbox";
4929
+ import { Checkbox as BaseCheckbox } from "@base-ui/react/checkbox";
4930
4930
  import { motion as motion2 } from "framer-motion";
4931
4931
  import { cva as cva3 } from "class-variance-authority";
4932
4932
  import { jsx as jsx187, jsxs as jsxs20 } from "react/jsx-runtime";
@@ -5034,7 +5034,7 @@ import * as React6 from "react";
5034
5034
 
5035
5035
  // src/components/ui/tooltip.tsx
5036
5036
  import * as React5 from "react";
5037
- import { Tooltip as BaseTooltip } from "@base-ui-components/react/tooltip";
5037
+ import { Tooltip as BaseTooltip } from "@base-ui/react/tooltip";
5038
5038
  import { cva as cva4 } from "class-variance-authority";
5039
5039
  import { jsx as jsx188, jsxs as jsxs21 } from "react/jsx-runtime";
5040
5040
  var tooltipVariants = cva4("relative rounded-[var(--radius-md)] w-max", {
@@ -5653,7 +5653,7 @@ VideoControls.displayName = "VideoControls";
5653
5653
 
5654
5654
  // src/components/ui/menu.tsx
5655
5655
  import * as React12 from "react";
5656
- import { Menu as BaseMenu } from "@base-ui-components/react/menu";
5656
+ import { Menu as BaseMenu } from "@base-ui/react/menu";
5657
5657
  import { jsx as jsx196 } from "react/jsx-runtime";
5658
5658
  var Menu2 = BaseMenu.Root;
5659
5659
  var MenuTrigger = BaseMenu.Trigger;
@@ -5757,8 +5757,8 @@ Pagination.displayName = "Pagination";
5757
5757
 
5758
5758
  // src/components/ui/progress-bar.tsx
5759
5759
  import * as React14 from "react";
5760
- import { Progress as BaseProgress } from "@base-ui-components/react/progress";
5761
- import { Meter as BaseMeter } from "@base-ui-components/react/meter";
5760
+ import { Progress as BaseProgress } from "@base-ui/react/progress";
5761
+ import { Meter as BaseMeter } from "@base-ui/react/meter";
5762
5762
  import { jsx as jsx198 } from "react/jsx-runtime";
5763
5763
  var ProgressBar = React14.forwardRef(
5764
5764
  ({ className, value = 0, ...props }, ref) => {
@@ -5793,8 +5793,8 @@ Meter.displayName = "Meter";
5793
5793
 
5794
5794
  // src/components/ui/radio.tsx
5795
5795
  import * as React15 from "react";
5796
- import { Radio as BaseRadio } from "@base-ui-components/react/radio";
5797
- import { RadioGroup as BaseRadioGroup } from "@base-ui-components/react/radio-group";
5796
+ import { Radio as BaseRadio } from "@base-ui/react/radio";
5797
+ import { RadioGroup as BaseRadioGroup } from "@base-ui/react/radio-group";
5798
5798
  import { motion as motion4 } from "framer-motion";
5799
5799
  import { cva as cva10 } from "class-variance-authority";
5800
5800
  import { jsx as jsx199, jsxs as jsxs27 } from "react/jsx-runtime";
@@ -5927,8 +5927,8 @@ RadioGroupItem.displayName = "RadioGroupItem";
5927
5927
 
5928
5928
  // src/components/ui/segmented-control.tsx
5929
5929
  import * as React16 from "react";
5930
- import { ToggleGroup as BaseToggleGroup } from "@base-ui-components/react/toggle-group";
5931
- import { Toggle as BaseToggle } from "@base-ui-components/react/toggle";
5930
+ import { ToggleGroup as BaseToggleGroup } from "@base-ui/react/toggle-group";
5931
+ import { Toggle as BaseToggle } from "@base-ui/react/toggle";
5932
5932
  import { cva as cva11 } from "class-variance-authority";
5933
5933
  import { Fragment as Fragment4, jsx as jsx200, jsxs as jsxs28 } from "react/jsx-runtime";
5934
5934
  var controlVariants = cva11(
@@ -6107,7 +6107,7 @@ SegmentedControlTrigger.displayName = "SegmentedControlTrigger";
6107
6107
 
6108
6108
  // src/components/ui/select.tsx
6109
6109
  import * as React17 from "react";
6110
- import { Select as BaseSelect } from "@base-ui-components/react/select";
6110
+ import { Select as BaseSelect } from "@base-ui/react/select";
6111
6111
  import { cva as cva12 } from "class-variance-authority";
6112
6112
  import { jsx as jsx201, jsxs as jsxs29 } from "react/jsx-runtime";
6113
6113
  var selectShellVariants = cva12(
@@ -6401,7 +6401,7 @@ SelectSeparator.displayName = "SelectSeparator";
6401
6401
 
6402
6402
  // src/components/ui/slider.tsx
6403
6403
  import * as React18 from "react";
6404
- import { Slider as BaseSlider } from "@base-ui-components/react/slider";
6404
+ import { Slider as BaseSlider } from "@base-ui/react/slider";
6405
6405
  import { Fragment as Fragment5, jsx as jsx202, jsxs as jsxs30 } from "react/jsx-runtime";
6406
6406
  var thumbClass = "absolute top-1/2 -translate-y-1/2 -translate-x-1/2 w-4 h-4 rounded-[var(--radius-full)] bg-white border-2 border-primary cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background dark:bg-primary-foreground";
6407
6407
  var Slider = React18.forwardRef(
@@ -6619,7 +6619,7 @@ StarRating.displayName = "StarRating";
6619
6619
 
6620
6620
  // src/components/ui/tabs.tsx
6621
6621
  import * as React21 from "react";
6622
- import { Tabs as BaseTabs } from "@base-ui-components/react/tabs";
6622
+ import { Tabs as BaseTabs } from "@base-ui/react/tabs";
6623
6623
  import { cva as cva14 } from "class-variance-authority";
6624
6624
  import { Fragment as Fragment6, jsx as jsx205, jsxs as jsxs32 } from "react/jsx-runtime";
6625
6625
  var tabListVariants = cva14(
@@ -6868,7 +6868,7 @@ Tag2.displayName = "Tag";
6868
6868
 
6869
6869
  // src/components/ui/text-area.tsx
6870
6870
  import * as React23 from "react";
6871
- import { Field as BaseField } from "@base-ui-components/react/field";
6871
+ import { Field as BaseField } from "@base-ui/react/field";
6872
6872
  import { cva as cva16 } from "class-variance-authority";
6873
6873
  import { jsx as jsx207, jsxs as jsxs34 } from "react/jsx-runtime";
6874
6874
  var textAreaShellVariants = cva16(
@@ -7050,7 +7050,7 @@ TextArea.displayName = "TextArea";
7050
7050
 
7051
7051
  // src/components/ui/text-input.tsx
7052
7052
  import * as React24 from "react";
7053
- import { Input as BaseInput } from "@base-ui-components/react/input";
7053
+ import { Input as BaseInput } from "@base-ui/react/input";
7054
7054
  import { cva as cva17 } from "class-variance-authority";
7055
7055
  import { Fragment as Fragment7, jsx as jsx208, jsxs as jsxs35 } from "react/jsx-runtime";
7056
7056
  var textInputShellVariants = cva17(
@@ -7192,6 +7192,9 @@ var TextInput = React24.forwardRef(
7192
7192
  "data-wvk-input": "shell",
7193
7193
  style: { cursor: disabled ? "not-allowed" : "var(--wvk-cursor-text)" },
7194
7194
  className: cn(textInputShellVariants({ inputStyle, size }), className),
7195
+ onClick: () => {
7196
+ if (!disabled) innerRef.current?.focus();
7197
+ },
7195
7198
  children: [
7196
7199
  leadingIcon ? /* @__PURE__ */ jsx208(
7197
7200
  "span",
@@ -7263,7 +7266,7 @@ TextInput.displayName = "TextInput";
7263
7266
 
7264
7267
  // src/components/ui/toggle-switch.tsx
7265
7268
  import * as React25 from "react";
7266
- import { Switch as BaseSwitch } from "@base-ui-components/react/switch";
7269
+ import { Switch as BaseSwitch } from "@base-ui/react/switch";
7267
7270
  import { motion as motion5 } from "framer-motion";
7268
7271
  import { cva as cva18 } from "class-variance-authority";
7269
7272
  import { jsx as jsx209 } from "react/jsx-runtime";