@thewhileloop/whileui 0.1.1
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/dist/blocks/auth/forgot-password-form.d.ts +2 -0
- package/dist/blocks/auth/forgot-password-form.d.ts.map +1 -0
- package/dist/blocks/auth/forgot-password-form.js +11 -0
- package/dist/blocks/auth/forgot-password-form.js.map +1 -0
- package/dist/blocks/auth/index.d.ts +8 -0
- package/dist/blocks/auth/index.d.ts.map +1 -0
- package/dist/blocks/auth/index.js +8 -0
- package/dist/blocks/auth/index.js.map +1 -0
- package/dist/blocks/auth/reset-password-form.d.ts +2 -0
- package/dist/blocks/auth/reset-password-form.d.ts.map +1 -0
- package/dist/blocks/auth/reset-password-form.js +10 -0
- package/dist/blocks/auth/reset-password-form.js.map +1 -0
- package/dist/blocks/auth/sign-in-form.d.ts +2 -0
- package/dist/blocks/auth/sign-in-form.d.ts.map +1 -0
- package/dist/blocks/auth/sign-in-form.js +12 -0
- package/dist/blocks/auth/sign-in-form.js.map +1 -0
- package/dist/blocks/auth/sign-up-form.d.ts +2 -0
- package/dist/blocks/auth/sign-up-form.d.ts.map +1 -0
- package/dist/blocks/auth/sign-up-form.js +12 -0
- package/dist/blocks/auth/sign-up-form.js.map +1 -0
- package/dist/blocks/auth/social-connections.d.ts +2 -0
- package/dist/blocks/auth/social-connections.d.ts.map +1 -0
- package/dist/blocks/auth/social-connections.js +8 -0
- package/dist/blocks/auth/social-connections.js.map +1 -0
- package/dist/blocks/auth/user-menu.d.ts +2 -0
- package/dist/blocks/auth/user-menu.d.ts.map +1 -0
- package/dist/blocks/auth/user-menu.js +10 -0
- package/dist/blocks/auth/user-menu.js.map +1 -0
- package/dist/blocks/auth/verify-email-form.d.ts +2 -0
- package/dist/blocks/auth/verify-email-form.d.ts.map +1 -0
- package/dist/blocks/auth/verify-email-form.js +11 -0
- package/dist/blocks/auth/verify-email-form.js.map +1 -0
- package/dist/blocks/commerce/checkout-summary.d.ts +19 -0
- package/dist/blocks/commerce/checkout-summary.d.ts.map +1 -0
- package/dist/blocks/commerce/checkout-summary.js +11 -0
- package/dist/blocks/commerce/checkout-summary.js.map +1 -0
- package/dist/blocks/commerce/index.d.ts +4 -0
- package/dist/blocks/commerce/index.d.ts.map +1 -0
- package/dist/blocks/commerce/index.js +4 -0
- package/dist/blocks/commerce/index.js.map +1 -0
- package/dist/blocks/commerce/pricing-card.d.ts +18 -0
- package/dist/blocks/commerce/pricing-card.d.ts.map +1 -0
- package/dist/blocks/commerce/pricing-card.js +11 -0
- package/dist/blocks/commerce/pricing-card.js.map +1 -0
- package/dist/blocks/commerce/product-card.d.ts +15 -0
- package/dist/blocks/commerce/product-card.d.ts.map +1 -0
- package/dist/blocks/commerce/product-card.js +11 -0
- package/dist/blocks/commerce/product-card.js.map +1 -0
- package/dist/blocks/layout/app-shell.d.ts +10 -0
- package/dist/blocks/layout/app-shell.d.ts.map +1 -0
- package/dist/blocks/layout/app-shell.js +10 -0
- package/dist/blocks/layout/app-shell.js.map +1 -0
- package/dist/blocks/layout/empty-state.d.ts +17 -0
- package/dist/blocks/layout/empty-state.d.ts.map +1 -0
- package/dist/blocks/layout/empty-state.js +10 -0
- package/dist/blocks/layout/empty-state.js.map +1 -0
- package/dist/blocks/layout/error-state.d.ts +12 -0
- package/dist/blocks/layout/error-state.d.ts.map +1 -0
- package/dist/blocks/layout/error-state.js +13 -0
- package/dist/blocks/layout/error-state.js.map +1 -0
- package/dist/blocks/layout/index.d.ts +6 -0
- package/dist/blocks/layout/index.d.ts.map +1 -0
- package/dist/blocks/layout/index.js +6 -0
- package/dist/blocks/layout/index.js.map +1 -0
- package/dist/blocks/layout/loading-screen.d.ts +7 -0
- package/dist/blocks/layout/loading-screen.d.ts.map +1 -0
- package/dist/blocks/layout/loading-screen.js +15 -0
- package/dist/blocks/layout/loading-screen.js.map +1 -0
- package/dist/blocks/layout/onboarding-screen.d.ts +19 -0
- package/dist/blocks/layout/onboarding-screen.d.ts.map +1 -0
- package/dist/blocks/layout/onboarding-screen.js +35 -0
- package/dist/blocks/layout/onboarding-screen.js.map +1 -0
- package/dist/blocks/lists/index.d.ts +4 -0
- package/dist/blocks/lists/index.d.ts.map +1 -0
- package/dist/blocks/lists/index.js +4 -0
- package/dist/blocks/lists/index.js.map +1 -0
- package/dist/blocks/lists/list-item.d.ts +15 -0
- package/dist/blocks/lists/list-item.d.ts.map +1 -0
- package/dist/blocks/lists/list-item.js +9 -0
- package/dist/blocks/lists/list-item.js.map +1 -0
- package/dist/blocks/lists/notification-item.d.ts +14 -0
- package/dist/blocks/lists/notification-item.d.ts.map +1 -0
- package/dist/blocks/lists/notification-item.js +10 -0
- package/dist/blocks/lists/notification-item.js.map +1 -0
- package/dist/blocks/lists/swipeable-item.d.ts +17 -0
- package/dist/blocks/lists/swipeable-item.d.ts.map +1 -0
- package/dist/blocks/lists/swipeable-item.js +62 -0
- package/dist/blocks/lists/swipeable-item.js.map +1 -0
- package/dist/blocks/navigation/bottom-nav.d.ts +19 -0
- package/dist/blocks/navigation/bottom-nav.d.ts.map +1 -0
- package/dist/blocks/navigation/bottom-nav.js +13 -0
- package/dist/blocks/navigation/bottom-nav.js.map +1 -0
- package/dist/blocks/navigation/drawer-menu.d.ts +26 -0
- package/dist/blocks/navigation/drawer-menu.d.ts.map +1 -0
- package/dist/blocks/navigation/drawer-menu.js +52 -0
- package/dist/blocks/navigation/drawer-menu.js.map +1 -0
- package/dist/blocks/navigation/floating-bottom-nav.d.ts +18 -0
- package/dist/blocks/navigation/floating-bottom-nav.d.ts.map +1 -0
- package/dist/blocks/navigation/floating-bottom-nav.js +13 -0
- package/dist/blocks/navigation/floating-bottom-nav.js.map +1 -0
- package/dist/blocks/navigation/header.d.ts +23 -0
- package/dist/blocks/navigation/header.d.ts.map +1 -0
- package/dist/blocks/navigation/header.js +12 -0
- package/dist/blocks/navigation/header.js.map +1 -0
- package/dist/blocks/navigation/index.d.ts +6 -0
- package/dist/blocks/navigation/index.d.ts.map +1 -0
- package/dist/blocks/navigation/index.js +6 -0
- package/dist/blocks/navigation/index.js.map +1 -0
- package/dist/blocks/navigation/tab-bar.d.ts +21 -0
- package/dist/blocks/navigation/tab-bar.d.ts.map +1 -0
- package/dist/blocks/navigation/tab-bar.js +28 -0
- package/dist/blocks/navigation/tab-bar.js.map +1 -0
- package/dist/blocks/profile/account-card.d.ts +11 -0
- package/dist/blocks/profile/account-card.d.ts.map +1 -0
- package/dist/blocks/profile/account-card.js +10 -0
- package/dist/blocks/profile/account-card.js.map +1 -0
- package/dist/blocks/profile/index.d.ts +5 -0
- package/dist/blocks/profile/index.d.ts.map +1 -0
- package/dist/blocks/profile/index.js +5 -0
- package/dist/blocks/profile/index.js.map +1 -0
- package/dist/blocks/profile/profile-header.d.ts +27 -0
- package/dist/blocks/profile/profile-header.d.ts.map +1 -0
- package/dist/blocks/profile/profile-header.js +11 -0
- package/dist/blocks/profile/profile-header.js.map +1 -0
- package/dist/blocks/profile/settings-item.d.ts +15 -0
- package/dist/blocks/profile/settings-item.d.ts.map +1 -0
- package/dist/blocks/profile/settings-item.js +11 -0
- package/dist/blocks/profile/settings-item.js.map +1 -0
- package/dist/blocks/profile/settings-section.d.ts +7 -0
- package/dist/blocks/profile/settings-section.d.ts.map +1 -0
- package/dist/blocks/profile/settings-section.js +9 -0
- package/dist/blocks/profile/settings-section.js.map +1 -0
- package/dist/blocks/splash/index.d.ts +2 -0
- package/dist/blocks/splash/index.d.ts.map +1 -0
- package/dist/blocks/splash/index.js +2 -0
- package/dist/blocks/splash/index.js.map +1 -0
- package/dist/blocks/splash/splash-screen.d.ts +29 -0
- package/dist/blocks/splash/splash-screen.d.ts.map +1 -0
- package/dist/blocks/splash/splash-screen.js +75 -0
- package/dist/blocks/splash/splash-screen.js.map +1 -0
- package/dist/components/accordion/accordion.d.ts +38 -0
- package/dist/components/accordion/accordion.d.ts.map +1 -0
- package/dist/components/accordion/accordion.js +71 -0
- package/dist/components/accordion/accordion.js.map +1 -0
- package/dist/components/accordion/index.d.ts +2 -0
- package/dist/components/accordion/index.d.ts.map +1 -0
- package/dist/components/accordion/index.js +2 -0
- package/dist/components/accordion/index.js.map +1 -0
- package/dist/components/alert/alert.d.ts +71 -0
- package/dist/components/alert/alert.d.ts.map +1 -0
- package/dist/components/alert/alert.js +34 -0
- package/dist/components/alert/alert.js.map +1 -0
- package/dist/components/alert/index.d.ts +2 -0
- package/dist/components/alert/index.d.ts.map +1 -0
- package/dist/components/alert/index.js +2 -0
- package/dist/components/alert/index.js.map +1 -0
- package/dist/components/alert-dialog/alert-dialog.d.ts +72 -0
- package/dist/components/alert-dialog/alert-dialog.d.ts.map +1 -0
- package/dist/components/alert-dialog/alert-dialog.js +81 -0
- package/dist/components/alert-dialog/alert-dialog.js.map +1 -0
- package/dist/components/alert-dialog/index.d.ts +2 -0
- package/dist/components/alert-dialog/index.d.ts.map +1 -0
- package/dist/components/alert-dialog/index.js +2 -0
- package/dist/components/alert-dialog/index.js.map +1 -0
- package/dist/components/aspect-ratio/aspect-ratio.d.ts +11 -0
- package/dist/components/aspect-ratio/aspect-ratio.d.ts.map +1 -0
- package/dist/components/aspect-ratio/aspect-ratio.js +11 -0
- package/dist/components/aspect-ratio/aspect-ratio.js.map +1 -0
- package/dist/components/aspect-ratio/index.d.ts +2 -0
- package/dist/components/aspect-ratio/index.d.ts.map +1 -0
- package/dist/components/aspect-ratio/index.js +2 -0
- package/dist/components/aspect-ratio/index.js.map +1 -0
- package/dist/components/avatar/avatar.d.ts +74 -0
- package/dist/components/avatar/avatar.d.ts.map +1 -0
- package/dist/components/avatar/avatar.js +52 -0
- package/dist/components/avatar/avatar.js.map +1 -0
- package/dist/components/avatar/index.d.ts +2 -0
- package/dist/components/avatar/index.d.ts.map +1 -0
- package/dist/components/avatar/index.js +2 -0
- package/dist/components/avatar/index.js.map +1 -0
- package/dist/components/badge/badge.d.ts +158 -0
- package/dist/components/badge/badge.d.ts.map +1 -0
- package/dist/components/badge/badge.js +54 -0
- package/dist/components/badge/badge.js.map +1 -0
- package/dist/components/badge/index.d.ts +2 -0
- package/dist/components/badge/index.d.ts.map +1 -0
- package/dist/components/badge/index.js +2 -0
- package/dist/components/badge/index.js.map +1 -0
- package/dist/components/button/button.d.ts +240 -0
- package/dist/components/button/button.d.ts.map +1 -0
- package/dist/components/button/button.js +79 -0
- package/dist/components/button/button.js.map +1 -0
- package/dist/components/button/index.d.ts +2 -0
- package/dist/components/button/index.d.ts.map +1 -0
- package/dist/components/button/index.js +2 -0
- package/dist/components/button/index.js.map +1 -0
- package/dist/components/card/card.d.ts +22 -0
- package/dist/components/card/card.d.ts.map +1 -0
- package/dist/components/card/card.js +31 -0
- package/dist/components/card/card.js.map +1 -0
- package/dist/components/card/index.d.ts +2 -0
- package/dist/components/card/index.d.ts.map +1 -0
- package/dist/components/card/index.js +2 -0
- package/dist/components/card/index.js.map +1 -0
- package/dist/components/checkbox/checkbox.d.ts +14 -0
- package/dist/components/checkbox/checkbox.d.ts.map +1 -0
- package/dist/components/checkbox/checkbox.js +19 -0
- package/dist/components/checkbox/checkbox.js.map +1 -0
- package/dist/components/checkbox/index.d.ts +2 -0
- package/dist/components/checkbox/index.d.ts.map +1 -0
- package/dist/components/checkbox/index.js +2 -0
- package/dist/components/checkbox/index.js.map +1 -0
- package/dist/components/collapsible/collapsible.d.ts +36 -0
- package/dist/components/collapsible/collapsible.d.ts.map +1 -0
- package/dist/components/collapsible/collapsible.js +60 -0
- package/dist/components/collapsible/collapsible.js.map +1 -0
- package/dist/components/collapsible/index.d.ts +2 -0
- package/dist/components/collapsible/index.d.ts.map +1 -0
- package/dist/components/collapsible/index.js +2 -0
- package/dist/components/collapsible/index.js.map +1 -0
- package/dist/components/context-menu/context-menu.d.ts +48 -0
- package/dist/components/context-menu/context-menu.d.ts.map +1 -0
- package/dist/components/context-menu/context-menu.js +53 -0
- package/dist/components/context-menu/context-menu.js.map +1 -0
- package/dist/components/context-menu/index.d.ts +2 -0
- package/dist/components/context-menu/index.d.ts.map +1 -0
- package/dist/components/context-menu/index.js +2 -0
- package/dist/components/context-menu/index.js.map +1 -0
- package/dist/components/dialog/dialog.d.ts +68 -0
- package/dist/components/dialog/dialog.d.ts.map +1 -0
- package/dist/components/dialog/dialog.js +73 -0
- package/dist/components/dialog/dialog.js.map +1 -0
- package/dist/components/dialog/index.d.ts +2 -0
- package/dist/components/dialog/index.d.ts.map +1 -0
- package/dist/components/dialog/index.js +2 -0
- package/dist/components/dialog/index.js.map +1 -0
- package/dist/components/dropdown-menu/dropdown-menu.d.ts +48 -0
- package/dist/components/dropdown-menu/dropdown-menu.d.ts.map +1 -0
- package/dist/components/dropdown-menu/dropdown-menu.js +51 -0
- package/dist/components/dropdown-menu/dropdown-menu.js.map +1 -0
- package/dist/components/dropdown-menu/index.d.ts +2 -0
- package/dist/components/dropdown-menu/index.d.ts.map +1 -0
- package/dist/components/dropdown-menu/index.js +2 -0
- package/dist/components/dropdown-menu/index.js.map +1 -0
- package/dist/components/hover-card/hover-card.d.ts +20 -0
- package/dist/components/hover-card/hover-card.d.ts.map +1 -0
- package/dist/components/hover-card/hover-card.js +18 -0
- package/dist/components/hover-card/hover-card.js.map +1 -0
- package/dist/components/hover-card/index.d.ts +2 -0
- package/dist/components/hover-card/index.d.ts.map +1 -0
- package/dist/components/hover-card/index.js +2 -0
- package/dist/components/hover-card/index.js.map +1 -0
- package/dist/components/input/index.d.ts +2 -0
- package/dist/components/input/index.d.ts.map +1 -0
- package/dist/components/input/index.js +2 -0
- package/dist/components/input/index.js.map +1 -0
- package/dist/components/input/input.d.ts +45 -0
- package/dist/components/input/input.d.ts.map +1 -0
- package/dist/components/input/input.js +23 -0
- package/dist/components/input/input.js.map +1 -0
- package/dist/components/label/index.d.ts +2 -0
- package/dist/components/label/index.d.ts.map +1 -0
- package/dist/components/label/index.js +2 -0
- package/dist/components/label/index.js.map +1 -0
- package/dist/components/label/label.d.ts +7 -0
- package/dist/components/label/label.d.ts.map +1 -0
- package/dist/components/label/label.js +13 -0
- package/dist/components/label/label.js.map +1 -0
- package/dist/components/menubar/index.d.ts +2 -0
- package/dist/components/menubar/index.d.ts.map +1 -0
- package/dist/components/menubar/index.js +2 -0
- package/dist/components/menubar/index.js.map +1 -0
- package/dist/components/menubar/menubar.d.ts +54 -0
- package/dist/components/menubar/menubar.d.ts.map +1 -0
- package/dist/components/menubar/menubar.js +46 -0
- package/dist/components/menubar/menubar.js.map +1 -0
- package/dist/components/popover/index.d.ts +2 -0
- package/dist/components/popover/index.d.ts.map +1 -0
- package/dist/components/popover/index.js +2 -0
- package/dist/components/popover/index.js.map +1 -0
- package/dist/components/popover/popover.d.ts +22 -0
- package/dist/components/popover/popover.d.ts.map +1 -0
- package/dist/components/popover/popover.js +22 -0
- package/dist/components/popover/popover.js.map +1 -0
- package/dist/components/pressable/index.d.ts +2 -0
- package/dist/components/pressable/index.d.ts.map +1 -0
- package/dist/components/pressable/index.js +2 -0
- package/dist/components/pressable/index.js.map +1 -0
- package/dist/components/pressable/pressable.d.ts +8 -0
- package/dist/components/pressable/pressable.d.ts.map +1 -0
- package/dist/components/pressable/pressable.js +10 -0
- package/dist/components/pressable/pressable.js.map +1 -0
- package/dist/components/progress/index.d.ts +2 -0
- package/dist/components/progress/index.d.ts.map +1 -0
- package/dist/components/progress/index.js +2 -0
- package/dist/components/progress/index.js.map +1 -0
- package/dist/components/progress/progress.d.ts +53 -0
- package/dist/components/progress/progress.d.ts.map +1 -0
- package/dist/components/progress/progress.js +25 -0
- package/dist/components/progress/progress.js.map +1 -0
- package/dist/components/radio-group/index.d.ts +2 -0
- package/dist/components/radio-group/index.d.ts.map +1 -0
- package/dist/components/radio-group/index.js +2 -0
- package/dist/components/radio-group/index.js.map +1 -0
- package/dist/components/radio-group/radio-group.d.ts +21 -0
- package/dist/components/radio-group/radio-group.d.ts.map +1 -0
- package/dist/components/radio-group/radio-group.js +27 -0
- package/dist/components/radio-group/radio-group.js.map +1 -0
- package/dist/components/select/index.d.ts +2 -0
- package/dist/components/select/index.d.ts.map +1 -0
- package/dist/components/select/index.js +2 -0
- package/dist/components/select/index.js.map +1 -0
- package/dist/components/select/select.d.ts +79 -0
- package/dist/components/select/select.d.ts.map +1 -0
- package/dist/components/select/select.js +53 -0
- package/dist/components/select/select.js.map +1 -0
- package/dist/components/separator/index.d.ts +2 -0
- package/dist/components/separator/index.d.ts.map +1 -0
- package/dist/components/separator/index.js +2 -0
- package/dist/components/separator/index.js.map +1 -0
- package/dist/components/separator/separator.d.ts +8 -0
- package/dist/components/separator/separator.d.ts.map +1 -0
- package/dist/components/separator/separator.js +10 -0
- package/dist/components/separator/separator.js.map +1 -0
- package/dist/components/skeleton/index.d.ts +2 -0
- package/dist/components/skeleton/index.d.ts.map +1 -0
- package/dist/components/skeleton/index.js +2 -0
- package/dist/components/skeleton/index.js.map +1 -0
- package/dist/components/skeleton/skeleton.d.ts +10 -0
- package/dist/components/skeleton/skeleton.d.ts.map +1 -0
- package/dist/components/skeleton/skeleton.js +19 -0
- package/dist/components/skeleton/skeleton.js.map +1 -0
- package/dist/components/spinner/index.d.ts +2 -0
- package/dist/components/spinner/index.d.ts.map +1 -0
- package/dist/components/spinner/index.js +2 -0
- package/dist/components/spinner/index.js.map +1 -0
- package/dist/components/spinner/spinner.d.ts +54 -0
- package/dist/components/spinner/spinner.d.ts.map +1 -0
- package/dist/components/spinner/spinner.js +29 -0
- package/dist/components/spinner/spinner.js.map +1 -0
- package/dist/components/switch/index.d.ts +2 -0
- package/dist/components/switch/index.d.ts.map +1 -0
- package/dist/components/switch/index.js +2 -0
- package/dist/components/switch/index.js.map +1 -0
- package/dist/components/switch/switch.d.ts +14 -0
- package/dist/components/switch/switch.d.ts.map +1 -0
- package/dist/components/switch/switch.js +19 -0
- package/dist/components/switch/switch.js.map +1 -0
- package/dist/components/tabs/index.d.ts +2 -0
- package/dist/components/tabs/index.d.ts.map +1 -0
- package/dist/components/tabs/index.js +2 -0
- package/dist/components/tabs/index.js.map +1 -0
- package/dist/components/tabs/tabs.d.ts +72 -0
- package/dist/components/tabs/tabs.d.ts.map +1 -0
- package/dist/components/tabs/tabs.js +52 -0
- package/dist/components/tabs/tabs.js.map +1 -0
- package/dist/components/text/index.d.ts +2 -0
- package/dist/components/text/index.d.ts.map +1 -0
- package/dist/components/text/index.js +2 -0
- package/dist/components/text/index.js.map +1 -0
- package/dist/components/text/text.d.ts +149 -0
- package/dist/components/text/text.d.ts.map +1 -0
- package/dist/components/text/text.js +41 -0
- package/dist/components/text/text.js.map +1 -0
- package/dist/components/textarea/index.d.ts +2 -0
- package/dist/components/textarea/index.d.ts.map +1 -0
- package/dist/components/textarea/index.js +2 -0
- package/dist/components/textarea/index.js.map +1 -0
- package/dist/components/textarea/textarea.d.ts +52 -0
- package/dist/components/textarea/textarea.d.ts.map +1 -0
- package/dist/components/textarea/textarea.js +27 -0
- package/dist/components/textarea/textarea.js.map +1 -0
- package/dist/components/toast/index.d.ts +2 -0
- package/dist/components/toast/index.d.ts.map +1 -0
- package/dist/components/toast/index.js +2 -0
- package/dist/components/toast/index.js.map +1 -0
- package/dist/components/toast/toast.d.ts +79 -0
- package/dist/components/toast/toast.d.ts.map +1 -0
- package/dist/components/toast/toast.js +69 -0
- package/dist/components/toast/toast.js.map +1 -0
- package/dist/components/toggle/index.d.ts +2 -0
- package/dist/components/toggle/index.d.ts.map +1 -0
- package/dist/components/toggle/index.js +2 -0
- package/dist/components/toggle/index.js.map +1 -0
- package/dist/components/toggle/toggle.d.ts +195 -0
- package/dist/components/toggle/toggle.d.ts.map +1 -0
- package/dist/components/toggle/toggle.js +71 -0
- package/dist/components/toggle/toggle.js.map +1 -0
- package/dist/components/toggle-group/index.d.ts +2 -0
- package/dist/components/toggle-group/index.d.ts.map +1 -0
- package/dist/components/toggle-group/index.js +2 -0
- package/dist/components/toggle-group/index.js.map +1 -0
- package/dist/components/toggle-group/toggle-group.d.ts +204 -0
- package/dist/components/toggle-group/toggle-group.d.ts.map +1 -0
- package/dist/components/toggle-group/toggle-group.js +97 -0
- package/dist/components/toggle-group/toggle-group.js.map +1 -0
- package/dist/components/tooltip/index.d.ts +2 -0
- package/dist/components/tooltip/index.d.ts.map +1 -0
- package/dist/components/tooltip/index.js +2 -0
- package/dist/components/tooltip/index.js.map +1 -0
- package/dist/components/tooltip/tooltip.d.ts +21 -0
- package/dist/components/tooltip/tooltip.d.ts.map +1 -0
- package/dist/components/tooltip/tooltip.js +18 -0
- package/dist/components/tooltip/tooltip.js.map +1 -0
- package/dist/components/view/index.d.ts +2 -0
- package/dist/components/view/index.d.ts.map +1 -0
- package/dist/components/view/index.js +2 -0
- package/dist/components/view/index.js.map +1 -0
- package/dist/components/view/view.d.ts +7 -0
- package/dist/components/view/view.d.ts.map +1 -0
- package/dist/components/view/view.js +10 -0
- package/dist/components/view/view.js.map +1 -0
- package/dist/index.d.ts +46 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +50 -0
- package/dist/index.js.map +1 -0
- package/dist/lib/cn.d.ts +11 -0
- package/dist/lib/cn.d.ts.map +1 -0
- package/dist/lib/cn.js +14 -0
- package/dist/lib/cn.js.map +1 -0
- package/dist/lib/font-context.d.ts +24 -0
- package/dist/lib/font-context.d.ts.map +1 -0
- package/dist/lib/font-context.js +22 -0
- package/dist/lib/font-context.js.map +1 -0
- package/dist/lib/index.d.ts +4 -0
- package/dist/lib/index.d.ts.map +1 -0
- package/dist/lib/index.js +4 -0
- package/dist/lib/index.js.map +1 -0
- package/dist/lib/portal.d.ts +22 -0
- package/dist/lib/portal.d.ts.map +1 -0
- package/dist/lib/portal.js +22 -0
- package/dist/lib/portal.js.map +1 -0
- package/dist/lib/tv.d.ts +16 -0
- package/dist/lib/tv.d.ts.map +1 -0
- package/dist/lib/tv.js +16 -0
- package/dist/lib/tv.js.map +1 -0
- package/package.json +75 -0
|
@@ -0,0 +1,195 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { type PressableProps, type TextProps } from 'react-native';
|
|
3
|
+
import { type VariantProps } from '../../lib/tv';
|
|
4
|
+
declare const toggleVariants: import("tailwind-variants").TVReturnType<{
|
|
5
|
+
variant: {
|
|
6
|
+
default: string;
|
|
7
|
+
outline: string;
|
|
8
|
+
};
|
|
9
|
+
size: {
|
|
10
|
+
default: string;
|
|
11
|
+
sm: string;
|
|
12
|
+
lg: string;
|
|
13
|
+
};
|
|
14
|
+
pressed: {
|
|
15
|
+
true: string;
|
|
16
|
+
false: string;
|
|
17
|
+
};
|
|
18
|
+
}, undefined, "inline-flex items-center justify-center rounded-md active:bg-accent", import("tailwind-variants/dist/config.js").TVConfig<{
|
|
19
|
+
variant: {
|
|
20
|
+
default: string;
|
|
21
|
+
outline: string;
|
|
22
|
+
};
|
|
23
|
+
size: {
|
|
24
|
+
default: string;
|
|
25
|
+
sm: string;
|
|
26
|
+
lg: string;
|
|
27
|
+
};
|
|
28
|
+
pressed: {
|
|
29
|
+
true: string;
|
|
30
|
+
false: string;
|
|
31
|
+
};
|
|
32
|
+
}, {
|
|
33
|
+
variant: {
|
|
34
|
+
default: string;
|
|
35
|
+
outline: string;
|
|
36
|
+
};
|
|
37
|
+
size: {
|
|
38
|
+
default: string;
|
|
39
|
+
sm: string;
|
|
40
|
+
lg: string;
|
|
41
|
+
};
|
|
42
|
+
pressed: {
|
|
43
|
+
true: string;
|
|
44
|
+
false: string;
|
|
45
|
+
};
|
|
46
|
+
}>, {
|
|
47
|
+
variant: {
|
|
48
|
+
default: string;
|
|
49
|
+
outline: string;
|
|
50
|
+
};
|
|
51
|
+
size: {
|
|
52
|
+
default: string;
|
|
53
|
+
sm: string;
|
|
54
|
+
lg: string;
|
|
55
|
+
};
|
|
56
|
+
pressed: {
|
|
57
|
+
true: string;
|
|
58
|
+
false: string;
|
|
59
|
+
};
|
|
60
|
+
}, undefined, import("tailwind-variants").TVReturnType<{
|
|
61
|
+
variant: {
|
|
62
|
+
default: string;
|
|
63
|
+
outline: string;
|
|
64
|
+
};
|
|
65
|
+
size: {
|
|
66
|
+
default: string;
|
|
67
|
+
sm: string;
|
|
68
|
+
lg: string;
|
|
69
|
+
};
|
|
70
|
+
pressed: {
|
|
71
|
+
true: string;
|
|
72
|
+
false: string;
|
|
73
|
+
};
|
|
74
|
+
}, undefined, "inline-flex items-center justify-center rounded-md active:bg-accent", import("tailwind-variants/dist/config.js").TVConfig<{
|
|
75
|
+
variant: {
|
|
76
|
+
default: string;
|
|
77
|
+
outline: string;
|
|
78
|
+
};
|
|
79
|
+
size: {
|
|
80
|
+
default: string;
|
|
81
|
+
sm: string;
|
|
82
|
+
lg: string;
|
|
83
|
+
};
|
|
84
|
+
pressed: {
|
|
85
|
+
true: string;
|
|
86
|
+
false: string;
|
|
87
|
+
};
|
|
88
|
+
}, {
|
|
89
|
+
variant: {
|
|
90
|
+
default: string;
|
|
91
|
+
outline: string;
|
|
92
|
+
};
|
|
93
|
+
size: {
|
|
94
|
+
default: string;
|
|
95
|
+
sm: string;
|
|
96
|
+
lg: string;
|
|
97
|
+
};
|
|
98
|
+
pressed: {
|
|
99
|
+
true: string;
|
|
100
|
+
false: string;
|
|
101
|
+
};
|
|
102
|
+
}>, unknown, unknown, undefined>>;
|
|
103
|
+
declare const toggleTextVariants: import("tailwind-variants").TVReturnType<{
|
|
104
|
+
pressed: {
|
|
105
|
+
true: string;
|
|
106
|
+
false: string;
|
|
107
|
+
};
|
|
108
|
+
size: {
|
|
109
|
+
default: string;
|
|
110
|
+
sm: string;
|
|
111
|
+
lg: string;
|
|
112
|
+
};
|
|
113
|
+
}, undefined, "text-sm font-medium", import("tailwind-variants/dist/config.js").TVConfig<{
|
|
114
|
+
pressed: {
|
|
115
|
+
true: string;
|
|
116
|
+
false: string;
|
|
117
|
+
};
|
|
118
|
+
size: {
|
|
119
|
+
default: string;
|
|
120
|
+
sm: string;
|
|
121
|
+
lg: string;
|
|
122
|
+
};
|
|
123
|
+
}, {
|
|
124
|
+
pressed: {
|
|
125
|
+
true: string;
|
|
126
|
+
false: string;
|
|
127
|
+
};
|
|
128
|
+
size: {
|
|
129
|
+
default: string;
|
|
130
|
+
sm: string;
|
|
131
|
+
lg: string;
|
|
132
|
+
};
|
|
133
|
+
}>, {
|
|
134
|
+
pressed: {
|
|
135
|
+
true: string;
|
|
136
|
+
false: string;
|
|
137
|
+
};
|
|
138
|
+
size: {
|
|
139
|
+
default: string;
|
|
140
|
+
sm: string;
|
|
141
|
+
lg: string;
|
|
142
|
+
};
|
|
143
|
+
}, undefined, import("tailwind-variants").TVReturnType<{
|
|
144
|
+
pressed: {
|
|
145
|
+
true: string;
|
|
146
|
+
false: string;
|
|
147
|
+
};
|
|
148
|
+
size: {
|
|
149
|
+
default: string;
|
|
150
|
+
sm: string;
|
|
151
|
+
lg: string;
|
|
152
|
+
};
|
|
153
|
+
}, undefined, "text-sm font-medium", import("tailwind-variants/dist/config.js").TVConfig<{
|
|
154
|
+
pressed: {
|
|
155
|
+
true: string;
|
|
156
|
+
false: string;
|
|
157
|
+
};
|
|
158
|
+
size: {
|
|
159
|
+
default: string;
|
|
160
|
+
sm: string;
|
|
161
|
+
lg: string;
|
|
162
|
+
};
|
|
163
|
+
}, {
|
|
164
|
+
pressed: {
|
|
165
|
+
true: string;
|
|
166
|
+
false: string;
|
|
167
|
+
};
|
|
168
|
+
size: {
|
|
169
|
+
default: string;
|
|
170
|
+
sm: string;
|
|
171
|
+
lg: string;
|
|
172
|
+
};
|
|
173
|
+
}>, unknown, unknown, undefined>>;
|
|
174
|
+
export interface ToggleProps extends Omit<PressableProps, 'children'> {
|
|
175
|
+
pressed?: boolean;
|
|
176
|
+
defaultPressed?: boolean;
|
|
177
|
+
onPressedChange?: (pressed: boolean) => void;
|
|
178
|
+
variant?: VariantProps<typeof toggleVariants>['variant'];
|
|
179
|
+
size?: VariantProps<typeof toggleVariants>['size'];
|
|
180
|
+
className?: string;
|
|
181
|
+
children?: React.ReactNode;
|
|
182
|
+
}
|
|
183
|
+
export interface ToggleTextProps extends TextProps {
|
|
184
|
+
className?: string;
|
|
185
|
+
}
|
|
186
|
+
declare function Toggle({ pressed: controlledPressed, defaultPressed, onPressedChange, variant, size, className, children, ...props }: ToggleProps): import("react/jsx-runtime").JSX.Element;
|
|
187
|
+
declare namespace Toggle {
|
|
188
|
+
var displayName: string;
|
|
189
|
+
}
|
|
190
|
+
declare function ToggleText({ className, ...props }: ToggleTextProps): import("react/jsx-runtime").JSX.Element;
|
|
191
|
+
declare namespace ToggleText {
|
|
192
|
+
var displayName: string;
|
|
193
|
+
}
|
|
194
|
+
export { Toggle, ToggleText, toggleVariants, toggleTextVariants };
|
|
195
|
+
//# sourceMappingURL=toggle.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"toggle.d.ts","sourceRoot":"","sources":["../../../src/components/toggle/toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AACzD,OAAO,EAAmB,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpF,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;AAkBrD,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAsBlB,CAAC;AAEH,QAAA,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAiBtB,CAAC;AAIH,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC;IACnE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,OAAO,CAAC,EAAE,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC,SAAS,CAAC,CAAC;IACzD,IAAI,CAAC,EAAE,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,MAAM,WAAW,eAAgB,SAAQ,SAAS;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID,iBAAS,MAAM,CAAC,EACd,OAAO,EAAE,iBAAiB,EAC1B,cAAsB,EACtB,eAAe,EACf,OAAmB,EACnB,IAAgB,EAChB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,WAAW,2CAuBb;kBAhCQ,MAAM;;;AAkCf,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,2CAG3D;kBAHQ,UAAU;;;AAQnB,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,cAAc,EAAE,kBAAkB,EAAE,CAAC"}
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import React, { createContext, useContext } from 'react';
|
|
3
|
+
import { Pressable, Text } from 'react-native';
|
|
4
|
+
import { cn } from '../../lib/cn';
|
|
5
|
+
import { tv } from '../../lib/tv';
|
|
6
|
+
const ToggleContext = createContext({
|
|
7
|
+
pressed: false,
|
|
8
|
+
variant: 'default',
|
|
9
|
+
size: 'default',
|
|
10
|
+
});
|
|
11
|
+
// ─── Variants ────────────────────────────────────────────────
|
|
12
|
+
const toggleVariants = tv({
|
|
13
|
+
base: 'inline-flex items-center justify-center rounded-md active:bg-accent',
|
|
14
|
+
variants: {
|
|
15
|
+
variant: {
|
|
16
|
+
default: 'bg-transparent',
|
|
17
|
+
outline: 'border border-input bg-transparent',
|
|
18
|
+
},
|
|
19
|
+
size: {
|
|
20
|
+
default: 'h-10 px-3',
|
|
21
|
+
sm: 'h-8 px-2',
|
|
22
|
+
lg: 'h-12 px-4',
|
|
23
|
+
},
|
|
24
|
+
pressed: {
|
|
25
|
+
true: 'bg-accent',
|
|
26
|
+
false: '',
|
|
27
|
+
},
|
|
28
|
+
},
|
|
29
|
+
defaultVariants: {
|
|
30
|
+
variant: 'default',
|
|
31
|
+
size: 'default',
|
|
32
|
+
pressed: false,
|
|
33
|
+
},
|
|
34
|
+
});
|
|
35
|
+
const toggleTextVariants = tv({
|
|
36
|
+
base: 'text-sm font-medium',
|
|
37
|
+
variants: {
|
|
38
|
+
pressed: {
|
|
39
|
+
true: 'text-accent-foreground',
|
|
40
|
+
false: 'text-muted-foreground',
|
|
41
|
+
},
|
|
42
|
+
size: {
|
|
43
|
+
default: 'text-sm',
|
|
44
|
+
sm: 'text-xs',
|
|
45
|
+
lg: 'text-base',
|
|
46
|
+
},
|
|
47
|
+
},
|
|
48
|
+
defaultVariants: {
|
|
49
|
+
pressed: false,
|
|
50
|
+
size: 'default',
|
|
51
|
+
},
|
|
52
|
+
});
|
|
53
|
+
// ─── Component ───────────────────────────────────────────────
|
|
54
|
+
function Toggle({ pressed: controlledPressed, defaultPressed = false, onPressedChange, variant = 'default', size = 'default', className, children, ...props }) {
|
|
55
|
+
const [internalPressed, setInternalPressed] = React.useState(defaultPressed);
|
|
56
|
+
const pressed = controlledPressed ?? internalPressed;
|
|
57
|
+
const handlePress = () => {
|
|
58
|
+
const next = !pressed;
|
|
59
|
+
setInternalPressed(next);
|
|
60
|
+
onPressedChange?.(next);
|
|
61
|
+
};
|
|
62
|
+
return (_jsx(ToggleContext.Provider, { value: { pressed, variant, size }, children: _jsx(Pressable, { className: cn(toggleVariants({ variant, size, pressed }), className), onPress: handlePress, accessibilityRole: "button", accessibilityState: { selected: pressed }, ...props, children: children }) }));
|
|
63
|
+
}
|
|
64
|
+
function ToggleText({ className, ...props }) {
|
|
65
|
+
const { pressed, size } = useContext(ToggleContext);
|
|
66
|
+
return _jsx(Text, { className: cn(toggleTextVariants({ pressed, size }), className), ...props });
|
|
67
|
+
}
|
|
68
|
+
Toggle.displayName = 'Toggle';
|
|
69
|
+
ToggleText.displayName = 'ToggleText';
|
|
70
|
+
export { Toggle, ToggleText, toggleVariants, toggleTextVariants };
|
|
71
|
+
//# sourceMappingURL=toggle.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"toggle.js","sourceRoot":"","sources":["../../../src/components/toggle/toggle.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/toggle-group/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,eAAe,EACf,mBAAmB,EACnB,uBAAuB,EACvB,2BAA2B,EAC3B,KAAK,gBAAgB,EACrB,KAAK,oBAAoB,EACzB,KAAK,wBAAwB,GAC9B,MAAM,gBAAgB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/toggle-group/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,eAAe,EACf,mBAAmB,EACnB,uBAAuB,EACvB,2BAA2B,GAI5B,MAAM,gBAAgB,CAAC"}
|
|
@@ -0,0 +1,204 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { type ViewProps, type PressableProps, type TextProps } from 'react-native';
|
|
3
|
+
type ToggleGroupType = 'single' | 'multiple';
|
|
4
|
+
declare const toggleGroupItemVariants: import("tailwind-variants").TVReturnType<{
|
|
5
|
+
variant: {
|
|
6
|
+
default: string;
|
|
7
|
+
outline: string;
|
|
8
|
+
};
|
|
9
|
+
size: {
|
|
10
|
+
default: string;
|
|
11
|
+
sm: string;
|
|
12
|
+
lg: string;
|
|
13
|
+
};
|
|
14
|
+
pressed: {
|
|
15
|
+
true: string;
|
|
16
|
+
false: string;
|
|
17
|
+
};
|
|
18
|
+
}, undefined, "inline-flex items-center justify-center rounded-md", import("tailwind-variants/dist/config.js").TVConfig<{
|
|
19
|
+
variant: {
|
|
20
|
+
default: string;
|
|
21
|
+
outline: string;
|
|
22
|
+
};
|
|
23
|
+
size: {
|
|
24
|
+
default: string;
|
|
25
|
+
sm: string;
|
|
26
|
+
lg: string;
|
|
27
|
+
};
|
|
28
|
+
pressed: {
|
|
29
|
+
true: string;
|
|
30
|
+
false: string;
|
|
31
|
+
};
|
|
32
|
+
}, {
|
|
33
|
+
variant: {
|
|
34
|
+
default: string;
|
|
35
|
+
outline: string;
|
|
36
|
+
};
|
|
37
|
+
size: {
|
|
38
|
+
default: string;
|
|
39
|
+
sm: string;
|
|
40
|
+
lg: string;
|
|
41
|
+
};
|
|
42
|
+
pressed: {
|
|
43
|
+
true: string;
|
|
44
|
+
false: string;
|
|
45
|
+
};
|
|
46
|
+
}>, {
|
|
47
|
+
variant: {
|
|
48
|
+
default: string;
|
|
49
|
+
outline: string;
|
|
50
|
+
};
|
|
51
|
+
size: {
|
|
52
|
+
default: string;
|
|
53
|
+
sm: string;
|
|
54
|
+
lg: string;
|
|
55
|
+
};
|
|
56
|
+
pressed: {
|
|
57
|
+
true: string;
|
|
58
|
+
false: string;
|
|
59
|
+
};
|
|
60
|
+
}, undefined, import("tailwind-variants").TVReturnType<{
|
|
61
|
+
variant: {
|
|
62
|
+
default: string;
|
|
63
|
+
outline: string;
|
|
64
|
+
};
|
|
65
|
+
size: {
|
|
66
|
+
default: string;
|
|
67
|
+
sm: string;
|
|
68
|
+
lg: string;
|
|
69
|
+
};
|
|
70
|
+
pressed: {
|
|
71
|
+
true: string;
|
|
72
|
+
false: string;
|
|
73
|
+
};
|
|
74
|
+
}, undefined, "inline-flex items-center justify-center rounded-md", import("tailwind-variants/dist/config.js").TVConfig<{
|
|
75
|
+
variant: {
|
|
76
|
+
default: string;
|
|
77
|
+
outline: string;
|
|
78
|
+
};
|
|
79
|
+
size: {
|
|
80
|
+
default: string;
|
|
81
|
+
sm: string;
|
|
82
|
+
lg: string;
|
|
83
|
+
};
|
|
84
|
+
pressed: {
|
|
85
|
+
true: string;
|
|
86
|
+
false: string;
|
|
87
|
+
};
|
|
88
|
+
}, {
|
|
89
|
+
variant: {
|
|
90
|
+
default: string;
|
|
91
|
+
outline: string;
|
|
92
|
+
};
|
|
93
|
+
size: {
|
|
94
|
+
default: string;
|
|
95
|
+
sm: string;
|
|
96
|
+
lg: string;
|
|
97
|
+
};
|
|
98
|
+
pressed: {
|
|
99
|
+
true: string;
|
|
100
|
+
false: string;
|
|
101
|
+
};
|
|
102
|
+
}>, unknown, unknown, undefined>>;
|
|
103
|
+
declare const toggleGroupItemTextVariants: import("tailwind-variants").TVReturnType<{
|
|
104
|
+
pressed: {
|
|
105
|
+
true: string;
|
|
106
|
+
false: string;
|
|
107
|
+
};
|
|
108
|
+
size: {
|
|
109
|
+
default: string;
|
|
110
|
+
sm: string;
|
|
111
|
+
lg: string;
|
|
112
|
+
};
|
|
113
|
+
}, undefined, "text-sm font-medium", import("tailwind-variants/dist/config.js").TVConfig<{
|
|
114
|
+
pressed: {
|
|
115
|
+
true: string;
|
|
116
|
+
false: string;
|
|
117
|
+
};
|
|
118
|
+
size: {
|
|
119
|
+
default: string;
|
|
120
|
+
sm: string;
|
|
121
|
+
lg: string;
|
|
122
|
+
};
|
|
123
|
+
}, {
|
|
124
|
+
pressed: {
|
|
125
|
+
true: string;
|
|
126
|
+
false: string;
|
|
127
|
+
};
|
|
128
|
+
size: {
|
|
129
|
+
default: string;
|
|
130
|
+
sm: string;
|
|
131
|
+
lg: string;
|
|
132
|
+
};
|
|
133
|
+
}>, {
|
|
134
|
+
pressed: {
|
|
135
|
+
true: string;
|
|
136
|
+
false: string;
|
|
137
|
+
};
|
|
138
|
+
size: {
|
|
139
|
+
default: string;
|
|
140
|
+
sm: string;
|
|
141
|
+
lg: string;
|
|
142
|
+
};
|
|
143
|
+
}, undefined, import("tailwind-variants").TVReturnType<{
|
|
144
|
+
pressed: {
|
|
145
|
+
true: string;
|
|
146
|
+
false: string;
|
|
147
|
+
};
|
|
148
|
+
size: {
|
|
149
|
+
default: string;
|
|
150
|
+
sm: string;
|
|
151
|
+
lg: string;
|
|
152
|
+
};
|
|
153
|
+
}, undefined, "text-sm font-medium", import("tailwind-variants/dist/config.js").TVConfig<{
|
|
154
|
+
pressed: {
|
|
155
|
+
true: string;
|
|
156
|
+
false: string;
|
|
157
|
+
};
|
|
158
|
+
size: {
|
|
159
|
+
default: string;
|
|
160
|
+
sm: string;
|
|
161
|
+
lg: string;
|
|
162
|
+
};
|
|
163
|
+
}, {
|
|
164
|
+
pressed: {
|
|
165
|
+
true: string;
|
|
166
|
+
false: string;
|
|
167
|
+
};
|
|
168
|
+
size: {
|
|
169
|
+
default: string;
|
|
170
|
+
sm: string;
|
|
171
|
+
lg: string;
|
|
172
|
+
};
|
|
173
|
+
}>, unknown, unknown, undefined>>;
|
|
174
|
+
export interface ToggleGroupProps extends ViewProps {
|
|
175
|
+
type?: ToggleGroupType;
|
|
176
|
+
defaultValue?: string | string[];
|
|
177
|
+
value?: string | string[];
|
|
178
|
+
onValueChange?: (value: string | string[]) => void;
|
|
179
|
+
variant?: 'default' | 'outline';
|
|
180
|
+
size?: 'default' | 'sm' | 'lg';
|
|
181
|
+
className?: string;
|
|
182
|
+
}
|
|
183
|
+
export interface ToggleGroupItemProps extends Omit<PressableProps, 'children'> {
|
|
184
|
+
value: string;
|
|
185
|
+
className?: string;
|
|
186
|
+
children?: React.ReactNode;
|
|
187
|
+
}
|
|
188
|
+
export interface ToggleGroupItemTextProps extends TextProps {
|
|
189
|
+
className?: string;
|
|
190
|
+
}
|
|
191
|
+
declare function ToggleGroup({ type, defaultValue, value: controlledValue, onValueChange, variant, size, className, children, ...props }: ToggleGroupProps): import("react/jsx-runtime").JSX.Element;
|
|
192
|
+
declare namespace ToggleGroup {
|
|
193
|
+
var displayName: string;
|
|
194
|
+
}
|
|
195
|
+
declare function ToggleGroupItem({ value: itemValue, className, children, ...props }: ToggleGroupItemProps): import("react/jsx-runtime").JSX.Element;
|
|
196
|
+
declare namespace ToggleGroupItem {
|
|
197
|
+
var displayName: string;
|
|
198
|
+
}
|
|
199
|
+
declare function ToggleGroupItemText({ className, ...props }: ToggleGroupItemTextProps): import("react/jsx-runtime").JSX.Element;
|
|
200
|
+
declare namespace ToggleGroupItemText {
|
|
201
|
+
var displayName: string;
|
|
202
|
+
}
|
|
203
|
+
export { ToggleGroup, ToggleGroupItem, ToggleGroupItemText, toggleGroupItemVariants, toggleGroupItemTextVariants, };
|
|
204
|
+
//# sourceMappingURL=toggle-group.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"toggle-group.d.ts","sourceRoot":"","sources":["../../../src/components/toggle-group/toggle-group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAChF,OAAO,EAIL,KAAK,SAAS,EACd,KAAK,cAAc,EACnB,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAMtB,KAAK,eAAe,GAAG,QAAQ,GAAG,UAAU,CAAC;AA4B7C,QAAA,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAsB3B,CAAC;AAEH,QAAA,MAAM,2BAA2B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAiB/B,CAAC;AAIH,MAAM,WAAW,gBAAiB,SAAQ,SAAS;IACjD,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC1B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;IACnD,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAChC,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,GAAG,IAAI,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC;IAC5E,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,MAAM,WAAW,wBAAyB,SAAQ,SAAS;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID,iBAAS,WAAW,CAAC,EACnB,IAAe,EACf,YAAY,EACZ,KAAK,EAAE,eAAe,EACtB,aAAa,EACb,OAAmB,EACnB,IAAgB,EAChB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,gBAAgB,2CAqClB;kBA/CQ,WAAW;;;AAiDpB,iBAAS,eAAe,CAAC,EACvB,KAAK,EAAE,SAAS,EAChB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,oBAAoB,2CAiBtB;kBAtBQ,eAAe;;;AAwBxB,iBAAS,mBAAmB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,wBAAwB,2CAK7E;kBALQ,mBAAmB;;;AAW5B,OAAO,EACL,WAAW,EACX,eAAe,EACf,mBAAmB,EACnB,uBAAuB,EACvB,2BAA2B,GAC5B,CAAC"}
|
|
@@ -0,0 +1,97 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { createContext, useContext, useState, useCallback } from 'react';
|
|
3
|
+
import { View, Pressable, Text, } from 'react-native';
|
|
4
|
+
import { cn } from '../../lib/cn';
|
|
5
|
+
import { tv } from '../../lib/tv';
|
|
6
|
+
const ToggleGroupContext = createContext({
|
|
7
|
+
type: 'single',
|
|
8
|
+
value: [],
|
|
9
|
+
onValueChange: () => { },
|
|
10
|
+
});
|
|
11
|
+
const ToggleGroupItemContext = createContext({
|
|
12
|
+
pressed: false,
|
|
13
|
+
size: 'default',
|
|
14
|
+
});
|
|
15
|
+
// ─── Variants ────────────────────────────────────────────────
|
|
16
|
+
const toggleGroupItemVariants = tv({
|
|
17
|
+
base: 'inline-flex items-center justify-center rounded-md',
|
|
18
|
+
variants: {
|
|
19
|
+
variant: {
|
|
20
|
+
default: 'bg-transparent',
|
|
21
|
+
outline: 'border border-input bg-transparent',
|
|
22
|
+
},
|
|
23
|
+
size: {
|
|
24
|
+
default: 'h-10 px-3',
|
|
25
|
+
sm: 'h-8 px-2',
|
|
26
|
+
lg: 'h-12 px-4',
|
|
27
|
+
},
|
|
28
|
+
pressed: {
|
|
29
|
+
true: 'bg-accent',
|
|
30
|
+
false: '',
|
|
31
|
+
},
|
|
32
|
+
},
|
|
33
|
+
defaultVariants: {
|
|
34
|
+
variant: 'default',
|
|
35
|
+
size: 'default',
|
|
36
|
+
pressed: false,
|
|
37
|
+
},
|
|
38
|
+
});
|
|
39
|
+
const toggleGroupItemTextVariants = tv({
|
|
40
|
+
base: 'text-sm font-medium',
|
|
41
|
+
variants: {
|
|
42
|
+
pressed: {
|
|
43
|
+
true: 'text-accent-foreground',
|
|
44
|
+
false: 'text-muted-foreground',
|
|
45
|
+
},
|
|
46
|
+
size: {
|
|
47
|
+
default: 'text-sm',
|
|
48
|
+
sm: 'text-xs',
|
|
49
|
+
lg: 'text-base',
|
|
50
|
+
},
|
|
51
|
+
},
|
|
52
|
+
defaultVariants: {
|
|
53
|
+
pressed: false,
|
|
54
|
+
size: 'default',
|
|
55
|
+
},
|
|
56
|
+
});
|
|
57
|
+
// ─── Components ──────────────────────────────────────────────
|
|
58
|
+
function ToggleGroup({ type = 'single', defaultValue, value: controlledValue, onValueChange, variant = 'default', size = 'default', className, children, ...props }) {
|
|
59
|
+
const [internalValue, setInternalValue] = useState(() => {
|
|
60
|
+
if (!defaultValue)
|
|
61
|
+
return [];
|
|
62
|
+
return Array.isArray(defaultValue) ? defaultValue : [defaultValue];
|
|
63
|
+
});
|
|
64
|
+
const value = controlledValue
|
|
65
|
+
? Array.isArray(controlledValue)
|
|
66
|
+
? controlledValue
|
|
67
|
+
: [controlledValue]
|
|
68
|
+
: internalValue;
|
|
69
|
+
const handleValueChange = useCallback((itemValue) => {
|
|
70
|
+
let next;
|
|
71
|
+
if (type === 'single') {
|
|
72
|
+
next = value.includes(itemValue) ? [] : [itemValue];
|
|
73
|
+
}
|
|
74
|
+
else {
|
|
75
|
+
next = value.includes(itemValue)
|
|
76
|
+
? value.filter((v) => v !== itemValue)
|
|
77
|
+
: [...value, itemValue];
|
|
78
|
+
}
|
|
79
|
+
setInternalValue(next);
|
|
80
|
+
onValueChange?.(type === 'single' ? next[0] || '' : next);
|
|
81
|
+
}, [type, value, onValueChange]);
|
|
82
|
+
return (_jsx(ToggleGroupContext.Provider, { value: { type, value, onValueChange: handleValueChange, variant, size }, children: _jsx(View, { className: cn('flex flex-row items-center gap-1', className), ...props, children: children }) }));
|
|
83
|
+
}
|
|
84
|
+
function ToggleGroupItem({ value: itemValue, className, children, ...props }) {
|
|
85
|
+
const { value, onValueChange, variant, size } = useContext(ToggleGroupContext);
|
|
86
|
+
const pressed = value.includes(itemValue);
|
|
87
|
+
return (_jsx(ToggleGroupItemContext.Provider, { value: { pressed, size }, children: _jsx(Pressable, { className: cn(toggleGroupItemVariants({ variant, size, pressed }), className), onPress: () => onValueChange(itemValue), accessibilityRole: "button", accessibilityState: { selected: pressed }, ...props, children: children }) }));
|
|
88
|
+
}
|
|
89
|
+
function ToggleGroupItemText({ className, ...props }) {
|
|
90
|
+
const { pressed, size } = useContext(ToggleGroupItemContext);
|
|
91
|
+
return (_jsx(Text, { className: cn(toggleGroupItemTextVariants({ pressed, size }), className), ...props }));
|
|
92
|
+
}
|
|
93
|
+
ToggleGroup.displayName = 'ToggleGroup';
|
|
94
|
+
ToggleGroupItem.displayName = 'ToggleGroupItem';
|
|
95
|
+
ToggleGroupItemText.displayName = 'ToggleGroupItemText';
|
|
96
|
+
export { ToggleGroup, ToggleGroupItem, ToggleGroupItemText, toggleGroupItemVariants, toggleGroupItemTextVariants, };
|
|
97
|
+
//# sourceMappingURL=toggle-group.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"toggle-group.js","sourceRoot":"","sources":["../../../src/components/toggle-group/toggle-group.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/tooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,EACP,cAAc,EACd,cAAc,EACd,KAAK,YAAY,EACjB,KAAK,mBAAmB,EACxB,KAAK,mBAAmB,GACzB,MAAM,WAAW,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/tooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,EACP,cAAc,EACd,cAAc,GAIf,MAAM,WAAW,CAAC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import * as TooltipPrimitive from '@rn-primitives/tooltip';
|
|
3
|
+
export interface TooltipProps {
|
|
4
|
+
onOpenChange?: (open: boolean) => void;
|
|
5
|
+
delayDuration?: number;
|
|
6
|
+
skipDelayDuration?: number;
|
|
7
|
+
disableHoverableContent?: boolean;
|
|
8
|
+
children: React.ReactNode;
|
|
9
|
+
}
|
|
10
|
+
export interface TooltipTriggerProps extends React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Trigger> {
|
|
11
|
+
className?: string;
|
|
12
|
+
}
|
|
13
|
+
export interface TooltipContentProps extends React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content> {
|
|
14
|
+
className?: string;
|
|
15
|
+
portalHost?: string;
|
|
16
|
+
}
|
|
17
|
+
declare function Tooltip({ onOpenChange, delayDuration, skipDelayDuration, disableHoverableContent, children, }: TooltipProps): import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipTriggerProps & React.RefAttributes<import("@rn-primitives/tooltip").TriggerRef>>;
|
|
19
|
+
declare const TooltipContent: React.ForwardRefExoticComponent<TooltipContentProps & React.RefAttributes<import("react-native").View>>;
|
|
20
|
+
export { Tooltip, TooltipTrigger, TooltipContent };
|
|
21
|
+
//# sourceMappingURL=tooltip.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/tooltip/tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,gBAAgB,MAAM,wBAAwB,CAAC;AAK3D,MAAM,WAAW,YAAY;IAC3B,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,wBAAwB,CACzE,OAAO,gBAAgB,CAAC,OAAO,CAChC;IACC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,wBAAwB,CACzE,OAAO,gBAAgB,CAAC,OAAO,CAChC;IACC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAID,iBAAS,OAAO,CAAC,EACf,YAAY,EACZ,aAAa,EACb,iBAAiB,EACjB,uBAAuB,EACvB,QAAQ,GACT,EAAE,YAAY,2CAWd;AAED,QAAA,MAAM,cAAc,yHAKlB,CAAC;AAGH,QAAA,MAAM,cAAc,yGAyBlB,CAAC;AAOH,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import { Platform, StyleSheet, Text } from 'react-native';
|
|
4
|
+
import * as TooltipPrimitive from '@rn-primitives/tooltip';
|
|
5
|
+
import { cn } from '../../lib/cn';
|
|
6
|
+
// ─── Components ──────────────────────────────────────────────
|
|
7
|
+
function Tooltip({ onOpenChange, delayDuration, skipDelayDuration, disableHoverableContent, children, }) {
|
|
8
|
+
return (_jsx(TooltipPrimitive.Root, { onOpenChange: onOpenChange, delayDuration: delayDuration, skipDelayDuration: skipDelayDuration, disableHoverableContent: disableHoverableContent, children: children }));
|
|
9
|
+
}
|
|
10
|
+
const TooltipTrigger = React.forwardRef(({ className, ...props }, ref) => (_jsx(TooltipPrimitive.Trigger, { ref: ref, className: cn(className), ...props })));
|
|
11
|
+
TooltipTrigger.displayName = 'TooltipTrigger';
|
|
12
|
+
const TooltipContent = React.forwardRef(({ className, sideOffset = 4, portalHost, children, ...props }, ref) => (_jsx(TooltipPrimitive.Portal, { hostName: portalHost, children: _jsx(TooltipPrimitive.Overlay, { style: Platform.OS !== 'web' ? StyleSheet.absoluteFill : undefined, children: _jsx(TooltipPrimitive.Content, { ref: ref, sideOffset: sideOffset, className: cn('z-50 overflow-hidden rounded-md bg-primary px-3 py-1.5 shadow-md', 'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1', className), style: Platform.OS === 'web' ? {} : contentStyles, ...props, children: typeof children === 'string' ? (_jsx(Text, { className: "text-xs text-primary-foreground", children: children })) : (children) }) }) })));
|
|
13
|
+
TooltipContent.displayName = 'TooltipContent';
|
|
14
|
+
const contentStyles = {
|
|
15
|
+
position: 'absolute',
|
|
16
|
+
};
|
|
17
|
+
export { Tooltip, TooltipTrigger, TooltipContent };
|
|
18
|
+
//# sourceMappingURL=tooltip.js.map
|