@dxos/ui-theme 0.0.0 → 0.8.4-main.59c2e9b

package/dist/plugin/node-esm/theme.css.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/styles/layers/anchored-overflow.css", "../../../src/styles/layers/animation.css", "../../../src/styles/layers/attention.css", "../../../src/styles/layers/base.css", "../../../src/styles/layers/button.css", "../../../src/styles/layers/can-scroll.css", "../../../src/styles/layers/checkbox.css", "../../../src/styles/layers/dialog.css", "../../../src/styles/layers/drag-preview.css", "../../../src/styles/layers/focus-ring.css", "../../../src/styles/layers/hues.css", "../../../src/styles/layers/positioning.css", "../../../src/styles/layers/main.css", "../../../src/styles/layers/native.css", "../../../src/styles/layers/size.css", "../../../src/styles/layers/surfaces.css", "../../../src/styles/layers/tag.css", "../../../src/styles/layers/tldraw.css", "../../../src/styles/layers/tokens.css", "../../../src/styles/layers/typography.css", "../../../src/styles/layers/index.css"],
+  "sourcesContent": ["@layer utilities {\n  .overflow-anchored * {\n    overflow-anchor: none;\n  }\n\n  .overflow-anchor {\n    overflow-anchor: auto;\n  }\n}\n", "@layer utilities {\n  @keyframes blink {\n    0%,\n    50%,\n    100% {\n      opacity: 1;\n    }\n    25%,\n    75% {\n      opacity: 0;\n    }\n  }\n\n  .animate-blink {\n    animation: blink 1s step-start infinite;\n  }\n}\n", "@layer utilities {\n  /* If an element should apply attention-related color tokens, it should use this class. */\n  .attention-surface {\n    --surface-separator: transparent;\n    background-color: var(--dx-baseSurface);\n    border-color: var(--dx-separator);\n  }\n}\n", "@layer dx-base {\n  :root {\n    touch-action: pan-x pan-y;\n    font-synthesis: none;\n    font-variation-settings: 'wght' 400,\n    'slnt' 0;\n    scroll-padding-block-start: theme(spacing.14);\n    scroll-padding-block-end: theme(spacing.2);\n    @apply font-body;\n  }\n\n  button {\n    -webkit-tap-highlight-color: transparent;\n  }\n}\n\n@layer dx-tokens {\n  html, html.dark, html .dark {\n    background-color: var(--dx-baseSurface);\n    --surface-bg: var(--dx-baseSurface);\n    color: var(--dx-baseText);\n    --surface-text: var(--dx-baseText);\n    --description-text: var(--dx-description);\n  }\n}", "/* TODO(thure): Focus is handled by .dx-focus-ring, but should ideally be applied as part of this component. */\n@layer dx-components {\n  /**\n   * NOTE: These are component classes (not utility classes) on a different layer, which themselves apply utility classes using `@apply`.\n   */\n\n  /* Base styles */\n  .dx-button {\n    @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;\n    &[aria-pressed='true'],\n    &[aria-checked='true'] {\n      @apply text-accentText bg-attention;\n    }\n    /* Disabled styles */\n    &[disabled]:not([disabled='false']) {\n      @apply opacity-40 cursor-not-allowed shadow-none;\n    }\n    /* Variants consistent between enabled & disabled */\n    &[data-variant='ghost'] {\n      @apply bg-transparent;\n      &:hover {\n        @apply bg-hoverSurface text-inherit;\n      }\n      &[data-state='open'] {\n        @apply bg-inputSurface;\n      }\n      &[aria-pressed='true'],\n      &[aria-checked='true'] {\n        @apply bg-baseSurface text-accentText;\n      }\n    }\n    &[data-variant='outline'] {\n      @apply border border-baseSurface bg-transparent;\n      &:hover {\n        @apply bg-hoverSurface;\n      }\n    }\n    /* Enabled styles */\n    &:not([disabled]),\n    &[disabled='false'] {\n      /* Hover */\n      &:hover {\n        @apply bg-hoverSurface;\n      }\n      /* Variants */\n      &[data-variant='primary'] {\n        @apply text-accentSurfaceText bg-accentSurface;\n        &:hover,\n        &[aria-pressed='true'],\n        &[aria-checked='true'] &[data-state='open'] {\n          @apply bg-accentSurfaceHover;\n        }\n      }\n      &[data-variant='destructive'] {\n        @apply text-accentSurfaceText bg-roseFill;\n        &:hover,\n        &[aria-pressed='true'],\n        &[aria-checked='true'] &[data-state='open'] {\n          @apply bg-roseFill;\n        }\n      }\n    }\n  }\n  /* Props */\n  .dx-button:not([data-props~='grouped']) {\n    @apply rounded-sm;\n  }\n  .dx-button:not([data-props~='wrap']) {\n    @apply truncate;\n  }\n  @media (pointer: fine) {\n    .dx-button[data-density='fine'] {\n      @apply min-bs-[2rem] pli-2.5;\n    }\n  }\n}\n", "@layer dx-components {\n  :root {\n    --can-scroll-inline: initial;\n  }\n\n  @keyframes detect-scroll-inline {\n    from,\n    to {\n      --can-scroll-inline: ;\n    }\n  }\n\n  .justify-center-if-no-scroll {\n    justify-content: start;\n  }\n\n  @supports (animation-timeline: scroll(inline self)) {\n    .justify-center-if-no-scroll {\n      animation: detect-scroll-inline linear;\n      animation-timeline: scroll(inline self);\n      --justify-if-no-scroll: center;\n      --justify-if-can-scroll: var(--can-scroll-inline) start;\n      justify-content: var(--justify-if-can-scroll, var(--justify-if-no-scroll));\n    }\n  }\n}\n", "/* TODO(thure): Focus is handled by .dx-focus-ring, but should ideally be applied as part of this component.*/\n@layer dx-components {\n  .dx-checkbox--switch,\n  .dx-checkbox {\n    @apply border border-unAccent;\n    &[aria-checked='true'],\n    &[aria-checked='mixed'],\n    &:checked {\n      @apply bg-accentSurface accent-accentSurface border-accentSurface;\n    }\n\n    &:not([disabled]),\n    &[disabled='false'] {\n      &:hover {\n        @apply bg-unAccentHover accent-unAccentHover;\n        &[aria-checked='true'],\n        &[aria-checked='mixed'],\n        &:checked {\n          @apply bg-accentSurfaceHover accent-accentSurfaceHover border-accentSurfaceHover;\n        }\n      }\n    }\n  }\n\n  .dx-checkbox {\n    @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;\n  }\n\n  /* TODO(ZaymonFC): Focus is handled by .dx-focus-ring, but should ideally be applied as part of this component.*/\n  /* NOTE: This isn't compatible with the Radix switch. */\n  .dx-checkbox--switch {\n    @apply inline-block appearance-none relative shrink-0 bs-5 is-8;\n    @apply shadow-inner transition-colors bg-unAccent;\n    @apply cursor-pointer rounded-full;\n\n    &::before {\n      @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;\n      content: '';\n    }\n\n    &[aria-checked='true'],\n    &[aria-checked='mixed'],\n    &:checked {\n      background-image: none;\n      &::before {\n        @apply translate-x-[100%];\n      }\n    }\n  }\n}\n", "@layer dx-components {\n  .dx-dialog__overlay {\n    @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;\n    \n    &[data-state='open'] {\n      @apply animate-fade-in;\n    }\n\n    &[data-state='closed'] {\n      @apply animate-fade-out;\n    }\n\n    &[data-block-align='start'] {\n      align-items: start;\n      justify-items: center;\n    }\n\n    &[data-block-align='center'] {\n      place-items: center;\n    }\n\n    &[data-block-align='end'] {\n      align-items: end;\n      justify-items: center;\n    }\n  }\n\n  @media (min-width: theme('screens.sm')) {\n    .dx-dialog__overlay {\n      @apply p-[calc(env(safe-area-inset-top)+.6rem)];\n    }\n  }\n\n  @media (min-width: theme('screens.md')) {\n    .dx-dialog__overlay {\n      @apply p-[calc(env(safe-area-inset-top)+1.2rem)];\n    }\n  }\n\n  @media (min-width: theme('screens.lg')) {\n    .dx-dialog__overlay {\n      @apply p-[calc(env(safe-area-inset-top)+2.4rem)];\n    }\n  }\n\n  .dx-dialog__content {\n    @apply flex flex-col is-dvw max-is-full p-4 shadow-md backdrop-blur;\n\n    &[data-state='open'] {\n      @apply animate-slide-up-and-fade;\n    }\n\n    &[data-state='closed'] {\n      @apply animate-slide-down-and-fade;\n    }\n  }\n\n  @media (min-width: theme('screens.sm')) {\n    .dx-dialog__content {\n      @apply is-[95vw] border rounded-md border-separator;\n    }\n  }\n\n  @media (min-width: theme('screens.md')) {\n    .dx-dialog__content {\n      @apply max-is-[24rem];\n    }\n  }\n\n  .dx-dialog__title {\n    @apply shrink-0 text-xl font-medium;\n  }\n\n  .dx-dialog__description {\n    @apply mlb-2;\n  }\n}", "@layer dx-base {\n  body[data-drag-preview] {\n    i[data-tabster-dummy] {\n      display: none;\n    }\n  }\n}\n\n@layer utilities {\n  body[data-drag-preview] {\n    .drag-preview-p-0 {\n      padding-inline-start: 0;\n      padding-inline-end: 0;\n      padding-block-start: 0;\n      padding-block-end: 0;\n    }\n  }\n}", "@layer utilities {\n  .dx-focus-ring,\n  .dx-focus-ring-inset {\n    &:not([disabled]),\n    &[disabled='false'] {\n      &:focus {\n        @apply outline-none;\n      }\n\n      &:focus-visible {\n        @apply ring-focusLine ring-offset-focusOffset z-[1] ring-neutralFocusIndicator;\n\n        &[data-variant='primary'] {\n          @apply ring-accentFocusIndicator;\n        }\n\n        &:hover {\n          @apply outline-none;\n\n          .dark & {\n            @apply outline-none;\n          }\n        }\n      }\n    }\n  }\n\n  .dx-focus-ring-always,\n  .dx-focus-ring-inset-always {\n    &:not([disabled]),\n    &[disabled='false'] {\n      &:focus {\n        @apply outline-none;\n      }\n\n      &:focus {\n        @apply ring-focusLine ring-offset-focusOffset z-[1] ring-neutralFocusIndicator;\n\n        &[data-variant='primary'] {\n          @apply ring-accentFocusIndicator;\n        }\n\n        &:hover {\n          @apply outline-none;\n\n          .dark & {\n            @apply outline-none;\n          }\n        }\n      }\n    }\n  }\n\n  .dx-focus-ring-group,\n  .dx-focus-ring-group-x,\n  .dx-focus-ring-group-y,\n  .dx-focus-ring-group-always,\n  .dx-focus-ring-group-x-always,\n  .dx-focus-ring-group-y-always {\n    &:not([disabled]),\n    &[disabled='false'] {\n      &:focus {\n        @apply outline-none;\n      }\n    }\n  }\n\n  .dx-focus-ring-group:focus-visible .dx-focus-ring-group-indicator,\n  .dx-focus-ring-group-x:focus-visible .dx-focus-ring-group-x-indicator,\n  .dx-focus-ring-group-y:focus-visible .dx-focus-ring-group-y-indicator {\n    @apply ring-focusLine ring-offset-focusOffset ring-neutralFocusIndicator;\n\n    &[data-variant='primary'] {\n      @apply ring-accentFocusIndicator;\n    }\n\n    &:hover {\n      @apply outline-none;\n\n      .dark & {\n        @apply outline-none;\n      }\n    }\n  }\n\n  .dx-focus-ring-group-always:focus .dx-focus-ring-group-indicator,\n  .dx-focus-ring-group-x-always:focus .dx-focus-ring-group-x-indicator,\n  .dx-focus-ring-group-y-always:focus .dx-focus-ring-group-y-indicator {\n    @apply ring-focusLine ring-offset-focusOffset ring-neutralFocusIndicator;\n\n    &[data-variant='primary'] {\n      @apply ring-accentFocusIndicator;\n    }\n\n    &:hover {\n      @apply outline-none;\n\n      .dark & {\n        @apply outline-none;\n      }\n    }\n  }\n\n  .dx-focus-ring-inset {\n    &:not([disabled]),\n    &[disabled='false'] {\n      &:focus-visible {\n        @apply ring-inset;\n      }\n    }\n  }\n\n  .dx-focus-ring-inset-always {\n    &:not([disabled]),\n    &[disabled='false'] {\n      &:focus {\n        @apply ring-inset;\n      }\n    }\n  }\n\n  .dx-focus-ring-inset-over-all,\n  .dx-focus-ring-main[data-handles-focus='true'] {\n    &:not([disabled]),\n    &[disabled='false'] {\n      &::after {\n        content: '';\n        @apply z-20 pointer-events-none;\n      }\n\n      &:focus {\n        @apply outline-none;\n      }\n\n      &:focus-visible {\n        &::after {\n          @apply ring-focusLine ring-offset-focusOffset ring-inset z-[1] ring-neutralFocusIndicator;\n        }\n\n        &[data-variant='primary']::after {\n          @apply ring-accentFocusIndicator;\n        }\n\n        &:hover {\n          @apply outline-none;\n\n          .dark & {\n            @apply outline-none;\n          }\n        }\n      }\n    }\n  }\n\n  .dx-focus-ring-inset-over-all-always,\n  .dx-focus-ring-main-always[data-handles-focus='true'] {\n    &:not([disabled]),\n    &[disabled='false'] {\n      &::after {\n        content: '';\n        @apply z-20 pointer-events-none;\n      }\n\n      &:focus {\n        @apply outline-none;\n      }\n\n      &:focus {\n        &::after {\n          @apply ring-focusLine ring-offset-focusOffset ring-inset z-[1] ring-neutralFocusIndicator;\n        }\n\n        &[data-variant='primary']::after {\n          @apply ring-accentFocusIndicator;\n        }\n\n        &:hover {\n          @apply outline-none;\n\n          .dark & {\n            @apply outline-none;\n          }\n        }\n      }\n    }\n  }\n\n  .dx-focus-ring-inset-over-all, .dx-focus-ring-inset-over-all-always {\n    &:not([disabled]),\n    &[disabled='false'] {\n      &::after {\n        @apply inset-0 absolute;\n      }\n    }\n  }\n\n  .dx-focus-ring-main[data-handles-focus='true'] {\n    &:not([disabled]),\n    &[disabled='false'] {\n      &::after {\n        position: fixed;\n        inset: 0;\n      }\n\n      @media screen(lg) {\n        &[data-sidebar-inline-start-state='expanded']::after {\n          inset-inline-start: var(--nav-sidebar-size);\n        }\n\n        &[data-sidebar-inline-start-state='collapsed']::after {\n          inset-inline-start: var(--l0-size);\n        }\n\n        &[data-sidebar-inline-end-state='expanded']::after {\n          inset-inline-end: var(--complementary-sidebar-size);\n        }\n\n        &[data-sidebar-inline-end-state='collapsed']::after {\n          inset-inline-end: var(--r0-size);\n        }\n      }\n    }\n  }\n}\n", "@layer dx-components {\n  .dx-text-hue[data-hue='red'],\n  .dx-text-hue--red {\n    @apply text-redText;\n  }\n\n  .dx-text-hue[data-hue='orange'],\n  .dx-text-hue--orange {\n    @apply text-orangeText;\n  }\n\n  .dx-text-hue[data-hue='amber'],\n  .dx-text-hue--amber {\n    @apply text-amberText;\n  }\n\n  .dx-text-hue[data-hue='yellow'],\n  .dx-text-hue--yellow {\n    @apply text-yellowText;\n  }\n\n  .dx-text-hue[data-hue='lime'],\n  .dx-text-hue--lime {\n    @apply text-limeText;\n  }\n\n  .dx-text-hue[data-hue='green'],\n  .dx-text-hue--green {\n    @apply text-greenText;\n  }\n\n  .dx-text-hue[data-hue='emerald'],\n  .dx-text-hue--emerald {\n    @apply text-emeraldText;\n  }\n\n  .dx-text-hue[data-hue='teal'],\n  .dx-text-hue--teal {\n    @apply text-tealText;\n  }\n\n  .dx-text-hue[data-hue='cyan'],\n  .dx-text-hue--cyan {\n    @apply text-cyanText;\n  }\n\n  .dx-text-hue[data-hue='sky'],\n  .dx-text-hue--sky {\n    @apply text-skyText;\n  }\n\n  .dx-text-hue[data-hue='blue'],\n  .dx-text-hue--blue {\n    @apply text-blueText;\n  }\n\n  .dx-text-hue[data-hue='indigo'],\n  .dx-text-hue--indigo {\n    @apply text-indigoText;\n  }\n\n  .dx-text-hue[data-hue='violet'],\n  .dx-text-hue--violet {\n    @apply text-violetText;\n  }\n\n  .dx-text-hue[data-hue='purple'],\n  .dx-text-hue--purple {\n    @apply text-purpleText;\n  }\n\n  .dx-text-hue[data-hue='fuchsia'],\n  .dx-text-hue--fuchsia {\n    @apply text-fuchsiaText;\n  }\n\n  .dx-text-hue[data-hue='pink'],\n  .dx-text-hue--pink {\n    @apply text-pinkText;\n  }\n\n  .dx-text-hue[data-hue='rose'],\n  .dx-text-hue--rose {\n    @apply text-roseText;\n  }\n\n  /*\n   * System colors.\n   */\n\n  .dx-text-hue[data-hue='info'],\n  .dx-text-hue--info {\n    @apply text-cyanText;\n  }\n\n  .dx-text-hue[data-hue='success'],\n  .dx-text-hue--success {\n    @apply text-emeraldText;\n  }\n\n  .dx-text-hue[data-hue='warning'],\n  .dx-text-hue--warning {\n    @apply text-amberText;\n  }\n\n  .dx-text-hue[data-hue='error'],\n  .dx-text-hue--error {\n    @apply text-roseText;\n  }\n}", "@layer utilities {\n  .snap-inline {\n    scroll-snap-type: inline var(--tw-scroll-snap-strictness);\n  }\n  .snap-block {\n    scroll-snap-type: block var(--tw-scroll-snap-strictness);\n  }\n  .sticky-top-0 {\n    --sticky-top: 0;\n  }\n  .contain-layout {\n    contain: layout;\n  }\n}\n\n@layer dx-components {\n  .sticky-top-from-topbar-bottom {\n    --sticky-top: var(--topbar-size);\n  }\n  .sticky-bottom-from-statusbar-bottom {\n    --sticky-bottom: var(--statusbar-size);\n  }\n}\n", "/* Main component classes */\n\n@layer utilities {\n  .dx-main-content-padding {\n    @apply pis-0 scroll-ps-0 pie-0 scroll-pe-0;\n\n    @media (min-width: theme('screens.lg')) {\n      &[data-sidebar-inline-start-state='collapsed'] {\n        @apply pis-[--l0-size] scroll-ps-[--l0-size];\n      }\n      &[data-sidebar-inline-start-state='expanded'] {\n        @apply pis-[--nav-sidebar-size] scroll-ps-[--nav-sidebar-size];\n      }\n\n      &[data-sidebar-inline-end-state='collapsed'] {\n        @apply pie-[--r0-size] scroll-pe-[--r0-size];\n      }\n      &[data-sidebar-inline-end-state='expanded'] {\n        @apply pie-[--complementary-sidebar-size] scroll-pe-[--complementary-sidebar-size];\n      }\n    }\n  }\n\n  .dx-main-content-padding-transitions {\n    transition-property: padding-inline-start, padding-inline-end, scroll-padding-start, scroll-padding-end;\n    @apply duration-200 ease-in-out-symmetric;\n  }\n\n  .dx-main-intrinsic-size {\n    @apply is-[calc(100dvw)-2*var(--main-spacing)] transition-[inline-size] ease-in-out-symmetric duration-200;\n\n    @media (min-width: theme('screens.lg')) {\n      &[data-sidebar-inline-start-state='closed'][data-sidebar-inline-end-state='closed'] {\n        inline-size: calc(100dvw - 2 * var(--main-spacing));\n      }\n      &[data-sidebar-inline-start-state='collapsed'][data-sidebar-inline-end-state='closed'] {\n        inline-size: calc(100dvw - var(--l0-size) - 2 * var(--main-spacing));\n      }\n      &[data-sidebar-inline-start-state='expanded'][data-sidebar-inline-end-state='closed'] {\n        inline-size: calc(100dvw - var(--nav-sidebar-size) - 2 * var(--main-spacing));\n      }\n\n      &[data-sidebar-inline-start-state='closed'][data-sidebar-inline-end-state='collapsed'] {\n        inline-size: calc(100dvw - var(--r0-size) - 2 * var(--main-spacing));\n      }\n      &[data-sidebar-inline-start-state='collapsed'][data-sidebar-inline-end-state='collapsed'] {\n        inline-size: calc(100dvw - var(--l0-size) - var(--r0-size) - 2 * var(--main-spacing));\n      }\n      &[data-sidebar-inline-start-state='expanded'][data-sidebar-inline-end-state='collapsed'] {\n        inline-size: calc(100dvw - var(--nav-sidebar-size) - var(--r0-size) - 2 * var(--main-spacing));\n      }\n\n      &[data-sidebar-inline-start-state='closed'][data-sidebar-inline-end-state='expanded'] {\n        inline-size: calc(100dvw - var(--complementary-sidebar-size) - 2 * var(--main-spacing));\n      }\n      &[data-sidebar-inline-start-state='collapsed'][data-sidebar-inline-end-state='expanded'] {\n        inline-size: calc(100dvw - var(--l0-size) - var(--complementary-sidebar-size) - 2 * var(--main-spacing));\n      }\n      &[data-sidebar-inline-start-state='expanded'][data-sidebar-inline-end-state='expanded'] {\n        inline-size: calc(\n          100dvw - var(--nav-sidebar-size) - var(--complementary-sidebar-size) - 2 * var(--main-spacing)\n        );\n      }\n    }\n  }\n\n  .dx-main-bounce-layout {\n    @apply fixed inset-0 z-0 overflow-auto overscroll-auto;\n  }\n}\n\n@layer dx-components {\n  .dx-main-sidebar {\n    @apply fixed overscroll-contain overflow-x-hidden overflow-y-auto;\n    @apply duration-200 ease-in-out-symmetric;\n    @apply border-landmarkLine border-subduedSeparator rounded-md;\n    @apply sidebar-surface backdrop-blur-md dark:backdrop-blur-lg;\n\n    transition-property: inset-inline-start, inset-inline-end, inline-size;\n    inset-block-start: max(0.5rem, env(safe-area-inset-top));\n    inset-block-end: max(0.5rem, env(safe-area-inset-bottom));\n    inline-size: calc(100dvw - 3rem);\n    z-index: 7;\n\n    @media (min-width: theme('screens.lg')) {\n      @apply block-start-0 block-end-0 rounded-none border-lb-0;\n    }\n\n    &[data-resizing='false'] {\n      @apply duration-200;\n    }\n\n    &[data-side='is'] {\n      @apply -inline-start-[100vw] border-ie-landmarkLine border-subduedSeparator;\n      z-index: 8;\n\n      &[data-state='expanded'] {\n        inset-inline-start: max(0.5rem, env(safe-area-inset-left));\n        @media (min-width: theme('screens.lg')) {\n          @apply inline-start-0;\n        }\n      }\n\n      @media (min-width: theme('screens.sm')) {\n        @apply is-[--nav-sidebar-size];\n      }\n\n      @media (min-width: theme('screens.lg')) {\n        @apply border-is-0;\n\n        &[data-state='collapsed'] {\n          @apply is-[--l0-size] inline-start-0;\n        }\n        &[data-state='expanded'] {\n          @apply is-[--nav-sidebar-size];\n        }\n      }\n    }\n\n    &[data-side='ie'] {\n      @apply -inline-end-[100vw] border-is-landmarkLine border-separator;\n\n      &[data-state='expanded'] {\n        inset-inline-end: max(0.5rem, env(safe-area-inset-right));\n        @media (min-width: theme('screens.lg')) {\n          @apply inline-end-0;\n        }\n      }\n\n      @media (min-width: theme('screens.sm')) {\n        @apply is-[--complementary-sidebar-size];\n      }\n\n      @media (min-width: theme('screens.lg')) {\n        @apply border-ie-0;\n        &[data-state='collapsed'] {\n          @apply is-[--r0-size] inline-end-0;\n        }\n        &[data-state='expanded'] {\n          @apply is-[--complementary-sidebar-size];\n        }\n      }\n    }\n  }\n\n  .dx-main-overlay {\n    @apply fixed inset-0 bg-scrimSurface;\n    @apply transition-opacity duration-200 ease-in-out-symmetric;\n    @apply opacity-0 hidden;\n    z-index: 6;\n\n    &[data-state='open'] {\n      @apply opacity-100 block;\n\n      @media (min-width: theme('screens.lg')) {\n        @apply opacity-100 hidden;\n      }\n    }\n  }\n}\n", "@layer utilities {\n\n  /**\n   * Native app drag regions.\n   * For Tauri apps, the data-tauri-drag-region attribute is applied\n   * automatically by plugin-native (Tauri doesn't support -webkit-app-region).\n   * The CSS properties below are for Electron/PWA compatibility.\n   */\n  .app-drag {\n    -webkit-user-select: none;\n    -webkit-app-region: drag;\n    --app-region: drag;\n  }\n\n  .app-no-drag {\n    -webkit-app-region: no-drag;\n    --app-region: no-drag;\n  }\n\n}\n", "/**\n * @layer dx-components\n */\n\n/** \n * Container query root.\n */\n.size-container {\n  container-type: size;\n}\n\n.container-max-width {\n  @apply is-full max-is-container-max-width mli-auto;\n}\n\n.card-default-width {\n  @apply is-card-default-width;\n}\n\n.card-min-width {\n  @apply min-is-card-min-width;\n}\n\n.card-max-width {\n  @apply is-full max-is-card-max-width;\n}\n\n.popover-max-width {\n  @apply is-max max-is-popover-max-width;\n}\n\n.popover-card-width {\n  inline-size: min(var(--radix-popper-available-width), calc(var(--dx-popover-max-width) - 2 * var(--dx-hairLine)));\n}\n\n.popover-card-height {\n  block-size: min(var(--radix-popper-available-height), 100dvh);\n}\n\n.popover-square {\n  inline-size: min(min(var(--radix-popper-available-width), var(--dx-popover-max-width)),\n      min(var(--radix-popper-available-height), 100dvh));\n  block-size: min(min(var(--radix-popper-available-width), var(--dx-popover-max-width)),\n      min(var(--radix-popper-available-height), 100dvh));\n}\n\n.popover-card-max-width {\n  max-inline-size: min(var(--radix-popper-available-width), var(--dx-popover-max-width));\n}\n\n@layer dx-components {\n\n  /* Block size */\n  [data-size='0'],\n  [data-block-size='0'] {\n    @apply bs-0;\n  }\n\n  [data-size='px'],\n  [data-block-size='px'] {\n    @apply bs-px;\n  }\n\n  [data-size='0.5'],\n  [data-block-size='0.5'] {\n    @apply bs-0.5;\n  }\n\n  [data-size='1'],\n  [data-block-size='1'] {\n    @apply bs-1;\n  }\n\n  [data-size='1.5'],\n  [data-block-size='1.5'] {\n    @apply bs-1.5;\n  }\n\n  [data-size='2'],\n  [data-block-size='2'] {\n    @apply bs-2;\n  }\n\n  [data-size='2.5'],\n  [data-block-size='2.5'] {\n    @apply bs-2.5;\n  }\n\n  [data-size='3'],\n  [data-block-size='3'] {\n    @apply bs-3;\n  }\n\n  [data-size='3.5'],\n  [data-block-size='3.5'] {\n    @apply bs-3.5;\n  }\n\n  [data-size='4'],\n  [data-block-size='4'] {\n    @apply bs-4;\n  }\n\n  [data-size='5'],\n  [data-block-size='5'] {\n    @apply bs-5;\n  }\n\n  [data-size='6'],\n  [data-block-size='6'] {\n    @apply bs-6;\n  }\n\n  [data-size='7'],\n  [data-block-size='7'] {\n    @apply bs-7;\n  }\n\n  [data-size='8'],\n  [data-block-size='8'] {\n    @apply bs-8;\n  }\n\n  [data-size='9'],\n  [data-block-size='9'] {\n    @apply bs-9;\n  }\n\n  [data-size='10'],\n  [data-block-size='10'] {\n    @apply bs-10;\n  }\n\n  [data-size='11'],\n  [data-block-size='11'] {\n    @apply bs-11;\n  }\n\n  [data-size='12'],\n  [data-block-size='12'] {\n    @apply bs-12;\n  }\n\n  [data-size='14'],\n  [data-block-size='14'] {\n    @apply bs-14;\n  }\n\n  [data-size='16'],\n  [data-block-size='16'] {\n    @apply bs-16;\n  }\n\n  [data-size='20'],\n  [data-block-size='20'] {\n    @apply bs-20;\n  }\n\n  [data-size='24'],\n  [data-block-size='24'] {\n    @apply bs-24;\n  }\n\n  [data-size='28'],\n  [data-block-size='28'] {\n    @apply bs-28;\n  }\n\n  [data-size='32'],\n  [data-block-size='32'] {\n    @apply bs-32;\n  }\n\n  [data-size='36'],\n  [data-block-size='36'] {\n    @apply bs-36;\n  }\n\n  [data-size='40'],\n  [data-block-size='40'] {\n    @apply bs-40;\n  }\n\n  [data-size='44'],\n  [data-block-size='44'] {\n    @apply bs-44;\n  }\n\n  [data-size='48'],\n  [data-block-size='48'] {\n    @apply bs-48;\n  }\n\n  [data-size='52'],\n  [data-block-size='52'] {\n    @apply bs-52;\n  }\n\n  [data-size='56'],\n  [data-block-size='56'] {\n    @apply bs-56;\n  }\n\n  [data-size='60'],\n  [data-block-size='60'] {\n    @apply bs-60;\n  }\n\n  [data-size='64'],\n  [data-block-size='64'] {\n    @apply bs-64;\n  }\n\n  [data-size='72'],\n  [data-block-size='72'] {\n    @apply bs-72;\n  }\n\n  [data-size='80'],\n  [data-block-size='80'] {\n    @apply bs-80;\n  }\n\n  [data-size='96'],\n  [data-block-size='96'] {\n    @apply bs-96;\n  }\n\n  /* Inline size */\n  [data-size='0'],\n  [data-inline-size='0'] {\n    @apply is-0;\n  }\n\n  [data-size='px'],\n  [data-inline-size='px'] {\n    @apply is-px;\n  }\n\n  [data-size='0.5'],\n  [data-inline-size='0.5'] {\n    @apply is-0.5;\n  }\n\n  [data-size='1'],\n  [data-inline-size='1'] {\n    @apply is-1;\n  }\n\n  [data-size='1.5'],\n  [data-inline-size='1.5'] {\n    @apply is-1.5;\n  }\n\n  [data-size='2'],\n  [data-inline-size='2'] {\n    @apply is-2;\n  }\n\n  [data-size='2.5'],\n  [data-inline-size='2.5'] {\n    @apply is-2.5;\n  }\n\n  [data-size='3'],\n  [data-inline-size='3'] {\n    @apply is-3;\n  }\n\n  [data-size='3.5'],\n  [data-inline-size='3.5'] {\n    @apply is-3.5;\n  }\n\n  [data-size='4'],\n  [data-inline-size='4'] {\n    @apply is-4;\n  }\n\n  [data-size='5'],\n  [data-inline-size='5'] {\n    @apply is-5;\n  }\n\n  [data-size='6'],\n  [data-inline-size='6'] {\n    @apply is-6;\n  }\n\n  [data-size='7'],\n  [data-inline-size='7'] {\n    @apply is-7;\n  }\n\n  [data-size='8'],\n  [data-inline-size='8'] {\n    @apply is-8;\n  }\n\n  [data-size='9'],\n  [data-inline-size='9'] {\n    @apply is-9;\n  }\n\n  [data-size='10'],\n  [data-inline-size='10'] {\n    @apply is-10;\n  }\n\n  [data-size='11'],\n  [data-inline-size='11'] {\n    @apply is-11;\n  }\n\n  [data-size='12'],\n  [data-inline-size='12'] {\n    @apply is-12;\n  }\n\n  [data-size='14'],\n  [data-inline-size='14'] {\n    @apply is-14;\n  }\n\n  [data-size='16'],\n  [data-inline-size='16'] {\n    @apply is-16;\n  }\n\n  [data-size='20'],\n  [data-inline-size='20'] {\n    @apply is-20;\n  }\n\n  [data-size='24'],\n  [data-inline-size='24'] {\n    @apply is-24;\n  }\n\n  [data-size='28'],\n  [data-inline-size='28'] {\n    @apply is-28;\n  }\n\n  [data-size='32'],\n  [data-inline-size='32'] {\n    @apply is-32;\n  }\n\n  [data-size='36'],\n  [data-inline-size='36'] {\n    @apply is-36;\n  }\n\n  [data-size='40'],\n  [data-inline-size='40'] {\n    @apply is-40;\n  }\n\n  [data-size='44'],\n  [data-inline-size='44'] {\n    @apply is-44;\n  }\n\n  [data-size='48'],\n  [data-inline-size='48'] {\n    @apply is-48;\n  }\n\n  [data-size='52'],\n  [data-inline-size='52'] {\n    @apply is-52;\n  }\n\n  [data-size='56'],\n  [data-inline-size='56'] {\n    @apply is-56;\n  }\n\n  [data-size='60'],\n  [data-inline-size='60'] {\n    @apply is-60;\n  }\n\n  [data-size='64'],\n  [data-inline-size='64'] {\n    @apply is-64;\n  }\n\n  [data-size='72'],\n  [data-inline-size='72'] {\n    @apply is-72;\n  }\n\n  [data-size='80'],\n  [data-inline-size='80'] {\n    @apply is-80;\n  }\n\n  [data-size='96'],\n  [data-inline-size='96'] {\n    @apply is-96;\n  }\n}", "@layer utilities {\n  .base-surface {\n    background-color: var(--dx-baseSurface);\n    --surface-bg: var(--dx-baseSurface);\n  }\n\n  .dark .base-surface {\n    background-color: var(--dx-baseSurface);\n    --surface-bg: var(--dx-baseSurface);\n  }\n\n  .sidebar-surface {\n    background-color: var(--dx-sidebarSurface);\n    --surface-bg: var(--dx-sidebarSurface);\n  }\n\n  .dark .sidebar-surface {\n    background-color: var(--dx-sidebarSurface);\n    --surface-bg: var(--dx-sidebarSurface);\n  }\n\n  .modal-surface {\n    background-color: var(--dx-modalSurface);\n    --surface-bg: var(--dx-modalSurface);\n  }\n\n  .dark .modal-surface {\n    background-color: var(--dx-modalSurface);\n    --surface-bg: var(--dx-modalSurface);\n  }\n}\n", "@layer dx-tokens {\n  :root {\n    --dx-tag-padding-block: 0.125rem;\n  }\n}\n\n@layer dx-components {\n  .dx-tag {\n    @apply inline-block text-xs font-semibold m-0.5 pli-1 rounded-sm cursor-default truncate;\n    padding-block: var(--dx-tag-padding-block);\n    user-select: none;\n  }\n\n  .dx-tag--anchor {\n    /* NOTE: Margin offsets padding so that border is flush with text. This should only apply to anchor tags inside of Codemirror. */\n    @apply inline cursor-pointer -mli-[4px] pli-[3px] plb-0.5 border border-separator rounded-sm bg-groupSurface transition-colors;\n\n    &:hover {\n      @apply bg-hoverSurface;\n    }\n  }\n\n  .dx-tag[data-hue='neutral'],\n  .dx-tag--neutral {\n    @apply bg-separator text-neutral-700 dark:text-neutral-150;\n  }\n\n  .dx-tag[data-hue='red'],\n  .dx-tag--red {\n    @apply bg-redSurface text-redSurfaceText;\n  }\n\n  .dx-tag[data-hue='orange'],\n  .dx-tag--orange {\n    @apply bg-orangeSurface text-orangeSurfaceText;\n  }\n\n  .dx-tag[data-hue='amber'],\n  .dx-tag--amber {\n    @apply bg-amberSurface text-amberSurfaceText;\n  }\n\n  .dx-tag[data-hue='yellow'],\n  .dx-tag--yellow {\n    @apply bg-yellowSurface text-yellowSurfaceText;\n  }\n\n  .dx-tag[data-hue='lime'],\n  .dx-tag--lime {\n    @apply bg-limeSurface text-limeSurfaceText;\n  }\n\n  .dx-tag[data-hue='green'],\n  .dx-tag--green {\n    @apply bg-greenSurface text-greenSurfaceText;\n  }\n\n  .dx-tag[data-hue='emerald'],\n  .dx-tag--emerald {\n    @apply bg-emeraldSurface text-emeraldSurfaceText;\n  }\n\n  .dx-tag[data-hue='teal'],\n  .dx-tag--teal {\n    @apply bg-tealSurface text-tealSurfaceText;\n  }\n\n  .dx-tag[data-hue='cyan'],\n  .dx-tag--cyan {\n    @apply bg-cyanSurface text-cyanSurfaceText;\n  }\n\n  .dx-tag[data-hue='sky'],\n  .dx-tag--sky {\n    @apply bg-skySurface text-skySurfaceText;\n  }\n\n  .dx-tag[data-hue='blue'],\n  .dx-tag--blue {\n    @apply bg-blueSurface text-blueSurfaceText;\n  }\n\n  .dx-tag[data-hue='indigo'],\n  .dx-tag--indigo {\n    @apply bg-indigoSurface text-indigoSurfaceText;\n  }\n\n  .dx-tag[data-hue='violet'],\n  .dx-tag--violet {\n    @apply bg-violetSurface text-violetSurfaceText;\n  }\n\n  .dx-tag[data-hue='purple'],\n  .dx-tag--purple {\n    @apply bg-purpleSurface text-purpleSurfaceText;\n  }\n\n  .dx-tag[data-hue='fuchsia'],\n  .dx-tag--fuchsia {\n    @apply bg-fuchsiaSurface text-fuchsiaSurfaceText;\n  }\n\n  .dx-tag[data-hue='pink'],\n  .dx-tag--pink {\n    @apply bg-pinkSurface text-pinkSurfaceText;\n  }\n\n  .dx-tag[data-hue='rose'],\n  .dx-tag--rose {\n    @apply bg-roseSurface text-roseSurfaceText;\n  }\n\n  .dx-tag[data-hue='info'],\n  .dx-tag--info {\n    @apply bg-cyanSurface text-cyanSurfaceText;\n  }\n\n  .dx-tag[data-hue='success'],\n  .dx-tag--success {\n    @apply bg-emeraldSurface text-emeraldSurfaceText;\n  }\n\n  .dx-tag[data-hue='warning'],\n  .dx-tag--warning {\n    @apply bg-amberSurface text-amberSurfaceText;\n  }\n\n  .dx-tag[data-hue='error'],\n  .dx-tag--error {\n    @apply bg-roseSurface text-roseSurfaceText;\n  }\n}\n", "@layer dx-components {\n\n  .tl-container.tl-theme__light {\n    /* Converted */\n    /* General */\n    --color-accent: var(--color-accent);\n    --color-background: var(--surface-bg); /* Main background. */\n\n    /* Panels *\n    --color-panel: theme(colors.neutral.50);\n    --color-divider: theme(colors.neutral.75); /* Separator light. */\n    --color-panel-contrast: var(--dx-separator);\n    --color-panel-overlay: rgba(255, 255, 255, 0.82);\n\n    /* Unmodified.\n    --color-brush-fill: rgba(144, 144, 144, 0.102);\n    --color-brush-stroke: rgba(144, 144, 144, 0.251);\n    --color-grid: rgba(144, 144, 144, 0.902);\n    --color-low: rgb(237, 240, 242);\n    --color-culled: rgb(235, 238, 240);\n    --color-muted-0: rgba(0, 0, 0, 0.02);\n    --color-muted-1: rgba(0, 0, 0, 0.1);\n    --color-muted-2: rgba(0, 0, 0, 0.035);\n    --color-hint: rgba(0, 0, 0, 0.055);\n    --color-overlay: rgba(0, 0, 0, 0.2);\n    --color-focus: #004094;\n    --color-selected: #2f80ed;\n    --color-selected-contrast: #ffffff;\n    --color-selection-fill: #1e90ff06;\n    --color-selection-stroke: #2f80ed;\n    --color-text-0: #1d1d1d;\n    --color-text-1: #2d2d2d;\n    --color-text-2: #5f6369;\n    --color-text-3: #b6b7ba;\n    --color-primary: #2f80ed;\n    --color-warn: #d10b0b;\n    --color-text: #000000;\n    --color-laser: #ff0000;\n    --shadow-1: 0px 1px 2px rgba(0, 0, 0, 0.22), 0px 1px 3px rgba(0, 0, 0, 0.09);\n    --shadow-2: 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 2px 3px rgba(0, 0, 0, 0.24), 0px 2px 6px rgba(0, 0, 0, 0.1),\n      inset 0px 0px 0px 1px var(--color-panel-contrast);\n    --shadow-3: 0px 1px 2px rgba(0, 0, 0, 0.25), 0px 2px 6px rgba(0, 0, 0, 0.14),\n      inset 0px 0px 0px 1px var(--color-panel-contrast);\n    --shadow-4: 0px 0px 3px rgba(0, 0, 0, 0.16), 0px 5px 4px rgba(0, 0, 0, 0.16), 0px 2px 16px rgba(0, 0, 0, 0.06),\n      inset 0px 0px 0px 1px var(--color-panel-contrast);\n  */\n  }\n\n  .tl-container.tl-theme__dark {\n    /* Converted */\n    /* General */\n    --color-accent: var(--color-accent);\n    --color-background: var(--surface-bg);\n\n    /* Panels */\n    --color-divider: var(--dx-separator); /* Separator dark. */\n    --color-panel: var(--dx-attention);\n    --color-panel-contrast: var(--dx-separator);\n    --color-panel-overlay: rgba(54, 61, 68, 0.82);\n\n    /* Unmodified.\n    --color-brush-fill: rgba(180, 180, 180, 0.05);\n    --color-brush-stroke: rgba(180, 180, 180, 0.25);\n    --color-grid: #909090e6;\n    --color-low: #2c3136;\n    --color-culled: rgb(47, 52, 57);\n    --color-muted-0: rgba(255, 255, 255, 0.02);\n    --color-muted-1: rgba(255, 255, 255, 0.1);\n    --color-muted-2: rgba(255, 255, 255, 0.05);\n    --color-hint: rgba(255, 255, 255, 0.1);\n    --color-overlay: rgba(0, 0, 0, 0.35);\n    --color-focus: #a5c3f3;\n    --color-selected: #4285f4;\n    --color-selected-contrast: #ffffff;\n    --color-selection-fill: rgba(38, 150, 255, 0.05);\n    --color-selection-stroke: #2f80ed;\n    --color-text-0: #f0eded;\n    --color-text-1: #d9d9d9;\n    --color-text-2: #8e9094;\n    --color-text-3: #515a62;\n    --color-primary: #2f80ed;\n    --color-warn: #d10b0b;\n    --color-text: #f8f9fa;\n    --color-laser: #ff0000;\n    --shadow-1: 0px 1px 2px #00000029, 0px 1px 3px #00000038, inset 0px 0px 0px 1px var(--color-panel-contrast);\n    --shadow-2: 0px 1px 3px #00000077, 0px 2px 6px #00000055, inset 0px 0px 0px 1px var(--color-panel-contrast);\n    --shadow-3: 0px 1px 3px #00000077, 0px 2px 12px rgba(0, 0, 0, 0.22), inset 0px 0px 0px 1px var(--color-panel-contrast);\n    */\n  }\n\n}\n", "@layer dx-tokens {\n  @tokens dx;\n\n  :root {\n    /* Recitations */\n    --sticky-top: 0;\n\n    /* Lengths / sizes */\n    --rail-content: 3rem;\n    --rail-size: calc(var(--rail-content) + 1px);\n    --rail-action: calc(var(--rail-content) - 0.5rem + 1px);\n    --rail-item: calc(var(--rail-content) - 1rem);\n    --line-height: 32px;\n    --topbar-size: var(--rail-size);\n    --toolbar-size: var(--rail-content);\n    --statusbar-size: theme(spacing.8);\n    --nav-sidebar-size: 22.5rem;\n    --complementary-sidebar-size: 25rem;\n    /* NOTE(thure): 74px (rather than rem) is intentional in order to match the size of macOS windowing controls. */\n    --l0-size: 74px;\n    --l0-avatar-size: 3rem;\n    --l1-size: calc(var(--nav-sidebar-size) - var(--l0-size));\n    --r0-size: var(--rail-size);\n    --r1-size: calc(var(--complementary-sidebar-size) - var(--r0-size));\n    --text-content: calc(50rem - env(safe-area-inset-left) - env(safe-area-inset-right));\n  }\n\n  /* TODO(thure): Support arbitrary values (like for keywords e.g. `auto`, or font families) in @ch-ui/tokens */\n  :root {\n    --dx-calc-auto: auto;\n    --dx-calc-min: min-content;\n    --dx-calc-fit: fit-content;\n    --dx-calc-max: max-content;\n    --dx-calc-content: content;\n  }\n  @supports (block-size: calc-size(fit-content, size)) {\n    :root {\n      --dx-calc-auto: calc-size(auto, size);\n      --dx-calc-min: calc-size(min-content, size);\n      --dx-calc-fit: calc-size(fit-content, size);\n      --dx-calc-max: calc-size(max-content, size);\n      --dx-calc-content: calc-size(content, size);\n    }\n  }\n}\n", "/**\n * Typography configuration.\n */\n\n@import '@fontsource-variable/jetbrains-mono/wght-italic.css';\n@import '@fontsource-variable/jetbrains-mono/wght.css';\n/* @import '@fontsource-variable/inter/slnt.css'; */\n@import '@fontsource/poiret-one';\n\n@layer utilities {\n\n  /* Font weights & `italic` handling */\n  .not-italic {\n    font-variation-settings:\n      'wght' 400,\n      'slnt' 0;\n  }\n\n  .font-thin,\n  .not-italic.font-thin,\n  .not-italic .font-thin,\n  .font-thin .not-italic {\n    font-variation-settings:\n      'wght' 100,\n      'slnt' 0;\n  }\n\n  .font-extralight,\n  .not-italic.font-extralight,\n  .not-italic .font-extralight,\n  .font-extralight .not-italic {\n    font-variation-settings:\n      'wght' 200,\n      'slnt' 0;\n  }\n\n  .font-light,\n  .not-italic.font-light,\n  .not-italic .font-light,\n  .font-light .not-italic {\n    font-variation-settings:\n      'wght' 300,\n      'slnt' 0;\n  }\n\n  .font-normal,\n  .not-italic.font-normal,\n  .not-italic .font-normal,\n  .font-normal .not-italic {\n    font-variation-settings:\n      'wght' 400,\n      'slnt' 0;\n  }\n\n  .font-medium,\n  .not-italic.font-medium,\n  .not-italic .font-medium,\n  .font-medium .not-italic {\n    font-variation-settings:\n      'wght' 500,\n      'slnt' 0;\n  }\n\n  .font-semibold,\n  .not-italic.font-semibold,\n  .not-italic .font-semibold,\n  .font-semibold .not-italic {\n    font-variation-settings:\n      'wght' 600,\n      'slnt' 0;\n  }\n\n  .font-bold,\n  .not-italic.font-bold,\n  .not-italic .font-bold,\n  .font-bold .not-italic {\n    font-variation-settings:\n      'wght' 700,\n      'slnt' 0;\n  }\n\n  .font-extrabold,\n  .not-italic.font-extrabold,\n  .not-italic .font-extrabold,\n  .font-extrabold .not-italic {\n    font-variation-settings:\n      'wght' 800,\n      'slnt' 0;\n  }\n\n  .font-black,\n  .not-italic.font-black,\n  .not-italic .font-black,\n  .font-black .not-italic {\n    font-variation-settings:\n      'wght' 900,\n      'slnt' 0;\n  }\n\n  .italic {\n    font-variation-settings:\n      'wght' 400,\n      'slnt' -10;\n  }\n\n  .italic.font-thin,\n  .italic .font-thin,\n  .font-thin .italic {\n    font-variation-settings:\n      'wght' 100,\n      'slnt' -10;\n  }\n\n  .italic.font-extralight,\n  .italic .font-extralight,\n  .font-extralight .italic {\n    font-variation-settings:\n      'wght' 200,\n      'slnt' -10;\n  }\n\n  .italic.font-light,\n  .italic .font-light,\n  .font-light .italic {\n    font-variation-settings:\n      'wght' 300,\n      'slnt' -10;\n  }\n\n  .italic.font-normal,\n  .italic .font-normal,\n  .font-normal .italic {\n    font-variation-settings:\n      'wght' 400,\n      'slnt' -10;\n  }\n\n  .italic.font-medium,\n  .italic .font-medium,\n  .font-medium .italic {\n    font-variation-settings:\n      'wght' 500,\n      'slnt' -10;\n  }\n\n  .italic.font-semibold,\n  .italic .font-semibold,\n  .font-semibold .italic {\n    font-variation-settings:\n      'wght' 600,\n      'slnt' -10;\n  }\n\n  .italic.font-bold,\n  .italic .font-bold,\n  .font-bold .italic {\n    font-variation-settings:\n      'wght' 700,\n      'slnt' -10;\n  }\n\n  .italic.font-extrabold,\n  .italic .font-extrabold,\n  .font-extrabold .italic {\n    font-variation-settings:\n      'wght' 800,\n      'slnt' -10;\n  }\n\n  .italic.font-black,\n  .italic .font-black,\n  .font-black .italic {\n    font-variation-settings:\n      'wght' 900,\n      'slnt' -10;\n  }\n}", "/**\n * NOTE: The order of the layers is important and defined in the root `index.html`.\n */\n\n@import './anchored-overflow.css';\n@import './animation.css';\n@import './attention.css';\n@import './base.css';\n@import './button.css';\n@import './can-scroll.css';\n@import './checkbox.css';\n@import './dialog.css';\n@import './drag-preview.css';\n@import './focus-ring.css';\n@import './hues.css';\n@import './positioning.css';\n@import './main.css';\n@import './native.css';\n@import './size.css';\n@import './surfaces.css';\n@import './tag.css';\n@import './tldraw.css';\n@import './tokens.css';\n@import './typography.css';\n\n@layer dx-tokens, user-tokens, tw-base, dx-base, tw-components, dx-components, utilities;\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/types/src/Tokens.stories.d.ts

@@ -0,0 +1,10 @@
+import { type StoryObj } from '@storybook/react-vite';
+import React from 'react';
+declare const meta: {
+    title: string;
+    render: () => React.JSX.Element;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+//# sourceMappingURL=Tokens.stories.d.ts.map

package/dist/types/src/Tokens.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tokens.stories.d.ts","sourceRoot":"","sources":["../../../src/Tokens.stories.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAmB,MAAM,OAAO,CAAC;AAwExC,QAAA,MAAM,IAAI;;;CAG2B,CAAC;AAEtC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC"}

package/dist/types/src/config/index.d.ts

@@ -0,0 +1,3 @@
+export * from './tailwind';
+export * from './tokens';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/src/config/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/config/index.ts"],"names":[],"mappings":"AAIA,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC"}

package/dist/types/src/config/tailwind.d.ts

@@ -0,0 +1,9 @@
+import { type Config, type ThemeConfig } from 'tailwindcss/types/config';
+export type TailwindConfig = Config;
+export type TailwindThemeConfig = ThemeConfig;
+export declare const tailwindConfig: ({ env, content, extensions, }: {
+    env?: string;
+    content?: string[];
+    extensions?: Partial<TailwindThemeConfig>[];
+}) => TailwindConfig;
+//# sourceMappingURL=tailwind.d.ts.map

package/dist/types/src/config/tailwind.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tailwind.d.ts","sourceRoot":"","sources":["../../../../src/config/tailwind.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,KAAK,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAMzE,MAAM,MAAM,cAAc,GAAG,MAAM,CAAC;AACpC,MAAM,MAAM,mBAAmB,GAAG,WAAW,CAAC;AAI9C,eAAO,MAAM,cAAc,GAAI,+BAI5B;IACD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,EAAE,CAAC;CAC7C,KAAG,cA2OF,CAAC"}

package/dist/types/src/config/tokens/alias-colors.d.ts

@@ -0,0 +1,21 @@
+export declare const aliasColors: {
+    conditions: {
+        root: string[];
+        group: string[];
+        modal: string[];
+        gridFocusStack: string[];
+    };
+    aliases: {
+        activeSurface: {
+            root: string[];
+        };
+        accentFocusIndicator: {
+            root: string[];
+        };
+        neutralFocusIndicator: {
+            gridFocusStack: string[];
+        };
+    };
+    namespace: string;
+};
+//# sourceMappingURL=alias-colors.d.ts.map

package/dist/types/src/config/tokens/alias-colors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alias-colors.d.ts","sourceRoot":"","sources":["../../../../../src/config/tokens/alias-colors.ts"],"names":[],"mappings":"AAaA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;CAyBM,CAAC"}