@mcp-b/react-components 0.29.0 → 0.30.1

package/dist/components/{NavigationMenu.js → foundations/NavigationMenu.js}

@@ -1,8 +1,8 @@
-import { n as mergeBaseClassName } from "../class-names-BiMDVpUo.js";
+import { n as mergeBaseClassName } from "../../class-names-BiMDVpUo.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { NavigationMenu as NavigationMenu$1 } from "@base-ui/react/navigation-menu";
-//#region src/components/NavigationMenu.tsx
+//#region src/components/foundations/NavigationMenu.tsx
 /**
 * Navigation landmark for top-level or section-level links. Compose with
 * NavigationMenu.List, NavigationMenu.Item, NavigationMenu.Trigger, and

package/dist/components/{NumberField.d.ts → foundations/NumberField.d.ts}

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { NumberField as NumberField$1 } from "@base-ui/react/number-field";
 
-//#region src/components/NumberField.d.ts
+//#region src/components/foundations/NumberField.d.ts
 /**
  * Props for the NumberField.Root component.
  */

package/dist/components/{NumberField.js → foundations/NumberField.js}

@@ -1,8 +1,8 @@
-import { n as mergeBaseClassName } from "../class-names-BiMDVpUo.js";
+import { n as mergeBaseClassName } from "../../class-names-BiMDVpUo.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { NumberField as NumberField$1 } from "@base-ui/react/number-field";
-//#region src/components/NumberField.tsx
+//#region src/components/foundations/NumberField.tsx
 /**
 * Container that groups all parts and manages state. Renders a `<div>` element.
 *

package/dist/components/{Popover.d.ts → foundations/Popover.d.ts}

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { Popover as Popover$1 } from "@base-ui/react/popover";
 
-//#region src/components/Popover.d.ts
+//#region src/components/foundations/Popover.d.ts
 /**
  * Props for the Popover.Root component.
  */

package/dist/components/{Popover.js → foundations/Popover.js}

@@ -1,10 +1,10 @@
-import { n as mergeBaseClassName } from "../class-names-BiMDVpUo.js";
+import { n as mergeBaseClassName } from "../../class-names-BiMDVpUo.js";
 import { buttonVariants } from "./Button.js";
-import { n as mergeRefs } from "../merge-refs-DF_7w2x_.js";
+import { n as mergeRefs } from "../../merge-refs-DF_7w2x_.js";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 import { Popover as Popover$1 } from "@base-ui/react/popover";
-//#region src/components/Popover.tsx
+//#region src/components/foundations/Popover.tsx
 const PopoverAnchorContext = React.createContext(null);
 /**
 * Controls the popover's open state and manages triggers.

package/dist/components/{PreviewCard.d.ts → foundations/PreviewCard.d.ts}

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { PreviewCard as PreviewCard$1 } from "@base-ui/react/preview-card";
 
-//#region src/components/PreviewCard.d.ts
+//#region src/components/foundations/PreviewCard.d.ts
 /**
  * Props for the PreviewCard.Root component.
  */

package/dist/components/{PreviewCard.js → foundations/PreviewCard.js}

@@ -1,8 +1,8 @@
-import { n as mergeBaseClassName } from "../class-names-BiMDVpUo.js";
+import { n as mergeBaseClassName } from "../../class-names-BiMDVpUo.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { PreviewCard as PreviewCard$1 } from "@base-ui/react/preview-card";
-//#region src/components/PreviewCard.tsx
+//#region src/components/foundations/PreviewCard.tsx
 /**
 * Root component that manages preview card state.
 *

package/dist/components/{Progress.d.ts → foundations/Progress.d.ts}

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { Progress as Progress$1 } from "@base-ui/react/progress";
 
-//#region src/components/Progress.d.ts
+//#region src/components/foundations/Progress.d.ts
 type ProgressColor = "primary" | "success" | "warning" | "destructive";
 interface ProgressProps extends React.ComponentPropsWithRef<typeof Progress$1.Root> {
   /**

package/dist/components/{Progress.js → foundations/Progress.js}

@@ -1,8 +1,8 @@
-import { n as mergeBaseClassName, t as cx } from "../class-names-BiMDVpUo.js";
+import { n as mergeBaseClassName, t as cx } from "../../class-names-BiMDVpUo.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { Progress as Progress$1 } from "@base-ui/react/progress";
-//#region src/components/Progress.tsx
+//#region src/components/foundations/Progress.tsx
 /**
 * A progress indicator component for showing completion status.
 *

package/dist/components/{RadioGroup.d.ts → foundations/RadioGroup.d.ts}

@@ -2,7 +2,7 @@ import * as React from "react";
 import { RadioGroup as RadioGroup$1 } from "@base-ui/react/radio-group";
 import { Radio as Radio$1 } from "@base-ui/react/radio";
 
-//#region src/components/RadioGroup.d.ts
+//#region src/components/foundations/RadioGroup.d.ts
 interface RadioGroupProps extends React.ComponentPropsWithRef<typeof RadioGroup$1> {
   /**
    * The orientation of the radio group.

package/dist/components/{RadioGroup.js → foundations/RadioGroup.js}

@@ -1,9 +1,9 @@
-import { n as mergeBaseClassName, t as cx } from "../class-names-BiMDVpUo.js";
+import { n as mergeBaseClassName, t as cx } from "../../class-names-BiMDVpUo.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { RadioGroup as RadioGroup$1 } from "@base-ui/react/radio-group";
 import { Radio as Radio$1 } from "@base-ui/react/radio";
-//#region src/components/RadioGroup.tsx
+//#region src/components/foundations/RadioGroup.tsx
 /**
 * A radio group component for selecting one option from a list.
 *

package/dist/components/{ScrollArea.d.ts → foundations/ScrollArea.d.ts}

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { ScrollArea as ScrollArea$1 } from "@base-ui/react/scroll-area";
 
-//#region src/components/ScrollArea.d.ts
+//#region src/components/foundations/ScrollArea.d.ts
 /**
  * Props for the ScrollArea.Root component.
  */

