@nextui-org/react 1.0.0-beta.6 → 1.0.0-beta.9-dbg1
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/cjs/avatar/avatar.js +1 -1
- package/cjs/avatar/avatar.styles.js +1 -1
- package/cjs/backdrop/backdrop.styles.js +1 -1
- package/cjs/button/button-icon.js +1 -1
- package/cjs/button/button.js +1 -1
- package/cjs/button/button.styles.js +1 -1
- package/cjs/button/utils.js +1 -1
- package/cjs/card/card.js +1 -1
- package/cjs/card/card.styles.js +1 -1
- package/cjs/card/index.js +1 -1
- package/cjs/card/use-card.js +1 -0
- package/cjs/checkbox/checkbox-context.js +1 -1
- package/cjs/checkbox/checkbox-group.js +1 -1
- package/cjs/checkbox/checkbox.js +1 -1
- package/cjs/checkbox/checkbox.styles.js +1 -1
- package/cjs/checkbox/use-checkbox-group.js +1 -0
- package/cjs/checkbox/use-checkbox.js +1 -0
- package/cjs/collapse/collapse.styles.js +1 -1
- package/cjs/css-baseline/css-baseline.js +1 -1
- package/cjs/dropdown/base/dropdown-item-base.js +1 -0
- package/cjs/dropdown/dropdown-button.js +1 -0
- package/cjs/dropdown/dropdown-context.js +1 -0
- package/cjs/dropdown/dropdown-icon.js +1 -0
- package/cjs/dropdown/dropdown-item.js +1 -0
- package/cjs/dropdown/dropdown-menu.js +1 -0
- package/cjs/dropdown/dropdown-section.js +1 -0
- package/cjs/dropdown/dropdown-trigger.js +1 -0
- package/cjs/dropdown/dropdown-types.js +1 -0
- package/cjs/dropdown/dropdown.js +1 -0
- package/cjs/dropdown/dropdown.styles.js +1 -0
- package/cjs/dropdown/index.js +1 -0
- package/cjs/dropdown/use-dropdown.js +1 -0
- package/cjs/grid/grid-container.js +1 -1
- package/cjs/image/image.js +1 -1
- package/cjs/image/image.styles.js +1 -1
- package/cjs/index.js +1 -1
- package/cjs/input/input.styles.js +1 -1
- package/cjs/link/link.js +1 -1
- package/cjs/link/link.styles.js +1 -1
- package/cjs/modal/modal.styles.js +1 -1
- package/cjs/pagination/pagination.styles.js +1 -1
- package/cjs/popover/popover-content.js +1 -1
- package/cjs/popover/popover-trigger.js +1 -1
- package/cjs/popover/popover.js +1 -1
- package/cjs/popover/popover.styles.js +1 -1
- package/cjs/popover/use-popover.js +1 -1
- package/cjs/popover/utils.js +1 -1
- package/cjs/radio/index.js +1 -1
- package/cjs/radio/radio-context.js +1 -1
- package/cjs/radio/radio-group.js +1 -1
- package/cjs/radio/radio.js +1 -1
- package/cjs/radio/radio.styles.js +1 -1
- package/cjs/radio/use-radio-group.js +1 -0
- package/cjs/radio/use-radio.js +1 -0
- package/cjs/snippet/snippet.styles.js +1 -1
- package/cjs/switch/switch.styles.js +1 -1
- package/cjs/table/table-checkbox-cell.js +1 -1
- package/cjs/table/table-context.js +1 -1
- package/cjs/table/table-select-all-checkbox.js +1 -1
- package/cjs/table/table.js +1 -1
- package/cjs/table/table.styles.js +1 -1
- package/cjs/table/utils.js +1 -1
- package/cjs/theme/colors/blue.js +1 -0
- package/cjs/theme/colors/cyan.js +1 -0
- package/cjs/theme/colors/gray.js +1 -0
- package/cjs/theme/colors/green.js +1 -0
- package/cjs/theme/colors/index.js +1 -0
- package/cjs/theme/colors/pink.js +1 -0
- package/cjs/theme/colors/purple.js +1 -0
- package/cjs/theme/colors/red.js +1 -0
- package/cjs/theme/colors/yellow.js +1 -0
- package/cjs/theme/common.js +1 -1
- package/cjs/theme/dark-theme.js +1 -1
- package/cjs/theme/index.js +1 -1
- package/cjs/theme/light-theme.js +1 -1
- package/cjs/theme/shared-css.js +1 -0
- package/cjs/theme/stitches.config.js +1 -1
- package/cjs/tooltip/tooltip.styles.js +1 -1
- package/cjs/user/index.js +1 -1
- package/cjs/user/user-link.js +1 -1
- package/cjs/user/user.js +1 -1
- package/cjs/user/user.styles.js +1 -1
- package/cjs/utils/checkmark.js +1 -0
- package/cjs/utils/color.js +1 -1
- package/cjs/utils/dom.js +1 -1
- package/cjs/utils/icons.js +1 -1
- package/cjs/utils/prop-types.js +1 -1
- package/dropdown/package.json +6 -0
- package/esm/avatar/avatar.js +1 -1
- package/esm/avatar/avatar.styles.js +1 -1
- package/esm/backdrop/backdrop.styles.js +1 -1
- package/esm/button/button-icon.js +1 -1
- package/esm/button/button.js +1 -1
- package/esm/button/button.styles.js +1 -1
- package/esm/button/utils.js +1 -1
- package/esm/card/card.js +1 -1
- package/esm/card/card.styles.js +1 -1
- package/esm/card/index.js +1 -1
- package/esm/card/use-card.js +1 -0
- package/esm/checkbox/checkbox-context.js +1 -1
- package/esm/checkbox/checkbox-group.js +1 -1
- package/esm/checkbox/checkbox.js +1 -1
- package/esm/checkbox/checkbox.styles.js +1 -1
- package/esm/checkbox/use-checkbox-group.js +1 -0
- package/esm/checkbox/use-checkbox.js +1 -0
- package/esm/collapse/collapse.styles.js +1 -1
- package/esm/css-baseline/css-baseline.js +1 -1
- package/esm/dropdown/base/dropdown-item-base.js +1 -0
- package/esm/dropdown/dropdown-button.js +1 -0
- package/esm/dropdown/dropdown-context.js +1 -0
- package/esm/dropdown/dropdown-icon.js +1 -0
- package/esm/dropdown/dropdown-item.js +1 -0
- package/esm/dropdown/dropdown-menu.js +1 -0
- package/esm/dropdown/dropdown-section.js +1 -0
- package/esm/dropdown/dropdown-trigger.js +1 -0
- package/esm/dropdown/dropdown-types.js +1 -0
- package/esm/dropdown/dropdown.js +1 -0
- package/esm/dropdown/dropdown.styles.js +1 -0
- package/esm/dropdown/index.js +1 -0
- package/esm/dropdown/use-dropdown.js +1 -0
- package/esm/grid/grid-container.js +1 -1
- package/esm/image/image.js +1 -1
- package/esm/image/image.styles.js +1 -1
- package/esm/index.js +1 -1
- package/esm/input/input.styles.js +1 -1
- package/esm/link/link.js +1 -1
- package/esm/link/link.styles.js +1 -1
- package/esm/modal/modal.styles.js +1 -1
- package/esm/pagination/pagination.styles.js +1 -1
- package/esm/popover/popover-content.js +1 -1
- package/esm/popover/popover-trigger.js +1 -1
- package/esm/popover/popover.js +1 -1
- package/esm/popover/popover.styles.js +1 -1
- package/esm/popover/use-popover.js +1 -1
- package/esm/popover/utils.js +1 -1
- package/esm/radio/index.js +1 -1
- package/esm/radio/radio-context.js +1 -1
- package/esm/radio/radio-group.js +1 -1
- package/esm/radio/radio.js +1 -1
- package/esm/radio/radio.styles.js +1 -1
- package/esm/radio/use-radio-group.js +1 -0
- package/esm/radio/use-radio.js +1 -0
- package/esm/snippet/snippet.styles.js +1 -1
- package/esm/switch/switch.styles.js +1 -1
- package/esm/table/table-checkbox-cell.js +1 -1
- package/esm/table/table-context.js +1 -1
- package/esm/table/table-select-all-checkbox.js +1 -1
- package/esm/table/table.js +1 -1
- package/esm/table/table.styles.js +1 -1
- package/esm/table/utils.js +1 -1
- package/esm/theme/colors/blue.js +1 -0
- package/esm/theme/colors/cyan.js +1 -0
- package/esm/theme/colors/gray.js +1 -0
- package/esm/theme/colors/green.js +1 -0
- package/esm/theme/colors/index.js +1 -0
- package/esm/theme/colors/pink.js +1 -0
- package/esm/theme/colors/purple.js +1 -0
- package/esm/theme/colors/red.js +1 -0
- package/esm/theme/colors/yellow.js +1 -0
- package/esm/theme/common.js +1 -1
- package/esm/theme/dark-theme.js +1 -1
- package/esm/theme/index.js +1 -1
- package/esm/theme/light-theme.js +1 -1
- package/esm/theme/shared-css.js +1 -0
- package/esm/theme/stitches.config.js +1 -1
- package/esm/tooltip/tooltip.styles.js +1 -1
- package/esm/user/index.js +1 -1
- package/esm/user/user-link.js +1 -1
- package/esm/user/user.js +1 -1
- package/esm/user/user.styles.js +1 -1
- package/esm/utils/checkmark.js +1 -0
- package/esm/utils/color.js +1 -1
- package/esm/utils/dom.js +1 -1
- package/esm/utils/icons.js +1 -1
- package/esm/utils/prop-types.js +1 -1
- package/package.json +29 -24
- package/types/avatar/avatar-group.styles.d.ts +396 -174
- package/types/avatar/avatar.d.ts +2372 -11
- package/types/avatar/avatar.styles.d.ts +2570 -98
- package/types/backdrop/backdrop.styles.d.ts +594 -261
- package/types/button/button-group.styles.d.ts +198 -87
- package/types/button/button-icon.d.ts +202 -89
- package/types/button/button.d.ts +5 -3
- package/types/button/button.styles.d.ts +1636 -189
- package/types/card/card.d.ts +8 -9
- package/types/card/card.styles.d.ts +3103 -350
- package/types/card/use-card.d.ts +301 -0
- package/types/checkbox/checkbox-context.d.ts +3 -11
- package/types/checkbox/checkbox-group.d.ts +9 -28
- package/types/checkbox/checkbox.d.ts +8 -40
- package/types/checkbox/checkbox.styles.d.ts +2193 -2021
- package/types/checkbox/use-checkbox-group.d.ts +30 -0
- package/types/checkbox/use-checkbox.d.ts +26 -0
- package/types/code/code.styles.d.ts +396 -174
- package/types/col/col.styles.d.ts +198 -87
- package/types/collapse/collapse.styles.d.ts +1199 -533
- package/types/container/container.styles.d.ts +198 -87
- package/types/divider/divider.styles.d.ts +396 -174
- package/types/dropdown/base/dropdown-item-base.d.ts +19 -0
- package/types/dropdown/dropdown-button.d.ts +3689 -0
- package/types/dropdown/dropdown-context.d.ts +728 -0
- package/types/dropdown/dropdown-icon.d.ts +9 -0
- package/types/dropdown/dropdown-item.d.ts +31 -0
- package/types/dropdown/dropdown-menu.d.ts +30 -0
- package/types/dropdown/dropdown-section.d.ts +29 -0
- package/types/dropdown/dropdown-trigger.d.ts +11 -0
- package/types/dropdown/dropdown-types.d.ts +24 -0
- package/types/dropdown/dropdown.d.ts +24 -0
- package/types/dropdown/dropdown.styles.d.ts +11869 -0
- package/types/dropdown/index.d.ts +9 -0
- package/types/dropdown/use-dropdown.d.ts +389 -0
- package/types/grid/grid.styles.d.ts +396 -174
- package/types/image/image.d.ts +5 -18
- package/types/image/image.styles.d.ts +594 -261
- package/types/index.d.ts +5 -1
- package/types/input/input-password.d.ts +1 -1
- package/types/input/input-props.d.ts +2 -2
- package/types/input/input.styles.d.ts +2367 -1146
- package/types/link/link.styles.d.ts +396 -174
- package/types/loading/loading.styles.d.ts +1199 -533
- package/types/modal/modal.styles.d.ts +1199 -533
- package/types/pagination/pagination.styles.d.ts +1199 -533
- package/types/popover/popover-content.d.ts +1147 -2
- package/types/popover/popover-context.d.ts +120 -0
- package/types/popover/popover.d.ts +4 -4
- package/types/popover/popover.styles.d.ts +2374 -88
- package/types/popover/use-popover.d.ts +83 -4
- package/types/popover/utils.d.ts +3 -1
- package/types/progress/progress.d.ts +1 -1
- package/types/progress/progress.styles.d.ts +396 -174
- package/types/radio/index.d.ts +2 -2
- package/types/radio/radio-context.d.ts +22 -13
- package/types/radio/radio-group.d.ts +9 -78
- package/types/radio/radio.d.ts +10 -66
- package/types/radio/radio.styles.d.ts +3335 -562
- package/types/radio/use-radio-group.d.ts +26 -0
- package/types/radio/use-radio.d.ts +31 -0
- package/types/row/row.styles.d.ts +198 -87
- package/types/snippet/snippet.styles.d.ts +803 -359
- package/types/spacer/spacer.styles.d.ts +198 -87
- package/types/switch/switch.d.ts +1 -1
- package/types/switch/switch.styles.d.ts +803 -359
- package/types/table/table-column-header.d.ts +198 -87
- package/types/table/table-sort-icon.d.ts +198 -87
- package/types/table/table.styles.d.ts +3745 -1856
- package/types/table/utils.d.ts +5 -29
- package/types/text/text.styles.d.ts +198 -87
- package/types/textarea/textarea.d.ts +1 -1
- package/types/theme/colors/blue.d.ts +24 -0
- package/types/theme/colors/cyan.d.ts +24 -0
- package/types/theme/colors/gray.d.ts +24 -0
- package/types/theme/colors/green.d.ts +24 -0
- package/types/theme/colors/index.d.ts +8 -0
- package/types/theme/colors/pink.d.ts +24 -0
- package/types/theme/colors/purple.d.ts +24 -0
- package/types/theme/colors/red.d.ts +24 -0
- package/types/theme/colors/yellow.d.ts +24 -0
- package/types/theme/common.d.ts +449 -392
- package/types/theme/dark-theme.d.ts +112 -22
- package/types/theme/light-theme.d.ts +91 -13
- package/types/theme/shared-css.d.ts +5237 -0
- package/types/theme/stitches.config.d.ts +3120 -4934
- package/types/theme/types.d.ts +3 -0
- package/types/tooltip/tooltip.d.ts +1 -1
- package/types/tooltip/tooltip.styles.d.ts +803 -359
- package/types/user/index.d.ts +1 -1
- package/types/user/user-link.d.ts +4 -11
- package/types/user/user.styles.d.ts +787 -1277
- package/types/utils/checkmark.d.ts +19 -0
- package/types/utils/color.d.ts +1 -0
- package/types/utils/dom.d.ts +5 -2
- package/types/utils/drip.d.ts +199 -88
- package/types/utils/prop-types.d.ts +4 -0
- package/umd/nextui.js +14191 -17827
- package/umd/nextui.min.js +1 -1
- package/cjs/checkbox/utils.js +0 -1
- package/esm/checkbox/utils.js +0 -1
- package/types/checkbox/utils.d.ts +0 -288
|
@@ -1 +1 @@
|
|
|
1
|
-
import
|
|
1
|
+
import{createContext as o}from"../utils/context";export const[CheckboxGroupProvider,useCheckboxGroupContext]=o({name:"CheckboxGroupContext",strict:!1});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import
|
|
1
|
+
import e from"react";import o from"../utils/clsx";import{useDOMRef as r}from"../utils/dom";import{__DEV__ as s}from"../utils/assertion";import{CheckboxGroupProvider as t}from"./checkbox-context";import{useCheckboxGroup as i}from"./use-checkbox-group";import{StyledCheckboxGroup as c,StyledCheckboxGroupContainer as a}from"./checkbox.styles";import{jsx as l}from"react/jsx-runtime";import{jsxs as m}from"react/jsx-runtime";const n=e.forwardRef(((e,s)=>{const{children:n,className:p,as:u,label:x,...b}=e,{css:h,...f}=i({...b,label:x}),d=r(s);return m(c,{ref:d,...f.groupProps,className:o("nextui-checkbox-group",p),size:f.size,isDisabled:f.groupState.isDisabled,as:u,css:h,children:[x&&l("label",{className:"nextui-checkbox-group-label",...f.labelProps,children:x}),l(a,{className:"nextui-checkbox-group-items",role:"presentation",isRow:"horizontal"===f.orientation,children:l(t,{value:f,children:n})})]})}));s&&(n.displayName="NextUI.CheckboxGroup"),n.toString=()=>".nextui-checkbox-group";export default n;
|
package/esm/checkbox/checkbox.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import e,{useMemo as i
|
|
1
|
+
import e,{useMemo as i}from"react";import{mergeProps as s}from"@react-aria/utils";import{useFocusRing as c}from"@react-aria/focus";import{useHover as a}from"@react-aria/interactions";import{usePress as o}from"@react-aria/interactions";import{VisuallyHidden as r}from"@react-aria/visually-hidden";import t from"../utils/clsx";import{__DEV__ as n}from"../utils/assertion";import{useFocusableRef as d}from"../utils/dom";import{useCheckbox as l}from"./use-checkbox";import{StyledCheckboxLabel as m,StyledCheckboxContainer as h,StyledCheckboxMask as u,StyledIconCheck as b,StyledIconCheckFirstLine as k,StyledIconCheckSecondLine as x,StyledCheckboxText as p}from"./checkbox.styles";import{jsx as f}from"react/jsx-runtime";import{jsxs as N}from"react/jsx-runtime";const A=e.forwardRef(((e,n)=>{const{className:A,as:C,css:I,children:v,label:D,...j}=e,{size:F,color:P,labelColor:R,isRounded:g,lineThrough:y,disableAnimation:z,isIndeterminate:H,inputRef:T,inputProps:V}=l({...j,children:null!=v?v:D}),w=d(n,T),{hoverProps:S,isHovered:U}=a({isDisabled:V.disabled}),{pressProps:$}=o({isDisabled:V.disabled}),{focusProps:q,isFocusVisible:B}=c({autoFocus:V.autoFocus}),E=i((()=>U?"hovered":H&&V.checked?"mixed":V.checked?"checked":"uncheked"),[U,H,V.checked]);return N(m,{ref:w,...s(S,$),className:t("nextui-checkbox-label",`nextui-checkbox--${E}`,A),as:C,css:I,size:F,isDisabled:V.disabled,disableAnimation:z,children:[N(h,{className:"nextui-checkbox-container",color:P,isRounded:g,isHovered:U,isDisabled:V.disabled,isFocusVisible:B,disableAnimation:z,...q,children:[f(r,{children:f("input",{ref:T,className:"nextui-checkbox-input",...s(V,q)})}),f(u,{className:"nextui-checkbox-mask",isChecked:V.checked,isIndeterminate:H,disableAnimation:z,children:N(b,{className:"nextui-icon-check",size:F,isChecked:V.checked,isIndeterminate:H,disableAnimation:z,children:[f(k,{className:"nextui-icon-check-line1",isChecked:V.checked,isIndeterminate:H,disableAnimation:z}),f(x,{className:"nextui-icon-check-line2",isChecked:V.checked,isIndeterminate:H,disableAnimation:z})]})})]}),(v||D)&&f(p,{className:"nextui-checkbox-text",color:R,lineThrough:y,isChecked:V.checked,isDisabled:V.disabled,disableAnimation:z,children:v||D})]})}));n&&(A.displayName="NextUI.Checkbox"),A.toString=()=>".nextui-checkbox";export default A;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{styled as e
|
|
1
|
+
import{styled as e}from"../theme/stitches.config";import{cssFocusVisible as o}from"../theme/shared-css";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"}},isDisabled:{true:{opacity:.75,cursor:"not-allowed"}},disableAnimation:{true:{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:{isIndeterminate:{true:{display:"none"}},isChecked:{true:{"&:after":{width:"100%",transition:"width 0.25s ease 0.1s"}}},disableAnimation:{true:{"&:after":{transition:"none"}}}},compoundVariants:[{isChecked:!0,disableAnimation:!0,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:{isIndeterminate:{true:{display:"none"}},isChecked:{true:{"&:after":{height:"100%",transition:"height 0.2s ease 0.3s"}}},disableAnimation:{true:{"&:after":{transition:"none"}}}},compoundVariants:[{isChecked:!0,disableAnimation:!0,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:{isIndeterminate:{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)"}},isChecked:{true:{opacity:1}},disableAnimation:{true:{transition:"none","&:after":{transition:"none"}}}},compoundVariants:[{isIndeterminate:!0,size:"xs",css:{scale:"0.5"}},{isIndeterminate:!0,size:"sm",css:{scale:"0.5"}},{isIndeterminate:!0,size:"md",css:{scale:"0.8"}},{isIndeterminate:!0,size:"lg",css:{transform:"none"}},{isIndeterminate:!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:{isChecked:{true:{"&:before":{opacity:0,scale:1.2},"&:after":{opacity:1,scale:1}}},isIndeterminate:{true:{"&:before":{opacity:0,scale:1.2},"&:after":{opacity:1,scale:1}}},disableAnimation:{true:{"&: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"}},lineThrough:{true:{"&:before":{content:"",position:"absolute",width:"0px",height:"2px",background:"$text",transition:"width 0.25s ease 0s"}}},isChecked:{true:{"&:before":{opacity:.8}}},isDisabled:{true:{color:"$accents5"}},disableAnimation:{true:{transition:"none","&:before":{transition:"none"}}}},compoundVariants:[{lineThrough:!0,isChecked:!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$primarySolidHover"},primary:{$$checkboxColor:"$colors$primary",$$checkboxColorHover:"$colors$primarySolidHover"},secondary:{$$checkboxColor:"$colors$secondary",$$checkboxColorHover:"$colors$secondarySolidHover"},success:{$$checkboxColor:"$colors$success",$$checkboxColorHover:"$colors$successSolidHover"},warning:{$$checkboxColor:"$colors$warning",$$checkboxColorHover:"$colors$warningSolidHover"},error:{$$checkboxColor:"$colors$error",$$checkboxColorHover:"$colors$errorSolidHover"},gradient:{$$checkboxColor:"$colors$gradient",$$checkboxColorHover:"$colors$gradient"}},isRounded:{true:{br:"$pill"}},isDisabled:{true:{opacity:.4,cursor:"not-allowed"}},disableAnimation:{true:{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","& .nextui-checkbox-group-label":{d:"block",fontWeight:"$normal",fontSize:"calc($$checkboxSize * 0.8)",color:"$accents7",mb:"$3"},variants:{size:{xs:{$$checkboxSize:"$space$7"},sm:{$$checkboxSize:"$space$8"},md:{$$checkboxSize:"$space$9"},lg:{$$checkboxSize:"$space$10"},xl:{$$checkboxSize:"$space$11"}},isDisabled:{true:{"& .nextui-checkbox-group-label":{color:"$accents5"}}}}});export const StyledCheckboxGroupContainer=e("div",{display:"flex",flexDirection:"column",variants:{isRow:{true:{flexDirection:"row",mt:0,[`& ${StyledCheckboxLabel}`]:{mr:"$$checkboxSize"}},false:{mr:0,flexDirection:"column",[`& ${StyledCheckboxLabel}:not(:first-child)`]:{mt:"$$checkboxSize"}}}},defaultVariants:{isRow:!1}});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{useCheckboxGroupState as o}from"@react-stately/checkbox";import{useCheckboxGroup as r}from"@react-aria/checkbox";export const useCheckboxGroup=(e={})=>{const{size:t="md",color:a="default",labelColor:l="default",orientation:s="vertical",css:c,...p}=e,i=o(p),{labelProps:u,groupProps:b}=r(p,i);return{css:c,size:t,orientation:s,color:a,labelColor:l,groupState:i,labelProps:u,groupProps:b}};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{useMemo as e,useRef as o}from"react";import{useToggleState as l}from"@react-stately/toggle";import{useCheckbox as t,useCheckboxGroupItem as i}from"@react-aria/checkbox";import{__DEV__ as n}from"../utils/assertion";import{useCheckboxGroupContext as r}from"./checkbox-context";export const useCheckbox=a=>{var u,s,d;const c=r(),{size:m=(null!=(u=null==c?void 0:c.size)?u:"md"),color:p=(null!=(s=null==c?void 0:c.color)?s:"default"),labelColor:b=(null!=(d=null==c?void 0:c.labelColor)?d:"default"),lineThrough:h,isRounded:f=!1,disableAnimation:v=!1,isIndeterminate:x=!1,...C}=a;if(c&&n){const e="The Checkbox.Group is being used, `%s` will be ignored. Use the `%s` of the Checkbox.Group instead.";"isSelected"in C&&console.warn(e,"isSelected","value"),"defaultSelected"in C&&console.warn(e,"defaultSelected","defaultValue")}const g=o(null),k=e((()=>{var e,o;return{...C,isIndeterminate:x,value:null!=(e=C.value)?e:"",isRequired:null!=(o=C.isRequired)&&o}}),[x,C]),{inputProps:S}=c?i({...k,validationState:C.validationState},c.groupState,g):t(k,l(k),g);return{size:m,color:p,labelColor:b,isRounded:f,lineThrough:h,disableAnimation:v,isIndeterminate:x,inputRef:g,inputProps:S}};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{styled as e
|
|
1
|
+
import{styled as e}from"../theme/stitches.config";import{sharedFocus as t,cssFocusVisible as o}from"../theme/shared-css";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:"$accents7",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:"$accents7"}});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}});
|
|
@@ -1 +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:{
|
|
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:{fontSize:"$base",lineHeight:"$lg"},small:{margin:0,lineHeight:"$xs",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",fontSize:"$xl5",lineHeight:"$md",fontWeight:"$bold"},h2:{letterSpacing:"$tighter",fontSize:"$xl4",fontWeight:"$semibold"},h3:{letterSpacing:"$tighter",fontSize:"$xl2",fontWeight:"$semibold"},h4:{letterSpacing:"$tighter",fontSize:"$xl",fontWeight:"$semibold"},h5:{letterSpacing:"$tight",fontSize:"$md",fontWeight:"$semibold"},h6:{letterSpacing:"$tight",fontSize:"$sm",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:"$sm",whiteSpace:"pre-wrap",transition:"opacity 0.25s ease 0s"},"code:hover":{opacity:.8},pre:{overflow:"auto",whiteSpace:"pre",textAlign:"left",fontSize:"$sm",borderRadius:"$lg",padding:"$md $lg",margin:"$lg 0 ",fontFamily:"$mono",lineHeight:"$md",webkitOverflowScrolling:"touch"},"pre code":{color:"$foreground",fontSize:"$sm",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:{background:"$border",borderColor:"transparent",borderWidth:"0px",borderStyle:"none",height:"1px"},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:"$accents7",backgroundColor:"$accents0",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:"$accents8",bg:"$accents0",border:"1px solid $border",boxShadow:"0 0 1px 0 rgb(0 0 0 / 14%)",fontFamily:"$sans",borderRadius:"5px",padding:"$1 $3",mx:"$1",lineHeight:"$sm",fontSize:"$sm"},"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
|
+
import{Item as t}from"@react-stately/collections";const o=t;export default o;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import o,{useMemo as t}from"react";import{Button as r}from"../index";import i from"./dropdown-trigger";import{useDropdownContext as n}from"./dropdown-context";import m from"./dropdown-icon";import{useDOMRef as e}from"../utils/dom";import{__DEV__ as d}from"../utils/assertion";import s from"../utils/clsx";import{jsx as a}from"react/jsx-runtime";const c=o.forwardRef(((o,d)=>{const{children:c,className:p,iconRight:l,iconRightCss:f,auto:u=!0,animated:x,...g}=o,{disableAnimation:h}=n(),w=e(d),R=t((()=>l||a(m,{size:14,fill:"currentColor"})),[l]),N=t((()=>x||!h),[x,h]);return a(i,{children:a(r,{ref:w,auto:u,className:s("nextui-dropdown-button",p),iconRight:R,animated:N,iconRightCss:{mt:"$1",...f},...g,children:c})})}));d&&(c.displayName="NextUI.DropdownButton"),c.toString=()=>".nextui-dropdown-button";export default c;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{createContext as o}from"../utils/context";export const[DropdownProvider,useDropdownContext]=o({name:"DropdownContext",errorMessage:"useDropdownContext: `context` is undefined. Seems you forgot to wrap all popover components within `<Dropdown />`"});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import t from"react";import{__DEV__ as i}from"../utils/assertion";import{jsx as o}from"react/jsx-runtime";const r=({fill:t,size:i,height:r,width:e,...n})=>o("svg",{width:i||e||24,height:i||r||24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...n,children:o("path",{d:"M17.9188 8.17969H11.6888H6.07877C5.11877 8.17969 4.63877 9.33969 5.31877 10.0197L10.4988 15.1997C11.3288 16.0297 12.6788 16.0297 13.5088 15.1997L15.4788 13.2297L18.6888 10.0197C19.3588 9.33969 18.8788 8.17969 17.9188 8.17969Z",fill:t})});i&&(r.displayName="NextUI.DropdownIcon"),r.toString=()=>".nextui-dropdown-icon";export default r;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import e,{useRef as o,useMemo as s}from"react";import{mergeProps as i}from"@react-aria/utils";import{useFocusRing as r}from"@react-aria/focus";import{useHover as t,usePress as a}from"@react-aria/interactions";import{useMenuItem as d}from"@react-aria/menu";import c from"../utils/checkmark";import{useDropdownContext as n}from"./dropdown-context";import{StyledDropdownItem as p,StyledDropdownItemKbd as l,StyledDropdownItemContent as m,StyledDropdownItemIconWrapper as u,StyledDropdownItemContentWrapper as h,StyledDropdownItemDescription as f}from"./dropdown.styles";import x from"../utils/clsx";import{__DEV__ as b}from"../utils/assertion";import{jsx as w}from"react/jsx-runtime";import{jsxs as v}from"react/jsx-runtime";const N=({as:e,css:b,item:N,state:y,color:D,icon:P,command:S,description:g,textColor:C,variant:k,autoFocus:F,isVirtualized:j,withDivider:A,dividerWeight:I,onAction:M,className:V})=>{const{onClose:W,closeOnSelect:O,disableAnimation:z,borderWeight:H}=n(),{rendered:K,key:U}=N,$=y.selectionManager.isSelected(U),q=y.selectionManager.focusedKey===N.key,B=y.disabledKeys.has(U),E=o(null),{pressProps:G,isPressed:J}=a({ref:E,isDisabled:B}),{isFocusVisible:L,focusProps:Q}=r({autoFocus:F}),{hoverProps:R,isHovered:T}=t({isDisabled:B}),X="none"!==y.selectionManager.selectionMode&&!B,{menuItemProps:Y,labelProps:Z,descriptionProps:_,keyboardShortcutProps:ee}=d({key:U,onClose:W,isSelected:$,isDisabled:B,"aria-label":N["aria-label"],closeOnSelect:O,isVirtualized:j,onAction:M},y,E),oe=s((()=>T?"hovered":$?"selected":J?"pressed":B?"disabled":"ready"),[$,B,T,J]),se=s((()=>N.props.textColor?N.props.textColor:N.props.color&&"default"===C?N.props.color:C),[C,N.props.color,N.props.textColor]),ie=s((()=>g||N.props.description),[g,N.props.description]),re=s((()=>S||N.props.command),[S,N.props.command]),te=s((()=>P||N.props.icon),[P,N.props.icon]);return v(p,{ref:E,...i(Y,R,G,Q),as:N.props.as||e,css:{...i(b,N.props.css)},"data-state":oe,color:N.props.color||D,variant:N.props.variant||k,textColor:se,isFocused:q,isFocusVisible:L,shouldShowOutline:L&&"shadow"===k,isHovered:T,isSelected:$,isDisabled:B,isPressed:J,isSelectable:X,withDivider:A||N.props.withDivider,withDescription:!!ie,dividerWeight:I||N.props.dividerWeight||H,disableAnimation:z,className:x("nextui-dropdown-item",{"is-disabled":B,"is-selected":$,"is-selectable":X,"is-hovered":T,"is-focused":q,"is-pressed":J},V,N.props.className),children:[te&&w(u,{className:"nextui-dropdown-item-icon-wrapper",children:te}),ie?v(h,{children:[w(m,{className:"nextui-dropdown-item-content",...Z,children:K}),w(f,{className:"nextui-dropdown-item-description",hasIcon:!!te,hasCommand:!!re,..._,children:ie})]}):w(m,{className:"nextui-dropdown-item-content",...Z,children:K}),re&&w(l,{className:"nextui-dropdown-item-command",...ee,children:re}),$&&w(c,{css:{ml:"$4"}})]})};b&&(N.displayName="NextUI.DropdownItem"),N.toString=()=>".nextui-dropdown-item";export default N;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import o from"react";import{useMenu as t}from"@react-aria/menu";import{useTreeState as r}from"@react-stately/tree";import{mergeProps as e}from"@react-aria/utils";import{useDOMRef as i,useSyncRef as n}from"../utils/dom";import{useDropdownContext as m}from"./dropdown-context";import a from"./dropdown-section";import s from"./dropdown-item";import{StyledDropdownMenu as p}from"./dropdown.styles";import c from"../utils/clsx";import{__DEV__ as l}from"../utils/assertion";import{jsx as d}from"react/jsx-runtime";const f=o.forwardRef(((o,l)=>{const{css:f={},as:u,color:x="default",textColor:w="default",variant:y="flat",...A}=o,N=m(),v={...e(N,A)},C=i(l),j=r(v),{menuProps:k}=t(v,j,C);return n(N,C),d(p,{ref:C,as:u,css:{...f},className:c("nextui-dropdown-menu",o.className),...k,children:[...j.collection].map((o=>{if("section"===o.type)return d(a,{item:o,state:j,onAction:v.onAction,color:x,textColor:w,variant:y},o.key);let t=d(s,{item:o,state:j,onAction:v.onAction,color:x,textColor:w,variant:y},o.key);return o.wrapper&&(t=o.wrapper(t)),t}))})}));l&&(f.displayName="NextUI.DropdownMenu"),f.toString=()=>".nextui-dropdown-menu";export default f;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import r,{Fragment as e}from"react";import{mergeProps as o}from"@react-aria/utils";import{useMenuSection as t}from"@react-aria/menu";import i from"./dropdown-item";import s from"../divider";import a from"../utils/clsx";import{StyledDropdownSection as n,StyledDropdownSectionWrapper as d,StyledDropdownSectionTitle as m}from"./dropdown.styles";import{__DEV__ as p}from"../utils/assertion";import{jsx as c}from"react/jsx-runtime";import{jsxs as l}from"react/jsx-runtime";const u=r=>{var p,u;const{item:x,state:w,css:f,as:h,color:v,textColor:N,variant:y,withDivider:g=!0,className:j,onAction:P}=r,{itemProps:b,headingProps:k,groupProps:A}=t({heading:x.rendered,"aria-label":x["aria-label"]});return l(e,{children:[x.key!==w.collection.getFirstKey()&&g&&c(s,{as:"li",className:"nextui-dropdown-section-divider",css:{my:"$2"}}),l(d,{...b,className:"nextui-dropdown-section-wrapper",children:[x.rendered&&c(m,{...k,className:"nextui-dropdown-section-title",children:x.rendered}),c(n,{...A,as:(null==(p=x.props)?void 0:p.as)||h,css:{...o(f,null==(u=x.props)?void 0:u.css)},className:a("nextui-dropdown-section",j),children:[...x.childNodes].map((r=>{let e=c(i,{item:r,state:w,onAction:P,color:v,textColor:N,variant:y},r.key);return r.wrapper&&(e=r.wrapper(e)),e}))})]})]})};p&&(u.displayName="NextUI.DropdownSection"),u.toString=()=>".nextui-dropdown-section";export default u;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import r from"react";import o from"../popover";import{useDropdownContext as t}from"./dropdown-context";import{__DEV__ as e}from"../utils/assertion";import{jsx as i}from"react/jsx-runtime";const n=r=>{const{children:e,...n}=r,{getMenuTriggerProps:p}=t();return i(o.Trigger,{...p(n),children:e})};e&&(n.displayName="NextUI.DropdownTrigger"),n.toString=()=>".nextui-dropdown-trigger";export default n;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export{};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import r from"react";import e from"../popover";import{DropdownProvider as o}from"./dropdown-context";import{useDropdown as t}from"./use-dropdown";import{__DEV__ as i}from"../utils/assertion";import{jsx as n}from"react/jsx-runtime";import{jsxs as s}from"react/jsx-runtime";const m=i=>{const{children:m,...p}=i,d=t(p),[a,l]=r.Children.toArray(m);return n(o,{value:d,children:s(e,{ref:d.menuPopoverRef,...d.popoverProps,triggerRef:d.menuTriggerRef,scrollRef:d.menuRef,isOpen:d.state.isOpen,onClose:d.state.close,borderWeight:d.borderWeight,disableAnimation:d.disableAnimation,children:[a,n(e.Content,{children:l})]})})};i&&(m.displayName="NextUI.Dropdown"),m.toString=()=>".nextui-dropdown";export default m;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{styled as o}from"../theme/stitches.config";import{cssFocusVisible as r}from"../theme/shared-css";export const StyledDropdownMenu=o("ul",{$$dropdownItemHeight:"$space$13",$$dropdownMenuPadding:"$space$4",$$dropdownMenuWidth:"250px",listStyle:"none",position:"relative",width:"$$dropdownMenuWidth",p:"$$dropdownMenuPadding",m:0,outline:"none"});export const StyledDropdownItemIconWrapper=o("span",{dflex:"center",flexShrink:0,mr:"$4"});export const StyledDropdownItemKbd=o("kbd",{opacity:.8,ml:"$4",mr:0,dflex:"center",color:"$$dropdownItemKeyboardColor",fontSize:"$xs",fontFamily:"$sans",boxShadow:"none",bg:"transparent",transition:"border 0.26s ease 0s"});export const StyledDropdownItemContentWrapper=o("div",{d:"flex",flex:"1 1 0%",flexDirection:"column",alignItems:"flex-start",lineHeight:1.2});export const StyledDropdownItemContent=o("span",{flex:"1 1 0%"});export const StyledDropdownItemDescription=o("span",{fontSize:"$xs",color:"$$dropdownItemDescriptionColor",truncateText:"calc($$dropdownMenuWidth * 0.9)",transition:"color 0.26s ease 0s",variants:{hasIcon:{true:{truncateText:"calc($$dropdownMenuWidth * 0.7)"}},hasCommand:{true:{truncateText:"calc($$dropdownMenuWidth * 0.7)"}}},compoundVariants:[{hasIcon:!0,hasCommand:!0,css:{truncateText:"calc($$dropdownMenuWidth * 0.6)"}}]});export const StyledDropdownItem=o("li",{$$dropdownItemPressedScale:.97,$$dropdownItemTextColor:"$colors$text",$$dropdownItemBorderRadius:"$radii$sm",$$dropdownItemKeyboardColor:"$colors$accents8",$$dropdownItemDescriptionColor:"$colors$accents8",dflex:"center",outline:"none",cursor:"pointer",justifyContent:"space-between",bg:"transparent",position:"relative",height:"$$dropdownItemHeight",px:"$6",br:"$$dropdownItemBorderRadius",color:"$$dropdownItemTextColor",mb:0,transition:"$dropdownItem",transform:"translateZ(0)",backfaceVisibility:"hidden",$$dropdownItemShadow:"$colors$primaryShadow","@motion":{transition:"none",[`& ${StyledDropdownItemKbd}`]:{transition:"none"},[`& ${StyledDropdownItemDescription}`]:{transition:"none"}},variants:{color:{default:{$$dropdownItemHoverBackground:"$colors$neutralLight",$$dropdownItemHoverTextColor:"$colors$neutralLightContrast",$$dropdownItemActiveBackground:"$colors$neutralLightActive",$$dropdownItemSolidHoverBackground:"$colors$neutral",$$dropdownItemSolidHoverTextColor:"$colors$neutralSolidContrast",$$dropdownItemShadow:"$colors$neutralShadow",$$dropdownItemHoverBorderColor:"$colors$neutralBorder"},primary:{$$dropdownItemHoverBackground:"$colors$primaryLight",$$dropdownItemHoverTextColor:"$colors$primaryLightContrast",$$dropdownItemActiveBackground:"$colors$primaryLightActive",$$dropdownItemSolidHoverBackground:"$colors$primary",$$dropdownItemSolidHoverTextColor:"$colors$primarySolidContrast",$$dropdownItemShadow:"$colors$primaryShadow",$$dropdownItemHoverBorderColor:"$colors$primaryBorder"},secondary:{$$dropdownItemHoverBackground:"$colors$secondaryLight",$$dropdownItemHoverTextColor:"$colors$secondaryLightContrast",$$dropdownItemActiveBackground:"$colors$secondaryLightActive",$$dropdownItemSolidHoverBackground:"$colors$secondary",$$dropdownItemSolidHoverTextColor:"$colors$secondarySolidContrast",$$dropdownItemShadow:"$colors$secondaryShadow",$$dropdownItemHoverBorderColor:"$colors$secondaryBorder"},success:{$$dropdownItemHoverBackground:"$colors$successLight",$$dropdownItemHoverTextColor:"$colors$successLightContrast",$$dropdownItemActiveBackground:"$colors$successLightActive",$$dropdownItemSolidHoverBackground:"$colors$success",$$dropdownItemSolidHoverTextColor:"$colors$successSolidContrast",$$dropdownItemShadow:"$colors$successShadow",$$dropdownItemHoverBorderColor:"$colors$successBorder"},warning:{$$dropdownItemHoverBackground:"$colors$warningLight",$$dropdownItemHoverTextColor:"$colors$warningLightContrast",$$dropdownItemActiveBackground:"$colors$warningLightActive",$$dropdownItemSolidHoverBackground:"$colors$warning",$$dropdownItemSolidHoverTextColor:"$colors$warningSolidContrast",$$dropdownItemShadow:"$colors$warningShadow",$$dropdownItemHoverBorderColor:"$colors$warningBorder"},error:{$$dropdownItemHoverBackground:"$colors$errorLight",$$dropdownItemHoverTextColor:"$colors$errorLightContrast",$$dropdownItemActiveBackground:"$colors$errorLightActive",$$dropdownItemSolidHoverBackground:"$colors$error",$$dropdownItemSolidHoverTextColor:"$colors$errorSolidContrast",$$dropdownItemShadow:"$colors$errorShadow",$$dropdownItemHoverBorderColor:"$colors$errorBorder"}},textColor:{default:{},primary:{$$dropdownItemTextColor:"$colors$primaryLightContrast",$$dropdownItemHoverTextColor:"$colors$primaryLightContrast"},secondary:{$$dropdownItemTextColor:"$colors$secondaryLightContrast",$$dropdownItemHoverTextColor:"$colors$secondaryLightContrast"},success:{$$dropdownItemTextColor:"$colors$successLightContrast",$$dropdownItemHoverTextColor:"$colors$successLightContrast"},warning:{$$dropdownItemTextColor:"$colors$warningLightContrast",$$dropdownItemHoverTextColor:"$colors$warningLightContrast"},error:{$$dropdownItemTextColor:"$colors$errorLightContrast",$$dropdownItemHoverTextColor:"$colors$errorLightContrast"}},variant:{flat:{true:{}},light:{true:{}},solid:{true:{}},shadow:{true:{}}},isPressed:{true:{bg:"$$dropdownItemActiveBackground"}},isFocused:{true:{bg:"$$dropdownItemHoverBackground",color:"$$dropdownItemHoverTextColor",[`& ${StyledDropdownItemKbd}`]:{color:"$$dropdownItemHoverTextColor",borderColor:"$$dropdownItemHoverBorderColor"},[`& ${StyledDropdownItemDescription}`]:{color:"currentColor"}}},isHovered:{true:{bg:"$$dropdownItemHoverBackground",color:"$$dropdownItemHoverTextColor",[`& ${StyledDropdownItemKbd}`]:{color:"$$dropdownItemHoverTextColor",borderColor:"$$dropdownItemHoverBorderColor"},[`& ${StyledDropdownItemDescription}`]:{color:"currentColor"}}},shouldShowOutline:{true:{outline:"solid 2px $$dropdownItemActiveBackground"}},isSelected:{true:{}},isSelectable:{true:{}},isDisabled:{true:{color:"$accents5",cursor:"default"}},withDescription:{true:{height:"calc($$dropdownItemHeight * 1.2)"}},withDivider:{true:{mt:"$6","&:before":{content:'""',position:"absolute",top:"-$3",left:"-$$dropdownMenuPadding",right:"-$$dropdownMenuPadding",height:"$$dropdownItemBorderWeight",bg:"$border"}}},dividerWeight:{light:{$$dropdownItemBorderWeight:"$borderWeights$light"},normal:{$$dropdownItemBorderWeight:"$borderWeights$normal"},bold:{$$dropdownItemBorderWeight:"$borderWeights$bold"},extrabold:{$$dropdownItemBorderWeight:"$borderWeights$extrabold"},black:{$$dropdownItemBorderWeight:"$borderWeights$black"}},disableAnimation:{true:{transition:"none",[`& ${StyledDropdownItemKbd}`]:{transition:"none"},[`& ${StyledDropdownItemDescription}`]:{transition:"none"}}}},compoundVariants:[{isPressed:!0,disableAnimation:!1,css:{transform:"scale($$dropdownItemPressedScale)"}},{isHovered:!0,variant:"light",css:{bg:"transparent"}},{isFocused:!0,variant:"light",css:{bg:"transparent"}},{isHovered:!0,variant:"solid",css:{bg:"$$dropdownItemSolidHoverBackground",color:"$$dropdownItemSolidHoverTextColor",[`& ${StyledDropdownItemKbd}`]:{color:"$$dropdownItemSolidHoverTextColor"}}},{isFocused:!0,variant:"solid",css:{bg:"$$dropdownItemSolidHoverBackground",color:"$$dropdownItemSolidHoverTextColor",[`& ${StyledDropdownItemKbd}`]:{color:"$$dropdownItemSolidHoverTextColor"}}},{isHovered:!0,variant:"shadow",css:{bg:"$$dropdownItemSolidHoverBackground",color:"$$dropdownItemSolidHoverTextColor",boxShadow:"0 3px 10px 0 $$dropdownItemShadow",[`& ${StyledDropdownItemKbd}`]:{color:"$$dropdownItemSolidHoverTextColor"}}},{isFocused:!0,variant:"shadow",css:{bg:"$$dropdownItemSolidHoverBackground",color:"$$dropdownItemSolidHoverTextColor",boxShadow:"0 3px 10px 0 $$dropdownItemShadow",[`& ${StyledDropdownItemKbd}`]:{color:"$$dropdownItemSolidHoverTextColor"}}},{variant:"flat",color:"default",css:{$$dropdownItemHoverTextColor:"$colors$foreground"}}],defaultVariants:{color:"default",textColor:"default",dividerWeight:"light",variant:"flat"}},r);export const StyledDropdownSectionWrapper=o("li",{mb:0});export const StyledDropdownSection=o("ul",{m:0,p:0,listStyle:"none"});export const StyledDropdownSectionTitle=o("span",{fontWeight:"$medium",fontSize:"$xs",padding:"0 $4",color:"$accents8"});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{Section as o}from"@react-stately/collections";import t from"./base/dropdown-item-base";import e from"./dropdown-trigger";import r from"./dropdown-menu";import d from"./dropdown-button";import n from"./dropdown";n.Trigger=e,n.Button=d,n.Menu=r,n.Section=o,n.Item=t;export{StyledDropdownMenu,StyledDropdownItem,StyledDropdownItemIconWrapper,StyledDropdownItemKbd,StyledDropdownItemContentWrapper,StyledDropdownItemContent,StyledDropdownItemDescription,StyledDropdownSectionWrapper,StyledDropdownSection,StyledDropdownSectionTitle}from"./dropdown.styles";export default n;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{useRef as e,useCallback as r}from"react";import{mergeProps as o}from"@react-aria/utils";import{useMenuTrigger as t}from"@react-aria/menu";import{useMenuTriggerState as i}from"@react-stately/menu";import{mergeRefs as n}from"../utils/refs";export function useDropdown(s={}){const{triggerRef:l,type:u="menu",trigger:m="press",isDisabled:a=!1,borderWeight:p,closeOnSelect:g,disableAnimation:c=!1,...f}=s,d=e(null),b=l||d,P=e(null),y=e(null),R=i(s),{menuTriggerProps:D,menuProps:S}=t({type:u,trigger:m,isDisabled:a},R,b),T=r(((e={},r=null)=>({...null!=l&&l.current?o(D,e):o(e,D),ref:n(d,r)})),[d,l,D]);return{...S,popoverProps:f,state:R,ref:P,onClose:R.close,autoFocus:R.focusStrategy||!0,disableAnimation:c,menuRef:P,borderWeight:p,menuPopoverRef:y,menuTriggerRef:b,closeOnSelect:g,getMenuTriggerProps:T}}
|
|
@@ -1 +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,
|
|
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,boxSizing:"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:""});
|
package/esm/image/image.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import
|
|
1
|
+
import t,{useEffect as e,useMemo as r,useState as o}from"react";import a from"./image.skeleton";import i from"../use-real-shape";import s from"../use-current-state";import m from"../use-resize";import{useDOMRef as n}from"../utils/dom";import{__DEV__ as c}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=t.forwardRef(((t,c)=>{const{src:g,width:h,height:x,showSkeleton:w=!0,className:y,maxDelay:j=3e3,autoResize:I=!1,objectFit:N="scale-down",containerCss:b,css:T,...$}=t,k=n(c),[z,F]=o(!0),[R,S]=o(w),{w:C,h:D}=r((()=>({w:h?"number"==typeof h?`${h}px`:h:"auto",h:x?"number"==typeof x?`${x}px`:x:"auto"})),[h,x]),[L,U,q]=s(D),[v,A]=i(k),B=w&&!!h&&!!x;e((()=>{k.current&&k.current.complete&&(F(!1),S(!1))})),e((()=>{const t=setTimeout((()=>{B&&S(!1),clearTimeout(t)}),j);return()=>clearTimeout(t)}),[z]),e((()=>{if(!I)return;const t=0===v.width,e="auto"===q.current;!t&&h&&x&&(v.width<h?!e&&U("auto"):e&&U(D))}),[v,h]),m((()=>{I&&A()}));const E=r((()=>z?"loading":"ready"),[z]);return d(l,{className:p("nextui-image-container",`nextui-image--${E}`,y),"data-state":E,ready:!z||R,css:{width:C,height:L,...b},children:[R&&f(a,{opacity:1}),f(u,{ref:k,className:"nextui-image",width:h,height:x,onLoad:()=>{F(!1)},src:g,"data-state":E,alt:t.alt||"",css:{objectFit:N,...T},...$})]})}));c&&(Image.displayName="NextUI.Image"),Image.toString=()=>".nextui-image";export default t.memo(Image);
|
|
@@ -1 +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",
|
|
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",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"});
|
package/esm/index.js
CHANGED
|
@@ -1 +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
|
|
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}from"./theme/stitches.config";export*from"./theme/shared-css";export*from"./theme/colors";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";export{default as Dropdown}from"./dropdown";export*from"./dropdown";
|
|
@@ -1 +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"}}}}});
|
|
1
|
+
import{styled as e}from"../theme/stitches.config";import{sharedVisuallyHidden as o}from"../theme/shared-css";export const StyledInputMainContainer=e("div",{$$inputColor:"$colors$accents0",$$inputTextColor:"$colors$text",$$inputPlaceholderColor:"$colors$accents6",$$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$primaryLightContrast",$$inputTextColor:"$colors$primaryLightContrast",$$inputLabelColor:"$$inputTextColor",$$inputHoverBorderColor:"$colors$primary"},secondary:{$$inputColor:"$colors$secondaryLight",$$inputPlaceholderColor:"$colors$secondaryLightContrast",$$inputTextColor:"$colors$secondaryLightContrast",$$inputLabelColor:"$$inputTextColor",$$inputHoverBorderColor:"$colors$secondary"},success:{$$inputColor:"$colors$successLight",$$inputPlaceholderColor:"$colors$successLightContrast",$$inputTextColor:"$colors$successLightContrast",$$inputLabelColor:"$$inputTextColor",$$inputHoverBorderColor:"$colors$success"},warning:{$$inputColor:"$colors$warningLight",$$inputPlaceholderColor:"$colors$warningLightContrast",$$inputTextColor:"$colors$warningLightContrast",$$inputLabelColor:"$$inputTextColor",$$inputHoverBorderColor:"$colors$warning"},error:{$$inputColor:"$colors$errorLight",$$inputPlaceholderColor:"$colors$errorLightContrast",$$inputTextColor:"$colors$errorLightContrast",$$inputLabelColor:"$$inputTextColor",$$inputHoverBorderColor:"$colors$error"}},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$xs",$$inputHeightRatio:"1.2",br:"$$inputBorderRadius"},sm:{$$inputBorderRadius:"$space$4",$$inputFontSize:"$fontSizes$xs",$$inputHeightRatio:"1.6",br:"$$inputBorderRadius"},md:{$$inputBorderRadius:"$space$6",$$inputFontSize:"$fontSizes$sm",$$inputHeightRatio:"2",br:"$$inputBorderRadius"},lg:{$$inputBorderRadius:"$space$7",$$inputFontSize:"$fontSizes$md",$$inputHeightRatio:"2.2",br:"$$inputBorderRadius"},xl:{$$inputBorderRadius:"$space$8",$$inputFontSize:"$fontSizes$lg",$$inputHeightRatio:"2.6",br:"$$inputBorderRadius"}},rounded:{true:{$$inputBorderRadius:"$radii$pill"}},disabled:{true:{$$inputColor:"$colors$accents1",$$inputTextColor:"$colors$accents7",$$inputPlaceholderColor:"$colors$accents7",$$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"}}}}});
|
package/esm/link/link.js
CHANGED
|
@@ -1 +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{
|
|
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{Fragment as s}from"react/jsx-runtime";import{jsxs as n}from"react/jsx-runtime";const a=r.forwardRef((({children:r,icon:t,...e},a)=>m(o,{...e,ref:a,children:n(s,{children:[r,t&&m(i,{})]})})));e&&(a.displayName="NextUI.Link"),a.toString=()=>".nextui-link";export default t(a,{icon:!1});
|
package/esm/link/link.styles.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
var o,r;import{theme as e,styled as n}from"../theme/stitches.config";import{addColorAlpha as
|
|
1
|
+
var o,r;import{theme as e,styled as n}from"../theme/stitches.config";import{addColorAlpha as i}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",backgroundImage:"inherit",backgroundColor:"inherit",backgroundClip:"inherit",WebkitTextFillColor:"inherit","&: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:i(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;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{styled as i
|
|
1
|
+
import{styled as i}from"../theme/stitches.config";import{reboundAnimation as o,appearanceIn as e,appearanceOut as t}from"../utils/animations";import{sharedFocus as n}from"../theme/shared-css";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"}}}},n);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:e,animationDuration:"200ms",animationTimingFunction:"ease-in",animationDirection:"normal"},"&.nextui-modal-wrapper-leave":{animationName:t,animationDuration:"50ms",animationTimingFunction:"ease-out"},variants:{fullScreen:{true:{size:"100%",maxHeight:"100%"},false:{"&.nextui-modal-rebound":{animationDuration:"250ms",animationName:o,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%"}}]});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{styled as n,
|
|
1
|
+
import{styled as n,keyframes as i}from"../theme/stitches.config";import{sharedFocus as a}from"../theme/shared-css";const o=i({"0%":{transform:"scale(1)"},"60%":{transform:"scale($$paginationScaleTransform)"},"100%":{transform:"scale(1)"}});export const StyledPaginationEllipsis=n("svg",{color:"currentColor",stroke:"currentColor",variants:{isEllipsis:{true:{transform:"0deg"}},isBefore:{true:{}}},compoundVariants:[{isEllipsis:!0,isBefore:!0,css:{transform:"rotate(180deg)"}}]});export const StyledPaginationIcon=n("svg",{transform:"rotate(180deg)",variants:{isPrev:{true:{transform:"rotate(0deg)"}}}});export const StyledPaginationItemContent=n("span",{position:"relative",display:"inline-flex",alignItems:"center",top:0,left:0,zIndex:"$2"});export const StyledPaginationItem=n("button",{border:"none",position:"relative",display:"inline-flex",margin:"0 $$paginationItemMargin",ai:"center",jc:"center",padding:0,boxSizing:"border-box",tt:"capitalize",us:"none",whiteSpace:"nowrap",ta:"center",verticalAlign:"middle",bs:"none",outline:"none",height:"$$paginationSize",minWidth:"$$paginationSize",fs:"inherit",cursor:"pointer",br:"$$paginationItemRadius",color:"$text",bg:"$accents0","@motion":{transition:"none"},"&:hover":{bg:"$accents1"},[`& ${StyledPaginationIcon}`]:{size:"$$paginationFontSize"},[`& ${StyledPaginationEllipsis}`]:{size:"$$paginationFontSize"},variants:{active:{true:{fontWeight:"$bold",cursor:"default",boxShadow:"$sm",[`& ${StyledPaginationItemContent}`]:{color:"$white"}}},disabled:{true:{color:"$accents5",cursor:"not-allowed"}},bordered:{true:{bg:"transparent",border:"$$paginationItemBorderWeight solid $accents2"}},onlyDots:{true:{}},preserveContent:{true:{}},animated:{true:{transition:"transform 0.25s ease 0s, background 0.25s ease 0s, box-shadow 0.25s ease 0s"},false:{transition:"none"}}},compoundVariants:[{onlyDots:!0,preserveContent:!1,css:{[`& ${StyledPaginationItemContent}`]:{display:"none"}}},{animated:!0,disabled:!1,active:!1,css:{"&:active":{transform:"scale($$paginationScaleTransform)",fs:"calc($$paginationFontSize * 0.9)"}}}]},a);export const StyledPaginationHighlight=n("div",{position:"absolute",contain:"strict",top:"0px",zIndex:"$1",bg:"$$paginationColor",br:"$$paginationItemRadius",height:"$$paginationSize",minWidth:"$$paginationSize",animationName:`${o}`,animationDirection:"normal","&.nextui-pagination-highlight--moving":{transform:"scale($$paginationScaleTransform)"},"@motion":{transition:"none","&.nextui-pagination-highlight--moving":{transform:"scale(1)"}},variants:{animated:{true:{animationDuration:"350ms",animationTimingFunction:"ease",transition:"left 350ms ease 0s, transform 300ms ease 0s"},false:{animationDuration:"none",animationTimingFunction:"none",transition:"none","&.nextui-pagination-highlight--moving":{transform:"scale(1)"}}},noMargin:{true:{br:"$squared"}},rounded:{true:{}},shadow:{true:{normalShadowVar:"$$paginationShadowColor"}}},compoundVariants:[{rounded:!0,noMargin:!0,css:{br:"$pill"}}]});export const StyledPagination=n("nav",{m:0,p:0,d:"inline-flex",position:"relative",fontVariant:"tabular-nums",fontFeatureSettings:"tnum",variants:{color:{default:{$$paginationColor:"$colors$primary",$$paginationShadowColor:"$colors$primaryShadow"},primary:{$$paginationColor:"$colors$primary",$$paginationShadowColor:"$colors$primaryShadow"},secondary:{$$paginationColor:"$colors$secondary",$$paginationShadowColor:"$colors$secondaryShadow"},success:{$$paginationColor:"$colors$success",$$paginationShadowColor:"$colors$successShadow"},warning:{$$paginationColor:"$colors$warning",$$paginationShadowColor:"$colors$warningShadow"},error:{$$paginationColor:"$colors$error",$$paginationShadowColor:"$colors$errorShadow"},gradient:{$$paginationColor:"$colors$gradient",$$paginationShadowColor:"$colors$primaryShadow"}},size:{xs:{$$paginationWidth:"$space$10",$$paginationFontSize:"$space$5",fs:"$$paginationFontSize"},sm:{$$paginationWidth:"$space$12",$$paginationFontSize:"$space$6",fs:"$$paginationFontSize"},md:{$$paginationWidth:"$space$13",$$paginationFontSize:"$space$7",fs:"$$paginationFontSize"},lg:{$$paginationWidth:"$space$14",$$paginationFontSize:"$space$8",fs:"$$paginationFontSize"},xl:{$$paginationWidth:"$space$15",$$paginationFontSize:"$space$9",fs:"$$paginationFontSize"}},borderWeight:{light:{$$paginationItemBorderWeight:"$borderWeights$light"},normal:{$$paginationItemBorderWeight:"$borderWeights$normal"},bold:{$$paginationItemBorderWeight:"$borderWeights$bold"},extrabold:{$$paginationItemBorderWeight:"$borderWeights$extrabold"},black:{$$paginationItemBorderWeight:"$borderWeights$black"}},bordered:{true:{}},onlyDots:{true:{$$paginationSize:"calc($$paginationWidth / 2)",$$paginationItemRadius:"$radii$pill",$$paginationScaleTransform:1.05},false:{$$paginationSize:"$$paginationWidth",$$paginationScaleTransform:1.1}},rounded:{true:{$$paginationItemRadius:"$radii$pill"},false:{$$paginationItemRadius:"$radii$squared"}},noMargin:{true:{$$paginationItemRadius:"0px",$$paginationItemMargin:"0",[`& ${StyledPaginationItem}:first-of-type`]:{btlr:"$squared",bblr:"$squared"},[`& ${StyledPaginationItem}:last-of-type`]:{btrr:"$squared",bbrr:"$squared"}},false:{$$paginationItemMargin:"$space$1"}}},compoundVariants:[{bordered:!0,noMargin:!0,css:{[`& ${StyledPaginationItem}:not(:last-child)`]:{borderRight:0}}},{noMargin:!0,rounded:!0,css:{$$paginationItemRadius:"0px"}},{rounded:!1,noMargin:!0,css:{$$paginationItemRadius:"0px"}}],defaultVariants:{color:"default",size:"md",borderWeight:"normal",onlyDots:!1,noMargin:!1,rounded:!1}});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import
|
|
1
|
+
import e from"react";import{useModal as o,useOverlay as r,DismissButton as s}from"@react-aria/overlays";import{useDialog as i}from"@react-aria/dialog";import{FocusScope as t,useFocusRing as n}from"@react-aria/focus";import{mergeProps as a}from"@react-aria/utils";import l from"../utils/css-transition";import{__DEV__ as m}from"../utils/assertion";import{mergeRefs as p}from"../utils/refs";import{StyledPopoverContentContainer as c,StyledPopoverContent as d}from"./popover.styles";import{usePopoverContext as u}from"./popover-context";import{getTransformOrigin as f}from"./utils";import v from"../utils/clsx";import{jsx as b}from"react/jsx-runtime";import{jsxs as h}from"react/jsx-runtime";import{Fragment as x}from"react/jsx-runtime";export const PopoverContent=e.forwardRef(((e,m)=>{const{children:O,as:C,css:P,className:g,...D}=e,{state:y,placement:j,overlayRef:F,disableAnimation:N,disableShadow:B,shouldCloseOnBlur:E,isDismissable:w,isKeyboardDismissDisabled:I,shouldCloseOnInteractOutside:S,getPopoverProps:T,isBordered:K,borderWeight:R,onClose:V,onEntered:W,onExited:A}=u(),U=f(j),{modalProps:k}=o({isDisabled:!0}),{dialogProps:q}=i({role:"dialog"},F),{overlayProps:z}=r({onClose:V,isOpen:y.isOpen,isDismissable:w&&y.isOpen,shouldCloseOnBlur:E,isKeyboardDismissDisabled:I,shouldCloseOnInteractOutside:S},F),G=a({isBordered:K,disableShadow:B,borderWeight:R},D),{isFocusVisible:H,focusProps:J}=n(),L=h(c,{ref:p(F,m),...T(a(z,k,q,J,G)),className:v("nextui-popover-content-container",g),isFocusVisible:H,as:C,css:{transformOrigin:U,...P},children:[b(s,{onDismiss:V}),b(d,{className:"nextui-popover-content",children:O}),b(s,{onDismiss:V})]});return b(x,{children:N?y.isOpen?b(t,{restoreFocus:!0,children:L}):null:b(t,{restoreFocus:!0,children:b(l,{visible:y.isOpen,name:"nextui-popover-content",enterTime:20,leaveTime:60,clearTime:300,onExited:A,onEntered:W,children:L})})})}));m&&(PopoverContent.displayName="NextUI.PopoverContent"),PopoverContent.toString=()=>".nextui-popover-content";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as r from"react";import{useButton as o}from"@react-aria/button";import{mergeProps as e}from"@react-aria/utils";import{usePopoverContext as t}from"./popover-context";import{pickChild as i}from"../utils/collections";import{Button as p}from"../index";import{__DEV__ as n}from"../utils/assertion";export const PopoverTrigger=n=>{const{state:s,triggerRef:g,getTriggerProps:m}=t(),l=()=>s.open(),{buttonProps:
|
|
1
|
+
import*as r from"react";import{useButton as o}from"@react-aria/button";import{mergeProps as e}from"@react-aria/utils";import{usePopoverContext as t}from"./popover-context";import{pickChild as i}from"../utils/collections";import{Button as p}from"../index";import{__DEV__ as n}from"../utils/assertion";export const PopoverTrigger=n=>{const{state:s,triggerRef:g,getTriggerProps:m}=t(),{children:l,...a}=n,c=()=>s.open(),{buttonProps:f}=o({onPress:c,...a},g),u=r.Children.only(l),[,v]=i(n.children,p),P=void 0!==(null==v?void 0:v[0]);return r.cloneElement(u,m(e(u.props,P?{onPress:c,...a}:f),u.ref))};n&&(PopoverTrigger.displayName="NextUI.PopoverTrigger"),PopoverTrigger.toString=()=>".nextui-popover-trigger";
|
package/esm/popover/popover.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import r from"react";import{OverlayContainer as
|
|
1
|
+
import r from"react";import{OverlayContainer as e}from"@react-aria/overlays";import{usePopover as o}from"./use-popover";import{PopoverProvider as t}from"./popover-context";import{__DEV__ as i}from"../utils/assertion";import{jsx as a}from"react/jsx-runtime";import{jsxs as m}from"react/jsx-runtime";const p=r.forwardRef(((i,p)=>{const{children:s,...n}=i,f=o({ref:p,...n}),[c,l]=r.Children.toArray(s),x=f.state.isOpen||!f.exited;return m(t,{value:f,children:[c,x&&a(e,{children:l})]})}));i&&(p.displayName="NextUI.Popover"),p.toString=()=>".nextui-popover";export default p;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{styled as o,keyframes as
|
|
1
|
+
import{styled as o,keyframes as e}from"../theme/stitches.config";import{cssFocusVisible as r}from"../theme/shared-css";export const appearanceIn=e({"0%":{opacity:0,transform:"scale(0.95)"},"60%":{opacity:.75,transform:"scale(1.05)"},"100%":{opacity:1,transform:"scale(1)"}});export const appearanceOut=e({"0%":{opacity:1,transform:"scale(1)"},"100%":{opacity:0,transform:"scale(0.5)"}});export const StyledPopoverContentContainer=o("div",{$$popoverMinWidth:"$space$13",$$popoverMinHeight:"$space$13",$$popoverBorderRadius:"$radii$lg",$$popoverBackground:"$colors$backgroundContrast",$$popoverBoxShadow:"$shadows$md",$$popoverBorderColor:"$colors$border",boxShadow:"$$popoverBoxShadow",outline:"none",overflow:"hidden auto",bg:"$$popoverBackground",display:"inline-flex",flexDirection:"column",boxSizing:"border-box",minWidth:"$$popoverMinWidth",minHeight:"$$popoverMinHeight",maxWidth:"calc(100% - $$popoverMinWidth)",maxHeight:"calc(100% - $$popoverMinWidth)",borderRadius:"$$popoverBorderRadius",animationFillMode:"forwards",willChange:"transform, opacity","@motion":{transition:"none"},"&.nextui-popover-content-enter":{animationName:appearanceIn,animationTimingFunction:"ease-out",animationDirection:"normal",animationDuration:"250ms"},"&.nextui-popover-content-leave":{animationName:appearanceOut,animationTimingFunction:"ease-in",animationDuration:"60ms"},variants:{disableShadow:{true:{boxShadow:"none"}},isBordered:{true:{borderStyle:"solid",borderColor:"$$popoverBorderColor"}},borderWeight:{light:{bw:"$light",$$popoverBorderWeight:"$borderWeights$light"},normal:{bw:"$normal",$$popoverBorderWeight:"$borderWeights$normal"},bold:{bw:"$bold",$$popoverBorderWeight:"$borderWeights$bold"},extrabold:{bw:"$extrabold",$$popoverBorderWeight:"$borderWeights$extrabold"},black:{bw:"$black",$$popoverBorderWeight:"$borderWeights$black"}}},defaultVariants:{isBordered:!1,borderWeight:"light"}},r);export const StyledPopoverContent=o("div",{transform:"translateZ(0)",backfaceVisibility:"hidden"});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{useRef as e,useMemo as
|
|
1
|
+
import{useRef as e,useMemo as o,useState as r,useCallback as s}from"react";import{mergeProps as i}from"@react-aria/utils";import{useOverlayPosition as t,useOverlayTrigger as l}from"@react-aria/overlays";import{useOverlayTriggerState as a}from"@react-stately/overlays";import{mergeRefs as n}from"../utils/refs";import{getAriaPlacement as p}from"./utils";export function usePopover(d={}){const{ref:u,triggerRef:f,scrollRef:m,isOpen:g,defaultOpen:O,onOpenChange:c,isBordered:b,borderWeight:h,disableShadow:y,shouldFlip:P=!0,offset:v=12,placement:C="bottom",onClose:R,triggerType:D="dialog",isDismissable:B=!0,shouldCloseOnBlur:x=!1,isKeyboardDismissDisabled:w=!1,disableAnimation:A=!1,shouldCloseOnInteractOutside:E}=d,F=e(null),I=e(null),K=u||F,S=f||I,T=a({isOpen:g,defaultOpen:O,onOpenChange:c}),[W,j]=r(!T.isOpen),k=o((()=>T.isOpen?"open":"closed"),[T.isOpen]),q=s((()=>{null==R||R(),T.close()}),[T,R]),z=s((()=>{j(!1)}),[]),G=s((()=>{j(!0)}),[]),{triggerProps:H,overlayProps:J}=l({type:D},T,S),L=o((()=>p(C)),[C]),{overlayProps:M}=t({isOpen:T.isOpen,targetRef:S,scrollRef:m,placement:L,overlayRef:K,shouldFlip:P,offset:v}),N=s(((e={},o=null)=>({...null!=f&&f.current?i(H,e):i(e,H),ref:n(S,o)})),[S,f,H]),Q=s(((e={})=>({...e,...J,...M,"data-state":k,"data-placement":C})),[k,M,J,C]);return{state:T,exited:W,overlayRef:K,triggerRef:S,placement:C,disableShadow:y,disableAnimation:A,shouldCloseOnBlur:x,isDismissable:B,isBordered:b,borderWeight:h,isKeyboardDismissDisabled:w,shouldCloseOnInteractOutside:E,isOpen:T.isOpen,onClose:q,onExited:G,onEntered:z,triggerProps:H,overlayProps:J,positionProps:M,getTriggerProps:N,getPopoverProps:Q}}
|
package/esm/popover/utils.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export const getAriaPlacement=t=>t?t.replace("-"," "):"bottom";export const getTransformOrigin=t=>{if(!t)return"bottom";switch(t){case"bottom":default:return"top center";case"top":return"bottom center";case"left":return"right center";case"right":return"left center";case"bottom-left":return"top left";case"bottom-right":return"top right";case"top-left":return"bottom left";case"top-right":return"bottom right";case"left-top":return"right top";case"left-bottom":return"right bottom";case"right-top":return"left top";case"right-bottom":return"left bottom"}};
|
|
1
|
+
export const getAriaPlacement=t=>t?t.replace("-"," "):"bottom";export const getPopoverPlacementFromAxis=t=>t?t.replace("-"," "):"bottom";export const getPopoverPlacement=t=>t?t.replace(" ","-"):"bottom";export const getTransformOrigin=t=>{if(!t)return"bottom";switch(t){case"bottom":default:return"top center";case"top":return"bottom center";case"left":return"right center";case"right":return"left center";case"bottom-left":return"top left";case"bottom-right":return"top right";case"top-left":return"bottom left";case"top-right":return"bottom right";case"left-top":return"right top";case"left-bottom":return"right bottom";case"right-top":return"left top";case"right-bottom":return"left bottom"}};
|
package/esm/radio/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import o from"./radio";import
|
|
1
|
+
import o from"./radio";import d from"./radio-group";o.Group=d;export{StyledRadioLabel,StyledRadioText,StyledRadioPoint,StyledRadioContainer,StyledRadioDescription,StyledRadioGroup,StyledRadioGroupContainer}from"./radio.styles";export default o;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import
|
|
1
|
+
import{createContext as o}from"../utils/context";export const[RadioGroupProvider,useRadioGroupContext]=o({name:"RadioGroupContext",strict:!0,errorMessage:"useRadioGroupContext: `context` is undefined. Seems you forgot to wrap all checkbox components within `<Radio.Group />`"});
|
package/esm/radio/radio-group.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import o
|
|
1
|
+
import r from"react";import o from"../utils/clsx";import{useDOMRef as i}from"../utils/dom";import{useRadioGroup as e}from"./use-radio-group";import{RadioGroupProvider as a}from"./radio-context";import{StyledRadioGroup as s,StyledRadioGroupContainer as t,StyledRadioGroupLabel as l}from"./radio.styles";import{__DEV__ as m}from"../utils/assertion";import{jsx as p}from"react/jsx-runtime";import{jsxs as u}from"react/jsx-runtime";export const RadioGroup=r.forwardRef(((r,m)=>{const{as:d,css:n,className:c,children:f,label:x,...R}=r,g=e({...R,label:x}),h=i(m);return u(s,{ref:h,className:o("nextui-radio-group",c),as:d,css:n,size:g.size,...g.radioGroupProps,children:[x&&p(l,{className:"nextui-radio-group-label",...g.labelProps,children:x}),p(t,{className:"nextui-radio-group-items",role:"presentation",isRow:"horizontal"===g.orientation,children:p(a,{value:g,children:f})})]})}));m&&(RadioGroup.displayName="NextUI.RadioGroup"),RadioGroup.toString=()=>".nextui-radio-group";export default RadioGroup;
|
package/esm/radio/radio.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import
|
|
1
|
+
import i,{useMemo as e}from"react";import{mergeProps as s}from"@react-aria/utils";import{useFocusRing as r}from"@react-aria/focus";import{VisuallyHidden as a}from"@react-aria/visually-hidden";import o from"../utils/clsx";import{__DEV__ as t}from"../utils/assertion";import{useFocusableRef as d}from"../utils/dom";import{useRadio as l}from"./use-radio";import{StyledRadioText as c,StyledRadioPoint as n,StyledRadioLabel as m,StyledRadioDescription as u,StyledRadioContainer as p}from"./radio.styles";import{jsx as f}from"react/jsx-runtime";import{jsxs as h}from"react/jsx-runtime";export const Radio=i.forwardRef(((i,t)=>{const{className:x,as:b,css:v,children:N,label:R,description:k,...I}=i,{size:j,color:D,inputRef:F,labelColor:y,isHovered:P,isSquared:S,isInvalid:q,isDisabled:z,autoFocus:A,disableAnimation:C,hoverProps:H,inputProps:V}=l({...I,children:null!=N?N:R}),g=d(t,F),{focusProps:w,isFocusVisible:U}=r({autoFocus:A}),$=e((()=>P?"is-hovered":z?"is-disabled":V.checked?"checked":"uncheked"),[z,V.checked,P]);return h(m,{ref:g,...H,className:o("nextui-radio-label",`nextui-radio--${$}`,x),as:b,css:v,size:j,color:D,"data-state":$,isSquared:S,isHovered:P,isInvalid:q,isChecked:V.checked,isDisabled:z,disableAnimation:C,children:[h(p,{className:"nextui-radio-container",children:[f(n,{className:"nextui-radio-point",isFocusVisible:U,...w,children:f(a,{children:f("input",{ref:F,className:"nextui-radio-input",...s(V,w)})})}),f(c,{color:y,isInvalid:q,isDisabled:z,className:"nextui-radio-label",children:N})]}),k&&f(u,{className:"nextui-radio-description",isInvalid:q,isDisabled:z,children:k})]})}));t&&(Radio.displayName="NextUI.Radio"),Radio.toString=()=>".nextui-radio";export default Radio;
|