rivet-ui 0.1.0

package/dist/components/Separator/index.js

@@ -0,0 +1,20 @@
+import {
+  cn
+} from "../../utils/cn.js";
+
+// src/components/Separator/Separator.tsx
+import * as React from "react";
+import { Separator } from "@base-ui/react/separator";
+import { jsx } from "react/jsx-runtime";
+var SeparatorRoot = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(Separator, {
+  ref,
+  className: cn("shrink-0 bg-kraft/12 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px", className),
+  ...props
+}));
+SeparatorRoot.displayName = "SeparatorRoot";
+export {
+  SeparatorRoot
+};
+export { SeparatorRoot };
+
+//# debugId=2F94E29B4DB235FB64756E2164756E21

package/dist/components/Separator/index.js.map

@@ -0,0 +1,10 @@
+{
+  "version": 3,
+  "sources": ["../src/components/Separator/Separator.tsx"],
+  "sourcesContent": [
+    "import * as React from 'react';\nimport { Separator } from '@base-ui/react/separator';\nimport { cn } from '../../utils/cn';\n\nexport const SeparatorRoot = React.forwardRef<\n    HTMLDivElement,\n    React.ComponentPropsWithoutRef<typeof Separator>\n>(({ className, ...props }, ref) => (\n    <Separator\n        ref={ref}\n        className={cn(\n            'shrink-0 bg-kraft/12 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px',\n            className\n        )}\n        {...props}\n    />\n));\nSeparatorRoot.displayName = 'SeparatorRoot';\n"
+  ],
+  "mappings": ";;;;;AAAA;AACA;;AAGO,IAAM,gBAAsB,iBAGjC,GAAG,cAAc,SAAS,wBACxB,IAAC,WAAD;AAAA,EACI;AAAA,EACA,WAAW,GACP,oKACA,SACJ;AAAA,KACI;AAAA,CACR,CACH;AACD,cAAc,cAAc;",
+  "debugId": "2F94E29B4DB235FB64756E2164756E21",
+  "names": []
+}

package/dist/components/Slider/Slider.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { Slider } from '@base-ui/react/slider';
+export declare const SliderRoot: React.ForwardRefExoticComponent<Omit<Slider.Root.Props<number | readonly number[]> & {
+    ref?: React.Ref<HTMLDivElement> | undefined;
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const SliderControl: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SliderControlProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const SliderTrack: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SliderTrackProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const SliderIndicator: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SliderIndicatorProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const SliderThumb: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SliderThumbProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const SliderValue: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SliderValueProps, "ref"> & React.RefAttributes<HTMLOutputElement>, "ref"> & React.RefAttributes<HTMLOutputElement>>;

package/dist/components/Slider/Slider.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const Default: Story;
+export declare const Range: Story;
+export declare const Disabled: Story;

package/dist/components/Slider/index.d.ts

@@ -0,0 +1 @@
+export { SliderRoot, SliderControl, SliderTrack, SliderIndicator, SliderThumb, SliderValue } from './Slider';

package/dist/components/Slider/index.js

@@ -0,0 +1,55 @@
+import {
+  cn
+} from "../../utils/cn.js";
+
+// src/components/Slider/Slider.tsx
+import * as React from "react";
+import { Slider } from "@base-ui/react/slider";
+import { jsx } from "react/jsx-runtime";
+var SliderRoot = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(Slider.Root, {
+  ref,
+  className: cn("relative flex w-full touch-none select-none flex-col items-center gap-1", className),
+  ...props
+}));
+SliderRoot.displayName = "SliderRoot";
+var SliderControl = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(Slider.Control, {
+  ref,
+  className: cn("flex w-full items-center py-2", className),
+  ...props
+}));
+SliderControl.displayName = "SliderControl";
+var SliderTrack = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(Slider.Track, {
+  ref,
+  className: cn("relative h-1.5 w-full grow overflow-hidden rounded-full bg-kraft/15", className),
+  ...props
+}));
+SliderTrack.displayName = "SliderTrack";
+var SliderIndicator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(Slider.Indicator, {
+  ref,
+  className: cn("absolute h-full bg-ribbon", className),
+  ...props
+}));
+SliderIndicator.displayName = "SliderIndicator";
+var SliderThumb = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(Slider.Thumb, {
+  ref,
+  className: cn("block h-4 w-4 rounded-full border-2 border-ribbon bg-surface shadow-sm transition-[transform,colors] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ribbon focus-visible:ring-offset-2 data-dragging:scale-110 data-disabled:pointer-events-none data-disabled:opacity-50", className),
+  ...props
+}));
+SliderThumb.displayName = "SliderThumb";
+var SliderValue = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(Slider.Value, {
+  ref,
+  className: cn("text-sm font-medium tabular-nums text-kraft", className),
+  ...props
+}));
+SliderValue.displayName = "SliderValue";
+export {
+  SliderValue,
+  SliderTrack,
+  SliderThumb,
+  SliderRoot,
+  SliderIndicator,
+  SliderControl
+};
+export { SliderRoot, SliderControl, SliderTrack, SliderIndicator, SliderThumb, SliderValue };
+
+//# debugId=896C7769325B449C64756E2164756E21

