@solibo/solibo-ui 1.0.15 → 1.0.16

package/dist/components/app-link/index.js

@@ -1,17 +1,17 @@
 import { jsxs as c, jsx as l } from "react/jsx-runtime";
-import { t as a } from "../../classix-DG18itHa.js";
+import { t as e } from "../../classix-DG18itHa.js";
 import { Link as s } from "../link/index.js";
-import '../../assets/index23.css';const t = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='24'%20fill='none'%3e%3cpath%20fill='%23000'%20d='M16.705%2012.763c.012-.92.262-1.822.727-2.622a5.5%205.5%200%200%201%201.933-1.954A5.7%205.7%200%200%200%2017.4%206.478a5.8%205.8%200%200%200-2.54-.669c-1.896-.194-3.734%201.107-4.7%201.107-.985%200-2.472-1.088-4.074-1.056a6.1%206.1%200%200%200-2.93.854%205.9%205.9%200%200%200-2.12%202.153c-2.182%203.69-.554%209.114%201.537%2012.097%201.047%201.46%202.27%203.092%203.87%203.035%201.566-.064%202.15-.975%204.04-.975%201.873%200%202.422.974%204.054.938%201.68-.027%202.74-1.468%203.749-2.942A12%2012%200%200%200%2020%2017.612a5.37%205.37%200%200%201-2.395-1.94%205.2%205.2%200%200%201-.9-2.909M13.62%203.847A5.29%205.29%200%200%200%2014.88%200a5.64%205.64%200%200%200-3.621%201.83%205.1%205.1%200%200%200-1.023%201.726%205%205%200%200%200-.268%201.978c.7.007%201.393-.141%202.025-.433a4.6%204.6%200%200%200%201.629-1.254'/%3e%3c/svg%3e", g = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='21'%20height='24'%20fill='none'%3e%3cpath%20fill='%23EA4335'%20d='M9.805%2011.462.09%2022.006l.001.006C.39%2023.158%201.411%2024%202.625%2024c.486%200%20.941-.134%201.332-.37l.03-.018%2010.936-6.453z'/%3e%3cpath%20fill='%23FBBC04'%20d='m19.633%209.666-.009-.006-4.721-2.799-5.32%204.84%205.339%205.457%204.696-2.77A2.7%202.7%200%200%200%2021%2012.022a2.69%202.69%200%200%200-1.367-2.356'/%3e%3cpath%20fill='%234285F4'%20d='M.09%201.993a2.7%202.7%200%200%200-.09.69v18.633q0%20.36.09.69L10.14%2011.73z'/%3e%3cpath%20fill='%2334A853'%20d='m9.877%2012%205.027-5.14L3.982.383A2.6%202.6%200%200%200%202.626%200C1.412%200%20.389.844.09%201.99v.003z'/%3e%3c/svg%3e", h = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='74'%20height='15'%3e%3cpath%20d='M57.518%2011.41h1.629V.398h-1.629zm14.67-7.045-1.866%204.774h-.056l-1.938-4.774h-1.755l2.906%206.672-1.656%203.712h1.698L74%204.365zm-9.236%205.794c-.534%200-1.278-.269-1.278-.936%200-.849.926-1.175%201.727-1.175.715%200%201.053.156%201.488.369-.127%201.02-.997%201.742-1.937%201.742m.196-6.035c-1.179%200-2.401.524-2.906%201.686l1.446.609c.309-.609.884-.808%201.488-.808.843%200%201.699.51%201.713%201.417v.113c-.295-.17-.926-.425-1.699-.425-1.558%200-3.145.865-3.145%202.48%200%201.473%201.278%202.422%202.71%202.422%201.095%200%201.7-.495%202.078-1.077h.056v.85h1.572V7.17c0-1.954-1.446-3.045-3.313-3.045M53.082%205.705h-2.316V1.931h2.316c1.218%200%201.91%201.017%201.91%201.887%200%20.853-.692%201.887-1.91%201.887M53.04.398h-3.902V11.41h1.628V7.238h2.274c1.805%200%203.58-1.32%203.58-3.42%200-2.101-1.775-3.42-3.58-3.42m-21.282%209.763c-1.125%200-2.067-.95-2.067-2.256%200-1.32.942-2.285%202.067-2.285%201.112%200%201.983.965%201.983%202.285%200%201.305-.871%202.256-1.983%202.256m1.87-5.18h-.056c-.366-.44-1.068-.837-1.954-.837-1.857%200-3.558%201.646-3.558%203.76%200%202.1%201.701%203.733%203.558%203.733.886%200%201.588-.397%201.954-.852h.057v.54c0%201.433-.76%202.2-1.983%202.2-.999%200-1.618-.725-1.87-1.335l-1.421.596c.408.994%201.49%202.214%203.29%202.214%201.913%200%203.53-1.135%203.53-3.902V4.37H33.63zm2.673%206.429h1.631V.397h-1.631zm4.035-3.633c-.042-1.447%201.111-2.185%201.94-2.185.648%200%201.196.326%201.379.794zM45.4%206.528c-.31-.837-1.252-2.384-3.178-2.384-1.913%200-3.501%201.518-3.501%203.747%200%202.1%201.574%203.746%203.683%203.746%201.702%200%202.687-1.05%203.095-1.66l-1.266-.852c-.422.624-.999%201.036-1.829%201.036s-1.42-.384-1.8-1.135l4.964-2.073zM5.85%205.294v1.589h3.768c-.112.894-.407%201.547-.857%202-.549.554-1.407%201.165-2.91%201.165-2.322%200-4.136-1.888-4.136-4.23%200-2.341%201.814-4.228%204.135-4.228%201.252%200%202.166.497%202.84%201.135l1.112-1.121C8.859.696%207.608%200%205.85%200%202.672%200%200%202.612%200%205.819s2.672%205.818%205.85%205.818c1.715%200%203.009-.568%204.021-1.632%201.042-1.05%201.365-2.526%201.365-3.718%200-.37-.028-.71-.085-.993zm9.67%204.867c-1.124%200-2.095-.937-2.095-2.27%200-1.349.97-2.271%202.096-2.271%201.124%200%202.095.922%202.095%202.27%200%201.334-.97%202.27-2.095%202.27m0-6.017c-2.053%200-3.726%201.575-3.726%203.747%200%202.157%201.673%203.746%203.727%203.746s3.726-1.59%203.726-3.746c0-2.172-1.673-3.747-3.726-3.747m8.13%206.017c-1.125%200-2.096-.937-2.096-2.27%200-1.349.97-2.271%202.096-2.271%201.125%200%202.095.922%202.095%202.27%200%201.334-.97%202.27-2.095%202.27m0-6.017c-2.053%200-3.726%201.575-3.726%203.747%200%202.157%201.673%203.746%203.726%203.746s3.726-1.59%203.726-3.746c0-2.172-1.673-3.747-3.726-3.747'/%3e%3c/svg%3e", i = "_apple_zdked_17", m = "_google_zdked_49", e = {
-  "app-link": "_app-link_zdked_1",
-  apple: i,
-  google: m
+import '../../assets/index23.css';const t = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='24'%20fill='none'%3e%3cpath%20fill='%23000'%20d='M16.705%2012.763c.012-.92.262-1.822.727-2.622a5.5%205.5%200%200%201%201.933-1.954A5.7%205.7%200%200%200%2017.4%206.478a5.8%205.8%200%200%200-2.54-.669c-1.896-.194-3.734%201.107-4.7%201.107-.985%200-2.472-1.088-4.074-1.056a6.1%206.1%200%200%200-2.93.854%205.9%205.9%200%200%200-2.12%202.153c-2.182%203.69-.554%209.114%201.537%2012.097%201.047%201.46%202.27%203.092%203.87%203.035%201.566-.064%202.15-.975%204.04-.975%201.873%200%202.422.974%204.054.938%201.68-.027%202.74-1.468%203.749-2.942A12%2012%200%200%200%2020%2017.612a5.37%205.37%200%200%201-2.395-1.94%205.2%205.2%200%200%201-.9-2.909M13.62%203.847A5.29%205.29%200%200%200%2014.88%200a5.64%205.64%200%200%200-3.621%201.83%205.1%205.1%200%200%200-1.023%201.726%205%205%200%200%200-.268%201.978c.7.007%201.393-.141%202.025-.433a4.6%204.6%200%200%200%201.629-1.254'/%3e%3c/svg%3e", g = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='21'%20height='24'%20fill='none'%3e%3cpath%20fill='%23EA4335'%20d='M9.805%2011.462.09%2022.006l.001.006C.39%2023.158%201.411%2024%202.625%2024c.486%200%20.941-.134%201.332-.37l.03-.018%2010.936-6.453z'/%3e%3cpath%20fill='%23FBBC04'%20d='m19.633%209.666-.009-.006-4.721-2.799-5.32%204.84%205.339%205.457%204.696-2.77A2.7%202.7%200%200%200%2021%2012.022a2.69%202.69%200%200%200-1.367-2.356'/%3e%3cpath%20fill='%234285F4'%20d='M.09%201.993a2.7%202.7%200%200%200-.09.69v18.633q0%20.36.09.69L10.14%2011.73z'/%3e%3cpath%20fill='%2334A853'%20d='m9.877%2012%205.027-5.14L3.982.383A2.6%202.6%200%200%200%202.626%200C1.412%200%20.389.844.09%201.99v.003z'/%3e%3c/svg%3e", h = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='74'%20height='15'%3e%3cpath%20d='M57.518%2011.41h1.629V.398h-1.629zm14.67-7.045-1.866%204.774h-.056l-1.938-4.774h-1.755l2.906%206.672-1.656%203.712h1.698L74%204.365zm-9.236%205.794c-.534%200-1.278-.269-1.278-.936%200-.849.926-1.175%201.727-1.175.715%200%201.053.156%201.488.369-.127%201.02-.997%201.742-1.937%201.742m.196-6.035c-1.179%200-2.401.524-2.906%201.686l1.446.609c.309-.609.884-.808%201.488-.808.843%200%201.699.51%201.713%201.417v.113c-.295-.17-.926-.425-1.699-.425-1.558%200-3.145.865-3.145%202.48%200%201.473%201.278%202.422%202.71%202.422%201.095%200%201.7-.495%202.078-1.077h.056v.85h1.572V7.17c0-1.954-1.446-3.045-3.313-3.045M53.082%205.705h-2.316V1.931h2.316c1.218%200%201.91%201.017%201.91%201.887%200%20.853-.692%201.887-1.91%201.887M53.04.398h-3.902V11.41h1.628V7.238h2.274c1.805%200%203.58-1.32%203.58-3.42%200-2.101-1.775-3.42-3.58-3.42m-21.282%209.763c-1.125%200-2.067-.95-2.067-2.256%200-1.32.942-2.285%202.067-2.285%201.112%200%201.983.965%201.983%202.285%200%201.305-.871%202.256-1.983%202.256m1.87-5.18h-.056c-.366-.44-1.068-.837-1.954-.837-1.857%200-3.558%201.646-3.558%203.76%200%202.1%201.701%203.733%203.558%203.733.886%200%201.588-.397%201.954-.852h.057v.54c0%201.433-.76%202.2-1.983%202.2-.999%200-1.618-.725-1.87-1.335l-1.421.596c.408.994%201.49%202.214%203.29%202.214%201.913%200%203.53-1.135%203.53-3.902V4.37H33.63zm2.673%206.429h1.631V.397h-1.631zm4.035-3.633c-.042-1.447%201.111-2.185%201.94-2.185.648%200%201.196.326%201.379.794zM45.4%206.528c-.31-.837-1.252-2.384-3.178-2.384-1.913%200-3.501%201.518-3.501%203.747%200%202.1%201.574%203.746%203.683%203.746%201.702%200%202.687-1.05%203.095-1.66l-1.266-.852c-.422.624-.999%201.036-1.829%201.036s-1.42-.384-1.8-1.135l4.964-2.073zM5.85%205.294v1.589h3.768c-.112.894-.407%201.547-.857%202-.549.554-1.407%201.165-2.91%201.165-2.322%200-4.136-1.888-4.136-4.23%200-2.341%201.814-4.228%204.135-4.228%201.252%200%202.166.497%202.84%201.135l1.112-1.121C8.859.696%207.608%200%205.85%200%202.672%200%200%202.612%200%205.819s2.672%205.818%205.85%205.818c1.715%200%203.009-.568%204.021-1.632%201.042-1.05%201.365-2.526%201.365-3.718%200-.37-.028-.71-.085-.993zm9.67%204.867c-1.124%200-2.095-.937-2.095-2.27%200-1.349.97-2.271%202.096-2.271%201.124%200%202.095.922%202.095%202.27%200%201.334-.97%202.27-2.095%202.27m0-6.017c-2.053%200-3.726%201.575-3.726%203.747%200%202.157%201.673%203.746%203.727%203.746s3.726-1.59%203.726-3.746c0-2.172-1.673-3.747-3.726-3.747m8.13%206.017c-1.125%200-2.096-.937-2.096-2.27%200-1.349.97-2.271%202.096-2.271%201.125%200%202.095.922%202.095%202.27%200%201.334-.97%202.27-2.095%202.27m0-6.017c-2.053%200-3.726%201.575-3.726%203.747%200%202.157%201.673%203.746%203.726%203.746s3.726-1.59%203.726-3.746c0-2.172-1.673-3.747-3.726-3.747'/%3e%3c/svg%3e", m = "_apple_mjwlf_17", i = "_google_mjwlf_49", p = {
+  "app-link": "_app-link_mjwlf_1",
+  apple: m,
+  google: i
 }, v = ({
-  label: p,
+  label: a,
   type: o
-}) => /* @__PURE__ */ c(s, { to: o === "apple" ? "https://apps.apple.com/app/6478964287" : "https://play.google.com/store/apps/details?id=no.solibo.mobile.home", className: a(e["app-link"], e[o]), "data-component": "applink", children: [
+}) => /* @__PURE__ */ c(s, { to: o === "apple" ? "https://apps.apple.com/app/6478964287" : "https://play.google.com/store/apps/details?id=no.solibo.mobile.home", className: e(p["app-link"], p[o]), "data-component": "applink", children: [
   o === "apple" ? /* @__PURE__ */ l("img", { src: t, alt: "Apple logo" }) : /* @__PURE__ */ l("img", { src: g, alt: "Google logo" }),
   /* @__PURE__ */ c("div", { children: [
-    /* @__PURE__ */ l("span", { children: p }),
+    /* @__PURE__ */ l("span", { children: a }),
     /* @__PURE__ */ l("span", { children: o === "google" ? /* @__PURE__ */ l("img", { src: h, alt: "Google Play logo" }) : "App Store" })
   ] })
 ] });

package/dist/components/aside/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index24.css');const s=require("react/jsx-runtime"),l=require("../../classix-5H4IWnMA.cjs"),_=require("react"),b=require("../button/index.cjs"),f=require("../icon/index.cjs"),p="_aside_19eaa_3",x="_sidebar_19eaa_9",y="_sticky_19eaa_28",k="_open_19eaa_65",e={aside:p,sidebar:x,sticky:y,open:k},m={default:e.default,sidebar:e.sidebar},g=({children:c,className:n,sticky:d=!1,variant:a="default"})=>{const[t,i]=_.useState(!1);return s.jsxs("aside",{className:l.t(n&&n,t&&e.open,e.aside,d&&e.sticky,m[a]),onClick:u=>{var r;const o=u.target.closest("a[href]");o&&!((r=o.getAttribute("href"))!=null&&r.startsWith("#"))&&i(!1)},"data-component":"aside",children:[a==="sidebar"&&s.jsx(b.Button,{"data-sidebar-toggle":"true",onClick:()=>i(!t),variant:"tertiary",children:s.jsx(f.Icon,{name:t?"x":"menu"})}),c]})};exports.Aside=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index24.css');const t=require("react/jsx-runtime"),l=require("../../classix-5H4IWnMA.cjs"),_=require("react"),b=require("../button/index.cjs"),f=require("../icon/index.cjs"),p="_aside_1162s_3",x="_sidebar_1162s_9",y="_open_1162s_57",k="_sticky_1162s_73",e={aside:p,sidebar:x,open:y,sticky:k},m={default:e.default,sidebar:e.sidebar},g=({children:c,className:n,sticky:d=!1,variant:i="default"})=>{const[s,o]=_.useState(!1);return t.jsxs("aside",{className:l.t(n&&n,s&&e.open,e.aside,d&&e.sticky,m[i]),onClick:u=>{var r;const a=u.target.closest("a[href]");a&&!((r=a.getAttribute("href"))!=null&&r.startsWith("#"))&&o(!1)},"data-component":"aside",children:[i==="sidebar"&&t.jsx(b.Button,{"data-sidebar-toggle":"true",onClick:()=>o(!s),variant:"tertiary",children:t.jsx(f.Icon,{name:s?"x":"menu"})}),c]})};exports.Aside=g;
 //# sourceMappingURL=index.cjs.map