package/dist/components/{ScrollArea.js → foundations/ScrollArea.js}

@@ -1,8 +1,8 @@
-import { n as mergeBaseClassName } from "../class-names-BiMDVpUo.js";
+import { n as mergeBaseClassName } from "../../class-names-BiMDVpUo.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { ScrollArea as ScrollArea$1 } from "@base-ui/react/scroll-area";
-//#region src/components/ScrollArea.tsx
+//#region src/components/foundations/ScrollArea.tsx
 /**
 * Container that groups all scroll area parts. Renders a `<div>` element.
 *

package/dist/components/{SearchField.d.ts → foundations/SearchField.d.ts}

@@ -1,7 +1,7 @@
 import { FieldControlProps, FieldLabelProps, FieldRootProps } from "./Field.js";
 import * as React from "react";
 
-//#region src/components/SearchField.d.ts
+//#region src/components/foundations/SearchField.d.ts
 interface SearchFieldRootProps extends FieldRootProps {}
 interface SearchFieldLabelProps extends FieldLabelProps {}
 interface SearchFieldControlProps extends Omit<FieldControlProps, "type"> {}

package/dist/components/{SearchField.js → foundations/SearchField.js}

@@ -1,8 +1,8 @@
-import { n as mergeBaseClassName } from "../class-names-BiMDVpUo.js";
-import { G as SearchIcon } from "../icons-B4mGvCvc.js";
+import { n as mergeBaseClassName } from "../../class-names-BiMDVpUo.js";
+import { G as SearchIcon } from "../../icons-B4mGvCvc.js";
 import { Field } from "./Field.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/SearchField.tsx
+//#region src/components/foundations/SearchField.tsx
 /**
 * Field root for a labelled search input. Product-specific sizing can be
 * applied through the shared field recipe variables without rebuilding the

package/dist/components/{Select.d.ts → foundations/Select.d.ts}

@@ -1,2 +1,2 @@
-import { _ as SelectSeparatorProps, a as SelectIconProps, c as SelectItemTextProps, d as SelectPopupProps, f as SelectPortalProps, g as SelectScrollUpArrowProps, h as SelectScrollDownArrowProps, i as SelectGroupProps, l as SelectLabelProps, m as SelectProps, n as SelectBackdropProps, o as SelectItemIndicatorProps, p as SelectPositionerProps, r as SelectGroupLabelProps, s as SelectItemProps, t as Select, u as SelectListProps, v as SelectTriggerProps, y as SelectValueProps } from "../Select-B_13gg_J.js";
+import { _ as SelectSeparatorProps, a as SelectIconProps, c as SelectItemTextProps, d as SelectPopupProps, f as SelectPortalProps, g as SelectScrollUpArrowProps, h as SelectScrollDownArrowProps, i as SelectGroupProps, l as SelectLabelProps, m as SelectProps, n as SelectBackdropProps, o as SelectItemIndicatorProps, p as SelectPositionerProps, r as SelectGroupLabelProps, s as SelectItemProps, t as Select, u as SelectListProps, v as SelectTriggerProps, y as SelectValueProps } from "../../Select-D96d09ww.js";
 export { Select, SelectBackdropProps, SelectGroupLabelProps, SelectGroupProps, SelectIconProps, SelectItemIndicatorProps, SelectItemProps, SelectItemTextProps, SelectLabelProps, SelectListProps, SelectPopupProps, SelectPortalProps, SelectPositionerProps, SelectProps, SelectScrollDownArrowProps, SelectScrollUpArrowProps, SelectSeparatorProps, SelectTriggerProps, SelectValueProps };

package/dist/components/{Select.js → foundations/Select.js}

@@ -1,9 +1,9 @@
-import { n as mergeBaseClassName } from "../class-names-BiMDVpUo.js";
-import { a as ArrowUpIcon, d as CheckIcon, n as ArrowDownIcon } from "../icons-B4mGvCvc.js";
+import { n as mergeBaseClassName } from "../../class-names-BiMDVpUo.js";
+import { a as ArrowUpIcon, d as CheckIcon, n as ArrowDownIcon } from "../../icons-B4mGvCvc.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Select as Select$1 } from "@base-ui/react/select";
-//#region src/components/Select.tsx
+//#region src/components/foundations/Select.tsx
 /**
 * A select component for choosing from a list of options.
 *

package/dist/components/{Separator.d.ts → foundations/Separator.d.ts}

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { Separator as Separator$1 } from "@base-ui/react/separator";
 
-//#region src/components/Separator.d.ts
+//#region src/components/foundations/Separator.d.ts
 /**
  * Props for the Separator component.
  */