package/dist/components/Slider/index.js.map

@@ -0,0 +1,10 @@
+{
+  "version": 3,
+  "sources": ["../src/components/Slider/Slider.tsx"],
+  "sourcesContent": [
+    "import * as React from 'react';\nimport { Slider } from '@base-ui/react/slider';\nimport { cn } from '../../utils/cn';\n\nexport const SliderRoot = React.forwardRef<\n    HTMLDivElement,\n    React.ComponentPropsWithoutRef<typeof Slider.Root>\n>(({ className, ...props }, ref) => (\n    <Slider.Root\n        ref={ref}\n        className={cn(\n            'relative flex w-full touch-none select-none flex-col items-center gap-1',\n            className\n        )}\n        {...props}\n    />\n));\nSliderRoot.displayName = 'SliderRoot';\n\nexport const SliderControl = React.forwardRef<\n    HTMLDivElement,\n    React.ComponentPropsWithoutRef<typeof Slider.Control>\n>(({ className, ...props }, ref) => (\n    <Slider.Control\n        ref={ref}\n        className={cn('flex w-full items-center py-2', className)}\n        {...props}\n    />\n));\nSliderControl.displayName = 'SliderControl';\n\nexport const SliderTrack = React.forwardRef<\n    HTMLDivElement,\n    React.ComponentPropsWithoutRef<typeof Slider.Track>\n>(({ className, ...props }, ref) => (\n    <Slider.Track\n        ref={ref}\n        className={cn(\n            'relative h-1.5 w-full grow overflow-hidden rounded-full bg-kraft/15',\n            className\n        )}\n        {...props}\n    />\n));\nSliderTrack.displayName = 'SliderTrack';\n\nexport const SliderIndicator = React.forwardRef<\n    HTMLDivElement,\n    React.ComponentPropsWithoutRef<typeof Slider.Indicator>\n>(({ className, ...props }, ref) => (\n    <Slider.Indicator\n        ref={ref}\n        className={cn('absolute h-full bg-ribbon', className)}\n        {...props}\n    />\n));\nSliderIndicator.displayName = 'SliderIndicator';\n\nexport const SliderThumb = React.forwardRef<\n    HTMLDivElement,\n    React.ComponentPropsWithoutRef<typeof Slider.Thumb>\n>(({ className, ...props }, ref) => (\n    <Slider.Thumb\n        ref={ref}\n        className={cn(\n            'block h-4 w-4 rounded-full border-2 border-ribbon bg-surface shadow-sm transition-[transform,colors] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ribbon focus-visible:ring-offset-2 data-dragging:scale-110 data-disabled:pointer-events-none data-disabled:opacity-50',\n            className\n        )}\n        {...props}\n    />\n));\nSliderThumb.displayName = 'SliderThumb';\n\nexport const SliderValue = React.forwardRef<\n    HTMLOutputElement,\n    React.ComponentPropsWithoutRef<typeof Slider.Value>\n>(({ className, ...props }, ref) => (\n    <Slider.Value\n        ref={ref}\n        className={cn('text-sm font-medium tabular-nums text-kraft', className)}\n        {...props}\n    />\n));\nSliderValue.displayName = 'SliderValue';\n"
+  ],
+  "mappings": ";;;;;AAAA;AACA;;AAGO,IAAM,aAAmB,iBAG9B,GAAG,cAAc,SAAS,wBACxB,IAAC,OAAO,MAAR;AAAA,EACI;AAAA,EACA,WAAW,GACP,2EACA,SACJ;AAAA,KACI;AAAA,CACR,CACH;AACD,WAAW,cAAc;AAElB,IAAM,gBAAsB,iBAGjC,GAAG,cAAc,SAAS,wBACxB,IAAC,OAAO,SAAR;AAAA,EACI;AAAA,EACA,WAAW,GAAG,iCAAiC,SAAS;AAAA,KACpD;AAAA,CACR,CACH;AACD,cAAc,cAAc;AAErB,IAAM,cAAoB,iBAG/B,GAAG,cAAc,SAAS,wBACxB,IAAC,OAAO,OAAR;AAAA,EACI;AAAA,EACA,WAAW,GACP,uEACA,SACJ;AAAA,KACI;AAAA,CACR,CACH;AACD,YAAY,cAAc;AAEnB,IAAM,kBAAwB,iBAGnC,GAAG,cAAc,SAAS,wBACxB,IAAC,OAAO,WAAR;AAAA,EACI;AAAA,EACA,WAAW,GAAG,6BAA6B,SAAS;AAAA,KAChD;AAAA,CACR,CACH;AACD,gBAAgB,cAAc;AAEvB,IAAM,cAAoB,iBAG/B,GAAG,cAAc,SAAS,wBACxB,IAAC,OAAO,OAAR;AAAA,EACI;AAAA,EACA,WAAW,GACP,iSACA,SACJ;AAAA,KACI;AAAA,CACR,CACH;AACD,YAAY,cAAc;AAEnB,IAAM,cAAoB,iBAG/B,GAAG,cAAc,SAAS,wBACxB,IAAC,OAAO,OAAR;AAAA,EACI;AAAA,EACA,WAAW,GAAG,+CAA+C,SAAS;AAAA,KAClE;AAAA,CACR,CACH;AACD,YAAY,cAAc;",
+  "debugId": "896C7769325B449C64756E2164756E21",
+  "names": []
+}

