@fabio.caffarello/react-design-system 4.0.0 → 4.2.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/granular/ui/primitives/Input/Input.js +121 -317
- package/dist/granular/ui/primitives/Input/Input.js.map +1 -1
- package/dist/granular/ui/primitives/Input/InputBase.js +223 -0
- package/dist/granular/ui/primitives/Input/InputBase.js.map +1 -0
- package/dist/index.cjs +93 -93
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +3421 -3430
- package/dist/index.js.map +1 -1
- package/dist/react-design-system.css +1 -1
- package/dist/server/index.cjs +18 -18
- package/dist/server/index.cjs.map +1 -1
- package/dist/server/index.js +1149 -716
- package/dist/server/index.js.map +1 -1
- package/dist/ui/components/Autocomplete/Autocomplete.d.ts +21 -0
- package/dist/ui/primitives/Input/Input.d.ts +13 -15
- package/dist/ui/primitives/Input/InputBase.d.ts +52 -0
- package/dist/ui/primitives/Input/index.d.ts +2 -0
- package/dist/ui/server.d.ts +4 -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 Ee=Object.defineProperty,Te=Object.defineProperties;var Ve=Object.getOwnPropertyDescriptors;var q=Object.getOwnPropertySymbols;var ee=Object.prototype.hasOwnProperty,ae=Object.prototype.propertyIsEnumerable;var G=(e,a,r)=>a in e?Ee(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)&&G(e,r,a[r]);if(q)for(var r of q(a))ae.call(a,r)&&G(e,r,a[r]);return e},y=(e,a)=>Te(e,Ve(a));var h=(e,a)=>{var r={};for(var t in e)ee.call(e,t)&&a.indexOf(t)<0&&(r[t]=e[t]);if(e!=null&&q)for(var t of q(e))a.indexOf(t)<0&&ae.call(e,t)&&(r[t]=e[t]);return r};var te=(e,a,r)=>G(e,typeof a!="symbol"?a+"":a,r);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),S=require("react"),Ae=require("clsx"),Le=require("tailwind-merge"),Re=require("class-variance-authority"),W=require("lucide-react");function Fe(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 V=Fe(S);class F{static create(a){const t={none:{px:0,tailwind:"rounded-none",description:"No border radius"},sm:{px:2,tailwind:"rounded-sm",description:"Small radius (2px) for subtle rounding"},md:{px:6,tailwind:"rounded-md",description:"Medium radius (6px) for buttons and inputs"},lg:{px:8,tailwind:"rounded-lg",description:"Large radius (8px) for cards and containers"},xl:{px:12,tailwind:"rounded-xl",description:"Extra large radius (12px) for prominent elements"},"2xl":{px:16,tailwind:"rounded-2xl",description:"2X large radius (16px) for large containers"},"3xl":{px:24,tailwind:"rounded-3xl",description:"3X large radius (24px) for very large containers"},full:{px:9999,tailwind:"rounded-full",description:"Full radius for circular elements"}}[a];return{value:t.px,rem:`${t.px/16}rem`,px:`${t.px}px`,tailwind:t.tailwind,description:t.description}}}const De={none:F.create("none"),sm:F.create("sm"),md:F.create("md"),lg:F.create("lg"),xl:F.create("xl"),"2xl":F.create("2xl"),"3xl":F.create("3xl"),full:F.create("full")};function N(e){return De[e].tailwind}class C{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(C,"BASE_UNIT",4);const Oe={none:C.create(0),"0.5":C.create(.5),xs:C.create(1),"1.5":C.create(1.5),sm:C.create(2),"2.5":C.create(2.5),md:C.create(3),"3.5":C.create(3.5),base:C.create(4),lg:C.create(6),xl:C.create(8),"2xl":C.create(10),"3xl":C.create(12),"4xl":C.create(16),"5xl":C.create(20),"6xl":C.create(24)};function l(e,a="p"){const t=Oe[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 k{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)}}}k.createFontWeight("light"),k.createFontWeight("normal"),k.createFontWeight("medium"),k.createFontWeight("semibold"),k.createFontWeight("bold");const Y={h1:k.create("4xl","tight","bold"),h2:k.create("3xl","tight","bold"),h3:k.create("2xl","snug","semibold"),h4:k.create("xl","snug","semibold"),h5:k.create("lg","normal","medium"),h6:k.create("base","normal","medium"),body:k.create("base","relaxed","normal"),bodySmall:k.create("sm","relaxed","normal"),bodyLarge:k.create("lg","relaxed","normal"),label:k.create("sm","normal","medium"),caption:k.create("xs","normal","normal"),button:k.create("base","normal","medium")};function R(e){const a=Y[e];return`${a.fontSize.tailwind} ${a.lineHeight.tailwind} ${a.fontWeight.tailwind}`}function j(e){return Y[e].fontSize.tailwind}function M(e){return Y[e].fontWeight.tailwind}function n(...e){return Le.twMerge(Ae.clsx(e))}const A=(e,a)=>{const r=Re.cva(e,a);return(t=>{const i=r(t);return n(i)})},_e=A(n("inline-flex","items-center","justify-center",M("label"),N("md"),"border"),{variants:{variant:{success:"",warning:"",error:"",info:"",neutral:"",primary:"",secondary:""},size:{sm:n(l("1.5","px"),l("0.5","py"),j("caption")),md:n(l("sm","px"),l("xs","py"),j("caption")),lg:n(l("sm","px"),l("xs","py"),j("bodySmall"))},style:{solid:"",outline:""}},compoundVariants:[{variant:"success",style:"solid",class:n("bg-success-bg","text-success-dark","border-success")},{variant:"warning",style:"solid",class:n("bg-warning-bg","text-warning-dark","border-warning")},{variant:"error",style:"solid",class:n("bg-error-bg","text-error-dark","border-error")},{variant:"info",style:"solid",class:n("bg-info-bg","text-info-dark","border-info")},{variant:"neutral",style:"solid",class:n("bg-surface-muted","text-fg-primary","border-line-default")},{variant:"primary",style:"solid",class:n("bg-surface-brand-subtle","text-fg-brand-emphasis","border-line-brand")},{variant:"secondary",style:"solid",class:n("bg-pink-300","text-fg-brand-secondary-emphasis","border-line-secondary")},{variant:"success",style:"outline",class:n("bg-transparent","border-success","text-fg-success")},{variant:"warning",style:"outline",class:n("bg-transparent","border-warning","text-fg-warning")},{variant:"error",style:"outline",class:n("bg-transparent","border-error","text-fg-error")},{variant:"info",style:"outline",class:n("bg-transparent","border-info","text-fg-info")},{variant:"neutral",style:"outline",class:n("bg-transparent","border-line-default","text-fg-secondary")},{variant:"primary",style:"outline",class:n("bg-transparent","border-line-brand","text-fg-brand")},{variant:"secondary",style:"outline",class:n("bg-transparent","border-line-secondary","text-fg-brand-secondary")}],defaultVariants:{variant:"neutral",size:"md",style:"solid"}}),le=S.memo(S.forwardRef(function(g,p){var x=g,{variant:a="neutral",size:r="md",style:t="solid",className:i="",children:c,"aria-label":o}=x,d=h(x,["variant","size","style","className","children","aria-label"]);const b=n(_e({variant:a,size:r,style:t}),i);let f;if(o)f=o;else if(typeof c=="string")f=c;else if(typeof c=="object"&&c!==null&&"props"in c){const m=c.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:b},d),{children:c}))}));le.displayName="Badge";function re(e,a){if(typeof e=="function")return e(a);e!=null&&(e.current=a)}function He(...e){return a=>{let r=!1;const t=e.map(i=>{const c=re(i,a);return!r&&typeof c=="function"&&(r=!0),c});if(r)return()=>{for(let i=0;i<t.length;i++){const c=t[i];typeof c=="function"?c():re(e[i],null)}}}}function Me(...e){return V.useCallback(He(...e),e)}function ze(e){const a=V.forwardRef((r,t)=>{var m;let f=r,{children:i}=f,c=h(f,["children"]),o=null,d=!1;const p=[];se(i)&&typeof U=="function"&&(i=U(i._payload)),V.Children.forEach(i,v=>{var w;if(Ue(v)){d=!0;const E=v;let $="child"in E.props?E.props.child:E.props.children;se($)&&typeof U=="function"&&($=U($._payload)),o=Ie(E,$),p.push((w=o==null?void 0:o.props)==null?void 0:w.children)}else p.push(v)}),o?o=V.cloneElement(o,void 0,p):!d&&V.Children.count(i)===1&&V.isValidElement(i)&&(o=i);const g=o?qe(o):void 0,x=Me(t,g);if(!o){if(i||i===0)throw new Error(d?Ye(e):Xe(e));return i}const b=We(c,(m=o.props)!=null?m:{});return o.type!==V.Fragment&&(b.ref=t?x:g),V.cloneElement(o,b)});return a.displayName=`${e}.Slot`,a}var oe=ze("Slot"),ce=Symbol.for("radix.slottable");function Be(e){const a=r=>"child"in r?r.children(r.child):r.children;return a.displayName=`${e}.Slottable`,a.__radixId=ce,a}var Pe=Be("Slottable"),Ie=(e,a)=>{if("child"in e.props){const r=e.props.child;return V.isValidElement(r)?V.cloneElement(r,void 0,e.props.children(r.props.children)):null}return V.isValidElement(a)?a:null};function We(e,a){const r=u({},a);for(const t in a){const i=e[t],c=a[t];/^on[A-Z]/.test(t)?i&&c?r[t]=(...d)=>{const p=c(...d);return i(...d),p}:i&&(r[t]=i):t==="style"?r[t]=u(u({},i),c):t==="className"&&(r[t]=[i,c].filter(Boolean).join(" "))}return u(u({},e),r)}function qe(e){var t,i;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=(i=Object.getOwnPropertyDescriptor(e,"ref"))==null?void 0:i.get,r=a&&"isReactWarning"in a&&a.isReactWarning,r?e.props.ref:e.props.ref||e.ref)}function Ue(e){return V.isValidElement(e)&&typeof e.type=="function"&&"__radixId"in e.type&&e.type.__radixId===ce}var Ke=Symbol.for("react.lazy");function se(e){return e!=null&&typeof e=="object"&&"$$typeof"in e&&e.$$typeof===Ke&&"_payload"in e&&Ge(e._payload)}function Ge(e){return typeof e=="object"&&e!==null&&"then"in e}var Xe=e=>`${e} failed to slot onto its children. Expected a single React element child or \`Slottable\`.`,Ye=e=>`${e} failed to slot onto its \`Slottable\`. Expected \`Slottable\` to receive a single React element child.`,U=V[" use ".trim().toString()];const Ze=A("motion-safe:animate-spin",{variants:{size:{sm:"h-4 w-4",md:"h-5 w-5",lg:"h-8 w-8"},variant:{primary:"text-fg-brand",secondary:"text-fg-brand-secondary",neutral:"text-fg-secondary"}},defaultVariants:{size:"md",variant:"primary"}}),Z=S.memo(function(o){var d=o,{size:a="md",variant:r="primary",label:t,className:i=""}=d,c=h(d,["size","variant","label","className"]);return s.jsxs("div",y(u({className:n("inline-flex","items-center",i),role:"status","aria-label":t||"Loading","aria-live":"polite"},c),{children:[s.jsx(W.Loader2,{className:n(Ze({size:a,variant:r})),"aria-hidden":"true"}),t&&s.jsx("span",{className:n(l("sm","ml"),j("bodySmall"),"text-fg-secondary","sr-only"),children:t})]}))});Z.displayName="Spinner";const Je=A(n("inline-flex","items-center","justify-center",R("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:n("bg-surface-brand-strong","text-fg-inverse","hover:opacity-90","focus:ring-line-brand"),secondary:n("bg-surface-secondary","text-fg-inverse","hover:opacity-90","focus:ring-line-secondary"),error:n("bg-error","text-fg-inverse","hover:opacity-90","focus:ring-error"),outline:n("border-2","border-line-default","bg-transparent","text-fg-primary","hover:bg-surface-hover","focus:ring-line-focus"),ghost:n("bg-transparent","text-fg-primary","hover:bg-surface-hover","focus:ring-line-focus"),iconOnly:n("bg-transparent","text-fg-primary","hover:bg-surface-hover","focus:ring-line-focus",l("none","p")),link:n("bg-transparent","text-fg-brand","underline-offset-4","hover:underline","focus:ring-line-focus")},size:{sm:n(l("md","px"),l("1.5","py"),j("bodySmall"),l("1.5","gap")),md:n(l("base","px"),l("sm","py"),j("body"),l("sm","gap")),lg:n(l("lg","px"),l("md","py"),j("bodyLarge"),l("2.5","gap"))}},compoundVariants:[{variant:"iconOnly",size:"sm",class:n("h-8","w-8",l("none","p"))},{variant:"iconOnly",size:"md",class:n("h-10","w-10",l("none","p"))},{variant:"iconOnly",size:"lg",class:n("h-12","w-12",l("none","p"))},{variant:"link",size:"sm",class:n(l("none","px"),l("none","py"))},{variant:"link",size:"md",class:n(l("none","px"),l("none","py"))},{variant:"link",size:"lg",class:n(l("none","px"),l("none","py"))}],defaultVariants:{variant:"primary",size:"md"}});function K({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=S.memo(S.forwardRef(function($,E){var L=$,{variant:a="primary",size:r="md",isLoading:t=!1,loadingText:i,loadingIcon:c,leftIcon:o,rightIcon:d,fullWidth:p=!1,asChild:g=!1,as:x,className:b="",disabled:f=!1,children:m,"aria-label":v}=L,w=h(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 D=g?oe:x!=null?x:"button",O=n(Je({variant:a,size:r}),p&&"w-full",b),P=(a==="iconOnly"||!m&&(o||d))&&!v&&!m?"Button":v,I=a==="error"?"primary":a==="primary"||a==="secondary"?"neutral":"primary",T=r==="sm"?"sm":r==="lg"?"lg":"md",ke=c||s.jsx(Z,{size:T,variant:I}),J=!g&&(x===void 0||x==="button")&&!w.type?"button":void 0,Q=u(u({className:O,disabled:f||t,"aria-busy":t,"aria-label":P,"aria-disabled":f||t},J?{type:J}:{}),w);return g?s.jsxs(D,y(u({ref:E},Q),{children:[o&&s.jsx(K,{position:"left",children:o}),s.jsx(Pe,{children:m}),d&&s.jsx(K,{position:"right",children:d})]})):s.jsx(D,y(u({ref:E},Q),{children:t?s.jsxs(s.Fragment,{children:[ke,i&&s.jsx("span",{className:l("sm","ml"),children:i}),!i&&m&&s.jsx("span",{className:`${l("sm","ml")} opacity-0`,children:m})]}):s.jsxs(s.Fragment,{children:[o&&s.jsx(K,{position:"left",children:o}),m,d&&s.jsx(K,{position:"right",children:d})]})}))}));de.displayName="Button";const ne=A(n("inline-flex","items-center","font-medium",N("full"),l("xs","gap")),{variants:{variant:{default:n("bg-surface-muted","text-fg-primary","border","border-line-default"),outlined:n("bg-transparent","text-fg-primary","border","border-line-default"),filled:n("bg-surface-brand-strong","text-fg-inverse","border","border-transparent")},size:{sm:n(l("xs","px"),l("xs","py"),j("caption")),md:n(l("sm","px"),l("xs","py"),j("bodySmall")),lg:n(l("md","px"),l("sm","py"),j("body"))},selected:{true:n("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=S.forwardRef(function(a,r){const{children:t,variant:i="default",size:c="md",selected:o=!1,disabled:d=!1,className:p="","aria-label":g,tabIndex:x,asChild:b=!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(b)return s.jsx(oe,{ref:r,className:n(ne({variant:i,size:c,selected:o,disabled:d}),p),"aria-label":g,"aria-disabled":d||void 0,tabIndex:x,children:t});const{onRemove:v,onClick:w,count:E}=a,$=w!==void 0,L=$&&!d,D=T=>{d||(T.key==="Enter"||T.key===" ")&&(T.preventDefault(),w==null||w())},O=E!==void 0,B=o||i==="filled",P=O?s.jsx("span",{"aria-hidden":$||void 0,className:n("inline-flex","items-center","justify-center","tabular-nums","leading-none",N("full"),l("xs","px"),l("0.5","py"),j("caption"),M("label"),B?n("bg-surface-base","text-fg-brand-emphasis"):n("bg-surface-brand-strong","text-fg-inverse")),children:E}):null,I=O&&m!==void 0?`${m}, ${E}`:m;return s.jsxs("div",{ref:r,className:n(ne({variant:i,size:c,selected:o,disabled:d}),v&&l("xs","pr"),p),"aria-disabled":d,children:[$?s.jsx("button",{type:"button",onClick:d?void 0:w,onKeyDown:D,disabled:d,"aria-pressed":o?!0:void 0,"aria-label":g||I,tabIndex:x!==void 0?x:L?0:void 0,className:n("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}),P,v&&!d&&s.jsx("button",{type:"button",onClick:T=>{T.stopPropagation(),v()},className:n(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(W.X,{className:"h-3 w-3","aria-hidden":"true"})})]})});ue.displayName="Chip";function Qe(i){var c=i,{message:e,id:a,className:r=""}=c,t=h(c,["message","id","className"]);const o=[l("xs","mt"),j("bodySmall"),"text-fg-error","flex","items-center",l("xs","gap")],d=n(...o,r);return s.jsxs("div",y(u({role:"alert",id:a,className:d,"aria-live":"polite"},t),{children:[s.jsx(W.AlertCircle,{className:"h-4 w-4 shrink-0","aria-hidden":"true"}),s.jsx("span",{children:e})]}))}function ea(t){var i=t,{variant:e="info",className:a}=i,r=h(i,["variant","className"]);const c={warning:n("bg-warning-bg","text-warning-dark","border-warning"),error:n("bg-error-bg","text-error-dark","border-error"),info:n("bg-info-bg","text-info-dark","border-info")};return s.jsx("div",u({role:"alert",className:n("border",l("base","px"),l("sm","py"),N("lg"),c[e],a)},r))}const aa=A(n("w-full",N("md"),"transition-colors","focus:outline-none","focus:ring-2","focus:ring-offset-2","disabled:opacity-50","disabled:cursor-not-allowed"),{variants:{variant:{default:n("border-0","border-b-2","border-line-default","focus:border-line-focus"),outlined:n("border","border-line-default","focus:border-line-focus"),filled:n("bg-surface-muted","border-0","focus:bg-surface-base","focus:ring-2","focus:ring-line-focus")},size:{sm:n("h-8",j("bodySmall"),l("md","px")),md:n("h-10",j("body"),l("base","px")),lg:n("h-12",j("bodyLarge"),l("lg","px"))},state:{default:"",error:n("border-error","focus:border-error","focus:ring-error"),success:n("border-success","focus:border-success","focus:ring-success")}},defaultVariants:{variant:"outlined",size:"md",state:"default"}});function ta({error:e,success:a,helperText:r,errorId:t,helperId:i}){const c=n(l("xs","mt"),R("caption"),e&&"text-fg-error",a&&"text-fg-success",!e&&!a&&"text-fg-secondary"),o=r||(e?"Error":a?"Success":"");return s.jsx("div",{id:t||i,className:c,role:e||a?"alert":void 0,children:o})}const fe=S.forwardRef(function(E,w){var $=E,{id:a,label:r,error:t=!1,success:i=!1,helperText:c,size:o="md",variant:d="outlined",leftIcon:p,rightIcon:g,rightSlot:x,className:b="",disabled:f=!1,type:m="text"}=$,v=h($,["id","label","error","success","helperText","size","variant","leftIcon","rightIcon","rightSlot","className","disabled","type"]);typeof process!="undefined"&&process.env.NODE_ENV!=="production"&&r&&!a&&console.warn("[InputBase] `label` was provided without an `id`. The <label> cannot bind to the input (InputBase does not auto-generate an id — that needs a client hook). Pass an `id`, or use the interactive `Input` which auto-generates one.");const L=t?"error":i?"success":"default",D=t&&a?`${a}-error`:void 0,O=c&&a?`${a}-helper`:void 0,B=o==="sm"?"h-4 w-4":o==="lg"?"h-5 w-5":"h-4 w-4",P=o==="sm"?"top-2":o==="lg"?"top-3.5":"top-2.5",I=n(aa({variant:d,size:o,state:L}),p&&(o==="sm"?"pl-9":l(o==="lg"?"3xl":"2xl","pl")),(g||x)&&(o==="sm"?"pr-9":l(o==="lg"?"3xl":"2xl","pr")),b),T=n("block",R("label"),l("xs","mb"),f&&"opacity-50");return s.jsxs("div",{className:"w-full",children:[r&&s.jsx("label",{htmlFor:a,className:T,children:r}),s.jsxs("div",{className:"relative",children:[p&&s.jsx("div",{className:`absolute left-3 ${P} text-fg-secondary opacity-60 pointer-events-none`,children:s.jsx("div",{className:B,children:p})}),s.jsx("input",u({id:a,ref:w,type:m,className:I,disabled:f,"aria-invalid":t,"aria-required":v.required,"aria-describedby":D||O,suppressHydrationWarning:!0},v)),(g||x)&&s.jsx("div",{className:`absolute right-3 top-0 bottom-0 flex items-center ${l("xs","gap")}`,children:x!=null?x:s.jsx("div",{className:`text-fg-secondary opacity-60 pointer-events-none ${B}`,children:g})})]}),(t||i||c)&&s.jsx(ta,{error:t,success:i,helperText:c,errorId:D,helperId:O})]})});fe.displayName="InputBase";const ra=n("block",j("label"),M("label"),"text-fg-primary"),sa={default:"",required:n("after:content-['*']",`after:${l("0.5","ml")}`,"after:text-fg-error"),optional:n("after:content-['(optional)']",`after:${l("xs","ml")}`,"after:text-fg-tertiary","after:font-normal")},pe=S.memo(S.forwardRef(function(o,c){var d=o,{variant:a="default",className:r="",children:t}=d,i=h(d,["variant","className","children"]);const p=n(ra,sa[a],r);return s.jsx("label",y(u({ref:c,className:p},i),{children:t}))}));pe.displayName="Label";class _{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 na={none:_.create("none"),sm:_.create("sm"),md:_.create("md"),lg:_.create("lg"),xl:_.create("xl"),"2xl":_.create("2xl"),inner:_.create("inner")};function X(e){return na[e].tailwind}const ia=A("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=A("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"}}),xe=S.forwardRef(function(b,x){var f=b,{value:a,max:r=100,variant:t="primary",size:i="md",showLabel:c=!1,label:o,"aria-label":d,className:p=""}=f,g=h(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:n("w-full",p)},g),{children:[c&&(o||!m)&&s.jsxs("div",{className:n("flex","items-center","justify-between",l("xs","mb")),children:[o&&s.jsx("span",{className:n(j("bodySmall"),M("label"),"text-fg-primary"),children:o}),!m&&v!==void 0&&s.jsxs("span",{className:n(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:n("relative","w-full","overflow-hidden",ia({size:i,variant:t}),N("full")),children:m?s.jsx("div",{className:n("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:n("h-full",ie({variant:t}),N("full"),"transition-all","duration-300","ease-out"),style:{width:`${v}%`},"aria-hidden":"true"})})]}))});xe.displayName="Progress";const la={horizontal:"w-full border-t",vertical:"h-full border-l self-stretch"},oa={solid:"border-solid",dashed:"border-dashed",dotted:"border-dotted"},me=S.memo(function(c){var o=c,{orientation:a="horizontal",variant:r="solid",className:t=""}=o,i=h(o,["orientation","variant","className"]);const d=n("border-0","border-line-default",la[a],oa[r],t);return a==="vertical"?s.jsx("div",u({className:d,role:"separator","aria-orientation":"vertical"},i)):s.jsx("hr",u({className:d,role:"separator","aria-orientation":"horizontal"},i))});me.displayName="Separator";function ca(d){var p=d,{variant:e="text",width:a,height:r,lines:t=1,className:i="","aria-label":c}=p,o=h(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")},b=n(...g,x[e],i),f={};a&&(f.width=a),r&&(f.height=r);const m=c||`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},o),{children:Array.from({length:t}).map((v,w)=>s.jsx("div",{className:b,style:w===t-1?{width:"75%"}:f,"aria-hidden":"true"},w))})):s.jsx("div",u({className:b,style:f,role:"status","aria-busy":"true","aria-label":m},o))}const da={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 ua(g,p){var x=g,{variant:e="paragraph",bold:a,italic:r,className:t,as:i,colorRole:c="neutral",colorShade:o="dark"}=x,d=h(x,["variant","bold","italic","className","as","colorRole","colorShade"]);const b=[];let f;if(i)f=i;else switch(e){case"heading":f="h2";break;case"list":f="li";break;default:f="p";break}return e==="heading"?b.push(R("h2")):e==="body"||e==="paragraph"?b.push(R("body")):e==="bodySmall"?b.push(R("bodySmall")):e==="bodyLarge"?b.push(R("bodyLarge")):e==="caption"?b.push(R("caption")):e==="label"?b.push(R("label")):b.push(R("body")),a&&b.push("font-bold"),r&&b.push("italic"),b.push(da[c][o]),s.jsx(f,u({ref:p,className:n(...b,t)},d))}const H=S.forwardRef(ua),fa={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"},ge=S.forwardRef((p,d)=>{var g=p,{className:e,maxWidth:a="lg",paddingX:r="base",paddingY:t="base",center:i=!0,children:c}=g,o=h(g,["className","maxWidth","paddingX","paddingY","center","children"]);return s.jsx("div",y(u({ref:d,className:n("w-full",fa[a],l(r,"px"),l(t,"py"),i&&"mx-auto",e)},o),{children:c}))});ge.displayName="Container";const be=S.forwardRef((p,d)=>{var g=p,{className:e,spacing:a="base",align:r="stretch",justify:t="start",direction:i="column",children:c}=g,o=h(g,["className","spacing","align","justify","direction","children"]);const x=i==="column"?l(a,"gap-y"):l(a,"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 s.jsx("div",y(u({ref:d,className:n("flex",i==="column"?"flex-col":"flex-row",x,b[r],f[t],e)},o),{children:c}))});be.displayName="Stack";function he(i){var c=i,{items:e,separator:a="/",className:r=""}=c,t=h(c,["items","separator","className"]);const o=["flex","items-center",l("sm","space-x"),j("bodySmall")],d=n(...o,r);return s.jsx("nav",y(u({"aria-label":"Breadcrumb",className:d},t),{children:s.jsx("ol",{className:n("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:n(l("sm","mx"),"text-fg-tertiary"),"aria-hidden":"true",children:a}),x?s.jsx("span",{className:n("text-fg-primary",M("label")),"aria-current":"page",children:p.label}):p.href?s.jsx("a",{href:p.href,className:n("inline-flex","items-center",l("xs","px"),l("xs","pt"),"border-b-2","border-transparent",j("bodySmall"),M("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 ye(t){var i=t,{children:e,className:a}=i,r=h(i,["children","className"]);return s.jsx("div",y(u({className:n("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 ve(o){var d=o,{children:e,icon:a,badge:r,as:t="h2",className:i}=d,c=h(d,["children","icon","badge","as","className"]);return s.jsxs(t,y(u({className:n("text-base font-semibold text-fg-primary","flex items-center",l("sm","gap"),i)},c),{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 we(t){var i=t,{children:e,className:a}=i,r=h(i,["children","className"]);return s.jsx("p",y(u({className:n("text-sm text-fg-secondary",a)},r),{children:e}))}function je(t){var i=t,{children:e,className:a}=i,r=h(i,["children","className"]);return s.jsx("div",y(u({"data-card-actions":"",className:n("flex items-center self-start",l("sm","gap"),a)},r),{children:e}))}function Ne(t){var i=t,{children:e,className:a}=i,r=h(i,["children","className"]);return s.jsx("div",y(u({className:n(a)},r),{children:e}))}function pa(g){var x=g,{variant:e="default",padding:a="medium",className:r="",onClick:t,"aria-label":i,"aria-labelledby":c,asSection:o=!1,children:d}=x,p=h(x,["variant","padding","className","onClick","aria-label","aria-labelledby","asSection","children"]);typeof process!="undefined"&&process.env.NODE_ENV!=="production"&&o&&!i&&!c&&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=A(n("bg-surface-base",N("lg"),"border","border-line-default",X("sm")),{variants:{variant:{default:"",hover:n(`hover:${X("md")}`,"transition-shadow","cursor-pointer"),selected:n("border-line-brand",X("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=n(b({variant:e,padding:a}),r),$=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":i,"aria-labelledby":c},p);return o?s.jsx("section",y(u({},$),{children:d})):s.jsx("div",y(u({},$),{children:d}))}const Se=S.memo(pa);Se.displayName="Card";const z=Se;z.Header=ye;z.Title=ve;z.Subtitle=we;z.Actions=je;z.Body=Ne;function xa(t){var i=t,{children:e,className:a=""}=i,r=h(i,["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 ma(t){var i=t,{children:e,className:a=""}=i,r=h(i,["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 ga(t){var i=t,{children:e,className:a=""}=i,r=h(i,["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 ba(t){var i=t,{children:e,className:a=""}=i,r=h(i,["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 ha(c){var o=c,{label:e,children:a,wrap:r=!0,className:t}=o,i=h(o,["label","children","wrap","className"]);const p=!(i["aria-label"]!=null||i["aria-labelledby"]!=null)&&typeof e=="string"&&e!==""?e:void 0;return s.jsxs("div",y(u({role:"group","aria-label":p,className:n("flex items-center",r?"flex-wrap":"flex-nowrap",l("sm","gap"),t)},i),{children:[e?s.jsx("span",{className:"shrink-0 text-fg-secondary text-sm",children:e}):null,a]}))}function ya({children:e,className:a}){return s.jsx("div",{className:n("flex-shrink-0 flex items-center",l("sm","gap"),a),children:e})}function va({children:e,className:a}){return s.jsx("nav",{className:n("flex-1 flex items-center justify-center",l("base","gap"),"hidden md:flex",a),"aria-label":"Main navigation",children:e})}const wa=A(n("w-full flex flex-col",l("2xl","py"),l("lg","px"),l("xl","gap-y")),{variants:{variant:{plain:"",gradient:"hero-gradient","gradient-glow":n("hero-gradient","hero-glow")},align:{start:"text-left",center:"text-center"}},defaultVariants:{variant:"plain",align:"start"}}),ja={start:"items-start",center:"items-center"},Na={start:"justify-start",center:"justify-center"},$e=S.forwardRef(function(v,m){var w=v,{kicker:a,title:r,description:t,actions:i,kpis:c,meta:o,variant:d="plain",align:p="start",className:g,"aria-label":x,"aria-labelledby":b}=w,f=h(w,["kicker","title","description","actions","kpis","meta","variant","align","className","aria-label","aria-labelledby"]);const E=x!=null||b!=null,$=x!=null?x:typeof r=="string"?r:void 0;return typeof process!="undefined"&&process.env.NODE_ENV!=="production"&&!E&&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:n(wa({variant:d,align:p}),g),"aria-label":$,"aria-labelledby":b},f),{children:[s.jsxs("div",{className:n("flex flex-col",l("md","gap-y"),ja[p]),children:[a?s.jsx(H,{as:"span",variant:"caption",colorRole:"primary",colorShade:"DEFAULT",className:"text-sm font-semibold tracking-wide uppercase",children:a}):null,s.jsx(H,{as:"h1",variant:"heading",className:"text-3xl font-bold tracking-tight sm:text-4xl",children:r}),t?s.jsx(H,{as:"p",variant:"body",colorRole:"neutral",colorShade:"DEFAULT",className:"max-w-2xl text-base leading-relaxed sm:text-lg",children:t}):null]}),i?s.jsx("div",{className:n("flex flex-wrap",l("sm","gap"),Na[p]),children:i}):null,c?s.jsx("div",{className:"w-full",children:c}):null,o?s.jsx(H,{as:"p",variant:"caption",colorRole:"neutral",colorShade:"light",className:"text-sm",children:o}):null]}))});$e.displayName="HeroSection";function Sa(r){var t=r,{className:e=""}=t,a=h(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 $a(t){var i=t,{orientation:e="horizontal",className:a=""}=i,r=h(i,["orientation","className"]);return e==="vertical"?s.jsx("div",u({className:n("w-px","h-6","bg-line-default","mx-auto",a),role:"separator","aria-orientation":"vertical"},r)):s.jsx("div",u({className:n("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 Ca=A(n("w-full","flex","flex-col",l("sm","gap")),{variants:{variant:{default:n(l("base","mb")),compact:n(l("sm","mb"))}},defaultVariants:{variant:"default"}});function ka(d){var p=d,{title:e,description:a,breadcrumb:r,actions:t,variant:i="default",className:c}=p,o=h(p,["title","description","breadcrumb","actions","variant","className"]);return s.jsxs("div",y(u({className:n(Ca({variant:i}),c)},o),{children:[r&&r.length>0&&s.jsx(he,{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(H,{variant:"heading",as:"h1",className:`${l("sm","mb")} text-2xl font-bold`,children:e}),a&&s.jsx(H,{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 Ea={start:"items-start text-left",center:"items-center text-center"},Ta={neutral:"text-fg-tertiary",success:"text-fg-success",warning:"text-fg-warning",error:"text-fg-error"};function Va(p){var g=p,{value:e,label:a,hint:r,icon:t,align:i="start",tone:c="neutral",className:o}=g,d=h(g,["value","label","hint","icon","align","tone","className"]);const x=e==null;return s.jsxs("div",y(u({className:n("bg-surface-base flex-1 flex flex-col",l("base","p"),l("xs","gap-y"),Ea[i],o)},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:n("text-xs",Ta[c]),children:r}):null]}))}const Aa={2:"md:grid-cols-2",3:"md:grid-cols-3",4:"md:grid-cols-4"};function La(c){var o=c,{layout:e="grid",cols:a=4,className:r,children:t}=o,i=h(o,["layout","cols","className","children"]);const d=e==="grid";return s.jsx("div",y(u({className:n("bg-line-default border border-line-default overflow-hidden gap-px",N("lg"),d?`grid grid-cols-2 ${Aa[a]}`:"flex",r)},i),{children:t}))}function Ra(i){var c=i,{column:e,row:a,className:r=""}=c,t=h(c,["column","row","className"]);const o=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(o,a):String(o!=null?o:"")}))}const Fa=A(n("flex items-center","border-b"),{variants:{variant:{default:n("border-line-default",l("base","gap-x")),sub:n("border-line-muted",l("sm","gap-x"))}},defaultVariants:{variant:"default"}}),Da=A(n("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:n(l("sm","px"),l("sm","py"),j("body")),sub:n(l("sm","px"),l("xs","py"),j("bodySmall"))},active:{true:n("border-line-brand","text-fg-brand-emphasis","font-medium"),false:n("text-fg-secondary","hover:text-fg-primary","hover:border-line-muted")}},compoundVariants:[{variant:"sub",active:!1,class:n("text-fg-tertiary","hover:text-fg-secondary")}],defaultVariants:{variant:"default",active:!1}}),Oa=n("inline-flex items-center justify-center",N("full"),l("xs","px"),"bg-surface-muted text-fg-secondary text-xs"),Ce=S.forwardRef(function(g,p){var x=g,{items:a,variant:r="default",linkComponent:t,className:i,"aria-label":c,"aria-labelledby":o}=x,d=h(x,["items","variant","linkComponent","className","aria-label","aria-labelledby"]);typeof process!="undefined"&&process.env.NODE_ENV!=="production"&&!c&&!o&&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 b=t!=null?t:"a";return s.jsx("nav",y(u({ref:p,className:n(Fa({variant:r}),i),"aria-label":c,"aria-labelledby":o},d),{children:a.map((f,m)=>s.jsxs(b,{href:f.href,"aria-current":f.active?"page":void 0,"data-active":f.active?"true":void 0,className:Da({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:Oa,children:f.count}):null]},f.href||m))}))});Ce.displayName="TabsAsLinks";function _a({items:e,orientation:a="vertical",className:r=""}){return a==="horizontal"?s.jsx("div",{className:`flex items-start ${r}`,children:e.map((t,i)=>{const c=t.status||(i===0?"active":i<e.findIndex(d=>d.status==="active")?"completed":"default"),o=i===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({},c==="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
|
-
${
|
|
28
|
-
`,children:
|
|
27
|
+
${c==="completed"?"bg-success border-success text-fg-inverse":c==="active"?"bg-surface-brand-strong border-line-brand text-fg-inverse":c==="error"?"bg-error border-error text-fg-inverse":"bg-surface-base border-line-emphasis text-fg-quaternary"}
|
|
28
|
+
`,children:t.icon||(c==="completed"?s.jsx(W.CheckCircle2,{className:"h-4 w-4"}):i+1)})),!o&&s.jsx("div",{className:`
|
|
29
29
|
w-full
|
|
30
30
|
h-0.5
|
|
31
31
|
${l("sm","mt")}
|
|
32
|
-
${
|
|
33
|
-
`}),
|
|
32
|
+
${c==="completed"?"bg-success":"bg-line-emphasis"}
|
|
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,i)=>{const c=t.status||(i===0?"active":i<e.findIndex(d=>d.status==="active")?"completed":"default"),o=i===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({},c==="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
|
-
${
|
|
42
|
-
`,children:
|
|
41
|
+
${c==="completed"?"bg-success border-success text-fg-inverse":c==="active"?"bg-surface-brand-strong border-line-brand text-fg-inverse":c==="error"?"bg-error border-error text-fg-inverse":"bg-surface-base border-line-emphasis text-fg-quaternary"}
|
|
42
|
+
`,children:t.icon||(c==="completed"?s.jsx(W.CheckCircle2,{className:"h-4 w-4"}):i+1)})),!o&&s.jsx("div",{className:`
|
|
43
43
|
w-0.5
|
|
44
44
|
flex-1
|
|
45
45
|
min-h-16
|
|
46
46
|
${l("sm","mt")}
|
|
47
|
-
${
|
|
48
|
-
`})]}),
|
|
47
|
+
${c==="completed"?"bg-success":"bg-line-emphasis"}
|
|
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
|
-
${
|
|
52
|
-
`,children:
|
|
51
|
+
${c==="active"?"text-fg-brand-emphasis":"text-fg-primary"}
|
|
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=he;exports.Button=de;exports.Card=z;exports.CardActions=je;exports.CardBody=Ne;exports.CardHeader=ye;exports.CardSubtitle=we;exports.CardTitle=ve;exports.Chip=ue;exports.Container=ge;exports.DialogFooter=ma;exports.DialogHeader=xa;exports.DrawerFooter=ba;exports.DrawerHeader=ga;exports.ErrorMessage=Qe;exports.FilterChips=ha;exports.HeaderActions=ya;exports.HeaderNavigation=va;exports.HeroSection=$e;exports.Info=ea;exports.InputBase=fe;exports.Label=pe;exports.MenuSeparator=Sa;exports.NavbarSeparator=$a;exports.PageHeader=ka;exports.Progress=xe;exports.Separator=me;exports.Skeleton=ca;exports.Spinner=Z;exports.Stack=be;exports.Stat=Va;exports.StatGroup=La;exports.TableCell=Ra;exports.TabsAsLinks=Ce;exports.Text=H;exports.Timeline=_a;
|
|
53
53
|
//# sourceMappingURL=index.cjs.map
|