@clerk/ui 0.1.9 → 0.1.10

package/dist/chunk-RVVUA25B.mjs

@@ -1,383 +0,0 @@
-import { createContextAndHook, useDeepEqualMemo } from '@clerk/shared/react';
-import * as React from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-// src/contexts/AppearanceContext.tsx
-var $bdb11010cef70236$var$idsUpdaterMap = /* @__PURE__ */ new Map();
-function $bdb11010cef70236$export$cd8c9cb68f842629(idA, idB) {
-  if (idA === idB) return idA;
-  let setIdA = $bdb11010cef70236$var$idsUpdaterMap.get(idA);
-  if (setIdA) {
-    setIdA(idB);
-    return idB;
-  }
-  let setIdB = $bdb11010cef70236$var$idsUpdaterMap.get(idB);
-  if (setIdB) {
-    setIdB(idA);
-    return idA;
-  }
-  return idB;
-}
-
-// ../../node_modules/@react-aria/utils/dist/chain.mjs
-function $ff5963eb1fccf552$export$e08e3b67e392101e(...callbacks) {
-  return (...args) => {
-    for (let callback of callbacks) if (typeof callback === "function") callback(...args);
-  };
-}
-
-// ../../node_modules/clsx/dist/clsx.mjs
-function r(e) {
-  var t, f, n = "";
-  if ("string" == typeof e || "number" == typeof e) n += e;
-  else if ("object" == typeof e) if (Array.isArray(e)) {
-    var o = e.length;
-    for (t = 0; t < o; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
-  } else for (f in e) e[f] && (n && (n += " "), n += f);
-  return n;
-}
-function clsx() {
-  for (var e, t, f = 0, n = "", o = arguments.length; f < o; f++) (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
-  return n;
-}
-var clsx_default = clsx;
-
-// ../../node_modules/@react-aria/utils/dist/mergeProps.mjs
-function $3ef42575df84b30b$export$9d1611c77c2fe928(...args) {
-  let result = {
-    ...args[0]
-  };
-  for (let i = 1; i < args.length; i++) {
-    let props = args[i];
-    for (let key in props) {
-      let a = result[key];
-      let b = props[key];
-      if (typeof a === "function" && typeof b === "function" && // This is a lot faster than a regex.
-      key[0] === "o" && key[1] === "n" && key.charCodeAt(2) >= /* 'A' */
-      65 && key.charCodeAt(2) <= /* 'Z' */
-      90) result[key] = ($ff5963eb1fccf552$export$e08e3b67e392101e)(a, b);
-      else if ((key === "className" || key === "UNSAFE_className") && typeof a === "string" && typeof b === "string") result[key] = (clsx_default)(a, b);
-      else if (key === "id" && a && b) result.id = ($bdb11010cef70236$export$cd8c9cb68f842629)(a, b);
-      else result[key] = b !== void 0 ? b : a;
-    }
-  }
-  return result;
-}
-
-// src/primitives/icons/icon.tsx
-var Icon = React.forwardRef(
-  function Icon2(props, ref) {
-    const { children, "aria-label": ariaLabel, "aria-hidden": ariaHidden, ...restProps } = props;
-    return React.cloneElement(children, {
-      ...$3ef42575df84b30b$export$9d1611c77c2fe928(children.props, restProps),
-      ref,
-      width: "1em",
-      height: "1em",
-      fill: "none",
-      focusable: "false",
-      "aria-label": ariaLabel,
-      "aria-hidden": ariaLabel ? ariaHidden || void 0 : true,
-      role: "img"
-    });
-  }
-);
-function ExclamationOctagonSm(props) {
-  return /* @__PURE__ */ jsx(Icon, { ...props, children: /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 16 16", children: [
-    /* @__PURE__ */ jsx(
-      "path",
-      {
-        d: "M8 5.75V7.25",
-        stroke: "currentColor",
-        strokeWidth: "1.5",
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      "path",
-      {
-        d: "M8 10V10.01",
-        stroke: "currentColor",
-        strokeWidth: "1.5",
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      "path",
-      {
-        d: "M10.25 2.75H5.75L2.75 5.75V10.25L5.75 13.25H10.25L13.25 10.25V5.75L10.25 2.75Z",
-        stroke: "currentColor",
-        strokeWidth: "1.5",
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
-      }
-    )
-  ] }) });
-}
-function ExclamationTriangleSm(props) {
-  return /* @__PURE__ */ jsx(Icon, { ...props, children: /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 16 16", children: [
-    /* @__PURE__ */ jsx(
-      "path",
-      {
-        d: "M8 6.75V8.25",
-        stroke: "currentColor",
-        strokeWidth: "1.5",
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      "path",
-      {
-        d: "M8 10.5V10.51",
-        stroke: "currentColor",
-        strokeWidth: "1.5",
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      "path",
-      {
-        d: "M2.95652 10.4518L6.27146 3.8188C6.98366 2.39373 9.01635 2.39373 9.72855 3.81881L13.0435 10.4518C13.686 11.7374 12.7516 13.25 11.3149 13.25H4.68506C3.24842 13.25 2.31404 11.7374 2.95652 10.4518Z",
-        stroke: "currentColor",
-        strokeWidth: "1.5",
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
-      }
-    )
-  ] }) });
-}
-var layoutStyle = {
-  alert: {
-    className: "cl-fbddaa7d"
-  },
-  alert__warning: {},
-  alert__error: {},
-  alertIcon: {
-    className: "cl-af4e251c"
-  }
-};
-var visualStyle = {
-  alert: {
-    className: "cl-15c02a47"
-  },
-  alert__warning: {
-    className: "cl-a992fcfc"
-  },
-  alert__error: {
-    className: "cl-66ef3405"
-  },
-  alertIcon: {}
-};
-var Alert = React.forwardRef(function Alert2({ children, descriptors, intent = "error", ...props }, forwardedRef) {
-  const { elements } = useAppearance().parsedAppearance;
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      ref: forwardedRef,
-      ...props,
-      ...mergeDescriptors(
-        elements.alert,
-        intent === "error" && elements.alert__error,
-        intent === "warning" && elements.alert__warning,
-        ...descriptors != null ? descriptors : []
-      ),
-      children: [
-        {
-          error: /* @__PURE__ */ jsx(ExclamationOctagonSm, { ...mergeDescriptors(elements.alertIcon) }),
-          warning: /* @__PURE__ */ jsx(ExclamationTriangleSm, { ...mergeDescriptors(elements.alertIcon) })
-        }[intent],
-        children
-      ]
-    }
-  );
-});
-var layoutStyle2 = {
-  separator: {
-    className: "cl-c53048bf"
-  }
-};
-var visualStyle2 = {
-  separator: {
-    className: "cl-77b14b2e"
-  }
-};
-var Separator = React.forwardRef(function Separator2({ children, descriptors, ...props }, forwardedRef) {
-  const { elements } = useAppearance().parsedAppearance;
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref: forwardedRef,
-      ...props,
-      ...mergeDescriptors(elements.separator, ...descriptors != null ? descriptors : []),
-      children
-    }
-  );
-});
-
-// src/themes/buildTheme.ts
-function buildTheme(p) {
-  const theme = {};
-  for (const descriptor in p) {
-    if (p[descriptor]) {
-      const { className, style } = p[descriptor];
-      theme[descriptor] = {
-        descriptor: `cl-${descriptor}`,
-        className: className != null ? className : "",
-        style: style != null ? style : {}
-      };
-    }
-  }
-  return theme;
-}
-function mergeTheme(a, b) {
-  const mergedTheme = { ...a };
-  for (const d in mergedTheme) {
-    const descriptor = d;
-    mergedTheme[descriptor].className = [mergedTheme[descriptor].className, b[descriptor].className].join(" ");
-    mergedTheme[descriptor].style = { ...mergedTheme[descriptor].style, ...b[descriptor].style };
-  }
-  return mergedTheme;
-}
-
-// src/themes/layout.ts
-var layoutTheme = buildTheme({ ...layoutStyle, ...layoutStyle2 });
-
-// src/themes/full.ts
-var visualTheme = buildTheme({ ...visualStyle, ...visualStyle2 });
-var fullTheme = mergeTheme(layoutTheme, visualTheme);
-function mergeDescriptors(...descriptors) {
-  return descriptors.reduce(
-    (acc, el) => {
-      if (typeof el === "boolean") {
-        return acc;
-      }
-      acc.className = [el.descriptor, acc.className, el.className].join(" ");
-      acc.style = { ...acc.style, ...el.style };
-      return acc;
-    },
-    { className: "", style: {} }
-  );
-}
-function mergeElementsAppearanceConfig(a, b) {
-  let result;
-  if (typeof a === "string" && typeof b === "string") {
-    result = [a, b].join(" ");
-  } else if (typeof a === "string" && typeof b === "object") {
-    result = { ...b };
-    result.className = [result.className, a].join(" ");
-  } else if (typeof a === "object" && typeof b === "string") {
-    result = { ...a };
-    result.className = [result.className, b].join(" ");
-  } else if (typeof a === "object" && typeof b === "object") {
-    result = {
-      ...a,
-      ...b
-    };
-    if (a.className || b.className) {
-      result.className = [a.className, b.className].filter(Boolean).join(" ");
-    }
-  }
-  if (!result) {
-    throw new Error(`Unable to merge ElementsAppearanceConfigs: ${a} and ${b}`);
-  }
-  return result;
-}
-function mergeAppearance(a, b) {
-  if (!a && !b) {
-    return null;
-  }
-  if (!a) {
-    return b;
-  }
-  if (!b) {
-    return a;
-  }
-  const result = { ...a, options: { ...a.options, ...b.options } };
-  if (b.theme) {
-    result.theme = b.theme;
-  }
-  if (!result.elements && b.elements) {
-    result.elements = { ...b.elements };
-  } else if (result.elements && b.elements) {
-    Object.entries(b.elements).forEach(([element, config]) => {
-      const el = element;
-      if (el in result.elements) {
-        result.elements[el] = mergeElementsAppearanceConfig(result.elements[el], config);
-      } else {
-        result.elements[el] = config;
-      }
-    });
-  }
-  return result;
-}
-function applyTheme(theme, appearance) {
-  const baseTheme = theme != null ? theme : fullTheme;
-  if (!appearance) {
-    return { theme: baseTheme, elements: structuredClone(baseTheme), options: defaultAppearance.options };
-  }
-  const result = {
-    theme: baseTheme,
-    // because we're going to perform modifications to deeply nested objects, we need to create a structuredClone of
-    // the theme or else subsequent usage of the baseTheme will contain our merged changes.
-    elements: structuredClone(baseTheme),
-    options: { ...defaultAppearance.options, ...appearance.options }
-  };
-  if (appearance.elements) {
-    Object.entries(appearance.elements).forEach(([element, config]) => {
-      const el = element;
-      if (el in appearance.elements) {
-        if (typeof config === "string") {
-          result.elements[el].className = [result.elements[el].className, config].join(" ");
-        } else {
-          const { className, ...style } = config;
-          if (className) {
-            result.elements[el].className = [result.elements[el].className, className].join(" ");
-          }
-          result.elements[el].style = { ...result.elements[el].style, ...style };
-        }
-      }
-    });
-  }
-  return result;
-}
-var defaultAppearance = {
-  theme: fullTheme,
-  elements: fullTheme,
-  options: {
-    logoVisibility: "visible",
-    socialButtonsPlacement: "top",
-    socialButtonsVariant: "auto",
-    logoImageUrl: "",
-    logoLinkUrl: "",
-    showOptionalFields: true,
-    helpPageUrl: "",
-    privacyPageUrl: "",
-    termsPageUrl: "",
-    shimmer: true,
-    animations: true,
-    unsafe_disableDevelopmentModeWarnings: false
-  }
-};
-var [AppearanceContext, useAppearance, usePartialAppearance] = createContextAndHook("AppearanceContext");
-var AppearanceProvider = (props) => {
-  const {
-    parsedAppearance: globalAppearance,
-    themelessAppearance: globalThemelessAppearance,
-    theme: globalTheme
-  } = usePartialAppearance();
-  const ctxValue = useDeepEqualMemo(() => {
-    var _a, _b;
-    const theme = (_a = props.theme) != null ? _a : globalTheme;
-    const themelessAppearance = mergeAppearance(globalThemelessAppearance, props.appearance);
-    const parsedAppearance = applyTheme(theme, themelessAppearance);
-    return { value: { parsedAppearance, themelessAppearance, theme: (_b = props.theme) != null ? _b : globalTheme } };
-  }, [props.appearance, props.theme, globalAppearance, globalThemelessAppearance, globalTheme]);
-  return /* @__PURE__ */ jsx(AppearanceContext.Provider, { value: ctxValue, children: props.children });
-};
-
-export { Alert, AppearanceProvider, ExclamationOctagonSm, ExclamationTriangleSm, Icon, Separator, mergeDescriptors, useAppearance };
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-RVVUA25B.mjs.map