package/dist/components/Switch/Switch.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const SwitchRoot: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SwitchRootProps, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const SwitchThumb: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SwitchThumbProps, "ref"> & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;

package/dist/components/Switch/Switch.stories.d.ts

@@ -0,0 +1,24 @@
+import type { StoryObj } from '@storybook/react-vite';
+import React from 'react';
+declare const meta: {
+    title: string;
+    component: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SwitchRootProps, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        disabled: {
+            control: "boolean";
+        };
+        defaultChecked: {
+            control: "boolean";
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Checked: Story;
+export declare const Disabled: Story;
+export declare const MultipleToggles: Story;

package/dist/components/Switch/index.d.ts

@@ -0,0 +1 @@
+export { SwitchRoot, SwitchThumb } from './Switch';

package/dist/components/Switch/index.js

@@ -0,0 +1,27 @@
+import {
+  cn
+} from "../../utils/cn.js";
+
+// src/components/Switch/Switch.tsx
+import { Switch as BaseSwitch } from "@base-ui/react/switch";
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+var SwitchRoot = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(BaseSwitch.Root, {
+  ref,
+  className: cn("relative flex h-6 w-10 cursor-pointer rounded-full border border-kraft/20 bg-kraft/20 p-0.5 transition-colors duration-150 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ribbon focus-visible:ring-offset-2 data-checked:border-ribbon data-checked:bg-ribbon data-disabled:cursor-not-allowed data-disabled:opacity-50", className),
+  ...props
+}));
+SwitchRoot.displayName = "SwitchRoot";
+var SwitchThumb = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(BaseSwitch.Thumb, {
+  ref,
+  className: cn("aspect-square h-full rounded-full bg-white shadow-sm transition-transform duration-150 data-checked:translate-x-4", className),
+  ...props
+}));
+SwitchThumb.displayName = "SwitchThumb";
+export {
+  SwitchThumb,
+  SwitchRoot
+};
+export { SwitchRoot, SwitchThumb };
+
+//# debugId=A73CAD7DF35678EB64756E2164756E21

package/dist/components/Switch/index.js.map

@@ -0,0 +1,10 @@
+{
+  "version": 3,
+  "sources": ["../src/components/Switch/Switch.tsx"],
+  "sourcesContent": [
+    "import { Switch as BaseSwitch } from '@base-ui/react/switch';\nimport React from 'react';\nimport { cn } from '../../utils/cn';\n\nexport const SwitchRoot = React.forwardRef<\n    HTMLButtonElement,\n    React.ComponentPropsWithoutRef<typeof BaseSwitch.Root>\n>(({ className, ...props }, ref) => (\n    <BaseSwitch.Root\n        ref={ref}\n        className={cn(\n            'relative flex h-6 w-10 cursor-pointer rounded-full border border-kraft/20 bg-kraft/20 p-0.5 transition-colors duration-150 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ribbon focus-visible:ring-offset-2 data-checked:border-ribbon data-checked:bg-ribbon data-disabled:cursor-not-allowed data-disabled:opacity-50',\n            className\n        )}\n        {...props}\n    />\n));\nSwitchRoot.displayName = 'SwitchRoot';\n\nexport const SwitchThumb = React.forwardRef<\n    HTMLSpanElement,\n    React.ComponentPropsWithoutRef<typeof BaseSwitch.Thumb>\n>(({ className, ...props }, ref) => (\n    <BaseSwitch.Thumb\n        ref={ref}\n        className={cn(\n            'aspect-square h-full rounded-full bg-white shadow-sm transition-transform duration-150 data-checked:translate-x-4',\n            className\n        )}\n        {...props}\n    />\n));\nSwitchThumb.displayName = 'SwitchThumb';\n"
+  ],
+  "mappings": ";;;;;AAAA,mBAAS;AACT;;AAGO,IAAM,aAAa,MAAM,WAG9B,GAAG,cAAc,SAAS,wBACxB,IAAC,WAAW,MAAZ;AAAA,EACI;AAAA,EACA,WAAW,GACP,gVACA,SACJ;AAAA,KACI;AAAA,CACR,CACH;AACD,WAAW,cAAc;AAElB,IAAM,cAAc,MAAM,WAG/B,GAAG,cAAc,SAAS,wBACxB,IAAC,WAAW,OAAZ;AAAA,EACI;AAAA,EACA,WAAW,GACP,qHACA,SACJ;AAAA,KACI;AAAA,CACR,CACH;AACD,YAAY,cAAc;",
+  "debugId": "A73CAD7DF35678EB64756E2164756E21",
+  "names": []
+}

