@gradeui/ui 4.0.1 → 4.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/AGENTS.md +25 -0
- package/DESIGN.index.md +88 -0
- package/DESIGN.md +6086 -0
- package/components/ui/section.md +8 -6
- package/components/ui/selection-card.md +43 -0
- package/components/ui/shader-controls.md +32 -0
- package/dist/contracts.js +6 -6
- package/dist/contracts.js.map +1 -1
- package/dist/contracts.mjs +6 -6
- package/dist/contracts.mjs.map +1 -1
- package/dist/index.d.mts +25 -25
- package/dist/index.d.ts +25 -25
- package/dist/index.js +61 -61
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +61 -61
- package/dist/index.mjs.map +1 -1
- package/dist/styles.css +1 -1
- package/foundations/_intro.md +52 -0
- package/foundations/color-scopes.md +52 -0
- package/foundations/expressive.md +57 -0
- package/foundations/spacing-layout.md +51 -0
- package/foundations/themes.md +52 -0
- package/foundations/typography.md +60 -0
- package/llms.txt +32 -0
- package/package.json +15 -3
package/dist/index.d.mts
CHANGED
|
@@ -191,14 +191,14 @@ declare const MediaSurfaceContract: _gradeui_contracts.ComponentContract<{
|
|
|
191
191
|
description: z.ZodOptional<z.ZodString>;
|
|
192
192
|
}, "strip", z.ZodTypeAny, {
|
|
193
193
|
kind: "book";
|
|
194
|
-
description?: string | undefined;
|
|
195
194
|
title?: string | undefined;
|
|
195
|
+
description?: string | undefined;
|
|
196
196
|
author?: string | undefined;
|
|
197
197
|
isbn?: string | undefined;
|
|
198
198
|
}, {
|
|
199
199
|
kind: "book";
|
|
200
|
-
description?: string | undefined;
|
|
201
200
|
title?: string | undefined;
|
|
201
|
+
description?: string | undefined;
|
|
202
202
|
author?: string | undefined;
|
|
203
203
|
isbn?: string | undefined;
|
|
204
204
|
}>, z.ZodObject<{
|
|
@@ -585,7 +585,7 @@ type Surface = "solid" | "translucent" | "glass" | "glass-strong" | "frosted";
|
|
|
585
585
|
*/
|
|
586
586
|
declare const bannerVariants: (props?: ({
|
|
587
587
|
variant?: "default" | "destructive" | "success" | "warning" | "info" | "announcement" | null | undefined;
|
|
588
|
-
align?: "
|
|
588
|
+
align?: "center" | "between" | "start" | null | undefined;
|
|
589
589
|
sticky?: boolean | null | undefined;
|
|
590
590
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
591
591
|
interface BannerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title">, VariantProps<typeof bannerVariants> {
|
|
@@ -647,8 +647,8 @@ declare const Banner: React.ForwardRefExoticComponent<BannerProps & React.RefAtt
|
|
|
647
647
|
* consistent across primitives.
|
|
648
648
|
*/
|
|
649
649
|
declare const buttonVariants: (props?: ({
|
|
650
|
-
variant?: "default" | "secondary" | "destructive" | "outline" | "ghost" | "
|
|
651
|
-
size?: "2xs" | "xs" | "sm" | "md" | "lg" |
|
|
650
|
+
variant?: "link" | "default" | "secondary" | "destructive" | "outline" | "ghost" | "raised" | null | undefined;
|
|
651
|
+
size?: "default" | "2xs" | "xs" | "sm" | "md" | "lg" | null | undefined;
|
|
652
652
|
iconOnly?: boolean | null | undefined;
|
|
653
653
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
654
654
|
interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
|
|
@@ -1813,7 +1813,7 @@ declare const DropdownMenuShortcut: {
|
|
|
1813
1813
|
* rationale.
|
|
1814
1814
|
*/
|
|
1815
1815
|
declare const inputVariants: (props?: ({
|
|
1816
|
-
size?: "
|
|
1816
|
+
size?: "default" | "2xs" | "xs" | "sm" | null | undefined;
|
|
1817
1817
|
variant?: "default" | "ghost" | null | undefined;
|
|
1818
1818
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1819
1819
|
type InputSize = NonNullable<VariantProps<typeof inputVariants>["size"]>;
|
|
@@ -1834,7 +1834,7 @@ type InputProps = Omit<React.ComponentProps<"input">, "size"> & {
|
|
|
1834
1834
|
declare const Input: React.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
|
|
1835
1835
|
|
|
1836
1836
|
declare const Label: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: ({
|
|
1837
|
-
size?: "
|
|
1837
|
+
size?: "default" | "2xs" | "xs" | "sm" | null | undefined;
|
|
1838
1838
|
} & class_variance_authority_types.ClassProp) | undefined) => string> & React.RefAttributes<HTMLLabelElement>>;
|
|
1839
1839
|
|
|
1840
1840
|
declare const Popover: React.FC<PopoverPrimitive.PopoverProps>;
|
|
@@ -2202,7 +2202,7 @@ declare const RadioGroupItem: React.ForwardRefExoticComponent<Omit<RadioGroupPri
|
|
|
2202
2202
|
* </ResizablePanelGroup>
|
|
2203
2203
|
*/
|
|
2204
2204
|
declare const ResizablePanelGroup: ({ className, ...props }: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>) => React.JSX.Element;
|
|
2205
|
-
declare const ResizablePanel: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<
|
|
2205
|
+
declare const ResizablePanel: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLHeadElement | HTMLElement | HTMLLinkElement | HTMLDivElement | HTMLObjectElement | HTMLAnchorElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLButtonElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDialogElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLFormElement | HTMLHeadingElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLImageElement | HTMLInputElement | HTMLLabelElement | HTMLLegendElement | HTMLLIElement | HTMLMapElement | HTMLMetaElement | HTMLMeterElement | HTMLOListElement | HTMLOptGroupElement | HTMLOptionElement | HTMLOutputElement | HTMLParagraphElement | HTMLPreElement | HTMLProgressElement | HTMLScriptElement | HTMLSelectElement | HTMLSlotElement | HTMLSourceElement | HTMLSpanElement | HTMLStyleElement | HTMLTableElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTemplateElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTitleElement | HTMLTableRowElement | HTMLTrackElement | HTMLUListElement | HTMLVideoElement | HTMLTableCaptionElement | HTMLMenuElement | HTMLPictureElement>, "id" | "onResize"> & {
|
|
2206
2206
|
className?: string | undefined;
|
|
2207
2207
|
collapsedSize?: number | undefined;
|
|
2208
2208
|
collapsible?: boolean | undefined;
|
|
@@ -2242,8 +2242,8 @@ declare const ResizableHandle: ({ withHandle, className, ...props }: React.Compo
|
|
|
2242
2242
|
*/
|
|
2243
2243
|
declare const rowVariants: (props?: ({
|
|
2244
2244
|
gap?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | null | undefined;
|
|
2245
|
-
align?: "
|
|
2246
|
-
justify?: "
|
|
2245
|
+
align?: "center" | "start" | "end" | "stretch" | "baseline" | null | undefined;
|
|
2246
|
+
justify?: "center" | "between" | "start" | "end" | "around" | "evenly" | null | undefined;
|
|
2247
2247
|
wrap?: boolean | null | undefined;
|
|
2248
2248
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
2249
2249
|
interface RowProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof rowVariants> {
|
|
@@ -2278,7 +2278,7 @@ declare const Row: React.ForwardRefExoticComponent<RowProps & React.RefAttribute
|
|
|
2278
2278
|
declare const gridVariants: (props?: ({
|
|
2279
2279
|
cols?: "1" | "2" | "3" | "4" | "5" | "6" | "12" | null | undefined;
|
|
2280
2280
|
gap?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | null | undefined;
|
|
2281
|
-
align?: "
|
|
2281
|
+
align?: "center" | "start" | "end" | "stretch" | null | undefined;
|
|
2282
2282
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
2283
2283
|
interface GridProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof gridVariants> {
|
|
2284
2284
|
/** When true, render as the single child element via Radix Slot — lets
|
|
@@ -2310,10 +2310,10 @@ declare const Grid: React.ForwardRefExoticComponent<GridProps & React.RefAttribu
|
|
|
2310
2310
|
* case. Flex is the escape hatch, not the default.
|
|
2311
2311
|
*/
|
|
2312
2312
|
declare const flexVariants: (props?: ({
|
|
2313
|
-
direction?: "
|
|
2313
|
+
direction?: "col" | "row" | "row-reverse" | "col-reverse" | null | undefined;
|
|
2314
2314
|
gap?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | null | undefined;
|
|
2315
|
-
align?: "
|
|
2316
|
-
justify?: "
|
|
2315
|
+
align?: "center" | "start" | "end" | "stretch" | "baseline" | null | undefined;
|
|
2316
|
+
justify?: "center" | "between" | "start" | "end" | "around" | "evenly" | null | undefined;
|
|
2317
2317
|
wrap?: "wrap" | "nowrap" | "wrap-reverse" | null | undefined;
|
|
2318
2318
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
2319
2319
|
interface FlexProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof flexVariants> {
|
|
@@ -2347,7 +2347,7 @@ type SelectMenuSize = "default" | "sm" | "xs" | "2xs";
|
|
|
2347
2347
|
* existing call site.
|
|
2348
2348
|
*/
|
|
2349
2349
|
declare const selectTriggerVariants: (props?: ({
|
|
2350
|
-
size?: "
|
|
2350
|
+
size?: "default" | "2xs" | "xs" | "sm" | null | undefined;
|
|
2351
2351
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
2352
2352
|
type SelectTriggerSize = NonNullable<VariantProps<typeof selectTriggerVariants>["size"]>;
|
|
2353
2353
|
declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
|
|
@@ -2459,7 +2459,7 @@ declare const SheetClose: React.ForwardRefExoticComponent<DialogPrimitive.Dialog
|
|
|
2459
2459
|
declare const SheetPortal: React.FC<DialogPrimitive.DialogPortalProps>;
|
|
2460
2460
|
declare const SheetOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
2461
2461
|
declare const sheetVariants: (props?: ({
|
|
2462
|
-
side?: "
|
|
2462
|
+
side?: "bottom" | "top" | "right" | "left" | null | undefined;
|
|
2463
2463
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
2464
2464
|
interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, VariantProps<typeof sheetVariants> {
|
|
2465
2465
|
/** Extra classes for the backdrop overlay. e.g. `bg-transparent`
|
|
@@ -2615,8 +2615,8 @@ declare const Sortable: SortableRootComponent;
|
|
|
2615
2615
|
*/
|
|
2616
2616
|
declare const stackVariants: (props?: ({
|
|
2617
2617
|
gap?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | null | undefined;
|
|
2618
|
-
align?: "
|
|
2619
|
-
justify?: "
|
|
2618
|
+
align?: "center" | "start" | "end" | "stretch" | null | undefined;
|
|
2619
|
+
justify?: "center" | "between" | "start" | "end" | "around" | "evenly" | null | undefined;
|
|
2620
2620
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
2621
2621
|
interface StackProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof stackVariants> {
|
|
2622
2622
|
/** When true, render as the single child element via Radix Slot — lets
|
|
@@ -2634,7 +2634,7 @@ declare const Stack: React.ForwardRefExoticComponent<StackProps & React.RefAttri
|
|
|
2634
2634
|
* dense tool-panel sizes (the Studio inspector).
|
|
2635
2635
|
*/
|
|
2636
2636
|
declare const switchTrackVariants: (props?: ({
|
|
2637
|
-
size?: "
|
|
2637
|
+
size?: "default" | "2xs" | "xs" | "sm" | null | undefined;
|
|
2638
2638
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
2639
2639
|
type SwitchSize = NonNullable<VariantProps<typeof switchTrackVariants>["size"]>;
|
|
2640
2640
|
declare const Switch: React.ForwardRefExoticComponent<Omit<Omit<SwitchPrimitives.SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref">, "size"> & {
|
|
@@ -2822,7 +2822,7 @@ declare const ChartLegendContent: React.ForwardRefExoticComponent<Omit<React.Cla
|
|
|
2822
2822
|
* px-3 / text-sm; `sm` and `xs` are for dense tool panels.
|
|
2823
2823
|
*/
|
|
2824
2824
|
declare const textareaVariants: (props?: ({
|
|
2825
|
-
size?: "
|
|
2825
|
+
size?: "default" | "2xs" | "xs" | "sm" | null | undefined;
|
|
2826
2826
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
2827
2827
|
type TextareaSize = NonNullable<VariantProps<typeof textareaVariants>["size"]>;
|
|
2828
2828
|
type TextareaProps = Omit<React.ComponentProps<"textarea">, "size"> & {
|
|
@@ -2832,11 +2832,11 @@ declare const Textarea: React.ForwardRefExoticComponent<Omit<TextareaProps, "ref
|
|
|
2832
2832
|
|
|
2833
2833
|
declare const toggleVariants: (props?: ({
|
|
2834
2834
|
variant?: "default" | "outline" | "segmented" | null | undefined;
|
|
2835
|
-
size?: "
|
|
2835
|
+
size?: "default" | "2xs" | "xs" | "sm" | "lg" | null | undefined;
|
|
2836
2836
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
2837
2837
|
declare const Toggle: React.ForwardRefExoticComponent<Omit<TogglePrimitive.ToggleProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
|
|
2838
2838
|
variant?: "default" | "outline" | "segmented" | null | undefined;
|
|
2839
|
-
size?: "
|
|
2839
|
+
size?: "default" | "2xs" | "xs" | "sm" | "lg" | null | undefined;
|
|
2840
2840
|
} & class_variance_authority_types.ClassProp) | undefined) => string> & React.RefAttributes<HTMLButtonElement>>;
|
|
2841
2841
|
|
|
2842
2842
|
declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
|
|
@@ -2846,11 +2846,11 @@ declare const TooltipContent: React.ForwardRefExoticComponent<Omit<TooltipPrimit
|
|
|
2846
2846
|
|
|
2847
2847
|
declare const ToggleGroup: React.ForwardRefExoticComponent<((Omit<ToggleGroupPrimitive.ToggleGroupSingleProps & React.RefAttributes<HTMLDivElement>, "ref"> | Omit<ToggleGroupPrimitive.ToggleGroupMultipleProps & React.RefAttributes<HTMLDivElement>, "ref">) & VariantProps<(props?: ({
|
|
2848
2848
|
variant?: "default" | "outline" | "segmented" | null | undefined;
|
|
2849
|
-
size?: "
|
|
2849
|
+
size?: "default" | "2xs" | "xs" | "sm" | "lg" | null | undefined;
|
|
2850
2850
|
} & class_variance_authority_types.ClassProp) | undefined) => string>) & React.RefAttributes<HTMLDivElement>>;
|
|
2851
2851
|
declare const ToggleGroupItem: React.ForwardRefExoticComponent<Omit<ToggleGroupPrimitive.ToggleGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
|
|
2852
2852
|
variant?: "default" | "outline" | "segmented" | null | undefined;
|
|
2853
|
-
size?: "
|
|
2853
|
+
size?: "default" | "2xs" | "xs" | "sm" | "lg" | null | undefined;
|
|
2854
2854
|
} & class_variance_authority_types.ClassProp) | undefined) => string> & {
|
|
2855
2855
|
tooltip?: React.ReactNode;
|
|
2856
2856
|
tooltipSide?: React.ComponentPropsWithoutRef<typeof TooltipContent>["side"];
|
|
@@ -2905,7 +2905,7 @@ declare const ToggleGroupItem: React.ForwardRefExoticComponent<Omit<ToggleGroupP
|
|
|
2905
2905
|
* persistent footer toolbars on mobile-style layouts.
|
|
2906
2906
|
*/
|
|
2907
2907
|
declare const toolbarVariants: (props?: ({
|
|
2908
|
-
position?: "
|
|
2908
|
+
position?: "bottom" | "top" | "inline" | null | undefined;
|
|
2909
2909
|
variant?: "default" | "transparent" | "subtle" | null | undefined;
|
|
2910
2910
|
size?: "sm" | "md" | "lg" | null | undefined;
|
|
2911
2911
|
sticky?: boolean | null | undefined;
|
package/dist/index.d.ts
CHANGED
|
@@ -191,14 +191,14 @@ declare const MediaSurfaceContract: _gradeui_contracts.ComponentContract<{
|
|
|
191
191
|
description: z.ZodOptional<z.ZodString>;
|
|
192
192
|
}, "strip", z.ZodTypeAny, {
|
|
193
193
|
kind: "book";
|
|
194
|
-
description?: string | undefined;
|
|
195
194
|
title?: string | undefined;
|
|
195
|
+
description?: string | undefined;
|
|
196
196
|
author?: string | undefined;
|
|
197
197
|
isbn?: string | undefined;
|
|
198
198
|
}, {
|
|
199
199
|
kind: "book";
|
|
200
|
-
description?: string | undefined;
|
|
201
200
|
title?: string | undefined;
|
|
201
|
+
description?: string | undefined;
|
|
202
202
|
author?: string | undefined;
|
|
203
203
|
isbn?: string | undefined;
|
|
204
204
|
}>, z.ZodObject<{
|
|
@@ -585,7 +585,7 @@ type Surface = "solid" | "translucent" | "glass" | "glass-strong" | "frosted";
|
|
|
585
585
|
*/
|
|
586
586
|
declare const bannerVariants: (props?: ({
|
|
587
587
|
variant?: "default" | "destructive" | "success" | "warning" | "info" | "announcement" | null | undefined;
|
|
588
|
-
align?: "
|
|
588
|
+
align?: "center" | "between" | "start" | null | undefined;
|
|
589
589
|
sticky?: boolean | null | undefined;
|
|
590
590
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
591
591
|
interface BannerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title">, VariantProps<typeof bannerVariants> {
|
|
@@ -647,8 +647,8 @@ declare const Banner: React.ForwardRefExoticComponent<BannerProps & React.RefAtt
|
|
|
647
647
|
* consistent across primitives.
|
|
648
648
|
*/
|
|
649
649
|
declare const buttonVariants: (props?: ({
|
|
650
|
-
variant?: "default" | "secondary" | "destructive" | "outline" | "ghost" | "
|
|
651
|
-
size?: "2xs" | "xs" | "sm" | "md" | "lg" |
|
|
650
|
+
variant?: "link" | "default" | "secondary" | "destructive" | "outline" | "ghost" | "raised" | null | undefined;
|
|
651
|
+
size?: "default" | "2xs" | "xs" | "sm" | "md" | "lg" | null | undefined;
|
|
652
652
|
iconOnly?: boolean | null | undefined;
|
|
653
653
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
654
654
|
interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
|
|
@@ -1813,7 +1813,7 @@ declare const DropdownMenuShortcut: {
|
|
|
1813
1813
|
* rationale.
|
|
1814
1814
|
*/
|
|
1815
1815
|
declare const inputVariants: (props?: ({
|
|
1816
|
-
size?: "
|
|
1816
|
+
size?: "default" | "2xs" | "xs" | "sm" | null | undefined;
|
|
1817
1817
|
variant?: "default" | "ghost" | null | undefined;
|
|
1818
1818
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1819
1819
|
type InputSize = NonNullable<VariantProps<typeof inputVariants>["size"]>;
|
|
@@ -1834,7 +1834,7 @@ type InputProps = Omit<React.ComponentProps<"input">, "size"> & {
|
|
|
1834
1834
|
declare const Input: React.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
|
|
1835
1835
|
|
|
1836
1836
|
declare const Label: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: ({
|
|
1837
|
-
size?: "
|
|
1837
|
+
size?: "default" | "2xs" | "xs" | "sm" | null | undefined;
|
|
1838
1838
|
} & class_variance_authority_types.ClassProp) | undefined) => string> & React.RefAttributes<HTMLLabelElement>>;
|
|
1839
1839
|
|
|
1840
1840
|
declare const Popover: React.FC<PopoverPrimitive.PopoverProps>;
|
|
@@ -2202,7 +2202,7 @@ declare const RadioGroupItem: React.ForwardRefExoticComponent<Omit<RadioGroupPri
|
|
|
2202
2202
|
* </ResizablePanelGroup>
|
|
2203
2203
|
*/
|
|
2204
2204
|
declare const ResizablePanelGroup: ({ className, ...props }: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>) => React.JSX.Element;
|
|
2205
|
-
declare const ResizablePanel: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<
|
|
2205
|
+
declare const ResizablePanel: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLHeadElement | HTMLElement | HTMLLinkElement | HTMLDivElement | HTMLObjectElement | HTMLAnchorElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLButtonElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDialogElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLFormElement | HTMLHeadingElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLImageElement | HTMLInputElement | HTMLLabelElement | HTMLLegendElement | HTMLLIElement | HTMLMapElement | HTMLMetaElement | HTMLMeterElement | HTMLOListElement | HTMLOptGroupElement | HTMLOptionElement | HTMLOutputElement | HTMLParagraphElement | HTMLPreElement | HTMLProgressElement | HTMLScriptElement | HTMLSelectElement | HTMLSlotElement | HTMLSourceElement | HTMLSpanElement | HTMLStyleElement | HTMLTableElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTemplateElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTitleElement | HTMLTableRowElement | HTMLTrackElement | HTMLUListElement | HTMLVideoElement | HTMLTableCaptionElement | HTMLMenuElement | HTMLPictureElement>, "id" | "onResize"> & {
|
|
2206
2206
|
className?: string | undefined;
|
|
2207
2207
|
collapsedSize?: number | undefined;
|
|
2208
2208
|
collapsible?: boolean | undefined;
|
|
@@ -2242,8 +2242,8 @@ declare const ResizableHandle: ({ withHandle, className, ...props }: React.Compo
|
|
|
2242
2242
|
*/
|
|
2243
2243
|
declare const rowVariants: (props?: ({
|
|
2244
2244
|
gap?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | null | undefined;
|
|
2245
|
-
align?: "
|
|
2246
|
-
justify?: "
|
|
2245
|
+
align?: "center" | "start" | "end" | "stretch" | "baseline" | null | undefined;
|
|
2246
|
+
justify?: "center" | "between" | "start" | "end" | "around" | "evenly" | null | undefined;
|
|
2247
2247
|
wrap?: boolean | null | undefined;
|
|
2248
2248
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
2249
2249
|
interface RowProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof rowVariants> {
|
|
@@ -2278,7 +2278,7 @@ declare const Row: React.ForwardRefExoticComponent<RowProps & React.RefAttribute
|
|
|
2278
2278
|
declare const gridVariants: (props?: ({
|
|
2279
2279
|
cols?: "1" | "2" | "3" | "4" | "5" | "6" | "12" | null | undefined;
|
|
2280
2280
|
gap?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | null | undefined;
|
|
2281
|
-
align?: "
|
|
2281
|
+
align?: "center" | "start" | "end" | "stretch" | null | undefined;
|
|
2282
2282
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
2283
2283
|
interface GridProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof gridVariants> {
|
|
2284
2284
|
/** When true, render as the single child element via Radix Slot — lets
|
|
@@ -2310,10 +2310,10 @@ declare const Grid: React.ForwardRefExoticComponent<GridProps & React.RefAttribu
|
|
|
2310
2310
|
* case. Flex is the escape hatch, not the default.
|
|
2311
2311
|
*/
|
|
2312
2312
|
declare const flexVariants: (props?: ({
|
|
2313
|
-
direction?: "
|
|
2313
|
+
direction?: "col" | "row" | "row-reverse" | "col-reverse" | null | undefined;
|
|
2314
2314
|
gap?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | null | undefined;
|
|
2315
|
-
align?: "
|
|
2316
|
-
justify?: "
|
|
2315
|
+
align?: "center" | "start" | "end" | "stretch" | "baseline" | null | undefined;
|
|
2316
|
+
justify?: "center" | "between" | "start" | "end" | "around" | "evenly" | null | undefined;
|
|
2317
2317
|
wrap?: "wrap" | "nowrap" | "wrap-reverse" | null | undefined;
|
|
2318
2318
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
2319
2319
|
interface FlexProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof flexVariants> {
|
|
@@ -2347,7 +2347,7 @@ type SelectMenuSize = "default" | "sm" | "xs" | "2xs";
|
|
|
2347
2347
|
* existing call site.
|
|
2348
2348
|
*/
|
|
2349
2349
|
declare const selectTriggerVariants: (props?: ({
|
|
2350
|
-
size?: "
|
|
2350
|
+
size?: "default" | "2xs" | "xs" | "sm" | null | undefined;
|
|
2351
2351
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
2352
2352
|
type SelectTriggerSize = NonNullable<VariantProps<typeof selectTriggerVariants>["size"]>;
|
|
2353
2353
|
declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
|
|
@@ -2459,7 +2459,7 @@ declare const SheetClose: React.ForwardRefExoticComponent<DialogPrimitive.Dialog
|
|
|
2459
2459
|
declare const SheetPortal: React.FC<DialogPrimitive.DialogPortalProps>;
|
|
2460
2460
|
declare const SheetOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
2461
2461
|
declare const sheetVariants: (props?: ({
|
|
2462
|
-
side?: "
|
|
2462
|
+
side?: "bottom" | "top" | "right" | "left" | null | undefined;
|
|
2463
2463
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
2464
2464
|
interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, VariantProps<typeof sheetVariants> {
|
|
2465
2465
|
/** Extra classes for the backdrop overlay. e.g. `bg-transparent`
|
|
@@ -2615,8 +2615,8 @@ declare const Sortable: SortableRootComponent;
|
|
|
2615
2615
|
*/
|
|
2616
2616
|
declare const stackVariants: (props?: ({
|
|
2617
2617
|
gap?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | null | undefined;
|
|
2618
|
-
align?: "
|
|
2619
|
-
justify?: "
|
|
2618
|
+
align?: "center" | "start" | "end" | "stretch" | null | undefined;
|
|
2619
|
+
justify?: "center" | "between" | "start" | "end" | "around" | "evenly" | null | undefined;
|
|
2620
2620
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
2621
2621
|
interface StackProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof stackVariants> {
|
|
2622
2622
|
/** When true, render as the single child element via Radix Slot — lets
|
|
@@ -2634,7 +2634,7 @@ declare const Stack: React.ForwardRefExoticComponent<StackProps & React.RefAttri
|
|
|
2634
2634
|
* dense tool-panel sizes (the Studio inspector).
|
|
2635
2635
|
*/
|
|
2636
2636
|
declare const switchTrackVariants: (props?: ({
|
|
2637
|
-
size?: "
|
|
2637
|
+
size?: "default" | "2xs" | "xs" | "sm" | null | undefined;
|
|
2638
2638
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
2639
2639
|
type SwitchSize = NonNullable<VariantProps<typeof switchTrackVariants>["size"]>;
|
|
2640
2640
|
declare const Switch: React.ForwardRefExoticComponent<Omit<Omit<SwitchPrimitives.SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref">, "size"> & {
|
|
@@ -2822,7 +2822,7 @@ declare const ChartLegendContent: React.ForwardRefExoticComponent<Omit<React.Cla
|
|
|
2822
2822
|
* px-3 / text-sm; `sm` and `xs` are for dense tool panels.
|
|
2823
2823
|
*/
|
|
2824
2824
|
declare const textareaVariants: (props?: ({
|
|
2825
|
-
size?: "
|
|
2825
|
+
size?: "default" | "2xs" | "xs" | "sm" | null | undefined;
|
|
2826
2826
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
2827
2827
|
type TextareaSize = NonNullable<VariantProps<typeof textareaVariants>["size"]>;
|
|
2828
2828
|
type TextareaProps = Omit<React.ComponentProps<"textarea">, "size"> & {
|
|
@@ -2832,11 +2832,11 @@ declare const Textarea: React.ForwardRefExoticComponent<Omit<TextareaProps, "ref
|
|
|
2832
2832
|
|
|
2833
2833
|
declare const toggleVariants: (props?: ({
|
|
2834
2834
|
variant?: "default" | "outline" | "segmented" | null | undefined;
|
|
2835
|
-
size?: "
|
|
2835
|
+
size?: "default" | "2xs" | "xs" | "sm" | "lg" | null | undefined;
|
|
2836
2836
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
2837
2837
|
declare const Toggle: React.ForwardRefExoticComponent<Omit<TogglePrimitive.ToggleProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
|
|
2838
2838
|
variant?: "default" | "outline" | "segmented" | null | undefined;
|
|
2839
|
-
size?: "
|
|
2839
|
+
size?: "default" | "2xs" | "xs" | "sm" | "lg" | null | undefined;
|
|
2840
2840
|
} & class_variance_authority_types.ClassProp) | undefined) => string> & React.RefAttributes<HTMLButtonElement>>;
|
|
2841
2841
|
|
|
2842
2842
|
declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
|
|
@@ -2846,11 +2846,11 @@ declare const TooltipContent: React.ForwardRefExoticComponent<Omit<TooltipPrimit
|
|
|
2846
2846
|
|
|
2847
2847
|
declare const ToggleGroup: React.ForwardRefExoticComponent<((Omit<ToggleGroupPrimitive.ToggleGroupSingleProps & React.RefAttributes<HTMLDivElement>, "ref"> | Omit<ToggleGroupPrimitive.ToggleGroupMultipleProps & React.RefAttributes<HTMLDivElement>, "ref">) & VariantProps<(props?: ({
|
|
2848
2848
|
variant?: "default" | "outline" | "segmented" | null | undefined;
|
|
2849
|
-
size?: "
|
|
2849
|
+
size?: "default" | "2xs" | "xs" | "sm" | "lg" | null | undefined;
|
|
2850
2850
|
} & class_variance_authority_types.ClassProp) | undefined) => string>) & React.RefAttributes<HTMLDivElement>>;
|
|
2851
2851
|
declare const ToggleGroupItem: React.ForwardRefExoticComponent<Omit<ToggleGroupPrimitive.ToggleGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
|
|
2852
2852
|
variant?: "default" | "outline" | "segmented" | null | undefined;
|
|
2853
|
-
size?: "
|
|
2853
|
+
size?: "default" | "2xs" | "xs" | "sm" | "lg" | null | undefined;
|
|
2854
2854
|
} & class_variance_authority_types.ClassProp) | undefined) => string> & {
|
|
2855
2855
|
tooltip?: React.ReactNode;
|
|
2856
2856
|
tooltipSide?: React.ComponentPropsWithoutRef<typeof TooltipContent>["side"];
|
|
@@ -2905,7 +2905,7 @@ declare const ToggleGroupItem: React.ForwardRefExoticComponent<Omit<ToggleGroupP
|
|
|
2905
2905
|
* persistent footer toolbars on mobile-style layouts.
|
|
2906
2906
|
*/
|
|
2907
2907
|
declare const toolbarVariants: (props?: ({
|
|
2908
|
-
position?: "
|
|
2908
|
+
position?: "bottom" | "top" | "inline" | null | undefined;
|
|
2909
2909
|
variant?: "default" | "transparent" | "subtle" | null | undefined;
|
|
2910
2910
|
size?: "sm" | "md" | "lg" | null | undefined;
|
|
2911
2911
|
sticky?: boolean | null | undefined;
|