@universe-platform/ui 0.1.0-beta.1

package/dist/globals.css

@@ -0,0 +1,161 @@
+/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
+@layer theme, base, components, utilities;
+@layer theme {
+  :root, :host {
+    --ui-font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
+      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+    --ui-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
+      "Courier New", monospace;
+    --ui-default-font-family: var(--ui-font-sans);
+    --ui-default-mono-font-family: var(--ui-font-mono);
+  }
+}
+@layer base {
+  *, ::after, ::before, ::backdrop, ::file-selector-button {
+    box-sizing: border-box;
+    margin: 0;
+    padding: 0;
+    border: 0 solid;
+  }
+  html, :host {
+    line-height: 1.5;
+    -webkit-text-size-adjust: 100%;
+    tab-size: 4;
+    font-family: var(--ui-default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
+    font-feature-settings: var(--ui-default-font-feature-settings, normal);
+    font-variation-settings: var(--ui-default-font-variation-settings, normal);
+    -webkit-tap-highlight-color: transparent;
+  }
+  hr {
+    height: 0;
+    color: inherit;
+    border-top-width: 1px;
+  }
+  abbr:where([title]) {
+    -webkit-text-decoration: underline dotted;
+    text-decoration: underline dotted;
+  }
+  h1, h2, h3, h4, h5, h6 {
+    font-size: inherit;
+    font-weight: inherit;
+  }
+  a {
+    color: inherit;
+    -webkit-text-decoration: inherit;
+    text-decoration: inherit;
+  }
+  b, strong {
+    font-weight: bolder;
+  }
+  code, kbd, samp, pre {
+    font-family: var(--ui-default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
+    font-feature-settings: var(--ui-default-mono-font-feature-settings, normal);
+    font-variation-settings: var(--ui-default-mono-font-variation-settings, normal);
+    font-size: 1em;
+  }
+  small {
+    font-size: 80%;
+  }
+  sub, sup {
+    font-size: 75%;
+    line-height: 0;
+    position: relative;
+    vertical-align: baseline;
+  }
+  sub {
+    bottom: -0.25em;
+  }
+  sup {
+    top: -0.5em;
+  }
+  table {
+    text-indent: 0;
+    border-color: inherit;
+    border-collapse: collapse;
+  }
+  :-moz-focusring {
+    outline: auto;
+  }
+  progress {
+    vertical-align: baseline;
+  }
+  summary {
+    display: list-item;
+  }
+  ol, ul, menu {
+    list-style: none;
+  }
+  img, svg, video, canvas, audio, iframe, embed, object {
+    display: block;
+    vertical-align: middle;
+  }
+  img, video {
+    max-width: 100%;
+    height: auto;
+  }
+  button, input, select, optgroup, textarea, ::file-selector-button {
+    font: inherit;
+    font-feature-settings: inherit;
+    font-variation-settings: inherit;
+    letter-spacing: inherit;
+    color: inherit;
+    border-radius: 0;
+    background-color: transparent;
+    opacity: 1;
+  }
+  :where(select:is([multiple], [size])) optgroup {
+    font-weight: bolder;
+  }
+  :where(select:is([multiple], [size])) optgroup option {
+    padding-inline-start: 20px;
+  }
+  ::file-selector-button {
+    margin-inline-end: 4px;
+  }
+  ::placeholder {
+    opacity: 1;
+  }
+  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
+    ::placeholder {
+      color: currentcolor;
+      @supports (color: color-mix(in lab, red, red)) {
+        color: color-mix(in oklab, currentcolor 50%, transparent);
+      }
+    }
+  }
+  textarea {
+    resize: vertical;
+  }
+  ::-webkit-search-decoration {
+    -webkit-appearance: none;
+  }
+  ::-webkit-date-and-time-value {
+    min-height: 1lh;
+    text-align: inherit;
+  }
+  ::-webkit-datetime-edit {
+    display: inline-flex;
+  }
+  ::-webkit-datetime-edit-fields-wrapper {
+    padding: 0;
+  }
+  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
+    padding-block: 0;
+  }
+  ::-webkit-calendar-picker-indicator {
+    line-height: 1;
+  }
+  :-moz-ui-invalid {
+    box-shadow: none;
+  }
+  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
+    appearance: button;
+  }
+  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
+    height: auto;
+  }
+  [hidden]:where(:not([hidden="until-found"])) {
+    display: none !important;
+  }
+}
+@layer utilities;

package/dist/index.d.mts