package/dist/components/Tabs/Tabs.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+export declare const TabsRoot: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").TabsRootProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const TabsList: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").TabsListProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const TabsTab: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").TabsTabProps, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const TabsIndicator: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").TabsIndicatorProps, "ref"> & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export declare const TabsPanel: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").TabsPanelProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/Tabs/Tabs.stories.d.ts

@@ -0,0 +1,9 @@
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj;
+export declare const Default: Story;
+export declare const WithDisabledTab: Story;

package/dist/components/Tabs/index.d.ts

@@ -0,0 +1 @@
+export { TabsRoot, TabsList, TabsTab, TabsIndicator, TabsPanel } from './Tabs';

package/dist/components/Tabs/index.js

@@ -0,0 +1,43 @@
+import {
+  cn
+} from "../../utils/cn.js";
+
+// src/components/Tabs/Tabs.tsx
+import * as React from "react";
+import { Tabs } from "@base-ui/react/tabs";
+import { jsx } from "react/jsx-runtime";
+var TabsRoot = Tabs.Root;
+var TabsList = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(Tabs.List, {
+  ref,
+  className: cn("relative z-0 flex gap-1 px-1 shadow-[inset_0_-1px] shadow-kraft/15", className),
+  ...props
+}));
+TabsList.displayName = "TabsList";
+var TabsTab = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(Tabs.Tab, {
+  ref,
+  className: cn("flex h-8 items-center justify-center border-0 px-3 text-sm font-medium text-kraft/60 outline-none select-none transition-colors hover:text-kraft focus-visible:relative focus-visible:ring-2 focus-visible:ring-ribbon focus-visible:ring-inset data-active:text-kraft data-disabled:pointer-events-none data-disabled:opacity-40", className),
+  ...props
+}));
+TabsTab.displayName = "TabsTab";
+var TabsIndicator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(Tabs.Indicator, {
+  ref,
+  className: cn("absolute top-1/2 left-0 z-[-1] h-6 w-[var(--active-tab-width)] translate-x-[var(--active-tab-left)] -translate-y-1/2 rounded-sm bg-canvas transition-all duration-200 ease-in-out", className),
+  ...props
+}));
+TabsIndicator.displayName = "TabsIndicator";
+var TabsPanel = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(Tabs.Panel, {
+  ref,
+  className: cn("p-4 text-sm text-kraft outline-none focus-visible:rounded-b-md focus-visible:ring-2 focus-visible:ring-ribbon focus-visible:ring-inset", className),
+  ...props
+}));
+TabsPanel.displayName = "TabsPanel";
+export {
+  TabsTab,
+  TabsRoot,
+  TabsPanel,
+  TabsList,
+  TabsIndicator
+};
+export { TabsRoot, TabsList, TabsTab, TabsIndicator, TabsPanel };
+
+//# debugId=6A624DDCEC1A461664756E2164756E21

package/dist/components/Tabs/index.js.map

@@ -0,0 +1,10 @@
+{
+  "version": 3,
+  "sources": ["../src/components/Tabs/Tabs.tsx"],
+  "sourcesContent": [
+    "import * as React from 'react';\nimport { Tabs } from '@base-ui/react/tabs';\nimport { cn } from '../../utils/cn';\n\nexport const TabsRoot = Tabs.Root;\n\nexport const TabsList = React.forwardRef<\n    HTMLDivElement,\n    React.ComponentPropsWithoutRef<typeof Tabs.List>\n>(({ className, ...props }, ref) => (\n    <Tabs.List\n        ref={ref}\n        className={cn(\n            'relative z-0 flex gap-1 px-1 shadow-[inset_0_-1px] shadow-kraft/15',\n            className\n        )}\n        {...props}\n    />\n));\nTabsList.displayName = 'TabsList';\n\nexport const TabsTab = React.forwardRef<\n    HTMLButtonElement,\n    React.ComponentPropsWithoutRef<typeof Tabs.Tab>\n>(({ className, ...props }, ref) => (\n    <Tabs.Tab\n        ref={ref}\n        className={cn(\n            'flex h-8 items-center justify-center border-0 px-3 text-sm font-medium text-kraft/60 outline-none select-none transition-colors hover:text-kraft focus-visible:relative focus-visible:ring-2 focus-visible:ring-ribbon focus-visible:ring-inset data-active:text-kraft data-disabled:pointer-events-none data-disabled:opacity-40',\n            className\n        )}\n        {...props}\n    />\n));\nTabsTab.displayName = 'TabsTab';\n\nexport const TabsIndicator = React.forwardRef<\n    HTMLSpanElement,\n    React.ComponentPropsWithoutRef<typeof Tabs.Indicator>\n>(({ className, ...props }, ref) => (\n    <Tabs.Indicator\n        ref={ref}\n        className={cn(\n            'absolute top-1/2 left-0 z-[-1] h-6 w-[var(--active-tab-width)] translate-x-[var(--active-tab-left)] -translate-y-1/2 rounded-sm bg-canvas transition-all duration-200 ease-in-out',\n            className\n        )}\n        {...props}\n    />\n));\nTabsIndicator.displayName = 'TabsIndicator';\n\nexport const TabsPanel = React.forwardRef<\n    HTMLDivElement,\n    React.ComponentPropsWithoutRef<typeof Tabs.Panel>\n>(({ className, ...props }, ref) => (\n    <Tabs.Panel\n        ref={ref}\n        className={cn(\n            'p-4 text-sm text-kraft outline-none focus-visible:rounded-b-md focus-visible:ring-2 focus-visible:ring-ribbon focus-visible:ring-inset',\n            className\n        )}\n        {...props}\n    />\n));\nTabsPanel.displayName = 'TabsPanel';\n"
+  ],
+  "mappings": ";;;;;AAAA;AACA;;AAGO,IAAM,WAAW,KAAK;AAEtB,IAAM,WAAiB,iBAG5B,GAAG,cAAc,SAAS,wBACxB,IAAC,KAAK,MAAN;AAAA,EACI;AAAA,EACA,WAAW,GACP,sEACA,SACJ;AAAA,KACI;AAAA,CACR,CACH;AACD,SAAS,cAAc;AAEhB,IAAM,UAAgB,iBAG3B,GAAG,cAAc,SAAS,wBACxB,IAAC,KAAK,KAAN;AAAA,EACI;AAAA,EACA,WAAW,GACP,qUACA,SACJ;AAAA,KACI;AAAA,CACR,CACH;AACD,QAAQ,cAAc;AAEf,IAAM,gBAAsB,iBAGjC,GAAG,cAAc,SAAS,wBACxB,IAAC,KAAK,WAAN;AAAA,EACI;AAAA,EACA,WAAW,GACP,qLACA,SACJ;AAAA,KACI;AAAA,CACR,CACH;AACD,cAAc,cAAc;AAErB,IAAM,YAAkB,iBAG7B,GAAG,cAAc,SAAS,wBACxB,IAAC,KAAK,OAAN;AAAA,EACI;AAAA,EACA,WAAW,GACP,0IACA,SACJ;AAAA,KACI;AAAA,CACR,CACH;AACD,UAAU,cAAc;",
+  "debugId": "6A624DDCEC1A461664756E2164756E21",
+  "names": []
+}

