mainstack-design-system 1.3.9 → 1.4.1

package/dist/mainstack-design-system587.js

@@ -1,261 +1,24 @@
-'use client';
-import { jsx as s, jsxs as L, Fragment as O } from "react/jsx-runtime";
-import * as i from "react";
-import { forwardRef as H } from "react";
-import { u as S } from "./index-DLcqcWxM.js";
-import { c as G, P, a as N } from "./index-DMumqyNN.js";
-import { u as K } from "./index-437EL2iq.js";
-import { u as U } from "./index-BZPx6jYI.js";
-import { u as X } from "./index-BGQepRFJ.js";
-import { P as $ } from "./index-BpWB3aFK.js";
-import "./mainstack-design-system355.js";
-import J from "./mainstack-design-system102.js";
-import { c as Q } from "./utils-CFdAYIby.js";
-var y = "Checkbox", [V] = G(y), [W, _] = V(y);
-function Y(r) {
-  const {
-    __scopeCheckbox: a,
-    checked: t,
-    children: l,
-    defaultChecked: n,
-    disabled: e,
-    form: f,
-    name: b,
-    onCheckedChange: d,
-    required: m,
-    value: k = "on",
-    // @ts-expect-error
-    internal_do_not_use_render: u
-  } = r, [p, x] = K({
-    prop: t,
-    defaultProp: n ?? !1,
-    onChange: d,
-    caller: y
-  }), [C, v] = i.useState(null), [g, o] = i.useState(null), c = i.useRef(!1), I = C ? !!f || !!C.closest("form") : (
-    // We set this to true by default so that events bubble to forms without JS (SSR)
-    !0
-  ), R = {
-    checked: p,
-    disabled: e,
-    setChecked: x,
-    control: C,
-    setControl: v,
-    name: b,
-    form: f,
-    value: k,
-    hasConsumerStoppedPropagationRef: c,
-    required: m,
-    defaultChecked: h(n) ? !1 : n,
-    isFormControl: I,
-    bubbleInput: g,
-    setBubbleInput: o
-  };
-  return /* @__PURE__ */ s(
-    W,
-    {
-      scope: a,
-      ...R,
-      children: Z(u) ? u(R) : l
-    }
-  );
-}
-var w = "CheckboxTrigger", z = i.forwardRef(
-  ({ __scopeCheckbox: r, onKeyDown: a, onClick: t, ...l }, n) => {
-    const {
-      control: e,
-      value: f,
-      disabled: b,
-      checked: d,
-      required: m,
-      setControl: k,
-      setChecked: u,
-      hasConsumerStoppedPropagationRef: p,
-      isFormControl: x,
-      bubbleInput: C
-    } = _(w, r), v = S(n, k), g = i.useRef(d);
-    return i.useEffect(() => {
-      const o = e?.form;
-      if (o) {
-        const c = () => u(g.current);
-        return o.addEventListener("reset", c), () => o.removeEventListener("reset", c);
-      }
-    }, [e, u]), /* @__PURE__ */ s(
-      P.button,
-      {
-        type: "button",
-        role: "checkbox",
-        "aria-checked": h(d) ? "mixed" : d,
-        "aria-required": m,
-        "data-state": j(d),
-        "data-disabled": b ? "" : void 0,
-        disabled: b,
-        value: f,
-        ...l,
-        ref: v,
-        onKeyDown: N(a, (o) => {
-          o.key === "Enter" && o.preventDefault();
-        }),
-        onClick: N(t, (o) => {
-          u((c) => h(c) ? !0 : !c), C && x && (p.current = o.isPropagationStopped(), p.current || o.stopPropagation());
-        })
-      }
-    );
-  }
-);
-z.displayName = w;
-var B = i.forwardRef(
-  (r, a) => {
-    const {
-      __scopeCheckbox: t,
-      name: l,
-      checked: n,
-      defaultChecked: e,
-      required: f,
-      disabled: b,
-      value: d,
-      onCheckedChange: m,
-      form: k,
-      ...u
-    } = r;
-    return /* @__PURE__ */ s(
-      Y,
-      {
-        __scopeCheckbox: t,
-        checked: n,
-        defaultChecked: e,
-        disabled: b,
-        required: f,
-        onCheckedChange: m,
-        name: l,
-        form: k,
-        value: d,
-        internal_do_not_use_render: ({ isFormControl: p }) => /* @__PURE__ */ L(O, { children: [
-          /* @__PURE__ */ s(
-            z,
-            {
-              ...u,
-              ref: a,
-              __scopeCheckbox: t
-            }
-          ),
-          p && /* @__PURE__ */ s(
-            A,
-            {
-              __scopeCheckbox: t
-            }
-          )
-        ] })
-      }
-    );
-  }
-);
-B.displayName = y;
-var M = "CheckboxIndicator", T = i.forwardRef(
-  (r, a) => {
-    const { __scopeCheckbox: t, forceMount: l, ...n } = r, e = _(M, t);
-    return /* @__PURE__ */ s(
-      $,
-      {
-        present: l || h(e.checked) || e.checked === !0,
-        children: /* @__PURE__ */ s(
-          P.span,
-          {
-            "data-state": j(e.checked),
-            "data-disabled": e.disabled ? "" : void 0,
-            ...n,
-            ref: a,
-            style: { pointerEvents: "none", ...r.style }
-          }
-        )
+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"
+        ]
       }
-    );
-  }
-);
-T.displayName = M;
-var q = "CheckboxBubbleInput", A = i.forwardRef(
-  ({ __scopeCheckbox: r, ...a }, t) => {
-    const {
-      control: l,
-      hasConsumerStoppedPropagationRef: n,
-      checked: e,
-      defaultChecked: f,
-      required: b,
-      disabled: d,
-      name: m,
-      value: k,
-      form: u,
-      bubbleInput: p,
-      setBubbleInput: x
-    } = _(q, r), C = S(t, x), v = U(e), g = X(l);
-    i.useEffect(() => {
-      const c = p;
-      if (!c) return;
-      const I = window.HTMLInputElement.prototype, E = Object.getOwnPropertyDescriptor(
-        I,
-        "checked"
-      ).set, D = !n.current;
-      if (v !== e && E) {
-        const F = new Event("click", { bubbles: D });
-        c.indeterminate = h(e), E.call(c, h(e) ? !1 : e), c.dispatchEvent(F);
-      }
-    }, [p, v, e, n]);
-    const o = i.useRef(h(e) ? !1 : e);
-    return /* @__PURE__ */ s(
-      P.input,
-      {
-        type: "checkbox",
-        "aria-hidden": !0,
-        defaultChecked: f ?? o.current,
-        required: b,
-        disabled: d,
-        name: m,
-        value: k,
-        form: u,
-        ...a,
-        tabIndex: -1,
-        ref: C,
-        style: {
-          ...a.style,
-          ...g,
-          position: "absolute",
-          pointerEvents: "none",
-          opacity: 0,
-          margin: 0,
-          // We transform because the input is absolutely positioned but we have
-          // rendered it **after** the button. This pulls it back to sit on top
-          // of the button.
-          transform: "translateX(-100%)"
-        }
-      }
-    );
-  }
-);
-A.displayName = q;
-function Z(r) {
-  return typeof r == "function";
-}
-function h(r) {
-  return r === "indeterminate";
-}
-function j(r) {
-  return h(r) ? "indeterminate" : r ? "checked" : "unchecked";
-}
-const ee = H(
-  ({ className: r, ...a }, t) => /* @__PURE__ */ s(
-    B,
-    {
-      "data-slot": "checkbox-indicator",
-      className: Q(
-        "peer relative flex justify-center items-center cursor-pointer  gap-12 border rounded-6 border-border-interactive-neutral bg-on-primary active:transition-transform ease-out-cubic duration-150 active:scale-[0.85] focus:ring-2 active:ring-2 focus:ring-border-surface-spread-focus active:ring-border-surface-spread-neutral ring-offset-0 size-24 group-data-[checkbox-shape=full-radius]:rounded-full group-data-[error=true]:border-border-surface-error-l1 group-data-[checkbox-size=large]:size-32 group-data-[checkbox-size=extra-small]:size-18 disabled:cursor-not-allowed disabled:bg-interactive-primary-disabled group-hover:border-border-interactive-neutral-active-hover aria-checked:bg-interactive-primary disabled:aria-checked:bg-disabled disabled:border-bg-interactive-primary-disabled ",
-        r
-      ),
-      ref: t,
-      ...a,
-      children: /* @__PURE__ */ s(T, { children: /* @__PURE__ */ s(J, { className: "size-24 text-on-primary group-data-[checkbox-size=extra-small]:size-14" }) })
     }
-  )
+  }
 );
