npm - @opencosmos/ui - Versions diffs - 1.3.1 → 1.3.3 - Mend

@opencosmos/ui 1.3.1 → 1.3.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (45) hide show

package/.claude/CLAUDE.md +47 -47
package/README.md +21 -21
package/dist/{hooks-CKW8vE9H.d.ts → hooks-CFPKFXhH.d.ts} +1 -1
package/dist/{hooks-1b8WaQf1.d.mts → hooks-CeAuZ0i5.d.mts} +1 -1
package/dist/hooks.d.mts +1 -1
package/dist/hooks.d.ts +1 -1
package/dist/hooks.js.map +1 -1
package/dist/hooks.mjs.map +1 -1
package/dist/index.d.mts +78 -11
package/dist/index.d.ts +78 -11
package/dist/index.js +585 -342
package/dist/index.js.map +1 -1
package/dist/index.mjs +548 -312
package/dist/index.mjs.map +1 -1
package/dist/{providers-CXPDMsl7.d.mts → providers-CzKisd2T.d.mts} +1 -1
package/dist/{providers-Dn_Msjvz.d.ts → providers-D39-kwai.d.ts} +1 -1
package/dist/providers.d.mts +1 -1
package/dist/providers.d.ts +1 -1
package/dist/providers.js.map +1 -1
package/dist/providers.mjs.map +1 -1
package/dist/tokens.js.map +1 -1
package/dist/{utils-Cs04sxth.d.mts → utils-CkatYLG4.d.mts} +1 -1
package/dist/{utils-CIIM7dAC.d.ts → utils-Y1Zi7biA.d.ts} +1 -1
package/dist/utils.d.mts +1 -1
package/dist/utils.d.ts +1 -1
package/dist/utils.js.map +1 -1
package/dist/utils.mjs.map +1 -1
package/package.json +257 -257
package/src/component-registry.ts +4 -4
package/src/components/data-display/CollapsibleCodeBlock.tsx +1 -1
package/src/components/data-display/OpenCosmosIcon.tsx +39 -0
package/src/components/data-display/index.ts +1 -0
package/src/components/layout/AppSidebar.tsx +277 -0
package/src/components/layout/CustomizerPanel.tsx +2 -2
package/src/components/layout/index.ts +1 -0
package/src/hooks/useTheme.ts +1 -1
package/src/hooks.ts +1 -1
package/src/index.ts +6 -4
package/src/lib/store/customizer.ts +1 -1
package/src/lib/store/theme.ts +1 -1
package/src/lib/syntax-parser/index.ts +1 -1
package/src/providers/ThemeProvider.tsx +2 -2
package/src/providers.ts +1 -1
package/src/tokens.ts +3 -3
package/src/utils.ts +1 -1

package/package.json CHANGED Viewed

