@discourser/design-system 0.2.2 → 0.3.0

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import react__default, { ElementType, ComponentType, Component, JSX, ComponentPropsWithRef, ComponentProps as ComponentProps$1, RefAttributes } from 'react';
+import react__default, { ElementType, ComponentType, Component, JSX, ComponentPropsWithRef, ComponentProps as ComponentProps$1, ReactNode, RefAttributes } from 'react';
 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';
 import * as _ark_ui_react from '@ark-ui/react';
 import { Assign as Assign$1, SelectRootProps } from '@ark-ui/react';
@@ -8,11 +8,11 @@ import { Dialog as Dialog$1, DialogContext } from '@ark-ui/react/dialog';
 import { Switch as Switch$1, SwitchContext } from '@ark-ui/react/switch';
 import { Accordion as Accordion$1, AccordionContext } from '@ark-ui/react/accordion';
 import { Tabs as Tabs$1, TabsContext } from '@ark-ui/react/tabs';
+import { Field } from '@ark-ui/react/field';
 import { Checkbox as Checkbox$1, CheckboxCheckedState, CheckboxGroupProvider } from '@ark-ui/react/checkbox';
 import { RadioGroup as RadioGroup$1, RadioGroupContext } from '@ark-ui/react/radio-group';
 import { Select as Select$1, SelectContext, SelectItemContext, SelectValueChangeDetails } from '@ark-ui/react/select';
 import { Slider as Slider$1, SliderContext } from '@ark-ui/react/slider';
-import { Field } from '@ark-ui/react/field';
 import { Avatar as Avatar$1, AvatarContext } from '@ark-ui/react/avatar';
 import { Progress as Progress$1 } from '@ark-ui/react/progress';
 import { createToaster } from '@ark-ui/react/toast';
@@ -11814,20 +11814,14 @@ type Nested<P> = P & {
 }
 
 /* eslint-disable */
-type Token$1 = `aspectRatios.${AspectRatioToken}` | `borders.${BorderToken}` | `radii.${RadiusToken}` | `shadows.${ShadowToken}` | `blurs.${BlurToken}` | `spacing.${SpacingToken}` | `sizes.${SizeToken}` | `animations.${AnimationToken}` | `colors.${ColorToken}` | `fonts.${FontToken}` | `fontSizes.${FontSizeToken}` | `lineHeights.${LineHeightToken}` | `fontWeights.${FontWeightToken}` | `letterSpacings.${LetterSpacingToken}` | `durations.${DurationToken}` | `easings.${EasingToken}` | `breakpoints.${BreakpointToken}`
+type Token$1 = `aspectRatios.${AspectRatioToken}` | `borders.${BorderToken}` | `blurs.${BlurToken}` | `sizes.${SizeToken}` | `animations.${AnimationToken}` | `colors.${ColorToken}` | `fonts.${FontToken}` | `fontSizes.${FontSizeToken}` | `lineHeights.${LineHeightToken}` | `fontWeights.${FontWeightToken}` | `letterSpacings.${LetterSpacingToken}` | `spacing.${SpacingToken}` | `radii.${RadiusToken}` | `shadows.${ShadowToken}` | `durations.${DurationToken}` | `easings.${EasingToken}` | `borderWidths.${BorderWidthToken}` | `breakpoints.${BreakpointToken}`
 
 type AspectRatioToken = "square" | "landscape" | "portrait" | "wide" | "ultrawide" | "golden"
 
 type BorderToken = "none"
 
-type RadiusToken = "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "full" | "l1" | "l2" | "l3"
-
-type ShadowToken = "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "inset-2xs" | "inset-xs" | "inset-sm" | "inset"
-
 type BlurToken = "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl"
 
-type SpacingToken = "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "-1" | "-2" | "-3" | "-4" | "-5" | "-6" | "-7" | "-8" | "-9" | "-10" | "-11" | "-12" | "-14" | "-16" | "-20" | "-24" | "-28" | "-32" | "-36" | "-40" | "-44" | "-48" | "-52" | "-56" | "-60" | "-64" | "-72" | "-80" | "-96" | "-0.5" | "-1.5" | "-2.5" | "-3.5" | "-4.5" | "-5.5"
-
 type SizeToken = "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "full" | "min" | "max" | "fit" | "breakpoint-sm" | "breakpoint-md" | "breakpoint-lg" | "breakpoint-xl" | "breakpoint-2xl"
 
 type AnimationToken = "spin" | "ping" | "pulse" | "bounce"
@@ -11844,19 +11838,24 @@ type FontWeightToken = "400" | "500" | "thin" | "extralight" | "light" | "normal
 
 type LetterSpacingToken = "tighter" | "tight" | "normal" | "wide" | "wider" | "widest" | "displayLarge" | "displayMedium" | "displaySmall" | "headlineLarge" | "headlineMedium" | "headlineSmall" | "titleLarge" | "titleMedium" | "titleSmall" | "bodyLarge" | "bodyMedium" | "bodySmall" | "labelLarge" | "labelMedium" | "labelSmall"
 