-ee.displayName = "CheckboxIndicator";
 export {
-  ee as CheckboxIndicator
+  r as tileVariants
 };

package/dist/mainstack-design-system588.cjs

@@ -1,2 +1 @@
-'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),y=require("react"),b=require("./index-5OKsHRWb.cjs"),P=require("./index-_XxjJPRD.cjs"),O=require("./index-C8aODXfJ.cjs"),B=require("./index-DYxWvftI.cjs"),I=require("./index-bSPhqlcX.cjs"),C=require("./utils-DRUMSl4z.cjs");function M(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const o=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(r,e,o.get?o:{enumerable:!0,get:()=>t[e]})}}return r.default=t,Object.freeze(r)}const c=M(y);var m="Switch",[H]=b.createContextScope(m),[$,z]=H(m),R=c.forwardRef((t,r)=>{const{__scopeSwitch:e,name:o,checked:n,defaultChecked:g,required:u,disabled:a,value:l="on",onCheckedChange:w,form:i,...v}=t,[d,f]=c.useState(null),S=P.useComposedRefs(r,h=>f(h)),x=c.useRef(!1),k=d?i||!!d.closest("form"):!0,[p,E]=O.useControllableState({prop:n,defaultProp:g??!1,onChange:w,caller:m});return s.jsxs($,{scope:e,checked:p,disabled:a,children:[s.jsx(b.Primitive.button,{type:"button",role:"switch","aria-checked":p,"aria-required":u,"data-state":q(p),"data-disabled":a?"":void 0,disabled:a,value:l,...v,ref:S,onClick:b.composeEventHandlers(t.onClick,h=>{E(N=>!N),k&&(x.current=h.isPropagationStopped(),x.current||h.stopPropagation())})}),k&&s.jsx(T,{control:d,bubbles:!x.current,name:o,value:l,checked:p,required:u,disabled:a,form:i,style:{transform:"translateX(-100%)"}})]})});R.displayName=m;var j="SwitchThumb",_=c.forwardRef((t,r)=>{const{__scopeSwitch:e,...o}=t,n=z(j,e);return s.jsx(b.Primitive.span,{"data-state":q(n.checked),"data-disabled":n.disabled?"":void 0,...o,ref:r})});_.displayName=j;var A="SwitchBubbleInput",T=c.forwardRef(({__scopeSwitch:t,control:r,checked:e,bubbles:o=!0,...n},g)=>{const u=c.useRef(null),a=P.useComposedRefs(u,g),l=B.usePrevious(e),w=I.useSize(r);return c.useEffect(()=>{const i=u.current;if(!i)return;const v=window.HTMLInputElement.prototype,f=Object.getOwnPropertyDescriptor(v,"checked").set;if(l!==e&&f){const S=new Event("click",{bubbles:o});f.call(i,e),i.dispatchEvent(S)}},[l,e,o]),s.jsx("input",{type:"checkbox","aria-hidden":!0,defaultChecked:e,...n,tabIndex:-1,ref:a,style:{...n.style,...w,position:"absolute",pointerEvents:"none",opacity:0,margin:0}})});T.displayName=A;function q(t){return t?"checked":"unchecked"}var D=R,U=_;const L=y.forwardRef(({className:t,...r},e)=>s.jsx(D,{"data-slot":"toggle-switch",tabIndex:0,className:C.cn("inline-flex items-center shrink-0 relative bg-surface-neutral-l4 rounded-full hover:bg-surface-neutral-l5 focus:outline-2  focus:outline-border-surface-spread-focus aria-checked:bg-interactive-primary checked:disabled:bg-surface-neutral-l5 disabled:cursor-not-allowed ",t),ref:e,...r,children:s.jsx(U,{"data-slot":"toggle-thumb",className:C.cn("block rounded-full bg-surface-neutral-l1 shrink-0 transition-transform shadow-50")})}));exports.ToggleSwitch=L;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),n=t.createContext(null);function o(){const e=t.useContext(n);if(!e)throw new Error("useDateRangeContext must be used within a <DateRangeContext />.");return e}exports.DateRangeContext=n;exports.useDateRangeContext=o;

