@okshaun/components 1.0.2 → 2.0.0

package/dist/types/index.d.ts

@@ -4,14 +4,13 @@ import { Component } from 'react';
 import { ComponentPropsWithRef } from 'react';
 import { ComponentType } from 'react';
 import { Context } from 'react';
-import { default as default_2 } from 'react';
 import { ElementType } from 'react';
 import { JSX } from 'react/jsx-runtime';
 import { JSX as JSX_2 } from 'react';
 import { JSXElementConstructor } from 'react';
+import { MouseEvent as MouseEvent_2 } from 'react';
 import { Placement } from '@floating-ui/react';
 import { Preset } from '@pandacss/types';
-import * as React_2 from 'react';
 import { ReactElement } from 'react';
 import { ReactNode } from 'react';
 import { RefObject } from 'react';
@@ -69,6 +68,10 @@ declare type AriaAttributes =
 
 declare type AspectRatioToken = "square" | "landscape" | "portrait" | "wide" | "ultrawide" | "golden"
 
+declare type AsProp<T extends ElementType> = {
+    as?: T;
+};
+
 declare interface AsProps {
     /**
      * The element to render as
@@ -99,15 +102,19 @@ export declare interface AutocompleteOption {
     disabled?: boolean;
 }
 
-export declare type AutocompleteProps = MenuVariantProps & {
+export declare type AutocompleteProps = {
     /** Input name attribute */
     name: string;
     /** Current input value */
     value: string;
     /** Callback when input value changes */
     onChange: (value: string) => void;
+    /** Popup density */
+    density?: MenuDensity;
+    /** Deprecated alias for density */
+    packing?: MenuDensity;
     /** Size of the input */
-    size?: "sm" | "md" | "lg" | "xl";
+    size?: 'sm' | 'md' | 'lg' | 'xl';
     /** Available options to filter and display */
     options: AutocompleteOption[];
     /** Callback when an option is selected */
@@ -129,21 +136,18 @@ export declare type AutocompleteProps = MenuVariantProps & {
     /** Message to show when no options match */
     noResultsMessage?: string;
     /** Props to pass to the TextInput */
-    inputProps?: Omit<TextInputProps, "name" | "value" | "onChange" | "disabled" | "error" | "id">;
+    inputProps?: Omit<TextInputProps, 'name' | 'value' | 'onChange' | 'disabled' | 'error' | 'id'>;
 };
 
 /**
  * Avatar component for displaying user or entity images with optional
  * presence and status indicators.
  */
-export declare const Avatar: {
-    (props: AvatarProps): JSX.Element;
-    displayName: string;
-};
+export declare const Avatar: (props: AvatarProps) => JSX.Element;
 
 export declare type AvatarPresence = 'online' | 'busy' | 'offline' | 'focus';
 
-export declare type AvatarProps = BoxProps & Omit<AvatarVariantProps, 'size' | 'shape'> & {
+export declare type AvatarProps = Omit<BoxProps, keyof AvatarVariantProps> & Omit<AvatarVariantProps, 'size' | 'shape'> & {
     /** Image source URL */
     src?: string;
     /** Alt text for image */
@@ -159,11 +163,9 @@ export declare type AvatarProps = BoxProps & Omit<AvatarVariantProps, 'size' | '
     /** Status indicator (top-right) */
     status?: AvatarStatus;
     /** Custom fallback content (overrides initials) */
-    fallback?: React_2.ReactNode;
+    fallback?: ReactNode;
     /** Border color for the avatar */
-    borderColor?: string;
-    /** Additional class name */
-    className?: string;
+    borderColor?: BoxProps['borderColor'];
 };
 
 export declare type AvatarShape = 'circle' | 'square' | 'hexagon';
@@ -207,10 +209,10 @@ export declare type BadgeProps = Omit<BoxProps, keyof BadgeVariantProps> & Omit<
     /** Color scheme of the badge. Default: 'danger' */
     variant?: BadgeVariant;
     /** Content to wrap with the badge */
-    children?: React.ReactNode;
+    children?: ReactNode;
 };
 
-export declare type BadgeVariant = 'neutral' | 'inverted' | 'subtle' | 'subtle-inverted' | 'success' | 'danger' | 'warning' | 'info';
+export declare type BadgeVariant = 'neutral' | 'subtle' | 'bold' | 'inverse' | 'success' | 'danger' | 'warning' | 'info';
 
 declare interface BadgeVariant_2 {
     /**
@@ -222,7 +224,7 @@ declare interface BadgeVariant_2 {
     /**
      * @default "danger"
      */
-    variant: "neutral" | "subtle" | "inverted" | "subtle-inverted" | "success" | "danger" | "warning" | "info"
+    variant: "neutral" | "subtle" | "bold" | "inverse" | "success" | "warning" | "danger" | "info"
 }
 
 declare type BadgeVariantProps = {
@@ -249,15 +251,19 @@ declare type BaseSlotRecipeConfig<S extends string = string, V extends SlotRecip
 
 declare type BlurToken = "sm" | "base" | "md" | "lg" | "xl" | "2xl" | "3xl"
 
-declare type BorderToken = "default" | "strong" | "input" | "focused" | "success" | "warning" | "danger" | "info" | "none"
+declare type BorderToken = "default" | "bold" | "inverse" | "disabled" | "input" | "focused" | "success" | "warning" | "danger" | "info" | "none"
 
 declare type BorderWidthToken = "0" | "1" | "2" | "4" | "8" | "16"
 
-export declare const Box: ({ as, ...props }: BoxProps) => ReactElement<any, string | JSXElementConstructor<any>>;
+/**
+ * Our base polymorphic component, which provides the correct default props based on the rendered element type.
+ * Note: in React 19+, ref is passed through as a prop, and onClick is inherited based on the element type.
+ */
+export declare const Box: <T extends ElementType = "div">(props: BoxProps<T>) => ReactElement<any, string | JSXElementConstructor<any>>;
 
-export declare type BoxProps = Omit<ComponentPropsWithRef<ElementType>, 'as'> & SystemStyleObject_2 & BoxVariantProps & {
-    as?: ElementType;
-};
+declare type BoxOwnProps = SystemStyleObject_2 & BoxVariantProps;
+
+export declare type BoxProps<T extends ElementType = ElementType> = PolymorphicComponentProps<T, BoxOwnProps>;
 
 declare interface BoxVariant {
 
@@ -269,7 +275,7 @@ declare type BoxVariantProps = {
 
 export declare const Breadcrumbs: (props: BreadcrumbsProps) => JSX.Element;
 
-export declare type BreadcrumbsProps = BoxProps & {
+export declare type BreadcrumbsProps = Omit<BoxProps, keyof BreadcrumbsVariantProps> & BreadcrumbsVariantProps & {
     items: {
         id: string;
         label: string;
@@ -277,6 +283,14 @@ export declare type BreadcrumbsProps = BoxProps & {
     }[];
 };
 
+declare interface BreadcrumbsVariant {
+
+}
+
+declare type BreadcrumbsVariantProps = {
+    [key in keyof BreadcrumbsVariant]?: ConditionalValue<BreadcrumbsVariant[key]> | undefined
+}
+
 export declare function BreakpointIndicator(): JSX.Element;
 
 declare type BreakpointKey = keyof typeof breakpoints;
@@ -299,7 +313,7 @@ export declare type ButtonProps = Omit<BoxProps, keyof ButtonVariantProps> & Omi
     iconAfter?: IconNamesList;
     href?: string;
     loading?: boolean;
-    children?: string | ReactNode;
+    children: string | ReactNode;
     disabled?: boolean;
     type?: 'submit' | 'reset' | 'button';
     gap?: NumericSizeToken;
@@ -309,11 +323,11 @@ declare interface ButtonVariant {
     /**
      * @default "default"
      */
-    variant: "default" | "primary" | "subtle" | "hollow"
+    variant: "default" | "primary" | "hollow" | "ghost" | "danger" | "selected" | "selectedBold"
     /**
      * @default "md"
      */
-    size: "md" | "xl" | "lg" | "sm"
+    size: "sm" | "md" | "lg" | "xl"
     iconBefore: boolean
     iconAfter: boolean
 }
@@ -324,7 +338,7 @@ declare type ButtonVariantProps = {
 
 export declare const Card: (props: CardProps) => JSX.Element;
 
-export declare type CardProps = BoxProps & CardVariantProps & {
+export declare type CardProps = Omit<BoxProps, keyof CardVariantProps> & CardVariantProps & {
     href?: string;
     children?: string | ReactNode;
     grabbed?: boolean;
@@ -337,9 +351,6 @@ declare interface CardVariant {
      * @default "default"
      */
     variant: "default" | "flat" | "sunken" | "ghost" | "overlay"
-    /**
-     * @default false
-     */
     interactive: boolean
 }
 
@@ -379,7 +390,7 @@ export declare const CheckboxInput: (props: CheckboxInputProps) => JSX.Element;
 export declare type CheckboxInputProps = Omit<BoxProps, keyof CheckboxInputVariantProps> & CheckboxInputVariantProps & {
     name: string;
     checked: boolean;
-    onChange: ChangeEventHandler<HTMLInputElement>;
+    onChange: CheckboxChangeHandler;
     id?: string;
     error?: boolean;
     children?: string | ReactNode;
@@ -395,20 +406,13 @@ declare type CheckboxInputVariantProps = {
 }
 
 export declare type CheckboxProps = Omit<BoxProps, 'checked' | 'onChange' | keyof CheckboxVariantProps> & CheckboxVariantProps & {
-    /** Form field name */
     name: string;
-    /** Controlled checked state (REQUIRED) */
     checked: boolean;
-    /** Change handler (REQUIRED) */
-    onChange: ChangeEventHandler<HTMLInputElement>;
-    /** Unique identifier for the checkbox */
+    onChange: CheckboxChangeHandler;
     id?: string;
-    /** Display indeterminate state (partially checked) */
-    indeterminate?: boolean;
-    /** Disable the checkbox */
-    disabled?: boolean;
-    /** Display error state */
     error?: boolean;
+    disabled?: boolean;
+    indeterminate?: boolean;
 };
 
 declare interface CheckboxVariant {
@@ -421,9 +425,9 @@ declare type CheckboxVariantProps = {
 
 export declare const Chip: (props: ChipProps) => JSX.Element;
 
-export declare const ChipGroup: React.FC<ChipGroupProps>;
+export declare const ChipGroup: (props: ChipGroupProps) => JSX.Element;
 
-export declare type ChipGroupProps = Omit<WrapProps, 'role'> & {
+export declare type ChipGroupProps = Omit<WrapProps, 'role'> & Omit<BoxProps, keyof WrapProps> & {
     type: ChipGroupType;
     value: string | string[];
     onChange: (value: string | string[]) => void;
@@ -454,7 +458,7 @@ declare interface ChipVariant {
     /**
      * @default "md"
      */
-    size: "md" | "sm" | "lg"
+    size: "sm" | "md" | "lg"
     before: boolean
     after: boolean
 }
@@ -465,8 +469,8 @@ declare type ChipVariantProps = {
 
 export declare const Code: (props: CodeProps) => JSX.Element;
 
-export declare type CodeProps = Omit<BoxProps, keyof CodeVariantProps> & CodeVariantProps & {
-    children?: string | React.ReactNode;
+export declare type CodeProps = Omit<BoxProps, keyof CodeVariantProps | keyof TextProps> & CodeVariantProps & TextProps & {
+    children?: string | ReactNode;
     lang?: string;
 };
 
@@ -478,7 +482,7 @@ declare type CodeVariantProps = {
     [key in keyof CodeVariant]?: ConditionalValue<CodeVariant[key]> | undefined
 }
 
-declare type ColorToken = "transparent" | "current" | "inherit" | "neutral.0" | "neutral.10" | "neutral.20" | "neutral.30" | "neutral.40" | "neutral.50" | "neutral.60" | "neutral.70" | "neutral.80" | "neutral.90" | "neutral.100" | "neutral.110" | "neutralA.10" | "neutralA.20" | "neutralA.30" | "neutralA.40" | "neutralA.50" | "darkNeutral.0" | "darkNeutral.10" | "darkNeutral.20" | "darkNeutral.25" | "darkNeutral.30" | "darkNeutral.35" | "darkNeutral.40" | "darkNeutral.50" | "darkNeutral.60" | "darkNeutral.70" | "darkNeutral.80" | "darkNeutral.90" | "darkNeutral.100" | "darkNeutral.110" | "darkNeutralA.10" | "darkNeutralA.20" | "darkNeutralA.25" | "darkNeutralA.30" | "darkNeutralA.35" | "darkNeutralA.40" | "darkNeutralA.50" | "darkNeutralA.-10" | "gray.10" | "gray.20" | "gray.30" | "gray.40" | "gray.50" | "gray.60" | "gray.70" | "gray.80" | "gray.90" | "gray.100" | "red.10" | "red.20" | "red.30" | "red.40" | "red.50" | "red.60" | "red.70" | "red.80" | "red.90" | "red.100" | "orange.10" | "orange.20" | "orange.30" | "orange.40" | "orange.50" | "orange.60" | "orange.70" | "orange.80" | "orange.90" | "orange.100" | "yellow.10" | "yellow.20" | "yellow.30" | "yellow.40" | "yellow.50" | "yellow.60" | "yellow.70" | "yellow.80" | "yellow.90" | "yellow.100" | "lime.10" | "lime.20" | "lime.30" | "lime.40" | "lime.50" | "lime.60" | "lime.70" | "lime.80" | "lime.90" | "lime.100" | "green.10" | "green.20" | "green.30" | "green.40" | "green.50" | "green.60" | "green.70" | "green.80" | "green.90" | "green.100" | "teal.10" | "teal.20" | "teal.30" | "teal.40" | "teal.50" | "teal.60" | "teal.70" | "teal.80" | "teal.90" | "teal.100" | "blue.10" | "blue.20" | "blue.30" | "blue.40" | "blue.50" | "blue.60" | "blue.70" | "blue.80" | "blue.90" | "blue.100" | "indigo.10" | "indigo.20" | "indigo.30" | "indigo.40" | "indigo.50" | "indigo.60" | "indigo.70" | "indigo.80" | "indigo.90" | "indigo.100" | "purple.10" | "purple.20" | "purple.30" | "purple.40" | "purple.50" | "purple.60" | "purple.70" | "purple.80" | "purple.90" | "purple.100" | "magenta.10" | "magenta.20" | "magenta.30" | "magenta.40" | "magenta.50" | "magenta.60" | "magenta.70" | "magenta.80" | "magenta.90" | "magenta.100" | "tan.10" | "tan.20" | "tan.30" | "tan.40" | "tan.50" | "tan.60" | "tan.70" | "tan.80" | "tan.90" | "tan.100" | "slate.0" | "slate.1" | "slate.2" | "slate.3" | "slate.4" | "slate.5" | "slate.10" | "slate.20" | "slate.30" | "slate.40" | "slate.50" | "slate.60" | "slate.70" | "slate.80" | "slate.90" | "slate.100" | "brand.10" | "brand.20" | "brand.30" | "brand.40" | "brand.50" | "brand.60" | "brand.70" | "brand.80" | "brand.90" | "brand.100" | "bg.disabled" | "bg.neutral" | "bg.neutral.hovered" | "bg.neutral.pressed" | "bg.neutral.bold" | "bg.neutral.bold.hovered" | "bg.neutral.bold.pressed" | "bg.neutral.boldest" | "bg.neutral.subtle" | "bg.neutral.subtle.hovered" | "bg.neutral.subtle.pressed" | "bg.neutral.inverse" | "bg.neutral.inverse.subtle" | "bg.neutral.inverse.subtle.hovered" | "bg.selected" | "bg.selected.hovered" | "bg.selected.pressed" | "bg.selected.bold" | "bg.selected.bold.hovered" | "bg.selected.bold.pressed" | "bg.brand.bold" | "bg.brand.bold.hovered" | "bg.brand.bold.pressed" | "bg.brand.boldest" | "bg.brand.boldest.hovered" | "bg.brand.boldest.pressed" | "bg.brand.subtle" | "bg.brand.subtle.hovered" | "bg.brand.subtle.pressed" | "bg.success" | "bg.success.hovered" | "bg.success.pressed" | "bg.success.bold" | "bg.success.bold.hovered" | "bg.success.bold.pressed" | "bg.warning" | "bg.warning.hovered" | "bg.warning.pressed" | "bg.warning.bold" | "bg.warning.bold.hovered" | "bg.warning.bold.pressed" | "bg.danger" | "bg.danger.hovered" | "bg.danger.pressed" | "bg.danger.bold" | "bg.danger.bold.hovered" | "bg.danger.bold.pressed" | "bg.info" | "bg.info.hovered" | "bg.info.pressed" | "bg.info.bold" | "bg.info.bold.hovered" | "bg.info.bold.pressed" | "bg.input" | "bg.input.hovered" | "bg.input.pressed" | "bg.accent.neutral" | "bg.accent.neutral.subtle" | "bg.accent.neutral.subtlest" | "bg.accent.neutral.bold" | "bg.accent.blue" | "bg.accent.blue.subtle" | "bg.accent.blue.subtlest" | "bg.accent.blue.bold" | "bg.accent.green" | "bg.accent.green.subtle" | "bg.accent.green.subtlest" | "bg.accent.green.bold" | "bg.accent.indigo" | "bg.accent.indigo.subtle" | "bg.accent.indigo.subtlest" | "bg.accent.indigo.bold" | "bg.accent.lime" | "bg.accent.lime.subtle" | "bg.accent.lime.subtlest" | "bg.accent.lime.bold" | "bg.accent.magenta" | "bg.accent.magenta.subtle" | "bg.accent.magenta.subtlest" | "bg.accent.magenta.bold" | "bg.accent.orange" | "bg.accent.orange.subtle" | "bg.accent.orange.subtlest" | "bg.accent.orange.bold" | "bg.accent.purple" | "bg.accent.purple.subtle" | "bg.accent.purple.subtlest" | "bg.accent.purple.bold" | "bg.accent.red" | "bg.accent.red.subtle" | "bg.accent.red.subtlest" | "bg.accent.red.bold" | "bg.accent.tan" | "bg.accent.tan.subtle" | "bg.accent.tan.subtlest" | "bg.accent.tan.bold" | "bg.accent.teal" | "bg.accent.teal.subtle" | "bg.accent.teal.subtlest" | "bg.accent.teal.bold" | "bg.accent.yellow" | "bg.accent.yellow.subtle" | "bg.accent.yellow.subtlest" | "bg.accent.yellow.bold" | "blanket" | "blanket.danger" | "blanket.selected" | "border" | "border.bold" | "border.inverse" | "border.disabled" | "border.focused" | "border.focused.inverse" | "border.selected" | "border.input" | "border.success" | "border.warning" | "border.danger" | "border.info" | "icon" | "icon.subtle" | "icon.subtlest" | "icon.inverse" | "icon.selected" | "icon.disabled" | "icon.decorative" | "icon.decorative.hovered" | "icon.decorative.inverse" | "icon.decorative.inverse.hovered" | "icon.success" | "icon.warning" | "icon.warning.inverse" | "icon.danger" | "icon.info" | "link" | "link.pressed" | "surface" | "surface.hovered" | "surface.pressed" | "surface.sunken" | "surface.overlay" | "surface.overlay.hovered" | "surface.overlay.pressed" | "surface.raised" | "surface.raised.hovered" | "surface.raised.pressed" | "text" | "text.subtle" | "text.subtlest" | "text.placeholder" | "text.bold" | "text.inverse" | "text.selected" | "text.disabled" | "text.success" | "text.warning" | "text.warning.inverse" | "text.danger" | "text.info" | "text.accent.neutral" | "text.accent.neutral.bold" | "text.accent.red" | "text.accent.red.bold" | "text.accent.orange" | "text.accent.orange.bold" | "text.accent.yellow" | "text.accent.yellow.bold" | "text.accent.lime" | "text.accent.lime.bold" | "text.accent.green" | "text.accent.green.bold" | "text.accent.teal" | "text.accent.teal.bold" | "text.accent.blue" | "text.accent.blue.bold" | "text.accent.indigo" | "text.accent.indigo.bold" | "text.accent.purple" | "text.accent.purple.bold" | "text.accent.magenta" | "text.accent.magenta.bold" | "text.accent.tan" | "text.accent.tan.bold" | "utility.shadowColor" | "colorPalette" | "colorPalette.0" | "colorPalette.10" | "colorPalette.20" | "colorPalette.30" | "colorPalette.40" | "colorPalette.50" | "colorPalette.60" | "colorPalette.70" | "colorPalette.80" | "colorPalette.90" | "colorPalette.100" | "colorPalette.110" | "colorPalette.25" | "colorPalette.35" | "colorPalette.-10" | "colorPalette.1" | "colorPalette.2" | "colorPalette.3" | "colorPalette.4" | "colorPalette.5" | "colorPalette.disabled" | "colorPalette.neutral" | "colorPalette.neutral.hovered" | "colorPalette.hovered" | "colorPalette.neutral.pressed" | "colorPalette.pressed" | "colorPalette.neutral.bold" | "colorPalette.bold" | "colorPalette.neutral.bold.hovered" | "colorPalette.bold.hovered" | "colorPalette.neutral.bold.pressed" | "colorPalette.bold.pressed" | "colorPalette.neutral.boldest" | "colorPalette.boldest" | "colorPalette.neutral.subtle" | "colorPalette.subtle" | "colorPalette.neutral.subtle.hovered" | "colorPalette.subtle.hovered" | "colorPalette.neutral.subtle.pressed" | "colorPalette.subtle.pressed" | "colorPalette.neutral.inverse" | "colorPalette.inverse" | "colorPalette.neutral.inverse.subtle" | "colorPalette.inverse.subtle" | "colorPalette.neutral.inverse.subtle.hovered" | "colorPalette.inverse.subtle.hovered" | "colorPalette.selected" | "colorPalette.selected.hovered" | "colorPalette.selected.pressed" | "colorPalette.selected.bold" | "colorPalette.selected.bold.hovered" | "colorPalette.selected.bold.pressed" | "colorPalette.brand.bold" | "colorPalette.brand.bold.hovered" | "colorPalette.brand.bold.pressed" | "colorPalette.brand.boldest" | "colorPalette.brand.boldest.hovered" | "colorPalette.boldest.hovered" | "colorPalette.brand.boldest.pressed" | "colorPalette.boldest.pressed" | "colorPalette.brand.subtle" | "colorPalette.brand.subtle.hovered" | "colorPalette.brand.subtle.pressed" | "colorPalette.success" | "colorPalette.success.hovered" | "colorPalette.success.pressed" | "colorPalette.success.bold" | "colorPalette.success.bold.hovered" | "colorPalette.success.bold.pressed" | "colorPalette.warning" | "colorPalette.warning.hovered" | "colorPalette.warning.pressed" | "colorPalette.warning.bold" | "colorPalette.warning.bold.hovered" | "colorPalette.warning.bold.pressed" | "colorPalette.danger" | "colorPalette.danger.hovered" | "colorPalette.danger.pressed" | "colorPalette.danger.bold" | "colorPalette.danger.bold.hovered" | "colorPalette.danger.bold.pressed" | "colorPalette.info" | "colorPalette.info.hovered" | "colorPalette.info.pressed" | "colorPalette.info.bold" | "colorPalette.info.bold.hovered" | "colorPalette.info.bold.pressed" | "colorPalette.input" | "colorPalette.input.hovered" | "colorPalette.input.pressed" | "colorPalette.accent.neutral" | "colorPalette.accent.neutral.subtle" | "colorPalette.accent.neutral.subtlest" | "colorPalette.neutral.subtlest" | "colorPalette.subtlest" | "colorPalette.accent.neutral.bold" | "colorPalette.accent.blue" | "colorPalette.blue" | "colorPalette.accent.blue.subtle" | "colorPalette.blue.subtle" | "colorPalette.accent.blue.subtlest" | "colorPalette.blue.subtlest" | "colorPalette.accent.blue.bold" | "colorPalette.blue.bold" | "colorPalette.accent.green" | "colorPalette.green" | "colorPalette.accent.green.subtle" | "colorPalette.green.subtle" | "colorPalette.accent.green.subtlest" | "colorPalette.green.subtlest" | "colorPalette.accent.green.bold" | "colorPalette.green.bold" | "colorPalette.accent.indigo" | "colorPalette.indigo" | "colorPalette.accent.indigo.subtle" | "colorPalette.indigo.subtle" | "colorPalette.accent.indigo.subtlest" | "colorPalette.indigo.subtlest" | "colorPalette.accent.indigo.bold" | "colorPalette.indigo.bold" | "colorPalette.accent.lime" | "colorPalette.lime" | "colorPalette.accent.lime.subtle" | "colorPalette.lime.subtle" | "colorPalette.accent.lime.subtlest" | "colorPalette.lime.subtlest" | "colorPalette.accent.lime.bold" | "colorPalette.lime.bold" | "colorPalette.accent.magenta" | "colorPalette.magenta" | "colorPalette.accent.magenta.subtle" | "colorPalette.magenta.subtle" | "colorPalette.accent.magenta.subtlest" | "colorPalette.magenta.subtlest" | "colorPalette.accent.magenta.bold" | "colorPalette.magenta.bold" | "colorPalette.accent.orange" | "colorPalette.orange" | "colorPalette.accent.orange.subtle" | "colorPalette.orange.subtle" | "colorPalette.accent.orange.subtlest" | "colorPalette.orange.subtlest" | "colorPalette.accent.orange.bold" | "colorPalette.orange.bold" | "colorPalette.accent.purple" | "colorPalette.purple" | "colorPalette.accent.purple.subtle" | "colorPalette.purple.subtle" | "colorPalette.accent.purple.subtlest" | "colorPalette.purple.subtlest" | "colorPalette.accent.purple.bold" | "colorPalette.purple.bold" | "colorPalette.accent.red" | "colorPalette.red" | "colorPalette.accent.red.subtle" | "colorPalette.red.subtle" | "colorPalette.accent.red.subtlest" | "colorPalette.red.subtlest" | "colorPalette.accent.red.bold" | "colorPalette.red.bold" | "colorPalette.accent.tan" | "colorPalette.tan" | "colorPalette.accent.tan.subtle" | "colorPalette.tan.subtle" | "colorPalette.accent.tan.subtlest" | "colorPalette.tan.subtlest" | "colorPalette.accent.tan.bold" | "colorPalette.tan.bold" | "colorPalette.accent.teal" | "colorPalette.teal" | "colorPalette.accent.teal.subtle" | "colorPalette.teal.subtle" | "colorPalette.accent.teal.subtlest" | "colorPalette.teal.subtlest" | "colorPalette.accent.teal.bold" | "colorPalette.teal.bold" | "colorPalette.accent.yellow" | "colorPalette.yellow" | "colorPalette.accent.yellow.subtle" | "colorPalette.yellow.subtle" | "colorPalette.accent.yellow.subtlest" | "colorPalette.yellow.subtlest" | "colorPalette.accent.yellow.bold" | "colorPalette.yellow.bold" | "colorPalette.focused" | "colorPalette.focused.inverse" | "colorPalette.decorative" | "colorPalette.decorative.hovered" | "colorPalette.decorative.inverse" | "colorPalette.decorative.inverse.hovered" | "colorPalette.inverse.hovered" | "colorPalette.warning.inverse" | "colorPalette.sunken" | "colorPalette.overlay" | "colorPalette.overlay.hovered" | "colorPalette.overlay.pressed" | "colorPalette.raised" | "colorPalette.raised.hovered" | "colorPalette.raised.pressed" | "colorPalette.placeholder" | "colorPalette.shadowColor"
+declare type ColorToken = "transparent" | "current" | "inherit" | "neutral.0" | "neutral.10" | "neutral.20" | "neutral.30" | "neutral.40" | "neutral.50" | "neutral.60" | "neutral.70" | "neutral.80" | "neutral.90" | "neutral.100" | "neutral.110" | "neutralA.10" | "neutralA.20" | "neutralA.30" | "neutralA.40" | "neutralA.50" | "darkNeutral.0" | "darkNeutral.10" | "darkNeutral.20" | "darkNeutral.25" | "darkNeutral.30" | "darkNeutral.35" | "darkNeutral.40" | "darkNeutral.50" | "darkNeutral.60" | "darkNeutral.70" | "darkNeutral.80" | "darkNeutral.90" | "darkNeutral.100" | "darkNeutral.110" | "darkNeutral.120" | "darkNeutralA.10" | "darkNeutralA.20" | "darkNeutralA.25" | "darkNeutralA.30" | "darkNeutralA.35" | "darkNeutralA.40" | "darkNeutralA.50" | "darkNeutralA.-10" | "gray.10" | "gray.20" | "gray.30" | "gray.40" | "gray.50" | "gray.60" | "gray.70" | "gray.80" | "gray.90" | "gray.100" | "red.10" | "red.20" | "red.30" | "red.40" | "red.50" | "red.60" | "red.70" | "red.80" | "red.90" | "red.100" | "orange.10" | "orange.20" | "orange.30" | "orange.40" | "orange.50" | "orange.60" | "orange.70" | "orange.80" | "orange.90" | "orange.100" | "yellow.10" | "yellow.20" | "yellow.30" | "yellow.40" | "yellow.50" | "yellow.60" | "yellow.70" | "yellow.80" | "yellow.90" | "yellow.100" | "lime.10" | "lime.20" | "lime.30" | "lime.40" | "lime.50" | "lime.60" | "lime.70" | "lime.80" | "lime.90" | "lime.100" | "green.10" | "green.20" | "green.30" | "green.40" | "green.50" | "green.60" | "green.70" | "green.80" | "green.90" | "green.100" | "teal.10" | "teal.20" | "teal.30" | "teal.40" | "teal.50" | "teal.60" | "teal.70" | "teal.80" | "teal.90" | "teal.100" | "blue.10" | "blue.20" | "blue.30" | "blue.40" | "blue.50" | "blue.60" | "blue.70" | "blue.80" | "blue.90" | "blue.100" | "indigo.10" | "indigo.20" | "indigo.30" | "indigo.40" | "indigo.50" | "indigo.60" | "indigo.70" | "indigo.80" | "indigo.90" | "indigo.100" | "purple.10" | "purple.20" | "purple.30" | "purple.40" | "purple.50" | "purple.60" | "purple.70" | "purple.80" | "purple.90" | "purple.100" | "magenta.10" | "magenta.20" | "magenta.30" | "magenta.40" | "magenta.50" | "magenta.60" | "magenta.70" | "magenta.80" | "magenta.90" | "magenta.100" | "tan.10" | "tan.20" | "tan.30" | "tan.40" | "tan.50" | "tan.60" | "tan.70" | "tan.80" | "tan.90" | "tan.100" | "slate.0" | "slate.1" | "slate.2" | "slate.3" | "slate.4" | "slate.5" | "slate.10" | "slate.20" | "slate.30" | "slate.40" | "slate.50" | "slate.60" | "slate.70" | "slate.80" | "slate.90" | "slate.100" | "shadow.raised.1.light" | "shadow.raised.1.dark" | "shadow.raised.2.light" | "shadow.raised.2.dark" | "shadow.elevated.1.light" | "shadow.elevated.1.dark" | "shadow.elevated.2.light" | "shadow.elevated.2.dark" | "shadow.elevated.3.light" | "shadow.elevated.3.dark" | "shadow.overlay.1.light" | "shadow.overlay.1.dark" | "shadow.overlay.2.light" | "shadow.overlay.2.dark" | "shadow.overlay.3.light" | "shadow.overlay.3.dark" | "shadow.overflow.1.light" | "shadow.overflow.1.dark" | "shadow.overflow.2.light" | "shadow.overflow.2.dark" | "brand.10" | "brand.20" | "brand.30" | "brand.40" | "brand.50" | "brand.60" | "brand.70" | "brand.80" | "brand.90" | "brand.100" | "bg.disabled" | "bg.neutral" | "bg.neutral.hovered" | "bg.neutral.pressed" | "bg.neutral.bold" | "bg.neutral.bold.hovered" | "bg.neutral.bold.pressed" | "bg.neutral.boldest" | "bg.neutral.subtle" | "bg.neutral.subtle.hovered" | "bg.neutral.subtle.pressed" | "bg.neutral.inverse" | "bg.neutral.inverse.subtle" | "bg.neutral.inverse.subtle.hovered" | "bg.neutral.solid" | "bg.selected" | "bg.selected.hovered" | "bg.selected.pressed" | "bg.selected.bold" | "bg.selected.bold.hovered" | "bg.selected.bold.pressed" | "bg.brand.bold" | "bg.brand.bold.hovered" | "bg.brand.bold.pressed" | "bg.brand.boldest" | "bg.brand.boldest.hovered" | "bg.brand.boldest.pressed" | "bg.brand.subtle" | "bg.brand.subtle.hovered" | "bg.brand.subtle.pressed" | "bg.success" | "bg.success.hovered" | "bg.success.pressed" | "bg.success.bold" | "bg.success.bold.hovered" | "bg.success.bold.pressed" | "bg.warning" | "bg.warning.hovered" | "bg.warning.pressed" | "bg.warning.bold" | "bg.warning.bold.hovered" | "bg.warning.bold.pressed" | "bg.danger" | "bg.danger.hovered" | "bg.danger.pressed" | "bg.danger.bold" | "bg.danger.bold.hovered" | "bg.danger.bold.pressed" | "bg.info" | "bg.info.hovered" | "bg.info.pressed" | "bg.info.bold" | "bg.info.bold.hovered" | "bg.info.bold.pressed" | "bg.input" | "bg.input.hovered" | "bg.input.pressed" | "bg.accent.neutral" | "bg.accent.neutral.subtle" | "bg.accent.neutral.subtlest" | "bg.accent.neutral.bold" | "bg.accent.blue" | "bg.accent.blue.subtle" | "bg.accent.blue.subtlest" | "bg.accent.blue.bold" | "bg.accent.green" | "bg.accent.green.subtle" | "bg.accent.green.subtlest" | "bg.accent.green.bold" | "bg.accent.indigo" | "bg.accent.indigo.subtle" | "bg.accent.indigo.subtlest" | "bg.accent.indigo.bold" | "bg.accent.lime" | "bg.accent.lime.subtle" | "bg.accent.lime.subtlest" | "bg.accent.lime.bold" | "bg.accent.magenta" | "bg.accent.magenta.subtle" | "bg.accent.magenta.subtlest" | "bg.accent.magenta.bold" | "bg.accent.orange" | "bg.accent.orange.subtle" | "bg.accent.orange.subtlest" | "bg.accent.orange.bold" | "bg.accent.purple" | "bg.accent.purple.subtle" | "bg.accent.purple.subtlest" | "bg.accent.purple.bold" | "bg.accent.red" | "bg.accent.red.subtle" | "bg.accent.red.subtlest" | "bg.accent.red.bold" | "bg.accent.tan" | "bg.accent.tan.subtle" | "bg.accent.tan.subtlest" | "bg.accent.tan.bold" | "bg.accent.teal" | "bg.accent.teal.subtle" | "bg.accent.teal.subtlest" | "bg.accent.teal.bold" | "bg.accent.yellow" | "bg.accent.yellow.subtle" | "bg.accent.yellow.subtlest" | "bg.accent.yellow.bold" | "blanket" | "blanket.danger" | "blanket.selected" | "border" | "border.bold" | "border.inverse" | "border.inverse.focused" | "border.disabled" | "border.focused" | "border.focused.inverse" | "border.selected" | "border.input" | "border.success" | "border.warning" | "border.danger" | "border.info" | "icon" | "icon.subtle" | "icon.subtlest" | "icon.inverse" | "icon.selected" | "icon.disabled" | "icon.decorative" | "icon.decorative.hovered" | "icon.decorative.inverse" | "icon.decorative.inverse.hovered" | "icon.decorative.subtle" | "icon.success" | "icon.warning" | "icon.warning.inverse" | "icon.danger" | "icon.danger.inverse" | "icon.info" | "link" | "link.pressed" | "surface" | "surface.hovered" | "surface.pressed" | "surface.sunken" | "surface.raised" | "surface.raised.hovered" | "surface.raised.pressed" | "surface.overlay" | "surface.overlay.hovered" | "surface.overlay.pressed" | "surface.selected" | "surface.selected.hovered" | "surface.selected.pressed" | "text" | "text.subtle" | "text.subtlest" | "text.bold" | "text.inverse" | "text.inverse.subtlest" | "text.selected" | "text.placeholder" | "text.disabled" | "text.success" | "text.success.inverse" | "text.warning" | "text.warning.inverse" | "text.danger" | "text.danger.inverse" | "text.info" | "text.info.inverse" | "text.accent.neutral" | "text.accent.neutral.bold" | "text.accent.red" | "text.accent.red.bold" | "text.accent.orange" | "text.accent.orange.bold" | "text.accent.yellow" | "text.accent.yellow.bold" | "text.accent.lime" | "text.accent.lime.bold" | "text.accent.green" | "text.accent.green.bold" | "text.accent.teal" | "text.accent.teal.bold" | "text.accent.blue" | "text.accent.blue.bold" | "text.accent.indigo" | "text.accent.indigo.bold" | "text.accent.purple" | "text.accent.purple.bold" | "text.accent.magenta" | "text.accent.magenta.bold" | "text.accent.tan" | "text.accent.tan.bold" | "colorPalette" | "colorPalette.0" | "colorPalette.10" | "colorPalette.20" | "colorPalette.30" | "colorPalette.40" | "colorPalette.50" | "colorPalette.60" | "colorPalette.70" | "colorPalette.80" | "colorPalette.90" | "colorPalette.100" | "colorPalette.110" | "colorPalette.25" | "colorPalette.35" | "colorPalette.120" | "colorPalette.-10" | "colorPalette.1" | "colorPalette.2" | "colorPalette.3" | "colorPalette.4" | "colorPalette.5" | "colorPalette.raised.1.light" | "colorPalette.1.light" | "colorPalette.light" | "colorPalette.raised.1.dark" | "colorPalette.1.dark" | "colorPalette.dark" | "colorPalette.raised.2.light" | "colorPalette.2.light" | "colorPalette.raised.2.dark" | "colorPalette.2.dark" | "colorPalette.elevated.1.light" | "colorPalette.elevated.1.dark" | "colorPalette.elevated.2.light" | "colorPalette.elevated.2.dark" | "colorPalette.elevated.3.light" | "colorPalette.3.light" | "colorPalette.elevated.3.dark" | "colorPalette.3.dark" | "colorPalette.overlay.1.light" | "colorPalette.overlay.1.dark" | "colorPalette.overlay.2.light" | "colorPalette.overlay.2.dark" | "colorPalette.overlay.3.light" | "colorPalette.overlay.3.dark" | "colorPalette.overflow.1.light" | "colorPalette.overflow.1.dark" | "colorPalette.overflow.2.light" | "colorPalette.overflow.2.dark" | "colorPalette.disabled" | "colorPalette.neutral" | "colorPalette.neutral.hovered" | "colorPalette.hovered" | "colorPalette.neutral.pressed" | "colorPalette.pressed" | "colorPalette.neutral.bold" | "colorPalette.bold" | "colorPalette.neutral.bold.hovered" | "colorPalette.bold.hovered" | "colorPalette.neutral.bold.pressed" | "colorPalette.bold.pressed" | "colorPalette.neutral.boldest" | "colorPalette.boldest" | "colorPalette.neutral.subtle" | "colorPalette.subtle" | "colorPalette.neutral.subtle.hovered" | "colorPalette.subtle.hovered" | "colorPalette.neutral.subtle.pressed" | "colorPalette.subtle.pressed" | "colorPalette.neutral.inverse" | "colorPalette.inverse" | "colorPalette.neutral.inverse.subtle" | "colorPalette.inverse.subtle" | "colorPalette.neutral.inverse.subtle.hovered" | "colorPalette.inverse.subtle.hovered" | "colorPalette.neutral.solid" | "colorPalette.solid" | "colorPalette.selected" | "colorPalette.selected.hovered" | "colorPalette.selected.pressed" | "colorPalette.selected.bold" | "colorPalette.selected.bold.hovered" | "colorPalette.selected.bold.pressed" | "colorPalette.brand.bold" | "colorPalette.brand.bold.hovered" | "colorPalette.brand.bold.pressed" | "colorPalette.brand.boldest" | "colorPalette.brand.boldest.hovered" | "colorPalette.boldest.hovered" | "colorPalette.brand.boldest.pressed" | "colorPalette.boldest.pressed" | "colorPalette.brand.subtle" | "colorPalette.brand.subtle.hovered" | "colorPalette.brand.subtle.pressed" | "colorPalette.success" | "colorPalette.success.hovered" | "colorPalette.success.pressed" | "colorPalette.success.bold" | "colorPalette.success.bold.hovered" | "colorPalette.success.bold.pressed" | "colorPalette.warning" | "colorPalette.warning.hovered" | "colorPalette.warning.pressed" | "colorPalette.warning.bold" | "colorPalette.warning.bold.hovered" | "colorPalette.warning.bold.pressed" | "colorPalette.danger" | "colorPalette.danger.hovered" | "colorPalette.danger.pressed" | "colorPalette.danger.bold" | "colorPalette.danger.bold.hovered" | "colorPalette.danger.bold.pressed" | "colorPalette.info" | "colorPalette.info.hovered" | "colorPalette.info.pressed" | "colorPalette.info.bold" | "colorPalette.info.bold.hovered" | "colorPalette.info.bold.pressed" | "colorPalette.input" | "colorPalette.input.hovered" | "colorPalette.input.pressed" | "colorPalette.accent.neutral" | "colorPalette.accent.neutral.subtle" | "colorPalette.accent.neutral.subtlest" | "colorPalette.neutral.subtlest" | "colorPalette.subtlest" | "colorPalette.accent.neutral.bold" | "colorPalette.accent.blue" | "colorPalette.blue" | "colorPalette.accent.blue.subtle" | "colorPalette.blue.subtle" | "colorPalette.accent.blue.subtlest" | "colorPalette.blue.subtlest" | "colorPalette.accent.blue.bold" | "colorPalette.blue.bold" | "colorPalette.accent.green" | "colorPalette.green" | "colorPalette.accent.green.subtle" | "colorPalette.green.subtle" | "colorPalette.accent.green.subtlest" | "colorPalette.green.subtlest" | "colorPalette.accent.green.bold" | "colorPalette.green.bold" | "colorPalette.accent.indigo" | "colorPalette.indigo" | "colorPalette.accent.indigo.subtle" | "colorPalette.indigo.subtle" | "colorPalette.accent.indigo.subtlest" | "colorPalette.indigo.subtlest" | "colorPalette.accent.indigo.bold" | "colorPalette.indigo.bold" | "colorPalette.accent.lime" | "colorPalette.lime" | "colorPalette.accent.lime.subtle" | "colorPalette.lime.subtle" | "colorPalette.accent.lime.subtlest" | "colorPalette.lime.subtlest" | "colorPalette.accent.lime.bold" | "colorPalette.lime.bold" | "colorPalette.accent.magenta" | "colorPalette.magenta" | "colorPalette.accent.magenta.subtle" | "colorPalette.magenta.subtle" | "colorPalette.accent.magenta.subtlest" | "colorPalette.magenta.subtlest" | "colorPalette.accent.magenta.bold" | "colorPalette.magenta.bold" | "colorPalette.accent.orange" | "colorPalette.orange" | "colorPalette.accent.orange.subtle" | "colorPalette.orange.subtle" | "colorPalette.accent.orange.subtlest" | "colorPalette.orange.subtlest" | "colorPalette.accent.orange.bold" | "colorPalette.orange.bold" | "colorPalette.accent.purple" | "colorPalette.purple" | "colorPalette.accent.purple.subtle" | "colorPalette.purple.subtle" | "colorPalette.accent.purple.subtlest" | "colorPalette.purple.subtlest" | "colorPalette.accent.purple.bold" | "colorPalette.purple.bold" | "colorPalette.accent.red" | "colorPalette.red" | "colorPalette.accent.red.subtle" | "colorPalette.red.subtle" | "colorPalette.accent.red.subtlest" | "colorPalette.red.subtlest" | "colorPalette.accent.red.bold" | "colorPalette.red.bold" | "colorPalette.accent.tan" | "colorPalette.tan" | "colorPalette.accent.tan.subtle" | "colorPalette.tan.subtle" | "colorPalette.accent.tan.subtlest" | "colorPalette.tan.subtlest" | "colorPalette.accent.tan.bold" | "colorPalette.tan.bold" | "colorPalette.accent.teal" | "colorPalette.teal" | "colorPalette.accent.teal.subtle" | "colorPalette.teal.subtle" | "colorPalette.accent.teal.subtlest" | "colorPalette.teal.subtlest" | "colorPalette.accent.teal.bold" | "colorPalette.teal.bold" | "colorPalette.accent.yellow" | "colorPalette.yellow" | "colorPalette.accent.yellow.subtle" | "colorPalette.yellow.subtle" | "colorPalette.accent.yellow.subtlest" | "colorPalette.yellow.subtlest" | "colorPalette.accent.yellow.bold" | "colorPalette.yellow.bold" | "colorPalette.inverse.focused" | "colorPalette.focused" | "colorPalette.focused.inverse" | "colorPalette.decorative" | "colorPalette.decorative.hovered" | "colorPalette.decorative.inverse" | "colorPalette.decorative.inverse.hovered" | "colorPalette.inverse.hovered" | "colorPalette.decorative.subtle" | "colorPalette.warning.inverse" | "colorPalette.danger.inverse" | "colorPalette.sunken" | "colorPalette.raised" | "colorPalette.raised.hovered" | "colorPalette.raised.pressed" | "colorPalette.overlay" | "colorPalette.overlay.hovered" | "colorPalette.overlay.pressed" | "colorPalette.inverse.subtlest" | "colorPalette.placeholder" | "colorPalette.success.inverse" | "colorPalette.info.inverse"
 
 declare type ComponentProps<T extends ElementType> = T extends ComponentType<infer P> | Component<infer P>
 ? JSX_2.LibraryManagedAttributes<T, P>
@@ -1246,11 +1250,76 @@ declare namespace DataType {
     type VisualBox = "border-box" | "content-box" | "padding-box";
 }
 
+export declare const DatePicker: (props: DatePickerProps) => JSX.Element;
+
+export declare type DatePickerProps = Omit<BoxProps, keyof DatePickerVariantProps | 'children'> & DatePickerVariantProps & {
+    /** Controlled value */
+    value?: DateValue | null;
+    /** Called when the date changes */
+    onChange?: (value: DateValue | null) => void;
+    /** Earliest selectable date */
+    minDate?: DateValue;
+    /** Latest selectable date */
+    maxDate?: DateValue;
+    /** Accessible label for the input group */
+    label?: string;
+    disabled?: boolean;
+    error?: boolean;
+    id?: string;
+    name?: string;
+    /** Controlled popover open state */
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+};
+
+declare interface DatePickerVariant {
+    /**
+     * @default "md"
+     */
+    size: "sm" | "md" | "lg"
+}
+
+declare type DatePickerVariantProps = {
+    [key in keyof DatePickerVariant]?: ConditionalValue<DatePickerVariant[key]> | undefined
+}
+
+export declare const DateRangePicker: (props: DateRangePickerProps) => JSX.Element;
+
+export declare type DateRangePickerProps = {
+    /** Start date value */
+    startValue?: DateValue | null;
+    /** End date value */
+    endValue?: DateValue | null;
+    /** Called when start date changes */
+    onStartChange?: (value: DateValue | null) => void;
+    /** Called when end date changes */
+    onEndChange?: (value: DateValue | null) => void;
+    /** Earliest selectable date (applies to both pickers) */
+    minDate?: DateValue;
+    /** Latest selectable date (applies to both pickers) */
+    maxDate?: DateValue;
+    disabled?: boolean;
+    error?: boolean;
+    /** Size passed to both DatePickers */
+    size?: DatePickerProps['size'];
+    /** Accessible label prefix — used to build "Start date" and "End date" labels */
+    label?: string;
+};
+
+export declare interface DateValue {
+    year: number;
+    month: number;
+    day: number;
+}
+
 declare type DistributiveOmit<T, K extends keyof any> = T extends unknown ? Omit<T, K> : never
 
 export declare const Divider: (props: DividerProps) => JSX.Element;
 
-export declare type DividerProps = Omit<BoxProps, keyof DividerVariantProps> & DividerVariantProps;
+export declare type DividerProps = Omit<BoxProps, keyof DividerVariantProps> & DividerVariantProps & {
+    direction?: string;
+    weight?: string;
+};
 
 declare interface DividerVariant {
     /**
@@ -1277,7 +1346,7 @@ export declare type DropdownProps = MenuVariantProps & {
     /** Offset distance from trigger (in pixels) */
     offset?: number;
     /** Children (MenuItem, MenuGroup, MenuDivider, etc.) */
-    children: default_2.ReactNode;
+    children: ReactNode;
     /** Optional ID for ARIA attributes */
     id?: string;
     /** Disable the dropdown */
@@ -1292,7 +1361,7 @@ declare type EasingToken = "default" | "linear" | "in" | "out" | "in-out"
 
 declare type Fallback<T> = { [P in keyof T]: T[P] | readonly NonNullable<T[P]>[] };
 
-declare type FontSizeToken = "12" | "14" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "72" | "80" | "96"
+declare type FontSizeToken = "10" | "12" | "14" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "72" | "80" | "96"
 
 declare type FontToken = "heading" | "sans" | "body" | "serif" | "mono"
 
@@ -1301,17 +1370,17 @@ declare type FontWeightToken = "light" | "normal" | "medium" | "bold" | "black"
 export declare const FormField: (props: FormFieldProps) => JSX.Element;
 
 export declare type FormFieldProps = Omit<BoxProps, keyof FormFieldVariantProps> & FormFieldVariantProps & {
-    label?: string;
+    label: string;
+    labelFor: string;
+    children: ReactNode;
     helpText?: string;
     required?: boolean;
     error?: boolean;
     errorText?: string;
     disabled?: boolean;
-    tooltip?: boolean;
-    tooltipCaret?: boolean;
     tooltipTitle?: string;
-    tooltipDescription?: string;
-    children?: ReactNode;
+    tooltipText?: string;
+    size?: 'sm' | 'md' | 'lg' | 'xl';
 };
 
 declare interface FormFieldVariant {
@@ -1319,6 +1388,10 @@ declare interface FormFieldVariant {
      * @default "default"
      */
     layout: "default" | "inline"
+    /**
+     * @default "md"
+     */
+    size: "sm" | "md" | "lg" | "xl"
 }
 
 declare type FormFieldVariantProps = {
@@ -1332,7 +1405,7 @@ export declare type GlobalStyleObject = Record<string, unknown>;
 export declare const Heading: (props: HeadingProps) => JSX.Element;
 
 export declare type HeadingProps = Omit<TextProps, keyof HeadingVariantProps> & HeadingVariantProps & {
-    children?: string | React.ReactNode;
+    children?: string | ReactNode;
     level?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
 };
 
@@ -1341,13 +1414,31 @@ declare interface HeadingVariant {
      * @default "h2"
      */
     level: "h1" | "h2" | "h3" | "h4"
-    allcaps: boolean
+    allCaps: boolean
 }
 
 declare type HeadingVariantProps = {
     [key in keyof HeadingVariant]?: ConditionalValue<HeadingVariant[key]> | undefined
 }
 
+export declare const HighlightText: (props: HighlightTextProps) => JSX.Element;
+
+export declare type HighlightTextProps = Omit<BoxProps, keyof HighlightTextVariantProps> & HighlightTextVariantProps & {
+    value: string;
+    query: string;
+    enabled?: boolean;
+};
+
+declare interface HighlightTextVariant {
+
+}
+
+declare type HighlightTextVariantProps = {
+    [key in keyof HighlightTextVariant]?: ConditionalValue<HighlightTextVariant[key]> | undefined
+}
+
+export declare type HourCycle = '12' | '24';
+
 declare type HTMLStyledProps<T extends ElementType> = JsxHTMLProps<ComponentProps<T> & UnstyledProps & AsProps, JsxStyleProps>
 
 export declare const Icon: (props: IconProps) => JSX.Element;
@@ -1355,10 +1446,11 @@ export declare const Icon: (props: IconProps) => JSX.Element;
 export declare const IconButton: (props: IconButtonProps) => JSX.Element;
 
 export declare type IconButtonProps = Omit<BoxProps, keyof IconButtonVariantProps> & IconButtonVariantProps & {
+    iconName: IconNamesList;
+    altText: string;
     href?: string;
     loading?: boolean;
     disabled?: boolean;
-    iconName?: IconNamesList;
     type?: 'submit' | 'reset' | 'button';
 };
 
@@ -1366,11 +1458,11 @@ declare interface IconButtonVariant {
     /**
      * @default "default"
      */
-    variant: "default" | "primary" | "subtle" | "hollow"
+    variant: "default" | "primary" | "hollow" | "ghost" | "danger" | "selected" | "selectedBold"
     /**
      * @default "md"
      */
-    size: "md" | "sm" | "lg" | "xl"
+    size: "sm" | "md" | "lg" | "xl"
 }
 
 declare type IconButtonVariantProps = {
@@ -1422,6 +1514,7 @@ export declare const IconNames: {
     readonly broadcast: "broadcast";
     readonly building: "building";
     readonly 'calendar-add': "calendar-add";
+    readonly 'calendar-lock': "calendar-lock";
     readonly 'calendar-view-day': "calendar-view-day";
     readonly 'calendar-view-month': "calendar-view-month";
     readonly 'calendar-view-week': "calendar-view-week";
@@ -1459,8 +1552,10 @@ export declare const IconNames: {
     readonly code: "code";
     readonly color: "color";
     readonly compass: "compass";
+    readonly computer: "computer";
     readonly cone: "cone";
     readonly confetti: "confetti";
+    readonly cookie: "cookie";
     readonly copy: "copy";
     readonly 'credit-card': "credit-card";
     readonly 'cube-focus': "cube-focus";
@@ -1498,6 +1593,12 @@ export declare const IconNames: {
     readonly 'fit-screen': "fit-screen";
     readonly 'flag-checkered': "flag-checkered";
     readonly flag: "flag";
+    readonly 'folder-check': "folder-check";
+    readonly 'folder-copy': "folder-copy";
+    readonly 'folder-dashed': "folder-dashed";
+    readonly 'folder-open': "folder-open";
+    readonly 'folder-topic': "folder-topic";
+    readonly folder: "folder";
     readonly forklift: "forklift";
     readonly 'fullscreen-exit': "fullscreen-exit";
     readonly fullscreen: "fullscreen";
@@ -1554,6 +1655,7 @@ export declare const IconNames: {
     readonly messages: "messages";
     readonly 'minus-thick': "minus-thick";
     readonly minus: "minus";
+    readonly mobile: "mobile";
     readonly money: "money";
     readonly monitor: "monitor";
     readonly moon: "moon";
@@ -1566,6 +1668,7 @@ export declare const IconNames: {
     readonly note: "note";
     readonly notepad: "notepad";
     readonly notification: "notification";
+    readonly numpad: "numpad";
     readonly nut: "nut";
     readonly order: "order";
     readonly package: "package";
@@ -1577,11 +1680,13 @@ export declare const IconNames: {
     readonly pause: "pause";
     readonly pencil: "pencil";
     readonly percent: "percent";
+    readonly phone: "phone";
     readonly 'play-pause': "play-pause";
     readonly play: "play";
     readonly plus: "plus";
     readonly printer: "printer";
     readonly prohibit: "prohibit";
+    readonly 'qr-code': "qr-code";
     readonly 'question-mark': "question-mark";
     readonly quote: "quote";
     readonly 'radio-checked': "radio-checked";
@@ -1624,6 +1729,7 @@ export declare const IconNames: {
     readonly 'sort-descending': "sort-descending";
     readonly 'sort-time-down': "sort-time-down";
     readonly 'sort-time-up': "sort-time-up";
+    readonly sparkle: "sparkle";
     readonly 'square-add': "square-add";
     readonly 'square-inside': "square-inside";
     readonly 'square-select': "square-select";
@@ -1651,6 +1757,7 @@ export declare const IconNames: {
     readonly toolbox: "toolbox";
     readonly tools: "tools";
     readonly trash: "trash";
+    readonly trolley: "trolley";
     readonly trophy: "trophy";
     readonly 'truck-trailer': "truck-trailer";
     readonly update: "update";
@@ -1682,14 +1789,346 @@ export declare const IconNames: {
     readonly 'zoom-out': "zoom-out";
 };
 
-declare type IconNamesList = 'aa-placeholder' | 'alarm' | 'alt-route' | 'apps' | 'arrow-bubble' | 'arrow-down' | 'arrow-drop-down' | 'arrow-drop-up' | 'arrow-left' | 'arrow-line-down' | 'arrow-line-left' | 'arrow-line-right' | 'arrow-line-up' | 'arrow-prompt' | 'arrow-redo' | 'arrow-right' | 'arrow-square-in' | 'arrow-square-out' | 'arrow-undo' | 'arrow-up' | 'arrows-down-up' | 'arrows-left-right' | 'asterisk' | 'at' | 'attachment' | 'bank' | 'barcode-reader' | 'barcode' | 'barricade' | 'basket' | 'bell-active' | 'bell-slash' | 'bell' | 'bin' | 'blog-post' | 'blueprint' | 'book-a' | 'book' | 'bookmark-outlined' | 'bookmark' | 'bookmarks' | 'broadcast' | 'building' | 'calendar-add' | 'calendar-view-day' | 'calendar-view-month' | 'calendar-view-week' | 'calendar' | 'caret-down' | 'caret-left' | 'caret-right' | 'caret-up' | 'cart' | 'certificate' | 'check-all' | 'check-thick' | 'check' | 'checkbox-checked' | 'checkbox-focus' | 'checkbox-indeterminate' | 'checkbox' | 'chevron-down' | 'chevron-filled-down' | 'chevron-filled-left' | 'chevron-filled-right' | 'chevron-filled-up' | 'chevron-left' | 'chevron-right' | 'chevron-up' | 'circle-change' | 'circle-check' | 'circle' | 'circles-add' | 'circuit' | 'clipboard' | 'clock-countdown' | 'clock' | 'cloud-synced' | 'code' | 'color' | 'compass' | 'cone' | 'confetti' | 'copy' | 'credit-card' | 'cube-focus' | 'cursor-click' | 'cursor' | 'cut' | 'data-object' | 'database' | 'devices' | 'dictionary' | 'dna' | 'donut' | 'dot' | 'dots' | 'download-cloud' | 'download' | 'edit' | 'encrypted' | 'envelope' | 'equal' | 'eraser' | 'error' | 'event-list' | 'export' | 'extension' | 'eye-slash' | 'eye' | 'faq' | 'file-add' | 'file' | 'files' | 'filter-remove' | 'filter' | 'finish' | 'fit-screen' | 'flag-checkered' | 'flag' | 'forklift' | 'fullscreen-exit' | 'fullscreen' | 'garage' | 'gauge' | 'globe-grid' | 'globe' | 'gripper' | 'handle-vertical' | 'handle' | 'hash' | 'heart-outlined' | 'heart' | 'help' | 'history' | 'home' | 'image' | 'images' | 'inbox' | 'infinity' | 'info' | 'inventory' | 'invoice' | 'jump-back' | 'jump-forward' | 'kanban' | 'kbd-backspace' | 'kbd-capslock' | 'kbd-command' | 'kbd-control' | 'kbd-hide' | 'kbd-option' | 'kbd-return' | 'kbd-shift' | 'kbd-space' | 'kbd' | 'lightning' | 'line-segment' | 'line-segments' | 'link-slash' | 'link' | 'linked-services' | 'list-bullets' | 'list-checks' | 'list-numbers' | 'lock-open' | 'lock' | 'map-pin' | 'map' | 'mark-unread' | 'menu-close' | 'menu' | 'message' | 'messages' | 'minus-thick' | 'minus' | 'money' | 'monitor' | 'moon' | 'navigation' | 'network-x' | 'network' | 'newspaper-clipping' | 'newspaper' | 'note-stack' | 'note' | 'notepad' | 'notification' | 'nut' | 'order' | 'package' | 'page-first' | 'page-last' | 'parts' | 'password' | 'path' | 'pause' | 'pencil' | 'percent' | 'play-pause' | 'play' | 'plus' | 'printer' | 'prohibit' | 'question-mark' | 'quote' | 'radio-checked' | 'radio-focus' | 'radio' | 'read-doc' | 'receipt' | 'recycle' | 'refresh' | 'repeat' | 'reply-all' | 'reply' | 'resize' | 'ribbon' | 'rows-add' | 'ruler' | 'rules' | 'scale' | 'schedule-backward' | 'schedule-forward' | 'screwdriver' | 'scroll' | 'search-check' | 'search-items' | 'search-objects' | 'search' | 'send' | 'settings' | 'shapes' | 'share' | 'shuffle' | 'signpost' | 'skip-back' | 'skip-forward' | 'skull' | 'sliders' | 'sort-alpha-down' | 'sort-alpha-up' | 'sort-ascending' | 'sort-descending' | 'sort-time-down' | 'sort-time-up' | 'square-add' | 'square-inside' | 'square-select' | 'square' | 'stamp' | 'star-outlined' | 'star' | 'start' | 'step' | 'stop' | 'story' | 'strategy' | 'success' | 'sun' | 'support' | 'sync' | 'tag' | 'target-2' | 'target' | 'task-alt' | 'text-add' | 'textbox' | 'time-add' | 'timer' | 'toolbox' | 'tools' | 'trash' | 'trophy' | 'truck-trailer' | 'update' | 'upload-cloud' | 'upload' | 'user-add' | 'user-details' | 'user-group' | 'user-id-badge' | 'user-id-card' | 'user-recent' | 'user' | 'verified' | 'video' | 'view-cards' | 'view-doc' | 'view-grid' | 'view-rows' | 'view-table' | 'wand' | 'warning' | 'weight' | 'widgets' | 'work-order' | 'wrench-2' | 'wrench' | 'x' | 'zoom-in' | 'zoom-out'
-
-export declare type IconProps = Omit<BoxProps, 'size'> & SVGAttributes<SVGElement> & {
+declare type IconNamesList =
+| 'aa-placeholder'
+| 'alarm'
+| 'alt-route'
+| 'apps'
+| 'arrow-bubble'
+| 'arrow-down'
+| 'arrow-drop-down'
+| 'arrow-drop-up'
+| 'arrow-left'
+| 'arrow-line-down'
+| 'arrow-line-left'
+| 'arrow-line-right'
+| 'arrow-line-up'
+| 'arrow-prompt'
+| 'arrow-redo'
+| 'arrow-right'
+| 'arrow-square-in'
+| 'arrow-square-out'
+| 'arrow-undo'
+| 'arrow-up'
+| 'arrows-down-up'
+| 'arrows-left-right'
+| 'asterisk'
+| 'at'
+| 'attachment'
+| 'bank'
+| 'barcode-reader'
+| 'barcode'
+| 'barricade'
+| 'basket'
+| 'bell-active'
+| 'bell-slash'
+| 'bell'
+| 'bin'
+| 'blog-post'
+| 'blueprint'
+| 'book-a'
+| 'book'
+| 'bookmark-outlined'
+| 'bookmark'
+| 'bookmarks'
+| 'broadcast'
+| 'building'
+| 'calendar-add'
+| 'calendar-lock'
+| 'calendar-view-day'
+| 'calendar-view-month'
+| 'calendar-view-week'
+| 'calendar'
+| 'caret-down'
+| 'caret-left'
+| 'caret-right'
+| 'caret-up'
+| 'cart'
+| 'certificate'
+| 'check-all'
+| 'check-thick'
+| 'check'
+| 'checkbox-checked'
+| 'checkbox-focus'
+| 'checkbox-indeterminate'
+| 'checkbox'
+| 'chevron-down'
+| 'chevron-filled-down'
+| 'chevron-filled-left'
+| 'chevron-filled-right'
+| 'chevron-filled-up'
+| 'chevron-left'
+| 'chevron-right'
+| 'chevron-up'
+| 'circle-change'
+| 'circle-check'
+| 'circle'
+| 'circles-add'
+| 'circuit'
+| 'clipboard'
+| 'clock-countdown'
+| 'clock'
+| 'cloud-synced'
+| 'code'
+| 'color'
+| 'compass'
+| 'computer'
+| 'cone'
+| 'confetti'
+| 'cookie'
+| 'copy'
+| 'credit-card'
+| 'cube-focus'
+| 'cursor-click'
+| 'cursor'
+| 'cut'
+| 'data-object'
+| 'database'
+| 'devices'
+| 'dictionary'
+| 'dna'
+| 'donut'
+| 'dot'
+| 'dots'
+| 'download-cloud'
+| 'download'
+| 'edit'
+| 'encrypted'
+| 'envelope'
+| 'equal'
+| 'eraser'
+| 'error'
+| 'event-list'
+| 'export'
+| 'extension'
+| 'eye-slash'
+| 'eye'
+| 'faq'
+| 'file-add'
+| 'file'
+| 'files'
+| 'filter-remove'
+| 'filter'
+| 'finish'
+| 'fit-screen'
+| 'flag-checkered'
+| 'flag'
+| 'folder-check'
+| 'folder-copy'
+| 'folder-dashed'
+| 'folder-open'
+| 'folder-topic'
+| 'folder'
+| 'forklift'
+| 'fullscreen-exit'
+| 'fullscreen'
+| 'garage'
+| 'gauge'
+| 'globe-grid'
+| 'globe'
+| 'gripper'
+| 'handle-vertical'
+| 'handle'
+| 'hash'
+| 'heart-outlined'
+| 'heart'
+| 'help'
+| 'history'
+| 'home'
+| 'image'
+| 'images'
+| 'inbox'
+| 'infinity'
+| 'info'
+| 'inventory'
+| 'invoice'
+| 'jump-back'
+| 'jump-forward'
+| 'kanban'
+| 'kbd-backspace'
+| 'kbd-capslock'
+| 'kbd-command'
+| 'kbd-control'
+| 'kbd-hide'
+| 'kbd-option'
+| 'kbd-return'
+| 'kbd-shift'
+| 'kbd-space'
+| 'kbd'
+| 'lightning'
+| 'line-segment'
+| 'line-segments'
+| 'link-slash'
+| 'link'
+| 'linked-services'
+| 'list-bullets'
+| 'list-checks'
+| 'list-numbers'
+| 'lock-open'
+| 'lock'
+| 'map-pin'
+| 'map'
+| 'mark-unread'
+| 'menu-close'
+| 'menu'
+| 'message'
+| 'messages'
+| 'minus-thick'
+| 'minus'
+| 'mobile'
+| 'money'
+| 'monitor'
+| 'moon'
+| 'navigation'
+| 'network-x'
+| 'network'
+| 'newspaper-clipping'
+| 'newspaper'
+| 'note-stack'
+| 'note'
+| 'notepad'
+| 'notification'
+| 'numpad'
+| 'nut'
+| 'order'
+| 'package'
+| 'page-first'
+| 'page-last'
+| 'parts'
+| 'password'
+| 'path'
+| 'pause'
+| 'pencil'
+| 'percent'
+| 'phone'
+| 'play-pause'
+| 'play'
+| 'plus'
+| 'printer'
+| 'prohibit'
+| 'qr-code'
+| 'question-mark'
+| 'quote'
+| 'radio-checked'
+| 'radio-focus'
+| 'radio'
+| 'read-doc'
+| 'receipt'
+| 'recycle'
+| 'refresh'
+| 'repeat'
+| 'reply-all'
+| 'reply'
+| 'resize'
+| 'ribbon'
+| 'rows-add'
+| 'ruler'
+| 'rules'
+| 'scale'
+| 'schedule-backward'
+| 'schedule-forward'
+| 'screwdriver'
+| 'scroll'
+| 'search-check'
+| 'search-items'
+| 'search-objects'
+| 'search'
+| 'send'
+| 'settings'
+| 'shapes'
+| 'share'
+| 'shuffle'
+| 'signpost'
+| 'skip-back'
+| 'skip-forward'
+| 'skull'
+| 'sliders'
+| 'sort-alpha-down'
+| 'sort-alpha-up'
+| 'sort-ascending'
+| 'sort-descending'
+| 'sort-time-down'
+| 'sort-time-up'
+| 'sparkle'
+| 'square-add'
+| 'square-inside'
+| 'square-select'
+| 'square'
+| 'stamp'
+| 'star-outlined'
+| 'star'
+| 'start'
+| 'step'
+| 'stop'
+| 'story'
+| 'strategy'
+| 'success'
+| 'sun'
+| 'support'
+| 'sync'
+| 'tag'
+| 'target-2'
+| 'target'
+| 'task-alt'
+| 'text-add'
+| 'textbox'
+| 'time-add'
+| 'timer'
+| 'toolbox'
+| 'tools'
+| 'trash'
+| 'trolley'
+| 'trophy'
+| 'truck-trailer'
+| 'update'
+| 'upload-cloud'
+| 'upload'
+| 'user-add'
+| 'user-details'
+| 'user-group'
+| 'user-id-badge'
+| 'user-id-card'
+| 'user-recent'
+| 'user'
+| 'verified'
+| 'video'
+| 'view-cards'
+| 'view-doc'
+| 'view-grid'
+| 'view-rows'
+| 'view-table'
+| 'wand'
+| 'warning'
+| 'weight'
+| 'widgets'
+| 'work-order'
+| 'wrench-2'
+| 'wrench'
+| 'x'
+| 'zoom-in'
+| 'zoom-out';
+
+declare type IconProps = Omit<BoxProps, IconNamesList | 'size'> & SVGAttributes<SVGElement> & IconVariantProps & {
     name: IconNamesList;
     size?: AllowedIconSizes;
     fill?: ColorToken;
 };
 
+export declare const IconProvider: ({ children, spritePath }: IconProviderProps) => JSX.Element;
+
+export declare type IconProviderProps = {
+    children: ReactNode;
+    spritePath?: string;
+};
+
+declare interface IconVariant {
+
+}
+
+declare type IconVariantProps = {
+    [key in keyof IconVariant]?: ConditionalValue<IconVariant[key]> | undefined
+}
+
 declare type Important = ImportantMark | WhitespaceImportant
 
 declare type ImportantMark = "!" | "!important"
@@ -1704,8 +2143,8 @@ declare type JsxStyleProps = SystemStyleObject_2 & WithCss
 export declare const Label: (props: LabelProps) => JSX.Element;
 
 export declare type LabelProps = Omit<BoxProps, keyof LabelVariantProps> & LabelVariantProps & {
-    htmlFor?: string;
-    children?: string | default_2.ReactNode;
+    htmlFor: string;
+    children?: string | ReactNode;
 };
 
 declare interface LabelVariant {
@@ -1717,8 +2156,8 @@ declare interface LabelVariant {
     italic: boolean
     underline: boolean
     truncate: boolean
-    allcaps: boolean
-    size: "12" | "14" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "72" | "80" | "96"
+    allCaps: boolean
+    size: "10" | "12" | "14" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "72" | "80" | "96"
     weight: "light" | "normal" | "medium" | "bold" | "black"
     _disabled: boolean
 }
@@ -1745,20 +2184,17 @@ export declare type LinkProps = Omit<BoxProps, keyof LinkVariantProps> & LinkVar
     bold?: boolean;
     weight?: FontWeightToken;
     className?: string;
-    children?: React.ReactNode;
+    children?: ReactNode;
 };
 
 declare interface LinkVariant {
-    /**
-     * @default "inherit"
-     */
     family: "heading" | "body" | "sans" | "serif" | "mono" | "inherit"
     bold: boolean
     italic: boolean
     underline: boolean
     truncate: boolean
-    allcaps: boolean
-    size: "12" | "14" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "72" | "80" | "96"
+    allCaps: boolean
+    size: "10" | "12" | "14" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "72" | "80" | "96"
     weight: "light" | "normal" | "medium" | "bold" | "black"
     _disabled: boolean
 }
@@ -1767,173 +2203,182 @@ declare type LinkVariantProps = {
     [key in keyof LinkVariant]?: ConditionalValue<LinkVariant[key]> | undefined
 }
 
-export declare const Menu: (props: MenuProps) => JSX.Element;
+export declare const List: (props: ListProps) => JSX.Element;
 
-declare const menu: MenuRecipe;
+export declare type ListDensity = 'compact' | 'comfortable' | 'spacious';
 
-export declare const MenuContext: Context<MenuContextValue | null>;
+export declare const ListItem: (props: ListItemProps) => JSX.Element;
 
-declare interface MenuContextValue {
-    open: boolean;
-    setOpen: (open: boolean) => void;
-    refs: {
-        setReference: (node: HTMLElement | null) => void;
-        setFloating: (node: HTMLElement | null) => void;
-    };
-    floatingStyles: React.CSSProperties;
-    getReferenceProps: (userProps?: React.HTMLProps<Element>) => Record<string, unknown>;
-    getFloatingProps: (userProps?: React.HTMLProps<HTMLElement>) => Record<string, unknown>;
-    getItemProps: (userProps?: React.HTMLProps<HTMLElement> & {
-        index?: number;
-        active?: boolean;
-    }) => Record<string, unknown>;
-    activeIndex: number | null;
-    listRef: React.RefObject<(HTMLElement | null)[]>;
-    classes: ReturnType<menu>;
-}
+export declare const ListItemGroup: (props: ListItemGroupProps) => JSX.Element;
 
-export declare const MenuDivider: (props: MenuDividerProps) => JSX.Element;
+export declare type ListItemGroupProps = Omit<BoxProps, keyof ListItemGroupVariantProps | 'children'> & ListItemGroupVariantProps & {
+    label?: string;
+    children: BoxProps['children'];
+    divider?: boolean;
+};
 
-export declare type MenuDividerProps = Omit<BoxProps, 'children'>;
+declare interface ListItemGroupVariant {
+    /**
+     * @default "compact"
+     */
+    density: "compact" | "comfortable" | "spacious"
+}
 
-export declare const MenuGroup: (props: MenuGroupProps) => JSX.Element;
+declare type ListItemGroupVariantProps = {
+    [key in keyof ListItemGroupVariant]?: ConditionalValue<ListItemGroupVariant[key]> | undefined
+}
 
-export declare type MenuGroupProps = Omit<BoxProps, 'title'> & {
-    /** Group label */
+export declare type ListItemProps = Omit<BoxProps<'button'>, keyof ListItemVariantProps | 'as' | 'type'> & Omit<ListItemVariantProps, 'selected' | 'iconBefore' | 'iconAfter'> & {
+    active?: boolean;
     label?: string;
-    /** Children (MenuItem components) */
-    children: default_2.ReactNode;
+    description?: string;
+    query?: string;
+    highlightMatches?: boolean;
+    controlName?: string;
+    onControlChange?: ChangeEventHandler<HTMLInputElement>;
+    selected?: boolean;
+    variant?: ListItemVariantProps['variant'];
+    density?: ListItemVariantProps['density'];
+    iconBefore?: IconNamesList;
+    iconAfter?: IconNamesList;
 };
 
-export declare const MenuItem: (props: MenuItemProps) => JSX.Element;
+declare interface ListItemVariant {
+    /**
+     * @default "default"
+     */
+    variant: "default" | "checkbox" | "toggle" | "divider"
+    /**
+     * @default "compact"
+     */
+    density: "compact" | "comfortable" | "spacious"
+    /**
+     * @default false
+     */
+    selected: boolean
+    iconBefore: boolean
+    iconAfter: boolean
+}
+
+declare type ListItemVariantProps = {
+    [key in keyof ListItemVariant]?: ListItemVariant[key] | undefined
+}
 
-export declare type MenuItemProps = Omit<BoxProps, 'children'> & {
-    /** Item behavior type */
-    type?: MenuItemType;
-    /** Selected state (for single-select and multi-select) */
-    selected?: boolean;
-    /** Callback when item is selected/activated */
-    onSelect?: () => void;
-    /** Disable the item */
-    disabled?: boolean;
-    /** Primary label (required) */
-    label: string | default_2.ReactNode;
-    /** Secondary description text */
-    description?: string;
-    /** Icon on the left side */
-    iconLeft?: IconNamesList;
-    /** Icon on the right side */
-    iconRight?: IconNamesList;
-    /** Text to highlight (for autocomplete/search scenarios) */
-    highlightMatch?: string;
-    /** Selection indicator style (only for select types) */
-    selectionIndicator?: SelectionIndicator;
-    /** Index for keyboard navigation (managed internally via context) */
-    index?: number;
+export declare type ListProps = Omit<BoxProps, keyof ListVariantProps | 'children'> & ListVariantProps & {
+    children: ReactNode;
+    density?: ListDensity;
+    query?: string;
+    highlightMatches?: boolean;
 };
 
-export declare type MenuItemType = 'action' | 'single-select' | 'multi-select';
+declare interface ListVariant {
+
+}
+
+declare type ListVariantProps = {
+    [key in keyof ListVariant]?: ConditionalValue<ListVariant[key]> | undefined
+}
 
-export declare const MenuList: {
-    (props: MenuListProps): JSX.Element;
-    displayName: string;
+export declare const Menu: (props: MenuProps) => JSX.Element;
+
+export declare type MenuContext = {
+    density: MenuDensity;
+    panel?: MenuVariantProps['panel'];
+    closeOnSelect: boolean;
+    subMenuInteraction: SubMenuInteraction;
+    inline: boolean;
+    onCloseMenu: () => void;
+    onPushDiginLevel: (title: string, levelChildren: ReactNode) => void;
+    onPopDiginLevel: () => void;
+    diginDepth: number;
 };
 
-export declare const MenuListDivider: (props: MenuListDividerProps) => JSX.Element;
+export declare type MenuDensity = 'compact' | 'comfortable' | 'spacious';
 
-export declare type MenuListDividerProps = Omit<BoxProps, 'children' | keyof MenuVariantProps> & MenuVariantProps;
+declare type MenuFilterContextValue = {
+    query: string;
+    filterMode: MenuFilterMode;
+    highlightMatches: boolean;
+    getItemText: (item: {
+        label?: string;
+        description?: string;
+    }) => string;
+};
 
-export declare const MenuListGroup: (props: MenuListGroupProps) => JSX.Element;
+declare type MenuFilterMode = 'none' | 'contains';
 
-export declare type MenuListGroupProps = Omit<BoxProps, 'title' | keyof MenuVariantProps> & MenuVariantProps & {
-    /** Group label */
+export declare const MenuGroup: (props: MenuGroupProps) => JSX.Element | null;
+
+export declare type MenuGroupProps = BoxProps & {
     label?: string;
-    /** Children (MenuListItem components) */
-    children: default_2.ReactNode;
+    children: ReactNode;
+    divider?: boolean;
 };
 
-export declare const MenuListItem: {
-    (props: MenuListItemProps): JSX.Element;
-    displayName: string;
-};
+export declare const MenuItem: (props: MenuItemProps) => JSX.Element | null;
 
-export declare type MenuListItemProps = Omit<BoxProps, 'children' | 'onClick' | keyof MenuVariantProps> & MenuVariantProps & {
-    /** Item behavior type */
-    type?: MenuItemType;
-    /** Selected state (for single-select and multi-select) */
-    selected?: boolean;
-    /** Active highlight state (controlled externally) */
-    active?: boolean;
-    /** Click handler */
-    onClick?: default_2.MouseEventHandler<HTMLDivElement>;
-    /** Disable the item */
-    disabled?: boolean;
-    /** Primary label (required) */
-    label: string | default_2.ReactNode;
-    /** Secondary description text */
+export declare type MenuItemProps = Omit<BoxProps<'button'>, 'as' | 'ref' | 'onClick' | 'type'> & Omit<MenuVariantProps, 'iconBefore' | 'iconAfter'> & {
+    label?: string;
     description?: string;
-    /** Icon on the left side */
-    iconLeft?: IconNamesList;
-    /** Icon on the right side */
-    iconRight?: IconNamesList;
-    /** Text to highlight (for autocomplete/search scenarios) */
-    highlightMatch?: string;
-    /** Selection indicator style (only for select types) */
-    selectionIndicator?: SelectionIndicator;
+    variant?: MenuItemVariant;
+    disabled?: boolean;
+    selected?: boolean;
+    iconBefore?: IconNamesList;
+    iconAfter?: IconNamesList;
+    href?: string;
+    target?: string;
+    rel?: string;
+    closeOnSelect?: boolean;
+    density?: MenuDensity;
+    textValue?: string;
+    onClick?: (event: MouseEvent_2<HTMLElement>) => void;
 };
 
-export declare type MenuListProps = Omit<BoxProps, keyof MenuVariantProps> & MenuVariantProps;
+export declare type MenuItemVariant = 'default' | 'checkbox' | 'toggle' | 'divider';
 
-export declare type MenuProps = Omit<BoxProps, keyof MenuVariantProps> & MenuVariantProps & {
-    /** Controlled open state (REQUIRED) */
-    open: boolean;
-    /** Callback when open state should change (REQUIRED) */
-    onOpenChange: (open: boolean) => void;
-    /** Floating UI placement */
+export declare type MenuProps = {
+    trigger?: ReactElement;
+    children: ReactNode;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
     placement?: Placement;
-    /** Offset distance from trigger (in pixels) */
-    offset?: number;
-    /** Children (MenuTrigger, MenuItem, MenuGroup, etc.) */
-    children: default_2.ReactNode;
-    /** Optional ID for ARIA attributes */
-    id?: string;
+    strategy?: 'absolute' | 'fixed';
+    closeOnSelect?: boolean;
+    inline?: boolean;
+    triggerInteraction?: MenuTriggerInteraction;
+    triggerOpenDelay?: number;
+    triggerCloseDelay?: number;
+    subMenuInteraction?: SubMenuInteraction;
+    density?: MenuDensity;
+    query?: string;
+    onQueryChange?: (query: string) => void;
+    filterMode?: MenuFilterMode;
+    renderNoResults?: ReactNode;
+    highlightMatches?: boolean;
+    getItemText?: (item: {
+        label?: string;
+        description?: string;
+    }) => string;
+    panel?: MenuVariantProps['panel'];
+} & BoxProps;
+
+export declare const MenuProvider: ({ children, root, filter }: MenuProviderProps) => JSX.Element;
+
+export declare type MenuProviderProps = {
+    children: ReactNode;
+    root?: Partial<MenuContext>;
+    filter?: Partial<MenuFilterContextValue>;
 };
 
-declare interface MenuRecipe {
-    __slot: MenuSlot
-    __type: MenuVariantProps
-    (props?: MenuVariantProps): Pretty<Record<MenuSlot, string>>
-    raw: (props?: MenuVariantProps) => MenuVariantProps
-    variantMap: MenuVariantMap
-    variantKeys: Array<keyof MenuVariant>
-    splitVariantProps<Props extends MenuVariantProps>(props: Props): [MenuVariantProps, Pretty<DistributiveOmit<Props, keyof MenuVariantProps>>]
-    getVariantProps: (props?: MenuVariantProps) => MenuVariantProps
-}
-
-declare type MenuSlot = "menu" | "menuItem" | "menuItemIndicator" | "menuItemIconLeft" | "menuItemIconRight" | "menuItemContent" | "menuItemLabel" | "menuItemDescription" | "menuDivider" | "menuGroup" | "menuGroupLabel"
-
-export declare const MenuTrigger: (props: MenuTriggerProps) => default_2.ReactElement<Record<string, unknown>, string | default_2.JSXElementConstructor<any>>;
-
-export declare type MenuTriggerProps = Omit<BoxProps, 'children'> & {
-    /** Trigger element (button, custom component, etc.) */
-    children: default_2.ReactElement;
-    /** Disable the trigger */
-    disabled?: boolean;
-};
+declare type MenuTriggerInteraction = 'click' | 'hover';
 
 declare interface MenuVariant {
     /**
-     * @default "default"
+     * @default "compact"
      */
-    packing: "default" | "compact" | "comfortable"
-    /**
-     * @default "left"
-     */
-    indicatorPosition: "left" | "right"
-}
-
-declare type MenuVariantMap = {
-    [key in keyof MenuVariant]: Array<MenuVariant[key]>
+    density: "compact" | "comfortable" | "spacious"
+    panel: boolean
 }
 
 declare type MenuVariantProps = {
@@ -1946,7 +2391,7 @@ export declare const ModalBody: (props: ModalBodyProps) => JSX.Element;
 
 export declare type ModalBodyProps = Omit<BoxProps, 'children'> & {
     /** Body content */
-    children: React.ReactNode;
+    children: ReactNode;
 };
 
 export declare const ModalContext: Context<ModalContextValue | null>;
@@ -1964,18 +2409,18 @@ export declare const ModalFooter: (props: ModalFooterProps) => JSX.Element;
 
 export declare type ModalFooterProps = Omit<BoxProps, 'children'> & {
     /** Footer content (typically action buttons) */
-    children: React.ReactNode;
+    children: ReactNode;
 };
 
 export declare const ModalHeader: (props: ModalHeaderProps) => JSX.Element;
 
 export declare type ModalHeaderProps = Omit<BoxProps, 'children'> & {
     /** Title text */
-    title?: string | React.ReactNode;
+    title?: string;
     /** Whether to show the close button */
     showCloseButton?: boolean;
     /** Children (custom header content) */
-    children?: React.ReactNode;
+    children?: ReactNode;
 };
 
 export declare type ModalProps = Omit<BoxProps, keyof ModalVariantProps> & ModalVariantProps & {
@@ -1986,7 +2431,7 @@ export declare type ModalProps = Omit<BoxProps, keyof ModalVariantProps> & Modal
     /** Whether clicking the overlay should close the modal */
     preventOverlayClose?: boolean;
     /** Children (ModalHeader, ModalBody, ModalFooter) */
-    children: React.ReactNode;
+    children: ReactNode;
     /** Optional ID for ARIA attributes */
     id?: string;
 };
@@ -1995,7 +2440,11 @@ declare interface ModalVariant {
     /**
      * @default "md"
      */
-    size: "sm" | "md" | "lg"
+    size: "sm" | "md" | "lg" | "xl" | "full" | "mobile"
+    /**
+     * @default "default"
+     */
+    variant: "default" | "confirmation"
 }
 
 declare type ModalVariantProps = {
@@ -2156,6 +2605,9 @@ declare const numericSizes: {
     '24': {
         value: string;
     };
+    '28': {
+        value: string;
+    };
     '32': {
         value: string;
     };
@@ -2254,7 +2706,7 @@ declare const numericSizes: {
     };
 };
 
-declare type NumericSizeToken = "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "22" | "24" | "32" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "128" | "136" | "144" | "152" | "160" | "168" | "176" | "184" | "192" | "200" | "208" | "216" | "224" | "232" | "240" | "248" | "256" | "264" | "272" | "280"
+declare type NumericSizeToken = "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "22" | "24" | "28" | "32" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "128" | "136" | "144" | "152" | "160" | "168" | "176" | "184" | "192" | "200" | "208" | "216" | "224" | "232" | "240" | "248" | "256" | "264" | "272" | "280"
 
 declare interface ObsoleteProperties<TLength = (string & {}) | 0, TTime = string & {}> {
     /**
@@ -3332,7 +3784,7 @@ export declare type PatternConfig<T extends PatternProperties = PatternPropertie
 
 export declare type PatternProperties = Record<string, unknown>;
 
-declare type Position = 'top' | 'bottom' | 'left' | 'right' | 'top-start' | 'bottom-start' | 'left-start' | 'right-start' | 'top-end' | 'bottom-end' | 'left-end' | 'right-end';
+declare type PolymorphicComponentProps<T extends ElementType, Props extends object = object> = Props & AsProp<T> & Omit<ComponentPropsWithRef<T>, PropsToOmit<T, Props>>;
 
 declare type PositionAreaAxis =
 | 'left'
@@ -3401,12 +3853,11 @@ declare type PositionTry =
 export declare const Pre: (props: PreProps) => JSX.Element;
 
 export declare type PreProps = BoxProps & {
-    children: string | React.ReactNode;
+    children: string | ReactNode;
     lang?: string;
+    as?: string;
 };
 
-declare type Pretty<T> = { [K in keyof T]: T[K] } & {}
-
 declare interface PropertiesFallback<TLength = (string & {}) | 0, TTime = string & {}>
 extends StandardPropertiesFallback<TLength, TTime>,
 VendorPropertiesFallback<TLength, TTime>,
@@ -5157,6 +5608,10 @@ declare namespace Property {
     type VectorEffect = Globals | "non-scaling-stroke" | "none";
 }
 
+declare type PropsRecord = Record<string, unknown>;
+
+declare type PropsToOmit<T extends ElementType, P extends object> = keyof (AsProp<T> & P);
+
 declare type Pseudos = AdvancedPseudos | SimplePseudos;
 
 declare type QueryDirection = 'min' | 'max';
@@ -5176,12 +5631,26 @@ declare type QueryDirection_2 = 'min' | 'max';
  */
 export declare const Radio: (props: RadioProps) => JSX.Element;
 
+/**
+ * Helper type for radio change events
+ * @example
+ * const handleChange: RadioChangeHandler = (e) => setChecked(e.target.checked);
+ */
+declare type RadioChangeEvent = ChangeEvent<HTMLInputElement>;
+
+/**
+ * Helper type for radio change handler functions
+ * @example
+ * const handleChange: RadioChangeHandler = (e) => setChecked(e.target.checked);
+ */
+declare type RadioChangeHandler = (e: RadioChangeEvent) => void;
+
 export declare const RadioInput: (props: RadioInputProps) => JSX.Element;
 
 export declare type RadioInputProps = Omit<BoxProps, keyof RadioInputVariantProps> & RadioInputVariantProps & {
     name: string;
     checked: boolean;
-    onChange: ChangeEventHandler<HTMLInputElement>;
+    onChange: RadioChangeHandler;
     id?: string;
     error?: boolean;
     children?: string | ReactNode;
@@ -5196,13 +5665,13 @@ declare type RadioInputVariantProps = {
     [key in keyof RadioInputVariant]?: ConditionalValue<RadioInputVariant[key]> | undefined
 }
 
-export declare type RadioProps = Omit<BoxProps, keyof RadioVariantProps> & RadioVariantProps & {
+export declare type RadioProps = Omit<BoxProps, 'checked' | 'onChange' | keyof RadioVariantProps> & RadioVariantProps & {
     name: string;
     checked: boolean;
-    onChange: ChangeEventHandler<HTMLInputElement>;
+    onChange: RadioChangeHandler;
     id?: string;
-    disabled?: boolean;
     error?: boolean;
+    disabled?: boolean;
 };
 
 declare interface RadioVariant {
@@ -5234,8 +5703,6 @@ declare interface SelectContextValue {
     placeholder: string;
 }
 
-export declare type SelectionIndicator = 'checkmark' | 'checkbox';
-
 /**
  * SelectOption component used within Select
  * Note: This component doesn't render directly - the Select parent component
@@ -5262,47 +5729,33 @@ export declare type SelectOptionProps = Omit<BoxProps, 'children'> & {
 
 declare type Selectors = AttributeSelector | ParentSelector
 
-export declare type SelectProps = Omit<BoxProps, keyof SelectVariantProps> & Pick<MenuVariantProps, 'packing'> & SelectVariantProps & {
-    /** Selected value(s) */
-    value?: string | string[] | null;
-    /** Callback when value changes */
-    onChange?: (value: string | string[] | null) => void;
-    /** Allow multiple selections */
+export declare type SelectProps = Omit<BoxProps<'button'>, keyof SelectVariantProps | 'children' | 'onChange' | 'type' | 'value'> & SelectVariantProps & {
+    value?: SelectValue;
+    onChange?: (value: SelectValue) => void;
     multiple?: boolean;
-    /** Placeholder text when no selection */
     placeholder?: string;
-    /** Controlled open state */
     open?: boolean;
-    /** Callback when open state should change */
     onOpenChange?: (open: boolean) => void;
-    /** Floating UI placement */
     placement?: Placement;
-    /** Offset distance from trigger (in pixels) */
     offset?: number;
-    /** Children (SelectTrigger, SelectOption) */
-    children: React.ReactNode;
-    /** Optional ID for ARIA attributes */
+    children: ReactNode;
     id?: string;
-    /** Disabled state */
     disabled?: boolean;
-    /** Error state */
     error?: boolean;
-    /** Size variant */
-    size?: 'sm' | 'md' | 'lg' | 'xl';
-    /** Selection indicator position */
-    indicatorPosition?: 'left' | 'right';
-    packing?: 'default' | 'compact' | 'comfortable';
+    density?: MenuDensity;
 };
 
-export declare const SelectTrigger: (props: SelectTriggerProps) => ReactElement<Record<string, unknown>, string | JSXElementConstructor<any>>;
+export declare const SelectTrigger: (props: SelectTriggerProps) => ReactElement<unknown, string | JSXElementConstructor<any>>;
 
 export declare type SelectTriggerProps = Omit<BoxProps, 'children'> & {
     /** Trigger element (button, custom component, etc.) */
-    children: React.ReactElement;
+    children: ReactElement;
     /** Disable the trigger */
     disabled?: boolean;
 };
 
+declare type SelectValue = string | string[] | null;
+
 declare interface SelectVariant {
     /**
      * @default "md"
@@ -5428,18 +5881,19 @@ declare type SimplePseudos =
 | ":valid"
 | ":visited";
 
-declare type SizeToken = "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "22" | "24" | "32" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "128" | "136" | "144" | "152" | "160" | "168" | "176" | "184" | "192" | "200" | "208" | "216" | "224" | "232" | "240" | "248" | "256" | "264" | "272" | "280" | "full" | "half" | "min" | "max" | "fit" | "prose" | "auto" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "breakpoint-xs" | "breakpoint-sm" | "breakpoint-md" | "breakpoint-lg" | "breakpoint-xl" | "breakpoint-2xl"
+declare type SizeToken = "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "22" | "24" | "28" | "32" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "128" | "136" | "144" | "152" | "160" | "168" | "176" | "184" | "192" | "200" | "208" | "216" | "224" | "232" | "240" | "248" | "256" | "264" | "272" | "280" | "full" | "half" | "min" | "max" | "fit" | "prose" | "auto" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "breakpoint-xs" | "breakpoint-sm" | "breakpoint-md" | "breakpoint-lg" | "breakpoint-xl" | "breakpoint-2xl"
 
 export declare type SlotRecipeConfig<S extends string = string, V extends SlotRecipeVariantRecord<S> = SlotRecipeVariantRecord<S>> = BaseSlotRecipeConfig<S, V>;
 
 export declare type SlotRecipeVariantRecord<S extends string = string> = Record<S, Record<string, unknown>>;
 
-declare type SpacingToken = "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "22" | "24" | "32" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "128" | "136" | "144" | "152" | "160" | "168" | "176" | "184" | "192" | "200" | "208" | "216" | "224" | "232" | "240" | "248" | "256" | "264" | "272" | "280" | "full" | "half" | "min" | "max" | "fit" | "prose" | "auto" | "-0" | "-1" | "-2" | "-3" | "-4" | "-5" | "-6" | "-7" | "-8" | "-9" | "-10" | "-12" | "-14" | "-16" | "-20" | "-22" | "-24" | "-32" | "-40" | "-48" | "-56" | "-64" | "-72" | "-80" | "-88" | "-96" | "-104" | "-112" | "-120" | "-128" | "-136" | "-144" | "-152" | "-160" | "-168" | "-176" | "-184" | "-192" | "-200" | "-208" | "-216" | "-224" | "-232" | "-240" | "-248" | "-256" | "-264" | "-272" | "-280" | "-full" | "-half" | "-min" | "-max" | "-fit" | "-prose" | "-auto"
+declare type SpacingToken = "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "22" | "24" | "28" | "32" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "128" | "136" | "144" | "152" | "160" | "168" | "176" | "184" | "192" | "200" | "208" | "216" | "224" | "232" | "240" | "248" | "256" | "264" | "272" | "280" | "full" | "half" | "min" | "max" | "fit" | "prose" | "auto" | "-0" | "-1" | "-2" | "-3" | "-4" | "-5" | "-6" | "-7" | "-8" | "-9" | "-10" | "-12" | "-14" | "-16" | "-20" | "-22" | "-24" | "-28" | "-32" | "-40" | "-48" | "-56" | "-64" | "-72" | "-80" | "-88" | "-96" | "-104" | "-112" | "-120" | "-128" | "-136" | "-144" | "-152" | "-160" | "-168" | "-176" | "-184" | "-192" | "-200" | "-208" | "-216" | "-224" | "-232" | "-240" | "-248" | "-256" | "-264" | "-272" | "-280" | "-full" | "-half" | "-min" | "-max" | "-fit" | "-prose" | "-auto"
 
 export declare const Spinner: (props: SpinnerProps) => JSX.Element;
 
 export declare type SpinnerProps = Omit<BoxProps, keyof SpinnerVariantProps> & SpinnerVariantProps & {
     inverse?: boolean;
+    centered?: boolean;
 };
 
 declare interface SpinnerVariant {
@@ -5448,13 +5902,14 @@ declare interface SpinnerVariant {
      */
     size: "xs" | "sm" | "md" | "lg"
     inverse: boolean
+    centered: boolean
 }
 
 declare type SpinnerVariantProps = {
     [key in keyof SpinnerVariant]?: ConditionalValue<SpinnerVariant[key]> | undefined
 }
 
-export declare const splitProps: (props: Record<string, unknown>) => [string, Record<string, unknown>];
+export declare const splitProps: (props: PropsRecord) => [string, PropsRecord];
 
 declare interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime = string & {}> {
     /**
@@ -11568,6 +12023,22 @@ declare type String_2 = string & {}
 
 declare type StringToMultiple<T extends string> = T | `${T}, ${T}`
 
+export declare const SubMenu: (props: SubMenuProps) => JSX.Element | null;
+
+declare type SubMenuInteraction = 'hover' | 'digin';
+
+export declare type SubMenuProps = Omit<BoxProps, 'as'> & Omit<MenuVariantProps, 'iconBefore' | 'iconAfter'> & {
+    label: string;
+    description?: string;
+    disabled?: boolean;
+    selected?: boolean;
+    iconBefore?: IconNamesList;
+    interaction?: SubMenuInteraction;
+    placement?: Placement;
+    children: ReactNode;
+    textValue?: string;
+};
+
 declare interface SvgProperties<TLength = (string & {}) | 0, TTime = string & {}> {
     alignmentBaseline?: Property.AlignmentBaseline | undefined;
     baselineShift?: Property.BaselineShift<TLength> | undefined;
@@ -17822,7 +18293,7 @@ declare interface SystemProperties {
      *
      * @see https://developer.mozilla.org/docs/Web/CSS/z-index
      */
-    zIndex?: ConditionalValue<WithEscapeHatch<CssProperties["zIndex"]>>
+    zIndex?: ConditionalValue<WithEscapeHatch<UtilityValues["zIndex"] | CssVars>>
     /**
      * The non-standard **`zoom`** CSS property can be used to control the magnification level of an element. `transform: scale()` should be used instead of this property, if possible. However, unlike CSS Transforms, `zoom` affects the layout size of the element.
      *
@@ -19130,27 +19601,23 @@ declare type SystemStyleObject_2 = Omit<Nested<SystemProperties & CssVarProperti
 
 export declare const Tag: (props: TagProps) => JSX.Element;
 
-export declare type TagProps = Omit<BoxProps, keyof TagVariantProps> & TagVariantProps & {
-    children: string | ReactNode;
-    iconName?: IconNamesList;
+export declare type TagProps = Omit<BoxProps, keyof TagVariantProps> & Omit<TagVariantProps, 'iconBefore' | 'iconAfter'> & {
+    children: string;
+    iconBefore?: IconNamesList;
+    iconAfter?: IconNamesList;
 };
 
 declare interface TagVariant {
     /**
      * @default "default"
      */
-    appearance: "default" | "bold"
+    variant: "default" | "bold"
     /**
      * @default "gray"
      */
     hue: "gray" | "red" | "orange" | "yellow" | "lime" | "green" | "teal" | "blue" | "indigo" | "purple" | "magenta" | "tan"
-    /**
-     * @default "left"
-     */
-    iconPosition: "left" | "right"
-    /**
-     * @default false
-     */
+    iconBefore: boolean
+    iconAfter: boolean
     hasIcon: boolean
 }
 
@@ -19175,7 +19642,7 @@ declare interface TextareaVariant {
     /**
      * @default "md"
      */
-    size: "md" | "sm" | "lg" | "xl"
+    size: "sm" | "md" | "lg" | "xl"
     autoSize: boolean
 }
 
@@ -19185,24 +19652,28 @@ declare type TextareaVariantProps = {
 
 export declare const TextInput: (props: TextInputProps) => JSX.Element;
 
-export declare type TextInputProps = Omit<BoxProps, keyof TextinputVariantProps> & TextinputVariantProps & {
+export declare type TextInputProps = Omit<BoxProps, keyof TextInputVariantProps> & Omit<TextInputVariantProps, 'iconBefore' | 'iconAfter'> & {
     name: string;
-    autoSize?: boolean;
+    id?: string;
+    iconBefore?: IconNamesList;
+    iconAfter?: IconNamesList;
     error?: boolean;
     disabled?: boolean;
-    id?: string;
+    type?: 'text' | 'number' | 'email' | 'password' | 'search' | 'tel' | 'url' | 'date' | 'time' | 'datetime-local' | 'month' | 'week';
 };
 
-declare interface TextinputVariant {
+declare interface TextInputVariant {
     /**
      * @default "md"
      */
-    size: "md" | "sm" | "lg" | "xl"
+    size: "sm" | "md" | "lg" | "xl"
+    iconBefore: boolean
+    iconAfter: boolean
     autoSize: boolean
 }
 
-declare type TextinputVariantProps = {
-    [key in keyof TextinputVariant]?: ConditionalValue<TextinputVariant[key]> | undefined
+declare type TextInputVariantProps = {
+    [key in keyof TextInputVariant]?: TextInputVariant[key] | undefined
 }
 
 export declare type TextProps = Omit<BoxProps, keyof TextVariantProps> & TextVariantProps & {
@@ -19215,16 +19686,13 @@ export declare type TextProps = Omit<BoxProps, keyof TextVariantProps> & TextVar
 export declare type TextStyles = Record<string, SystemStyleObject>;
 
 declare interface TextVariant {
-    /**
-     * @default "inherit"
-     */
     family: "heading" | "body" | "sans" | "serif" | "mono" | "inherit"
     bold: boolean
     italic: boolean
     underline: boolean
     truncate: boolean
-    allcaps: boolean
-    size: "12" | "14" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "72" | "80" | "96"
+    allCaps: boolean
+    size: "10" | "12" | "14" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "72" | "80" | "96"
     weight: "light" | "normal" | "medium" | "bold" | "black"
 }
 
@@ -19240,13 +19708,72 @@ declare interface ThemeContextType {
 }
 
 export declare function ThemeProvider({ children }: {
-    children: React.ReactNode;
+    children: ReactNode;
 }): JSX.Element;
 
 export declare const ThemeSwitcher: (props: ThemeSwitcherProps) => JSX.Element;
 
 declare type ThemeSwitcherProps = BoxProps;
 
+export declare const TimePicker: (props: TimePickerProps) => JSX.Element;
+
+export declare type TimePickerProps = Omit<BoxProps, keyof TimePickerVariantProps | 'children'> & TimePickerVariantProps & {
+    /** Controlled value — hour is always 24h (0–23) internally */
+    value?: TimeValue | null;
+    /** Called when the time changes */
+    onChange?: (value: TimeValue | null) => void;
+    /** 12-hour or 24-hour display */
+    hourCycle?: HourCycle;
+    /** Minute snap interval (default 1 = any minute) */
+    minuteStep?: number;
+    /** Accessible label for the input group */
+    label?: string;
+    disabled?: boolean;
+    error?: boolean;
+    id?: string;
+    name?: string;
+    /** Controlled popover open state */
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+};
+
+declare interface TimePickerVariant {
+    /**
+     * @default "md"
+     */
+    size: "sm" | "md" | "lg"
+}
+
+declare type TimePickerVariantProps = {
+    [key in keyof TimePickerVariant]?: ConditionalValue<TimePickerVariant[key]> | undefined
+}
+
+export declare const TimeRangePicker: ({ startValue, endValue, onStartChange, onEndChange, hourCycle, minuteStep, disabled, error, size, label, }: TimeRangePickerProps) => JSX.Element;
+
+export declare type TimeRangePickerProps = {
+    /** Start time value (hour in 24h format, 0–23) */
+    startValue?: TimeValue | null;
+    /** End time value (hour in 24h format, 0–23) */
+    endValue?: TimeValue | null;
+    /** Called when start time changes */
+    onStartChange?: (value: TimeValue | null) => void;
+    /** Called when end time changes */
+    onEndChange?: (value: TimeValue | null) => void;
+    hourCycle?: HourCycle;
+    minuteStep?: number;
+    disabled?: boolean;
+    error?: boolean;
+    /** Size passed to both TimePickers */
+    size?: TimePickerProps['size'];
+    /** Accessible label prefix — used to build "Start time" and "End time" labels */
+    label?: string;
+};
+
+export declare interface TimeValue {
+    hour: number;
+    minute: number;
+}
+
 /**
  * Toggle is a controlled component.
  * You must pass `checked` and `onChange` props.
@@ -19254,7 +19781,6 @@ declare type ThemeSwitcherProps = BoxProps;
  * @example
  * const [checked, setChecked] = useState(false);
  * <Toggle
- *   name="notifications"
  *   checked={checked}
  *   onChange={(e) => setChecked(e.target.checked)}
  * />
@@ -19266,7 +19792,7 @@ export declare const Toggle: (props: ToggleProps) => JSX.Element;
  * @example
  * const handleChange: ToggleChangeHandler = (e) => setChecked(e.target.checked);
  */
-export declare type ToggleChangeEvent = React.ChangeEvent<HTMLInputElement>;
+export declare type ToggleChangeEvent = ChangeEvent<HTMLInputElement>;
 
 /**
  * Helper type for toggle change handler functions
@@ -19280,11 +19806,11 @@ export declare const ToggleInput: (props: ToggleInputProps) => JSX.Element;
 export declare type ToggleInputProps = Omit<BoxProps, keyof ToggleInputVariantProps> & ToggleInputVariantProps & {
     name: string;
     checked: boolean;
-    onChange: ChangeEventHandler<HTMLInputElement>;
+    onChange: ToggleChangeHandler;
     id?: string;
     error?: boolean;
-    children?: string | ReactNode;
     disabled?: boolean;
+    children?: string | ReactNode;
 };
 
 declare interface ToggleInputVariant {
@@ -19296,18 +19822,12 @@ declare type ToggleInputVariantProps = {
 }
 
 export declare type ToggleProps = Omit<BoxProps, 'checked' | 'onChange' | keyof ToggleVariantProps> & ToggleVariantProps & {
-    /** Form field name */
     name: string;
-    /** Controlled checked state (REQUIRED) */
     checked: boolean;
-    /** Change handler (REQUIRED) */
-    onChange: ChangeEventHandler<HTMLInputElement>;
-    /** Unique identifier for the toggle */
+    onChange: ToggleChangeHandler;
     id?: string;
-    /** Disable the toggle */
-    disabled?: boolean;
-    /** Display error state */
     error?: boolean;
+    disabled?: boolean;
 };
 
 declare interface ToggleVariant {
@@ -19318,7 +19838,7 @@ declare type ToggleVariantProps = {
     [key in keyof ToggleVariant]?: ConditionalValue<ToggleVariant[key]> | undefined
 }
 
-declare type Token = `animations.${AnimationToken}` | `aspectRatios.${AspectRatioToken}` | `blurs.${BlurToken}` | `borderWidths.${BorderWidthToken}` | `borders.${BorderToken}` | `colors.${ColorToken}` | `containerSizeTokens.${ContainerSizeTokenToken}` | `durations.${DurationToken}` | `easings.${EasingToken}` | `fontSizes.${FontSizeToken}` | `fontWeights.${FontWeightToken}` | `fonts.${FontToken}` | `letterSpacings.${LetterSpacingToken}` | `lineHeights.${LineHeightToken}` | `numericSizes.${NumericSizeToken}` | `radii.${RadiusToken}` | `shadows.${ShadowToken}` | `sizes.${SizeToken}` | `spacing.${SpacingToken}` | `utilitySizes.${UtilitySizeToken}` | `breakpoints.${BreakpointToken}`
+declare type Token = `animations.${AnimationToken}` | `aspectRatios.${AspectRatioToken}` | `blurs.${BlurToken}` | `borderWidths.${BorderWidthToken}` | `borders.${BorderToken}` | `colors.${ColorToken}` | `containerSizeTokens.${ContainerSizeTokenToken}` | `durations.${DurationToken}` | `easings.${EasingToken}` | `fontSizes.${FontSizeToken}` | `fontWeights.${FontWeightToken}` | `fonts.${FontToken}` | `letterSpacings.${LetterSpacingToken}` | `lineHeights.${LineHeightToken}` | `numericSizes.${NumericSizeToken}` | `radii.${RadiusToken}` | `shadows.${ShadowToken}` | `sizes.${SizeToken}` | `spacing.${SpacingToken}` | `utilitySizes.${UtilitySizeToken}` | `zIndex.${ZIndexToken}` | `breakpoints.${BreakpointToken}`
 
 declare type Tokens = {
     		animations: AnimationToken
@@ -19341,37 +19861,45 @@ declare type Tokens = {
     		sizes: SizeToken
     		spacing: SpacingToken
     		utilitySizes: UtilitySizeToken
+    		zIndex: ZIndexToken
     		breakpoints: BreakpointToken
 } & { [token: string]: never }
 
 export declare const Tooltip: (props: TooltipProps) => JSX.Element;
 
-export declare type TooltipProps = Omit<BoxProps, keyof TooltipVariantProps> & TooltipVariantProps & {
+export declare type TooltipProps = Omit<BoxProps, keyof TooltipVariantProps | 'children'> & TooltipVariantProps & {
+    /** Tooltip body text (required) */
     text: string;
+    /** Optional bold title rendered above the text */
     title?: string;
+    /** Show/hide the arrow caret. Default: true */
     caret?: boolean;
-    position?: Position;
+    /** Floating UI placement. Automatically flips if it doesn't fit. Default: 'bottom' */
+    placement?: Placement;
+    /** Distance in px between trigger and tooltip. Default: 8 */
+    offset?: number;
+    /** Hover open/close delay in ms, or { open, close } for separate delays */
+    delay?: number | {
+        open: number;
+        close: number;
+    };
+    /** Trigger element. Wrapped in a <span> to attach the floating ref. */
     children?: ReactNode;
-    trigger?: 'onHover' | 'onClick';
 };
 
 declare interface TooltipVariant {
-    /**
-     * @default "bottom"
-     */
-    position: "top" | "bottom" | "left" | "right" | "top-start" | "bottom-start" | "left-start" | "right-start" | "top-end" | "bottom-end" | "left-end" | "right-end"
-    /**
-     * @default true
-     */
-    caret: boolean
     /**
      * @default "md"
      */
     size: "sm" | "md" | "lg"
+    /**
+     * @default false
+     */
+    hasTitle: boolean
 }
 
 declare type TooltipVariantProps = {
-    [key in keyof TooltipVariant]?: TooltipVariant[key] | undefined
+    [key in keyof TooltipVariant]?: ConditionalValue<TooltipVariant[key]> | undefined
 }
 
 declare interface UnstyledProps {
@@ -19381,48 +19909,11 @@ declare interface UnstyledProps {
     unstyled?: boolean | undefined
 }
 
-/**
- * Token-aware container query hook for conditional rendering based on container sizes.
- * Requires a ref to the container element and the container must have container-type set.
- *
- * @example
- * // Component with container query
- * function MyComponent() {
- *   const containerRef = useRef<HTMLDivElement>(null);
- *   const isLarge = useContainerQuery(containerRef, 'lg');
- *
- *   return (
- *     <div ref={containerRef} style={{ containerType: 'inline-size' }}>
- *       {isLarge && <LargeLayout />}
- *       {!isLarge && <SmallLayout />}
- *     </div>
- *   );
- * }
- *
- * @example
- * // Max-width: matches when container is < xl size
- * const isSmall = useContainerQuery(containerRef, 'xl', 'max');
- */
-export declare function useContainerQuery(containerRef: RefObject<HTMLElement>, size: ContainerSizeKey, direction?: QueryDirection_2): boolean;
+export declare function useContainerQuery(containerRef: RefObject<HTMLElement>, size: ContainerSizeKey, direction?: QueryDirection): boolean;
 
-/**
- * Token-aware media query hook for conditional rendering based on breakpoints.
- *
- * @example
- * // Mobile-first: matches when viewport is >= md (768px)
- * const isDesktop = useMediaQuery('md');
- *
- * @example
- * // Max-width: matches when viewport is < lg (1024px)
- * const isMobile = useMediaQuery('lg', 'max');
- *
- * @example
- * // In JSX
- * {isDesktop && <DesktopOnlyComponent />}
- */
-export declare function useMediaQuery(breakpoint: BreakpointKey, direction?: QueryDirection): boolean;
+export declare function useMediaQuery(breakpoint: BreakpointKey, direction?: QueryDirection_2): boolean;
 
-export declare const useMenuContext: () => MenuContextValue;
+export declare const useMenuContext: () => MenuContext;
 
 export declare const useModalContext: () => ModalContextValue;
 
@@ -19434,6 +19925,7 @@ declare type UtilitySizeToken = "full" | "half" | "min" | "max" | "fit" | "prose
 
 declare interface UtilityValues {
     	aspectRatio: Tokens["aspectRatios"];
+    	zIndex: Tokens["zIndex"];
     	top: Tokens["spacing"];
     	left: Tokens["spacing"];
     	inset: "auto" | Tokens["spacing"];
@@ -19641,8 +20133,8 @@ declare interface UtilityValues {
     	strokeWidth: Tokens["borderWidths"];
     	srOnly: boolean;
     	debug: boolean;
-    	colorPalette: "transparent" | "current" | "inherit" | "neutral" | "neutralA" | "darkNeutral" | "darkNeutralA" | "gray" | "red" | "orange" | "yellow" | "lime" | "green" | "teal" | "blue" | "indigo" | "purple" | "magenta" | "tan" | "slate" | "brand" | "bg" | "bg.neutral" | "bg.neutral.bold" | "bg.neutral.boldest" | "bg.neutral.subtle" | "bg.neutral.inverse" | "bg.neutral.inverse.subtle" | "bg.selected" | "bg.selected.bold" | "bg.brand.bold" | "bg.brand" | "bg.brand.boldest" | "bg.brand.subtle" | "bg.success" | "bg.success.bold" | "bg.warning" | "bg.warning.bold" | "bg.danger" | "bg.danger.bold" | "bg.info" | "bg.info.bold" | "bg.input" | "bg.accent.neutral" | "bg.accent" | "bg.accent.blue" | "bg.accent.green" | "bg.accent.indigo" | "bg.accent.lime" | "bg.accent.magenta" | "bg.accent.orange" | "bg.accent.purple" | "bg.accent.red" | "bg.accent.tan" | "bg.accent.teal" | "bg.accent.yellow" | "blanket" | "border" | "border.focused" | "icon" | "icon.decorative" | "icon.decorative.inverse" | "icon.warning" | "link" | "surface" | "surface.overlay" | "surface.raised" | "text" | "text.warning" | "text.accent.neutral" | "text.accent" | "text.accent.red" | "text.accent.orange" | "text.accent.yellow" | "text.accent.lime" | "text.accent.green" | "text.accent.teal" | "text.accent.blue" | "text.accent.indigo" | "text.accent.purple" | "text.accent.magenta" | "text.accent.tan" | "utility";
-    	textStyle: "display.lg" | "display.md" | "display.sm" | "display.xs" | "heading.lg" | "heading.md" | "heading.sm" | "heading.xs" | "body.lg" | "body.md" | "body.sm" | "body.xs" | "mono.lg" | "mono.md" | "mono.sm" | "mono.xs";
+    	colorPalette: "transparent" | "current" | "inherit" | "neutral" | "neutralA" | "darkNeutral" | "darkNeutralA" | "gray" | "red" | "orange" | "yellow" | "lime" | "green" | "teal" | "blue" | "indigo" | "purple" | "magenta" | "tan" | "slate" | "shadow" | "shadow.raised" | "shadow.raised.1" | "shadow.raised.2" | "shadow.elevated" | "shadow.elevated.1" | "shadow.elevated.2" | "shadow.elevated.3" | "shadow.overlay" | "shadow.overlay.1" | "shadow.overlay.2" | "shadow.overlay.3" | "shadow.overflow" | "shadow.overflow.1" | "shadow.overflow.2" | "brand" | "bg" | "bg.neutral" | "bg.neutral.bold" | "bg.neutral.boldest" | "bg.neutral.subtle" | "bg.neutral.inverse" | "bg.neutral.inverse.subtle" | "bg.selected" | "bg.selected.bold" | "bg.brand.bold" | "bg.brand" | "bg.brand.boldest" | "bg.brand.subtle" | "bg.success" | "bg.success.bold" | "bg.warning" | "bg.warning.bold" | "bg.danger" | "bg.danger.bold" | "bg.info" | "bg.info.bold" | "bg.input" | "bg.accent.neutral" | "bg.accent" | "bg.accent.blue" | "bg.accent.green" | "bg.accent.indigo" | "bg.accent.lime" | "bg.accent.magenta" | "bg.accent.orange" | "bg.accent.purple" | "bg.accent.red" | "bg.accent.tan" | "bg.accent.teal" | "bg.accent.yellow" | "blanket" | "border" | "border.inverse" | "border.focused" | "icon" | "icon.decorative" | "icon.decorative.inverse" | "icon.warning" | "icon.danger" | "link" | "surface" | "surface.raised" | "surface.overlay" | "surface.selected" | "text" | "text.inverse" | "text.success" | "text.warning" | "text.danger" | "text.info" | "text.accent.neutral" | "text.accent" | "text.accent.red" | "text.accent.orange" | "text.accent.yellow" | "text.accent.lime" | "text.accent.green" | "text.accent.teal" | "text.accent.blue" | "text.accent.indigo" | "text.accent.purple" | "text.accent.magenta" | "text.accent.tan";
+    	textStyle: "display.lg" | "display.md" | "display.sm" | "display.xs" | "heading.lg" | "heading.md" | "heading.sm" | "heading.xs" | "body.lg" | "body.md" | "body.sm" | "body.xs" | "sans.lg" | "sans.md" | "sans.sm" | "sans.xs" | "serif.lg" | "serif.md" | "serif.sm" | "serif.xs" | "mono.lg" | "mono.md" | "mono.sm" | "mono.xs";
     	layerStyle: "surface.raised" | "surface.overlay";
 }
 
@@ -21602,6 +22094,8 @@ declare interface WrapProperties {
 
 declare interface WrapProps extends WrapProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof WrapProperties > {}
 
+declare type ZIndexToken = "0" | "1" | "2" | "3" | "4" | "5" | "10" | "1000" | "1100" | "1101" | "1200" | "-1" | "base" | "raised" | "elevated" | "overlay" | "modal" | "tooltip"
+
 export { }