@gryt/ui 0.1.3 → 0.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (65) hide show
  1. package/README.md +4 -4
  2. package/dist/GrytProvider.d.ts +6 -5
  3. package/dist/GrytProvider.d.ts.map +1 -1
  4. package/dist/components/Accordion/Accordion.d.ts +13 -6
  5. package/dist/components/Accordion/Accordion.d.ts.map +1 -1
  6. package/dist/components/Alert/Alert.d.ts +6 -3
  7. package/dist/components/Alert/Alert.d.ts.map +1 -1
  8. package/dist/components/Avatar/Avatar.d.ts +11 -3
  9. package/dist/components/Avatar/Avatar.d.ts.map +1 -1
  10. package/dist/components/Badge/Badge.d.ts +7 -3
  11. package/dist/components/Badge/Badge.d.ts.map +1 -1
  12. package/dist/components/Button/Button.d.ts +10 -5
  13. package/dist/components/Button/Button.d.ts.map +1 -1
  14. package/dist/components/Card/Card.d.ts +10 -7
  15. package/dist/components/Card/Card.d.ts.map +1 -1
  16. package/dist/components/Checkbox/Checkbox.d.ts +8 -3
  17. package/dist/components/Checkbox/Checkbox.d.ts.map +1 -1
  18. package/dist/components/Chip/Chip.d.ts +9 -3
  19. package/dist/components/Chip/Chip.d.ts.map +1 -1
  20. package/dist/components/Composer/Composer.d.ts +2 -0
  21. package/dist/components/Composer/Composer.d.ts.map +1 -1
  22. package/dist/components/Dialog/Dialog.d.ts +18 -7
  23. package/dist/components/Dialog/Dialog.d.ts.map +1 -1
  24. package/dist/components/Divider/Divider.d.ts +6 -3
  25. package/dist/components/Divider/Divider.d.ts.map +1 -1
  26. package/dist/components/Drawer/Drawer.d.ts +18 -3
  27. package/dist/components/Drawer/Drawer.d.ts.map +1 -1
  28. package/dist/components/IconButton/IconButton.d.ts +8 -5
  29. package/dist/components/IconButton/IconButton.d.ts.map +1 -1
  30. package/dist/components/Menu/Menu.d.ts +14 -6
  31. package/dist/components/Menu/Menu.d.ts.map +1 -1
  32. package/dist/components/Progress/Progress.d.ts +13 -4
  33. package/dist/components/Progress/Progress.d.ts.map +1 -1
  34. package/dist/components/Radio/Radio.d.ts +11 -3
  35. package/dist/components/Radio/Radio.d.ts.map +1 -1
  36. package/dist/components/Select/Select.d.ts +9 -6
  37. package/dist/components/Select/Select.d.ts.map +1 -1
  38. package/dist/components/Skeleton/Skeleton.d.ts +8 -3
  39. package/dist/components/Skeleton/Skeleton.d.ts.map +1 -1
  40. package/dist/components/Slider/Slider.d.ts +9 -3
  41. package/dist/components/Slider/Slider.d.ts.map +1 -1
  42. package/dist/components/Surface/Surface.d.ts +3 -3
  43. package/dist/components/Surface/Surface.d.ts.map +1 -1
  44. package/dist/components/Switch/Switch.d.ts +8 -3
  45. package/dist/components/Switch/Switch.d.ts.map +1 -1
  46. package/dist/components/Tabs/Tabs.d.ts +15 -6
  47. package/dist/components/Tabs/Tabs.d.ts.map +1 -1
  48. package/dist/components/TextField/TextField.d.ts +14 -3
  49. package/dist/components/TextField/TextField.d.ts.map +1 -1
  50. package/dist/components/Tooltip/Tooltip.d.ts +10 -3
  51. package/dist/components/Tooltip/Tooltip.d.ts.map +1 -1
  52. package/dist/components/utils/styles.d.ts +13 -0
  53. package/dist/components/utils/styles.d.ts.map +1 -0
  54. package/dist/index.cjs +1 -1
  55. package/dist/index.cjs.map +1 -1
  56. package/dist/index.d.cts +18 -15
  57. package/dist/index.d.ts +18 -15
  58. package/dist/index.d.ts.map +1 -1
  59. package/dist/index.js +1148 -3492
  60. package/dist/index.js.map +1 -1
  61. package/dist/styles.css +1 -1
  62. package/dist/theme/createGrytTheme.d.ts +13 -3
  63. package/dist/theme/createGrytTheme.d.ts.map +1 -1
  64. package/dist/theme.css +101 -0
  65. package/package.json +4 -7