package/dist/components/{Separator.js → foundations/Separator.js}

@@ -1,8 +1,8 @@
-import { n as mergeBaseClassName } from "../class-names-BiMDVpUo.js";
+import { n as mergeBaseClassName } from "../../class-names-BiMDVpUo.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { Separator as Separator$1 } from "@base-ui/react/separator";
-//#region src/components/Separator.tsx
+//#region src/components/foundations/Separator.tsx
 /**
 * A visual divider component that separates content sections.
 *

package/dist/components/{Slider.d.ts → foundations/Slider.d.ts}

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { Slider as Slider$1 } from "@base-ui/react/slider";
 
-//#region src/components/Slider.d.ts
+//#region src/components/foundations/Slider.d.ts
 interface SliderProps extends React.ComponentPropsWithRef<typeof Slider$1.Root> {}
 interface SliderControlProps extends React.ComponentPropsWithRef<typeof Slider$1.Control> {}
 interface SliderTrackProps extends React.ComponentPropsWithRef<typeof Slider$1.Track> {}

package/dist/components/{Slider.js → foundations/Slider.js}

@@ -1,8 +1,8 @@
-import { n as mergeBaseClassName } from "../class-names-BiMDVpUo.js";
+import { n as mergeBaseClassName } from "../../class-names-BiMDVpUo.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { Slider as Slider$1 } from "@base-ui/react/slider";
-//#region src/components/Slider.tsx
+//#region src/components/foundations/Slider.tsx
 /**
 * A slider component for selecting values from a range.
 *

package/dist/components/{StatusPill.d.ts → foundations/StatusPill.d.ts}

@@ -1,7 +1,7 @@
 import { BadgeProps } from "./Badge.js";
 import * as React from "react";
 
-//#region src/components/StatusPill.d.ts
+//#region src/components/foundations/StatusPill.d.ts
 interface StatusPillProps extends BadgeProps {
   /**
    * Whether the state this reports is still ongoing. A live state pulses; a

package/dist/components/{StatusPill.js → foundations/StatusPill.js}

@@ -1,8 +1,8 @@
-import { t as cx } from "../class-names-BiMDVpUo.js";
+import { t as cx } from "../../class-names-BiMDVpUo.js";
 import { Badge } from "./Badge.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/StatusPill.tsx
+//#region src/components/foundations/StatusPill.tsx
 /**
 * A short state report: an indicator, then the state itself.
 *

package/dist/components/{Stepper.d.ts → foundations/Stepper.d.ts}

@@ -1,7 +1,7 @@
-import { r as Tabs } from "../Tabs-C49J5m0Q.js";
+import { r as Tabs } from "../../Tabs-Ptrbaynh.js";
 import * as React from "react";
 
-//#region src/components/Stepper.d.ts
+//#region src/components/foundations/Stepper.d.ts
 type StepperOrientation = "horizontal" | "vertical";
 type StepperState = "active" | "completed" | "inactive" | "loading";
 type StepIndicators = {

package/dist/components/{Stepper.js → foundations/Stepper.js}

@@ -1,9 +1,9 @@
-import { n as mergeBaseClassName, t as cx } from "../class-names-BiMDVpUo.js";
-import { J as SpinnerIcon, d as CheckIcon } from "../icons-B4mGvCvc.js";
+import { n as mergeBaseClassName, t as cx } from "../../class-names-BiMDVpUo.js";
+import { J as SpinnerIcon, d as CheckIcon } from "../../icons-B4mGvCvc.js";
 import { Tabs } from "./Tabs.js";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/Stepper.tsx
+//#region src/components/foundations/Stepper.tsx
 const StepperContext = React.createContext(void 0);
 const StepItemContext = React.createContext(void 0);
 const EMPTY_STEP_INDICATORS = {};

package/dist/components/{Switch.d.ts → foundations/Switch.d.ts}

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { Switch as Switch$1 } from "@base-ui/react/switch";
 
-//#region src/components/Switch.d.ts
+//#region src/components/foundations/Switch.d.ts
 interface SwitchProps extends React.ComponentPropsWithRef<typeof Switch$1.Root> {
   /**
    * The size of the switch.
@@ -15,18 +15,18 @@ interface SwitchThumbProps extends React.ComponentPropsWithRef<typeof Switch$1.T
  *
  * @example
  * ```tsx
- * <Switch defaultChecked>
- *   <SwitchThumb />
- * </Switch>
+ * <Switch.Root defaultChecked>
+ *   <Switch.Thumb />
+ * </Switch.Root>
  * ```
  *
  * @example
  * ```tsx
  * // Controlled
  * const [checked, setChecked] = React.useState(false);
- * <Switch checked={checked} onCheckedChange={setChecked}>
- *   <SwitchThumb />
- * </Switch>
+ * <Switch.Root checked={checked} onCheckedChange={setChecked}>
+ *   <Switch.Thumb />
+ * </Switch.Root>
  * ```
  *
  * @see {@link https://base-ui.com/react/components/switch | Base UI Switch}

package/dist/components/{Switch.js → foundations/Switch.js}

@@ -1,25 +1,25 @@
-import { n as mergeBaseClassName, t as cx } from "../class-names-BiMDVpUo.js";
+import { n as mergeBaseClassName, t as cx } from "../../class-names-BiMDVpUo.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { Switch as Switch$1 } from "@base-ui/react/switch";
-//#region src/components/Switch.tsx
+//#region src/components/foundations/Switch.tsx
 /**
 * A toggle switch component for binary choices.
 *
 * @example
 * ```tsx
-* <Switch defaultChecked>
-*   <SwitchThumb />
-* </Switch>
+* <Switch.Root defaultChecked>
+*   <Switch.Thumb />
+* </Switch.Root>
 * ```
 *
 * @example
 * ```tsx
 * // Controlled
 * const [checked, setChecked] = React.useState(false);
-* <Switch checked={checked} onCheckedChange={setChecked}>
-*   <SwitchThumb />
-* </Switch>
+* <Switch.Root checked={checked} onCheckedChange={setChecked}>
+*   <Switch.Thumb />
+* </Switch.Root>
 * ```
 *
 * @see {@link https://base-ui.com/react/components/switch | Base UI Switch}

package/dist/components/{Tabs.d.ts → foundations/Tabs.d.ts}

@@ -1,2 +1,2 @@
-import { a as TabsListProps, i as TabsIndicatorProps, n as TabProps, o as TabsProps, r as Tabs, t as TabPanelProps } from "../Tabs-C49J5m0Q.js";
+import { a as TabsListProps, i as TabsIndicatorProps, n as TabProps, o as TabsProps, r as Tabs, t as TabPanelProps } from "../../Tabs-Ptrbaynh.js";
 export { TabPanelProps, TabProps, Tabs, TabsIndicatorProps, TabsListProps, TabsProps };

package/dist/components/{Tabs.js → foundations/Tabs.js}

@@ -1,8 +1,8 @@
-import { n as mergeBaseClassName, t as cx } from "../class-names-BiMDVpUo.js";
+import { n as mergeBaseClassName, t as cx } from "../../class-names-BiMDVpUo.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { Tabs as Tabs$1 } from "@base-ui/react/tabs";
-//#region src/components/Tabs.tsx
+//#region src/components/foundations/Tabs.tsx
 function tabsListVariants({ variant = "default", className } = {}) {
 	return [
 		"tabs__list",

package/dist/components/{Textarea.d.ts → foundations/Textarea.d.ts}

@@ -1,6 +1,6 @@
 import * as React from "react";
 
-//#region src/components/Textarea.d.ts
+//#region src/components/foundations/Textarea.d.ts
 interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
   /** Allow the user to resize the control along the block axis. */
   resize?: "none" | "vertical";

