mainstack-design-system 1.1.2 → 1.2.1

package/dist/mainstack-design-system570.js

@@ -1,49 +1,16 @@
-import { c as e } from "./index-D29mdTf5.js";
-const a = e(
-  "relative inline-flex items-center gap-6 justify-center cursor-pointer whitespace-nowrap body-extrasmall-book transition-all disabled:pointer-events-none disabled:text-disabled transition-transform ease-out-pressed duration-100 active:scale-[0.96]",
-  {
-    variants: {
-      variant: {
-        underline: [
-          "px-8 py-6 text-secondary",
-          "hover:bg-surface-neutral-l4 hover:rounded-10",
-          "disabled:text-disabled disabled:pointer-events-none",
-          "data-[state=active]:text-primary",
-          "after:absolute after:left-0 after:right-0 after:-bottom-9 after:h-2 after:bg-transparent",
-          "data-[state=active]:after:bg-interactive-primary",
-          "data-[state=active]:disabled:text-disabled",
-          "data-[state=active]:disabled:after:bg-interactive-primary-disabled"
-        ],
-        button: [
-          "px-16 py-10 rounded-full bg-transparent text-on-secondary",
-          "hover:bg-surface-neutral-l4 hover:rounded-full hover:text-on-secondary",
-          "data-[state=active]:bg-interactive-primary data-[state=active]:text-on-primary ",
-          "data-[state=active]:hover:bg-interactive-primary-hover",
-          "disabled:text-disabled disabled:pointer-events-none data-[state=active]:disabled:bg-interactive-primary-disabled data-[state=active]:disabled:text-on-primary-disabled"
-        ]
-      },
-      layout: {
-        horizontal: "flex-row",
-        vertical: "flex-col"
-      }
-    },
-    defaultVariants: {
-      variant: "underline",
-      layout: "vertical"
-    }
-  }
-), r = e("flex items-center", {
-  variants: {
-    variant: {
-      underline: "justify-between gap-20 border-b-2 border-border-interactive-neutral py-8",
-      button: "gap-4 p-4 bg-surface-neutral-l4 rounded-full"
-    }
-  },
-  defaultVariants: {
-    variant: "underline"
-  }
-});
+import { createContext as e, useContext as o } from "react";
+const n = e(
+  null
+);
+function x() {
+  const t = o(n);
+  if (!t)
+    throw new Error(
+      "useTextEditorContext must be used within a <TextEditorContext />."
+    );
+  return t;
+}
 export {
-  r as tabsListVariants,
-  a as tabsTriggerVariants
+  n as TextEditorContext,
+  x as useTextEditorContext
 };

package/dist/mainstack-design-system571.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),o=e.createContext(null);function n(){const t=e.useContext(o);if(!t)throw new Error("useTextEditorContext must be used within a <TextEditorContext />.");return t}exports.TextEditorContext=o;exports.useTextEditorContext=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CAgJYdlN.cjs"),t=e.cva(["group w-full rounded-18 body-font-family gap-12 select-none relative flex cursor-pointer items-center p-18 border border-border-interactive-neutral bg-surface-neutral-l1","transition-transform ease-out-pressed duration-100 active:scale-[0.96]","has-[>[data-slot=tile-header]]:flex-col has-[>[data-slot=tile-header]]:items-start","focus-visible:ring-2 focus-visible:outline-none focus-visible:ring-border-surface-spread-focus","data-[selected=true]:border-2 data-[selected=true]:border-border-interactive-neutral-active","hover:bg-interactive-secondary"],{variants:{disabled:{true:["pointer-events-none opacity-60","data-[disabled=true]:[&_[data-slot=tile-content]]:text-disabled"]}}});exports.tileVariants=t;

package/dist/mainstack-design-system571.js

