@dxos/ui-theme 0.8.4-main.fbb7a13 → 0.8.4-main.fcc0d83b33

package/dist/plugin/node-cjs/theme.css

@@ -1,1418 +0,0 @@
-@import "tailwindcss/base" layer(tw-base);
-@import "tailwindcss/utilities";
-@import "tailwindcss/components" layer(tw-components);
-@import "@fontsource-variable/jetbrains-mono/wght-italic.css";
-@import "@fontsource-variable/jetbrains-mono/wght.css";
-@import "@fontsource/poiret-one";
-
-/* src/styles/layers/anchored-overflow.css */
-@layer utilities {
-  .overflow-anchored * {
-    overflow-anchor: none;
-  }
-  .overflow-anchor {
-    overflow-anchor: auto;
-  }
-}
-
-/* src/styles/layers/animation.css */
-@layer utilities {
-  @keyframes blink {
-    0%, 50%, 100% {
-      opacity: 1;
-    }
-    25%, 75% {
-      opacity: 0;
-    }
-  }
-  .animate-blink {
-    animation: blink 1s step-start infinite;
-  }
-}
-
-/* src/styles/layers/attention.css */
-@layer utilities {
-  .attention-surface {
-    --surface-separator: transparent;
-    background-color: var(--dx-baseSurface);
-    border-color: var(--dx-separator);
-  }
-}
-
-/* src/styles/layers/base.css */
-@layer dx-base {
-  :root {
-    touch-action: pan-x pan-y;
-    font-synthesis: none;
-    font-variation-settings: "wght" 400, "slnt" 0;
-    scroll-padding-block-start: theme(spacing.14);
-    scroll-padding-block-end: theme(spacing.2);
-    @apply font-body;
-  }
-  button {
-    -webkit-tap-highlight-color: transparent;
-  }
-}
-@layer dx-tokens {
-  html,
-  html.dark,
-  html .dark {
-    background-color: var(--dx-baseSurface);
-    --surface-bg: var(--dx-baseSurface);
-    color: var(--dx-baseText);
-    --surface-text: var(--dx-baseText);
-    --description-text: var(--dx-description);
-  }
-}
-
-/* src/styles/layers/button.css */
-@layer dx-components {
-  .dx-button {
-    @apply font-medium shrink-0 inline-flex select-none items-center justify-center overflow-hidden transition-colors duration-100 ease-linear bg-inputSurface min-bs-[2.5rem] pli-3;
-    &[aria-pressed=true],
-    &[aria-checked=true] {
-      @apply text-accentText bg-attention;
-    }
-    &[disabled]:not([disabled=false]) {
-      @apply opacity-40 cursor-not-allowed shadow-none;
-    }
-    &[data-variant=ghost] {
-      @apply bg-transparent;
-      &:hover {
-        @apply bg-hoverSurface text-inherit;
-      }
-      &[data-state=open] {
-        @apply bg-inputSurface;
-      }
-      &[aria-pressed=true],
-      &[aria-checked=true] {
-        @apply bg-baseSurface text-accentText;
-      }
-    }
-    &[data-variant=outline] {
-      @apply border border-baseSurface bg-transparent;
-      &:hover {
-        @apply bg-hoverSurface;
-      }
-    }
-    &:not([disabled]),
-    &[disabled=false] {
-      &:hover {
-        @apply bg-hoverSurface;
-      }
-      &[data-variant=primary] {
-        @apply text-accentSurfaceText bg-accentSurface;
-        &:hover,
-        &[aria-pressed=true],
-        &[aria-checked=true] &[data-state=open] {
-          @apply bg-accentSurfaceHover;
-        }
-      }
-      &[data-variant=destructive] {
-        @apply text-accentSurfaceText bg-roseFill;
-        &:hover,
-        &[aria-pressed=true],
-        &[aria-checked=true] &[data-state=open] {
-          @apply bg-roseFill;
-        }
-      }
-    }
-  }
-  .dx-button:not([data-props~=grouped]) {
-    @apply rounded-sm;
-  }
-  .dx-button:not([data-props~=wrap]) {
-    @apply truncate;
-  }
-  @media (pointer: fine) {
-    .dx-button[data-density=fine] {
-      @apply min-bs-[2rem] pli-2.5;
-    }
-  }
-}
-
-/* src/styles/layers/can-scroll.css */
-@layer dx-components {
-  :root {
-    --can-scroll-inline: initial;
-  }
-  @keyframes detect-scroll-inline {
-    from, to {
-      --can-scroll-inline: ;
-    }
-  }
-  .justify-center-if-no-scroll {
-    justify-content: start;
-  }
-  @supports (animation-timeline: scroll(inline self)) {
-    .justify-center-if-no-scroll {
-      animation: detect-scroll-inline linear;
-      animation-timeline: scroll(inline self);
-      --justify-if-no-scroll: center;
-      --justify-if-can-scroll: var(--can-scroll-inline) start;
-      justify-content: var(--justify-if-can-scroll, var(--justify-if-no-scroll));
-    }
-  }
-}
-
-/* src/styles/layers/checkbox.css */
-@layer dx-components {
-  .dx-checkbox--switch,
-  .dx-checkbox {
-    @apply border border-unAccent;
-    &[aria-checked=true],
-    &[aria-checked=mixed],
-    &:checked {
-      @apply bg-accentSurface accent-accentSurface border-accentSurface;
-    }
-    &:not([disabled]),
-    &[disabled=false] {
-      &:hover {
-        @apply bg-unAccentHover accent-unAccentHover;
-        &[aria-checked=true],
-        &[aria-checked=mixed],
-        &:checked {
-          @apply bg-accentSurfaceHover accent-accentSurfaceHover border-accentSurfaceHover;
-        }
-      }
-    }
-  }
-  .dx-checkbox {
-    @apply is-4 bs-4 overflow-hidden shadow-inner transition-colors bg-unAccent accent-unAccent text-accentSurfaceText shrink-0 inline-grid place-items-center rounded-sm;
-  }
-  .dx-checkbox--switch {
-    @apply inline-block appearance-none relative shrink-0 bs-5 is-8;
-    @apply shadow-inner transition-colors bg-unAccent;
-    @apply cursor-pointer rounded-full;
-    &::before {
-      @apply is-3 bs-3 mli-[0.1875rem] mlb-[0.1875rem] absolute block bg-white rounded-full border-separator transition-transform duration-100 will-change-transform;
-      content: "";
-    }
-    &[aria-checked=true],
-    &[aria-checked=mixed],
-    &:checked {
-      background-image: none;
-      &::before {
-        @apply translate-x-[100%];
-      }
-    }
-  }
-}
-
-/* src/styles/layers/dialog.css */
-@layer dx-components {
-  .dx-dialog__overlay {
-    @apply z-50 fixed grid inset-inline-0 block-start-0 bs-dvh pbs-[env(safe-area-inset-top)] place-items-center overflow-auto bg-scrimSurface;
-    &[data-state=open] {
-      @apply animate-fade-in;
-    }
-    &[data-state=closed] {
-      @apply animate-fade-out;
-    }
-    &[data-block-align=start] {
-      align-items: start;
-      justify-items: center;
-    }
-    &[data-block-align=center] {
-      place-items: center;
-    }
-    &[data-block-align=end] {
-      align-items: end;
-      justify-items: center;
-    }
-  }
-  @media (min-width: theme("screens.sm")) {
-    .dx-dialog__overlay {
-      @apply p-[calc(env(safe-area-inset-top)+.6rem)];
-    }
-  }
-  @media (min-width: theme("screens.md")) {
-    .dx-dialog__overlay {
-      @apply p-[calc(env(safe-area-inset-top)+1.2rem)];
-    }
-  }
-  @media (min-width: theme("screens.lg")) {
-    .dx-dialog__overlay {
-      @apply p-[calc(env(safe-area-inset-top)+2.4rem)];
-    }
-  }
-  .dx-dialog__content {
-    @apply flex flex-col is-dvw max-is-full p-4 shadow-md backdrop-blur;
-    &[data-state=open] {
-      @apply animate-slide-up-and-fade;
-    }
-    &[data-state=closed] {
-      @apply animate-slide-down-and-fade;
-    }
-  }
-  @media (min-width: theme("screens.sm")) {
-    .dx-dialog__content {
-      @apply is-[95vw] border rounded-md border-separator;
-    }
-  }
-  @media (min-width: theme("screens.md")) {
-    .dx-dialog__content {
-      @apply max-is-[24rem];
-    }
-  }
-  .dx-dialog__title {
-    @apply shrink-0 text-xl font-medium;
-  }
-  .dx-dialog__description {
-    @apply mlb-2;
-  }
-}
-
-/* src/styles/layers/drag-preview.css */
-@layer dx-base {
-  body[data-drag-preview] {
-    i[data-tabster-dummy] {
-      display: none;
-    }
-  }
-}
-@layer utilities {
-  body[data-drag-preview] {
-    .drag-preview-p-0 {
-      padding-inline-start: 0;
-      padding-inline-end: 0;
-      padding-block-start: 0;
-      padding-block-end: 0;
-    }
-  }
-}
-
-/* src/styles/layers/focus-ring.css */
-@layer utilities {
-  .dx-focus-ring,
-  .dx-focus-ring-inset {
-    &:not([disabled]),
-    &[disabled=false] {
-      &:focus {
-        @apply outline-none;
-      }
-      &:focus-visible {
-        @apply ring-focusLine ring-offset-focusOffset z-[1] ring-neutralFocusIndicator;
-        &[data-variant=primary] {
-          @apply ring-accentFocusIndicator;
-        }
-        &:hover {
-          @apply outline-none;
-          .dark & {
-            @apply outline-none;
-          }
-        }
-      }
-    }
-  }
-  .dx-focus-ring-always,
-  .dx-focus-ring-inset-always {
-    &:not([disabled]),
-    &[disabled=false] {
-      &:focus {
-        @apply outline-none;
-      }
-      &:focus {
-        @apply ring-focusLine ring-offset-focusOffset z-[1] ring-neutralFocusIndicator;
-        &[data-variant=primary] {
-          @apply ring-accentFocusIndicator;
-        }
-        &:hover {
-          @apply outline-none;
-          .dark & {
-            @apply outline-none;
-          }
-        }
-      }
-    }
-  }
-  .dx-focus-ring-group,
-  .dx-focus-ring-group-x,
-  .dx-focus-ring-group-y,
-  .dx-focus-ring-group-always,
-  .dx-focus-ring-group-x-always,
-  .dx-focus-ring-group-y-always {
-    &:not([disabled]),
-    &[disabled=false] {
-      &:focus {
-        @apply outline-none;
-      }
-    }
-  }
-  .dx-focus-ring-group:focus-visible .dx-focus-ring-group-indicator,
-  .dx-focus-ring-group-x:focus-visible .dx-focus-ring-group-x-indicator,
-  .dx-focus-ring-group-y:focus-visible .dx-focus-ring-group-y-indicator {
-    @apply ring-focusLine ring-offset-focusOffset ring-neutralFocusIndicator;
-    &[data-variant=primary] {
-      @apply ring-accentFocusIndicator;
-    }
-    &:hover {
-      @apply outline-none;
-      .dark & {
-        @apply outline-none;
-      }
-    }
-  }
-  .dx-focus-ring-group-always:focus .dx-focus-ring-group-indicator,
-  .dx-focus-ring-group-x-always:focus .dx-focus-ring-group-x-indicator,
-  .dx-focus-ring-group-y-always:focus .dx-focus-ring-group-y-indicator {
-    @apply ring-focusLine ring-offset-focusOffset ring-neutralFocusIndicator;
-    &[data-variant=primary] {
-      @apply ring-accentFocusIndicator;
-    }
-    &:hover {
-      @apply outline-none;
-      .dark & {
-        @apply outline-none;
-      }
-    }
-  }
-  .dx-focus-ring-inset {
-    &:not([disabled]),
-    &[disabled=false] {
-      &:focus-visible {
-        @apply ring-inset;
-      }
-    }
-  }
-  .dx-focus-ring-inset-always {
-    &:not([disabled]),
-    &[disabled=false] {
-      &:focus {
-        @apply ring-inset;
-      }
-    }
-  }
-  .dx-focus-ring-inset-over-all,
-  .dx-focus-ring-main[data-handles-focus=true] {
-    &:not([disabled]),
-    &[disabled=false] {
-      &::after {
-        content: "";
-        @apply z-20 pointer-events-none;
-      }
-      &:focus {
-        @apply outline-none;
-      }
-      &:focus-visible {
-        &::after {
-          @apply ring-focusLine ring-offset-focusOffset ring-inset z-[1] ring-neutralFocusIndicator;
-        }
-        &[data-variant=primary]::after {
-          @apply ring-accentFocusIndicator;
-        }
-        &:hover {
-          @apply outline-none;
-          .dark & {
-            @apply outline-none;
-          }
-        }
-      }
-    }
-  }
-  .dx-focus-ring-inset-over-all-always,
-  .dx-focus-ring-main-always[data-handles-focus=true] {
-    &:not([disabled]),
-    &[disabled=false] {
-      &::after {
-        content: "";
-        @apply z-20 pointer-events-none;
-      }
-      &:focus {
-        @apply outline-none;
-      }
-      &:focus {
-        &::after {
-          @apply ring-focusLine ring-offset-focusOffset ring-inset z-[1] ring-neutralFocusIndicator;
-        }
-        &[data-variant=primary]::after {
-          @apply ring-accentFocusIndicator;
-        }
-        &:hover {
-          @apply outline-none;
-          .dark & {
-            @apply outline-none;
-          }
-        }
-      }
-    }
-  }
-  .dx-focus-ring-inset-over-all,
-  .dx-focus-ring-inset-over-all-always {
-    &:not([disabled]),
-    &[disabled=false] {
-      &::after {
-        @apply inset-0 absolute;
-      }
-    }
-  }
-  .dx-focus-ring-main[data-handles-focus=true] {
-    &:not([disabled]),
-    &[disabled=false] {
-      &::after {
-        position: fixed;
-        inset: 0;
-      }
-      @media screen(lg) {
-        &[data-sidebar-inline-start-state=expanded]::after {
-          inset-inline-start: var(--nav-sidebar-size);
-        }
-        &[data-sidebar-inline-start-state=collapsed]::after {
-          inset-inline-start: var(--l0-size);
-        }
-        &[data-sidebar-inline-end-state=expanded]::after {
-          inset-inline-end: var(--complementary-sidebar-size);
-        }
-        &[data-sidebar-inline-end-state=collapsed]::after {
-          inset-inline-end: var(--r0-size);
-        }
-      }
-    }
-  }
-}
-
-/* src/styles/layers/hues.css */
-@layer dx-components {
-  .dx-text-hue[data-hue=red],
-  .dx-text-hue--red {
-    @apply text-redText;
-  }
-  .dx-text-hue[data-hue=orange],
-  .dx-text-hue--orange {
-    @apply text-orangeText;
-  }
-  .dx-text-hue[data-hue=amber],
-  .dx-text-hue--amber {
-    @apply text-amberText;
-  }
-  .dx-text-hue[data-hue=yellow],
-  .dx-text-hue--yellow {
-    @apply text-yellowText;
-  }
-  .dx-text-hue[data-hue=lime],
-  .dx-text-hue--lime {
-    @apply text-limeText;
-  }
-  .dx-text-hue[data-hue=green],
-  .dx-text-hue--green {
-    @apply text-greenText;
-  }
-  .dx-text-hue[data-hue=emerald],
-  .dx-text-hue--emerald {
-    @apply text-emeraldText;
-  }
-  .dx-text-hue[data-hue=teal],
-  .dx-text-hue--teal {
-    @apply text-tealText;
-  }
-  .dx-text-hue[data-hue=cyan],
-  .dx-text-hue--cyan {
-    @apply text-cyanText;
-  }
-  .dx-text-hue[data-hue=sky],
-  .dx-text-hue--sky {
-    @apply text-skyText;
-  }
-  .dx-text-hue[data-hue=blue],
-  .dx-text-hue--blue {
-    @apply text-blueText;
-  }
-  .dx-text-hue[data-hue=indigo],
-  .dx-text-hue--indigo {
-    @apply text-indigoText;
-  }
-  .dx-text-hue[data-hue=violet],
-  .dx-text-hue--violet {
-    @apply text-violetText;
-  }
-  .dx-text-hue[data-hue=purple],
-  .dx-text-hue--purple {
-    @apply text-purpleText;
-  }
-  .dx-text-hue[data-hue=fuchsia],
-  .dx-text-hue--fuchsia {
-    @apply text-fuchsiaText;
-  }
-  .dx-text-hue[data-hue=pink],
-  .dx-text-hue--pink {
-    @apply text-pinkText;
-  }
-  .dx-text-hue[data-hue=rose],
-  .dx-text-hue--rose {
-    @apply text-roseText;
-  }
-  .dx-text-hue[data-hue=info],
-  .dx-text-hue--info {
-    @apply text-cyanText;
-  }
-  .dx-text-hue[data-hue=success],
-  .dx-text-hue--success {
-    @apply text-emeraldText;
-  }
-  .dx-text-hue[data-hue=warning],
-  .dx-text-hue--warning {
-    @apply text-amberText;
-  }
-  .dx-text-hue[data-hue=error],
-  .dx-text-hue--error {
-    @apply text-roseText;
-  }
-}
-
-/* src/styles/layers/positioning.css */
-@layer utilities {
-  .snap-inline {
-    scroll-snap-type: inline var(--tw-scroll-snap-strictness);
-  }
-  .snap-block {
-    scroll-snap-type: block var(--tw-scroll-snap-strictness);
-  }
-  .sticky-top-0 {
-    --sticky-top: 0;
-  }
-  .contain-layout {
-    contain: layout;
-  }
-}
-@layer dx-components {
-  .sticky-top-from-topbar-bottom {
-    --sticky-top: var(--topbar-size);
-  }
-  .sticky-bottom-from-statusbar-bottom {
-    --sticky-bottom: var(--statusbar-size);
-  }
-}
-
-/* src/styles/layers/main.css */
-@layer utilities {
-  .dx-main-content-padding {
-    @apply pis-0 scroll-ps-0 pie-0 scroll-pe-0;
-    &[data-drawer-state=expanded] {
-      max-block-size: calc(100dvh - var(--drawer-size));
-    }
-    &[data-drawer-state=full] {
-      max-block-size: 0;
-      overflow: hidden !important;
-      visibility: hidden;
-      pointer-events: none;
-    }
-    @media (min-width: theme("screens.lg")) {
-      &[data-sidebar-inline-start-state=collapsed] {
-        @apply pis-[--l0-size] scroll-ps-[--l0-size];
-      }
-      &[data-sidebar-inline-start-state=expanded] {
-        @apply pis-[--nav-sidebar-size] scroll-ps-[--nav-sidebar-size];
-      }
-      &[data-sidebar-inline-end-state=collapsed] {
-        @apply pie-[--r0-size] scroll-pe-[--r0-size];
-      }
-      &[data-sidebar-inline-end-state=expanded] {
-        @apply pie-[--complementary-sidebar-size] scroll-pe-[--complementary-sidebar-size];
-      }
-    }
-  }
-  .dx-main-content-padding-transitions {
-    transition-property:
-      padding-inline-start,
-      padding-inline-end,
-      scroll-padding-start,
-      scroll-padding-end;
-    @apply duration-200 ease-in-out-symmetric;
-  }
-  .dx-main-intrinsic-size {
-    @apply is-[calc(100dvw)-2*var(--main-spacing)] transition-[inline-size] ease-in-out-symmetric duration-200;
-    @media (min-width: theme("screens.lg")) {
-      &[data-sidebar-inline-start-state=closed][data-sidebar-inline-end-state=closed] {
-        inline-size: calc(100dvw - 2 * var(--main-spacing));
-      }
-      &[data-sidebar-inline-start-state=collapsed][data-sidebar-inline-end-state=closed] {
-        inline-size: calc(100dvw - var(--l0-size) - 2 * var(--main-spacing));
-      }
-      &[data-sidebar-inline-start-state=expanded][data-sidebar-inline-end-state=closed] {
-        inline-size: calc(100dvw - var(--nav-sidebar-size) - 2 * var(--main-spacing));
-      }
-      &[data-sidebar-inline-start-state=closed][data-sidebar-inline-end-state=collapsed] {
-        inline-size: calc(100dvw - var(--r0-size) - 2 * var(--main-spacing));
-      }
-      &[data-sidebar-inline-start-state=collapsed][data-sidebar-inline-end-state=collapsed] {
-        inline-size: calc(100dvw - var(--l0-size) - var(--r0-size) - 2 * var(--main-spacing));
-      }
-      &[data-sidebar-inline-start-state=expanded][data-sidebar-inline-end-state=collapsed] {
-        inline-size: calc(100dvw - var(--nav-sidebar-size) - var(--r0-size) - 2 * var(--main-spacing));
-      }
-      &[data-sidebar-inline-start-state=closed][data-sidebar-inline-end-state=expanded] {
-        inline-size: calc(100dvw - var(--complementary-sidebar-size) - 2 * var(--main-spacing));
-      }
-      &[data-sidebar-inline-start-state=collapsed][data-sidebar-inline-end-state=expanded] {
-        inline-size: calc(100dvw - var(--l0-size) - var(--complementary-sidebar-size) - 2 * var(--main-spacing));
-      }
-      &[data-sidebar-inline-start-state=expanded][data-sidebar-inline-end-state=expanded] {
-        inline-size: calc(100dvw - var(--nav-sidebar-size) - var(--complementary-sidebar-size) - 2 * var(--main-spacing));
-      }
-    }
-  }
-  .dx-main-bounce-layout {
-    @apply fixed overflow-auto overscroll-auto;
-    @apply duration-200 ease-in-out-symmetric;
-    transition-property: inset-block-end;
-    inset-inline-start: 0;
-    inset-inline-end: 0;
-    inset-block-start: 0;
-    inset-block-end: 0;
-    z-index: 0;
-    &[data-drawer-state=expanded] {
-      inset-block-end: var(--drawer-size);
-    }
-    &[data-drawer-state=full] {
-      inset-block-end: var(--visual-viewport-height, 100dvh);
-      pointer-events: none;
-    }
-  }
-}
-@layer dx-components {
-  .dx-main-sidebar {
-    @apply fixed overscroll-contain overflow-x-hidden overflow-y-auto;
-    @apply duration-200 ease-in-out-symmetric;
-    @apply border-landmarkLine border-subduedSeparator rounded-md;
-    @apply sidebar-surface backdrop-blur-md dark:backdrop-blur-lg;
-    transition-property:
-      inset-inline-start,
-      inset-inline-end,
-      inline-size;
-    inset-block-start: max(0.5rem, env(safe-area-inset-top));
-    inset-block-end: max(0.5rem, env(safe-area-inset-bottom));
-    inline-size: calc(100dvw - 3rem);
-    z-index: 7;
-    @media (min-width: theme("screens.lg")) {
-      @apply block-start-0 block-end-0 rounded-none border-lb-0;
-    }
-    &[data-resizing=false] {
-      @apply duration-200;
-    }
-    &[data-side=is] {
-      @apply -inline-start-[100vw] border-ie-landmarkLine border-subduedSeparator;
-      z-index: 8;
-      &[data-state=expanded] {
-        inset-inline-start: max(0.5rem, env(safe-area-inset-left));
-        @media (min-width: theme("screens.lg")) {
-          @apply inline-start-0;
-        }
-      }
-      @media (min-width: theme("screens.sm")) {
-        @apply is-[--nav-sidebar-size];
-      }
-      @media (min-width: theme("screens.lg")) {
-        @apply border-is-0;
-        &[data-state=collapsed] {
-          @apply is-[--l0-size] inline-start-0;
-        }
-        &[data-state=expanded] {
-          @apply is-[--nav-sidebar-size];
-        }
-      }
-    }
-    &[data-side=ie] {
-      @apply -inline-end-[100vw] border-is-landmarkLine border-separator;
-      &[data-state=expanded] {
-        inset-inline-end: max(0.5rem, env(safe-area-inset-right));
-        @media (min-width: theme("screens.lg")) {
-          @apply inline-end-0;
-        }
-      }
-      @media (min-width: theme("screens.sm")) {
-        @apply is-[--complementary-sidebar-size];
-      }
-      @media (min-width: theme("screens.lg")) {
-        @apply border-ie-0;
-        &[data-state=collapsed] {
-          @apply is-[--r0-size] inline-end-0;
-        }
-        &[data-state=expanded] {
-          @apply is-[--complementary-sidebar-size];
-        }
-      }
-    }
-  }
-  .dx-main-drawer {
-    @apply fixed overflow-hidden;
-    @apply duration-200 ease-in-out-symmetric;
-    @apply border-bs-landmarkLine border-subduedSeparator;
-    @apply sidebar-surface backdrop-blur-md dark:backdrop-blur-lg;
-    overscroll-behavior: contain;
-    touch-action: pan-y;
-    & [class*=overflow-y-auto],
-    & [class*=overflow-auto] {
-      overscroll-behavior-y: contain;
-      -webkit-overflow-scrolling: touch;
-    }
-    transition-property: inset-block-end, block-size;
-    inset-inline-start: 0;
-    inset-inline-end: 0;
-    z-index: 1;
-    &[data-resizing=false] {
-      @apply duration-200;
-    }
-    &[data-state=closed] {
-      block-size: var(--drawer-size);
-      inset-block-end: calc(-1 * var(--drawer-size));
-    }
-    &[data-state=expanded] {
-      block-size: var(--drawer-size);
-      inset-block-end: max(0px, env(safe-area-inset-bottom));
-    }
-    &[data-state=full] {
-      block-size: var(--visual-viewport-height, 100dvh);
-      inset-block-end: max(0px, env(safe-area-inset-bottom));
-    }
-  }
-  .dx-main-overlay {
-    @apply fixed inset-0 bg-scrimSurface;
-    @apply transition-opacity duration-200 ease-in-out-symmetric;
-    @apply opacity-0 hidden;
-    z-index: 6;
-    &[data-state=open] {
-      @apply opacity-100 block;
-      @media (min-width: theme("screens.lg")) {
-        @apply opacity-100 hidden;
-      }
-    }
-  }
-}
-
-/* src/styles/layers/native.css */
-@layer utilities {
-  .app-drag {
-    -webkit-user-select: none;
-    -webkit-app-region: drag;
-    --app-region: drag;
-  }
-  .app-no-drag {
-    -webkit-app-region: no-drag;
-    --app-region: no-drag;
-  }
-}
-
-/* src/styles/layers/size.css */
-.size-container {
-  container-type: size;
-}
-.container-max-width {
-  @apply is-full max-is-container-max-width mli-auto;
-}
-.card-default-width {
-  @apply is-card-default-width;
-}
-.card-min-width {
-  @apply min-is-card-min-width;
-}
-.card-max-width {
-  @apply is-full max-is-card-max-width;
-}
-.popover-max-width {
-  @apply is-max max-is-popover-max-width;
-}
-.popover-card-width {
-  inline-size: min(var(--radix-popper-available-width), calc(var(--dx-popover-max-width) - 2 * var(--dx-hairLine)));
-}
-.popover-card-height {
-  block-size: min(var(--radix-popper-available-height), 100dvh);
-}
-.popover-square {
-  inline-size: min(min(var(--radix-popper-available-width), var(--dx-popover-max-width)), min(var(--radix-popper-available-height), 100dvh));
-  block-size: min(min(var(--radix-popper-available-width), var(--dx-popover-max-width)), min(var(--radix-popper-available-height), 100dvh));
-}
-.popover-card-max-width {
-  max-inline-size: min(var(--radix-popper-available-width), var(--dx-popover-max-width));
-}
-@layer dx-components {
-  [data-size="0"],
-  [data-block-size="0"] {
-    @apply bs-0;
-  }
-  [data-size=px],
-  [data-block-size=px] {
-    @apply bs-px;
-  }
-  [data-size="0.5"],
-  [data-block-size="0.5"] {
-    @apply bs-0.5;
-  }
-  [data-size="1"],
-  [data-block-size="1"] {
-    @apply bs-1;
-  }
-  [data-size="1.5"],
-  [data-block-size="1.5"] {
-    @apply bs-1.5;
-  }
-  [data-size="2"],
-  [data-block-size="2"] {
-    @apply bs-2;
-  }
-  [data-size="2.5"],
-  [data-block-size="2.5"] {
-    @apply bs-2.5;
-  }
-  [data-size="3"],
-  [data-block-size="3"] {
-    @apply bs-3;
-  }
-  [data-size="3.5"],
-  [data-block-size="3.5"] {
-    @apply bs-3.5;
-  }
-  [data-size="4"],
-  [data-block-size="4"] {
-    @apply bs-4;
-  }
-  [data-size="5"],
-  [data-block-size="5"] {
-    @apply bs-5;
-  }
-  [data-size="6"],
-  [data-block-size="6"] {
-    @apply bs-6;
-  }
-  [data-size="7"],
-  [data-block-size="7"] {
-    @apply bs-7;
-  }
-  [data-size="8"],
-  [data-block-size="8"] {
-    @apply bs-8;
-  }
-  [data-size="9"],
-  [data-block-size="9"] {
-    @apply bs-9;
-  }
-  [data-size="10"],
-  [data-block-size="10"] {
-    @apply bs-10;
-  }
-  [data-size="11"],
-  [data-block-size="11"] {
-    @apply bs-11;
-  }
-  [data-size="12"],
-  [data-block-size="12"] {
-    @apply bs-12;
-  }
-  [data-size="14"],
-  [data-block-size="14"] {
-    @apply bs-14;
-  }
-  [data-size="16"],
-  [data-block-size="16"] {
-    @apply bs-16;
-  }
-  [data-size="20"],
-  [data-block-size="20"] {
-    @apply bs-20;
-  }
-  [data-size="24"],
-  [data-block-size="24"] {
-    @apply bs-24;
-  }
-  [data-size="28"],
-  [data-block-size="28"] {
-    @apply bs-28;
-  }
-  [data-size="32"],
-  [data-block-size="32"] {
-    @apply bs-32;
-  }
-  [data-size="36"],
-  [data-block-size="36"] {
-    @apply bs-36;
-  }
-  [data-size="40"],
-  [data-block-size="40"] {
-    @apply bs-40;
-  }
-  [data-size="44"],
-  [data-block-size="44"] {
-    @apply bs-44;
-  }
-  [data-size="48"],
-  [data-block-size="48"] {
-    @apply bs-48;
-  }
-  [data-size="52"],
-  [data-block-size="52"] {
-    @apply bs-52;
-  }
-  [data-size="56"],
-  [data-block-size="56"] {
-    @apply bs-56;
-  }
-  [data-size="60"],
-  [data-block-size="60"] {
-    @apply bs-60;
-  }
-  [data-size="64"],
-  [data-block-size="64"] {
-    @apply bs-64;
-  }
-  [data-size="72"],
-  [data-block-size="72"] {
-    @apply bs-72;
-  }
-  [data-size="80"],
-  [data-block-size="80"] {
-    @apply bs-80;
-  }
-  [data-size="96"],
-  [data-block-size="96"] {
-    @apply bs-96;
-  }
-  [data-size="0"],
-  [data-inline-size="0"] {
-    @apply is-0;
-  }
-  [data-size=px],
-  [data-inline-size=px] {
-    @apply is-px;
-  }
-  [data-size="0.5"],
-  [data-inline-size="0.5"] {
-    @apply is-0.5;
-  }
-  [data-size="1"],
-  [data-inline-size="1"] {
-    @apply is-1;
-  }
-  [data-size="1.5"],
-  [data-inline-size="1.5"] {
-    @apply is-1.5;
-  }
-  [data-size="2"],
-  [data-inline-size="2"] {
-    @apply is-2;
-  }
-  [data-size="2.5"],
-  [data-inline-size="2.5"] {
-    @apply is-2.5;
-  }
-  [data-size="3"],
-  [data-inline-size="3"] {
-    @apply is-3;
-  }
-  [data-size="3.5"],
-  [data-inline-size="3.5"] {
-    @apply is-3.5;
-  }
-  [data-size="4"],
-  [data-inline-size="4"] {
-    @apply is-4;
-  }
-  [data-size="5"],
-  [data-inline-size="5"] {
-    @apply is-5;
-  }
-  [data-size="6"],
-  [data-inline-size="6"] {
-    @apply is-6;
-  }
-  [data-size="7"],
-  [data-inline-size="7"] {
-    @apply is-7;
-  }
-  [data-size="8"],
-  [data-inline-size="8"] {
-    @apply is-8;
-  }
-  [data-size="9"],
-  [data-inline-size="9"] {
-    @apply is-9;
-  }
-  [data-size="10"],
-  [data-inline-size="10"] {
-    @apply is-10;
-  }
-  [data-size="11"],
-  [data-inline-size="11"] {
-    @apply is-11;
-  }
-  [data-size="12"],
-  [data-inline-size="12"] {
-    @apply is-12;
-  }
-  [data-size="14"],
-  [data-inline-size="14"] {
-    @apply is-14;
-  }
-  [data-size="16"],
-  [data-inline-size="16"] {
-    @apply is-16;
-  }
-  [data-size="20"],
-  [data-inline-size="20"] {
-    @apply is-20;
-  }
-  [data-size="24"],
-  [data-inline-size="24"] {
-    @apply is-24;
-  }
-  [data-size="28"],
-  [data-inline-size="28"] {
-    @apply is-28;
-  }
-  [data-size="32"],
-  [data-inline-size="32"] {
-    @apply is-32;
-  }
-  [data-size="36"],
-  [data-inline-size="36"] {
-    @apply is-36;
-  }
-  [data-size="40"],
-  [data-inline-size="40"] {
-    @apply is-40;
-  }
-  [data-size="44"],
-  [data-inline-size="44"] {
-    @apply is-44;
-  }
-  [data-size="48"],
-  [data-inline-size="48"] {
-    @apply is-48;
-  }
-  [data-size="52"],
-  [data-inline-size="52"] {
-    @apply is-52;
-  }
-  [data-size="56"],
-  [data-inline-size="56"] {
-    @apply is-56;
-  }
-  [data-size="60"],
-  [data-inline-size="60"] {
-    @apply is-60;
-  }
-  [data-size="64"],
-  [data-inline-size="64"] {
-    @apply is-64;
-  }
-  [data-size="72"],
-  [data-inline-size="72"] {
-    @apply is-72;
-  }
-  [data-size="80"],
-  [data-inline-size="80"] {
-    @apply is-80;
-  }
-  [data-size="96"],
-  [data-inline-size="96"] {
-    @apply is-96;
-  }
-}
-
-/* src/styles/layers/surfaces.css */
-@layer utilities {
-  .base-surface {
-    background-color: var(--dx-baseSurface);
-    --surface-bg: var(--dx-baseSurface);
-  }
-  .dark .base-surface {
-    background-color: var(--dx-baseSurface);
-    --surface-bg: var(--dx-baseSurface);
-  }
-  .sidebar-surface {
-    background-color: var(--dx-sidebarSurface);
-    --surface-bg: var(--dx-sidebarSurface);
-  }
-  .dark .sidebar-surface {
-    background-color: var(--dx-sidebarSurface);
-    --surface-bg: var(--dx-sidebarSurface);
-  }
-  .modal-surface {
-    background-color: var(--dx-modalSurface);
-    --surface-bg: var(--dx-modalSurface);
-  }
-  .dark .modal-surface {
-    background-color: var(--dx-modalSurface);
-    --surface-bg: var(--dx-modalSurface);
-  }
-}
-
-/* src/styles/layers/tag.css */
-@layer dx-tokens {
-  :root {
-    --dx-tag-padding-block: 0.125rem;
-  }
-}
-@layer dx-components {
-  .dx-tag {
-    @apply inline-block text-xs font-semibold m-0.5 pli-1 rounded-sm cursor-default truncate;
-    padding-block: var(--dx-tag-padding-block);
-    user-select: none;
-  }
-  .dx-tag--anchor {
-    @apply inline cursor-pointer -mli-[4px] pli-[3px] plb-0.5 border border-separator rounded-sm bg-groupSurface transition-colors;
-    &:hover {
-      @apply bg-hoverSurface;
-    }
-  }
-  .dx-tag[data-hue=neutral],
-  .dx-tag--neutral {
-    @apply bg-separator text-neutral-700 dark:text-neutral-150;
-  }
-  .dx-tag[data-hue=red],
-  .dx-tag--red {
-    @apply bg-redSurface text-redSurfaceText;
-  }
-  .dx-tag[data-hue=orange],
-  .dx-tag--orange {
-    @apply bg-orangeSurface text-orangeSurfaceText;
-  }
-  .dx-tag[data-hue=amber],
-  .dx-tag--amber {
-    @apply bg-amberSurface text-amberSurfaceText;
-  }
-  .dx-tag[data-hue=yellow],
-  .dx-tag--yellow {
-    @apply bg-yellowSurface text-yellowSurfaceText;
-  }
-  .dx-tag[data-hue=lime],
-  .dx-tag--lime {
-    @apply bg-limeSurface text-limeSurfaceText;
-  }
-  .dx-tag[data-hue=green],
-  .dx-tag--green {
-    @apply bg-greenSurface text-greenSurfaceText;
-  }
-  .dx-tag[data-hue=emerald],
-  .dx-tag--emerald {
-    @apply bg-emeraldSurface text-emeraldSurfaceText;
-  }
-  .dx-tag[data-hue=teal],
-  .dx-tag--teal {
-    @apply bg-tealSurface text-tealSurfaceText;
-  }
-  .dx-tag[data-hue=cyan],
-  .dx-tag--cyan {
-    @apply bg-cyanSurface text-cyanSurfaceText;
-  }
-  .dx-tag[data-hue=sky],
-  .dx-tag--sky {
-    @apply bg-skySurface text-skySurfaceText;
-  }
-  .dx-tag[data-hue=blue],
-  .dx-tag--blue {
-    @apply bg-blueSurface text-blueSurfaceText;
-  }
-  .dx-tag[data-hue=indigo],
-  .dx-tag--indigo {
-    @apply bg-indigoSurface text-indigoSurfaceText;
-  }
-  .dx-tag[data-hue=violet],
-  .dx-tag--violet {
-    @apply bg-violetSurface text-violetSurfaceText;
-  }
-  .dx-tag[data-hue=purple],
-  .dx-tag--purple {
-    @apply bg-purpleSurface text-purpleSurfaceText;
-  }
-  .dx-tag[data-hue=fuchsia],
-  .dx-tag--fuchsia {
-    @apply bg-fuchsiaSurface text-fuchsiaSurfaceText;
-  }
-  .dx-tag[data-hue=pink],
-  .dx-tag--pink {
-    @apply bg-pinkSurface text-pinkSurfaceText;
-  }
-  .dx-tag[data-hue=rose],
-  .dx-tag--rose {
-    @apply bg-roseSurface text-roseSurfaceText;
-  }
-  .dx-tag[data-hue=info],
-  .dx-tag--info {
-    @apply bg-cyanSurface text-cyanSurfaceText;
-  }
-  .dx-tag[data-hue=success],
-  .dx-tag--success {
-    @apply bg-emeraldSurface text-emeraldSurfaceText;
-  }
-  .dx-tag[data-hue=warning],
-  .dx-tag--warning {
-    @apply bg-amberSurface text-amberSurfaceText;
-  }
-  .dx-tag[data-hue=error],
-  .dx-tag--error {
-    @apply bg-roseSurface text-roseSurfaceText;
-  }
-}
-
-/* src/styles/layers/tldraw.css */
-@layer dx-components {
-  .tl-container.tl-theme__light {
-    --color-accent: var(--color-accent);
-    --color-background: var(--surface-bg);
-    --color-panel-contrast: var(--dx-separator);
-    --color-panel-overlay: rgba(255, 255, 255, 0.82);
-  }
-  .tl-container.tl-theme__dark {
-    --color-accent: var(--color-accent);
-    --color-background: var(--surface-bg);
-    --color-divider: var(--dx-separator);
-    --color-panel: var(--dx-attention);
-    --color-panel-contrast: var(--dx-separator);
-    --color-panel-overlay: rgba(54, 61, 68, 0.82);
-  }
-}
-
-/* src/styles/layers/tokens.css */
-@layer dx-tokens {
-  @tokens dx;
-  :root {
-    --sticky-top: 0;
-    --rail-content: 3rem;
-    --rail-size: calc(var(--rail-content) + 1px);
-    --rail-action: calc(var(--rail-content) - 0.5rem + 1px);
-    --rail-item: calc(var(--rail-content) - 1rem);
-    --line-height: 32px;
-    --topbar-size: var(--rail-size);
-    --toolbar-size: var(--rail-content);
-    --statusbar-size: theme(spacing.8);
-    --nav-sidebar-size: 22.5rem;
-    --complementary-sidebar-size: 25rem;
-    --drawer-size: 50dvh;
-    --l0-size: 74px;
-    --l0-avatar-size: 3rem;
-    --l1-size: calc(var(--nav-sidebar-size) - var(--l0-size));
-    --r0-size: var(--rail-size);
-    --r1-size: calc(var(--complementary-sidebar-size) - var(--r0-size));
-    --text-content: calc(50rem - env(safe-area-inset-left) - env(safe-area-inset-right));
-  }
-  :root {
-    --dx-calc-auto: auto;
-    --dx-calc-min: min-content;
-    --dx-calc-fit: fit-content;
-    --dx-calc-max: max-content;
-    --dx-calc-content: content;
-  }
-  @supports (block-size: calc-size(fit-content, size)) {
-    :root {
-      --dx-calc-auto: calc-size(auto, size);
-      --dx-calc-min: calc-size(min-content, size);
-      --dx-calc-fit: calc-size(fit-content, size);
-      --dx-calc-max: calc-size(max-content, size);
-      --dx-calc-content: calc-size(content, size);
-    }
-  }
-}
-
-/* src/styles/layers/typography.css */
-@layer utilities {
-  .not-italic {
-    font-variation-settings: "wght" 400, "slnt" 0;
-  }
-  .font-thin,
-  .not-italic.font-thin,
-  .not-italic .font-thin,
-  .font-thin .not-italic {
-    font-variation-settings: "wght" 100, "slnt" 0;
-  }
-  .font-extralight,
-  .not-italic.font-extralight,
-  .not-italic .font-extralight,
-  .font-extralight .not-italic {
-    font-variation-settings: "wght" 200, "slnt" 0;
-  }
-  .font-light,
-  .not-italic.font-light,
-  .not-italic .font-light,
-  .font-light .not-italic {
-    font-variation-settings: "wght" 300, "slnt" 0;
-  }
-  .font-normal,
-  .not-italic.font-normal,
-  .not-italic .font-normal,
-  .font-normal .not-italic {
-    font-variation-settings: "wght" 400, "slnt" 0;
-  }
-  .font-medium,
-  .not-italic.font-medium,
-  .not-italic .font-medium,
-  .font-medium .not-italic {
-    font-variation-settings: "wght" 500, "slnt" 0;
-  }
-  .font-semibold,
-  .not-italic.font-semibold,
-  .not-italic .font-semibold,
-  .font-semibold .not-italic {
-    font-variation-settings: "wght" 600, "slnt" 0;
-  }
-  .font-bold,
-  .not-italic.font-bold,
-  .not-italic .font-bold,
-  .font-bold .not-italic {
-    font-variation-settings: "wght" 700, "slnt" 0;
-  }
-  .font-extrabold,
-  .not-italic.font-extrabold,
-  .not-italic .font-extrabold,
-  .font-extrabold .not-italic {
-    font-variation-settings: "wght" 800, "slnt" 0;
-  }
-  .font-black,
-  .not-italic.font-black,
-  .not-italic .font-black,
-  .font-black .not-italic {
-    font-variation-settings: "wght" 900, "slnt" 0;
-  }
-  .italic {
-    font-variation-settings: "wght" 400, "slnt" -10;
-  }
-  .italic.font-thin,
-  .italic .font-thin,
-  .font-thin .italic {
-    font-variation-settings: "wght" 100, "slnt" -10;
-  }
-  .italic.font-extralight,
-  .italic .font-extralight,
-  .font-extralight .italic {
-    font-variation-settings: "wght" 200, "slnt" -10;
-  }
-  .italic.font-light,
-  .italic .font-light,
-  .font-light .italic {
-    font-variation-settings: "wght" 300, "slnt" -10;
-  }
-  .italic.font-normal,
-  .italic .font-normal,
-  .font-normal .italic {
-    font-variation-settings: "wght" 400, "slnt" -10;
-  }
-  .italic.font-medium,
-  .italic .font-medium,
-  .font-medium .italic {
-    font-variation-settings: "wght" 500, "slnt" -10;
-  }
-  .italic.font-semibold,
-  .italic .font-semibold,
-  .font-semibold .italic {
-    font-variation-settings: "wght" 600, "slnt" -10;
-  }
-  .italic.font-bold,
-  .italic .font-bold,
-  .font-bold .italic {
-    font-variation-settings: "wght" 700, "slnt" -10;
-  }
-  .italic.font-extrabold,
-  .italic .font-extrabold,
-  .font-extrabold .italic {
-    font-variation-settings: "wght" 800, "slnt" -10;
-  }
-  .italic.font-black,
-  .italic .font-black,
-  .font-black .italic {
-    font-variation-settings: "wght" 900, "slnt" -10;
-  }
-}
-
-/* src/styles/layers/index.css */
-@layer dx-tokens, user-tokens, tw-base, dx-base, tw-components, dx-components, utilities;
-
-/* src/theme.css */
-/*# sourceMappingURL=theme.css.map */