@fluidattacks/design 8.7.0 → 9.0.0

package/dist/assets/styles/global.css

@@ -1 +1 @@
-/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial;--btn-padding-x:16px;--btn-padding-y:10px;--btn-spacing:8px;--grid-columns:12;--grid-width:1440px;--angle-grad:45deg;--opacity-grad:0;--tag-padding-x:4px;--tag-padding-y:0}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-gray-200:oklch(92.8% .006 264.531);--color-black:#000;--spacing:.25rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--radius-xl:.75rem;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}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;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*,:after,:before,::backdrop{border-color:var(--color-gray-200,currentColor)}::file-selector-button{border-color:var(--color-gray-200,currentColor)}}@layer components;@layer utilities{.\@container{container-type:inline-size}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.col-1{grid-column:1}.col-2{grid-column:2}.row-0{grid-row:0}.row-1{grid-row:1}.row-2{grid-row:2}.row-3{grid-row:3}.row-5{grid-row:5}.row-8{grid-row:8}.row-9{grid-row:9}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-90{height:calc(var(--spacing) * 90)}.h-150{height:calc(var(--spacing) * 150)}.h-\[500px\]{height:500px}.h-\[600px\]{height:600px}.w-100{width:calc(var(--spacing) * 100)}.w-\[400px\]{width:400px}.w-full{width:100%}.flex-shrink,.shrink{flex-shrink:1}.flex-grow,.grow{flex-grow:1}.grow-2{flex-grow:2}.grow-4{flex-grow:4}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.rounded{border-radius:.25rem}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.bg-black{background-color:var(--color-black)}.p-8{padding:calc(var(--spacing) * 8)}.font-mono{font-family:var(--font-mono)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.tab-1{tab-size:1}.tab-2{tab-size:2}.tab-3{tab-size:3}.capitalize{text-transform:capitalize}.underline{text-decoration-line:underline}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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,)}.filter{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,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.select-all{-webkit-user-select:all;user-select:all}}@property --btn-padding-x{syntax:"<length>";inherits:false;initial-value:16px}@property --btn-padding-y{syntax:"<length>";inherits:false;initial-value:10px}@property --btn-spacing{syntax:"<length>";inherits:false;initial-value:8px}@property --grid-columns{syntax:"<number>";inherits:false;initial-value:12}@property --grid-width{syntax:"<length>";inherits:false;initial-value:1440px}@property --angle-grad{syntax:"<angle>";inherits:false;initial-value:45deg}@property --opacity-grad{syntax:"<number>";inherits:false;initial-value:0}@property --tag-padding-x{syntax:"<length>";inherits:false;initial-value:4px}@property --tag-padding-y{syntax:"<length>";inherits:false;initial-value:0}@keyframes spinAnimation{to{--border-angle:360deg}}@keyframes gradientAnimation{0%{--animate-position:45deg}33%{--animate-position:-50deg}66%{--animate-position:-100deg}to{--animate-position:45deg}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}
+/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial;--btn-padding-x:16px;--btn-padding-y:10px;--btn-spacing:8px;--grid-columns:12;--grid-width:1440px;--angle-grad:45deg;--opacity-grad:0;--tag-padding-x:4px;--tag-padding-y:0}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-gray-200:oklch(92.8% .006 264.531);--color-black:#000;--spacing:.25rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--radius-xl:.75rem;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}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;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*,:after,:before,::backdrop{border-color:var(--color-gray-200,currentColor)}::file-selector-button{border-color:var(--color-gray-200,currentColor)}}@layer components;@layer utilities{.\@container{container-type:inline-size}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.col-1{grid-column:1}.col-2{grid-column:2}.row-0{grid-row:0}.row-1{grid-row:1}.row-2{grid-row:2}.row-3{grid-row:3}.row-5{grid-row:5}.row-8{grid-row:8}.row-9{grid-row:9}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-90{height:calc(var(--spacing) * 90)}.h-150{height:calc(var(--spacing) * 150)}.h-\[500px\]{height:500px}.h-\[600px\]{height:600px}.w-100{width:calc(var(--spacing) * 100)}.w-\[400px\]{width:400px}.w-full{width:100%}.flex-shrink,.shrink{flex-shrink:1}.flex-grow,.grow{flex-grow:1}.grow-2{flex-grow:2}.grow-4{flex-grow:4}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.rounded{border-radius:.25rem}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.bg-black{background-color:var(--color-black)}.p-8{padding:calc(var(--spacing) * 8)}.font-mono{font-family:var(--font-mono)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.tab-1{tab-size:1}.tab-2{tab-size:2}.tab-3{tab-size:3}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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,)}.filter{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,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.select-all{-webkit-user-select:all;user-select:all}}@property --btn-padding-x{syntax:"<length>";inherits:false;initial-value:16px}@property --btn-padding-y{syntax:"<length>";inherits:false;initial-value:10px}@property --btn-spacing{syntax:"<length>";inherits:false;initial-value:8px}@property --grid-columns{syntax:"<number>";inherits:false;initial-value:12}@property --grid-width{syntax:"<length>";inherits:false;initial-value:1440px}@property --angle-grad{syntax:"<angle>";inherits:false;initial-value:45deg}@property --opacity-grad{syntax:"<number>";inherits:false;initial-value:0}@property --tag-padding-x{syntax:"<length>";inherits:false;initial-value:4px}@property --tag-padding-y{syntax:"<length>";inherits:false;initial-value:0}@keyframes spinAnimation{to{--border-angle:360deg}}@keyframes gradientAnimation{0%{--animate-position:45deg}33%{--animate-position:-50deg}66%{--animate-position:-100deg}to{--animate-position:45deg}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}

