@fabio.caffarello/react-design-system 4.0.0 → 4.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/granular/ui/components/Autocomplete/Autocomplete.js +97 -86
- package/dist/granular/ui/components/Autocomplete/Autocomplete.js.map +1 -1
- package/dist/granular/ui/primitives/Button/Button.js +86 -104
- package/dist/granular/ui/primitives/Button/Button.js.map +1 -1
- package/dist/index.cjs +82 -82
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +2130 -2137
- package/dist/index.js.map +1 -1
- package/dist/server/index.cjs +13 -13
- package/dist/server/index.cjs.map +1 -1
- package/dist/server/index.js +993 -752
- package/dist/server/index.js.map +1 -1
- package/dist/ui/components/Autocomplete/Autocomplete.d.ts +21 -0
- package/dist/ui/server.d.ts +2 -0
- package/package.json +1 -1
package/dist/server/index.cjs
CHANGED
|
@@ -1,53 +1,53 @@
|
|
|
1
|
-
"use strict";var ve=Object.defineProperty,we=Object.defineProperties;var je=Object.getOwnPropertyDescriptors;var O=Object.getOwnPropertySymbols;var q=Object.prototype.hasOwnProperty,K=Object.prototype.propertyIsEnumerable;var I=(e,t,r)=>t in e?ve(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)&&I(e,r,t[r]);if(O)for(var r of O(t))K.call(t,r)&&I(e,r,t[r]);return e},y=(e,t)=>we(e,je(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&&O)for(var a of O(e))t.indexOf(a)<0&&K.call(e,a)&&(r[a]=e[a]);return r};var G=(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"),Ne=require("clsx"),Se=require("tailwind-merge"),$e=require("class-variance-authority"),z=require("lucide-react");function Ce(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 T=Ce(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 ke={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 ke[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)}}G(j,"BASE_UNIT",4);const Te={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=Te[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 F(e){const t=B[e];return`${t.fontSize.tailwind} ${t.lineHeight.tailwind} ${t.fontWeight.tailwind}`}function $(e){return B[e].fontSize.tailwind}function M(e){return B[e].fontWeight.tailwind}function i(...e){return Se.twMerge(Ne.clsx(e))}const L=(e,t)=>{const r=$e.cva(e,t);return(a=>{const s=r(a);return i(s)})},Ee=L(i("inline-flex","items-center","justify-center",M("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"}}),Q=C.memo(C.forwardRef(function(h,x){var m=h,{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 b=i(Ee({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 g=o.props;g!=null&&g.children&&typeof g.children=="string"&&(f=g.children)}return n.jsx("span",y(u({ref:x,role:"status","aria-label":f,className:b},d),{children:o}))}));Q.displayName="Badge";function X(e,t){if(typeof e=="function")return e(t);e!=null&&(e.current=t)}function Ae(...e){return t=>{let r=!1;const a=e.map(s=>{const o=X(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():X(e[s],null)}}}}function Le(...e){return T.useCallback(Ae(...e),e)}function Re(e){const t=T.forwardRef((r,a)=>{var g;let f=r,{children:s}=f,o=p(f,["children"]),c=null,d=!1;const x=[];Y(s)&&typeof P=="function"&&(s=P(s._payload)),T.Children.forEach(s,v=>{var w;if(_e(v)){d=!0;const E=v;let k="child"in E.props?E.props.child:E.props.children;Y(k)&&typeof P=="function"&&(k=P(k._payload)),c=De(E,k),x.push((w=c==null?void 0:c.props)==null?void 0:w.children)}else x.push(v)}),c?c=T.cloneElement(c,void 0,x):!d&&T.Children.count(s)===1&&T.isValidElement(s)&&(c=s);const h=c?He(c):void 0,m=Le(a,h);if(!c){if(s||s===0)throw new Error(d?Ie(e):Pe(e));return s}const b=Me(o,(g=c.props)!=null?g:{});return c.type!==T.Fragment&&(b.ref=a?m:h),T.cloneElement(c,b)});return t.displayName=`${e}.Slot`,t}var Fe=Re("Slot"),Ve=Symbol.for("radix.slottable"),De=(e,t)=>{if("child"in e.props){const r=e.props.child;return T.isValidElement(r)?T.cloneElement(r,void 0,e.props.children(r.props.children)):null}return T.isValidElement(t)?t:null};function Me(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 He(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 _e(e){return T.isValidElement(e)&&typeof e.type=="function"&&"__radixId"in e.type&&e.type.__radixId===Ve}var ze=Symbol.for("react.lazy");function Y(e){return e!=null&&typeof e=="object"&&"$$typeof"in e&&e.$$typeof===ze&&"_payload"in e&&Oe(e._payload)}function Oe(e){return typeof e=="object"&&e!==null&&"then"in e}var Pe=e=>`${e} failed to slot onto its children. Expected a single React element child or \`Slottable\`.`,Ie=e=>`${e} failed to slot onto its \`Slottable\`. Expected \`Slottable\` to receive a single React element child.`,P=T[" use ".trim().toString()];const Z=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}}),ee=C.forwardRef(function(t,r){const{children:a,variant:s="default",size:o="md",selected:c=!1,disabled:d=!1,className:x="","aria-label":h,tabIndex:m,asChild:b=!1}=t,g=(()=>{if(h)return h;if(typeof a=="string")return a;if(typeof a=="object"&&a!==null&&"props"in a){const A=a.props;if(A!=null&&A.children&&typeof A.children=="string")return A.children}})();if(b)return n.jsx(Fe,{ref:r,className:i(Z({variant:s,size:o,selected:c,disabled:d}),x),"aria-label":h,"aria-disabled":d||void 0,tabIndex:m,children:a});const{onRemove:v,onClick:w,count:E}=t,k=w!==void 0,_=k&&!d,ge=A=>{d||(A.key==="Enter"||A.key===" ")&&(A.preventDefault(),w==null||w())},U=E!==void 0,be=c||s==="filled",he=U?n.jsx("span",{"aria-hidden":k||void 0,className:i("inline-flex","items-center","justify-center","tabular-nums","leading-none",S("full"),l("xs","px"),l("0.5","py"),$("caption"),M("label"),be?i("bg-surface-base","text-fg-brand-emphasis"):i("bg-surface-brand-strong","text-fg-inverse")),children:E}):null,ye=U&&g!==void 0?`${g}, ${E}`:g;return n.jsxs("div",{ref:r,className:i(Z({variant:s,size:o,selected:c,disabled:d}),v&&l("xs","pr"),x),"aria-disabled":d,children:[k?n.jsx("button",{type:"button",onClick:d?void 0:w,onKeyDown:ge,disabled:d,"aria-pressed":c?!0:void 0,"aria-label":h||ye,tabIndex:m!==void 0?m:_?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}),he,v&&!d&&n.jsx("button",{type:"button",onClick:A=>{A.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 ${g||"chip"}`,children:n.jsx(z.X,{className:"h-3 w-3","aria-hidden":"true"})})]})});ee.displayName="Chip";function We(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(z.AlertCircle,{className:"h-4 w-4 shrink-0","aria-hidden":"true"}),n.jsx("span",{children:e})]}))}function Be(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 Ue=i("block",$("label"),M("label"),"text-fg-primary"),qe={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")},ae=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(Ue,qe[t],r);return n.jsx("label",y(u({ref:o,className:x},s),{children:a}))}));ae.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 Ke={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 W(e){return Ke[e].tailwind}const Ge=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"}}),J=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"}}),te=C.forwardRef(function(b,m){var f=b,{value:t,max:r=100,variant:a="primary",size:s="md",showLabel:o=!1,label:c,"aria-label":d,className:x=""}=f,h=p(f,["value","max","variant","size","showLabel","label","aria-label","className"]);const g=t===void 0,v=g?void 0:Math.min(Math.max(t/r*100,0),100),w=d||(g?"Loading in progress":`Progress: ${v==null?void 0:v.toFixed(0)}%`);return n.jsxs("div",y(u({ref:m,className:i("w-full",x)},h),{children:[o&&(c||!g)&&n.jsxs("div",{className:i("flex","items-center","justify-between",l("xs","mb")),children:[c&&n.jsx("span",{className:i($("bodySmall"),M("label"),"text-fg-primary"),children:c}),!g&&v!==void 0&&n.jsxs("span",{className:i($("bodySmall"),"text-fg-secondary"),children:[v.toFixed(0),"%"]})]}),n.jsx("div",{role:"progressbar","aria-valuemin":g?void 0:0,"aria-valuemax":g?void 0:r,"aria-valuenow":g?void 0:t,"aria-label":w,"aria-busy":g,className:i("relative","w-full","overflow-hidden",Ge({size:s,variant:a}),S("full")),children:g?n.jsx("div",{className:i("absolute","top-0","left-0","bottom-0",J({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",J({variant:a}),S("full"),"transition-all","duration-300","ease-out"),style:{width:`${v}%`},"aria-hidden":"true"})})]}))});te.displayName="Progress";const Xe={horizontal:"w-full border-t",vertical:"h-full border-l self-stretch"},Ye={solid:"border-solid",dashed:"border-dashed",dotted:"border-dotted"},re=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",Xe[t],Ye[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))});re.displayName="Separator";function Ze(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 h=["motion-safe:animate-pulse","bg-surface-muted",S("sm")],m={text:"h-4",card:"h-32",list:"h-12",circle:S("full")},b=i(...h,m[e],s),f={};t&&(f.width=t),r&&(f.height=r);const g=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":g},c),{children:Array.from({length:a}).map((v,w)=>n.jsx("div",{className:b,style:w===a-1?{width:"75%"}:f,"aria-hidden":"true"},w))})):n.jsx("div",u({className:b,style:f,role:"status","aria-busy":"true","aria-label":g},c))}const Je=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"}}),se=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(z.Loader2,{className:i(Je({size:t,variant:r})),"aria-hidden":"true"}),a&&n.jsx("span",{className:i(l("sm","ml"),$("bodySmall"),"text-fg-secondary","sr-only"),children:a})]}))});se.displayName="Spinner";const Qe={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 ea(h,x){var m=h,{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 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(Qe[o][c]),n.jsx(f,u({ref:x,className:i(...b,a)},d))}const D=C.forwardRef(ea),aa={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"},ne=C.forwardRef((x,d)=>{var h=x,{className:e,maxWidth:t="lg",paddingX:r="base",paddingY:a="base",center:s=!0,children:o}=h,c=p(h,["className","maxWidth","paddingX","paddingY","center","children"]);return n.jsx("div",y(u({ref:d,className:i("w-full",aa[t],l(r,"px"),l(a,"py"),s&&"mx-auto",e)},c),{children:o}))});ne.displayName="Container";const ie=C.forwardRef((x,d)=>{var h=x,{className:e,spacing:t="base",align:r="stretch",justify:a="start",direction:s="column",children:o}=h,c=p(h,["className","spacing","align","justify","direction","children"]);const m=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",y(u({ref:d,className:i("flex",s==="column"?"flex-col":"flex-row",m,b[r],f[a],e)},c),{children:o}))});ie.displayName="Stack";function le(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,h)=>{const m=h===e.length-1;return n.jsxs("li",{className:"flex items-center",children:[h>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",M("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"),M("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})]},h)})})}))}function oe(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 ce(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 de(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 ue(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 fe(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 ta(h){var m=h,{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 b=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,g=f?"button":void 0,v=f?0:void 0,w=i(b({variant:e,padding:t}),r),k=u({className:w,role:g,tabIndex:v,onClick:a,onKeyDown:f?_=>{f&&(_.key==="Enter"||_.key===" ")&&(_.preventDefault(),a==null||a())}:void 0,"aria-label":s,"aria-labelledby":o},x);return c?n.jsx("section",y(u({},k),{children:d})):n.jsx("div",y(u({},k),{children:d}))}const xe=C.memo(ta);xe.displayName="Card";const H=xe;H.Header=oe;H.Title=ce;H.Subtitle=de;H.Actions=ue;H.Body=fe;function ra(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 sa(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 na(a){var s=a,{children:e,className:t=""}=s,r=p(s,["children","className"]);return n.jsx("div",y(u({className:`
|
|
1
|
+
"use strict";var ke=Object.defineProperty,Ee=Object.defineProperties;var Te=Object.getOwnPropertyDescriptors;var B=Object.getOwnPropertySymbols;var ee=Object.prototype.hasOwnProperty,ae=Object.prototype.propertyIsEnumerable;var K=(e,a,r)=>a in e?ke(e,a,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[a]=r,u=(e,a)=>{for(var r in a||(a={}))ee.call(a,r)&&K(e,r,a[r]);if(B)for(var r of B(a))ae.call(a,r)&&K(e,r,a[r]);return e},y=(e,a)=>Ee(e,Te(a));var b=(e,a)=>{var r={};for(var t in e)ee.call(e,t)&&a.indexOf(t)<0&&(r[t]=e[t]);if(e!=null&&B)for(var t of B(e))a.indexOf(t)<0&&ae.call(e,t)&&(r[t]=e[t]);return r};var te=(e,a,r)=>K(e,typeof a!="symbol"?a+"":a,r);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),C=require("react"),Ae=require("clsx"),Ve=require("tailwind-merge"),Le=require("class-variance-authority"),_=require("lucide-react");function Re(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const t=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(a,r,t.get?t:{enumerable:!0,get:()=>e[r]})}}return a.default=e,Object.freeze(a)}const A=Re(C);class R{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 Fe={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 Fe[e].tailwind}class S{static create(a){const r=a*this.BASE_UNIT,t=r/16;return{value:r,rem:`${t}rem`,px:`${r}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)}}te(S,"BASE_UNIT",4);const De={none:S.create(0),"0.5":S.create(.5),xs:S.create(1),"1.5":S.create(1.5),sm:S.create(2),"2.5":S.create(2.5),md:S.create(3),"3.5":S.create(3.5),base:S.create(4),lg:S.create(6),xl:S.create(8),"2xl":S.create(10),"3xl":S.create(12),"4xl":S.create(16),"5xl":S.create(20),"6xl":S.create(24)};function l(e,a="p"){const t=De[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"}[a]}-${t}`}class ${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,r="normal",t="normal"){return{fontSize:this.createFontSize(a),lineHeight:this.createLineHeight(r),fontWeight:this.createFontWeight(t)}}}$.createFontWeight("light"),$.createFontWeight("normal"),$.createFontWeight("medium"),$.createFontWeight("semibold"),$.createFontWeight("bold");const X={h1:$.create("4xl","tight","bold"),h2:$.create("3xl","tight","bold"),h3:$.create("2xl","snug","semibold"),h4:$.create("xl","snug","semibold"),h5:$.create("lg","normal","medium"),h6:$.create("base","normal","medium"),body:$.create("base","relaxed","normal"),bodySmall:$.create("sm","relaxed","normal"),bodyLarge:$.create("lg","relaxed","normal"),label:$.create("sm","normal","medium"),caption:$.create("xs","normal","normal"),button:$.create("base","normal","medium")};function F(e){const a=X[e];return`${a.fontSize.tailwind} ${a.lineHeight.tailwind} ${a.fontWeight.tailwind}`}function j(e){return X[e].fontSize.tailwind}function O(e){return X[e].fontWeight.tailwind}function i(...e){return Ve.twMerge(Ae.clsx(e))}const V=(e,a)=>{const r=Le.cva(e,a);return(t=>{const n=r(t);return i(n)})},ze=V(i("inline-flex","items-center","justify-center",O("label"),N("md"),"border"),{variants:{variant:{success:"",warning:"",error:"",info:"",neutral:"",primary:"",secondary:""},size:{sm:i(l("1.5","px"),l("0.5","py"),j("caption")),md:i(l("sm","px"),l("xs","py"),j("caption")),lg:i(l("sm","px"),l("xs","py"),j("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"}}),le=C.memo(C.forwardRef(function(g,p){var x=g,{variant:a="neutral",size:r="md",style:t="solid",className:n="",children:o,"aria-label":c}=x,d=b(x,["variant","size","style","className","children","aria-label"]);const h=i(ze({variant:a,size:r,style:t}),n);let f;if(c)f=c;else if(typeof o=="string")f=o;else if(typeof o=="object"&&o!==null&&"props"in o){const m=o.props;m!=null&&m.children&&typeof m.children=="string"&&(f=m.children)}return s.jsx("span",y(u({ref:p,role:"status","aria-label":f,className:h},d),{children:o}))}));le.displayName="Badge";function re(e,a){if(typeof e=="function")return e(a);e!=null&&(e.current=a)}function Oe(...e){return a=>{let r=!1;const t=e.map(n=>{const o=re(n,a);return!r&&typeof o=="function"&&(r=!0),o});if(r)return()=>{for(let n=0;n<t.length;n++){const o=t[n];typeof o=="function"?o():re(e[n],null)}}}}function Me(...e){return A.useCallback(Oe(...e),e)}function _e(e){const a=A.forwardRef((r,t)=>{var m;let f=r,{children:n}=f,o=b(f,["children"]),c=null,d=!1;const p=[];se(n)&&typeof W=="function"&&(n=W(n._payload)),A.Children.forEach(n,v=>{var w;if(Ue(v)){d=!0;const k=v;let E="child"in k.props?k.props.child:k.props.children;se(E)&&typeof W=="function"&&(E=W(E._payload)),c=Be(k,E),p.push((w=c==null?void 0:c.props)==null?void 0:w.children)}else p.push(v)}),c?c=A.cloneElement(c,void 0,p):!d&&A.Children.count(n)===1&&A.isValidElement(n)&&(c=n);const g=c?Ie(c):void 0,x=Me(t,g);if(!c){if(n||n===0)throw new Error(d?Xe(e):Ge(e));return n}const h=We(o,(m=c.props)!=null?m:{});return c.type!==A.Fragment&&(h.ref=t?x:g),A.cloneElement(c,h)});return a.displayName=`${e}.Slot`,a}var oe=_e("Slot"),ce=Symbol.for("radix.slottable");function He(e){const a=r=>"child"in r?r.children(r.child):r.children;return a.displayName=`${e}.Slottable`,a.__radixId=ce,a}var Pe=He("Slottable"),Be=(e,a)=>{if("child"in e.props){const r=e.props.child;return A.isValidElement(r)?A.cloneElement(r,void 0,e.props.children(r.props.children)):null}return A.isValidElement(a)?a:null};function We(e,a){const r=u({},a);for(const t in a){const n=e[t],o=a[t];/^on[A-Z]/.test(t)?n&&o?r[t]=(...d)=>{const p=o(...d);return n(...d),p}:n&&(r[t]=n):t==="style"?r[t]=u(u({},n),o):t==="className"&&(r[t]=[n,o].filter(Boolean).join(" "))}return u(u({},e),r)}function Ie(e){var t,n;let a=(t=Object.getOwnPropertyDescriptor(e.props,"ref"))==null?void 0:t.get,r=a&&"isReactWarning"in a&&a.isReactWarning;return r?e.ref:(a=(n=Object.getOwnPropertyDescriptor(e,"ref"))==null?void 0:n.get,r=a&&"isReactWarning"in a&&a.isReactWarning,r?e.props.ref:e.props.ref||e.ref)}function Ue(e){return A.isValidElement(e)&&typeof e.type=="function"&&"__radixId"in e.type&&e.type.__radixId===ce}var qe=Symbol.for("react.lazy");function se(e){return e!=null&&typeof e=="object"&&"$$typeof"in e&&e.$$typeof===qe&&"_payload"in e&&Ke(e._payload)}function Ke(e){return typeof e=="object"&&e!==null&&"then"in e}var Ge=e=>`${e} failed to slot onto its children. Expected a single React element child or \`Slottable\`.`,Xe=e=>`${e} failed to slot onto its \`Slottable\`. Expected \`Slottable\` to receive a single React element child.`,W=A[" use ".trim().toString()];const Ye=V("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"}}),Y=C.memo(function(c){var d=c,{size:a="md",variant:r="primary",label:t,className:n=""}=d,o=b(d,["size","variant","label","className"]);return s.jsxs("div",y(u({className:i("inline-flex","items-center",n),role:"status","aria-label":t||"Loading","aria-live":"polite"},o),{children:[s.jsx(_.Loader2,{className:i(Ye({size:a,variant:r})),"aria-hidden":"true"}),t&&s.jsx("span",{className:i(l("sm","ml"),j("bodySmall"),"text-fg-secondary","sr-only"),children:t})]}))});Y.displayName="Spinner";const Ze=V(i("inline-flex","items-center","justify-center",F("button").split(" ")[2]||"font-medium",N("md"),"transition-colors","focus:outline-none","focus:ring-2","focus:ring-offset-2","disabled:opacity-50","disabled:cursor-not-allowed"),{variants:{variant:{primary:i("bg-surface-brand-strong","text-fg-inverse","hover:opacity-90","focus:ring-line-brand"),secondary:i("bg-surface-secondary","text-fg-inverse","hover:opacity-90","focus:ring-line-secondary"),error:i("bg-error","text-fg-inverse","hover:opacity-90","focus:ring-error"),outline:i("border-2","border-line-default","bg-transparent","text-fg-primary","hover:bg-surface-hover","focus:ring-line-focus"),ghost:i("bg-transparent","text-fg-primary","hover:bg-surface-hover","focus:ring-line-focus"),iconOnly:i("bg-transparent","text-fg-primary","hover:bg-surface-hover","focus:ring-line-focus",l("none","p")),link:i("bg-transparent","text-fg-brand","underline-offset-4","hover:underline","focus:ring-line-focus")},size:{sm:i(l("md","px"),l("1.5","py"),j("bodySmall"),l("1.5","gap")),md:i(l("base","px"),l("sm","py"),j("body"),l("sm","gap")),lg:i(l("lg","px"),l("md","py"),j("bodyLarge"),l("2.5","gap"))}},compoundVariants:[{variant:"iconOnly",size:"sm",class:i("h-8","w-8",l("none","p"))},{variant:"iconOnly",size:"md",class:i("h-10","w-10",l("none","p"))},{variant:"iconOnly",size:"lg",class:i("h-12","w-12",l("none","p"))},{variant:"link",size:"sm",class:i(l("none","px"),l("none","py"))},{variant:"link",size:"md",class:i(l("none","px"),l("none","py"))},{variant:"link",size:"lg",class:i(l("none","px"),l("none","py"))}],defaultVariants:{variant:"primary",size:"md"}});function I({children:e,position:a}){return e?s.jsx("span",{className:`inline-flex items-center ${a==="left"?l("none","mr"):l("none","ml")}`,children:e}):null}const de=C.memo(C.forwardRef(function(E,k){var L=E,{variant:a="primary",size:r="md",isLoading:t=!1,loadingText:n,loadingIcon:o,leftIcon:c,rightIcon:d,fullWidth:p=!1,asChild:g=!1,as:x,className:h="",disabled:f=!1,children:m,"aria-label":v}=L,w=b(L,["variant","size","isLoading","loadingText","loadingIcon","leftIcon","rightIcon","fullWidth","asChild","as","className","disabled","children","aria-label"]);typeof process!="undefined"&&process.env.NODE_ENV!=="production"&&g&&x!==void 0&&x!=="button"&&console.warn("[Button] `as` is ignored when `asChild` is true; the child element is used as the root. Drop one of the two props to silence this warning.");const H=g?oe:x!=null?x:"button",P=i(Ze({variant:a,size:r}),p&&"w-full",h),U=(a==="iconOnly"||!m&&(c||d))&&!v&&!m?"Button":v,q=a==="error"?"primary":a==="primary"||a==="secondary"?"neutral":"primary",T=r==="sm"?"sm":r==="lg"?"lg":"md",Ce=o||s.jsx(Y,{size:T,variant:q}),J=!g&&(x===void 0||x==="button")&&!w.type?"button":void 0,Q=u(u({className:P,disabled:f||t,"aria-busy":t,"aria-label":U,"aria-disabled":f||t},J?{type:J}:{}),w);return g?s.jsxs(H,y(u({ref:k},Q),{children:[c&&s.jsx(I,{position:"left",children:c}),s.jsx(Pe,{children:m}),d&&s.jsx(I,{position:"right",children:d})]})):s.jsx(H,y(u({ref:k},Q),{children:t?s.jsxs(s.Fragment,{children:[Ce,n&&s.jsx("span",{className:l("sm","ml"),children:n}),!n&&m&&s.jsx("span",{className:`${l("sm","ml")} opacity-0`,children:m})]}):s.jsxs(s.Fragment,{children:[c&&s.jsx(I,{position:"left",children:c}),m,d&&s.jsx(I,{position:"right",children:d})]})}))}));de.displayName="Button";const ne=V(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"),j("caption")),md:i(l("sm","px"),l("xs","py"),j("bodySmall")),lg:i(l("md","px"),l("sm","py"),j("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}}),ue=C.forwardRef(function(a,r){const{children:t,variant:n="default",size:o="md",selected:c=!1,disabled:d=!1,className:p="","aria-label":g,tabIndex:x,asChild:h=!1}=a,m=(()=>{if(g)return g;if(typeof t=="string")return t;if(typeof t=="object"&&t!==null&&"props"in t){const T=t.props;if(T!=null&&T.children&&typeof T.children=="string")return T.children}})();if(h)return s.jsx(oe,{ref:r,className:i(ne({variant:n,size:o,selected:c,disabled:d}),p),"aria-label":g,"aria-disabled":d||void 0,tabIndex:x,children:t});const{onRemove:v,onClick:w,count:k}=a,E=w!==void 0,L=E&&!d,H=T=>{d||(T.key==="Enter"||T.key===" ")&&(T.preventDefault(),w==null||w())},P=k!==void 0,Z=c||n==="filled",U=P?s.jsx("span",{"aria-hidden":E||void 0,className:i("inline-flex","items-center","justify-center","tabular-nums","leading-none",N("full"),l("xs","px"),l("0.5","py"),j("caption"),O("label"),Z?i("bg-surface-base","text-fg-brand-emphasis"):i("bg-surface-brand-strong","text-fg-inverse")),children:k}):null,q=P&&m!==void 0?`${m}, ${k}`:m;return s.jsxs("div",{ref:r,className:i(ne({variant:n,size:o,selected:c,disabled:d}),v&&l("xs","pr"),p),"aria-disabled":d,children:[E?s.jsx("button",{type:"button",onClick:d?void 0:w,onKeyDown:H,disabled:d,"aria-pressed":c?!0:void 0,"aria-label":g||q,tabIndex:x!==void 0?x:L?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:t}):s.jsx("span",{children:t}),U,v&&!d&&s.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 ${m||"chip"}`,children:s.jsx(_.X,{className:"h-3 w-3","aria-hidden":"true"})})]})});ue.displayName="Chip";function Je(n){var o=n,{message:e,id:a,className:r=""}=o,t=b(o,["message","id","className"]);const c=[l("xs","mt"),j("bodySmall"),"text-fg-error","flex","items-center",l("xs","gap")],d=i(...c,r);return s.jsxs("div",y(u({role:"alert",id:a,className:d,"aria-live":"polite"},t),{children:[s.jsx(_.AlertCircle,{className:"h-4 w-4 shrink-0","aria-hidden":"true"}),s.jsx("span",{children:e})]}))}function Qe(t){var n=t,{variant:e="info",className:a}=n,r=b(n,["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 s.jsx("div",u({role:"alert",className:i("border",l("base","px"),l("sm","py"),N("lg"),o[e],a)},r))}const ea=i("block",j("label"),O("label"),"text-fg-primary"),aa={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")},fe=C.memo(C.forwardRef(function(c,o){var d=c,{variant:a="default",className:r="",children:t}=d,n=b(d,["variant","className","children"]);const p=i(ea,aa[a],r);return s.jsx("label",y(u({ref:o,className:p},n),{children:t}))}));fe.displayName="Label";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]}}const ta={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 G(e){return ta[e].tailwind}const ra=V("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"}}),ie=V("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"}}),pe=C.forwardRef(function(h,x){var f=h,{value:a,max:r=100,variant:t="primary",size:n="md",showLabel:o=!1,label:c,"aria-label":d,className:p=""}=f,g=b(f,["value","max","variant","size","showLabel","label","aria-label","className"]);const m=a===void 0,v=m?void 0:Math.min(Math.max(a/r*100,0),100),w=d||(m?"Loading in progress":`Progress: ${v==null?void 0:v.toFixed(0)}%`);return s.jsxs("div",y(u({ref:x,className:i("w-full",p)},g),{children:[o&&(c||!m)&&s.jsxs("div",{className:i("flex","items-center","justify-between",l("xs","mb")),children:[c&&s.jsx("span",{className:i(j("bodySmall"),O("label"),"text-fg-primary"),children:c}),!m&&v!==void 0&&s.jsxs("span",{className:i(j("bodySmall"),"text-fg-secondary"),children:[v.toFixed(0),"%"]})]}),s.jsx("div",{role:"progressbar","aria-valuemin":m?void 0:0,"aria-valuemax":m?void 0:r,"aria-valuenow":m?void 0:a,"aria-label":w,"aria-busy":m,className:i("relative","w-full","overflow-hidden",ra({size:n,variant:t}),N("full")),children:m?s.jsx("div",{className:i("absolute","top-0","left-0","bottom-0",ie({variant:t}),N("full"),"motion-reduce:animate-none"),style:{width:"30%",animation:"progress-indeterminate 1.5s ease-in-out infinite"}}):s.jsx("div",{className:i("h-full",ie({variant:t}),N("full"),"transition-all","duration-300","ease-out"),style:{width:`${v}%`},"aria-hidden":"true"})})]}))});pe.displayName="Progress";const sa={horizontal:"w-full border-t",vertical:"h-full border-l self-stretch"},na={solid:"border-solid",dashed:"border-dashed",dotted:"border-dotted"},xe=C.memo(function(o){var c=o,{orientation:a="horizontal",variant:r="solid",className:t=""}=c,n=b(c,["orientation","variant","className"]);const d=i("border-0","border-line-default",sa[a],na[r],t);return a==="vertical"?s.jsx("div",u({className:d,role:"separator","aria-orientation":"vertical"},n)):s.jsx("hr",u({className:d,role:"separator","aria-orientation":"horizontal"},n))});xe.displayName="Separator";function ia(d){var p=d,{variant:e="text",width:a,height:r,lines:t=1,className:n="","aria-label":o}=p,c=b(p,["variant","width","height","lines","className","aria-label"]);const g=["motion-safe:animate-pulse","bg-surface-muted",N("sm")],x={text:"h-4",card:"h-32",list:"h-12",circle:N("full")},h=i(...g,x[e],n),f={};a&&(f.width=a),r&&(f.height=r);const m=o||`Loading ${e} content`;return e==="text"&&t>1?s.jsx("div",y(u({className:l("sm","space-y"),role:"status","aria-busy":"true","aria-label":m},c),{children:Array.from({length:t}).map((v,w)=>s.jsx("div",{className:h,style:w===t-1?{width:"75%"}:f,"aria-hidden":"true"},w))})):s.jsx("div",u({className:h,style:f,role:"status","aria-busy":"true","aria-label":m},c))}const la={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 oa(g,p){var x=g,{variant:e="paragraph",bold:a,italic:r,className:t,as:n,colorRole:o="neutral",colorShade:c="dark"}=x,d=b(x,["variant","bold","italic","className","as","colorRole","colorShade"]);const h=[];let f;if(n)f=n;else switch(e){case"heading":f="h2";break;case"list":f="li";break;default:f="p";break}return e==="heading"?h.push(F("h2")):e==="body"||e==="paragraph"?h.push(F("body")):e==="bodySmall"?h.push(F("bodySmall")):e==="bodyLarge"?h.push(F("bodyLarge")):e==="caption"?h.push(F("caption")):e==="label"?h.push(F("label")):h.push(F("body")),a&&h.push("font-bold"),r&&h.push("italic"),h.push(la[o][c]),s.jsx(f,u({ref:p,className:i(...h,t)},d))}const z=C.forwardRef(oa),ca={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"},me=C.forwardRef((p,d)=>{var g=p,{className:e,maxWidth:a="lg",paddingX:r="base",paddingY:t="base",center:n=!0,children:o}=g,c=b(g,["className","maxWidth","paddingX","paddingY","center","children"]);return s.jsx("div",y(u({ref:d,className:i("w-full",ca[a],l(r,"px"),l(t,"py"),n&&"mx-auto",e)},c),{children:o}))});me.displayName="Container";const ge=C.forwardRef((p,d)=>{var g=p,{className:e,spacing:a="base",align:r="stretch",justify:t="start",direction:n="column",children:o}=g,c=b(g,["className","spacing","align","justify","direction","children"]);const x=n==="column"?l(a,"gap-y"):l(a,"gap-x"),h={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 s.jsx("div",y(u({ref:d,className:i("flex",n==="column"?"flex-col":"flex-row",x,h[r],f[t],e)},c),{children:o}))});ge.displayName="Stack";function be(n){var o=n,{items:e,separator:a="/",className:r=""}=o,t=b(o,["items","separator","className"]);const c=["flex","items-center",l("sm","space-x"),j("bodySmall")],d=i(...c,r);return s.jsx("nav",y(u({"aria-label":"Breadcrumb",className:d},t),{children:s.jsx("ol",{className:i("flex","items-center",l("sm","space-x")),children:e.map((p,g)=>{const x=g===e.length-1;return s.jsxs("li",{className:"flex items-center",children:[g>0&&s.jsx("span",{className:i(l("sm","mx"),"text-fg-tertiary"),"aria-hidden":"true",children:a}),x?s.jsx("span",{className:i("text-fg-primary",O("label")),"aria-current":"page",children:p.label}):p.href?s.jsx("a",{href:p.href,className:i("inline-flex","items-center",l("xs","px"),l("xs","pt"),"border-b-2","border-transparent",j("bodySmall"),O("label"),"transition-colors","text-fg-secondary","hover:border-line-emphasis","hover:text-fg-primary"),children:p.label}):s.jsx("span",{className:"text-fg-secondary",children:p.label})]},g)})})}))}function he(t){var n=t,{children:e,className:a}=n,r=b(n,["children","className"]);return s.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",a)},r),{children:e}))}function ye(c){var d=c,{children:e,icon:a,badge:r,as:t="h2",className:n}=d,o=b(d,["children","icon","badge","as","className"]);return s.jsxs(t,y(u({className:i("text-base font-semibold text-fg-primary","flex items-center",l("sm","gap"),n)},o),{children:[a?s.jsx("span",{className:"shrink-0 inline-flex",children:a}):null,s.jsx("span",{children:e}),r?s.jsx("span",{className:"inline-flex",children:r}):null]}))}function ve(t){var n=t,{children:e,className:a}=n,r=b(n,["children","className"]);return s.jsx("p",y(u({className:i("text-sm text-fg-secondary",a)},r),{children:e}))}function we(t){var n=t,{children:e,className:a}=n,r=b(n,["children","className"]);return s.jsx("div",y(u({"data-card-actions":"",className:i("flex items-center self-start",l("sm","gap"),a)},r),{children:e}))}function je(t){var n=t,{children:e,className:a}=n,r=b(n,["children","className"]);return s.jsx("div",y(u({className:i(a)},r),{children:e}))}function da(g){var x=g,{variant:e="default",padding:a="medium",className:r="",onClick:t,"aria-label":n,"aria-labelledby":o,asSection:c=!1,children:d}=x,p=b(x,["variant","padding","className","onClick","aria-label","aria-labelledby","asSection","children"]);typeof process!="undefined"&&process.env.NODE_ENV!=="production"&&c&&!n&&!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 h=V(i("bg-surface-base",N("lg"),"border","border-line-default",G("sm")),{variants:{variant:{default:"",hover:i(`hover:${G("md")}`,"transition-shadow","cursor-pointer"),selected:i("border-line-brand",G("md"))},padding:{none:"",small:l("xs","p"),medium:l("base","p"),large:l("lg","p")}},defaultVariants:{variant:"default",padding:"medium"}}),f=t!==void 0,m=f?"button":void 0,v=f?0:void 0,w=i(h({variant:e,padding:a}),r),E=u({className:w,role:m,tabIndex:v,onClick:t,onKeyDown:f?L=>{f&&(L.key==="Enter"||L.key===" ")&&(L.preventDefault(),t==null||t())}:void 0,"aria-label":n,"aria-labelledby":o},p);return c?s.jsx("section",y(u({},E),{children:d})):s.jsx("div",y(u({},E),{children:d}))}const Ne=C.memo(da);Ne.displayName="Card";const M=Ne;M.Header=he;M.Title=ye;M.Subtitle=ve;M.Actions=we;M.Body=je;function ua(t){var n=t,{children:e,className:a=""}=n,r=b(n,["children","className"]);return s.jsx("div",y(u({className:`flex flex-col ${l("1.5","space-y")} ${l("lg","p")} ${l("base","pb")} ${a}`},r),{children:e}))}function fa(t){var n=t,{children:e,className:a=""}=n,r=b(n,["children","className"]);return s.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")} ${a}`},r),{children:e}))}function pa(t){var n=t,{children:e,className:a=""}=n,r=b(n,["children","className"]);return s.jsx("div",y(u({className:`
|
|
2
2
|
${l("lg","p")}
|
|
3
3
|
border-b
|
|
4
4
|
border-line-default
|
|
5
|
-
${
|
|
6
|
-
`},r),{children:e}))}function
|
|
5
|
+
${a}
|
|
6
|
+
`},r),{children:e}))}function xa(t){var n=t,{children:e,className:a=""}=n,r=b(n,["children","className"]);return s.jsx("div",y(u({className:`
|
|
7
7
|
${l("lg","p")}
|
|
8
8
|
border-t
|
|
9
9
|
border-line-default
|
|
10
10
|
flex
|
|
11
11
|
justify-end
|
|
12
12
|
${l("sm","gap")}
|
|
13
|
-
${
|
|
14
|
-
`},r),{children:e}))}function
|
|
13
|
+
${a}
|
|
14
|
+
`},r),{children:e}))}function ma(o){var c=o,{label:e,children:a,wrap:r=!0,className:t}=c,n=b(c,["label","children","wrap","className"]);const p=!(n["aria-label"]!=null||n["aria-labelledby"]!=null)&&typeof e=="string"&&e!==""?e:void 0;return s.jsxs("div",y(u({role:"group","aria-label":p,className:i("flex items-center",r?"flex-wrap":"flex-nowrap",l("sm","gap"),t)},n),{children:[e?s.jsx("span",{className:"shrink-0 text-fg-secondary text-sm",children:e}):null,a]}))}function ga({children:e,className:a}){return s.jsx("div",{className:i("flex-shrink-0 flex items-center",l("sm","gap"),a),children:e})}function ba({children:e,className:a}){return s.jsx("nav",{className:i("flex-1 flex items-center justify-center",l("base","gap"),"hidden md:flex",a),"aria-label":"Main navigation",children:e})}const ha=V(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"}}),ya={start:"items-start",center:"items-center"},va={start:"justify-start",center:"justify-center"},Se=C.forwardRef(function(v,m){var w=v,{kicker:a,title:r,description:t,actions:n,kpis:o,meta:c,variant:d="plain",align:p="start",className:g,"aria-label":x,"aria-labelledby":h}=w,f=b(w,["kicker","title","description","actions","kpis","meta","variant","align","className","aria-label","aria-labelledby"]);const k=x!=null||h!=null,E=x!=null?x:typeof r=="string"?r:void 0;return typeof process!="undefined"&&process.env.NODE_ENV!=="production"&&!k&&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."),s.jsxs("section",y(u({ref:m,className:i(ha({variant:d,align:p}),g),"aria-label":E,"aria-labelledby":h},f),{children:[s.jsxs("div",{className:i("flex flex-col",l("md","gap-y"),ya[p]),children:[a?s.jsx(z,{as:"span",variant:"caption",colorRole:"primary",colorShade:"DEFAULT",className:"text-sm font-semibold tracking-wide uppercase",children:a}):null,s.jsx(z,{as:"h1",variant:"heading",className:"text-3xl font-bold tracking-tight sm:text-4xl",children:r}),t?s.jsx(z,{as:"p",variant:"body",colorRole:"neutral",colorShade:"DEFAULT",className:"max-w-2xl text-base leading-relaxed sm:text-lg",children:t}):null]}),n?s.jsx("div",{className:i("flex flex-wrap",l("sm","gap"),va[p]),children:n}):null,o?s.jsx("div",{className:"w-full",children:o}):null,c?s.jsx(z,{as:"p",variant:"caption",colorRole:"neutral",colorShade:"light",className:"text-sm",children:c}):null]}))});Se.displayName="HeroSection";function wa(r){var t=r,{className:e=""}=t,a=b(t,["className"]);return s.jsx("div",u({role:"separator",className:`
|
|
15
15
|
h-px
|
|
16
16
|
bg-line-default
|
|
17
17
|
${l("sm","my")}
|
|
18
18
|
${e}
|
|
19
|
-
`},
|
|
19
|
+
`},a))}function ja(t){var n=t,{orientation:e="horizontal",className:a=""}=n,r=b(n,["orientation","className"]);return e==="vertical"?s.jsx("div",u({className:i("w-px","h-6","bg-line-default","mx-auto",a),role:"separator","aria-orientation":"vertical"},r)):s.jsx("div",u({className:i("w-full","h-px","bg-line-default",l("sm","my"),"flex-shrink-0",a),role:"separator","aria-orientation":"horizontal",style:{willChange:"auto",transform:"none"}},r))}const Na=V(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 Sa(d){var p=d,{title:e,description:a,breadcrumb:r,actions:t,variant:n="default",className:o}=p,c=b(p,["title","description","breadcrumb","actions","variant","className"]);return s.jsxs("div",y(u({className:i(Na({variant:n}),o)},c),{children:[r&&r.length>0&&s.jsx(be,{items:r}),s.jsxs("div",{className:`flex items-start justify-between ${l("base","gap")}`,children:[s.jsxs("div",{className:"flex-1 min-w-0",children:[s.jsx(z,{variant:"heading",as:"h1",className:`${l("sm","mb")} text-2xl font-bold`,children:e}),a&&s.jsx(z,{variant:"body",className:"text-fg-secondary",children:a})]}),t&&s.jsx("div",{className:`flex items-center ${l("sm","gap")} flex-shrink-0`,children:t})]})]}))}const $a={start:"items-start text-left",center:"items-center text-center"},Ca={neutral:"text-fg-tertiary",success:"text-fg-success",warning:"text-fg-warning",error:"text-fg-error"};function ka(p){var g=p,{value:e,label:a,hint:r,icon:t,align:n="start",tone:o="neutral",className:c}=g,d=b(g,["value","label","hint","icon","align","tone","className"]);const x=e==null;return s.jsxs("div",y(u({className:i("bg-surface-base flex-1 flex flex-col",l("base","p"),l("xs","gap-y"),$a[n],c)},d),{children:[t?s.jsx("span",{className:"text-icon-default inline-flex",children:t}):null,x?s.jsx("span",{"aria-label":"No data",className:"text-fg-tertiary text-2xl font-semibold leading-tight",children:"—"}):s.jsx("span",{className:"text-fg-primary text-2xl font-semibold leading-tight",children:e}),s.jsx("span",{className:"text-fg-secondary text-sm",children:a}),r?s.jsx("span",{className:i("text-xs",Ca[o]),children:r}):null]}))}const Ea={2:"md:grid-cols-2",3:"md:grid-cols-3",4:"md:grid-cols-4"};function Ta(o){var c=o,{layout:e="grid",cols:a=4,className:r,children:t}=c,n=b(c,["layout","cols","className","children"]);const d=e==="grid";return s.jsx("div",y(u({className:i("bg-line-default border border-line-default overflow-hidden gap-px",N("lg"),d?`grid grid-cols-2 ${Ea[a]}`:"flex",r)},n),{children:t}))}function Aa(n){var o=n,{column:e,row:a,className:r=""}=o,t=b(o,["column","row","className"]);const c=e.key in a?a[e.key]:void 0;return s.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}`},t),{children:e.render?e.render(c,a):String(c!=null?c:"")}))}const Va=V(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"}}),La=V(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",N("sm")),{variants:{variant:{default:i(l("sm","px"),l("sm","py"),j("body")),sub:i(l("sm","px"),l("xs","py"),j("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}}),Ra=i("inline-flex items-center justify-center",N("full"),l("xs","px"),"bg-surface-muted text-fg-secondary text-xs"),$e=C.forwardRef(function(g,p){var x=g,{items:a,variant:r="default",linkComponent:t,className:n,"aria-label":o,"aria-labelledby":c}=x,d=b(x,["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 h=t!=null?t:"a";return s.jsx("nav",y(u({ref:p,className:i(Va({variant:r}),n),"aria-label":o,"aria-labelledby":c},d),{children:a.map((f,m)=>s.jsxs(h,{href:f.href,"aria-current":f.active?"page":void 0,"data-active":f.active?"true":void 0,className:La({variant:r,active:!!f.active}),children:[f.icon?s.jsx("span",{"aria-hidden":"true",className:"inline-flex shrink-0",children:f.icon}):null,s.jsx("span",{children:f.label}),f.count!==void 0?s.jsx("span",{className:Ra,children:f.count}):null]},f.href||m))}))});$e.displayName="TabsAsLinks";function Fa({items:e,orientation:a="vertical",className:r=""}){return a==="horizontal"?s.jsx("div",{className:`flex items-start ${r}`,children:e.map((t,n)=>{const o=t.status||(n===0?"active":n<e.findIndex(d=>d.status==="active")?"completed":"default"),c=n===e.length-1;return s.jsx("div",{className:"flex items-start flex-1",children:s.jsxs("div",{className:"flex flex-col items-center flex-1",children:[s.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
|
+
${N("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:
|
|
28
|
+
`,children:t.icon||(o==="completed"?s.jsx(_.CheckCircle2,{className:"h-4 w-4"}):n+1)})),!c&&s.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
|
-
`}),
|
|
33
|
+
`}),s.jsxs("div",{className:`${l("base","mt")} text-center ${l("base","px")}`,children:[t.timestamp&&s.jsx("p",{className:`text-xs text-fg-tertiary ${l("xs","mb")}`,children:t.timestamp}),s.jsx("h3",{className:"text-sm font-semibold text-fg-primary",children:t.title}),t.description&&s.jsx("p",{className:`text-xs text-fg-secondary ${l("xs","mt")}`,children:t.description}),t.content&&s.jsx("div",{className:l("sm","mt"),children:t.content})]})]})},t.id)})}):s.jsx("div",{className:`${l("none","space-y")} ${r}`,children:e.map((t,n)=>{const o=t.status||(n===0?"active":n<e.findIndex(d=>d.status==="active")?"completed":"default"),c=n===e.length-1;return s.jsxs("div",{className:`flex items-start ${l("base","gap")}`,children:[s.jsxs("div",{className:"flex flex-col items-center",children:[s.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
|
+
${N("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:
|
|
42
|
+
`,children:t.icon||(o==="completed"?s.jsx(_.CheckCircle2,{className:"h-4 w-4"}):n+1)})),!c&&s.jsx("div",{className:`
|
|
43
43
|
w-0.5
|
|
44
44
|
flex-1
|
|
45
45
|
min-h-16
|
|
46
46
|
${l("sm","mt")}
|
|
47
47
|
${o==="completed"?"bg-success":"bg-line-emphasis"}
|
|
48
|
-
`})]}),
|
|
48
|
+
`})]}),s.jsxs("div",{className:`flex-1 ${l("xl","pb")}`,children:[t.timestamp&&s.jsx("p",{className:`text-xs text-fg-tertiary ${l("xs","mb")}`,children:t.timestamp}),s.jsx("h3",{className:`
|
|
49
49
|
text-base
|
|
50
50
|
font-semibold
|
|
51
51
|
${o==="active"?"text-fg-brand-emphasis":"text-fg-primary"}
|
|
52
|
-
`,children:
|
|
52
|
+
`,children:t.title}),t.description&&s.jsx("p",{className:`text-sm text-fg-secondary ${l("xs","mt")}`,children:t.description}),t.content&&s.jsx("div",{className:l("md","mt"),children:t.content})]})]},t.id)})})}exports.Badge=le;exports.Breadcrumb=be;exports.Button=de;exports.Card=M;exports.CardActions=we;exports.CardBody=je;exports.CardHeader=he;exports.CardSubtitle=ve;exports.CardTitle=ye;exports.Chip=ue;exports.Container=me;exports.DialogFooter=fa;exports.DialogHeader=ua;exports.DrawerFooter=xa;exports.DrawerHeader=pa;exports.ErrorMessage=Je;exports.FilterChips=ma;exports.HeaderActions=ga;exports.HeaderNavigation=ba;exports.HeroSection=Se;exports.Info=Qe;exports.Label=fe;exports.MenuSeparator=wa;exports.NavbarSeparator=ja;exports.PageHeader=Sa;exports.Progress=pe;exports.Separator=xe;exports.Skeleton=ia;exports.Spinner=Y;exports.Stack=ge;exports.Stat=ka;exports.StatGroup=Ta;exports.TableCell=Aa;exports.TabsAsLinks=$e;exports.Text=z;exports.Timeline=Fa;
|
|
53
53
|
//# sourceMappingURL=index.cjs.map
|