@shipfox/react-ui 0.15.0 → 0.16.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/button-group/button-group.stories.js +4 -4
- package/dist/components/dashboard/components/charts/bar-chart.d.ts +39 -0
- package/dist/components/dashboard/components/charts/bar-chart.js +104 -0
- package/dist/components/dashboard/components/charts/chart-tooltip.d.ts +14 -0
- package/dist/components/dashboard/components/charts/chart-tooltip.js +45 -0
- package/dist/components/dashboard/components/charts/colors.d.ts +11 -0
- package/dist/components/dashboard/components/charts/colors.js +17 -0
- package/dist/components/dashboard/components/charts/index.d.ts +5 -0
- package/dist/components/dashboard/components/charts/index.js +6 -0
- package/dist/components/dashboard/components/charts/line-chart.d.ts +37 -0
- package/dist/components/dashboard/components/charts/line-chart.js +128 -0
- package/dist/components/dashboard/components/dashboard-alert.d.ts +8 -0
- package/dist/components/dashboard/components/dashboard-alert.js +24 -0
- package/dist/components/dashboard/components/kpi-card.d.ts +15 -0
- package/dist/components/dashboard/components/kpi-card.js +77 -0
- package/dist/components/dashboard/components/mobile-sidebar.d.ts +19 -0
- package/dist/components/dashboard/components/mobile-sidebar.js +50 -0
- package/dist/components/dashboard/components/organization-selector.d.ts +24 -1
- package/dist/components/dashboard/components/organization-selector.js +93 -70
- package/dist/components/dashboard/components/sidebar.d.ts +24 -0
- package/dist/components/dashboard/components/sidebar.js +218 -0
- package/dist/components/dashboard/context/dashboard-context.d.ts +70 -0
- package/dist/components/dashboard/context/dashboard-context.js +175 -0
- package/dist/components/dashboard/context/index.d.ts +8 -0
- package/dist/components/dashboard/context/index.js +6 -0
- package/dist/components/dashboard/context/types.d.ts +50 -0
- package/dist/components/dashboard/context/types.js +7 -0
- package/dist/components/dashboard/context/utils.d.ts +28 -0
- package/dist/components/dashboard/context/utils.js +53 -0
- package/dist/components/dashboard/dashboard.d.ts +27 -1
- package/dist/components/dashboard/dashboard.js +76 -36
- package/dist/components/dashboard/filters/expression-filter-bar.d.ts +42 -0
- package/dist/components/dashboard/filters/expression-filter-bar.js +80 -0
- package/dist/components/dashboard/filters/index.d.ts +6 -0
- package/dist/components/dashboard/filters/index.js +5 -0
- package/dist/components/dashboard/index.d.ts +25 -1
- package/dist/components/dashboard/index.js +22 -1
- package/dist/components/dashboard/pages/analytics-page.d.ts +20 -0
- package/dist/components/dashboard/pages/analytics-page.js +258 -0
- package/dist/components/dashboard/pages/index.d.ts +6 -0
- package/dist/components/dashboard/pages/index.js +6 -0
- package/dist/components/dashboard/pages/jobs-page.d.ts +20 -0
- package/dist/components/dashboard/pages/jobs-page.js +56 -0
- package/dist/components/dashboard/table/index.d.ts +6 -0
- package/dist/components/dashboard/table/index.js +5 -0
- package/dist/components/dashboard/table/table-wrapper.d.ts +104 -0
- package/dist/components/dashboard/table/table-wrapper.js +93 -0
- package/dist/components/dashboard/toolbar/filter-button.d.ts +12 -0
- package/dist/components/dashboard/toolbar/filter-button.js +124 -0
- package/dist/components/dashboard/toolbar/index.d.ts +13 -0
- package/dist/components/dashboard/toolbar/index.js +10 -0
- package/dist/components/dashboard/toolbar/page-toolbar.d.ts +75 -0
- package/dist/components/dashboard/toolbar/page-toolbar.js +208 -0
- package/dist/components/dashboard/toolbar/toolbar-actions.d.ts +52 -0
- package/dist/components/dashboard/toolbar/toolbar-actions.js +51 -0
- package/dist/components/dashboard/toolbar/toolbar-search.d.ts +21 -0
- package/dist/components/dashboard/toolbar/toolbar-search.js +123 -0
- package/dist/components/dashboard/toolbar/view-dropdown.d.ts +11 -0
- package/dist/components/dashboard/toolbar/view-dropdown.js +113 -0
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.js +1 -0
- package/dist/components/modal/modal.js +3 -3
- package/dist/components/search/search-inline.js +1 -1
- package/dist/components/search/search-modal.js +13 -7
- package/dist/components/select/select.d.ts +3 -1
- package/dist/components/select/select.js +2 -1
- package/dist/components/sheet/index.d.ts +2 -0
- package/dist/components/sheet/index.js +3 -0
- package/dist/components/sheet/sheet.d.ts +33 -0
- package/dist/components/sheet/sheet.js +163 -0
- package/dist/components/sheet/sheet.stories.js +368 -0
- package/dist/components/table/data-table.d.ts +15 -2
- package/dist/components/table/data-table.js +7 -2
- package/dist/styles.css +1 -1
- package/package.json +12 -4
- package/.storybook/main.ts +0 -35
- package/.storybook/preview.tsx +0 -66
- package/.storybook/vitest.setup.ts +0 -4
- package/.turbo/turbo-build.log +0 -19
- package/.turbo/turbo-check.log +0 -6
- package/.turbo/turbo-type.log +0 -5
- package/CHANGELOG.md +0 -114
- package/argos.config.ts +0 -33
- package/dist/build-css-entry.js.map +0 -1
- package/dist/colors.stories.conts.d.ts.map +0 -1
- package/dist/colors.stories.conts.js.map +0 -1
- package/dist/colors.stories.js.map +0 -1
- package/dist/components/alert/alert.d.ts.map +0 -1
- package/dist/components/alert/alert.js.map +0 -1
- package/dist/components/alert/alert.stories.js.map +0 -1
- package/dist/components/alert/index.d.ts.map +0 -1
- package/dist/components/alert/index.js.map +0 -1
- package/dist/components/avatar/avatar-group.d.ts.map +0 -1
- package/dist/components/avatar/avatar-group.js.map +0 -1
- package/dist/components/avatar/avatar.d.ts.map +0 -1
- package/dist/components/avatar/avatar.js.map +0 -1
- package/dist/components/avatar/avatar.stories.js.map +0 -1
- package/dist/components/avatar/index.d.ts.map +0 -1
- package/dist/components/avatar/index.js.map +0 -1
- package/dist/components/badge/badge.d.ts.map +0 -1
- package/dist/components/badge/badge.js.map +0 -1
- package/dist/components/badge/badge.stories.js.map +0 -1
- package/dist/components/badge/icon-badge.d.ts.map +0 -1
- package/dist/components/badge/icon-badge.js.map +0 -1
- package/dist/components/badge/index.d.ts.map +0 -1
- package/dist/components/badge/index.js.map +0 -1
- package/dist/components/badge/status-badge.d.ts.map +0 -1
- package/dist/components/badge/status-badge.js.map +0 -1
- package/dist/components/badge/user-badge.d.ts.map +0 -1
- package/dist/components/badge/user-badge.js.map +0 -1
- package/dist/components/button/button-link.d.ts.map +0 -1
- package/dist/components/button/button-link.js.map +0 -1
- package/dist/components/button/button-link.stories.js.map +0 -1
- package/dist/components/button/button.d.ts.map +0 -1
- package/dist/components/button/button.js.map +0 -1
- package/dist/components/button/button.stories.js.map +0 -1
- package/dist/components/button/icon-button.d.ts.map +0 -1
- package/dist/components/button/icon-button.js.map +0 -1
- package/dist/components/button/icon-button.stories.js.map +0 -1
- package/dist/components/button/index.d.ts.map +0 -1
- package/dist/components/button/index.js.map +0 -1
- package/dist/components/button-group/button-group.d.ts.map +0 -1
- package/dist/components/button-group/button-group.js.map +0 -1
- package/dist/components/button-group/button-group.stories.js.map +0 -1
- package/dist/components/button-group/index.d.ts.map +0 -1
- package/dist/components/button-group/index.js.map +0 -1
- package/dist/components/calendar/calendar.d.ts.map +0 -1
- package/dist/components/calendar/calendar.js.map +0 -1
- package/dist/components/calendar/index.d.ts.map +0 -1
- package/dist/components/calendar/index.js.map +0 -1
- package/dist/components/checkbox/checkbox-label.d.ts.map +0 -1
- package/dist/components/checkbox/checkbox-label.js.map +0 -1
- package/dist/components/checkbox/checkbox-links.d.ts.map +0 -1
- package/dist/components/checkbox/checkbox-links.js.map +0 -1
- package/dist/components/checkbox/checkbox.d.ts.map +0 -1
- package/dist/components/checkbox/checkbox.js.map +0 -1
- package/dist/components/checkbox/checkbox.stories.js.map +0 -1
- package/dist/components/checkbox/index.d.ts.map +0 -1
- package/dist/components/checkbox/index.js.map +0 -1
- package/dist/components/code-block/code-block-footer.d.ts.map +0 -1
- package/dist/components/code-block/code-block-footer.js.map +0 -1
- package/dist/components/code-block/code-block.d.ts.map +0 -1
- package/dist/components/code-block/code-block.js.map +0 -1
- package/dist/components/code-block/code-block.stories.js.map +0 -1
- package/dist/components/code-block/code-content.d.ts.map +0 -1
- package/dist/components/code-block/code-content.js.map +0 -1
- package/dist/components/code-block/code-copy-button.d.ts.map +0 -1
- package/dist/components/code-block/code-copy-button.js.map +0 -1
- package/dist/components/code-block/code-tabs.d.ts.map +0 -1
- package/dist/components/code-block/code-tabs.js.map +0 -1
- package/dist/components/code-block/index.d.ts.map +0 -1
- package/dist/components/code-block/index.js.map +0 -1
- package/dist/components/command/command.d.ts.map +0 -1
- package/dist/components/command/command.js.map +0 -1
- package/dist/components/command/command.stories.js.map +0 -1
- package/dist/components/command/index.d.ts.map +0 -1
- package/dist/components/command/index.js.map +0 -1
- package/dist/components/confetti/confetti.d.ts.map +0 -1
- package/dist/components/confetti/confetti.js.map +0 -1
- package/dist/components/confetti/confetti.stories.js.map +0 -1
- package/dist/components/confetti/index.d.ts.map +0 -1
- package/dist/components/confetti/index.js.map +0 -1
- package/dist/components/dashboard/components/analytics-content.d.ts +0 -2
- package/dist/components/dashboard/components/analytics-content.d.ts.map +0 -1
- package/dist/components/dashboard/components/analytics-content.js +0 -180
- package/dist/components/dashboard/components/analytics-content.js.map +0 -1
- package/dist/components/dashboard/components/animated-logo.d.ts.map +0 -1
- package/dist/components/dashboard/components/animated-logo.js.map +0 -1
- package/dist/components/dashboard/components/complete-setup-button.d.ts.map +0 -1
- package/dist/components/dashboard/components/complete-setup-button.js.map +0 -1
- package/dist/components/dashboard/components/jobs-content.d.ts +0 -2
- package/dist/components/dashboard/components/jobs-content.d.ts.map +0 -1
- package/dist/components/dashboard/components/jobs-content.js +0 -69
- package/dist/components/dashboard/components/jobs-content.js.map +0 -1
- package/dist/components/dashboard/components/mobile-menu.d.ts.map +0 -1
- package/dist/components/dashboard/components/mobile-menu.js.map +0 -1
- package/dist/components/dashboard/components/organization-selector.d.ts.map +0 -1
- package/dist/components/dashboard/components/organization-selector.js.map +0 -1
- package/dist/components/dashboard/components/top-menu.d.ts.map +0 -1
- package/dist/components/dashboard/components/top-menu.js.map +0 -1
- package/dist/components/dashboard/components/topbar-button.d.ts.map +0 -1
- package/dist/components/dashboard/components/topbar-button.js.map +0 -1
- package/dist/components/dashboard/components/topbar.d.ts.map +0 -1
- package/dist/components/dashboard/components/topbar.js.map +0 -1
- package/dist/components/dashboard/components/user-profile.d.ts.map +0 -1
- package/dist/components/dashboard/components/user-profile.js.map +0 -1
- package/dist/components/dashboard/dashboard.d.ts.map +0 -1
- package/dist/components/dashboard/dashboard.js.map +0 -1
- package/dist/components/dashboard/dashboard.stories.js.map +0 -1
- package/dist/components/dashboard/index.d.ts.map +0 -1
- package/dist/components/dashboard/index.js.map +0 -1
- package/dist/components/date-picker/date-picker.d.ts.map +0 -1
- package/dist/components/date-picker/date-picker.js.map +0 -1
- package/dist/components/date-picker/date-picker.stories.js.map +0 -1
- package/dist/components/date-picker/index.d.ts.map +0 -1
- package/dist/components/date-picker/index.js.map +0 -1
- package/dist/components/date-time-range-picker/date-time-range-picker.d.ts.map +0 -1
- package/dist/components/date-time-range-picker/date-time-range-picker.js.map +0 -1
- package/dist/components/date-time-range-picker/index.d.ts.map +0 -1
- package/dist/components/date-time-range-picker/index.js.map +0 -1
- package/dist/components/dot-grid/dot-grid.d.ts.map +0 -1
- package/dist/components/dot-grid/dot-grid.js.map +0 -1
- package/dist/components/dot-grid/index.d.ts.map +0 -1
- package/dist/components/dot-grid/index.js.map +0 -1
- package/dist/components/dropdown-menu/dropdown-menu.d.ts.map +0 -1
- package/dist/components/dropdown-menu/dropdown-menu.js.map +0 -1
- package/dist/components/dropdown-menu/dropdown-menu.stories.js.map +0 -1
- package/dist/components/dropdown-menu/index.d.ts.map +0 -1
- package/dist/components/dropdown-menu/index.js.map +0 -1
- package/dist/components/dynamic-item/dynamic-item.d.ts.map +0 -1
- package/dist/components/dynamic-item/dynamic-item.js.map +0 -1
- package/dist/components/dynamic-item/dynamic-item.stories.js.map +0 -1
- package/dist/components/dynamic-item/index.d.ts.map +0 -1
- package/dist/components/dynamic-item/index.js.map +0 -1
- package/dist/components/form/form.d.ts.map +0 -1
- package/dist/components/form/form.js.map +0 -1
- package/dist/components/form/form.stories.js.map +0 -1
- package/dist/components/form/index.d.ts.map +0 -1
- package/dist/components/form/index.js.map +0 -1
- package/dist/components/icon/custom/badge.d.ts.map +0 -1
- package/dist/components/icon/custom/badge.js.map +0 -1
- package/dist/components/icon/custom/check-circle-solid.d.ts.map +0 -1
- package/dist/components/icon/custom/check-circle-solid.js.map +0 -1
- package/dist/components/icon/custom/circle-dotted-line.d.ts.map +0 -1
- package/dist/components/icon/custom/circle-dotted-line.js.map +0 -1
- package/dist/components/icon/custom/component-fill.d.ts.map +0 -1
- package/dist/components/icon/custom/component-fill.js.map +0 -1
- package/dist/components/icon/custom/component-line.d.ts.map +0 -1
- package/dist/components/icon/custom/component-line.js.map +0 -1
- package/dist/components/icon/custom/ellipse-mini-solid.d.ts.map +0 -1
- package/dist/components/icon/custom/ellipse-mini-solid.js.map +0 -1
- package/dist/components/icon/custom/index.d.ts.map +0 -1
- package/dist/components/icon/custom/index.js.map +0 -1
- package/dist/components/icon/custom/info-tooltip-fill.d.ts.map +0 -1
- package/dist/components/icon/custom/info-tooltip-fill.js.map +0 -1
- package/dist/components/icon/custom/resize.d.ts.map +0 -1
- package/dist/components/icon/custom/resize.js.map +0 -1
- package/dist/components/icon/custom/shipfox-logo.d.ts.map +0 -1
- package/dist/components/icon/custom/shipfox-logo.js.map +0 -1
- package/dist/components/icon/custom/slack-logo.d.ts.map +0 -1
- package/dist/components/icon/custom/slack-logo.js.map +0 -1
- package/dist/components/icon/custom/spinner.d.ts.map +0 -1
- package/dist/components/icon/custom/spinner.js.map +0 -1
- package/dist/components/icon/custom/stripe-logo.d.ts.map +0 -1
- package/dist/components/icon/custom/stripe-logo.js.map +0 -1
- package/dist/components/icon/custom/thunder.d.ts.map +0 -1
- package/dist/components/icon/custom/thunder.js.map +0 -1
- package/dist/components/icon/custom/x-circle-solid.d.ts.map +0 -1
- package/dist/components/icon/custom/x-circle-solid.js.map +0 -1
- package/dist/components/icon/icon.d.ts.map +0 -1
- package/dist/components/icon/icon.js.map +0 -1
- package/dist/components/icon/icon.stories.js.map +0 -1
- package/dist/components/icon/index.d.ts.map +0 -1
- package/dist/components/icon/index.js.map +0 -1
- package/dist/components/icon/remixicon-registry.d.ts.map +0 -1
- package/dist/components/icon/remixicon-registry.js.map +0 -1
- package/dist/components/index.d.ts.map +0 -1
- package/dist/components/index.js.map +0 -1
- package/dist/components/inline-tips/index.d.ts.map +0 -1
- package/dist/components/inline-tips/index.js.map +0 -1
- package/dist/components/inline-tips/inline-tips.d.ts.map +0 -1
- package/dist/components/inline-tips/inline-tips.js.map +0 -1
- package/dist/components/inline-tips/inline-tips.stories.js.map +0 -1
- package/dist/components/input/index.d.ts.map +0 -1
- package/dist/components/input/index.js.map +0 -1
- package/dist/components/input/input.d.ts.map +0 -1
- package/dist/components/input/input.js.map +0 -1
- package/dist/components/input/input.stories.js.map +0 -1
- package/dist/components/item/index.d.ts.map +0 -1
- package/dist/components/item/index.js.map +0 -1
- package/dist/components/item/item.d.ts.map +0 -1
- package/dist/components/item/item.js.map +0 -1
- package/dist/components/item/item.stories.js.map +0 -1
- package/dist/components/kbd/index.d.ts.map +0 -1
- package/dist/components/kbd/index.js.map +0 -1
- package/dist/components/kbd/kbd.d.ts.map +0 -1
- package/dist/components/kbd/kbd.js.map +0 -1
- package/dist/components/kbd/kbd.stories.js.map +0 -1
- package/dist/components/label/index.d.ts.map +0 -1
- package/dist/components/label/index.js.map +0 -1
- package/dist/components/label/label.d.ts.map +0 -1
- package/dist/components/label/label.js.map +0 -1
- package/dist/components/label/label.stories.js.map +0 -1
- package/dist/components/modal/index.d.ts.map +0 -1
- package/dist/components/modal/index.js.map +0 -1
- package/dist/components/modal/modal.d.ts.map +0 -1
- package/dist/components/modal/modal.js.map +0 -1
- package/dist/components/modal/modal.stories.js.map +0 -1
- package/dist/components/moving-border/index.d.ts.map +0 -1
- package/dist/components/moving-border/index.js.map +0 -1
- package/dist/components/moving-border/moving-border.d.ts.map +0 -1
- package/dist/components/moving-border/moving-border.js.map +0 -1
- package/dist/components/popover/index.d.ts.map +0 -1
- package/dist/components/popover/index.js.map +0 -1
- package/dist/components/popover/popover.d.ts.map +0 -1
- package/dist/components/popover/popover.js.map +0 -1
- package/dist/components/search/index.d.ts.map +0 -1
- package/dist/components/search/index.js.map +0 -1
- package/dist/components/search/search-context.d.ts.map +0 -1
- package/dist/components/search/search-context.js.map +0 -1
- package/dist/components/search/search-inline.d.ts.map +0 -1
- package/dist/components/search/search-inline.js.map +0 -1
- package/dist/components/search/search-modal.d.ts.map +0 -1
- package/dist/components/search/search-modal.js.map +0 -1
- package/dist/components/search/search-trigger.d.ts.map +0 -1
- package/dist/components/search/search-trigger.js.map +0 -1
- package/dist/components/search/search-variants.d.ts.map +0 -1
- package/dist/components/search/search-variants.js.map +0 -1
- package/dist/components/search/search.d.ts.map +0 -1
- package/dist/components/search/search.js.map +0 -1
- package/dist/components/search/search.stories.js.map +0 -1
- package/dist/components/select/index.d.ts.map +0 -1
- package/dist/components/select/index.js.map +0 -1
- package/dist/components/select/select.d.ts.map +0 -1
- package/dist/components/select/select.js.map +0 -1
- package/dist/components/select/select.stories.js.map +0 -1
- package/dist/components/shiny-text/index.d.ts.map +0 -1
- package/dist/components/shiny-text/index.js.map +0 -1
- package/dist/components/shiny-text/shiny-text.d.ts.map +0 -1
- package/dist/components/shiny-text/shiny-text.js.map +0 -1
- package/dist/components/skeleton/index.d.ts.map +0 -1
- package/dist/components/skeleton/index.js.map +0 -1
- package/dist/components/skeleton/skeleton.d.ts.map +0 -1
- package/dist/components/skeleton/skeleton.js.map +0 -1
- package/dist/components/skeleton/skeleton.stories.js.map +0 -1
- package/dist/components/table/data-table.d.ts.map +0 -1
- package/dist/components/table/data-table.js.map +0 -1
- package/dist/components/table/index.d.ts.map +0 -1
- package/dist/components/table/index.js.map +0 -1
- package/dist/components/table/table-column-header.d.ts.map +0 -1
- package/dist/components/table/table-column-header.js.map +0 -1
- package/dist/components/table/table-pagination.d.ts.map +0 -1
- package/dist/components/table/table-pagination.js.map +0 -1
- package/dist/components/table/table.d.ts.map +0 -1
- package/dist/components/table/table.js.map +0 -1
- package/dist/components/table/table.stories.columns.d.ts.map +0 -1
- package/dist/components/table/table.stories.columns.js.map +0 -1
- package/dist/components/table/table.stories.components.d.ts.map +0 -1
- package/dist/components/table/table.stories.components.js.map +0 -1
- package/dist/components/table/table.stories.data.d.ts.map +0 -1
- package/dist/components/table/table.stories.data.js.map +0 -1
- package/dist/components/table/table.stories.js.map +0 -1
- package/dist/components/tabs/index.d.ts.map +0 -1
- package/dist/components/tabs/index.js.map +0 -1
- package/dist/components/tabs/tabs.d.ts.map +0 -1
- package/dist/components/tabs/tabs.js.map +0 -1
- package/dist/components/tabs/tabs.stories.js.map +0 -1
- package/dist/components/textarea/index.d.ts.map +0 -1
- package/dist/components/textarea/index.js.map +0 -1
- package/dist/components/textarea/textarea.d.ts.map +0 -1
- package/dist/components/textarea/textarea.js.map +0 -1
- package/dist/components/textarea/textarea.stories.js.map +0 -1
- package/dist/components/theme/index.d.ts.map +0 -1
- package/dist/components/theme/index.js.map +0 -1
- package/dist/components/theme/theme-provider.d.ts.map +0 -1
- package/dist/components/theme/theme-provider.js.map +0 -1
- package/dist/components/toast/index.d.ts.map +0 -1
- package/dist/components/toast/index.js.map +0 -1
- package/dist/components/toast/toast-custom.d.ts.map +0 -1
- package/dist/components/toast/toast-custom.js.map +0 -1
- package/dist/components/toast/toast.d.ts.map +0 -1
- package/dist/components/toast/toast.js.map +0 -1
- package/dist/components/toast/toast.stories.js.map +0 -1
- package/dist/components/tooltip/index.d.ts.map +0 -1
- package/dist/components/tooltip/index.js.map +0 -1
- package/dist/components/tooltip/tooltip.d.ts.map +0 -1
- package/dist/components/tooltip/tooltip.js.map +0 -1
- package/dist/components/tooltip/tooltip.stories.js.map +0 -1
- package/dist/components/typography/code.d.ts.map +0 -1
- package/dist/components/typography/code.js.map +0 -1
- package/dist/components/typography/code.stories.js.map +0 -1
- package/dist/components/typography/header.d.ts.map +0 -1
- package/dist/components/typography/header.js.map +0 -1
- package/dist/components/typography/header.stories.js.map +0 -1
- package/dist/components/typography/index.d.ts.map +0 -1
- package/dist/components/typography/index.js.map +0 -1
- package/dist/components/typography/text.d.ts.map +0 -1
- package/dist/components/typography/text.js.map +0 -1
- package/dist/components/typography/text.stories.js.map +0 -1
- package/dist/hooks/index.d.ts.map +0 -1
- package/dist/hooks/index.js.map +0 -1
- package/dist/hooks/useCopy.d.ts.map +0 -1
- package/dist/hooks/useCopy.js.map +0 -1
- package/dist/hooks/useCopyToClipboard.d.ts.map +0 -1
- package/dist/hooks/useCopyToClipboard.js.map +0 -1
- package/dist/hooks/useMediaQuery.d.ts.map +0 -1
- package/dist/hooks/useMediaQuery.js.map +0 -1
- package/dist/hooks/useResolvedTheme.d.ts.map +0 -1
- package/dist/hooks/useResolvedTheme.js.map +0 -1
- package/dist/hooks/useShikiHighlight.d.ts.map +0 -1
- package/dist/hooks/useShikiHighlight.js.map +0 -1
- package/dist/hooks/useShikiStyleInjection.d.ts.map +0 -1
- package/dist/hooks/useShikiStyleInjection.js.map +0 -1
- package/dist/hooks/useTheme.d.ts.map +0 -1
- package/dist/hooks/useTheme.js.map +0 -1
- package/dist/index.d.ts.map +0 -1
- package/dist/index.js.map +0 -1
- package/dist/onboarding/sign-in.stories.js.map +0 -1
- package/dist/state/theme.d.ts.map +0 -1
- package/dist/state/theme.js.map +0 -1
- package/dist/utils/avatar.d.ts.map +0 -1
- package/dist/utils/avatar.js.map +0 -1
- package/dist/utils/clipboard.d.ts.map +0 -1
- package/dist/utils/clipboard.js.map +0 -1
- package/dist/utils/cn.d.ts.map +0 -1
- package/dist/utils/cn.js.map +0 -1
- package/dist/utils/date.d.ts.map +0 -1
- package/dist/utils/date.js.map +0 -1
- package/dist/utils/debounce.d.ts.map +0 -1
- package/dist/utils/debounce.js.map +0 -1
- package/dist/utils/format/chart.d.ts.map +0 -1
- package/dist/utils/format/chart.js.map +0 -1
- package/dist/utils/format/date.d.ts.map +0 -1
- package/dist/utils/format/date.js.map +0 -1
- package/dist/utils/format/duration.d.ts.map +0 -1
- package/dist/utils/format/duration.js.map +0 -1
- package/dist/utils/format/index.d.ts.map +0 -1
- package/dist/utils/format/index.js.map +0 -1
- package/dist/utils/format/number.d.ts.map +0 -1
- package/dist/utils/format/number.js.map +0 -1
- package/dist/utils/index.d.ts.map +0 -1
- package/dist/utils/index.js.map +0 -1
- package/index.css +0 -1018
- package/src/assets/illustration-1.svg +0 -92
- package/src/assets/illustration-2.svg +0 -14
- package/src/assets/illustration-gradient.svg +0 -7049
- package/src/build-css-entry.ts +0 -3
- package/src/colors.stories.conts.ts +0 -164
- package/src/colors.stories.tsx +0 -66
- package/src/components/alert/alert.stories.tsx +0 -178
- package/src/components/alert/alert.tsx +0 -291
- package/src/components/alert/index.ts +0 -1
- package/src/components/avatar/avatar-group.tsx +0 -186
- package/src/components/avatar/avatar.stories.tsx +0 -179
- package/src/components/avatar/avatar.tsx +0 -219
- package/src/components/avatar/index.ts +0 -2
- package/src/components/badge/badge.stories.tsx +0 -468
- package/src/components/badge/badge.tsx +0 -147
- package/src/components/badge/icon-badge.tsx +0 -43
- package/src/components/badge/index.ts +0 -4
- package/src/components/badge/status-badge.tsx +0 -43
- package/src/components/badge/user-badge.tsx +0 -34
- package/src/components/button/button-link.stories.tsx +0 -86
- package/src/components/button/button-link.tsx +0 -76
- package/src/components/button/button.stories.tsx +0 -138
- package/src/components/button/button.tsx +0 -91
- package/src/components/button/icon-button.stories.tsx +0 -228
- package/src/components/button/icon-button.tsx +0 -95
- package/src/components/button/index.ts +0 -3
- package/src/components/button-group/button-group.stories.tsx +0 -361
- package/src/components/button-group/button-group.tsx +0 -111
- package/src/components/button-group/index.ts +0 -1
- package/src/components/calendar/calendar.tsx +0 -90
- package/src/components/calendar/index.ts +0 -1
- package/src/components/checkbox/checkbox-label.tsx +0 -125
- package/src/components/checkbox/checkbox-links.tsx +0 -92
- package/src/components/checkbox/checkbox.stories.tsx +0 -391
- package/src/components/checkbox/checkbox.tsx +0 -71
- package/src/components/checkbox/index.ts +0 -3
- package/src/components/code-block/code-block-footer.tsx +0 -197
- package/src/components/code-block/code-block.stories.tsx +0 -323
- package/src/components/code-block/code-block.tsx +0 -283
- package/src/components/code-block/code-content.tsx +0 -63
- package/src/components/code-block/code-copy-button.tsx +0 -73
- package/src/components/code-block/code-tabs.tsx +0 -170
- package/src/components/code-block/index.ts +0 -3
- package/src/components/command/command.stories.tsx +0 -133
- package/src/components/command/command.tsx +0 -265
- package/src/components/command/index.ts +0 -1
- package/src/components/confetti/confetti.stories.tsx +0 -38
- package/src/components/confetti/confetti.tsx +0 -140
- package/src/components/confetti/index.ts +0 -1
- package/src/components/dashboard/components/analytics-content.tsx +0 -102
- package/src/components/dashboard/components/animated-logo.tsx +0 -25
- package/src/components/dashboard/components/complete-setup-button.tsx +0 -30
- package/src/components/dashboard/components/jobs-content.tsx +0 -51
- package/src/components/dashboard/components/mobile-menu.tsx +0 -50
- package/src/components/dashboard/components/organization-selector.tsx +0 -51
- package/src/components/dashboard/components/top-menu.tsx +0 -26
- package/src/components/dashboard/components/topbar-button.tsx +0 -27
- package/src/components/dashboard/components/topbar.tsx +0 -40
- package/src/components/dashboard/components/user-profile.tsx +0 -90
- package/src/components/dashboard/dashboard.stories.tsx +0 -25
- package/src/components/dashboard/dashboard.tsx +0 -61
- package/src/components/dashboard/index.ts +0 -1
- package/src/components/date-picker/date-picker.stories.tsx +0 -230
- package/src/components/date-picker/date-picker.tsx +0 -179
- package/src/components/date-picker/index.ts +0 -1
- package/src/components/date-time-range-picker/date-time-range-picker.tsx +0 -211
- package/src/components/date-time-range-picker/index.ts +0 -1
- package/src/components/dot-grid/dot-grid.tsx +0 -325
- package/src/components/dot-grid/index.ts +0 -1
- package/src/components/dropdown-menu/dropdown-menu.stories.tsx +0 -384
- package/src/components/dropdown-menu/dropdown-menu.tsx +0 -416
- package/src/components/dropdown-menu/index.ts +0 -1
- package/src/components/dynamic-item/dynamic-item.stories.tsx +0 -266
- package/src/components/dynamic-item/dynamic-item.tsx +0 -74
- package/src/components/dynamic-item/index.ts +0 -1
- package/src/components/form/form.stories.tsx +0 -505
- package/src/components/form/form.tsx +0 -154
- package/src/components/form/index.ts +0 -1
- package/src/components/icon/custom/badge.tsx +0 -17
- package/src/components/icon/custom/check-circle-solid.tsx +0 -24
- package/src/components/icon/custom/circle-dotted-line.tsx +0 -17
- package/src/components/icon/custom/component-fill.tsx +0 -17
- package/src/components/icon/custom/component-line.tsx +0 -17
- package/src/components/icon/custom/ellipse-mini-solid.tsx +0 -17
- package/src/components/icon/custom/index.ts +0 -14
- package/src/components/icon/custom/info-tooltip-fill.tsx +0 -21
- package/src/components/icon/custom/resize.tsx +0 -17
- package/src/components/icon/custom/shipfox-logo.tsx +0 -20
- package/src/components/icon/custom/slack-logo.tsx +0 -35
- package/src/components/icon/custom/spinner.tsx +0 -144
- package/src/components/icon/custom/stripe-logo.tsx +0 -27
- package/src/components/icon/custom/thunder.tsx +0 -17
- package/src/components/icon/custom/x-circle-solid.tsx +0 -24
- package/src/components/icon/icon.stories.tsx +0 -31
- package/src/components/icon/icon.tsx +0 -90
- package/src/components/icon/index.ts +0 -1
- package/src/components/icon/remixicon-registry.ts +0 -24
- package/src/components/index.ts +0 -36
- package/src/components/inline-tips/index.ts +0 -1
- package/src/components/inline-tips/inline-tips.stories.tsx +0 -131
- package/src/components/inline-tips/inline-tips.tsx +0 -132
- package/src/components/input/index.ts +0 -1
- package/src/components/input/input.stories.tsx +0 -138
- package/src/components/input/input.tsx +0 -43
- package/src/components/item/index.ts +0 -1
- package/src/components/item/item.stories.tsx +0 -159
- package/src/components/item/item.tsx +0 -182
- package/src/components/kbd/index.ts +0 -1
- package/src/components/kbd/kbd.stories.tsx +0 -64
- package/src/components/kbd/kbd.tsx +0 -32
- package/src/components/label/index.ts +0 -1
- package/src/components/label/label.stories.tsx +0 -67
- package/src/components/label/label.tsx +0 -15
- package/src/components/modal/index.ts +0 -1
- package/src/components/modal/modal.stories.tsx +0 -448
- package/src/components/modal/modal.tsx +0 -311
- package/src/components/moving-border/index.ts +0 -1
- package/src/components/moving-border/moving-border.tsx +0 -67
- package/src/components/popover/index.ts +0 -1
- package/src/components/popover/popover.tsx +0 -60
- package/src/components/renovate.json +0 -23
- package/src/components/search/index.ts +0 -28
- package/src/components/search/search-context.tsx +0 -78
- package/src/components/search/search-inline.tsx +0 -107
- package/src/components/search/search-modal.tsx +0 -198
- package/src/components/search/search-trigger.tsx +0 -47
- package/src/components/search/search-variants.ts +0 -88
- package/src/components/search/search.stories.tsx +0 -392
- package/src/components/search/search.tsx +0 -47
- package/src/components/select/index.ts +0 -1
- package/src/components/select/select.stories.tsx +0 -207
- package/src/components/select/select.tsx +0 -220
- package/src/components/shiny-text/index.ts +0 -1
- package/src/components/shiny-text/shiny-text.tsx +0 -21
- package/src/components/skeleton/index.ts +0 -1
- package/src/components/skeleton/skeleton.stories.tsx +0 -178
- package/src/components/skeleton/skeleton.tsx +0 -14
- package/src/components/table/data-table.tsx +0 -254
- package/src/components/table/index.ts +0 -5
- package/src/components/table/table-column-header.tsx +0 -141
- package/src/components/table/table-pagination.tsx +0 -161
- package/src/components/table/table.stories.columns.tsx +0 -198
- package/src/components/table/table.stories.components.tsx +0 -104
- package/src/components/table/table.stories.data.ts +0 -117
- package/src/components/table/table.stories.tsx +0 -256
- package/src/components/table/table.tsx +0 -95
- package/src/components/tabs/index.ts +0 -1
- package/src/components/tabs/tabs.stories.tsx +0 -100
- package/src/components/tabs/tabs.tsx +0 -380
- package/src/components/textarea/index.ts +0 -1
- package/src/components/textarea/textarea.stories.tsx +0 -196
- package/src/components/textarea/textarea.tsx +0 -42
- package/src/components/theme/index.ts +0 -1
- package/src/components/theme/theme-provider.tsx +0 -50
- package/src/components/toast/index.ts +0 -2
- package/src/components/toast/toast-custom.tsx +0 -154
- package/src/components/toast/toast.stories.tsx +0 -369
- package/src/components/toast/toast.tsx +0 -41
- package/src/components/tooltip/index.ts +0 -1
- package/src/components/tooltip/tooltip.stories.tsx +0 -284
- package/src/components/tooltip/tooltip.tsx +0 -121
- package/src/components/typography/code.stories.tsx +0 -36
- package/src/components/typography/code.tsx +0 -38
- package/src/components/typography/header.stories.tsx +0 -27
- package/src/components/typography/header.tsx +0 -41
- package/src/components/typography/index.ts +0 -3
- package/src/components/typography/text.stories.tsx +0 -67
- package/src/components/typography/text.tsx +0 -50
- package/src/hooks/index.ts +0 -6
- package/src/hooks/useCopy.ts +0 -0
- package/src/hooks/useCopyToClipboard.ts +0 -20
- package/src/hooks/useMediaQuery.ts +0 -87
- package/src/hooks/useResolvedTheme.ts +0 -34
- package/src/hooks/useShikiHighlight.ts +0 -140
- package/src/hooks/useShikiStyleInjection.ts +0 -34
- package/src/hooks/useTheme.ts +0 -10
- package/src/index.ts +0 -4
- package/src/onboarding/sign-in.stories.tsx +0 -85
- package/src/state/theme.ts +0 -15
- package/src/utils/avatar.ts +0 -27
- package/src/utils/clipboard.ts +0 -4
- package/src/utils/cn.ts +0 -6
- package/src/utils/date.test.ts +0 -119
- package/src/utils/date.ts +0 -99
- package/src/utils/debounce.ts +0 -15
- package/src/utils/format/chart.ts +0 -16
- package/src/utils/format/date.test.ts +0 -65
- package/src/utils/format/date.ts +0 -75
- package/src/utils/format/duration.test.ts +0 -58
- package/src/utils/format/duration.ts +0 -82
- package/src/utils/format/index.ts +0 -4
- package/src/utils/format/number.test.ts +0 -38
- package/src/utils/format/number.ts +0 -33
- package/src/utils/index.ts +0 -6
- package/test/global.ts +0 -3
- package/test/setup.ts +0 -9
- package/tsconfig.build.json +0 -19
- package/tsconfig.json +0 -11
- package/tsconfig.test.json +0 -12
- package/vercel.json +0 -8
- package/vite.css.config.ts +0 -30
- package/vitest.config.ts +0 -44
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/icon/custom/slack-logo.tsx"],"sourcesContent":["import type {RemixiconComponentType} from '@remixicon/react';\nimport type {ComponentProps} from 'react';\n\ntype SlackLogoProps = ComponentProps<RemixiconComponentType>;\n\nexport function SlackLogo(props: SlackLogoProps) {\n return (\n <svg\n viewBox=\"0 0 28 28\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n aria-hidden=\"true\"\n focusable=\"false\"\n {...props}\n >\n <title>Slack Logo</title>\n <path\n d=\"M6.66988 17.376C6.66988 18.8336 5.4918 20.0117 4.03416 20.0117C2.57653 20.0117 1.39844 18.8336 1.39844 17.376C1.39844 15.9183 2.57653 14.7402 4.03416 14.7402H6.66988V17.376ZM7.98775 17.376C7.98775 15.9183 9.16583 14.7402 10.6235 14.7402C12.0811 14.7402 13.2592 15.9183 13.2592 17.376V23.9653C13.2592 25.4229 12.0811 26.601 10.6235 26.601C9.16583 26.601 7.98775 25.4229 7.98775 23.9653V17.376Z\"\n fill=\"#E01E5A\"\n />\n <path\n d=\"M10.6279 6.66102C9.17271 6.66102 7.99661 5.48492 7.99661 4.02973C7.99661 2.57455 9.17271 1.39844 10.6279 1.39844C12.0831 1.39844 13.2592 2.57455 13.2592 4.02973V6.66102H10.6279ZM10.6279 7.99661C12.0831 7.99661 13.2592 9.17271 13.2592 10.6279C13.2592 12.0831 12.0831 13.2592 10.6279 13.2592H4.02973C2.57455 13.2592 1.39844 12.0831 1.39844 10.6279C1.39844 9.17271 2.57455 7.99661 4.02973 7.99661H10.6279Z\"\n fill=\"#36C5F0\"\n />\n <path\n d=\"M21.3295 10.6279C21.3295 9.17271 22.5076 7.99661 23.9653 7.99661C25.4229 7.99661 26.601 9.17271 26.601 10.6279C26.601 12.0831 25.4229 13.2592 23.9653 13.2592H21.3295V10.6279ZM20.0117 10.6279C20.0117 12.0831 18.8336 13.2592 17.376 13.2592C15.9183 13.2592 14.7402 12.0831 14.7402 10.6279V4.02973C14.7402 2.57455 15.9183 1.39844 17.376 1.39844C18.8336 1.39844 20.0117 2.57455 20.0117 4.02973V10.6279Z\"\n fill=\"#2EB67D\"\n />\n <path\n d=\"M17.3715 21.3295C18.8267 21.3295 20.0028 22.5076 20.0028 23.9653C20.0028 25.4229 18.8267 26.601 17.3715 26.601C15.9163 26.601 14.7402 25.4229 14.7402 23.9653V21.3295H17.3715ZM17.3715 20.0117C15.9163 20.0117 14.7402 18.8336 14.7402 17.376C14.7402 15.9183 15.9163 14.7402 17.3715 14.7402H23.9697C25.4249 14.7402 26.601 15.9183 26.601 17.376C26.601 18.8336 25.4249 20.0117 23.9697 20.0117H17.3715Z\"\n fill=\"#ECB22E\"\n />\n </svg>\n );\n}\n"],"names":["SlackLogo","props","svg","viewBox","fill","xmlns","aria-hidden","focusable","title","path","d"],"mappings":";AAKA,OAAO,SAASA,UAAUC,KAAqB;IAC7C,qBACE,MAACC;QACCC,SAAQ;QACRC,MAAK;QACLC,OAAM;QACNC,eAAY;QACZC,WAAU;QACT,GAAGN,KAAK;;0BAET,KAACO;0BAAM;;0BACP,KAACC;gBACCC,GAAE;gBACFN,MAAK;;0BAEP,KAACK;gBACCC,GAAE;gBACFN,MAAK;;0BAEP,KAACK;gBACCC,GAAE;gBACFN,MAAK;;0BAEP,KAACK;gBACCC,GAAE;gBACFN,MAAK;;;;AAIb"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"spinner.d.ts","sourceRoot":"","sources":["../../../../src/components/icon/custom/spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,sBAAsB,EAAC,MAAM,kBAAkB,CAAC;AAE7D,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,OAAO,CAAC;AA+B1C,wBAAgB,WAAW,CAAC,KAAK,EAAE,cAAc,CAAC,sBAAsB,CAAC,2CA8GxE"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/icon/custom/spinner.tsx"],"sourcesContent":["import type {RemixiconComponentType} from '@remixicon/react';\nimport {motion, type SVGMotionProps, type Variants} from 'framer-motion';\nimport type {ComponentProps} from 'react';\nimport {cn} from 'utils/cn';\n\nconst SEGMENT_COUNT = 8;\nconst DURATION = 1.2;\nconst BASE_OPACITY = 0;\n\nconst CLOCKWISE_ORDER = [1, 8, 4, 6, 2, 7, 3, 5];\n\nconst segmentVariants: Record<string, Variants> = {};\n\nfor (let i = 0; i < SEGMENT_COUNT; i++) {\n const segmentIndex = CLOCKWISE_ORDER[i];\n const delay = (i * DURATION) / SEGMENT_COUNT;\n\n segmentVariants[`segment${segmentIndex}`] = {\n initial: {opacity: BASE_OPACITY},\n animate: {\n opacity: [BASE_OPACITY, 1, BASE_OPACITY],\n transition: {\n duration: DURATION,\n ease: 'easeInOut',\n repeat: Infinity,\n repeatType: 'loop',\n delay,\n times: [0, 0.5, 1],\n },\n },\n };\n}\n\nexport function SpinnerIcon(props: ComponentProps<RemixiconComponentType>) {\n const {className, size, ...restProps} = props;\n\n const iconSize = size ?? 24;\n\n const svgProps: SVGMotionProps<SVGSVGElement> = {\n width: typeof iconSize === 'number' ? String(iconSize) : iconSize,\n height: typeof iconSize === 'number' ? String(iconSize) : iconSize,\n viewBox: '0 0 24 24',\n fill: 'none',\n xmlns: 'http://www.w3.org/2000/svg',\n className: cn(className),\n initial: 'initial',\n animate: 'animate',\n ...(restProps as SVGMotionProps<SVGSVGElement>),\n };\n return (\n <motion.svg {...svgProps}>\n <title>Spinner</title>\n <motion.path\n d=\"M10.583 1.91667C10.583 1.41041 10.9934 1 11.4997 1C12.0059 1 12.4163 1.41041 12.4163 1.91667V5.58333C12.4163 6.08959 12.0059 6.5 11.4997 6.5C10.9934 6.5 10.583 6.08959 10.583 5.58333V1.91667Z\"\n fill=\"currentColor\"\n stroke=\"currentColor\"\n style={{fill: 'currentColor', fillOpacity: 1, stroke: 'currentColor', strokeOpacity: 1}}\n strokeWidth=\"0.916667\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n variants={segmentVariants.segment1}\n />\n <motion.rect\n x=\"10.583\"\n y=\"17.5\"\n width=\"1.83333\"\n height=\"5.5\"\n rx=\"0.916667\"\n fill=\"currentColor\"\n stroke=\"currentColor\"\n style={{fill: 'currentColor', fillOpacity: 1, stroke: 'currentColor', strokeOpacity: 1}}\n strokeWidth=\"0.916667\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n variants={segmentVariants.segment2}\n />\n <motion.path\n d=\"M1.41667 12.918C0.910406 12.918 0.5 12.5076 0.5 12.0013C0.5 11.495 0.910405 11.0846 1.41667 11.0846L5.08333 11.0846C5.58959 11.0846 6 11.495 6 12.0013C6 12.5076 5.58959 12.918 5.08333 12.918L1.41667 12.918Z\"\n fill=\"currentColor\"\n stroke=\"currentColor\"\n style={{fill: 'currentColor', fillOpacity: 1, stroke: 'currentColor', strokeOpacity: 1}}\n strokeWidth=\"0.916667\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n variants={segmentVariants.segment3}\n />\n <motion.path\n d=\"M17.9167 12.918C17.4104 12.918 17 12.5076 17 12.0013C17 11.495 17.4104 11.0846 17.9167 11.0846L21.5833 11.0846C22.0896 11.0846 22.5 11.495 22.5 12.0013C22.5 12.5076 22.0896 12.918 21.5833 12.918L17.9167 12.918Z\"\n fill=\"currentColor\"\n stroke=\"currentColor\"\n style={{fill: 'currentColor', fillOpacity: 1, stroke: 'currentColor', strokeOpacity: 1}}\n strokeWidth=\"0.916667\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n variants={segmentVariants.segment4}\n />\n <motion.path\n d=\"M3.7224 5.52123C3.36442 5.16325 3.36442 4.58285 3.7224 4.22487C4.08038 3.86689 4.66078 3.86688 5.01876 4.22487L7.61149 6.81759C7.96947 7.17557 7.96947 7.75597 7.61149 8.11395C7.25351 8.47193 6.67311 8.47193 6.31512 8.11395L3.7224 5.52123Z\"\n fill=\"currentColor\"\n stroke=\"currentColor\"\n style={{fill: 'currentColor', fillOpacity: 1, stroke: 'currentColor', strokeOpacity: 1}}\n strokeWidth=\"0.916667\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n variants={segmentVariants.segment5}\n />\n <motion.rect\n x=\"14.7412\"\n y=\"16.5391\"\n width=\"1.83333\"\n height=\"5.5\"\n rx=\"0.916667\"\n transform=\"rotate(-45 14.7412 16.5391)\"\n fill=\"currentColor\"\n stroke=\"currentColor\"\n style={{fill: 'currentColor', fillOpacity: 1, stroke: 'currentColor', strokeOpacity: 1}}\n strokeWidth=\"0.916667\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n variants={segmentVariants.segment6}\n />\n <motion.path\n d=\"M5.0183 19.7796C4.66032 20.1375 4.07992 20.1375 3.72194 19.7796C3.36396 19.4216 3.36396 18.8412 3.72194 18.4832L6.31466 15.8905C6.67264 15.5325 7.25304 15.5325 7.61102 15.8905C7.969 16.2484 7.969 16.8288 7.61102 17.1868L5.0183 19.7796Z\"\n fill=\"currentColor\"\n stroke=\"currentColor\"\n style={{fill: 'currentColor', fillOpacity: 1, stroke: 'currentColor', strokeOpacity: 1}}\n strokeWidth=\"0.916667\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n variants={segmentVariants.segment7}\n />\n <motion.path\n d=\"M16.6853 8.11354C16.3273 8.47152 15.7469 8.47152 15.3889 8.11354C15.0309 7.75556 15.0309 7.17516 15.3889 6.81718L17.9817 4.22445C18.3396 3.86647 18.92 3.86647 19.278 4.22445C19.636 4.58243 19.636 5.16283 19.278 5.52081L16.6853 8.11354Z\"\n fill=\"currentColor\"\n stroke=\"currentColor\"\n style={{fill: 'currentColor', fillOpacity: 1, stroke: 'currentColor', strokeOpacity: 1}}\n strokeWidth=\"0.916667\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n variants={segmentVariants.segment8}\n />\n </motion.svg>\n );\n}\n"],"names":["motion","cn","SEGMENT_COUNT","DURATION","BASE_OPACITY","CLOCKWISE_ORDER","segmentVariants","i","segmentIndex","delay","initial","opacity","animate","transition","duration","ease","repeat","Infinity","repeatType","times","SpinnerIcon","props","className","size","restProps","iconSize","svgProps","width","String","height","viewBox","fill","xmlns","svg","title","path","d","stroke","style","fillOpacity","strokeOpacity","strokeWidth","strokeLinecap","strokeLinejoin","variants","segment1","rect","x","y","rx","segment2","segment3","segment4","segment5","transform","segment6","segment7","segment8"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"stripe-logo.d.ts","sourceRoot":"","sources":["../../../../src/components/icon/custom/stripe-logo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,sBAAsB,EAAC,MAAM,kBAAkB,CAAC;AAC7D,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,OAAO,CAAC;AAE1C,KAAK,eAAe,GAAG,cAAc,CAAC,sBAAsB,CAAC,GAAG;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,wBAAgB,UAAU,CAAC,EAAC,KAAiB,EAAE,GAAG,KAAK,EAAC,EAAE,eAAe,2CAmBxE"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/icon/custom/stripe-logo.tsx"],"sourcesContent":["import type {RemixiconComponentType} from '@remixicon/react';\nimport type {ComponentProps} from 'react';\n\ntype StripeLogoProps = ComponentProps<RemixiconComponentType> & {\n color?: string;\n};\n\nexport function StripeLogo({color = '#6772E5', ...props}: StripeLogoProps) {\n return (\n <svg\n viewBox=\"0 0 28 28\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n aria-hidden=\"true\"\n focusable=\"false\"\n {...props}\n >\n <title>Stripe Logo</title>\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M12.3115 9.17663C12.3115 8.15771 13.1593 7.76352 14.5293 7.76352C16.7967 7.81251 19.0215 8.38821 21.0281 9.44512V3.29438C18.959 2.48126 16.7523 2.07592 14.5293 2.10068C9.24873 2.10068 5.70703 4.86665 5.70703 9.48529C5.70703 16.7115 15.63 15.5379 15.63 18.6526C15.63 19.8709 14.5888 20.2487 13.1236 20.2487C10.9631 20.2487 8.17253 19.3547 5.9837 18.1647V24.3958C8.23725 25.3764 10.6668 25.888 13.1244 25.8997C18.5514 25.8997 22.2925 23.2185 22.2925 18.5195C22.2925 10.7206 12.3115 12.1137 12.3115 9.17812V9.17663Z\"\n fill={color}\n />\n </svg>\n );\n}\n"],"names":["StripeLogo","color","props","svg","viewBox","fill","xmlns","aria-hidden","focusable","title","path","fillRule","clipRule","d"],"mappings":";AAOA,OAAO,SAASA,WAAW,EAACC,QAAQ,SAAS,EAAE,GAAGC,OAAuB;IACvE,qBACE,MAACC;QACCC,SAAQ;QACRC,MAAK;QACLC,OAAM;QACNC,eAAY;QACZC,WAAU;QACT,GAAGN,KAAK;;0BAET,KAACO;0BAAM;;0BACP,KAACC;gBACCC,UAAS;gBACTC,UAAS;gBACTC,GAAE;gBACFR,MAAMJ;;;;AAId"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"thunder.d.ts","sourceRoot":"","sources":["../../../../src/components/icon/custom/thunder.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,sBAAsB,EAAC,MAAM,kBAAkB,CAAC;AAC7D,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,OAAO,CAAC;AAE1C,wBAAgB,WAAW,CAAC,MAAM,EAAE,cAAc,CAAC,sBAAsB,CAAC,2CAazE"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/icon/custom/thunder.tsx"],"sourcesContent":["import type {RemixiconComponentType} from '@remixicon/react';\nimport type {ComponentProps} from 'react';\n\nexport function ThunderIcon(_props: ComponentProps<RemixiconComponentType>) {\n return (\n <svg\n width=\"25\"\n height=\"24\"\n viewBox=\"0 0 25 24\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <title>Thunder</title>\n <path d=\"M14.2707 10.1872H19.5832L10.729 22V13.8219H5.4165L14.2707 2V10.1872Z\" />\n </svg>\n );\n}\n"],"names":["ThunderIcon","_props","svg","width","height","viewBox","fill","xmlns","title","path","d"],"mappings":";AAGA,OAAO,SAASA,YAAYC,MAA8C;IACxE,qBACE,MAACC;QACCC,OAAM;QACNC,QAAO;QACPC,SAAQ;QACRC,MAAK;QACLC,OAAM;;0BAEN,KAACC;0BAAM;;0BACP,KAACC;gBAAKC,GAAE;;;;AAGd"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"x-circle-solid.d.ts","sourceRoot":"","sources":["../../../../src/components/icon/custom/x-circle-solid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,sBAAsB,EAAC,MAAM,kBAAkB,CAAC;AAC7D,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,OAAO,CAAC;AAE1C,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,cAAc,CAAC,sBAAsB,CAAC,2CAoB9E"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/icon/custom/x-circle-solid.tsx"],"sourcesContent":["import type {RemixiconComponentType} from '@remixicon/react';\nimport type {ComponentProps} from 'react';\n\nexport function XCircleSolidIcon(_props: ComponentProps<RemixiconComponentType>) {\n return (\n <svg\n width=\"19\"\n height=\"18\"\n viewBox=\"0 0 19 18\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <title>X Circle Solid</title>\n <g clipPath=\"url(#clip0_6552_160759)\">\n <path d=\"M9.49964 0.464844C4.79458 0.464844 0.966309 4.29311 0.966309 8.99818C0.966309 13.7032 4.79458 17.5315 9.49964 17.5315C14.2047 17.5315 18.033 13.7032 18.033 8.99818C18.033 4.29311 14.2047 0.464844 9.49964 0.464844ZM12.9983 11.3662C13.3108 11.6787 13.3108 12.1854 12.9983 12.4979C12.8426 12.6536 12.6378 12.7326 12.433 12.7326C12.2282 12.7326 12.0234 12.6547 11.8676 12.4979L9.49964 10.1299L7.13164 12.4979C6.97591 12.6536 6.77111 12.7326 6.56631 12.7326C6.36151 12.7326 6.15671 12.6547 6.00097 12.4979C5.68844 12.1854 5.68844 11.6787 6.00097 11.3662L8.36897 8.99818L6.00097 6.63018C5.68844 6.31764 5.68844 5.81098 6.00097 5.49844C6.31351 5.18591 6.82018 5.18591 7.13271 5.49844L9.50071 7.86644L11.8687 5.49844C12.1812 5.18591 12.6879 5.18591 13.0004 5.49844C13.313 5.81098 13.313 6.31764 13.0004 6.63018L10.6324 8.99818L13.0004 11.3662H12.9983Z\" />\n </g>\n <defs>\n <clipPath id=\"clip0_6552_160759\">\n <rect width=\"18\" height=\"18\" fill=\"white\" transform=\"translate(0.5)\" />\n </clipPath>\n </defs>\n </svg>\n );\n}\n"],"names":["XCircleSolidIcon","_props","svg","width","height","viewBox","fill","xmlns","title","g","clipPath","path","d","defs","id","rect","transform"],"mappings":";AAGA,OAAO,SAASA,iBAAiBC,MAA8C;IAC7E,qBACE,MAACC;QACCC,OAAM;QACNC,QAAO;QACPC,SAAQ;QACRC,MAAK;QACLC,OAAM;;0BAEN,KAACC;0BAAM;;0BACP,KAACC;gBAAEC,UAAS;0BACV,cAAA,KAACC;oBAAKC,GAAE;;;0BAEV,KAACC;0BACC,cAAA,KAACH;oBAASI,IAAG;8BACX,cAAA,KAACC;wBAAKZ,OAAM;wBAAKC,QAAO;wBAAKE,MAAK;wBAAQU,WAAU;;;;;;AAK9D"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../src/components/icon/icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,sBAAsB,EAAC,MAAM,kBAAkB,CAAC;AAiB7D,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,OAAO,CAAC;AAC1C,OAAO,EACL,SAAS,EACT,oBAAoB,EACpB,oBAAoB,EACpB,iBAAiB,EACjB,iBAAiB,EACjB,oBAAoB,EACpB,mBAAmB,EACnB,UAAU,EACV,WAAW,EACX,SAAS,EACT,WAAW,EACX,UAAU,EACV,WAAW,EACX,gBAAgB,EACjB,MAAM,UAAU,CAAC;AAoBlB,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;CAeuC,CAAC;AAE5D,QAAA,MAAM,QAAQ,EAIT,MAAM,CAAC,MAAM,EAAE,sBAAsB,CAAC,GAAG,OAAO,cAAc,CAAC;AAEpE,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,QAAQ,CAAC;AAC7C,eAAO,MAAM,SAAS,EAA4B,QAAQ,EAAE,CAAC;AAE7D,KAAK,aAAa,GAAG,cAAc,CAAC,sBAAsB,CAAC,CAAC;AAC5D,KAAK,SAAS,GAAG;IAAC,IAAI,EAAE,QAAQ,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CAAC,GAAG,IAAI,CAC9D,aAAa,EACb,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CACrC,CAAC;AAEF,wBAAgB,IAAI,CAAC,EAAC,IAAI,EAAE,IAAI,EAAE,GAAG,KAAK,EAAC,EAAE,SAAS,2CAIrD"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/icon/icon.tsx"],"sourcesContent":["import type {RemixiconComponentType} from '@remixicon/react';\nimport {\n RiAddLine,\n RiArrowRightSLine,\n RiBookOpenFill,\n RiCheckLine,\n RiCloseLine,\n RiFileCopyLine,\n RiGithubFill,\n RiGoogleFill,\n RiHomeSmileFill,\n RiImageAddFill,\n RiInformationFill,\n RiMicrosoftFill,\n RiMoneyDollarCircleLine,\n RiSubtractLine,\n} from '@remixicon/react';\nimport type {ComponentProps} from 'react';\nimport {\n BadgeIcon,\n CheckCircleSolidIcon,\n CircleDottedLineIcon,\n ComponentFillIcon,\n ComponentLineIcon,\n EllipseMiniSolidIcon,\n InfoTooltipFillIcon,\n ResizeIcon,\n ShipfoxLogo,\n SlackLogo,\n SpinnerIcon,\n StripeLogo,\n ThunderIcon,\n XCircleSolidIcon,\n} from './custom';\nimport {remixiconMap} from './remixicon-registry';\n\nconst commonRemixicons = {\n addLine: RiAddLine,\n close: RiCloseLine,\n check: RiCheckLine,\n copy: RiFileCopyLine,\n info: RiInformationFill,\n imageAdd: RiImageAddFill,\n chevronRight: RiArrowRightSLine,\n homeSmile: RiHomeSmileFill,\n money: RiMoneyDollarCircleLine,\n google: RiGoogleFill,\n microsoft: RiMicrosoftFill,\n github: RiGithubFill,\n subtractLine: RiSubtractLine,\n bookOpen: RiBookOpenFill,\n} as const satisfies Record<string, RemixiconComponentType>;\n\nconst customIconsMap = {\n shipfox: ShipfoxLogo,\n slack: SlackLogo,\n stripe: StripeLogo,\n badge: BadgeIcon,\n checkCircleSolid: CheckCircleSolidIcon,\n circleDottedLine: CircleDottedLineIcon,\n componentFill: ComponentFillIcon,\n componentLine: ComponentLineIcon,\n ellipseMiniSolid: EllipseMiniSolidIcon,\n infoTooltipFill: InfoTooltipFillIcon,\n resize: ResizeIcon,\n spinner: SpinnerIcon,\n thunder: ThunderIcon,\n xCircleSolid: XCircleSolidIcon,\n} as const satisfies Record<string, RemixiconComponentType>;\n\nconst iconsMap = {\n ...remixiconMap,\n ...commonRemixicons,\n ...customIconsMap,\n} as Record<string, RemixiconComponentType> & typeof customIconsMap;\n\nexport type IconName = keyof typeof iconsMap;\nexport const iconNames = Object.keys(iconsMap) as IconName[];\n\ntype BaseIconProps = ComponentProps<RemixiconComponentType>;\ntype IconProps = {name: IconName; size?: number | string} & Omit<\n BaseIconProps,\n 'name' | 'size' | 'width' | 'height'\n>;\n\nexport function Icon({name, size, ...props}: IconProps) {\n const IconComponent = iconsMap[name];\n const svgProps = size && typeof size === 'number' ? {...props, width: size, height: size} : props;\n return <IconComponent {...svgProps} />;\n}\n"],"names":["RiAddLine","RiArrowRightSLine","RiBookOpenFill","RiCheckLine","RiCloseLine","RiFileCopyLine","RiGithubFill","RiGoogleFill","RiHomeSmileFill","RiImageAddFill","RiInformationFill","RiMicrosoftFill","RiMoneyDollarCircleLine","RiSubtractLine","BadgeIcon","CheckCircleSolidIcon","CircleDottedLineIcon","ComponentFillIcon","ComponentLineIcon","EllipseMiniSolidIcon","InfoTooltipFillIcon","ResizeIcon","ShipfoxLogo","SlackLogo","SpinnerIcon","StripeLogo","ThunderIcon","XCircleSolidIcon","remixiconMap","commonRemixicons","addLine","close","check","copy","info","imageAdd","chevronRight","homeSmile","money","google","microsoft","github","subtractLine","bookOpen","customIconsMap","shipfox","slack","stripe","badge","checkCircleSolid","circleDottedLine","componentFill","componentLine","ellipseMiniSolid","infoTooltipFill","resize","spinner","thunder","xCircleSolid","iconsMap","iconNames","Object","keys","Icon","name","size","props","IconComponent","svgProps","width","height"],"mappings":";AACA,SACEA,SAAS,EACTC,iBAAiB,EACjBC,cAAc,EACdC,WAAW,EACXC,WAAW,EACXC,cAAc,EACdC,YAAY,EACZC,YAAY,EACZC,eAAe,EACfC,cAAc,EACdC,iBAAiB,EACjBC,eAAe,EACfC,uBAAuB,EACvBC,cAAc,QACT,mBAAmB;AAE1B,SACEC,SAAS,EACTC,oBAAoB,EACpBC,oBAAoB,EACpBC,iBAAiB,EACjBC,iBAAiB,EACjBC,oBAAoB,EACpBC,mBAAmB,EACnBC,UAAU,EACVC,WAAW,EACXC,SAAS,EACTC,WAAW,EACXC,UAAU,EACVC,WAAW,EACXC,gBAAgB,QACX,WAAW;AAClB,SAAQC,YAAY,QAAO,uBAAuB;AAElD,MAAMC,mBAAmB;IACvBC,SAAS9B;IACT+B,OAAO3B;IACP4B,OAAO7B;IACP8B,MAAM5B;IACN6B,MAAMxB;IACNyB,UAAU1B;IACV2B,cAAcnC;IACdoC,WAAW7B;IACX8B,OAAO1B;IACP2B,QAAQhC;IACRiC,WAAW7B;IACX8B,QAAQnC;IACRoC,cAAc7B;IACd8B,UAAUzC;AACZ;AAEA,MAAM0C,iBAAiB;IACrBC,SAASvB;IACTwB,OAAOvB;IACPwB,QAAQtB;IACRuB,OAAOlC;IACPmC,kBAAkBlC;IAClBmC,kBAAkBlC;IAClBmC,eAAelC;IACfmC,eAAelC;IACfmC,kBAAkBlC;IAClBmC,iBAAiBlC;IACjBmC,QAAQlC;IACRmC,SAAShC;IACTiC,SAAS/B;IACTgC,cAAc/B;AAChB;AAEA,MAAMgC,WAAW;IACf,GAAG/B,YAAY;IACf,GAAGC,gBAAgB;IACnB,GAAGe,cAAc;AACnB;AAGA,OAAO,MAAMgB,YAAYC,OAAOC,IAAI,CAACH,UAAwB;AAQ7D,OAAO,SAASI,KAAK,EAACC,IAAI,EAAEC,IAAI,EAAE,GAAGC,OAAiB;IACpD,MAAMC,gBAAgBR,QAAQ,CAACK,KAAK;IACpC,MAAMI,WAAWH,QAAQ,OAAOA,SAAS,WAAW;QAAC,GAAGC,KAAK;QAAEG,OAAOJ;QAAMK,QAAQL;IAAI,IAAIC;IAC5F,qBAAO,KAACC;QAAe,GAAGC,QAAQ;;AACpC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/icon/icon.stories.tsx"],"sourcesContent":["import type {Meta, StoryObj} from '@storybook/react';\nimport {Code} from 'components/typography';\nimport {Icon, iconNames} from './icon';\n\nconst meta = {\n title: 'Components/Icon',\n component: Icon,\n} satisfies Meta<typeof Icon>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const Gallery: Story = {\n args: {name: 'google'},\n render: (args) => (\n <div className=\"flex flex-col gap-16\">\n <div className=\"grid grid-cols-8 gap-16\">\n {iconNames.toSorted().map((name) => (\n <div key={name} className=\"flex flex-col items-center gap-4\">\n <div className=\"flex items-center justify-center w-20 h-20\">\n <Icon {...args} name={name} />\n </div>\n <Code variant=\"label\" className=\"text-foreground-neutral-subtle\">\n {name}\n </Code>\n </div>\n ))}\n </div>\n </div>\n ),\n};\n"],"names":["Code","Icon","iconNames","meta","title","component","Gallery","args","name","render","div","className","toSorted","map","variant"],"mappings":";AACA,SAAQA,IAAI,QAAO,wBAAwB;AAC3C,SAAQC,IAAI,EAAEC,SAAS,QAAO,SAAS;AAEvC,MAAMC,OAAO;IACXC,OAAO;IACPC,WAAWJ;AACb;AAEA,eAAeE,KAAK;AAGpB,OAAO,MAAMG,UAAiB;IAC5BC,MAAM;QAACC,MAAM;IAAQ;IACrBC,QAAQ,CAACF,qBACP,KAACG;YAAIC,WAAU;sBACb,cAAA,KAACD;gBAAIC,WAAU;0BACZT,UAAUU,QAAQ,GAAGC,GAAG,CAAC,CAACL,qBACzB,MAACE;wBAAeC,WAAU;;0CACxB,KAACD;gCAAIC,WAAU;0CACb,cAAA,KAACV;oCAAM,GAAGM,IAAI;oCAAEC,MAAMA;;;0CAExB,KAACR;gCAAKc,SAAQ;gCAAQH,WAAU;0CAC7BH;;;uBALKA;;;AAYpB,EAAE"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/icon/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/icon/index.ts"],"sourcesContent":["export * from './icon';\n"],"names":[],"mappings":"AAAA,cAAc,SAAS"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"remixicon-registry.d.ts","sourceRoot":"","sources":["../../../src/components/icon/remixicon-registry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,sBAAsB,EAAC,MAAM,kBAAkB,CAAC;AAiB7D,eAAO,MAAM,YAAY,EAA8C,MAAM,CAC3E,MAAM,EACN,sBAAsB,CACvB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,YAAY,CAAC;AACtD,eAAO,MAAM,cAAc,EAAgC,aAAa,EAAE,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/icon/remixicon-registry.ts"],"sourcesContent":["import type {RemixiconComponentType} from '@remixicon/react';\nimport * as RemixIcons from '@remixicon/react';\n\nconst remixiconEntries = Object.entries(RemixIcons).filter(\n ([key, value]) => key.startsWith('Ri') && typeof value === 'function',\n) as Array<[string, RemixiconComponentType]>;\n\nfunction iconNameToKey(iconName: string): string {\n const withoutPrefix = iconName.slice(2);\n return withoutPrefix.charAt(0).toLowerCase() + withoutPrefix.slice(1);\n}\n\nconst remixiconMapEntries = remixiconEntries.map(([name, component]) => [\n iconNameToKey(name),\n component,\n]) as Array<[string, RemixiconComponentType]>;\n\nexport const remixiconMap = Object.fromEntries(remixiconMapEntries) as Record<\n string,\n RemixiconComponentType\n>;\n\nexport type RemixIconName = keyof typeof remixiconMap;\nexport const remixiconNames = Object.keys(remixiconMap) as RemixIconName[];\n"],"names":["RemixIcons","remixiconEntries","Object","entries","filter","key","value","startsWith","iconNameToKey","iconName","withoutPrefix","slice","charAt","toLowerCase","remixiconMapEntries","map","name","component","remixiconMap","fromEntries","remixiconNames","keys"],"mappings":"AACA,YAAYA,gBAAgB,mBAAmB;AAE/C,MAAMC,mBAAmBC,OAAOC,OAAO,CAACH,YAAYI,MAAM,CACxD,CAAC,CAACC,KAAKC,MAAM,GAAKD,IAAIE,UAAU,CAAC,SAAS,OAAOD,UAAU;AAG7D,SAASE,cAAcC,QAAgB;IACrC,MAAMC,gBAAgBD,SAASE,KAAK,CAAC;IACrC,OAAOD,cAAcE,MAAM,CAAC,GAAGC,WAAW,KAAKH,cAAcC,KAAK,CAAC;AACrE;AAEA,MAAMG,sBAAsBb,iBAAiBc,GAAG,CAAC,CAAC,CAACC,MAAMC,UAAU,GAAK;QACtET,cAAcQ;QACdC;KACD;AAED,OAAO,MAAMC,eAAehB,OAAOiB,WAAW,CAACL,qBAG7C;AAGF,OAAO,MAAMM,iBAAiBlB,OAAOmB,IAAI,CAACH,cAAiC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,0BAA0B,CAAC;AACzC,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/components/index.ts"],"sourcesContent":["export * from './alert';\nexport * from './avatar';\nexport * from './badge';\nexport * from './button';\nexport * from './button-group';\nexport * from './calendar';\nexport * from './checkbox';\nexport * from './code-block';\nexport * from './command';\nexport * from './confetti';\nexport * from './date-picker';\nexport * from './date-time-range-picker';\nexport * from './dot-grid';\nexport * from './dropdown-menu';\nexport * from './dynamic-item';\nexport * from './form';\nexport * from './icon';\nexport * from './inline-tips';\nexport * from './input';\nexport * from './item';\nexport * from './kbd';\nexport * from './label';\nexport * from './modal';\nexport * from './moving-border';\nexport * from './popover';\nexport * from './search';\nexport * from './select';\nexport * from './shiny-text';\nexport * from './skeleton';\nexport * from './table';\nexport * from './tabs';\nexport * from './textarea';\nexport * from './theme';\nexport * from './toast';\nexport * from './tooltip';\nexport * from './typography';\n"],"names":[],"mappings":"AAAA,cAAc,UAAU;AACxB,cAAc,WAAW;AACzB,cAAc,UAAU;AACxB,cAAc,WAAW;AACzB,cAAc,iBAAiB;AAC/B,cAAc,aAAa;AAC3B,cAAc,aAAa;AAC3B,cAAc,eAAe;AAC7B,cAAc,YAAY;AAC1B,cAAc,aAAa;AAC3B,cAAc,gBAAgB;AAC9B,cAAc,2BAA2B;AACzC,cAAc,aAAa;AAC3B,cAAc,kBAAkB;AAChC,cAAc,iBAAiB;AAC/B,cAAc,SAAS;AACvB,cAAc,SAAS;AACvB,cAAc,gBAAgB;AAC9B,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,QAAQ;AACtB,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,kBAAkB;AAChC,cAAc,YAAY;AAC1B,cAAc,WAAW;AACzB,cAAc,WAAW;AACzB,cAAc,eAAe;AAC7B,cAAc,aAAa;AAC3B,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,aAAa;AAC3B,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,YAAY;AAC1B,cAAc,eAAe"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/inline-tips/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/inline-tips/index.ts"],"sourcesContent":["export * from './inline-tips';\n"],"names":[],"mappings":"AAAA,cAAc,gBAAgB"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"inline-tips.d.ts","sourceRoot":"","sources":["../../../src/components/inline-tips/inline-tips.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,OAAO,CAAC;AAG1C,QAAA,MAAM,sBAAsB;;8EAW1B,CAAC;AAgBH,KAAK,eAAe,GAAG,cAAc,CAAC,KAAK,CAAC,GAC1C,YAAY,CAAC,OAAO,sBAAsB,CAAC,GAAG;IAC5C,IAAI,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;CACjD,CAAC;AAEJ,iBAAS,UAAU,CAAC,EAAC,SAAS,EAAE,OAAO,EAAE,IAAgB,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,eAAe,2CAe9F;AAED,iBAAS,iBAAiB,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,cAAc,CAAC,KAAK,CAAC,2CAItE;AAED,iBAAS,eAAe,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,cAAc,CAAC,KAAK,CAAC,2CAQpE;AAED,iBAAS,qBAAqB,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,cAAc,CAAC,KAAK,CAAC,2CAW1E;AAED,iBAAS,iBAAiB,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,cAAc,CAAC,KAAK,CAAC,2CAQtE;AAED,QAAA,MAAM,wBAAwB;;8EAe7B,CAAC;AAEF,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,OAAO,EACP,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,QAAQ,CAAC,GAAG,YAAY,CAAC,OAAO,wBAAwB,CAAC,2CAS1E;AAED,OAAO,EACL,UAAU,EACV,iBAAiB,EACjB,eAAe,EACf,qBAAqB,EACrB,iBAAiB,EACjB,gBAAgB,GACjB,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/inline-tips/inline-tips.tsx"],"sourcesContent":["import {cva, type VariantProps} from 'class-variance-authority';\nimport type {ComponentProps} from 'react';\nimport {cn} from 'utils/cn';\n\nconst inlineTipsBaseVariants = cva('w-full text-sm flex gap-12 items-center', {\n variants: {\n variant: {\n primary:\n 'bg-background-components-base text-foreground-neutral-base border border-border-neutral-base shadow-button-neutral rounded-8 px-12 py-8',\n secondary: 'bg-transparent text-foreground-neutral-base',\n },\n },\n defaultVariants: {\n variant: 'primary',\n },\n});\n\nconst inlineTipsLineVariants = cva('w-4 self-stretch my-4 rounded-full', {\n variants: {\n type: {\n default: 'bg-tag-neutral-icon',\n info: 'bg-tag-warning-icon',\n success: 'bg-tag-success-icon',\n error: 'bg-tag-error-icon',\n },\n },\n defaultVariants: {\n type: 'default',\n },\n});\n\ntype InlineTipsProps = ComponentProps<'div'> &\n VariantProps<typeof inlineTipsBaseVariants> & {\n type?: 'default' | 'info' | 'success' | 'error';\n };\n\nfunction InlineTips({className, variant, type = 'default', children, ...props}: InlineTipsProps) {\n return (\n <div\n data-slot=\"inline-tips\"\n className={cn(inlineTipsBaseVariants({variant}), className)}\n {...props}\n >\n <div\n data-slot=\"inline-tips-line\"\n className={cn(inlineTipsLineVariants({type}))}\n aria-hidden=\"true\"\n />\n {children}\n </div>\n );\n}\n\nfunction InlineTipsContent({className, ...props}: ComponentProps<'div'>) {\n return (\n <div data-slot=\"inline-tips-content\" className={cn('flex-1 min-w-0', className)} {...props} />\n );\n}\n\nfunction InlineTipsTitle({className, ...props}: ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"inline-tips-title\"\n className={cn('font-medium text-sm leading-20 text-foreground-neutral-base mb-4', className)}\n {...props}\n />\n );\n}\n\nfunction InlineTipsDescription({className, ...props}: ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"inline-tips-description\"\n className={cn(\n 'text-xs leading-20 text-foreground-neutral-muted [&_p]:leading-relaxed',\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction InlineTipsActions({className, ...props}: ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"inline-tips-actions\"\n className={cn('flex items-center gap-8 shrink-0', className)}\n {...props}\n />\n );\n}\n\nconst inlineTipsActionVariants = cva(\n 'rounded-6 px-10 py-6 text-xs font-medium leading-20 transition-colors duration-150 outline-none focus-visible:ring-2 focus-visible:ring-background-accent-blue-base focus-visible:ring-offset-2',\n {\n variants: {\n variant: {\n primary:\n 'bg-background-button-inverted-default text-foreground-contrast-primary shadow-button-inverted hover:bg-background-button-inverted-hover active:bg-background-button-inverted-pressed focus-visible:shadow-button-inverted-focus disabled:bg-background-neutral-disabled disabled:text-foreground-neutral-disabled disabled:shadow-none ',\n secondary:\n 'bg-background-button-neutral-default text-foreground-neutral-base shadow-button-neutral hover:bg-background-button-neutral-hover active:bg-background-button-neutral-pressed disabled:bg-background-neutral-disabled focus-visible:shadow-button-neutral-focus disabled:text-foreground-neutral-disabled disabled:shadow-none',\n },\n },\n defaultVariants: {\n variant: 'primary',\n },\n },\n);\n\nfunction InlineTipsAction({\n className,\n variant,\n ...props\n}: ComponentProps<'button'> & VariantProps<typeof inlineTipsActionVariants>) {\n return (\n <button\n data-slot=\"inline-tips-action\"\n type=\"button\"\n className={cn(inlineTipsActionVariants({variant}), className)}\n {...props}\n />\n );\n}\n\nexport {\n InlineTips,\n InlineTipsContent,\n InlineTipsTitle,\n InlineTipsDescription,\n InlineTipsActions,\n InlineTipsAction,\n};\n"],"names":["cva","cn","inlineTipsBaseVariants","variants","variant","primary","secondary","defaultVariants","inlineTipsLineVariants","type","default","info","success","error","InlineTips","className","children","props","div","data-slot","aria-hidden","InlineTipsContent","InlineTipsTitle","InlineTipsDescription","InlineTipsActions","inlineTipsActionVariants","InlineTipsAction","button"],"mappings":";AAAA,SAAQA,GAAG,QAA0B,2BAA2B;AAEhE,SAAQC,EAAE,QAAO,WAAW;AAE5B,MAAMC,yBAAyBF,IAAI,2CAA2C;IAC5EG,UAAU;QACRC,SAAS;YACPC,SACE;YACFC,WAAW;QACb;IACF;IACAC,iBAAiB;QACfH,SAAS;IACX;AACF;AAEA,MAAMI,yBAAyBR,IAAI,sCAAsC;IACvEG,UAAU;QACRM,MAAM;YACJC,SAAS;YACTC,MAAM;YACNC,SAAS;YACTC,OAAO;QACT;IACF;IACAN,iBAAiB;QACfE,MAAM;IACR;AACF;AAOA,SAASK,WAAW,EAACC,SAAS,EAAEX,OAAO,EAAEK,OAAO,SAAS,EAAEO,QAAQ,EAAE,GAAGC,OAAuB;IAC7F,qBACE,MAACC;QACCC,aAAU;QACVJ,WAAWd,GAAGC,uBAAuB;YAACE;QAAO,IAAIW;QAChD,GAAGE,KAAK;;0BAET,KAACC;gBACCC,aAAU;gBACVJ,WAAWd,GAAGO,uBAAuB;oBAACC;gBAAI;gBAC1CW,eAAY;;YAEbJ;;;AAGP;AAEA,SAASK,kBAAkB,EAACN,SAAS,EAAE,GAAGE,OAA6B;IACrE,qBACE,KAACC;QAAIC,aAAU;QAAsBJ,WAAWd,GAAG,kBAAkBc;QAAa,GAAGE,KAAK;;AAE9F;AAEA,SAASK,gBAAgB,EAACP,SAAS,EAAE,GAAGE,OAA6B;IACnE,qBACE,KAACC;QACCC,aAAU;QACVJ,WAAWd,GAAG,oEAAoEc;QACjF,GAAGE,KAAK;;AAGf;AAEA,SAASM,sBAAsB,EAACR,SAAS,EAAE,GAAGE,OAA6B;IACzE,qBACE,KAACC;QACCC,aAAU;QACVJ,WAAWd,GACT,0EACAc;QAED,GAAGE,KAAK;;AAGf;AAEA,SAASO,kBAAkB,EAACT,SAAS,EAAE,GAAGE,OAA6B;IACrE,qBACE,KAACC;QACCC,aAAU;QACVJ,WAAWd,GAAG,oCAAoCc;QACjD,GAAGE,KAAK;;AAGf;AAEA,MAAMQ,2BAA2BzB,IAC/B,mMACA;IACEG,UAAU;QACRC,SAAS;YACPC,SACE;YACFC,WACE;QACJ;IACF;IACAC,iBAAiB;QACfH,SAAS;IACX;AACF;AAGF,SAASsB,iBAAiB,EACxBX,SAAS,EACTX,OAAO,EACP,GAAGa,OACsE;IACzE,qBACE,KAACU;QACCR,aAAU;QACVV,MAAK;QACLM,WAAWd,GAAGwB,yBAAyB;YAACrB;QAAO,IAAIW;QAClD,GAAGE,KAAK;;AAGf;AAEA,SACEH,UAAU,EACVO,iBAAiB,EACjBC,eAAe,EACfC,qBAAqB,EACrBC,iBAAiB,EACjBE,gBAAgB,GAChB"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/inline-tips/inline-tips.stories.tsx"],"sourcesContent":["import {argosScreenshot} from '@argos-ci/storybook/vitest';\nimport type {Meta, StoryObj} from '@storybook/react';\nimport {Code, Header} from 'components/typography';\nimport {\n InlineTips,\n InlineTipsAction,\n InlineTipsActions,\n InlineTipsContent,\n InlineTipsDescription,\n InlineTipsTitle,\n} from './inline-tips';\n\nconst meta = {\n title: 'Components/InlineTips',\n component: InlineTips,\n tags: ['autodocs'],\n argTypes: {\n type: {\n control: 'select',\n options: ['default', 'info', 'success', 'error'],\n },\n variant: {\n control: 'select',\n options: ['primary', 'secondary'],\n },\n },\n args: {\n type: 'default',\n variant: 'primary',\n },\n} satisfies Meta<typeof InlineTips>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nconst types = ['default', 'info', 'success', 'error'] as const;\nconst variants = ['primary', 'secondary'] as const;\n\nexport const Default: Story = {\n play: async (ctx) => {\n await new Promise((resolve) => setTimeout(resolve, 100));\n await argosScreenshot(ctx, 'InlineTips Default');\n },\n render: (args) => {\n return (\n <InlineTips {...args}>\n <InlineTipsContent>\n <InlineTipsTitle>Title</InlineTipsTitle>\n <InlineTipsDescription>Description</InlineTipsDescription>\n </InlineTipsContent>\n <InlineTipsActions>\n <InlineTipsAction variant={args.variant}>Label</InlineTipsAction>\n <InlineTipsAction variant={args.variant}>Label</InlineTipsAction>\n </InlineTipsActions>\n </InlineTips>\n );\n },\n};\n\nexport const Variants: Story = {\n render: () => {\n return (\n <div className=\"flex flex-col gap-16\">\n {variants.map((variant) => (\n <InlineTips key={variant} type=\"default\" variant={variant}>\n <InlineTipsContent>\n <InlineTipsTitle>Title</InlineTipsTitle>\n <InlineTipsDescription>Description</InlineTipsDescription>\n </InlineTipsContent>\n <InlineTipsActions>\n <InlineTipsAction variant=\"primary\">Label</InlineTipsAction>\n <InlineTipsAction variant=\"secondary\">Label</InlineTipsAction>\n </InlineTipsActions>\n </InlineTips>\n ))}\n </div>\n );\n },\n};\n\nexport const DesignMock: Story = {\n render: () => {\n const content = {\n default: {title: 'Title', description: 'Description'},\n info: {title: 'Title', description: 'Description'},\n success: {title: 'Title', description: 'Description'},\n error: {title: 'Title', description: 'Description'},\n };\n\n return (\n <div className=\"flex flex-col gap-32 pb-64 pt-32 px-32 bg-background-neutral-base\">\n <Header variant=\"h3\" className=\"text-foreground-neutral-subtle\">\n INLINE TIPS\n </Header>\n <div className=\"flex flex-col gap-16\">\n <Code variant=\"label\" className=\"text-foreground-neutral-subtle\">\n Primary\n </Code>\n {types.map((type) => (\n <InlineTips key={type} type={type} variant=\"primary\">\n <InlineTipsContent>\n <InlineTipsTitle>{content[type].title}</InlineTipsTitle>\n <InlineTipsDescription>{content[type].description}</InlineTipsDescription>\n </InlineTipsContent>\n <InlineTipsActions>\n <InlineTipsAction variant=\"primary\">Label</InlineTipsAction>\n <InlineTipsAction variant=\"secondary\">Label</InlineTipsAction>\n </InlineTipsActions>\n </InlineTips>\n ))}\n <Code variant=\"label\" className=\"text-foreground-neutral-subtle\">\n Secondary\n </Code>\n {types.map((type) => (\n <InlineTips key={type} type={type} variant=\"secondary\">\n <InlineTipsContent>\n <InlineTipsTitle>{content[type].title}</InlineTipsTitle>\n <InlineTipsDescription>{content[type].description}</InlineTipsDescription>\n </InlineTipsContent>\n <InlineTipsActions>\n <InlineTipsAction variant=\"primary\">Label</InlineTipsAction>\n <InlineTipsAction variant=\"secondary\">Label</InlineTipsAction>\n </InlineTipsActions>\n </InlineTips>\n ))}\n </div>\n </div>\n );\n },\n};\n"],"names":["argosScreenshot","Code","Header","InlineTips","InlineTipsAction","InlineTipsActions","InlineTipsContent","InlineTipsDescription","InlineTipsTitle","meta","title","component","tags","argTypes","type","control","options","variant","args","types","variants","Default","play","ctx","Promise","resolve","setTimeout","render","Variants","div","className","map","DesignMock","content","default","description","info","success","error"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/input/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/input/index.ts"],"sourcesContent":["export * from './input';\n"],"names":[],"mappings":"AAAA,cAAc,UAAU"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/components/input/input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,OAAO,CAAC;AAG1C,eAAO,MAAM,aAAa;;;8EAexB,CAAC;AAEH,KAAK,UAAU,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC;AAE7F,wBAAgB,KAAK,CAAC,EAAC,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,KAAK,EAAC,EAAE,UAAU,2CAmB3E"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/input/input.tsx"],"sourcesContent":["import {cva, type VariantProps} from 'class-variance-authority';\nimport type {ComponentProps} from 'react';\nimport {cn} from 'utils/cn';\n\nexport const inputVariants = cva('', {\n variants: {\n variant: {\n base: 'bg-background-field-base',\n component: 'bg-background-field-component',\n },\n size: {\n base: 'py-6',\n small: 'py-4',\n },\n },\n defaultVariants: {\n variant: 'base',\n size: 'base',\n },\n});\n\ntype InputProps = Omit<ComponentProps<'input'>, 'size'> & VariantProps<typeof inputVariants>;\n\nexport function Input({className, type, variant, size, ...props}: InputProps) {\n return (\n <input\n type={type}\n data-slot=\"input\"\n className={cn(\n 'placeholder:text-foreground-neutral-muted w-full min-w-0 rounded-6 px-8 text-sm leading-20 text-foreground-neutral-base shadow-button-neutral transition-[color,box-shadow] outline-none',\n 'hover:bg-background-field-hover',\n 'selection:bg-background-accent-neutral-soft selection:text-foreground-neutral-on-inverted',\n 'file:text-foreground-neutral-base file:inline-flex file:font-medium',\n 'disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-background-neutral-disabled disabled:shadow-none disabled:text-foreground-neutral-disabled',\n 'focus-visible:shadow-border-interactive-with-active',\n 'aria-invalid:shadow-border-error',\n inputVariants({variant, size}),\n className,\n )}\n {...props}\n />\n );\n}\n"],"names":["cva","cn","inputVariants","variants","variant","base","component","size","small","defaultVariants","Input","className","type","props","input","data-slot"],"mappings":";AAAA,SAAQA,GAAG,QAA0B,2BAA2B;AAEhE,SAAQC,EAAE,QAAO,WAAW;AAE5B,OAAO,MAAMC,gBAAgBF,IAAI,IAAI;IACnCG,UAAU;QACRC,SAAS;YACPC,MAAM;YACNC,WAAW;QACb;QACAC,MAAM;YACJF,MAAM;YACNG,OAAO;QACT;IACF;IACAC,iBAAiB;QACfL,SAAS;QACTG,MAAM;IACR;AACF,GAAG;AAIH,OAAO,SAASG,MAAM,EAACC,SAAS,EAAEC,IAAI,EAAER,OAAO,EAAEG,IAAI,EAAE,GAAGM,OAAkB;IAC1E,qBACE,KAACC;QACCF,MAAMA;QACNG,aAAU;QACVJ,WAAWV,GACT,4LACA,mCACA,6FACA,uEACA,mKACA,uDACA,oCACAC,cAAc;YAACE;YAASG;QAAI,IAC5BI;QAED,GAAGE,KAAK;;AAGf"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/input/input.stories.tsx"],"sourcesContent":["import type {Meta, StoryObj} from '@storybook/react';\nimport {Code, Header} from 'components/typography';\nimport {Input} from './input';\n\nconst typeOptions = [\n 'text',\n 'email',\n 'password',\n 'number',\n 'search',\n 'url',\n 'tel',\n 'date',\n 'time',\n 'datetime-local',\n 'month',\n 'week',\n 'color',\n 'file',\n] as const;\n\nconst meta = {\n title: 'Components/Input',\n component: Input,\n tags: ['autodocs'],\n argTypes: {\n type: {\n control: 'select',\n options: typeOptions,\n },\n placeholder: {control: 'text'},\n disabled: {control: 'boolean'},\n 'aria-invalid': {control: 'boolean'},\n },\n args: {\n type: 'text',\n placeholder: 'Type something…',\n disabled: false,\n 'aria-invalid': false,\n },\n} satisfies Meta<typeof Input>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Default: Story = {};\n\nconst variants = ['base', 'component'] as const;\nconst sizes = ['base', 'small'] as const;\n\nexport const States: Story = {\n render: (args) => (\n <div className=\"flex flex-col gap-32\">\n {variants.map((variant) =>\n sizes.map((size) => (\n <div key={variant + size} className=\"flex flex-col gap-16\">\n <Header variant=\"h3\">\n {variant} {size}\n </Header>\n <div className=\"flex flex-col gap-8\">\n <Code variant=\"label\" className=\"text-foreground-neutral-subtle\">\n Default\n </Code>\n\n <Input {...args} variant={variant} size={size} />\n </div>\n\n <div className=\"flex flex-col gap-8\">\n <Code variant=\"label\" className=\"text-foreground-neutral-subtle\">\n Hover\n </Code>\n\n <Input {...args} className=\"hover\" variant={variant} size={size} />\n </div>\n <div className=\"flex flex-col gap-8\">\n <Code variant=\"label\" className=\"text-foreground-neutral-subtle\">\n Active\n </Code>\n\n <Input\n {...args}\n className=\"active\"\n defaultValue=\"The quick brown fox jumps over the lazy dog\"\n variant={variant}\n size={size}\n />\n </div>\n <div className=\"flex flex-col gap-8\">\n <Code variant=\"label\" className=\"text-foreground-neutral-subtle\">\n Focus\n </Code>\n\n <Input {...args} className=\"focus\" variant={variant} size={size} />\n </div>\n <div className=\"flex flex-col gap-8\">\n <Code variant=\"label\" className=\"text-foreground-neutral-subtle\">\n Disabled\n </Code>\n\n <Input {...args} disabled variant={variant} size={size} />\n </div>\n <div className=\"flex flex-col gap-8\">\n <Code variant=\"label\" className=\"text-foreground-neutral-subtle\">\n Invalid\n </Code>\n\n <Input {...args} aria-invalid variant={variant} size={size} />\n </div>\n </div>\n )),\n )}\n </div>\n ),\n};\n\nStates.parameters = {\n pseudo: {\n hover: '.hover',\n active: '.active',\n focusVisible: '.focus',\n },\n};\n\nexport const Types: Story = {\n render: (args) => (\n <div className=\"flex flex-col gap-32\">\n {typeOptions.map((t) => (\n <div key={t} className=\"flex flex-col gap-8\">\n <Code variant=\"label\" className=\"text-foreground-neutral-subtle\">\n {t}\n </Code>\n <Input {...args} type={t} />\n </div>\n ))}\n </div>\n ),\n};\n"],"names":["Code","Header","Input","typeOptions","meta","title","component","tags","argTypes","type","control","options","placeholder","disabled","args","Default","variants","sizes","States","render","div","className","map","variant","size","defaultValue","aria-invalid","parameters","pseudo","hover","active","focusVisible","Types","t"],"mappings":";AACA,SAAQA,IAAI,EAAEC,MAAM,QAAO,wBAAwB;AACnD,SAAQC,KAAK,QAAO,UAAU;AAE9B,MAAMC,cAAc;IAClB;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;CACD;AAED,MAAMC,OAAO;IACXC,OAAO;IACPC,WAAWJ;IACXK,MAAM;QAAC;KAAW;IAClBC,UAAU;QACRC,MAAM;YACJC,SAAS;YACTC,SAASR;QACX;QACAS,aAAa;YAACF,SAAS;QAAM;QAC7BG,UAAU;YAACH,SAAS;QAAS;QAC7B,gBAAgB;YAACA,SAAS;QAAS;IACrC;IACAI,MAAM;QACJL,MAAM;QACNG,aAAa;QACbC,UAAU;QACV,gBAAgB;IAClB;AACF;AAEA,eAAeT,KAAK;AAIpB,OAAO,MAAMW,UAAiB,CAAC,EAAE;AAEjC,MAAMC,WAAW;IAAC;IAAQ;CAAY;AACtC,MAAMC,QAAQ;IAAC;IAAQ;CAAQ;AAE/B,OAAO,MAAMC,SAAgB;IAC3BC,QAAQ,CAACL,qBACP,KAACM;YAAIC,WAAU;sBACZL,SAASM,GAAG,CAAC,CAACC,UACbN,MAAMK,GAAG,CAAC,CAACE,qBACT,MAACJ;wBAAyBC,WAAU;;0CAClC,MAACpB;gCAAOsB,SAAQ;;oCACbA;oCAAQ;oCAAEC;;;0CAEb,MAACJ;gCAAIC,WAAU;;kDACb,KAACrB;wCAAKuB,SAAQ;wCAAQF,WAAU;kDAAiC;;kDAIjE,KAACnB;wCAAO,GAAGY,IAAI;wCAAES,SAASA;wCAASC,MAAMA;;;;0CAG3C,MAACJ;gCAAIC,WAAU;;kDACb,KAACrB;wCAAKuB,SAAQ;wCAAQF,WAAU;kDAAiC;;kDAIjE,KAACnB;wCAAO,GAAGY,IAAI;wCAAEO,WAAU;wCAAQE,SAASA;wCAASC,MAAMA;;;;0CAE7D,MAACJ;gCAAIC,WAAU;;kDACb,KAACrB;wCAAKuB,SAAQ;wCAAQF,WAAU;kDAAiC;;kDAIjE,KAACnB;wCACE,GAAGY,IAAI;wCACRO,WAAU;wCACVI,cAAa;wCACbF,SAASA;wCACTC,MAAMA;;;;0CAGV,MAACJ;gCAAIC,WAAU;;kDACb,KAACrB;wCAAKuB,SAAQ;wCAAQF,WAAU;kDAAiC;;kDAIjE,KAACnB;wCAAO,GAAGY,IAAI;wCAAEO,WAAU;wCAAQE,SAASA;wCAASC,MAAMA;;;;0CAE7D,MAACJ;gCAAIC,WAAU;;kDACb,KAACrB;wCAAKuB,SAAQ;wCAAQF,WAAU;kDAAiC;;kDAIjE,KAACnB;wCAAO,GAAGY,IAAI;wCAAED,QAAQ;wCAACU,SAASA;wCAASC,MAAMA;;;;0CAEpD,MAACJ;gCAAIC,WAAU;;kDACb,KAACrB;wCAAKuB,SAAQ;wCAAQF,WAAU;kDAAiC;;kDAIjE,KAACnB;wCAAO,GAAGY,IAAI;wCAAEY,cAAY;wCAACH,SAASA;wCAASC,MAAMA;;;;;uBAnDhDD,UAAUC;;AA0D9B,EAAE;AAEFN,OAAOS,UAAU,GAAG;IAClBC,QAAQ;QACNC,OAAO;QACPC,QAAQ;QACRC,cAAc;IAChB;AACF;AAEA,OAAO,MAAMC,QAAe;IAC1Bb,QAAQ,CAACL,qBACP,KAACM;YAAIC,WAAU;sBACZlB,YAAYmB,GAAG,CAAC,CAACW,kBAChB,MAACb;oBAAYC,WAAU;;sCACrB,KAACrB;4BAAKuB,SAAQ;4BAAQF,WAAU;sCAC7BY;;sCAEH,KAAC/B;4BAAO,GAAGY,IAAI;4BAAEL,MAAMwB;;;mBAJfA;;AASlB,EAAE"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/item/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/item/index.ts"],"sourcesContent":["export * from './item';\n"],"names":[],"mappings":"AAAA,cAAc,SAAS"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../../src/components/item/item.tsx"],"names":[],"mappings":"AACA,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,OAAO,CAAC;AAG1C,eAAO,MAAM,YAAY;;;8EAiBvB,CAAC;AAEH,MAAM,MAAM,SAAS,GAAG,cAAc,CAAC,KAAK,CAAC,GAC3C,YAAY,CAAC,OAAO,YAAY,CAAC,GAAG;IAClC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEJ,wBAAgB,IAAI,CAAC,EAAC,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,OAAe,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,SAAS,2CAQ9F;AAGD,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAEnD,wBAAgB,SAAS,CAAC,EAAC,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,cAAc,2CAMxE;AAGD,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAErD,wBAAgB,WAAW,CAAC,EAAC,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,gBAAgB,2CAU5E;AAGD,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAErD,wBAAgB,WAAW,CAAC,EAAC,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,gBAAgB,2CAU5E;AAGD,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,GAAG,CAAC,CAAC;AAEvD,wBAAgB,eAAe,CAAC,EAAC,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,oBAAoB,2CAapF;AAGD,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAEpD,wBAAgB,UAAU,CAAC,EAAC,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,eAAe,2CAU1E;AAGD,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAEpD,wBAAgB,UAAU,CAAC,EAAC,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,eAAe,2CAU1E;AAGD,eAAO,MAAM,iBAAiB;;8EAW5B,CAAC;AAEH,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAE5F,wBAAgB,SAAS,CAAC,EAAC,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,cAAc,2CAMjF;AAGD,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC;AAElD,wBAAgB,SAAS,CAAC,EAAC,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,cAAc,2CAaxE;AAGD,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAEvD,wBAAgB,aAAa,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,kBAAkB,2CAQtE"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/item/item.tsx"],"sourcesContent":["import {Slot} from '@radix-ui/react-slot';\nimport {cva, type VariantProps} from 'class-variance-authority';\nimport type {ComponentProps} from 'react';\nimport {cn} from 'utils/cn';\n\nexport const itemVariants = cva('transition-all duration-150 rounded-8', {\n variants: {\n variant: {\n default:\n 'bg-background-components-base text-foreground-neutral-base border border-border-neutral-base shadow-button-neutral',\n neutral:\n 'bg-background-neutral-base text-foreground-neutral-base border border-border-neutral-base shadow-button-neutral',\n },\n size: {\n default: '',\n sm: '',\n },\n },\n defaultVariants: {\n variant: 'default',\n size: 'default',\n },\n});\n\nexport type ItemProps = ComponentProps<'div'> &\n VariantProps<typeof itemVariants> & {\n asChild?: boolean;\n };\n\nexport function Item({className, variant, size, asChild = false, children, ...props}: ItemProps) {\n const Comp = asChild ? Slot : 'div';\n\n return (\n <Comp data-slot=\"item\" className={cn(itemVariants({variant, size}), className)} {...props}>\n {children}\n </Comp>\n );\n}\n\n// ItemGroup\nexport type ItemGroupProps = ComponentProps<'div'>;\n\nexport function ItemGroup({className, children, ...props}: ItemGroupProps) {\n return (\n <div data-slot=\"item-group\" className={cn('flex flex-col', className)} {...props}>\n {children}\n </div>\n );\n}\n\n// ItemActions\nexport type ItemActionsProps = ComponentProps<'div'>;\n\nexport function ItemActions({className, children, ...props}: ItemActionsProps) {\n return (\n <div\n data-slot=\"item-actions\"\n className={cn('flex shrink-0 items-center gap-8', className)}\n {...props}\n >\n {children}\n </div>\n );\n}\n\n// ItemContent\nexport type ItemContentProps = ComponentProps<'div'>;\n\nexport function ItemContent({className, children, ...props}: ItemContentProps) {\n return (\n <div\n data-slot=\"item-content\"\n className={cn('flex min-w-0 flex-1 flex-col gap-4', className)}\n {...props}\n >\n {children}\n </div>\n );\n}\n\n// ItemDescription\nexport type ItemDescriptionProps = ComponentProps<'p'>;\n\nexport function ItemDescription({className, children, ...props}: ItemDescriptionProps) {\n return (\n <p\n data-slot=\"item-description\"\n className={cn(\n 'text-xs leading-20 text-foreground-neutral-subtle max-w-250 sm:max-w-fit line-clamp-3',\n className,\n )}\n {...props}\n >\n {children}\n </p>\n );\n}\n\n// ItemFooter\nexport type ItemFooterProps = ComponentProps<'div'>;\n\nexport function ItemFooter({className, children, ...props}: ItemFooterProps) {\n return (\n <div\n data-slot=\"item-footer\"\n className={cn('flex shrink-0 items-center gap-8 px-12 py-8', className)}\n {...props}\n >\n {children}\n </div>\n );\n}\n\n// ItemHeader\nexport type ItemHeaderProps = ComponentProps<'div'>;\n\nexport function ItemHeader({className, children, ...props}: ItemHeaderProps) {\n return (\n <div\n data-slot=\"item-header\"\n className={cn('flex shrink-0 items-center gap-8 px-12 py-8', className)}\n {...props}\n >\n {children}\n </div>\n );\n}\n\n// ItemMedia\nexport const itemMediaVariants = cva('flex shrink-0 items-center justify-center', {\n variants: {\n variant: {\n default: '',\n icon: 'text-foreground-neutral-base',\n image: '',\n },\n },\n defaultVariants: {\n variant: 'default',\n },\n});\n\nexport type ItemMediaProps = ComponentProps<'div'> & VariantProps<typeof itemMediaVariants>;\n\nexport function ItemMedia({className, variant, children, ...props}: ItemMediaProps) {\n return (\n <div data-slot=\"item-media\" className={cn(itemMediaVariants({variant}), className)} {...props}>\n {children}\n </div>\n );\n}\n\n// ItemTitle\nexport type ItemTitleProps = ComponentProps<'h3'>;\n\nexport function ItemTitle({className, children, ...props}: ItemTitleProps) {\n return (\n <h3\n data-slot=\"item-title\"\n className={cn(\n 'text-sm font-medium leading-20 text-foreground-neutral-base truncate',\n className,\n )}\n {...props}\n >\n {children}\n </h3>\n );\n}\n\n// ItemSeparator\nexport type ItemSeparatorProps = ComponentProps<'div'>;\n\nexport function ItemSeparator({className, ...props}: ItemSeparatorProps) {\n return (\n <div\n data-slot=\"item-separator\"\n className={cn('h-px bg-border-neutral-base', className)}\n {...props}\n />\n );\n}\n"],"names":["Slot","cva","cn","itemVariants","variants","variant","default","neutral","size","sm","defaultVariants","Item","className","asChild","children","props","Comp","data-slot","ItemGroup","div","ItemActions","ItemContent","ItemDescription","p","ItemFooter","ItemHeader","itemMediaVariants","icon","image","ItemMedia","ItemTitle","h3","ItemSeparator"],"mappings":";AAAA,SAAQA,IAAI,QAAO,uBAAuB;AAC1C,SAAQC,GAAG,QAA0B,2BAA2B;AAEhE,SAAQC,EAAE,QAAO,WAAW;AAE5B,OAAO,MAAMC,eAAeF,IAAI,yCAAyC;IACvEG,UAAU;QACRC,SAAS;YACPC,SACE;YACFC,SACE;QACJ;QACAC,MAAM;YACJF,SAAS;YACTG,IAAI;QACN;IACF;IACAC,iBAAiB;QACfL,SAAS;QACTG,MAAM;IACR;AACF,GAAG;AAOH,OAAO,SAASG,KAAK,EAACC,SAAS,EAAEP,OAAO,EAAEG,IAAI,EAAEK,UAAU,KAAK,EAAEC,QAAQ,EAAE,GAAGC,OAAiB;IAC7F,MAAMC,OAAOH,UAAUb,OAAO;IAE9B,qBACE,KAACgB;QAAKC,aAAU;QAAOL,WAAWV,GAAGC,aAAa;YAACE;YAASG;QAAI,IAAII;QAAa,GAAGG,KAAK;kBACtFD;;AAGP;AAKA,OAAO,SAASI,UAAU,EAACN,SAAS,EAAEE,QAAQ,EAAE,GAAGC,OAAsB;IACvE,qBACE,KAACI;QAAIF,aAAU;QAAaL,WAAWV,GAAG,iBAAiBU;QAAa,GAAGG,KAAK;kBAC7ED;;AAGP;AAKA,OAAO,SAASM,YAAY,EAACR,SAAS,EAAEE,QAAQ,EAAE,GAAGC,OAAwB;IAC3E,qBACE,KAACI;QACCF,aAAU;QACVL,WAAWV,GAAG,oCAAoCU;QACjD,GAAGG,KAAK;kBAERD;;AAGP;AAKA,OAAO,SAASO,YAAY,EAACT,SAAS,EAAEE,QAAQ,EAAE,GAAGC,OAAwB;IAC3E,qBACE,KAACI;QACCF,aAAU;QACVL,WAAWV,GAAG,sCAAsCU;QACnD,GAAGG,KAAK;kBAERD;;AAGP;AAKA,OAAO,SAASQ,gBAAgB,EAACV,SAAS,EAAEE,QAAQ,EAAE,GAAGC,OAA4B;IACnF,qBACE,KAACQ;QACCN,aAAU;QACVL,WAAWV,GACT,yFACAU;QAED,GAAGG,KAAK;kBAERD;;AAGP;AAKA,OAAO,SAASU,WAAW,EAACZ,SAAS,EAAEE,QAAQ,EAAE,GAAGC,OAAuB;IACzE,qBACE,KAACI;QACCF,aAAU;QACVL,WAAWV,GAAG,+CAA+CU;QAC5D,GAAGG,KAAK;kBAERD;;AAGP;AAKA,OAAO,SAASW,WAAW,EAACb,SAAS,EAAEE,QAAQ,EAAE,GAAGC,OAAuB;IACzE,qBACE,KAACI;QACCF,aAAU;QACVL,WAAWV,GAAG,+CAA+CU;QAC5D,GAAGG,KAAK;kBAERD;;AAGP;AAEA,YAAY;AACZ,OAAO,MAAMY,oBAAoBzB,IAAI,6CAA6C;IAChFG,UAAU;QACRC,SAAS;YACPC,SAAS;YACTqB,MAAM;YACNC,OAAO;QACT;IACF;IACAlB,iBAAiB;QACfL,SAAS;IACX;AACF,GAAG;AAIH,OAAO,SAASwB,UAAU,EAACjB,SAAS,EAAEP,OAAO,EAAES,QAAQ,EAAE,GAAGC,OAAsB;IAChF,qBACE,KAACI;QAAIF,aAAU;QAAaL,WAAWV,GAAGwB,kBAAkB;YAACrB;QAAO,IAAIO;QAAa,GAAGG,KAAK;kBAC1FD;;AAGP;AAKA,OAAO,SAASgB,UAAU,EAAClB,SAAS,EAAEE,QAAQ,EAAE,GAAGC,OAAsB;IACvE,qBACE,KAACgB;QACCd,aAAU;QACVL,WAAWV,GACT,wEACAU;QAED,GAAGG,KAAK;kBAERD;;AAGP;AAKA,OAAO,SAASkB,cAAc,EAACpB,SAAS,EAAE,GAAGG,OAA0B;IACrE,qBACE,KAACI;QACCF,aAAU;QACVL,WAAWV,GAAG,+BAA+BU;QAC5C,GAAGG,KAAK;;AAGf"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/item/item.stories.tsx"],"sourcesContent":["import type {Meta, StoryObj} from '@storybook/react';\nimport {Button} from 'components/button/button';\nimport {DatePicker} from 'components/date-picker';\nimport {Icon} from 'components/icon/icon';\nimport {Input} from 'components/input/input';\nimport {Label} from 'components/label/label';\nimport {useState} from 'react';\nimport {\n Item,\n ItemActions,\n ItemContent,\n ItemDescription,\n ItemFooter,\n ItemGroup,\n ItemHeader,\n ItemSeparator,\n ItemTitle,\n} from './item';\n\nconst meta = {\n title: 'Components/Item',\n component: Item,\n tags: ['autodocs'],\n argTypes: {\n variant: {\n control: 'select',\n options: ['default', 'neutral'],\n },\n size: {\n control: 'select',\n options: ['default', 'sm'],\n },\n },\n args: {\n variant: 'default',\n size: 'default',\n },\n} satisfies Meta<typeof Item>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nconst DEFAULT_START_DATE = new Date('2024-01-01T00:00:00.000Z');\n\nexport const Default: Story = {\n args: {\n variant: 'default',\n },\n render: (args) => (\n <Item {...args} className=\"px-12 py-12\">\n <ItemContent>\n <ItemTitle>Basic Item</ItemTitle>\n <ItemDescription>A simple item with title and description.</ItemDescription>\n </ItemContent>\n <ItemActions className=\"pt-8\">\n <Button variant=\"secondary\" size=\"sm\">\n Action\n </Button>\n </ItemActions>\n </Item>\n ),\n};\n\nexport const Variants: Story = {\n args: {},\n render: () => (\n <ItemGroup className=\"flex w-full max-w-md flex-col gap-12\">\n <Item variant=\"default\" className=\"px-12 py-12\">\n <ItemContent>\n <ItemTitle>Default Variant</ItemTitle>\n <ItemDescription>Standard styling with subtle background and borders.</ItemDescription>\n </ItemContent>\n <ItemActions className=\"pt-8\">\n <Button variant=\"secondary\" size=\"sm\">\n Action\n </Button>\n </ItemActions>\n </Item>\n <Item variant=\"neutral\" className=\"px-12 py-12\">\n <ItemContent>\n <ItemTitle>Neutral Variant</ItemTitle>\n <ItemDescription>Neutral style with subtle background and borders.</ItemDescription>\n </ItemContent>\n <ItemActions className=\"pt-8\">\n <Button variant=\"primary\" size=\"sm\">\n Action\n </Button>\n </ItemActions>\n </Item>\n </ItemGroup>\n ),\n};\n\nexport const ImportPastJobsModal: Story = {\n args: {},\n render: () => {\n const [date, setDate] = useState<Date | undefined>(DEFAULT_START_DATE);\n\n return (\n <div className=\"flex w-full max-w-lg flex-col\">\n <Item variant=\"neutral\">\n <ItemHeader className=\"justify-between px-24 py-16\">\n <ItemTitle className=\"text-lg font-medium text-foreground-neutral-base\">\n Import past jobs from GitHub\n </ItemTitle>\n <div className=\"flex items-center gap-8\">\n <kbd className=\"flex items-center justify-center rounded-8 border border-border-neutral-base shadow-button-neutral bg-background-field-base text-xs text-foreground-neutral-subtle px-4\">\n esc\n </kbd>\n <Button\n variant=\"transparent\"\n size=\"xs\"\n className=\"rounded-4 p-2 cursor-pointer bg-transparent border-none text-foreground-neutral-muted hover:text-foreground-neutral-base hover:bg-background-components-hover transition-colors duration-150 outline-none focus-visible:ring-2 focus-visible:ring-background-accent-blue-base focus-visible:ring-offset-2 w-24 h-24\"\n >\n <Icon name=\"close\" />\n </Button>\n </div>\n </ItemHeader>\n <ItemSeparator />\n <ItemContent className=\"px-24 py-16\">\n <ItemDescription className=\"mb-16 text-sm text-foreground-neutral-subtle\">\n Backfill your CI history by importing past runs from your GitHub repo. We'll handle\n the rest by creating a background task to import the data for you.\n </ItemDescription>\n <div className=\"flex flex-col gap-20\">\n <div className=\"flex flex-col gap-8\">\n <Label htmlFor=\"repo-owner\">Repository owner</Label>\n <Input id=\"repo-owner\" type=\"text\" defaultValue=\"apache\" />\n </div>\n <div className=\"flex flex-col gap-8\">\n <Label htmlFor=\"repo-name\">Repository name</Label>\n <Input id=\"repo-name\" type=\"text\" defaultValue=\"kafka\" />\n </div>\n <div className=\"flex flex-col gap-8\">\n <Label htmlFor=\"start-date\">Start date</Label>\n <DatePicker\n id=\"start-date\"\n date={date}\n onDateSelect={setDate}\n onClear={() => setDate(undefined)}\n placeholder=\"DD/MM/YYYY\"\n />\n </div>\n </div>\n </ItemContent>\n <ItemSeparator />\n <ItemFooter className=\"justify-end gap-8 px-24 py-16\">\n <Button variant=\"transparent\" size=\"sm\">\n Cancel\n </Button>\n <Button variant=\"primary\" size=\"sm\">\n Import\n </Button>\n </ItemFooter>\n </Item>\n </div>\n );\n },\n};\n"],"names":["Button","DatePicker","Icon","Input","Label","useState","Item","ItemActions","ItemContent","ItemDescription","ItemFooter","ItemGroup","ItemHeader","ItemSeparator","ItemTitle","meta","title","component","tags","argTypes","variant","control","options","size","args","DEFAULT_START_DATE","Date","Default","render","className","Variants","ImportPastJobsModal","date","setDate","div","kbd","name","htmlFor","id","type","defaultValue","onDateSelect","onClear","undefined","placeholder"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/kbd/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/kbd/index.ts"],"sourcesContent":["export * from './kbd';\n"],"names":[],"mappings":"AAAA,cAAc,QAAQ"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"kbd.d.ts","sourceRoot":"","sources":["../../../src/components/kbd/kbd.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,OAAO,CAAC;AAG1C,KAAK,QAAQ,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAEtC,wBAAgB,GAAG,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,QAAQ,2CAclD;AAED,KAAK,aAAa,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAE3C,wBAAgB,QAAQ,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,aAAa,2CAQ5D"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/kbd/kbd.tsx"],"sourcesContent":["import type {ComponentProps} from 'react';\nimport {cn} from 'utils/cn';\n\ntype KbdProps = ComponentProps<'kbd'>;\n\nexport function Kbd({className, ...props}: KbdProps) {\n return (\n <kbd\n data-slot=\"kbd\"\n className={cn(\n 'pointer-events-none inline-flex h-20 w-fit min-w-20 items-center justify-center gap-1 rounded-4 px-4 font-display text-xs font-medium select-none',\n 'bg-background-components-base text-foreground-neutral-subtle border border-border-neutral-base shadow-button-neutral',\n '[&_svg:not([class*=\"size-\"])]:size-12',\n 'in-data-[slot=tooltip-content]:bg-background/20 in-data-[slot=tooltip-content]:text-background dark:in-data-[slot=tooltip-content]:bg-background/10',\n className,\n )}\n {...props}\n />\n );\n}\n\ntype KbdGroupProps = ComponentProps<'div'>;\n\nexport function KbdGroup({className, ...props}: KbdGroupProps) {\n return (\n <div\n data-slot=\"kbd-group\"\n className={cn('inline-flex items-center gap-4', className)}\n {...props}\n />\n );\n}\n"],"names":["cn","Kbd","className","props","kbd","data-slot","KbdGroup","div"],"mappings":";AACA,SAAQA,EAAE,QAAO,WAAW;AAI5B,OAAO,SAASC,IAAI,EAACC,SAAS,EAAE,GAAGC,OAAgB;IACjD,qBACE,KAACC;QACCC,aAAU;QACVH,WAAWF,GACT,qJACA,wHACA,yCACA,uJACAE;QAED,GAAGC,KAAK;;AAGf;AAIA,OAAO,SAASG,SAAS,EAACJ,SAAS,EAAE,GAAGC,OAAqB;IAC3D,qBACE,KAACI;QACCF,aAAU;QACVH,WAAWF,GAAG,kCAAkCE;QAC/C,GAAGC,KAAK;;AAGf"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/kbd/kbd.stories.tsx"],"sourcesContent":["import type {Meta, StoryObj} from '@storybook/react';\nimport {Kbd, KbdGroup} from './kbd';\n\nconst meta = {\n title: 'Components/Kbd',\n component: Kbd,\n tags: ['autodocs'],\n} satisfies Meta<typeof Kbd>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Default: Story = {\n render: () => (\n <div className=\"flex flex-wrap gap-8\">\n <Kbd>Ctrl</Kbd>\n <Kbd>Alt</Kbd>\n <Kbd>Shift</Kbd>\n <Kbd>⌘</Kbd>\n <Kbd>⌥</Kbd>\n <Kbd>⇧</Kbd>\n </div>\n ),\n};\n\nexport const KeyCombination: Story = {\n render: () => (\n <div className=\"flex flex-wrap items-center gap-12\">\n <Kbd>⌘K</Kbd>\n <KbdGroup>\n <Kbd>Ctrl</Kbd>\n <Kbd>Shift</Kbd>\n <Kbd>P</Kbd>\n </KbdGroup>\n <KbdGroup>\n <Kbd>Alt</Kbd>\n <Kbd>Enter</Kbd>\n </KbdGroup>\n </div>\n ),\n};\n\nexport const InMenu: Story = {\n render: () => (\n <div className=\"max-w-400 rounded-10 border border-border-neutral-base p-8\">\n <div className=\"flex flex-col gap-4\">\n <div className=\"flex items-center justify-between p-8 rounded-6 hover:bg-background-components-hover transition-colors\">\n <span className=\"text-sm text-foreground-neutral-subtle\">Copy</span>\n <Kbd>⌘C</Kbd>\n </div>\n <div className=\"flex items-center justify-between p-8 rounded-6 hover:bg-background-components-hover transition-colors\">\n <span className=\"text-sm text-foreground-neutral-subtle\">Paste</span>\n <Kbd>⌘V</Kbd>\n </div>\n <div className=\"h-px bg-border-neutral-base my-4\" />\n <div className=\"flex items-center justify-between p-8 rounded-6 hover:bg-background-components-hover transition-colors\">\n <span className=\"text-sm text-foreground-neutral-subtle\">Command Palette</span>\n <Kbd>⌘K</Kbd>\n </div>\n </div>\n </div>\n ),\n};\n"],"names":["Kbd","KbdGroup","meta","title","component","tags","Default","render","div","className","KeyCombination","InMenu","span"],"mappings":";AACA,SAAQA,GAAG,EAAEC,QAAQ,QAAO,QAAQ;AAEpC,MAAMC,OAAO;IACXC,OAAO;IACPC,WAAWJ;IACXK,MAAM;QAAC;KAAW;AACpB;AAEA,eAAeH,KAAK;AAIpB,OAAO,MAAMI,UAAiB;IAC5BC,QAAQ,kBACN,MAACC;YAAIC,WAAU;;8BACb,KAACT;8BAAI;;8BACL,KAACA;8BAAI;;8BACL,KAACA;8BAAI;;8BACL,KAACA;8BAAI;;8BACL,KAACA;8BAAI;;8BACL,KAACA;8BAAI;;;;AAGX,EAAE;AAEF,OAAO,MAAMU,iBAAwB;IACnCH,QAAQ,kBACN,MAACC;YAAIC,WAAU;;8BACb,KAACT;8BAAI;;8BACL,MAACC;;sCACC,KAACD;sCAAI;;sCACL,KAACA;sCAAI;;sCACL,KAACA;sCAAI;;;;8BAEP,MAACC;;sCACC,KAACD;sCAAI;;sCACL,KAACA;sCAAI;;;;;;AAIb,EAAE;AAEF,OAAO,MAAMW,SAAgB;IAC3BJ,QAAQ,kBACN,KAACC;YAAIC,WAAU;sBACb,cAAA,MAACD;gBAAIC,WAAU;;kCACb,MAACD;wBAAIC,WAAU;;0CACb,KAACG;gCAAKH,WAAU;0CAAyC;;0CACzD,KAACT;0CAAI;;;;kCAEP,MAACQ;wBAAIC,WAAU;;0CACb,KAACG;gCAAKH,WAAU;0CAAyC;;0CACzD,KAACT;0CAAI;;;;kCAEP,KAACQ;wBAAIC,WAAU;;kCACf,MAACD;wBAAIC,WAAU;;0CACb,KAACG;gCAAKH,WAAU;0CAAyC;;0CACzD,KAACT;0CAAI;;;;;;;AAKf,EAAE"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/label/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/label/index.ts"],"sourcesContent":["export * from './label';\n"],"names":[],"mappings":"AAAA,cAAc,UAAU"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../../src/components/label/label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,OAAO,CAAC;AAG1C,eAAO,MAAM,aAAa,oFAEzB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,cAAc,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,GACjE,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC;AAErC,wBAAgB,KAAK,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,UAAU,2CAEtD"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/label/label.tsx"],"sourcesContent":["import * as LabelPrimitive from '@radix-ui/react-label';\nimport {cva, type VariantProps} from 'class-variance-authority';\nimport type {ComponentProps} from 'react';\nimport {cn} from 'utils/cn';\n\nexport const labelVariants = cva(\n 'text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70',\n);\n\nexport type LabelProps = ComponentProps<typeof LabelPrimitive.Root> &\n VariantProps<typeof labelVariants>;\n\nexport function Label({className, ...props}: LabelProps) {\n return <LabelPrimitive.Root className={cn(labelVariants(), className)} {...props} />;\n}\n"],"names":["LabelPrimitive","cva","cn","labelVariants","Label","className","props","Root"],"mappings":";AAAA,YAAYA,oBAAoB,wBAAwB;AACxD,SAAQC,GAAG,QAA0B,2BAA2B;AAEhE,SAAQC,EAAE,QAAO,WAAW;AAE5B,OAAO,MAAMC,gBAAgBF,IAC3B,8FACA;AAKF,OAAO,SAASG,MAAM,EAACC,SAAS,EAAE,GAAGC,OAAkB;IACrD,qBAAO,KAACN,eAAeO,IAAI;QAACF,WAAWH,GAAGC,iBAAiBE;QAAa,GAAGC,KAAK;;AAClF"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/label/label.stories.tsx"],"sourcesContent":["import type {Meta, StoryObj} from '@storybook/react';\nimport {Checkbox} from 'components/checkbox';\nimport {Input} from 'components/input/input';\nimport {Textarea} from 'components/textarea';\nimport {Label} from './label';\n\nconst meta = {\n title: 'Components/Label',\n component: Label,\n tags: ['autodocs'],\n argTypes: {\n htmlFor: {control: 'text'},\n },\n} satisfies Meta<typeof Label>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Default: Story = {\n render: () => (\n <div className=\"flex flex-col gap-8\">\n <Label htmlFor=\"email\">Email</Label>\n <Input id=\"email\" type=\"email\" placeholder=\"Enter your email\" />\n </div>\n ),\n};\n\nexport const WithCheckbox: Story = {\n render: () => (\n <div className=\"flex items-center gap-8\">\n <Checkbox id=\"terms\" />\n <Label htmlFor=\"terms\">Accept terms and conditions</Label>\n </div>\n ),\n};\n\nexport const WithTextarea: Story = {\n render: () => (\n <div className=\"flex flex-col gap-8\">\n <Label htmlFor=\"message\">Message</Label>\n <Textarea id=\"message\" placeholder=\"Enter your message\" />\n </div>\n ),\n};\n\nexport const Required: Story = {\n render: () => (\n <div className=\"flex flex-col gap-8\">\n <Label htmlFor=\"required-field\">\n Required Field <span className=\"text-foreground-highlight-error\">*</span>\n </Label>\n <Input id=\"required-field\" type=\"text\" placeholder=\"This field is required\" />\n </div>\n ),\n};\n\nexport const Disabled: Story = {\n render: () => (\n <div className=\"flex flex-col gap-8\">\n <Label htmlFor=\"disabled-field\" className=\"opacity-50\">\n Disabled Field\n </Label>\n <Input id=\"disabled-field\" type=\"text\" placeholder=\"Disabled input\" disabled />\n </div>\n ),\n};\n"],"names":["Checkbox","Input","Textarea","Label","meta","title","component","tags","argTypes","htmlFor","control","Default","render","div","className","id","type","placeholder","WithCheckbox","WithTextarea","Required","span","Disabled","disabled"],"mappings":";AACA,SAAQA,QAAQ,QAAO,sBAAsB;AAC7C,SAAQC,KAAK,QAAO,yBAAyB;AAC7C,SAAQC,QAAQ,QAAO,sBAAsB;AAC7C,SAAQC,KAAK,QAAO,UAAU;AAE9B,MAAMC,OAAO;IACXC,OAAO;IACPC,WAAWH;IACXI,MAAM;QAAC;KAAW;IAClBC,UAAU;QACRC,SAAS;YAACC,SAAS;QAAM;IAC3B;AACF;AAEA,eAAeN,KAAK;AAIpB,OAAO,MAAMO,UAAiB;IAC5BC,QAAQ,kBACN,MAACC;YAAIC,WAAU;;8BACb,KAACX;oBAAMM,SAAQ;8BAAQ;;8BACvB,KAACR;oBAAMc,IAAG;oBAAQC,MAAK;oBAAQC,aAAY;;;;AAGjD,EAAE;AAEF,OAAO,MAAMC,eAAsB;IACjCN,QAAQ,kBACN,MAACC;YAAIC,WAAU;;8BACb,KAACd;oBAASe,IAAG;;8BACb,KAACZ;oBAAMM,SAAQ;8BAAQ;;;;AAG7B,EAAE;AAEF,OAAO,MAAMU,eAAsB;IACjCP,QAAQ,kBACN,MAACC;YAAIC,WAAU;;8BACb,KAACX;oBAAMM,SAAQ;8BAAU;;8BACzB,KAACP;oBAASa,IAAG;oBAAUE,aAAY;;;;AAGzC,EAAE;AAEF,OAAO,MAAMG,WAAkB;IAC7BR,QAAQ,kBACN,MAACC;YAAIC,WAAU;;8BACb,MAACX;oBAAMM,SAAQ;;wBAAiB;sCACf,KAACY;4BAAKP,WAAU;sCAAkC;;;;8BAEnE,KAACb;oBAAMc,IAAG;oBAAiBC,MAAK;oBAAOC,aAAY;;;;AAGzD,EAAE;AAEF,OAAO,MAAMK,WAAkB;IAC7BV,QAAQ,kBACN,MAACC;YAAIC,WAAU;;8BACb,KAACX;oBAAMM,SAAQ;oBAAiBK,WAAU;8BAAa;;8BAGvD,KAACb;oBAAMc,IAAG;oBAAiBC,MAAK;oBAAOC,aAAY;oBAAiBM,QAAQ;;;;AAGlF,EAAE"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/modal/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/modal/index.ts"],"sourcesContent":["export * from './modal';\n"],"names":[],"mappings":"AAAA,cAAc,UAAU"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../src/components/modal/modal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/modal/modal.tsx"],"sourcesContent":["import * as DialogPrimitive from '@radix-ui/react-dialog';\nimport {cva} from 'class-variance-authority';\nimport {Button} from 'components/button';\nimport {Icon} from 'components/icon';\nimport {Text} from 'components/typography';\nimport {motion, type Transition} from 'framer-motion';\nimport {useMediaQuery} from 'hooks/useMediaQuery';\nimport {type ComponentProps, createContext, useContext} from 'react';\nimport {cn} from 'utils/cn';\nimport {Drawer as VaulDrawer} from 'vaul';\n\nconst modalDefaultTransition: Transition = {\n type: 'spring',\n stiffness: 300,\n damping: 30,\n};\n\ntype ModalContextValue = {\n breakpoint: string;\n isDesktop: boolean;\n};\n\nconst ModalContext = createContext<ModalContextValue | null>(null);\n\nfunction useModalContext() {\n const context = useContext(ModalContext);\n if (!context) {\n throw new Error('Modal components must be used within a Modal component');\n }\n return context;\n}\n\nconst modalOverlayVariants = cva(\n 'fixed inset-0 z-40 bg-background-backdrop-backdrop data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',\n);\n\nconst modalContentVariants = cva(\n 'fixed left-1/2 top-1/2 z-50 flex flex-col overflow-clip bg-background-neutral-base rounded-16 w-full max-w-[576px] -translate-x-1/2 -translate-y-1/2 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 shadow-tooltip',\n);\n\nfunction Modal({\n breakpoint = '(min-width: 768px)',\n children,\n ...props\n}: ComponentProps<typeof DialogPrimitive.Root> & {breakpoint?: string}) {\n const isDesktop = useMediaQuery(breakpoint);\n\n const contextValue: ModalContextValue = {\n breakpoint,\n isDesktop,\n };\n\n const Root = isDesktop ? DialogPrimitive.Root : VaulDrawer.Root;\n\n return (\n <ModalContext.Provider value={contextValue}>\n <Root {...props}>{children}</Root>\n </ModalContext.Provider>\n );\n}\n\nfunction ModalTrigger(props: ComponentProps<typeof DialogPrimitive.Trigger>) {\n const {isDesktop} = useModalContext();\n\n if (isDesktop) {\n return <DialogPrimitive.Trigger {...props} />;\n }\n\n return <VaulDrawer.Trigger {...props} />;\n}\n\nfunction ModalPortal(props: ComponentProps<typeof DialogPrimitive.Portal>) {\n const {isDesktop} = useModalContext();\n\n if (isDesktop) {\n return <DialogPrimitive.Portal {...props} />;\n }\n\n return <VaulDrawer.Portal {...props} />;\n}\n\nfunction ModalClose(props: ComponentProps<typeof DialogPrimitive.Close>) {\n const {isDesktop} = useModalContext();\n\n if (isDesktop) {\n return <DialogPrimitive.Close {...props} />;\n }\n\n return <VaulDrawer.Close {...props} />;\n}\n\ntype ModalOverlayProps = ComponentProps<typeof DialogPrimitive.Overlay> & {\n animated?: boolean;\n transition?: Transition;\n};\n\nfunction ModalOverlay({\n className,\n animated = true,\n transition = modalDefaultTransition,\n ...props\n}: ModalOverlayProps) {\n const {isDesktop} = useModalContext();\n\n if (!isDesktop) {\n return <VaulDrawer.Overlay className={cn(modalOverlayVariants(), className)} {...props} />;\n }\n\n if (animated) {\n return (\n <DialogPrimitive.Overlay className={cn(modalOverlayVariants(), className)} asChild {...props}>\n <motion.div\n initial={{opacity: 0}}\n animate={{opacity: 1}}\n exit={{opacity: 0}}\n transition={transition}\n />\n </DialogPrimitive.Overlay>\n );\n }\n\n return <DialogPrimitive.Overlay className={cn(modalOverlayVariants(), className)} {...props} />;\n}\n\ntype ModalContentProps = ComponentProps<typeof DialogPrimitive.Content> & {\n animated?: boolean;\n transition?: Transition;\n overlayClassName?: string;\n};\n\nfunction ModalContent({\n className,\n children,\n animated = true,\n transition = modalDefaultTransition,\n overlayClassName,\n ...props\n}: ModalContentProps) {\n const {isDesktop} = useModalContext();\n\n if (!isDesktop) {\n return (\n <ModalPortal>\n <ModalOverlay animated={animated} transition={transition} className={overlayClassName} />\n <VaulDrawer.Content\n className={cn(\n 'fixed bottom-0 left-0 right-0 z-50 flex flex-col bg-background-neutral-base rounded-t-16 max-h-[85vh] shadow-tooltip',\n className,\n )}\n {...props}\n >\n <div className=\"relative w-full h-full flex flex-col min-h-0\">\n <div className=\"pointer-events-none absolute inset-0 shadow-separator-inset rounded-t-16\" />\n <div className=\"flex items-center justify-center pt-8 pb-8 shrink-0\">\n <div className=\"bg-foreground-neutral-subtle w-32 h-4 rounded-full opacity-40\" />\n </div>\n {children}\n </div>\n </VaulDrawer.Content>\n </ModalPortal>\n );\n }\n\n const baseClasses = cn(modalContentVariants(), className);\n\n return (\n <ModalPortal>\n <ModalOverlay animated={animated} transition={transition} className={overlayClassName} />\n <DialogPrimitive.Content className={baseClasses} {...props}>\n <div className=\"relative size-full\">\n <div className=\"pointer-events-none absolute inset-0 shadow-separator-inset rounded-16\" />\n {children}\n </div>\n </DialogPrimitive.Content>\n </ModalPortal>\n );\n}\n\ntype ModalHeaderProps = ComponentProps<'div'> & {\n title?: string;\n showEscIndicator?: boolean;\n showClose?: boolean;\n};\n\nfunction ModalHeader({\n className,\n title,\n showEscIndicator = true,\n showClose = true,\n children,\n ...props\n}: ModalHeaderProps) {\n const {isDesktop} = useModalContext();\n\n return (\n <div className=\"flex flex-col w-full shrink-0\" {...props}>\n <div className=\"bg-background-neutral-base flex items-center justify-center gap-20 overflow-clip px-24 py-16 w-full\">\n {title ? (\n <Text size=\"lg\" className=\"flex-1 overflow-ellipsis overflow-hidden whitespace-nowrap\">\n {title}\n </Text>\n ) : (\n <div className=\"flex-1\">{children}</div>\n )}\n <div className=\"flex items-center gap-8\">\n {isDesktop && showEscIndicator && (\n <kbd className=\"flex items-center justify-center rounded-8 border border-border-neutral-base shadow-button-neutral bg-background-field-base text-xs text-foreground-neutral-subtle px-4\">\n esc\n </kbd>\n )}\n {showClose && (\n <ModalClose asChild>\n <Button\n variant=\"transparent\"\n size=\"xs\"\n className=\"rounded-4 p-2 cursor-pointer bg-transparent border-none text-foreground-neutral-muted hover:text-foreground-neutral-base hover:bg-background-components-hover transition-colors duration-150 outline-none focus-visible:ring-2 focus-visible:ring-background-accent-blue-base focus-visible:ring-offset-2 w-24 h-24\"\n >\n <Icon name=\"close\" />\n </Button>\n </ModalClose>\n )}\n </div>\n </div>\n <div className=\"bg-border-neutral-strong h-[1px] w-full\" />\n </div>\n );\n}\n\nfunction ModalBody({className, children, ...props}: ComponentProps<'div'>) {\n const {isDesktop} = useModalContext();\n\n return (\n <div\n className={cn(\n 'bg-background-neutral-base flex flex-col items-start px-24 pb-24 pt-16 w-full',\n isDesktop ? 'overflow-clip' : 'overflow-y-auto overflow-x-clip flex-1',\n className,\n )}\n {...props}\n >\n {children}\n </div>\n );\n}\n\nfunction ModalFooter({className, children, ...props}: ComponentProps<'div'>) {\n return (\n <div className=\"flex flex-col w-full shrink-0\" {...props}>\n <div className=\"bg-border-neutral-strong h-[1px] w-full\" />\n <div className=\"bg-background-neutral-base flex items-end justify-end gap-20 overflow-clip px-24 py-16 w-full\">\n <div className={cn('flex items-center gap-16', className)}>{children}</div>\n </div>\n </div>\n );\n}\n\ntype ModalTitleProps = ComponentProps<typeof DialogPrimitive.Title>;\n\nfunction ModalTitle({className, ...props}: ModalTitleProps) {\n const {isDesktop} = useModalContext();\n\n const titleClassName = cn(\n 'font-medium text-lg leading-20 overflow-ellipsis overflow-hidden text-foreground-neutral-base',\n className,\n );\n\n if (!isDesktop) {\n return <VaulDrawer.Title className={titleClassName} {...props} />;\n }\n\n return <DialogPrimitive.Title className={titleClassName} {...props} />;\n}\n\ntype ModalDescriptionProps = ComponentProps<typeof DialogPrimitive.Description>;\n\nfunction ModalDescription({className, ...props}: ModalDescriptionProps) {\n const {isDesktop} = useModalContext();\n\n const descClassName = cn('text-sm leading-20 text-foreground-neutral-subtle', className);\n\n if (!isDesktop) {\n return <VaulDrawer.Description className={descClassName} {...props} />;\n }\n\n return <DialogPrimitive.Description className={descClassName} {...props} />;\n}\n\nexport {\n Modal,\n ModalPortal,\n ModalOverlay,\n ModalTrigger,\n ModalClose,\n ModalContent,\n ModalHeader,\n ModalBody,\n ModalFooter,\n ModalTitle,\n ModalDescription,\n modalContentVariants,\n modalOverlayVariants,\n modalDefaultTransition,\n};\n\nexport type {\n ModalContentProps,\n ModalHeaderProps,\n ModalOverlayProps,\n ModalTitleProps,\n ModalDescriptionProps,\n};\n"],"names":["DialogPrimitive","cva","Button","Icon","Text","motion","useMediaQuery","createContext","useContext","cn","Drawer","VaulDrawer","modalDefaultTransition","type","stiffness","damping","ModalContext","useModalContext","context","Error","modalOverlayVariants","modalContentVariants","Modal","breakpoint","children","props","isDesktop","contextValue","Root","Provider","value","ModalTrigger","Trigger","ModalPortal","Portal","ModalClose","Close","ModalOverlay","className","animated","transition","Overlay","asChild","div","initial","opacity","animate","exit","ModalContent","overlayClassName","Content","baseClasses","ModalHeader","title","showEscIndicator","showClose","size","kbd","variant","name","ModalBody","ModalFooter","ModalTitle","titleClassName","Title","ModalDescription","descClassName","Description"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/modal/modal.stories.tsx"],"sourcesContent":["import {argosScreenshot} from '@argos-ci/storybook/vitest';\nimport type {Meta, StoryObj} from '@storybook/react';\nimport {screen, within} from '@testing-library/react';\nimport userEvent from '@testing-library/user-event';\nimport {Button, ButtonLink} from 'components/button';\nimport {\n CodeBlock,\n CodeBlockBody,\n CodeBlockContent,\n CodeBlockCopyButton,\n CodeBlockFilename,\n CodeBlockFiles,\n CodeBlockFooter,\n CodeBlockHeader,\n CodeBlockItem,\n} from 'components/code-block';\nimport {Confetti, type ConfettiRef} from 'components/confetti';\nimport {DatePicker} from 'components/date-picker';\nimport {DynamicItem} from 'components/dynamic-item';\nimport {Icon} from 'components/icon';\nimport {Input} from 'components/input';\nimport {ItemTitle} from 'components/item';\nimport {Label} from 'components/label';\nimport {MovingBorder} from 'components/moving-border';\nimport {Text} from 'components/typography';\nimport {useEffect, useRef, useState} from 'react';\nimport {cn} from 'utils/cn';\nimport illustration2 from '../../assets/illustration-2.svg';\nimport illustrationBg from '../../assets/illustration-gradient.svg';\nimport {\n Modal,\n ModalBody,\n ModalContent,\n ModalFooter,\n ModalHeader,\n ModalTitle,\n ModalTrigger,\n} from './modal';\n\nconst OPEN_MODAL_REGEX = /open modal/i;\nconst IMPORT_JOBS_REGEX = /import past jobs from github/i;\nconst GITHUB_ACTIONS_REGEX = /run github actions on shipfox/i;\n\nconst DEFAULT_START_DATE = new Date('2025-12-06T00:00:00.000Z');\n\nconst meta = {\n title: 'Components/Modal',\n component: Modal,\n tags: ['autodocs'],\n parameters: {\n layout: 'centered',\n },\n} satisfies Meta<typeof Modal>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const Default: Story = {\n play: async (ctx) => {\n const {canvasElement, step} = ctx;\n const canvas = within(canvasElement);\n const user = userEvent.setup();\n\n await step('Open the modal', async () => {\n const triggerButton = canvas.getByRole('button', {name: OPEN_MODAL_REGEX});\n await user.click(triggerButton);\n });\n\n await step('Wait for dialog to appear and render', async () => {\n await screen.findByRole('dialog');\n await new Promise((resolve) => setTimeout(resolve, 100));\n });\n\n await argosScreenshot(ctx, 'Default Modal Open');\n },\n render: () => {\n const [open, setOpen] = useState(false);\n\n return (\n <div className=\"flex h-[calc(100vh/2)] w-[calc(100vw/2)] items-center justify-center rounded-16 bg-background-subtle-base shadow-tooltip\">\n <Modal open={open} onOpenChange={setOpen}>\n <ModalTrigger asChild>\n <Button>Open Modal</Button>\n </ModalTrigger>\n <ModalContent aria-describedby={undefined}>\n <ModalTitle className=\"sr-only\">Modal Title</ModalTitle>\n <ModalHeader>\n <Text\n size=\"lg\"\n className=\"flex-1 overflow-ellipsis overflow-hidden whitespace-nowrap\"\n >\n Modal Title\n </Text>\n </ModalHeader>\n <ModalBody>\n <Text size=\"sm\" className=\"text-foreground-neutral-subtle w-full\">\n This modal automatically adapts between dialog (desktop) and drawer (mobile) based\n on screen size. Try resizing your browser window!\n </Text>\n </ModalBody>\n <ModalFooter>\n <Button variant=\"transparent\" onClick={() => setOpen(false)}>\n Cancel\n </Button>\n <Button variant=\"primary\" onClick={() => setOpen(false)}>\n Confirm\n </Button>\n </ModalFooter>\n </ModalContent>\n </Modal>\n </div>\n );\n },\n};\n\nexport const ImportForm: Story = {\n play: async (ctx) => {\n const {canvasElement, step} = ctx;\n const canvas = within(canvasElement);\n const user = userEvent.setup();\n\n await step('Open the modal', async () => {\n const triggerButton = canvas.getByRole('button', {name: IMPORT_JOBS_REGEX});\n await user.click(triggerButton);\n });\n\n await step('Wait for dialog to appear and render', async () => {\n await screen.findByRole('dialog');\n await new Promise((resolve) => setTimeout(resolve, 100));\n });\n\n await argosScreenshot(ctx, 'Import Form Modal Open');\n },\n render: () => {\n const [open, setOpen] = useState(false);\n const [date, setDate] = useState<Date | undefined>(DEFAULT_START_DATE);\n\n return (\n <div className=\"flex h-[calc(100vh/2)] w-[calc(100vw/2)] items-center justify-center rounded-16 bg-background-subtle-base shadow-tooltip\">\n <Modal open={open} onOpenChange={setOpen}>\n <ModalTrigger asChild>\n <Button>Import past jobs from GitHub</Button>\n </ModalTrigger>\n <ModalContent aria-describedby={undefined} overlayClassName=\"bg-background-modal-overlay\">\n <ModalTitle className=\"sr-only\">Import past jobs from GitHub</ModalTitle>\n <ModalHeader title=\"Import past jobs from GitHub\" />\n <ModalBody className=\"gap-20\">\n <Text size=\"sm\" className=\"text-foreground-neutral-subtle w-full\">\n Backfill your CI history by importing past runs from your GitHub repo. We'll\n handle the rest by creating a background task to import the data for you.\n </Text>\n <div className=\"flex flex-col gap-20 w-full\">\n <div className=\"flex flex-col gap-8 w-full\">\n <Label>Repository owner</Label>\n <Input placeholder=\"apache\" />\n </div>\n <div className=\"flex flex-col gap-8 w-full\">\n <Label>Repository name</Label>\n <Input placeholder=\"kafka\" />\n </div>\n <div className=\"flex flex-col gap-8 w-full\">\n <Label htmlFor=\"start-date\">Start date</Label>\n <DatePicker\n id=\"start-date\"\n date={date}\n onDateSelect={setDate}\n onClear={() => setDate(undefined)}\n placeholder=\"DD/MM/YYYY\"\n />\n </div>\n </div>\n </ModalBody>\n <ModalFooter>\n <Button variant=\"transparent\" onClick={() => setOpen(false)}>\n Cancel\n </Button>\n <Button variant=\"primary\" onClick={() => setOpen(false)}>\n Import\n </Button>\n </ModalFooter>\n </ModalContent>\n </Modal>\n </div>\n );\n },\n};\n\nconst diffCode = `jobs:\n build:\n- runs-on: ubuntu-latest\n+ runs-on: shipfox-2vcpu-ubuntu-2404`;\n\nexport const GithubActions: Story = {\n parameters: {\n viewport: {\n defaultViewport: 'large',\n },\n },\n play: async (ctx) => {\n const {canvasElement, step} = ctx;\n const canvas = within(canvasElement);\n const user = userEvent.setup();\n\n await step('Open the modal', async () => {\n const triggerButton = canvas.getByRole('button', {name: GITHUB_ACTIONS_REGEX});\n await user.click(triggerButton);\n });\n\n await step('Wait for dialog to appear and render', async () => {\n await screen.findByRole('dialog');\n await new Promise((resolve) => setTimeout(resolve, 100));\n });\n\n await argosScreenshot(ctx, 'Github Actions Modal Open');\n },\n render: () => {\n const [open, setOpen] = useState(false);\n const [footerState, setFooterState] = useState<'running' | 'done'>('running');\n const confettiRef = useRef<ConfettiRef>(null);\n\n useEffect(() => {\n if (open && footerState === 'running') {\n const timer = setTimeout(() => {\n setFooterState('done');\n }, 3000);\n\n return () => {\n clearTimeout(timer);\n };\n }\n }, [open, footerState]);\n\n useEffect(() => {\n if (footerState === 'done' && open) {\n const timer = setTimeout(() => {\n if (confettiRef.current) {\n void confettiRef.current.fire();\n }\n }, 200);\n\n return () => {\n clearTimeout(timer);\n };\n }\n }, [footerState, open]);\n\n useEffect(() => {\n if (!open) {\n setFooterState('running');\n }\n }, [open]);\n\n return (\n <div className=\"flex h-[50vh] w-[calc(100vw/2)] items-center justify-center rounded-16 bg-background-subtle-base shadow-tooltip\">\n <Confetti\n ref={confettiRef}\n manualstart\n options={{\n particleCount: 200,\n spread: 100,\n colors: ['#ff6b6b', '#4ecdc4', '#ffe66d', '#95e1d3'],\n }}\n className=\"fixed inset-0 pointer-events-none z-100\"\n style={{width: '100%', height: '100%'}}\n />\n <Modal open={open} onOpenChange={setOpen}>\n <ModalTrigger asChild>\n <Button>Run GitHub Actions on Shipfox</Button>\n </ModalTrigger>\n <ModalContent aria-describedby={undefined} overlayClassName=\"bg-background-modal-overlay\">\n <ModalTitle className=\"sr-only\">Run GitHub Actions on Shipfox</ModalTitle>\n <ModalHeader title=\"Run GitHub Actions on Shipfox\" />\n <ModalBody className=\"gap-32\">\n <div className=\"flex flex-col gap-20 w-full\">\n <Text size=\"sm\" className=\"text-foreground-neutral-subtle w-full\">\n This will run your jobs on Shipfox's optimized infrastructure. Giving you\n faster builds, and dedicated resources.\n </Text>\n <div className=\"relative\">\n <img\n src={illustration2}\n alt=\"illustration-2\"\n className=\"hidden sm:block absolute overflow-clip right-2 top-1/2 -translate-y-1/2 translate-x-8 w-fit object-contain z-50\"\n />\n <div className={cn('relative overflow-hidden bg-transparent p-1 rounded-8')}>\n <div className=\"absolute inset-0\" style={{borderRadius: 'calc(0.5rem * 0.96)'}}>\n <MovingBorder duration={6000} rx=\"30%\" ry=\"30%\">\n <div className=\"h-100 w-200 bg-[radial-gradient(#ff9e7a_40%,transparent_60%)]\" />\n </MovingBorder>\n </div>\n <div\n className=\"relative\"\n style={{\n borderRadius: 'calc(0.5rem * 0.96)',\n }}\n >\n <DynamicItem\n variant=\"default\"\n title={\n <div className=\"flex items-center gap-6\">\n <span className=\"flex shrink-0 items-center justify-center text-tag-success-icon w-16 h-16\">\n <Icon\n name=\"money\"\n size=\"sm\"\n color=\"var(--foreground-neutral-subtle, #a1a1aa)\"\n />\n </span>\n <ItemTitle>6000 free credits/month to run your jobs</ItemTitle>\n </div>\n }\n description=\"~500 builds/month. No payment required.\"\n rightElement={\n <img\n src={illustrationBg}\n alt=\"illustration-bg\"\n className=\"hidden sm:block absolute overflow-clip right-4 w-fit object-contain scale-105\"\n />\n }\n />\n </div>\n </div>\n </div>\n </div>\n <div className=\"flex flex-col gap-20 w-full\">\n <div className=\"flex flex-col gap-6\">\n <div className=\"flex items-center justify-center w-full\">\n <Text className=\"flex-1 font-semibold text-foreground-neutral-base overflow-ellipsis overflow-hidden whitespace-nowrap\">\n Update your GitHub Actions workflow\n </Text>\n <ButtonLink variant=\"base\" size=\"sm\" href=\"#\" iconRight=\"bookOpen\">\n See docs\n </ButtonLink>\n </div>\n <Text size=\"sm\" className=\"text-foreground-neutral-subtle w-full\">\n Replace the runs-on line in your workflow file to use Shipfox runners.\n </Text>\n </div>\n\n <CodeBlock\n data={[\n {\n language: 'yaml',\n filename: '.github/workflows/<workflow-name>.yml',\n code: diffCode,\n },\n ]}\n defaultValue=\"yaml\"\n >\n <CodeBlockHeader>\n <CodeBlockFiles>\n {(item) => (\n <CodeBlockFilename value={item.language}>{item.filename}</CodeBlockFilename>\n )}\n </CodeBlockFiles>\n <CodeBlockCopyButton />\n </CodeBlockHeader>\n <CodeBlockBody>\n {(item) => (\n <CodeBlockItem value={item.language}>\n <CodeBlockContent language={item.language}>{item.code}</CodeBlockContent>\n </CodeBlockItem>\n )}\n </CodeBlockBody>\n <CodeBlockFooter\n state={footerState}\n message={\n footerState === 'running'\n ? 'Waiting for Shipfox runner event…'\n : 'Runners connected!'\n }\n description={\n footerState === 'running'\n ? 'This usually takes 30-60 seconds after you commit the workflow file.'\n : ''\n }\n />\n </CodeBlock>\n </div>\n </ModalBody>\n <ModalFooter>\n <Button variant=\"primary\" onClick={() => setOpen(false)}>\n Got it\n </Button>\n </ModalFooter>\n </ModalContent>\n </Modal>\n </div>\n );\n },\n};\n\nexport const OpenedModal: Story = {\n play: async (ctx) => {\n const {canvasElement, step} = ctx;\n const canvas = within(canvasElement);\n const user = userEvent.setup();\n\n await step('Open the modal', async () => {\n const triggerButton = canvas.getByRole('button', {name: OPEN_MODAL_REGEX});\n await user.click(triggerButton);\n });\n\n await step('Wait for dialog to appear and render', async () => {\n await screen.findByRole('dialog');\n await new Promise((resolve) => setTimeout(resolve, 100));\n });\n\n await argosScreenshot(ctx, 'Opened Modal State');\n },\n render: () => {\n const [open, setOpen] = useState(false);\n\n return (\n <div className=\"flex h-[calc(100vh/2)] w-[calc(100vw/2)] items-center justify-center rounded-16 bg-background-subtle-base shadow-tooltip\">\n <Modal open={open} onOpenChange={setOpen}>\n <ModalTrigger asChild>\n <Button>Open Modal</Button>\n </ModalTrigger>\n <ModalContent aria-describedby={undefined}>\n <ModalTitle className=\"sr-only\">Modal Title</ModalTitle>\n <ModalHeader>\n <Text\n size=\"lg\"\n className=\"flex-1 overflow-ellipsis overflow-hidden whitespace-nowrap\"\n >\n Modal Title\n </Text>\n </ModalHeader>\n <ModalBody>\n <Text size=\"sm\" className=\"text-foreground-neutral-subtle w-full\">\n This modal automatically adapts between dialog (desktop) and drawer (mobile) based\n on screen size. Try resizing your browser window!\n </Text>\n </ModalBody>\n <ModalFooter>\n <Button variant=\"transparent\" onClick={() => setOpen(false)}>\n Cancel\n </Button>\n <Button variant=\"primary\" onClick={() => setOpen(false)}>\n Confirm\n </Button>\n </ModalFooter>\n </ModalContent>\n </Modal>\n </div>\n );\n },\n};\n"],"names":["argosScreenshot","screen","within","userEvent","Button","ButtonLink","CodeBlock","CodeBlockBody","CodeBlockContent","CodeBlockCopyButton","CodeBlockFilename","CodeBlockFiles","CodeBlockFooter","CodeBlockHeader","CodeBlockItem","Confetti","DatePicker","DynamicItem","Icon","Input","ItemTitle","Label","MovingBorder","Text","useEffect","useRef","useState","cn","illustration2","illustrationBg","Modal","ModalBody","ModalContent","ModalFooter","ModalHeader","ModalTitle","ModalTrigger","OPEN_MODAL_REGEX","IMPORT_JOBS_REGEX","GITHUB_ACTIONS_REGEX","DEFAULT_START_DATE","Date","meta","title","component","tags","parameters","layout","Default","play","ctx","canvasElement","step","canvas","user","setup","triggerButton","getByRole","name","click","findByRole","Promise","resolve","setTimeout","render","open","setOpen","div","className","onOpenChange","asChild","aria-describedby","undefined","size","variant","onClick","ImportForm","date","setDate","overlayClassName","placeholder","htmlFor","id","onDateSelect","onClear","diffCode","GithubActions","viewport","defaultViewport","footerState","setFooterState","confettiRef","timer","clearTimeout","current","fire","ref","manualstart","options","particleCount","spread","colors","style","width","height","img","src","alt","borderRadius","duration","rx","ry","span","color","description","rightElement","href","iconRight","data","language","filename","code","defaultValue","item","value","state","message","OpenedModal"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/moving-border/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/moving-border/index.ts"],"sourcesContent":["export * from './moving-border';\n"],"names":[],"mappings":"AAAA,cAAc,kBAAkB"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"moving-border.d.ts","sourceRoot":"","sources":["../../../src/components/moving-border/moving-border.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,OAAO,CAAC;AAG1C,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAE1B,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,QAAe,EACf,EAAE,EACF,EAAE,EACF,GAAG,UAAU,EACd,EAAE,iBAAiB,2CA2CnB"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/moving-border/moving-border.tsx"],"sourcesContent":["import {\n motion,\n useAnimationFrame,\n useMotionTemplate,\n useMotionValue,\n useTransform,\n} from 'framer-motion';\nimport type {ComponentProps} from 'react';\nimport {useRef} from 'react';\n\nexport type MovingBorderProps = {\n children: React.ReactNode;\n duration?: number;\n rx?: string;\n ry?: string;\n} & ComponentProps<'svg'>;\n\nexport function MovingBorder({\n children,\n duration = 3000,\n rx,\n ry,\n ...otherProps\n}: MovingBorderProps) {\n const pathRef = useRef<SVGRectElement | null>(null);\n const progress = useMotionValue<number>(0);\n\n useAnimationFrame((time: number) => {\n const length = pathRef.current?.getTotalLength();\n if (length) {\n const pxPerMillisecond = length / duration;\n progress.set((time * pxPerMillisecond) % length);\n }\n });\n\n const x = useTransform(progress, (val: number) => pathRef.current?.getPointAtLength(val)?.x ?? 0);\n const y = useTransform(progress, (val: number) => pathRef.current?.getPointAtLength(val)?.y ?? 0);\n\n const transform = useMotionTemplate`translateX(${x}px) translateY(${y}px) translateX(-50%) translateY(-50%)`;\n\n return (\n <>\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n preserveAspectRatio=\"none\"\n className=\"absolute h-full w-full\"\n width=\"100%\"\n height=\"100%\"\n {...otherProps}\n >\n <title>Moving Border</title>\n <rect fill=\"none\" width=\"100%\" height=\"100%\" rx={rx} ry={ry} ref={pathRef} />\n </svg>\n <motion.div\n style={{\n position: 'absolute',\n top: 0,\n left: 0,\n display: 'inline-block',\n transform,\n }}\n >\n {children}\n </motion.div>\n </>\n );\n}\n"],"names":["motion","useAnimationFrame","useMotionTemplate","useMotionValue","useTransform","useRef","MovingBorder","children","duration","rx","ry","otherProps","pathRef","progress","time","length","current","getTotalLength","pxPerMillisecond","set","x","val","getPointAtLength","y","transform","svg","xmlns","preserveAspectRatio","className","width","height","title","rect","fill","ref","div","style","position","top","left","display"],"mappings":";AAAA,SACEA,MAAM,EACNC,iBAAiB,EACjBC,iBAAiB,EACjBC,cAAc,EACdC,YAAY,QACP,gBAAgB;AAEvB,SAAQC,MAAM,QAAO,QAAQ;AAS7B,OAAO,SAASC,aAAa,EAC3BC,QAAQ,EACRC,WAAW,IAAI,EACfC,EAAE,EACFC,EAAE,EACF,GAAGC,YACe;IAClB,MAAMC,UAAUP,OAA8B;IAC9C,MAAMQ,WAAWV,eAAuB;IAExCF,kBAAkB,CAACa;QACjB,MAAMC,SAASH,QAAQI,OAAO,EAAEC;QAChC,IAAIF,QAAQ;YACV,MAAMG,mBAAmBH,SAASP;YAClCK,SAASM,GAAG,CAAC,AAACL,OAAOI,mBAAoBH;QAC3C;IACF;IAEA,MAAMK,IAAIhB,aAAaS,UAAU,CAACQ,MAAgBT,QAAQI,OAAO,EAAEM,iBAAiBD,MAAMD,KAAK;IAC/F,MAAMG,IAAInB,aAAaS,UAAU,CAACQ,MAAgBT,QAAQI,OAAO,EAAEM,iBAAiBD,MAAME,KAAK;IAE/F,MAAMC,YAAYtB,iBAAiB,CAAC,WAAW,EAAEkB,EAAE,eAAe,EAAEG,EAAE,qCAAqC,CAAC;IAE5G,qBACE;;0BACE,MAACE;gBACCC,OAAM;gBACNC,qBAAoB;gBACpBC,WAAU;gBACVC,OAAM;gBACNC,QAAO;gBACN,GAAGnB,UAAU;;kCAEd,KAACoB;kCAAM;;kCACP,KAACC;wBAAKC,MAAK;wBAAOJ,OAAM;wBAAOC,QAAO;wBAAOrB,IAAIA;wBAAIC,IAAIA;wBAAIwB,KAAKtB;;;;0BAEpE,KAACZ,OAAOmC,GAAG;gBACTC,OAAO;oBACLC,UAAU;oBACVC,KAAK;oBACLC,MAAM;oBACNC,SAAS;oBACThB;gBACF;0BAECjB;;;;AAIT"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/popover/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/popover/index.ts"],"sourcesContent":["export * from './popover';\n"],"names":[],"mappings":"AAAA,cAAc,YAAY"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/components/popover/popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,OAAO,CAAC;AAG1C,iBAAS,OAAO,CAAC,EAAC,GAAG,KAAK,EAAC,EAAE,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,2CAExE;AAED,iBAAS,cAAc,CAAC,EAAC,GAAG,KAAK,EAAC,EAAE,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,2CAElF;AAED,iBAAS,aAAa,CAAC,EAAC,GAAG,KAAK,EAAC,EAAE,cAAc,CAAC,OAAO,gBAAgB,CAAC,MAAM,CAAC,2CAEhF;AAMD,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,KAAgB,EAChB,UAAc,EACd,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,2CAmBjD;AAED,iBAAS,YAAY,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,cAAc,CAAC,OAAO,gBAAgB,CAAC,KAAK,CAAC,2CAOzF;AAED,iBAAS,YAAY,CAAC,EAAC,GAAG,KAAK,EAAC,EAAE,cAAc,CAAC,OAAO,gBAAgB,CAAC,KAAK,CAAC,2CAE9E;AAED,OAAO,EAAC,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,cAAc,EAAE,YAAY,EAAE,YAAY,EAAC,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/popover/popover.tsx"],"sourcesContent":["import * as PopoverPrimitive from '@radix-ui/react-popover';\nimport type {ComponentProps} from 'react';\nimport {cn} from 'utils/cn';\n\nfunction Popover({...props}: ComponentProps<typeof PopoverPrimitive.Root>) {\n return <PopoverPrimitive.Root {...props} />;\n}\n\nfunction PopoverTrigger({...props}: ComponentProps<typeof PopoverPrimitive.Trigger>) {\n return <PopoverPrimitive.Trigger {...props} />;\n}\n\nfunction PopoverAnchor({...props}: ComponentProps<typeof PopoverPrimitive.Anchor>) {\n return <PopoverPrimitive.Anchor {...props} />;\n}\n\nfunction PopoverPortal({...props}: ComponentProps<typeof PopoverPrimitive.Portal>) {\n return <PopoverPrimitive.Portal {...props} />;\n}\n\nfunction PopoverContent({\n className,\n align = 'center',\n sideOffset = 4,\n ...props\n}: ComponentProps<typeof PopoverPrimitive.Content>) {\n return (\n <PopoverPortal>\n <PopoverPrimitive.Content\n align={align}\n sideOffset={sideOffset}\n className={cn(\n 'z-50 rounded-10 bg-background-neutral-overlay shadow-tooltip outline-none',\n 'data-[state=open]:animate-in data-[state=closed]:animate-out',\n 'data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',\n 'data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95',\n 'data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2',\n 'data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',\n className,\n )}\n {...props}\n />\n </PopoverPortal>\n );\n}\n\nfunction PopoverArrow({className, ...props}: ComponentProps<typeof PopoverPrimitive.Arrow>) {\n return (\n <PopoverPrimitive.Arrow\n className={cn('fill-background-neutral-overlay', className)}\n {...props}\n />\n );\n}\n\nfunction PopoverClose({...props}: ComponentProps<typeof PopoverPrimitive.Close>) {\n return <PopoverPrimitive.Close {...props} />;\n}\n\nexport {Popover, PopoverTrigger, PopoverAnchor, PopoverContent, PopoverArrow, PopoverClose};\n"],"names":["PopoverPrimitive","cn","Popover","props","Root","PopoverTrigger","Trigger","PopoverAnchor","Anchor","PopoverPortal","Portal","PopoverContent","className","align","sideOffset","Content","PopoverArrow","Arrow","PopoverClose","Close"],"mappings":";AAAA,YAAYA,sBAAsB,0BAA0B;AAE5D,SAAQC,EAAE,QAAO,WAAW;AAE5B,SAASC,QAAQ,EAAC,GAAGC,OAAoD;IACvE,qBAAO,KAACH,iBAAiBI,IAAI;QAAE,GAAGD,KAAK;;AACzC;AAEA,SAASE,eAAe,EAAC,GAAGF,OAAuD;IACjF,qBAAO,KAACH,iBAAiBM,OAAO;QAAE,GAAGH,KAAK;;AAC5C;AAEA,SAASI,cAAc,EAAC,GAAGJ,OAAsD;IAC/E,qBAAO,KAACH,iBAAiBQ,MAAM;QAAE,GAAGL,KAAK;;AAC3C;AAEA,SAASM,cAAc,EAAC,GAAGN,OAAsD;IAC/E,qBAAO,KAACH,iBAAiBU,MAAM;QAAE,GAAGP,KAAK;;AAC3C;AAEA,SAASQ,eAAe,EACtBC,SAAS,EACTC,QAAQ,QAAQ,EAChBC,aAAa,CAAC,EACd,GAAGX,OAC6C;IAChD,qBACE,KAACM;kBACC,cAAA,KAACT,iBAAiBe,OAAO;YACvBF,OAAOA;YACPC,YAAYA;YACZF,WAAWX,GACT,6EACA,gEACA,8DACA,gEACA,iFACA,iFACAW;YAED,GAAGT,KAAK;;;AAIjB;AAEA,SAASa,aAAa,EAACJ,SAAS,EAAE,GAAGT,OAAqD;IACxF,qBACE,KAACH,iBAAiBiB,KAAK;QACrBL,WAAWX,GAAG,mCAAmCW;QAChD,GAAGT,KAAK;;AAGf;AAEA,SAASe,aAAa,EAAC,GAAGf,OAAqD;IAC7E,qBAAO,KAACH,iBAAiBmB,KAAK;QAAE,GAAGhB,KAAK;;AAC1C;AAEA,SAAQD,OAAO,EAAEG,cAAc,EAAEE,aAAa,EAAEI,cAAc,EAAEK,YAAY,EAAEE,YAAY,GAAE"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/search/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,MAAM,EAAE,KAAK,WAAW,EAAC,MAAM,UAAU,CAAC;AAClD,OAAO,EAAC,gBAAgB,EAAC,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAC,YAAY,EAAE,KAAK,iBAAiB,EAAC,MAAM,iBAAiB,CAAC;AACrE,OAAO,EACL,aAAa,EACb,KAAK,kBAAkB,EACvB,WAAW,EACX,KAAK,gBAAgB,EACrB,YAAY,EACZ,KAAK,iBAAiB,EACtB,WAAW,EACX,KAAK,gBAAgB,EACrB,WAAW,EACX,KAAK,gBAAgB,EACrB,UAAU,EACV,KAAK,eAAe,EACpB,UAAU,EACV,KAAK,eAAe,EACpB,eAAe,EACf,KAAK,oBAAoB,GAC1B,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAC,aAAa,EAAE,KAAK,kBAAkB,EAAC,MAAM,kBAAkB,CAAC;AAExE,OAAO,EACL,uBAAuB,EACvB,mBAAmB,EACnB,qBAAqB,GACtB,MAAM,mBAAmB,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/search/index.ts"],"sourcesContent":["export {Search, type SearchProps} from './search';\nexport {useSearchContext} from './search-context';\nexport {SearchInline, type SearchInlineProps} from './search-inline';\nexport {\n SearchContent,\n type SearchContentProps,\n SearchEmpty,\n type SearchEmptyProps,\n SearchFooter,\n type SearchFooterProps,\n SearchGroup,\n type SearchGroupProps,\n SearchInput,\n type SearchInputProps,\n SearchItem,\n type SearchItemProps,\n SearchList,\n type SearchListProps,\n SearchSeparator,\n type SearchSeparatorProps,\n} from './search-modal';\nexport {SearchTrigger, type SearchTriggerProps} from './search-trigger';\n\nexport {\n searchDefaultTransition,\n searchInputVariants,\n searchTriggerVariants,\n} from './search-variants';\n"],"names":["Search","useSearchContext","SearchInline","SearchContent","SearchEmpty","SearchFooter","SearchGroup","SearchInput","SearchItem","SearchList","SearchSeparator","SearchTrigger","searchDefaultTransition","searchInputVariants","searchTriggerVariants"],"mappings":"AAAA,SAAQA,MAAM,QAAyB,WAAW;AAClD,SAAQC,gBAAgB,QAAO,mBAAmB;AAClD,SAAQC,YAAY,QAA+B,kBAAkB;AACrE,SACEC,aAAa,EAEbC,WAAW,EAEXC,YAAY,EAEZC,WAAW,EAEXC,WAAW,EAEXC,UAAU,EAEVC,UAAU,EAEVC,eAAe,QAEV,iBAAiB;AACxB,SAAQC,aAAa,QAAgC,mBAAmB;AAExE,SACEC,uBAAuB,EACvBC,mBAAmB,EACnBC,qBAAqB,QAChB,oBAAoB"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"search-context.d.ts","sourceRoot":"","sources":["../../../src/components/search/search-context.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC,CAAC;AAEF,eAAO,MAAM,aAAa,oDAAiD,CAAC;AAE5E,wBAAgB,gBAAgB,uBAM/B;AAED,wBAAgB,oBAAoB,CAAC,CAAC,EACpC,eAAe,EAAE,CAAC,GAAG,SAAS,EAC9B,YAAY,EAAE,CAAC,EACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,GAC5B,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC,CAgBzB;AAED,wBAAgB,mBAAmB,CAAC,WAAW,EAAE,MAAM,GAAG,SAAS,EAAE,SAAS,EAAE,MAAM,IAAI,QAmCzF"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/search/search-context.tsx"],"sourcesContent":["import {createContext, useCallback, useContext, useEffect, useState} from 'react';\nimport {SHORTCUT_KEY_REGEX} from './search-variants';\n\nexport type SearchContextValue = {\n open: boolean;\n setOpen: (open: boolean) => void;\n searchValue: string;\n setSearchValue: (value: string) => void;\n};\n\nexport const SearchContext = createContext<SearchContextValue | null>(null);\n\nexport function useSearchContext() {\n const context = useContext(SearchContext);\n if (!context) {\n throw new Error('Search components must be used within a Search component');\n }\n return context;\n}\n\nexport function useControllableState<T>(\n controlledValue: T | undefined,\n defaultValue: T,\n onChange?: (value: T) => void,\n): [T, (value: T) => void] {\n const [internalValue, setInternalValue] = useState(defaultValue);\n const isControlled = controlledValue !== undefined;\n const value = isControlled ? controlledValue : internalValue;\n\n const setValue = useCallback(\n (newValue: T) => {\n if (!isControlled) {\n setInternalValue(newValue);\n }\n onChange?.(newValue);\n },\n [isControlled, onChange],\n );\n\n return [value, setValue];\n}\n\nexport function useKeyboardShortcut(shortcutKey: string | undefined, onTrigger: () => void) {\n useEffect(() => {\n if (!shortcutKey) return;\n\n const handleKeyDown = (e: KeyboardEvent) => {\n const key = shortcutKey.toLowerCase();\n const isMetaKey = key.startsWith('meta+') || key.startsWith('cmd+') || key.startsWith('⌘');\n const isCtrlKey = key.startsWith('ctrl+');\n const targetKey = key.replace(SHORTCUT_KEY_REGEX, '');\n\n const shouldTrigger =\n (isMetaKey && e.metaKey && e.key.toLowerCase() === targetKey) ||\n (isCtrlKey && e.ctrlKey && e.key.toLowerCase() === targetKey) ||\n (!isMetaKey && !isCtrlKey && e.key.toLowerCase() === targetKey && !e.metaKey && !e.ctrlKey);\n\n if (!shouldTrigger) return;\n\n if (!isMetaKey && !isCtrlKey) {\n const target = e.target as HTMLElement;\n if (\n target.tagName === 'INPUT' ||\n target.tagName === 'TEXTAREA' ||\n target.isContentEditable\n ) {\n return;\n }\n }\n\n e.preventDefault();\n onTrigger();\n };\n\n document.addEventListener('keydown', handleKeyDown);\n return () => document.removeEventListener('keydown', handleKeyDown);\n }, [shortcutKey, onTrigger]);\n}\n"],"names":["createContext","useCallback","useContext","useEffect","useState","SHORTCUT_KEY_REGEX","SearchContext","useSearchContext","context","Error","useControllableState","controlledValue","defaultValue","onChange","internalValue","setInternalValue","isControlled","undefined","value","setValue","newValue","useKeyboardShortcut","shortcutKey","onTrigger","handleKeyDown","e","key","toLowerCase","isMetaKey","startsWith","isCtrlKey","targetKey","replace","shouldTrigger","metaKey","ctrlKey","target","tagName","isContentEditable","preventDefault","document","addEventListener","removeEventListener"],"mappings":"AAAA,SAAQA,aAAa,EAAEC,WAAW,EAAEC,UAAU,EAAEC,SAAS,EAAEC,QAAQ,QAAO,QAAQ;AAClF,SAAQC,kBAAkB,QAAO,oBAAoB;AASrD,OAAO,MAAMC,8BAAgBN,cAAyC,MAAM;AAE5E,OAAO,SAASO;IACd,MAAMC,UAAUN,WAAWI;IAC3B,IAAI,CAACE,SAAS;QACZ,MAAM,IAAIC,MAAM;IAClB;IACA,OAAOD;AACT;AAEA,OAAO,SAASE,qBACdC,eAA8B,EAC9BC,YAAe,EACfC,QAA6B;IAE7B,MAAM,CAACC,eAAeC,iBAAiB,GAAGX,SAASQ;IACnD,MAAMI,eAAeL,oBAAoBM;IACzC,MAAMC,QAAQF,eAAeL,kBAAkBG;IAE/C,MAAMK,WAAWlB,YACf,CAACmB;QACC,IAAI,CAACJ,cAAc;YACjBD,iBAAiBK;QACnB;QACAP,WAAWO;IACb,GACA;QAACJ;QAAcH;KAAS;IAG1B,OAAO;QAACK;QAAOC;KAAS;AAC1B;AAEA,OAAO,SAASE,oBAAoBC,WAA+B,EAAEC,SAAqB;IACxFpB,UAAU;QACR,IAAI,CAACmB,aAAa;QAElB,MAAME,gBAAgB,CAACC;YACrB,MAAMC,MAAMJ,YAAYK,WAAW;YACnC,MAAMC,YAAYF,IAAIG,UAAU,CAAC,YAAYH,IAAIG,UAAU,CAAC,WAAWH,IAAIG,UAAU,CAAC;YACtF,MAAMC,YAAYJ,IAAIG,UAAU,CAAC;YACjC,MAAME,YAAYL,IAAIM,OAAO,CAAC3B,oBAAoB;YAElD,MAAM4B,gBACJ,AAACL,aAAaH,EAAES,OAAO,IAAIT,EAAEC,GAAG,CAACC,WAAW,OAAOI,aAClDD,aAAaL,EAAEU,OAAO,IAAIV,EAAEC,GAAG,CAACC,WAAW,OAAOI,aAClD,CAACH,aAAa,CAACE,aAAaL,EAAEC,GAAG,CAACC,WAAW,OAAOI,aAAa,CAACN,EAAES,OAAO,IAAI,CAACT,EAAEU,OAAO;YAE5F,IAAI,CAACF,eAAe;YAEpB,IAAI,CAACL,aAAa,CAACE,WAAW;gBAC5B,MAAMM,SAASX,EAAEW,MAAM;gBACvB,IACEA,OAAOC,OAAO,KAAK,WACnBD,OAAOC,OAAO,KAAK,cACnBD,OAAOE,iBAAiB,EACxB;oBACA;gBACF;YACF;YAEAb,EAAEc,cAAc;YAChBhB;QACF;QAEAiB,SAASC,gBAAgB,CAAC,WAAWjB;QACrC,OAAO,IAAMgB,SAASE,mBAAmB,CAAC,WAAWlB;IACvD,GAAG;QAACF;QAAaC;KAAU;AAC7B"}
|