@discourser/design-system 0.4.0 → 0.6.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 (42) hide show
  1. package/README.md +12 -4
  2. package/dist/index.cjs +240 -260
  3. package/dist/index.cjs.map +1 -1
  4. package/dist/index.d.cts +67 -90
  5. package/dist/index.d.ts +67 -90
  6. package/dist/index.js +238 -258
  7. package/dist/index.js.map +1 -1
  8. package/dist/styles.css +5126 -0
  9. package/guidelines/Guidelines.md +67 -123
  10. package/guidelines/components/accordion.md +93 -0
  11. package/guidelines/components/avatar.md +70 -0
  12. package/guidelines/components/badge.md +61 -0
  13. package/guidelines/components/button.md +75 -40
  14. package/guidelines/components/card.md +84 -25
  15. package/guidelines/components/checkbox.md +88 -0
  16. package/guidelines/components/dialog.md +619 -31
  17. package/guidelines/components/drawer.md +655 -0
  18. package/guidelines/components/heading.md +71 -0
  19. package/guidelines/components/icon-button.md +92 -37
  20. package/guidelines/components/input-addon.md +685 -0
  21. package/guidelines/components/input-group.md +830 -0
  22. package/guidelines/components/input.md +92 -37
  23. package/guidelines/components/popover.md +71 -0
  24. package/guidelines/components/progress.md +63 -0
  25. package/guidelines/components/radio-group.md +95 -0
  26. package/guidelines/components/select.md +507 -0
  27. package/guidelines/components/skeleton.md +76 -0
  28. package/guidelines/components/slider.md +911 -0
  29. package/guidelines/components/spinner.md +783 -0
  30. package/guidelines/components/switch.md +105 -38
  31. package/guidelines/components/tabs.md +654 -0
  32. package/guidelines/components/textarea.md +70 -0
  33. package/guidelines/components/toast.md +77 -0
  34. package/guidelines/components/tooltip.md +80 -0
  35. package/guidelines/design-tokens/colors.md +309 -72
  36. package/guidelines/design-tokens/elevation.md +615 -45
  37. package/guidelines/design-tokens/spacing.md +654 -74
  38. package/guidelines/design-tokens/typography.md +432 -50
  39. package/guidelines/overview-components.md +9 -5
  40. package/guidelines/overview-imports.md +314 -0
  41. package/guidelines/overview-patterns.md +3852 -0
  42. package/package.json +14 -2
