@harnessio/ui 0.3.1 → 0.3.2

package/dist/index.js

@@ -1,7 +1,7 @@
 import { i as s } from "./index-DQP0ebPn.js";
-import { i as e } from "./index-D9MCxZk4.js";
-import { i as a } from "./index-C-U12ygm.js";
-import { i as m } from "./index-B_zaq-X5.js";
+import { i as e } from "./index-y8kg2_tQ.js";
+import { i as a } from "./index-CVsvJ9_l.js";
+import { i as m } from "./index-D9zYGNBh.js";
 import { i as f } from "./index-yGuTXfMI.js";
 import { i as l } from "./index-B0RdQPnM.js";
 export {

package/dist/types-lL2O4vS0.js

@@ -0,0 +1,130 @@
+import { jsx as i, Fragment as d } from "react/jsx-runtime";
+import { useContext as N, createContext as C, forwardRef as v, Children as O, isValidElement as T } from "react";
+function y() {
+}
+const S = (t) => typeof t == "string" ? t : t.pathname || "/", p = v(({ to: t, children: n, ...a }, e) => {
+  const r = S(t), {
+    reloadDocument: s,
+    replace: o,
+    state: c,
+    preventScrollReset: l,
+    relative: u,
+    viewTransition: f,
+    ...m
+  } = a;
+  return /* @__PURE__ */ i("a", { href: r, ...m, ref: e, children: n });
+});
+p.displayName = "LinkDefault";
+const h = v(
+  ({ to: t, children: n, className: a, style: e, ...r }, s) => {
+    const o = S(t), c = new URL(o, window.location.origin).pathname === window.location.pathname, l = typeof a == "function" ? a({ isActive: c, isPending: !1, isTransitioning: !1 }) : a, u = typeof e == "function" ? e({ isActive: c, isPending: !1, isTransitioning: !1 }) : e, {
+      reloadDocument: f,
+      replace: m,
+      state: j,
+      preventScrollReset: V,
+      relative: b,
+      viewTransition: G,
+      activeClassName: H,
+      activeStyle: I,
+      exact: X,
+      strict: q,
+      isActive: z,
+      ...k
+    } = r;
+    return /* @__PURE__ */ i("a", { ref: s, href: o, className: l, style: u, ...k, children: n });
+  }
+);
+h.displayName = "NavLinkDefault";
+const A = ({ children: t }) => /* @__PURE__ */ i(d, { children: t }), w = ({ children: t }) => {
+  const n = window.location.pathname, a = O.toArray(t);
+  for (const e of a)
+    if (T(e))
+      if ("path" in e.props) {
+        const r = e.props.path;
+        if (!r) continue;
+        if (!!e.props.exact ? n === r : n.includes(r)) return e;
+      } else
+        return e;
+  return null;
+}, _ = ({ render: t, children: n, ...a }) => n ? /* @__PURE__ */ i(d, { children: n }) : t ? /* @__PURE__ */ i(d, { children: t(a) }) : null, g = (t) => {
+  typeof t == "number" ? window.history.go(t) : window.location.href = t.toString();
+}, D = () => {
+  const t = y;
+  return [new URLSearchParams(), t];
+}, P = () => [], R = () => ({}), x = { ...window.location, state: {}, key: "" }, L = C({
+  Link: p,
+  NavLink: h,
+  Switch: w,
+  Route: _,
+  location: x,
+  navigate: g,
+  useSearchParams: D,
+  useMatches: P,
+  useParams: R
+}), K = () => {
+  const { Outlet: t, ...n } = N(L);
+  return {
+    ...n,
+    isRouterVersion5: !t,
+    Outlet: t ?? A
+  };
+}, Q = ({
+  children: t,
+  Link: n = p,
+  NavLink: a = h,
+  Outlet: e,
+  Switch: r = w,
+  Route: s = _,
+  location: o = x,
+  navigate: c = g,
+  useSearchParams: l = D,
+  useMatches: u = P,
+  useParams: f = R
+}) => /* @__PURE__ */ i(
+  L.Provider,
+  {
+    value: {
+      Link: n,
+      NavLink: a,
+      Outlet: e,
+      Switch: r,
+      Route: s,
+      location: o,
+      navigate: c,
+      useSearchParams: l,
+      useMatches: u,
+      useParams: f
+    },
+    children: t
+  }
+);
+var F = /* @__PURE__ */ ((t) => (t.Dark = "dark", t.Light = "light", t.System = "system", t))(F || {}), M = /* @__PURE__ */ ((t) => (t.Standard = "std", t.Tritanopia = "tri", t.Protanopia = "pro", t.Deuteranopia = "deu", t))(M || {}), E = /* @__PURE__ */ ((t) => (t.Standard = "std", t.Low = "low", t.High = "high", t))(E || {});
+const W = "dark-std-std", U = {
+  std: null,
+  pro: "protanopia",
+  deu: "deuteranopia",
+  tri: "tritanopia"
+}, $ = {
+  std: null,
+  low: "dimmer",
+  high: "high-contrast"
+};
+function Y(t) {
+  const [n, a, e] = t.split("-");
+  if (a === "std" && e === "std") return null;
+  const r = [n], s = $[e];
+  s && r.push(s);
+  const o = U[a];
+  return o && r.push(o), r.join("-");
+}
+export {
+  E as C,
+  F as M,
+  Q as R,
+  M as a,
+  W as d,
+  Y as g,
+  y as n,
+  K as u
+};
+//# sourceMappingURL=types-lL2O4vS0.js.map

package/dist/types-lL2O4vS0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types-lL2O4vS0.js","sources":["../../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/noop.js","../src/context/router-context.tsx","../src/context/theme/types.ts"],"sourcesContent":["/**\n * This method returns `undefined`.\n *\n * @static\n * @memberOf _\n * @since 2.3.0\n * @category Util\n * @example\n *\n * _.times(2, _.noop);\n * // => [undefined, undefined]\n */\nfunction noop() {\n  // No operation performed.\n}\n\nexport default noop;\n","import {\n  Children,\n  ComponentPropsWithRef,\n  ComponentType,\n  createContext,\n  forwardRef,\n  isValidElement,\n  ReactNode,\n  useContext\n} from 'react'\nimport type {\n  LinkProps,\n  Location,\n  NavigateFunction,\n  NavLinkProps,\n  OutletProps,\n  Params,\n  SetURLSearchParams,\n  UIMatch\n} from 'react-router-dom'\n\nimport { noop } from 'lodash-es'\n\n// Props from react-router that shouldn't be passed to native anchor elements\ntype RouterLinkExcludedProps = Partial<\n  Pick<LinkProps, 'reloadDocument' | 'replace' | 'state' | 'preventScrollReset' | 'relative'>\n> & {\n  viewTransition?: boolean\n}\n\n// Additional v5 props that NavLink might receive at runtime\ntype RouterNavLinkV5Props = {\n  activeClassName?: string\n  activeStyle?: React.CSSProperties\n  exact?: boolean\n  strict?: boolean\n  isActive?: (match: unknown, location: unknown) => boolean\n}\n\ninterface SwitchProps {\n  children?: React.ReactNode\n  location?: Location\n}\n\nconst resolveTo = (to: LinkProps['to']) => (typeof to === 'string' ? to : to.pathname || '/')\n\nconst LinkDefault = forwardRef<HTMLAnchorElement, LinkProps>(({ to, children, ...props }, ref) => {\n  const href = resolveTo(to)\n  // Filter out react-router specific props that shouldn't be passed to the DOM\n  // These are destructured and prefixed with _ to exclude them from domSafeProps\n  const {\n    reloadDocument: _reloadDocument,\n    replace: _replace,\n    state: _state,\n    preventScrollReset: _preventScrollReset,\n    relative: _relative,\n    viewTransition: _viewTransition,\n    ...domSafeProps\n  } = props as Omit<LinkProps, 'to' | 'children'> & RouterLinkExcludedProps\n  return (\n    <a href={href} {...domSafeProps} ref={ref}>\n      {children}\n    </a>\n  )\n})\nLinkDefault.displayName = 'LinkDefault'\n\nconst NavLinkDefault = forwardRef<HTMLAnchorElement, NavLinkProps>(\n  ({ to, children, className, style, ...props }, ref) => {\n    const href = resolveTo(to)\n    const isActive = new URL(href, window.location.origin).pathname === window.location.pathname\n\n    const finalClassName =\n      typeof className === 'function' ? className({ isActive, isPending: false, isTransitioning: false }) : className\n\n    const finalStyle =\n      typeof style === 'function' ? style({ isActive, isPending: false, isTransitioning: false }) : style\n\n    // Filter out react-router v5/v6 specific props that shouldn't be passed to the DOM\n    // These are destructured and prefixed with _ to exclude them from domSafeProps\n    const {\n      reloadDocument: _reloadDocument,\n      replace: _replace,\n      state: _state,\n      preventScrollReset: _preventScrollReset,\n      relative: _relative,\n      viewTransition: _viewTransition,\n      activeClassName: _activeClassName,\n      activeStyle: _activeStyle,\n      exact: _exact,\n      strict: _strict,\n      isActive: _isActive,\n      ...domSafeProps\n    } = props as Omit<NavLinkProps, 'to' | 'children' | 'className' | 'style'> &\n      RouterLinkExcludedProps &\n      RouterNavLinkV5Props\n\n    return (\n      <a ref={ref} href={href} className={finalClassName} style={finalStyle} {...domSafeProps}>\n        {children}\n      </a>\n    )\n  }\n)\nNavLinkDefault.displayName = 'NavLinkDefault'\n\nconst OutletDefault: ComponentType<OutletProps> = ({ children }) => <>{children}</>\n\nconst SwitchDefault: ComponentType<SwitchProps> = ({ children }) => {\n  const currentPath = window.location.pathname\n  const childrenArray = Children.toArray(children)\n\n  for (const child of childrenArray) {\n    if (!isValidElement(child)) continue\n\n    if ('path' in child.props) {\n      const pathProp = child.props.path\n      if (!pathProp) continue\n\n      const exactProp = !!child.props.exact\n      const isMatch = exactProp ? currentPath === pathProp : currentPath.includes(pathProp)\n\n      if (isMatch) return child\n    } else {\n      return child\n    }\n  }\n\n  return null\n}\n\ninterface ExtendedRouteProps {\n  path?: string\n  exact?: boolean\n  render?: (props: object) => ReactNode\n  children?: ReactNode\n}\n\nconst RouteDefault: ComponentType<ExtendedRouteProps> = ({ render, children, ...props }) => {\n  if (children) {\n    return <>{children}</>\n  }\n\n  if (render) {\n    return <>{render(props)}</>\n  }\n\n  return null\n}\n\nconst navigateFnDefault: NavigateFunction = to => {\n  if (typeof to === 'number') {\n    window.history.go(to) // Supports navigate(-1), navigate(1), etc.\n  } else {\n    window.location.href = to.toString()\n  }\n}\n\nconst useSearchParamsDefault = () => {\n  const setSearchParams: SetURLSearchParams = noop\n  return [new URLSearchParams(), setSearchParams] as const\n}\n\nconst useMatchesDefault = (): UIMatch[] => {\n  return []\n}\n\nconst useParamsDefault = (): Params => {\n  return {}\n}\n\nconst defaultLocation: Location = { ...window.location, state: {}, key: '' }\n\ninterface RouterContextType {\n  Link: ComponentType<ComponentPropsWithRef<typeof LinkDefault>>\n  NavLink: ComponentType<ComponentPropsWithRef<typeof NavLinkDefault>>\n  Outlet?: ComponentType<OutletProps>\n  Switch: ComponentType<SwitchProps>\n  Route: ComponentType<ExtendedRouteProps>\n  location: Location\n  navigate: NavigateFunction\n  useSearchParams: typeof useSearchParamsDefault\n  useMatches: typeof useMatchesDefault\n  useParams: typeof useParamsDefault\n}\n\ntype UseRouterContextType = Required<RouterContextType> & { isRouterVersion5: boolean }\n\nconst RouterContext = createContext<RouterContextType>({\n  Link: LinkDefault,\n  NavLink: NavLinkDefault,\n  Switch: SwitchDefault,\n  Route: RouteDefault,\n  location: defaultLocation,\n  navigate: navigateFnDefault,\n  useSearchParams: useSearchParamsDefault,\n  useMatches: useMatchesDefault,\n  useParams: useParamsDefault\n})\n\nexport const useRouterContext = (): UseRouterContextType => {\n  const { Outlet, ...ctx } = useContext(RouterContext)\n\n  return {\n    ...ctx,\n    isRouterVersion5: !Outlet,\n    Outlet: Outlet ?? OutletDefault\n  }\n}\n\nexport const RouterContextProvider = ({\n  children,\n  Link = LinkDefault,\n  NavLink = NavLinkDefault,\n  Outlet,\n  Switch = SwitchDefault,\n  Route = RouteDefault,\n  location = defaultLocation,\n  navigate = navigateFnDefault,\n  useSearchParams = useSearchParamsDefault,\n  useMatches = useMatchesDefault,\n  useParams = useParamsDefault\n}: {\n  children: ReactNode\n} & Partial<RouterContextType>) => {\n  return (\n    <RouterContext.Provider\n      value={{\n        Link,\n        NavLink,\n        Outlet,\n        Switch,\n        Route,\n        location,\n        navigate,\n        useSearchParams,\n        useMatches,\n        useParams\n      }}\n    >\n      {children}\n    </RouterContext.Provider>\n  )\n}\n\nexport { NavLinkProps, LinkProps }\n","export enum ModeType {\n  Dark = 'dark',\n  Light = 'light',\n  System = 'system'\n}\n\nexport enum ColorType {\n  Standard = 'std',\n  Tritanopia = 'tri',\n  Protanopia = 'pro',\n  Deuteranopia = 'deu'\n}\n\nexport enum ContrastType {\n  Standard = 'std',\n  Low = 'low',\n  High = 'high'\n}\n\nexport type FullTheme = `${ModeType}-${ColorType}-${ContrastType}`\n\nexport interface IThemeStore {\n  theme?: FullTheme\n  setTheme: (theme: FullTheme) => void\n  isLightTheme: boolean\n}\n\nexport const defaultTheme = `${ModeType.Dark}-${ColorType.Standard}-${ContrastType.Standard}` as FullTheme\n\nconst COLOR_TO_SUFFIX: Record<ColorType, string | null> = {\n  [ColorType.Standard]: null,\n  [ColorType.Protanopia]: 'protanopia',\n  [ColorType.Deuteranopia]: 'deuteranopia',\n  [ColorType.Tritanopia]: 'tritanopia'\n}\n\nconst CONTRAST_TO_SEGMENT: Record<ContrastType, string | null> = {\n  [ContrastType.Standard]: null,\n  [ContrastType.Low]: 'dimmer',\n  [ContrastType.High]: 'high-contrast'\n}\n\n/**\n * Maps a FullTheme (e.g. \"dark-pro-high\") to the corresponding CSS theme\n * filename key (e.g. \"dark-high-contrast-protanopia\"). Returns null for\n * base themes (dark-std-std, light-std-std) that are already bundled.\n */\nexport function getThemeCSSName(theme: FullTheme): string | null {\n  const [mode, color, contrast] = theme.split('-') as [ModeType, ColorType, ContrastType]\n\n  /**\n   * dark-std-std, light-std-std themes are already bundled\n   */\n  if (color === ColorType.Standard && contrast === ContrastType.Standard) return null\n\n  const parts: string[] = [mode]\n  const contrastSegment = CONTRAST_TO_SEGMENT[contrast]\n  if (contrastSegment) parts.push(contrastSegment)\n  const colorSuffix = COLOR_TO_SUFFIX[color]\n  if (colorSuffix) parts.push(colorSuffix)\n\n  return parts.join('-')\n}\n"],"names":["noop","resolveTo","to","LinkDefault","forwardRef","children","props","ref","href","_reloadDocument","_replace","_state","_preventScrollReset","_relative","_viewTransition","domSafeProps","NavLinkDefault","className","style","isActive","finalClassName","finalStyle","_activeClassName","_activeStyle","_exact","_strict","_isActive","jsx","OutletDefault","SwitchDefault","currentPath","childrenArray","Children","child","isValidElement","pathProp","RouteDefault","render","Fragment","navigateFnDefault","useSearchParamsDefault","setSearchParams","useMatchesDefault","useParamsDefault","defaultLocation","RouterContext","createContext","useRouterContext","Outlet","ctx","useContext","RouterContextProvider","Link","NavLink","Switch","Route","location","navigate","useSearchParams","useMatches","useParams","ModeType","ColorType","ContrastType","defaultTheme","COLOR_TO_SUFFIX","CONTRAST_TO_SEGMENT","getThemeCSSName","theme","mode","color","contrast","parts","contrastSegment","colorSuffix"],"mappings":";;AAYA,SAASA,IAAO;AAEhB;AC8BA,MAAMC,IAAY,CAACC,MAAyB,OAAOA,KAAO,WAAWA,IAAKA,EAAG,YAAY,KAEnFC,IAAcC,EAAyC,CAAC,EAAE,IAAAF,GAAI,UAAAG,GAAU,GAAGC,EAAM,GAAGC,MAAQ;AAC1F,QAAAC,IAAOP,EAAUC,CAAE,GAGnB;AAAA,IACJ,gBAAgBO;AAAA,IAChB,SAASC;AAAA,IACT,OAAOC;AAAA,IACP,oBAAoBC;AAAA,IACpB,UAAUC;AAAA,IACV,gBAAgBC;AAAA,IAChB,GAAGC;AAAA,EAAA,IACDT;AACJ,2BACG,KAAE,EAAA,MAAAE,GAAa,GAAGO,GAAc,KAAAR,GAC9B,UAAAF,GACH;AAEJ,CAAC;AACDF,EAAY,cAAc;AAE1B,MAAMa,IAAiBZ;AAAA,EACrB,CAAC,EAAE,IAAAF,GAAI,UAAAG,GAAU,WAAAY,GAAW,OAAAC,GAAO,GAAGZ,EAAM,GAAGC,MAAQ;AAC/C,UAAAC,IAAOP,EAAUC,CAAE,GACnBiB,IAAW,IAAI,IAAIX,GAAM,OAAO,SAAS,MAAM,EAAE,aAAa,OAAO,SAAS,UAE9EY,IACJ,OAAOH,KAAc,aAAaA,EAAU,EAAE,UAAAE,GAAU,WAAW,IAAO,iBAAiB,GAAM,CAAC,IAAIF,GAElGI,IACJ,OAAOH,KAAU,aAAaA,EAAM,EAAE,UAAAC,GAAU,WAAW,IAAO,iBAAiB,GAAM,CAAC,IAAID,GAI1F;AAAA,MACJ,gBAAgBT;AAAA,MAChB,SAASC;AAAA,MACT,OAAOC;AAAA,MACP,oBAAoBC;AAAA,MACpB,UAAUC;AAAA,MACV,gBAAgBC;AAAA,MAChB,iBAAiBQ;AAAA,MACjB,aAAaC;AAAA,MACb,OAAOC;AAAA,MACP,QAAQC;AAAA,MACR,UAAUC;AAAA,MACV,GAAGX;AAAA,IAAA,IACDT;AAKF,WAAA,gBAAAqB,EAAC,KAAE,EAAA,KAAApB,GAAU,MAAAC,GAAY,WAAWY,GAAgB,OAAOC,GAAa,GAAGN,GACxE,UAAAV,EACH,CAAA;AAAA,EAAA;AAGN;AACAW,EAAe,cAAc;AAE7B,MAAMY,IAA4C,CAAC,EAAE,UAAAvB,EAAS,6BAAS,UAAAA,GAAS,GAE1EwB,IAA4C,CAAC,EAAE,UAAAxB,QAAe;AAC5D,QAAAyB,IAAc,OAAO,SAAS,UAC9BC,IAAgBC,EAAS,QAAQ3B,CAAQ;AAE/C,aAAW4B,KAASF;AACd,QAACG,EAAeD,CAAK;AAErB,UAAA,UAAUA,EAAM,OAAO;AACnB,cAAAE,IAAWF,EAAM,MAAM;AAC7B,YAAI,CAACE,EAAU;AAKf,YAHkB,CAAC,CAACF,EAAM,MAAM,QACJH,MAAgBK,IAAWL,EAAY,SAASK,CAAQ,EAEhE,QAAAF;AAAA,MAAA;AAEb,eAAAA;AAIJ,SAAA;AACT,GASMG,IAAkD,CAAC,EAAE,QAAAC,GAAQ,UAAAhC,GAAU,GAAGC,QAC1ED,2BACQ,UAAAA,GAAS,IAGjBgC,IACK,gBAAAV,EAAAW,GAAA,EAAG,UAAOD,EAAA/B,CAAK,GAAE,IAGnB,MAGHiC,IAAsC,CAAMrC,MAAA;AAC5C,EAAA,OAAOA,KAAO,WACT,OAAA,QAAQ,GAAGA,CAAE,IAEb,OAAA,SAAS,OAAOA,EAAG,SAAS;AAEvC,GAEMsC,IAAyB,MAAM;AACnC,QAAMC,IAAsCzC;AAC5C,SAAO,CAAC,IAAI,gBAAgB,GAAGyC,CAAe;AAChD,GAEMC,IAAoB,MACjB,CAAC,GAGJC,IAAmB,OAChB,CAAC,IAGJC,IAA4B,EAAE,GAAG,OAAO,UAAU,OAAO,CAAI,GAAA,KAAK,GAAG,GAiBrEC,IAAgBC,EAAiC;AAAA,EACrD,MAAM3C;AAAA,EACN,SAASa;AAAA,EACT,QAAQa;AAAA,EACR,OAAOO;AAAA,EACP,UAAUQ;AAAA,EACV,UAAUL;AAAA,EACV,iBAAiBC;AAAA,EACjB,YAAYE;AAAA,EACZ,WAAWC;AACb,CAAC,GAEYI,IAAmB,MAA4B;AAC1D,QAAM,EAAE,QAAAC,GAAQ,GAAGC,EAAI,IAAIC,EAAWL,CAAa;AAE5C,SAAA;AAAA,IACL,GAAGI;AAAA,IACH,kBAAkB,CAACD;AAAA,IACnB,QAAQA,KAAUpB;AAAA,EACpB;AACF,GAEauB,IAAwB,CAAC;AAAA,EACpC,UAAA9C;AAAA,EACA,MAAA+C,IAAOjD;AAAA,EACP,SAAAkD,IAAUrC;AAAA,EACV,QAAAgC;AAAA,EACA,QAAAM,IAASzB;AAAA,EACT,OAAA0B,IAAQnB;AAAA,EACR,UAAAoB,IAAWZ;AAAA,EACX,UAAAa,IAAWlB;AAAA,EACX,iBAAAmB,IAAkBlB;AAAA,EAClB,YAAAmB,IAAajB;AAAA,EACb,WAAAkB,IAAYjB;AACd,MAII,gBAAAhB;AAAA,EAACkB,EAAc;AAAA,EAAd;AAAA,IACC,OAAO;AAAA,MACL,MAAAO;AAAA,MACA,SAAAC;AAAA,MACA,QAAAL;AAAA,MACA,QAAAM;AAAA,MACA,OAAAC;AAAA,MACA,UAAAC;AAAA,MACA,UAAAC;AAAA,MACA,iBAAAC;AAAA,MACA,YAAAC;AAAA,MACA,WAAAC;AAAA,IACF;AAAA,IAEC,UAAAvD;AAAA,EAAA;AACH;ACjPQ,IAAAwD,sBAAAA,OACVA,EAAA,OAAO,QACPA,EAAA,QAAQ,SACRA,EAAA,SAAS,UAHCA,IAAAA,KAAA,CAAA,CAAA,GAMAC,sBAAAA,OACVA,EAAA,WAAW,OACXA,EAAA,aAAa,OACbA,EAAA,aAAa,OACbA,EAAA,eAAe,OAJLA,IAAAA,KAAA,CAAA,CAAA,GAOAC,sBAAAA,OACVA,EAAA,WAAW,OACXA,EAAA,MAAM,OACNA,EAAA,OAAO,QAHGA,IAAAA,KAAA,CAAA,CAAA;AAcL,MAAMC,IAAe,gBAEtBC,IAAoD;AAAA,EACvD,KAAqB;AAAA,EACrB,KAAuB;AAAA,EACvB,KAAyB;AAAA,EACzB,KAAuB;AAC1B,GAEMC,IAA2D;AAAA,EAC9D,KAAwB;AAAA,EACxB,KAAmB;AAAA,EACnB,MAAoB;AACvB;AAOO,SAASC,EAAgBC,GAAiC;AAC/D,QAAM,CAACC,GAAMC,GAAOC,CAAQ,IAAIH,EAAM,MAAM,GAAG;AAK/C,MAAIE,MAAU,SAAsBC,MAAa,MAA8B,QAAA;AAEzE,QAAAC,IAAkB,CAACH,CAAI,GACvBI,IAAkBP,EAAoBK,CAAQ;AAChD,EAAAE,KAAuBD,EAAA,KAAKC,CAAe;AACzC,QAAAC,IAAcT,EAAgBK,CAAK;AACrC,SAAAI,KAAmBF,EAAA,KAAKE,CAAW,GAEhCF,EAAM,KAAK,GAAG;AACvB;","x_google_ignoreList":[0]}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@harnessio/ui",
   "description": "Harness Canary UI component library",
-  "version": "0.3.1",
+  "version": "0.3.2",
   "private": false,
   "type": "module",
   "main": "./dist/index.js",
@@ -119,8 +119,8 @@
     "vaul": "^1.1.2",
     "yaml": "^2.7.0",
     "zod": "^3.23.8",
-    "@harnessio/core-design-system": "0.0.1",
     "@harnessio/yaml-editor": "0.25.0",
+    "@harnessio/core-design-system": "0.0.1",
     "@harnessio/pipeline-graph": "1.9.6"
   },
   "peerDependencies": {

package/dist/types-BbYIXHHK.js

@@ -1,109 +0,0 @@
-import { jsx as i, Fragment as f } from "react/jsx-runtime";
-import { useContext as k, createContext as N, forwardRef as p, Children as O, isValidElement as C } from "react";
-function y() {
-}
-const m = (t) => typeof t == "string" ? t : t.pathname || "/", h = p(({ to: t, children: e, ...a }, n) => {
-  const o = m(t);
-  return /* @__PURE__ */ i("a", { href: o, ...a, ref: n, children: e });
-});
-h.displayName = "LinkDefault";
-const d = p(
-  ({ to: t, children: e, className: a, style: n, ...o }, s) => {
-    const r = m(t), c = new URL(r, window.location.origin).pathname === window.location.pathname, u = typeof a == "function" ? a({ isActive: c, isPending: !1, isTransitioning: !1 }) : a, l = typeof n == "function" ? n({ isActive: c, isPending: !1, isTransitioning: !1 }) : n;
-    return /* @__PURE__ */ i("a", { ref: s, href: r, className: u, style: l, ...o, children: e });
-  }
-);
-d.displayName = "NavLinkDefault";
-const A = ({ children: t }) => /* @__PURE__ */ i(f, { children: t }), g = ({ children: t }) => {
-  const e = window.location.pathname, a = O.toArray(t);
-  for (const n of a)
-    if (C(n))
-      if ("path" in n.props) {
-        const o = n.props.path;
-        if (!o) continue;
-        if (!!n.props.exact ? e === o : e.includes(o)) return n;
-      } else
-        return n;
-  return null;
-}, w = ({ render: t, children: e, ...a }) => e ? /* @__PURE__ */ i(f, { children: e }) : t ? /* @__PURE__ */ i(f, { children: t(a) }) : null, S = (t) => {
-  typeof t == "number" ? window.history.go(t) : window.location.href = t.toString();
-}, P = () => {
-  const t = y;
-  return [new URLSearchParams(), t];
-}, v = () => [], D = () => ({}), x = { ...window.location, state: {}, key: "" }, L = N({
-  Link: h,
-  NavLink: d,
-  Switch: g,
-  Route: w,
-  location: x,
-  navigate: S,
-  useSearchParams: P,
-  useMatches: v,
-  useParams: D
-}), j = () => {
-  const { Outlet: t, ...e } = k(L);
-  return {
-    ...e,
-    isRouterVersion5: !t,
-    Outlet: t ?? A
-  };
-}, V = ({
-  children: t,
-  Link: e = h,
-  NavLink: a = d,
-  Outlet: n,
-  Switch: o = g,
-  Route: s = w,
-  location: r = x,
-  navigate: c = S,
-  useSearchParams: u = P,
-  useMatches: l = v,
-  useParams: R = D
-}) => /* @__PURE__ */ i(
-  L.Provider,
-  {
-    value: {
-      Link: e,
-      NavLink: a,
-      Outlet: n,
-      Switch: o,
-      Route: s,
-      location: r,
-      navigate: c,
-      useSearchParams: u,
-      useMatches: l,
-      useParams: R
-    },
-    children: t
-  }
-);
-var F = /* @__PURE__ */ ((t) => (t.Dark = "dark", t.Light = "light", t.System = "system", t))(F || {}), M = /* @__PURE__ */ ((t) => (t.Standard = "std", t.Tritanopia = "tri", t.Protanopia = "pro", t.Deuteranopia = "deu", t))(M || {}), T = /* @__PURE__ */ ((t) => (t.Standard = "std", t.Low = "low", t.High = "high", t))(T || {});
-const b = "dark-std-std", _ = {
-  std: null,
-  pro: "protanopia",
-  deu: "deuteranopia",
-  tri: "tritanopia"
-}, E = {
-  std: null,
-  low: "dimmer",
-  high: "high-contrast"
-};
-function G(t) {
-  const [e, a, n] = t.split("-");
-  if (a === "std" && n === "std") return null;
-  const o = [e], s = E[n];
-  s && o.push(s);
-  const r = _[a];
-  return r && o.push(r), o.join("-");
-}
-export {
-  T as C,
-  F as M,
-  V as R,
-  M as a,
-  b as d,
-  G as g,
-  y as n,
-  j as u
-};
-//# sourceMappingURL=types-BbYIXHHK.js.map

package/dist/types-BbYIXHHK.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types-BbYIXHHK.js","sources":["../../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/noop.js","../src/context/router-context.tsx","../src/context/theme/types.ts"],"sourcesContent":["/**\n * This method returns `undefined`.\n *\n * @static\n * @memberOf _\n * @since 2.3.0\n * @category Util\n * @example\n *\n * _.times(2, _.noop);\n * // => [undefined, undefined]\n */\nfunction noop() {\n  // No operation performed.\n}\n\nexport default noop;\n","import {\n  Children,\n  ComponentPropsWithRef,\n  ComponentType,\n  createContext,\n  forwardRef,\n  isValidElement,\n  ReactNode,\n  useContext\n} from 'react'\nimport type {\n  LinkProps,\n  Location,\n  NavigateFunction,\n  NavLinkProps,\n  OutletProps,\n  Params,\n  SetURLSearchParams,\n  UIMatch\n} from 'react-router-dom'\n\nimport { noop } from 'lodash-es'\n\ninterface SwitchProps {\n  children?: React.ReactNode\n  location?: Location\n}\n\nconst resolveTo = (to: LinkProps['to']) => (typeof to === 'string' ? to : to.pathname || '/')\n\nconst LinkDefault = forwardRef<HTMLAnchorElement, LinkProps>(({ to, children, ...props }, ref) => {\n  const href = resolveTo(to)\n  return (\n    <a href={href} {...props} ref={ref}>\n      {children}\n    </a>\n  )\n})\nLinkDefault.displayName = 'LinkDefault'\n\nconst NavLinkDefault = forwardRef<HTMLAnchorElement, NavLinkProps>(\n  ({ to, children, className, style, ...props }, ref) => {\n    const href = resolveTo(to)\n    const isActive = new URL(href, window.location.origin).pathname === window.location.pathname\n\n    const finalClassName =\n      typeof className === 'function' ? className({ isActive, isPending: false, isTransitioning: false }) : className\n\n    const finalStyle =\n      typeof style === 'function' ? style({ isActive, isPending: false, isTransitioning: false }) : style\n\n    return (\n      <a ref={ref} href={href} className={finalClassName} style={finalStyle} {...props}>\n        {children}\n      </a>\n    )\n  }\n)\nNavLinkDefault.displayName = 'NavLinkDefault'\n\nconst OutletDefault: ComponentType<OutletProps> = ({ children }) => <>{children}</>\n\nconst SwitchDefault: ComponentType<SwitchProps> = ({ children }) => {\n  const currentPath = window.location.pathname\n  const childrenArray = Children.toArray(children)\n\n  for (const child of childrenArray) {\n    if (!isValidElement(child)) continue\n\n    if ('path' in child.props) {\n      const pathProp = child.props.path\n      if (!pathProp) continue\n\n      const exactProp = !!child.props.exact\n      const isMatch = exactProp ? currentPath === pathProp : currentPath.includes(pathProp)\n\n      if (isMatch) return child\n    } else {\n      return child\n    }\n  }\n\n  return null\n}\n\ninterface ExtendedRouteProps {\n  path?: string\n  exact?: boolean\n  render?: (props: object) => ReactNode\n  children?: ReactNode\n}\n\nconst RouteDefault: ComponentType<ExtendedRouteProps> = ({ render, children, ...props }) => {\n  if (children) {\n    return <>{children}</>\n  }\n\n  if (render) {\n    return <>{render(props)}</>\n  }\n\n  return null\n}\n\nconst navigateFnDefault: NavigateFunction = to => {\n  if (typeof to === 'number') {\n    window.history.go(to) // Supports navigate(-1), navigate(1), etc.\n  } else {\n    window.location.href = to.toString()\n  }\n}\n\nconst useSearchParamsDefault = () => {\n  const setSearchParams: SetURLSearchParams = noop\n  return [new URLSearchParams(), setSearchParams] as const\n}\n\nconst useMatchesDefault = (): UIMatch[] => {\n  return []\n}\n\nconst useParamsDefault = (): Params => {\n  return {}\n}\n\nconst defaultLocation: Location = { ...window.location, state: {}, key: '' }\n\ninterface RouterContextType {\n  Link: ComponentType<ComponentPropsWithRef<typeof LinkDefault>>\n  NavLink: ComponentType<ComponentPropsWithRef<typeof NavLinkDefault>>\n  Outlet?: ComponentType<OutletProps>\n  Switch: ComponentType<SwitchProps>\n  Route: ComponentType<ExtendedRouteProps>\n  location: Location\n  navigate: NavigateFunction\n  useSearchParams: typeof useSearchParamsDefault\n  useMatches: typeof useMatchesDefault\n  useParams: typeof useParamsDefault\n}\n\ntype UseRouterContextType = Required<RouterContextType> & { isRouterVersion5: boolean }\n\nconst RouterContext = createContext<RouterContextType>({\n  Link: LinkDefault,\n  NavLink: NavLinkDefault,\n  Switch: SwitchDefault,\n  Route: RouteDefault,\n  location: defaultLocation,\n  navigate: navigateFnDefault,\n  useSearchParams: useSearchParamsDefault,\n  useMatches: useMatchesDefault,\n  useParams: useParamsDefault\n})\n\nexport const useRouterContext = (): UseRouterContextType => {\n  const { Outlet, ...ctx } = useContext(RouterContext)\n\n  return {\n    ...ctx,\n    isRouterVersion5: !Outlet,\n    Outlet: Outlet ?? OutletDefault\n  }\n}\n\nexport const RouterContextProvider = ({\n  children,\n  Link = LinkDefault,\n  NavLink = NavLinkDefault,\n  Outlet,\n  Switch = SwitchDefault,\n  Route = RouteDefault,\n  location = defaultLocation,\n  navigate = navigateFnDefault,\n  useSearchParams = useSearchParamsDefault,\n  useMatches = useMatchesDefault,\n  useParams = useParamsDefault\n}: {\n  children: ReactNode\n} & Partial<RouterContextType>) => {\n  return (\n    <RouterContext.Provider\n      value={{\n        Link,\n        NavLink,\n        Outlet,\n        Switch,\n        Route,\n        location,\n        navigate,\n        useSearchParams,\n        useMatches,\n        useParams\n      }}\n    >\n      {children}\n    </RouterContext.Provider>\n  )\n}\n\nexport { NavLinkProps, LinkProps }\n","export enum ModeType {\n  Dark = 'dark',\n  Light = 'light',\n  System = 'system'\n}\n\nexport enum ColorType {\n  Standard = 'std',\n  Tritanopia = 'tri',\n  Protanopia = 'pro',\n  Deuteranopia = 'deu'\n}\n\nexport enum ContrastType {\n  Standard = 'std',\n  Low = 'low',\n  High = 'high'\n}\n\nexport type FullTheme = `${ModeType}-${ColorType}-${ContrastType}`\n\nexport interface IThemeStore {\n  theme?: FullTheme\n  setTheme: (theme: FullTheme) => void\n  isLightTheme: boolean\n}\n\nexport const defaultTheme = `${ModeType.Dark}-${ColorType.Standard}-${ContrastType.Standard}` as FullTheme\n\nconst COLOR_TO_SUFFIX: Record<ColorType, string | null> = {\n  [ColorType.Standard]: null,\n  [ColorType.Protanopia]: 'protanopia',\n  [ColorType.Deuteranopia]: 'deuteranopia',\n  [ColorType.Tritanopia]: 'tritanopia'\n}\n\nconst CONTRAST_TO_SEGMENT: Record<ContrastType, string | null> = {\n  [ContrastType.Standard]: null,\n  [ContrastType.Low]: 'dimmer',\n  [ContrastType.High]: 'high-contrast'\n}\n\n/**\n * Maps a FullTheme (e.g. \"dark-pro-high\") to the corresponding CSS theme\n * filename key (e.g. \"dark-high-contrast-protanopia\"). Returns null for\n * base themes (dark-std-std, light-std-std) that are already bundled.\n */\nexport function getThemeCSSName(theme: FullTheme): string | null {\n  const [mode, color, contrast] = theme.split('-') as [ModeType, ColorType, ContrastType]\n\n  /**\n   * dark-std-std, light-std-std themes are already bundled\n   */\n  if (color === ColorType.Standard && contrast === ContrastType.Standard) return null\n\n  const parts: string[] = [mode]\n  const contrastSegment = CONTRAST_TO_SEGMENT[contrast]\n  if (contrastSegment) parts.push(contrastSegment)\n  const colorSuffix = COLOR_TO_SUFFIX[color]\n  if (colorSuffix) parts.push(colorSuffix)\n\n  return parts.join('-')\n}\n"],"names":["noop","resolveTo","to","LinkDefault","forwardRef","children","props","ref","href","NavLinkDefault","className","style","isActive","finalClassName","finalStyle","jsx","OutletDefault","SwitchDefault","currentPath","childrenArray","Children","child","isValidElement","pathProp","RouteDefault","render","Fragment","navigateFnDefault","useSearchParamsDefault","setSearchParams","useMatchesDefault","useParamsDefault","defaultLocation","RouterContext","createContext","useRouterContext","Outlet","ctx","useContext","RouterContextProvider","Link","NavLink","Switch","Route","location","navigate","useSearchParams","useMatches","useParams","ModeType","ColorType","ContrastType","defaultTheme","COLOR_TO_SUFFIX","CONTRAST_TO_SEGMENT","getThemeCSSName","theme","mode","color","contrast","parts","contrastSegment","colorSuffix"],"mappings":"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","x_google_ignoreList":[0]}