package/dist/components/aside/index.js

@@ -3,27 +3,27 @@ import { t as m } from "../../classix-DG18itHa.js";
 import { useState as p } from "react";
 import { Button as _ } from "../button/index.js";
 import { Icon as u } from "../icon/index.js";
-import '../../assets/index24.css';const b = "_aside_19eaa_3", k = "_sidebar_19eaa_9", y = "_sticky_19eaa_28", h = "_open_19eaa_65", e = {
+import '../../assets/index24.css';const b = "_aside_1162s_3", k = "_sidebar_1162s_9", y = "_open_1162s_57", h = "_sticky_1162s_73", t = {
   aside: b,
   sidebar: k,
-  sticky: y,
-  open: h
+  open: y,
+  sticky: h
 }, g = {
-  default: e.default,
-  sidebar: e.sidebar
+  default: t.default,
+  sidebar: t.sidebar
 }, B = ({
   children: d,
   className: s,
   sticky: c = !1,
-  variant: a = "default"
+  variant: i = "default"
 }) => {
-  const [t, i] = p(!1);
-  return /* @__PURE__ */ l("aside", { className: m(s && s, t && e.open, e.aside, c && e.sticky, g[a]), onClick: (f) => {
+  const [e, o] = p(!1);
+  return /* @__PURE__ */ l("aside", { className: m(s && s, e && t.open, t.aside, c && t.sticky, g[i]), onClick: (f) => {
     var r;
-    const o = f.target.closest("a[href]");
-    o && !((r = o.getAttribute("href")) != null && r.startsWith("#")) && i(!1);
+    const a = f.target.closest("a[href]");
+    a && !((r = a.getAttribute("href")) != null && r.startsWith("#")) && o(!1);
   }, "data-component": "aside", children: [
-    a === "sidebar" && /* @__PURE__ */ n(_, { "data-sidebar-toggle": "true", onClick: () => i(!t), variant: "tertiary", children: /* @__PURE__ */ n(u, { name: t ? "x" : "menu" }) }),
+    i === "sidebar" && /* @__PURE__ */ n(_, { "data-sidebar-toggle": "true", onClick: () => o(!e), variant: "tertiary", children: /* @__PURE__ */ n(u, { name: e ? "x" : "menu" }) }),
     d
   ] });
 };

package/dist/components/avatar/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index25.css');const e=require("react/jsx-runtime"),g=require("../../classix-5H4IWnMA.cjs"),p=require("../figure/index.cjs"),u=require("../icon/index.cjs"),h=require("../link/index.cjs"),v="_avatar_lcj2e_1",N="_small_lcj2e_10",b="_medium_lcj2e_14",y="_large_lcj2e_18",f="_media_lcj2e_22",k="_details_lcj2e_46",q="_secondary_lcj2e_66",A="_text_lcj2e_74",I="_role_lcj2e_81",L="_initials_lcj2e_106",S="_link_lcj2e_122",l={avatar:v,small:N,medium:b,large:y,media:f,details:k,secondary:q,text:A,role:I,"role-name":"_role-name_lcj2e_82",initials:L,link:S,"color-1":"_color-1_lcj2e_130","color-solibo":"_color-solibo_lcj2e_131","color-2":"_color-2_lcj2e_138","color-board":"_color-board_lcj2e_139","color-3":"_color-3_lcj2e_146","color-owner":"_color-owner_lcj2e_147","color-4":"_color-4_lcj2e_154","color-renter":"_color-renter_lcj2e_155","color-5":"_color-5_lcj2e_162","color-external":"_color-external_lcj2e_163"},$={large:l.large,medium:l.medium,small:l.small},x={large:"large",medium:"medium",small:"medium"},w=i=>{const a=i.trim().split(/\s+/).filter(Boolean),n=Array.from(a[0]??"")[0]??"",t=a.length>1?Array.from(a[a.length-1])[0]:"";return`${n}${t}`.toLocaleUpperCase()},F=({accessibleLabel:i,color:a,icon:n,imageUrl:t,link:_,name:o,role:s,size:c="small",text:r})=>{const m=i||o||"User Avatar",d=o?w(o):"",j=e.jsxs("div",{className:g.t(l.avatar,$[c],a&&l[`color-${a}`]),"data-color":a,"data-size":c,children:[e.jsx("span",{className:l.media,children:e.jsx(p.Figure,{accessibleLabel:m,children:n?e.jsx(u.Icon,{name:n,size:x[c]}):t?e.jsx("img",{src:t,alt:m}):d?e.jsx("span",{"aria-hidden":"true",className:l.initials,children:d}):e.jsx(u.Icon,{name:"user",size:x[c]})})}),(o||s||r)&&e.jsxs("span",{className:l.details,children:[o&&e.jsx("strong",{children:o}),c==="small"&&(r||s)&&e.jsxs("span",{className:l.text,children:[r,r&&s&&" | ",s&&e.jsx("span",{className:l["role-name"],children:s})]}),c==="medium"&&e.jsxs("span",{className:l.secondary,children:[r&&e.jsx("span",{className:l.text,children:r}),s&&e.jsx("span",{className:l.role,children:s})]}),c==="large"&&s&&e.jsx("span",{className:l.role,children:s}),c==="large"&&r&&e.jsx("span",{className:l.text,children:r})]})]});return _?e.jsx(h.Link,{className:l.link,to:_,"data-component":"avatar",children:j}):j};exports.Avatar=F;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index25.css');const s=require("react/jsx-runtime"),x=require("../../classix-5H4IWnMA.cjs"),z=require("../figure/index.cjs"),q=require("../icon/index.cjs"),j=require("../link/index.cjs"),g="_avatar_12qzb_1",p="_media_12qzb_10",h="_role_12qzb_10",v="_details_12qzb_59",N="_secondary_12qzb_71",y="_text_12qzb_79",f="_initials_12qzb_103",k="_small_12qzb_107",A="_medium_12qzb_115",I="_large_12qzb_127",L="_link_12qzb_147",a={avatar:g,"color-1":"_color-1_12qzb_10","color-solibo":"_color-solibo_12qzb_10",media:p,role:h,"color-2":"_color-2_12qzb_15","color-board":"_color-board_12qzb_15","color-3":"_color-3_12qzb_20","color-owner":"_color-owner_12qzb_20","color-4":"_color-4_12qzb_25","color-renter":"_color-renter_12qzb_25","color-5":"_color-5_12qzb_30","color-external":"_color-external_12qzb_30",details:v,secondary:N,text:y,"role-name":"_role-name_12qzb_87",initials:f,small:k,medium:A,large:I,link:L},S={large:a.large,medium:a.medium,small:a.small},u={large:"large",medium:"medium",small:"medium"},$=i=>{const l=i.trim().split(/\s+/).filter(Boolean),c=Array.from(l[0]??"")[0]??"",t=l.length>1?Array.from(l[l.length-1])[0]:"";return`${c}${t}`.toLocaleUpperCase()},w=({accessibleLabel:i,color:l,icon:c,imageUrl:t,link:_,name:n,role:e,size:r="small",text:o})=>{const m=i||n||"User Avatar",d=n?$(n):"",b=s.jsxs("div",{className:x.t(a.avatar,S[r],l&&a[`color-${l}`]),"data-color":l,"data-size":r,children:[s.jsx("span",{className:a.media,children:s.jsx(z.Figure,{accessibleLabel:m,children:c?s.jsx(q.Icon,{name:c,size:u[r]}):t?s.jsx("img",{src:t,alt:m}):d?s.jsx("span",{"aria-hidden":"true",className:a.initials,children:d}):s.jsx(q.Icon,{name:"user",size:u[r]})})}),(n||e||o)&&s.jsxs("span",{className:a.details,children:[n&&s.jsx("strong",{children:n}),r==="small"&&(o||e)&&s.jsxs("span",{className:a.text,children:[o,o&&e&&" | ",e&&s.jsx("span",{className:a["role-name"],children:e})]}),r==="medium"&&s.jsxs("span",{className:a.secondary,children:[o&&s.jsx("span",{className:a.text,children:o}),e&&s.jsx("span",{className:a.role,children:e})]}),r==="large"&&e&&s.jsx("span",{className:a.role,children:e}),r==="large"&&o&&s.jsx("span",{className:a.text,children:o})]})]});return _?s.jsx(j.Link,{className:a.link,to:_,"data-component":"avatar",children:b}):b};exports.Avatar=w;
 //# sourceMappingURL=index.cjs.map

package/dist/components/avatar/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/avatar/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { Figure } from '@/components/figure';\nimport { Icon, type IconProps } from '@/components/icon';\nimport { Link } from '@/components/link';\n\nimport styles from './styles.module.css';\n\nexport type AvatarColor =\n  | 'solibo'\n  | 'board'\n  | 'owner'\n  | 'renter'\n  | 'external'\n  | '1'\n  | '2'\n  | '3'\n  | '4'\n  | '5';\n\nexport type AvatarSize = 'small' | 'medium' | 'large';\n\nexport type AvatarProps = {\n  accessibleLabel?: string;\n  color?: AvatarColor;\n  icon?: IconProps['name'];\n  imageUrl?: string;\n  link?: string;\n  name?: string;\n  role?: string;\n  size?: AvatarSize;\n  text?: string;\n};\n\nconst sizes: Record<AvatarSize, string> = {\n  large: styles.large,\n  medium: styles.medium,\n  small: styles.small,\n};\n\nconst iconSizes: Record<AvatarSize, NonNullable<IconProps['size']>> = {\n  large: 'large',\n  medium: 'medium',\n  small: 'medium',\n};\n\nconst getInitials = (name: string) => {\n  const nameParts = name.trim().split(/\\s+/).filter(Boolean);\n  const firstInitial = Array.from(nameParts[0] ?? '')[0] ?? '';\n  const lastInitial = nameParts.length > 1 ? Array.from(nameParts[nameParts.length - 1])[0] : '';\n\n  return `${firstInitial}${lastInitial}`.toLocaleUpperCase();\n};\n\nexport const Avatar = ({\n  accessibleLabel,\n  color,\n  icon,\n  imageUrl,\n  link,\n  name,\n  role,\n  size = 'small',\n  text,\n}: AvatarProps) => {\n  const avatarLabel = accessibleLabel || name || 'User Avatar';\n  const initials = name ? getInitials(name) : '';\n\n  const avatarFigure = (\n    <div\n      className={cx(styles.avatar, sizes[size], color && styles[`color-${color}`])}\n      data-color={color}\n      data-size={size}\n    >\n      <span className={styles.media}>\n        <Figure accessibleLabel={avatarLabel}>\n          {icon ? (\n            <Icon\n              name={icon}\n              size={iconSizes[size]}\n            />\n          ) : imageUrl ? (\n            <img\n              src={imageUrl}\n              alt={avatarLabel}\n            />\n          ) : initials ? (\n            <span\n              aria-hidden='true'\n              className={styles.initials}\n            >\n              {initials}\n            </span>\n          ) : (\n            <Icon\n              name='user'\n              size={iconSizes[size]}\n            />\n          )}\n        </Figure>\n      </span>\n      {(name || role || text) && (\n        <span className={styles.details}>\n          {name && <strong>{name}</strong>}\n          {size === 'small' && (text || role) && (\n            <span className={styles.text}>\n              {text}\n              {text && role && ' | '}\n              {role && <span className={styles['role-name']}>{role}</span>}\n            </span>\n          )}\n          {size === 'medium' && (\n            <span className={styles.secondary}>\n              {text && <span className={styles.text}>{text}</span>}\n              {role && <span className={styles.role}>{role}</span>}\n            </span>\n          )}\n          {size === 'large' && role && <span className={styles.role}>{role}</span>}\n          {size === 'large' && text && <span className={styles.text}>{text}</span>}\n        </span>\n      )}\n    </div>\n  );\n\n  return link ? (\n    <Link\n      className={styles.link}\n      to={link}\n    >\n      {avatarFigure}\n    </Link>\n  ) : (\n    avatarFigure\n  );\n};\n"],"names":["sizes","large","styles","medium","small","iconSizes","getInitials","name","nameParts","trim","split","filter","Boolean","firstInitial","Array","from","lastInitial","length","toLocaleUpperCase","Avatar","accessibleLabel","color","icon","imageUrl","link","role","size","text","avatarLabel","initials","avatarFigure","cx","avatar","jsx","media","Figure","Icon","details","jsxs","secondary","Link"],"mappings":"+8BAkCMA,EAAoC,CACxCC,MAAOC,EAAOD,MACdE,OAAQD,EAAOC,OACfC,MAAOF,EAAOE,KAChB,EAEMC,EAAgE,CACpEJ,MAAO,QACPE,OAAQ,SACRC,MAAO,QACT,EAEME,EAAeC,GAAiB,CACpC,MAAMC,EAAYD,EAAKE,KAAAA,EAAOC,MAAM,KAAK,EAAEC,OAAOC,OAAO,EACnDC,EAAeC,MAAMC,KAAKP,EAAU,CAAC,GAAK,EAAE,EAAE,CAAC,GAAK,GACpDQ,EAAcR,EAAUS,OAAS,EAAIH,MAAMC,KAAKP,EAAUA,EAAUS,OAAS,CAAC,CAAC,EAAE,CAAC,EAAI,GAE5F,MAAO,GAAGJ,CAAY,GAAGG,CAAW,GAAGE,kBAAAA,CACzC,EAEaC,EAASA,CAAC,CACrBC,gBAAAA,EACAC,MAAAA,EACAC,KAAAA,EACAC,SAAAA,EACAC,KAAAA,EACAjB,KAAAA,EACAkB,KAAAA,EACAC,KAAAA,EAAO,QACPC,KAAAA,CACW,IAAM,CACjB,MAAMC,EAAcR,GAAmBb,GAAQ,cACzCsB,EAAWtB,EAAOD,EAAYC,CAAI,EAAI,GAEtCuB,SACH,MAAA,CACC,UAAWC,EAAAA,EAAG7B,EAAO8B,OAAQhC,EAAM0B,CAAI,EAAGL,GAASnB,EAAO,SAASmB,CAAK,EAAE,CAAC,EAC3E,aAAYA,EACZ,YAAWK,EAEX,SAAA,CAAAO,EAAAA,IAAC,OAAA,CAAK,UAAW/B,EAAOgC,MACtB,eAACC,EAAAA,OAAA,CAAO,gBAAiBP,EACtBN,SAAAA,EACCW,EAAAA,IAACG,QACC,KAAMd,EACN,KAAMjB,EAAUqB,CAAI,EAAE,EAEtBH,QACD,MAAA,CACC,IAAKA,EACL,IAAKK,EAAY,EAEjBC,EACFI,EAAAA,IAAC,QACC,cAAY,OACZ,UAAW/B,EAAO2B,SAEjBA,WACH,EAEAI,EAAAA,IAACG,EAAAA,MACC,KAAK,OACL,KAAM/B,EAAUqB,CAAI,EAAE,CAAA,CAG5B,CAAA,CACF,GACEnB,GAAQkB,GAAQE,WACf,OAAA,CAAK,UAAWzB,EAAOmC,QACrB9B,SAAAA,CAAAA,GAAQ0B,EAAAA,IAAC,UAAQ1B,SAAAA,CAAAA,CAAK,EACtBmB,IAAS,UAAYC,GAAQF,WAC3B,OAAA,CAAK,UAAWvB,EAAOyB,KACrBA,SAAAA,CAAAA,EACAA,GAAQF,GAAQ,MAChBA,GAAQQ,EAAAA,IAAC,OAAA,CAAK,UAAW/B,EAAO,WAAW,EAAIuB,SAAAA,CAAAA,CAAK,CAAA,EACvD,EAEDC,IAAS,UACRY,EAAAA,KAAC,OAAA,CAAK,UAAWpC,EAAOqC,UACrBZ,SAAAA,CAAAA,GAAQM,EAAAA,IAAC,OAAA,CAAK,UAAW/B,EAAOyB,KAAOA,SAAAA,EAAK,EAC5CF,GAAQQ,EAAAA,IAAC,OAAA,CAAK,UAAW/B,EAAOuB,KAAOA,SAAAA,CAAAA,CAAK,CAAA,EAC/C,EAEDC,IAAS,SAAWD,GAAQQ,EAAAA,IAAC,QAAK,UAAW/B,EAAOuB,KAAOA,SAAAA,CAAAA,CAAK,EAChEC,IAAS,SAAWC,GAAQM,EAAAA,IAAC,QAAK,UAAW/B,EAAOyB,KAAOA,SAAAA,CAAAA,CAAK,CAAA,CAAA,CACnE,CAAA,EAEJ,EAGF,OAAOH,EACLS,EAAAA,IAACO,EAAAA,KAAA,CACC,UAAWtC,EAAOsB,KAClB,GAAIA,EAAK,iBAAA,SAERM,SAAAA,CAAAA,CACH,EAEAA,CAEJ"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/avatar/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { Figure } from '@/components/figure';\nimport { Icon, type IconProps } from '@/components/icon';\nimport { Link } from '@/components/link';\n\nimport styles from './styles.module.css';\n\nexport type AvatarColor =\n  | 'solibo'\n  | 'board'\n  | 'owner'\n  | 'renter'\n  | 'external'\n  | '1'\n  | '2'\n  | '3'\n  | '4'\n  | '5';\n\nexport type AvatarSize = 'small' | 'medium' | 'large';\n\nexport type AvatarProps = {\n  accessibleLabel?: string;\n  color?: AvatarColor;\n  icon?: IconProps['name'];\n  imageUrl?: string;\n  link?: string;\n  name?: string;\n  role?: string;\n  size?: AvatarSize;\n  text?: string;\n};\n\nconst sizes: Record<AvatarSize, string> = {\n  large: styles.large,\n  medium: styles.medium,\n  small: styles.small,\n};\n\nconst iconSizes: Record<AvatarSize, NonNullable<IconProps['size']>> = {\n  large: 'large',\n  medium: 'medium',\n  small: 'medium',\n};\n\nconst getInitials = (name: string) => {\n  const nameParts = name.trim().split(/\\s+/).filter(Boolean);\n  const firstInitial = Array.from(nameParts[0] ?? '')[0] ?? '';\n  const lastInitial = nameParts.length > 1 ? Array.from(nameParts[nameParts.length - 1])[0] : '';\n\n  return `${firstInitial}${lastInitial}`.toLocaleUpperCase();\n};\n\nexport const Avatar = ({\n  accessibleLabel,\n  color,\n  icon,\n  imageUrl,\n  link,\n  name,\n  role,\n  size = 'small',\n  text,\n}: AvatarProps) => {\n  const avatarLabel = accessibleLabel || name || 'User Avatar';\n  const initials = name ? getInitials(name) : '';\n\n  const avatarFigure = (\n    <div\n      className={cx(styles.avatar, sizes[size], color && styles[`color-${color}`])}\n      data-color={color}\n      data-size={size}\n    >\n      <span className={styles.media}>\n        <Figure accessibleLabel={avatarLabel}>\n          {icon ? (\n            <Icon\n              name={icon}\n              size={iconSizes[size]}\n            />\n          ) : imageUrl ? (\n            <img\n              src={imageUrl}\n              alt={avatarLabel}\n            />\n          ) : initials ? (\n            <span\n              aria-hidden='true'\n              className={styles.initials}\n            >\n              {initials}\n            </span>\n          ) : (\n            <Icon\n              name='user'\n              size={iconSizes[size]}\n            />\n          )}\n        </Figure>\n      </span>\n      {(name || role || text) && (\n        <span className={styles.details}>\n          {name && <strong>{name}</strong>}\n          {size === 'small' && (text || role) && (\n            <span className={styles.text}>\n              {text}\n              {text && role && ' | '}\n              {role && <span className={styles['role-name']}>{role}</span>}\n            </span>\n          )}\n          {size === 'medium' && (\n            <span className={styles.secondary}>\n              {text && <span className={styles.text}>{text}</span>}\n              {role && <span className={styles.role}>{role}</span>}\n            </span>\n          )}\n          {size === 'large' && role && <span className={styles.role}>{role}</span>}\n          {size === 'large' && text && <span className={styles.text}>{text}</span>}\n        </span>\n      )}\n    </div>\n  );\n\n  return link ? (\n    <Link\n      className={styles.link}\n      to={link}\n    >\n      {avatarFigure}\n    </Link>\n  ) : (\n    avatarFigure\n  );\n};\n"],"names":["sizes","large","styles","medium","small","iconSizes","getInitials","name","nameParts","trim","split","filter","Boolean","firstInitial","Array","from","lastInitial","length","toLocaleUpperCase","Avatar","accessibleLabel","color","icon","imageUrl","link","role","size","text","avatarLabel","initials","avatarFigure","cx","avatar","jsx","media","Figure","Icon","details","jsxs","secondary","Link"],"mappings":"w8BAkCMA,EAAoC,CACxCC,MAAOC,EAAOD,MACdE,OAAQD,EAAOC,OACfC,MAAOF,EAAOE,KAChB,EAEMC,EAAgE,CACpEJ,MAAO,QACPE,OAAQ,SACRC,MAAO,QACT,EAEME,EAAeC,GAAiB,CACpC,MAAMC,EAAYD,EAAKE,KAAAA,EAAOC,MAAM,KAAK,EAAEC,OAAOC,OAAO,EACnDC,EAAeC,MAAMC,KAAKP,EAAU,CAAC,GAAK,EAAE,EAAE,CAAC,GAAK,GACpDQ,EAAcR,EAAUS,OAAS,EAAIH,MAAMC,KAAKP,EAAUA,EAAUS,OAAS,CAAC,CAAC,EAAE,CAAC,EAAI,GAE5F,MAAO,GAAGJ,CAAY,GAAGG,CAAW,GAAGE,kBAAAA,CACzC,EAEaC,EAASA,CAAC,CACrBC,gBAAAA,EACAC,MAAAA,EACAC,KAAAA,EACAC,SAAAA,EACAC,KAAAA,EACAjB,KAAAA,EACAkB,KAAAA,EACAC,KAAAA,EAAO,QACPC,KAAAA,CACW,IAAM,CACjB,MAAMC,EAAcR,GAAmBb,GAAQ,cACzCsB,EAAWtB,EAAOD,EAAYC,CAAI,EAAI,GAEtCuB,SACH,MAAA,CACC,UAAWC,EAAAA,EAAG7B,EAAO8B,OAAQhC,EAAM0B,CAAI,EAAGL,GAASnB,EAAO,SAASmB,CAAK,EAAE,CAAC,EAC3E,aAAYA,EACZ,YAAWK,EAEX,SAAA,CAAAO,EAAAA,IAAC,OAAA,CAAK,UAAW/B,EAAOgC,MACtB,eAACC,EAAAA,OAAA,CAAO,gBAAiBP,EACtBN,SAAAA,EACCW,EAAAA,IAACG,QACC,KAAMd,EACN,KAAMjB,EAAUqB,CAAI,EAAE,EAEtBH,QACD,MAAA,CACC,IAAKA,EACL,IAAKK,EAAY,EAEjBC,EACFI,EAAAA,IAAC,QACC,cAAY,OACZ,UAAW/B,EAAO2B,SAEjBA,WACH,EAEAI,EAAAA,IAACG,EAAAA,MACC,KAAK,OACL,KAAM/B,EAAUqB,CAAI,EAAE,CAAA,CAG5B,CAAA,CACF,GACEnB,GAAQkB,GAAQE,WACf,OAAA,CAAK,UAAWzB,EAAOmC,QACrB9B,SAAAA,CAAAA,GAAQ0B,EAAAA,IAAC,UAAQ1B,SAAAA,CAAAA,CAAK,EACtBmB,IAAS,UAAYC,GAAQF,WAC3B,OAAA,CAAK,UAAWvB,EAAOyB,KACrBA,SAAAA,CAAAA,EACAA,GAAQF,GAAQ,MAChBA,GAAQQ,EAAAA,IAAC,OAAA,CAAK,UAAW/B,EAAO,WAAW,EAAIuB,SAAAA,CAAAA,CAAK,CAAA,EACvD,EAEDC,IAAS,UACRY,EAAAA,KAAC,OAAA,CAAK,UAAWpC,EAAOqC,UACrBZ,SAAAA,CAAAA,GAAQM,EAAAA,IAAC,OAAA,CAAK,UAAW/B,EAAOyB,KAAOA,SAAAA,EAAK,EAC5CF,GAAQQ,EAAAA,IAAC,OAAA,CAAK,UAAW/B,EAAOuB,KAAOA,SAAAA,CAAAA,CAAK,CAAA,EAC/C,EAEDC,IAAS,SAAWD,GAAQQ,EAAAA,IAAC,QAAK,UAAW/B,EAAOuB,KAAOA,SAAAA,CAAAA,CAAK,EAChEC,IAAS,SAAWC,GAAQM,EAAAA,IAAC,QAAK,UAAW/B,EAAOyB,KAAOA,SAAAA,CAAAA,CAAK,CAAA,CAAA,CACnE,CAAA,EAEJ,EAGF,OAAOH,EACLS,EAAAA,IAACO,EAAAA,KAAA,CACC,UAAWtC,EAAOsB,KAClB,GAAIA,EAAK,iBAAA,SAERM,SAAAA,CAAAA,CACH,EAEAA,CAEJ"}

package/dist/components/avatar/index.js

@@ -1,73 +1,73 @@
-import { jsx as a, jsxs as i } from "react/jsx-runtime";
-import { t as u } from "../../classix-DG18itHa.js";
-import { Figure as N } from "../figure/index.js";
-import { Icon as h } from "../icon/index.js";
-import { Link as v } from "../link/index.js";
-import '../../assets/index25.css';const f = "_avatar_lcj2e_1", b = "_small_lcj2e_10", y = "_medium_lcj2e_14", k = "_large_lcj2e_18", x = "_media_lcj2e_22", A = "_details_lcj2e_46", I = "_secondary_lcj2e_66", L = "_text_lcj2e_74", $ = "_role_lcj2e_81", w = "_initials_lcj2e_106", F = "_link_lcj2e_122", l = {
-  avatar: f,
-  small: b,
-  medium: y,
-  large: k,
-  media: x,
-  details: A,
-  secondary: I,
-  text: L,
-  role: $,
-  "role-name": "_role-name_lcj2e_82",
-  initials: w,
-  link: F,
-  "color-1": "_color-1_lcj2e_130",
-  "color-solibo": "_color-solibo_lcj2e_131",
-  "color-2": "_color-2_lcj2e_138",
-  "color-board": "_color-board_lcj2e_139",
-  "color-3": "_color-3_lcj2e_146",
-  "color-owner": "_color-owner_lcj2e_147",
-  "color-4": "_color-4_lcj2e_154",
-  "color-renter": "_color-renter_lcj2e_155",
-  "color-5": "_color-5_lcj2e_162",
-  "color-external": "_color-external_lcj2e_163"
-}, B = {
-  large: l.large,
-  medium: l.medium,
-  small: l.small
-}, g = {
+import { jsx as l, jsxs as i } from "react/jsx-runtime";
+import { t as h } from "../../classix-DG18itHa.js";
+import { Figure as g } from "../figure/index.js";
+import { Icon as p } from "../icon/index.js";
+import { Link as u } from "../link/index.js";
+import '../../assets/index25.css';const N = "_avatar_12qzb_1", v = "_media_12qzb_10", f = "_role_12qzb_10", y = "_details_12qzb_59", k = "_secondary_12qzb_71", x = "_text_12qzb_79", A = "_initials_12qzb_103", I = "_small_12qzb_107", L = "_medium_12qzb_115", $ = "_large_12qzb_127", j = "_link_12qzb_147", a = {
+  avatar: N,
+  "color-1": "_color-1_12qzb_10",
+  "color-solibo": "_color-solibo_12qzb_10",
+  media: v,
+  role: f,
+  "color-2": "_color-2_12qzb_15",
+  "color-board": "_color-board_12qzb_15",
+  "color-3": "_color-3_12qzb_20",
+  "color-owner": "_color-owner_12qzb_20",
+  "color-4": "_color-4_12qzb_25",
+  "color-renter": "_color-renter_12qzb_25",
+  "color-5": "_color-5_12qzb_30",
+  "color-external": "_color-external_12qzb_30",
+  details: y,
+  secondary: k,
+  text: x,
+  "role-name": "_role-name_12qzb_87",
+  initials: A,
+  small: I,
+  medium: L,
+  large: $,
+  link: j
+}, w = {
+  large: a.large,
+  medium: a.medium,
+  small: a.small
+}, z = {
   large: "large",
   medium: "medium",
   small: "medium"
-}, C = (_) => {
-  const c = _.trim().split(/\s+/).filter(Boolean), n = Array.from(c[0] ?? "")[0] ?? "", t = c.length > 1 ? Array.from(c[c.length - 1])[0] : "";
-  return `${n}${t}`.toLocaleUpperCase();
-}, E = ({
+}, F = (_) => {
+  const o = _.trim().split(/\s+/).filter(Boolean), c = Array.from(o[0] ?? "")[0] ?? "", t = o.length > 1 ? Array.from(o[o.length - 1])[0] : "";
+  return `${c}${t}`.toLocaleUpperCase();
+}, D = ({
   accessibleLabel: _,
-  color: c,
-  icon: n,
+  color: o,
+  icon: c,
   imageUrl: t,
   link: m,
-  name: s,
-  role: e,
-  size: r = "small",
-  text: o
+  name: n,
+  role: r,
+  size: s = "small",
+  text: e
 }) => {
-  const d = _ || s || "User Avatar", j = s ? C(s) : "", p = /* @__PURE__ */ i("div", { className: u(l.avatar, B[r], c && l[`color-${c}`]), "data-color": c, "data-size": r, children: [
-    /* @__PURE__ */ a("span", { className: l.media, children: /* @__PURE__ */ a(N, { accessibleLabel: d, children: n ? /* @__PURE__ */ a(h, { name: n, size: g[r] }) : t ? /* @__PURE__ */ a("img", { src: t, alt: d }) : j ? /* @__PURE__ */ a("span", { "aria-hidden": "true", className: l.initials, children: j }) : /* @__PURE__ */ a(h, { name: "user", size: g[r] }) }) }),
-    (s || e || o) && /* @__PURE__ */ i("span", { className: l.details, children: [
-      s && /* @__PURE__ */ a("strong", { children: s }),
-      r === "small" && (o || e) && /* @__PURE__ */ i("span", { className: l.text, children: [
-        o,
-        o && e && " | ",
-        e && /* @__PURE__ */ a("span", { className: l["role-name"], children: e })
+  const d = _ || n || "User Avatar", b = n ? F(n) : "", q = /* @__PURE__ */ i("div", { className: h(a.avatar, w[s], o && a[`color-${o}`]), "data-color": o, "data-size": s, children: [
+    /* @__PURE__ */ l("span", { className: a.media, children: /* @__PURE__ */ l(g, { accessibleLabel: d, children: c ? /* @__PURE__ */ l(p, { name: c, size: z[s] }) : t ? /* @__PURE__ */ l("img", { src: t, alt: d }) : b ? /* @__PURE__ */ l("span", { "aria-hidden": "true", className: a.initials, children: b }) : /* @__PURE__ */ l(p, { name: "user", size: z[s] }) }) }),
+    (n || r || e) && /* @__PURE__ */ i("span", { className: a.details, children: [
+      n && /* @__PURE__ */ l("strong", { children: n }),
+      s === "small" && (e || r) && /* @__PURE__ */ i("span", { className: a.text, children: [
+        e,
+        e && r && " | ",
+        r && /* @__PURE__ */ l("span", { className: a["role-name"], children: r })
       ] }),
-      r === "medium" && /* @__PURE__ */ i("span", { className: l.secondary, children: [
-        o && /* @__PURE__ */ a("span", { className: l.text, children: o }),
-        e && /* @__PURE__ */ a("span", { className: l.role, children: e })
+      s === "medium" && /* @__PURE__ */ i("span", { className: a.secondary, children: [
+        e && /* @__PURE__ */ l("span", { className: a.text, children: e }),
+        r && /* @__PURE__ */ l("span", { className: a.role, children: r })
       ] }),
-      r === "large" && e && /* @__PURE__ */ a("span", { className: l.role, children: e }),
-      r === "large" && o && /* @__PURE__ */ a("span", { className: l.text, children: o })
+      s === "large" && r && /* @__PURE__ */ l("span", { className: a.role, children: r }),
+      s === "large" && e && /* @__PURE__ */ l("span", { className: a.text, children: e })
     ] })
   ] });
-  return m ? /* @__PURE__ */ a(v, { className: l.link, to: m, "data-component": "avatar", children: p }) : p;
+  return m ? /* @__PURE__ */ l(u, { className: a.link, to: m, "data-component": "avatar", children: q }) : q;
 };
 export {
-  E as Avatar
+  D as Avatar
 };
 //# sourceMappingURL=index.js.map

package/dist/components/badge/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index26.css');const l=require("react/jsx-runtime"),a=require("../../classix-5H4IWnMA.cjs"),s=require("../icon/index.cjs"),t="_badge_v112x_1",i="_highlight_v112x_18",g="_info_v112x_24",x="_primary_v112x_29",u="_success_v112x_34",v="_warning_v112x_39",o={badge:t,highlight:i,info:g,primary:x,success:u,warning:v,"color-1":"_color-1_v112x_44","color-2":"_color-2_v112x_49","color-yellow":"_color-yellow_v112x_50","color-3":"_color-3_v112x_55","color-peach":"_color-peach_v112x_56","color-4":"_color-4_v112x_61","color-magenta":"_color-magenta_v112x_62","color-5":"_color-5_v112x_67","color-purple":"_color-purple_v112x_68","color-6":"_color-6_v112x_73","color-blue":"_color-blue_v112x_74","color-7":"_color-7_v112x_79","color-green":"_color-green_v112x_80"},h={default:o.default,highlight:o.highlight,info:o.info,primary:o.primary,success:o.success,warning:o.warning},m=({color:e,children:_,icon:r,position:c="left",variant:n="default"})=>_===0||_==null?null:l.jsxs("span",{className:a.t(o.badge,h[n],e&&o[`color-${e}`]),"data-component":"badge",children:[r&&c=="left"&&l.jsx(s.Icon,{fill:!0,name:r,size:"small"}),l.jsx("span",{children:_}),r&&c=="right"&&l.jsx(s.Icon,{fill:!0,name:r,size:"small"})]});exports.Badge=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index26.css');const l=require("react/jsx-runtime"),a=require("../../classix-5H4IWnMA.cjs"),s=require("../icon/index.cjs"),t="_badge_1r0jb_1",i="_highlight_1r0jb_19",g="_info_1r0jb_25",b="_primary_1r0jb_30",j="_success_1r0jb_35",u="_warning_1r0jb_40",r={badge:t,highlight:i,info:g,primary:b,success:j,warning:u,"color-1":"_color-1_1r0jb_45","color-2":"_color-2_1r0jb_50","color-yellow":"_color-yellow_1r0jb_51","color-3":"_color-3_1r0jb_56","color-peach":"_color-peach_1r0jb_57","color-4":"_color-4_1r0jb_62","color-magenta":"_color-magenta_1r0jb_63","color-5":"_color-5_1r0jb_68","color-purple":"_color-purple_1r0jb_69","color-6":"_color-6_1r0jb_74","color-blue":"_color-blue_1r0jb_75","color-7":"_color-7_1r0jb_80","color-green":"_color-green_1r0jb_81"},h={default:r.default,highlight:r.highlight,info:r.info,primary:r.primary,success:r.success,warning:r.warning},m=({color:e,children:_,icon:o,position:c="left",variant:n="default"})=>_===0||_==null?null:l.jsxs("span",{className:a.t(r.badge,h[n],e&&r[`color-${e}`]),"data-component":"badge",children:[o&&c=="left"&&l.jsx(s.Icon,{fill:!0,name:o,size:"small"}),l.jsx("span",{children:_}),o&&c=="right"&&l.jsx(s.Icon,{fill:!0,name:o,size:"small"})]});exports.Badge=m;
 //# sourceMappingURL=index.cjs.map

package/dist/components/badge/index.js

@@ -1,43 +1,43 @@
 import { jsxs as n, jsx as _ } from "react/jsx-runtime";
 import { t } from "../../classix-DG18itHa.js";
 import { Icon as a } from "../icon/index.js";
-import '../../assets/index26.css';const i = "_badge_v112x_1", g = "_highlight_v112x_18", x = "_info_v112x_24", v = "_primary_v112x_29", m = "_success_v112x_34", u = "_warning_v112x_39", o = {
+import '../../assets/index26.css';const i = "_badge_1r0jb_1", b = "_highlight_1r0jb_19", g = "_info_1r0jb_25", j = "_primary_1r0jb_30", m = "_success_1r0jb_35", u = "_warning_1r0jb_40", r = {
   badge: i,
-  highlight: g,
-  info: x,
-  primary: v,
+  highlight: b,
+  info: g,
+  primary: j,
   success: m,
   warning: u,
-  "color-1": "_color-1_v112x_44",
-  "color-2": "_color-2_v112x_49",
-  "color-yellow": "_color-yellow_v112x_50",
-  "color-3": "_color-3_v112x_55",
-  "color-peach": "_color-peach_v112x_56",
-  "color-4": "_color-4_v112x_61",
-  "color-magenta": "_color-magenta_v112x_62",
-  "color-5": "_color-5_v112x_67",
-  "color-purple": "_color-purple_v112x_68",
-  "color-6": "_color-6_v112x_73",
-  "color-blue": "_color-blue_v112x_74",
-  "color-7": "_color-7_v112x_79",
-  "color-green": "_color-green_v112x_80"
+  "color-1": "_color-1_1r0jb_45",
+  "color-2": "_color-2_1r0jb_50",
+  "color-yellow": "_color-yellow_1r0jb_51",
+  "color-3": "_color-3_1r0jb_56",
+  "color-peach": "_color-peach_1r0jb_57",
+  "color-4": "_color-4_1r0jb_62",
+  "color-magenta": "_color-magenta_1r0jb_63",
+  "color-5": "_color-5_1r0jb_68",
+  "color-purple": "_color-purple_1r0jb_69",
+  "color-6": "_color-6_1r0jb_74",
+  "color-blue": "_color-blue_1r0jb_75",
+  "color-7": "_color-7_1r0jb_80",
+  "color-green": "_color-green_1r0jb_81"
 }, h = {
-  default: o.default,
-  highlight: o.highlight,
-  info: o.info,
-  primary: o.primary,
-  success: o.success,
-  warning: o.warning
+  default: r.default,
+  highlight: r.highlight,
+  info: r.info,
+  primary: r.primary,
+  success: r.success,
+  warning: r.warning
 }, y = ({
   color: c,
   children: l,
-  icon: r,
+  icon: o,
   position: e = "left",
   variant: s = "default"
-}) => l === 0 || l == null ? null : /* @__PURE__ */ n("span", { className: t(o.badge, h[s], c && o[`color-${c}`]), "data-component": "badge", children: [
-  r && e == "left" && /* @__PURE__ */ _(a, { fill: !0, name: r, size: "small" }),
+}) => l === 0 || l == null ? null : /* @__PURE__ */ n("span", { className: t(r.badge, h[s], c && r[`color-${c}`]), "data-component": "badge", children: [
+  o && e == "left" && /* @__PURE__ */ _(a, { fill: !0, name: o, size: "small" }),
   /* @__PURE__ */ _("span", { children: l }),
-  r && e == "right" && /* @__PURE__ */ _(a, { fill: !0, name: r, size: "small" })
+  o && e == "right" && /* @__PURE__ */ _(a, { fill: !0, name: o, size: "small" })
 ] });
 export {
   y as Badge

package/dist/components/banner/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index27.css');const t=require("react/jsx-runtime"),l=require("../../classix-5H4IWnMA.cjs"),b=require("../button/index.cjs"),o="_banner_3qfpn_13",u="_visible_3qfpn_32",r={banner:o,visible:u},d=({button:a,message:s,onClick:e,onDismiss:n,visible:c=!1})=>{const i=()=>{e==null||e(),n==null||n()};return t.jsxs("div",{"aria-live":"assertive",className:l.t(r.banner,c&&r.visible),"data-component":"banner",children:[s,t.jsx(b.Button,{onClick:i,children:a})]})};exports.Banner=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index27.css');const t=require("react/jsx-runtime"),l=require("../../classix-5H4IWnMA.cjs"),b=require("../button/index.cjs"),u="_banner_1au2i_13",o="_visible_1au2i_32",r={banner:u,visible:o},d=({button:a,message:s,onClick:e,onDismiss:n,visible:i=!1})=>{const c=()=>{e==null||e(),n==null||n()};return t.jsxs("div",{"aria-live":"assertive",className:l.t(r.banner,i&&r.visible),"data-component":"banner",children:[s,t.jsx(b.Button,{onClick:c,children:a})]})};exports.Banner=d;
 //# sourceMappingURL=index.cjs.map

package/dist/components/banner/index.js

@@ -1,22 +1,22 @@
-import { jsxs as o, jsx as c } from "react/jsx-runtime";
-import { t as i } from "../../classix-DG18itHa.js";
-import { Button as p } from "../button/index.js";
-import '../../assets/index27.css';const s = "_banner_3qfpn_13", v = "_visible_3qfpn_32", r = {
-  banner: s,
-  visible: v
+import { jsxs as l, jsx as o } from "react/jsx-runtime";
+import { t as c } from "../../classix-DG18itHa.js";
+import { Button as s } from "../button/index.js";
+import '../../assets/index27.css';const v = "_banner_1au2i_13", _ = "_visible_1au2i_32", a = {
+  banner: v,
+  visible: _
 }, m = ({
-  button: t,
-  message: a,
+  button: n,
+  message: t,
   onClick: e,
-  onDismiss: n,
+  onDismiss: r,
   visible: b = !1
 }) => {
-  const l = () => {
-    e == null || e(), n == null || n();
+  const i = () => {
+    e == null || e(), r == null || r();
   };
-  return /* @__PURE__ */ o("div", { "aria-live": "assertive", className: i(r.banner, b && r.visible), "data-component": "banner", children: [
-    a,
-    /* @__PURE__ */ c(p, { onClick: l, children: t })
+  return /* @__PURE__ */ l("div", { "aria-live": "assertive", className: c(a.banner, b && a.visible), "data-component": "banner", children: [
+    t,
+    /* @__PURE__ */ o(s, { onClick: i, children: n })
   ] });
 };
 export {

package/dist/components/button/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index29.css');const e=require("react/jsx-runtime"),y=require("../../classix-5H4IWnMA.cjs"),l=require("../badge/index.cjs"),m=require("../icon/index.cjs"),p="_button_15qef_1",g="_simple_15qef_29",b="_danger_15qef_38",f="_tertiary_15qef_47",q="_primary_15qef_54",x="_secondary_15qef_63",t={button:p,simple:g,danger:b,tertiary:f,primary:q,secondary:x},h={danger:t.danger,primary:t.primary,secondary:t.secondary,simple:t.simple,tertiary:t.tertiary};function j({badge:s,children:n,className:o,disabled:a=!1,icon:r,iconSize:i="small",onClick:c,ref:_,variant:d="secondary",...u}){return e.jsxs("button",{className:y.t(t.button,h[d],o),disabled:a,onClick:c,ref:_,type:"button",...u,"data-component":"button",children:[r&&e.jsx(m.Icon,{fill:!0,gap:n?"right":void 0,name:r,size:i}),n,e.jsx(l.Badge,{variant:"highlight",children:s})]})}exports.Button=j;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index29.css');const e=require("react/jsx-runtime"),u=require("../../classix-5H4IWnMA.cjs"),l=require("../badge/index.cjs"),m=require("../icon/index.cjs"),p="_button_y6cfv_1",g="_simple_y6cfv_29",b="_danger_y6cfv_38",f="_tertiary_y6cfv_47",v="_primary_y6cfv_54",x="_secondary_y6cfv_63",t={button:p,simple:g,danger:b,tertiary:f,primary:v,secondary:x},h={danger:t.danger,primary:t.primary,secondary:t.secondary,simple:t.simple,tertiary:t.tertiary};function j({badge:s,children:n,className:o,disabled:a=!1,icon:r,iconSize:i="small",onClick:c,ref:y,variant:_="secondary",...d}){return e.jsxs("button",{className:u.t(t.button,h[_],o),disabled:a,onClick:c,ref:y,type:"button",...d,"data-component":"button",children:[r&&e.jsx(m.Icon,{fill:!0,gap:n?"right":void 0,name:r,size:i}),n,e.jsx(l.Badge,{variant:"highlight",children:s})]})}exports.Button=j;
 //# sourceMappingURL=index.cjs.map

package/dist/components/button/index.js

@@ -1,40 +1,40 @@
-import { jsxs as _, jsx as n } from "react/jsx-runtime";
+import { jsxs as _, jsx as o } from "react/jsx-runtime";
 import { t as d } from "../../classix-DG18itHa.js";
 import { Badge as l } from "../badge/index.js";
 import { Icon as f } from "../icon/index.js";
-import '../../assets/index29.css';const u = "_button_15qef_1", g = "_simple_15qef_29", b = "_danger_15qef_38", q = "_tertiary_15qef_47", h = "_primary_15qef_54", v = "_secondary_15qef_63", t = {
+import '../../assets/index29.css';const u = "_button_y6cfv_1", g = "_simple_y6cfv_29", v = "_danger_y6cfv_38", b = "_tertiary_y6cfv_47", h = "_primary_y6cfv_54", x = "_secondary_y6cfv_63", t = {
   button: u,
   simple: g,
-  danger: b,
-  tertiary: q,
+  danger: v,
+  tertiary: b,
   primary: h,
-  secondary: v
-}, x = {
+  secondary: x
+}, j = {
   danger: t.danger,
   primary: t.primary,
   secondary: t.secondary,
   simple: t.simple,
   tertiary: t.tertiary
 };
-function N({
-  badge: o,
+function k({
+  badge: a,
   children: r,
-  className: a,
+  className: e,
   disabled: s = !1,
-  icon: e,
+  icon: n,
   iconSize: i = "small",
-  onClick: m,
-  ref: c,
-  variant: p = "secondary",
-  ...y
+  onClick: c,
+  ref: y,
+  variant: m = "secondary",
+  ...p
 }) {
-  return /* @__PURE__ */ _("button", { className: d(t.button, x[p], a), disabled: s, onClick: m, ref: c, type: "button", ...y, "data-component": "button", children: [
-    e && /* @__PURE__ */ n(f, { fill: !0, gap: r ? "right" : void 0, name: e, size: i }),
+  return /* @__PURE__ */ _("button", { className: d(t.button, j[m], e), disabled: s, onClick: c, ref: y, type: "button", ...p, "data-component": "button", children: [
+    n && /* @__PURE__ */ o(f, { fill: !0, gap: r ? "right" : void 0, name: n, size: i }),
     r,
-    /* @__PURE__ */ n(l, { variant: "highlight", children: o })
+    /* @__PURE__ */ o(l, { variant: "highlight", children: a })
   ] });
 }
 export {
-  N as Button
+  k as Button
 };
 //# sourceMappingURL=index.js.map

package/dist/components/card/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index30.css');const n=require("react/jsx-runtime"),l=require("../../classix-5H4IWnMA.cjs"),j=require("../badge/index.cjs"),f=require("../checkbox/index.cjs"),g=require("../figure/index.cjs"),v=require("../icon/index.cjs"),w="_card_1nm90_1",h="_head_1nm90_28",N="_center_1nm90_40",q="_content_1nm90_52",y="_preview_1nm90_58",b="_margin_1nm90_98",T="_clickable_1nm90_143",k="_muted_1nm90_158",D="_selected_1nm90_163",e={card:w,head:h,center:N,content:q,preview:y,"preview-leading":"_preview-leading_1nm90_69","preview-trailing":"_preview-trailing_1nm90_70","preview-content":"_preview-content_1nm90_90",margin:b,clickable:T,muted:k,selected:D,"image-top":"_image-top_1nm90_168","image-left":"_image-left_1nm90_179"},E=({actions:x,badge:_,checkbox:c,children:o,emphasis:u="default",header:d,icon:p,image:s,imagePosition:r="top",onClick:a,preview:m,variant:i="default"})=>n.jsxs("article",{className:l.t(e.card,u==="muted"&&e.muted,a&&e.clickable,(c==null?void 0:c.checked)&&e.selected),"data-emphasis":u,"data-minimal":i==="minimal",onClick:a,onKeyDown:t=>{a&&t.currentTarget===document.activeElement&&(t.key==="Enter"||t.key===" ")&&(t.preventDefault(),t.currentTarget.click())},tabIndex:a?0:-1,"data-component":"card",children:[s&&i!=="minimal"&&r==="top"&&n.jsx(g.Figure,{className:e[`image-${r}`],children:s}),n.jsxs("section",{children:[n.jsxs("div",{className:l.t(e.head,i==="minimal"&&e.center),children:[c&&n.jsx("span",{onClick:t=>t.stopPropagation(),children:n.jsx(f.Checkbox,{...c})}),s&&i!=="minimal"&&r==="left"&&n.jsx(g.Figure,{className:e[`image-${r}`],children:s}),d,_&&n.jsx(j.Badge,{..._}),p&&n.jsx(v.Icon,{name:p,size:"medium"}),x]}),o&&i!=="minimal"&&n.jsx("div",{className:l.t(e.content,!!d&&e.margin),children:o}),m&&i!=="minimal"&&n.jsxs("div",{className:l.t(e.preview,!!d&&e.margin),children:[n.jsx("span",{className:e["preview-leading"],children:m.leading}),n.jsx("span",{className:e["preview-content"],children:m.children}),n.jsx("span",{className:e["preview-trailing"],children:m.trailing})]})]})]});exports.Card=E;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index30.css');const n=require("react/jsx-runtime"),d=require("../../classix-5H4IWnMA.cjs"),x=require("../badge/index.cjs"),j=require("../checkbox/index.cjs"),g=require("../figure/index.cjs"),f=require("../icon/index.cjs"),v="_card_133qp_1",w="_head_133qp_28",h="_center_133qp_40",N="_content_133qp_52",y="_preview_133qp_58",b="_margin_133qp_98",T="_clickable_133qp_143",k="_muted_133qp_158",D="_selected_133qp_163",e={card:v,head:w,center:h,content:N,preview:y,"preview-leading":"_preview-leading_133qp_69","preview-trailing":"_preview-trailing_133qp_70","preview-content":"_preview-content_133qp_90",margin:b,clickable:T,muted:k,selected:D,"image-top":"_image-top_133qp_168","image-left":"_image-left_133qp_179"},E=({actions:q,badge:m,checkbox:c,children:p,emphasis:o="default",header:_,icon:u,image:s,imagePosition:r="top",onClick:a,preview:l,variant:i="default"})=>n.jsxs("article",{className:d.t(e.card,o==="muted"&&e.muted,a&&e.clickable,(c==null?void 0:c.checked)&&e.selected),"data-emphasis":o,"data-minimal":i==="minimal",onClick:a,onKeyDown:t=>{a&&t.currentTarget===document.activeElement&&(t.key==="Enter"||t.key===" ")&&(t.preventDefault(),t.currentTarget.click())},tabIndex:a?0:-1,"data-component":"card",children:[s&&i!=="minimal"&&r==="top"&&n.jsx(g.Figure,{className:e[`image-${r}`],children:s}),n.jsxs("section",{children:[n.jsxs("div",{className:d.t(e.head,i==="minimal"&&e.center),children:[c&&n.jsx("span",{onClick:t=>t.stopPropagation(),children:n.jsx(j.Checkbox,{...c})}),s&&i!=="minimal"&&r==="left"&&n.jsx(g.Figure,{className:e[`image-${r}`],children:s}),_,m&&n.jsx(x.Badge,{...m}),u&&n.jsx(f.Icon,{name:u,size:"medium"}),q]}),p&&i!=="minimal"&&n.jsx("div",{className:d.t(e.content,!!_&&e.margin),children:p}),l&&i!=="minimal"&&n.jsxs("div",{className:d.t(e.preview,!!_&&e.margin),children:[n.jsx("span",{className:e["preview-leading"],children:l.leading}),n.jsx("span",{className:e["preview-content"],children:l.children}),n.jsx("span",{className:e["preview-trailing"],children:l.trailing})]})]})]});exports.Card=E;
 //# sourceMappingURL=index.cjs.map