@@ -1,16 +1,24 @@
-import { createContext as e, useContext as o } from "react";
-const n = e(
-  null
+import { c as e } from "./index-D29mdTf5.js";
+const r = e(
+  [
+    "group w-full rounded-18 body-font-family gap-12 select-none relative flex cursor-pointer items-center p-18 border border-border-interactive-neutral bg-surface-neutral-l1",
+    "transition-transform ease-out-pressed duration-100 active:scale-[0.96]",
+    "has-[>[data-slot=tile-header]]:flex-col has-[>[data-slot=tile-header]]:items-start",
+    "focus-visible:ring-2 focus-visible:outline-none focus-visible:ring-border-surface-spread-focus",
+    "data-[selected=true]:border-2 data-[selected=true]:border-border-interactive-neutral-active",
+    "hover:bg-interactive-secondary"
+  ],
+  {
+    variants: {
+      disabled: {
+        true: [
+          "pointer-events-none opacity-60",
+          "data-[disabled=true]:[&_[data-slot=tile-content]]:text-disabled"
+        ]
+      }
+    }
+  }
 );
-function x() {
-  const t = o(n);
-  if (!t)
-    throw new Error(
-      "useTextEditorContext must be used within a <TextEditorContext />."
-    );
-  return t;
-}
 export {
-  n as TextEditorContext,
-  x as useTextEditorContext
+  r as tileVariants
 };

package/dist/mainstack-design-system587.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),s=require("react"),f=require("./mainstack-design-system586.cjs"),y=require("./mainstack-design-system504.cjs"),b=require("./mainstack-design-system572.cjs"),l=require("./startOfYear-B8DzhYMZ.cjs"),u=require("./startOfMonth-DcRL7vMm.cjs");function i(e,a,n){return u.addDays(e,-a,n)}function g(e){return l.startOfDay(Date.now(),e)}const m=s.forwardRef(({children:e,className:a,...n},d)=>{const{startOfAllTimeDate:r}=b.useDateRangeContext(),c=s.useMemo(()=>{const t=new Date;return[{label:"Today",id:"today",from:g(),to:t},{label:"Last 7 days",id:"last_7_days",from:i(t,7),to:t},{label:"Last 30 days",id:"last_30_days",from:i(t,30),to:t},{label:"This month",id:"this_month",from:u.startOfMonth(t),to:t},{label:"This year",id:"this_year",from:l.startOfYear(t),to:t},{label:"All time",id:"all_time",from:r,to:t}]},[r]);return o.jsx("div",{"data-slot":"date-range-menubar",ref:d,className:f.cn("flex overflow-x-auto max-w-full flex-nowrap items-center py-12 gap-12 min-[900px]:w-auto  min-[900px]:mask-none mx-auto mask-[linear-gradient(to_right,white_90%,transparent)]",a),...n,children:e||c.map(t=>o.jsx(y.DateRangeMenuAction,{className:"basis-auto shrink-0 grow-0",actionData:t,children:t.label},t.id))})});m.displayName="DateRangeMenubar";exports.DateRangeMenubar=m;
+'use client';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react"),T=require("./mainstack-design-system594.cjs"),M=require("./mainstack-design-system595.cjs"),E=require("./mainstack-design-system488.cjs"),p=require("./mainstack-design-system477.cjs");require("react-dom");const m=require("./index-CpE6WAgy.cjs"),j=require("./mainstack-design-system485.cjs"),f=require("./mainstack-design-system474.cjs"),v=require("./mainstack-design-system479.cjs"),q=require("./mainstack-design-system486.cjs"),B=require("./mainstack-design-system482.cjs"),g=require("./mainstack-design-system475.cjs"),h=require("./mainstack-design-system483.cjs"),O=require("./mainstack-design-system481.cjs"),S=require("./mainstack-design-system487.cjs"),b=require("./mainstack-design-system480.cjs"),P=require("./mainstack-design-system476.cjs"),N=require("./mainstack-design-system478.cjs");function I(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(r,n,o.get?o:{enumerable:!0,get:()=>t[n]})}}return r.default=t,Object.freeze(r)}const x=I(c);var R=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","select","span","svg","ul"],w=R.reduce((t,r)=>{const n=m.createSlot(`Primitive.${r}`),o=x.forwardRef((s,i)=>{const{asChild:a,...u}=s,_=a?n:r;return typeof window<"u"&&(window[Symbol.for("radix-ui")]=!0),e.jsx(_,{...u,ref:i})});return o.displayName=`Primitive.${r}`,{...t,[r]:o}},{}),y="Separator",d="horizontal",A=["horizontal","vertical"],l=x.forwardRef((t,r)=>{const{decorative:n,orientation:o=d,...s}=t,i=k(o)?o:d,u=n?{role:"none"}:{"aria-orientation":i==="vertical"?i:void 0,role:"separator"};return e.jsx(w.div,{"data-orientation":i,...u,...s,ref:r})});l.displayName=y;function k(t){return A.includes(t)}const L=c.forwardRef(({defaultContent:t,getEditorRef:r,...n},o)=>e.jsx(e.Fragment,{children:e.jsxs(T.TextEditorRoot,{defaultContent:t,getEditorRef:r,ref:o,...n,children:[e.jsxs(E.TextEditorMenuBar,{children:[e.jsx(p.GenerateWithAiMenu,{}),e.jsx(l,{className:"bg-border-interactive-neutral h-full min-h-30 w-1",orientation:"vertical"}),e.jsx(j.TextSizesMenu,{}),e.jsx(f.BoldMenu,{}),e.jsx(v.ItalicMenu,{}),e.jsx(q.UnderlineMenu,{}),e.jsx(B.StrikethroughMenu,{}),e.jsx(g.CodeMenu,{}),e.jsx(h.TextAlignMenu,{}),e.jsx(O.OrderedListMenu,{}),e.jsx(S.UnorderedListMenu,{}),e.jsx(b.LinkMenu,{}),e.jsx(N.ImageUploadMenu,{}),e.jsx(P.ColorPickerMenu,{})]}),e.jsx(M.TextEditorField,{})]})}));exports.TextEditorInput=L;

package/dist/mainstack-design-system587.js

