@iit/precision-ui 0.5.5 → 0.7.0

package/dist/sections/CardsGridSection.d.ts

@@ -13,10 +13,10 @@ interface CardsGridSectionProps<T> {
     variant?: SectionProps['variant'];
     corners?: SectionProps['corners'];
     columns?: number;
-    showControlsOnDesktop?: boolean;
+    hideControlsOnDesktop?: boolean;
     withoutCarousel?: boolean;
     footnote?: string;
 }
-declare const CardsGridSection: <T>({ title, sectionId, desc, items, component, withoutTopPadding, withTopMargin, withBottomMargin, withoutBottomPadding, variant, corners, columns, showControlsOnDesktop, withoutCarousel, footnote, }: CardsGridSectionProps<T>) => import("react/jsx-dev-runtime").JSX.Element;
+declare const CardsGridSection: <T>({ title, sectionId, desc, items, component, withoutTopPadding, withTopMargin, withBottomMargin, withoutBottomPadding, variant, corners, columns, hideControlsOnDesktop, withoutCarousel, footnote, }: CardsGridSectionProps<T>) => import("react/jsx-dev-runtime").JSX.Element;
 export default CardsGridSection;
 //# sourceMappingURL=CardsGridSection.d.ts.map

package/dist/sections/Hero.d.ts

@@ -13,7 +13,9 @@ export interface HeroProps {
     breadcrumbs?: BreadcrumbProps[];
     bottomButtons?: CommonButtonProps[];
     size?: 'default' | 'small' | 'medium';
+    contentContainerSize?: 'default' | 'medium' | 'large';
     imageSize?: 'default' | 'small' | 'medium';
+    linesImage?: string;
 }
 export declare const HeroButton: React.FC<CommonButtonProps>;
 declare const Hero: React.FC<HeroProps>;

