@justanarthur/modo-ui 0.1.0 → 0.2.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/dist/blocks/sidebar-app/index.d.ts +1 -1
- package/dist/blocks/sidebar-app/index.js +28 -31
- package/dist/components/badge/index.d.ts +1 -1
- package/dist/components/badge/index.js +12 -14
- package/dist/components/button/index.d.ts +1 -1
- package/dist/components/button/index.js +10 -12
- package/dist/components/card/index.d.ts +1 -1
- package/dist/components/card/index.js +38 -40
- package/dist/components/inputs/checkbox-group/index.d.ts +1 -1
- package/dist/components/inputs/checkbox-group/index.js +17 -19
- package/dist/components/inputs/color-picker/index.d.ts +1 -1
- package/dist/components/inputs/color-picker/index.js +31 -33
- package/dist/components/inputs/combobox/index.d.ts +1 -1
- package/dist/components/inputs/combobox/index.js +31 -34
- package/dist/components/inputs/date-time/calendar/index.d.ts +1 -1
- package/dist/components/inputs/date-time/calendar/index.js +14 -16
- package/dist/components/inputs/date-time/date-picker/index.d.ts +1 -1
- package/dist/components/inputs/date-time/date-picker/index.js +28 -30
- package/dist/components/inputs/date-time/date-range-picker/index.d.ts +1 -1
- package/dist/components/inputs/date-time/date-range-picker/index.js +27 -29
- package/dist/components/inputs/date-time/duration-picker/index.d.ts +1 -1
- package/dist/components/inputs/date-time/duration-picker/index.js +27 -29
- package/dist/components/inputs/date-time/month-picker/index.d.ts +1 -1
- package/dist/components/inputs/date-time/month-picker/index.js +26 -28
- package/dist/components/inputs/date-time/time-picker/index.d.ts +1 -1
- package/dist/components/inputs/date-time/time-picker/index.js +27 -29
- package/dist/components/inputs/input/index.d.ts +1 -1
- package/dist/components/inputs/input/index.js +15 -16
- package/dist/components/inputs/input-copy/index.d.ts +1 -1
- package/dist/components/inputs/input-copy/index.js +12 -14
- package/dist/components/inputs/input-message/index.d.ts +1 -1
- package/dist/components/inputs/input-message/index.js +21 -23
- package/dist/components/inputs/radio-group/index.d.ts +1 -1
- package/dist/components/inputs/radio-group/index.js +16 -18
- package/dist/components/inputs/search/index.d.ts +1 -1
- package/dist/components/inputs/search/index.js +21 -24
- package/dist/components/inputs/select/index.d.ts +1 -1
- package/dist/components/inputs/select/index.js +30 -33
- package/dist/components/inputs/slider/index.d.ts +1 -1
- package/dist/components/inputs/slider/index.js +10 -12
- package/dist/components/inputs/switch/index.d.ts +1 -1
- package/dist/components/inputs/switch/index.js +10 -12
- package/dist/components/navigation/accordion/index.d.ts +1 -1
- package/dist/components/navigation/accordion/index.js +24 -26
- package/dist/components/navigation/sidebar/index.d.ts +3 -3
- package/dist/components/navigation/sidebar/index.js +95 -97
- package/dist/components/navigation/tabs/index.d.ts +1 -1
- package/dist/components/navigation/tabs/index.js +19 -21
- package/dist/components/navigation/tabs-subtle/index.d.ts +1 -1
- package/dist/components/navigation/tabs-subtle/index.js +17 -19
- package/dist/components/overlays/alert-dialog/index.d.ts +2 -2
- package/dist/components/overlays/alert-dialog/index.js +18 -20
- package/dist/components/overlays/command/index.d.ts +1 -1
- package/dist/components/overlays/command/index.js +32 -35
- package/dist/components/overlays/context-menu/index.d.ts +1 -1
- package/dist/components/overlays/context-menu/index.js +25 -28
- package/dist/components/overlays/dialog/index.d.ts +1 -1
- package/dist/components/overlays/dialog/index.js +33 -35
- package/dist/components/overlays/dropdown/index.d.ts +1 -1
- package/dist/components/overlays/dropdown/index.js +40 -43
- package/dist/components/overlays/popover/index.d.ts +1 -1
- package/dist/components/overlays/popover/index.js +22 -24
- package/dist/components/overlays/preview-card/index.d.ts +1 -1
- package/dist/components/overlays/preview-card/index.js +15 -17
- package/dist/components/overlays/sheet/index.d.ts +1 -1
- package/dist/components/overlays/sheet/index.js +20 -22
- package/dist/components/overlays/toast/index.d.ts +1 -1
- package/dist/components/overlays/toast/index.js +17 -19
- package/dist/components/overlays/tooltip/index.d.ts +1 -1
- package/dist/components/overlays/tooltip/index.js +13 -15
- package/dist/components/table/index.d.ts +1 -1
- package/dist/components/table/index.js +22 -24
- package/dist/components/thinking-indicator/index.d.ts +1 -1
- package/dist/components/thinking-indicator/index.js +9 -11
- package/dist/index.d.ts +51 -51
- package/dist/index.js +506 -508
- package/dist/preset.d.ts +1 -1
- package/dist/preset.js +5 -5
- package/dist/primitives/code/index.d.ts +1 -1
- package/dist/primitives/code/index.js +8 -9
- package/dist/primitives/craft/index.d.ts +1 -1
- package/dist/primitives/craft/index.js +6 -8
- package/dist/primitives/fluid-hover/index.d.ts +1 -1
- package/dist/primitives/fluid-hover/index.js +18 -20
- package/dist/primitives/morph/index.d.ts +1 -1
- package/dist/primitives/morph/index.js +15 -17
- package/dist/primitives/motion/index.d.ts +1 -1
- package/dist/primitives/motion/index.js +15 -16
- package/dist/primitives/scroll-area/index.d.ts +1 -1
- package/dist/primitives/scroll-area/index.js +8 -9
- package/dist/primitives/sizes/index.d.ts +1 -1
- package/dist/primitives/sizes/index.js +17 -18
- package/dist/primitives/surface/index.d.ts +1 -1
- package/dist/primitives/surface/index.js +11 -12
- package/dist/shared/components-0ke6xada.js +123 -0
- package/dist/shared/{components-jxgznftn.js → components-0q0sqfh4.js} +16 -16
- package/dist/shared/{components-x3rz4cyn.js → components-0sn7ypjw.js} +14 -14
- package/dist/shared/{components-p2vmyfe1.js → components-1j9791sn.js} +42 -42
- package/dist/shared/{components-6phwsry6.js → components-1rfwbyyc.js} +25 -25
- package/dist/shared/{components-vc1k7yv2.js → components-1v7rxytx.js} +3 -3
- package/dist/shared/{components-tm88ghva.js → components-1xekx2hx.js} +58 -58
- package/dist/shared/{components-6t6nr33r.js → components-39jq9va1.js} +26 -26
- package/dist/shared/{components-j65qt1mq.js → components-3gae8nta.js} +101 -101
- package/dist/shared/{components-r2gke5p6.js → components-3k8xpnpq.js} +125 -125
- package/dist/shared/{components-6y1th6k4.js → components-3mkepka5.js} +31 -31
- package/dist/shared/{components-vktws5r6.js → components-3wk0w46f.js} +72 -72
- package/dist/shared/{components-zx2hr57f.js → components-4cnjmgex.js} +15 -15
- package/dist/shared/{components-e46kf6cp.js → components-59efxjd9.js} +8 -8
- package/dist/shared/{components-rc63qsy6.js → components-5xc2j8jz.js} +10 -10
- package/dist/shared/{components-7gv95yfy.js → components-62ybc7t2.js} +83 -83
- package/dist/shared/{components-brnzrp2t.js → components-66mv71kx.js} +41 -41
- package/dist/shared/{components-taxmgbnh.js → components-7ans7ce5.js} +17 -17
- package/dist/shared/{components-hzfp4tjb.js → components-7btqt08d.js} +42 -42
- package/dist/shared/{components-9p8s8n5q.js → components-7r3etddy.js} +22 -22
- package/dist/shared/{components-5zry9te1.js → components-7x9kawxv.js} +26 -26
- package/dist/shared/{components-4hh0gm0v.js → components-8fpr3s4p.js} +61 -61
- package/dist/shared/{components-x2xyckd5.js → components-9jvzzvt1.js} +20 -20
- package/dist/shared/{components-bf2d9k02.js → components-apdwtweq.js} +94 -94
- package/dist/shared/{components-hjkrv00c.js → components-asr5pg50.js} +18 -18
- package/dist/shared/{components-5pkcfprd.js → components-b2wyq2cq.js} +22 -22
- package/dist/shared/{components-nn6xezy2.js → components-ca2c898n.js} +226 -226
- package/dist/shared/{components-xszag63d.js → components-cbxjn9p8.js} +12 -12
- package/dist/shared/{components-kf2ehztc.js → components-chacnk61.js} +16 -16
- package/dist/shared/{components-7zp99w5d.js → components-cv16mryv.js} +2 -2
- package/dist/shared/{components-4xxtggzp.js → components-ez65vtbq.js} +18 -18
- package/dist/shared/{components-0f0as45n.js → components-ezxhrmer.js} +2 -2
- package/dist/shared/{components-s3yfvfkr.js → components-gc5vtq2f.js} +42 -42
- package/dist/shared/components-gf5s6ap9.js +42 -0
- package/dist/shared/{components-7cqq1sqy.js → components-gvr9w41t.js} +40 -40
- package/dist/shared/{components-ess3ch6w.js → components-h2dpcwgc.js} +23 -23
- package/dist/shared/{components-ed7cmssr.js → components-hawvy2qz.js} +18 -18
- package/dist/shared/{components-7nww01w4.js → components-hqeq3w9q.js} +34 -34
- package/dist/shared/{components-vb033rns.js → components-jjw69c4c.js} +6 -6
- package/dist/shared/{components-tad5h7ta.js → components-jwst3vtj.js} +48 -48
- package/dist/shared/{components-r22vtgqc.js → components-kvr7f9hy.js} +11 -11
- package/dist/shared/{components-gndm6am4.js → components-ng72k97e.js} +17 -17
- package/dist/shared/{components-40j34hdb.js → components-nh8tma1n.js} +116 -116
- package/dist/shared/{components-s5pkbjx1.js → components-njzgqdwy.js} +56 -56
- package/dist/shared/{components-54nf2x99.js → components-ny774h8p.js} +42 -42
- package/dist/shared/{components-r4jt6hgd.js → components-q4daerx0.js} +6 -6
- package/dist/shared/{components-peg09pzs.js → components-q5xj5c16.js} +11 -11
- package/dist/shared/{components-r43mqnd6.js → components-rr7a6ja9.js} +46 -46
- package/dist/shared/{components-bkvb6nem.js → components-s2bz1xpk.js} +11 -11
- package/dist/shared/{components-zvb11ker.js → components-tqvarbfv.js} +47 -47
- package/dist/shared/{components-aaq3yk4f.js → components-v6xp325t.js} +43 -43
- package/dist/shared/{components-v7es8aan.js → components-v7wtz8hk.js} +15 -15
- package/dist/shared/components-vc7vq5nz.js +32 -0
- package/dist/shared/{components-6hzwfmfd.js → components-vfbhxf5r.js} +8 -8
- package/dist/shared/{components-8hk9ve3r.js → components-wvp1m52g.js} +57 -57
- package/dist/shared/{components-gjfrycb5.js → components-yh3kwdhr.js} +63 -66
- package/dist/shared/{components-y3cqdrgy.js → components-ytb2tefr.js} +43 -43
- package/dist/shared/{components-61ckf42z.js → components-zfnmn5d4.js} +64 -64
- package/dist/shared/{components-m5br529r.js → components-zrkzcayz.js} +2 -2
- package/dist/shared/{components-csxz9f52.js → components-zx6b6yby.js} +4 -4
- package/dist/styles.css +1 -1
- package/package.json +3 -3
- package/dist/shared/components-74c20v2f.js +0 -32
- package/dist/shared/components-8hzbsfbd.js +0 -123
- package/dist/shared/components-dphg9gjr.js +0 -42
- package/dist/shared/components-kpbcms10.js +0 -9
- /package/dist/shared/{components-5vxtcp88.js → components-3ky44908.js} +0 -0
- /package/dist/shared/{components-4xxddc44.js → components-c6s6b43g.js} +0 -0
- /package/dist/shared/{components-nnnd2xef.js → components-men63rwj.js} +0 -0
- /package/dist/shared/{components-de8xsm9y.js → components-mhd39z7x.js} +0 -0
- /package/dist/shared/{components-dg0w8g5p.js → components-n7mjr357.js} +0 -0
- /package/dist/shared/{components-jw16snbn.js → components-vynjtrk6.js} +0 -0
package/dist/index.d.ts
CHANGED
|
@@ -2368,6 +2368,7 @@ interface TabsSubtlePanelProps extends HTMLAttributes18<HTMLDivElement> {
|
|
|
2368
2368
|
children: ReactNode18;
|
|
2369
2369
|
}
|
|
2370
2370
|
declare const TabsSubtlePanel: ForwardRefExoticComponent9<TabsSubtlePanelProps & RefAttributes9<HTMLDivElement>>;
|
|
2371
|
+
import { ReactNode as ReactNode20 } from "react";
|
|
2371
2372
|
import { HTMLAttributes as HTMLAttributes19, ReactNode as ReactNode19, RefObject as RefObject11 } from "react";
|
|
2372
2373
|
/** What opened the overlay: the pressed trigger and the press point. */
|
|
2373
2374
|
interface MorphOrigin {
|
|
@@ -2488,7 +2489,6 @@ interface DialogProps {
|
|
|
2488
2489
|
* @example {@include ./examples.mdx}
|
|
2489
2490
|
*/
|
|
2490
2491
|
declare function Dialog({ children, open, defaultOpen, onOpenChange, modal }: DialogProps): Element_12xgc16;
|
|
2491
|
-
import { ReactNode as ReactNode20 } from "react";
|
|
2492
2492
|
import { ForwardRefExoticComponent as ForwardRefExoticComponent_tcubfn13 } from "react";
|
|
2493
2493
|
import { RefAttributes as RefAttributes_miuf5613 } from "react";
|
|
2494
2494
|
import { JSX as JSX_1kxb17 } from "react";
|
|
@@ -3262,8 +3262,18 @@ interface ThinkingIndicatorProps extends HTMLAttributes27<HTMLDivElement> {
|
|
|
3262
3262
|
* @example {@include ./examples.mdx}
|
|
3263
3263
|
*/
|
|
3264
3264
|
declare const ThinkingIndicator: ForwardRefExoticComponent_tcubfn21<ThinkingIndicatorProps & RefAttributes_miuf5621<HTMLDivElement>>;
|
|
3265
|
+
import { ReactNode as ReactNode30 } from "react";
|
|
3265
3266
|
import { JSX as JSX_1kxb25 } from "react";
|
|
3267
|
+
type ShapeVariant = "pill" | "rounded";
|
|
3266
3268
|
type Element_12xgc25 = JSX_1kxb25["Element"];
|
|
3269
|
+
declare function ShapeProvider({ children, defaultShape }: {
|
|
3270
|
+
children: ReactNode30;
|
|
3271
|
+
defaultShape?: ShapeVariant;
|
|
3272
|
+
}): Element_12xgc25;
|
|
3273
|
+
import { CnFunction } from "cn";
|
|
3274
|
+
declare const cn: CnFunction;
|
|
3275
|
+
import { JSX as JSX_1kxb26 } from "react";
|
|
3276
|
+
type Element_12xgc26 = JSX_1kxb26["Element"];
|
|
3267
3277
|
/**
|
|
3268
3278
|
* Source code in the theme's syntax colors, one surface step above whatever
|
|
3269
3279
|
* it sits on.
|
|
@@ -3283,13 +3293,13 @@ declare function Code({ children, language, className }: {
|
|
|
3283
3293
|
language?: string;
|
|
3284
3294
|
/** Extra classes for the frame. */
|
|
3285
3295
|
className?: string;
|
|
3286
|
-
}):
|
|
3287
|
-
import { ReactNode as
|
|
3296
|
+
}): Element_12xgc26;
|
|
3297
|
+
import { ReactNode as ReactNode31 } from "react";
|
|
3288
3298
|
interface CraftProps {
|
|
3289
3299
|
/** The naive version: the same interface with the detail missing. */
|
|
3290
|
-
bad:
|
|
3300
|
+
bad: ReactNode31;
|
|
3291
3301
|
/** The system's version, with the detail in place. */
|
|
3292
|
-
good:
|
|
3302
|
+
good: ReactNode31;
|
|
3293
3303
|
/** What goes wrong on the bad side, in one line. */
|
|
3294
3304
|
badNote?: string;
|
|
3295
3305
|
/** What the good side does instead, in one line. */
|
|
@@ -3297,7 +3307,7 @@ interface CraftProps {
|
|
|
3297
3307
|
/** Classes for the root grid. */
|
|
3298
3308
|
className?: string;
|
|
3299
3309
|
}
|
|
3300
|
-
import { ForwardRefExoticComponent as ForwardRefExoticComponent12, HTMLAttributes as HTMLAttributes28, ReactNode as
|
|
3310
|
+
import { ForwardRefExoticComponent as ForwardRefExoticComponent12, HTMLAttributes as HTMLAttributes28, ReactNode as ReactNode32, RefAttributes as RefAttributes12 } from "react";
|
|
3301
3311
|
import { Transition as Transition2 } from "motion/react";
|
|
3302
3312
|
import { Dispatch as Dispatch2, MutableRefObject as MutableRefObject2, RefObject as RefObject19, SetStateAction as SetStateAction2 } from "react";
|
|
3303
3313
|
interface ItemRect {
|
|
@@ -3388,7 +3398,7 @@ declare function useFluidHover<T extends HTMLElement>(containerRef: RefObject19<
|
|
|
3388
3398
|
* item that is not grouped); then nothing is registered.
|
|
3389
3399
|
*/
|
|
3390
3400
|
declare function useRegisterFluidHoverItem(registerItem: ((index: number, element: HTMLElement | null) => void) | undefined, index: number | undefined, ref: RefObject19<HTMLElement | null>): void;
|
|
3391
|
-
import { JSX as
|
|
3401
|
+
import { JSX as JSX_1kxb28 } from "react";
|
|
3392
3402
|
/** What the highlight reads off the hook: the highlighted index, the
|
|
3393
3403
|
* measured rects, whether they are current, and the pointer session. */
|
|
3394
3404
|
type FluidHoverSource = Pick<UseFluidHoverReturn, "activeIndex" | "itemRects" | "isMeasured" | "sessionRef">;
|
|
@@ -3426,8 +3436,8 @@ type FluidHoverHighlightProps = (HighlightFromHook | HighlightFromRect) & {
|
|
|
3426
3436
|
* underneath, not a hover change). The opacity fade is always 0.08s. */
|
|
3427
3437
|
transition?: Transition2 | false;
|
|
3428
3438
|
};
|
|
3429
|
-
type
|
|
3430
|
-
declare function FluidHoverHighlight(props: FluidHoverHighlightProps):
|
|
3439
|
+
type Element_12xgc28 = JSX_1kxb28["Element"];
|
|
3440
|
+
declare function FluidHoverHighlight(props: FluidHoverHighlightProps): Element_12xgc28;
|
|
3431
3441
|
type FluidHoverAxis = "x" | "y" | "xy";
|
|
3432
3442
|
interface FluidHoverItemProps extends HTMLAttributes28<HTMLButtonElement> {
|
|
3433
3443
|
/** Position in the list. Assigned automatically to direct children of `FluidHover`; pass it by hand for rows rendered inside a wrapper of your own. */
|
|
@@ -3435,7 +3445,7 @@ interface FluidHoverItemProps extends HTMLAttributes28<HTMLButtonElement> {
|
|
|
3435
3445
|
/** Skips the row: never lit, never the target of a gap click. It stays registered, so its neighbours keep their indices. Defaults to `false`. */
|
|
3436
3446
|
disabled?: boolean;
|
|
3437
3447
|
/** The row's content — a label, or an icon plus text, or (on `xy`) a title over a description. */
|
|
3438
|
-
children?:
|
|
3448
|
+
children?: ReactNode32;
|
|
3439
3449
|
/** Classes for the row, merged over the per-axis defaults. */
|
|
3440
3450
|
className?: string;
|
|
3441
3451
|
}
|
|
@@ -3454,7 +3464,7 @@ interface FluidHoverProps extends HTMLAttributes28<HTMLDivElement> {
|
|
|
3454
3464
|
/** Shorthand rows: one `FluidHover.Item` per string, indexed in order. Omit it and pass `FluidHover.Item` children instead. */
|
|
3455
3465
|
items?: string[];
|
|
3456
3466
|
/** Renders the content of a shorthand row. Defaults to the string itself. */
|
|
3457
|
-
renderItem?: (item: string, index: number) =>
|
|
3467
|
+
renderItem?: (item: string, index: number) => ReactNode32;
|
|
3458
3468
|
/** Rows to skip: never lit, never the target of a gap click. They stay registered, so their neighbours keep their indices. */
|
|
3459
3469
|
disabledIndices?: number[];
|
|
3460
3470
|
/** Whether a click that lands between rows goes to the lit one, so what is lit is what a click hits. `false` leaves empty space inert; `{ maxDistance }` routes only clicks within that many pixels of the lit row. Defaults to `true`. */
|
|
@@ -3466,7 +3476,7 @@ interface FluidHoverProps extends HTMLAttributes28<HTMLDivElement> {
|
|
|
3466
3476
|
/** Classes for the list container. Padding here is part of the list: a click in it still lands on the lit row. */
|
|
3467
3477
|
className?: string;
|
|
3468
3478
|
/** `FluidHover.Item` rows, when `items` is not enough. Direct Item children are indexed in order. */
|
|
3469
|
-
children?:
|
|
3479
|
+
children?: ReactNode32;
|
|
3470
3480
|
}
|
|
3471
3481
|
type FluidHoverComponent = ForwardRefExoticComponent12<FluidHoverProps & RefAttributes12<HTMLDivElement>> & {
|
|
3472
3482
|
Item: typeof FluidHoverItem;
|
|
@@ -3529,20 +3539,20 @@ type FluidHoverComponent = ForwardRefExoticComponent12<FluidHoverProps & RefAttr
|
|
|
3529
3539
|
* @example {@include ./examples.mdx}
|
|
3530
3540
|
*/
|
|
3531
3541
|
declare const FluidHover: FluidHoverComponent;
|
|
3542
|
+
import { ReactNode as ReactNode34 } from "react";
|
|
3532
3543
|
import { ReactNode as ReactNode33 } from "react";
|
|
3533
|
-
import {
|
|
3534
|
-
import { JSX as JSX_1kxb28 } from "react";
|
|
3544
|
+
import { JSX as JSX_1kxb29 } from "react";
|
|
3535
3545
|
interface MorphPartProps {
|
|
3536
3546
|
/** Pairs the part in the trigger with its twin in the overlay; unique within one overlay. */
|
|
3537
3547
|
id: string;
|
|
3538
3548
|
/** Classes for the part's box. */
|
|
3539
3549
|
className?: string;
|
|
3540
3550
|
/** The part's content: an image, a title. */
|
|
3541
|
-
children?:
|
|
3551
|
+
children?: ReactNode33;
|
|
3542
3552
|
}
|
|
3543
|
-
type
|
|
3544
|
-
declare function MorphPart({ id, className, children }: MorphPartProps):
|
|
3545
|
-
import { JSX as
|
|
3553
|
+
type Element_12xgc29 = JSX_1kxb29["Element"];
|
|
3554
|
+
declare function MorphPart({ id, className, children }: MorphPartProps): Element_12xgc29;
|
|
3555
|
+
import { JSX as JSX_1kxb30 } from "react";
|
|
3546
3556
|
interface MorphProps {
|
|
3547
3557
|
/** Where the panel grows from: the pressed `'trigger'`, the press `'pointer'` (a circle; keyboard opens use the trigger's center), the panel's own `'center'`, or a viewport edge (`'top'`, `'right'`, `'bottom'`, `'left'`). Defaults to `'trigger'`. */
|
|
3548
3558
|
from?: "trigger" | "pointer" | "center" | "top" | "right" | "bottom" | "left";
|
|
@@ -3563,9 +3573,9 @@ interface MorphProps {
|
|
|
3563
3573
|
/** Extra classes for the stage (trigger + panel). */
|
|
3564
3574
|
className?: string;
|
|
3565
3575
|
/** The panel's content. */
|
|
3566
|
-
children?:
|
|
3576
|
+
children?: ReactNode34;
|
|
3567
3577
|
}
|
|
3568
|
-
type
|
|
3578
|
+
type Element_12xgc30 = JSX_1kxb30["Element"];
|
|
3569
3579
|
/**
|
|
3570
3580
|
* Overlays grow out of whatever opened them. One progress value on a spring
|
|
3571
3581
|
* tier carries the surface from its source to its own box, and every
|
|
@@ -3654,8 +3664,8 @@ type Element_12xgc29 = JSX_1kxb29["Element"];
|
|
|
3654
3664
|
*
|
|
3655
3665
|
* @example {@include ./examples.mdx}
|
|
3656
3666
|
*/
|
|
3657
|
-
declare function Morph2({ from, effect, tier, hideSource, open, defaultOpen, onOpenChange, label, className, children }: MorphProps):
|
|
3658
|
-
import { ReactNode as
|
|
3667
|
+
declare function Morph2({ from, effect, tier, hideSource, open, defaultOpen, onOpenChange, label, className, children }: MorphProps): Element_12xgc30;
|
|
3668
|
+
import { ReactNode as ReactNode35 } from "react";
|
|
3659
3669
|
declare const spring: {
|
|
3660
3670
|
readonly fast: {
|
|
3661
3671
|
readonly type: "spring";
|
|
@@ -3699,7 +3709,7 @@ declare const exitFallbackMs: (tier: {
|
|
|
3699
3709
|
visualDuration: number;
|
|
3700
3710
|
};
|
|
3701
3711
|
}) => number;
|
|
3702
|
-
import { JSX as
|
|
3712
|
+
import { JSX as JSX_1kxb31 } from "react";
|
|
3703
3713
|
type SpringTier = keyof typeof spring;
|
|
3704
3714
|
interface MotionProps {
|
|
3705
3715
|
/** Spring tier the children enter on (`spring.<tier>`); they leave on its `.exit` tween. `fast` for hover, fades and small toggles, `moderate` for dropdowns and tabs, `slow` for dialogs and large surfaces. Defaults to `'moderate'`. */
|
|
@@ -3717,9 +3727,9 @@ interface MotionProps {
|
|
|
3717
3727
|
/** Extra classes for the wrapper (stage + trigger column). */
|
|
3718
3728
|
className?: string;
|
|
3719
3729
|
/** The content that animates in and out. */
|
|
3720
|
-
children:
|
|
3730
|
+
children: ReactNode35;
|
|
3721
3731
|
}
|
|
3722
|
-
type
|
|
3732
|
+
type Element_12xgc31 = JSX_1kxb31["Element"];
|
|
3723
3733
|
/**
|
|
3724
3734
|
* Three spring speeds, exits a little faster than entrances, and one fluid
|
|
3725
3735
|
* hover shared by every list. Pick a speed, wire it in — every component
|
|
@@ -3768,8 +3778,8 @@ type Element_12xgc30 = JSX_1kxb30["Element"];
|
|
|
3768
3778
|
*
|
|
3769
3779
|
* @example {@include ./examples.mdx}
|
|
3770
3780
|
*/
|
|
3771
|
-
declare function Motion({ tier, show, defaultShow, onShowChange, sameExit, reducedMotion, className, children }: MotionProps):
|
|
3772
|
-
import { ComponentPropsWithoutRef as ComponentPropsWithoutRef2, ForwardRefExoticComponent as ForwardRefExoticComponent13, ReactNode as
|
|
3781
|
+
declare function Motion({ tier, show, defaultShow, onShowChange, sameExit, reducedMotion, className, children }: MotionProps): Element_12xgc31;
|
|
3782
|
+
import { ComponentPropsWithoutRef as ComponentPropsWithoutRef2, ForwardRefExoticComponent as ForwardRefExoticComponent13, ReactNode as ReactNode36, RefAttributes as RefAttributes13 } from "react";
|
|
3773
3783
|
import { ScrollAreaScrollbarProps as ScrollAreaScrollbarProps_g9nf4s } from "@base-ui/react";
|
|
3774
3784
|
type Orientation = "vertical" | "horizontal" | "both";
|
|
3775
3785
|
interface ScrollAreaProps extends ComponentPropsWithoutRef2<"div"> {
|
|
@@ -3780,7 +3790,7 @@ interface ScrollAreaProps extends ComponentPropsWithoutRef2<"div"> {
|
|
|
3780
3790
|
/** Classes for the outer container — set the height/width constraint here. */
|
|
3781
3791
|
className?: string;
|
|
3782
3792
|
/** The scrolling content. Give it an intrinsic size (`w-max`, `whitespace-nowrap`) to overflow horizontally. */
|
|
3783
|
-
children?:
|
|
3793
|
+
children?: ReactNode36;
|
|
3784
3794
|
}
|
|
3785
3795
|
interface ScrollAreaStatics {
|
|
3786
3796
|
/** `ScrollBar` — one scrollbar, for composing a Base UI scroll area by hand. */
|
|
@@ -3809,9 +3819,9 @@ interface ScrollAreaStatics {
|
|
|
3809
3819
|
*/
|
|
3810
3820
|
declare const ScrollArea: ForwardRefExoticComponent13<ScrollAreaProps & RefAttributes13<HTMLDivElement>> & ScrollAreaStatics;
|
|
3811
3821
|
declare const ScrollBar: ForwardRefExoticComponent13<Omit<Omit<ScrollAreaScrollbarProps_g9nf4s, "ref"> & RefAttributes13<HTMLDivElement>, "ref"> & RefAttributes13<HTMLDivElement>>;
|
|
3812
|
-
import { ReactNode as
|
|
3813
|
-
import { JSX as
|
|
3814
|
-
type
|
|
3822
|
+
import { ReactNode as ReactNode37 } from "react";
|
|
3823
|
+
import { JSX as JSX_1kxb32 } from "react";
|
|
3824
|
+
type Element_12xgc32 = JSX_1kxb32["Element"];
|
|
3815
3825
|
/**
|
|
3816
3826
|
* Two component sizes: a 36px default and a 28px compact. An interface reads
|
|
3817
3827
|
* as one product when its controls share a sizing rhythm — a button next to a
|
|
@@ -3839,22 +3849,22 @@ type Element_12xgc31 = JSX_1kxb31["Element"];
|
|
|
3839
3849
|
*/
|
|
3840
3850
|
declare function SizeProvider({ children, size, defaultSize }: {
|
|
3841
3851
|
/** The region whose controls follow the step — popups opened from inside it included. */
|
|
3842
|
-
children:
|
|
3852
|
+
children: ReactNode37;
|
|
3843
3853
|
/** Controlled variant — pins every control in the subtree to one step, overriding internal state. `'default'` is 36px controls, `'compact'` is 28px. */
|
|
3844
3854
|
size?: "default" | "compact";
|
|
3845
3855
|
/** Uncontrolled initial variant, switchable via `useSizeContext().setSize`. Defaults to `'default'`. */
|
|
3846
3856
|
defaultSize?: "default" | "compact";
|
|
3847
|
-
}):
|
|
3848
|
-
import { ComponentPropsWithoutRef as ComponentPropsWithoutRef3, ForwardRefExoticComponent as ForwardRefExoticComponent14, ReactNode as
|
|
3857
|
+
}): Element_12xgc32;
|
|
3858
|
+
import { ComponentPropsWithoutRef as ComponentPropsWithoutRef3, ForwardRefExoticComponent as ForwardRefExoticComponent14, ReactNode as ReactNode39, RefAttributes as RefAttributes14 } from "react";
|
|
3849
3859
|
declare function surfaceClasses(bgLevel: number, shadowLevel?: number): string;
|
|
3850
|
-
import { ReactNode as
|
|
3851
|
-
import { JSX as
|
|
3860
|
+
import { ReactNode as ReactNode38 } from "react";
|
|
3861
|
+
import { JSX as JSX_1kxb33 } from "react";
|
|
3852
3862
|
declare function useSurface(): number;
|
|
3853
|
-
type
|
|
3863
|
+
type Element_12xgc33 = JSX_1kxb33["Element"];
|
|
3854
3864
|
declare function SurfaceProvider({ value, children }: {
|
|
3855
3865
|
value: number;
|
|
3856
|
-
children:
|
|
3857
|
-
}):
|
|
3866
|
+
children: ReactNode38;
|
|
3867
|
+
}): Element_12xgc33;
|
|
3858
3868
|
interface ElevatedProps extends ComponentPropsWithoutRef3<"div"> {
|
|
3859
3869
|
/**
|
|
3860
3870
|
* Steps above the current substrate.
|
|
@@ -3880,7 +3890,7 @@ interface ElevatedProps extends ComponentPropsWithoutRef3<"div"> {
|
|
|
3880
3890
|
/** Merged after the surface classes; radius and padding go here. */
|
|
3881
3891
|
className?: string;
|
|
3882
3892
|
/** Content of the surface. Everything inside reads this surface's level as its substrate. */
|
|
3883
|
-
children?:
|
|
3893
|
+
children?: ReactNode39;
|
|
3884
3894
|
}
|
|
3885
3895
|
interface ElevatedStatics {
|
|
3886
3896
|
/** `SurfaceProvider` — set the substrate for a subtree by hand. */
|
|
@@ -3913,14 +3923,4 @@ interface ElevatedStatics {
|
|
|
3913
3923
|
* @example {@include ./examples.mdx}
|
|
3914
3924
|
*/
|
|
3915
3925
|
declare const Elevated: ForwardRefExoticComponent14<ElevatedProps & RefAttributes14<HTMLDivElement>> & ElevatedStatics;
|
|
3916
|
-
|
|
3917
|
-
import { JSX as JSX_1kxb33 } from "react";
|
|
3918
|
-
type ShapeVariant = "pill" | "rounded";
|
|
3919
|
-
type Element_12xgc33 = JSX_1kxb33["Element"];
|
|
3920
|
-
declare function ShapeProvider({ children, defaultShape }: {
|
|
3921
|
-
children: ReactNode39;
|
|
3922
|
-
defaultShape?: ShapeVariant;
|
|
3923
|
-
}): Element_12xgc33;
|
|
3924
|
-
import { CnFunction } from "cn";
|
|
3925
|
-
declare const cn: CnFunction;
|
|
3926
|
-
export { useTypeScale, useToast, useSurface, useSizeVariant, useSizeContext, useSize, useSidebar, useRegisterFluidHoverItem, useFluidHover, useDropdownMaybe, useDropdown, useDialogState, typeScale, triggerVariants, surfaceClasses, spring, sizeMap, sidebarMenuButtonVariants, parseColor, exitFallbackMs, fieldVariants as comboboxFieldVariants, cn, buttonVariants, buildParsed, badgeVariants, badgeColors, ValuePosition, UseFluidHoverReturn, UseFluidHoverOptions, TypeScaleStep, TypeScaleRole, TooltipSide, TooltipProviderProps, TooltipProvider, TooltipProps, TooltipPortalContainer, Tooltip, ToastType, ToastTriggerProps, ToastTrigger, ToastProps, ToastPosition, ToastOptions, Toast, TimePickerProps, TimePicker, ThinkingIndicatorProps, ThinkingIndicator, TabsSubtleProps, TabsSubtlePanelProps, TabsSubtlePanel, TabsSubtleItemProps, TabsSubtleItem, TabsSubtle, TabsProps, TabsListProps, TabsList, Tabs, TableRowProps, TableRow, TableProps, TableHeader, TableHead, TableCell, TableBody, Table, TabPanelProps, TabPanel, TabItemProps, TabItem, SwitchProps, Switch, SurfaceProvider, SpringTier, SliderValue, SliderProps, SliderComfortableProps, SliderComfortable, Slider, SizeVariant, SizeProvider, SizeClasses, SidebarVariant, SidebarTriggerProps, SidebarTrigger, SidebarSide, SidebarSeparator, SidebarSelectionValue, SidebarSelection, SidebarSectionProps, SidebarRailProps, SidebarRail, SidebarProviderProps, SidebarProvider, SidebarProps, SidebarMenuSubProps, SidebarMenuSubItemProps, SidebarMenuSubItem, SidebarMenuSubButtonProps, SidebarMenuSubButton, SidebarMenuSub, SidebarMenuSkeletonProps, SidebarMenuSkeleton, SidebarMenuProps, SidebarMenuItemProps, SidebarMenuItem, SidebarMenuButtonProps, SidebarMenuButton, SidebarMenuBadgeProps, SidebarMenuBadge, SidebarMenuActions, SidebarMenuActionProps, SidebarMenuAction, SidebarMenu, SidebarInsetProps, SidebarInset, SidebarInputProps, SidebarInput, SidebarHeader, SidebarGroupLabelProps, SidebarGroupLabel, SidebarGroupContent, SidebarGroupActions, SidebarGroupActionProps, SidebarGroupAction, SidebarGroup, SidebarFooter, SidebarContextValue, SidebarContentProps, SidebarContent, SidebarCollapsible, SidebarAppProps, SidebarApp, Sidebar, SheetSide, SheetProps, SheetIndent, SheetContentProps, SheetContent, Sheet, ShapeProvider, SelectTriggerProps, SelectTrigger, SelectSeparator, SelectProps, SelectLabel, SelectItemProps, SelectItem, SelectGroup, SelectContentProps, SelectContent, Select, SearchProps, Search2 as Search, ScrollBar, ScrollAreaProps, ScrollArea, SIDEBAR_WIDTH_MOBILE, SIDEBAR_WIDTH, SIDEBAR_MIN_WIDTH, SIDEBAR_MAX_WIDTH, SIDEBAR_KEYBOARD_SHORTCUT_RIGHT, SIDEBAR_KEYBOARD_SHORTCUT, SIDEBAR_COOKIE_NAME, SIDEBAR_COOKIE_MAX_AGE, RadioItemProps, RadioItem, RadioGroupProps, RadioGroup, QueuedMessage, PreviewCardTriggerProps, PreviewCardTrigger, PreviewCardProps, PreviewCardContentProps, PreviewCardContent, PreviewCard, PopoverTriggerProps, PopoverTrigger, PopoverTitle, PopoverProps, PopoverDescription, PopoverContentProps, PopoverContent, PopoverClose, Popover2 as Popover, ParsedColor, MotionProps, Motion, MorphProps, MorphPart, Morph2 as Morph, MonthPickerProps, MonthPicker, MenuItemRenderOptions, MenuItem2 as MenuItem, LabelProps, Label2 as Label, ItemRect, InputProps, InputMessageStatus, InputMessageSlotContext, InputMessageProps, InputMessage, InputGroupProps, InputGroup, InputFieldProps, InputCopyVariant, InputCopyProps, InputCopyAlign, InputCopy, Input2 as Input, IconProvider, FluidHoverProps, FluidHoverItemProps, FluidHoverItem, FluidHoverHighlightProps, FluidHoverHighlight, FluidHoverAxis, FluidHover, FileThumbnail, ElevatedProps, Elevated, DurationPickerProps, DurationPicker, DropdownTriggerProps, DropdownTrigger, DropdownSeparator, DropdownSearchProps, DropdownSearch, DropdownProps, DropdownMenuProps, DropdownMenu, DropdownLabel, DropdownEmpty, DropdownContextValue, DropdownContentProps, DropdownContent, Dropdown, DialogSlotProps as DialogTriggerProps, DialogTrigger, DialogTitle, DialogState, DialogProps, DialogHeader, DialogFooter, DialogDescription, DialogContentProps, DialogContent, DialogSlotProps as DialogCloseProps, DialogClose, Dialog, DateRangePickerProps, DateRangePicker, DatePickerProps, DatePicker, CraftProps, ContextMenuProps, ContextMenuItemProps, ContextMenuItem, ContextMenuContentProps, ContextMenuContent, ContextMenu, CommandTrigger, CommandShortcut, CommandProps, CommandPaletteProps, CommandPalette, CommandListRoot, CommandList, CommandItems, CommandItem, CommandGroup, CommandContentProps, CommandContent, Command, ComboboxValue, ComboboxProps, ComboboxListProps, ComboboxList, ComboboxItemProps, ComboboxItemObject, ComboboxItemData, ComboboxItem, ComboboxInputProps, ComboboxInput, ComboboxEmptyProps, ComboboxEmpty, ComboboxContentProps, ComboboxContent, ComboboxChipsProps, ComboboxChips, Combobox, ColorTile, ColorSwatchProps, ColorSwatch, ColorPickerProps, ColorPickerPortalContainer, ColorPickerPopoverProps, ColorPickerPopover, ColorPicker, ColorFormat, Code, CheckboxItemProps, CheckboxItem, CheckboxGroupProps, CheckboxGroup, CardTitle, CardProps, CardMedia, CardLogo, CardImage, CardHeader, CardGroupProps, CardGroup, CardFooter, CardFeature, CardEyebrow, CardDescription, CardContent, CardButtonVariant, CardButtonProps, CardButton, CardAction, Card, CalendarProps, Calendar, ButtonSize, ButtonProps, Button2 as Button, BadgeSize, BadgeProps, BadgeColor, Badge, AlertDialogProps, AlertDialogContent, AlertDialog, AccordionTrigger, AccordionItem, AccordionGroup, AccordionContent, Accordion };
|
|
3926
|
+
export { Accordion, AccordionContent, AccordionGroup, AccordionItem, AccordionTrigger, AlertDialog, AlertDialogContent, AlertDialogProps, Badge, BadgeColor, BadgeProps, BadgeSize, Button2 as Button, ButtonProps, ButtonSize, Calendar, CalendarProps, Card, CardAction, CardButton, CardButtonProps, CardButtonVariant, CardContent, CardDescription, CardEyebrow, CardFeature, CardFooter, CardGroup, CardGroupProps, CardHeader, CardImage, CardLogo, CardMedia, CardProps, CardTitle, CheckboxGroup, CheckboxGroupProps, CheckboxItem, CheckboxItemProps, Code, ColorFormat, ColorPicker, ColorPickerPopover, ColorPickerPopoverProps, ColorPickerPortalContainer, ColorPickerProps, ColorSwatch, ColorSwatchProps, ColorTile, Combobox, ComboboxChips, ComboboxChipsProps, ComboboxContent, ComboboxContentProps, ComboboxEmpty, ComboboxEmptyProps, ComboboxInput, ComboboxInputProps, ComboboxItem, ComboboxItemData, ComboboxItemObject, ComboboxItemProps, ComboboxList, ComboboxListProps, ComboboxProps, ComboboxValue, Command, CommandContent, CommandContentProps, CommandGroup, CommandItem, CommandItems, CommandList, CommandListRoot, CommandPalette, CommandPaletteProps, CommandProps, CommandShortcut, CommandTrigger, ContextMenu, ContextMenuContent, ContextMenuContentProps, ContextMenuItem, ContextMenuItemProps, ContextMenuProps, CraftProps, DatePicker, DatePickerProps, DateRangePicker, DateRangePickerProps, Dialog, DialogClose, DialogSlotProps as DialogCloseProps, DialogContent, DialogContentProps, DialogDescription, DialogFooter, DialogHeader, DialogProps, DialogState, DialogTitle, DialogTrigger, DialogSlotProps as DialogTriggerProps, Dropdown, DropdownContent, DropdownContentProps, DropdownContextValue, DropdownEmpty, DropdownLabel, DropdownMenu, DropdownMenuProps, DropdownProps, DropdownSearch, DropdownSearchProps, DropdownSeparator, DropdownTrigger, DropdownTriggerProps, DurationPicker, DurationPickerProps, Elevated, ElevatedProps, FileThumbnail, FluidHover, FluidHoverAxis, FluidHoverHighlight, FluidHoverHighlightProps, FluidHoverItem, FluidHoverItemProps, FluidHoverProps, IconProvider, Input2 as Input, InputCopy, InputCopyAlign, InputCopyProps, InputCopyVariant, InputFieldProps, InputGroup, InputGroupProps, InputMessage, InputMessageProps, InputMessageSlotContext, InputMessageStatus, InputProps, ItemRect, Label2 as Label, LabelProps, MenuItem2 as MenuItem, MenuItemRenderOptions, MonthPicker, MonthPickerProps, Morph2 as Morph, MorphPart, MorphProps, Motion, MotionProps, ParsedColor, Popover2 as Popover, PopoverClose, PopoverContent, PopoverContentProps, PopoverDescription, PopoverProps, PopoverTitle, PopoverTrigger, PopoverTriggerProps, PreviewCard, PreviewCardContent, PreviewCardContentProps, PreviewCardProps, PreviewCardTrigger, PreviewCardTriggerProps, QueuedMessage, RadioGroup, RadioGroupProps, RadioItem, RadioItemProps, SIDEBAR_COOKIE_MAX_AGE, SIDEBAR_COOKIE_NAME, SIDEBAR_KEYBOARD_SHORTCUT, SIDEBAR_KEYBOARD_SHORTCUT_RIGHT, SIDEBAR_MAX_WIDTH, SIDEBAR_MIN_WIDTH, SIDEBAR_WIDTH, SIDEBAR_WIDTH_MOBILE, ScrollArea, ScrollAreaProps, ScrollBar, Search2 as Search, SearchProps, Select, SelectContent, SelectContentProps, SelectGroup, SelectItem, SelectItemProps, SelectLabel, SelectProps, SelectSeparator, SelectTrigger, SelectTriggerProps, ShapeProvider, Sheet, SheetContent, SheetContentProps, SheetIndent, SheetProps, SheetSide, Sidebar, SidebarApp, SidebarAppProps, SidebarCollapsible, SidebarContent, SidebarContentProps, SidebarContextValue, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupActionProps, SidebarGroupActions, SidebarGroupContent, SidebarGroupLabel, SidebarGroupLabelProps, SidebarHeader, SidebarInput, SidebarInputProps, SidebarInset, SidebarInsetProps, SidebarMenu, SidebarMenuAction, SidebarMenuActionProps, SidebarMenuActions, SidebarMenuBadge, SidebarMenuBadgeProps, SidebarMenuButton, SidebarMenuButtonProps, SidebarMenuItem, SidebarMenuItemProps, SidebarMenuProps, SidebarMenuSkeleton, SidebarMenuSkeletonProps, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubButtonProps, SidebarMenuSubItem, SidebarMenuSubItemProps, SidebarMenuSubProps, SidebarProps, SidebarProvider, SidebarProviderProps, SidebarRail, SidebarRailProps, SidebarSectionProps, SidebarSelection, SidebarSelectionValue, SidebarSeparator, SidebarSide, SidebarTrigger, SidebarTriggerProps, SidebarVariant, SizeClasses, SizeProvider, SizeVariant, Slider, SliderComfortable, SliderComfortableProps, SliderProps, SliderValue, SpringTier, SurfaceProvider, Switch, SwitchProps, TabItem, TabItemProps, TabPanel, TabPanelProps, Table, TableBody, TableCell, TableHead, TableHeader, TableProps, TableRow, TableRowProps, Tabs, TabsList, TabsListProps, TabsProps, TabsSubtle, TabsSubtleItem, TabsSubtleItemProps, TabsSubtlePanel, TabsSubtlePanelProps, TabsSubtleProps, ThinkingIndicator, ThinkingIndicatorProps, TimePicker, TimePickerProps, Toast, ToastOptions, ToastPosition, ToastProps, ToastTrigger, ToastTriggerProps, ToastType, Tooltip, TooltipPortalContainer, TooltipProps, TooltipProvider, TooltipProviderProps, TooltipSide, TypeScaleRole, TypeScaleStep, UseFluidHoverOptions, UseFluidHoverReturn, ValuePosition, badgeColors, badgeVariants, buildParsed, buttonVariants, cn, fieldVariants as comboboxFieldVariants, exitFallbackMs, parseColor, sidebarMenuButtonVariants, sizeMap, spring, surfaceClasses, triggerVariants, typeScale, useDialogState, useDropdown, useDropdownMaybe, useFluidHover, useRegisterFluidHoverItem, useSidebar, useSize, useSizeContext, useSizeVariant, useSurface, useToast, useTypeScale };
|