package/dist/components/Toast/Toast.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { Toast } from '@base-ui/react/toast';
+export declare const ToastProvider: React.FC<import("@base-ui/react").ToastProviderProps>;
+export declare const ToastPortal: typeof Toast.Portal;
+export declare const useToastManager: typeof Toast.useToastManager, createToastManager: typeof Toast.createToastManager;
+export declare const ToastViewport: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ToastViewportProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const ToastRoot: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ToastRootProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const ToastContent: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ToastContentProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const ToastTitle: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ToastTitleProps, "ref"> & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const ToastDescription: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ToastDescriptionProps, "ref"> & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const ToastClose: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ToastCloseProps, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const ToastAction: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ToastActionProps, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const ToastPositioner: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ToastPositionerProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare function Toaster(): import("react/jsx-runtime").JSX.Element;

package/dist/components/Toast/Toast.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const Default: Story;
+export declare const TitleOnly: Story;
+export declare const WithAction: Story;
+export declare const ErrorType: Story;

package/dist/components/Toast/index.d.ts

@@ -0,0 +1 @@
+export { ToastProvider, ToastPortal, ToastViewport, ToastRoot, ToastContent, ToastTitle, ToastDescription, ToastClose, ToastAction, ToastPositioner, Toaster, useToastManager, createToastManager } from './Toast';

package/dist/components/Toast/index.js

