@zyncat/ui 0.10.0 → 0.12.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 +135 -40
- package/dist/alert.css +126 -121
- package/dist/alert.js +12 -14
- package/dist/alert.js.map +1 -1
- package/dist/avatar-group.js.map +1 -1
- package/dist/avatar.css +179 -174
- package/dist/avatar.js.map +1 -1
- package/dist/badge.css +166 -160
- package/dist/badge.js +1 -1
- package/dist/button.css +272 -246
- package/dist/button.js +1 -1
- package/dist/checkbox.css +158 -153
- package/dist/checkbox.js +2 -2
- package/dist/{chunk-UXONUUPI.js → chunk-227ZW4V7.js} +40 -32
- package/dist/chunk-227ZW4V7.js.map +1 -0
- package/dist/{chunk-2ERBBFZS.js → chunk-3MPF7FZV.js} +2 -2
- package/dist/chunk-3MPF7FZV.js.map +1 -0
- package/dist/{chunk-OMHQ4U4J.js → chunk-43M6GQ4Q.js} +86 -79
- package/dist/chunk-43M6GQ4Q.js.map +1 -0
- package/dist/{chunk-7SZCJ7WI.js → chunk-45R4Z5XN.js} +3 -3
- package/dist/chunk-45R4Z5XN.js.map +1 -0
- package/dist/{chunk-I4XQ4PV2.js → chunk-4BSHB7R3.js} +9 -7
- package/dist/chunk-4BSHB7R3.js.map +1 -0
- package/dist/{chunk-YGGCQNNU.js → chunk-4C5RZXBT.js} +33 -34
- package/dist/chunk-4C5RZXBT.js.map +1 -0
- package/dist/{chunk-2QWJ6FAX.js → chunk-5PZ43DCG.js} +31 -15
- package/dist/chunk-5PZ43DCG.js.map +1 -0
- package/dist/{chunk-S5ZTZANS.js → chunk-7IZJERGA.js} +35 -12
- package/dist/chunk-7IZJERGA.js.map +1 -0
- package/dist/{chunk-ZCOUPPTI.js → chunk-A5WTZACK.js} +22 -12
- package/dist/chunk-A5WTZACK.js.map +1 -0
- package/dist/{chunk-64UU4LGU.js → chunk-AADAJL7D.js} +3 -3
- package/dist/{chunk-64UU4LGU.js.map → chunk-AADAJL7D.js.map} +1 -1
- package/dist/{chunk-FTOAUJL5.js → chunk-CF4QHO4N.js} +21 -11
- package/dist/chunk-CF4QHO4N.js.map +1 -0
- package/dist/{chunk-WM5J5TDI.js → chunk-CNWTIMIP.js} +13 -17
- package/dist/chunk-CNWTIMIP.js.map +1 -0
- package/dist/{chunk-356HZMT4.js → chunk-DDRSMHN4.js} +31 -22
- package/dist/chunk-DDRSMHN4.js.map +1 -0
- package/dist/{chunk-VTJTGVZZ.js → chunk-DMX2F6B4.js} +2 -2
- package/dist/chunk-DMX2F6B4.js.map +1 -0
- package/dist/{chunk-3SBCBYB7.js → chunk-EAI4POPB.js} +2 -2
- package/dist/{chunk-3SBCBYB7.js.map → chunk-EAI4POPB.js.map} +1 -1
- package/dist/{chunk-Y7AJQVWJ.js → chunk-EF6RPXU7.js} +17 -15
- package/dist/chunk-EF6RPXU7.js.map +1 -0
- package/dist/{chunk-K5X2GCXU.js → chunk-FONOS5RN.js} +14 -15
- package/dist/chunk-FONOS5RN.js.map +1 -0
- package/dist/{chunk-PMECHR3A.js → chunk-FQEHSKEI.js} +2 -2
- package/dist/chunk-FQEHSKEI.js.map +1 -0
- package/dist/chunk-HDSFWZ7L.js +12 -0
- package/dist/chunk-HDSFWZ7L.js.map +1 -0
- package/dist/{chunk-2F5PITAO.js → chunk-HY5MPISE.js} +2 -2
- package/dist/chunk-HY5MPISE.js.map +1 -0
- package/dist/{chunk-QDK66S4G.js → chunk-I45AU6KH.js} +3 -3
- package/dist/chunk-I45AU6KH.js.map +1 -0
- package/dist/{chunk-YGCVWGUG.js → chunk-IJS7TPGV.js} +153 -46
- package/dist/chunk-IJS7TPGV.js.map +1 -0
- package/dist/{chunk-62P3KD57.js → chunk-IUQAUBVM.js} +18 -11
- package/dist/chunk-IUQAUBVM.js.map +1 -0
- package/dist/chunk-JY6A2ZJZ.js +44 -0
- package/dist/chunk-JY6A2ZJZ.js.map +1 -0
- package/dist/{chunk-XWUWYSCT.js → chunk-M43IOM5C.js} +20 -10
- package/dist/chunk-M43IOM5C.js.map +1 -0
- package/dist/{chunk-S7B34VGN.js → chunk-OWNMRMPN.js} +3 -3
- package/dist/{chunk-S7B34VGN.js.map → chunk-OWNMRMPN.js.map} +1 -1
- package/dist/chunk-RFRE4WKX.js +22 -0
- package/dist/chunk-RFRE4WKX.js.map +1 -0
- package/dist/{chunk-NNXJCLTV.js → chunk-RJFGWJ4W.js} +2 -2
- package/dist/chunk-RJFGWJ4W.js.map +1 -0
- package/dist/{chunk-NEF5XAHG.js → chunk-TUTXXC3W.js} +4 -4
- package/dist/chunk-TUTXXC3W.js.map +1 -0
- package/dist/chunk-TVYH4AN7.js +70 -0
- package/dist/chunk-TVYH4AN7.js.map +1 -0
- package/dist/{chunk-RCONNA7I.js → chunk-VAXCXZ53.js} +34 -22
- package/dist/chunk-VAXCXZ53.js.map +1 -0
- package/dist/chunk-XNIYSAMJ.js +52 -0
- package/dist/chunk-XNIYSAMJ.js.map +1 -0
- package/dist/{chunk-CONSWNIV.js → chunk-Y2YA7QRF.js} +6 -6
- package/dist/chunk-Y2YA7QRF.js.map +1 -0
- package/dist/cli.js +1809 -0
- package/dist/collapse.css +70 -61
- package/dist/collapse.js +2 -2
- package/dist/confetti.css +45 -0
- package/dist/confetti.js +540 -0
- package/dist/confetti.js.map +1 -0
- package/dist/count-badge.js +3 -3
- package/dist/count-badge.js.map +1 -1
- package/dist/date-field.js +24 -19
- package/dist/date-field.js.map +1 -1
- package/dist/date-picker.css +563 -559
- package/dist/date-range-field.js +58 -41
- package/dist/date-range-field.js.map +1 -1
- package/dist/datetime-field.js +24 -19
- package/dist/datetime-field.js.map +1 -1
- package/dist/dialog.css +176 -172
- package/dist/dialog.js +30 -19
- package/dist/dialog.js.map +1 -1
- package/dist/digit-strip.css +65 -0
- package/dist/dropdown.css +65 -0
- package/dist/dropdown.js +350 -0
- package/dist/dropdown.js.map +1 -0
- package/dist/emoji-picker.js +713 -0
- package/dist/emoji-picker.js.map +1 -0
- package/dist/facebook-feed.css +880 -0
- package/dist/facebook-feed.js +697 -0
- package/dist/facebook-feed.js.map +1 -0
- package/dist/flow-field.css +49 -0
- package/dist/flow-field.js +269 -0
- package/dist/flow-field.js.map +1 -0
- package/dist/glide.js +3 -3
- package/dist/icon.css +34 -30
- package/dist/input.css +296 -318
- package/dist/instagram-feed.css +378 -0
- package/dist/instagram-feed.js +272 -0
- package/dist/instagram-feed.js.map +1 -0
- package/dist/lens.css +119 -0
- package/dist/lens.js +307 -0
- package/dist/lens.js.map +1 -0
- package/dist/mcp.js +379 -184
- package/dist/menu-surface.css +127 -0
- package/dist/modal.css +11 -7
- package/dist/modal.js +24 -17
- package/dist/modal.js.map +1 -1
- package/dist/morphing-text.css +84 -0
- package/dist/morphing-text.js +256 -0
- package/dist/morphing-text.js.map +1 -0
- package/dist/motion-devtools.css +237 -233
- package/dist/motion-devtools.js +7 -6
- package/dist/motion-devtools.js.map +1 -1
- package/dist/motion-tokens.js +1 -1
- package/dist/multi-select.js +20 -17
- package/dist/multi-select.js.map +1 -1
- package/dist/number-field.js +11 -7
- package/dist/number-field.js.map +1 -1
- package/dist/odometer.css +58 -59
- package/dist/odometer.js +109 -0
- package/dist/odometer.js.map +1 -0
- package/dist/otp-field.js.map +1 -1
- package/dist/overlay.css +24 -20
- package/dist/pagination.css +42 -38
- package/dist/pagination.js +6 -12
- package/dist/pagination.js.map +1 -1
- package/dist/popover.css +69 -65
- package/dist/popover.js +12 -10
- package/dist/radio-group.css +275 -276
- package/dist/radio-group.js +70 -95
- package/dist/radio-group.js.map +1 -1
- package/dist/select.css +291 -386
- package/dist/select.js +18 -15
- package/dist/select.js.map +1 -1
- package/dist/sheet.css +47 -23
- package/dist/sheet.js +11 -10
- package/dist/status-badge.js +3 -3
- package/dist/status-badge.js.map +1 -1
- package/dist/styles.css +221 -0
- package/dist/support-rail.css +421 -0
- package/dist/support-rail.js +243 -0
- package/dist/support-rail.js.map +1 -0
- package/dist/table.css +333 -323
- package/dist/table.js +32 -21
- package/dist/table.js.map +1 -1
- package/dist/tabs.css +163 -156
- package/dist/tabs.js +26 -20
- package/dist/tabs.js.map +1 -1
- package/dist/tag.css +209 -231
- package/dist/tag.js +11 -10
- package/dist/tag.js.map +1 -1
- package/dist/text-field.js +7 -67
- package/dist/text-field.js.map +1 -1
- package/dist/textarea.css +205 -211
- package/dist/textarea.js +12 -12
- package/dist/textarea.js.map +1 -1
- package/dist/theme.js +69 -0
- package/dist/theme.js.map +1 -0
- package/dist/tiktok.css +662 -0
- package/dist/tiktok.js +494 -0
- package/dist/tiktok.js.map +1 -0
- package/dist/time-field.js +6 -6
- package/dist/time-field.js.map +1 -1
- package/dist/toast.css +237 -233
- package/dist/toast.js +43 -47
- package/dist/toast.js.map +1 -1
- package/dist/toggle-tag.js +1 -1
- package/dist/toggle-tag.js.map +1 -1
- package/dist/toggle.css +139 -135
- package/dist/toggle.js.map +1 -1
- package/dist/tooltip.css +79 -78
- package/dist/tooltip.js +50 -60
- package/dist/tooltip.js.map +1 -1
- package/dist/trigger.css +13 -0
- package/dist/{alert.d.ts → types/components/composites/alert/Alert.d.ts} +13 -15
- package/dist/{date-field.d.ts → types/components/composites/date-picker/DateField.d.ts} +4 -10
- package/dist/types/components/composites/date-picker/DateRangeField.d.ts +21 -0
- package/dist/{datetime-field.d.ts → types/components/composites/date-picker/DateTimeField.d.ts} +4 -10
- package/dist/{time-field.d.ts → types/components/composites/date-picker/TimeField.d.ts} +5 -11
- package/dist/types/components/composites/date-picker/calendar-panel.d.ts +16 -0
- package/dist/types/components/composites/date-picker/date-utils.d.ts +12 -0
- package/dist/types/components/composites/date-picker/field-shell.d.ts +46 -0
- package/dist/types/components/composites/date-picker/range-panel.d.ts +24 -0
- package/dist/types/components/composites/date-picker/time-core.d.ts +14 -0
- package/dist/types/components/composites/date-picker/use-day-focus.d.ts +2 -0
- package/dist/{dialog.d.ts → types/components/composites/dialog/Dialog.d.ts} +10 -11
- package/dist/types/components/composites/dropdown/Dropdown.d.ts +37 -0
- package/dist/types/components/composites/dropdown/menu-panel.d.ts +7 -0
- package/dist/types/components/composites/dropdown/types.d.ts +71 -0
- package/dist/types/components/composites/emoji-picker/EmojiPickerPanel.d.ts +45 -0
- package/dist/types/components/composites/emoji-picker/category-icons.d.ts +9 -0
- package/dist/types/components/composites/emoji-picker/data.d.ts +33 -0
- package/dist/types/components/composites/emoji-picker/dom.d.ts +19 -0
- package/dist/types/components/composites/emoji-picker/getEmojiUrl.d.ts +2 -0
- package/dist/types/components/composites/emoji-picker/navigation.d.ts +7 -0
- package/dist/types/components/composites/emoji-picker/picker.d.ts +20 -0
- package/dist/types/components/composites/emoji-picker/react/category-bar.d.ts +6 -0
- package/dist/types/components/composites/emoji-picker/react/useEmojiPicker.d.ts +50 -0
- package/dist/types/components/composites/emoji-picker/scaffold.d.ts +8 -0
- package/dist/types/components/composites/emoji-picker/search.d.ts +1 -0
- package/dist/types/components/composites/emoji-picker/types.d.ts +13 -0
- package/dist/{modal.d.ts → types/components/composites/modal/Modal.d.ts} +10 -11
- package/dist/{pagination.d.ts → types/components/composites/pagination/Pagination.d.ts} +5 -8
- package/dist/{popover.d.ts → types/components/composites/popover/Popover.d.ts} +11 -14
- package/dist/{multi-select.d.ts → types/components/composites/select/MultiSelect.d.ts} +12 -11
- package/dist/{select.d.ts → types/components/composites/select/Select.d.ts} +16 -14
- package/dist/types/components/composites/select/core/index.d.ts +4 -0
- package/dist/types/components/composites/select/core/menu.d.ts +13 -0
- package/dist/types/components/composites/select/core/panel.d.ts +18 -0
- package/dist/types/components/composites/select/core/trigger.d.ts +16 -0
- package/dist/{types-SGMShK7R.d.ts → types/components/composites/select/core/types.d.ts} +13 -6
- package/dist/types/components/composites/select/core/use-listbox.d.ts +42 -0
- package/dist/{sheet.d.ts → types/components/composites/sheet/Sheet.d.ts} +10 -11
- package/dist/types/components/composites/sheet/use-sheet-drag.d.ts +13 -0
- package/dist/{table.d.ts → types/components/composites/table/Table.d.ts} +12 -12
- package/dist/{tabs.d.ts → types/components/composites/tabs/Tabs.d.ts} +13 -13
- package/dist/types/components/composites/toast/Toast.d.ts +10 -0
- package/dist/{toast-store.d.ts → types/components/composites/toast/toast-store.d.ts} +12 -14
- package/dist/{tooltip.d.ts → types/components/composites/tooltip/Tooltip.d.ts} +6 -10
- package/dist/types/components/composites/tooltip/tooltip-host.d.ts +1 -0
- package/dist/types/components/composites/tooltip/tooltip-store.d.ts +29 -0
- package/dist/types/components/compound/support-rail/SupportRail.d.ts +41 -0
- package/dist/types/components/dev/MotionDevtools.d.ts +24 -0
- package/dist/types/components/dev/slowmo-engine.d.ts +27 -0
- package/dist/types/components/expressive/confetti/Confetti.d.ts +43 -0
- package/dist/types/components/expressive/facebook-feed/FacebookFeed.d.ts +73 -0
- package/dist/types/components/expressive/facebook-feed/chrome.d.ts +30 -0
- package/dist/types/components/expressive/facebook-feed/icons.d.ts +21 -0
- package/dist/types/components/expressive/facebook-feed/post.d.ts +25 -0
- package/dist/types/components/expressive/facebook-feed/reel.d.ts +26 -0
- package/dist/types/components/expressive/facebook-feed/story.d.ts +20 -0
- package/dist/types/components/expressive/flow-field/FlowField.d.ts +23 -0
- package/dist/types/components/expressive/instagram-feed/InstagramFeed.d.ts +59 -0
- package/dist/types/components/expressive/lens/Lens.d.ts +23 -0
- package/dist/types/components/expressive/morphing-text/MorphingText.d.ts +21 -0
- package/dist/types/components/expressive/odometer/Odometer.d.ts +21 -0
- package/dist/types/components/expressive/tiktok/TikTok.d.ts +85 -0
- package/dist/types/components/expressive/tiktok/glyphs.d.ts +40 -0
- package/dist/types/components/expressive/typing-lines/TypingLines.d.ts +25 -0
- package/dist/types/components/expressive/weight-field/WeightField.d.ts +19 -0
- package/dist/types/components/expressive/youtube/YouTube.d.ts +73 -0
- package/dist/types/components/expressive/youtube/format.d.ts +2 -0
- package/dist/types/components/expressive/youtube/glyphs.d.ts +16 -0
- package/dist/types/components/expressive/youtube/media.d.ts +8 -0
- package/dist/types/components/expressive/youtube/post.d.ts +19 -0
- package/dist/types/components/expressive/youtube/short.d.ts +18 -0
- package/dist/types/components/expressive/youtube/video.d.ts +14 -0
- package/dist/types/components/internal/collection/collection.d.ts +19 -0
- package/dist/types/components/internal/glass/glint.d.ts +1 -0
- package/dist/types/components/internal/hooks/use-controllable.d.ts +1 -0
- package/dist/types/components/internal/hooks/use-media-query.d.ts +1 -0
- package/dist/types/components/internal/hooks/use-scroll-edges.d.ts +10 -0
- package/dist/types/components/internal/hooks/use-typeahead.d.ts +5 -0
- package/dist/types/components/internal/icon/Icon.d.ts +33 -0
- package/dist/types/components/internal/icon/IconSlot.d.ts +7 -0
- package/dist/types/components/internal/menu/menu-row.d.ts +11 -0
- package/dist/types/components/internal/overlay/focus.d.ts +8 -0
- package/dist/types/components/internal/overlay/layer.d.ts +38 -0
- package/dist/types/components/internal/overlay/modal.d.ts +18 -0
- package/dist/types/components/internal/overlay/position.d.ts +14 -0
- package/dist/types/components/internal/support/types.d.ts +15 -0
- package/dist/types/components/internal/utils/activation.d.ts +23 -0
- package/dist/types/components/internal/utils/cx.d.ts +1 -0
- package/dist/types/components/internal/utils/token-px.d.ts +1 -0
- package/dist/{avatar.d.ts → types/components/primitives/avatar/Avatar.d.ts} +10 -12
- package/dist/{avatar-group.d.ts → types/components/primitives/avatar/AvatarGroup.d.ts} +7 -9
- package/dist/{badge.d.ts → types/components/primitives/badge/Badge.d.ts} +8 -10
- package/dist/types/components/primitives/badge/CountBadge.d.ts +8 -0
- package/dist/types/components/primitives/badge/StatusBadge.d.ts +15 -0
- package/dist/types/components/primitives/badge/digit-strip.d.ts +5 -0
- package/dist/{button.d.ts → types/components/primitives/button/Button.d.ts} +6 -8
- package/dist/{checkbox.d.ts → types/components/primitives/checkbox/Checkbox.d.ts} +6 -8
- package/dist/types/components/primitives/checkbox/check-glyph.d.ts +6 -0
- package/dist/{collapse.d.ts → types/components/primitives/collapse/Collapse.d.ts} +12 -13
- package/dist/types/components/primitives/collapse/collapse.typecheck.d.ts +2 -0
- package/dist/{number-field.d.ts → types/components/primitives/input/NumberField.d.ts} +7 -9
- package/dist/{otp-field.d.ts → types/components/primitives/input/OtpField.d.ts} +6 -8
- package/dist/{text-field.d.ts → types/components/primitives/input/TextField.d.ts} +7 -9
- package/dist/types/components/primitives/input/field-chrome.d.ts +45 -0
- package/dist/{radio-group.d.ts → types/components/primitives/radio-group/RadioGroup.d.ts} +8 -10
- package/dist/{tag.d.ts → types/components/primitives/tag/Tag.d.ts} +9 -12
- package/dist/{toggle-tag.d.ts → types/components/primitives/tag/ToggleTag.d.ts} +7 -8
- package/dist/{textarea.d.ts → types/components/primitives/textarea/Textarea.d.ts} +7 -9
- package/dist/{toggle.d.ts → types/components/primitives/toggle/Toggle.d.ts} +6 -8
- package/dist/{dom-props-C0jrllBw.d.ts → types/dom-props.d.ts} +1 -3
- package/dist/types/engine/animate.d.ts +30 -0
- package/dist/types/engine/drag.d.ts +17 -0
- package/dist/types/engine/ease.d.ts +15 -0
- package/dist/types/engine/flip.d.ts +18 -0
- package/dist/types/engine/index.d.ts +4 -0
- package/dist/types/engine/loop.d.ts +9 -0
- package/dist/types/motion/element.d.ts +17 -0
- package/dist/types/motion/flip.d.ts +4 -0
- package/dist/types/motion/glide.d.ts +11 -0
- package/dist/types/motion/motion-timing.d.ts +16 -0
- package/dist/types/motion/presence-context.d.ts +11 -0
- package/dist/types/motion/presence.d.ts +12 -0
- package/dist/types/motion/presets.d.ts +6 -0
- package/dist/{timing-7JA_zQHP.d.ts → types/motion/timing.d.ts} +9 -9
- package/dist/types/motion/use-motion.d.ts +17 -0
- package/dist/types/tokens/component-styles.generated.d.ts +262 -0
- package/dist/{motion-scale-Canq4stZ.d.ts → types/tokens/motion-scale.d.ts} +4 -4
- package/dist/{motion-tokens.d.ts → types/tokens/motion-tokens.d.ts} +9 -9
- package/dist/types/tokens/theme-tokens.generated.d.ts +1249 -0
- package/dist/types/tokens/theme.d.ts +12 -0
- package/dist/typing-lines.css +92 -0
- package/dist/typing-lines.js +139 -0
- package/dist/typing-lines.js.map +1 -0
- package/dist/weight-field.css +84 -0
- package/dist/weight-field.js +17 -0
- package/dist/weight-field.js.map +1 -0
- package/dist/youtube.css +611 -0
- package/dist/youtube.js +814 -0
- package/dist/youtube.js.map +1 -0
- package/package.json +155 -49
- package/skills/zyncat-ui/SKILL.md +95 -0
- package/skills/zyncat-ui/references/components.md +85 -0
- package/skills/zyncat-ui/references/recipes.md +171 -0
- package/skills/zyncat-ui/references/theming.md +83 -0
- package/src/components/composites/alert/Alert.tsx +13 -11
- package/src/components/composites/alert/Alert.usage.md +15 -0
- package/src/components/composites/alert/alert.css +126 -121
- package/src/components/composites/date-picker/DateField.tsx +7 -2
- package/src/components/composites/date-picker/DateField.usage.md +10 -0
- package/src/components/composites/date-picker/DateRangeField.tsx +18 -16
- package/src/components/composites/date-picker/DateRangeField.usage.md +10 -0
- package/src/components/composites/date-picker/DateTimeField.tsx +10 -5
- package/src/components/composites/date-picker/DateTimeField.usage.md +12 -0
- package/src/components/composites/date-picker/TimeField.tsx +3 -1
- package/src/components/composites/date-picker/TimeField.usage.md +12 -0
- package/src/components/composites/date-picker/calendar-panel.tsx +15 -10
- package/src/components/composites/date-picker/date-picker.css +563 -559
- package/src/components/composites/date-picker/field-shell.tsx +9 -3
- package/src/components/composites/date-picker/range-panel.tsx +23 -8
- package/src/components/composites/date-picker/time-core.tsx +2 -0
- package/src/components/composites/dialog/Dialog.tsx +30 -15
- package/src/components/composites/dialog/Dialog.usage.md +17 -0
- package/src/components/composites/dialog/dialog.css +176 -172
- package/src/components/composites/dropdown/Dropdown.tsx +184 -0
- package/src/components/composites/dropdown/Dropdown.usage.md +19 -0
- package/src/components/composites/dropdown/dropdown.css +65 -0
- package/src/components/composites/dropdown/menu-panel.tsx +255 -0
- package/src/components/composites/dropdown/types.ts +95 -0
- package/src/components/composites/emoji-picker/EmojiPickerPanel.tsx +153 -0
- package/src/components/composites/emoji-picker/EmojiPickerPanel.usage.md +26 -0
- package/src/components/composites/emoji-picker/category-icons.ts +29 -0
- package/src/components/composites/emoji-picker/data.ts +83 -0
- package/src/components/composites/emoji-picker/dom.ts +79 -0
- package/src/components/composites/emoji-picker/getEmojiUrl.ts +17 -0
- package/src/components/composites/emoji-picker/navigation.ts +86 -0
- package/src/components/composites/emoji-picker/picker.ts +169 -0
- package/src/components/composites/emoji-picker/react/category-bar.tsx +77 -0
- package/src/components/composites/emoji-picker/react/useEmojiPicker.ts +139 -0
- package/src/components/composites/emoji-picker/scaffold.ts +74 -0
- package/src/components/composites/emoji-picker/search.ts +79 -0
- package/src/components/composites/emoji-picker/styles.css +221 -0
- package/src/components/composites/emoji-picker/types.ts +14 -0
- package/src/components/composites/modal/Modal.tsx +24 -13
- package/src/components/composites/modal/Modal.usage.md +24 -0
- package/src/components/composites/modal/modal.css +11 -7
- package/src/components/composites/pagination/Pagination.tsx +6 -11
- package/src/components/composites/pagination/Pagination.usage.md +12 -0
- package/src/components/composites/pagination/pagination.css +42 -38
- package/src/components/composites/popover/Popover.tsx +22 -7
- package/src/components/composites/popover/Popover.usage.md +15 -0
- package/src/components/composites/popover/popover.css +69 -65
- package/src/components/composites/select/MultiSelect.tsx +13 -5
- package/src/components/composites/select/MultiSelect.usage.md +12 -0
- package/src/components/composites/select/Select.tsx +23 -7
- package/src/components/composites/select/Select.usage.md +20 -0
- package/src/components/composites/select/core/index.ts +1 -1
- package/src/components/composites/select/core/menu.tsx +8 -6
- package/src/components/composites/select/core/panel.tsx +25 -26
- package/src/components/composites/select/core/trigger.tsx +36 -24
- package/src/components/composites/select/core/types.ts +17 -15
- package/src/components/composites/select/core/use-listbox.ts +22 -21
- package/src/components/composites/select/select.css +291 -386
- package/src/components/composites/sheet/Sheet.tsx +28 -18
- package/src/components/composites/sheet/Sheet.usage.md +15 -0
- package/src/components/composites/sheet/sheet.css +47 -23
- package/src/components/composites/sheet/use-sheet-drag.ts +19 -15
- package/src/components/composites/table/Table.tsx +17 -6
- package/src/components/composites/table/Table.usage.md +19 -0
- package/src/components/composites/table/table.css +333 -323
- package/src/components/composites/tabs/Tabs.tsx +31 -23
- package/src/components/composites/tabs/Tabs.usage.md +13 -0
- package/src/components/composites/tabs/tabs.css +163 -156
- package/src/components/composites/toast/Toast.tsx +48 -51
- package/src/components/composites/toast/Toast.usage.md +23 -0
- package/src/components/composites/toast/toast-store.usage.md +16 -0
- package/src/components/composites/toast/toast.css +237 -233
- package/src/components/composites/tooltip/Tooltip.tsx +13 -8
- package/src/components/composites/tooltip/Tooltip.usage.md +14 -0
- package/src/components/composites/tooltip/tooltip-host.tsx +29 -61
- package/src/components/composites/tooltip/tooltip-store.ts +10 -0
- package/src/components/composites/tooltip/tooltip.css +79 -78
- package/src/components/compound/support-rail/SupportRail.tsx +343 -0
- package/src/components/compound/support-rail/SupportRail.usage.md +18 -0
- package/src/components/compound/support-rail/support-rail.css +421 -0
- package/src/components/dev/MotionDevtools.tsx +3 -1
- package/src/components/dev/MotionDevtools.usage.md +16 -0
- package/src/components/dev/motion-devtools.css +237 -233
- package/src/components/expressive/confetti/Confetti.tsx +727 -0
- package/src/components/expressive/confetti/Confetti.usage.md +18 -0
- package/src/components/expressive/confetti/confetti.css +45 -0
- package/src/components/expressive/facebook-feed/FacebookFeed.tsx +200 -0
- package/src/components/expressive/facebook-feed/FacebookFeed.usage.md +18 -0
- package/src/components/expressive/facebook-feed/chrome.tsx +120 -0
- package/src/components/expressive/facebook-feed/facebook-feed.css +880 -0
- package/src/components/expressive/facebook-feed/icons.tsx +145 -0
- package/src/components/expressive/facebook-feed/post.tsx +213 -0
- package/src/components/expressive/facebook-feed/reel.tsx +199 -0
- package/src/components/expressive/facebook-feed/story.tsx +132 -0
- package/src/components/expressive/flow-field/FlowField.tsx +348 -0
- package/src/components/expressive/flow-field/FlowField.usage.md +19 -0
- package/src/components/expressive/flow-field/flow-field.css +49 -0
- package/src/components/expressive/instagram-feed/InstagramFeed.tsx +374 -0
- package/src/components/expressive/instagram-feed/InstagramFeed.usage.md +18 -0
- package/src/components/expressive/instagram-feed/instagram-feed.css +378 -0
- package/src/components/expressive/lens/Lens.tsx +415 -0
- package/src/components/expressive/lens/Lens.usage.md +20 -0
- package/src/components/expressive/lens/lens.css +119 -0
- package/src/components/expressive/morphing-text/MorphingText.tsx +328 -0
- package/src/components/expressive/morphing-text/MorphingText.usage.md +19 -0
- package/src/components/expressive/morphing-text/morphing-text.css +84 -0
- package/src/components/expressive/odometer/Odometer.tsx +158 -0
- package/src/components/expressive/odometer/Odometer.usage.md +17 -0
- package/src/components/expressive/odometer/odometer.css +61 -0
- package/src/components/expressive/tiktok/TikTok.tsx +542 -0
- package/src/components/expressive/tiktok/TikTok.usage.md +17 -0
- package/src/components/expressive/tiktok/glyphs.tsx +163 -0
- package/src/components/expressive/tiktok/tiktok.css +662 -0
- package/src/components/expressive/typing-lines/TypingLines.tsx +0 -0
- package/src/components/expressive/typing-lines/TypingLines.usage.md +17 -0
- package/src/components/expressive/typing-lines/typing-lines.css +92 -0
- package/src/components/expressive/weight-field/WeightField.tsx +41 -0
- package/src/components/expressive/weight-field/WeightField.usage.md +20 -0
- package/src/components/expressive/weight-field/weight-field.css +84 -0
- package/src/components/expressive/youtube/YouTube.tsx +192 -0
- package/src/components/expressive/youtube/YouTube.usage.md +18 -0
- package/src/components/expressive/youtube/format.ts +22 -0
- package/src/components/expressive/youtube/glyphs.tsx +235 -0
- package/src/components/expressive/youtube/media.tsx +18 -0
- package/src/components/expressive/youtube/post.tsx +282 -0
- package/src/components/expressive/youtube/short.tsx +212 -0
- package/src/components/expressive/youtube/video.tsx +75 -0
- package/src/components/expressive/youtube/youtube.css +611 -0
- package/src/components/internal/collection/collection.ts +44 -0
- package/src/components/internal/glass/glass.css +88 -84
- package/src/components/internal/hooks/use-media-query.ts +20 -0
- package/src/components/internal/hooks/use-typeahead.ts +28 -0
- package/src/components/internal/icon/Icon.tsx +2 -0
- package/src/components/internal/icon/IconSlot.tsx +2 -0
- package/src/components/internal/icon/icon.css +34 -30
- package/src/components/internal/menu/menu-row.tsx +34 -0
- package/src/components/internal/menu/menu-surface.css +127 -0
- package/src/components/internal/overlay/focus.ts +26 -10
- package/src/components/internal/overlay/layer.tsx +50 -19
- package/src/components/internal/overlay/modal.tsx +14 -12
- package/src/components/internal/overlay/overlay.css +24 -20
- package/src/components/internal/overlay/position.ts +19 -9
- package/src/components/internal/overlay/trigger.css +13 -0
- package/src/components/internal/support/types.ts +16 -0
- package/src/components/internal/utils/activation.ts +78 -0
- package/src/components/primitives/avatar/Avatar.tsx +2 -0
- package/src/components/primitives/avatar/Avatar.usage.md +12 -0
- package/src/components/primitives/avatar/AvatarGroup.tsx +3 -1
- package/src/components/primitives/avatar/AvatarGroup.usage.md +15 -0
- package/src/components/primitives/avatar/avatar.css +179 -174
- package/src/components/primitives/badge/Badge.tsx +3 -1
- package/src/components/primitives/badge/Badge.usage.md +14 -0
- package/src/components/primitives/badge/CountBadge.tsx +2 -2
- package/src/components/primitives/badge/CountBadge.usage.md +13 -0
- package/src/components/primitives/badge/StatusBadge.tsx +3 -1
- package/src/components/primitives/badge/StatusBadge.usage.md +14 -0
- package/src/components/primitives/badge/badge.css +166 -160
- package/src/components/primitives/badge/digit-strip.css +65 -0
- package/src/components/primitives/badge/{odometer.tsx → digit-strip.tsx} +3 -3
- package/src/components/primitives/button/Button.tsx +2 -0
- package/src/components/primitives/button/Button.usage.md +14 -0
- package/src/components/primitives/button/button.css +272 -246
- package/src/components/primitives/checkbox/Checkbox.tsx +3 -1
- package/src/components/primitives/checkbox/Checkbox.usage.md +12 -0
- package/src/components/primitives/checkbox/check-glyph.tsx +1 -0
- package/src/components/primitives/checkbox/checkbox.css +158 -153
- package/src/components/primitives/collapse/Collapse.tsx +3 -1
- package/src/components/primitives/collapse/Collapse.usage.md +17 -0
- package/src/components/primitives/collapse/collapse.css +70 -61
- package/src/components/primitives/collapse/collapse.typecheck.tsx +2 -0
- package/src/components/primitives/input/NumberField.tsx +18 -5
- package/src/components/primitives/input/NumberField.usage.md +12 -0
- package/src/components/primitives/input/OtpField.tsx +2 -0
- package/src/components/primitives/input/OtpField.usage.md +12 -0
- package/src/components/primitives/input/TextField.tsx +16 -4
- package/src/components/primitives/input/TextField.usage.md +13 -0
- package/src/components/primitives/input/field-chrome.tsx +11 -2
- package/src/components/primitives/input/input.css +296 -318
- package/src/components/primitives/radio-group/RadioGroup.tsx +20 -44
- package/src/components/primitives/radio-group/RadioGroup.usage.md +13 -0
- package/src/components/primitives/radio-group/radio-group.css +275 -276
- package/src/components/primitives/tag/Tag.tsx +10 -6
- package/src/components/primitives/tag/Tag.usage.md +14 -0
- package/src/components/primitives/tag/ToggleTag.tsx +4 -2
- package/src/components/primitives/tag/ToggleTag.usage.md +14 -0
- package/src/components/primitives/tag/tag.css +209 -231
- package/src/components/primitives/textarea/Textarea.tsx +17 -7
- package/src/components/primitives/textarea/Textarea.usage.md +12 -0
- package/src/components/primitives/textarea/textarea.css +205 -211
- package/src/components/primitives/toggle/Toggle.tsx +3 -1
- package/src/components/primitives/toggle/Toggle.usage.md +12 -0
- package/src/components/primitives/toggle/toggle.css +139 -135
- package/src/engine/animate.ts +40 -13
- package/src/engine/ease.ts +1 -0
- package/src/engine/flip.ts +32 -15
- package/src/engine/index.ts +2 -1
- package/src/engine/loop.ts +97 -0
- package/src/mcp/server.ts +315 -221
- package/src/motion/element.tsx +1 -0
- package/src/motion/flip.ts +29 -10
- package/src/motion/glide.tsx +11 -14
- package/src/motion/glide.usage.md +15 -0
- package/src/motion/motion-timing.ts +3 -3
- package/src/motion/presence.tsx +38 -21
- package/src/motion/presets.ts +13 -0
- package/src/motion/timing.ts +1 -0
- package/src/motion/use-motion.ts +16 -3
- package/src/styles.css +5 -0
- package/src/tokens/avatar.css +20 -16
- package/src/tokens/color.css +67 -56
- package/src/tokens/component-styles.generated.ts +270 -0
- package/src/tokens/elevation.css +28 -17
- package/src/tokens/fonts.css +1 -1
- package/src/tokens/glass.css +19 -15
- package/src/tokens/icons.css +8 -4
- package/src/tokens/layers.css +9 -4
- package/src/tokens/motion-scale.ts +4 -0
- package/src/tokens/motion-tokens.ts +42 -12
- package/src/tokens/motion-tokens.usage.md +16 -0
- package/src/tokens/motion.css +63 -45
- package/src/tokens/radius.css +12 -8
- package/src/tokens/semantic.css +62 -54
- package/src/tokens/spacing.css +25 -21
- package/src/tokens/theme-tokens.generated.ts +1278 -0
- package/src/tokens/theme.tsx +83 -0
- package/src/tokens/theme.usage.md +36 -0
- package/src/tokens/typography.css +53 -49
- package/dist/chunk-2ERBBFZS.js.map +0 -1
- package/dist/chunk-2F5PITAO.js.map +0 -1
- package/dist/chunk-2QWJ6FAX.js.map +0 -1
- package/dist/chunk-356HZMT4.js.map +0 -1
- package/dist/chunk-62P3KD57.js.map +0 -1
- package/dist/chunk-7SZCJ7WI.js.map +0 -1
- package/dist/chunk-CONSWNIV.js.map +0 -1
- package/dist/chunk-FTOAUJL5.js.map +0 -1
- package/dist/chunk-I4XQ4PV2.js.map +0 -1
- package/dist/chunk-K5X2GCXU.js.map +0 -1
- package/dist/chunk-NEF5XAHG.js.map +0 -1
- package/dist/chunk-NNXJCLTV.js.map +0 -1
- package/dist/chunk-OMHQ4U4J.js.map +0 -1
- package/dist/chunk-PMECHR3A.js.map +0 -1
- package/dist/chunk-QDK66S4G.js.map +0 -1
- package/dist/chunk-RCONNA7I.js.map +0 -1
- package/dist/chunk-S5ZTZANS.js.map +0 -1
- package/dist/chunk-UXONUUPI.js.map +0 -1
- package/dist/chunk-VTJTGVZZ.js.map +0 -1
- package/dist/chunk-WM5J5TDI.js.map +0 -1
- package/dist/chunk-XWUWYSCT.js.map +0 -1
- package/dist/chunk-Y7AJQVWJ.js.map +0 -1
- package/dist/chunk-YGCVWGUG.js.map +0 -1
- package/dist/chunk-YGGCQNNU.js.map +0 -1
- package/dist/chunk-ZCOUPPTI.js.map +0 -1
- package/dist/count-badge.d.ts +0 -13
- package/dist/date-range-field.d.ts +0 -33
- package/dist/field-chrome-CMPOQSLs.d.ts +0 -28
- package/dist/field-shell-Cuda-feL.d.ts +0 -24
- package/dist/glide.d.ts +0 -15
- package/dist/motion-devtools.d.ts +0 -51
- package/dist/status-badge.d.ts +0 -19
- package/dist/toast.d.ts +0 -12
- package/llms.txt +0 -220
- package/src/components/primitives/badge/odometer.css +0 -62
package/dist/date-range-field.js
CHANGED
|
@@ -1,28 +1,31 @@
|
|
|
1
|
-
'use client';import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import './chunk-
|
|
5
|
-
import {
|
|
6
|
-
import './chunk-
|
|
7
|
-
import './chunk-
|
|
8
|
-
import './chunk-RCONNA7I.js';
|
|
1
|
+
'use client';import { useDayFocus } from './chunk-TCUCYFT7.js';
|
|
2
|
+
import { FieldShell, FieldTrigger, parse, today, tzLabel, MONTHS, pad, toKey, add, grid, DOW, col, within } from './chunk-4C5RZXBT.js';
|
|
3
|
+
import { useMediaQuery } from './chunk-RFRE4WKX.js';
|
|
4
|
+
import { Sheet } from './chunk-227ZW4V7.js';
|
|
5
|
+
import { Popover } from './chunk-CF4QHO4N.js';
|
|
6
|
+
import './chunk-FONOS5RN.js';
|
|
7
|
+
import './chunk-IUQAUBVM.js';
|
|
9
8
|
import './chunk-UE63OOVG.js';
|
|
10
|
-
import
|
|
11
|
-
import './chunk-
|
|
12
|
-
import './chunk-
|
|
13
|
-
import {
|
|
14
|
-
import './chunk-
|
|
15
|
-
import './chunk-
|
|
16
|
-
import './chunk-
|
|
17
|
-
import {
|
|
9
|
+
import './chunk-A5WTZACK.js';
|
|
10
|
+
import './chunk-VAXCXZ53.js';
|
|
11
|
+
import { activationProps } from './chunk-JY6A2ZJZ.js';
|
|
12
|
+
import { useGlide, GlidePill } from './chunk-CNWTIMIP.js';
|
|
13
|
+
import './chunk-HDSFWZ7L.js';
|
|
14
|
+
import './chunk-DDRSMHN4.js';
|
|
15
|
+
import './chunk-TUTXXC3W.js';
|
|
16
|
+
import { Motion } from './chunk-5PZ43DCG.js';
|
|
17
|
+
import './chunk-M43IOM5C.js';
|
|
18
|
+
import './chunk-IJS7TPGV.js';
|
|
19
|
+
import './chunk-4BSHB7R3.js';
|
|
20
|
+
import { Icon } from './chunk-EAI4POPB.js';
|
|
18
21
|
import { useControllable } from './chunk-MMRIQNEN.js';
|
|
19
|
-
import { UIMotion } from './chunk-
|
|
20
|
-
import { Button } from './chunk-
|
|
21
|
-
import './chunk-
|
|
22
|
-
import './chunk-
|
|
22
|
+
import { UIMotion } from './chunk-7IZJERGA.js';
|
|
23
|
+
import { Button } from './chunk-HY5MPISE.js';
|
|
24
|
+
import './chunk-45R4Z5XN.js';
|
|
25
|
+
import './chunk-DMX2F6B4.js';
|
|
23
26
|
import './chunk-QGNC7LH5.js';
|
|
24
27
|
import './date-picker.css';
|
|
25
|
-
import { useState,
|
|
28
|
+
import { useState, useRef, useId, useEffect, Fragment } from 'react';
|
|
26
29
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
27
30
|
|
|
28
31
|
var CAP_FLIP = { timing: UIMotion.t.settle };
|
|
@@ -57,7 +60,18 @@ function drpPresets() {
|
|
|
57
60
|
{ id: "ytd", label: "Year to date", start: jan1, end: t }
|
|
58
61
|
];
|
|
59
62
|
}
|
|
60
|
-
function DrpPanel({
|
|
63
|
+
function DrpPanel({
|
|
64
|
+
value,
|
|
65
|
+
commit,
|
|
66
|
+
close,
|
|
67
|
+
min,
|
|
68
|
+
max,
|
|
69
|
+
timezone,
|
|
70
|
+
label,
|
|
71
|
+
months,
|
|
72
|
+
layout,
|
|
73
|
+
activateOn
|
|
74
|
+
}) {
|
|
61
75
|
const seedKey = value && value.start || today();
|
|
62
76
|
const seed = parse(seedKey);
|
|
63
77
|
const [view, setView] = useState({ y: seed.getFullYear(), m: seed.getMonth() });
|
|
@@ -186,7 +200,7 @@ function DrpPanel({ value, commit, close, min, max, timezone, label, months, lay
|
|
|
186
200
|
tabIndex: key === focusKey ? 0 : -1,
|
|
187
201
|
"aria-label": MONTHS[d.getMonth()] + " " + d.getDate() + ", " + d.getFullYear(),
|
|
188
202
|
"aria-selected": isLo || isHi || void 0,
|
|
189
|
-
|
|
203
|
+
...activationProps(() => pickDay(key), { on: activateOn }),
|
|
190
204
|
onPointerEnter: (e) => {
|
|
191
205
|
setHoverKey(key);
|
|
192
206
|
if (!anchor && !disabled) gridGlide.enter(e.currentTarget);
|
|
@@ -236,7 +250,7 @@ function DrpPanel({ value, commit, close, min, max, timezone, label, months, lay
|
|
|
236
250
|
className: "dtp__nav",
|
|
237
251
|
"aria-label": "Previous month",
|
|
238
252
|
disabled: min && prevEnd < min,
|
|
239
|
-
|
|
253
|
+
...activationProps(() => nav(-1), { on: activateOn }),
|
|
240
254
|
children: /* @__PURE__ */ jsx(Icon, { name: "caret-left", size: "sm" })
|
|
241
255
|
}
|
|
242
256
|
) : null,
|
|
@@ -252,7 +266,7 @@ function DrpPanel({ value, commit, close, min, max, timezone, label, months, lay
|
|
|
252
266
|
className: "dtp__nav",
|
|
253
267
|
"aria-label": "Next month",
|
|
254
268
|
disabled: max && nextStart > max,
|
|
255
|
-
|
|
269
|
+
...activationProps(() => nav(1), { on: activateOn }),
|
|
256
270
|
children: /* @__PURE__ */ jsx(Icon, { name: "caret-right", size: "sm" })
|
|
257
271
|
}
|
|
258
272
|
) : null
|
|
@@ -298,7 +312,7 @@ function DrpPanel({ value, commit, close, min, max, timezone, label, months, lay
|
|
|
298
312
|
type: "button",
|
|
299
313
|
className: "drp__preset" + (presetActive(p) ? " is-active" : ""),
|
|
300
314
|
onPointerEnter: (e) => presetGlide.enter(e.currentTarget),
|
|
301
|
-
|
|
315
|
+
...activationProps(() => applyPreset(p), { on: activateOn }),
|
|
302
316
|
children: p.label
|
|
303
317
|
},
|
|
304
318
|
p.id
|
|
@@ -343,18 +357,7 @@ function DrpPanel({ value, commit, close, min, max, timezone, label, months, lay
|
|
|
343
357
|
}
|
|
344
358
|
);
|
|
345
359
|
}
|
|
346
|
-
|
|
347
|
-
const q = "(max-width: 640px)";
|
|
348
|
-
const [narrow, setNarrow] = useState(() => typeof matchMedia === "function" ? matchMedia(q).matches : false);
|
|
349
|
-
useEffect(() => {
|
|
350
|
-
const mq = matchMedia(q);
|
|
351
|
-
const fn = (e) => setNarrow(e.matches);
|
|
352
|
-
mq.addEventListener("change", fn);
|
|
353
|
-
setNarrow(mq.matches);
|
|
354
|
-
return () => mq.removeEventListener("change", fn);
|
|
355
|
-
}, [q]);
|
|
356
|
-
return narrow;
|
|
357
|
-
}
|
|
360
|
+
var NARROW_VIEWPORT = "(max-width: 640px)";
|
|
358
361
|
function DateRangeField({
|
|
359
362
|
value,
|
|
360
363
|
defaultValue = null,
|
|
@@ -370,10 +373,11 @@ function DateRangeField({
|
|
|
370
373
|
disabled = false,
|
|
371
374
|
className = "",
|
|
372
375
|
htmlProps,
|
|
376
|
+
activateOn = "pointerdown",
|
|
373
377
|
animation
|
|
374
378
|
}) {
|
|
375
379
|
const [val, commit] = useControllable(value, defaultValue, onChange);
|
|
376
|
-
const narrow =
|
|
380
|
+
const narrow = useMediaQuery(NARROW_VIEWPORT);
|
|
377
381
|
const [pickerOpen, setPickerOpen] = useState(false);
|
|
378
382
|
const display = val && val.start && val.end ? drpRangeText(val.start, val.end) : null;
|
|
379
383
|
const trigger = /* @__PURE__ */ jsx(FieldTrigger, { display, placeholder, disabled });
|
|
@@ -388,7 +392,8 @@ function DateRangeField({
|
|
|
388
392
|
timezone,
|
|
389
393
|
label,
|
|
390
394
|
months: narrow ? 1 : 2,
|
|
391
|
-
layout: narrow ? "sheet" : "popover"
|
|
395
|
+
layout: narrow ? "sheet" : "popover",
|
|
396
|
+
activateOn
|
|
392
397
|
}
|
|
393
398
|
);
|
|
394
399
|
return /* @__PURE__ */ jsx(
|
|
@@ -402,7 +407,18 @@ function DateRangeField({
|
|
|
402
407
|
icon: "calendar",
|
|
403
408
|
className,
|
|
404
409
|
htmlProps,
|
|
405
|
-
children: narrow ? /* @__PURE__ */ jsx(
|
|
410
|
+
children: narrow ? /* @__PURE__ */ jsx(
|
|
411
|
+
Sheet,
|
|
412
|
+
{
|
|
413
|
+
trigger,
|
|
414
|
+
side: "bottom",
|
|
415
|
+
open: pickerOpen,
|
|
416
|
+
onOpenChange: setPickerOpen,
|
|
417
|
+
activateOn,
|
|
418
|
+
animation,
|
|
419
|
+
children: panel
|
|
420
|
+
}
|
|
421
|
+
) : /* @__PURE__ */ jsx(
|
|
406
422
|
Popover,
|
|
407
423
|
{
|
|
408
424
|
trigger,
|
|
@@ -410,6 +426,7 @@ function DateRangeField({
|
|
|
410
426
|
align: "start",
|
|
411
427
|
open: pickerOpen,
|
|
412
428
|
onOpenChange: setPickerOpen,
|
|
429
|
+
activateOn,
|
|
413
430
|
animation,
|
|
414
431
|
children: panel
|
|
415
432
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/composites/date-picker/range-panel.tsx","../src/components/composites/date-picker/DateRangeField.tsx"],"names":["useState","useEffect","jsx"],"mappings":"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","file":"date-range-field.js","sourcesContent":["'use client';\n\nimport './date-picker.css';\nimport { Fragment, useEffect, useId, useRef, useState, type KeyboardEvent } from 'react';\nimport { UIMotion } from '../../../tokens/motion-tokens';\nimport { Icon } from '../../internal/icon/Icon';\nimport { Button } from '../../primitives/button/Button';\nimport { GlidePill, useGlide } from '../../../motion/glide';\nimport { Motion } from '../../../motion/element';\nimport { useDayFocus } from './use-day-focus';\nimport { MONTHS, DOW, pad, toKey, parse, today, add, col, grid, tzLabel, within } from './date-utils';\n\nconst CAP_FLIP = { timing: UIMotion.t.settle };\n\n/** A date range as wall-clock 'YYYY-MM-DD' endpoints, inclusive. */\nexport interface DateRange {\n /** Range start, inclusive - `'YYYY-MM-DD'`. */\n start: string;\n /** Range end, inclusive - `'YYYY-MM-DD'`. Never before `start`. */\n end: string;\n}\n\ninterface DrpPreset {\n id: string;\n label: string;\n start: string;\n end: string;\n}\n\nfunction drpDisplay(key: string, withYear: boolean): string {\n const d = parse(key);\n const mon = MONTHS[d.getMonth()].slice(0, 3);\n return mon + ' ' + pad(d.getDate()) + (withYear ? ', ' + d.getFullYear() : '');\n}\nexport function drpRangeText(start: string, end: string): string {\n const sameYear = parse(start).getFullYear() === parse(end).getFullYear();\n const curYear = new Date().getFullYear();\n const startYr = !sameYear || parse(start).getFullYear() !== curYear;\n const endYr = parse(end).getFullYear() !== curYear;\n return drpDisplay(start, startYr) + ' - ' + drpDisplay(end, endYr);\n}\nconst drpDays = (start: string, end: string): number => Math.round((+parse(end) - +parse(start)) / 86400000) + 1;\n\nfunction drpPresets(): DrpPreset[] {\n const t = today();\n const now = new Date();\n const firstThis = toKey(new Date(now.getFullYear(), now.getMonth(), 1));\n const firstPrev = toKey(new Date(now.getFullYear(), now.getMonth() - 1, 1));\n const lastPrev = toKey(new Date(now.getFullYear(), now.getMonth(), 0));\n const jan1 = toKey(new Date(now.getFullYear(), 0, 1));\n return [\n { id: 'today', label: 'Today', start: t, end: t },\n { id: 'yest', label: 'Yesterday', start: add(t, -1), end: add(t, -1) },\n { id: '7d', label: 'Last 7 days', start: add(t, -6), end: t },\n { id: '30d', label: 'Last 30 days', start: add(t, -29), end: t },\n { id: 'mtd', label: 'This month', start: firstThis, end: t },\n { id: 'lastm', label: 'Last month', start: firstPrev, end: lastPrev },\n { id: '90d', label: 'Last 90 days', start: add(t, -89), end: t },\n { id: 'ytd', label: 'Year to date', start: jan1, end: t },\n ];\n}\n\ninterface DrpPanelProps {\n value: DateRange | null;\n commit: (value: DateRange) => void;\n close: () => void;\n min?: string;\n max?: string;\n timezone?: string;\n label?: string;\n months: number;\n layout: 'popover' | 'sheet';\n}\n\nexport function DrpPanel({ value, commit, close, min, max, timezone, label, months, layout }: DrpPanelProps) {\n const seedKey = (value && value.start) || today();\n const seed = parse(seedKey);\n const [view, setView] = useState<{ y: number; m: number }>({ y: seed.getFullYear(), m: seed.getMonth() });\n\n const [anchor, setAnchor] = useState<string | null>(null);\n const [hoverKey, setHoverKey] = useState<string | null>(null);\n const [focusKey, setFocusKey] = useState<string>(seedKey);\n\n const daysRef = useRef<HTMLDivElement>(null);\n const presetsRef = useRef<HTMLDivElement>(null);\n const viewIdx = view.y * 12 + view.m;\n const armFocus = useDayFocus(daysRef, focusKey, viewIdx);\n\n const uid = useId();\n const gridGlide = useGlide(daysRef);\n const presetGlide = useGlide(presetsRef);\n const capLoId = 'drp-cap-lo-' + uid;\n const capHiId = 'drp-cap-hi-' + uid;\n\n const inBounds = (key: string): boolean => within(key, min, max);\n\n let lo: string | null = null,\n hi: string | null = null,\n provisional = false;\n if (anchor) {\n const other = hoverKey || anchor;\n lo = anchor < other ? anchor : other;\n hi = anchor < other ? other : anchor;\n provisional = true;\n } else if (value && value.start && value.end) {\n lo = value.start;\n hi = value.end;\n }\n\n function pickDay(key: string) {\n if (!inBounds(key)) return;\n if (!anchor) {\n setAnchor(key);\n setHoverKey(key);\n } else {\n const start = anchor < key ? anchor : key;\n const end = anchor < key ? key : anchor;\n setAnchor(null);\n setHoverKey(null);\n commit({ start: start, end: end });\n }\n }\n\n function applyPreset(p: DrpPreset) {\n setAnchor(null);\n setHoverKey(null);\n const d = parse(p.start);\n setView({ y: d.getFullYear(), m: d.getMonth() });\n setFocusKey(p.start);\n commit({ start: p.start, end: p.end });\n }\n\n function nav(dir: number) {\n setView((v) => {\n const d = new Date(v.y, v.m + dir, 1);\n return { y: d.getFullYear(), m: d.getMonth() };\n });\n }\n\n const prevViewIdxRef = useRef(viewIdx);\n const navDir = prevViewIdxRef.current === viewIdx ? 0 : viewIdx > prevViewIdxRef.current ? 1 : -1;\n useEffect(() => {\n prevViewIdxRef.current = viewIdx;\n }, [viewIdx]);\n\n function moveFocus(deltaDays: number, deltaMonths = 0) {\n const d = parse(focusKey);\n if (deltaMonths) d.setMonth(d.getMonth() + deltaMonths);\n if (deltaDays) d.setDate(d.getDate() + deltaDays);\n const key = toKey(d);\n armFocus();\n setFocusKey(key);\n if (anchor) setHoverKey(key);\n const idx = d.getFullYear() * 12 + d.getMonth();\n const last = viewIdx + (months - 1);\n if (idx < viewIdx) setView({ y: d.getFullYear(), m: d.getMonth() });\n else if (idx > last) {\n const back = new Date(d.getFullYear(), d.getMonth() - (months - 1), 1);\n setView({ y: back.getFullYear(), m: back.getMonth() });\n }\n }\n function onGridKeyDown(e: KeyboardEvent<HTMLDivElement>) {\n const k = e.key;\n if (k === 'ArrowLeft') moveFocus(-1);\n else if (k === 'ArrowRight') moveFocus(1);\n else if (k === 'ArrowUp') moveFocus(-7);\n else if (k === 'ArrowDown') moveFocus(7);\n else if (k === 'PageUp') moveFocus(0, -1);\n else if (k === 'PageDown') moveFocus(0, 1);\n else if (k === 'Enter' || k === ' ') pickDay(focusKey);\n else if (k === 'Escape' && anchor) {\n setAnchor(null);\n setHoverKey(null);\n } else return;\n e.preventDefault();\n }\n\n const todayKey = today();\n function renderDay(d: Date, viewMonth: number) {\n const key = toKey(d);\n const out = d.getMonth() !== viewMonth;\n const disabled = !inBounds(key);\n const dayCol = col(d);\n\n const isLo = lo && key === lo;\n const isHi = hi && key === hi;\n const single = lo && hi && lo === hi;\n const inRange = lo && hi && key >= lo && key <= hi;\n const loGhost = provisional && isLo && lo !== anchor;\n const hiGhost = provisional && isHi && !single && hi !== anchor;\n\n const band = inRange && !single;\n const extL = band && !isLo && dayCol !== 0;\n const extR = band && !isHi && dayCol !== 6;\n\n const capHere = months === 1 || !out;\n const loCap = isLo && capHere;\n const hiCap = isHi && !single && capHere;\n\n const cls = ['dtp__day'];\n if (out) cls.push('is-out');\n if (inRange) cls.push('is-in-range');\n if ((loGhost || hiGhost) && capHere) cls.push('is-cap-ghost');\n else if (loCap || hiCap) cls.push('is-cap');\n\n const bandCls = ['drp__band'];\n if (extL) bandCls.push('drp__band--extL');\n if (extR) bandCls.push('drp__band--extR');\n if (!extL) bandCls.push('drp__band--roundL');\n if (!extR) bandCls.push('drp__band--roundR');\n\n return (\n <button\n key={key}\n type=\"button\"\n role=\"gridcell\"\n data-key={key}\n className={cls.join(' ')}\n disabled={disabled}\n tabIndex={key === focusKey ? 0 : -1}\n aria-label={MONTHS[d.getMonth()] + ' ' + d.getDate() + ', ' + d.getFullYear()}\n aria-selected={isLo || isHi || undefined}\n onClick={() => pickDay(key)}\n onPointerEnter={(e) => {\n setHoverKey(key);\n if (!anchor && !disabled) gridGlide.enter(e.currentTarget);\n else gridGlide.leave();\n }}\n >\n {band ? <span className={bandCls.join(' ')} aria-hidden=\"true\"></span> : null}\n {loCap ? (\n <Motion\n as=\"span\"\n layoutId={capLoId}\n layoutTransition={CAP_FLIP}\n className={'drp__cap' + (loGhost ? ' drp__cap--ghost' : '')}\n aria-hidden=\"true\"\n />\n ) : null}\n {hiCap ? (\n <Motion\n as=\"span\"\n layoutId={capHiId}\n layoutTransition={CAP_FLIP}\n className={'drp__cap' + (hiGhost ? ' drp__cap--ghost' : '')}\n aria-hidden=\"true\"\n />\n ) : null}\n <span className=\"dtp__num\">{d.getDate()}</span>\n {key === todayKey ? <span className=\"dtp__dot\" aria-hidden=\"true\"></span> : null}\n </button>\n );\n }\n\n function renderMonth(offset: number, withPrev: boolean, withNext: boolean) {\n const base = new Date(view.y, view.m + offset, 1);\n const y = base.getFullYear(),\n m = base.getMonth();\n const cells = grid(y, m);\n const prevEnd = toKey(new Date(y, m, 0));\n const nextStart = toKey(new Date(y, m + 1, 1));\n return (\n <div className=\"dtp__cal\" key={offset}>\n <div className={'drp__mhead' + (withNext && !withPrev ? ' drp__mhead--right' : '')}>\n {withPrev ? (\n <button\n type=\"button\"\n className=\"dtp__nav\"\n aria-label=\"Previous month\"\n disabled={min && prevEnd < min}\n onClick={() => nav(-1)}\n >\n <Icon name=\"caret-left\" size=\"sm\" />\n </button>\n ) : null}\n <span className=\"dtp__month\">\n {MONTHS[m]} <span className=\"dtp__year\">{y}</span>\n </span>\n {withNext ? (\n <button\n type=\"button\"\n className=\"dtp__nav\"\n aria-label=\"Next month\"\n disabled={max && nextStart > max}\n onClick={() => nav(1)}\n >\n <Icon name=\"caret-right\" size=\"sm\" />\n </button>\n ) : null}\n </div>\n <div className=\"dtp__dow\" aria-hidden=\"true\">\n {DOW.map((d) => (\n <span key={d}>{d}</span>\n ))}\n </div>\n <div\n className=\"dtp__days\"\n role=\"grid\"\n aria-label={MONTHS[m] + ' ' + y}\n key={'days-' + viewIdx + '-' + offset}\n data-enter={navDir || undefined}\n >\n {cells.map((d) => renderDay(d, m))}\n </div>\n </div>\n );\n }\n\n const presets = drpPresets();\n function presetActive(p: DrpPreset): boolean {\n return value && value.start === p.start && value.end === p.end;\n }\n\n return (\n <div\n className={'drp' + (layout === 'sheet' ? ' drp--sheet' : '')}\n role=\"dialog\"\n aria-label={label || 'Pick a date range'}\n >\n <div className=\"drp__body\">\n <div\n className=\"drp__presets\"\n role=\"group\"\n aria-label=\"Quick ranges\"\n ref={presetsRef}\n onPointerLeave={presetGlide.leave}\n >\n {presets.map((p) => (\n <button\n key={p.id}\n type=\"button\"\n className={'drp__preset' + (presetActive(p) ? ' is-active' : '')}\n onPointerEnter={(e) => presetGlide.enter(e.currentTarget)}\n onClick={() => applyPreset(p)}\n >\n {p.label}\n </button>\n ))}\n <GlidePill className=\"drp__presetGlide\" glide={presetGlide} />\n </div>\n <div\n className=\"drp__months\"\n ref={daysRef}\n onKeyDown={onGridKeyDown}\n onPointerLeave={() => {\n if (anchor) setHoverKey(anchor);\n gridGlide.leave();\n }}\n >\n {months === 2 ? [renderMonth(0, true, false), renderMonth(1, false, true)] : renderMonth(0, true, true)}\n <GlidePill className=\"dtp__hover\" glide={gridGlide} />\n </div>\n </div>\n <div className=\"drp__foot\">\n <span className={'drp__readout' + (lo && hi ? '' : ' is-empty')}>\n {lo && hi ? (\n <Fragment>\n {drpRangeText(lo, hi)}{' '}\n <span className=\"drp__count\">\n - {drpDays(lo, hi)} {drpDays(lo, hi) === 1 ? 'day' : 'days'}\n </span>\n </Fragment>\n ) : anchor ? (\n 'Pick the end date'\n ) : (\n 'Pick a start date'\n )}\n </span>\n {timezone ? <span className=\"drp__tz\">{tzLabel(timezone)}</span> : null}\n <span className=\"drp__footSpacer\"></span>\n <Button variant=\"primary\" size=\"sm\" onClick={close}>\n Done\n </Button>\n </div>\n </div>\n );\n}\n","'use client';\n\nimport './date-picker.css';\nimport { useEffect, useState } from 'react';\nimport { Popover } from '../popover/Popover';\nimport { Sheet } from '../sheet/Sheet';\nimport { FieldShell, FieldTrigger, type DateFieldBaseProps } from './field-shell';\nimport { useControllable } from '../../internal/hooks/use-controllable';\nimport { DrpPanel, drpRangeText, type DateRange } from './range-panel';\n\nexport type { DateRange };\n\nfunction useNarrowViewport(query?: string): boolean {\n const q = query || '(max-width: 640px)';\n const [narrow, setNarrow] = useState(() => (typeof matchMedia === 'function' ? matchMedia(q).matches : false));\n useEffect(() => {\n const mq = matchMedia(q);\n const fn = (e: MediaQueryListEvent) => setNarrow(e.matches);\n mq.addEventListener('change', fn);\n setNarrow(mq.matches);\n return () => mq.removeEventListener('change', fn);\n }, [q]);\n return narrow;\n}\n\nexport interface DateRangeFieldProps extends DateFieldBaseProps {\n /** Controlled value - both endpoints, or null when empty. */\n value?: DateRange | null;\n /** Uncontrolled initial range. Use instead of `value`. @default null */\n defaultValue?: DateRange | null;\n /** Fires only on a COMPLETE range (a lone anchor never commits). */\n onChange?: (value: DateRange) => void;\n /** Trigger text shown when no range is picked. @default 'Pick a date range' */\n placeholder?: string;\n /** IANA timezone (e.g. 'Europe/Riga') - display context, shown in the footer. */\n timezone?: string;\n /** Earliest pickable date, 'YYYY-MM-DD', inclusive. */\n min?: string;\n /** Latest pickable date, 'YYYY-MM-DD', inclusive. */\n max?: string;\n}\n\nexport function DateRangeField({\n value,\n defaultValue = null,\n onChange,\n label,\n placeholder = 'Pick a date range',\n timezone,\n min,\n max,\n required = false,\n invalid = false,\n message,\n disabled = false,\n className = '',\n htmlProps,\n animation,\n}: DateRangeFieldProps) {\n const [val, commit] = useControllable(value, defaultValue, onChange);\n\n const narrow = useNarrowViewport();\n const [pickerOpen, setPickerOpen] = useState(false);\n\n const display = val && val.start && val.end ? drpRangeText(val.start, val.end) : null;\n const trigger = <FieldTrigger display={display} placeholder={placeholder} disabled={disabled} />;\n const panel = (\n <DrpPanel\n value={val}\n commit={commit}\n close={() => setPickerOpen(false)}\n min={min}\n max={max}\n timezone={timezone}\n label={label}\n months={narrow ? 1 : 2}\n layout={narrow ? 'sheet' : 'popover'}\n />\n );\n\n return (\n <FieldShell\n variant=\"dtf\"\n label={label}\n required={required}\n invalid={invalid}\n message={message}\n icon=\"calendar\"\n className={className}\n htmlProps={htmlProps}\n >\n {narrow ? (\n <Sheet trigger={trigger} side=\"bottom\" open={pickerOpen} onOpenChange={setPickerOpen} animation={animation}>\n {panel}\n </Sheet>\n ) : (\n <Popover\n trigger={trigger}\n side=\"bottom\"\n align=\"start\"\n open={pickerOpen}\n onOpenChange={setPickerOpen}\n animation={animation}\n >\n {panel}\n </Popover>\n )}\n </FieldShell>\n );\n}\n"]}
|
|
1
|
+
{"version":3,"sources":["../src/components/composites/date-picker/range-panel.tsx","../src/components/composites/date-picker/DateRangeField.tsx"],"names":["useState","jsx"],"mappings":"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","file":"date-range-field.js","sourcesContent":["'use client';\n\nimport './date-picker.css';\n\nimport { Fragment, useEffect, useId, useRef, useState, type KeyboardEvent } from 'react';\n\nimport { Motion } from '../../../motion/element';\nimport { GlidePill, useGlide } from '../../../motion/glide';\nimport { UIMotion } from '../../../tokens/motion-tokens';\nimport { Icon } from '../../internal/icon/Icon';\nimport { activationProps, type ActivateOn } from '../../internal/utils/activation';\nimport { Button } from '../../primitives/button/Button';\nimport { add, col, DOW, grid, MONTHS, pad, parse, today, toKey, tzLabel, within } from './date-utils';\nimport { useDayFocus } from './use-day-focus';\n\nconst CAP_FLIP = { timing: UIMotion.t.settle };\n\n/** A date range as wall-clock 'YYYY-MM-DD' endpoints, inclusive. */\nexport interface DateRange {\n /** Range start, inclusive - `'YYYY-MM-DD'`. */\n start: string;\n /** Range end, inclusive - `'YYYY-MM-DD'`. Never before `start`. */\n end: string;\n}\n\ninterface DrpPreset {\n id: string;\n label: string;\n start: string;\n end: string;\n}\n\nfunction drpDisplay(key: string, withYear: boolean): string {\n const d = parse(key);\n const mon = MONTHS[d.getMonth()].slice(0, 3);\n return mon + ' ' + pad(d.getDate()) + (withYear ? ', ' + d.getFullYear() : '');\n}\nexport function drpRangeText(start: string, end: string): string {\n const sameYear = parse(start).getFullYear() === parse(end).getFullYear();\n const curYear = new Date().getFullYear();\n const startYr = !sameYear || parse(start).getFullYear() !== curYear;\n const endYr = parse(end).getFullYear() !== curYear;\n return drpDisplay(start, startYr) + ' - ' + drpDisplay(end, endYr);\n}\nconst drpDays = (start: string, end: string): number => Math.round((+parse(end) - +parse(start)) / 86400000) + 1;\n\nfunction drpPresets(): DrpPreset[] {\n const t = today();\n const now = new Date();\n const firstThis = toKey(new Date(now.getFullYear(), now.getMonth(), 1));\n const firstPrev = toKey(new Date(now.getFullYear(), now.getMonth() - 1, 1));\n const lastPrev = toKey(new Date(now.getFullYear(), now.getMonth(), 0));\n const jan1 = toKey(new Date(now.getFullYear(), 0, 1));\n return [\n { id: 'today', label: 'Today', start: t, end: t },\n { id: 'yest', label: 'Yesterday', start: add(t, -1), end: add(t, -1) },\n { id: '7d', label: 'Last 7 days', start: add(t, -6), end: t },\n { id: '30d', label: 'Last 30 days', start: add(t, -29), end: t },\n { id: 'mtd', label: 'This month', start: firstThis, end: t },\n { id: 'lastm', label: 'Last month', start: firstPrev, end: lastPrev },\n { id: '90d', label: 'Last 90 days', start: add(t, -89), end: t },\n { id: 'ytd', label: 'Year to date', start: jan1, end: t },\n ];\n}\n\ninterface DrpPanelProps {\n value: DateRange | null;\n commit: (value: DateRange) => void;\n close: () => void;\n min?: string;\n max?: string;\n timezone?: string;\n label?: string;\n months: number;\n layout: 'popover' | 'sheet';\n activateOn?: ActivateOn;\n}\n\nexport function DrpPanel({\n value,\n commit,\n close,\n min,\n max,\n timezone,\n label,\n months,\n layout,\n activateOn,\n}: DrpPanelProps) {\n const seedKey = (value && value.start) || today();\n const seed = parse(seedKey);\n const [view, setView] = useState<{ y: number; m: number }>({ y: seed.getFullYear(), m: seed.getMonth() });\n\n const [anchor, setAnchor] = useState<string | null>(null);\n const [hoverKey, setHoverKey] = useState<string | null>(null);\n const [focusKey, setFocusKey] = useState<string>(seedKey);\n\n const daysRef = useRef<HTMLDivElement>(null);\n const presetsRef = useRef<HTMLDivElement>(null);\n const viewIdx = view.y * 12 + view.m;\n const armFocus = useDayFocus(daysRef, focusKey, viewIdx);\n\n const uid = useId();\n const gridGlide = useGlide(daysRef);\n const presetGlide = useGlide(presetsRef);\n const capLoId = 'drp-cap-lo-' + uid;\n const capHiId = 'drp-cap-hi-' + uid;\n\n const inBounds = (key: string): boolean => within(key, min, max);\n\n let lo: string | null = null,\n hi: string | null = null,\n provisional = false;\n if (anchor) {\n const other = hoverKey || anchor;\n lo = anchor < other ? anchor : other;\n hi = anchor < other ? other : anchor;\n provisional = true;\n } else if (value && value.start && value.end) {\n lo = value.start;\n hi = value.end;\n }\n\n function pickDay(key: string) {\n if (!inBounds(key)) return;\n if (!anchor) {\n setAnchor(key);\n setHoverKey(key);\n } else {\n const start = anchor < key ? anchor : key;\n const end = anchor < key ? key : anchor;\n setAnchor(null);\n setHoverKey(null);\n commit({ start: start, end: end });\n }\n }\n\n function applyPreset(p: DrpPreset) {\n setAnchor(null);\n setHoverKey(null);\n const d = parse(p.start);\n setView({ y: d.getFullYear(), m: d.getMonth() });\n setFocusKey(p.start);\n commit({ start: p.start, end: p.end });\n }\n\n function nav(dir: number) {\n setView((v) => {\n const d = new Date(v.y, v.m + dir, 1);\n return { y: d.getFullYear(), m: d.getMonth() };\n });\n }\n\n const prevViewIdxRef = useRef(viewIdx);\n const navDir = prevViewIdxRef.current === viewIdx ? 0 : viewIdx > prevViewIdxRef.current ? 1 : -1;\n useEffect(() => {\n prevViewIdxRef.current = viewIdx;\n }, [viewIdx]);\n\n function moveFocus(deltaDays: number, deltaMonths = 0) {\n const d = parse(focusKey);\n if (deltaMonths) d.setMonth(d.getMonth() + deltaMonths);\n if (deltaDays) d.setDate(d.getDate() + deltaDays);\n const key = toKey(d);\n armFocus();\n setFocusKey(key);\n if (anchor) setHoverKey(key);\n const idx = d.getFullYear() * 12 + d.getMonth();\n const last = viewIdx + (months - 1);\n if (idx < viewIdx) setView({ y: d.getFullYear(), m: d.getMonth() });\n else if (idx > last) {\n const back = new Date(d.getFullYear(), d.getMonth() - (months - 1), 1);\n setView({ y: back.getFullYear(), m: back.getMonth() });\n }\n }\n function onGridKeyDown(e: KeyboardEvent<HTMLDivElement>) {\n const k = e.key;\n if (k === 'ArrowLeft') moveFocus(-1);\n else if (k === 'ArrowRight') moveFocus(1);\n else if (k === 'ArrowUp') moveFocus(-7);\n else if (k === 'ArrowDown') moveFocus(7);\n else if (k === 'PageUp') moveFocus(0, -1);\n else if (k === 'PageDown') moveFocus(0, 1);\n else if (k === 'Enter' || k === ' ') pickDay(focusKey);\n else if (k === 'Escape' && anchor) {\n setAnchor(null);\n setHoverKey(null);\n } else return;\n e.preventDefault();\n }\n\n const todayKey = today();\n function renderDay(d: Date, viewMonth: number) {\n const key = toKey(d);\n const out = d.getMonth() !== viewMonth;\n const disabled = !inBounds(key);\n const dayCol = col(d);\n\n const isLo = lo && key === lo;\n const isHi = hi && key === hi;\n const single = lo && hi && lo === hi;\n const inRange = lo && hi && key >= lo && key <= hi;\n const loGhost = provisional && isLo && lo !== anchor;\n const hiGhost = provisional && isHi && !single && hi !== anchor;\n\n const band = inRange && !single;\n const extL = band && !isLo && dayCol !== 0;\n const extR = band && !isHi && dayCol !== 6;\n\n const capHere = months === 1 || !out;\n const loCap = isLo && capHere;\n const hiCap = isHi && !single && capHere;\n\n const cls = ['dtp__day'];\n if (out) cls.push('is-out');\n if (inRange) cls.push('is-in-range');\n if ((loGhost || hiGhost) && capHere) cls.push('is-cap-ghost');\n else if (loCap || hiCap) cls.push('is-cap');\n\n const bandCls = ['drp__band'];\n if (extL) bandCls.push('drp__band--extL');\n if (extR) bandCls.push('drp__band--extR');\n if (!extL) bandCls.push('drp__band--roundL');\n if (!extR) bandCls.push('drp__band--roundR');\n\n return (\n <button\n key={key}\n type=\"button\"\n role=\"gridcell\"\n data-key={key}\n className={cls.join(' ')}\n disabled={disabled}\n tabIndex={key === focusKey ? 0 : -1}\n aria-label={MONTHS[d.getMonth()] + ' ' + d.getDate() + ', ' + d.getFullYear()}\n aria-selected={isLo || isHi || undefined}\n {...activationProps<HTMLButtonElement>(() => pickDay(key), { on: activateOn })}\n onPointerEnter={(e) => {\n setHoverKey(key);\n if (!anchor && !disabled) gridGlide.enter(e.currentTarget);\n else gridGlide.leave();\n }}\n >\n {band ? <span className={bandCls.join(' ')} aria-hidden=\"true\"></span> : null}\n {loCap ? (\n <Motion\n as=\"span\"\n layoutId={capLoId}\n layoutTransition={CAP_FLIP}\n className={'drp__cap' + (loGhost ? ' drp__cap--ghost' : '')}\n aria-hidden=\"true\"\n />\n ) : null}\n {hiCap ? (\n <Motion\n as=\"span\"\n layoutId={capHiId}\n layoutTransition={CAP_FLIP}\n className={'drp__cap' + (hiGhost ? ' drp__cap--ghost' : '')}\n aria-hidden=\"true\"\n />\n ) : null}\n <span className=\"dtp__num\">{d.getDate()}</span>\n {key === todayKey ? <span className=\"dtp__dot\" aria-hidden=\"true\"></span> : null}\n </button>\n );\n }\n\n function renderMonth(offset: number, withPrev: boolean, withNext: boolean) {\n const base = new Date(view.y, view.m + offset, 1);\n const y = base.getFullYear(),\n m = base.getMonth();\n const cells = grid(y, m);\n const prevEnd = toKey(new Date(y, m, 0));\n const nextStart = toKey(new Date(y, m + 1, 1));\n return (\n <div className=\"dtp__cal\" key={offset}>\n <div className={'drp__mhead' + (withNext && !withPrev ? ' drp__mhead--right' : '')}>\n {withPrev ? (\n <button\n type=\"button\"\n className=\"dtp__nav\"\n aria-label=\"Previous month\"\n disabled={min && prevEnd < min}\n {...activationProps<HTMLButtonElement>(() => nav(-1), { on: activateOn })}\n >\n <Icon name=\"caret-left\" size=\"sm\" />\n </button>\n ) : null}\n <span className=\"dtp__month\">\n {MONTHS[m]} <span className=\"dtp__year\">{y}</span>\n </span>\n {withNext ? (\n <button\n type=\"button\"\n className=\"dtp__nav\"\n aria-label=\"Next month\"\n disabled={max && nextStart > max}\n {...activationProps<HTMLButtonElement>(() => nav(1), { on: activateOn })}\n >\n <Icon name=\"caret-right\" size=\"sm\" />\n </button>\n ) : null}\n </div>\n <div className=\"dtp__dow\" aria-hidden=\"true\">\n {DOW.map((d) => (\n <span key={d}>{d}</span>\n ))}\n </div>\n <div\n className=\"dtp__days\"\n role=\"grid\"\n aria-label={MONTHS[m] + ' ' + y}\n key={'days-' + viewIdx + '-' + offset}\n data-enter={navDir || undefined}\n >\n {cells.map((d) => renderDay(d, m))}\n </div>\n </div>\n );\n }\n\n const presets = drpPresets();\n function presetActive(p: DrpPreset): boolean {\n return value && value.start === p.start && value.end === p.end;\n }\n\n return (\n <div\n className={'drp' + (layout === 'sheet' ? ' drp--sheet' : '')}\n role=\"dialog\"\n aria-label={label || 'Pick a date range'}\n >\n <div className=\"drp__body\">\n <div\n className=\"drp__presets\"\n role=\"group\"\n aria-label=\"Quick ranges\"\n ref={presetsRef}\n onPointerLeave={presetGlide.leave}\n >\n {presets.map((p) => (\n <button\n key={p.id}\n type=\"button\"\n className={'drp__preset' + (presetActive(p) ? ' is-active' : '')}\n onPointerEnter={(e) => presetGlide.enter(e.currentTarget)}\n {...activationProps<HTMLButtonElement>(() => applyPreset(p), { on: activateOn })}\n >\n {p.label}\n </button>\n ))}\n <GlidePill className=\"drp__presetGlide\" glide={presetGlide} />\n </div>\n <div\n className=\"drp__months\"\n ref={daysRef}\n onKeyDown={onGridKeyDown}\n onPointerLeave={() => {\n if (anchor) setHoverKey(anchor);\n gridGlide.leave();\n }}\n >\n {months === 2 ? [renderMonth(0, true, false), renderMonth(1, false, true)] : renderMonth(0, true, true)}\n <GlidePill className=\"dtp__hover\" glide={gridGlide} />\n </div>\n </div>\n <div className=\"drp__foot\">\n <span className={'drp__readout' + (lo && hi ? '' : ' is-empty')}>\n {lo && hi ? (\n <Fragment>\n {drpRangeText(lo, hi)}{' '}\n <span className=\"drp__count\">\n - {drpDays(lo, hi)} {drpDays(lo, hi) === 1 ? 'day' : 'days'}\n </span>\n </Fragment>\n ) : anchor ? (\n 'Pick the end date'\n ) : (\n 'Pick a start date'\n )}\n </span>\n {timezone ? <span className=\"drp__tz\">{tzLabel(timezone)}</span> : null}\n <span className=\"drp__footSpacer\"></span>\n <Button variant=\"primary\" size=\"sm\" onClick={close}>\n Done\n </Button>\n </div>\n </div>\n );\n}\n","'use client';\n\nimport './date-picker.css';\n\nimport { useState } from 'react';\n\nimport { useControllable } from '../../internal/hooks/use-controllable';\nimport { useMediaQuery } from '../../internal/hooks/use-media-query';\nimport { Popover } from '../popover/Popover';\nimport { Sheet } from '../sheet/Sheet';\nimport { FieldShell, FieldTrigger, type DateFieldBaseProps } from './field-shell';\nimport { DrpPanel, drpRangeText, type DateRange } from './range-panel';\n\nexport type { DateRange };\n\nconst NARROW_VIEWPORT = '(max-width: 640px)';\n\nexport interface DateRangeFieldProps extends DateFieldBaseProps {\n /** Controlled value - both endpoints, or null when empty. */\n value?: DateRange | null;\n /** Uncontrolled initial range. Use instead of `value`. @default null */\n defaultValue?: DateRange | null;\n /** Fires only on a COMPLETE range (a lone anchor never commits). */\n onChange?: (value: DateRange) => void;\n /** Trigger text shown when no range is picked. @default 'Pick a date range' */\n placeholder?: string;\n /** IANA timezone (e.g. 'Europe/Riga') - display context, shown in the footer. */\n timezone?: string;\n /** Earliest pickable date, 'YYYY-MM-DD', inclusive. */\n min?: string;\n /** Latest pickable date, 'YYYY-MM-DD', inclusive. */\n max?: string;\n}\n\nexport function DateRangeField({\n value,\n defaultValue = null,\n onChange,\n label,\n placeholder = 'Pick a date range',\n timezone,\n min,\n max,\n required = false,\n invalid = false,\n message,\n disabled = false,\n className = '',\n htmlProps,\n activateOn = 'pointerdown',\n animation,\n}: DateRangeFieldProps) {\n const [val, commit] = useControllable(value, defaultValue, onChange);\n\n const narrow = useMediaQuery(NARROW_VIEWPORT);\n const [pickerOpen, setPickerOpen] = useState(false);\n\n const display = val && val.start && val.end ? drpRangeText(val.start, val.end) : null;\n const trigger = <FieldTrigger display={display} placeholder={placeholder} disabled={disabled} />;\n const panel = (\n <DrpPanel\n value={val}\n commit={commit}\n close={() => setPickerOpen(false)}\n min={min}\n max={max}\n timezone={timezone}\n label={label}\n months={narrow ? 1 : 2}\n layout={narrow ? 'sheet' : 'popover'}\n activateOn={activateOn}\n />\n );\n\n return (\n <FieldShell\n variant=\"dtf\"\n label={label}\n required={required}\n invalid={invalid}\n message={message}\n icon=\"calendar\"\n className={className}\n htmlProps={htmlProps}\n >\n {narrow ? (\n <Sheet\n trigger={trigger}\n side=\"bottom\"\n open={pickerOpen}\n onOpenChange={setPickerOpen}\n activateOn={activateOn}\n animation={animation}\n >\n {panel}\n </Sheet>\n ) : (\n <Popover\n trigger={trigger}\n side=\"bottom\"\n align=\"start\"\n open={pickerOpen}\n onOpenChange={setPickerOpen}\n activateOn={activateOn}\n animation={animation}\n >\n {panel}\n </Popover>\n )}\n </FieldShell>\n );\n}\n"]}
|
package/dist/datetime-field.js
CHANGED
|
@@ -1,25 +1,27 @@
|
|
|
1
|
-
'use client';import { DtpPanel } from './chunk-
|
|
1
|
+
'use client';import { DtpPanel } from './chunk-EF6RPXU7.js';
|
|
2
2
|
import './chunk-TCUCYFT7.js';
|
|
3
|
-
import {
|
|
4
|
-
import './chunk-
|
|
5
|
-
import {
|
|
6
|
-
import
|
|
7
|
-
import './chunk-ZCOUPPTI.js';
|
|
8
|
-
import './chunk-RCONNA7I.js';
|
|
3
|
+
import { TimeSegments, disp12 } from './chunk-AADAJL7D.js';
|
|
4
|
+
import { displayDay, FieldShell, FieldTrigger, pad } from './chunk-4C5RZXBT.js';
|
|
5
|
+
import { Popover } from './chunk-CF4QHO4N.js';
|
|
6
|
+
import './chunk-IUQAUBVM.js';
|
|
9
7
|
import './chunk-UE63OOVG.js';
|
|
10
|
-
import './chunk-
|
|
11
|
-
import './chunk-
|
|
12
|
-
import './chunk-
|
|
13
|
-
import './chunk-
|
|
14
|
-
import './chunk-
|
|
15
|
-
import './chunk-
|
|
16
|
-
import './chunk-
|
|
17
|
-
import './chunk-
|
|
8
|
+
import './chunk-A5WTZACK.js';
|
|
9
|
+
import './chunk-VAXCXZ53.js';
|
|
10
|
+
import './chunk-JY6A2ZJZ.js';
|
|
11
|
+
import './chunk-CNWTIMIP.js';
|
|
12
|
+
import './chunk-HDSFWZ7L.js';
|
|
13
|
+
import './chunk-DDRSMHN4.js';
|
|
14
|
+
import './chunk-TUTXXC3W.js';
|
|
15
|
+
import './chunk-5PZ43DCG.js';
|
|
16
|
+
import './chunk-M43IOM5C.js';
|
|
17
|
+
import './chunk-IJS7TPGV.js';
|
|
18
|
+
import './chunk-4BSHB7R3.js';
|
|
19
|
+
import './chunk-EAI4POPB.js';
|
|
18
20
|
import { useControllable } from './chunk-MMRIQNEN.js';
|
|
19
|
-
import './chunk-
|
|
20
|
-
import './chunk-
|
|
21
|
-
import './chunk-
|
|
22
|
-
import './chunk-
|
|
21
|
+
import './chunk-7IZJERGA.js';
|
|
22
|
+
import './chunk-HY5MPISE.js';
|
|
23
|
+
import './chunk-45R4Z5XN.js';
|
|
24
|
+
import './chunk-DMX2F6B4.js';
|
|
23
25
|
import './chunk-QGNC7LH5.js';
|
|
24
26
|
import './date-picker.css';
|
|
25
27
|
import { useState, useEffect } from 'react';
|
|
@@ -53,6 +55,7 @@ function DateTimeField({
|
|
|
53
55
|
disabled = false,
|
|
54
56
|
className = "",
|
|
55
57
|
htmlProps,
|
|
58
|
+
activateOn = "pointerdown",
|
|
56
59
|
animation
|
|
57
60
|
}) {
|
|
58
61
|
const [val, commit] = useControllable(
|
|
@@ -110,6 +113,7 @@ function DateTimeField({
|
|
|
110
113
|
trigger,
|
|
111
114
|
side: "bottom",
|
|
112
115
|
align: "start",
|
|
116
|
+
activateOn,
|
|
113
117
|
animation,
|
|
114
118
|
open: pickerOpen,
|
|
115
119
|
onOpenChange: setPickerOpen,
|
|
@@ -123,6 +127,7 @@ function DateTimeField({
|
|
|
123
127
|
max: maxL.date,
|
|
124
128
|
timezone,
|
|
125
129
|
label,
|
|
130
|
+
activateOn,
|
|
126
131
|
slot: /* @__PURE__ */ jsxs("div", { className: "dtp__time", children: [
|
|
127
132
|
/* @__PURE__ */ jsx("span", { className: "dtp__timeLabel", children: "Time" }),
|
|
128
133
|
/* @__PURE__ */ jsxs("span", { className: "dtp__timeHint", "aria-hidden": "true", children: [
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/composites/date-picker/DateTimeField.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../src/components/composites/date-picker/DateTimeField.tsx"],"names":[],"mappings":"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","file":"datetime-field.js","sourcesContent":["'use client';\n\nimport './date-picker.css';\n\nimport { useEffect, useState } from 'react';\n\nimport { useControllable } from '../../internal/hooks/use-controllable';\nimport { Popover } from '../popover/Popover';\nimport { DtpPanel } from './calendar-panel';\nimport { displayDay, pad } from './date-utils';\nimport { FieldShell, FieldTrigger, type DateFieldBaseProps } from './field-shell';\nimport { disp12, TimeSegments } from './time-core';\n\ninterface DateTimeParts {\n date: string | null;\n time: string | null;\n}\n\nfunction displayTime(t: string, format?: '24h' | '12h'): string {\n if (format !== '12h') return t;\n const p = t.split(':').map(Number);\n const mer = p[0] >= 12 ? 'PM' : 'AM';\n return disp12(p[0]) + ':' + pad(p[1]) + ' ' + mer;\n}\nfunction dttfSplit(v: string | null | undefined): DateTimeParts {\n if (!v) return { date: null, time: null };\n const i = v.indexOf('T');\n return i < 0 ? { date: v, time: null } : { date: v.slice(0, i), time: v.slice(i + 1) };\n}\n\nexport interface DateTimeFieldProps extends DateFieldBaseProps {\n /** Controlled value, 'YYYY-MM-DDTHH:mm'. */\n value?: string | null;\n /** Uncontrolled initial value, 'YYYY-MM-DDTHH:mm'. Use instead of `value`. @default null */\n defaultValue?: string | null;\n /** Fires once both date and time are set, with 'YYYY-MM-DDTHH:mm' (an incomplete half never commits). */\n onChange?: (value: string) => void;\n /** Trigger text shown when no value is picked. @default 'Pick date & time' */\n placeholder?: string;\n /** IANA timezone (e.g. 'Europe/Riga') - display context, shown in the footer. */\n timezone?: string;\n /** Lower bound - 'YYYY-MM-DD' or 'YYYY-MM-DDTHH:mm', inclusive. */\n min?: string;\n /** Upper bound - 'YYYY-MM-DD' or 'YYYY-MM-DDTHH:mm', inclusive. */\n max?: string;\n /** Time display only; storage stays 24h. Default '24h'. */\n format?: '24h' | '12h';\n /** ↑/↓ step granularity in minutes (typing is exact). Default 5. */\n minuteStep?: number;\n}\n\nexport function DateTimeField({\n value,\n defaultValue = null,\n onChange,\n label,\n placeholder = 'Pick date & time',\n timezone,\n min,\n max,\n format = '24h',\n minuteStep = 5,\n required = false,\n invalid = false,\n message,\n disabled = false,\n className = '',\n htmlProps,\n activateOn = 'pointerdown',\n animation,\n}: DateTimeFieldProps) {\n const [val, commit] = useControllable<string | null>(\n value,\n defaultValue,\n onChange as ((next: string | null) => void) | undefined,\n );\n const parts = dttfSplit(val);\n\n const [pickerOpen, setPickerOpen] = useState(false);\n const [pendDate, setPendDate] = useState<string | null>(null);\n const [pendTime, setPendTime] = useState<string | null>(null);\n useEffect(() => {\n setPendDate(null);\n setPendTime(null);\n }, [val]);\n\n const date = pendDate != null ? pendDate : parts.date;\n const time = pendTime != null ? pendTime : parts.time;\n\n const minL = dttfSplit(min);\n const maxL = dttfSplit(max);\n const minTime = date && date === minL.date ? minL.time : null;\n const maxTime = date && date === maxL.date ? maxL.time : null;\n\n function commitIf(d: string | null, t: string | null) {\n if (!d || !t) return;\n let tt = t;\n if (minL.time && d === minL.date && tt < minL.time) tt = minL.time;\n if (maxL.time && d === maxL.date && tt > maxL.time) tt = maxL.time;\n if (tt !== t) setPendTime(tt);\n const next = d + 'T' + tt;\n if (next !== val) commit(next);\n }\n function handleDate(d: string) {\n setPendDate(d);\n commitIf(d, time);\n }\n function handleTime(t: string) {\n setPendTime(t);\n commitIf(date, t);\n }\n\n const display = date ? displayDay(date) + ', ' + (time ? displayTime(time, format) : '--:--') : null;\n const trigger = <FieldTrigger display={display} placeholder={placeholder} disabled={disabled} />;\n\n return (\n <FieldShell\n variant=\"dtf\"\n label={label}\n required={required}\n invalid={invalid}\n message={message}\n icon=\"calendar\"\n className={className}\n htmlProps={htmlProps}\n >\n <Popover\n trigger={trigger}\n side=\"bottom\"\n align=\"start\"\n activateOn={activateOn}\n animation={animation}\n open={pickerOpen}\n onOpenChange={setPickerOpen}\n >\n <DtpPanel\n val={date}\n commit={handleDate}\n close={() => setPickerOpen(false)}\n min={minL.date}\n max={maxL.date}\n timezone={timezone}\n label={label}\n activateOn={activateOn}\n slot={\n <div className=\"dtp__time\">\n <span className=\"dtp__timeLabel\">Time</span>\n <span className=\"dtp__timeHint\" aria-hidden=\"true\">\n <kbd>↑</kbd>\n <kbd>↓</kbd>\n </span>\n <TimeSegments\n value={time}\n onCommit={handleTime}\n format={format}\n minuteStep={minuteStep}\n min={minTime}\n max={maxTime}\n ariaLabel=\"Time\"\n />\n </div>\n }\n />\n </Popover>\n </FieldShell>\n );\n}\n"]}
|