@nexub/react 2.9.0 → 3.1.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/dist/components/Accordion/Accordion.d.ts +10 -0
- package/dist/{chunk-DOVZNUSH.js → components/Accordion/Accordion.js} +12 -17
- package/dist/components/Accordion/index.d.ts +1 -0
- package/dist/components/Accordion/index.js +1 -5
- package/dist/components/Alert/Alert.d.ts +14 -0
- package/dist/{chunk-U422B6UE.js → components/Alert/Alert.js} +8 -15
- package/dist/components/Alert/index.d.ts +2 -0
- package/dist/components/Alert/index.js +1 -7
- package/dist/components/AlertDialog/AlertDialog.d.ts +15 -0
- package/dist/{chunk-PDQTKE2C.js → components/AlertDialog/AlertDialog.js} +32 -42
- package/dist/components/AlertDialog/index.d.ts +1 -0
- package/dist/components/AlertDialog/index.js +1 -9
- package/dist/components/Amount/Amount.d.ts +22 -0
- package/dist/{chunk-IBBICKEZ.js → components/Amount/Amount.js} +10 -21
- package/dist/components/Amount/index.d.ts +2 -0
- package/dist/components/Amount/index.js +1 -8
- package/dist/components/AppShell/AppShell.d.ts +8 -0
- package/dist/{chunk-EPJ4CMZP.js → components/AppShell/AppShell.js} +8 -14
- package/dist/components/AppShell/index.d.ts +1 -0
- package/dist/components/AppShell/index.js +1 -5
- package/dist/components/AspectRatio/AspectRatio.d.ts +5 -0
- package/dist/{chunk-52CXVN3U.js → components/AspectRatio/AspectRatio.js} +4 -10
- package/dist/components/AspectRatio/index.d.ts +2 -0
- package/dist/components/AspectRatio/index.js +1 -5
- package/dist/components/Autocomplete/Autocomplete.d.ts +18 -0
- package/dist/{chunk-E7RLUHG3.js → components/Autocomplete/Autocomplete.js} +4 -11
- package/dist/components/Autocomplete/index.d.ts +2 -0
- package/dist/components/Autocomplete/index.js +1 -7
- package/dist/components/Avatar/Avatar.d.ts +13 -0
- package/dist/{chunk-AYG7HBDZ.js → components/Avatar/Avatar.js} +8 -13
- package/dist/components/Avatar/index.d.ts +2 -0
- package/dist/components/Avatar/index.js +1 -7
- package/dist/components/AvatarGroup/AvatarGroup.d.ts +12 -0
- package/dist/{chunk-BMUAR6H2.js → components/AvatarGroup/AvatarGroup.js} +9 -18
- package/dist/components/AvatarGroup/index.d.ts +2 -0
- package/dist/components/AvatarGroup/index.js +1 -8
- package/dist/components/Badge/Badge.d.ts +12 -0
- package/dist/{chunk-FBUKWIWR.js → components/Badge/Badge.js} +7 -13
- package/dist/components/Badge/index.d.ts +2 -0
- package/dist/components/Badge/index.js +1 -6
- package/dist/components/Box/Box.d.ts +5 -0
- package/dist/{chunk-ZCHZNGWU.js → components/Box/Box.js} +3 -9
- package/dist/components/Box/index.d.ts +2 -0
- package/dist/components/Box/index.js +1 -5
- package/dist/components/Breadcrumb/Breadcrumb.d.ts +21 -0
- package/dist/{chunk-SQGRT72E.js → components/Breadcrumb/Breadcrumb.js} +12 -19
- package/dist/components/Breadcrumb/index.d.ts +1 -0
- package/dist/components/Breadcrumb/index.js +1 -6
- package/dist/components/Button/Button.d.ts +30 -0
- package/dist/{chunk-GHLMHKMV.js → components/Button/Button.js} +19 -37
- package/dist/components/Button/index.d.ts +2 -0
- package/dist/components/Button/index.js +1 -9
- package/dist/components/ButtonGroup/ButtonGroup.d.ts +6 -0
- package/dist/{chunk-7EQ2LIYD.js → components/ButtonGroup/ButtonGroup.js} +3 -9
- package/dist/components/ButtonGroup/index.d.ts +2 -0
- package/dist/components/ButtonGroup/index.js +1 -6
- package/dist/components/Card/Card.d.ts +27 -0
- package/dist/{chunk-T466ZB34.js → components/Card/Card.js} +18 -46
- package/dist/components/Card/index.d.ts +2 -0
- package/dist/components/Card/index.js +1 -8
- package/dist/components/CheckList/CheckList.d.ts +10 -0
- package/dist/{chunk-T3RBFJML.js → components/CheckList/CheckList.js} +4 -10
- package/dist/components/CheckList/index.d.ts +2 -0
- package/dist/components/CheckList/index.js +1 -6
- package/dist/components/Checkbox/Checkbox.d.ts +5 -0
- package/dist/{chunk-JOOKMCAF.js → components/Checkbox/Checkbox.js} +4 -9
- package/dist/components/Checkbox/index.d.ts +2 -0
- package/dist/components/Checkbox/index.js +1 -5
- package/dist/components/CheckboxCard/CheckboxCard.d.ts +9 -0
- package/dist/{chunk-EYGT5IX4.js → components/CheckboxCard/CheckboxCard.js} +7 -12
- package/dist/components/CheckboxCard/index.d.ts +2 -0
- package/dist/components/CheckboxCard/index.js +1 -6
- package/dist/components/Chip/Chip.d.ts +12 -0
- package/dist/{chunk-PFDUHXT5.js → components/Chip/Chip.js} +8 -15
- package/dist/components/Chip/index.d.ts +2 -0
- package/dist/components/Chip/index.js +1 -7
- package/dist/components/Citation/Citation.d.ts +44 -0
- package/dist/{chunk-IA2362SO.js → components/Citation/Citation.js} +12 -21
- package/dist/components/Citation/index.d.ts +2 -0
- package/dist/components/Citation/index.js +1 -11
- package/dist/components/Code/Code.d.ts +6 -0
- package/dist/{chunk-NX44VGON.js → components/Code/Code.js} +3 -9
- package/dist/components/Code/index.d.ts +2 -0
- package/dist/components/Code/index.js +1 -5
- package/dist/components/Collapsible/Collapsible.d.ts +7 -0
- package/dist/{chunk-4WIUGX5Z.js → components/Collapsible/Collapsible.js} +10 -15
- package/dist/components/Collapsible/index.d.ts +1 -0
- package/dist/components/Collapsible/index.js +1 -5
- package/dist/components/Combobox/Combobox.d.ts +75 -0
- package/dist/{chunk-XWELMPYD.js → components/Combobox/Combobox.js} +11 -16
- package/dist/components/Combobox/index.d.ts +1 -0
- package/dist/components/Combobox/index.js +1 -6
- package/dist/components/CommandPalette/CommandPalette.d.ts +73 -0
- package/dist/{chunk-LASPHHH6.js → components/CommandPalette/CommandPalette.js} +16 -28
- package/dist/components/CommandPalette/index.d.ts +2 -0
- package/dist/components/CommandPalette/index.js +1 -8
- package/dist/components/Container/Container.d.ts +10 -0
- package/dist/{chunk-EQ5ASTJM.js → components/Container/Container.js} +7 -12
- package/dist/components/Container/index.d.ts +2 -0
- package/dist/components/Container/index.js +1 -6
- package/dist/components/ContextMenu/ContextMenu.d.ts +18 -0
- package/dist/{chunk-CUCTSWR2.js → components/ContextMenu/ContextMenu.js} +42 -53
- package/dist/components/ContextMenu/index.d.ts +1 -0
- package/dist/components/ContextMenu/index.js +1 -6
- package/dist/components/CountryBadge/CountryBadge.d.ts +8 -0
- package/dist/{chunk-JZCZ2SDT.js → components/CountryBadge/CountryBadge.js} +5 -13
- package/dist/components/CountryBadge/index.d.ts +2 -0
- package/dist/components/CountryBadge/index.js +1 -6
- package/dist/components/DataTable/DataTable.d.ts +24 -0
- package/dist/{chunk-A7PS3EZO.js → components/DataTable/DataTable.js} +15 -27
- package/dist/components/DataTable/index.d.ts +2 -0
- package/dist/components/DataTable/index.js +1 -8
- package/dist/components/DatePicker/DatePicker.d.ts +39 -0
- package/dist/{chunk-OY5CWWIM.js → components/DatePicker/DatePicker.js} +11 -24
- package/dist/components/DatePicker/index.d.ts +2 -0
- package/dist/components/DatePicker/index.js +1 -9
- package/dist/components/DateRangePicker/DateRangePicker.d.ts +20 -0
- package/dist/{chunk-YYAXXJH3.js → components/DateRangePicker/DateRangePicker.js} +9 -23
- package/dist/components/DateRangePicker/index.d.ts +2 -0
- package/dist/components/DateRangePicker/index.js +1 -9
- package/dist/components/Dialog/Dialog.d.ts +21 -0
- package/dist/{chunk-CEFGILJY.js → components/Dialog/Dialog.js} +28 -38
- package/dist/components/Dialog/index.d.ts +1 -0
- package/dist/components/Dialog/index.js +1 -7
- package/dist/components/Drawer/Drawer.d.ts +94 -0
- package/dist/components/Drawer/Drawer.js +131 -0
- package/dist/components/Drawer/index.d.ts +2 -0
- package/dist/components/Drawer/index.js +1 -9
- package/dist/components/DropdownMenu/DropdownMenu.d.ts +18 -0
- package/dist/{chunk-GWFIMQBC.js → components/DropdownMenu/DropdownMenu.js} +42 -53
- package/dist/components/DropdownMenu/index.d.ts +1 -0
- package/dist/components/DropdownMenu/index.js +1 -7
- package/dist/components/EmptyState/EmptyState.d.ts +8 -0
- package/dist/{chunk-AWTSLASB.js → components/EmptyState/EmptyState.js} +8 -14
- package/dist/components/EmptyState/index.d.ts +1 -0
- package/dist/components/EmptyState/index.js +1 -5
- package/dist/components/ErrorState/ErrorState.d.ts +10 -0
- package/dist/{chunk-NX5ZJSRU.js → components/ErrorState/ErrorState.js} +6 -13
- package/dist/components/ErrorState/index.d.ts +2 -0
- package/dist/components/ErrorState/index.js +1 -6
- package/dist/components/EyebrowChip/EyebrowChip.d.ts +11 -0
- package/dist/{chunk-MXXJOAWQ.js → components/EyebrowChip/EyebrowChip.js} +7 -13
- package/dist/components/EyebrowChip/index.d.ts +2 -0
- package/dist/components/EyebrowChip/index.js +1 -8
- package/dist/components/FileUpload/FileUpload.d.ts +16 -0
- package/dist/{chunk-LR6KNEKL.js → components/FileUpload/FileUpload.js} +12 -19
- package/dist/components/FileUpload/index.d.ts +2 -0
- package/dist/components/FileUpload/index.js +1 -6
- package/dist/components/FilterChip/FilterChip.d.ts +8 -0
- package/dist/{chunk-36QSSD7I.js → components/FilterChip/FilterChip.js} +6 -15
- package/dist/components/FilterChip/index.d.ts +2 -0
- package/dist/components/FilterChip/index.js +1 -7
- package/dist/components/Flag/Flag.d.ts +7 -0
- package/dist/{chunk-HOQPHAGW.js → components/Flag/Flag.js} +4 -10
- package/dist/components/Flag/index.d.ts +2 -0
- package/dist/components/Flag/index.js +1 -6
- package/dist/components/Flex/Flex.d.ts +10 -0
- package/dist/{chunk-BOO4VH3M.js → components/Flex/Flex.js} +5 -13
- package/dist/components/Flex/index.d.ts +2 -0
- package/dist/components/Flex/index.js +1 -6
- package/dist/components/FormError/FormError.d.ts +3 -0
- package/dist/{chunk-H2X6MSNY.js → components/FormError/FormError.js} +3 -9
- package/dist/components/FormError/index.d.ts +2 -0
- package/dist/components/FormError/index.js +1 -6
- package/dist/components/FormField/FormField.d.ts +46 -0
- package/dist/{chunk-FRGFO4DS.js → components/FormField/FormField.js} +9 -20
- package/dist/components/FormField/index.d.ts +2 -0
- package/dist/components/FormField/index.js +1 -11
- package/dist/components/GradientDivider/GradientDivider.d.ts +6 -0
- package/dist/{chunk-FDRAGYDV.js → components/GradientDivider/GradientDivider.js} +7 -13
- package/dist/components/GradientDivider/index.d.ts +2 -0
- package/dist/components/GradientDivider/index.js +1 -5
- package/dist/components/Grid/Grid.d.ts +9 -0
- package/dist/{chunk-F5S2KP3Z.js → components/Grid/Grid.js} +5 -13
- package/dist/components/Grid/index.d.ts +2 -0
- package/dist/components/Grid/index.js +1 -6
- package/dist/components/Heading/Heading.d.ts +17 -0
- package/dist/{chunk-Z7OR2LYG.js → components/Heading/Heading.js} +8 -16
- package/dist/components/Heading/index.d.ts +2 -0
- package/dist/components/Heading/index.js +1 -9
- package/dist/components/HelperText/HelperText.d.ts +6 -0
- package/dist/{chunk-QKGQBJ4U.js → components/HelperText/HelperText.js} +4 -12
- package/dist/components/HelperText/index.d.ts +2 -0
- package/dist/components/HelperText/index.js +1 -9
- package/dist/components/HoverCard/HoverCard.d.ts +10 -0
- package/dist/{chunk-KL55E5PE.js → components/HoverCard/HoverCard.js} +15 -22
- package/dist/components/HoverCard/index.d.ts +1 -0
- package/dist/components/HoverCard/index.js +1 -7
- package/dist/components/IconButton/IconButton.d.ts +11 -0
- package/dist/{chunk-RH2HEPC7.js → components/IconButton/IconButton.js} +7 -17
- package/dist/components/IconButton/index.d.ts +2 -0
- package/dist/components/IconButton/index.js +1 -8
- package/dist/components/Input/Input.d.ts +21 -0
- package/dist/{chunk-G7VMAWAX.js → components/Input/Input.js} +10 -21
- package/dist/components/Input/index.d.ts +2 -0
- package/dist/components/Input/index.js +1 -10
- package/dist/components/Kbd/Kbd.d.ts +4 -0
- package/dist/{chunk-OM62PQSE.js → components/Kbd/Kbd.js} +3 -9
- package/dist/components/Kbd/index.d.ts +2 -0
- package/dist/components/Kbd/index.js +1 -6
- package/dist/components/KeyboardShortcut/KeyboardShortcut.d.ts +5 -0
- package/dist/{chunk-PR3CEPFG.js → components/KeyboardShortcut/KeyboardShortcut.js} +4 -12
- package/dist/components/KeyboardShortcut/index.d.ts +2 -0
- package/dist/components/KeyboardShortcut/index.js +1 -6
- package/dist/components/Label/Label.d.ts +15 -0
- package/dist/{chunk-BM5PGGK2.js → components/Label/Label.js} +7 -15
- package/dist/components/Label/index.d.ts +2 -0
- package/dist/components/Label/index.js +1 -10
- package/dist/components/Link/Link.d.ts +11 -0
- package/dist/{chunk-QCLE5VQW.js → components/Link/Link.js} +6 -12
- package/dist/components/Link/index.d.ts +2 -0
- package/dist/components/Link/index.js +1 -6
- package/dist/components/Logo/Logo.d.ts +15 -0
- package/dist/{chunk-ZGJF4HAT.js → components/Logo/Logo.js} +8 -14
- package/dist/components/Logo/index.d.ts +2 -0
- package/dist/components/Logo/index.js +1 -6
- package/dist/components/MediaCard/MediaCard.d.ts +24 -0
- package/dist/{chunk-5DHLFPC4.js → components/MediaCard/MediaCard.js} +5 -13
- package/dist/components/MediaCard/index.d.ts +2 -0
- package/dist/components/MediaCard/index.js +1 -6
- package/dist/components/Menubar/Menubar.d.ts +1 -0
- package/dist/{chunk-PPECMYKJ.js → components/Menubar/Menubar.js} +50 -61
- package/dist/components/Menubar/index.d.ts +1 -0
- package/dist/components/Menubar/index.js +1 -6
- package/dist/components/MessageBubble/MessageBubble.d.ts +43 -0
- package/dist/{chunk-RNS35DNZ.js → components/MessageBubble/MessageBubble.js} +13 -27
- package/dist/components/MessageBubble/index.d.ts +2 -0
- package/dist/components/MessageBubble/index.js +1 -13
- package/dist/components/MoneyInput/MoneyInput.d.ts +19 -0
- package/dist/{chunk-FOFNTKCK.js → components/MoneyInput/MoneyInput.js} +8 -24
- package/dist/components/MoneyInput/index.d.ts +2 -0
- package/dist/components/MoneyInput/index.js +1 -11
- package/dist/components/Motion/Collapse.d.ts +29 -0
- package/dist/components/Motion/Collapse.js +103 -0
- package/dist/components/Motion/Fade.d.ts +16 -0
- package/dist/components/Motion/Fade.js +42 -0
- package/dist/components/Motion/Float.d.ts +8 -0
- package/dist/components/Motion/Float.js +14 -0
- package/dist/components/Motion/ListTransition.d.ts +46 -0
- package/dist/components/Motion/ListTransition.js +110 -0
- package/dist/components/Motion/Marquee.d.ts +13 -0
- package/dist/components/Motion/Marquee.js +13 -0
- package/dist/components/Motion/Reveal.d.ts +12 -0
- package/dist/components/Motion/Reveal.js +32 -0
- package/dist/components/Motion/Scale.d.ts +22 -0
- package/dist/components/Motion/Scale.js +45 -0
- package/dist/components/Motion/Slide.d.ts +22 -0
- package/dist/components/Motion/Slide.js +59 -0
- package/dist/components/Motion/index.d.ts +18 -0
- package/dist/components/Motion/index.js +12 -10
- package/dist/components/Motion/motion.types.d.ts +25 -0
- package/dist/components/Motion/motion.types.js +1 -0
- package/dist/components/Motion/useMotion.d.ts +41 -0
- package/dist/components/Motion/useMotion.js +102 -0
- package/dist/components/NavigationMenu/NavigationMenu.d.ts +12 -0
- package/dist/{chunk-FXVI4RCJ.js → components/NavigationMenu/NavigationMenu.js} +21 -28
- package/dist/components/NavigationMenu/index.d.ts +1 -0
- package/dist/components/NavigationMenu/index.js +1 -6
- package/dist/components/NavigationRail/NavigationRail.d.ts +19 -0
- package/dist/{chunk-5MGCYR4G.js → components/NavigationRail/NavigationRail.js} +7 -14
- package/dist/components/NavigationRail/index.d.ts +2 -0
- package/dist/components/NavigationRail/index.js +1 -6
- package/dist/components/NexubProvider/NexubProvider.d.ts +34 -0
- package/dist/{chunk-VMSWIC3O.js → components/NexubProvider/NexubProvider.js} +7 -9
- package/dist/components/NexubProvider/index.d.ts +2 -0
- package/dist/components/NexubProvider/index.js +1 -8
- package/dist/components/NumberInput/NumberInput.d.ts +15 -0
- package/dist/{chunk-V3EWVSVI.js → components/NumberInput/NumberInput.js} +9 -20
- package/dist/components/NumberInput/index.d.ts +2 -0
- package/dist/components/NumberInput/index.js +1 -8
- package/dist/components/NumberTicker/NumberTicker.d.ts +25 -0
- package/dist/{chunk-2G3XUIQZ.js → components/NumberTicker/NumberTicker.js} +30 -19
- package/dist/components/NumberTicker/index.d.ts +2 -0
- package/dist/components/NumberTicker/index.js +1 -7
- package/dist/components/PageHeader/PageHeader.d.ts +10 -0
- package/dist/{chunk-SEW66BU7.js → components/PageHeader/PageHeader.js} +3 -9
- package/dist/components/PageHeader/index.d.ts +2 -0
- package/dist/components/PageHeader/index.js +1 -5
- package/dist/components/Pagination/Pagination.d.ts +9 -0
- package/dist/{chunk-NLVP74RX.js → components/Pagination/Pagination.js} +7 -17
- package/dist/components/Pagination/index.d.ts +2 -0
- package/dist/components/Pagination/index.js +1 -7
- package/dist/components/PasswordInput/PasswordInput.d.ts +9 -0
- package/dist/{chunk-OGHOT6XN.js → components/PasswordInput/PasswordInput.js} +7 -18
- package/dist/components/PasswordInput/index.d.ts +2 -0
- package/dist/components/PasswordInput/index.js +1 -10
- package/dist/components/Popover/Popover.d.ts +13 -0
- package/dist/{chunk-MPJG4WFP.js → components/Popover/Popover.js} +20 -29
- package/dist/components/Popover/index.d.ts +1 -0
- package/dist/components/Popover/index.js +1 -7
- package/dist/components/Progress/Progress.d.ts +17 -0
- package/dist/{chunk-HXNUIIXB.js → components/Progress/Progress.js} +9 -16
- package/dist/components/Progress/index.d.ts +2 -0
- package/dist/components/Progress/index.js +1 -8
- package/dist/components/PromptInput/PromptInput.d.ts +33 -0
- package/dist/{chunk-ZUMC7SX5.js → components/PromptInput/PromptInput.js} +12 -30
- package/dist/components/PromptInput/index.d.ts +2 -0
- package/dist/components/PromptInput/index.js +1 -12
- package/dist/components/RadioCard/RadioCard.d.ts +11 -0
- package/dist/{chunk-YNLXG574.js → components/RadioCard/RadioCard.js} +11 -16
- package/dist/components/RadioCard/index.d.ts +2 -0
- package/dist/components/RadioCard/index.js +1 -7
- package/dist/components/RadioCard/selectableCard.d.ts +29 -0
- package/dist/{chunk-6SPCGCDG.js → components/RadioCard/selectableCard.js} +6 -11
- package/dist/components/RadioGroup/RadioGroup.d.ts +6 -0
- package/dist/{chunk-QQR4PPF3.js → components/RadioGroup/RadioGroup.js} +8 -13
- package/dist/components/RadioGroup/index.d.ts +1 -0
- package/dist/components/RadioGroup/index.js +1 -5
- package/dist/components/Rating/Rating.d.ts +12 -0
- package/dist/{chunk-VCCQ64G7.js → components/Rating/Rating.js} +9 -18
- package/dist/components/Rating/index.d.ts +2 -0
- package/dist/components/Rating/index.js +1 -9
- package/dist/components/ScrollArea/ScrollArea.d.ts +6 -0
- package/dist/{chunk-2DZWTBDL.js → components/ScrollArea/ScrollArea.js} +4 -9
- package/dist/components/ScrollArea/index.d.ts +2 -0
- package/dist/components/ScrollArea/index.js +1 -5
- package/dist/components/SearchInput/SearchInput.d.ts +6 -0
- package/dist/{chunk-YVS6AVPD.js → components/SearchInput/SearchInput.js} +7 -18
- package/dist/components/SearchInput/index.d.ts +2 -0
- package/dist/components/SearchInput/index.js +1 -10
- package/dist/components/Section/Section.d.ts +10 -0
- package/dist/{chunk-EIV37DAQ.js → components/Section/Section.js} +6 -12
- package/dist/components/Section/index.d.ts +2 -0
- package/dist/components/Section/index.js +1 -6
- package/dist/components/SegmentedControl/SegmentedControl.d.ts +12 -0
- package/dist/{chunk-KRIRCSUB.js → components/SegmentedControl/SegmentedControl.js} +12 -21
- package/dist/components/SegmentedControl/index.d.ts +2 -0
- package/dist/components/SegmentedControl/index.js +1 -8
- package/dist/components/Select/Select.d.ts +16 -0
- package/dist/{chunk-M5PDVHFN.js → components/Select/Select.js} +35 -48
- package/dist/components/Select/index.d.ts +1 -0
- package/dist/components/Select/index.js +1 -7
- package/dist/components/Separator/Separator.d.ts +12 -0
- package/dist/{chunk-YVCUKIAC.js → components/Separator/Separator.js} +6 -12
- package/dist/components/Separator/index.d.ts +2 -0
- package/dist/components/Separator/index.js +1 -6
- package/dist/components/Sidebar/Sidebar.d.ts +25 -0
- package/dist/{chunk-NAESV7K3.js → components/Sidebar/Sidebar.js} +11 -18
- package/dist/components/Sidebar/index.d.ts +2 -0
- package/dist/components/Sidebar/index.js +1 -6
- package/dist/components/Skeleton/Skeleton.d.ts +14 -0
- package/dist/{chunk-3C4WVTAN.js → components/Skeleton/Skeleton.js} +7 -13
- package/dist/components/Skeleton/index.d.ts +2 -0
- package/dist/components/Skeleton/index.js +1 -6
- package/dist/components/Slider/Slider.d.ts +7 -0
- package/dist/{chunk-5QWRBJSZ.js → components/Slider/Slider.js} +4 -9
- package/dist/components/Slider/index.d.ts +2 -0
- package/dist/components/Slider/index.js +1 -5
- package/dist/components/Spinner/Spinner.d.ts +12 -0
- package/dist/{chunk-P3SAE4T2.js → components/Spinner/Spinner.js} +8 -15
- package/dist/components/Spinner/index.d.ts +2 -0
- package/dist/components/Spinner/index.js +1 -7
- package/dist/components/SplitButton/SplitButton.d.ts +15 -0
- package/dist/{chunk-ILIM4BLN.js → components/SplitButton/SplitButton.js} +7 -18
- package/dist/components/SplitButton/index.d.ts +2 -0
- package/dist/components/SplitButton/index.js +1 -11
- package/dist/components/Stack/Stack.d.ts +11 -0
- package/dist/{chunk-ST4O3EQ3.js → components/Stack/Stack.js} +4 -12
- package/dist/components/Stack/index.d.ts +2 -0
- package/dist/components/Stack/index.js +1 -6
- package/dist/components/StreamingText/StreamingText.d.ts +19 -0
- package/dist/{chunk-4ESZQDPB.js → components/StreamingText/StreamingText.js} +5 -10
- package/dist/components/StreamingText/index.d.ts +2 -0
- package/dist/components/StreamingText/index.js +1 -5
- package/dist/components/Switch/Switch.d.ts +12 -0
- package/dist/{chunk-EWW6PWTK.js → components/Switch/Switch.js} +9 -12
- package/dist/components/Switch/index.d.ts +2 -0
- package/dist/components/Switch/index.js +1 -5
- package/dist/components/Table/Table.d.ts +18 -0
- package/dist/{chunk-KA6RZ7VN.js → components/Table/Table.js} +13 -18
- package/dist/components/Table/index.d.ts +2 -0
- package/dist/components/Table/index.js +1 -6
- package/dist/components/Tabs/Tabs.d.ts +8 -0
- package/dist/{chunk-BIWSXGTZ.js → components/Tabs/Tabs.js} +14 -23
- package/dist/components/Tabs/index.d.ts +1 -0
- package/dist/components/Tabs/index.js +1 -8
- package/dist/components/Text/Text.d.ts +13 -0
- package/dist/{chunk-UYINKNCI.js → components/Text/Text.js} +7 -13
- package/dist/components/Text/index.d.ts +2 -0
- package/dist/components/Text/index.js +1 -6
- package/dist/components/TextGradient/TextGradient.d.ts +4 -0
- package/dist/{chunk-IDPRAXCG.js → components/TextGradient/TextGradient.js} +3 -9
- package/dist/components/TextGradient/index.d.ts +2 -0
- package/dist/components/TextGradient/index.js +1 -5
- package/dist/components/Textarea/Textarea.d.ts +13 -0
- package/dist/{chunk-HL64PWVQ.js → components/Textarea/Textarea.js} +8 -17
- package/dist/components/Textarea/index.d.ts +2 -0
- package/dist/components/Textarea/index.js +1 -7
- package/dist/components/ThemeProvider/ThemeProvider.d.ts +69 -0
- package/dist/{chunk-ZBRRQHZG.js → components/ThemeProvider/ThemeProvider.js} +11 -15
- package/dist/components/ThemeProvider/index.d.ts +2 -0
- package/dist/components/ThemeProvider/index.js +1 -7
- package/dist/components/ThinkingIndicator/ThinkingIndicator.d.ts +18 -0
- package/dist/{chunk-VX56VQMF.js → components/ThinkingIndicator/ThinkingIndicator.js} +6 -13
- package/dist/components/ThinkingIndicator/index.d.ts +2 -0
- package/dist/components/ThinkingIndicator/index.js +1 -6
- package/dist/components/Toast/Toast.d.ts +17 -0
- package/dist/components/Toast/Toast.js +82 -0
- package/dist/components/Toast/Toaster.d.ts +21 -0
- package/dist/{chunk-MQGBAWSJ.js → components/Toast/Toaster.js} +27 -189
- package/dist/components/Toast/index.d.ts +5 -0
- package/dist/components/Toast/index.js +3 -10
- package/dist/components/Toast/useToast.d.ts +45 -0
- package/dist/components/Toast/useToast.js +74 -0
- package/dist/components/Toggle/Toggle.d.ts +10 -0
- package/dist/{chunk-NMSQDI4A.js → components/Toggle/Toggle.js} +7 -12
- package/dist/components/Toggle/index.d.ts +2 -0
- package/dist/components/Toggle/index.js +1 -7
- package/dist/components/ToggleGroup/ToggleGroup.d.ts +16 -0
- package/dist/{chunk-UOBWHPXG.js → components/ToggleGroup/ToggleGroup.js} +10 -17
- package/dist/components/ToggleGroup/index.d.ts +1 -0
- package/dist/components/ToggleGroup/index.js +1 -6
- package/dist/components/Toolbar/Toolbar.d.ts +18 -0
- package/dist/{chunk-WGW7TZOV.js → components/Toolbar/Toolbar.js} +15 -22
- package/dist/components/Toolbar/index.d.ts +2 -0
- package/dist/components/Toolbar/index.js +1 -6
- package/dist/components/Tooltip/Tooltip.d.ts +14 -0
- package/dist/{chunk-6SWOLUMF.js → components/Tooltip/Tooltip.js} +16 -21
- package/dist/components/Tooltip/index.d.ts +1 -0
- package/dist/components/Tooltip/index.js +1 -10
- package/dist/components/TopNav/TopNav.d.ts +20 -0
- package/dist/{chunk-BNG3Y5I7.js → components/TopNav/TopNav.js} +11 -20
- package/dist/components/TopNav/index.d.ts +2 -0
- package/dist/components/TopNav/index.js +1 -7
- package/dist/components/VisuallyHidden/VisuallyHidden.d.ts +2 -0
- package/dist/components/VisuallyHidden/VisuallyHidden.js +5 -0
- package/dist/components/VisuallyHidden/index.d.ts +2 -0
- package/dist/components/VisuallyHidden/index.js +2 -5
- package/dist/hooks/useClassScrollLock.d.ts +6 -0
- package/dist/{chunk-47UGX37F.js → hooks/useClassScrollLock.js} +2 -5
- package/dist/hooks/useControllableState.d.ts +7 -0
- package/dist/{chunk-JLUCMNVS.js → hooks/useControllableState.js} +2 -7
- package/dist/hooks/useDisclosure.d.ts +6 -0
- package/dist/hooks/useDisclosure.js +12 -0
- package/dist/hooks/useIsomorphicLayoutEffect.d.ts +2 -0
- package/dist/hooks/useIsomorphicLayoutEffect.js +5 -0
- package/dist/hooks/useMediaQuery.d.ts +1 -0
- package/dist/hooks/useMediaQuery.js +17 -0
- package/dist/hooks/useMergedRefs.d.ts +2 -0
- package/dist/{chunk-MNEXMMLM.js → hooks/useMergedRefs.js} +1 -4
- package/dist/hooks/usePointerSheen.d.ts +8 -0
- package/dist/hooks/usePointerSheen.js +25 -0
- package/dist/hooks/useSlidingIndicator.d.ts +8 -0
- package/dist/{chunk-6UKNUI46.js → hooks/useSlidingIndicator.js} +2 -7
- package/dist/index.d.ts +196 -1900
- package/dist/index.js +116 -438
- package/dist/styles.css +1 -1
- package/dist/utils/cn.d.ts +2 -0
- package/dist/{chunk-WRVFNYO3.js → utils/cn.js} +8 -11
- package/dist/utils/control.d.ts +20 -0
- package/dist/utils/control.js +41 -0
- package/dist/utils/deprecated.d.ts +6 -0
- package/dist/{chunk-VLME3JFF.js → utils/deprecated.js} +1 -5
- package/dist/utils/glass.d.ts +9 -0
- package/dist/utils/glass.js +4 -0
- package/dist/utils/layout.d.ts +14 -0
- package/dist/{chunk-VLQGQFW7.js → utils/layout.js} +5 -9
- package/dist/utils/money.d.ts +1 -0
- package/dist/{chunk-R3SUPKKI.js → utils/money.js} +3 -6
- package/dist/utils/surface.d.ts +11 -0
- package/dist/{chunk-5FWJXSXT.js → utils/surface.js} +9 -13
- package/dist/utils/viewTransition.d.ts +5 -0
- package/dist/utils/viewTransition.js +8 -0
- package/dist/{chunk-PZL6AJH5.js → vendor/vaul.js} +2 -140
- package/package.json +15 -7
- package/dist/chunk-4B4XWDAH.js +0 -1
- package/dist/chunk-4GVGS5N4.js +0 -468
- package/dist/chunk-52ZVJPF7.js +0 -1
- package/dist/chunk-A3O23F2B.js +0 -1
- package/dist/chunk-ADO2DB6Q.js +0 -1
- package/dist/chunk-BV3U3ATL.js +0 -1
- package/dist/chunk-CAOLGXA5.js +0 -1
- package/dist/chunk-CQQ5UAO3.js +0 -91
- package/dist/chunk-DEIBF3P7.js +0 -8
- package/dist/chunk-EV43I5J6.js +0 -1
- package/dist/chunk-HI7GBSW2.js +0 -1
- package/dist/chunk-HY3JWSG4.js +0 -1
- package/dist/chunk-IZ6ZPEZ2.js +0 -1
- package/dist/chunk-KLTQJZOX.js +0 -1
- package/dist/chunk-LVPU7455.js +0 -1
- package/dist/chunk-NHUQLIHL.js +0 -9
- package/dist/chunk-NZ7UK3G6.js +0 -1
- package/dist/chunk-P26VJEIW.js +0 -1
- package/dist/chunk-PICMOOAZ.js +0 -1
- package/dist/chunk-PXISQY4H.js +0 -59
- package/dist/chunk-VALIDQXU.js +0 -31
- package/dist/chunk-WLRRMT6W.js +0 -1
- package/dist/chunk-XIKO5XFW.js +0 -89
- package/dist/chunk-XYXMPHND.js +0 -1
- package/dist/chunk-YJU4ZRQZ.js +0 -1
- package/dist/chunk-Z46ISXJ6.js +0 -57
- package/dist/chunk-ZT3NWE5U.js +0 -1
- package/dist/chunk-ZXLACKEB.js +0 -8
- package/dist/components/Banner/index.js +0 -12
- package/dist/components/Callout/index.js +0 -11
- package/dist/components/StatusPill/index.js +0 -11
- package/dist/components/Tag/index.js +0 -11
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export declare const Combobox: {
|
|
3
|
+
Root: React.ForwardRefExoticComponent<Omit<{
|
|
4
|
+
children?: React.ReactNode;
|
|
5
|
+
} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
6
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
7
|
+
} & {
|
|
8
|
+
asChild?: boolean;
|
|
9
|
+
}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
10
|
+
label?: string;
|
|
11
|
+
shouldFilter?: boolean;
|
|
12
|
+
filter?: (value: string, search: string, keywords?: string[]) => number;
|
|
13
|
+
defaultValue?: string;
|
|
14
|
+
value?: string;
|
|
15
|
+
onValueChange?: (value: string) => void;
|
|
16
|
+
loop?: boolean;
|
|
17
|
+
disablePointerSelection?: boolean;
|
|
18
|
+
vimBindings?: boolean;
|
|
19
|
+
} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
20
|
+
Input: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React.InputHTMLAttributes<HTMLInputElement>> & {
|
|
21
|
+
ref?: React.Ref<HTMLInputElement>;
|
|
22
|
+
} & {
|
|
23
|
+
asChild?: boolean;
|
|
24
|
+
}, "asChild" | "key" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "value" | "onChange" | "type"> & {
|
|
25
|
+
value?: string;
|
|
26
|
+
onValueChange?: (search: string) => void;
|
|
27
|
+
} & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
|
|
28
|
+
List: React.ForwardRefExoticComponent<Omit<{
|
|
29
|
+
children?: React.ReactNode;
|
|
30
|
+
} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
31
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
32
|
+
} & {
|
|
33
|
+
asChild?: boolean;
|
|
34
|
+
}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
35
|
+
label?: string;
|
|
36
|
+
} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
37
|
+
Empty: React.ForwardRefExoticComponent<Omit<{
|
|
38
|
+
children?: React.ReactNode;
|
|
39
|
+
} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
40
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
41
|
+
} & {
|
|
42
|
+
asChild?: boolean;
|
|
43
|
+
}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
44
|
+
Group: React.ForwardRefExoticComponent<Omit<{
|
|
45
|
+
children?: React.ReactNode;
|
|
46
|
+
} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
47
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
48
|
+
} & {
|
|
49
|
+
asChild?: boolean;
|
|
50
|
+
}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>>, "value" | "heading"> & {
|
|
51
|
+
heading?: React.ReactNode;
|
|
52
|
+
value?: string;
|
|
53
|
+
forceMount?: boolean;
|
|
54
|
+
} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
55
|
+
Item: React.ForwardRefExoticComponent<Omit<{
|
|
56
|
+
children?: React.ReactNode;
|
|
57
|
+
} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
58
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
59
|
+
} & {
|
|
60
|
+
asChild?: boolean;
|
|
61
|
+
}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>>, "value" | "disabled" | "onSelect"> & {
|
|
62
|
+
disabled?: boolean;
|
|
63
|
+
onSelect?: (value: string) => void;
|
|
64
|
+
value?: string;
|
|
65
|
+
keywords?: string[];
|
|
66
|
+
forceMount?: boolean;
|
|
67
|
+
} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
68
|
+
Separator: React.ForwardRefExoticComponent<Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
69
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
70
|
+
} & {
|
|
71
|
+
asChild?: boolean;
|
|
72
|
+
}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
73
|
+
alwaysRender?: boolean;
|
|
74
|
+
} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
75
|
+
};
|
|
@@ -1,13 +1,9 @@
|
|
|
1
|
-
|
|
2
|
-
import {
|
|
3
|
-
cn
|
|
4
|
-
} from "./chunk-WRVFNYO3.js";
|
|
5
|
-
|
|
6
|
-
// src/components/Combobox/Combobox.tsx
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx } from "react/jsx-runtime";
|
|
7
3
|
import * as React from "react";
|
|
8
4
|
import { Command } from "cmdk";
|
|
9
|
-
import {
|
|
10
|
-
|
|
5
|
+
import { cn } from "../../utils/cn.js";
|
|
6
|
+
const Root = React.forwardRef(
|
|
11
7
|
({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
12
8
|
Command,
|
|
13
9
|
{
|
|
@@ -21,7 +17,7 @@ var Root = React.forwardRef(
|
|
|
21
17
|
)
|
|
22
18
|
);
|
|
23
19
|
Root.displayName = "Combobox.Root";
|
|
24
|
-
|
|
20
|
+
const Input = React.forwardRef(
|
|
25
21
|
({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { className: "flex items-center border-b border-[var(--color-outline-variant)] px-3.5", children: /* @__PURE__ */ jsx(
|
|
26
22
|
Command.Input,
|
|
27
23
|
{
|
|
@@ -35,7 +31,7 @@ var Input = React.forwardRef(
|
|
|
35
31
|
) })
|
|
36
32
|
);
|
|
37
33
|
Input.displayName = "Combobox.Input";
|
|
38
|
-
|
|
34
|
+
const List = React.forwardRef(
|
|
39
35
|
({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
40
36
|
Command.List,
|
|
41
37
|
{
|
|
@@ -46,7 +42,7 @@ var List = React.forwardRef(
|
|
|
46
42
|
)
|
|
47
43
|
);
|
|
48
44
|
List.displayName = "Combobox.List";
|
|
49
|
-
|
|
45
|
+
const Empty = React.forwardRef(
|
|
50
46
|
({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
51
47
|
Command.Empty,
|
|
52
48
|
{
|
|
@@ -57,7 +53,7 @@ var Empty = React.forwardRef(
|
|
|
57
53
|
)
|
|
58
54
|
);
|
|
59
55
|
Empty.displayName = "Combobox.Empty";
|
|
60
|
-
|
|
56
|
+
const Group = React.forwardRef(
|
|
61
57
|
({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
62
58
|
Command.Group,
|
|
63
59
|
{
|
|
@@ -71,7 +67,7 @@ var Group = React.forwardRef(
|
|
|
71
67
|
)
|
|
72
68
|
);
|
|
73
69
|
Group.displayName = "Combobox.Group";
|
|
74
|
-
|
|
70
|
+
const Item = React.forwardRef(
|
|
75
71
|
({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
76
72
|
Command.Item,
|
|
77
73
|
{
|
|
@@ -88,7 +84,7 @@ var Item = React.forwardRef(
|
|
|
88
84
|
)
|
|
89
85
|
);
|
|
90
86
|
Item.displayName = "Combobox.Item";
|
|
91
|
-
|
|
87
|
+
const Separator = React.forwardRef(
|
|
92
88
|
({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
93
89
|
Command.Separator,
|
|
94
90
|
{
|
|
@@ -99,8 +95,7 @@ var Separator = React.forwardRef(
|
|
|
99
95
|
)
|
|
100
96
|
);
|
|
101
97
|
Separator.displayName = "Combobox.Separator";
|
|
102
|
-
|
|
103
|
-
|
|
98
|
+
const Combobox = { Root, Input, List, Empty, Group, Item, Separator };
|
|
104
99
|
export {
|
|
105
100
|
Combobox
|
|
106
101
|
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Combobox } from './Combobox.js';
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import * as RadixDialog from '@radix-ui/react-dialog';
|
|
3
|
+
export interface CommandPaletteRootProps extends RadixDialog.DialogProps {
|
|
4
|
+
className?: string;
|
|
5
|
+
/** Accessible name of the dialog. @default 'Command palette' */
|
|
6
|
+
label?: string;
|
|
7
|
+
/**
|
|
8
|
+
* How page scroll is locked while open.
|
|
9
|
+
* - `'style'` (default): Radix's lock, which injects a `<style>` tag (blocked by `style-src 'self'`).
|
|
10
|
+
* - `'class'`: the `nexub-scroll-lock` class from `@nexub/themes/base`. Strict-CSP safe.
|
|
11
|
+
*/
|
|
12
|
+
scrollLock?: 'style' | 'class';
|
|
13
|
+
/** `false` when the items are already filtered (e.g. async search results). @default true */
|
|
14
|
+
shouldFilter?: boolean;
|
|
15
|
+
}
|
|
16
|
+
export declare const CommandPalette: {
|
|
17
|
+
Root: React.ForwardRefExoticComponent<CommandPaletteRootProps & React.RefAttributes<HTMLDivElement>>;
|
|
18
|
+
Input: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React.InputHTMLAttributes<HTMLInputElement>> & {
|
|
19
|
+
ref?: React.Ref<HTMLInputElement>;
|
|
20
|
+
} & {
|
|
21
|
+
asChild?: boolean;
|
|
22
|
+
}, "asChild" | "key" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "value" | "onChange" | "type"> & {
|
|
23
|
+
value?: string;
|
|
24
|
+
onValueChange?: (search: string) => void;
|
|
25
|
+
} & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
|
|
26
|
+
List: React.ForwardRefExoticComponent<Omit<{
|
|
27
|
+
children?: React.ReactNode;
|
|
28
|
+
} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
29
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
30
|
+
} & {
|
|
31
|
+
asChild?: boolean;
|
|
32
|
+
}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
33
|
+
label?: string;
|
|
34
|
+
} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
35
|
+
Empty: React.ForwardRefExoticComponent<Omit<{
|
|
36
|
+
children?: React.ReactNode;
|
|
37
|
+
} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
38
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
39
|
+
} & {
|
|
40
|
+
asChild?: boolean;
|
|
41
|
+
}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
42
|
+
Group: React.ForwardRefExoticComponent<Omit<{
|
|
43
|
+
children?: React.ReactNode;
|
|
44
|
+
} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
45
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
46
|
+
} & {
|
|
47
|
+
asChild?: boolean;
|
|
48
|
+
}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>>, "value" | "heading"> & {
|
|
49
|
+
heading?: React.ReactNode;
|
|
50
|
+
value?: string;
|
|
51
|
+
forceMount?: boolean;
|
|
52
|
+
} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
53
|
+
Item: React.ForwardRefExoticComponent<Omit<{
|
|
54
|
+
children?: React.ReactNode;
|
|
55
|
+
} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
56
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
57
|
+
} & {
|
|
58
|
+
asChild?: boolean;
|
|
59
|
+
}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>>, "value" | "disabled" | "onSelect"> & {
|
|
60
|
+
disabled?: boolean;
|
|
61
|
+
onSelect?: (value: string) => void;
|
|
62
|
+
value?: string;
|
|
63
|
+
keywords?: string[];
|
|
64
|
+
forceMount?: boolean;
|
|
65
|
+
} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
66
|
+
Separator: React.ForwardRefExoticComponent<Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
67
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
68
|
+
} & {
|
|
69
|
+
asChild?: boolean;
|
|
70
|
+
}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
71
|
+
alwaysRender?: boolean;
|
|
72
|
+
} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
73
|
+
};
|
|
@@ -1,30 +1,19 @@
|
|
|
1
|
-
|
|
2
|
-
import {
|
|
3
|
-
useClassScrollLock
|
|
4
|
-
} from "./chunk-47UGX37F.js";
|
|
5
|
-
import {
|
|
6
|
-
overlaySurface,
|
|
7
|
-
scrim
|
|
8
|
-
} from "./chunk-5FWJXSXT.js";
|
|
9
|
-
import {
|
|
10
|
-
useNexubMessages
|
|
11
|
-
} from "./chunk-VMSWIC3O.js";
|
|
12
|
-
import {
|
|
13
|
-
cn
|
|
14
|
-
} from "./chunk-WRVFNYO3.js";
|
|
15
|
-
|
|
16
|
-
// src/components/CommandPalette/CommandPalette.tsx
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
17
3
|
import * as React from "react";
|
|
18
4
|
import * as RadixDialog from "@radix-ui/react-dialog";
|
|
19
5
|
import { Command } from "cmdk";
|
|
20
6
|
import { Search } from "@nexub/icons";
|
|
21
|
-
import {
|
|
22
|
-
|
|
7
|
+
import { cn } from "../../utils/cn.js";
|
|
8
|
+
import { useNexubMessages } from "../NexubProvider/NexubProvider.js";
|
|
9
|
+
import { overlaySurface, scrim } from "../../utils/surface.js";
|
|
10
|
+
import { useClassScrollLock } from "../../hooks/useClassScrollLock.js";
|
|
11
|
+
const overlayClasses = cn("fixed inset-0 z-[var(--z-modal)] nx-motion", scrim);
|
|
23
12
|
function ClassLockOverlay() {
|
|
24
13
|
useClassScrollLock();
|
|
25
14
|
return /* @__PURE__ */ jsx("div", { "data-state": "open", className: overlayClasses });
|
|
26
15
|
}
|
|
27
|
-
|
|
16
|
+
const Root = React.forwardRef(
|
|
28
17
|
({ children, label: labelProp, scrollLock = "style", shouldFilter, ...props }, ref) => {
|
|
29
18
|
const messages = useNexubMessages();
|
|
30
19
|
const label = labelProp ?? messages.commandPalette;
|
|
@@ -66,8 +55,8 @@ var Root2 = React.forwardRef(
|
|
|
66
55
|
] }) });
|
|
67
56
|
}
|
|
68
57
|
);
|
|
69
|
-
|
|
70
|
-
|
|
58
|
+
Root.displayName = "CommandPalette.Root";
|
|
59
|
+
const Input = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs("div", { className: "flex items-center border-b border-[var(--color-outline-variant)] px-3", children: [
|
|
71
60
|
/* @__PURE__ */ jsx(Search, { size: "sm", className: "me-2 shrink-0 opacity-50", "aria-hidden": "true" }),
|
|
72
61
|
/* @__PURE__ */ jsx(
|
|
73
62
|
Command.Input,
|
|
@@ -82,7 +71,7 @@ var Input = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ j
|
|
|
82
71
|
)
|
|
83
72
|
] }));
|
|
84
73
|
Input.displayName = "CommandPalette.Input";
|
|
85
|
-
|
|
74
|
+
const List = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
86
75
|
Command.List,
|
|
87
76
|
{
|
|
88
77
|
ref,
|
|
@@ -91,7 +80,7 @@ var List = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ js
|
|
|
91
80
|
}
|
|
92
81
|
));
|
|
93
82
|
List.displayName = "CommandPalette.List";
|
|
94
|
-
|
|
83
|
+
const Empty = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
95
84
|
Command.Empty,
|
|
96
85
|
{
|
|
97
86
|
ref,
|
|
@@ -103,7 +92,7 @@ var Empty = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ j
|
|
|
103
92
|
}
|
|
104
93
|
));
|
|
105
94
|
Empty.displayName = "CommandPalette.Empty";
|
|
106
|
-
|
|
95
|
+
const Group = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
107
96
|
Command.Group,
|
|
108
97
|
{
|
|
109
98
|
ref,
|
|
@@ -116,7 +105,7 @@ var Group = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ j
|
|
|
116
105
|
}
|
|
117
106
|
));
|
|
118
107
|
Group.displayName = "CommandPalette.Group";
|
|
119
|
-
|
|
108
|
+
const Item = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
120
109
|
Command.Item,
|
|
121
110
|
{
|
|
122
111
|
ref,
|
|
@@ -131,7 +120,7 @@ var Item = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ js
|
|
|
131
120
|
}
|
|
132
121
|
));
|
|
133
122
|
Item.displayName = "CommandPalette.Item";
|
|
134
|
-
|
|
123
|
+
const Separator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
135
124
|
Command.Separator,
|
|
136
125
|
{
|
|
137
126
|
ref,
|
|
@@ -140,8 +129,7 @@ var Separator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__
|
|
|
140
129
|
}
|
|
141
130
|
));
|
|
142
131
|
Separator.displayName = "CommandPalette.Separator";
|
|
143
|
-
|
|
144
|
-
|
|
132
|
+
const CommandPalette = { Root, Input, List, Empty, Group, Item, Separator };
|
|
145
133
|
export {
|
|
146
134
|
CommandPalette
|
|
147
135
|
};
|
|
@@ -1,11 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
import {
|
|
3
|
-
CommandPalette
|
|
4
|
-
} from "../../chunk-LASPHHH6.js";
|
|
5
|
-
import "../../chunk-47UGX37F.js";
|
|
6
|
-
import "../../chunk-5FWJXSXT.js";
|
|
7
|
-
import "../../chunk-VMSWIC3O.js";
|
|
8
|
-
import "../../chunk-WRVFNYO3.js";
|
|
1
|
+
import { CommandPalette } from "./CommandPalette.js";
|
|
9
2
|
export {
|
|
10
3
|
CommandPalette
|
|
11
4
|
};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { type VariantProps } from 'class-variance-authority';
|
|
3
|
+
export declare const containerVariants: (props?: ({
|
|
4
|
+
size?: "sm" | "md" | "lg" | "xl" | "2xl" | "nexub" | "marketing" | "prose" | null | undefined;
|
|
5
|
+
paddingX?: boolean | null | undefined;
|
|
6
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
7
|
+
export interface ContainerProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof containerVariants> {
|
|
8
|
+
asChild?: boolean;
|
|
9
|
+
}
|
|
10
|
+
export declare const Container: React.ForwardRefExoticComponent<ContainerProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -1,14 +1,9 @@
|
|
|
1
|
-
|
|
2
|
-
import {
|
|
3
|
-
cn
|
|
4
|
-
} from "./chunk-WRVFNYO3.js";
|
|
5
|
-
|
|
6
|
-
// src/components/Container/Container.tsx
|
|
1
|
+
import { jsx } from "react/jsx-runtime";
|
|
7
2
|
import * as React from "react";
|
|
8
3
|
import { Slot } from "@radix-ui/react-slot";
|
|
9
4
|
import { cva } from "class-variance-authority";
|
|
10
|
-
import {
|
|
11
|
-
|
|
5
|
+
import { cn } from "../../utils/cn.js";
|
|
6
|
+
const containerVariants = cva("mx-auto w-full", {
|
|
12
7
|
variants: {
|
|
13
8
|
size: {
|
|
14
9
|
sm: "max-w-[var(--container-sm,640px)]",
|
|
@@ -17,6 +12,7 @@ var containerVariants = cva("mx-auto w-full", {
|
|
|
17
12
|
xl: "max-w-[var(--container-xl,1280px)]",
|
|
18
13
|
"2xl": "max-w-[var(--container-2xl,1536px)]",
|
|
19
14
|
nexub: "max-w-[var(--container-nexub,1440px)]",
|
|
15
|
+
marketing: "max-w-[var(--container-marketing,1280px)]",
|
|
20
16
|
prose: "max-w-[var(--container-prose,65ch)]"
|
|
21
17
|
},
|
|
22
18
|
paddingX: {
|
|
@@ -29,7 +25,7 @@ var containerVariants = cva("mx-auto w-full", {
|
|
|
29
25
|
paddingX: true
|
|
30
26
|
}
|
|
31
27
|
});
|
|
32
|
-
|
|
28
|
+
const Container = React.forwardRef(
|
|
33
29
|
({ size, paddingX = true, asChild = false, className, children, ...rest }, ref) => {
|
|
34
30
|
const Comp = asChild ? Slot : "div";
|
|
35
31
|
return /* @__PURE__ */ jsx(
|
|
@@ -44,8 +40,7 @@ var Container = React.forwardRef(
|
|
|
44
40
|
}
|
|
45
41
|
);
|
|
46
42
|
Container.displayName = "Container";
|
|
47
|
-
|
|
48
43
|
export {
|
|
49
|
-
|
|
50
|
-
|
|
44
|
+
Container,
|
|
45
|
+
containerVariants
|
|
51
46
|
};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import * as RadixContextMenu from '@radix-ui/react-context-menu';
|
|
3
|
+
export declare const ContextMenu: {
|
|
4
|
+
Root: React.FC<RadixContextMenu.ContextMenuProps>;
|
|
5
|
+
Trigger: React.ForwardRefExoticComponent<RadixContextMenu.ContextMenuTriggerProps & React.RefAttributes<HTMLSpanElement>>;
|
|
6
|
+
Portal: React.FC<RadixContextMenu.ContextMenuPortalProps>;
|
|
7
|
+
Content: React.ForwardRefExoticComponent<RadixContextMenu.ContextMenuContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
8
|
+
Item: React.ForwardRefExoticComponent<RadixContextMenu.ContextMenuItemProps & React.RefAttributes<HTMLDivElement>>;
|
|
9
|
+
Group: React.ForwardRefExoticComponent<RadixContextMenu.ContextMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
10
|
+
Label: React.ForwardRefExoticComponent<RadixContextMenu.ContextMenuLabelProps & React.RefAttributes<HTMLDivElement>>;
|
|
11
|
+
Separator: React.ForwardRefExoticComponent<RadixContextMenu.ContextMenuSeparatorProps & React.RefAttributes<HTMLDivElement>>;
|
|
12
|
+
CheckboxItem: React.ForwardRefExoticComponent<RadixContextMenu.ContextMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>>;
|
|
13
|
+
RadioGroup: React.ForwardRefExoticComponent<RadixContextMenu.ContextMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
14
|
+
RadioItem: React.ForwardRefExoticComponent<RadixContextMenu.ContextMenuRadioItemProps & React.RefAttributes<HTMLDivElement>>;
|
|
15
|
+
Sub: React.FC<RadixContextMenu.ContextMenuSubProps>;
|
|
16
|
+
SubTrigger: React.ForwardRefExoticComponent<RadixContextMenu.ContextMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>>;
|
|
17
|
+
SubContent: React.ForwardRefExoticComponent<RadixContextMenu.ContextMenuSubContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
18
|
+
};
|
|
@@ -1,27 +1,17 @@
|
|
|
1
|
-
|
|
2
|
-
import {
|
|
3
|
-
floatingSurface,
|
|
4
|
-
menuContent,
|
|
5
|
-
menuItem,
|
|
6
|
-
menuLabel,
|
|
7
|
-
menuSeparator
|
|
8
|
-
} from "./chunk-5FWJXSXT.js";
|
|
9
|
-
import {
|
|
10
|
-
cn
|
|
11
|
-
} from "./chunk-WRVFNYO3.js";
|
|
12
|
-
|
|
13
|
-
// src/components/ContextMenu/ContextMenu.tsx
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
14
3
|
import * as React from "react";
|
|
15
4
|
import * as RadixContextMenu from "@radix-ui/react-context-menu";
|
|
16
5
|
import { Check, ChevronRight } from "@nexub/icons";
|
|
17
|
-
import {
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
6
|
+
import { cn } from "../../utils/cn.js";
|
|
7
|
+
import { floatingSurface, menuContent, menuItem, menuLabel, menuSeparator } from "../../utils/surface.js";
|
|
8
|
+
const Root = RadixContextMenu.Root;
|
|
9
|
+
const Trigger = RadixContextMenu.Trigger;
|
|
10
|
+
const Portal = RadixContextMenu.Portal;
|
|
11
|
+
const Group = RadixContextMenu.Group;
|
|
12
|
+
const RadioGroup = RadixContextMenu.RadioGroup;
|
|
13
|
+
const Sub = RadixContextMenu.Sub;
|
|
14
|
+
const Content = React.forwardRef(
|
|
25
15
|
function ContextMenuContent({ className, ...props }, ref) {
|
|
26
16
|
return /* @__PURE__ */ jsx(
|
|
27
17
|
RadixContextMenu.Content,
|
|
@@ -39,11 +29,11 @@ var Content2 = React.forwardRef(
|
|
|
39
29
|
);
|
|
40
30
|
}
|
|
41
31
|
);
|
|
42
|
-
|
|
43
|
-
|
|
32
|
+
Content.displayName = "ContextMenu.Content";
|
|
33
|
+
const itemBaseClasses = cn(
|
|
44
34
|
menuItem
|
|
45
35
|
);
|
|
46
|
-
|
|
36
|
+
const Item = React.forwardRef(
|
|
47
37
|
function ContextMenuItem({ className, ...props }, ref) {
|
|
48
38
|
return /* @__PURE__ */ jsx(
|
|
49
39
|
RadixContextMenu.Item,
|
|
@@ -55,8 +45,8 @@ var Item2 = React.forwardRef(
|
|
|
55
45
|
);
|
|
56
46
|
}
|
|
57
47
|
);
|
|
58
|
-
|
|
59
|
-
|
|
48
|
+
Item.displayName = "ContextMenu.Item";
|
|
49
|
+
const Label = React.forwardRef(
|
|
60
50
|
function ContextMenuLabel({ className, ...props }, ref) {
|
|
61
51
|
return /* @__PURE__ */ jsx(
|
|
62
52
|
RadixContextMenu.Label,
|
|
@@ -71,8 +61,8 @@ var Label2 = React.forwardRef(
|
|
|
71
61
|
);
|
|
72
62
|
}
|
|
73
63
|
);
|
|
74
|
-
|
|
75
|
-
|
|
64
|
+
Label.displayName = "ContextMenu.Label";
|
|
65
|
+
const Separator = React.forwardRef(
|
|
76
66
|
function ContextMenuSeparator({ className, ...props }, ref) {
|
|
77
67
|
return /* @__PURE__ */ jsx(
|
|
78
68
|
RadixContextMenu.Separator,
|
|
@@ -84,8 +74,8 @@ var Separator2 = React.forwardRef(
|
|
|
84
74
|
);
|
|
85
75
|
}
|
|
86
76
|
);
|
|
87
|
-
|
|
88
|
-
|
|
77
|
+
Separator.displayName = "ContextMenu.Separator";
|
|
78
|
+
const CheckboxItem = React.forwardRef(function ContextMenuCheckboxItem({ className, children, checked, ...props }, ref) {
|
|
89
79
|
return /* @__PURE__ */ jsxs(
|
|
90
80
|
RadixContextMenu.CheckboxItem,
|
|
91
81
|
{
|
|
@@ -100,8 +90,8 @@ var CheckboxItem2 = React.forwardRef(function ContextMenuCheckboxItem({ classNam
|
|
|
100
90
|
}
|
|
101
91
|
);
|
|
102
92
|
});
|
|
103
|
-
|
|
104
|
-
|
|
93
|
+
CheckboxItem.displayName = "ContextMenu.CheckboxItem";
|
|
94
|
+
const RadioItem = React.forwardRef(function ContextMenuRadioItem({ className, children, ...props }, ref) {
|
|
105
95
|
return /* @__PURE__ */ jsxs(
|
|
106
96
|
RadixContextMenu.RadioItem,
|
|
107
97
|
{
|
|
@@ -115,8 +105,8 @@ var RadioItem2 = React.forwardRef(function ContextMenuRadioItem({ className, chi
|
|
|
115
105
|
}
|
|
116
106
|
);
|
|
117
107
|
});
|
|
118
|
-
|
|
119
|
-
|
|
108
|
+
RadioItem.displayName = "ContextMenu.RadioItem";
|
|
109
|
+
const SubTrigger = React.forwardRef(function ContextMenuSubTrigger({ className, children, ...props }, ref) {
|
|
120
110
|
return /* @__PURE__ */ jsxs(
|
|
121
111
|
RadixContextMenu.SubTrigger,
|
|
122
112
|
{
|
|
@@ -134,8 +124,8 @@ var SubTrigger2 = React.forwardRef(function ContextMenuSubTrigger({ className, c
|
|
|
134
124
|
}
|
|
135
125
|
);
|
|
136
126
|
});
|
|
137
|
-
|
|
138
|
-
|
|
127
|
+
SubTrigger.displayName = "ContextMenu.SubTrigger";
|
|
128
|
+
const SubContent = React.forwardRef(function ContextMenuSubContent({ className, ...props }, ref) {
|
|
139
129
|
return /* @__PURE__ */ jsx(
|
|
140
130
|
RadixContextMenu.SubContent,
|
|
141
131
|
{
|
|
@@ -151,24 +141,23 @@ var SubContent2 = React.forwardRef(function ContextMenuSubContent({ className, .
|
|
|
151
141
|
}
|
|
152
142
|
);
|
|
153
143
|
});
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
Root
|
|
157
|
-
Trigger
|
|
158
|
-
Portal
|
|
159
|
-
Content
|
|
160
|
-
Item
|
|
161
|
-
Group
|
|
162
|
-
Label
|
|
163
|
-
Separator
|
|
164
|
-
CheckboxItem
|
|
165
|
-
RadioGroup
|
|
166
|
-
RadioItem
|
|
167
|
-
Sub
|
|
168
|
-
SubTrigger
|
|
169
|
-
SubContent
|
|
144
|
+
SubContent.displayName = "ContextMenu.SubContent";
|
|
145
|
+
const ContextMenu = {
|
|
146
|
+
Root,
|
|
147
|
+
Trigger,
|
|
148
|
+
Portal,
|
|
149
|
+
Content,
|
|
150
|
+
Item,
|
|
151
|
+
Group,
|
|
152
|
+
Label,
|
|
153
|
+
Separator,
|
|
154
|
+
CheckboxItem,
|
|
155
|
+
RadioGroup,
|
|
156
|
+
RadioItem,
|
|
157
|
+
Sub,
|
|
158
|
+
SubTrigger,
|
|
159
|
+
SubContent
|
|
170
160
|
};
|
|
171
|
-
|
|
172
161
|
export {
|
|
173
162
|
ContextMenu
|
|
174
163
|
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { ContextMenu } from './ContextMenu.js';
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import type { Size } from '../../utils/control.js';
|
|
3
|
+
export interface CountryBadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
|
|
4
|
+
code: string;
|
|
5
|
+
label?: string;
|
|
6
|
+
size?: Size;
|
|
7
|
+
}
|
|
8
|
+
export declare const CountryBadge: React.ForwardRefExoticComponent<CountryBadgeProps & React.RefAttributes<HTMLSpanElement>>;
|