@@ -0,0 +1,127 @@
+import {
+  cn
+} from "../../utils/cn.js";
+
+// src/components/Toast/Toast.tsx
+import * as React from "react";
+import { Toast } from "@base-ui/react/toast";
+import { jsx, jsxs } from "react/jsx-runtime";
+var ToastProvider = Toast.Provider;
+var ToastPortal = Toast.Portal;
+var { useToastManager, createToastManager } = Toast;
+var ToastViewport = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(Toast.Viewport, {
+  ref,
+  className: cn("fixed bottom-0 right-0 z-50 flex w-full flex-col gap-2 p-4 sm:max-w-sm", className),
+  ...props
+}));
+ToastViewport.displayName = "ToastViewport";
+var ToastRoot = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(Toast.Root, {
+  ref,
+  className: cn("group relative flex w-full items-start gap-3 rounded-xl border border-kraft/15 bg-surface p-4 shadow-lg shadow-kraft/10", "transition-all duration-300 data-starting-style:translate-y-2 data-starting-style:opacity-0 data-ending-style:translate-y-2 data-ending-style:opacity-0", className),
+  ...props
+}));
+ToastRoot.displayName = "ToastRoot";
+var ToastContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(Toast.Content, {
+  ref,
+  className: cn("flex flex-1 flex-col gap-1", className),
+  ...props
+}));
+ToastContent.displayName = "ToastContent";
+var ToastTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(Toast.Title, {
+  ref,
+  className: cn("text-sm font-semibold text-kraft", className),
+  ...props
+}));
+ToastTitle.displayName = "ToastTitle";
+var ToastDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(Toast.Description, {
+  ref,
+  className: cn("text-sm text-kraft/70", className),
+  ...props
+}));
+ToastDescription.displayName = "ToastDescription";
+var ToastClose = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(Toast.Close, {
+  ref,
+  className: cn("absolute right-3 top-3 flex h-6 w-6 items-center justify-center rounded-lg text-kraft/40 transition-colors hover:text-kraft focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ribbon", className),
+  ...props,
+  children: children ?? /* @__PURE__ */ jsxs("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "12",
+    height: "12",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    "aria-hidden": true,
+    children: [
+      /* @__PURE__ */ jsx("line", {
+        x1: "18",
+        y1: "6",
+        x2: "6",
+        y2: "18"
+      }),
+      /* @__PURE__ */ jsx("line", {
+        x1: "6",
+        y1: "6",
+        x2: "18",
+        y2: "18"
+      })
+    ]
+  })
+}));
+ToastClose.displayName = "ToastClose";
+var ToastAction = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(Toast.Action, {
+  ref,
+  className: cn("mt-1 inline-flex h-7 items-center rounded-lg border border-kraft/20 bg-transparent px-2.5 text-xs font-medium text-kraft transition-colors hover:bg-canvas/40 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ribbon", className),
+  ...props
+}));
+ToastAction.displayName = "ToastAction";
+var ToastPositioner = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(Toast.Positioner, {
+  ref,
+  className: cn("fixed z-50", className),
+  ...props
+}));
+ToastPositioner.displayName = "ToastPositioner";
+function Toaster() {
+  const { toasts } = Toast.useToastManager();
+  return /* @__PURE__ */ jsx(ToastViewport, {
+    children: toasts.map((toast) => /* @__PURE__ */ jsxs(ToastRoot, {
+      toast,
+      children: [
+        /* @__PURE__ */ jsxs(ToastContent, {
+          children: [
+            toast.title && /* @__PURE__ */ jsx(ToastTitle, {
+              children: toast.title
+            }),
+            toast.description && /* @__PURE__ */ jsx(ToastDescription, {
+              children: toast.description
+            }),
+            toast.actionProps && /* @__PURE__ */ jsx(ToastAction, {
+              ...toast.actionProps
+            })
+          ]
+        }),
+        /* @__PURE__ */ jsx(ToastClose, {})
+      ]
+    }, toast.id))
+  });
+}
+export {
+  useToastManager,
+  createToastManager,
+  Toaster,
+  ToastViewport,
+  ToastTitle,
+  ToastRoot,
+  ToastProvider,
+  ToastPositioner,
+  ToastPortal,
+  ToastDescription,
+  ToastContent,
+  ToastClose,
+  ToastAction
+};
+export { ToastProvider, ToastPortal, useToastManager, createToastManager, ToastViewport, ToastRoot, ToastContent, ToastTitle, ToastDescription, ToastClose, ToastAction, ToastPositioner, Toaster };
+
+//# debugId=0A40232B06C6F52364756E2164756E21

package/dist/components/Toast/index.js.map

