@optiaxiom/react 1.3.2 → 1.3.4

package/dist/unstable.d.ts

@@ -1,10 +1,11 @@
 import * as react from 'react';
 import { ComponentPropsWithoutRef, ReactNode, ComponentPropsWithRef, ReactElement, FocusEventHandler, ChangeEventHandler } from 'react';
-import { B as BoxProps, S as Sprinkles, L as Link, E as ExcludeProps, C as Checkbox, f as ListboxItemized, P as Popover, b as ResponsiveArray, a as ExtendProps, D as DialogContent, g as PopoverContent, M as ModalListbox, d as ButtonProps } from './PopoverContent-BBAdVdON.js';
+import { B as BoxProps, S as Sprinkles, L as Link, E as ExcludeProps, C as Checkbox, f as ListboxItemized, P as Popover, b as ResponsiveArray, a as ExtendProps, D as DialogContent, g as PopoverContent, M as ModalListbox, d as ButtonProps } from './PopoverContent-CtWreUDC.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react_day_picker from 'react-day-picker';
 import { Matcher, DateRange } from 'react-day-picker';
 import { Table as Table$1 } from '@tanstack/table-core';
+import { Header } from '@tanstack/react-table';
 import * as _radix_ui_react_popover from '@radix-ui/react-popover';
 import { PopperContent, PopperAnchor } from '@radix-ui/react-popper';
 import '@radix-ui/react-dialog';
@@ -40,7 +41,7 @@ declare const BreadcrumbLink: react.ForwardRefExoticComponent<Omit<NonNullable<S
 } & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLAnchorElement>, "ref">, "asChild" | "p" | "fontFamily" | "fontSize" | "size" | "animation" | "borderColor" | "color" | "cursor" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "className"> & react.RefAttributes<HTMLAnchorElement>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLAnchorElement>, "ref">, "animation" | "fontFamily" | "fontSize" | "size" | "borderColor" | "color" | "cursor" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "asChild" | "className"> & react.RefAttributes<HTMLAnchorElement>>;
 
 type BreadcrumbPageProps = BoxProps<"span">;
 declare const BreadcrumbPage: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
@@ -76,30 +77,30 @@ type CalendarProps = BoxProps<"div", {
     /**
      * The initial selected value in uncontrolled mode.
      */
-    defaultValue?: Date;
-    mode?: "single";
+    defaultValue?: DateRange | null;
+    mode: "range";
     /**
      * Handler that is called when the selected value changes.
      */
-    onValueChange?: (value: Date | undefined) => void;
+    onValueChange?: (value: DateRange | null) => void;
     /**
      * The selected value in controlled mode.
      */
-    value?: Date;
+    value?: DateRange | null;
 } | {
     /**
      * The initial selected value in uncontrolled mode.
      */
-    defaultValue?: DateRange;
-    mode: "range";
+    defaultValue?: Date | null;
+    mode?: "single";
     /**
      * Handler that is called when the selected value changes.
      */
-    onValueChange?: (value: DateRange | undefined) => void;
+    onValueChange?: (value: Date | null) => void;
     /**
      * The selected value in controlled mode.
      */
-    value?: DateRange;
+    value?: Date | null;
 })>;
 declare const Calendar: react.ForwardRefExoticComponent<CalendarProps & react.RefAttributes<HTMLDivElement>>;
 
@@ -127,7 +128,7 @@ declare const CardContent: react.ForwardRefExoticComponent<Omit<NonNullable<Spri
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
 declare const CardDescription: react.ForwardRefExoticComponent<Omit<Omit<Omit<{
-    lineClamp?: "2" | "4" | "1" | "3" | undefined;
+    lineClamp?: "1" | "2" | "3" | "4" | undefined;
     truncate?: boolean | undefined;
 }, never> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
@@ -160,9 +161,9 @@ declare const CardOverflow: react.ForwardRefExoticComponent<Omit<Omit<Omit<NonNu
 }, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
 declare const CardTitle: react.ForwardRefExoticComponent<Omit<{
-    level?: "2" | "4" | "1" | "3";
+    level?: "1" | "2" | "3" | "4";
 }, never> & Omit<{
-    lineClamp?: "2" | "4" | "1" | "3" | undefined;
+    lineClamp?: "1" | "2" | "3" | "4" | undefined;
     truncate?: boolean | undefined;
 }, never> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
@@ -284,12 +285,13 @@ type CommandProps = {
     onSelect?: (item: CommandOption, context: {
         close: boolean;
     }) => void;
+    open?: boolean;
     /**
      * The items we want to render.
      */
     options: CommandOption[] | readonly CommandOption[];
 };
-declare function Command({ children, empty, inputValue: inputValueProp, loading, onHover, onInputValueChange, onSelect: onItemSelect, options, }: CommandProps): react_jsx_runtime.JSX.Element;
+declare function Command({ children, empty, inputValue: inputValueProp, loading, onHover, onInputValueChange, onSelect: onItemSelect, open, options, }: CommandProps): react_jsx_runtime.JSX.Element;
 declare namespace Command {
     var displayName: string;
 }