+type SpacingToken = "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "none" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl" | "-1" | "-2" | "-3" | "-4" | "-5" | "-6" | "-7" | "-8" | "-9" | "-10" | "-11" | "-12" | "-14" | "-16" | "-20" | "-24" | "-28" | "-32" | "-36" | "-40" | "-44" | "-48" | "-52" | "-56" | "-60" | "-64" | "-72" | "-80" | "-96" | "-0.5" | "-1.5" | "-2.5" | "-3.5" | "-4.5" | "-5.5" | "-none" | "-xxs" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | "-xxl" | "-xxxl"
+
+type RadiusToken = "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "none" | "extraSmall" | "small" | "medium" | "large" | "extraLarge" | "full" | "l1" | "l2" | "l3"
+
+type ShadowToken = "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "inset-2xs" | "inset-xs" | "inset-sm" | "level0" | "level1" | "level2" | "level3" | "level4" | "level5" | "inset"
+
 type DurationToken = "fastest" | "faster" | "slowest" | "instant" | "fast" | "normal" | "slow" | "slower"
 
 type EasingToken = "default" | "linear" | "in" | "out" | "in-out" | "standard" | "standardDecelerate" | "standardAccelerate" | "emphasized" | "emphasizedDecelerate" | "emphasizedAccelerate"
 
