203cb5d5e5
- DESIGN_TOKENS.md: Complete rewrite to document --sumi-* token system - APP_SHELL.md: Update layout shell docs (glass bg, backdrop-blur, z-index) - DESIGN_DIRECTION.md: Update aesthetic direction to SUMI philosophy - .storybook/preview.tsx: Remove deleted CSS imports, update bg colors - eslint.config.js: Update color rule message from Kodo to SUMI tokens - tailwind.config.ts: Fix comment referencing deleted design-tokens.css Co-authored-by: Cursor <cursoragent@cursor.com>
1 line
1.6 KiB
JavaScript
1 line
1.6 KiB
JavaScript
import{a as w,j as r}from"./vendor-react-Dkpvlwai.js";import{d as e}from"./index-jE2AGx2y.js";const m=w.forwardRef(({value:n,max:i=100,variant:u="default",color:g="cyan","aria-label":o="Progress",labelLeft:a,labelRight:s,className:t,...d},l)=>{const c=Math.min(100,Math.max(0,n/i*100)),x={cyan:"bg-primary",magenta:"bg-destructive",lime:"bg-success",gold:"bg-warning"},h={gold:"from-warning to-warning"};return u==="gaming"?r.jsxs("div",{className:e("relative",t),ref:l,role:"progressbar","aria-valuenow":n,"aria-valuemin":0,"aria-valuemax":i,"aria-label":o,...d,children:[r.jsx("div",{className:"h-4 bg-background rounded-full overflow-hidden border border-warning/30",children:r.jsx("div",{className:e("h-full bg-gradient-to-r shadow-gold-glow transition-all duration-[var(--sumi-duration-slow)]",h.gold),style:{width:`${c}%`}})}),(a||s)&&r.jsxs("div",{className:"flex justify-between text-xs font-mono font-bold text-warning mt-1 uppercase tracking-wider",children:[r.jsx("span",{children:a}),r.jsx("span",{children:s})]})]}):r.jsxs("div",{className:e("w-full",t),ref:l,role:"progressbar","aria-valuenow":n,"aria-valuemin":0,"aria-valuemax":i,"aria-label":o,...d,children:[r.jsx("div",{className:"h-2 bg-muted rounded-full overflow-hidden",children:r.jsx("div",{className:e("h-full transition-all duration-[var(--sumi-duration-normal)] shadow-slider-thumb",x[g]),style:{width:`${c}%`}})}),(a||s)&&r.jsxs("div",{className:"flex justify-between text-xs text-muted-foreground mt-1 font-mono",children:[r.jsx("span",{children:a}),r.jsx("span",{children:s})]})]})});m.displayName="Progress";const j=m;export{m as P,j as a};
|