@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 r from"react";import{useDOMRef as t}from"../utils/dom";import{__DEV__ as a}from"../utils/assertion";import o,{StyledAvatarGroupCount as e}from"./avatar-group.styles";import{jsxs as u}from"react/jsx-runtime";export const AvatarGroup=r.forwardRef(((r,a)=>{const{count:i,children:p,...s}=r,m=t(a);return u(o,{ref:m,...s,children:[p,i&&u(e,{className:"nextui-avatar-group-count",children:["+",i]})]})}));a&&(AvatarGroup.displayName="NextUI.AvatarGroup"),AvatarGroup.toString=()=>".nextui-avatar-group";export default AvatarGroup;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{styled as t}from"../theme/stitches.config";import a from"./avatar.styles";export const StyledAvatarGroupCount=t("span",{fontSize:"$xs",display:"inline-flex",alignItems:"center",marginLeft:"$3",color:"$text"});export const StyledAvatarGroup=t("div",{dflex:"center",height:"auto",width:"max-content","@motion":{transition:"none"},[`& ${a}`]:{marginLeft:"-$space$5",transition:"$default",".only-text-avatar":{boxShadow:"$xs"}},".only-text-avatar":{boxShadow:"$xs"},variants:{animated:{true:{[`& ${a}:hover`]:{transform:"translate(-$space$5)"}}}},defaultVariants:{animated:!0}});export default StyledAvatarGroup;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import a,{useMemo as t,useState as r,useRef as e,useEffect as s}from"react";import{useDOMRef as i}from"../utils/dom";import{__DEV__ as n}from"../utils/assertion";import o from"./avatar.styles";import l from"../utils/clsx";import{jsx as m}from"react/jsx-runtime";import{jsxs as c}from"react/jsx-runtime";const u=a=>(null==a?void 0:a.length)<=4?a:null==a?void 0:a.slice(0,3);export const Avatar=a.forwardRef(((a,n)=>{const{src:v,text:x,icon:d,alt:p,className:f,...N}=a,g=i(n),y=!v,[A,h]=r(!1),j=e(null);s((()=>{var a;(null==j||null==(a=j.current)?void 0:a.complete)&&h(!0)}),[]);const b=t((()=>!A&&v?"loading":"ready"),[v,A]);return c(o,{ref:g,className:l({"only-text-avatar":y},f),"data-state":b,...N,children:[m("span",{className:"nextui-avatar-bg"}),!y&&m("img",{ref:j,className:l("nextui-avatar-img",`nextui-avatar--${b}`,{"nextui-avatar-ready":A}),src:v,alt:p,"data-state":b,onLoad:()=>h(!0)}),y&&!d&&x&&m("span",{className:"nextui-avatar-text",children:u(x)}),d&&m("span",{className:"nextui-avatar-icon",children:d})]})}));n&&(Avatar.displayName="NextUI.Avatar"),Avatar.toString=()=>".nextui-avatar";export default Avatar;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{styled as a}from"../theme/stitches.config";export const StyledAvatar=a("span",{dflex:"center",position:"relative",zIndex:"$1",boxSizing:"border-box",overflow:"hidden",verticalAlign:"top",cursor:"auto",".nextui-avatar-bg":{position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:"$2",transition:"$avatar",size:"100%"},"&:hover .nextui-avatar-bg":{boxShadow:" inset 0 0 40px 0 rgb(0 0 0 / 14%)"},".nextui-avatar-img":{opacity:0,zIndex:"$3",display:"flex",bg:"$background",transition:"transform 250ms ease 0ms, opacity 200ms ease-in 0ms",width:"100%",height:"100%",objectFit:"cover"},'&[data-state="ready"] .nextui-avatar-img':{opacity:1},".nextui-avatar-icon":{display:"flex",position:"absolute",left:"50%",top:"50%",ta:"center",zIndex:"$2",transform:"translate(-50%, -50%)",whiteSpace:"nowrap",us:"none"},".nextui-avatar-text":{position:"absolute",zIndex:"$2",left:"50%",top:"50%",ta:"center",color:"$text",fontWeight:"$medium",transform:"translate(-50%, -50%) scale(0.65)",whiteSpace:"nowrap",us:"none"},"@motion":{".nextui-avatar-bg, .nextui-avatar-img":{transition:"none"}},variants:{color:{default:{".nextui-avatar-bg":{bg:"$accents2"}},primary:{".nextui-avatar-bg":{bg:"$primary"}},secondary:{".nextui-avatar-bg":{bg:"$secondary"}},success:{".nextui-avatar-bg":{bg:"$success"}},warning:{".nextui-avatar-bg":{bg:"$warning"}},error:{".nextui-avatar-bg":{bg:"$error"}},gradient:{".nextui-avatar-bg":{bg:"$gradient"}}},textColor:{default:{".nextui-avatar-text":{color:"$text"}},white:{".nextui-avatar-text":{color:"$white"}},primary:{".nextui-avatar-text":{color:"$primary"}},secondary:{".nextui-avatar-text":{color:"$secondary"}},success:{".nextui-avatar-text":{color:"$success"}},warning:{".nextui-avatar-text":{color:"$warning"}},error:{".nextui-avatar-text":{color:"$error"}}},size:{xs:{$$avatarXs:"$space$9",sizeMin:"$$avatarXs",".nextui-avatar-text":{fontSize:"$xs"}},sm:{$$avatarSm:"$space$11",sizeMin:"$$avatarSm",".nextui-avatar-text":{fontSize:"$base"}},md:{$$avatarMd:"$space$14",sizeMin:"$$avatarMd",".nextui-avatar-text":{fontSize:"$sm"}},lg:{$$avatarLg:"$space$16",sizeMin:"$$avatarLg",".nextui-avatar-text":{fontSize:"$sm"}},xl:{$$avatarXl:"$space$18",sizeMin:"$$avatarXl",".nextui-avatar-text":{fontSize:"$md"}}},borderWeight:{light:{".nextui-avatar-img":{borderWidth:"$light"}},normal:{".nextui-avatar-img":{borderWidth:"$normal"}},bold:{".nextui-avatar-img":{borderWidth:"$normal"}},extrabold:{".nextui-avatar-img":{borderWidth:"$normal"}},black:{".nextui-avatar-img":{borderWidth:"$normal"}}},bordered:{true:{"&:hover:not(.only-text-avatar) .nextui-avatar-bg":{opacity:"0.6"},".nextui-avatar-img":{borderStyle:"solid",borderColor:"$background"}}},stacked:{true:{ml:"-$5"}},pointer:{true:{cursor:"pointer"}},rounded:{true:{borderRadius:"$rounded",".nextui-avatar-img":{borderRadius:"$rounded"}}},squared:{true:{borderRadius:"$squared",".nextui-avatar-img":{borderRadius:"$squared"}}},zoomed:{true:{"&:hover .nextui-avatar-img":{transform:"scale(1.125)"}}}},compoundVariants:[{bordered:!0,borderWeight:"light",css:{padding:"calc($1/2)"}},{bordered:!0,borderWeight:"normal",css:{padding:"$1"}},{bordered:!0,borderWeight:"bold",css:{padding:"calc($2/1.5)"}},{bordered:!0,borderWeight:"extrabold",css:{padding:"$2"}},{bordered:!0,borderWeight:"black",css:{padding:"calc($3/1.5)"}},{rounded:!0,squared:!0,css:{borderRadius:"$squared",".nextui-avatar-img":{borderRadius:"$squared"}}}],defaultVariants:{size:"md",rounded:!0,color:"default",textColor:"default",borderWeight:"normal"}});export default StyledAvatar;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import r from"./avatar";import a from"./avatar-group";export{StyledAvatar}from"./avatar.styles";export{StyledAvatarGroup}from"./avatar-group.styles";export{StyledAvatarGroupCount}from"./avatar-group.styles";r.Group=a;export default r;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import e,{useCallback as t,useMemo as r}from"react";import a from"../utils/with-defaults";import i from"../utils/css-transition";import o from"../use-current-state";import s from"../utils/clsx";import n,{KeyCode as l}from"../use-keyboard";import{StyledBackdrop as m,StyledBackdropLayer as c,StyledBackdropContent as p}from"./backdrop.styles";import{__DEV__ as u}from"../utils/assertion";import{jsx as d}from"react/jsx-runtime";import{jsxs as f}from"react/jsx-runtime";import{Fragment as b}from"react/jsx-runtime";const x="nextui-backdrop",k=e.memo((({children:e,onClick:a,onKeyPress:u,visible:k,maxWidth:y,blur:h,animated:$,opacity:v,preventDefault:N,className:j,css:T,...g})=>{const[,C,D]=o(!1),w=e=>{D.current||a&&a(e)},E=t((e=>{e.stopPropagation()}),[]),I=()=>{if(!D.current)return;const e=setTimeout((()=>{C(!1),clearTimeout(e)}),0)},{bindings:M}=n((e=>{u&&u(e)}),[l.Escape,l.Space],{disableGlobalEvent:!0,preventDefault:N}),P=r((()=>k?"open":"closed"),[k]),S=r((()=>f(m,{tabIndex:-1,role:"button","aria-hidden":!0,"data-state":P,onClick:w,onMouseUp:I,css:{$$backdropOpacity:v,...T},className:s(x,`${x}--${P}`,j),...M,...g,children:[d(c,{className:s(`${x}-layer`,h?`${x}-layer-blur`:`${x}-layer-default`),animated:$,blur:h}),d(p,{animated:$,className:`${x}-content`,onClick:E,css:{maxWidth:y},onMouseDown:()=>C(!0),children:e})]})),[e]);return d(b,{children:$?d(i,{name:`${x}-wrapper`,visible:k,enterTime:20,leaveTime:20,clearTime:150,children:S}):k?S:null})}));u&&(k.displayName="NextUI.Backdrop"),k.toString=()=>".nextui-backdrop";export default a(k,{onClick:()=>{},visible:!1,blur:!1,animated:!0,preventDefault:!0,opacity:.5,className:""});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{styled as e,keyframes as a}from"../theme/stitches.config";const t=a({"0%":{opacity:0},"60%":{opacity:.75},"100%":{opacity:1}});export const StyledBackdropContent=e("div",{position:"relative",display:"inline-block",zIndex:"$max",outline:"none",width:"100%",margin:"$9 auto",verticalAlign:"middle","@sm":{width:"90%",maxWidth:"90%"},variants:{animated:{true:{"&":{animationName:t,animationDuration:"200ms",animationTimingFunction:"ease-in",animationDirection:"normal"}},false:{transition:"none"}}}});export const StyledBackdropLayer=e("div",{position:"fixed",top:0,left:0,right:0,bottom:0,size:"100%",pe:"none",zIndex:"$max","@motion":{transition:"none"},variants:{blur:{true:{opacity:1,transition:"background 0.35s cubic-bezier(0.4, 0, 0.2, 1)",backdropFilter:"saturate(180%) blur(20px)",bg:"rgba(0, 0, 0, 0.1)"},false:{bg:"$black",opacity:"$$backdropOpacity",transition:"opacity 0.35s cubic-bezier(0.4, 0, 0.2, 1)"}},animated:{false:{transition:"none"}}}});export const StyledBackdrop=e("div",{position:"fixed",top:0,left:0,right:0,bottom:0,overflow:"auto",zIndex:"$max",WebkitOverflowScrolling:"touch",boxSizing:"border-box",textAlign:"center","&:before":{content:"",display:"inline-block",width:0,height:"100%",verticalAlign:"middle"},".nextui-backdrop-wrapper-enter .nextui-backdrop-layer-default":{opacity:0},".nextui-backdrop-wrapper-enter-active .nextui-backdrop-layer-default":{opacity:"$$backdropOpacity"},".nextui-backdrop-wrapper-leave .nextui-backdrop-layer-default":{opacity:"$$backdropOpacity"},".nextui-backdrop-wrapper-leave-active .nextui-backdrop-layer-default":{opacity:0},".nextui-backdrop-wrapper-enter .nextui-backdrop-layer-blur":{bg:"rgba(0, 0, 0, 0.1)"},".nextui-backdrop-wrapper-enter-active .nextui-backdrop-layer-blur":{bg:"rgba(0, 0, 0, 0.4)"},".nextui-backdrop-wrapper-leave .nextui-backdrop-layer-blur":{bg:"rgba(0, 0, 0, 0.4)"},".nextui-backdrop-wrapper-leave-active .nextui-backdrop-layer-blur":{bg:"rgba(0, 0, 0, 0.1)"},variants:{fullScreen:{true:{display:"inline-flex",overflow:"hidden",[`& ${StyledBackdropContent}`]:{width:"100vw",maxWidth:"100vw",height:"100vh",margin:0},[`& ${StyledBackdropLayer}`]:{display:"none"}}}},defaultVariants:{fullScreen:!1}});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import o from"./backdrop";export{StyledBackdropContent,StyledBackdropLayer,StyledBackdrop}from"./backdrop.styles";export default o;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import t from"react";const o={isButtonGroup:!1,disabled:!1};export const ButtonGroupContext=t.createContext(o);export const useButtonGroupContext=()=>t.useContext(ButtonGroupContext);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import o,{useMemo as r}from"react";import t from"../utils/with-defaults";import{ButtonGroupContext as e}from"./button-group-context";import i from"./button-group.styles";import{jsx as d}from"react/jsx-runtime";const a=o=>{const{disabled:t,size:a,color:l,bordered:n,ghost:s,light:u,flat:m,shadow:p,auto:c,animated:g,rounded:h,ripple:b,borderWeight:f,children:x,...z}=o,w=r((()=>({disabled:t,size:a,color:l,bordered:n,light:u,ghost:s,flat:m,shadow:p,auto:c,borderWeight:f,animated:g,rounded:h,ripple:b,isButtonGroup:!0})),[t,g,a,b,l,n,u,s,m,f]);return d(e.Provider,{value:w,children:d(i,{size:a,bordered:n||s,gradient:"gradient"===o.color,...z,children:x})})};a.toString=()=>".nextui-button-group";const l=o.memo(a);export default t(l,{borderWeight:"normal",size:"md",color:"default"});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{styled as t}from"../theme/stitches.config";import r from"./button.styles";export const StyledButtonGroup=t("div",{display:"inline-flex",margin:"$3",backgroundColor:"transparent",height:"min-content",[`& ${r}`]:{".nextui-button-text":{top:0}},variants:{vertical:{true:{fd:"column",[`& ${r}`]:{"&:not(:first-child)":{btlr:0,btrr:0},"&:not(:last-child)":{bblr:0,bbrr:0}}},false:{fd:"row",[`& ${r}`]:{"&:not(:first-child)":{btlr:0,bblr:0},"&:not(:last-child)":{btrr:0,bbrr:0}}}},size:{xs:{br:"$xs"},sm:{br:"$sm"},md:{br:"$md"},lg:{br:"$base"},xl:{br:"$xl"}},rounded:{true:{br:"$pill"}},bordered:{true:{bg:"transparent"}},gradient:{true:{pl:0}}},defaultVariants:{vertical:!1},compoundVariants:[{bordered:!0,vertical:!0,css:{[`& ${r}`]:{"&:not(:last-child)":{borderBottom:"none",paddingBottom:"0"}}}},{bordered:!0,vertical:!1,css:{[`& ${r}`]:{"&:not(:first-child)":{borderLeft:"none"}}}},{bordered:!0,vertical:!1,gradient:!0,css:{[`& ${r}`]:{"&:not(:last-child)&:not(:first-child)":{pl:0},"&:last-child":{pl:0}}}}]});export default StyledButtonGroup;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import t from"react";import{styled as i}from"../theme/stitches.config";import n from"../utils/with-defaults";import o from"../utils/clsx";import{jsx as s}from"react/jsx-runtime";export const StyledButtonIcon=i("span",{dflex:"center",position:"absolute",left:"$$buttonPadding",right:"auto",top:"50%",transform:"translateY(-50%)",color:"inherit",zIndex:"$1","& svg":{background:"transparent"},variants:{isAuto:{true:{position:"relative",transform:"none",top:"0%"}},isRight:{true:{right:"$$buttonPadding",left:"auto"}},isSingle:{true:{position:"static",transform:"none"}},isGradientButtonBorder:{true:{}}},compoundVariants:[{isAuto:!0,isRight:!0,isSingle:!1,css:{order:2,ml:"$$buttonPadding",right:"0%",left:"0%"}},{isAuto:!0,isRight:!1,isSingle:!1,css:{order:0,mr:"$$buttonPadding",right:"0%",left:"0%"}},{isSingle:!0,isRight:!1,css:{ml:0}},{isSingle:!0,isRight:!0,css:{mr:0}},{isSingle:!0,isRight:!1,isGradientButtonBorder:!0,css:{mr:"$$buttonPadding"}}]});const e=({children:t,className:i,...n})=>s(StyledButtonIcon,{className:o("nextui-button-icon",{"nextui-button-icon-right":n.isRight,"nextui-button-icon-single":n.isSingle},i),...n,children:t});e.toString=()=>".nextui-button-icon";const r=t.memo(e);export default n(r,{className:""});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import t,{useMemo as o}from"react";import{useFocusRing as r}from"@react-aria/focus";import{useButton as e}from"@react-aria/button";import{useHover as i}from"@react-aria/interactions";import{mergeProps as s}from"@react-aria/utils";import n from"../use-warning";import a from"../utils/drip";import{filterPropsWithGroup as l,getCssColors as u}from"./utils";import{useButtonGroupContext as d}from"./button-group-context";import m from"./button-icon";import c from"../utils/clsx";import p from"../use-drip";import f from"./button.styles";import b from"../utils/with-defaults";import{useDOMRef as h}from"../utils/dom";import{__DEV__ as g}from"../utils/assertion";import{jsx as x}from"react/jsx-runtime";import{Fragment as y}from"react/jsx-runtime";import{jsxs as v}from"react/jsx-runtime";const N=t.forwardRef((({onClick:b,onPress:N,as:P,css:B,...F},j)=>{const w=d(),k=l(F,w),C=u(k),{flat:R,children:S,disabled:T,animated:A,light:D,ripple:G,bordered:H,auto:U,borderWeight:V,icon:W,iconRight:I,ghost:$,autoFocus:q,className:z,...E}=k,J=t=>{A&&G&&K.current&&Z(t)},K=h(j),{buttonProps:L,isPressed:M}=e({...F,isDisabled:T,elementType:P,onPress:t=>{"keyboard"!==t.pointerType&&"virtual"!==t.pointerType||J(t),null==N||N(t)}},K),{hoverProps:O,isHovered:Q}=i({isDisabled:T}),{isFocusVisible:X,focusProps:Y}=r({autoFocus:q}),{onClick:Z,..._}=p(!1,K);L.onClick=t=>{J(t),null==b||b(t)},g&&"gradient"===k.color&&(R||D)&&n("Using the gradient color on flat and light buttons will have no effect.");const tt=W||I,ot=Boolean(I),rt=o((()=>M?"pressed":Q?"hovered":T?"disabled":"ready"),[T,Q,M]);return v(f,{as:P,ref:K,borderWeight:V,auto:U,flat:R,light:D,ghost:$,bordered:H||$,"data-state":rt,animated:A,isPressed:M,isHovered:Q,isFocusVisible:X&&!T,className:c("nextui-button",`nextui-button--${rt}`,z),css:{...B,...C},...s(L,Y,O,E),children:[0===t.Children.count(S)?x(m,{isSingle:!0,isAuto:U,isRight:ot,isGradientButtonBorder:"gradient"===E.color&&(H||$),children:tt}):tt?v(y,{children:[x(m,{isSingle:!1,isAuto:U,isRight:ot,isGradientButtonBorder:"gradient"===E.color&&(H||$),children:tt}),x("div",{className:c("nextui-button-text",{"nextui-button-text-right":ot,"nextui-button-text-left":!ot}),children:S})]}):x("span",{className:"nextui-button-text",children:S}),x(a,{color:"white",..._})]})}));g&&(N.displayName="NextUI.Button"),N.toString=()=>".nextui-button";export default b(N,{ghost:!1,bordered:!1,ripple:!0,animated:!0,disabled:!1,autoFocus:!1,auto:!1,className:"",type:"button"});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{styled as r,cssFocusVisible as o}from"../theme/stitches.config";import{StyledDrip as e}from"../utils/drip";export const StyledButton=r("button",{$$buttonBorderRadius:"$radii$md",$$buttonHoverOpacity:.85,$$buttonPressedScale:.97,dflex:"center",appearance:"none",boxSizing:"border-box",fontWeight:"$medium",us:"none",lineHeight:"$sm",ta:"center",whiteSpace:"nowrap",transition:"$button",position:"relative",overflow:"hidden",border:"none",cursor:"pointer",pe:"auto",p:0,br:"$$buttonBorderRadius","@motion":{transition:"none"},".nextui-button-text":{dflex:"center",zIndex:"$2","p, pre, div":{margin:0}},[`& ${e}`]:{zIndex:"$1",".nextui-drip-filler":{opacity:.25,fill:"$accents2"}},variants:{bordered:{true:{bg:"transparent",borderStyle:"solid",color:"$text"}},ghost:{true:{"&:hover":{color:"$white"}}},color:{default:{bg:"$primary",color:"$white"},primary:{bg:"$primary",color:"$white"},secondary:{bg:"$secondary",color:"$white"},success:{bg:"$success",color:"$white"},warning:{bg:"$warning",color:"$white"},error:{bg:"$error",color:"$white"},gradient:{bg:"$gradient",color:"$white"}},size:{xs:{$$buttonPadding:"$space$3",$$buttonBorderRadius:"$radii$xs",px:"$3",height:"$10",lh:"$space$10",width:"auto",minWidth:"$20",fontSize:"$tiny"},sm:{$$buttonPadding:"$space$5",$$buttonBorderRadius:"$radii$sm",px:"$5",height:"$12",lh:"$space$14",width:"auto",minWidth:"$36",fontSize:"$xs"},md:{$$buttonPadding:"$space$7",$$buttonBorderRadius:"$radii$md",px:"$7",height:"$14",lh:"$space$14",width:"auto",minWidth:"$48",fontSize:"$xs"},lg:{$$buttonPadding:"$space$9",$$buttonBorderRadius:"$radii$base",px:"$9",height:"$15",lh:"$space$15",width:"auto",minWidth:"$60",fontSize:"$base"},xl:{$$buttonPadding:"$space$10",$$buttonBorderRadius:"$radii$xl",px:"$10",height:"$17",lh:"$space$17",width:"auto",minWidth:"$72",fontSize:"$sm"}},borderWeight:{light:{bw:"$light",$$buttonBorderWeight:"$borderWeights$light"},normal:{bw:"$normal",$$buttonBorderWeight:"$borderWeights$normal"},bold:{bw:"$bold",$$buttonBorderWeight:"$borderWeights$bold"},extrabold:{bw:"$extrabold",$$buttonBorderWeight:"$borderWeights$extrabold"},black:{bw:"$black",$$buttonBorderWeight:"$borderWeights$black"}},flat:{true:{color:"$text"}},light:{true:{bg:"transparent",[`& ${e}`]:{".nextui-drip-filler":{opacity:.8,fill:"$accents2"}}}},shadow:{true:{bs:"$sm"}},animated:{false:{transition:"none"}},auto:{true:{width:"auto",minWidth:"min-content"}},rounded:{true:{$$buttonBorderRadius:"$radii$pill"}},isPressed:{true:{}},isHovered:{true:{opacity:"$$buttonHoverOpacity"}}},compoundVariants:[{isPressed:!0,animated:!0,css:{transform:"scale($$buttonPressedScale)"}},{auto:!0,size:"xs",css:{px:"$5",minWidth:"min-content"}},{auto:!0,size:"sm",css:{px:"$8",minWidth:"min-content"}},{auto:!0,size:"md",css:{px:"$9",minWidth:"min-content"}},{auto:!0,size:"lg",css:{px:"$10",minWidth:"min-content"}},{auto:!0,size:"xl",css:{px:"$11",minWidth:"min-content"}},{shadow:!0,color:"default",css:{normalShadow:"$primaryShadow"}},{shadow:!0,color:"primary",css:{normalShadow:"$primaryShadow"}},{shadow:!0,color:"secondary",css:{normalShadow:"$secondaryShadow"}},{shadow:!0,color:"warning",css:{normalShadow:"$warningShadow"}},{shadow:!0,color:"success",css:{normalShadow:"$successShadow"}},{shadow:!0,color:"error",css:{normalShadow:"$errorShadow"}},{shadow:!0,color:"gradient",css:{normalShadow:"$primaryShadow"}},{light:!0,color:"default",css:{bg:"transparent",color:"$text"}},{light:!0,color:"primary",css:{bg:"transparent",color:"$primary"}},{light:!0,color:"secondary",css:{bg:"transparent",color:"$secondary"}},{light:!0,color:"warning",css:{bg:"transparent",color:"$warning"}},{light:!0,color:"success",css:{bg:"transparent",color:"$success"}},{light:!0,color:"error",css:{bg:"transparent",color:"$error"}},{bordered:!0,color:"default",css:{bg:"transparent",borderColor:"$primary",color:"$primary",[`& ${e}`]:{".nextui-drip-filler":{fill:"$primary"}}}},{bordered:!0,color:"primary",css:{bg:"transparent",borderColor:"$primary",color:"$primary",[`& ${e}`]:{".nextui-drip-filler":{fill:"$primary"}}}},{bordered:!0,color:"secondary",css:{bg:"transparent",borderColor:"$secondary",color:"$secondary",[`& ${e}`]:{".nextui-drip-filler":{fill:"$secondary"}}}},{bordered:!0,color:"success",css:{bg:"transparent",borderColor:"$success",color:"$success",[`& ${e}`]:{".nextui-drip-filler":{fill:"$success"}}}},{bordered:!0,color:"warning",css:{bg:"transparent",borderColor:"$warning",color:"$warning",[`& ${e}`]:{".nextui-drip-filler":{fill:"$warning"}}}},{bordered:!0,color:"error",css:{bg:"transparent",borderColor:"$error",color:"$error",[`& ${e}`]:{".nextui-drip-filler":{fill:"$error"}}}},{bordered:!0,color:"gradient",css:{bg:"transparent",color:"$text",padding:"$$buttonBorderWeight",bgClip:"content-box, border-box",borderColor:"$primary",backgroundImage:"linear-gradient($background, $background), $gradient",border:"none",[`& ${e}`]:{".nextui-drip-filler":{fill:"$secondary"}}}},{ghost:!0,isHovered:!0,color:"default",css:{bg:"$primary"}},{ghost:!0,isHovered:!0,color:"primary",css:{bg:"$primary"}},{ghost:!0,isHovered:!0,color:"secondary",css:{bg:"$secondary"}},{ghost:!0,isHovered:!0,color:"success",css:{bg:"$success"}},{ghost:!0,isHovered:!0,color:"warning",css:{bg:"$warning"}},{ghost:!0,isHovered:!0,color:"error",css:{bg:"$error"}},{ghost:!0,color:"gradient",isHovered:!0,css:{bg:"$gradient"}},{flat:!0,color:"default",css:{bg:"$primaryLight",color:"$primary",[`& ${e}`]:{".nextui-drip-filler":{opacity:.4,fill:"$primary"}}}},{flat:!0,color:"primary",css:{bg:"$primaryLight",color:"$primary",[`& ${e}`]:{".nextui-drip-filler":{opacity:.4,fill:"$primary"}}}},{flat:!0,color:"secondary",css:{bg:"$secondaryLight",color:"$secondary",[`& ${e}`]:{".nextui-drip-filler":{opacity:.4,fill:"$secondary"}}}},{flat:!0,color:"success",css:{bg:"$successLight",color:"$success",[`& ${e}`]:{".nextui-drip-filler":{opacity:.4,fill:"$success"}}}},{flat:!0,color:"warning",css:{bg:"$warningLight",color:"$warning",[`& ${e}`]:{".nextui-drip-filler":{opacity:.4,fill:"$warning"}}}},{flat:!0,color:"error",css:{bg:"$errorLight",color:"$error",[`& ${e}`]:{".nextui-drip-filler":{opacity:.4,fill:"$error"}}}},{auto:!0,color:"gradient",bordered:!0,css:{".nextui-button-text":{px:"$$buttonPadding"},".nextui-button-icon":{ml:"$$buttonPadding"},".nextui-button-icon-right":{mr:"$$buttonPadding"},".nextui-button-text-left":{pl:0},".nextui-button-text-right":{pr:0}}},{rounded:!0,size:"xs",css:{br:"$pill"}},{rounded:!0,size:"sm",css:{br:"$pill"}},{rounded:!0,size:"md",css:{br:"$pill"}},{rounded:!0,size:"lg",css:{br:"$pill"}},{rounded:!0,size:"xl",css:{br:"$pill"}}],defaultVariants:{color:"default",borderWeight:"normal",animated:!0,size:"md"}},o);export default StyledButton;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import t from"./button";import o from"./button-group";export{StyledButton}from"./button.styles";export{StyledButtonGroup}from"./button-group.styles";export{StyledButtonIcon}from"./button-icon";t.Group=o;export default t;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export const filterPropsWithGroup=(e,o)=>{var r,t,n,l,d,a,i,s,g,u,b;return o.isButtonGroup?{...e,auto:!0,shadow:!1,bordered:null!=(r=o.bordered)?r:e.bordered,borderWeight:null!=(t=o.borderWeight)?t:e.borderWeight,ghost:null!=(n=o.ghost)?n:e.ghost,ripple:null!=(l=o.ripple)?l:e.ripple,flat:null!=(d=o.flat)?d:e.flat,animated:null!=(a=o.animated)?a:e.animated,rounded:null!=(i=o.rounded)?i:e.rounded,light:null!=(s=o.light)?s:e.light,size:null!=(g=o.size)?g:e.size,color:null!=(u=o.color)?u:e.color,disabled:null!=(b=o.disabled)?b:e.disabled}:e};export const getCssColors=e=>{if(!e.disabled)return e.auto&&"gradient"===e.color&&(e.bordered||e.ghost)?{px:"$$buttonBorderWeight",py:"$$buttonBorderWeight"}:{};const o={bg:"$accents2",color:"$accents4",transform:"none",boxShadow:"none",pe:"none"};return e.bordered||e.flat||e.ghost||e.light?"gradient"===e.color&&(e.bordered||e.ghost)?{color:"$accents4",backgroundImage:"linear-gradient($background, $background), linear-gradient($accents2, $accents2)",transform:"none",boxShadow:"none",pe:"none",pl:"$$buttonBorderWeight",pr:"$$buttonBorderWeight"}:e.bordered||e.ghost||e.light?{...o,bg:"transparent",borderColor:"$accents2"}:e.flat?{...o,bg:"$accents1"}:{}:o};
|
package/esm/card/card.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import r,{useImperativeHandle as e,useRef as t}from"react";import o from"../image";import i from"../utils/drip";import a from"../use-drip";import{hasChild as l,pickChild as n}from"../utils/collections";import m,{KeyCode as s}from"../use-keyboard";import{StyledCard as c,StyledCardHeader as d,StyledCardFooter as p,StyledCardBody as u}from"./card.styles";import f from"../utils/with-defaults";import{__DEV__ as x}from"../utils/assertion";import{Fragment as b}from"react/jsx-runtime";import{jsxs as v}from"react/jsx-runtime";import{jsx as y}from"react/jsx-runtime";const C=r.forwardRef((({...r},f)=>{const{children:x,cover:C,animated:k,ripple:h,clickable:j,onClick:S,preventDefault:g,...D}=r,w=t(null);e(f,(()=>w.current));const{onClick:E,...F}=a(!1,w),[I,N]=n(x,d),[B,G]=n(I,p),[H,R]=n(B,o),U=l(H,u),q=l(x,d),z=r=>{k&&w.current&&E(r),S&&S(r)},{bindings:A}=m((r=>{j&&z(r)}),[s.Enter,s.Space],{disableGlobalEvent:!0,preventDefault:g});return v(c,{ref:w,role:j?"button":"section",cover:C,animated:k,clickable:j,tabIndex:j?0:-1,onClick:z,...D,...A,children:[q?v(b,{children:[N,R]}):R,U?H:C?null:y(u,{children:H}),j&&k&&h&&y(i,{...F}),G]})}));x&&(C.displayName="NextUI.Card"),C.toString=()=>".nextui-card";export default f(C,{animated:!0,ripple:!0,cover:!1,preventDefault:!1});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{styled as o}from"../theme/stitches.config";import{StyledDrip as r}from"../utils/drip";export const StyledCardBody=o("div",{d:"flex",w:"100%",h:"auto",flex:"1 1 auto",fd:"column",jc:"inherit",ai:"inherit",ac:"inherit",p:"$sm $lg",oy:"auto",position:"relative",ta:"left","*:first-child":{mt:0},"*:last-child":{mb:0}});export const StyledCard=o("div",{m:0,p:0,br:"$lg",position:"relative",display:"flex",overflow:"hidden",fd:"column",width:"100%",height:"auto",boxSizing:"border-box","@motion":{transition:"none"},".nextui-image":{width:"100%"},[`& ${r}`]:{zIndex:"$1",".nextui-drip-filler":{opacity:.25,fill:"$accents6"}},variants:{color:{default:{$$cardColor:"$colors$backgroundContrast",bg:"$$cardColor"},primary:{$$cardColor:"$colors$primary",color:"$white",bg:"$$cardColor"},secondary:{$$cardColor:"$colors$secondary",color:"$white",bg:"$$cardColor"},success:{$$cardColor:"$colors$success",color:"$white",bg:"$$cardColor"},warning:{$$cardColor:"$colors$warning",color:"$white",bg:"$$cardColor"},error:{$$cardColor:"$colors$error",color:"$white",bg:"$$cardColor"},gradient:{$$cardColor:"$colors$gradient",color:"$white",bg:"$$cardColor"}},shadow:{true:{boxShadow:"$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"}},animated:{true:{transition:"$card"},false:{transition:"none"}},clickable:{true:{cursor:"pointer",us:"none",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"}}},hoverable:{true:{"&:hover":{transform:"translateY(-2px)",boxShadow:"$lg"}}},cover:{true:{".nextui-image":{objectFit:"cover !important"},[`& ${StyledCardBody}`]:{p:0}},false:{".nextui-image, .nextui-image-container":{bblr:"0 !important",bbrr:"0 !important"}}}},compoundVariants:[{clickable:!0,animated:!0,css:{"&:active":{scale:.97}}}],defaultVariants:{color:"default",borderWeight:"normal",animated:!0,bordered:!1,shadow:!0}});export const StyledCardHeader=o("div",{w:"100%",display:"flex",flexShrink:0,zIndex:"$1",jc:"flex-start",ai:"center",overflow:"hidden",color:"inherit",fontSize:"$xs",p:"$sm","*:first-child":{mt:0},"*:last-child":{mb:0}});export const StyledCardFooter=o("div",{w:"100%",h:"auto",p:"$sm $lg",d:"flex",ai:"center",overflow:"hidden",color:"inherit",fontSize:"$xs",bblr:"$lg",bbrr:"$lg","*":{mt:0,mb:0},variants:{blur:{true:{bf:"saturate(180%) blur(10px)",bg:"$$cardColor"}}}});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import r from"./card";import{StyledCardHeader as d,StyledCardFooter as e,StyledCardBody as a}from"./card.styles";import o from"../image";export{StyledCard,StyledCardHeader,StyledCardFooter,StyledCardBody}from"./card.styles";r.Header=d,r.Body=a,r.Footer=e,r.Image=o;export default r;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import t from"react";export const CheckboxContext=t.createContext(null);export const useCheckbox=()=>t.useContext(CheckboxContext);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import r,{useMemo as e}from"react";import{useCheckboxGroupState as o}from"@react-stately/checkbox";import{useCheckboxGroup as i}from"@react-aria/checkbox";import{mergeProps as l}from"@react-aria/utils";import{CheckboxContext as a}from"./checkbox-context";import{StyledCheckboxGroup as t,StyledCheckboxGroupLabel as s,StyledCheckboxGroupContainer as c}from"./checkbox.styles";import{useDOMRef as d}from"../utils/dom";import{jsx as m}from"react/jsx-runtime";import{jsxs as n}from"react/jsx-runtime";const p=r.forwardRef((({color:r,labelColor:p,disabled:b,size:f,label:u,children:x,readOnly:h,row:y,...k},g)=>{const j=d(g),w=o({...k,isDisabled:b,isReadOnly:h}),{groupProps:z}=i({...k,"aria-label":k["aria-label"]||("string"==typeof u?u:void 0),isDisabled:b,isReadOnly:h},w),C=e((()=>({...w,color:r,size:f,labelColor:p,inGroup:!0})),[w,r,f,p]);return n(t,{ref:j,size:f,...l(k,z),children:[u&&m(s,{disabled:b,children:u}),m(c,{role:"presentation",row:y,children:m(a.Provider,{value:C,children:x})})]})}));p.defaultProps={color:"default",labelColor:"default",disabled:!1,readOnly:!1,row:!1,size:"md"},p.displayName="NextUI.CheckboxGroup",p.toString=()=>".nextui-checkbox-group";export default p;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import e,{useMemo as i,useRef as c}from"react";import{useFocusRing as a}from"@react-aria/focus";import{useHover as o}from"@react-aria/interactions";import{useToggleState as t}from"@react-stately/toggle";import{useCheckbox as r,useCheckboxGroupItem as d}from"@react-aria/checkbox";import{mergeProps as l}from"@react-aria/utils";import{useCheckbox as s}from"./checkbox-context";import{useFocusableRef as n}from"../utils/dom";import{StyledCheckboxLabel as m,StyledCheckboxContainer as u,StyledCheckboxMask as h,StyledIconCheck as k,StyledIconCheckFirstLine as x,StyledIconCheckSecondLine as b,StyledCheckboxText as f}from"./checkbox.styles";import{mapPropsToReactAriaAttr as p}from"./utils";import N from"../utils/clsx";import{jsx as v}from"react/jsx-runtime";import{jsxs as C}from"react/jsx-runtime";const z=e.forwardRef(((e,z)=>{const F=p(e),{line:j,rounded:y,indeterminate:P,disabled:g,size:H,className:V,children:q,label:w,color:D,labelColor:G,animated:I,autoFocus:O,...R}=e,S=s(),U=c(null),$=n(z,U),{inputProps:A}=null!=S&&S.inGroup?d(F,S,U):r(F,t(F),U),{hoverProps:B,isHovered:E}=o({isDisabled:g}),{isFocusVisible:J,focusProps:K}=a({autoFocus:O}),L=(null==S?void 0:S.color)||D,M=(null==S?void 0:S.size)||H,Q=(null==S?void 0:S.labelColor)||G,T=i((()=>E?"hovered":A.checked&&P?"mixed":A.checked?"checked":"uncheked"),[E,A.checked,P]);return C(m,{...l(B,R),ref:$,className:N("nextui-checkbox-label",`nextui-checkbox--${T}`,V),size:M,animated:I,isHovered:E,disabled:A.disabled,children:[C(u,{className:"nextui-checkbox-container",color:L,rounded:y,animated:I,isFocusVisible:J,isHovered:E,disabled:A.disabled,...K,children:[v("input",{ref:U,className:"nextui-checkbox-input",...l(A,K)}),v(h,{className:"nextui-checkbox-mask",animated:I,indeterminate:P,checked:A.checked,children:C(k,{className:"nextui-icon-check",size:M,indeterminate:P,animated:I,checked:A.checked,children:[v(x,{className:"nextui-icon-check-line1",indeterminate:P,animated:I,checked:A.checked}),v(b,{className:"nextui-icon-check-line2",indeterminate:P,animated:I,checked:A.checked})]})})]}),(q||w)&&v(f,{className:"nextui-checkbox-text",color:Q,line:j,animated:I,checked:A.checked,disabled:A.disabled,children:q||w})]})}));z.defaultProps={value:"",size:"md",color:"default",labelColor:"default",disabled:!1,initialChecked:!1,indeterminate:!1,readOnly:!1,required:!1,rounded:!1,autoFocus:!1,line:!1,animated:!0,className:""},z.displayName="NextUI.Checkbox",z.toString=()=>".nextui-checkbox";export default z;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{styled as e,cssFocusVisible as o}from"../theme/stitches.config";export const StyledCheckboxLabel=e("label",{d:"inline-flex",jc:"flex-start",ai:"center",position:"relative",w:"auto",cursor:"pointer",zIndex:"$1",opacity:1,transition:"opacity 0.25s ease",$$checkboxBorderColor:"$colors$border","@motion":{transition:"none"},variants:{size:{xs:{$$checkboxSize:"$space$7"},sm:{$$checkboxSize:"$space$8"},md:{$$checkboxSize:"$space$9"},lg:{$$checkboxSize:"$space$10"},xl:{$$checkboxSize:"$space$11"}},disabled:{true:{opacity:.75,cursor:"not-allowed"}},isHovered:{true:{opacity:.8}},animated:{false:{transition:"none"}}},defaultVariants:{size:"md"}});export const StyledIconCheckFirstLine=e("div",{content:"",background:"transparent",position:"absolute",width:"8px",height:"1px",br:"5px",zIndex:"$1",bottom:"0px","&:after":{content:"",position:"absolute",left:"0px",width:"0%",height:"2px",background:"$white",br:"5px 0px 0px 5px"},"@motion":{"&:after":{transition:"none"}},variants:{indeterminate:{true:{display:"none"}},checked:{true:{"&:after":{width:"100%",transition:"width 0.25s ease 0.1s"}}},animated:{false:{"&:after":{transition:"none"}}}},compoundVariants:[{checked:!0,animated:!1,css:{"&:after":{transition:"none"}}}]});export const StyledIconCheckSecondLine=e("div",{content:"",position:"absolute",h:"13px",br:"5px",bottom:"0",right:"0",zIndex:"$1",background:"transparent",width:"2px","&:after":{content:"",position:"absolute",width:"2px",height:"0%",background:"$white",left:"0px",bottom:"0px",br:"5px 5px 0px 0px"},"@motion":{"&:after":{transition:"none"}},variants:{indeterminate:{true:{display:"none"}},checked:{true:{"&:after":{height:"100%",transition:"height 0.2s ease 0.3s"}}},animated:{false:{"&:after":{transition:"none"}}}},compoundVariants:[{checked:!0,animated:!1,css:{"&:after":{transition:"none"}}}]});export const StyledIconCheck=e("i",{size:"$$checkboxSize",dflex:"center",br:"inherit",opacity:0,zIndex:"$2",transition:"transform 0.35s ease","&:after":{content:"",opacity:0,position:"relative",width:"10px",height:"2px",br:"1px",background:"$white",display:"block"},"@motion":{transition:"none","&:after":{transition:"none"}},variants:{indeterminate:{true:{opacity:1,transform:"rotate(0deg)",width:"auto",height:"auto",margin:"0px","&:after":{opacity:1}},false:{width:"8px",height:"14px",display:"block",position:"relative",marginTop:"-4px"}},size:{xs:{marginTop:"-2px",transform:"rotate(45deg) scale(0.5)"},sm:{marginTop:"-2px",transform:"rotate(45deg) scale(0.5)"},md:{transform:"rotate(45deg) scale(0.8)"},lg:{transform:"rotate(45deg)"},xl:{transform:"rotate(45deg)"}},checked:{true:{opacity:1}},animated:{false:{transition:"none","&:after":{transition:"none"}}}},compoundVariants:[{indeterminate:!0,size:"xs",css:{scale:"0.5"}},{indeterminate:!0,size:"sm",css:{scale:"0.5"}},{indeterminate:!0,size:"md",css:{scale:"0.8"}},{indeterminate:!0,size:"lg",css:{transform:"none"}},{indeterminate:!0,size:"lg",css:{transform:"none"}}]});export const StyledCheckboxMask=e("div",{$$checkboxMaskTransition:"transform 0.25s ease 0s, opacity 0.25s ease 0s, background 0.25s ease 0s, border-color 0.25s ease 0s",size:"100%",position:"absolute",pe:"none",boxSizing:"border-box",dflex:"center",zIndex:"-$1",br:"inherit",color:"$$checkboxBorderColor","&:before":{content:"",position:"absolute",top:"0px",left:"0px",size:"100%",br:"inherit",transition:"$$checkboxMaskTransition",zIndex:"-$1",border:"$borderWeights$normal solid currentColor",boxSizing:"border-box"},"&:after":{content:"",position:"absolute",top:"0px",left:"0px",size:"100%",bg:"$$checkboxColor",scale:.5,br:"inherit",opacity:0,transition:"$$checkboxMaskTransition",zIndex:"-$1"},"@motion":{"&:before":{transition:"none"},"&:after":{transition:"none"}},variants:{checked:{true:{"&:before":{opacity:0,scale:1.2},"&:after":{opacity:1,scale:1}}},indeterminate:{true:{"&:before":{opacity:0,scale:1.2},"&:after":{opacity:1,scale:1}}},animated:{false:{"&:before":{transition:"none"},"&:after":{transition:"none"}}}}});export const StyledCheckboxText=e("span",{position:"relative",dflex:"center",color:"$text",opacity:1,pl:"calc($$checkboxSize * 0.57)",ln:"$$checkboxSize",fontSize:"$$checkboxSize",us:"none",transition:"opacity 0.25s ease 0s","@motion":{transition:"none","&:before":{transition:"none"}},variants:{color:{default:{color:"$text"},primary:{color:"$primary"},secondary:{color:"$secondary"},success:{color:"$success"},warning:{color:"$warning"},error:{color:"$error"}},line:{true:{"&:before":{content:"",position:"absolute",width:"0px",height:"2px",background:"$text",transition:"width 0.25s ease 0s"}}},checked:{true:{"&:before":{opacity:.8}}},disabled:{true:{color:"$accents4"}},animated:{false:{transition:"none","&:before":{transition:"none"}}}},compoundVariants:[{line:!0,checked:!0,css:{opacity:.6,"&:before":{w:"calc(100% - 10px)"}}}]});export const StyledCheckboxContainer=e("div",{br:"$squared",position:"relative",sizeMin:"$$checkboxSize",transition:"box-shadow 0.25s ease",zIndex:"$1",".nextui-checkbox-input":{position:"absolute",width:"100%",height:"100%",top:"0px",left:"0px",margin:"0px",padding:"0px",opacity:0,zIndex:"$1",cursor:"pointer","&:disabled":{cursor:"not-allowed"}},"@motion":{transition:"none"},variants:{color:{default:{$$checkboxColor:"$colors$primary",$$checkboxColorHover:"$colors$primaryDark"},primary:{$$checkboxColor:"$colors$primary",$$checkboxColorHover:"$colors$primaryDark"},secondary:{$$checkboxColor:"$colors$secondary",$$checkboxColorHover:"$colors$secondaryDark"},success:{$$checkboxColor:"$colors$success",$$checkboxColorHover:"$colors$successDark"},warning:{$$checkboxColor:"$colors$warning",$$checkboxColorHover:"$colors$warningDark"},error:{$$checkboxColor:"$colors$error",$$checkboxColorHover:"$colors$errorDark"},gradient:{$$checkboxColor:"$colors$gradient",$$checkboxColorHover:"$colors$gradient"}},rounded:{true:{br:"$pill"}},disabled:{true:{opacity:.4,cursor:"not-allowed"}},animated:{false:{transition:"none"}},isHovered:{true:{[`& ${StyledCheckboxMask}:before`]:{bg:"$$checkboxBorderColor",border:"2px solid transparent"},[`& ${StyledCheckboxMask}:after`]:{bg:"$$checkboxColorHover"}}}},defaultVariants:{color:"default"}},o);export const StyledCheckboxGroup=e("div",{display:"flex",flexDirection:"column",variants:{size:{xs:{$$checkboxSize:"$space$7"},sm:{$$checkboxSize:"$space$8"},md:{$$checkboxSize:"$space$9"},lg:{$$checkboxSize:"$space$10"},xl:{$$checkboxSize:"$space$11"}}}});export const StyledCheckboxGroupContainer=e("div",{display:"flex",flexDirection:"column",variants:{row:{true:{flexDirection:"row",mt:0,[`& ${StyledCheckboxLabel}`]:{mr:"$$checkboxSize"}},false:{mr:0,flexDirection:"column",[`& ${StyledCheckboxLabel}:not(:first-child)`]:{mt:"$$checkboxSize"}}}},defaultVariants:{row:!1}});export const StyledCheckboxGroupLabel=e("label",{d:"block",fontWeight:"$normal",fontSize:"calc($$checkboxSize * 0.8)",color:"$accents6",mb:"$3",variants:{disabled:{true:{opacity:.75}}}});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import e from"./checkbox";import o from"./checkbox-group";e.Group=o;export{StyledCheckboxLabel,StyledCheckboxContainer,StyledIconCheckFirstLine,StyledIconCheckSecondLine,StyledIconCheck,StyledCheckboxMask,StyledCheckboxText,StyledCheckboxGroup}from"./checkbox.styles";export default e;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export const mapPropsToReactAriaAttr=e=>({...e,isIndeterminate:e.indeterminate,isDisabled:e.disabled,isReadOnly:e.readOnly,isRequired:e.required,isSelected:e.checked,defaultSelected:e.initialChecked});
|
package/esm/code/code.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import t from"react";import o from"../utils/with-defaults";import{StyledCode as r,StyledPre as e}from"./code.styles";import{jsx as i}from"react/jsx-runtime";const c=({block:t,children:o,...c})=>t?i(e,{...c,children:i(r,{children:o})}):i(r,{...c,children:o});c.toString=()=>".nextui-code";const m=t.memo(c);export default o(m,{block:!1});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{styled as t}from"../theme/stitches.config";export const StyledCode=t("code",{});export const StyledPre=t("pre",{width:"initial",mw:"100"});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import e from"./code";export{StyledPre,StyledCode}from"./code.styles";export default e;
|
package/esm/col/col.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import t from"react";import o from"../utils/with-defaults";import s from"./col.styles";import{jsx as r}from"react/jsx-runtime";const e=({children:t,span:o,offset:e,css:i,...m})=>r(s,{css:{width:100/12*o+"%",marginLeft:100/12*e+"%",...i},...m,children:t});e.toString=()=>".nextui-column";const i=t.memo(e);export default o(i,{span:12,offset:0});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{styled as o}from"../theme/stitches.config";export const StyledCol=o("div",{float:"left",boxSizing:"border-box",pl:"calc($$rowGap / 2)",pr:"calc($$rowGap / 2)"});export default StyledCol;
|
package/esm/col/index.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import o from"./col";export{StyledCol}from"./col.styles";export default o;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import t from"react";const e={values:[]};export const CollapseContext=t.createContext(e);export const useCollapseContext=()=>t.useContext(CollapseContext);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import r,{useMemo as t}from"react";import e from"../utils/with-defaults";import{CollapseContext as o}from"./collapse-context";import i from"../use-current-state";import{setChildrenIndex as n}from"../utils/collections";import{StyledCollapseGroup as c}from"./collapse.styles";import l from"./collapse";import{jsx as a}from"react/jsx-runtime";const s=({children:r,accordion:e,animated:s,divider:u,onChange:m,...d})=>{const[f,p,h]=i([]),v=(r,t)=>{const o=h.current.find((t=>t===r));if(m&&m(r,t),e)return p(t?[r]:[]);if(t){if(o)return;return p([...h.current,r])}p(h.current.filter((t=>t!==r)))},x=t((()=>({values:f,updateValues:v,divider:u,animated:s})),[f.join(",")]),g=t((()=>n(r,[l])),[r]);return a(o.Provider,{value:x,children:a(c,{...d,children:g})})};s.toString=()=>".nextui-collapse-group";export default e(s,{accordion:!0});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import o from"react";import{StyledCollapseIcon as e}from"./collapse.styles";import{jsx as t}from"react/jsx-runtime";const r=({...o})=>t(e,{role:"presentation",focusable:"false",className:"nextui-collapse-icon",width:"20",height:"20",fill:"none",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...o,children:t("path",{d:"M15.5 19l-7-7 7-7",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})});r.toString=()=>".nextui-collapse-icon";const s=o.memo(r);export default s;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import e,{useEffect as t,useMemo as i}from"react";import{useFocusRing as r}from"@react-aria/focus";import a from"./collapse-icon";import o from"../utils/expand";import{useCollapseContext as s}from"./collapse-context";import l from"../use-current-state";import d from"../use-warning";import{useId as n}from"@react-aria/utils";import c,{KeyCode as m}from"../use-keyboard";import{StyledCollapse as p,StyledCollapseView as u,StyledCollapseContent as f}from"./collapse.styles";import b from"../utils/clsx";import h from"../utils/with-defaults";import{jsx as v}from"react/jsx-runtime";import{jsxs as x}from"react/jsx-runtime";const w="nextui-collapse",N=({children:h,title:N,subtitle:$,expanded:g,shadow:j,className:E,divider:I,arrowIcon:V,showArrow:y,disabled:C,onChange:D,bordered:k,contentLeft:A,preventDefault:F,animated:S,borderWeight:W,index:q,...G})=>{const[L,P,z]=l(g),{values:B,divider:H,animated:J,updateValues:K}=s(),{isFocusVisible:M,focusProps:O}=r();N||d('"title" is required.',"Collapse"),t((()=>{L!==g&&P(g)}),[g]),t((()=>{if(!B.length)return;const e=!!B.find((e=>e===q));P(e)}),[B.join(",")]);const Q=n(),R=n(),T=i((()=>y?V||v(a,{}):null),[V,y]),U=void 0===H?I:H,X=i((()=>void 0===J?S:J),[J,S]),Y=e=>{if(C)return;const t=!z.current;P(t),K&&K(q,t),D&&D(e,q,t)},{bindings:Z}=c((e=>{Y(e)}),[m.Enter,m.Space],{disableGlobalEvent:!0,preventDefault:F}),_=i((()=>L?"open":"closed"),[L]);return x(p,{tabIndex:-1,shadow:j,bordered:k,animated:X,divider:U,borderWeight:W,visible:L,"data-state":_,className:b(E,w,`${w}--${_}`),...G,children:[v(u,{role:"button",tabIndex:C?-1:0,id:Q,className:`${w}-view`,"data-state":_,disabled:C,"aria-disabled":C,"aria-expanded":L,"aria-controls":R,isFocusVisible:M,onClick:Y,...O,...Z,children:x("div",{className:b(`${w}-title-container`),children:[A&&v("div",{className:`${w}-title-content-left`,children:A}),x("div",{className:`${w}-title-content`,children:[e.isValidElement(N)?N:v("h3",{className:`${w}-title`,children:N}),$&&v("div",{className:`${w}-subtitle`,children:$})]}),v("div",{className:`${w}-title-content-right`,children:T})]})}),v(o,{isExpanded:L,animated:X,children:v(f,{role:"region",tabIndex:-1,id:R,"aria-labelledby":Q,className:`${w}-content`,children:h})})]})};N.toString=()=>".nextui-collapse";export default h(N,{shadow:!1,divider:!0,bordered:!1,showArrow:!0,animated:!0,disabled:!1,preventDefault:!0,expanded:!1});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{styled as e,sharedFocus as t,cssFocusVisible as o}from"../theme/stitches.config";export const StyledCollapse=e("div",{transition:"$default",".nextui-collapse-title-content":{w:"100%","h1,h2,h3,h4,h5,h6,p,span,b":{margin:0}},".nextui-collapse-title-container":{d:"flex",jc:"space-between",ai:"center"},".nextui-collapse-title":{color:"$foreground"},".nextui-collapse-subtitle":{color:"$accents5",margin:0,"*":{margin:0}},".nextui-collapse-title-content-left":{mr:"$sm"},".nextui-collapse-title-content-left, .nextui-collapse-title-content-right":{d:"flex",ai:"center"},"@motion":{transition:"none",".nextui-collapse-title-content-right ":{svg:{transition:"none"}}},variants:{shadow:{true:{border:"none",boxShadow:"$md",br:"$lg",p:"0 $lg",bg:"$backgroundContrast"}},borderWeight:{light:{$$collapseBorderWidth:"$borderWeights$light"},normal:{$$collapseBorderWidth:"$borderWeights$normal"},bold:{$$collapseBorderWidth:"$borderWeights$bold"},extrabold:{$$collapseBorderWidth:"$borderWeights$extrabold"},black:{$$collapseBorderWidth:"$borderWeights$black"}},divider:{true:{borderTop:"$$collapseBorderWidth solid $border",borderBottom:"$$collapseBorderWidth solid $border"}},bordered:{true:{br:"$lg",p:"0 $lg",border:"$$collapseBorderWidth solid $border"}},animated:{true:{".nextui-collapse-title-content-right ":{svg:{transition:"transform 200ms ease"}}},false:{transition:"none"}},visible:{true:{".nextui-collapse-title-content-right ":{svg:{transform:"rotateZ(-90deg)"}}},false:{".nextui-collapse-title-content-right":{svg:{transform:"rotateZ(0deg)"}}}}},defaultVariants:{borderWeight:"light"}},t);export const StyledCollapseView=e("div",{w:"100%",d:"block",ta:"left",bg:"transparent",border:"none",cursor:"pointer",outline:"none",padding:"$lg 0",variants:{disabled:{true:{cursor:"not-allowed",".nextui-collapse-title, .nextui-collapse-subtitle":{opacity:.5}}}}},o);export const StyledCollapseContent=e("div",{fontSize:"$base",lineHeight:"$lg",pb:"$lg","*:first-child":{mt:0},"*:last-child":{mb:0}});export const StyledCollapseIcon=e("svg",{path:{stroke:"$accents5"}});export const StyledCollapseGroup=e("div",{width:"auto",padding:"0 $sm","div + div":{borderTop:"none"},[`& ${StyledCollapse}:first-child`]:{borderTop:"none"},[`& ${StyledCollapse}:last-child`]:{borderBottom:"none"},variants:{borderWeight:{light:{$$collapseGroupBorderWidth:"$borderWeights$light"},normal:{$$collapseGroupBorderWidth:"$borderWeights$normal"},bold:{$$collapseGroupBorderWidth:"$borderWeights$bold"},extrabold:{$$collapseGroupBorderWidth:"$borderWeights$extrabold"},black:{$$collapseGroupBorderWidth:"$borderWeights$black"}},shadow:{true:{br:"$lg",border:"none",boxShadow:"$md",p:"0 $lg",bg:"$backgroundContrast"}},bordered:{true:{br:"$lg",p:"0 $lg",border:"$$collapseGroupBorderWidth solid $border"}},splitted:{true:{[`& ${StyledCollapse}`]:{br:"$lg",border:"none",bg:"$backgroundContrast",boxShadow:"$md",p:"0 $lg",margin:"$md 0"}}}},defaultVariants:{borderWeight:"light",shadow:!1,bordered:!1,splitted:!1}});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import l from"./collapse";import o from"./collapse-group";l.Group=o;export{StyledCollapse,StyledCollapseView,StyledCollapseContent,StyledCollapseIcon,StyledCollapseGroup}from"./collapse.styles";export default l;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import s,{useMemo as i}from"react";import t from"./container.styles";import{jsx as e}from"react/jsx-runtime";const n=({xs:s,sm:n,md:r,lg:a,xl:o,wrap:l,gap:p,as:m,display:c,justify:d,direction:x,alignItems:$,alignContent:f,children:g,responsive:u,fluid:b,css:k,...y})=>{const j=i((()=>`calc(${p} * $space$sm)`),[p]);return e(t,{css:{px:j,maxWidth:s?"$breakpoints$xs":n?"$breakpoints$sm":r?"$breakpoints$md":a?"$breakpoints$lg":o?"$breakpoints$xl":"",alignItems:$,alignContent:f,flexWrap:l,display:c,justifyContent:d,flexDirection:x,...k},responsive:u,fluid:b,as:m,...y,children:g})};n.toString=()=>".nextui-container",n.defaultProps={gap:2,xs:!1,sm:!1,md:!1,lg:!1,xl:!1,responsive:!0,fluid:!1,wrap:"wrap",as:"div",display:"block"};export default s.memo(n);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{styled as t}from"../theme/stitches.config";export const StyledContainer=t("div",{w:"100%",mr:"auto",ml:"auto",variants:{fluid:{true:{maxWidth:"100%"}},responsive:{true:{"@xs":{maxWidth:"$breakpoints$xs"},"@sm":{maxWidth:"$breakpoints$sm"},"@md":{maxWidth:"$breakpoints$md"},"@lg":{maxWidth:"$breakpoints$lg"},"@xl":{maxWidth:"$breakpoints$xl"}}}},defaultVariants:{fluid:!1,responsive:!0}});export default StyledContainer;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import t from"./container";export{StyledContainer}from"./container.styles";export default t;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import e from"react";import{globalCss as t,getCssText as o}from"../theme/stitches.config";import{jsx as i}from"react/jsx-runtime";const n=t({"*, *:before, *:after":{boxSizing:"border-box",textRendering:"geometricPrecision",WebkitTapHighlightColor:"transparent"},html:{fontSize:"$base"},body:{margin:0,padding:0,minHeight:"100%",position:"relative",overflowX:"hidden",WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",textRendering:"optimizeLegibility",fontSize:"$base",lineHeight:"$md",fontFamily:"$sans"},"html, body":{backgroundColor:"$background",color:"$text"},"p, small":{color:"inherit",letterSpacing:"$tighter",fontWeight:"$normal",fontFamily:"$sans"},p:{margin:"$md 0",fontSize:"$base",lineHeight:"$lg"},small:{margin:0,lineHeight:"$md",fontSize:"$xs"},b:{fontWeight:"$semibold"},span:{fontSize:"inherit",color:"inherit",fontWeight:"inherit"},img:{maxWidth:"100%"},a:{cursor:"pointer",fontSize:"inherit",WebkitTouchCallout:"none",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitBoxAlign:"center",alignItems:"center",color:"$link",textDecoration:"none"},"a:hover":{textDecoration:"none"},"ul,ol":{padding:0,listStyleType:"none",margin:"$sm $sm $sm $lg",color:"$foreground"},ol:{listStyleType:"decimal"},li:{marginBottom:"$5",fontSize:"$base",lineHeight:"$lg"},"h1,h2,h3,h4,h5,h6":{color:"inherit",margin:"0 0 $5 0"},h1:{letterSpacing:"$tighter",lineHeight:"$md",fontSize:"$xl",fontWeight:"$bold"},h2:{letterSpacing:"$tighter",fontSize:"$lg",fontWeight:"$semibold"},h3:{letterSpacing:"$tighter",fontSize:"$md",fontWeight:"$semibold"},h4:{letterSpacing:"$tighter",fontSize:"$sm",fontWeight:"$semibold"},h5:{letterSpacing:"$tight",fontSize:"$base",fontWeight:"$semibold"},h6:{letterSpacing:"$tight",fontSize:"$xs",fontWeight:"$semibold"},"button, input, select,textarea":{fontFamily:"inherit",fontSize:"inherit",lineHeight:"inherit",color:"inherit",margin:0},"button:focus, input:focus, select:focus, textarea:focus":{outline:"none"},code:{color:"$code",padding:"$1 $2",borderRadius:"$xs",bg:"$codeLight",fontFamily:"$mono",fontSize:"$xs",whiteSpace:"pre-wrap",transition:"opacity 0.25s ease 0s"},"code:hover":{opacity:.8},pre:{overflow:"auto",whiteSpace:"pre",textAlign:"left",fontSize:"$xs",borderRadius:"$lg",padding:"$md $lg",margin:"$lg 0 ",fontFamily:"$mono",lineHeight:"$md",webkitOverflowScrolling:"touch"},"pre code":{color:"$foreground",fontSize:"$xs",lineHeight:"$sm",whiteSpace:"pre"},"pre code:before,pre code:after":{display:"none"},"pre p":{margin:0},"pre::-webkit-scrollbar":{display:"none",width:0,height:0,background:"transparent"},hr:{borderColor:"$accents2"},details:{backgroundColor:"$accents1",border:"none"},"details:focus, details:hover, details:active":{outline:"none"},summary:{cursor:"pointer",userSelect:"none",listStyle:"none",outline:"none"},"summary::-webkit-details-marker, summary::before":{display:"none"},"summary::-moz-list-bullet":{fontSize:0},"summary:focus, summary:hover, summary:active":{outline:"none",listStyle:"none"},"::selection":{backgroundColor:"$selection"},blockquote:{padding:"$md $lg",color:"$accents5",backgroundColor:"$accents1",borderRadius:"$lg",margin:"$10 0"},"blockquote *:first-child":{marginTop:0},"blockquote *:last-child":{marginBottom:0},kbd:{width:"fit-content",textAlign:"center",display:"inline-block",color:"$accents6",bg:"$backgroundContrast",border:"1px solid $border",boxShadow:"0 0 1px 0 rgb(0 0 0 / 14%)",fontFamily:"$mono",borderRadius:"5px",padding:"$1 $3",mx:"$1",lineHeight:"$sm",fontSize:"$tiny"},"kbd + kbd":{ml:"$2"}}),r=({children:t})=>(n(),i(e.Fragment,{children:t})),l=e.memo(r);l.flush=()=>i("style",{id:"stitches",dangerouslySetInnerHTML:{__html:o()}});export default l;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export{default}from"./css-baseline";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import t,{useMemo as r}from"react";import e from"../utils/with-defaults";import{getMargin as i}from"../utils/dimensions";import{StyledDivider as s,StyledDividerText as o}from"./divider.styles";import{jsx as n}from"react/jsx-runtime";const a=({height:t,x:e,y:a,align:l,children:m,textColor:c,css:d,...f})=>{const h=r((()=>l&&"center"!==l?"left"===l||"start"===l?{transform:"translateY(-50%)",left:"7%"}:{transform:"translateY(-50%)",left:"auto",right:"7%"}:""),[l]),x=a?i(a/2):0,u=e?i(e/2):0;return n(s,{role:"separator",css:{margin:`${x} ${u}`,height:`calc(${t} * 1px)`,...d},...f,children:m&&n(o,{css:{...h},color:c,className:"nextui-divider-text",children:m})})};a.toString=()=>".nextui-divider";const l=t.memo(a);export default e(l,{x:0,y:0,height:1,align:"center"});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{styled as r}from"../theme/stitches.config";export const StyledDivider=r("div",{width:"100%",maxWidth:"100%",position:"relative",variants:{color:{default:{bg:"$border"},primary:{bg:"$primary"},secondary:{bg:"$secondary"},success:{bg:"$success"},warning:{bg:"$warning"},error:{bg:"$error"}}},defaultVariants:{color:"default"}});export const StyledDividerText=r("span",{position:"absolute",left:"50%",top:"50%",minHeight:"100%",display:"inline-flex",jc:"center",ai:"center",transform:"translate(-50%, -50%)",padding:"0 $lg",fontSize:"$base",fontWeight:"bold",textTransform:"capitalize",backgroundColor:"$background",zIndex:"$1",variants:{color:{default:{color:"$text"},primary:{color:"$primary"},secondary:{color:"$secondary"},success:{color:"$success"},warning:{color:"$warning"},error:{color:"$error"}}}});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import e from"./divider";export{StyledDivider,StyledDividerText}from"./divider.styles";export default e;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import r,{useMemo as i}from"react";import a from"./grid-item";import t from"../utils/clsx";import e from"../utils/with-defaults";import{jsx as s}from"react/jsx-runtime";const c=r.forwardRef((({gap:r,wrap:e,css:c,children:o,className:n,...p},l)=>{const m=i((()=>`calc(${r} * $space$3)`),[r]);return s(a,{ref:l,className:t("nextui-grid-container",n),css:{$$gridGapUnit:m,display:"flex",flexWrap:e,boxZizing:"border-box",margin:"calc(-1 * $$gridGapUnit)",width:"calc(100% + $$gridGapUnit * 2)",...c},...p,children:o})}));c.displayName="NextUI.GridContainer",c.toString=()=>".nextui-grid-container";export default e(c,{gap:0,wrap:"wrap",className:""});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import t,{useMemo as s}from"react";import{StyledGridItem as e}from"./grid.styles";import i from"../utils/clsx";import r from"../utils/with-defaults";import{jsx as m}from"react/jsx-runtime";const l=t=>{const s=0===t?"none":"inherit";if("number"==typeof t){const e=100/12*t,i=e>100?"100%":e<0?"0":`${e}%`;return{flexGrow:0,display:s,maxWidth:i,flexBasis:i}}return{flexGrow:1,display:s,maxWidth:"100%",flexBasis:"0"}},n=t.forwardRef((({xs:t,sm:r,md:n,lg:o,xl:x,css:a,justify:d,direction:c,alignItems:f,alignContent:u,children:g,className:p,...y},h)=>{const j=s((()=>{const s={xs:t,sm:r,md:n,lg:o,xl:x};return Object.keys(s).reduce(((t,e)=>void 0!==s[e]&&!1!==s[e]?`${t} ${e}`:t),"").trim()}),[t,r,n,o,x]);return m(e,{ref:h,className:i("nextui-grid-item",j,p),css:{alignItems:f,alignContent:u,justifyContent:d,flexDirection:c,"&.xs":{...l(t)},"@xsMax":{"&.xs":{...l(t)}},"@sm":{"&.sm":{...l(r)}},"@md":{"&.md":{...l(n)}},"@lg":{"&.lg":{...l(o)}},"@xl":{"&.xl":{...l(x)}},...a},...y,children:g})}));n.displayName="NextUI.GridItem",n.toString=()=>".nextui-grid-item";export default r(n,{xs:!1,sm:!1,md:!1,lg:!1,xl:!1,className:""});
|
package/esm/grid/grid.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import r from"react";import t from"./grid-item";import{jsx as e}from"react/jsx-runtime";const i=r.forwardRef((({children:r,css:i,...o},m)=>e(t,{ref:m,css:{...i},...o,children:r})));i.displayName="NextUI.Grid",i.toString=()=>".nextui-grid";export default i;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{styled as i}from"../theme/stitches.config";export const StyledGridContainer=i("div",{});export const StyledGridItem=i("div",{margin:0,boxSizing:"border-box",padding:"$$gridGapUnit"});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import r from"./grid";import t from"./grid-container";export{StyledGridContainer,StyledGridItem}from"./grid.styles";r.Container=t;export default r;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import e,{useEffect as t,useMemo as a,useState as o}from"react";import r from"./image.skeleton";import s from"../use-real-shape";import i from"../use-current-state";import m from"../use-resize";import{useDOMRef as c}from"../utils/dom";import{__DEV__ as n}from"../utils/assertion";import{StyledImage as u,StyledImageContainer as l}from"./image.styles";import p from"../utils/clsx";import{jsx as f}from"react/jsx-runtime";import{jsxs as d}from"react/jsx-runtime";export const Image=e.forwardRef(((e,n)=>{const{src:g,width:h,height:x,showSkeleton:w,className:y,maxDelay:j,autoResize:I,objectFit:N,containerCss:b,css:k,...z}=e,F=c(n),[R,S]=o(!0),[T,$]=o(w),{w:D,h:C}=a((()=>({w:h?"number"==typeof h?`${h}px`:h:"auto",h:x?"number"==typeof x?`${x}px`:x:"auto"})),[h,x]),[L,P,U]=i(C),[q,v]=s(F),A=w&&!!h&&!!x;t((()=>{F.current&&F.current.complete&&(S(!1),$(!1))})),t((()=>{const e=setTimeout((()=>{A&&$(!1),clearTimeout(e)}),j);return()=>clearTimeout(e)}),[R]),t((()=>{if(!I)return;const e=0===q.width,t="auto"===U.current;!e&&h&&x&&(q.width<h?!t&&P("auto"):t&&P(C))}),[q,h]),m((()=>{I&&v()}));const B=a((()=>R?"loading":"ready"),[R]);return d(l,{className:p("nextui-image-container",`nextui-image--${B}`,y),"data-state":B,ready:!R||T,css:{width:D,height:L,...b},children:[T&&f(r,{opacity:1}),f(u,{ref:F,className:"nextui-image",width:h,height:x,onLoad:()=>{S(!1)},src:g,"data-state":B,alt:e.alt||"",css:{objectFit:N,...k},...z})]})}));n&&(Image.displayName="NextUI.Image"),Image.toString=()=>".nextui-image",Image.defaultProps={showSkeleton:!0,autoResize:!1,objectFit:"scale-down",maxDelay:3e3,className:""};export default e.memo(Image);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import t from"react";import e from"../utils/with-defaults";import{StyledImageSkeleton as s}from"./image.styles";import m from"../utils/clsx";import{__DEV__ as o}from"../utils/assertion";import{jsx as i}from"react/jsx-runtime";const a=t.memo((({opacity:t,css:e,className:o,...a})=>i(s,{css:{opacity:t,...e},className:m("nextui-image-skeleton",o),...a})));o&&(a.displayName="NextUI.ImageSkeleton"),a.toString=()=>".nextui-image-skeleton";export default e(a,{opacity:.5,className:""});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{keyframes as o,styled as t}from"../theme/stitches.config";const i=o({"0%":{backgroundPosition:"200% 0"},to:{backgroundPosition:"-200% 0"}});export const StyledImageContainer=t("div",{opacity:0,margin:"0 auto",position:"relative",br:"$lg",overflow:"hidden",maxWidth:"100%",transition:"transform 250ms ease 0ms, opacity 200ms ease-in 0ms","@motion":{transition:"none"},variants:{ready:{true:{opacity:1},false:{opacity:0}}}});export const StyledImage=t("img",{size:"100%",display:"block"});export const StyledImageSkeleton=t("div",{position:"absolute",top:0,left:0,right:0,bottom:0,size:"100%",borderRadius:"inherit",backgroundImage:"linear-gradient(270deg, $colors$accents1, $colors$accents2, $colors$accents2, $colors$accents1)",backgroundSize:"400% 100%",animation:`${i} 5s ease-in-out infinite`,transition:"opacity 300ms ease-out"});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import e from"./image";export{StyledImageContainer,StyledImage,StyledImageSkeleton}from"./image.styles";export default e;
|
package/esm/index.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export*from"./utils/prop-types";export{default as useCurrentState}from"./use-current-state";export{default as useRealShape}from"./use-real-shape";export{default as useResize}from"./use-resize";export{default as useTheme}from"./use-theme";export{default as usePortal}from"./use-portal";export{default as useSSR}from"./use-ssr";export{default as useBodyScroll}from"./use-body-scroll";export{default as useClickAway}from"./use-click-away";export{default as useClipboard}from"./use-clipboard";export{default as useClickAnywhere}from"./use-click-anywhere";export{default as useInput}from"./use-input";export{default as useKeyboard}from"./use-keyboard";export{default as usePagination}from"./use-pagination";export{default as useDrip}from"./use-drip";export{default as Drip}from"./utils/drip";export{KeyMod,KeyCode}from"./use-keyboard/codes";export{default as CssBaseline}from"./css-baseline";export{useAsyncList}from"@react-stately/data";export{useCollator}from"@react-aria/i18n";export{default as NextUIProvider}from"./theme/theme-provider";export{changeTheme,getDocumentTheme,getTokenValue}from"./theme/utils";export{styled,css,theme,createTheme,getCssText,globalCss,keyframes,config,config as stitchesConfig,theme as defaultTheme,sharedFocus,sharedVisuallyHidden}from"./theme/stitches.config";export{default as Avatar}from"./avatar";export*from"./avatar";export{default as Button}from"./button";export*from"./button";export{default as Card}from"./card";export*from"./card";export{default as Checkbox}from"./checkbox";export*from"./checkbox";export{default as Code}from"./code";export*from"./code";export{default as Col}from"./col";export*from"./col";export{default as Collapse}from"./collapse";export*from"./collapse";export{default as Container}from"./container";export*from"./container";export{default as Divider}from"./divider";export*from"./divider";export{default as Grid}from"./grid";export*from"./grid";export{default as Image}from"./image";export*from"./image";export{default as Spacer}from"./spacer";export*from"./spacer";export{default as Snippet}from"./snippet";export*from"./snippet";export{default as Row}from"./row";export*from"./row";export{default as Link}from"./link";export*from"./link";export{default as Loading}from"./loading";export*from"./loading";export{default as Radio}from"./radio";export*from"./radio";export{default as Text}from"./text";export*from"./text";export{default as Switch}from"./switch";export*from"./switch";export{default as Backdrop}from"./backdrop";export*from"./backdrop";export{default as User}from"./user";export*from"./user";export{default as Progress}from"./progress";export*from"./progress";export{default as Modal}from"./modal";export*from"./modal";export{default as useModal}from"./modal/use-modal";export{default as Pagination}from"./pagination";export*from"./pagination";export{default as Tooltip}from"./tooltip";export*from"./tooltip";export{default as Input}from"./input";export*from"./input";export{default as Textarea}from"./textarea";export{default as Table}from"./table";export*from"./table";export{default as Popover}from"./popover";export*from"./popover";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import t from"./input";import e from"../textarea";import n from"./input-password";export{StyledInputMainContainer,StyledInputContainer,StyledInputWrapper,StyledHelperTextContainer,StyledHelperText,StyledInputPlaceholder,StyledInputBlockLabel,StyledInputLabel,StyledInputContent,StyledInputClearButton,StyledInput}from"./input.styles";t.Textarea=e,t.Password=n;export default t;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import t,{useImperativeHandle as i,useMemo as o,useRef as r,useState as e}from"react";import n from"../utils/with-defaults";import{defaultProps as s}from"./input-props";import l from"./password-icon";import p from"./input";import c from"../utils/clsx";import{__DEV__ as m}from"../utils/assertion";import{jsx as a}from"react/jsx-runtime";const d={...s,hideToggle:!1,visibleIcon:a(l,{visible:!0}),hiddenIcon:a(l,{visible:!1})},u=t.forwardRef((({hideToggle:t,visibleIcon:n,hiddenIcon:s,children:l,...m},d)=>{const u=r(null),[f,h]=e(!1);i(d,(()=>u.current));const x=()=>{h((t=>!t))},w=o((()=>({...m,ref:u,className:c("nextui-input-password",m.className),contentClickable:!0,onContentClick:x,type:f?"text":"password"})),[m,x,f,u]),g=o((()=>t?null:f?n:s),[t,f,n,s]);return a(p,{contentRight:g,...w,children:l})}));m&&(u.displayName="NextUI.InputPassword"),u.toString=()=>".nextui-input-password";export default n(u,d);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export const defaultProps={disabled:!1,bordered:!1,readOnly:!1,clearable:!1,rounded:!1,animated:!0,underlined:!1,shadow:!0,fullWidth:!1,contentClickable:!1,contentRightStyling:!0,contentLeftStyling:!0,required:!1,width:"initial",size:"md",color:"default",helperColor:"default",status:"default",borderWeight:"normal",autoComplete:"off",className:"",placeholder:"",initialValue:""};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import e,{useEffect as t,useImperativeHandle as a,useMemo as r,useRef as l,useState as n}from"react";import{useLabel as i}from"@react-aria/label";import{defaultProps as o}from"./input-props";import d from"../use-theme";import s from"../use-warning";import{StyledInput as c,StyledInputMainContainer as u,StyledInputContainer as p,StyledHelperTextContainer as m,StyledHelperText as h,StyledInputWrapper as f,StyledInputPlaceholder as b,StyledInputClearButton as $,StyledInputBlockLabel as g,StyledInputLabel as y,StyledInputContent as C}from"./input.styles";import x from"../utils/clear-icon";import w from"../utils/clsx";import{__DEV__ as N}from"../utils/assertion";import{jsx as v}from"react/jsx-runtime";import{jsxs as k}from"react/jsx-runtime";const S="nextui-input",R=e.forwardRef((({as:e="input",label:o,labelPlaceholder:R,labelLeft:I,labelRight:L,size:P,helperText:D,color:T,helperColor:B,status:j,contentLeft:F,contentRight:O,contentClickable:V,contentLeftStyling:q,contentRightStyling:U,onContentClick:W,initialValue:z,onChange:E,readOnly:A,value:G,onClearClick:H,clearable:J,shadow:K,animated:M,required:Q,width:X,className:Y,onBlur:Z,onFocus:_,autoComplete:ee,placeholder:te,fullWidth:ae,borderWeight:re,disabled:le,bordered:ne,underlined:ie,rounded:oe,css:de,...se},ce)=>{const ue=l(null);a(ce,(()=>ue.current));const[pe,me]=n(z),[he,fe]=n(!1),{isDark:be}=d(),$e=r((()=>void 0!==G),[G]),ge=r((()=>o||R),[o,R]),ye=r((()=>R?"":te),[te,R]),Ce=r((()=>ae?"100%":X||"initial"),[ae,X]);ie&&N&&(ne&&s("Using underlined and bordered at the same time will have no effect."),oe&&s("Using underlined and rounded at the same time will have no effect."));const xe=(e,t)=>{le||W&&W(e,t)};t((()=>{$e&&me(G)}));const we=r((()=>"textarea"===e),[e]),Ne={...se,...$e?{value:pe}:{defaultValue:z}},{labelProps:ve,fieldProps:ke}=i({...Ne,label:ge}),Se=r((()=>he?"hover":le?"disabled":A?"read-only":pe?"with-value":"normal"),[he,le,A,pe]);return k(u,{color:T,"data-state":Se,helperColor:B,borderWeight:re,status:j,size:P,rounded:oe,disabled:le,css:{width:Ce,...de},className:w(`${S}-main-container`,`${S}-main-container--${Se}`),children:[ge&&v(g,{id:ve.id,className:`${S}-block-label`,htmlFor:ve.htmlFor,isTextarea:we,underlined:ie,animated:M,bordered:ne,rounded:oe,hasContentLeft:!!F,withValue:!!pe,asPlaceholder:!!R,focused:he,children:ge}),v(p,{animated:M,isTextarea:we,underlined:ie,isReadOnly:A,focused:he,className:w(`${S}-container`,`${S}-container--${Se}`,{[`${S}-container--input`]:!we,[`${S}-container--textarea`]:we,[`${S}-container--read-only`]:A},Y),children:k(f,{as:ge?"div":"label",animated:M,bordered:ne,shadow:K,disabled:le,focused:he,isReadOnly:A,underlined:ie,isTextarea:we,className:w(`${S}-wrapper`,`${S}-wrapper--${Se}`,{[`${S}-wrapper--bordered`]:ne,[`${S}-wrapper--underlined`]:ie,[`${S}-wrapper--shadow`]:K}),children:[!ge&&te&&v(b,{className:`${S}-placeholder`,children:te}),I&&v(y,{className:`${S}-label--left`,isDefaultStatus:"default"===j,underlined:ie,bordered:ne,isDark:be,children:I}),F&&v(C,{className:w(`${S}-content`,`${S}-content--left`),applyStyles:q,clickable:V,onClick:e=>xe("left",e),children:F}),v(c,{type:"text",as:e,ref:ue,className:w({[`${S}`]:!we,[`${S}-textarea`]:we,[`${S}-disabled`]:le,[`${S}-rounded`]:oe,[`${S}-${S}-right-content`]:O,[`${S}-left-content`]:F}),isTextarea:we,focused:he,bordered:ne,placeholder:ye,disabled:le,readOnly:A,required:Q,onFocus:e=>{fe(!0),_&&_(e)},onBlur:e=>{fe(!1),Z&&Z(e)},onChange:e=>{le||A||(me(e.target.value),E&&E(e))},autoComplete:ee,hasLeftContent:!!F,hasRightContent:!!O,"data-state":Se,"aria-placeholder":ye,"aria-readonly":A,"aria-required":Q,"aria-multiline":we,...Ne,...ke}),J&&v($,{type:"button",className:`${S}-clear-button`,animated:M,underlined:ie,visible:Boolean(pe),hasContentRight:!!O,disabled:le||A,onClick:e=>{if(e.preventDefault(),e.stopPropagation(),e.nativeEvent.stopImmediatePropagation(),me(""),H&&H(e),!ue.current)return;const t=((e,t)=>({...t,target:e,currentTarget:e}))(ue.current,e);t.target.value="",E&&E(t),ue.current.focus()},children:v(x,{fill:"currentColor"})}),O&&v(C,{className:w(`${S}-content`,`${S}-content--right`),applyStyles:U,clickable:V,onClick:e=>xe("right",e),children:O}),L&&v(y,{className:`${S}-label--right`,isDefaultStatus:"default"===j,underlined:ie,bordered:ne,isRight:!0,isDark:be,children:L})]})}),v(m,{className:`${S}-helper-text-container`,withValue:!!D,children:D&&v(h,{className:`${S}-helper-text`,children:D})})]})}));R.displayName="NextUI.Input",R.defaultProps=o,R.toString=()=>".nextui-input";export default R;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{styled as e,sharedVisuallyHidden as o}from"../theme/stitches.config";export const StyledInputMainContainer=e("div",{$$inputColor:"$colors$accents1",$$inputTextColor:"$colors$text",$$inputPlaceholderColor:"$colors$accents3",$$inputPlaceholderOpacity:1,$$inputShadow:"$shadows$sm",$$inputBorderColor:"$colors$border",$$inputHoverBorderColor:"$colors$foreground",$$inputLabelColor:"$$inputHoverBorderColor",display:"inline-flex",flexDirection:"column",justifyContent:"center",position:"relative",boxSizing:"border-box",WebkitBoxAlign:"center",variants:{color:{default:{},primary:{$$inputHoverBorderColor:"$colors$primary",$$inputLabelColor:"$colors$primary"},secondary:{$$inputHoverBorderColor:"$colors$secondary",$$inputLabelColor:"$colors$secondary"},success:{$$inputHoverBorderColor:"$colors$success",$$inputLabelColor:"$colors$success"},warning:{$$inputHoverBorderColor:"$colors$warning",$$inputLabelColor:"$colors$warning"},error:{$$inputHoverBorderColor:"$colors$error",$$inputLabelColor:"$colors$error"}},status:{default:{},primary:{$$inputColor:"$colors$primaryLight",$$inputPlaceholderColor:"$colors$primary",$$inputTextColor:"$colors$primary",$$inputLabelColor:"$$inputTextColor",$$inputHoverBorderColor:"$colors$primary",$$inputPlaceholderOpacity:.5},secondary:{$$inputColor:"$colors$secondaryLight",$$inputPlaceholderColor:"$colors$secondary",$$inputTextColor:"$colors$secondary",$$inputLabelColor:"$$inputTextColor",$$inputHoverBorderColor:"$colors$secondary",$$inputPlaceholderOpacity:.5},success:{$$inputColor:"$colors$successLight",$$inputPlaceholderColor:"$colors$success",$$inputTextColor:"$colors$success",$$inputLabelColor:"$$inputTextColor",$$inputHoverBorderColor:"$colors$success",$$inputPlaceholderOpacity:.5},warning:{$$inputColor:"$colors$warningLight",$$inputPlaceholderColor:"$colors$warning",$$inputTextColor:"$colors$warning",$$inputLabelColor:"$$inputTextColor",$$inputHoverBorderColor:"$colors$warning",$$inputPlaceholderOpacity:.5},error:{$$inputColor:"$colors$errorLight",$$inputPlaceholderColor:"$colors$error",$$inputTextColor:"$colors$error",$$inputLabelColor:"$$inputTextColor",$$inputHoverBorderColor:"$colors$error",$$inputPlaceholderOpacity:.5}},helperColor:{default:{$$inputHelperColor:"$colors$text"},primary:{$$inputHelperColor:"$colors$primary"},secondary:{$$inputHelperColor:"$colors$secondary"},success:{$$inputHelperColor:"$colors$success"},warning:{$$inputHelperColor:"$colors$warning"},error:{$$inputHelperColor:"$colors$error"}},borderWeight:{light:{$$inputBorderWeight:"$borderWeights$light"},normal:{$$inputBorderWeight:"$borderWeights$normal"},bold:{$$inputBorderWeight:"$borderWeights$bold"},extrabold:{$$inputBorderWeight:"$borderWeights$extrabold"},black:{$$inputBorderWeight:"$borderWeights$black"}},size:{xs:{$$inputBorderRadius:"$space$3",$$inputFontSize:"$fontSizes$tiny",$$inputHeightRatio:"1.2",br:"$$inputBorderRadius"},sm:{$$inputBorderRadius:"$space$4",$$inputFontSize:"$fontSizes$tiny",$$inputHeightRatio:"1.6",br:"$$inputBorderRadius"},md:{$$inputBorderRadius:"$space$6",$$inputFontSize:"$fontSizes$xs",$$inputHeightRatio:"2",br:"$$inputBorderRadius"},lg:{$$inputBorderRadius:"$space$7",$$inputFontSize:"$fontSizes$base",$$inputHeightRatio:"2.2",br:"$$inputBorderRadius"},xl:{$$inputBorderRadius:"$space$8",$$inputFontSize:"$fontSizes$sm",$$inputHeightRatio:"2.6",br:"$$inputBorderRadius"}},rounded:{true:{$$inputBorderRadius:"$radii$pill"}},disabled:{true:{$$inputColor:"$colors$accents2",$$inputTextColor:"$colors$accents3",$$inputPlaceholderColor:"$colors$accents3",$$inputShadow:"$shadows$sm"}}}});export const StyledInputContainer=e("div",{width:"100%",br:"$$inputBorderRadius","@motion":{transition:"none"},variants:{isTextarea:{false:{display:"inline-flex",alignItems:"center",height:"calc($$inputHeightRatio * $9)"}},focused:{true:{}},isReadOnly:{false:{}},underlined:{true:{}},animated:{true:{transition:"$default"},false:{transition:"none"}}},compoundVariants:[{isReadOnly:!1,underlined:!0,css:{transform:"none"}},{focused:!0,animated:!0,isReadOnly:!1,underlined:!1,css:{transform:"translateY(-$space$1)"}}]});export const StyledInput=e("input",{padding:0,fontSize:"$$inputFontSize",bg:"transparent",border:"none",color:"$$inputTextColor",br:0,outline:"none",size:"100%",minWidth:0,WebkitAppearance:"none","::placeholder":{color:"$$inputPlaceholderColor",transition:"opacity 0.25s ease 0s",MozTransition:"opacity 0.25s ease 0s",MsTransition:"opacity 0.25s ease 0s",WebkitTransition:"opacity 0.25s ease 0s"},"@motion":{transition:"none","&::placeholder":{transition:"none"}},"&:disabled":{pe:"none",color:"$accents4",cursor:"not-allowed"},variants:{isTextarea:{true:{boxShadow:"none",display:"block",size:"100%",resize:"none",border:"none",outline:"none"}},focused:{true:{"&::placeholder":{opacity:0,transition:"opacity 0.25s ease 0s"}}},bordered:{true:{padding:"0 $3"}},rounded:{true:{padding:"0 $3"}},animated:{false:{transition:"none","::placeholder":{transition:"none"}}},hasLeftContent:{true:{ml:0}},hasRightContent:{true:{mr:0}}}});export const StyledInputWrapper=e("div",{flex:1,position:"relative",br:"$$inputBorderRadius",bg:"$$inputColor",display:"inline-flex",verticalAlign:"middle",alignItems:"center",userSelect:"none","@motion":{transition:"none","&:before":{transition:"none"},"&:after":{transition:"none"}},variants:{focused:{true:{}},isReadOnly:{true:{}},bordered:{true:{bg:"transparent",border:"none",boxShadow:"0 0 0 $$inputBorderWeight $$inputBorderColor",transition:"box-shadow 0.25s ease"}},shadow:{true:{transition:"$default"}},disabled:{true:{cursor:"not-allowed"}},underlined:{true:{bg:"transparent",[`& ${StyledInput}`]:{margin:"$2 $3"},"&:before":{content:"",position:"absolute",zIndex:"$2",width:0,bottom:0,height:"$1",left:"50%",transform:"translate(-50%)",background:"$$inputHoverBorderColor",transition:"width 0.25s ease"},"&:after":{content:"",position:"absolute",zIndex:"$1",bottom:0,width:"100%",height:"$$inputBorderWeight",bg:"$$inputBorderColor"}},false:{[`& ${StyledInput}`]:{margin:"$2 $5"}}},animated:{false:{transition:"none","&:before":{transition:"none"},"&:after":{transition:"none"}}},isTextarea:{true:{boxSizing:"border-box",width:"100%",maxWidth:"100%",height:"auto"},false:{height:"100%"}}},compoundVariants:[{bordered:!0,underlined:!0,css:{boxShadow:"0 0 0 0px $$inputBorderColor"}},{focused:!0,underlined:!0,css:{"&:before":{width:"100%"}}},{focused:!0,shadow:!0,isReadOnly:!1,underlined:!1,css:{boxShadow:"$$inputShadow"}},{focused:!0,bordered:!0,isReadOnly:!1,underlined:!1,css:{boxShadow:"0 0 0 $$inputBorderWeight $$inputHoverBorderColor"}},{bordered:!0,isReadOnly:!1,underlined:!1,css:{"&:hover":{boxShadow:"0 0 0 $$inputBorderWeight $$inputHoverBorderColor"}}},{isTextarea:!0,underlined:!1,css:{[`& ${StyledInput}`]:{margin:"$xs $sm"}}}]});export const StyledHelperTextContainer=e("div",{position:"absolute",opacity:0,bottom:"calc($$inputHeightRatio * -$space$5)","@motion":{transition:"none"},variants:{animated:{true:{transition:"opacity 0.25s ease"},false:{transition:"none"}},withValue:{true:{opacity:1}}}});export const StyledHelperText=e("p",{margin:"$1 0 0 $5",fontSize:"$space$5",color:"$$inputHelperColor"});export const StyledInputPlaceholder=e("span",{},o);export const StyledInputBlockLabel=e("label",{d:"block",fontWeight:"$normal",color:"$$inputLabelColor",p:"0 0 0 $2",mb:"$3",fs:"$$inputFontSize",lh:"$md",WebkitTouchCallout:"none",WebkitUserSelect:"none",KhtmlUserSelect:"none",MozUserSelect:"none",MsUserSelect:"none",us:"none","> *:first-child":{marginTop:0},"> *:last-child":{mb:0},"@motion":{transition:"none"},variants:{rounded:{true:{padding:"0 0 0 $3"}},asPlaceholder:{true:{position:"absolute",padding:0,zIndex:"$1",left:"$space$6",top:"20%",mb:0,cursor:"text",color:"$$inputPlaceholderColor",transition:"left 0.25s ease 0s, color 0.25s ease 0s, top 0.25s ease 0s"}},animated:{false:{transition:"none"}},focused:{true:{color:"$$inputHoverBorderColor"}},underlined:{true:{}},withValue:{true:{}},isTextarea:{true:{}},bordered:{true:{}},hasContentLeft:{true:{}}},compoundVariants:[{underlined:!0,asPlaceholder:!0,css:{left:"$space$2"}},{asPlaceholder:!0,focused:!0,underlined:!1,isTextarea:!1,css:{top:"-72%",left:"$2",cursor:"inherit"}},{asPlaceholder:!0,focused:!0,underlined:!0,isTextarea:!1,css:{top:"-72%",left:"0px",cursor:"inherit"}},{asPlaceholder:!0,withValue:!0,underlined:!1,isTextarea:!1,css:{color:"$$inputTextColor",top:"-72%",left:"$2",cursor:"inherit"}},{asPlaceholder:!0,withValue:!0,underlined:!0,isTextarea:!1,css:{color:"$$inputTextColor",top:"-72%",left:"0px",cursor:"inherit"}},{asPlaceholder:!0,isTextarea:!0,css:{top:"$5"}},{asPlaceholder:!0,hasContentLeft:!0,css:{left:"calc($space$6 + $$inputHeightRatio * $space$7)"}},{asPlaceholder:!0,isTextarea:!0,focused:!0,css:{top:"calc(-$space$10 - $space$3)",left:"$2"}},{asPlaceholder:!0,isTextarea:!0,withValue:!0,css:{top:"-$11"}},{asPlaceholder:!0,focused:!0,isTextarea:!0,bordered:!0,css:{top:"-$12"}}],defaultVariants:{asPlaceholder:!1}});export const StyledInputLabel=e("span",{position:"relative",display:"inline-flex",width:"initial",height:"100%",fontWeight:"$medium",ai:"center",pe:"none",margin:0,padding:"0 $sm",color:"$$inputPlaceholderColor",fontSize:"$$inputFontSize",lineHeight:"$xs",variants:{isRight:{true:{btrr:"$$inputBorderRadius",bbrr:"$$inputBorderRadius"},false:{btlr:"$$inputBorderRadius",bblr:"$$inputBorderRadius"}},isDark:{true:{}},isDefaultStatus:{true:{}},underlined:{true:{bg:"transparent"}},bordered:{true:{"&:after":{display:"none"},"&:before":{display:"none"}}}},compoundVariants:[{isRight:!0,underlined:!0,css:{borderLeftColor:"$$inputPlaceholderColor",borderLeftStyle:"solid",marginLeft:"$2",borderLeftWidth:"calc($$inputBorderWeight / 2)",height:"40%"}},{isRight:!1,underlined:!0,css:{borderRightColor:"$$inputPlaceholderColor",borderRightStyle:"solid",marginRight:"$2",borderRightWidth:"calc($$inputBorderWeight / 1)",height:"40%"}},{isDefaultStatus:!0,bordered:!1,underlined:!1,css:{bg:"$accents2"}},{isDefaultStatus:!0,bordered:!1,underlined:!1,isDark:!0,css:{color:"$accents6"}},{isDefaultStatus:!1,bordered:!0,underlined:!1,css:{bg:"$$inputColor"}},{bordered:!0,isRight:!0,css:{peddingRight:"$sm",paddingLeft:0}},{bordered:!0,isRight:!1,css:{peddingLeft:"$sm",paddingRight:0}}],defaultVariants:{isRight:!1}});export const StyledInputContent=e("span",{variants:{applyStyles:{true:{display:"flex",boxSizing:"content-box",width:"calc($$inputHeightRatio * $space$4)",height:"100%",alignItems:"center",verticalAlign:"center",margin:0,padding:"0 calc($$inputHeightRatio * $3)",color:"$$inputTextColor",lineHeight:"$xs",position:"relative",cursor:"default",pe:"none"}},clickable:{true:{cursor:"pointer",pe:"auto"}}}});export const StyledInputClearButton=e("button",{position:"absolute",right:0,margin:0,d:"inline-flex",ai:"center",border:"none",bg:"transparent",width:"auto",height:"auto",cursor:"pointer",boxSizing:"border-box",transition:"color 250ms ease 0s, transform 250ms ease 0s, opacity 250ms ease 0s",color:"$$inputPlaceholderColor",visibility:"hidden",transform:"translateX(20%)",opacity:0,"&:hover":{opacity:.85},svg:{color:"currentColor",size:"calc($space$5 * $$inputHeightRatio)"},"@motion":{transition:"none"},variants:{visible:{true:{visibility:"visible",transform:"translateX(0)",opacity:1}},underlined:{true:{padding:"0 $1"}},animated:{false:{transition:"none"}},hasContentRight:{true:{padding:0,position:"relative",transform:"translateX(30%)"}},disabled:{true:{cursor:"not-allowed","&:hover":{color:"$accents3"}}}}});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import r from"react";import{jsx as e}from"react/jsx-runtime";import{Fragment as t}from"react/jsx-runtime";import{jsxs as o}from"react/jsx-runtime";const i=({visible:r})=>e("svg",{viewBox:"0 0 24 24",width:"16",height:"16",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",fill:"none",className:"nextui-input-password-icon",shapeRendering:"geometricPrecision",style:{color:"currentColor"},children:o(t,r?{children:[e("path",{d:"M17.94 17.94A10.07 10.07 0 0112 20c-7 0-11-8-11-8a18.45 18.45 0 015.06-5.94M9.9 4.24A9.12 9.12 0 0112 4c7 0 11 8 11 8a18.5 18.5 0 01-2.16 3.19m-6.72-1.07a3 3 0 11-4.24-4.24"}),e("path",{d:"M1 1l22 22"})]}:{children:[e("path",{d:"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"}),e("circle",{cx:"12",cy:"12",r:"3"})]})}),s=r.memo(i);export default s;
|
package/esm/link/icon.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import e from"react";import{StyledLinkIcon as o}from"./link.styles";import{jsx as i}from"react/jsx-runtime";import{jsxs as t}from"react/jsx-runtime";export const LinkIcon=()=>t(o,{viewBox:"0 0 24 24",width:"1em",height:"1em",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",fill:"none",shapeRendering:"geometricPrecision",className:"nextui-link-icon",children:[i("path",{d:"M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6"}),i("path",{d:"M15 3h6v6"}),i("path",{d:"M10 14L21 3"})]});LinkIcon.toString=()=>".nextui-link-icon";export default e.memo(LinkIcon);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import t from"./link";export{StyledLink,StyledLinkIcon}from"./link.styles";export default t;
|
package/esm/link/link.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import r from"react";import t from"../utils/with-defaults";import i from"./icon";import o from"./link.styles";import{__DEV__ as e}from"../utils/assertion";import{jsx as m}from"react/jsx-runtime";import{jsxs as s}from"react/jsx-runtime";const n=r.forwardRef((({children:r,icon:t,...e},n)=>s(o,{...e,ref:n,children:[r,t&&m(i,{})]})));e&&(n.displayName="NextUI.Link"),n.toString=()=>".nextui-link";export default t(n,{icon:!1});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var o,r;import{theme as e,styled as n}from"../theme/stitches.config";import{addColorAlpha as c}from"../utils/color";export const StyledLinkIcon=n("svg",{ml:"$1",as:"center",display:"inline-flex",color:"currentColor"});export const StyledLink=n("a",{display:"inline-flex",alignItems:"baseline",lineHeight:"inherit",textDecoration:"none",width:"fitContent","&:hover":{opacity:.8},"@motion":{transition:"none"},variants:{color:{default:{color:"$link"},text:{color:"$text"},primary:{color:"$primary"},secondary:{color:"$secondary"},success:{color:"$success"},warning:{color:"$warning"},error:{color:"$error"}},underline:{true:{"&:hover, &:active, &:focus":{textDecoration:"underline"}}},block:{true:{padding:"$2 $4",borderRadius:"$base"}},animated:{true:{transition:"$link"}}},compoundVariants:[{color:"default",block:!0,css:{"&:hover":{backgroundColor:c(null==(o=e.colors)||null==(r=o.link)?void 0:r.value,.2)}}},{color:"primary",block:!0,css:{"&:hover":{backgroundColor:"$primaryLight"}}},{color:"secondary",block:!0,css:{"&:hover":{backgroundColor:"$secondaryLight"}}},{color:"success",block:!0,css:{"&:hover":{backgroundColor:"$successLight"}}},{color:"warning",block:!0,css:{"&:hover":{backgroundColor:"$warningLight"}}},{color:"error",block:!0,css:{"&:hover":{backgroundColor:"$errorLight"}}}],defaultVariants:{color:"default",animated:!0}});export default StyledLink;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import e from"./loading";export{StyledLoadingContainer,StyledSpinnerContainer,StyledSpinner,StyledSpinnerSpan,StyledLoading,StyledLoadingLabel}from"./loading.styles";export{default as Spinner}from"./spinner";export default e;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import e,{useMemo as i}from"react";import r from"../utils/with-defaults";import{StyledLoadingContainer as s,StyledLoading as t,StyledLoadingLabel as a}from"./loading.styles";import n from"./spinner";import{jsx as o}from"react/jsx-runtime";import{jsxs as l}from"react/jsx-runtime";import{Fragment as m}from"react/jsx-runtime";const c=({children:e,size:r,gradientBackground:c,loadingCss:d,type:g,...p})=>{const u=e?"":"Loading",f=i((()=>"gradient"===g?{"._2":{bg:c}}:{}),[g]);return o(s,{...p,children:"spinner"===g?o(n,{size:r,children:e}):l(m,{children:[l(t,{className:`nextui-loading nextui-loading-${g}`,type:g,size:r,"aria-label":u,css:{...d,...f},children:[o("i",{className:"_1"}),o("i",{className:"_2"}),o("i",{className:"_3"})]}),e&&o(a,{size:r,className:"nextui-loading-label",children:e})]})})};c.toString=()=>".nextui-loading";const d=e.memo(c);export default r(d,{size:"md",type:"default"});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{styled as o,keyframes as i}from"../theme/stitches.config";const a=i({"0%":{opacity:"0.2"},"20%":{opacity:1},"100%":{opacity:"0.2"}}),e=i({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),n=i({"0%":{transform:"translate(0px, 0px)"},"50%":{transform:"translate(0, calc(-$$loadingSize * 1.4))"},"100%":{transform:"translate(0px, 0px)"}}),t=i({"0%":{opacity:1},"100%":{opacity:.15}});export const StyledLoadingContainer=o("div",{d:"inline-flex",fd:"column",ai:"center",position:"relative",variants:{color:{currentColor:{$$loadingColor:"currentColor"},white:{$$loadingColor:"$colors$white"},default:{$$loadingColor:"$colors$primary"},primary:{$$loadingColor:"$colors$primary"},secondary:{$$loadingColor:"$colors$secondary"},success:{$$loadingColor:"$colors$success"},warning:{$$loadingColor:"$colors$warning"},error:{$$loadingColor:"$colors$error"}},textColor:{white:{$$loadingTextColor:"$colors$white"},default:{$$loadingTextColor:"$colors$text"},primary:{$$loadingTextColor:"$colors$primary"},secondary:{$$loadingTextColor:"$colors$secondary"},success:{$$loadingTextColor:"$colors$success"},warning:{$$loadingTextColor:"$colors$warning"},error:{$$loadingTextColor:"$colors$error"}}},defaultVariants:{color:"default",textColor:"default"}});export const StyledSpinnerContainer=o("div",{size:"100%",position:"relative",left:"50%",top:"50%"});export const StyledSpinner=o("div",{d:"flex",fd:"column",jc:"center",ai:"center",position:"relative",variants:{size:{xs:{size:"$6"},sm:{size:"$8"},md:{size:"$9"},lg:{size:"$11"},xl:{size:"$12"}}}});export const StyledSpinnerSpan=o("span",{bg:"$$loadingColor",position:"absolute",top:"-3.9%",width:"24%",height:"8%",left:"-10%",br:"$lg",animation:`${t} 1.2s linear 0s infinite normal none running`,"&:nth-child(1)":{animationDelay:"-1.2s",transform:"rotate(0deg) translate(146%)"},"&:nth-child(2)":{animationDelay:"-1.1s",transform:"rotate(30deg) translate(146%)"},"&:nth-child(3)":{animationDelay:"-1s",transform:"rotate(60deg) translate(146%)"},"&:nth-child(4)":{animationDelay:"-0.9s",transform:"rotate(90deg) translate(146%)"},"&:nth-child(5)":{animationDelay:"-0.8s",transform:"rotate(120deg) translate(146%)"},"&:nth-child(6)":{animationDelay:"-0.7s",transform:"rotate(150deg) translate(146%)"},"&:nth-child(7)":{animationDelay:"-0.6s",transform:"rotate(180deg) translate(146%)"},"&:nth-child(8)":{animationDelay:"-0.5s",transform:"rotate(210deg) translate(146%)"},"&:nth-child(9)":{animationDelay:"-0.4s",transform:"rotate(240deg) translate(146%)"},"&:nth-child(10)":{animationDelay:"-0.3s",transform:"rotate(270deg) translate(146%)"},"&:nth-child(11)":{animationDelay:"-0.2s",transform:"rotate(300deg) translate(146%)"},"&:nth-child(12)":{animationDelay:"-0.1s",transform:"rotate(330deg) translate(146%)"}});export const StyledLoading=o("span",{position:"absolute",top:0,left:0,right:0,bottom:0,size:"100%",dflex:"center",bgColor:"transparent",us:"none",variants:{size:{xs:{$$loadingSize:"$space$8",$$loadingBorder:"$space$1"},sm:{$$loadingSize:"$space$10",$$loadingBorder:"$space$1"},md:{$$loadingSize:"$space$12",$$loadingBorder:"calc($space$1 * 1.5)"},lg:{$$loadingSize:"$space$15",$$loadingBorder:"$space$2"},xl:{$$loadingSize:"$space$18",$$loadingBorder:"$space$3"}},type:{default:{d:"flex",br:"$rounded",position:"relative",size:"$$loadingSize",i:{top:"0px",size:"100%",position:"absolute",br:"inherit"},"._1":{border:"$$loadingBorder solid $$loadingColor",borderTop:"$$loadingBorder solid transparent",borderLeft:"$$loadingBorder solid transparent",borderRight:"$$loadingBorder solid transparent",animation:`${e} 0.8s ease infinite`},"._2":{border:"$$loadingBorder dotted $$loadingColor",borderTop:"$$loadingBorder solid transparent",borderLeft:"$$loadingBorder solid transparent",borderRight:"$$loadingBorder solid transparent",animation:`${e} 0.8s linear infinite`,opacity:.5},"._3":{display:"none"}},points:{d:"flex",position:"relative",transform:"translate(0, calc($$loadingSize * 0.6))",i:{size:"$$loadingSize",margin:"0 3px",bg:"$$loadingColor"},"._1":{br:"$rounded",animation:`${n} 0.75s ease infinite`},"._2":{br:"$rounded",animation:`${n} 0.75s ease infinite 0.25s`},"._3":{br:"$rounded",animation:`${n} 0.75s ease infinite 0.5s`}},"points-opacity":{d:"flex",position:"relative",i:{display:"inline-block",size:"$$loadingSize",br:"$rounded",bg:"$$loadingColor",margin:"0 1px",animation:`${a} 1.4s infinite both`},"._2":{animationDelay:"0.2s"},"._3":{animationDelay:"0.4s"}},spinner:{},gradient:{display:"flex",position:"relative",size:"$$loadingSize","._1":{position:"absolute",size:"100%",border:"0px",animation:`${e} 1s linear infinite`,top:"0px",br:"$rounded",bg:"linear-gradient(0deg, $background 33%,$$loadingColor 100%)"},"._2":{top:"2px",position:"absolute",size:"calc(100% - 4px)",border:"0px",bg:"$background",br:"$rounded"},"._3":{display:"none"}}}},compoundVariants:[{size:"xs",type:"points-opacity",css:{$$loadingSize:"$space$1"}},{size:"sm",type:"points-opacity",css:{$$loadingSize:"$space$2"}},{size:"md",type:"points-opacity",css:{$$loadingSize:"$space$3"}},{size:"lg",type:"points-opacity",css:{$$loadingSize:"$space$4"}},{size:"xl",type:"points-opacity",css:{$$loadingSize:"$space$5"}},{size:"xs",type:"points",css:{$$loadingSize:"$space$1"}},{size:"sm",type:"points",css:{$$loadingSize:"$space$2"}},{size:"md",type:"points",css:{$$loadingSize:"$space$3"}},{size:"lg",type:"points",css:{$$loadingSize:"$space$4"}},{size:"xl",type:"points",css:{$$loadingSize:"$space$5"}}],defaultVariants:{type:"default"}});export const StyledLoadingLabel=o("label",{mt:"$1",color:"$$loadingTextColor",fontSize:"$$loadingSize","*":{margin:0},variants:{size:{xs:{fontSize:"$space$5",marginTop:"$2"},sm:{fontSize:"$space$6",marginTop:"$3"},md:{fontSize:"$base",marginTop:"$4"},lg:{fontSize:"$space$10",marginTop:"$4"},xl:{fontSize:"$space$11",marginTop:"$5"}}}});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import r from"react";import{StyledSpinner as e,StyledSpinnerContainer as i,StyledSpinnerSpan as n,StyledLoadingLabel as o}from"./loading.styles";import s from"../utils/clsx";import{jsx as t}from"react/jsx-runtime";import{jsxs as a}from"react/jsx-runtime";const l=({children:r,size:l,color:c,textColor:m,className:p,...x})=>{const d=Array.isArray(r)?(null==r?void 0:r.length)>1&&void 0!==r[0]:void 0!==r,u=r&&d?"":"Loading";return a(e,{className:s("nextui-spinner",p),color:c,size:l,...x,children:[t(i,{className:"nextui-spinner-container","aria-label":u,children:[...new Array(12)].map(((r,e)=>t(n,{},`nextui-spinner-${e}`)))}),r&&t(o,{size:l,color:m,children:r})]})};l.toString=()=>".nextui-spinner";export default l;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import o from"./modal";import d from"./modal-header";import e from"./modal-body";import l from"./modal-footer";o.Header=d,o.Body=e,o.Footer=l;export{StyledModalHideTab,StyledModalCloseButton,StyledModalHeader,StyledModalBody,StyledModalFooter,StyledModal}from"./modal.styles";export default o;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import o,{useContext as t,useMemo as a}from"react";import r from"../utils/with-defaults";import{ModalContext as i}from"./modal-context";import{StyledModalBody as m}from"./modal.styles";import n from"../utils/clsx";import{jsx as s}from"react/jsx-runtime";const d="nextui-modal-body",e=({className:o,children:r,autoMargin:e,...l})=>{const{autoMargin:u,noPadding:c}=t(i),g=a((()=>void 0!==u?u:e),[e,u]);return s(m,{className:n(d,{[`${d}-auto-margin`]:g,[`${d}-no-padding`]:c},o),autoMargin:g,noPadding:c,...l,children:r})};e.toString=()=>".nextui-modal-body";const l=o.memo(e);export default r(l,{className:"",autoMargin:!0});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import o from"react";import t from"../utils/clear-icon";import{StyledModalCloseButton as e}from"./modal.styles";import{jsx as i}from"react/jsx-runtime";const a=({onClick:o,...a})=>i(e,{type:"button",onClick:t=>{t.preventDefault(),t.stopPropagation(),t.nativeEvent.stopImmediatePropagation(),o&&o(t)},className:"nextui-modal-close-icon","aria-label":"Close",...a,children:i(t,{plain:!0,size:18,className:"nextui-modal-close-icon-svg",fill:"currentColor","aria-hidden":!0})});a.toString=()=>".nextui-modal-close-icon";const l=o.memo(a);export default l;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import t from"react";const o={};export const ModalContext=t.createContext(o);export const useModalContext=()=>t.useContext(ModalContext);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import t,{useMemo as o,useContext as a}from"react";import r from"../utils/with-defaults";import{ModalContext as i}from"./modal-context";import{StyledModalFooter as n}from"./modal.styles";import s from"../utils/clsx";import{jsx as m}from"react/jsx-runtime";const e="nextui-modal-footer",d=({children:t,className:r,justify:d,autoMargin:l,css:u,...c})=>{const{autoMargin:f,noPadding:g}=a(i),p=o((()=>void 0!==f?f:l),[l,f]);return m(n,{className:s(e,{[`${e}-auto-margin`]:p,[`${e}-no-padding`]:g},r),noPadding:g,autoMargin:p,css:{justifyContent:d,...u},...c,children:t})};d.toString=()=>".nextui-modal-footer";const l=t.memo(d);export default r(l,{className:"",justify:"flex-end",autoMargin:!0});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import t,{useContext as o,useMemo as a}from"react";import r from"../utils/with-defaults";import{ModalContext as i}from"./modal-context";import{StyledModalHeader as n}from"./modal.styles";import s from"../utils/clsx";import{jsx as e}from"react/jsx-runtime";const m="nextui-modal-header",d=({children:t,className:r,justify:d,autoMargin:u,css:c,...l})=>{const{autoMargin:f,noPadding:g}=o(i),p=a((()=>void 0!==f?f:u),[u,f]);return e(n,{className:s(m,{[`${m}-auto-margin`]:p,[`${m}-no-padding`]:g},r),noPadding:g,autoMargin:p,css:{justifyContent:d,...c},...l,children:t})};d.toString=()=>".nextui-modal-header";const u=t.memo(d);export default r(u,{className:"",justify:"center",autoMargin:!0});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import e,{useEffect as r,useRef as t,useMemo as o,useState as n}from"react";import l from"../utils/with-defaults";import i from"../utils/css-transition";import{isChildElement as s}from"../utils/collections";import c from"./modal-close-button";import{KeyCode as a}from"../use-keyboard";import{StyledModal as u,StyledModalHideTab as m}from"./modal.styles";import d from"../utils/clsx";import{jsx as f}from"react/jsx-runtime";import{jsxs as b}from"react/jsx-runtime";import{Fragment as p}from"react/jsx-runtime";const x="nextui-modal",h=({className:e,children:l,visible:h,fullScreen:$,closeButton:T,rebound:v,animated:j,onCloseButtonClick:w,scroll:y,...N})=>{const k=t(null),C=t(null),g=t(null),[B,I]=n(!1);r((()=>{const e=setTimeout((()=>{I(!0),clearTimeout(e)}),300);return()=>clearTimeout(e)}),[]),r((()=>{if(!h)return;const e=document.activeElement;s(k.current,e)||C.current&&C.current.focus()}),[h]);const S=e=>{const r=e.keyCode===a.Tab;if(!h||!r)return;const t=document.activeElement;e.shiftKey?t===C.current&&g.current&&g.current.focus():t===g.current&&C.current&&C.current.focus()},E=()=>{w&&w()},K=o((()=>h?"open":"closed"),[h]),D=o((()=>b(u,{role:"dialog",tabIndex:-1,"aria-modal":h,ref:k,"data-state":K,fullScreen:$,scroll:y,closeButton:T,className:d(x,`${x}--${K}`,{[`${x}-fullscreen`]:$,[`${x}-with-close-button`]:T,[`${x}-rebound`]:v,[`${x}-rendered`]:B},e),...N,onKeyDown:S,children:[f(m,{role:"button",tabIndex:0,className:`${x}-hide-tab`,"aria-hidden":"true",ref:C}),T&&f(c,{onClick:E}),l,f(m,{role:"button",tabIndex:0,className:`${x}-hide-tab`,"aria-hidden":"true",ref:g})]})),[v,l]);return f(p,{children:j?f(i,{name:`${x}-wrapper`,visible:h,enterTime:20,leaveTime:20,clearTime:300,children:D}):h?D:null})};h.toString=()=>".nextui-modal-wrapper";export default l(h,{className:"",visible:!1,rebound:!1});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import e,{useEffect as o,useMemo as r,useState as t}from"react";import{createPortal as l}from"react-dom";import n from"../use-portal";import a from"./modal-wrapper";import i from"../backdrop";import{ModalContext as m}from"./modal-context";import s from"../use-body-scroll";import d from"../use-current-state";import c,{KeyCode as u}from"../use-keyboard";import{__DEV__ as p}from"../utils/assertion";import{jsx as f}from"react/jsx-runtime";const b=({children:e,onClose:p,onOpen:b,open:v,autoMargin:x,width:g,className:h,preventClose:C,blur:N,animated:P,fullScreen:S,noPadding:k,...y})=>{const w=n("modal"),[,M]=s(null,{scrollLayer:!0}),[j,B,E]=d(!1),[T,D]=t(!1),G=()=>{p&&p(),B(!1),M(!1)};o((()=>{void 0!==v&&(v&&b&&b(),!v&&E.current&&p&&p(),B(v),M(v))}),[v]);const I=()=>{D(!0);const e=setTimeout((()=>{D(!1),clearTimeout(e)}),300)},{bindings:L}=c((()=>{C?I():G()}),u.Escape,{disableGlobalEvent:!0,preventDefault:!0}),O=r((()=>({close:G,autoMargin:x,noPadding:k})),[]);return w?l(f(m.Provider,{value:O,children:f(i,{onClick:()=>{C?I():G()},visible:j,maxWidth:g,fullScreen:S,blur:N,animated:P,...L,children:f(a,{visible:j,onCloseButtonClick:G,className:h,fullScreen:S,rebound:T,animated:P,...y,children:e})})}),w):null};p&&(b.displayName="NextUI.Modal"),b.toString=()=>".nextui-modal",b.defaultProps={width:"400px",className:"",preventClose:!1,fullScreen:!1,closeButton:!1,animated:!0,blur:!1,scroll:!1,noPadding:!1};export default b;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{styled as i,sharedFocus as o}from"../theme/stitches.config";import{reboundAnimation as n,appearanceIn as t,appearanceOut as e}from"../utils/animations";export const StyledModalHideTab=i("div",{outline:"none",overflow:"hidden",width:0,height:0,opacity:0});export const StyledModalCloseButton=i("button",{position:"absolute",background:"transparent",border:"none",zIndex:"$1",top:"$space$3",right:"$space$2",margin:0,d:"inline-flex",ai:"center",height:"auto",cursor:"pointer",boxSizing:"border-box",transition:"$default",padding:"calc($space$sm * 0.5)",color:"$accents4",br:"$space$5",svg:{color:"currentColor"},"&:hover":{svg:{opacity:.8}},variants:{disabled:{true:{cursor:"not-allowed"}}}},o);export const StyledModalHeader=i("div",{display:"flex",flexShrink:0,ai:"center",ov:"hidden",color:"inherit",padding:"$sm $10",fs:"$xs",variants:{noPadding:{true:{padding:0}},autoMargin:{true:{"> *:first-child":{mt:0},"> *:last-child":{mb:0}}}}});export const StyledModalBody=i("div",{display:"flex",flexDirection:"column",flex:"1 1 auto",padding:"$sm $10",oy:"auto",position:"relative",ta:"left",variants:{noPadding:{true:{flex:1,padding:0}},autoMargin:{true:{"> *:first-child":{mt:0},"> *":{mb:"$8"},"> *:last-child":{mb:0}}}}});export const StyledModalFooter=i("div",{d:"flex",flexWrap:"wrap",flexShrink:0,overflow:"hidden",color:"inherit",ai:"center",fs:"$xs",padding:"$sm $lg",variants:{noPadding:{true:{padding:0}},autoMargin:{true:{"> *":{m:"$2"}}}}});export const StyledModal=i("section",{maxWidth:"100%",verticalAlign:"middle",overflow:"hidden",height:"fit-content(20em)",maxHeight:"inherit",display:"flex",outline:"none",flexDirection:"column",position:"relative",boxSizing:"border-box",color:"$foreground",br:"$lg",boxShadow:"$lg",bg:"$backgroundContrast",animationFillMode:"forwards","@motion":{transition:"none"},"&.nextui-modal-wrapper-enter:not(.nextui-modal-rendered)":{animationName:t,animationDuration:"200ms",animationTimingFunction:"ease-in",animationDirection:"normal"},"&.nextui-modal-wrapper-leave":{animationName:e,animationDuration:"50ms",animationTimingFunction:"ease-out"},variants:{fullScreen:{true:{size:"100%",maxHeight:"100%"},false:{"&.nextui-modal-rebound":{animationDuration:"250ms",animationName:n,animationTimingFunction:"ease",animationFillMode:"forwards"}}},scroll:{true:{maxHeight:"calc(100vh - 200px)"}},closeButton:{true:{paddingTop:"$lg",[`& ${StyledModalCloseButton}`]:{svg:{size:"$10"}}}}},compoundVariants:[{scroll:!0,fullScreen:!0,css:{maxHeight:"100%"}}]});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import e from"../use-current-state";export default(t=!1)=>{const[r,n,s]=e(t);return{visible:r,setVisible:n,currentRef:s,bindings:{open:r,onClose:()=>n(!1)}}};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import t from"./pagination";export{StyledPaginationEllipsis,StyledPaginationIcon,StyledPaginationItemContent,StyledPaginationItem,StyledPaginationHighlight,StyledPagination}from"./pagination.styles";export default t;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import e,{useState as r}from"react";import o from"./pagination-item";import{StyledPaginationEllipsis as i}from"./pagination.styles";import{jsx as n}from"react/jsx-runtime";import{jsxs as t}from"react/jsx-runtime";export default({value:e,isBefore:s,onlyDots:l,animated:c,bordered:a,onClick:d})=>{const[p,m]=r(!1);return n(o,{value:e,onlyDots:l,animated:c,bordered:a,onClick:e=>d&&d(e),onMouseEnter:()=>m(!0),onMouseLeave:()=>m(!1),children:t(i,p?{role:"presentation",focusable:"false",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",fill:"none",shapeRendering:"geometricPrecision",className:"nextui-pagination-ellipsis",isEllipsis:!0,isBefore:s,children:[n("path",{d:"M13 17l5-5-5-5"}),n("path",{d:"M6 17l5-5-5-5"})]}:{viewBox:"0 0 24 24",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",fill:"none",shapeRendering:"geometricPrecision",isEllipsis:!1,isBefore:s,children:[n("circle",{cx:"12",cy:"12",r:"1",fill:"currentColor"}),n("circle",{cx:"19",cy:"12",r:"1",fill:"currentColor"}),n("circle",{cx:"5",cy:"12",r:"1",fill:"currentColor"})]})})};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import i,{useMemo as t,useEffect as a,useState as n}from"react";import o from"../utils/clsx";import{StyledPaginationHighlight as e}from"./pagination.styles";import{mergeProps as r}from"@react-aria/utils";import{jsx as s}from"react/jsx-runtime";const c="nextui-pagination-highlight",m=({active:i,shadow:m,noMargin:u,rounded:g,css:l,...p})=>{const[d,x]=n(i),[f,h]=n("");a((()=>{if(i!==d){x(i),h(`${c}--moving`);const t=setTimeout((()=>{h(""),clearTimeout(t)}),350)}}),[i]);const $=t((()=>u?`var(--nextui--paginationSize) * ${d}`:`var(--nextui--paginationSize) * ${d} + ${4*d+2}px`),[d,u]);return s(e,{"aria-hidden":!0,shadow:m,rounded:g,className:o(c,f,{[`${c}--rounded`]:g,[`${c}--active`]:i,[`${c}--no-margin`]:u,[`${c}--shadow`]:m},p.className),noMargin:u,style:r({"--nextui--paginationLeft":`calc(${$})`},(null==p?void 0:p.style)||{}),css:{left:"var(--nextui--paginationLeft)",...l},...p})};m.toString=()=>".nextui-pagination-highlight";export default m;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import o from"react";import e from"./pagination-item";import{StyledPaginationIcon as t}from"./pagination.styles";import{jsx as n}from"react/jsx-runtime";const i=({isPrev:o,disabled:i,onlyDots:r,animated:a,bordered:s,onClick:l,...d})=>n(e,{preserveContent:!0,value:o?"<":">",bordered:s,animated:a,onlyDots:r,disabled:i,onClick:o=>l&&l(o),children:n(t,{role:"presentation",focusable:"false",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"nextui-pagination-icon",isPrev:o,...d,children:n("path",{d:"M15.5 19l-7-7 7-7",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})})});i.toString=()=>".nextui-pagination-icon";const r=o.memo(i);export default r;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import e,{useMemo as t}from"react";import{DOTS as r}from"../use-pagination";import n from"../utils/clsx";import a from"../utils/with-defaults";import{StyledPaginationItem as i,StyledPaginationItemContent as o}from"./pagination.styles";import{jsx as s}from"react/jsx-runtime";const l=e=>{if(e)switch(e){case r:return"dots element";case"<":return"previous page button";case">":return"next page button";case"first":return"first page button";case"last":return"last page button";default:return`${e} item`}},c="nextui-pagination-item",d=({active:e,value:r,children:a,disabled:d,animated:m,bordered:u,onClick:p,onlyDots:b,preserveContent:f,...v})=>{const g=t((()=>e?`${l(r)} active`:l(r)),[r,e]);return s(i,{className:n(c,{[`${c}-active`]:e,[`${c}-animated`]:m,[`${c}-disabled`]:d,[`${c}-bordered`]:u,[`${c}-only-dots`]:b,[`${c}-preserve-content`]:f}),animated:m,active:e,disabled:d,bordered:u,onlyDots:b,preserveContent:f,onClick:e=>{d||p&&p(e)},"aria-label":g,tabIndex:d?-1:0,...v,children:s(o,{className:`${c}-content`,children:a})})};d.toString=()=>".nextui-pagination-item";export default a(d,{preserveContent:!1});
|