package/README.md CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  React component library for [Gryt](https://github.com/Gryt-chat/gryt), the open-source WebRTC voice chat platform.
4
4
 
5
- Built with MUI v7, React, Phosphor icons, Tailwind-authored compiled CSS, and the Gryt design palette from [Gryt-chat/code-theme](https://github.com/Gryt-chat/code-theme).
5
+ 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).
6
6
 
7
7
  ## Install
8
8
 
@@ -16,7 +16,7 @@ pnpm add @gryt/ui
16
16
  yarn add @gryt/ui
17
17
  ```
18
18
 
19
- Gryt UI includes MUI, Emotion, Phosphor icons, and its compiled CSS. Your app should provide React and React DOM.
19
+ 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.
20
20
 
21
21
  ## Usage
22
22
 
@@ -73,7 +73,7 @@ export function Actions() {
73
73
  }
74
74
  ```
75
75
 
76
- Form primitives are MUI-backed and inherit the Gryt theme.
76
+ Form primitives are Base UI-backed and inherit the Gryt theme.
77
77
 
78
78
  ```tsx
79
79
  import { Select, Switch, TextField } from "@gryt/ui";
@@ -101,7 +101,7 @@ export function Preferences() {
101
101
 
102
102
  ## Components
103
103
 
104
- 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`.
104
+ 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`.
105
105
 
106
106
  The package also exports `GrytProvider`, `createGrytTheme`, and `grytTokens` for apps that need a consistent Gryt theme boundary.
107
107
 
@@ -1,9 +1,10 @@
1
- import { Theme } from '@mui/material/styles';
2
- import { ReactNode } from 'react';
1
+ import { CSSProperties, ReactNode } from 'react';
2
+ import { GrytThemeOptions } from './theme/createGrytTheme.js';
3
3
  export interface GrytProviderProps {
4
4
  children: ReactNode;
5
- theme?: Theme;
6
- disableBaseline?: boolean;
5
+ theme?: CSSProperties | GrytThemeOptions;
6
+ className?: string;
7
+ tooltipDelay?: number;
7
8
  }
8
- export declare function GrytProvider({ children, theme, disableBaseline }: GrytProviderProps): import("react").JSX.Element;
9
+ export declare function GrytProvider({ children, className, theme, tooltipDelay }: GrytProviderProps): import("react").JSX.Element;
9
10
  //# sourceMappingURL=GrytProvider.d.ts.map
@@ -1 +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"}
1
+ {"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"}
@@ -1,7 +1,14 @@
1
- import { AccordionProps as MuiAccordionProps } from '@mui/material/Accordion';
2
- import { AccordionDetailsProps, AccordionSummaryProps } from '@mui/material';
3
- export type AccordionProps = MuiAccordionProps;
4
- export declare const Accordion: import('react').ForwardRefExoticComponent<Omit<AccordionProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
5
- export declare function AccordionSummary({ className, ...props }: AccordionSummaryProps): import("react").JSX.Element;
6
- export declare function AccordionDetails({ className, ...props }: AccordionDetailsProps): import("react").JSX.Element;
1
+ import { Accordion as BaseAccordion } from '@base-ui/react/accordion';
2
+ import { ComponentPropsWithoutRef, ReactNode } from 'react';
3
+ export type AccordionProps = ComponentPropsWithoutRef<typeof BaseAccordion.Root>;
4
+ export type AccordionItemProps = ComponentPropsWithoutRef<typeof BaseAccordion.Item>;
5
+ export type AccordionPanelProps = ComponentPropsWithoutRef<typeof BaseAccordion.Panel>;
6
+ export interface AccordionTriggerProps extends ComponentPropsWithoutRef<typeof BaseAccordion.Trigger> {
7
+ expandIcon?: ReactNode;
8
+ }
9
+ export declare const Accordion: import('react').ForwardRefExoticComponent<Omit<BaseAccordion.Root.Props<unknown>, "ref"> & import('react').RefAttributes<HTMLDivElement>> & {
10
+ Item: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').AccordionItemProps, "ref"> & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
11
+ Trigger: import('react').ForwardRefExoticComponent<AccordionTriggerProps & import('react').RefAttributes<HTMLButtonElement>>;
12
+ Panel: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').AccordionPanelProps, "ref"> & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
13
+ };
7
14
  //# sourceMappingURL=Accordion.d.ts.map
@@ -1 +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"}
1
+ {"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"}
@@ -1,4 +1,7 @@
1
- import { AlertProps as MuiAlertProps } from '@mui/material/Alert';
2
- export type AlertProps = MuiAlertProps;
3
- export declare const Alert: import('react').ForwardRefExoticComponent<Omit<MuiAlertProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
1
+ import { HTMLAttributes } from 'react';
2
+ export type AlertSeverity = "info" | "success" | "warning" | "error";
3
+ export interface AlertProps extends HTMLAttributes<HTMLDivElement> {
4
+ severity?: AlertSeverity;
5
+ }
6
+ export declare const Alert: import('react').ForwardRefExoticComponent<AlertProps & import('react').RefAttributes<HTMLDivElement>>;
4
7
  //# sourceMappingURL=Alert.d.ts.map
@@ -1 +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"}
1
+ {"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"}
@@ -1,4 +1,12 @@
1
- import { AvatarProps as MuiAvatarProps } from '@mui/material/Avatar';
2
- export type AvatarProps = MuiAvatarProps;
3
- export declare const Avatar: import('react').ForwardRefExoticComponent<Omit<AvatarProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
1
+ import { Avatar as BaseAvatar } from '@base-ui/react/avatar';
2
+ import { ComponentPropsWithoutRef, ReactNode } from 'react';
3
+ export type AvatarSize = "small" | "medium" | "large";
4
+ export interface AvatarProps extends Omit<ComponentPropsWithoutRef<typeof BaseAvatar.Root>, "className"> {
5
+ src?: string;
6
+ alt?: string;
7
+ size?: AvatarSize;
8
+ className?: string;
9
+ fallback?: ReactNode;
10
+ }
11
+ export declare const Avatar: import('react').ForwardRefExoticComponent<AvatarProps & import('react').RefAttributes<HTMLSpanElement>>;
4
12
  //# sourceMappingURL=Avatar.d.ts.map
@@ -1 +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"}
1
+ {"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"}
@@ -1,4 +1,8 @@
1
- import { BadgeProps as MuiBadgeProps } from '@mui/material/Badge';
2
- export type BadgeProps = MuiBadgeProps;
3
- export declare const Badge: import('react').ForwardRefExoticComponent<Omit<BadgeProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
1
+ import { HTMLAttributes, ReactNode } from 'react';
2
+ export interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
3
+ badgeContent?: ReactNode;
4
+ showZero?: boolean;
5
+ max?: number;
6
+ }
7
+ export declare const Badge: import('react').ForwardRefExoticComponent<BadgeProps & import('react').RefAttributes<HTMLSpanElement>>;
4
8
  //# sourceMappingURL=Badge.d.ts.map
@@ -1 +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"}
1
+ {"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"}
@@ -1,9 +1,14 @@
1
- import { ButtonProps as MuiButtonProps } from '@mui/material/Button';
2
- type ButtonSize = MuiButtonProps["size"] | "xsmall";
3
- export interface ButtonProps extends Omit<MuiButtonProps, "size"> {
4
- tone?: "primary" | "secondary" | "neutral" | "danger" | "ghost";
1
+ import { Button as BaseButton } from '@base-ui/react/button';
2
+ import { ComponentPropsWithoutRef, ReactNode } from 'react';
3
+ type ButtonTone = "primary" | "secondary" | "neutral" | "danger" | "ghost";
4
+ type ButtonSize = "xsmall" | "small" | "medium" | "large";
5
+ export interface ButtonProps extends Omit<ComponentPropsWithoutRef<typeof BaseButton>, "className"> {
6
+ tone?: ButtonTone;
5
7
  size?: ButtonSize;
8
+ className?: string;
9
+ startIcon?: ReactNode;
10
+ endIcon?: ReactNode;
6
11
  }
7
- export declare const Button: import('react').ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
12
+ export declare const Button: import('react').ForwardRefExoticComponent<ButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
8
13
  export {};
9
14
  //# sourceMappingURL=Button.d.ts.map
@@ -1 +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"}
1
+ {"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"}
@@ -1,8 +1,11 @@
1
- import { CardProps as MuiCardProps } from '@mui/material/Card';
2
- import { CardActionsProps, CardContentProps, CardHeaderProps } from '@mui/material';
3
- export type CardProps = MuiCardProps;
4
- export declare const Card: import('react').ForwardRefExoticComponent<Omit<CardProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
5
- export declare function CardHeader({ className, ...props }: CardHeaderProps): import("react").JSX.Element;
6
- export declare function CardContent({ className, ...props }: CardContentProps): import("react").JSX.Element;
7
- export declare function CardActions({ className, ...props }: CardActionsProps): import("react").JSX.Element;
1
+ import { HTMLAttributes, ReactNode } from 'react';
2
+ export type CardProps = HTMLAttributes<HTMLDivElement>;
3
+ export declare const Card: import('react').ForwardRefExoticComponent<CardProps & import('react').RefAttributes<HTMLDivElement>>;
4
+ export interface CardHeaderProps extends Omit<HTMLAttributes<HTMLDivElement>, "title"> {
5
+ title?: ReactNode;
6
+ subheader?: ReactNode;
7
+ }
8
+ export declare function CardHeader({ children, className, subheader, title, ...props }: CardHeaderProps): import("react").JSX.Element;
9
+ export declare function CardContent({ className, ...props }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
10
+ export declare function CardActions({ className, ...props }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
8
11
  //# sourceMappingURL=Card.d.ts.map
@@ -1 +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"}
1
+ {"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"}
@@ -1,4 +1,9 @@
1
- import { CheckboxProps as MuiCheckboxProps } from '@mui/material/Checkbox';
2
- export type CheckboxProps = MuiCheckboxProps;
3
- export declare const Checkbox: import('react').ForwardRefExoticComponent<Omit<MuiCheckboxProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
1
+ import { Checkbox as BaseCheckbox } from '@base-ui/react/checkbox';
2
+ import { ComponentPropsWithoutRef } from 'react';
3
+ import { Tone } from '../utils/styles.js';
4
+ export interface CheckboxProps extends Omit<ComponentPropsWithoutRef<typeof BaseCheckbox.Root>, "className"> {
5
+ tone?: Tone;
6
+ className?: string;
7
+ }
8
+ export declare const Checkbox: import('react').ForwardRefExoticComponent<CheckboxProps & import('react').RefAttributes<HTMLButtonElement>>;
4
9
  //# sourceMappingURL=Checkbox.d.ts.map
@@ -1 +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"}
1
+ {"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"}
@@ -1,4 +1,10 @@
1
- import { ChipProps as MuiChipProps } from '@mui/material/Chip';
2
- export type ChipProps = MuiChipProps;
3
- export declare const Chip: import('react').ForwardRefExoticComponent<Omit<ChipProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
1
+ import { HTMLAttributes, ReactNode } from 'react';
2
+ export type ChipTone = "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
3
+ export interface ChipProps extends Omit<HTMLAttributes<HTMLSpanElement>, "onDelete"> {
4
+ label?: ReactNode;
5
+ tone?: ChipTone;
6
+ icon?: ReactNode;
7
+ onDelete?: () => void;
8
+ }
9
+ export declare const Chip: import('react').ForwardRefExoticComponent<ChipProps & import('react').RefAttributes<HTMLSpanElement>>;
4
10
  //# sourceMappingURL=Chip.d.ts.map
@@ -1 +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"}
1
+ {"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"}
@@ -3,6 +3,8 @@ export interface ComposerProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaE
3
3
  onSubmit?: FormEventHandler<HTMLFormElement>;
4
4
  submitLabel?: string;
5
5
  disabled?: boolean;
6
+ minRows?: number;
7
+ maxRows?: number;
6
8
  }
7
9
  export declare const Composer: import('react').ForwardRefExoticComponent<ComposerProps & import('react').RefAttributes<HTMLTextAreaElement>>;
8
10
  //# sourceMappingURL=Composer.d.ts.map
@@ -1 +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"}
1
+ {"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"}
@@ -1,8 +1,19 @@
1
- import { DialogProps as MuiDialogProps } from '@mui/material/Dialog';
2
- import { DialogActionsProps, DialogContentProps, DialogTitleProps } from '@mui/material';
3
- export type DialogProps = MuiDialogProps;
4
- export declare function Dialog({ PaperProps, ...props }: DialogProps): import("react").JSX.Element;
5
- export declare function DialogTitle({ className, ...props }: DialogTitleProps): import("react").JSX.Element;
6
- export declare function DialogContent({ className, ...props }: DialogContentProps): import("react").JSX.Element;
7
- export declare function DialogActions({ className, ...props }: DialogActionsProps): import("react").JSX.Element;
1
+ import { Dialog as BaseDialog } from '@base-ui/react/dialog';
2
+ import { ComponentPropsWithoutRef, HTMLAttributes } from 'react';
3
+ export type DialogBackdropProps = ComponentPropsWithoutRef<typeof BaseDialog.Backdrop>;
4
+ export type DialogPopupProps = ComponentPropsWithoutRef<typeof BaseDialog.Popup>;
5
+ export type DialogTitleProps = ComponentPropsWithoutRef<typeof BaseDialog.Title>;
6
+ export type DialogDescriptionProps = ComponentPropsWithoutRef<typeof BaseDialog.Description>;
7
+ export type DialogFooterProps = HTMLAttributes<HTMLDivElement>;
8
+ export declare const Dialog: {
9
+ Root: typeof BaseDialog.Root;
10
+ Trigger: BaseDialog.Trigger;
11
+ Portal: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AlertDialogPortalProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
12
+ Close: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AlertDialogCloseProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
13
+ Backdrop: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').AlertDialogBackdropProps, "ref"> & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
14
+ Popup: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').AlertDialogPopupProps, "ref"> & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
15
+ Title: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').AlertDialogTitleProps, "ref"> & import('react').RefAttributes<HTMLHeadingElement>, "ref"> & import('react').RefAttributes<HTMLHeadingElement>>;
16
+ Description: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').AlertDialogDescriptionProps, "ref"> & import('react').RefAttributes<HTMLParagraphElement>, "ref"> & import('react').RefAttributes<HTMLParagraphElement>>;
17
+ Footer: import('react').ForwardRefExoticComponent<DialogFooterProps & import('react').RefAttributes<HTMLDivElement>>;
18
+ };
8
19
  //# sourceMappingURL=Dialog.d.ts.map
@@ -1 +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"}
1
+ {"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"}
@@ -1,4 +1,7 @@
1
- import { DividerProps as MuiDividerProps } from '@mui/material/Divider';
2
- export type DividerProps = MuiDividerProps;
3
- export declare const Divider: import('react').ForwardRefExoticComponent<Omit<DividerProps, "ref"> & import('react').RefAttributes<HTMLHRElement>>;
1
+ import { Separator } from '@base-ui/react/separator';
2
+ import { ComponentPropsWithoutRef } from 'react';
3
+ export interface DividerProps extends Omit<ComponentPropsWithoutRef<typeof Separator>, "className"> {
4
+ className?: string;
5
+ }
6
+ export declare const Divider: import('react').ForwardRefExoticComponent<DividerProps & import('react').RefAttributes<HTMLDivElement>>;
4
7
  //# sourceMappingURL=Divider.d.ts.map
@@ -1 +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"}
1
+ {"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"}
@@ -1,4 +1,19 @@
1
- import { DrawerProps as MuiDrawerProps } from '@mui/material/Drawer';
2
- export type DrawerProps = MuiDrawerProps;
3
- export declare function Drawer({ PaperProps, ...props }: DrawerProps): import("react").JSX.Element;
1
+ import { Dialog as BaseDialog } from '@base-ui/react/dialog';
2
+ import { ComponentPropsWithoutRef } from 'react';
3
+ export type DrawerSide = "left" | "right" | "top" | "bottom";
4
+ export type DrawerPopupProps = ComponentPropsWithoutRef<typeof BaseDialog.Popup> & {
5
+ side?: DrawerSide;
6
+ };
7
+ export declare const Drawer: {
8
+ Root: typeof BaseDialog.Root;
9
+ Trigger: BaseDialog.Trigger;
10
+ Portal: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AlertDialogPortalProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
11
+ Close: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AlertDialogCloseProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
12
+ Title: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AlertDialogTitleProps, "ref"> & import('react').RefAttributes<HTMLHeadingElement>>;
13
+ Description: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AlertDialogDescriptionProps, "ref"> & import('react').RefAttributes<HTMLParagraphElement>>;
14
+ Backdrop: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').AlertDialogBackdropProps, "ref"> & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
15
+ Popup: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').AlertDialogPopupProps, "ref"> & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
16
+ side?: DrawerSide;
17
+ } & import('react').RefAttributes<HTMLDivElement>>;
18
+ };
4
19
  //# sourceMappingURL=Drawer.d.ts.map
@@ -1 +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"}
1
+ {"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"}
@@ -1,9 +1,12 @@
1
- import { IconButtonProps as MuiIconButtonProps } from '@mui/material/IconButton';
2
- type IconButtonSize = MuiIconButtonProps["size"] | "xsmall";
3
- export interface IconButtonProps extends Omit<MuiIconButtonProps, "size"> {
4
- tone?: "primary" | "secondary" | "neutral" | "danger" | "ghost";
1
+ import { Button as BaseButton } from '@base-ui/react/button';
2
+ import { ComponentPropsWithoutRef } from 'react';
3
+ type IconButtonTone = "primary" | "secondary" | "neutral" | "danger" | "ghost";
4
+ type IconButtonSize = "xsmall" | "small" | "medium" | "large";
5
+ export interface IconButtonProps extends Omit<ComponentPropsWithoutRef<typeof BaseButton>, "className"> {
6
+ tone?: IconButtonTone;
5
7
  size?: IconButtonSize;
8
+ className?: string;
6
9
  }
7
- export declare const IconButton: import('react').ForwardRefExoticComponent<Omit<IconButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
10
+ export declare const IconButton: import('react').ForwardRefExoticComponent<IconButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
8
11
  export {};
9
12
  //# sourceMappingURL=IconButton.d.ts.map
@@ -1 +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"}
1
+ {"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"}
@@ -1,7 +1,15 @@
1
- import { MenuProps as MuiMenuProps } from '@mui/material/Menu';
2
- import { MenuItemProps as MuiMenuItemProps } from '@mui/material/MenuItem';
3
- export type MenuProps = MuiMenuProps;
4
- export type MenuItemProps = MuiMenuItemProps;
5
- export declare function Menu({ PaperProps, ...props }: MenuProps): import("react").JSX.Element;
6
- export declare const MenuItem: import('react').ForwardRefExoticComponent<Omit<MenuItemProps, "ref"> & import('react').RefAttributes<HTMLLIElement>>;
1
+ import { Menu as BaseMenu } from '@base-ui/react/menu';
2
+ import { ComponentPropsWithoutRef } from 'react';
3
+ export type MenuPopupProps = ComponentPropsWithoutRef<typeof BaseMenu.Popup>;
4
+ export type MenuItemProps = ComponentPropsWithoutRef<typeof BaseMenu.Item>;
5
+ export type MenuPositionerProps = ComponentPropsWithoutRef<typeof BaseMenu.Positioner>;
6
+ export declare const Menu: {
7
+ Root: <Payload>(props: BaseMenu.Root.Props<Payload>) => import("react").JSX.Element;
8
+ Trigger: BaseMenu.Trigger;
9
+ Portal: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ContextMenuPortalProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
10
+ Positioner: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').ContextMenuPositionerProps, "ref"> & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
11
+ Popup: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').ContextMenuPopupProps, "ref"> & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
12
+ Item: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').ContextMenuItemProps, "ref"> & import('react').RefAttributes<HTMLElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
13
+ Separator: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').SeparatorProps, "ref"> & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
14
+ };
7
15
  //# sourceMappingURL=Menu.d.ts.map
@@ -1 +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"}
1
+ {"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"}
@@ -1,5 +1,14 @@
1
- import { CircularProgressProps } from '@mui/material/CircularProgress';
2
- import { LinearProgressProps } from '@mui/material/LinearProgress';
3
- export declare function Spinner({ className, ...props }: CircularProgressProps): import("react").JSX.Element;
4
- export declare function Progress({ className, ...props }: LinearProgressProps): import("react").JSX.Element;
1
+ import { Progress as BaseProgress } from '@base-ui/react/progress';
2
+ import { ComponentPropsWithoutRef } from 'react';
3
+ export interface ProgressProps extends Omit<ComponentPropsWithoutRef<typeof BaseProgress.Root>, "className" | "value"> {
4
+ className?: string;
5
+ value?: number | null;
6
+ }
7
+ export declare function Progress({ className, value, ...props }: ProgressProps): import("react").JSX.Element;
8
+ export interface SpinnerProps {
9
+ size?: number;
10
+ className?: string;
11
+ "aria-label"?: string;
12
+ }
13
+ export declare function Spinner({ className, size, "aria-label": ariaLabel }: SpinnerProps): import("react").JSX.Element;
5
14
  //# sourceMappingURL=Progress.d.ts.map
@@ -1 +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"}
1
+ {"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"}
@@ -1,4 +1,12 @@
1
- import { RadioProps as MuiRadioProps } from '@mui/material/Radio';
2
- export type RadioProps = MuiRadioProps;
3
- export declare const Radio: import('react').ForwardRefExoticComponent<Omit<MuiRadioProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
1
+ import { Radio as BaseRadio } from '@base-ui/react/radio';
2
+ import { RadioGroup as BaseRadioGroup } from '@base-ui/react/radio-group';
3
+ import { ComponentPropsWithoutRef } from 'react';
4
+ import { Tone } from '../utils/styles.js';
5
+ export interface RadioProps extends Omit<ComponentPropsWithoutRef<typeof BaseRadio.Root>, "className"> {
6
+ tone?: Tone;
7
+ className?: string;
8
+ }
9
+ export declare const Radio: import('react').ForwardRefExoticComponent<RadioProps & import('react').RefAttributes<HTMLButtonElement>>;
10
+ export type RadioGroupProps = ComponentPropsWithoutRef<typeof BaseRadioGroup>;
11
+ export declare const RadioGroup: import('react').ForwardRefExoticComponent<Omit<BaseRadioGroup.Props<unknown>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
4
12
  //# sourceMappingURL=Radio.d.ts.map
@@ -1 +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"}
1
+ {"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"}
@@ -1,14 +1,17 @@
1
- import { default as MenuItem } from '@mui/material/MenuItem';
2
- import { ReactNode } from 'react';
3
- import { TextFieldProps } from '../TextField/TextField.js';
1
+ import { Select as BaseSelect } from '@base-ui/react/select';
2
+ import { ComponentPropsWithoutRef, ReactNode } from 'react';
4
3
  export interface SelectOption {
5
4
  label: ReactNode;
6
5
  value: string | number;
7
6
  disabled?: boolean;
8
7
  }
9
- export interface SelectProps extends Omit<TextFieldProps, "select"> {
8
+ export type SelectSize = "small" | "medium";
9
+ export interface SelectProps extends Omit<ComponentPropsWithoutRef<typeof BaseSelect.Root>, "children" | "items"> {
10
10
  options?: SelectOption[];
11
+ label?: ReactNode;
12
+ placeholder?: string;
13
+ size?: SelectSize;
14
+ className?: string;
11
15
  }
12
- export declare function Select({ children, options, ...props }: SelectProps): import("react").JSX.Element;
13
- export { MenuItem };
16
+ export declare function Select({ className, label, options, placeholder, size, ...props }: SelectProps): import("react").JSX.Element;
14
17
  //# sourceMappingURL=Select.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,wBAAwB,CAAC;AAC9C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAE7D,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,cAAc,EAAE,QAAQ,CAAC;IACjE,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;CAC1B;AAED,wBAAgB,MAAM,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,+BAelE;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}
1
+ {"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAE7D,OAAO,KAAK,EAAE,wBAAwB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIjE,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAC;AAO5C,MAAM,WAAW,WACf,SAAQ,IAAI,CACV,wBAAwB,CAAC,OAAO,UAAU,CAAC,IAAI,CAAC,EAChD,UAAU,GAAG,OAAO,CACrB;IACD,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,MAAM,CAAC,EACrB,SAAS,EACT,KAAK,EACL,OAAY,EACZ,WAAsB,EACtB,IAAe,EACf,GAAG,KAAK,EACT,EAAE,WAAW,+BAyDb"}
@@ -1,4 +1,9 @@
1
- import { SkeletonProps as MuiSkeletonProps } from '@mui/material/Skeleton';
2
- export type SkeletonProps = MuiSkeletonProps;
3
- export declare function Skeleton({ className, ...props }: SkeletonProps): import("react").JSX.Element;
1
+ import { HTMLAttributes } from 'react';
2
+ export type SkeletonVariant = "text" | "rounded" | "circular" | "rectangular";
3
+ export interface SkeletonProps extends HTMLAttributes<HTMLDivElement> {
4
+ variant?: SkeletonVariant;
5
+ width?: number | string;
6
+ height?: number | string;
7
+ }
8
+ export declare function Skeleton({ className, height, style, variant, width, ...props }: SkeletonProps): import("react").JSX.Element;
4
9
  //# sourceMappingURL=Skeleton.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/Skeleton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAGhF,MAAM,MAAM,aAAa,GAAG,gBAAgB,CAAC;AAE7C,wBAAgB,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,+BAE9D"}
1
+ {"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/Skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,cAAc,EAAE,MAAM,OAAO,CAAC;AAG3D,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,SAAS,GAAG,UAAU,GAAG,aAAa,CAAC;AAS9E,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,cAAc,CAAC;IACnE,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC1B;AAED,wBAAgB,QAAQ,CAAC,EACvB,SAAS,EACT,MAAM,EACN,KAAK,EACL,OAAgB,EAChB,KAAK,EACL,GAAG,KAAK,EACT,EAAE,aAAa,+BAmBf"}
@@ -1,4 +1,10 @@
1
- import { SliderProps as MuiSliderProps } from '@mui/material/Slider';
2
- export type SliderProps = MuiSliderProps;
3
- export declare const Slider: import('react').ForwardRefExoticComponent<Omit<SliderProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
1
+ import { Slider as BaseSlider } from '@base-ui/react/slider';
2
+ import { ComponentPropsWithoutRef } from 'react';
3
+ import { Tone } from '../utils/styles.js';
4
+ export interface SliderProps extends Omit<ComponentPropsWithoutRef<typeof BaseSlider.Root>, "className"> {
5
+ tone?: Tone;
6
+ className?: string;
7
+ "aria-label"?: string;
8
+ }
9
+ export declare function Slider({ className, tone, "aria-label": ariaLabel, ...props }: SliderProps): import("react").JSX.Element;
4
10
  //# sourceMappingURL=Slider.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/Slider.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,sHAOjB,CAAC"}
1
+ {"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/Slider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAGtD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAE5C,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,wBAAwB,CAAC,OAAO,UAAU,CAAC,IAAI,CAAC,EAAE,WAAW,CAAC;IAC3E,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,wBAAgB,MAAM,CAAC,EACrB,SAAS,EACT,IAAgB,EAChB,YAAY,EAAE,SAAS,EACvB,GAAG,KAAK,EACT,EAAE,WAAW,+BA2Bb"}
@@ -1,6 +1,6 @@
1
- import { PaperProps } from '@mui/material/Paper';
2
- export interface SurfaceProps extends PaperProps {
1
+ import { HTMLAttributes } from 'react';
2
+ export interface SurfaceProps extends HTMLAttributes<HTMLDivElement> {
3
3
  elevated?: boolean;
4
4
  }
5
- export declare const Surface: import('react').ForwardRefExoticComponent<Omit<SurfaceProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
5
+ export declare const Surface: import('react').ForwardRefExoticComponent<SurfaceProps & import('react').RefAttributes<HTMLDivElement>>;
6
6
  //# sourceMappingURL=Surface.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Surface.d.ts","sourceRoot":"","sources":["../../../src/components/Surface/Surface.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAItD,MAAM,WAAW,YAAa,SAAQ,UAAU;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,OAAO,sHAcnB,CAAC"}
1
+ {"version":3,"file":"Surface.d.ts","sourceRoot":"","sources":["../../../src/components/Surface/Surface.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,cAAc,CAAC;IAClE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,OAAO,yGAcnB,CAAC"}