+type BorderWidthToken = "thin" | "medium" | "thick"
+
 type BreakpointToken = "sm" | "md" | "lg" | "xl" | "2xl"
 
 type Tokens = {
 		aspectRatios: AspectRatioToken
 		borders: BorderToken
-		radii: RadiusToken
-		shadows: ShadowToken
 		blurs: BlurToken
-		spacing: SpacingToken
 		sizes: SizeToken
 		animations: AnimationToken
 		colors: ColorToken
@@ -11865,8 +11864,12 @@ type Tokens = {
 		lineHeights: LineHeightToken
 		fontWeights: FontWeightToken
 		letterSpacings: LetterSpacingToken
+		spacing: SpacingToken
+		radii: RadiusToken
+		shadows: ShadowToken
 		durations: DurationToken
 		easings: EasingToken
+		borderWidths: BorderWidthToken
 		breakpoints: BreakpointToken
 } & { [token: string]: never }
 
@@ -11925,6 +11928,7 @@ interface UtilityValues {
 	marginInlineStart: "auto" | Tokens["spacing"];
 	spaceX: "auto" | Tokens["spacing"] | CssProperties["marginInlineStart"];
 	spaceY: "auto" | Tokens["spacing"] | CssProperties["marginBlockStart"];
+	outlineWidth: Tokens["borderWidths"];
 	outlineColor: Tokens["colors"];
 	outline: Tokens["borders"];
 	outlineOffset: Tokens["spacing"];
@@ -11932,8 +11936,10 @@ interface UtilityValues {
 	focusVisibleRing: "outside" | "inside" | "mixed" | "none";
 	focusRingColor: Tokens["colors"];
 	focusRingOffset: Tokens["spacing"];
-	focusRingWidth: CssProperties["outlineWidth"];
+	focusRingWidth: Tokens["borderWidths"] | CssProperties["outlineWidth"];
 	focusRingStyle: CssProperties["outlineStyle"];
+	divideX: Tokens["borderWidths"];
+	divideY: Tokens["borderWidths"];
 	divideColor: Tokens["colors"];
 	divideStyle: CssProperties["borderStyle"];
 	width: "auto" | Tokens["sizes"] | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "9/12" | "10/12" | "11/12" | "screen";
@@ -11988,18 +11994,29 @@ interface UtilityValues {
 	borderEndEndRadius: Tokens["radii"];
 	borderEndRadius: Tokens["radii"] | CssProperties["borderRadius"];
 	border: Tokens["borders"];
+	borderWidth: Tokens["borderWidths"];
+	borderTopWidth: Tokens["borderWidths"];
+	borderLeftWidth: Tokens["borderWidths"];
+	borderRightWidth: Tokens["borderWidths"];
+	borderBottomWidth: Tokens["borderWidths"];
+	borderBlockStartWidth: Tokens["borderWidths"];
+	borderBlockEndWidth: Tokens["borderWidths"];
 	borderColor: Tokens["colors"];
 	borderInline: Tokens["borders"];
+	borderInlineWidth: Tokens["borderWidths"];
 	borderInlineColor: Tokens["colors"];
 	borderBlock: Tokens["borders"];
+	borderBlockWidth: Tokens["borderWidths"];
 	borderBlockColor: Tokens["colors"];
 	borderLeft: Tokens["borders"];
 	borderLeftColor: Tokens["colors"];
 	borderInlineStart: Tokens["borders"];
+	borderInlineStartWidth: Tokens["borderWidths"];
 	borderInlineStartColor: Tokens["colors"];
 	borderRight: Tokens["borders"];
 	borderRightColor: Tokens["colors"];
 	borderInlineEnd: Tokens["borders"];
+	borderInlineEndWidth: Tokens["borderWidths"];
 	borderInlineEndColor: Tokens["colors"];
 	borderTop: Tokens["borders"];
 	borderTopColor: Tokens["colors"];
@@ -12073,6 +12090,7 @@ interface UtilityValues {
 	scrollSnapMarginRight: Tokens["spacing"];
 	fill: Tokens["colors"];
 	stroke: Tokens["colors"];
+	strokeWidth: Tokens["borderWidths"];
 	srOnly: boolean;
 	debug: boolean;
 	containerName: CssProperties["containerName"];
@@ -12934,7 +12952,7 @@ borderBlockEndStyle?: ConditionalValue<CssVars | CssProperties["borderBlockEndSt
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/border-block-end-width
    */
-borderBlockEndWidth?: ConditionalValue<CssProperties["borderBlockEndWidth"] | AnyString>
+borderBlockEndWidth?: ConditionalValue<UtilityValues["borderBlockEndWidth"] | CssVars | CssProperties["borderBlockEndWidth"] | AnyString>
  /**
    * The **`border-block-start`** CSS property is a shorthand property for setting the individual logical block-start border property values in a single place in the style sheet.
    *
@@ -12988,7 +13006,7 @@ borderBlockStartStyle?: ConditionalValue<CssVars | CssProperties["borderBlockSta
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/border-block-start-width
    */
-borderBlockStartWidth?: ConditionalValue<CssProperties["borderBlockStartWidth"] | AnyString>
+borderBlockStartWidth?: ConditionalValue<UtilityValues["borderBlockStartWidth"] | CssVars | CssProperties["borderBlockStartWidth"] | AnyString>
  /**
    * The **`border-block-style`** CSS property defines the style of the logical block borders of an element, which maps to a physical border style depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-style` and `border-bottom-style`, or `border-left-style` and `border-right-style` properties depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.
    *
@@ -13016,7 +13034,7 @@ borderBlockStyle?: ConditionalValue<CssVars | CssProperties["borderBlockStyle"]
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/border-block-width
    */
-borderBlockWidth?: ConditionalValue<CssProperties["borderBlockWidth"] | AnyString>
+borderBlockWidth?: ConditionalValue<UtilityValues["borderBlockWidth"] | CssVars | CssProperties["borderBlockWidth"] | AnyString>
  /**
    * The **`border-bottom`** shorthand CSS property sets an element's bottom border. It sets the values of `border-bottom-width`, `border-bottom-style` and `border-bottom-color`.
    *
@@ -13100,7 +13118,7 @@ borderBottomStyle?: ConditionalValue<CssVars | CssProperties["borderBottomStyle"
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/border-bottom-width
    */
-borderBottomWidth?: ConditionalValue<CssProperties["borderBottomWidth"] | AnyString>
+borderBottomWidth?: ConditionalValue<UtilityValues["borderBottomWidth"] | CssVars | CssProperties["borderBottomWidth"] | AnyString>
  /**
    * The **`border-collapse`** CSS property sets whether cells inside a `<table>` have shared or separate borders.
    *
@@ -13320,7 +13338,7 @@ borderInlineEndStyle?: ConditionalValue<CssVars | CssProperties["borderInlineEnd
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/border-inline-end-width
    */
-borderInlineEndWidth?: ConditionalValue<CssProperties["borderInlineEndWidth"] | AnyString>
+borderInlineEndWidth?: ConditionalValue<UtilityValues["borderInlineEndWidth"] | CssVars | CssProperties["borderInlineEndWidth"] | AnyString>
  /**
    * The **`border-inline-start`** CSS property is a shorthand property for setting the individual logical inline-start border property values in a single place in the style sheet.
    *
@@ -13376,7 +13394,7 @@ borderInlineStartStyle?: ConditionalValue<CssVars | CssProperties["borderInlineS
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/border-inline-start-width
    */
-borderInlineStartWidth?: ConditionalValue<CssProperties["borderInlineStartWidth"] | AnyString>
+borderInlineStartWidth?: ConditionalValue<UtilityValues["borderInlineStartWidth"] | CssVars | CssProperties["borderInlineStartWidth"] | AnyString>
  /**
    * The **`border-inline-style`** CSS property defines the style of the logical inline borders of an element, which maps to a physical border style depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-style` and `border-bottom-style`, or `border-left-style` and `border-right-style` properties depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.
    *
@@ -13404,7 +13422,7 @@ borderInlineStyle?: ConditionalValue<CssVars | CssProperties["borderInlineStyle"
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/border-inline-width
    */
-borderInlineWidth?: ConditionalValue<CssProperties["borderInlineWidth"] | AnyString>
+borderInlineWidth?: ConditionalValue<UtilityValues["borderInlineWidth"] | CssVars | CssProperties["borderInlineWidth"] | AnyString>
  /**
    * The **`border-left`** shorthand CSS property sets all the properties of an element's left border.
    *
@@ -13458,7 +13476,7 @@ borderLeftStyle?: ConditionalValue<CssVars | CssProperties["borderLeftStyle"] |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/border-left-width
    */
-borderLeftWidth?: ConditionalValue<CssProperties["borderLeftWidth"] | AnyString>
+borderLeftWidth?: ConditionalValue<UtilityValues["borderLeftWidth"] | CssVars | CssProperties["borderLeftWidth"] | AnyString>
  /**
    * The **`border-radius`** CSS property rounds the corners of an element's outer border edge. You can set a single radius to make circular corners, or two radii to make elliptical corners.
    *
@@ -13525,7 +13543,7 @@ borderRightStyle?: ConditionalValue<CssVars | CssProperties["borderRightStyle"]
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/border-right-width
    */
-borderRightWidth?: ConditionalValue<CssProperties["borderRightWidth"] | AnyString>
+borderRightWidth?: ConditionalValue<UtilityValues["borderRightWidth"] | CssVars | CssProperties["borderRightWidth"] | AnyString>
  /**
    * The **`border-spacing`** CSS property sets the distance between the borders of adjacent cells in a `<table>`. This property applies only when `border-collapse` is `separate`.
    *
@@ -13663,7 +13681,7 @@ borderTopStyle?: ConditionalValue<CssVars | CssProperties["borderTopStyle"] | An
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/border-top-width
    */
-borderTopWidth?: ConditionalValue<CssProperties["borderTopWidth"] | AnyString>
+borderTopWidth?: ConditionalValue<UtilityValues["borderTopWidth"] | CssVars | CssProperties["borderTopWidth"] | AnyString>
  /**
    * The **`border-width`** shorthand CSS property sets the width of an element's border.
    *
@@ -13675,7 +13693,7 @@ borderTopWidth?: ConditionalValue<CssProperties["borderTopWidth"] | AnyString>
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/border-width
    */
-borderWidth?: ConditionalValue<CssProperties["borderWidth"] | AnyString>
+borderWidth?: ConditionalValue<UtilityValues["borderWidth"] | CssVars | CssProperties["borderWidth"] | AnyString>
  /**
    * The **`bottom`** CSS property participates in setting the vertical position of a positioned element. It has no effect on non-positioned elements.
    *
@@ -16267,7 +16285,7 @@ outlineStyle?: ConditionalValue<CssVars | CssProperties["outlineStyle"] | AnyStr
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/outline-width
    */
-outlineWidth?: ConditionalValue<CssProperties["outlineWidth"] | AnyString>
+outlineWidth?: ConditionalValue<UtilityValues["outlineWidth"] | CssVars | CssProperties["outlineWidth"] | AnyString>
  /**
    * The **`overflow`** CSS shorthand property sets the desired behavior for an element's overflow — i.e. when an element's content is too big to fit in its block formatting context — in both directions.
    *
@@ -17420,7 +17438,7 @@ shapeOutside?: ConditionalValue<CssProperties["shapeOutside"] | AnyString>
  strokeLinejoin?: ConditionalValue<CssProperties["strokeLinejoin"] | AnyString>
  strokeMiterlimit?: ConditionalValue<CssProperties["strokeMiterlimit"] | AnyString>
  strokeOpacity?: ConditionalValue<CssProperties["strokeOpacity"] | AnyString>
- strokeWidth?: ConditionalValue<CssProperties["strokeWidth"] | AnyString>
+ strokeWidth?: ConditionalValue<UtilityValues["strokeWidth"] | CssVars | CssProperties["strokeWidth"] | AnyString>
  /**
    * The **`tab-size`** CSS property is used to customize the width of tab characters (U+0009).
    *
@@ -18777,7 +18795,7 @@ marginStart?: ConditionalValue<UtilityValues["marginInlineStart"] | CssVars | Cs
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/outline-width
    */
-ringWidth?: ConditionalValue<CssProperties["outlineWidth"] | AnyString>
+ringWidth?: ConditionalValue<UtilityValues["outlineWidth"] | CssVars | CssProperties["outlineWidth"] | AnyString>
  /**
    * The **`outline-color`** CSS property sets the color of an element's outline.
    *
@@ -19235,7 +19253,7 @@ borderX?: ConditionalValue<UtilityValues["borderInline"] | CssVars | CssProperti
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/border-inline-width
    */
-borderXWidth?: ConditionalValue<CssProperties["borderInlineWidth"] | AnyString>
+borderXWidth?: ConditionalValue<UtilityValues["borderInlineWidth"] | CssVars | CssProperties["borderInlineWidth"] | AnyString>
  /**
    * The **`border-inline-color`** CSS property defines the color of the logical inline borders of an element, which maps to a physical border color depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-color` and `border-bottom-color`, or `border-right-color` and `border-left-color` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.
    *
@@ -19275,7 +19293,7 @@ borderY?: ConditionalValue<UtilityValues["borderBlock"] | CssVars | CssPropertie
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/border-block-width
    */
-borderYWidth?: ConditionalValue<CssProperties["borderBlockWidth"] | AnyString>
+borderYWidth?: ConditionalValue<UtilityValues["borderBlockWidth"] | CssVars | CssProperties["borderBlockWidth"] | AnyString>
  /**
    * The **`border-block-color`** CSS property defines the color of the logical block borders of an element, which maps to a physical border color depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-color` and `border-bottom-color`, or `border-right-color` and `border-left-color` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.
    *
@@ -19315,7 +19333,7 @@ borderStart?: ConditionalValue<UtilityValues["borderInlineStart"] | CssVars | Cs
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/border-inline-start-width
    */
-borderStartWidth?: ConditionalValue<CssProperties["borderInlineStartWidth"] | AnyString>
+borderStartWidth?: ConditionalValue<UtilityValues["borderInlineStartWidth"] | CssVars | CssProperties["borderInlineStartWidth"] | AnyString>
  /**
    * The **`border-inline-start-color`** CSS property defines the color of the logical inline start border of an element, which maps to a physical border color depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-color`, `border-right-color`, `border-bottom-color`, or `border-left-color` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.
    *
@@ -19357,7 +19375,7 @@ borderEnd?: ConditionalValue<UtilityValues["borderInlineEnd"] | CssVars | CssPro
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/border-inline-end-width
    */
-borderEndWidth?: ConditionalValue<CssProperties["borderInlineEndWidth"] | AnyString>
+borderEndWidth?: ConditionalValue<UtilityValues["borderInlineEndWidth"] | CssVars | CssProperties["borderInlineEndWidth"] | AnyString>
  /**
    * The **`border-inline-end-color`** CSS property defines the color of the logical inline-end border of an element, which maps to a physical border color depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-color`, `border-right-color`, `border-bottom-color`, or `border-left-color` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.
    *
@@ -19448,8 +19466,8 @@ scrollPaddingX?: ConditionalValue<UtilityValues["scrollPaddingInline"] | CssVars
  focusRingOffset?: ConditionalValue<UtilityValues["focusRingOffset"] | CssVars | AnyString>
  focusRingWidth?: ConditionalValue<UtilityValues["focusRingWidth"] | CssVars | AnyString>
  focusRingStyle?: ConditionalValue<UtilityValues["focusRingStyle"] | CssVars | AnyString>
- divideX?: ConditionalValue<string | number | AnyString>
- divideY?: ConditionalValue<string | number | AnyString>
+ divideX?: ConditionalValue<UtilityValues["divideX"] | CssVars | AnyString>
+ divideY?: ConditionalValue<UtilityValues["divideY"] | CssVars | AnyString>
  divideColor?: ConditionalValue<UtilityValues["divideColor"] | CssVars | AnyString>
  divideStyle?: ConditionalValue<UtilityValues["divideStyle"] | CssVars | AnyString>
  boxSize?: ConditionalValue<UtilityValues["boxSize"] | CssVars | AnyString>
@@ -20328,6 +20346,46 @@ type ButtonVariantProps = {
 /* eslint-disable */
 
 
+interface InputVariant {
+  /**
+ * @default "outline"
+ */
+variant: "outline" | "surface" | "subtle" | "flushed"
+/**
+ * @default "md"
+ */
+size: "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl"
+}
+
+
+
+type InputVariantProps = {
+  [key in keyof InputVariant]?: ConditionalValue<InputVariant[key]> | undefined
+}
+
+/* eslint-disable */
+
+
+interface InputAddonVariant {
+  /**
+ * @default "outline"
+ */
+variant: "outline" | "surface" | "subtle"
+/**
+ * @default "md"
+ */
+size: "xs" | "sm" | "md" | "lg" | "xl"
+}
+
+
+
+type InputAddonVariantProps = {
+  [key in keyof InputAddonVariant]?: ConditionalValue<InputAddonVariant[key]> | undefined
+}
+
+/* eslint-disable */
+
+
 interface GroupVariant {
   /**
  * @default "horizontal"
@@ -20378,6 +20436,22 @@ type AbsoluteCenterVariantProps = {
 /* eslint-disable */
 
 
+interface HeadingVariant {
+  /**
+ * @default "xl"
+ */
+size: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl"
+}
+
+
+
+type HeadingVariantProps = {
+  [key in keyof HeadingVariant]?: ConditionalValue<HeadingVariant[key]> | undefined
+}
+
+/* eslint-disable */
+
+
 interface BadgeVariant {
   /**
  * @default "subtle"
@@ -20439,6 +20513,37 @@ type TextareaVariantProps = {
 /* eslint-disable */
 
 
+interface InputGroupVariant {
+  /**
+ * @default "md"
+ */
+size: "xs" | "sm" | "md" | "lg" | "xl"
+}
+
+type InputGroupVariantMap = {
+  [key in keyof InputGroupVariant]: Array<InputGroupVariant[key]>
+}
+
+type InputGroupSlot = "root" | "element"
+
+type InputGroupVariantProps = {
+  [key in keyof InputGroupVariant]?: ConditionalValue<InputGroupVariant[key]> | undefined
+}
+
+interface InputGroupRecipe {
+  __slot: InputGroupSlot
+  __type: InputGroupVariantProps
+  (props?: InputGroupVariantProps): Pretty<Record<InputGroupSlot, string>>
+  raw: (props?: InputGroupVariantProps) => InputGroupVariantProps
+  variantMap: InputGroupVariantMap
+  variantKeys: Array<keyof InputGroupVariant>
+  splitVariantProps<Props extends InputGroupVariantProps>(props: Props): [InputGroupVariantProps, Pretty<DistributiveOmit<Props, keyof InputGroupVariantProps>>]
+  getVariantProps: (props?: InputGroupVariantProps) => InputGroupVariantProps
+}
+
+/* eslint-disable */
+
+
 interface CardVariant {
   /**
  * @default "outline"
@@ -20655,6 +20760,10 @@ variant: "solid"
  * @default "md"
  */
 size: "sm" | "md" | "lg"
+/**
+ * @default "vertical"
+ */
+orientation: "horizontal" | "vertical"
 }
 
 type RadioGroupVariantMap = {
@@ -20916,8 +21025,8 @@ declare namespace Button$1 {
   export { Button$1_Button as Button, Button$1_ButtonGroup as ButtonGroup, type Button$1_ButtonGroupProps as ButtonGroupProps, type Button$1_ButtonProps as ButtonProps };
 }
 
-type RootProps$d = ComponentProps$1<typeof Root$d>;
-declare const Root$d: undefined<react.ForwardRefExoticComponent<react.ClassAttributes<HTMLDivElement> & react.HTMLAttributes<HTMLDivElement> & _ark_ui_react.PolymorphicProps>, CardRecipe>;
+type RootProps$e = ComponentProps$1<typeof Root$e>;
+declare const Root$e: undefined<react.ForwardRefExoticComponent<react.ClassAttributes<HTMLDivElement> & react.HTMLAttributes<HTMLDivElement> & _ark_ui_react.PolymorphicProps>, CardRecipe>;
 declare const Header$3: undefined<react.ForwardRefExoticComponent<react.ClassAttributes<HTMLDivElement> & react.HTMLAttributes<HTMLDivElement> & _ark_ui_react.PolymorphicProps>>;
 declare const Body$3: undefined<react.ForwardRefExoticComponent<react.ClassAttributes<HTMLDivElement> & react.HTMLAttributes<HTMLDivElement> & _ark_ui_react.PolymorphicProps>>;
 declare const Footer$3: undefined<react.ForwardRefExoticComponent<react.ClassAttributes<HTMLDivElement> & react.HTMLAttributes<HTMLDivElement> & _ark_ui_react.PolymorphicProps>>;
@@ -20934,11 +21043,11 @@ declare const Card: {
 
 declare const Card$1_Card: typeof Card;
 declare namespace Card$1 {
-  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 };
+  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 };
 }
 
-declare const Root$c: undefined<(props: Dialog$1.RootProps) => react_jsx_runtime.JSX.Element, DialogRecipe>;
-type RootProps$c = ComponentProps$1<typeof Root$c>;
+declare const Root$d: undefined<(props: Dialog$1.RootProps) => react_jsx_runtime.JSX.Element, DialogRecipe>;
+type RootProps$d = ComponentProps$1<typeof Root$d>;
 declare const Backdrop$1: undefined<react.ForwardRefExoticComponent<Dialog$1.BackdropProps & react.RefAttributes<HTMLDivElement>>>;
 declare const CloseTrigger$2: undefined<react.ForwardRefExoticComponent<Dialog$1.CloseTriggerProps & react.RefAttributes<HTMLButtonElement>>>;
 declare const Content$5: undefined<react.ForwardRefExoticComponent<Dialog$1.ContentProps & react.RefAttributes<HTMLDivElement>>>;
@@ -20951,7 +21060,7 @@ declare const Header$2: undefined<react.ForwardRefExoticComponent<react.ClassAtt
 declare const Footer$2: undefined<react.ForwardRefExoticComponent<react.ClassAttributes<HTMLDivElement> & react.HTMLAttributes<HTMLDivElement> & _ark_ui_react.PolymorphicProps>>;
 
 declare namespace Dialog {
-  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 };
+  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 };
 }
 
 interface IconButtonProps extends ButtonProps {
@@ -20964,19 +21073,19 @@ declare namespace IconButton$1 {
   export { IconButton$1_IconButton as IconButton, type IconButton$1_IconButtonProps as IconButtonProps };
 }
 
-type RootProps$b = ComponentProps$1<typeof Root$b>;
-declare const Root$b: undefined<react.ForwardRefExoticComponent<Switch$1.RootProps & react.RefAttributes<HTMLLabelElement>>, SwitchComponentRecipe>;
+type RootProps$c = ComponentProps$1<typeof Root$c>;
+declare const Root$c: undefined<react.ForwardRefExoticComponent<Switch$1.RootProps & react.RefAttributes<HTMLLabelElement>>, SwitchComponentRecipe>;
 declare const Label$5: undefined<react.ForwardRefExoticComponent<Switch$1.LabelProps & react.RefAttributes<HTMLSpanElement>>>;
 declare const Thumb$1: undefined<react.ForwardRefExoticComponent<Switch$1.ThumbProps & react.RefAttributes<HTMLSpanElement>>>;
 declare const HiddenInput$2: react.ForwardRefExoticComponent<Switch$1.HiddenInputProps & react.RefAttributes<HTMLInputElement>>;
 declare const Control$3: undefined<react.ForwardRefExoticComponent<Switch$1.ControlProps & react.RefAttributes<HTMLSpanElement>>>;
 
 declare namespace Switch {
-  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 };
+  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 };
 }
 
-type RootProps$a = ComponentProps$1<typeof Root$a>;
-declare const Root$a: undefined<react.ForwardRefExoticComponent<Accordion$1.RootProps & react.RefAttributes<HTMLDivElement>>, AccordionRecipe>;
+type RootProps$b = ComponentProps$1<typeof Root$b>;
+declare const Root$b: undefined<react.ForwardRefExoticComponent<Accordion$1.RootProps & react.RefAttributes<HTMLDivElement>>, AccordionRecipe>;
 declare const RootProvider$7: undefined<react.ForwardRefExoticComponent<Accordion$1.RootProviderProps & react.RefAttributes<HTMLDivElement>>, AccordionRecipe>;
 declare const Item$2: undefined<react.ForwardRefExoticComponent<Accordion$1.ItemProps & react.RefAttributes<HTMLDivElement>>>;
 declare const ItemContent: undefined<react.ForwardRefExoticComponent<Accordion$1.ItemContentProps & react.RefAttributes<HTMLDivElement>>>;
@@ -20988,11 +21097,11 @@ declare const Accordion_ItemBody: typeof ItemBody;
 declare const Accordion_ItemContent: typeof ItemContent;
 declare const Accordion_ItemTrigger: typeof ItemTrigger;
 declare namespace Accordion {
-  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 };
+  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 };
 }
 
-type RootProps$9 = ComponentProps$1<typeof Root$9>;
-declare const Root$9: undefined<(props: Dialog$1.RootProps) => react_jsx_runtime.JSX.Element, DrawerRecipe>;
+type RootProps$a = ComponentProps$1<typeof Root$a>;
+declare const Root$a: undefined<(props: Dialog$1.RootProps) => react_jsx_runtime.JSX.Element, DrawerRecipe>;
 declare const RootProvider$6: undefined<(props: Dialog$1.RootProps) => react_jsx_runtime.JSX.Element, DrawerRecipe>;
 declare const Backdrop: undefined<react.ForwardRefExoticComponent<Dialog$1.BackdropProps & react.RefAttributes<HTMLDivElement>>>;
 declare const Positioner$2: undefined<react.ForwardRefExoticComponent<Dialog$1.PositionerProps & react.RefAttributes<HTMLDivElement>>>;
@@ -21007,11 +21116,11 @@ declare const Footer$1: undefined<react.ForwardRefExoticComponent<react.ClassAtt
 
 declare const Drawer_Backdrop: typeof Backdrop;
 declare namespace Drawer {
-  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 };
+  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 };
 }
 
-type RootProps$8 = ComponentProps$1<typeof Root$8>;
-declare const Root$8: undefined<react.ForwardRefExoticComponent<Tabs$1.RootProps & react.RefAttributes<HTMLDivElement>>, TabsRecipe>;
+type RootProps$9 = ComponentProps$1<typeof Root$9>;
+declare const Root$9: undefined<react.ForwardRefExoticComponent<Tabs$1.RootProps & react.RefAttributes<HTMLDivElement>>, TabsRecipe>;
 declare const RootProvider$5: undefined<react.ForwardRefExoticComponent<Tabs$1.RootProviderProps & react.RefAttributes<HTMLDivElement>>, TabsRecipe>;
 declare const List$1: undefined<react.ForwardRefExoticComponent<Tabs$1.ListProps & react.RefAttributes<HTMLDivElement>>>;
 declare const Trigger$2: undefined<react.ForwardRefExoticComponent<Tabs$1.TriggerProps & react.RefAttributes<HTMLButtonElement>>>;
@@ -21019,9 +21128,30 @@ declare const Content$3: undefined<react.ForwardRefExoticComponent<Tabs$1.Conten
 declare const Indicator$4: undefined<react.ForwardRefExoticComponent<Tabs$1.IndicatorProps & react.RefAttributes<HTMLDivElement>>>;
 
 declare namespace Tabs {
-  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 };
+  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 };
+}
+
+type InputProps = ComponentProps$1<typeof Input>;
+declare const Input: StyledComponent<react.ForwardRefExoticComponent<Field.InputProps & react.RefAttributes<HTMLInputElement>>, InputVariantProps>;
+
+type InputAddonProps = ComponentProps$1<typeof InputAddon>;
+declare const InputAddon: StyledComponent<react.ForwardRefExoticComponent<react.ClassAttributes<HTMLDivElement> & react.HTMLAttributes<HTMLDivElement> & _ark_ui_react.PolymorphicProps>, InputAddonVariantProps>;
+
+type RootProps$8 = ComponentProps$1<typeof Root$8>;
+declare const Root$8: undefined<react.ForwardRefExoticComponent<react.ClassAttributes<HTMLDivElement> & react.HTMLAttributes<HTMLDivElement> & _ark_ui_react.PolymorphicProps>, InputGroupRecipe>;
+interface InputGroupProps extends RootProps$8 {
+    startElement?: ReactNode | undefined;
+    endElement?: ReactNode | undefined;
+    children?: ReactNode;
+}
+declare const InputGroup: react.ForwardRefExoticComponent<Omit<InputGroupProps, "ref"> & react.RefAttributes<HTMLDivElement>> & {
+    Root: undefined<react.ForwardRefExoticComponent<react.ClassAttributes<HTMLDivElement> & react.HTMLAttributes<HTMLDivElement> & _ark_ui_react.PolymorphicProps>, InputGroupRecipe>;
+    Element: undefined<react.ForwardRefExoticComponent<react.ClassAttributes<HTMLDivElement> & react.HTMLAttributes<HTMLDivElement> & _ark_ui_react.PolymorphicProps>>;
 }
 
