@mt-gloss/ui 0.0.9 → 0.0.11

package/catalog.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Catalog entry point — tree-shakeable facade for consuming Gloss UI components.
+ *
+ * Usage: import * as UI from '@mt-gloss/ui/catalog';
+ *        <UI.Text variant="body">Hello</UI.Text>
+ */
+export * from './lib/facade/index';

package/catalog.js

@@ -0,0 +1,614 @@
+import { y as x, N as I, A as B, F as C, J as F, z as D, D as A, E as M, H as v, O as z, Q as W, T as R, aX as _, U as H, aY as L, aZ as k, a_ as E, V as $, W as G, X as O } from "./Expandable-SuZVwO7Z.js";
+import { b2 as De, av as Ae, ad as Me, Z as ve, aj as ze, bN as We, K as Re, a4 as _e, bl as He, P as Le, B as ke, be as Ee, bd as $e, bt as Ge, b as Oe, C as Xe, L as Ve, o as je, a9 as we, aJ as Ze, ay as Ue, am as qe, k as Je, m as Ye, aB as Ke, a7 as Qe, b4 as ea, a5 as aa, bm as ta, Y as sa, al as oa, aM as ra, b6 as ia, n as na, ai as la, a0 as da, an as ca, a2 as ga, bg as ma, a6 as pa, bF as ua, aP as ba, r as fa, I as ha, g as Ta, as as Sa, M as ya, w as Pa, ao as Na, bc as xa, bL as Ia, ak as Ba, t as Ca, bn as Fa, aO as Da, a$ as Aa, af as Ma, aG as va, ac as za, ah as Wa, aq as Ra, bP as _a, aN as Ha, bO as La, a8 as ka, c as Ea, R as $a, j as Ga, p as Oa, aD as Xa, ae as Va, aa as ja, h as wa, x as Za, b3 as Ua, ab as qa, b8 as Ja, bb as Ya, b9 as Ka, ba as Qa, i as et, b5 as at, bk as tt, S as st, bh as ot, ar as rt, b7 as it, bM as nt, ag as lt, s as dt, bG as ct, l as gt, f as mt, q as pt, _ as ut, a3 as bt, bf as ft, bs as ht, bz as Tt, ax as St, aL as yt, aA as Pt, au as Nt, aI as xt, aF as It, a1 as Bt, bj as Ct } from "./Expandable-SuZVwO7Z.js";
+import { jsx as g, jsxs as y } from "react/jsx-runtime";
+import { C as a, ac as X, S as s, E as u, R as p, e as V, Z as j } from "./UIContext-CEp38xw-.js";
+import { T as e, B as w, a as Z, b as U, f as q, d as J, e as Y, c as K } from "./BaseAsyncButton-XBXVlXMl.js";
+import { formatDateRange as Dt, resolveEvent as At, resolvePreset as Mt, smartDateFormat as vt } from "@mt-gloss/utils/dateInterpretation";
+const Q = {
+  body: {
+    fontFamily: e.FontBody,
+    fontSize: e.TextBase,
+    fontWeight: e.WeightNormal,
+    lineHeight: e.LeadingNormal,
+    color: a.TextPrimary
+  },
+  caption: {
+    fontFamily: e.FontBody,
+    fontSize: e.TextSm,
+    fontWeight: e.WeightNormal,
+    lineHeight: e.LeadingNormal,
+    color: a.TextSecondary
+  },
+  overline: {
+    fontFamily: e.FontBody,
+    fontSize: e.TextXs,
+    fontWeight: e.WeightSemibold,
+    lineHeight: e.LeadingTight,
+    letterSpacing: "0.08em",
+    color: a.TextSecondary
+  }
+}, ee = {
+  xs: { fontSize: e.TextXs },
+  sm: { fontSize: e.TextSm },
+  md: { fontSize: e.TextBase },
+  lg: { fontSize: e.TextLg },
+  xl: { fontSize: e.TextXl }
+}, ae = function(i) {
+  const {
+    variant: o = "body",
+    size: n = "md",
+    children: l,
+    ...r
+  } = i, t = { ...r };
+  delete t.className, delete t.style, delete t.definition;
+  const c = {
+    ...Q[o],
+    ...ee[n]
+  }, m = [
+    "gloss-preset-text",
+    `gloss-preset-text--${o}`
+  ].join(" ");
+  return /* @__PURE__ */ g(
+    X,
+    {
+      as: t.as,
+      definition: c,
+      className: m,
+      ...t,
+      children: l
+    }
+  );
+};
+ae.displayName = "PresetText";
+const te = {
+  page: {
+    fontFamily: e.FontDisplay,
+    fontSize: e.Text3xl,
+    fontWeight: e.WeightBold,
+    lineHeight: e.LeadingTight,
+    color: a.TextPrimary
+  },
+  section: {
+    fontFamily: e.FontDisplay,
+    fontSize: e.Text2xl,
+    fontWeight: e.WeightSemibold,
+    lineHeight: e.LeadingTight,
+    color: a.TextPrimary
+  },
+  subsection: {
+    fontFamily: e.FontDisplay,
+    fontSize: e.TextXl,
+    fontWeight: e.WeightSemibold,
+    lineHeight: e.LeadingTight,
+    color: a.TextPrimary
+  },
+  card: {
+    fontFamily: e.FontDisplay,
+    fontSize: e.TextLg,
+    fontWeight: e.WeightSemibold,
+    lineHeight: e.LeadingTight,
+    color: a.TextPrimary
+  }
+}, se = function(i) {
+  const {
+    variant: o = "section",
+    level: n = 2,
+    children: l,
+    ...r
+  } = i, t = { ...r };
+  delete t.className, delete t.style, delete t.definition;
+  const c = {
+    ...te[o]
+  }, m = [
+    "gloss-preset-title",
+    `gloss-preset-title--${o}`
+  ].join(" ");
+  return /* @__PURE__ */ g(
+    w,
+    {
+      as: t.as,
+      level: n,
+      definition: c,
+      className: m,
+      ...t,
+      children: l
+    }
+  );
+};
+se.displayName = "PresetTitle";
+const oe = {
+  default: {
+    fontFamily: e.FontBody,
+    fontSize: e.TextSm,
+    fontWeight: e.WeightMedium,
+    lineHeight: e.LeadingNormal,
+    color: a.TextPrimary
+  },
+  required: {
+    fontFamily: e.FontBody,
+    fontSize: e.TextSm,
+    fontWeight: e.WeightMedium,
+    lineHeight: e.LeadingNormal,
+    color: a.TextPrimary
+  },
+  optional: {
+    fontFamily: e.FontBody,
+    fontSize: e.TextSm,
+    fontWeight: e.WeightMedium,
+    lineHeight: e.LeadingNormal,
+    color: a.TextPrimary
+  }
+}, re = function(i) {
+  const {
+    variant: o = "default",
+    htmlFor: n,
+    children: l,
+    ...r
+  } = i, t = { ...r };
+  delete t.className, delete t.style, delete t.definition;
+  const c = {
+    ...oe[o]
+  }, m = [
+    "gloss-preset-label",
+    `gloss-preset-label--${o}`
+  ].join(" ");
+  return /* @__PURE__ */ g(
+    Z,
+    {
+      as: t.as,
+      htmlFor: n,
+      definition: c,
+      className: m,
+      ...t,
+      children: l
+    }
+  );
+};
+re.displayName = "PresetLabel";
+const ie = {
+  default: {
+    fontFamily: e.FontBody,
+    fontSize: e.TextBase,
+    fontWeight: e.WeightMedium,
+    lineHeight: e.LeadingNormal,
+    color: a.TextPrimary
+  },
+  highlight: {
+    fontFamily: e.FontBody,
+    fontSize: e.TextBase,
+    fontWeight: e.WeightBold,
+    lineHeight: e.LeadingNormal,
+    color: a.BrandPrimary
+  },
+  muted: {
+    fontFamily: e.FontBody,
+    fontSize: e.TextBase,
+    fontWeight: e.WeightMedium,
+    lineHeight: e.LeadingNormal,
+    color: a.TextTertiary
+  }
+}, ne = function(i) {
+  const {
+    variant: o = "default",
+    children: n,
+    ...l
+  } = i, r = { ...l };
+  delete r.className, delete r.style, delete r.definition;
+  const t = {
+    ...ie[o]
+  }, c = [
+    "gloss-preset-value",
+    `gloss-preset-value--${o}`
+  ].join(" ");
+  return /* @__PURE__ */ g(
+    U,
+    {
+      as: r.as,
+      definition: t,
+      className: c,
+      ...r,
+      children: n
+    }
+  );
+};
+ne.displayName = "PresetValue";
+const le = {
+  primary: {
+    bg: a.BrandPrimary,
+    color: a.TextInverse,
+    borderColor: "transparent",
+    elevation: u.ButtonDefault
+  },
+  secondary: {
+    bg: a.BgSurface,
+    color: a.TextPrimary,
+    borderColor: a.BorderDefault,
+    elevation: u.ButtonDefault
+  },
+  ghost: {
+    bg: "transparent",
+    color: a.TextPrimary,
+    borderColor: "transparent"
+  },
+  outline: {
+    bg: "transparent",
+    color: a.BrandPrimary,
+    borderColor: a.BrandPrimary
+  },
+  destructive: {
+    bg: a.Red600,
+    color: a.TextInverse,
+    borderColor: "transparent",
+    elevation: u.ButtonDefault
+  }
+}, de = {
+  xs: { padding: s.Xs, paddingX: s.Sm, fontSize: "0.75rem", fontWeight: "500", minHeight: "24px", gap: s.Xs },
+  sm: { padding: s.Xs, paddingX: s.Sm, fontSize: "0.8125rem", fontWeight: "500", minHeight: "30px", gap: s.Xs },
+  md: { padding: s.Sm, paddingX: s.Md, fontSize: "0.875rem", fontWeight: "500", minHeight: "36px", gap: s.Sm },
+  lg: { padding: s.Sm, paddingX: s.Lg, fontSize: "0.9375rem", fontWeight: "500", minHeight: "42px", gap: s.Sm },
+  xl: { padding: s.Md, paddingX: s.Xl, fontSize: "1rem", fontWeight: "500", minHeight: "48px", gap: s.Md }
+}, ce = {
+  radius: p.Md
+};
+function ge(d) {
+  const {
+    variant: i = "primary",
+    size: o = "md",
+    isLoading: n = !1,
+    disabled: l = !1,
+    leftIcon: r,
+    rightIcon: t,
+    children: c,
+    ...m
+  } = d, f = { ...m };
+  delete f.className, delete f.style, delete f.definition;
+  const P = {
+    ...ce,
+    ...le[i],
+    ...de[o]
+  }, N = [
+    "gloss-preset-async-button",
+    `gloss-preset-async-button--${i}`,
+    `gloss-preset-async-button--${o}`
+  ].join(" ");
+  return /* @__PURE__ */ y(
+    q,
+    {
+      as: f.as,
+      definition: P,
+      loading: n,
+      disabled: l,
+      className: N,
+      ...f,
+      children: [
+        r && /* @__PURE__ */ g("span", { className: "gloss-preset-async-button__icon gloss-preset-async-button__icon--left", children: r }),
+        c && /* @__PURE__ */ g("span", { className: "gloss-preset-async-button__label", children: c }),
+        t && /* @__PURE__ */ g("span", { className: "gloss-preset-async-button__icon gloss-preset-async-button__icon--right", children: t })
+      ]
+    }
+  );
+}
+ge.displayName = "PresetAsyncButton";
+const me = {
+  info: {
+    bg: a.Blue50,
+    borderColor: a.Blue600,
+    color: a.TextPrimary,
+    iconColor: a.Blue600,
+    padding: s.Md,
+    radius: p.Md
+  },
+  success: {
+    bg: a.Green50,
+    borderColor: a.Green600,
+    color: a.TextPrimary,
+    iconColor: a.Green600,
+    padding: s.Md,
+    radius: p.Md
+  },
+  warning: {
+    bg: a.Amber100,
+    borderColor: a.Amber600,
+    color: a.TextPrimary,
+    iconColor: a.Amber600,
+    padding: s.Md,
+    radius: p.Md
+  },
+  error: {
+    bg: a.Red50,
+    borderColor: a.Red600,
+    color: a.TextPrimary,
+    iconColor: a.Red600,
+    padding: s.Md,
+    radius: p.Md
+  }
+};
+function pe(d) {
+  const {
+    variant: i = "info",
+    dismissible: o = !1,
+    onDismiss: n,
+    children: l,
+    ...r
+  } = d, t = { ...r };
+  delete t.className, delete t.style, delete t.definition;
+  const c = me[i], m = [
+    "gloss-preset-alert",
+    `gloss-preset-alert--${i}`
+  ].join(" ");
+  return /* @__PURE__ */ y(
+    J,
+    {
+      definition: c,
+      className: m,
+      ...t,
+      children: [
+        /* @__PURE__ */ g("div", { className: "gloss-preset-alert__content", children: l }),
+        o && /* @__PURE__ */ g(
+          "button",
+          {
+            type: "button",
+            className: "gloss-preset-alert__dismiss",
+            "aria-label": "Dismiss",
+            onClick: n,
+            children: "✕"
+          }
+        )
+      ]
+    }
+  );
+}
+pe.displayName = "PresetAlert";
+const ue = {
+  default: { color: a.BorderDefault, thickness: "1px" },
+  subtle: { color: a.Gray200, thickness: "1px" },
+  strong: { color: a.Gray400, thickness: "2px" }
+}, be = {
+  none: "0",
+  sm: s.Sm,
+  md: s.Md,
+  lg: s.Lg
+};
+function fe({
+  variant: d = "default",
+  orientation: i = "horizontal",
+  spacing: o = "md"
+}) {
+  const n = {
+    ...ue[d],
+    orientation: i,
+    spacing: be[o]
+  };
+  return /* @__PURE__ */ g(
+    V,
+    {
+      definition: n,
+      className: `gloss-preset-divider gloss-preset-divider--${d}`
+    }
+  );
+}
+fe.displayName = "PresetDivider";
+const he = {
+  sm: { fontSize: "0.75rem", gap: s.Xs },
+  md: { fontSize: "0.875rem", gap: s.Sm },
+  lg: { fontSize: "1rem", gap: s.Sm }
+}, Te = {
+  color: a.TextSecondary
+};
+function Se(d) {
+  const { separator: i = "/", size: o = "md", children: n } = d, l = {
+    ...Te,
+    ...he[o]
+  }, r = [
+    "gloss-preset-breadcrumbs",
+    `gloss-preset-breadcrumbs--${o}`
+  ].join(" ");
+  return /* @__PURE__ */ g(
+    Y,
+    {
+      definition: l,
+      separator: i,
+      className: r,
+      children: n
+    }
+  );
+}
+Se.displayName = "PresetBreadcrumbs";
+const b = x;
+b.Header = B;
+b.Body = C;
+b.Footer = F;
+b.Media = D;
+b.Title = A;
+b.Subtitle = M;
+b.Actions = v;
+const h = I;
+h.Item = z;
+h.Trigger = W;
+h.Content = R;
+const ye = {
+  info: {
+    bg: a.Blue50,
+    shadow: u.Hover,
+    radius: p.Md,
+    padding: s.Md
+  },
+  success: {
+    bg: a.Green50,
+    shadow: u.Hover,
+    radius: p.Md,
+    padding: s.Md
+  },
+  warning: {
+    bg: a.Amber100,
+    shadow: u.Hover,
+    radius: p.Md,
+    padding: s.Md
+  },
+  error: {
+    bg: a.Red50,
+    shadow: u.Hover,
+    radius: p.Md,
+    padding: s.Md
+  }
+};
+function Pe({
+  open: d,
+  onDismiss: i,
+  variant: o = "info",
+  position: n = "top-right",
+  duration: l = 5e3,
+  children: r
+}) {
+  const t = {
+    ...ye[o],
+    zIndex: j.Toast,
+    position: n,
+    duration: l
+  };
+  return /* @__PURE__ */ g(
+    K,
+    {
+      definition: t,
+      open: d,
+      onDismiss: i,
+      className: `gloss-preset-toast gloss-preset-toast--${o}`,
+      children: r
+    }
+  );
+}
+Pe.displayName = "PresetToast";
+const T = _;
+T.Header = L;
+T.Body = k;
+T.Actions = E;
+const S = H;
+S.Group = $;
+S.Item = G;
+S.Divider = O;
+export {
+  h as Accordion,
+  De as Actionable,
+  Ae as AddressGroup,
+  Me as AddressSelect,
+  pe as Alert,
+  ge as AsyncButton,
+  ve as AsyncLoader,
+  ze as Autocomplete,
+  We as Avatar,
+  Re as Badge,
+  _e as BarChartCard,
+  He as BarsBg,
+  Se as Breadcrumbs,
+  Le as Button,
+  ke as ButtonGroup,
+  b as Card,
+  Ee as CardBack,
+  $e as CardShell,
+  Ge as ChartControlBar,
+  Oe as Checkbox,
+  Xe as CheckboxGroup,
+  Ve as Chip,
+  je as ColorPicker,
+  we as ComparisonCard,
+  Ze as ContactForm,
+  Ue as CreditCardForm,
+  qe as DataTable,
+  Je as DatePicker,
+  Ye as DateRangePicker,
+  Ke as DestructiveModal,
+  T as Dialog,
+  Qe as DirectionCard,
+  ea as Dismissible,
+  aa as DistributionCard,
+  fe as Divider,
+  ta as DonutChart,
+  sa as Dropdown,
+  oa as EntityPicker,
+  ra as EntitySearchPanel,
+  ia as Expandable,
+  na as FileUpload,
+  la as FilterChip,
+  da as Form,
+  ca as FormDialog,
+  ga as FormField,
+  ma as GutterActions,
+  pa as HighlightCard,
+  ua as HybridDatePicker,
+  ba as ImportWizard,
+  fa as Input,
+  ha as InputGroup,
+  re as Label,
+  Ta as Link,
+  Sa as LoginForm,
+  ya as MaskPresets,
+  Pa as MaskedInput,
+  S as Menu,
+  Na as MergePrompt,
+  xa as MetricCard,
+  Ia as MetricCardGrid,
+  Ba as MultiSelect,
+  Ca as NumberInput,
+  Fa as ObjectArrow,
+  Da as OrderFilterBar,
+  Aa as Panel,
+  Ma as PasswordInput,
+  va as PaymentForm,
+  za as PaymentMethodSelect,
+  Wa as PhoneInput,
+  Ra as PinToMetric,
+  _a as Popover,
+  Ha as ProfileCard,
+  La as ProgressBar,
+  ka as ProgressCard,
+  Ea as Radio,
+  $a as RadioGroup,
+  Ga as RangeSlider,
+  Oa as Rating,
+  Xa as RegistrationForm,
+  Va as SearchInput,
+  ja as SegmentCard,
+  wa as SegmentedControl,
+  Za as Select,
+  Ua as Selectable,
+  qa as SimpleMetricCard,
+  Ja as Skeleton,
+  Ya as SkeletonCard,
+  Ka as SkeletonChart,
+  Qa as SkeletonTable,
+  et as Slider,
+  at as Sortable,
+  tt as SparklineBg,
+  st as SplitButton,
+  ot as StackedGroupCard,
+  rt as Stepper,
+  it as TabGroup,
+  nt as TabbedDataView,
+  lt as TagInput,
+  ae as Text,
+  dt as Textarea,
+  ct as TimeFrame,
+  gt as TimePicker,
+  se as Title,
+  Pe as Toast,
+  mt as Toggle,
+  pt as Tooltip,
+  ut as Transition,
+  bt as TrendCard,
+  ft as TrendIndicator,
+  ht as UnifiedBreakdownTable,
+  Tt as UnifiedContextMenu,
+  ne as Value,
+  St as addressSchema,
+  yt as contactSchema,
+  Pt as creditCardSchema,
+  Dt as formatDateRangeInterpretation,
+  Nt as loginSchema,
+  xt as paymentSchema,
+  It as registrationSchema,
+  At as resolveEvent,
+  Mt as resolvePreset,
+  vt as smartDateFormat,
+  Bt as useFormContext,
+  Ct as useSlideOutReveal
+};