@dxos/react-ui 0.1.12 → 0.1.14

package/dist/plugin/node/plugin.cjs

@@ -0,0 +1,460 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/common/react-ui/src/plugin.ts
+var plugin_exports = {};
+__export(plugin_exports, {
+  themePlugin: () => themePlugin
+});
+module.exports = __toCommonJS(plugin_exports);
+var import_autoprefixer = __toESM(require("autoprefixer"));
+var import_node_path2 = require("node:path");
+var import_tailwindcss = __toESM(require("tailwindcss"));
+
+// packages/common/react-ui/src/config/tailwind.ts
+var import_forms = __toESM(require("@tailwindcss/forms"));
+var import_node_path = require("node:path");
+var import_tailwindcss_logical = __toESM(require("tailwindcss-logical"));
+var import_tailwindcss_radix = __toESM(require("tailwindcss-radix"));
+var import_colors = __toESM(require("tailwindcss/colors"));
+var import_defaultConfig_stub = __toESM(require("tailwindcss/stubs/defaultConfig.stub.js"));
+var tailwindConfig = ({ env = "production", root = "./", content = [] }) => ({
+  darkMode: "class",
+  theme: {
+    fontFamily: {
+      body: [
+        "Roboto FlexVariable",
+        ...import_defaultConfig_stub.default.theme.fontFamily.sans
+      ],
+      display: [
+        "Space GroteskVariable",
+        "Roboto FlexVariable",
+        ...import_defaultConfig_stub.default.theme.fontFamily.sans
+      ],
+      mono: [
+        "Fira CodeVariable",
+        ...import_defaultConfig_stub.default.theme.fontFamily.mono
+      ]
+    },
+    extend: {
+      colors: {
+        success: import_colors.default.emerald,
+        warning: import_colors.default.amber,
+        error: import_colors.default.rose,
+        info: import_colors.default.cyan,
+        neutral: {
+          950: "#101012",
+          900: "#1b1b1e",
+          850: "#252529",
+          800: "#303034",
+          750: "#3b3b3f",
+          700: "#46464b",
+          650: "#525257",
+          600: "#5e5e64",
+          550: "#6a6a70",
+          500: "#77767d",
+          450: "#838389",
+          400: "#909096",
+          350: "#9d9da4",
+          300: "#ababb1",
+          250: "#b8b8be",
+          200: "#c6c6cc",
+          150: "#d4d4d9",
+          100: "#e2e2e7",
+          50: "#f1f1f4"
+        },
+        primary: {
+          950: "#110c2a",
+          900: "#101940",
+          850: "#0b2453",
+          800: "#003164",
+          750: "#003e70",
+          700: "#004b7c",
+          650: "#005887",
+          600: "#006693",
+          550: "#00749e",
+          500: "#0082a9",
+          450: "#0091b3",
+          400: "#00a0be",
+          350: "#00afc7",
+          300: "#00bed0",
+          250: "#00ced8",
+          200: "#00dedf",
+          150: "#3cede4",
+          100: "#69fae8",
+          50: "#b9ffee"
+        },
+        transparent: "transparent",
+        current: "currentColor",
+        white: "#ffffff",
+        black: "#000000"
+      },
+      fontSize: {
+        xs: [
+          "0.790rem",
+          {
+            lineHeight: "1rem"
+          }
+        ],
+        sm: [
+          "0.889rem",
+          {
+            lineHeight: "1.25rem"
+          }
+        ],
+        base: [
+          "1rem",
+          {
+            lineHeight: "1.5rem"
+          }
+        ],
+        lg: [
+          "1.125rem",
+          {
+            lineHeight: "1.75rem"
+          }
+        ],
+        xl: [
+          "1.266rem",
+          {
+            lineHeight: "1.75rem"
+          }
+        ],
+        "2xl": [
+          "1.424rem",
+          {
+            lineHeight: "2rem"
+          }
+        ],
+        "3xl": [
+          "1.602rem",
+          {
+            lineHeight: "2.25rem"
+          }
+        ],
+        "4xl": [
+          "1.802rem",
+          {
+            lineHeight: "2.5rem"
+          }
+        ],
+        "5xl": [
+          "2.027rem",
+          {
+            lineHeight: "2.5rem"
+          }
+        ],
+        "6xl": [
+          "2.281rem",
+          {
+            lineHeight: "2.5rem"
+          }
+        ],
+        "7xl": [
+          "2.566rem",
+          {
+            lineHeight: "2.75rem"
+          }
+        ],
+        "8xl": [
+          "2.887rem",
+          {
+            lineHeight: "3rem"
+          }
+        ],
+        "9xl": [
+          "3.247rem",
+          {
+            lineHeight: "3.25rem"
+          }
+        ]
+      },
+      outlineWidth: {
+        3: "3px"
+      },
+      boxShadow: {
+        slider: "0 0 0 5px rgba(0, 0, 0, 0.3)"
+      },
+      keyframes: {
+        "scale-in": {
+          "0%": {
+            opacity: "0",
+            transform: "scale(0)"
+          },
+          "100%": {
+            opacity: "1",
+            transform: "scale(1)"
+          }
+        },
+        "slide-down": {
+          "0%": {
+            opacity: "0",
+            transform: "translateY(-10px)"
+          },
+          "100%": {
+            opacity: "1",
+            transform: "translateY(0)"
+          }
+        },
+        "slide-up": {
+          "0%": {
+            opacity: "0",
+            transform: "translateY(10px)"
+          },
+          "100%": {
+            opacity: "1",
+            transform: "translateY(0)"
+          }
+        },
+        "slide-up-fade": {
+          "0%": {
+            opacity: "0",
+            transform: "translateY(2px)"
+          },
+          "100%": {
+            opacity: "1",
+            transform: "translateY(0)"
+          }
+        },
+        "slide-right-fade": {
+          "0%": {
+            opacity: "0",
+            transform: "translateX(-2px)"
+          },
+          "100%": {
+            opacity: "1",
+            transform: "translateX(0)"
+          }
+        },
+        "slide-down-fade": {
+          "0%": {
+            opacity: "0",
+            transform: "translateY(-2px)"
+          },
+          "100%": {
+            opacity: "1",
+            transform: "translateY(0)"
+          }
+        },
+        "slide-left-fade": {
+          "0%": {
+            opacity: "0",
+            transform: "translateX(2px)"
+          },
+          "100%": {
+            opacity: "1",
+            transform: "translateX(0)"
+          }
+        },
+        "enter-from-right": {
+          "0%": {
+            transform: "translateX(200px)",
+            opacity: "0"
+          },
+          "100%": {
+            transform: "translateX(0)",
+            opacity: "1"
+          }
+        },
+        "enter-from-left": {
+          "0%": {
+            transform: "translateX(-200px)",
+            opacity: "0"
+          },
+          "100%": {
+            transform: "translateX(0)",
+            opacity: "1"
+          }
+        },
+        "exit-to-right": {
+          "0%": {
+            transform: "translateX(0)",
+            opacity: "1"
+          },
+          "100%": {
+            transform: "translateX(200px)",
+            opacity: "0"
+          }
+        },
+        "exit-to-left": {
+          "0%": {
+            transform: "translateX(0)",
+            opacity: "1"
+          },
+          "100%": {
+            transform: "translateX(-200px)",
+            opacity: "0"
+          }
+        },
+        "scale-in-content": {
+          "0%": {
+            transform: "rotateX(-30deg) scale(0.9)",
+            opacity: "0"
+          },
+          "100%": {
+            transform: "rotateX(0deg) scale(1)",
+            opacity: "1"
+          }
+        },
+        "scale-out-content": {
+          "0%": {
+            transform: "rotateX(0deg) scale(1)",
+            opacity: "1"
+          },
+          "100%": {
+            transform: "rotateX(-10deg) scale(0.95)",
+            opacity: "0"
+          }
+        },
+        "fade-in": {
+          "0%": {
+            opacity: "0"
+          },
+          "100%": {
+            opacity: "1"
+          }
+        },
+        "fade-out": {
+          "0%": {
+            opacity: "1"
+          },
+          "100%": {
+            opacity: "0"
+          }
+        },
+        "toast-hide": {
+          "0%": {
+            opacity: "1"
+          },
+          "100%": {
+            opacity: "0"
+          }
+        },
+        "toast-slide-in-right": {
+          "0%": {
+            transform: "translateX(calc(100% + 1rem))"
+          },
+          "100%": {
+            transform: "translateX(0)"
+          }
+        },
+        "toast-slide-in-bottom": {
+          "0%": {
+            transform: "translateY(calc(100% + 1rem))"
+          },
+          "100%": {
+            transform: "translateY(0)"
+          }
+        },
+        "toast-swipe-out": {
+          "0%": {
+            transform: "translateX(var(--radix-toast-swipe-end-x))"
+          },
+          "100%": {
+            transform: "translateX(calc(100% + 1rem))"
+          }
+        },
+        "shimmer-loop": {
+          "100%": {
+            transform: "translateX(100%)"
+          }
+        }
+      },
+      animation: {
+        "scale-in": "scale-in 0.2s ease-in-out",
+        "slide-down": "slide-down 0.6s cubic-bezier(0.16, 1, 0.3, 1)",
+        "slide-up": "slide-up 0.6s cubic-bezier(0.16, 1, 0.3, 1)",
+        "slide-up-fade": "slide-up-fade 0.4s cubic-bezier(0.16, 1, 0.3, 1)",
+        "slide-right-fade": "slide-right-fade 0.4s cubic-bezier(0.16, 1, 0.3, 1)",
+        "slide-down-fade": "slide-down-fade 0.4s cubic-bezier(0.16, 1, 0.3, 1)",
+        "slide-left-fade": "slide-left-fade 0.4s cubic-bezier(0.16, 1, 0.3, 1)",
+        "enter-from-right": "enter-from-right 0.25s ease",
+        "enter-from-left": "enter-from-left 0.25s ease",
+        "exit-to-right": "exit-to-right 0.25s ease",
+        "exit-to-left": "exit-to-left 0.25s ease",
+        "scale-in-content": "scale-in-content 0.2s ease",
+        "scale-out-content": "scale-out-content 0.2s ease",
+        "fade-in": "fade-in 0.2s ease",
+        "fade-out": "fade-out 0.2s ease",
+        "toast-hide": "toast-hide 100ms ease-in forwards",
+        "toast-slide-in-right": "toast-slide-in-right 150ms cubic-bezier(0.16, 1, 0.3, 1)",
+        "toast-slide-in-bottom": "toast-slide-in-bottom 150ms cubic-bezier(0.16, 1, 0.3, 1)",
+        "toast-swipe-out": "toast-swipe-out 100ms ease-out forwards",
+        shimmer: "shimmer-loop 2s infinite"
+      }
+    }
+  },
+  plugins: [
+    import_tailwindcss_logical.default,
+    import_forms.default,
+    (0, import_tailwindcss_radix.default)()
+  ],
+  ...env === "development" && {
+    mode: "jit"
+  },
+  content: [
+    (0, import_node_path.resolve)(root, "node_modules/@dxos/react-ui/dist/**/*.mjs"),
+    ...content
+  ]
+});
+
+// packages/common/react-ui/src/plugin.ts
+var themePlugin = (options) => {
+  const config = {
+    jit: true,
+    cssPath: (0, import_node_path2.resolve)(__dirname, "./theme.css"),
+    virtualFileId: "@dxosTheme",
+    ...options
+  };
+  return {
+    name: "vite-plugin-dxos-ui-theme",
+    config: ({ root }, env) => {
+      return {
+        css: {
+          postcss: {
+            plugins: [
+              (0, import_tailwindcss.default)(tailwindConfig({
+                env: env.mode,
+                root,
+                content: options.content
+              })),
+              import_autoprefixer.default
+            ]
+          }
+        }
+      };
+    },
+    resolveId: (id) => {
+      if (id === config.virtualFileId) {
+        return config.cssPath;
+      }
+    }
+  };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  themePlugin
+});
+//# sourceMappingURL=plugin.cjs.map

