@justanarthur/modo-ui 0.6.0-canary.9 → 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-c7rwx0ap.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-c74gf16d.js → components-1z6tdadk.js} +24 -40
- package/dist/shared/{components-bae8sbjx.js → components-27nnvrwe.js} +14 -15
- package/dist/shared/{components-qh1cvj6p.js → components-2dxkv6zm.js} +7 -8
- package/dist/shared/{components-y0kfy2g4.js → components-2ecg8svx.js} +152 -234
- package/dist/shared/{components-c5w5zk0s.js → components-2ph6t61s.js} +34 -37
- package/dist/shared/{components-4j3t39dd.js → components-39jq9va1.js} +24 -29
- package/dist/shared/components-3ky44908.js +9 -0
- package/dist/shared/{components-syynwm1r.js → components-3mkepka5.js} +25 -28
- package/dist/shared/{components-wgtjt2af.js → components-4700p9kz.js} +22 -24
- package/dist/shared/{components-yhgq0qxx.js → components-59efxjd9.js} +12 -13
- package/dist/shared/{components-91zw3d9f.js → components-5vgpnxgy.js} +27 -51
- package/dist/shared/{components-kz5q11pp.js → components-5xc2j8jz.js} +18 -19
- package/dist/shared/{components-zkk3fmw8.js → components-6p8tfcd6.js} +29 -57
- package/dist/shared/{components-4nck8acq.js → components-7r3etddy.js} +54 -19
- package/dist/shared/{components-svkt577j.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-pv1dyrtn.js → components-b3c5et5b.js} +38 -49
- package/dist/shared/{components-rrbpmfx4.js → components-c6s6b43g.js} +2 -3
- package/dist/shared/{components-pwayrkw9.js → components-chacnk61.js} +19 -19
- package/dist/shared/{components-71nbt03m.js → components-cv16mryv.js} +7 -26
- package/dist/shared/{components-hgv6tygd.js → components-d6xtjht3.js} +30 -35
- package/dist/shared/{components-z8fedth5.js → components-dk0gjr5a.js} +18 -19
- package/dist/shared/{components-cet3jpa0.js → components-fzrq6tr3.js} +34 -37
- package/dist/shared/{components-cnead5qm.js → components-gc5vtq2f.js} +30 -66
- package/dist/shared/components-gf5s6ap9.js +42 -0
- package/dist/shared/{components-0h78g3b5.js → components-gz8zf3ec.js} +55 -56
- package/dist/shared/{components-mattt5jp.js → components-h2ajmhwn.js} +35 -107
- package/dist/shared/{components-m06yq8wk.js → components-hqeq3w9q.js} +23 -38
- package/dist/shared/{components-7qx17na9.js → components-hw9yk32z.js} +24 -36
- package/dist/shared/components-hyq23phv.js +310 -0
- package/dist/shared/{components-9jmjnkqd.js → components-jbbmdr74.js} +22 -41
- package/dist/shared/{components-dcc02hs2.js → components-jjw69c4c.js} +4 -7
- package/dist/shared/{components-303jf96s.js → components-jthe1pwb.js} +420 -139
- package/dist/shared/{components-dtca4s6b.js → components-jwst3vtj.js} +76 -224
- package/dist/shared/{components-dc5q749x.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-qx27excf.js → components-mjthm1kf.js} +9 -13
- package/dist/shared/{components-1e64t8aj.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-w2jqa6hx.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-2a7hcand.js → components-rr7a6ja9.js} +27 -59
- package/dist/shared/{components-005jt2nz.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-p0fm0bab.js → components-w1r67ag9.js} +149 -294
- package/dist/shared/{components-xd3emmy4.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-yxmxn2jp.js → components-y9y0g8er.js} +28 -52
- package/dist/shared/components-ypp01w3p.js +986 -0
- package/dist/shared/{components-czdvj1a8.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-01w9qcfa.js +0 -277
- package/dist/shared/components-124epb7f.js +0 -53
- package/dist/shared/components-26snnbs9.js +0 -322
- package/dist/shared/components-2krsc300.js +0 -254
- package/dist/shared/components-2qbqqpgq.js +0 -1545
- 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-868v7scv.js +0 -399
- package/dist/shared/components-8jrk5eye.js +0 -448
- 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-bsqynhaj.js +0 -179
- package/dist/shared/components-c9yr4ed1.js +0 -44
- 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-f7h57m6t.js +0 -59
- package/dist/shared/components-g3eafs70.js +0 -337
- 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-mhza2wdn.js +0 -482
- package/dist/shared/components-mrbaxt8q.js +0 -62
- package/dist/shared/components-pt5ftm4p.js +0 -38
- package/dist/shared/components-rtadhd9j.js +0 -64
- package/dist/shared/components-tv7b8tet.js +0 -271
- package/dist/shared/components-tz4gaf1v.js +0 -23
- package/dist/shared/components-wbbckbw8.js +0 -34
- package/dist/shared/components-wknae3m4.js +0 -298
- 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/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 -575
- 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,45 +1,11 @@
|
|
|
1
1
|
import { Locale as Locale2 } from "date-fns";
|
|
2
|
-
import {
|
|
2
|
+
import { RefObject as RefObject2 } from "react";
|
|
3
3
|
type HourCycle = "h11" | "h12" | "h23" | "h24";
|
|
4
4
|
type SizeVariant = "default" | "compact";
|
|
5
5
|
/** Framed at rest (`bordered`), or invisible until hovered or focused (`borderless`). */
|
|
6
6
|
type FieldVariant = "bordered" | "borderless";
|
|
7
|
-
import {
|
|
8
|
-
|
|
9
|
-
type PickerControlAttributes = Omit<HTMLAttributes2<HTMLElement>, "children" | "dangerouslySetInnerHTML" | "defaultValue" | "defaultChecked"> & {
|
|
10
|
-
/** An editable field's input: browser autofill hint. Defaults to `"off"`. */
|
|
11
|
-
autoComplete?: string;
|
|
12
|
-
[data: `data-${string}`]: string | number | boolean | undefined;
|
|
13
|
-
};
|
|
14
|
-
/** The form and accessibility props every picker forwards to its field's control. */
|
|
15
|
-
interface PickerControlProps {
|
|
16
|
-
/** Marks the value required: a native form won't submit while it is empty (and an editable field's input carries `required`). Defaults to the surrounding Field's `required`. */
|
|
17
|
-
required?: boolean;
|
|
18
|
-
/** Called when the field's control (its button, or an editable field's input) loses focus, as when the panel takes it. */
|
|
19
|
-
onBlur?: (event: FocusEvent<HTMLElement>) => void;
|
|
20
|
-
/** Names the field's control for assistive tech, in place of its label. */
|
|
21
|
-
"aria-label"?: string;
|
|
22
|
-
/** Ids of the elements naming the field's control, in place of its own label. */
|
|
23
|
-
"aria-labelledby"?: string;
|
|
24
|
-
/** Ids of the elements describing the field's control (a hint, an error message). */
|
|
25
|
-
"aria-describedby"?: string;
|
|
26
|
-
/** Marks the value invalid, as `invalid` does. */
|
|
27
|
-
"aria-invalid"?: AriaAttributes["aria-invalid"];
|
|
28
|
-
/** Attributes for the field's control: the button that opens the panel, or an `editable` field's input (`data-*`, `autoFocus`, `tabIndex`, handlers, which run after the picker's own; an editable field's input also takes `autoComplete` and `inputMode`, which replace its defaults of `"off"` and `"numeric"`). On an editable field the masked input owns `onChange`, so a caller's one never runs; only `onFocus`, `onBlur` and `onKeyDown` chain, the caller's `onKeyDown` first, and its `preventDefault()` skips the mask's own key handling). */
|
|
29
|
-
controlProps?: PickerControlAttributes;
|
|
30
|
-
}
|
|
31
|
-
/** Every word the picker shows or announces, for translating it. */
|
|
32
|
-
interface TimePickerLabels {
|
|
33
|
-
/** Names the panel's time input. Defaults to the `placeholder`, else `"Time"`. */
|
|
34
|
-
time?: string;
|
|
35
|
-
/** Names the hour column. Defaults to the locale's name for it. */
|
|
36
|
-
hour?: string;
|
|
37
|
-
/** Names the minute column. Defaults to the locale's name for it. */
|
|
38
|
-
minute?: string;
|
|
39
|
-
/** Names the panel's close button. Defaults to `"Close"`. */
|
|
40
|
-
close?: string;
|
|
41
|
-
}
|
|
42
|
-
interface TimePickerProps extends PickerControlProps {
|
|
7
|
+
import { JSX as JSX_1kxb } from "react";
|
|
8
|
+
interface TimePickerProps {
|
|
43
9
|
/** The picked time as `"HH:mm"` on a 24-hour clock (an `<input type="time">`'s value); `null` when empty. */
|
|
44
10
|
value?: string | null;
|
|
45
11
|
/** Initial time, for an uncontrolled picker. Defaults to `null`. */
|
|
@@ -50,16 +16,8 @@ interface TimePickerProps extends PickerControlProps {
|
|
|
50
16
|
hourCycle?: HourCycle;
|
|
51
17
|
/** Steps between the minute column's options. Defaults to `1`. */
|
|
52
18
|
minuteStep?: number;
|
|
53
|
-
/** A react-day-picker / date-fns locale
|
|
54
|
-
locale?: Locale2
|
|
55
|
-
/** The field's text for a time, in place of the locale's format: `(value) => …`, given `"HH:mm"`. */
|
|
56
|
-
formatTime?: (value: string) => ReactNode6;
|
|
57
|
-
/** Every word the picker announces (`time`, `hour`, `minute`, `close`), for translating it. Defaults to English and the locale's field names. */
|
|
58
|
-
labels?: TimePickerLabels;
|
|
59
|
-
/** Shows the time but never opens. Defaults to `false`. */
|
|
60
|
-
readOnly?: boolean;
|
|
61
|
-
/** Names the value for a native form: a hidden input carries it as `"HH:mm"`. */
|
|
62
|
-
name?: string;
|
|
19
|
+
/** A react-day-picker / date-fns locale: the time's format and the AM/PM names. Defaults to `enUS`. */
|
|
20
|
+
locale?: Locale2;
|
|
63
21
|
/** Shown while empty. */
|
|
64
22
|
placeholder?: string;
|
|
65
23
|
/** Disables the field. Defaults to `false`. */
|
|
@@ -79,7 +37,7 @@ interface TimePickerProps extends PickerControlProps {
|
|
|
79
37
|
/** Id of the field, for a `Label`'s `htmlFor`. */
|
|
80
38
|
id?: string;
|
|
81
39
|
/** Where the panel grows from (see Morph): the field, the press point, its own center, a viewport edge, or a ref to any element. Defaults to `'trigger'` (the field). */
|
|
82
|
-
from?: "trigger" | "pointer" | "center" | "top" | "right" | "bottom" | "left" |
|
|
40
|
+
from?: "trigger" | "pointer" | "center" | "top" | "right" | "bottom" | "left" | RefObject2<HTMLElement | null>;
|
|
83
41
|
/** How the panel grows (see Morph), as Combobox's list does: with the liquid goo neck, a plain morph, a slide or a fade. `'morph'` with `hideSource` opens it in place over the field. Defaults to `'goo'`. */
|
|
84
42
|
effect?: "goo" | "morph" | "slide" | "fade";
|
|
85
43
|
/** Hide the field while open, so it reads as turning into the panel. Defaults to `false`. */
|
|
@@ -89,23 +47,17 @@ interface TimePickerProps extends PickerControlProps {
|
|
|
89
47
|
/** Classes for the field. */
|
|
90
48
|
className?: string;
|
|
91
49
|
}
|
|
50
|
+
type Element_12xgc = JSX_1kxb["Element"];
|
|
92
51
|
/**
|
|
93
52
|
* A time-of-day field with scrolling hour and minute columns.
|
|
94
53
|
*
|
|
95
54
|
* The panel opens with the time as text, selected and ready to type over
|
|
96
55
|
* ("15:33", "3:33 PM"), above an hour column and a minute column; on a
|
|
97
|
-
* 12-hour clock the hours read with AM/PM
|
|
98
|
-
* the same clock. Each column keeps its pick in the middle and
|
|
56
|
+
* 12-hour clock the hours read with AM/PM. Each column keeps its pick in the middle and
|
|
99
57
|
* marks it with a dot. The value is `"HH:mm"` on a 24-hour clock whatever the
|
|
100
58
|
* locale shows, the same as a native time input's.
|
|
101
59
|
*
|
|
102
|
-
* `formatTime` writes the field's text and `labels` every word it
|
|
103
|
-
* announces; `locale` also takes a BCP 47 tag. `readOnly` shows the time
|
|
104
|
-
* and never opens. In a form, `name` submits the value as `"HH:mm"` and
|
|
105
|
-
* `required` stops an empty submit; `id`, the `aria-*` props, `onBlur`,
|
|
106
|
-
* `controlProps` and the `ref` reach the field's button.
|
|
107
|
-
*
|
|
108
60
|
* @example {@include ./examples.mdx}
|
|
109
61
|
*/
|
|
110
|
-
declare
|
|
111
|
-
export { TimePicker,
|
|
62
|
+
declare function TimePicker({ value: valueProp, defaultValue, onValueChange, hourCycle, minuteStep, locale, placeholder, disabled, variant, invalid, size, open: openProp, defaultOpen, onOpenChange, id, from, effect, hideSource, tier, className }: TimePickerProps): Element_12xgc;
|
|
63
|
+
export { TimePicker, TimePickerProps, TimePicker as default };
|
|
@@ -1,39 +1,30 @@
|
|
|
1
1
|
import {
|
|
2
2
|
TimePicker2,
|
|
3
3
|
time_picker_default
|
|
4
|
-
} from "../../../../shared/components-
|
|
5
|
-
import"../../../../shared/components-
|
|
6
|
-
import"../../../../shared/components-
|
|
7
|
-
import"../../../../shared/components-
|
|
8
|
-
import"../../../../shared/components-
|
|
9
|
-
import"../../../../shared/components-
|
|
10
|
-
import"../../../../shared/components-
|
|
11
|
-
import"../../../../shared/components-
|
|
12
|
-
import"../../../../shared/components-
|
|
13
|
-
import"../../../../shared/components-
|
|
14
|
-
import"../../../../shared/components-
|
|
15
|
-
import"../../../../shared/components-
|
|
16
|
-
import"../../../../shared/components-
|
|
17
|
-
import"../../../../shared/components-
|
|
18
|
-
import"../../../../shared/components-
|
|
19
|
-
import"../../../../shared/components-
|
|
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-
|
|
28
|
-
import"../../../../shared/components-4vfm04wq.js";
|
|
29
|
-
import"../../../../shared/components-tz1fv35x.js";
|
|
30
|
-
import"../../../../shared/components-de99ykt7.js";
|
|
31
|
-
import"../../../../shared/components-3ey0hzpb.js";
|
|
32
|
-
import"../../../../shared/components-h83az0bz.js";
|
|
33
|
-
import"../../../../shared/components-34txk9rj.js";
|
|
34
|
-
import"../../../../shared/components-71nbt03m.js";
|
|
35
|
-
import"../../../../shared/components-gx4h5rbb.js";
|
|
36
|
-
import"../../../../shared/components-jcnjay5g.js";
|
|
4
|
+
} from "../../../../shared/components-5vgpnxgy.js";
|
|
5
|
+
import"../../../../shared/components-mjthm1kf.js";
|
|
6
|
+
import"../../../../shared/components-s5ngg32c.js";
|
|
7
|
+
import"../../../../shared/components-h2ajmhwn.js";
|
|
8
|
+
import"../../../../shared/components-gz8zf3ec.js";
|
|
9
|
+
import"../../../../shared/components-c6s6b43g.js";
|
|
10
|
+
import"../../../../shared/components-raknhppb.js";
|
|
11
|
+
import"../../../../shared/components-rr7a6ja9.js";
|
|
12
|
+
import"../../../../shared/components-zfnmn5d4.js";
|
|
13
|
+
import"../../../../shared/components-3ky44908.js";
|
|
14
|
+
import"../../../../shared/components-zrkzcayz.js";
|
|
15
|
+
import"../../../../shared/components-0q0sqfh4.js";
|
|
16
|
+
import"../../../../shared/components-kvr7f9hy.js";
|
|
17
|
+
import"../../../../shared/components-chacnk61.js";
|
|
18
|
+
import"../../../../shared/components-59efxjd9.js";
|
|
19
|
+
import"../../../../shared/components-hqeq3w9q.js";
|
|
20
|
+
import"../../../../shared/components-jjw69c4c.js";
|
|
21
|
+
import"../../../../shared/components-b2wyq2cq.js";
|
|
22
|
+
import"../../../../shared/components-n7mjr357.js";
|
|
23
|
+
import"../../../../shared/components-men63rwj.js";
|
|
24
|
+
import"../../../../shared/components-0sn7ypjw.js";
|
|
25
|
+
import"../../../../shared/components-cv16mryv.js";
|
|
26
|
+
import"../../../../shared/components-zx6b6yby.js";
|
|
27
|
+
import"../../../../shared/components-ezxhrmer.js";
|
|
37
28
|
export {
|
|
38
29
|
TimePicker2 as TimePicker,
|
|
39
30
|
time_picker_default as default
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ForwardRefExoticComponent, HTMLAttributes, InputHTMLAttributes, LabelHTMLAttributes, ReactNode as ReactNode2, RefAttributes } from "react";
|
|
2
2
|
type SizeVariant = "default" | "compact";
|
|
3
3
|
/** Framed at rest (`bordered`), or invisible until hovered or focused (`borderless`). */
|
|
4
4
|
type FieldVariant = "bordered" | "borderless";
|
|
@@ -9,46 +9,11 @@ interface IconComponentProps {
|
|
|
9
9
|
className?: string;
|
|
10
10
|
}
|
|
11
11
|
type IconComponent = ComponentType<IconComponentProps>;
|
|
12
|
-
import { LabelHTMLAttributes, ReactNode as ReactNode3 } from "react";
|
|
13
|
-
import { ForwardRefExoticComponent as ForwardRefExoticComponent_tcubfn } from "react";
|
|
14
|
-
import { RefAttributes as RefAttributes_miuf56 } from "react";
|
|
15
|
-
interface LabelProps extends LabelHTMLAttributes<HTMLLabelElement> {
|
|
16
|
-
/** Label text. */
|
|
17
|
-
children: ReactNode3;
|
|
18
|
-
/** The id of the control it names; a click on the label focuses or toggles that control. */
|
|
19
|
-
htmlFor?: string;
|
|
20
|
-
/** Turns the label destructive, matching an invalid Input. Defaults to `false`. */
|
|
21
|
-
invalid?: boolean;
|
|
22
|
-
/** Pins the label to one step of the size ladder (body text at default, compact body at compact). Defaults to the surrounding SizeProvider. */
|
|
23
|
-
size?: SizeVariant;
|
|
24
|
-
/** Classes for the `<label>`. */
|
|
25
|
-
className?: string;
|
|
26
|
-
}
|
|
27
|
-
/**
|
|
28
|
-
* The label above or beside a field control.
|
|
29
|
-
*
|
|
30
|
-
* Muted body text inset to line up with the text inside a field box, so a
|
|
31
|
-
* label over an Input starts where its value does. It reserves the width of
|
|
32
|
-
* its semibold weight, so nothing moves if a wrapper restyles it. Pair it
|
|
33
|
-
* with a control through `htmlFor` and the control's `id`; inside a Field,
|
|
34
|
-
* `Field.Label` renders it for you and links it. `invalid` turns it
|
|
35
|
-
* destructive with the field; a disabled Field dims it. It follows the size
|
|
36
|
-
* ladder (see Sizes): `size` pins it, otherwise it reads the surrounding
|
|
37
|
-
* SizeProvider. Also exported from `inputs/input`.
|
|
38
|
-
*
|
|
39
|
-
* @example {@include ./examples.mdx}
|
|
40
|
-
*/
|
|
41
|
-
declare const Label: ForwardRefExoticComponent_tcubfn<LabelProps & RefAttributes_miuf56<HTMLLabelElement>>;
|
|
42
|
-
import { JSX as JSX_1kxb3 } from "react";
|
|
43
12
|
interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "defaultValue" | "size"> {
|
|
44
13
|
/** Placeholder text. */
|
|
45
14
|
placeholder?: string;
|
|
46
15
|
/** Leading icon inside the input. */
|
|
47
16
|
icon?: IconComponent;
|
|
48
|
-
/** Content before the text, after `icon`: a prefix (`"https://"`), an icon element, an `InputAction`. Strings read as muted text; icons take the ladder's glyph size. */
|
|
49
|
-
startAdornment?: ReactNode4;
|
|
50
|
-
/** Content after the text: a unit (`"kg"`), a status icon, an `InputAction` such as a password reveal or a clear. */
|
|
51
|
-
endAdornment?: ReactNode4;
|
|
52
17
|
/** Controlled input value. */
|
|
53
18
|
value?: string;
|
|
54
19
|
/** Initial value when uncontrolled. Defaults to `''`. */
|
|
@@ -61,12 +26,6 @@ interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "onChan
|
|
|
61
26
|
invalid?: boolean;
|
|
62
27
|
/** Disables the input. Defaults to `false`. */
|
|
63
28
|
disabled?: boolean;
|
|
64
|
-
/** Shows the value without letting it change: it can be selected and copied, the ring answers hover and focus, the fill never lifts. Defaults to `false`. */
|
|
65
|
-
readOnly?: boolean;
|
|
66
|
-
/** Marks the input required. Defaults to the surrounding Field's `required`. */
|
|
67
|
-
required?: boolean;
|
|
68
|
-
/** The input's type. Swapping it (a password reveal) keeps the caret and the selection where they were. Defaults to `"text"`. */
|
|
69
|
-
type?: string;
|
|
70
29
|
/** Pins the input to one step of the size ladder (default 36px, compact 28px). Defaults to the surrounding SizeProvider. */
|
|
71
30
|
size?: SizeVariant;
|
|
72
31
|
/** Classes for the ringed box around the input. */
|
|
@@ -79,34 +38,11 @@ interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "onChan
|
|
|
79
38
|
* ground with a hairline ring, focus onto the card ground, and its leading
|
|
80
39
|
* icon thickens. `invalid` turns it destructive. It is uncontrolled with
|
|
81
40
|
* `defaultValue`, or controlled with `value` + `onChange`, and fills the width
|
|
82
|
-
* of its container. Pair it with a `Label` through `htmlFor` / `id
|
|
83
|
-
* it in a Field, which labels it and hands it its error, disabled,
|
|
84
|
-
* read-only and required state.
|
|
85
|
-
*
|
|
86
|
-
* `startAdornment` and `endAdornment` hold what sits beside the text: a
|
|
87
|
-
* prefix or a unit, an icon, or an `InputAction` (a password reveal, a
|
|
88
|
-
* clear). They light with the field like its leading icon, and icons in
|
|
89
|
-
* them take the ladder's glyph size. Swapping `type` keeps the caret and the
|
|
90
|
-
* selection where they were, so a password reveal is just an `InputAction`
|
|
91
|
-
* that flips `type` between `"password"` and `"text"`. `readOnly` keeps the
|
|
92
|
-
* value selectable while the fill stays down.
|
|
93
|
-
*
|
|
94
|
-
* Its height is a step of the size ladder (see Sizes). `size` is that step
|
|
95
|
-
* (`"default"` 36px, `"compact"` 28px), not the native `<input size>`
|
|
96
|
-
* character width, which the Input doesn't take: its width comes from its
|
|
97
|
-
* container. With no `size`, the surrounding SizeProvider sets the height,
|
|
98
|
-
* so a host whose props keep the native `size` attribute strips it before
|
|
99
|
-
* spreading them onto the Input and sets density with a SizeProvider (or a
|
|
100
|
-
* Field's `size`) around the form instead.
|
|
41
|
+
* of its container. Pair it with a `Label` through `htmlFor` / `id`.
|
|
101
42
|
*
|
|
102
43
|
* Also exported from this item:
|
|
103
|
-
* - `InputAction` — a small icon button inside the field, 4px inside its
|
|
104
|
-
* ring: `label` (its accessible name), `icon`, `size`, plus button props.
|
|
105
|
-
* A press keeps the caret in the field.
|
|
106
|
-
* - `InputAdornment` — the wrapper the adornments render in, for a field of
|
|
107
|
-
* your own built on the field box: `size`.
|
|
108
44
|
* - `Label` — the field label, weight-stable and inset to line up with the
|
|
109
|
-
* input's text: `htmlFor`, `invalid`, `size
|
|
45
|
+
* input's text: `htmlFor`, `invalid`, `size`.
|
|
110
46
|
* - `InputGroup` — stacks labelled fields and tracks the pointer across them,
|
|
111
47
|
* so the hover glides from field to field: `size` pins every field to one
|
|
112
48
|
* step of the ladder.
|
|
@@ -120,36 +56,18 @@ interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "onChan
|
|
|
120
56
|
* @example {@include ./examples.mdx}
|
|
121
57
|
*/
|
|
122
58
|
declare const Input: ForwardRefExoticComponent<InputProps & RefAttributes<HTMLInputElement>>;
|
|
123
|
-
interface
|
|
124
|
-
/**
|
|
125
|
-
children
|
|
126
|
-
/**
|
|
127
|
-
|
|
128
|
-
/**
|
|
129
|
-
className?: string;
|
|
130
|
-
}
|
|
131
|
-
type Element_12xgc3 = JSX_1kxb3["Element"];
|
|
132
|
-
/** Content beside a field's text, lit with the field: what `startAdornment` / `endAdornment` render in, for a field of your own on `useFieldBox`. */
|
|
133
|
-
declare function InputAdornment({ children, size, className }: InputAdornmentProps): Element_12xgc3 | null;
|
|
134
|
-
interface InputActionProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children"> {
|
|
135
|
-
/** Names the action for assistive tech (its `aria-label`), e.g. "Show password". */
|
|
136
|
-
label: string;
|
|
137
|
-
/** The glyph. Pass an icon component, or an icon element as `children`. */
|
|
138
|
-
icon?: IconComponent;
|
|
139
|
-
/** An icon element, in place of `icon`. */
|
|
140
|
-
children?: ReactNode4;
|
|
141
|
-
/** Disables the action. Defaults to `false`. */
|
|
142
|
-
disabled?: boolean;
|
|
143
|
-
/** Pins the action to one step of the size ladder (28px in a default field, 20px in a compact one). Defaults to the surrounding SizeProvider. */
|
|
59
|
+
interface LabelProps extends LabelHTMLAttributes<HTMLLabelElement> {
|
|
60
|
+
/** Label text. */
|
|
61
|
+
children: ReactNode2;
|
|
62
|
+
/** Turns the label destructive, matching an invalid Input. Defaults to `false`. */
|
|
63
|
+
invalid?: boolean;
|
|
64
|
+
/** Pins the label to one step of the size ladder. Defaults to the surrounding SizeProvider. */
|
|
144
65
|
size?: SizeVariant;
|
|
145
|
-
/** Classes for the button. */
|
|
146
|
-
className?: string;
|
|
147
66
|
}
|
|
148
|
-
|
|
149
|
-
declare const InputAction: ForwardRefExoticComponent<InputActionProps & RefAttributes<HTMLButtonElement>>;
|
|
67
|
+
declare const Label: ForwardRefExoticComponent<LabelProps & RefAttributes<HTMLLabelElement>>;
|
|
150
68
|
interface InputGroupProps extends HTMLAttributes<HTMLDivElement> {
|
|
151
69
|
/** One or more InputGroup.Field children. */
|
|
152
|
-
children:
|
|
70
|
+
children: ReactNode2;
|
|
153
71
|
/** Pins the group's fields to one step of the size ladder (default 36px, compact 28px). Defaults to the surrounding SizeProvider. */
|
|
154
72
|
size?: SizeVariant;
|
|
155
73
|
}
|
|
@@ -167,8 +85,8 @@ interface InputFieldProps extends Omit<InputProps, "invalid" | "size" | "classNa
|
|
|
167
85
|
/** Error message shown below the input. */
|
|
168
86
|
error?: string;
|
|
169
87
|
/** A control in place of the built-in Input, e.g. a Textarea: it joins the group's hover and takes the field's error and disabled state. Input's props then go on it, not on the field. */
|
|
170
|
-
children?:
|
|
88
|
+
children?: ReactNode2;
|
|
171
89
|
className?: string;
|
|
172
90
|
}
|
|
173
91
|
declare const InputField: ForwardRefExoticComponent<InputFieldProps & RefAttributes<HTMLDivElement>>;
|
|
174
|
-
export { Input,
|
|
92
|
+
export { Input, InputFieldProps, InputGroup, InputGroupProps, InputProps, Label, LabelProps, Input as default };
|
|
@@ -1,27 +1,18 @@
|
|
|
1
1
|
import {
|
|
2
2
|
Input2,
|
|
3
|
-
|
|
4
|
-
InputAction2,
|
|
3
|
+
Label2,
|
|
5
4
|
InputGroup2,
|
|
6
5
|
input_default
|
|
7
|
-
} from "../../../shared/components-
|
|
8
|
-
import
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
import"../../../shared/components-
|
|
12
|
-
import"../../../shared/components-
|
|
13
|
-
import"../../../shared/components-
|
|
14
|
-
import"../../../shared/components-
|
|
15
|
-
import"../../../shared/components-tz1fv35x.js";
|
|
16
|
-
import"../../../shared/components-h83az0bz.js";
|
|
17
|
-
import"../../../shared/components-34txk9rj.js";
|
|
18
|
-
import"../../../shared/components-71nbt03m.js";
|
|
19
|
-
import"../../../shared/components-gx4h5rbb.js";
|
|
20
|
-
import"../../../shared/components-jcnjay5g.js";
|
|
6
|
+
} from "../../../shared/components-h2ajmhwn.js";
|
|
7
|
+
import"../../../shared/components-raknhppb.js";
|
|
8
|
+
import"../../../shared/components-59efxjd9.js";
|
|
9
|
+
import"../../../shared/components-jjw69c4c.js";
|
|
10
|
+
import"../../../shared/components-n7mjr357.js";
|
|
11
|
+
import"../../../shared/components-0sn7ypjw.js";
|
|
12
|
+
import"../../../shared/components-cv16mryv.js";
|
|
13
|
+
import"../../../shared/components-ezxhrmer.js";
|
|
21
14
|
export {
|
|
22
15
|
Input2 as Input,
|
|
23
|
-
InputAction2 as InputAction,
|
|
24
|
-
InputAdornment2 as InputAdornment,
|
|
25
16
|
InputGroup2 as InputGroup,
|
|
26
17
|
Label2 as Label,
|
|
27
18
|
input_default as default
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ForwardRefExoticComponent, HTMLAttributes, ReactNode, RefAttributes } from "react";
|
|
2
2
|
type SizeVariant = "default" | "compact";
|
|
3
3
|
interface RadioGroupProps extends Omit<HTMLAttributes<HTMLDivElement>, "onSelect" | "defaultValue"> {
|
|
4
|
-
/** `Radio` rows
|
|
4
|
+
/** `Radio` rows. */
|
|
5
5
|
children: ReactNode;
|
|
6
6
|
/** Index of the currently selected item. Controlled — pair it with `onSelectedIndexChange` (or per-item `onSelect`). */
|
|
7
7
|
selectedIndex?: number;
|
|
@@ -15,29 +15,21 @@ interface RadioGroupProps extends Omit<HTMLAttributes<HTMLDivElement>, "onSelect
|
|
|
15
15
|
defaultValue?: string;
|
|
16
16
|
/** Called with the selected item's `value` when it changes (value mode). */
|
|
17
17
|
onValueChange?: (value: string) => void;
|
|
18
|
-
/** Disables every radio in the group. Defaults to `false`. */
|
|
19
|
-
disabled?: boolean;
|
|
20
|
-
/** Form field name for the selected `value` (value mode): a hidden input carries it. */
|
|
21
|
-
name?: string;
|
|
22
|
-
/** Marks the group required in a form (value mode). Defaults to `false`. */
|
|
23
|
-
required?: boolean;
|
|
24
18
|
/** Pins the group's rows to one step of the size ladder (default 36px, compact 28px). Defaults to the surrounding SizeProvider. */
|
|
25
19
|
size?: SizeVariant;
|
|
26
20
|
}
|
|
27
21
|
declare const RadioGroup: ForwardRefExoticComponent<RadioGroupProps & RefAttributes<HTMLDivElement>>;
|
|
28
22
|
interface RadioProps extends HTMLAttributes<HTMLDivElement> {
|
|
29
|
-
/**
|
|
30
|
-
label
|
|
23
|
+
/** Text label for the radio item. */
|
|
24
|
+
label: string;
|
|
31
25
|
/** Position within the `Radio.Group`: the row's `selectedIndex`. Defaults to its order among the group's rows. */
|
|
32
26
|
index?: number;
|
|
33
27
|
/** Whether this item is selected. Defaults to the group's selection. */
|
|
34
28
|
selected?: boolean;
|
|
35
29
|
/** Called when this item is selected (the group's change callbacks fire too). */
|
|
36
30
|
onSelect?: () => void;
|
|
37
|
-
/**
|
|
31
|
+
/** Optional value forwarded to the underlying Base UI primitive for form integration. */
|
|
38
32
|
value?: string;
|
|
39
|
-
/** Dims the radio and ignores presses; the hover and the arrow keys skip it. Defaults to the group's `disabled`. */
|
|
40
|
-
disabled?: boolean;
|
|
41
33
|
}
|
|
42
34
|
type RadioComponent = ForwardRefExoticComponent<RadioProps & RefAttributes<HTMLDivElement>> & {
|
|
43
35
|
Group: typeof RadioGroup;
|
|
@@ -53,19 +45,12 @@ type RadioComponent = ForwardRefExoticComponent<RadioProps & RefAttributes<HTMLD
|
|
|
53
45
|
* its rows in order, so they need no `index`. FF's per-row `selected` /
|
|
54
46
|
* `onSelect` still work and override the group for their row.
|
|
55
47
|
*
|
|
56
|
-
* Without a `label` a radio is just the circle: Base UI's radio, picked by
|
|
57
|
-
* its `value`, named by a `<label htmlFor>` pointing at its `id` or by
|
|
58
|
-
* `aria-label`. Lay bare radios out however you like inside the group (a
|
|
59
|
-
* row with a description, a grid of cards); the group then draws no rows of
|
|
60
|
-
* its own and Base UI moves focus and selection with the arrow keys.
|
|
61
|
-
*
|
|
62
48
|
* Statics:
|
|
63
49
|
* - `Radio.Group` — the list. Select by index — uncontrolled with
|
|
64
50
|
* `defaultSelectedIndex`, controlled with `selectedIndex` +
|
|
65
51
|
* `onSelectedIndexChange` — or by row `value` (`defaultValue` / `value` +
|
|
66
52
|
* `onValueChange`), which also renders Base UI radios for form
|
|
67
|
-
* integration
|
|
68
|
-
* `size` pins every row to one step of the size ladder.
|
|
53
|
+
* integration; `size` pins every row to one step of the size ladder.
|
|
69
54
|
*
|
|
70
55
|
* @example {@include ./examples.mdx}
|
|
71
56
|
*/
|
|
@@ -2,22 +2,18 @@ import {
|
|
|
2
2
|
RadioGroup2,
|
|
3
3
|
Radio2,
|
|
4
4
|
radio_default
|
|
5
|
-
} from "../../../shared/components-
|
|
6
|
-
import"../../../shared/components-
|
|
7
|
-
import"../../../shared/components-
|
|
8
|
-
import"../../../shared/components-
|
|
9
|
-
import"../../../shared/components-
|
|
10
|
-
import"../../../shared/components-
|
|
11
|
-
import"../../../shared/components-
|
|
12
|
-
import"../../../shared/components-
|
|
13
|
-
import"../../../shared/components-
|
|
14
|
-
import"../../../shared/components-
|
|
15
|
-
import"../../../shared/components-
|
|
16
|
-
import"../../../shared/components-
|
|
17
|
-
import"../../../shared/components-34txk9rj.js";
|
|
18
|
-
import"../../../shared/components-71nbt03m.js";
|
|
19
|
-
import"../../../shared/components-gx4h5rbb.js";
|
|
20
|
-
import"../../../shared/components-jcnjay5g.js";
|
|
5
|
+
} from "../../../shared/components-pbmqctfa.js";
|
|
6
|
+
import"../../../shared/components-ta7shw28.js";
|
|
7
|
+
import"../../../shared/components-kvr7f9hy.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-n7mjr357.js";
|
|
13
|
+
import"../../../shared/components-men63rwj.js";
|
|
14
|
+
import"../../../shared/components-0sn7ypjw.js";
|
|
15
|
+
import"../../../shared/components-cv16mryv.js";
|
|
16
|
+
import"../../../shared/components-ezxhrmer.js";
|
|
21
17
|
export {
|
|
22
18
|
Radio2 as Radio,
|
|
23
19
|
RadioGroup2 as RadioGroup,
|
|
@@ -16,7 +16,7 @@ interface CommandItem {
|
|
|
16
16
|
disabled?: boolean;
|
|
17
17
|
onSelect?: () => void;
|
|
18
18
|
}
|
|
19
|
-
import { JSX as
|
|
19
|
+
import { JSX as JSX_1kxb3 } from "react";
|
|
20
20
|
interface SearchProps {
|
|
21
21
|
/** How it rests: a pill showing the placeholder (and the shortcut), or a lone search icon. Defaults to `'pill'`. */
|
|
22
22
|
variant?: "pill" | "icon";
|
|
@@ -53,7 +53,7 @@ interface SearchProps {
|
|
|
53
53
|
/** Classes for the root, the box the resting button keeps in the layout. */
|
|
54
54
|
className?: string;
|
|
55
55
|
}
|
|
56
|
-
type
|
|
56
|
+
type Element_12xgc3 = JSX_1kxb3["Element"];
|
|
57
57
|
/**
|
|
58
58
|
* A search button that grows into the field in place, with suggestions that
|
|
59
59
|
* ooze out below it.
|
|
@@ -79,5 +79,5 @@ type Element_12xgc4 = JSX_1kxb4["Element"];
|
|
|
79
79
|
*
|
|
80
80
|
* @example {@include ./examples.mdx}
|
|
81
81
|
*/
|
|
82
|
-
declare function Search({ variant, placeholder, items, value, defaultValue, onValueChange, onSubmit, expanded, defaultExpanded, onExpandedChange, width, align, shortcut, emptyMessage, effect, tier, className }: SearchProps):
|
|
82
|
+
declare function Search({ variant, placeholder, items, value, defaultValue, onValueChange, onSubmit, expanded, defaultExpanded, onExpandedChange, width, align, shortcut, emptyMessage, effect, tier, className }: SearchProps): Element_12xgc3;
|
|
83
83
|
export { Search, SearchProps, Search as default };
|
|
@@ -1,32 +1,24 @@
|
|
|
1
1
|
import {
|
|
2
2
|
Search2,
|
|
3
3
|
search_default
|
|
4
|
-
} from "../../../shared/components-
|
|
5
|
-
import"../../../shared/components-
|
|
6
|
-
import"../../../shared/components-
|
|
7
|
-
import"../../../shared/components-
|
|
8
|
-
import"../../../shared/components-
|
|
9
|
-
import"../../../shared/components-
|
|
10
|
-
import"../../../shared/components-
|
|
11
|
-
import"../../../shared/components-
|
|
12
|
-
import"../../../shared/components-
|
|
13
|
-
import"../../../shared/components-
|
|
14
|
-
import"../../../shared/components-
|
|
15
|
-
import"../../../shared/components-
|
|
16
|
-
import"../../../shared/components-
|
|
17
|
-
import"../../../shared/components-
|
|
18
|
-
import"../../../shared/components-
|
|
19
|
-
import"../../../shared/components-
|
|
20
|
-
import"../../../shared/components-
|
|
21
|
-
import"../../../shared/components-
|
|
22
|
-
import"../../../shared/components-drxrtnp2.js";
|
|
23
|
-
import"../../../shared/components-de99ykt7.js";
|
|
24
|
-
import"../../../shared/components-3ey0hzpb.js";
|
|
25
|
-
import"../../../shared/components-h83az0bz.js";
|
|
26
|
-
import"../../../shared/components-34txk9rj.js";
|
|
27
|
-
import"../../../shared/components-71nbt03m.js";
|
|
28
|
-
import"../../../shared/components-gx4h5rbb.js";
|
|
29
|
-
import"../../../shared/components-jcnjay5g.js";
|
|
4
|
+
} from "../../../shared/components-fzrq6tr3.js";
|
|
5
|
+
import"../../../shared/components-4700p9kz.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-kvr7f9hy.js";
|
|
11
|
+
import"../../../shared/components-chacnk61.js";
|
|
12
|
+
import"../../../shared/components-59efxjd9.js";
|
|
13
|
+
import"../../../shared/components-hqeq3w9q.js";
|
|
14
|
+
import"../../../shared/components-b2wyq2cq.js";
|
|
15
|
+
import"../../../shared/components-n7mjr357.js";
|
|
16
|
+
import"../../../shared/components-men63rwj.js";
|
|
17
|
+
import"../../../shared/components-0sn7ypjw.js";
|
|
18
|
+
import"../../../shared/components-b0eac83j.js";
|
|
19
|
+
import"../../../shared/components-cv16mryv.js";
|
|
20
|
+
import"../../../shared/components-zx6b6yby.js";
|
|
21
|
+
import"../../../shared/components-ezxhrmer.js";
|
|
30
22
|
export {
|
|
31
23
|
Search2 as Search,
|
|
32
24
|
search_default as default
|