package/dist/components/oauth-selector/index.d.ts

@@ -1,5 +1,4 @@
-import { PropsWithChildren } from 'react';
-import { OptionContainer } from './option-container';
-import { IOAuthSelectorProps } from './types';
-declare const OAuthSelector: ({ align, buttonLabel, children, id, manualOption, providers, }: Readonly<PropsWithChildren<IOAuthSelectorProps>>) => JSX.Element;
-export { OAuthSelector, OptionContainer };
+import { IOAuthSelectorProps, IOptionRowProps, TOAuthProvider } from './types';
+declare const OAuthSelector: ({ align, buttonLabel, fallbackOptions, header, id, options, }: Readonly<IOAuthSelectorProps>) => JSX.Element;
+export { OAuthSelector };
+export type { IOAuthSelectorProps, IOptionRowProps, TOAuthProvider };

package/dist/components/oauth-selector/index.js

@@ -1,95 +1,101 @@
-import { jsxs as r, jsx as l } from "react/jsx-runtime";
-import { useState as g, useRef as y, useCallback as n } from "react";
-import { useTheme as w } from "styled-components";
-import { OptionContainer as a } from "./option-container/index.js";
-import { Button as O } from "../button/index.js";
-import { Container as c } from "../container/index.js";
-import { useClickOutside as I } from "../../hooks/use-click-outside.js";
-const B = ({
-  align: p = "end",
-  buttonLabel: d = "Add Credential",
-  children: m,
-  id: f,
-  manualOption: t,
-  providers: i
+import { jsxs as l, jsx as t } from "react/jsx-runtime";
+import { useState as C, useRef as O, useId as I, useCallback as i, createElement as b, Fragment as D } from "react";
+import { useTheme as k } from "styled-components";
+import { OptionRow as R } from "./option-row/index.js";
+import { Button as S } from "../button/index.js";
+import { Container as h } from "../container/index.js";
+import { Divider as z } from "../divider/index.js";
+import "../typography/heading/index.js";
+import "../typography/span/index.js";
+import { Text as T } from "../typography/text/index.js";
+import { useClickOutside as j } from "../../hooks/use-click-outside.js";
+const M = ({
+  align: u = "end",
+  buttonLabel: a = "Add Credential",
+  fallbackOptions: p = [],
+  header: n,
+  id: x,
+  options: g
 }) => {
-  const h = w(), [u, o] = g(!1), s = y(null);
-  I(s, () => {
-    o(!1);
-  });
-  const x = n(
+  const o = k(), [d, r] = C(!1), m = O(null), w = I(), c = x ?? w, s = i(() => {
+    r(!1);
+  }, []);
+  j(m, s);
+  const y = i(() => {
+    r((e) => !e);
+  }, []), v = i(
     (e) => {
-      t?.onClick(e), o(!1);
+      e.key === "Escape" && r(!1);
     },
-    [t]
-  ), C = n(() => {
-    o((e) => !e);
-  }, [o]), b = n(
-    (e) => (k) => {
-      i[e]?.onClick(k), o(!1);
-    },
-    [i]
+    []
+  ), f = i(
+    (e) => /* @__PURE__ */ b(R, { ...e, key: e.id, onChoose: s }),
+    [s]
   );
-  return /* @__PURE__ */ r(
-    c,
+  return /* @__PURE__ */ l(
+    h,
     {
-      alignItems: p,
+      alignItems: u,
       display: "flex",
       flexDirection: "column",
+      onKeyDown: v,
       position: "relative",
-      ref: s,
+      ref: m,
       width: "max-content",
       zIndex: 10,
       children: [
-        /* @__PURE__ */ l(O, { icon: "plus", onClick: C, variant: "primary", children: d }),
-        /* @__PURE__ */ r(
-          c,
+        /* @__PURE__ */ t(
+          S,
+          {
+            "aria-controls": c,
+            "aria-expanded": d,
+            icon: "plus",
+            onClick: y,
+            variant: "primary",
+            children: a
+          }
+        ),
+        d ? /* @__PURE__ */ l(
+          h,
           {
-            alignItems: "center",
-            bgColor: "#fff",
-            border: `1px solid ${h.palette.gray[200]}`,
-            borderRadius: "4px",
+            "aria-label": n ?? a,
+            bgColor: o.palette.white,
+            border: `1px solid ${o.palette.gray[200]}`,
+            borderRadius: o.spacing[0.25],
             display: "flex",
-            gap: 0.5,
-            height: "78px",
-            id: f,
-            pb: 0.5,
-            pl: 0.75,
+            flexDirection: "column",
+            gap: 0.25,
+            id: c,
+            minWidth: "380px",
+            padding: [0.75, 0.75, 0.75, 0.75],
             position: "absolute",
-            pr: 0.75,
-            pt: 0.5,
-            shadow: "md",
-            top: "40px",
-            visibility: u ? "visible" : "hidden",
+            role: "group",
+            shadow: "sm",
+            top: "44px",
             zIndex: 10,
             children: [
-              Object.keys(i).map(
-                (e) => /* @__PURE__ */ l(
-                  a,
-                  {
-                    onClick: b(e),
-                    provider: e
-                  },
-                  e
-                )
-              ),
-              t === void 0 ? void 0 : /* @__PURE__ */ l(
-                a,
+              n === void 0 ? void 0 : /* @__PURE__ */ t(
+                T,
                 {
-                  icon: "square-plus",
-                  label: t.label ?? "Add manually",
-                  onClick: x
+                  color: o.palette.gray[400],
+                  fontWeight: "bold",
+                  size: "sm",
+                  textTransform: "uppercase",
+                  children: n
                 }
               ),
-              m
+              /* @__PURE__ */ t("span", { children: g.map(f) }),
+              p.length === 0 ? void 0 : /* @__PURE__ */ l(D, { children: [
+                /* @__PURE__ */ t(z, { mb: 0.25, mt: 0.25 }),
+                p.map(f)
+              ] })
             ]
           }
-        )
+        ) : void 0
       ]
     }
   );
 };
 export {
-  B as OAuthSelector,
-  a as OptionContainer
+  M as OAuthSelector
 };

package/dist/components/oauth-selector/index.stories.d.ts

@@ -1,6 +1,8 @@
 import { Meta } from '@storybook/react-vite';
 import { IOAuthSelectorProps } from './types';
 declare const config: Meta;
-declare const Default: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, IOAuthSelectorProps>;
+declare const Credentials: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, IOAuthSelectorProps>;
+declare const GitRoot: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, IOAuthSelectorProps>;
+declare const Trust: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, IOAuthSelectorProps>;
 export default config;
-export { Default };
+export { Credentials, GitRoot, Trust };

package/dist/components/oauth-selector/option-row/index.d.ts

@@ -0,0 +1,3 @@
+import { IOptionRowComponentProps } from '../types';
+declare const OptionRow: ({ description, icon, id, onChoose, onClick, provider, title, trailingIcon, }: Readonly<IOptionRowComponentProps>) => JSX.Element;
+export { OptionRow };

package/dist/components/oauth-selector/option-row/index.js

@@ -0,0 +1,65 @@
+import { jsxs as a, jsx as t } from "react/jsx-runtime";
+import { useCallback as u } from "react";
+import { useTheme as b } from "styled-components";
+import { OptionButton as h } from "../styles.js";
+import { CloudImage as z } from "../../cloud-image/index.js";
+import { Icon as s } from "../../icon/index.js";
+import "../../typography/heading/index.js";
+import { Span as y } from "../../typography/span/index.js";
+import { Text as m } from "../../typography/text/index.js";
+const x = {
+  Azure: "integrates/integrations/federations/azure",
+  Bitbucket: "integrates/integrations/federations/bitbucket",
+  GitHub: "integrates/integrations/federations/github",
+  GitLab: "integrates/integrations/federations/gitlab"
+}, G = ({
+  description: l,
+  icon: c,
+  id: p,
+  onChoose: o,
+  onClick: r,
+  provider: i,
+  title: d,
+  trailingIcon: n
+}) => {
+  const e = b(), g = u(
+    (f) => {
+      r(f), o();
+    },
+    [o, r]
+  );
+  return /* @__PURE__ */ a(h, { "data-testid": p, onClick: g, type: "button", children: [
+    i === void 0 ? /* @__PURE__ */ t(
+      s,
+      {
+        icon: c ?? "circle-plus",
+        iconColor: e.palette.gray[800],
+        iconSize: "lg"
+      }
+    ) : /* @__PURE__ */ t(
+      z,
+      {
+        alt: `${i} Logo`,
+        height: "20px",
+        publicId: x[i],
+        width: "20px"
+      }
+    ),
+    /* @__PURE__ */ a(y, { display: "block", size: "md", children: [
+      /* @__PURE__ */ t(m, { color: e.palette.gray[800], fontWeight: "bold", size: "md", children: d }),
+      /* @__PURE__ */ t(m, { color: e.palette.gray[500], size: "sm", children: l })
+    ] }),
+    n === void 0 ? void 0 : /* @__PURE__ */ t(
+      s,
+      {
+        icon: n,
+        iconColor: e.palette.gray[400],
+        iconSize: "sm",
+        iconType: "fa-light"
+      }
+    )
+  ] });
+};
+export {
+  G as OptionRow
+};

package/dist/components/oauth-selector/styles.d.ts

@@ -0,0 +1,2 @@
+declare const OptionButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never> & Partial<Pick<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>>> & string;
+export { OptionButton };

package/dist/components/oauth-selector/styles.js

@@ -0,0 +1,21 @@
+import { styled as r } from "styled-components";
+const t = r.button`
+  ${({ theme: o }) => `
+    align-items: center;
+    background: none;
+    border: none;
+    border-radius: ${o.spacing[0.25]};
+    cursor: pointer;
+    display: flex;
+    gap: 9px;
+    padding: ${o.spacing[0.5]};
+    text-align: left;
+    width: 100%;
+
+    &:hover { background-color: ${o.palette.gray[100]}; }
+    &:focus-visible { outline: 1px solid ${o.palette.primary[400]}; }
+  `}
+`;
+export {
+  t as OptionButton
+};

package/dist/components/oauth-selector/types.d.ts

@@ -2,44 +2,52 @@ import { Property } from 'csstype';
 import { MouseEventHandler } from 'react';
 import { IIconModifiable } from '../@core';
 type TOAuthProvider = "Azure" | "Bitbucket" | "GitHub" | "GitLab";
+type TOptionIcon = IIconModifiable["icon"];
 /**
- * Shared props for OAuth selector.
- * @interface ISharedProps
- * @property {string} [label] - Label to display on the button.
- * @property {Function} onClick - Function to be called when the button is clicked.
+ * Connection option props.
+ * @interface IOptionRowProps
+ * @property {string} description - Line telling the user what the option does.
+ * @property {string} [icon] - Leading icon, used when no provider is named.
+ * @property {string} id - Stable key for the option, independent of its title.
+ * @property {Function} onClick - Function to be called when the option is chosen.
+ * @property {TOAuthProvider} [provider] - Provider whose logo leads the option.
+ * @property {string} title - Name of the connection the option offers.
+ * @property {string} [trailingIcon] - Icon telling the user where the option leads.
  */
-interface ISharedProps {
-    label?: string;
-    onClick: MouseEventHandler<HTMLOrSVGElement>;
+interface IOptionRowProps {
+    description: string;
+    icon?: TOptionIcon;
+    id: string;
+    onClick: MouseEventHandler<HTMLButtonElement>;
+    provider?: TOAuthProvider;
+    title: string;
+    trailingIcon?: TOptionIcon;
+}
+/**
+ * Option row component props.
+ * @interface IOptionRowComponentProps
+ * @extends IOptionRowProps
+ * @property {Function} onChoose - Function to be called after the option is chosen.
+ */
+interface IOptionRowComponentProps extends IOptionRowProps {
+    onChoose: VoidFunction;
 }
 /**
  * Oauth selector component props.
  * @interface IOAuthSelectorProps
  * @property {string} [align] - Alignment of the button.
  * @property {string} [buttonLabel] - Label to display on the button.
- * @property {string} [id] - Id to be used on the button.
- * @property {ISharedProps} [manualOption] - Object with the label and onClick function for the manual option.
- * @property {Record} [providers] - Object with the providers and their onClick function.
+ * @property {IOptionRowProps[]} [fallbackOptions] - Options shown under a divider.
+ * @property {string} [header] - Uppercase header shown above the options.
+ * @property {string} [id] - Id to be used on the panel.
+ * @property {IOptionRowProps[]} options - Ordered options the menu offers.
  */
 interface IOAuthSelectorProps {
     align?: Property.AlignItems;
     buttonLabel?: string;
+    fallbackOptions?: IOptionRowProps[];
+    header?: string;
     id?: string;
-    manualOption?: ISharedProps;
-    providers: Partial<Record<TOAuthProvider, {
-        onClick: MouseEventHandler<HTMLOrSVGElement>;
-    }>>;
-}
-/**
- * Option container component props.
- * @interface IOptionContainerProps
- * @extends IIconModifiable
- * @extends ISharedProps
- * @property {boolean} [onlyLabel] - Whether to only display the label.
- * @property {TOAuthProvider} [provider] - Provider to display.
- */
-interface IOptionContainerProps extends Partial<Pick<IIconModifiable, "icon">>, ISharedProps {
-    onlyLabel?: boolean;
-    provider?: TOAuthProvider;
+    options: IOptionRowProps[];
 }
-export type { IOAuthSelectorProps, IOptionContainerProps, TOAuthProvider };
+export type { IOAuthSelectorProps, IOptionRowComponentProps, IOptionRowProps, TOAuthProvider, };

package/dist/index.js

@@ -1,6 +1,6 @@
 import './assets/styles/global.css';/* empty css                  */
 import { variantBuilder as t } from "./components/@core/variants/utils.js";
-import { hiddenProps as m } from "./components/@core/constants.js";
+import { hiddenProps as p } from "./components/@core/constants.js";
 import { BaseButtonComponent as x, BaseComponent as a, BaseSpanComponent as n, BaseTextComponent as i } from "./components/@core/styles.js";
 import { getStyledConfig as l, setBorder as u, setDisplay as d, setInteraction as C, setMargin as g, setPadding as c, setPosition as S, setText as T } from "./components/@core/utils.js";
 import { Accordion as b } from "./components/accordion/index.js";
@@ -9,7 +9,7 @@ import { AdvisoriesCard as D } from "./components/advisories-card/index.js";
 import { Alert as v } from "./components/alert/index.js";
 import { Avatar as L } from "./components/avatar/index.js";
 import { Button as M } from "./components/button/index.js";
-import { CardHeader as k } from "./components/card/card-header/index.js";
+import { CardHeader as w } from "./components/card/card-header/index.js";
 import { CardWithImage as V } from "./components/card/card-with-image/index.js";
 import { CardWithInput as R } from "./components/card/card-with-input/index.js";
 import { CardWithOptions as N } from "./components/card/card-with-options/index.js";
@@ -22,7 +22,7 @@ import { Checkbox as Y } from "./components/checkbox/index.js";
 import { CircularProgress as $ } from "./components/circular-progress/index.js";
 import { CloudImage as or } from "./components/cloud-image/index.js";
 import { CodeSnippet as tr } from "./components/code-snippet/index.js";
-import { CollapsibleCard as mr } from "./components/collapsible-card/index.js";
+import { CollapsibleCard as pr } from "./components/collapsible-card/index.js";
 import { CustomThemeProvider as xr, icons as ar, theme as nr } from "./components/colors/index.js";
 import { ComparisonTable as sr } from "./components/comparison-table/index.js";
 import { useConditionsDialog as ur } from "./components/conditions-dialog/index.js";
@@ -35,7 +35,7 @@ import { Dropdown as Dr } from "./components/dropdown/index.js";
 import { EmptyState as vr } from "./components/empty-state/index.js";
 import { FATag as Lr } from "./components/fa-tag/index.js";
 import { FilePreview as Mr } from "./components/file-preview/index.js";
-import { Filters as kr } from "./components/filters/index.js";
+import { Filters as wr } from "./components/filters/index.js";
 import { Form as Vr } from "./components/form/index.js";
 import { GridContainer as Rr } from "./components/grid-container/index.js";
 import { GroupSelector as Nr } from "./components/group-selector/index.js";
@@ -48,7 +48,7 @@ import { InputDateRange as Yr } from "./components/inputs/fields/date-range/inde
 import { InputDateTime as $r } from "./components/inputs/fields/date-time/index.js";
 import { Editable as oo } from "./components/inputs/fields/editable/index.js";
 import { InputArray as to } from "./components/inputs/fields/input-array/index.js";
-import { InputFile as mo } from "./components/inputs/fields/input-file/index.js";
+import { InputFile as po } from "./components/inputs/fields/input-file/index.js";
 import { InputSection as xo } from "./components/inputs/fields/input-section/index.js";
 import { InputTags as no } from "./components/inputs/fields/input-tags/index.js";
 import { InputNumber as so } from "./components/inputs/fields/number/index.js";
@@ -60,8 +60,8 @@ import { OutlineContainer as Bo } from "./components/inputs/outline-container/in
 import { ErrorMessage as Fo } from "./components/inputs/styles.js";
 import { ItemCardDB as Po } from "./components/item-card-db/index.js";
 import { LanguageSwitcher as yo } from "./components/language-switcher/index.js";
-import { ButtonToolbarCenter as Ao, ButtonToolbarRow as Mo, ButtonToolbarStartRow as Oo } from "./components/layout/categories/buttons/index.js";
-import { Col as wo } from "./components/layout/categories/column/index.js";
+import { ButtonToolbarCenter as Ao, ButtonToolbarRow as Mo, ButtonToolbarStartRow as ko } from "./components/layout/categories/buttons/index.js";
+import { Col as Oo } from "./components/layout/categories/column/index.js";
 import { Gap as Eo } from "./components/layout/categories/gap/index.js";
 import { Row as Wo } from "./components/layout/categories/row/index.js";
 import { Link as Uo } from "./components/link/index.js";
@@ -73,7 +73,7 @@ import { Lottie as Qo } from "./components/lottie/index.js";
 import { Menu as Zo } from "./components/menu/index.js";
 import { MessageBanner as re } from "./components/message-banner/index.js";
 import { Modal as ee } from "./components/modal/index.js";
-import { Notification as pe } from "./components/notification/index.js";
+import { Notification as me } from "./components/notification/index.js";
 import { NotificationSign as fe } from "./components/notification-sign/index.js";
 import { OAuthSelector as ae } from "./components/oauth-selector/index.js";
 import { OptionCard as ie } from "./components/option-card/index.js";
@@ -87,8 +87,8 @@ import { ProgressIndicator as Fe } from "./components/progress-indicator/index.j
 import { PopUp as Pe } from "./components/pop-up/index.js";
 import { RadioButton as ye } from "./components/radio-button/index.js";
 import { RankPosition as Ae } from "./components/rank-position/index.js";
-import { RulesCard as Oe } from "./components/rules-card/index.js";
-import { ScrollUpButton as we } from "./components/scroll-button/index.js";
+import { RulesCard as ke } from "./components/rules-card/index.js";
+import { ScrollUpButton as Oe } from "./components/scroll-button/index.js";
 import { Search as Ee } from "./components/search/index.js";
 import { SearchDropdown as We } from "./components/search-dropdown/index.js";
 import { SegmentedControl as Ue } from "./components/segmented-control/index.js";
@@ -100,7 +100,7 @@ import { ShowOnHover as Qe } from "./components/show-on-hover/index.js";
 import { SlideOutMenu as Ze } from "./components/slide-out-menu/index.js";
 import { Slider as rt } from "./components/slider/index.js";
 import { StepLapse as et } from "./components/step-lapse/index.js";
-import { SummaryCard as pt } from "./components/summary-card/index.js";
+import { SummaryCard as mt } from "./components/summary-card/index.js";
 import { Table as ft } from "./components/table/index.js";
 import { TableButton as at } from "./components/table-button/index.js";
 import { TableContent as it } from "./components/table-content/index.js";
@@ -113,8 +113,8 @@ import { Tooltip as Bt } from "./components/tooltip/index.js";
 import { Tour as Ft, baseStep as Dt, defaultOptions as Pt } from "./components/tour/index.js";
 import { Tree as yt } from "./components/tree/index.js";
 import { TruncatedList as At } from "./components/truncated-list/index.js";
-import { Heading as Ot } from "./components/typography/heading/index.js";
-import { Span as wt } from "./components/typography/span/index.js";
+import { Heading as kt } from "./components/typography/heading/index.js";
+import { Span as Ot } from "./components/typography/span/index.js";
 import { Text as Et } from "./components/typography/text/index.js";
 import { WeaknessesCard as Wt } from "./components/weaknesses-card/index.js";
 import { DesignsContext as Ut } from "./context/react/index.js";
@@ -124,35 +124,34 @@ import { DesignTokensCss as _t } from "./globals/design-tokens-css/index.js";
 import { useActiveSection as qt } from "./hooks/use-active-section.js";
 import { useCarousel as Qt } from "./hooks/use-carousel.js";
 import { useClickOutside as Zt } from "./hooks/use-click-outside.js";
-import { useCloudinaryImage as rp } from "./hooks/use-cloudinary-image.js";
-import { useColumnsModal as ep } from "./hooks/use-columns-modal.js";
-import { useDebouncedCallback as pp } from "./hooks/use-debounced-callback.js";
-import { useFiltersValues as fp } from "./hooks/use-filters.js";
-import { useModal as ap } from "./hooks/use-modal.js";
-import { useMountEffect as ip } from "./hooks/use-mount-effect.js";
-import { useSearch as lp } from "./hooks/use-search.js";
-import { formatDate as dp, formatDateTime as Cp, formatDateTimeInInput as gp } from "./utils/date.js";
-import { EXCLUDE_TOKEN as Sp, analyzeFilterValue as Tp, formatCheckboxesFilterValue as Ip, formatIncludeExcludeFilterValue as bp, formatTextFilterValue as Bp, getPreservedValues as hp, normalizeCheckboxesFilterValue as Fp, parseCheckboxesFilterValue as Dp, parseIncludeExcludeFilterValue as Pp, parseTextFilterValue as vp } from "./utils/filters.js";
-import { normalizeDate as Lp, normalizeNumber as Ap } from "./utils/normalizers.js";
-import { openUrl as Op } from "./utils/open-url.js";
-import { clearStorage as wp, getPathname as Vp, getStorageItem as Ep } from "./utils/storage.js";
-import { safeUrl as Wp } from "./utils/url.js";
-import { ActiveFilters as Up } from "./components/filters/active-filters/index.js";
-import { ColumnsModal as Gp } from "./components/modal/columns-modal/index.js";
-import { Controller as Kp, useController as Xp, useFieldArray as _p, useFormContext as jp, useWatch as qp } from "./node_modules/react-hook-form/dist/index.esm.js";
-import { InnerForm as Qp } from "./components/form/inner-form/index.js";
-import { ItemContent as Zp } from "./components/table-content/item-content/index.js";
-import { ListItemsWrapper as rm } from "./components/list-item/styles.js";
-import { ModalConfirm as em } from "./components/modal/modal-confirm/index.js";
-import { ModalFooter as pm } from "./components/modal/footer/index.js";
-import { OptionContainer as fm } from "./components/oauth-selector/option-container/index.js";
-import { ProgressStep as am } from "./components/progress-indicator/step/index.js";
-import { TimeLineCard as im } from "./components/timeline/card/index.js";
-import { partitionFilters as lm } from "./components/filters/utils.js";
-import { useNumberFormatter as dm } from "./node_modules/react-aria/dist/private/i18n/useNumberFormatter.js";
+import { useCloudinaryImage as rm } from "./hooks/use-cloudinary-image.js";
+import { useColumnsModal as em } from "./hooks/use-columns-modal.js";
+import { useDebouncedCallback as mm } from "./hooks/use-debounced-callback.js";
+import { useFiltersValues as fm } from "./hooks/use-filters.js";
+import { useModal as am } from "./hooks/use-modal.js";
+import { useMountEffect as im } from "./hooks/use-mount-effect.js";
+import { useSearch as lm } from "./hooks/use-search.js";
+import { formatDate as dm, formatDateTime as Cm, formatDateTimeInInput as gm } from "./utils/date.js";
+import { EXCLUDE_TOKEN as Sm, analyzeFilterValue as Tm, formatCheckboxesFilterValue as Im, formatIncludeExcludeFilterValue as bm, formatTextFilterValue as Bm, getPreservedValues as hm, normalizeCheckboxesFilterValue as Fm, parseCheckboxesFilterValue as Dm, parseIncludeExcludeFilterValue as Pm, parseTextFilterValue as vm } from "./utils/filters.js";
+import { normalizeDate as Lm, normalizeNumber as Am } from "./utils/normalizers.js";
+import { openUrl as km } from "./utils/open-url.js";
+import { clearStorage as Om, getPathname as Vm, getStorageItem as Em } from "./utils/storage.js";
+import { safeUrl as Wm } from "./utils/url.js";
+import { ActiveFilters as Um } from "./components/filters/active-filters/index.js";
+import { ColumnsModal as Gm } from "./components/modal/columns-modal/index.js";
+import { Controller as Km, useController as Xm, useFieldArray as _m, useFormContext as jm, useWatch as qm } from "./node_modules/react-hook-form/dist/index.esm.js";
+import { InnerForm as Qm } from "./components/form/inner-form/index.js";
+import { ItemContent as Zm } from "./components/table-content/item-content/index.js";
+import { ListItemsWrapper as rp } from "./components/list-item/styles.js";
+import { ModalConfirm as ep } from "./components/modal/modal-confirm/index.js";
+import { ModalFooter as mp } from "./components/modal/footer/index.js";
+import { ProgressStep as fp } from "./components/progress-indicator/step/index.js";
+import { TimeLineCard as ap } from "./components/timeline/card/index.js";
+import { partitionFilters as ip } from "./components/filters/utils.js";
+import { useNumberFormatter as lp } from "./node_modules/react-aria/dist/private/i18n/useNumberFormatter.js";
 export {
   b as Accordion,
-  Up as ActiveFilters,
+  Um as ActiveFilters,
   h as AdvancedBadge,
   D as AdvisoriesCard,
   v as Alert,
@@ -164,9 +163,9 @@ export {
   M as Button,
   Ao as ButtonToolbarCenter,
   Mo as ButtonToolbarRow,
-  Oo as ButtonToolbarStartRow,
+  ko as ButtonToolbarStartRow,
   j as CardContainer,
-  k as CardHeader,
+  w as CardHeader,
   V as CardWithImage,
   R as CardWithInput,
   N as CardWithOptions,
@@ -177,13 +176,13 @@ export {
   $ as CircularProgress,
   or as CloudImage,
   tr as CodeSnippet,
-  wo as Col,
-  mr as CollapsibleCard,
-  Gp as ColumnsModal,
+  Oo as Col,
+  pr as CollapsibleCard,
+  Gm as ColumnsModal,
   jr as ComboBox,
   sr as ComparisonTable,
   cr as Container,
-  Kp as Controller,
+  Km as Controller,
   Tr as CopyButton,
   xr as CustomThemeProvider,
   _t as DesignTokensCss,
@@ -192,39 +191,39 @@ export {
   br as Divider,
   hr as Drawer,
   Dr as Dropdown,
-  Sp as EXCLUDE_TOKEN,
+  Sm as EXCLUDE_TOKEN,
   oo as Editable,
   vr as EmptyState,
   Fo as ErrorMessage,
   Lr as FATag,
   Mr as FilePreview,
-  kr as Filters,
+  wr as Filters,
   Vr as Form,
   Eo as Gap,
   Kt as GlobalTypography,
   Rr as GridContainer,
   Nr as GroupSelector,
-  Ot as Heading,
+  kt as Heading,
   zr as Icon,
   Hr as IconButton,
   X as IndicatorCard,
   Xr as IndicatorCardDB,
-  Qp as InnerForm,
+  Qm as InnerForm,
   to as InputArray,
   Jr as InputDate,
   Yr as InputDateRange,
   $r as InputDateTime,
-  mo as InputFile,
+  po as InputFile,
   so as InputNumber,
   uo as InputNumberRange,
   xo as InputSection,
   no as InputTags,
   Po as ItemCardDB,
-  Zp as ItemContent,
+  Zm as ItemContent,
   yo as LanguageSwitcher,
   Uo as Link,
   Go as ListItem,
-  rm as ListItemsWrapper,
+  rp as ListItemsWrapper,
   Ko as LittleFlag,
   _o as Loading,
   qo as Logo,
@@ -232,13 +231,12 @@ export {
   Zo as Menu,
   re as MessageBanner,
   ee as Modal,
-  em as ModalConfirm,
-  pm as ModalFooter,
-  pe as Notification,
+  ep as ModalConfirm,
+  mp as ModalFooter,
+  me as Notification,
   fe as NotificationSign,
   ae as OAuthSelector,
   ie as OptionCard,
-  fm as OptionContainer,
   Bo as OutlineContainer,
   le as PackageCard,
   de as PaginatorDb,
@@ -249,12 +247,12 @@ export {
   Ie as PriorityScore,
   Be as ProgressBar,
   Fe as ProgressIndicator,
-  am as ProgressStep,
+  fp as ProgressStep,
   ye as RadioButton,
   Ae as RankPosition,
   Wo as Row,
-  Oe as RulesCard,
-  we as ScrollUpButton,
+  ke as RulesCard,
+  Oe as ScrollUpButton,
   Ee as Search,
   We as SearchDropdown,
   Ue as SegmentedControl,
@@ -265,9 +263,9 @@ export {
   Qe as ShowOnHover,
   Ze as SlideOutMenu,
   rt as Slider,
-  wt as Span,
+  Ot as Span,
   et as StepLapse,
-  pt as SummaryCard,
+  mt as SummaryCard,
   ft as Table,
   at as TableButton,
   it as TableContent,
@@ -278,38 +276,38 @@ export {
   So as TextArea,
   Io as TextInput,
   St as TimeLine,
-  im as TimeLineCard,
+  ap as TimeLineCard,
   It as Toggle,
   Bt as Tooltip,
   Ft as Tour,
   yt as Tree,
   At as TruncatedList,
   Wt as WeaknessesCard,
-  Tp as analyzeFilterValue,
+  Tm as analyzeFilterValue,
   Dt as baseStep,
-  wp as clearStorage,
+  Om as clearStorage,
   Pt as defaultOptions,
-  Ip as formatCheckboxesFilterValue,
-  dp as formatDate,
-  Cp as formatDateTime,
-  gp as formatDateTimeInInput,
-  bp as formatIncludeExcludeFilterValue,
-  Bp as formatTextFilterValue,
-  Vp as getPathname,
-  hp as getPreservedValues,
-  Ep as getStorageItem,
+  Im as formatCheckboxesFilterValue,
+  dm as formatDate,
+  Cm as formatDateTime,
+  gm as formatDateTimeInInput,
+  bm as formatIncludeExcludeFilterValue,
+  Bm as formatTextFilterValue,
+  Vm as getPathname,
+  hm as getPreservedValues,
+  Em as getStorageItem,
   l as getStyledConfig,
-  m as hiddenProps,
+  p as hiddenProps,
   ar as icons,
-  Fp as normalizeCheckboxesFilterValue,
-  Lp as normalizeDate,
-  Ap as normalizeNumber,
-  Op as openUrl,
-  Dp as parseCheckboxesFilterValue,
-  Pp as parseIncludeExcludeFilterValue,
-  vp as parseTextFilterValue,
-  lm as partitionFilters,
-  Wp as safeUrl,
+  Fm as normalizeCheckboxesFilterValue,
+  Lm as normalizeDate,
+  Am as normalizeNumber,
+  km as openUrl,
+  Dm as parseCheckboxesFilterValue,
+  Pm as parseIncludeExcludeFilterValue,
+  vm as parseTextFilterValue,
+  ip as partitionFilters,
+  Wm as safeUrl,
   u as setBorder,
   d as setDisplay,
   C as setInteraction,
@@ -321,19 +319,19 @@ export {
   qt as useActiveSection,
   Qt as useCarousel,
   Zt as useClickOutside,
-  rp as useCloudinaryImage,
-  ep as useColumnsModal,
+  rm as useCloudinaryImage,
+  em as useColumnsModal,
   ur as useConditionsDialog,
   Cr as useConfirmDialog,
-  Xp as useController,
-  pp as useDebouncedCallback,
-  _p as useFieldArray,
-  fp as useFiltersValues,
-  jp as useFormContext,
-  ap as useModal,
-  ip as useMountEffect,
-  dm as useNumberFormatter,
-  lp as useSearch,
-  qp as useWatch,
+  Xm as useController,
+  mm as useDebouncedCallback,
+  _m as useFieldArray,
+  fm as useFiltersValues,
+  jm as useFormContext,
+  am as useModal,
+  im as useMountEffect,
+  lp as useNumberFormatter,
+  lm as useSearch,
+  qm as useWatch,
   t as variantBuilder
 };

package/package.json

@@ -135,5 +135,5 @@
     "./dist/index.js"
   ],
   "typings": "./dist/index.d.ts",
-  "version": "8.7.0"
+  "version": "9.0.0"
 }

package/dist/components/oauth-selector/option-container/index.d.ts

@@ -1,3 +0,0 @@
-import { IOptionContainerProps } from '../types';
-declare const OptionContainer: ({ icon, label, onClick, onlyLabel, provider, }: Readonly<IOptionContainerProps>) => JSX.Element;
-export { OptionContainer };

package/dist/components/oauth-selector/option-container/index.js

@@ -1,76 +0,0 @@
-import { jsxs as p, jsx as e } from "react/jsx-runtime";
-import { useTheme as m } from "styled-components";
-import { CloudImage as s } from "../../cloud-image/index.js";
-import { Container as i } from "../../container/index.js";
-import { Icon as c } from "../../icon/index.js";
-import "../../typography/heading/index.js";
-import "../../typography/span/index.js";
-import { Text as g } from "../../typography/text/index.js";
-const h = {
-  Azure: "integrates/autoenrollment/azureIcon",
-  Bitbucket: "integrates/autoenrollment/bitbucketLogo",
-  GitHub: "integrates/autoenrollment/githubLogo",
-  GitLab: "integrates/autoenrollment/gitlabIcon"
-}, w = ({
-  icon: o,
-  label: a,
-  onClick: l,
-  onlyLabel: r = !1,
-  provider: t = "GitLab"
-}) => {
-  const n = m();
-  return /* @__PURE__ */ p(
-    i,
-    {
-      alignItems: "center",
-      bgColorHover: n.palette.gray[100],
-      borderRadius: "4px",
-      cursor: "pointer",
-      display: "flex",
-      flexDirection: "column",
-      gap: 0.25,
-      height: "62px",
-      justify: "center",
-      minWidth: "64px",
-      onClick: l,
-      pb: 0.5,
-      pl: 0.25,
-      pr: 0.25,
-      pt: 0.5,
-      children: [
-        r ? !1 : /* @__PURE__ */ e(i, { height: "24px", width: "24px", children: o === void 0 ? /* @__PURE__ */ e(
-          s,
-          {
-            alt: `${t} Logo`,
-            height: "100%",
-            publicId: h[t],
-            width: "100%"
-          }
-        ) : /* @__PURE__ */ e(
-          c,
-          {
-            icon: o,
-            iconColor: "#000",
-            iconSize: "xl",
-            iconType: "fa-light"
-          }
-        ) }),
-        /* @__PURE__ */ e(i, { alignItems: "center", display: "flex", minWidth: "24px", children: /* @__PURE__ */ e(
-          g,
-          {
-            color: n.palette.gray[800],
-            display: "inline",
-            size: "sm",
-            textAlign: "center",
-            whiteSpace: r ? "break-spaces" : "nowrap",
-            wordWrap: "unset",
-            children: a ?? t
-          }
-        ) })
-      ]
-    }
-  );
-};
-export {
-  w as OptionContainer
-};