@kyle-test/zto-react-kit 0.0.0-alpha.5 → 0.0.0-alpha.7

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.
Files changed (105) hide show
  1. package/{build/default → dist}/components/Badge/index.d.ts +2 -2
  2. package/{build/twPrefix → dist}/components/Breadcrumb/index.d.ts +1 -1
  3. package/{build/default → dist}/components/Form/Group/index.d.ts +1 -1
  4. package/{build/twPrefix → dist}/components/Form/Input/index.d.ts +3 -3
  5. package/{build/twPrefix → dist}/components/Form/NumberInput/index.d.ts +1 -1
  6. package/{build/default → dist}/components/Form/Select/index.d.ts +2 -1
  7. package/{build/twPrefix → dist}/components/Form/Textarea/index.d.ts +3 -3
  8. package/{build/default → dist}/components/IconButton/index.d.ts +1 -1
  9. package/{build/twPrefix → dist}/components/WithTooltip/index.d.ts +1 -1
  10. package/{build/twPrefix → dist}/components/shadcn/button.d.ts +2 -2
  11. package/dist/components/shadcn/collapsible.d.ts +5 -0
  12. package/{build/default → dist}/components/shadcn/form.d.ts +4 -4
  13. package/dist/components/shadcn/input.d.ts +4 -0
  14. package/{build/twPrefix → dist}/components/shadcn/label.d.ts +2 -2
  15. package/{build/twPrefix → dist}/components/shadcn/sheet.d.ts +2 -2
  16. package/{build/default → dist}/components/shadcn/sidebar.d.ts +4 -4
  17. package/{build/twPrefix → dist}/components/shadcn/textarea.d.ts +1 -1
  18. package/{build/twPrefix → dist}/components/shadcn/tooltip.d.ts +2 -2
  19. package/{build/default → dist}/components/shadcn/utils.d.ts +1 -1
  20. package/{build/default → dist}/index.d.ts +1 -0
  21. package/dist/noprefix/index.js +13540 -0
  22. package/dist/noprefix/style.css +1 -0
  23. package/{build/default → dist/prefix}/index.js +5015 -5020
  24. package/dist/prefix/style.css +1 -0
  25. package/{build/default → dist}/utils/context.d.ts +1 -1
  26. package/package.json +12 -11
  27. package/build/default/components/Breadcrumb/index.d.ts +0 -15
  28. package/build/default/components/Form/Input/index.d.ts +0 -14
  29. package/build/default/components/Form/NumberInput/index.d.ts +0 -28
  30. package/build/default/components/Form/Textarea/index.d.ts +0 -12
  31. package/build/default/components/WithTooltip/index.d.ts +0 -42
  32. package/build/default/components/shadcn/button.d.ts +0 -12
  33. package/build/default/components/shadcn/collapsible.d.ts +0 -5
  34. package/build/default/components/shadcn/input.d.ts +0 -4
  35. package/build/default/components/shadcn/label.d.ts +0 -5
  36. package/build/default/components/shadcn/sheet.d.ts +0 -30
  37. package/build/default/components/shadcn/textarea.d.ts +0 -11
  38. package/build/default/components/shadcn/tooltip.d.ts +0 -12
  39. package/build/default/utils/styles.d.ts +0 -1
  40. package/build/shared/style.css +0 -2
  41. package/build/twPrefix/components/Badge/index.d.ts +0 -12
  42. package/build/twPrefix/components/Button/index.d.ts +0 -11
  43. package/build/twPrefix/components/CenterLoading/index.d.ts +0 -9
  44. package/build/twPrefix/components/Form/Group/index.d.ts +0 -11
  45. package/build/twPrefix/components/Form/Label/index.d.ts +0 -1
  46. package/build/twPrefix/components/Form/Select/index.d.ts +0 -10
  47. package/build/twPrefix/components/Form/index.d.ts +0 -7
  48. package/build/twPrefix/components/IconButton/index.d.ts +0 -8
  49. package/build/twPrefix/components/Loader/index.d.ts +0 -8
  50. package/build/twPrefix/components/TruncateText/index.d.ts +0 -7
  51. package/build/twPrefix/components/WithIcon/index.d.ts +0 -7
  52. package/build/twPrefix/components/WithLabel/index.d.ts +0 -7
  53. package/build/twPrefix/components/index.d.ts +0 -11
  54. package/build/twPrefix/components/shadcn/accordion.d.ts +0 -9
  55. package/build/twPrefix/components/shadcn/avatar.d.ts +0 -6
  56. package/build/twPrefix/components/shadcn/breadcrumb.d.ts +0 -15
  57. package/build/twPrefix/components/shadcn/checkbox.d.ts +0 -4
  58. package/build/twPrefix/components/shadcn/collapsible.d.ts +0 -5
  59. package/build/twPrefix/components/shadcn/dialog.d.ts +0 -25
  60. package/build/twPrefix/components/shadcn/dropdown-menu.d.ts +0 -27
  61. package/build/twPrefix/components/shadcn/form.d.ts +0 -25
  62. package/build/twPrefix/components/shadcn/input.d.ts +0 -4
  63. package/build/twPrefix/components/shadcn/popover.d.ts +0 -6
  64. package/build/twPrefix/components/shadcn/radio-group.d.ts +0 -5
  65. package/build/twPrefix/components/shadcn/scroll-area.d.ts +0 -5
  66. package/build/twPrefix/components/shadcn/select.d.ts +0 -13
  67. package/build/twPrefix/components/shadcn/separator.d.ts +0 -4
  68. package/build/twPrefix/components/shadcn/sidebar.d.ts +0 -67
  69. package/build/twPrefix/components/shadcn/skeleton.d.ts +0 -2
  70. package/build/twPrefix/components/shadcn/slider.d.ts +0 -4
  71. package/build/twPrefix/components/shadcn/switch.d.ts +0 -4
  72. package/build/twPrefix/components/shadcn/tabs.d.ts +0 -7
  73. package/build/twPrefix/components/shadcn/utils.d.ts +0 -2
  74. package/build/twPrefix/hooks/useIsMobile.d.ts +0 -1
  75. package/build/twPrefix/hooks/useMergeRefs.d.ts +0 -6
  76. package/build/twPrefix/index.d.ts +0 -4
  77. package/build/twPrefix/index.js +0 -13557
  78. package/build/twPrefix/utils/context.d.ts +0 -6
  79. package/build/twPrefix/utils/styles.d.ts +0 -1
  80. /package/{build/default → dist}/components/Button/index.d.ts +0 -0
  81. /package/{build/default → dist}/components/CenterLoading/index.d.ts +0 -0
  82. /package/{build/default → dist}/components/Form/Label/index.d.ts +0 -0
  83. /package/{build/default → dist}/components/Form/index.d.ts +0 -0
  84. /package/{build/default → dist}/components/Loader/index.d.ts +0 -0
  85. /package/{build/default → dist}/components/TruncateText/index.d.ts +0 -0
  86. /package/{build/default → dist}/components/WithIcon/index.d.ts +0 -0
  87. /package/{build/default → dist}/components/WithLabel/index.d.ts +0 -0
  88. /package/{build/default → dist}/components/index.d.ts +0 -0
  89. /package/{build/default → dist}/components/shadcn/accordion.d.ts +0 -0
  90. /package/{build/default → dist}/components/shadcn/avatar.d.ts +0 -0
  91. /package/{build/default → dist}/components/shadcn/breadcrumb.d.ts +0 -0
  92. /package/{build/default → dist}/components/shadcn/checkbox.d.ts +0 -0
  93. /package/{build/default → dist}/components/shadcn/dialog.d.ts +0 -0
  94. /package/{build/default → dist}/components/shadcn/dropdown-menu.d.ts +0 -0
  95. /package/{build/default → dist}/components/shadcn/popover.d.ts +0 -0
  96. /package/{build/default → dist}/components/shadcn/radio-group.d.ts +0 -0
  97. /package/{build/default → dist}/components/shadcn/scroll-area.d.ts +0 -0
  98. /package/{build/default → dist}/components/shadcn/select.d.ts +0 -0
  99. /package/{build/default → dist}/components/shadcn/separator.d.ts +0 -0
  100. /package/{build/default → dist}/components/shadcn/skeleton.d.ts +0 -0
  101. /package/{build/default → dist}/components/shadcn/slider.d.ts +0 -0
  102. /package/{build/default → dist}/components/shadcn/switch.d.ts +0 -0
  103. /package/{build/default → dist}/components/shadcn/tabs.d.ts +0 -0
  104. /package/{build/default → dist}/hooks/useIsMobile.d.ts +0 -0
  105. /package/{build/default → dist}/hooks/useMergeRefs.d.ts +0 -0
