@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,87 +0,0 @@
|
|
|
1
|
-
import { NumberFieldRootChangeEventDetails } from "@base-ui/react/number-field";
|
|
2
|
-
import { InputHTMLAttributes, ReactNode as ReactNode2 } from "react";
|
|
3
|
-
type SizeVariant = "default" | "compact";
|
|
4
|
-
/** Framed at rest (`bordered`), or invisible until hovered or focused (`borderless`). */
|
|
5
|
-
type FieldVariant = "bordered" | "borderless";
|
|
6
|
-
import { ForwardRefExoticComponent as ForwardRefExoticComponent_tcubfn } from "react";
|
|
7
|
-
import { RefAttributes as RefAttributes_miuf56 } from "react";
|
|
8
|
-
interface NumberInputProps {
|
|
9
|
-
/** Controlled value; `null` while the field is empty. Pair with `onValueChange`. */
|
|
10
|
-
value?: number | null;
|
|
11
|
-
/** Initial value when uncontrolled. Empty when unset. */
|
|
12
|
-
defaultValue?: number;
|
|
13
|
-
/** Called with the new value as it changes (typing, steppers, arrow keys, scrubbing); `null` when cleared. The second argument is Base UI's change details: `reason` names the cause (`"input-change"`, `"keyboard"`, `"increment-press"`, `"scrub"`, …) and `event` the DOM event. */
|
|
14
|
-
onValueChange?: (value: number | null, details: NumberFieldRootChangeEventDetails) => void;
|
|
15
|
-
/** Called once a change is done: on blur after typing, on release after a stepper press or a scrub. */
|
|
16
|
-
onValueCommitted?: (value: number | null) => void;
|
|
17
|
-
/** Lowest value the steppers, arrow keys and blur clamp to. */
|
|
18
|
-
min?: number;
|
|
19
|
-
/** Highest value the steppers, arrow keys and blur clamp to. */
|
|
20
|
-
max?: number;
|
|
21
|
-
/** Amount a stepper press or an arrow key adds. Defaults to `1`. */
|
|
22
|
-
step?: number;
|
|
23
|
-
/** Amount with Alt held. Defaults to `0.1`. */
|
|
24
|
-
smallStep?: number;
|
|
25
|
-
/** Amount with Shift held. Defaults to `10`. */
|
|
26
|
-
largeStep?: number;
|
|
27
|
-
/** How the value is shown and read back: `Intl.NumberFormat` options, e.g. `{ style: 'currency', currency: 'EUR' }` or `{ style: 'percent' }`. */
|
|
28
|
-
format?: Intl.NumberFormatOptions;
|
|
29
|
-
/** Locale for formatting and parsing (`"sk-SK"` writes `1 234,5`). Defaults to the browser's. */
|
|
30
|
-
locale?: Intl.LocalesArgument;
|
|
31
|
-
/** Placeholder text while empty. */
|
|
32
|
-
placeholder?: string;
|
|
33
|
-
/** Shows the minus and plus buttons. Defaults to `true`. */
|
|
34
|
-
stepper?: boolean;
|
|
35
|
-
/** Turns `startAdornment` into a scrub handle: drag it sideways to change the value. Defaults to `false`. */
|
|
36
|
-
scrub?: boolean;
|
|
37
|
-
/** Lets the mouse wheel change the value while the field is focused and hovered. Defaults to `false`. */
|
|
38
|
-
wheel?: boolean;
|
|
39
|
-
/** Content before the number: a label such as `"W"` (a scrub handle with `scrub`), a currency sign, an icon. */
|
|
40
|
-
startAdornment?: ReactNode2;
|
|
41
|
-
/** Content after the number, before the steppers: a unit such as `"kg"`. */
|
|
42
|
-
endAdornment?: ReactNode2;
|
|
43
|
-
/** Accessible name of the minus button. Defaults to `"Decrease"`. */
|
|
44
|
-
decrementLabel?: string;
|
|
45
|
-
/** Accessible name of the plus button. Defaults to `"Increase"`. */
|
|
46
|
-
incrementLabel?: string;
|
|
47
|
-
/** Names the value when the form is submitted. */
|
|
48
|
-
name?: string;
|
|
49
|
-
/** Id of the input, for a `Label`'s `htmlFor`. Inside a Field it is wired for you. */
|
|
50
|
-
id?: string;
|
|
51
|
-
/** Marks the value required. Defaults to the surrounding Field's `required`. */
|
|
52
|
-
required?: boolean;
|
|
53
|
-
/** Framed at rest, or invisible until hovered or focused. Defaults to `"borderless"`. */
|
|
54
|
-
variant?: FieldVariant;
|
|
55
|
-
/** Marks the value invalid: the field turns destructive and sets `aria-invalid`. Defaults to `false`. */
|
|
56
|
-
invalid?: boolean;
|
|
57
|
-
/** Disables the field and its steppers. Defaults to `false`. */
|
|
58
|
-
disabled?: boolean;
|
|
59
|
-
/** Shows the value without letting it change; the steppers hide. Defaults to `false`. */
|
|
60
|
-
readOnly?: boolean;
|
|
61
|
-
/** Pins the field to one step of the size ladder (36px default, 28px compact). Defaults to the surrounding SizeProvider. */
|
|
62
|
-
size?: SizeVariant;
|
|
63
|
-
/** Classes for the ringed box. */
|
|
64
|
-
className?: string;
|
|
65
|
-
/** Props for the `<input>` itself, applied last so they win: `aria-label`, `aria-describedby`, `autoFocus`, `onKeyDown`, `id`, `autoComplete`, `inputMode`. Use the root `name`; a `name` here posts the formatted text. `disabled`, `required`, `readOnly` and `type` stay with the root props and the surrounding Field; a `className` joins the input's own. */
|
|
66
|
-
inputProps?: Omit<InputHTMLAttributes<HTMLInputElement>, "value" | "defaultValue" | "onChange" | "size">;
|
|
67
|
-
}
|
|
68
|
-
/**
|
|
69
|
-
* Number field with steppers, formatting and an optional scrub handle.
|
|
70
|
-
*
|
|
71
|
-
* It sits on the same ground as Input: bare at rest (or framed with
|
|
72
|
-
* `variant="bordered"`), a muted wash on hover, the card on focus, a
|
|
73
|
-
* destructive ring when `invalid`. Minus and plus sit inside the ring at the
|
|
74
|
-
* end; holding one repeats, the arrow keys step (Shift for `largeStep`, Alt
|
|
75
|
-
* for `smallStep`), and both stop at `min` / `max`. `format` takes
|
|
76
|
-
* `Intl.NumberFormat` options and `locale` the locale, so a value reads
|
|
77
|
-
* `€1,234.50` or `1 234,5 %` and typing in that form parses back. With
|
|
78
|
-
* `scrub`, the start adornment becomes a handle: drag it sideways to change
|
|
79
|
-
* the value, as in a design tool. The value is a number, or `null` while
|
|
80
|
-
* empty: uncontrolled with `defaultValue`, controlled with `value` +
|
|
81
|
-
* `onValueChange`. Behavior comes from Base UI's NumberField; inside a Field
|
|
82
|
-
* it is labelled and takes the field's state.
|
|
83
|
-
*
|
|
84
|
-
* @example {@include ./examples.mdx}
|
|
85
|
-
*/
|
|
86
|
-
declare const NumberInput: ForwardRefExoticComponent_tcubfn<NumberInputProps & RefAttributes_miuf56<HTMLInputElement>>;
|
|
87
|
-
export { NumberInput, NumberInputProps, NumberInput as default };
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
NumberInput2,
|
|
3
|
-
number_input_default
|
|
4
|
-
} from "../../../shared/components-b94t6qtj.js";
|
|
5
|
-
import"../../../shared/components-mattt5jp.js";
|
|
6
|
-
import"../../../shared/components-adkarj8n.js";
|
|
7
|
-
import"../../../shared/components-hdzrqqpx.js";
|
|
8
|
-
import"../../../shared/components-124epb7f.js";
|
|
9
|
-
import"../../../shared/components-jqpefjsn.js";
|
|
10
|
-
import"../../../shared/components-yhgq0qxx.js";
|
|
11
|
-
import"../../../shared/components-dcc02hs2.js";
|
|
12
|
-
import"../../../shared/components-tz1fv35x.js";
|
|
13
|
-
import"../../../shared/components-h83az0bz.js";
|
|
14
|
-
import"../../../shared/components-34txk9rj.js";
|
|
15
|
-
import"../../../shared/components-71nbt03m.js";
|
|
16
|
-
import"../../../shared/components-gx4h5rbb.js";
|
|
17
|
-
import"../../../shared/components-jcnjay5g.js";
|
|
18
|
-
export {
|
|
19
|
-
NumberInput2 as NumberInput,
|
|
20
|
-
number_input_default as default
|
|
21
|
-
};
|
|
@@ -1,126 +0,0 @@
|
|
|
1
|
-
import { NavigationMenu as NavigationMenuPrimitive } from "@base-ui/react/navigation-menu";
|
|
2
|
-
import { ComponentPropsWithoutRef, ForwardRefExoticComponent, ReactNode as ReactNode2, RefAttributes, RefObject } from "react";
|
|
3
|
-
import { ComponentType } from "react";
|
|
4
|
-
interface IconComponentProps {
|
|
5
|
-
size?: number | string;
|
|
6
|
-
strokeWidth?: number | string;
|
|
7
|
-
className?: string;
|
|
8
|
-
}
|
|
9
|
-
type IconComponent = ComponentType<IconComponentProps>;
|
|
10
|
-
type SizeVariant = "default" | "compact";
|
|
11
|
-
import { JSX as JSX_1kxb2 } from "react";
|
|
12
|
-
interface NavigationMenuListProps extends ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.List> {
|
|
13
|
-
/** `NavigationMenu.Item`s, and optionally a `NavigationMenu.Indicator`. */
|
|
14
|
-
children?: ReactNode2;
|
|
15
|
-
}
|
|
16
|
-
declare const NavigationMenuList: ForwardRefExoticComponent<NavigationMenuListProps & RefAttributes<HTMLUListElement>>;
|
|
17
|
-
interface NavigationMenuIndicatorProps {
|
|
18
|
-
/** Classes for the marker: its fill. Defaults to the `bg-active` overlay. */
|
|
19
|
-
className?: string;
|
|
20
|
-
}
|
|
21
|
-
type Element_12xgc2 = JSX_1kxb2["Element"];
|
|
22
|
-
/** A liquid marker under the open item, or the current page's item when nothing is open. */
|
|
23
|
-
declare function NavigationMenuIndicator({ className }: NavigationMenuIndicatorProps): Element_12xgc2;
|
|
24
|
-
interface NavigationMenuItemProps extends ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Item> {
|
|
25
|
-
/** Identifies the item for a controlled `value`. Defaults to a generated id. */
|
|
26
|
-
value?: string;
|
|
27
|
-
}
|
|
28
|
-
declare const NavigationMenuItem: ForwardRefExoticComponent<NavigationMenuItemProps & RefAttributes<HTMLLIElement>>;
|
|
29
|
-
interface NavigationMenuTriggerProps extends ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Trigger> {
|
|
30
|
-
/** The trigger's label. With `asChild`, the single child element, whose own children are the label. */
|
|
31
|
-
children?: ReactNode2;
|
|
32
|
-
/** Compose onto the single child instead of `render`: it becomes the trigger and keeps its element type, props and ref. Defaults to `false`. */
|
|
33
|
-
asChild?: boolean;
|
|
34
|
-
}
|
|
35
|
-
declare const NavigationMenuTrigger: ForwardRefExoticComponent<NavigationMenuTriggerProps & RefAttributes<HTMLButtonElement>>;
|
|
36
|
-
interface NavigationMenuContentProps extends ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Content> {
|
|
37
|
-
/** Classes for the panel's content: its width and layout (a grid of links, a feature column). */
|
|
38
|
-
className?: string;
|
|
39
|
-
/** The panel: `NavigationMenu.Link`s and anything else. With `asChild`, the single child element, whose own children are the panel. */
|
|
40
|
-
children?: ReactNode2;
|
|
41
|
-
/** Compose onto the single child instead of `render`: it becomes the panel and keeps its element type, props and ref, so a `ul` stays a `ul`. Defaults to `false`. */
|
|
42
|
-
asChild?: boolean;
|
|
43
|
-
}
|
|
44
|
-
declare const NavigationMenuContent: ForwardRefExoticComponent<NavigationMenuContentProps & RefAttributes<HTMLDivElement>>;
|
|
45
|
-
interface NavigationMenuLinkProps extends ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Link> {
|
|
46
|
-
/** Marks the link as the current page (`aria-current`); in the strip, the indicator rests under it. Defaults to `false`. */
|
|
47
|
-
active?: boolean;
|
|
48
|
-
/** Leading icon of a link inside a panel. */
|
|
49
|
-
icon?: IconComponent;
|
|
50
|
-
/** A muted line under the title of a link inside a panel. */
|
|
51
|
-
description?: ReactNode2;
|
|
52
|
-
/** Close the panel when the link is pressed. Defaults to `false`. */
|
|
53
|
-
closeOnClick?: boolean;
|
|
54
|
-
/** The link's title. */
|
|
55
|
-
children?: ReactNode2;
|
|
56
|
-
}
|
|
57
|
-
declare const NavigationMenuLink: ForwardRefExoticComponent<NavigationMenuLinkProps & RefAttributes<HTMLAnchorElement>>;
|
|
58
|
-
interface NavigationMenuProps extends Omit<ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Root>, "value" | "defaultValue" | "onValueChange" | "delay" | "closeDelay" | "className" | "children"> {
|
|
59
|
-
/** Controlled open item (its `value`), or `null` when closed. Pair with `onValueChange`. */
|
|
60
|
-
value?: string | null;
|
|
61
|
-
/** Initially open item, for an uncontrolled menu. Defaults to `null`. */
|
|
62
|
-
defaultValue?: string | null;
|
|
63
|
-
/** Called with the open item's value, or `null` as the menu closes. */
|
|
64
|
-
onValueChange?: (value: string | null) => void;
|
|
65
|
-
/** Hover delay before a panel opens, in ms. Defaults to `50`. */
|
|
66
|
-
delay?: number;
|
|
67
|
-
/** Delay before the panel closes once the pointer leaves, in ms. Defaults to `50`. */
|
|
68
|
-
closeDelay?: number;
|
|
69
|
-
/** Alignment of the panel along the strip. Defaults to `'start'`. */
|
|
70
|
-
align?: "start" | "center" | "end";
|
|
71
|
-
/** Gap between strip and panel in px — the length of the goo neck. Defaults to `12`. */
|
|
72
|
-
sideOffset?: number;
|
|
73
|
-
/** Where the panel grows from (see Morph): the pressed trigger, the press point, its own center, a viewport edge, or a ref to any element. Defaults to `'trigger'`. */
|
|
74
|
-
from?: "trigger" | "pointer" | "center" | "top" | "right" | "bottom" | "left" | RefObject<HTMLElement | null>;
|
|
75
|
-
/** How it grows (see Morph): with the liquid goo neck, a plain morph, a slide or a fade. Defaults to `'goo'`. */
|
|
76
|
-
effect?: "goo" | "morph" | "slide" | "fade";
|
|
77
|
-
/** Hide the trigger while open, so it reads as turning into the panel. Defaults to `false`. */
|
|
78
|
-
hideSource?: boolean;
|
|
79
|
-
/** Spring tier of a plain morph, slide or fade; goo runs on its own `spring.goo`. Defaults to `'slow'`. */
|
|
80
|
-
tier?: "moderate" | "slow";
|
|
81
|
-
/** Pins the strip and its panels to one step of the size ladder (36px default, 28px compact). Defaults to the surrounding SizeProvider. */
|
|
82
|
-
size?: SizeVariant;
|
|
83
|
-
/** Classes for the `nav` root. */
|
|
84
|
-
className?: string;
|
|
85
|
-
/** A `NavigationMenu.List`. */
|
|
86
|
-
children?: ReactNode2;
|
|
87
|
-
}
|
|
88
|
-
type NavigationMenuComponent = ForwardRefExoticComponent<NavigationMenuProps & RefAttributes<HTMLElement>> & {
|
|
89
|
-
List: typeof NavigationMenuList;
|
|
90
|
-
Item: typeof NavigationMenuItem;
|
|
91
|
-
Trigger: typeof NavigationMenuTrigger;
|
|
92
|
-
Content: typeof NavigationMenuContent;
|
|
93
|
-
Link: typeof NavigationMenuLink;
|
|
94
|
-
Indicator: typeof NavigationMenuIndicator;
|
|
95
|
-
};
|
|
96
|
-
/**
|
|
97
|
-
* A site navigation bar whose items open flyout panels of links.
|
|
98
|
-
*
|
|
99
|
-
* The panel grows out of the trigger that opened it (see Morph) and closes
|
|
100
|
-
* back into it. Moving to another trigger keeps the one panel open: it
|
|
101
|
-
* springs to the new content's size while the content slides in from the
|
|
102
|
-
* side the pointer came from. One fluid hover highlight runs along the
|
|
103
|
-
* strip and another inside each panel, and `NavigationMenu.Indicator` melts
|
|
104
|
-
* from item to item under the open one, or under the current page's link.
|
|
105
|
-
* The panel lifts 2 surface levels off its substrate. Built on Base UI's
|
|
106
|
-
* NavigationMenu: panels open on hover or press, arrow keys move between
|
|
107
|
-
* items, Escape closes; controlled with `value` + `onValueChange`. The root
|
|
108
|
-
* is the `<nav>`: it takes a ref and HTML attributes such as `aria-label`.
|
|
109
|
-
*
|
|
110
|
-
* Statics:
|
|
111
|
-
* - `NavigationMenu.List` — the strip.
|
|
112
|
-
* - `NavigationMenu.Item` — one entry: a Trigger + Content pair, or a Link;
|
|
113
|
-
* `value`.
|
|
114
|
-
* - `NavigationMenu.Trigger` — opens its item's panel; the chevron turns and
|
|
115
|
-
* the label turns semibold while open; `asChild`.
|
|
116
|
-
* - `NavigationMenu.Content` — the item's panel; size it with `className`;
|
|
117
|
-
* `asChild` makes it the child (a `ul`, say).
|
|
118
|
-
* - `NavigationMenu.Link` — a link: in the strip, a top-level item; in a
|
|
119
|
-
* panel, a row with `icon` and `description`. `active` marks the current
|
|
120
|
-
* page; `closeOnClick`.
|
|
121
|
-
* - `NavigationMenu.Indicator` — the liquid marker; put it in the List.
|
|
122
|
-
*
|
|
123
|
-
* @example {@include ./examples.mdx}
|
|
124
|
-
*/
|
|
125
|
-
declare const NavigationMenu: NavigationMenuComponent;
|
|
126
|
-
export { NavigationMenu, NavigationMenuContent, NavigationMenuContentProps, NavigationMenuIndicator, NavigationMenuIndicatorProps, NavigationMenuItem, NavigationMenuItemProps, NavigationMenuLink, NavigationMenuLinkProps, NavigationMenuList, NavigationMenuListProps, NavigationMenuProps, NavigationMenuTrigger, NavigationMenuTriggerProps, NavigationMenu as default };
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
NavigationMenuList2,
|
|
3
|
-
NavigationMenuIndicator2,
|
|
4
|
-
NavigationMenuItem2,
|
|
5
|
-
NavigationMenuTrigger2,
|
|
6
|
-
NavigationMenuContent2,
|
|
7
|
-
NavigationMenuLink2,
|
|
8
|
-
NavigationMenu2,
|
|
9
|
-
navigation_menu_default
|
|
10
|
-
} from "../../../shared/components-ej4r7wmj.js";
|
|
11
|
-
import"../../../shared/components-tz4gaf1v.js";
|
|
12
|
-
import"../../../shared/components-wbbckbw8.js";
|
|
13
|
-
import"../../../shared/components-h6p86be3.js";
|
|
14
|
-
import"../../../shared/components-vf45j12c.js";
|
|
15
|
-
import"../../../shared/components-4y816hwp.js";
|
|
16
|
-
import"../../../shared/components-b1e239g3.js";
|
|
17
|
-
import"../../../shared/components-dhgk6mbt.js";
|
|
18
|
-
import"../../../shared/components-jqpefjsn.js";
|
|
19
|
-
import"../../../shared/components-qdm3yh26.js";
|
|
20
|
-
import"../../../shared/components-pw06rbxq.js";
|
|
21
|
-
import"../../../shared/components-yhgq0qxx.js";
|
|
22
|
-
import"../../../shared/components-awra5sff.js";
|
|
23
|
-
import"../../../shared/components-dcc02hs2.js";
|
|
24
|
-
import"../../../shared/components-tz1fv35x.js";
|
|
25
|
-
import"../../../shared/components-de99ykt7.js";
|
|
26
|
-
import"../../../shared/components-3ey0hzpb.js";
|
|
27
|
-
import"../../../shared/components-h83az0bz.js";
|
|
28
|
-
import"../../../shared/components-34txk9rj.js";
|
|
29
|
-
import"../../../shared/components-71nbt03m.js";
|
|
30
|
-
import"../../../shared/components-gx4h5rbb.js";
|
|
31
|
-
import"../../../shared/components-jcnjay5g.js";
|
|
32
|
-
export {
|
|
33
|
-
NavigationMenu2 as NavigationMenu,
|
|
34
|
-
NavigationMenuContent2 as NavigationMenuContent,
|
|
35
|
-
NavigationMenuIndicator2 as NavigationMenuIndicator,
|
|
36
|
-
NavigationMenuItem2 as NavigationMenuItem,
|
|
37
|
-
NavigationMenuLink2 as NavigationMenuLink,
|
|
38
|
-
NavigationMenuList2 as NavigationMenuList,
|
|
39
|
-
NavigationMenuTrigger2 as NavigationMenuTrigger,
|
|
40
|
-
navigation_menu_default as default
|
|
41
|
-
};
|
|
@@ -1,75 +0,0 @@
|
|
|
1
|
-
type SizeVariant = "default" | "compact";
|
|
2
|
-
import { JSX as JSX_1kxb } from "react";
|
|
3
|
-
type PaginationVariant = "pages" | "input";
|
|
4
|
-
interface PaginationProps {
|
|
5
|
-
/** Number of pages. Below 1 it counts as 1. */
|
|
6
|
-
pageCount: number;
|
|
7
|
-
/** Controlled current page, counted from 1. Pair with `onPageChange`. */
|
|
8
|
-
page?: number;
|
|
9
|
-
/** Initial page, for an uncontrolled pagination. Defaults to `1`. */
|
|
10
|
-
defaultPage?: number;
|
|
11
|
-
/** Called with the new page whenever it changes. */
|
|
12
|
-
onPageChange?: (page: number) => void;
|
|
13
|
-
/** Page buttons along a strip, or a field to type the page into (the dense layout data tables use). Defaults to `'pages'`. */
|
|
14
|
-
variant?: PaginationVariant;
|
|
15
|
-
/** Pages shown on each side of the current one before a gap, with `variant="pages"`. Defaults to `1`. */
|
|
16
|
-
siblings?: number;
|
|
17
|
-
/** Show the first and last page buttons. Defaults to on with `variant="input"` and off with `variant="pages"`. */
|
|
18
|
-
edges?: boolean;
|
|
19
|
-
/** Controlled page size: shows the page-size Select. Pair with `onPageSizeChange`. */
|
|
20
|
-
pageSize?: number;
|
|
21
|
-
/** Initial page size, for an uncontrolled page-size Select; setting it shows the Select. */
|
|
22
|
-
defaultPageSize?: number;
|
|
23
|
-
/** The page sizes the Select offers. Defaults to `[10, 20, 30, 40, 50]`. */
|
|
24
|
-
pageSizes?: number[];
|
|
25
|
-
/** Called with the new page size whenever it changes. */
|
|
26
|
-
onPageSizeChange?: (pageSize: number) => void;
|
|
27
|
-
/** Disables every control, e.g. while a page loads. Defaults to `false`. */
|
|
28
|
-
disabled?: boolean;
|
|
29
|
-
/** Accessible name of the `nav`. Defaults to `'Pagination'`. */
|
|
30
|
-
label?: string;
|
|
31
|
-
/** Accessible name of the first page button. Defaults to `'First page'`. */
|
|
32
|
-
firstLabel?: string;
|
|
33
|
-
/** Accessible name of the previous page button. Defaults to `'Previous page'`. */
|
|
34
|
-
previousLabel?: string;
|
|
35
|
-
/** Accessible name of the next page button. Defaults to `'Next page'`. */
|
|
36
|
-
nextLabel?: string;
|
|
37
|
-
/** Accessible name of the last page button. Defaults to `'Last page'`. */
|
|
38
|
-
lastLabel?: string;
|
|
39
|
-
/** Accessible name of the page field, with `variant="input"`. Defaults to `'Page'`. */
|
|
40
|
-
pageLabel?: string;
|
|
41
|
-
/** Text before the page-size Select, also its accessible name unless `pageSizeAriaLabel` is set; an empty string shows none. Defaults to `'Rows per page'`. */
|
|
42
|
-
pageSizeLabel?: string;
|
|
43
|
-
/** Accessible name of the page-size Select, for when it should differ from the visible `pageSizeLabel` (or that is empty). Defaults to `pageSizeLabel`, else `'Rows per page'`. */
|
|
44
|
-
pageSizeAriaLabel?: string;
|
|
45
|
-
/** Pins the strip to one step of the size ladder (36px default, 28px compact). Defaults to the surrounding SizeProvider. */
|
|
46
|
-
size?: SizeVariant;
|
|
47
|
-
/** Classes for the `nav` root. */
|
|
48
|
-
className?: string;
|
|
49
|
-
}
|
|
50
|
-
type Element_12xgc = JSX_1kxb["Element"];
|
|
51
|
-
/**
|
|
52
|
-
* Page navigation: first, previous, the pages or a field to jump to one,
|
|
53
|
-
* next and last, with an optional page-size Select for data tables.
|
|
54
|
-
*
|
|
55
|
-
* With the default `variant="pages"` the strip shows the first and last
|
|
56
|
-
* pages and the current page's neighbours, with a gap wherever pages are
|
|
57
|
-
* skipped. The current page is a liquid indicator: picking another page melts
|
|
58
|
-
* it across the strip (see the liquid indicators in Morph), and its number
|
|
59
|
-
* turns semibold without moving the others. One fluid hover highlight runs
|
|
60
|
-
* along the page buttons, so a click between two pages lands on the lit one.
|
|
61
|
-
*
|
|
62
|
-
* `variant="input"` swaps the strip for a field showing the current page and
|
|
63
|
-
* the page count (`3 / 12`): type a page and press Enter, or leave the field,
|
|
64
|
-
* to go there; Escape puts the current page back. It brings first and last
|
|
65
|
-
* buttons with it (`edges`).
|
|
66
|
-
*
|
|
67
|
-
* Setting `pageSize` or `defaultPageSize` adds a Select of `pageSizes`. Every
|
|
68
|
-
* label is a prop, so a translated app passes its own strings. Works
|
|
69
|
-
* controlled (`page` + `onPageChange`, `pageSize` + `onPageSizeChange`) or
|
|
70
|
-
* uncontrolled (`defaultPage`, `defaultPageSize`).
|
|
71
|
-
*
|
|
72
|
-
* @example {@include ./examples.mdx}
|
|
73
|
-
*/
|
|
74
|
-
declare function Pagination({ pageCount, page, defaultPage, onPageChange, variant, siblings, edges: edgesProp, pageSize, defaultPageSize, pageSizes, onPageSizeChange, disabled, label, firstLabel, previousLabel, nextLabel, lastLabel, pageLabel, pageSizeLabel, pageSizeAriaLabel, size: sizeProp, className }: PaginationProps): Element_12xgc;
|
|
75
|
-
export { Pagination, PaginationProps, PaginationVariant, Pagination as default };
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
Pagination2,
|
|
3
|
-
pagination_default
|
|
4
|
-
} from "../../../shared/components-8v644a0s.js";
|
|
5
|
-
import"../../../shared/components-wqrvqq5p.js";
|
|
6
|
-
import"../../../shared/components-xdqmt6ed.js";
|
|
7
|
-
import"../../../shared/components-mattt5jp.js";
|
|
8
|
-
import"../../../shared/components-adkarj8n.js";
|
|
9
|
-
import"../../../shared/components-hdzrqqpx.js";
|
|
10
|
-
import"../../../shared/components-124epb7f.js";
|
|
11
|
-
import"../../../shared/components-tz4gaf1v.js";
|
|
12
|
-
import"../../../shared/components-wbbckbw8.js";
|
|
13
|
-
import"../../../shared/components-krtx3m5b.js";
|
|
14
|
-
import"../../../shared/components-h6p86be3.js";
|
|
15
|
-
import"../../../shared/components-vf45j12c.js";
|
|
16
|
-
import"../../../shared/components-mrbaxt8q.js";
|
|
17
|
-
import"../../../shared/components-4y816hwp.js";
|
|
18
|
-
import"../../../shared/components-b1e239g3.js";
|
|
19
|
-
import"../../../shared/components-dhgk6mbt.js";
|
|
20
|
-
import"../../../shared/components-jqpefjsn.js";
|
|
21
|
-
import"../../../shared/components-qdm3yh26.js";
|
|
22
|
-
import"../../../shared/components-pw06rbxq.js";
|
|
23
|
-
import"../../../shared/components-yhgq0qxx.js";
|
|
24
|
-
import"../../../shared/components-awra5sff.js";
|
|
25
|
-
import"../../../shared/components-dcc02hs2.js";
|
|
26
|
-
import"../../../shared/components-9sttq78t.js";
|
|
27
|
-
import"../../../shared/components-4vfm04wq.js";
|
|
28
|
-
import"../../../shared/components-tz1fv35x.js";
|
|
29
|
-
import"../../../shared/components-ctqmge8t.js";
|
|
30
|
-
import"../../../shared/components-drxrtnp2.js";
|
|
31
|
-
import"../../../shared/components-de99ykt7.js";
|
|
32
|
-
import"../../../shared/components-3ey0hzpb.js";
|
|
33
|
-
import"../../../shared/components-h83az0bz.js";
|
|
34
|
-
import"../../../shared/components-34txk9rj.js";
|
|
35
|
-
import"../../../shared/components-71nbt03m.js";
|
|
36
|
-
import"../../../shared/components-gx4h5rbb.js";
|
|
37
|
-
import"../../../shared/components-jcnjay5g.js";
|
|
38
|
-
export {
|
|
39
|
-
Pagination2 as Pagination,
|
|
40
|
-
pagination_default as default
|
|
41
|
-
};
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { ClassProp as ClassProp_wz9o0r } from "class-variance-authority/types";
|
|
2
|
-
declare const sidebarMenuButtonVariants: (props?: ({
|
|
3
|
-
variant?: "default" | "outline" | null | undefined;
|
|
4
|
-
} & ClassProp_wz9o0r) | undefined) => string;
|
|
5
|
-
declare const SIDEBAR_COOKIE_NAME = "sidebar_state";
|
|
6
|
-
declare const SIDEBAR_COOKIE_MAX_AGE: number;
|
|
7
|
-
declare const SIDEBAR_WIDTH = "16rem";
|
|
8
|
-
declare const SIDEBAR_WIDTH_MOBILE = "18rem";
|
|
9
|
-
/** Bare-key toggle defaults: "[" for a left sidebar, "]" for a right one.
|
|
10
|
-
* Bare (no ⌘/Ctrl) so the browser's history shortcuts stay untouched. */
|
|
11
|
-
declare const SIDEBAR_KEYBOARD_SHORTCUT = "[";
|
|
12
|
-
declare const SIDEBAR_KEYBOARD_SHORTCUT_RIGHT = "]";
|
|
13
|
-
/** Drag-resize clamp for the built-in rail handle (px). */
|
|
14
|
-
declare const SIDEBAR_MIN_WIDTH = 160;
|
|
15
|
-
declare const SIDEBAR_MAX_WIDTH = 360;
|
|
16
|
-
/** Dragging this far past the minimum width collapses the sidebar instead of
|
|
17
|
-
* bottoming out — the same "throw it at the edge to dismiss" affordance
|
|
18
|
-
* native apps use. */
|
|
19
|
-
declare const SIDEBAR_COLLAPSE_SLOP = 56;
|
|
20
|
-
/** Open on hover: the strip past the sidebar's inner edge that opens it, and
|
|
21
|
-
* how close a trigger must sit to that edge to widen the strip to its own
|
|
22
|
-
* far side (px). */
|
|
23
|
-
declare const SIDEBAR_HOVER_STRIP = 12;
|
|
24
|
-
declare const SIDEBAR_HOVER_TRIGGER_GAP = 24;
|
|
25
|
-
export { SIDEBAR_COLLAPSE_SLOP, SIDEBAR_COOKIE_MAX_AGE, SIDEBAR_COOKIE_NAME, SIDEBAR_HOVER_STRIP, SIDEBAR_HOVER_TRIGGER_GAP, SIDEBAR_KEYBOARD_SHORTCUT, SIDEBAR_KEYBOARD_SHORTCUT_RIGHT, SIDEBAR_MAX_WIDTH, SIDEBAR_MIN_WIDTH, SIDEBAR_WIDTH, SIDEBAR_WIDTH_MOBILE, sidebarMenuButtonVariants };
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
sidebarMenuButtonVariants2,
|
|
3
|
-
SIDEBAR_COOKIE_NAME2,
|
|
4
|
-
SIDEBAR_COOKIE_MAX_AGE2,
|
|
5
|
-
SIDEBAR_WIDTH2,
|
|
6
|
-
SIDEBAR_WIDTH_MOBILE2,
|
|
7
|
-
SIDEBAR_KEYBOARD_SHORTCUT2,
|
|
8
|
-
SIDEBAR_KEYBOARD_SHORTCUT_RIGHT2,
|
|
9
|
-
SIDEBAR_MIN_WIDTH2,
|
|
10
|
-
SIDEBAR_MAX_WIDTH2,
|
|
11
|
-
SIDEBAR_COLLAPSE_SLOP2,
|
|
12
|
-
SIDEBAR_HOVER_STRIP2,
|
|
13
|
-
SIDEBAR_HOVER_TRIGGER_GAP2
|
|
14
|
-
} from "../../../shared/components-kswxnm3h.js";
|
|
15
|
-
export {
|
|
16
|
-
SIDEBAR_COLLAPSE_SLOP2 as SIDEBAR_COLLAPSE_SLOP,
|
|
17
|
-
SIDEBAR_COOKIE_MAX_AGE2 as SIDEBAR_COOKIE_MAX_AGE,
|
|
18
|
-
SIDEBAR_COOKIE_NAME2 as SIDEBAR_COOKIE_NAME,
|
|
19
|
-
SIDEBAR_HOVER_STRIP2 as SIDEBAR_HOVER_STRIP,
|
|
20
|
-
SIDEBAR_HOVER_TRIGGER_GAP2 as SIDEBAR_HOVER_TRIGGER_GAP,
|
|
21
|
-
SIDEBAR_KEYBOARD_SHORTCUT2 as SIDEBAR_KEYBOARD_SHORTCUT,
|
|
22
|
-
SIDEBAR_KEYBOARD_SHORTCUT_RIGHT2 as SIDEBAR_KEYBOARD_SHORTCUT_RIGHT,
|
|
23
|
-
SIDEBAR_MAX_WIDTH2 as SIDEBAR_MAX_WIDTH,
|
|
24
|
-
SIDEBAR_MIN_WIDTH2 as SIDEBAR_MIN_WIDTH,
|
|
25
|
-
SIDEBAR_WIDTH2 as SIDEBAR_WIDTH,
|
|
26
|
-
SIDEBAR_WIDTH_MOBILE2 as SIDEBAR_WIDTH_MOBILE,
|
|
27
|
-
sidebarMenuButtonVariants2 as sidebarMenuButtonVariants
|
|
28
|
-
};
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
import { ComponentPropsWithoutRef, ForwardRefExoticComponent, ReactNode, RefAttributes } from "react";
|
|
2
|
-
type SizeVariant = "default" | "compact";
|
|
3
|
-
interface SpinnerProps extends Omit<ComponentPropsWithoutRef<"span">, "children"> {
|
|
4
|
-
/** Pins the spinner to one step of the size ladder: one control tall (36px default, 28px compact), like a loading Button's. Defaults to the surrounding SizeProvider. */
|
|
5
|
-
size?: SizeVariant;
|
|
6
|
-
/** What is loading, read to assistive tech. Defaults to `"Loading"`. */
|
|
7
|
-
label?: string;
|
|
8
|
-
/** Classes for the box: a size off the ladder (`size-5` inline in text), a color. */
|
|
9
|
-
className?: string;
|
|
10
|
-
}
|
|
11
|
-
/** An indeterminate wait in a small space: Button's loading glyph on its own. */
|
|
12
|
-
declare const Spinner: ForwardRefExoticComponent<SpinnerProps & RefAttributes<HTMLSpanElement>>;
|
|
13
|
-
interface ProgressProps extends Omit<ComponentPropsWithoutRef<"div">, "children"> {
|
|
14
|
-
/** How far along the task is, between `min` and `max`. `null` is an indeterminate bar: a segment sweeping the track while the amount is unknown. Defaults to `null`. */
|
|
15
|
-
value?: number | null;
|
|
16
|
-
/** The value of an empty bar. Defaults to `0`. */
|
|
17
|
-
min?: number;
|
|
18
|
-
/** The value of a full bar. Defaults to `100`. */
|
|
19
|
-
max?: number;
|
|
20
|
-
/** A label above the bar, also its accessible name. Without one, give the bar an `aria-label`. */
|
|
21
|
-
label?: ReactNode;
|
|
22
|
-
/** Shows the value, formatted as a percentage, at the end of the label row. Defaults to `false`. */
|
|
23
|
-
showValue?: boolean;
|
|
24
|
-
/** Number format for the shown value and for assistive tech, as `Intl.NumberFormat` options. Defaults to a percentage. */
|
|
25
|
-
format?: Intl.NumberFormatOptions;
|
|
26
|
-
/** Pins the label row to one step of the size ladder. Defaults to the surrounding SizeProvider. */
|
|
27
|
-
size?: SizeVariant;
|
|
28
|
-
/** Classes for the root: a width, or `absolute inset-x-0 top-0` for a loading line along a region's top edge. */
|
|
29
|
-
className?: string;
|
|
30
|
-
}
|
|
31
|
-
type ProgressComponent = ForwardRefExoticComponent<ProgressProps & RefAttributes<HTMLDivElement>> & {
|
|
32
|
-
Spinner: typeof Spinner;
|
|
33
|
-
};
|
|
34
|
-
/**
|
|
35
|
-
* Shows how far along a task is, or that something is still working when
|
|
36
|
-
* nobody knows how far.
|
|
37
|
-
*
|
|
38
|
-
* A determinate bar (`value`) slides its fill to the new amount on the
|
|
39
|
-
* indicator spring, never stretching it, so the rounded end keeps its shape;
|
|
40
|
-
* an indeterminate one (`value={null}`) sweeps an ink segment along a recessed
|
|
41
|
-
* track. The fill is ink, not the brand blue: progress is information, not a
|
|
42
|
-
* selection. Base UI's Progress gives the bar its `progressbar` role, its
|
|
43
|
-
* values and their text for assistive tech; `label` names it and `showValue`
|
|
44
|
-
* prints the formatted value beside the label. Under reduced motion the fill
|
|
45
|
-
* jumps to its amount and the indeterminate bar breathes in place instead of
|
|
46
|
-
* travelling.
|
|
47
|
-
*
|
|
48
|
-
* Statics:
|
|
49
|
-
* - `Progress.Spinner` — the same wait in a small space: Button's loading
|
|
50
|
-
* glyph on its own, one control tall (`size`), `label` for assistive tech.
|
|
51
|
-
* Also exported as `Spinner`.
|
|
52
|
-
*
|
|
53
|
-
* @example {@include ./examples.mdx}
|
|
54
|
-
*/
|
|
55
|
-
declare const Progress: ProgressComponent;
|
|
56
|
-
export { Progress, ProgressProps, Spinner, SpinnerProps, Progress as default };
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
Spinner2,
|
|
3
|
-
Progress2,
|
|
4
|
-
progress_default
|
|
5
|
-
} from "../../shared/components-d3shbwqq.js";
|
|
6
|
-
import"../../shared/components-de99ykt7.js";
|
|
7
|
-
import"../../shared/components-3ey0hzpb.js";
|
|
8
|
-
import"../../shared/components-h83az0bz.js";
|
|
9
|
-
import"../../shared/components-34txk9rj.js";
|
|
10
|
-
import"../../shared/components-jcnjay5g.js";
|
|
11
|
-
export {
|
|
12
|
-
Progress2 as Progress,
|
|
13
|
-
Spinner2 as Spinner,
|
|
14
|
-
progress_default as default
|
|
15
|
-
};
|
package/dist/docs/index.d.ts
DELETED
|
@@ -1,83 +0,0 @@
|
|
|
1
|
-
import { AnchorHTMLAttributes, ReactNode } from "react";
|
|
2
|
-
import { ForwardRefExoticComponent as ForwardRefExoticComponent_tcubfn } from "react";
|
|
3
|
-
import { ButtonProps as ButtonProps_1qs1xe } from "..";
|
|
4
|
-
import { RefAttributes as RefAttributes_miuf56 } from "react";
|
|
5
|
-
import { JSX as JSX_1kxb } from "react";
|
|
6
|
-
import { LucideIcon as LucideIcon_b49o7r } from "lucide-react";
|
|
7
|
-
/**
|
|
8
|
-
* Button slot: the chrome's icon buttons (Show code, Copy, the anchor toggles). The chrome passes
|
|
9
|
-
* `variant="ghost"`, `size="icon-sm"`, `aria-label` and `aria-pressed`; the design system's Button takes them as is.
|
|
10
|
-
* Pinned so a host with an item named `Button` of another shape is not matched by name.
|
|
11
|
-
*/
|
|
12
|
-
declare const Button: ForwardRefExoticComponent_tcubfn<ButtonProps_1qs1xe & RefAttributes_miuf56<HTMLButtonElement>>;
|
|
13
|
-
type Element_12xgc = JSX_1kxb["Element"];
|
|
14
|
-
/**
|
|
15
|
-
* Link slot: every chrome and Markdown link, a plain anchor so the chrome's own link styling applies.
|
|
16
|
-
* Pinned so a host with an item named `Link` of another shape is not matched by name.
|
|
17
|
-
*/
|
|
18
|
-
declare function Link(props: AnchorHTMLAttributes<HTMLAnchorElement> & {
|
|
19
|
-
href: string;
|
|
20
|
-
}): Element_12xgc;
|
|
21
|
-
declare const icons: {
|
|
22
|
-
code: LucideIcon_b49o7r;
|
|
23
|
-
copy: LucideIcon_b49o7r;
|
|
24
|
-
check: LucideIcon_b49o7r;
|
|
25
|
-
link: LucideIcon_b49o7r;
|
|
26
|
-
};
|
|
27
|
-
/** Icon slot: the chrome asks for icons by name; lucide draws them. */
|
|
28
|
-
declare function Icon({ name }: {
|
|
29
|
-
/** Which chrome icon to draw. */
|
|
30
|
-
name: keyof typeof icons;
|
|
31
|
-
/** Accessible text; the button around the icon carries it. */
|
|
32
|
-
label: string;
|
|
33
|
-
}): Element_12xgc;
|
|
34
|
-
/**
|
|
35
|
-
* Select slot: the chrome passes a flat `value` / `onChange` / `options`
|
|
36
|
-
* contract; FF's Select is compositional, so this maps one onto the other.
|
|
37
|
-
*/
|
|
38
|
-
declare function Select({ value, onChange, options }: {
|
|
39
|
-
value: string;
|
|
40
|
-
onChange: (value: string) => void;
|
|
41
|
-
options: {
|
|
42
|
-
value: string;
|
|
43
|
-
label: string;
|
|
44
|
-
}[];
|
|
45
|
-
}): Element_12xgc;
|
|
46
|
-
/**
|
|
47
|
-
* Sidebar slot: both asides of the chrome, each an inset `Sidebar` with its
|
|
48
|
-
* own `openOnHover` provider, so the content between them is the inset card
|
|
49
|
-
* (chrome.css). The trigger in the card's corner (or `[` for the nav, `]` for
|
|
50
|
-
* the panel) switches a side between open and on hover. Below md each side
|
|
51
|
-
* is a drawer. The panel starts on hover below xl.
|
|
52
|
-
*
|
|
53
|
-
* A section of links is a collapsible `Sidebar.Group` whose rows share one
|
|
54
|
-
* `Sidebar.Menu`, so the current page and the hover highlight melt from link
|
|
55
|
-
* to link (the TOC's current heading too, as the page scrolls); a panel
|
|
56
|
-
* section (the Theme select) keeps its control under the group label. Pin it
|
|
57
|
-
* in modo.config.ts: by name alone modo would adopt a documented `Sidebar`
|
|
58
|
-
* item, an app shell that needs its provider.
|
|
59
|
-
*/
|
|
60
|
-
declare function DocsNav({ children }: {
|
|
61
|
-
children?: ReactNode;
|
|
62
|
-
}): Element_12xgc;
|
|
63
|
-
declare namespace DocsNav {
|
|
64
|
-
var Item: typeof DocsNavItem;
|
|
65
|
-
var Section: typeof DocsNavSection;
|
|
66
|
-
}
|
|
67
|
-
declare function DocsNavItem({ href, active, children }: {
|
|
68
|
-
href: string;
|
|
69
|
-
active?: boolean;
|
|
70
|
-
children?: ReactNode;
|
|
71
|
-
}): Element_12xgc;
|
|
72
|
-
declare function DocsNavSection({ title, children }: {
|
|
73
|
-
title: string;
|
|
74
|
-
children?: ReactNode;
|
|
75
|
-
}): Element_12xgc;
|
|
76
|
-
/**
|
|
77
|
-
* Theme panel item. The switching itself is the pre-paint script the vite
|
|
78
|
-
* helper injects (`docsTheme` in `@justanarthur/modo-ui/docs/vite`, `window.__uiTheme`), so a stored preference applies before first
|
|
79
|
-
* paint; this only reflects and sets it. `ui:themechange` also fires when the
|
|
80
|
-
* OS flips underneath 'system'.
|
|
81
|
-
*/
|
|
82
|
-
declare function ThemeSwitcher(): Element_12xgc;
|
|
83
|
-
export { Button, DocsNav, Icon, Link, Select, ThemeSwitcher };
|