twenty-ui 2.44.0 → 2.46.0

package/dist/Avatar-DK78lGPU.cjs

@@ -0,0 +1 @@
+const I=require("./theme-Zf62UE02.cjs"),g=require("./isDefined-DS2Q42p5.cjs"),h=require("./utilities-06FvJQzl.cjs"),A=require("./mergeClassNames-D4lshrT6.cjs");let k=require("@sniptt/guards"),l=require("react/jsx-runtime"),q=require("@base-ui/react/avatar");var P="_root_14f7e_1",S="_avatarPulsing_14f7e_1",y="_image_14f7e_89",L="_fallback_14f7e_101",j={root:P,avatarPulsing:S,image:y,fallback:L},p=({className:a,...e})=>(0,l.jsx)(q.Avatar.Fallback,{...e,className:A.mergeClassNames(j.fallback,a)}),x=({className:a,...e})=>(0,l.jsx)(q.Avatar.Image,{...e,className:A.mergeClassNames(j.image,a)}),N=a=>a?.trim().charAt(0).toUpperCase(),D=({name:a,colorSeed:e=a,size:i="md",shape:v="square",variant:u="soft",color:m,backgroundColor:b,borderColor:_,pulsing:s=!1,ring:n=!1,className:o,style:c,...r})=>{const t=I.useTheme(),d=N(a),T=d?m??h.stringToThemeColorP3String({string:e??"",variant:12,theme:t}):m??t.font.color.tertiary,F=d?b??h.stringToThemeColorP3String({string:e??"",variant:u==="outline"?5:4,theme:t}):b??t.background.transparent.light,C=_??(d?h.stringToThemeColorP3String({string:e??"",variant:6,theme:t}):void 0);return(0,l.jsx)(q.Avatar.Root,{...r,"data-size":i,"data-shape":v,"data-pulsing":s||void 0,"data-ring":n||void 0,className:A.mergeClassNames(j.root,o),style:f=>({"--tw-avatar-color":T,"--tw-avatar-background":f.imageLoadingStatus==="loaded"?"none":F,"--tw-avatar-border":u==="outline"&&f.imageLoadingStatus!=="loaded"&&C?`1px solid ${C}`:"none",...(0,k.isFunction)(c)?c(f):c})})},w=({src:a,name:e,icon:i,imageProps:v,fallbackProps:u,backgroundColor:m,...b})=>{const _=N(e),s=g.isDefined(i)&&!(0,k.isBoolean)(i)&&i!=="",n=v?.alt??"",o=!s&&(0,k.isNonEmptyString)(n),{children:c=s?i:_||"-",...r}=u??{},t=g.isDefined(r.role)||g.isDefined(r["aria-label"])||g.isDefined(r["aria-labelledby"]),d=!o&&!t&&!g.isDefined(r.render);return(0,l.jsxs)(D,{...b,name:e,backgroundColor:s?"inherit":m,children:[!s&&(0,l.jsx)(x,{src:a??void 0,...v,alt:n}),(0,l.jsx)(p,{role:o?"img":void 0,"aria-label":o?n:void 0,"aria-hidden":d||void 0,...r,children:c})]})},B=Object.assign(w,{Root:D,Image:x,Fallback:p});Object.defineProperty(exports,"Avatar",{enumerable:!0,get:function(){return B}});

package/dist/Avatar-DnJMCjoR.js

