@ohos-ports/dxos-react-ui-theme 0.6.7-beta.1

package/dist/plugin/node/theme.css

@@ -0,0 +1,418 @@
+@import "tailwindcss/base";
+@import "tailwindcss/utilities";
+@import "tailwindcss/components";
+@import "@fontsource-variable/jetbrains-mono/wght-italic.css";
+@import "@fontsource-variable/jetbrains-mono/wght.css";
+@import "@fontsource-variable/inter/slnt.css";
+
+/* packages/ui/react-ui-theme/src/styles/layers/anchored-overflow.css */
+@layer components {
+  .overflow-anchored * {
+    overflow-anchor: none;
+  }
+  .overflow-anchor {
+    overflow-anchor: auto;
+  }
+}
+
+/* packages/ui/react-ui-theme/src/styles/layers/attention.css */
+@layer utilities {
+  .attention-surface {
+    background-color: white;
+    --surface-bg: white;
+  }
+  .dark .attention-surface {
+    background-color: theme(colors.neutral.900);
+    --surface-bg: theme(colors.neutral.900);
+  }
+}
+@layer components {
+  .attention {
+    --surface-bg: transparent;
+    --surface-separator: transparent;
+  }
+  .attention-within:focus-within {
+    --surface-bg: white;
+    --surface-separator: theme(colors.neutral.75);
+  }
+  .dark .attention-within:focus-within {
+    --surface-bg: theme(colors.neutral.900);
+    --surface-separator: theme(colors.neutral.750);
+  }
+  .group\/attention:not(:focus-within) .attention-current[aria-current] {
+    --surface-bg: white;
+    --surface-separator: theme(colors.neutral.75);
+  }
+  .dark .group\/attention:not(:focus-within) .attention-current[aria-current] {
+    --surface-bg: theme(colors.neutral.900);
+    --surface-separator: theme(colors.neutral.750);
+  }
+  .attention-static,
+  .attention-within.attention-static {
+    --surface-bg: white;
+    --surface-separator: theme(colors.neutral.75);
+  }
+  .dark .attention-static,
+  .dark .attention-within.attention-static {
+    --surface-bg: theme(colors.neutral.900);
+    --surface-separator: theme(colors.neutral.750);
+  }
+}
+
+/* packages/ui/react-ui-theme/src/styles/layers/button.css */
+@layer base {
+  .ch-button {
+    @apply font-medium text-sm shrink-0 inline-flex select-none items-center justify-center overflow-hidden transition-colors duration-100 ease-linear surface-input min-bs-[2.5rem] pli-4;
+    &[aria-pressed=true],
+    &[aria-checked=true] {
+      @apply fg-accent surface-attention;
+    }
+    &[disabled]:not([disabled=false]) {
+      @apply opacity-40 cursor-not-allowed shadow-none;
+    }
+    &[data-variant=ghost] {
+      @apply bg-transparent;
+      &:hover {
+        @apply surface-hover text-inherit;
+      }
+      &[data-state=open] {
+        @apply surface-input;
+      }
+      &[aria-pressed=true],
+      &[aria-checked=true] {
+        @apply surface-base fg-accent;
+      }
+    }
+    &[data-variant=outline] {
+      @apply border separator-base bg-transparent;
+      &:hover {
+        @apply surface-hover;
+      }
+    }
+    &:not([disabled]),
+    &[disabled=false] {
+      &:hover {
+        @apply surface-hover;
+      }
+      &[data-variant=primary] {
+        @apply fg-inverse surface-accent;
+        &:hover,
+        &[aria-pressed=true],
+        &[aria-checked=true] &[data-state=open] {
+          @apply surface-accentHover;
+        }
+      }
+      &[data-variant=destructive] {
+        @apply fg-inverse bg-error-550;
+        &:hover,
+        &[aria-pressed=true],
+        &[aria-checked=true] &[data-state=open] {
+          @apply bg-error-500;
+        }
+      }
+    }
+  }
+  .ch-button:not([data-props~=grouped]) {
+    @apply rounded-sm;
+  }
+  .ch-button:not([data-props~=wrap]) {
+    @apply truncate;
+  }
+  @media (pointer: fine) {
+    .ch-button[data-density=fine] {
+      @apply min-bs-[2rem] pli-2.5;
+    }
+  }
+}
+
+/* packages/ui/react-ui-theme/src/styles/layers/can-scroll.css */
+@layer 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));
+    }
+  }
+}
+
+/* packages/ui/react-ui-theme/src/styles/layers/checkbox.css */
+@layer base {
+  .ch-checkbox {
+    @apply is-4 bs-4 border-0 shadow-inner transition-colors surface-unAccent s-accent-unAccent fg-inverse shrink-0 inline-grid place-items-center rounded-sm;
+    &[aria-checked=true],
+    &[aria-checked=mixed],
+    &:checked {
+      @apply surface-accent s-accent-accent;
+    }
+    &:not([disabled]),
+    &[disabled=false] {
+      &:hover {
+        @apply surface-unAccentHover s-accent-unAccentHover;
+        &[aria-checked=true],
+        &[aria-checked=mixed],
+        &:checked {
+          @apply surface-accentHover s-accent-accentHover;
+        }
+      }
+    }
+  }
+}
+
+/* packages/ui/react-ui-theme/src/styles/layers/focus-ring.css */
+@layer base {
+  .ch-focus-ring {
+    &:not([disabled]),
+    &[disabled=false] {
+      &:focus {
+        @apply outline-none;
+      }
+      &:focus-visible {
+        @apply z-[1] ring-2 ring-offset-0 ring-primary-350 ring-offset-white;
+        .dark & {
+          @apply ring-primary-450 ring-offset-black;
+        }
+        &:hover {
+          @apply outline-none;
+          .dark & {
+            @apply outline-none;
+          }
+        }
+      }
+    }
+  }
+}
+
+/* packages/ui/react-ui-theme/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;
+  }
+}
+@layer components {
+  .sticky-top-from-topbar-bottom {
+    --sticky-top: var(--topbar-size);
+  }
+  .sticky-bottom-from-statusbar-bottom {
+    --sticky-bottom: var(--statusbar-size);
+  }
+}
+
+/* packages/ui/react-ui-theme/src/styles/layers/surfaces.css */
+@layer utilities {
+  .base-surface {
+    background-color: theme(colors.neutral.25);
+    --surface-bg: theme(colors.neutral.25);
+    --input-bg: theme(colors.neutral.50);
+    --input-bg-hover: theme(colors.neutral.75);
+  }
+  .dark .base-surface {
+    background-color: theme(colors.neutral.850);
+    --surface-bg: theme(colors.neutral.850);
+    --input-bg: theme(colors.neutral.825);
+    --input-bg-hover: theme(colors.neutral.800);
+  }
+  .fixed-surface {
+    background-color: theme(colors.neutral.25 / 90%);
+    --surface-bg: theme(colors.neutral.25);
+    --input-bg: theme(colors.neutral.50);
+    --input-bg-hover: theme(colors.neutral.75);
+  }
+  .dark .fixed-surface {
+    background-color: theme(colors.neutral.850 / 90%);
+    --surface-bg: theme(colors.neutral.850);
+    --input-bg: theme(colors.neutral.825);
+    --input-bg-hover: theme(colors.neutral.800);
+  }
+  .modal-surface {
+    background-color: #ffffff;
+    --surface-bg: white;
+  }
+  .dark .modal-surface {
+    background-color: theme(colors.neutral.750);
+    --surface-bg: theme(colors.neutral.750);
+  }
+}
+
+/* packages/ui/react-ui-theme/src/styles/layers/tldraw.css */
+.tl-container.tl-theme__light {
+  --color-accent: var(--color-accent);
+  --color-background: var(--surface-bg);
+  --color-panel-contrast: theme(colors.neutral.25);
+  --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: theme(colors.neutral.750);
+  --color-panel: theme(colors.neutral.900);
+  --color-panel-contrast: theme(colors.neutral.750);
+  --color-panel-overlay: rgba(54, 61, 68, 0.82);
+}
+
+/* packages/ui/react-ui-theme/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;
+  }
+}
+
+/* packages/ui/react-ui-theme/src/styles/layers/index.css */
+
+/* packages/ui/react-ui-theme/src/theme.css */
+:root {
+  font-synthesis: none;
+  font-variation-settings: "wght" 400, "slnt" 0;
+  scroll-padding-block-start: theme(spacing.14);
+  scroll-padding-block-end: theme(spacing.2);
+  --surface-bg: theme(colors.neutral.25);
+  --input-bg: theme(colors.neutral.50);
+  --input-bg-hover: theme(colors.neutral.75);
+  --surface-text: black;
+  --description-text: theme(colors.neutral.300);
+  --topbar-size: theme(spacing.12);
+  --statusbar-size: theme(spacing.6);
+  --sticky-top: 0;
+  --rail-size: 48px;
+  --rail-action: 40px;
+}
+@media (pointer: coarse) {
+  :root {
+    --statusbar-size: theme(spacing.8);
+  }
+}
+.dark {
+  --surface-bg: theme(colors.neutral.850);
+  --surface-text: white;
+  --input-bg: theme(colors.neutral.825);
+  --input-bg-hover: theme(colors.neutral.800);
+  --description-text: theme(colors.neutral.500);
+  color: var(--surface-text);
+}
+html {
+  background-color: var(--surface-bg);
+  color: var(--surface-text);
+  @apply font-body;
+}
+/*# sourceMappingURL=theme.css.map */

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/styles/layers/anchored-overflow.css", "../../../src/styles/layers/attention.css", "../../../src/styles/layers/button.css", "../../../src/styles/layers/can-scroll.css", "../../../src/styles/layers/checkbox.css", "../../../src/styles/layers/focus-ring.css", "../../../src/styles/layers/positioning.css", "../../../src/styles/layers/surfaces.css", "../../../src/styles/layers/tldraw.css", "../../../src/styles/layers/typography.css", "../../../src/theme.css"],
+  "sourcesContent": ["@layer components {\n  .overflow-anchored * {\n    overflow-anchor: none;\n  }\n\n  .overflow-anchor {\n    overflow-anchor: auto;\n  }\n}\n", "@layer utilities {\n  .attention-surface {\n    background-color: white;\n    --surface-bg: white;\n  }\n\n  .dark .attention-surface {\n    background-color: theme(colors.neutral.900);\n    --surface-bg: theme(colors.neutral.900);\n  }\n}\n\n@layer components {\n  .attention {\n    --surface-bg: transparent;\n    --surface-separator: transparent;\n  }\n\n  .attention-within:focus-within {\n    --surface-bg: white;\n    --surface-separator: theme(colors.neutral.75);\n  }\n\n  .dark .attention-within:focus-within {\n    --surface-bg: theme(colors.neutral.900);\n    --surface-separator: theme(colors.neutral.750);\n  }\n\n  .group\\/attention:not(:focus-within) .attention-current[aria-current] {\n    --surface-bg: white;\n    --surface-separator: theme(colors.neutral.75);\n  }\n\n  .dark .group\\/attention:not(:focus-within) .attention-current[aria-current] {\n    --surface-bg: theme(colors.neutral.900);\n    --surface-separator: theme(colors.neutral.750);\n  }\n\n  .attention-static,\n  .attention-within.attention-static {\n    --surface-bg: white;\n    --surface-separator: theme(colors.neutral.75);\n  }\n\n  .dark .attention-static,\n  .dark .attention-within.attention-static {\n    --surface-bg: theme(colors.neutral.900);\n    --surface-separator: theme(colors.neutral.750);\n  }\n}\n", "/* TODO(thure): Focus is handled by .ch-focus-ring, but should ideally be applied as part of this component.*/\n/* TODO(thure): This should be on the `components` layer, but utility classes like `pli-0` weren\u2019t getting precedence like they should. */\n@layer base {\n  /* Base styles */\n  .ch-button {\n    @apply font-medium text-sm shrink-0 inline-flex select-none items-center justify-center overflow-hidden transition-colors duration-100 ease-linear surface-input min-bs-[2.5rem] pli-4;\n    &[aria-pressed='true'],\n    &[aria-checked='true'] {\n      @apply fg-accent surface-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 surface-hover text-inherit;\n      }\n      &[data-state='open'] {\n        @apply surface-input;\n      }\n      &[aria-pressed='true'],\n      &[aria-checked='true'] {\n        @apply surface-base fg-accent;\n      }\n    }\n    &[data-variant='outline'] {\n      @apply border separator-base bg-transparent;\n      &:hover {\n        @apply surface-hover;\n      }\n    }\n    /* Enabled styles */\n    &:not([disabled]),\n    &[disabled='false'] {\n      /* Hover */\n      &:hover {\n        @apply surface-hover;\n      }\n      /* Variants */\n      &[data-variant='primary'] {\n        @apply fg-inverse surface-accent;\n        &:hover,\n        &[aria-pressed='true'],\n        &[aria-checked='true'] &[data-state='open'] {\n          @apply surface-accentHover;\n        }\n      }\n      &[data-variant='destructive'] {\n        @apply fg-inverse bg-error-550;\n        &:hover,\n        &[aria-pressed='true'],\n        &[aria-checked='true'] &[data-state='open'] {\n          @apply bg-error-500;\n        }\n      }\n    }\n  }\n  /* Props */\n  .ch-button:not([data-props~='grouped']) {\n    @apply rounded-sm;\n  }\n  .ch-button:not([data-props~='wrap']) {\n    @apply truncate;\n  }\n  @media (pointer: fine) {\n    .ch-button[data-density='fine'] {\n      @apply min-bs-[2rem] pli-2.5;\n    }\n  }\n}\n", "@layer 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 .ch-focus-ring, but should ideally be applied as part of this component.*/\n/* TODO(thure): This should be on the `components` layer, but utility classes like `pli-0` weren\u2019t getting precedence like they should. */\n@layer base {\n  .ch-checkbox {\n    @apply is-4 bs-4 border-0 shadow-inner transition-colors surface-unAccent s-accent-unAccent fg-inverse shrink-0 inline-grid place-items-center rounded-sm;\n    /* Not-unchecked styles */\n    &[aria-checked='true'],\n    &[aria-checked='mixed'],\n    &:checked {\n      @apply surface-accent s-accent-accent;\n    }\n    /* Enabled styles */\n    &:not([disabled]),\n    &[disabled='false'] {\n      &:hover {\n        @apply surface-unAccentHover s-accent-unAccentHover;\n        &[aria-checked='true'],\n        &[aria-checked='mixed'],\n        &:checked {\n          @apply surface-accentHover s-accent-accentHover;\n        }\n      }\n    }\n  }\n}\n", "@layer base {\n  .ch-focus-ring {\n    &:not([disabled]),\n    &[disabled='false'] {\n      &:focus {\n        @apply outline-none;\n      }\n\n      &:focus-visible {\n        @apply z-[1] ring-2 ring-offset-0 ring-primary-350 ring-offset-white;\n\n        .dark & {\n          @apply ring-primary-450 ring-offset-black;\n        }\n\n        &:hover {\n          @apply outline-none;\n\n          .dark & {\n            @apply outline-none;\n          }\n        }\n      }\n    }\n  }\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}\n\n@layer 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", "@layer utilities {\n  .base-surface {\n    background-color: theme(colors.neutral.25);\n    --surface-bg: theme(colors.neutral.25);\n    --input-bg: theme(colors.neutral.50);\n    --input-bg-hover: theme(colors.neutral.75);\n  }\n\n  .dark .base-surface {\n    background-color: theme(colors.neutral.850);\n    --surface-bg: theme(colors.neutral.850);\n    --input-bg: theme(colors.neutral.825);\n    --input-bg-hover: theme(colors.neutral.800);\n  }\n\n  .fixed-surface {\n    background-color: theme(colors.neutral.25 / 90%);\n    --surface-bg: theme(colors.neutral.25);\n    --input-bg: theme(colors.neutral.50);\n    --input-bg-hover: theme(colors.neutral.75);\n  }\n\n  .dark .fixed-surface {\n    background-color: theme(colors.neutral.850 / 90%);\n    --surface-bg: theme(colors.neutral.850);\n    --input-bg: theme(colors.neutral.825);\n    --input-bg-hover: theme(colors.neutral.800);\n  }\n\n  .modal-surface {\n    background-color: #ffffff;\n    --surface-bg: white;\n  }\n\n  .dark .modal-surface {\n    background-color: theme(colors.neutral.750);\n    --surface-bg: theme(colors.neutral.750);\n  }\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: theme(colors.neutral.25);\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: theme(colors.neutral.750); /* Separator dark. */\n  --color-panel: theme(colors.neutral.900);\n  --color-panel-contrast: theme(colors.neutral.750);\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", "@import '@fontsource-variable/jetbrains-mono/wght-italic.css';\n@import '@fontsource-variable/jetbrains-mono/wght.css';\n@import '@fontsource-variable/inter/slnt.css';\n\n@layer utilities {\n  /* Font weights & `italic` handling */\n  .not-italic {\n    font-variation-settings:\n      'wght' 400,\n      'slnt' 0;\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  .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  .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  .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  .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  .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  .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  .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  .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  .italic {\n    font-variation-settings:\n      'wght' 400,\n      'slnt' -10;\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  .italic.font-extralight,\n  .italic .font-extralight,\n  .font-extralight .italic {\n    font-variation-settings:\n      'wght' 200,\n      'slnt' -10;\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  .italic.font-normal,\n  .italic .font-normal,\n  .font-normal .italic {\n    font-variation-settings:\n      'wght' 400,\n      'slnt' -10;\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  .italic.font-semibold,\n  .italic .font-semibold,\n  .font-semibold .italic {\n    font-variation-settings:\n      'wght' 600,\n      'slnt' -10;\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  .italic.font-extrabold,\n  .italic .font-extrabold,\n  .font-extrabold .italic {\n    font-variation-settings:\n      'wght' 800,\n      'slnt' -10;\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", "/**\n * Variable fonts:\n * https://fontsource.org/?category=sans-serif&variable=true\n */\n\n@import 'tailwindcss/base';\n@import 'tailwindcss/utilities';\n@import 'tailwindcss/components';\n\n@import './styles/layers/index.css';\n\n/* Base variables */\n\n:root {\n  font-synthesis: none;\n  font-variation-settings:\n    'wght' 400,\n    'slnt' 0;\n  scroll-padding-block-start: theme(spacing.14);\n  scroll-padding-block-end: theme(spacing.2);\n  --surface-bg: theme(colors.neutral.25);\n  --input-bg: theme(colors.neutral.50);\n  --input-bg-hover: theme(colors.neutral.75);\n  --surface-text: black;\n  --description-text: theme(colors.neutral.300);\n  --topbar-size: theme(spacing.12);\n  --statusbar-size: theme(spacing.6);\n  --sticky-top: 0;\n  --rail-size: 48px;\n  --rail-action: 40px;\n}\n\n@media (pointer: coarse) {\n  :root {\n    --statusbar-size: theme(spacing.8);\n  }\n}\n\n.dark {\n  --surface-bg: theme(colors.neutral.850);\n  --surface-text: white;\n  --input-bg: theme(colors.neutral.825);\n  --input-bg-hover: theme(colors.neutral.800);\n  --description-text: theme(colors.neutral.500);\n  color: var(--surface-text);\n}\n\nhtml {\n  background-color: var(--surface-bg);\n  color: var(--surface-text);\n  @apply font-body;\n}\n"],
+  "mappings": "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",
+  "names": []
+}

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