package/dist/sections/Hero.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Hero.d.ts","sourceRoot":"","sources":["../../src/sections/Hero.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAe,MAAM,0BAA0B,CAAA;AAGvE,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAE5C,OAAO,KAAK,MAAM,OAAO,CAAA;AAiDzB,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,iBAAiB,EAAE,CAAA;IAC7B,qBAAqB,CAAC,EAAE,aAAa,CAAA;IACrC,WAAW,CAAC,EAAE,eAAe,EAAE,CAAA;IAC/B,aAAa,CAAC,EAAE,iBAAiB,EAAE,CAAA;IACnC,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAA;IACrC,SAAS,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAA;CAC3C;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAgDlD,CAAA;AA0BD,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA2I7B,CAAA;AAED,eAAe,IAAI,CAAA"}
+{"version":3,"file":"Hero.d.ts","sourceRoot":"","sources":["../../src/sections/Hero.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAe,MAAM,0BAA0B,CAAA;AAGvE,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAE5C,OAAO,KAAK,MAAM,OAAO,CAAA;AAgEzB,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,iBAAiB,EAAE,CAAA;IAC7B,qBAAqB,CAAC,EAAE,aAAa,CAAA;IACrC,WAAW,CAAC,EAAE,eAAe,EAAE,CAAA;IAC/B,aAAa,CAAC,EAAE,iBAAiB,EAAE,CAAA;IACnC,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAA;IACrC,oBAAoB,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAA;IACrD,SAAS,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAA;IAC1C,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAgDlD,CAAA;AA0BD,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA4J7B,CAAA;AAED,eAAe,IAAI,CAAA"}

package/dist/styles.css

@@ -147,6 +147,7 @@ meter {
     /* above not in Figma, for checked checkbox hover */
     --precision-ui-tw-grey-1: 0, 0%, 95%;
     --precision-ui-tw-grey-2: 0, 0%, 97%;
+    --precision-ui-tw-grey-3: 0, 0%, 85.1%;
     --precision-ui-tw-danger: 1, 88%, 50%;
     --precision-ui-tw-primary: 222.2 47.4% 11.2%;
     --precision-ui-tw-primary-foreground: 210 40% 98%;
@@ -199,6 +200,7 @@ meter {
     --precision-ui-tw-whitish-opacity-80: 0, 0%, 0%, 0.8;
     --precision-ui-tw-grey-1: 0, 0%, 10%;
     --precision-ui-tw-grey-2: 0, 0%, 5%;
+    --precision-ui-tw-grey-3: 0, 0%, 3%;
     --precision-ui-tw-danger: 1, 88%, 80%;
     --precision-ui-tw-primary: 222.2 47.4% 90%;
     --precision-ui-tw-primary-foreground: 210 40% 10%;
@@ -430,6 +432,9 @@ body{
     white-space: nowrap;
     border-width: 0;
 }
+.visible{
+    visibility: visible;
+}
 .fixed{
     position: fixed;
 }
@@ -511,6 +516,12 @@ body{
 .top-4{
     top: 1rem;
 }
+.top-6{
+    top: 1.5rem;
+}
+.top-\[1px\]{
+    top: 1px;
+}
 .top-\[50\%\]{
     top: 50%;
 }
@@ -551,9 +562,16 @@ body{
     margin-left: auto;
     margin-right: auto;
 }
+.my-4{
+    margin-top: 1rem;
+    margin-bottom: 1rem;
+}
 .-ml-4{
     margin-left: -1rem;
 }
+.-mt-3{
+    margin-top: -0.75rem;
+}
 .-mt-4{
     margin-top: -1rem;
 }
@@ -590,6 +608,12 @@ body{
 .mt-6{
     margin-top: 1.5rem;
 }
+.mt-7{
+    margin-top: 1.75rem;
+}
+.mt-8{
+    margin-top: 2rem;
+}
 .mt-\[128px\]{
     margin-top: 128px;
 }
@@ -620,8 +644,11 @@ body{
 .hidden{
     display: none;
 }
-.h-1{
-    height: 0.25rem;
+.h-0{
+    height: 0px;
+}
+.h-0\.5{
+    height: 0.125rem;
 }
 .h-10{
     height: 2.5rem;
@@ -656,6 +683,9 @@ body{
 .h-\[10px\]{
     height: 10px;
 }
+.h-\[180px\]{
+    height: 180px;
+}
 .h-\[18px\]{
     height: 18px;
 }
@@ -665,6 +695,10 @@ body{
 .h-\[606px\]{
     height: 606px;
 }
+.h-fit{
+    height: -moz-fit-content;
+    height: fit-content;
+}
 .h-full{
     height: 100%;
 }
@@ -674,6 +708,9 @@ body{
 .max-h-\[calc\(100dvh-1rem\)\]{
     max-height: calc(100dvh - 1rem);
 }
+.min-h-\[150px\]{
+    min-height: 150px;
+}
 .min-h-\[190px\]{
     min-height: 190px;
 }
@@ -686,6 +723,9 @@ body{
 .min-h-\[80px\]{
     min-height: 80px;
 }
+.w-1\/3{
+    width: 33.333333%;
+}
 .w-10{
     width: 2.5rem;
 }
@@ -710,6 +750,9 @@ body{
 .w-\[10px\]{
     width: 10px;
 }
+.w-\[130px\]{
+    width: 130px;
+}
 .w-\[18px\]{
     width: 18px;
 }
@@ -737,21 +780,18 @@ body{
 .max-w-2xl{
     max-width: 42rem;
 }
+.max-w-32{
+    max-width: 8rem;
+}
 .max-w-6xl{
     max-width: 72rem;
 }
-.max-w-\[460px\]{
-    max-width: 460px;
-}
-.max-w-\[694px\]{
-    max-width: 694px;
-}
-.max-w-\[800px\]{
-    max-width: 800px;
-}
 .max-w-\[900px\]{
     max-width: 900px;
 }
+.max-w-full{
+    max-width: 100%;
+}
 .max-w-lg{
     max-width: 32rem;
 }
@@ -764,6 +804,9 @@ body{
 .flex-1{
     flex: 1 1 0%;
 }
+.flex-initial{
+    flex: 0 1 auto;
+}
 .shrink-0{
     flex-shrink: 0;
 }
@@ -901,6 +944,11 @@ body{
     margin-top: calc(0.5rem * calc(1 - var(--precision-ui-tw-space-y-reverse)));
     margin-bottom: calc(0.5rem * var(--precision-ui-tw-space-y-reverse));
 }
+.space-y-3 > :not([hidden]) ~ :not([hidden]){
+    --precision-ui-tw-space-y-reverse: 0;
+    margin-top: calc(0.75rem * calc(1 - var(--precision-ui-tw-space-y-reverse)));
+    margin-bottom: calc(0.75rem * var(--precision-ui-tw-space-y-reverse));
+}
 .space-y-4 > :not([hidden]) ~ :not([hidden]){
     --precision-ui-tw-space-y-reverse: 0;
     margin-top: calc(1rem * calc(1 - var(--precision-ui-tw-space-y-reverse)));
@@ -938,6 +986,9 @@ body{
 .rounded-sm{
     border-radius: calc(var(--precision-ui-tw-radius) - 4px);
 }
+.rounded-xl{
+    border-radius: 0.75rem;
+}
 .rounded-b-2xl{
     border-bottom-right-radius: 1rem;
     border-bottom-left-radius: 1rem;
@@ -1017,6 +1068,9 @@ body{
 .border-b-navy-opacity-32{
     border-bottom-color: hsl(var(--precision-ui-tw-navy-opacity-32));
 }
+.border-b-transparent{
+    border-bottom-color: transparent;
+}
 .border-b-whitish-opacity-32{
     border-bottom-color: hsl(var(--precision-ui-tw-whitish-opacity-32));
 }
@@ -1046,12 +1100,19 @@ body{
     --precision-ui-tw-bg-opacity: 1;
     background-color: rgb(229 231 235 / var(--precision-ui-tw-bg-opacity));
 }
+.bg-gray-300{
+    --precision-ui-tw-bg-opacity: 1;
+    background-color: rgb(209 213 219 / var(--precision-ui-tw-bg-opacity));
+}
 .bg-grey-1{
     background-color: hsl(var(--precision-ui-tw-grey-1));
 }
 .bg-grey-2{
     background-color: hsl(var(--precision-ui-tw-grey-2));
 }
+.bg-grey-3{
+    background-color: hsl(var(--precision-ui-tw-grey-3));
+}
 .bg-navy{
     background-color: hsl(var(--precision-ui-tw-navy));
 }
@@ -1099,6 +1160,9 @@ body{
 .bg-whitish-opacity-8{
     background-color: hsl(var(--precision-ui-tw-whitish-opacity-8));
 }
+.bg-\[url\(\'\/licenses\/license-1\.png\'\)\]{
+    background-image: url('/licenses/license-1.png');
+}
 .bg-gradient-to-b{
     background-image: linear-gradient(to bottom, var(--precision-ui-tw-gradient-stops));
 }
@@ -1110,6 +1174,12 @@ body{
 .to-sapphire{
     --precision-ui-tw-gradient-to: hsl(var(--precision-ui-tw-sapphire)) var(--precision-ui-tw-gradient-to-position);
 }
+.bg-cover{
+    background-size: cover;
+}
+.bg-no-repeat{
+    background-repeat: no-repeat;
+}
 .object-contain{
     -o-object-fit: contain;
        object-fit: contain;
@@ -1117,20 +1187,32 @@ body{
 .p-0{
     padding: 0px;
 }
+.p-1{
+    padding: 0.25rem;
+}
+.p-2{
+    padding: 0.5rem;
+}
+.p-3{
+    padding: 0.75rem;
+}
 .p-4{
     padding: 1rem;
 }
 .p-6{
     padding: 1.5rem;
 }
+.p-8{
+    padding: 2rem;
+}
 .p-\[10px\]{
     padding: 10px;
 }
 .p-\[1px\]{
     padding: 1px;
 }
-.p-\[5px\]{
-    padding: 5px;
+.p-\[8px\]{
+    padding: 8px;
 }
 .px-3{
     padding-left: 0.75rem;
@@ -1160,6 +1242,10 @@ body{
     padding-left: 18px;
     padding-right: 18px;
 }
+.px-\[45px\]{
+    padding-left: 45px;
+    padding-right: 45px;
+}
 .py-1{
     padding-top: 0.25rem;
     padding-bottom: 0.25rem;
@@ -1205,6 +1291,9 @@ body{
 .pb-4{
     padding-bottom: 1rem;
 }
+.pb-6{
+    padding-bottom: 1.5rem;
+}
 .pb-\[11px\]{
     padding-bottom: 11px;
 }
@@ -1223,12 +1312,18 @@ body{
 .pr-10{
     padding-right: 2.5rem;
 }
+.pr-16{
+    padding-right: 4rem;
+}
 .pr-2{
     padding-right: 0.5rem;
 }
 .pr-20{
     padding-right: 5rem;
 }
+.pr-3{
+    padding-right: 0.75rem;
+}
 .pr-4{
     padding-right: 1rem;
 }
@@ -1241,15 +1336,27 @@ body{
 .pt-10{
     padding-top: 2.5rem;
 }
+.pt-3{
+    padding-top: 0.75rem;
+}
 .pt-4{
     padding-top: 1rem;
 }
+.pt-6{
+    padding-top: 1.5rem;
+}
+.pt-7{
+    padding-top: 1.75rem;
+}
 .pt-\[14px\]{
     padding-top: 14px;
 }
 .pt-\[9px\]{
     padding-top: 9px;
 }
+.text-left{
+    text-align: left;
+}
 .text-center{
     text-align: center;
 }
@@ -1350,12 +1457,18 @@ body{
 .underline-offset-4{
     text-underline-offset: 4px;
 }
+.opacity-40{
+    opacity: 0.4;
+}
 .opacity-50{
     opacity: 0.5;
 }
 .opacity-70{
     opacity: 0.7;
 }
+.mix-blend-luminosity{
+    mix-blend-mode: luminosity;
+}
 .shadow-lg{
     --precision-ui-tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
     --precision-ui-tw-shadow-colored: 0 10px 15px -3px var(--precision-ui-tw-shadow-color), 0 4px 6px -4px var(--precision-ui-tw-shadow-color);
@@ -1677,6 +1790,54 @@ ol li:last-child {
   margin-top: 1.2rem;
   margin-bottom: 0.3rem;
 }
+.content blockquote {
+  color: hsla(var(--precision-ui-tw-sapphire));
+  position: relative;
+  padding-left: 40px;
+}
+.content blockquote::before {
+  content: "";
+  position: absolute;
+  left: 0px;
+  top: 0;
+  height: 100%;
+  width: 1px;
+  background: hsla(var(--precision-ui-tw-sapphire));
+  background: hsla(var(--precision-ui-tw-navy));
+}
+.content .no-content-rules div {
+  margin-top: 0;
+}
+.content .no-content-rules div + div {
+  margin-top: 0;
+}
+.content .text-center {
+  text-align: center;
+}
+.content .color_white {
+  color: #fff;
+}
+.content .iit-tt-content_type_quote blockquote {
+  color: hsla(var(--precision-ui-tw-navy));
+}
+.content .table_type_full-width {
+  width: 100%;
+}
+.content .simple-table {
+  border: 1px solid #ebebeb;
+  margin-bottom: 40px;
+}
+.content .simple-table td,
+.content .simple-table th {
+  padding: 15px;
+}
+.content .simple-table tr td,
+.content .simple-table tr th {
+  border-bottom: 1px solid #ebebeb;
+}
+.content .simple-table thead {
+  font-weight: 600;
+}
 html {
   font-size: 16px;
   /* FIXME: it was 20, explore and fix if needed */
@@ -2046,10 +2207,67 @@ html {
     transform: translatey(0px) perspective(400px) rotate3d(1, -1, 0, -8deg);
   }
 }
+@keyframes float2 {
+  0% {
+    transform: translatey(0px) perspective(400px) scale(1.2);
+  }
+  50% {
+    transform: translatey(-15px) perspective(400px) scale(1.2);
+  }
+  100% {
+    transform: translatey(0px) perspective(400px) scale(1.2);
+  }
+  0%, 100% {
+    opacity: 0;
+  }
+  30%, 70% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 1;
+  }
+  0% {
+    transform: translateX(-50px);
+  }
+  100% {
+    transform: translateX(50px);
+  }
+}
 .floating {
   animation: float 6s ease-in-out infinite;
   /* animation-delay: 1s; */
 }
+@keyframes slowBlinkFadeAndSoar {
+  0%, 100% {
+    opacity: 0;
+  }
+  30%, 70% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 1;
+  }
+  0% {
+    transform: translateX(-20px);
+  }
+  100% {
+    transform: translateX(20px);
+  }
+}
+.fadeLines {
+  /* animation: slowBlinkFadeAndSoar 6s infinite ease-in-out alternate; */
+  /* animation: slowBlinkFadeAndSoar 6s infinite ease-in-out alternate-reverse; */
+  animation: float2 6s infinite ease-in-out alternate;
+}
+@keyframes blink {
+  75%, 100% {
+    transform: scale(2);
+    opacity: 0;
+  }
+}
+.animate-blink {
+  animation: blink 3s infinite;
+}
 .file\:border-0::file-selector-button{
     border-width: 0px;
 }
@@ -2081,6 +2299,9 @@ html {
 .hover\:rounded-\[24px\]:hover{
     border-radius: 24px;
 }
+.hover\:border-navy-opacity-16:hover{
+    border-color: hsl(var(--precision-ui-tw-navy-opacity-16));
+}
 .hover\:bg-accent:hover{
     background-color: hsl(var(--precision-ui-tw-accent));
 }
@@ -2102,16 +2323,25 @@ html {
 .hover\:bg-sapphire-hover:hover{
     background-color: hsl(var(--precision-ui-tw-sapphire-hover));
 }
+.hover\:bg-turquoise:hover{
+    background-color: hsl(var(--precision-ui-tw-turquoise));
+}
 .hover\:bg-white:hover{
     --precision-ui-tw-bg-opacity: 1;
     background-color: rgb(255 255 255 / var(--precision-ui-tw-bg-opacity));
 }
+.hover\:bg-whitish:hover{
+    background-color: hsl(var(--precision-ui-tw-whitish));
+}
 .hover\:bg-whitish-opacity-16:hover{
     background-color: hsl(var(--precision-ui-tw-whitish-opacity-16));
 }
 .hover\:bg-whitish-opacity-24:hover{
     background-color: hsl(var(--precision-ui-tw-whitish-opacity-24));
 }
+.hover\:bg-whitish-opacity-32:hover{
+    background-color: hsl(var(--precision-ui-tw-whitish-opacity-32));
+}
 .hover\:bg-whitish-opacity-80:hover{
     background-color: hsl(var(--precision-ui-tw-whitish-opacity-80));
 }
@@ -2129,6 +2359,10 @@ html {
 .hover\:text-navy:hover{
     color: hsl(var(--precision-ui-tw-navy));
 }
+.hover\:text-white:hover{
+    --precision-ui-tw-text-opacity: 1;
+    color: rgb(255 255 255 / var(--precision-ui-tw-text-opacity));
+}
 .hover\:text-whitish-opacity-60:hover{
     color: hsl(var(--precision-ui-tw-whitish-opacity-60));
 }
@@ -2138,6 +2372,9 @@ html {
 .hover\:opacity-100:hover{
     opacity: 1;
 }
+.hover\:opacity-60:hover{
+    opacity: 0.6;
+}
 .focus\:border-navy:focus{
     border-color: hsl(var(--precision-ui-tw-navy));
 }
@@ -2227,6 +2464,31 @@ html {
 .peer:disabled ~ .peer-disabled\:opacity-70{
     opacity: 0.7;
 }
+@keyframes accordion-up{
+    from{
+        height: var(--radix-accordion-content-height);
+    }
+    to{
+        height: 0;
+    }
+}
+.data-\[state\=closed\]\:animate-accordion-up[data-state=closed]{
+    animation: accordion-up 0.2s ease-out;
+}
+@keyframes accordion-down{
+    from{
+        height: 0;
+    }
+    to{
+        height: var(--radix-accordion-content-height);
+    }
+}
+.data-\[state\=open\]\:animate-accordion-down[data-state=open]{
+    animation: accordion-down 0.2s ease-out;
+}
+.data-\[state\=active\]\:bg-background[data-state=active]{
+    background-color: hsl(var(--precision-ui-tw-background));
+}
 .data-\[state\=checked\]\:bg-navy[data-state=checked]{
     background-color: hsl(var(--precision-ui-tw-navy));
 }
@@ -2236,6 +2498,9 @@ html {
 .data-\[state\=open\]\:bg-accent[data-state=open]{
     background-color: hsl(var(--precision-ui-tw-accent));
 }
+.data-\[state\=active\]\:text-navy[data-state=active]{
+    color: hsl(var(--precision-ui-tw-navy));
+}
 .data-\[state\=checked\]\:text-navy[data-state=checked]{
     color: hsl(var(--precision-ui-tw-navy));
 }
@@ -2245,6 +2510,11 @@ html {
 .data-\[state\=open\]\:text-muted-foreground[data-state=open]{
     color: hsl(var(--precision-ui-tw-muted-foreground));
 }
+.data-\[state\=active\]\:shadow-sm[data-state=active]{
+    --precision-ui-tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+    --precision-ui-tw-shadow-colored: 0 1px 2px 0 var(--precision-ui-tw-shadow-color);
+    box-shadow: var(--precision-ui-tw-ring-offset-shadow, 0 0 #0000), var(--precision-ui-tw-ring-shadow, 0 0 #0000), var(--precision-ui-tw-shadow);
+}
 .data-\[state\=open\]\:animate-in[data-state=open]{
     animation-name: enter;
     animation-duration: 150ms;
@@ -2326,6 +2596,9 @@ html {
     .sm\:col-span-3{
         grid-column: span 3 / span 3;
     }
+    .sm\:col-span-4{
+        grid-column: span 4 / span 4;
+    }
     .sm\:mt-6{
         margin-top: 1.5rem;
     }
@@ -2335,6 +2608,9 @@ html {
     .sm\:min-h-\[264px\]{
         min-height: 264px;
     }
+    .sm\:max-w-\[480px\]{
+        max-width: 480px;
+    }
     .sm\:max-w-xs{
         max-width: 20rem;
     }
@@ -2394,8 +2670,8 @@ html {
     }
 }
 @media (min-width: 768px){
-    .md\:max-w-3xl{
-        max-width: 48rem;
+    .md\:max-w-2xl{
+        max-width: 42rem;
     }
     .md\:basis-1\/2{
         flex-basis: 50%;
@@ -2405,6 +2681,27 @@ html {
     .lg\:block{
         display: block;
     }
+    .lg\:hidden{
+        display: none;
+    }
+    .lg\:max-w-2xl{
+        max-width: 42rem;
+    }
+    .lg\:max-w-5xl{
+        max-width: 64rem;
+    }
+    .lg\:max-w-\[370px\]{
+        max-width: 370px;
+    }
+    .lg\:max-w-\[460px\]{
+        max-width: 460px;
+    }
+    .lg\:max-w-\[590px\]{
+        max-width: 590px;
+    }
+    .lg\:max-w-\[700px\]{
+        max-width: 700px;
+    }
     .lg\:max-w-sm{
         max-width: 24rem;
     }
@@ -2443,6 +2740,9 @@ html {
     .xl\:min-h-\[500px\]{
         min-height: 500px;
     }
+    .xl\:min-w-\[224px\]{
+        min-width: 224px;
+    }
     .xl\:max-w-md{
         max-width: 28rem;
     }
@@ -2453,6 +2753,15 @@ html {
         padding-right: 7rem;
     }
 }
+.\[\&\>\.icon-wrapper\>svg\]\:rounded-3xl>.icon-wrapper>svg{
+    border-radius: 1.5rem;
+}
+.\[\&\>\.icon-wrapper\>svg\]\:hover\:bg-navy-opacity-8:hover>.icon-wrapper>svg{
+    background-color: hsl(var(--precision-ui-tw-navy-opacity-8));
+}
+.\[\&\>\.icon-wrapper\>svg\]\:hover\:bg-whitish:hover>.icon-wrapper>svg{
+    background-color: hsl(var(--precision-ui-tw-whitish));
+}
 .\[\&\>svg\+div\]\:translate-y-\[-3px\]>svg+div{
     --precision-ui-tw-translate-y: -3px;
     transform: translate(var(--precision-ui-tw-translate-x), var(--precision-ui-tw-translate-y)) rotate(var(--precision-ui-tw-rotate)) skewX(var(--precision-ui-tw-skew-x)) skewY(var(--precision-ui-tw-skew-y)) scaleX(var(--precision-ui-tw-scale-x)) scaleY(var(--precision-ui-tw-scale-y));
@@ -2475,6 +2784,18 @@ html {
 .\[\&\>svg\~\*\]\:pl-7>svg~*{
     padding-left: 1.75rem;
 }
+.\[\&\[data-state\=open\]\>\.icon-wrapper\>\.minus\]\:block[data-state=open]>.icon-wrapper>.minus{
+    display: block;
+}
+.\[\&\[data-state\=open\]\>\.icon-wrapper\>\.plus\]\:hidden[data-state=open]>.icon-wrapper>.plus{
+    display: none;
+}
+.\[\&\[data-state\=open\]\]\:bg-navy-opacity-4[data-state=open]{
+    background-color: hsl(var(--precision-ui-tw-navy-opacity-4));
+}
+.\[\&\[data-state\=open\]\]\:bg-transparent[data-state=open]{
+    background-color: transparent;
+}
 .\[\&_p\]\:leading-relaxed p{
     line-height: 1.625;
 }