@fabio.caffarello/react-design-system 3.0.0 → 3.1.0
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.
- package/dist/index.cjs +80 -80
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +4237 -4143
- package/dist/index.js.map +1 -1
- package/dist/react-design-system.css +1 -1
- package/dist/server/index.cjs +19 -19
- package/dist/server/index.cjs.map +1 -1
- package/dist/server/index.js +620 -542
- package/dist/server/index.js.map +1 -1
- package/dist/ui/primitives/Button/Button.d.ts +34 -18
- package/dist/ui/primitives/Chip/Chip.d.ts +39 -3
- package/package.json +2 -1
package/dist/server/index.cjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";var se=Object.defineProperty,ie=Object.defineProperties;var ne=Object.getOwnPropertyDescriptors;var R=Object.getOwnPropertySymbols;var _=Object.prototype.hasOwnProperty,K=Object.prototype.propertyIsEnumerable;var V=(r,a,s)=>a in r?se(r,a,{enumerable:!0,configurable:!0,writable:!0,value:s}):r[a]=s,x=(r,a)=>{for(var s in a||(a={}))_.call(a,s)&&V(r,s,a[s]);if(R)for(var s of R(a))K.call(a,s)&&V(r,s,a[s]);return r},k=(r,a)=>ie(r,ne(a));var h=(r,a)=>{var s={};for(var t in r)_.call(r,t)&&a.indexOf(t)<0&&(s[t]=r[t]);if(r!=null&&R)for(var t of R(r))a.indexOf(t)<0&&K.call(r,t)&&(s[t]=r[t]);return s};var X=(r,a,s)=>V(r,typeof a!="symbol"?a+"":a,s);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),I=require("react"),H=require("lucide-react"),le=require("clsx"),oe=require("tailwind-merge"),ce=require("class-variance-authority");class z{static create(a){const t={none:{px:0,tailwind:"rounded-none",description:"No border radius"},sm:{px:2,tailwind:"rounded-sm",description:"Small radius (2px) for subtle rounding"},md:{px:6,tailwind:"rounded-md",description:"Medium radius (6px) for buttons and inputs"},lg:{px:8,tailwind:"rounded-lg",description:"Large radius (8px) for cards and containers"},xl:{px:12,tailwind:"rounded-xl",description:"Extra large radius (12px) for prominent elements"},"2xl":{px:16,tailwind:"rounded-2xl",description:"2X large radius (16px) for large containers"},"3xl":{px:24,tailwind:"rounded-3xl",description:"3X large radius (24px) for very large containers"},full:{px:9999,tailwind:"rounded-full",description:"Full radius for circular elements"}}[a];return{value:t.px,rem:`${t.px/16}rem`,px:`${t.px}px`,tailwind:t.tailwind,description:t.description}}}const de={none:z.create("none"),sm:z.create("sm"),md:z.create("md"),lg:z.create("lg"),xl:z.create("xl"),"2xl":z.create("2xl"),"3xl":z.create("3xl"),full:z.create("full")};function S(r){return de[r].tailwind}class w{static create(a){const s=a*this.BASE_UNIT,t=s/16;return{value:s,rem:`${t}rem`,px:`${s}px`,tailwind:this.getTailwindClass(a)}}static getTailwindClass(a){return{0:"0",.5:"0.5",1:"1",1.5:"1.5",2:"2",2.5:"2.5",3:"3",3.5:"3.5",4:"4",5:"5",6:"6",8:"8",10:"10",12:"12",16:"16",20:"20",24:"24",32:"32",40:"40",48:"48",64:"64",80:"80",96:"96"}[a]||String(a)}}X(w,"BASE_UNIT",4);const fe={none:w.create(0),"0.5":w.create(.5),xs:w.create(1),"1.5":w.create(1.5),sm:w.create(2),"2.5":w.create(2.5),md:w.create(3),"3.5":w.create(3.5),base:w.create(4),lg:w.create(6),xl:w.create(8),"2xl":w.create(10),"3xl":w.create(12),"4xl":w.create(16),"5xl":w.create(20),"6xl":w.create(24)};function o(r,a="p"){const t=fe[r].tailwind;return`${{p:"p",m:"m",px:"px",mx:"mx",py:"py",my:"my",pt:"pt",mt:"mt",pr:"pr",mr:"mr",pb:"pb",mb:"mb",pl:"pl",ml:"ml",gap:"gap","gap-x":"gap-x","gap-y":"gap-y","space-x":"space-x","space-y":"space-y"}[a]}-${t}`}class v{static createFontSize(a){const t={"2xs":{px:10,tailwind:"text-2xs"},xs:{px:12,tailwind:"text-xs"},sm:{px:14,tailwind:"text-sm"},base:{px:16,tailwind:"text-base"},lg:{px:18,tailwind:"text-lg"},xl:{px:20,tailwind:"text-xl"},"2xl":{px:24,tailwind:"text-2xl"},"3xl":{px:30,tailwind:"text-3xl"},"4xl":{px:36,tailwind:"text-4xl"},"5xl":{px:48,tailwind:"text-5xl"},"6xl":{px:60,tailwind:"text-6xl"}}[a];return{value:t.px,rem:`${t.px/16}rem`,px:`${t.px}px`,tailwind:t.tailwind}}static createLineHeight(a){const t={none:{value:1,tailwind:"leading-none"},tight:{value:1.25,tailwind:"leading-tight"},snug:{value:1.375,tailwind:"leading-snug"},normal:{value:1.5,tailwind:"leading-normal"},relaxed:{value:1.625,tailwind:"leading-relaxed"},loose:{value:2,tailwind:"leading-loose"}}[a];return{value:t.value,tailwind:t.tailwind}}static createFontWeight(a){const t={light:{value:300,tailwind:"font-light"},normal:{value:400,tailwind:"font-normal"},medium:{value:500,tailwind:"font-medium"},semibold:{value:600,tailwind:"font-semibold"},bold:{value:700,tailwind:"font-bold"}}[a];return{value:t.value,tailwind:t.tailwind}}static create(a,s="normal",t="normal"){return{fontSize:this.createFontSize(a),lineHeight:this.createLineHeight(s),fontWeight:this.createFontWeight(t)}}}v.createFontWeight("light"),v.createFontWeight("normal"),v.createFontWeight("medium"),v.createFontWeight("semibold"),v.createFontWeight("bold");const B={h1:v.create("4xl","tight","bold"),h2:v.create("3xl","tight","bold"),h3:v.create("2xl","snug","semibold"),h4:v.create("xl","snug","semibold"),h5:v.create("lg","normal","medium"),h6:v.create("base","normal","medium"),body:v.create("base","relaxed","normal"),bodySmall:v.create("sm","relaxed","normal"),bodyLarge:v.create("lg","relaxed","normal"),label:v.create("sm","normal","medium"),caption:v.create("xs","normal","normal"),button:v.create("base","normal","medium")};function L(r){const a=B[r];return`${a.fontSize.tailwind} ${a.lineHeight.tailwind} ${a.fontWeight.tailwind}`}function C(r){return B[r].fontSize.tailwind}function O(r){return B[r].fontWeight.tailwind}function d(...r){return oe.twMerge(le.clsx(r))}const q=(r,a)=>{const s=ce.cva(r,a);return(t=>{const i=s(t);return d(i)})},pe=q(d("inline-flex","items-center","font-medium",S("full"),o("xs","gap")),{variants:{variant:{default:d("bg-surface-muted","text-fg-primary","border","border-line-default"),outlined:d("bg-transparent","text-fg-primary","border","border-line-default"),filled:d("bg-surface-brand-strong","text-fg-inverse","border","border-transparent")},size:{sm:d(o("xs","px"),o("xs","py"),C("caption")),md:d(o("sm","px"),o("xs","py"),C("bodySmall")),lg:d(o("md","px"),o("sm","py"),C("body"))},selected:{true:d("bg-surface-brand-strong","text-fg-inverse","border","border-line-brand"),false:""},disabled:{true:"opacity-50 cursor-not-allowed",false:""}},compoundVariants:[{selected:!0,variant:"default",class:""},{selected:!0,variant:"outlined",class:""},{selected:!0,variant:"filled",class:""}],defaultVariants:{variant:"default",size:"md",selected:!1,disabled:!1}}),Y=I.forwardRef(function(j,y){var T=j,{children:a,variant:s="default",size:t="md",onRemove:i,selected:l=!1,disabled:c=!1,className:f="","aria-label":m,onClick:p,tabIndex:u}=T,g=h(T,["children","variant","size","onRemove","selected","disabled","className","aria-label","onClick","tabIndex"]);const P=(()=>{if(m)return m;if(typeof a=="string")return a;if(typeof a=="object"&&a!==null&&"props"in a){const N=a.props;if(N!=null&&N.children&&typeof N.children=="string")return N.children}})(),U=p!==void 0,te=U&&!c,re=N=>{c||(N.key==="Enter"||N.key===" ")&&(N.preventDefault(),p==null||p())};return n.jsxs("div",k(x({ref:y,className:d(pe({variant:s,size:t,selected:l,disabled:c}),i&&o("xs","pr"),f),"aria-disabled":c},g),{children:[U?n.jsx("button",{type:"button",onClick:c?void 0:p,onKeyDown:re,disabled:c,"aria-pressed":l?!0:void 0,"aria-label":m||P,tabIndex:u!==void 0?u:te?0:void 0,className:d("flex-1","bg-transparent","border-0",o("none","p"),"text-inherit","text-left","cursor-pointer","focus:outline-none","focus:ring-2","focus:ring-line-focus","focus:ring-offset-2",S("full")),children:a}):n.jsx("span",{children:a}),i&&!c&&n.jsx("button",{type:"button",onClick:N=>{N.stopPropagation(),i()},className:d(o("xs","ml"),"hover:bg-tint-hover",S("full"),o("xs","p"),"transition-colors","focus:outline-none","focus:ring-2","focus:ring-line-focus","focus:ring-offset-1"),"aria-label":`Remove ${P||"chip"}`,children:n.jsx(H.X,{className:"h-3 w-3","aria-hidden":"true"})})]}))});Y.displayName="Chip";function ue(i){var l=i,{message:r,id:a,className:s=""}=l,t=h(l,["message","id","className"]);const c=[o("xs","mt"),C("bodySmall"),"text-fg-error","flex","items-center",o("xs","gap")],f=d(...c,s);return n.jsxs("div",k(x({role:"alert",id:a,className:f,"aria-live":"polite"},t),{children:[n.jsx(H.AlertCircle,{className:"h-4 w-4 shrink-0","aria-hidden":"true"}),n.jsx("span",{children:r})]}))}function me(t){var i=t,{variant:r="info",className:a}=i,s=h(i,["variant","className"]);const l={warning:d("bg-warning-bg","text-warning-dark","border-warning"),error:d("bg-error-bg","text-error-dark","border-error"),info:d("bg-info-bg","text-info-dark","border-info")};return n.jsx("div",x({role:"alert",className:d("border",o("base","px"),o("sm","py"),S("lg"),l[r],a)},s))}function b(r,a,s){const t=xe(r),i=be(r);return{hex:r,rgb:t,hsl:i,cssVar:`var(--color-${a}-${s})`,tailwind:`${a}-${s}`}}function xe(r){const a=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(r);return a?`${parseInt(a[1],16)}, ${parseInt(a[2],16)}, ${parseInt(a[3],16)}`:"0, 0, 0"}function be(r){const a=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(r);if(!a)return"0, 0%, 0%";const s=parseInt(a[1],16)/255,t=parseInt(a[2],16)/255,i=parseInt(a[3],16)/255,l=Math.max(s,t,i),c=Math.min(s,t,i);let f=0,m=0;const p=(l+c)/2;if(l!==c){const u=l-c;switch(m=p>.5?u/(2-l-c):u/(l+c),l){case s:f=((t-i)/u+(t<i?6:0))/6;break;case t:f=((i-s)/u+2)/6;break;case i:f=((s-t)/u+4)/6;break}}return`${Math.round(f*360)}, ${Math.round(m*100)}%, ${Math.round(p*100)}%`}b("#f0f4f8","brand-primary",50),b("#d9e2ec","brand-primary",100),b("#bcccdc","brand-primary",200),b("#9fb3c8","brand-primary",300),b("#7390ad","brand-primary",400),b("#486581","brand-primary",500),b("#334e68","brand-primary",600),b("#243b53","brand-primary",700),b("#1a2a3a","brand-primary",800),b("#102a43","brand-primary",900),b("#061a35","brand-primary",950);b("#f7f5ff","brand-secondary",50),b("#eee9ff","brand-secondary",100),b("#e0d6ff","brand-secondary",200),b("#cbb8ff","brand-secondary",300),b("#aa89fc","brand-secondary",400),b("#8e58f2","brand-secondary",500),b("#703bc8","brand-secondary",600),b("#582aa2","brand-secondary",700),b("#44227e","brand-secondary",800),b("#32185d","brand-secondary",900),b("#180635","brand-secondary",950);function e(r,a,s){const t=ge(r),i=he(r);return{hex:r,rgb:t,hsl:i,cssVar:`var(--color-${a}-${s})`,tailwind:`${a}-${s}`}}function ge(r){const a=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(r);return a?`${parseInt(a[1],16)}, ${parseInt(a[2],16)}, ${parseInt(a[3],16)}`:"0, 0, 0"}function he(r){const a=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(r);if(!a)return"0, 0%, 0%";const s=parseInt(a[1],16)/255,t=parseInt(a[2],16)/255,i=parseInt(a[3],16)/255,l=Math.max(s,t,i),c=Math.min(s,t,i);let f=0,m=0;const p=(l+c)/2;if(l!==c){const u=l-c;switch(m=p>.5?u/(2-l-c):u/(l+c),l){case s:f=((t-i)/u+(t<i?6:0))/6;break;case t:f=((i-s)/u+2)/6;break;case i:f=((s-t)/u+4)/6;break}}return`${Math.round(f*360)}, ${Math.round(m*100)}%, ${Math.round(p*100)}%`}e("#eef2ff","indigo",50),e("#e0e7ff","indigo",100),e("#c7d2fe","indigo",200),e("#a5b4fc","indigo",300),e("#818cf8","indigo",400),e("#6366f1","indigo",500),e("#4f46e5","indigo",600),e("#4338ca","indigo",700),e("#3730a3","indigo",800),e("#312e81","indigo",900),e("#1e1b4b","indigo",950);e("#f5f3ff","violet",50),e("#ede9fe","violet",100),e("#ddd6fe","violet",200),e("#c4b5fd","violet",300),e("#a78bfa","violet",400),e("#8b5cf6","violet",500),e("#7c3aed","violet",600),e("#6d28d9","violet",700),e("#5b21b6","violet",800),e("#4c1d95","violet",900),e("#2e1065","violet",950);e("#ecfeff","cyan",50),e("#cffafe","cyan",100),e("#a5f3fc","cyan",200),e("#67e8f9","cyan",300),e("#22d3ee","cyan",400),e("#06b6d4","cyan",500),e("#0891b2","cyan",600),e("#0e7490","cyan",700),e("#155e75","cyan",800),e("#164e63","cyan",900),e("#083344","cyan",950);e("#f8fafc","slate",50),e("#f1f5f9","slate",100),e("#e2e8f0","slate",200),e("#cbd5e1","slate",300),e("#94a3b8","slate",400),e("#64748b","slate",500),e("#475569","slate",600),e("#334155","slate",700),e("#1e293b","slate",800),e("#0f172a","slate",900),e("#020617","slate",950);e("#f9fafb","gray",50),e("#f3f4f6","gray",100),e("#e5e7eb","gray",200),e("#d1d5db","gray",300),e("#9ca3af","gray",400),e("#6b7280","gray",500),e("#4b5563","gray",600),e("#374151","gray",700),e("#1f2937","gray",800),e("#111827","gray",900),e("#030712","gray",950);e("#ecfdf5","emerald",50),e("#d1fae5","emerald",100),e("#a7f3d0","emerald",200),e("#6ee7b7","emerald",300),e("#34d399","emerald",400),e("#10b981","emerald",500),e("#059669","emerald",600),e("#047857","emerald",700),e("#065f46","emerald",800),e("#064e3b","emerald",900),e("#022c22","emerald",950);e("#f0fdf4","green",50),e("#dcfce7","green",100),e("#bbf7d0","green",200),e("#86efac","green",300),e("#4ade80","green",400),e("#22c55e","green",500),e("#16a34a","green",600),e("#15803d","green",700),e("#166534","green",800),e("#14532d","green",900),e("#052e16","green",950);e("#fffbeb","amber",50),e("#fef3c7","amber",100),e("#fde68a","amber",200),e("#fcd34d","amber",300),e("#fbbf24","amber",400),e("#f59e0b","amber",500),e("#d97706","amber",600),e("#b45309","amber",700),e("#92400e","amber",800),e("#78350f","amber",900),e("#451a03","amber",950);e("#fefce8","yellow",50),e("#fef9c3","yellow",100),e("#fef08a","yellow",200),e("#fde047","yellow",300),e("#facc15","yellow",400),e("#eab308","yellow",500),e("#ca8a04","yellow",600),e("#a16207","yellow",700),e("#854d0e","yellow",800),e("#713f12","yellow",900),e("#422006","yellow",950);e("#fff7ed","orange",50),e("#ffedd5","orange",100),e("#fed7aa","orange",200),e("#fdba74","orange",300),e("#fb923c","orange",400),e("#f97316","orange",500),e("#ea580c","orange",600),e("#c2410c","orange",700),e("#9a3412","orange",800),e("#7c2d12","orange",900),e("#431407","orange",950);e("#fff1f2","rose",50),e("#ffe4e6","rose",100),e("#fecdd3","rose",200),e("#fda4af","rose",300),e("#fb7185","rose",400),e("#f43f5e","rose",500),e("#e11d48","rose",600),e("#be123c","rose",700),e("#9f1239","rose",800),e("#881337","rose",900),e("#4c0519","rose",950);e("#fef2f2","red",50),e("#fee2e2","red",100),e("#fecaca","red",200),e("#fca5a5","red",300),e("#f87171","red",400),e("#ef4444","red",500),e("#dc2626","red",600),e("#b91c1c","red",700),e("#991b1b","red",800),e("#7f1d1d","red",900),e("#450a0a","red",950);e("#f0f9ff","sky",50),e("#e0f2fe","sky",100),e("#bae6fd","sky",200),e("#7dd3fc","sky",300),e("#38bdf8","sky",400),e("#0ea5e9","sky",500),e("#0284c7","sky",600),e("#0369a1","sky",700),e("#075985","sky",800),e("#0c4a6e","sky",900),e("#082f49","sky",950);e("#eff6ff","blue",50),e("#dbeafe","blue",100),e("#bfdbfe","blue",200),e("#93c5fd","blue",300),e("#60a5fa","blue",400),e("#3b82f6","blue",500),e("#2563eb","blue",600),e("#1d4ed8","blue",700),e("#1e40af","blue",800),e("#1e3a8a","blue",900),e("#172554","blue",950);e("#fdf4ff","fuchsia",50),e("#fae8ff","fuchsia",100),e("#f5d0fe","fuchsia",200),e("#f0abfc","fuchsia",300),e("#e879f9","fuchsia",400),e("#d946ef","fuchsia",500),e("#c026d3","fuchsia",600),e("#a21caf","fuchsia",700),e("#86198f","fuchsia",800),e("#701a75","fuchsia",900),e("#4a044e","fuchsia",950);e("#fdf2f8","pink",50),e("#fce7f3","pink",100),e("#fbcfe8","pink",200),e("#f9a8d4","pink",300),e("#f472b6","pink",400),e("#ec4899","pink",500),e("#db2777","pink",600),e("#be185d","pink",700),e("#9d174d","pink",800),e("#831843","pink",900),e("#500724","pink",950);e("#faf5ff","purple",50),e("#f3e8ff","purple",100),e("#e9d5ff","purple",200),e("#d8b4fe","purple",300),e("#c084fc","purple",400),e("#a855f7","purple",500),e("#9333ea","purple",600),e("#7e22ce","purple",700),e("#6b21a8","purple",800),e("#581c87","purple",900),e("#3b0764","purple",950);e("#f0fdfa","teal",50),e("#ccfbf1","teal",100),e("#99f6e4","teal",200),e("#5eead4","teal",300),e("#2dd4bf","teal",400),e("#14b8a6","teal",500),e("#0d9488","teal",600),e("#0f766e","teal",700),e("#115e59","teal",800),e("#134e4a","teal",900),e("#042f2e","teal",950);e("#f7fee7","lime",50),e("#ecfccb","lime",100),e("#d9f99d","lime",200),e("#bef264","lime",300),e("#a3e635","lime",400),e("#84cc16","lime",500),e("#65a30d","lime",600),e("#4d7c0f","lime",700),e("#3f6212","lime",800),e("#365314","lime",900),e("#1a2e05","lime",950);class D{static create(a){return{none:{value:"none",tailwind:"shadow-none",description:"No shadow"},sm:{value:"0 1px 2px 0 rgb(0 0 0 / 0.05)",tailwind:"shadow-sm",description:"Small shadow for subtle elevation"},md:{value:"0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",tailwind:"shadow-md",description:"Medium shadow for cards and elevated elements"},lg:{value:"0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",tailwind:"shadow-lg",description:"Large shadow for modals and dropdowns"},xl:{value:"0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",tailwind:"shadow-xl",description:"Extra large shadow for prominent modals"},"2xl":{value:"0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",tailwind:"shadow-2xl",description:"2X large shadow for maximum elevation"},inner:{value:"inset 0 2px 4px 0 rgb(0 0 0 / 0.05)",tailwind:"shadow-inner",description:"Inner shadow for inset elements"}}[a]}}D.create("none"),D.create("sm"),D.create("md"),D.create("lg"),D.create("xl"),D.create("2xl"),D.create("inner");class M{static createWidth(a){const t={none:{px:0,tailwind:"border-0"},thin:{px:1,tailwind:"border"},base:{px:1,tailwind:"border"},medium:{px:2,tailwind:"border-2"},thick:{px:4,tailwind:"border-4"}}[a];return{value:t.px,px:`${t.px}px`,tailwind:t.tailwind}}static create(a,s="solid"){return{width:this.createWidth(a),style:s,description:`${a} ${s} border`}}}M.create("none"),M.create("thin"),M.create("base"),M.create("medium"),M.create("thick"),M.create("thin","dashed"),M.create("base","dashed"),M.create("thin","dotted"),M.create("base","dotted");class E{static create(a){const t={sm:{minWidth:640,tailwind:"sm"},md:{minWidth:768,tailwind:"md"},lg:{minWidth:1024,tailwind:"lg"},xl:{minWidth:1280,tailwind:"xl"},"2xl":{minWidth:1536,tailwind:"2xl"}}[a];return{name:a,minWidth:t.minWidth,px:`${t.minWidth}px`,rem:`${t.minWidth/16}rem`,tailwind:t.tailwind}}}E.create("sm"),E.create("md"),E.create("lg"),E.create("xl"),E.create("2xl");class A{static create(a,s="ease-in-out"){const t={fast:{value:"150ms",ms:150,tailwind:"duration-150"},base:{value:"200ms",ms:200,tailwind:"duration-200"},slow:{value:"300ms",ms:300,tailwind:"duration-300"},slower:{value:"500ms",ms:500,tailwind:"duration-500"}},i={"ease-in":{value:"cubic-bezier(0.4, 0, 1, 1)",tailwind:"ease-in",description:"Slow start, fast end"},"ease-out":{value:"cubic-bezier(0, 0, 0.2, 1)",tailwind:"ease-out",description:"Fast start, slow end"},"ease-in-out":{value:"cubic-bezier(0.4, 0, 0.2, 1)",tailwind:"ease-in-out",description:"Slow start and end, fast middle"},spring:{value:"cubic-bezier(0.68, -0.55, 0.265, 1.55)",tailwind:"ease-[cubic-bezier(0.68,-0.55,0.265,1.55)]",description:"Spring-like bounce effect"}};return{duration:t[a],easing:i[s]}}static createTransition(a,s="base",t="ease-in-out"){const i=this.create(s,t),l=Array.isArray(a)?a.join(", "):a,c=[i.duration.tailwind,i.easing.tailwind].join(" ");return{property:l,duration:i.duration.value,timingFunction:i.easing.value,tailwind:c}}}A.create("fast"),A.create("base"),A.create("slow"),A.create("slower"),A.createTransition(["color","background-color","border-color"],"base"),A.createTransition("opacity","fast"),A.createTransition("transform","base"),A.createTransition("all","base");class F{static create(a){return{base:{value:0,tailwind:"z-0",description:"Base layer for normal content"},dropdown:{value:1e3,tailwind:"z-[1000]",description:"Dropdown menus and select options"},sticky:{value:1020,tailwind:"z-[1020]",description:"Sticky headers and navigation"},fixed:{value:1030,tailwind:"z-[1030]",description:"Fixed position elements"},"modal-backdrop":{value:1040,tailwind:"z-[1040]",description:"Modal backdrop/overlay"},modal:{value:1050,tailwind:"z-[1050]",description:"Modal dialogs and drawers"},popover:{value:1060,tailwind:"z-[1060]",description:"Popovers and tooltips"},tooltip:{value:1070,tailwind:"z-[1070]",description:"Tooltips (highest priority)"},toast:{value:1080,tailwind:"z-[1080]",description:"Toast notifications (highest priority)"}}[a]}}F.create("base"),F.create("dropdown"),F.create("sticky"),F.create("fixed"),F.create("modal-backdrop"),F.create("modal"),F.create("popover"),F.create("tooltip"),F.create("toast");class ${static create(a){const s=a/100,t={0:"Fully transparent",5:"Very light overlay",10:"Light overlay",20:"Subtle overlay",25:"Quarter opacity",30:"Light background",40:"Semi-transparent",50:"Half opacity",60:"Semi-opaque",70:"Mostly opaque",75:"Three-quarter opacity",80:"High opacity",90:"Very high opacity",95:"Nearly opaque",100:"Fully opaque"};return{value:a,decimal:s,tailwind:{0:"opacity-0",5:"opacity-5",10:"opacity-10",20:"opacity-20",25:"opacity-25",30:"opacity-30",40:"opacity-40",50:"opacity-50",60:"opacity-60",70:"opacity-70",75:"opacity-75",80:"opacity-80",90:"opacity-90",95:"opacity-95",100:"opacity-100"}[a],description:t[a]}}}$.create(0),$.create(5),$.create(10),$.create(20),$.create(25),$.create(30),$.create(40),$.create(50),$.create(60),$.create(70),$.create(75),$.create(80),$.create(90),$.create(95),$.create(100);const ye=q("w-full",{variants:{size:{sm:"h-1",md:"h-2",lg:"h-3"},variant:{primary:"bg-surface-muted",secondary:"bg-surface-muted",success:"bg-success-bg-emphasis",error:"bg-error-bg-emphasis",warning:"bg-warning-bg-emphasis",info:"bg-info-bg-emphasis"}},defaultVariants:{size:"md",variant:"primary"}}),G=q("transition-all",{variants:{variant:{primary:"bg-surface-brand",secondary:"bg-surface-secondary",success:"bg-success",error:"bg-error",warning:"bg-warning",info:"bg-info"}},defaultVariants:{variant:"primary"}}),Q=I.forwardRef(function(g,u){var y=g,{value:a,max:s=100,variant:t="primary",size:i="md",showLabel:l=!1,label:c,"aria-label":f,className:m=""}=y,p=h(y,["value","max","variant","size","showLabel","label","aria-label","className"]);const j=a===void 0,T=j?void 0:Math.min(Math.max(a/s*100,0),100),W=f||(j?"Loading in progress":`Progress: ${T==null?void 0:T.toFixed(0)}%`);return n.jsxs("div",k(x({ref:u,className:d("w-full",m)},p),{children:[l&&(c||!j)&&n.jsxs("div",{className:d("flex","items-center","justify-between",o("xs","mb")),children:[c&&n.jsx("span",{className:d(C("bodySmall"),O("label"),"text-fg-primary"),children:c}),!j&&T!==void 0&&n.jsxs("span",{className:d(C("bodySmall"),"text-fg-secondary"),children:[T.toFixed(0),"%"]})]}),n.jsx("div",{role:"progressbar","aria-valuemin":j?void 0:0,"aria-valuemax":j?void 0:s,"aria-valuenow":j?void 0:a,"aria-label":W,"aria-busy":j,className:d("relative","w-full","overflow-hidden",ye({size:i,variant:t}),S("full")),children:j?n.jsx("div",{className:d("absolute","top-0","left-0","bottom-0",G({variant:t}),S("full"),"motion-reduce:animate-none"),style:{width:"30%",animation:"progress-indeterminate 1.5s ease-in-out infinite"}}):n.jsx("div",{className:d("h-full",G({variant:t}),S("full"),"transition-all","duration-300","ease-out"),style:{width:`${T}%`},"aria-hidden":"true"})})]}))});Q.displayName="Progress";function we(f){var m=f,{variant:r="text",width:a,height:s,lines:t=1,className:i="","aria-label":l}=m,c=h(m,["variant","width","height","lines","className","aria-label"]);const p=["motion-safe:animate-pulse","bg-surface-muted",S("sm")],u={text:"h-4",card:"h-32",list:"h-12",circle:S("full")},g=d(...p,u[r],i),y={};a&&(y.width=a),s&&(y.height=s);const j=l||`Loading ${r} content`;return r==="text"&&t>1?n.jsx("div",k(x({className:o("sm","space-y"),role:"status","aria-busy":"true","aria-label":j},c),{children:Array.from({length:t}).map((T,W)=>n.jsx("div",{className:g,style:W===t-1?{width:"75%"}:y,"aria-hidden":"true"},W))})):n.jsx("div",x({className:g,style:y,role:"status","aria-busy":"true","aria-label":j},c))}const ve=q("motion-safe:animate-spin",{variants:{size:{sm:"h-4 w-4",md:"h-5 w-5",lg:"h-8 w-8"},variant:{primary:"text-fg-brand",secondary:"text-fg-brand-secondary",neutral:"text-fg-secondary"}},defaultVariants:{size:"md",variant:"primary"}}),Z=I.memo(function(c){var f=c,{size:a="md",variant:s="primary",label:t,className:i=""}=f,l=h(f,["size","variant","label","className"]);return n.jsxs("div",k(x({className:d("inline-flex","items-center",i),role:"status","aria-label":t||"Loading","aria-live":"polite"},l),{children:[n.jsx(H.Loader2,{className:d(ve({size:a,variant:s})),"aria-hidden":"true"}),t&&n.jsx("span",{className:d(o("sm","ml"),C("bodySmall"),"text-fg-secondary","sr-only"),children:t})]}))});Z.displayName="Spinner";const ke={primary:{light:"text-indigo-400",DEFAULT:"text-fg-brand",dark:"text-indigo-600",contrast:"text-fg-inverse"},secondary:{light:"text-pink-300",DEFAULT:"text-fg-brand-secondary",dark:"text-pink-600",contrast:"text-fg-inverse"},success:{light:"text-green-300",DEFAULT:"text-fg-success",dark:"text-success-dark",contrast:"text-fg-inverse"},warning:{light:"text-yellow-300",DEFAULT:"text-fg-warning",dark:"text-warning-dark",contrast:"text-fg-inverse"},error:{light:"text-red-300",DEFAULT:"text-fg-error",dark:"text-error-dark",contrast:"text-fg-inverse"},info:{light:"text-blue-300",DEFAULT:"text-fg-info",dark:"text-info-dark",contrast:"text-fg-inverse"},neutral:{light:"text-fg-tertiary",DEFAULT:"text-fg-secondary",dark:"text-fg-primary",contrast:"text-fg-inverse"}};function $e(p,m){var u=p,{variant:r="paragraph",bold:a,italic:s,className:t,as:i,colorRole:l="neutral",colorShade:c="dark"}=u,f=h(u,["variant","bold","italic","className","as","colorRole","colorShade"]);const g=[];let y;if(i)y=i;else switch(r){case"heading":y="h2";break;case"list":y="li";break;default:y="p";break}return r==="heading"?g.push(L("h2")):r==="body"||r==="paragraph"?g.push(L("body")):r==="bodySmall"?g.push(L("bodySmall")):r==="bodyLarge"?g.push(L("bodyLarge")):r==="caption"?g.push(L("caption")):r==="label"?g.push(L("label")):g.push(L("body")),a&&g.push("font-bold"),s&&g.push("italic"),g.push(ke[l][c]),n.jsx(y,x({ref:m,className:d(...g,t)},f))}const je=I.forwardRef($e),Ne={sm:"max-w-screen-sm",md:"max-w-screen-md",lg:"max-w-screen-lg",xl:"max-w-screen-xl","2xl":"max-w-screen-2xl",full:"max-w-full"},J=I.forwardRef((m,f)=>{var p=m,{className:r,maxWidth:a="lg",paddingX:s="base",paddingY:t="base",center:i=!0,children:l}=p,c=h(p,["className","maxWidth","paddingX","paddingY","center","children"]);return n.jsx("div",k(x({ref:f,className:d("w-full",Ne[a],o(s,"px"),o(t,"py"),i&&"mx-auto",r)},c),{children:l}))});J.displayName="Container";const ee=I.forwardRef((m,f)=>{var p=m,{className:r,spacing:a="base",align:s="stretch",justify:t="start",direction:i="column",children:l}=p,c=h(p,["className","spacing","align","justify","direction","children"]);const u=i==="column"?o(a,"gap-y"):o(a,"gap-x"),g={start:"items-start",center:"items-center",end:"items-end",stretch:"items-stretch"},y={start:"justify-start",center:"justify-center",end:"justify-end",between:"justify-between",around:"justify-around",evenly:"justify-evenly"};return n.jsx("div",k(x({ref:f,className:d("flex",i==="column"?"flex-col":"flex-row",u,g[s],y[t],r)},c),{children:l}))});ee.displayName="Stack";const ae=I.forwardRef(function({option:a,isHighlighted:s,onSelect:t},i){const l=()=>{a.disabled||t(a)};return n.jsxs("div",{ref:i,role:"option","aria-selected":s,"aria-disabled":a.disabled,onClick:l,className:`
|
|
1
|
+
"use strict";var oe=Object.defineProperty,ce=Object.defineProperties;var de=Object.getOwnPropertyDescriptors;var _=Object.getOwnPropertySymbols;var K=Object.prototype.hasOwnProperty,X=Object.prototype.propertyIsEnumerable;var H=(t,a,n)=>a in t?oe(t,a,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[a]=n,b=(t,a)=>{for(var n in a||(a={}))K.call(a,n)&&H(t,n,a[n]);if(_)for(var n of _(a))X.call(a,n)&&H(t,n,a[n]);return t},w=(t,a)=>ce(t,de(a));var y=(t,a)=>{var n={};for(var r in t)K.call(t,r)&&a.indexOf(r)<0&&(n[r]=t[r]);if(t!=null&&_)for(var r of _(t))a.indexOf(r)<0&&X.call(t,r)&&(n[r]=t[r]);return n};var Y=(t,a,n)=>H(t,typeof a!="symbol"?a+"":a,n);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),I=require("react"),O=require("lucide-react"),fe=require("clsx"),pe=require("tailwind-merge"),ue=require("class-variance-authority");function me(t){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(a,n,r.get?r:{enumerable:!0,get:()=>t[n]})}}return a.default=t,Object.freeze(a)}const N=me(I);function Z(t,a){if(typeof t=="function")return t(a);t!=null&&(t.current=a)}function be(...t){return a=>{let n=!1;const r=t.map(i=>{const s=Z(i,a);return!n&&typeof s=="function"&&(n=!0),s});if(n)return()=>{for(let i=0;i<r.length;i++){const s=r[i];typeof s=="function"?s():Z(t[i],null)}}}}var xe=Symbol.for("react.lazy"),V=N[" use ".trim().toString()];function ge(t){return typeof t=="object"&&t!==null&&"then"in t}function J(t){return t!=null&&typeof t=="object"&&"$$typeof"in t&&t.$$typeof===xe&&"_payload"in t&&ge(t._payload)}function he(t){const a=we(t),n=N.forwardRef((r,i)=>{let m=r,{children:s}=m,c=y(m,["children"]);J(s)&&typeof V=="function"&&(s=V(s._payload));const d=N.Children.toArray(s),p=d.find(ke);if(p){const u=p.props.children,g=d.map(h=>h===p?N.Children.count(u)>1?N.Children.only(null):N.isValidElement(u)?u.props.children:null:h);return l.jsx(a,w(b({},c),{ref:i,children:N.isValidElement(u)?N.cloneElement(u,void 0,g):null}))}return l.jsx(a,w(b({},c),{ref:i,children:s}))});return n.displayName=`${t}.Slot`,n}var ye=he("Slot");function we(t){const a=N.forwardRef((n,r)=>{let c=n,{children:i}=c,s=y(c,["children"]);if(J(i)&&typeof V=="function"&&(i=V(i._payload)),N.isValidElement(i)){const d=$e(i),p=je(s,i.props);return i.type!==N.Fragment&&(p.ref=r?be(r,d):d),N.cloneElement(i,p)}return N.Children.count(i)>1?N.Children.only(null):null});return a.displayName=`${t}.SlotClone`,a}var ve=Symbol("radix.slottable");function ke(t){return N.isValidElement(t)&&typeof t.type=="function"&&"__radixId"in t.type&&t.type.__radixId===ve}function je(t,a){const n=b({},a);for(const r in a){const i=t[r],s=a[r];/^on[A-Z]/.test(r)?i&&s?n[r]=(...d)=>{const p=s(...d);return i(...d),p}:i&&(n[r]=i):r==="style"?n[r]=b(b({},i),s):r==="className"&&(n[r]=[i,s].filter(Boolean).join(" "))}return b(b({},t),n)}function $e(t){var r,i;let a=(r=Object.getOwnPropertyDescriptor(t.props,"ref"))==null?void 0:r.get,n=a&&"isReactWarning"in a&&a.isReactWarning;return n?t.ref:(a=(i=Object.getOwnPropertyDescriptor(t,"ref"))==null?void 0:i.get,n=a&&"isReactWarning"in a&&a.isReactWarning,n?t.props.ref:t.props.ref||t.ref)}class A{static create(a){const r={none:{px:0,tailwind:"rounded-none",description:"No border radius"},sm:{px:2,tailwind:"rounded-sm",description:"Small radius (2px) for subtle rounding"},md:{px:6,tailwind:"rounded-md",description:"Medium radius (6px) for buttons and inputs"},lg:{px:8,tailwind:"rounded-lg",description:"Large radius (8px) for cards and containers"},xl:{px:12,tailwind:"rounded-xl",description:"Extra large radius (12px) for prominent elements"},"2xl":{px:16,tailwind:"rounded-2xl",description:"2X large radius (16px) for large containers"},"3xl":{px:24,tailwind:"rounded-3xl",description:"3X large radius (24px) for very large containers"},full:{px:9999,tailwind:"rounded-full",description:"Full radius for circular elements"}}[a];return{value:r.px,rem:`${r.px/16}rem`,px:`${r.px}px`,tailwind:r.tailwind,description:r.description}}}const Ne={none:A.create("none"),sm:A.create("sm"),md:A.create("md"),lg:A.create("lg"),xl:A.create("xl"),"2xl":A.create("2xl"),"3xl":A.create("3xl"),full:A.create("full")};function C(t){return Ne[t].tailwind}class v{static create(a){const n=a*this.BASE_UNIT,r=n/16;return{value:n,rem:`${r}rem`,px:`${n}px`,tailwind:this.getTailwindClass(a)}}static getTailwindClass(a){return{0:"0",.5:"0.5",1:"1",1.5:"1.5",2:"2",2.5:"2.5",3:"3",3.5:"3.5",4:"4",5:"5",6:"6",8:"8",10:"10",12:"12",16:"16",20:"20",24:"24",32:"32",40:"40",48:"48",64:"64",80:"80",96:"96"}[a]||String(a)}}Y(v,"BASE_UNIT",4);const Se={none:v.create(0),"0.5":v.create(.5),xs:v.create(1),"1.5":v.create(1.5),sm:v.create(2),"2.5":v.create(2.5),md:v.create(3),"3.5":v.create(3.5),base:v.create(4),lg:v.create(6),xl:v.create(8),"2xl":v.create(10),"3xl":v.create(12),"4xl":v.create(16),"5xl":v.create(20),"6xl":v.create(24)};function o(t,a="p"){const r=Se[t].tailwind;return`${{p:"p",m:"m",px:"px",mx:"mx",py:"py",my:"my",pt:"pt",mt:"mt",pr:"pr",mr:"mr",pb:"pb",mb:"mb",pl:"pl",ml:"ml",gap:"gap","gap-x":"gap-x","gap-y":"gap-y","space-x":"space-x","space-y":"space-y"}[a]}-${r}`}class k{static createFontSize(a){const r={"2xs":{px:10,tailwind:"text-2xs"},xs:{px:12,tailwind:"text-xs"},sm:{px:14,tailwind:"text-sm"},base:{px:16,tailwind:"text-base"},lg:{px:18,tailwind:"text-lg"},xl:{px:20,tailwind:"text-xl"},"2xl":{px:24,tailwind:"text-2xl"},"3xl":{px:30,tailwind:"text-3xl"},"4xl":{px:36,tailwind:"text-4xl"},"5xl":{px:48,tailwind:"text-5xl"},"6xl":{px:60,tailwind:"text-6xl"}}[a];return{value:r.px,rem:`${r.px/16}rem`,px:`${r.px}px`,tailwind:r.tailwind}}static createLineHeight(a){const r={none:{value:1,tailwind:"leading-none"},tight:{value:1.25,tailwind:"leading-tight"},snug:{value:1.375,tailwind:"leading-snug"},normal:{value:1.5,tailwind:"leading-normal"},relaxed:{value:1.625,tailwind:"leading-relaxed"},loose:{value:2,tailwind:"leading-loose"}}[a];return{value:r.value,tailwind:r.tailwind}}static createFontWeight(a){const r={light:{value:300,tailwind:"font-light"},normal:{value:400,tailwind:"font-normal"},medium:{value:500,tailwind:"font-medium"},semibold:{value:600,tailwind:"font-semibold"},bold:{value:700,tailwind:"font-bold"}}[a];return{value:r.value,tailwind:r.tailwind}}static create(a,n="normal",r="normal"){return{fontSize:this.createFontSize(a),lineHeight:this.createLineHeight(n),fontWeight:this.createFontWeight(r)}}}k.createFontWeight("light"),k.createFontWeight("normal"),k.createFontWeight("medium"),k.createFontWeight("semibold"),k.createFontWeight("bold");const B={h1:k.create("4xl","tight","bold"),h2:k.create("3xl","tight","bold"),h3:k.create("2xl","snug","semibold"),h4:k.create("xl","snug","semibold"),h5:k.create("lg","normal","medium"),h6:k.create("base","normal","medium"),body:k.create("base","relaxed","normal"),bodySmall:k.create("sm","relaxed","normal"),bodyLarge:k.create("lg","relaxed","normal"),label:k.create("sm","normal","medium"),caption:k.create("xs","normal","normal"),button:k.create("base","normal","medium")};function D(t){const a=B[t];return`${a.fontSize.tailwind} ${a.lineHeight.tailwind} ${a.fontWeight.tailwind}`}function z(t){return B[t].fontSize.tailwind}function q(t){return B[t].fontWeight.tailwind}function f(...t){return pe.twMerge(fe.clsx(t))}const P=(t,a)=>{const n=ue.cva(t,a);return(r=>{const i=n(r);return f(i)})},G=P(f("inline-flex","items-center","font-medium",C("full"),o("xs","gap")),{variants:{variant:{default:f("bg-surface-muted","text-fg-primary","border","border-line-default"),outlined:f("bg-transparent","text-fg-primary","border","border-line-default"),filled:f("bg-surface-brand-strong","text-fg-inverse","border","border-transparent")},size:{sm:f(o("xs","px"),o("xs","py"),z("caption")),md:f(o("sm","px"),o("xs","py"),z("bodySmall")),lg:f(o("md","px"),o("sm","py"),z("body"))},selected:{true:f("bg-surface-brand-strong","text-fg-inverse","border","border-line-brand"),false:""},disabled:{true:"opacity-50 cursor-not-allowed",false:""}},compoundVariants:[{selected:!0,variant:"default",class:""},{selected:!0,variant:"outlined",class:""},{selected:!0,variant:"filled",class:""}],defaultVariants:{variant:"default",size:"md",selected:!1,disabled:!1}}),ee=I.forwardRef(function(a,n){const{children:r,variant:i="default",size:s="md",selected:c=!1,disabled:d=!1,className:p="","aria-label":m,tabIndex:u,asChild:g=!1}=a,j=(()=>{if(m)return m;if(typeof r=="string")return r;if(typeof r=="object"&&r!==null&&"props"in r){const T=r.props;if(T!=null&&T.children&&typeof T.children=="string")return T.children}})();if(g)return l.jsx(ye,{ref:n,className:f(G({variant:i,size:s,selected:c,disabled:d}),p),"aria-label":m,"aria-disabled":d||void 0,tabIndex:u,children:r});const{onRemove:S,onClick:M}=a,U=M!==void 0,se=U&&!d,le=T=>{d||(T.key==="Enter"||T.key===" ")&&(T.preventDefault(),M==null||M())};return l.jsxs("div",{ref:n,className:f(G({variant:i,size:s,selected:c,disabled:d}),S&&o("xs","pr"),p),"aria-disabled":d,children:[U?l.jsx("button",{type:"button",onClick:d?void 0:M,onKeyDown:le,disabled:d,"aria-pressed":c?!0:void 0,"aria-label":m||j,tabIndex:u!==void 0?u:se?0:void 0,className:f("flex-1","bg-transparent","border-0",o("none","p"),"text-inherit","text-left","cursor-pointer","focus:outline-none","focus:ring-2","focus:ring-line-focus","focus:ring-offset-2",C("full")),children:r}):l.jsx("span",{children:r}),S&&!d&&l.jsx("button",{type:"button",onClick:T=>{T.stopPropagation(),S()},className:f(o("xs","ml"),"hover:bg-tint-hover",C("full"),o("xs","p"),"transition-colors","focus:outline-none","focus:ring-2","focus:ring-line-focus","focus:ring-offset-1"),"aria-label":`Remove ${j||"chip"}`,children:l.jsx(O.X,{className:"h-3 w-3","aria-hidden":"true"})})]})});ee.displayName="Chip";function Te(i){var s=i,{message:t,id:a,className:n=""}=s,r=y(s,["message","id","className"]);const c=[o("xs","mt"),z("bodySmall"),"text-fg-error","flex","items-center",o("xs","gap")],d=f(...c,n);return l.jsxs("div",w(b({role:"alert",id:a,className:d,"aria-live":"polite"},r),{children:[l.jsx(O.AlertCircle,{className:"h-4 w-4 shrink-0","aria-hidden":"true"}),l.jsx("span",{children:t})]}))}function Ce(r){var i=r,{variant:t="info",className:a}=i,n=y(i,["variant","className"]);const s={warning:f("bg-warning-bg","text-warning-dark","border-warning"),error:f("bg-error-bg","text-error-dark","border-error"),info:f("bg-info-bg","text-info-dark","border-info")};return l.jsx("div",b({role:"alert",className:f("border",o("base","px"),o("sm","py"),C("lg"),s[t],a)},n))}function x(t,a,n){const r=Me(t),i=Fe(t);return{hex:t,rgb:r,hsl:i,cssVar:`var(--color-${a}-${n})`,tailwind:`${a}-${n}`}}function Me(t){const a=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(t);return a?`${parseInt(a[1],16)}, ${parseInt(a[2],16)}, ${parseInt(a[3],16)}`:"0, 0, 0"}function Fe(t){const a=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(t);if(!a)return"0, 0%, 0%";const n=parseInt(a[1],16)/255,r=parseInt(a[2],16)/255,i=parseInt(a[3],16)/255,s=Math.max(n,r,i),c=Math.min(n,r,i);let d=0,p=0;const m=(s+c)/2;if(s!==c){const u=s-c;switch(p=m>.5?u/(2-s-c):u/(s+c),s){case n:d=((r-i)/u+(r<i?6:0))/6;break;case r:d=((i-n)/u+2)/6;break;case i:d=((n-r)/u+4)/6;break}}return`${Math.round(d*360)}, ${Math.round(p*100)}%, ${Math.round(m*100)}%`}x("#f0f4f8","brand-primary",50),x("#d9e2ec","brand-primary",100),x("#bcccdc","brand-primary",200),x("#9fb3c8","brand-primary",300),x("#7390ad","brand-primary",400),x("#486581","brand-primary",500),x("#334e68","brand-primary",600),x("#243b53","brand-primary",700),x("#1a2a3a","brand-primary",800),x("#102a43","brand-primary",900),x("#061a35","brand-primary",950);x("#f7f5ff","brand-secondary",50),x("#eee9ff","brand-secondary",100),x("#e0d6ff","brand-secondary",200),x("#cbb8ff","brand-secondary",300),x("#aa89fc","brand-secondary",400),x("#8e58f2","brand-secondary",500),x("#703bc8","brand-secondary",600),x("#582aa2","brand-secondary",700),x("#44227e","brand-secondary",800),x("#32185d","brand-secondary",900),x("#180635","brand-secondary",950);function e(t,a,n){const r=Le(t),i=ze(t);return{hex:t,rgb:r,hsl:i,cssVar:`var(--color-${a}-${n})`,tailwind:`${a}-${n}`}}function Le(t){const a=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(t);return a?`${parseInt(a[1],16)}, ${parseInt(a[2],16)}, ${parseInt(a[3],16)}`:"0, 0, 0"}function ze(t){const a=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(t);if(!a)return"0, 0%, 0%";const n=parseInt(a[1],16)/255,r=parseInt(a[2],16)/255,i=parseInt(a[3],16)/255,s=Math.max(n,r,i),c=Math.min(n,r,i);let d=0,p=0;const m=(s+c)/2;if(s!==c){const u=s-c;switch(p=m>.5?u/(2-s-c):u/(s+c),s){case n:d=((r-i)/u+(r<i?6:0))/6;break;case r:d=((i-n)/u+2)/6;break;case i:d=((n-r)/u+4)/6;break}}return`${Math.round(d*360)}, ${Math.round(p*100)}%, ${Math.round(m*100)}%`}e("#eef2ff","indigo",50),e("#e0e7ff","indigo",100),e("#c7d2fe","indigo",200),e("#a5b4fc","indigo",300),e("#818cf8","indigo",400),e("#6366f1","indigo",500),e("#4f46e5","indigo",600),e("#4338ca","indigo",700),e("#3730a3","indigo",800),e("#312e81","indigo",900),e("#1e1b4b","indigo",950);e("#f5f3ff","violet",50),e("#ede9fe","violet",100),e("#ddd6fe","violet",200),e("#c4b5fd","violet",300),e("#a78bfa","violet",400),e("#8b5cf6","violet",500),e("#7c3aed","violet",600),e("#6d28d9","violet",700),e("#5b21b6","violet",800),e("#4c1d95","violet",900),e("#2e1065","violet",950);e("#ecfeff","cyan",50),e("#cffafe","cyan",100),e("#a5f3fc","cyan",200),e("#67e8f9","cyan",300),e("#22d3ee","cyan",400),e("#06b6d4","cyan",500),e("#0891b2","cyan",600),e("#0e7490","cyan",700),e("#155e75","cyan",800),e("#164e63","cyan",900),e("#083344","cyan",950);e("#f8fafc","slate",50),e("#f1f5f9","slate",100),e("#e2e8f0","slate",200),e("#cbd5e1","slate",300),e("#94a3b8","slate",400),e("#64748b","slate",500),e("#475569","slate",600),e("#334155","slate",700),e("#1e293b","slate",800),e("#0f172a","slate",900),e("#020617","slate",950);e("#f9fafb","gray",50),e("#f3f4f6","gray",100),e("#e5e7eb","gray",200),e("#d1d5db","gray",300),e("#9ca3af","gray",400),e("#6b7280","gray",500),e("#4b5563","gray",600),e("#374151","gray",700),e("#1f2937","gray",800),e("#111827","gray",900),e("#030712","gray",950);e("#ecfdf5","emerald",50),e("#d1fae5","emerald",100),e("#a7f3d0","emerald",200),e("#6ee7b7","emerald",300),e("#34d399","emerald",400),e("#10b981","emerald",500),e("#059669","emerald",600),e("#047857","emerald",700),e("#065f46","emerald",800),e("#064e3b","emerald",900),e("#022c22","emerald",950);e("#f0fdf4","green",50),e("#dcfce7","green",100),e("#bbf7d0","green",200),e("#86efac","green",300),e("#4ade80","green",400),e("#22c55e","green",500),e("#16a34a","green",600),e("#15803d","green",700),e("#166534","green",800),e("#14532d","green",900),e("#052e16","green",950);e("#fffbeb","amber",50),e("#fef3c7","amber",100),e("#fde68a","amber",200),e("#fcd34d","amber",300),e("#fbbf24","amber",400),e("#f59e0b","amber",500),e("#d97706","amber",600),e("#b45309","amber",700),e("#92400e","amber",800),e("#78350f","amber",900),e("#451a03","amber",950);e("#fefce8","yellow",50),e("#fef9c3","yellow",100),e("#fef08a","yellow",200),e("#fde047","yellow",300),e("#facc15","yellow",400),e("#eab308","yellow",500),e("#ca8a04","yellow",600),e("#a16207","yellow",700),e("#854d0e","yellow",800),e("#713f12","yellow",900),e("#422006","yellow",950);e("#fff7ed","orange",50),e("#ffedd5","orange",100),e("#fed7aa","orange",200),e("#fdba74","orange",300),e("#fb923c","orange",400),e("#f97316","orange",500),e("#ea580c","orange",600),e("#c2410c","orange",700),e("#9a3412","orange",800),e("#7c2d12","orange",900),e("#431407","orange",950);e("#fff1f2","rose",50),e("#ffe4e6","rose",100),e("#fecdd3","rose",200),e("#fda4af","rose",300),e("#fb7185","rose",400),e("#f43f5e","rose",500),e("#e11d48","rose",600),e("#be123c","rose",700),e("#9f1239","rose",800),e("#881337","rose",900),e("#4c0519","rose",950);e("#fef2f2","red",50),e("#fee2e2","red",100),e("#fecaca","red",200),e("#fca5a5","red",300),e("#f87171","red",400),e("#ef4444","red",500),e("#dc2626","red",600),e("#b91c1c","red",700),e("#991b1b","red",800),e("#7f1d1d","red",900),e("#450a0a","red",950);e("#f0f9ff","sky",50),e("#e0f2fe","sky",100),e("#bae6fd","sky",200),e("#7dd3fc","sky",300),e("#38bdf8","sky",400),e("#0ea5e9","sky",500),e("#0284c7","sky",600),e("#0369a1","sky",700),e("#075985","sky",800),e("#0c4a6e","sky",900),e("#082f49","sky",950);e("#eff6ff","blue",50),e("#dbeafe","blue",100),e("#bfdbfe","blue",200),e("#93c5fd","blue",300),e("#60a5fa","blue",400),e("#3b82f6","blue",500),e("#2563eb","blue",600),e("#1d4ed8","blue",700),e("#1e40af","blue",800),e("#1e3a8a","blue",900),e("#172554","blue",950);e("#fdf4ff","fuchsia",50),e("#fae8ff","fuchsia",100),e("#f5d0fe","fuchsia",200),e("#f0abfc","fuchsia",300),e("#e879f9","fuchsia",400),e("#d946ef","fuchsia",500),e("#c026d3","fuchsia",600),e("#a21caf","fuchsia",700),e("#86198f","fuchsia",800),e("#701a75","fuchsia",900),e("#4a044e","fuchsia",950);e("#fdf2f8","pink",50),e("#fce7f3","pink",100),e("#fbcfe8","pink",200),e("#f9a8d4","pink",300),e("#f472b6","pink",400),e("#ec4899","pink",500),e("#db2777","pink",600),e("#be185d","pink",700),e("#9d174d","pink",800),e("#831843","pink",900),e("#500724","pink",950);e("#faf5ff","purple",50),e("#f3e8ff","purple",100),e("#e9d5ff","purple",200),e("#d8b4fe","purple",300),e("#c084fc","purple",400),e("#a855f7","purple",500),e("#9333ea","purple",600),e("#7e22ce","purple",700),e("#6b21a8","purple",800),e("#581c87","purple",900),e("#3b0764","purple",950);e("#f0fdfa","teal",50),e("#ccfbf1","teal",100),e("#99f6e4","teal",200),e("#5eead4","teal",300),e("#2dd4bf","teal",400),e("#14b8a6","teal",500),e("#0d9488","teal",600),e("#0f766e","teal",700),e("#115e59","teal",800),e("#134e4a","teal",900),e("#042f2e","teal",950);e("#f7fee7","lime",50),e("#ecfccb","lime",100),e("#d9f99d","lime",200),e("#bef264","lime",300),e("#a3e635","lime",400),e("#84cc16","lime",500),e("#65a30d","lime",600),e("#4d7c0f","lime",700),e("#3f6212","lime",800),e("#365314","lime",900),e("#1a2e05","lime",950);class R{static create(a){return{none:{value:"none",tailwind:"shadow-none",description:"No shadow"},sm:{value:"0 1px 2px 0 rgb(0 0 0 / 0.05)",tailwind:"shadow-sm",description:"Small shadow for subtle elevation"},md:{value:"0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",tailwind:"shadow-md",description:"Medium shadow for cards and elevated elements"},lg:{value:"0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",tailwind:"shadow-lg",description:"Large shadow for modals and dropdowns"},xl:{value:"0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",tailwind:"shadow-xl",description:"Extra large shadow for prominent modals"},"2xl":{value:"0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",tailwind:"shadow-2xl",description:"2X large shadow for maximum elevation"},inner:{value:"inset 0 2px 4px 0 rgb(0 0 0 / 0.05)",tailwind:"shadow-inner",description:"Inner shadow for inset elements"}}[a]}}R.create("none"),R.create("sm"),R.create("md"),R.create("lg"),R.create("xl"),R.create("2xl"),R.create("inner");class F{static createWidth(a){const r={none:{px:0,tailwind:"border-0"},thin:{px:1,tailwind:"border"},base:{px:1,tailwind:"border"},medium:{px:2,tailwind:"border-2"},thick:{px:4,tailwind:"border-4"}}[a];return{value:r.px,px:`${r.px}px`,tailwind:r.tailwind}}static create(a,n="solid"){return{width:this.createWidth(a),style:n,description:`${a} ${n} border`}}}F.create("none"),F.create("thin"),F.create("base"),F.create("medium"),F.create("thick"),F.create("thin","dashed"),F.create("base","dashed"),F.create("thin","dotted"),F.create("base","dotted");class W{static create(a){const r={sm:{minWidth:640,tailwind:"sm"},md:{minWidth:768,tailwind:"md"},lg:{minWidth:1024,tailwind:"lg"},xl:{minWidth:1280,tailwind:"xl"},"2xl":{minWidth:1536,tailwind:"2xl"}}[a];return{name:a,minWidth:r.minWidth,px:`${r.minWidth}px`,rem:`${r.minWidth/16}rem`,tailwind:r.tailwind}}}W.create("sm"),W.create("md"),W.create("lg"),W.create("xl"),W.create("2xl");class E{static create(a,n="ease-in-out"){const r={fast:{value:"150ms",ms:150,tailwind:"duration-150"},base:{value:"200ms",ms:200,tailwind:"duration-200"},slow:{value:"300ms",ms:300,tailwind:"duration-300"},slower:{value:"500ms",ms:500,tailwind:"duration-500"}},i={"ease-in":{value:"cubic-bezier(0.4, 0, 1, 1)",tailwind:"ease-in",description:"Slow start, fast end"},"ease-out":{value:"cubic-bezier(0, 0, 0.2, 1)",tailwind:"ease-out",description:"Fast start, slow end"},"ease-in-out":{value:"cubic-bezier(0.4, 0, 0.2, 1)",tailwind:"ease-in-out",description:"Slow start and end, fast middle"},spring:{value:"cubic-bezier(0.68, -0.55, 0.265, 1.55)",tailwind:"ease-[cubic-bezier(0.68,-0.55,0.265,1.55)]",description:"Spring-like bounce effect"}};return{duration:r[a],easing:i[n]}}static createTransition(a,n="base",r="ease-in-out"){const i=this.create(n,r),s=Array.isArray(a)?a.join(", "):a,c=[i.duration.tailwind,i.easing.tailwind].join(" ");return{property:s,duration:i.duration.value,timingFunction:i.easing.value,tailwind:c}}}E.create("fast"),E.create("base"),E.create("slow"),E.create("slower"),E.createTransition(["color","background-color","border-color"],"base"),E.createTransition("opacity","fast"),E.createTransition("transform","base"),E.createTransition("all","base");class L{static create(a){return{base:{value:0,tailwind:"z-0",description:"Base layer for normal content"},dropdown:{value:1e3,tailwind:"z-[1000]",description:"Dropdown menus and select options"},sticky:{value:1020,tailwind:"z-[1020]",description:"Sticky headers and navigation"},fixed:{value:1030,tailwind:"z-[1030]",description:"Fixed position elements"},"modal-backdrop":{value:1040,tailwind:"z-[1040]",description:"Modal backdrop/overlay"},modal:{value:1050,tailwind:"z-[1050]",description:"Modal dialogs and drawers"},popover:{value:1060,tailwind:"z-[1060]",description:"Popovers and tooltips"},tooltip:{value:1070,tailwind:"z-[1070]",description:"Tooltips (highest priority)"},toast:{value:1080,tailwind:"z-[1080]",description:"Toast notifications (highest priority)"}}[a]}}L.create("base"),L.create("dropdown"),L.create("sticky"),L.create("fixed"),L.create("modal-backdrop"),L.create("modal"),L.create("popover"),L.create("tooltip"),L.create("toast");class ${static create(a){const n=a/100,r={0:"Fully transparent",5:"Very light overlay",10:"Light overlay",20:"Subtle overlay",25:"Quarter opacity",30:"Light background",40:"Semi-transparent",50:"Half opacity",60:"Semi-opaque",70:"Mostly opaque",75:"Three-quarter opacity",80:"High opacity",90:"Very high opacity",95:"Nearly opaque",100:"Fully opaque"};return{value:a,decimal:n,tailwind:{0:"opacity-0",5:"opacity-5",10:"opacity-10",20:"opacity-20",25:"opacity-25",30:"opacity-30",40:"opacity-40",50:"opacity-50",60:"opacity-60",70:"opacity-70",75:"opacity-75",80:"opacity-80",90:"opacity-90",95:"opacity-95",100:"opacity-100"}[a],description:r[a]}}}$.create(0),$.create(5),$.create(10),$.create(20),$.create(25),$.create(30),$.create(40),$.create(50),$.create(60),$.create(70),$.create(75),$.create(80),$.create(90),$.create(95),$.create(100);const Ae=P("w-full",{variants:{size:{sm:"h-1",md:"h-2",lg:"h-3"},variant:{primary:"bg-surface-muted",secondary:"bg-surface-muted",success:"bg-success-bg-emphasis",error:"bg-error-bg-emphasis",warning:"bg-warning-bg-emphasis",info:"bg-info-bg-emphasis"}},defaultVariants:{size:"md",variant:"primary"}}),Q=P("transition-all",{variants:{variant:{primary:"bg-surface-brand",secondary:"bg-surface-secondary",success:"bg-success",error:"bg-error",warning:"bg-warning",info:"bg-info"}},defaultVariants:{variant:"primary"}}),ae=I.forwardRef(function(g,u){var h=g,{value:a,max:n=100,variant:r="primary",size:i="md",showLabel:s=!1,label:c,"aria-label":d,className:p=""}=h,m=y(h,["value","max","variant","size","showLabel","label","aria-label","className"]);const j=a===void 0,S=j?void 0:Math.min(Math.max(a/n*100,0),100),M=d||(j?"Loading in progress":`Progress: ${S==null?void 0:S.toFixed(0)}%`);return l.jsxs("div",w(b({ref:u,className:f("w-full",p)},m),{children:[s&&(c||!j)&&l.jsxs("div",{className:f("flex","items-center","justify-between",o("xs","mb")),children:[c&&l.jsx("span",{className:f(z("bodySmall"),q("label"),"text-fg-primary"),children:c}),!j&&S!==void 0&&l.jsxs("span",{className:f(z("bodySmall"),"text-fg-secondary"),children:[S.toFixed(0),"%"]})]}),l.jsx("div",{role:"progressbar","aria-valuemin":j?void 0:0,"aria-valuemax":j?void 0:n,"aria-valuenow":j?void 0:a,"aria-label":M,"aria-busy":j,className:f("relative","w-full","overflow-hidden",Ae({size:i,variant:r}),C("full")),children:j?l.jsx("div",{className:f("absolute","top-0","left-0","bottom-0",Q({variant:r}),C("full"),"motion-reduce:animate-none"),style:{width:"30%",animation:"progress-indeterminate 1.5s ease-in-out infinite"}}):l.jsx("div",{className:f("h-full",Q({variant:r}),C("full"),"transition-all","duration-300","ease-out"),style:{width:`${S}%`},"aria-hidden":"true"})})]}))});ae.displayName="Progress";function Ee(d){var p=d,{variant:t="text",width:a,height:n,lines:r=1,className:i="","aria-label":s}=p,c=y(p,["variant","width","height","lines","className","aria-label"]);const m=["motion-safe:animate-pulse","bg-surface-muted",C("sm")],u={text:"h-4",card:"h-32",list:"h-12",circle:C("full")},g=f(...m,u[t],i),h={};a&&(h.width=a),n&&(h.height=n);const j=s||`Loading ${t} content`;return t==="text"&&r>1?l.jsx("div",w(b({className:o("sm","space-y"),role:"status","aria-busy":"true","aria-label":j},c),{children:Array.from({length:r}).map((S,M)=>l.jsx("div",{className:g,style:M===r-1?{width:"75%"}:h,"aria-hidden":"true"},M))})):l.jsx("div",b({className:g,style:h,role:"status","aria-busy":"true","aria-label":j},c))}const Ie=P("motion-safe:animate-spin",{variants:{size:{sm:"h-4 w-4",md:"h-5 w-5",lg:"h-8 w-8"},variant:{primary:"text-fg-brand",secondary:"text-fg-brand-secondary",neutral:"text-fg-secondary"}},defaultVariants:{size:"md",variant:"primary"}}),te=I.memo(function(c){var d=c,{size:a="md",variant:n="primary",label:r,className:i=""}=d,s=y(d,["size","variant","label","className"]);return l.jsxs("div",w(b({className:f("inline-flex","items-center",i),role:"status","aria-label":r||"Loading","aria-live":"polite"},s),{children:[l.jsx(O.Loader2,{className:f(Ie({size:a,variant:n})),"aria-hidden":"true"}),r&&l.jsx("span",{className:f(o("sm","ml"),z("bodySmall"),"text-fg-secondary","sr-only"),children:r})]}))});te.displayName="Spinner";const De={primary:{light:"text-indigo-400",DEFAULT:"text-fg-brand",dark:"text-indigo-600",contrast:"text-fg-inverse"},secondary:{light:"text-pink-300",DEFAULT:"text-fg-brand-secondary",dark:"text-pink-600",contrast:"text-fg-inverse"},success:{light:"text-green-300",DEFAULT:"text-fg-success",dark:"text-success-dark",contrast:"text-fg-inverse"},warning:{light:"text-yellow-300",DEFAULT:"text-fg-warning",dark:"text-warning-dark",contrast:"text-fg-inverse"},error:{light:"text-red-300",DEFAULT:"text-fg-error",dark:"text-error-dark",contrast:"text-fg-inverse"},info:{light:"text-blue-300",DEFAULT:"text-fg-info",dark:"text-info-dark",contrast:"text-fg-inverse"},neutral:{light:"text-fg-tertiary",DEFAULT:"text-fg-secondary",dark:"text-fg-primary",contrast:"text-fg-inverse"}};function Re(m,p){var u=m,{variant:t="paragraph",bold:a,italic:n,className:r,as:i,colorRole:s="neutral",colorShade:c="dark"}=u,d=y(u,["variant","bold","italic","className","as","colorRole","colorShade"]);const g=[];let h;if(i)h=i;else switch(t){case"heading":h="h2";break;case"list":h="li";break;default:h="p";break}return t==="heading"?g.push(D("h2")):t==="body"||t==="paragraph"?g.push(D("body")):t==="bodySmall"?g.push(D("bodySmall")):t==="bodyLarge"?g.push(D("bodyLarge")):t==="caption"?g.push(D("caption")):t==="label"?g.push(D("label")):g.push(D("body")),a&&g.push("font-bold"),n&&g.push("italic"),g.push(De[s][c]),l.jsx(h,b({ref:p,className:f(...g,r)},d))}const We=I.forwardRef(Re),Oe={sm:"max-w-screen-sm",md:"max-w-screen-md",lg:"max-w-screen-lg",xl:"max-w-screen-xl","2xl":"max-w-screen-2xl",full:"max-w-full"},re=I.forwardRef((p,d)=>{var m=p,{className:t,maxWidth:a="lg",paddingX:n="base",paddingY:r="base",center:i=!0,children:s}=m,c=y(m,["className","maxWidth","paddingX","paddingY","center","children"]);return l.jsx("div",w(b({ref:d,className:f("w-full",Oe[a],o(n,"px"),o(r,"py"),i&&"mx-auto",t)},c),{children:s}))});re.displayName="Container";const ne=I.forwardRef((p,d)=>{var m=p,{className:t,spacing:a="base",align:n="stretch",justify:r="start",direction:i="column",children:s}=m,c=y(m,["className","spacing","align","justify","direction","children"]);const u=i==="column"?o(a,"gap-y"):o(a,"gap-x"),g={start:"items-start",center:"items-center",end:"items-end",stretch:"items-stretch"},h={start:"justify-start",center:"justify-center",end:"justify-end",between:"justify-between",around:"justify-around",evenly:"justify-evenly"};return l.jsx("div",w(b({ref:d,className:f("flex",i==="column"?"flex-col":"flex-row",u,g[n],h[r],t)},c),{children:s}))});ne.displayName="Stack";const ie=I.forwardRef(function({option:a,isHighlighted:n,onSelect:r},i){const s=()=>{a.disabled||r(a)};return l.jsxs("div",{ref:i,role:"option","aria-selected":n,"aria-disabled":a.disabled,onClick:s,className:`
|
|
2
2
|
flex
|
|
3
3
|
items-center
|
|
4
4
|
${o("sm","gap")}
|
|
@@ -7,14 +7,14 @@
|
|
|
7
7
|
text-sm
|
|
8
8
|
cursor-pointer
|
|
9
9
|
transition-colors
|
|
10
|
-
${
|
|
10
|
+
${n?"bg-surface-active":""}
|
|
11
11
|
${a.disabled?"opacity-50 cursor-not-allowed":"hover:bg-surface-hover"}
|
|
12
|
-
`,children:[a.icon&&
|
|
12
|
+
`,children:[a.icon&&l.jsx("span",{className:"flex-shrink-0",children:a.icon}),l.jsx("span",{className:"flex-1",children:a.label})]})});ie.displayName="AutocompleteOption";function _e(i){var s=i,{items:t,separator:a="/",className:n=""}=s,r=y(s,["items","separator","className"]);const c=["flex","items-center",o("sm","space-x"),z("bodySmall")],d=f(...c,n);return l.jsx("nav",w(b({"aria-label":"Breadcrumb",className:d},r),{children:l.jsx("ol",{className:f("flex","items-center",o("sm","space-x")),children:t.map((p,m)=>{const u=m===t.length-1;return l.jsxs("li",{className:"flex items-center",children:[m>0&&l.jsx("span",{className:f(o("sm","mx"),"text-fg-tertiary"),"aria-hidden":"true",children:a}),u?l.jsx("span",{className:f("text-fg-primary",q("label")),"aria-current":"page",children:p.label}):p.href?l.jsx("a",{href:p.href,className:f("inline-flex","items-center",o("xs","px"),o("xs","pt"),"border-b-2","border-transparent",z("bodySmall"),q("label"),"transition-colors","text-fg-secondary","hover:border-line-emphasis","hover:text-fg-primary"),children:p.label}):l.jsx("span",{className:"text-fg-secondary",children:p.label})]},m)})})}))}function Ve(r){var i=r,{children:t,className:a=""}=i,n=y(i,["children","className"]);return l.jsx("div",w(b({className:`flex flex-col ${o("1.5","space-y")} ${o("lg","p")} ${o("base","pb")} ${a}`},n),{children:t}))}function Pe(r){var i=r,{children:t,className:a=""}=i,n=y(i,["children","className"]);return l.jsx("div",w(b({className:`flex flex-col-reverse sm:flex-row sm:justify-end sm:${o("sm","space-x")} ${o("lg","p")} ${o("base","pt")} ${a}`},n),{children:t}))}function He(r){var i=r,{children:t,className:a=""}=i,n=y(i,["children","className"]);return l.jsx("div",w(b({className:`
|
|
13
13
|
${o("lg","p")}
|
|
14
14
|
border-b
|
|
15
15
|
border-line-default
|
|
16
16
|
${a}
|
|
17
|
-
`},
|
|
17
|
+
`},n),{children:t}))}function qe(r){var i=r,{children:t,className:a=""}=i,n=y(i,["children","className"]);return l.jsx("div",w(b({className:`
|
|
18
18
|
${o("lg","p")}
|
|
19
19
|
border-t
|
|
20
20
|
border-line-default
|
|
@@ -22,43 +22,43 @@
|
|
|
22
22
|
justify-end
|
|
23
23
|
${o("sm","gap")}
|
|
24
24
|
${a}
|
|
25
|
-
`},
|
|
25
|
+
`},n),{children:t}))}function Be({children:t,className:a}){return l.jsx("div",{className:f("flex-shrink-0 flex items-center",o("sm","gap"),a),children:t})}function Ue({children:t,className:a}){return l.jsx("nav",{className:f("flex-1 flex items-center justify-center",o("base","gap"),"hidden md:flex",a),"aria-label":"Main navigation",children:t})}function Ke(n){var r=n,{className:t=""}=r,a=y(r,["className"]);return l.jsx("div",b({role:"separator",className:`
|
|
26
26
|
h-px
|
|
27
27
|
bg-line-default
|
|
28
28
|
${o("sm","my")}
|
|
29
|
-
${
|
|
30
|
-
`},a))}function
|
|
29
|
+
${t}
|
|
30
|
+
`},a))}function Xe(r){var i=r,{orientation:t="horizontal",className:a=""}=i,n=y(i,["orientation","className"]);return t==="vertical"?l.jsx("div",b({className:f("w-px","h-6","bg-line-default","mx-auto",a),role:"separator","aria-orientation":"vertical"},n)):l.jsx("div",b({className:f("w-full","h-px","bg-line-default",o("sm","my"),"flex-shrink-0",a),role:"separator","aria-orientation":"horizontal",style:{willChange:"auto",transform:"none"}},n))}function Ye(i){var s=i,{column:t,row:a,className:n=""}=s,r=y(s,["column","row","className"]);const c=t.key in a?a[t.key]:void 0;return l.jsx("td",w(b({className:`${o("lg","px")} ${o("base","py")} whitespace-nowrap text-sm text-fg-primary ${t.hiddenOnMobile?"hidden md:table-cell":""} ${n}`},r),{children:t.render?t.render(c,a):String(c!=null?c:"")}))}function Ze({items:t,orientation:a="vertical",className:n=""}){return a==="horizontal"?l.jsx("div",{className:`flex items-start ${n}`,children:t.map((r,i)=>{const s=r.status||(i===0?"active":i<t.findIndex(d=>d.status==="active")?"completed":"default"),c=i===t.length-1;return l.jsx("div",{className:"flex items-start flex-1",children:l.jsxs("div",{className:"flex flex-col items-center flex-1",children:[l.jsx("div",w(b({},s==="default"?{"data-marker":"pending"}:{}),{className:`
|
|
31
31
|
flex
|
|
32
32
|
items-center
|
|
33
33
|
justify-center
|
|
34
34
|
w-10
|
|
35
35
|
h-10
|
|
36
|
-
${
|
|
36
|
+
${C("full")}
|
|
37
37
|
border-2
|
|
38
|
-
${
|
|
39
|
-
`,children:
|
|
38
|
+
${s==="completed"?"bg-success border-success text-fg-inverse":s==="active"?"bg-surface-brand-strong border-line-brand text-fg-inverse":s==="error"?"bg-error border-error text-fg-inverse":"bg-surface-base border-line-emphasis text-fg-quaternary"}
|
|
39
|
+
`,children:r.icon||(s==="completed"?l.jsx(O.CheckCircle2,{className:"h-4 w-4"}):i+1)})),!c&&l.jsx("div",{className:`
|
|
40
40
|
w-full
|
|
41
41
|
h-0.5
|
|
42
42
|
${o("sm","mt")}
|
|
43
|
-
${
|
|
44
|
-
`}),
|
|
43
|
+
${s==="completed"?"bg-success":"bg-line-emphasis"}
|
|
44
|
+
`}),l.jsxs("div",{className:`${o("base","mt")} text-center ${o("base","px")}`,children:[r.timestamp&&l.jsx("p",{className:`text-xs text-fg-tertiary ${o("xs","mb")}`,children:r.timestamp}),l.jsx("h3",{className:"text-sm font-semibold text-fg-primary",children:r.title}),r.description&&l.jsx("p",{className:`text-xs text-fg-secondary ${o("xs","mt")}`,children:r.description}),r.content&&l.jsx("div",{className:o("sm","mt"),children:r.content})]})]})},r.id)})}):l.jsx("div",{className:`${o("none","space-y")} ${n}`,children:t.map((r,i)=>{const s=r.status||(i===0?"active":i<t.findIndex(d=>d.status==="active")?"completed":"default"),c=i===t.length-1;return l.jsxs("div",{className:`flex items-start ${o("base","gap")}`,children:[l.jsxs("div",{className:"flex flex-col items-center",children:[l.jsx("div",w(b({},s==="default"?{"data-marker":"pending"}:{}),{className:`
|
|
45
45
|
flex
|
|
46
46
|
items-center
|
|
47
47
|
justify-center
|
|
48
48
|
w-10
|
|
49
49
|
h-10
|
|
50
|
-
${
|
|
50
|
+
${C("full")}
|
|
51
51
|
border-2
|
|
52
|
-
${
|
|
53
|
-
`,children:
|
|
52
|
+
${s==="completed"?"bg-success border-success text-fg-inverse":s==="active"?"bg-surface-brand-strong border-line-brand text-fg-inverse":s==="error"?"bg-error border-error text-fg-inverse":"bg-surface-base border-line-emphasis text-fg-quaternary"}
|
|
53
|
+
`,children:r.icon||(s==="completed"?l.jsx(O.CheckCircle2,{className:"h-4 w-4"}):i+1)})),!c&&l.jsx("div",{className:`
|
|
54
54
|
w-0.5
|
|
55
55
|
flex-1
|
|
56
56
|
min-h-16
|
|
57
57
|
${o("sm","mt")}
|
|
58
|
-
${
|
|
59
|
-
`})]}),
|
|
58
|
+
${s==="completed"?"bg-success":"bg-line-emphasis"}
|
|
59
|
+
`})]}),l.jsxs("div",{className:`flex-1 ${o("xl","pb")}`,children:[r.timestamp&&l.jsx("p",{className:`text-xs text-fg-tertiary ${o("xs","mb")}`,children:r.timestamp}),l.jsx("h3",{className:`
|
|
60
60
|
text-base
|
|
61
61
|
font-semibold
|
|
62
|
-
${
|
|
63
|
-
`,children:
|
|
62
|
+
${s==="active"?"text-fg-brand-emphasis":"text-fg-primary"}
|
|
63
|
+
`,children:r.title}),r.description&&l.jsx("p",{className:`text-sm text-fg-secondary ${o("xs","mt")}`,children:r.description}),r.content&&l.jsx("div",{className:o("md","mt"),children:r.content})]})]},r.id)})})}exports.AutocompleteOption=ie;exports.Breadcrumb=_e;exports.Chip=ee;exports.Container=re;exports.DialogFooter=Pe;exports.DialogHeader=Ve;exports.DrawerFooter=qe;exports.DrawerHeader=He;exports.ErrorMessage=Te;exports.HeaderActions=Be;exports.HeaderNavigation=Ue;exports.Info=Ce;exports.MenuSeparator=Ke;exports.NavbarSeparator=Xe;exports.Progress=ae;exports.Skeleton=Ee;exports.Spinner=te;exports.Stack=ne;exports.TableCell=Ye;exports.Text=We;exports.Timeline=Ze;
|
|
64
64
|
//# sourceMappingURL=index.cjs.map
|