twenty-ui 2.45.0 → 2.47.0

package/dist/theme.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./theme-DumxXtpW.cjs");exports.ANIMATION=e.ANIMATION;exports.DEFAULT_THEME_COLOR_FALLBACK=e.DEFAULT_THEME_COLOR_FALLBACK;exports.GRAY_SCALE_DARK=e.GRAY_SCALE_DARK;exports.GRAY_SCALE_LIGHT=e.GRAY_SCALE_LIGHT;exports.MAIN_COLOR_NAMES=e.MAIN_COLOR_NAMES;exports.MOBILE_VIEWPORT=e.MOBILE_VIEWPORT;exports.RGBA=e.RGBA;exports.THEME_COMMON=e.THEME_COMMON;exports.THEME_DARK=e.THEME_DARK;exports.THEME_LIGHT=e.THEME_LIGHT;exports.ThemeProvider=e.ThemeProvider;exports.getNextThemeColor=e.getNextThemeColor;exports.themeCssVariables=e.themeCssVariables;exports.useTheme=e.useTheme;exports.useThemeColorScheme=e.useThemeColorScheme;exports.useThemeContainer=e.useThemeContainer;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./theme-1XkFz8Qu.cjs");exports.ANIMATION=e.ANIMATION;exports.DEFAULT_THEME_COLOR_FALLBACK=e.DEFAULT_THEME_COLOR_FALLBACK;exports.GRAY_SCALE_DARK=e.GRAY_SCALE_DARK;exports.GRAY_SCALE_LIGHT=e.GRAY_SCALE_LIGHT;exports.MAIN_COLOR_NAMES=e.MAIN_COLOR_NAMES;exports.MOBILE_VIEWPORT=e.MOBILE_VIEWPORT;exports.RGBA=e.RGBA;exports.THEME_COMMON=e.THEME_COMMON;exports.THEME_DARK=e.THEME_DARK;exports.THEME_LIGHT=e.THEME_LIGHT;exports.ThemeProvider=e.ThemeProvider;exports.getNextThemeColor=e.getNextThemeColor;exports.themeCssVariables=e.themeCssVariables;exports.useTheme=e.useTheme;exports.useThemeColorScheme=e.useThemeColorScheme;exports.useThemeContainer=e.useThemeContainer;

package/dist/theme.mjs