@@ -0,0 +1,10 @@
+{
+  "version": 3,
+  "sources": ["../src/components/Toast/Toast.tsx"],
+  "sourcesContent": [
+    "import * as React from 'react';\nimport { Toast } from '@base-ui/react/toast';\nimport { cn } from '../../utils/cn';\n\nexport const ToastProvider = Toast.Provider;\nexport const ToastPortal: typeof Toast.Portal = Toast.Portal;\nexport const { useToastManager, createToastManager } = Toast;\n\nexport const ToastViewport = React.forwardRef<\n    HTMLDivElement,\n    React.ComponentPropsWithoutRef<typeof Toast.Viewport>\n>(({ className, ...props }, ref) => (\n    <Toast.Viewport\n        ref={ref}\n        className={cn(\n            'fixed bottom-0 right-0 z-50 flex w-full flex-col gap-2 p-4 sm:max-w-sm',\n            className\n        )}\n        {...props}\n    />\n));\nToastViewport.displayName = 'ToastViewport';\n\nexport const ToastRoot = React.forwardRef<\n    HTMLDivElement,\n    React.ComponentPropsWithoutRef<typeof Toast.Root>\n>(({ className, ...props }, ref) => (\n    <Toast.Root\n        ref={ref}\n        className={cn(\n            'group relative flex w-full items-start gap-3 rounded-xl border border-kraft/15 bg-surface p-4 shadow-lg shadow-kraft/10',\n            'transition-all duration-300 data-starting-style:translate-y-2 data-starting-style:opacity-0 data-ending-style:translate-y-2 data-ending-style:opacity-0',\n            className\n        )}\n        {...props}\n    />\n));\nToastRoot.displayName = 'ToastRoot';\n\nexport const ToastContent = React.forwardRef<\n    HTMLDivElement,\n    React.ComponentPropsWithoutRef<typeof Toast.Content>\n>(({ className, ...props }, ref) => (\n    <Toast.Content\n        ref={ref}\n        className={cn('flex flex-1 flex-col gap-1', className)}\n        {...props}\n    />\n));\nToastContent.displayName = 'ToastContent';\n\nexport const ToastTitle = React.forwardRef<\n    HTMLDivElement,\n    React.ComponentPropsWithoutRef<typeof Toast.Title>\n>(({ className, ...props }, ref) => (\n    <Toast.Title\n        ref={ref}\n        className={cn('text-sm font-semibold text-kraft', className)}\n        {...props}\n    />\n));\nToastTitle.displayName = 'ToastTitle';\n\nexport const ToastDescription = React.forwardRef<\n    HTMLDivElement,\n    React.ComponentPropsWithoutRef<typeof Toast.Description>\n>(({ className, ...props }, ref) => (\n    <Toast.Description\n        ref={ref}\n        className={cn('text-sm text-kraft/70', className)}\n        {...props}\n    />\n));\nToastDescription.displayName = 'ToastDescription';\n\nexport const ToastClose = React.forwardRef<\n    HTMLButtonElement,\n    React.ComponentPropsWithoutRef<typeof Toast.Close>\n>(({ className, children, ...props }, ref) => (\n    <Toast.Close\n        ref={ref}\n        className={cn(\n            'absolute right-3 top-3 flex h-6 w-6 items-center justify-center rounded-lg text-kraft/40 transition-colors hover:text-kraft focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ribbon',\n            className\n        )}\n        {...props}\n    >\n        {children ?? (\n            <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                width=\"12\"\n                height=\"12\"\n                viewBox=\"0 0 24 24\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                aria-hidden\n            >\n                <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\n                <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n            </svg>\n        )}\n    </Toast.Close>\n));\nToastClose.displayName = 'ToastClose';\n\nexport const ToastAction = React.forwardRef<\n    HTMLButtonElement,\n    React.ComponentPropsWithoutRef<typeof Toast.Action>\n>(({ className, ...props }, ref) => (\n    <Toast.Action\n        ref={ref}\n        className={cn(\n            'mt-1 inline-flex h-7 items-center rounded-lg border border-kraft/20 bg-transparent px-2.5 text-xs font-medium text-kraft transition-colors hover:bg-canvas/40 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ribbon',\n            className\n        )}\n        {...props}\n    />\n));\nToastAction.displayName = 'ToastAction';\n\nexport const ToastPositioner = React.forwardRef<\n    HTMLDivElement,\n    React.ComponentPropsWithoutRef<typeof Toast.Positioner>\n>(({ className, ...props }, ref) => (\n    <Toast.Positioner\n        ref={ref}\n        className={cn('fixed z-50', className)}\n        {...props}\n    />\n));\nToastPositioner.displayName = 'ToastPositioner';\n\n// Convenience component: renders all active toasts. Place inside ToastProvider.\nexport function Toaster() {\n    const { toasts } = Toast.useToastManager();\n    return (\n        <ToastViewport>\n            {toasts.map((toast) => (\n                <ToastRoot key={toast.id} toast={toast}>\n                    <ToastContent>\n                        {toast.title && <ToastTitle>{toast.title}</ToastTitle>}\n                        {toast.description && (\n                            <ToastDescription>\n                                {toast.description}\n                            </ToastDescription>\n                        )}\n                        {toast.actionProps && (\n                            <ToastAction {...toast.actionProps} />\n                        )}\n                    </ToastContent>\n                    <ToastClose />\n                </ToastRoot>\n            ))}\n        </ToastViewport>\n    );\n}\n"
+  ],
+  "mappings": "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",
+  "debugId": "0A40232B06C6F52364756E2164756E21",
+  "names": []
+}

package/dist/components/Toggle/Toggle.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { Toggle } from '@base-ui/react/toggle';
+export declare const ToggleRoot: React.ForwardRefExoticComponent<Omit<Toggle.Props<string> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/Toggle/Toggle.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const Default: Story;
+export declare const WithLabel: Story;
+export declare const Pressed: Story;
+export declare const Disabled: Story;

package/dist/components/Toggle/index.d.ts

@@ -0,0 +1 @@
+export { ToggleRoot } from './Toggle';

package/dist/components/Toggle/index.js

@@ -0,0 +1,20 @@
+import {
+  cn
+} from "../../utils/cn.js";
+
+// src/components/Toggle/Toggle.tsx
+import * as React from "react";
+import { Toggle } from "@base-ui/react/toggle";
+import { jsx } from "react/jsx-runtime";
+var ToggleRoot = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(Toggle, {
+  ref,
+  className: cn("inline-flex h-8 min-w-8 items-center justify-center rounded-md border border-kraft/15 bg-surface px-2 text-sm font-medium text-kraft/70 transition-colors select-none", "hover:bg-canvas/50 hover:text-kraft", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ribbon focus-visible:ring-offset-2", "data-pressed:bg-canvas data-pressed:text-kraft", "data-disabled:pointer-events-none data-disabled:opacity-50", className),
+  ...props
+}));
+ToggleRoot.displayName = "ToggleRoot";
+export {
+  ToggleRoot
+};
+export { ToggleRoot };
+
+//# debugId=1E5AE45CDF90BBCD64756E2164756E21

package/dist/components/Toggle/index.js.map

