orbcafe-ui 1.4.5 → 2.0.0

package/package.json

@@ -1,16 +1,30 @@
 {
   "name": "orbcafe-ui",
-  "version": "1.4.5",
-  "description": "Awesome UI components with Glassmorphism",
+  "version": "2.0.0",
+  "description": "ORBCAFE UI components — ORBIS brand system, MUI-free",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
+  "style": "./dist/orbis.css",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    },
+    "./styles.css": "./dist/orbis.css",
+    "./dist/orbis.css": "./dist/orbis.css",
+    "./dist/index.css": "./dist/index.css",
+    "./fonts/*": "./dist/fonts/*",
+    "./package.json": "./package.json"
+  },
   "scripts": {
     "check:ai-contracts": "node scripts/check-ai-contracts.js",
+    "docs:build": "node scripts/build-docs-pages.js",
     "build": "tsup",
     "prepublishOnly": "npm run build",
     "pack:check": "npm_config_cache=/tmp/.npm-cache npm pack --dry-run",
-    "release:check": "npm run check:ai-contracts && npm run build && npm run pack:check",
+    "release:check": "npm run check:ai-contracts && npm run docs:build && npm run build && npm run pack:check",
     "publish:npm": "npm publish --access public",
     "publish:npm:token": "./scripts/publish-npm.sh"
   },
@@ -21,7 +35,9 @@
   ],
   "author": "ORBAI Team",
   "license": "MIT",
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.css"
+  ],
   "files": [
     "dist"
   ],
@@ -29,11 +45,6 @@
     "access": "public"
   },
   "peerDependencies": {
-    "@emotion/react": "^11.14.0",
-    "@emotion/styled": "^11.14.1",
-    "@mui/icons-material": "^7.3.8",
-    "@mui/material": "^7.3.8",
-    "@mui/x-date-pickers": "^8.27.2",
     "next": "^13.0.0 || ^14.0.0 || ^15.0.0 || ^16.0.0",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0"
@@ -51,13 +62,16 @@
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/modifiers": "^9.0.0",
     "@dnd-kit/sortable": "^10.0.0",
+    "@radix-ui/react-dialog": "^1.1.23",
+    "@radix-ui/react-dropdown-menu": "^2.1.24",
+    "@radix-ui/react-popover": "^1.1.23",
     "@radix-ui/react-slot": "^1.0.0",
+    "@radix-ui/react-tooltip": "^1.2.16",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.0.0",
     "dayjs": "^1.11.19",
     "framer-motion": "^12.35.1",
     "i18next": "^25.8.18",
-    "lucide-react": "^0.475.0",
     "mermaid": "^10.9.0",
     "next-themes": "^0.3.0",
     "ogl": "^1.0.11",
@@ -71,6 +85,8 @@
     "tailwind-merge": "^2.0.0"
   },
   "overrides": {
+    "esbuild": "^0.28.1",
+    "postcss": "^8.5.10",
     "rollup": "^4.59.0"
   }
 }

package/dist/COrbCanvas-EGX5NO3Y.mjs

@@ -1 +0,0 @@
-export{b as COrbCanvas}from'./chunk-74Z76O3S.mjs';

package/dist/chunk-74Z76O3S.mjs

