@gryt/ui 0.1.2 → 0.2.0

package/README.md

@@ -2,7 +2,7 @@
 
 React component library for [Gryt](https://github.com/Gryt-chat/gryt), the open-source WebRTC voice chat platform.
 
-Built with MUI v7, React, Tailwind-authored compiled CSS, and the Gryt design palette from [Gryt-chat/code-theme](https://github.com/Gryt-chat/code-theme).
+Built with Base UI, React, Phosphor icons, Tailwind-authored compiled CSS, and the Gryt design palette from [Gryt-chat/code-theme](https://github.com/Gryt-chat/code-theme).
 
 ## Install
 
@@ -10,29 +10,114 @@ Built with MUI v7, React, Tailwind-authored compiled CSS, and the Gryt design pa
 bun add @gryt/ui
 ```
 
-Gryt UI includes its MUI, Emotion, and icon dependencies. Your app should provide React and React DOM.
+```sh
+npm install @gryt/ui
+pnpm add @gryt/ui
+yarn add @gryt/ui
+```
+
+Gryt UI includes Base UI, Phosphor icons, and its compiled CSS. Your app should provide React and React DOM. There is no CSS-in-JS runtime.
 
 ## Usage
 
+Import the stylesheet once in your app's global entry file.
+
 ```tsx
+// main.tsx, app.tsx, layout.tsx, or another global app entry
 import "@gryt/ui/styles.css";
-import { Button, GrytProvider } from "@gryt/ui";
+```
+
+For Next.js, import the stylesheet from `app/layout.tsx` or `pages/_app.tsx`.
+
+Wrap your app with `GrytProvider`, then use the components.
+
+```tsx
+import { Button, GrytProvider, TextField } from "@gryt/ui";
 
 export function App() {
   return (
     <GrytProvider>
-      <Button>New chat</Button>
+      <form>
+        <TextField label="Channel name" placeholder="Design review" />
+        <Button tone="primary" size="medium">
+          Create channel
+        </Button>
+      </form>
     </GrytProvider>
   );
 }
 ```
 
+## Examples
+
+Buttons support Gryt tones, variants, and sizes.
+
+```tsx
+import { Button } from "@gryt/ui";
+
+export function Actions() {
+  return (
+    <>
+      <Button tone="primary">Save</Button>
+      <Button tone="secondary" variant="outlined">
+        Invite
+      </Button>
+      <Button tone="danger" variant="contained" size="small">
+        Delete
+      </Button>
+      <Button tone="ghost" variant="text" size="xsmall">
+        Dismiss
+      </Button>
+    </>
+  );
+}
+```
+
+Form primitives are Base UI-backed and inherit the Gryt theme.
+
+```tsx
+import { Select, Switch, TextField } from "@gryt/ui";
+
+export function Preferences() {
+  return (
+    <>
+      <TextField label="Display name" placeholder="Sivert" />
+      <Select
+        label="Voice activity"
+        defaultValue="push-to-talk"
+        options={[
+          { label: "Push to talk", value: "push-to-talk" },
+          { label: "Open mic", value: "open-mic" }
+        ]}
+      />
+      <Switch
+        defaultChecked
+        inputProps={{ "aria-label": "Noise suppression" }}
+      />
+    </>
+  );
+}
+```
+
 ## Components
 
-Includes MUI-backed primitives for buttons, inputs, selects, tabs, menus, dialogs, drawers, cards, feedback, data display, and Gryt chat-specific components like `Composer`, `ConversationItem`, and `MessageBubble`.
+Includes Base UI-backed primitives for buttons, inputs, selects, tabs, menus, dialogs, drawers, cards, feedback, data display, and Gryt chat-specific components like `Composer`, `ConversationItem`, and `MessageBubble`.
+
+The package also exports `GrytProvider`, `createGrytTheme`, and `grytTokens` for apps that need a consistent Gryt theme boundary.
+
+## Styles
+
+`@gryt/ui/styles.css` contains the compiled component styles. Import it once globally; do not import it inside every component.
+
+```tsx
+import "@gryt/ui/styles.css";
+```
+
+If your bundler supports CSS imports from npm packages, no extra CSS configuration is needed.
 
 ## Links
 
+- Package source: [Gryt-chat/ui](https://github.com/Gryt-chat/ui)
 - Gryt platform: [Gryt-chat/gryt](https://github.com/Gryt-chat/gryt)
 - Gryt client: [Gryt-chat/client](https://github.com/Gryt-chat/client)
 - Gryt docs: [docs.gryt.chat](https://docs.gryt.chat)

package/dist/GrytProvider.d.ts

@@ -1,9 +1,10 @@
-import { Theme } from '@mui/material/styles';
-import { ReactNode } from 'react';
+import { CSSProperties, ReactNode } from 'react';
+import { GrytThemeOptions } from './theme/createGrytTheme.js';
 export interface GrytProviderProps {
     children: ReactNode;
-    theme?: Theme;
-    disableBaseline?: boolean;
+    theme?: CSSProperties | GrytThemeOptions;
+    className?: string;
+    tooltipDelay?: number;
 }
-export declare function GrytProvider({ children, theme, disableBaseline }: GrytProviderProps): import("react").JSX.Element;
+export declare function GrytProvider({ children, className, theme, tooltipDelay }: GrytProviderProps): import("react").JSX.Element;
 //# sourceMappingURL=GrytProvider.d.ts.map

package/dist/GrytProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GrytProvider.d.ts","sourceRoot":"","sources":["../src/GrytProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAID,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,KAAoB,EACpB,eAAuB,EACxB,EAAE,iBAAiB,+BAOnB"}
+{"version":3,"file":"GrytProvider.d.ts","sourceRoot":"","sources":["../src/GrytProvider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAEhE,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,SAAS,CAAC;IAEpB,KAAK,CAAC,EAAE,aAAa,GAAG,gBAAgB,CAAC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAUD,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,SAAS,EACT,KAAK,EACL,YAAkB,EACnB,EAAE,iBAAiB,+BASnB"}

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

@@ -1,7 +1,14 @@
-import { AccordionProps as MuiAccordionProps } from '@mui/material/Accordion';
-import { AccordionDetailsProps, AccordionSummaryProps } from '@mui/material';
-export type AccordionProps = MuiAccordionProps;
-export declare const Accordion: import('react').ForwardRefExoticComponent<Omit<AccordionProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-export declare function AccordionSummary({ className, ...props }: AccordionSummaryProps): import("react").JSX.Element;
-export declare function AccordionDetails({ className, ...props }: AccordionDetailsProps): import("react").JSX.Element;
+import { Accordion as BaseAccordion } from '@base-ui/react/accordion';
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+export type AccordionProps = ComponentPropsWithoutRef<typeof BaseAccordion.Root>;
+export type AccordionItemProps = ComponentPropsWithoutRef<typeof BaseAccordion.Item>;
+export type AccordionPanelProps = ComponentPropsWithoutRef<typeof BaseAccordion.Panel>;
+export interface AccordionTriggerProps extends ComponentPropsWithoutRef<typeof BaseAccordion.Trigger> {
+    expandIcon?: ReactNode;
+}
+export declare const Accordion: import('react').ForwardRefExoticComponent<Omit<BaseAccordion.Root.Props<unknown>, "ref"> & import('react').RefAttributes<HTMLDivElement>> & {
+    Item: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').AccordionItemProps, "ref"> & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    Trigger: import('react').ForwardRefExoticComponent<AccordionTriggerProps & import('react').RefAttributes<HTMLButtonElement>>;
+    Panel: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').AccordionPanelProps, "ref"> & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+};
 //# sourceMappingURL=Accordion.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AACnF,OAAO,KAAK,EACV,qBAAqB,EACrB,qBAAqB,EACtB,MAAM,eAAe,CAAC;AAIvB,MAAM,MAAM,cAAc,GAAG,iBAAiB,CAAC;AAE/C,eAAO,MAAM,SAAS,wHAerB,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,qBAAqB,+BAOvB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,qBAAqB,+BAOvB"}
+{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,IAAI,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAGtE,OAAO,KAAK,EAAE,wBAAwB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIjE,MAAM,MAAM,cAAc,GAAG,wBAAwB,CACnD,OAAO,aAAa,CAAC,IAAI,CAC1B,CAAC;AACF,MAAM,MAAM,kBAAkB,GAAG,wBAAwB,CACvD,OAAO,aAAa,CAAC,IAAI,CAC1B,CAAC;AACF,MAAM,MAAM,mBAAmB,GAAG,wBAAwB,CACxD,OAAO,aAAa,CAAC,KAAK,CAC3B,CAAC;AA8BF,MAAM,WAAW,qBACf,SAAQ,wBAAwB,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC;IAG9D,UAAU,CAAC,EAAE,SAAS,CAAC;CACxB;AAyDD,eAAO,MAAM,SAAS;;;;CAAgD,CAAC"}

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

@@ -1,4 +1,7 @@
-import { AlertProps as MuiAlertProps } from '@mui/material/Alert';
-export type AlertProps = MuiAlertProps;
-export declare const Alert: import('react').ForwardRefExoticComponent<Omit<MuiAlertProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+import { HTMLAttributes } from 'react';
+export type AlertSeverity = "info" | "success" | "warning" | "error";
+export interface AlertProps extends HTMLAttributes<HTMLDivElement> {
+    severity?: AlertSeverity;
+}
+export declare const Alert: import('react').ForwardRefExoticComponent<AlertProps & import('react').RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=Alert.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/Alert.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAIvE,MAAM,MAAM,UAAU,GAAG,aAAa,CAAC;AAEvC,eAAO,MAAM,KAAK,uHAYhB,CAAC"}
+{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/Alert.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAYrE,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,cAAc,CAAC;IAChE,QAAQ,CAAC,EAAE,aAAa,CAAC;CAC1B;AAED,eAAO,MAAM,KAAK,uGAgBhB,CAAC"}

package/dist/components/Avatar/Avatar.d.ts

@@ -1,4 +1,12 @@
-import { AvatarProps as MuiAvatarProps } from '@mui/material/Avatar';
-export type AvatarProps = MuiAvatarProps;
-export declare const Avatar: import('react').ForwardRefExoticComponent<Omit<AvatarProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+import { Avatar as BaseAvatar } from '@base-ui/react/avatar';
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+export type AvatarSize = "small" | "medium" | "large";
+export interface AvatarProps extends Omit<ComponentPropsWithoutRef<typeof BaseAvatar.Root>, "className"> {
+    src?: string;
+    alt?: string;
+    size?: AvatarSize;
+    className?: string;
+    fallback?: ReactNode;
+}
+export declare const Avatar: import('react').ForwardRefExoticComponent<AvatarProps & import('react').RefAttributes<HTMLSpanElement>>;
 //# sourceMappingURL=Avatar.d.ts.map

package/dist/components/Avatar/Avatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAI1E,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC;AAEzC,eAAO,MAAM,MAAM,qHAOjB,CAAC"}
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAE7D,OAAO,KAAK,EAAE,wBAAwB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGjE,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAQtD,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,wBAAwB,CAAC,OAAO,UAAU,CAAC,IAAI,CAAC,EAAE,WAAW,CAAC;IAC3E,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,MAAM,yGA2BjB,CAAC"}

package/dist/components/Badge/Badge.d.ts

@@ -1,4 +1,8 @@
-import { BadgeProps as MuiBadgeProps } from '@mui/material/Badge';
-export type BadgeProps = MuiBadgeProps;
-export declare const Badge: import('react').ForwardRefExoticComponent<Omit<BadgeProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
+import { HTMLAttributes, ReactNode } from 'react';
+export interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
+    badgeContent?: ReactNode;
+    showZero?: boolean;
+    max?: number;
+}
+export declare const Badge: import('react').ForwardRefExoticComponent<BadgeProps & import('react').RefAttributes<HTMLSpanElement>>;
 //# sourceMappingURL=Badge.d.ts.map

package/dist/components/Badge/Badge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAIvE,MAAM,MAAM,UAAU,GAAG,aAAa,CAAC;AAEvC,eAAO,MAAM,KAAK,qHAOhB,CAAC"}
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvD,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,eAAe,CAAC;IAEjE,YAAY,CAAC,EAAE,SAAS,CAAC;IAGzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,eAAO,MAAM,KAAK,wGA8BhB,CAAC"}

package/dist/components/Button/Button.d.ts

@@ -1,9 +1,14 @@
-import { ButtonProps as MuiButtonProps } from '@mui/material/Button';
-type ButtonSize = MuiButtonProps["size"] | "xsmall";
-export interface ButtonProps extends Omit<MuiButtonProps, "size"> {
-    tone?: "primary" | "secondary" | "neutral" | "danger" | "ghost";
+import { Button as BaseButton } from '@base-ui/react/button';
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+type ButtonTone = "primary" | "secondary" | "neutral" | "danger" | "ghost";
+type ButtonSize = "xsmall" | "small" | "medium" | "large";
+export interface ButtonProps extends Omit<ComponentPropsWithoutRef<typeof BaseButton>, "className"> {
+    tone?: ButtonTone;
     size?: ButtonSize;
+    className?: string;
+    startIcon?: ReactNode;
+    endIcon?: ReactNode;
 }
-export declare const Button: import('react').ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
+export declare const Button: import('react').ForwardRefExoticComponent<ButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
 export {};
 //# sourceMappingURL=Button.d.ts.map

package/dist/components/Button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAK1E,KAAK,UAAU,GAAG,cAAc,CAAC,MAAM,CAAC,GAAG,QAAQ,CAAC;AA4CpD,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,cAAc,EAAE,MAAM,CAAC;IAC/D,IAAI,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAC;IAChE,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB;AAED,eAAO,MAAM,MAAM,wHAqClB,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAE7D,OAAO,KAAK,EAAE,wBAAwB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGjE,KAAK,UAAU,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAC;AAC3E,KAAK,UAAU,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAyB1D,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,wBAAwB,CAAC,OAAO,UAAU,CAAC,EAAE,WAAW,CAAC;IACtE,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IAInB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,MAAM,2GA6ClB,CAAC"}

package/dist/components/Card/Card.d.ts

@@ -1,8 +1,11 @@
-import { CardProps as MuiCardProps } from '@mui/material/Card';
-import { CardActionsProps, CardContentProps, CardHeaderProps } from '@mui/material';
-export type CardProps = MuiCardProps;
-export declare const Card: import('react').ForwardRefExoticComponent<Omit<CardProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-export declare function CardHeader({ className, ...props }: CardHeaderProps): import("react").JSX.Element;
-export declare function CardContent({ className, ...props }: CardContentProps): import("react").JSX.Element;
-export declare function CardActions({ className, ...props }: CardActionsProps): import("react").JSX.Element;
+import { HTMLAttributes, ReactNode } from 'react';
+export type CardProps = HTMLAttributes<HTMLDivElement>;
+export declare const Card: import('react').ForwardRefExoticComponent<CardProps & import('react').RefAttributes<HTMLDivElement>>;
+export interface CardHeaderProps extends Omit<HTMLAttributes<HTMLDivElement>, "title"> {
+    title?: ReactNode;
+    subheader?: ReactNode;
+}
+export declare function CardHeader({ children, className, subheader, title, ...props }: CardHeaderProps): import("react").JSX.Element;
+export declare function CardContent({ className, ...props }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
+export declare function CardActions({ className, ...props }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
 //# sourceMappingURL=Card.d.ts.map

package/dist/components/Card/Card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACpE,OAAO,KAAK,EACV,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,EAChB,MAAM,eAAe,CAAC;AAIvB,MAAM,MAAM,SAAS,GAAG,YAAY,CAAC;AAErC,eAAO,MAAM,IAAI,mHAOf,CAAC;AAEH,wBAAgB,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,+BAIlE;AAED,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,+BAIpE;AAED,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,+BAIpE"}
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvD,MAAM,MAAM,SAAS,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEvD,eAAO,MAAM,IAAI,sGAcf,CAAC;AAEH,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACrD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAED,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,SAAS,EACT,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,eAAe,+BAejB;AAED,wBAAgB,WAAW,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,cAAc,CAAC,+BAUhC;AAED,wBAAgB,WAAW,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,cAAc,CAAC,+BAUhC"}

package/dist/components/Checkbox/Checkbox.d.ts

@@ -1,4 +1,9 @@
-import { CheckboxProps as MuiCheckboxProps } from '@mui/material/Checkbox';
-export type CheckboxProps = MuiCheckboxProps;
-export declare const Checkbox: import('react').ForwardRefExoticComponent<Omit<MuiCheckboxProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
+import { Checkbox as BaseCheckbox } from '@base-ui/react/checkbox';
+import { ComponentPropsWithoutRef } from 'react';
+import { Tone } from '../utils/styles.js';
+export interface CheckboxProps extends Omit<ComponentPropsWithoutRef<typeof BaseCheckbox.Root>, "className"> {
+    tone?: Tone;
+    className?: string;
+}
+export declare const Checkbox: import('react').ForwardRefExoticComponent<CheckboxProps & import('react').RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=Checkbox.d.ts.map

package/dist/components/Checkbox/Checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAIhF,MAAM,MAAM,aAAa,GAAG,gBAAgB,CAAC;AAE7C,eAAO,MAAM,QAAQ,6HAUpB,CAAC"}
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAGnE,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAGtD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAE5C,MAAM,WAAW,aACf,SAAQ,IAAI,CACV,wBAAwB,CAAC,OAAO,YAAY,CAAC,IAAI,CAAC,EAClD,WAAW,CACZ;IACD,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,QAAQ,6GA8CpB,CAAC"}

package/dist/components/Chip/Chip.d.ts

@@ -1,4 +1,10 @@
-import { ChipProps as MuiChipProps } from '@mui/material/Chip';
-export type ChipProps = MuiChipProps;
-export declare const Chip: import('react').ForwardRefExoticComponent<Omit<ChipProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+import { HTMLAttributes, ReactNode } from 'react';
+export type ChipTone = "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
+export interface ChipProps extends Omit<HTMLAttributes<HTMLSpanElement>, "onDelete"> {
+    label?: ReactNode;
+    tone?: ChipTone;
+    icon?: ReactNode;
+    onDelete?: () => void;
+}
+export declare const Chip: import('react').ForwardRefExoticComponent<ChipProps & import('react').RefAttributes<HTMLSpanElement>>;
 //# sourceMappingURL=Chip.d.ts.map

package/dist/components/Chip/Chip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/Chip.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAIpE,MAAM,MAAM,SAAS,GAAG,YAAY,CAAC;AAErC,eAAO,MAAM,IAAI,mHAOf,CAAC"}
+{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/Chip.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvD,MAAM,MAAM,QAAQ,GAChB,SAAS,GACT,SAAS,GACT,WAAW,GACX,SAAS,GACT,SAAS,GACT,QAAQ,CAAC;AAYb,MAAM,WAAW,SACf,SAAQ,IAAI,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,UAAU,CAAC;IACzD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,eAAO,MAAM,IAAI,uGAgCf,CAAC"}

package/dist/components/Composer/Composer.d.ts

@@ -3,6 +3,8 @@ export interface ComposerProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaE
     onSubmit?: FormEventHandler<HTMLFormElement>;
     submitLabel?: string;
     disabled?: boolean;
+    minRows?: number;
+    maxRows?: number;
 }
 export declare const Composer: import('react').ForwardRefExoticComponent<ComposerProps & import('react').RefAttributes<HTMLTextAreaElement>>;
 //# sourceMappingURL=Composer.d.ts.map

package/dist/components/Composer/Composer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Composer.d.ts","sourceRoot":"","sources":["../../../src/components/Composer/Composer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAEV,gBAAgB,EAChB,sBAAsB,EACvB,MAAM,OAAO,CAAC;AAKf,MAAM,WAAW,aAAc,SAAQ,IAAI,CACzC,sBAAsB,CAAC,mBAAmB,CAAC,EAC3C,UAAU,CACX;IACC,QAAQ,CAAC,EAAE,gBAAgB,CAAC,eAAe,CAAC,CAAC;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,QAAQ,+GAsCpB,CAAC"}
+{"version":3,"file":"Composer.d.ts","sourceRoot":"","sources":["../../../src/components/Composer/Composer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAEV,gBAAgB,EAChB,sBAAsB,EACvB,MAAM,OAAO,CAAC;AAKf,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EAAE,UAAU,CAAC;IACrE,QAAQ,CAAC,EAAE,gBAAgB,CAAC,eAAe,CAAC,CAAC;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,QAAQ,+GA6EpB,CAAC"}

package/dist/components/Dialog/Dialog.d.ts

@@ -1,8 +1,19 @@
-import { DialogProps as MuiDialogProps } from '@mui/material/Dialog';
-import { DialogActionsProps, DialogContentProps, DialogTitleProps } from '@mui/material';
-export type DialogProps = MuiDialogProps;
-export declare function Dialog({ PaperProps, ...props }: DialogProps): import("react").JSX.Element;
-export declare function DialogTitle({ className, ...props }: DialogTitleProps): import("react").JSX.Element;
-export declare function DialogContent({ className, ...props }: DialogContentProps): import("react").JSX.Element;
-export declare function DialogActions({ className, ...props }: DialogActionsProps): import("react").JSX.Element;
+import { Dialog as BaseDialog } from '@base-ui/react/dialog';
+import { ComponentPropsWithoutRef, HTMLAttributes } from 'react';
+export type DialogBackdropProps = ComponentPropsWithoutRef<typeof BaseDialog.Backdrop>;
+export type DialogPopupProps = ComponentPropsWithoutRef<typeof BaseDialog.Popup>;
+export type DialogTitleProps = ComponentPropsWithoutRef<typeof BaseDialog.Title>;
+export type DialogDescriptionProps = ComponentPropsWithoutRef<typeof BaseDialog.Description>;
+export type DialogFooterProps = HTMLAttributes<HTMLDivElement>;
+export declare const Dialog: {
+    Root: typeof BaseDialog.Root;
+    Trigger: BaseDialog.Trigger;
+    Portal: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AlertDialogPortalProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    Close: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AlertDialogCloseProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
+    Backdrop: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').AlertDialogBackdropProps, "ref"> & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    Popup: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').AlertDialogPopupProps, "ref"> & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    Title: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').AlertDialogTitleProps, "ref"> & import('react').RefAttributes<HTMLHeadingElement>, "ref"> & import('react').RefAttributes<HTMLHeadingElement>>;
+    Description: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').AlertDialogDescriptionProps, "ref"> & import('react').RefAttributes<HTMLParagraphElement>, "ref"> & import('react').RefAttributes<HTMLParagraphElement>>;
+    Footer: import('react').ForwardRefExoticComponent<DialogFooterProps & import('react').RefAttributes<HTMLDivElement>>;
+};
 //# sourceMappingURL=Dialog.d.ts.map

package/dist/components/Dialog/Dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAC1E,OAAO,KAAK,EACV,kBAAkB,EAClB,kBAAkB,EAClB,gBAAgB,EACjB,MAAM,eAAe,CAAC;AAGvB,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC;AAEzC,wBAAgB,MAAM,CAAC,EAAE,UAAU,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,+BAU3D;AAED,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,+BAIpE;AAED,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,+BAOxE;AAED,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,+BAOxE"}
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAE7D,OAAO,KAAK,EAAE,wBAAwB,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAStE,MAAM,MAAM,mBAAmB,GAAG,wBAAwB,CACxD,OAAO,UAAU,CAAC,QAAQ,CAC3B,CAAC;AAoBF,MAAM,MAAM,gBAAgB,GAAG,wBAAwB,CACrD,OAAO,UAAU,CAAC,KAAK,CACxB,CAAC;AAsBF,MAAM,MAAM,gBAAgB,GAAG,wBAAwB,CACrD,OAAO,UAAU,CAAC,KAAK,CACxB,CAAC;AAiBF,MAAM,MAAM,sBAAsB,GAAG,wBAAwB,CAC3D,OAAO,UAAU,CAAC,WAAW,CAC9B,CAAC;AAiBF,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAmB/D,eAAO,MAAM,MAAM;;;;;;;;;;CAUlB,CAAC"}

package/dist/components/Divider/Divider.d.ts

@@ -1,4 +1,7 @@
-import { DividerProps as MuiDividerProps } from '@mui/material/Divider';
-export type DividerProps = MuiDividerProps;
-export declare const Divider: import('react').ForwardRefExoticComponent<Omit<DividerProps, "ref"> & import('react').RefAttributes<HTMLHRElement>>;
+import { Separator } from '@base-ui/react/separator';
+import { ComponentPropsWithoutRef } from 'react';
+export interface DividerProps extends Omit<ComponentPropsWithoutRef<typeof Separator>, "className"> {
+    className?: string;
+}
+export declare const Divider: import('react').ForwardRefExoticComponent<DividerProps & import('react').RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=Divider.d.ts.map

package/dist/components/Divider/Divider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../src/components/Divider/Divider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAI7E,MAAM,MAAM,YAAY,GAAG,eAAe,CAAC;AAE3C,eAAO,MAAM,OAAO,qHAWlB,CAAC"}
+{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../src/components/Divider/Divider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAErD,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAGtD,MAAM,WAAW,YACf,SAAQ,IAAI,CAAC,wBAAwB,CAAC,OAAO,SAAS,CAAC,EAAE,WAAW,CAAC;IACrE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,OAAO,yGAenB,CAAC"}

package/dist/components/Drawer/Drawer.d.ts

@@ -1,4 +1,19 @@
-import { DrawerProps as MuiDrawerProps } from '@mui/material/Drawer';
-export type DrawerProps = MuiDrawerProps;
-export declare function Drawer({ PaperProps, ...props }: DrawerProps): import("react").JSX.Element;
+import { Dialog as BaseDialog } from '@base-ui/react/dialog';
+import { ComponentPropsWithoutRef } from 'react';
+export type DrawerSide = "left" | "right" | "top" | "bottom";
+export type DrawerPopupProps = ComponentPropsWithoutRef<typeof BaseDialog.Popup> & {
+    side?: DrawerSide;
+};
+export declare const Drawer: {
+    Root: typeof BaseDialog.Root;
+    Trigger: BaseDialog.Trigger;
+    Portal: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AlertDialogPortalProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    Close: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AlertDialogCloseProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
+    Title: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AlertDialogTitleProps, "ref"> & import('react').RefAttributes<HTMLHeadingElement>>;
+    Description: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AlertDialogDescriptionProps, "ref"> & import('react').RefAttributes<HTMLParagraphElement>>;
+    Backdrop: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').AlertDialogBackdropProps, "ref"> & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    Popup: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').AlertDialogPopupProps, "ref"> & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
+        side?: DrawerSide;
+    } & import('react').RefAttributes<HTMLDivElement>>;
+};
 //# sourceMappingURL=Drawer.d.ts.map

package/dist/components/Drawer/Drawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAG1E,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC;AAEzC,wBAAgB,MAAM,CAAC,EAAE,UAAU,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,+BAU3D"}
+{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAE7D,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAGtD,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;AAmB7D,MAAM,MAAM,gBAAgB,GAAG,wBAAwB,CACrD,OAAO,UAAU,CAAC,KAAK,CACxB,GAAG;IACF,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB,CAAC;AAuCF,eAAO,MAAM,MAAM;;;;;;;;;eAxCV,UAAU;;CAiDlB,CAAC"}

package/dist/components/IconButton/IconButton.d.ts

@@ -1,9 +1,12 @@
-import { IconButtonProps as MuiIconButtonProps } from '@mui/material/IconButton';
-type IconButtonSize = MuiIconButtonProps["size"] | "xsmall";
-export interface IconButtonProps extends Omit<MuiIconButtonProps, "size"> {
-    tone?: "primary" | "secondary" | "neutral" | "danger" | "ghost";
+import { Button as BaseButton } from '@base-ui/react/button';
+import { ComponentPropsWithoutRef } from 'react';
+type IconButtonTone = "primary" | "secondary" | "neutral" | "danger" | "ghost";
+type IconButtonSize = "xsmall" | "small" | "medium" | "large";
+export interface IconButtonProps extends Omit<ComponentPropsWithoutRef<typeof BaseButton>, "className"> {
+    tone?: IconButtonTone;
     size?: IconButtonSize;
+    className?: string;
 }
-export declare const IconButton: import('react').ForwardRefExoticComponent<Omit<IconButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
+export declare const IconButton: import('react').ForwardRefExoticComponent<IconButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
 export {};
 //# sourceMappingURL=IconButton.d.ts.map

package/dist/components/IconButton/IconButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/IconButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,IAAI,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAKtF,KAAK,cAAc,GAAG,kBAAkB,CAAC,MAAM,CAAC,GAAG,QAAQ,CAAC;AAkC5D,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,kBAAkB,EAAE,MAAM,CAAC;IACvE,IAAI,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAC;IAChE,IAAI,CAAC,EAAE,cAAc,CAAC;CACvB;AAED,eAAO,MAAM,UAAU,4HAyBtB,CAAC"}
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAE7D,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAItD,KAAK,cAAc,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAC;AAC/E,KAAK,cAAc,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAsB9D,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,wBAAwB,CAAC,OAAO,UAAU,CAAC,EAAE,WAAW,CAAC;IACtE,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,UAAU,+GA0BtB,CAAC"}

package/dist/components/Menu/Menu.d.ts

@@ -1,7 +1,15 @@
-import { MenuProps as MuiMenuProps } from '@mui/material/Menu';
-import { MenuItemProps as MuiMenuItemProps } from '@mui/material/MenuItem';
-export type MenuProps = MuiMenuProps;
-export type MenuItemProps = MuiMenuItemProps;
-export declare function Menu({ PaperProps, ...props }: MenuProps): import("react").JSX.Element;
-export declare const MenuItem: import('react').ForwardRefExoticComponent<Omit<MenuItemProps, "ref"> & import('react').RefAttributes<HTMLLIElement>>;
+import { Menu as BaseMenu } from '@base-ui/react/menu';
+import { ComponentPropsWithoutRef } from 'react';
+export type MenuPopupProps = ComponentPropsWithoutRef<typeof BaseMenu.Popup>;
+export type MenuItemProps = ComponentPropsWithoutRef<typeof BaseMenu.Item>;
+export type MenuPositionerProps = ComponentPropsWithoutRef<typeof BaseMenu.Positioner>;
+export declare const Menu: {
+    Root: <Payload>(props: BaseMenu.Root.Props<Payload>) => import("react").JSX.Element;
+    Trigger: BaseMenu.Trigger;
+    Portal: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ContextMenuPortalProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    Positioner: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').ContextMenuPositionerProps, "ref"> & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    Popup: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').ContextMenuPopupProps, "ref"> & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    Item: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').ContextMenuItemProps, "ref"> & import('react').RefAttributes<HTMLElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    Separator: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').SeparatorProps, "ref"> & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+};
 //# sourceMappingURL=Menu.d.ts.map

package/dist/components/Menu/Menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/Menu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACpE,OAAO,KAAK,EAAE,aAAa,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAIhF,MAAM,MAAM,SAAS,GAAG,YAAY,CAAC;AACrC,MAAM,MAAM,aAAa,GAAG,gBAAgB,CAAC;AAE7C,wBAAgB,IAAI,CAAC,EAAE,UAAU,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,+BAUvD;AAED,eAAO,MAAM,QAAQ,sHAUpB,CAAC"}
+{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAEvD,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAItD,MAAM,MAAM,cAAc,GAAG,wBAAwB,CAAC,OAAO,QAAQ,CAAC,KAAK,CAAC,CAAC;AAC7E,MAAM,MAAM,aAAa,GAAG,wBAAwB,CAAC,OAAO,QAAQ,CAAC,IAAI,CAAC,CAAC;AAC3E,MAAM,MAAM,mBAAmB,GAAG,wBAAwB,CACxD,OAAO,QAAQ,CAAC,UAAU,CAC3B,CAAC;AAmEF,eAAO,MAAM,IAAI;;;;;;;;CAQhB,CAAC"}

package/dist/components/Progress/Progress.d.ts

@@ -1,5 +1,14 @@
-import { CircularProgressProps } from '@mui/material/CircularProgress';
-import { LinearProgressProps } from '@mui/material/LinearProgress';
-export declare function Spinner({ className, ...props }: CircularProgressProps): import("react").JSX.Element;
-export declare function Progress({ className, ...props }: LinearProgressProps): import("react").JSX.Element;
+import { Progress as BaseProgress } from '@base-ui/react/progress';
+import { ComponentPropsWithoutRef } from 'react';
+export interface ProgressProps extends Omit<ComponentPropsWithoutRef<typeof BaseProgress.Root>, "className" | "value"> {
+    className?: string;
+    value?: number | null;
+}
+export declare function Progress({ className, value, ...props }: ProgressProps): import("react").JSX.Element;
+export interface SpinnerProps {
+    size?: number;
+    className?: string;
+    "aria-label"?: string;
+}
+export declare function Spinner({ className, size, "aria-label": ariaLabel }: SpinnerProps): import("react").JSX.Element;
 //# sourceMappingURL=Progress.d.ts.map

package/dist/components/Progress/Progress.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Progress.d.ts","sourceRoot":"","sources":["../../../src/components/Progress/Progress.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAC5E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAGxE,wBAAgB,OAAO,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,+BAIrE;AAED,wBAAgB,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,+BAIpE"}
+{"version":3,"file":"Progress.d.ts","sourceRoot":"","sources":["../../../src/components/Progress/Progress.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAEnE,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAGtD,MAAM,WAAW,aACf,SAAQ,IAAI,CACV,wBAAwB,CAAC,OAAO,YAAY,CAAC,IAAI,CAAC,EAClD,WAAW,GAAG,OAAO,CACtB;IACD,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACvB;AAED,wBAAgB,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAY,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,+BAc5E;AAED,MAAM,WAAW,YAAY;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAKD,wBAAgB,OAAO,CAAC,EACtB,SAAS,EACT,IAAS,EACT,YAAY,EAAE,SAAqB,EACpC,EAAE,YAAY,+BAad"}

package/dist/components/Radio/Radio.d.ts

@@ -1,4 +1,12 @@
-import { RadioProps as MuiRadioProps } from '@mui/material/Radio';
-export type RadioProps = MuiRadioProps;
-export declare const Radio: import('react').ForwardRefExoticComponent<Omit<MuiRadioProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
+import { Radio as BaseRadio } from '@base-ui/react/radio';
+import { RadioGroup as BaseRadioGroup } from '@base-ui/react/radio-group';
+import { ComponentPropsWithoutRef } from 'react';
+import { Tone } from '../utils/styles.js';
+export interface RadioProps extends Omit<ComponentPropsWithoutRef<typeof BaseRadio.Root>, "className"> {
+    tone?: Tone;
+    className?: string;
+}
+export declare const Radio: import('react').ForwardRefExoticComponent<RadioProps & import('react').RefAttributes<HTMLButtonElement>>;
+export type RadioGroupProps = ComponentPropsWithoutRef<typeof BaseRadioGroup>;
+export declare const RadioGroup: import('react').ForwardRefExoticComponent<Omit<BaseRadioGroup.Props<unknown>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=Radio.d.ts.map

package/dist/components/Radio/Radio.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/Radio.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAIvE,MAAM,MAAM,UAAU,GAAG,aAAa,CAAC;AAEvC,eAAO,MAAM,KAAK,0HAOhB,CAAC"}
+{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,UAAU,IAAI,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAE1E,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAQtD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAE5C,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,wBAAwB,CAAC,OAAO,SAAS,CAAC,IAAI,CAAC,EAAE,WAAW,CAAC;IAC1E,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,KAAK,0GAoChB,CAAC;AAEH,MAAM,MAAM,eAAe,GAAG,wBAAwB,CAAC,OAAO,cAAc,CAAC,CAAC;AAE9E,eAAO,MAAM,UAAU,uIAUtB,CAAC"}

package/dist/components/Select/Select.d.ts

@@ -1,14 +1,17 @@
-import { default as MenuItem } from '@mui/material/MenuItem';
-import { ReactNode } from 'react';
-import { TextFieldProps } from '../TextField/TextField.js';
+import { Select as BaseSelect } from '@base-ui/react/select';
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
 export interface SelectOption {
     label: ReactNode;
     value: string | number;
     disabled?: boolean;
 }
-export interface SelectProps extends Omit<TextFieldProps, "select"> {
+export type SelectSize = "small" | "medium";
+export interface SelectProps extends Omit<ComponentPropsWithoutRef<typeof BaseSelect.Root>, "children" | "items"> {
     options?: SelectOption[];
+    label?: ReactNode;
+    placeholder?: string;
+    size?: SelectSize;
+    className?: string;
 }
-export declare function Select({ children, options, ...props }: SelectProps): import("react").JSX.Element;
-export { MenuItem };
+export declare function Select({ className, label, options, placeholder, size, ...props }: SelectProps): import("react").JSX.Element;
 //# sourceMappingURL=Select.d.ts.map