package/dist/components/{Textarea.js → foundations/Textarea.js}

@@ -1,7 +1,7 @@
-import { t as cx } from "../class-names-BiMDVpUo.js";
+import { t as cx } from "../../class-names-BiMDVpUo.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/Textarea.tsx
+//#region src/components/foundations/Textarea.tsx
 /**
 * Multiline text control that shares the design system's field recipe.
 * Compose it through `Field.Control` when labeling or validation is needed.

package/dist/components/{ThemeProvider.d.ts → foundations/ThemeProvider.d.ts}

@@ -1,7 +1,7 @@
-import { ResolvedTheme, ThemePreference } from "../utils/theme.js";
+import { ResolvedTheme, ThemePreference } from "../../utils/theme.js";
 import * as React from "react";
 
-//#region src/components/ThemeProvider.d.ts
+//#region src/components/foundations/ThemeProvider.d.ts
 interface ThemeProviderProps {
   children: React.ReactNode;
   /** Controlled theme preference. */

package/dist/components/{ThemeProvider.js → foundations/ThemeProvider.js}

@@ -1,7 +1,7 @@
-import { THEME_STORAGE_KEY, applyThemePreference, readThemePreference, resolveThemePreference, writeThemePreference } from "../utils/theme.js";
+import { THEME_STORAGE_KEY, applyThemePreference, readThemePreference, resolveThemePreference, writeThemePreference } from "../../utils/theme.js";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/ThemeProvider.tsx
+//#region src/components/foundations/ThemeProvider.tsx
 const ThemeContext = React.createContext(null);
 const useClientLayoutEffect = typeof document === "undefined" ? React.useEffect : React.useLayoutEffect;
 /**

package/dist/components/{Toast.d.ts → foundations/Toast.d.ts}

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { Toast as Toast$1 } from "@base-ui/react/toast";
 
-//#region src/components/Toast.d.ts
+//#region src/components/foundations/Toast.d.ts
 /**
  * Props for the Toast.Provider component.
  */