@@ -1,267 +1,267 @@
 {
-    "name": "@opencosmos/ui",
-    "version": "1.3.1",
-    "description": "Sage Design Engine — Make it Lovable. 100 accessible React components, three themes, user-controlled motion.",
-    "main": "dist/index.js",
-    "module": "dist/index.mjs",
-    "types": "dist/index.d.ts",
-    "sideEffects": false,
-    "license": "MIT",
-    "author": "Shalom Ormsby",
-    "repository": {
-        "type": "git",
-        "url": "https://github.com/shalomormsby/sage-design-engine.git",
-        "directory": "packages/ui"
+  "name": "@opencosmos/ui",
+  "version": "1.3.3",
+  "description": "OpenCosmos UI — Make it Lovable. 100 accessible React components, three themes, user-controlled motion.",
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "sideEffects": false,
+  "license": "MIT",
+  "author": "Shalom Ormsby",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/shalomormsby/opencosmos-ui.git",
+    "directory": "packages/ui"
+  },
+  "homepage": "https://opencosmos.ai/studio",
+  "bugs": "https://github.com/shalomormsby/opencosmos-ui/issues",
+  "keywords": [
+    "react",
+    "components",
+    "ui",
+    "design-system",
+    "tailwind",
+    "radix",
+    "accessible",
+    "themes",
+    "mcp",
+    "ai"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "bin": {
+    "opencosmos-ui": "dist/cli.mjs"
+  },
+  "files": [
+    "dist",
+    "src",
+    ".claude",
+    "README.md"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
     },
-    "homepage": "https://thesage.dev",
-    "bugs": "https://github.com/shalomormsby/sage-design-engine/issues",
-    "keywords": [
-        "react",
-        "components",
-        "ui",
-        "design-system",
-        "tailwind",
-        "radix",
-        "accessible",
-        "themes",
-        "mcp",
-        "ai"
-    ],
-    "publishConfig": {
-        "access": "public"
+    "./tokens": {
+      "types": "./dist/tokens.d.ts",
+      "import": "./dist/tokens.mjs",
+      "require": "./dist/tokens.js"
     },
-    "bin": {
-        "opencosmos-ui": "dist/cli.mjs"
+    "./hooks": {
+      "types": "./dist/hooks.d.ts",
+      "import": "./dist/hooks.mjs",
+      "require": "./dist/hooks.js"
     },
-    "files": [
-        "dist",
-        "src",
-        ".claude",
-        "README.md"
-    ],
-    "exports": {
-        ".": {
-            "types": "./dist/index.d.ts",
-            "import": "./dist/index.mjs",
-            "require": "./dist/index.js"
-        },
-        "./tokens": {
-            "types": "./dist/tokens.d.ts",
-            "import": "./dist/tokens.mjs",
-            "require": "./dist/tokens.js"
-        },
-        "./hooks": {
-            "types": "./dist/hooks.d.ts",
-            "import": "./dist/hooks.mjs",
-            "require": "./dist/hooks.js"
-        },
-        "./utils": {
-            "types": "./dist/utils.d.ts",
-            "import": "./dist/utils.mjs",
-            "require": "./dist/utils.js"
-        },
-        "./providers": {
-            "types": "./dist/providers.d.ts",
-            "import": "./dist/providers.mjs",
-            "require": "./dist/providers.js"
-        },
-        "./webgl": {
-            "types": "./dist/webgl.d.ts",
-            "import": "./dist/webgl.mjs",
-            "require": "./dist/webgl.js"
-        },
-        "./forms": {
-            "types": "./dist/forms.d.ts",
-            "import": "./dist/forms.mjs",
-            "require": "./dist/forms.js"
-        },
-        "./dates": {
-            "types": "./dist/dates.d.ts",
-            "import": "./dist/dates.mjs",
-            "require": "./dist/dates.js"
-        },
-        "./tables": {
-            "types": "./dist/tables.d.ts",
-            "import": "./dist/tables.mjs",
-            "require": "./dist/tables.js"
-        },
-        "./dnd": {
-            "types": "./dist/dnd.d.ts",
-            "import": "./dist/dnd.mjs",
-            "require": "./dist/dnd.js"
-        },
-        "./globals.css": "./src/globals.css",
-        "./theme.css": "./src/theme.css"
+    "./utils": {
+      "types": "./dist/utils.d.ts",
+      "import": "./dist/utils.mjs",
+      "require": "./dist/utils.js"
     },
-    "scripts": {
-        "build": "tsup",
-        "dev": "tsup --watch",
-        "lint": "eslint src/",
-        "test": "vitest run",
-        "test:watch": "vitest",
-        "typecheck": "tsc --noEmit",
-        "size": "size-limit",
-        "size:check": "size-limit --limit"
+    "./providers": {
+      "types": "./dist/providers.d.ts",
+      "import": "./dist/providers.mjs",
+      "require": "./dist/providers.js"
     },
-    "size-limit": [
-        {
-            "name": "Core (index)",
-            "path": "dist/index.mjs",
-            "limit": "450 KB"
-        },
-        {
-            "name": "WebGL",
-            "path": "dist/webgl.mjs",
-            "limit": "10 KB"
-        },
-        {
-            "name": "Forms",
-            "path": "dist/forms.mjs",
-            "limit": "11 KB"
-        },
-        {
-            "name": "Dates",
-            "path": "dist/dates.mjs",
-            "limit": "33 KB"
-        },
-        {
-            "name": "Tables",
-            "path": "dist/tables.mjs",
-            "limit": "10 KB"
-        },
-        {
-            "name": "DnD",
-            "path": "dist/dnd.mjs",
-            "limit": "10 KB"
-        },
-        {
-            "name": "Hooks",
-            "path": "dist/hooks.mjs",
-            "limit": "40 KB"
-        },
-        {
-            "name": "Providers",
-            "path": "dist/providers.mjs",
-            "limit": "60 KB"
-        },
-        {
-            "name": "Tokens",
-            "path": "dist/tokens.mjs",
-            "limit": "70 KB"
-        },
-        {
-            "name": "Utils",
-            "path": "dist/utils.mjs",
-            "limit": "25 KB"
-        }
-    ],
-    "peerDependencies": {
-        "@dnd-kit/core": "^6.3.1",
-        "@dnd-kit/sortable": "^10.0.0",
-        "@dnd-kit/utilities": "^3.2.2",
-        "@hookform/resolvers": "^3.10.0",
-        "@tanstack/react-table": "^8.21.3",
-        "date-fns": "^4.1.0",
-        "framer-motion": "*",
-        "react": "*",
-        "react-day-picker": "^9.13.0",
-        "react-hook-form": "^7.70.0",
-        "zod": "^3.24.1"
+    "./webgl": {
+      "types": "./dist/webgl.d.ts",
+      "import": "./dist/webgl.mjs",
+      "require": "./dist/webgl.js"
     },
-    "peerDependenciesMeta": {
-        "@dnd-kit/core": {
-            "optional": true
-        },
-        "@dnd-kit/sortable": {
-            "optional": true
-        },
-        "@dnd-kit/utilities": {
-            "optional": true
-        },
-        "@hookform/resolvers": {
-            "optional": true
-        },
-        "@tanstack/react-table": {
-            "optional": true
-        },
-        "date-fns": {
-            "optional": true
-        },
-        "react-day-picker": {
-            "optional": true
-        },
-        "react-hook-form": {
-            "optional": true
-        },
-        "zod": {
-            "optional": true
-        }
+    "./forms": {
+      "types": "./dist/forms.d.ts",
+      "import": "./dist/forms.mjs",
+      "require": "./dist/forms.js"
     },
-    "dependencies": {
-        "@radix-ui/react-accordion": "^1.2.12",
-        "@radix-ui/react-alert-dialog": "^1.1.15",
-        "@radix-ui/react-aspect-ratio": "^1.1.8",
-        "@radix-ui/react-avatar": "^1.1.11",
-        "@radix-ui/react-checkbox": "^1.3.3",
-        "@radix-ui/react-collapsible": "^1.1.12",
-        "@radix-ui/react-context-menu": "^2.2.16",
-        "@radix-ui/react-dialog": "^1.1.15",
-        "@radix-ui/react-dropdown-menu": "^2.1.16",
-        "@radix-ui/react-hover-card": "^1.1.15",
-        "@radix-ui/react-label": "^2.1.8",
-        "@radix-ui/react-menubar": "^1.1.16",
-        "@radix-ui/react-navigation-menu": "^1.2.14",
-        "@radix-ui/react-popover": "^1.1.15",
-        "@radix-ui/react-progress": "^1.1.8",
-        "@radix-ui/react-radio-group": "^1.3.8",
-        "@radix-ui/react-scroll-area": "^1.2.10",
-        "@radix-ui/react-select": "^2.2.6",
-        "@radix-ui/react-separator": "^1.1.8",
-        "@radix-ui/react-slider": "^1.3.6",
-        "@radix-ui/react-slot": "^1.2.4",
-        "@radix-ui/react-switch": "^1.2.6",
-        "@radix-ui/react-tabs": "^1.1.13",
-        "@radix-ui/react-toggle": "^1.1.10",
-        "@radix-ui/react-toggle-group": "^1.1.11",
-        "@radix-ui/react-tooltip": "^1.2.8",
-        "class-variance-authority": "^0.7.0",
-        "clsx": "^2.1.0",
-        "cmdk": "^1.1.1",
-        "embla-carousel-react": "^8.6.0",
-        "input-otp": "^1.4.2",
-        "lucide-react": "^0.562.0",
-        "react-dropzone": "^15.0.0",
-        "react-resizable-panels": "^4.4.0",
-        "sonner": "^2.0.7",
-        "tailwind-merge": "^3.0.0",
-        "vaul": "^1.1.2",
-        "zustand": "^5.0.9"
+    "./dates": {
+      "types": "./dist/dates.d.ts",
+      "import": "./dist/dates.mjs",
+      "require": "./dist/dates.js"
     },
-    "devDependencies": {
-        "@dnd-kit/core": "^6.3.1",
-        "@dnd-kit/sortable": "^10.0.0",
-        "@dnd-kit/utilities": "^3.2.2",
-        "@hookform/resolvers": "^3.10.0",
-        "@size-limit/preset-small-lib": "^12.0.0",
-        "@tanstack/react-table": "^8.21.3",
-        "@testing-library/jest-dom": "^6.9.1",
-        "@testing-library/react": "^16.3.2",
-        "@testing-library/user-event": "^14.6.1",
-        "@types/react": "^19",
-        "date-fns": "^4.1.0",
-        "eslint": "^9.39.2",
-        "eslint-plugin-react-hooks": "^5.2.0",
-        "framer-motion": "^12.26.2",
-        "jsdom": "^28.0.0",
-        "react-day-picker": "^9.13.0",
-        "react-hook-form": "^7.70.0",
-        "size-limit": "^12.0.0",
-        "tailwindcss": "^4.0.0",
-        "@tailwindcss/postcss": "^4.0.0",
-        "tsup": "^8.0.0",
-        "typescript": "^5.0.0",
-        "typescript-eslint": "^8.54.0",
-        "vitest": "^4.0.18",
-        "zod": "^3.24.1"
+    "./tables": {
+      "types": "./dist/tables.d.ts",
+      "import": "./dist/tables.mjs",
+      "require": "./dist/tables.js"
+    },
+    "./dnd": {
+      "types": "./dist/dnd.d.ts",
+      "import": "./dist/dnd.mjs",
+      "require": "./dist/dnd.js"
+    },
+    "./globals.css": "./src/globals.css",
+    "./theme.css": "./src/theme.css"
+  },
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "lint": "eslint src/",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "typecheck": "tsc --noEmit",
+    "size": "size-limit",
+    "size:check": "size-limit --limit"
+  },
+  "size-limit": [
+    {
+      "name": "Core (index)",
+      "path": "dist/index.mjs",
+      "limit": "450 KB"
+    },
+    {
+      "name": "WebGL",
+      "path": "dist/webgl.mjs",
+      "limit": "10 KB"
+    },
+    {
+      "name": "Forms",
+      "path": "dist/forms.mjs",
+      "limit": "11 KB"
+    },
+    {
+      "name": "Dates",
+      "path": "dist/dates.mjs",
+      "limit": "33 KB"
+    },
+    {
+      "name": "Tables",
+      "path": "dist/tables.mjs",
+      "limit": "10 KB"
+    },
+    {
+      "name": "DnD",
+      "path": "dist/dnd.mjs",
+      "limit": "10 KB"
+    },
+    {
+      "name": "Hooks",
+      "path": "dist/hooks.mjs",
+      "limit": "40 KB"
+    },
+    {
+      "name": "Providers",
+      "path": "dist/providers.mjs",
+      "limit": "60 KB"
+    },
+    {
+      "name": "Tokens",
+      "path": "dist/tokens.mjs",
+      "limit": "70 KB"
+    },
+    {
+      "name": "Utils",
+      "path": "dist/utils.mjs",
+      "limit": "25 KB"
+    }
+  ],
+  "peerDependencies": {
+    "@dnd-kit/core": "^6.3.1",
+    "@dnd-kit/sortable": "^10.0.0",
+    "@dnd-kit/utilities": "^3.2.2",
+    "@hookform/resolvers": "^3.10.0",
+    "@tanstack/react-table": "^8.21.3",
+    "date-fns": "^4.1.0",
+    "framer-motion": "*",
+    "react": "*",
+    "react-day-picker": "^9.13.0",
+    "react-hook-form": "^7.70.0",
+    "zod": "^3.24.1"
+  },
+  "peerDependenciesMeta": {
+    "@dnd-kit/core": {
+      "optional": true
+    },
+    "@dnd-kit/sortable": {
+      "optional": true
+    },
+    "@dnd-kit/utilities": {
+      "optional": true
+    },
+    "@hookform/resolvers": {
+      "optional": true
+    },
+    "@tanstack/react-table": {
+      "optional": true
+    },
+    "date-fns": {
+      "optional": true
+    },
+    "react-day-picker": {
+      "optional": true
+    },
+    "react-hook-form": {
+      "optional": true
+    },
+    "zod": {
+      "optional": true
     }
-}
+  },
+  "dependencies": {
+    "@radix-ui/react-accordion": "^1.2.12",
+    "@radix-ui/react-alert-dialog": "^1.1.15",
+    "@radix-ui/react-aspect-ratio": "^1.1.8",
+    "@radix-ui/react-avatar": "^1.1.11",
+    "@radix-ui/react-checkbox": "^1.3.3",
+    "@radix-ui/react-collapsible": "^1.1.12",
+    "@radix-ui/react-context-menu": "^2.2.16",
+    "@radix-ui/react-dialog": "^1.1.15",
+    "@radix-ui/react-dropdown-menu": "^2.1.16",
+    "@radix-ui/react-hover-card": "^1.1.15",
+    "@radix-ui/react-label": "^2.1.8",
+    "@radix-ui/react-menubar": "^1.1.16",
+    "@radix-ui/react-navigation-menu": "^1.2.14",
+    "@radix-ui/react-popover": "^1.1.15",
+    "@radix-ui/react-progress": "^1.1.8",
+    "@radix-ui/react-radio-group": "^1.3.8",
+    "@radix-ui/react-scroll-area": "^1.2.10",
+    "@radix-ui/react-select": "^2.2.6",
+    "@radix-ui/react-separator": "^1.1.8",
+    "@radix-ui/react-slider": "^1.3.6",
+    "@radix-ui/react-slot": "^1.2.4",
+    "@radix-ui/react-switch": "^1.2.6",
+    "@radix-ui/react-tabs": "^1.1.13",
+    "@radix-ui/react-toggle": "^1.1.10",
+    "@radix-ui/react-toggle-group": "^1.1.11",
+    "@radix-ui/react-tooltip": "^1.2.8",
+    "class-variance-authority": "^0.7.0",
+    "clsx": "^2.1.0",
+    "cmdk": "^1.1.1",
+    "embla-carousel-react": "^8.6.0",
+    "input-otp": "^1.4.2",
+    "lucide-react": "^0.562.0",
+    "react-dropzone": "^15.0.0",
+    "react-resizable-panels": "^4.4.0",
+    "sonner": "^2.0.7",
+    "tailwind-merge": "^3.0.0",
+    "vaul": "^1.1.2",
+    "zustand": "^5.0.9"
+  },
+  "devDependencies": {
+    "@dnd-kit/core": "^6.3.1",
+    "@dnd-kit/sortable": "^10.0.0",
+    "@dnd-kit/utilities": "^3.2.2",
+    "@hookform/resolvers": "^3.10.0",
+    "@size-limit/preset-small-lib": "^12.0.0",
+    "@tanstack/react-table": "^8.21.3",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.2",
+    "@testing-library/user-event": "^14.6.1",
+    "@types/react": "^19",
+    "date-fns": "^4.1.0",
+    "eslint": "^9.39.2",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "framer-motion": "^12.26.2",
+    "jsdom": "^28.0.0",
+    "react-day-picker": "^9.13.0",
+    "react-hook-form": "^7.70.0",
+    "size-limit": "^12.0.0",
+    "tailwindcss": "^4.0.0",
+    "@tailwindcss/postcss": "^4.0.0",
+    "tsup": "^8.0.0",
+    "typescript": "^5.0.0",
+    "typescript-eslint": "^8.54.0",
+    "vitest": "^4.0.18",
+    "zod": "^3.24.1"
+  }
+}

package/src/component-registry.ts CHANGED Viewed

@@ -3,7 +3,7 @@
  *
  * This file serves as the authoritative source for component counts,
  * categories, and organization. Used by:
- * - Documentation (Sage Studio)
+ * - Documentation (OpenCosmos Studio)
  * - MCP Server registry
  * - Marketing materials
  * - Internal tooling
@@ -13,7 +13,7 @@
  *
  * The workflow includes:
  * - Creating the component in packages/ui
- * - Registering in Sage Studio (apps/web)
+ * - Registering in OpenCosmos Studio (apps/web)
  * - Updating THIS registry file
  * - Updating MCP server registry
  * - Version bumping and npm publishing
@@ -22,7 +22,7 @@
  */
 export const BRAND = {
-  productName: 'Sage Design Engine',
+  productName: 'OpenCosmos UI',
   productNameShort: 'Sage',
   themeNames: {
     organic: 'Terra',
@@ -35,7 +35,7 @@ export const BRAND = {
 export const COMPONENT_REGISTRY = {
   /**
-   * Total count of all exported UI components from @thesage/ui
+   * Total count of all exported UI components from @opencosmos/ui
    */
   totalCount: 100,

package/src/components/data-display/CollapsibleCodeBlock.tsx CHANGED Viewed

@@ -2,7 +2,7 @@
 import { useState, useMemo } from 'react';
 import { useTheme } from '../../hooks/useTheme';
-import { syntaxColors } from '@thesage/tokens';
+import { syntaxColors } from '@opencosmos/tokens';
 import { parseCode, type SyntaxToken } from '../../lib/syntax-parser';
 export interface CollapsibleCodeBlockProps {

package/src/components/data-display/OpenCosmosIcon.tsx ADDED Viewed

@@ -0,0 +1,39 @@
+import React from 'react';
+export interface OpenCosmosIconProps {
+    /** Size of the icon in pixels @default 20 */
+    size?: number;
+    /** Additional className */
+    className?: string;
+}
+/**
+ * OpenCosmos brand icon — an orbital system: outer ring, tilted ellipse, center star.
+ * Uses currentColor so it inherits text color from its parent.
+ */
+export const OpenCosmosIcon = ({
+    ref,
+    size = 20,
+    className = '',
+}: OpenCosmosIconProps & { ref?: React.Ref<SVGSVGElement> }) => (
+    <svg
+        ref={ref}
+        xmlns="http://www.w3.org/2000/svg"
+        width={size}
+        height={size}
+        viewBox="0 0 24 24"
+        fill="none"
+        stroke="currentColor"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        className={className}
+        aria-hidden="true"
+    >
+        {/* Outer ring — the cosmos boundary */}
+        <circle cx="12" cy="12" r="9.5" strokeWidth="1.5" />
+        {/* Orbital ellipse — tilted to suggest motion */}
+        <ellipse cx="12" cy="12" rx="9.5" ry="3.2" strokeWidth="1.25" transform="rotate(-35 12 12)" />
+        {/* Center star — the origin */}
+        <circle cx="12" cy="12" r="1.75" fill="currentColor" stroke="none" />
+    </svg>
+);

package/src/components/data-display/index.ts CHANGED Viewed

@@ -1,4 +1,5 @@
 export * from './AspectImage';
+export * from './OpenCosmosIcon';
 export * from './Avatar';
 export * from './Badge';
 export * from './Brand';