rivet-ui 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Seth Davis
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,120 @@
+# Rivet UI
+
+[![npm version](https://img.shields.io/npm/v/rivet-ui)](https://www.npmjs.com/package/rivet-ui)
+[![license](https://img.shields.io/npm/l/rivet-ui)](./LICENSE)
+
+A React 19 component library built with TypeScript, Tailwind CSS 4, and CVA (Class Variance Authority). Publishes ESM-only to npm with full type declarations.
+
+![Storybook user interface](./storybook-example.png)
+
+## Installation
+
+```bash
+bun install rivet-ui
+```
+
+Peer dependencies: `react`, `react-dom`, and `typescript`.
+
+## Usage
+
+Import components and the required stylesheet:
+
+```tsx
+import "rivet-ui/styles";
+import { Button } from "rivet-ui";
+```
+
+Subpath imports are available for tree-shaking:
+
+```tsx
+import { Button } from "rivet-ui/button";
+```
+
+## Theming
+
+All design tokens are CSS custom properties, so you can override them in your own stylesheet:
+
+```css
+:root {
+  --color-ribbon: oklch(58% 0.10 185);
+  --color-mustard: oklch(72% 0.12 75);
+  --color-kraft: oklch(35% 0.04 55);
+  --color-denim: oklch(45% 0.12 250);
+  --color-canvas: oklch(95% 0.01 75);
+  --color-spool: oklch(55% 0.15 25);
+  --color-surface: #fdfbf7;
+  --font-display: 'Inter', sans-serif;
+}
+```
+
+### Available tokens
+
+| Token | Default (light) | Description |
+| --- | --- | --- |
+| `--color-ribbon` | `oklch(58% 0.10 185)` | Muted teal — focus rings, links |
+| `--color-mustard` | `oklch(72% 0.12 75)` | Warm ochre — warning states |
+| `--color-kraft` | `oklch(35% 0.04 55)` | Warm brown — text/borders |
+| `--color-denim` | `oklch(45% 0.12 250)` | Muted navy — primary actions |
+| `--color-canvas` | `oklch(95% 0.01 75)` | Warm cream — neutral backgrounds |
+| `--color-spool` | `oklch(55% 0.15 25)` | Terracotta — destructive/error |
+| `--color-surface` | `#fdfbf7` | Page/card background |
+| `--font-display` | `'Lora', Georgia, serif` | Heading/display font |
+
+Dark mode tokens are automatically redefined when the `.dark` class is applied.
+
+### Fonts
+
+The display font (Lora) is **not** loaded automatically. To use it, either:
+
+```css
+@import 'rivet-ui/fonts';
+```
+
+Or add a `<link>` tag to your HTML, or override `--font-display` with your own font.
+
+### Variant utilities
+
+CVA variant configs are exported so you can apply library styles to custom elements:
+
+```tsx
+import { buttonVariants } from 'rivet-ui';
+
+<a href="/login" className={buttonVariants({ variant: 'primary', size: 'lg' })}>
+  Log in
+</a>
+```
+
+The `cva` function and `VariantProps` type are also re-exported for building your own variant-driven components:
+
+```tsx
+import { cva, type VariantProps, cn } from 'rivet-ui';
+```
+
+## Development
+
+```bash
+bun install              # Install dependencies
+bun run build            # Build library (Bun.build + tsc declarations)
+bun run dev              # Build in watch mode
+bun run storybook        # Start Storybook dev server on port 6006
+bun run build-storybook  # Build static Storybook
+bun run typecheck        # Type-check without emitting
+```
+
+## Architecture
+
+Each component lives in `src/components/<Name>/` with three files:
+
+- `<Name>.tsx` — implementation using CVA for variants + `cn()` for class merging
+- `<Name>.stories.tsx` — Storybook stories with interactive `play` tests
+- `index.ts` — barrel export
+
+Styling uses Tailwind CSS 4 with CSS custom properties in oklch color space. Consumers must import `rivet-ui/styles` for Tailwind classes to work.
+
+## Contributing
+
+See [CONTRIBUTING.md](./CONTRIBUTING.md) for guidelines on how to get started.
+
+## License
+
+[MIT](./LICENSE)

package/dist/chunk-fjtwj9cw.js

@@ -0,0 +1,79 @@
+import {
+  clsx
+} from "./utils/cn.js";
+
+// node_modules/cva/dist/index.mjs
+var falsyToString = (value) => typeof value === "boolean" ? `${value}` : value === 0 ? "0" : value;
+var defineConfig = (options) => {
+  const cx = function() {
+    for (var _len = arguments.length, inputs = new Array(_len), _key = 0;_key < _len; _key++) {
+      inputs[_key] = arguments[_key];
+    }
+    var _options_hooks, _options_hooks1;
+    if (typeof (options === null || options === undefined ? undefined : (_options_hooks = options.hooks) === null || _options_hooks === undefined ? undefined : _options_hooks["cx:done"]) !== "undefined")
+      return options === null || options === undefined ? undefined : options.hooks["cx:done"](clsx(inputs));
+    if (typeof (options === null || options === undefined ? undefined : (_options_hooks1 = options.hooks) === null || _options_hooks1 === undefined ? undefined : _options_hooks1.onComplete) !== "undefined")
+      return options === null || options === undefined ? undefined : options.hooks.onComplete(clsx(inputs));
+    return clsx(inputs);
+  };
+  const cva = (config) => (props) => {
+    var _config_compoundVariants;
+    if ((config === null || config === undefined ? undefined : config.variants) == null)
+      return cx(config === null || config === undefined ? undefined : config.base, props === null || props === undefined ? undefined : props.class, props === null || props === undefined ? undefined : props.className);
+    const { variants, defaultVariants } = config;
+    const getVariantClassNames = Object.keys(variants).map((variant) => {
+      const variantProp = props === null || props === undefined ? undefined : props[variant];
+      const defaultVariantProp = defaultVariants === null || defaultVariants === undefined ? undefined : defaultVariants[variant];
+      const variantKey = falsyToString(variantProp) || falsyToString(defaultVariantProp);
+      return variants[variant][variantKey];
+    });
+    const defaultsAndProps = {
+      ...defaultVariants,
+      ...props && Object.entries(props).reduce((acc, param) => {
+        let [key, value] = param;
+        return typeof value === "undefined" ? acc : {
+          ...acc,
+          [key]: value
+        };
+      }, {})
+    };
+    const getCompoundVariantClassNames = config === null || config === undefined ? undefined : (_config_compoundVariants = config.compoundVariants) === null || _config_compoundVariants === undefined ? undefined : _config_compoundVariants.reduce((acc, param) => {
+      let { class: cvClass, className: cvClassName, ...cvConfig } = param;
+      return Object.entries(cvConfig).every((param2) => {
+        let [cvKey, cvSelector] = param2;
+        const selector = defaultsAndProps[cvKey];
+        return Array.isArray(cvSelector) ? cvSelector.includes(selector) : selector === cvSelector;
+      }) ? [
+        ...acc,
+        cvClass,
+        cvClassName
+      ] : acc;
+    }, []);
+    return cx(config === null || config === undefined ? undefined : config.base, getVariantClassNames, getCompoundVariantClassNames, props === null || props === undefined ? undefined : props.class, props === null || props === undefined ? undefined : props.className);
+  };
+  const compose = function() {
+    for (var _len = arguments.length, components = new Array(_len), _key = 0;_key < _len; _key++) {
+      components[_key] = arguments[_key];
+    }
+    return (props) => {
+      const propsWithoutClass = Object.fromEntries(Object.entries(props || {}).filter((param) => {
+        let [key] = param;
+        return ![
+          "class",
+          "className"
+        ].includes(key);
+      }));
+      return cx(components.map((component) => component(propsWithoutClass)), props === null || props === undefined ? undefined : props.class, props === null || props === undefined ? undefined : props.className);
+    };
+  };
+  return {
+    compose,
+    cva,
+    cx
+  };
+};
+var { compose, cva, cx } = defineConfig();
+
+export { cva };
+
+//# debugId=E5C08F9958A5254164756E2164756E21

package/dist/chunk-fjtwj9cw.js.map

@@ -0,0 +1,10 @@
+{
+  "version": 3,
+  "sources": ["../node_modules/cva/dist/index.mjs"],
+  "sourcesContent": [
+    "/**\n * Copyright 2022 Joe Bell. All rights reserved.\n *\n * This file is licensed to you under the Apache License, Version 2.0\n * (the \"License\"); you may not use this file except in compliance with the\n * License. You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR REPRESENTATIONS OF ANY KIND, either express or implied. See the\n * License for the specific language governing permissions and limitations under\n * the License.\n */ import { clsx } from \"clsx\";\n/* Exports\n  ============================================ */ const falsyToString = (value)=>typeof value === \"boolean\" ? `${value}` : value === 0 ? \"0\" : value;\nexport const defineConfig = (options)=>{\n    const cx = function() {\n        for(var _len = arguments.length, inputs = new Array(_len), _key = 0; _key < _len; _key++){\n            inputs[_key] = arguments[_key];\n        }\n        var _options_hooks, _options_hooks1;\n        if (typeof (options === null || options === void 0 ? void 0 : (_options_hooks = options.hooks) === null || _options_hooks === void 0 ? void 0 : _options_hooks[\"cx:done\"]) !== \"undefined\") return options === null || options === void 0 ? void 0 : options.hooks[\"cx:done\"](clsx(inputs));\n        if (typeof (options === null || options === void 0 ? void 0 : (_options_hooks1 = options.hooks) === null || _options_hooks1 === void 0 ? void 0 : _options_hooks1.onComplete) !== \"undefined\") return options === null || options === void 0 ? void 0 : options.hooks.onComplete(clsx(inputs));\n        return clsx(inputs);\n    };\n    const cva = (config)=>(props)=>{\n            var _config_compoundVariants;\n            if ((config === null || config === void 0 ? void 0 : config.variants) == null) return cx(config === null || config === void 0 ? void 0 : config.base, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);\n            const { variants, defaultVariants } = config;\n            const getVariantClassNames = Object.keys(variants).map((variant)=>{\n                const variantProp = props === null || props === void 0 ? void 0 : props[variant];\n                const defaultVariantProp = defaultVariants === null || defaultVariants === void 0 ? void 0 : defaultVariants[variant];\n                const variantKey = falsyToString(variantProp) || falsyToString(defaultVariantProp);\n                return variants[variant][variantKey];\n            });\n            const defaultsAndProps = {\n                ...defaultVariants,\n                // remove `undefined` props\n                ...props && Object.entries(props).reduce((acc, param)=>{\n                    let [key, value] = param;\n                    return typeof value === \"undefined\" ? acc : {\n                        ...acc,\n                        [key]: value\n                    };\n                }, {})\n            };\n            const getCompoundVariantClassNames = config === null || config === void 0 ? void 0 : (_config_compoundVariants = config.compoundVariants) === null || _config_compoundVariants === void 0 ? void 0 : _config_compoundVariants.reduce((acc, param)=>{\n                let { class: cvClass, className: cvClassName, ...cvConfig } = param;\n                return Object.entries(cvConfig).every((param)=>{\n                    let [cvKey, cvSelector] = param;\n                    const selector = defaultsAndProps[cvKey];\n                    return Array.isArray(cvSelector) ? cvSelector.includes(selector) : selector === cvSelector;\n                }) ? [\n                    ...acc,\n                    cvClass,\n                    cvClassName\n                ] : acc;\n            }, []);\n            return cx(config === null || config === void 0 ? void 0 : config.base, getVariantClassNames, getCompoundVariantClassNames, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);\n        };\n    const compose = function() {\n        for(var _len = arguments.length, components = new Array(_len), _key = 0; _key < _len; _key++){\n            components[_key] = arguments[_key];\n        }\n        return (props)=>{\n            const propsWithoutClass = Object.fromEntries(Object.entries(props || {}).filter((param)=>{\n                let [key] = param;\n                return ![\n                    \"class\",\n                    \"className\"\n                ].includes(key);\n            }));\n            return cx(components.map((component)=>component(propsWithoutClass)), props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);\n        };\n    };\n    return {\n        compose,\n        cva,\n        cx\n    };\n};\nexport const { compose, cva, cx } = defineConfig();\n\n\n//# sourceMappingURL=index.mjs.map"
+  ],
+  "mappings": "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",
+  "debugId": "E5C08F9958A5254164756E2164756E21",
+  "names": []
+}

package/dist/components/Accordion/Accordion.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { Accordion } from '@base-ui/react/accordion';
+export declare const AccordionRoot: React.ForwardRefExoticComponent<Omit<Accordion.Root.Props<unknown>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const AccordionItem: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AccordionItemProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const AccordionHeader: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AccordionHeaderProps, "ref"> & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+export declare const AccordionTrigger: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AccordionTriggerProps, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const AccordionPanel: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AccordionPanelProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,10 @@
+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 DefaultOpen: Story;
+export declare const MultipleOpen: Story;

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

@@ -0,0 +1 @@
+export { AccordionRoot, AccordionItem, AccordionHeader, AccordionTrigger, AccordionPanel } from './Accordion';

package/dist/components/Accordion/index.js

@@ -0,0 +1,62 @@
+import {
+  cn
+} from "../../utils/cn.js";
+
+// src/components/Accordion/Accordion.tsx
+import * as React from "react";
+import { Accordion } from "@base-ui/react/accordion";
+import { jsx, jsxs } from "react/jsx-runtime";
+var AccordionRoot = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(Accordion.Root, {
+  ref,
+  className: cn("w-full", className),
+  ...props
+}));
+AccordionRoot.displayName = "AccordionRoot";
+var AccordionItem = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(Accordion.Item, {
+  ref,
+  className: cn("border-b border-kraft/15", className),
+  ...props
+}));
+AccordionItem.displayName = "AccordionItem";
+var AccordionHeader = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(Accordion.Header, {
+  ref,
+  className: cn("m-0 flex", className),
+  ...props
+}));
+AccordionHeader.displayName = "AccordionHeader";
+var AccordionTrigger = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(Accordion.Trigger, {
+  ref,
+  className: cn("group flex w-full items-center justify-between py-3 text-left text-sm font-medium text-kraft transition-colors hover:text-kraft/80 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ribbon focus-visible:ring-inset data-disabled:pointer-events-none data-disabled:opacity-40", className),
+  ...props,
+  children: [
+    children,
+    /* @__PURE__ */ jsx("svg", {
+      className: "size-4 shrink-0 text-kraft/50 transition-transform duration-200 ease-out group-data-panel-open:rotate-180",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 2,
+      "aria-hidden": true,
+      children: /* @__PURE__ */ jsx("path", {
+        d: "m6 9 6 6 6-6"
+      })
+    })
+  ]
+}));
+AccordionTrigger.displayName = "AccordionTrigger";
+var AccordionPanel = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(Accordion.Panel, {
+  ref,
+  className: cn("h-[var(--accordion-panel-height)] overflow-hidden text-sm text-kraft/70 transition-[height] duration-200 ease-out data-ending-style:h-0 data-starting-style:h-0", className),
+  ...props
+}));
+AccordionPanel.displayName = "AccordionPanel";
+export {
+  AccordionTrigger,
+  AccordionRoot,
+  AccordionPanel,
+  AccordionItem,
+  AccordionHeader
+};
+export { AccordionRoot, AccordionItem, AccordionHeader, AccordionTrigger, AccordionPanel };
+
+//# debugId=36F35BCCCB96B5EA64756E2164756E21

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