package/dist/plugin/node/plugin.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/home/runner/work/dxos/dxos/packages/common/react-ui/src/plugin.ts", "../../../src/config/home/runner/work/dxos/dxos/packages/common/react-ui/src/config/tailwind.ts"],
+  "sourcesContent": ["//\n// Copyright 2022 DXOS.org\n//\n\nimport autoprefixer from 'autoprefixer';\nimport { resolve } from 'node:path';\nimport tailwindcss from 'tailwindcss';\nimport { Plugin } from 'vite';\n\nimport { tailwindConfig } from './config';\n\nexport interface VitePluginTailwindOptions {\n  jit?: boolean;\n  cssPath?: string;\n  virtualFileId?: string;\n  content: string[];\n}\n\nexport const themePlugin = (options: Pick<VitePluginTailwindOptions, 'content'>) => {\n  const config: VitePluginTailwindOptions = {\n    jit: true,\n    cssPath: resolve(__dirname, './theme.css'),\n    virtualFileId: '@dxosTheme',\n    ...options\n  };\n\n  return {\n    name: 'vite-plugin-dxos-ui-theme',\n    config: ({ root }, env) => {\n      return {\n        css: {\n          postcss: {\n            plugins: [tailwindcss(tailwindConfig({ env: env.mode, root, content: options.content })), autoprefixer]\n          }\n        }\n      };\n    },\n    resolveId: (id) => {\n      if (id === config.virtualFileId) {\n        return config.cssPath;\n      }\n    }\n  } as Plugin;\n};\n", "//\n// Copyright 2022 DXOS.org\n//\n\nimport tailwindcssForms from '@tailwindcss/forms';\nimport { resolve } from 'node:path';\nimport type { Config } from 'tailwindcss';\nimport tailwindcssLogical from 'tailwindcss-logical';\nimport tailwindcssRadix from 'tailwindcss-radix';\nimport tailwindColors from 'tailwindcss/colors';\nimport defaultConfig from 'tailwindcss/stubs/defaultConfig.stub.js';\n\nexport const tailwindConfig = ({\n  env = 'production',\n  root = './',\n  content = []\n}: {\n  env?: string;\n  root?: string;\n  content?: string[];\n}): Config => ({\n  darkMode: 'class',\n  theme: {\n    fontFamily: {\n      body: ['Roboto FlexVariable', ...defaultConfig.theme.fontFamily.sans],\n      display: ['Space GroteskVariable', 'Roboto FlexVariable', ...defaultConfig.theme.fontFamily.sans],\n      mono: ['Fira CodeVariable', ...defaultConfig.theme.fontFamily.mono]\n    },\n    extend: {\n      colors: {\n        success: tailwindColors.emerald,\n        warning: tailwindColors.amber,\n        error: tailwindColors.rose,\n        info: tailwindColors.cyan,\n        neutral: {\n          // Key color #707076\n          // Hue torsion 0.0\u00BA\n          // C*CP black 0.80, C*CP white 0.88\n          950: '#101012',\n          900: '#1b1b1e',\n          850: '#252529',\n          800: '#303034',\n          750: '#3b3b3f',\n          700: '#46464b',\n          650: '#525257',\n          600: '#5e5e64',\n          550: '#6a6a70',\n          500: '#77767d',\n          450: '#838389',\n          400: '#909096',\n          350: '#9d9da4',\n          300: '#ababb1',\n          250: '#b8b8be',\n          200: '#c6c6cc',\n          150: '#d4d4d9',\n          100: '#e2e2e7',\n          50: '#f1f1f4'\n        },\n        primary: {\n          // Key color #00e0e0\n          // Hue torsion -73.5\u00BA\n          // C*CP black 1.0, C*CP white 1.0\n          950: '#110c2a',\n          900: '#101940',\n          850: '#0b2453',\n          800: '#003164',\n          750: '#003e70',\n          700: '#004b7c',\n          650: '#005887',\n          600: '#006693',\n          550: '#00749e',\n          500: '#0082a9',\n          450: '#0091b3',\n          400: '#00a0be',\n          350: '#00afc7',\n          300: '#00bed0',\n          250: '#00ced8',\n          200: '#00dedf',\n          150: '#3cede4',\n          100: '#69fae8',\n          50: '#b9ffee'\n        },\n        transparent: 'transparent',\n        current: 'currentColor',\n        white: '#ffffff',\n        black: '#000000'\n      },\n      fontSize: {\n        // Base size 16px\n        // Scale 1.125\n        xs: ['0.790rem', { lineHeight: '1rem' }],\n        sm: ['0.889rem', { lineHeight: '1.25rem' }],\n        base: ['1rem', { lineHeight: '1.5rem' }],\n        lg: ['1.125rem', { lineHeight: '1.75rem' }],\n        xl: ['1.266rem', { lineHeight: '1.75rem' }],\n        '2xl': ['1.424rem', { lineHeight: '2rem' }],\n        '3xl': ['1.602rem', { lineHeight: '2.25rem' }],\n        '4xl': ['1.802rem', { lineHeight: '2.5rem' }],\n        '5xl': ['2.027rem', { lineHeight: '2.5rem' }],\n        '6xl': ['2.281rem', { lineHeight: '2.5rem' }],\n        '7xl': ['2.566rem', { lineHeight: '2.75rem' }],\n        '8xl': ['2.887rem', { lineHeight: '3rem' }],\n        '9xl': ['3.247rem', { lineHeight: '3.25rem' }]\n      },\n      outlineWidth: {\n        3: '3px'\n      },\n      boxShadow: {\n        slider: '0 0 0 5px rgba(0, 0, 0, 0.3)'\n      },\n      keyframes: {\n        // Dropdown menu\n        'scale-in': {\n          '0%': { opacity: '0', transform: 'scale(0)' },\n          '100%': { opacity: '1', transform: 'scale(1)' }\n        },\n        'slide-down': {\n          '0%': { opacity: '0', transform: 'translateY(-10px)' },\n          '100%': { opacity: '1', transform: 'translateY(0)' }\n        },\n        'slide-up': {\n          '0%': { opacity: '0', transform: 'translateY(10px)' },\n          '100%': { opacity: '1', transform: 'translateY(0)' }\n        },\n        // Tooltip\n        'slide-up-fade': {\n          '0%': { opacity: '0', transform: 'translateY(2px)' },\n          '100%': { opacity: '1', transform: 'translateY(0)' }\n        },\n        'slide-right-fade': {\n          '0%': { opacity: '0', transform: 'translateX(-2px)' },\n          '100%': { opacity: '1', transform: 'translateX(0)' }\n        },\n        'slide-down-fade': {\n          '0%': { opacity: '0', transform: 'translateY(-2px)' },\n          '100%': { opacity: '1', transform: 'translateY(0)' }\n        },\n        'slide-left-fade': {\n          '0%': { opacity: '0', transform: 'translateX(2px)' },\n          '100%': { opacity: '1', transform: 'translateX(0)' }\n        },\n        // Navigation menu\n        'enter-from-right': {\n          '0%': { transform: 'translateX(200px)', opacity: '0' },\n          '100%': { transform: 'translateX(0)', opacity: '1' }\n        },\n        'enter-from-left': {\n          '0%': { transform: 'translateX(-200px)', opacity: '0' },\n          '100%': { transform: 'translateX(0)', opacity: '1' }\n        },\n        'exit-to-right': {\n          '0%': { transform: 'translateX(0)', opacity: '1' },\n          '100%': { transform: 'translateX(200px)', opacity: '0' }\n        },\n        'exit-to-left': {\n          '0%': { transform: 'translateX(0)', opacity: '1' },\n          '100%': {\n            transform: 'translateX(-200px)',\n            opacity: '0'\n          }\n        },\n        'scale-in-content': {\n          '0%': {\n            transform: 'rotateX(-30deg) scale(0.9)',\n            opacity: '0'\n          },\n          '100%': {\n            transform: 'rotateX(0deg) scale(1)',\n            opacity: '1'\n          }\n        },\n        'scale-out-content': {\n          '0%': {\n            transform: 'rotateX(0deg) scale(1)',\n            opacity: '1'\n          },\n          '100%': {\n            transform: 'rotateX(-10deg) scale(0.95)',\n            opacity: '0'\n          }\n        },\n        'fade-in': {\n          '0%': { opacity: '0' },\n          '100%': { opacity: '1' }\n        },\n        'fade-out': {\n          '0%': { opacity: '1' },\n          '100%': { opacity: '0' }\n        },\n        // Toast\n        'toast-hide': {\n          '0%': { opacity: '1' },\n          '100%': { opacity: '0' }\n        },\n        'toast-slide-in-right': {\n          '0%': { transform: 'translateX(calc(100% + 1rem))' },\n          '100%': { transform: 'translateX(0)' }\n        },\n        'toast-slide-in-bottom': {\n          '0%': { transform: 'translateY(calc(100% + 1rem))' },\n          '100%': { transform: 'translateY(0)' }\n        },\n        'toast-swipe-out': {\n          '0%': {\n            transform: 'translateX(var(--radix-toast-swipe-end-x))'\n          },\n          '100%': {\n            transform: 'translateX(calc(100% + 1rem))'\n          }\n        },\n        // Shimmer\n        'shimmer-loop': {\n          '100%': {\n            transform: 'translateX(100%)'\n          }\n        }\n      },\n      animation: {\n        // Dropdown menu\n        'scale-in': 'scale-in 0.2s ease-in-out',\n        'slide-down': 'slide-down 0.6s cubic-bezier(0.16, 1, 0.3, 1)',\n        'slide-up': 'slide-up 0.6s cubic-bezier(0.16, 1, 0.3, 1)',\n        // Tooltip\n        'slide-up-fade': 'slide-up-fade 0.4s cubic-bezier(0.16, 1, 0.3, 1)',\n        'slide-right-fade': 'slide-right-fade 0.4s cubic-bezier(0.16, 1, 0.3, 1)',\n        'slide-down-fade': 'slide-down-fade 0.4s cubic-bezier(0.16, 1, 0.3, 1)',\n        'slide-left-fade': 'slide-left-fade 0.4s cubic-bezier(0.16, 1, 0.3, 1)',\n        // Navigation menu\n        'enter-from-right': 'enter-from-right 0.25s ease',\n        'enter-from-left': 'enter-from-left 0.25s ease',\n        'exit-to-right': 'exit-to-right 0.25s ease',\n        'exit-to-left': 'exit-to-left 0.25s ease',\n        'scale-in-content': 'scale-in-content 0.2s ease',\n        'scale-out-content': 'scale-out-content 0.2s ease',\n        'fade-in': 'fade-in 0.2s ease',\n        'fade-out': 'fade-out 0.2s ease',\n        // Toast\n        'toast-hide': 'toast-hide 100ms ease-in forwards',\n        'toast-slide-in-right': 'toast-slide-in-right 150ms cubic-bezier(0.16, 1, 0.3, 1)',\n        'toast-slide-in-bottom': 'toast-slide-in-bottom 150ms cubic-bezier(0.16, 1, 0.3, 1)',\n        'toast-swipe-out': 'toast-swipe-out 100ms ease-out forwards',\n        // Shimmer\n        shimmer: 'shimmer-loop 2s infinite'\n      }\n    }\n  },\n  plugins: [tailwindcssLogical, tailwindcssForms, tailwindcssRadix()],\n  ...(env === 'development' && { mode: 'jit' }),\n  content: [resolve(root, 'node_modules/@dxos/react-ui/dist/**/*.mjs'), ...content]\n});\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;AAIA,0BAAyB;AACzB,IAAAA,oBAAwB;AACxB,yBAAwB;;;ACFxB,mBAA6B;AAC7B,uBAAwB;AAExB,iCAA+B;AAC/B,+BAA6B;AAC7B,oBAA2B;AAC3B,gCAA0B;AAEnB,IAAMC,iBAAiB,CAAC,EAC7BC,MAAM,cACNC,OAAO,MACPC,UAAU,CAAA,EAAE,OAKC;EACbC,UAAU;EACVC,OAAO;IACLC,YAAY;MACVC,MAAM;QAAC;WAA0BC,0BAAAA,QAAcH,MAAMC,WAAWG;;MAChEC,SAAS;QAAC;QAAyB;WAA0BF,0BAAAA,QAAcH,MAAMC,WAAWG;;MAC5FE,MAAM;QAAC;WAAwBH,0BAAAA,QAAcH,MAAMC,WAAWK;;IAChE;IACAC,QAAQ;MACNC,QAAQ;QACNC,SAASC,cAAAA,QAAeC;QACxBC,SAASF,cAAAA,QAAeG;QACxBC,OAAOJ,cAAAA,QAAeK;QACtBC,MAAMN,cAAAA,QAAeO;QACrBC,SAAS;UAIP,KAAK;UACL,KAAK;UACL,KAAK;UACL,KAAK;UACL,KAAK;UACL,KAAK;UACL,KAAK;UACL,KAAK;UACL,KAAK;UACL,KAAK;UACL,KAAK;UACL,KAAK;UACL,KAAK;UACL,KAAK;UACL,KAAK;UACL,KAAK;UACL,KAAK;UACL,KAAK;UACL,IAAI;QACN;QACAC,SAAS;UAIR,KAAK;UACL,KAAK;UACL,KAAK;UACL,KAAK;UACL,KAAK;UACL,KAAK;UACL,KAAK;UACL,KAAK;UACL,KAAK;UACL,KAAK;UACL,KAAK;UACL,KAAK;UACL,KAAK;UACL,KAAK;UACL,KAAK;UACL,KAAK;UACL,KAAK;UACL,KAAK;UACL,IAAI;QACN;QACAC,aAAa;QACbC,SAAS;QACTC,OAAO;QACPC,OAAO;MACT;MACAC,UAAU;QAGRC,IAAI;UAAC;UAAY;YAAEC,YAAY;UAAO;;QACtCC,IAAI;UAAC;UAAY;YAAED,YAAY;UAAU;;QACzCE,MAAM;UAAC;UAAQ;YAAEF,YAAY;UAAS;;QACtCG,IAAI;UAAC;UAAY;YAAEH,YAAY;UAAU;;QACzCI,IAAI;UAAC;UAAY;YAAEJ,YAAY;UAAU;;QACzC,OAAO;UAAC;UAAY;YAAEA,YAAY;UAAO;;QACzC,OAAO;UAAC;UAAY;YAAEA,YAAY;UAAU;;QAC5C,OAAO;UAAC;UAAY;YAAEA,YAAY;UAAS;;QAC3C,OAAO;UAAC;UAAY;YAAEA,YAAY;UAAS;;QAC3C,OAAO;UAAC;UAAY;YAAEA,YAAY;UAAS;;QAC3C,OAAO;UAAC;UAAY;YAAEA,YAAY;UAAU;;QAC5C,OAAO;UAAC;UAAY;YAAEA,YAAY;UAAO;;QACzC,OAAO;UAAC;UAAY;YAAEA,YAAY;UAAU;;MAC9C;MACAK,cAAc;QACZ,GAAG;MACL;MACAC,WAAW;QACTC,QAAQ;MACV;MACAC,WAAW;QAET,YAAY;UACV,MAAM;YAAEC,SAAS;YAAKC,WAAW;UAAW;UAC5C,QAAQ;YAAED,SAAS;YAAKC,WAAW;UAAW;QAChD;QACA,cAAc;UACZ,MAAM;YAAED,SAAS;YAAKC,WAAW;UAAoB;UACrD,QAAQ;YAAED,SAAS;YAAKC,WAAW;UAAgB;QACrD;QACA,YAAY;UACV,MAAM;YAAED,SAAS;YAAKC,WAAW;UAAmB;UACpD,QAAQ;YAAED,SAAS;YAAKC,WAAW;UAAgB;QACrD;QAEA,iBAAiB;UACf,MAAM;YAAED,SAAS;YAAKC,WAAW;UAAkB;UACnD,QAAQ;YAAED,SAAS;YAAKC,WAAW;UAAgB;QACrD;QACA,oBAAoB;UAClB,MAAM;YAAED,SAAS;YAAKC,WAAW;UAAmB;UACpD,QAAQ;YAAED,SAAS;YAAKC,WAAW;UAAgB;QACrD;QACA,mBAAmB;UACjB,MAAM;YAAED,SAAS;YAAKC,WAAW;UAAmB;UACpD,QAAQ;YAAED,SAAS;YAAKC,WAAW;UAAgB;QACrD;QACA,mBAAmB;UACjB,MAAM;YAAED,SAAS;YAAKC,WAAW;UAAkB;UACnD,QAAQ;YAAED,SAAS;YAAKC,WAAW;UAAgB;QACrD;QAEA,oBAAoB;UAClB,MAAM;YAAEA,WAAW;YAAqBD,SAAS;UAAI;UACrD,QAAQ;YAAEC,WAAW;YAAiBD,SAAS;UAAI;QACrD;QACA,mBAAmB;UACjB,MAAM;YAAEC,WAAW;YAAsBD,SAAS;UAAI;UACtD,QAAQ;YAAEC,WAAW;YAAiBD,SAAS;UAAI;QACrD;QACA,iBAAiB;UACf,MAAM;YAAEC,WAAW;YAAiBD,SAAS;UAAI;UACjD,QAAQ;YAAEC,WAAW;YAAqBD,SAAS;UAAI;QACzD;QACA,gBAAgB;UACd,MAAM;YAAEC,WAAW;YAAiBD,SAAS;UAAI;UACjD,QAAQ;YACNC,WAAW;YACXD,SAAS;UACX;QACF;QACA,oBAAoB;UAClB,MAAM;YACJC,WAAW;YACXD,SAAS;UACX;UACA,QAAQ;YACNC,WAAW;YACXD,SAAS;UACX;QACF;QACA,qBAAqB;UACnB,MAAM;YACJC,WAAW;YACXD,SAAS;UACX;UACA,QAAQ;YACNC,WAAW;YACXD,SAAS;UACX;QACF;QACA,WAAW;UACT,MAAM;YAAEA,SAAS;UAAI;UACrB,QAAQ;YAAEA,SAAS;UAAI;QACzB;QACA,YAAY;UACV,MAAM;YAAEA,SAAS;UAAI;UACrB,QAAQ;YAAEA,SAAS;UAAI;QACzB;QAEA,cAAc;UACZ,MAAM;YAAEA,SAAS;UAAI;UACrB,QAAQ;YAAEA,SAAS;UAAI;QACzB;QACA,wBAAwB;UACtB,MAAM;YAAEC,WAAW;UAAgC;UACnD,QAAQ;YAAEA,WAAW;UAAgB;QACvC;QACA,yBAAyB;UACvB,MAAM;YAAEA,WAAW;UAAgC;UACnD,QAAQ;YAAEA,WAAW;UAAgB;QACvC;QACA,mBAAmB;UACjB,MAAM;YACJA,WAAW;UACb;UACA,QAAQ;YACNA,WAAW;UACb;QACF;QAEA,gBAAgB;UACd,QAAQ;YACNA,WAAW;UACb;QACF;MACF;MACAC,WAAW;QAET,YAAY;QACZ,cAAc;QACd,YAAY;QAEZ,iBAAiB;QACjB,oBAAoB;QACpB,mBAAmB;QACnB,mBAAmB;QAEnB,oBAAoB;QACpB,mBAAmB;QACnB,iBAAiB;QACjB,gBAAgB;QAChB,oBAAoB;QACpB,qBAAqB;QACrB,WAAW;QACX,YAAY;QAEZ,cAAc;QACd,wBAAwB;QACxB,yBAAyB;QACzB,mBAAmB;QAEnBC,SAAS;MACX;IACF;EACF;EACAC,SAAS;IAACC,2BAAAA;IAAoBC,aAAAA;QAAkBC,yBAAAA,SAAAA;;EAChD,GAAI9C,QAAQ,iBAAiB;IAAE+C,MAAM;EAAM;EAC3C7C,SAAS;QAAC8C,0BAAQ/C,MAAM,2CAAA;OAAiDC;;AACzE;;;ADvOM,IAAM+C,cAAc,CAACC,YAAwD;AAClF,QAAMC,SAAoC;IACxCC,KAAK;IACLC,aAASC,2BAAQC,WAAW,aAAA;IAC5BC,eAAe;IACf,GAAGN;EACL;AAEA,SAAO;IACLO,MAAM;IACNN,QAAQ,CAAC,EAAEO,KAAI,GAAIC,QAAQ;AACzB,aAAO;QACLC,KAAK;UACHC,SAAS;YACPC,SAAS;kBAACC,mBAAAA,SAAYC,eAAe;gBAAEL,KAAKA,IAAIM;gBAAMP;gBAAMQ,SAAShB,QAAQgB;cAAQ,CAAA,CAAA;cAAKC,oBAAAA;;UAC5F;QACF;MACF;IACF;IACAC,WAAW,CAACC,OAAO;AACjB,UAAIA,OAAOlB,OAAOK,eAAe;AAC/B,eAAOL,OAAOE;MAChB;IACF;EACF;AACF;",
+  "names": ["import_node_path", "tailwindConfig", "env", "root", "content", "darkMode", "theme", "fontFamily", "body", "defaultConfig", "sans", "display", "mono", "extend", "colors", "success", "tailwindColors", "emerald", "warning", "amber", "error", "rose", "info", "cyan", "neutral", "primary", "transparent", "current", "white", "black", "fontSize", "xs", "lineHeight", "sm", "base", "lg", "xl", "outlineWidth", "boxShadow", "slider", "keyframes", "opacity", "transform", "animation", "shimmer", "plugins", "tailwindcssLogical", "tailwindcssForms", "tailwindcssRadix", "mode", "resolve", "themePlugin", "options", "config", "jit", "cssPath", "resolve", "__dirname", "virtualFileId", "name", "root", "env", "css", "postcss", "plugins", "tailwindcss", "tailwindConfig", "mode", "content", "autoprefixer", "resolveId", "id"]
+}