@@ -0,0 +1,109 @@
+export type PaletteConfig = {
+    keyColor: string;
+    darkCp: number;
+    lightCp: number;
+    hueTorsion: number;
+};
+export type HuePalette = 'red' | 'orange' | 'amber' | 'yellow' | 'lime' | 'green' | 'emerald' | 'teal' | 'cyan' | 'sky' | 'blue' | 'indigo' | 'violet' | 'purple' | 'fuchsia' | 'pink' | 'rose';
+export type ConfigPalette = HuePalette | 'primary' | 'neutral';
+export declare const paletteConfigs: Record<ConfigPalette, PaletteConfig>;
+export declare const physicalColors: Record<string, Record<string, string>>;
+export declare const semanticColors: {
+    scrim: {
+        light: string;
+        dark: string;
+    };
+    attention: {
+        light: string;
+        dark: string;
+    };
+    deck: {
+        light: string;
+        dark: string;
+    };
+    base: {
+        light: string;
+        dark: string;
+        fg: {
+            light: string;
+            dark: string;
+        };
+    };
+    fgHover: {
+        light: string;
+        dark: string;
+    };
+    description: {
+        light: string;
+        dark: string;
+    };
+    subdued: {
+        light: string;
+        dark: string;
+    };
+    error: {
+        light: string;
+        dark: string;
+    };
+    baseGlass: {
+        light: string;
+        dark: string;
+    };
+    input: {
+        light: string;
+        dark: string;
+    };
+    modal: {
+        light: string;
+        dark: string;
+    };
+    modalSelected: {
+        light: string;
+        dark: string;
+    };
+    hover: {
+        light: string;
+        dark: string;
+    };
+    accent: {
+        light: string;
+        dark: string;
+        fg: {
+            light: string;
+            dark: string;
+        };
+    };
+    accentHover: {
+        light: string;
+        dark: string;
+    };
+    accentFocusIndicator: {
+        light: string;
+        dark: string;
+    };
+    unAccent: {
+        light: string;
+        dark: string;
+    };
+    unAccentHover: {
+        light: string;
+        dark: string;
+    };
+    separator: {
+        light: string;
+        dark: string;
+    };
+    inverse: {
+        light: string;
+        dark: string;
+    };
+    transparent: {
+        light: string;
+        dark: string;
+    };
+    unavailable: {
+        light: string;
+        dark: string;
+    };
+};
+//# sourceMappingURL=colors.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../../../src/config/colors.ts"],"names":[],"mappings":"AAWA,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAaF,MAAM,MAAM,UAAU,GAClB,KAAK,GACL,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,MAAM,GACN,OAAO,GACP,SAAS,GACT,MAAM,GACN,MAAM,GACN,KAAK,GACL,MAAM,GACN,QAAQ,GACR,QAAQ,GACR,QAAQ,GACR,SAAS,GACT,MAAM,GACN,MAAM,CAAC;AAEX,MAAM,MAAM,aAAa,GAAG,UAAU,GAAG,SAAS,GAAG,SAAS,CAAC;AAE/D,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,aAAa,EAAE,aAAa,CAmH/D,CAAC;AAEF,eAAO,MAAM,cAAc,wCAgC1B,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2F1B,CAAC"}

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