package/dist/mainstack-design-system588.js

@@ -1,154 +1,16 @@
-'use client';
-import { jsxs as I, jsx as i } from "react/jsx-runtime";
-import * as a from "react";
-import { forwardRef as M } from "react";
-import { c as H, P, a as j } from "./index-DMumqyNN.js";
-import { u as y } from "./index-DLcqcWxM.js";
-import { u as A } from "./index-437EL2iq.js";
-import { u as U } from "./index-BZPx6jYI.js";
-import { u as q } from "./index-BGQepRFJ.js";
-import { c as C } from "./utils-CFdAYIby.js";
-var m = "Switch", [z] = H(m), [L, O] = z(m), R = a.forwardRef(
-  (t, r) => {
-    const {
-      __scopeSwitch: e,
-      name: s,
-      checked: o,
-      defaultChecked: b,
-      required: u,
-      disabled: c,
-      value: l = "on",
-      onCheckedChange: w,
-      form: n,
-      ...v
-    } = t, [d, f] = a.useState(null), S = y(r, (h) => f(h)), g = a.useRef(!1), k = d ? n || !!d.closest("form") : !0, [p, T] = A({
-      prop: o,
-      defaultProp: b ?? !1,
-      onChange: w,
-      caller: m
-    });
-    return /* @__PURE__ */ I(L, { scope: e, checked: p, disabled: c, children: [
-      /* @__PURE__ */ i(
-        P.button,
-        {
-          type: "button",
-          role: "switch",
-          "aria-checked": p,
-          "aria-required": u,
-          "data-state": N(p),
-          "data-disabled": c ? "" : void 0,
-          disabled: c,
-          value: l,
-          ...v,
-          ref: S,
-          onClick: j(t.onClick, (h) => {
-            T((B) => !B), k && (g.current = h.isPropagationStopped(), g.current || h.stopPropagation());
-          })
-        }
-      ),
-      k && /* @__PURE__ */ i(
-        _,
-        {
-          control: d,
-          bubbles: !g.current,
-          name: s,
-          value: l,
-          checked: p,
-          required: u,
-          disabled: c,
-          form: n,
-          style: { transform: "translateX(-100%)" }
-        }
-      )
-    ] });
-  }
+import { createContext as e, useContext as n } from "react";
+const o = e(
+  null
 );
-R.displayName = m;
-var x = "SwitchThumb", E = a.forwardRef(
-  (t, r) => {
-    const { __scopeSwitch: e, ...s } = t, o = O(x, e);
-    return /* @__PURE__ */ i(
-      P.span,
-      {
-        "data-state": N(o.checked),
-        "data-disabled": o.disabled ? "" : void 0,
-        ...s,
-        ref: r
-      }
+function r() {
+  const t = n(o);
+  if (!t)
+    throw new Error(
+      "useDateRangeContext must be used within a <DateRangeContext />."
     );
-  }
-);
-E.displayName = x;
-var D = "SwitchBubbleInput", _ = a.forwardRef(
-  ({
-    __scopeSwitch: t,
-    control: r,
-    checked: e,
-    bubbles: s = !0,
-    ...o
-  }, b) => {
-    const u = a.useRef(null), c = y(u, b), l = U(e), w = q(r);
-    return a.useEffect(() => {
-      const n = u.current;
-      if (!n) return;
-      const v = window.HTMLInputElement.prototype, f = Object.getOwnPropertyDescriptor(
-        v,
-        "checked"
-      ).set;
-      if (l !== e && f) {
-        const S = new Event("click", { bubbles: s });
-        f.call(n, e), n.dispatchEvent(S);
-      }
-    }, [l, e, s]), /* @__PURE__ */ i(
-      "input",
-      {
-        type: "checkbox",
-        "aria-hidden": !0,
-        defaultChecked: e,
-        ...o,
-        tabIndex: -1,
-        ref: c,
-        style: {
-          ...o.style,
-          ...w,
-          position: "absolute",
-          pointerEvents: "none",
-          opacity: 0,
-          margin: 0
-        }
-      }
-    );
-  }
-);
-_.displayName = D;
-function N(t) {
-  return t ? "checked" : "unchecked";
+  return t;
 }
-var F = R, W = E;
-const $ = M(
-  ({ className: t, ...r }, e) => /* @__PURE__ */ i(
-    F,
-    {
-      "data-slot": "toggle-switch",
-      tabIndex: 0,
-      className: C(
-        "inline-flex items-center shrink-0 relative bg-surface-neutral-l4 rounded-full hover:bg-surface-neutral-l5 focus:outline-2  focus:outline-border-surface-spread-focus aria-checked:bg-interactive-primary checked:disabled:bg-surface-neutral-l5 disabled:cursor-not-allowed ",
-        t
-      ),
-      ref: e,
-      ...r,
-      children: /* @__PURE__ */ i(
-        W,
-        {
-          "data-slot": "toggle-thumb",
-          className: C(
-            "block rounded-full bg-surface-neutral-l1 shrink-0 transition-transform shadow-50"
-          )
-        }
-      )
-    }
-  )
-);
 export {
-  $ as ToggleSwitch
+  o as DateRangeContext,
+  r as useDateRangeContext
 };

package/dist/mainstack-design-system589.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),M=require("react"),p=require("./utils-DRUMSl4z.cjs"),R=require("./mainstack-design-system577.cjs"),y=require("./mainstack-design-system578.cjs"),x=require("./mainstack-design-system383.cjs"),c=require("./DayPickerExtended-BDQnuXA_.cjs");function C(a,r,e){return c.addMonths(a,-1,e)}const u=M.forwardRef(({className:a,...r},e)=>{const[d]=y("(min-width: 900px)"),{ref:l,matches:m}=x.useContainerMatchMedia({query:{minWidth:660}}),{value:n,closeOnRangeSelect:f,setActiveMenu:h,onValueChange:o,onOpenChange:i}=R.useDateRangeContext();return s.jsx("div",{"data-slot":"date-range-calendar",ref:t=>{l.current=t,typeof e=="function"?e(t):typeof e=="object"&&e!==null&&(e.current=t)},className:p.cn("@container min-w-auto min-[900px]:min-w-670",a),children:s.jsx(c.DayPickerExtended,{...r,animate:!0,mode:"range",captionLayout:"dropdown",numberOfMonths:d||m?2:1,navLayout:"around",className:"ms-date-range",selected:n,defaultMonth:n?.from||C(new Date),onSelect:((t,g)=>{o&&(n?.from&&n.to||!n?.from?o({from:g}):(o(t),f&&i&&i(!1))),h(null)})})})});u.displayName="DateRangeCalendar";exports.DateRangeCalendar=u;
+"use strict";const n=require("react"),u=c=>{const[a,t]=n.useState(!1),e=n.useRef(null);return n.useLayoutEffect(()=>{e.current=window.matchMedia(c);const s=e.current.matches;return t(!!s),e.current.onchange=r=>{r.matches?t(!0):t(!1)},()=>{e.current&&(e.current.onchange=null)}},[c]),[a]};module.exports=u;

package/dist/mainstack-design-system589.js

@@ -1,56 +1,16 @@
-import { jsx as m } from "react/jsx-runtime";
-import { forwardRef as p } from "react";
-import { c as h } from "./utils-CFdAYIby.js";
-import { useDateRangeContext as M } from "./mainstack-design-system577.js";
-import g from "./mainstack-design-system578.js";
-import { useContainerMatchMedia as y } from "./mainstack-design-system383.js";
-import { a as D, D as w } from "./DayPickerExtended-AFjcOFRS.js";
-function x(n, r, e) {
-  return D(n, -1, e);
-}
-const C = p(
-  ({ className: n, ...r }, e) => {
-    const [s] = g("(min-width: 900px)"), { ref: c, matches: d } = y({
-      query: { minWidth: 660 }
-    }), {
-      value: t,
-      closeOnRangeSelect: f,
-      setActiveMenu: u,
-      onValueChange: o,
-      onOpenChange: i
-    } = M();
-    return /* @__PURE__ */ m(
-      "div",
-      {
-        "data-slot": "date-range-calendar",
-        ref: (a) => {
-          c.current = a, typeof e == "function" ? e(a) : typeof e == "object" && e !== null && (e.current = a);
-        },
-        className: h("@container min-w-auto min-[900px]:min-w-670", n),
-        children: /* @__PURE__ */ m(
-          w,
-          {
-            ...r,
-            animate: !0,
-            mode: "range",
-            captionLayout: "dropdown",
-            numberOfMonths: s || d ? 2 : 1,
-            navLayout: "around",
-            className: "ms-date-range",
-            selected: t,
-            defaultMonth: t?.from || x(/* @__PURE__ */ new Date()),
-            onSelect: ((a, l) => {
-              o && (t?.from && t.to || !t?.from ? o({
-                from: l
-              }) : (o(a), f && i && i(!1))), u(null);
-            })
-          }
-        )
-      }
-    );
-  }
-);
-C.displayName = "DateRangeCalendar";
+import { useState as s, useRef as u, useLayoutEffect as l } from "react";
+const f = (a) => {
+  const [n, t] = s(!1), e = u(null);
+  return l(() => {
+    e.current = window.matchMedia(a);
+    const c = e.current.matches;
+    return t(!!c), e.current.onchange = (r) => {
+      r.matches ? t(!0) : t(!1);
+    }, () => {
+      e.current && (e.current.onchange = null);
+    };
+  }, [a]), [n];
+};
 export {
-  C as DateRangeCalendar
+  f as default
 };

package/dist/mainstack-design-system590.cjs

@@ -1,2 +1 @@
-'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react"),T=require("./mainstack-design-system596.cjs"),M=require("./mainstack-design-system597.cjs"),E=require("./mainstack-design-system490.cjs"),p=require("./mainstack-design-system479.cjs");require("react-dom");const m=require("./index-CpE6WAgy.cjs"),j=require("./mainstack-design-system487.cjs"),f=require("./mainstack-design-system476.cjs"),v=require("./mainstack-design-system481.cjs"),q=require("./mainstack-design-system488.cjs"),B=require("./mainstack-design-system484.cjs"),g=require("./mainstack-design-system477.cjs"),h=require("./mainstack-design-system485.cjs"),O=require("./mainstack-design-system483.cjs"),S=require("./mainstack-design-system489.cjs"),b=require("./mainstack-design-system482.cjs"),P=require("./mainstack-design-system478.cjs"),N=require("./mainstack-design-system480.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),t=o.createContext(null);function r(){const e=o.useContext(t);if(!e)throw new Error("useResponsivePopoverDrawerContext must be used within a <ResponsivePopoverDrawerContext />.");return e}exports.ResponsivePopoverDrawerContext=t;exports.useResponsivePopoverDrawerContext=r;

package/dist/mainstack-design-system590.js

@@ -1,101 +1,14 @@
-'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-system596.js";
-import { TextEditorField as h } from "./mainstack-design-system597.js";
-import { TextEditorMenuBar as T } from "./mainstack-design-system490.js";
-import { GenerateWithAiMenu as x } from "./mainstack-design-system479.js";
-import "react-dom";
-import { c as N } from "./index-BtQfgaSF.js";
-import { TextSizesMenu as E } from "./mainstack-design-system487.js";
-import { BoldMenu as O } from "./mainstack-design-system476.js";
-import { ItalicMenu as S } from "./mainstack-design-system481.js";
-import { UnderlineMenu as w } from "./mainstack-design-system488.js";
-import { StrikethroughMenu as P } from "./mainstack-design-system484.js";
-import { CodeMenu as g } from "./mainstack-design-system477.js";
-import { TextAlignMenu as I } from "./mainstack-design-system485.js";
-import { OrderedListMenu as R } from "./mainstack-design-system483.js";
-import { UnorderedListMenu as A } from "./mainstack-design-system489.js";
-import { LinkMenu as b } from "./mainstack-design-system482.js";
-import { ColorPickerMenu as y } from "./mainstack-design-system478.js";
-import { ImageUploadMenu as C } from "./mainstack-design-system480.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);
+import { createContext as o, useContext as t } from "react";
+const r = o(null);
+function s() {
+  const e = t(r);
+  if (!e)
+    throw new Error(
+      "useResponsivePopoverDrawerContext must be used within a <ResponsivePopoverDrawerContext />."
+    );
+  return e;
 }
-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, {})
-      ]
-    }
-  ) })
-);
 export {
-  er as TextEditorInput
+  r as ResponsivePopoverDrawerContext,
+  s as useResponsivePopoverDrawerContext
 };

package/dist/mainstack-design-system591.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("react/jsx-runtime"),G=require("./utils-DRUMSl4z.cjs");require("./mainstack-design-system355.cjs");const B=require("./mainstack-design-system246.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 t=require("react"),n=t.createContext(null);function o(){const e=t.useContext(n);if(!e)throw new Error("useDatePickerContext must be used within a <DatePickerContext />.");return e}exports.DatePickerContext=n;exports.useDatePickerContext=o;