package/dist/{src → plugin/node}/theme.css

@@ -1,43 +1,41 @@
-@import '@fontsource/roboto-flex/variable-full.css';
-@import '@fontsource/fira-code/variable.css';
-@import '@fontsource/space-grotesk/variable-full.css';
+@import "@fontsource/roboto-flex/variable-full.css";
+@import "@fontsource/fira-code/variable.css";
+@import "@fontsource/space-grotesk/variable-full.css";
 
+/* packages/common/react-ui/src/theme.css */
 @tailwind base;
 @tailwind utilities;
 @tailwind components;
-
 @layer utilities {
-  /* Font weights */
   .font-thin {
-    font-variation-settings: 'wght' 100;
+    font-variation-settings: "wght" 100;
   }
   .font-extralight {
-    font-variation-settings: 'wght' 200;
+    font-variation-settings: "wght" 200;
   }
   .font-light {
-    font-variation-settings: 'wght' 300;
+    font-variation-settings: "wght" 300;
   }
   .font-normal {
-    font-variation-settings: 'wght' 400;
+    font-variation-settings: "wght" 400;
   }
   .font-medium {
-    font-variation-settings: 'wght' 500;
+    font-variation-settings: "wght" 500;
   }
   .font-semibold {
-    font-variation-settings: 'wght' 600;
+    font-variation-settings: "wght" 600;
   }
   .font-bold {
-    font-variation-settings: 'wght' 700;
+    font-variation-settings: "wght" 700;
   }
   .font-extrabold {
-    font-variation-settings: 'wght' 800;
+    font-variation-settings: "wght" 800;
   }
   .font-black {
-    font-variation-settings: 'wght' 900;
+    font-variation-settings: "wght" 900;
   }
-  /* Elevations */
   .button-elevation {
-    box-shadow: var(--button-elevation)
+    box-shadow: var(--button-elevation);
   }
   .elevated-buttons {
     --button-elevation: theme(boxShadow.sm);
@@ -46,20 +44,18 @@
     --button-elevation: theme(boxShadow.none);
   }
 }
