mainstack-design-system 1.3.4 → 1.3.6

package/dist/mainstack-design-system569.js

@@ -1,257 +1,40 @@
-const D = {
-  DZ: "DZD",
-  AO: "AOA",
-  BJ: "XOF",
-  BW: "BWP",
-  BF: "XOF",
-  BI: "BIF",
-  CM: "XAF",
-  CV: "CVE",
-  CF: "XAF",
-  TD: "XAF",
-  KM: "KMF",
-  CG: "XAF",
-  CD: "CDF",
-  CI: "XOF",
-  DJ: "DJF",
-  EG: "EGP",
-  GQ: "XAF",
-  ER: "ERN",
-  ET: "ETB",
-  GA: "XAF",
-  GM: "GMD",
-  GH: "GHS",
-  GN: "GNF",
-  GW: "XOF",
-  KE: "KES",
-  LS: "LSL",
-  LR: "LRD",
-  LY: "LYD",
-  MG: "MGA",
-  MW: "MWK",
-  ML: "XOF",
-  MR: "MRO",
-  MU: "MUR",
-  MA: "MAD",
-  MZ: "MZN",
-  NA: "NAD",
-  NE: "XOF",
-  NG: "NGN",
-  RW: "RWF",
-  SN: "XOF",
-  SC: "SCR",
-  SL: "SLL",
-  SO: "SOS",
-  ZA: "ZAR",
-  SD: "SDG",
-  SZ: "SZL",
-  TZ: "TZS",
-  TG: "XOF",
-  TN: "TND",
-  UG: "UGX",
-  EH: "MAD",
-  ZM: "ZMK",
-  ZW: "ZWL",
-  AM: "AMD",
-  BD: "BDT",
-  BT: "BTN",
-  BN: "BND",
-  KH: "KHR",
-  CN: "CNY",
-  HK: "HKD",
-  IN: "INR",
-  ID: "IDR",
-  JP: "JPY",
-  KP: "KPW",
-  KR: "KRW",
-  LA: "LAK",
-  MO: "MOP",
-  MY: "MYR",
-  MV: "MVR",
-  MN: "MNT",
-  MM: "MMK",
-  NP: "NPR",
-  PH: "PHP",
-  RU: "RUB",
-  SG: "SGD",
-  LK: "LKR",
-  TW: "TWD",
-  TH: "THB",
-  TL: "USD",
-  VN: "VND",
-  AU: "AUD",
-  CX: "AUD",
-  CC: "AUD",
-  CK: "NZD",
-  HM: "AUD",
-  KI: "AUD",
-  MH: "USD",
-  NR: "AUD",
-  NC: "XPF",
-  NZ: "NZD",
-  NU: "NZD",
-  NF: "AUD",
-  PG: "PGK",
-  PN: "NZD",
-  SB: "SBD",
-  TK: "NZD",
-  TO: "TOP",
-  TV: "AUD",
-  VU: "VUV",
-  WF: "XPF",
-  AI: "XCD",
-  AG: "XCD",
-  AW: "AWG",
-  BS: "BSD",
-  BB: "BBD",
-  BM: "BMD",
-  KY: "KYD",
-  CU: "CUP",
-  DM: "XCD",
-  DO: "DOP",
-  GD: "XCD",
-  HT: "HTG",
-  JM: "JMD",
-  MS: "XCD",
-  PR: "USD",
-  KN: "XCD",
-  LC: "XCD",
-  VC: "XCD",
-  TT: "TTD",
-  TC: "USD",
-  VG: "USD",
-  VI: "USD",
-  AC: "SHP",
-  AX: "EUR",
-  AL: "ALL",
-  AD: "EUR",
-  AT: "EUR",
-  BY: "BYR",
-  BE: "EUR",
-  BA: "BAM",
-  BV: "NOK",
-  BG: "BGN",
-  HR: "HRK",
-  CY: "EUR",
-  CZ: "CZK",
-  DK: "DKK",
-  EE: "EUR",
-  FK: "FKP",
-  FO: "DKK",
-  FI: "EUR",
-  FR: "EUR",
-  GF: "EUR",
-  TF: "EUR",
-  GE: "GEL",
-  DE: "EUR",
-  GI: "GIP",
-  GR: "EUR",
-  GL: "DKK",
-  GP: "EUR",
-  GG: "GBP",
-  VA: "EUR",
-  HU: "HUF",
-  IS: "ISK",
-  IE: "EUR",
-  IM: "GBP",
-  IT: "EUR",
-  JE: "GBP",
-  LV: "EUR",
-  LI: "CHF",
-  LT: "LTL",
-  LU: "EUR",
-  MK: "MKD",
-  MT: "EUR",
-  MQ: "EUR",
-  MD: "MDL",
-  MC: "EUR",
-  ME: "EUR",
-  NL: "EUR",
-  AN: "ANG",
-  NO: "NOK",
-  PL: "PLN",
-  PT: "EUR",
-  RE: "EUR",
-  RO: "RON",
-  PM: "EUR",
-  SM: "EUR",
-  RS: "RSD",
-  ES: "EUR",
-  SK: "EUR",
-  SI: "EUR",
-  SJ: "NOK",
-  SE: "SEK",
-  CH: "CHF",
-  UA: "UAH",
-  GB: "GBP",
-  AS: "USD",
-  IO: "USD",
-  FJ: "FJD",
-  PF: "XPF",
-  GU: "USD",
-  FM: "USD",
-  MP: "USD",
-  PW: "USD",
-  SH: "SHP",
-  WS: "WST",
-  ST: "STD",
-  GS: "GBP",
-  AF: "AFN",
-  AZ: "AZN",
-  BH: "BHD",
-  IR: "IRR",
-  IQ: "IQD",
-  IL: "ILS",
-  JO: "JOD",
-  KZ: "KZT",
-  KW: "KWD",
-  KG: "KGS",
-  LB: "LBP",
-  OM: "OMR",
-  PK: "PKR",
-  PS: "ILS",
-  QA: "QAR",
-  SA: "SAR",
-  SY: "SYP",
-  TJ: "TJS",
-  TR: "TRY",
-  TM: "TMT",
-  AE: "AED",
-  UZ: "UZS",
-  YE: "YER",
-  TA: "GBP",
-  SX: "ANG",
-  SS: "SSP",
-  MF: "EUR",
-  XK: "EUR",
-  YT: "EUR",
-  CW: "XCG",
-  BQ: "USD",
-  BL: "EUR",
-  BZ: "BZD",
-  CA: "CAD",
-  CR: "CRC",
-  SV: "USD",
-  GT: "GTQ",
-  HN: "HNL",
-  MX: "MXN",
-  NI: "NIO",
-  PA: "PAB",
-  US: "USD",
-  UM: "USD",
-  AR: "ARS",
-  BO: "BOB",
-  BR: "BRL",
-  CL: "CLP",
-  CO: "COP",
-  EC: "USD",
-  GY: "GYD",
-  PY: "PYG",
-  PE: "PEN",
-  SR: "SRD",
-  UY: "UYU",
-  VE: "VEF"
-};
+import { jsxs as l, jsx as r } from "react/jsx-runtime";
+import { forwardRef as m } from "react";
+import { InputRoot as n } from "./mainstack-design-system431.js";
+import { InputField as c } from "./mainstack-design-system432.js";
+import "./mainstack-design-system430.js";
+import "./mainstack-design-system355.js";
+import p from "./mainstack-design-system91.js";
+import s from "./mainstack-design-system264.js";
+const d = m(
+  ({
+    searchCountry: e,
+    onChangeSearchCountry: o,
+    ...t
+  }, i) => /* @__PURE__ */ l(n, { className: "bg-interactive-secondary", children: [
+    /* @__PURE__ */ r(s, { className: "size-24" }),
+    /* @__PURE__ */ r(
+      c,
+      {
+        placeholder: "Search...",
+        value: e,
+        onChange: (a) => o(a.target.value),
+        ref: i,
+        ...t
+      }
+    ),
+    /* @__PURE__ */ r(
+      p,
+      {
+        role: "button",
+        className: "size-20 block cursor-pointer  peer-placeholder-shown:hidden",
+        variant: "filled",
+        onClick: () => o("")
+      }
+    )
+  ] })
+);
+d.displayName = "FormCountryOptionsSearchField";
 export {
-  D as COUNTRIES_ISO2_CODE_TO_CURRENCY_CODE_MAP
+  d as FormCountryOptionsSearchField
 };