package/dist/index.d.cts CHANGED
@@ -3,22 +3,22 @@ import react__default, { ElementType, ComponentType, Component, JSX, ComponentPr
3
3
  import { RecipeConfig as RecipeConfig$1, SlotRecipeConfig as SlotRecipeConfig$1, GlobalStyleObject as GlobalStyleObject$1, TextStyles as TextStyles$1, LayerStyles as LayerStyles$1, PatternConfig as PatternConfig$1, RecipeVariantRecord as RecipeVariantRecord$1 } from '@pandacss/types';
4
4
  import * as _ark_ui_react from '@ark-ui/react';
5
5
  import { Assign as Assign$1, SelectRootProps } from '@ark-ui/react';
6
+ import { ClassValue } from 'clsx';
7
+ import { Field } from '@ark-ui/react/field';
6
8
  import * as react_jsx_runtime from 'react/jsx-runtime';
9
+ import { createToaster } from '@ark-ui/react/toast';
7
10
  import { Dialog as Dialog$1, DialogContext } from '@ark-ui/react/dialog';
8
11
  import { Switch as Switch$1, SwitchContext } from '@ark-ui/react/switch';
9
12
  import { Accordion as Accordion$1, AccordionContext } from '@ark-ui/react/accordion';
10
13
  import { Tabs as Tabs$1, TabsContext } from '@ark-ui/react/tabs';
11
- import { Field } from '@ark-ui/react/field';
12
14
  import { Checkbox as Checkbox$1, CheckboxCheckedState, CheckboxGroupProvider } from '@ark-ui/react/checkbox';
13
15
  import { RadioGroup as RadioGroup$1, RadioGroupContext } from '@ark-ui/react/radio-group';
14
16
  import { Select as Select$1, SelectContext, SelectItemContext, SelectValueChangeDetails } from '@ark-ui/react/select';
15
17
  import { Slider as Slider$1, SliderContext } from '@ark-ui/react/slider';
16
18
  import { Avatar as Avatar$1, AvatarContext } from '@ark-ui/react/avatar';
17
19
  import { Progress as Progress$1 } from '@ark-ui/react/progress';
18
- import { createToaster } from '@ark-ui/react/toast';
19
20
  import { Popover as Popover$1, PopoverContext } from '@ark-ui/react/popover';
20
21
  import { Tooltip as Tooltip$2, TooltipContext } from '@ark-ui/react/tooltip';
21
- import { ClassValue } from 'clsx';
22
22
 
23
23
  /* eslint-disable */
24
24
  interface ConditionOptions {
@@ -21010,23 +21010,53 @@ interface ButtonLoadingProps {
21010
21010
  }
21011
21011
  type BaseButtonProps = ComponentProps$1<typeof BaseButton>;
21012
21012
  declare const BaseButton: StyledComponent<react__default.ForwardRefExoticComponent<react__default.ClassAttributes<HTMLButtonElement> & react__default.ButtonHTMLAttributes<HTMLButtonElement> & _ark_ui_react.PolymorphicProps>, ButtonVariantProps>;
21013
- interface ButtonProps extends BaseButtonProps, ButtonLoadingProps {
21013
+ interface ButtonProps$1 extends BaseButtonProps, ButtonLoadingProps {
21014
21014
  }
21015
- declare const Button: react__default.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & react__default.RefAttributes<HTMLButtonElement>>;
21016
21015
  interface ButtonGroupProps extends GroupProps, ButtonVariantProps {
21017
21016
  }
21018
- declare const ButtonGroup: react__default.ForwardRefExoticComponent<Omit<ButtonGroupProps, "ref"> & react__default.RefAttributes<HTMLDivElement>>;
21019
-
21020
- declare const Button$1_Button: typeof Button;
21021
- declare const Button$1_ButtonGroup: typeof ButtonGroup;
21022
- type Button$1_ButtonGroupProps = ButtonGroupProps;
21023
- type Button$1_ButtonProps = ButtonProps;
21024
- declare namespace Button$1 {
21025
- export { Button$1_Button as Button, Button$1_ButtonGroup as ButtonGroup, type Button$1_ButtonGroupProps as ButtonGroupProps, type Button$1_ButtonProps as ButtonProps };
21017
+
21018
+ interface IconButtonProps extends ButtonProps$1 {
21026
21019
  }
21020
+ declare const IconButton: react.ForwardRefExoticComponent<Omit<IconButtonProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
21021
+
21022
+ type InputProps = ComponentProps$1<typeof Input>;
21023
+ declare const Input: StyledComponent<react.ForwardRefExoticComponent<Field.InputProps & react.RefAttributes<HTMLInputElement>>, InputVariantProps>;
21024
+
21025
+ type InputAddonProps = ComponentProps$1<typeof InputAddon>;
21026
+ declare const InputAddon: StyledComponent<react.ForwardRefExoticComponent<react.ClassAttributes<HTMLDivElement> & react.HTMLAttributes<HTMLDivElement> & _ark_ui_react.PolymorphicProps>, InputAddonVariantProps>;
21027
21027
 
21028
21028
  type RootProps$e = ComponentProps$1<typeof Root$e>;
21029
- declare const Root$e: undefined<react.ForwardRefExoticComponent<react.ClassAttributes<HTMLDivElement> & react.HTMLAttributes<HTMLDivElement> & _ark_ui_react.PolymorphicProps>, CardRecipe>;
21029
+ declare const Root$e: undefined<react.ForwardRefExoticComponent<react.ClassAttributes<HTMLDivElement> & react.HTMLAttributes<HTMLDivElement> & _ark_ui_react.PolymorphicProps>, InputGroupRecipe>;
21030
+ interface InputGroupProps extends RootProps$e {
21031
+ startElement?: ReactNode | undefined;
21032
+ endElement?: ReactNode | undefined;
21033
+ children?: ReactNode;
21034
+ }
21035
+ declare const InputGroup: react.ForwardRefExoticComponent<Omit<InputGroupProps, "ref"> & react.RefAttributes<HTMLDivElement>> & {
21036
+ Root: undefined<react.ForwardRefExoticComponent<react.ClassAttributes<HTMLDivElement> & react.HTMLAttributes<HTMLDivElement> & _ark_ui_react.PolymorphicProps>, InputGroupRecipe>;
21037
+ Element: undefined<react.ForwardRefExoticComponent<react.ClassAttributes<HTMLDivElement> & react.HTMLAttributes<HTMLDivElement> & _ark_ui_react.PolymorphicProps>>;
21038
+ }
21039
+
21040
+ type TextareaProps = ComponentProps$1<typeof Textarea>;
21041
+ declare const Textarea: StyledComponent<react.ForwardRefExoticComponent<Field.TextareaProps & react.RefAttributes<HTMLTextAreaElement>>, TextareaVariantProps>;
21042
+
21043
+ type Props = HeadingVariantProps & {
21044
+ as?: ElementType;
21045
+ };
21046
+ type HeadingProps = ComponentProps$1<typeof Heading>;
21047
+ declare const Heading: StyledComponent<"h2", Props>;
21048
+
21049
+ type BadgeProps = ComponentProps$1<typeof Badge>;
21050
+ declare const Badge: StyledComponent<react.ForwardRefExoticComponent<react.ClassAttributes<HTMLDivElement> & react.HTMLAttributes<HTMLDivElement> & _ark_ui_react.PolymorphicProps>, BadgeVariantProps>;
21051
+
21052
+ type SpinnerProps = ComponentProps$1<typeof Spinner>;
21053
+ declare const Spinner: StyledComponent<react.ForwardRefExoticComponent<react.ClassAttributes<HTMLSpanElement> & react.HTMLAttributes<HTMLSpanElement> & _ark_ui_react.PolymorphicProps>, SpinnerVariantProps>;
21054
+
21055
+ declare const toaster: ReturnType<typeof createToaster>;
21056
+ declare const Toaster: () => react_jsx_runtime.JSX.Element;
21057
+
21058
+ type RootProps$d = ComponentProps$1<typeof Root$d>;
21059
+ declare const Root$d: undefined<react.ForwardRefExoticComponent<react.ClassAttributes<HTMLDivElement> & react.HTMLAttributes<HTMLDivElement> & _ark_ui_react.PolymorphicProps>, CardRecipe>;
21030
21060
  declare const Header$3: undefined<react.ForwardRefExoticComponent<react.ClassAttributes<HTMLDivElement> & react.HTMLAttributes<HTMLDivElement> & _ark_ui_react.PolymorphicProps>>;
21031
21061
  declare const Body$3: undefined<react.ForwardRefExoticComponent<react.ClassAttributes<HTMLDivElement> & react.HTMLAttributes<HTMLDivElement> & _ark_ui_react.PolymorphicProps>>;
21032
21062
  declare const Footer$3: undefined<react.ForwardRefExoticComponent<react.ClassAttributes<HTMLDivElement> & react.HTMLAttributes<HTMLDivElement> & _ark_ui_react.PolymorphicProps>>;
@@ -21043,11 +21073,11 @@ declare const Card: {
21043
21073
 
21044
21074
  declare const Card$1_Card: typeof Card;
21045
21075
  declare namespace Card$1 {
21046
- export { Body$3 as Body, Card$1_Card as Card, Description$3 as Description, Footer$3 as Footer, Header$3 as Header, Root$e as Root, type RootProps$e as RootProps, Title$3 as Title };
21076
+ export { Body$3 as Body, Card$1_Card as Card, Description$3 as Description, Footer$3 as Footer, Header$3 as Header, Root$d as Root, type RootProps$d as RootProps, Title$3 as Title };
21047
21077
  }
21048
21078
 
21049
- declare const Root$d: undefined<(props: Dialog$1.RootProps) => react_jsx_runtime.JSX.Element, DialogRecipe>;
21050
- type RootProps$d = ComponentProps$1<typeof Root$d>;
21079
+ declare const Root$c: undefined<(props: Dialog$1.RootProps) => react_jsx_runtime.JSX.Element, DialogRecipe>;
21080
+ type RootProps$c = ComponentProps$1<typeof Root$c>;
21051
21081
  declare const Backdrop$1: undefined<react.ForwardRefExoticComponent<Dialog$1.BackdropProps & react.RefAttributes<HTMLDivElement>>>;
21052
21082
  declare const CloseTrigger$2: undefined<react.ForwardRefExoticComponent<Dialog$1.CloseTriggerProps & react.RefAttributes<HTMLButtonElement>>>;
21053
21083
  declare const Content$5: undefined<react.ForwardRefExoticComponent<Dialog$1.ContentProps & react.RefAttributes<HTMLDivElement>>>;
@@ -21060,32 +21090,22 @@ declare const Header$2: undefined<react.ForwardRefExoticComponent<react.ClassAtt
21060
21090
  declare const Footer$2: undefined<react.ForwardRefExoticComponent<react.ClassAttributes<HTMLDivElement> & react.HTMLAttributes<HTMLDivElement> & _ark_ui_react.PolymorphicProps>>;
21061
21091
 
21062
21092
  declare namespace Dialog {
21063
- export { Backdrop$1 as Backdrop, Body$2 as Body, CloseTrigger$2 as CloseTrigger, Content$5 as Content, DialogContext as Context, Description$2 as Description, Footer$2 as Footer, Header$2 as Header, Positioner$3 as Positioner, Root$d as Root, type RootProps$d as RootProps, Title$2 as Title, Trigger$4 as Trigger };
21093
+ export { Backdrop$1 as Backdrop, Body$2 as Body, CloseTrigger$2 as CloseTrigger, Content$5 as Content, DialogContext as Context, Description$2 as Description, Footer$2 as Footer, Header$2 as Header, Positioner$3 as Positioner, Root$c as Root, type RootProps$c as RootProps, Title$2 as Title, Trigger$4 as Trigger };
21064
21094
  }
21065
21095
 
21066
- interface IconButtonProps extends ButtonProps {
21067
- }
21068
- declare const IconButton: react.ForwardRefExoticComponent<Omit<IconButtonProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
21069
-
21070
- declare const IconButton$1_IconButton: typeof IconButton;
21071
- type IconButton$1_IconButtonProps = IconButtonProps;
21072
- declare namespace IconButton$1 {
21073
- export { IconButton$1_IconButton as IconButton, type IconButton$1_IconButtonProps as IconButtonProps };
21074
- }
21075
-
21076
- type RootProps$c = ComponentProps$1<typeof Root$c>;
21077
- declare const Root$c: undefined<react.ForwardRefExoticComponent<Switch$1.RootProps & react.RefAttributes<HTMLLabelElement>>, SwitchComponentRecipe>;
21096
+ type RootProps$b = ComponentProps$1<typeof Root$b>;
21097
+ declare const Root$b: undefined<react.ForwardRefExoticComponent<Switch$1.RootProps & react.RefAttributes<HTMLLabelElement>>, SwitchComponentRecipe>;
21078
21098
  declare const Label$5: undefined<react.ForwardRefExoticComponent<Switch$1.LabelProps & react.RefAttributes<HTMLSpanElement>>>;
21079
21099
  declare const Thumb$1: undefined<react.ForwardRefExoticComponent<Switch$1.ThumbProps & react.RefAttributes<HTMLSpanElement>>>;
21080
21100
  declare const HiddenInput$2: react.ForwardRefExoticComponent<Switch$1.HiddenInputProps & react.RefAttributes<HTMLInputElement>>;
21081
21101
  declare const Control$3: undefined<react.ForwardRefExoticComponent<Switch$1.ControlProps & react.RefAttributes<HTMLSpanElement>>>;
21082
21102
 
21083
21103
  declare namespace Switch {
21084
- export { SwitchContext as Context, Control$3 as Control, HiddenInput$2 as HiddenInput, Label$5 as Label, Root$c as Root, type RootProps$c as RootProps, Thumb$1 as Thumb };
21104
+ export { SwitchContext as Context, Control$3 as Control, HiddenInput$2 as HiddenInput, Label$5 as Label, Root$b as Root, type RootProps$b as RootProps, Thumb$1 as Thumb };
21085
21105
  }
21086
21106
 
21087
- type RootProps$b = ComponentProps$1<typeof Root$b>;
21088
- declare const Root$b: undefined<react.ForwardRefExoticComponent<Accordion$1.RootProps & react.RefAttributes<HTMLDivElement>>, AccordionRecipe>;
21107
+ type RootProps$a = ComponentProps$1<typeof Root$a>;
21108
+ declare const Root$a: undefined<react.ForwardRefExoticComponent<Accordion$1.RootProps & react.RefAttributes<HTMLDivElement>>, AccordionRecipe>;
21089
21109
  declare const RootProvider$7: undefined<react.ForwardRefExoticComponent<Accordion$1.RootProviderProps & react.RefAttributes<HTMLDivElement>>, AccordionRecipe>;
21090
21110
  declare const Item$2: undefined<react.ForwardRefExoticComponent<Accordion$1.ItemProps & react.RefAttributes<HTMLDivElement>>>;
21091
21111
  declare const ItemContent: undefined<react.ForwardRefExoticComponent<Accordion$1.ItemContentProps & react.RefAttributes<HTMLDivElement>>>;
@@ -21097,11 +21117,11 @@ declare const Accordion_ItemBody: typeof ItemBody;
21097
21117
  declare const Accordion_ItemContent: typeof ItemContent;
21098
21118
  declare const Accordion_ItemTrigger: typeof ItemTrigger;
21099
21119
  declare namespace Accordion {
21100
- export { AccordionContext as Context, Item$2 as Item, Accordion_ItemBody as ItemBody, Accordion_ItemContent as ItemContent, ItemIndicator$1 as ItemIndicator, Accordion_ItemTrigger as ItemTrigger, Root$b as Root, type RootProps$b as RootProps, RootProvider$7 as RootProvider };
21120
+ export { AccordionContext as Context, Item$2 as Item, Accordion_ItemBody as ItemBody, Accordion_ItemContent as ItemContent, ItemIndicator$1 as ItemIndicator, Accordion_ItemTrigger as ItemTrigger, Root$a as Root, type RootProps$a as RootProps, RootProvider$7 as RootProvider };
21101
21121
  }
21102
21122
 
21103
- type RootProps$a = ComponentProps$1<typeof Root$a>;
21104
- declare const Root$a: undefined<(props: Dialog$1.RootProps) => react_jsx_runtime.JSX.Element, DrawerRecipe>;
21123
+ type RootProps$9 = ComponentProps$1<typeof Root$9>;
21124
+ declare const Root$9: undefined<(props: Dialog$1.RootProps) => react_jsx_runtime.JSX.Element, DrawerRecipe>;
21105
21125
  declare const RootProvider$6: undefined<(props: Dialog$1.RootProps) => react_jsx_runtime.JSX.Element, DrawerRecipe>;
21106
21126
  declare const Backdrop: undefined<react.ForwardRefExoticComponent<Dialog$1.BackdropProps & react.RefAttributes<HTMLDivElement>>>;
21107
21127
  declare const Positioner$2: undefined<react.ForwardRefExoticComponent<Dialog$1.PositionerProps & react.RefAttributes<HTMLDivElement>>>;
@@ -21116,11 +21136,11 @@ declare const Footer$1: undefined<react.ForwardRefExoticComponent<react.ClassAtt
21116
21136
 
21117
21137
  declare const Drawer_Backdrop: typeof Backdrop;
21118
21138
  declare namespace Drawer {
21119
- export { Drawer_Backdrop as Backdrop, Body$1 as Body, CloseTrigger$1 as CloseTrigger, Content$4 as Content, DialogContext as Context, Description$1 as Description, Footer$1 as Footer, Header$1 as Header, Positioner$2 as Positioner, Root$a as Root, type RootProps$a as RootProps, RootProvider$6 as RootProvider, Title$1 as Title, Trigger$3 as Trigger };
21139
+ export { Drawer_Backdrop as Backdrop, Body$1 as Body, CloseTrigger$1 as CloseTrigger, Content$4 as Content, DialogContext as Context, Description$1 as Description, Footer$1 as Footer, Header$1 as Header, Positioner$2 as Positioner, Root$9 as Root, type RootProps$9 as RootProps, RootProvider$6 as RootProvider, Title$1 as Title, Trigger$3 as Trigger };
21120
21140
  }
21121
21141
 
21122
- type RootProps$9 = ComponentProps$1<typeof Root$9>;
21123
- declare const Root$9: undefined<react.ForwardRefExoticComponent<Tabs$1.RootProps & react.RefAttributes<HTMLDivElement>>, TabsRecipe>;
21142
+ type RootProps$8 = ComponentProps$1<typeof Root$8>;
21143
+ declare const Root$8: undefined<react.ForwardRefExoticComponent<Tabs$1.RootProps & react.RefAttributes<HTMLDivElement>>, TabsRecipe>;
21124
21144
  declare const RootProvider$5: undefined<react.ForwardRefExoticComponent<Tabs$1.RootProviderProps & react.RefAttributes<HTMLDivElement>>, TabsRecipe>;
21125
21145
  declare const List$1: undefined<react.ForwardRefExoticComponent<Tabs$1.ListProps & react.RefAttributes<HTMLDivElement>>>;
21126
21146
  declare const Trigger$2: undefined<react.ForwardRefExoticComponent<Tabs$1.TriggerProps & react.RefAttributes<HTMLButtonElement>>>;
@@ -21128,30 +21148,9 @@ declare const Content$3: undefined<react.ForwardRefExoticComponent<Tabs$1.Conten
21128
21148
  declare const Indicator$4: undefined<react.ForwardRefExoticComponent<Tabs$1.IndicatorProps & react.RefAttributes<HTMLDivElement>>>;
21129
21149
 
21130
21150
  declare namespace Tabs {
21131
- export { Content$3 as Content, TabsContext as Context, Indicator$4 as Indicator, List$1 as List, Root$9 as Root, type RootProps$9 as RootProps, RootProvider$5 as RootProvider, Trigger$2 as Trigger };
21151
+ export { Content$3 as Content, TabsContext as Context, Indicator$4 as Indicator, List$1 as List, Root$8 as Root, type RootProps$8 as RootProps, RootProvider$5 as RootProvider, Trigger$2 as Trigger };
21132
21152
  }
21133
21153
 
21134
- type InputProps = ComponentProps$1<typeof Input>;
21135
- declare const Input: StyledComponent<react.ForwardRefExoticComponent<Field.InputProps & react.RefAttributes<HTMLInputElement>>, InputVariantProps>;
21136
-
21137
- type InputAddonProps = ComponentProps$1<typeof InputAddon>;
21138
- declare const InputAddon: StyledComponent<react.ForwardRefExoticComponent<react.ClassAttributes<HTMLDivElement> & react.HTMLAttributes<HTMLDivElement> & _ark_ui_react.PolymorphicProps>, InputAddonVariantProps>;
21139
-
21140
- type RootProps$8 = ComponentProps$1<typeof Root$8>;
21141
- declare const Root$8: undefined<react.ForwardRefExoticComponent<react.ClassAttributes<HTMLDivElement> & react.HTMLAttributes<HTMLDivElement> & _ark_ui_react.PolymorphicProps>, InputGroupRecipe>;
21142
- interface InputGroupProps extends RootProps$8 {
21143
- startElement?: ReactNode | undefined;
21144
- endElement?: ReactNode | undefined;
21145
- children?: ReactNode;
21146
- }
21147
- declare const InputGroup: react.ForwardRefExoticComponent<Omit<InputGroupProps, "ref"> & react.RefAttributes<HTMLDivElement>> & {
21148
- Root: undefined<react.ForwardRefExoticComponent<react.ClassAttributes<HTMLDivElement> & react.HTMLAttributes<HTMLDivElement> & _ark_ui_react.PolymorphicProps>, InputGroupRecipe>;
21149
- Element: undefined<react.ForwardRefExoticComponent<react.ClassAttributes<HTMLDivElement> & react.HTMLAttributes<HTMLDivElement> & _ark_ui_react.PolymorphicProps>>;
21150
- }
21151
-
21152
- type TextareaProps = ComponentProps$1<typeof Textarea>;
21153
- declare const Textarea: StyledComponent<react.ForwardRefExoticComponent<Field.TextareaProps & react.RefAttributes<HTMLTextAreaElement>>, TextareaVariantProps>;
21154
-
21155
21154
  type RootProps$7 = ComponentProps$1<typeof Root$7>;
21156
21155
  type HiddenInputProps = ComponentProps$1<typeof HiddenInput$1>;
21157
21156
  declare const Root$7: undefined<react.ForwardRefExoticComponent<Checkbox$1.RootProps & react.RefAttributes<HTMLLabelElement>>, CheckboxRecipe>;
@@ -21489,6 +21488,7 @@ declare const Indicator$3: react.ForwardRefExoticComponent<Omit<{
21489
21488
  fr?: number | string | undefined | undefined;
21490
21489
  name?: string | undefined | undefined;
21491
21490
  type?: string | undefined | undefined;
21491
+ origin?: number | string | undefined | undefined;
21492
21492
  method?: string | undefined | undefined;
21493
21493
  target?: string | undefined | undefined;
21494
21494
  crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
@@ -21566,7 +21566,6 @@ declare const Indicator$3: react.ForwardRefExoticComponent<Omit<{
21566
21566
  numOctaves?: number | string | undefined | undefined;
21567
21567
  operator?: number | string | undefined | undefined;
21568
21568
  orient?: number | string | undefined | undefined;
21569
- origin?: number | string | undefined | undefined;
21570
21569
  overlinePosition?: number | string | undefined | undefined;
21571
21570
  overlineThickness?: number | string | undefined | undefined;
21572
21571
  panose1?: number | string | undefined | undefined;
@@ -21781,15 +21780,6 @@ declare namespace Avatar {
21781
21780
  export { AvatarContext as Context, Avatar_Fallback as Fallback, type Avatar_FallbackProps as FallbackProps, Avatar_Image as Image, Root$3 as Root, type RootProps$3 as RootProps, RootProvider$2 as RootProvider };
21782
21781
  }
21783
21782
 
21784
- type BadgeProps = ComponentProps$1<typeof Badge>;
21785
- declare const Badge: StyledComponent<react.ForwardRefExoticComponent<react.ClassAttributes<HTMLDivElement> & react.HTMLAttributes<HTMLDivElement> & _ark_ui_react.PolymorphicProps>, BadgeVariantProps>;
21786
-
21787
- declare const Badge$1_Badge: typeof Badge;
21788
- type Badge$1_BadgeProps = BadgeProps;
21789
- declare namespace Badge$1 {
21790
- export { Badge$1_Badge as Badge, type Badge$1_BadgeProps as BadgeProps };
21791
- }
21792
-
21793
21783
  type RootProps$2 = ComponentProps$1<typeof Root$2>;
21794
21784
  declare const Root$2: undefined<react.ForwardRefExoticComponent<Progress$1.RootProps & react.RefAttributes<HTMLDivElement>>, ProgressRecipe>;
21795
21785
  declare const RootProvider$1: undefined<react.ForwardRefExoticComponent<Progress$1.RootProviderProps & react.RefAttributes<HTMLDivElement>>, ProgressRecipe>;
@@ -21838,9 +21828,6 @@ declare namespace Skeleton$1 {
21838
21828
  export { Skeleton$1_Skeleton as Skeleton, Skeleton$1_SkeletonCircle as SkeletonCircle, type Skeleton$1_SkeletonCircleProps as SkeletonCircleProps, type Skeleton$1_SkeletonProps as SkeletonProps, Skeleton$1_SkeletonText as SkeletonText, type Skeleton$1_SkeletonTextProps as SkeletonTextProps };
21839
21829
  }
21840
21830
 
21841
- declare const toaster: ReturnType<typeof createToaster>;
21842
- declare const Toaster: () => react_jsx_runtime.JSX.Element;
21843
-
21844
21831
  type RootProps$1 = ComponentProps$1<typeof Root$1>;
21845
21832
  declare const Root$1: undefined<(props: Popover$1.RootProps) => react_jsx_runtime.JSX.Element, PopoverRecipe>;
21846
21833
  declare const RootProvider: undefined<(props: Popover$1.RootProps) => react_jsx_runtime.JSX.Element, PopoverRecipe>;
@@ -21897,12 +21884,6 @@ declare namespace Tooltip$1 {
21897
21884
  export { TooltipContext as Context, Tooltip$1_Tooltip as Tooltip, type Tooltip$1_TooltipProps as TooltipProps };
21898
21885
  }
21899
21886
 
21900
- type Props = HeadingVariantProps & {
21901
- as?: ElementType;
21902
- };
21903
- type HeadingProps = ComponentProps$1<typeof Heading>;
21904
- declare const Heading: StyledComponent<"h2", Props>;
21905
-
21906
21887
  type CloseButtonProps = IconButtonProps;
21907
21888
  declare const CloseButton: react.ForwardRefExoticComponent<Omit<IconButtonProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
21908
21889
 
@@ -21921,15 +21902,6 @@ declare namespace Icon$1 {
21921
21902
  export { Icon$1_Icon as Icon, type Icon$1_IconProps as IconProps };
21922
21903
  }
21923
21904
 
21924
- type SpinnerProps = ComponentProps$1<typeof Spinner>;
21925
- declare const Spinner: StyledComponent<react.ForwardRefExoticComponent<react.ClassAttributes<HTMLSpanElement> & react.HTMLAttributes<HTMLSpanElement> & _ark_ui_react.PolymorphicProps>, SpinnerVariantProps>;
21926
-
21927
- declare const Spinner$1_Spinner: typeof Spinner;
21928
- type Spinner$1_SpinnerProps = SpinnerProps;
21929
- declare namespace Spinner$1 {
21930
- export { Spinner$1_Spinner as Spinner, type Spinner$1_SpinnerProps as SpinnerProps };
21931
- }
21932
-
21933
21905
  type AbsoluteCenterProps = ComponentProps$1<typeof AbsoluteCenter>;
21934
21906
  declare const AbsoluteCenter: StyledComponent<react.ForwardRefExoticComponent<react.ClassAttributes<HTMLDivElement> & react.HTMLAttributes<HTMLDivElement> & _ark_ui_react.PolymorphicProps>, AbsoluteCenterVariantProps>;
21935
21907
 
@@ -21939,6 +21911,11 @@ declare namespace AbsoluteCenter$1 {
21939
21911
  export { AbsoluteCenter$1_AbsoluteCenter as AbsoluteCenter, type AbsoluteCenter$1_AbsoluteCenterProps as AbsoluteCenterProps };
21940
21912
  }
21941
21913
 
21914
+ declare const Button: react.ForwardRefExoticComponent<Omit<ButtonProps$1, "ref"> & react.RefAttributes<HTMLButtonElement>> & {
21915
+ Group: react.ForwardRefExoticComponent<Omit<ButtonGroupProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
21916
+ };
21917
+ type ButtonProps = ButtonProps$1;
21918
+
21942
21919
  declare const buttonRecipe: RecipeConfig$1<RecipeVariantRecord$1>;
21943
21920
 
21944
21921
  declare const cardRecipe: RecipeConfig$1<RecipeVariantRecord$1>;
@@ -22236,4 +22213,4 @@ declare function transformToPandaTheme(language: DesignLanguageContract): {
22236
22213
  */
22237
22214
  declare function cn(...inputs: ClassValue[]): string;
22238
22215
 
22239
- export { AbsoluteCenter$1 as AbsoluteCenter, Accordion, Avatar, Badge$1 as Badge, type BorderConfig, type BorderWidthScale, Button$1 as Button, Card$1 as Card, Checkbox, CloseButton$1 as CloseButton, type ColorPalettes, type DesignLanguageContract, Dialog, Drawer, type DurationScale, type EasingScale, type ElevationConfig, type ElevationScale, Group$2 as Group, Heading, type HeadingProps, Icon$1 as Icon, IconButton$1 as IconButton, Input, InputAddon, type InputAddonProps, InputGroup, type InputGroupProps, type InputProps, type MotionConfig, Popover, Progress, type RadiiScale, RadioGroup, Select, type SemanticColors, type ShapeConfig, Skeleton$1 as Skeleton, Slider, type SpacingScale, Spinner$1 as Spinner, Switch, Tabs, Textarea, type TextareaProps, Toaster, type TonalPalette, Tooltip$1 as Tooltip, type TypeStyle, type TypographyConfig, type TypographyScale, material3Language as activeLanguage, buttonRecipe, cardRecipe, cn, dialogRecipe, iconButtonRecipe, inputRecipe, switchRecipe, toaster, transformToPandaTheme };
22216
+ export { AbsoluteCenter$1 as AbsoluteCenter, Accordion, Avatar, Badge, type BadgeProps, type BorderConfig, type BorderWidthScale, Button, type ButtonGroupProps, type ButtonProps, Card$1 as Card, Checkbox, CloseButton$1 as CloseButton, type ColorPalettes, type DesignLanguageContract, Dialog, Drawer, type DurationScale, type EasingScale, type ElevationConfig, type ElevationScale, Group$2 as Group, Heading, type HeadingProps, Icon$1 as Icon, IconButton, type IconButtonProps, Input, InputAddon, type InputAddonProps, InputGroup, type InputGroupProps, type InputProps, type MotionConfig, Popover, Progress, type RadiiScale, RadioGroup, Select, type SemanticColors, type ShapeConfig, Skeleton$1 as Skeleton, Slider, type SpacingScale, Spinner, type SpinnerProps, Switch, Tabs, Textarea, type TextareaProps, Toaster, type TonalPalette, Tooltip$1 as Tooltip, type TypeStyle, type TypographyConfig, type TypographyScale, material3Language as activeLanguage, buttonRecipe, cardRecipe, cn, dialogRecipe, iconButtonRecipe, inputRecipe, switchRecipe, toaster, transformToPandaTheme };
package/dist/index.d.ts CHANGED
@@ -3,22 +3,22 @@ import react__default, { ElementType, ComponentType, Component, JSX, ComponentPr
3
3
  import { RecipeConfig as RecipeConfig$1, SlotRecipeConfig as SlotRecipeConfig$1, GlobalStyleObject as GlobalStyleObject$1, TextStyles as TextStyles$1, LayerStyles as LayerStyles$1, PatternConfig as PatternConfig$1, RecipeVariantRecord as RecipeVariantRecord$1 } from '@pandacss/types';
4
4
  import * as _ark_ui_react from '@ark-ui/react';
5
5
  import { Assign as Assign$1, SelectRootProps } from '@ark-ui/react';
6
+ import { ClassValue } from 'clsx';
7
+ import { Field } from '@ark-ui/react/field';
6
8
  import * as react_jsx_runtime from 'react/jsx-runtime';
9
+ import { createToaster } from '@ark-ui/react/toast';
7
10
  import { Dialog as Dialog$1, DialogContext } from '@ark-ui/react/dialog';
8
11
  import { Switch as Switch$1, SwitchContext } from '@ark-ui/react/switch';
9
12
  import { Accordion as Accordion$1, AccordionContext } from '@ark-ui/react/accordion';
10
13
  import { Tabs as Tabs$1, TabsContext } from '@ark-ui/react/tabs';
11
- import { Field } from '@ark-ui/react/field';
12
14
  import { Checkbox as Checkbox$1, CheckboxCheckedState, CheckboxGroupProvider } from '@ark-ui/react/checkbox';
13
15
  import { RadioGroup as RadioGroup$1, RadioGroupContext } from '@ark-ui/react/radio-group';
14
16
  import { Select as Select$1, SelectContext, SelectItemContext, SelectValueChangeDetails } from '@ark-ui/react/select';
15
17
  import { Slider as Slider$1, SliderContext } from '@ark-ui/react/slider';
16
18
  import { Avatar as Avatar$1, AvatarContext } from '@ark-ui/react/avatar';
17
19
  import { Progress as Progress$1 } from '@ark-ui/react/progress';
18
- import { createToaster } from '@ark-ui/react/toast';
19
20
  import { Popover as Popover$1, PopoverContext } from '@ark-ui/react/popover';
20
21
  import { Tooltip as Tooltip$2, TooltipContext } from '@ark-ui/react/tooltip';
21
- import { ClassValue } from 'clsx';
22
22
 
23
23
  /* eslint-disable */
24
24
  interface ConditionOptions {
@@ -21010,23 +21010,53 @@ interface ButtonLoadingProps {
21010
21010
  }
21011
21011
  type BaseButtonProps = ComponentProps$1<typeof BaseButton>;
21012
21012
  declare const BaseButton: StyledComponent<react__default.ForwardRefExoticComponent<react__default.ClassAttributes<HTMLButtonElement> & react__default.ButtonHTMLAttributes<HTMLButtonElement> & _ark_ui_react.PolymorphicProps>, ButtonVariantProps>;
21013
- interface ButtonProps extends BaseButtonProps, ButtonLoadingProps {
21013
+ interface ButtonProps$1 extends BaseButtonProps, ButtonLoadingProps {
21014
21014
  }
21015
- declare const Button: react__default.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & react__default.RefAttributes<HTMLButtonElement>>;
21016
21015
  interface ButtonGroupProps extends GroupProps, ButtonVariantProps {
21017
21016
  }
21018
- declare const ButtonGroup: react__default.ForwardRefExoticComponent<Omit<ButtonGroupProps, "ref"> & react__default.RefAttributes<HTMLDivElement>>;
21019
-
21020
- declare const Button$1_Button: typeof Button;
21021
- declare const Button$1_ButtonGroup: typeof ButtonGroup;
21022
- type Button$1_ButtonGroupProps = ButtonGroupProps;
21023
- type Button$1_ButtonProps = ButtonProps;
21024
- declare namespace Button$1 {
21025
- export { Button$1_Button as Button, Button$1_ButtonGroup as ButtonGroup, type Button$1_ButtonGroupProps as ButtonGroupProps, type Button$1_ButtonProps as ButtonProps };
21017
+
21018
+ interface IconButtonProps extends ButtonProps$1 {
21026
21019
  }
21020
+ declare const IconButton: react.ForwardRefExoticComponent<Omit<IconButtonProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
21021
+
21022
+ type InputProps = ComponentProps$1<typeof Input>;
21023
+ declare const Input: StyledComponent<react.ForwardRefExoticComponent<Field.InputProps & react.RefAttributes<HTMLInputElement>>, InputVariantProps>;
21024
+
21025
+ type InputAddonProps = ComponentProps$1<typeof InputAddon>;
21026
+ declare const InputAddon: StyledComponent<react.ForwardRefExoticComponent<react.ClassAttributes<HTMLDivElement> & react.HTMLAttributes<HTMLDivElement> & _ark_ui_react.PolymorphicProps>, InputAddonVariantProps>;
21027
21027
 
21028
21028
  type RootProps$e = ComponentProps$1<typeof Root$e>;
21029
- declare const Root$e: undefined<react.ForwardRefExoticComponent<react.ClassAttributes<HTMLDivElement> & react.HTMLAttributes<HTMLDivElement> & _ark_ui_react.PolymorphicProps>, CardRecipe>;
21029
+ declare const Root$e: undefined<react.ForwardRefExoticComponent<react.ClassAttributes<HTMLDivElement> & react.HTMLAttributes<HTMLDivElement> & _ark_ui_react.PolymorphicProps>, InputGroupRecipe>;
21030
+ interface InputGroupProps extends RootProps$e {
21031
+ startElement?: ReactNode | undefined;
21032
+ endElement?: ReactNode | undefined;
21033
+ children?: ReactNode;
21034
+ }
21035
+ declare const InputGroup: react.ForwardRefExoticComponent<Omit<InputGroupProps, "ref"> & react.RefAttributes<HTMLDivElement>> & {
21036
+ Root: undefined<react.ForwardRefExoticComponent<react.ClassAttributes<HTMLDivElement> & react.HTMLAttributes<HTMLDivElement> & _ark_ui_react.PolymorphicProps>, InputGroupRecipe>;
21037
+ Element: undefined<react.ForwardRefExoticComponent<react.ClassAttributes<HTMLDivElement> & react.HTMLAttributes<HTMLDivElement> & _ark_ui_react.PolymorphicProps>>;
21038
+ }
21039
+
21040
+ type TextareaProps = ComponentProps$1<typeof Textarea>;
21041
+ declare const Textarea: StyledComponent<react.ForwardRefExoticComponent<Field.TextareaProps & react.RefAttributes<HTMLTextAreaElement>>, TextareaVariantProps>;
21042
+
21043
+ type Props = HeadingVariantProps & {
21044
+ as?: ElementType;
21045
+ };
21046
+ type HeadingProps = ComponentProps$1<typeof Heading>;
21047
+ declare const Heading: StyledComponent<"h2", Props>;
21048
+
21049
+ type BadgeProps = ComponentProps$1<typeof Badge>;
21050
+ declare const Badge: StyledComponent<react.ForwardRefExoticComponent<react.ClassAttributes<HTMLDivElement> & react.HTMLAttributes<HTMLDivElement> & _ark_ui_react.PolymorphicProps>, BadgeVariantProps>;
21051
+
21052
+ type SpinnerProps = ComponentProps$1<typeof Spinner>;
21053
+ declare const Spinner: StyledComponent<react.ForwardRefExoticComponent<react.ClassAttributes<HTMLSpanElement> & react.HTMLAttributes<HTMLSpanElement> & _ark_ui_react.PolymorphicProps>, SpinnerVariantProps>;
21054
+
21055
+ declare const toaster: ReturnType<typeof createToaster>;
21056
+ declare const Toaster: () => react_jsx_runtime.JSX.Element;
21057
+
21058
+ type RootProps$d = ComponentProps$1<typeof Root$d>;
21059
+ declare const Root$d: undefined<react.ForwardRefExoticComponent<react.ClassAttributes<HTMLDivElement> & react.HTMLAttributes<HTMLDivElement> & _ark_ui_react.PolymorphicProps>, CardRecipe>;
21030
21060
  declare const Header$3: undefined<react.ForwardRefExoticComponent<react.ClassAttributes<HTMLDivElement> & react.HTMLAttributes<HTMLDivElement> & _ark_ui_react.PolymorphicProps>>;
21031
21061
  declare const Body$3: undefined<react.ForwardRefExoticComponent<react.ClassAttributes<HTMLDivElement> & react.HTMLAttributes<HTMLDivElement> & _ark_ui_react.PolymorphicProps>>;
21032
21062
  declare const Footer$3: undefined<react.ForwardRefExoticComponent<react.ClassAttributes<HTMLDivElement> & react.HTMLAttributes<HTMLDivElement> & _ark_ui_react.PolymorphicProps>>;
@@ -21043,11 +21073,11 @@ declare const Card: {
21043
21073
 
21044
21074
  declare const Card$1_Card: typeof Card;
21045
21075
  declare namespace Card$1 {
21046
- export { Body$3 as Body, Card$1_Card as Card, Description$3 as Description, Footer$3 as Footer, Header$3 as Header, Root$e as Root, type RootProps$e as RootProps, Title$3 as Title };
21076
+ export { Body$3 as Body, Card$1_Card as Card, Description$3 as Description, Footer$3 as Footer, Header$3 as Header, Root$d as Root, type RootProps$d as RootProps, Title$3 as Title };
21047
21077
  }
21048
21078
 
21049
- declare const Root$d: undefined<(props: Dialog$1.RootProps) => react_jsx_runtime.JSX.Element, DialogRecipe>;
21050
- type RootProps$d = ComponentProps$1<typeof Root$d>;
21079
+ declare const Root$c: undefined<(props: Dialog$1.RootProps) => react_jsx_runtime.JSX.Element, DialogRecipe>;
21080
+ type RootProps$c = ComponentProps$1<typeof Root$c>;
21051
21081
  declare const Backdrop$1: undefined<react.ForwardRefExoticComponent<Dialog$1.BackdropProps & react.RefAttributes<HTMLDivElement>>>;
21052
21082
  declare const CloseTrigger$2: undefined<react.ForwardRefExoticComponent<Dialog$1.CloseTriggerProps & react.RefAttributes<HTMLButtonElement>>>;
21053
21083
  declare const Content$5: undefined<react.ForwardRefExoticComponent<Dialog$1.ContentProps & react.RefAttributes<HTMLDivElement>>>;
@@ -21060,32 +21090,22 @@ declare const Header$2: undefined<react.ForwardRefExoticComponent<react.ClassAtt
21060
21090
  declare const Footer$2: undefined<react.ForwardRefExoticComponent<react.ClassAttributes<HTMLDivElement> & react.HTMLAttributes<HTMLDivElement> & _ark_ui_react.PolymorphicProps>>;
21061
21091
 
21062
21092
  declare namespace Dialog {
21063
- export { Backdrop$1 as Backdrop, Body$2 as Body, CloseTrigger$2 as CloseTrigger, Content$5 as Content, DialogContext as Context, Description$2 as Description, Footer$2 as Footer, Header$2 as Header, Positioner$3 as Positioner, Root$d as Root, type RootProps$d as RootProps, Title$2 as Title, Trigger$4 as Trigger };
21093
+ export { Backdrop$1 as Backdrop, Body$2 as Body, CloseTrigger$2 as CloseTrigger, Content$5 as Content, DialogContext as Context, Description$2 as Description, Footer$2 as Footer, Header$2 as Header, Positioner$3 as Positioner, Root$c as Root, type RootProps$c as RootProps, Title$2 as Title, Trigger$4 as Trigger };
21064
21094
  }
21065
21095
 
21066
- interface IconButtonProps extends ButtonProps {
21067
- }
21068
- declare const IconButton: react.ForwardRefExoticComponent<Omit<IconButtonProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
21069
-
21070
- declare const IconButton$1_IconButton: typeof IconButton;
21071
- type IconButton$1_IconButtonProps = IconButtonProps;
21072
- declare namespace IconButton$1 {
21073
- export { IconButton$1_IconButton as IconButton, type IconButton$1_IconButtonProps as IconButtonProps };
21074
- }
21075
-
21076
- type RootProps$c = ComponentProps$1<typeof Root$c>;
21077
- declare const Root$c: undefined<react.ForwardRefExoticComponent<Switch$1.RootProps & react.RefAttributes<HTMLLabelElement>>, SwitchComponentRecipe>;
21096
+ type RootProps$b = ComponentProps$1<typeof Root$b>;
21097
+ declare const Root$b: undefined<react.ForwardRefExoticComponent<Switch$1.RootProps & react.RefAttributes<HTMLLabelElement>>, SwitchComponentRecipe>;
21078
21098
  declare const Label$5: undefined<react.ForwardRefExoticComponent<Switch$1.LabelProps & react.RefAttributes<HTMLSpanElement>>>;
21079
21099
  declare const Thumb$1: undefined<react.ForwardRefExoticComponent<Switch$1.ThumbProps & react.RefAttributes<HTMLSpanElement>>>;
21080
21100
  declare const HiddenInput$2: react.ForwardRefExoticComponent<Switch$1.HiddenInputProps & react.RefAttributes<HTMLInputElement>>;
21081
21101
  declare const Control$3: undefined<react.ForwardRefExoticComponent<Switch$1.ControlProps & react.RefAttributes<HTMLSpanElement>>>;
21082
21102
 
21083
21103
  declare namespace Switch {
21084
- export { SwitchContext as Context, Control$3 as Control, HiddenInput$2 as HiddenInput, Label$5 as Label, Root$c as Root, type RootProps$c as RootProps, Thumb$1 as Thumb };
21104
+ export { SwitchContext as Context, Control$3 as Control, HiddenInput$2 as HiddenInput, Label$5 as Label, Root$b as Root, type RootProps$b as RootProps, Thumb$1 as Thumb };
21085
21105
  }
21086
21106
 
21087
- type RootProps$b = ComponentProps$1<typeof Root$b>;
21088
- declare const Root$b: undefined<react.ForwardRefExoticComponent<Accordion$1.RootProps & react.RefAttributes<HTMLDivElement>>, AccordionRecipe>;
21107
+ type RootProps$a = ComponentProps$1<typeof Root$a>;
21108
+ declare const Root$a: undefined<react.ForwardRefExoticComponent<Accordion$1.RootProps & react.RefAttributes<HTMLDivElement>>, AccordionRecipe>;
21089
21109
  declare const RootProvider$7: undefined<react.ForwardRefExoticComponent<Accordion$1.RootProviderProps & react.RefAttributes<HTMLDivElement>>, AccordionRecipe>;
21090
21110
  declare const Item$2: undefined<react.ForwardRefExoticComponent<Accordion$1.ItemProps & react.RefAttributes<HTMLDivElement>>>;
21091
21111
  declare const ItemContent: undefined<react.ForwardRefExoticComponent<Accordion$1.ItemContentProps & react.RefAttributes<HTMLDivElement>>>;
@@ -21097,11 +21117,11 @@ declare const Accordion_ItemBody: typeof ItemBody;
21097
21117
  declare const Accordion_ItemContent: typeof ItemContent;
21098
21118
  declare const Accordion_ItemTrigger: typeof ItemTrigger;
21099
21119
  declare namespace Accordion {
21100
- export { AccordionContext as Context, Item$2 as Item, Accordion_ItemBody as ItemBody, Accordion_ItemContent as ItemContent, ItemIndicator$1 as ItemIndicator, Accordion_ItemTrigger as ItemTrigger, Root$b as Root, type RootProps$b as RootProps, RootProvider$7 as RootProvider };
21120
+ export { AccordionContext as Context, Item$2 as Item, Accordion_ItemBody as ItemBody, Accordion_ItemContent as ItemContent, ItemIndicator$1 as ItemIndicator, Accordion_ItemTrigger as ItemTrigger, Root$a as Root, type RootProps$a as RootProps, RootProvider$7 as RootProvider };
21101
21121
  }
21102
21122
 
21103
- type RootProps$a = ComponentProps$1<typeof Root$a>;
21104
- declare const Root$a: undefined<(props: Dialog$1.RootProps) => react_jsx_runtime.JSX.Element, DrawerRecipe>;
21123
+ type RootProps$9 = ComponentProps$1<typeof Root$9>;
21124
+ declare const Root$9: undefined<(props: Dialog$1.RootProps) => react_jsx_runtime.JSX.Element, DrawerRecipe>;
21105
21125
  declare const RootProvider$6: undefined<(props: Dialog$1.RootProps) => react_jsx_runtime.JSX.Element, DrawerRecipe>;
21106
21126
  declare const Backdrop: undefined<react.ForwardRefExoticComponent<Dialog$1.BackdropProps & react.RefAttributes<HTMLDivElement>>>;
21107
21127
  declare const Positioner$2: undefined<react.ForwardRefExoticComponent<Dialog$1.PositionerProps & react.RefAttributes<HTMLDivElement>>>;
@@ -21116,11 +21136,11 @@ declare const Footer$1: undefined<react.ForwardRefExoticComponent<react.ClassAtt
21116
21136
 
21117
21137
  declare const Drawer_Backdrop: typeof Backdrop;
21118
21138
  declare namespace Drawer {
21119
- export { Drawer_Backdrop as Backdrop, Body$1 as Body, CloseTrigger$1 as CloseTrigger, Content$4 as Content, DialogContext as Context, Description$1 as Description, Footer$1 as Footer, Header$1 as Header, Positioner$2 as Positioner, Root$a as Root, type RootProps$a as RootProps, RootProvider$6 as RootProvider, Title$1 as Title, Trigger$3 as Trigger };
21139
+ export { Drawer_Backdrop as Backdrop, Body$1 as Body, CloseTrigger$1 as CloseTrigger, Content$4 as Content, DialogContext as Context, Description$1 as Description, Footer$1 as Footer, Header$1 as Header, Positioner$2 as Positioner, Root$9 as Root, type RootProps$9 as RootProps, RootProvider$6 as RootProvider, Title$1 as Title, Trigger$3 as Trigger };
21120
21140
  }
21121
21141
 
21122
- type RootProps$9 = ComponentProps$1<typeof Root$9>;
21123
- declare const Root$9: undefined<react.ForwardRefExoticComponent<Tabs$1.RootProps & react.RefAttributes<HTMLDivElement>>, TabsRecipe>;
21142
+ type RootProps$8 = ComponentProps$1<typeof Root$8>;
21143
+ declare const Root$8: undefined<react.ForwardRefExoticComponent<Tabs$1.RootProps & react.RefAttributes<HTMLDivElement>>, TabsRecipe>;
21124
21144
  declare const RootProvider$5: undefined<react.ForwardRefExoticComponent<Tabs$1.RootProviderProps & react.RefAttributes<HTMLDivElement>>, TabsRecipe>;
21125
21145
  declare const List$1: undefined<react.ForwardRefExoticComponent<Tabs$1.ListProps & react.RefAttributes<HTMLDivElement>>>;
21126
21146
  declare const Trigger$2: undefined<react.ForwardRefExoticComponent<Tabs$1.TriggerProps & react.RefAttributes<HTMLButtonElement>>>;
@@ -21128,30 +21148,9 @@ declare const Content$3: undefined<react.ForwardRefExoticComponent<Tabs$1.Conten
21128
21148
  declare const Indicator$4: undefined<react.ForwardRefExoticComponent<Tabs$1.IndicatorProps & react.RefAttributes<HTMLDivElement>>>;
21129
21149
 
21130
21150
  declare namespace Tabs {
21131
- export { Content$3 as Content, TabsContext as Context, Indicator$4 as Indicator, List$1 as List, Root$9 as Root, type RootProps$9 as RootProps, RootProvider$5 as RootProvider, Trigger$2 as Trigger };
21151
+ export { Content$3 as Content, TabsContext as Context, Indicator$4 as Indicator, List$1 as List, Root$8 as Root, type RootProps$8 as RootProps, RootProvider$5 as RootProvider, Trigger$2 as Trigger };
21132
21152
  }
21133
21153
 
21134
- type InputProps = ComponentProps$1<typeof Input>;
21135
- declare const Input: StyledComponent<react.ForwardRefExoticComponent<Field.InputProps & react.RefAttributes<HTMLInputElement>>, InputVariantProps>;
21136
-
21137
- type InputAddonProps = ComponentProps$1<typeof InputAddon>;
21138
- declare const InputAddon: StyledComponent<react.ForwardRefExoticComponent<react.ClassAttributes<HTMLDivElement> & react.HTMLAttributes<HTMLDivElement> & _ark_ui_react.PolymorphicProps>, InputAddonVariantProps>;
21139
-
21140
- type RootProps$8 = ComponentProps$1<typeof Root$8>;
21141
- declare const Root$8: undefined<react.ForwardRefExoticComponent<react.ClassAttributes<HTMLDivElement> & react.HTMLAttributes<HTMLDivElement> & _ark_ui_react.PolymorphicProps>, InputGroupRecipe>;
21142
- interface InputGroupProps extends RootProps$8 {
21143
- startElement?: ReactNode | undefined;
21144
- endElement?: ReactNode | undefined;
21145
- children?: ReactNode;
21146
- }
21147
- declare const InputGroup: react.ForwardRefExoticComponent<Omit<InputGroupProps, "ref"> & react.RefAttributes<HTMLDivElement>> & {
21148
- Root: undefined<react.ForwardRefExoticComponent<react.ClassAttributes<HTMLDivElement> & react.HTMLAttributes<HTMLDivElement> & _ark_ui_react.PolymorphicProps>, InputGroupRecipe>;
21149
- Element: undefined<react.ForwardRefExoticComponent<react.ClassAttributes<HTMLDivElement> & react.HTMLAttributes<HTMLDivElement> & _ark_ui_react.PolymorphicProps>>;
21150
- }
21151
-
21152
- type TextareaProps = ComponentProps$1<typeof Textarea>;
21153
- declare const Textarea: StyledComponent<react.ForwardRefExoticComponent<Field.TextareaProps & react.RefAttributes<HTMLTextAreaElement>>, TextareaVariantProps>;
21154
-
21155
21154
  type RootProps$7 = ComponentProps$1<typeof Root$7>;
21156
21155
  type HiddenInputProps = ComponentProps$1<typeof HiddenInput$1>;
21157
21156
  declare const Root$7: undefined<react.ForwardRefExoticComponent<Checkbox$1.RootProps & react.RefAttributes<HTMLLabelElement>>, CheckboxRecipe>;
@@ -21489,6 +21488,7 @@ declare const Indicator$3: react.ForwardRefExoticComponent<Omit<{
21489
21488
  fr?: number | string | undefined | undefined;
21490
21489
  name?: string | undefined | undefined;
21491
21490
  type?: string | undefined | undefined;
21491
+ origin?: number | string | undefined | undefined;
21492
21492
  method?: string | undefined | undefined;
21493
21493
  target?: string | undefined | undefined;
21494
21494
  crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
@@ -21566,7 +21566,6 @@ declare const Indicator$3: react.ForwardRefExoticComponent<Omit<{
21566
21566
  numOctaves?: number | string | undefined | undefined;
21567
21567
  operator?: number | string | undefined | undefined;
21568
21568
  orient?: number | string | undefined | undefined;
21569
- origin?: number | string | undefined | undefined;
21570
21569
  overlinePosition?: number | string | undefined | undefined;
21571
21570
  overlineThickness?: number | string | undefined | undefined;
21572
21571
  panose1?: number | string | undefined | undefined;
@@ -21781,15 +21780,6 @@ declare namespace Avatar {
21781
21780
  export { AvatarContext as Context, Avatar_Fallback as Fallback, type Avatar_FallbackProps as FallbackProps, Avatar_Image as Image, Root$3 as Root, type RootProps$3 as RootProps, RootProvider$2 as RootProvider };
21782
21781
  }
21783
21782
 
21784
- type BadgeProps = ComponentProps$1<typeof Badge>;
21785
- declare const Badge: StyledComponent<react.ForwardRefExoticComponent<react.ClassAttributes<HTMLDivElement> & react.HTMLAttributes<HTMLDivElement> & _ark_ui_react.PolymorphicProps>, BadgeVariantProps>;
21786
-
21787
- declare const Badge$1_Badge: typeof Badge;
21788
- type Badge$1_BadgeProps = BadgeProps;
21789
- declare namespace Badge$1 {
21790
- export { Badge$1_Badge as Badge, type Badge$1_BadgeProps as BadgeProps };
21791
- }
21792
-
21793
21783
  type RootProps$2 = ComponentProps$1<typeof Root$2>;
21794
21784
  declare const Root$2: undefined<react.ForwardRefExoticComponent<Progress$1.RootProps & react.RefAttributes<HTMLDivElement>>, ProgressRecipe>;
21795
21785
  declare const RootProvider$1: undefined<react.ForwardRefExoticComponent<Progress$1.RootProviderProps & react.RefAttributes<HTMLDivElement>>, ProgressRecipe>;
@@ -21838,9 +21828,6 @@ declare namespace Skeleton$1 {
21838
21828
  export { Skeleton$1_Skeleton as Skeleton, Skeleton$1_SkeletonCircle as SkeletonCircle, type Skeleton$1_SkeletonCircleProps as SkeletonCircleProps, type Skeleton$1_SkeletonProps as SkeletonProps, Skeleton$1_SkeletonText as SkeletonText, type Skeleton$1_SkeletonTextProps as SkeletonTextProps };
21839
21829
  }
21840
21830
 
21841
- declare const toaster: ReturnType<typeof createToaster>;
21842
- declare const Toaster: () => react_jsx_runtime.JSX.Element;
21843
-
21844
21831
  type RootProps$1 = ComponentProps$1<typeof Root$1>;
21845
21832
  declare const Root$1: undefined<(props: Popover$1.RootProps) => react_jsx_runtime.JSX.Element, PopoverRecipe>;
21846
21833
  declare const RootProvider: undefined<(props: Popover$1.RootProps) => react_jsx_runtime.JSX.Element, PopoverRecipe>;
@@ -21897,12 +21884,6 @@ declare namespace Tooltip$1 {
21897
21884
  export { TooltipContext as Context, Tooltip$1_Tooltip as Tooltip, type Tooltip$1_TooltipProps as TooltipProps };
21898
21885
  }
21899
21886
 
21900
- type Props = HeadingVariantProps & {
21901
- as?: ElementType;
21902
- };
21903
- type HeadingProps = ComponentProps$1<typeof Heading>;
21904
- declare const Heading: StyledComponent<"h2", Props>;
21905
-
21906
21887
  type CloseButtonProps = IconButtonProps;
21907
21888
  declare const CloseButton: react.ForwardRefExoticComponent<Omit<IconButtonProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
21908
21889
 
@@ -21921,15 +21902,6 @@ declare namespace Icon$1 {
21921
21902
  export { Icon$1_Icon as Icon, type Icon$1_IconProps as IconProps };
21922
21903
  }
21923
21904
 
21924
- type SpinnerProps = ComponentProps$1<typeof Spinner>;
21925
- declare const Spinner: StyledComponent<react.ForwardRefExoticComponent<react.ClassAttributes<HTMLSpanElement> & react.HTMLAttributes<HTMLSpanElement> & _ark_ui_react.PolymorphicProps>, SpinnerVariantProps>;
21926
-
21927
- declare const Spinner$1_Spinner: typeof Spinner;
21928
- type Spinner$1_SpinnerProps = SpinnerProps;
21929
- declare namespace Spinner$1 {
21930
- export { Spinner$1_Spinner as Spinner, type Spinner$1_SpinnerProps as SpinnerProps };
21931
- }
21932
-
21933
21905
  type AbsoluteCenterProps = ComponentProps$1<typeof AbsoluteCenter>;
21934
21906
  declare const AbsoluteCenter: StyledComponent<react.ForwardRefExoticComponent<react.ClassAttributes<HTMLDivElement> & react.HTMLAttributes<HTMLDivElement> & _ark_ui_react.PolymorphicProps>, AbsoluteCenterVariantProps>;
21935
21907
 
@@ -21939,6 +21911,11 @@ declare namespace AbsoluteCenter$1 {
21939
21911
  export { AbsoluteCenter$1_AbsoluteCenter as AbsoluteCenter, type AbsoluteCenter$1_AbsoluteCenterProps as AbsoluteCenterProps };
21940
21912
  }
21941
21913
 
21914
+ declare const Button: react.ForwardRefExoticComponent<Omit<ButtonProps$1, "ref"> & react.RefAttributes<HTMLButtonElement>> & {
21915
+ Group: react.ForwardRefExoticComponent<Omit<ButtonGroupProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
21916
+ };
21917
+ type ButtonProps = ButtonProps$1;
21918
+
21942
21919
  declare const buttonRecipe: RecipeConfig$1<RecipeVariantRecord$1>;
21943
21920
 
21944
21921
  declare const cardRecipe: RecipeConfig$1<RecipeVariantRecord$1>;
@@ -22236,4 +22213,4 @@ declare function transformToPandaTheme(language: DesignLanguageContract): {
22236
22213
  */
22237
22214
  declare function cn(...inputs: ClassValue[]): string;
22238
22215
 
22239
- export { AbsoluteCenter$1 as AbsoluteCenter, Accordion, Avatar, Badge$1 as Badge, type BorderConfig, type BorderWidthScale, Button$1 as Button, Card$1 as Card, Checkbox, CloseButton$1 as CloseButton, type ColorPalettes, type DesignLanguageContract, Dialog, Drawer, type DurationScale, type EasingScale, type ElevationConfig, type ElevationScale, Group$2 as Group, Heading, type HeadingProps, Icon$1 as Icon, IconButton$1 as IconButton, Input, InputAddon, type InputAddonProps, InputGroup, type InputGroupProps, type InputProps, type MotionConfig, Popover, Progress, type RadiiScale, RadioGroup, Select, type SemanticColors, type ShapeConfig, Skeleton$1 as Skeleton, Slider, type SpacingScale, Spinner$1 as Spinner, Switch, Tabs, Textarea, type TextareaProps, Toaster, type TonalPalette, Tooltip$1 as Tooltip, type TypeStyle, type TypographyConfig, type TypographyScale, material3Language as activeLanguage, buttonRecipe, cardRecipe, cn, dialogRecipe, iconButtonRecipe, inputRecipe, switchRecipe, toaster, transformToPandaTheme };
22216
+ export { AbsoluteCenter$1 as AbsoluteCenter, Accordion, Avatar, Badge, type BadgeProps, type BorderConfig, type BorderWidthScale, Button, type ButtonGroupProps, type ButtonProps, Card$1 as Card, Checkbox, CloseButton$1 as CloseButton, type ColorPalettes, type DesignLanguageContract, Dialog, Drawer, type DurationScale, type EasingScale, type ElevationConfig, type ElevationScale, Group$2 as Group, Heading, type HeadingProps, Icon$1 as Icon, IconButton, type IconButtonProps, Input, InputAddon, type InputAddonProps, InputGroup, type InputGroupProps, type InputProps, type MotionConfig, Popover, Progress, type RadiiScale, RadioGroup, Select, type SemanticColors, type ShapeConfig, Skeleton$1 as Skeleton, Slider, type SpacingScale, Spinner, type SpinnerProps, Switch, Tabs, Textarea, type TextareaProps, Toaster, type TonalPalette, Tooltip$1 as Tooltip, type TypeStyle, type TypographyConfig, type TypographyScale, material3Language as activeLanguage, buttonRecipe, cardRecipe, cn, dialogRecipe, iconButtonRecipe, inputRecipe, switchRecipe, toaster, transformToPandaTheme };