@fabio.caffarello/react-design-system 2.1.0 → 3.0.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 +83 -83
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +2735 -2670
- package/dist/index.js.map +1 -1
- package/dist/react-design-system.css +1 -1
- package/dist/server/index.cjs +26 -26
- package/dist/server/index.cjs.map +1 -1
- package/dist/server/index.js +432 -394
- package/dist/server/index.js.map +1 -1
- package/dist/ui/tokens/colors/brand.d.ts +22 -0
- package/dist/ui/tokens/colors/index.d.ts +5 -4
- package/dist/ui/tokens/colors/primitives.d.ts +2 -2
- package/dist/ui/tokens/colors/semantic.d.ts +2 -2
- package/dist/ui/tokens/colors/types.d.ts +11 -4
- package/dist/ui/tokens/colors/utils.d.ts +2 -2
- package/dist/ui/tokens/index.d.ts +1 -1
- package/package.json +2 -1
package/dist/server/index.cjs
CHANGED
|
@@ -1,64 +1,64 @@
|
|
|
1
|
-
"use strict";var re=Object.defineProperty,se=Object.defineProperties;var ie=Object.getOwnPropertyDescriptors;var H=Object.getOwnPropertySymbols;var U=Object.prototype.hasOwnProperty,_=Object.prototype.propertyIsEnumerable;var R=(r,a,s)=>a in r?re(r,a,{enumerable:!0,configurable:!0,writable:!0,value:s}):r[a]=s,u=(r,a)=>{for(var s in a||(a={}))U.call(a,s)&&R(r,s,a[s]);if(H)for(var s of H(a))_.call(a,s)&&R(r,s,a[s]);return r},v=(r,a)=>se(r,ie(a));var b=(r,a)=>{var s={};for(var t in r)U.call(r,t)&&a.indexOf(t)<0&&(s[t]=r[t]);if(r!=null&&H)for(var t of H(r))a.indexOf(t)<0&&_.call(r,t)&&(s[t]=r[t]);return s};var K=(r,a,s)=>R(r,typeof a!="symbol"?a+"":a,s);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),D=require("react"),I=require("lucide-react"),ne=require("clsx"),le=require("tailwind-merge"),oe=require("class-variance-authority");class C{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 ce={none:C.create("none"),sm:C.create("sm"),md:C.create("md"),lg:C.create("lg"),xl:C.create("xl"),"2xl":C.create("2xl"),"3xl":C.create("3xl"),full:C.create("full")};function $(r){return ce[r].tailwind}class y{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)}}K(y,"BASE_UNIT",4);const de={none:y.create(0),"0.5":y.create(.5),xs:y.create(1),"1.5":y.create(1.5),sm:y.create(2),"2.5":y.create(2.5),md:y.create(3),"3.5":y.create(3.5),base:y.create(4),lg:y.create(6),xl:y.create(8),"2xl":y.create(10),"3xl":y.create(12),"4xl":y.create(16),"5xl":y.create(20),"6xl":y.create(24)};function l(r,a="p"){const t=de[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 w{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)}}}w.createFontWeight("light"),w.createFontWeight("normal"),w.createFontWeight("medium"),w.createFontWeight("semibold"),w.createFontWeight("bold");const V={h1:w.create("4xl","tight","bold"),h2:w.create("3xl","tight","bold"),h3:w.create("2xl","snug","semibold"),h4:w.create("xl","snug","semibold"),h5:w.create("lg","normal","medium"),h6:w.create("base","normal","medium"),body:w.create("base","relaxed","normal"),bodySmall:w.create("sm","relaxed","normal"),bodyLarge:w.create("lg","relaxed","normal"),label:w.create("sm","normal","medium"),caption:w.create("xs","normal","normal"),button:w.create("base","normal","medium")};function A(r){const a=V[r];return`${a.fontSize.tailwind} ${a.lineHeight.tailwind} ${a.fontWeight.tailwind}`}function F(r){return V[r].fontSize.tailwind}function O(r){return V[r].fontWeight.tailwind}function d(...r){return le.twMerge(ne.clsx(r))}const q=(r,a)=>{const s=oe.cva(r,a);return(t=>{const i=s(t);return d(i)})},fe=q(d("inline-flex","items-center","font-medium",$("full"),l("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(l("xs","px"),l("xs","py"),F("caption")),md:d(l("sm","px"),l("xs","py"),F("bodySmall")),lg:d(l("md","px"),l("sm","py"),F("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}}),G=D.forwardRef(function(j,h){var S=j,{children:a,variant:s="default",size:t="md",onRemove:i,selected:o=!1,disabled:c=!1,className:f="","aria-label":m,onClick:p,tabIndex:x}=S,g=b(S,["children","variant","size","onRemove","selected","disabled","className","aria-label","onClick","tabIndex"]);const B=(()=>{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}})(),P=p!==void 0,ae=P&&!c,te=N=>{c||(N.key==="Enter"||N.key===" ")&&(N.preventDefault(),p==null||p())};return n.jsxs("div",v(u({ref:h,className:d(fe({variant:s,size:t,selected:o,disabled:c}),i&&l("xs","pr"),f),"aria-disabled":c},g),{children:[P?n.jsx("button",{type:"button",onClick:c?void 0:p,onKeyDown:te,disabled:c,"aria-pressed":o?!0:void 0,"aria-label":m||B,tabIndex:x!==void 0?x:ae?0:void 0,className:d("flex-1","bg-transparent","border-0",l("none","p"),"text-inherit","text-left","cursor-pointer","focus:outline-none","focus:ring-2","focus:ring-line-focus","focus:ring-offset-2",$("full")),children:a}):n.jsx("span",{children:a}),i&&!c&&n.jsx("button",{type:"button",onClick:N=>{N.stopPropagation(),i()},className:d(l("xs","ml"),"hover:bg-tint-hover",$("full"),l("xs","p"),"transition-colors","focus:outline-none","focus:ring-2","focus:ring-line-focus","focus:ring-offset-1"),"aria-label":`Remove ${B||"chip"}`,children:n.jsx(I.X,{className:"h-3 w-3","aria-hidden":"true"})})]}))});G.displayName="Chip";function pe(i){var o=i,{message:r,id:a,className:s=""}=o,t=b(o,["message","id","className"]);const c=[l("xs","mt"),F("bodySmall"),"text-fg-error","flex","items-center",l("xs","gap")],f=d(...c,s);return n.jsxs("div",v(u({role:"alert",id:a,className:f,"aria-live":"polite"},t),{children:[n.jsx(I.AlertCircle,{className:"h-4 w-4 shrink-0","aria-hidden":"true"}),n.jsx("span",{children:r})]}))}function ue(t){var i=t,{variant:r="info",className:a}=i,s=b(i,["variant","className"]);const o={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",u({role:"alert",className:d("border",l("base","px"),l("sm","py"),$("lg"),o[r],a)},s))}function e(r,a,s){const t=me(r),i=xe(r);return{hex:r,rgb:t,hsl:i,cssVar:`var(--color-${a}-${s})`,tailwind:`${a}-${s}`}}function me(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 xe(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,o=Math.max(s,t,i),c=Math.min(s,t,i);let f=0,m=0;const p=(o+c)/2;if(o!==c){const x=o-c;switch(m=p>.5?x/(2-o-c):x/(o+c),o){case s:f=((t-i)/x+(t<i?6:0))/6;break;case t:f=((i-s)/x+2)/6;break;case i:f=((s-t)/x+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 L{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]}}L.create("none"),L.create("sm"),L.create("md"),L.create("lg"),L.create("xl"),L.create("2xl"),L.create("inner");class T{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`}}}T.create("none"),T.create("thin"),T.create("base"),T.create("medium"),T.create("thick"),T.create("thin","dashed"),T.create("base","dashed"),T.create("thin","dotted"),T.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 z{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),o=Array.isArray(a)?a.join(", "):a,c=[i.duration.tailwind,i.easing.tailwind].join(" ");return{property:o,duration:i.duration.value,timingFunction:i.easing.value,tailwind:c}}}z.create("fast"),z.create("base"),z.create("slow"),z.create("slower"),z.createTransition(["color","background-color","border-color"],"base"),z.createTransition("opacity","fast"),z.createTransition("transform","base"),z.createTransition("all","base");class M{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]}}M.create("base"),M.create("dropdown"),M.create("sticky"),M.create("fixed"),M.create("modal-backdrop"),M.create("modal"),M.create("popover"),M.create("tooltip"),M.create("toast");class k{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]}}}k.create(0),k.create(5),k.create(10),k.create(20),k.create(25),k.create(30),k.create(40),k.create(50),k.create(60),k.create(70),k.create(75),k.create(80),k.create(90),k.create(95),k.create(100);const ge=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"}}),X=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"}}),Y=D.forwardRef(function(g,x){var h=g,{value:a,max:s=100,variant:t="primary",size:i="md",showLabel:o=!1,label:c,"aria-label":f,className:m=""}=h,p=b(h,["value","max","variant","size","showLabel","label","aria-label","className"]);const j=a===void 0,S=j?void 0:Math.min(Math.max(a/s*100,0),100),W=f||(j?"Loading in progress":`Progress: ${S==null?void 0:S.toFixed(0)}%`);return n.jsxs("div",v(u({ref:x,className:d("w-full",m)},p),{children:[o&&(c||!j)&&n.jsxs("div",{className:d("flex","items-center","justify-between",l("xs","mb")),children:[c&&n.jsx("span",{className:d(F("bodySmall"),O("label"),"text-fg-primary"),children:c}),!j&&S!==void 0&&n.jsxs("span",{className:d(F("bodySmall"),"text-fg-secondary"),children:[S.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",ge({size:i,variant:t}),$("full")),children:j?n.jsx("div",{className:d("absolute","top-0","left-0","bottom-0",X({variant:t}),$("full"),"motion-reduce:animate-none"),style:{width:"30%",animation:"progress-indeterminate 1.5s ease-in-out infinite"}}):n.jsx("div",{className:d("h-full",X({variant:t}),$("full"),"transition-all","duration-300","ease-out"),style:{width:`${S}%`},"aria-hidden":"true"})})]}))});Y.displayName="Progress";function be(f){var m=f,{variant:r="text",width:a,height:s,lines:t=1,className:i="","aria-label":o}=m,c=b(m,["variant","width","height","lines","className","aria-label"]);const p=["motion-safe:animate-pulse","bg-surface-muted",$("sm")],x={text:"h-4",card:"h-32",list:"h-12",circle:$("full")},g=d(...p,x[r],i),h={};a&&(h.width=a),s&&(h.height=s);const j=o||`Loading ${r} content`;return r==="text"&&t>1?n.jsx("div",v(u({className:l("sm","space-y"),role:"status","aria-busy":"true","aria-label":j},c),{children:Array.from({length:t}).map((S,W)=>n.jsx("div",{className:g,style:W===t-1?{width:"75%"}:h,"aria-hidden":"true"},W))})):n.jsx("div",u({className:g,style:h,role:"status","aria-busy":"true","aria-label":j},c))}const he=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"}}),Q=D.memo(function(c){var f=c,{size:a="md",variant:s="primary",label:t,className:i=""}=f,o=b(f,["size","variant","label","className"]);return n.jsxs("div",v(u({className:d("inline-flex","items-center",i),role:"status","aria-label":t||"Loading","aria-live":"polite"},o),{children:[n.jsx(I.Loader2,{className:d(he({size:a,variant:s})),"aria-hidden":"true"}),t&&n.jsx("span",{className:d(l("sm","ml"),F("bodySmall"),"text-fg-secondary","sr-only"),children:t})]}))});Q.displayName="Spinner";const ye={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 we(p,m){var x=p,{variant:r="paragraph",bold:a,italic:s,className:t,as:i,colorRole:o="neutral",colorShade:c="dark"}=x,f=b(x,["variant","bold","italic","className","as","colorRole","colorShade"]);const g=[];let h;if(i)h=i;else switch(r){case"heading":h="h2";break;case"list":h="li";break;default:h="p";break}return r==="heading"?g.push(A("h2")):r==="body"||r==="paragraph"?g.push(A("body")):r==="bodySmall"?g.push(A("bodySmall")):r==="bodyLarge"?g.push(A("bodyLarge")):r==="caption"?g.push(A("caption")):r==="label"?g.push(A("label")):g.push(A("body")),a&&g.push("font-bold"),s&&g.push("italic"),g.push(ye[o][c]),n.jsx(h,u({ref:m,className:d(...g,t)},f))}const ve=D.forwardRef(we),ke={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"},Z=D.forwardRef((m,f)=>{var p=m,{className:r,maxWidth:a="lg",paddingX:s="base",paddingY:t="base",center:i=!0,children:o}=p,c=b(p,["className","maxWidth","paddingX","paddingY","center","children"]);return n.jsx("div",v(u({ref:f,className:d("w-full",ke[a],l(s,"px"),l(t,"py"),i&&"mx-auto",r)},c),{children:o}))});Z.displayName="Container";const J=D.forwardRef((m,f)=>{var p=m,{className:r,spacing:a="base",align:s="stretch",justify:t="start",direction:i="column",children:o}=p,c=b(p,["className","spacing","align","justify","direction","children"]);const x=i==="column"?l(a,"gap-y"):l(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 n.jsx("div",v(u({ref:f,className:d("flex",i==="column"?"flex-col":"flex-row",x,g[s],h[t],r)},c),{children:o}))});J.displayName="Stack";const ee=D.forwardRef(function({option:a,isHighlighted:s,onSelect:t},i){const o=()=>{a.disabled||t(a)};return n.jsxs("div",{ref:i,role:"option","aria-selected":s,"aria-disabled":a.disabled,onClick:o,className:`
|
|
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:`
|
|
2
2
|
flex
|
|
3
3
|
items-center
|
|
4
|
-
${
|
|
5
|
-
${
|
|
6
|
-
${
|
|
4
|
+
${o("sm","gap")}
|
|
5
|
+
${o("sm","px")}
|
|
6
|
+
${o("sm","py")}
|
|
7
7
|
text-sm
|
|
8
8
|
cursor-pointer
|
|
9
9
|
transition-colors
|
|
10
10
|
${s?"bg-surface-active":""}
|
|
11
11
|
${a.disabled?"opacity-50 cursor-not-allowed":"hover:bg-surface-hover"}
|
|
12
|
-
`,children:[a.icon&&n.jsx("span",{className:"flex-shrink-0",children:a.icon}),n.jsx("span",{className:"flex-1",children:a.label})]})});
|
|
13
|
-
${
|
|
12
|
+
`,children:[a.icon&&n.jsx("span",{className:"flex-shrink-0",children:a.icon}),n.jsx("span",{className:"flex-1",children:a.label})]})});ae.displayName="AutocompleteOption";function Se(i){var l=i,{items:r,separator:a="/",className:s=""}=l,t=h(l,["items","separator","className"]);const c=["flex","items-center",o("sm","space-x"),C("bodySmall")],f=d(...c,s);return n.jsx("nav",k(x({"aria-label":"Breadcrumb",className:f},t),{children:n.jsx("ol",{className:d("flex","items-center",o("sm","space-x")),children:r.map((m,p)=>{const u=p===r.length-1;return n.jsxs("li",{className:"flex items-center",children:[p>0&&n.jsx("span",{className:d(o("sm","mx"),"text-fg-tertiary"),"aria-hidden":"true",children:a}),u?n.jsx("span",{className:d("text-fg-primary",O("label")),"aria-current":"page",children:m.label}):m.href?n.jsx("a",{href:m.href,className:d("inline-flex","items-center",o("xs","px"),o("xs","pt"),"border-b-2","border-transparent",C("bodySmall"),O("label"),"transition-colors","text-fg-secondary","hover:border-line-emphasis","hover:text-fg-primary"),children:m.label}):n.jsx("span",{className:"text-fg-secondary",children:m.label})]},p)})})}))}function Te(t){var i=t,{children:r,className:a=""}=i,s=h(i,["children","className"]);return n.jsx("div",k(x({className:`flex flex-col ${o("1.5","space-y")} ${o("lg","p")} ${o("base","pb")} ${a}`},s),{children:r}))}function Me(t){var i=t,{children:r,className:a=""}=i,s=h(i,["children","className"]);return n.jsx("div",k(x({className:`flex flex-col-reverse sm:flex-row sm:justify-end sm:${o("sm","space-x")} ${o("lg","p")} ${o("base","pt")} ${a}`},s),{children:r}))}function Fe(t){var i=t,{children:r,className:a=""}=i,s=h(i,["children","className"]);return n.jsx("div",k(x({className:`
|
|
13
|
+
${o("lg","p")}
|
|
14
14
|
border-b
|
|
15
15
|
border-line-default
|
|
16
16
|
${a}
|
|
17
|
-
`},s),{children:r}))}function
|
|
18
|
-
${
|
|
17
|
+
`},s),{children:r}))}function Ce(t){var i=t,{children:r,className:a=""}=i,s=h(i,["children","className"]);return n.jsx("div",k(x({className:`
|
|
18
|
+
${o("lg","p")}
|
|
19
19
|
border-t
|
|
20
20
|
border-line-default
|
|
21
21
|
flex
|
|
22
22
|
justify-end
|
|
23
|
-
${
|
|
23
|
+
${o("sm","gap")}
|
|
24
24
|
${a}
|
|
25
|
-
`},s),{children:r}))}function
|
|
25
|
+
`},s),{children:r}))}function ze({children:r,className:a}){return n.jsx("div",{className:d("flex-shrink-0 flex items-center",o("sm","gap"),a),children:r})}function Ae({children:r,className:a}){return n.jsx("nav",{className:d("flex-1 flex items-center justify-center",o("base","gap"),"hidden md:flex",a),"aria-label":"Main navigation",children:r})}function Le(s){var t=s,{className:r=""}=t,a=h(t,["className"]);return n.jsx("div",x({role:"separator",className:`
|
|
26
26
|
h-px
|
|
27
27
|
bg-line-default
|
|
28
|
-
${
|
|
28
|
+
${o("sm","my")}
|
|
29
29
|
${r}
|
|
30
|
-
`},a))}function
|
|
30
|
+
`},a))}function De(t){var i=t,{orientation:r="horizontal",className:a=""}=i,s=h(i,["orientation","className"]);return r==="vertical"?n.jsx("div",x({className:d("w-px","h-6","bg-line-default","mx-auto",a),role:"separator","aria-orientation":"vertical"},s)):n.jsx("div",x({className:d("w-full","h-px","bg-line-default",o("sm","my"),"flex-shrink-0",a),role:"separator","aria-orientation":"horizontal",style:{willChange:"auto",transform:"none"}},s))}function Ie(i){var l=i,{column:r,row:a,className:s=""}=l,t=h(l,["column","row","className"]);const c=r.key in a?a[r.key]:void 0;return n.jsx("td",k(x({className:`${o("lg","px")} ${o("base","py")} whitespace-nowrap text-sm text-fg-primary ${r.hiddenOnMobile?"hidden md:table-cell":""} ${s}`},t),{children:r.render?r.render(c,a):String(c!=null?c:"")}))}function We({items:r,orientation:a="vertical",className:s=""}){return a==="horizontal"?n.jsx("div",{className:`flex items-start ${s}`,children:r.map((t,i)=>{const l=t.status||(i===0?"active":i<r.findIndex(f=>f.status==="active")?"completed":"default"),c=i===r.length-1;return n.jsx("div",{className:"flex items-start flex-1",children:n.jsxs("div",{className:"flex flex-col items-center flex-1",children:[n.jsx("div",k(x({},l==="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
|
+
${S("full")}
|
|
37
37
|
border-2
|
|
38
|
-
${
|
|
39
|
-
`,children:t.icon||(
|
|
38
|
+
${l==="completed"?"bg-success border-success text-fg-inverse":l==="active"?"bg-surface-brand-strong border-line-brand text-fg-inverse":l==="error"?"bg-error border-error text-fg-inverse":"bg-surface-base border-line-emphasis text-fg-quaternary"}
|
|
39
|
+
`,children:t.icon||(l==="completed"?n.jsx(H.CheckCircle2,{className:"h-4 w-4"}):i+1)})),!c&&n.jsx("div",{className:`
|
|
40
40
|
w-full
|
|
41
41
|
h-0.5
|
|
42
|
-
${
|
|
43
|
-
${
|
|
44
|
-
`}),n.jsxs("div",{className:`${
|
|
42
|
+
${o("sm","mt")}
|
|
43
|
+
${l==="completed"?"bg-success":"bg-line-emphasis"}
|
|
44
|
+
`}),n.jsxs("div",{className:`${o("base","mt")} text-center ${o("base","px")}`,children:[t.timestamp&&n.jsx("p",{className:`text-xs text-fg-tertiary ${o("xs","mb")}`,children:t.timestamp}),n.jsx("h3",{className:"text-sm font-semibold text-fg-primary",children:t.title}),t.description&&n.jsx("p",{className:`text-xs text-fg-secondary ${o("xs","mt")}`,children:t.description}),t.content&&n.jsx("div",{className:o("sm","mt"),children:t.content})]})]})},t.id)})}):n.jsx("div",{className:`${o("none","space-y")} ${s}`,children:r.map((t,i)=>{const l=t.status||(i===0?"active":i<r.findIndex(f=>f.status==="active")?"completed":"default"),c=i===r.length-1;return n.jsxs("div",{className:`flex items-start ${o("base","gap")}`,children:[n.jsxs("div",{className:"flex flex-col items-center",children:[n.jsx("div",k(x({},l==="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
|
+
${S("full")}
|
|
51
51
|
border-2
|
|
52
|
-
${
|
|
53
|
-
`,children:t.icon||(
|
|
52
|
+
${l==="completed"?"bg-success border-success text-fg-inverse":l==="active"?"bg-surface-brand-strong border-line-brand text-fg-inverse":l==="error"?"bg-error border-error text-fg-inverse":"bg-surface-base border-line-emphasis text-fg-quaternary"}
|
|
53
|
+
`,children:t.icon||(l==="completed"?n.jsx(H.CheckCircle2,{className:"h-4 w-4"}):i+1)})),!c&&n.jsx("div",{className:`
|
|
54
54
|
w-0.5
|
|
55
55
|
flex-1
|
|
56
56
|
min-h-16
|
|
57
|
-
${
|
|
58
|
-
${
|
|
59
|
-
`})]}),n.jsxs("div",{className:`flex-1 ${
|
|
57
|
+
${o("sm","mt")}
|
|
58
|
+
${l==="completed"?"bg-success":"bg-line-emphasis"}
|
|
59
|
+
`})]}),n.jsxs("div",{className:`flex-1 ${o("xl","pb")}`,children:[t.timestamp&&n.jsx("p",{className:`text-xs text-fg-tertiary ${o("xs","mb")}`,children:t.timestamp}),n.jsx("h3",{className:`
|
|
60
60
|
text-base
|
|
61
61
|
font-semibold
|
|
62
|
-
${
|
|
63
|
-
`,children:t.title}),t.description&&n.jsx("p",{className:`text-sm text-fg-secondary ${
|
|
62
|
+
${l==="active"?"text-fg-brand-emphasis":"text-fg-primary"}
|
|
63
|
+
`,children:t.title}),t.description&&n.jsx("p",{className:`text-sm text-fg-secondary ${o("xs","mt")}`,children:t.description}),t.content&&n.jsx("div",{className:o("md","mt"),children:t.content})]})]},t.id)})})}exports.AutocompleteOption=ae;exports.Breadcrumb=Se;exports.Chip=Y;exports.Container=J;exports.DialogFooter=Me;exports.DialogHeader=Te;exports.DrawerFooter=Ce;exports.DrawerHeader=Fe;exports.ErrorMessage=ue;exports.HeaderActions=ze;exports.HeaderNavigation=Ae;exports.Info=me;exports.MenuSeparator=Le;exports.NavbarSeparator=De;exports.Progress=Q;exports.Skeleton=we;exports.Spinner=Z;exports.Stack=ee;exports.TableCell=Ie;exports.Text=je;exports.Timeline=We;
|
|
64
64
|
//# sourceMappingURL=index.cjs.map
|