@passui/react 0.1.47 → 0.2.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 +29 -109
- package/THIRD_PARTY_NOTICES.md +29 -0
- package/dist/accordion.d.ts +15 -0
- package/dist/accordion.js +93 -0
- package/dist/alert-dialog.d.ts +26 -0
- package/dist/alert-dialog.js +142 -0
- package/dist/alert.d.ts +10 -0
- package/dist/alert.js +28 -0
- package/dist/{types/src/components/ambient/ambient.d.ts → ambient.d.ts} +4 -4
- package/dist/ambient.js +22 -0
- package/dist/{types/src/appearance → appearance}/platform.d.ts +3 -3
- package/dist/appearance/platform.js +43 -0
- package/dist/appearance/theme.d.ts +71 -0
- package/dist/appearance/theme.js +236 -0
- package/dist/appearance.d.ts +3 -0
- package/dist/appearance.js +3 -0
- package/dist/{types/src/components/aspect-ratio/aspect-ratio.d.ts → aspect-ratio.d.ts} +4 -4
- package/dist/aspect-ratio.js +17 -0
- package/dist/avatar.d.ts +5 -0
- package/dist/avatar.js +43 -0
- package/dist/badge.d.ts +8 -0
- package/dist/badge.js +21 -0
- package/dist/breadcrumb.d.ts +13 -0
- package/dist/breadcrumb.js +63 -0
- package/dist/button-group.d.ts +5 -0
- package/dist/button-group.js +14 -0
- package/dist/button.d.ts +21 -0
- package/dist/button.js +58 -0
- package/dist/calendar.d.ts +35 -0
- package/dist/calendar.js +225 -0
- package/dist/card.d.ts +9 -0
- package/dist/card.js +54 -0
- package/dist/chart.d.ts +30 -0
- package/dist/chart.js +226 -0
- package/dist/checkbox.d.ts +13 -0
- package/dist/checkbox.js +53 -0
- package/dist/{types/src/lib/clipboard.d.ts → clipboard.d.ts} +1 -1
- package/dist/clipboard.js +16 -0
- package/dist/cn.d.ts +2 -0
- package/dist/cn.js +10 -0
- package/dist/code-block.d.ts +34 -0
- package/dist/code-block.js +87 -0
- package/dist/collapsible.d.ts +13 -0
- package/dist/collapsible.js +49 -0
- package/dist/combobox.d.ts +25 -0
- package/dist/combobox.js +112 -0
- package/dist/command.d.ts +22 -0
- package/dist/command.js +129 -0
- package/dist/components/toast/toast-store.d.ts +60 -0
- package/dist/components/toast/toast-store.js +96 -0
- package/dist/{types/src/components → components}/toast/toaster.d.ts +4 -4
- package/dist/components/toast/toaster.js +345 -0
- package/dist/context-menu.d.ts +2 -0
- package/dist/context-menu.js +2 -0
- package/dist/conversation.d.ts +48 -0
- package/dist/conversation.js +202 -0
- package/dist/date-time-picker.d.ts +50 -0
- package/dist/date-time-picker.js +235 -0
- package/dist/date.d.ts +50 -0
- package/dist/date.js +77 -0
- package/dist/dialog.d.ts +21 -0
- package/dist/dialog.js +113 -0
- package/dist/drawer.d.ts +30 -0
- package/dist/drawer.js +140 -0
- package/dist/dropdown-menu.d.ts +56 -0
- package/dist/dropdown-menu.js +295 -0
- package/dist/empty.d.ts +11 -0
- package/dist/empty.js +51 -0
- package/dist/field.d.ts +16 -0
- package/dist/field.js +47 -0
- package/{src/hooks/scroll/minimize-decision.ts → dist/hooks/scroll/minimize-decision.js} +3 -5
- package/dist/{types/src/hooks → hooks}/use-anchored-placement.d.ts +2 -2
- package/dist/hooks/use-anchored-placement.js +33 -0
- package/dist/{types/src/hooks → hooks}/use-minimize-on-scroll.d.ts +1 -1
- package/dist/hooks/use-minimize-on-scroll.js +59 -0
- package/dist/{types/src/hooks → hooks}/use-visual-viewport.d.ts +2 -2
- package/{src/hooks/use-visual-viewport.ts → dist/hooks/use-visual-viewport.js} +20 -35
- package/dist/hooks/viewport/types.d.ts +7 -0
- package/dist/hooks/viewport/viewport-metrics.js +13 -0
- package/dist/index.d.ts +84 -0
- package/dist/index.js +80 -0
- package/dist/input-group.d.ts +17 -0
- package/dist/input-group.js +55 -0
- package/dist/input-otp.d.ts +13 -0
- package/dist/input-otp.js +36 -0
- package/dist/input.d.ts +4 -0
- package/dist/input.js +14 -0
- package/dist/item.d.ts +49 -0
- package/dist/item.js +142 -0
- package/dist/kbd.d.ts +4 -0
- package/dist/kbd.js +86 -0
- package/dist/label.d.ts +3 -0
- package/dist/label.js +12 -0
- package/dist/labeled-content.d.ts +24 -0
- package/dist/labeled-content.js +41 -0
- package/dist/{types/src/lib/language.d.ts → language.d.ts} +1 -1
- package/dist/language.js +11 -0
- package/dist/layout.d.ts +24 -0
- package/dist/layout.js +36 -0
- package/dist/{types/src/lib → lib}/anchored-placement.d.ts +27 -27
- package/dist/lib/anchored-placement.js +42 -0
- package/dist/lib/calendar-month.js +90 -0
- package/dist/lib/cx.js +6 -0
- package/dist/lib/drawer.math.js +29 -0
- package/dist/lib/floating-layers.d.ts +3 -0
- package/dist/lib/floating-layers.js +25 -0
- package/dist/{types/src/lib → lib}/haptics.d.ts +1 -1
- package/dist/lib/haptics.js +13 -0
- package/dist/lib/liquid-step.js +33 -0
- package/dist/lib/page-scale.js +58 -0
- package/dist/lib/portal.js +12 -0
- package/dist/lib/presence.js +53 -0
- package/dist/lib/range-value.js +25 -0
- package/dist/lib/render.d.ts +8 -0
- package/dist/lib/render.js +42 -0
- package/dist/lib/rolling-digit.js +83 -0
- package/dist/{types/src/lib → lib}/screen-edges.d.ts +5 -5
- package/dist/lib/screen-edges.js +30 -0
- package/dist/lib/swipe-touch-action.js +34 -0
- package/dist/lib/visual-viewport.js +27 -0
- package/dist/lib/water-drop.js +412 -0
- package/dist/lib/wheel.js +125 -0
- package/dist/list.d.ts +26 -0
- package/dist/list.js +80 -0
- package/dist/locales.d.ts +18 -0
- package/dist/locales.js +36 -0
- package/dist/marker.d.ts +13 -0
- package/dist/marker.js +33 -0
- package/dist/motion/transitions.d.ts +170 -0
- package/dist/motion/transitions.js +156 -0
- package/dist/pagination.d.ts +30 -0
- package/dist/pagination.js +117 -0
- package/dist/popover.d.ts +26 -0
- package/dist/popover.js +101 -0
- package/dist/progress.d.ts +9 -0
- package/dist/progress.js +24 -0
- package/dist/questionnaire.d.ts +46 -0
- package/dist/questionnaire.js +133 -0
- package/dist/radio-group.d.ts +21 -0
- package/dist/radio-group.js +67 -0
- package/dist/search-field.d.ts +18 -0
- package/dist/search-field.js +45 -0
- package/dist/segmented-control.d.ts +16 -0
- package/dist/segmented-control.js +25 -0
- package/dist/select.d.ts +24 -0
- package/dist/select.js +107 -0
- package/dist/separator.d.ts +9 -0
- package/dist/separator.js +17 -0
- package/dist/{types/src/lib/shapes.d.ts → shapes.d.ts} +2 -2
- package/dist/shapes.js +65 -0
- package/dist/sheet.d.ts +24 -0
- package/dist/sheet.js +141 -0
- package/dist/sidebar.d.ts +32 -0
- package/dist/sidebar.js +85 -0
- package/dist/skeleton.d.ts +3 -0
- package/dist/skeleton.js +13 -0
- package/dist/slider.d.ts +9 -0
- package/dist/slider.js +42 -0
- package/dist/slosh-slider.d.ts +21 -0
- package/dist/slosh-slider.js +205 -0
- package/dist/spinner.d.ts +3 -0
- package/dist/spinner.js +20 -0
- package/dist/stat-tile.d.ts +20 -0
- package/dist/stat-tile.js +53 -0
- package/dist/stepper.d.ts +22 -0
- package/dist/stepper.js +98 -0
- package/dist/swatch-picker.d.ts +22 -0
- package/dist/swatch-picker.js +70 -0
- package/dist/switch.d.ts +10 -0
- package/dist/switch.js +44 -0
- package/dist/tab-bar.d.ts +15 -0
- package/dist/tab-bar.js +34 -0
- package/dist/{types/src/components/table/table.d.ts → table.d.ts} +3 -3
- package/dist/table.js +93 -0
- package/dist/tabs.d.ts +32 -0
- package/dist/tabs.js +131 -0
- package/dist/text.d.ts +25 -0
- package/dist/text.js +44 -0
- package/dist/textarea.d.ts +3 -0
- package/dist/textarea.js +13 -0
- package/dist/toast.d.ts +3 -0
- package/dist/toast.js +3 -0
- package/dist/toggle-group.d.ts +20 -0
- package/dist/toggle-group.js +68 -0
- package/dist/toggle.d.ts +24 -0
- package/dist/toggle.js +37 -0
- package/dist/tokens.d.ts +1 -0
- package/dist/tooltip.d.ts +21 -0
- package/dist/tooltip.js +61 -0
- package/dist/trace.d.ts +14 -0
- package/dist/trace.js +54 -0
- package/dist/{types/src/hooks/use-dismiss.d.ts → use-dismiss.d.ts} +3 -3
- package/dist/use-dismiss.js +38 -0
- package/dist/{types/src/hooks/use-media-query.d.ts → use-media-query.d.ts} +12 -12
- package/dist/use-media-query.js +56 -0
- package/dist/use-os.d.ts +12 -0
- package/dist/use-os.js +17 -0
- package/dist/wake-slider.d.ts +15 -0
- package/dist/wake-slider.js +174 -0
- package/package.json +122 -253
- package/src/styles/code-block.css +4 -0
- package/src/styles/globals.css +5 -0
- package/src/styles/motion-controls.css +10 -0
- package/src/styles/page-scale.css +27 -0
- package/src/styles/styles.css +4 -2
- package/dist/types/src/appearance/index.d.ts +0 -2
- package/dist/types/src/appearance/theme.d.ts +0 -71
- package/dist/types/src/components/accordion/accordion.d.ts +0 -23
- package/dist/types/src/components/ambient/index.d.ts +0 -1
- package/dist/types/src/components/breadcrumb/breadcrumb.d.ts +0 -19
- package/dist/types/src/components/button/button-styles.d.ts +0 -12
- package/dist/types/src/components/button/button.d.ts +0 -32
- package/dist/types/src/components/button/icon-button.d.ts +0 -10
- package/dist/types/src/components/button/pending-spinner.d.ts +0 -5
- package/dist/types/src/components/button/use-pending-indicator.d.ts +0 -2
- package/dist/types/src/components/chip/chip.d.ts +0 -10
- package/dist/types/src/components/code-block/code-block.d.ts +0 -13
- package/dist/types/src/components/combo-box/combo-box.d.ts +0 -9
- package/dist/types/src/components/command/command.d.ts +0 -18
- package/dist/types/src/components/compact-date-picker/calendar-month.d.ts +0 -25
- package/dist/types/src/components/compact-date-picker/compact-date-picker.d.ts +0 -30
- package/dist/types/src/components/compact-time-picker/compact-time-picker.d.ts +0 -29
- package/dist/types/src/components/compact-time-picker/time-value.d.ts +0 -18
- package/dist/types/src/components/content-unavailable-view/content-unavailable-view.d.ts +0 -12
- package/dist/types/src/components/content-view/content-view.d.ts +0 -51
- package/dist/types/src/components/content-view/index.d.ts +0 -1
- package/dist/types/src/components/context-menu/conceal-menu-source.d.ts +0 -2
- package/dist/types/src/components/context-menu/context-menu-host.d.ts +0 -2
- package/dist/types/src/components/context-menu/context-menu-store.d.ts +0 -62
- package/dist/types/src/components/context-menu/menu-navigation.d.ts +0 -6
- package/dist/types/src/components/context-menu/menu-position.d.ts +0 -21
- package/dist/types/src/components/context-menu/menu-reveal.d.ts +0 -26
- package/dist/types/src/components/context-menu/use-context-menu.d.ts +0 -14
- package/dist/types/src/components/conversation/conversation.d.ts +0 -48
- package/dist/types/src/components/conversation/index.d.ts +0 -1
- package/dist/types/src/components/date-picker/date-picker.d.ts +0 -19
- package/dist/types/src/components/date-picker/date-value.d.ts +0 -2
- package/dist/types/src/components/dialog/dialog-host.d.ts +0 -6
- package/dist/types/src/components/dialog/dialog-store.d.ts +0 -23
- package/dist/types/src/components/dialog/dialog.d.ts +0 -33
- package/dist/types/src/components/dialog/index.d.ts +0 -1
- package/dist/types/src/components/disclosure-group/disclosure-group.d.ts +0 -18
- package/dist/types/src/components/divider/divider.d.ts +0 -9
- package/dist/types/src/components/inline-disclosure/inline-disclosure.d.ts +0 -15
- package/dist/types/src/components/keyboard-shortcut/keyboard-shortcut.d.ts +0 -8
- package/dist/types/src/components/labeled-content/labeled-content.d.ts +0 -22
- package/dist/types/src/components/locale-switcher/index.d.ts +0 -1
- package/dist/types/src/components/locale-switcher/locale-switcher.d.ts +0 -13
- package/dist/types/src/components/menu/menu.d.ts +0 -16
- package/dist/types/src/components/morph/index.d.ts +0 -2
- package/dist/types/src/components/morph/morph.d.ts +0 -32
- package/dist/types/src/components/morph/use-morph-disclosure.d.ts +0 -13
- package/dist/types/src/components/one-time-code/one-time-code.d.ts +0 -26
- package/dist/types/src/components/picker/picker-trigger.d.ts +0 -3
- package/dist/types/src/components/picker/picker.d.ts +0 -46
- package/dist/types/src/components/popover/anchored-surface.d.ts +0 -17
- package/dist/types/src/components/popover/index.d.ts +0 -41
- package/dist/types/src/components/popover/popover-content.d.ts +0 -38
- package/dist/types/src/components/popover/popover-root.d.ts +0 -22
- package/dist/types/src/components/popover/popover-trigger.d.ts +0 -23
- package/dist/types/src/components/profile-image/profile-image.d.ts +0 -9
- package/dist/types/src/components/progress-view/progress-view.d.ts +0 -13
- package/dist/types/src/components/progress-view/use-liquid-progress.d.ts +0 -3
- package/dist/types/src/components/radio-group/radio-group.d.ts +0 -20
- package/dist/types/src/components/search-field/expanding-search-field.d.ts +0 -5
- package/dist/types/src/components/search-field/search-field.d.ts +0 -9
- package/dist/types/src/components/search-list/search-list.d.ts +0 -22
- package/dist/types/src/components/section/section.d.ts +0 -18
- package/dist/types/src/components/secure-field/secure-field.d.ts +0 -4
- package/dist/types/src/components/segmented-control/segmented-control.d.ts +0 -25
- package/dist/types/src/components/sheet/modal-environment.d.ts +0 -2
- package/dist/types/src/components/sheet/sheet-portal.d.ts +0 -5
- package/dist/types/src/components/sheet/sheet.d.ts +0 -26
- package/dist/types/src/components/sheet/use-sheet-focus.d.ts +0 -3
- package/dist/types/src/components/sidebar/sidebar.d.ts +0 -24
- package/dist/types/src/components/skeleton/skeleton.d.ts +0 -9
- package/dist/types/src/components/slider/slider.d.ts +0 -17
- package/dist/types/src/components/slosh-slider/liquid-step.d.ts +0 -6
- package/dist/types/src/components/slosh-slider/slosh-slider.d.ts +0 -21
- package/dist/types/src/components/stat-tile/index.d.ts +0 -1
- package/dist/types/src/components/stat-tile/stat-tile.d.ts +0 -20
- package/dist/types/src/components/status-indicator/status-indicator.d.ts +0 -17
- package/dist/types/src/components/stepper/rolling-digit.d.ts +0 -11
- package/dist/types/src/components/stepper/stepper.d.ts +0 -22
- package/dist/types/src/components/swatch-picker/swatch-picker.d.ts +0 -22
- package/dist/types/src/components/tab-bar/tab-bar.d.ts +0 -43
- package/dist/types/src/components/tab-view/tab-view.d.ts +0 -27
- package/dist/types/src/components/text-editor/text-editor.d.ts +0 -9
- package/dist/types/src/components/text-field/text-field.d.ts +0 -33
- package/dist/types/src/components/toast/toast-store.d.ts +0 -52
- package/dist/types/src/components/toggle/toggle.d.ts +0 -22
- package/dist/types/src/components/tooltip/tooltip-host.d.ts +0 -7
- package/dist/types/src/components/view-controller/index.d.ts +0 -1
- package/dist/types/src/components/view-controller/view-controller.d.ts +0 -21
- package/dist/types/src/components/wake-slider/wake-slider.d.ts +0 -15
- package/dist/types/src/hooks/scroll/minimize-decision.d.ts +0 -2
- package/dist/types/src/hooks/use-anchored-disclosure.d.ts +0 -9
- package/dist/types/src/hooks/use-floating-dismiss.d.ts +0 -3
- package/dist/types/src/hooks/viewport/types.d.ts +0 -19
- package/dist/types/src/hooks/viewport/viewport-metrics.d.ts +0 -3
- package/dist/types/src/icons/icons.d.ts +0 -616
- package/dist/types/src/index.d.ts +0 -73
- package/dist/types/src/lib/class-names.d.ts +0 -2
- package/dist/types/src/lib/date.d.ts +0 -50
- package/dist/types/src/lib/floating-layers.d.ts +0 -8
- package/dist/types/src/lib/range-value.d.ts +0 -4
- package/dist/types/src/machines/popover.machine.d.ts +0 -30
- package/dist/types/src/motion/transitions.d.ts +0 -170
- package/src/appearance/index.ts +0 -2
- package/src/appearance/platform.tsx +0 -102
- package/src/appearance/theme.tsx +0 -467
- package/src/components/accordion/accordion.tsx +0 -70
- package/src/components/ambient/ambient.tsx +0 -35
- package/src/components/ambient/index.ts +0 -1
- package/src/components/aspect-ratio/aspect-ratio.tsx +0 -27
- package/src/components/breadcrumb/breadcrumb.tsx +0 -73
- package/src/components/button/button-styles.ts +0 -49
- package/src/components/button/button.tsx +0 -107
- package/src/components/button/icon-button.tsx +0 -33
- package/src/components/button/pending-spinner.tsx +0 -14
- package/src/components/button/use-pending-indicator.ts +0 -22
- package/src/components/chip/chip.tsx +0 -45
- package/src/components/code-block/code-block.tsx +0 -48
- package/src/components/combo-box/combo-box.tsx +0 -13
- package/src/components/command/command.tsx +0 -149
- package/src/components/compact-date-picker/calendar-month.ts +0 -109
- package/src/components/compact-date-picker/compact-date-picker.tsx +0 -337
- package/src/components/compact-time-picker/compact-time-picker.tsx +0 -321
- package/src/components/compact-time-picker/time-value.ts +0 -58
- package/src/components/content-unavailable-view/content-unavailable-view.tsx +0 -78
- package/src/components/content-view/content-view.tsx +0 -215
- package/src/components/content-view/index.ts +0 -1
- package/src/components/context-menu/conceal-menu-source.ts +0 -30
- package/src/components/context-menu/context-menu-host.tsx +0 -459
- package/src/components/context-menu/context-menu-store.ts +0 -167
- package/src/components/context-menu/menu-navigation.ts +0 -36
- package/src/components/context-menu/menu-position.ts +0 -38
- package/src/components/context-menu/menu-reveal.ts +0 -42
- package/src/components/context-menu/use-context-menu.ts +0 -73
- package/src/components/conversation/conversation.tsx +0 -309
- package/src/components/conversation/index.ts +0 -1
- package/src/components/date-picker/date-picker.tsx +0 -106
- package/src/components/date-picker/date-value.ts +0 -22
- package/src/components/dialog/dialog-host.tsx +0 -119
- package/src/components/dialog/dialog-store.ts +0 -66
- package/src/components/dialog/dialog.tsx +0 -211
- package/src/components/dialog/index.ts +0 -1
- package/src/components/disclosure-group/disclosure-group.tsx +0 -108
- package/src/components/divider/divider.tsx +0 -33
- package/src/components/inline-disclosure/inline-disclosure.tsx +0 -53
- package/src/components/keyboard-shortcut/keyboard-shortcut.tsx +0 -32
- package/src/components/labeled-content/labeled-content.tsx +0 -84
- package/src/components/locale-switcher/index.ts +0 -1
- package/src/components/locale-switcher/locale-switcher.tsx +0 -310
- package/src/components/menu/menu.tsx +0 -85
- package/src/components/morph/index.ts +0 -2
- package/src/components/morph/morph.tsx +0 -258
- package/src/components/morph/use-morph-disclosure.ts +0 -27
- package/src/components/one-time-code/one-time-code.tsx +0 -234
- package/src/components/picker/picker-trigger.ts +0 -22
- package/src/components/picker/picker.tsx +0 -404
- package/src/components/popover/anchored-surface.tsx +0 -264
- package/src/components/popover/index.ts +0 -50
- package/src/components/popover/popover-content.tsx +0 -374
- package/src/components/popover/popover-root.tsx +0 -97
- package/src/components/popover/popover-trigger.tsx +0 -71
- package/src/components/profile-image/profile-image.tsx +0 -96
- package/src/components/progress-view/progress-view.tsx +0 -72
- package/src/components/progress-view/use-liquid-progress.ts +0 -43
- package/src/components/radio-group/radio-group.tsx +0 -86
- package/src/components/search-field/expanding-search-field.tsx +0 -197
- package/src/components/search-field/search-field.tsx +0 -66
- package/src/components/search-list/search-list.tsx +0 -276
- package/src/components/section/section.tsx +0 -75
- package/src/components/secure-field/secure-field.tsx +0 -8
- package/src/components/segmented-control/segmented-control.tsx +0 -157
- package/src/components/sheet/modal-environment.ts +0 -82
- package/src/components/sheet/sheet-portal.tsx +0 -62
- package/src/components/sheet/sheet.tsx +0 -165
- package/src/components/sheet/use-sheet-focus.ts +0 -109
- package/src/components/sidebar/sidebar.tsx +0 -102
- package/src/components/skeleton/skeleton.tsx +0 -38
- package/src/components/slider/slider.tsx +0 -134
- package/src/components/slosh-slider/liquid-step.ts +0 -43
- package/src/components/slosh-slider/slosh-slider.tsx +0 -294
- package/src/components/stat-tile/index.ts +0 -1
- package/src/components/stat-tile/stat-tile.tsx +0 -90
- package/src/components/status-indicator/status-indicator.tsx +0 -54
- package/src/components/stepper/rolling-digit.tsx +0 -91
- package/src/components/stepper/stepper.tsx +0 -136
- package/src/components/swatch-picker/swatch-picker.tsx +0 -138
- package/src/components/tab-bar/tab-bar.tsx +0 -182
- package/src/components/tab-view/tab-view.tsx +0 -155
- package/src/components/table/table.tsx +0 -151
- package/src/components/text-editor/text-editor.tsx +0 -42
- package/src/components/text-field/text-field.tsx +0 -200
- package/src/components/toast/toast-store.ts +0 -164
- package/src/components/toast/toaster.tsx +0 -407
- package/src/components/toggle/toggle.tsx +0 -320
- package/src/components/tooltip/tooltip-host.tsx +0 -178
- package/src/components/view-controller/index.ts +0 -1
- package/src/components/view-controller/view-controller.tsx +0 -75
- package/src/components/wake-slider/wake-slider.tsx +0 -260
- package/src/hooks/use-anchored-disclosure.ts +0 -23
- package/src/hooks/use-anchored-placement.ts +0 -40
- package/src/hooks/use-dismiss.ts +0 -44
- package/src/hooks/use-floating-dismiss.ts +0 -30
- package/src/hooks/use-media-query.ts +0 -94
- package/src/hooks/use-minimize-on-scroll.ts +0 -77
- package/src/hooks/viewport/types.ts +0 -19
- package/src/hooks/viewport/viewport-metrics.ts +0 -19
- package/src/icons/icons.tsx +0 -458
- package/src/index.ts +0 -107
- package/src/lib/anchored-placement.ts +0 -91
- package/src/lib/class-names.ts +0 -21
- package/src/lib/clipboard.ts +0 -15
- package/src/lib/date.ts +0 -86
- package/src/lib/floating-layers.ts +0 -53
- package/src/lib/haptics.ts +0 -23
- package/src/lib/language.ts +0 -16
- package/src/lib/range-value.ts +0 -38
- package/src/lib/screen-edges.ts +0 -44
- package/src/lib/shapes.ts +0 -59
- package/src/machines/popover.machine.ts +0 -51
- package/src/motion/transitions.ts +0 -97
- package/src/tokens.ts +0 -1
- /package/dist/{types/src/tokens.d.ts → tokens.js} +0 -0
package/src/icons/icons.tsx
DELETED
|
@@ -1,458 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
LanguagesIcon,
|
|
3
|
-
Loading03Icon,
|
|
4
|
-
Logout01Icon,
|
|
5
|
-
MoreVertical,
|
|
6
|
-
SentIcon,
|
|
7
|
-
InboxIcon as InboxGlyph,
|
|
8
|
-
LaptopIcon as LaptopGlyph,
|
|
9
|
-
SmartPhone01Icon,
|
|
10
|
-
Tablet01Icon,
|
|
11
|
-
Home01Icon,
|
|
12
|
-
LibraryIcon as LibraryGlyph,
|
|
13
|
-
UserIcon,
|
|
14
|
-
Analytics01Icon,
|
|
15
|
-
CustomerSupportIcon,
|
|
16
|
-
Key01Icon,
|
|
17
|
-
LockPasswordIcon,
|
|
18
|
-
Add01Icon,
|
|
19
|
-
AiMagicIcon,
|
|
20
|
-
AlarmClockIcon,
|
|
21
|
-
Alert02Icon,
|
|
22
|
-
Archive01Icon,
|
|
23
|
-
ArrowDown01Icon,
|
|
24
|
-
ArrowLeft01Icon,
|
|
25
|
-
ArrowRight01Icon,
|
|
26
|
-
ArrowUp01Icon,
|
|
27
|
-
BirthdayCakeIcon,
|
|
28
|
-
Bookmark02Icon,
|
|
29
|
-
Book02Icon,
|
|
30
|
-
BookOpen01Icon,
|
|
31
|
-
BubbleChatIcon,
|
|
32
|
-
Calendar03Icon,
|
|
33
|
-
Camera01Icon,
|
|
34
|
-
Cancel01Icon,
|
|
35
|
-
CheckListIcon,
|
|
36
|
-
CheckmarkBadge01Icon,
|
|
37
|
-
CheckmarkCircle02Icon,
|
|
38
|
-
Clock01Icon,
|
|
39
|
-
Comment01Icon,
|
|
40
|
-
Copy01Icon,
|
|
41
|
-
Cursor01Icon,
|
|
42
|
-
Delete02Icon,
|
|
43
|
-
Download01Icon,
|
|
44
|
-
DragDropVerticalIcon,
|
|
45
|
-
Eraser01Icon,
|
|
46
|
-
FavouriteIcon,
|
|
47
|
-
Folder01Icon,
|
|
48
|
-
FileImportIcon,
|
|
49
|
-
FullScreenIcon,
|
|
50
|
-
Globe02Icon,
|
|
51
|
-
GoBackward15SecIcon,
|
|
52
|
-
GoForward30SecIcon,
|
|
53
|
-
CanvasIcon as HugeCanvasIcon,
|
|
54
|
-
HeadphonesIcon as HugeHeadphonesIcon,
|
|
55
|
-
HighlighterIcon as HugeHighlighterIcon,
|
|
56
|
-
PauseIcon as HugePauseIcon,
|
|
57
|
-
PlayIcon as HugePlayIcon,
|
|
58
|
-
RedoIcon as HugeRedoIcon,
|
|
59
|
-
RepeatIcon as HugeRepeatIcon,
|
|
60
|
-
StarIcon as HugeStarIcon,
|
|
61
|
-
ThumbsUpIcon as HugeThumbsUpIcon,
|
|
62
|
-
UndoIcon as HugeUndoIcon,
|
|
63
|
-
Image01Icon,
|
|
64
|
-
InformationCircleIcon,
|
|
65
|
-
Invoice03Icon,
|
|
66
|
-
LayoutGridIcon,
|
|
67
|
-
LeftToRightListBulletIcon,
|
|
68
|
-
Link01Icon,
|
|
69
|
-
Location01Icon,
|
|
70
|
-
LockIcon as LockIconSvg,
|
|
71
|
-
Mic01Icon,
|
|
72
|
-
Menu01Icon,
|
|
73
|
-
Mail01Icon,
|
|
74
|
-
MailReply01Icon,
|
|
75
|
-
Moon02Icon,
|
|
76
|
-
MoreHorizontalIcon,
|
|
77
|
-
Mortarboard01Icon,
|
|
78
|
-
NextIcon,
|
|
79
|
-
NfcIcon,
|
|
80
|
-
Note01Icon,
|
|
81
|
-
NotebookIcon,
|
|
82
|
-
Notification03Icon,
|
|
83
|
-
PaintBrush02Icon,
|
|
84
|
-
PanelLeftIcon,
|
|
85
|
-
PencilEdit02Icon,
|
|
86
|
-
PencilIcon,
|
|
87
|
-
Pin02Icon,
|
|
88
|
-
PreviousIcon,
|
|
89
|
-
PrinterIcon,
|
|
90
|
-
QrCodeIcon,
|
|
91
|
-
QuillWrite02Icon,
|
|
92
|
-
ScanIcon,
|
|
93
|
-
Search01Icon,
|
|
94
|
-
SearchAddIcon,
|
|
95
|
-
Settings02Icon,
|
|
96
|
-
Share08Icon,
|
|
97
|
-
Store01Icon,
|
|
98
|
-
Task01Icon,
|
|
99
|
-
TextAlignCenterIcon,
|
|
100
|
-
TextAlignLeftIcon,
|
|
101
|
-
TextBoldIcon,
|
|
102
|
-
TextItalicIcon,
|
|
103
|
-
TextUnderlineIcon,
|
|
104
|
-
Tick02Icon,
|
|
105
|
-
Time04Icon,
|
|
106
|
-
Touch01Icon,
|
|
107
|
-
UnfoldMoreIcon,
|
|
108
|
-
UserAdd01Icon,
|
|
109
|
-
UserMultipleIcon,
|
|
110
|
-
ViewIcon,
|
|
111
|
-
ViewOffSlashIcon,
|
|
112
|
-
Wallet01Icon,
|
|
113
|
-
} from "@hugeicons/core-free-icons";
|
|
114
|
-
import { HugeiconsIcon, type IconSvgElement } from "@hugeicons/react";
|
|
115
|
-
import {
|
|
116
|
-
Analytics01Icon as CatalogAnalyticsGlyph,
|
|
117
|
-
Calendar03Icon as CatalogCalendarGlyph,
|
|
118
|
-
Clock01Icon as CatalogClockGlyph,
|
|
119
|
-
ColorsIcon as CatalogColorsGlyph,
|
|
120
|
-
InputTextIcon as CatalogInputTextGlyph,
|
|
121
|
-
LabelIcon as CatalogLabelGlyph,
|
|
122
|
-
LayoutTwoColumnIcon as CatalogColumnsGlyph,
|
|
123
|
-
ListViewIcon as CatalogListGlyph,
|
|
124
|
-
LockPasswordIcon as CatalogPasswordGlyph,
|
|
125
|
-
Search01Icon as CatalogSearchGlyph,
|
|
126
|
-
SearchList01Icon as CatalogSearchListGlyph,
|
|
127
|
-
Settings02Icon as CatalogSettingsGlyph,
|
|
128
|
-
StatusIcon as CatalogStatusGlyph,
|
|
129
|
-
Tag01Icon as CatalogTagGlyph,
|
|
130
|
-
Tap01Icon as CatalogTapGlyph,
|
|
131
|
-
TextAlignLeftIcon as CatalogTextGlyph,
|
|
132
|
-
ToggleOnIcon as CatalogToggleGlyph,
|
|
133
|
-
UnfoldMoreIcon as CatalogUnfoldGlyph,
|
|
134
|
-
UserCircleIcon as CatalogUserGlyph,
|
|
135
|
-
LayoutTopIcon as CatalogLayoutTopGlyph,
|
|
136
|
-
LayoutBottomIcon as CatalogLayoutBottomGlyph,
|
|
137
|
-
SidebarLeftIcon as CatalogSidebarGlyph,
|
|
138
|
-
BrowserIcon as CatalogBrowserGlyph,
|
|
139
|
-
Table01Icon as CatalogTableGlyph,
|
|
140
|
-
CardsIcon as CatalogCardsGlyph,
|
|
141
|
-
Message01Icon as CatalogMessageGlyph,
|
|
142
|
-
Sun03Icon as CatalogSunGlyph,
|
|
143
|
-
AlertSquareIcon as CatalogAlertGlyph,
|
|
144
|
-
PanelBottomIcon as CatalogPanelGlyph,
|
|
145
|
-
BubbleChatIcon as CatalogBubbleGlyph,
|
|
146
|
-
Notification03Icon as CatalogNotificationGlyph,
|
|
147
|
-
MenuSquareIcon as CatalogMenuGlyph,
|
|
148
|
-
HelpCircleIcon as CatalogHelpGlyph,
|
|
149
|
-
TranslateIcon as CatalogTranslateGlyph,
|
|
150
|
-
PaintBoardIcon as GuidePaintGlyph,
|
|
151
|
-
TextIcon as GuideTextGlyph,
|
|
152
|
-
Layers01Icon as GuideLayersGlyph,
|
|
153
|
-
ArrowUp02Icon as UploadGlyph,
|
|
154
|
-
PlusSignIcon as AttachGlyph,
|
|
155
|
-
} from "@hugeicons/core-free-icons";
|
|
156
|
-
import type { SVGProps } from "react";
|
|
157
|
-
import { cn } from "../lib/class-names";
|
|
158
|
-
|
|
159
|
-
export type IconProps = Omit<SVGProps<SVGSVGElement>, "ref"> & {
|
|
160
|
-
/** Width and height in CSS pixels. @default 20 */
|
|
161
|
-
size?: number;
|
|
162
|
-
/** Stroke weight shared across Passui icons. @default 1.6 */
|
|
163
|
-
strokeWidth?: number;
|
|
164
|
-
};
|
|
165
|
-
|
|
166
|
-
/** Rounded stroke icons with Passui's default size, weight, and decorative semantics. */
|
|
167
|
-
function icon(svg: IconSvgElement, displayName: string) {
|
|
168
|
-
const Icon = ({ size = 20, strokeWidth = 1.6, ...props }: IconProps) => (
|
|
169
|
-
<HugeiconsIcon
|
|
170
|
-
icon={svg}
|
|
171
|
-
size={size}
|
|
172
|
-
strokeWidth={strokeWidth}
|
|
173
|
-
aria-hidden="true"
|
|
174
|
-
{...props}
|
|
175
|
-
/>
|
|
176
|
-
);
|
|
177
|
-
Icon.displayName = displayName;
|
|
178
|
-
return Icon;
|
|
179
|
-
}
|
|
180
|
-
|
|
181
|
-
/** A filled variant for toggled states (hearted, starred). */
|
|
182
|
-
function toggleIcon(svg: IconSvgElement, displayName: string) {
|
|
183
|
-
const Base = /* @__PURE__ */ icon(svg, displayName);
|
|
184
|
-
const Icon = ({
|
|
185
|
-
filled = false,
|
|
186
|
-
className,
|
|
187
|
-
...props
|
|
188
|
-
}: IconProps & { filled?: boolean }) => (
|
|
189
|
-
<Base
|
|
190
|
-
className={cn(filled && "[&_path]:fill-current", className)}
|
|
191
|
-
{...props}
|
|
192
|
-
/>
|
|
193
|
-
);
|
|
194
|
-
Icon.displayName = displayName;
|
|
195
|
-
return Icon;
|
|
196
|
-
}
|
|
197
|
-
|
|
198
|
-
/** Existing catalog glyphs rendered through PassUI's common icon contract. */
|
|
199
|
-
export const catalogIcons = {
|
|
200
|
-
tap: /* @__PURE__ */ icon(CatalogTapGlyph, "CatalogTapIcon"),
|
|
201
|
-
settings: /* @__PURE__ */ icon(CatalogSettingsGlyph, "CatalogSettingsIcon"),
|
|
202
|
-
tag: /* @__PURE__ */ icon(CatalogTagGlyph, "CatalogTagIcon"),
|
|
203
|
-
input: /* @__PURE__ */ icon(CatalogInputTextGlyph, "CatalogInputIcon"),
|
|
204
|
-
password: /* @__PURE__ */ icon(CatalogPasswordGlyph, "CatalogPasswordIcon"),
|
|
205
|
-
search: /* @__PURE__ */ icon(CatalogSearchGlyph, "CatalogSearchIcon"),
|
|
206
|
-
toggle: /* @__PURE__ */ icon(CatalogToggleGlyph, "CatalogToggleIcon"),
|
|
207
|
-
columns: /* @__PURE__ */ icon(CatalogColumnsGlyph, "CatalogColumnsIcon"),
|
|
208
|
-
unfold: /* @__PURE__ */ icon(CatalogUnfoldGlyph, "CatalogUnfoldIcon"),
|
|
209
|
-
colors: /* @__PURE__ */ icon(CatalogColorsGlyph, "CatalogColorsIcon"),
|
|
210
|
-
calendar: /* @__PURE__ */ icon(CatalogCalendarGlyph, "CatalogCalendarIcon"),
|
|
211
|
-
clock: /* @__PURE__ */ icon(CatalogClockGlyph, "CatalogClockIcon"),
|
|
212
|
-
text: /* @__PURE__ */ icon(CatalogTextGlyph, "CatalogTextIcon"),
|
|
213
|
-
searchList: /* @__PURE__ */ icon(
|
|
214
|
-
CatalogSearchListGlyph,
|
|
215
|
-
"CatalogSearchListIcon",
|
|
216
|
-
),
|
|
217
|
-
list: /* @__PURE__ */ icon(CatalogListGlyph, "CatalogListIcon"),
|
|
218
|
-
label: /* @__PURE__ */ icon(CatalogLabelGlyph, "CatalogLabelIcon"),
|
|
219
|
-
table: /* @__PURE__ */ icon(CatalogTableGlyph, "CatalogTableIcon"),
|
|
220
|
-
cards: /* @__PURE__ */ icon(CatalogCardsGlyph, "CatalogCardsIcon"),
|
|
221
|
-
message: /* @__PURE__ */ icon(CatalogMessageGlyph, "CatalogMessageIcon"),
|
|
222
|
-
sun: /* @__PURE__ */ icon(CatalogSunGlyph, "CatalogSunIcon"),
|
|
223
|
-
status: /* @__PURE__ */ icon(CatalogStatusGlyph, "CatalogStatusIcon"),
|
|
224
|
-
analytics: /* @__PURE__ */ icon(
|
|
225
|
-
CatalogAnalyticsGlyph,
|
|
226
|
-
"CatalogAnalyticsIcon",
|
|
227
|
-
),
|
|
228
|
-
alert: /* @__PURE__ */ icon(CatalogAlertGlyph, "CatalogAlertIcon"),
|
|
229
|
-
panel: /* @__PURE__ */ icon(CatalogPanelGlyph, "CatalogPanelIcon"),
|
|
230
|
-
bubble: /* @__PURE__ */ icon(CatalogBubbleGlyph, "CatalogBubbleIcon"),
|
|
231
|
-
notification: /* @__PURE__ */ icon(
|
|
232
|
-
CatalogNotificationGlyph,
|
|
233
|
-
"CatalogNotificationIcon",
|
|
234
|
-
),
|
|
235
|
-
menu: /* @__PURE__ */ icon(CatalogMenuGlyph, "CatalogMenuIcon"),
|
|
236
|
-
help: /* @__PURE__ */ icon(CatalogHelpGlyph, "CatalogHelpIcon"),
|
|
237
|
-
translate: /* @__PURE__ */ icon(
|
|
238
|
-
CatalogTranslateGlyph,
|
|
239
|
-
"CatalogTranslateIcon",
|
|
240
|
-
),
|
|
241
|
-
layoutTop: /* @__PURE__ */ icon(
|
|
242
|
-
CatalogLayoutTopGlyph,
|
|
243
|
-
"CatalogLayoutTopIcon",
|
|
244
|
-
),
|
|
245
|
-
layoutBottom: /* @__PURE__ */ icon(
|
|
246
|
-
CatalogLayoutBottomGlyph,
|
|
247
|
-
"CatalogLayoutBottomIcon",
|
|
248
|
-
),
|
|
249
|
-
sidebar: /* @__PURE__ */ icon(CatalogSidebarGlyph, "CatalogSidebarIcon"),
|
|
250
|
-
browser: /* @__PURE__ */ icon(CatalogBrowserGlyph, "CatalogBrowserIcon"),
|
|
251
|
-
user: /* @__PURE__ */ icon(CatalogUserGlyph, "CatalogUserIcon"),
|
|
252
|
-
} as const;
|
|
253
|
-
|
|
254
|
-
export const NoteIcon = /* @__PURE__ */ icon(Note01Icon, "NoteIcon");
|
|
255
|
-
export const LanguageIcon = /* @__PURE__ */ icon(LanguagesIcon, "LanguageIcon");
|
|
256
|
-
export const LoadingIcon = /* @__PURE__ */ icon(Loading03Icon, "LoadingIcon");
|
|
257
|
-
export const SignOutIcon = /* @__PURE__ */ icon(Logout01Icon, "SignOutIcon");
|
|
258
|
-
export const MoreVerticalIcon = /* @__PURE__ */ icon(
|
|
259
|
-
MoreVertical,
|
|
260
|
-
"MoreVerticalIcon",
|
|
261
|
-
);
|
|
262
|
-
export const SendIcon = /* @__PURE__ */ icon(SentIcon, "SendIcon");
|
|
263
|
-
export const InboxIcon = /* @__PURE__ */ icon(InboxGlyph, "InboxIcon");
|
|
264
|
-
export const LaptopIcon = /* @__PURE__ */ icon(LaptopGlyph, "LaptopIcon");
|
|
265
|
-
export const SmartphoneIcon = /* @__PURE__ */ icon(
|
|
266
|
-
SmartPhone01Icon,
|
|
267
|
-
"SmartphoneIcon",
|
|
268
|
-
);
|
|
269
|
-
export const TabletIcon = /* @__PURE__ */ icon(Tablet01Icon, "TabletIcon");
|
|
270
|
-
export const HomeIcon = /* @__PURE__ */ icon(Home01Icon, "HomeIcon");
|
|
271
|
-
export const LibraryIcon = /* @__PURE__ */ icon(LibraryGlyph, "LibraryIcon");
|
|
272
|
-
export const PersonIcon = /* @__PURE__ */ icon(UserIcon, "PersonIcon");
|
|
273
|
-
export const ChartIcon = /* @__PURE__ */ icon(Analytics01Icon, "ChartIcon");
|
|
274
|
-
export const SupportIcon = /* @__PURE__ */ icon(
|
|
275
|
-
CustomerSupportIcon,
|
|
276
|
-
"SupportIcon",
|
|
277
|
-
);
|
|
278
|
-
export const KeyIcon = /* @__PURE__ */ icon(Key01Icon, "KeyIcon");
|
|
279
|
-
export const PasswordIcon = /* @__PURE__ */ icon(
|
|
280
|
-
LockPasswordIcon,
|
|
281
|
-
"PasswordIcon",
|
|
282
|
-
);
|
|
283
|
-
export const JournalIcon = /* @__PURE__ */ icon(NotebookIcon, "JournalIcon");
|
|
284
|
-
export const PenIcon = /* @__PURE__ */ icon(PencilEdit02Icon, "PenIcon");
|
|
285
|
-
export const StoryIcon = /* @__PURE__ */ icon(QuillWrite02Icon, "StoryIcon");
|
|
286
|
-
export const BookIcon = /* @__PURE__ */ icon(BookOpen01Icon, "BookIcon");
|
|
287
|
-
export const ArticleIcon = /* @__PURE__ */ icon(Book02Icon, "ArticleIcon");
|
|
288
|
-
export const CanvasIcon = /* @__PURE__ */ icon(HugeCanvasIcon, "CanvasIcon");
|
|
289
|
-
export const LessonIcon = /* @__PURE__ */ icon(Mortarboard01Icon, "LessonIcon");
|
|
290
|
-
export const PlanIcon = /* @__PURE__ */ icon(CheckListIcon, "PlanIcon");
|
|
291
|
-
export const MicIcon = /* @__PURE__ */ icon(Mic01Icon, "MicIcon");
|
|
292
|
-
export const GlobeIcon = /* @__PURE__ */ icon(Globe02Icon, "GlobeIcon");
|
|
293
|
-
export const ChecklistIcon = /* @__PURE__ */ icon(
|
|
294
|
-
CheckmarkCircle02Icon,
|
|
295
|
-
"ChecklistIcon",
|
|
296
|
-
);
|
|
297
|
-
export const DrawIcon = /* @__PURE__ */ icon(PencilIcon, "DrawIcon");
|
|
298
|
-
export const ShareIcon = /* @__PURE__ */ icon(Share08Icon, "ShareIcon");
|
|
299
|
-
export const SearchIcon = /* @__PURE__ */ icon(Search01Icon, "SearchIcon");
|
|
300
|
-
export const ChevronLeftIcon = /* @__PURE__ */ icon(
|
|
301
|
-
ArrowLeft01Icon,
|
|
302
|
-
"ChevronLeftIcon",
|
|
303
|
-
);
|
|
304
|
-
export const ChevronRightIcon = /* @__PURE__ */ icon(
|
|
305
|
-
ArrowRight01Icon,
|
|
306
|
-
"ChevronRightIcon",
|
|
307
|
-
);
|
|
308
|
-
export const ChevronUpIcon = /* @__PURE__ */ icon(
|
|
309
|
-
ArrowUp01Icon,
|
|
310
|
-
"ChevronUpIcon",
|
|
311
|
-
);
|
|
312
|
-
export const ChevronDownIcon = /* @__PURE__ */ icon(
|
|
313
|
-
ArrowDown01Icon,
|
|
314
|
-
"ChevronDownIcon",
|
|
315
|
-
);
|
|
316
|
-
export const CloseIcon = /* @__PURE__ */ icon(Cancel01Icon, "CloseIcon");
|
|
317
|
-
export const MenuIcon = /* @__PURE__ */ icon(Menu01Icon, "MenuIcon");
|
|
318
|
-
export const ThemingIcon = /* @__PURE__ */ icon(GuidePaintGlyph, "ThemingIcon");
|
|
319
|
-
export const TypesetIcon = /* @__PURE__ */ icon(GuideTextGlyph, "TypesetIcon");
|
|
320
|
-
export const LayersIcon = /* @__PURE__ */ icon(GuideLayersGlyph, "LayersIcon");
|
|
321
|
-
export const UploadIcon = /* @__PURE__ */ icon(UploadGlyph, "UploadIcon");
|
|
322
|
-
export const AttachIcon = /* @__PURE__ */ icon(AttachGlyph, "AttachIcon");
|
|
323
|
-
export const PlusIcon = /* @__PURE__ */ icon(Add01Icon, "PlusIcon");
|
|
324
|
-
export const LinkIcon = /* @__PURE__ */ icon(Link01Icon, "LinkIcon");
|
|
325
|
-
export const CommentIcon = /* @__PURE__ */ icon(Comment01Icon, "CommentIcon");
|
|
326
|
-
export const TrashIcon = /* @__PURE__ */ icon(Delete02Icon, "TrashIcon");
|
|
327
|
-
export const PinIcon = /* @__PURE__ */ icon(Pin02Icon, "PinIcon");
|
|
328
|
-
export const SidebarIcon = /* @__PURE__ */ icon(PanelLeftIcon, "SidebarIcon");
|
|
329
|
-
export const SettingsIcon = /* @__PURE__ */ icon(
|
|
330
|
-
Settings02Icon,
|
|
331
|
-
"SettingsIcon",
|
|
332
|
-
);
|
|
333
|
-
export const DragHandleIcon = /* @__PURE__ */ icon(
|
|
334
|
-
DragDropVerticalIcon,
|
|
335
|
-
"DragHandleIcon",
|
|
336
|
-
);
|
|
337
|
-
export const VisibleIcon = /* @__PURE__ */ icon(ViewIcon, "VisibleIcon");
|
|
338
|
-
export const HiddenIcon = /* @__PURE__ */ icon(ViewOffSlashIcon, "HiddenIcon");
|
|
339
|
-
export const CheckIcon = /* @__PURE__ */ icon(Tick02Icon, "CheckIcon");
|
|
340
|
-
export const InvoiceIcon = /* @__PURE__ */ icon(Invoice03Icon, "InvoiceIcon");
|
|
341
|
-
export const QrCodeGlyph = /* @__PURE__ */ icon(QrCodeIcon, "QrCodeGlyph");
|
|
342
|
-
export const WalletIcon = /* @__PURE__ */ icon(Wallet01Icon, "WalletIcon");
|
|
343
|
-
export const ScanCodeIcon = /* @__PURE__ */ icon(ScanIcon, "ScanCodeIcon");
|
|
344
|
-
export const VerifiedIcon = /* @__PURE__ */ icon(
|
|
345
|
-
CheckmarkBadge01Icon,
|
|
346
|
-
"VerifiedIcon",
|
|
347
|
-
);
|
|
348
|
-
export const WarningIcon = /* @__PURE__ */ icon(Alert02Icon, "WarningIcon");
|
|
349
|
-
export const PrintIcon = /* @__PURE__ */ icon(PrinterIcon, "PrintIcon");
|
|
350
|
-
export const ImportIcon = /* @__PURE__ */ icon(FileImportIcon, "ImportIcon");
|
|
351
|
-
export const DownloadIcon = /* @__PURE__ */ icon(
|
|
352
|
-
Download01Icon,
|
|
353
|
-
"DownloadIcon",
|
|
354
|
-
);
|
|
355
|
-
export const PlayIcon = /* @__PURE__ */ icon(HugePlayIcon, "PlayIcon");
|
|
356
|
-
export const PauseIcon = /* @__PURE__ */ icon(HugePauseIcon, "PauseIcon");
|
|
357
|
-
export const SkipBackIcon = /* @__PURE__ */ icon(
|
|
358
|
-
GoBackward15SecIcon,
|
|
359
|
-
"SkipBackIcon",
|
|
360
|
-
);
|
|
361
|
-
export const SkipForwardIcon = /* @__PURE__ */ icon(
|
|
362
|
-
GoForward30SecIcon,
|
|
363
|
-
"SkipForwardIcon",
|
|
364
|
-
);
|
|
365
|
-
export const PreviousTrackIcon = /* @__PURE__ */ icon(
|
|
366
|
-
PreviousIcon,
|
|
367
|
-
"PreviousTrackIcon",
|
|
368
|
-
);
|
|
369
|
-
export const NextTrackIcon = /* @__PURE__ */ icon(NextIcon, "NextTrackIcon");
|
|
370
|
-
export const HeadphonesIcon = /* @__PURE__ */ icon(
|
|
371
|
-
HugeHeadphonesIcon,
|
|
372
|
-
"HeadphonesIcon",
|
|
373
|
-
);
|
|
374
|
-
export const HighlighterIcon = /* @__PURE__ */ icon(
|
|
375
|
-
HugeHighlighterIcon,
|
|
376
|
-
"HighlighterIcon",
|
|
377
|
-
);
|
|
378
|
-
export const ChaptersIcon = /* @__PURE__ */ icon(
|
|
379
|
-
LeftToRightListBulletIcon,
|
|
380
|
-
"ChaptersIcon",
|
|
381
|
-
);
|
|
382
|
-
export const SleepIcon = /* @__PURE__ */ icon(Moon02Icon, "SleepIcon");
|
|
383
|
-
export const ExpandIcon = /* @__PURE__ */ icon(FullScreenIcon, "ExpandIcon");
|
|
384
|
-
export const SparkleIcon = /* @__PURE__ */ icon(AiMagicIcon, "SparkleIcon");
|
|
385
|
-
export const BellIcon = /* @__PURE__ */ icon(Notification03Icon, "BellIcon");
|
|
386
|
-
export const BusinessIcon = /* @__PURE__ */ icon(Store01Icon, "BusinessIcon");
|
|
387
|
-
export const CalendarIcon = /* @__PURE__ */ icon(
|
|
388
|
-
Calendar03Icon,
|
|
389
|
-
"CalendarIcon",
|
|
390
|
-
);
|
|
391
|
-
export const BirthdayIcon = /* @__PURE__ */ icon(
|
|
392
|
-
BirthdayCakeIcon,
|
|
393
|
-
"BirthdayIcon",
|
|
394
|
-
);
|
|
395
|
-
export const AlarmIcon = /* @__PURE__ */ icon(AlarmClockIcon, "AlarmIcon");
|
|
396
|
-
export const RepeatIcon = /* @__PURE__ */ icon(HugeRepeatIcon, "RepeatIcon");
|
|
397
|
-
export const UndoIcon = /* @__PURE__ */ icon(HugeUndoIcon, "UndoIcon");
|
|
398
|
-
export const RedoIcon = /* @__PURE__ */ icon(HugeRedoIcon, "RedoIcon");
|
|
399
|
-
export const PointerIcon = /* @__PURE__ */ icon(Cursor01Icon, "PointerIcon");
|
|
400
|
-
export const EraserIcon = /* @__PURE__ */ icon(Eraser01Icon, "EraserIcon");
|
|
401
|
-
export const TouchIcon = /* @__PURE__ */ icon(Touch01Icon, "TouchIcon");
|
|
402
|
-
export const BubbleIcon = /* @__PURE__ */ icon(BubbleChatIcon, "BubbleIcon");
|
|
403
|
-
export const BrushIcon = /* @__PURE__ */ icon(PaintBrush02Icon, "BrushIcon");
|
|
404
|
-
export const LayoutIcon = /* @__PURE__ */ icon(LayoutGridIcon, "LayoutIcon");
|
|
405
|
-
export const ZoomIcon = /* @__PURE__ */ icon(SearchAddIcon, "ZoomIcon");
|
|
406
|
-
export const SelectorIcon = /* @__PURE__ */ icon(
|
|
407
|
-
UnfoldMoreIcon,
|
|
408
|
-
"SelectorIcon",
|
|
409
|
-
);
|
|
410
|
-
export const MoreIcon = /* @__PURE__ */ icon(MoreHorizontalIcon, "MoreIcon");
|
|
411
|
-
export const PeopleIcon = /* @__PURE__ */ icon(UserMultipleIcon, "PeopleIcon");
|
|
412
|
-
export const AddPersonIcon = /* @__PURE__ */ icon(
|
|
413
|
-
UserAdd01Icon,
|
|
414
|
-
"AddPersonIcon",
|
|
415
|
-
);
|
|
416
|
-
export const ClockIcon = /* @__PURE__ */ icon(Clock01Icon, "ClockIcon");
|
|
417
|
-
export const LocationIcon = /* @__PURE__ */ icon(
|
|
418
|
-
Location01Icon,
|
|
419
|
-
"LocationIcon",
|
|
420
|
-
);
|
|
421
|
-
export const TaskIcon = /* @__PURE__ */ icon(Task01Icon, "TaskIcon");
|
|
422
|
-
export const FolderIcon = /* @__PURE__ */ icon(Folder01Icon, "FolderIcon");
|
|
423
|
-
export const RecentIcon = /* @__PURE__ */ icon(Time04Icon, "RecentIcon");
|
|
424
|
-
export const ThumbsUpIcon = /* @__PURE__ */ toggleIcon(
|
|
425
|
-
HugeThumbsUpIcon,
|
|
426
|
-
"ThumbsUpIcon",
|
|
427
|
-
);
|
|
428
|
-
export const HeartIcon = /* @__PURE__ */ toggleIcon(FavouriteIcon, "HeartIcon");
|
|
429
|
-
export const StarIcon = /* @__PURE__ */ toggleIcon(HugeStarIcon, "StarIcon");
|
|
430
|
-
|
|
431
|
-
// Wallet: adding, copying and protecting cards.
|
|
432
|
-
export const CameraIcon = /* @__PURE__ */ icon(Camera01Icon, "CameraIcon");
|
|
433
|
-
export const CopyIcon = /* @__PURE__ */ icon(Copy01Icon, "CopyIcon");
|
|
434
|
-
export const LockIcon = /* @__PURE__ */ icon(LockIconSvg, "LockIcon");
|
|
435
|
-
export const NfcReadIcon = /* @__PURE__ */ icon(NfcIcon, "NfcReadIcon");
|
|
436
|
-
export const PhotoIcon = /* @__PURE__ */ icon(Image01Icon, "PhotoIcon");
|
|
437
|
-
export const BookmarkIcon = /* @__PURE__ */ icon(
|
|
438
|
-
Bookmark02Icon,
|
|
439
|
-
"BookmarkIcon",
|
|
440
|
-
);
|
|
441
|
-
export const MailIcon = /* @__PURE__ */ icon(Mail01Icon, "MailIcon");
|
|
442
|
-
export const ReplyIcon = /* @__PURE__ */ icon(MailReply01Icon, "ReplyIcon");
|
|
443
|
-
export const ArchiveIcon = /* @__PURE__ */ icon(Archive01Icon, "ArchiveIcon");
|
|
444
|
-
export const InfoIcon = /* @__PURE__ */ icon(InformationCircleIcon, "InfoIcon");
|
|
445
|
-
export const AlignCenterIcon = /* @__PURE__ */ icon(
|
|
446
|
-
TextAlignCenterIcon,
|
|
447
|
-
"AlignCenterIcon",
|
|
448
|
-
);
|
|
449
|
-
export const AlignLeftIcon = /* @__PURE__ */ icon(
|
|
450
|
-
TextAlignLeftIcon,
|
|
451
|
-
"AlignLeftIcon",
|
|
452
|
-
);
|
|
453
|
-
export const BoldIcon = /* @__PURE__ */ icon(TextBoldIcon, "BoldIcon");
|
|
454
|
-
export const ItalicIcon = /* @__PURE__ */ icon(TextItalicIcon, "ItalicIcon");
|
|
455
|
-
export const UnderlineIcon = /* @__PURE__ */ icon(
|
|
456
|
-
TextUnderlineIcon,
|
|
457
|
-
"UnderlineIcon",
|
|
458
|
-
);
|
package/src/index.ts
DELETED
|
@@ -1,107 +0,0 @@
|
|
|
1
|
-
export * from "./components/button/button";
|
|
2
|
-
export * from "./components/accordion/accordion";
|
|
3
|
-
export * from "./components/text-field/text-field";
|
|
4
|
-
export * from "./components/secure-field/secure-field";
|
|
5
|
-
export * from "./components/text-editor/text-editor";
|
|
6
|
-
export * from "./components/tab-view/tab-view";
|
|
7
|
-
export * from "./components/profile-image/profile-image";
|
|
8
|
-
export * from "./components/search-list/search-list";
|
|
9
|
-
export * from "./components/table/table";
|
|
10
|
-
export * from "./components/button/icon-button";
|
|
11
|
-
export * from "./components/chip/chip";
|
|
12
|
-
export * from "./components/context-menu/context-menu-host";
|
|
13
|
-
export {
|
|
14
|
-
type ContextMenuItem,
|
|
15
|
-
type ContextMenuAlignX,
|
|
16
|
-
type ContextMenuAlignY,
|
|
17
|
-
type ContextMenuEdge,
|
|
18
|
-
closeContextMenu,
|
|
19
|
-
openContextMenu,
|
|
20
|
-
openFollowUpMenu,
|
|
21
|
-
openMenu,
|
|
22
|
-
} from "./components/context-menu/context-menu-store";
|
|
23
|
-
export * from "./components/context-menu/use-context-menu";
|
|
24
|
-
export * from "./components/dialog/dialog-host";
|
|
25
|
-
export {
|
|
26
|
-
type ConfirmOptions,
|
|
27
|
-
confirmDialog,
|
|
28
|
-
} from "./components/dialog/dialog-store";
|
|
29
|
-
export * from "./components/labeled-content/labeled-content";
|
|
30
|
-
export * from "./components/picker/picker";
|
|
31
|
-
export * from "./components/popover";
|
|
32
|
-
export * from "./components/search-field/search-field";
|
|
33
|
-
export * from "./components/section/section";
|
|
34
|
-
export * from "./components/inline-disclosure/inline-disclosure";
|
|
35
|
-
export * from "./components/disclosure-group/disclosure-group";
|
|
36
|
-
export * from "./components/menu/menu";
|
|
37
|
-
export * from "./components/segmented-control/segmented-control";
|
|
38
|
-
export * from "./components/sheet/sheet";
|
|
39
|
-
export * from "./components/sidebar/sidebar";
|
|
40
|
-
export * from "./components/status-indicator/status-indicator";
|
|
41
|
-
export * from "./components/swatch-picker/swatch-picker";
|
|
42
|
-
export * from "./components/tab-bar/tab-bar";
|
|
43
|
-
export {
|
|
44
|
-
type ToastOptions,
|
|
45
|
-
type ToastTone,
|
|
46
|
-
toast,
|
|
47
|
-
} from "./components/toast/toast-store";
|
|
48
|
-
export * from "./components/toast/toaster";
|
|
49
|
-
export * from "./components/toggle/toggle";
|
|
50
|
-
export * from "./components/slider/slider";
|
|
51
|
-
export * from "./components/stepper/stepper";
|
|
52
|
-
export * from "./components/progress-view/progress-view";
|
|
53
|
-
export * from "./components/divider/divider";
|
|
54
|
-
export * from "./components/tooltip/tooltip-host";
|
|
55
|
-
export * from "./hooks/use-anchored-placement";
|
|
56
|
-
export * from "./hooks/use-dismiss";
|
|
57
|
-
export * from "./hooks/use-media-query";
|
|
58
|
-
export * from "./icons/icons";
|
|
59
|
-
export * from "./lib/anchored-placement";
|
|
60
|
-
export * from "./lib/class-names";
|
|
61
|
-
export * from "./lib/haptics";
|
|
62
|
-
export * from "./lib/clipboard";
|
|
63
|
-
export * from "./lib/screen-edges";
|
|
64
|
-
export * from "./motion/transitions";
|
|
65
|
-
export { AnimatePresence, motion } from "motion/react";
|
|
66
|
-
export * from "./appearance";
|
|
67
|
-
|
|
68
|
-
export * from "./components/date-picker/date-picker";
|
|
69
|
-
export * from "./components/compact-date-picker/compact-date-picker";
|
|
70
|
-
export * from "./components/compact-time-picker/compact-time-picker";
|
|
71
|
-
|
|
72
|
-
export { Dialog } from "./components/dialog";
|
|
73
|
-
export type {
|
|
74
|
-
DialogProps,
|
|
75
|
-
DialogPresentation,
|
|
76
|
-
DialogTone,
|
|
77
|
-
} from "./components/dialog/dialog";
|
|
78
|
-
export type {
|
|
79
|
-
ContentViewHeadingLevel,
|
|
80
|
-
ContentViewVariant,
|
|
81
|
-
} from "./components/content-view/content-view";
|
|
82
|
-
export type { StatTileTone } from "./components/stat-tile/stat-tile";
|
|
83
|
-
|
|
84
|
-
export * from "./hooks/use-visual-viewport";
|
|
85
|
-
|
|
86
|
-
export { registerFloatingLayer } from "./lib/floating-layers";
|
|
87
|
-
|
|
88
|
-
export * from "./hooks/use-minimize-on-scroll";
|
|
89
|
-
|
|
90
|
-
export * from "./components/code-block/code-block";
|
|
91
|
-
export * from "./components/keyboard-shortcut/keyboard-shortcut";
|
|
92
|
-
export * from "./components/content-unavailable-view/content-unavailable-view";
|
|
93
|
-
export * from "./components/combo-box/combo-box";
|
|
94
|
-
export * from "./components/radio-group/radio-group";
|
|
95
|
-
export * from "./components/breadcrumb/breadcrumb";
|
|
96
|
-
export * from "./components/skeleton/skeleton";
|
|
97
|
-
|
|
98
|
-
export * from "./components/command/command";
|
|
99
|
-
|
|
100
|
-
export * from "./components/slosh-slider/slosh-slider";
|
|
101
|
-
export * from "./components/wake-slider/wake-slider";
|
|
102
|
-
|
|
103
|
-
export * from "./components/one-time-code/one-time-code";
|
|
104
|
-
|
|
105
|
-
export * from "./components/aspect-ratio/aspect-ratio";
|
|
106
|
-
|
|
107
|
-
export * from "./components/morph";
|
|
@@ -1,91 +0,0 @@
|
|
|
1
|
-
import { screenEdges } from "./screen-edges";
|
|
2
|
-
|
|
3
|
-
export interface AnchoredPlacement {
|
|
4
|
-
left: number;
|
|
5
|
-
width: number;
|
|
6
|
-
top?: number;
|
|
7
|
-
bottom?: number;
|
|
8
|
-
/** Opens upward, so motion should grow from the bottom edge. */
|
|
9
|
-
above: boolean;
|
|
10
|
-
/**
|
|
11
|
-
* Set when the chosen side has less room than the panel needs: the
|
|
12
|
-
* panel scrolls inside this height instead of crossing the edge.
|
|
13
|
-
*/
|
|
14
|
-
maxHeight?: number;
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
/** The measurements placement decides on, so the math stays testable. */
|
|
18
|
-
export interface PlacementFrame {
|
|
19
|
-
anchor: { top: number; bottom: number; left: number };
|
|
20
|
-
viewport: { width: number; height: number };
|
|
21
|
-
edges: {
|
|
22
|
-
top: number;
|
|
23
|
-
right: number;
|
|
24
|
-
bottom: number;
|
|
25
|
-
left: number;
|
|
26
|
-
};
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
/**
|
|
30
|
-
* Places a panel of `width` under its anchor, or above it when there's
|
|
31
|
-
* less than `needed` height below and more room above, kept inside the
|
|
32
|
-
* screen's safe edges.
|
|
33
|
-
*/
|
|
34
|
-
export function placeInViewport(
|
|
35
|
-
{ anchor, viewport, edges }: PlacementFrame,
|
|
36
|
-
width: number,
|
|
37
|
-
needed: number,
|
|
38
|
-
gap = 6,
|
|
39
|
-
overlap = false,
|
|
40
|
-
): AnchoredPlacement {
|
|
41
|
-
if (overlap) gap = anchor.top - anchor.bottom;
|
|
42
|
-
const fitted = Math.min(width, viewport.width - edges.left - edges.right);
|
|
43
|
-
const left = Math.min(
|
|
44
|
-
Math.max(edges.left, anchor.left),
|
|
45
|
-
viewport.width - fitted - edges.right,
|
|
46
|
-
);
|
|
47
|
-
const roomBelow = viewport.height - anchor.bottom - gap - edges.bottom;
|
|
48
|
-
const roomAbove = anchor.top - gap - edges.top;
|
|
49
|
-
const above = roomBelow < needed && roomAbove > roomBelow;
|
|
50
|
-
const room = above ? roomAbove : roomBelow;
|
|
51
|
-
const placement: AnchoredPlacement = {
|
|
52
|
-
left,
|
|
53
|
-
width: fitted,
|
|
54
|
-
above,
|
|
55
|
-
...(above
|
|
56
|
-
? { bottom: viewport.height - anchor.top + gap }
|
|
57
|
-
: { top: anchor.bottom + gap }),
|
|
58
|
-
};
|
|
59
|
-
if (room < needed) placement.maxHeight = room;
|
|
60
|
-
return placement;
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
/** `placeInViewport` from live DOM measurements. */
|
|
64
|
-
export function placeAnchored(
|
|
65
|
-
anchor: HTMLElement,
|
|
66
|
-
width: number,
|
|
67
|
-
needed: number,
|
|
68
|
-
gap = 6,
|
|
69
|
-
overlap = false,
|
|
70
|
-
): AnchoredPlacement {
|
|
71
|
-
const rect = anchor.getBoundingClientRect();
|
|
72
|
-
const viewport = window.visualViewport;
|
|
73
|
-
return placeInViewport(
|
|
74
|
-
{
|
|
75
|
-
anchor: {
|
|
76
|
-
top: rect.top,
|
|
77
|
-
bottom: rect.bottom,
|
|
78
|
-
left: rect.left,
|
|
79
|
-
},
|
|
80
|
-
viewport: {
|
|
81
|
-
width: viewport?.width ?? window.innerWidth,
|
|
82
|
-
height: viewport?.height ?? window.innerHeight,
|
|
83
|
-
},
|
|
84
|
-
edges: screenEdges(),
|
|
85
|
-
},
|
|
86
|
-
width,
|
|
87
|
-
needed,
|
|
88
|
-
gap,
|
|
89
|
-
overlap,
|
|
90
|
-
);
|
|
91
|
-
}
|
package/src/lib/class-names.ts
DELETED
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { clsx } from "clsx";
|
|
2
|
-
import type { ClassValue } from "clsx";
|
|
3
|
-
import { extendTailwindMerge } from "tailwind-merge";
|
|
4
|
-
import { textStyles } from "@passui/tokens/typography";
|
|
5
|
-
|
|
6
|
-
const textStyleClasses = Object.keys(textStyles).map(
|
|
7
|
-
(name) =>
|
|
8
|
-
`text-${name.replace(/[A-Z]/g, (character) => `-${character.toLowerCase()}`)}`,
|
|
9
|
-
);
|
|
10
|
-
|
|
11
|
-
const twMerge = extendTailwindMerge({
|
|
12
|
-
extend: {
|
|
13
|
-
classGroups: {
|
|
14
|
-
"font-size": textStyleClasses,
|
|
15
|
-
},
|
|
16
|
-
},
|
|
17
|
-
});
|
|
18
|
-
|
|
19
|
-
export function cn(...inputs: ClassValue[]) {
|
|
20
|
-
return twMerge(clsx(inputs));
|
|
21
|
-
}
|
package/src/lib/clipboard.ts
DELETED
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copies text after a user action. Returns true only after the browser confirms
|
|
3
|
-
* the write. Returns false when unavailable or denied, so the app can offer
|
|
4
|
-
* manual copying. This helper never reads the clipboard or adds feedback.
|
|
5
|
-
*/
|
|
6
|
-
export async function copyText(text: string): Promise<boolean> {
|
|
7
|
-
try {
|
|
8
|
-
if (typeof navigator === "undefined" || !navigator.clipboard?.writeText)
|
|
9
|
-
return false;
|
|
10
|
-
await navigator.clipboard.writeText(text);
|
|
11
|
-
return true;
|
|
12
|
-
} catch {
|
|
13
|
-
return false;
|
|
14
|
-
}
|
|
15
|
-
}
|