@@ -0,0 +1,72 @@
+import { t as c } from "./isDefined-fMi6eQ4r.js";
+import { r as w } from "./theme-yAk9zrNA.js";
+import { o as p } from "./utilities-DpSj_IdQ.js";
+import { t as _ } from "./mergeClassNames-ClFMR1v0.js";
+import { isBoolean as y, isFunction as B, isNonEmptyString as R } from "@sniptt/guards";
+import { jsx as v, jsxs as S } from "react/jsx-runtime";
+import { Avatar as h } from "@base-ui/react/avatar";
+var T = "_root_14f7e_1", D = "_avatarPulsing_14f7e_1", P = "_image_14f7e_89", $ = "_fallback_14f7e_101", A = {
+  root: T,
+  avatarPulsing: D,
+  image: P,
+  fallback: $
+}, I = ({ className: a, ...t }) => /* @__PURE__ */ v(h.Fallback, {
+  ...t,
+  className: _(A.fallback, a)
+}), N = ({ className: a, ...t }) => /* @__PURE__ */ v(h.Image, {
+  ...t,
+  className: _(A.image, a)
+}), x = (a) => a?.trim().charAt(0).toUpperCase(), C = ({ name: a, colorSeed: t = a, size: i = "md", shape: d = "square", variant: g = "soft", color: b, backgroundColor: f, borderColor: u, pulsing: e = !1, ring: l = !1, className: s, style: n, ...r }) => {
+  const o = w(), m = x(a), L = m ? b ?? p({
+    string: t ?? "",
+    variant: 12,
+    theme: o
+  }) : b ?? o.font.color.tertiary, j = m ? f ?? p({
+    string: t ?? "",
+    variant: g === "outline" ? 5 : 4,
+    theme: o
+  }) : f ?? o.background.transparent.light, F = u ?? (m ? p({
+    string: t ?? "",
+    variant: 6,
+    theme: o
+  }) : void 0);
+  return /* @__PURE__ */ v(h.Root, {
+    ...r,
+    "data-size": i,
+    "data-shape": d,
+    "data-pulsing": e || void 0,
+    "data-ring": l || void 0,
+    className: _(A.root, s),
+    style: (k) => ({
+      "--tw-avatar-color": L,
+      "--tw-avatar-background": k.imageLoadingStatus === "loaded" ? "none" : j,
+      "--tw-avatar-border": g === "outline" && k.imageLoadingStatus !== "loaded" && F ? `1px solid ${F}` : "none",
+      ...B(n) ? n(k) : n
+    })
+  });
+}, q = ({ src: a, name: t, icon: i, imageProps: d, fallbackProps: g, backgroundColor: b, ...f }) => {
+  const u = x(t), e = c(i) && !y(i) && i !== "", l = d?.alt ?? "", s = !e && R(l), { children: n = e ? i : u || "-", ...r } = g ?? {}, o = c(r.role) || c(r["aria-label"]) || c(r["aria-labelledby"]), m = !s && !o && !c(r.render);
+  return /* @__PURE__ */ S(C, {
+    ...f,
+    name: t,
+    backgroundColor: e ? "inherit" : b,
+    children: [!e && /* @__PURE__ */ v(N, {
+      src: a ?? void 0,
+      ...d,
+      alt: l
+    }), /* @__PURE__ */ v(I, {
+      role: s ? "img" : void 0,
+      "aria-label": s ? l : void 0,
+      "aria-hidden": m || void 0,
+      ...r,
+      children: n
+    })]
+  });
+}, K = Object.assign(q, {
+  Root: C,
+  Image: N,
+  Fallback: I
+});
+export {
+  K as t
+};

package/dist/Button-DQUIhQAm.js

@@ -0,0 +1,71 @@
+import { t as e } from "./isDefined-fMi6eQ4r.js";
+import { t as l } from "./Loader-BBMC4fe6.js";
+import { t as D } from "./Shortcut-CWRh02hg.js";
+import { t as E } from "./mergeClassNames-ClFMR1v0.js";
+import { clsx as J } from "clsx";
+import { createContext as R, useContext as V } from "react";
+import { jsx as t, jsxs as h } from "react/jsx-runtime";
+import { Button as $ } from "@base-ui/react/button";
+var F = R(null), H = "_button_vtbjg_1", K = "_content_vtbjg_181", M = "_label_vtbjg_190", O = "_icon_vtbjg_196", P = "_hidden_vtbjg_206", Q = "_loader_vtbjg_210", a = {
+  button: H,
+  content: K,
+  label: M,
+  icon: O,
+  hidden: P,
+  loader: Q
+}, at = ({ variant: j, color: x, size: N, fullWidth: C = !1, loading: o = !1, loadingPosition: n = "center", elevated: k = !1, startIcon: B, endIcon: L, shortcut: c, shortcutJoinLabel: y, disabled: z = !1, href: r, render: v, nativeButton: u, role: S, className: g, children: s, ...m }) => {
+  const i = V(F), G = j ?? i?.variant ?? "outline", I = x ?? i?.color ?? "neutral", q = N ?? i?.size ?? "md", d = e(r) && !e(v) && u !== !0, w = e(r) ? { href: r } : void 0, _ = S ?? (d ? "link" : void 0), A = e(_) ? { role: _ } : void 0, b = o && n === "center", p = o && n === "start" ? /* @__PURE__ */ t(l, {}) : B, f = o && n === "end" ? /* @__PURE__ */ t(l, {}) : L;
+  return /* @__PURE__ */ h($, {
+    ...m,
+    ...w,
+    className: E(a.button, g),
+    "data-variant": G,
+    "data-color": I,
+    "data-size": q,
+    "data-full-width": C || void 0,
+    "data-loading": o || void 0,
+    "data-elevated": k || void 0,
+    "aria-busy": o ? "true" : m["aria-busy"],
+    disabled: z || o,
+    ...A,
+    nativeButton: u ?? !d,
+    render: v ?? (d ? /* @__PURE__ */ t("a", {
+      href: r,
+      children: s
+    }) : void 0),
+    children: [/* @__PURE__ */ h("span", {
+      className: J(a.content, b && a.hidden),
+      children: [
+        e(p) && /* @__PURE__ */ t("span", {
+          className: a.icon,
+          "aria-hidden": !0,
+          children: p
+        }),
+        e(s) && /* @__PURE__ */ t("span", {
+          className: a.label,
+          children: s
+        }),
+        e(f) && /* @__PURE__ */ t("span", {
+          className: a.icon,
+          "aria-hidden": !0,
+          children: f
+        }),
+        e(c) && /* @__PURE__ */ t(D, {
+          shortcut: c,
+          sequenceJoinLabel: y,
+          variant: "button",
+          visibility: "desktop",
+          "aria-hidden": !0
+        })
+      ]
+    }), b && /* @__PURE__ */ t("span", {
+      className: a.loader,
+      "aria-hidden": !0,
+      children: /* @__PURE__ */ t(l, {})
+    })]
+  });
+};
+export {
+  F as n,
+  at as t
+};