package/dist/mainstack-design-system570.cjs

@@ -1 +1 @@
-"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("useSelectContext must be used within a <SelectContext />.");return e}exports.SelectContext=n;exports.useSelectContext=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),i=t.createContext(null);function n(){const e=t.useContext(i);if(!e)throw new Error("usePriceFieldContext must be used within a <PriceFieldContext />.");return e}exports.PriceFieldContext=i;exports.usePriceFieldContext=n;

package/dist/mainstack-design-system570.js

@@ -1,14 +1,16 @@
-import { createContext as e, useContext as n } from "react";
-const o = e(null);
-function c() {
-  const t = n(o);
-  if (!t)
+import { createContext as t, useContext as n } from "react";
+const o = t(
+  null
+);
+function i() {
+  const e = n(o);
+  if (!e)
     throw new Error(
-      "useSelectContext must be used within a <SelectContext />."
+      "usePriceFieldContext must be used within a <PriceFieldContext />."
     );
-  return t;
+  return e;
 }
 export {
-  o as SelectContext,
-  c as useSelectContext
+  o as PriceFieldContext,
+  i as usePriceFieldContext
 };

package/dist/mainstack-design-system571.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react");function a(t){const n=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(n,e,o.get?o:{enumerable:!0,get:()=>t[e]})}}return n.default=t,Object.freeze(n)}const r=a(c),s=r.createContext(null),u=()=>{const t=r.useContext(s);if(!t)throw new Error("useTabsContext must be used within <TabsRoot>");return t};exports.TabsContext=s;exports.useTabsContext=u;
+"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("useSelectContext must be used within a <SelectContext />.");return e}exports.SelectContext=n;exports.useSelectContext=o;

package/dist/mainstack-design-system571.js

@@ -1,11 +1,14 @@
-import * as e from "react";
-const o = e.createContext(null), s = () => {
-  const t = e.useContext(o);
+import { createContext as e, useContext as n } from "react";
+const o = e(null);
+function c() {
+  const t = n(o);
   if (!t)
-    throw new Error("useTabsContext must be used within <TabsRoot>");
+    throw new Error(
+      "useSelectContext must be used within a <SelectContext />."
+    );
   return t;
-};
+}
 export {
-  o as TabsContext,
-  s as useTabsContext
+  o as SelectContext,
+  c as useSelectContext
 };

package/dist/mainstack-design-system572.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CAgJYdlN.cjs"),t=e.cva("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"}}),a=e.cva("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"}});exports.tabsListVariants=a;exports.tabsTriggerVariants=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react");function a(t){const n=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(n,e,o.get?o:{enumerable:!0,get:()=>t[e]})}}return n.default=t,Object.freeze(n)}const r=a(c),s=r.createContext(null),u=()=>{const t=r.useContext(s);if(!t)throw new Error("useTabsContext must be used within <TabsRoot>");return t};exports.TabsContext=s;exports.useTabsContext=u;

