@fabio.caffarello/react-design-system 3.11.0 → 3.13.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/granular/index.js +399 -393
- package/dist/granular/index.js.map +1 -1
- package/dist/granular/ui/components/ButtonGroup/ButtonGroup.js +68 -0
- package/dist/granular/ui/components/ButtonGroup/ButtonGroup.js.map +1 -0
- package/dist/granular/ui/components/HeroSection/HeroSection.js +176 -0
- package/dist/granular/ui/components/HeroSection/HeroSection.js.map +1 -0
- package/dist/granular/ui/primitives/Dot/Dot.js +99 -0
- package/dist/granular/ui/primitives/Dot/Dot.js.map +1 -0
- package/dist/index.cjs +48 -48
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +1906 -1652
- package/dist/index.js.map +1 -1
- package/dist/react-design-system.css +1 -1
- package/dist/server/index.cjs +10 -10
- package/dist/server/index.cjs.map +1 -1
- package/dist/server/index.js +505 -360
- package/dist/server/index.js.map +1 -1
- package/dist/ui/components/ButtonGroup/ButtonGroup.d.ts +2 -2
- package/dist/ui/components/HeroSection/HeroSection.d.ts +101 -0
- package/dist/ui/components/HeroSection/index.d.ts +2 -0
- package/dist/ui/components/index.d.ts +4 -0
- package/dist/ui/primitives/index.d.ts +2 -0
- package/dist/ui/server.d.ts +2 -0
- package/package.json +1 -1
package/dist/server/index.cjs
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
"use strict";var pe=Object.defineProperty,me=Object.defineProperties;var ge=Object.getOwnPropertyDescriptors;var H=Object.getOwnPropertySymbols;var q=Object.prototype.hasOwnProperty,U=Object.prototype.propertyIsEnumerable;var P=(e,t,r)=>t in e?pe(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,u=(e,t)=>{for(var r in t||(t={}))q.call(t,r)&&P(e,r,t[r]);if(H)for(var r of H(t))U.call(t,r)&&P(e,r,t[r]);return e},m=(e,t)=>me(e,ge(t));var p=(e,t)=>{var r={};for(var a in e)q.call(e,a)&&t.indexOf(a)<0&&(r[a]=e[a]);if(e!=null&&H)for(var a of H(e))t.indexOf(a)<0&&U.call(e,a)&&(r[a]=e[a]);return r};var K=(e,t,r)=>P(e,typeof t!="symbol"?t+"":t,r);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),C=require("react"),be=require("clsx"),he=require("tailwind-merge"),ye=require("class-variance-authority"),z=require("lucide-react");function ve(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const k=ve(C);class R{static create(t){const a={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"}}[t];return{value:a.px,rem:`${a.px/16}rem`,px:`${a.px}px`,tailwind:a.tailwind,description:a.description}}}const we={none:R.create("none"),sm:R.create("sm"),md:R.create("md"),lg:R.create("lg"),xl:R.create("xl"),"2xl":R.create("2xl"),"3xl":R.create("3xl"),full:R.create("full")};function N(e){return we[e].tailwind}class w{static create(t){const r=t*this.BASE_UNIT,a=r/16;return{value:r,rem:`${a}rem`,px:`${r}px`,tailwind:this.getTailwindClass(t)}}static getTailwindClass(t){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"}[t]||String(t)}}K(w,"BASE_UNIT",4);const je={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 l(e,t="p"){const a=je[e].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"}[t]}-${a}`}class j{static createFontSize(t){const a={"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"}}[t];return{value:a.px,rem:`${a.px/16}rem`,px:`${a.px}px`,tailwind:a.tailwind}}static createLineHeight(t){const a={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"}}[t];return{value:a.value,tailwind:a.tailwind}}static createFontWeight(t){const a={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"}}[t];return{value:a.value,tailwind:a.tailwind}}static create(t,r="normal",a="normal"){return{fontSize:this.createFontSize(t),lineHeight:this.createLineHeight(r),fontWeight:this.createFontWeight(a)}}}j.createFontWeight("light"),j.createFontWeight("normal"),j.createFontWeight("medium"),j.createFontWeight("semibold"),j.createFontWeight("bold");const B={h1:j.create("4xl","tight","bold"),h2:j.create("3xl","tight","bold"),h3:j.create("2xl","snug","semibold"),h4:j.create("xl","snug","semibold"),h5:j.create("lg","normal","medium"),h6:j.create("base","normal","medium"),body:j.create("base","relaxed","normal"),bodySmall:j.create("sm","relaxed","normal"),bodyLarge:j.create("lg","relaxed","normal"),label:j.create("sm","normal","medium"),caption:j.create("xs","normal","normal"),button:j.create("base","normal","medium")};function F(e){const t=B[e];return`${t.fontSize.tailwind} ${t.lineHeight.tailwind} ${t.fontWeight.tailwind}`}function $(e){return B[e].fontSize.tailwind}function _(e){return B[e].fontWeight.tailwind}function i(...e){return he.twMerge(be.clsx(e))}const L=(e,t)=>{const r=ye.cva(e,t);return(a=>{const s=r(a);return i(s)})},Ne=L(i("inline-flex","items-center","justify-center",_("label"),N("md"),"border"),{variants:{variant:{success:"",warning:"",error:"",info:"",neutral:"",primary:"",secondary:""},size:{sm:i(l("1.5","px"),l("0.5","py"),$("caption")),md:i(l("sm","px"),l("xs","py"),$("caption")),lg:i(l("sm","px"),l("xs","py"),$("bodySmall"))},style:{solid:"",outline:""}},compoundVariants:[{variant:"success",style:"solid",class:i("bg-success-bg","text-success-dark","border-success")},{variant:"warning",style:"solid",class:i("bg-warning-bg","text-warning-dark","border-warning")},{variant:"error",style:"solid",class:i("bg-error-bg","text-error-dark","border-error")},{variant:"info",style:"solid",class:i("bg-info-bg","text-info-dark","border-info")},{variant:"neutral",style:"solid",class:i("bg-surface-muted","text-fg-primary","border-line-default")},{variant:"primary",style:"solid",class:i("bg-surface-brand-subtle","text-fg-brand-emphasis","border-line-brand")},{variant:"secondary",style:"solid",class:i("bg-pink-300","text-fg-brand-secondary-emphasis","border-line-secondary")},{variant:"success",style:"outline",class:i("bg-transparent","border-success","text-fg-success")},{variant:"warning",style:"outline",class:i("bg-transparent","border-warning","text-fg-warning")},{variant:"error",style:"outline",class:i("bg-transparent","border-error","text-fg-error")},{variant:"info",style:"outline",class:i("bg-transparent","border-info","text-fg-info")},{variant:"neutral",style:"outline",class:i("bg-transparent","border-line-default","text-fg-secondary")},{variant:"primary",style:"outline",class:i("bg-transparent","border-line-brand","text-fg-brand")},{variant:"secondary",style:"outline",class:i("bg-transparent","border-line-secondary","text-fg-brand-secondary")}],defaultVariants:{variant:"neutral",size:"md",style:"solid"}}),J=C.memo(C.forwardRef(function(g,x){var y=g,{variant:t="neutral",size:r="md",style:a="solid",className:s="",children:o,"aria-label":d}=y,c=p(y,["variant","size","style","className","children","aria-label"]);const b=i(Ne({variant:t,size:r,style:a}),s);let f;if(d)f=d;else if(typeof o=="string")f=o;else if(typeof o=="object"&&o!==null&&"props"in o){const h=o.props;h!=null&&h.children&&typeof h.children=="string"&&(f=h.children)}return n.jsx("span",m(u({ref:x,role:"status","aria-label":f,className:b},c),{children:o}))}));J.displayName="Badge";function G(e,t){if(typeof e=="function")return e(t);e!=null&&(e.current=t)}function Se(...e){return t=>{let r=!1;const a=e.map(s=>{const o=G(s,t);return!r&&typeof o=="function"&&(r=!0),o});if(r)return()=>{for(let s=0;s<a.length;s++){const o=a[s];typeof o=="function"?o():G(e[s],null)}}}}function $e(...e){return k.useCallback(Se(...e),e)}function Ce(e){const t=k.forwardRef((r,a)=>{var h;let f=r,{children:s}=f,o=p(f,["children"]),d=null,c=!1;const x=[];X(s)&&typeof O=="function"&&(s=O(s._payload)),k.Children.forEach(s,v=>{var S;if(Re(v)){c=!0;const A=v;let E="child"in A.props?A.props.child:A.props.children;X(E)&&typeof O=="function"&&(E=O(E._payload)),d=Ee(A,E),x.push((S=d==null?void 0:d.props)==null?void 0:S.children)}else x.push(v)}),d?d=k.cloneElement(d,void 0,x):!c&&k.Children.count(s)===1&&k.isValidElement(s)&&(d=s);const g=d?Ae(d):void 0,y=$e(a,g);if(!d){if(s||s===0)throw new Error(c?Me(e):De(e));return s}const b=Le(o,(h=d.props)!=null?h:{});return d.type!==k.Fragment&&(b.ref=a?y:g),k.cloneElement(d,b)});return t.displayName=`${e}.Slot`,t}var ke=Ce("Slot"),Te=Symbol.for("radix.slottable"),Ee=(e,t)=>{if("child"in e.props){const r=e.props.child;return k.isValidElement(r)?k.cloneElement(r,void 0,e.props.children(r.props.children)):null}return k.isValidElement(t)?t:null};function Le(e,t){const r=u({},t);for(const a in t){const s=e[a],o=t[a];/^on[A-Z]/.test(a)?s&&o?r[a]=(...c)=>{const x=o(...c);return s(...c),x}:s&&(r[a]=s):a==="style"?r[a]=u(u({},s),o):a==="className"&&(r[a]=[s,o].filter(Boolean).join(" "))}return u(u({},e),r)}function Ae(e){var a,s;let t=(a=Object.getOwnPropertyDescriptor(e.props,"ref"))==null?void 0:a.get,r=t&&"isReactWarning"in t&&t.isReactWarning;return r?e.ref:(t=(s=Object.getOwnPropertyDescriptor(e,"ref"))==null?void 0:s.get,r=t&&"isReactWarning"in t&&t.isReactWarning,r?e.props.ref:e.props.ref||e.ref)}function Re(e){return k.isValidElement(e)&&typeof e.type=="function"&&"__radixId"in e.type&&e.type.__radixId===Te}var Fe=Symbol.for("react.lazy");function X(e){return e!=null&&typeof e=="object"&&"$$typeof"in e&&e.$$typeof===Fe&&"_payload"in e&&Ve(e._payload)}function Ve(e){return typeof e=="object"&&e!==null&&"then"in e}var De=e=>`${e} failed to slot onto its children. Expected a single React element child or \`Slottable\`.`,Me=e=>`${e} failed to slot onto its \`Slottable\`. Expected \`Slottable\` to receive a single React element child.`,O=k[" use ".trim().toString()];const Y=L(i("inline-flex","items-center","font-medium",N("full"),l("xs","gap")),{variants:{variant:{default:i("bg-surface-muted","text-fg-primary","border","border-line-default"),outlined:i("bg-transparent","text-fg-primary","border","border-line-default"),filled:i("bg-surface-brand-strong","text-fg-inverse","border","border-transparent")},size:{sm:i(l("xs","px"),l("xs","py"),$("caption")),md:i(l("sm","px"),l("xs","py"),$("bodySmall")),lg:i(l("md","px"),l("sm","py"),$("body"))},selected:{true:i("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}}),Q=C.forwardRef(function(t,r){const{children:a,variant:s="default",size:o="md",selected:d=!1,disabled:c=!1,className:x="","aria-label":g,tabIndex:y,asChild:b=!1}=t,h=(()=>{if(g)return g;if(typeof a=="string")return a;if(typeof a=="object"&&a!==null&&"props"in a){const T=a.props;if(T!=null&&T.children&&typeof T.children=="string")return T.children}})();if(b)return n.jsx(ke,{ref:r,className:i(Y({variant:s,size:o,selected:d,disabled:c}),x),"aria-label":g,"aria-disabled":c||void 0,tabIndex:y,children:a});const{onRemove:v,onClick:S}=t,A=S!==void 0,E=A&&!c,M=T=>{c||(T.key==="Enter"||T.key===" ")&&(T.preventDefault(),S==null||S())};return n.jsxs("div",{ref:r,className:i(Y({variant:s,size:o,selected:d,disabled:c}),v&&l("xs","pr"),x),"aria-disabled":c,children:[A?n.jsx("button",{type:"button",onClick:c?void 0:S,onKeyDown:M,disabled:c,"aria-pressed":d?!0:void 0,"aria-label":g||h,tabIndex:y!==void 0?y:E?0:void 0,className:i("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",N("full")),children:a}):n.jsx("span",{children:a}),v&&!c&&n.jsx("button",{type:"button",onClick:T=>{T.stopPropagation(),v()},className:i(l("xs","ml"),"hover:bg-tint-hover",N("full"),l("xs","p"),"transition-colors","focus:outline-none","focus:ring-2","focus:ring-line-focus","focus:ring-offset-1"),"aria-label":`Remove ${h||"chip"}`,children:n.jsx(z.X,{className:"h-3 w-3","aria-hidden":"true"})})]})});Q.displayName="Chip";function ze(s){var o=s,{message:e,id:t,className:r=""}=o,a=p(o,["message","id","className"]);const d=[l("xs","mt"),$("bodySmall"),"text-fg-error","flex","items-center",l("xs","gap")],c=i(...d,r);return n.jsxs("div",m(u({role:"alert",id:t,className:c,"aria-live":"polite"},a),{children:[n.jsx(z.AlertCircle,{className:"h-4 w-4 shrink-0","aria-hidden":"true"}),n.jsx("span",{children:e})]}))}function _e(a){var s=a,{variant:e="info",className:t}=s,r=p(s,["variant","className"]);const o={warning:i("bg-warning-bg","text-warning-dark","border-warning"),error:i("bg-error-bg","text-error-dark","border-error"),info:i("bg-info-bg","text-info-dark","border-info")};return n.jsx("div",u({role:"alert",className:i("border",l("base","px"),l("sm","py"),N("lg"),o[e],t)},r))}const He=i("block",$("label"),_("label"),"text-fg-primary"),Oe={default:"",required:i("after:content-['*']",`after:${l("0.5","ml")}`,"after:text-fg-error"),optional:i("after:content-['(optional)']",`after:${l("xs","ml")}`,"after:text-fg-tertiary","after:font-normal")},ee=C.memo(C.forwardRef(function(d,o){var c=d,{variant:t="default",className:r="",children:a}=c,s=p(c,["variant","className","children"]);const x=i(He,Oe[t],r);return n.jsx("label",m(u({ref:o,className:x},s),{children:a}))}));ee.displayName="Label";class V{static create(t){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"}}[t]}}const Pe={none:V.create("none"),sm:V.create("sm"),md:V.create("md"),lg:V.create("lg"),xl:V.create("xl"),"2xl":V.create("2xl"),inner:V.create("inner")};function I(e){return Pe[e].tailwind}const Ie=L("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"}}),Z=L("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=C.forwardRef(function(b,y){var f=b,{value:t,max:r=100,variant:a="primary",size:s="md",showLabel:o=!1,label:d,"aria-label":c,className:x=""}=f,g=p(f,["value","max","variant","size","showLabel","label","aria-label","className"]);const h=t===void 0,v=h?void 0:Math.min(Math.max(t/r*100,0),100),S=c||(h?"Loading in progress":`Progress: ${v==null?void 0:v.toFixed(0)}%`);return n.jsxs("div",m(u({ref:y,className:i("w-full",x)},g),{children:[o&&(d||!h)&&n.jsxs("div",{className:i("flex","items-center","justify-between",l("xs","mb")),children:[d&&n.jsx("span",{className:i($("bodySmall"),_("label"),"text-fg-primary"),children:d}),!h&&v!==void 0&&n.jsxs("span",{className:i($("bodySmall"),"text-fg-secondary"),children:[v.toFixed(0),"%"]})]}),n.jsx("div",{role:"progressbar","aria-valuemin":h?void 0:0,"aria-valuemax":h?void 0:r,"aria-valuenow":h?void 0:t,"aria-label":S,"aria-busy":h,className:i("relative","w-full","overflow-hidden",Ie({size:s,variant:a}),N("full")),children:h?n.jsx("div",{className:i("absolute","top-0","left-0","bottom-0",Z({variant:a}),N("full"),"motion-reduce:animate-none"),style:{width:"30%",animation:"progress-indeterminate 1.5s ease-in-out infinite"}}):n.jsx("div",{className:i("h-full",Z({variant:a}),N("full"),"transition-all","duration-300","ease-out"),style:{width:`${v}%`},"aria-hidden":"true"})})]}))});ae.displayName="Progress";const We={horizontal:"w-full border-t",vertical:"h-full border-l self-stretch"},Be={solid:"border-solid",dashed:"border-dashed",dotted:"border-dotted"},te=C.memo(function(o){var d=o,{orientation:t="horizontal",variant:r="solid",className:a=""}=d,s=p(d,["orientation","variant","className"]);const c=i("border-0","border-line-default",We[t],Be[r],a);return t==="vertical"?n.jsx("div",u({className:c,role:"separator","aria-orientation":"vertical"},s)):n.jsx("hr",u({className:c,role:"separator","aria-orientation":"horizontal"},s))});te.displayName="Separator";function qe(c){var x=c,{variant:e="text",width:t,height:r,lines:a=1,className:s="","aria-label":o}=x,d=p(x,["variant","width","height","lines","className","aria-label"]);const g=["motion-safe:animate-pulse","bg-surface-muted",N("sm")],y={text:"h-4",card:"h-32",list:"h-12",circle:N("full")},b=i(...g,y[e],s),f={};t&&(f.width=t),r&&(f.height=r);const h=o||`Loading ${e} content`;return e==="text"&&a>1?n.jsx("div",m(u({className:l("sm","space-y"),role:"status","aria-busy":"true","aria-label":h},d),{children:Array.from({length:a}).map((v,S)=>n.jsx("div",{className:b,style:S===a-1?{width:"75%"}:f,"aria-hidden":"true"},S))})):n.jsx("div",u({className:b,style:f,role:"status","aria-busy":"true","aria-label":h},d))}const Ue=L("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"}}),re=C.memo(function(d){var c=d,{size:t="md",variant:r="primary",label:a,className:s=""}=c,o=p(c,["size","variant","label","className"]);return n.jsxs("div",m(u({className:i("inline-flex","items-center",s),role:"status","aria-label":a||"Loading","aria-live":"polite"},o),{children:[n.jsx(z.Loader2,{className:i(Ue({size:t,variant:r})),"aria-hidden":"true"}),a&&n.jsx("span",{className:i(l("sm","ml"),$("bodySmall"),"text-fg-secondary","sr-only"),children:a})]}))});re.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 Ge(g,x){var y=g,{variant:e="paragraph",bold:t,italic:r,className:a,as:s,colorRole:o="neutral",colorShade:d="dark"}=y,c=p(y,["variant","bold","italic","className","as","colorRole","colorShade"]);const b=[];let f;if(s)f=s;else switch(e){case"heading":f="h2";break;case"list":f="li";break;default:f="p";break}return e==="heading"?b.push(F("h2")):e==="body"||e==="paragraph"?b.push(F("body")):e==="bodySmall"?b.push(F("bodySmall")):e==="bodyLarge"?b.push(F("bodyLarge")):e==="caption"?b.push(F("caption")):e==="label"?b.push(F("label")):b.push(F("body")),t&&b.push("font-bold"),r&&b.push("italic"),b.push(Ke[o][d]),n.jsx(f,u({ref:x,className:i(...b,a)},c))}const W=C.forwardRef(Ge),Xe={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"},se=C.forwardRef((x,c)=>{var g=x,{className:e,maxWidth:t="lg",paddingX:r="base",paddingY:a="base",center:s=!0,children:o}=g,d=p(g,["className","maxWidth","paddingX","paddingY","center","children"]);return n.jsx("div",m(u({ref:c,className:i("w-full",Xe[t],l(r,"px"),l(a,"py"),s&&"mx-auto",e)},d),{children:o}))});se.displayName="Container";const ne=C.forwardRef((x,c)=>{var g=x,{className:e,spacing:t="base",align:r="stretch",justify:a="start",direction:s="column",children:o}=g,d=p(g,["className","spacing","align","justify","direction","children"]);const y=s==="column"?l(t,"gap-y"):l(t,"gap-x"),b={start:"items-start",center:"items-center",end:"items-end",stretch:"items-stretch"},f={start:"justify-start",center:"justify-center",end:"justify-end",between:"justify-between",around:"justify-around",evenly:"justify-evenly"};return n.jsx("div",m(u({ref:c,className:i("flex",s==="column"?"flex-col":"flex-row",y,b[r],f[a],e)},d),{children:o}))});ne.displayName="Stack";function ie(s){var o=s,{items:e,separator:t="/",className:r=""}=o,a=p(o,["items","separator","className"]);const d=["flex","items-center",l("sm","space-x"),$("bodySmall")],c=i(...d,r);return n.jsx("nav",m(u({"aria-label":"Breadcrumb",className:c},a),{children:n.jsx("ol",{className:i("flex","items-center",l("sm","space-x")),children:e.map((x,g)=>{const y=g===e.length-1;return n.jsxs("li",{className:"flex items-center",children:[g>0&&n.jsx("span",{className:i(l("sm","mx"),"text-fg-tertiary"),"aria-hidden":"true",children:t}),y?n.jsx("span",{className:i("text-fg-primary",_("label")),"aria-current":"page",children:x.label}):x.href?n.jsx("a",{href:x.href,className:i("inline-flex","items-center",l("xs","px"),l("xs","pt"),"border-b-2","border-transparent",$("bodySmall"),_("label"),"transition-colors","text-fg-secondary","hover:border-line-emphasis","hover:text-fg-primary"),children:x.label}):n.jsx("span",{className:"text-fg-secondary",children:x.label})]},g)})})}))}function le(a){var s=a,{children:e,className:t}=s,r=p(s,["children","className"]);return n.jsx("div",m(u({className:i("grid items-start",l("1.5","gap"),l("base","mb"),"[&:has([data-card-actions])]:grid-cols-[1fr_auto]","[&:has([data-card-actions])>[data-card-actions]]:row-span-full",t)},r),{children:e}))}function oe(d){var c=d,{children:e,icon:t,badge:r,as:a="h2",className:s}=c,o=p(c,["children","icon","badge","as","className"]);return n.jsxs(a,m(u({className:i("text-base font-semibold text-fg-primary","flex items-center",l("sm","gap"),s)},o),{children:[t?n.jsx("span",{className:"shrink-0 inline-flex",children:t}):null,n.jsx("span",{children:e}),r?n.jsx("span",{className:"inline-flex",children:r}):null]}))}function de(a){var s=a,{children:e,className:t}=s,r=p(s,["children","className"]);return n.jsx("p",m(u({className:i("text-sm text-fg-secondary",t)},r),{children:e}))}function ce(a){var s=a,{children:e,className:t}=s,r=p(s,["children","className"]);return n.jsx("div",m(u({"data-card-actions":"",className:i("flex items-center self-start",l("sm","gap"),t)},r),{children:e}))}function ue(a){var s=a,{children:e,className:t}=s,r=p(s,["children","className"]);return n.jsx("div",m(u({className:i(t)},r),{children:e}))}function Ye(g){var y=g,{variant:e="default",padding:t="medium",className:r="",onClick:a,"aria-label":s,"aria-labelledby":o,asSection:d=!1,children:c}=y,x=p(y,["variant","padding","className","onClick","aria-label","aria-labelledby","asSection","children"]);typeof process!="undefined"&&process.env.NODE_ENV!=="production"&&d&&!s&&!o&&console.warn("[Card] `asSection={true}` requires an accessible name. Pass `aria-labelledby` pointing to your Card.Title `id`, or `aria-label`. A <section> without a name is an anonymous landmark that hurts screen-reader navigation.");const b=L(i("bg-surface-base",N("lg"),"border","border-line-default",I("sm")),{variants:{variant:{default:"",hover:i(`hover:${I("md")}`,"transition-shadow","cursor-pointer"),selected:i("border-line-brand",I("md"))},padding:{none:"",small:l("xs","p"),medium:l("base","p"),large:l("lg","p")}},defaultVariants:{variant:"default",padding:"medium"}}),f=a!==void 0,h=f?"button":void 0,v=f?0:void 0,S=i(b({variant:e,padding:t}),r),E=u({className:S,role:h,tabIndex:v,onClick:a,onKeyDown:f?M=>{f&&(M.key==="Enter"||M.key===" ")&&(M.preventDefault(),a==null||a())}:void 0,"aria-label":s,"aria-labelledby":o},x);return d?n.jsx("section",m(u({},E),{children:c})):n.jsx("div",m(u({},E),{children:c}))}const fe=C.memo(Ye);fe.displayName="Card";const D=fe;D.Header=le;D.Title=oe;D.Subtitle=de;D.Actions=ce;D.Body=ue;function Ze(a){var s=a,{children:e,className:t=""}=s,r=p(s,["children","className"]);return n.jsx("div",m(u({className:`flex flex-col ${l("1.5","space-y")} ${l("lg","p")} ${l("base","pb")} ${t}`},r),{children:e}))}function Je(a){var s=a,{children:e,className:t=""}=s,r=p(s,["children","className"]);return n.jsx("div",m(u({className:`flex flex-col-reverse sm:flex-row sm:justify-end sm:${l("sm","space-x")} ${l("lg","p")} ${l("base","pt")} ${t}`},r),{children:e}))}function Qe(a){var s=a,{children:e,className:t=""}=s,r=p(s,["children","className"]);return n.jsx("div",m(u({className:`
|
|
1
|
+
"use strict";var me=Object.defineProperty,ge=Object.defineProperties;var be=Object.getOwnPropertyDescriptors;var O=Object.getOwnPropertySymbols;var U=Object.prototype.hasOwnProperty,q=Object.prototype.propertyIsEnumerable;var I=(e,t,r)=>t in e?me(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,u=(e,t)=>{for(var r in t||(t={}))U.call(t,r)&&I(e,r,t[r]);if(O)for(var r of O(t))q.call(t,r)&&I(e,r,t[r]);return e},y=(e,t)=>ge(e,be(t));var p=(e,t)=>{var r={};for(var a in e)U.call(e,a)&&t.indexOf(a)<0&&(r[a]=e[a]);if(e!=null&&O)for(var a of O(e))t.indexOf(a)<0&&q.call(e,a)&&(r[a]=e[a]);return r};var K=(e,t,r)=>I(e,typeof t!="symbol"?t+"":t,r);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),C=require("react"),he=require("clsx"),ye=require("tailwind-merge"),ve=require("class-variance-authority"),_=require("lucide-react");function we(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const k=we(C);class R{static create(t){const a={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"}}[t];return{value:a.px,rem:`${a.px/16}rem`,px:`${a.px}px`,tailwind:a.tailwind,description:a.description}}}const je={none:R.create("none"),sm:R.create("sm"),md:R.create("md"),lg:R.create("lg"),xl:R.create("xl"),"2xl":R.create("2xl"),"3xl":R.create("3xl"),full:R.create("full")};function S(e){return je[e].tailwind}class j{static create(t){const r=t*this.BASE_UNIT,a=r/16;return{value:r,rem:`${a}rem`,px:`${r}px`,tailwind:this.getTailwindClass(t)}}static getTailwindClass(t){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"}[t]||String(t)}}K(j,"BASE_UNIT",4);const Ne={none:j.create(0),"0.5":j.create(.5),xs:j.create(1),"1.5":j.create(1.5),sm:j.create(2),"2.5":j.create(2.5),md:j.create(3),"3.5":j.create(3.5),base:j.create(4),lg:j.create(6),xl:j.create(8),"2xl":j.create(10),"3xl":j.create(12),"4xl":j.create(16),"5xl":j.create(20),"6xl":j.create(24)};function l(e,t="p"){const a=Ne[e].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"}[t]}-${a}`}class N{static createFontSize(t){const a={"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"}}[t];return{value:a.px,rem:`${a.px/16}rem`,px:`${a.px}px`,tailwind:a.tailwind}}static createLineHeight(t){const a={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"}}[t];return{value:a.value,tailwind:a.tailwind}}static createFontWeight(t){const a={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"}}[t];return{value:a.value,tailwind:a.tailwind}}static create(t,r="normal",a="normal"){return{fontSize:this.createFontSize(t),lineHeight:this.createLineHeight(r),fontWeight:this.createFontWeight(a)}}}N.createFontWeight("light"),N.createFontWeight("normal"),N.createFontWeight("medium"),N.createFontWeight("semibold"),N.createFontWeight("bold");const B={h1:N.create("4xl","tight","bold"),h2:N.create("3xl","tight","bold"),h3:N.create("2xl","snug","semibold"),h4:N.create("xl","snug","semibold"),h5:N.create("lg","normal","medium"),h6:N.create("base","normal","medium"),body:N.create("base","relaxed","normal"),bodySmall:N.create("sm","relaxed","normal"),bodyLarge:N.create("lg","relaxed","normal"),label:N.create("sm","normal","medium"),caption:N.create("xs","normal","normal"),button:N.create("base","normal","medium")};function V(e){const t=B[e];return`${t.fontSize.tailwind} ${t.lineHeight.tailwind} ${t.fontWeight.tailwind}`}function $(e){return B[e].fontSize.tailwind}function z(e){return B[e].fontWeight.tailwind}function i(...e){return ye.twMerge(he.clsx(e))}const L=(e,t)=>{const r=ve.cva(e,t);return(a=>{const s=r(a);return i(s)})},Se=L(i("inline-flex","items-center","justify-center",z("label"),S("md"),"border"),{variants:{variant:{success:"",warning:"",error:"",info:"",neutral:"",primary:"",secondary:""},size:{sm:i(l("1.5","px"),l("0.5","py"),$("caption")),md:i(l("sm","px"),l("xs","py"),$("caption")),lg:i(l("sm","px"),l("xs","py"),$("bodySmall"))},style:{solid:"",outline:""}},compoundVariants:[{variant:"success",style:"solid",class:i("bg-success-bg","text-success-dark","border-success")},{variant:"warning",style:"solid",class:i("bg-warning-bg","text-warning-dark","border-warning")},{variant:"error",style:"solid",class:i("bg-error-bg","text-error-dark","border-error")},{variant:"info",style:"solid",class:i("bg-info-bg","text-info-dark","border-info")},{variant:"neutral",style:"solid",class:i("bg-surface-muted","text-fg-primary","border-line-default")},{variant:"primary",style:"solid",class:i("bg-surface-brand-subtle","text-fg-brand-emphasis","border-line-brand")},{variant:"secondary",style:"solid",class:i("bg-pink-300","text-fg-brand-secondary-emphasis","border-line-secondary")},{variant:"success",style:"outline",class:i("bg-transparent","border-success","text-fg-success")},{variant:"warning",style:"outline",class:i("bg-transparent","border-warning","text-fg-warning")},{variant:"error",style:"outline",class:i("bg-transparent","border-error","text-fg-error")},{variant:"info",style:"outline",class:i("bg-transparent","border-info","text-fg-info")},{variant:"neutral",style:"outline",class:i("bg-transparent","border-line-default","text-fg-secondary")},{variant:"primary",style:"outline",class:i("bg-transparent","border-line-brand","text-fg-brand")},{variant:"secondary",style:"outline",class:i("bg-transparent","border-line-secondary","text-fg-brand-secondary")}],defaultVariants:{variant:"neutral",size:"md",style:"solid"}}),J=C.memo(C.forwardRef(function(b,x){var m=b,{variant:t="neutral",size:r="md",style:a="solid",className:s="",children:o,"aria-label":c}=m,d=p(m,["variant","size","style","className","children","aria-label"]);const g=i(Se({variant:t,size:r,style:a}),s);let f;if(c)f=c;else if(typeof o=="string")f=o;else if(typeof o=="object"&&o!==null&&"props"in o){const h=o.props;h!=null&&h.children&&typeof h.children=="string"&&(f=h.children)}return n.jsx("span",y(u({ref:x,role:"status","aria-label":f,className:g},d),{children:o}))}));J.displayName="Badge";function G(e,t){if(typeof e=="function")return e(t);e!=null&&(e.current=t)}function $e(...e){return t=>{let r=!1;const a=e.map(s=>{const o=G(s,t);return!r&&typeof o=="function"&&(r=!0),o});if(r)return()=>{for(let s=0;s<a.length;s++){const o=a[s];typeof o=="function"?o():G(e[s],null)}}}}function Ce(...e){return k.useCallback($e(...e),e)}function ke(e){const t=k.forwardRef((r,a)=>{var h;let f=r,{children:s}=f,o=p(f,["children"]),c=null,d=!1;const x=[];X(s)&&typeof P=="function"&&(s=P(s._payload)),k.Children.forEach(s,v=>{var w;if(Ve(v)){d=!0;const A=v;let T="child"in A.props?A.props.child:A.props.children;X(T)&&typeof P=="function"&&(T=P(T._payload)),c=Ae(A,T),x.push((w=c==null?void 0:c.props)==null?void 0:w.children)}else x.push(v)}),c?c=k.cloneElement(c,void 0,x):!d&&k.Children.count(s)===1&&k.isValidElement(s)&&(c=s);const b=c?Re(c):void 0,m=Ce(a,b);if(!c){if(s||s===0)throw new Error(d?He(e):Me(e));return s}const g=Le(o,(h=c.props)!=null?h:{});return c.type!==k.Fragment&&(g.ref=a?m:b),k.cloneElement(c,g)});return t.displayName=`${e}.Slot`,t}var Te=ke("Slot"),Ee=Symbol.for("radix.slottable"),Ae=(e,t)=>{if("child"in e.props){const r=e.props.child;return k.isValidElement(r)?k.cloneElement(r,void 0,e.props.children(r.props.children)):null}return k.isValidElement(t)?t:null};function Le(e,t){const r=u({},t);for(const a in t){const s=e[a],o=t[a];/^on[A-Z]/.test(a)?s&&o?r[a]=(...d)=>{const x=o(...d);return s(...d),x}:s&&(r[a]=s):a==="style"?r[a]=u(u({},s),o):a==="className"&&(r[a]=[s,o].filter(Boolean).join(" "))}return u(u({},e),r)}function Re(e){var a,s;let t=(a=Object.getOwnPropertyDescriptor(e.props,"ref"))==null?void 0:a.get,r=t&&"isReactWarning"in t&&t.isReactWarning;return r?e.ref:(t=(s=Object.getOwnPropertyDescriptor(e,"ref"))==null?void 0:s.get,r=t&&"isReactWarning"in t&&t.isReactWarning,r?e.props.ref:e.props.ref||e.ref)}function Ve(e){return k.isValidElement(e)&&typeof e.type=="function"&&"__radixId"in e.type&&e.type.__radixId===Ee}var De=Symbol.for("react.lazy");function X(e){return e!=null&&typeof e=="object"&&"$$typeof"in e&&e.$$typeof===De&&"_payload"in e&&Fe(e._payload)}function Fe(e){return typeof e=="object"&&e!==null&&"then"in e}var Me=e=>`${e} failed to slot onto its children. Expected a single React element child or \`Slottable\`.`,He=e=>`${e} failed to slot onto its \`Slottable\`. Expected \`Slottable\` to receive a single React element child.`,P=k[" use ".trim().toString()];const Y=L(i("inline-flex","items-center","font-medium",S("full"),l("xs","gap")),{variants:{variant:{default:i("bg-surface-muted","text-fg-primary","border","border-line-default"),outlined:i("bg-transparent","text-fg-primary","border","border-line-default"),filled:i("bg-surface-brand-strong","text-fg-inverse","border","border-transparent")},size:{sm:i(l("xs","px"),l("xs","py"),$("caption")),md:i(l("sm","px"),l("xs","py"),$("bodySmall")),lg:i(l("md","px"),l("sm","py"),$("body"))},selected:{true:i("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}}),Q=C.forwardRef(function(t,r){const{children:a,variant:s="default",size:o="md",selected:c=!1,disabled:d=!1,className:x="","aria-label":b,tabIndex:m,asChild:g=!1}=t,h=(()=>{if(b)return b;if(typeof a=="string")return a;if(typeof a=="object"&&a!==null&&"props"in a){const E=a.props;if(E!=null&&E.children&&typeof E.children=="string")return E.children}})();if(g)return n.jsx(Te,{ref:r,className:i(Y({variant:s,size:o,selected:c,disabled:d}),x),"aria-label":b,"aria-disabled":d||void 0,tabIndex:m,children:a});const{onRemove:v,onClick:w}=t,A=w!==void 0,T=A&&!d,H=E=>{d||(E.key==="Enter"||E.key===" ")&&(E.preventDefault(),w==null||w())};return n.jsxs("div",{ref:r,className:i(Y({variant:s,size:o,selected:c,disabled:d}),v&&l("xs","pr"),x),"aria-disabled":d,children:[A?n.jsx("button",{type:"button",onClick:d?void 0:w,onKeyDown:H,disabled:d,"aria-pressed":c?!0:void 0,"aria-label":b||h,tabIndex:m!==void 0?m:T?0:void 0,className:i("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",S("full")),children:a}):n.jsx("span",{children:a}),v&&!d&&n.jsx("button",{type:"button",onClick:E=>{E.stopPropagation(),v()},className:i(l("xs","ml"),"hover:bg-tint-hover",S("full"),l("xs","p"),"transition-colors","focus:outline-none","focus:ring-2","focus:ring-line-focus","focus:ring-offset-1"),"aria-label":`Remove ${h||"chip"}`,children:n.jsx(_.X,{className:"h-3 w-3","aria-hidden":"true"})})]})});Q.displayName="Chip";function _e(s){var o=s,{message:e,id:t,className:r=""}=o,a=p(o,["message","id","className"]);const c=[l("xs","mt"),$("bodySmall"),"text-fg-error","flex","items-center",l("xs","gap")],d=i(...c,r);return n.jsxs("div",y(u({role:"alert",id:t,className:d,"aria-live":"polite"},a),{children:[n.jsx(_.AlertCircle,{className:"h-4 w-4 shrink-0","aria-hidden":"true"}),n.jsx("span",{children:e})]}))}function ze(a){var s=a,{variant:e="info",className:t}=s,r=p(s,["variant","className"]);const o={warning:i("bg-warning-bg","text-warning-dark","border-warning"),error:i("bg-error-bg","text-error-dark","border-error"),info:i("bg-info-bg","text-info-dark","border-info")};return n.jsx("div",u({role:"alert",className:i("border",l("base","px"),l("sm","py"),S("lg"),o[e],t)},r))}const Oe=i("block",$("label"),z("label"),"text-fg-primary"),Pe={default:"",required:i("after:content-['*']",`after:${l("0.5","ml")}`,"after:text-fg-error"),optional:i("after:content-['(optional)']",`after:${l("xs","ml")}`,"after:text-fg-tertiary","after:font-normal")},ee=C.memo(C.forwardRef(function(c,o){var d=c,{variant:t="default",className:r="",children:a}=d,s=p(d,["variant","className","children"]);const x=i(Oe,Pe[t],r);return n.jsx("label",y(u({ref:o,className:x},s),{children:a}))}));ee.displayName="Label";class D{static create(t){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"}}[t]}}const Ie={none:D.create("none"),sm:D.create("sm"),md:D.create("md"),lg:D.create("lg"),xl:D.create("xl"),"2xl":D.create("2xl"),inner:D.create("inner")};function W(e){return Ie[e].tailwind}const We=L("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"}}),Z=L("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=C.forwardRef(function(g,m){var f=g,{value:t,max:r=100,variant:a="primary",size:s="md",showLabel:o=!1,label:c,"aria-label":d,className:x=""}=f,b=p(f,["value","max","variant","size","showLabel","label","aria-label","className"]);const h=t===void 0,v=h?void 0:Math.min(Math.max(t/r*100,0),100),w=d||(h?"Loading in progress":`Progress: ${v==null?void 0:v.toFixed(0)}%`);return n.jsxs("div",y(u({ref:m,className:i("w-full",x)},b),{children:[o&&(c||!h)&&n.jsxs("div",{className:i("flex","items-center","justify-between",l("xs","mb")),children:[c&&n.jsx("span",{className:i($("bodySmall"),z("label"),"text-fg-primary"),children:c}),!h&&v!==void 0&&n.jsxs("span",{className:i($("bodySmall"),"text-fg-secondary"),children:[v.toFixed(0),"%"]})]}),n.jsx("div",{role:"progressbar","aria-valuemin":h?void 0:0,"aria-valuemax":h?void 0:r,"aria-valuenow":h?void 0:t,"aria-label":w,"aria-busy":h,className:i("relative","w-full","overflow-hidden",We({size:s,variant:a}),S("full")),children:h?n.jsx("div",{className:i("absolute","top-0","left-0","bottom-0",Z({variant:a}),S("full"),"motion-reduce:animate-none"),style:{width:"30%",animation:"progress-indeterminate 1.5s ease-in-out infinite"}}):n.jsx("div",{className:i("h-full",Z({variant:a}),S("full"),"transition-all","duration-300","ease-out"),style:{width:`${v}%`},"aria-hidden":"true"})})]}))});ae.displayName="Progress";const Be={horizontal:"w-full border-t",vertical:"h-full border-l self-stretch"},Ue={solid:"border-solid",dashed:"border-dashed",dotted:"border-dotted"},te=C.memo(function(o){var c=o,{orientation:t="horizontal",variant:r="solid",className:a=""}=c,s=p(c,["orientation","variant","className"]);const d=i("border-0","border-line-default",Be[t],Ue[r],a);return t==="vertical"?n.jsx("div",u({className:d,role:"separator","aria-orientation":"vertical"},s)):n.jsx("hr",u({className:d,role:"separator","aria-orientation":"horizontal"},s))});te.displayName="Separator";function qe(d){var x=d,{variant:e="text",width:t,height:r,lines:a=1,className:s="","aria-label":o}=x,c=p(x,["variant","width","height","lines","className","aria-label"]);const b=["motion-safe:animate-pulse","bg-surface-muted",S("sm")],m={text:"h-4",card:"h-32",list:"h-12",circle:S("full")},g=i(...b,m[e],s),f={};t&&(f.width=t),r&&(f.height=r);const h=o||`Loading ${e} content`;return e==="text"&&a>1?n.jsx("div",y(u({className:l("sm","space-y"),role:"status","aria-busy":"true","aria-label":h},c),{children:Array.from({length:a}).map((v,w)=>n.jsx("div",{className:g,style:w===a-1?{width:"75%"}:f,"aria-hidden":"true"},w))})):n.jsx("div",u({className:g,style:f,role:"status","aria-busy":"true","aria-label":h},c))}const Ke=L("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"}}),re=C.memo(function(c){var d=c,{size:t="md",variant:r="primary",label:a,className:s=""}=d,o=p(d,["size","variant","label","className"]);return n.jsxs("div",y(u({className:i("inline-flex","items-center",s),role:"status","aria-label":a||"Loading","aria-live":"polite"},o),{children:[n.jsx(_.Loader2,{className:i(Ke({size:t,variant:r})),"aria-hidden":"true"}),a&&n.jsx("span",{className:i(l("sm","ml"),$("bodySmall"),"text-fg-secondary","sr-only"),children:a})]}))});re.displayName="Spinner";const Ge={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 Xe(b,x){var m=b,{variant:e="paragraph",bold:t,italic:r,className:a,as:s,colorRole:o="neutral",colorShade:c="dark"}=m,d=p(m,["variant","bold","italic","className","as","colorRole","colorShade"]);const g=[];let f;if(s)f=s;else switch(e){case"heading":f="h2";break;case"list":f="li";break;default:f="p";break}return e==="heading"?g.push(V("h2")):e==="body"||e==="paragraph"?g.push(V("body")):e==="bodySmall"?g.push(V("bodySmall")):e==="bodyLarge"?g.push(V("bodyLarge")):e==="caption"?g.push(V("caption")):e==="label"?g.push(V("label")):g.push(V("body")),t&&g.push("font-bold"),r&&g.push("italic"),g.push(Ge[o][c]),n.jsx(f,u({ref:x,className:i(...g,a)},d))}const F=C.forwardRef(Xe),Ye={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"},se=C.forwardRef((x,d)=>{var b=x,{className:e,maxWidth:t="lg",paddingX:r="base",paddingY:a="base",center:s=!0,children:o}=b,c=p(b,["className","maxWidth","paddingX","paddingY","center","children"]);return n.jsx("div",y(u({ref:d,className:i("w-full",Ye[t],l(r,"px"),l(a,"py"),s&&"mx-auto",e)},c),{children:o}))});se.displayName="Container";const ne=C.forwardRef((x,d)=>{var b=x,{className:e,spacing:t="base",align:r="stretch",justify:a="start",direction:s="column",children:o}=b,c=p(b,["className","spacing","align","justify","direction","children"]);const m=s==="column"?l(t,"gap-y"):l(t,"gap-x"),g={start:"items-start",center:"items-center",end:"items-end",stretch:"items-stretch"},f={start:"justify-start",center:"justify-center",end:"justify-end",between:"justify-between",around:"justify-around",evenly:"justify-evenly"};return n.jsx("div",y(u({ref:d,className:i("flex",s==="column"?"flex-col":"flex-row",m,g[r],f[a],e)},c),{children:o}))});ne.displayName="Stack";function ie(s){var o=s,{items:e,separator:t="/",className:r=""}=o,a=p(o,["items","separator","className"]);const c=["flex","items-center",l("sm","space-x"),$("bodySmall")],d=i(...c,r);return n.jsx("nav",y(u({"aria-label":"Breadcrumb",className:d},a),{children:n.jsx("ol",{className:i("flex","items-center",l("sm","space-x")),children:e.map((x,b)=>{const m=b===e.length-1;return n.jsxs("li",{className:"flex items-center",children:[b>0&&n.jsx("span",{className:i(l("sm","mx"),"text-fg-tertiary"),"aria-hidden":"true",children:t}),m?n.jsx("span",{className:i("text-fg-primary",z("label")),"aria-current":"page",children:x.label}):x.href?n.jsx("a",{href:x.href,className:i("inline-flex","items-center",l("xs","px"),l("xs","pt"),"border-b-2","border-transparent",$("bodySmall"),z("label"),"transition-colors","text-fg-secondary","hover:border-line-emphasis","hover:text-fg-primary"),children:x.label}):n.jsx("span",{className:"text-fg-secondary",children:x.label})]},b)})})}))}function le(a){var s=a,{children:e,className:t}=s,r=p(s,["children","className"]);return n.jsx("div",y(u({className:i("grid items-start",l("1.5","gap"),l("base","mb"),"[&:has([data-card-actions])]:grid-cols-[1fr_auto]","[&:has([data-card-actions])>[data-card-actions]]:row-span-full",t)},r),{children:e}))}function oe(c){var d=c,{children:e,icon:t,badge:r,as:a="h2",className:s}=d,o=p(d,["children","icon","badge","as","className"]);return n.jsxs(a,y(u({className:i("text-base font-semibold text-fg-primary","flex items-center",l("sm","gap"),s)},o),{children:[t?n.jsx("span",{className:"shrink-0 inline-flex",children:t}):null,n.jsx("span",{children:e}),r?n.jsx("span",{className:"inline-flex",children:r}):null]}))}function ce(a){var s=a,{children:e,className:t}=s,r=p(s,["children","className"]);return n.jsx("p",y(u({className:i("text-sm text-fg-secondary",t)},r),{children:e}))}function de(a){var s=a,{children:e,className:t}=s,r=p(s,["children","className"]);return n.jsx("div",y(u({"data-card-actions":"",className:i("flex items-center self-start",l("sm","gap"),t)},r),{children:e}))}function ue(a){var s=a,{children:e,className:t}=s,r=p(s,["children","className"]);return n.jsx("div",y(u({className:i(t)},r),{children:e}))}function Ze(b){var m=b,{variant:e="default",padding:t="medium",className:r="",onClick:a,"aria-label":s,"aria-labelledby":o,asSection:c=!1,children:d}=m,x=p(m,["variant","padding","className","onClick","aria-label","aria-labelledby","asSection","children"]);typeof process!="undefined"&&process.env.NODE_ENV!=="production"&&c&&!s&&!o&&console.warn("[Card] `asSection={true}` requires an accessible name. Pass `aria-labelledby` pointing to your Card.Title `id`, or `aria-label`. A <section> without a name is an anonymous landmark that hurts screen-reader navigation.");const g=L(i("bg-surface-base",S("lg"),"border","border-line-default",W("sm")),{variants:{variant:{default:"",hover:i(`hover:${W("md")}`,"transition-shadow","cursor-pointer"),selected:i("border-line-brand",W("md"))},padding:{none:"",small:l("xs","p"),medium:l("base","p"),large:l("lg","p")}},defaultVariants:{variant:"default",padding:"medium"}}),f=a!==void 0,h=f?"button":void 0,v=f?0:void 0,w=i(g({variant:e,padding:t}),r),T=u({className:w,role:h,tabIndex:v,onClick:a,onKeyDown:f?H=>{f&&(H.key==="Enter"||H.key===" ")&&(H.preventDefault(),a==null||a())}:void 0,"aria-label":s,"aria-labelledby":o},x);return c?n.jsx("section",y(u({},T),{children:d})):n.jsx("div",y(u({},T),{children:d}))}const fe=C.memo(Ze);fe.displayName="Card";const M=fe;M.Header=le;M.Title=oe;M.Subtitle=ce;M.Actions=de;M.Body=ue;function Je(a){var s=a,{children:e,className:t=""}=s,r=p(s,["children","className"]);return n.jsx("div",y(u({className:`flex flex-col ${l("1.5","space-y")} ${l("lg","p")} ${l("base","pb")} ${t}`},r),{children:e}))}function Qe(a){var s=a,{children:e,className:t=""}=s,r=p(s,["children","className"]);return n.jsx("div",y(u({className:`flex flex-col-reverse sm:flex-row sm:justify-end sm:${l("sm","space-x")} ${l("lg","p")} ${l("base","pt")} ${t}`},r),{children:e}))}function ea(a){var s=a,{children:e,className:t=""}=s,r=p(s,["children","className"]);return n.jsx("div",y(u({className:`
|
|
2
2
|
${l("lg","p")}
|
|
3
3
|
border-b
|
|
4
4
|
border-line-default
|
|
5
5
|
${t}
|
|
6
|
-
`},r),{children:e}))}function
|
|
6
|
+
`},r),{children:e}))}function aa(a){var s=a,{children:e,className:t=""}=s,r=p(s,["children","className"]);return n.jsx("div",y(u({className:`
|
|
7
7
|
${l("lg","p")}
|
|
8
8
|
border-t
|
|
9
9
|
border-line-default
|
|
@@ -11,35 +11,35 @@
|
|
|
11
11
|
justify-end
|
|
12
12
|
${l("sm","gap")}
|
|
13
13
|
${t}
|
|
14
|
-
`},r),{children:e}))}function
|
|
14
|
+
`},r),{children:e}))}function ta(o){var c=o,{label:e,children:t,wrap:r=!0,className:a}=c,s=p(c,["label","children","wrap","className"]);const x=!(s["aria-label"]!=null||s["aria-labelledby"]!=null)&&typeof e=="string"&&e!==""?e:void 0;return n.jsxs("div",y(u({role:"group","aria-label":x,className:i("flex items-center",r?"flex-wrap":"flex-nowrap",l("sm","gap"),a)},s),{children:[e?n.jsx("span",{className:"shrink-0 text-fg-secondary text-sm",children:e}):null,t]}))}function ra({children:e,className:t}){return n.jsx("div",{className:i("flex-shrink-0 flex items-center",l("sm","gap"),t),children:e})}function sa({children:e,className:t}){return n.jsx("nav",{className:i("flex-1 flex items-center justify-center",l("base","gap"),"hidden md:flex",t),"aria-label":"Main navigation",children:e})}const na=L(i("w-full flex flex-col",l("2xl","py"),l("lg","px"),l("xl","gap-y")),{variants:{variant:{plain:"",gradient:"hero-gradient","gradient-glow":i("hero-gradient","hero-glow")},align:{start:"text-left",center:"text-center"}},defaultVariants:{variant:"plain",align:"start"}}),ia={start:"items-start",center:"items-center"},la={start:"justify-start",center:"justify-center"},xe=C.forwardRef(function(v,h){var w=v,{kicker:t,title:r,description:a,actions:s,kpis:o,meta:c,variant:d="plain",align:x="start",className:b,"aria-label":m,"aria-labelledby":g}=w,f=p(w,["kicker","title","description","actions","kpis","meta","variant","align","className","aria-label","aria-labelledby"]);const A=m!=null||g!=null,T=m!=null?m:typeof r=="string"?r:void 0;return typeof process!="undefined"&&process.env.NODE_ENV!=="production"&&!A&&typeof r!="string"&&console.warn("[HeroSection] A non-string `title` was provided without `aria-label` or `aria-labelledby`. The hero <section> landmark will have no accessible name. Pass `aria-label`, or set `aria-labelledby` to your title's id."),n.jsxs("section",y(u({ref:h,className:i(na({variant:d,align:x}),b),"aria-label":T,"aria-labelledby":g},f),{children:[n.jsxs("div",{className:i("flex flex-col",l("md","gap-y"),ia[x]),children:[t?n.jsx(F,{as:"span",variant:"caption",colorRole:"primary",colorShade:"DEFAULT",className:"text-sm font-semibold tracking-wide uppercase",children:t}):null,n.jsx(F,{as:"h1",variant:"heading",className:"text-3xl font-bold tracking-tight sm:text-4xl",children:r}),a?n.jsx(F,{as:"p",variant:"body",colorRole:"neutral",colorShade:"DEFAULT",className:"max-w-2xl text-base leading-relaxed sm:text-lg",children:a}):null]}),s?n.jsx("div",{className:i("flex flex-wrap",l("sm","gap"),la[x]),children:s}):null,o?n.jsx("div",{className:"w-full",children:o}):null,c?n.jsx(F,{as:"p",variant:"caption",colorRole:"neutral",colorShade:"light",className:"text-sm",children:c}):null]}))});xe.displayName="HeroSection";function oa(r){var a=r,{className:e=""}=a,t=p(a,["className"]);return n.jsx("div",u({role:"separator",className:`
|
|
15
15
|
h-px
|
|
16
16
|
bg-line-default
|
|
17
17
|
${l("sm","my")}
|
|
18
18
|
${e}
|
|
19
|
-
`},t))}function
|
|
19
|
+
`},t))}function ca(a){var s=a,{orientation:e="horizontal",className:t=""}=s,r=p(s,["orientation","className"]);return e==="vertical"?n.jsx("div",u({className:i("w-px","h-6","bg-line-default","mx-auto",t),role:"separator","aria-orientation":"vertical"},r)):n.jsx("div",u({className:i("w-full","h-px","bg-line-default",l("sm","my"),"flex-shrink-0",t),role:"separator","aria-orientation":"horizontal",style:{willChange:"auto",transform:"none"}},r))}const da=L(i("w-full","flex","flex-col",l("sm","gap")),{variants:{variant:{default:i(l("base","mb")),compact:i(l("sm","mb"))}},defaultVariants:{variant:"default"}});function ua(d){var x=d,{title:e,description:t,breadcrumb:r,actions:a,variant:s="default",className:o}=x,c=p(x,["title","description","breadcrumb","actions","variant","className"]);return n.jsxs("div",y(u({className:i(da({variant:s}),o)},c),{children:[r&&r.length>0&&n.jsx(ie,{items:r}),n.jsxs("div",{className:`flex items-start justify-between ${l("base","gap")}`,children:[n.jsxs("div",{className:"flex-1 min-w-0",children:[n.jsx(F,{variant:"heading",as:"h1",className:`${l("sm","mb")} text-2xl font-bold`,children:e}),t&&n.jsx(F,{variant:"body",className:"text-fg-secondary",children:t})]}),a&&n.jsx("div",{className:`flex items-center ${l("sm","gap")} flex-shrink-0`,children:a})]})]}))}const fa={start:"items-start text-left",center:"items-center text-center"},xa={neutral:"text-fg-tertiary",success:"text-fg-success",warning:"text-fg-warning",error:"text-fg-error"};function pa(x){var b=x,{value:e,label:t,hint:r,icon:a,align:s="start",tone:o="neutral",className:c}=b,d=p(b,["value","label","hint","icon","align","tone","className"]);const m=e==null;return n.jsxs("div",y(u({className:i("bg-surface-base flex-1 flex flex-col",l("base","p"),l("xs","gap-y"),fa[s],c)},d),{children:[a?n.jsx("span",{className:"text-icon-default inline-flex",children:a}):null,m?n.jsx("span",{"aria-label":"No data",className:"text-fg-tertiary text-2xl font-semibold leading-tight",children:"—"}):n.jsx("span",{className:"text-fg-primary text-2xl font-semibold leading-tight",children:e}),n.jsx("span",{className:"text-fg-secondary text-sm",children:t}),r?n.jsx("span",{className:i("text-xs",xa[o]),children:r}):null]}))}const ma={2:"md:grid-cols-2",3:"md:grid-cols-3",4:"md:grid-cols-4"};function ga(o){var c=o,{layout:e="grid",cols:t=4,className:r,children:a}=c,s=p(c,["layout","cols","className","children"]);const d=e==="grid";return n.jsx("div",y(u({className:i("bg-line-default border border-line-default overflow-hidden gap-px",S("lg"),d?`grid grid-cols-2 ${ma[t]}`:"flex",r)},s),{children:a}))}function ba(s){var o=s,{column:e,row:t,className:r=""}=o,a=p(o,["column","row","className"]);const c=e.key in t?t[e.key]:void 0;return n.jsx("td",y(u({className:`${l("lg","px")} ${l("base","py")} whitespace-nowrap text-sm text-fg-primary ${e.hiddenOnMobile?"hidden md:table-cell":""} ${r}`},a),{children:e.render?e.render(c,t):String(c!=null?c:"")}))}const ha=L(i("flex items-center","border-b"),{variants:{variant:{default:i("border-line-default",l("base","gap-x")),sub:i("border-line-muted",l("sm","gap-x"))}},defaultVariants:{variant:"default"}}),ya=L(i("relative -mb-px inline-flex items-center",l("xs","gap-x"),"border-b-2 border-transparent","transition-colors","focus:outline-none","focus-visible:ring-2","focus-visible:ring-line-focus","focus-visible:ring-offset-2",S("sm")),{variants:{variant:{default:i(l("sm","px"),l("sm","py"),$("body")),sub:i(l("sm","px"),l("xs","py"),$("bodySmall"))},active:{true:i("border-line-brand","text-fg-brand-emphasis","font-medium"),false:i("text-fg-secondary","hover:text-fg-primary","hover:border-line-muted")}},compoundVariants:[{variant:"sub",active:!1,class:i("text-fg-tertiary","hover:text-fg-secondary")}],defaultVariants:{variant:"default",active:!1}}),va=i("inline-flex items-center justify-center",S("full"),l("xs","px"),"bg-surface-muted text-fg-secondary text-xs"),pe=C.forwardRef(function(b,x){var m=b,{items:t,variant:r="default",linkComponent:a,className:s,"aria-label":o,"aria-labelledby":c}=m,d=p(m,["items","variant","linkComponent","className","aria-label","aria-labelledby"]);typeof process!="undefined"&&process.env.NODE_ENV!=="production"&&!o&&!c&&console.warn('[TabsAsLinks] renders a <nav> landmark and should have an accessible name. Pass `aria-label` (e.g. "Painel") or `aria-labelledby` — multiple unnamed navs on a page are ambiguous to screen readers.');const g=a!=null?a:"a";return n.jsx("nav",y(u({ref:x,className:i(ha({variant:r}),s),"aria-label":o,"aria-labelledby":c},d),{children:t.map((f,h)=>n.jsxs(g,{href:f.href,"aria-current":f.active?"page":void 0,"data-active":f.active?"true":void 0,className:ya({variant:r,active:!!f.active}),children:[f.icon?n.jsx("span",{"aria-hidden":"true",className:"inline-flex shrink-0",children:f.icon}):null,n.jsx("span",{children:f.label}),f.count!==void 0?n.jsx("span",{className:va,children:f.count}):null]},f.href||h))}))});pe.displayName="TabsAsLinks";function wa({items:e,orientation:t="vertical",className:r=""}){return t==="horizontal"?n.jsx("div",{className:`flex items-start ${r}`,children:e.map((a,s)=>{const o=a.status||(s===0?"active":s<e.findIndex(d=>d.status==="active")?"completed":"default"),c=s===e.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",y(u({},o==="default"?{"data-marker":"pending"}:{}),{className:`
|
|
20
20
|
flex
|
|
21
21
|
items-center
|
|
22
22
|
justify-center
|
|
23
23
|
w-10
|
|
24
24
|
h-10
|
|
25
|
-
${
|
|
25
|
+
${S("full")}
|
|
26
26
|
border-2
|
|
27
27
|
${o==="completed"?"bg-success border-success text-fg-inverse":o==="active"?"bg-surface-brand-strong border-line-brand text-fg-inverse":o==="error"?"bg-error border-error text-fg-inverse":"bg-surface-base border-line-emphasis text-fg-quaternary"}
|
|
28
|
-
`,children:a.icon||(o==="completed"?n.jsx(
|
|
28
|
+
`,children:a.icon||(o==="completed"?n.jsx(_.CheckCircle2,{className:"h-4 w-4"}):s+1)})),!c&&n.jsx("div",{className:`
|
|
29
29
|
w-full
|
|
30
30
|
h-0.5
|
|
31
31
|
${l("sm","mt")}
|
|
32
32
|
${o==="completed"?"bg-success":"bg-line-emphasis"}
|
|
33
|
-
`}),n.jsxs("div",{className:`${l("base","mt")} text-center ${l("base","px")}`,children:[a.timestamp&&n.jsx("p",{className:`text-xs text-fg-tertiary ${l("xs","mb")}`,children:a.timestamp}),n.jsx("h3",{className:"text-sm font-semibold text-fg-primary",children:a.title}),a.description&&n.jsx("p",{className:`text-xs text-fg-secondary ${l("xs","mt")}`,children:a.description}),a.content&&n.jsx("div",{className:l("sm","mt"),children:a.content})]})]})},a.id)})}):n.jsx("div",{className:`${l("none","space-y")} ${r}`,children:e.map((a,s)=>{const o=a.status||(s===0?"active":s<e.findIndex(
|
|
33
|
+
`}),n.jsxs("div",{className:`${l("base","mt")} text-center ${l("base","px")}`,children:[a.timestamp&&n.jsx("p",{className:`text-xs text-fg-tertiary ${l("xs","mb")}`,children:a.timestamp}),n.jsx("h3",{className:"text-sm font-semibold text-fg-primary",children:a.title}),a.description&&n.jsx("p",{className:`text-xs text-fg-secondary ${l("xs","mt")}`,children:a.description}),a.content&&n.jsx("div",{className:l("sm","mt"),children:a.content})]})]})},a.id)})}):n.jsx("div",{className:`${l("none","space-y")} ${r}`,children:e.map((a,s)=>{const o=a.status||(s===0?"active":s<e.findIndex(d=>d.status==="active")?"completed":"default"),c=s===e.length-1;return n.jsxs("div",{className:`flex items-start ${l("base","gap")}`,children:[n.jsxs("div",{className:"flex flex-col items-center",children:[n.jsx("div",y(u({},o==="default"?{"data-marker":"pending"}:{}),{className:`
|
|
34
34
|
flex
|
|
35
35
|
items-center
|
|
36
36
|
justify-center
|
|
37
37
|
w-10
|
|
38
38
|
h-10
|
|
39
|
-
${
|
|
39
|
+
${S("full")}
|
|
40
40
|
border-2
|
|
41
41
|
${o==="completed"?"bg-success border-success text-fg-inverse":o==="active"?"bg-surface-brand-strong border-line-brand text-fg-inverse":o==="error"?"bg-error border-error text-fg-inverse":"bg-surface-base border-line-emphasis text-fg-quaternary"}
|
|
42
|
-
`,children:a.icon||(o==="completed"?n.jsx(
|
|
42
|
+
`,children:a.icon||(o==="completed"?n.jsx(_.CheckCircle2,{className:"h-4 w-4"}):s+1)})),!c&&n.jsx("div",{className:`
|
|
43
43
|
w-0.5
|
|
44
44
|
flex-1
|
|
45
45
|
min-h-16
|
|
@@ -49,5 +49,5 @@
|
|
|
49
49
|
text-base
|
|
50
50
|
font-semibold
|
|
51
51
|
${o==="active"?"text-fg-brand-emphasis":"text-fg-primary"}
|
|
52
|
-
`,children:a.title}),a.description&&n.jsx("p",{className:`text-sm text-fg-secondary ${l("xs","mt")}`,children:a.description}),a.content&&n.jsx("div",{className:l("md","mt"),children:a.content})]})]},a.id)})})}exports.Badge=J;exports.Breadcrumb=ie;exports.Card=
|
|
52
|
+
`,children:a.title}),a.description&&n.jsx("p",{className:`text-sm text-fg-secondary ${l("xs","mt")}`,children:a.description}),a.content&&n.jsx("div",{className:l("md","mt"),children:a.content})]})]},a.id)})})}exports.Badge=J;exports.Breadcrumb=ie;exports.Card=M;exports.CardActions=de;exports.CardBody=ue;exports.CardHeader=le;exports.CardSubtitle=ce;exports.CardTitle=oe;exports.Chip=Q;exports.Container=se;exports.DialogFooter=Qe;exports.DialogHeader=Je;exports.DrawerFooter=aa;exports.DrawerHeader=ea;exports.ErrorMessage=_e;exports.FilterChips=ta;exports.HeaderActions=ra;exports.HeaderNavigation=sa;exports.HeroSection=xe;exports.Info=ze;exports.Label=ee;exports.MenuSeparator=oa;exports.NavbarSeparator=ca;exports.PageHeader=ua;exports.Progress=ae;exports.Separator=te;exports.Skeleton=qe;exports.Spinner=re;exports.Stack=ne;exports.Stat=pa;exports.StatGroup=ga;exports.TableCell=ba;exports.TabsAsLinks=pe;exports.Text=F;exports.Timeline=wa;
|
|
53
53
|
//# sourceMappingURL=index.cjs.map
|