@usefragments/ui 1.0.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/LICENSE +21 -0
- package/README.md +318 -0
- package/dist/assets/fragments-logo.cjs +32 -0
- package/dist/assets/fragments-logo.d.ts +13 -0
- package/dist/assets/fragments-logo.d.ts.map +1 -0
- package/dist/assets/fragments-logo.js +32 -0
- package/dist/assets/ui.css +12290 -0
- package/dist/blocks/AccountSettings.block.d.ts +3 -0
- package/dist/blocks/AccountSettings.block.d.ts.map +1 -0
- package/dist/blocks/ActivityFeed.block.d.ts +3 -0
- package/dist/blocks/ActivityFeed.block.d.ts.map +1 -0
- package/dist/blocks/ActivityFeedSkeleton.block.d.ts +3 -0
- package/dist/blocks/ActivityFeedSkeleton.block.d.ts.map +1 -0
- package/dist/blocks/BlogEditor.block.d.ts +3 -0
- package/dist/blocks/BlogEditor.block.d.ts.map +1 -0
- package/dist/blocks/ChatInterface.block.d.ts +3 -0
- package/dist/blocks/ChatInterface.block.d.ts.map +1 -0
- package/dist/blocks/ChatMessages.block.d.ts +3 -0
- package/dist/blocks/ChatMessages.block.d.ts.map +1 -0
- package/dist/blocks/CheckoutForm.block.d.ts +3 -0
- package/dist/blocks/CheckoutForm.block.d.ts.map +1 -0
- package/dist/blocks/CommandPalette.block.d.ts +3 -0
- package/dist/blocks/CommandPalette.block.d.ts.map +1 -0
- package/dist/blocks/ContactForm.block.d.ts +3 -0
- package/dist/blocks/ContactForm.block.d.ts.map +1 -0
- package/dist/blocks/DashboardLayout.block.d.ts +3 -0
- package/dist/blocks/DashboardLayout.block.d.ts.map +1 -0
- package/dist/blocks/DashboardPage.block.d.ts +3 -0
- package/dist/blocks/DashboardPage.block.d.ts.map +1 -0
- package/dist/blocks/DashboardSkeleton.block.d.ts +3 -0
- package/dist/blocks/DashboardSkeleton.block.d.ts.map +1 -0
- package/dist/blocks/DataTable.block.d.ts +3 -0
- package/dist/blocks/DataTable.block.d.ts.map +1 -0
- package/dist/blocks/EmptyState.block.d.ts +3 -0
- package/dist/blocks/EmptyState.block.d.ts.map +1 -0
- package/dist/blocks/FAQSection.block.d.ts +3 -0
- package/dist/blocks/FAQSection.block.d.ts.map +1 -0
- package/dist/blocks/FeatureGrid.block.d.ts +3 -0
- package/dist/blocks/FeatureGrid.block.d.ts.map +1 -0
- package/dist/blocks/HeroSection.block.d.ts +3 -0
- package/dist/blocks/HeroSection.block.d.ts.map +1 -0
- package/dist/blocks/LoginForm.block.d.ts +3 -0
- package/dist/blocks/LoginForm.block.d.ts.map +1 -0
- package/dist/blocks/NavigationHeader.block.d.ts +3 -0
- package/dist/blocks/NavigationHeader.block.d.ts.map +1 -0
- package/dist/blocks/PaginatedTable.block.d.ts +3 -0
- package/dist/blocks/PaginatedTable.block.d.ts.map +1 -0
- package/dist/blocks/PricingComparison.block.d.ts +3 -0
- package/dist/blocks/PricingComparison.block.d.ts.map +1 -0
- package/dist/blocks/ProductCard.block.d.ts +3 -0
- package/dist/blocks/ProductCard.block.d.ts.map +1 -0
- package/dist/blocks/RegistrationForm.block.d.ts +3 -0
- package/dist/blocks/RegistrationForm.block.d.ts.map +1 -0
- package/dist/blocks/SettingsDrawer.block.d.ts +3 -0
- package/dist/blocks/SettingsDrawer.block.d.ts.map +1 -0
- package/dist/blocks/SettingsPanel.block.d.ts +3 -0
- package/dist/blocks/SettingsPanel.block.d.ts.map +1 -0
- package/dist/blocks/ShoppingCart.block.d.ts +3 -0
- package/dist/blocks/ShoppingCart.block.d.ts.map +1 -0
- package/dist/blocks/StatsCard.block.d.ts +3 -0
- package/dist/blocks/StatsCard.block.d.ts.map +1 -0
- package/dist/blocks/StatsCardSkeleton.block.d.ts +3 -0
- package/dist/blocks/StatsCardSkeleton.block.d.ts.map +1 -0
- package/dist/blocks/TableSkeleton.block.d.ts +3 -0
- package/dist/blocks/TableSkeleton.block.d.ts.map +1 -0
- package/dist/blocks/ThinkingStates.block.d.ts +3 -0
- package/dist/blocks/ThinkingStates.block.d.ts.map +1 -0
- package/dist/blocks/components/ActivityFeed.d.ts +25 -0
- package/dist/blocks/components/ActivityFeed.d.ts.map +1 -0
- package/dist/blocks/components/DashboardLayout.d.ts +13 -0
- package/dist/blocks/components/DashboardLayout.d.ts.map +1 -0
- package/dist/blocks/components/LoginForm.d.ts +16 -0
- package/dist/blocks/components/LoginForm.d.ts.map +1 -0
- package/dist/blocks/components/StatsCard.d.ts +17 -0
- package/dist/blocks/components/StatsCard.d.ts.map +1 -0
- package/dist/blocks/components/index.d.ts +9 -0
- package/dist/blocks/components/index.d.ts.map +1 -0
- package/dist/chart.cjs +236 -0
- package/dist/chart.js +219 -0
- package/dist/codeblock.cjs +599 -0
- package/dist/codeblock.js +561 -0
- package/dist/colorpicker.cjs +149 -0
- package/dist/colorpicker.js +132 -0
- package/dist/components/Accordion/Accordion.module.scss.cjs +29 -0
- package/dist/components/Accordion/Accordion.module.scss.js +29 -0
- package/dist/components/Accordion/index.cjs +201 -0
- package/dist/components/Accordion/index.d.ts +62 -0
- package/dist/components/Accordion/index.d.ts.map +1 -0
- package/dist/components/Accordion/index.js +184 -0
- package/dist/components/Alert/Alert.module.scss.cjs +41 -0
- package/dist/components/Alert/Alert.module.scss.js +41 -0
- package/dist/components/Alert/index.cjs +151 -0
- package/dist/components/Alert/index.d.ts +61 -0
- package/dist/components/Alert/index.d.ts.map +1 -0
- package/dist/components/Alert/index.js +134 -0
- package/dist/components/AppShell/AppShell.module.scss.cjs +35 -0
- package/dist/components/AppShell/AppShell.module.scss.js +35 -0
- package/dist/components/AppShell/index.cjs +285 -0
- package/dist/components/AppShell/index.d.ts +133 -0
- package/dist/components/AppShell/index.d.ts.map +1 -0
- package/dist/components/AppShell/index.js +268 -0
- package/dist/components/Avatar/Avatar.module.scss.cjs +44 -0
- package/dist/components/Avatar/Avatar.module.scss.js +44 -0
- package/dist/components/Avatar/index.cjs +238 -0
- package/dist/components/Avatar/index.d.ts +42 -0
- package/dist/components/Avatar/index.d.ts.map +1 -0
- package/dist/components/Avatar/index.js +221 -0
- package/dist/components/Badge/Badge.module.scss.cjs +51 -0
- package/dist/components/Badge/Badge.module.scss.js +51 -0
- package/dist/components/Badge/index.cjs +78 -0
- package/dist/components/Badge/index.d.ts +41 -0
- package/dist/components/Badge/index.d.ts.map +1 -0
- package/dist/components/Badge/index.js +61 -0
- package/dist/components/BentoGrid/BentoGrid.module.scss.cjs +47 -0
- package/dist/components/BentoGrid/BentoGrid.module.scss.js +47 -0
- package/dist/components/BentoGrid/index.cjs +87 -0
- package/dist/components/BentoGrid/index.d.ts +43 -0
- package/dist/components/BentoGrid/index.d.ts.map +1 -0
- package/dist/components/BentoGrid/index.js +70 -0
- package/dist/components/Box/Box.module.scss.cjs +315 -0
- package/dist/components/Box/Box.module.scss.js +315 -0
- package/dist/components/Box/index.cjs +104 -0
- package/dist/components/Box/index.d.ts +62 -0
- package/dist/components/Box/index.d.ts.map +1 -0
- package/dist/components/Box/index.js +87 -0
- package/dist/components/Breadcrumbs/Breadcrumbs.module.scss.cjs +29 -0
- package/dist/components/Breadcrumbs/Breadcrumbs.module.scss.js +29 -0
- package/dist/components/Breadcrumbs/index.cjs +118 -0
- package/dist/components/Breadcrumbs/index.d.ts +32 -0
- package/dist/components/Breadcrumbs/index.d.ts.map +1 -0
- package/dist/components/Breadcrumbs/index.js +101 -0
- package/dist/components/Button/Button.module.scss.cjs +44 -0
- package/dist/components/Button/Button.module.scss.js +44 -0
- package/dist/components/Button/index.cjs +140 -0
- package/dist/components/Button/index.d.ts +39 -0
- package/dist/components/Button/index.d.ts.map +1 -0
- package/dist/components/Button/index.js +123 -0
- package/dist/components/ButtonGroup/ButtonGroup.module.scss.cjs +38 -0
- package/dist/components/ButtonGroup/ButtonGroup.module.scss.js +38 -0
- package/dist/components/ButtonGroup/index.cjs +36 -0
- package/dist/components/ButtonGroup/index.d.ts +11 -0
- package/dist/components/ButtonGroup/index.d.ts.map +1 -0
- package/dist/components/ButtonGroup/index.js +19 -0
- package/dist/components/Card/Card.module.scss.cjs +54 -0
- package/dist/components/Card/Card.module.scss.js +54 -0
- package/dist/components/Card/index.cjs +123 -0
- package/dist/components/Card/index.d.ts +62 -0
- package/dist/components/Card/index.d.ts.map +1 -0
- package/dist/components/Card/index.js +106 -0
- package/dist/components/Chart/Chart.module.scss.cjs +50 -0
- package/dist/components/Chart/Chart.module.scss.js +50 -0
- package/dist/components/Chart/index.d.ts +65 -0
- package/dist/components/Chart/index.d.ts.map +1 -0
- package/dist/components/Checkbox/Checkbox.module.scss.cjs +38 -0
- package/dist/components/Checkbox/Checkbox.module.scss.js +38 -0
- package/dist/components/Checkbox/index.cjs +179 -0
- package/dist/components/Checkbox/index.d.ts +68 -0
- package/dist/components/Checkbox/index.d.ts.map +1 -0
- package/dist/components/Checkbox/index.js +162 -0
- package/dist/components/Chip/Chip.module.scss.cjs +50 -0
- package/dist/components/Chip/Chip.module.scss.js +50 -0
- package/dist/components/Chip/index.cjs +138 -0
- package/dist/components/Chip/index.d.ts +38 -0
- package/dist/components/Chip/index.d.ts.map +1 -0
- package/dist/components/Chip/index.js +121 -0
- package/dist/components/Cloud/DashboardLayoutPrototypes.shared.d.ts +33 -0
- package/dist/components/Cloud/DashboardLayoutPrototypes.shared.d.ts.map +1 -0
- package/dist/components/Cloud/DashboardLayoutPrototypes.shell.d.ts +11 -0
- package/dist/components/Cloud/DashboardLayoutPrototypes.shell.d.ts.map +1 -0
- package/dist/components/Cloud/PullRequestsPrototypes.content.d.ts +5 -0
- package/dist/components/Cloud/PullRequestsPrototypes.content.d.ts.map +1 -0
- package/dist/components/Cloud/PullRequestsPrototypes.detail-panels.d.ts +4 -0
- package/dist/components/Cloud/PullRequestsPrototypes.detail-panels.d.ts.map +1 -0
- package/dist/components/Cloud/PullRequestsPrototypes.detail.d.ts +3 -0
- package/dist/components/Cloud/PullRequestsPrototypes.detail.d.ts.map +1 -0
- package/dist/components/Cloud/PullRequestsPrototypes.id-data.d.ts +86 -0
- package/dist/components/Cloud/PullRequestsPrototypes.id-data.d.ts.map +1 -0
- package/dist/components/Cloud/PullRequestsPrototypes.id-page.d.ts +2 -0
- package/dist/components/Cloud/PullRequestsPrototypes.id-page.d.ts.map +1 -0
- package/dist/components/CodeBlock/CodeBlock.module.scss.cjs +68 -0
- package/dist/components/CodeBlock/CodeBlock.module.scss.js +68 -0
- package/dist/components/CodeBlock/index.d.ts +95 -0
- package/dist/components/CodeBlock/index.d.ts.map +1 -0
- package/dist/components/Collapsible/Collapsible.module.scss.cjs +35 -0
- package/dist/components/Collapsible/Collapsible.module.scss.js +35 -0
- package/dist/components/Collapsible/index.cjs +186 -0
- package/dist/components/Collapsible/index.d.ts +45 -0
- package/dist/components/Collapsible/index.d.ts.map +1 -0
- package/dist/components/Collapsible/index.js +186 -0
- package/dist/components/ColorPicker/ColorPicker.module.scss.cjs +47 -0
- package/dist/components/ColorPicker/ColorPicker.module.scss.js +47 -0
- package/dist/components/ColorPicker/index.d.ts +29 -0
- package/dist/components/ColorPicker/index.d.ts.map +1 -0
- package/dist/components/Combobox/Combobox.module.scss.cjs +74 -0
- package/dist/components/Combobox/Combobox.module.scss.js +74 -0
- package/dist/components/Combobox/index.cjs +402 -0
- package/dist/components/Combobox/index.d.ts +99 -0
- package/dist/components/Combobox/index.d.ts.map +1 -0
- package/dist/components/Combobox/index.js +385 -0
- package/dist/components/Command/Command.module.scss.cjs +38 -0
- package/dist/components/Command/Command.module.scss.js +38 -0
- package/dist/components/Command/index.cjs +415 -0
- package/dist/components/Command/index.d.ts +58 -0
- package/dist/components/Command/index.d.ts.map +1 -0
- package/dist/components/Command/index.js +398 -0
- package/dist/components/ComponentDefaults/index.cjs +51 -0
- package/dist/components/ComponentDefaults/index.d.ts +15 -0
- package/dist/components/ComponentDefaults/index.d.ts.map +1 -0
- package/dist/components/ComponentDefaults/index.js +34 -0
- package/dist/components/ConversationList/ConversationList.module.scss.cjs +35 -0
- package/dist/components/ConversationList/ConversationList.module.scss.js +35 -0
- package/dist/components/ConversationList/index.cjs +168 -0
- package/dist/components/ConversationList/index.d.ts +43 -0
- package/dist/components/ConversationList/index.d.ts.map +1 -0
- package/dist/components/ConversationList/index.js +151 -0
- package/dist/components/DataTable/DataTable.icons.cjs +69 -0
- package/dist/components/DataTable/DataTable.icons.d.ts +7 -0
- package/dist/components/DataTable/DataTable.icons.d.ts.map +1 -0
- package/dist/components/DataTable/DataTable.icons.js +69 -0
- package/dist/components/DataTable/DataTable.module.scss.cjs +107 -0
- package/dist/components/DataTable/DataTable.module.scss.js +107 -0
- package/dist/components/DataTable/DataTable.support.cjs +64 -0
- package/dist/components/DataTable/DataTable.support.d.ts +10 -0
- package/dist/components/DataTable/DataTable.support.d.ts.map +1 -0
- package/dist/components/DataTable/DataTable.support.js +47 -0
- package/dist/components/DataTable/DataTable.virtual.cjs +103 -0
- package/dist/components/DataTable/DataTable.virtual.d.ts +92 -0
- package/dist/components/DataTable/DataTable.virtual.d.ts.map +1 -0
- package/dist/components/DataTable/DataTable.virtual.js +86 -0
- package/dist/components/DataTable/index.d.ts +100 -0
- package/dist/components/DataTable/index.d.ts.map +1 -0
- package/dist/components/DatePicker/DatePicker.module.scss.cjs +104 -0
- package/dist/components/DatePicker/DatePicker.module.scss.js +104 -0
- package/dist/components/DatePicker/index.d.ts +86 -0
- package/dist/components/DatePicker/index.d.ts.map +1 -0
- package/dist/components/Dialog/Dialog.module.scss.cjs +47 -0
- package/dist/components/Dialog/Dialog.module.scss.js +47 -0
- package/dist/components/Dialog/index.cjs +135 -0
- package/dist/components/Dialog/index.d.ts +81 -0
- package/dist/components/Dialog/index.d.ts.map +1 -0
- package/dist/components/Dialog/index.js +135 -0
- package/dist/components/Drawer/Drawer.module.scss.cjs +71 -0
- package/dist/components/Drawer/Drawer.module.scss.js +71 -0
- package/dist/components/Drawer/index.cjs +194 -0
- package/dist/components/Drawer/index.d.ts +95 -0
- package/dist/components/Drawer/index.d.ts.map +1 -0
- package/dist/components/Drawer/index.js +177 -0
- package/dist/components/Editor/Editor.module.scss.cjs +56 -0
- package/dist/components/Editor/Editor.module.scss.js +56 -0
- package/dist/components/Editor/index.d.ts +120 -0
- package/dist/components/Editor/index.d.ts.map +1 -0
- package/dist/components/EmptyState/EmptyState.module.scss.cjs +29 -0
- package/dist/components/EmptyState/EmptyState.module.scss.js +29 -0
- package/dist/components/EmptyState/index.cjs +65 -0
- package/dist/components/EmptyState/index.d.ts +34 -0
- package/dist/components/EmptyState/index.d.ts.map +1 -0
- package/dist/components/EmptyState/index.js +48 -0
- package/dist/components/Field/Field.module.scss.cjs +17 -0
- package/dist/components/Field/Field.module.scss.js +17 -0
- package/dist/components/Field/index.cjs +71 -0
- package/dist/components/Field/index.d.ts +54 -0
- package/dist/components/Field/index.d.ts.map +1 -0
- package/dist/components/Field/index.js +71 -0
- package/dist/components/Fieldset/Fieldset.module.scss.cjs +14 -0
- package/dist/components/Fieldset/Fieldset.module.scss.js +14 -0
- package/dist/components/Fieldset/index.cjs +25 -0
- package/dist/components/Fieldset/index.d.ts +20 -0
- package/dist/components/Fieldset/index.d.ts.map +1 -0
- package/dist/components/Fieldset/index.js +25 -0
- package/dist/components/Form/Form.module.scss.cjs +8 -0
- package/dist/components/Form/Form.module.scss.js +8 -0
- package/dist/components/Form/index.cjs +33 -0
- package/dist/components/Form/index.d.ts +17 -0
- package/dist/components/Form/index.d.ts.map +1 -0
- package/dist/components/Form/index.js +33 -0
- package/dist/components/Grid/Grid.module.scss.cjs +185 -0
- package/dist/components/Grid/Grid.module.scss.js +185 -0
- package/dist/components/Grid/index.cjs +120 -0
- package/dist/components/Grid/index.d.ts +71 -0
- package/dist/components/Grid/index.d.ts.map +1 -0
- package/dist/components/Grid/index.js +103 -0
- package/dist/components/Header/Header.module.scss.cjs +89 -0
- package/dist/components/Header/Header.module.scss.js +89 -0
- package/dist/components/Header/index.cjs +378 -0
- package/dist/components/Header/index.d.ts +155 -0
- package/dist/components/Header/index.d.ts.map +1 -0
- package/dist/components/Header/index.js +361 -0
- package/dist/components/Icon/Icon.module.scss.cjs +29 -0
- package/dist/components/Icon/Icon.module.scss.js +29 -0
- package/dist/components/Icon/index.cjs +75 -0
- package/dist/components/Icon/index.d.ts +37 -0
- package/dist/components/Icon/index.d.ts.map +1 -0
- package/dist/components/Icon/index.js +58 -0
- package/dist/components/IconButton/IconButton.module.scss.cjs +29 -0
- package/dist/components/IconButton/IconButton.module.scss.js +29 -0
- package/dist/components/IconButton/index.cjs +66 -0
- package/dist/components/IconButton/index.d.ts +38 -0
- package/dist/components/IconButton/index.d.ts.map +1 -0
- package/dist/components/IconButton/index.js +49 -0
- package/dist/components/Image/Image.module.scss.cjs +62 -0
- package/dist/components/Image/Image.module.scss.js +62 -0
- package/dist/components/Image/index.cjs +92 -0
- package/dist/components/Image/index.d.ts +33 -0
- package/dist/components/Image/index.d.ts.map +1 -0
- package/dist/components/Image/index.js +75 -0
- package/dist/components/Input/Input.module.scss.cjs +62 -0
- package/dist/components/Input/Input.module.scss.js +62 -0
- package/dist/components/Input/index.cjs +209 -0
- package/dist/components/Input/index.d.ts +64 -0
- package/dist/components/Input/index.d.ts.map +1 -0
- package/dist/components/Input/index.js +192 -0
- package/dist/components/Link/Link.module.scss.cjs +27 -0
- package/dist/components/Link/Link.module.scss.js +27 -0
- package/dist/components/Link/index.cjs +80 -0
- package/dist/components/Link/index.d.ts +23 -0
- package/dist/components/Link/index.d.ts.map +1 -0
- package/dist/components/Link/index.js +63 -0
- package/dist/components/List/List.module.scss.cjs +52 -0
- package/dist/components/List/List.module.scss.js +52 -0
- package/dist/components/List/index.cjs +65 -0
- package/dist/components/List/index.d.ts +26 -0
- package/dist/components/List/index.d.ts.map +1 -0
- package/dist/components/List/index.js +48 -0
- package/dist/components/Listbox/Listbox.module.scss.cjs +29 -0
- package/dist/components/Listbox/Listbox.module.scss.js +29 -0
- package/dist/components/Listbox/index.cjs +246 -0
- package/dist/components/Listbox/index.d.ts +32 -0
- package/dist/components/Listbox/index.d.ts.map +1 -0
- package/dist/components/Listbox/index.js +229 -0
- package/dist/components/Loading/Loading.module.scss.cjs +85 -0
- package/dist/components/Loading/Loading.module.scss.js +85 -0
- package/dist/components/Loading/index.cjs +150 -0
- package/dist/components/Loading/index.d.ts +44 -0
- package/dist/components/Loading/index.d.ts.map +1 -0
- package/dist/components/Loading/index.js +133 -0
- package/dist/components/Markdown/Markdown.module.scss.cjs +8 -0
- package/dist/components/Markdown/Markdown.module.scss.js +8 -0
- package/dist/components/Markdown/index.d.ts +15 -0
- package/dist/components/Markdown/index.d.ts.map +1 -0
- package/dist/components/Menu/Menu.module.scss.cjs +47 -0
- package/dist/components/Menu/Menu.module.scss.js +47 -0
- package/dist/components/Menu/index.cjs +283 -0
- package/dist/components/Menu/index.d.ts +96 -0
- package/dist/components/Menu/index.d.ts.map +1 -0
- package/dist/components/Menu/index.js +266 -0
- package/dist/components/Message/Message.module.scss.cjs +59 -0
- package/dist/components/Message/Message.module.scss.js +59 -0
- package/dist/components/Message/index.cjs +179 -0
- package/dist/components/Message/index.d.ts +58 -0
- package/dist/components/Message/index.d.ts.map +1 -0
- package/dist/components/Message/index.js +162 -0
- package/dist/components/NavigationMenu/NavigationMenu.module.scss.cjs +89 -0
- package/dist/components/NavigationMenu/NavigationMenu.module.scss.js +89 -0
- package/dist/components/NavigationMenu/NavigationMenuContext.cjs +40 -0
- package/dist/components/NavigationMenu/NavigationMenuContext.d.ts +58 -0
- package/dist/components/NavigationMenu/NavigationMenuContext.d.ts.map +1 -0
- package/dist/components/NavigationMenu/NavigationMenuContext.js +23 -0
- package/dist/components/NavigationMenu/index.cjs +675 -0
- package/dist/components/NavigationMenu/index.d.ts +96 -0
- package/dist/components/NavigationMenu/index.d.ts.map +1 -0
- package/dist/components/NavigationMenu/index.js +658 -0
- package/dist/components/NavigationMenu/useNavigationMenu.cjs +89 -0
- package/dist/components/NavigationMenu/useNavigationMenu.d.ts +40 -0
- package/dist/components/NavigationMenu/useNavigationMenu.d.ts.map +1 -0
- package/dist/components/NavigationMenu/useNavigationMenu.js +72 -0
- package/dist/components/Pagination/Pagination.module.scss.cjs +26 -0
- package/dist/components/Pagination/Pagination.module.scss.js +26 -0
- package/dist/components/Pagination/index.cjs +268 -0
- package/dist/components/Pagination/index.d.ts +37 -0
- package/dist/components/Pagination/index.d.ts.map +1 -0
- package/dist/components/Pagination/index.js +251 -0
- package/dist/components/Popover/Popover.module.scss.cjs +35 -0
- package/dist/components/Popover/Popover.module.scss.js +35 -0
- package/dist/components/Popover/index.cjs +178 -0
- package/dist/components/Popover/index.d.ts +90 -0
- package/dist/components/Popover/index.d.ts.map +1 -0
- package/dist/components/Popover/index.js +161 -0
- package/dist/components/Progress/Progress.module.scss.cjs +80 -0
- package/dist/components/Progress/Progress.module.scss.js +80 -0
- package/dist/components/Progress/index.cjs +166 -0
- package/dist/components/Progress/index.d.ts +40 -0
- package/dist/components/Progress/index.d.ts.map +1 -0
- package/dist/components/Progress/index.js +166 -0
- package/dist/components/Prompt/Prompt.module.scss.cjs +59 -0
- package/dist/components/Prompt/Prompt.module.scss.js +59 -0
- package/dist/components/Prompt/index.cjs +322 -0
- package/dist/components/Prompt/index.d.ts +132 -0
- package/dist/components/Prompt/index.d.ts.map +1 -0
- package/dist/components/Prompt/index.js +305 -0
- package/dist/components/RadioGroup/RadioGroup.module.scss.cjs +56 -0
- package/dist/components/RadioGroup/RadioGroup.module.scss.js +56 -0
- package/dist/components/RadioGroup/index.cjs +182 -0
- package/dist/components/RadioGroup/index.d.ts +81 -0
- package/dist/components/RadioGroup/index.d.ts.map +1 -0
- package/dist/components/RadioGroup/index.js +165 -0
- package/dist/components/ScrollArea/ScrollArea.module.scss.cjs +35 -0
- package/dist/components/ScrollArea/ScrollArea.module.scss.js +35 -0
- package/dist/components/ScrollArea/index.cjs +84 -0
- package/dist/components/ScrollArea/index.d.ts +24 -0
- package/dist/components/ScrollArea/index.d.ts.map +1 -0
- package/dist/components/ScrollArea/index.js +67 -0
- package/dist/components/Select/Select.module.scss.cjs +56 -0
- package/dist/components/Select/Select.module.scss.js +56 -0
- package/dist/components/Select/index.cjs +276 -0
- package/dist/components/Select/index.d.ts +87 -0
- package/dist/components/Select/index.d.ts.map +1 -0
- package/dist/components/Select/index.js +259 -0
- package/dist/components/Separator/Separator.module.scss.cjs +35 -0
- package/dist/components/Separator/Separator.module.scss.js +35 -0
- package/dist/components/Separator/index.cjs +83 -0
- package/dist/components/Separator/index.d.ts +15 -0
- package/dist/components/Separator/index.d.ts.map +1 -0
- package/dist/components/Separator/index.js +66 -0
- package/dist/components/Sidebar/Sidebar.module.scss.cjs +131 -0
- package/dist/components/Sidebar/Sidebar.module.scss.js +131 -0
- package/dist/components/Sidebar/index.cjs +763 -0
- package/dist/components/Sidebar/index.d.ts +216 -0
- package/dist/components/Sidebar/index.d.ts.map +1 -0
- package/dist/components/Sidebar/index.js +746 -0
- package/dist/components/Skeleton/Skeleton.module.scss.cjs +89 -0
- package/dist/components/Skeleton/Skeleton.module.scss.js +89 -0
- package/dist/components/Skeleton/index.cjs +110 -0
- package/dist/components/Skeleton/index.d.ts +60 -0
- package/dist/components/Skeleton/index.d.ts.map +1 -0
- package/dist/components/Skeleton/index.js +93 -0
- package/dist/components/Slider/Slider.module.scss.cjs +41 -0
- package/dist/components/Slider/Slider.module.scss.js +41 -0
- package/dist/components/Slider/index.cjs +142 -0
- package/dist/components/Slider/index.d.ts +48 -0
- package/dist/components/Slider/index.d.ts.map +1 -0
- package/dist/components/Slider/index.js +125 -0
- package/dist/components/Stack/Stack.module.scss.cjs +82 -0
- package/dist/components/Stack/Stack.module.scss.js +82 -0
- package/dist/components/Stack/index.cjs +138 -0
- package/dist/components/Stack/index.d.ts +68 -0
- package/dist/components/Stack/index.d.ts.map +1 -0
- package/dist/components/Stack/index.js +121 -0
- package/dist/components/Switch/index.d.ts +2 -0
- package/dist/components/Switch/index.d.ts.map +1 -0
- package/dist/components/Table/Table.module.scss.cjs +59 -0
- package/dist/components/Table/Table.module.scss.js +59 -0
- package/dist/components/Table/index.d.ts +61 -0
- package/dist/components/Table/index.d.ts.map +1 -0
- package/dist/components/TableOfContents/TableOfContents.module.scss.cjs +50 -0
- package/dist/components/TableOfContents/TableOfContents.module.scss.js +50 -0
- package/dist/components/TableOfContents/index.cjs +176 -0
- package/dist/components/TableOfContents/index.d.ts +53 -0
- package/dist/components/TableOfContents/index.d.ts.map +1 -0
- package/dist/components/TableOfContents/index.js +159 -0
- package/dist/components/Tabs/Tabs.module.scss.cjs +41 -0
- package/dist/components/Tabs/Tabs.module.scss.js +41 -0
- package/dist/components/Tabs/index.cjs +93 -0
- package/dist/components/Tabs/index.d.ts +58 -0
- package/dist/components/Tabs/index.d.ts.map +1 -0
- package/dist/components/Tabs/index.js +76 -0
- package/dist/components/Text/Text.module.scss.cjs +112 -0
- package/dist/components/Text/Text.module.scss.js +112 -0
- package/dist/components/Text/index.cjs +60 -0
- package/dist/components/Text/index.d.ts +41 -0
- package/dist/components/Text/index.d.ts.map +1 -0
- package/dist/components/Text/index.js +43 -0
- package/dist/components/Textarea/Textarea.module.scss.cjs +66 -0
- package/dist/components/Textarea/Textarea.module.scss.js +66 -0
- package/dist/components/Textarea/index.cjs +150 -0
- package/dist/components/Textarea/index.d.ts +62 -0
- package/dist/components/Textarea/index.d.ts.map +1 -0
- package/dist/components/Textarea/index.js +133 -0
- package/dist/components/Theme/ThemeToggle.module.scss.cjs +23 -0
- package/dist/components/Theme/ThemeToggle.module.scss.js +23 -0
- package/dist/components/Theme/index.cjs +353 -0
- package/dist/components/Theme/index.d.ts +111 -0
- package/dist/components/Theme/index.d.ts.map +1 -0
- package/dist/components/Theme/index.js +336 -0
- package/dist/components/ThinkingIndicator/ThinkingIndicator.module.scss.cjs +44 -0
- package/dist/components/ThinkingIndicator/ThinkingIndicator.module.scss.js +44 -0
- package/dist/components/ThinkingIndicator/index.cjs +171 -0
- package/dist/components/ThinkingIndicator/index.d.ts +44 -0
- package/dist/components/ThinkingIndicator/index.d.ts.map +1 -0
- package/dist/components/ThinkingIndicator/index.js +154 -0
- package/dist/components/Toast/Toast.module.scss.cjs +63 -0
- package/dist/components/Toast/Toast.module.scss.js +63 -0
- package/dist/components/Toast/index.cjs +316 -0
- package/dist/components/Toast/index.d.ts +52 -0
- package/dist/components/Toast/index.d.ts.map +1 -0
- package/dist/components/Toast/index.js +299 -0
- package/dist/components/Toggle/Toggle.module.scss.cjs +44 -0
- package/dist/components/Toggle/Toggle.module.scss.js +44 -0
- package/dist/components/Toggle/index.cjs +99 -0
- package/dist/components/Toggle/index.d.ts +43 -0
- package/dist/components/Toggle/index.d.ts.map +1 -0
- package/dist/components/Toggle/index.js +82 -0
- package/dist/components/ToggleGroup/ToggleGroup.module.scss.cjs +44 -0
- package/dist/components/ToggleGroup/ToggleGroup.module.scss.js +44 -0
- package/dist/components/ToggleGroup/index.cjs +172 -0
- package/dist/components/ToggleGroup/index.d.ts +53 -0
- package/dist/components/ToggleGroup/index.d.ts.map +1 -0
- package/dist/components/ToggleGroup/index.js +155 -0
- package/dist/components/Tooltip/Tooltip.module.scss.cjs +14 -0
- package/dist/components/Tooltip/Tooltip.module.scss.js +14 -0
- package/dist/components/Tooltip/index.cjs +133 -0
- package/dist/components/Tooltip/index.d.ts +76 -0
- package/dist/components/Tooltip/index.d.ts.map +1 -0
- package/dist/components/Tooltip/index.js +116 -0
- package/dist/components/VisuallyHidden/VisuallyHidden.module.scss.cjs +8 -0
- package/dist/components/VisuallyHidden/VisuallyHidden.module.scss.js +8 -0
- package/dist/components/VisuallyHidden/index.cjs +39 -0
- package/dist/components/VisuallyHidden/index.d.ts +10 -0
- package/dist/components/VisuallyHidden/index.d.ts.map +1 -0
- package/dist/components/VisuallyHidden/index.js +22 -0
- package/dist/data-table.cjs +310 -0
- package/dist/data-table.js +293 -0
- package/dist/datepicker.cjs +459 -0
- package/dist/datepicker.js +442 -0
- package/dist/editor.cjs +572 -0
- package/dist/editor.js +555 -0
- package/dist/index.cjs +288 -0
- package/dist/index.d.ts +77 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +288 -0
- package/dist/markdown.cjs +70 -0
- package/dist/markdown.js +53 -0
- package/dist/node_modules/.pnpm/@tanstack_react-virtual@3.13.18_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@tanstack/react-virtual/dist/esm/index.cjs +68 -0
- package/dist/node_modules/.pnpm/@tanstack_react-virtual@3.13.18_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@tanstack/react-virtual/dist/esm/index.js +52 -0
- package/dist/node_modules/.pnpm/@tanstack_virtual-core@3.13.18/node_modules/@tanstack/virtual-core/dist/esm/index.cjs +822 -0
- package/dist/node_modules/.pnpm/@tanstack_virtual-core@3.13.18/node_modules/@tanstack/virtual-core/dist/esm/index.js +822 -0
- package/dist/node_modules/.pnpm/@tanstack_virtual-core@3.13.18/node_modules/@tanstack/virtual-core/dist/esm/utils.cjs +72 -0
- package/dist/node_modules/.pnpm/@tanstack_virtual-core@3.13.18/node_modules/@tanstack/virtual-core/dist/esm/utils.js +72 -0
- package/dist/table.cjs +122 -0
- package/dist/table.js +105 -0
- package/dist/utils/a11y.cjs +232 -0
- package/dist/utils/a11y.d.ts +133 -0
- package/dist/utils/a11y.d.ts.map +1 -0
- package/dist/utils/a11y.js +215 -0
- package/dist/utils/aria.cjs +41 -0
- package/dist/utils/aria.d.ts +44 -0
- package/dist/utils/aria.d.ts.map +1 -0
- package/dist/utils/aria.js +24 -0
- package/dist/utils/canonical-stamp.cjs +18 -0
- package/dist/utils/canonical-stamp.d.ts +25 -0
- package/dist/utils/canonical-stamp.d.ts.map +1 -0
- package/dist/utils/canonical-stamp.js +18 -0
- package/dist/utils/css-warning.cjs +17 -0
- package/dist/utils/css-warning.d.ts +2 -0
- package/dist/utils/css-warning.d.ts.map +1 -0
- package/dist/utils/css-warning.js +17 -0
- package/dist/utils/keyboard-shortcuts.cjs +294 -0
- package/dist/utils/keyboard-shortcuts.d.ts +293 -0
- package/dist/utils/keyboard-shortcuts.d.ts.map +1 -0
- package/dist/utils/keyboard-shortcuts.js +294 -0
- package/dist/utils/seed-derivation.cjs +478 -0
- package/dist/utils/seed-derivation.d.ts +140 -0
- package/dist/utils/seed-derivation.d.ts.map +1 -0
- package/dist/utils/seed-derivation.js +478 -0
- package/dist/utils/theme-presets.cjs +229 -0
- package/dist/utils/theme-presets.d.ts +103 -0
- package/dist/utils/theme-presets.d.ts.map +1 -0
- package/dist/utils/theme-presets.js +229 -0
- package/fragments.json +1 -0
- package/package.json +258 -0
- package/src/assets/fragments-logo.tsx +38 -0
- package/src/components/Accordion/Accordion.contract.json +169 -0
- package/src/components/Accordion/Accordion.module.scss +113 -0
- package/src/components/Accordion/Accordion.stories.tsx +106 -0
- package/src/components/Accordion/index.tsx +306 -0
- package/src/components/Alert/Alert.contract.json +157 -0
- package/src/components/Alert/Alert.module.scss +130 -0
- package/src/components/Alert/Alert.stories.tsx +119 -0
- package/src/components/Alert/index.tsx +249 -0
- package/src/components/AppShell/AppShell.contract.json +155 -0
- package/src/components/AppShell/AppShell.module.scss +239 -0
- package/src/components/AppShell/AppShell.stories.tsx +156 -0
- package/src/components/AppShell/index.tsx +518 -0
- package/src/components/Avatar/Avatar.contract.json +189 -0
- package/src/components/Avatar/Avatar.module.scss +136 -0
- package/src/components/Avatar/Avatar.stories.tsx +74 -0
- package/src/components/Avatar/index.tsx +311 -0
- package/src/components/Badge/Badge.contract.json +170 -0
- package/src/components/Badge/Badge.module.scss +146 -0
- package/src/components/Badge/Badge.stories.tsx +92 -0
- package/src/components/Badge/index.tsx +115 -0
- package/src/components/BentoGrid/BentoGrid.contract.json +135 -0
- package/src/components/BentoGrid/BentoGrid.module.scss +179 -0
- package/src/components/BentoGrid/BentoGrid.stories.tsx +98 -0
- package/src/components/BentoGrid/index.tsx +164 -0
- package/src/components/Box/Box.contract.json +423 -0
- package/src/components/Box/Box.module.scss +126 -0
- package/src/components/Box/Box.stories.tsx +150 -0
- package/src/components/Box/index.tsx +154 -0
- package/src/components/Breadcrumbs/Breadcrumbs.contract.json +143 -0
- package/src/components/Breadcrumbs/Breadcrumbs.module.scss +121 -0
- package/src/components/Breadcrumbs/Breadcrumbs.stories.tsx +87 -0
- package/src/components/Breadcrumbs/index.tsx +205 -0
- package/src/components/Button/Button.contract.json +212 -0
- package/src/components/Button/Button.module.scss +296 -0
- package/src/components/Button/Button.stories.tsx +103 -0
- package/src/components/Button/index.tsx +190 -0
- package/src/components/ButtonGroup/ButtonGroup.contract.json +140 -0
- package/src/components/ButtonGroup/ButtonGroup.module.scss +61 -0
- package/src/components/ButtonGroup/ButtonGroup.stories.tsx +97 -0
- package/src/components/ButtonGroup/index.tsx +34 -0
- package/src/components/Card/Card.contract.json +170 -0
- package/src/components/Card/Card.module.scss +212 -0
- package/src/components/Card/Card.stories.tsx +144 -0
- package/src/components/Card/index.tsx +233 -0
- package/src/components/Chart/Chart.contract.json +129 -0
- package/src/components/Chart/Chart.module.scss +128 -0
- package/src/components/Chart/Chart.stories.tsx +119 -0
- package/src/components/Chart/index.tsx +365 -0
- package/src/components/Checkbox/Checkbox.contract.json +256 -0
- package/src/components/Checkbox/Checkbox.module.scss +256 -0
- package/src/components/Checkbox/Checkbox.stories.tsx +68 -0
- package/src/components/Checkbox/index.tsx +264 -0
- package/src/components/Chip/Chip.contract.json +212 -0
- package/src/components/Chip/Chip.module.scss +265 -0
- package/src/components/Chip/Chip.stories.tsx +70 -0
- package/src/components/Chip/index.tsx +194 -0
- package/src/components/Cloud/CloudGovernanceShell.module.scss +88 -0
- package/src/components/Cloud/CloudGovernanceShell.stories.tsx +446 -0
- package/src/components/Cloud/ControlSizing.module.scss +49 -0
- package/src/components/Cloud/ControlSizing.stories.tsx +238 -0
- package/src/components/Cloud/DashboardLayoutPrototypes.module.scss +462 -0
- package/src/components/Cloud/DashboardLayoutPrototypes.shared.tsx +375 -0
- package/src/components/Cloud/DashboardLayoutPrototypes.shell.tsx +147 -0
- package/src/components/Cloud/DashboardLayoutPrototypes.stories.tsx +328 -0
- package/src/components/Cloud/PullRequestsPrototypes.content.tsx +283 -0
- package/src/components/Cloud/PullRequestsPrototypes.detail-panels.tsx +381 -0
- package/src/components/Cloud/PullRequestsPrototypes.detail.tsx +204 -0
- package/src/components/Cloud/PullRequestsPrototypes.id-data.ts +395 -0
- package/src/components/Cloud/PullRequestsPrototypes.id-page.tsx +349 -0
- package/src/components/Cloud/PullRequestsPrototypes.stories.tsx +81 -0
- package/src/components/CodeBlock/CodeBlock.contract.json +388 -0
- package/src/components/CodeBlock/CodeBlock.module.scss +384 -0
- package/src/components/CodeBlock/CodeBlock.stories.tsx +147 -0
- package/src/components/CodeBlock/index.tsx +872 -0
- package/src/components/Collapsible/Collapsible.contract.json +154 -0
- package/src/components/Collapsible/Collapsible.module.scss +119 -0
- package/src/components/Collapsible/Collapsible.stories.tsx +94 -0
- package/src/components/Collapsible/index.tsx +254 -0
- package/src/components/ColorPicker/ColorPicker.contract.json +212 -0
- package/src/components/ColorPicker/ColorPicker.module.scss +142 -0
- package/src/components/ColorPicker/ColorPicker.stories.tsx +74 -0
- package/src/components/ColorPicker/index.tsx +182 -0
- package/src/components/Combobox/Combobox.contract.json +297 -0
- package/src/components/Combobox/Combobox.module.scss +334 -0
- package/src/components/Combobox/Combobox.stories.tsx +133 -0
- package/src/components/Combobox/index.tsx +619 -0
- package/src/components/Command/Command.contract.json +165 -0
- package/src/components/Command/Command.module.scss +152 -0
- package/src/components/Command/Command.stories.tsx +102 -0
- package/src/components/Command/index.tsx +548 -0
- package/src/components/ComponentDefaults/index.tsx +56 -0
- package/src/components/ConversationList/ConversationList.contract.json +151 -0
- package/src/components/ConversationList/ConversationList.module.scss +160 -0
- package/src/components/ConversationList/ConversationList.stories.tsx +93 -0
- package/src/components/ConversationList/index.tsx +257 -0
- package/src/components/DataTable/DataTable.contract.json +302 -0
- package/src/components/DataTable/DataTable.icons.tsx +67 -0
- package/src/components/DataTable/DataTable.module.scss +429 -0
- package/src/components/DataTable/DataTable.stories.tsx +129 -0
- package/src/components/DataTable/DataTable.support.tsx +75 -0
- package/src/components/DataTable/DataTable.virtual.tsx +197 -0
- package/src/components/DataTable/index.tsx +519 -0
- package/src/components/DatePicker/DatePicker.contract.json +283 -0
- package/src/components/DatePicker/DatePicker.module.scss +434 -0
- package/src/components/DatePicker/DatePicker.stories.tsx +129 -0
- package/src/components/DatePicker/index.tsx +670 -0
- package/src/components/Dialog/Dialog.contract.json +159 -0
- package/src/components/Dialog/Dialog.module.scss +177 -0
- package/src/components/Dialog/Dialog.stories.tsx +154 -0
- package/src/components/Dialog/index.tsx +264 -0
- package/src/components/Drawer/Drawer.contract.json +161 -0
- package/src/components/Drawer/Drawer.module.scss +255 -0
- package/src/components/Drawer/Drawer.stories.tsx +144 -0
- package/src/components/Drawer/index.tsx +329 -0
- package/src/components/Editor/Editor.contract.json +263 -0
- package/src/components/Editor/Editor.module.scss +352 -0
- package/src/components/Editor/Editor.stories.tsx +99 -0
- package/src/components/Editor/index.tsx +866 -0
- package/src/components/EmptyState/EmptyState.contract.json +133 -0
- package/src/components/EmptyState/EmptyState.module.scss +131 -0
- package/src/components/EmptyState/EmptyState.stories.tsx +97 -0
- package/src/components/EmptyState/index.tsx +115 -0
- package/src/components/Field/Field.contract.json +157 -0
- package/src/components/Field/Field.module.scss +31 -0
- package/src/components/Field/Field.stories.tsx +109 -0
- package/src/components/Field/index.tsx +144 -0
- package/src/components/Fieldset/Fieldset.contract.json +117 -0
- package/src/components/Fieldset/Fieldset.module.scss +28 -0
- package/src/components/Fieldset/Fieldset.stories.tsx +116 -0
- package/src/components/Fieldset/index.tsx +57 -0
- package/src/components/Form/Form.contract.json +145 -0
- package/src/components/Form/Form.module.scss +8 -0
- package/src/components/Form/Form.stories.tsx +142 -0
- package/src/components/Form/index.tsx +54 -0
- package/src/components/Grid/Grid.contract.json +195 -0
- package/src/components/Grid/Grid.module.scss +165 -0
- package/src/components/Grid/Grid.stories.tsx +125 -0
- package/src/components/Grid/index.tsx +234 -0
- package/src/components/Header/Header.contract.json +196 -0
- package/src/components/Header/Header.module.scss +432 -0
- package/src/components/Header/Header.stories.tsx +133 -0
- package/src/components/Header/index.tsx +660 -0
- package/src/components/Icon/Icon.contract.json +194 -0
- package/src/components/Icon/Icon.module.scss +38 -0
- package/src/components/Icon/Icon.stories.tsx +80 -0
- package/src/components/Icon/index.tsx +105 -0
- package/src/components/IconButton/IconButton.module.scss +102 -0
- package/src/components/IconButton/IconButton.stories.tsx +78 -0
- package/src/components/IconButton/index.tsx +93 -0
- package/src/components/Image/Image.contract.json +209 -0
- package/src/components/Image/Image.module.scss +77 -0
- package/src/components/Image/Image.stories.tsx +109 -0
- package/src/components/Image/index.tsx +128 -0
- package/src/components/Input/Input.contract.json +325 -0
- package/src/components/Input/Input.module.scss +231 -0
- package/src/components/Input/Input.stories.tsx +104 -0
- package/src/components/Input/index.tsx +301 -0
- package/src/components/Link/Link.contract.json +180 -0
- package/src/components/Link/Link.module.scss +67 -0
- package/src/components/Link/Link.stories.tsx +67 -0
- package/src/components/Link/index.tsx +102 -0
- package/src/components/List/List.contract.json +154 -0
- package/src/components/List/List.module.scss +71 -0
- package/src/components/List/List.stories.tsx +95 -0
- package/src/components/List/index.tsx +107 -0
- package/src/components/Listbox/Listbox.contract.json +158 -0
- package/src/components/Listbox/Listbox.module.scss +113 -0
- package/src/components/Listbox/Listbox.stories.tsx +81 -0
- package/src/components/Listbox/index.tsx +309 -0
- package/src/components/Loading/Loading.contract.json +167 -0
- package/src/components/Loading/Loading.module.scss +259 -0
- package/src/components/Loading/Loading.stories.tsx +69 -0
- package/src/components/Loading/index.tsx +229 -0
- package/src/components/Markdown/Markdown.contract.json +127 -0
- package/src/components/Markdown/Markdown.module.scss +233 -0
- package/src/components/Markdown/Markdown.stories.tsx +75 -0
- package/src/components/Markdown/index.tsx +112 -0
- package/src/components/Menu/Menu.contract.json +177 -0
- package/src/components/Menu/Menu.module.scss +215 -0
- package/src/components/Menu/Menu.stories.tsx +113 -0
- package/src/components/Menu/index.tsx +411 -0
- package/src/components/Message/Message.contract.json +183 -0
- package/src/components/Message/Message.module.scss +238 -0
- package/src/components/Message/Message.stories.tsx +85 -0
- package/src/components/Message/index.tsx +293 -0
- package/src/components/NavigationMenu/NavigationMenu.contract.json +203 -0
- package/src/components/NavigationMenu/NavigationMenu.module.scss +515 -0
- package/src/components/NavigationMenu/NavigationMenu.stories.tsx +161 -0
- package/src/components/NavigationMenu/NavigationMenuContext.ts +108 -0
- package/src/components/NavigationMenu/index.tsx +1001 -0
- package/src/components/NavigationMenu/useNavigationMenu.ts +101 -0
- package/src/components/Pagination/Pagination.contract.json +163 -0
- package/src/components/Pagination/Pagination.module.scss +111 -0
- package/src/components/Pagination/Pagination.stories.tsx +81 -0
- package/src/components/Pagination/index.tsx +387 -0
- package/src/components/Popover/Popover.contract.json +163 -0
- package/src/components/Popover/Popover.module.scss +189 -0
- package/src/components/Popover/Popover.stories.tsx +152 -0
- package/src/components/Popover/index.tsx +284 -0
- package/src/components/Progress/Progress.contract.json +176 -0
- package/src/components/Progress/Progress.module.scss +185 -0
- package/src/components/Progress/Progress.stories.tsx +64 -0
- package/src/components/Progress/index.tsx +238 -0
- package/src/components/Prompt/Prompt.contract.json +213 -0
- package/src/components/Prompt/Prompt.module.scss +346 -0
- package/src/components/Prompt/Prompt.stories.tsx +93 -0
- package/src/components/Prompt/index.tsx +508 -0
- package/src/components/RadioGroup/RadioGroup.contract.json +236 -0
- package/src/components/RadioGroup/RadioGroup.module.scss +272 -0
- package/src/components/RadioGroup/RadioGroup.stories.tsx +107 -0
- package/src/components/RadioGroup/index.tsx +298 -0
- package/src/components/ScrollArea/ScrollArea.contract.json +131 -0
- package/src/components/ScrollArea/ScrollArea.module.scss +149 -0
- package/src/components/ScrollArea/ScrollArea.stories.tsx +97 -0
- package/src/components/ScrollArea/index.tsx +122 -0
- package/src/components/Select/Select.contract.json +249 -0
- package/src/components/Select/Select.module.scss +226 -0
- package/src/components/Select/Select.stories.tsx +127 -0
- package/src/components/Select/index.tsx +457 -0
- package/src/components/Separator/Separator.contract.json +143 -0
- package/src/components/Separator/Separator.module.scss +92 -0
- package/src/components/Separator/Separator.stories.tsx +84 -0
- package/src/components/Separator/index.tsx +97 -0
- package/src/components/Sidebar/Sidebar.contract.json +258 -0
- package/src/components/Sidebar/Sidebar.module.scss +650 -0
- package/src/components/Sidebar/Sidebar.stories.tsx +122 -0
- package/src/components/Sidebar/index.tsx +1168 -0
- package/src/components/Skeleton/Skeleton.contract.json +166 -0
- package/src/components/Skeleton/Skeleton.module.scss +166 -0
- package/src/components/Skeleton/Skeleton.stories.tsx +80 -0
- package/src/components/Skeleton/index.tsx +182 -0
- package/src/components/Slider/Slider.contract.json +248 -0
- package/src/components/Slider/Slider.module.scss +147 -0
- package/src/components/Slider/Slider.stories.tsx +73 -0
- package/src/components/Slider/index.tsx +189 -0
- package/src/components/Stack/Stack.contract.json +220 -0
- package/src/components/Stack/Stack.module.scss +136 -0
- package/src/components/Stack/Stack.stories.tsx +73 -0
- package/src/components/Stack/index.tsx +207 -0
- package/src/components/Switch/Switch.stories.tsx +59 -0
- package/src/components/Switch/index.ts +3 -0
- package/src/components/Table/Table.contract.json +171 -0
- package/src/components/Table/Table.module.scss +206 -0
- package/src/components/Table/Table.stories.tsx +219 -0
- package/src/components/Table/index.tsx +205 -0
- package/src/components/TableOfContents/TableOfContents.contract.json +165 -0
- package/src/components/TableOfContents/TableOfContents.module.scss +324 -0
- package/src/components/TableOfContents/TableOfContents.stories.tsx +120 -0
- package/src/components/TableOfContents/index.tsx +266 -0
- package/src/components/Tabs/Tabs.contract.json +159 -0
- package/src/components/Tabs/Tabs.module.scss +179 -0
- package/src/components/Tabs/Tabs.stories.tsx +136 -0
- package/src/components/Tabs/index.tsx +168 -0
- package/src/components/Text/Text.contract.json +241 -0
- package/src/components/Text/Text.module.scss +136 -0
- package/src/components/Text/Text.stories.tsx +133 -0
- package/src/components/Text/index.tsx +91 -0
- package/src/components/Textarea/Textarea.contract.json +308 -0
- package/src/components/Textarea/Textarea.module.scss +175 -0
- package/src/components/Textarea/Textarea.stories.tsx +107 -0
- package/src/components/Textarea/index.tsx +205 -0
- package/src/components/Theme/Theme.contract.json +152 -0
- package/src/components/Theme/Theme.stories.tsx +95 -0
- package/src/components/Theme/ThemeToggle.module.scss +91 -0
- package/src/components/Theme/index.tsx +579 -0
- package/src/components/ThinkingIndicator/ThinkingIndicator.contract.json +165 -0
- package/src/components/ThinkingIndicator/ThinkingIndicator.module.scss +107 -0
- package/src/components/ThinkingIndicator/ThinkingIndicator.stories.tsx +85 -0
- package/src/components/ThinkingIndicator/index.tsx +257 -0
- package/src/components/Toast/Toast.contract.json +181 -0
- package/src/components/Toast/Toast.module.scss +286 -0
- package/src/components/Toast/Toast.stories.tsx +91 -0
- package/src/components/Toast/index.tsx +439 -0
- package/src/components/Toggle/Toggle.contract.json +231 -0
- package/src/components/Toggle/Toggle.module.scss +244 -0
- package/src/components/Toggle/index.tsx +140 -0
- package/src/components/ToggleGroup/ToggleGroup.contract.json +206 -0
- package/src/components/ToggleGroup/ToggleGroup.module.scss +160 -0
- package/src/components/ToggleGroup/ToggleGroup.stories.tsx +114 -0
- package/src/components/ToggleGroup/index.tsx +252 -0
- package/src/components/Tooltip/Tooltip.contract.json +214 -0
- package/src/components/Tooltip/Tooltip.module.scss +87 -0
- package/src/components/Tooltip/Tooltip.stories.tsx +95 -0
- package/src/components/Tooltip/index.tsx +209 -0
- package/src/components/VisuallyHidden/VisuallyHidden.contract.json +116 -0
- package/src/components/VisuallyHidden/VisuallyHidden.module.scss +13 -0
- package/src/components/VisuallyHidden/VisuallyHidden.stories.tsx +78 -0
- package/src/components/VisuallyHidden/index.tsx +37 -0
- package/src/index.ts +728 -0
- package/src/scss.d.ts +4 -0
- package/src/styles/globals.scss +207 -0
- package/src/tokens/_computed.scss +225 -0
- package/src/tokens/_density.scss +176 -0
- package/src/tokens/_derive.scss +513 -0
- package/src/tokens/_mixins.scss +471 -0
- package/src/tokens/_palettes.scss +225 -0
- package/src/tokens/_property-registrations.scss +218 -0
- package/src/tokens/_radius.scss +107 -0
- package/src/tokens/_seeds.scss +83 -0
- package/src/tokens/_variables.scss +1045 -0
- package/src/utils/a11y.tsx +431 -0
- package/src/utils/aria.ts +63 -0
- package/src/utils/canonical-stamp.ts +47 -0
- package/src/utils/css-warning.ts +29 -0
- package/src/utils/keyboard-shortcuts.ts +502 -0
- package/src/utils/seed-derivation.ts +706 -0
- package/src/utils/theme-presets.ts +360 -0
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
+
const React = require("react");
|
|
4
|
+
function _interopNamespaceDefault(e) {
|
|
5
|
+
const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
|
|
6
|
+
if (e) {
|
|
7
|
+
for (const k in e) {
|
|
8
|
+
if (k !== "default") {
|
|
9
|
+
const d = Object.getOwnPropertyDescriptor(e, k);
|
|
10
|
+
Object.defineProperty(n, k, d.get ? d : {
|
|
11
|
+
enumerable: true,
|
|
12
|
+
get: () => e[k]
|
|
13
|
+
});
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
n.default = e;
|
|
18
|
+
return Object.freeze(n);
|
|
19
|
+
}
|
|
20
|
+
const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
|
|
21
|
+
function useNavigationMenu({
|
|
22
|
+
value: controlledValue,
|
|
23
|
+
defaultValue = "",
|
|
24
|
+
onValueChange,
|
|
25
|
+
delayDuration = 200,
|
|
26
|
+
skipDelayDuration = 300
|
|
27
|
+
}) {
|
|
28
|
+
const [uncontrolledValue, setUncontrolledValue] = React__namespace.useState(defaultValue);
|
|
29
|
+
const isControlled = controlledValue !== void 0;
|
|
30
|
+
const value = isControlled ? controlledValue : uncontrolledValue;
|
|
31
|
+
const setValue = React__namespace.useCallback(
|
|
32
|
+
(newValue) => {
|
|
33
|
+
if (!isControlled) {
|
|
34
|
+
setUncontrolledValue(newValue);
|
|
35
|
+
}
|
|
36
|
+
onValueChange == null ? void 0 : onValueChange(newValue);
|
|
37
|
+
},
|
|
38
|
+
[isControlled, onValueChange]
|
|
39
|
+
);
|
|
40
|
+
const openTimerRef = React__namespace.useRef(null);
|
|
41
|
+
const closeTimerRef = React__namespace.useRef(null);
|
|
42
|
+
const isRecentlyOpenRef = React__namespace.useRef(false);
|
|
43
|
+
const skipDelayTimerRef = React__namespace.useRef(null);
|
|
44
|
+
const triggerRefs = React__namespace.useRef(/* @__PURE__ */ new Map());
|
|
45
|
+
const triggerOrder = React__namespace.useRef([]);
|
|
46
|
+
const itemOrder = React__namespace.useRef([]);
|
|
47
|
+
const itemInfoMap = React__namespace.useRef(/* @__PURE__ */ new Map());
|
|
48
|
+
const [viewportSize, setViewportSize] = React__namespace.useState({ width: 0, height: 0 });
|
|
49
|
+
const viewportRef = React__namespace.useRef(null);
|
|
50
|
+
const previousValue = React__namespace.useRef(value);
|
|
51
|
+
const [mobileOpen, setMobileOpen] = React__namespace.useState(false);
|
|
52
|
+
const [mobileContentChildren, setMobileContentChildren] = React__namespace.useState(null);
|
|
53
|
+
const [mobileBrandChildren, setMobileBrandChildren] = React__namespace.useState(null);
|
|
54
|
+
React__namespace.useEffect(() => {
|
|
55
|
+
const openTimer = openTimerRef.current;
|
|
56
|
+
const closeTimer = closeTimerRef.current;
|
|
57
|
+
const skipDelayTimer = skipDelayTimerRef.current;
|
|
58
|
+
return () => {
|
|
59
|
+
if (openTimer) clearTimeout(openTimer);
|
|
60
|
+
if (closeTimer) clearTimeout(closeTimer);
|
|
61
|
+
if (skipDelayTimer) clearTimeout(skipDelayTimer);
|
|
62
|
+
};
|
|
63
|
+
}, []);
|
|
64
|
+
return {
|
|
65
|
+
value,
|
|
66
|
+
setValue,
|
|
67
|
+
delayDuration,
|
|
68
|
+
skipDelayDuration,
|
|
69
|
+
openTimerRef,
|
|
70
|
+
closeTimerRef,
|
|
71
|
+
isRecentlyOpenRef,
|
|
72
|
+
skipDelayTimerRef,
|
|
73
|
+
triggerRefs,
|
|
74
|
+
triggerOrder,
|
|
75
|
+
itemOrder,
|
|
76
|
+
itemInfoMap,
|
|
77
|
+
viewportSize,
|
|
78
|
+
setViewportSize,
|
|
79
|
+
viewportRef,
|
|
80
|
+
previousValue,
|
|
81
|
+
mobileOpen,
|
|
82
|
+
setMobileOpen,
|
|
83
|
+
mobileContentChildren,
|
|
84
|
+
setMobileContentChildren,
|
|
85
|
+
mobileBrandChildren,
|
|
86
|
+
setMobileBrandChildren
|
|
87
|
+
};
|
|
88
|
+
}
|
|
89
|
+
exports.useNavigationMenu = useNavigationMenu;
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import type { NavigationMenuItemInfo } from './NavigationMenuContext';
|
|
3
|
+
export interface UseNavigationMenuOptions {
|
|
4
|
+
value?: string;
|
|
5
|
+
defaultValue?: string;
|
|
6
|
+
onValueChange?: (value: string) => void;
|
|
7
|
+
delayDuration?: number;
|
|
8
|
+
skipDelayDuration?: number;
|
|
9
|
+
}
|
|
10
|
+
export declare function useNavigationMenu({ value: controlledValue, defaultValue, onValueChange, delayDuration, skipDelayDuration, }: UseNavigationMenuOptions): {
|
|
11
|
+
value: string;
|
|
12
|
+
setValue: (newValue: string) => void;
|
|
13
|
+
delayDuration: number;
|
|
14
|
+
skipDelayDuration: number;
|
|
15
|
+
openTimerRef: React.RefObject<NodeJS.Timeout | null>;
|
|
16
|
+
closeTimerRef: React.RefObject<NodeJS.Timeout | null>;
|
|
17
|
+
isRecentlyOpenRef: React.RefObject<boolean>;
|
|
18
|
+
skipDelayTimerRef: React.RefObject<NodeJS.Timeout | null>;
|
|
19
|
+
triggerRefs: React.RefObject<Map<string, HTMLButtonElement>>;
|
|
20
|
+
triggerOrder: React.RefObject<string[]>;
|
|
21
|
+
itemOrder: React.RefObject<string[]>;
|
|
22
|
+
itemInfoMap: React.RefObject<Map<string, NavigationMenuItemInfo>>;
|
|
23
|
+
viewportSize: {
|
|
24
|
+
width: number;
|
|
25
|
+
height: number;
|
|
26
|
+
};
|
|
27
|
+
setViewportSize: React.Dispatch<React.SetStateAction<{
|
|
28
|
+
width: number;
|
|
29
|
+
height: number;
|
|
30
|
+
}>>;
|
|
31
|
+
viewportRef: React.RefObject<HTMLDivElement | null>;
|
|
32
|
+
previousValue: React.RefObject<string>;
|
|
33
|
+
mobileOpen: boolean;
|
|
34
|
+
setMobileOpen: React.Dispatch<React.SetStateAction<boolean>>;
|
|
35
|
+
mobileContentChildren: React.ReactNode;
|
|
36
|
+
setMobileContentChildren: React.Dispatch<React.SetStateAction<React.ReactNode>>;
|
|
37
|
+
mobileBrandChildren: React.ReactNode;
|
|
38
|
+
setMobileBrandChildren: React.Dispatch<React.SetStateAction<React.ReactNode>>;
|
|
39
|
+
};
|
|
40
|
+
//# sourceMappingURL=useNavigationMenu.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useNavigationMenu.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationMenu/useNavigationMenu.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAC;AAEtE,MAAM,WAAW,wBAAwB;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EAAE,eAAe,EACtB,YAAiB,EACjB,aAAa,EACb,aAAmB,EACnB,iBAAuB,GACxB,EAAE,wBAAwB;;yBAMZ,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2EpB"}
|
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
function useNavigationMenu({
|
|
3
|
+
value: controlledValue,
|
|
4
|
+
defaultValue = "",
|
|
5
|
+
onValueChange,
|
|
6
|
+
delayDuration = 200,
|
|
7
|
+
skipDelayDuration = 300
|
|
8
|
+
}) {
|
|
9
|
+
const [uncontrolledValue, setUncontrolledValue] = React.useState(defaultValue);
|
|
10
|
+
const isControlled = controlledValue !== void 0;
|
|
11
|
+
const value = isControlled ? controlledValue : uncontrolledValue;
|
|
12
|
+
const setValue = React.useCallback(
|
|
13
|
+
(newValue) => {
|
|
14
|
+
if (!isControlled) {
|
|
15
|
+
setUncontrolledValue(newValue);
|
|
16
|
+
}
|
|
17
|
+
onValueChange == null ? void 0 : onValueChange(newValue);
|
|
18
|
+
},
|
|
19
|
+
[isControlled, onValueChange]
|
|
20
|
+
);
|
|
21
|
+
const openTimerRef = React.useRef(null);
|
|
22
|
+
const closeTimerRef = React.useRef(null);
|
|
23
|
+
const isRecentlyOpenRef = React.useRef(false);
|
|
24
|
+
const skipDelayTimerRef = React.useRef(null);
|
|
25
|
+
const triggerRefs = React.useRef(/* @__PURE__ */ new Map());
|
|
26
|
+
const triggerOrder = React.useRef([]);
|
|
27
|
+
const itemOrder = React.useRef([]);
|
|
28
|
+
const itemInfoMap = React.useRef(/* @__PURE__ */ new Map());
|
|
29
|
+
const [viewportSize, setViewportSize] = React.useState({ width: 0, height: 0 });
|
|
30
|
+
const viewportRef = React.useRef(null);
|
|
31
|
+
const previousValue = React.useRef(value);
|
|
32
|
+
const [mobileOpen, setMobileOpen] = React.useState(false);
|
|
33
|
+
const [mobileContentChildren, setMobileContentChildren] = React.useState(null);
|
|
34
|
+
const [mobileBrandChildren, setMobileBrandChildren] = React.useState(null);
|
|
35
|
+
React.useEffect(() => {
|
|
36
|
+
const openTimer = openTimerRef.current;
|
|
37
|
+
const closeTimer = closeTimerRef.current;
|
|
38
|
+
const skipDelayTimer = skipDelayTimerRef.current;
|
|
39
|
+
return () => {
|
|
40
|
+
if (openTimer) clearTimeout(openTimer);
|
|
41
|
+
if (closeTimer) clearTimeout(closeTimer);
|
|
42
|
+
if (skipDelayTimer) clearTimeout(skipDelayTimer);
|
|
43
|
+
};
|
|
44
|
+
}, []);
|
|
45
|
+
return {
|
|
46
|
+
value,
|
|
47
|
+
setValue,
|
|
48
|
+
delayDuration,
|
|
49
|
+
skipDelayDuration,
|
|
50
|
+
openTimerRef,
|
|
51
|
+
closeTimerRef,
|
|
52
|
+
isRecentlyOpenRef,
|
|
53
|
+
skipDelayTimerRef,
|
|
54
|
+
triggerRefs,
|
|
55
|
+
triggerOrder,
|
|
56
|
+
itemOrder,
|
|
57
|
+
itemInfoMap,
|
|
58
|
+
viewportSize,
|
|
59
|
+
setViewportSize,
|
|
60
|
+
viewportRef,
|
|
61
|
+
previousValue,
|
|
62
|
+
mobileOpen,
|
|
63
|
+
setMobileOpen,
|
|
64
|
+
mobileContentChildren,
|
|
65
|
+
setMobileContentChildren,
|
|
66
|
+
mobileBrandChildren,
|
|
67
|
+
setMobileBrandChildren
|
|
68
|
+
};
|
|
69
|
+
}
|
|
70
|
+
export {
|
|
71
|
+
useNavigationMenu
|
|
72
|
+
};
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
|
+
const pagination = "_pagination_1l3kg_1";
|
|
4
|
+
const list = "_list_1l3kg_7";
|
|
5
|
+
const item = "_item_1l3kg_16";
|
|
6
|
+
const itemActive = "_itemActive_1l3kg_57";
|
|
7
|
+
const itemDisabled = "_itemDisabled_1l3kg_65";
|
|
8
|
+
const navButton = "_navButton_1l3kg_71";
|
|
9
|
+
const ellipsis = "_ellipsis_1l3kg_76";
|
|
10
|
+
const styles = {
|
|
11
|
+
pagination,
|
|
12
|
+
list,
|
|
13
|
+
item,
|
|
14
|
+
itemActive,
|
|
15
|
+
itemDisabled,
|
|
16
|
+
navButton,
|
|
17
|
+
ellipsis
|
|
18
|
+
};
|
|
19
|
+
exports.default = styles;
|
|
20
|
+
exports.ellipsis = ellipsis;
|
|
21
|
+
exports.item = item;
|
|
22
|
+
exports.itemActive = itemActive;
|
|
23
|
+
exports.itemDisabled = itemDisabled;
|
|
24
|
+
exports.list = list;
|
|
25
|
+
exports.navButton = navButton;
|
|
26
|
+
exports.pagination = pagination;
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
const pagination = "_pagination_1l3kg_1";
|
|
2
|
+
const list = "_list_1l3kg_7";
|
|
3
|
+
const item = "_item_1l3kg_16";
|
|
4
|
+
const itemActive = "_itemActive_1l3kg_57";
|
|
5
|
+
const itemDisabled = "_itemDisabled_1l3kg_65";
|
|
6
|
+
const navButton = "_navButton_1l3kg_71";
|
|
7
|
+
const ellipsis = "_ellipsis_1l3kg_76";
|
|
8
|
+
const styles = {
|
|
9
|
+
pagination,
|
|
10
|
+
list,
|
|
11
|
+
item,
|
|
12
|
+
itemActive,
|
|
13
|
+
itemDisabled,
|
|
14
|
+
navButton,
|
|
15
|
+
ellipsis
|
|
16
|
+
};
|
|
17
|
+
export {
|
|
18
|
+
styles as default,
|
|
19
|
+
ellipsis,
|
|
20
|
+
item,
|
|
21
|
+
itemActive,
|
|
22
|
+
itemDisabled,
|
|
23
|
+
list,
|
|
24
|
+
navButton,
|
|
25
|
+
pagination
|
|
26
|
+
};
|
|
@@ -0,0 +1,268 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
+
const jsxRuntime = require("react/jsx-runtime");
|
|
4
|
+
const React = require("react");
|
|
5
|
+
const Pagination_module = require("./Pagination.module.scss.cjs");
|
|
6
|
+
function _interopNamespaceDefault(e) {
|
|
7
|
+
const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
|
|
8
|
+
if (e) {
|
|
9
|
+
for (const k in e) {
|
|
10
|
+
if (k !== "default") {
|
|
11
|
+
const d = Object.getOwnPropertyDescriptor(e, k);
|
|
12
|
+
Object.defineProperty(n, k, d.get ? d : {
|
|
13
|
+
enumerable: true,
|
|
14
|
+
get: () => e[k]
|
|
15
|
+
});
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
n.default = e;
|
|
20
|
+
return Object.freeze(n);
|
|
21
|
+
}
|
|
22
|
+
const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
|
|
23
|
+
const PaginationContext = React__namespace.createContext(null);
|
|
24
|
+
function usePaginationContext() {
|
|
25
|
+
const ctx = React__namespace.useContext(PaginationContext);
|
|
26
|
+
if (!ctx) throw new Error("Pagination sub-components must be used within <Pagination>");
|
|
27
|
+
return ctx;
|
|
28
|
+
}
|
|
29
|
+
function usePaginationRange(totalPages, currentPage, siblingCount, edgeCount) {
|
|
30
|
+
return React__namespace.useMemo(() => {
|
|
31
|
+
if (totalPages <= 0) return [];
|
|
32
|
+
const totalSlots = edgeCount * 2 + siblingCount * 2 + 1 + 2;
|
|
33
|
+
if (totalPages <= totalSlots) {
|
|
34
|
+
return Array.from({ length: totalPages }, (_, i) => i + 1);
|
|
35
|
+
}
|
|
36
|
+
const leftEdge = Array.from({ length: edgeCount }, (_, i) => i + 1);
|
|
37
|
+
const rightEdge = Array.from({ length: edgeCount }, (_, i) => totalPages - edgeCount + 1 + i);
|
|
38
|
+
const siblingStart = Math.max(edgeCount + 1, currentPage - siblingCount);
|
|
39
|
+
const siblingEnd = Math.min(totalPages - edgeCount, currentPage + siblingCount);
|
|
40
|
+
const result = [];
|
|
41
|
+
for (const p of leftEdge) {
|
|
42
|
+
result.push(p);
|
|
43
|
+
}
|
|
44
|
+
if (siblingStart > edgeCount + 1) {
|
|
45
|
+
if (siblingStart === edgeCount + 2) {
|
|
46
|
+
result.push(edgeCount + 1);
|
|
47
|
+
} else {
|
|
48
|
+
result.push("ellipsis");
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
for (let i = siblingStart; i <= siblingEnd; i++) {
|
|
52
|
+
if (!result.includes(i)) {
|
|
53
|
+
result.push(i);
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
if (siblingEnd < totalPages - edgeCount) {
|
|
57
|
+
if (siblingEnd === totalPages - edgeCount - 1) {
|
|
58
|
+
result.push(totalPages - edgeCount);
|
|
59
|
+
} else {
|
|
60
|
+
result.push("ellipsis");
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
for (const p of rightEdge) {
|
|
64
|
+
if (!result.includes(p)) {
|
|
65
|
+
result.push(p);
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
return result;
|
|
69
|
+
}, [totalPages, currentPage, siblingCount, edgeCount]);
|
|
70
|
+
}
|
|
71
|
+
function ChevronLeftIcon() {
|
|
72
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
73
|
+
"svg",
|
|
74
|
+
{
|
|
75
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
76
|
+
width: "16",
|
|
77
|
+
height: "16",
|
|
78
|
+
viewBox: "0 0 24 24",
|
|
79
|
+
fill: "none",
|
|
80
|
+
stroke: "currentColor",
|
|
81
|
+
strokeWidth: "2",
|
|
82
|
+
strokeLinecap: "round",
|
|
83
|
+
strokeLinejoin: "round",
|
|
84
|
+
"aria-hidden": "true",
|
|
85
|
+
children: /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "15 18 9 12 15 6" })
|
|
86
|
+
}
|
|
87
|
+
);
|
|
88
|
+
}
|
|
89
|
+
function ChevronRightIcon() {
|
|
90
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
91
|
+
"svg",
|
|
92
|
+
{
|
|
93
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
94
|
+
width: "16",
|
|
95
|
+
height: "16",
|
|
96
|
+
viewBox: "0 0 24 24",
|
|
97
|
+
fill: "none",
|
|
98
|
+
stroke: "currentColor",
|
|
99
|
+
strokeWidth: "2",
|
|
100
|
+
strokeLinecap: "round",
|
|
101
|
+
strokeLinejoin: "round",
|
|
102
|
+
"aria-hidden": "true",
|
|
103
|
+
children: /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "9 18 15 12 9 6" })
|
|
104
|
+
}
|
|
105
|
+
);
|
|
106
|
+
}
|
|
107
|
+
function clamp(value, min, max) {
|
|
108
|
+
return Math.max(min, Math.min(max, value));
|
|
109
|
+
}
|
|
110
|
+
function composeButtonClickHandlers(internal, external) {
|
|
111
|
+
return (event) => {
|
|
112
|
+
external == null ? void 0 : external(event);
|
|
113
|
+
if (!event.defaultPrevented) {
|
|
114
|
+
internal(event);
|
|
115
|
+
}
|
|
116
|
+
};
|
|
117
|
+
}
|
|
118
|
+
function PaginationRoot({
|
|
119
|
+
children,
|
|
120
|
+
totalPages: rawTotalPages,
|
|
121
|
+
page: controlledPage,
|
|
122
|
+
defaultPage = 1,
|
|
123
|
+
onPageChange,
|
|
124
|
+
edgeCount = 1,
|
|
125
|
+
siblingCount = 1,
|
|
126
|
+
className,
|
|
127
|
+
"aria-label": ariaLabel,
|
|
128
|
+
...htmlProps
|
|
129
|
+
}) {
|
|
130
|
+
const totalPages = Math.max(0, Math.floor(rawTotalPages));
|
|
131
|
+
const [uncontrolledPage, setUncontrolledPage] = React__namespace.useState(
|
|
132
|
+
() => totalPages > 0 ? clamp(defaultPage, 1, totalPages) : 1
|
|
133
|
+
);
|
|
134
|
+
const isControlled = controlledPage !== void 0;
|
|
135
|
+
const currentPage = isControlled ? totalPages > 0 ? clamp(controlledPage, 1, totalPages) : 1 : totalPages > 0 ? clamp(uncontrolledPage, 1, totalPages) : 1;
|
|
136
|
+
const setPage = React__namespace.useCallback(
|
|
137
|
+
(newPage) => {
|
|
138
|
+
if (totalPages <= 0) return;
|
|
139
|
+
const clamped = clamp(newPage, 1, totalPages);
|
|
140
|
+
if (clamped === currentPage) return;
|
|
141
|
+
if (!isControlled) {
|
|
142
|
+
setUncontrolledPage(clamped);
|
|
143
|
+
}
|
|
144
|
+
onPageChange == null ? void 0 : onPageChange(clamped);
|
|
145
|
+
},
|
|
146
|
+
[totalPages, currentPage, isControlled, onPageChange]
|
|
147
|
+
);
|
|
148
|
+
const contextValue = React__namespace.useMemo(
|
|
149
|
+
() => ({ currentPage, totalPages, edgeCount, siblingCount, setPage }),
|
|
150
|
+
[currentPage, totalPages, edgeCount, siblingCount, setPage]
|
|
151
|
+
);
|
|
152
|
+
if (totalPages <= 0) {
|
|
153
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
154
|
+
"nav",
|
|
155
|
+
{
|
|
156
|
+
...htmlProps,
|
|
157
|
+
"aria-label": ariaLabel ?? "Pagination",
|
|
158
|
+
className: [Pagination_module.default.pagination, className].filter(Boolean).join(" ")
|
|
159
|
+
}
|
|
160
|
+
);
|
|
161
|
+
}
|
|
162
|
+
return /* @__PURE__ */ jsxRuntime.jsx(PaginationContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
163
|
+
"nav",
|
|
164
|
+
{
|
|
165
|
+
...htmlProps,
|
|
166
|
+
"aria-label": ariaLabel ?? "Pagination",
|
|
167
|
+
className: [Pagination_module.default.pagination, className].filter(Boolean).join(" "),
|
|
168
|
+
children: /* @__PURE__ */ jsxRuntime.jsx("ul", { className: Pagination_module.default.list, children })
|
|
169
|
+
}
|
|
170
|
+
) });
|
|
171
|
+
}
|
|
172
|
+
function PaginationPrevious({ className, ...htmlProps }) {
|
|
173
|
+
const { currentPage, setPage } = usePaginationContext();
|
|
174
|
+
const disabled = currentPage <= 1;
|
|
175
|
+
const { onClick, ...buttonProps } = htmlProps;
|
|
176
|
+
return /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
177
|
+
"button",
|
|
178
|
+
{
|
|
179
|
+
type: "button",
|
|
180
|
+
"aria-label": "Go to previous page",
|
|
181
|
+
disabled,
|
|
182
|
+
...buttonProps,
|
|
183
|
+
onClick: composeButtonClickHandlers(() => setPage(currentPage - 1), onClick),
|
|
184
|
+
className: [Pagination_module.default.item, Pagination_module.default.navButton, disabled && Pagination_module.default.itemDisabled, className].filter(Boolean).join(" "),
|
|
185
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(ChevronLeftIcon, {})
|
|
186
|
+
}
|
|
187
|
+
) });
|
|
188
|
+
}
|
|
189
|
+
function PaginationNext({ className, ...htmlProps }) {
|
|
190
|
+
const { currentPage, totalPages, setPage } = usePaginationContext();
|
|
191
|
+
const disabled = currentPage >= totalPages;
|
|
192
|
+
const { onClick, ...buttonProps } = htmlProps;
|
|
193
|
+
return /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
194
|
+
"button",
|
|
195
|
+
{
|
|
196
|
+
type: "button",
|
|
197
|
+
"aria-label": "Go to next page",
|
|
198
|
+
disabled,
|
|
199
|
+
...buttonProps,
|
|
200
|
+
onClick: composeButtonClickHandlers(() => setPage(currentPage + 1), onClick),
|
|
201
|
+
className: [Pagination_module.default.item, Pagination_module.default.navButton, disabled && Pagination_module.default.itemDisabled, className].filter(Boolean).join(" "),
|
|
202
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(ChevronRightIcon, {})
|
|
203
|
+
}
|
|
204
|
+
) });
|
|
205
|
+
}
|
|
206
|
+
function PaginationItems() {
|
|
207
|
+
const { currentPage, totalPages, siblingCount, edgeCount, setPage } = usePaginationContext();
|
|
208
|
+
const range = usePaginationRange(totalPages, currentPage, siblingCount, edgeCount);
|
|
209
|
+
let ellipsisCount = 0;
|
|
210
|
+
return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: range.map((item) => {
|
|
211
|
+
if (item === "ellipsis") {
|
|
212
|
+
ellipsisCount++;
|
|
213
|
+
return /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: Pagination_module.default.ellipsis, "aria-hidden": "true", children: "…" }) }, `ellipsis-${ellipsisCount}`);
|
|
214
|
+
}
|
|
215
|
+
const isActive = item === currentPage;
|
|
216
|
+
return /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
217
|
+
"button",
|
|
218
|
+
{
|
|
219
|
+
type: "button",
|
|
220
|
+
"aria-label": `Go to page ${item}`,
|
|
221
|
+
"aria-current": isActive ? "page" : void 0,
|
|
222
|
+
onClick: () => setPage(item),
|
|
223
|
+
className: [Pagination_module.default.item, isActive && Pagination_module.default.itemActive].filter(Boolean).join(" "),
|
|
224
|
+
children: item
|
|
225
|
+
}
|
|
226
|
+
) }, item);
|
|
227
|
+
}) });
|
|
228
|
+
}
|
|
229
|
+
function PaginationItem({
|
|
230
|
+
children,
|
|
231
|
+
page: pageProp,
|
|
232
|
+
className,
|
|
233
|
+
...htmlProps
|
|
234
|
+
}) {
|
|
235
|
+
const { currentPage, setPage } = usePaginationContext();
|
|
236
|
+
const page = pageProp ?? 1;
|
|
237
|
+
const isActive = page === currentPage;
|
|
238
|
+
const { onClick, ...buttonProps } = htmlProps;
|
|
239
|
+
return /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
240
|
+
"button",
|
|
241
|
+
{
|
|
242
|
+
type: "button",
|
|
243
|
+
"aria-label": `Go to page ${page}`,
|
|
244
|
+
"aria-current": isActive ? "page" : void 0,
|
|
245
|
+
...buttonProps,
|
|
246
|
+
onClick: composeButtonClickHandlers(() => setPage(page), onClick),
|
|
247
|
+
className: [Pagination_module.default.item, isActive && Pagination_module.default.itemActive, className].filter(Boolean).join(" "),
|
|
248
|
+
children: children ?? page
|
|
249
|
+
}
|
|
250
|
+
) });
|
|
251
|
+
}
|
|
252
|
+
function PaginationEllipsis({ className, ...htmlProps }) {
|
|
253
|
+
return /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: [Pagination_module.default.ellipsis, className].filter(Boolean).join(" "), "aria-hidden": "true", ...htmlProps, children: "…" }) });
|
|
254
|
+
}
|
|
255
|
+
const Pagination = Object.assign(PaginationRoot, {
|
|
256
|
+
Previous: PaginationPrevious,
|
|
257
|
+
Next: PaginationNext,
|
|
258
|
+
Items: PaginationItems,
|
|
259
|
+
Item: PaginationItem,
|
|
260
|
+
Ellipsis: PaginationEllipsis
|
|
261
|
+
});
|
|
262
|
+
exports.Pagination = Pagination;
|
|
263
|
+
exports.PaginationEllipsis = PaginationEllipsis;
|
|
264
|
+
exports.PaginationItem = PaginationItem;
|
|
265
|
+
exports.PaginationItems = PaginationItems;
|
|
266
|
+
exports.PaginationNext = PaginationNext;
|
|
267
|
+
exports.PaginationPrevious = PaginationPrevious;
|
|
268
|
+
exports.PaginationRoot = PaginationRoot;
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export interface PaginationProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children'> {
|
|
3
|
+
children: React.ReactNode;
|
|
4
|
+
/** Total number of pages. Clamped to Math.max(0, totalPages). Renders nothing when 0. */
|
|
5
|
+
totalPages: number;
|
|
6
|
+
/** Controlled current page (1-indexed). Clamped to [1, totalPages]. */
|
|
7
|
+
page?: number;
|
|
8
|
+
/** Default page (uncontrolled). Clamped to [1, totalPages]. Default: 1 */
|
|
9
|
+
defaultPage?: number;
|
|
10
|
+
/** Called when page changes */
|
|
11
|
+
onPageChange?: (page: number) => void;
|
|
12
|
+
/** Number of pages shown at edges: default 1 */
|
|
13
|
+
edgeCount?: number;
|
|
14
|
+
/** Number of pages shown around current: default 1 */
|
|
15
|
+
siblingCount?: number;
|
|
16
|
+
}
|
|
17
|
+
export interface PaginationItemProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
18
|
+
children?: React.ReactNode;
|
|
19
|
+
/** Override page number (auto-assigned by context if omitted) */
|
|
20
|
+
page?: number;
|
|
21
|
+
className?: string;
|
|
22
|
+
}
|
|
23
|
+
declare function PaginationRoot({ children, totalPages: rawTotalPages, page: controlledPage, defaultPage, onPageChange, edgeCount, siblingCount, className, 'aria-label': ariaLabel, ...htmlProps }: PaginationProps): import("react/jsx-runtime").JSX.Element;
|
|
24
|
+
declare function PaginationPrevious({ className, ...htmlProps }: React.ButtonHTMLAttributes<HTMLButtonElement>): import("react/jsx-runtime").JSX.Element;
|
|
25
|
+
declare function PaginationNext({ className, ...htmlProps }: React.ButtonHTMLAttributes<HTMLButtonElement>): import("react/jsx-runtime").JSX.Element;
|
|
26
|
+
declare function PaginationItems(): import("react/jsx-runtime").JSX.Element;
|
|
27
|
+
declare function PaginationItem({ children, page: pageProp, className, ...htmlProps }: PaginationItemProps): import("react/jsx-runtime").JSX.Element;
|
|
28
|
+
declare function PaginationEllipsis({ className, ...htmlProps }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
|
|
29
|
+
export declare const Pagination: typeof PaginationRoot & {
|
|
30
|
+
Previous: typeof PaginationPrevious;
|
|
31
|
+
Next: typeof PaginationNext;
|
|
32
|
+
Items: typeof PaginationItems;
|
|
33
|
+
Item: typeof PaginationItem;
|
|
34
|
+
Ellipsis: typeof PaginationEllipsis;
|
|
35
|
+
};
|
|
36
|
+
export { PaginationRoot, PaginationPrevious, PaginationNext, PaginationItems, PaginationItem, PaginationEllipsis, };
|
|
37
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC;IAC1F,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,yFAAyF;IACzF,UAAU,EAAE,MAAM,CAAC;IACnB,uEAAuE;IACvE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,0EAA0E;IAC1E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+BAA+B;IAC/B,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sDAAsD;IACtD,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACxF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,iEAAiE;IACjE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA2JD,iBAAS,cAAc,CAAC,EACtB,QAAQ,EACR,UAAU,EAAE,aAAa,EACzB,IAAI,EAAE,cAAc,EACpB,WAAe,EACf,YAAY,EACZ,SAAa,EACb,YAAgB,EAChB,SAAS,EACT,YAAY,EAAE,SAAS,EACvB,GAAG,SAAS,EACb,EAAE,eAAe,2CAoDjB;AAED,iBAAS,kBAAkB,CAAC,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,2CAmBrG;AAED,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,2CAmBjG;AAED,iBAAS,eAAe,4CAoCvB;AAED,iBAAS,cAAc,CAAC,EACtB,QAAQ,EACR,IAAI,EAAE,QAAQ,EACd,SAAS,EACT,GAAG,SAAS,EACb,EAAE,mBAAmB,2CAoBrB;AAED,iBAAS,kBAAkB,CAAC,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,2CAQ7F;AAMD,eAAO,MAAM,UAAU;;;;;;CAMrB,CAAC;AAEH,OAAO,EACL,cAAc,EACd,kBAAkB,EAClB,cAAc,EACd,eAAe,EACf,cAAc,EACd,kBAAkB,GACnB,CAAC"}
|