package/dist/components/{Toast.js → foundations/Toast.js}

@@ -1,10 +1,10 @@
-import { n as mergeBaseClassName } from "../class-names-BiMDVpUo.js";
+import { n as mergeBaseClassName } from "../../class-names-BiMDVpUo.js";
+import { rt as XIcon } from "../../icons-B4mGvCvc.js";
 import { buttonVariants } from "./Button.js";
-import { rt as XIcon } from "../icons-B4mGvCvc.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { Toast as Toast$1 } from "@base-ui/react/toast";
-//#region src/components/Toast.tsx
+//#region src/components/foundations/Toast.tsx
 /**
 * Wraps your application to manage toast state.
 *

package/dist/components/{Toggle.d.ts → foundations/Toggle.d.ts}

@@ -1,2 +1,2 @@
-import { i as toggleVariants, n as ToggleProps, r as ToggleVariantsOptions, t as Toggle } from "../Toggle-JKZ43D5S.js";
+import { i as toggleVariants, n as ToggleProps, r as ToggleVariantsOptions, t as Toggle } from "../../Toggle-DLrIf5YH.js";
 export { Toggle, ToggleProps, ToggleVariantsOptions, toggleVariants };

package/dist/components/{Toggle.js → foundations/Toggle.js}

@@ -1,8 +1,8 @@
-import { n as mergeBaseClassName } from "../class-names-BiMDVpUo.js";
+import { n as mergeBaseClassName } from "../../class-names-BiMDVpUo.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { Toggle as Toggle$1 } from "@base-ui/react/toggle";
-//#region src/components/Toggle.tsx
+//#region src/components/foundations/Toggle.tsx
 function toggleVariants({ variant = "default", size = "md", className } = {}) {
 	return [
 		"toggle",

package/dist/components/foundations/ToggleGroup.d.ts

@@ -0,0 +1,2 @@
+import { n as ToggleGroupItemProps, r as ToggleGroupProps, t as ToggleGroup } from "../../ToggleGroup-CSBWfPXo.js";
+export { ToggleGroup, ToggleGroupItemProps, ToggleGroupProps };

package/dist/components/{ToggleGroup.js → foundations/ToggleGroup.js}

@@ -1,11 +1,11 @@
-import { n as mergeBaseClassName, t as cx } from "../class-names-BiMDVpUo.js";
-import { n as mergeRefs } from "../merge-refs-DF_7w2x_.js";
+import { n as mergeBaseClassName, t as cx } from "../../class-names-BiMDVpUo.js";
+import { n as mergeRefs } from "../../merge-refs-DF_7w2x_.js";
 import { toggleVariants } from "./Toggle.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ToggleGroup as ToggleGroup$1 } from "@base-ui/react/toggle-group";
 import { Toggle } from "@base-ui/react/toggle";
-//#region src/components/ToggleGroup.tsx
+//#region src/components/foundations/ToggleGroup.tsx
 /**
 * Tracks the pressed item's box so the segmented thumb can slide to it instead
 * of appearing under it.
@@ -58,21 +58,21 @@ const ToggleGroupContext = React.createContext({
 * @example
 * ```tsx
 * // Single selection (defaultValue is an array)
-* <ToggleGroup defaultValue={["center"]}>
-*   <ToggleGroupItem value="left">Left</ToggleGroupItem>
-*   <ToggleGroupItem value="center">Center</ToggleGroupItem>
-*   <ToggleGroupItem value="right">Right</ToggleGroupItem>
-* </ToggleGroup>
+* <ToggleGroup.Root defaultValue={["center"]}>
+*   <ToggleGroup.Item value="left">Left</ToggleGroup.Item>
+*   <ToggleGroup.Item value="center">Center</ToggleGroup.Item>
+*   <ToggleGroup.Item value="right">Right</ToggleGroup.Item>
+* </ToggleGroup.Root>
 * ```
 *
 * @example
 * ```tsx
 * // Multiple selection
-* <ToggleGroup multiple defaultValue={["bold", "italic"]}>
-*   <ToggleGroupItem value="bold">Bold</ToggleGroupItem>
-*   <ToggleGroupItem value="italic">Italic</ToggleGroupItem>
-*   <ToggleGroupItem value="underline">Underline</ToggleGroupItem>
-* </ToggleGroup>
+* <ToggleGroup.Root multiple defaultValue={["bold", "italic"]}>
+*   <ToggleGroup.Item value="bold">Bold</ToggleGroup.Item>
+*   <ToggleGroup.Item value="italic">Italic</ToggleGroup.Item>
+*   <ToggleGroup.Item value="underline">Underline</ToggleGroup.Item>
+* </ToggleGroup.Root>
 * ```
 *
 * @see {@link https://base-ui.com/react/components/toggle-group | Base UI Toggle Group}

package/dist/components/{Toolbar.d.ts → foundations/Toolbar.d.ts}

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { Toolbar as Toolbar$1 } from "@base-ui/react/toolbar";
 
-//#region src/components/Toolbar.d.ts
+//#region src/components/foundations/Toolbar.d.ts
 /**
  * Props for the Toolbar.Root component.
  */