@@ -0,0 +1,10 @@
+{
+  "version": 3,
+  "sources": ["../src/components/Accordion/Accordion.tsx"],
+  "sourcesContent": [
+    "import * as React from 'react';\nimport { Accordion } from '@base-ui/react/accordion';\nimport { cn } from '../../utils/cn';\n\nexport const AccordionRoot = React.forwardRef<\n    HTMLDivElement,\n    React.ComponentPropsWithoutRef<typeof Accordion.Root>\n>(({ className, ...props }, ref) => (\n    <Accordion.Root ref={ref} className={cn('w-full', className)} {...props} />\n));\nAccordionRoot.displayName = 'AccordionRoot';\n\nexport const AccordionItem = React.forwardRef<\n    HTMLDivElement,\n    React.ComponentPropsWithoutRef<typeof Accordion.Item>\n>(({ className, ...props }, ref) => (\n    <Accordion.Item\n        ref={ref}\n        className={cn('border-b border-kraft/15', className)}\n        {...props}\n    />\n));\nAccordionItem.displayName = 'AccordionItem';\n\nexport const AccordionHeader = React.forwardRef<\n    HTMLHeadingElement,\n    React.ComponentPropsWithoutRef<typeof Accordion.Header>\n>(({ className, ...props }, ref) => (\n    <Accordion.Header\n        ref={ref}\n        className={cn('m-0 flex', className)}\n        {...props}\n    />\n));\nAccordionHeader.displayName = 'AccordionHeader';\n\nexport const AccordionTrigger = React.forwardRef<\n    HTMLButtonElement,\n    React.ComponentPropsWithoutRef<typeof Accordion.Trigger>\n>(({ className, children, ...props }, ref) => (\n    <Accordion.Trigger\n        ref={ref}\n        className={cn(\n            'group flex w-full items-center justify-between py-3 text-left text-sm font-medium text-kraft transition-colors hover:text-kraft/80 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ribbon focus-visible:ring-inset data-disabled:pointer-events-none data-disabled:opacity-40',\n            className\n        )}\n        {...props}\n    >\n        {children}\n        <svg\n            className=\"size-4 shrink-0 text-kraft/50 transition-transform duration-200 ease-out group-data-panel-open:rotate-180\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            strokeWidth={2}\n            aria-hidden\n        >\n            <path d=\"m6 9 6 6 6-6\" />\n        </svg>\n    </Accordion.Trigger>\n));\nAccordionTrigger.displayName = 'AccordionTrigger';\n\nexport const AccordionPanel = React.forwardRef<\n    HTMLDivElement,\n    React.ComponentPropsWithoutRef<typeof Accordion.Panel>\n>(({ className, ...props }, ref) => (\n    <Accordion.Panel\n        ref={ref}\n        className={cn(\n            'h-[var(--accordion-panel-height)] overflow-hidden text-sm text-kraft/70 transition-[height] duration-200 ease-out data-ending-style:h-0 data-starting-style:h-0',\n            className\n        )}\n        {...props}\n    />\n));\nAccordionPanel.displayName = 'AccordionPanel';\n"
+  ],
+  "mappings": ";;;;;AAAA;AACA;;AAGO,IAAM,gBAAsB,iBAGjC,GAAG,cAAc,SAAS,wBACxB,IAAC,UAAU,MAAX;AAAA,EAAgB;AAAA,EAAU,WAAW,GAAG,UAAU,SAAS;AAAA,KAAO;AAAA,CAAO,CAC5E;AACD,cAAc,cAAc;AAErB,IAAM,gBAAsB,iBAGjC,GAAG,cAAc,SAAS,wBACxB,IAAC,UAAU,MAAX;AAAA,EACI;AAAA,EACA,WAAW,GAAG,4BAA4B,SAAS;AAAA,KAC/C;AAAA,CACR,CACH;AACD,cAAc,cAAc;AAErB,IAAM,kBAAwB,iBAGnC,GAAG,cAAc,SAAS,wBACxB,IAAC,UAAU,QAAX;AAAA,EACI;AAAA,EACA,WAAW,GAAG,YAAY,SAAS;AAAA,KAC/B;AAAA,CACR,CACH;AACD,gBAAgB,cAAc;AAEvB,IAAM,mBAAyB,iBAGpC,GAAG,WAAW,aAAa,SAAS,wBAClC,KAmBE,UAAU,SAnBZ;AAAA,EACI;AAAA,EACA,WAAW,GACP,oSACA,SACJ;AAAA,KACI;AAAA,EANR,UAmBE;AAAA,IAXG;AAAA,oBACD,IASE,OATF;AAAA,MACI,WAAU;AAAA,MACV,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,QAAO;AAAA,MACP,aAAa;AAAA,MACb,eAAW;AAAA,MANf,0BAQI,IAAC,QAAD;AAAA,QAAM,GAAE;AAAA,OAAe;AAAA,KACzB;AAAA;AAAA,CACJ,CACL;AACD,iBAAiB,cAAc;AAExB,IAAM,iBAAuB,iBAGlC,GAAG,cAAc,SAAS,wBACxB,IAAC,UAAU,OAAX;AAAA,EACI;AAAA,EACA,WAAW,GACP,mKACA,SACJ;AAAA,KACI;AAAA,CACR,CACH;AACD,eAAe,cAAc;",
+  "debugId": "36F35BCCCB96B5EA64756E2164756E21",
+  "names": []
+}

