@justanarthur/modo-ui 0.6.0-canary.8 → 0.6.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/README.md +66 -164
- package/dist/base.css +4 -141
- package/dist/blocks/sidebar-app/index.js +26 -40
- package/dist/components/AI/input-message/index.js +16 -23
- package/dist/components/AI/thinking-indicator/index.js +6 -9
- package/dist/components/accordion/index.d.ts +11 -39
- package/dist/components/accordion/index.js +13 -18
- package/dist/components/badge/index.d.ts +11 -18
- package/dist/components/badge/index.js +7 -12
- package/dist/components/button/index.d.ts +17 -53
- package/dist/components/button/index.js +6 -11
- package/dist/components/card/index.d.ts +9 -32
- package/dist/components/card/index.js +11 -17
- package/dist/components/copy/index.d.ts +8 -41
- package/dist/components/copy/index.js +9 -15
- package/dist/components/inputs/checkbox/index.d.ts +9 -28
- package/dist/components/inputs/checkbox/index.js +13 -18
- package/dist/components/inputs/color-picker/index.d.ts +14 -22
- package/dist/components/inputs/color-picker/index.js +18 -26
- package/dist/components/inputs/combobox/index.d.ts +20 -85
- package/dist/components/inputs/combobox/index.js +18 -27
- package/dist/components/inputs/date-time/calendar/index.d.ts +18 -24
- package/dist/components/inputs/date-time/calendar/index.js +11 -15
- package/dist/components/inputs/date-time/date-picker/index.d.ts +16 -105
- package/dist/components/inputs/date-time/date-picker/index.js +25 -35
- package/dist/components/inputs/date-time/date-range-picker/index.d.ts +12 -106
- package/dist/components/inputs/date-time/date-range-picker/index.js +24 -35
- package/dist/components/inputs/date-time/duration-picker/index.d.ts +13 -66
- package/dist/components/inputs/date-time/duration-picker/index.js +24 -33
- package/dist/components/inputs/date-time/month-picker/index.d.ts +10 -60
- package/dist/components/inputs/date-time/month-picker/index.js +23 -32
- package/dist/components/inputs/date-time/time-picker/index.d.ts +10 -58
- package/dist/components/inputs/date-time/time-picker/index.js +24 -33
- package/dist/components/inputs/input/index.d.ts +13 -95
- package/dist/components/inputs/input/index.js +9 -18
- package/dist/components/inputs/radio/index.d.ts +5 -20
- package/dist/components/inputs/radio/index.js +12 -16
- package/dist/components/inputs/search/index.d.ts +3 -3
- package/dist/components/inputs/search/index.js +18 -26
- package/dist/components/inputs/select/index.d.ts +23 -99
- package/dist/components/inputs/select/index.js +14 -29
- package/dist/components/inputs/slider/index.d.ts +0 -9
- package/dist/components/inputs/slider/index.js +5 -8
- package/dist/components/inputs/switch/index.d.ts +2 -8
- package/dist/components/inputs/switch/index.js +12 -15
- package/dist/components/inputs/textarea/index.d.ts +1 -20
- package/dist/components/inputs/textarea/index.js +6 -9
- package/dist/components/navigation/sidebar/index.d.ts +21 -44
- package/dist/components/navigation/sidebar/index.js +31 -42
- package/dist/components/navigation/tabs/index.d.ts +2 -8
- package/dist/components/navigation/tabs/index.js +10 -15
- package/dist/components/navigation/tabs-subtle/index.js +10 -13
- package/dist/components/overlays/alert-dialog/index.d.ts +16 -135
- package/dist/components/overlays/alert-dialog/index.js +13 -23
- package/dist/components/overlays/command/index.d.ts +20 -25
- package/dist/components/overlays/command/index.js +17 -25
- package/dist/components/overlays/context-menu/index.d.ts +17 -39
- package/dist/components/overlays/context-menu/index.js +18 -29
- package/dist/components/overlays/dialog/index.d.ts +16 -42
- package/dist/components/overlays/dialog/index.js +12 -20
- package/dist/components/overlays/dropdown/index.d.ts +34 -304
- package/dist/components/overlays/dropdown/index.js +17 -44
- package/dist/components/overlays/popover/index.d.ts +12 -38
- package/dist/components/overlays/popover/index.js +9 -13
- package/dist/components/overlays/preview-card/index.js +8 -12
- package/dist/components/overlays/sheet/index.d.ts +8 -25
- package/dist/components/overlays/sheet/index.js +13 -19
- package/dist/components/overlays/toast/index.d.ts +50 -209
- package/dist/components/overlays/toast/index.js +10 -23
- package/dist/components/overlays/tooltip/index.d.ts +21 -123
- package/dist/components/overlays/tooltip/index.js +6 -16
- package/dist/components/table/index.d.ts +8 -63
- package/dist/components/table/index.js +9 -20
- package/dist/index.d.ts +1048 -2999
- package/dist/index.js +82 -231
- package/dist/preset.d.ts +0 -22
- package/dist/preset.js +2 -24
- package/dist/primitives/code/index.js +5 -8
- package/dist/primitives/craft/index.js +6 -10
- package/dist/primitives/fluid-hover/index.js +8 -10
- package/dist/primitives/morph/index.js +10 -16
- package/dist/primitives/motion/index.js +8 -11
- package/dist/primitives/scroll-area/index.js +3 -5
- package/dist/primitives/sizes/index.js +4 -6
- package/dist/primitives/surface/index.js +4 -6
- package/dist/shared/{components-4y816hwp.js → components-0q0sqfh4.js} +49 -27
- package/dist/shared/components-0sn7ypjw.js +61 -0
- package/dist/shared/{components-vc864c51.js → components-11da9ajg.js} +5 -8
- package/dist/shared/components-1434p1mh.js +123 -0
- package/dist/shared/{components-t2a3qmy9.js → components-1z6tdadk.js} +24 -40
- package/dist/shared/{components-qs4rkqsj.js → components-27nnvrwe.js} +14 -15
- package/dist/shared/{components-av5t26rc.js → components-2dxkv6zm.js} +7 -8
- package/dist/shared/{components-wqrvqq5p.js → components-2ecg8svx.js} +152 -234
- package/dist/shared/{components-3ydr2fqe.js → components-2ph6t61s.js} +34 -37
- package/dist/shared/{components-6gk118w3.js → components-39jq9va1.js} +24 -29
- package/dist/shared/components-3ky44908.js +9 -0
- package/dist/shared/{components-y1qvbawa.js → components-3mkepka5.js} +25 -28
- package/dist/shared/{components-xqszvkj4.js → components-4700p9kz.js} +22 -24
- package/dist/shared/{components-yhgq0qxx.js → components-59efxjd9.js} +12 -13
- package/dist/shared/{components-9j9abkct.js → components-5vgpnxgy.js} +27 -51
- package/dist/shared/{components-8tt3xbb5.js → components-5xc2j8jz.js} +18 -19
- package/dist/shared/{components-jymmaevv.js → components-6p8tfcd6.js} +29 -57
- package/dist/shared/{components-4nck8acq.js → components-7r3etddy.js} +54 -19
- package/dist/shared/{components-skfd7kff.js → components-8snj490h.js} +32 -78
- package/dist/shared/{components-ctqmge8t.js → components-b0eac83j.js} +30 -9
- package/dist/shared/{components-9sttq78t.js → components-b2wyq2cq.js} +59 -41
- package/dist/shared/{components-vkwq2k96.js → components-b3c5et5b.js} +38 -49
- package/dist/shared/{components-rrbpmfx4.js → components-c6s6b43g.js} +2 -3
- package/dist/shared/{components-pw06rbxq.js → components-chacnk61.js} +19 -19
- package/dist/shared/{components-71nbt03m.js → components-cv16mryv.js} +7 -26
- package/dist/shared/{components-eqze3y30.js → components-d6xtjht3.js} +30 -35
- package/dist/shared/{components-5y5shqfd.js → components-dk0gjr5a.js} +18 -19
- package/dist/shared/{components-khspp26b.js → components-fzrq6tr3.js} +34 -37
- package/dist/shared/{components-km7fhgbk.js → components-gc5vtq2f.js} +30 -66
- package/dist/shared/components-gf5s6ap9.js +42 -0
- package/dist/shared/{components-qqcmtrbv.js → components-gz8zf3ec.js} +55 -56
- package/dist/shared/{components-mattt5jp.js → components-h2ajmhwn.js} +35 -107
- package/dist/shared/{components-awra5sff.js → components-hqeq3w9q.js} +16 -24
- package/dist/shared/{components-5tzhqbcw.js → components-hw9yk32z.js} +24 -36
- package/dist/shared/components-hyq23phv.js +310 -0
- package/dist/shared/{components-8mt5bsv6.js → components-jbbmdr74.js} +22 -41
- package/dist/shared/{components-dcc02hs2.js → components-jjw69c4c.js} +4 -7
- package/dist/shared/{components-2syq4mwc.js → components-jthe1pwb.js} +420 -139
- package/dist/shared/{components-r7q1zm7r.js → components-jwst3vtj.js} +76 -224
- package/dist/shared/{components-qdm3yh26.js → components-kvr7f9hy.js} +10 -19
- package/dist/shared/{components-s8yqk2dc.js → components-kwa6mrf9.js} +11 -46
- package/dist/shared/{components-de99ykt7.js → components-men63rwj.js} +2 -3
- package/dist/shared/{components-6b0zb8z3.js → components-mjthm1kf.js} +9 -13
- package/dist/shared/{components-2c64r8c9.js → components-n42c79bz.js} +22 -23
- package/dist/shared/{components-tz1fv35x.js → components-n7mjr357.js} +2 -3
- package/dist/shared/components-ng72k97e.js +128 -0
- package/dist/shared/{components-dyae0y7h.js → components-pbmqctfa.js} +65 -169
- package/dist/shared/{components-px2zm7dc.js → components-q5xj5c16.js} +8 -9
- package/dist/shared/components-raknhppb.js +64 -0
- package/dist/shared/{components-8rb25gbe.js → components-rr7a6ja9.js} +27 -59
- package/dist/shared/{components-5012r6gr.js → components-s083f38z.js} +34 -164
- package/dist/shared/components-s5ngg32c.js +267 -0
- package/dist/shared/components-sn1rxx1d.js +143 -0
- package/dist/shared/{components-r8eqs7gz.js → components-ta7shw28.js} +4 -4
- package/dist/shared/{components-9as3rf68.js → components-vc7vq5nz.js} +3 -6
- package/dist/shared/{components-ft3zdc79.js → components-vfbhxf5r.js} +5 -6
- package/dist/shared/components-vynjtrk6.js +19 -0
- package/dist/shared/{components-w0xq6q9k.js → components-w1r67ag9.js} +149 -294
- package/dist/shared/{components-z0bqtvcp.js → components-w90endve.js} +72 -71
- package/dist/shared/{components-t5pk5nmc.js → components-wvp1m52g.js} +102 -149
- package/dist/shared/components-wy9jpqny.js +146 -0
- package/dist/shared/{components-5sxjeh6h.js → components-y9y0g8er.js} +28 -52
- package/dist/shared/components-ypp01w3p.js +986 -0
- package/dist/shared/{components-t50hrswb.js → components-zfnmn5d4.js} +36 -82
- package/dist/shared/{components-jqpefjsn.js → components-zrkzcayz.js} +6 -54
- package/dist/shared/{components-vf45j12c.js → components-zx6b6yby.js} +18 -4
- package/dist/styles.css +32 -320
- package/dist/tailwind.css +0 -16
- package/dist/tokens.css +0 -67
- package/package.json +4 -227
- package/DESIGN.md +0 -623
- package/blocks/sidebar-app/examples.mdx +0 -33
- package/blocks/sidebar-app/index.tsx +0 -218
- package/blocks/sidebar-app/inset-topbar.tsx +0 -25
- package/blocks/sidebar-app/menu-grid.ts +0 -26
- package/blocks/sidebar-app/nav-data.ts +0 -36
- package/blocks/sidebar-app/search-field.tsx +0 -48
- package/blocks/sidebar-app/user-footer.tsx +0 -67
- package/blocks/sidebar-app/workspace-header.tsx +0 -129
- package/components/AI/input-message/examples.mdx +0 -130
- package/components/AI/input-message/file-thumbnail.tsx +0 -173
- package/components/AI/input-message/index.tsx +0 -1385
- package/components/AI/thinking-indicator/examples.mdx +0 -27
- package/components/AI/thinking-indicator/index.tsx +0 -210
- package/components/accordion/examples.mdx +0 -233
- package/components/accordion/index.tsx +0 -1071
- package/components/avatar/examples.mdx +0 -95
- package/components/avatar/index.tsx +0 -129
- package/components/badge/change-demo.tsx +0 -29
- package/components/badge/examples.mdx +0 -124
- package/components/badge/index.tsx +0 -225
- package/components/badge/variants.ts +0 -73
- package/components/button/examples.mdx +0 -168
- package/components/button/index.tsx +0 -424
- package/components/button/loading-demo.tsx +0 -25
- package/components/button/variants.ts +0 -168
- package/components/card/examples.mdx +0 -251
- package/components/card/index.tsx +0 -1070
- package/components/copy/examples.mdx +0 -125
- package/components/copy/index.tsx +0 -662
- package/components/inputs/checkbox/examples.mdx +0 -87
- package/components/inputs/checkbox/index.tsx +0 -611
- package/components/inputs/checkbox/select-all-demo.tsx +0 -48
- package/components/inputs/color-picker/examples.mdx +0 -111
- package/components/inputs/color-picker/index.tsx +0 -1981
- package/components/inputs/color-picker/variants.ts +0 -401
- package/components/inputs/combobox/examples.mdx +0 -366
- package/components/inputs/combobox/index.tsx +0 -1527
- package/components/inputs/combobox/remote-demo.tsx +0 -105
- package/components/inputs/date-time/calendar/examples.mdx +0 -45
- package/components/inputs/date-time/calendar/index.tsx +0 -370
- package/components/inputs/date-time/calendar/use-month-window.ts +0 -173
- package/components/inputs/date-time/date-picker/examples.mdx +0 -243
- package/components/inputs/date-time/date-picker/index.tsx +0 -476
- package/components/inputs/date-time/date-picker/masked-date-input.tsx +0 -348
- package/components/inputs/date-time/date-range-picker/examples.mdx +0 -93
- package/components/inputs/date-time/date-range-picker/index.tsx +0 -525
- package/components/inputs/date-time/duration-picker/examples.mdx +0 -40
- package/components/inputs/date-time/duration-picker/index.tsx +0 -253
- package/components/inputs/date-time/month-picker/examples.mdx +0 -45
- package/components/inputs/date-time/month-picker/index.tsx +0 -254
- package/components/inputs/date-time/picker-shell.tsx +0 -581
- package/components/inputs/date-time/time-columns.tsx +0 -94
- package/components/inputs/date-time/time-picker/examples.mdx +0 -57
- package/components/inputs/date-time/time-picker/index.tsx +0 -227
- package/components/inputs/field/examples.mdx +0 -117
- package/components/inputs/field/index.tsx +0 -268
- package/components/inputs/file-dropzone/examples.mdx +0 -83
- package/components/inputs/file-dropzone/file-row.tsx +0 -201
- package/components/inputs/file-dropzone/index.tsx +0 -316
- package/components/inputs/file-dropzone/upload-demo.tsx +0 -67
- package/components/inputs/file-dropzone/variants.ts +0 -94
- package/components/inputs/input/examples.mdx +0 -166
- package/components/inputs/input/index.tsx +0 -494
- package/components/inputs/input/password-demo.tsx +0 -30
- package/components/inputs/label/examples.mdx +0 -67
- package/components/inputs/label/index.tsx +0 -85
- package/components/inputs/number-input/examples.mdx +0 -69
- package/components/inputs/number-input/index.tsx +0 -221
- package/components/inputs/radio/examples.mdx +0 -77
- package/components/inputs/radio/index.tsx +0 -636
- package/components/inputs/search/examples.mdx +0 -74
- package/components/inputs/search/index.tsx +0 -333
- package/components/inputs/select/examples.mdx +0 -296
- package/components/inputs/select/index.tsx +0 -1044
- package/components/inputs/select/variants.ts +0 -32
- package/components/inputs/slider/examples.mdx +0 -153
- package/components/inputs/slider/index.tsx +0 -1867
- package/components/inputs/switch/examples.mdx +0 -96
- package/components/inputs/switch/index.tsx +0 -504
- package/components/inputs/textarea/examples.mdx +0 -126
- package/components/inputs/textarea/index.tsx +0 -207
- package/components/navigation/navigation-menu/examples.mdx +0 -136
- package/components/navigation/navigation-menu/index.tsx +0 -704
- package/components/navigation/pagination/examples.mdx +0 -74
- package/components/navigation/pagination/index.tsx +0 -401
- package/components/navigation/sidebar/examples.mdx +0 -325
- package/components/navigation/sidebar/index.tsx +0 -453
- package/components/navigation/sidebar/sidebar-core.tsx +0 -1408
- package/components/navigation/sidebar/sidebar-menu.tsx +0 -1495
- package/components/navigation/sidebar/sidebar.css +0 -74
- package/components/navigation/sidebar/variants.ts +0 -55
- package/components/navigation/tabs/examples.mdx +0 -89
- package/components/navigation/tabs/index.tsx +0 -494
- package/components/navigation/tabs-subtle/examples.mdx +0 -49
- package/components/navigation/tabs-subtle/index.tsx +0 -512
- package/components/overlays/alert-dialog/examples.mdx +0 -123
- package/components/overlays/alert-dialog/index.tsx +0 -276
- package/components/overlays/alert-dialog/pending-demo.tsx +0 -36
- package/components/overlays/command/examples.mdx +0 -113
- package/components/overlays/command/index.tsx +0 -425
- package/components/overlays/context-menu/examples.mdx +0 -56
- package/components/overlays/context-menu/index.tsx +0 -279
- package/components/overlays/dialog/examples.mdx +0 -165
- package/components/overlays/dialog/index.tsx +0 -451
- package/components/overlays/dropdown/dropdown-search.tsx +0 -395
- package/components/overlays/dropdown/examples.mdx +0 -444
- package/components/overlays/dropdown/index.tsx +0 -1241
- package/components/overlays/dropdown/menu-item.tsx +0 -510
- package/components/overlays/dropdown/menu-parts.tsx +0 -725
- package/components/overlays/popover/anchored-demo.tsx +0 -59
- package/components/overlays/popover/examples.mdx +0 -203
- package/components/overlays/popover/index.tsx +0 -317
- package/components/overlays/preview-card/examples.mdx +0 -61
- package/components/overlays/preview-card/index.tsx +0 -204
- package/components/overlays/sheet/examples.mdx +0 -101
- package/components/overlays/sheet/index.tsx +0 -307
- package/components/overlays/toast/examples.mdx +0 -85
- package/components/overlays/toast/global-demo.tsx +0 -72
- package/components/overlays/toast/index.tsx +0 -544
- package/components/overlays/toast/manager.ts +0 -193
- package/components/overlays/tooltip/examples.mdx +0 -106
- package/components/overlays/tooltip/index.tsx +0 -539
- package/components/progress/examples.mdx +0 -59
- package/components/progress/index.tsx +0 -174
- package/components/progress/progress.css +0 -49
- package/components/progress/step-demo.tsx +0 -27
- package/components/table/examples.mdx +0 -188
- package/components/table/index.tsx +0 -535
- package/components/table/sort-demo.tsx +0 -61
- package/dist/components/avatar/index.d.ts +0 -46
- package/dist/components/avatar/index.js +0 -19
- package/dist/components/badge/variants.d.ts +0 -33
- package/dist/components/badge/variants.js +0 -10
- package/dist/components/button/variants.d.ts +0 -39
- package/dist/components/button/variants.js +0 -8
- package/dist/components/inputs/color-picker/variants.d.ts +0 -61
- package/dist/components/inputs/color-picker/variants.js +0 -28
- package/dist/components/inputs/field/index.d.ts +0 -116
- package/dist/components/inputs/field/index.js +0 -29
- package/dist/components/inputs/file-dropzone/index.d.ts +0 -167
- package/dist/components/inputs/file-dropzone/index.js +0 -33
- package/dist/components/inputs/file-dropzone/variants.d.ts +0 -35
- package/dist/components/inputs/file-dropzone/variants.js +0 -12
- package/dist/components/inputs/label/index.d.ts +0 -32
- package/dist/components/inputs/label/index.js +0 -11
- package/dist/components/inputs/number-input/index.d.ts +0 -87
- package/dist/components/inputs/number-input/index.js +0 -21
- package/dist/components/inputs/select/variants.d.ts +0 -5
- package/dist/components/inputs/select/variants.js +0 -6
- package/dist/components/navigation/navigation-menu/index.d.ts +0 -126
- package/dist/components/navigation/navigation-menu/index.js +0 -41
- package/dist/components/navigation/pagination/index.d.ts +0 -75
- package/dist/components/navigation/pagination/index.js +0 -41
- package/dist/components/navigation/sidebar/variants.d.ts +0 -25
- package/dist/components/navigation/sidebar/variants.js +0 -28
- package/dist/components/progress/index.d.ts +0 -56
- package/dist/components/progress/index.js +0 -15
- package/dist/docs/index.d.ts +0 -83
- package/dist/docs/index.js +0 -288
- package/dist/docs/vite.d.ts +0 -31
- package/dist/docs/vite.js +0 -45
- package/dist/lib/date-locale.d.ts +0 -26
- package/dist/lib/date-locale.js +0 -24
- package/dist/lib/field-classes.d.ts +0 -149
- package/dist/lib/field-classes.js +0 -41
- package/dist/lib/field-variants.d.ts +0 -47
- package/dist/lib/field-variants.js +0 -26
- package/dist/lib/fluid-hover-highlight.d.ts +0 -112
- package/dist/lib/fluid-hover-highlight.js +0 -17
- package/dist/lib/focus-ring.d.ts +0 -18
- package/dist/lib/focus-ring.js +0 -11
- package/dist/lib/goo-indicator.d.ts +0 -46
- package/dist/lib/goo-indicator.js +0 -14
- package/dist/lib/icon-context.d.ts +0 -30
- package/dist/lib/icon-context.js +0 -12
- package/dist/lib/inert.d.ts +0 -9
- package/dist/lib/inert.js +0 -8
- package/dist/lib/morph-layers.d.ts +0 -93
- package/dist/lib/morph-layers.js +0 -13
- package/dist/lib/morph-part.d.ts +0 -21
- package/dist/lib/morph-part.js +0 -12
- package/dist/lib/popup.d.ts +0 -20
- package/dist/lib/popup.js +0 -12
- package/dist/lib/reduced-motion.d.ts +0 -9
- package/dist/lib/reduced-motion.js +0 -6
- package/dist/lib/row-index.d.ts +0 -10
- package/dist/lib/row-index.js +0 -8
- package/dist/lib/row-order.d.ts +0 -28
- package/dist/lib/row-order.js +0 -10
- package/dist/lib/scroll-column.d.ts +0 -31
- package/dist/lib/scroll-column.js +0 -19
- package/dist/lib/shape-context.d.ts +0 -30
- package/dist/lib/shape-context.js +0 -13
- package/dist/lib/shape-radius.d.ts +0 -19
- package/dist/lib/shape-radius.js +0 -6
- package/dist/lib/size-context.d.ts +0 -94
- package/dist/lib/size-context.js +0 -20
- package/dist/lib/size-scale.d.ts +0 -79
- package/dist/lib/size-scale.js +0 -8
- package/dist/lib/slot.d.ts +0 -39
- package/dist/lib/slot.js +0 -14
- package/dist/lib/springs.d.ts +0 -44
- package/dist/lib/springs.js +0 -8
- package/dist/lib/surface-classes.d.ts +0 -19
- package/dist/lib/surface-classes.js +0 -10
- package/dist/lib/surface-context.d.ts +0 -9
- package/dist/lib/surface-context.js +0 -8
- package/dist/lib/use-controllable-state.d.ts +0 -2
- package/dist/lib/use-controllable-state.js +0 -6
- package/dist/lib/use-fluid-hover.d.ts +0 -138
- package/dist/lib/use-fluid-hover.js +0 -14
- package/dist/lib/use-is-mobile.d.ts +0 -2
- package/dist/lib/use-is-mobile.js +0 -6
- package/dist/lib/use-keyboard-nav-gate.d.ts +0 -20
- package/dist/lib/use-keyboard-nav-gate.js +0 -7
- package/dist/lib/use-merge-split.d.ts +0 -47
- package/dist/lib/use-merge-split.js +0 -15
- package/dist/lib/use-morph.d.ts +0 -101
- package/dist/lib/use-morph.js +0 -20
- package/dist/lib/use-touch-primary.d.ts +0 -2
- package/dist/lib/use-touch-primary.js +0 -6
- package/dist/lib/utils.d.ts +0 -3
- package/dist/lib/utils.js +0 -6
- package/dist/primitives/separator/index.d.ts +0 -25
- package/dist/primitives/separator/index.js +0 -9
- package/dist/primitives/skeleton/index.d.ts +0 -35
- package/dist/primitives/skeleton/index.js +0 -13
- package/dist/shared/components-124epb7f.js +0 -53
- package/dist/shared/components-1kab3j44.js +0 -337
- package/dist/shared/components-26snnbs9.js +0 -322
- package/dist/shared/components-34txk9rj.js +0 -35
- package/dist/shared/components-3h92d94m.js +0 -23
- package/dist/shared/components-4vfm04wq.js +0 -82
- package/dist/shared/components-54nq988h.js +0 -123
- package/dist/shared/components-7s7pykk5.js +0 -281
- package/dist/shared/components-7zkhz3r8.js +0 -399
- package/dist/shared/components-8v644a0s.js +0 -298
- package/dist/shared/components-a4evvq8h.js +0 -271
- package/dist/shared/components-adkarj8n.js +0 -35
- package/dist/shared/components-b1e239g3.js +0 -28
- package/dist/shared/components-b94t6qtj.js +0 -143
- package/dist/shared/components-c9yr4ed1.js +0 -44
- package/dist/shared/components-cwg1d0w6.js +0 -254
- package/dist/shared/components-d3shbwqq.js +0 -95
- package/dist/shared/components-dhgk6mbt.js +0 -16
- package/dist/shared/components-drxrtnp2.js +0 -25
- package/dist/shared/components-ej4r7wmj.js +0 -482
- package/dist/shared/components-f7h57m6t.js +0 -59
- package/dist/shared/components-fejdzvqc.js +0 -448
- package/dist/shared/components-gx4h5rbb.js +0 -40
- package/dist/shared/components-gyt7my41.js +0 -328
- package/dist/shared/components-h6p86be3.js +0 -19
- package/dist/shared/components-h83az0bz.js +0 -33
- package/dist/shared/components-hdzrqqpx.js +0 -55
- package/dist/shared/components-krtx3m5b.js +0 -84
- package/dist/shared/components-kswxnm3h.js +0 -24
- package/dist/shared/components-mpa2y6x8.js +0 -277
- package/dist/shared/components-mrbaxt8q.js +0 -62
- package/dist/shared/components-pt5ftm4p.js +0 -38
- package/dist/shared/components-rpw4md2b.js +0 -179
- package/dist/shared/components-rtadhd9j.js +0 -64
- package/dist/shared/components-tz4gaf1v.js +0 -23
- package/dist/shared/components-wbbckbw8.js +0 -34
- package/dist/shared/components-xdqmt6ed.js +0 -20
- package/dist/shared/components-xjkdvnbg.js +0 -107
- package/dist/shared/components-z3v0n0de.js +0 -11
- package/dist/shared/components-z6dfqtyt.js +0 -1545
- package/dist/tokens/colors.css +0 -230
- package/dist/tokens/motion.css +0 -40
- package/dist/tokens/radius.css +0 -10
- package/dist/tokens/spacing.css +0 -9
- package/dist/tokens/typography.css +0 -119
- package/docs/chrome.css +0 -120
- package/docs/chrome.tsx +0 -283
- package/docs/index.ts +0 -9
- package/docs/vite.ts +0 -85
- package/index.ts +0 -60
- package/lib/date-locale.ts +0 -195
- package/lib/field-classes.ts +0 -121
- package/lib/field-variants.ts +0 -117
- package/lib/fluid-hover-highlight.tsx +0 -139
- package/lib/focus-ring.tsx +0 -46
- package/lib/goo-indicator.tsx +0 -261
- package/lib/icon-context.tsx +0 -310
- package/lib/inert.ts +0 -22
- package/lib/morph-layers.tsx +0 -102
- package/lib/morph-part.tsx +0 -49
- package/lib/popup.ts +0 -52
- package/lib/reduced-motion.ts +0 -19
- package/lib/row-index.tsx +0 -29
- package/lib/row-order.tsx +0 -126
- package/lib/scroll-column.tsx +0 -273
- package/lib/shape-context.tsx +0 -138
- package/lib/shape-radius.ts +0 -67
- package/lib/size-context.tsx +0 -66
- package/lib/size-scale.ts +0 -115
- package/lib/slot.ts +0 -115
- package/lib/springs.ts +0 -62
- package/lib/surface-classes.ts +0 -58
- package/lib/surface-context.tsx +0 -21
- package/lib/use-controllable-state.ts +0 -44
- package/lib/use-fluid-hover.ts +0 -541
- package/lib/use-is-mobile.ts +0 -25
- package/lib/use-keyboard-nav-gate.ts +0 -45
- package/lib/use-merge-split.tsx +0 -209
- package/lib/use-morph.ts +0 -557
- package/lib/use-touch-primary.tsx +0 -43
- package/lib/utils.ts +0 -37
- package/preset.ts +0 -199
- package/primitives/code/examples.mdx +0 -27
- package/primitives/code/index.tsx +0 -80
- package/primitives/craft/demos.tsx +0 -173
- package/primitives/craft/examples.mdx +0 -142
- package/primitives/craft/index.tsx +0 -76
- package/primitives/fluid-hover/examples.mdx +0 -84
- package/primitives/fluid-hover/index.tsx +0 -316
- package/primitives/morph/examples.mdx +0 -139
- package/primitives/morph/index.tsx +0 -192
- package/primitives/motion/examples.mdx +0 -100
- package/primitives/motion/index.tsx +0 -160
- package/primitives/scroll-area/examples.mdx +0 -58
- package/primitives/scroll-area/index.tsx +0 -204
- package/primitives/separator/examples.mdx +0 -30
- package/primitives/separator/index.tsx +0 -53
- package/primitives/sizes/examples.mdx +0 -167
- package/primitives/sizes/index.tsx +0 -89
- package/primitives/skeleton/examples.mdx +0 -51
- package/primitives/skeleton/index.tsx +0 -72
- package/primitives/skeleton/skeleton.css +0 -15
- package/primitives/surface/examples.mdx +0 -173
- package/primitives/surface/index.tsx +0 -109
- package/primitives/surface/surface.css +0 -176
- /package/dist/shared/{components-3ey0hzpb.js → components-1v7rxytx.js} +0 -0
- /package/dist/shared/{components-jcnjay5g.js → components-ezxhrmer.js} +0 -0
|
@@ -6,19 +6,15 @@ import {
|
|
|
6
6
|
PopoverDescription2,
|
|
7
7
|
Popover2,
|
|
8
8
|
popover_default
|
|
9
|
-
} from "../../../shared/components-
|
|
10
|
-
import"../../../shared/components-
|
|
11
|
-
import"../../../shared/components-
|
|
12
|
-
import"../../../shared/components-
|
|
13
|
-
import"../../../shared/components-
|
|
14
|
-
import"../../../shared/components-
|
|
15
|
-
import"../../../shared/components-
|
|
16
|
-
import"../../../shared/components-
|
|
17
|
-
import"../../../shared/components-
|
|
18
|
-
import"../../../shared/components-3ey0hzpb.js";
|
|
19
|
-
import"../../../shared/components-71nbt03m.js";
|
|
20
|
-
import"../../../shared/components-gx4h5rbb.js";
|
|
21
|
-
import"../../../shared/components-jcnjay5g.js";
|
|
9
|
+
} from "../../../shared/components-gc5vtq2f.js";
|
|
10
|
+
import"../../../shared/components-3ky44908.js";
|
|
11
|
+
import"../../../shared/components-0q0sqfh4.js";
|
|
12
|
+
import"../../../shared/components-hqeq3w9q.js";
|
|
13
|
+
import"../../../shared/components-n7mjr357.js";
|
|
14
|
+
import"../../../shared/components-men63rwj.js";
|
|
15
|
+
import"../../../shared/components-cv16mryv.js";
|
|
16
|
+
import"../../../shared/components-zx6b6yby.js";
|
|
17
|
+
import"../../../shared/components-ezxhrmer.js";
|
|
22
18
|
export {
|
|
23
19
|
Popover2 as Popover,
|
|
24
20
|
PopoverClose2 as PopoverClose,
|
|
@@ -3,18 +3,14 @@ import {
|
|
|
3
3
|
PreviewCardContent2,
|
|
4
4
|
PreviewCard2,
|
|
5
5
|
preview_card_default
|
|
6
|
-
} from "../../../shared/components-
|
|
7
|
-
import"../../../shared/components-
|
|
8
|
-
import"../../../shared/components-
|
|
9
|
-
import"../../../shared/components-
|
|
10
|
-
import"../../../shared/components-
|
|
11
|
-
import"../../../shared/components-
|
|
12
|
-
import"../../../shared/components-
|
|
13
|
-
import"../../../shared/components-
|
|
14
|
-
import"../../../shared/components-3ey0hzpb.js";
|
|
15
|
-
import"../../../shared/components-71nbt03m.js";
|
|
16
|
-
import"../../../shared/components-gx4h5rbb.js";
|
|
17
|
-
import"../../../shared/components-jcnjay5g.js";
|
|
6
|
+
} from "../../../shared/components-3mkepka5.js";
|
|
7
|
+
import"../../../shared/components-0q0sqfh4.js";
|
|
8
|
+
import"../../../shared/components-hqeq3w9q.js";
|
|
9
|
+
import"../../../shared/components-n7mjr357.js";
|
|
10
|
+
import"../../../shared/components-men63rwj.js";
|
|
11
|
+
import"../../../shared/components-cv16mryv.js";
|
|
12
|
+
import"../../../shared/components-zx6b6yby.js";
|
|
13
|
+
import"../../../shared/components-ezxhrmer.js";
|
|
18
14
|
export {
|
|
19
15
|
PreviewCard2 as PreviewCard,
|
|
20
16
|
PreviewCardContent2 as PreviewCardContent,
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { ComponentProps as ComponentProps2, HTMLAttributes as HTMLAttributes2, ReactNode as ReactNode3, RefObject as RefObject3 } from "react";
|
|
1
|
+
import { HTMLAttributes as HTMLAttributes2, ReactNode as ReactNode3, RefObject as RefObject3 } from "react";
|
|
3
2
|
import { ForwardRefExoticComponent as ForwardRefExoticComponent_tcubfn2 } from "react";
|
|
4
3
|
import { RefAttributes as RefAttributes_miuf562 } from "react";
|
|
5
4
|
import { JSX as JSX_1kxb2 } from "react";
|
|
@@ -15,32 +14,21 @@ interface SheetContentProps extends HTMLAttributes2<HTMLDivElement> {
|
|
|
15
14
|
tier?: "moderate" | "slow";
|
|
16
15
|
/** Portal target. Defaults to the document body. */
|
|
17
16
|
container?: HTMLElement | null;
|
|
18
|
-
/** The edge the sheet is attached to, overriding the root's `side` (the Radix shape); the swipe follows it. Defaults to the `Sheet`'s `side`. */
|
|
19
|
-
side?: SheetSide;
|
|
20
|
-
/** Where focus goes when the sheet opens: a ref, `false` to leave it, `true` for the default, or a function of how it opened (`'mouse'`, `'touch'`, `'pen'`, `'keyboard'`). Defaults to the first tabbable element in the panel. */
|
|
21
|
-
initialFocus?: DrawerPopupProps["initialFocus"];
|
|
22
|
-
/** Where focus goes when the sheet closes: a ref, `false` to leave it, `true` for the default, or a function of how it closed. Defaults to the trigger. */
|
|
23
|
-
finalFocus?: DrawerPopupProps["finalFocus"];
|
|
24
|
-
/** Classes for the positioned popup box, merged after its placement (`max-w-[36rem]` on top and bottom, `w-[min(24rem,calc(100%-1rem))]` on the sides), so a width class resizes the sheet. */
|
|
25
|
-
popupClassName?: string;
|
|
26
17
|
/** Classes for the sheet's content box: padding, layout. */
|
|
27
18
|
className?: string;
|
|
28
19
|
/** The sheet's content. Everything inside reads the sheet's surface level as its substrate. */
|
|
29
20
|
children?: ReactNode3;
|
|
30
21
|
}
|
|
31
|
-
type DrawerPopupProps = ComponentProps2<typeof DrawerPrimitive.Popup>;
|
|
32
22
|
declare const SheetContent: ForwardRefExoticComponent_tcubfn2<SheetContentProps & RefAttributes_miuf562<HTMLDivElement>>;
|
|
33
23
|
declare const SheetIndent: ForwardRefExoticComponent_tcubfn2<HTMLAttributes2<HTMLDivElement> & RefAttributes_miuf562<HTMLDivElement>>;
|
|
34
|
-
/** What `onOpenChange` receives besides the open state: Base UI's Drawer change details. */
|
|
35
|
-
type SheetOpenChangeDetails = DrawerPrimitive.Root.ChangeEventDetails;
|
|
36
24
|
interface SheetProps {
|
|
37
25
|
/** Controlled open state. */
|
|
38
26
|
open?: boolean;
|
|
39
27
|
/** Initial open state, for an uncontrolled sheet. Defaults to `false`. */
|
|
40
28
|
defaultOpen?: boolean;
|
|
41
|
-
/** Called when the sheet opens or closes, including by a swipe
|
|
42
|
-
onOpenChange?: (open: boolean
|
|
43
|
-
/** The edge the sheet is attached to; a swipe back toward it dismisses it.
|
|
29
|
+
/** Called when the sheet opens or closes, including by a swipe. */
|
|
30
|
+
onOpenChange?: (open: boolean) => void;
|
|
31
|
+
/** The edge the sheet is attached to; a swipe back toward it dismisses it. Defaults to `'bottom'`. */
|
|
44
32
|
side?: "top" | "right" | "bottom" | "left";
|
|
45
33
|
/** Snap points for a top or bottom sheet: fractions of the viewport height (0–1), pixels, or `px` / `rem` strings. */
|
|
46
34
|
snapPoints?: (number | string)[];
|
|
@@ -48,8 +36,6 @@ interface SheetProps {
|
|
|
48
36
|
defaultSnapPoint?: number | string;
|
|
49
37
|
/** Traps focus and locks page scroll while open. Defaults to `true`. */
|
|
50
38
|
modal?: boolean;
|
|
51
|
-
/** Ignore presses outside the sheet: only Escape, a swipe and its own closes dismiss it. Defaults to `false`. */
|
|
52
|
-
disablePointerDismissal?: boolean;
|
|
53
39
|
/** The trigger and the content — `Sheet.Trigger` plus a `Sheet.Content`. */
|
|
54
40
|
children?: ReactNode3;
|
|
55
41
|
}
|
|
@@ -64,21 +50,18 @@ type Element_12xgc2 = JSX_1kxb2["Element"];
|
|
|
64
50
|
* go), top and bottom sheets can rest at `snapPoints`, and
|
|
65
51
|
* focus and scroll are held while it is open. It floats a spacing step off
|
|
66
52
|
* its edge and lifts 4 surface levels off its substrate, like a dialog; top
|
|
67
|
-
* and bottom sheets show a handle.
|
|
68
|
-
* (`details.reason`, `'swipe'` included) and can `details.cancel()` it.
|
|
53
|
+
* and bottom sheets show a handle.
|
|
69
54
|
*
|
|
70
55
|
* Statics:
|
|
71
56
|
* - `Sheet.Trigger`, `Sheet.Header`, `Sheet.Footer`, `Sheet.Title`,
|
|
72
57
|
* `Sheet.Description`, `Sheet.Close` — Dialog's parts, which work the same
|
|
73
58
|
* here.
|
|
74
|
-
* - `Sheet.Content` — the panel
|
|
75
|
-
* `initialFocus`, `finalFocus`, `popupClassName` (sizes the popup box),
|
|
76
|
-
* and the morph options `from`, `effect`,
|
|
59
|
+
* - `Sheet.Content` — the panel, with the morph options `from`, `effect`,
|
|
77
60
|
* `hideSource`, `tier`.
|
|
78
61
|
* - `Sheet.Provider` / `Sheet.Indent` — wrap the page in an `Indent` under a
|
|
79
62
|
* `Provider` and it eases back while any sheet inside is open.
|
|
80
63
|
*
|
|
81
64
|
* @example {@include ./examples.mdx}
|
|
82
65
|
*/
|
|
83
|
-
declare function Sheet({ children, open, defaultOpen, onOpenChange, side, snapPoints, defaultSnapPoint, modal
|
|
84
|
-
export { Sheet, SheetContent, SheetContentProps, SheetIndent,
|
|
66
|
+
declare function Sheet({ children, open, defaultOpen, onOpenChange, side, snapPoints, defaultSnapPoint, modal }: SheetProps): Element_12xgc2;
|
|
67
|
+
export { Sheet, SheetContent, SheetContentProps, SheetIndent, SheetProps, SheetSide, Sheet as default };
|
|
@@ -3,25 +3,19 @@ import {
|
|
|
3
3
|
SheetIndent2,
|
|
4
4
|
Sheet2,
|
|
5
5
|
sheet_default
|
|
6
|
-
} from "../../../shared/components-
|
|
7
|
-
import"../../../shared/components-
|
|
8
|
-
import"../../../shared/components-
|
|
9
|
-
import"../../../shared/components-
|
|
10
|
-
import"../../../shared/components-
|
|
11
|
-
import"../../../shared/components-
|
|
12
|
-
import"../../../shared/components-
|
|
13
|
-
import"../../../shared/components-
|
|
14
|
-
import"../../../shared/components-
|
|
15
|
-
import"../../../shared/components-
|
|
16
|
-
import"../../../shared/components-
|
|
17
|
-
import"../../../shared/components-
|
|
18
|
-
import"../../../shared/components-
|
|
19
|
-
import"../../../shared/components-3ey0hzpb.js";
|
|
20
|
-
import"../../../shared/components-h83az0bz.js";
|
|
21
|
-
import"../../../shared/components-34txk9rj.js";
|
|
22
|
-
import"../../../shared/components-71nbt03m.js";
|
|
23
|
-
import"../../../shared/components-gx4h5rbb.js";
|
|
24
|
-
import"../../../shared/components-jcnjay5g.js";
|
|
6
|
+
} from "../../../shared/components-rr7a6ja9.js";
|
|
7
|
+
import"../../../shared/components-zfnmn5d4.js";
|
|
8
|
+
import"../../../shared/components-3ky44908.js";
|
|
9
|
+
import"../../../shared/components-zrkzcayz.js";
|
|
10
|
+
import"../../../shared/components-0q0sqfh4.js";
|
|
11
|
+
import"../../../shared/components-hqeq3w9q.js";
|
|
12
|
+
import"../../../shared/components-b2wyq2cq.js";
|
|
13
|
+
import"../../../shared/components-n7mjr357.js";
|
|
14
|
+
import"../../../shared/components-men63rwj.js";
|
|
15
|
+
import"../../../shared/components-0sn7ypjw.js";
|
|
16
|
+
import"../../../shared/components-cv16mryv.js";
|
|
17
|
+
import"../../../shared/components-zx6b6yby.js";
|
|
18
|
+
import"../../../shared/components-ezxhrmer.js";
|
|
25
19
|
export {
|
|
26
20
|
Sheet2 as Sheet,
|
|
27
21
|
SheetContent2 as SheetContent,
|
|
@@ -1,216 +1,71 @@
|
|
|
1
|
-
import { ReactNode as
|
|
2
|
-
import {
|
|
3
|
-
interface IconComponentProps {
|
|
4
|
-
size?: number | string;
|
|
5
|
-
strokeWidth?: number | string;
|
|
6
|
-
className?: string;
|
|
7
|
-
}
|
|
8
|
-
type IconComponent = ComponentType<IconComponentProps>;
|
|
9
|
-
import { ButtonHTMLAttributes, ReactElement, ReactNode as ReactNode2 } from "react";
|
|
1
|
+
import { ReactNode as ReactNode2 } from "react";
|
|
2
|
+
import { ButtonHTMLAttributes, ReactElement, ReactNode } from "react";
|
|
10
3
|
interface SlotProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
11
|
-
/** The element that becomes the control, e.g. a Button.
|
|
4
|
+
/** The element that becomes the control, e.g. a Button. */
|
|
12
5
|
render?: ReactElement;
|
|
13
6
|
/** Compose onto the single child instead. Both spellings work in both flavors. Defaults to `false`. */
|
|
14
7
|
asChild?: boolean;
|
|
15
|
-
/** Control content when there is no render element
|
|
16
|
-
children?:
|
|
17
|
-
/** Whether the render element is a native `<button>`: pass `false` for a `<div>` or a link, so Base UI adds the button role and keyboard handling itself. Parts not built on a Base UI button ignore it. Defaults to `true`. */
|
|
18
|
-
nativeButton?: boolean;
|
|
19
|
-
}
|
|
20
|
-
import { VariantProps as VariantProps2 } from "class-variance-authority";
|
|
21
|
-
import { ButtonHTMLAttributes as ButtonHTMLAttributes2, ReactNode as ReactNode3 } from "react";
|
|
22
|
-
import { ClassProp as ClassProp_wz9o0r } from "class-variance-authority/types";
|
|
23
|
-
type ButtonVariant = "primary" | "secondary" | "tertiary" | "outline" | "ghost" | "destructive" | "success" | "link";
|
|
24
|
-
declare const buttonRecipe: (props?: ({
|
|
25
|
-
variant?: "link" | "primary" | "secondary" | "tertiary" | "outline" | "ghost" | "destructive" | "success" | null | undefined;
|
|
26
|
-
size?: "default" | "compact" | "icon" | "icon-compact" | null | undefined;
|
|
27
|
-
iconLeft?: boolean | null | undefined;
|
|
28
|
-
iconRight?: boolean | null | undefined;
|
|
29
|
-
surface?: boolean | null | undefined;
|
|
30
|
-
} & ClassProp_wz9o0r) | undefined) => string;
|
|
31
|
-
type ButtonSizeCanonical = "default" | "compact" | "icon" | "icon-compact";
|
|
32
|
-
/** Public size values: the canonical two-size scale plus aliases, kept so
|
|
33
|
-
* existing call sites keep compiling. Aliases resolve onto the canonical
|
|
34
|
-
* ladder (sm, xs → compact; md/lg → default). The ladder has two steps, so
|
|
35
|
-
* `xs` is compact rather than a third height. */
|
|
36
|
-
type ButtonSize = ButtonSizeCanonical | "xs" | "sm" | "md" | "lg" | "icon-sm" | "icon-lg";
|
|
37
|
-
type ButtonRecipeOptions = NonNullable<Parameters<typeof buttonRecipe>[0]>;
|
|
38
|
-
/** Options of `buttonVariants`: the Button's look, picked without rendering one. */
|
|
39
|
-
interface ButtonVariantsOptions extends Omit<ButtonRecipeOptions, "size"> {
|
|
40
|
-
/** Visual style. Defaults to `"primary"`. */
|
|
41
|
-
variant?: ButtonVariant | null;
|
|
42
|
-
/** Step on the size ladder; the aliases resolve as on the Button (xs, sm → compact; md, lg → default; icon-sm → icon-compact; icon-lg → icon). Defaults to `"default"`. */
|
|
43
|
-
size?: ButtonSize | null;
|
|
44
|
-
/** Draw the fill, ring, hover, press and disabled (`aria-disabled`) look on the element itself, for a host that is not a Button, such as an `<a>`. Static: no press shrink or loading morph — prefer `<Button asChild>` when you can render a component. Defaults to `false`. */
|
|
45
|
-
surface?: boolean | null;
|
|
46
|
-
}
|
|
47
|
-
/**
|
|
48
|
-
* The Button's class recipe, callable from server code (no JSX, hooks or
|
|
49
|
-
* context). Without `surface` it returns the root classes the Button builds
|
|
50
|
-
* on: layout, label color, size, focus ring — the fill lives on the Button's
|
|
51
|
-
* inner layer, so on its own it reads as a bare label. With `surface: true`
|
|
52
|
-
* the fill and ring go on the element itself, for an anchor styled as a
|
|
53
|
-
* button. Size aliases resolve onto the ladder; the radius is the rounded
|
|
54
|
-
* shape's (pass `rounded-[20px]` or read `useShape().button` for pill).
|
|
55
|
-
*/
|
|
56
|
-
declare function buttonVariants({ size,...options }?: ButtonVariantsOptions): string;
|
|
57
|
-
interface ButtonProps extends ButtonHTMLAttributes2<HTMLButtonElement>, Omit<VariantProps2<typeof buttonVariants>, "size" | "surface"> {
|
|
58
|
-
/** Visual style of the button. `outline` is `tertiary` under its shadcn name; `destructive` and `success` tint the label and a wash of their hue; `link` is underlined text on the control height. Defaults to `"primary"`. */
|
|
59
|
-
variant?: "primary" | "secondary" | "tertiary" | "outline" | "ghost" | "destructive" | "success" | "link";
|
|
60
|
-
/** Step on the size ladder (36px default, 28px compact — see Sizes): `"default"` | `"compact"` | `"icon"` | `"icon-compact"`. Omitted, the button follows the surrounding SizeProvider. Aliases resolve onto the ladder (xs, sm → compact; md/lg → default; icon-sm → icon-compact; icon-lg → icon). */
|
|
61
|
-
size?: "default" | "compact" | "icon" | "icon-compact" | "xs" | "sm" | "md" | "lg" | "icon-sm" | "icon-lg";
|
|
62
|
-
/** Merge props onto the child element instead of rendering a `<button>` — the single React-element child becomes the rendered element (slot-style). Defaults to `false`. */
|
|
63
|
-
asChild?: boolean;
|
|
64
|
-
/** Folds the button into a circle around a spinner and blocks presses; the button keeps its box, so nothing around it moves, and keeps focus (`aria-disabled`, not `disabled`). Defaults to `false`. */
|
|
65
|
-
loading?: boolean;
|
|
66
|
-
/** Icon displayed before the label. */
|
|
67
|
-
leadingIcon?: IconComponent;
|
|
68
|
-
/** Icon displayed after the label. */
|
|
69
|
-
trailingIcon?: IconComponent;
|
|
70
|
-
/** Forces the pressed/held visual — e.g. while a dropdown or popover the button opened is showing. Defaults to `false`. */
|
|
71
|
-
active?: boolean;
|
|
72
|
-
/** Disables the button. Defaults to `false`. */
|
|
73
|
-
disabled?: boolean;
|
|
74
|
-
/** The label. With `size="icon"` / `"icon-compact"`, the icon itself (give the button an `aria-label`). */
|
|
75
|
-
children?: ReactNode3;
|
|
8
|
+
/** Control content when there is no render element. */
|
|
9
|
+
children?: ReactNode;
|
|
76
10
|
}
|
|
77
|
-
import {
|
|
78
|
-
import {
|
|
79
|
-
import {
|
|
11
|
+
import { ForwardRefExoticComponent as ForwardRefExoticComponent_tcubfn } from "react";
|
|
12
|
+
import { RefAttributes as RefAttributes_miuf56 } from "react";
|
|
13
|
+
import { JSX as JSX_1kxb } from "react";
|
|
80
14
|
type ToastType = "success" | "loading" | "error" | "warning" | "info" | "action";
|
|
81
|
-
|
|
82
|
-
interface ToastActionOptions {
|
|
83
|
-
label: ReactNode4;
|
|
84
|
-
onClick?: () => void;
|
|
85
|
-
}
|
|
15
|
+
type ToastPosition = "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right";
|
|
86
16
|
interface ToastOptions {
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
title?: ReactNode4;
|
|
90
|
-
description?: ReactNode4;
|
|
17
|
+
title?: string;
|
|
18
|
+
description?: string;
|
|
91
19
|
type?: ToastType;
|
|
92
20
|
/** Ms before it leaves; 0 keeps it until dismissed. */
|
|
93
21
|
timeout?: number;
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
/** A button in the body (`{ label, onClick }`), or any node. */
|
|
99
|
-
action?: ToastActionOptions | ReactNode4;
|
|
100
|
-
/** Runs once the toast starts to leave, however it was closed. */
|
|
101
|
-
onClose?: () => void;
|
|
102
|
-
/** `high` is announced at once by screen readers; `low` waits its turn. */
|
|
103
|
-
priority?: "low" | "high";
|
|
104
|
-
}
|
|
105
|
-
/** What a toast keeps beside Base UI's own fields. */
|
|
106
|
-
interface ToastData {
|
|
107
|
-
icon?: IconComponent | ReactNode4;
|
|
108
|
-
action?: ReactNode4;
|
|
22
|
+
action?: {
|
|
23
|
+
label: string;
|
|
24
|
+
onClick?: () => void;
|
|
25
|
+
};
|
|
109
26
|
}
|
|
110
|
-
|
|
111
|
-
type ToastResult<T> = ToastInput | ((value: T) => ToastInput);
|
|
112
|
-
interface ToastPromiseOptions<T> {
|
|
113
|
-
loading: ToastInput;
|
|
114
|
-
success: ToastResult<T>;
|
|
115
|
-
error: ToastResult<unknown>;
|
|
116
|
-
}
|
|
117
|
-
/** A shown toast: its id, and updating or dismissing it. */
|
|
118
|
-
interface ToastHandle {
|
|
119
|
-
id: string;
|
|
120
|
-
update: (options: ToastInput) => void;
|
|
121
|
-
dismiss: () => void;
|
|
122
|
-
}
|
|
123
|
-
/**
|
|
124
|
-
* Shows a toast from anywhere — an event handler, a fetch wrapper, code
|
|
125
|
-
* outside React — in the `Toast` mounted with `manager={toast}`. Returns a
|
|
126
|
-
* handle with the id, `update` and `dismiss`.
|
|
127
|
-
*/
|
|
128
|
-
declare const toast: ((input: ToastInput) => ToastHandle) & {
|
|
129
|
-
/** A `success` toast. */
|
|
130
|
-
success: (input: ToastInput) => ToastHandle;
|
|
131
|
-
/** An `error` toast. */
|
|
132
|
-
error: (input: ToastInput) => ToastHandle;
|
|
133
|
-
/** A `warning` toast. */
|
|
134
|
-
warning: (input: ToastInput) => ToastHandle;
|
|
135
|
-
/** An `info` toast. */
|
|
136
|
-
info: (input: ToastInput) => ToastHandle;
|
|
137
|
-
/** A spinning `loading` toast. It stays while its type is `loading`; once updated to another type it leaves on its own `timeout` or the `Toast`'s. */
|
|
138
|
-
loading: (input: ToastInput) => ToastHandle;
|
|
139
|
-
/** Runs `promise` behind a `loading` toast that turns into its `success` or `error` toast. Returns the promise. */
|
|
140
|
-
promise: <T>(promise: Promise<T>, options: ToastPromiseOptions<T>) => Promise<T>;
|
|
141
|
-
/** Changes a toast that is showing. */
|
|
142
|
-
update: (id: string, input: ToastInput) => void;
|
|
143
|
-
/** Closes one toast, or every toast without an id. */
|
|
144
|
-
dismiss: (id?: string) => void;
|
|
145
|
-
" subscribe": (listener: (data: ToastManagerEvent_co995g) => void) => () => void;
|
|
146
|
-
};
|
|
147
|
-
/** What `<Toast manager>` takes: the global `toast`, or a manager from Base UI's `Toast.createToastManager()`. */
|
|
148
|
-
type ToastSource = Pick<ToastManager, " subscribe">;
|
|
149
|
-
import { ToastObject as ToastObject_9whgyu } from "@base-ui/react";
|
|
150
|
-
import { ForwardRefExoticComponent as ForwardRefExoticComponent_tcubfn2 } from "react";
|
|
151
|
-
import { RefAttributes as RefAttributes_miuf562 } from "react";
|
|
152
|
-
import { JSX as JSX_1kxb2 } from "react";
|
|
153
|
-
type ToastPosition = "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right";
|
|
154
|
-
/**
|
|
155
|
-
* Shows toasts from inside a `Toast`: `show`, the per-state shortcuts,
|
|
156
|
-
* `promise`, `update` and `close` (alias `dismiss`), plus the `toasts` showing.
|
|
157
|
-
* Under a `Toast` with `manager={toast}` it works on the same stack as the
|
|
158
|
-
* global `toast()`.
|
|
159
|
-
*/
|
|
27
|
+
/** Shows toasts from inside a `Toast`: `show`, the per-state shortcuts, `promise` and `close`. */
|
|
160
28
|
declare function useToast(): {
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
29
|
+
show: (o: ToastOptions) => string;
|
|
30
|
+
success: (o: ToastOptions) => string;
|
|
31
|
+
error: (o: ToastOptions) => string;
|
|
32
|
+
warning: (o: ToastOptions) => string;
|
|
33
|
+
info: (o: ToastOptions) => string;
|
|
34
|
+
promise: <T>(promise: Promise<T>, o: {
|
|
35
|
+
loading: ToastOptions;
|
|
36
|
+
success: ToastOptions;
|
|
37
|
+
error: ToastOptions;
|
|
38
|
+
}) => Promise<T>;
|
|
169
39
|
close: (toastId?: string) => void;
|
|
170
|
-
dismiss: (toastId?: string) => void;
|
|
171
40
|
};
|
|
172
|
-
interface ToastTriggerProps extends Omit<SlotProps, "type"
|
|
41
|
+
interface ToastTriggerProps extends Omit<SlotProps, "type"> {
|
|
173
42
|
/** The toast's title, in the pill. */
|
|
174
|
-
title?:
|
|
43
|
+
title?: string;
|
|
175
44
|
/** Text for the body the pill melts into. */
|
|
176
|
-
description?:
|
|
45
|
+
description?: string;
|
|
177
46
|
/** State: sets the icon and its color. Defaults to `'info'`. */
|
|
178
47
|
type?: "success" | "loading" | "error" | "warning" | "info" | "action";
|
|
179
48
|
/** Ms before it leaves; 0 keeps it until dismissed. Defaults to the `Toast`'s `timeout`. */
|
|
180
49
|
timeout?: number;
|
|
181
|
-
/**
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
50
|
+
/** A button in the body. */
|
|
51
|
+
action?: {
|
|
52
|
+
label: string;
|
|
53
|
+
onClick?: () => void;
|
|
54
|
+
};
|
|
185
55
|
/** Runs a task: the toast shows `title` while it is pending, then `success` or `error`. */
|
|
186
56
|
promise?: () => Promise<unknown>;
|
|
187
57
|
/** The toast once `promise` resolves. */
|
|
188
|
-
success?:
|
|
58
|
+
success?: {
|
|
59
|
+
title?: string;
|
|
60
|
+
description?: string;
|
|
61
|
+
};
|
|
189
62
|
/** The toast if `promise` rejects. */
|
|
190
|
-
error?:
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
interface ToastActionProps extends SlotProps {
|
|
195
|
-
/** The Button's variant when there is no `render` element. Defaults to `'secondary'`. */
|
|
196
|
-
variant?: ToastButtonVariant;
|
|
63
|
+
error?: {
|
|
64
|
+
title?: string;
|
|
65
|
+
description?: string;
|
|
66
|
+
};
|
|
197
67
|
}
|
|
198
|
-
|
|
199
|
-
* A button inside a toast (a custom `action` node or `description`), on Base UI's
|
|
200
|
-
* `Toast.Action`: a compact Button by default, or `render` / `asChild`. A toast shown with
|
|
201
|
-
* `action: { label, onClick }` already renders one.
|
|
202
|
-
*/
|
|
203
|
-
declare const ToastAction: ForwardRefExoticComponent_tcubfn2<ToastActionProps & RefAttributes_miuf562<HTMLButtonElement>>;
|
|
204
|
-
interface ToastCloseProps extends SlotProps {
|
|
205
|
-
/** The Button's variant when there is no `render` element. Defaults to `'ghost'`. */
|
|
206
|
-
variant?: ToastButtonVariant;
|
|
207
|
-
}
|
|
208
|
-
/**
|
|
209
|
-
* Dismisses the toast it sits in (a custom `action` node or `description`), on Base UI's
|
|
210
|
-
* `Toast.Close`: a compact Button around `children`, an ✕ labelled `Close` without them, or
|
|
211
|
-
* `render` / `asChild`.
|
|
212
|
-
*/
|
|
213
|
-
declare const ToastClose: ForwardRefExoticComponent_tcubfn2<ToastCloseProps & RefAttributes_miuf562<HTMLButtonElement>>;
|
|
68
|
+
declare const ToastTrigger: ForwardRefExoticComponent_tcubfn<ToastTriggerProps & RefAttributes_miuf56<HTMLButtonElement>>;
|
|
214
69
|
interface ToastProps {
|
|
215
70
|
/** Where toasts stack; the pill sits on that side and the body opens away from the edge. Defaults to `'top-right'`. */
|
|
216
71
|
position?: "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right";
|
|
@@ -218,12 +73,10 @@ interface ToastProps {
|
|
|
218
73
|
limit?: number;
|
|
219
74
|
/** Ms a toast stays; hovering pauses it. Defaults to `6000`. */
|
|
220
75
|
timeout?: number;
|
|
221
|
-
/**
|
|
222
|
-
|
|
223
|
-
/** The part of the app that can show toasts, with `Toast.Trigger`s or `useToast()`. Optional: a `Toast` with a `manager` can stand alone. */
|
|
224
|
-
children?: ReactNode5;
|
|
76
|
+
/** The part of the app that can show toasts, with `Toast.Trigger`s or `useToast()`. */
|
|
77
|
+
children?: ReactNode2;
|
|
225
78
|
}
|
|
226
|
-
type
|
|
79
|
+
type Element_12xgc = JSX_1kxb["Element"];
|
|
227
80
|
/**
|
|
228
81
|
* Gooey toasts: a pill with the state's icon and title that melts into a body
|
|
229
82
|
* with the details.
|
|
@@ -239,22 +92,10 @@ type Element_12xgc2 = JSX_1kxb2["Element"];
|
|
|
239
92
|
*
|
|
240
93
|
* `Toast` wraps the part of the app that shows toasts and renders them at
|
|
241
94
|
* its `position`. Show one with `Toast.Trigger`, or call `useToast()`
|
|
242
|
-
* inside it: `show`, `success`, `error`, `warning`, `info`, `promise
|
|
243
|
-
* `
|
|
244
|
-
*
|
|
245
|
-
* Or mount one `<Toast manager={toast} />` near the root and call the global
|
|
246
|
-
* `toast()` from anywhere, inside React or not: `toast({ title, description,
|
|
247
|
-
* type, timeout, icon, action, onClose })`, `toast.success`, `.error`,
|
|
248
|
-
* `.warning`, `.info`, `.loading`, `.promise`, `.update(id, …)` and
|
|
249
|
-
* `.dismiss(id?)`. Each call returns a handle with the toast's `id`,
|
|
250
|
-
* `update` and `dismiss`; calls made before the `Toast` mounts wait for it.
|
|
251
|
-
* Titles and descriptions take any node, `icon` replaces the state's glyph,
|
|
252
|
-
* and `action` is a button (`{ label, onClick }`) or any node.
|
|
95
|
+
* inside it: `show`, `success`, `error`, `warning`, `info`, `promise` and
|
|
96
|
+
* `close`.
|
|
253
97
|
*
|
|
254
98
|
* Statics:
|
|
255
|
-
* - `Toast.Action` / `Toast.Close` — a button and a dismiss for a custom
|
|
256
|
-
* `action` node (or a description): compact Buttons by default (the close
|
|
257
|
-
* an ✕ without children), or `render` / `asChild`.
|
|
258
99
|
* - `Toast.Trigger` — a control that shows a toast when pressed:
|
|
259
100
|
* `render={<Button/>}` or `asChild`, with the toast's `title`,
|
|
260
101
|
* `description`, `type`, `timeout`, `action`, or a `promise` with its
|
|
@@ -262,5 +103,5 @@ type Element_12xgc2 = JSX_1kxb2["Element"];
|
|
|
262
103
|
*
|
|
263
104
|
* @example {@include ./examples.mdx}
|
|
264
105
|
*/
|
|
265
|
-
declare function Toast({ position, limit, timeout,
|
|
266
|
-
export { Toast,
|
|
106
|
+
declare function Toast({ position, limit, timeout, children }: ToastProps): Element_12xgc;
|
|
107
|
+
export { Toast, ToastOptions, ToastPosition, ToastProps, ToastTrigger, ToastTriggerProps, ToastType, Toast as default, useToast };
|
|
@@ -1,34 +1,21 @@
|
|
|
1
1
|
import {
|
|
2
|
-
toast2,
|
|
3
2
|
useToast2,
|
|
4
3
|
ToastTrigger2,
|
|
5
|
-
ToastAction2,
|
|
6
|
-
ToastClose2,
|
|
7
4
|
Toast2,
|
|
8
5
|
toast_default
|
|
9
|
-
} from "../../../shared/components-
|
|
10
|
-
import"../../../shared/components-
|
|
11
|
-
import"../../../shared/components-
|
|
12
|
-
import"../../../shared/components-
|
|
13
|
-
import"../../../shared/components-
|
|
14
|
-
import"../../../shared/components-
|
|
15
|
-
import"../../../shared/components-
|
|
16
|
-
import"../../../shared/components-
|
|
17
|
-
import"../../../shared/components-
|
|
18
|
-
import"../../../shared/components-
|
|
19
|
-
import"../../../shared/components-de99ykt7.js";
|
|
20
|
-
import"../../../shared/components-3ey0hzpb.js";
|
|
21
|
-
import"../../../shared/components-h83az0bz.js";
|
|
22
|
-
import"../../../shared/components-34txk9rj.js";
|
|
23
|
-
import"../../../shared/components-71nbt03m.js";
|
|
24
|
-
import"../../../shared/components-gx4h5rbb.js";
|
|
25
|
-
import"../../../shared/components-jcnjay5g.js";
|
|
6
|
+
} from "../../../shared/components-jwst3vtj.js";
|
|
7
|
+
import"../../../shared/components-3ky44908.js";
|
|
8
|
+
import"../../../shared/components-0q0sqfh4.js";
|
|
9
|
+
import"../../../shared/components-hqeq3w9q.js";
|
|
10
|
+
import"../../../shared/components-b2wyq2cq.js";
|
|
11
|
+
import"../../../shared/components-men63rwj.js";
|
|
12
|
+
import"../../../shared/components-0sn7ypjw.js";
|
|
13
|
+
import"../../../shared/components-cv16mryv.js";
|
|
14
|
+
import"../../../shared/components-zx6b6yby.js";
|
|
15
|
+
import"../../../shared/components-ezxhrmer.js";
|
|
26
16
|
export {
|
|
27
17
|
Toast2 as Toast,
|
|
28
|
-
ToastAction2 as ToastAction,
|
|
29
|
-
ToastClose2 as ToastClose,
|
|
30
18
|
ToastTrigger2 as ToastTrigger,
|
|
31
19
|
toast_default as default,
|
|
32
|
-
toast2 as toast,
|
|
33
20
|
useToast2 as useToast
|
|
34
21
|
};
|