@nextui-org/react 1.0.0-beta.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/README.md +98 -0
- package/avatar/package.json +6 -0
- package/backdrop/package.json +6 -0
- package/button/package.json +6 -0
- package/card/package.json +6 -0
- package/checkbox/package.json +6 -0
- package/cjs/avatar/avatar-group.js +1 -0
- package/cjs/avatar/avatar-group.styles.js +1 -0
- package/cjs/avatar/avatar.js +1 -0
- package/cjs/avatar/avatar.styles.js +1 -0
- package/cjs/avatar/index.js +1 -0
- package/cjs/backdrop/backdrop.js +1 -0
- package/cjs/backdrop/backdrop.styles.js +1 -0
- package/cjs/backdrop/index.js +1 -0
- package/cjs/button/button-group-context.js +1 -0
- package/cjs/button/button-group.js +1 -0
- package/cjs/button/button-group.styles.js +1 -0
- package/cjs/button/button-icon.js +1 -0
- package/cjs/button/button.js +1 -0
- package/cjs/button/button.styles.js +1 -0
- package/cjs/button/index.js +1 -0
- package/cjs/button/utils.js +1 -0
- package/cjs/card/card.js +1 -0
- package/cjs/card/card.styles.js +1 -0
- package/cjs/card/index.js +1 -0
- package/cjs/checkbox/checkbox-context.js +1 -0
- package/cjs/checkbox/checkbox-group.js +1 -0
- package/cjs/checkbox/checkbox.js +1 -0
- package/cjs/checkbox/checkbox.styles.js +1 -0
- package/cjs/checkbox/index.js +1 -0
- package/cjs/checkbox/utils.js +1 -0
- package/cjs/code/code.js +1 -0
- package/cjs/code/code.styles.js +1 -0
- package/cjs/code/index.js +1 -0
- package/cjs/col/col.js +1 -0
- package/cjs/col/col.styles.js +1 -0
- package/cjs/col/index.js +1 -0
- package/cjs/collapse/collapse-context.js +1 -0
- package/cjs/collapse/collapse-group.js +1 -0
- package/cjs/collapse/collapse-icon.js +1 -0
- package/cjs/collapse/collapse.js +1 -0
- package/cjs/collapse/collapse.styles.js +1 -0
- package/cjs/collapse/index.js +1 -0
- package/cjs/container/container.js +1 -0
- package/cjs/container/container.styles.js +1 -0
- package/cjs/container/index.js +1 -0
- package/cjs/css-baseline/css-baseline.js +1 -0
- package/cjs/css-baseline/index.js +1 -0
- package/cjs/divider/divider.js +1 -0
- package/cjs/divider/divider.styles.js +1 -0
- package/cjs/divider/index.js +1 -0
- package/cjs/grid/grid-container.js +1 -0
- package/cjs/grid/grid-item.js +1 -0
- package/cjs/grid/grid.js +1 -0
- package/cjs/grid/grid.styles.js +1 -0
- package/cjs/grid/index.js +1 -0
- package/cjs/image/image.js +1 -0
- package/cjs/image/image.skeleton.js +1 -0
- package/cjs/image/image.styles.js +1 -0
- package/cjs/image/index.js +1 -0
- package/cjs/index.js +1 -0
- package/cjs/input/index.js +1 -0
- package/cjs/input/input-password.js +1 -0
- package/cjs/input/input-props.js +1 -0
- package/cjs/input/input.js +1 -0
- package/cjs/input/input.styles.js +1 -0
- package/cjs/input/password-icon.js +1 -0
- package/cjs/link/icon.js +1 -0
- package/cjs/link/index.js +1 -0
- package/cjs/link/link.js +1 -0
- package/cjs/link/link.styles.js +1 -0
- package/cjs/loading/index.js +1 -0
- package/cjs/loading/loading.js +1 -0
- package/cjs/loading/loading.styles.js +1 -0
- package/cjs/loading/spinner.js +1 -0
- package/cjs/modal/index.js +1 -0
- package/cjs/modal/modal-body.js +1 -0
- package/cjs/modal/modal-close-button.js +1 -0
- package/cjs/modal/modal-context.js +1 -0
- package/cjs/modal/modal-footer.js +1 -0
- package/cjs/modal/modal-header.js +1 -0
- package/cjs/modal/modal-wrapper.js +1 -0
- package/cjs/modal/modal.js +1 -0
- package/cjs/modal/modal.styles.js +1 -0
- package/cjs/modal/use-modal.js +1 -0
- package/cjs/pagination/index.js +1 -0
- package/cjs/pagination/pagination-ellipsis.js +1 -0
- package/cjs/pagination/pagination-highlight.js +1 -0
- package/cjs/pagination/pagination-icon.js +1 -0
- package/cjs/pagination/pagination-item.js +1 -0
- package/cjs/pagination/pagination.js +1 -0
- package/cjs/pagination/pagination.styles.js +1 -0
- package/cjs/popover/index.js +1 -0
- package/cjs/popover/popover-content.js +1 -0
- package/cjs/popover/popover-context.js +1 -0
- package/cjs/popover/popover-trigger.js +1 -0
- package/cjs/popover/popover.js +1 -0
- package/cjs/popover/popover.styles.js +1 -0
- package/cjs/popover/use-popover.js +1 -0
- package/cjs/popover/utils.js +1 -0
- package/cjs/progress/index.js +1 -0
- package/cjs/progress/progress.js +1 -0
- package/cjs/progress/progress.styles.js +1 -0
- package/cjs/radio/index.js +1 -0
- package/cjs/radio/radio-context.js +1 -0
- package/cjs/radio/radio-group.js +1 -0
- package/cjs/radio/radio.js +1 -0
- package/cjs/radio/radio.styles.js +1 -0
- package/cjs/row/index.js +1 -0
- package/cjs/row/row.js +1 -0
- package/cjs/row/row.styles.js +1 -0
- package/cjs/snippet/index.js +1 -0
- package/cjs/snippet/snippet-icon.js +1 -0
- package/cjs/snippet/snippet.js +1 -0
- package/cjs/snippet/snippet.styles.js +1 -0
- package/cjs/spacer/index.js +1 -0
- package/cjs/spacer/spacer.js +1 -0
- package/cjs/spacer/spacer.styles.js +1 -0
- package/cjs/switch/index.js +1 -0
- package/cjs/switch/switch.js +1 -0
- package/cjs/switch/switch.styles.js +1 -0
- package/cjs/table/base/index.js +1 -0
- package/cjs/table/base/table-body.js +1 -0
- package/cjs/table/base/table-cell.js +1 -0
- package/cjs/table/base/table-column.js +1 -0
- package/cjs/table/base/table-header.js +1 -0
- package/cjs/table/base/table-row.js +1 -0
- package/cjs/table/index.js +1 -0
- package/cjs/table/table-body.js +1 -0
- package/cjs/table/table-cell.js +1 -0
- package/cjs/table/table-checkbox-cell.js +1 -0
- package/cjs/table/table-column-header.js +1 -0
- package/cjs/table/table-context.js +1 -0
- package/cjs/table/table-footer.js +1 -0
- package/cjs/table/table-header-row.js +1 -0
- package/cjs/table/table-pagination.js +1 -0
- package/cjs/table/table-row-group.js +1 -0
- package/cjs/table/table-row.js +1 -0
- package/cjs/table/table-select-all-checkbox.js +1 -0
- package/cjs/table/table-sort-icon.js +1 -0
- package/cjs/table/table.js +1 -0
- package/cjs/table/table.styles.js +1 -0
- package/cjs/table/utils.js +1 -0
- package/cjs/text/child.js +1 -0
- package/cjs/text/index.js +1 -0
- package/cjs/text/text.js +1 -0
- package/cjs/text/text.styles.js +1 -0
- package/cjs/textarea/index.js +1 -0
- package/cjs/textarea/textarea.js +1 -0
- package/cjs/textarea/utils.js +1 -0
- package/cjs/theme/common.js +1 -0
- package/cjs/theme/dark-theme.js +1 -0
- package/cjs/theme/index.js +1 -0
- package/cjs/theme/light-theme.js +1 -0
- package/cjs/theme/stitches.config.js +1 -0
- package/cjs/theme/theme-context.js +1 -0
- package/cjs/theme/theme-provider.js +1 -0
- package/cjs/theme/types.js +1 -0
- package/cjs/theme/utils.js +1 -0
- package/cjs/tooltip/index.js +1 -0
- package/cjs/tooltip/placement.js +1 -0
- package/cjs/tooltip/tooltip-content.js +1 -0
- package/cjs/tooltip/tooltip.js +1 -0
- package/cjs/tooltip/tooltip.styles.js +1 -0
- package/cjs/use-body-scroll/index.js +1 -0
- package/cjs/use-body-scroll/use-body-scroll.js +1 -0
- package/cjs/use-click-anywhere/index.js +1 -0
- package/cjs/use-click-anywhere/use-click-anywhere.js +1 -0
- package/cjs/use-click-away/index.js +1 -0
- package/cjs/use-click-away/use-click-away.js +1 -0
- package/cjs/use-clipboard/index.js +1 -0
- package/cjs/use-clipboard/use-clipboard.js +1 -0
- package/cjs/use-current-state/index.js +1 -0
- package/cjs/use-current-state/use-current-state.js +1 -0
- package/cjs/use-drip/index.js +1 -0
- package/cjs/use-drip/use-drip.js +1 -0
- package/cjs/use-input/index.js +1 -0
- package/cjs/use-input/use-input.js +1 -0
- package/cjs/use-keyboard/codes.js +1 -0
- package/cjs/use-keyboard/helper.js +1 -0
- package/cjs/use-keyboard/index.js +1 -0
- package/cjs/use-keyboard/use-keyboard.js +1 -0
- package/cjs/use-pagination/index.js +1 -0
- package/cjs/use-portal/index.js +1 -0
- package/cjs/use-portal/use-portal.js +1 -0
- package/cjs/use-real-shape/index.js +1 -0
- package/cjs/use-real-shape/use-real-shape.js +1 -0
- package/cjs/use-resize/index.js +1 -0
- package/cjs/use-resize/use-resize.js +1 -0
- package/cjs/use-ssr/index.js +1 -0
- package/cjs/use-ssr/use-ssr.js +1 -0
- package/cjs/use-theme/index.js +1 -0
- package/cjs/use-theme/use-theme.js +1 -0
- package/cjs/use-warning/index.js +1 -0
- package/cjs/use-warning/use-warning.js +1 -0
- package/cjs/user/index.js +1 -0
- package/cjs/user/user-link.js +1 -0
- package/cjs/user/user.js +1 -0
- package/cjs/user/user.styles.js +1 -0
- package/cjs/utils/animations.js +1 -0
- package/cjs/utils/assertion.js +1 -0
- package/cjs/utils/clear-icon.js +1 -0
- package/cjs/utils/clsx.js +1 -0
- package/cjs/utils/collections.js +1 -0
- package/cjs/utils/color.js +1 -0
- package/cjs/utils/context.js +1 -0
- package/cjs/utils/css-transition.js +1 -0
- package/cjs/utils/deep-merge.js +1 -0
- package/cjs/utils/dimensions.js +1 -0
- package/cjs/utils/dom.js +1 -0
- package/cjs/utils/drip.js +1 -0
- package/cjs/utils/expand.js +1 -0
- package/cjs/utils/icons.js +1 -0
- package/cjs/utils/numbers.js +1 -0
- package/cjs/utils/object.js +1 -0
- package/cjs/utils/prop-types.js +1 -0
- package/cjs/utils/react.js +1 -0
- package/cjs/utils/refs.js +1 -0
- package/cjs/utils/strings.js +1 -0
- package/cjs/utils/types.d.js +1 -0
- package/cjs/utils/with-defaults.js +1 -0
- package/code/package.json +6 -0
- package/col/package.json +6 -0
- package/collapse/package.json +6 -0
- package/container/package.json +6 -0
- package/css-baseline/package.json +6 -0
- package/divider/package.json +6 -0
- package/esm/avatar/avatar-group.js +1 -0
- package/esm/avatar/avatar-group.styles.js +1 -0
- package/esm/avatar/avatar.js +1 -0
- package/esm/avatar/avatar.styles.js +1 -0
- package/esm/avatar/index.js +1 -0
- package/esm/backdrop/backdrop.js +1 -0
- package/esm/backdrop/backdrop.styles.js +1 -0
- package/esm/backdrop/index.js +1 -0
- package/esm/button/button-group-context.js +1 -0
- package/esm/button/button-group.js +1 -0
- package/esm/button/button-group.styles.js +1 -0
- package/esm/button/button-icon.js +1 -0
- package/esm/button/button.js +1 -0
- package/esm/button/button.styles.js +1 -0
- package/esm/button/index.js +1 -0
- package/esm/button/utils.js +1 -0
- package/esm/card/card.js +1 -0
- package/esm/card/card.styles.js +1 -0
- package/esm/card/index.js +1 -0
- package/esm/checkbox/checkbox-context.js +1 -0
- package/esm/checkbox/checkbox-group.js +1 -0
- package/esm/checkbox/checkbox.js +1 -0
- package/esm/checkbox/checkbox.styles.js +1 -0
- package/esm/checkbox/index.js +1 -0
- package/esm/checkbox/utils.js +1 -0
- package/esm/code/code.js +1 -0
- package/esm/code/code.styles.js +1 -0
- package/esm/code/index.js +1 -0
- package/esm/col/col.js +1 -0
- package/esm/col/col.styles.js +1 -0
- package/esm/col/index.js +1 -0
- package/esm/collapse/collapse-context.js +1 -0
- package/esm/collapse/collapse-group.js +1 -0
- package/esm/collapse/collapse-icon.js +1 -0
- package/esm/collapse/collapse.js +1 -0
- package/esm/collapse/collapse.styles.js +1 -0
- package/esm/collapse/index.js +1 -0
- package/esm/container/container.js +1 -0
- package/esm/container/container.styles.js +1 -0
- package/esm/container/index.js +1 -0
- package/esm/css-baseline/css-baseline.js +1 -0
- package/esm/css-baseline/index.js +1 -0
- package/esm/divider/divider.js +1 -0
- package/esm/divider/divider.styles.js +1 -0
- package/esm/divider/index.js +1 -0
- package/esm/grid/grid-container.js +1 -0
- package/esm/grid/grid-item.js +1 -0
- package/esm/grid/grid.js +1 -0
- package/esm/grid/grid.styles.js +1 -0
- package/esm/grid/index.js +1 -0
- package/esm/image/image.js +1 -0
- package/esm/image/image.skeleton.js +1 -0
- package/esm/image/image.styles.js +1 -0
- package/esm/image/index.js +1 -0
- package/esm/index.js +1 -0
- package/esm/input/index.js +1 -0
- package/esm/input/input-password.js +1 -0
- package/esm/input/input-props.js +1 -0
- package/esm/input/input.js +1 -0
- package/esm/input/input.styles.js +1 -0
- package/esm/input/password-icon.js +1 -0
- package/esm/link/icon.js +1 -0
- package/esm/link/index.js +1 -0
- package/esm/link/link.js +1 -0
- package/esm/link/link.styles.js +1 -0
- package/esm/loading/index.js +1 -0
- package/esm/loading/loading.js +1 -0
- package/esm/loading/loading.styles.js +1 -0
- package/esm/loading/spinner.js +1 -0
- package/esm/modal/index.js +1 -0
- package/esm/modal/modal-body.js +1 -0
- package/esm/modal/modal-close-button.js +1 -0
- package/esm/modal/modal-context.js +1 -0
- package/esm/modal/modal-footer.js +1 -0
- package/esm/modal/modal-header.js +1 -0
- package/esm/modal/modal-wrapper.js +1 -0
- package/esm/modal/modal.js +1 -0
- package/esm/modal/modal.styles.js +1 -0
- package/esm/modal/use-modal.js +1 -0
- package/esm/pagination/index.js +1 -0
- package/esm/pagination/pagination-ellipsis.js +1 -0
- package/esm/pagination/pagination-highlight.js +1 -0
- package/esm/pagination/pagination-icon.js +1 -0
- package/esm/pagination/pagination-item.js +1 -0
- package/esm/pagination/pagination.js +1 -0
- package/esm/pagination/pagination.styles.js +1 -0
- package/esm/popover/index.js +1 -0
- package/esm/popover/popover-content.js +1 -0
- package/esm/popover/popover-context.js +1 -0
- package/esm/popover/popover-trigger.js +1 -0
- package/esm/popover/popover.js +1 -0
- package/esm/popover/popover.styles.js +1 -0
- package/esm/popover/use-popover.js +1 -0
- package/esm/popover/utils.js +1 -0
- package/esm/progress/index.js +1 -0
- package/esm/progress/progress.js +1 -0
- package/esm/progress/progress.styles.js +1 -0
- package/esm/radio/index.js +1 -0
- package/esm/radio/radio-context.js +1 -0
- package/esm/radio/radio-group.js +1 -0
- package/esm/radio/radio.js +1 -0
- package/esm/radio/radio.styles.js +1 -0
- package/esm/row/index.js +1 -0
- package/esm/row/row.js +1 -0
- package/esm/row/row.styles.js +1 -0
- package/esm/snippet/index.js +1 -0
- package/esm/snippet/snippet-icon.js +1 -0
- package/esm/snippet/snippet.js +1 -0
- package/esm/snippet/snippet.styles.js +1 -0
- package/esm/spacer/index.js +1 -0
- package/esm/spacer/spacer.js +1 -0
- package/esm/spacer/spacer.styles.js +1 -0
- package/esm/switch/index.js +1 -0
- package/esm/switch/switch.js +1 -0
- package/esm/switch/switch.styles.js +1 -0
- package/esm/table/base/index.js +1 -0
- package/esm/table/base/table-body.js +1 -0
- package/esm/table/base/table-cell.js +1 -0
- package/esm/table/base/table-column.js +1 -0
- package/esm/table/base/table-header.js +1 -0
- package/esm/table/base/table-row.js +1 -0
- package/esm/table/index.js +1 -0
- package/esm/table/table-body.js +1 -0
- package/esm/table/table-cell.js +1 -0
- package/esm/table/table-checkbox-cell.js +1 -0
- package/esm/table/table-column-header.js +1 -0
- package/esm/table/table-context.js +1 -0
- package/esm/table/table-footer.js +1 -0
- package/esm/table/table-header-row.js +1 -0
- package/esm/table/table-pagination.js +1 -0
- package/esm/table/table-row-group.js +1 -0
- package/esm/table/table-row.js +1 -0
- package/esm/table/table-select-all-checkbox.js +1 -0
- package/esm/table/table-sort-icon.js +1 -0
- package/esm/table/table.js +1 -0
- package/esm/table/table.styles.js +1 -0
- package/esm/table/utils.js +1 -0
- package/esm/text/child.js +1 -0
- package/esm/text/index.js +1 -0
- package/esm/text/text.js +1 -0
- package/esm/text/text.styles.js +1 -0
- package/esm/textarea/index.js +1 -0
- package/esm/textarea/textarea.js +1 -0
- package/esm/textarea/utils.js +1 -0
- package/esm/theme/common.js +1 -0
- package/esm/theme/dark-theme.js +1 -0
- package/esm/theme/index.js +1 -0
- package/esm/theme/light-theme.js +1 -0
- package/esm/theme/stitches.config.js +1 -0
- package/esm/theme/theme-context.js +1 -0
- package/esm/theme/theme-provider.js +1 -0
- package/esm/theme/types.js +1 -0
- package/esm/theme/utils.js +1 -0
- package/esm/tooltip/index.js +1 -0
- package/esm/tooltip/placement.js +1 -0
- package/esm/tooltip/tooltip-content.js +1 -0
- package/esm/tooltip/tooltip.js +1 -0
- package/esm/tooltip/tooltip.styles.js +1 -0
- package/esm/use-body-scroll/index.js +1 -0
- package/esm/use-body-scroll/use-body-scroll.js +1 -0
- package/esm/use-click-anywhere/index.js +1 -0
- package/esm/use-click-anywhere/use-click-anywhere.js +1 -0
- package/esm/use-click-away/index.js +1 -0
- package/esm/use-click-away/use-click-away.js +1 -0
- package/esm/use-clipboard/index.js +1 -0
- package/esm/use-clipboard/use-clipboard.js +1 -0
- package/esm/use-current-state/index.js +1 -0
- package/esm/use-current-state/use-current-state.js +1 -0
- package/esm/use-drip/index.js +1 -0
- package/esm/use-drip/use-drip.js +1 -0
- package/esm/use-input/index.js +1 -0
- package/esm/use-input/use-input.js +1 -0
- package/esm/use-keyboard/codes.js +1 -0
- package/esm/use-keyboard/helper.js +1 -0
- package/esm/use-keyboard/index.js +1 -0
- package/esm/use-keyboard/use-keyboard.js +1 -0
- package/esm/use-pagination/index.js +1 -0
- package/esm/use-portal/index.js +1 -0
- package/esm/use-portal/use-portal.js +1 -0
- package/esm/use-real-shape/index.js +1 -0
- package/esm/use-real-shape/use-real-shape.js +1 -0
- package/esm/use-resize/index.js +1 -0
- package/esm/use-resize/use-resize.js +1 -0
- package/esm/use-ssr/index.js +1 -0
- package/esm/use-ssr/use-ssr.js +1 -0
- package/esm/use-theme/index.js +1 -0
- package/esm/use-theme/use-theme.js +1 -0
- package/esm/use-warning/index.js +1 -0
- package/esm/use-warning/use-warning.js +1 -0
- package/esm/user/index.js +1 -0
- package/esm/user/user-link.js +1 -0
- package/esm/user/user.js +1 -0
- package/esm/user/user.styles.js +1 -0
- package/esm/utils/animations.js +1 -0
- package/esm/utils/assertion.js +1 -0
- package/esm/utils/clear-icon.js +1 -0
- package/esm/utils/clsx.js +1 -0
- package/esm/utils/collections.js +1 -0
- package/esm/utils/color.js +1 -0
- package/esm/utils/context.js +1 -0
- package/esm/utils/css-transition.js +1 -0
- package/esm/utils/deep-merge.js +1 -0
- package/esm/utils/dimensions.js +1 -0
- package/esm/utils/dom.js +1 -0
- package/esm/utils/drip.js +1 -0
- package/esm/utils/expand.js +1 -0
- package/esm/utils/icons.js +1 -0
- package/esm/utils/numbers.js +1 -0
- package/esm/utils/object.js +1 -0
- package/esm/utils/prop-types.js +1 -0
- package/esm/utils/react.js +1 -0
- package/esm/utils/refs.js +1 -0
- package/esm/utils/strings.js +1 -0
- package/esm/utils/types.d.js +1 -0
- package/esm/utils/with-defaults.js +1 -0
- package/grid/package.json +6 -0
- package/image/package.json +6 -0
- package/input/package.json +6 -0
- package/link/package.json +6 -0
- package/loading/package.json +6 -0
- package/modal/package.json +6 -0
- package/package.json +64 -0
- package/pagination/package.json +6 -0
- package/popover/package.json +6 -0
- package/progress/package.json +6 -0
- package/radio/package.json +6 -0
- package/row/package.json +6 -0
- package/snippet/package.json +6 -0
- package/spacer/package.json +6 -0
- package/switch/package.json +6 -0
- package/table/package.json +6 -0
- package/text/package.json +6 -0
- package/textarea/package.json +6 -0
- package/tooltip/package.json +6 -0
- package/types/avatar/avatar-group.d.ts +34 -0
- package/types/avatar/avatar-group.styles.d.ts +1877 -0
- package/types/avatar/avatar.d.ts +51 -0
- package/types/avatar/avatar.styles.d.ts +950 -0
- package/types/avatar/index.d.ts +7 -0
- package/types/backdrop/backdrop.d.ts +37 -0
- package/types/backdrop/backdrop.styles.d.ts +2817 -0
- package/types/backdrop/index.d.ts +5 -0
- package/types/button/button-group-context.d.ts +20 -0
- package/types/button/button-group.d.ts +34 -0
- package/types/button/button-group.styles.d.ts +945 -0
- package/types/button/button-icon.d.ts +957 -0
- package/types/button/button.d.ts +33 -0
- package/types/button/button.styles.d.ts +3021 -0
- package/types/button/index.d.ts +10 -0
- package/types/button/utils.d.ts +53 -0
- package/types/card/card.d.ts +23 -0
- package/types/card/card.styles.d.ts +3758 -0
- package/types/card/index.d.ts +5 -0
- package/types/checkbox/checkbox-context.d.ts +11 -0
- package/types/checkbox/checkbox-group.d.ts +30 -0
- package/types/checkbox/checkbox.d.ts +51 -0
- package/types/checkbox/checkbox.styles.d.ts +10426 -0
- package/types/checkbox/index.d.ts +6 -0
- package/types/checkbox/utils.d.ts +288 -0
- package/types/code/code.d.ts +15 -0
- package/types/code/code.styles.d.ts +1874 -0
- package/types/code/index.d.ts +5 -0
- package/types/col/col.d.ts +20 -0
- package/types/col/col.styles.d.ts +939 -0
- package/types/col/index.d.ts +5 -0
- package/types/collapse/collapse-context.d.ts +9 -0
- package/types/collapse/collapse-group.d.ts +18 -0
- package/types/collapse/collapse-icon.d.ts +19 -0
- package/types/collapse/collapse.d.ts +43 -0
- package/types/collapse/collapse.styles.d.ts +5654 -0
- package/types/collapse/index.d.ts +6 -0
- package/types/container/container.d.ts +40 -0
- package/types/container/container.styles.d.ts +942 -0
- package/types/container/index.d.ts +5 -0
- package/types/css-baseline/css-baseline.d.ts +9 -0
- package/types/css-baseline/index.d.ts +1 -0
- package/types/divider/divider.d.ts +22 -0
- package/types/divider/divider.styles.d.ts +1879 -0
- package/types/divider/index.d.ts +5 -0
- package/types/grid/grid-container.d.ts +19 -0
- package/types/grid/grid-item.d.ts +31 -0
- package/types/grid/grid.d.ts +9 -0
- package/types/grid/grid.styles.d.ts +1875 -0
- package/types/grid/index.d.ts +7 -0
- package/types/image/image.d.ts +54 -0
- package/types/image/image.skeleton.d.ts +19 -0
- package/types/image/image.styles.d.ts +2814 -0
- package/types/image/index.d.ts +5 -0
- package/types/index.d.ts +87 -0
- package/types/input/index.d.ts +7 -0
- package/types/input/input-password.d.ts +98 -0
- package/types/input/input-props.d.ts +66 -0
- package/types/input/input.d.ts +18 -0
- package/types/input/input.styles.d.ts +10360 -0
- package/types/input/password-icon.d.ts +6 -0
- package/types/link/icon.d.ts +4 -0
- package/types/link/index.d.ts +5 -0
- package/types/link/link.d.ts +43 -0
- package/types/link/link.styles.d.ts +1880 -0
- package/types/loading/index.d.ts +7 -0
- package/types/loading/loading.d.ts +24 -0
- package/types/loading/loading.styles.d.ts +5632 -0
- package/types/loading/spinner.d.ts +17 -0
- package/types/modal/index.d.ts +8 -0
- package/types/modal/modal-body.d.ts +45 -0
- package/types/modal/modal-close-button.d.ts +13 -0
- package/types/modal/modal-context.d.ts +8 -0
- package/types/modal/modal-footer.d.ts +24 -0
- package/types/modal/modal-header.d.ts +24 -0
- package/types/modal/modal-wrapper.d.ts +24 -0
- package/types/modal/modal.d.ts +40 -0
- package/types/modal/modal.styles.d.ts +5637 -0
- package/types/modal/use-modal.d.ts +11 -0
- package/types/pagination/index.d.ts +7 -0
- package/types/pagination/pagination-ellipsis.d.ts +11 -0
- package/types/pagination/pagination-highlight.d.ts +15 -0
- package/types/pagination/pagination-icon.d.ts +16 -0
- package/types/pagination/pagination-item.d.ts +22 -0
- package/types/pagination/pagination.d.ts +46 -0
- package/types/pagination/pagination.styles.d.ts +5645 -0
- package/types/popover/index.d.ts +5 -0
- package/types/popover/popover-content.d.ts +14 -0
- package/types/popover/popover-context.d.ts +42 -0
- package/types/popover/popover-trigger.d.ts +10 -0
- package/types/popover/popover.d.ts +17 -0
- package/types/popover/popover.styles.d.ts +946 -0
- package/types/popover/use-popover.d.ts +62 -0
- package/types/popover/utils.d.ts +4 -0
- package/types/progress/index.d.ts +5 -0
- package/types/progress/progress.d.ts +65 -0
- package/types/progress/progress.styles.d.ts +1885 -0
- package/types/radio/index.d.ts +4 -0
- package/types/radio/radio-context.d.ts +13 -0
- package/types/radio/radio-group.d.ts +84 -0
- package/types/radio/radio.d.ts +78 -0
- package/types/radio/radio.styles.d.ts +5633 -0
- package/types/row/index.d.ts +5 -0
- package/types/row/row.d.ts +21 -0
- package/types/row/row.styles.d.ts +941 -0
- package/types/snippet/index.d.ts +5 -0
- package/types/snippet/snippet-icon.d.ts +21 -0
- package/types/snippet/snippet.d.ts +35 -0
- package/types/snippet/snippet.styles.d.ts +3754 -0
- package/types/spacer/index.d.ts +5 -0
- package/types/spacer/spacer.d.ts +41 -0
- package/types/spacer/spacer.styles.d.ts +940 -0
- package/types/switch/index.d.ts +5 -0
- package/types/switch/switch.d.ts +82 -0
- package/types/switch/switch.styles.d.ts +3760 -0
- package/types/table/base/index.d.ts +5 -0
- package/types/table/base/table-body.d.ts +8 -0
- package/types/table/base/table-cell.d.ts +8 -0
- package/types/table/base/table-column.d.ts +8 -0
- package/types/table/base/table-header.d.ts +4 -0
- package/types/table/base/table-row.d.ts +8 -0
- package/types/table/index.d.ts +12 -0
- package/types/table/table-body.d.ts +20 -0
- package/types/table/table-cell.d.ts +20 -0
- package/types/table/table-checkbox-cell.d.ts +23 -0
- package/types/table/table-column-header.d.ts +1032 -0
- package/types/table/table-context.d.ts +29 -0
- package/types/table/table-footer.d.ts +31 -0
- package/types/table/table-header-row.d.ts +19 -0
- package/types/table/table-pagination.d.ts +16 -0
- package/types/table/table-row-group.d.ts +14 -0
- package/types/table/table-row.d.ts +19 -0
- package/types/table/table-select-all-checkbox.d.ts +20 -0
- package/types/table/table-sort-icon.d.ts +949 -0
- package/types/table/table.d.ts +29 -0
- package/types/table/table.styles.d.ts +16130 -0
- package/types/table/utils.d.ts +31 -0
- package/types/text/child.d.ts +65 -0
- package/types/text/index.d.ts +4 -0
- package/types/text/text.d.ts +93 -0
- package/types/text/text.styles.d.ts +940 -0
- package/types/textarea/index.d.ts +3 -0
- package/types/textarea/textarea.d.ts +42 -0
- package/types/textarea/utils.d.ts +13 -0
- package/types/theme/common.d.ts +1668 -0
- package/types/theme/dark-theme.d.ts +44 -0
- package/types/theme/light-theme.d.ts +29 -0
- package/types/theme/stitches.config.d.ts +10089 -0
- package/types/theme/theme-context.d.ts +5 -0
- package/types/theme/theme-provider.d.ts +14 -0
- package/types/theme/types.d.ts +73 -0
- package/types/theme/utils.d.ts +16 -0
- package/types/tooltip/index.d.ts +6 -0
- package/types/tooltip/placement.d.ts +39 -0
- package/types/tooltip/tooltip-content.d.ts +27 -0
- package/types/tooltip/tooltip.d.ts +59 -0
- package/types/tooltip/tooltip.styles.d.ts +3755 -0
- package/types/use-body-scroll/index.d.ts +3 -0
- package/types/use-body-scroll/use-body-scroll.d.ts +9 -0
- package/types/use-click-anywhere/index.d.ts +2 -0
- package/types/use-click-anywhere/use-click-anywhere.d.ts +2 -0
- package/types/use-click-away/index.d.ts +2 -0
- package/types/use-click-away/use-click-away.d.ts +3 -0
- package/types/use-clipboard/index.d.ts +3 -0
- package/types/use-clipboard/use-clipboard.d.ts +8 -0
- package/types/use-current-state/index.d.ts +2 -0
- package/types/use-current-state/use-current-state.d.ts +8 -0
- package/types/use-drip/index.d.ts +2 -0
- package/types/use-drip/use-drip.d.ts +10 -0
- package/types/use-input/index.d.ts +2 -0
- package/types/use-input/use-input.d.ts +13 -0
- package/types/use-keyboard/codes.d.ts +92 -0
- package/types/use-keyboard/helper.d.ts +3 -0
- package/types/use-keyboard/index.d.ts +5 -0
- package/types/use-keyboard/use-keyboard.d.ts +22 -0
- package/types/use-pagination/index.d.ts +20 -0
- package/types/use-portal/index.d.ts +2 -0
- package/types/use-portal/use-portal.d.ts +2 -0
- package/types/use-real-shape/index.d.ts +2 -0
- package/types/use-real-shape/use-real-shape.d.ts +9 -0
- package/types/use-resize/index.d.ts +2 -0
- package/types/use-resize/use-resize.d.ts +2 -0
- package/types/use-ssr/index.d.ts +2 -0
- package/types/use-ssr/use-ssr.d.ts +6 -0
- package/types/use-theme/index.d.ts +2 -0
- package/types/use-theme/use-theme.d.ts +3 -0
- package/types/use-warning/index.d.ts +2 -0
- package/types/use-warning/use-warning.d.ts +2 -0
- package/types/user/index.d.ts +5 -0
- package/types/user/user-link.d.ts +15 -0
- package/types/user/user.d.ts +43 -0
- package/types/user/user.styles.d.ts +4680 -0
- package/types/utils/animations.d.ts +12 -0
- package/types/utils/assertion.d.ts +9 -0
- package/types/utils/clear-icon.d.ts +16 -0
- package/types/utils/clsx.d.ts +1 -0
- package/types/utils/collections.d.ts +13 -0
- package/types/utils/color.d.ts +28 -0
- package/types/utils/context.d.ts +24 -0
- package/types/utils/css-transition.d.ts +30 -0
- package/types/utils/deep-merge.d.ts +1 -0
- package/types/utils/dimensions.d.ts +1 -0
- package/types/utils/dom.d.ts +19 -0
- package/types/utils/drip.d.ts +982 -0
- package/types/utils/expand.d.ts +20 -0
- package/types/utils/numbers.d.ts +9 -0
- package/types/utils/object.d.ts +15 -0
- package/types/utils/prop-types.d.ts +61 -0
- package/types/utils/refs.d.ts +17 -0
- package/types/utils/with-defaults.d.ts +3 -0
- package/umd/nextui.js +42538 -0
- package/umd/nextui.min.js +2 -0
- package/umd/nextui.min.js.LICENSE.txt +29 -0
- package/use-body-scroll/package.json +6 -0
- package/use-click-anywhere/package.json +6 -0
- package/use-click-away/package.json +6 -0
- package/use-clipboard/package.json +6 -0
- package/use-current-state/package.json +6 -0
- package/use-drip/package.json +6 -0
- package/use-input/package.json +6 -0
- package/use-keyboard/package.json +6 -0
- package/use-portal/package.json +6 -0
- package/use-real-shape/package.json +6 -0
- package/use-resize/package.json +6 -0
- package/use-ssr/package.json +6 -0
- package/use-theme/package.json +6 -0
- package/use-warning/package.json +6 -0
- package/user/package.json +6 -0
- package/utils/package.json +6 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import o,{useCallback as i}from"react";import n,{DOTS as e}from"../use-pagination";import t from"./pagination-item";import a from"./pagination-ellipsis";import r from"./pagination-icon";import s from"./pagination-highlight";import{StyledPagination as d}from"./pagination.styles";import{__DEV__ as l}from"../utils/assertion";import m from"../utils/clsx";import{jsx as p}from"react/jsx-runtime";import{jsxs as g}from"react/jsx-runtime";const u="nextui-pagination",c=({page:o,initialPage:l,onlyDots:c,total:f,loop:b,siblings:x,boundaries:h,shadow:$,animated:y,bordered:v,dotsJump:D,controls:P,noMargin:C,onChange:j,rounded:k,...w})=>{const{range:M,active:N,setPage:O,previous:J,next:B,first:I,last:S}=n({page:o,initialPage:l,siblings:c?10:x,boundaries:c?10:h,total:f,onChange:j}),U=i(((o,i)=>{if(o===e){const n=i<M.indexOf(N);return p(a,{value:o,bordered:v,animated:y,isBefore:n,onlyDots:c,onClick:()=>O(n?N-D>=1?N-D:1:N+D<=f?N+D:f)},`${u}-item-${o}-${i}`)}return p(t,{value:o,animated:y,bordered:v,active:o===N,onClick:()=>o!==N&&O(o),onlyDots:c,children:o},`${u}-item-${o}-${i}`)}),[f,c,N,v,y]);return g(d,{noMargin:C,bordered:v,rounded:k,onlyDots:c,className:m(u,{[`${u}--no-margin`]:C,[`${u}--bordered`]:v,[`${u}--shadow`]:$,[`${u}--rounded`]:k}),...w,children:[P&&p(r,{isPrev:!0,bordered:v,animated:y,onlyDots:c,onClick:()=>b&&1===N?S():J(),disabled:!b&&1===N}),p(s,{noMargin:C,animated:y,shadow:$,rounded:k,active:P?M.indexOf(N)+1:M.indexOf(N)}),M.map(U),P&&p(r,{bordered:v,animated:y,onlyDots:c,onClick:()=>b&&N===f?I():B(),disabled:!b&&N===f})]})};c.defaultProps={shadow:!1,controls:!0,bordered:!1,initialPage:1,siblings:1,boundaries:1,dotsJump:5,total:1,loop:!1,animated:!0,onlyDots:!1,noMargin:!1,rounded:!1},l&&(c.displayName="NextUI.Pagination"),c.toString=()=>".nextui-pagination";export default o.memo(c);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{styled as n,sharedFocus as i,keyframes as a}from"../theme/stitches.config";const o=a({"0%":{transform:"scale(1)"},"60%":{transform:"scale($$paginationScaleTransform)"},"100%":{transform:"scale(1)"}});export const StyledPaginationEllipsis=n("svg",{color:"currentColor",stroke:"currentColor",variants:{isEllipsis:{true:{transform:"0deg"}},isBefore:{true:{}}},compoundVariants:[{isEllipsis:!0,isBefore:!0,css:{transform:"rotate(180deg)"}}]});export const StyledPaginationIcon=n("svg",{transform:"rotate(180deg)",variants:{isPrev:{true:{transform:"rotate(0deg)"}}}});export const StyledPaginationItemContent=n("span",{position:"relative",display:"inline-flex",alignItems:"center",top:0,left:0,zIndex:"$2"});export const StyledPaginationItem=n("button",{border:"none",position:"relative",display:"inline-flex",margin:"0 $$paginationItemMargin",ai:"center",jc:"center",padding:0,boxSizing:"border-box",tt:"capitalize",us:"none",whiteSpace:"nowrap",ta:"center",verticalAlign:"middle",bs:"none",outline:"none",height:"$$paginationSize",minWidth:"$$paginationSize",fs:"inherit",cursor:"pointer",br:"$$paginationItemRadius",color:"$text",bg:"$accents1","@motion":{transition:"none"},"&:hover":{bg:"$accents2"},[`& ${StyledPaginationIcon}`]:{size:"$$paginationFontSize"},[`& ${StyledPaginationEllipsis}`]:{size:"$$paginationFontSize"},variants:{active:{true:{fontWeight:"$bold",cursor:"default",boxShadow:"$sm",[`& ${StyledPaginationItemContent}`]:{color:"$white"}}},disabled:{true:{color:"$accents4",cursor:"not-allowed"}},bordered:{true:{bg:"transparent",border:"$$paginationItemBorderWeight solid $accents2"}},onlyDots:{true:{}},preserveContent:{true:{}},animated:{true:{transition:"transform 0.25s ease 0s, background 0.25s ease 0s, box-shadow 0.25s ease 0s"},false:{transition:"none"}}},compoundVariants:[{onlyDots:!0,preserveContent:!1,css:{[`& ${StyledPaginationItemContent}`]:{display:"none"}}},{animated:!0,disabled:!1,active:!1,css:{"&:active":{transform:"scale($$paginationScaleTransform)",fs:"calc($$paginationFontSize * 0.9)"}}}]},i);export const StyledPaginationHighlight=n("div",{position:"absolute",contain:"strict",top:"0px",zIndex:"$1",bg:"$$paginationColor",br:"$$paginationItemRadius",height:"$$paginationSize",minWidth:"$$paginationSize",animationName:`${o}`,animationDirection:"normal","&.nextui-pagination-highlight--moving":{transform:"scale($$paginationScaleTransform)"},"@motion":{transition:"none","&.nextui-pagination-highlight--moving":{transform:"scale(1)"}},variants:{animated:{true:{animationDuration:"350ms",animationTimingFunction:"ease",transition:"left 350ms ease 0s, transform 300ms ease 0s"},false:{animationDuration:"none",animationTimingFunction:"none",transition:"none","&.nextui-pagination-highlight--moving":{transform:"scale(1)"}}},noMargin:{true:{br:"$squared"}},rounded:{true:{}},shadow:{true:{normalShadowVar:"$$paginationShadowColor"}}},compoundVariants:[{rounded:!0,noMargin:!0,css:{br:"$pill"}}]});export const StyledPagination=n("nav",{m:0,p:0,d:"inline-flex",position:"relative",fontVariant:"tabular-nums",fontFeatureSettings:"tnum",variants:{color:{default:{$$paginationColor:"$colors$primary",$$paginationShadowColor:"$colors$primaryShadow"},primary:{$$paginationColor:"$colors$primary",$$paginationShadowColor:"$colors$primaryShadow"},secondary:{$$paginationColor:"$colors$secondary",$$paginationShadowColor:"$colors$secondaryShadow"},success:{$$paginationColor:"$colors$success",$$paginationShadowColor:"$colors$successShadow"},warning:{$$paginationColor:"$colors$warning",$$paginationShadowColor:"$colors$warningShadow"},error:{$$paginationColor:"$colors$error",$$paginationShadowColor:"$colors$errorShadow"},gradient:{$$paginationColor:"$colors$gradient",$$paginationShadowColor:"$colors$primaryShadow"}},size:{xs:{$$paginationWidth:"$space$10",$$paginationFontSize:"$space$5",fs:"$$paginationFontSize"},sm:{$$paginationWidth:"$space$12",$$paginationFontSize:"$space$6",fs:"$$paginationFontSize"},md:{$$paginationWidth:"$space$13",$$paginationFontSize:"$space$7",fs:"$$paginationFontSize"},lg:{$$paginationWidth:"$space$14",$$paginationFontSize:"$space$8",fs:"$$paginationFontSize"},xl:{$$paginationWidth:"$space$15",$$paginationFontSize:"$space$9",fs:"$$paginationFontSize"}},borderWeight:{light:{$$paginationItemBorderWeight:"$borderWeights$light"},normal:{$$paginationItemBorderWeight:"$borderWeights$normal"},bold:{$$paginationItemBorderWeight:"$borderWeights$bold"},extrabold:{$$paginationItemBorderWeight:"$borderWeights$extrabold"},black:{$$paginationItemBorderWeight:"$borderWeights$black"}},bordered:{true:{}},onlyDots:{true:{$$paginationSize:"calc($$paginationWidth / 2)",$$paginationItemRadius:"$radii$pill",$$paginationScaleTransform:1.05},false:{$$paginationSize:"$$paginationWidth",$$paginationScaleTransform:1.1}},rounded:{true:{$$paginationItemRadius:"$radii$pill"},false:{$$paginationItemRadius:"$radii$squared"}},noMargin:{true:{$$paginationItemRadius:"0px",$$paginationItemMargin:"0",[`& ${StyledPaginationItem}:first-of-type`]:{btlr:"$squared",bblr:"$squared"},[`& ${StyledPaginationItem}:last-of-type`]:{btrr:"$squared",bbrr:"$squared"}},false:{$$paginationItemMargin:"$space$1"}}},compoundVariants:[{bordered:!0,noMargin:!0,css:{[`& ${StyledPaginationItem}:not(:last-child)`]:{borderRight:0}}},{noMargin:!0,rounded:!0,css:{$$paginationItemRadius:"0px"}},{rounded:!1,noMargin:!0,css:{$$paginationItemRadius:"0px"}}],defaultVariants:{color:"default",size:"md",borderWeight:"normal",onlyDots:!1,noMargin:!1,rounded:!1}});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import o from"./popover";import{PopoverContent as r}from"./popover-content";import{PopoverTrigger as e}from"./popover-trigger";export{StyledPopoverContent as StyledPopover}from"./popover.styles";o.Content=r,o.Trigger=e;export default o;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import o from"react";import{useModal as e,useOverlay as s,DismissButton as r}from"@react-aria/overlays";import{useDialog as i}from"@react-aria/dialog";import{FocusScope as t,useFocusRing as n}from"@react-aria/focus";import{mergeProps as a}from"@react-aria/utils";import l from"../utils/css-transition";import{__DEV__ as m}from"../utils/assertion";import{mergeRefs as p}from"../utils/refs";import{StyledPopoverContent as c}from"./popover.styles";import{usePopoverContext as d}from"./popover-context";import{getTransformOrigin as u}from"./utils";import f from"../utils/clsx";import{jsx as v}from"react/jsx-runtime";import{jsxs as x}from"react/jsx-runtime";import{Fragment as O}from"react/jsx-runtime";export const PopoverContent=o.forwardRef(((o,m)=>{const{children:b,as:h,css:C,className:P,...D}=o,{state:g,placement:y,overlayRef:j,disableAnimation:F,shouldCloseOnBlur:E,isDismissable:N,isKeyboardDismissDisabled:I,shouldCloseOnInteractOutside:T,getPopoverProps:B,onClose:K,onEntered:R,onExited:V}=d(),w=u(y),{modalProps:A}=e({isDisabled:!0}),{dialogProps:S}=i({role:"dialog"},j),{overlayProps:U}=s({onClose:K,isOpen:g.isOpen,isDismissable:N&&g.isOpen,shouldCloseOnBlur:E,isKeyboardDismissDisabled:I,shouldCloseOnInteractOutside:T},j),{isFocusVisible:k,focusProps:q}=n(),z=x(c,{ref:p(j,m),...B(a(U,A,S,q,D)),className:f("nextui-popover-content",P),isFocusVisible:k,as:h,css:{transformOrigin:w,...C},children:[v(r,{onDismiss:K}),b,v(r,{onDismiss:K})]});return v(O,{children:F?g.isOpen?v(t,{restoreFocus:!0,children:z}):null:v(t,{restoreFocus:!0,children:v(l,{visible:g.isOpen,name:"nextui-popover-content",enterTime:20,leaveTime:60,clearTime:300,onExited:V,onEntered:R,children:z})})})}));m&&(PopoverContent.displayName="NextUI.PopoverContent"),PopoverContent.toString=()=>".nextui-popover-content";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{createContext as o}from"../utils/context";export const[PopoverProvider,usePopoverContext]=o({name:"PopoverContext",errorMessage:"usePopoverContext: `context` is undefined. Seems you forgot to wrap all popover components within `<Popover />`"});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import*as r from"react";import{useButton as o}from"@react-aria/button";import{mergeProps as e}from"@react-aria/utils";import{usePopoverContext as t}from"./popover-context";import{pickChild as i}from"../utils/collections";import{Button as p}from"../index";import{__DEV__ as n}from"../utils/assertion";export const PopoverTrigger=n=>{const{state:s,triggerRef:g,getTriggerProps:m}=t(),l=()=>s.open(),{buttonProps:a}=o({onPress:l},g),c=r.Children.only(n.children),[,f]=i(n.children,p),u=void 0!==(null==f?void 0:f[0]);return r.cloneElement(c,m(e(c.props,u?{onPress:l}:a),c.ref))};n&&(PopoverTrigger.displayName="NextUI.PopoverTrigger"),PopoverTrigger.toString=()=>".nextui-popover-trigger";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import r from"react";import{OverlayContainer as o}from"@react-aria/overlays";import{__DEV__ as t}from"../utils/assertion";import{pickChild as e}from"../utils/collections";import{PopoverContent as i}from"./popover-content";import{usePopover as p}from"./use-popover";import{PopoverProvider as m}from"./popover-context";import{PopoverTrigger as s}from"./popover-trigger";import{jsx as n}from"react/jsx-runtime";import{jsxs as a}from"react/jsx-runtime";const c=r=>{const{children:t,...c}=r,f=p(c),[l,u]=e(t,s),[,x]=e(l,i),v=f.state.isOpen||!f.exited;return a(m,{value:f,children:[u,v&&n(o,{children:x})]})};t&&(c.displayName="NextUI.Popover"),c.toString=()=>".nextui-popover";export default c;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{styled as o,keyframes as n,cssFocusVisible as a}from"../theme/stitches.config";export const appearanceIn=n({"0%":{opacity:0,transform:"scale(0.95)"},"60%":{opacity:.75,transform:"scale(1.05)"},"100%":{opacity:1,transform:"scale(1)"}});export const appearanceOut=n({"0%":{opacity:1,transform:"scale(1)"},"100%":{opacity:0,transform:"scale(0.5)"}});export const StyledPopoverContent=o("div",{$$popoverMinWidth:"$space$13",$$popoverMinHeight:"$space$13",$$popoverBorderRadius:"$radii$lg",$$popoverBackground:"$colors$backgroundContrast",$$popoverBoxShadow:"$shadows$md",boxShadow:"$$popoverBoxShadow",outline:"none",overflow:"hidden auto",bg:"$$popoverBackground",display:"inline-flex",flexDirection:"column",boxSizing:"border-box",minWidth:"$$popoverMinWidth",minHeight:"$$popoverMinHeight",maxWidth:"calc(100% - $$popoverMinWidth)",maxHeight:"calc(100% - $$popoverMinWidth)",borderRadius:"$$popoverBorderRadius",animationFillMode:"forwards",willChange:"transform, opacity","@motion":{transition:"none"},"&.nextui-popover-content-enter":{animationName:appearanceIn,animationTimingFunction:"ease-out",animationDirection:"normal",animationDuration:"250ms"},"&.nextui-popover-content-leave":{animationName:appearanceOut,animationTimingFunction:"ease-in",animationDuration:"60ms"}},a);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{useRef as e,useMemo as s,useState as o,useCallback as r}from"react";import{useOverlayPosition as t,useOverlayTrigger as i}from"@react-aria/overlays";import{useOverlayTriggerState as l}from"@react-stately/overlays";import{mergeRefs as n}from"../utils/refs";import{getAriaPlacement as a}from"./utils";export function usePopover(p={}){const{isOpen:d,defaultOpen:m,onOpenChange:u,shouldFlip:O=!0,offset:f=12,placement:g="bottom",onClose:c,triggerType:y="dialog",isDismissable:P=!0,shouldCloseOnBlur:b=!1,isKeyboardDismissDisabled:v=!1,disableAnimation:h=!1,shouldCloseOnInteractOutside:C}=p,D=e(null),R=e(null),x=l({isOpen:d,defaultOpen:m,onOpenChange:u}),[A,B]=o(!x.isOpen),E=s((()=>x.isOpen?"open":"closed"),[x.isOpen]),F=r((()=>{null==c||c(),x.close()}),[x,c]),I=r((()=>{B(!1)}),[]),K=r((()=>{B(!0)}),[]),{triggerProps:T,overlayProps:j}=i({type:y},x,D),k=s((()=>a(g)),[g]),{overlayProps:q}=t({isOpen:x.isOpen,targetRef:D,placement:k,overlayRef:R,shouldFlip:O,offset:f}),w=r(((e={},s=null)=>({...e,...T,ref:n(D,s)})),[D,T]),z=r(((e={})=>({...e,...j,...q,"data-state":E,"data-placement":g})),[E,q,j,g]);return{state:x,exited:A,overlayRef:R,triggerRef:D,placement:g,disableAnimation:h,shouldCloseOnBlur:b,isDismissable:P,isKeyboardDismissDisabled:v,shouldCloseOnInteractOutside:C,isOpen:x.isOpen,onClose:F,onExited:K,onEntered:I,triggerProps:T,overlayProps:j,positionProps:q,getTriggerProps:w,getPopoverProps:z}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export const getAriaPlacement=t=>t?t.replace("-"," "):"bottom";export const getTransformOrigin=t=>{if(!t)return"bottom";switch(t){case"bottom":default:return"top center";case"top":return"bottom center";case"left":return"right center";case"right":return"left center";case"bottom-left":return"top left";case"bottom-right":return"top right";case"top-left":return"bottom left";case"top-right":return"bottom right";case"left-top":return"right top";case"left-bottom":return"right bottom";case"right-top":return"left top";case"right-bottom":return"left bottom"}};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import r from"./progress";export{StyledProgress,StyledProgressBar}from"./progress.styles";export default r;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import e,{useMemo as r}from"react";import t from"../utils/css-transition";import i from"../utils/with-defaults";import{valueToPercent as a}from"../utils/numbers";import{StyledProgress as s,StyledProgressBar as m}from"./progress.styles";import o from"../utils/clsx";import{__DEV__ as n}from"../utils/assertion";import{jsx as p}from"react/jsx-runtime";const d="nextui-progress",l=({value:e,max:i,min:n,striped:l,animated:u,shadow:c,indeterminated:x,css:f,...w})=>{const g=r((()=>e>i?i:e<n?n:e),[e,n,i]),v=r((()=>a(g,n,i)),[g,n,i]);return p(s,{role:"progressbar",indeterminated:x,css:{"nextui-progress-wrapper-enter":{opacity:0},".nextui-progress-wrapper-enter-active":{opacity:1,width:`${v}%`},...f},...w,children:p(t,{visible:!0,name:`${d}-wrapper`,enterTime:10,leaveTime:20,clearTime:300,children:p(m,{className:o(`${d}-bar`,{[`${d}-striped`]:l,[`${d}-indeterminated`]:x}),"aria-valuenow":g,"aria-valuemin":n,"aria-valuemax":i,striped:l,animated:u,shadow:c,indeterminated:x,...w})})})};n&&(l.displayName="NextUI.Progress"),l.toString=()=>".nextui-progress";const u=e.memo(l);export default i(u,{striped:!1,animated:!0,shadow:!1,indeterminated:!1,value:0,min:0,max:100});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{styled as r,keyframes as o}from"../theme/stitches.config";const s=o({"0%":{left:"-40%"},"100%":{left:"100%"}});export const StyledProgress=r("div",{margin:0,padding:0,width:"100%",position:"relative",overflow:"visible",variants:{color:{default:{$$progressColor:"$colors$primary",$$progressShadowColor:"$colors$primaryShadow"},primary:{$$progressColor:"$colors$primary",$$progressShadowColor:"$colors$primaryShadow"},secondary:{$$progressColor:"$colors$secondary",$$progressShadowColor:"$colors$secondaryShadow"},success:{$$progressColor:"$colors$success",$$progressShadowColor:"$colors$successShadow"},warning:{$$progressColor:"$colors$warning",$$progressShadowColor:"$colors$warningShadow"},error:{$$progressColor:"$colors$error",$$progressShadowColor:"$colors$errorShadow"},gradient:{$$progressColor:"$colors$gradient",$$progressShadowColor:"$colors$primaryShadow"}},status:{default:{bg:"$accents2"},primary:{bg:"$primaryLight"},secondary:{bg:"$secondaryLight"},success:{bg:"$successLight"},warning:{bg:"$warningLight"},error:{bg:"$errorLight"}},size:{xs:{$$progressHeight:"$space$2",height:"$$progressHeight",br:"$$progressHeight"},sm:{$$progressHeight:"$space$4",height:"$$progressHeight",br:"$$progressHeight"},md:{$$progressHeight:"$space$8",height:"$$progressHeight",br:"$$progressHeight"},lg:{$$progressHeight:"$space$10",height:"$$progressHeight",br:"$$progressHeight"},xl:{$$progressHeight:"$space$11",height:"$$progressHeight",br:"$$progressHeight"}},indeterminated:{true:{overflow:"hidden"}},squared:{true:{br:"calc($$progressHeight * 0.25)"}}},defaultVariants:{color:"default",status:"default",size:"md"}});export const StyledProgressBar=r("div",{margin:0,padding:0,width:0,opacity:0,height:"100%",minWidth:"inherit",bg:"$$progressColor",br:"inherit",transition:"width 0.5s cubic-bezier(0.4, 0, 0.2, 1)","@motion":{transition:"none"},variants:{animated:{false:{transition:"none"}},shadow:{true:{normalShadowVar:"$$progressShadowColor"}},striped:{true:{backgroundImage:"linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 75%, transparent 75%, transparent)",backgroundSize:"$space$lg $space$lg"}},indeterminated:{true:{position:"absolute",width:"0%",transitionProperty:"background-color, width, left, border-color,opacity, shadow, transform",transitionDuration:"300ms",willChange:"left",minWidth:"50%",animation:`1s ease 0s infinite normal none running ${s}`}}}});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import o from"./radio";import i from"./radio-group";import{StyledRadioDescription as t}from"./radio.styles";o.Group=i,o.Description=t,o.Desc=t;export{StyledRadioInput,StyledRadioLabel,StyledRadioPoint,StyledRadio,StyledRadioGroup,StyledRadioDescription}from"./radio.styles";export default o;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import t from"react";const o={color:"primary",size:"md",textColor:"default",disabledAll:!1,inGroup:!1};export const RadioContext=t.createContext(o);export const useRadioContext=()=>t.useContext(RadioContext);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import o,{useEffect as r,useMemo as i,useState as t}from"react";import e from"../utils/with-defaults";import{RadioContext as a}from"./radio-context";import{useDOMRef as d}from"../utils/dom";import{__DEV__ as l}from"../utils/assertion";import{StyledRadioGroup as u}from"./radio.styles";import{jsx as s}from"react/jsx-runtime";export const RadioGroup=o.forwardRef(((o,e)=>{const{disabled:l,onChange:p,value:m,size:n,color:f,textColor:c,children:x,initialValue:G,...R}=o,[h,v]=t(G),g=d(e),z=o=>{v(o),p&&p(o)},C=i((()=>({updateState:z,disabledAll:l,inGroup:!0,size:n,color:f,textColor:c,value:h})),[l,h]);return r((()=>{void 0!==m&&v(m)}),[m]),s(a.Provider,{value:C,children:s(u,{ref:g,role:"radiogroup",size:n,...R,children:x})})}));l&&(RadioGroup.displayName="NextUI.RadioGroup"),RadioGroup.toString=()=>".nextui-radio-group";export default e(RadioGroup,{disabled:!1,size:"md",color:"default",textColor:"default"});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import e,{useEffect as o,useMemo as t,useState as i}from"react";import{useRadioContext as a}from"./radio-context";import{pickChild as r}from"../utils/collections";import d from"../use-warning";import l,{KeyCode as s}from"../use-keyboard";import n from"../utils/with-defaults";import{useDOMRef as c}from"../utils/dom";import{__DEV__ as m}from"../utils/assertion";import p from"../utils/clsx";import{StyledRadio as u,StyledRadioLabel as f,StyledRadioInput as v,StyledRadioPoint as x,StyledRadioDescription as b}from"./radio.styles";import{jsx as h}from"react/jsx-runtime";import{jsxs as R}from"react/jsx-runtime";const g={size:"md",color:"default",textColor:"default",disabled:!1,preventDefault:!0},k="nextui-radio";export const Radio=e.forwardRef(((e,n)=>{const{checked:g,onChange:C,disabled:D,color:N,size:$,textColor:j,value:y,preventDefault:z,children:G,...P}=e,[w,E]=i(!!g),I=c(n),{value:S,disabledAll:A,inGroup:B,color:U,size:q,textColor:F,updateState:H}=a(),[J,K]=r(G,b);B&&m&&(void 0!==g&&d('Remove props "checked" if in the Radio.Group.',"Radio"),void 0===y&&d('Props "value" must be deinfed if in the Radio.Group.',"Radio")),o((()=>{E(S===y)}),[S,y]);const L=t((()=>D||A),[D,A]),M="default"!==N?N:U,O="md"!==$?$:q,Q="default"!==j?j:F,T=e=>{if(L||B&&w)return;const o={target:{checked:!w},stopPropagation:e.stopPropagation,preventDefault:e.preventDefault,nativeEvent:e};E(!w),B&&H&&H(y),C&&C(o)},{bindings:V}=l((e=>{T(e)}),[s.Enter,s.Space],{disableGlobalEvent:!0,preventDefault:z});return o((()=>{void 0!==g&&E(Boolean(g))}),[g]),R(u,{"aria-checked":w,disabled:L,active:w,size:O,color:M,...P,...V,children:[h(v,{type:"radio",tabIndex:-1,ref:I,value:y,checked:w,onChange:T,className:`${k}-input`}),R(f,{color:Q,disabled:L,className:`${k}-name`,children:[h(x,{tabIndex:L?-1:0,className:p(`${k}-point`,{[`${k}-active`]:w,[`${k}-disabled`]:L})}),J]}),K&&K]})}));Radio.defaultProps=g,m&&(Radio.displayName="NextUI.Radio"),Radio.toString=()=>".nextui-radio";export default n(Radio,g);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{styled as o,sharedVisuallyHidden as r,sharedFocus as a}from"../theme/stitches.config";export const StyledRadioInput=o("input",{},r);export const StyledRadioLabel=o("span",{fontSize:"$$radioSize",us:"none",d:"inline-flex",ai:"center",variants:{color:{default:{color:"$text"},primary:{color:"$primary"},secondary:{color:"$secondary"},success:{color:"$success"},warning:{color:"$warning"},error:{color:"$error"}},disabled:{true:{color:"$accents4"}}}});export const StyledRadioPoint=o("span",{size:"$$radioSize",br:"$$radioRadii",position:"relative",d:"inline-block",mr:"calc($$radioSize * 0.375)","&:after":{content:"",d:"block",position:"absolute",size:"$$radioSize",br:"$$radioRadii",boxSizing:"border-box",border:"2px solid $border"}},a);export const StyledRadio=o("label",{d:"flex",w:"initial",ai:"flex-start",position:"relative",fd:"column",jc:"flex-start",cursor:"pointer","@motion":{[`& ${StyledRadioPoint}`]:{transition:"none","&:after":{transition:"none"}}},variants:{color:{default:{$$radioColor:"$colors$primary",$$radioColorHover:"$colors$primaryDark"},primary:{$$radioColor:"$colors$primary",$$radioColorHover:"$colors$primaryDark"},secondary:{$$radioColor:"$colors$secondary",$$radioColorHover:"$colors$secondaryDark"},success:{$$radioColor:"$colors$success",$$radioColorHover:"$colors$successDark"},warning:{$$radioColor:"$colors$warning",$$radioColorHover:"$colors$warningDark"},error:{$$radioColor:"$colors$error",$$radioColorHover:"$colors$errorDark"}},size:{xs:{$$radioSize:"$space$7"},sm:{$$radioSize:"$space$8"},md:{$$radioSize:"$space$9"},lg:{$$radioSize:"$space$10"},xl:{$$radioSize:"$space$11"}},disabled:{true:{cursor:"not-allowed",$$radioColor:"$colors$accents4"}},squared:{true:{$$radioRadii:"$space$1"},false:{$$radioRadii:"$radii$rounded"}},active:{true:{[`& ${StyledRadioPoint}`]:{"&:after":{border:"calc($$radioSize * 0.34) solid $$radioColor"}},"&:hover":{[`& ${StyledRadioPoint}`]:{"&:after":{border:"calc($$radioSize * 0.34) solid $$radioColorHover"}}}}},animated:{true:{[`& ${StyledRadioPoint}`]:{transition:"$default","&:after":{transition:"$default"}}},false:{[`& ${StyledRadioPoint}`]:{transition:"none","&:after":{transition:"none"}}}}},defaultVariants:{size:"md",squared:!1,animated:!0},compoundVariants:[{active:!1,disabled:!1,css:{"&:hover":{[`& ${StyledRadioPoint}`]:{bg:"$border"}}}}]});export const StyledRadioGroup=o("div",{border:0,margin:0,padding:0,display:"flex",fd:"column",variants:{size:{xs:{$$radioGroupGap:"$space$7"},sm:{$$radioGroupGap:"$space$8"},md:{$$radioGroupGap:"$space$9"},lg:{$$radioGroupGap:"$space$10"},xl:{$$radioGroupGap:"$space$11"}},row:{true:{fd:"row",[`& ${StyledRadio}`]:{marginTop:0,marginRight:"$$radioGroupGap"}},false:{[`& ${StyledRadio}`]:{marginTop:"$$radioGroupGap",marginRight:0}}}},defaultVariants:{row:!1}});export const StyledRadioDescription=o("span",{color:"$accents4",fontSize:"calc($$radioSize * 0.85)",paddingLeft:"calc($$radioSize + $$radioSize * 0.375)"});
|
package/esm/row/index.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import o from"./row";export{StyledRow}from"./row.styles";export default o;
|
package/esm/row/row.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import t from"react";import r from"../utils/with-defaults";import a from"./row.styles";import{jsx as s}from"react/jsx-runtime";const e=({children:t,gap:r,justify:e,align:i,wrap:l,css:o,...c})=>s(a,{css:{flexWrap:l,$$rowGap:`calc(${r} * $space$lg)`,marginLeft:`calc(${r} * $space$lg / 2)`,marginRight:`calc(${r} * $space$lg / 2)`,justifyContent:e,alignItems:i,...o},...c,children:t});e.toString=()=>".nextui-row";const i=t.memo(e);export default r(i,{gap:0,wrap:"nowrap",justify:"flex-start",align:"flex-start"});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{styled as t}from"../theme/stitches.config";export const StyledRow=t("div",{display:"flex",position:"relative",boxSizing:"border-box",variants:{fluid:{true:{width:"100%"}}},defaultVariants:{fluid:!0}});export default StyledRow;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import t from"./snippet";export{StyledSnippetPre,StyledSnippetCopyButton,StyledSnippetCopyButtonIcon}from"./snippet.styles";export default t;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import*as t from"react";import i from"../utils/with-defaults";import{StyledSnippetCopyButtonIcon as h}from"./snippet.styles";import{jsx as e}from"react/jsx-runtime";const o=({size:t,fill:i,width:o,height:r,...s})=>e(h,{xmlns:"http://www.w3.org/2000/svg",width:t||o,height:t||r,viewBox:"0 0 24 24",...s,children:e("path",{fill:i,d:"M20 2H10c-1.103 0-2 .897-2 2v4H4c-1.103 0-2 .897-2 2v10c0 1.103.897 2 2 2h10c1.103 0 2-.897 2-2v-4h4c1.103 0 2-.897 2-2V4c0-1.103-.897-2-2-2zM4 20V10h10l.002 10H4zm16-6h-4v-4c0-1.103-.897-2-2-2h-4V4h10v10z"})});o.toString=()=>".nextui-snippet-copy-icon";const r=t.memo(o);export default i(r,{width:18,height:18});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import t,{useMemo as o,useState as e,useRef as r}from"react";import i from"../tooltip";import n from"../utils/with-defaults";import p from"./snippet-icon";import s from"../use-clipboard";import{StyledSnippet as l,StyledSnippetPre as c,StyledSnippetCopyButton as m}from"./snippet.styles";import{__DEV__ as u}from"../utils/assertion";import{jsx as a}from"react/jsx-runtime";import{jsxs as d}from"react/jsx-runtime";const x=({bordered:t,children:n,symbol:u,showTooltip:x,text:f,tooltipCopyText:y,tooltipCopiedText:h,tooltipColor:C,copy:b,...T})=>{const[N,$]=e(!1),{copy:j}=s(),w=r(null),A=f&&Array.isArray(f),g=o((()=>"prevent"!==b),[b]),k=o((()=>A?(t=>t.reduce(((t,o)=>o?t?`${t}\n${o}`:o:t),""))(f):n?w.current?w.current.textContent:"":f),[w.current,n,f]),v=o((()=>{const t=u.trim();return t?`${t} `:""}),[u]),S=()=>{k&&g&&(j(k),"slient"!==b&&$(!0))};return d(l,{...T,children:[A?f.map(((t,o)=>a(c,{css:{"&:before":{content:v,us:"none"}},className:"nextui-snippet-pre",children:t},`${o}-${t}`))):a(c,{css:{"&:before":{content:v,us:"none"}},className:"nextui-snippet-pre",ref:w,children:n||f}),g&&"slient"!==b?a(i,{hideArrow:!0,rounded:!0,color:C,content:N?h:y,onVisibleChange:()=>{setTimeout((()=>{N&&$(!1)}),400)},children:a(m,{className:"nextui-snippet-copy-button",onClick:S,children:a(p,{})})}):"prevent"!==b&&a(m,{className:"nextui-snippet-copy-button",onClick:S,children:a(p,{})})]})};u&&(x.displayName="NextUI.Snippet"),x.toString=()=>".nextui-snippet";const f=t.memo(x);export default n(f,{symbol:"$",showTooltip:!0,copy:"default",tooltipColor:"default",tooltipCopyText:"Copy",tooltipCopiedText:"Copied"});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{styled as o,sharedFocus as r}from"../theme/stitches.config";export const StyledSnippet=o("div",{display:"flex",position:"relative",width:"initial",maxWidth:"100%",padding:"calc($space$lg * 0.75) $space$lg",br:"$lg",bg:"$background",variants:{color:{default:{$$snippetBorderColor:"$border",$$snippetBgColor:"$background",color:"$text"},primary:{$$snippetBorderColor:"$border",$$snippetBgColor:"$primary",color:"$text"},success:{$$snippetBorderColor:"$success",$$snippetBgColor:"$background",color:"$success"},warning:{$$snippetBorderColor:"$warning",$$snippetBgColor:"$background",color:"$warning"},error:{$$snippetBorderColor:"$error",$$snippetBgColor:"$background",color:"$error"},secondary:{$$snippetBorderColor:"$secondary",$$snippetBgColor:"$background",color:"$secondary"},invert:{$$snippetBorderColor:"$foreground",$$snippetBgColor:"$foreground",color:"$background"}},borderWeight:{light:{$$borderWeight:"$light"},normal:{$$borderWeight:"$normal"},bold:{$$borderWeight:"$bold"},extrabold:{$$borderWeight:"$extrabold"},black:{$$borderWeight:"$black"}},bordered:{true:{border:"$$borderWeight solid $$snippetBorderColor"}},filled:{true:{backgroundColor:"$$snippetBgColor"}}},defaultVariants:{color:"default",borderWeight:"normal",filled:!1}});export const StyledSnippetPre=o("pre",{margin:0,padding:0,border:"none",br:0,bgColor:"transparent",color:"inherit",fontSize:"$xs","*":{margin:0,padding:0,fontSize:"inherit",color:"inherit"},variants:{withCopyButton:{true:{width:"calc(100% - 2 * $lg)"},false:{width:"100%"}}}});export const StyledSnippetCopyButtonIcon=o("svg",{});export const StyledSnippetCopyButton=o("button",{display:"inline-flex",jc:"center",border:"none",ai:"flex-start",bg:"transparent",width:"calc(2 * $space$lg)",br:"$xs",color:"inherit",transition:"opacity 0.2s ease 0s",cursor:"pointer",us:"none","@motion":{transition:"none"},"&:hover":{opacity:"0.7"},[`& ${StyledSnippetCopyButtonIcon}`]:{path:{fill:"$accents6"}}},r);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import e from"./spacer";export{StyledSpacer}from"./spacer.styles";export default e;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import t from"react";import r from"../utils/with-defaults";import{getMargin as i}from"../utils/dimensions";import{StyledSpacer as o}from"./spacer.styles";import{jsx as s}from"react/jsx-runtime";const m=({x:t,y:r,inline:m,css:e,...n})=>{const a=i(t),p=i(r);return s(o,{css:{marginLeft:`${a} !important`,marginTop:`${p} !important`,...e},"aria-hidden":"true",...n})};m.toString=()=>".nextui-spacer";const e=t.memo(m);export default r(e,{x:1,y:1});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{styled as i}from"../theme/stitches.config";export const StyledSpacer=i("span",{size:"1px",variants:{inline:{true:{display:"inline-block"},false:{display:"block"}}},defaultVariants:{inline:!1}});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import t from"./switch";export{StyledSwitchContainer,StyledSwitchInput,StyledSwitchCircle,StyledSwitch}from"./switch.styles";export default t;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import e,{useCallback as t,useEffect as a,useMemo as i,useState as o}from"react";import r from"../utils/with-defaults";import n from"../use-warning";import s,{KeyCode as d}from"../use-keyboard";import{StyledSwitch as c,StyledSwitchContainer as l,StyledSwitchInput as m,StyledSwitchCircle as h}from"./switch.styles";import u from"../utils/clsx";import{__DEV__ as p}from"../utils/assertion";import{jsx as f}from"react/jsx-runtime";import{jsxs as b}from"react/jsx-runtime";const k="nextui-switch",x=({initialChecked:e,checked:r,disabled:x,onChange:v,squared:w,bordered:g,shadow:$,icon:D,iconOn:j,iconOff:C,animated:O,preventDefault:q,...y})=>{const[E,N]=o(e);D&&p&&(j||C)&&n('Remove props "icon" if iconOn or iconOff exists.',"Switch");const S=t((e=>{if(x)return;const t={target:{checked:!E},stopPropagation:e.stopPropagation,preventDefault:e.preventDefault,nativeEvent:e};N(!E),v&&v(t)}),[x,E,v]),{bindings:B}=s((e=>{S(e)}),[d.Enter,d.Space],{disableGlobalEvent:!0,preventDefault:q}),I=i((()=>{const e=D||j||C,t=Boolean(j),a=Boolean(C);return e?t&&E?j:a&&!E?C:e:null}),[E,D,j,C]);a((()=>{void 0!==r&&N(r)}),[r]);const P=i((()=>E?"checked":"unchecked"),[E]);return b(l,{"data-state":P,disabled:x,animated:O,...y,children:[f(m,{tabIndex:-1,type:"checkbox",className:u(`${k}-input`),"data-state":P,disabled:x,checked:E,onChange:S}),f(c,{role:"switch",tabIndex:x?-1:0,checked:E,"aria-checked":E,"aria-disabled":x,animated:O,disabled:x,squared:w,bordered:g,shadow:$,"data-state":P,className:u(k,`${k}--${P}`,{[`${k}-checked`]:E,[`${k}-disabled`]:x}),...B,children:f(h,{className:`${k}-circle`,children:I})})]})};x.toString=()=>".nextui-switch";const v=e.memo(x);export default r(v,{disabled:!1,bordered:!1,shadow:!1,squared:!1,animated:!0,preventDefault:!0,initialChecked:!1});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{styled as t,sharedFocus as i,sharedVisuallyHidden as $}from"../theme/stitches.config";export const StyledSwitchContainer=t("label",{WebkitTapHighlightColor:"transparent",d:"inline-block",verticalAlign:"center",whiteSpace:"nowrap",us:"none",transition:"$default",padding:"$1 0",position:"relative",cursor:"pointer","@motion":{transition:"none"},variants:{color:{default:{$$switchColor:"$colors$primary",$$switchColorShadow:"$colors$primaryShadow",$$switchColorHover:"$colors$primaryDark"},primary:{$$switchColor:"$colors$primary",$$switchColorShadow:"$colors$primaryShadow",$$switchColorHover:"$colors$primaryDark"},secondary:{$$switchColor:"$colors$secondary",$$switchColorShadow:"$colors$secondaryShadow",$$switchColorHover:"$colors$secondaryDark"},success:{$$switchColor:"$colors$success",$$switchColorShadow:"$colors$successShadow",$$switchColorHover:"$colors$successDark"},warning:{$$switchColor:"$colors$warning",$$switchColorShadow:"$colors$warningShadow",$$switchColorHover:"$colors$warningDark"},error:{$$switchColor:"$colors$error",$$switchColorShadow:"$colors$errorShadow",$$switchColorHover:"$colors$errorDark"}},size:{xs:{$$switchWidth:"$space$12",$$switchHeight:"$space$9",width:" $$switchWidth",maxWidth:"$$switchWidth",height:"$$switchHeight"},sm:{$$switchWidth:"$space$14",$$switchHeight:"$space$10",width:"$$switchWidth",maxWidth:"$$switchWidth",height:"$$switchHeight"},md:{$$switchWidth:"$space$15",$$switchHeight:"$space$11",width:"$$switchWidth",maxWidth:"$$switchWidth",height:"$$switchHeight"},lg:{$$switchWidth:"$space$17",$$switchHeight:"$space$12",width:"$$switchWidth",maxWidth:"$$switchWidth",height:"$$switchHeight"},xl:{$$switchWidth:"$space$18",$$switchHeight:"$space$13",width:"$$switchWidth",maxWidth:"$$switchWidth",height:"$$switchHeight"}},borderWeight:{light:{$$switchBorderW:"$borderWeights$light"},normal:{$$switchBorderW:"$borderWeights$normal"},bold:{$$switchBorderW:"$borderWeights$bold"},extrabold:{$$switchBorderW:"$borderWeights$extrabold"},black:{$$switchBorderW:"$borderWeights$black"}},disabled:{true:{cursor:"not-allowed"}},animated:{false:{transition:"none"}}},defaultVariants:{color:"default",size:"md",borderWeight:"normal"}});export const StyledSwitchInput=t("input",{},$);export const StyledSwitchCircle=t("span",{position:"absolute",display:"flex",size:"calc($$switchHeight * 0.7)",jc:"center",ai:"center",top:"50%",transform:"translateY(-50%)",left:"calc($$switchWidth / 15)",transition:"left 0.25s ease, width 0.2s ease",bg:"$background",br:"$pill","& svg":{bg:"transparent",size:"calc($$switchHeight * 0.44)"},"@motion":{transition:"none"}});export const StyledSwitch=t("div",{opacity:1,width:"$$switchWidth",height:"$$switchHeight",transition:"$default",position:"relative",overflow:"hidden",padding:0,br:"$pill",bg:"$accents2","@motion":{transition:"none"},variants:{checked:{true:{bg:"$$switchColor",[`& ${StyledSwitchCircle}`]:{left:"calc(100% - ($$switchWidth / 15) - $$switchHeight * 0.7)"},"&:hover:not(&:active)":{bg:"$$switchColorHover"}}},bordered:{true:{bg:"transparent",border:"$$switchBorderW solid $border","&:hover":{borderColor:"$$switchColor"},[`& ${StyledSwitchCircle}`]:{left:"calc(($$switchWidth / 15) - ($$switchBorderW / 2))",bg:"$accents2"}}},squared:{true:{br:"2px",[`& ${StyledSwitchCircle}`]:{br:"2px"}}},shadow:{true:{}},disabled:{true:{borderColor:"$accents2",bg:"$accents2",[`& ${StyledSwitchCircle}`]:{bg:"$accents3"}}},animated:{true:{"&:active":{[`& ${StyledSwitchCircle}`]:{width:"calc($$switchHeight * 0.7 + ($$switchWidth / 10))"}}},false:{transition:"none",[`& ${StyledSwitchCircle}`]:{transition:"none"}}}},compoundVariants:[{checked:!0,disabled:!0,css:{bg:"$accents3",[`& ${StyledSwitchCircle}`]:{bg:"$accents2"},"&:hover:not(&:active)":{bg:"$accents3"}}},{shadow:!0,checked:!0,css:{normalShadowVar:"$$switchColorShadow"}},{animated:!0,checked:!1,css:{"&:active":{[`& ${StyledSwitchCircle}`]:{left:"calc($$switchWidth / 7.5)"}}}},{animated:!0,checked:!0,css:{"&:active":{[`& ${StyledSwitchCircle}`]:{left:"calc(100% - ($$switchWidth / 5) - $$switchHeight * 0.7)"}}}},{checked:!0,bordered:!0,css:{bg:"$$switchColor",border:"$$switchBorderW solid transparent","&:hover:not(&:active)":{borderColor:"transparent"},[`& ${StyledSwitchCircle}`]:{left:"calc(100% - ($$switchWidth / 15) - $$switchHeight * 0.7 + ($$switchBorderW / 2))",bg:"$background"}}}]},i);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export{default as TableBody}from"./table-body";export{default as TableCell}from"./table-cell";export{default as TableColumn}from"./table-column";export{default as TableHeader}from"./table-header";export{default as TableRow}from"./table-row";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{TableBody as t}from"@react-stately/table";const a=t;export default a;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{Cell as t}from"@react-stately/table";const e=t;export default e;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{Column as t}from"@react-stately/table";const e=t;export default e;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{TableHeader as e}from"@react-stately/table";const t=e;export default t;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{Row as t}from"@react-stately/table";const a=t;export default a;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import e from"./table";import l from"./table-pagination";import{TableBody as t,TableColumn as a,TableRow as o,TableCell as r,TableHeader as b}from"./base";export{StyledTable,StyledTableRow,StyledTableCell,StyledTableHeaderCell}from"./table.styles";e.Cell=r,e.Column=a,e.Header=b,e.Row=o,e.Body=t,e.Pagination=l;export default e;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import l,{useMemo as e}from"react";import{StyledBaseTableCell as o,StyledTableLoadingRow as t}from"./table.styles";import{mergeProps as r}from"@react-aria/utils";import i from"./table-row-group";import n from"./table-row";import a from"./table-cell";import s from"./table-checkbox-cell";import{useTableContext as d}from"./table-context";import{isInfinityScroll as c}from"./utils";import{Loading as u}from"../index";import m from"../utils/clsx";import{jsx as p}from"react/jsx-runtime";import{jsxs as h}from"react/jsx-runtime";const b=({children:l,collection:b,state:y,animated:g,color:x,hasPagination:f,hideLoading:v,...S})=>{var N,w,C,j,k,H;const{currentPage:P,rowsPerPage:B}=d(),E=e((()=>c(b)),[b.body.props]),L="loading"===(null==(N=b.body)||null==(w=N.props)?void 0:w.loadingState)||"loadingMore"===(null==(C=b.body)||null==(j=C.props)?void 0:j.loadingState),M=e((()=>{const l=[...b.body.childNodes];return f?null==l?void 0:l.slice((P-1)*B,P*B):l}),[f,b,P,B]),A=e((()=>{const l=M.length;return l>=B&&!E?null:p("tr",{role:"row",className:"nextui-table-hidden-row","aria-hidden":"true",children:p(o,{"aria-hidden":"true",colSpan:b.columnCount,style:r({"--nextui--tableBodyEmptySpaceHeight":E?"var(--nextui-space-10)":`calc(${B-l} * var(--nextui-space-14))`},(null==S?void 0:S.style)||{}),css:{height:"var(--nextui--tableBodyEmptySpaceHeight)"}})})}),[b.columnCount,M,B,E]);return h(i,{as:"tbody",className:m("nextui-table-body",S.className),isInfinityScroll:E,onScroll:l=>{if(!E)return;const e=l.target;var o,t;e.scrollHeight-(e.scrollTop+40)<=e.clientHeight&&!L&&(null==(o=b.body)||null==(t=o.props)||null==t.onLoadMore||t.onLoadMore())},css:{pb:"$10",position:"relative",...S.css,...null==(k=b.body)||null==(H=k.props)?void 0:H.css},...S,children:[l,null==M?void 0:M.map((l=>l.hasChildNodes?p(n,{"aria-hidden":"false",item:l,state:y,children:[...l.childNodes].map((l=>{var e;return null!=l&&null!=(e=l.props)&&e.isSelectionCell?p(s,{cell:l,state:y,color:x,animated:g},null==l?void 0:l.key):p(a,{cell:l,state:y},null==l?void 0:l.key)}))},null==l?void 0:l.key):null)),!v&&L&&p(t,{role:"row",className:"nextui-table-hidden-row","aria-hidden":"true",isAtEnd:M.length>0,isAbsolute:!E,children:p(o,{"aria-hidden":"true",colSpan:b.columnCount,children:p(u,{color:x})})}),A]})};b.displayName="NextUI.TableBody",b.toString=()=>".nextui-table-body";export default b;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import r,{useRef as e,useImperativeHandle as t}from"react";import{useTableCell as s}from"@react-aria/table";import{StyledTableCell as l}from"./table.styles";import{useFocusRing as o}from"@react-aria/focus";import{mergeProps as a}from"@react-aria/utils";import i from"../utils/clsx";import{jsx as c}from"react/jsx-runtime";const m=r.forwardRef((({cell:r,state:m,...n},u)=>{const f=e(null);t(u,(()=>null==f?void 0:f.current));const{gridCellProps:p}=s({node:r},m,f),{isFocusVisible:d,focusProps:b}=o();return c(l,{ref:f,isFocusVisible:d,className:i("nextui-table-cell",n.className),css:r.props.css,...a(p,b,n),children:r.rendered})}));m.displayName="NextUI.TableCell",m.toString=()=>".nextui-table-cell";export default m;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import e,{useRef as r,useImperativeHandle as o}from"react";import{useTableCell as t,useTableSelectionCheckbox as l}from"@react-aria/table";import{useFocusRing as i}from"@react-aria/focus";import{mergeProps as a}from"@react-aria/utils";import c from"../checkbox";import{StyledTableCell as s}from"./table.styles";import{mapPropsToCheckboxAttr as m}from"./utils";import n from"../utils/clsx";import{jsx as p}from"react/jsx-runtime";const u=e.forwardRef((({cell:e,state:u,color:f,animated:b,...x},d)=>{const h=r(null);o(d,(()=>null==h?void 0:h.current));const{gridCellProps:k}=t({node:e},u,h),{checkboxProps:y}=l({key:(null==e?void 0:e.parentKey)||e.key},u),{isFocusVisible:N,focusProps:C}=i(),P=m(y);return p(s,{ref:h,isFocusVisible:N,className:n("nextui-table-checkbox-cell",x.className),...a(k,C,x),children:p(c,{...P,color:f,animated:b,css:{display:"inherit"}})})}));u.displayName="NextUI.TableCheckboxCell",u.toString=()=>".nextui-table-checkbox-cell";export default u;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import r,{useRef as e,useImperativeHandle as o}from"react";import{useTableColumnHeader as t}from"@react-aria/table";import{StyledTableColumnHeader as i}from"./table.styles";import{useFocusRing as s}from"@react-aria/focus";import{mergeProps as a}from"@react-aria/utils";import{VisuallyHidden as l}from"@react-aria/visually-hidden";import c,{ICON_SIZE as n}from"./table-sort-icon";import m from"../utils/clsx";import{jsx as u}from"react/jsx-runtime";import{jsxs as d}from"react/jsx-runtime";const p=r.forwardRef((({column:r,state:p,...f},b)=>{var x,h;const v=e(null);o(b,(()=>null==v?void 0:v.current));const{columnHeaderProps:g}=t({node:r},p,v),{isFocusVisible:j,focusProps:y}=s(),{hideHeader:N,...H}=r.props;return d(i,{ref:v,isFocusVisible:j,colSpan:r.colspan,className:m("nextui-table-column-header",f.className),...a(f,g,y,H),children:[N?u(l,{children:r.rendered}):r.rendered,H.allowsSorting&&u(c,{visible:(null==(x=p.sortDescriptor)?void 0:x.column)===r.key,ascending:"ascending"===(null==(h=p.sortDescriptor)?void 0:h.direction),css:{position:"absolute",m:"0 $2",bottom:`calc(50% - ${n/2}px)`}})]})}));p.displayName="NextUI.TableColumnHeader",p.toString=()=>".nextui-table-column-header";export default p;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import e from"react";import{jsx as t}from"react/jsx-runtime";const o={footerAlign:"end",rowsPerPage:0,currentPage:1,animated:!0};export const TableContext=e.createContext(o);export const useTableContext=()=>e.useContext(TableContext);export default{Provider:({children:r,defaultValues:n})=>{const[a,l]=e.useState((null==n?void 0:n.footerAlign)||o.footerAlign),[s,i]=e.useState(void 0===(null==n?void 0:n.animated)?o.animated:null==n?void 0:n.animated),[u,c]=e.useState(null==n?void 0:n.collection),[d,m]=e.useState(o.rowsPerPage),[P,g]=e.useState(o.currentPage),[x,C]=e.useState(null==n?void 0:n.color),v=e.useMemo((()=>({animated:s,footerAlign:a,collection:u,rowsPerPage:d,currentPage:P,color:x,setFooterAlign:l,setCollection:c,setAnimated:i,setRowsPerPage:m,setColor:C,setCurrentPage:g})),[s,x,u,a,d,P]);return t(TableContext.Provider,{value:v,children:r})},Consumer:TableContext.Consumer};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import t,{useRef as r,useImperativeHandle as e}from"react";import{useTableContext as o}from"./table-context";import{StyledTableFooter as l}from"./table.styles";import a from"../utils/clsx";import{jsx as i}from"react/jsx-runtime";const n=t.forwardRef((({children:t,...n},s)=>{const m=r(null);e(s,(()=>null==m?void 0:m.current));const{footerAlign:c}=o();return i(l,{ref:m,role:"rowgroup",align:n.align||c,className:a("nextui-table-footer",n.className),...n,children:t})}));n.displayName="NextUI.TableFooter",n.toString=()=>".nextui-table-footer";export default n;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import e,{useRef as r,useImperativeHandle as t}from"react";import{useTableHeaderRow as a}from"@react-aria/table";import{StyledTableHeaderRow as o}from"./table.styles";import l from"../utils/clsx";import{jsx as s}from"react/jsx-runtime";const i=e.forwardRef((({children:e,item:i,state:m,...n},c)=>{const d=r(null);t(c,(()=>null==d?void 0:d.current));const{rowProps:f}=a({node:i},m,d);return s(o,{ref:d,className:l("nextui-table-header-row",n.className),...n,...f,children:e})}));i.displayName="NextUI.TableHeaderRow",i.toString=()=>".nextui-table-header-row";export default i;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import e,{useMemo as t}from"react";import{Pagination as o}from"../index";import{useTableContext as n}from"./table-context";import l from"../utils/clsx";import{jsx as a}from"react/jsx-runtime";const r=({align:r,rowsPerPage:i,onPageChange:s,...c})=>{const{color:u,animated:m,collection:g,footerAlign:f,rowsPerPage:d,setFooterAlign:p,setRowsPerPage:x,setCurrentPage:P}=n();e.useEffect((()=>{r&&r!==f&&(null==p||p(r))}),[r,f]),e.useEffect((()=>{i&&i!==d&&(null==x||x(i))}),[d,i]);const b=t((()=>{var e;const t=null!=g&&g.body?[...null==g||null==(e=g.body)?void 0:e.childNodes].length:0;return d>0?Math.ceil(t/d):1}),[g,d]);return a(o,{total:b,animated:m,onChange:e=>{null==P||P(e),null==s||s(e)},color:c.color||u,className:l("nextui-table-pagination",c.className),...c})};r.displayName="NextUI.TablePagination",r.toString=()=>".nextui-table-pagination";export default r;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import r from"react";import{useTableRowGroup as t}from"@react-aria/table";import{StyledTableRowGroup as o}from"./table.styles";import e from"../utils/with-defaults";import a from"../utils/clsx";import{jsx as s}from"react/jsx-runtime";export default e((({children:r,...e})=>{const{rowGroupProps:m}=t();return s(o,{className:a("nextui-table-row-group",e.className),...e,...m,children:r})}),{as:"thead"});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import e,{useRef as r,useImperativeHandle as t}from"react";import{useTableRow as s}from"@react-aria/table";import{StyledTableRow as a}from"./table.styles";import{useFocusRing as i}from"@react-aria/focus";import{mergeProps as o}from"@react-aria/utils";import l from"../utils/clsx";import{jsx as c}from"react/jsx-runtime";const m=e.forwardRef((({children:e,item:m,state:d,...n},u)=>{const f=r(null);t(u,(()=>null==f?void 0:f.current));const{rowProps:p}=s({node:m},d,f),{isFocusVisible:b,focusProps:x}=i(),w=d.disabledKeys.has(m.key);return c(a,{ref:f,isFocusVisible:b,isSelected:!!p["aria-selected"],isDisabled:w,className:l("nextui-table-row",{"nextui-table-row--selected":p["aria-selected"],"nextui-table-row--disabled":w},n.className),css:m.props.css,...o(p,x,n),children:e})}));m.displayName="NextUI.TableRow",m.toString=()=>".nextui-table-row";export default m;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import e,{useRef as o,useImperativeHandle as r}from"react";import{useTableColumnHeader as t,useTableSelectAllCheckbox as l}from"@react-aria/table";import{VisuallyHidden as a}from"@react-aria/visually-hidden";import{useFocusRing as c}from"@react-aria/focus";import{mergeProps as i}from"@react-aria/utils";import s from"../checkbox";import{StyledTableHeaderCell as m}from"./table.styles";import{mapPropsToCheckboxAttr as n}from"./utils";import u from"../utils/clsx";import{jsx as f}from"react/jsx-runtime";const p=e.forwardRef((({column:e,state:p,color:d,animated:b,...x},h)=>{const k=o(null);r(h,(()=>null==k?void 0:k.current));const y="single"===p.selectionManager.selectionMode,{columnHeaderProps:N}=t({node:e},p,k),{checkboxProps:$}=l(p),{isFocusVisible:g,focusProps:P}=c(),j=n($);return f(m,{ref:k,isFocusVisible:g,className:u("nextui-table-select-all-checkbox",x.className),...i(N,P,x),children:y?f(a,{children:$["aria-label"]}):f(s,{...j,color:d,animated:b,css:{display:"inherit",$$checkboxBorderColor:"$colors$accents3"}})})}));p.displayName="NextUI.TableSelectAllCheckbox",p.toString=()=>".nextui-table-select-all-checkbox";export default p;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import t from"react";import{styled as e}from"../theme/stitches.config";import{jsx as o}from"react/jsx-runtime";const r=e("svg",{opacity:0,transition:"$default",path:{fill:"$$tableRowTextColor"},variants:{visible:{true:{opacity:1}},ascending:{true:{transform:"rotate(180deg)"}}}});export const ICON_SIZE=22;export default t=>o(r,{role:"presentation","aria-hidden":"true",focusable:"false",className:"nextui-table-sort-icon",width:22,height:22,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...t,children:o("path",{d:"M12 2C6.49 2 2 6.49 2 12C2 17.51 6.49 22 12 22C17.51 22 22 17.51 22 12C22 6.49 17.51 2 12 2ZM16.06 11.27L12.53 14.8C12.38 14.95 12.19 15.02 12 15.02C11.81 15.02 11.62 14.95 11.47 14.8L7.94 11.27C7.65 10.98 7.65 10.5 7.94 10.21C8.23 9.92 8.71 9.92 9 10.21L12 13.21L15 10.21C15.29 9.92 15.77 9.92 16.06 10.21C16.35 10.5 16.35 10.97 16.06 11.27Z"})});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import e,{useImperativeHandle as o,useRef as t}from"react";import{useTable as r}from"@react-aria/table";import{useTableState as l}from"@react-stately/table";import{Spacer as i}from"../index";import a from"./table-row-group";import n from"./table-column-header";import s from"./table-header-row";import c from"./table-select-all-checkbox";import m from"./table-pagination";import d from"./table-footer";import h from"./table-body";import{hasChild as p,pickSingleChild as u}from"../utils/collections";import{StyledTable as b,StyledTableContainer as f}from"./table.styles";import x from"./table-context";import{excludedTableProps as w}from"../utils/prop-types";import{isInfinityScroll as g}from"./utils";import v from"../utils/with-defaults";import y from"../utils/clsx";import{jsx as k}from"react/jsx-runtime";import{jsxs as N}from"react/jsx-runtime";const C=e.forwardRef(((v,C)=>{const{selectionMode:S,selectionBehavior:j,hideLoading:M,children:P,shadow:L,color:B,animated:I,borderWeight:O,bordered:R,containerCss:W,...E}=v,[F,T]=u(P,m),U=p(P,m),V=l({...v,children:F,showSelectionCheckboxes:void 0!==v.showSelectionCheckboxes?v.showSelectionCheckboxes:"multiple"===S&&"replace"!==j});Object.keys(E).forEach((e=>{w.indexOf(e)>-1&&delete E[e]}));const q=t(null);o(C,(()=>null==q?void 0:q.current));const{collection:z}=V,{gridProps:A}=r(v,V,q),D=e.useMemo((()=>({collection:z,color:B,animated:I})),[z,I,B]);return k(x.Provider,{defaultValues:D,children:k(f,{shadow:L,borderWeight:O,bordered:R,className:"nextui-table-container",css:{...W},children:N(b,{ref:q,color:B,shadow:L,animated:I,hoverable:"none"!==S||E.hoverable,isMultiple:"multiple"===S,hasPagination:U,className:y("nextui-table",E.className),...A,...E,children:[N(a,{as:"thead",isFixed:g(z),children:[z.headerRows.map((e=>k(s,{item:e,state:V,children:[...e.childNodes].map((e=>{var o;return null!=e&&null!=(o=e.props)&&o.isSelectionCell?k(c,{column:e,state:V,color:B,animated:I},null==e?void 0:e.key):k(n,{column:e,state:V,animated:I},null==e?void 0:e.key)}))},null==e?void 0:e.key))),!E.sticked&&k(i,{as:"tr",className:"nextui-table-hidden-row",y:.4})]}),k(h,{state:V,color:B,collection:z,animated:I,hasPagination:U,hideLoading:M}),U&&N(d,{children:[k(i,{as:"tr",className:"nextui-table-hidden-row",y:.6}),k("tr",{role:"row",children:k("th",{tabIndex:-1,role:"columnheader",colSpan:z.columnCount,children:T})})]})]})})})}));C.displayName="NextUI.Table",C.toString=()=>".nextui-table";export default v(C,{animated:!0,hideLoading:!1,selectionMode:"none",selectionBehavior:"toggle"});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{styled as e,cssFocusVisible as l}from"../theme/stitches.config";export const StyledTableHeaderRow=e("tr",{ov:"visible"});export const StyledTableColumnHeader=e("th",{height:"$14",cursor:"default",bg:"$accents1",color:"$accents6",fontSize:"$tiny",textAlign:"left",position:"relative","@motion":{transition:"none"},"&:first-child":{pl:"$8",br:"$md 0 0 $md"},"&:last-child":{pr:"$8",br:"0 $md $md 0"},variants:{align:{start:{textAlign:"left"},center:{textAlign:"center"},end:{textAlign:"right"}},animated:{false:{transition:"none"}},allowsSorting:{true:{transition:"background 0.25s ease 0s, color 0.25s ease 0s",cursor:"pointer","@motion":{transition:"none"},"&:hover":{color:"$accents7",bg:"$accents2"}}}},defaultVariants:{align:"left",animated:!0},compoundVariants:[{animated:!1,allowsSorting:!0,css:{transition:"none"}}]},l);export const StyledTableHeaderCell=e(StyledTableColumnHeader,l);export const StyledTableFooter=e("tfoot",{height:"$14",variants:{align:{start:{textAlign:"left"},center:{textAlign:"center"},end:{textAlign:"right"}}},defaultVariants:{align:"right"}});export const StyledBaseTableCell=e("td",{});export const StyledTableCell=e(StyledBaseTableCell,{position:"relative",userSelect:"none",py:"$5",pr:"$5",zIndex:"$2",ov:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis","&:first-child":{pl:"$8"},"&:last-child":{pr:"$8"},"&:before":{zIndex:"-$1",transition:"background 0.25s ease 0s, opacity 0.25s ease 0s",content:'""',position:"absolute",size:"100%",top:0,left:0,opacity:0},variants:{align:{start:{textAlign:"left"},center:{textAlign:"center"},end:{textAlign:"right"}}}},l);export const StyledTableRow=e("tr",{ov:"visible",color:"$text",variants:{isDisabled:{true:{color:"$accents3",pointerEvents:"none",cursor:"not-allowed"}},isSelected:{true:{color:"$$tableRowTextColor",[`& ${StyledTableCell}:before`]:{opacity:1,bg:"$$tableRowColor"}}}}},l);export const StyledTableRowGroup=e("thead",{variants:{isFixed:{true:{display:"table",width:"100%",tableLayout:"fixed"}},isInfinityScroll:{true:{display:"block",height:"100%",overflow:"auto",[`& ${StyledTableRow}`]:{display:"table",width:"100%",tableLayout:"fixed"}}}},defaultVariants:{isInfinityScroll:!1}});export const StyledTableLoadingRow=e("tr",{width:"100%",display:"flex",alignItems:"center",justifyContent:"center",height:"calc(100% - $space$14)",variants:{isAtEnd:{true:{height:"$space$18"}},isAbsolute:{true:{position:"absolute",left:"0",top:"$10"}}}});export const StyledTable=e("table",{borderCollapse:"separate",borderSpacing:0,width:"100%",p:"$md $sm","@motion":{[`& ${StyledTableCell}:before`]:{transition:"none"}},variants:{animated:{false:{[`& ${StyledTableCell}:before`]:{transition:"none"}}},color:{primary:{$$tableRowColor:"$colors$primaryLight",$$tableRowTextColor:"$colors$primary"},secondary:{$$tableRowColor:"$colors$secondaryLight",$$tableRowTextColor:"$colors$secondary"},success:{$$tableRowColor:"$colors$successLight",$$tableRowTextColor:"$colors$success"},warning:{$$tableRowColor:"$colors$warningLight",$$tableRowTextColor:"$colors$warning"},error:{$$tableRowColor:"$colors$errorLight",$$tableRowTextColor:"$colors$error"}},striped:{true:{[`& ${StyledTableRow}[aria-selected=false]:nth-child(even)`]:{[`& ${StyledTableCell}`]:{bg:"$accents1"}},[`& ${StyledTableRow}:nth-child(even)`]:{[`& ${StyledTableCell}:first-child`]:{br:"$lg 0 0 $lg"},[`& ${StyledTableCell}:last-child`]:{br:"0 $lg $lg 0"}}}},sticked:{true:{p:0,[`& ${StyledTableColumnHeader}:first-child`]:{br:"$lg 0 0 0"},[`& ${StyledTableColumnHeader}:last-child`]:{br:"0 $lg 0 0"}}},lineWeight:{light:{$$tableLineWeight:"$borderWeights$light"},normal:{$$tableLineWeight:"$borderWeights$normal"},bold:{$$tableLineWeight:"$borderWeights$bold"},extrabold:{$$tableLineWeight:"$borderWeights$extrabold"},black:{$$tableLineWeight:"$borderWeights$black"}},headerLined:{true:{[`& ${StyledTableColumnHeader}`]:{position:"relative",bg:"transparent","&:after":{content:"",position:"absolute",left:0,right:0,bottom:0,height:"calc($$tableLineWeight * 1.5)",bg:"$accents2"},"&:first-child":{ml:"$12",br:"0","&:after":{left:"$space$md"}},"&:last-child":{br:"0","&:after":{right:"$space$md"}}}}},lined:{true:{[`& ${StyledTableRow}:not(:last-child)`]:{position:"relative",[`& ${StyledTableCell}:after`]:{content:"",position:"absolute",bottom:0,left:0,right:0,height:"$$tableLineWeight",bg:"$border"},[`& ${StyledTableCell}:first-child`]:{"&:after":{left:"$space$md"}},[`& ${StyledTableCell}:last-child`]:{"&:after":{right:"$space$md"}}},[`& ${StyledTableRow}[aria-selected=true]:not(last-child)`]:{[`& ${StyledTableCell}:after`]:{bg:"$$tableRowTextColor",opacity:.3}}}},fixed:{true:{tableLayout:"fixed"}},hoverable:{true:{[`& ${StyledTableCell}:first-child`]:{br:"$md 0 0 $md"},[`& ${StyledTableCell}:last-child`]:{br:"0 $md $md 0"},[`& ${StyledTableRow}`]:{cursor:"pointer"},[`& ${StyledTableRow}[aria-selected=false]`]:{"&:hover":{[`& ${StyledTableCell}:before`]:{opacity:1,bg:"$accents1"}}},[`& ${StyledTableRow}[aria-selected=true]`]:{"&:hover":{[`& ${StyledTableCell}:before`]:{opacity:.8}}}},false:{[`& ${StyledTableCell}`]:{userSelect:"all"}}},isMultiple:{true:{}},hasPagination:{true:{}},shadow:{true:{}},compact:{true:{[`& ${StyledTableCell}`]:{py:"$1"},[`& ${StyledTableColumnHeader}`]:{height:"$12","&:first-child":{br:"$sm 0 0 $sm"},"&:last-child":{br:"0 $sm $sm 0"}}}}},compoundVariants:[{isMultiple:!0,hoverable:!0,css:{[`& ${StyledTableRow}:not(:first-child):not(:last-child)`]:{[`& ${StyledTableCell}:first-child`]:{br:0},[`& ${StyledTableCell}:last-child`]:{br:0}},[`& ${StyledTableRow}:first-child`]:{[`& ${StyledTableCell}:first-child`]:{br:"$md 0 0 0"},[`& ${StyledTableCell}:last-child`]:{br:"0 $md 0 0"}},[`& ${StyledTableRow}:last-child`]:{[`& ${StyledTableCell}:first-child`]:{br:"0 0 0 $md"},[`& ${StyledTableCell}:last-child`]:{br:"0 0 $md 0"}}}},{isMultiple:!0,hoverable:!0,sticked:!0,css:{[`& ${StyledTableRow}:first-child`]:{[`& ${StyledTableCell}:first-child`]:{br:"0"},[`& ${StyledTableCell}:last-child`]:{br:"0"}}}},{compact:!0,shadow:!0,css:{p:"$md $sm"}},{compact:!0,sticked:!0,css:{p:0}},{sticked:!0,isMultiple:!1,hoverable:!0,hasPagination:!1,css:{[`& ${StyledTableRow}:not(:last-child)`]:{[`& ${StyledTableCell}`]:{br:"0"}},[`& ${StyledTableRow}:last-child`]:{[`& ${StyledTableCell}:first-child`]:{br:"0 0 0 $md"},[`& ${StyledTableCell}:last-child`]:{br:"0 0 $md 0"}}}},{sticked:!0,isMultiple:!1,hoverable:!0,hasPagination:!0,css:{[`& ${StyledTableRow}`]:{[`& ${StyledTableCell}`]:{br:"0"}}}},{sticked:!0,hasPagination:!0,css:{pb:"$5"}},{sticked:!0,hasPagination:!0,isMultiple:!0,hoverable:!0,css:{[`& ${StyledTableRow}:last-child`]:{[`& ${StyledTableCell}:first-child`]:{br:"0"},[`& ${StyledTableCell}:last-child`]:{br:"0"}}}}],defaultVariants:{sticked:!1,color:"primary",lineWeight:"light"}});export const StyledTableContainer=e("div",{display:"flex",flexDirection:"column",br:"$xl",overflowX:"auto",overflowY:"hidden",variants:{shadow:{true:{bs:"$md"}},bordered:{true:{borderStyle:"solid",borderColor:"$border"},false:{bw:0}},borderWeight:{light:{bw:"$light"},normal:{bw:"$normal"},bold:{bw:"$bold"},extrabold:{bw:"$extrabold"},black:{bw:"$black"}}},defaultVariants:{shadow:!0,borderWeight:"normal"}});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export const isInfinityScroll=e=>{var t;const n=null==(t=e.body)?void 0:t.props;return void 0!==(null==n?void 0:n.loadingState)&&"function"==typeof(null==n?void 0:n.onLoadMore)};export const mapPropsToCheckboxAttr=e=>{const{isSelected:t,defaultSelected:n,isIndeterminate:o,isReadOnly:i,isRequired:d,...r}=e;return{checked:t,initialChecked:n,indeterminate:o,readOnly:i,required:d,...r}};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import t,{useMemo as r}from"react";import e from"../utils/with-defaults";import{isNormalColor as o}from"../utils/color";import{useDOMRef as i}from"../utils/dom";import{__DEV__ as m}from"../utils/assertion";import{StyledText as s}from"./text.styles";import{jsx as l}from"react/jsx-runtime";export const TextChild=t.forwardRef(((t,e)=>{const{children:m,tag:f,color:n,transform:a,margin:x,size:d,css:c,...p}=t,u=i(e),h=r((()=>o(n)?"default"===n?"$text":`$${n}`:n),[n]),C=r((()=>d?"number"==typeof d?`${d}px`:d:"inherit"),[d]),T=r((()=>x?"number"==typeof x?`${d}px`:x:"inherit"),[x]);return l(s,{ref:u,as:f,css:{color:h,fontSize:d?C:"",margin:T,tt:a,...c},...p,children:m})}));m&&(TextChild.displayName="NextUI.TextChild"),TextChild.toString=()=>".nextui-text-child";const f=t.memo(TextChild);export default e(f,{color:"default"});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import t from"./text";export{StyledText}from"./text.styles";export default t;
|
package/esm/text/text.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import t,{useMemo as e}from"react";import r from"../utils/with-defaults";import{useDOMRef as o}from"../utils/dom";import{__DEV__ as i}from"../utils/assertion";import l from"./child";import{jsx as s}from"react/jsx-runtime";const m=(t,e,r,o)=>{if(!t.length)return e;const i=t.slice(1,t.length);return s(l,{tag:t[0],size:r,transform:o,children:m(i,e,r)})};export const Text=t.forwardRef(((t,r)=>{const{h1:i,h2:n,h3:h,h4:a,h5:f,h6:c,b:u,small:d,i:p,span:x,del:b,em:g,blockquote:k,transform:T,size:j,margin:q,children:y,...z}=t,w=o(r),N={h1:i,h2:n,h3:h,h4:a,h5:f,h6:c,blockquote:k},O={span:x,small:d,b:u,em:g,i:p,del:b},I=Object.keys(N).filter((t=>N[t])),R=Object.keys(O).filter((t=>O[t])),S=e((()=>I[0]?I[0]:R[0]?R[0]:"p"),[I,R]),U=R.filter((t=>t!==S)),v=e((()=>U.length?m(U,y,j,T):y),[U,y,j,T]);return s(l,{ref:w,transform:T,tag:S,margin:q,size:j,...z,children:v})}));i&&(Text.displayName="NextUI.Text"),Text.toString=()=>".nextui-text";const n=t.memo(Text);export default r(n,{h1:!1,h2:!1,h3:!1,h4:!1,h5:!1,h6:!1,b:!1,small:!1,transform:"none",i:!1,span:!1,del:!1,em:!1,blockquote:!1,color:"default"});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{styled as t}from"../theme/stitches.config";export const StyledText=t("p",{variants:{weight:{hairline:{fontWeight:"$hairline"},thin:{fontWeight:"$thin"},light:{fontWeight:"$light"},normal:{fontWeight:"$normal"},medium:{fontWeight:"$medium"},semibold:{fontWeight:"$semibold"},bold:{fontWeight:"$bold"},extrabold:{fontWeight:"$extrabold"},black:{fontWeight:"$black"}}}});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import t from"./textarea";export default t;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import e,{useRef as t,useImperativeHandle as r,useLayoutEffect as s}from"react";import o from"../utils/with-defaults";import i from"../input";import n from"../use-resize";import a from"../use-warning";import{excludedInputPropsForTextarea as m}from"../utils/prop-types";import{__DEV__ as u}from"../utils/assertion";import{calculateNodeHeight as c,getSizingData as l}from"./utils";import{jsx as p}from"react/jsx-runtime";const f=e.forwardRef(((o,f)=>{const x=t(null),h=e.useRef(0),g=e.useRef(),{cacheMeasurements:d,rows:w,maxRows:y,minRows:R,onChange:H,onHeightChange:j,css:v,...C}=o;Object.keys(C).forEach((e=>{m.indexOf(e)>-1&&delete C[e]}));const P=void 0!==C.value;u&&C.style&&("maxHeight"in C.style&&a("Using `style.maxHeight` for <Textarea/> is not supported. Please use `maxRows`."),"minHeight"in C.style&&a("Using `style.minHeight` for <Textarea/> is not supported. Please use `minRows`.")),r(f,(()=>x.current));const T=()=>{const e=x.current,t=d&&g.current?g.current:l(e);if(!t)return;g.current=t;const[r,s]=c(t,e.value||e.placeholder||"x",w||R,w||y);h.current!==r&&(h.current=r,e.style.setProperty("height",`${r}px`,"important"),j&&j(r,{rowHeight:s}))};return"undefined"!=typeof document&&(s(T),n(T)),p(i,{as:"textarea",ref:x,onChange:e=>{P||T(),H&&H(e)},css:{...v},...C})}));u&&(f.displayName="NextUI.Textarea"),f.toString=()=>".nextui-textarea";export default o(f,{minRows:3,maxRows:6,cacheMeasurements:!0,initialValue:""});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{pick as t}from"../utils/collections";const e=["borderBottomWidth","borderLeftWidth","borderRightWidth","borderTopWidth","boxSizing","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","lineHeight","paddingBottom","paddingLeft","paddingRight","paddingTop","tabSize","textIndent","textRendering","textTransform","width","wordBreak"],o={"min-height":"0","max-height":"none",height:"0",visibility:"hidden",overflow:"hidden",position:"absolute","z-index":"-1000",top:"0",right:"0"},i="undefined"!=typeof document&&!!document.documentElement.currentStyle;export const forceHiddenStyles=t=>{Object.keys(o).forEach((e=>{t.style.setProperty(e,o[e],"important")}))};export const getSizingData=o=>{const r=window.getComputedStyle(o);if(null===r)return null;const d=t(e,r),{boxSizing:n}=d;if(""===n)return null;i&&"border-box"===n&&(d.width=parseFloat(d.width)+parseFloat(d.borderRightWidth)+parseFloat(d.borderLeftWidth)+parseFloat(d.paddingRight)+parseFloat(d.paddingLeft)+"px");return{sizingStyle:d,paddingSize:parseFloat(d.paddingBottom)+parseFloat(d.paddingTop),borderSize:parseFloat(d.borderBottomWidth)+parseFloat(d.borderTopWidth)}};let r=null;export const calculateNodeHeight=(t,e,o=1,i=1/0)=>{r||(r=document.createElement("textarea"),r.setAttribute("tabindex","-1"),r.setAttribute("aria-hidden","true"),forceHiddenStyles(r)),null===r.parentNode&&document.body.appendChild(r);const{paddingSize:d,borderSize:n,sizingStyle:a}=t,{boxSizing:l}=a;Object.keys(a).forEach((t=>{const e=t;r.style[e]=a[e]})),forceHiddenStyles(r),r.value=e;let s=((t,e)=>{const o=t.scrollHeight;return"border-box"===e.sizingStyle.boxSizing?o+e.borderSize:o-e.paddingSize})(r,t);r.value="x";const p=r.scrollHeight-d;let g=p*o;"border-box"===l&&(g=g+d+n),s=Math.max(g,s);let h=p*i;return"border-box"===l&&(h=h+d+n),s=Math.min(h,s),[s,p]};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{defaultThemeMap as e}from"@stitches/react";export const defaultTokens={fonts:{sans:"-apple-system, BlinkMacSystemFont, 'Segoe UI','Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans','Helvetica Neue', sans-serif;",mono:"Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono','Courier New', monospace;"},fontSizes:{tiny:".75rem",xs:"0.875rem",base:"1rem",sm:"1.25rem",md:"1.5rem",lg:"2.25rem",xl:"3rem"},fontWeights:{hairline:100,thin:200,light:300,normal:400,medium:500,semibold:600,bold:700,extrabold:800,black:900},lineHeights:{xs:1,sm:1.25,md:1.5,lg:1.625,xl:1.75},letterSpacings:{tighter:"-0.05em",tight:"-0.025em",normal:"0",wide:"0.025em",wider:"0.05em",widest:"0.1em"},space:{0:"0rem",xs:"0.5rem",sm:"0.75rem",md:"1rem",lg:"1.25rem",xl:"2.25rem",px:"1px",1:"0.125rem",2:"0.25rem",3:"0.375rem",4:"0.5rem",5:"0.625rem",6:"0.75rem",7:"0.875rem",8:"1rem",9:"1.25rem",10:"1.5rem",11:"1.75rem",12:"2rem",13:"2.25rem",14:"2.5rem",15:"2.75rem",16:"3rem",17:"3.5rem",18:"4rem",20:"5rem",24:"6rem",28:"7rem",32:"8rem",36:"9rem",40:"10rem",44:"11rem",48:"12rem",52:"13rem",56:"14rem",60:"15rem",64:"16rem",72:"18rem",80:"20rem",96:"24rem"},radii:{xs:"7px",sm:"9px",md:"12px",base:"14px",lg:"14px",xl:"18px",squared:"33%",rounded:"50%",pill:"9999px"},zIndices:{1:"100",2:"200",3:"300",4:"400",5:"500",10:"1000",max:"9999"},borderWeights:{light:"1px",normal:"2px",bold:"3px",extrabold:"4px",black:"5px"},transitions:{default:"all 250ms ease",button:"background 0.25s ease 0s, color 0.25s ease 0s, border-color 0.25s ease 0s, box-shadow 0.25s ease 0s, transform 0.25s ease 0s, opacity 0.25s ease 0s",avatar:"box-shadow 0.25s ease 0s, opacity 0.25s ease 0s",link:"opacity 0.25s ease 0s, background 0.25s ease 0s",card:"transform 0.25s ease 0s"},breakpoints:{xs:"650px",sm:"960px",md:"1280px",lg:"1400px",xl:"1920px"}};export const defaultColors={white:"#ffffff",black:"#000000",blue100:"#bfd8fc",blue200:"#98D5FD",blue300:"#64B8FB",blue400:"#3D9CF7",blue500:"#0070F3",blue600:"#0056D0",blue700:"#0040AE",blue800:"#002D8C",blue900:"#002074",purple100:"#dbc8f0",purple200:"#DDA9F9",purple300:"#C17CEF",purple400:"#A258DF",purple500:"#7928ca",purple600:"#5E1DAD",purple700:"#461491",purple800:"#310C75",purple900:"#220760",green100:"#dafee8",green200:"#A1F9AC",green300:"#6FEE8D",green400:"#4ADE7B",green500:"#17c964",green600:"#10AC63",green700:"#0B905F",green800:"#077457",green900:"#046050",yellow100:"#fce6c7",yellow200:"#FEE7A6",yellow300:"#FCD57A",yellow400:"#F9C258",yellow500:"#f5a623",yellow600:"#D28519",yellow700:"#B06811",yellow800:"#8E4D0B",yellow900:"#753A06",red100:"#fbc4d5",red200:"#FDA0A5",red300:"#FB7085",red400:"#F74C77",red500:"#f21361",red600:"#D00D65",red700:"#AE0963",red800:"#8C065C",red900:"#740357",cyan100:"#EEFFF4",cyan200:"#DDFFED",cyan300:"#CCFFE9",cyan400:"#BFFFEA",cyan500:"#AAFFEC",cyan600:"#7CDBCF",cyan700:"#55B7B4",cyan800:"#368D93",cyan900:"#206C7A",pink100:"#FFDBE7",pink200:"#FFB8D6",pink300:"#FF94CC",pink400:"#FF7ACC",pink500:"#ff4ecd",pink600:"#DB39BD",pink700:"#B727AA",pink800:"#921893",pink900:"#6E0E7A",gray100:"#F4F4F4",gray200:"#EAEAEA",gray300:"#C1C1C1",gray400:"#999999",gray500:"#888888",gray600:"#666666",gray700:"#444444",gray800:"#333333",gray900:"#111111",primaryLight:"$blue100",primary:"$blue500",primaryDark:"$blue600",primaryShadow:"$blue100",secondaryLight:"$purple100",secondary:"$purple500",secondaryDark:"$purple600",secondaryShadow:"$purple100",successLight:"$green100",success:"$green500",successDark:"$green600",successShadow:"$green100",warningLight:"$yellow100",warning:"$yellow500",warningDark:"$yellow600",warningShadow:"$yellow100",errorLight:"$red100",error:"$red500",errorDark:"$red600",errorShadow:"$red100",gradient:"linear-gradient(112deg, $cyan500 -63.59%, $pink500 -20.3%, $blue500 70.46%)",link:"$blue500"};export const defaultMedia={xs:`(min-width: ${defaultTokens.breakpoints.xs})`,sm:`(min-width: ${defaultTokens.breakpoints.sm})`,md:`(min-width: ${defaultTokens.breakpoints.md})`,lg:`(min-width: ${defaultTokens.breakpoints.lg})`,xl:`(min-width: ${defaultTokens.breakpoints.xl})`,xsMax:`(max-width: ${defaultTokens.breakpoints.xs})`,smMax:`(max-width: ${defaultTokens.breakpoints.sm})`,mdMax:`(max-width: ${defaultTokens.breakpoints.md})`,lgMax:`(max-width: ${defaultTokens.breakpoints.lg})`,xlMax:`(max-width: ${defaultTokens.breakpoints.xl})`,motion:"(prefers-reduced-motion: reduce)",safari:"not all and (min-resolution:.001dpcm)",hover:"(any-hover: hover)",dark:"(prefers-color-scheme: dark)",light:"(prefers-color-scheme: light)"};export const defaultUtils={p:e=>({padding:e}),pt:e=>({paddingTop:e}),pr:e=>({paddingRight:e}),pb:e=>({paddingBottom:e}),pl:e=>({paddingLeft:e}),px:e=>({paddingLeft:e,paddingRight:e}),py:e=>({paddingTop:e,paddingBottom:e}),m:e=>({margin:e}),mt:e=>({marginTop:e}),mr:e=>({marginRight:e}),mb:e=>({marginBottom:e}),ml:e=>({marginLeft:e}),mx:e=>({marginLeft:e,marginRight:e}),my:e=>({marginTop:e,marginBottom:e}),ta:e=>({textAlign:e}),tt:e=>({textTransform:e}),to:e=>({textOverflow:e}),d:e=>({display:e}),dflex:e=>({display:"flex",alignItems:e,justifyContent:e}),fd:e=>({flexDirection:e}),fw:e=>({flexWrap:e}),ai:e=>({alignItems:e}),ac:e=>({alignContent:e}),jc:e=>({justifyContent:e}),as:e=>({alignSelf:e}),fg:e=>({flexGrow:e}),fs:e=>({fontSize:e}),fb:e=>({flexBasis:e}),bc:e=>({backgroundColor:e}),bf:e=>({backdropFilter:e}),bg:e=>({background:e}),bgBlur:e=>({bf:"saturate(180%) blur(10px)",bg:`${e}66`}),bgColor:e=>({backgroundColor:e}),backgroundClip:e=>({WebkitBackgroundClip:e,backgroundClip:e}),bgClip:e=>({WebkitBackgroundClip:e,backgroundClip:e}),br:e=>({borderRadius:e}),bw:e=>({borderWidth:e}),btrr:e=>({borderTopRightRadius:e}),bbrr:e=>({borderBottomRightRadius:e}),bblr:e=>({borderBottomLeftRadius:e}),btlr:e=>({borderTopLeftRadius:e}),bs:e=>({boxShadow:e}),normalShadow:e=>({boxShadow:`0 4px 14px 0 $colors${e}`}),normalShadowVar:e=>({boxShadow:`0 4px 14px 0 ${e}`}),lh:e=>({lineHeight:e}),ov:e=>({overflow:e}),ox:e=>({overflowX:e}),oy:e=>({overflowY:e}),pe:e=>({pointerEvents:e}),events:e=>({pointerEvents:e}),us:e=>({WebkitUserSelect:e,userSelect:e}),userSelect:e=>({WebkitUserSelect:e,userSelect:e}),w:e=>({width:e}),h:e=>({height:e}),mw:e=>({maxWidth:e}),maxW:e=>({maxWidth:e}),mh:e=>({maxHeight:e}),maxH:e=>({maxHeight:e}),size:e=>({width:e,height:e}),minSize:e=>({minWidth:e,minHeight:e,width:e,height:e}),sizeMin:e=>({minWidth:e,minHeight:e,width:e,height:e}),maxSize:e=>({maxWidth:e,maxHeight:e}),sizeMax:e=>({maxWidth:e,maxHeight:e}),appearance:e=>({WebkitAppearance:e,appearance:e}),scale:e=>({transform:`scale(${e})`}),linearGradient:e=>({backgroundImage:`linear-gradient(${e})`}),tdl:e=>({textDecorationLine:e}),textGradient:e=>({backgroundImage:`linear-gradient(${e})`,WebkitBackgroundClip:"text",WebkitTextFillColor:"transparent","&::selection":{WebkitTextFillColor:"$colors$text"}})};export const defaultThemeMap={...e,width:"space",height:"space",minWidth:"space",maxWidth:"space",minHeight:"space",maxHeight:"space",flexBasis:"space",gridTemplateColumns:"space",gridTemplateRows:"space",blockSize:"space",minBlockSize:"space",maxBlockSize:"space",inlineSize:"space",minInlineSize:"space",maxInlineSize:"space",borderWidth:"borderWeights"};export default{prefix:"nextui",theme:{...defaultTokens,colors:defaultColors,shadows:{}},media:defaultMedia,utils:defaultUtils,themeMap:defaultThemeMap};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export default{colors:{accents1:"$gray900",accents2:"$gray800",accents3:"$gray700",accents4:"$gray600",accents5:"$gray500",accents6:"$gray400",accents7:"$gray300",accents8:"$gray200",accents9:"$gray100",blue900:"#001835",purple900:"#1c0631",green900:"#033116",yellow900:"#3d2705",red900:"#3c0216",primaryLight:"$blue900",primaryShadow:"$blue600",secondaryLight:"$purple900",secondaryShadow:"$purple600",successLight:"$green900",successShadow:"$green600",warningLight:"$yellow900",warningShadow:"$yellow600",errorLight:"$red900",errorShadow:"$red600",background:"$black",foreground:"$white",backgroundContrast:"$accents1",text:"$white",codeLight:"#16272e",code:"#6cc0e1",border:"$gray700",selection:"#ff4ecd"},shadows:{xs:"-4px 0 15px rgb(0 0 0 / 50%)",sm:"0 5px 20px -5px rgba(20, 20, 20, 0.1)",md:"0 8px 30px rgba(20, 20, 20, 0.15)",lg:"0 30px 60px rgba(20, 20, 20, 0.15)",xl:"0 40px 80px rgba(20, 20, 20, 0.25)"}};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export*from"./types";export*from"./stitches.config";export{default as NextUIProvider}from"./theme-provider";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export default{colors:{accents1:"$gray100",accents2:"$gray200",accents3:"$gray300",accents4:"$gray400",accents5:"$gray500",accents6:"$gray600",accents7:"$gray700",accents8:"$gray800",accents9:"$gray900",background:"$white",foreground:"$black",backgroundContrast:"$white",text:"$gray800",codeLight:"$pink100",code:"$pink600",border:"$gray200",selection:"$blue200"},shadows:{xs:"-4px 0 4px rgb(0 0 0 / 5%);",sm:"0 5px 20px -5px rgba(0, 0, 0, 0.1)",md:"0 8px 30px rgba(0, 0, 0, 0.15)",lg:"0 30px 60px rgba(0, 0, 0, 0.15)",xl:"0 40px 80px rgba(0, 0, 0, 0.25)"}};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{createStitches as e}from"@stitches/react";import o from"./common";import t from"./light-theme";import s from"./dark-theme";import r from"../utils/deep-merge";export const getStitchesTheme=e=>r(e,o.theme);const c=e({...o,theme:{...o.theme,shadows:{...t.shadows},colors:{...o.theme.colors,...t.colors}}});export const createThemeBase=c.createTheme;export const styled=c.styled;export const css=c.css;export const globalCss=c.globalCss;export const keyframes=c.keyframes;export const getCssText=c.getCssText;export const theme=c.theme;export const config=c.config;export const sharedFocus=css({WebkitTapHighlightColor:"transparent","&:focus:not(&:focus-visible)":{boxShadow:"none"},"&:focus":{outline:"none",boxShadow:"0 0 0 2px $colors$background, 0 0 0 4px $colors$primary"},"@safari":{WebkitTapHighlightColor:"transparent",outline:"none"}});export const cssFocusVisible=css({variants:{isFocusVisible:{true:{outline:"transparent solid 2px",outlineOffset:"2px",boxShadow:"0 0 0 2px $colors$background, 0 0 0 4px $colors$primary"},false:{outline:"none"}}}});export const sharedVisuallyHidden=css({border:"0px",clip:"rect(0px, 0px, 0px, 0px)",height:"1px",width:"1px",margin:"-1px",padding:"0px",overflow:"hidden",whiteSpace:"nowrap",position:"absolute"});export const createTheme=({type:e,theme:o,className:c})=>{if(!e)throw new Error("Theme type is required");return createThemeBase(c||`${e}-theme`,r("dark"===e?s:t,o))};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import t from"react";import{theme as e}from"./stitches.config";export const defaultContext={isDark:!1,theme:e,type:"light"};const o=t.createContext(defaultContext);export default o;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import e,{useState as t,useMemo as r,useEffect as o}from"react";import{SSRProvider as m}from"@react-aria/ssr";import{OverlayProvider as s}from"@react-aria/overlays";import i from"../css-baseline";import l,{defaultContext as a}from"./theme-context";import n from"../utils/with-defaults";import u from"../utils/deep-merge";import{copyObject as d}from"../utils/object";import{changeTheme as c,getThemeName as p,getDocumentCSSTokens as v,getDocumentTheme as f}from"./utils";import b from"../use-ssr";import{jsx as h}from"react/jsx-runtime";import{jsxs as y}from"react/jsx-runtime";export default n((({theme:e,disableBaseline:n,children:x})=>{const{isBrowser:j}=b(),[B,N]=t(a.type),g=e=>{N((t=>t!==e?e:t))},w=e=>{const t=f(e);t&&g(t)},E=r((()=>{const e=j?v():{},t=u(d(a.theme),e),r=p(B);return{theme:t,type:r,isDark:"dark"===r}}),[B,j]);return o((()=>{var e,t,r;w(null==(e=document)?void 0:e.documentElement);const o=new MutationObserver((e=>{var t;if(e&&e.length>0&&"BODY"===(null==(t=e[0])?void 0:t.target.nodeName)){var r,o,m;const e=null==(r=document)||null==(o=r.body)||null==(m=o.dataset)?void 0:m.theme;e&&g(e)}else{var s;w(null==(s=document)?void 0:s.documentElement)}}));return o.observe(null==(t=document)?void 0:t.documentElement,{attributes:!0,attributeFilter:["data-theme","style"]}),o.observe(null==(r=document)?void 0:r.body,{attributes:!0,attributeFilter:["data-theme","style"]}),()=>o.disconnect()}),[]),o((()=>{j&&e&&null!=e&&e.className&&(c(e.className),g(p(e.className)))}),[j,e]),h(m,{children:h(s,{children:y(l.Provider,{value:E,children:[!n&&h(i,{}),x]})})})}),{disableBaseline:!1});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export{};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import e from"./common";import t from"./light-theme";import l from"../utils/clsx";export const getTokenValue=(t,l)=>{if(!document||!t)return"";let o=getComputedStyle(document.documentElement);const r=`--${e.prefix}-${t}-${l}`,n=o.getPropertyValue(r);return n&&n.includes("var")&&getTokenValue(t,n),n};export const getDocumentCSSTokens=()=>{const l=[...Object.keys(e.theme.colors),...Object.keys(t.colors)],o=Object.keys(t.shadows);return{colors:l.reduce(((t,l)=>{const o=getTokenValue("colors",l);return o&&(t[l]={prefix:e.prefix,scale:"colors",token:l,value:o}),t}),{}),shadows:o.reduce(((t,l)=>{const o=getTokenValue("shadows",l);return o&&(t[l]={prefix:e.prefix,scale:"shadows",token:l,value:o}),t}),{})}};export const getDocumentTheme=e=>{var t;const l=(null==e||null==(t=e.getAttribute("style"))?void 0:t.split(";").map((e=>e.trim())).filter((e=>e.includes("color-scheme"))))||[],o=l.length>0?l[0].replace("color-scheme: ","").replace(";",""):"";return(null==e?void 0:e.getAttribute("data-theme"))||o};export const getThemeName=e=>"string"==typeof e&&null!=e&&e.includes("-theme")?null==e?void 0:e.replace("-theme",""):e;export const changeTheme=e=>{var t,o;if(!document)return;const r=document.documentElement,n=(null==r||null==(t=r.getAttribute("class"))?void 0:t.split(" ").filter((e=>!e.includes("theme")&&!e.includes("light")&&!e.includes("dark"))))||[],s=(null==r||null==(o=r.getAttribute("style"))?void 0:o.split(";").filter((e=>!e.includes("color-scheme")&&e.length)).map((e=>`${e};`)))||[];null==r||r.setAttribute("class",l(n,`${getThemeName(e)}-theme`)),null==r||r.setAttribute("style",l(s,`color-scheme: ${e};`))};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import o from"./tooltip";export{StyledTooltipTrigger,StyledTooltipArrow,StyledTooltipContent,StyledTooltip}from"./tooltip.styles";export default o;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
const t={top:-1e3,left:-1e3,right:-1e3,bottom:-1e3,width:0,height:0};export const getRect=o=>{if(!o||!o.current)return t;const e=o.current.getBoundingClientRect();return{...e,width:e.width||e.right-e.left,height:e.height||e.bottom-e.top,top:e.top+document.documentElement.scrollTop,bottom:e.bottom+document.documentElement.scrollTop,left:e.left+document.documentElement.scrollLeft,right:e.right+document.documentElement.scrollLeft}};export const defaultTooltipPlacement={top:"-1000px",left:"-1000px",transform:"none"};export const getPlacement=(t,o,e)=>{const r={top:{top:o.top-e+"px",left:`${o.left+o.width/2}px`,transform:"translate(-50%, -100%)"},topStart:{top:o.top-e+"px",left:`${o.left}px`,transform:"translate(0, -100%)"},topEnd:{top:o.top-e+"px",left:`${o.left+o.width}px`,transform:"translate(-100%, -100%)"},bottom:{top:`${o.bottom+e}px`,left:`${o.left+o.width/2}px`,transform:"translate(-50%, 0)"},bottomStart:{top:`${o.bottom+e}px`,left:`${o.left}px`,transform:"translate(0, 0)"},bottomEnd:{top:`${o.bottom+e}px`,left:`${o.left+o.width}px`,transform:"translate(-100%, 0)"},left:{top:`${o.top+o.height/2}px`,left:o.left-e+"px",transform:"translate(-100%, -50%)"},leftStart:{top:`${o.top}px`,left:o.left-e+"px",transform:"translate(-100%, 0)"},leftEnd:{top:`${o.top+o.height}px`,left:o.left-e+"px",transform:"translate(-100%, -100%)"},right:{top:`${o.top+o.height/2}px`,left:`${o.right+e}px`,transform:"translate(0, -50%)"},rightStart:{top:`${o.top}px`,left:`${o.right+e}px`,transform:"translate(0, 0)"},rightEnd:{top:`${o.top+o.height}px`,left:`${o.right+e}px`,transform:"translate(0, -100%)"}};return r[t]||r.top};export const getIconPlacement=(t,o)=>{const e={top:{top:"auto",right:"auto",left:"50%",bottom:"0px",transform:"translate(-50%, 100%) rotate(45deg)"},topStart:{top:"auto",right:"auto",left:"8%",bottom:"0px",transform:"translate(8%, 100%) rotate(45deg)"},topEnd:{top:"auto",right:"8%",left:"auto",bottom:"0px",transform:"translate(8%, 100%) rotate(45deg)"},bottom:{top:"0px",right:"auto",left:"50%",bottom:"auto",transform:"translate(-50%, -100%) rotate(225deg)"},bottomStart:{top:"0px",right:"auto",left:"8%",bottom:"auto",transform:"translate(8%, -100%) rotate(225deg)"},bottomEnd:{top:"0px",right:"8%",left:"auto",bottom:"auto",transform:"translate(8%, -100%) rotate(225deg)"},left:{top:"50%",right:`-${o-1}px`,left:"auto",bottom:"auto",transform:"translate(100%, -50%) rotate(-45deg)"},leftStart:{top:"calc(15% + 1px)",right:`-${o-1}px`,left:"auto",bottom:"auto",transform:"translate(100%, 0) rotate(-45deg)"},leftEnd:{top:"auto",right:`-${o-1}px`,left:"auto",bottom:"calc(15% + 1px)",transform:"translate(100%, 0) rotate(-45deg)"},right:{top:"50%",right:"auto",left:`-${o-1}px`,bottom:"auto",transform:"translate(-100%, -50%) rotate(135deg)"},rightStart:{top:"calc(15% + 1px)",right:"auto",left:`-${o-1}px`,bottom:"auto",transform:"translate(-100%, 0) rotate(135deg)"},rightEnd:{top:"auto",right:"auto",left:`-${o-1}px`,bottom:"calc(15% + 1px)",transform:"translate(-100%, 0) rotate(135deg)"}};return e[t]||e.top};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import t,{useEffect as o,useMemo as e,useRef as r,useState as i}from"react";import{createPortal as s}from"react-dom";import a from"../use-portal";import m from"../use-resize";import n from"../utils/css-transition";import l from"../use-click-anywhere";import{getRect as p,getPlacement as c,defaultTooltipPlacement as f,getIconPlacement as u}from"./placement";import d from"../utils/clsx";import{StyledTooltipContent as h,StyledTooltip as w,StyledTooltipArrow as x}from"./tooltip.styles";import $ from"../utils/with-defaults";import{jsx as v}from"react/jsx-runtime";import{jsxs as g}from"react/jsx-runtime";const N="nextui-tooltip",b=({children:t,parent:$,visible:b,offset:j,placement:y,rounded:k,animated:A,className:P,hideArrow:T,css:z,...C})=>{const E=a("tooltip"),I=r(null),[S,q]=i(f);if(!$)return null;const B=()=>{const t=c(y,p($),j);q(t)},{transform:D,top:F,left:G,right:H,bottom:J}=e((()=>u(y,5)),[y]);m(B),l((()=>B())),o((()=>{B()}),[b]);const K=e((()=>b?"open":"closed"),[b]);return E?s(v(n,{name:`${N}-wrapper`,visible:b,enterTime:20,leaveTime:20,children:v(h,{className:d(`${N}-content`,`${N}--${K}`,P),"data-state":K,ref:I,onClick:t=>{t.stopPropagation(),t.nativeEvent.stopImmediatePropagation()},animated:A,css:{left:S.left,top:`calc(${S.top} + 6px)`,transform:S.transform,[`&.${N}-wrapper-enter-active`]:{opacity:1,top:S.top},...z},...C,children:g(w,{role:"tooltip","data-state":K,hideArrow:T,className:d(N,{[`${N}--with-arrow`]:!T}),children:[v(x,{className:`${N}-arrow`,css:{left:G,top:F,right:H,bottom:J,transform:D}}),t]})})}),E):null};b.toString=()=>".nextui-tooltip-content";export default $(b,{placement:"top",offset:12,className:""});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import e,{useEffect as o,useRef as t,useState as r}from"react";import i from"../utils/with-defaults";import n from"./tooltip-content";import l from"../use-click-away";import{StyledTooltipTrigger as s}from"./tooltip.styles";import{jsx as a}from"react/jsx-runtime";import{jsxs as c}from"react/jsx-runtime";const m=({children:e,initialVisible:i,content:m,offset:u,placement:d,portalClassName:p,enterDelay:f,leaveDelay:h,trigger:w,rounded:b,animated:g,shadow:v,className:C,color:x,contentColor:k,onVisibleChange:y,hideArrow:N,css:j,triggerCss:D,onClick:M,keepMounted:V,visible:A,...T})=>{const B=t(),E=t(null),[F,I]=r(i),K={animated:g,visible:F,css:j,shadow:v,offset:u,placement:d,rounded:b,color:x,contentColor:k,hideArrow:N,parent:E,className:p},L=e=>{const o=()=>{clearTimeout(B.current),B.current=void 0},t=e=>{I(e),y(e),o()};o(),B.current=e?window.setTimeout((()=>t(!0)),f):window.setTimeout((()=>t(!1)),h)},S=e=>{"hover"===w&&L(e)};return l(E,(()=>"click"===w&&!V&&L(!1))),o((()=>{void 0!==A&&L(A)}),[A]),c(s,{ref:E,role:"button",tabIndex:-1,className:`nextui-tooltip-button ${C}`,onClick:()=>{"click"===w&&L(!F),null==M||M()},onKeyUp:()=>S(!0),onMouseEnter:()=>S(!0),onMouseLeave:()=>S(!1),onFocus:()=>S(!0),onBlur:()=>S(!1),css:{...D},...T,children:[e,m&&a(n,{...K,children:m})]})};m.toString=()=>".nextui-tooltip";export default i(m,{initialVisible:!1,hideArrow:!1,animated:!0,shadow:!0,rounded:!1,keepMounted:!1,trigger:"hover",enterDelay:0,leaveDelay:0,className:"",portalClassName:"",onVisibleChange:()=>{}});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{styled as o}from"../theme/stitches.config";export const StyledTooltipTrigger=o("div",{width:"max-content",display:"inherit"});export const StyledTooltipArrow=o("span",{display:"none",content:"",size:"$5",zIndex:"-2",background:"$$tooltipColor",br:"0px 0px 2px 0px",position:"absolute"});export const StyledTooltip=o("div",{position:"relative",fs:"$xs",padding:0,variants:{hideArrow:{false:{[`& ${StyledTooltipArrow}`]:{display:"block"}}}}});export const StyledTooltipContent=o("div",{position:"absolute",width:"auto",padding:"$3 $sm",opacity:0,zIndex:"$10",br:"$lg","@motion":{transition:"none"},variants:{color:{default:{$$tooltipColor:"$colors$background",bg:"$$tooltipColor"},primary:{$$tooltipColor:"$colors$primary",bg:"$$tooltipColor"},secondary:{$$tooltipColor:"$colors$secondary",bg:"$$tooltipColor"},success:{$$tooltipColor:"$colors$success",bg:"$$tooltipColor"},warning:{$$tooltipColor:"$colors$warning",bg:"$$tooltipColor"},error:{$$tooltipColor:"$colors$error",bg:"$$tooltipColor"},invert:{$$tooltipColor:"$colors$foreground",bg:"$$tooltipColor"}},contentColor:{default:{$$tooltipTextColor:"$colors$text",color:"$$tooltipTextColor"},primary:{$$tooltipTextColor:"$colors$primary",color:"$$tooltipTextColor"},secondary:{$$tooltipTextColor:"$colors$secondary",color:"$$tooltipTextColor"},success:{$$tooltipTextColor:"$colors$success",color:"$$tooltipTextColor"},warning:{$$tooltipTextColor:"$colors$warning",color:"$$tooltipTextColor"},error:{$$tooltipTextColor:"$colors$error",color:"$$tooltipTextColor"},invert:{$$tooltipTextColor:"$colors$invert",color:"$$tooltipTextColor"}},rounded:{true:{br:"$pill"}},shadow:{true:{bs:"$md"}},animated:{true:{transition:"opacity 0.25s ease 0s, top 0.25s ease 0s"},false:{transition:"none"}}},compoundVariants:[{color:"primary",contentColor:"default",css:{$$tooltipTextColor:"$colors$white"}},{color:"secondary",contentColor:"default",css:{$$tooltipTextColor:"$colors$white"}},{color:"success",contentColor:"default",css:{$$tooltipTextColor:"$colors$white"}},{color:"error",contentColor:"default",css:{$$tooltipTextColor:"$colors$white"}},{color:"invert",contentColor:"default",css:{$$tooltipTextColor:"$colors$background"}}],defaultVariants:{color:"default",contentColor:"default"}});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import o from"./use-body-scroll";export default o;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{useEffect as e,useRef as t,useState as r}from"react";const n={scrollLayer:!1},o=new Map,u=e=>!!(e.touches&&e.touches.length>1)||(e.preventDefault(),!1);export default(c,s)=>{if("undefined"==typeof document)return[!1,e=>e];const d=c||t(document.body),[i,a]=r(!1),l={...n,...s||{}},f=()=>!l.scrollLayer&&(!("undefined"==typeof window||!window.navigator)&&/iP(ad|hone|od)/.test(window.navigator.platform));return e((()=>{if(!d||!d.current)return;const e=d.current.style.overflow;if(i){if(o.has(d.current))return;return f()?document.addEventListener("touchmove",u,{passive:!1}):d.current.style.overflow="hidden",void o.set(d.current,{last:e})}if(o.has(d.current)){if(f())document.removeEventListener("touchmove",u);else{const e=o.get(d.current);d.current.style.overflow=e.last}o.delete(d.current)}}),[i,d]),[i,a]};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import e from"./use-click-anywhere";export default e;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{useEffect as e}from"react";export default t=>{e((()=>{const e=e=>t(e);return document.addEventListener("click",e),()=>document.removeEventListener("click",e)}),[t])};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import a from"./use-click-away";export default a;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{useEffect as t}from"react";export default(e,n)=>{t((()=>{const t=t=>{const r=e.current;t&&r&&!r.contains(t.target)&&n(t)};return document.addEventListener("click",t),()=>document.removeEventListener("click",t)}),[e,n])};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import o from"./use-clipboard";export default o;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{useCallback as e}from"react";import o from"../use-portal";import t from"../use-warning";import{__DEV__ as r}from"../utils/assertion";const n={onError:()=>r&&t("Failed to copy.","use-clipboard")};export default(t=n)=>{const r=o("clipboard"),c=e((e=>{((e,o)=>{if(!e||!o)return;const r=window.getSelection();if(!r)return;e.style.whiteSpace="pre",e.textContent=o;const n=window.document.createRange();r.removeAllRanges(),n.selectNode(e),r.addRange(n);try{window.document.execCommand("copy")}catch(e){t.onError&&t.onError()}r.removeAllRanges(),e&&(e.textContent="")})(r,e)}),[r]);return{copy:c}};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import t from"./use-current-state";export default t;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{useEffect as t,useRef as r,useState as n}from"react";export default e=>{const[o,c]=n((()=>"function"==typeof e?e():e)),u=r(e);t((()=>{u.current=o}),[o]);return[o,t=>{const r="function"==typeof t?t(u.current):t;u.current=r,c(r)},u]};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import r from"./use-drip";export default r;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{useState as t}from"react";export default(e=!1,n)=>{const[r,o]=t(e),[c,i]=t(0),[l,u]=t(0);return{visible:r,x:c,y:l,onClick:t=>{if(!n.current)return;const e=n.current.getBoundingClientRect();o(!0),i(t.clientX-e.left),u(t.clientY-e.top)},onCompleted:()=>{o(!1),i(0),u(0)}}};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import t from"./use-input";export default t;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import e from"../use-current-state";export default t=>{const[r,a,u]=e(t);return{value:r,setValue:a,currentRef:u,reset:()=>a(t),bindings:{value:r,onChange:e=>{"object"==typeof e&&e.target?a(e.target.value):a(e)}}}};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export const KeyCode={Unknown:0,Backspace:8,Tab:9,Enter:13,Shift:16,Ctrl:17,Alt:18,PauseBreak:19,CapsLock:20,Escape:27,Space:32,PageUp:33,PageDown:34,End:35,Home:36,LeftArrow:37,UpArrow:38,RightArrow:39,DownArrow:40,Insert:45,Delete:46,KEY_0:48,KEY_1:49,KEY_2:50,KEY_3:51,KEY_4:52,KEY_5:53,KEY_6:54,KEY_7:55,KEY_8:56,KEY_9:57,KEY_A:65,KEY_B:66,KEY_C:67,KEY_D:68,KEY_E:69,KEY_F:70,KEY_G:71,KEY_H:72,KEY_I:73,KEY_J:74,KEY_K:75,KEY_L:76,KEY_M:77,KEY_N:78,KEY_O:79,KEY_P:80,KEY_Q:81,KEY_R:82,KEY_S:83,KEY_T:84,KEY_U:85,KEY_V:86,KEY_W:87,KEY_X:88,KEY_Y:89,KEY_Z:90,Meta:91,F1:112,F2:113,F3:114,F4:115,F5:116,F6:117,F7:118,F8:119,F9:120,F10:121,F11:122,F12:123,NumLock:144,ScrollLock:145,Equal:187,Minus:189,Backquote:192,Backslash:220};export const KeyMod={CtrlCmd:2048,Shift:1024,Alt:512,WinCtrl:256};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{getKeyValue as t}from"../utils/object";import{isMac as r}from"../utils/collections";import{KeyMod as o}from"./codes";export const getCtrlKeysByPlatform=()=>({CtrlCmd:r()?"metaKey":"ctrlKey",WinCtrl:r()?"ctrlKey":"metaKey"});export const getActiveModMap=r=>{const e=r.filter((r=>!!t(o,r))),l={CtrlCmd:!1,Shift:!1,Alt:!1,WinCtrl:!1};return e.forEach((r=>{const e=t(o,r);l[e]=!0})),l};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import o from"./use-keyboard";import{KeyMod as r,KeyCode as e}from"./codes";export{r as KeyMod,e as KeyCode};export default o;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{KeyMod as e}from"./codes";import{useEffect as t}from"react";import{getActiveModMap as r,getCtrlKeysByPlatform as o}from"./helper";import{getKeyValue as n}from"../utils/object";export default(p,s,i={})=>{const a=Array.isArray(s)?s:[s],{disableGlobalEvent:y=!1,capture:l=!1,stopPropagation:d=!1,preventDefault:u=!1,event:m="keydown"}=i,f=r(a),C=a.filter((t=>!n(e,t))),{CtrlCmd:c,WinCtrl:k}=o(),K=e=>{f.Shift&&!e.shiftKey||f.Alt&&!e.altKey||f.CtrlCmd&&!e[c]||f.WinCtrl&&!e[k]||C.length>0&&!C.includes(e.keyCode)||(d&&e.stopPropagation(),u&&e.preventDefault(),p&&p(e))};t((()=>(y||document.addEventListener(m,K),()=>{document.removeEventListener(m,K)})),[y]);const v=(e,t=!1)=>e!==m||t!==l?()=>{}:e=>K(e);return{bindings:{onKeyDown:v("keydown"),onKeyDownCapture:v("keydown",!0),onKeyPress:v("keypress"),onKeyPressCapture:v("keypress",!0),onKeyUp:v("keyup"),onKeyUpCapture:v("keyup",!0)}}};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{useMemo as t,useCallback as r,useState as e,useEffect as n}from"react";import{range as i}from"../utils/numbers";export const DOTS="dots";export default({page:o,total:a,siblings:s=1,boundaries:u=1,initialPage:c=1,onChange:f})=>{const[m,g]=e(o||c),l=t=>{g(t),f&&f(t)};n((()=>{o&&o!==m&&g(o)}),[o]);const p=r((t=>{l(t<=0?1:t>a?a:t)}),[a]);return{range:t((()=>{if(2*s+3+2*u>=a)return i(1,a);const t=Math.max(m-s,u),r=Math.min(m+s,a-u),e=t>u+2,n=r<a-(u+1);if(!e&&n){return[...i(1,2*s+u+2),DOTS,...i(a-(u-1),a)]}if(e&&!n){const t=u+1+2*s;return[...i(1,u),DOTS,...i(a-t,a)]}return[...i(1,u),DOTS,...i(t,r),DOTS,...i(a-u+1,a)]}),[a,s,m]),active:m,setPage:p,next:()=>p(m+1),previous:()=>p(m-1),first:()=>p(1),last:()=>p(a)}};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import o from"./use-portal";export default o;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{useEffect as t,useState as e}from"react";import r from"../use-ssr";import{getId as o}from"../utils/collections";const n=t=>{const e=document.createElement("div");return e.setAttribute("id",t),e};export default(s=o(),u)=>{const c=`nextui-${s}`,{isBrowser:i}=r(),[l,m]=e(i?n(c):null);return t((()=>{const t=(u?u():null)||document.body,e=t.querySelector(`#${c}`),r=e||n(c);e||t.appendChild(r),m(r)}),[]),l};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import e from"./use-real-shape";export default e;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{useEffect as t,useState as e}from"react";const i=(t,e)=>{if(!t)return 0;const i=t.includes("px")?+t.split("px")[0]:t.includes("%")?+t.split("%")[0]*e*.01:t;return Number.isNaN(+i)?0:+i};export const getRealShape=t=>{if(!t||"undefined"==typeof window)return{width:0,height:0};const e=t.getBoundingClientRect(),{width:h,height:n}=window.getComputedStyle(t);return{width:i(`${h}`,e.width),height:i(`${n}`,e.height)}};export default i=>{const[h,n]=e({width:0,height:0}),r=()=>{const{width:t,height:e}=getRealShape(i.current);n({width:t,height:e})};return t((()=>r()),[i.current]),[h,r]};
|