themelia-ui 1.0.0

package/dist/display-BPuD0OAo.cjs

@@ -0,0 +1 @@
+const e=require("./rolldown-runtime-BocRIvOZ.cjs"),t=require("./typography-kBzTy-jM.cjs"),n=require("./ui-provider-BS7QPJVb.cjs"),r=require("./buttons-CQc0AVpb.cjs"),i=require("./tooltip-oXbyn0gC.cjs"),a=require("./structure-C4IX5OuO.cjs"),o=require("./primitives-Bcjsjg7A.cjs"),s=require("./badge-CSoXP1oV.cjs");let c=require("lucide-react"),l=require("react");l=e.t(l,1);let u=require("react/jsx-runtime"),d=require("@base-ui/react/separator"),f=require("date-fns"),p=require("clsx");var m={light:`display-module__light___n17-p`,dark:`display-module__dark___9vFvw`,separator:`display-module__separator___FUVYT`,separatorLabelled:`display-module__separatorLabelled___--sDa`,collapsibleContent:`display-module__collapsibleContent___AjMhV`,collapsibleInner:`display-module__collapsibleInner___9q4II`,collapsibleTrigger:`display-module__collapsibleTrigger___Aqpes`,collapsibleIcon:`display-module__collapsibleIcon___FWuSv`,scrollArea:`display-module__scrollArea___TfXOP`,indicator:`display-module__indicator___vKsCz`,indicatorDot:`display-module__indicatorDot___AfAS-`,indicatorDotTrue:`display-module__indicatorDotTrue___Kf9-E`,visuallyHidden:`display-module__visuallyHidden___YNeh7`,iconBadge:`display-module__iconBadge___eM0Xf`,iconBadgeCircle:`display-module__iconBadgeCircle___ISbbd`,iconBadgeBordered:`display-module__iconBadgeBordered___QsxVA`,toneNeutral:`display-module__toneNeutral___ZKX6P`,tonePrimary:`display-module__tonePrimary___fnD9J`,toneSuccess:`display-module__toneSuccess___wiJ0t`,toneWarning:`display-module__toneWarning___fu3h0`,toneDestructive:`display-module__toneDestructive___u-5pR`,toneInfo:`display-module__toneInfo___QUJoe`,iconBadgeSolid:`display-module__iconBadgeSolid___Iqf-X`,contentBlock:`display-module__contentBlock___tV5fb`,contentBlockBordered:`display-module__contentBlockBordered___jkdHM`,contentBlockMuted:`display-module__contentBlockMuted___eQRR6`,contentBlockCard:`display-module__contentBlockCard___uUFgN`,contentBlockFlush:`display-module__contentBlockFlush___48TG5`,contentBlockHeader:`display-module__contentBlockHeader___PA8EZ`,contentBlockTitle:`display-module__contentBlockTitle___MjQQq`,contentBlockDescription:`display-module__contentBlockDescription___2FN7v`,contentBlockIcon:`display-module__contentBlockIcon___mJEVf`,dateBlock:`display-module__dateBlock___nhDaP`,dateBlockBoxed:`display-module__dateBlockBoxed___JT3pa`,dateBlockInline:`display-module__dateBlockInline___rCvB-`,dateBlockWeekday:`display-module__dateBlockWeekday___ymT-L`,dateBlockDay:`display-module__dateBlockDay___o9iGF`,dateBlockMonth:`display-module__dateBlockMonth___fKDbV`,dateBlockYear:`display-module__dateBlockYear___3XxnB`,dateBlockTime:`display-module__dateBlockTime___EjZ9Q`,placeholderPattern:`display-module__placeholderPattern___UCHXF`,kbd:`display-module__kbd___GdzG9`,kbdGroup:`display-module__kbdGroup___qzVnM`,inlineStat:`display-module__inlineStat___ACz8z`},h=e=>typeof e==`number`?`${e}px`:e;function g({className:e,orientation:n=`horizontal`,variant:r=`solid`,thickness:i,label:a,style:o,...s}){let c={...i===void 0?null:{"--separator-thickness":h(i)},...o};return a&&n===`horizontal`?(0,u.jsx)(`div`,{"data-slot":`separator`,"data-orientation":`horizontal`,"data-variant":r,className:(0,p.clsx)(`separator--component`,m.separatorLabelled,e),style:c,children:(0,u.jsx)(t.o,{tag:`span`,type:`secondary`,size:`xs`,children:a})}):(0,u.jsx)(d.Separator,{"data-slot":`separator`,orientation:n,"data-variant":r,className:(0,p.clsx)(`separator--component`,m.separator,e),style:c,...s})}var _=l.createContext(null);function v(e){let t=l.useContext(_);if(!t)throw Error(`<${e}> must be used within <Collapsible>`);return t}function y({open:e,defaultOpen:t=!1,onOpenChange:n,className:r,children:i,...a}){let[o,s]=l.useState(t),c=e!==void 0,d=c?e:o,f=l.useId(),m=l.useCallback(e=>{c||s(e),n?.(e)},[c,n]),h=l.useMemo(()=>({open:d,setOpen:m,id:f}),[d,m,f]);return(0,u.jsx)(_.Provider,{value:h,children:(0,u.jsx)(`div`,{"data-slot":`collapsible`,"data-open":d?``:void 0,className:(0,p.clsx)(`collapsible--component`,r),...a,children:i})})}function b({className:e,children:t,onClick:n,...r}){let{open:i,setOpen:a,id:o}=v(`CollapsibleTrigger`);return(0,u.jsxs)(`button`,{type:`button`,"data-slot":`collapsible-trigger`,"aria-expanded":i,"aria-controls":o,className:(0,p.clsx)(`collapsible--trigger`,m.collapsibleTrigger,e),"data-hit-area":!0,onClick:e=>{n?.(e),e.defaultPrevented||a(!i)},...r,children:[(0,u.jsx)(c.ChevronRightIcon,{className:m.collapsibleIcon,"aria-hidden":!0}),t]})}function x({className:e,children:t,...n}){let{open:r,id:i}=v(`CollapsibleContent`);return(0,u.jsx)(`div`,{id:i,"data-slot":`collapsible-content`,"data-open":r?``:void 0,"aria-hidden":!r,className:(0,p.clsx)(`collapsible--content`,m.collapsibleContent,e),...n,children:(0,u.jsx)(`div`,{className:m.collapsibleInner,children:t})})}function S({className:e,...t}){return(0,u.jsx)(`div`,{"data-slot":`scroll-area`,tabIndex:0,className:(0,p.clsx)(`scroll-area--component`,m.scrollArea,e),...t})}var C={true:`Yes`,false:`No`};function w({value:e,strings:n,className:r,...i}){let a={...C,...n};return(0,u.jsxs)(`span`,{"data-slot":`boolean-indicator`,"data-value":e?`true`:`false`,className:(0,p.clsx)(`boolean-indicator--component`,m.indicator,r),...i,children:[(0,u.jsx)(`span`,{className:(0,p.clsx)(m.indicatorDot,e&&m.indicatorDotTrue),"aria-hidden":!0}),(0,u.jsx)(t.o,{tag:`span`,size:`inherit`,children:e?a.true:a.false})]})}function T({className:e,render:t,...n}){let r=(0,p.clsx)(m.visuallyHidden,e);return t?l.cloneElement(t,{...n,...t.props,className:(0,p.clsx)(r,t.props.className)}):(0,u.jsx)(`span`,{className:(0,p.clsx)(`visually-hidden--component`,r),...n})}var E={neutral:m.toneNeutral,primary:m.tonePrimary,success:m.toneSuccess,warning:m.toneWarning,destructive:m.toneDestructive,info:m.toneInfo};function D({icon:e,children:t,tone:n=`neutral`,shape:r=`rounded`,solid:i=!1,bordered:a=!1,className:o,...s}){let c=t||(e?(0,l.isValidElement)(e)?e:(0,u.jsx)(e,{"aria-hidden":!0}):null);return(0,u.jsx)(`span`,{className:(0,p.clsx)(`icon-badge--component`,m.iconBadge,E[n],r===`circle`&&m.iconBadgeCircle,i&&m.iconBadgeSolid,a&&m.iconBadgeBordered,o),...s,children:c})}function O({title:e,description:t,icon:n,titleSuffix:r,headerEnd:i,surface:a=`plain`,flush:o=!1,className:s,children:c,...l}){let d=!!(e||t||n||i);return(0,u.jsxs)(`div`,{className:(0,p.clsx)(`content-block--component`,m.contentBlock,a===`bordered`&&m.contentBlockBordered,a===`muted`&&m.contentBlockMuted,a===`card`&&m.contentBlockCard,o&&m.contentBlockFlush,s),...l,children:[d&&(0,u.jsxs)(`div`,{className:m.contentBlockHeader,children:[n!=null&&(0,u.jsx)(`span`,{className:m.contentBlockIcon,children:n}),(0,u.jsxs)(`span`,{className:m.contentBlockTitle,"data-suffixed":r!=null||void 0,children:[e,r]}),i]}),t!=null&&(0,u.jsx)(`div`,{className:m.contentBlockDescription,children:t}),c]})}function k(e){if(e==null)return null;let t=e instanceof Date?e:new Date(e);return(0,f.isValid)(t)?t:null}function A({date:e,time:t,dateTime:r,layout:i=`stacked`,boxed:a,showWeekday:o=!0,showMonth:s=!0,showYear:c=!1,weekdayFormat:l=`EEE`,dayFormat:d=`d`,monthFormat:h=`MMM`,yearFormat:g=`yyyy`,className:_,...v}){let{locale:y}=n.t(),b=k(e),x=a??i===`stacked`;return b?(0,u.jsxs)(`time`,{dateTime:r??b.toISOString(),className:(0,p.clsx)(`date-block--component`,m.dateBlock,i===`inline`&&m.dateBlockInline,x&&m.dateBlockBoxed,_),...v,children:[o&&(0,u.jsx)(`span`,{className:m.dateBlockWeekday,children:(0,f.format)(b,l,{locale:y})}),(0,u.jsx)(`span`,{className:m.dateBlockDay,children:(0,f.format)(b,d,{locale:y})}),s&&(0,u.jsx)(`span`,{className:m.dateBlockMonth,children:(0,f.format)(b,h,{locale:y})}),c&&(0,u.jsx)(`span`,{className:m.dateBlockYear,children:(0,f.format)(b,g,{locale:y})}),t!=null&&(0,u.jsx)(`span`,{className:m.dateBlockTime,children:t})]}):null}function j({className:e,...t}){return(0,u.jsx)(`div`,{"aria-hidden":!0,className:(0,p.clsx)(`placeholder-pattern--component`,m.placeholderPattern,e),...t})}function M({className:e,...t}){return(0,u.jsx)(`kbd`,{"data-slot":`kbd`,className:(0,p.clsx)(`kbd--component`,m.kbd,e),...t})}function N({className:e,...t}){return(0,u.jsx)(`span`,{"data-slot":`kbd-group`,className:(0,p.clsx)(`kbd-group--component`,m.kbdGroup,e),...t})}var P=`metadata-value--component`;function F(e){return e==null||e===``}function I(e,t=`—`){return(0,u.jsx)(o.z,{size:`inherit`,label:t,className:(0,p.clsx)(P,e)})}function L(e){throw Error(`Unsupported metadata value descriptor: ${JSON.stringify(e)}`)}function R(e){if(e.kind===`node`)return(0,u.jsx)(u.Fragment,{children:e.node});if(e.kind===`empty`||e.kind!==`link`&&F(e.value))return I(e.className,e.emptyLabel);let t=(0,p.clsx)(P,e.className);switch(e.kind){case void 0:case`text`:return(0,u.jsx)(o.U,{size:`inherit`,className:(0,p.clsx)(`metadata-value--component`,t),children:e.display??e.value});case`mono`:return(0,u.jsx)(o.B,{size:`inherit`,className:t,children:e.display??e.value});case`email`:return(0,u.jsx)(o.D,{value:e.value,display:e.display,emptyLabel:e.emptyLabel,className:t});case`phone`:return(0,u.jsx)(o.k,{value:e.value,display:e.display,emptyLabel:e.emptyLabel,className:t});case`url`:return(0,u.jsx)(o.A,{value:e.value,display:e.display,emptyLabel:e.emptyLabel,className:t});case`link`:return(0,u.jsx)(o.O,{href:e.href,emptyLabel:e.emptyLabel,className:t,children:e.display??e.value??e.href});case`date`:return(0,u.jsx)(o.f,{value:e.value,pattern:e.pattern,emptyLabel:e.emptyLabel,size:`inherit`,className:t});case`time`:return(0,u.jsx)(o.g,{value:e.value,pattern:e.pattern,emptyLabel:e.emptyLabel,size:`inherit`,className:t});case`datetime`:return(0,u.jsx)(o.m,{value:e.value,pattern:e.pattern,emptyLabel:e.emptyLabel,size:`inherit`,className:t});case`money`:return(0,u.jsx)(o.E,{amount:e.value,currency:e.currency,unit:e.unit,minorUnitScale:e.minorUnitScale,formatMode:e.formatMode,locale:e.locale,emptyLabel:e.emptyLabel,size:`inherit`,className:t});case`badge`:return(0,u.jsx)(s.t,{tone:e.badgeTone??`secondary`,variant:e.badgeVariant,className:t,children:e.display??e.value});default:return L(e)}}var z={formatInfoLabel:e=>`${e} info`,infoFallback:`Info`},B={root:`metadata-module__root___jt7Qb`,title:`metadata-module__title___v9S9p`,titleSeparator:`metadata-module__titleSeparator___ciJ2B`,label:`metadata-module__label___5RVxp`,labelNoWrap:`metadata-module__labelNoWrap___ujXCX`,labelTruncate:`metadata-module__labelTruncate___3c0-l`,itemIcon:`metadata-module__itemIcon___56ISe`,value:`metadata-module__value___9Ur1F`,valueCompact:`metadata-module__valueCompact___7FJk8`,description:`metadata-module__description___wMZ-u`,infoTrigger:`metadata-module__infoTrigger___57rrI`,tooltip:`metadata-module__tooltip___nKEd0`,gridItem:`metadata-module__gridItem___ph3lg`,gridLabel:`metadata-module__gridLabel___AdYrP`,rows:`metadata-module__rows___RZaMC`,rowsDivided:`metadata-module__rowsDivided___QvBRk`,row:`metadata-module__row___phwYq`,rowLabel:`metadata-module__rowLabel___i5Hl9`,rowValue:`metadata-module__rowValue___m9sJz`,inline:`metadata-module__inline___Hk43g`,inlineItem:`metadata-module__inlineItem___qFmOZ`,inlineLabel:`metadata-module__inlineLabel___dVR4F`,inlineSeparator:`metadata-module__inlineSeparator___wfQLq`},V={1:1,2:{base:1,md:2},3:{base:1,sm:2,lg:3},4:{base:1,sm:2,lg:3,xl:4}};function H(e){return typeof e==`object`?e:V[e]}function U(e,t){return e.id?e.id:`metadata-${typeof e.label==`string`?e.label:t}-${t}`}function W(e){return typeof e==`object`&&!!e&&!(0,l.isValidElement)(e)&&!Array.isArray(e)&&(`kind`in e||`node`in e||`value`in e)}function G(e,t,n,r){return W(e)?e.kind===`node`?(0,u.jsx)(R,{...e}):(0,u.jsx)(R,{...e,emptyLabel:e.emptyLabel??n,className:(0,p.clsx)(r,e.className)}):typeof e==`string`||typeof e==`number`?(0,u.jsx)(R,{kind:t?`empty`:`text`,value:e,emptyLabel:n,className:r}):e}function K({label:e,copy:t}){let n=typeof e==`string`?t.formatInfoLabel(e):t.infoFallback;return(0,u.jsxs)(i.t,{children:[(0,u.jsx)(i.i,{render:(0,u.jsx)(r.c,{type:`button`,tone:`neutral`,buttonStyle:`ghost`,iconOnly:!0,"aria-label":n,className:B.infoTrigger,"data-hit-area":!0,children:(0,u.jsx)(c.InfoIcon,{})})}),(0,u.jsx)(i.n,{side:`top`,align:`start`,className:B.tooltip,children:e})]})}function q({item:e,copy:n,className:r}){let i=e.icon;return(0,u.jsxs)(u.Fragment,{children:[!!i&&(0,u.jsx)(i,{className:B.itemIcon}),(0,u.jsx)(t.i,{className:(0,p.clsx)(`metadata-list--label`,B.label,r),children:e.label}),e.tooltip!=null&&(0,u.jsx)(K,{label:e.tooltip,copy:n})]})}function J({items:e,columns:n=2,density:r=`default`,emptyLabel:i=`—`,title:o,titleSeparator:s=!1,className:c,layout:d=`grid`,separator:f=`: `,itemSeparator:m=!1,strings:h}){let _={...z,...h},v=(0,l.useMemo)(()=>e.filter(Boolean),[e]);if(v.length===0)return null;let y=r===`compact`,b=(0,p.clsx)(B.value,y&&B.valueCompact),x=o!=null,S=(0,u.jsxs)(u.Fragment,{children:[!!x&&(0,u.jsx)(t.i,{className:(0,p.clsx)(`metadata-list--title`,B.title),children:o}),!!(x&&s)&&(0,u.jsx)(g,{className:(0,p.clsx)(`metadata-list--title-separator`,B.titleSeparator)})]}),C=(0,p.clsx)(`metadata-list--component`,B.root,c),w=v.map((e,t)=>({item:e,key:U(e,t),absent:e.value===null||e.value===void 0,emptyLabel:e.emptyLabel??i,value:e.value??e.emptyLabel??i}));if(d===`inline`){let e=typeof m==`string`?m:m?`·`:``;return(0,u.jsxs)(`div`,{className:C,children:[S,(0,u.jsx)(a.o,{direction:`horizontal`,gap:y?`sm`:`md`,align:`baseline`,wrap:!0,className:(0,p.clsx)(`metadata-list--inline`,B.inline),children:w.map(({item:n,key:r,absent:i,emptyLabel:a,value:o},s)=>(0,u.jsxs)(l.Fragment,{children:[(0,u.jsxs)(`div`,{className:(0,p.clsx)(`metadata-list--item`,B.inlineItem),children:[(0,u.jsxs)(`span`,{className:B.inlineLabel,children:[(0,u.jsx)(q,{item:n,copy:_,className:B.labelNoWrap}),(0,u.jsx)(t.o,{size:`inherit`,type:`secondary`,children:f})]}),n.render?n.render(n):G(o,i,a,b)]}),!!(e&&s<w.length-1)&&(0,u.jsx)(t.o,{size:`inherit`,type:`secondary`,"aria-hidden":!0,className:(0,p.clsx)(`metadata-list--item-separator`,B.inlineSeparator),children:e})]},r))})]})}return d===`rows`?(0,u.jsxs)(`div`,{className:C,children:[S,(0,u.jsx)(`dl`,{"data-density":r,className:(0,p.clsx)(`metadata-list--rows`,B.rows,m!==!1&&B.rowsDivided),children:w.map(({item:e,key:n,absent:r,emptyLabel:i,value:a})=>(0,u.jsxs)(`div`,{className:(0,p.clsx)(`metadata-list--item`,B.row),children:[(0,u.jsx)(`dt`,{className:B.rowLabel,children:(0,u.jsx)(q,{item:e,copy:_,className:B.labelTruncate})}),(0,u.jsxs)(`dd`,{className:B.rowValue,children:[e.render?e.render(e):G(a,r,i,b),!!e.description&&(0,u.jsx)(t.o,{size:`xs`,type:`secondary`,className:(0,p.clsx)(`metadata-list--description`,B.description),children:e.description})]})]},n))})]}):(0,u.jsxs)(`div`,{className:C,children:[S,(0,u.jsx)(a.i,{columns:H(n),gap:y?`md`:`xl`,align:`start`,className:`metadata-list--grid`,children:w.map(({item:e,key:n,absent:r,emptyLabel:i,value:a})=>(0,u.jsxs)(`div`,{className:(0,p.clsx)(`metadata-list--item`,B.gridItem),children:[(0,u.jsx)(`div`,{className:B.gridLabel,children:(0,u.jsx)(q,{item:e,copy:_})}),e.render?e.render(e):G(a,r,i,b),!!e.description&&(0,u.jsx)(t.o,{size:`xs`,type:`secondary`,className:(0,p.clsx)(`metadata-list--description`,B.description),children:e.description})]},n))})]})}function Y({label:e,value:n,layout:r=`between`,mono:i=!1,className:a,...s}){let c=i?o.B:o.U;return(0,u.jsxs)(`div`,{"data-layout":r,className:(0,p.clsx)(`inline-stat--component`,m.inlineStat,a),...s,children:[(0,u.jsx)(t.i,{className:`inline-stat--label`,children:e}),(0,u.jsx)(c,{className:`inline-stat--value`,children:n})]})}Object.defineProperty(exports,"_",{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return M}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return A}}),Object.defineProperty(exports,"d",{enumerable:!0,get:function(){return T}}),Object.defineProperty(exports,"f",{enumerable:!0,get:function(){return w}}),Object.defineProperty(exports,"g",{enumerable:!0,get:function(){return x}}),Object.defineProperty(exports,"h",{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return R}}),Object.defineProperty(exports,"l",{enumerable:!0,get:function(){return O}}),Object.defineProperty(exports,"m",{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return J}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return N}}),Object.defineProperty(exports,"p",{enumerable:!0,get:function(){return C}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return z}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return j}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return Y}}),Object.defineProperty(exports,"u",{enumerable:!0,get:function(){return D}}),Object.defineProperty(exports,"v",{enumerable:!0,get:function(){return g}});