package/dist/components/Alert/Alert.d.ts

@@ -0,0 +1,15 @@
+import { type VariantProps } from 'cva';
+export declare const alertVariants: (props?: ({
+    variant?: "default" | "error" | "info" | "warning" | undefined;
+} & ({
+    class?: import("cva").ClassValue;
+    className?: never;
+} | {
+    class?: never;
+    className?: import("cva").ClassValue;
+})) | undefined) => string;
+export interface AlertProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof alertVariants> {
+}
+export declare function Alert({ className, variant, ...props }: AlertProps): import("react/jsx-runtime").JSX.Element;
+export declare function AlertTitle({ className, ...props }: React.HTMLAttributes<HTMLHeadingElement>): import("react/jsx-runtime").JSX.Element;
+export declare function AlertDescription({ className, ...props }: React.HTMLAttributes<HTMLParagraphElement>): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,23 @@
+import type { StoryObj } from '@storybook/react-vite';
+import { Alert } from './Alert';
+declare const meta: {
+    title: string;
+    component: typeof Alert;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        variant: {
+            control: "select";
+            options: string[];
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Info: Story;
+export declare const Warning: Story;
+export declare const Error: Story;
+export declare const AllVariants: Story;

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

@@ -0,0 +1,2 @@
+export { Alert, AlertTitle, AlertDescription, alertVariants } from './Alert';
+export type { AlertProps } from './Alert';

package/dist/components/Alert/index.js

@@ -0,0 +1,57 @@
+import {
+  cva
+} from "../../chunk-fjtwj9cw.js";
+import {
+  cn
+} from "../../utils/cn.js";
+
+// src/components/Alert/Alert.tsx
+import { jsx } from "react/jsx-runtime";
+var alertVariants = cva({
+  base: "relative w-full rounded-lg border-l-4 p-4",
+  variants: {
+    variant: {
+      info: "border-l-ribbon bg-ribbon/6 text-kraft dark:bg-ribbon/12 dark:text-ribbon",
+      warning: "border-l-mustard bg-mustard/6 text-kraft dark:bg-mustard/12 dark:text-mustard",
+      error: "border-l-spool bg-spool/6 text-kraft dark:bg-spool/12 dark:text-spool",
+      default: "border-l-kraft bg-canvas text-kraft"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
+function Alert({ className, variant, ...props }) {
+  return /* @__PURE__ */ jsx("div", {
+    role: "alert",
+    className: cn(alertVariants({ variant }), className),
+    ...props
+  });
+}
+function AlertTitle({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx("h5", {
+    className: cn("mb-1 font-semibold leading-none tracking-tight", className),
+    ...props
+  });
+}
+function AlertDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx("p", {
+    className: cn("text-sm opacity-90", className),
+    ...props
+  });
+}
+export {
+  alertVariants,
+  AlertTitle,
+  AlertDescription,
+  Alert
+};
+export { alertVariants, Alert, AlertTitle, AlertDescription };
+
+//# debugId=DEA2B63F05ED773A64756E2164756E21

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

@@ -0,0 +1,10 @@
+{
+  "version": 3,
+  "sources": ["../src/components/Alert/Alert.tsx"],
+  "sourcesContent": [
+    "import { cva, type VariantProps } from 'cva';\nimport { cn } from '../../utils/cn';\n\nexport const alertVariants = cva({\n    base: 'relative w-full rounded-lg border-l-4 p-4',\n    variants: {\n        variant: {\n            info: 'border-l-ribbon bg-ribbon/6 text-kraft dark:bg-ribbon/12 dark:text-ribbon',\n            warning: 'border-l-mustard bg-mustard/6 text-kraft dark:bg-mustard/12 dark:text-mustard',\n            error: 'border-l-spool bg-spool/6 text-kraft dark:bg-spool/12 dark:text-spool',\n            default: 'border-l-kraft bg-canvas text-kraft'\n        }\n    },\n    defaultVariants: {\n        variant: 'default'\n    }\n});\n\nexport interface AlertProps\n    extends\n        React.HTMLAttributes<HTMLDivElement>,\n        VariantProps<typeof alertVariants> {}\n\nexport function Alert({ className, variant, ...props }: AlertProps) {\n    return (\n        <div\n            role=\"alert\"\n            className={cn(alertVariants({ variant }), className)}\n            {...props}\n        />\n    );\n}\n\nexport function AlertTitle({\n    className,\n    ...props\n}: React.HTMLAttributes<HTMLHeadingElement>) {\n    return (\n        <h5\n            className={cn(\n                'mb-1 font-semibold leading-none tracking-tight',\n                className\n            )}\n            {...props}\n        />\n    );\n}\n\nexport function AlertDescription({\n    className,\n    ...props\n}: React.HTMLAttributes<HTMLParagraphElement>) {\n    return <p className={cn('text-sm opacity-90', className)} {...props} />;\n}\n"
+  ],
+  "mappings": ";;;;;;;;;AAGO,IAAM,gBAAgB,IAAI;AAAA,EAC7B,MAAM;AAAA,EACN,UAAU;AAAA,IACN,SAAS;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,MACT,OAAO;AAAA,MACP,SAAS;AAAA,IACb;AAAA,EACJ;AAAA,EACA,iBAAiB;AAAA,IACb,SAAS;AAAA,EACb;AACJ,CAAC;AAOM,SAAS,KAAK,GAAG,WAAW,YAAY,SAAqB;AAAA,EAChE,uBACI,IAAC,OAAD;AAAA,IACI,MAAK;AAAA,IACL,WAAW,GAAG,cAAc,EAAE,QAAQ,CAAC,GAAG,SAAS;AAAA,OAC/C;AAAA,GACR;AAAA;AAID,SAAS,UAAU;AAAA,EACtB;AAAA,KACG;AAAA,GACsC;AAAA,EACzC,uBACI,IAAC,MAAD;AAAA,IACI,WAAW,GACP,kDACA,SACJ;AAAA,OACI;AAAA,GACR;AAAA;AAID,SAAS,gBAAgB;AAAA,EAC5B;AAAA,KACG;AAAA,GACwC;AAAA,EAC3C,uBAAO,IAAC,KAAD;AAAA,IAAG,WAAW,GAAG,sBAAsB,SAAS;AAAA,OAAO;AAAA,GAAO;AAAA;",
+  "debugId": "DEA2B63F05ED773A64756E2164756E21",
+  "names": []
+}

package/dist/components/AlertDialog/AlertDialog.d.ts

@@ -0,0 +1,11 @@
+import { AlertDialog as BaseAlertDialog } from '@base-ui/react/alert-dialog';
+import React from 'react';
+export declare const AlertDialogRoot: typeof BaseAlertDialog.Root;
+export declare const AlertDialogPortal: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").DialogPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const AlertDialogBackdrop: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").DialogBackdropProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const AlertDialogViewport: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").DialogViewportProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const AlertDialogPopup: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").DialogPopupProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const AlertDialogTitle: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").DialogTitleProps, "ref"> & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+export declare const AlertDialogDescription: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").DialogDescriptionProps, "ref"> & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+export declare const AlertDialogClose: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").DialogCloseProps, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const AlertDialogTrigger: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").DialogTriggerProps<unknown> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;

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

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

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

@@ -0,0 +1 @@
+export { AlertDialogRoot, AlertDialogPortal, AlertDialogBackdrop, AlertDialogViewport, AlertDialogPopup, AlertDialogTitle, AlertDialogDescription, AlertDialogClose, AlertDialogTrigger } from './AlertDialog';

package/dist/components/AlertDialog/index.js

@@ -0,0 +1,66 @@
+import {
+  cn
+} from "../../utils/cn.js";
+
+// src/components/AlertDialog/AlertDialog.tsx
+import { AlertDialog as BaseAlertDialog } from "@base-ui/react/alert-dialog";
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+var AlertDialogRoot = BaseAlertDialog.Root;
+var AlertDialogPortal = BaseAlertDialog.Portal;
+var AlertDialogBackdrop = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(BaseAlertDialog.Backdrop, {
+  ref,
+  className: cn("fixed inset-0 z-50 min-h-dvh bg-black/40 transition-all duration-150 data-ending-style:opacity-0 data-starting-style:opacity-0 supports-[-webkit-touch-callout:none]:absolute", className),
+  ...props
+}));
+AlertDialogBackdrop.displayName = "AlertDialogBackdrop";
+var AlertDialogViewport = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(BaseAlertDialog.Viewport, {
+  ref,
+  className: cn("fixed inset-0 z-50 flex items-center justify-center p-4", className),
+  ...props
+}));
+AlertDialogViewport.displayName = "AlertDialogViewport";
+var AlertDialogPopup = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(BaseAlertDialog.Popup, {
+  ref,
+  className: cn("w-full max-w-md rounded-xl border border-kraft/15 bg-surface p-6 text-kraft shadow-xl transition-all duration-150 data-ending-style:scale-95 data-ending-style:opacity-0 data-starting-style:scale-95 data-starting-style:opacity-0", className),
+  ...props
+}));
+AlertDialogPopup.displayName = "AlertDialogPopup";
+var AlertDialogTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(BaseAlertDialog.Title, {
+  ref,
+  className: cn("mb-1 text-lg font-semibold text-kraft", className),
+  ...props
+}));
+AlertDialogTitle.displayName = "AlertDialogTitle";
+var AlertDialogDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(BaseAlertDialog.Description, {
+  ref,
+  className: cn("mb-6 text-sm text-kraft/60", className),
+  ...props
+}));
+AlertDialogDescription.displayName = "AlertDialogDescription";
+var AlertDialogClose = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(BaseAlertDialog.Close, {
+  ref,
+  className: cn("inline-flex h-9 items-center justify-center rounded-lg border border-kraft/25 bg-surface px-4 text-sm font-medium text-kraft transition-colors select-none hover:bg-canvas focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ribbon focus-visible:ring-offset-2", className),
+  ...props
+}));
+AlertDialogClose.displayName = "AlertDialogClose";
+var AlertDialogTrigger = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(BaseAlertDialog.Trigger, {
+  ref,
+  className: cn("inline-flex h-9 items-center justify-center rounded-lg border border-spool/40 bg-surface px-4 text-sm font-medium text-spool transition-colors select-none hover:bg-spool/5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-spool focus-visible:ring-offset-2", className),
+  ...props
+}));
+AlertDialogTrigger.displayName = "AlertDialogTrigger";
+export {
+  AlertDialogViewport,
+  AlertDialogTrigger,
+  AlertDialogTitle,
+  AlertDialogRoot,
+  AlertDialogPortal,
+  AlertDialogPopup,
+  AlertDialogDescription,
+  AlertDialogClose,
+  AlertDialogBackdrop
+};
+export { AlertDialogRoot, AlertDialogPortal, AlertDialogBackdrop, AlertDialogViewport, AlertDialogPopup, AlertDialogTitle, AlertDialogDescription, AlertDialogClose, AlertDialogTrigger };
+
+//# debugId=FDE3F3E4FDB9F11164756E2164756E21

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