package/dist/Button-DkijwPOi.cjs

@@ -0,0 +1 @@
+const t=require("./isDefined-DS2Q42p5.cjs"),u=require("./Loader-GFhTL4Aw.cjs"),w=require("./Shortcut-oYvcja2P.cjs"),A=require("./mergeClassNames-D4lshrT6.cjs");let E=require("clsx"),m=require("react"),e=require("react/jsx-runtime"),J=require("@base-ui/react/button");var q=(0,m.createContext)(null),R="_button_vtbjg_1",V="_content_vtbjg_181",F="_label_vtbjg_190",H="_icon_vtbjg_196",K="_hidden_vtbjg_206",M="_loader_vtbjg_210",r={button:R,content:V,label:F,icon:H,hidden:K,loader:M},Q=({variant:p,color:h,size:D,fullWidth:C=!1,loading:n=!1,loadingPosition:s="center",elevated:N=!1,startIcon:L,endIcon:B,shortcut:l,shortcutJoinLabel:g,disabled:y=!1,href:a,render:c,nativeButton:v,role:k,className:S,children:i,..._})=>{const o=(0,m.useContext)(q),z=p??o?.variant??"outline",G=h??o?.color??"neutral",I=D??o?.size??"md",d=t.isDefined(a)&&!t.isDefined(c)&&v!==!0,O=t.isDefined(a)?{href:a}:void 0,b=k??(d?"link":void 0),P=t.isDefined(b)?{role:b}:void 0,j=n&&s==="center",x=n&&s==="start"?(0,e.jsx)(u.Loader,{}):L,f=n&&s==="end"?(0,e.jsx)(u.Loader,{}):B;return(0,e.jsxs)(J.Button,{..._,...O,className:A.mergeClassNames(r.button,S),"data-variant":z,"data-color":G,"data-size":I,"data-full-width":C||void 0,"data-loading":n||void 0,"data-elevated":N||void 0,"aria-busy":n?"true":_["aria-busy"],disabled:y||n,...P,nativeButton:v??!d,render:c??(d?(0,e.jsx)("a",{href:a,children:i}):void 0),children:[(0,e.jsxs)("span",{className:(0,E.clsx)(r.content,j&&r.hidden),children:[t.isDefined(x)&&(0,e.jsx)("span",{className:r.icon,"aria-hidden":!0,children:x}),t.isDefined(i)&&(0,e.jsx)("span",{className:r.label,children:i}),t.isDefined(f)&&(0,e.jsx)("span",{className:r.icon,"aria-hidden":!0,children:f}),t.isDefined(l)&&(0,e.jsx)(w.Shortcut,{shortcut:l,sequenceJoinLabel:g,variant:"button",visibility:"desktop","aria-hidden":!0})]}),j&&(0,e.jsx)("span",{className:r.loader,"aria-hidden":!0,children:(0,e.jsx)(u.Loader,{})})]})};Object.defineProperty(exports,"Button",{enumerable:!0,get:function(){return Q}});Object.defineProperty(exports,"ButtonGroupContext",{enumerable:!0,get:function(){return q}});