@@ -0,0 +1,3 @@
+export * from './colors';
+export * from './tailwind';
+//# 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,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC"}

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

@@ -0,0 +1,2 @@
+export declare const resolveKnownPeers: (content: string[], cwd: string) => Promise<string[]>;
+//# sourceMappingURL=resolveContent.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"resolveContent.d.ts","sourceRoot":"","sources":["../../../../src/config/resolveContent.ts"],"names":[],"mappings":"AAgCA,eAAO,MAAM,iBAAiB,YAAmB,MAAM,EAAE,OAAO,MAAM,KAAG,QAAQ,MAAM,EAAE,CAiBxF,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;AAOzE,MAAM,MAAM,cAAc,GAAG,MAAM,CAAC;AACpC,MAAM,MAAM,mBAAmB,GAAG,WAAW,CAAC;AAE9C,eAAO,MAAM,cAAc,kCAIxB;IACD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,UAAU,CAAC,EAAE,QAAQ,mBAAmB,CAAC,EAAE,CAAC;CAC7C,KAAG,cA4KF,CAAC"}

package/dist/types/src/esbuild-plugin.d.ts

@@ -0,0 +1,9 @@
+import type { Plugin } from 'esbuild';
+import type { ThemeConfig } from 'tailwindcss/types/config';
+export declare const ThemePlugins: (options: {
+    content: string[];
+    root?: string;
+    outdir: string;
+    extensions?: Partial<ThemeConfig>[];
+}) => Promise<Plugin[]>;
+//# sourceMappingURL=esbuild-plugin.d.ts.map