package/dist/components/{Toolbar.js → foundations/Toolbar.js}

@@ -1,9 +1,9 @@
-import { n as mergeBaseClassName } from "../class-names-BiMDVpUo.js";
+import { n as mergeBaseClassName } from "../../class-names-BiMDVpUo.js";
 import { buttonVariants } from "./Button.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { Toolbar as Toolbar$1 } from "@base-ui/react/toolbar";
-//#region src/components/Toolbar.tsx
+//#region src/components/foundations/Toolbar.tsx
 /**
 * Container for grouping toolbar buttons and controls.
 *

package/dist/components/{Tooltip.d.ts → foundations/Tooltip.d.ts}

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { Tooltip as Tooltip$1 } from "@base-ui/react/tooltip";
 
-//#region src/components/Tooltip.d.ts
+//#region src/components/foundations/Tooltip.d.ts
 interface TooltipProps extends Tooltip$1.Root.Props {}
 interface TooltipTriggerProps extends Tooltip$1.Trigger.Props {}
 interface TooltipPortalProps extends Tooltip$1.Portal.Props {}

package/dist/components/{Tooltip.js → foundations/Tooltip.js}

@@ -1,9 +1,9 @@
-import { n as mergeBaseClassName } from "../class-names-BiMDVpUo.js";
+import { n as mergeBaseClassName } from "../../class-names-BiMDVpUo.js";
 import { buttonVariants } from "./Button.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { Tooltip as Tooltip$1 } from "@base-ui/react/tooltip";
-//#region src/components/Tooltip.tsx
+//#region src/components/foundations/Tooltip.tsx
 /**
 * A tooltip component for displaying helpful information on hover.
 *

package/dist/components/{TransitionSurface.d.ts → foundations/TransitionSurface.d.ts}

@@ -1,6 +1,6 @@
 import * as React from "react";
 
-//#region src/components/TransitionSurface.d.ts
+//#region src/components/foundations/TransitionSurface.d.ts
 type TransitionSurfaceVariant = "fade" | "scale" | "slide-block" | "slide-inline";
 interface TransitionSurfaceProps extends React.HTMLAttributes<HTMLDivElement> {
   /**

package/dist/components/{TransitionSurface.js → foundations/TransitionSurface.js}

@@ -1,7 +1,7 @@
-import { t as cx } from "../class-names-BiMDVpUo.js";
+import { t as cx } from "../../class-names-BiMDVpUo.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/TransitionSurface.tsx
+//#region src/components/foundations/TransitionSurface.tsx
 /**
 * A lightweight presence surface for content inserted by React or revealed
 * from `hidden`. CSS owns its motion through `@starting-style` and discrete

package/dist/components/{icons.d.ts → foundations/icons.d.ts}

@@ -1,2 +1,2 @@
-import { $ as SunIcon, A as InfoIcon, B as PaperclipIcon, C as EyeOffIcon, D as HashIcon, E as FolderOpenIcon, F as MicrophoneIcon, G as QueueIcon, H as PencilIcon, I as MinusIcon, J as SidebarIcon, K as RefreshIcon, L as MonitorIcon, M as MaximizeIcon, N as McpIcon, O as IconProps, P as MessageSquareIcon, Q as StopIcon, R as MoonIcon, S as EyeIcon, T as FolderIcon, U as PlayIcon, V as PauseIcon, W as PlusIcon, X as SpinnerIcon, Y as SlackIcon, Z as SquareIcon, _ as CopyIcon, a as ArrowUpIcon, at as XIcon, b as DownloadIcon, c as BoxIcon, d as CalendarIcon, et as TargetIcon, f as CheckIcon, g as CodeIcon, h as ChevronRightIcon, i as ArrowRightIcon, it as WrenchIcon, j as LinkIcon, k as ImageIcon, l as BrainIcon, m as ChevronLeftIcon, n as ArrowDownIcon, nt as TrashIcon, o as ArrowUpRightIcon, p as ChevronDownIcon, q as SearchIcon, r as ArrowLeftIcon, rt as WarningIcon, s as BookmarkIcon, t as ArchiveIcon, tt as TerminalIcon, u as BrandIconProps, v as DiscordIcon, w as FileIcon, x as EllipsisIcon, y as DotIcon, z as MoveToFrontIcon } from "../icons-BGZ916hb.js";
+import { $ as SunIcon, A as InfoIcon, B as PaperclipIcon, C as EyeOffIcon, D as HashIcon, E as FolderOpenIcon, F as MicrophoneIcon, G as QueueIcon, H as PencilIcon, I as MinusIcon, J as SidebarIcon, K as RefreshIcon, L as MonitorIcon, M as MaximizeIcon, N as McpIcon, O as IconProps, P as MessageSquareIcon, Q as StopIcon, R as MoonIcon, S as EyeIcon, T as FolderIcon, U as PlayIcon, V as PauseIcon, W as PlusIcon, X as SpinnerIcon, Y as SlackIcon, Z as SquareIcon, _ as CopyIcon, a as ArrowUpIcon, at as XIcon, b as DownloadIcon, c as BoxIcon, d as CalendarIcon, et as TargetIcon, f as CheckIcon, g as CodeIcon, h as ChevronRightIcon, i as ArrowRightIcon, it as WrenchIcon, j as LinkIcon, k as ImageIcon, l as BrainIcon, m as ChevronLeftIcon, n as ArrowDownIcon, nt as TrashIcon, o as ArrowUpRightIcon, p as ChevronDownIcon, q as SearchIcon, r as ArrowLeftIcon, rt as WarningIcon, s as BookmarkIcon, t as ArchiveIcon, tt as TerminalIcon, u as BrandIconProps, v as DiscordIcon, w as FileIcon, x as EllipsisIcon, y as DotIcon, z as MoveToFrontIcon } from "../../icons-BGZ916hb.js";
 export { ArchiveIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, ArrowUpRightIcon, BookmarkIcon, BoxIcon, BrainIcon, BrandIconProps, CalendarIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, CodeIcon, CopyIcon, DiscordIcon, DotIcon, DownloadIcon, EllipsisIcon, EyeIcon, EyeOffIcon, FileIcon, FolderIcon, FolderOpenIcon, HashIcon, IconProps, ImageIcon, InfoIcon, LinkIcon, MaximizeIcon, McpIcon, MessageSquareIcon, MicrophoneIcon, MinusIcon, MonitorIcon, MoonIcon, MoveToFrontIcon, PaperclipIcon, PauseIcon, PencilIcon, PlayIcon, PlusIcon, QueueIcon, RefreshIcon, SearchIcon, SidebarIcon, SlackIcon, SpinnerIcon, SquareIcon, StopIcon, SunIcon, TargetIcon, TerminalIcon, TrashIcon, WarningIcon, WrenchIcon, XIcon };

package/dist/components/{icons.js → foundations/icons.js}

@@ -1,2 +1,2 @@
-import { $ as TerminalIcon, A as MaximizeIcon, B as PencilIcon, C as FileIcon, D as ImageIcon, E as HashIcon, F as MonitorIcon, G as SearchIcon, H as PlusIcon, I as MoonIcon, J as SpinnerIcon, K as SidebarIcon, L as MoveToFrontIcon, M as MessageSquareIcon, N as MicrophoneIcon, O as InfoIcon, P as MinusIcon, Q as TargetIcon, R as PaperclipIcon, S as EyeOffIcon, T as FolderOpenIcon, U as QueueIcon, V as PlayIcon, W as RefreshIcon, X as StopIcon, Y as SquareIcon, Z as SunIcon, _ as DiscordIcon, a as ArrowUpIcon, b as EllipsisIcon, c as BoxIcon, d as CheckIcon, et as TrashIcon, f as ChevronDownIcon, g as CopyIcon, h as CodeIcon, i as ArrowRightIcon, j as McpIcon, k as LinkIcon, l as BrainIcon, m as ChevronRightIcon, n as ArrowDownIcon, nt as WrenchIcon, o as ArrowUpRightIcon, p as ChevronLeftIcon, q as SlackIcon, r as ArrowLeftIcon, rt as XIcon, s as BookmarkIcon, t as ArchiveIcon, tt as WarningIcon, u as CalendarIcon, v as DotIcon, w as FolderIcon, x as EyeIcon, y as DownloadIcon, z as PauseIcon } from "../icons-B4mGvCvc.js";
+import { $ as TerminalIcon, A as MaximizeIcon, B as PencilIcon, C as FileIcon, D as ImageIcon, E as HashIcon, F as MonitorIcon, G as SearchIcon, H as PlusIcon, I as MoonIcon, J as SpinnerIcon, K as SidebarIcon, L as MoveToFrontIcon, M as MessageSquareIcon, N as MicrophoneIcon, O as InfoIcon, P as MinusIcon, Q as TargetIcon, R as PaperclipIcon, S as EyeOffIcon, T as FolderOpenIcon, U as QueueIcon, V as PlayIcon, W as RefreshIcon, X as StopIcon, Y as SquareIcon, Z as SunIcon, _ as DiscordIcon, a as ArrowUpIcon, b as EllipsisIcon, c as BoxIcon, d as CheckIcon, et as TrashIcon, f as ChevronDownIcon, g as CopyIcon, h as CodeIcon, i as ArrowRightIcon, j as McpIcon, k as LinkIcon, l as BrainIcon, m as ChevronRightIcon, n as ArrowDownIcon, nt as WrenchIcon, o as ArrowUpRightIcon, p as ChevronLeftIcon, q as SlackIcon, r as ArrowLeftIcon, rt as XIcon, s as BookmarkIcon, t as ArchiveIcon, tt as WarningIcon, u as CalendarIcon, v as DotIcon, w as FolderIcon, x as EyeIcon, y as DownloadIcon, z as PauseIcon } from "../../icons-B4mGvCvc.js";
 export { ArchiveIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, ArrowUpRightIcon, BookmarkIcon, BoxIcon, BrainIcon, CalendarIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, CodeIcon, CopyIcon, DiscordIcon, DotIcon, DownloadIcon, EllipsisIcon, EyeIcon, EyeOffIcon, FileIcon, FolderIcon, FolderOpenIcon, HashIcon, ImageIcon, InfoIcon, LinkIcon, MaximizeIcon, McpIcon, MessageSquareIcon, MicrophoneIcon, MinusIcon, MonitorIcon, MoonIcon, MoveToFrontIcon, PaperclipIcon, PauseIcon, PencilIcon, PlayIcon, PlusIcon, QueueIcon, RefreshIcon, SearchIcon, SidebarIcon, SlackIcon, SpinnerIcon, SquareIcon, StopIcon, SunIcon, TargetIcon, TerminalIcon, TrashIcon, WarningIcon, WrenchIcon, XIcon };

package/dist/components/{ActionGuide.d.ts → general-purpose/ActionGuide.d.ts}

@@ -1,7 +1,7 @@
-import { r as ButtonProps } from "../Button-SBIz6Lqi.js";
+import { r as ButtonProps } from "../../Button-CZt3yywF.js";
 import * as React from "react";
 
-//#region src/components/ActionGuide.d.ts
+//#region src/components/general-purpose/ActionGuide.d.ts
 type ActionGuideHeadingLevel = 2 | 3 | 4 | 5 | 6;
 type ActionGuideListLayout = "compact" | "cards" | "list";
 interface ActionGuideActionItem {