-
 :root {
   --surface-bg: theme(colors.neutral.50);
   --surface-text: theme(colors.neutral.900);
   --button-elevation: theme(boxShadow.md);
 }
-
 .dark {
   --surface-bg: theme(colors.neutral.900);
   --surface-text: theme(colors.neutral.50);
   --button-elevation: theme(boxShadow.lg);
 }
-
 html {
   background-color: var(--surface-bg);
   color: var(--surface-text);
 }
+/*# sourceMappingURL=theme.css.map */

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/theme.css"],
+  "sourcesContent": ["@import '@fontsource/roboto-flex/variable-full.css';\n@import '@fontsource/fira-code/variable.css';\n@import '@fontsource/space-grotesk/variable-full.css';\n\n@tailwind base;\n@tailwind utilities;\n@tailwind components;\n\n@layer utilities {\n  /* Font weights */\n  .font-thin {\n    font-variation-settings: 'wght' 100;\n  }\n  .font-extralight {\n    font-variation-settings: 'wght' 200;\n  }\n  .font-light {\n    font-variation-settings: 'wght' 300;\n  }\n  .font-normal {\n    font-variation-settings: 'wght' 400;\n  }\n  .font-medium {\n    font-variation-settings: 'wght' 500;\n  }\n  .font-semibold {\n    font-variation-settings: 'wght' 600;\n  }\n  .font-bold {\n    font-variation-settings: 'wght' 700;\n  }\n  .font-extrabold {\n    font-variation-settings: 'wght' 800;\n  }\n  .font-black {\n    font-variation-settings: 'wght' 900;\n  }\n  /* Elevations */\n  .button-elevation {\n    box-shadow: var(--button-elevation)\n  }\n  .elevated-buttons {\n    --button-elevation: theme(boxShadow.sm);\n  }\n  .grouped-buttons {\n    --button-elevation: theme(boxShadow.none);\n  }\n}\n\n:root {\n  --surface-bg: theme(colors.neutral.50);\n  --surface-text: theme(colors.neutral.900);\n  --button-elevation: theme(boxShadow.md);\n}\n\n.dark {\n  --surface-bg: theme(colors.neutral.900);\n  --surface-text: theme(colors.neutral.50);\n  --button-elevation: theme(boxShadow.lg);\n}\n\nhtml {\n  background-color: var(--surface-bg);\n  color: var(--surface-text);\n}\n"],
+  "mappings": ";;;;;AAIA;AACA;AACA;AAEA;AAEE;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAGF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAAA;AAIJ;AACE;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AAAA;AAGF;AACE;AACA;AAAA;",
+  "names": []
+}

