@cnc-ti/layout-basic 6.0.0 → 7.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.turbo/turbo-build.log +20 -22
- package/CHANGELOG.md +6 -0
- package/dist/index.css +1 -1
- package/dist/index.d.mts +139 -139
- package/dist/index.d.ts +139 -139
- package/dist/index.js +322 -322
- package/dist/index.mjs +322 -322
- package/dist/logotipo-default-MC6B5CAJ.svg +23 -0
- package/package.json +1 -1
- package/postcss.config.js +6 -6
- package/tailwind.config.js +65 -65
- package/tsconfig.json +3 -3
- package/src/components/Button/index.tsx +0 -100
- package/src/components/Command/index.tsx +0 -156
- package/src/components/Dialog/index.tsx +0 -114
- package/src/components/DropDownMenu/index.tsx +0 -190
- package/src/components/Header/index.tsx +0 -88
- package/src/components/Modal/ModalMudancaEntidade/index.tsx +0 -42
- package/src/components/Modal/index.tsx +0 -44
- package/src/components/Popover/index.tsx +0 -32
- package/src/components/Sidebar/index.tsx +0 -195
- package/src/components/assets/logotipo-default.tsx +0 -27
- package/src/components/utils.ts +0 -6
- package/src/index.ts +0 -8
- package/src/tailwindcss/tailwind.css +0 -13
package/.turbo/turbo-build.log
CHANGED
|
@@ -1,22 +1,20 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
>
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
[
|
|
7
|
-
[34mCLI[39m
|
|
8
|
-
[34mCLI[39m
|
|
9
|
-
[
|
|
10
|
-
[
|
|
11
|
-
[
|
|
12
|
-
|
|
13
|
-
[32mESM[39m
|
|
14
|
-
[
|
|
15
|
-
[
|
|
16
|
-
[32mCJS[39m
|
|
17
|
-
[
|
|
18
|
-
[
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
DTS dist/index.d.ts 7.92 KB
|
|
22
|
-
[1G[0K⠙[1G[0K
|
|
1
|
+
|
|
2
|
+
> @cnc-ti/layout-basic@1.0.0 build
|
|
3
|
+
> tsup src/index.ts --format esm,cjs --dts --external react
|
|
4
|
+
|
|
5
|
+
[34mCLI[39m Building entry: src/index.ts
|
|
6
|
+
[34mCLI[39m Using tsconfig: tsconfig.json
|
|
7
|
+
[34mCLI[39m tsup v8.3.0
|
|
8
|
+
[34mCLI[39m Target: es6
|
|
9
|
+
[34mESM[39m Build start
|
|
10
|
+
[34mCJS[39m Build start
|
|
11
|
+
[32mESM[39m [1mdist\index.mjs [22m[32m929.00 B[39m
|
|
12
|
+
[32mESM[39m [1mdist\index.css [22m[32m87.00 B[39m
|
|
13
|
+
[32mESM[39m ⚡️ Build success in 155ms
|
|
14
|
+
[32mCJS[39m [1mdist\index.css [22m[32m87.00 B[39m
|
|
15
|
+
[32mCJS[39m [1mdist\index.js [22m[32m1.84 KB[39m
|
|
16
|
+
[32mCJS[39m ⚡️ Build success in 158ms
|
|
17
|
+
[34mDTS[39m Build start
|
|
18
|
+
[32mDTS[39m ⚡️ Build success in 5422ms
|
|
19
|
+
[32mDTS[39m [1mdist\index.d.mts [22m[32m251.00 B[39m
|
|
20
|
+
[32mDTS[39m [1mdist\index.d.ts [22m[32m251.00 B[39m
|
package/CHANGELOG.md
CHANGED
package/dist/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@100..900&display=swap";*,: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(59 130 246 / .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(59 130 246 / .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:#e5e7eb}: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:Montserrat,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:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}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}div[data-is-open=false].sidebar-container .sidebar-child-w-0{width:0px;padding:0}div[data-is-open=false].sidebar-container .sidebar-child-hidden{display:none}.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}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.left-2{left:.5rem}.left-\[50\%\]{left:50%}.right-4{right:1rem}.top-4{top:1rem}.top-\[50\%\]{top:50%}.z-50{z-index:50}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.my-1{margin-top:.25rem;margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.ml-20{margin-left:5rem}.ml-5{margin-left:1.25rem}.ml-8{margin-left:2rem}.ml-auto{margin-left:auto}.mr-2{margin-right:.5rem}.mt-10{margin-top:2.5rem}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.size-6{width:1.5rem;height:1.5rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-14{height:3.5rem}.h-2{height:.5rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-9{height:2.25rem}.h-\[28px\]{height:28px}.h-\[60px\]{height:60px}.h-full{height:100%}.h-px{height:1px}.h-screen-minus-70{height:calc(100vh - 70px)}.max-h-\[300px\]{max-height:300px}.max-h-\[70px\]{max-height:70px}.max-h-\[85vh\]{max-height:85vh}.w-10{width:2.5rem}.w-2{width:.5rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-72{width:18rem}.w-\[159px\]{width:159px}.w-\[90vw\]{width:90vw}.w-full{width:100%}.min-w-\[12rem\]{min-width:12rem}.min-w-\[8rem\]{min-width:8rem}.max-w-\[295px\]{max-width:295px}.max-w-\[40\.625rem\]{max-width:40.625rem}.max-w-lg{max-width:32rem}.shrink-0{flex-shrink:0}.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-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))}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.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))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.scroll-smooth{scroll-behavior:smooth}.whitespace-nowrap{white-space:nowrap}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-l-2{border-left-width:2px}.border-solid{border-style:solid}.border-brand-blue-500{--tw-border-opacity: 1;border-color:rgb(3 40 132 / var(--tw-border-opacity))}.border-brand-blue-60{--tw-border-opacity: 1;border-color:rgb(229 237 255 / var(--tw-border-opacity))}.border-brand-green-200{--tw-border-opacity: 1;border-color:rgb(27 185 82 / var(--tw-border-opacity))}.border-brand-red-600{--tw-border-opacity: 1;border-color:rgb(207 66 66 / var(--tw-border-opacity))}.border-gray-100{--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity))}.bg-black\/80{background-color:#000c}.bg-brand-blue-400{--tw-bg-opacity: 1;background-color:rgb(1 48 164 / var(--tw-bg-opacity))}.bg-brand-blue-500{--tw-bg-opacity: 1;background-color:rgb(3 40 132 / var(--tw-bg-opacity))}.bg-brand-gray-10{--tw-bg-opacity: 1;background-color:rgb(245 245 245 / var(--tw-bg-opacity))}.bg-brand-gray-20{--tw-bg-opacity: 1;background-color:rgb(227 227 227 / var(--tw-bg-opacity))}.bg-brand-green-100{--tw-bg-opacity: 1;background-color:rgb(37 207 96 / var(--tw-bg-opacity))}.bg-brand-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity))}.bg-primary{--tw-bg-opacity: 1;background-color:rgb(1 48 164 / var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.bg-white\/10{background-color:#ffffff1a}.fill-current{fill:currentColor}.object-contain{-o-object-fit:contain;object-fit:contain}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pl-8{padding-left:2rem}.pr-2{padding-right:.5rem}.pr-8{padding-right:2rem}.text-center{text-align:center}.text-end{text-align:end}.align-middle{vertical-align:middle}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.font-thin{font-weight:100}.leading-10{line-height:2.5rem}.leading-none{line-height:1}.tracking-tight{letter-spacing:-.025em}.tracking-widest{letter-spacing:.1em}.text-brand-blue-400{--tw-text-opacity: 1;color:rgb(1 48 164 / var(--tw-text-opacity))}.text-brand-blue-900{--tw-text-opacity: 1;color:rgb(25 28 73 / var(--tw-text-opacity))}.text-brand-gray-600{--tw-text-opacity: 1;color:rgb(102 102 102 / var(--tw-text-opacity))}.text-brand-gray-700{--tw-text-opacity: 1;color:rgb(131 145 179 / var(--tw-text-opacity))}.text-brand-green-100{--tw-text-opacity: 1;color:rgb(37 207 96 / var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.shadow-custom{--tw-shadow: 0px 2px 8px 0px rgba(99, 99, 99, .2);--tw-shadow-colored: 0px 2px 8px 0px 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)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;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}.duration-300{transition-duration:.3s}.ease-\[cubic-bezier\(0\.87\,_0\,_0\.13\,_1\)\]{transition-timing-function:cubic-bezier(.87,0,.13,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.hover\:bg-brand-blue-400\/90:hover{background-color:#0130a4e6}.hover\:bg-brand-gray-10:hover{--tw-bg-opacity: 1;background-color:rgb(245 245 245 / var(--tw-bg-opacity))}.hover\:bg-brand-green-100\/80:hover{background-color:#25cf60cc}.hover\:bg-brand-red-500\/80:hover{background-color:#ef4444cc}.hover\:bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.hover\:bg-primary\/90:hover{background-color:#0130a4e6}.hover\:text-blue-600:hover{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity))}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.hover\:opacity-100:hover{opacity:1}.hover\:brightness-75:hover{--tw-brightness: brightness(.75);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)}.hover\:brightness-95:hover{--tw-brightness: brightness(.95);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)}.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-offset-2:focus{--tw-ring-offset-width: 2px}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.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-offset-2:focus-visible{--tw-ring-offset-width: 2px}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.data-\[disabled\=true\]\:pointer-events-none[data-disabled=true],.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[type\=secondary\]\:my-2[data-type=secondary]{margin-top:.5rem;margin-bottom:.5rem}@keyframes slideUp{0%{height:var(--radix-accordion-content-height)}to{height:0px}}.data-\[state\=closed\]\:animate-slideUp[data-state=closed]{animation:slideUp .3s cubic-bezier(.87,0,.13,1)}@keyframes slideDown{0%{height:0px}to{height:var(--radix-accordion-content-height)}}.data-\[state\=open\]\:animate-slideDown[data-state=open]{animation:slideDown .3s cubic-bezier(.87,0,.13,1)}.data-\[type\=secondary\]\:py-0[data-type=secondary]{padding-top:0;padding-bottom:0}.data-\[type\=secondary\]\:pl-0[data-type=secondary]{padding-left:0}.data-\[type\=secondary\]\:text-sm[data-type=secondary]{font-size:.875rem;line-height:1.25rem}.data-\[disabled\=true\]\:opacity-50[data-disabled=true],.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.group[data-state=open] .group-data-\[state\=open\]\: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))}@media (min-width: 640px){.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.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:.5rem}.sm\:text-left{text-align:left}}@media (min-width: 1024px){.lg\:flex-1{flex:1 1 0%}.lg\:justify-end{justify-content:flex-end}}.\[\&\:\:-webkit-scrollbar-thumb\]\:rounded::-webkit-scrollbar-thumb{border-radius:.25rem}.\[\&\:\:-webkit-scrollbar-thumb\]\:border::-webkit-scrollbar-thumb{border-width:1px}.\[\&\:\:-webkit-scrollbar-thumb\]\:border-solid::-webkit-scrollbar-thumb{border-style:solid}.\[\&\:\:-webkit-scrollbar-thumb\]\:border-brand-gray-400::-webkit-scrollbar-thumb{--tw-border-opacity: 1;border-color:rgb(1 48 164 / var(--tw-border-opacity))}.\[\&\:\:-webkit-scrollbar-thumb\]\:bg-brand-gray-200::-webkit-scrollbar-thumb{--tw-bg-opacity: 1;background-color:rgb(100 116 139 / var(--tw-bg-opacity))}.\[\&\:\:-webkit-scrollbar-track\]\:bg-brand-blue-500::-webkit-scrollbar-track{--tw-bg-opacity: 1;background-color:rgb(3 40 132 / var(--tw-bg-opacity))}.\[\&\:\:-webkit-scrollbar\]\:w-1::-webkit-scrollbar{width:.25rem}.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading]{padding-left:.5rem;padding-right:.5rem}.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading]{padding-top:.375rem;padding-bottom:.375rem}.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading]{font-size:.75rem;line-height:1rem}.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading]{font-weight:500}.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden])~[cmdk-group]{padding-top:0}.\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group]{padding-left:.5rem;padding-right:.5rem}.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg{height:1.25rem}.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg{width:1.25rem}.\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input]{height:3rem}.\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item]{padding-left:.5rem;padding-right:.5rem}.\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item]{padding-top:.75rem;padding-bottom:.75rem}.\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg{height:1.25rem}.\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg{width:1.25rem}
|
|
1
|
+
@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@100..900&display=swap";*,: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(59 130 246 / .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(59 130 246 / .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:#e5e7eb}: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:Montserrat,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:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}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}div[data-is-open=false].sidebar-container .sidebar-child-w-0{width:0px;padding:0}div[data-is-open=false].sidebar-container .sidebar-child-hidden{display:none}.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}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.left-2{left:.5rem}.left-\[50\%\]{left:50%}.right-4{right:1rem}.top-4{top:1rem}.top-\[50\%\]{top:50%}.z-50{z-index:50}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.my-1{margin-top:.25rem;margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.ml-20{margin-left:5rem}.ml-5{margin-left:1.25rem}.ml-8{margin-left:2rem}.ml-auto{margin-left:auto}.mr-2{margin-right:.5rem}.mt-10{margin-top:2.5rem}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.size-6{width:1.5rem;height:1.5rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-14{height:3.5rem}.h-2{height:.5rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-9{height:2.25rem}.h-\[28px\]{height:28px}.h-\[60px\]{height:60px}.h-full{height:100%}.h-px{height:1px}.h-screen-minus-70{height:calc(100vh - 70px)}.max-h-\[300px\]{max-height:300px}.max-h-\[70px\]{max-height:70px}.max-h-\[85vh\]{max-height:85vh}.w-10{width:2.5rem}.w-2{width:.5rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-72{width:18rem}.w-\[159px\]{width:159px}.w-\[90vw\]{width:90vw}.w-full{width:100%}.min-w-\[12rem\]{min-width:12rem}.min-w-\[8rem\]{min-width:8rem}.max-w-\[295px\]{max-width:295px}.max-w-\[40\.625rem\]{max-width:40.625rem}.max-w-lg{max-width:32rem}.shrink-0{flex-shrink:0}.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-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))}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.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))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.scroll-smooth{scroll-behavior:smooth}.whitespace-nowrap{white-space:nowrap}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-l-2{border-left-width:2px}.border-solid{border-style:solid}.border-brand-blue-500{--tw-border-opacity: 1;border-color:rgb(3 40 132 / var(--tw-border-opacity))}.border-brand-blue-60{--tw-border-opacity: 1;border-color:rgb(229 237 255 / var(--tw-border-opacity))}.border-brand-green-200{--tw-border-opacity: 1;border-color:rgb(27 185 82 / var(--tw-border-opacity))}.border-brand-red-600{--tw-border-opacity: 1;border-color:rgb(207 66 66 / var(--tw-border-opacity))}.border-gray-100{--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity))}.bg-black\/80{background-color:#000c}.bg-brand-blue-400{--tw-bg-opacity: 1;background-color:rgb(1 48 164 / var(--tw-bg-opacity))}.bg-brand-blue-500{--tw-bg-opacity: 1;background-color:rgb(3 40 132 / var(--tw-bg-opacity))}.bg-brand-gray-10{--tw-bg-opacity: 1;background-color:rgb(245 245 245 / var(--tw-bg-opacity))}.bg-brand-gray-20{--tw-bg-opacity: 1;background-color:rgb(227 227 227 / var(--tw-bg-opacity))}.bg-brand-green-100{--tw-bg-opacity: 1;background-color:rgb(37 207 96 / var(--tw-bg-opacity))}.bg-brand-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity))}.bg-primary{--tw-bg-opacity: 1;background-color:rgb(1 48 164 / var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.bg-white\/10{background-color:#ffffff1a}.fill-current{fill:currentColor}.object-contain{-o-object-fit:contain;object-fit:contain}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pl-8{padding-left:2rem}.pr-2{padding-right:.5rem}.pr-8{padding-right:2rem}.text-center{text-align:center}.text-end{text-align:end}.align-middle{vertical-align:middle}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.font-thin{font-weight:100}.leading-10{line-height:2.5rem}.leading-none{line-height:1}.tracking-tight{letter-spacing:-.025em}.tracking-widest{letter-spacing:.1em}.text-brand-blue-400{--tw-text-opacity: 1;color:rgb(1 48 164 / var(--tw-text-opacity))}.text-brand-blue-900{--tw-text-opacity: 1;color:rgb(25 28 73 / var(--tw-text-opacity))}.text-brand-gray-600{--tw-text-opacity: 1;color:rgb(102 102 102 / var(--tw-text-opacity))}.text-brand-gray-700{--tw-text-opacity: 1;color:rgb(131 145 179 / var(--tw-text-opacity))}.text-brand-green-100{--tw-text-opacity: 1;color:rgb(37 207 96 / var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.shadow-custom{--tw-shadow: 0px 2px 8px 0px rgba(99, 99, 99, .2);--tw-shadow-colored: 0px 2px 8px 0px 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)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;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}.duration-300{transition-duration:.3s}.ease-\[cubic-bezier\(0\.87\,_0\,_0\.13\,_1\)\]{transition-timing-function:cubic-bezier(.87,0,.13,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.hover\:bg-brand-blue-400\/90:hover{background-color:#0130a4e6}.hover\:bg-brand-gray-10:hover{--tw-bg-opacity: 1;background-color:rgb(245 245 245 / var(--tw-bg-opacity))}.hover\:bg-brand-green-100\/80:hover{background-color:#25cf60cc}.hover\:bg-brand-red-500\/80:hover{background-color:#ef4444cc}.hover\:bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.hover\:bg-primary\/90:hover{background-color:#0130a4e6}.hover\:text-blue-600:hover{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity))}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.hover\:opacity-100:hover{opacity:1}.hover\:brightness-75:hover{--tw-brightness: brightness(.75);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)}.hover\:brightness-95:hover{--tw-brightness: brightness(.95);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)}.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-offset-2:focus{--tw-ring-offset-width: 2px}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.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-offset-2:focus-visible{--tw-ring-offset-width: 2px}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.data-\[disabled\=true\]\:pointer-events-none[data-disabled=true],.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[type\=secondary\]\:my-2[data-type=secondary]{margin-top:.5rem;margin-bottom:.5rem}@keyframes slideUp{0%{height:var(--radix-accordion-content-height)}to{height:0px}}.data-\[state\=closed\]\:animate-slideUp[data-state=closed]{animation:slideUp .3s cubic-bezier(.87,0,.13,1)}@keyframes slideDown{0%{height:0px}to{height:var(--radix-accordion-content-height)}}.data-\[state\=open\]\:animate-slideDown[data-state=open]{animation:slideDown .3s cubic-bezier(.87,0,.13,1)}.data-\[type\=secondary\]\:py-0[data-type=secondary]{padding-top:0;padding-bottom:0}.data-\[type\=secondary\]\:pl-0[data-type=secondary]{padding-left:0}.data-\[type\=secondary\]\:text-sm[data-type=secondary]{font-size:.875rem;line-height:1.25rem}.data-\[disabled\=true\]\:opacity-50[data-disabled=true],.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.group[data-state=open] .group-data-\[state\=open\]\: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))}@media (min-width: 640px){.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.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:.5rem}.sm\:text-left{text-align:left}}@media (min-width: 1024px){.lg\:flex-1{flex:1 1 0%}.lg\:justify-end{justify-content:flex-end}}.\[\&\:\:-webkit-scrollbar-thumb\]\:rounded::-webkit-scrollbar-thumb{border-radius:.25rem}.\[\&\:\:-webkit-scrollbar-thumb\]\:border::-webkit-scrollbar-thumb{border-width:1px}.\[\&\:\:-webkit-scrollbar-thumb\]\:border-solid::-webkit-scrollbar-thumb{border-style:solid}.\[\&\:\:-webkit-scrollbar-thumb\]\:border-brand-gray-400::-webkit-scrollbar-thumb{--tw-border-opacity: 1;border-color:rgb(1 48 164 / var(--tw-border-opacity))}.\[\&\:\:-webkit-scrollbar-thumb\]\:bg-brand-gray-200::-webkit-scrollbar-thumb{--tw-bg-opacity: 1;background-color:rgb(100 116 139 / var(--tw-bg-opacity))}.\[\&\:\:-webkit-scrollbar-track\]\:bg-brand-blue-500::-webkit-scrollbar-track{--tw-bg-opacity: 1;background-color:rgb(3 40 132 / var(--tw-bg-opacity))}.\[\&\:\:-webkit-scrollbar\]\:w-1::-webkit-scrollbar{width:.25rem}.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading]{padding-left:.5rem;padding-right:.5rem}.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading]{padding-top:.375rem;padding-bottom:.375rem}.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading]{font-size:.75rem;line-height:1rem}.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading]{font-weight:500}.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden])~[cmdk-group]{padding-top:0}.\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group]{padding-left:.5rem;padding-right:.5rem}.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg{height:1.25rem}.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg{width:1.25rem}.\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input]{height:3rem}.\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item]{padding-left:.5rem;padding-right:.5rem}.\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item]{padding-top:.75rem;padding-bottom:.75rem}.\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg{height:1.25rem}.\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg{width:1.25rem}
|
package/dist/index.d.mts
CHANGED
|
@@ -1,139 +1,139 @@
|
|
|
1
|
-
import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
|
|
2
|
-
import { VariantProps } from 'class-variance-authority';
|
|
3
|
-
import * as React$1 from 'react';
|
|
4
|
-
import React__default, { PropsWithChildren, ReactNode, ReactElement, ComponentProps, SVGProps } from 'react';
|
|
5
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
6
|
-
import * as DialogPrimitive from '@radix-ui/react-dialog';
|
|
7
|
-
import * as Accordion from '@radix-ui/react-accordion';
|
|
8
|
-
|
|
9
|
-
declare const buttonVariants: (props?: ({
|
|
10
|
-
variant?: "default" | "confirm" | "create" | "secondary" | "danger" | null | undefined;
|
|
11
|
-
size?: "default" | "sm" | "lg" | "icon" | null | undefined;
|
|
12
|
-
outline?: boolean | null | undefined;
|
|
13
|
-
} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
|
|
14
|
-
interface ButtonProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
|
|
15
|
-
asChild?: boolean;
|
|
16
|
-
isLoading?: boolean;
|
|
17
|
-
}
|
|
18
|
-
declare const Button: React__default.ForwardRefExoticComponent<ButtonProps & React__default.RefAttributes<HTMLButtonElement>>;
|
|
19
|
-
|
|
20
|
-
type HeaderProps = {
|
|
21
|
-
userName: string;
|
|
22
|
-
imageUrl?: string;
|
|
23
|
-
entityName?: string;
|
|
24
|
-
};
|
|
25
|
-
declare const Header: ({ userName, entityName }: HeaderProps) => react_jsx_runtime.JSX.Element;
|
|
26
|
-
|
|
27
|
-
type ModalProps = {
|
|
28
|
-
title?: string;
|
|
29
|
-
content?: React.ReactElement;
|
|
30
|
-
onClose?: any;
|
|
31
|
-
visibleModal?: boolean;
|
|
32
|
-
};
|
|
33
|
-
declare const Modal: ({ title, content, visibleModal, onClose, }: ModalProps) => react_jsx_runtime.JSX.Element;
|
|
34
|
-
|
|
35
|
-
type ModalMudancaEnntidadeProps = {
|
|
36
|
-
title?: string;
|
|
37
|
-
onClose?: any;
|
|
38
|
-
visibleModal?: boolean;
|
|
39
|
-
SelectComponent?: any;
|
|
40
|
-
buttonAction: React__default.MouseEventHandler<HTMLButtonElement>;
|
|
41
|
-
};
|
|
42
|
-
declare const ModalMudancaEntidade: ({ title, onClose, visibleModal, SelectComponent, buttonAction, }: ModalMudancaEnntidadeProps) => react_jsx_runtime.JSX.Element;
|
|
43
|
-
|
|
44
|
-
declare const Dialog: React$1.FC<DialogPrimitive.DialogProps>;
|
|
45
|
-
declare const DialogTrigger: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
46
|
-
declare const DialogPortal: React$1.FC<DialogPrimitive.DialogPortalProps>;
|
|
47
|
-
declare const DialogClose: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
48
|
-
declare const DialogOverlay: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
49
|
-
declare const DialogContent: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
50
|
-
declare const DialogHeader: {
|
|
51
|
-
({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
52
|
-
displayName: string;
|
|
53
|
-
};
|
|
54
|
-
declare const DialogFooter: {
|
|
55
|
-
({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
56
|
-
displayName: string;
|
|
57
|
-
};
|
|
58
|
-
declare const DialogTitle: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
|
|
59
|
-
declare const DialogDescription: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
|
|
60
|
-
|
|
61
|
-
/**
|
|
62
|
-
* Propriedades para o componente SidebarContainer.
|
|
63
|
-
*
|
|
64
|
-
* @extends HTMLAttributes<HTMLDivElement>
|
|
65
|
-
*/
|
|
66
|
-
interface SidebarContainerProps extends React__default.HTMLAttributes<HTMLDivElement> {
|
|
67
|
-
/**
|
|
68
|
-
* Indica se o sidebar está aberto ou fechado.
|
|
69
|
-
* @default true
|
|
70
|
-
*/
|
|
71
|
-
isOpen?: boolean;
|
|
72
|
-
}
|
|
73
|
-
declare function SidebarContainer({ isOpen, ...rest }: SidebarContainerProps): react_jsx_runtime.JSX.Element;
|
|
74
|
-
interface SidebarImageBrandProps extends PropsWithChildren {
|
|
75
|
-
/** @param {boolean} [props.asChild=false] - Se `true`, e `children` for um elemento React válido, este será usado como logotipo. Se `img` também for fornecido, `img` terá precedência. Se `children` não for um elemento React válido, o comportamento padrão de exibir a imagem de `img` ou `children` como conteúdo será usado. */
|
|
76
|
-
asChild?: boolean;
|
|
77
|
-
/** @param {{ src?: string; alt?: string }} [props.img] - Objeto com as propriedades `src` e `alt` da imagem, usado quando `asChild` é `false` ou quando `asChild` é `true` mas `children` não é um elemento React válido para ser usado como logotipo. */
|
|
78
|
-
img?: {
|
|
79
|
-
src?: string;
|
|
80
|
-
alt?: string;
|
|
81
|
-
};
|
|
82
|
-
/** @param {ReactNode} [props.children] - Conteúdo personalizado ou elemento filho a ser exibido como logotipo quando `asChild` for `true` e `img` não for fornecido. Normalmente usado para o botão de toggle ou um logotipo customizado. */
|
|
83
|
-
children?: ReactNode;
|
|
84
|
-
onChangeToggle?: () => void;
|
|
85
|
-
}
|
|
86
|
-
/**
|
|
87
|
-
* Componente para exibir a imagem da marca (logotipo) na barra lateral.
|
|
88
|
-
*
|
|
89
|
-
* Exibe uma imagem, um elemento filho como logotipo ou conteúdo personalizado na parte superior da barra lateral.
|
|
90
|
-
* Permite a inclusão de um botão de alternância (toggle) para colapsar a barra lateral.
|
|
91
|
-
* A prop `asChild` permite usar um elemento filho como logotipo, caso a prop `img` não seja fornecida.
|
|
92
|
-
*/
|
|
93
|
-
declare function SidebarImageBrand({ asChild, onChangeToggle, img, children }: SidebarImageBrandProps): react_jsx_runtime.JSX.Element;
|
|
94
|
-
type AccordionRootProps = ComponentProps<typeof Accordion.Root>;
|
|
95
|
-
type SidebarProps = AccordionRootProps & {
|
|
96
|
-
/** @param {ReactNode} props.children - Os elementos filhos a serem renderizados dentro do Sidebar. */
|
|
97
|
-
children?: AccordionRootProps['children'];
|
|
98
|
-
/** @param {'single' | 'multiple'} [props.type='single'] - Determina se um ou vários itens podem ser abertos simultaneamente. */
|
|
99
|
-
type: AccordionRootProps['type'];
|
|
100
|
-
};
|
|
101
|
-
/**
|
|
102
|
-
* Componente Sidebar, responsável por renderizar a estrutura principal do menu lateral
|
|
103
|
-
* e gerenciar o comportamento de acordeão dos itens de navegação.
|
|
104
|
-
*
|
|
105
|
-
* Este componente utiliza o Radix UI Accordion para controlar a expansão e o colapso
|
|
106
|
-
* dos itens do menu. O tipo de acordeão (único ou múltiplo) é determinado pela propriedade `type`.
|
|
107
|
-
*
|
|
108
|
-
* Estende as tipagens do componente `Accordion.Root` do Radix UI.
|
|
109
|
-
*/
|
|
110
|
-
declare function Siderbar({ children, ...rest }: SidebarProps): react_jsx_runtime.JSX.Element;
|
|
111
|
-
/**
|
|
112
|
-
* Componente de link de navegação para o Sidebar.
|
|
113
|
-
*
|
|
114
|
-
* Renderiza um link com ícone e título, permitindo navegação dentro do Sidebar.
|
|
115
|
-
* Recomenda-se que o ícone fornecido tenha 20px de altura e largura para
|
|
116
|
-
* consistência visual.
|
|
117
|
-
*
|
|
118
|
-
* @param {SidebarNavLinkProps} props - As propriedades do componente.
|
|
119
|
-
* @param {ReactNode} props.children - O título do link e o icone que pode ser fornecido como componente ou svg (🚨recomendado 20px x 20px).
|
|
120
|
-
* @param {string} props.href O caminho para redirecionamento.
|
|
121
|
-
*/
|
|
122
|
-
interface SidebarNavLinkProps extends React__default.AnchorHTMLAttributes<HTMLAnchorElement> {
|
|
123
|
-
asChild?: boolean;
|
|
124
|
-
/**
|
|
125
|
-
* Determina se é principal ou filho de um collapse nav, 'primary' link solto e 'secondary' é utilizado no collapse.
|
|
126
|
-
* @default 'primary'
|
|
127
|
-
*/
|
|
128
|
-
type?: 'primary' | 'secondary';
|
|
129
|
-
}
|
|
130
|
-
declare function SidebarNavLink({ asChild, type, ...rest }: SidebarNavLinkProps): react_jsx_runtime.JSX.Element;
|
|
131
|
-
interface IconProps extends SVGProps<SVGSVGElement> {
|
|
132
|
-
}
|
|
133
|
-
interface SidebarNavCollapseProps extends Accordion.AccordionItemProps {
|
|
134
|
-
title: string;
|
|
135
|
-
icon?: ReactElement<IconProps> | ReactNode;
|
|
136
|
-
}
|
|
137
|
-
declare function SidebarNavCollapse({ children, title, icon, ...rest }: SidebarNavCollapseProps): react_jsx_runtime.JSX.Element;
|
|
138
|
-
|
|
139
|
-
export { Button, type ButtonProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Header, type HeaderProps, Modal, ModalMudancaEntidade, type ModalProps, SidebarContainer, type SidebarContainerProps, SidebarImageBrand, type SidebarImageBrandProps, SidebarNavCollapse, type SidebarNavCollapseProps, SidebarNavLink, type SidebarNavLinkProps, type SidebarProps, Siderbar, buttonVariants };
|
|
1
|
+
import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
|
|
2
|
+
import { VariantProps } from 'class-variance-authority';
|
|
3
|
+
import * as React$1 from 'react';
|
|
4
|
+
import React__default, { PropsWithChildren, ReactNode, ReactElement, ComponentProps, SVGProps } from 'react';
|
|
5
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
6
|
+
import * as DialogPrimitive from '@radix-ui/react-dialog';
|
|
7
|
+
import * as Accordion from '@radix-ui/react-accordion';
|
|
8
|
+
|
|
9
|
+
declare const buttonVariants: (props?: ({
|
|
10
|
+
variant?: "default" | "confirm" | "create" | "secondary" | "danger" | null | undefined;
|
|
11
|
+
size?: "default" | "sm" | "lg" | "icon" | null | undefined;
|
|
12
|
+
outline?: boolean | null | undefined;
|
|
13
|
+
} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
|
|
14
|
+
interface ButtonProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
|
|
15
|
+
asChild?: boolean;
|
|
16
|
+
isLoading?: boolean;
|
|
17
|
+
}
|
|
18
|
+
declare const Button: React__default.ForwardRefExoticComponent<ButtonProps & React__default.RefAttributes<HTMLButtonElement>>;
|
|
19
|
+
|
|
20
|
+
type HeaderProps = {
|
|
21
|
+
userName: string;
|
|
22
|
+
imageUrl?: string;
|
|
23
|
+
entityName?: string;
|
|
24
|
+
};
|
|
25
|
+
declare const Header: ({ userName, entityName }: HeaderProps) => react_jsx_runtime.JSX.Element;
|
|
26
|
+
|
|
27
|
+
type ModalProps = {
|
|
28
|
+
title?: string;
|
|
29
|
+
content?: React.ReactElement;
|
|
30
|
+
onClose?: any;
|
|
31
|
+
visibleModal?: boolean;
|
|
32
|
+
};
|
|
33
|
+
declare const Modal: ({ title, content, visibleModal, onClose, }: ModalProps) => react_jsx_runtime.JSX.Element;
|
|
34
|
+
|
|
35
|
+
type ModalMudancaEnntidadeProps = {
|
|
36
|
+
title?: string;
|
|
37
|
+
onClose?: any;
|
|
38
|
+
visibleModal?: boolean;
|
|
39
|
+
SelectComponent?: any;
|
|
40
|
+
buttonAction: React__default.MouseEventHandler<HTMLButtonElement>;
|
|
41
|
+
};
|
|
42
|
+
declare const ModalMudancaEntidade: ({ title, onClose, visibleModal, SelectComponent, buttonAction, }: ModalMudancaEnntidadeProps) => react_jsx_runtime.JSX.Element;
|
|
43
|
+
|
|
44
|
+
declare const Dialog: React$1.FC<DialogPrimitive.DialogProps>;
|
|
45
|
+
declare const DialogTrigger: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
46
|
+
declare const DialogPortal: React$1.FC<DialogPrimitive.DialogPortalProps>;
|
|
47
|
+
declare const DialogClose: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
48
|
+
declare const DialogOverlay: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
49
|
+
declare const DialogContent: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
50
|
+
declare const DialogHeader: {
|
|
51
|
+
({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
52
|
+
displayName: string;
|
|
53
|
+
};
|
|
54
|
+
declare const DialogFooter: {
|
|
55
|
+
({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
56
|
+
displayName: string;
|
|
57
|
+
};
|
|
58
|
+
declare const DialogTitle: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
|
|
59
|
+
declare const DialogDescription: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
|
|
60
|
+
|
|
61
|
+
/**
|
|
62
|
+
* Propriedades para o componente SidebarContainer.
|
|
63
|
+
*
|
|
64
|
+
* @extends HTMLAttributes<HTMLDivElement>
|
|
65
|
+
*/
|
|
66
|
+
interface SidebarContainerProps extends React__default.HTMLAttributes<HTMLDivElement> {
|
|
67
|
+
/**
|
|
68
|
+
* Indica se o sidebar está aberto ou fechado.
|
|
69
|
+
* @default true
|
|
70
|
+
*/
|
|
71
|
+
isOpen?: boolean;
|
|
72
|
+
}
|
|
73
|
+
declare function SidebarContainer({ isOpen, ...rest }: SidebarContainerProps): react_jsx_runtime.JSX.Element;
|
|
74
|
+
interface SidebarImageBrandProps extends PropsWithChildren {
|
|
75
|
+
/** @param {boolean} [props.asChild=false] - Se `true`, e `children` for um elemento React válido, este será usado como logotipo. Se `img` também for fornecido, `img` terá precedência. Se `children` não for um elemento React válido, o comportamento padrão de exibir a imagem de `img` ou `children` como conteúdo será usado. */
|
|
76
|
+
asChild?: boolean;
|
|
77
|
+
/** @param {{ src?: string; alt?: string }} [props.img] - Objeto com as propriedades `src` e `alt` da imagem, usado quando `asChild` é `false` ou quando `asChild` é `true` mas `children` não é um elemento React válido para ser usado como logotipo. */
|
|
78
|
+
img?: {
|
|
79
|
+
src?: string;
|
|
80
|
+
alt?: string;
|
|
81
|
+
};
|
|
82
|
+
/** @param {ReactNode} [props.children] - Conteúdo personalizado ou elemento filho a ser exibido como logotipo quando `asChild` for `true` e `img` não for fornecido. Normalmente usado para o botão de toggle ou um logotipo customizado. */
|
|
83
|
+
children?: ReactNode;
|
|
84
|
+
onChangeToggle?: () => void;
|
|
85
|
+
}
|
|
86
|
+
/**
|
|
87
|
+
* Componente para exibir a imagem da marca (logotipo) na barra lateral.
|
|
88
|
+
*
|
|
89
|
+
* Exibe uma imagem, um elemento filho como logotipo ou conteúdo personalizado na parte superior da barra lateral.
|
|
90
|
+
* Permite a inclusão de um botão de alternância (toggle) para colapsar a barra lateral.
|
|
91
|
+
* A prop `asChild` permite usar um elemento filho como logotipo, caso a prop `img` não seja fornecida.
|
|
92
|
+
*/
|
|
93
|
+
declare function SidebarImageBrand({ asChild, onChangeToggle, img, children }: SidebarImageBrandProps): react_jsx_runtime.JSX.Element;
|
|
94
|
+
type AccordionRootProps = ComponentProps<typeof Accordion.Root>;
|
|
95
|
+
type SidebarProps = AccordionRootProps & {
|
|
96
|
+
/** @param {ReactNode} props.children - Os elementos filhos a serem renderizados dentro do Sidebar. */
|
|
97
|
+
children?: AccordionRootProps['children'];
|
|
98
|
+
/** @param {'single' | 'multiple'} [props.type='single'] - Determina se um ou vários itens podem ser abertos simultaneamente. */
|
|
99
|
+
type: AccordionRootProps['type'];
|
|
100
|
+
};
|
|
101
|
+
/**
|
|
102
|
+
* Componente Sidebar, responsável por renderizar a estrutura principal do menu lateral
|
|
103
|
+
* e gerenciar o comportamento de acordeão dos itens de navegação.
|
|
104
|
+
*
|
|
105
|
+
* Este componente utiliza o Radix UI Accordion para controlar a expansão e o colapso
|
|
106
|
+
* dos itens do menu. O tipo de acordeão (único ou múltiplo) é determinado pela propriedade `type`.
|
|
107
|
+
*
|
|
108
|
+
* Estende as tipagens do componente `Accordion.Root` do Radix UI.
|
|
109
|
+
*/
|
|
110
|
+
declare function Siderbar({ children, ...rest }: SidebarProps): react_jsx_runtime.JSX.Element;
|
|
111
|
+
/**
|
|
112
|
+
* Componente de link de navegação para o Sidebar.
|
|
113
|
+
*
|
|
114
|
+
* Renderiza um link com ícone e título, permitindo navegação dentro do Sidebar.
|
|
115
|
+
* Recomenda-se que o ícone fornecido tenha 20px de altura e largura para
|
|
116
|
+
* consistência visual.
|
|
117
|
+
*
|
|
118
|
+
* @param {SidebarNavLinkProps} props - As propriedades do componente.
|
|
119
|
+
* @param {ReactNode} props.children - O título do link e o icone que pode ser fornecido como componente ou svg (🚨recomendado 20px x 20px).
|
|
120
|
+
* @param {string} props.href O caminho para redirecionamento.
|
|
121
|
+
*/
|
|
122
|
+
interface SidebarNavLinkProps extends React__default.AnchorHTMLAttributes<HTMLAnchorElement> {
|
|
123
|
+
asChild?: boolean;
|
|
124
|
+
/**
|
|
125
|
+
* Determina se é principal ou filho de um collapse nav, 'primary' link solto e 'secondary' é utilizado no collapse.
|
|
126
|
+
* @default 'primary'
|
|
127
|
+
*/
|
|
128
|
+
type?: 'primary' | 'secondary';
|
|
129
|
+
}
|
|
130
|
+
declare function SidebarNavLink({ asChild, type, ...rest }: SidebarNavLinkProps): react_jsx_runtime.JSX.Element;
|
|
131
|
+
interface IconProps extends SVGProps<SVGSVGElement> {
|
|
132
|
+
}
|
|
133
|
+
interface SidebarNavCollapseProps extends Accordion.AccordionItemProps {
|
|
134
|
+
title: string;
|
|
135
|
+
icon?: ReactElement<IconProps> | ReactNode;
|
|
136
|
+
}
|
|
137
|
+
declare function SidebarNavCollapse({ children, title, icon, ...rest }: SidebarNavCollapseProps): react_jsx_runtime.JSX.Element;
|
|
138
|
+
|
|
139
|
+
export { Button, type ButtonProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Header, type HeaderProps, Modal, ModalMudancaEntidade, type ModalProps, SidebarContainer, type SidebarContainerProps, SidebarImageBrand, type SidebarImageBrandProps, SidebarNavCollapse, type SidebarNavCollapseProps, SidebarNavLink, type SidebarNavLinkProps, type SidebarProps, Siderbar, buttonVariants };
|