@@ -0,0 +1,10 @@
+{
+  "version": 3,
+  "sources": ["../src/components/AlertDialog/AlertDialog.tsx"],
+  "sourcesContent": [
+    "import { AlertDialog as BaseAlertDialog } from '@base-ui/react/alert-dialog';\nimport React from 'react';\nimport { cn } from '../../utils/cn';\n\nexport const AlertDialogRoot = BaseAlertDialog.Root;\nexport const AlertDialogPortal = BaseAlertDialog.Portal;\n\nexport const AlertDialogBackdrop = React.forwardRef<\n    HTMLDivElement,\n    React.ComponentPropsWithoutRef<typeof BaseAlertDialog.Backdrop>\n>(({ className, ...props }, ref) => (\n    <BaseAlertDialog.Backdrop\n        ref={ref}\n        className={cn(\n            'fixed inset-0 z-50 min-h-dvh bg-black/40 transition-all duration-150 data-ending-style:opacity-0 data-starting-style:opacity-0 supports-[-webkit-touch-callout:none]:absolute',\n            className\n        )}\n        {...props}\n    />\n));\nAlertDialogBackdrop.displayName = 'AlertDialogBackdrop';\n\nexport const AlertDialogViewport = React.forwardRef<\n    HTMLDivElement,\n    React.ComponentPropsWithoutRef<typeof BaseAlertDialog.Viewport>\n>(({ className, ...props }, ref) => (\n    <BaseAlertDialog.Viewport\n        ref={ref}\n        className={cn(\n            'fixed inset-0 z-50 flex items-center justify-center p-4',\n            className\n        )}\n        {...props}\n    />\n));\nAlertDialogViewport.displayName = 'AlertDialogViewport';\n\nexport const AlertDialogPopup = React.forwardRef<\n    HTMLDivElement,\n    React.ComponentPropsWithoutRef<typeof BaseAlertDialog.Popup>\n>(({ className, ...props }, ref) => (\n    <BaseAlertDialog.Popup\n        ref={ref}\n        className={cn(\n            'w-full max-w-md rounded-xl border border-kraft/15 bg-surface p-6 text-kraft shadow-xl transition-all duration-150 data-ending-style:scale-95 data-ending-style:opacity-0 data-starting-style:scale-95 data-starting-style:opacity-0',\n            className\n        )}\n        {...props}\n    />\n));\nAlertDialogPopup.displayName = 'AlertDialogPopup';\n\nexport const AlertDialogTitle = React.forwardRef<\n    HTMLHeadingElement,\n    React.ComponentPropsWithoutRef<typeof BaseAlertDialog.Title>\n>(({ className, ...props }, ref) => (\n    <BaseAlertDialog.Title\n        ref={ref}\n        className={cn('mb-1 text-lg font-semibold text-kraft', className)}\n        {...props}\n    />\n));\nAlertDialogTitle.displayName = 'AlertDialogTitle';\n\nexport const AlertDialogDescription = React.forwardRef<\n    HTMLParagraphElement,\n    React.ComponentPropsWithoutRef<typeof BaseAlertDialog.Description>\n>(({ className, ...props }, ref) => (\n    <BaseAlertDialog.Description\n        ref={ref}\n        className={cn('mb-6 text-sm text-kraft/60', className)}\n        {...props}\n    />\n));\nAlertDialogDescription.displayName = 'AlertDialogDescription';\n\nexport const AlertDialogClose = React.forwardRef<\n    HTMLButtonElement,\n    React.ComponentPropsWithoutRef<typeof BaseAlertDialog.Close>\n>(({ className, ...props }, ref) => (\n    <BaseAlertDialog.Close\n        ref={ref}\n        className={cn(\n            'inline-flex h-9 items-center justify-center rounded-lg border border-kraft/25 bg-surface px-4 text-sm font-medium text-kraft transition-colors select-none hover:bg-canvas focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ribbon focus-visible:ring-offset-2',\n            className\n        )}\n        {...props}\n    />\n));\nAlertDialogClose.displayName = 'AlertDialogClose';\n\nexport const AlertDialogTrigger = React.forwardRef<\n    HTMLButtonElement,\n    React.ComponentPropsWithoutRef<typeof BaseAlertDialog.Trigger>\n>(({ className, ...props }, ref) => (\n    <BaseAlertDialog.Trigger\n        ref={ref}\n        className={cn(\n            'inline-flex h-9 items-center justify-center rounded-lg border border-spool/40 bg-surface px-4 text-sm font-medium text-spool transition-colors select-none hover:bg-spool/5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-spool focus-visible:ring-offset-2',\n            className\n        )}\n        {...props}\n    />\n));\nAlertDialogTrigger.displayName = 'AlertDialogTrigger';\n"
+  ],
+  "mappings": ";;;;;AAAA,wBAAS;AACT;;AAGO,IAAM,kBAAkB,gBAAgB;AACxC,IAAM,oBAAoB,gBAAgB;AAE1C,IAAM,sBAAsB,MAAM,WAGvC,GAAG,cAAc,SAAS,wBACxB,IAAC,gBAAgB,UAAjB;AAAA,EACI;AAAA,EACA,WAAW,GACP,iLACA,SACJ;AAAA,KACI;AAAA,CACR,CACH;AACD,oBAAoB,cAAc;AAE3B,IAAM,sBAAsB,MAAM,WAGvC,GAAG,cAAc,SAAS,wBACxB,IAAC,gBAAgB,UAAjB;AAAA,EACI;AAAA,EACA,WAAW,GACP,2DACA,SACJ;AAAA,KACI;AAAA,CACR,CACH;AACD,oBAAoB,cAAc;AAE3B,IAAM,mBAAmB,MAAM,WAGpC,GAAG,cAAc,SAAS,wBACxB,IAAC,gBAAgB,OAAjB;AAAA,EACI;AAAA,EACA,WAAW,GACP,uOACA,SACJ;AAAA,KACI;AAAA,CACR,CACH;AACD,iBAAiB,cAAc;AAExB,IAAM,mBAAmB,MAAM,WAGpC,GAAG,cAAc,SAAS,wBACxB,IAAC,gBAAgB,OAAjB;AAAA,EACI;AAAA,EACA,WAAW,GAAG,yCAAyC,SAAS;AAAA,KAC5D;AAAA,CACR,CACH;AACD,iBAAiB,cAAc;AAExB,IAAM,yBAAyB,MAAM,WAG1C,GAAG,cAAc,SAAS,wBACxB,IAAC,gBAAgB,aAAjB;AAAA,EACI;AAAA,EACA,WAAW,GAAG,8BAA8B,SAAS;AAAA,KACjD;AAAA,CACR,CACH;AACD,uBAAuB,cAAc;AAE9B,IAAM,mBAAmB,MAAM,WAGpC,GAAG,cAAc,SAAS,wBACxB,IAAC,gBAAgB,OAAjB;AAAA,EACI;AAAA,EACA,WAAW,GACP,oRACA,SACJ;AAAA,KACI;AAAA,CACR,CACH;AACD,iBAAiB,cAAc;AAExB,IAAM,qBAAqB,MAAM,WAGtC,GAAG,cAAc,SAAS,wBACxB,IAAC,gBAAgB,SAAjB;AAAA,EACI;AAAA,EACA,WAAW,GACP,oRACA,SACJ;AAAA,KACI;AAAA,CACR,CACH;AACD,mBAAmB,cAAc;",
+  "debugId": "FDE3F3E4FDB9F11164756E2164756E21",
+  "names": []
+}

