@incodetech/web 2.1.1 → 2.2.0-rc.0

package/dist/extensibility.es.js

@@ -1,28 +1,24 @@
-import { n as useTranslation } from "./i18n-CU4xq8qC.js";
-import { t as setUiConfig } from "./uiConfig-D2_wawvr.js";
-import { l as useScreenOrientation, u as useManager } from "./hooks-CNu7o-v8.js";
-import { n as LandscapeBlocker, t as IncodeComponent } from "./incodeComponent-CfzJGETt.js";
-import { r as Spacer } from "./loadingIcon-B0ysgiNq.js";
-import { t as Page } from "./page-DidH_RkX.js";
-import { _ as ProgressBar, c as ManualCapture, d as CameraOverlay, f as VerificationOptionCard, g as SegmentedDateInput, h as TextArea, i as Capture, l as CaptureFooter, m as TextAreaComposed, n as Chooser, o as IdExpired, p as VerificationOptionCardList, r as Tutorial, s as IdError, t as FlipAnimation, u as CameraOverlayHeader, v as Overlay } from "./extensibility-7sRIN0JC.js";
-import { a as TypographyH5, i as TypographyH4, n as TypographyH1, o as TypographyP, r as TypographyH3, t as Title } from "./typography-BZIpjo97.js";
-import { t as Spinner } from "./spinner-BMeIEK1d.js";
-import { t as Processing } from "./processing-BeUMfdJJ.js";
-import { t as Button } from "./button-Dz6AsbmF.js";
-import { t as ErrorIcon } from "./errorIcon-BA4T6iy-.js";
-import { a as FileIcon, c as ChevronLeftIcon, d as CheckmarkIcon, f as CaptureButtonIcon, h as WarningIcon, i as HelpIcon, l as ChevronDown, m as CalendarIcon, n as SearchIcon, o as CloseIcon, p as CameraIcon, r as LockIcon, s as ChevronRightIcon, t as SvgLightningIcon, u as CheckmarkCompactIcon } from "./icons-CJJbIpBq.js";
-import { t as SuccessIcon } from "./successIcon-B5mGvdx1.js";
-import { t as Modal } from "./modal-OxkFuuiR.js";
-import { a as ErrorContent, i as Lottie, n as Capture$1, r as BaseTutorial, t as Tutorial$1 } from "./tutorial-CCfPuVKX.js";
-import { t as VerificationResult } from "./verificationResult-BWWkmeiA.js";
-import { n as Input, t as InputComposed } from "./inputComposed-C1R2LAa3.js";
-import { t as OtpInput } from "./otpInput-CnDc6pQm.js";
-import { t as Checkbox } from "./checkbox-1wUHSoaK.js";
-import { n as RadioButtonComposed, r as FormField, t as RadioGroupComposed } from "./radioGroupComposed-DuQxslB2.js";
-import { i as getCountryByCode, n as countries, r as getCountryByCallingCode, t as PhoneInputComposed } from "./phoneInputComposed-DMiXfF-1.js";
-import { t as DropdownComposed } from "./dropdownComposed-CoU0enG6.js";
-import { t as DateInputComposed } from "./dateInputComposed-DuaofcBl.js";
-import { t as BottomSheet } from "./bottomSheet-CnWbbUAM.js";
-import { n as CameraFrame, t as CameraView } from "./cameraView-DIEzM5ru.js";
-import { i as Permissions } from "./capture-CkGvdDNH.js";
-export { BaseTutorial, BottomSheet, Button, CalendarIcon, CameraFrame, CameraIcon, CameraOverlay, CameraOverlayHeader, CameraView, CaptureButtonIcon, CaptureFooter, Checkbox, CheckmarkCompactIcon, CheckmarkIcon, ChevronDown, ChevronLeftIcon, ChevronRightIcon, CloseIcon, DateInputComposed, DropdownComposed, ErrorContent, ErrorIcon, FileIcon, FormField, HelpIcon, Capture as IdCapture, Chooser as IdChooser, IdError, IdExpired, FlipAnimation as IdFlipAnimation, Tutorial as IdTutorial, IncodeComponent, Input, InputComposed, LandscapeBlocker, SvgLightningIcon as LightningIcon, LockIcon, Lottie, ManualCapture, Modal, OtpInput, Overlay, Page, Permissions, PhoneInputComposed, Processing, ProgressBar, RadioButtonComposed, RadioGroupComposed, SearchIcon, SegmentedDateInput, Capture$1 as SelfieCapture, Tutorial$1 as SelfieTutorial, Spacer, Spinner, SuccessIcon, TextArea, TextAreaComposed, Title, TypographyH1, TypographyH3, TypographyH4, TypographyH5, TypographyP, VerificationOptionCard, VerificationOptionCardList, VerificationResult, WarningIcon, countries, getCountryByCallingCode, getCountryByCode, setUiConfig, useManager, useScreenOrientation, useTranslation };
+import { i as useTranslation, t as setUiConfig } from "./uiConfig-B5ASPUL4.js";
+import { n as LandscapeBlocker, o as Page, t as IncodeComponent, v as useScreenOrientation, y as useManager } from "./incodeComponent-K9ZWg302.js";
+import { o as Lottie, t as Spacer } from "./spacer-CDlQd12V.js";
+import { a as TypographyH4, i as TypographyH3, n as Title, o as TypographyH5, r as TypographyH1, s as TypographyP, t as Spinner } from "./spinner-CLZ2fz4u.js";
+import { n as ErrorIcon, r as Button } from "./incode-logo-rGFjZHqi.js";
+import { _ as TextArea, b as ProgressBar, d as CaptureFooter, f as CameraOverlayHeader, g as TextAreaComposed, h as VerificationOptionCardList, i as Capture, m as VerificationOptionCard, n as Chooser, o as IdExpired, p as CameraOverlay, r as Tutorial, s as IdError, t as FlipAnimation, u as ManualCapture, v as SegmentedDateInput, x as Overlay, y as PasswordInputComposed } from "./extensibility-iJYzpW6H.js";
+import { t as Processing } from "./processing-BsvHyDWa.js";
+import { _ as CalendarIcon, a as FileIcon, c as EllipseIcon, d as ChevronLeftIcon, f as ChevronDown, g as CameraIcon, h as CaptureButtonIcon, i as HelpIcon, l as CloseIcon, m as CheckmarkIcon, n as SearchIcon, o as EyeOffIcon, p as CheckmarkCompactIcon, r as LockIcon, s as EyeIcon, t as SvgLightningIcon, u as ChevronRightIcon, v as WarningIcon } from "./icons--ezYG2Fb.js";
+import { t as SuccessIcon } from "./successIcon-Bj8Y9CuI.js";
+import { t as Modal } from "./modal-BjjJFpZu.js";
+import { i as ErrorContent, n as Capture$1, r as BaseTutorial, t as Tutorial$1 } from "./tutorial-BZZC93Ur.js";
+import { t as VerificationResult } from "./verificationResult-B8HwR07t.js";
+import { t as ConnectionError } from "./connectionError-DAeXp8sE.js";
+import { n as Input, t as InputComposed } from "./inputComposed-BeROn635.js";
+import { t as OtpInput } from "./otpInput-D5dLXrmC.js";
+import { t as Checkbox } from "./checkbox-C38Elx0O.js";
+import { n as RadioButtonComposed, r as FormField, t as RadioGroupComposed } from "./radioGroupComposed-DzNGUbZQ.js";
+import { i as getCountryByCode, n as countries, r as getCountryByCallingCode, t as PhoneInputComposed } from "./phoneInputComposed-CeVWTS_O.js";
+import { t as DropdownComposed } from "./dropdownComposed-OHDHzt1Q.js";
+import { t as DateInputComposed } from "./dateInputComposed-eRcbt_SL.js";
+import { t as BottomSheet } from "./bottomSheet-Cp8DLulN.js";
+import { a as CameraView, o as CameraFrame } from "./manualCaptureButton-t_oIol88.js";
+import { n as Permissions } from "./manualCaptureButton-quGa2ufS.js";
+export { BaseTutorial, BottomSheet, Button, CalendarIcon, CameraFrame, CameraIcon, CameraOverlay, CameraOverlayHeader, CameraView, CaptureButtonIcon, CaptureFooter, Checkbox, CheckmarkCompactIcon, CheckmarkIcon, ChevronDown, ChevronLeftIcon, ChevronRightIcon, CloseIcon, ConnectionError, DateInputComposed, DropdownComposed, EllipseIcon, ErrorContent, ErrorIcon, EyeIcon, EyeOffIcon, FileIcon, FormField, HelpIcon, Capture as IdCapture, Chooser as IdChooser, IdError, IdExpired, FlipAnimation as IdFlipAnimation, Tutorial as IdTutorial, IncodeComponent, Input, InputComposed, LandscapeBlocker, SvgLightningIcon as LightningIcon, LockIcon, Lottie, ManualCapture, Modal, OtpInput, Overlay, Page, PasswordInputComposed, Permissions, PhoneInputComposed, Processing, ProgressBar, RadioButtonComposed, RadioGroupComposed, SearchIcon, SegmentedDateInput, Capture$1 as SelfieCapture, Tutorial$1 as SelfieTutorial, Spacer, Spinner, SuccessIcon, TextArea, TextAreaComposed, Title, TypographyH1, TypographyH3, TypographyH4, TypographyH5, TypographyP, VerificationOptionCard, VerificationOptionCardList, VerificationResult, WarningIcon, countries, getCountryByCallingCode, getCountryByCode, setUiConfig, useManager, useScreenOrientation, useTranslation };