package/dist/types/src/esbuild-plugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"esbuild-plugin.d.ts","sourceRoot":"","sources":["../../../src/esbuild-plugin.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAKtC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAK5D,eAAO,MAAM,YAAY,YAAmB;IAC1C,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,QAAQ,WAAW,CAAC,EAAE,CAAC;CACrC,KAAG,QAAQ,MAAM,EAAE,CAuCnB,CAAC"}

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

@@ -0,0 +1,4 @@
+export * from './config';
+export * from './styles';
+export * from './util';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/types/src/plugin.d.ts

@@ -0,0 +1,13 @@
+import type { ThemeConfig } from 'tailwindcss/types/config';
+import { type Plugin } from 'vite';
+export interface VitePluginTailwindOptions {
+    jit?: boolean;
+    cssPath?: string;
+    virtualFileId?: string;
+    content?: string[];
+    root?: string;
+}
+export declare const ThemePlugin: (options: Pick<VitePluginTailwindOptions, 'content' | 'root'> & {
+    extensions?: Partial<ThemeConfig>[];
+}) => Plugin<any>;
+//# sourceMappingURL=plugin.d.ts.map

package/dist/types/src/plugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../../../src/plugin.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,MAAM,CAAC;AAKnC,MAAM,WAAW,yBAAyB;IACxC,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAID,eAAO,MAAM,WAAW,YACb,KAAK,yBAAyB,EAAE,SAAS,GAAG,MAAM,CAAC,GAAG;IAAE,UAAU,CAAC,EAAE,QAAQ,WAAW,CAAC,EAAE,CAAA;CAAE,gBAqCvG,CAAC"}

package/dist/types/src/styles/components/anchored-overflow.d.ts

@@ -0,0 +1,6 @@
+import { type ComponentFunction, type Theme } from '@dxos/react-ui-types';
+export type AnchoredOverflowStyleProps = {};
+export declare const anchoredOverflowRoot: ComponentFunction<AnchoredOverflowStyleProps>;
+export declare const anchoredOverflowAnchor: ComponentFunction<AnchoredOverflowStyleProps>;
+export declare const anchoredOverflowTheme: Theme<AnchoredOverflowStyleProps>;
+//# sourceMappingURL=anchored-overflow.d.ts.map

package/dist/types/src/styles/components/anchored-overflow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"anchored-overflow.d.ts","sourceRoot":"","sources":["../../../../../src/styles/components/anchored-overflow.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAI1E,MAAM,MAAM,0BAA0B,GAAG,EAAE,CAAC;AAE5C,eAAO,MAAM,oBAAoB,EAAE,iBAAiB,CAAC,0BAA0B,CAChC,CAAC;AAEhD,eAAO,MAAM,sBAAsB,EAAE,iBAAiB,CAAC,0BAA0B,CACtC,CAAC;AAE5C,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,0BAA0B,CAGnE,CAAC"}