@@ -0,0 +1 @@
1
+ .zto-select{display:inline-block;font-size:12px;width:100%;position:relative;--_zto-select-single-item-top: -1px}.zto-select-sm{--zto-select-padding-x: var(--zto-select-padding-x-small);--zto-select-padding-y: var(--zto-select-padding-y-small);--zto-select-single-height: var(--zto-select-single-height-small);--_zto-select-single-item-top: -.5px;--zto-select-text-font-size: var(--zto-font-size-sm)}.zto-select-lg{--zto-select-padding-x: var(--zto-select-padding-x-lg);--zto-select-padding-y: var(--zto-select-padding-y-lg);--zto-select-single-height: var(--zto-select-single-height-lg);--_zto-select-single-item-top: 1px}.zto-select-disabled,.zto-select-disabled input{cursor:not-allowed}.zto-select-disabled .zto-select-selector{background-color:var(--zto-select-disabled-background-color);border-color:var(--zto-select-disabled-border-color);color:var(--zto-select-disabled-text-color)}.zto-select.zto-select-allow-clear:hover .zto-select-clear{opacity:1;z-index:1}.zto-select-focused:not(.zto-select-open){outline:2px solid var(--zto-select-border-color-focus);outline-offset:2px;border-radius:var(--zto-select-border-radius)}.zto-select-focused:not(.zto-select-open) .zto-select-selection-placeholder{opacity:0}.zto-select-error .zto-select-selector{border-color:#fca5a5!important}.zto-select-error.zto-select-focused:not(.zto-select-open){outline:2px solid #ef4444}.zto-select-clear{position:absolute;right:.65rem;top:50%;transform:translateY(-50%);padding:.125rem;cursor:pointer;color:var(--zto-select-clear-color);opacity:0;background-color:var(--zto-select-clear-background-color);border-radius:50%;display:flex;align-items:center;justify-content:center}.zto-select-clear:hover{background-color:var(--zto-select-clear-background-color-hover)}.zto-select-arrow{position:absolute;right:.65rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;pointer-events:none;color:var(--zto-select-placeholder-color)}.zto-select-show-arrow.zto-select-loading .zto-select-arrow-icon:after{box-sizing:border-box;width:12px;height:12px;border-radius:100%;border:2px solid #999;border-top-color:#0000;border-bottom-color:#0000;transform:none;margin-top:4px;animation:rcSelectLoadingIcon .5s infinite}.zto-select .zto-select-selection-placeholder{color:var(--zto-select-placeholder-color);font-size:var(--zto-select-placeholder-font-size);font-weight:var(--zto-select-placeholder-font-weight);position:absolute;top:0;left:0;white-space:nowrap;pointer-events:none}.zto-select .zto-select-selection-search-input{-webkit-appearance:none;-moz-appearance:none;appearance:none}.zto-select .zto-select-selection-search-input::-webkit-search-cancel-button{display:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.zto-select-selection-wrap{position:relative}.zto-select-single .zto-select-selector{display:flex;position:relative;height:var(--zto-select-single-height);align-items:center}.zto-select-single .zto-select-selector .zto-select-selection-wrap,.zto-select-single .zto-select-selector .zto-select-selection-search{width:100%;position:relative;display:block}.zto-select-single .zto-select-selector .zto-select-selection-search-input{width:100%;height:100%;font-size:var(--zto-select-text-font-size)}.zto-select-single .zto-select-selector .zto-select-selection-item,.zto-select-single .zto-select-selector .zto-select-selection-placeholder{position:absolute;top:var(--_zto-select-single-item-top);left:1px;pointer-events:none;font-weight:400;font-size:var(--zto-select-text-font-size);font-weight:var(--zto-select-text-font-weight)}.zto-select-single:not(.zto-select-customize-input) .zto-select-selector{padding:var(--zto-select-padding-y) var(--zto-select-padding-x);border:1px solid var(--zto-select-border-color);border-radius:var(--zto-select-border-radius)}.zto-select-single:not(.zto-select-customize-input) .zto-select-selector .zto-select-selection-search-input{border:none;outline:none;background:#0000;width:100%;min-width:4.1px}.zto-select-single.zto-select-open .zto-select-selection-item{opacity:.3}.zto-select-single.zto-select-open .zto-select-item-option-selected{background-color:var(--zto-select-item-selected-background-color);color:var(--zto-select-item-selected-text-color);border-radius:var(--zto-select-border-radius)}.zto-select-single.zto-select-allow-clear .zto-select-selector,.zto-select-single.zto-select-show-search .zto-select-selector{padding-right:2rem}.zto-select-single.zto-select-allow-clear.zto-select-show-arrow .zto-select-clear{right:1.75rem}.zto-select-multiple .zto-select-selector{display:flex;align-items:center;height:100%;padding:var(--zto-select-padding-y) var(--zto-select-padding-x);border:1px solid var(--zto-select-border-color);border-radius:var(--zto-select-border-radius)}.zto-select-multiple .zto-select-selector .zto-select-selection-item{flex:none;background:#bbb;border-radius:4px;margin-right:2px;padding:0 8px}.zto-select-multiple .zto-select-selector .zto-select-selection-item-disabled{cursor:not-allowed;opacity:.5}.zto-select-multiple .zto-select-selector .zto-select-selection-overflow{display:flex;flex-wrap:wrap;gap:.5rem}.zto-select-multiple .zto-select-selector .zto-select-selection-overflow-item{flex:none;max-width:100%}.zto-select-multiple .zto-select-selector .zto-select-selection-search{position:relative;max-width:100%}.zto-select-multiple .zto-select-selector .zto-select-selection-search-input,.zto-select-multiple .zto-select-selector .zto-select-selection-search-mirror{padding:1px;font-family:system-ui}.zto-select-multiple .zto-select-selector .zto-select-selection-search-mirror{position:absolute;z-index:999;white-space:nowrap;position:none;left:0;top:0;visibility:hidden}.zto-select-multiple .zto-select-selector .zto-select-selection-search-input{font-size:var(--zto-select-text-font-size);border:none;outline:none;background:#0000;width:100%;min-width:4.1px}.zto-select-multiple.zto-select-allow-clear .zto-select-selector,.zto-select-multiple.zto-select-show-search .zto-select-selector{padding-right:2rem}.zto-select-multiple.zto-select-allow-clear.zto-select-show-arrow .zto-select-clear{right:1.75rem}.zto-select-item:hover{background-color:var(--zto-select-option-hover-background-color)}.zto-select-item-option-selected .zto-select-item-checkbox{background-color:var(--zto-select-option-selected-background-color);border-color:var(--zto-select-option-selected-border-color)}.zto-select-item-option-state{opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.zto-select-dropdown{background-color:var(--zto-select-dropdown-background-color);border-radius:var(--zto-select-dropdown-border-radius);border:1px solid var(--zto-select-dropdown-border-color);box-shadow:var(--zto-select-dropdown-shadow);padding:.25rem;margin-top:.25rem;margin-bottom:.25rem;z-index:1;display:none;position:absolute}.zto-select-dropdown:not(.zto-select-dropdown-hidden){display:block}.zto-select-dropdown-slide-up-enter,.zto-select-dropdown-slide-up-appear{animation-duration:.3s;animation-fill-mode:both;transform-origin:0 0;opacity:0;animation-timing-function:cubic-bezier(.08,.82,.17,1);animation-play-state:paused}.zto-select-dropdown-slide-up-leave{animation-duration:.3s;animation-fill-mode:both;transform-origin:0 0;opacity:1;animation-timing-function:cubic-bezier(.6,.04,.98,.34);animation-play-state:paused}@keyframes rcSelectLoadingIcon{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*,:before,:after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(46 144 250 / .5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(46 144 250 / .5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e4e7ec}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,Helvetica Neue,Helvetica,Arial,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#98a2b3}input::placeholder,textarea::placeholder{opacity:1;color:#98a2b3}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{--radius: .5rem;--zto-select-border-color: #D0D5DD;--zto-select-border-color-focus: #3183BA;--zto-select-border-radius: var(--radius);--zto-select-placeholder-color: #667085;--zto-select-placeholder-font-size: .875rem;--zto-select-placeholder-font-weight: 400;--zto-select-disabled-background-color: #F9FAFB;--zto-select-disabled-border-color: #D0D5DD;--zto-select-disabled-text-color: #667085;--zto-select-padding-x: 1rem;--zto-select-padding-y: .562rem;--zto-select-single-height: 2.5rem;--zto-select-padding-x-small: .5rem;--zto-select-padding-y-small: .25rem;--zto-select-single-height-small: 2rem;--zto-font-size-sm: .875rem;--zto-select-padding-x-lg: 1rem;--zto-select-padding-y-lg: .75rem;--zto-select-single-height-lg: 3rem;--zto-select-dropdown-background-color: #fff;--zto-select-dropdown-border-color: #D0D5DD;--zto-select-dropdown-border-radius: var(--radius);--zto-select-dropdown-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--zto-select-option-selected-background-color: #3183BA;--zto-select-option-selected-border-color: #3183BA;--zto-select-option-hover-background-color: #F9FAFB;--zto-select-clear-background-color: #98A2B3;--zto-select-clear-background-color-hover: #667085;--zto-select-clear-color: #fff;--zto-select-text-color: #344054;--zto-select-text-font-size: .875rem;--zto-select-text-font-weight: 400;--zto-select-item-selected-background-color: #F3F8FB;--zto-select-item-selected-text-color: #01659A;--zto-loading-color-rgb-tuplet: 238, 130, 238;--zto-button-gap: .25rem;--zto-button-border-radius: .5rem;--zto-button-padding-xs: 3px .5rem;--zto-button-padding-sm: 6px .5rem;--zto-button-padding-md: 10px 1rem;--zto-button-padding-lg: 10px 1rem;--zto-with-icon-gap: .5rem;--zto-with-label-gap: .375rem;--zto-badge-gap: .375rem;--zto-badge-padding-sm: 2px 8px;--zto-badge-padding-md: 3px 10px}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.inset-x-0{left:0;right:0}.inset-y-0{top:0;bottom:0}.bottom-0{bottom:0}.left-0{left:0}.left-2{left:.5rem}.left-\[50\%\]{left:50%}.right-0{right:0}.right-1{right:.25rem}.right-3{right:.75rem}.right-4{right:1rem}.top-0{top:0}.top-1\.5{top:.375rem}.top-3\.5{top:.875rem}.top-4{top:1rem}.top-\[50\%\]{top:50%}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-\[var\(--zto-tooltip-z-index\)\]{z-index:var(--zto-tooltip-z-index)}.m-0{margin:0}.m-1\.5{margin:.375rem}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.mx-1\.5{margin-left:.375rem;margin-right:.375rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-3\.5{margin-left:.875rem;margin-right:.875rem}.my-1{margin-top:.25rem;margin-bottom:.25rem}.my-\[1px\]{margin-top:1px;margin-bottom:1px}.mb-0{margin-bottom:0}.ml-auto{margin-left:auto}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-square{aspect-ratio:1 / 1}.size-4{width:1rem;height:1rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-64{height:16rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[1px\]{height:1px}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-fit{height:-moz-fit-content;height:fit-content}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.h-svh{height:100svh}.max-h-96{max-height:24rem}.min-h-0{min-height:0px}.min-h-\[80px\]{min-height:80px}.min-h-svh{min-height:100svh}.w-1\.5{width:.375rem}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-3\/4{width:75%}.w-4{width:1rem}.w-5{width:1.25rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-72{width:18rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[--sidebar-width\]{width:var(--sidebar-width)}.w-\[1px\]{width:1px}.w-auto{width:auto}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.min-w-0{min-width:0px}.min-w-5{min-width:1.25rem}.min-w-\[112px\]{min-width:112px}.min-w-\[8rem\]{min-width:8rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.max-w-\[--skeleton-width\]{max-width:var(--skeleton-width)}.max-w-\[320px\]{max-width:320px}.max-w-lg{max-width:32rem}.flex-1{flex:1 1 0%}.flex-shrink-0,.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-px{--tw-translate-x:-1px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-\[-50\%\]{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-px{--tw-translate-x:1px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\[-50\%\]{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-90{--tw-rotate:-90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.\!cursor-not-allowed{cursor:not-allowed!important}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.list-none{list-style-type:none}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.self-center{align-self:center}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-none{border-radius:0}.rounded-sm{border-radius:calc(var(--radius) - 4px)}.border{border-width:1px}.border-0{border-width:0px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-solid{border-style:solid}.border-blue-200{--tw-border-opacity:1;border-color:rgb(178 221 255 / var(--tw-border-opacity, 1))}.border-brand-300{--tw-border-opacity:1;border-color:rgb(144 186 218 / var(--tw-border-opacity, 1))}.border-brand-600{--tw-border-opacity:1;border-color:rgb(1 117 178 / var(--tw-border-opacity, 1))}.border-brand-600\/50{border-color:#0175b280}.border-error-300{--tw-border-opacity:1;border-color:rgb(253 162 155 / var(--tw-border-opacity, 1))}.border-fuchsia-200{--tw-border-opacity:1;border-color:rgb(246 208 254 / var(--tw-border-opacity, 1))}.border-gray-200{--tw-border-opacity:1;border-color:rgb(228 231 236 / var(--tw-border-opacity, 1))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(208 213 221 / var(--tw-border-opacity, 1))}.border-gray-900{--tw-border-opacity:1;border-color:rgb(16 24 40 / var(--tw-border-opacity, 1))}.border-neutral-200{--tw-border-opacity:1;border-color:rgb(229 229 229 / var(--tw-border-opacity, 1))}.border-neutral-300{--tw-border-opacity:1;border-color:rgb(212 212 212 / var(--tw-border-opacity, 1))}.border-purple-200{--tw-border-opacity:1;border-color:rgb(217 214 254 / var(--tw-border-opacity, 1))}.border-red-300{--tw-border-opacity:1;border-color:rgb(252 165 165 / var(--tw-border-opacity, 1))}.border-sidebar-border{border-color:hsl(var(--sidebar-border))}.border-transparent{border-color:transparent}.border-warning-200{--tw-border-opacity:1;border-color:rgb(254 223 137 / var(--tw-border-opacity, 1))}.border-l-transparent{border-left-color:transparent}.border-t-transparent{border-top-color:transparent}.\!bg-gray-100{--tw-bg-opacity:1 !important;background-color:rgb(242 244 247 / var(--tw-bg-opacity, 1))!important}.bg-black\/80{background-color:#000c}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 248 255 / var(--tw-bg-opacity, 1))}.bg-blue-500{--tw-bg-opacity:1;background-color:rgb(46 144 250 / var(--tw-bg-opacity, 1))}.bg-brand-600{--tw-bg-opacity:1;background-color:rgb(1 117 178 / var(--tw-bg-opacity, 1))}.bg-brand-600\/20{background-color:#0175b233}.bg-error-600{--tw-bg-opacity:1;background-color:rgb(217 45 32 / var(--tw-bg-opacity, 1))}.bg-fuchsia-50{--tw-bg-opacity:1;background-color:rgb(253 244 255 / var(--tw-bg-opacity, 1))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(242 244 247 / var(--tw-bg-opacity, 1))}.bg-gray-300{--tw-bg-opacity:1;background-color:rgb(208 213 221 / var(--tw-bg-opacity, 1))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.bg-gray-900{--tw-bg-opacity:1;background-color:rgb(16 24 40 / var(--tw-bg-opacity, 1))}.bg-neutral-100{--tw-bg-opacity:1;background-color:rgb(245 245 245 / var(--tw-bg-opacity, 1))}.bg-neutral-200{--tw-bg-opacity:1;background-color:rgb(229 229 229 / var(--tw-bg-opacity, 1))}.bg-purple-50{--tw-bg-opacity:1;background-color:rgb(244 243 255 / var(--tw-bg-opacity, 1))}.bg-sidebar{--tw-bg-opacity:1;background-color:rgb(1 85 131 / var(--tw-bg-opacity, 1))}.bg-sidebar-border{background-color:hsl(var(--sidebar-border))}.bg-success-50{--tw-bg-opacity:1;background-color:rgb(236 253 243 / var(--tw-bg-opacity, 1))}.bg-success-600{--tw-bg-opacity:1;background-color:rgb(7 148 85 / var(--tw-bg-opacity, 1))}.bg-transparent{background-color:transparent}.bg-warning-50{--tw-bg-opacity:1;background-color:rgb(255 250 235 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.fill-current{fill:currentColor}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-\[1px\]{padding:1px}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-\[6px\]{padding-left:6px;padding-right:6px}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-\[2px\]{padding-top:2px;padding-bottom:2px}.py-\[9px\]{padding-top:9px;padding-bottom:9px}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pl-1{padding-left:.25rem}.pl-8{padding-left:2rem}.pl-\[4px\]{padding-left:4px}.pl-\[8px\]{padding-left:8px}.pr-1{padding-right:.25rem}.pr-2{padding-right:.5rem}.pr-\[6px\]{padding-right:6px}.pr-\[8px\]{padding-right:8px}.pt-0{padding-top:0}.pt-4{padding-top:1rem}.text-left{text-align:left}.text-center{text-align:center}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-md{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1.125rem}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-none{line-height:1}.tracking-tight{letter-spacing:-.025em}.tracking-widest{letter-spacing:.1em}.text-\[\#D92D20\]{--tw-text-opacity:1;color:rgb(217 45 32 / var(--tw-text-opacity, 1))}.text-blue-700{--tw-text-opacity:1;color:rgb(23 92 211 / var(--tw-text-opacity, 1))}.text-brand-600{--tw-text-opacity:1;color:rgb(1 117 178 / var(--tw-text-opacity, 1))}.text-brand-700{--tw-text-opacity:1;color:rgb(1 101 154 / var(--tw-text-opacity, 1))}.text-brand-800{--tw-text-opacity:1;color:rgb(1 85 131 / var(--tw-text-opacity, 1))}.text-current{color:currentColor}.text-error-700{--tw-text-opacity:1;color:rgb(180 35 24 / var(--tw-text-opacity, 1))}.text-fuchsia-700{--tw-text-opacity:1;color:rgb(159 26 177 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity:1;color:rgb(102 112 133 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity:1;color:rgb(71 84 103 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity:1;color:rgb(52 64 84 / var(--tw-text-opacity, 1))}.text-gray-900{--tw-text-opacity:1;color:rgb(16 24 40 / var(--tw-text-opacity, 1))}.text-neutral-50{--tw-text-opacity:1;color:rgb(250 250 250 / var(--tw-text-opacity, 1))}.text-neutral-500{--tw-text-opacity:1;color:rgb(115 115 115 / var(--tw-text-opacity, 1))}.text-neutral-600{--tw-text-opacity:1;color:rgb(82 82 82 / var(--tw-text-opacity, 1))}.text-neutral-800{--tw-text-opacity:1;color:rgb(38 38 38 / var(--tw-text-opacity, 1))}.text-neutral-950{--tw-text-opacity:1;color:rgb(10 10 10 / var(--tw-text-opacity, 1))}.text-purple-700{--tw-text-opacity:1;color:rgb(89 37 220 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-sidebar-foreground{color:hsl(var(--sidebar-foreground))}.text-sidebar-foreground\/70{color:hsl(var(--sidebar-foreground) / .7)}.text-success-700{--tw-text-opacity:1;color:rgb(6 118 71 / var(--tw-text-opacity, 1))}.text-warning-700{--tw-text-opacity:1;color:rgb(181 71 8 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.\!shadow-none{--tw-shadow:0 0 #0000 !important;--tw-shadow-colored:0 0 #0000 !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\]{--tw-shadow:0 0 0 1px hsl(var(--sidebar-border));--tw-shadow-colored:0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-sidebar-ring{--tw-ring-color:hsl(var(--sidebar-ring))}.ring-offset-white{--tw-ring-offset-color:#fff}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[left\,right\,width\]{transition-property:left,right,width;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[margin\,opa\]{transition-property:margin,opa;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[width\,height\,padding\]{transition-property:width,height,padding;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[width\]{transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-linear{transition-timing-function:linear}.\[border-radius\:var\(--zto-button-border-radius\,0\.5rem\)\]{border-radius:var(--zto-button-border-radius,.5rem)}.\[color\:var\(--zto-label-font-color\,\#344054\)\]{color:var(--zto-label-font-color,#344054)}.\[font-size\:var\(--zto-label-font-size\,16px\)\]{font-size:var(--zto-label-font-size,16px)}.\[font-weight\:var\(--zto-label-font-weight\,medium\)\]{font-weight:var(--zto-label-font-weight,medium)}.\[gap\:var\(--zto-badge-gap\,0\.375rem\)\]{gap:var(--zto-badge-gap,.375rem)}.\[gap\:var\(--zto-button-gap\,0\.25rem\)\]{gap:var(--zto-button-gap,.25rem)}.\[gap\:var\(--zto-with-icon-gap\,0\.5rem\)\]{gap:var(--zto-with-icon-gap,.5rem)}.\[gap\:var\(--zto-with-label-gap\,0\.375rem\)\]{gap:var(--zto-with-label-gap,.375rem)}.\[padding\:var\(--zto-badge-padding-md\,3px_10px\)\]{padding:var(--zto-badge-padding-md,3px 10px)}.\[padding\:var\(--zto-badge-padding-sm\,2px_8px\)\]{padding:var(--zto-badge-padding-sm,2px 8px)}.\[padding\:var\(--zto-button-padding-lg\,10px_1rem\)\]{padding:var(--zto-button-padding-lg,10px 1rem)}.\[padding\:var\(--zto-button-padding-md\,10px_1rem\)\]{padding:var(--zto-button-padding-md,10px 1rem)}.\[padding\:var\(--zto-button-padding-sm\,6px_0\.5rem\)\]{padding:var(--zto-button-padding-sm,6px .5rem)}.\[padding\:var\(--zto-button-padding-xs\,3px_0\.5rem\)\]{padding:var(--zto-button-padding-xs,3px .5rem)}.\[padding\:var\(--zto-input-padding-lg\,10px_16px\)\]{padding:var(--zto-input-padding-lg,10px 16px)}.\[padding\:var\(--zto-input-padding-md\,8px_12px\)\]{padding:var(--zto-input-padding-md,8px 12px)}.\[padding\:var\(--zto-input-padding-sm\,6px_8px\)\]{padding:var(--zto-input-padding-sm,6px 8px)}.file\:border-0::file-selector-button{border-width:0px}.file\:bg-transparent::file-selector-button{background-color:transparent}.file\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\:font-medium::file-selector-button{font-weight:500}.file\:text-neutral-950::file-selector-button{--tw-text-opacity:1;color:rgb(10 10 10 / var(--tw-text-opacity, 1))}.placeholder\:text-sm::-moz-placeholder{font-size:.875rem;line-height:1.25rem}.placeholder\:text-sm::placeholder{font-size:.875rem;line-height:1.25rem}.placeholder\:text-gray-500::-moz-placeholder{--tw-text-opacity:1;color:rgb(102 112 133 / var(--tw-text-opacity, 1))}.placeholder\:text-gray-500::placeholder{--tw-text-opacity:1;color:rgb(102 112 133 / var(--tw-text-opacity, 1))}.placeholder\:\[color\:var\(--zto-placeholder-color\,\#667085\)\]::-moz-placeholder{color:var(--zto-placeholder-color,#667085)}.placeholder\:\[color\:var\(--zto-placeholder-color\,\#667085\)\]::placeholder{color:var(--zto-placeholder-color,#667085)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:-inset-2:after{content:var(--tw-content);top:-.5rem;right:-.5rem;bottom:-.5rem;left:-.5rem}.after\:inset-y-0:after{content:var(--tw-content);top:0;bottom:0}.after\:left-1\/2:after{content:var(--tw-content);left:50%}.after\:w-\[2px\]:after{content:var(--tw-content);width:2px}.hover\:bg-blue-600:hover{--tw-bg-opacity:1;background-color:rgb(21 112 239 / var(--tw-bg-opacity, 1))}.hover\:bg-brand-50:hover{--tw-bg-opacity:1;background-color:rgb(233 241 248 / var(--tw-bg-opacity, 1))}.hover\:bg-brand-700:hover{--tw-bg-opacity:1;background-color:rgb(1 101 154 / var(--tw-bg-opacity, 1))}.hover\:bg-error-50:hover{--tw-bg-opacity:1;background-color:rgb(254 243 242 / var(--tw-bg-opacity, 1))}.hover\:bg-error-700:hover{--tw-bg-opacity:1;background-color:rgb(180 35 24 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.hover\:bg-neutral-50:hover{--tw-bg-opacity:1;background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1))}.hover\:bg-sidebar-accent-hover:hover{background-color:#ffffff0d}.hover\:bg-success-700:hover{--tw-bg-opacity:1;background-color:rgb(6 118 71 / var(--tw-bg-opacity, 1))}.hover\:text-brand-600:hover{--tw-text-opacity:1;color:rgb(1 117 178 / var(--tw-text-opacity, 1))}.hover\:text-brand-800:hover{--tw-text-opacity:1;color:rgb(1 85 131 / var(--tw-text-opacity, 1))}.hover\:text-neutral-950:hover{--tw-text-opacity:1;color:rgb(10 10 10 / var(--tw-text-opacity, 1))}.hover\:text-sidebar-accent-foreground:hover{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover{--tw-shadow:0 0 0 1px hsl(var(--sidebar-accent));--tw-shadow-colored:0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-sm:hover{--tw-shadow:0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:after\:bg-sidebar-border:hover:after{content:var(--tw-content);background-color:hsl(var(--sidebar-border))}.focus\:bg-gray-50:focus{--tw-bg-opacity:1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.focus\:bg-neutral-100:focus{--tw-bg-opacity:1;background-color:rgb(245 245 245 / var(--tw-bg-opacity, 1))}.focus\:text-neutral-900:focus{--tw-text-opacity:1;color:rgb(23 23 23 / var(--tw-text-opacity, 1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-brand-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(49 131 186 / var(--tw-ring-opacity, 1))}.focus\:ring-neutral-950:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(10 10 10 / var(--tw-ring-opacity, 1))}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-0:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-1:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-brand-500:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(49 131 186 / var(--tw-ring-opacity, 1))}.focus-visible\:ring-brand-600:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(1 117 178 / var(--tw-ring-opacity, 1))}.focus-visible\:ring-error-700:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(180 35 24 / var(--tw-ring-opacity, 1))}.focus-visible\:ring-neutral-950:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(10 10 10 / var(--tw-ring-opacity, 1))}.focus-visible\:ring-red-500:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(239 68 68 / var(--tw-ring-opacity, 1))}.focus-visible\:ring-sidebar-ring:focus-visible{--tw-ring-color:hsl(var(--sidebar-ring))}.focus-visible\:ring-success-700:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(6 118 71 / var(--tw-ring-opacity, 1))}.focus-visible\:ring-offset-0:focus-visible{--tw-ring-offset-width:0px}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px}.focus-visible\:ring-offset-white:focus-visible{--tw-ring-offset-color:#fff}.active\:bg-sidebar-accent:active{background-color:#ffffff1a}.active\:text-sidebar-accent-foreground:active{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:\!cursor-not-allowed:disabled{cursor:not-allowed!important}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:border-neutral-200:disabled{--tw-border-opacity:1;border-color:rgb(229 229 229 / var(--tw-border-opacity, 1))}.disabled\:bg-gray-50:disabled{--tw-bg-opacity:1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.disabled\:bg-neutral-100:disabled{--tw-bg-opacity:1;background-color:rgb(245 245 245 / var(--tw-bg-opacity, 1))}.disabled\:text-gray-500:disabled{--tw-text-opacity:1;color:rgb(102 112 133 / var(--tw-text-opacity, 1))}.disabled\:text-neutral-400:disabled{--tw-text-opacity:1;color:rgb(163 163 163 / var(--tw-text-opacity, 1))}.disabled\:opacity-50:disabled{opacity:.5}.group\/menu-item:focus-within .group-focus-within\/menu-item\:opacity-100{opacity:1}.group\/menu-item:hover .group-hover\/menu-item\:opacity-100{opacity:1}.peer\/menu-button:hover~.peer-hover\/menu-button\:text-sidebar-accent-foreground{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.peer:disabled~.peer-disabled\:cursor-not-allowed{cursor:not-allowed}.peer:disabled~.peer-disabled\:opacity-70{opacity:.7}.has-\[\[data-variant\=inset\]\]\:bg-sidebar:has([data-variant=inset]){--tw-bg-opacity:1;background-color:rgb(1 85 131 / var(--tw-bg-opacity, 1))}.group\/menu-item:has([data-sidebar=menu-action]) .group-has-\[\[data-sidebar\=menu-action\]\]\/menu-item\:pr-8{padding-right:2rem}.aria-disabled\:pointer-events-none[aria-disabled=true]{pointer-events:none}.aria-disabled\:opacity-50[aria-disabled=true]{opacity:.5}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[state\=inactive\]\:hidden[data-state=inactive]{display:none}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x:-.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x:.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y:-.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=checked\]\:translate-x-5[data-state=checked]{--tw-translate-x:1.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked]{--tw-translate-x:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height)}to{height:0}}.data-\[state\=closed\]\:animate-accordion-up[data-state=closed]{animation:accordion-up .2s ease-out}@keyframes accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height)}}.data-\[state\=open\]\:animate-accordion-down[data-state=open]{animation:accordion-down .2s ease-out}.data-\[state\=checked\]\:border-brand-600[data-state=checked]{--tw-border-opacity:1;border-color:rgb(1 117 178 / var(--tw-border-opacity, 1))}.data-\[active\=true\]\:bg-sidebar-accent[data-active=true]{background-color:#ffffff1a}.data-\[disabled\]\:bg-gray-50[data-disabled]{--tw-bg-opacity:1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.data-\[state\=active\]\:bg-white[data-state=active]{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.data-\[state\=checked\]\:\!bg-brand-25[data-state=checked]{--tw-bg-opacity:1 !important;background-color:rgb(243 248 251 / var(--tw-bg-opacity, 1))!important}.data-\[state\=checked\]\:bg-brand-600[data-state=checked]{--tw-bg-opacity:1;background-color:rgb(1 117 178 / var(--tw-bg-opacity, 1))}.data-\[state\=open\]\:bg-neutral-100[data-state=open]{--tw-bg-opacity:1;background-color:rgb(245 245 245 / var(--tw-bg-opacity, 1))}.data-\[state\=unchecked\]\:bg-neutral-200[data-state=unchecked]{--tw-bg-opacity:1;background-color:rgb(229 229 229 / var(--tw-bg-opacity, 1))}.data-\[active\=true\]\:font-semibold[data-active=true]{font-weight:600}.data-\[active\=true\]\:text-sidebar-accent-foreground[data-active=true]{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.data-\[disabled\]\:text-gray-500[data-disabled]{--tw-text-opacity:1;color:rgb(102 112 133 / var(--tw-text-opacity, 1))}.data-\[state\=active\]\:text-gray-700[data-state=active]{--tw-text-opacity:1;color:rgb(52 64 84 / var(--tw-text-opacity, 1))}.data-\[state\=checked\]\:text-white[data-state=checked]{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.data-\[state\=open\]\:text-neutral-500[data-state=open]{--tw-text-opacity:1;color:rgb(115 115 115 / var(--tw-text-opacity, 1))}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[state\=open\]\:opacity-100[data-state=open]{opacity:1}.data-\[state\=active\]\:shadow-sm[data-state=active]{--tw-shadow:0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.data-\[state\=closed\]\:duration-300[data-state=closed]{transition-duration:.3s}.data-\[state\=open\]\:duration-500[data-state=open]{transition-duration:.5s}.data-\[state\=open\]\:hover\:bg-sidebar-accent-hover:hover[data-state=open]{background-color:#ffffff0d}.data-\[state\=open\]\:hover\:text-sidebar-accent-foreground:hover[data-state=open]{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\]{left:calc(var(--sidebar-width) * -1)}.group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\]{right:calc(var(--sidebar-width) * -1)}.group[data-side=left] .group-data-\[side\=left\]\:-right-4{right:-1rem}.group[data-side=right] .group-data-\[side\=right\]\:left-0{left:0}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:-mt-8{margin-top:-2rem}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:hidden{display:none}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:w-\[--sidebar-width-icon\]{width:var(--sidebar-width-icon)}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)\)\]{width:calc(var(--sidebar-width-icon) + 1rem)}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)_\+2px\)\]{width:calc(var(--sidebar-width-icon) + 1rem + 2px)}.group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:w-0{width:0px}.group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:translate-x-0{--tw-translate-x:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group[data-side=right] .group-data-\[side\=right\]\:rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group[data-variant=floating] .group-data-\[variant\=floating\]\:rounded-lg{border-radius:var(--radius)}.group[data-variant=floating] .group-data-\[variant\=floating\]\:border{border-width:1px}.group[data-side=left] .group-data-\[side\=left\]\:border-r{border-right-width:1px}.group[data-side=right] .group-data-\[side\=right\]\:border-l{border-left-width:1px}.group[data-variant=floating] .group-data-\[variant\=floating\]\:border-sidebar-border{border-color:hsl(var(--sidebar-border))}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:\!p-0{padding:0!important}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:\!p-2\.5{padding:.625rem!important}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:opacity-0{opacity:0}.group[data-variant=floating] .group-data-\[variant\=floating\]\:shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:after\:left-full:after{content:var(--tw-content);left:100%}.group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:hover\:bg-sidebar:hover{--tw-bg-opacity:1;background-color:rgb(1 85 131 / var(--tw-bg-opacity, 1))}.peer\/menu-button[data-size=default]~.peer-data-\[size\=default\]\/menu-button\:top-1\.5{top:.375rem}.peer\/menu-button[data-size=lg]~.peer-data-\[size\=lg\]\/menu-button\:top-2\.5{top:.625rem}.peer\/menu-button[data-size=sm]~.peer-data-\[size\=sm\]\/menu-button\:top-1{top:.25rem}.peer\/menu-button[data-active=true]~.peer-data-\[active\=true\]\/menu-button\:text-sidebar-accent-foreground{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.dark\:border-gray-50:is(.dark *){--tw-border-opacity:1;border-color:rgb(249 250 251 / var(--tw-border-opacity, 1))}.dark\:border-neutral-50:is(.dark *){--tw-border-opacity:1;border-color:rgb(250 250 250 / var(--tw-border-opacity, 1))}.dark\:border-neutral-800:is(.dark *){--tw-border-opacity:1;border-color:rgb(38 38 38 / var(--tw-border-opacity, 1))}.dark\:bg-gray-300:is(.dark *){--tw-bg-opacity:1;background-color:rgb(208 213 221 / var(--tw-bg-opacity, 1))}.dark\:bg-neutral-800:is(.dark *){--tw-bg-opacity:1;background-color:rgb(38 38 38 / var(--tw-bg-opacity, 1))}.dark\:bg-neutral-950:is(.dark *){--tw-bg-opacity:1;background-color:rgb(10 10 10 / var(--tw-bg-opacity, 1))}.dark\:text-neutral-400:is(.dark *){--tw-text-opacity:1;color:rgb(163 163 163 / var(--tw-text-opacity, 1))}.dark\:text-neutral-50:is(.dark *){--tw-text-opacity:1;color:rgb(250 250 250 / var(--tw-text-opacity, 1))}.dark\:text-red-900:is(.dark *){--tw-text-opacity:1;color:rgb(127 29 29 / var(--tw-text-opacity, 1))}.dark\:ring-offset-neutral-950:is(.dark *){--tw-ring-offset-color:#0a0a0a}.dark\:file\:text-neutral-50:is(.dark *)::file-selector-button{--tw-text-opacity:1;color:rgb(250 250 250 / var(--tw-text-opacity, 1))}.dark\:placeholder\:text-gray-400:is(.dark *)::-moz-placeholder{--tw-text-opacity:1;color:rgb(152 162 179 / var(--tw-text-opacity, 1))}.dark\:placeholder\:text-gray-400:is(.dark *)::placeholder{--tw-text-opacity:1;color:rgb(152 162 179 / var(--tw-text-opacity, 1))}.dark\:placeholder\:\[color\:var\(--zto-placeholder-color\,\#667085\)\]:is(.dark *)::-moz-placeholder{color:var(--zto-placeholder-color,#667085)}.dark\:placeholder\:\[color\:var\(--zto-placeholder-color\,\#667085\)\]:is(.dark *)::placeholder{color:var(--zto-placeholder-color,#667085)}.dark\:hover\:bg-red-500:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.dark\:hover\:text-neutral-50:hover:is(.dark *){--tw-text-opacity:1;color:rgb(250 250 250 / var(--tw-text-opacity, 1))}.dark\:focus\:bg-neutral-800:focus:is(.dark *){--tw-bg-opacity:1;background-color:rgb(38 38 38 / var(--tw-bg-opacity, 1))}.dark\:focus\:text-neutral-50:focus:is(.dark *){--tw-text-opacity:1;color:rgb(250 250 250 / var(--tw-text-opacity, 1))}.dark\:focus\:ring-neutral-300:focus:is(.dark *){--tw-ring-opacity:1;--tw-ring-color:rgb(212 212 212 / var(--tw-ring-opacity, 1))}.dark\:focus-visible\:ring-brand-400:focus-visible:is(.dark *){--tw-ring-opacity:1;--tw-ring-color:rgb(76 145 194 / var(--tw-ring-opacity, 1))}.dark\:focus-visible\:ring-gray-300:focus-visible:is(.dark *){--tw-ring-opacity:1;--tw-ring-color:rgb(208 213 221 / var(--tw-ring-opacity, 1))}.dark\:focus-visible\:ring-neutral-300:focus-visible:is(.dark *){--tw-ring-opacity:1;--tw-ring-color:rgb(212 212 212 / var(--tw-ring-opacity, 1))}.dark\:focus-visible\:ring-offset-neutral-950:focus-visible:is(.dark *){--tw-ring-offset-color:#0a0a0a}.dark\:data-\[state\=active\]\:bg-neutral-950[data-state=active]:is(.dark *){--tw-bg-opacity:1;background-color:rgb(10 10 10 / var(--tw-bg-opacity, 1))}.dark\:data-\[state\=checked\]\:bg-brand-600[data-state=checked]:is(.dark *){--tw-bg-opacity:1;background-color:rgb(1 117 178 / var(--tw-bg-opacity, 1))}.dark\:data-\[state\=checked\]\:bg-neutral-50[data-state=checked]:is(.dark *){--tw-bg-opacity:1;background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1))}.dark\:data-\[state\=open\]\:bg-neutral-800[data-state=open]:is(.dark *){--tw-bg-opacity:1;background-color:rgb(38 38 38 / var(--tw-bg-opacity, 1))}.dark\:data-\[state\=unchecked\]\:bg-neutral-800[data-state=unchecked]:is(.dark *){--tw-bg-opacity:1;background-color:rgb(38 38 38 / var(--tw-bg-opacity, 1))}.dark\:data-\[state\=active\]\:text-neutral-50[data-state=active]:is(.dark *){--tw-text-opacity:1;color:rgb(250 250 250 / var(--tw-text-opacity, 1))}.dark\:data-\[state\=checked\]\:text-neutral-900[data-state=checked]:is(.dark *){--tw-text-opacity:1;color:rgb(23 23 23 / var(--tw-text-opacity, 1))}.dark\:data-\[state\=open\]\:text-neutral-400[data-state=open]:is(.dark *){--tw-text-opacity:1;color:rgb(163 163 163 / var(--tw-text-opacity, 1))}@media (min-width: 640px){.sm\:flex{display:flex}.sm\:max-w-sm{max-width:24rem}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.sm\:gap-2\.5{gap:.625rem}.sm\:space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.sm\:rounded-lg{border-radius:var(--radius)}.sm\:text-left{text-align:left}}@media (min-width: 768px){.md\:block{display:block}.md\:flex{display:flex}.md\:opacity-0{opacity:0}.after\:md\:hidden:after{content:var(--tw-content);display:none}}.\[\&\>button\]\:hidden>button{display:none}.\[\&\>span\:last-child\]\:truncate>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.\[\&\>span\]\:line-clamp-1>span{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.\[\&\>svg\]\:size-4>svg{width:1rem;height:1rem}.\[\&\>svg\]\:h-4>svg{height:1rem}.\[\&\>svg\]\:w-4>svg{width:1rem}.\[\&\>svg\]\:shrink-0>svg{flex-shrink:0}.\[\&\>svg\]\:text-sidebar-accent-foreground>svg{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.\[\&\[data-state\=open\]\>svg\]\:rotate-0[data-state=open]>svg{--tw-rotate:0deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\[\&_\.hidden-item\]\:hidden .hidden-item{display:none}.\[\&_\.select-content-visible\]\:block .select-content-visible{display:block}.\[\&_span\]\:w-full span{width:100%}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:\!size-2 svg{width:.5rem!important;height:.5rem!important}.\[\&_svg\]\:size-4 svg{width:1rem;height:1rem}.\[\&_svg\]\:size-5 svg{width:1.25rem;height:1.25rem}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\]\:fill-white svg{fill:#fff}.\[\&_svg\]\:text-blue-500 svg{--tw-text-opacity:1;color:rgb(46 144 250 / var(--tw-text-opacity, 1))}.\[\&_svg\]\:text-fuchsia-500 svg{--tw-text-opacity:1;color:rgb(212 68 241 / var(--tw-text-opacity, 1))}.\[\&_svg\]\:text-gray-500 svg{--tw-text-opacity:1;color:rgb(102 112 133 / var(--tw-text-opacity, 1))}.\[\&_svg\]\:text-purple-500 svg{--tw-text-opacity:1;color:rgb(122 90 248 / var(--tw-text-opacity, 1))}.\[\&_svg\]\:text-success-500 svg{--tw-text-opacity:1;color:rgb(23 178 106 / var(--tw-text-opacity, 1))}.\[\&_svg\]\:text-warning-500 svg{--tw-text-opacity:1;color:rgb(247 144 9 / var(--tw-text-opacity, 1))}.\[\&_svg\]\:drop-shadow-sm svg{--tw-drop-shadow:drop-shadow(0 1px 1px rgb(0 0 0 / .05));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}[data-side=left][data-collapsible=offcanvas] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2{right:-.5rem}[data-side=left][data-state=collapsed] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize{cursor:e-resize}[data-side=left] .\[\[data-side\=left\]_\&\]\:cursor-w-resize{cursor:w-resize}[data-side=right][data-collapsible=offcanvas] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2{left:-.5rem}[data-side=right][data-state=collapsed] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize{cursor:w-resize}[data-side=right] .\[\[data-side\=right\]_\&\]\:cursor-e-resize{cursor:e-resize}input._NumberInput_4bjjy_1{padding-right:12px}input._NumberInput_4bjjy_1~._SpinBox_4bjjy_4{border:1px solid transparent;padding:calc(.375rem - 1px) 1rem;padding-left:0}input._NumberInput_4bjjy_1~._SpinBox_4bjjy_4 ._SpinBoxContainer_4bjjy_10{height:20px}input._NumberInput_4bjjy_1~._SpinBox_4bjjy_4 ._SpinButton_4bjjy_13{width:15px;margin-right:-3px}input._NumberInput_4bjjy_1.FormInput--small{padding-right:calc(.75rem + 12px)}input._NumberInput_4bjjy_1.FormInput--small~._SpinBox_4bjjy_4{padding-top:calc(.125rem - 1px);padding-bottom:calc(.125rem - 1px);padding-right:.75rem}input._NumberInput_4bjjy_1.FormInput--small~._SpinBox_4bjjy_4 ._SpinBoxContainer_4bjjy_10{height:16px}input._NumberInput_4bjjy_1.FormInput--large~._SpinBox_4bjjy_4{padding-top:calc(.75rem - 1px);padding-bottom:calc(.75rem - 1px)}
@@ -1,4 +1,4 @@
1
- import { default as React } from 'react';
1
+ import React from 'react';
2
2
  /**
3
3
  * A helper to create a Context and Provider with no upfront default value, and
4
4
  * without having to check for undefined all the time.
package/package.json CHANGED
@@ -1,27 +1,28 @@
1
1
  {
2
2
  "name": "@kyle-test/zto-react-kit",
3
- "version": "0.0.0-alpha.5",
3
+ "version": "0.0.0-alpha.7",
4
4
  "type": "module",
5
5
  "description": "A React component library with modern UI components",
6
- "main": "./build/default/index.js",
7
- "module": "./build/default/index.js",
8
- "types": "./build/default/index.d.ts",
6
+ "main": "./dist/noprefix/index.js",
7
+ "module": "./dist/noprefix/index.js",
8
+ "types": "./dist/index.d.ts",
9
9
  "publishConfig": {
10
10
  "access": "public"
11
11
  },
12
12
  "exports": {
13
13
  ".": {
14
- "types": "./build/default/index.d.ts",
15
- "import": "./build/default/index.js"
14
+ "types": "./dist/index.d.ts",
15
+ "import": "./dist/noprefix/index.js"
16
16
  },
17
- "./twPrefix": {
18
- "types": "./build/twPrefix/index.d.ts",
19
- "import": "./build/twPrefix/index.js"
17
+ "./prefix": {
18
+ "types": "./dist/index.d.ts",
19
+ "import": "./dist/prefix/index.js"
20
20
  },
21
- "./styles": "./build/shared/style.css"
21
+ "./styles": "./dist/noprefix/style.css",
22
+ "./prefix/styles": "./dist/prefix/style.css"
22
23
  },
23
24
  "files": [
24
- "build"
25
+ "dist"
25
26
  ],
26
27
  "keywords": [
27
28
  "react",
@@ -1,15 +0,0 @@
1
- import { default as React } from 'react';
2
- export type BreadcrumbItemInput = {
3
- text: string;
4
- url?: string;
5
- maxWidth?: number | string;
6
- className?: string;
7
- };
8
- export type BreadcrumbProps = {
9
- items: BreadcrumbItemInput[];
10
- className?: string;
11
- separator?: React.ReactNode;
12
- listClassName?: string;
13
- itemClassName?: string;
14
- };
15
- export declare const Breadcrumb: React.FC<BreadcrumbProps>;
@@ -1,14 +0,0 @@
1
- import { VariantProps } from 'class-variance-authority';
2
- import { default as React } from 'react';
3
- declare const inputVariants: (props?: ({
4
- style?: "default" | "error" | null | undefined;
5
- size?: "default" | "sm" | "md" | "lg" | null | undefined;
6
- } & import('class-variance-authority/types').ClassProp) | undefined) => string;
7
- export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'>, Omit<VariantProps<typeof inputVariants>, 'style'> {
8
- error?: boolean;
9
- addonStart?: React.ReactNode;
10
- addonEnd?: React.ReactNode;
11
- containerClassName?: string;
12
- }
13
- declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
14
- export { Input };
@@ -1,28 +0,0 @@
1
- import { default as React } from 'react';
2
- import { InputProps } from '../Input';
3
- export interface NumberInputProps extends Omit<React.ComponentPropsWithoutRef<'input'>, 'size'> {
4
- min?: number;
5
- max?: number;
6
- value: string;
7
- onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
8
- onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;
9
- notAllowedKeys?: string[];
10
- className?: string;
11
- inputClassName?: string;
12
- numberOnly?: boolean;
13
- name?: string;
14
- isInvalid?: boolean;
15
- size?: InputProps['size'];
16
- style?: React.CSSProperties;
17
- inputStyle?: React.CSSProperties;
18
- disabled?: boolean;
19
- step?: number;
20
- readOnly?: boolean;
21
- testId?: string;
22
- decimalScale?: number;
23
- ['data-type']?: string;
24
- clearable?: boolean;
25
- hasError?: boolean;
26
- }
27
- declare const NumberInput: React.ForwardRefExoticComponent<NumberInputProps & React.RefAttributes<HTMLInputElement>>;
28
- export { NumberInput };
@@ -1,12 +0,0 @@
1
- import { VariantProps } from 'class-variance-authority';
2
- import { default as React } from 'react';
3
- import { TextareaAutosize as ShadcnTextareaAutosize } from '../../shadcn/textarea';
4
- declare const inputVariants: (props?: ({
5
- style?: "default" | "error" | null | undefined;
6
- size?: "default" | "sm" | "md" | "lg" | null | undefined;
7
- } & import('class-variance-authority/types').ClassProp) | undefined) => string;
8
- export interface TextareaAutosizeProps extends Omit<React.ComponentProps<typeof ShadcnTextareaAutosize>, 'size'>, Omit<VariantProps<typeof inputVariants>, 'style'> {
9
- error?: boolean;
10
- }
11
- export declare const Textarea: React.ForwardRefExoticComponent<Omit<TextareaAutosizeProps, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
12
- export {};
@@ -1,42 +0,0 @@
1
- import { default as React } from 'react';
2
- import { TooltipContent, TooltipPortal } from '../shadcn/tooltip';
3
- type Props = {
4
- /**
5
- * The element that triggers the tooltip on hover
6
- */
7
- children: React.ReactNode;
8
- /**
9
- * The content to display in the tooltip
10
- */
11
- content: React.ReactNode;
12
- /**
13
- * Optional CSS class to apply to the content
14
- */
15
- tooltipContentClassName?: string;
16
- /**
17
- * Optional CSS class to apply to the text content
18
- */
19
- textContentClassName?: string;
20
- /**
21
- * Optional CSS class to apply to the trigger wrapper
22
- */
23
- triggerClassName?: string;
24
- /**
25
- * Whether the tooltip is disabled
26
- */
27
- disabled?: boolean;
28
- /**
29
- * Optional props for the tooltip portal
30
- */
31
- portalProps?: React.ComponentPropsWithoutRef<typeof TooltipPortal>;
32
- /**
33
- * Optional props for the tooltip content
34
- */
35
- contentProps?: React.ComponentPropsWithoutRef<typeof TooltipContent>;
36
- };
37
- /**
38
- * A reusable tooltip component that simplifies the tooltip implementation
39
- * Just pass a trigger element and tooltip content
40
- */
41
- export declare const WithTooltip: React.FC<Props>;
42
- export {};
@@ -1,12 +0,0 @@
1
- import { VariantProps } from 'class-variance-authority';
2
- import * as React from 'react';
3
- declare const buttonVariants: (props?: ({
4
- variant?: "default" | "success" | "link" | "secondary" | "secondaryColor" | "tertiary" | "tertiaryColor" | "linkColor" | "destructive" | "destructiveSecondary" | "destructiveTertiary" | "destructiveLink" | "ghost" | null | undefined;
5
- width?: "default" | "min" | null | undefined;
6
- size?: "default" | "sm" | "md" | "icon" | "lg" | "xs" | "iconMd" | null | undefined;
7
- } & import('class-variance-authority/types').ClassProp) | undefined) => string;
8
- export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
9
- asChild?: boolean;
10
- }
11
- declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
12
- export { Button, buttonVariants };
@@ -1,5 +0,0 @@
1
- import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
2
- declare const Collapsible: import('react').ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleProps & import('react').RefAttributes<HTMLDivElement>>;
3
- declare const CollapsibleTrigger: import('react').ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleTriggerProps & import('react').RefAttributes<HTMLButtonElement>>;
4
- declare const CollapsibleContent: import('react').ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleContentProps & import('react').RefAttributes<HTMLDivElement>>;
5
- export { Collapsible, CollapsibleTrigger, CollapsibleContent };
@@ -1,4 +0,0 @@
1
- import { default as React } from 'react';
2
- declare const BASE_INPUT_CLASSNAME: string;
3
- declare const Input: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
4
- export { Input, BASE_INPUT_CLASSNAME };
@@ -1,5 +0,0 @@
1
- import { VariantProps } from 'class-variance-authority';
2
- import * as LabelPrimitive from '@radix-ui/react-label';
3
- import * as React from 'react';
4
- declare const Label: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: import('class-variance-authority/types').ClassProp | undefined) => string> & React.RefAttributes<HTMLLabelElement>>;
5
- export { Label };
@@ -1,30 +0,0 @@
1
- import { VariantProps } from 'class-variance-authority';
2
- import * as SheetPrimitive from '@radix-ui/react-dialog';
3
- import * as React from 'react';
4
- declare const Sheet: React.FC<SheetPrimitive.DialogProps>;
5
- declare const SheetTrigger: React.ForwardRefExoticComponent<SheetPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
6
- declare const SheetClose: React.ForwardRefExoticComponent<SheetPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
7
- declare const SheetPortal: React.FC<SheetPrimitive.DialogPortalProps>;
8
- declare const SheetOverlay: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
9
- declare const sheetVariants: (props?: ({
10
- side?: "left" | "right" | "bottom" | "top" | null | undefined;
11
- } & import('class-variance-authority/types').ClassProp) | undefined) => string;
12
- interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, VariantProps<typeof sheetVariants> {
13
- closeIconButtonClassName?: string;
14
- closeIconButtonOnClick?: () => void;
15
- onUnmount?: () => void;
16
- hideOverlay?: boolean;
17
- }
18
- declare const SheetContent: React.ForwardRefExoticComponent<SheetContentProps & React.RefAttributes<HTMLDivElement>>;
19
- declare const SheetHeader: {
20
- ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
21
- displayName: string;
22
- };
23
- declare const SheetBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
24
- declare const SheetFooter: {
25
- ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
26
- displayName: string;
27
- };
28
- declare const SheetTitle: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
29
- declare const SheetDescription: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
30
- export { Sheet, SheetPortal, SheetOverlay, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetBody, SheetFooter, SheetTitle, SheetDescription, };
@@ -1,11 +0,0 @@
1
- import { default as TextareaAutosizeComponent } from 'react-textarea-autosize';
2
- import * as React from 'react';
3
- export interface TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'style'> {
4
- error?: boolean;
5
- }
6
- export interface TextareaAutosizeProps extends Omit<React.ComponentProps<typeof TextareaAutosizeComponent>, 'style'> {
7
- error?: boolean;
8
- }
9
- declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
10
- declare const TextareaAutosize: React.ForwardRefExoticComponent<Omit<TextareaAutosizeProps, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
11
- export { Textarea, TextareaAutosize };
@@ -1,12 +0,0 @@
1
- import { VariantProps } from 'class-variance-authority';
2
- import * as TooltipPrimitive from '@radix-ui/react-tooltip';
3
- import * as React from 'react';
4
- declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
5
- declare const Tooltip: React.FC<TooltipPrimitive.TooltipProps>;
6
- declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
7
- declare const TooltipPortal: React.FC<TooltipPrimitive.TooltipPortalProps>;
8
- declare const TooltipArrow: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipArrowProps & React.RefAttributes<SVGSVGElement>>;
9
- declare const TooltipContent: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & VariantProps<(props?: ({
10
- variant?: "default" | "light" | null | undefined;
11
- } & import('class-variance-authority/types').ClassProp) | undefined) => string> & React.RefAttributes<HTMLDivElement>>;
12
- export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider, TooltipPortal, TooltipArrow };
@@ -1 +0,0 @@
1
- export declare function tw(strings: TemplateStringsArray): string;