package/dist/face-match/face-match.es.js

@@ -1,2 +1,2 @@
-import { t as FaceMatch } from "../faceMatch-DyTBoMDm.js";
+import { t as FaceMatch } from "../faceMatch-VtEZvsen.js";
 export { FaceMatch };

package/dist/face-match/styles.css

@@ -1,437 +1,13 @@
 /*! tailwindcss v4.2.2 | 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;
+    .IncodeComponent, .IncodeComponent *, .IncodeComponent :before, .IncodeComponent :after, .IncodeComponent ::backdrop {
       --tw-font-weight: initial;
     }
   }
 }
 
-@layer incode-theme;
-
-@layer incode-utilities {
-  .\!visible {
-    visibility: visible !important;
-  }
-
-  .invisible {
-    visibility: hidden;
-  }
-
-  .visible {
-    visibility: visible;
-  }
-
-  .sr-only {
-    clip-path: inset(50%);
-    white-space: nowrap;
-    border-width: 0;
-    width: 1px;
-    height: 1px;
-    margin: -1px;
-    padding: 0;
-    position: absolute;
-    overflow: hidden;
-  }
-
-  .absolute {
-    position: absolute;
-  }
-
-  .fixed {
-    position: fixed;
-  }
-
-  .relative {
-    position: relative;
-  }
-
-  .static {
-    position: static;
-  }
-
-  .sticky {
-    position: sticky;
-  }
-
-  @media (min-width: 40rem) {
-    .incode-container {
-      max-width: 40rem;
-    }
-  }
-
-  @media (min-width: 48rem) {
-    .incode-container {
-      max-width: 48rem;
-    }
-  }
-
-  @media (min-width: 64rem) {
-    .incode-container {
-      max-width: 64rem;
-    }
-  }
-
-  @media (min-width: 80rem) {
-    .incode-container {
-      max-width: 80rem;
-    }
-  }
-
-  @media (min-width: 96rem) {
-    .incode-container {
-      max-width: 96rem;
-    }
-  }
-
-  @media (min-width: 48rem) {
-    .incode-container {
-      max-height: var(--incode-page-max-h);
-      max-width: var(--incode-page-max-w);
-    }
-
-    @media not all and (min-width: 80rem) {
-      @media (orientation: landscape) {
-        .incode-container {
-          max-height: var(--incode-page-max-h-landscape);
-        }
-      }
-    }
-  }
-
-  @media (min-width: 40rem) {
-    .incode-container {
-      max-width: 40rem;
-    }
-  }
-
-  @media (min-width: 48rem) {
-    .incode-container {
-      max-width: 48rem;
-    }
-  }
-
-  @media (min-width: 64rem) {
-    .incode-container {
-      max-width: 64rem;
-    }
-  }
-
-  @media (min-width: 80rem) {
-    .incode-container {
-      max-width: 80rem;
-    }
-  }
-
-  @media (min-width: 96rem) {
-    .incode-container {
-      max-width: 96rem;
-    }
-  }
-
-  @media (min-width: 48rem) {
-    .incode-container {
-      max-height: var(--incode-page-max-h);
-      max-width: var(--incode-page-max-w);
-    }
-
-    @media not all and (min-width: 80rem) {
-      @media (orientation: landscape) {
-        .incode-container {
-          max-height: var(--incode-page-max-h-landscape);
-        }
-      }
-    }
-  }
-
-  .incode-container {
-    width: 100%;
-  }
-
-  @media (min-width: 40rem) {
-    .incode-container {
-      max-width: 40rem;
-    }
-  }
-
-  @media (min-width: 48rem) {
-    .incode-container {
-      max-width: 48rem;
-    }
-  }
-
-  @media (min-width: 64rem) {
-    .incode-container {
-      max-width: 64rem;
-    }
-  }
-
-  @media (min-width: 80rem) {
-    .incode-container {
-      max-width: 80rem;
-    }
-  }
-
-  @media (min-width: 96rem) {
-    .incode-container {
-      max-width: 96rem;
-    }
-  }
-
-  .incode-container {
-    height: 100%;
-    margin: auto;
-  }
-
-  @media (min-width: 48rem) {
-    .incode-container {
-      max-height: var(--incode-page-max-h);
-      max-width: var(--incode-page-max-w);
-    }
-
-    @media not all and (min-width: 80rem) {
-      @media (orientation: landscape) {
-        .incode-container {
-          max-height: var(--incode-page-max-h-landscape);
-        }
-      }
-    }
-  }
-
-  .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;
-    }
-  }
-
-  .m-auto {
-    margin: auto;
-  }
-
-  .mx-auto {
-    margin-inline: auto;
-  }
-
-  .ml-8 {
-    margin-left: var(--spacing-8, var(--spacing-8, 8px));
-  }
-
-  .block {
-    display: block;
-  }
-
-  .contents {
-    display: contents;
-  }
-
-  .flex {
-    display: flex;
-  }
-
-  .grid {
-    display: grid;
-  }
-
-  .hidden {
-    display: none;
-  }
-
-  .inline {
-    display: inline;
-  }
-
-  .inline-flex {
-    display: inline-flex;
-  }
-
-  .w-full {
-    width: 100%;
-  }
-
-  .max-w-\[420px\] {
-    max-width: 420px;
-  }
-
-  .max-w-\[480px\] {
-    max-width: 480px;
-  }
-
-  .flex-1 {
-    flex: 1;
-  }
-
-  .transform {
-    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
-  }
-
-  .animate-fade-in {
-    animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
-    animation-fill-mode: both;
-    animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
-    animation-fill-mode: both;
-    animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
-    animation-fill-mode: both;
-  }
-
-  .resize {
-    resize: both;
-  }
-
-  .items-center {
-    align-items: center;
-  }
-
-  .justify-between {
-    justify-content: space-between;
-  }
-
-  .rounded {
-    border-radius: .25rem;
-  }
-
-  .border {
-    border-style: var(--tw-border-style);
-    border-width: 1px;
-  }
-
-  .border-solid {
-    --tw-border-style: solid;
-    border-style: solid;
-  }
-
-  .border-neutral-100 {
-    border-color: var(--color-neutral-100, oklch(97% 0 0));
-  }
-
-  .bg-white {
-    background-color: var(--color-white, #fff);
-  }
-
-  .text-button-m-underlined {
-    font-family: var(--typography-button-family);
-    font-size: var(--typography-button-m-underlined-size);
-    font-weight: var(--typography-button-m-underlined-weight);
-    line-height: var(--typography-button-m-underlined-line-height);
-    letter-spacing: var(--typography-button-m-underlined-letter-spacing);
-    -webkit-text-decoration-skip-ink: none;
-    text-decoration-skip-ink: none;
-    font-family: var(--typography-button-family);
-    font-size: var(--typography-button-m-underlined-size);
-    font-weight: var(--typography-button-m-underlined-weight);
-    line-height: var(--typography-button-m-underlined-line-height);
-    letter-spacing: var(--typography-button-m-underlined-letter-spacing);
-    font-family: var(--typography-button-family);
-    font-size: var(--typography-button-m-underlined-size);
-    font-weight: var(--typography-button-m-underlined-weight);
-    line-height: var(--typography-button-m-underlined-line-height);
-    letter-spacing: var(--typography-button-m-underlined-letter-spacing);
-    text-decoration-line: underline;
-    text-decoration-style: solid;
-    text-decoration-thickness: auto;
-  }
-
-  .lowercase {
-    text-transform: lowercase;
-  }
-
-  .uppercase {
-    text-transform: uppercase;
-  }
-
-  .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, cubic-bezier(.4, 0, .2, 1)));
-    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
-  }
-}
-
-@layer incode-base, incode-components;
+@layer incode-theme, incode-utilities, incode-base, incode-components;
 
 @keyframes slideUp {
   from {
@@ -479,6 +55,7 @@
   min-height: 250px;
   display: flex;
   position: relative;
+  overflow: clip;
 }
 
 .IncodeFaceMatchContainer {
@@ -540,6 +117,11 @@
   animation: none;
 }
 
+.IncodeFaceMatchResultIcon {
+  height: var(--spacing-40, var(--spacing-40, 40px));
+  width: var(--spacing-40, var(--spacing-40, 40px));
+}
+
 @keyframes resultFadeIn {
   from {
     opacity: 0;
@@ -649,7 +231,7 @@
   line-height: 125%;
 }
 
-:root {
+.IncodeFaceMatchContainer {
   --animation-duration: .8s;
   --transition-delay: .2s;
   --transition-duration: .25s;
@@ -912,188 +494,6 @@
   opacity: 0;
 }
 
-@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-font-weight {
   syntax: "*";
   inherits: false