package/dist/{src → types/src}/components/Alert/Alert.d.ts

@@ -1,10 +1,15 @@
 import { ComponentProps, ReactNode } from 'react';
 import { MessageValence } from '../../props';
-export interface AlertProps extends Omit<ComponentProps<'div'>, 'title'> {
+export interface AlertSlots {
+    root?: Omit<ComponentProps<'div'>, 'children'>;
+    title?: Omit<ComponentProps<'p'>, 'children'>;
+}
+export interface AlertProps {
     title: ReactNode;
     assertive?: boolean;
     valence?: MessageValence;
     children?: ReactNode;
+    slots?: AlertSlots;
 }
-export declare const Alert: ({ title, children, assertive, valence, ...divProps }: AlertProps) => JSX.Element;
+export declare const Alert: ({ title, children, assertive, valence, slots }: AlertProps) => JSX.Element;
 //# sourceMappingURL=Alert.d.ts.map

package/dist/types/src/components/Alert/Alert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../../../src/components/Alert/Alert.tsx"],"names":[],"mappings":"AAIA,OAAc,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGzD,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAI7C,MAAM,WAAW,UAAU;IACzB,IAAI,CAAC,EAAE,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC;IAC/C,KAAK,CAAC,EAAE,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,EAAE,UAAU,CAAC,CAAC;CAC/C;AAED,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,UAAU,CAAC;CACpB;AAED,eAAO,MAAM,KAAK,mDAAyD,UAAU,gBAepF,CAAC"}

package/dist/{src → types/src}/components/Alert/Alert.stories.d.ts

@@ -2,7 +2,7 @@ import '@dxosTheme';
 import { AlertProps } from './Alert';
 declare const _default: {
     title: string;
-    component: ({ title, children, assertive, valence, ...divProps }: AlertProps) => JSX.Element;
+    component: ({ title, children, assertive, valence, slots }: AlertProps) => JSX.Element;
 };
 export default _default;
 export declare const Default: import("@storybook/react").Story<AlertProps>;

package/dist/types/src/components/Alert/Alert.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Alert/Alert.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,YAAY,CAAC;AAKpB,OAAO,EAAS,UAAU,EAAE,MAAM,SAAS,CAAC;;;;;AAE5C,wBAGE;AAMF,eAAO,MAAM,OAAO,8CAAgD,CAAC"}

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

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

package/dist/types/src/components/AlertDialog/AlertDialog.d.ts

@@ -0,0 +1,26 @@
+import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
+import { ComponentProps, ReactHTMLElement, ReactNode } from 'react';
+import { InputProps } from '../Input';
+export interface AlertDialogSlots {
+    overlay?: Pick<ComponentProps<typeof AlertDialogPrimitive.Overlay>, 'className'>;
+    content?: Omit<ComponentProps<typeof AlertDialogPrimitive.Content>, 'children'>;
+    title?: Omit<ComponentProps<typeof AlertDialogPrimitive.Content>, 'children'>;
+    description?: Omit<ComponentProps<typeof AlertDialogPrimitive.Description>, 'children'>;
+    actions?: Omit<ComponentProps<'div'>, 'children'>;
+}
+export interface AlertDialogProps {
+    title: ReactNode;
+    openTrigger?: ReactNode;
+    cancelTrigger?: ReactNode;
+    confirmTrigger: Omit<ReactHTMLElement<HTMLElement>, 'ref'>;
+    destructiveConfirmString?: string;
+    destructiveConfirmInputProps?: Omit<InputProps, 'onChange' | 'initialValue'>;
+    titleVisuallyHidden?: boolean;
+    description?: ReactNode;
+    children?: ReactNode;
+    initiallyOpen?: boolean;
+    mountAsSibling?: boolean;
+    slots?: AlertDialogSlots;
+}
+export declare const AlertDialog: ({ title, titleVisuallyHidden, description, openTrigger, cancelTrigger, confirmTrigger, destructiveConfirmString, destructiveConfirmInputProps, children, initiallyOpen, mountAsSibling, slots }: AlertDialogProps) => JSX.Element;
+//# sourceMappingURL=AlertDialog.d.ts.map

package/dist/types/src/components/AlertDialog/AlertDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertDialog.d.ts","sourceRoot":"","sources":["../../../../../src/components/AlertDialog/AlertDialog.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAC;AACrE,OAAc,EAAgB,cAAc,EAAY,gBAAgB,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAC;AAIxH,OAAO,EAAS,UAAU,EAAE,MAAM,UAAU,CAAC;AAE7C,MAAM,WAAW,gBAAgB;IAC/B,OAAO,CAAC,EAAE,IAAI,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,EAAE,WAAW,CAAC,CAAC;IACjF,OAAO,CAAC,EAAE,IAAI,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,EAAE,UAAU,CAAC,CAAC;IAChF,KAAK,CAAC,EAAE,IAAI,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,EAAE,UAAU,CAAC,CAAC;IAC9E,WAAW,CAAC,EAAE,IAAI,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC,CAAC;IACxF,OAAO,CAAC,EAAE,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC;CACnD;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,cAAc,EAAE,IAAI,CAAC,gBAAgB,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,CAAC;IAC3D,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,4BAA4B,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,UAAU,GAAG,cAAc,CAAC,CAAC;IAC7E,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,KAAK,CAAC,EAAE,gBAAgB,CAAC;CAC1B;AAED,eAAO,MAAM,WAAW,oMAarB,gBAAgB,gBAkGlB,CAAC"}