@@ -0,0 +1,46 @@
+import { ClassValue } from 'clsx';
+
+declare function cn(...inputs: ClassValue[]): string;
+
+/**
+ * Core definitions for Universe UI components.
+ * These interfaces define the standard contract that all generic visual components
+ * must implement to communicate with the host application.
+ */
+interface ComponentState {
+    isLoading?: boolean;
+    isUpdating?: boolean;
+    error?: string | Error | null;
+    isEmpty?: boolean;
+}
+interface ComponentData<T = any> {
+    data: T;
+}
+interface ComponentConfig<TConfig = Record<string, any>> {
+    orgId: string;
+    componentId: string;
+    dataTargets?: string[];
+    settings: TConfig;
+    disabled?: boolean;
+    readOnly?: boolean;
+}
+interface ComponentCommunication {
+    pageState: Record<string, any>;
+    emitEvent: (eventName: string, payload: any) => void;
+    executeAction: (actionType: string, payload: Record<string, any>) => Promise<any>;
+}
+interface ComponentPermissions {
+    canCreate: boolean;
+    canRead: boolean;
+    canUpdate: boolean;
+    canDelete: boolean;
+}
+interface BaseComponentProps<TData = any, TConfig = Record<string, any>> extends ComponentState, ComponentData<TData>, ComponentConfig<TConfig>, ComponentCommunication {
+    permissions: ComponentPermissions;
+    className?: string;
+    "data-testid"?: string;
+}
+
+declare const isUiLibraryReady = true;
+
+export { type BaseComponentProps, type ComponentCommunication, type ComponentConfig, type ComponentData, type ComponentPermissions, type ComponentState, cn, isUiLibraryReady };

package/dist/index.d.ts

@@ -0,0 +1,46 @@
+import { ClassValue } from 'clsx';
+
+declare function cn(...inputs: ClassValue[]): string;
+
+/**
+ * Core definitions for Universe UI components.
+ * These interfaces define the standard contract that all generic visual components
+ * must implement to communicate with the host application.
+ */
+interface ComponentState {
+    isLoading?: boolean;
+    isUpdating?: boolean;
+    error?: string | Error | null;
+    isEmpty?: boolean;
+}
+interface ComponentData<T = any> {
+    data: T;
+}
+interface ComponentConfig<TConfig = Record<string, any>> {
+    orgId: string;
+    componentId: string;
+    dataTargets?: string[];
+    settings: TConfig;
+    disabled?: boolean;
+    readOnly?: boolean;
+}
+interface ComponentCommunication {
+    pageState: Record<string, any>;
+    emitEvent: (eventName: string, payload: any) => void;
+    executeAction: (actionType: string, payload: Record<string, any>) => Promise<any>;
+}
+interface ComponentPermissions {
+    canCreate: boolean;
+    canRead: boolean;
+    canUpdate: boolean;
+    canDelete: boolean;
+}
+interface BaseComponentProps<TData = any, TConfig = Record<string, any>> extends ComponentState, ComponentData<TData>, ComponentConfig<TConfig>, ComponentCommunication {
+    permissions: ComponentPermissions;
+    className?: string;
+    "data-testid"?: string;
+}
+
+declare const isUiLibraryReady = true;
+
+export { type BaseComponentProps, type ComponentCommunication, type ComponentConfig, type ComponentData, type ComponentPermissions, type ComponentState, cn, isUiLibraryReady };

package/dist/index.js

@@ -0,0 +1,41 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  cn: () => cn,
+  isUiLibraryReady: () => isUiLibraryReady
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/utils/cn.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+
+// src/index.ts
+var isUiLibraryReady = true;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  cn,
+  isUiLibraryReady
+});

package/dist/index.mjs

@@ -0,0 +1,13 @@
+// src/utils/cn.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/index.ts
+var isUiLibraryReady = true;
+export {
+  cn,
+  isUiLibraryReady
+};

package/package.json

@@ -0,0 +1,44 @@
+{
+    "name": "@universe-platform/ui",
+    "version": "0.1.0-beta.1",
+    "main": "./dist/index.js",
+    "module": "./dist/index.mjs",
+    "types": "./dist/index.d.ts",
+    "exports": {
+        ".": {
+            "types": "./dist/index.d.ts",
+            "require": "./dist/index.js",
+            "import": "./dist/index.mjs"
+        },
+        "./dist/globals.css": "./dist/globals.css",
+        "./globals.css": "./dist/globals.css"
+    },
+    "files": [
+        "dist"
+    ],
+    "publishConfig": {
+        "access": "public",
+        "registry": "https://registry.npmjs.org/"
+    },
+    "style": "./dist/globals.css",
+    "scripts": {
+        "build": "tsup",
+        "dev": "tsup --watch"
+    },
+    "peerDependencies": {
+        "react": "^19.0.0",
+        "react-dom": "^19.0.0"
+    },
+    "devDependencies": {
+        "@tailwindcss/postcss": "^4.3.1",
+        "autoprefixer": "^10.5.2",
+        "postcss": "^8.5.15",
+        "tailwindcss": "^4.3.1",
+        "tsup": "^8.0.0",
+        "typescript": "^5.0.0"
+    },
+    "dependencies": {
+        "clsx": "^2.1.1",
+        "tailwind-merge": "^3.6.0"
+    }
+}