package/dist/components/Autocomplete/Autocomplete.d.ts

@@ -0,0 +1,17 @@
+import { Autocomplete } from '@base-ui/react/autocomplete';
+import React from 'react';
+export declare const AutocompleteRoot: typeof Autocomplete.Root;
+export declare const AutocompleteValue: typeof Autocomplete.Value;
+export declare const AutocompletePortal: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").AutocompletePortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const AutocompleteGroup: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").AutocompleteGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const AutocompleteCollection: typeof Autocomplete.Collection;
+export declare const AutocompleteInput: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AutocompleteInputProps, "ref"> & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export declare const AutocompleteTrigger: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AutocompleteTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const AutocompleteIcon: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ComboboxIconProps, "ref"> & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export declare const AutocompleteClear: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ComboboxClearProps, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const AutocompletePositioner: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AutocompletePositionerProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const AutocompletePopup: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AutocompletePopupProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const AutocompleteList: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AutocompleteListProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const AutocompleteItem: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AutocompleteItemProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const AutocompleteEmpty: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AutocompleteEmptyProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const AutocompleteGroupLabel: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AutocompleteGroupLabelProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/Autocomplete/Autocomplete.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 Grouped: Story;

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

@@ -0,0 +1 @@
+export { AutocompleteRoot, AutocompleteValue, AutocompletePortal, AutocompleteGroup, AutocompleteCollection, AutocompleteInput, AutocompleteTrigger, AutocompleteIcon, AutocompleteClear, AutocompletePositioner, AutocompletePopup, AutocompleteList, AutocompleteItem, AutocompleteEmpty, AutocompleteGroupLabel } from './Autocomplete';