@@ -1,4 +1,4 @@
-import { a as s, c as a, d as A, f as E, g as T, h as _, i as m, l as o, m as r, n as C, o as L, p as M, r as O, s as h, t as R, u as t } from "./theme-CjHovJAZ.js";
+import { a as s, c as a, d as A, f as E, g as T, h as _, i as m, l as o, m as r, n as C, o as L, p as M, r as O, s as h, t as R, u as t } from "./theme-B2EaXhye.js";
 export {
   T as ANIMATION,
   _ as DEFAULT_THEME_COLOR_FALLBACK,

package/dist/{typography-D3fk3hSo.cjs → typography-8DF9mq2w.cjs}

@@ -1 +1 @@
-const e=require("./Shortcut-CuBFak3I.cjs");var r=t=>e.getShortcutPresentation(t).text;Object.defineProperty(exports,"formatShortcut",{enumerable:!0,get:function(){return r}});
+const e=require("./Shortcut-ZuZ-KYSk.cjs");var r=t=>e.getShortcutPresentation(t).text;Object.defineProperty(exports,"formatShortcut",{enumerable:!0,get:function(){return r}});

package/dist/typography-DmY7-GzQ.js

@@ -0,0 +1,5 @@
+import { n as r } from "./Shortcut-DKfB0kej.js";
+var a = (t) => r(t).text;
+export {
+  a as t
+};

package/dist/{useIsMobile-UXHqqYXb.cjs → useIsMobile-DxOPI2_E.cjs}

@@ -1 +1 @@
-const w=require("./theme-DumxXtpW.cjs"),u=require("./isDefined-DS2Q42p5.cjs");let s=require("@sniptt/guards"),c=require("react");var d=()=>{const r=globalThis.navigator?.userAgent;if(!(0,s.isString)(r))return"unknown";const e=r.toLowerCase();return e.includes("ios")||e.includes("iphone")||e.includes("ipad")?"ios":e.includes("mac os x")||e.includes("macos")?"mac":e.includes("windows")?"windows":e.includes("android")?"android":e.includes("linux")?"linux":"unknown"},a="(max-width: 768px)",l={getSnapshot:()=>!1,subscribe:()=>()=>{}},i=new WeakMap,f=r=>({getSnapshot:()=>r.matches,subscribe:e=>(r.addEventListener("change",e),()=>r.removeEventListener("change",e))}),g=r=>{const e=i.get(r);if(u.isDefined(e))return e;const t=new Map;return i.set(r,t),t},y=r=>{if(typeof window>"u"||!(0,s.isFunction)(window.matchMedia))return l;const e=g(window.matchMedia),t=e.get(r);if(u.isDefined(t))return t;const n=f(window.matchMedia(r));return e.set(r,n),n},M=()=>!1,o=r=>{const{subscribe:e,getSnapshot:t}=y(r);return(0,c.useSyncExternalStore)(e,t,M)},m=()=>o(a);Object.defineProperty(exports,"MOBILE_MEDIA_QUERY",{enumerable:!0,get:function(){return a}});Object.defineProperty(exports,"getUserDevice",{enumerable:!0,get:function(){return d}});Object.defineProperty(exports,"useIsMobile",{enumerable:!0,get:function(){return m}});Object.defineProperty(exports,"useMediaQuery",{enumerable:!0,get:function(){return o}});
+const w=require("./theme-1XkFz8Qu.cjs"),u=require("./isDefined-DS2Q42p5.cjs");let s=require("@sniptt/guards"),c=require("react");var d=()=>{const r=globalThis.navigator?.userAgent;if(!(0,s.isString)(r))return"unknown";const e=r.toLowerCase();return e.includes("ios")||e.includes("iphone")||e.includes("ipad")?"ios":e.includes("mac os x")||e.includes("macos")?"mac":e.includes("windows")?"windows":e.includes("android")?"android":e.includes("linux")?"linux":"unknown"},a="(max-width: 768px)",l={getSnapshot:()=>!1,subscribe:()=>()=>{}},i=new WeakMap,f=r=>({getSnapshot:()=>r.matches,subscribe:e=>(r.addEventListener("change",e),()=>r.removeEventListener("change",e))}),g=r=>{const e=i.get(r);if(u.isDefined(e))return e;const t=new Map;return i.set(r,t),t},y=r=>{if(typeof window>"u"||!(0,s.isFunction)(window.matchMedia))return l;const e=g(window.matchMedia),t=e.get(r);if(u.isDefined(t))return t;const n=f(window.matchMedia(r));return e.set(r,n),n},M=()=>!1,o=r=>{const{subscribe:e,getSnapshot:t}=y(r);return(0,c.useSyncExternalStore)(e,t,M)},m=()=>o(a);Object.defineProperty(exports,"MOBILE_MEDIA_QUERY",{enumerable:!0,get:function(){return a}});Object.defineProperty(exports,"getUserDevice",{enumerable:!0,get:function(){return d}});Object.defineProperty(exports,"useIsMobile",{enumerable:!0,get:function(){return m}});Object.defineProperty(exports,"useMediaQuery",{enumerable:!0,get:function(){return o}});

package/dist/{useIsMobile-CAIiLC-3.js → useIsMobile-nrufFzMb.js}

@@ -1,5 +1,5 @@
 import { t as s } from "./isDefined-fMi6eQ4r.js";
-import "./theme-CjHovJAZ.js";
+import "./theme-B2EaXhye.js";
 import { isFunction as a, isString as o } from "@sniptt/guards";
 import { useSyncExternalStore as u } from "react";
 var h = () => {

package/dist/useProvidedTextDirection-Dk8LBQeF.js

@@ -0,0 +1,6 @@
+import { t } from "./TextDirectionContext-zzaQWZg6.js";
+import { useContext as e } from "react";
+var i = () => e(t);
+export {
+  i as t
+};

package/dist/useProvidedTextDirection-PVaoQCLH.cjs

@@ -0,0 +1 @@
+const e=require("./TextDirectionContext-pwtyVyKv.cjs");let t=require("react");var r=()=>(0,t.useContext)(e.TextDirectionContext);Object.defineProperty(exports,"useProvidedTextDirection",{enumerable:!0,get:function(){return r}});

package/dist/utilities/color/utils/themeColorSchema.d.ts

@@ -1,7 +1,7 @@
 import { z } from 'zod';
 export declare const themeColorSchema: z.ZodEnum<{
-    red: "red";
     ruby: "ruby";
+    red: "red";
     crimson: "crimson";
     tomato: "tomato";
     orange: "orange";

package/dist/utilities/index.d.ts

@@ -12,3 +12,5 @@ export { useMediaQuery } from './responsive/hooks/useMediaQuery';
 export type { Nullable } from './types/Nullable';
 export { getSafeUrl } from './utils/getSafeUrl';
 export { isDefined } from './utils/isDefined';
+export { normalizeSearchText } from './utils/normalizeSearchText';
+export { preventDismissingClickActivation } from './utils/preventDismissingClickActivation';

package/dist/utilities/utils/normalizeSearchText.d.ts

@@ -0,0 +1 @@
+export declare const normalizeSearchText: (text: string | null | undefined) => string;

package/dist/utilities-BeLfNQ0Q.cjs

@@ -0,0 +1 @@
+const n=require("./theme-1XkFz8Qu.cjs"),i=require("./useIsMobile-DxOPI2_E.cjs");let m=require("zod");var h=e=>e.replace(/\d+$/,""),u=m.z.enum(n.MAIN_COLOR_NAMES),f=e=>{const r=u.safeParse(e??"");return r.success?r.data:n.DEFAULT_THEME_COLOR_FALLBACK},c=e=>{let r=0;for(let t=0;t<e.length;t++)r=e.charCodeAt(t)+((r<<5)-r);return n.MAIN_COLOR_NAMES[Math.abs(r)%n.MAIN_COLOR_NAMES.length]??n.MAIN_COLOR_NAMES[0]},O=({string:e,variant:r=9,theme:t})=>{if(r<1||r>12)throw new Error("Variant must be between 1 and 12");const l=`${c(e)}${r}`;return t.color[l]},C=()=>{const e=i.getUserDevice();return e==="mac"||e==="ios"?"⌘":"Ctrl"},s="(hover: none) and (pointer: coarse)",g=()=>i.useMediaQuery(s),b=["http:","https:","mailto:","tel:"],o="https://same-origin-probe.invalid",a=e=>{if(e.startsWith("/"))try{return new URL(e,o).origin===o}catch{return!1}try{const r=new URL(e);return b.includes(r.protocol)}catch{return!1}},_=e=>{if(!e||e.trim().length===0)return;if(a(e))return e;if(e.startsWith("/"))return;const r=`https://${e}`;return a(r)?r:void 0};Object.defineProperty(exports,"TOUCH_DEVICE_MEDIA_QUERY",{enumerable:!0,get:function(){return s}});Object.defineProperty(exports,"getMainColorNameFromPaletteColorName",{enumerable:!0,get:function(){return h}});Object.defineProperty(exports,"getOsControlSymbol",{enumerable:!0,get:function(){return C}});Object.defineProperty(exports,"getSafeUrl",{enumerable:!0,get:function(){return _}});Object.defineProperty(exports,"parseThemeColor",{enumerable:!0,get:function(){return f}});Object.defineProperty(exports,"stringToThemeColor",{enumerable:!0,get:function(){return c}});Object.defineProperty(exports,"stringToThemeColorP3String",{enumerable:!0,get:function(){return O}});Object.defineProperty(exports,"themeColorSchema",{enumerable:!0,get:function(){return u}});Object.defineProperty(exports,"useIsTouchDevice",{enumerable:!0,get:function(){return g}});

package/dist/utilities-CEi9I09B.js

@@ -0,0 +1,52 @@
+import { f as a, h as i } from "./theme-B2EaXhye.js";
+import { i as h, n as c } from "./useIsMobile-nrufFzMb.js";
+import { z as m } from "zod";
+var E = (e) => e.replace(/\d+$/, ""), l = m.enum(a), d = (e) => {
+  const r = l.safeParse(e ?? "");
+  return r.success ? r.data : i;
+}, v = (e) => {
+  let r = 0;
+  for (let t = 0; t < e.length; t++) r = e.charCodeAt(t) + ((r << 5) - r);
+  return a[Math.abs(r) % a.length] ?? a[0];
+}, g = ({ string: e, variant: r = 9, theme: t }) => {
+  if (r < 1 || r > 12) throw new Error("Variant must be between 1 and 12");
+  const n = `${v(e)}${r}`;
+  return t.color[n];
+}, O = () => {
+  const e = h();
+  return e === "mac" || e === "ios" ? "⌘" : "Ctrl";
+}, f = "(hover: none) and (pointer: coarse)", S = () => c(f), u = [
+  "http:",
+  "https:",
+  "mailto:",
+  "tel:"
+], o = "https://same-origin-probe.invalid", s = (e) => {
+  if (e.startsWith("/")) try {
+    return new URL(e, o).origin === o;
+  } catch {
+    return !1;
+  }
+  try {
+    const r = new URL(e);
+    return u.includes(r.protocol);
+  } catch {
+    return !1;
+  }
+}, A = (e) => {
+  if (!e || e.trim().length === 0) return;
+  if (s(e)) return e;
+  if (e.startsWith("/")) return;
+  const r = `https://${e}`;
+  return s(r) ? r : void 0;
+};
+export {
+  v as a,
+  l as c,
+  O as i,
+  E as l,
+  S as n,
+  g as o,
+  f as r,
+  d as s,
+  A as t
+};

package/dist/utilities.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("./isDefined-DS2Q42p5.cjs"),e=require("./utilities-CdR__WZM.cjs"),r=require("./useIsMobile-UXHqqYXb.cjs"),i=require("./getSafeUrl-BuX_E2_8.cjs");exports.MOBILE_MEDIA_QUERY=r.MOBILE_MEDIA_QUERY;exports.TOUCH_DEVICE_MEDIA_QUERY=e.TOUCH_DEVICE_MEDIA_QUERY;exports.getMainColorNameFromPaletteColorName=e.getMainColorNameFromPaletteColorName;exports.getOsControlSymbol=e.getOsControlSymbol;exports.getSafeUrl=i.getSafeUrl;exports.getUserDevice=r.getUserDevice;exports.isDefined=o.isDefined;exports.parseThemeColor=e.parseThemeColor;exports.stringToThemeColor=e.stringToThemeColor;exports.stringToThemeColorP3String=e.stringToThemeColorP3String;exports.themeColorSchema=e.themeColorSchema;exports.useIsMobile=r.useIsMobile;exports.useIsTouchDevice=e.useIsTouchDevice;exports.useMediaQuery=r.useMediaQuery;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("./isDefined-DS2Q42p5.cjs"),e=require("./utilities-BeLfNQ0Q.cjs"),i=require("./useIsMobile-DxOPI2_E.cjs"),r=require("./preventDismissingClickActivation-DZxTSLV3.cjs");exports.MOBILE_MEDIA_QUERY=i.MOBILE_MEDIA_QUERY;exports.TOUCH_DEVICE_MEDIA_QUERY=e.TOUCH_DEVICE_MEDIA_QUERY;exports.getMainColorNameFromPaletteColorName=e.getMainColorNameFromPaletteColorName;exports.getOsControlSymbol=e.getOsControlSymbol;exports.getSafeUrl=e.getSafeUrl;exports.getUserDevice=i.getUserDevice;exports.isDefined=o.isDefined;exports.normalizeSearchText=r.normalizeSearchText;exports.parseThemeColor=e.parseThemeColor;exports.preventDismissingClickActivation=r.preventDismissingClickActivation;exports.stringToThemeColor=e.stringToThemeColor;exports.stringToThemeColorP3String=e.stringToThemeColorP3String;exports.themeColorSchema=e.themeColorSchema;exports.useIsMobile=i.useIsMobile;exports.useIsTouchDevice=e.useIsTouchDevice;exports.useMediaQuery=i.useMediaQuery;

package/dist/utilities.mjs

@@ -1,20 +1,22 @@
 import { t as o } from "./isDefined-fMi6eQ4r.js";
-import { a as s, c as a, i as t, n as m, o as i, r as l, s as C, t as n } from "./utilities-CJKPcDM4.js";
-import { i as E, n as T, r as f, t as h } from "./useIsMobile-CAIiLC-3.js";
-import { t as D } from "./getSafeUrl-DXwcx-N0.js";
+import { a as r, c as a, i as t, l as i, n as m, o as l, r as n, s as C, t as c } from "./utilities-CEi9I09B.js";
+import { i as T, n as h, r as p, t as D } from "./useIsMobile-nrufFzMb.js";
+import { n as f, t as I } from "./preventDismissingClickActivation-CzWqpjiX.js";
 export {
-  f as MOBILE_MEDIA_QUERY,
-  m as TOUCH_DEVICE_MEDIA_QUERY,
-  a as getMainColorNameFromPaletteColorName,
-  l as getOsControlSymbol,
-  D as getSafeUrl,
-  E as getUserDevice,
+  p as MOBILE_MEDIA_QUERY,
+  n as TOUCH_DEVICE_MEDIA_QUERY,
+  i as getMainColorNameFromPaletteColorName,
+  t as getOsControlSymbol,
+  c as getSafeUrl,
+  T as getUserDevice,
   o as isDefined,
-  i as parseThemeColor,
-  t as stringToThemeColor,
-  s as stringToThemeColorP3String,
-  C as themeColorSchema,
-  h as useIsMobile,
-  n as useIsTouchDevice,
-  T as useMediaQuery
+  f as normalizeSearchText,
+  C as parseThemeColor,
+  I as preventDismissingClickActivation,
+  r as stringToThemeColor,
+  l as stringToThemeColorP3String,
+  a as themeColorSchema,
+  D as useIsMobile,
+  m as useIsTouchDevice,
+  h as useMediaQuery
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "twenty-ui",
-  "version": "2.45.0",
+  "version": "2.47.0",
   "description": "Twenty's shared React UI component library.",
   "license": "MIT",
   "repository": {
@@ -55,6 +55,7 @@
     "jsdom": "^30.0.1",
     "lightningcss": "^1.32.0",
     "monaco-editor": "0.52.2",
+    "postcss": "^8.5.15",
     "prettier": "^3.1.1",
     "react": "^19.2.0",
     "react-docgen-typescript": "^2.2.2",
@@ -63,6 +64,7 @@
     "sass-embedded": "^1.83.0",
     "size-limit": "^12.1.0",
     "slash": "^5.1.0",
+    "storybook": "^10.4.6",
     "storybook-addon-pseudo-states": "^10.3.3",
     "tsx": "^4.19.3",
     "typescript": "^5.9.3",
@@ -121,6 +123,36 @@
       "import": "./dist/components/code-editor.mjs",
       "require": "./dist/components/code-editor.cjs"
     },
+    "./components/data-display": {
+      "types": "./dist/components/data-display/index.d.ts",
+      "import": "./dist/components/data-display.mjs",
+      "require": "./dist/components/data-display.cjs"
+    },
+    "./components/feedback": {
+      "types": "./dist/components/feedback/index.d.ts",
+      "import": "./dist/components/feedback.mjs",
+      "require": "./dist/components/feedback.cjs"
+    },
+    "./components/input": {
+      "types": "./dist/components/input/index.d.ts",
+      "import": "./dist/components/input.mjs",
+      "require": "./dist/components/input.cjs"
+    },
+    "./components/layout": {
+      "types": "./dist/components/layout/index.d.ts",
+      "import": "./dist/components/layout.mjs",
+      "require": "./dist/components/layout.cjs"
+    },
+    "./components/navigation": {
+      "types": "./dist/components/navigation/index.d.ts",
+      "import": "./dist/components/navigation.mjs",
+      "require": "./dist/components/navigation.cjs"
+    },
+    "./components/settings": {
+      "types": "./dist/components/settings/index.d.ts",
+      "import": "./dist/components/settings.mjs",
+      "require": "./dist/components/settings.cjs"
+    },
     "./icon": {
       "types": "./dist/icon/index.d.ts",
       "import": "./dist/icon.mjs",
@@ -203,6 +235,24 @@
       "components/code-editor": [
         "dist/components/code-editor/index.d.ts"
       ],
+      "components/data-display": [
+        "dist/components/data-display/index.d.ts"
+      ],
+      "components/feedback": [
+        "dist/components/feedback/index.d.ts"
+      ],
+      "components/input": [
+        "dist/components/input/index.d.ts"
+      ],
+      "components/layout": [
+        "dist/components/layout/index.d.ts"
+      ],
+      "components/navigation": [
+        "dist/components/navigation/index.d.ts"
+      ],
+      "components/settings": [
+        "dist/components/settings/index.d.ts"
+      ],
       "icon": [
         "dist/icon/index.d.ts"
       ],

package/dist/Avatar-C0FtFpJC.js

@@ -1,68 +0,0 @@
-import { t as k } from "./isDefined-fMi6eQ4r.js";
-import { r as q } from "./theme-CjHovJAZ.js";
-import { a as m } from "./utilities-CJKPcDM4.js";
-import { n as z } from "./useProvidedTextDirection-P1dtjUtE.js";
-import { Fragment as D, jsx as t, jsxs as R } from "react/jsx-runtime";
-import { Button as S } from "@base-ui/react/button";
-import { Avatar as v } from "@base-ui/react/avatar";
-var U = "_root_xleyk_1", E = "_avatarPulsing_xleyk_1", G = "_image_xleyk_87", H = "_fallback_xleyk_93", J = "_icon_xleyk_97", l = {
-  root: U,
-  avatarPulsing: E,
-  image: G,
-  fallback: H,
-  icon: J
-}, Y = ({ src: b, name: n, colorSeed: s = n, size: h = "md", shape: x = "square", variant: f = "soft", icon: o, color: y, backgroundColor: A, borderColor: N, pulsing: w = !1, ring: B = !1, disabled: g = !1, nativeButton: C = !0, onClick: u, className: I, style: d, render: i, "aria-label": P, ...T }) => {
-  const a = q(), e = n?.trim().charAt(0).toUpperCase(), j = e ? y ?? m({
-    string: s ?? "",
-    variant: 12,
-    theme: a
-  }) : a.font.color.tertiary, F = e ? A ?? m({
-    string: s ?? "",
-    variant: f === "outline" ? 5 : 4,
-    theme: a
-  }) : a.background.transparent.light, p = N ?? (e ? m({
-    string: s ?? "",
-    variant: 6,
-    theme: a
-  }) : void 0), c = k(u), _ = k(o) && typeof o != "boolean" && o !== "";
-  return /* @__PURE__ */ t(v.Root, {
-    ...T,
-    onClick: u,
-    "aria-label": P ?? (c ? n?.trim() || "Avatar" : void 0),
-    "data-size": h,
-    "data-shape": x,
-    "data-pulsing": w || void 0,
-    "data-ring": B || void 0,
-    "data-disabled": g || void 0,
-    "data-clickable": c || void 0,
-    className: z(l.root, I),
-    style: (r) => ({
-      "--tw-avatar-color": j,
-      "--tw-avatar-background": _ ? "inherit" : r.imageLoadingStatus === "loaded" ? "none" : F,
-      "--tw-avatar-border": f === "outline" && r.imageLoadingStatus !== "loaded" && p ? `1px solid ${p}` : "none",
-      ...typeof d == "function" ? d(r) : d
-    }),
-    render: c ? (r, L) => /* @__PURE__ */ t(S, {
-      ...r,
-      disabled: g,
-      nativeButton: C,
-      render: typeof i == "function" ? ($) => i($, L) : i
-    }) : i,
-    children: _ ? /* @__PURE__ */ t("span", {
-      className: l.icon,
-      "aria-hidden": !0,
-      children: o
-    }) : /* @__PURE__ */ R(D, { children: [/* @__PURE__ */ t(v.Image, {
-      src: b ?? void 0,
-      alt: "",
-      className: l.image
-    }), /* @__PURE__ */ t(v.Fallback, {
-      className: l.fallback,
-      "aria-hidden": !0,
-      children: e || "-"
-    })] })
-  });
-};
-export {
-  Y as t
-};

package/dist/Avatar-CkI8b3nh.cjs

@@ -1 +0,0 @@
-const F=require("./theme-DumxXtpW.cjs"),h=require("./isDefined-DS2Q42p5.cjs"),d=require("./utilities-CdR__WZM.cjs"),L=require("./useProvidedTextDirection-B7ovnsdr.cjs");let a=require("react/jsx-runtime"),z=require("@base-ui/react/button"),v=require("@base-ui/react/avatar");var O="_root_xleyk_1",R="_avatarPulsing_xleyk_1",U="_image_xleyk_87",$="_fallback_xleyk_93",E="_icon_xleyk_97",n={root:O,avatarPulsing:R,image:U,fallback:$,icon:E},G=({src:k,name:s,colorSeed:l=s,size:x="md",shape:q="square",variant:_="soft",icon:t,color:p,backgroundColor:y,borderColor:j,pulsing:A=!1,ring:T=!1,disabled:g=!1,nativeButton:P=!0,onClick:m,className:C,style:c,render:i,"aria-label":N,...D})=>{const e=F.useTheme(),o=s?.trim().charAt(0).toUpperCase(),w=o?p??d.stringToThemeColorP3String({string:l??"",variant:12,theme:e}):e.font.color.tertiary,B=o?y??d.stringToThemeColorP3String({string:l??"",variant:_==="outline"?5:4,theme:e}):e.background.transparent.light,f=j??(o?d.stringToThemeColorP3String({string:l??"",variant:6,theme:e}):void 0),u=h.isDefined(m),b=h.isDefined(t)&&typeof t!="boolean"&&t!=="";return(0,a.jsx)(v.Avatar.Root,{...D,onClick:m,"aria-label":N??(u?s?.trim()||"Avatar":void 0),"data-size":x,"data-shape":q,"data-pulsing":A||void 0,"data-ring":T||void 0,"data-disabled":g||void 0,"data-clickable":u||void 0,className:L.mergeClassNames(n.root,C),style:r=>({"--tw-avatar-color":w,"--tw-avatar-background":b?"inherit":r.imageLoadingStatus==="loaded"?"none":B,"--tw-avatar-border":_==="outline"&&r.imageLoadingStatus!=="loaded"&&f?`1px solid ${f}`:"none",...typeof c=="function"?c(r):c}),render:u?(r,I)=>(0,a.jsx)(z.Button,{...r,disabled:g,nativeButton:P,render:typeof i=="function"?S=>i(S,I):i}):i,children:b?(0,a.jsx)("span",{className:n.icon,"aria-hidden":!0,children:t}):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(v.Avatar.Image,{src:k??void 0,alt:"",className:n.image}),(0,a.jsx)(v.Avatar.Fallback,{className:n.fallback,"aria-hidden":!0,children:o||"-"})]})})};Object.defineProperty(exports,"Avatar",{enumerable:!0,get:function(){return G}});

package/dist/HorizontalSeparator-JwV0dB5W.js

@@ -1,44 +0,0 @@
-import { clsx as d } from "clsx";
-import { Fragment as n, jsx as a, jsxs as _ } from "react/jsx-runtime";
-var v = "_label_a3otn_1", m = "_small_a3otn_10", s = {
-  label: v,
-  default: "_default_a3otn_6",
-  small: m
-}, c = ({ variant: r = "default", children: l, className: t }) => /* @__PURE__ */ a("div", {
-  className: d(s.label, s[r], t),
-  children: l
-}), p = "_separator_qi3ml_1", u = "_separatorContainer_qi3ml_17", f = "_line_qi3ml_29", b = "_text_qi3ml_38", e = {
-  separator: p,
-  separatorContainer: u,
-  line: f,
-  text: b
-}, h = ({ visible: r = !0, text: l = "", noMargin: t = !1, color: o }) => {
-  const i = o ? { "--horizontal-separator-color": o } : void 0;
-  return /* @__PURE__ */ a(n, { children: l ? /* @__PURE__ */ _("div", {
-    className: e.separatorContainer,
-    "data-no-margin": t || void 0,
-    style: i,
-    children: [
-      /* @__PURE__ */ a("div", {
-        className: e.line,
-        "data-visible": r || void 0
-      }),
-      /* @__PURE__ */ a(c, { children: /* @__PURE__ */ a("span", {
-        className: e.text,
-        children: l
-      }) }),
-      /* @__PURE__ */ a("div", {
-        className: e.line,
-        "data-visible": r || void 0
-      })
-    ]
-  }) : /* @__PURE__ */ a("div", {
-    className: e.separator,
-    "data-visible": r || void 0,
-    "data-no-margin": t || void 0,
-    style: i
-  }) });
-};
-export {
-  h as t
-};

package/dist/HorizontalSeparator-vJLHHlc4.cjs

@@ -1 +0,0 @@
-let n=require("clsx"),a=require("react/jsx-runtime");var d="_label_a3otn_1",_="_small_a3otn_10",o={label:d,default:"_default_a3otn_6",small:_},v=({variant:e="default",children:l,className:t})=>(0,a.jsx)("div",{className:(0,n.clsx)(o.label,o[e],t),children:l}),m="_separator_qi3ml_1",c="_separatorContainer_qi3ml_17",u="_line_qi3ml_29",x="_text_qi3ml_38",r={separator:m,separatorContainer:c,line:u,text:x},p=({visible:e=!0,text:l="",noMargin:t=!1,color:s})=>{const i=s?{"--horizontal-separator-color":s}:void 0;return(0,a.jsx)(a.Fragment,{children:l?(0,a.jsxs)("div",{className:r.separatorContainer,"data-no-margin":t||void 0,style:i,children:[(0,a.jsx)("div",{className:r.line,"data-visible":e||void 0}),(0,a.jsx)(v,{children:(0,a.jsx)("span",{className:r.text,children:l})}),(0,a.jsx)("div",{className:r.line,"data-visible":e||void 0})]}):(0,a.jsx)("div",{className:r.separator,"data-visible":e||void 0,"data-no-margin":t||void 0,style:i})})};Object.defineProperty(exports,"HorizontalSeparator",{enumerable:!0,get:function(){return p}});

package/dist/ListItem-B2HOeN2h.cjs

@@ -1 +0,0 @@
-const p=require("./isDefined-DS2Q42p5.cjs"),i=require("./isRenderableSlot-Guryb6Nf.cjs"),D=require("./Shortcut-CuBFak3I.cjs"),R=require("./OverflowingTextWithTooltip-tsJWb_Ie.cjs"),e=require("./ListItem.module-RqrfwrFg.cjs");let r=require("clsx"),t=require("react/jsx-runtime"),T=require("@sniptt/guards"),y=require("@base-ui/react/use-render"),c=require("@tabler/icons-react");var O=({checked:a,disabled:s})=>(0,t.jsx)("span",{"aria-hidden":!0,className:(0,r.clsx)(e.Checkbox_module_default.root,e.Checkbox_module_default.solid,e.Checkbox_module_default.sm,e.Checkbox_module_default.square,e.Checkbox_module_default.accent),"data-checked":a||void 0,"data-disabled":s||void 0,children:(0,t.jsx)("span",{className:e.Checkbox_module_default.box,children:a&&(0,t.jsx)("span",{className:e.Checkbox_module_default.indicator,children:(0,t.jsx)(c.IconCheck,{"aria-hidden":!0})})})}),w=({color:a="neutral",selected:s=!1,focused:j=!1,disabled:l=!1,indicator:n="none",startIcon:_,endIcon:m,description:d,descriptionPlacement:h="inline",actions:x,actionsVisibility:L="hover",shortcut:f,shortcutJoinLabel:q,hasSubmenu:k=!1,className:N,children:u,render:C,ref:g,onClick:I,...v})=>{const b=i.isRenderableSlot(d),S=o=>{if(l){o.preventDefault();return}p.isDefined(I)&&(o.stopPropagation(),I(o))};return(0,y.useRender)({render:C,ref:g,state:{color:a,indicator:n,selected:s,highlighted:j,disabled:l},props:{...v,"data-actions-visibility":L,className:(0,r.clsx)(e.ListItem_module_default.root,N),"aria-disabled":l||void 0,onClick:S,children:(0,t.jsxs)(t.Fragment,{children:[n==="checkbox"&&(0,t.jsx)(O,{checked:s,disabled:l}),i.isRenderableSlot(_)&&(0,t.jsx)("span",{className:e.ListItem_module_default.startIcon,children:_}),(0,t.jsxs)("span",{className:e.ListItem_module_default.label,children:[(0,t.jsx)("span",{className:e.ListItem_module_default.text,children:(0,T.isString)(u)?(0,t.jsx)(R.OverflowingTextWithTooltip,{text:u}):u}),b&&h==="inline"&&(0,t.jsx)("span",{className:(0,r.clsx)(e.ListItem_module_default.description,e.ListItem_module_default.inlineDescription),children:d})]}),b&&h==="end"&&(0,t.jsx)("span",{className:(0,r.clsx)(e.ListItem_module_default.description,e.ListItem_module_default.endDescription),children:d}),i.isRenderableSlot(x)&&(0,t.jsx)("span",{className:e.ListItem_module_default.actions,children:x}),p.isDefined(f)&&(0,t.jsx)(D.Shortcut,{className:e.ListItem_module_default.hotkeys,shortcut:f,sequenceJoinLabel:q}),i.isRenderableSlot(m)&&(0,t.jsx)("span",{className:e.ListItem_module_default.endIcon,children:m}),n==="check"&&s&&(0,t.jsx)(c.IconCheck,{className:e.ListItem_module_default.checkIndicator,"aria-hidden":!0}),k&&(0,t.jsx)(c.IconChevronRight,{className:e.ListItem_module_default.submenuIcon,"aria-hidden":!0})]})}})};Object.defineProperty(exports,"ListItem",{enumerable:!0,get:function(){return w}});

package/dist/ListItem-D8BQRK1W.js

@@ -1,97 +0,0 @@
-import { En as y, Sn as I } from "./icon-B7aZ6RxF.js";
-import { t as b } from "./isDefined-fMi6eQ4r.js";
-import { t } from "./isRenderableSlot-DT_depzM.js";
-import { t as T } from "./Shortcut-CRCVbA2m.js";
-import { t as w } from "./OverflowingTextWithTooltip-CNpmkBvJ.js";
-import { n as s, t as e } from "./ListItem.module-Dxd8jOJP.js";
-import { clsx as o } from "clsx";
-import { Fragment as E, jsx as a, jsxs as v } from "react/jsx-runtime";
-import { isString as F } from "@sniptt/guards";
-import { useRender as J } from "@base-ui/react/use-render";
-var O = ({ checked: r, disabled: i }) => /* @__PURE__ */ a("span", {
-  "aria-hidden": !0,
-  className: o(s.root, s.solid, s.sm, s.square, s.accent),
-  "data-checked": r || void 0,
-  "data-disabled": i || void 0,
-  children: /* @__PURE__ */ a("span", {
-    className: s.box,
-    children: r && /* @__PURE__ */ a("span", {
-      className: s.indicator,
-      children: /* @__PURE__ */ a(I, { "aria-hidden": !0 })
-    })
-  })
-}), U = ({ color: r = "neutral", selected: i = !1, focused: g = !1, disabled: n = !1, indicator: c = "none", startIcon: h, endIcon: p, description: l, descriptionPlacement: f = "inline", actions: u, actionsVisibility: C = "hover", shortcut: N, shortcutJoinLabel: D, hasSubmenu: L = !1, className: S, children: m, render: _, ref: R, onClick: x, ...j }) => {
-  const k = t(l), q = (d) => {
-    if (n) {
-      d.preventDefault();
-      return;
-    }
-    b(x) && (d.stopPropagation(), x(d));
-  };
-  return J({
-    render: _,
-    ref: R,
-    state: {
-      color: r,
-      indicator: c,
-      selected: i,
-      highlighted: g,
-      disabled: n
-    },
-    props: {
-      ...j,
-      "data-actions-visibility": C,
-      className: o(e.root, S),
-      "aria-disabled": n || void 0,
-      onClick: q,
-      children: /* @__PURE__ */ v(E, { children: [
-        c === "checkbox" && /* @__PURE__ */ a(O, {
-          checked: i,
-          disabled: n
-        }),
-        t(h) && /* @__PURE__ */ a("span", {
-          className: e.startIcon,
-          children: h
-        }),
-        /* @__PURE__ */ v("span", {
-          className: e.label,
-          children: [/* @__PURE__ */ a("span", {
-            className: e.text,
-            children: F(m) ? /* @__PURE__ */ a(w, { text: m }) : m
-          }), k && f === "inline" && /* @__PURE__ */ a("span", {
-            className: o(e.description, e.inlineDescription),
-            children: l
-          })]
-        }),
-        k && f === "end" && /* @__PURE__ */ a("span", {
-          className: o(e.description, e.endDescription),
-          children: l
-        }),
-        t(u) && /* @__PURE__ */ a("span", {
-          className: e.actions,
-          children: u
-        }),
-        b(N) && /* @__PURE__ */ a(T, {
-          className: e.hotkeys,
-          shortcut: N,
-          sequenceJoinLabel: D
-        }),
-        t(p) && /* @__PURE__ */ a("span", {
-          className: e.endIcon,
-          children: p
-        }),
-        c === "check" && i && /* @__PURE__ */ a(I, {
-          className: e.checkIndicator,
-          "aria-hidden": !0
-        }),
-        L && /* @__PURE__ */ a(y, {
-          className: e.submenuIcon,
-          "aria-hidden": !0
-        })
-      ] })
-    }
-  });
-};
-export {
-  U as t
-};

package/dist/ListItem.module-Dxd8jOJP.js

@@ -1,35 +0,0 @@
-var _ = "_root_1fskg_1", r = "_solid_1fskg_22", a = "_outline_1fskg_26", s = "_soft_1fskg_30", o = "_sm_1fskg_35", e = "_md_1fskg_40", n = "_square_1fskg_46", t = "_round_1fskg_51", c = "_accent_1fskg_57", i = "_success_1fskg_63", d = "_warning_1fskg_69", v = "_hoverable_1fskg_75", u = "_box_1fskg_113", k = "_indicator_1fskg_134", f = "_check_1fskg_150", p = "_minus_1fskg_151", L = {
-  root: _,
-  solid: r,
-  outline: a,
-  soft: s,
-  sm: o,
-  md: e,
-  square: n,
-  round: t,
-  accent: c,
-  success: i,
-  warning: d,
-  hoverable: v,
-  box: u,
-  indicator: k,
-  check: f,
-  minus: p
-}, g = "_root_1dup2_2", l = "_submenuIcon_1dup2_51", m = "_startIcon_1dup2_55", b = "_endIcon_1dup2_56", h = "_label_1dup2_72", I = "_text_1dup2_82", x = "_description_1dup2_90", D = "_inlineDescription_1dup2_98", q = "_endDescription_1dup2_103", w = "_hotkeys_1dup2_108", y = "_actions_1dup2_114", C = "_checkIndicator_1dup2_131", $ = {
-  root: g,
-  submenuIcon: l,
-  startIcon: m,
-  endIcon: b,
-  label: h,
-  text: I,
-  description: x,
-  inlineDescription: D,
-  endDescription: q,
-  hotkeys: w,
-  actions: y,
-  checkIndicator: C
-};
-export {
-  L as n,
-  $ as t
-};

package/dist/ListItem.module-RqrfwrFg.cjs

@@ -1 +0,0 @@
-var _="_root_1fskg_1",e="_solid_1fskg_22",r="_outline_1fskg_26",a="_soft_1fskg_30",t="_sm_1fskg_35",o="_md_1fskg_40",n="_square_1fskg_46",s="_round_1fskg_51",u="_accent_1fskg_57",c="_success_1fskg_63",d="_warning_1fskg_69",i="_hoverable_1fskg_75",v="_box_1fskg_113",f="_indicator_1fskg_134",k="_check_1fskg_150",l="_minus_1fskg_151",g={root:_,solid:e,outline:r,soft:a,sm:t,md:o,square:n,round:s,accent:u,success:c,warning:d,hoverable:i,box:v,indicator:f,check:k,minus:l},p="_root_1dup2_2",m="_submenuIcon_1dup2_51",b="_startIcon_1dup2_55",h="_endIcon_1dup2_56",I="_label_1dup2_72",x="_text_1dup2_82",y="_description_1dup2_90",D="_inlineDescription_1dup2_98",j="_endDescription_1dup2_103",q="_hotkeys_1dup2_108",w="_actions_1dup2_114",C="_checkIndicator_1dup2_131",L={root:p,submenuIcon:m,startIcon:b,endIcon:h,label:I,text:x,description:y,inlineDescription:D,endDescription:j,hotkeys:q,actions:w,checkIndicator:C};Object.defineProperty(exports,"Checkbox_module_default",{enumerable:!0,get:function(){return g}});Object.defineProperty(exports,"ListItem_module_default",{enumerable:!0,get:function(){return L}});

package/dist/Loader-BLkXvZli.js

@@ -1,14 +0,0 @@
-import { a as o } from "./theme-CjHovJAZ.js";
-import { jsx as r } from "react/jsx-runtime";
-var t = "_container_1i6sz_1", d = "_dot_1i6sz_15", s = "_loaderDot_1i6sz_1", e = {
-  container: t,
-  dot: d,
-  loaderDot: s
-}, l = ({ color: a }) => /* @__PURE__ */ r("div", {
-  className: e.container,
-  style: a ? { "--loader-color": o.tag.text[a] } : void 0,
-  children: /* @__PURE__ */ r("div", { className: e.dot })
-});
-export {
-  l as t
-};

package/dist/Loader-CMXdrX1d.cjs

@@ -1 +0,0 @@
-const a=require("./theme-DumxXtpW.cjs");let r=require("react/jsx-runtime");var o="_container_1i6sz_1",i="_dot_1i6sz_15",d="_loaderDot_1i6sz_1",t={container:o,dot:i,loaderDot:d},n=({color:e})=>(0,r.jsx)("div",{className:t.container,style:e?{"--loader-color":a.themeCssVariables.tag.text[e]}:void 0,children:(0,r.jsx)("div",{className:t.dot})});Object.defineProperty(exports,"Loader",{enumerable:!0,get:function(){return n}});

package/dist/MenuSeparator-Ct3cQtJ2.cjs

@@ -1 +0,0 @@
-const f=require("./theme-DumxXtpW.cjs"),a=require("./useProvidedTextDirection-B7ovnsdr.cjs");let o=require("react/jsx-runtime"),t=require("@base-ui/react/popover"),u=require("@base-ui/react/menu");var N="_positioner_zlrze_1",x="_popup_zlrze_5",M="_title_zlrze_29",z="_description_zlrze_36",C="_arrow_zlrze_42",p={positioner:N,popup:x,title:M,description:z,arrow:C},T=({className:e,...r})=>(0,o.jsx)(t.Popover.Description,{...r,className:a.mergeClassNames(p.description,e)}),q=({side:e="bottom",align:r="center",sideOffset:i=8,alignOffset:n,arrow:l=!1,anchor:_,collisionPadding:c,container:v,keepMounted:m,className:d,children:P,...g})=>{const b=f.useThemeContainer(),j=a.useProvidedTextDirection();return(0,o.jsx)(t.Popover.Portal,{container:v??b??void 0,keepMounted:m,children:(0,o.jsx)(t.Popover.Positioner,{dir:j,side:e,align:r,sideOffset:i,alignOffset:n,anchor:_,collisionPadding:c,className:p.positioner,children:(0,o.jsxs)(t.Popover.Popup,{...g,className:a.mergeClassNames(p.popup,d),children:[l&&(0,o.jsx)(t.Popover.Arrow,{className:p.arrow}),P]})})})},h=({className:e,...r})=>(0,o.jsx)(t.Popover.Title,{...r,className:a.mergeClassNames(p.title,e)}),G={Root:t.Popover.Root,Trigger:t.Popover.Trigger,Popup:q,Title:h,Description:T,Close:t.Popover.Close},L="_positioner_3411d_1",y="_popup_3411d_5",D="_group_3411d_36",O="_groupLabel_3411d_42",w="_separator_3411d_54",s={positioner:L,popup:y,group:D,groupLabel:O,separator:w},S=({className:e,...r})=>(0,o.jsx)(u.Menu.Group,{...r,className:a.mergeClassNames(s.group,e)}),R=({className:e,...r})=>(0,o.jsx)(u.Menu.GroupLabel,{...r,className:a.mergeClassNames(s.groupLabel,e)}),$=({className:e,...r})=>(0,o.jsx)(u.Menu.Separator,{...r,className:a.mergeClassNames(s.separator,e)});Object.defineProperty(exports,"MenuGroup",{enumerable:!0,get:function(){return S}});Object.defineProperty(exports,"MenuGroupLabel",{enumerable:!0,get:function(){return R}});Object.defineProperty(exports,"MenuSeparator",{enumerable:!0,get:function(){return $}});Object.defineProperty(exports,"Menu_module_default",{enumerable:!0,get:function(){return s}});Object.defineProperty(exports,"Popover",{enumerable:!0,get:function(){return G}});

package/dist/MenuSeparator-CyUYx1nk.js

@@ -1,68 +0,0 @@
-import { t as f } from "./theme-CjHovJAZ.js";
-import { n as p, t as T } from "./useProvidedTextDirection-P1dtjUtE.js";
-import { jsx as a, jsxs as b } from "react/jsx-runtime";
-import { Popover as e } from "@base-ui/react/popover";
-import { Menu as i } from "@base-ui/react/menu";
-var h = "_positioner_zlrze_1", C = "_popup_zlrze_5", L = "_title_zlrze_29", M = "_description_zlrze_36", w = "_arrow_zlrze_42", t = {
-  positioner: h,
-  popup: C,
-  title: L,
-  description: M,
-  arrow: w
-}, x = ({ className: r, ...o }) => /* @__PURE__ */ a(e.Description, {
-  ...o,
-  className: p(t.description, r)
-}), D = ({ side: r = "bottom", align: o = "center", sideOffset: l = 8, alignOffset: n, arrow: _ = !1, anchor: u, collisionPadding: v, container: m, keepMounted: c, className: d, children: P, ...g }) => {
-  const z = f(), N = T();
-  return /* @__PURE__ */ a(e.Portal, {
-    container: m ?? z ?? void 0,
-    keepMounted: c,
-    children: /* @__PURE__ */ a(e.Positioner, {
-      dir: N,
-      side: r,
-      align: o,
-      sideOffset: l,
-      alignOffset: n,
-      anchor: u,
-      collisionPadding: v,
-      className: t.positioner,
-      children: /* @__PURE__ */ b(e.Popup, {
-        ...g,
-        className: p(t.popup, d),
-        children: [_ && /* @__PURE__ */ a(e.Arrow, { className: t.arrow }), P]
-      })
-    })
-  });
-}, G = ({ className: r, ...o }) => /* @__PURE__ */ a(e.Title, {
-  ...o,
-  className: p(t.title, r)
-}), F = {
-  Root: e.Root,
-  Trigger: e.Trigger,
-  Popup: D,
-  Title: G,
-  Description: x,
-  Close: e.Close
-}, $ = "_positioner_3411d_1", j = "_popup_3411d_5", R = "_group_3411d_36", S = "_groupLabel_3411d_42", A = "_separator_3411d_54", s = {
-  positioner: $,
-  popup: j,
-  group: R,
-  groupLabel: S,
-  separator: A
-}, H = ({ className: r, ...o }) => /* @__PURE__ */ a(i.Group, {
-  ...o,
-  className: p(s.group, r)
-}), I = ({ className: r, ...o }) => /* @__PURE__ */ a(i.GroupLabel, {
-  ...o,
-  className: p(s.groupLabel, r)
-}), J = ({ className: r, ...o }) => /* @__PURE__ */ a(i.Separator, {
-  ...o,
-  className: p(s.separator, r)
-});
-export {
-  F as a,
-  s as i,
-  I as n,
-  H as r,
-  J as t
-};