@@ -0,0 +1,10 @@
+{
+  "version": 3,
+  "sources": ["../src/components/Toggle/Toggle.tsx"],
+  "sourcesContent": [
+    "import * as React from 'react';\nimport { Toggle } from '@base-ui/react/toggle';\nimport { cn } from '../../utils/cn';\n\nexport const ToggleRoot = React.forwardRef<\n    HTMLButtonElement,\n    React.ComponentPropsWithoutRef<typeof Toggle>\n>(({ className, ...props }, ref) => (\n    <Toggle\n        ref={ref}\n        className={cn(\n            'inline-flex h-8 min-w-8 items-center justify-center rounded-md border border-kraft/15 bg-surface px-2 text-sm font-medium text-kraft/70 transition-colors select-none',\n            'hover:bg-canvas/50 hover:text-kraft',\n            'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ribbon focus-visible:ring-offset-2',\n            'data-pressed:bg-canvas data-pressed:text-kraft',\n            'data-disabled:pointer-events-none data-disabled:opacity-50',\n            className\n        )}\n        {...props}\n    />\n));\nToggleRoot.displayName = 'ToggleRoot';\n"
+  ],
+  "mappings": ";;;;;AAAA;AACA;;AAGO,IAAM,aAAmB,iBAG9B,GAAG,cAAc,SAAS,wBACxB,IAAC,QAAD;AAAA,EACI;AAAA,EACA,WAAW,GACP,yKACA,uCACA,yGACA,kDACA,8DACA,SACJ;AAAA,KACI;AAAA,CACR,CACH;AACD,WAAW,cAAc;",
+  "debugId": "1E5AE45CDF90BBCD64756E2164756E21",
+  "names": []
+}

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

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { ToggleGroup } from '@base-ui/react/toggle-group';
+export declare const ToggleGroupRoot: React.ForwardRefExoticComponent<Omit<ToggleGroup.Props<string> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const Default: Story;
+export declare const Multiple: Story;

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

@@ -0,0 +1 @@
+export { ToggleGroupRoot } from './ToggleGroup';

package/dist/components/ToggleGroup/index.js

@@ -0,0 +1,20 @@
+import {
+  cn
+} from "../../utils/cn.js";
+
+// src/components/ToggleGroup/ToggleGroup.tsx
+import * as React from "react";
+import { ToggleGroup } from "@base-ui/react/toggle-group";
+import { jsx } from "react/jsx-runtime";
+var ToggleGroupRoot = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(ToggleGroup, {
+  ref,
+  className: cn("flex items-center gap-0.5 rounded-md border border-kraft/15 bg-surface p-0.5", className),
+  ...props
+}));
+ToggleGroupRoot.displayName = "ToggleGroupRoot";
+export {
+  ToggleGroupRoot
+};
+export { ToggleGroupRoot };
+
+//# debugId=8A7BD1E88A85E29664756E2164756E21

package/dist/components/ToggleGroup/index.js.map

@@ -0,0 +1,10 @@
+{
+  "version": 3,
+  "sources": ["../src/components/ToggleGroup/ToggleGroup.tsx"],
+  "sourcesContent": [
+    "import * as React from 'react';\nimport { ToggleGroup } from '@base-ui/react/toggle-group';\nimport { cn } from '../../utils/cn';\n\nexport const ToggleGroupRoot = React.forwardRef<\n    HTMLDivElement,\n    React.ComponentPropsWithoutRef<typeof ToggleGroup>\n>(({ className, ...props }, ref) => (\n    <ToggleGroup\n        ref={ref}\n        className={cn(\n            'flex items-center gap-0.5 rounded-md border border-kraft/15 bg-surface p-0.5',\n            className\n        )}\n        {...props}\n    />\n));\nToggleGroupRoot.displayName = 'ToggleGroupRoot';\n"
+  ],
+  "mappings": ";;;;;AAAA;AACA;;AAGO,IAAM,kBAAwB,iBAGnC,GAAG,cAAc,SAAS,wBACxB,IAAC,aAAD;AAAA,EACI;AAAA,EACA,WAAW,GACP,gFACA,SACJ;AAAA,KACI;AAAA,CACR,CACH;AACD,gBAAgB,cAAc;",
+  "debugId": "8A7BD1E88A85E29664756E2164756E21",
+  "names": []
+}

package/dist/components/Toolbar/Toolbar.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+export declare const ToolbarGroup: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ToolbarGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const ToolbarRoot: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ToolbarRootProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const ToolbarButton: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ToolbarButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const ToolbarLink: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ToolbarLinkProps, "ref"> & React.RefAttributes<HTMLAnchorElement>, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
+export declare const ToolbarSeparator: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ToolbarSeparatorProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const ToolbarInput: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ToolbarInputProps, "ref"> & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;

package/dist/components/Toolbar/Toolbar.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const Basic: Story;
+export declare const WithInput: Story;
+export declare const WithDisabled: Story;

package/dist/components/Toolbar/index.d.ts

@@ -0,0 +1 @@
+export { ToolbarRoot, ToolbarButton, ToolbarLink, ToolbarSeparator, ToolbarGroup, ToolbarInput } from './Toolbar';