package/dist/mainstack-design-system572.js

@@ -1,49 +1,11 @@
-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 * as e from "react";
+const o = e.createContext(null), s = () => {
+  const t = e.useContext(o);
+  if (!t)
+    throw new Error("useTabsContext must be used within <TabsRoot>");
+  return t;
+};
 export {
-  r as tabsListVariants,
-  a as tabsTriggerVariants
+  o as TabsContext,
+  s as useTabsContext
 };

package/dist/mainstack-design-system573.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("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"}}),a=e.cva("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"}});exports.tabsListVariants=a;exports.tabsTriggerVariants=t;

package/dist/mainstack-design-system573.js

@@ -1,16 +1,49 @@
-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;
-}
+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"
+  }
+});
 export {
-  n as TextEditorContext,
-  x as useTextEditorContext
+  r as tabsListVariants,
+  a as tabsTriggerVariants
 };

package/dist/mainstack-design-system574.cjs

@@ -1 +1 @@
-"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;
+"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;

package/dist/mainstack-design-system574.js

@@ -1,24 +1,16 @@
-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"
-        ]
-      }
-    }
-  }
+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 tileVariants
+  n as TextEditorContext,
+  x as useTextEditorContext
 };

package/dist/mainstack-design-system575.cjs

@@ -1 +1 @@
-"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;
+"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-system575.js

@@ -1,16 +1,24 @@
-import { createContext as e, useContext as n } from "react";
-const o = 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 r() {
-  const t = n(o);
-  if (!t)
-    throw new Error(
-      "useDateRangeContext must be used within a <DateRangeContext />."
-    );
-  return t;
-}
 export {
-  o as DateRangeContext,
-  r as useDateRangeContext
+  r as tileVariants
 };

package/dist/mainstack-design-system576.cjs

@@ -1 +1 @@
-"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;
+"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-system576.js

@@ -1,16 +1,16 @@
-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];
-};
+import { createContext as e, useContext as n } from "react";
+const o = e(
+  null
+);
+function r() {
+  const t = n(o);
+  if (!t)
+    throw new Error(
+      "useDateRangeContext must be used within a <DateRangeContext />."
+    );
+  return t;
+}
 export {
-  f as default
+  o as DateRangeContext,
+  r as useDateRangeContext
 };

package/dist/mainstack-design-system577.cjs

@@ -1 +1 @@
-"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;
+"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-system577.js

@@ -1,14 +1,16 @@
-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;
-}
+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 {
-  r as ResponsivePopoverDrawerContext,
-  s as useResponsivePopoverDrawerContext
+  f as default
 };