@@ -1,183 +0,0 @@
-import {Renderer,Triangle,Program,Vec3,Mesh}from'ogl';import {useRef,useEffect}from'react';import {jsx}from'react/jsx-runtime';var U=Object.defineProperty;var B=(t,o,n)=>o in t?U(t,o,{enumerable:true,configurable:true,writable:true,value:n}):t[o]=n;var X=(t,o,n)=>B(t,typeof o!="symbol"?o+"":o,n);function J({hue:t=0,hoverIntensity:o=.2,rotateOnHover:n=true,forceHoverState:s=false,backgroundColor:a="transparent"}){let c=useRef(null),g=`
-    precision highp float;
-    attribute vec2 position;
-    attribute vec2 uv;
-    varying vec2 vUv;
-    void main() {
-      vUv = uv;
-      gl_Position = vec4(position, 0.0, 1.0);
-    }
-  `,h=`
-    precision highp float;
-
-    uniform float iTime;
-    uniform vec3 iResolution;
-    uniform float hue;
-    uniform float hover;
-    uniform float rot;
-    uniform float hoverIntensity;
-    uniform vec3 backgroundColor;
-    varying vec2 vUv;
-
-    vec3 rgb2yiq(vec3 c) {
-      float y = dot(c, vec3(0.299, 0.587, 0.114));
-      float i = dot(c, vec3(0.596, -0.274, -0.322));
-      float q = dot(c, vec3(0.211, -0.523, 0.312));
-      return vec3(y, i, q);
-    }
-    
-    vec3 yiq2rgb(vec3 c) {
-      float r = c.x + 0.956 * c.y + 0.621 * c.z;
-      float g = c.x - 0.272 * c.y - 0.647 * c.z;
-      float b = c.x - 1.106 * c.y + 1.703 * c.z;
-      return vec3(r, g, b);
-    }
-    
-    vec3 adjustHue(vec3 color, float hueDeg) {
-      float hueRad = hueDeg * 3.14159265 / 180.0;
-      vec3 yiq = rgb2yiq(color);
-      float cosA = cos(hueRad);
-      float sinA = sin(hueRad);
-      float i = yiq.y * cosA - yiq.z * sinA;
-      float q = yiq.y * sinA + yiq.z * cosA;
-      yiq.y = i;
-      yiq.z = q;
-      return yiq2rgb(yiq);
-    }
-
-    vec3 hash33(vec3 p3) {
-      p3 = fract(p3 * vec3(0.1031, 0.11369, 0.13787));
-      p3 += dot(p3, p3.yxz + 19.19);
-      return -1.0 + 2.0 * fract(vec3(
-        p3.x + p3.y,
-        p3.x + p3.z,
-        p3.y + p3.z
-      ) * p3.zyx);
-    }
-
-    float snoise3(vec3 p) {
-      const float K1 = 0.333333333;
-      const float K2 = 0.166666667;
-      vec3 i = floor(p + (p.x + p.y + p.z) * K1);
-      vec3 d0 = p - (i - (i.x + i.y + i.z) * K2);
-      vec3 e = step(vec3(0.0), d0 - d0.yzx);
-      vec3 i1 = e * (1.0 - e.zxy);
-      vec3 i2 = 1.0 - e.zxy * (1.0 - e);
-      vec3 d1 = d0 - (i1 - K2);
-      vec3 d2 = d0 - (i2 - K1);
-      vec3 d3 = d0 - 0.5;
-      vec4 h = max(0.6 - vec4(
-        dot(d0, d0),
-        dot(d1, d1),
-        dot(d2, d2),
-        dot(d3, d3)
-      ), 0.0);
-      vec4 n = h * h * h * h * vec4(
-        dot(d0, hash33(i)),
-        dot(d1, hash33(i + i1)),
-        dot(d2, hash33(i + i2)),
-        dot(d3, hash33(i + 1.0))
-      );
-      return dot(vec4(31.316), n);
-    }
-
-    vec4 extractAlpha(vec3 colorIn) {
-      float a = max(max(colorIn.r, colorIn.g), colorIn.b);
-      return vec4(colorIn.rgb / (a + 1e-5), a);
-    }
-
-    const vec3 baseColor1 = vec3(0.611765, 0.262745, 0.996078);
-    const vec3 baseColor2 = vec3(0.298039, 0.760784, 0.913725);
-    const vec3 baseColor3 = vec3(0.062745, 0.078431, 0.600000);
-    // Make it solid by reducing inner radius to near zero
-    const float innerRadius = 0.0;
-    const float noiseScale = 1.0;
-
-    float light1(float intensity, float attenuation, float dist) {
-      return intensity / (1.0 + dist * attenuation);
-    }
-    float light2(float intensity, float attenuation, float dist) {
-      return intensity / (1.0 + dist * dist * attenuation);
-    }
-
-    vec4 draw(vec2 uv) {
-      vec3 color1 = adjustHue(baseColor1, hue);
-      vec3 color2 = adjustHue(baseColor2, hue);
-      vec3 color3 = adjustHue(baseColor3, hue);
-      
-      float ang = atan(uv.y, uv.x);
-      float len = length(uv);
-      float invLen = len > 0.0 ? 1.0 / len : 0.0;
-
-      float bgLuminance = dot(backgroundColor, vec3(0.299, 0.587, 0.114));
-      
-      float n0 = snoise3(vec3(uv * noiseScale, iTime * 0.5)) * 0.5 + 0.5;
-      
-      // Increased outer radius factor from 1.0 to 1.8 to make the orb larger
-      float r0 = mix(mix(innerRadius, 1.2, 0.4), mix(innerRadius, 1.8, 0.6), n0);
-      
-      float d0 = distance(uv, (r0 * invLen) * uv);
-      float v0 = light1(1.0, 10.0, d0);
-      v0 *= smoothstep(r0 * 1.05, r0, len);
-      
-      // Remove inner fade to keep the center solid
-      float innerFade = 1.0; 
-      
-      v0 *= mix(innerFade, 1.0, bgLuminance * 0.7);
-      float cl = cos(ang + iTime * 2.0) * 0.5 + 0.5;
-      
-      float a = iTime * -1.0;
-      vec2 pos = vec2(cos(a), sin(a)) * r0;
-      float d = distance(uv, pos);
-      float v1 = light2(1.5, 5.0, d);
-      v1 *= light1(1.0, 50.0, d0);
-      
-      float v2 = smoothstep(1.0, mix(innerRadius, 1.0, n0 * 0.5), len);
-      
-      // Keep center solid instead of fading out
-      float v3 = 1.0; 
-      
-      vec3 colBase = mix(color1, color2, cl);
-      float fadeAmount = mix(1.0, 0.1, bgLuminance);
-      
-      vec3 darkCol = mix(color3, colBase, v0);
-      darkCol = (darkCol + v1) * v2 * v3;
-      darkCol = clamp(darkCol, 0.0, 1.0);
-      
-      vec3 lightCol = (colBase + v1) * mix(1.0, v2 * v3, fadeAmount);
-      lightCol = mix(backgroundColor, lightCol, v0);
-      lightCol = clamp(lightCol, 0.0, 1.0);
-      
-      vec3 finalCol = mix(darkCol, lightCol, bgLuminance);
-      
-      return extractAlpha(finalCol);
-    }
-
-    vec4 mainImage(vec2 fragCoord) {
-      vec2 center = iResolution.xy * 0.5;
-      // Use max dimension to ensure the orb covers the area (creating an ambient effect)
-      // rather than fitting inside (which would be tiny in a header)
-      float size = max(iResolution.x, iResolution.y);
-      vec2 uv = (fragCoord - center) / size * 2.0;
-
-      // Add randomness/waviness to UV coordinates
-      uv.x += sin(uv.y * 3.0 + iTime * 0.5) * 0.1;
-      uv.y += cos(uv.x * 3.0 + iTime * 0.5) * 0.1;
-      
-      float angle = rot;
-      float s = sin(angle);
-      float c = cos(angle);
-      uv = vec2(c * uv.x - s * uv.y, s * uv.x + c * uv.y);
-      
-      uv.x += hover * hoverIntensity * 0.1 * sin(uv.y * 10.0 + iTime);
-      uv.y += hover * hoverIntensity * 0.1 * sin(uv.x * 10.0 + iTime);
-      
-      return draw(uv);
-    }
-
-    void main() {
-      vec2 fragCoord = vUv * iResolution.xy;
-      vec4 col = mainImage(fragCoord);
-      gl_FragColor = vec4(col.rgb * col.a, col.a);
-    }
-  `;return useEffect(()=>{let i=c.current;if(!i)return;let l=new Renderer({alpha:true,premultipliedAlpha:false}),e=l.gl;e.clearColor(0,0,0,0),i.appendChild(e.canvas);let r=new Triangle(e),v=new Program(e,{vertex:g,fragment:h,uniforms:{iTime:{value:0},iResolution:{value:new Vec3(e.canvas.width,e.canvas.height,e.canvas.width/e.canvas.height)},hue:{value:t},hover:{value:0},rot:{value:0},hoverIntensity:{value:o},backgroundColor:{value:k(a)}}}),E=new Mesh(e,{geometry:r,program:v});function y(){if(!i)return;let u=window.devicePixelRatio||1,d=i.clientWidth,f=i.clientHeight;l.setSize(d*u,f*u),e.canvas.style.width=d+"px",e.canvas.style.height=f+"px",v.uniforms.iResolution.value.set(e.canvas.width,e.canvas.height,e.canvas.width/e.canvas.height);}window.addEventListener("resize",y),y();let p=0,x=0,C=0,M=.3,w=u=>{let d=i.getBoundingClientRect(),f=u.clientX-d.left,H=u.clientY-d.top,R=d.width,q=d.height,A=Math.min(R,q),K=R/2,F=q/2,L=(f-K)/A*2,T=(H-F)/A*2;Math.sqrt(L*L+T*T)<.8?p=1:p=0;},z=()=>{p=0;};i.addEventListener("mousemove",w),i.addEventListener("mouseleave",z);let b,I=u=>{b=requestAnimationFrame(I);let d=(u-x)*.001;x=u,v.uniforms.iTime.value=u*.001,v.uniforms.hue.value=t,v.uniforms.hoverIntensity.value=o,v.uniforms.backgroundColor.value=k(a);let f=s?1:p;v.uniforms.hover.value+=(f-v.uniforms.hover.value)*.1,n&&f>.5&&(C+=d*M),v.uniforms.rot.value=C,l.render({scene:E});};return b=requestAnimationFrame(I),()=>{cancelAnimationFrame(b),window.removeEventListener("resize",y),i.removeEventListener("mousemove",w),i.removeEventListener("mouseleave",z),e.canvas.parentNode===i&&i.removeChild(e.canvas),e.getExtension("WEBGL_lose_context")?.loseContext();}},[t,o,n,s,a]),jsx("div",{ref:c,className:"w-full h-full"})}function V(t,o,n){let s,a,c;if(o===0)s=a=c=n;else {let g=(l,e,r)=>(r<0&&(r+=1),r>1&&(r-=1),r<.16666666666666666?l+(e-l)*6*r:r<.5?e:r<.6666666666666666?l+(e-l)*(.6666666666666666-r)*6:l),h=n<.5?n*(1+o):n+o-n*o,i=2*n-h;s=g(i,h,t+1/3),a=g(i,h,t),c=g(i,h,t-1/3);}return new Vec3(s,a,c)}function k(t){if(t==="transparent")return new Vec3(0,0,0);if(t.startsWith("#")){let s=parseInt(t.slice(1,3),16)/255,a=parseInt(t.slice(3,5),16)/255,c=parseInt(t.slice(5,7),16)/255;return new Vec3(s,a,c)}let o=t.match(/rgba?\((\d+),\s*(\d+),\s*(\d+)/);if(o)return new Vec3(parseInt(o[1])/255,parseInt(o[2])/255,parseInt(o[3])/255);let n=t.match(/hsla?\((\d+),\s*(\d+)%,\s*(\d+)%/);if(n){let s=parseInt(n[1])/360,a=parseInt(n[2])/100,c=parseInt(n[3])/100;return V(s,a,c)}return new Vec3(0,0,0)}export{X as a,J as b};

package/dist/index.css

@@ -1 +0,0 @@
-.agentPanel{isolation:isolate;overflow:visible;--halo-a: rgba(34, 211, 238, .42);--halo-b: rgba(168, 85, 247, .34);--halo-c: rgba(96, 165, 250, .26);--halo-opacity: .92;--halo-spin: 4.2s;--halo-pulse: 2.4s;--rail-thickness: 3px;--rail-opacity: .92}.agentPanel[data-status=idle]{--halo-a: rgba(96, 165, 250, .22);--halo-b: rgba(196, 181, 253, .18);--halo-c: rgba(147, 197, 253, .14);--halo-opacity: .56;--halo-spin: 8s;--halo-pulse: 3.8s;--rail-opacity: .52}.agentPanel[data-status=running]{--halo-a: rgba(34, 211, 238, .52);--halo-b: rgba(168, 85, 247, .42);--halo-c: rgba(59, 130, 246, .34);--halo-opacity: 1;--halo-spin: 3.2s;--halo-pulse: 1.8s;--rail-opacity: 1}.agentPanel[data-status=success]{--halo-a: rgba(52, 211, 153, .46);--halo-b: rgba(34, 211, 238, .34);--halo-c: rgba(16, 185, 129, .3);--halo-opacity: .95;--halo-spin: 4.2s;--halo-pulse: 2.2s;--rail-opacity: .96}.agentPanel[data-status=error]{--halo-a: rgba(251, 113, 133, .5);--halo-b: rgba(245, 158, 11, .38);--halo-c: rgba(239, 68, 68, .3);--halo-opacity: 1;--halo-spin: 2.8s;--halo-pulse: 1.6s;--rail-opacity: 1}.agentPanel[data-status=pending]{--halo-a: rgba(251, 191, 36, .38);--halo-b: rgba(56, 189, 248, .3);--halo-c: rgba(250, 204, 21, .24);--halo-opacity: .82;--halo-spin: 5.6s;--halo-pulse: 2.8s;--rail-opacity: .84}.colorHalo{position:absolute;inset:-24px;border-radius:inherit;pointer-events:none;z-index:1}.colorHalo:before,.colorHalo:after{content:"";position:absolute;border-radius:inherit}.colorHalo:before{inset:-16%;background:conic-gradient(from 0deg,transparent 0deg 24deg,var(--halo-a) 74deg,transparent 124deg 194deg,var(--halo-b) 244deg,transparent 298deg 360deg);opacity:var(--halo-opacity);filter:blur(38px);animation:haloSpin var(--halo-spin) linear infinite}.colorHalo:after{inset:12px;box-shadow:0 0 18px var(--halo-a),0 0 36px var(--halo-b),0 0 60px var(--halo-c);opacity:.88;animation:haloPulse var(--halo-pulse) ease-in-out infinite}.marqueeBorder{position:absolute;inset:-10px;border-radius:inherit;pointer-events:none;z-index:3;--glow-a: #22d3ee;--glow-b: #a855f7;--speed: 1.6s;--alpha: var(--rail-opacity)}.marqueeBorder[data-status=idle]{--glow-a: #60a5fa;--glow-b: #c4b5fd;--speed: 4s;--alpha: .45}.marqueeBorder[data-status=running]{--glow-a: #22d3ee;--glow-b: #a855f7;--speed: 1.6s;--alpha: 1}.marqueeBorder[data-status=success]{--glow-a: #34d399;--glow-b: #22d3ee;--speed: 2s;--alpha: .95}.marqueeBorder[data-status=error]{--glow-a: #fb7185;--glow-b: #f59e0b;--speed: 1.2s;--alpha: 1}.marqueeBorder[data-status=pending]{--glow-a: #fbbf24;--glow-b: #38bdf8;--speed: 2.4s;--alpha: .8}.edge{position:absolute;opacity:var(--alpha);filter:drop-shadow(0 0 8px var(--glow-a)) drop-shadow(0 0 18px var(--glow-a)) drop-shadow(0 0 32px var(--glow-b))}.top,.bottom{left:0;width:40%;height:var(--rail-thickness);background:linear-gradient(90deg,transparent 0%,var(--glow-a) 28%,#ffffff 50%,var(--glow-b) 74%,transparent 100%)}.top{top:0;animation:marqueeX var(--speed) linear infinite}.bottom{bottom:0;animation:marqueeXReverse var(--speed) linear infinite;animation-delay:calc(var(--speed) * -.45)}.left,.right{top:0;width:var(--rail-thickness);height:40%;background:linear-gradient(180deg,transparent 0%,var(--glow-a) 28%,#ffffff 50%,var(--glow-b) 74%,transparent 100%)}.left{left:0;animation:marqueeYReverse var(--speed) linear infinite}.right{right:0;animation:marqueeY var(--speed) linear infinite;animation-delay:calc(var(--speed) * -.45)}.statusDot{display:inline-block;width:8px;height:8px;border-radius:9999px;background:#94a3b8;color:#94a3b8}.statusDot[data-status=idle]{background:#94a3b8}.statusDot[data-status=running]{background:#06b6d4;color:#06b6d4;box-shadow:0 0 #06b6d48c;animation:statusPulse 1.2s ease-in-out infinite}.statusDot[data-status=success]{background:#10b981;color:#10b981}.statusDot[data-status=error]{background:#ef4444;color:#ef4444}.statusDot[data-status=pending]{background:#f59e0b;color:#f59e0b;box-shadow:0 0 #f59e0b73;animation:statusPulse 1.8s ease-in-out infinite}@keyframes marqueeX{0%{transform:translate(-120%)}to{transform:translate(320%)}}@keyframes marqueeXReverse{0%{transform:translate(320%)}to{transform:translate(-120%)}}@keyframes marqueeY{0%{transform:translateY(-120%)}to{transform:translateY(320%)}}@keyframes marqueeYReverse{0%{transform:translateY(320%)}to{transform:translateY(-120%)}}@keyframes statusPulse{0%{box-shadow:0 0 0 0 currentColor}70%{box-shadow:0 0 0 6px transparent}to{box-shadow:0 0 0 0 transparent}}@keyframes haloSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes haloPulse{0%,to{opacity:.55}50%{opacity:.98}}