package/dist/chunk-RVVUA25B.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/contexts/AppearanceContext.tsx","../src/primitives/alert.tsx","../src/primitives/icons/icon.tsx","../../../node_modules/@react-aria/utils/dist/packages/@react-aria/utils/src/useId.ts","../../../node_modules/@react-aria/utils/dist/packages/@react-aria/utils/src/chain.ts","../../../node_modules/clsx/dist/clsx.mjs","../../../node_modules/@react-aria/utils/dist/packages/@react-aria/utils/src/mergeProps.ts","../src/primitives/icons/exclamation-octagon-sm.tsx","../src/primitives/icons/exclamation-triangle-sm.tsx","../src/primitives/separator.tsx","../src/themes/buildTheme.ts","../src/themes/layout.ts","../src/themes/full.ts"],"names":["React","Icon","jsx","jsxs","Alert","layoutStyle","visualStyle","Separator"],"mappings":"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","sourcesContent":["import { createContextAndHook, useDeepEqualMemo } from '@clerk/shared/react';\nimport type { Appearance as CurrentAppearance, Layout as CurrentLayout } from '@clerk/types';\nimport React from 'react';\n\nimport { fullTheme } from '~/themes';\n\ntype AlertDescriptorIdentifier = 'alert' | 'alert__error' | 'alert__warning' | 'alertRoot' | 'alertIcon';\ntype SeparatorDescriptorIdentifier = 'separator';\n\n/**\n * Union of all valid descriptors used throughout the components.\n */\nexport type DescriptorIdentifier = AlertDescriptorIdentifier | SeparatorDescriptorIdentifier;\n\n/**\n * The final resulting descriptor that gets passed to mergeDescriptors and spread on the element.\n */\nexport type ParsedDescriptor = { descriptor: string; className: string; style: React.CSSProperties };\n\n/**\n * The authoring format value type for styles written within a component. Essentially { className?: string, style?: CSSProperties }\n */\nexport type PartialDescriptor = Omit<Partial<ParsedDescriptor>, 'descriptor'>;\n\n/**\n * A full theme generated from merging ParsedElementsFragments. Has entries for each descriptor, but they're not complete.\n */\nexport type PartialTheme = Record<DescriptorIdentifier, PartialDescriptor>;\n\n/**\n * A subset of a partial theme. This is the type used when authoring style objects within a component.\n */\nexport type ParsedElementsFragment = Partial<PartialTheme>;\n\n/**\n * A full theme, complete with descriptors. This is the value returned from useAppearance().parsedAppearance, and is\n * the main type interacted with within components.\n */\nexport type ParsedElements = Record<DescriptorIdentifier, ParsedDescriptor>;\nexport type ParsedOptions = Omit<CurrentLayout, 'logoPlacement'> & {\n  logoVisibility?: 'visible' | 'hidden';\n};\n\ntype ElementsAppearanceConfig = string | (React.CSSProperties & { className?: string });\n\nexport type Appearance = Omit<CurrentAppearance, 'elements' | 'baseTheme' | 'layout'> & {\n  theme?: ParsedElements;\n  elements?: Partial<Record<DescriptorIdentifier, ElementsAppearanceConfig>>;\n  options?: ParsedOptions;\n};\n\nexport type AppearanceCascade = {\n  globalAppearance?: ParsedAppearance;\n  appearance?: Appearance;\n};\n\n/**\n * The generated appearance calculated from defaults and user-provided values. This is the type used to access computed\n * appearance values, and as such will always have a value for a given key.\n */\nexport type ParsedAppearance = {\n  theme: ParsedElements;\n  elements: ParsedElements;\n  options: ParsedOptions;\n};\n\ntype AppearanceContextValue = {\n  /**\n   * The calculated appearance value based on the provided `appearance` and `globalAppearance`.\n   *\n   * Example:\n   * ```tsx\n   * function Help() {\n   *   const { options } = useAppearance().parsedAppearance;\n   *   return <p>{options.helpPageUrl}</p>\n   * }\n   * ```\n   */\n  parsedAppearance: ParsedAppearance;\n  themelessAppearance: Appearance | null;\n  theme?: ParsedElements;\n};\n\n/**\n * Used to merge full themes with ParsedElementsFragments. Allows you to combine optionsStyle with multiple visualStyle\n * elements.\n */\nexport function mergeParsedElementsFragment(...fragments: ParsedElementsFragment[]): ParsedElementsFragment {\n  const acc: ParsedElementsFragment = {};\n\n  fragments.forEach(fragment => {\n    for (const k in fragment) {\n      const key = k as keyof ParsedElementsFragment;\n      if (key in acc) {\n        acc[key]!.className = [acc[key]?.className, fragment[key]?.className].join(' ');\n        acc[key]!.style = {\n          ...acc[key]!.style,\n          ...fragment[key]?.style,\n        };\n      } else {\n        acc[key] = {\n          className: fragment[key]?.className,\n          style: fragment[key]?.style,\n        };\n      }\n    }\n  });\n\n  return acc;\n}\n\n/**\n * Used within components to merge multiple descriptors onto a single element. Result is directly spread onto the element.\n */\nexport function mergeDescriptors(...descriptors: (ParsedDescriptor | boolean)[]): PartialDescriptor {\n  return descriptors.reduce<PartialDescriptor>(\n    (acc, el) => {\n      if (typeof el === 'boolean') {\n        return acc;\n      }\n      acc.className = [el.descriptor, acc.className, el.className].join(' ');\n      acc.style = { ...acc.style, ...el.style };\n      return acc;\n    },\n    { className: '', style: {} },\n  );\n}\n\nfunction mergeElementsAppearanceConfig(\n  a: ElementsAppearanceConfig,\n  b: ElementsAppearanceConfig,\n): ElementsAppearanceConfig {\n  let result: ElementsAppearanceConfig | undefined;\n  if (typeof a === 'string' && typeof b === 'string') {\n    result = [a, b].join(' ');\n  } else if (typeof a === 'string' && typeof b === 'object') {\n    result = { ...b };\n    result.className = [result.className, a].join(' ');\n  } else if (typeof a === 'object' && typeof b === 'string') {\n    result = { ...a };\n    result.className = [result.className, b].join(' ');\n  } else if (typeof a === 'object' && typeof b === 'object') {\n    result = {\n      ...a,\n      ...b,\n    };\n    if (a.className || b.className) {\n      result.className = [a.className, b.className].filter(Boolean).join(' ');\n    }\n  }\n\n  if (!result) {\n    throw new Error(`Unable to merge ElementsAppearanceConfigs: ${a} and ${b}`);\n  }\n\n  return result;\n}\n\nfunction mergeAppearance(a: Appearance | null | undefined, b: Appearance | null | undefined): Appearance | null {\n  if (!a && !b) {\n    return null;\n  }\n  if (!a) {\n    return b!;\n  }\n  if (!b) {\n    return a;\n  }\n\n  const result = { ...a, options: { ...a.options, ...b.options } }; // Ensure options are merged\n\n  if (b.theme) {\n    result.theme = b.theme;\n  }\n\n  if (!result.elements && b.elements) {\n    result.elements = { ...b.elements };\n  } else if (result.elements && b.elements) {\n    Object.entries(b.elements).forEach(([element, config]) => {\n      const el = element as DescriptorIdentifier;\n      if (el in result.elements!) {\n        result.elements![el] = mergeElementsAppearanceConfig(result.elements![el]!, config);\n      } else {\n        result.elements![el] = config;\n      }\n    });\n  }\n\n  return result;\n}\n\nfunction applyTheme(theme: ParsedElements | undefined, appearance: Appearance | null): ParsedAppearance {\n  const baseTheme = theme ?? fullTheme;\n  if (!appearance) {\n    return { theme: baseTheme, elements: structuredClone(baseTheme), options: defaultAppearance.options };\n  }\n\n  const result = {\n    theme: baseTheme,\n    // because we're going to perform modifications to deeply nested objects, we need to create a structuredClone of\n    // the theme or else subsequent usage of the baseTheme will contain our merged changes.\n    elements: structuredClone(baseTheme),\n    options: { ...defaultAppearance.options, ...appearance.options },\n  };\n\n  if (appearance.elements) {\n    Object.entries(appearance.elements).forEach(([element, config]) => {\n      const el = element as DescriptorIdentifier;\n      if (el in appearance.elements!) {\n        if (typeof config === 'string') {\n          result.elements[el].className = [result.elements[el].className, config].join(' ');\n        } else {\n          const { className, ...style } = config;\n          if (className) {\n            result.elements[el].className = [result.elements[el].className, className].join(' ');\n          }\n          result.elements[el].style = { ...result.elements[el].style, ...style };\n        }\n      }\n    });\n  }\n\n  return result;\n}\n\nexport const defaultAppearance: ParsedAppearance = {\n  theme: fullTheme,\n  elements: fullTheme,\n  options: {\n    logoVisibility: 'visible',\n    socialButtonsPlacement: 'top',\n    socialButtonsVariant: 'auto',\n    logoImageUrl: '',\n    logoLinkUrl: '',\n    showOptionalFields: true,\n    helpPageUrl: '',\n    privacyPageUrl: '',\n    termsPageUrl: '',\n    shimmer: true,\n    animations: true,\n    unsafe_disableDevelopmentModeWarnings: false,\n  },\n};\n\nconst [AppearanceContext, useAppearance, usePartialAppearance] =\n  createContextAndHook<AppearanceContextValue>('AppearanceContext');\n\ntype AppearanceProviderProps = React.PropsWithChildren<{ appearance?: Appearance; theme?: ParsedElements }>;\n\n/**\n * Used to provide appearance values throughout an application. In typical usage, the entire application will be\n * wrapped in an `AppearanceProvider` to provide global configuration. Each top-level AIO component that accepts an\n * `appearance` prop will wrap its children in `AppearanceProvider`. The provider handles the merging of attributes,\n * and makes them available via the `useAppearance` hook.\n */\nconst AppearanceProvider = (props: AppearanceProviderProps) => {\n  // Access the parsedAppearance of the parent context provider. `undefined` if this is the top-most\n  // AppearanceProvider.\n  const {\n    parsedAppearance: globalAppearance,\n    themelessAppearance: globalThemelessAppearance,\n    theme: globalTheme,\n  } = usePartialAppearance();\n\n  const ctxValue = useDeepEqualMemo(() => {\n    const theme = props.theme ?? globalTheme;\n    const themelessAppearance = mergeAppearance(globalThemelessAppearance, props.appearance);\n    const parsedAppearance = applyTheme(theme, themelessAppearance);\n\n    return { value: { parsedAppearance, themelessAppearance, theme: props.theme ?? globalTheme } };\n  }, [props.appearance, props.theme, globalAppearance, globalThemelessAppearance, globalTheme]);\n\n  return <AppearanceContext.Provider value={ctxValue}>{props.children}</AppearanceContext.Provider>;\n};\n\nexport { AppearanceProvider, useAppearance };\n\nif (import.meta.vitest) {\n  const { it, expect, describe } = import.meta.vitest;\n\n  describe('mergeAppearance', () => {\n    it('retains keys from both appearances', () => {\n      const a = { elements: { alert__warning: 'cl-test-class-one' } };\n      const b = { elements: { alertIcon: 'cl-test-class-two' } };\n      expect(mergeAppearance(a, b)).toStrictEqual({\n        options: {},\n        elements: {\n          alert__warning: 'cl-test-class-one',\n          alertIcon: 'cl-test-class-two',\n        },\n      });\n    });\n\n    it('retains the theme prop', () => {\n      const a = { theme: fullTheme, elements: { alert__warning: 'cl-test-class-one' } };\n      const b = {\n        elements: { alertIcon: 'cl-test-class-two' },\n      };\n      expect(mergeAppearance(a, b)).toStrictEqual({\n        options: {},\n        theme: a.theme,\n        elements: {\n          alert__warning: 'cl-test-class-one',\n          alertIcon: 'cl-test-class-two',\n        },\n      });\n    });\n\n    it('overrides the theme prop', () => {\n      const a = { theme: fullTheme, elements: { alert__warning: 'cl-test-class-one' } };\n      const b = {\n        theme: { ...fullTheme, alertIcon: { descriptor: 'test', className: 'cl-test-class', style: {} } },\n        elements: { alertIcon: 'cl-test-class-two' },\n      };\n      expect(mergeAppearance(a, b)).toStrictEqual({\n        options: {},\n        theme: b.theme,\n        elements: {\n          alert__warning: 'cl-test-class-one',\n          alertIcon: 'cl-test-class-two',\n        },\n      });\n    });\n\n    it('merges string values for the same element', () => {\n      const a = { elements: { alert__warning: 'cl-test-class-one' } };\n      const b = { elements: { alert__warning: 'cl-test-class-two' } };\n      expect(mergeAppearance(a, b)).toStrictEqual({\n        options: {},\n        elements: {\n          alert__warning: 'cl-test-class-one cl-test-class-two',\n        },\n      });\n    });\n\n    it('merges object values for the same element', () => {\n      const a = { elements: { alert__warning: { background: 'tomato' } } };\n      const b = { elements: { alert__warning: { color: 'red' } } };\n      expect(mergeAppearance(a, b)).toStrictEqual({\n        options: {},\n        elements: {\n          alert__warning: { color: 'red', background: 'tomato' },\n        },\n      });\n    });\n\n    it('overrides same style properties', () => {\n      const a = { elements: { alert__warning: { background: 'tomato' } } };\n      const b = { elements: { alert__warning: { background: 'red' } } };\n      expect(mergeAppearance(a, b)).toStrictEqual({\n        options: {},\n        elements: {\n          alert__warning: { background: 'red' },\n        },\n      });\n    });\n  });\n\n  describe('mergeElementsAppearanceConfig', () => {\n    it('merges two strings', () => {\n      const a = 'cl-test-class-one';\n      const b = 'cl-test-class-two';\n      expect(mergeElementsAppearanceConfig(a, b)).toBe('cl-test-class-one cl-test-class-two');\n    });\n\n    it('merges a string and an object', () => {\n      const a = 'cl-test-class-one';\n      const b = { className: 'cl-test-class-two' };\n      expect(mergeElementsAppearanceConfig(a, b)).toStrictEqual({ className: 'cl-test-class-two cl-test-class-one' });\n    });\n\n    it('merges an object and a string', () => {\n      const a = { className: 'cl-test-class-one' };\n      const b = 'cl-test-class-two';\n      expect(mergeElementsAppearanceConfig(a, b)).toStrictEqual({ className: 'cl-test-class-one cl-test-class-two' });\n    });\n\n    it('merges two objects', () => {\n      const a = { className: 'cl-test-class-one' };\n      const b = { className: 'cl-test-class-two' };\n      expect(mergeElementsAppearanceConfig(a, b)).toStrictEqual({ className: 'cl-test-class-one cl-test-class-two' });\n    });\n\n    it('merges a string and an object with style', () => {\n      const a = 'cl-test-class-one';\n      const b = { className: 'cl-test-class-two', backgroundColor: 'tomato' };\n      expect(mergeElementsAppearanceConfig(a, b)).toStrictEqual({\n        className: 'cl-test-class-two cl-test-class-one',\n        backgroundColor: 'tomato',\n      });\n    });\n\n    it('merges two objects with styles', () => {\n      const a = { className: 'cl-test-class-one', color: 'red' };\n      const b = { className: 'cl-test-class-two', backgroundColor: 'tomato' };\n      expect(mergeElementsAppearanceConfig(a, b)).toStrictEqual({\n        className: 'cl-test-class-one cl-test-class-two',\n        color: 'red',\n        backgroundColor: 'tomato',\n      });\n    });\n\n    it('correctly omits className if not present', () => {\n      const a = { color: 'red' };\n      const b = { backgroundColor: 'tomato' };\n      expect(mergeElementsAppearanceConfig(a, b)).toStrictEqual({\n        color: 'red',\n        backgroundColor: 'tomato',\n      });\n    });\n  });\n\n  describe('applyTheme', () => {\n    it('adds classNames from theme', () => {\n      const appearance = {\n        elements: {\n          alert__warning: 'cl-test-1',\n        },\n      };\n      const theme = {\n        ...fullTheme,\n        alert__warning: { descriptor: 'test', className: 'cl-test-class', style: { color: 'red' } },\n      };\n      expect(applyTheme(theme, appearance)).toStrictEqual({\n        theme,\n        options: defaultAppearance.options,\n        elements: {\n          ...fullTheme,\n          alert__warning: {\n            className: 'cl-test-class cl-test-1',\n            descriptor: 'test',\n            style: { color: 'red' },\n          },\n        },\n      });\n    });\n  });\n}\n","import * as React from 'react';\n\nimport {\n  mergeDescriptors,\n  type ParsedDescriptor,\n  type ParsedElementsFragment,\n  useAppearance,\n} from '~/contexts/AppearanceContext';\n\nimport ExclamationOctagonSm from './icons/exclamation-octagon-sm';\nimport ExclamationTriangleSm from './icons/exclamation-triangle-sm';\n\nexport const layoutStyle = {\n  alert: {\n    className: \"cl-fbddaa7d\",\n  },\n  alert__warning: {},\n  alert__error: {},\n  alertIcon: {\n    className: \"cl-af4e251c\",\n  },\n} satisfies ParsedElementsFragment;\n\nexport const visualStyle = {\n  alert: {\n    className: \"cl-15c02a47\",\n  },\n  alert__warning: {\n    className: \"cl-a992fcfc\",\n  },\n  alert__error: {\n    className: \"cl-66ef3405\",\n  },\n  alertIcon: {},\n} satisfies ParsedElementsFragment;\n\nexport const Alert = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement> & {\n    intent?: 'warning' | 'error';\n    descriptors?: ParsedDescriptor[];\n  }\n>(function Alert({ children, descriptors, intent = 'error', ...props }, forwardedRef) {\n  const { elements } = useAppearance().parsedAppearance;\n\n  return (\n    <div\n      ref={forwardedRef}\n      {...props}\n      {...mergeDescriptors(\n        elements.alert,\n        intent === 'error' && elements.alert__error,\n        intent === 'warning' && elements.alert__warning,\n        ...(descriptors ?? []),\n      )}\n    >\n      {\n        {\n          error: <ExclamationOctagonSm {...mergeDescriptors(elements.alertIcon)} />,\n          warning: <ExclamationTriangleSm {...mergeDescriptors(elements.alertIcon)} />,\n        }[intent]\n      }\n      {children}\n    </div>\n  );\n});\n","import * as React from 'react';\nimport { mergeProps } from 'react-aria';\n\nexport interface IconProps extends React.SVGProps<SVGSVGElement> {}\n\nexport const Icon = React.forwardRef<SVGSVGElement, IconProps & { children: React.ReactElement }>(\n  function Icon(props, ref) {\n    const { children, 'aria-label': ariaLabel, 'aria-hidden': ariaHidden, ...restProps } = props;\n    return React.cloneElement(children, {\n      ...mergeProps(children.props, restProps),\n      ref,\n      width: '1em',\n      height: '1em',\n      fill: 'none',\n      focusable: 'false',\n      'aria-label': ariaLabel,\n      'aria-hidden': ariaLabel ? ariaHidden || undefined : true,\n      role: 'img',\n    });\n  },\n);\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {useCallback, useEffect, useRef, useState} from 'react';\nimport {useLayoutEffect} from './useLayoutEffect';\nimport {useSSRSafeId} from '@react-aria/ssr';\nimport {useValueEffect} from './';\n\n// copied from SSRProvider.tsx to reduce exports, if needed again, consider sharing\nlet canUseDOM = Boolean(\n  typeof window !== 'undefined' &&\n  window.document &&\n  window.document.createElement\n);\n\nlet idsUpdaterMap: Map<string, (v: string) => void> = new Map();\n\n/**\n * If a default is not provided, generate an id.\n * @param defaultId - Default component id.\n */\nexport function useId(defaultId?: string): string {\n  let [value, setValue] = useState(defaultId);\n  let nextId = useRef(null);\n\n  let res = useSSRSafeId(value);\n\n  let updateValue = useCallback((val) => {\n    nextId.current = val;\n  }, []);\n\n  if (canUseDOM) {\n    idsUpdaterMap.set(res, updateValue);\n  }\n\n  useLayoutEffect(() => {\n    let r = res;\n    return () => {\n      idsUpdaterMap.delete(r);\n    };\n  }, [res]);\n\n  // This cannot cause an infinite loop because the ref is updated first.\n  // eslint-disable-next-line\n  useEffect(() => {\n    let newId = nextId.current;\n    if (newId) {\n      nextId.current = null;\n      setValue(newId);\n    }\n  });\n\n  return res;\n}\n\n/**\n * Merges two ids.\n * Different ids will trigger a side-effect and re-render components hooked up with `useId`.\n */\nexport function mergeIds(idA: string, idB: string): string {\n  if (idA === idB) {\n    return idA;\n  }\n\n  let setIdA = idsUpdaterMap.get(idA);\n  if (setIdA) {\n    setIdA(idB);\n    return idB;\n  }\n\n  let setIdB = idsUpdaterMap.get(idB);\n  if (setIdB) {\n    setIdB(idA);\n    return idA;\n  }\n\n  return idB;\n}\n\n/**\n * Used to generate an id, and after render, check if that id is rendered so we know\n * if we can use it in places such as labelledby.\n * @param depArray - When to recalculate if the id is in the DOM.\n */\nexport function useSlotId(depArray: ReadonlyArray<any> = []): string {\n  let id = useId();\n  let [resolvedId, setResolvedId] = useValueEffect(id);\n  let updateId = useCallback(() => {\n    setResolvedId(function *() {\n      yield id;\n\n      yield document.getElementById(id) ? id : undefined;\n    });\n  }, [id, setResolvedId]);\n\n  useLayoutEffect(updateId, [id, updateId, ...depArray]);\n\n  return resolvedId;\n}\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n/**\n * Calls all functions in the order they were chained with the same arguments.\n */\nexport function chain(...callbacks: any[]): (...args: any[]) => void {\n  return (...args: any[]) => {\n    for (let callback of callbacks) {\n      if (typeof callback === 'function') {\n        callback(...args);\n      }\n    }\n  };\n}\n","function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {chain} from './chain';\nimport clsx from 'clsx';\nimport {mergeIds} from './useId';\n\ninterface Props {\n  [key: string]: any\n}\n\ntype PropsArg = Props | null | undefined;\n\n// taken from: https://stackoverflow.com/questions/51603250/typescript-3-parameter-list-intersection-type/51604379#51604379\ntype TupleTypes<T> = { [P in keyof T]: T[P] } extends { [key: number]: infer V } ? NullToObject<V> : never;\ntype NullToObject<T> = T extends (null | undefined) ? {} : T;\n// eslint-disable-next-line no-undef, @typescript-eslint/no-unused-vars\ntype UnionToIntersection<U> = (U extends any ? (k: U) => void : never) extends ((k: infer I) => void) ? I : never;\n\n/**\n * Merges multiple props objects together. Event handlers are chained,\n * classNames are combined, and ids are deduplicated - different ids\n * will trigger a side-effect and re-render components hooked up with `useId`.\n * For all other props, the last prop object overrides all previous ones.\n * @param args - Multiple sets of props to merge together.\n */\nexport function mergeProps<T extends PropsArg[]>(...args: T): UnionToIntersection<TupleTypes<T>> {\n  // Start with a base clone of the first argument. This is a lot faster than starting\n  // with an empty object and adding properties as we go.\n  let result: Props = {...args[0]};\n  for (let i = 1; i < args.length; i++) {\n    let props = args[i];\n    for (let key in props) {\n      let a = result[key];\n      let b = props[key];\n\n      // Chain events\n      if (\n        typeof a === 'function' &&\n        typeof b === 'function' &&\n        // This is a lot faster than a regex.\n        key[0] === 'o' &&\n        key[1] === 'n' &&\n        key.charCodeAt(2) >= /* 'A' */ 65 &&\n        key.charCodeAt(2) <= /* 'Z' */ 90\n      ) {\n        result[key] = chain(a, b);\n\n        // Merge classnames, sometimes classNames are empty string which eval to false, so we just need to do a type check\n      } else if (\n        (key === 'className' || key === 'UNSAFE_className') &&\n        typeof a === 'string' &&\n        typeof b === 'string'\n      ) {\n        result[key] = clsx(a, b);\n      } else if (key === 'id' && a && b) {\n        result.id = mergeIds(a, b);\n        // Override others\n      } else {\n        result[key] = b !== undefined ? b : a;\n      }\n    }\n  }\n\n  return result as UnionToIntersection<TupleTypes<T>>;\n}\n","import { Icon, type IconProps } from './icon';\n\nexport default function ExclamationOctagonSm(props: IconProps) {\n  return (\n    <Icon {...props}>\n      <svg viewBox='0 0 16 16'>\n        <path\n          d='M8 5.75V7.25'\n          stroke='currentColor'\n          strokeWidth='1.5'\n          strokeLinecap='round'\n          strokeLinejoin='round'\n        />\n        <path\n          d='M8 10V10.01'\n          stroke='currentColor'\n          strokeWidth='1.5'\n          strokeLinecap='round'\n          strokeLinejoin='round'\n        />\n        <path\n          d='M10.25 2.75H5.75L2.75 5.75V10.25L5.75 13.25H10.25L13.25 10.25V5.75L10.25 2.75Z'\n          stroke='currentColor'\n          strokeWidth='1.5'\n          strokeLinecap='round'\n          strokeLinejoin='round'\n        />\n      </svg>\n    </Icon>\n  );\n}\n","import { Icon, type IconProps } from './icon';\n\nexport default function ExclamationTriangleSm(props: IconProps) {\n  return (\n    <Icon {...props}>\n      <svg viewBox='0 0 16 16'>\n        <path\n          d='M8 6.75V8.25'\n          stroke='currentColor'\n          strokeWidth='1.5'\n          strokeLinecap='round'\n          strokeLinejoin='round'\n        />\n        <path\n          d='M8 10.5V10.51'\n          stroke='currentColor'\n          strokeWidth='1.5'\n          strokeLinecap='round'\n          strokeLinejoin='round'\n        />\n        <path\n          d='M2.95652 10.4518L6.27146 3.8188C6.98366 2.39373 9.01635 2.39373 9.72855 3.81881L13.0435 10.4518C13.686 11.7374 12.7516 13.25 11.3149 13.25H4.68506C3.24842 13.25 2.31404 11.7374 2.95652 10.4518Z'\n          stroke='currentColor'\n          strokeWidth='1.5'\n          strokeLinecap='round'\n          strokeLinejoin='round'\n        />\n      </svg>\n    </Icon>\n  );\n}\n","import * as React from 'react';\n\nimport {\n  mergeDescriptors,\n  type ParsedDescriptor,\n  type ParsedElementsFragment,\n  useAppearance,\n} from '~/contexts/AppearanceContext';\n\nexport const layoutStyle = {\n  separator: {\n    className: \"cl-c53048bf\",\n  },\n} satisfies ParsedElementsFragment;\n\nexport const visualStyle = {\n  separator: {\n    className: \"cl-77b14b2e\",\n  },\n} satisfies ParsedElementsFragment;\n\nexport const Separator = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement> & {\n    descriptors?: ParsedDescriptor[];\n  }\n>(function Separator({ children, descriptors, ...props }, forwardedRef) {\n  const { elements } = useAppearance().parsedAppearance;\n  return (\n    <div\n      ref={forwardedRef}\n      {...props}\n      {...mergeDescriptors(elements.separator, ...(descriptors ?? []))}\n    >\n      {children}\n    </div>\n  );\n});\n","import type { PartialTheme, ParsedElements } from '~/contexts/AppearanceContext';\n\n/**\n * Given a complete theme object minus descriptors, returns a full ParsedElements object with generated descriptors.\n */\nexport function buildTheme(p: PartialTheme): ParsedElements {\n  const theme: Partial<ParsedElements> = {};\n\n  for (const descriptor in p) {\n    if (p[descriptor as keyof PartialTheme]) {\n      const { className, style } = p[descriptor as keyof PartialTheme]!;\n      theme[descriptor as keyof ParsedElements] = {\n        descriptor: `cl-${descriptor}`,\n        className: className ?? '',\n        style: style ?? {},\n      };\n    }\n  }\n\n  return theme as ParsedElements;\n}\n\n/**\n * Given two complete theme objects, merge their className and style properties to create a new merged theme.\n */\nexport function mergeTheme(a: ParsedElements, b: ParsedElements): ParsedElements {\n  const mergedTheme = { ...a };\n\n  for (const d in mergedTheme) {\n    const descriptor = d as keyof ParsedElements;\n    mergedTheme[descriptor].className = [mergedTheme[descriptor].className, b[descriptor].className].join(' ');\n    mergedTheme[descriptor].style = { ...mergedTheme[descriptor].style, ...b[descriptor].style };\n  }\n\n  return mergedTheme;\n}\n","import { layoutStyle as alertLayoutStyle } from '~/primitives/alert';\nimport { layoutStyle as separatorStyle } from '~/primitives/separator';\n\nimport { buildTheme } from './buildTheme';\n\nexport const layoutTheme = buildTheme({ ...alertLayoutStyle, ...separatorStyle });\n","import { visualStyle as alertVisualStyle } from '~/primitives/alert';\nimport { visualStyle as separatorVisualStyle } from '~/primitives/separator';\n\nimport { buildTheme, mergeTheme } from './buildTheme';\nimport { layoutTheme } from './layout';\n\nconst visualTheme = buildTheme({ ...alertVisualStyle, ...separatorVisualStyle });\nexport const fullTheme = mergeTheme(layoutTheme, visualTheme);\n"]}