@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
|
@@ -1,4 +1,12 @@
|
|
|
1
1
|
import {
|
|
2
|
+
SIDEBAR_COOKIE_NAME2,
|
|
3
|
+
SIDEBAR_COOKIE_MAX_AGE2,
|
|
4
|
+
SIDEBAR_WIDTH2,
|
|
5
|
+
SIDEBAR_WIDTH_MOBILE2,
|
|
6
|
+
SIDEBAR_KEYBOARD_SHORTCUT2,
|
|
7
|
+
SIDEBAR_KEYBOARD_SHORTCUT_RIGHT2,
|
|
8
|
+
SIDEBAR_MIN_WIDTH2,
|
|
9
|
+
SIDEBAR_MAX_WIDTH2,
|
|
2
10
|
useSidebar2,
|
|
3
11
|
SidebarProvider2,
|
|
4
12
|
SidebarTrigger2,
|
|
@@ -17,6 +25,7 @@ import {
|
|
|
17
25
|
SidebarMenu2,
|
|
18
26
|
SidebarMenuItem2,
|
|
19
27
|
SidebarMenuSubItem2,
|
|
28
|
+
sidebarMenuButtonVariants2,
|
|
20
29
|
SidebarMenuButton2,
|
|
21
30
|
SidebarMenuAction2,
|
|
22
31
|
SidebarMenuActions2,
|
|
@@ -27,48 +36,28 @@ import {
|
|
|
27
36
|
Sidebar2,
|
|
28
37
|
SidebarContent2,
|
|
29
38
|
sidebar_default
|
|
30
|
-
} from "../../../shared/components-
|
|
31
|
-
import
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
import"../../../shared/components-
|
|
43
|
-
import"../../../shared/components-
|
|
44
|
-
import"../../../shared/components-
|
|
45
|
-
import"../../../shared/components-
|
|
46
|
-
import"../../../shared/components-
|
|
47
|
-
import"../../../shared/components-
|
|
48
|
-
import"../../../shared/components-
|
|
49
|
-
import"../../../shared/components-
|
|
50
|
-
import"../../../shared/components-
|
|
51
|
-
import"../../../shared/components-
|
|
52
|
-
import"../../../shared/components-b1e239g3.js";
|
|
53
|
-
import"../../../shared/components-dhgk6mbt.js";
|
|
54
|
-
import"../../../shared/components-jqpefjsn.js";
|
|
55
|
-
import"../../../shared/components-qdm3yh26.js";
|
|
56
|
-
import"../../../shared/components-pw06rbxq.js";
|
|
57
|
-
import"../../../shared/components-yhgq0qxx.js";
|
|
58
|
-
import"../../../shared/components-awra5sff.js";
|
|
59
|
-
import"../../../shared/components-dcc02hs2.js";
|
|
60
|
-
import"../../../shared/components-9sttq78t.js";
|
|
61
|
-
import"../../../shared/components-4vfm04wq.js";
|
|
62
|
-
import"../../../shared/components-tz1fv35x.js";
|
|
63
|
-
import"../../../shared/components-ctqmge8t.js";
|
|
64
|
-
import"../../../shared/components-drxrtnp2.js";
|
|
65
|
-
import"../../../shared/components-de99ykt7.js";
|
|
66
|
-
import"../../../shared/components-3ey0hzpb.js";
|
|
67
|
-
import"../../../shared/components-h83az0bz.js";
|
|
68
|
-
import"../../../shared/components-34txk9rj.js";
|
|
69
|
-
import"../../../shared/components-71nbt03m.js";
|
|
70
|
-
import"../../../shared/components-gx4h5rbb.js";
|
|
71
|
-
import"../../../shared/components-jcnjay5g.js";
|
|
39
|
+
} from "../../../shared/components-w90endve.js";
|
|
40
|
+
import"../../../shared/components-c6s6b43g.js";
|
|
41
|
+
import"../../../shared/components-raknhppb.js";
|
|
42
|
+
import"../../../shared/components-rr7a6ja9.js";
|
|
43
|
+
import"../../../shared/components-ng72k97e.js";
|
|
44
|
+
import"../../../shared/components-zfnmn5d4.js";
|
|
45
|
+
import"../../../shared/components-3ky44908.js";
|
|
46
|
+
import"../../../shared/components-zrkzcayz.js";
|
|
47
|
+
import"../../../shared/components-0q0sqfh4.js";
|
|
48
|
+
import"../../../shared/components-kvr7f9hy.js";
|
|
49
|
+
import"../../../shared/components-chacnk61.js";
|
|
50
|
+
import"../../../shared/components-59efxjd9.js";
|
|
51
|
+
import"../../../shared/components-hqeq3w9q.js";
|
|
52
|
+
import"../../../shared/components-jjw69c4c.js";
|
|
53
|
+
import"../../../shared/components-b2wyq2cq.js";
|
|
54
|
+
import"../../../shared/components-n7mjr357.js";
|
|
55
|
+
import"../../../shared/components-men63rwj.js";
|
|
56
|
+
import"../../../shared/components-0sn7ypjw.js";
|
|
57
|
+
import"../../../shared/components-b0eac83j.js";
|
|
58
|
+
import"../../../shared/components-cv16mryv.js";
|
|
59
|
+
import"../../../shared/components-zx6b6yby.js";
|
|
60
|
+
import"../../../shared/components-ezxhrmer.js";
|
|
72
61
|
export {
|
|
73
62
|
SIDEBAR_COOKIE_MAX_AGE2 as SIDEBAR_COOKIE_MAX_AGE,
|
|
74
63
|
SIDEBAR_COOKIE_NAME2 as SIDEBAR_COOKIE_NAME,
|
|
@@ -47,8 +47,7 @@ type TabsComponent = ForwardRefExoticComponent<TabsProps & RefAttributes<HTMLDiv
|
|
|
47
47
|
*
|
|
48
48
|
* Statics:
|
|
49
49
|
* - `Tabs.List` — the segmented track holding the tabs.
|
|
50
|
-
* - `Tabs.Item` — one tab: `value`, `label
|
|
51
|
-
* label with a counter), optional `icon`, and `href` to render it as a link.
|
|
50
|
+
* - `Tabs.Item` — one tab: `value`, `label`, optional `icon`.
|
|
52
51
|
* - `Tabs.Panel` — content shown while the tab with the same `value` is active.
|
|
53
52
|
*
|
|
54
53
|
* @example {@include ./examples.mdx}
|
|
@@ -57,14 +56,9 @@ declare const Tabs: TabsComponent;
|
|
|
57
56
|
type TabsListProps = ComponentPropsWithoutRef<typeof TabsPrimitive.List>;
|
|
58
57
|
declare const TabsList: ForwardRefExoticComponent<Omit<Omit<TabsListProps_6iqhkk, "ref"> & RefAttributes<HTMLDivElement>, "ref"> & RefAttributes<HTMLDivElement>>;
|
|
59
58
|
interface TabItemProps extends ComponentPropsWithoutRef<typeof TabsPrimitive.Tab> {
|
|
60
|
-
/** The tab's value, matched by `Tabs.Panel` and the root's `value`. */
|
|
61
59
|
value: string;
|
|
62
|
-
/** Leading icon; its stroke thickens while the tab is hovered or active. */
|
|
63
60
|
icon?: IconComponent;
|
|
64
|
-
|
|
65
|
-
label: ReactNode2;
|
|
66
|
-
/** Render the tab as an anchor to this URL (link tabs): pressing it follows the link and selects the tab. */
|
|
67
|
-
href?: string;
|
|
61
|
+
label: string;
|
|
68
62
|
/** @internal Auto-assigned by TabsList. */
|
|
69
63
|
_index?: number;
|
|
70
64
|
}
|
|
@@ -4,21 +4,16 @@ import {
|
|
|
4
4
|
TabItem2,
|
|
5
5
|
TabPanel2,
|
|
6
6
|
tabs_default
|
|
7
|
-
} from "../../../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-h83az0bz.js";
|
|
18
|
-
import"../../../shared/components-34txk9rj.js";
|
|
19
|
-
import"../../../shared/components-71nbt03m.js";
|
|
20
|
-
import"../../../shared/components-gx4h5rbb.js";
|
|
21
|
-
import"../../../shared/components-jcnjay5g.js";
|
|
7
|
+
} from "../../../shared/components-hw9yk32z.js";
|
|
8
|
+
import"../../../shared/components-chacnk61.js";
|
|
9
|
+
import"../../../shared/components-59efxjd9.js";
|
|
10
|
+
import"../../../shared/components-hqeq3w9q.js";
|
|
11
|
+
import"../../../shared/components-jjw69c4c.js";
|
|
12
|
+
import"../../../shared/components-men63rwj.js";
|
|
13
|
+
import"../../../shared/components-0sn7ypjw.js";
|
|
14
|
+
import"../../../shared/components-cv16mryv.js";
|
|
15
|
+
import"../../../shared/components-zx6b6yby.js";
|
|
16
|
+
import"../../../shared/components-ezxhrmer.js";
|
|
22
17
|
export {
|
|
23
18
|
TabItem2 as TabItem,
|
|
24
19
|
TabPanel2 as TabPanel,
|
|
@@ -3,19 +3,16 @@ import {
|
|
|
3
3
|
TabsSubtleItem2,
|
|
4
4
|
TabsSubtlePanel2,
|
|
5
5
|
tabs_subtle_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-71nbt03m.js";
|
|
17
|
-
import"../../../shared/components-gx4h5rbb.js";
|
|
18
|
-
import"../../../shared/components-jcnjay5g.js";
|
|
6
|
+
} from "../../../shared/components-dk0gjr5a.js";
|
|
7
|
+
import"../../../shared/components-chacnk61.js";
|
|
8
|
+
import"../../../shared/components-59efxjd9.js";
|
|
9
|
+
import"../../../shared/components-hqeq3w9q.js";
|
|
10
|
+
import"../../../shared/components-jjw69c4c.js";
|
|
11
|
+
import"../../../shared/components-n7mjr357.js";
|
|
12
|
+
import"../../../shared/components-men63rwj.js";
|
|
13
|
+
import"../../../shared/components-0sn7ypjw.js";
|
|
14
|
+
import"../../../shared/components-cv16mryv.js";
|
|
15
|
+
import"../../../shared/components-ezxhrmer.js";
|
|
19
16
|
export {
|
|
20
17
|
TabsSubtle2 as TabsSubtle,
|
|
21
18
|
TabsSubtleItem2 as TabsSubtleItem,
|
|
@@ -1,82 +1,5 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import { ButtonHTMLAttributes, ReactElement, ReactNode } from "react";
|
|
4
|
-
interface SlotProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
5
|
-
/** The element that becomes the control, e.g. a Button. Children fill it when it has none of its own. */
|
|
6
|
-
render?: ReactElement;
|
|
7
|
-
/** Compose onto the single child instead. Both spellings work in both flavors. Defaults to `false`. */
|
|
8
|
-
asChild?: boolean;
|
|
9
|
-
/** Control content when there is no render element, or the content of a render element that has none of its own. */
|
|
10
|
-
children?: ReactNode;
|
|
11
|
-
/** 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`. */
|
|
12
|
-
nativeButton?: boolean;
|
|
13
|
-
}
|
|
14
|
-
import { VariantProps as VariantProps2 } from "class-variance-authority";
|
|
15
|
-
import { ButtonHTMLAttributes as ButtonHTMLAttributes2, ReactNode as ReactNode3 } from "react";
|
|
16
|
-
import { ComponentType } from "react";
|
|
17
|
-
interface IconComponentProps {
|
|
18
|
-
size?: number | string;
|
|
19
|
-
strokeWidth?: number | string;
|
|
20
|
-
className?: string;
|
|
21
|
-
}
|
|
22
|
-
type IconComponent = ComponentType<IconComponentProps>;
|
|
23
|
-
import { ClassProp as ClassProp_wz9o0r } from "class-variance-authority/types";
|
|
24
|
-
type ButtonVariant = "primary" | "secondary" | "tertiary" | "outline" | "ghost" | "destructive" | "success" | "link";
|
|
25
|
-
declare const buttonRecipe: (props?: ({
|
|
26
|
-
variant?: "link" | "primary" | "secondary" | "tertiary" | "outline" | "ghost" | "destructive" | "success" | null | undefined;
|
|
27
|
-
size?: "default" | "compact" | "icon" | "icon-compact" | null | undefined;
|
|
28
|
-
iconLeft?: boolean | null | undefined;
|
|
29
|
-
iconRight?: boolean | null | undefined;
|
|
30
|
-
surface?: boolean | null | undefined;
|
|
31
|
-
} & ClassProp_wz9o0r) | undefined) => string;
|
|
32
|
-
type ButtonSizeCanonical = "default" | "compact" | "icon" | "icon-compact";
|
|
33
|
-
/** Public size values: the canonical two-size scale plus aliases, kept so
|
|
34
|
-
* existing call sites keep compiling. Aliases resolve onto the canonical
|
|
35
|
-
* ladder (sm, xs → compact; md/lg → default). The ladder has two steps, so
|
|
36
|
-
* `xs` is compact rather than a third height. */
|
|
37
|
-
type ButtonSize = ButtonSizeCanonical | "xs" | "sm" | "md" | "lg" | "icon-sm" | "icon-lg";
|
|
38
|
-
type ButtonRecipeOptions = NonNullable<Parameters<typeof buttonRecipe>[0]>;
|
|
39
|
-
/** Options of `buttonVariants`: the Button's look, picked without rendering one. */
|
|
40
|
-
interface ButtonVariantsOptions extends Omit<ButtonRecipeOptions, "size"> {
|
|
41
|
-
/** Visual style. Defaults to `"primary"`. */
|
|
42
|
-
variant?: ButtonVariant | null;
|
|
43
|
-
/** 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"`. */
|
|
44
|
-
size?: ButtonSize | null;
|
|
45
|
-
/** 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`. */
|
|
46
|
-
surface?: boolean | null;
|
|
47
|
-
}
|
|
48
|
-
/**
|
|
49
|
-
* The Button's class recipe, callable from server code (no JSX, hooks or
|
|
50
|
-
* context). Without `surface` it returns the root classes the Button builds
|
|
51
|
-
* on: layout, label color, size, focus ring — the fill lives on the Button's
|
|
52
|
-
* inner layer, so on its own it reads as a bare label. With `surface: true`
|
|
53
|
-
* the fill and ring go on the element itself, for an anchor styled as a
|
|
54
|
-
* button. Size aliases resolve onto the ladder; the radius is the rounded
|
|
55
|
-
* shape's (pass `rounded-[20px]` or read `useShape().button` for pill).
|
|
56
|
-
*/
|
|
57
|
-
declare function buttonVariants({ size,...options }?: ButtonVariantsOptions): string;
|
|
58
|
-
interface ButtonProps extends ButtonHTMLAttributes2<HTMLButtonElement>, Omit<VariantProps2<typeof buttonVariants>, "size" | "surface"> {
|
|
59
|
-
/** 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"`. */
|
|
60
|
-
variant?: "primary" | "secondary" | "tertiary" | "outline" | "ghost" | "destructive" | "success" | "link";
|
|
61
|
-
/** 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). */
|
|
62
|
-
size?: "default" | "compact" | "icon" | "icon-compact" | "xs" | "sm" | "md" | "lg" | "icon-sm" | "icon-lg";
|
|
63
|
-
/** 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`. */
|
|
64
|
-
asChild?: boolean;
|
|
65
|
-
/** 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`. */
|
|
66
|
-
loading?: boolean;
|
|
67
|
-
/** Icon displayed before the label. */
|
|
68
|
-
leadingIcon?: IconComponent;
|
|
69
|
-
/** Icon displayed after the label. */
|
|
70
|
-
trailingIcon?: IconComponent;
|
|
71
|
-
/** Forces the pressed/held visual — e.g. while a dropdown or popover the button opened is showing. Defaults to `false`. */
|
|
72
|
-
active?: boolean;
|
|
73
|
-
/** Disables the button. Defaults to `false`. */
|
|
74
|
-
disabled?: boolean;
|
|
75
|
-
/** The label. With `size="icon"` / `"icon-compact"`, the icon itself (give the button an `aria-label`). */
|
|
76
|
-
children?: ReactNode3;
|
|
77
|
-
}
|
|
78
|
-
import { Dialog as DialogPrimitive } from "@base-ui/react/dialog";
|
|
79
|
-
import { ComponentProps, HTMLAttributes, ReactNode as ReactNode4, RefObject as RefObject2 } from "react";
|
|
1
|
+
import { ReactNode as ReactNode3 } from "react";
|
|
2
|
+
import { HTMLAttributes, ReactNode as ReactNode2, RefObject as RefObject2 } from "react";
|
|
80
3
|
interface DialogContentProps extends HTMLAttributes<HTMLDivElement> {
|
|
81
4
|
/** Width: 400, 540, or 880. Compact regions narrow each by 1 notch: 360,
|
|
82
5
|
* 480, 800. `xl` is the canvas for composed layouts — a sidebar beside a
|
|
@@ -105,52 +28,24 @@ interface DialogContentProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
105
28
|
hideSource?: boolean;
|
|
106
29
|
/** Spring tier of a plain morph, slide or fade; goo runs on its own `spring.goo`. Defaults to `'slow'`. */
|
|
107
30
|
tier?: "moderate" | "slow";
|
|
108
|
-
/** Where focus goes when the dialog 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. */
|
|
109
|
-
initialFocus?: DialogPopupProps["initialFocus"];
|
|
110
|
-
/** Where focus goes when the dialog closes: a ref, `false` to leave it, `true` for the default, or a function of how it closed. Defaults to the trigger. */
|
|
111
|
-
finalFocus?: DialogPopupProps["finalFocus"];
|
|
112
|
-
/** Classes for the positioned popup box around the surface, merged after its width (`w-[calc(100%-2rem)]` capped by `size`), so `w-max` or `max-w-[60rem]` sizes the panel. `className` styles the surface's content box. */
|
|
113
|
-
popupClassName?: string;
|
|
114
31
|
/** Dialog content. Everything inside reads the dialog's surface level as its substrate. */
|
|
115
|
-
children?:
|
|
116
|
-
}
|
|
117
|
-
type DialogPopupProps = ComponentProps<typeof DialogPrimitive.Popup>;
|
|
118
|
-
import { ForwardRefExoticComponent as ForwardRefExoticComponent_tcubfn3 } from "react";
|
|
119
|
-
import { RefAttributes as RefAttributes_miuf563 } from "react";
|
|
120
|
-
import { JSX as JSX_1kxb3 } from "react";
|
|
121
|
-
type ButtonVariant2 = NonNullable<ButtonProps["variant"]>;
|
|
122
|
-
declare const AlertDialogContent: ForwardRefExoticComponent_tcubfn3<DialogContentProps & RefAttributes_miuf563<HTMLDivElement>>;
|
|
123
|
-
interface AlertDialogActionProps extends Omit<SlotProps, "onClick"> {
|
|
124
|
-
/** The confirm. Return a promise to keep the dialog open, the button loading and every way out locked until it settles: it closes on resolve and stays open on reject. A plain return closes it at once, or, with `pending` set, once `pending` turns true and back to false. Call `event.preventDefault()` to keep it open after a plain return. */
|
|
125
|
-
onClick?: (event: MouseEvent<HTMLButtonElement>) => unknown;
|
|
126
|
-
/** Called with the reason when the promise `onClick` returned rejects; the dialog stays open. */
|
|
127
|
-
onError?: (error: unknown) => void;
|
|
128
|
-
/** Holds the pending state from outside (a mutation's `isPending`): loading, and the dialog locked, while true. Once set, a plain `onClick` (`() => mutate()`) leaves the dialog open until `pending` goes true and back to false, then closes it — on failure too; return the promise (`mutateAsync`) to stay open when it rejects. */
|
|
129
|
-
pending?: boolean;
|
|
130
|
-
/** The Button's variant when there is no `render` element. Defaults to `"primary"`. */
|
|
131
|
-
variant?: ButtonVariant2;
|
|
132
|
-
}
|
|
133
|
-
/** The confirm button: runs `onClick`, waits on the promise it returns, then closes. */
|
|
134
|
-
declare const AlertDialogAction: ForwardRefExoticComponent_tcubfn3<AlertDialogActionProps & RefAttributes_miuf563<HTMLButtonElement>>;
|
|
135
|
-
interface AlertDialogCancelProps extends SlotProps {
|
|
136
|
-
/** The Button's variant when there is no `render` element. Defaults to `"ghost"`. */
|
|
137
|
-
variant?: ButtonVariant2;
|
|
32
|
+
children?: ReactNode2;
|
|
138
33
|
}
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
34
|
+
import { ForwardRefExoticComponent as ForwardRefExoticComponent_tcubfn2 } from "react";
|
|
35
|
+
import { RefAttributes as RefAttributes_miuf562 } from "react";
|
|
36
|
+
import { JSX as JSX_1kxb2 } from "react";
|
|
37
|
+
declare const AlertDialogContent: ForwardRefExoticComponent_tcubfn2<DialogContentProps & RefAttributes_miuf562<HTMLDivElement>>;
|
|
143
38
|
interface AlertDialogProps {
|
|
144
39
|
/** Controlled open state. */
|
|
145
40
|
open?: boolean;
|
|
146
41
|
/** Initial open state, for an uncontrolled alert dialog. Defaults to `false`. */
|
|
147
42
|
defaultOpen?: boolean;
|
|
148
|
-
/** Called when the dialog opens or closes
|
|
149
|
-
onOpenChange?: (open: boolean
|
|
43
|
+
/** Called when the dialog opens or closes. */
|
|
44
|
+
onOpenChange?: (open: boolean) => void;
|
|
150
45
|
/** The trigger and the content — `AlertDialog.Trigger` plus an `AlertDialog.Content`. */
|
|
151
|
-
children?:
|
|
46
|
+
children?: ReactNode3;
|
|
152
47
|
}
|
|
153
|
-
type
|
|
48
|
+
type Element_12xgc2 = JSX_1kxb2["Element"];
|
|
154
49
|
/**
|
|
155
50
|
* A dialog that asks before something happens and waits for an answer.
|
|
156
51
|
*
|
|
@@ -162,25 +57,11 @@ type Element_12xgc3 = JSX_1kxb3["Element"];
|
|
|
162
57
|
* and lifts 4 surface levels. Unlike Dialog it has no ✕ unless
|
|
163
58
|
* `showCloseButton` asks for one.
|
|
164
59
|
*
|
|
165
|
-
*
|
|
166
|
-
*
|
|
167
|
-
*
|
|
168
|
-
* closes when the promise resolves and stays open when it rejects, handing
|
|
169
|
-
* the reason to `onError`, so the person can try again or cancel. With a
|
|
170
|
-
* mutation's state in `pending` instead, a plain `onClick={() => mutate()}`
|
|
171
|
-
* keeps the dialog open, locked while `pending` is true, and closes it once
|
|
172
|
-
* `pending` falls back to false.
|
|
173
|
-
*
|
|
174
|
-
* Statics:
|
|
175
|
-
* - `AlertDialog.Action` — the confirm button: `onClick` (may return a
|
|
176
|
-
* promise), `onError`, `pending`, `variant`, or `render` / `asChild`.
|
|
177
|
-
* - `AlertDialog.Cancel` — closes without confirming, disabled while the
|
|
178
|
-
* action runs: `variant` (ghost), or `render` / `asChild`.
|
|
179
|
-
* - The same parts as Dialog — `AlertDialog.Trigger`, `AlertDialog.Content`,
|
|
180
|
-
* `AlertDialog.Header`, `AlertDialog.Footer`, `AlertDialog.Title`,
|
|
181
|
-
* `AlertDialog.Description` and `AlertDialog.Close`.
|
|
60
|
+
* Statics: the same parts as Dialog — `AlertDialog.Trigger`,
|
|
61
|
+
* `AlertDialog.Content`, `AlertDialog.Header`, `AlertDialog.Footer`,
|
|
62
|
+
* `AlertDialog.Title`, `AlertDialog.Description` and `AlertDialog.Close`.
|
|
182
63
|
*
|
|
183
64
|
* @example {@include ./examples.mdx}
|
|
184
65
|
*/
|
|
185
|
-
declare function AlertDialog({ children, open, defaultOpen, onOpenChange }: AlertDialogProps):
|
|
186
|
-
export { AlertDialog,
|
|
66
|
+
declare function AlertDialog({ children, open, defaultOpen, onOpenChange }: AlertDialogProps): Element_12xgc2;
|
|
67
|
+
export { AlertDialog, AlertDialogContent, AlertDialogProps, AlertDialog as default };
|
|
@@ -1,32 +1,22 @@
|
|
|
1
1
|
import {
|
|
2
2
|
AlertDialogContent2,
|
|
3
|
-
AlertDialogAction2,
|
|
4
|
-
AlertDialogCancel2,
|
|
5
3
|
AlertDialog2,
|
|
6
4
|
alert_dialog_default
|
|
7
|
-
} from "../../../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-
|
|
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";
|
|
5
|
+
} from "../../../shared/components-gf5s6ap9.js";
|
|
6
|
+
import"../../../shared/components-zfnmn5d4.js";
|
|
7
|
+
import"../../../shared/components-3ky44908.js";
|
|
8
|
+
import"../../../shared/components-zrkzcayz.js";
|
|
9
|
+
import"../../../shared/components-0q0sqfh4.js";
|
|
10
|
+
import"../../../shared/components-hqeq3w9q.js";
|
|
11
|
+
import"../../../shared/components-b2wyq2cq.js";
|
|
12
|
+
import"../../../shared/components-n7mjr357.js";
|
|
13
|
+
import"../../../shared/components-men63rwj.js";
|
|
14
|
+
import"../../../shared/components-0sn7ypjw.js";
|
|
15
|
+
import"../../../shared/components-cv16mryv.js";
|
|
16
|
+
import"../../../shared/components-zx6b6yby.js";
|
|
17
|
+
import"../../../shared/components-ezxhrmer.js";
|
|
26
18
|
export {
|
|
27
19
|
AlertDialog2 as AlertDialog,
|
|
28
|
-
AlertDialogAction2 as AlertDialogAction,
|
|
29
|
-
AlertDialogCancel2 as AlertDialogCancel,
|
|
30
20
|
AlertDialogContent2 as AlertDialogContent,
|
|
31
21
|
alert_dialog_default as default
|
|
32
22
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Autocomplete } from "@base-ui/react/autocomplete";
|
|
2
|
-
import { HTMLAttributes
|
|
2
|
+
import { HTMLAttributes, ReactNode as ReactNode3, RefObject } from "react";
|
|
3
3
|
import { ComponentType } from "react";
|
|
4
4
|
interface IconComponentProps {
|
|
5
5
|
size?: number | string;
|
|
@@ -9,21 +9,16 @@ interface IconComponentProps {
|
|
|
9
9
|
type IconComponent = ComponentType<IconComponentProps>;
|
|
10
10
|
import { ButtonHTMLAttributes, ReactElement, ReactNode as ReactNode2 } from "react";
|
|
11
11
|
interface SlotProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
12
|
-
/** The element that becomes the control, e.g. a Button.
|
|
12
|
+
/** The element that becomes the control, e.g. a Button. */
|
|
13
13
|
render?: ReactElement;
|
|
14
14
|
/** Compose onto the single child instead. Both spellings work in both flavors. Defaults to `false`. */
|
|
15
15
|
asChild?: boolean;
|
|
16
|
-
/** Control content when there is no render element
|
|
16
|
+
/** Control content when there is no render element. */
|
|
17
17
|
children?: ReactNode2;
|
|
18
|
-
/** 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`. */
|
|
19
|
-
nativeButton?: boolean;
|
|
20
18
|
}
|
|
21
|
-
import {
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
import { JSX as JSX_1kxb3 } from "react";
|
|
25
|
-
import { ForwardRefExoticComponent as ForwardRefExoticComponent_tcubfn2 } from "react";
|
|
26
|
-
import { RefAttributes as RefAttributes_miuf562 } from "react";
|
|
19
|
+
import { JSX as JSX_1kxb2 } from "react";
|
|
20
|
+
import { ForwardRefExoticComponent as ForwardRefExoticComponent_tcubfn } from "react";
|
|
21
|
+
import { RefAttributes as RefAttributes_miuf56 } from "react";
|
|
27
22
|
/** One command: the label the query matches, plus what the row shows and does. */
|
|
28
23
|
interface CommandItem {
|
|
29
24
|
label: string;
|
|
@@ -43,34 +38,34 @@ type CommandItems = CommandItem[] | CommandGroup[];
|
|
|
43
38
|
type CommandListRootProps = Omit<Autocomplete.Root.Props<CommandItem>, "items" | "filter" | "itemToStringValue" | "onItemHighlighted"> & {
|
|
44
39
|
items: CommandItems;
|
|
45
40
|
};
|
|
46
|
-
type
|
|
41
|
+
type Element_12xgc2 = JSX_1kxb2["Element"];
|
|
47
42
|
/** Base UI's Autocomplete set up for command rows: it matches labels and keywords and hands its highlight to `CommandList`. */
|
|
48
|
-
declare function CommandListRoot({ items,...props }: CommandListRootProps):
|
|
49
|
-
declare function CommandShortcut({ className,...props }:
|
|
43
|
+
declare function CommandListRoot({ items,...props }: CommandListRootProps): Element_12xgc2;
|
|
44
|
+
declare function CommandShortcut({ className,...props }: HTMLAttributes<HTMLElement>): Element_12xgc2;
|
|
50
45
|
interface CommandListProps {
|
|
51
46
|
onPick: (item: CommandItem) => void;
|
|
52
|
-
emptyMessage:
|
|
47
|
+
emptyMessage: ReactNode3;
|
|
53
48
|
className?: string;
|
|
54
49
|
}
|
|
55
50
|
/** The filtered rows (grouped or flat) under one fluid highlight, inside a ScrollArea. Goes inside `CommandListRoot`. */
|
|
56
|
-
declare function CommandList({ onPick, emptyMessage, className }: CommandListProps):
|
|
51
|
+
declare function CommandList({ onPick, emptyMessage, className }: CommandListProps): Element_12xgc2;
|
|
57
52
|
interface CommandPaletteProps {
|
|
58
53
|
/** The commands, flat or in labelled groups. */
|
|
59
54
|
items: CommandItems;
|
|
60
55
|
/** The search field's placeholder. Defaults to `'Type a command or search…'`. */
|
|
61
56
|
placeholder?: string;
|
|
62
57
|
/** Shown when nothing matches the query. Defaults to `'No results found.'`. */
|
|
63
|
-
emptyMessage?:
|
|
58
|
+
emptyMessage?: ReactNode3;
|
|
64
59
|
/** Classes for the palette's box. */
|
|
65
60
|
className?: string;
|
|
66
61
|
}
|
|
67
|
-
declare function CommandPalette({ items, placeholder, emptyMessage, className }: CommandPaletteProps):
|
|
68
|
-
declare const CommandTrigger:
|
|
62
|
+
declare function CommandPalette({ items, placeholder, emptyMessage, className }: CommandPaletteProps): Element_12xgc2;
|
|
63
|
+
declare const CommandTrigger: ForwardRefExoticComponent_tcubfn<SlotProps & RefAttributes_miuf56<HTMLButtonElement>>;
|
|
69
64
|
interface CommandContentProps extends CommandPaletteProps {
|
|
70
65
|
/** Accessible name of the panel. Defaults to `'Command menu'`. */
|
|
71
66
|
label?: string;
|
|
72
67
|
/** Where the panel grows from (see Morph): the pressed trigger (its center when none), the press point, its own center, a viewport edge, or a ref to any element. Defaults to `'trigger'`. */
|
|
73
|
-
from?: "trigger" | "pointer" | "center" | "top" | "right" | "bottom" | "left" |
|
|
68
|
+
from?: "trigger" | "pointer" | "center" | "top" | "right" | "bottom" | "left" | RefObject<HTMLElement | null>;
|
|
74
69
|
/** How it grows (see Morph): with the liquid goo neck, a plain morph, a slide or a fade. Defaults to `'goo'`. */
|
|
75
70
|
effect?: "goo" | "morph" | "slide" | "fade";
|
|
76
71
|
/** Hide the trigger while open, so it reads as turning into the panel. Defaults to `false`. */
|
|
@@ -78,18 +73,18 @@ interface CommandContentProps extends CommandPaletteProps {
|
|
|
78
73
|
/** Spring tier of a plain morph, slide or fade; goo runs on its own `spring.goo`. Defaults to `'slow'`. */
|
|
79
74
|
tier?: "moderate" | "slow";
|
|
80
75
|
}
|
|
81
|
-
declare const CommandContent:
|
|
76
|
+
declare const CommandContent: ForwardRefExoticComponent_tcubfn<CommandContentProps & RefAttributes_miuf56<HTMLDivElement>>;
|
|
82
77
|
interface CommandProps {
|
|
83
78
|
/** Controlled open state. */
|
|
84
79
|
open?: boolean;
|
|
85
80
|
/** Initial open state, for an uncontrolled palette. Defaults to `false`. */
|
|
86
81
|
defaultOpen?: boolean;
|
|
87
|
-
/** Called when the palette opens or closes
|
|
88
|
-
onOpenChange?: (open: boolean
|
|
82
|
+
/** Called when the palette opens or closes. */
|
|
83
|
+
onOpenChange?: (open: boolean) => void;
|
|
89
84
|
/** The key that toggles the palette with ⌘ (Ctrl elsewhere); `false` leaves the keyboard alone. Defaults to `'k'`. */
|
|
90
85
|
hotkey?: string | false;
|
|
91
86
|
/** The trigger and the panel: `Command.Trigger` plus a `Command.Content`. */
|
|
92
|
-
children?:
|
|
87
|
+
children?: ReactNode3;
|
|
93
88
|
}
|
|
94
89
|
/**
|
|
95
90
|
* A ⌘K command menu: a search field over grouped commands, grown out of
|
|
@@ -122,5 +117,5 @@ interface CommandProps {
|
|
|
122
117
|
*
|
|
123
118
|
* @example {@include ./examples.mdx}
|
|
124
119
|
*/
|
|
125
|
-
declare function Command({ open, defaultOpen, onOpenChange, hotkey, children }: CommandProps):
|
|
120
|
+
declare function Command({ open, defaultOpen, onOpenChange, hotkey, children }: CommandProps): Element_12xgc2;
|
|
126
121
|
export { Command, CommandContent, CommandContentProps, CommandGroup, CommandItem, CommandItems, CommandList, CommandListRoot, CommandPalette, CommandPaletteProps, CommandProps, CommandShortcut, CommandTrigger, Command as default };
|
|
@@ -7,31 +7,23 @@ import {
|
|
|
7
7
|
CommandContent2,
|
|
8
8
|
Command2,
|
|
9
9
|
command_default
|
|
10
|
-
} from "../../../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-
|
|
20
|
-
import"../../../shared/components-
|
|
21
|
-
import"../../../shared/components-
|
|
22
|
-
import"../../../shared/components-
|
|
23
|
-
import"../../../shared/components-
|
|
24
|
-
import"../../../shared/components-
|
|
25
|
-
import"../../../shared/components-
|
|
26
|
-
import"../../../shared/components-
|
|
27
|
-
import"../../../shared/components-drxrtnp2.js";
|
|
28
|
-
import"../../../shared/components-de99ykt7.js";
|
|
29
|
-
import"../../../shared/components-3ey0hzpb.js";
|
|
30
|
-
import"../../../shared/components-h83az0bz.js";
|
|
31
|
-
import"../../../shared/components-34txk9rj.js";
|
|
32
|
-
import"../../../shared/components-71nbt03m.js";
|
|
33
|
-
import"../../../shared/components-gx4h5rbb.js";
|
|
34
|
-
import"../../../shared/components-jcnjay5g.js";
|
|
10
|
+
} from "../../../shared/components-4700p9kz.js";
|
|
11
|
+
import"../../../shared/components-zfnmn5d4.js";
|
|
12
|
+
import"../../../shared/components-3ky44908.js";
|
|
13
|
+
import"../../../shared/components-zrkzcayz.js";
|
|
14
|
+
import"../../../shared/components-0q0sqfh4.js";
|
|
15
|
+
import"../../../shared/components-kvr7f9hy.js";
|
|
16
|
+
import"../../../shared/components-chacnk61.js";
|
|
17
|
+
import"../../../shared/components-59efxjd9.js";
|
|
18
|
+
import"../../../shared/components-hqeq3w9q.js";
|
|
19
|
+
import"../../../shared/components-b2wyq2cq.js";
|
|
20
|
+
import"../../../shared/components-n7mjr357.js";
|
|
21
|
+
import"../../../shared/components-men63rwj.js";
|
|
22
|
+
import"../../../shared/components-0sn7ypjw.js";
|
|
23
|
+
import"../../../shared/components-b0eac83j.js";
|
|
24
|
+
import"../../../shared/components-cv16mryv.js";
|
|
25
|
+
import"../../../shared/components-zx6b6yby.js";
|
|
26
|
+
import"../../../shared/components-ezxhrmer.js";
|
|
35
27
|
export {
|
|
36
28
|
Command2 as Command,
|
|
37
29
|
CommandContent2 as CommandContent,
|