+type TextareaProps = ComponentProps$1<typeof Textarea>;
+declare const Textarea: StyledComponent<react.ForwardRefExoticComponent<Field.TextareaProps & react.RefAttributes<HTMLTextAreaElement>>, TextareaVariantProps>;
+
 type RootProps$7 = ComponentProps$1<typeof Root$7>;
 type HiddenInputProps = ComponentProps$1<typeof HiddenInput$1>;
 declare const Root$7: undefined<react.ForwardRefExoticComponent<Checkbox$1.RootProps & react.RefAttributes<HTMLLabelElement>>, CheckboxRecipe>;
@@ -21091,7 +21221,7 @@ declare const Indicator$3: react.ForwardRefExoticComponent<Omit<{
     strokeLinejoin?: ConditionalValue<undefined | Property.StrokeLinejoin | readonly NonNullable<Property.StrokeLinejoin | undefined>[] | undefined>;
     strokeMiterlimit?: ConditionalValue<undefined | Property.StrokeMiterlimit | readonly NonNullable<Property.StrokeMiterlimit | undefined>[] | undefined>;
     strokeOpacity?: ConditionalValue<undefined | Property.StrokeOpacity | readonly NonNullable<Property.StrokeOpacity | undefined>[] | undefined>;
-    strokeWidth?: ConditionalValue<undefined | Property.StrokeWidth<undefined | undefined> | readonly NonNullable<Property.StrokeWidth<undefined | undefined> | undefined>[] | undefined>;
+    strokeWidth?: ConditionalValue<BorderWidthToken | undefined | `var(--${string})` | Property.StrokeWidth<undefined | undefined> | readonly NonNullable<Property.StrokeWidth<undefined | undefined> | undefined>[] | undefined>;
     textAnchor?: ConditionalValue<undefined | Property.TextAnchor | readonly NonNullable<Property.TextAnchor | undefined>[] | undefined>;
     textDecoration?: ConditionalValue<undefined | Property.TextDecoration<undefined | undefined> | readonly NonNullable<Property.TextDecoration<undefined | undefined> | undefined>[] | undefined>;
     textRendering?: ConditionalValue<undefined | Property.TextRendering | readonly NonNullable<Property.TextRendering | undefined>[] | undefined>;
@@ -21629,15 +21759,6 @@ declare namespace Slider {
   export { SliderContext as Context, Slider_Control as Control, Slider_DraggingIndicator as DraggingIndicator, Slider_HiddenInput as HiddenInput, Label$1 as Label, Slider_Marker as Marker, Slider_MarkerGroup as MarkerGroup, type Slider_MarkerGroupProps as MarkerGroupProps, Slider_MarkerIndicator as MarkerIndicator, Slider_Marks as Marks, type Slider_MarksProps as MarksProps, Range$1 as Range, Root$4 as Root, type RootProps$4 as RootProps, Slider_Thumb as Thumb, type Slider_ThumbProps as ThumbProps, Slider_Thumbs as Thumbs, Track$1 as Track, ValueText$1 as ValueText };
 }
 
-type TextareaProps = ComponentProps$1<typeof Textarea>;
-declare const Textarea: StyledComponent<react.ForwardRefExoticComponent<Field.TextareaProps & react.RefAttributes<HTMLTextAreaElement>>, TextareaVariantProps>;
-
-declare const Textarea$1_Textarea: typeof Textarea;
-type Textarea$1_TextareaProps = TextareaProps;
-declare namespace Textarea$1 {
-  export { Textarea$1_Textarea as Textarea, type Textarea$1_TextareaProps as TextareaProps };
-}
-
 type RootProps$3 = ComponentProps$1<typeof Root$3>;
 declare const Root$3: undefined<react.ForwardRefExoticComponent<Avatar$1.RootProps & react.RefAttributes<HTMLDivElement>>, AvatarRecipe>;
 declare const RootProvider$2: undefined<react.ForwardRefExoticComponent<Avatar$1.RootProviderProps & react.RefAttributes<HTMLDivElement>>, AvatarRecipe>;
@@ -21776,6 +21897,12 @@ declare namespace Tooltip$1 {
   export { TooltipContext as Context, Tooltip$1_Tooltip as Tooltip, type Tooltip$1_TooltipProps as TooltipProps };
 }
 
+type Props = HeadingVariantProps & {
+    as?: ElementType;
+};
+type HeadingProps = ComponentProps$1<typeof Heading>;
+declare const Heading: StyledComponent<"h2", Props>;
+
 type CloseButtonProps = IconButtonProps;
 declare const CloseButton: react.ForwardRefExoticComponent<Omit<IconButtonProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
 
@@ -21841,6 +21968,7 @@ interface DesignLanguageContract {
     shape: ShapeConfig;
     elevation: ElevationConfig;
     motion: MotionConfig;
+    border: BorderConfig;
 }
 interface ColorPalettes {
     primary: TonalPalette;
@@ -21989,6 +22117,14 @@ interface EasingScale {
     emphasizedDecelerate: string;
     emphasizedAccelerate: string;
 }
+interface BorderConfig {
+    widths: BorderWidthScale;
+}
+interface BorderWidthScale {
+    thin: string;
+    medium: string;
+    thick: string;
+}
 
 /**
  * Material Design 3 Language Implementation
@@ -22066,6 +22202,11 @@ declare function transformToPandaTheme(language: DesignLanguageContract): {
                 value: string;
             };
         };
+        borderWidths: {
+            [k: string]: {
+                value: string;
+            };
+        };
     };
     semanticTokens: {
         colors: {
@@ -22095,4 +22236,4 @@ declare function transformToPandaTheme(language: DesignLanguageContract): {
  */
 declare function cn(...inputs: ClassValue[]): string;
 
-export { AbsoluteCenter$1 as AbsoluteCenter, Accordion, Avatar, Badge$1 as Badge, 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, Icon$1 as Icon, IconButton$1 as IconButton, 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$1 as Textarea, 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 };
+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 };