@@ -371,6 +373,13 @@ declare const DataTableFooter: react.ForwardRefExoticComponent<{
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
+declare const DataTableHeaderCell: react.ForwardRefExoticComponent<{
+    header: Header<unknown, unknown>;
+} & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLTableCellElement>>;
+
 declare const DateInput: react.ForwardRefExoticComponent<Pick<ComponentPropsWithoutRef<react.ForwardRefExoticComponent<(({
     holiday?: react_day_picker.Matcher | react_day_picker.Matcher[];
     max?: Date;
@@ -381,15 +390,15 @@ declare const DateInput: react.ForwardRefExoticComponent<Pick<ComponentPropsWith
     type?: "date" | "datetime-local";
     weekend?: react_day_picker.Matcher | react_day_picker.Matcher[];
 } & ({
-    defaultValue?: Date;
-    mode?: "single";
-    onValueChange?: (value: Date | undefined) => void;
-    value?: Date;
-} | {
-    defaultValue?: react_day_picker.DateRange;
+    defaultValue?: react_day_picker.DateRange | null;
     mode: "range";
-    onValueChange?: (value: react_day_picker.DateRange | undefined) => void;
-    value?: react_day_picker.DateRange;
+    onValueChange?: (value: react_day_picker.DateRange | null) => void;
+    value?: react_day_picker.DateRange | null;
+} | {
+    defaultValue?: Date | null;
+    mode?: "single";
+    onValueChange?: (value: Date | null) => void;
+    value?: Date | null;
 })) & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
@@ -424,18 +433,18 @@ type DatePickerProps = ComponentPropsWithRef<typeof Popover> & {
     /**
      * The initial selected value in uncontrolled mode.
      */
-    defaultValue?: Date;
+    defaultValue?: Date | null;
     disabled?: boolean;
     /**
      * Handler that is called when the selected value changes.
      */
-    onValueChange?: (value: Date | undefined) => void;
+    onValueChange?: (value: Date | null) => void;
     step?: "60" | "300" | "900";
     type?: "date" | "datetime-local";
     /**
      * The selected value in controlled mode.
      */
-    value?: Date;
+    value?: Date | null;
 };
 declare function DatePicker({ children, defaultOpen, defaultValue, disabled, onOpenChange, onValueChange, open: openProp, step, type, value: valueProp, ...props }: DatePickerProps): react_jsx_runtime.JSX.Element;
 declare namespace DatePicker {
@@ -443,21 +452,14 @@ declare namespace DatePicker {
 }
 
 declare const DatePickerContent: react.ForwardRefExoticComponent<Omit<{
-    key?: react.Key | null | undefined;
-    asChild?: boolean | undefined;
-    children?: ReactNode;
-    p?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
-    slot?: string | undefined | undefined;
-    style?: react.CSSProperties | undefined;
-    title?: string | undefined | undefined;
-    fontFamily?: "mono" | "sans" | undefined;
-    fontSize?: "sm" | "md" | "xs" | "lg" | "xl" | "inherit" | "3xl" | "2xl" | "4xl" | undefined;
-    size?: ("sm" | "md" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "xs" | "lg" | "xl" | "full" | "2xs" | "3xl" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | {
-        readonly base?: "sm" | "md" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "xs" | "lg" | "xl" | "full" | "2xs" | "3xl" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
-        readonly sm?: "sm" | "md" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "xs" | "lg" | "xl" | "full" | "2xs" | "3xl" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
-        readonly md?: "sm" | "md" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "xs" | "lg" | "xl" | "full" | "2xs" | "3xl" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "sm" | "md" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "xs" | "lg" | "xl" | "full" | "2xs" | "3xl" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | null>;
     animation?: "ping" | "pulse" | "spin" | undefined;
+    fontFamily?: "mono" | "sans" | undefined;
+    fontSize?: "xs" | "sm" | "md" | "lg" | "xl" | "inherit" | "2xl" | "3xl" | "4xl" | undefined;
+    size?: ("0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | {
+        readonly base?: "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
+        readonly sm?: "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
+        readonly md?: "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | null>;
     borderColor?: "border.accent" | "border.control" | "border.control.hovered" | "border.default" | "border.disabled" | "border.error" | "border.focus" | "border.focus.error" | "border.secondary" | "border.success" | "border.tertiary" | "border.warning" | "transparent" | "current" | undefined;
     color?: "fg.accent" | "fg.accent.hovered" | "fg.accent.strong" | "fg.avatar.neutral" | "fg.avatar.purple" | "fg.default" | "fg.default.inverse" | "fg.disabled" | "fg.error" | "fg.error.hovered" | "fg.error.light" | "fg.error.strong" | "fg.information" | "fg.information.light" | "fg.information.strong" | "fg.link.default" | "fg.link.default.hovered" | "fg.link.inverse" | "fg.link.subtle" | "fg.link.visited" | "fg.secondary" | "fg.spinner.default" | "fg.spinner.inverse" | "fg.success" | "fg.success.hovered" | "fg.success.light" | "fg.success.strong" | "fg.tertiary" | "fg.warning" | "fg.warning.hovered" | "fg.warning.inverse" | "fg.warning.light" | "fg.warning.strong" | "fg.white" | "transparent" | "current" | undefined;
     cursor?: "pointer" | "default" | "not-allowed" | "text" | undefined;
@@ -467,16 +469,16 @@ declare const DatePickerContent: react.ForwardRefExoticComponent<Omit<{
     hidden?: boolean | undefined | undefined;
     overflowY?: "auto" | "hidden" | "visible" | undefined;
     pointerEvents?: "auto" | "none" | undefined;
-    textAlign?: "center" | "end" | "start" | "justify" | undefined;
+    textAlign?: "end" | "start" | "center" | "justify" | undefined;
     textTransform?: "none" | "capitalize" | "uppercase" | undefined;
     transition?: "opacity" | "transform" | "colors" | "none" | "all" | undefined;
     whiteSpace?: "nowrap" | undefined;
     bg?: "bg.accent" | "bg.accent.hovered" | "bg.accent.light" | "bg.accent.pressed" | "bg.accent.subtle" | "bg.avatar.neutral" | "bg.avatar.purple" | "bg.default" | "bg.default.hovered" | "bg.default.inverse" | "bg.default.inverse.hovered" | "bg.default.inverse.pressed" | "bg.default.pressed" | "bg.error" | "bg.error.hovered" | "bg.error.light" | "bg.error.pressed" | "bg.error.subtle" | "bg.error.subtlest" | "bg.information" | "bg.information.light" | "bg.information.subtle" | "bg.overlay" | "bg.page" | "bg.secondary" | "bg.secondary.hovered" | "bg.spinner.default" | "bg.spinner.inverse" | "bg.success" | "bg.success.hovered" | "bg.success.light" | "bg.success.subtle" | "bg.tertiary" | "bg.tertiary.hovered" | "bg.warning" | "bg.warning.hovered" | "bg.warning.light" | "bg.warning.subtle" | "transparent" | "current" | undefined;
-    border?: "0" | "2" | "1" | undefined;
-    borderB?: "0" | "2" | "1" | undefined;
-    borderL?: "0" | "2" | "1" | undefined;
-    borderR?: "0" | "2" | "1" | undefined;
-    borderT?: "0" | "2" | "1" | undefined;
+    border?: "0" | "1" | "2" | undefined;
+    borderB?: "0" | "1" | "2" | undefined;
+    borderL?: "0" | "1" | "2" | undefined;
+    borderR?: "0" | "1" | "2" | undefined;
+    borderT?: "0" | "1" | "2" | undefined;
     m?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | undefined;
     mx?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | undefined;
     my?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | undefined;
@@ -485,13 +487,14 @@ declare const DatePickerContent: react.ForwardRefExoticComponent<Omit<{
     mr?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | undefined;
     mt?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | undefined;
     overflow?: "auto" | "hidden" | "visible" | undefined;
+    p?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
     px?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
     py?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
     pb?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
     pl?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
     pr?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
     pt?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
-    rounded?: "sm" | "md" | "xs" | "lg" | "xl" | "full" | "inherit" | "none" | undefined;
+    rounded?: "xs" | "sm" | "md" | "lg" | "xl" | "full" | "inherit" | "none" | undefined;
     shadow?: "sm" | "md" | "lg" | "none" | undefined;
     z?: "0" | "10" | "20" | "auto" | "popover" | "toast" | "tooltip" | "30" | undefined;
     gap?: ("0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | {
@@ -499,26 +502,26 @@ declare const DatePickerContent: react.ForwardRefExoticComponent<Omit<{
         readonly sm?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
         readonly md?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
     } | undefined) | ResponsiveArray<2 | 1 | 3, "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | null>;
-    alignItems?: ("center" | "end" | "start" | "normal" | "stretch" | {
-        readonly base?: "center" | "end" | "start" | "normal" | "stretch" | undefined;
-        readonly sm?: "center" | "end" | "start" | "normal" | "stretch" | undefined;
-        readonly md?: "center" | "end" | "start" | "normal" | "stretch" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "center" | "end" | "start" | "normal" | "stretch" | null>;
-    alignSelf?: ("center" | "end" | "start" | "normal" | "stretch" | {
-        readonly base?: "center" | "end" | "start" | "normal" | "stretch" | undefined;
-        readonly sm?: "center" | "end" | "start" | "normal" | "stretch" | undefined;
-        readonly md?: "center" | "end" | "start" | "normal" | "stretch" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "center" | "end" | "start" | "normal" | "stretch" | null>;
-    display?: ("table" | "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table-cell" | "table-row" | {
-        readonly base?: "table" | "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table-cell" | "table-row" | undefined;
-        readonly sm?: "table" | "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table-cell" | "table-row" | undefined;
-        readonly md?: "table" | "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table-cell" | "table-row" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "table" | "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table-cell" | "table-row" | null>;
-    flex?: ("auto" | "1" | "none" | "initial" | {
-        readonly base?: "auto" | "1" | "none" | "initial" | undefined;
-        readonly sm?: "auto" | "1" | "none" | "initial" | undefined;
-        readonly md?: "auto" | "1" | "none" | "initial" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "auto" | "1" | "none" | "initial" | null>;
+    alignItems?: ("end" | "start" | "center" | "normal" | "stretch" | {
+        readonly base?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
+        readonly sm?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
+        readonly md?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "end" | "start" | "center" | "normal" | "stretch" | null>;
+    alignSelf?: ("end" | "start" | "center" | "normal" | "stretch" | {
+        readonly base?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
+        readonly sm?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
+        readonly md?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "end" | "start" | "center" | "normal" | "stretch" | null>;
+    display?: ("none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table" | "table-cell" | "table-row" | {
+        readonly base?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table" | "table-cell" | "table-row" | undefined;
+        readonly sm?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table" | "table-cell" | "table-row" | undefined;
+        readonly md?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table" | "table-cell" | "table-row" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table" | "table-cell" | "table-row" | null>;
+    flex?: ("1" | "auto" | "none" | "initial" | {
+        readonly base?: "1" | "auto" | "none" | "initial" | undefined;
+        readonly sm?: "1" | "auto" | "none" | "initial" | undefined;
+        readonly md?: "1" | "auto" | "none" | "initial" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "1" | "auto" | "none" | "initial" | null>;
     flexDirection?: ("column" | "column-reverse" | "row" | "row-reverse" | {
         readonly base?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
         readonly sm?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
@@ -529,48 +532,54 @@ declare const DatePickerContent: react.ForwardRefExoticComponent<Omit<{
         readonly sm?: "nowrap" | "wrap" | undefined;
         readonly md?: "nowrap" | "wrap" | undefined;
     } | undefined) | ResponsiveArray<2 | 1 | 3, "nowrap" | "wrap" | null>;
-    gridColumn?: ("2" | "4" | "1" | "3" | {
-        readonly base?: "2" | "4" | "1" | "3" | undefined;
-        readonly sm?: "2" | "4" | "1" | "3" | undefined;
-        readonly md?: "2" | "4" | "1" | "3" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "2" | "4" | "1" | "3" | null>;
-    gridTemplateColumns?: ("2" | "4" | "1" | "3" | {
-        readonly base?: "2" | "4" | "1" | "3" | undefined;
-        readonly sm?: "2" | "4" | "1" | "3" | undefined;
-        readonly md?: "2" | "4" | "1" | "3" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "2" | "4" | "1" | "3" | null>;
-    justifyContent?: ("center" | "end" | "start" | "normal" | "stretch" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | {
-        readonly base?: "center" | "end" | "start" | "normal" | "stretch" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
-        readonly sm?: "center" | "end" | "start" | "normal" | "stretch" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
-        readonly md?: "center" | "end" | "start" | "normal" | "stretch" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "center" | "end" | "start" | "normal" | "stretch" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | null>;
-    justifyItems?: ("center" | "end" | "start" | "normal" | "stretch" | {
-        readonly base?: "center" | "end" | "start" | "normal" | "stretch" | undefined;
-        readonly sm?: "center" | "end" | "start" | "normal" | "stretch" | undefined;
-        readonly md?: "center" | "end" | "start" | "normal" | "stretch" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "center" | "end" | "start" | "normal" | "stretch" | null>;
+    gridColumn?: ("1" | "2" | "3" | "4" | {
+        readonly base?: "1" | "2" | "3" | "4" | undefined;
+        readonly sm?: "1" | "2" | "3" | "4" | undefined;
+        readonly md?: "1" | "2" | "3" | "4" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "1" | "2" | "3" | "4" | null>;
+    gridTemplateColumns?: ("1" | "2" | "3" | "4" | {
+        readonly base?: "1" | "2" | "3" | "4" | undefined;
+        readonly sm?: "1" | "2" | "3" | "4" | undefined;
+        readonly md?: "1" | "2" | "3" | "4" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "1" | "2" | "3" | "4" | null>;
+    justifyContent?: ("end" | "start" | "center" | "normal" | "stretch" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | {
+        readonly base?: "end" | "start" | "center" | "normal" | "stretch" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
+        readonly sm?: "end" | "start" | "center" | "normal" | "stretch" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
+        readonly md?: "end" | "start" | "center" | "normal" | "stretch" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "end" | "start" | "center" | "normal" | "stretch" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | null>;
+    justifyItems?: ("end" | "start" | "center" | "normal" | "stretch" | {
+        readonly base?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
+        readonly sm?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
+        readonly md?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "end" | "start" | "center" | "normal" | "stretch" | null>;
     placeItems?: ("center" | {
         readonly base?: "center" | undefined;
         readonly sm?: "center" | undefined;
         readonly md?: "center" | undefined;
     } | undefined) | ResponsiveArray<2 | 1 | 3, "center" | null>;
-    maxH?: "sm" | "md" | "xs" | "lg" | "full" | undefined;
-    maxW?: ("sm" | "md" | "xs" | "lg" | "full" | {
-        readonly base?: "sm" | "md" | "xs" | "lg" | "full" | undefined;
-        readonly sm?: "sm" | "md" | "xs" | "lg" | "full" | undefined;
-        readonly md?: "sm" | "md" | "xs" | "lg" | "full" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "sm" | "md" | "xs" | "lg" | "full" | null>;
-    h?: ("sm" | "md" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "xs" | "lg" | "xl" | "full" | "2xs" | "3xl" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | {
-        readonly base?: "sm" | "md" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "xs" | "lg" | "xl" | "full" | "2xs" | "3xl" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
-        readonly sm?: "sm" | "md" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "xs" | "lg" | "xl" | "full" | "2xs" | "3xl" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
-        readonly md?: "sm" | "md" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "xs" | "lg" | "xl" | "full" | "2xs" | "3xl" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "sm" | "md" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "xs" | "lg" | "xl" | "full" | "2xs" | "3xl" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | null>;
-    w?: ("sm" | "md" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "xs" | "lg" | "xl" | "full" | "2xs" | "3xl" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | {
-        readonly base?: "sm" | "md" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "xs" | "lg" | "xl" | "full" | "2xs" | "3xl" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
-        readonly sm?: "sm" | "md" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "xs" | "lg" | "xl" | "full" | "2xs" | "3xl" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
-        readonly md?: "sm" | "md" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "xs" | "lg" | "xl" | "full" | "2xs" | "3xl" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "sm" | "md" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "xs" | "lg" | "xl" | "full" | "2xs" | "3xl" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | null>;
+    maxH?: "xs" | "sm" | "md" | "lg" | "full" | undefined;
+    maxW?: ("xs" | "sm" | "md" | "lg" | "full" | {
+        readonly base?: "xs" | "sm" | "md" | "lg" | "full" | undefined;
+        readonly sm?: "xs" | "sm" | "md" | "lg" | "full" | undefined;
+        readonly md?: "xs" | "sm" | "md" | "lg" | "full" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "xs" | "sm" | "md" | "lg" | "full" | null>;
+    h?: ("0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | {
+        readonly base?: "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
+        readonly sm?: "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
+        readonly md?: "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | null>;
+    w?: ("0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | {
+        readonly base?: "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
+        readonly sm?: "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
+        readonly md?: "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | null>;
+    asChild?: boolean | undefined;
     className?: string | undefined;
+    slot?: string | undefined | undefined;
+    style?: react.CSSProperties | undefined;
+    title?: string | undefined | undefined;
+    key?: react.Key | null | undefined;
+    align?: ("end" | "start" | "center") | undefined;
     defaultChecked?: boolean | undefined | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined | undefined;
@@ -614,6 +623,8 @@ declare const DatePickerContent: react.ForwardRefExoticComponent<Omit<{
     unselectable?: "on" | "off" | undefined | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
     is?: string | undefined | undefined;
+    exportparts?: string | undefined | undefined;
+    part?: string | undefined | undefined;
     "aria-activedescendant"?: string | undefined | undefined;
     "aria-atomic"?: (boolean | "false" | "true") | undefined;
     "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
@@ -667,6 +678,7 @@ declare const DatePickerContent: react.ForwardRefExoticComponent<Omit<{
     "aria-valuemin"?: number | undefined | undefined;
     "aria-valuenow"?: number | undefined | undefined;
     "aria-valuetext"?: string | undefined | undefined;
+    children?: ReactNode;
     dangerouslySetInnerHTML?: {
         __html: string | TrustedHTML;
     } | undefined | undefined;
@@ -830,6 +842,11 @@ declare const DatePickerContent: react.ForwardRefExoticComponent<Omit<{
     onAnimationIterationCapture?: react.AnimationEventHandler<HTMLDivElement> | undefined;
     onTransitionEnd?: react.TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEndCapture?: react.TransitionEventHandler<HTMLDivElement> | undefined;
+    minW?: "0" | "trigger" | undefined;
+    withArrow?: boolean | undefined;
+    side?: ("top" | "right" | "bottom" | "left") | undefined;
+    sideOffset?: number | undefined;
+    alignOffset?: number | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => void) | undefined;
     onPointerDownOutside?: ((event: CustomEvent<{
         originalEvent: PointerEvent;
@@ -842,12 +859,6 @@ declare const DatePickerContent: react.ForwardRefExoticComponent<Omit<{
     }> | CustomEvent<{
         originalEvent: FocusEvent;
     }>) => void) | undefined;
-    minW?: "0" | "trigger" | undefined;
-    side?: ("top" | "left" | "right" | "bottom") | undefined;
-    sideOffset?: number | undefined;
-    align?: ("center" | "end" | "start") | undefined;
-    alignOffset?: number | undefined;
-    withArrow?: boolean | undefined;
     onOpenAutoFocus?: ((event: Event) => void) | undefined;
     onCloseAutoFocus?: ((event: Event) => void) | undefined;
 } & react.RefAttributes<HTMLDivElement>, "ref"> & Pick<ComponentPropsWithoutRef<react.ForwardRefExoticComponent<(({
@@ -860,19 +871,19 @@ declare const DatePickerContent: react.ForwardRefExoticComponent<Omit<{
     type?: "date" | "datetime-local";
     weekend?: react_day_picker.Matcher | react_day_picker.Matcher[];
 } & ({
-    defaultValue?: Date;
-    mode?: "single";
-    onValueChange?: (value: Date | undefined) => void;
-    value?: Date;
-} | {
-    defaultValue?: react_day_picker.DateRange;
+    defaultValue?: react_day_picker.DateRange | null;
     mode: "range";
-    onValueChange?: (value: react_day_picker.DateRange | undefined) => void;
-    value?: react_day_picker.DateRange;
+    onValueChange?: (value: react_day_picker.DateRange | null) => void;
+    value?: react_day_picker.DateRange | null;
+} | {
+    defaultValue?: Date | null;
+    mode?: "single";
+    onValueChange?: (value: Date | null) => void;
+    value?: Date | null;
 })) & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className" | "defaultValue">) & react.RefAttributes<HTMLDivElement>>>, "max" | "min" | "holiday" | "weekend" | "today"> & {
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className" | "defaultValue">) & react.RefAttributes<HTMLDivElement>>>, "max" | "min" | "holiday" | "today" | "weekend"> & {
     /**
      * Display content inside the popover after the calendar.
      */
@@ -902,7 +913,7 @@ declare const DatePickerTrigger: react.ForwardRefExoticComponent<Omit<{
 }>, never> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, "size"> & Omit<Omit<_radix_ui_react_popover.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "color" | "disabled" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref"> & {
+}>, "size"> & Omit<Omit<_radix_ui_react_popover.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "color" | "disabled" | "asChild" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref"> & {
     format?: (date: Date) => string;
     placeholder?: string;
 } & react.RefAttributes<HTMLButtonElement>>;
@@ -911,16 +922,16 @@ type DateRangePickerProps = ComponentPropsWithRef<typeof Popover> & {
     /**
      * The initial selected value in uncontrolled mode.
      */
-    defaultValue?: DateRange;
+    defaultValue?: DateRange | null;
     disabled?: boolean;
     /**
      * Handler that is called when the selected value changes.
      */
-    onValueChange?: (value: DateRange | undefined) => void;
+    onValueChange?: (value: DateRange | null) => void;
     /**
      * The selected value in controlled mode.
      */
-    value?: DateRange;
+    value?: DateRange | null;
 };
 declare function DateRangePicker({ children, defaultOpen, defaultValue, disabled, onOpenChange, onValueChange, open: openProp, value: valueProp, ...props }: DateRangePickerProps): react_jsx_runtime.JSX.Element;
 declare namespace DateRangePicker {
@@ -928,21 +939,14 @@ declare namespace DateRangePicker {
 }
 
 declare const DateRangePickerContent: react.ForwardRefExoticComponent<Omit<{
-    key?: react.Key | null | undefined;
-    asChild?: boolean | undefined;
-    children?: ReactNode;
-    p?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
-    slot?: string | undefined | undefined;
-    style?: react.CSSProperties | undefined;
-    title?: string | undefined | undefined;
-    fontFamily?: "mono" | "sans" | undefined;
-    fontSize?: "sm" | "md" | "xs" | "lg" | "xl" | "inherit" | "3xl" | "2xl" | "4xl" | undefined;
-    size?: ("sm" | "md" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "xs" | "lg" | "xl" | "full" | "2xs" | "3xl" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | {
-        readonly base?: "sm" | "md" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "xs" | "lg" | "xl" | "full" | "2xs" | "3xl" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
-        readonly sm?: "sm" | "md" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "xs" | "lg" | "xl" | "full" | "2xs" | "3xl" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
-        readonly md?: "sm" | "md" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "xs" | "lg" | "xl" | "full" | "2xs" | "3xl" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "sm" | "md" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "xs" | "lg" | "xl" | "full" | "2xs" | "3xl" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | null>;
     animation?: "ping" | "pulse" | "spin" | undefined;
+    fontFamily?: "mono" | "sans" | undefined;
+    fontSize?: "xs" | "sm" | "md" | "lg" | "xl" | "inherit" | "2xl" | "3xl" | "4xl" | undefined;
+    size?: ("0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | {
+        readonly base?: "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
+        readonly sm?: "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
+        readonly md?: "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | null>;
     borderColor?: "border.accent" | "border.control" | "border.control.hovered" | "border.default" | "border.disabled" | "border.error" | "border.focus" | "border.focus.error" | "border.secondary" | "border.success" | "border.tertiary" | "border.warning" | "transparent" | "current" | undefined;
     color?: "fg.accent" | "fg.accent.hovered" | "fg.accent.strong" | "fg.avatar.neutral" | "fg.avatar.purple" | "fg.default" | "fg.default.inverse" | "fg.disabled" | "fg.error" | "fg.error.hovered" | "fg.error.light" | "fg.error.strong" | "fg.information" | "fg.information.light" | "fg.information.strong" | "fg.link.default" | "fg.link.default.hovered" | "fg.link.inverse" | "fg.link.subtle" | "fg.link.visited" | "fg.secondary" | "fg.spinner.default" | "fg.spinner.inverse" | "fg.success" | "fg.success.hovered" | "fg.success.light" | "fg.success.strong" | "fg.tertiary" | "fg.warning" | "fg.warning.hovered" | "fg.warning.inverse" | "fg.warning.light" | "fg.warning.strong" | "fg.white" | "transparent" | "current" | undefined;
     cursor?: "pointer" | "default" | "not-allowed" | "text" | undefined;
@@ -952,16 +956,16 @@ declare const DateRangePickerContent: react.ForwardRefExoticComponent<Omit<{
     hidden?: boolean | undefined | undefined;
     overflowY?: "auto" | "hidden" | "visible" | undefined;
     pointerEvents?: "auto" | "none" | undefined;
-    textAlign?: "center" | "end" | "start" | "justify" | undefined;
+    textAlign?: "end" | "start" | "center" | "justify" | undefined;
     textTransform?: "none" | "capitalize" | "uppercase" | undefined;
     transition?: "opacity" | "transform" | "colors" | "none" | "all" | undefined;
     whiteSpace?: "nowrap" | undefined;
     bg?: "bg.accent" | "bg.accent.hovered" | "bg.accent.light" | "bg.accent.pressed" | "bg.accent.subtle" | "bg.avatar.neutral" | "bg.avatar.purple" | "bg.default" | "bg.default.hovered" | "bg.default.inverse" | "bg.default.inverse.hovered" | "bg.default.inverse.pressed" | "bg.default.pressed" | "bg.error" | "bg.error.hovered" | "bg.error.light" | "bg.error.pressed" | "bg.error.subtle" | "bg.error.subtlest" | "bg.information" | "bg.information.light" | "bg.information.subtle" | "bg.overlay" | "bg.page" | "bg.secondary" | "bg.secondary.hovered" | "bg.spinner.default" | "bg.spinner.inverse" | "bg.success" | "bg.success.hovered" | "bg.success.light" | "bg.success.subtle" | "bg.tertiary" | "bg.tertiary.hovered" | "bg.warning" | "bg.warning.hovered" | "bg.warning.light" | "bg.warning.subtle" | "transparent" | "current" | undefined;
-    border?: "0" | "2" | "1" | undefined;
-    borderB?: "0" | "2" | "1" | undefined;
-    borderL?: "0" | "2" | "1" | undefined;
-    borderR?: "0" | "2" | "1" | undefined;
-    borderT?: "0" | "2" | "1" | undefined;
+    border?: "0" | "1" | "2" | undefined;
+    borderB?: "0" | "1" | "2" | undefined;
+    borderL?: "0" | "1" | "2" | undefined;
+    borderR?: "0" | "1" | "2" | undefined;
+    borderT?: "0" | "1" | "2" | undefined;
     m?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | undefined;
     mx?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | undefined;
     my?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | undefined;
@@ -970,13 +974,14 @@ declare const DateRangePickerContent: react.ForwardRefExoticComponent<Omit<{
     mr?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | undefined;
     mt?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | undefined;
     overflow?: "auto" | "hidden" | "visible" | undefined;
+    p?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
     px?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
     py?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
     pb?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
     pl?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
     pr?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
     pt?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
-    rounded?: "sm" | "md" | "xs" | "lg" | "xl" | "full" | "inherit" | "none" | undefined;
+    rounded?: "xs" | "sm" | "md" | "lg" | "xl" | "full" | "inherit" | "none" | undefined;
     shadow?: "sm" | "md" | "lg" | "none" | undefined;
     z?: "0" | "10" | "20" | "auto" | "popover" | "toast" | "tooltip" | "30" | undefined;
     gap?: ("0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | {
@@ -984,26 +989,26 @@ declare const DateRangePickerContent: react.ForwardRefExoticComponent<Omit<{
         readonly sm?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
         readonly md?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
     } | undefined) | ResponsiveArray<2 | 1 | 3, "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | null>;
-    alignItems?: ("center" | "end" | "start" | "normal" | "stretch" | {
-        readonly base?: "center" | "end" | "start" | "normal" | "stretch" | undefined;
-        readonly sm?: "center" | "end" | "start" | "normal" | "stretch" | undefined;
-        readonly md?: "center" | "end" | "start" | "normal" | "stretch" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "center" | "end" | "start" | "normal" | "stretch" | null>;
-    alignSelf?: ("center" | "end" | "start" | "normal" | "stretch" | {
-        readonly base?: "center" | "end" | "start" | "normal" | "stretch" | undefined;
-        readonly sm?: "center" | "end" | "start" | "normal" | "stretch" | undefined;
-        readonly md?: "center" | "end" | "start" | "normal" | "stretch" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "center" | "end" | "start" | "normal" | "stretch" | null>;
-    display?: ("table" | "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table-cell" | "table-row" | {
-        readonly base?: "table" | "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table-cell" | "table-row" | undefined;
-        readonly sm?: "table" | "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table-cell" | "table-row" | undefined;
-        readonly md?: "table" | "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table-cell" | "table-row" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "table" | "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table-cell" | "table-row" | null>;
-    flex?: ("auto" | "1" | "none" | "initial" | {
-        readonly base?: "auto" | "1" | "none" | "initial" | undefined;
-        readonly sm?: "auto" | "1" | "none" | "initial" | undefined;
-        readonly md?: "auto" | "1" | "none" | "initial" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "auto" | "1" | "none" | "initial" | null>;
+    alignItems?: ("end" | "start" | "center" | "normal" | "stretch" | {
+        readonly base?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
+        readonly sm?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
+        readonly md?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "end" | "start" | "center" | "normal" | "stretch" | null>;
+    alignSelf?: ("end" | "start" | "center" | "normal" | "stretch" | {
+        readonly base?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
+        readonly sm?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
+        readonly md?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "end" | "start" | "center" | "normal" | "stretch" | null>;
+    display?: ("none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table" | "table-cell" | "table-row" | {
+        readonly base?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table" | "table-cell" | "table-row" | undefined;
+        readonly sm?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table" | "table-cell" | "table-row" | undefined;
+        readonly md?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table" | "table-cell" | "table-row" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table" | "table-cell" | "table-row" | null>;
+    flex?: ("1" | "auto" | "none" | "initial" | {
+        readonly base?: "1" | "auto" | "none" | "initial" | undefined;
+        readonly sm?: "1" | "auto" | "none" | "initial" | undefined;
+        readonly md?: "1" | "auto" | "none" | "initial" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "1" | "auto" | "none" | "initial" | null>;
     flexDirection?: ("column" | "column-reverse" | "row" | "row-reverse" | {
         readonly base?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
         readonly sm?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
@@ -1014,48 +1019,54 @@ declare const DateRangePickerContent: react.ForwardRefExoticComponent<Omit<{
         readonly sm?: "nowrap" | "wrap" | undefined;
         readonly md?: "nowrap" | "wrap" | undefined;
     } | undefined) | ResponsiveArray<2 | 1 | 3, "nowrap" | "wrap" | null>;
-    gridColumn?: ("2" | "4" | "1" | "3" | {
-        readonly base?: "2" | "4" | "1" | "3" | undefined;
-        readonly sm?: "2" | "4" | "1" | "3" | undefined;
-        readonly md?: "2" | "4" | "1" | "3" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "2" | "4" | "1" | "3" | null>;
-    gridTemplateColumns?: ("2" | "4" | "1" | "3" | {
-        readonly base?: "2" | "4" | "1" | "3" | undefined;
-        readonly sm?: "2" | "4" | "1" | "3" | undefined;
-        readonly md?: "2" | "4" | "1" | "3" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "2" | "4" | "1" | "3" | null>;
-    justifyContent?: ("center" | "end" | "start" | "normal" | "stretch" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | {
-        readonly base?: "center" | "end" | "start" | "normal" | "stretch" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
-        readonly sm?: "center" | "end" | "start" | "normal" | "stretch" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
-        readonly md?: "center" | "end" | "start" | "normal" | "stretch" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "center" | "end" | "start" | "normal" | "stretch" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | null>;
-    justifyItems?: ("center" | "end" | "start" | "normal" | "stretch" | {
-        readonly base?: "center" | "end" | "start" | "normal" | "stretch" | undefined;
-        readonly sm?: "center" | "end" | "start" | "normal" | "stretch" | undefined;
-        readonly md?: "center" | "end" | "start" | "normal" | "stretch" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "center" | "end" | "start" | "normal" | "stretch" | null>;
+    gridColumn?: ("1" | "2" | "3" | "4" | {
+        readonly base?: "1" | "2" | "3" | "4" | undefined;
+        readonly sm?: "1" | "2" | "3" | "4" | undefined;
+        readonly md?: "1" | "2" | "3" | "4" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "1" | "2" | "3" | "4" | null>;
+    gridTemplateColumns?: ("1" | "2" | "3" | "4" | {
+        readonly base?: "1" | "2" | "3" | "4" | undefined;
+        readonly sm?: "1" | "2" | "3" | "4" | undefined;
+        readonly md?: "1" | "2" | "3" | "4" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "1" | "2" | "3" | "4" | null>;
+    justifyContent?: ("end" | "start" | "center" | "normal" | "stretch" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | {
+        readonly base?: "end" | "start" | "center" | "normal" | "stretch" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
+        readonly sm?: "end" | "start" | "center" | "normal" | "stretch" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
+        readonly md?: "end" | "start" | "center" | "normal" | "stretch" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "end" | "start" | "center" | "normal" | "stretch" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | null>;
+    justifyItems?: ("end" | "start" | "center" | "normal" | "stretch" | {
+        readonly base?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
+        readonly sm?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
+        readonly md?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "end" | "start" | "center" | "normal" | "stretch" | null>;
     placeItems?: ("center" | {
         readonly base?: "center" | undefined;
         readonly sm?: "center" | undefined;
         readonly md?: "center" | undefined;
     } | undefined) | ResponsiveArray<2 | 1 | 3, "center" | null>;
-    maxH?: "sm" | "md" | "xs" | "lg" | "full" | undefined;
-    maxW?: ("sm" | "md" | "xs" | "lg" | "full" | {
-        readonly base?: "sm" | "md" | "xs" | "lg" | "full" | undefined;
-        readonly sm?: "sm" | "md" | "xs" | "lg" | "full" | undefined;
-        readonly md?: "sm" | "md" | "xs" | "lg" | "full" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "sm" | "md" | "xs" | "lg" | "full" | null>;
-    h?: ("sm" | "md" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "xs" | "lg" | "xl" | "full" | "2xs" | "3xl" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | {
-        readonly base?: "sm" | "md" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "xs" | "lg" | "xl" | "full" | "2xs" | "3xl" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
-        readonly sm?: "sm" | "md" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "xs" | "lg" | "xl" | "full" | "2xs" | "3xl" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
-        readonly md?: "sm" | "md" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "xs" | "lg" | "xl" | "full" | "2xs" | "3xl" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "sm" | "md" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "xs" | "lg" | "xl" | "full" | "2xs" | "3xl" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | null>;
-    w?: ("sm" | "md" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "xs" | "lg" | "xl" | "full" | "2xs" | "3xl" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | {
-        readonly base?: "sm" | "md" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "xs" | "lg" | "xl" | "full" | "2xs" | "3xl" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
-        readonly sm?: "sm" | "md" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "xs" | "lg" | "xl" | "full" | "2xs" | "3xl" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
-        readonly md?: "sm" | "md" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "xs" | "lg" | "xl" | "full" | "2xs" | "3xl" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "sm" | "md" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "xs" | "lg" | "xl" | "full" | "2xs" | "3xl" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | null>;
+    maxH?: "xs" | "sm" | "md" | "lg" | "full" | undefined;
+    maxW?: ("xs" | "sm" | "md" | "lg" | "full" | {
+        readonly base?: "xs" | "sm" | "md" | "lg" | "full" | undefined;
+        readonly sm?: "xs" | "sm" | "md" | "lg" | "full" | undefined;
+        readonly md?: "xs" | "sm" | "md" | "lg" | "full" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "xs" | "sm" | "md" | "lg" | "full" | null>;
+    h?: ("0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | {
+        readonly base?: "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
+        readonly sm?: "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
+        readonly md?: "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | null>;
+    w?: ("0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | {
+        readonly base?: "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
+        readonly sm?: "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
+        readonly md?: "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | null>;
+    asChild?: boolean | undefined;
     className?: string | undefined;
+    slot?: string | undefined | undefined;
+    style?: react.CSSProperties | undefined;
+    title?: string | undefined | undefined;
+    key?: react.Key | null | undefined;
+    align?: ("end" | "start" | "center") | undefined;
     defaultChecked?: boolean | undefined | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined | undefined;
@@ -1099,6 +1110,8 @@ declare const DateRangePickerContent: react.ForwardRefExoticComponent<Omit<{
     unselectable?: "on" | "off" | undefined | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
     is?: string | undefined | undefined;
+    exportparts?: string | undefined | undefined;
+    part?: string | undefined | undefined;
     "aria-activedescendant"?: string | undefined | undefined;
     "aria-atomic"?: (boolean | "false" | "true") | undefined;
     "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
@@ -1152,6 +1165,7 @@ declare const DateRangePickerContent: react.ForwardRefExoticComponent<Omit<{
     "aria-valuemin"?: number | undefined | undefined;
     "aria-valuenow"?: number | undefined | undefined;
     "aria-valuetext"?: string | undefined | undefined;
+    children?: ReactNode;
     dangerouslySetInnerHTML?: {
         __html: string | TrustedHTML;
     } | undefined | undefined;
@@ -1315,6 +1329,11 @@ declare const DateRangePickerContent: react.ForwardRefExoticComponent<Omit<{
     onAnimationIterationCapture?: react.AnimationEventHandler<HTMLDivElement> | undefined;
     onTransitionEnd?: react.TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEndCapture?: react.TransitionEventHandler<HTMLDivElement> | undefined;
+    minW?: "0" | "trigger" | undefined;
+    withArrow?: boolean | undefined;
+    side?: ("top" | "right" | "bottom" | "left") | undefined;
+    sideOffset?: number | undefined;
+    alignOffset?: number | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => void) | undefined;
     onPointerDownOutside?: ((event: CustomEvent<{
         originalEvent: PointerEvent;
@@ -1327,12 +1346,6 @@ declare const DateRangePickerContent: react.ForwardRefExoticComponent<Omit<{
     }> | CustomEvent<{
         originalEvent: FocusEvent;
     }>) => void) | undefined;
-    minW?: "0" | "trigger" | undefined;
-    side?: ("top" | "left" | "right" | "bottom") | undefined;
-    sideOffset?: number | undefined;
-    align?: ("center" | "end" | "start") | undefined;
-    alignOffset?: number | undefined;
-    withArrow?: boolean | undefined;
     onOpenAutoFocus?: ((event: Event) => void) | undefined;
     onCloseAutoFocus?: ((event: Event) => void) | undefined;
 } & react.RefAttributes<HTMLDivElement>, "ref"> & Pick<ComponentPropsWithoutRef<react.ForwardRefExoticComponent<(({
@@ -1345,19 +1358,19 @@ declare const DateRangePickerContent: react.ForwardRefExoticComponent<Omit<{
     type?: "date" | "datetime-local";
     weekend?: react_day_picker.Matcher | react_day_picker.Matcher[];
 } & ({
-    defaultValue?: Date;
-    mode?: "single";
-    onValueChange?: (value: Date | undefined) => void;
-    value?: Date;
-} | {
-    defaultValue?: react_day_picker.DateRange;
+    defaultValue?: react_day_picker.DateRange | null;
     mode: "range";
-    onValueChange?: (value: react_day_picker.DateRange | undefined) => void;
-    value?: react_day_picker.DateRange;
+    onValueChange?: (value: react_day_picker.DateRange | null) => void;
+    value?: react_day_picker.DateRange | null;
+} | {
+    defaultValue?: Date | null;
+    mode?: "single";
+    onValueChange?: (value: Date | null) => void;
+    value?: Date | null;
 })) & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className" | "defaultValue">) & react.RefAttributes<HTMLDivElement>>>, "max" | "min" | "holiday" | "weekend" | "today"> & {
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className" | "defaultValue">) & react.RefAttributes<HTMLDivElement>>>, "max" | "min" | "holiday" | "today" | "weekend"> & {
     /**
      * Display content inside the popover after the calendar.
      */
@@ -1387,7 +1400,7 @@ declare const DateRangePickerTrigger: react.ForwardRefExoticComponent<Omit<{
 }>, never> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, "size"> & Omit<Omit<_radix_ui_react_popover.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "color" | "disabled" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref"> & {
+}>, "size"> & Omit<Omit<_radix_ui_react_popover.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "color" | "disabled" | "asChild" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref"> & {
     format?: (date: DateRange) => string;
     placeholder?: string;
 } & react.RefAttributes<HTMLButtonElement>>;
@@ -1399,7 +1412,7 @@ declare const Highlight: react.ForwardRefExoticComponent<{
 } & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "children" | "color" | "className" | "content"> & react.RefAttributes<HTMLDivElement>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className" | "content" | "children"> & react.RefAttributes<HTMLDivElement>>;
 
 declare const InlineInput: react.ForwardRefExoticComponent<{
     defaultValue?: string;
@@ -1486,10 +1499,10 @@ declare const MenuTrigger: react.ForwardRefExoticComponent<Omit<{
 }>, never> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, "size"> & Omit<Omit<_radix_ui_react_popover.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "color" | "disabled" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+}>, "size"> & Omit<Omit<_radix_ui_react_popover.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "color" | "disabled" | "asChild" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
 
 declare const Pill: react.ForwardRefExoticComponent<{
-    size?: "sm" | "xs" | undefined;
+    size?: "xs" | "sm" | undefined;
 } & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
@@ -1595,7 +1608,7 @@ type SelectProps = {
 declare const Select: react.ForwardRefExoticComponent<SelectProps & react.RefAttributes<HTMLSelectElement>>;
 
 type SelectContentProps = ExcludeProps<BoxProps<typeof PopperContent, Pick<ComponentPropsWithoutRef<typeof ModalListbox>, "maxH" | "minW"> & {
-    children?: ((item: any) => ReactNode) | ReactNode;
+    children?: ((item: SelectOption) => ReactNode) | ReactNode;
 }>, "alignOffset" | "arrowPadding" | "avoidCollisions" | "collisionBoundary" | "collisionPadding" | "hideWhenDetached" | "onPlaced" | "sideOffset" | "sticky" | "updatePositionStrategy">;
 declare const SelectContent: react.ForwardRefExoticComponent<SelectContentProps & react.RefAttributes<HTMLDivElement>>;
 
@@ -1611,16 +1624,9 @@ declare namespace Spotlight {
 }
 
 declare const SpotlightContent: react.ForwardRefExoticComponent<Omit<{
-    key?: react.Key | null | undefined;
-    asChild?: boolean | undefined;
-    children?: react.ReactNode;
-    p?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
-    slot?: string | undefined | undefined;
-    style?: react.CSSProperties | undefined;
-    title?: string | undefined | undefined;
-    fontFamily?: "mono" | "sans" | undefined;
-    fontSize?: "sm" | "md" | "xs" | "lg" | "xl" | "inherit" | "3xl" | "2xl" | "4xl" | undefined;
     animation?: "ping" | "pulse" | "spin" | undefined;
+    fontFamily?: "mono" | "sans" | undefined;
+    fontSize?: "xs" | "sm" | "md" | "lg" | "xl" | "inherit" | "2xl" | "3xl" | "4xl" | undefined;
     borderColor?: "border.accent" | "border.control" | "border.control.hovered" | "border.default" | "border.disabled" | "border.error" | "border.focus" | "border.focus.error" | "border.secondary" | "border.success" | "border.tertiary" | "border.warning" | "transparent" | "current" | undefined;
     color?: "fg.accent" | "fg.accent.hovered" | "fg.accent.strong" | "fg.avatar.neutral" | "fg.avatar.purple" | "fg.default" | "fg.default.inverse" | "fg.disabled" | "fg.error" | "fg.error.hovered" | "fg.error.light" | "fg.error.strong" | "fg.information" | "fg.information.light" | "fg.information.strong" | "fg.link.default" | "fg.link.default.hovered" | "fg.link.inverse" | "fg.link.subtle" | "fg.link.visited" | "fg.secondary" | "fg.spinner.default" | "fg.spinner.inverse" | "fg.success" | "fg.success.hovered" | "fg.success.light" | "fg.success.strong" | "fg.tertiary" | "fg.warning" | "fg.warning.hovered" | "fg.warning.inverse" | "fg.warning.light" | "fg.warning.strong" | "fg.white" | "transparent" | "current" | undefined;
     cursor?: "pointer" | "default" | "not-allowed" | "text" | undefined;
@@ -1630,16 +1636,16 @@ declare const SpotlightContent: react.ForwardRefExoticComponent<Omit<{
     hidden?: boolean | undefined | undefined;
     overflowY?: "auto" | "hidden" | "visible" | undefined;
     pointerEvents?: "auto" | "none" | undefined;
-    textAlign?: "center" | "end" | "start" | "justify" | undefined;
+    textAlign?: "end" | "start" | "center" | "justify" | undefined;
     textTransform?: "none" | "capitalize" | "uppercase" | undefined;
     transition?: "opacity" | "transform" | "colors" | "none" | "all" | undefined;
     whiteSpace?: "nowrap" | undefined;
     bg?: "bg.accent" | "bg.accent.hovered" | "bg.accent.light" | "bg.accent.pressed" | "bg.accent.subtle" | "bg.avatar.neutral" | "bg.avatar.purple" | "bg.default" | "bg.default.hovered" | "bg.default.inverse" | "bg.default.inverse.hovered" | "bg.default.inverse.pressed" | "bg.default.pressed" | "bg.error" | "bg.error.hovered" | "bg.error.light" | "bg.error.pressed" | "bg.error.subtle" | "bg.error.subtlest" | "bg.information" | "bg.information.light" | "bg.information.subtle" | "bg.overlay" | "bg.page" | "bg.secondary" | "bg.secondary.hovered" | "bg.spinner.default" | "bg.spinner.inverse" | "bg.success" | "bg.success.hovered" | "bg.success.light" | "bg.success.subtle" | "bg.tertiary" | "bg.tertiary.hovered" | "bg.warning" | "bg.warning.hovered" | "bg.warning.light" | "bg.warning.subtle" | "transparent" | "current" | undefined;
-    border?: "0" | "2" | "1" | undefined;
-    borderB?: "0" | "2" | "1" | undefined;
-    borderL?: "0" | "2" | "1" | undefined;
-    borderR?: "0" | "2" | "1" | undefined;
-    borderT?: "0" | "2" | "1" | undefined;
+    border?: "0" | "1" | "2" | undefined;
+    borderB?: "0" | "1" | "2" | undefined;
+    borderL?: "0" | "1" | "2" | undefined;
+    borderR?: "0" | "1" | "2" | undefined;
+    borderT?: "0" | "1" | "2" | undefined;
     m?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | undefined;
     mx?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | undefined;
     my?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | undefined;
@@ -1648,13 +1654,14 @@ declare const SpotlightContent: react.ForwardRefExoticComponent<Omit<{
     mr?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | undefined;
     mt?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | undefined;
     overflow?: "auto" | "hidden" | "visible" | undefined;
+    p?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
     px?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
     py?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
     pb?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
     pl?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
     pr?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
     pt?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
-    rounded?: "sm" | "md" | "xs" | "lg" | "xl" | "full" | "inherit" | "none" | undefined;
+    rounded?: "xs" | "sm" | "md" | "lg" | "xl" | "full" | "inherit" | "none" | undefined;
     shadow?: "sm" | "md" | "lg" | "none" | undefined;
     z?: "0" | "10" | "20" | "auto" | "popover" | "toast" | "tooltip" | "30" | undefined;
     gap?: ("0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | {
@@ -1662,26 +1669,26 @@ declare const SpotlightContent: react.ForwardRefExoticComponent<Omit<{
         readonly sm?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
         readonly md?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
     } | undefined) | ResponsiveArray<2 | 1 | 3, "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | null>;
-    alignItems?: ("center" | "end" | "start" | "normal" | "stretch" | {
-        readonly base?: "center" | "end" | "start" | "normal" | "stretch" | undefined;
-        readonly sm?: "center" | "end" | "start" | "normal" | "stretch" | undefined;
-        readonly md?: "center" | "end" | "start" | "normal" | "stretch" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "center" | "end" | "start" | "normal" | "stretch" | null>;
-    alignSelf?: ("center" | "end" | "start" | "normal" | "stretch" | {
-        readonly base?: "center" | "end" | "start" | "normal" | "stretch" | undefined;
-        readonly sm?: "center" | "end" | "start" | "normal" | "stretch" | undefined;
-        readonly md?: "center" | "end" | "start" | "normal" | "stretch" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "center" | "end" | "start" | "normal" | "stretch" | null>;
-    display?: ("table" | "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table-cell" | "table-row" | {
-        readonly base?: "table" | "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table-cell" | "table-row" | undefined;
-        readonly sm?: "table" | "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table-cell" | "table-row" | undefined;
-        readonly md?: "table" | "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table-cell" | "table-row" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "table" | "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table-cell" | "table-row" | null>;
-    flex?: ("auto" | "1" | "none" | "initial" | {
-        readonly base?: "auto" | "1" | "none" | "initial" | undefined;
-        readonly sm?: "auto" | "1" | "none" | "initial" | undefined;
-        readonly md?: "auto" | "1" | "none" | "initial" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "auto" | "1" | "none" | "initial" | null>;
+    alignItems?: ("end" | "start" | "center" | "normal" | "stretch" | {
+        readonly base?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
+        readonly sm?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
+        readonly md?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "end" | "start" | "center" | "normal" | "stretch" | null>;
+    alignSelf?: ("end" | "start" | "center" | "normal" | "stretch" | {
+        readonly base?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
+        readonly sm?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
+        readonly md?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "end" | "start" | "center" | "normal" | "stretch" | null>;
+    display?: ("none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table" | "table-cell" | "table-row" | {
+        readonly base?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table" | "table-cell" | "table-row" | undefined;
+        readonly sm?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table" | "table-cell" | "table-row" | undefined;
+        readonly md?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table" | "table-cell" | "table-row" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table" | "table-cell" | "table-row" | null>;
+    flex?: ("1" | "auto" | "none" | "initial" | {
+        readonly base?: "1" | "auto" | "none" | "initial" | undefined;
+        readonly sm?: "1" | "auto" | "none" | "initial" | undefined;
+        readonly md?: "1" | "auto" | "none" | "initial" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "1" | "auto" | "none" | "initial" | null>;
     flexDirection?: ("column" | "column-reverse" | "row" | "row-reverse" | {
         readonly base?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
         readonly sm?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
@@ -1692,52 +1699,58 @@ declare const SpotlightContent: react.ForwardRefExoticComponent<Omit<{
         readonly sm?: "nowrap" | "wrap" | undefined;
         readonly md?: "nowrap" | "wrap" | undefined;
     } | undefined) | ResponsiveArray<2 | 1 | 3, "nowrap" | "wrap" | null>;
-    gridColumn?: ("2" | "4" | "1" | "3" | {
-        readonly base?: "2" | "4" | "1" | "3" | undefined;
-        readonly sm?: "2" | "4" | "1" | "3" | undefined;
-        readonly md?: "2" | "4" | "1" | "3" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "2" | "4" | "1" | "3" | null>;
-    gridTemplateColumns?: ("2" | "4" | "1" | "3" | {
-        readonly base?: "2" | "4" | "1" | "3" | undefined;
-        readonly sm?: "2" | "4" | "1" | "3" | undefined;
-        readonly md?: "2" | "4" | "1" | "3" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "2" | "4" | "1" | "3" | null>;
-    justifyContent?: ("center" | "end" | "start" | "normal" | "stretch" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | {
-        readonly base?: "center" | "end" | "start" | "normal" | "stretch" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
-        readonly sm?: "center" | "end" | "start" | "normal" | "stretch" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
-        readonly md?: "center" | "end" | "start" | "normal" | "stretch" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "center" | "end" | "start" | "normal" | "stretch" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | null>;
-    justifyItems?: ("center" | "end" | "start" | "normal" | "stretch" | {
-        readonly base?: "center" | "end" | "start" | "normal" | "stretch" | undefined;
-        readonly sm?: "center" | "end" | "start" | "normal" | "stretch" | undefined;
-        readonly md?: "center" | "end" | "start" | "normal" | "stretch" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "center" | "end" | "start" | "normal" | "stretch" | null>;
+    gridColumn?: ("1" | "2" | "3" | "4" | {
+        readonly base?: "1" | "2" | "3" | "4" | undefined;
+        readonly sm?: "1" | "2" | "3" | "4" | undefined;
+        readonly md?: "1" | "2" | "3" | "4" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "1" | "2" | "3" | "4" | null>;
+    gridTemplateColumns?: ("1" | "2" | "3" | "4" | {
+        readonly base?: "1" | "2" | "3" | "4" | undefined;
+        readonly sm?: "1" | "2" | "3" | "4" | undefined;
+        readonly md?: "1" | "2" | "3" | "4" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "1" | "2" | "3" | "4" | null>;
+    justifyContent?: ("end" | "start" | "center" | "normal" | "stretch" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | {
+        readonly base?: "end" | "start" | "center" | "normal" | "stretch" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
+        readonly sm?: "end" | "start" | "center" | "normal" | "stretch" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
+        readonly md?: "end" | "start" | "center" | "normal" | "stretch" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "end" | "start" | "center" | "normal" | "stretch" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | null>;
+    justifyItems?: ("end" | "start" | "center" | "normal" | "stretch" | {
+        readonly base?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
+        readonly sm?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
+        readonly md?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "end" | "start" | "center" | "normal" | "stretch" | null>;
     placeItems?: ("center" | {
         readonly base?: "center" | undefined;
         readonly sm?: "center" | undefined;
         readonly md?: "center" | undefined;
     } | undefined) | ResponsiveArray<2 | 1 | 3, "center" | null>;
-    maxH?: (("sm" | "md" | "xs" | "lg" | "full" | {
-        readonly base?: "sm" | "md" | "xs" | "lg" | "full" | undefined;
-        readonly sm?: "sm" | "md" | "xs" | "lg" | "full" | undefined;
-        readonly md?: "sm" | "md" | "xs" | "lg" | "full" | undefined;
-    } | ResponsiveArray<2 | 1 | 3, "sm" | "md" | "xs" | "lg" | "full" | null>) & ("sm" | "md" | "xs" | "lg" | "full")) | undefined;
-    maxW?: ("sm" | "md" | "xs" | "lg" | "full" | {
-        readonly base?: "sm" | "md" | "xs" | "lg" | "full" | undefined;
-        readonly sm?: "sm" | "md" | "xs" | "lg" | "full" | undefined;
-        readonly md?: "sm" | "md" | "xs" | "lg" | "full" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "sm" | "md" | "xs" | "lg" | "full" | null>;
-    h?: ("sm" | "md" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "xs" | "lg" | "xl" | "full" | "2xs" | "3xl" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | {
-        readonly base?: "sm" | "md" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "xs" | "lg" | "xl" | "full" | "2xs" | "3xl" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
-        readonly sm?: "sm" | "md" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "xs" | "lg" | "xl" | "full" | "2xs" | "3xl" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
-        readonly md?: "sm" | "md" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "xs" | "lg" | "xl" | "full" | "2xs" | "3xl" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "sm" | "md" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "xs" | "lg" | "xl" | "full" | "2xs" | "3xl" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | null>;
-    w?: ("sm" | "md" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "xs" | "lg" | "xl" | "full" | "2xs" | "3xl" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | {
-        readonly base?: "sm" | "md" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "xs" | "lg" | "xl" | "full" | "2xs" | "3xl" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
-        readonly sm?: "sm" | "md" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "xs" | "lg" | "xl" | "full" | "2xs" | "3xl" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
-        readonly md?: "sm" | "md" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "xs" | "lg" | "xl" | "full" | "2xs" | "3xl" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "sm" | "md" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "xs" | "lg" | "xl" | "full" | "2xs" | "3xl" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | null>;
+    maxH?: (("xs" | "sm" | "md" | "lg" | "full" | {
+        readonly base?: "xs" | "sm" | "md" | "lg" | "full" | undefined;
+        readonly sm?: "xs" | "sm" | "md" | "lg" | "full" | undefined;
+        readonly md?: "xs" | "sm" | "md" | "lg" | "full" | undefined;
+    } | ResponsiveArray<2 | 1 | 3, "xs" | "sm" | "md" | "lg" | "full" | null>) & ("xs" | "sm" | "md" | "lg" | "full")) | undefined;
+    maxW?: ("xs" | "sm" | "md" | "lg" | "full" | {
+        readonly base?: "xs" | "sm" | "md" | "lg" | "full" | undefined;
+        readonly sm?: "xs" | "sm" | "md" | "lg" | "full" | undefined;
+        readonly md?: "xs" | "sm" | "md" | "lg" | "full" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "xs" | "sm" | "md" | "lg" | "full" | null>;
+    h?: ("0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | {
+        readonly base?: "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
+        readonly sm?: "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
+        readonly md?: "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | null>;
+    w?: ("0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | {
+        readonly base?: "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
+        readonly sm?: "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
+        readonly md?: "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | null>;
+    asChild?: boolean | undefined;
     className?: string | undefined;
+    slot?: string | undefined | undefined;
+    style?: react.CSSProperties | undefined;
+    title?: string | undefined | undefined;
+    key?: react.Key | null | undefined;
+    align?: ("end" | "start" | "center") | undefined;
     defaultChecked?: boolean | undefined | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined | undefined;
@@ -1781,6 +1794,8 @@ declare const SpotlightContent: react.ForwardRefExoticComponent<Omit<{
     unselectable?: "on" | "off" | undefined | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
     is?: string | undefined | undefined;
+    exportparts?: string | undefined | undefined;
+    part?: string | undefined | undefined;
     "aria-activedescendant"?: string | undefined | undefined;
     "aria-atomic"?: (boolean | "false" | "true") | undefined;
     "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
@@ -1834,6 +1849,7 @@ declare const SpotlightContent: react.ForwardRefExoticComponent<Omit<{
     "aria-valuemin"?: number | undefined | undefined;
     "aria-valuenow"?: number | undefined | undefined;
     "aria-valuetext"?: string | undefined | undefined;
+    children?: react.ReactNode;
     dangerouslySetInnerHTML?: {
         __html: string | TrustedHTML;
     } | undefined | undefined;
@@ -1997,6 +2013,9 @@ declare const SpotlightContent: react.ForwardRefExoticComponent<Omit<{
     onAnimationIterationCapture?: react.AnimationEventHandler<HTMLDivElement> | undefined;
     onTransitionEnd?: react.TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEndCapture?: react.TransitionEventHandler<HTMLDivElement> | undefined;
+    side?: ("top" | "right" | "bottom" | "left") | undefined;
+    sideOffset?: number | undefined;
+    alignOffset?: number | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => void) | undefined;
     onPointerDownOutside?: ((event: CustomEvent<{
         originalEvent: PointerEvent;
@@ -2009,10 +2028,6 @@ declare const SpotlightContent: react.ForwardRefExoticComponent<Omit<{
     }> | CustomEvent<{
         originalEvent: FocusEvent;
     }>) => void) | undefined;
-    side?: ("top" | "left" | "right" | "bottom") | undefined;
-    sideOffset?: number | undefined;
-    align?: ("center" | "end" | "start") | undefined;
-    alignOffset?: number | undefined;
     onOpenAutoFocus?: ((event: Event) => void) | undefined;
     onCloseAutoFocus?: ((event: Event) => void) | undefined;
 } & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
@@ -2055,10 +2070,10 @@ declare const SpotlightTrigger: react.ForwardRefExoticComponent<{
 }>, never> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, "size"> & Omit<Omit<_radix_ui_react_popover.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "color" | "disabled" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "p" | "fontFamily" | "fontSize" | "size" | "animation" | "borderColor" | "color" | "cursor" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "disabled" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "className" | "square" | "appearance" | "loading" | "addonAfter" | "addonBefore" | "icon" | "iconPosition"> & react.RefAttributes<HTMLButtonElement>>;
+}>, "size"> & Omit<Omit<_radix_ui_react_popover.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "color" | "disabled" | "asChild" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>, "ref">, "animation" | "fontFamily" | "fontSize" | "size" | "borderColor" | "color" | "cursor" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "disabled" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "asChild" | "className" | "appearance" | "loading" | "addonAfter" | "addonBefore" | "square" | "icon" | "iconPosition"> & react.RefAttributes<HTMLButtonElement>>;
 
 declare const Table: react.ForwardRefExoticComponent<{
-    layout?: "fixed" | "auto" | undefined;
+    layout?: "auto" | "fixed" | undefined;
 } & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
@@ -2094,4 +2109,5 @@ declare const TableRow: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkl
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLTableRowElement>>;
 
-export { Breadcrumb, BreadcrumbEllipsis, type BreadcrumbEllipsisProps, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbPage, type BreadcrumbPageProps, type BreadcrumbProps, Calendar, Card, CardAction, CardCheckbox, CardContent, CardDescription, CardImage, CardLink, CardOverflow, CardTitle, Clock, Command, CommandInput, CommandItem, CommandListbox, DataTable, DataTableBody, DataTableFooter, DateInput, DatePicker, DatePickerContent, DatePickerTrigger, DateRangePicker, DateRangePickerContent, DateRangePickerTrigger, Highlight, InlineInput, LabelMenuButton, Layout, Menu, MenuContent, type MenuOption, MenuTrigger, Pill, PillGroup, Select, SelectContent, SelectTrigger, Spotlight, SpotlightContent, SpotlightTrigger, Table, TableAction, TableBody, TableCell, TableHeader, TableHeaderCell, TableRow };
+export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, Calendar, Card, CardAction, CardCheckbox, CardContent, CardDescription, CardImage, CardLink, CardOverflow, CardTitle, Clock, Command, CommandInput, CommandItem, CommandListbox, DataTable, DataTableBody, DataTableFooter, DataTableHeaderCell, DateInput, DatePicker, DatePickerContent, DatePickerTrigger, DateRangePicker, DateRangePickerContent, DateRangePickerTrigger, Highlight, InlineInput, LabelMenuButton, Layout, Menu, MenuContent, MenuTrigger, Pill, PillGroup, Select, SelectContent, SelectTrigger, Spotlight, SpotlightContent, SpotlightTrigger, Table, TableAction, TableBody, TableCell, TableHeader, TableHeaderCell, TableRow };
+export type { BreadcrumbEllipsisProps, BreadcrumbItemProps, BreadcrumbLinkProps, BreadcrumbPageProps, BreadcrumbProps, MenuOption };