package/dist/display-DTWjv_bB.js

@@ -0,0 +1,634 @@
+import "./css/display.css";
+import { t as e } from "./cx--CBrhWH0.js";
+import { i as t, o as n } from "./typography-vC_wwEBm.js";
+import { t as r } from "./ui-provider-DvO3G7xp.js";
+import { c as i } from "./buttons-CabBjPap.js";
+import { i as a, n as o, t as s } from "./tooltip-C6LpEyYB.js";
+import { i as c, o as l } from "./structure-es_UqqmD.js";
+import { A as u, B as d, D as f, E as p, O as m, U as h, f as g, g as _, k as v, m as y, z as b } from "./primitives-D-cyAv5O.js";
+import { t as x } from "./badge-DwsR_WXN.js";
+import { ChevronRightIcon as S, InfoIcon as C } from "lucide-react";
+import * as w from "react";
+import { Fragment as ee, isValidElement as T, useMemo as E } from "react";
+import { Fragment as D, jsx as O, jsxs as k } from "react/jsx-runtime";
+import { Separator as te } from "@base-ui/react/separator";
+import { format as A, isValid as ne } from "date-fns";
+var j = {
+	light: "display-module__light___n17-p",
+	dark: "display-module__dark___9vFvw",
+	separator: "display-module__separator___FUVYT",
+	separatorLabelled: "display-module__separatorLabelled___--sDa",
+	collapsibleContent: "display-module__collapsibleContent___AjMhV",
+	collapsibleInner: "display-module__collapsibleInner___9q4II",
+	collapsibleTrigger: "display-module__collapsibleTrigger___Aqpes",
+	collapsibleIcon: "display-module__collapsibleIcon___FWuSv",
+	scrollArea: "display-module__scrollArea___TfXOP",
+	indicator: "display-module__indicator___vKsCz",
+	indicatorDot: "display-module__indicatorDot___AfAS-",
+	indicatorDotTrue: "display-module__indicatorDotTrue___Kf9-E",
+	visuallyHidden: "display-module__visuallyHidden___YNeh7",
+	iconBadge: "display-module__iconBadge___eM0Xf",
+	iconBadgeCircle: "display-module__iconBadgeCircle___ISbbd",
+	iconBadgeBordered: "display-module__iconBadgeBordered___QsxVA",
+	toneNeutral: "display-module__toneNeutral___ZKX6P",
+	tonePrimary: "display-module__tonePrimary___fnD9J",
+	toneSuccess: "display-module__toneSuccess___wiJ0t",
+	toneWarning: "display-module__toneWarning___fu3h0",
+	toneDestructive: "display-module__toneDestructive___u-5pR",
+	toneInfo: "display-module__toneInfo___QUJoe",
+	iconBadgeSolid: "display-module__iconBadgeSolid___Iqf-X",
+	contentBlock: "display-module__contentBlock___tV5fb",
+	contentBlockBordered: "display-module__contentBlockBordered___jkdHM",
+	contentBlockMuted: "display-module__contentBlockMuted___eQRR6",
+	contentBlockCard: "display-module__contentBlockCard___uUFgN",
+	contentBlockFlush: "display-module__contentBlockFlush___48TG5",
+	contentBlockHeader: "display-module__contentBlockHeader___PA8EZ",
+	contentBlockTitle: "display-module__contentBlockTitle___MjQQq",
+	contentBlockDescription: "display-module__contentBlockDescription___2FN7v",
+	contentBlockIcon: "display-module__contentBlockIcon___mJEVf",
+	dateBlock: "display-module__dateBlock___nhDaP",
+	dateBlockBoxed: "display-module__dateBlockBoxed___JT3pa",
+	dateBlockInline: "display-module__dateBlockInline___rCvB-",
+	dateBlockWeekday: "display-module__dateBlockWeekday___ymT-L",
+	dateBlockDay: "display-module__dateBlockDay___o9iGF",
+	dateBlockMonth: "display-module__dateBlockMonth___fKDbV",
+	dateBlockYear: "display-module__dateBlockYear___3XxnB",
+	dateBlockTime: "display-module__dateBlockTime___EjZ9Q",
+	placeholderPattern: "display-module__placeholderPattern___UCHXF",
+	kbd: "display-module__kbd___GdzG9",
+	kbdGroup: "display-module__kbdGroup___qzVnM",
+	inlineStat: "display-module__inlineStat___ACz8z"
+}, M = (e) => typeof e == "number" ? `${e}px` : e;
+function N({ className: t, orientation: r = "horizontal", variant: i = "solid", thickness: a, label: o, style: s, ...c }) {
+	let l = {
+		...a === void 0 ? null : { "--separator-thickness": M(a) },
+		...s
+	};
+	return o && r === "horizontal" ? /* @__PURE__ */ O("div", {
+		"data-slot": "separator",
+		"data-orientation": "horizontal",
+		"data-variant": i,
+		className: e("separator--component", j.separatorLabelled, t),
+		style: l,
+		children: /* @__PURE__ */ O(n, {
+			tag: "span",
+			type: "secondary",
+			size: "xs",
+			children: o
+		})
+	}) : /* @__PURE__ */ O(te, {
+		"data-slot": "separator",
+		orientation: r,
+		"data-variant": i,
+		className: e("separator--component", j.separator, t),
+		style: l,
+		...c
+	});
+}
+//#endregion
+//#region src/components/base/display/collapsible.tsx
+var P = w.createContext(null);
+function F(e) {
+	let t = w.useContext(P);
+	if (!t) throw Error(`<${e}> must be used within <Collapsible>`);
+	return t;
+}
+function I({ open: t, defaultOpen: n = !1, onOpenChange: r, className: i, children: a, ...o }) {
+	let [s, c] = w.useState(n), l = t !== void 0, u = l ? t : s, d = w.useId(), f = w.useCallback((e) => {
+		l || c(e), r?.(e);
+	}, [l, r]), p = w.useMemo(() => ({
+		open: u,
+		setOpen: f,
+		id: d
+	}), [
+		u,
+		f,
+		d
+	]);
+	return /* @__PURE__ */ O(P.Provider, {
+		value: p,
+		children: /* @__PURE__ */ O("div", {
+			"data-slot": "collapsible",
+			"data-open": u ? "" : void 0,
+			className: e("collapsible--component", i),
+			...o,
+			children: a
+		})
+	});
+}
+function re({ className: t, children: n, onClick: r, ...i }) {
+	let { open: a, setOpen: o, id: s } = F("CollapsibleTrigger");
+	return /* @__PURE__ */ k("button", {
+		type: "button",
+		"data-slot": "collapsible-trigger",
+		"aria-expanded": a,
+		"aria-controls": s,
+		className: e("collapsible--trigger", j.collapsibleTrigger, t),
+		"data-hit-area": !0,
+		onClick: (e) => {
+			r?.(e), e.defaultPrevented || o(!a);
+		},
+		...i,
+		children: [/* @__PURE__ */ O(S, {
+			className: j.collapsibleIcon,
+			"aria-hidden": !0
+		}), n]
+	});
+}
+function ie({ className: t, children: n, ...r }) {
+	let { open: i, id: a } = F("CollapsibleContent");
+	return /* @__PURE__ */ O("div", {
+		id: a,
+		"data-slot": "collapsible-content",
+		"data-open": i ? "" : void 0,
+		"aria-hidden": !i,
+		className: e("collapsible--content", j.collapsibleContent, t),
+		...r,
+		children: /* @__PURE__ */ O("div", {
+			className: j.collapsibleInner,
+			children: n
+		})
+	});
+}
+//#endregion
+//#region src/components/base/display/scroll-area.tsx
+function ae({ className: t, ...n }) {
+	return /* @__PURE__ */ O("div", {
+		"data-slot": "scroll-area",
+		tabIndex: 0,
+		className: e("scroll-area--component", j.scrollArea, t),
+		...n
+	});
+}
+//#endregion
+//#region src/components/base/display/boolean-indicator.strings.ts
+var L = {
+	true: "Yes",
+	false: "No"
+};
+//#endregion
+//#region src/components/base/display/boolean-indicator.tsx
+function R({ value: t, strings: r, className: i, ...a }) {
+	let o = {
+		...L,
+		...r
+	};
+	return /* @__PURE__ */ k("span", {
+		"data-slot": "boolean-indicator",
+		"data-value": t ? "true" : "false",
+		className: e("boolean-indicator--component", j.indicator, i),
+		...a,
+		children: [/* @__PURE__ */ O("span", {
+			className: e(j.indicatorDot, t && j.indicatorDotTrue),
+			"aria-hidden": !0
+		}), /* @__PURE__ */ O(n, {
+			tag: "span",
+			size: "inherit",
+			children: t ? o.true : o.false
+		})]
+	});
+}
+//#endregion
+//#region src/components/base/display/visually-hidden.tsx
+function z({ className: t, render: n, ...r }) {
+	let i = e(j.visuallyHidden, t);
+	return n ? w.cloneElement(n, {
+		...r,
+		...n.props,
+		className: e(i, n.props.className)
+	}) : /* @__PURE__ */ O("span", {
+		className: e("visually-hidden--component", i),
+		...r
+	});
+}
+//#endregion
+//#region src/components/base/display/icon-badge.tsx
+var B = {
+	neutral: j.toneNeutral,
+	primary: j.tonePrimary,
+	success: j.toneSuccess,
+	warning: j.toneWarning,
+	destructive: j.toneDestructive,
+	info: j.toneInfo
+};
+function V({ icon: t, children: n, tone: r = "neutral", shape: i = "rounded", solid: a = !1, bordered: o = !1, className: s, ...c }) {
+	let l = n || (t ? T(t) ? t : /* @__PURE__ */ O(t, { "aria-hidden": !0 }) : null);
+	return /* @__PURE__ */ O("span", {
+		className: e("icon-badge--component", j.iconBadge, B[r], i === "circle" && j.iconBadgeCircle, a && j.iconBadgeSolid, o && j.iconBadgeBordered, s),
+		...c,
+		children: l
+	});
+}
+//#endregion
+//#region src/components/base/display/content-block.tsx
+function H({ title: t, description: n, icon: r, titleSuffix: i, headerEnd: a, surface: o = "plain", flush: s = !1, className: c, children: l, ...u }) {
+	let d = !!(t || n || r || a);
+	return /* @__PURE__ */ k("div", {
+		className: e("content-block--component", j.contentBlock, o === "bordered" && j.contentBlockBordered, o === "muted" && j.contentBlockMuted, o === "card" && j.contentBlockCard, s && j.contentBlockFlush, c),
+		...u,
+		children: [
+			d && /* @__PURE__ */ k("div", {
+				className: j.contentBlockHeader,
+				children: [
+					r != null && /* @__PURE__ */ O("span", {
+						className: j.contentBlockIcon,
+						children: r
+					}),
+					/* @__PURE__ */ k("span", {
+						className: j.contentBlockTitle,
+						"data-suffixed": i != null || void 0,
+						children: [t, i]
+					}),
+					a
+				]
+			}),
+			n != null && /* @__PURE__ */ O("div", {
+				className: j.contentBlockDescription,
+				children: n
+			}),
+			l
+		]
+	});
+}
+//#endregion
+//#region src/components/base/display/date-block.tsx
+function U(e) {
+	if (e == null) return null;
+	let t = e instanceof Date ? e : new Date(e);
+	return ne(t) ? t : null;
+}
+function W({ date: t, time: n, dateTime: i, layout: a = "stacked", boxed: o, showWeekday: s = !0, showMonth: c = !0, showYear: l = !1, weekdayFormat: u = "EEE", dayFormat: d = "d", monthFormat: f = "MMM", yearFormat: p = "yyyy", className: m, ...h }) {
+	let { locale: g } = r(), _ = U(t), v = o ?? a === "stacked";
+	return _ ? /* @__PURE__ */ k("time", {
+		dateTime: i ?? _.toISOString(),
+		className: e("date-block--component", j.dateBlock, a === "inline" && j.dateBlockInline, v && j.dateBlockBoxed, m),
+		...h,
+		children: [
+			s && /* @__PURE__ */ O("span", {
+				className: j.dateBlockWeekday,
+				children: A(_, u, { locale: g })
+			}),
+			/* @__PURE__ */ O("span", {
+				className: j.dateBlockDay,
+				children: A(_, d, { locale: g })
+			}),
+			c && /* @__PURE__ */ O("span", {
+				className: j.dateBlockMonth,
+				children: A(_, f, { locale: g })
+			}),
+			l && /* @__PURE__ */ O("span", {
+				className: j.dateBlockYear,
+				children: A(_, p, { locale: g })
+			}),
+			n != null && /* @__PURE__ */ O("span", {
+				className: j.dateBlockTime,
+				children: n
+			})
+		]
+	}) : null;
+}
+//#endregion
+//#region src/components/base/display/placeholder-pattern.tsx
+function G({ className: t, ...n }) {
+	return /* @__PURE__ */ O("div", {
+		"aria-hidden": !0,
+		className: e("placeholder-pattern--component", j.placeholderPattern, t),
+		...n
+	});
+}
+//#endregion
+//#region src/components/base/display/kbd.tsx
+function K({ className: t, ...n }) {
+	return /* @__PURE__ */ O("kbd", {
+		"data-slot": "kbd",
+		className: e("kbd--component", j.kbd, t),
+		...n
+	});
+}
+function q({ className: t, ...n }) {
+	return /* @__PURE__ */ O("span", {
+		"data-slot": "kbd-group",
+		className: e("kbd-group--component", j.kbdGroup, t),
+		...n
+	});
+}
+//#endregion
+//#region src/components/base/display/metadata-value.tsx
+var J = "metadata-value--component";
+function oe(e) {
+	return e == null || e === "";
+}
+function se(t, n = "—") {
+	return /* @__PURE__ */ O(b, {
+		size: "inherit",
+		label: n,
+		className: e(J, t)
+	});
+}
+function ce(e) {
+	throw Error(`Unsupported metadata value descriptor: ${JSON.stringify(e)}`);
+}
+function Y(t) {
+	if (t.kind === "node") return /* @__PURE__ */ O(D, { children: t.node });
+	if (t.kind === "empty" || t.kind !== "link" && oe(t.value)) return se(t.className, t.emptyLabel);
+	let n = e(J, t.className);
+	switch (t.kind) {
+		case void 0:
+		case "text": return /* @__PURE__ */ O(h, {
+			size: "inherit",
+			className: e("metadata-value--component", n),
+			children: t.display ?? t.value
+		});
+		case "mono": return /* @__PURE__ */ O(d, {
+			size: "inherit",
+			className: n,
+			children: t.display ?? t.value
+		});
+		case "email": return /* @__PURE__ */ O(f, {
+			value: t.value,
+			display: t.display,
+			emptyLabel: t.emptyLabel,
+			className: n
+		});
+		case "phone": return /* @__PURE__ */ O(v, {
+			value: t.value,
+			display: t.display,
+			emptyLabel: t.emptyLabel,
+			className: n
+		});
+		case "url": return /* @__PURE__ */ O(u, {
+			value: t.value,
+			display: t.display,
+			emptyLabel: t.emptyLabel,
+			className: n
+		});
+		case "link": return /* @__PURE__ */ O(m, {
+			href: t.href,
+			emptyLabel: t.emptyLabel,
+			className: n,
+			children: t.display ?? t.value ?? t.href
+		});
+		case "date": return /* @__PURE__ */ O(g, {
+			value: t.value,
+			pattern: t.pattern,
+			emptyLabel: t.emptyLabel,
+			size: "inherit",
+			className: n
+		});
+		case "time": return /* @__PURE__ */ O(_, {
+			value: t.value,
+			pattern: t.pattern,
+			emptyLabel: t.emptyLabel,
+			size: "inherit",
+			className: n
+		});
+		case "datetime": return /* @__PURE__ */ O(y, {
+			value: t.value,
+			pattern: t.pattern,
+			emptyLabel: t.emptyLabel,
+			size: "inherit",
+			className: n
+		});
+		case "money": return /* @__PURE__ */ O(p, {
+			amount: t.value,
+			currency: t.currency,
+			unit: t.unit,
+			minorUnitScale: t.minorUnitScale,
+			formatMode: t.formatMode,
+			locale: t.locale,
+			emptyLabel: t.emptyLabel,
+			size: "inherit",
+			className: n
+		});
+		case "badge": return /* @__PURE__ */ O(x, {
+			tone: t.badgeTone ?? "secondary",
+			variant: t.badgeVariant,
+			className: n,
+			children: t.display ?? t.value
+		});
+		default: return ce(t);
+	}
+}
+//#endregion
+//#region src/components/base/display/metadata-list.strings.ts
+var X = {
+	formatInfoLabel: (e) => `${e} info`,
+	infoFallback: "Info"
+}, Z = {
+	root: "metadata-module__root___jt7Qb",
+	title: "metadata-module__title___v9S9p",
+	titleSeparator: "metadata-module__titleSeparator___ciJ2B",
+	label: "metadata-module__label___5RVxp",
+	labelNoWrap: "metadata-module__labelNoWrap___ujXCX",
+	labelTruncate: "metadata-module__labelTruncate___3c0-l",
+	itemIcon: "metadata-module__itemIcon___56ISe",
+	value: "metadata-module__value___9Ur1F",
+	valueCompact: "metadata-module__valueCompact___7FJk8",
+	description: "metadata-module__description___wMZ-u",
+	infoTrigger: "metadata-module__infoTrigger___57rrI",
+	tooltip: "metadata-module__tooltip___nKEd0",
+	gridItem: "metadata-module__gridItem___ph3lg",
+	gridLabel: "metadata-module__gridLabel___AdYrP",
+	rows: "metadata-module__rows___RZaMC",
+	rowsDivided: "metadata-module__rowsDivided___QvBRk",
+	row: "metadata-module__row___phwYq",
+	rowLabel: "metadata-module__rowLabel___i5Hl9",
+	rowValue: "metadata-module__rowValue___m9sJz",
+	inline: "metadata-module__inline___Hk43g",
+	inlineItem: "metadata-module__inlineItem___qFmOZ",
+	inlineLabel: "metadata-module__inlineLabel___dVR4F",
+	inlineSeparator: "metadata-module__inlineSeparator___wfQLq"
+}, le = {
+	1: 1,
+	2: {
+		base: 1,
+		md: 2
+	},
+	3: {
+		base: 1,
+		sm: 2,
+		lg: 3
+	},
+	4: {
+		base: 1,
+		sm: 2,
+		lg: 3,
+		xl: 4
+	}
+};
+function ue(e) {
+	return typeof e == "object" ? e : le[e];
+}
+function de(e, t) {
+	return e.id ? e.id : `metadata-${typeof e.label == "string" ? e.label : t}-${t}`;
+}
+function fe(e) {
+	return typeof e == "object" && !!e && !T(e) && !Array.isArray(e) && ("kind" in e || "node" in e || "value" in e);
+}
+function Q(t, n, r, i) {
+	return fe(t) ? t.kind === "node" ? /* @__PURE__ */ O(Y, { ...t }) : /* @__PURE__ */ O(Y, {
+		...t,
+		emptyLabel: t.emptyLabel ?? r,
+		className: e(i, t.className)
+	}) : typeof t == "string" || typeof t == "number" ? /* @__PURE__ */ O(Y, {
+		kind: n ? "empty" : "text",
+		value: t,
+		emptyLabel: r,
+		className: i
+	}) : t;
+}
+function pe({ label: e, copy: t }) {
+	let n = typeof e == "string" ? t.formatInfoLabel(e) : t.infoFallback;
+	return /* @__PURE__ */ k(s, { children: [/* @__PURE__ */ O(a, { render: /* @__PURE__ */ O(i, {
+		type: "button",
+		tone: "neutral",
+		buttonStyle: "ghost",
+		iconOnly: !0,
+		"aria-label": n,
+		className: Z.infoTrigger,
+		"data-hit-area": !0,
+		children: /* @__PURE__ */ O(C, {})
+	}) }), /* @__PURE__ */ O(o, {
+		side: "top",
+		align: "start",
+		className: Z.tooltip,
+		children: e
+	})] });
+}
+function $({ item: n, copy: r, className: i }) {
+	let a = n.icon;
+	return /* @__PURE__ */ k(D, { children: [
+		!!a && /* @__PURE__ */ O(a, { className: Z.itemIcon }),
+		/* @__PURE__ */ O(t, {
+			className: e("metadata-list--label", Z.label, i),
+			children: n.label
+		}),
+		n.tooltip != null && /* @__PURE__ */ O(pe, {
+			label: n.tooltip,
+			copy: r
+		})
+	] });
+}
+function me({ items: r, columns: i = 2, density: a = "default", emptyLabel: o = "—", title: s, titleSeparator: u = !1, className: d, layout: f = "grid", separator: p = ": ", itemSeparator: m = !1, strings: h }) {
+	let g = {
+		...X,
+		...h
+	}, _ = E(() => r.filter(Boolean), [r]);
+	if (_.length === 0) return null;
+	let v = a === "compact", y = e(Z.value, v && Z.valueCompact), b = s != null, x = /* @__PURE__ */ k(D, { children: [!!b && /* @__PURE__ */ O(t, {
+		className: e("metadata-list--title", Z.title),
+		children: s
+	}), !!(b && u) && /* @__PURE__ */ O(N, { className: e("metadata-list--title-separator", Z.titleSeparator) })] }), S = e("metadata-list--component", Z.root, d), C = _.map((e, t) => ({
+		item: e,
+		key: de(e, t),
+		absent: e.value === null || e.value === void 0,
+		emptyLabel: e.emptyLabel ?? o,
+		value: e.value ?? e.emptyLabel ?? o
+	}));
+	if (f === "inline") {
+		let t = typeof m == "string" ? m : m ? "·" : "";
+		return /* @__PURE__ */ k("div", {
+			className: S,
+			children: [x, /* @__PURE__ */ O(l, {
+				direction: "horizontal",
+				gap: v ? "sm" : "md",
+				align: "baseline",
+				wrap: !0,
+				className: e("metadata-list--inline", Z.inline),
+				children: C.map(({ item: r, key: i, absent: a, emptyLabel: o, value: s }, c) => /* @__PURE__ */ k(ee, { children: [/* @__PURE__ */ k("div", {
+					className: e("metadata-list--item", Z.inlineItem),
+					children: [/* @__PURE__ */ k("span", {
+						className: Z.inlineLabel,
+						children: [/* @__PURE__ */ O($, {
+							item: r,
+							copy: g,
+							className: Z.labelNoWrap
+						}), /* @__PURE__ */ O(n, {
+							size: "inherit",
+							type: "secondary",
+							children: p
+						})]
+					}), r.render ? r.render(r) : Q(s, a, o, y)]
+				}), !!(t && c < C.length - 1) && /* @__PURE__ */ O(n, {
+					size: "inherit",
+					type: "secondary",
+					"aria-hidden": !0,
+					className: e("metadata-list--item-separator", Z.inlineSeparator),
+					children: t
+				})] }, i))
+			})]
+		});
+	}
+	return f === "rows" ? /* @__PURE__ */ k("div", {
+		className: S,
+		children: [x, /* @__PURE__ */ O("dl", {
+			"data-density": a,
+			className: e("metadata-list--rows", Z.rows, m !== !1 && Z.rowsDivided),
+			children: C.map(({ item: t, key: r, absent: i, emptyLabel: a, value: o }) => /* @__PURE__ */ k("div", {
+				className: e("metadata-list--item", Z.row),
+				children: [/* @__PURE__ */ O("dt", {
+					className: Z.rowLabel,
+					children: /* @__PURE__ */ O($, {
+						item: t,
+						copy: g,
+						className: Z.labelTruncate
+					})
+				}), /* @__PURE__ */ k("dd", {
+					className: Z.rowValue,
+					children: [t.render ? t.render(t) : Q(o, i, a, y), !!t.description && /* @__PURE__ */ O(n, {
+						size: "xs",
+						type: "secondary",
+						className: e("metadata-list--description", Z.description),
+						children: t.description
+					})]
+				})]
+			}, r))
+		})]
+	}) : /* @__PURE__ */ k("div", {
+		className: S,
+		children: [x, /* @__PURE__ */ O(c, {
+			columns: ue(i),
+			gap: v ? "md" : "xl",
+			align: "start",
+			className: "metadata-list--grid",
+			children: C.map(({ item: t, key: r, absent: i, emptyLabel: a, value: o }) => /* @__PURE__ */ k("div", {
+				className: e("metadata-list--item", Z.gridItem),
+				children: [
+					/* @__PURE__ */ O("div", {
+						className: Z.gridLabel,
+						children: /* @__PURE__ */ O($, {
+							item: t,
+							copy: g
+						})
+					}),
+					t.render ? t.render(t) : Q(o, i, a, y),
+					!!t.description && /* @__PURE__ */ O(n, {
+						size: "xs",
+						type: "secondary",
+						className: e("metadata-list--description", Z.description),
+						children: t.description
+					})
+				]
+			}, r))
+		})]
+	});
+}
+//#endregion
+//#region src/components/base/display/inline-stat.tsx
+function he({ label: n, value: r, layout: i = "between", mono: a = !1, className: o, ...s }) {
+	let c = a ? d : h;
+	return /* @__PURE__ */ k("div", {
+		"data-layout": i,
+		className: e("inline-stat--component", j.inlineStat, o),
+		...s,
+		children: [/* @__PURE__ */ O(t, {
+			className: "inline-stat--label",
+			children: n
+		}), /* @__PURE__ */ O(c, {
+			className: "inline-stat--value",
+			children: r
+		})]
+	});
+}
+//#endregion
+export { re as _, K as a, W as c, z as d, R as f, ie as g, I as h, Y as i, H as l, ae as m, me as n, q as o, L as p, X as r, G as s, he as t, V as u, N as v };