@@ -1,78 +1,101 @@
-import { jsx as s } from "react/jsx-runtime";
-import { forwardRef as l, useMemo as f } from "react";
-import { cn as d } from "./mainstack-design-system586.js";
-import { DateRangeMenuAction as u } from "./mainstack-design-system504.js";
-import { useDateRangeContext as p } from "./mainstack-design-system572.js";
-import { s as y, a as b } from "./startOfYear-CF0-g3MC.js";
-import { a as c, s as h } from "./startOfMonth-Bwjl7UH4.js";
-function n(t, e, o) {
-  return c(t, -e, o);
+'use client';
+import { jsx as r, Fragment as c, jsxs as d } from "react/jsx-runtime";
+import * as l from "react";
+import { forwardRef as v } from "react";
+import { TextEditorRoot as M } from "./mainstack-design-system594.js";
+import { TextEditorField as h } from "./mainstack-design-system595.js";
+import { TextEditorMenuBar as T } from "./mainstack-design-system488.js";
+import { GenerateWithAiMenu as x } from "./mainstack-design-system477.js";
+import "react-dom";
+import { c as N } from "./index-BtQfgaSF.js";
+import { TextSizesMenu as E } from "./mainstack-design-system485.js";
+import { BoldMenu as O } from "./mainstack-design-system474.js";
+import { ItalicMenu as S } from "./mainstack-design-system479.js";
+import { UnderlineMenu as w } from "./mainstack-design-system486.js";
+import { StrikethroughMenu as P } from "./mainstack-design-system482.js";
+import { CodeMenu as g } from "./mainstack-design-system475.js";
+import { TextAlignMenu as I } from "./mainstack-design-system483.js";
+import { OrderedListMenu as R } from "./mainstack-design-system481.js";
+import { UnorderedListMenu as A } from "./mainstack-design-system487.js";
+import { LinkMenu as b } from "./mainstack-design-system480.js";
+import { ColorPickerMenu as y } from "./mainstack-design-system476.js";
+import { ImageUploadMenu as C } from "./mainstack-design-system478.js";
+var L = [
+  "a",
+  "button",
+  "div",
+  "form",
+  "h2",
+  "h3",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "select",
+  "span",
+  "svg",
+  "ul"
+], U = L.reduce((t, o) => {
+  const e = N(`Primitive.${o}`), i = l.forwardRef((a, n) => {
+    const { asChild: p, ...m } = a, u = p ? e : o;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ r(u, { ...m, ref: n });
+  });
+  return i.displayName = `Primitive.${o}`, { ...t, [o]: i };
+}, {}), k = "Separator", f = "horizontal", z = ["horizontal", "vertical"], s = l.forwardRef((t, o) => {
+  const { decorative: e, orientation: i = f, ...a } = t, n = F(i) ? i : f, m = e ? { role: "none" } : { "aria-orientation": n === "vertical" ? n : void 0, role: "separator" };
+  return /* @__PURE__ */ r(
+    U.div,
+    {
+      "data-orientation": n,
+      ...m,
+      ...a,
+      ref: o
+    }
+  );
+});
+s.displayName = k;
+function F(t) {
+  return z.includes(t);
 }
-function D(t) {
-  return y(Date.now(), t);
-}
-const _ = l(
-  ({ children: t, className: e, ...o }, m) => {
-    const { startOfAllTimeDate: r } = p(), i = f(() => {
-      const a = /* @__PURE__ */ new Date();
-      return [
-        { label: "Today", id: "today", from: D(), to: a },
-        {
-          label: "Last 7 days",
-          id: "last_7_days",
-          from: n(a, 7),
-          to: a
-        },
-        {
-          label: "Last 30 days",
-          id: "last_30_days",
-          from: n(a, 30),
-          to: a
-        },
-        {
-          label: "This month",
-          id: "this_month",
-          from: h(a),
-          to: a
-        },
-        {
-          label: "This year",
-          id: "this_year",
-          from: b(a),
-          to: a
-        },
-        {
-          label: "All time",
-          id: "all_time",
-          from: r,
-          to: a
-        }
-      ];
-    }, [r]);
-    return /* @__PURE__ */ s(
-      "div",
-      {
-        "data-slot": "date-range-menubar",
-        ref: m,
-        className: d(
-          "flex overflow-x-auto max-w-full flex-nowrap items-center py-12 gap-12 min-[900px]:w-auto  min-[900px]:mask-none mx-auto mask-[linear-gradient(to_right,white_90%,transparent)]",
-          e
-        ),
-        ...o,
-        children: t || i.map((a) => /* @__PURE__ */ s(
-          u,
-          {
-            className: "basis-auto shrink-0 grow-0",
-            actionData: a,
-            children: a.label
-          },
-          a.id
-        ))
-      }
-    );
-  }
+const er = v(
+  ({ defaultContent: t, getEditorRef: o, ...e }, i) => /* @__PURE__ */ r(c, { children: /* @__PURE__ */ d(
+    M,
+    {
+      defaultContent: t,
+      getEditorRef: o,
+      ref: i,
+      ...e,
+      children: [
+        /* @__PURE__ */ d(T, { children: [
+          /* @__PURE__ */ r(x, {}),
+          /* @__PURE__ */ r(
+            s,
+            {
+              className: "bg-border-interactive-neutral h-full min-h-30 w-1",
+              orientation: "vertical"
+            }
+          ),
+          /* @__PURE__ */ r(E, {}),
+          /* @__PURE__ */ r(O, {}),
+          /* @__PURE__ */ r(S, {}),
+          /* @__PURE__ */ r(w, {}),
+          /* @__PURE__ */ r(P, {}),
+          /* @__PURE__ */ r(g, {}),
+          /* @__PURE__ */ r(I, {}),
+          /* @__PURE__ */ r(R, {}),
+          /* @__PURE__ */ r(A, {}),
+          /* @__PURE__ */ r(b, {}),
+          /* @__PURE__ */ r(C, {}),
+          /* @__PURE__ */ r(y, {})
+        ] }),
+        /* @__PURE__ */ r(h, {})
+      ]
+    }
+  ) })
 );
-_.displayName = "DateRangeMenubar";
 export {
-  _ as DateRangeMenubar
+  er as TextEditorInput
 };

package/dist/mainstack-design-system588.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("react/jsx-runtime"),G=require("./mainstack-design-system586.cjs");require("./mainstack-design-system356.cjs");const B=require("./mainstack-design-system247.cjs"),T=["AC","AD","AE","AF","AG","AI","AL","AM","AO","AQ","AR","AS","AT","AU","AW","AX","AZ","BA","BB","BD","BE","BF","BG","BH","BI","BJ","BL","BM","BN","BO","BQ-BO","BQ-SA","BQ-SE","BQ","BR","BS","BT","BV","BW","BY","BZ","CA","CC","CD","CF","CG","CH","CI","CK","CL","CM","CN","CO","CR","CU","CV","CW","CX","CY","CZ","DE","DJ","DK","DM","DO","DZ","EC","EE","EG","EH","ER","ES-CT","ES","ET","EU","FI","FJ","FK","FM","FO","FR","GA","GB-ENG","GB-NIR","GB-SCT","GB-WLS","GB","GD","GE","GF","GG","GH","GI","GL","GM","GN","GP","GQ","GR","GS","GT","GU","GW","GY","HK","HM","HN","HR","HT","HU","IC","ID","IE","IL","IM","IN","IO","IQ","IR","IS","IT","JE","JM","JO","JP","KE","KG","KH","KI","KM","KN","KP","KR","KW","KY","KZ","LA","LB","LC","LI","LK","LR","LS","LT","LU","LV","LY","MA","MC","MD","ME","MF","MG","MH","MK","ML","MM","MN","MO","MP","MQ","MR","MS","MT","MU","MV","MW","MX","MY","MZ","NA","NC","NE","NF","NG","NI","NL","NO","NP","NR","NU","NZ","OM","PA","PE","PF","PG","PH","PK","PL","PM","PN","PR","PS","PT","PW","PY","QA","RE","RO","RS","RU","RW","SA","SB","SC","SD","SE","SG","SH","SI","SJ","SK","SL","SM","SN","SO","SR","SS","ST","SV","SX","SY","SZ","TA","TC","TD","TF","TG","TH","TJ","TK","TL","TM","TN","TO","TR","TT","TV","TW","TZ","UA","UG","UM","US","UY","UZ","VA","VC","VE","VG","VI","VN","VU","WF","WS","XA","XC","XK","XO","YE","YT","ZA","ZM","ZW"];function A(M){return T.indexOf(M)>=0}const e=M=>{const C=S.jsx(B,{className:"size-20"});return!M||!A(M)?C:S.jsx("span",{className:G.cn(`flag:${M}`,"size-20! min-w-20  overflow-hidden rounded-full")})};exports.getCountryFlagComp=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),s=require("react"),f=require("./mainstack-design-system586.cjs"),y=require("./mainstack-design-system503.cjs"),b=require("./mainstack-design-system572.cjs"),l=require("./startOfYear-B8DzhYMZ.cjs"),u=require("./startOfMonth-DcRL7vMm.cjs");function i(e,a,n){return u.addDays(e,-a,n)}function g(e){return l.startOfDay(Date.now(),e)}const m=s.forwardRef(({children:e,className:a,...n},d)=>{const{startOfAllTimeDate:r}=b.useDateRangeContext(),c=s.useMemo(()=>{const t=new Date;return[{label:"Today",id:"today",from:g(),to:t},{label:"Last 7 days",id:"last_7_days",from:i(t,7),to:t},{label:"Last 30 days",id:"last_30_days",from:i(t,30),to:t},{label:"This month",id:"this_month",from:u.startOfMonth(t),to:t},{label:"This year",id:"this_year",from:l.startOfYear(t),to:t},{label:"All time",id:"all_time",from:r,to:t}]},[r]);return o.jsx("div",{"data-slot":"date-range-menubar",ref:d,className:f.cn("flex overflow-x-auto max-w-full flex-nowrap items-center py-12 gap-12 min-[900px]:w-auto  min-[900px]:mask-none mx-auto mask-[linear-gradient(to_right,white_90%,transparent)]",a),...n,children:e||c.map(t=>o.jsx(y.DateRangeMenuAction,{className:"basis-auto shrink-0 grow-0",actionData:t,children:t.label},t.id))})});m.displayName="DateRangeMenubar";exports.DateRangeMenubar=m;

package/dist/mainstack-design-system588.js

@@ -1,23 +1,78 @@
-import { jsx as S } from "react/jsx-runtime";
-import { cn as C } from "./mainstack-design-system586.js";
-import "./mainstack-design-system356.js";
-import B from "./mainstack-design-system247.js";
-const A = ["AC", "AD", "AE", "AF", "AG", "AI", "AL", "AM", "AO", "AQ", "AR", "AS", "AT", "AU", "AW", "AX", "AZ", "BA", "BB", "BD", "BE", "BF", "BG", "BH", "BI", "BJ", "BL", "BM", "BN", "BO", "BQ-BO", "BQ-SA", "BQ-SE", "BQ", "BR", "BS", "BT", "BV", "BW", "BY", "BZ", "CA", "CC", "CD", "CF", "CG", "CH", "CI", "CK", "CL", "CM", "CN", "CO", "CR", "CU", "CV", "CW", "CX", "CY", "CZ", "DE", "DJ", "DK", "DM", "DO", "DZ", "EC", "EE", "EG", "EH", "ER", "ES-CT", "ES", "ET", "EU", "FI", "FJ", "FK", "FM", "FO", "FR", "GA", "GB-ENG", "GB-NIR", "GB-SCT", "GB-WLS", "GB", "GD", "GE", "GF", "GG", "GH", "GI", "GL", "GM", "GN", "GP", "GQ", "GR", "GS", "GT", "GU", "GW", "GY", "HK", "HM", "HN", "HR", "HT", "HU", "IC", "ID", "IE", "IL", "IM", "IN", "IO", "IQ", "IR", "IS", "IT", "JE", "JM", "JO", "JP", "KE", "KG", "KH", "KI", "KM", "KN", "KP", "KR", "KW", "KY", "KZ", "LA", "LB", "LC", "LI", "LK", "LR", "LS", "LT", "LU", "LV", "LY", "MA", "MC", "MD", "ME", "MF", "MG", "MH", "MK", "ML", "MM", "MN", "MO", "MP", "MQ", "MR", "MS", "MT", "MU", "MV", "MW", "MX", "MY", "MZ", "NA", "NC", "NE", "NF", "NG", "NI", "NL", "NO", "NP", "NR", "NU", "NZ", "OM", "PA", "PE", "PF", "PG", "PH", "PK", "PL", "PM", "PN", "PR", "PS", "PT", "PW", "PY", "QA", "RE", "RO", "RS", "RU", "RW", "SA", "SB", "SC", "SD", "SE", "SG", "SH", "SI", "SJ", "SK", "SL", "SM", "SN", "SO", "SR", "SS", "ST", "SV", "SX", "SY", "SZ", "TA", "TC", "TD", "TF", "TG", "TH", "TJ", "TK", "TL", "TM", "TN", "TO", "TR", "TT", "TV", "TW", "TZ", "UA", "UG", "UM", "US", "UY", "UZ", "VA", "VC", "VE", "VG", "VI", "VN", "VU", "WF", "WS", "XA", "XC", "XK", "XO", "YE", "YT", "ZA", "ZM", "ZW"];
-function T(M) {
-  return A.indexOf(M) >= 0;
+import { jsx as s } from "react/jsx-runtime";
+import { forwardRef as l, useMemo as f } from "react";
+import { cn as d } from "./mainstack-design-system586.js";
+import { DateRangeMenuAction as u } from "./mainstack-design-system503.js";
+import { useDateRangeContext as p } from "./mainstack-design-system572.js";
+import { s as y, a as b } from "./startOfYear-CF0-g3MC.js";
+import { a as c, s as h } from "./startOfMonth-Bwjl7UH4.js";
+function n(t, e, o) {
+  return c(t, -e, o);
 }
-const R = (M) => {
-  const G = /* @__PURE__ */ S(B, { className: "size-20" });
-  return !M || !T(M) ? G : /* @__PURE__ */ S(
-    "span",
-    {
-      className: C(
-        `flag:${M}`,
-        "size-20! min-w-20  overflow-hidden rounded-full"
-      )
-    }
-  );
-};
+function D(t) {
+  return y(Date.now(), t);
+}
+const _ = l(
+  ({ children: t, className: e, ...o }, m) => {
+    const { startOfAllTimeDate: r } = p(), i = f(() => {
+      const a = /* @__PURE__ */ new Date();
+      return [
+        { label: "Today", id: "today", from: D(), to: a },
+        {
+          label: "Last 7 days",
+          id: "last_7_days",
+          from: n(a, 7),
+          to: a
+        },
+        {
+          label: "Last 30 days",
+          id: "last_30_days",
+          from: n(a, 30),
+          to: a
+        },
+        {
+          label: "This month",
+          id: "this_month",
+          from: h(a),
+          to: a
+        },
+        {
+          label: "This year",
+          id: "this_year",
+          from: b(a),
+          to: a
+        },
+        {
+          label: "All time",
+          id: "all_time",
+          from: r,
+          to: a
+        }
+      ];
+    }, [r]);
+    return /* @__PURE__ */ s(
+      "div",
+      {
+        "data-slot": "date-range-menubar",
+        ref: m,
+        className: d(
+          "flex overflow-x-auto max-w-full flex-nowrap items-center py-12 gap-12 min-[900px]:w-auto  min-[900px]:mask-none mx-auto mask-[linear-gradient(to_right,white_90%,transparent)]",
+          e
+        ),
+        ...o,
+        children: t || i.map((a) => /* @__PURE__ */ s(
+          u,
+          {
+            className: "basis-auto shrink-0 grow-0",
+            actionData: a,
+            children: a.label
+          },
+          a.id
+        ))
+      }
+    );
+  }
+);
+_.displayName = "DateRangeMenubar";
 export {
-  R as getCountryFlagComp
+  _ as DateRangeMenubar
 };

package/dist/mainstack-design-system589.cjs

@@ -1,2 +1 @@
-'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),_=require("react"),M=require("./mainstack-design-system594.cjs"),y=require("./mainstack-design-system595.cjs"),j=require("./mainstack-design-system496.cjs"),g=require("./mainstack-design-system485.cjs");require("react-dom");const S=require("./index-_XxjJPRD.cjs"),h=require("./mainstack-design-system493.cjs"),v=require("./mainstack-design-system482.cjs"),b=require("./mainstack-design-system487.cjs"),O=require("./mainstack-design-system494.cjs"),q=require("./mainstack-design-system490.cjs"),B=require("./mainstack-design-system483.cjs"),P=require("./mainstack-design-system491.cjs"),R=require("./mainstack-design-system489.cjs"),C=require("./mainstack-design-system495.cjs"),I=require("./mainstack-design-system488.cjs"),N=require("./mainstack-design-system484.cjs"),A=require("./mainstack-design-system486.cjs");function w(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const a=w(_);var L=Symbol.for("react.lazy"),p=a[" use ".trim().toString()];function k(e){return typeof e=="object"&&e!==null&&"then"in e}function E(e){return e!=null&&typeof e=="object"&&"$$typeof"in e&&e.$$typeof===L&&"_payload"in e&&k(e._payload)}function $(e){const t=z(e),r=a.forwardRef((n,o)=>{let{children:s,...c}=n;E(s)&&typeof p=="function"&&(s=p(s._payload));const u=a.Children.toArray(s),l=u.find(U);if(l){const d=l.props.children,m=u.map(f=>f===l?a.Children.count(d)>1?a.Children.only(null):a.isValidElement(d)?d.props.children:null:f);return i.jsx(t,{...c,ref:o,children:a.isValidElement(d)?a.cloneElement(d,void 0,m):null})}return i.jsx(t,{...c,ref:o,children:s})});return r.displayName=`${e}.Slot`,r}function z(e){const t=a.forwardRef((r,n)=>{let{children:o,...s}=r;if(E(o)&&typeof p=="function"&&(o=p(o._payload)),a.isValidElement(o)){const c=W(o),u=V(s,o.props);return o.type!==a.Fragment&&(u.ref=n?S.composeRefs(n,c):c),a.cloneElement(o,u)}return a.Children.count(o)>1?a.Children.only(null):null});return t.displayName=`${e}.SlotClone`,t}var D=Symbol("radix.slottable");function U(e){return a.isValidElement(e)&&typeof e.type=="function"&&"__radixId"in e.type&&e.type.__radixId===D}function V(e,t){const r={...t};for(const n in t){const o=e[n],s=t[n];/^on[A-Z]/.test(n)?o&&s?r[n]=(...u)=>{const l=s(...u);return o(...u),l}:o&&(r[n]=o):n==="style"?r[n]={...o,...s}:n==="className"&&(r[n]=[o,s].filter(Boolean).join(" "))}return{...e,...r}}function W(e){let t=Object.getOwnPropertyDescriptor(e.props,"ref")?.get,r=t&&"isReactWarning"in t&&t.isReactWarning;return r?e.ref:(t=Object.getOwnPropertyDescriptor(e,"ref")?.get,r=t&&"isReactWarning"in t&&t.isReactWarning,r?e.props.ref:e.props.ref||e.ref)}var F=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","select","span","svg","ul"],G=F.reduce((e,t)=>{const r=$(`Primitive.${t}`),n=a.forwardRef((o,s)=>{const{asChild:c,...u}=o,l=c?r:t;return typeof window<"u"&&(window[Symbol.for("radix-ui")]=!0),i.jsx(l,{...u,ref:s})});return n.displayName=`Primitive.${t}`,{...e,[t]:n}},{}),H="Separator",x="horizontal",Y=["horizontal","vertical"],T=a.forwardRef((e,t)=>{const{decorative:r,orientation:n=x,...o}=e,s=Z(n)?n:x,u=r?{role:"none"}:{"aria-orientation":s==="vertical"?s:void 0,role:"separator"};return i.jsx(G.div,{"data-orientation":s,...u,...o,ref:t})});T.displayName=H;function Z(e){return Y.includes(e)}const J=_.forwardRef(({defaultContent:e,getEditorRef:t,...r},n)=>i.jsx(i.Fragment,{children:i.jsxs(M.TextEditorRoot,{defaultContent:e,getEditorRef:t,ref:n,...r,children:[i.jsxs(j.TextEditorMenuBar,{children:[i.jsx(g.GenerateWithAiMenu,{}),i.jsx(T,{className:"bg-border-interactive-neutral h-full min-h-30 w-1",orientation:"vertical"}),i.jsx(h.TextSizesMenu,{}),i.jsx(v.BoldMenu,{}),i.jsx(b.ItalicMenu,{}),i.jsx(O.UnderlineMenu,{}),i.jsx(q.StrikethroughMenu,{}),i.jsx(B.CodeMenu,{}),i.jsx(P.TextAlignMenu,{}),i.jsx(R.OrderedListMenu,{}),i.jsx(C.UnorderedListMenu,{}),i.jsx(I.LinkMenu,{}),i.jsx(A.ImageUploadMenu,{}),i.jsx(N.ColorPickerMenu,{})]}),i.jsx(y.TextEditorField,{})]})}));exports.TextEditorInput=J;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("react/jsx-runtime"),G=require("./mainstack-design-system586.cjs");require("./mainstack-design-system356.cjs");const B=require("./mainstack-design-system247.cjs"),T=["AC","AD","AE","AF","AG","AI","AL","AM","AO","AQ","AR","AS","AT","AU","AW","AX","AZ","BA","BB","BD","BE","BF","BG","BH","BI","BJ","BL","BM","BN","BO","BQ-BO","BQ-SA","BQ-SE","BQ","BR","BS","BT","BV","BW","BY","BZ","CA","CC","CD","CF","CG","CH","CI","CK","CL","CM","CN","CO","CR","CU","CV","CW","CX","CY","CZ","DE","DJ","DK","DM","DO","DZ","EC","EE","EG","EH","ER","ES-CT","ES","ET","EU","FI","FJ","FK","FM","FO","FR","GA","GB-ENG","GB-NIR","GB-SCT","GB-WLS","GB","GD","GE","GF","GG","GH","GI","GL","GM","GN","GP","GQ","GR","GS","GT","GU","GW","GY","HK","HM","HN","HR","HT","HU","IC","ID","IE","IL","IM","IN","IO","IQ","IR","IS","IT","JE","JM","JO","JP","KE","KG","KH","KI","KM","KN","KP","KR","KW","KY","KZ","LA","LB","LC","LI","LK","LR","LS","LT","LU","LV","LY","MA","MC","MD","ME","MF","MG","MH","MK","ML","MM","MN","MO","MP","MQ","MR","MS","MT","MU","MV","MW","MX","MY","MZ","NA","NC","NE","NF","NG","NI","NL","NO","NP","NR","NU","NZ","OM","PA","PE","PF","PG","PH","PK","PL","PM","PN","PR","PS","PT","PW","PY","QA","RE","RO","RS","RU","RW","SA","SB","SC","SD","SE","SG","SH","SI","SJ","SK","SL","SM","SN","SO","SR","SS","ST","SV","SX","SY","SZ","TA","TC","TD","TF","TG","TH","TJ","TK","TL","TM","TN","TO","TR","TT","TV","TW","TZ","UA","UG","UM","US","UY","UZ","VA","VC","VE","VG","VI","VN","VU","WF","WS","XA","XC","XK","XO","YE","YT","ZA","ZM","ZW"];function A(M){return T.indexOf(M)>=0}const e=M=>{const C=S.jsx(B,{className:"size-20"});return!M||!A(M)?C:S.jsx("span",{className:G.cn(`flag:${M}`,"size-20! min-w-20  overflow-hidden rounded-full")})};exports.getCountryFlagComp=e;

package/dist/mainstack-design-system589.js

@@ -1,153 +1,23 @@
-'use client';
-import { jsx as i, Fragment as S, jsxs as d } from "react/jsx-runtime";
-import * as l from "react";
-import { forwardRef as g } from "react";
-import { TextEditorRoot as C } from "./mainstack-design-system594.js";
-import { TextEditorField as R } from "./mainstack-design-system595.js";
-import { TextEditorMenuBar as T } from "./mainstack-design-system496.js";
-import { GenerateWithAiMenu as M } from "./mainstack-design-system485.js";
-import "react-dom";
-import { c as P } from "./index-DLcqcWxM.js";
-import { TextSizesMenu as b } from "./mainstack-design-system493.js";
-import { BoldMenu as N } from "./mainstack-design-system482.js";
-import { ItalicMenu as O } from "./mainstack-design-system487.js";
-import { UnderlineMenu as x } from "./mainstack-design-system494.js";
-import { StrikethroughMenu as A } from "./mainstack-design-system490.js";
-import { CodeMenu as I } from "./mainstack-design-system483.js";
-import { TextAlignMenu as _ } from "./mainstack-design-system491.js";
-import { OrderedListMenu as w } from "./mainstack-design-system489.js";
-import { UnorderedListMenu as L } from "./mainstack-design-system495.js";
-import { LinkMenu as $ } from "./mainstack-design-system488.js";
-import { ColorPickerMenu as j } from "./mainstack-design-system484.js";
-import { ImageUploadMenu as V } from "./mainstack-design-system486.js";
-var W = Symbol.for("react.lazy"), u = l[" use ".trim().toString()];
-function z(r) {
-  return typeof r == "object" && r !== null && "then" in r;
-}
-function v(r) {
-  return r != null && typeof r == "object" && "$$typeof" in r && r.$$typeof === W && "_payload" in r && z(r._payload);
-}
-// @__NO_SIDE_EFFECTS__
-function D(r) {
-  const t = /* @__PURE__ */ F(r), n = l.forwardRef((e, o) => {
-    let { children: a, ...f } = e;
-    v(a) && typeof u == "function" && (a = u(a._payload));
-    const s = l.Children.toArray(a), p = s.find(B);
-    if (p) {
-      const c = p.props.children, E = s.map((m) => m === p ? l.Children.count(c) > 1 ? l.Children.only(null) : l.isValidElement(c) ? c.props.children : null : m);
-      return /* @__PURE__ */ i(t, { ...f, ref: o, children: l.isValidElement(c) ? l.cloneElement(c, void 0, E) : null });
-    }
-    return /* @__PURE__ */ i(t, { ...f, ref: o, children: a });
-  });
-  return n.displayName = `${r}.Slot`, n;
-}
-// @__NO_SIDE_EFFECTS__
-function F(r) {
-  const t = l.forwardRef((n, e) => {
-    let { children: o, ...a } = n;
-    if (v(o) && typeof u == "function" && (o = u(o._payload)), l.isValidElement(o)) {
-      const f = H(o), s = U(a, o.props);
-      return o.type !== l.Fragment && (s.ref = e ? P(e, f) : f), l.cloneElement(o, s);
-    }
-    return l.Children.count(o) > 1 ? l.Children.only(null) : null;
-  });
-  return t.displayName = `${r}.SlotClone`, t;
-}
-var k = Symbol("radix.slottable");
-function B(r) {
-  return l.isValidElement(r) && typeof r.type == "function" && "__radixId" in r.type && r.type.__radixId === k;
-}
-function U(r, t) {
-  const n = { ...t };
-  for (const e in t) {
-    const o = r[e], a = t[e];
-    /^on[A-Z]/.test(e) ? o && a ? n[e] = (...s) => {
-      const p = a(...s);
-      return o(...s), p;
-    } : o && (n[e] = o) : e === "style" ? n[e] = { ...o, ...a } : e === "className" && (n[e] = [o, a].filter(Boolean).join(" "));
-  }
-  return { ...r, ...n };
-}
-function H(r) {
-  let t = Object.getOwnPropertyDescriptor(r.props, "ref")?.get, n = t && "isReactWarning" in t && t.isReactWarning;
-  return n ? r.ref : (t = Object.getOwnPropertyDescriptor(r, "ref")?.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? r.props.ref : r.props.ref || r.ref);
-}
-var Y = [
-  "a",
-  "button",
-  "div",
-  "form",
-  "h2",
-  "h3",
-  "img",
-  "input",
-  "label",
-  "li",
-  "nav",
-  "ol",
-  "p",
-  "select",
-  "span",
-  "svg",
-  "ul"
-], Z = Y.reduce((r, t) => {
-  const n = /* @__PURE__ */ D(`Primitive.${t}`), e = l.forwardRef((o, a) => {
-    const { asChild: f, ...s } = o, p = f ? n : t;
-    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ i(p, { ...s, ref: a });
-  });
-  return e.displayName = `Primitive.${t}`, { ...r, [t]: e };
-}, {}), G = "Separator", y = "horizontal", q = ["horizontal", "vertical"], h = l.forwardRef((r, t) => {
-  const { decorative: n, orientation: e = y, ...o } = r, a = J(e) ? e : y, s = n ? { role: "none" } : { "aria-orientation": a === "vertical" ? a : void 0, role: "separator" };
-  return /* @__PURE__ */ i(
-    Z.div,
+import { jsx as S } from "react/jsx-runtime";
+import { cn as C } from "./mainstack-design-system586.js";
+import "./mainstack-design-system356.js";
+import B from "./mainstack-design-system247.js";
+const A = ["AC", "AD", "AE", "AF", "AG", "AI", "AL", "AM", "AO", "AQ", "AR", "AS", "AT", "AU", "AW", "AX", "AZ", "BA", "BB", "BD", "BE", "BF", "BG", "BH", "BI", "BJ", "BL", "BM", "BN", "BO", "BQ-BO", "BQ-SA", "BQ-SE", "BQ", "BR", "BS", "BT", "BV", "BW", "BY", "BZ", "CA", "CC", "CD", "CF", "CG", "CH", "CI", "CK", "CL", "CM", "CN", "CO", "CR", "CU", "CV", "CW", "CX", "CY", "CZ", "DE", "DJ", "DK", "DM", "DO", "DZ", "EC", "EE", "EG", "EH", "ER", "ES-CT", "ES", "ET", "EU", "FI", "FJ", "FK", "FM", "FO", "FR", "GA", "GB-ENG", "GB-NIR", "GB-SCT", "GB-WLS", "GB", "GD", "GE", "GF", "GG", "GH", "GI", "GL", "GM", "GN", "GP", "GQ", "GR", "GS", "GT", "GU", "GW", "GY", "HK", "HM", "HN", "HR", "HT", "HU", "IC", "ID", "IE", "IL", "IM", "IN", "IO", "IQ", "IR", "IS", "IT", "JE", "JM", "JO", "JP", "KE", "KG", "KH", "KI", "KM", "KN", "KP", "KR", "KW", "KY", "KZ", "LA", "LB", "LC", "LI", "LK", "LR", "LS", "LT", "LU", "LV", "LY", "MA", "MC", "MD", "ME", "MF", "MG", "MH", "MK", "ML", "MM", "MN", "MO", "MP", "MQ", "MR", "MS", "MT", "MU", "MV", "MW", "MX", "MY", "MZ", "NA", "NC", "NE", "NF", "NG", "NI", "NL", "NO", "NP", "NR", "NU", "NZ", "OM", "PA", "PE", "PF", "PG", "PH", "PK", "PL", "PM", "PN", "PR", "PS", "PT", "PW", "PY", "QA", "RE", "RO", "RS", "RU", "RW", "SA", "SB", "SC", "SD", "SE", "SG", "SH", "SI", "SJ", "SK", "SL", "SM", "SN", "SO", "SR", "SS", "ST", "SV", "SX", "SY", "SZ", "TA", "TC", "TD", "TF", "TG", "TH", "TJ", "TK", "TL", "TM", "TN", "TO", "TR", "TT", "TV", "TW", "TZ", "UA", "UG", "UM", "US", "UY", "UZ", "VA", "VC", "VE", "VG", "VI", "VN", "VU", "WF", "WS", "XA", "XC", "XK", "XO", "YE", "YT", "ZA", "ZM", "ZW"];
+function T(M) {
+  return A.indexOf(M) >= 0;
+}
+const R = (M) => {
+  const G = /* @__PURE__ */ S(B, { className: "size-20" });
+  return !M || !T(M) ? G : /* @__PURE__ */ S(
+    "span",
     {
-      "data-orientation": a,
-      ...s,
-      ...o,
-      ref: t
+      className: C(
+        `flag:${M}`,
+        "size-20! min-w-20  overflow-hidden rounded-full"
+      )
     }
   );
-});
-h.displayName = G;
-function J(r) {
-  return q.includes(r);
-}
-const hr = g(
-  ({ defaultContent: r, getEditorRef: t, ...n }, e) => /* @__PURE__ */ i(S, { children: /* @__PURE__ */ d(
-    C,
-    {
-      defaultContent: r,
-      getEditorRef: t,
-      ref: e,
-      ...n,
-      children: [
-        /* @__PURE__ */ d(T, { children: [
-          /* @__PURE__ */ i(M, {}),
-          /* @__PURE__ */ i(
-            h,
-            {
-              className: "bg-border-interactive-neutral h-full min-h-30 w-1",
-              orientation: "vertical"
-            }
-          ),
-          /* @__PURE__ */ i(b, {}),
-          /* @__PURE__ */ i(N, {}),
-          /* @__PURE__ */ i(O, {}),
-          /* @__PURE__ */ i(x, {}),
-          /* @__PURE__ */ i(A, {}),
-          /* @__PURE__ */ i(I, {}),
-          /* @__PURE__ */ i(_, {}),
-          /* @__PURE__ */ i(w, {}),
-          /* @__PURE__ */ i(L, {}),
-          /* @__PURE__ */ i($, {}),
-          /* @__PURE__ */ i(V, {}),
-          /* @__PURE__ */ i(j, {})
-        ] }),
-        /* @__PURE__ */ i(R, {})
-      ]
-    }
-  ) })
-);
+};
 export {
-  hr as TextEditorInput
+  R as getCountryFlagComp
 };