@countermeasure-platform/web-components 0.2.0

package/dist/alert-dialog-x70JmbHN.js

@@ -0,0 +1,202 @@
+import { n as e } from "./dist-BOvRuqYp.js";
+import { t } from "./utils-B7XIe3qq.js";
+import { buttonVariants as n } from "./react/primitives/button.js";
+import { a as r, o as i } from "./dist-CuA1lYwd.js";
+import { a, c as o, i as s, l as ee, n as c, o as l, r as u, s as d, t as f, u as p } from "./dist-Di-HnAlt.js";
+import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
+import * as _ from "react";
+//#region node_modules/@radix-ui/react-alert-dialog/node_modules/@radix-ui/react-slot/dist/index.mjs
+var v = Symbol("radix.slottable");
+/* @__NO_SIDE_EFFECTS__ */
+function y(e) {
+	let t = ({ children: e }) => /* @__PURE__ */ h(m, { children: e });
+	return t.displayName = `${e}.Slottable`, t.__radixId = v, t;
+}
+//#endregion
+//#region node_modules/@radix-ui/react-alert-dialog/dist/index.mjs
+var b = "AlertDialog", [x, te] = r(b, [p]), S = p(), C = (e) => {
+	let { __scopeAlertDialog: t, ...n } = e;
+	return /* @__PURE__ */ h(l, {
+		...S(t),
+		...n,
+		modal: !0
+	});
+};
+C.displayName = b;
+var w = "AlertDialogTrigger", T = _.forwardRef((e, t) => {
+	let { __scopeAlertDialog: n, ...r } = e;
+	return /* @__PURE__ */ h(o, {
+		...S(n),
+		...r,
+		ref: t
+	});
+});
+T.displayName = w;
+var E = "AlertDialogPortal", D = (e) => {
+	let { __scopeAlertDialog: t, ...n } = e;
+	return /* @__PURE__ */ h(a, {
+		...S(t),
+		...n
+	});
+};
+D.displayName = E;
+var O = "AlertDialogOverlay", k = _.forwardRef((e, t) => {
+	let { __scopeAlertDialog: n, ...r } = e;
+	return /* @__PURE__ */ h(s, {
+		...S(n),
+		...r,
+		ref: t
+	});
+});
+k.displayName = O;
+var A = "AlertDialogContent", [ne, j] = x(A), M = /* @__PURE__ */ y("AlertDialogContent"), N = _.forwardRef((t, n) => {
+	let { __scopeAlertDialog: r, children: a, ...o } = t, s = S(r), l = _.useRef(null), u = e(n, l), d = _.useRef(null);
+	return /* @__PURE__ */ h(ee, {
+		contentName: A,
+		titleName: P,
+		docsSlug: "alert-dialog",
+		children: /* @__PURE__ */ h(ne, {
+			scope: r,
+			cancelRef: d,
+			children: /* @__PURE__ */ g(c, {
+				role: "alertdialog",
+				...s,
+				...o,
+				ref: u,
+				onOpenAutoFocus: i(o.onOpenAutoFocus, (e) => {
+					e.preventDefault(), d.current?.focus({ preventScroll: !0 });
+				}),
+				onPointerDownOutside: (e) => e.preventDefault(),
+				onInteractOutside: (e) => e.preventDefault(),
+				children: [/* @__PURE__ */ h(M, { children: a }), /* @__PURE__ */ h(H, { contentRef: l })]
+			})
+		})
+	});
+});
+N.displayName = A;
+var P = "AlertDialogTitle", F = _.forwardRef((e, t) => {
+	let { __scopeAlertDialog: n, ...r } = e;
+	return /* @__PURE__ */ h(d, {
+		...S(n),
+		...r,
+		ref: t
+	});
+});
+F.displayName = P;
+var I = "AlertDialogDescription", L = _.forwardRef((e, t) => {
+	let { __scopeAlertDialog: n, ...r } = e;
+	return /* @__PURE__ */ h(u, {
+		...S(n),
+		...r,
+		ref: t
+	});
+});
+L.displayName = I;
+var R = "AlertDialogAction", z = _.forwardRef((e, t) => {
+	let { __scopeAlertDialog: n, ...r } = e;
+	return /* @__PURE__ */ h(f, {
+		...S(n),
+		...r,
+		ref: t
+	});
+});
+z.displayName = R;
+var B = "AlertDialogCancel", V = _.forwardRef((t, n) => {
+	let { __scopeAlertDialog: r, ...i } = t, { cancelRef: a } = j(B, r), o = S(r), s = e(n, a);
+	return /* @__PURE__ */ h(f, {
+		...o,
+		...i,
+		ref: s
+	});
+});
+V.displayName = B;
+var H = ({ contentRef: e }) => {
+	let t = `\`${A}\` requires a description for the component to be accessible for screen reader users.
+
+You can add a description to the \`${A}\` by passing a \`${I}\` component as a child, which also benefits sighted users by adding visible context to the dialog.
+
+Alternatively, you can use your own component as a description by assigning it an \`id\` and passing the same value to the \`aria-describedby\` prop in \`${A}\`. If the description is confusing or duplicative for sighted users, you can use the \`@radix-ui/react-visually-hidden\` primitive as a wrapper around your description component.
+
+For more information, see https://radix-ui.com/primitives/docs/components/alert-dialog`;
+	return _.useEffect(() => {
+		document.getElementById(e.current?.getAttribute("aria-describedby")) || console.warn(t);
+	}, [t, e]), null;
+}, U = C, W = T, G = D, K = k, q = N, J = z, Y = V, X = F, Z = L;
+//#endregion
+//#region src/react/primitives/alert-dialog.tsx
+function re({ ...e }) {
+	return /* @__PURE__ */ h(U, {
+		"data-slot": "alert-dialog",
+		...e
+	});
+}
+function ie({ ...e }) {
+	return /* @__PURE__ */ h(W, {
+		"data-slot": "alert-dialog-trigger",
+		...e
+	});
+}
+function Q({ ...e }) {
+	return /* @__PURE__ */ h(G, {
+		"data-slot": "alert-dialog-portal",
+		...e
+	});
+}
+function $({ className: e, ...n }) {
+	return /* @__PURE__ */ h(K, {
+		"data-slot": "alert-dialog-overlay",
+		className: t("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/60 backdrop-blur-sm", e),
+		...n
+	});
+}
+function ae({ className: e, ...n }) {
+	return /* @__PURE__ */ g(Q, { children: [/* @__PURE__ */ h($, {}), /* @__PURE__ */ h(q, {
+		"data-slot": "alert-dialog-content",
+		className: t("bg-background-elevated border-border-glass data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-xl border p-6 shadow-2xl duration-200 outline-none sm:max-w-lg", e),
+		...n
+	})] });
+}
+function oe({ className: e, ...n }) {
+	return /* @__PURE__ */ h("div", {
+		"data-slot": "alert-dialog-header",
+		className: t("flex flex-col gap-2 text-center sm:text-left", e),
+		...n
+	});
+}
+function se({ className: e, ...n }) {
+	return /* @__PURE__ */ h("div", {
+		"data-slot": "alert-dialog-footer",
+		className: t("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", e),
+		...n
+	});
+}
+function ce({ className: e, ...n }) {
+	return /* @__PURE__ */ h(X, {
+		"data-slot": "alert-dialog-title",
+		className: t("text-foreground text-lg font-semibold", e),
+		...n
+	});
+}
+function le({ className: e, ...n }) {
+	return /* @__PURE__ */ h(Z, {
+		"data-slot": "alert-dialog-description",
+		className: t("text-foreground-secondary text-sm", e),
+		...n
+	});
+}
+function ue({ className: e, ...r }) {
+	return /* @__PURE__ */ h(J, {
+		className: t(n(), e),
+		...r
+	});
+}
+function de({ className: e, ...r }) {
+	return /* @__PURE__ */ h(Y, {
+		className: t(n({ variant: "outline" }), e),
+		...r
+	});
+}
+//#endregion
+export { le as a, $ as c, ie as d, ae as i, Q as l, ue as n, se as o, de as r, oe as s, re as t, ce as u };
+
+//# sourceMappingURL=alert-dialog-x70JmbHN.js.map

package/dist/alert-dialog-x70JmbHN.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog-x70JmbHN.js","names":["Fragment2","AlertDialog","DialogPrimitive.Root","AlertDialogTrigger","React","DialogPrimitive.Trigger","AlertDialogPortal","DialogPrimitive.Portal","AlertDialogOverlay","DialogPrimitive.Overlay","AlertDialogContent","DialogPrimitive.WarningProvider","DialogPrimitive.Content","AlertDialogTitle","DialogPrimitive.Title","AlertDialogDescription","DialogPrimitive.Description","AlertDialogAction","DialogPrimitive.Close","AlertDialogCancel"],"sources":["../node_modules/@radix-ui/react-alert-dialog/node_modules/@radix-ui/react-slot/dist/index.mjs","../node_modules/@radix-ui/react-alert-dialog/dist/index.mjs","../src/react/primitives/alert-dialog.tsx"],"sourcesContent":["// src/slot.tsx\nimport * as React from \"react\";\nimport { composeRefs } from \"@radix-ui/react-compose-refs\";\nimport { Fragment as Fragment2, jsx } from \"react/jsx-runtime\";\n// @__NO_SIDE_EFFECTS__\nfunction createSlot(ownerName) {\n  const SlotClone = /* @__PURE__ */ createSlotClone(ownerName);\n  const Slot2 = React.forwardRef((props, forwardedRef) => {\n    const { children, ...slotProps } = props;\n    const childrenArray = React.Children.toArray(children);\n    const slottable = childrenArray.find(isSlottable);\n    if (slottable) {\n      const newElement = slottable.props.children;\n      const newChildren = childrenArray.map((child) => {\n        if (child === slottable) {\n          if (React.Children.count(newElement) > 1) return React.Children.only(null);\n          return React.isValidElement(newElement) ? newElement.props.children : null;\n        } else {\n          return child;\n        }\n      });\n      return /* @__PURE__ */ jsx(SlotClone, { ...slotProps, ref: forwardedRef, children: React.isValidElement(newElement) ? React.cloneElement(newElement, void 0, newChildren) : null });\n    }\n    return /* @__PURE__ */ jsx(SlotClone, { ...slotProps, ref: forwardedRef, children });\n  });\n  Slot2.displayName = `${ownerName}.Slot`;\n  return Slot2;\n}\nvar Slot = /* @__PURE__ */ createSlot(\"Slot\");\n// @__NO_SIDE_EFFECTS__\nfunction createSlotClone(ownerName) {\n  const SlotClone = React.forwardRef((props, forwardedRef) => {\n    const { children, ...slotProps } = props;\n    if (React.isValidElement(children)) {\n      const childrenRef = getElementRef(children);\n      const props2 = mergeProps(slotProps, children.props);\n      if (children.type !== React.Fragment) {\n        props2.ref = forwardedRef ? composeRefs(forwardedRef, childrenRef) : childrenRef;\n      }\n      return React.cloneElement(children, props2);\n    }\n    return React.Children.count(children) > 1 ? React.Children.only(null) : null;\n  });\n  SlotClone.displayName = `${ownerName}.SlotClone`;\n  return SlotClone;\n}\nvar SLOTTABLE_IDENTIFIER = Symbol(\"radix.slottable\");\n// @__NO_SIDE_EFFECTS__\nfunction createSlottable(ownerName) {\n  const Slottable2 = ({ children }) => {\n    return /* @__PURE__ */ jsx(Fragment2, { children });\n  };\n  Slottable2.displayName = `${ownerName}.Slottable`;\n  Slottable2.__radixId = SLOTTABLE_IDENTIFIER;\n  return Slottable2;\n}\nvar Slottable = /* @__PURE__ */ createSlottable(\"Slottable\");\nfunction isSlottable(child) {\n  return React.isValidElement(child) && typeof child.type === \"function\" && \"__radixId\" in child.type && child.type.__radixId === SLOTTABLE_IDENTIFIER;\n}\nfunction mergeProps(slotProps, childProps) {\n  const overrideProps = { ...childProps };\n  for (const propName in childProps) {\n    const slotPropValue = slotProps[propName];\n    const childPropValue = childProps[propName];\n    const isHandler = /^on[A-Z]/.test(propName);\n    if (isHandler) {\n      if (slotPropValue && childPropValue) {\n        overrideProps[propName] = (...args) => {\n          const result = childPropValue(...args);\n          slotPropValue(...args);\n          return result;\n        };\n      } else if (slotPropValue) {\n        overrideProps[propName] = slotPropValue;\n      }\n    } else if (propName === \"style\") {\n      overrideProps[propName] = { ...slotPropValue, ...childPropValue };\n    } else if (propName === \"className\") {\n      overrideProps[propName] = [slotPropValue, childPropValue].filter(Boolean).join(\" \");\n    }\n  }\n  return { ...slotProps, ...overrideProps };\n}\nfunction getElementRef(element) {\n  let getter = Object.getOwnPropertyDescriptor(element.props, \"ref\")?.get;\n  let mayWarn = getter && \"isReactWarning\" in getter && getter.isReactWarning;\n  if (mayWarn) {\n    return element.ref;\n  }\n  getter = Object.getOwnPropertyDescriptor(element, \"ref\")?.get;\n  mayWarn = getter && \"isReactWarning\" in getter && getter.isReactWarning;\n  if (mayWarn) {\n    return element.props.ref;\n  }\n  return element.props.ref || element.ref;\n}\nexport {\n  Slot as Root,\n  Slot,\n  Slottable,\n  createSlot,\n  createSlottable\n};\n//# sourceMappingURL=index.mjs.map\n","\"use client\";\n\n// src/alert-dialog.tsx\nimport * as React from \"react\";\nimport { createContextScope } from \"@radix-ui/react-context\";\nimport { useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport { createDialogScope } from \"@radix-ui/react-dialog\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { createSlottable } from \"@radix-ui/react-slot\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nvar ROOT_NAME = \"AlertDialog\";\nvar [createAlertDialogContext, createAlertDialogScope] = createContextScope(ROOT_NAME, [\n  createDialogScope\n]);\nvar useDialogScope = createDialogScope();\nvar AlertDialog = (props) => {\n  const { __scopeAlertDialog, ...alertDialogProps } = props;\n  const dialogScope = useDialogScope(__scopeAlertDialog);\n  return /* @__PURE__ */ jsx(DialogPrimitive.Root, { ...dialogScope, ...alertDialogProps, modal: true });\n};\nAlertDialog.displayName = ROOT_NAME;\nvar TRIGGER_NAME = \"AlertDialogTrigger\";\nvar AlertDialogTrigger = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeAlertDialog, ...triggerProps } = props;\n    const dialogScope = useDialogScope(__scopeAlertDialog);\n    return /* @__PURE__ */ jsx(DialogPrimitive.Trigger, { ...dialogScope, ...triggerProps, ref: forwardedRef });\n  }\n);\nAlertDialogTrigger.displayName = TRIGGER_NAME;\nvar PORTAL_NAME = \"AlertDialogPortal\";\nvar AlertDialogPortal = (props) => {\n  const { __scopeAlertDialog, ...portalProps } = props;\n  const dialogScope = useDialogScope(__scopeAlertDialog);\n  return /* @__PURE__ */ jsx(DialogPrimitive.Portal, { ...dialogScope, ...portalProps });\n};\nAlertDialogPortal.displayName = PORTAL_NAME;\nvar OVERLAY_NAME = \"AlertDialogOverlay\";\nvar AlertDialogOverlay = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeAlertDialog, ...overlayProps } = props;\n    const dialogScope = useDialogScope(__scopeAlertDialog);\n    return /* @__PURE__ */ jsx(DialogPrimitive.Overlay, { ...dialogScope, ...overlayProps, ref: forwardedRef });\n  }\n);\nAlertDialogOverlay.displayName = OVERLAY_NAME;\nvar CONTENT_NAME = \"AlertDialogContent\";\nvar [AlertDialogContentProvider, useAlertDialogContentContext] = createAlertDialogContext(CONTENT_NAME);\nvar Slottable = createSlottable(\"AlertDialogContent\");\nvar AlertDialogContent = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeAlertDialog, children, ...contentProps } = props;\n    const dialogScope = useDialogScope(__scopeAlertDialog);\n    const contentRef = React.useRef(null);\n    const composedRefs = useComposedRefs(forwardedRef, contentRef);\n    const cancelRef = React.useRef(null);\n    return /* @__PURE__ */ jsx(\n      DialogPrimitive.WarningProvider,\n      {\n        contentName: CONTENT_NAME,\n        titleName: TITLE_NAME,\n        docsSlug: \"alert-dialog\",\n        children: /* @__PURE__ */ jsx(AlertDialogContentProvider, { scope: __scopeAlertDialog, cancelRef, children: /* @__PURE__ */ jsxs(\n          DialogPrimitive.Content,\n          {\n            role: \"alertdialog\",\n            ...dialogScope,\n            ...contentProps,\n            ref: composedRefs,\n            onOpenAutoFocus: composeEventHandlers(contentProps.onOpenAutoFocus, (event) => {\n              event.preventDefault();\n              cancelRef.current?.focus({ preventScroll: true });\n            }),\n            onPointerDownOutside: (event) => event.preventDefault(),\n            onInteractOutside: (event) => event.preventDefault(),\n            children: [\n              /* @__PURE__ */ jsx(Slottable, { children }),\n              /* @__PURE__ */ jsx(DescriptionWarning, { contentRef })\n            ]\n          }\n        ) })\n      }\n    );\n  }\n);\nAlertDialogContent.displayName = CONTENT_NAME;\nvar TITLE_NAME = \"AlertDialogTitle\";\nvar AlertDialogTitle = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeAlertDialog, ...titleProps } = props;\n    const dialogScope = useDialogScope(__scopeAlertDialog);\n    return /* @__PURE__ */ jsx(DialogPrimitive.Title, { ...dialogScope, ...titleProps, ref: forwardedRef });\n  }\n);\nAlertDialogTitle.displayName = TITLE_NAME;\nvar DESCRIPTION_NAME = \"AlertDialogDescription\";\nvar AlertDialogDescription = React.forwardRef((props, forwardedRef) => {\n  const { __scopeAlertDialog, ...descriptionProps } = props;\n  const dialogScope = useDialogScope(__scopeAlertDialog);\n  return /* @__PURE__ */ jsx(DialogPrimitive.Description, { ...dialogScope, ...descriptionProps, ref: forwardedRef });\n});\nAlertDialogDescription.displayName = DESCRIPTION_NAME;\nvar ACTION_NAME = \"AlertDialogAction\";\nvar AlertDialogAction = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeAlertDialog, ...actionProps } = props;\n    const dialogScope = useDialogScope(__scopeAlertDialog);\n    return /* @__PURE__ */ jsx(DialogPrimitive.Close, { ...dialogScope, ...actionProps, ref: forwardedRef });\n  }\n);\nAlertDialogAction.displayName = ACTION_NAME;\nvar CANCEL_NAME = \"AlertDialogCancel\";\nvar AlertDialogCancel = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeAlertDialog, ...cancelProps } = props;\n    const { cancelRef } = useAlertDialogContentContext(CANCEL_NAME, __scopeAlertDialog);\n    const dialogScope = useDialogScope(__scopeAlertDialog);\n    const ref = useComposedRefs(forwardedRef, cancelRef);\n    return /* @__PURE__ */ jsx(DialogPrimitive.Close, { ...dialogScope, ...cancelProps, ref });\n  }\n);\nAlertDialogCancel.displayName = CANCEL_NAME;\nvar DescriptionWarning = ({ contentRef }) => {\n  const MESSAGE = `\\`${CONTENT_NAME}\\` requires a description for the component to be accessible for screen reader users.\n\nYou can add a description to the \\`${CONTENT_NAME}\\` by passing a \\`${DESCRIPTION_NAME}\\` component as a child, which also benefits sighted users by adding visible context to the dialog.\n\nAlternatively, you can use your own component as a description by assigning it an \\`id\\` and passing the same value to the \\`aria-describedby\\` prop in \\`${CONTENT_NAME}\\`. If the description is confusing or duplicative for sighted users, you can use the \\`@radix-ui/react-visually-hidden\\` primitive as a wrapper around your description component.\n\nFor more information, see https://radix-ui.com/primitives/docs/components/alert-dialog`;\n  React.useEffect(() => {\n    const hasDescription = document.getElementById(\n      contentRef.current?.getAttribute(\"aria-describedby\")\n    );\n    if (!hasDescription) console.warn(MESSAGE);\n  }, [MESSAGE, contentRef]);\n  return null;\n};\nvar Root2 = AlertDialog;\nvar Trigger2 = AlertDialogTrigger;\nvar Portal2 = AlertDialogPortal;\nvar Overlay2 = AlertDialogOverlay;\nvar Content2 = AlertDialogContent;\nvar Action = AlertDialogAction;\nvar Cancel = AlertDialogCancel;\nvar Title2 = AlertDialogTitle;\nvar Description2 = AlertDialogDescription;\nexport {\n  Action,\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogOverlay,\n  AlertDialogPortal,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n  Cancel,\n  Content2 as Content,\n  Description2 as Description,\n  Overlay2 as Overlay,\n  Portal2 as Portal,\n  Root2 as Root,\n  Title2 as Title,\n  Trigger2 as Trigger,\n  createAlertDialogScope\n};\n//# sourceMappingURL=index.mjs.map\n","import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog'\nimport * as React from 'react'\n\nimport { buttonVariants } from './button'\nimport { cn } from './utils'\n\nfunction AlertDialog({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Root>) {\n  return <AlertDialogPrimitive.Root data-slot=\"alert-dialog\" {...props} />\n}\n\nfunction AlertDialogTrigger({\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>) {\n  return <AlertDialogPrimitive.Trigger data-slot=\"alert-dialog-trigger\" {...props} />\n}\n\nfunction AlertDialogPortal({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Portal>) {\n  return <AlertDialogPrimitive.Portal data-slot=\"alert-dialog-portal\" {...props} />\n}\n\nfunction AlertDialogOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>) {\n  return (\n    <AlertDialogPrimitive.Overlay\n      data-slot=\"alert-dialog-overlay\"\n      className={cn(\n        'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/60 backdrop-blur-sm',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Content>) {\n  return (\n    <AlertDialogPortal>\n      <AlertDialogOverlay />\n      <AlertDialogPrimitive.Content\n        data-slot=\"alert-dialog-content\"\n        className={cn(\n          'bg-background-elevated border-border-glass data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-xl border p-6 shadow-2xl duration-200 outline-none sm:max-w-lg',\n          className\n        )}\n        {...props}\n      />\n    </AlertDialogPortal>\n  )\n}\n\nfunction AlertDialogHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"alert-dialog-header\"\n      className={cn('flex flex-col gap-2 text-center sm:text-left', className)}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"alert-dialog-footer\"\n      className={cn('flex flex-col-reverse gap-2 sm:flex-row sm:justify-end', className)}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogTitle({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Title>) {\n  return (\n    <AlertDialogPrimitive.Title\n      data-slot=\"alert-dialog-title\"\n      className={cn('text-foreground text-lg font-semibold', className)}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Description>) {\n  return (\n    <AlertDialogPrimitive.Description\n      data-slot=\"alert-dialog-description\"\n      className={cn('text-foreground-secondary text-sm', className)}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogAction({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Action>) {\n  return <AlertDialogPrimitive.Action className={cn(buttonVariants(), className)} {...props} />\n}\n\nfunction AlertDialogCancel({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Cancel>) {\n  return (\n    <AlertDialogPrimitive.Cancel\n      className={cn(buttonVariants({ variant: 'outline' }), className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogOverlay,\n  AlertDialogPortal,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n}\n"],"x_google_ignoreList":[0,1],"mappings":";;;;;;;;AA8CA,IAAI,IAAuB,OAAO,kBAAkB;;AAEpD,SAAS,EAAgB,GAAW;CAClC,IAAM,KAAc,EAAE,kBACG,kBAAIA,GAAW,EAAE,aAAU,CAAC;AAIrD,QAFA,EAAW,cAAc,GAAG,EAAU,aACtC,EAAW,YAAY,GAChB;;;;AC3CT,IAAI,IAAY,eACZ,CAAC,GAA0B,MAA0B,EAAmB,GAAW,CACrF,EACD,CAAC,EACE,IAAiB,GAAmB,EACpCC,KAAe,MAAU;CAC3B,IAAM,EAAE,uBAAoB,GAAG,MAAqB;AAEpD,QAAuB,kBAAIC,GAAsB;EAAE,GAD/B,EAAe,EAAmB;EACa,GAAG;EAAkB,OAAO;EAAM,CAAC;;AAExG,EAAY,cAAc;AAC1B,IAAI,IAAe,sBACfC,IAAqBC,EAAM,YAC5B,GAAO,MAAiB;CACvB,IAAM,EAAE,uBAAoB,GAAG,MAAiB;AAEhD,QAAuB,kBAAIC,GAAyB;EAAE,GADlC,EAAe,EAAmB;EACgB,GAAG;EAAc,KAAK;EAAc,CAAC;EAE9G;AACD,EAAmB,cAAc;AACjC,IAAI,IAAc,qBACdC,KAAqB,MAAU;CACjC,IAAM,EAAE,uBAAoB,GAAG,MAAgB;AAE/C,QAAuB,kBAAIC,GAAwB;EAAE,GADjC,EAAe,EAAmB;EACe,GAAG;EAAa,CAAC;;AAExF,EAAkB,cAAc;AAChC,IAAI,IAAe,sBACfC,IAAqBJ,EAAM,YAC5B,GAAO,MAAiB;CACvB,IAAM,EAAE,uBAAoB,GAAG,MAAiB;AAEhD,QAAuB,kBAAIK,GAAyB;EAAE,GADlC,EAAe,EAAmB;EACgB,GAAG;EAAc,KAAK;EAAc,CAAC;EAE9G;AACD,EAAmB,cAAc;AACjC,IAAI,IAAe,sBACf,CAAC,IAA4B,KAAgC,EAAyB,EAAa,EACnG,IAAY,kBAAgB,qBAAqB,EACjDC,IAAqBN,EAAM,YAC5B,GAAO,MAAiB;CACvB,IAAM,EAAE,uBAAoB,aAAU,GAAG,MAAiB,GACpD,IAAc,EAAe,EAAmB,EAChD,IAAaA,EAAM,OAAO,KAAK,EAC/B,IAAe,EAAgB,GAAc,EAAW,EACxD,IAAYA,EAAM,OAAO,KAAK;AACpC,QAAuB,kBACrBO,IACA;EACE,aAAa;EACb,WAAW;EACX,UAAU;EACV,UAA0B,kBAAI,IAA4B;GAAE,OAAO;GAAoB;GAAW,UAA0B,kBAC1HC,GACA;IACE,MAAM;IACN,GAAG;IACH,GAAG;IACH,KAAK;IACL,iBAAiB,EAAqB,EAAa,kBAAkB,MAAU;AAE7E,KADA,EAAM,gBAAgB,EACtB,EAAU,SAAS,MAAM,EAAE,eAAe,IAAM,CAAC;MACjD;IACF,uBAAuB,MAAU,EAAM,gBAAgB;IACvD,oBAAoB,MAAU,EAAM,gBAAgB;IACpD,UAAU,CACQ,kBAAI,GAAW,EAAE,aAAU,CAAC,EAC5B,kBAAI,GAAoB,EAAE,eAAY,CAAC,CACxD;IACF,CACF;GAAE,CAAC;EACL,CACF;EAEJ;AACD,EAAmB,cAAc;AACjC,IAAI,IAAa,oBACbC,IAAmBT,EAAM,YAC1B,GAAO,MAAiB;CACvB,IAAM,EAAE,uBAAoB,GAAG,MAAe;AAE9C,QAAuB,kBAAIU,GAAuB;EAAE,GADhC,EAAe,EAAmB;EACc,GAAG;EAAY,KAAK;EAAc,CAAC;EAE1G;AACD,EAAiB,cAAc;AAC/B,IAAI,IAAmB,0BACnBC,IAAyBX,EAAM,YAAY,GAAO,MAAiB;CACrE,IAAM,EAAE,uBAAoB,GAAG,MAAqB;AAEpD,QAAuB,kBAAIY,GAA6B;EAAE,GADtC,EAAe,EAAmB;EACoB,GAAG;EAAkB,KAAK;EAAc,CAAC;EACnH;AACF,EAAuB,cAAc;AACrC,IAAI,IAAc,qBACdC,IAAoBb,EAAM,YAC3B,GAAO,MAAiB;CACvB,IAAM,EAAE,uBAAoB,GAAG,MAAgB;AAE/C,QAAuB,kBAAIc,GAAuB;EAAE,GADhC,EAAe,EAAmB;EACc,GAAG;EAAa,KAAK;EAAc,CAAC;EAE3G;AACD,EAAkB,cAAc;AAChC,IAAI,IAAc,qBACdC,IAAoBf,EAAM,YAC3B,GAAO,MAAiB;CACvB,IAAM,EAAE,uBAAoB,GAAG,MAAgB,GACzC,EAAE,iBAAc,EAA6B,GAAa,EAAmB,EAC7E,IAAc,EAAe,EAAmB,EAChD,IAAM,EAAgB,GAAc,EAAU;AACpD,QAAuB,kBAAIc,GAAuB;EAAE,GAAG;EAAa,GAAG;EAAa;EAAK,CAAC;EAE7F;AACD,EAAkB,cAAc;AAChC,IAAI,KAAsB,EAAE,oBAAiB;CAC3C,IAAM,IAAU,KAAK,EAAa;;qCAEC,EAAa,oBAAoB,EAAiB;;4JAEqE,EAAa;;;AASvK,QANA,EAAM,gBAAgB;AAIpB,EAHuB,SAAS,eAC9B,EAAW,SAAS,aAAa,mBAAmB,CACrD,IACoB,QAAQ,KAAK,EAAQ;IACzC,CAAC,GAAS,EAAW,CAAC,EAClB;GAEL,IAAQjB,GACR,IAAWE,GACX,IAAUG,GACV,IAAWE,GACX,IAAWE,GACX,IAASO,GACT,IAASE,GACT,IAASN,GACT,IAAeE;;;AC7InB,SAAS,GAAY,EAAE,GAAG,KAAiE;AACzF,QAAO,kBAAC,GAAD;EAA2B,aAAU;EAAe,GAAI;EAAS,CAAA;;AAG1E,SAAS,GAAmB,EAC1B,GAAG,KACyD;AAC5D,QAAO,kBAAC,GAAD;EAA8B,aAAU;EAAuB,GAAI;EAAS,CAAA;;AAGrF,SAAS,EAAkB,EAAE,GAAG,KAAmE;AACjG,QAAO,kBAAC,GAAD;EAA6B,aAAU;EAAsB,GAAI;EAAS,CAAA;;AAGnF,SAAS,EAAmB,EAC1B,cACA,GAAG,KACyD;AAC5D,QACE,kBAAC,GAAD;EACE,aAAU;EACV,WAAW,EACT,2KACA,EACD;EACD,GAAI;EACJ,CAAA;;AAIN,SAAS,GAAmB,EAC1B,cACA,GAAG,KACyD;AAC5D,QACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAsB,CAAA,EACtB,kBAAC,GAAD;EACE,aAAU;EACV,WAAW,EACT,0ZACA,EACD;EACD,GAAI;EACJ,CAAA,CACgB,EAAA,CAAA;;AAIxB,SAAS,GAAkB,EAAE,cAAW,GAAG,KAAsC;AAC/E,QACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAW,EAAG,gDAAgD,EAAU;EACxE,GAAI;EACJ,CAAA;;AAIN,SAAS,GAAkB,EAAE,cAAW,GAAG,KAAsC;AAC/E,QACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAW,EAAG,0DAA0D,EAAU;EAClF,GAAI;EACJ,CAAA;;AAIN,SAAS,GAAiB,EACxB,cACA,GAAG,KACuD;AAC1D,QACE,kBAAC,GAAD;EACE,aAAU;EACV,WAAW,EAAG,yCAAyC,EAAU;EACjE,GAAI;EACJ,CAAA;;AAIN,SAAS,GAAuB,EAC9B,cACA,GAAG,KAC6D;AAChE,QACE,kBAAC,GAAD;EACE,aAAU;EACV,WAAW,EAAG,qCAAqC,EAAU;EAC7D,GAAI;EACJ,CAAA;;AAIN,SAAS,GAAkB,EACzB,cACA,GAAG,KACwD;AAC3D,QAAO,kBAAC,GAAD;EAA6B,WAAW,EAAG,GAAgB,EAAE,EAAU;EAAE,GAAI;EAAS,CAAA;;AAG/F,SAAS,GAAkB,EACzB,cACA,GAAG,KACwD;AAC3D,QACE,kBAAC,GAAD;EACE,WAAW,EAAG,EAAe,EAAE,SAAS,WAAW,CAAC,EAAE,EAAU;EAChE,GAAI;EACJ,CAAA"}

package/dist/app-switcher/index.d.ts

@@ -0,0 +1,38 @@
+/**
+ * App Switcher Module
+ *
+ * Shared app switcher functionality for CounterMeasure applications.
+ * Displays a dropdown menu for switching between different apps.
+ *
+ * Usage:
+ * - Add data-app-switcher to the container element
+ * - Add data-app-switcher-grid for the menu grid
+ * - Add data-app-switcher-current for the current app name display
+ * - Add data-app-switcher-icon for the trigger icon container
+ * - Configure apps via getWebConfig() or pass directly
+ */
+export interface AppLink {
+    id: string;
+    name: string;
+    href: string;
+    description?: string;
+    status?: 'active' | 'preview' | 'coming_soon';
+    icon?: string;
+}
+export interface AppSwitcherConfig {
+    apps?: AppLink[];
+    getApps?: () => AppLink[];
+}
+/**
+ * Initialize all app-switcher instances on the page.
+ */
+export declare function initAppSwitcher(config?: AppSwitcherConfig): void;
+/**
+ * Get the currently open app switcher instance.
+ */
+export declare function getCurrentOpenInstance(): HTMLElement | null;
+/**
+ * Close any open app switcher.
+ */
+export declare function closeAnyOpenAppSwitcher(): void;
+//# sourceMappingURL=index.d.ts.map

package/dist/app-switcher/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/app-switcher/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,MAAM,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,aAAa,CAAA;IAC7C,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,CAAC,EAAE,OAAO,EAAE,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,OAAO,EAAE,CAAA;CAC1B;AAoOD;;GAEG;AACH,wBAAgB,eAAe,CAAC,MAAM,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAgDhE;AAED;;GAEG;AACH,wBAAgB,sBAAsB,IAAI,WAAW,GAAG,IAAI,CAE3D;AAED;;GAEG;AACH,wBAAgB,uBAAuB,IAAI,IAAI,CAI9C"}

package/dist/app-switcher/index.js

@@ -0,0 +1,90 @@
+//#region src/app-switcher/index.ts
+var e = null, t = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 66.55 94.52\" width=\"24\" height=\"34\"><rect class=\"cm-logo__diamond--primary\" x=\"5.31\" y=\"33.28\" width=\"27.97\" height=\"27.97\" rx=\"1.17\" transform=\"translate(-27.77 27.48) rotate(-45)\"/><rect class=\"cm-logo__diamond--muted\" x=\"33.28\" y=\"61.24\" width=\"27.97\" height=\"27.97\" rx=\"1.17\" transform=\"translate(-39.35 55.45) rotate(-45)\"/><rect class=\"cm-logo__diamond--accent\" x=\"33.28\" y=\"5.31\" width=\"27.97\" height=\"27.97\" rx=\"1.17\" transform=\"translate(0.2 39.07) rotate(-45)\"/></svg>";
+function n(e, n) {
+	if (!e) return;
+	let r = n?.icon;
+	typeof r == "string" && r.length > 0 ? (r.trimStart().startsWith("<") ? e.innerHTML = r : e.innerHTML = `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="${r}"/></svg>`, e.classList.remove("app-switcher__logo-mark")) : (e.innerHTML = t, e.classList.add("app-switcher__logo-mark"));
+}
+function r(t, n, r) {
+	t.classList.add("app-switcher--open"), n.setAttribute("aria-expanded", "true"), e = t, r.querySelector(".app-switcher__item:not(.app-switcher__item--disabled)")?.focus();
+}
+function i(t) {
+	let n = t.querySelector(".app-switcher__trigger");
+	t.classList.remove("app-switcher--open"), n?.setAttribute("aria-expanded", "false"), n?.focus(), e === t && (e = null);
+}
+function a(t, n, a) {
+	t.classList.contains("app-switcher--open") ? i(t) : (e && e !== t && i(e), r(t, n, a));
+}
+function o(e, t, r, o) {
+	let s = e.querySelector("[data-app-switcher-grid]"), c = e.querySelector("[data-app-switcher-current]"), l = e.querySelector("[data-app-switcher-icon]"), u = e.querySelector(".app-switcher__trigger"), d = e.querySelector(".app-switcher__panel");
+	if (!s || !u || !d) return;
+	e.hidden = !1, e.classList.remove("app-switcher--single", "app-switcher--empty"), s.innerHTML = "";
+	let f = r?.name ?? "Apps";
+	if (n(l, r), u.setAttribute("title", f), t.length === 0) {
+		e.classList.add("app-switcher--empty"), c && (c.textContent = f);
+		return;
+	}
+	if (t.length === 1) {
+		e.classList.add("app-switcher--single"), c && t[0] && (c.textContent = t[0].name);
+		return;
+	}
+	let p = document.createElement("div");
+	p.className = "app-switcher__backdrop", e.appendChild(p), u.addEventListener("click", (t) => {
+		t.preventDefault(), t.stopPropagation(), a(e, u, d);
+	}), p.addEventListener("click", () => {
+		i(e);
+	}), d.addEventListener("click", (t) => {
+		t.target.closest(".app-switcher__item:not(.app-switcher__item--disabled)") && i(e);
+	}), t.forEach((e) => {
+		let t = e.status ?? "active", n = t === "coming_soon", r = o.startsWith(e.href), i = document.createElement(n ? "div" : "a");
+		if (i.className = "app-switcher__item", i.setAttribute("role", "menuitem"), i.setAttribute("title", e.name), r && i.classList.add("app-switcher__item--active"), n ? (i.classList.add("app-switcher__item--disabled"), i.setAttribute("aria-disabled", "true")) : i.href = e.href, typeof e.icon == "string" && e.icon.length > 0) {
+			let t = document.createElement("span");
+			t.className = "app-switcher__icon", t.setAttribute("aria-hidden", "true"), e.icon.trimStart().startsWith("<") ? t.innerHTML = e.icon : t.innerHTML = `<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="${e.icon}"/></svg>`, i.appendChild(t);
+		}
+		let a = document.createElement("span");
+		a.className = "app-switcher__content";
+		let c = document.createElement("span");
+		if (c.className = "app-switcher__title", c.textContent = e.name, a.appendChild(c), typeof e.description == "string" && e.description.length > 0) {
+			let t = document.createElement("span");
+			t.className = "app-switcher__desc", t.textContent = e.description, a.appendChild(t);
+		}
+		if (i.appendChild(a), t !== "active") {
+			let e = document.createElement("span");
+			e.className = "app-switcher__badge", e.textContent = t === "preview" ? "Preview" : "Coming soon", i.appendChild(e);
+		}
+		s.appendChild(i);
+	}), c && (c.textContent = f);
+}
+function s(t) {
+	let n = document.querySelectorAll("[data-app-switcher]");
+	if (n.length === 0) return;
+	let r = [];
+	if (t?.apps) r = t.apps;
+	else if (t?.getApps) r = t.getApps();
+	else {
+		let e = document.getElementById("web-config")?.textContent;
+		if (typeof e == "string" && e.length > 0) try {
+			r = JSON.parse(e).apps ?? [];
+		} catch {}
+	}
+	let a = window.location.pathname, s = null;
+	for (let e of r) if (a.startsWith(e.href)) {
+		s = e;
+		break;
+	}
+	n.forEach((e) => {
+		o(e, r, s, a);
+	}), document.addEventListener("keydown", (t) => {
+		t.key === "Escape" && e && i(e);
+	});
+}
+function c() {
+	return e;
+}
+function l() {
+	e && i(e);
+}
+//#endregion
+export { l as closeAnyOpenAppSwitcher, c as getCurrentOpenInstance, s as initAppSwitcher };
+
+//# sourceMappingURL=index.js.map

package/dist/app-switcher/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/app-switcher/index.ts"],"sourcesContent":["/**\n * App Switcher Module\n *\n * Shared app switcher functionality for CounterMeasure applications.\n * Displays a dropdown menu for switching between different apps.\n *\n * Usage:\n * - Add data-app-switcher to the container element\n * - Add data-app-switcher-grid for the menu grid\n * - Add data-app-switcher-current for the current app name display\n * - Add data-app-switcher-icon for the trigger icon container\n * - Configure apps via getWebConfig() or pass directly\n */\n\nexport interface AppLink {\n  id: string\n  name: string\n  href: string\n  description?: string\n  status?: 'active' | 'preview' | 'coming_soon'\n  icon?: string\n}\n\nexport interface AppSwitcherConfig {\n  apps?: AppLink[]\n  getApps?: () => AppLink[]\n}\n\n// Track currently open instance globally\nlet currentOpenInstance: HTMLElement | null = null\n\n/**\n * Default logo SVG — CounterMeasure plain logo (3 diamonds).\n * Uses cm-logo__diamond--* classes for light/dark theme support.\n */\nconst DEFAULT_LOGO_ICON = `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 66.55 94.52\" width=\"24\" height=\"34\"><rect class=\"cm-logo__diamond--primary\" x=\"5.31\" y=\"33.28\" width=\"27.97\" height=\"27.97\" rx=\"1.17\" transform=\"translate(-27.77 27.48) rotate(-45)\"/><rect class=\"cm-logo__diamond--muted\" x=\"33.28\" y=\"61.24\" width=\"27.97\" height=\"27.97\" rx=\"1.17\" transform=\"translate(-39.35 55.45) rotate(-45)\"/><rect class=\"cm-logo__diamond--accent\" x=\"33.28\" y=\"5.31\" width=\"27.97\" height=\"27.97\" rx=\"1.17\" transform=\"translate(0.2 39.07) rotate(-45)\"/></svg>`\n\n/**\n * Update the trigger icon to show the active app's icon or the default logo.\n */\nfunction updateTriggerIcon(iconContainer: HTMLElement | null, activeApp: AppLink | null): void {\n  if (!iconContainer) {\n    return\n  }\n\n  const iconPath = activeApp?.icon\n  if (typeof iconPath === 'string' && iconPath.length > 0) {\n    if (iconPath.trimStart().startsWith('<')) {\n      iconContainer.innerHTML = iconPath\n    } else {\n      iconContainer.innerHTML = `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"${iconPath}\"/></svg>`\n    }\n    iconContainer.classList.remove('app-switcher__logo-mark')\n  } else {\n    iconContainer.innerHTML = DEFAULT_LOGO_ICON\n    iconContainer.classList.add('app-switcher__logo-mark')\n  }\n}\n\n/**\n * Open an app-switcher instance.\n */\nfunction openAppSwitcher(\n  container: HTMLElement,\n  trigger: HTMLButtonElement,\n  panel: HTMLElement\n): void {\n  container.classList.add('app-switcher--open')\n  trigger.setAttribute('aria-expanded', 'true')\n  currentOpenInstance = container\n\n  // Focus first non-disabled item\n  const firstItem = panel.querySelector<HTMLElement>(\n    '.app-switcher__item:not(.app-switcher__item--disabled)'\n  )\n  firstItem?.focus()\n}\n\n/**\n * Close an app-switcher instance.\n */\nfunction closeAppSwitcher(container: HTMLElement): void {\n  const trigger = container.querySelector<HTMLButtonElement>('.app-switcher__trigger')\n\n  container.classList.remove('app-switcher--open')\n  trigger?.setAttribute('aria-expanded', 'false')\n  trigger?.focus()\n\n  if (currentOpenInstance === container) {\n    currentOpenInstance = null\n  }\n}\n\n/**\n * Toggle app-switcher open/closed state.\n */\nfunction toggleAppSwitcher(\n  container: HTMLElement,\n  trigger: HTMLButtonElement,\n  panel: HTMLElement\n): void {\n  const isOpen = container.classList.contains('app-switcher--open')\n\n  if (isOpen) {\n    closeAppSwitcher(container)\n  } else {\n    // Close any other open instance first\n    if (currentOpenInstance && currentOpenInstance !== container) {\n      closeAppSwitcher(currentOpenInstance)\n    }\n    openAppSwitcher(container, trigger, panel)\n  }\n}\n\n/**\n * Initialize a single app-switcher instance.\n */\nfunction initSingleAppSwitcher(\n  container: HTMLElement,\n  apps: AppLink[],\n  activeApp: AppLink | null,\n  path: string\n): void {\n  const grid = container.querySelector<HTMLElement>('[data-app-switcher-grid]')\n  const current = container.querySelector<HTMLElement>('[data-app-switcher-current]')\n  const iconContainer = container.querySelector<HTMLElement>('[data-app-switcher-icon]')\n  const trigger = container.querySelector<HTMLButtonElement>('.app-switcher__trigger')\n  const panel = container.querySelector<HTMLElement>('.app-switcher__panel')\n\n  if (!grid || !trigger || !panel) {\n    return\n  }\n\n  // Show container and reset state\n  container.hidden = false\n  container.classList.remove('app-switcher--single', 'app-switcher--empty')\n  grid.innerHTML = ''\n\n  // Update trigger icon and title based on active app\n  const activeName = activeApp?.name ?? 'Apps'\n  updateTriggerIcon(iconContainer, activeApp)\n  trigger.setAttribute('title', activeName)\n\n  // Handle empty state\n  if (apps.length === 0) {\n    container.classList.add('app-switcher--empty')\n    if (current) {\n      current.textContent = activeName\n    }\n    return\n  }\n\n  // Handle single app state\n  if (apps.length === 1) {\n    container.classList.add('app-switcher--single')\n    if (current && apps[0]) {\n      current.textContent = apps[0].name\n    }\n    return\n  }\n\n  // Create backdrop element for this instance\n  const backdrop = document.createElement('div')\n  backdrop.className = 'app-switcher__backdrop'\n  container.appendChild(backdrop)\n\n  // Click handler on trigger\n  trigger.addEventListener('click', e => {\n    e.preventDefault()\n    e.stopPropagation()\n    toggleAppSwitcher(container, trigger, panel)\n  })\n\n  // Close on backdrop click\n  backdrop.addEventListener('click', () => {\n    closeAppSwitcher(container)\n  })\n\n  // Close on menu item click (for navigation)\n  panel.addEventListener('click', e => {\n    const target = e.target as HTMLElement\n    if (target.closest('.app-switcher__item:not(.app-switcher__item--disabled)')) {\n      closeAppSwitcher(container)\n    }\n  })\n\n  // Build menu items\n  apps.forEach(app => {\n    const status = app.status ?? 'active'\n    const isDisabled = status === 'coming_soon'\n    const isActive = path.startsWith(app.href)\n\n    const item = document.createElement(isDisabled ? 'div' : 'a')\n    item.className = 'app-switcher__item'\n    item.setAttribute('role', 'menuitem')\n    item.setAttribute('title', app.name)\n\n    if (isActive) {\n      item.classList.add('app-switcher__item--active')\n    }\n    if (isDisabled) {\n      item.classList.add('app-switcher__item--disabled')\n      item.setAttribute('aria-disabled', 'true')\n    } else {\n      ;(item as HTMLAnchorElement).href = app.href\n    }\n\n    // Add icon if available\n    if (typeof app.icon === 'string' && app.icon.length > 0) {\n      const iconWrapper = document.createElement('span')\n      iconWrapper.className = 'app-switcher__icon'\n      iconWrapper.setAttribute('aria-hidden', 'true')\n      if (app.icon.trimStart().startsWith('<')) {\n        iconWrapper.innerHTML = app.icon\n      } else {\n        iconWrapper.innerHTML = `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"${app.icon}\"/></svg>`\n      }\n      item.appendChild(iconWrapper)\n    }\n\n    // Content wrapper for text (title + description)\n    const content = document.createElement('span')\n    content.className = 'app-switcher__content'\n\n    const title = document.createElement('span')\n    title.className = 'app-switcher__title'\n    title.textContent = app.name\n    content.appendChild(title)\n\n    if (typeof app.description === 'string' && app.description.length > 0) {\n      const desc = document.createElement('span')\n      desc.className = 'app-switcher__desc'\n      desc.textContent = app.description\n      content.appendChild(desc)\n    }\n\n    item.appendChild(content)\n\n    if (status !== 'active') {\n      const badge = document.createElement('span')\n      badge.className = 'app-switcher__badge'\n      badge.textContent = status === 'preview' ? 'Preview' : 'Coming soon'\n      item.appendChild(badge)\n    }\n\n    grid.appendChild(item)\n  })\n\n  // Set current app name\n  if (current) {\n    current.textContent = activeName\n  }\n}\n\n/**\n * Initialize all app-switcher instances on the page.\n */\nexport function initAppSwitcher(config?: AppSwitcherConfig): void {\n  const containers = document.querySelectorAll<HTMLElement>('[data-app-switcher]')\n  if (containers.length === 0) {\n    return\n  }\n\n  // Get apps from config or try to find web config in DOM\n  let apps: AppLink[] = []\n  if (config?.apps) {\n    apps = config.apps\n  } else if (config?.getApps) {\n    apps = config.getApps()\n  } else {\n    // Try to get from web-config element in DOM\n    const configEl = document.getElementById('web-config')\n    const content = configEl?.textContent\n    if (typeof content === 'string' && content.length > 0) {\n      try {\n        const parsed = JSON.parse(content) as { apps?: AppLink[] }\n        apps = parsed.apps ?? []\n      } catch {\n        // Ignore parse errors\n      }\n    }\n  }\n\n  const path = window.location.pathname\n\n  // Determine active app\n  let activeApp: AppLink | null = null\n  for (const app of apps) {\n    if (path.startsWith(app.href)) {\n      activeApp = app\n      break\n    }\n  }\n\n  // Initialize each app-switcher instance\n  containers.forEach(container => {\n    initSingleAppSwitcher(container, apps, activeApp, path)\n  })\n\n  // Global escape key handler (single listener for all instances)\n  document.addEventListener('keydown', e => {\n    if (e.key === 'Escape' && currentOpenInstance) {\n      closeAppSwitcher(currentOpenInstance)\n    }\n  })\n}\n\n/**\n * Get the currently open app switcher instance.\n */\nexport function getCurrentOpenInstance(): HTMLElement | null {\n  return currentOpenInstance\n}\n\n/**\n * Close any open app switcher.\n */\nexport function closeAnyOpenAppSwitcher(): void {\n  if (currentOpenInstance) {\n    closeAppSwitcher(currentOpenInstance)\n  }\n}\n"],"mappings":"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"}

package/dist/appearance/index.d.ts

@@ -0,0 +1,34 @@
+import { ICON_SETS, getIconSvgInner, IconSet } from '../icons/index';
+import { ResolvedTheme } from '../ui/index';
+export { ICON_SETS, getIconSvgInner };
+export type { IconSet };
+export type AccentTheme = 'orange' | 'cyan' | 'violet' | 'rose' | 'emerald';
+export type FontPreference = 'sora' | 'inter' | 'roboto' | 'system' | 'jetbrains-mono';
+export interface AppearanceConfig {
+    onToggleCycleUpdate?: (themes: ResolvedTheme[]) => void;
+}
+export interface AppearanceSyncConfig extends AppearanceConfig {
+    endpoint?: string;
+    getToken?: () => string | null;
+}
+export declare function isValidAccent(value: string | null | undefined): value is AccentTheme;
+export declare function isValidFont(value: string | null | undefined): value is FontPreference;
+export declare function getStoredAccent(): AccentTheme;
+export declare function getStoredFont(): FontPreference;
+export declare function applyAccent(accent: AccentTheme): void;
+export declare function applyFont(font: FontPreference): void;
+export declare function setAccent(accent: AccentTheme): void;
+export declare function setFont(font: FontPreference): void;
+export declare function isValidIconSet(value: string | null | undefined): value is IconSet;
+export declare function getStoredIconSet(): IconSet;
+export declare function applyIconSet(iconSet: IconSet): void;
+export declare function setIconSet(iconSet: IconSet): void;
+export declare function getStoredQuickSwitcherThemes(): ResolvedTheme[];
+export declare function setQuickSwitcherThemes(themes: ResolvedTheme[]): void;
+export declare function initAppearance(config?: AppearanceConfig): void;
+/**
+ * Fetch server-side appearance preferences and apply them locally.
+ * Call this after DOMContentLoaded when an auth token is available.
+ */
+export declare function syncAppearanceFromServer(config?: AppearanceSyncConfig): Promise<void>;
+//# sourceMappingURL=index.d.ts.map

package/dist/appearance/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/appearance/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAC3D,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AAE7C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAEhD,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,CAAA;AACrC,YAAY,EAAE,OAAO,EAAE,CAAA;AACvB,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAA;AAC3E,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,GAAG,gBAAgB,CAAA;AAEtF,MAAM,WAAW,gBAAgB;IAC/B,mBAAmB,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,EAAE,KAAK,IAAI,CAAA;CACxD;AAED,MAAM,WAAW,oBAAqB,SAAQ,gBAAgB;IAC5D,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,MAAM,GAAG,IAAI,CAAA;CAC/B;AAeD,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,KAAK,IAAI,WAAW,CAEpF;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,KAAK,IAAI,cAAc,CAErF;AAED,wBAAgB,eAAe,IAAI,WAAW,CAG7C;AAED,wBAAgB,aAAa,IAAI,cAAc,CAG9C;AAED,wBAAgB,WAAW,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI,CAMrD;AAED,wBAAgB,SAAS,CAAC,IAAI,EAAE,cAAc,GAAG,IAAI,CAMpD;AAED,wBAAgB,SAAS,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI,CAGnD;AAED,wBAAgB,OAAO,CAAC,IAAI,EAAE,cAAc,GAAG,IAAI,CAGlD;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,KAAK,IAAI,OAAO,CAEjF;AAED,wBAAgB,gBAAgB,IAAI,OAAO,CAG1C;AAED,wBAAgB,YAAY,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,CAiBnD;AAED,wBAAgB,UAAU,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,CAGjD;AAED,wBAAgB,4BAA4B,IAAI,aAAa,EAAE,CAc9D;AAED,wBAAgB,sBAAsB,CAAC,MAAM,EAAE,aAAa,EAAE,GAAG,IAAI,CAEpE;AAED,wBAAgB,cAAc,CAAC,MAAM,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAQ9D;AAQD;;;GAGG;AACH,wBAAsB,wBAAwB,CAAC,MAAM,CAAC,EAAE,oBAAoB,GAAG,OAAO,CAAC,IAAI,CAAC,CAqC3F"}

package/dist/appearance/index.js

@@ -0,0 +1,110 @@
+import { ICON_SETS as e, getIconSvgInner as t } from "../icons/index.js";
+import { configureTheme as n } from "../ui/index.js";
+//#region src/appearance/index.ts
+var r = "accent_theme", i = "typography", a = "icon_set", o = "quick_switcher_themes", s = [
+	"light",
+	"dark",
+	"monokai",
+	"glass"
+], c = [
+	"orange",
+	"cyan",
+	"violet",
+	"rose",
+	"emerald"
+], l = [
+	"sora",
+	"inter",
+	"roboto",
+	"system",
+	"jetbrains-mono"
+], u = [
+	"lucide",
+	"heroicons",
+	"phosphor",
+	"material"
+], d = "/api/v1/users/me/appearance";
+function f(e) {
+	return typeof e == "string" && c.includes(e);
+}
+function p(e) {
+	return typeof e == "string" && l.includes(e);
+}
+function m() {
+	let e = localStorage.getItem(r);
+	return f(e) ? e : "orange";
+}
+function h() {
+	let e = localStorage.getItem(i);
+	return p(e) ? e : "sora";
+}
+function g(e) {
+	e === "orange" ? document.documentElement.removeAttribute("data-accent") : document.documentElement.setAttribute("data-accent", e);
+}
+function _(e) {
+	e === "sora" ? document.documentElement.removeAttribute("data-font") : document.documentElement.setAttribute("data-font", e);
+}
+function v(e) {
+	localStorage.setItem(r, e), g(e);
+}
+function y(e) {
+	localStorage.setItem(i, e), _(e);
+}
+function b(e) {
+	return typeof e == "string" && u.includes(e);
+}
+function x() {
+	let e = localStorage.getItem(a);
+	return b(e) ? e : "lucide";
+}
+function S(e) {
+	let n = document.querySelectorAll("[data-icon]");
+	for (let r of n) {
+		let n = r.getAttribute("data-icon");
+		if (n === null || n.length === 0) continue;
+		let i = t(e, n);
+		i !== void 0 && (r.innerHTML = i);
+	}
+	e === "lucide" ? document.documentElement.removeAttribute("data-icon-set") : document.documentElement.setAttribute("data-icon-set", e);
+}
+function C(e) {
+	localStorage.setItem(a, e), S(e);
+}
+function w() {
+	let e = localStorage.getItem(o);
+	if (e === null || e.length === 0) return [...s];
+	try {
+		let t = JSON.parse(e).filter((e) => s.includes(e));
+		return t.length > 0 ? t : [...s];
+	} catch {
+		return [...s];
+	}
+}
+function T(e) {
+	localStorage.setItem(o, JSON.stringify(e));
+}
+function E(e) {
+	g(m()), _(h()), S(x());
+	let t = w();
+	e?.onToggleCycleUpdate && e.onToggleCycleUpdate(t);
+}
+async function D(e) {
+	let t = e?.endpoint ?? d, r = e?.getToken ? e.getToken() : null, i = {};
+	r && (i.Authorization = `Bearer ${r}`);
+	let a;
+	try {
+		let e = await fetch(t, { headers: i });
+		if (!e.ok) return;
+		a = await e.json();
+	} catch {
+		return;
+	}
+	if (f(a.accent) && a.accent !== m() && v(a.accent), p(a.font) && a.font !== h() && y(a.font), b(a.icon_set) && a.icon_set !== x() && C(a.icon_set), e?.onToggleCycleUpdate) {
+		let t = w();
+		n({ themes: t }), e.onToggleCycleUpdate(t);
+	}
+}
+//#endregion
+export { e as ICON_SETS, g as applyAccent, _ as applyFont, S as applyIconSet, t as getIconSvgInner, m as getStoredAccent, h as getStoredFont, x as getStoredIconSet, w as getStoredQuickSwitcherThemes, E as initAppearance, f as isValidAccent, p as isValidFont, b as isValidIconSet, v as setAccent, y as setFont, C as setIconSet, T as setQuickSwitcherThemes, D as syncAppearanceFromServer };
+
+//# sourceMappingURL=index.js.map

package/dist/appearance/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/appearance/index.ts"],"sourcesContent":["/**\n * Appearance Preferences Module\n *\n * Manages accent color, typography, and icon set preferences with localStorage persistence.\n */\n\nimport { ICON_SETS, getIconSvgInner } from '../icons/index'\nimport type { IconSet } from '../icons/index'\nimport { configureTheme } from '../ui/index'\nimport type { ResolvedTheme } from '../ui/index'\n\nexport { ICON_SETS, getIconSvgInner }\nexport type { IconSet }\nexport type AccentTheme = 'orange' | 'cyan' | 'violet' | 'rose' | 'emerald'\nexport type FontPreference = 'sora' | 'inter' | 'roboto' | 'system' | 'jetbrains-mono'\n\nexport interface AppearanceConfig {\n  onToggleCycleUpdate?: (themes: ResolvedTheme[]) => void\n}\n\nexport interface AppearanceSyncConfig extends AppearanceConfig {\n  endpoint?: string\n  getToken?: () => string | null\n}\n\nconst ACCENT_KEY = 'accent_theme'\nconst FONT_KEY = 'typography'\nconst ICON_SET_KEY = 'icon_set'\nconst QUICK_SWITCHER_KEY = 'quick_switcher_themes'\n\nconst ALL_RESOLVED_THEMES: ResolvedTheme[] = ['light', 'dark', 'monokai', 'glass']\n\nconst VALID_ACCENTS: AccentTheme[] = ['orange', 'cyan', 'violet', 'rose', 'emerald']\nconst VALID_FONTS: FontPreference[] = ['sora', 'inter', 'roboto', 'system', 'jetbrains-mono']\nconst VALID_ICON_SETS: IconSet[] = ['lucide', 'heroicons', 'phosphor', 'material']\n\nconst DEFAULT_ENDPOINT = '/api/v1/users/me/appearance'\n\nexport function isValidAccent(value: string | null | undefined): value is AccentTheme {\n  return typeof value === 'string' && VALID_ACCENTS.includes(value as AccentTheme)\n}\n\nexport function isValidFont(value: string | null | undefined): value is FontPreference {\n  return typeof value === 'string' && VALID_FONTS.includes(value as FontPreference)\n}\n\nexport function getStoredAccent(): AccentTheme {\n  const stored = localStorage.getItem(ACCENT_KEY)\n  return isValidAccent(stored) ? stored : 'orange'\n}\n\nexport function getStoredFont(): FontPreference {\n  const stored = localStorage.getItem(FONT_KEY)\n  return isValidFont(stored) ? stored : 'sora'\n}\n\nexport function applyAccent(accent: AccentTheme): void {\n  if (accent === 'orange') {\n    document.documentElement.removeAttribute('data-accent')\n  } else {\n    document.documentElement.setAttribute('data-accent', accent)\n  }\n}\n\nexport function applyFont(font: FontPreference): void {\n  if (font === 'sora') {\n    document.documentElement.removeAttribute('data-font')\n  } else {\n    document.documentElement.setAttribute('data-font', font)\n  }\n}\n\nexport function setAccent(accent: AccentTheme): void {\n  localStorage.setItem(ACCENT_KEY, accent)\n  applyAccent(accent)\n}\n\nexport function setFont(font: FontPreference): void {\n  localStorage.setItem(FONT_KEY, font)\n  applyFont(font)\n}\n\nexport function isValidIconSet(value: string | null | undefined): value is IconSet {\n  return typeof value === 'string' && VALID_ICON_SETS.includes(value as IconSet)\n}\n\nexport function getStoredIconSet(): IconSet {\n  const stored = localStorage.getItem(ICON_SET_KEY)\n  return isValidIconSet(stored) ? stored : 'lucide'\n}\n\nexport function applyIconSet(iconSet: IconSet): void {\n  const icons = document.querySelectorAll<SVGElement>('[data-icon]')\n  for (const el of icons) {\n    const name = el.getAttribute('data-icon')\n    if (name === null || name.length === 0) {\n      continue\n    }\n    const inner = getIconSvgInner(iconSet, name)\n    if (inner !== undefined) {\n      el.innerHTML = inner\n    }\n  }\n  if (iconSet === 'lucide') {\n    document.documentElement.removeAttribute('data-icon-set')\n  } else {\n    document.documentElement.setAttribute('data-icon-set', iconSet)\n  }\n}\n\nexport function setIconSet(iconSet: IconSet): void {\n  localStorage.setItem(ICON_SET_KEY, iconSet)\n  applyIconSet(iconSet)\n}\n\nexport function getStoredQuickSwitcherThemes(): ResolvedTheme[] {\n  const stored = localStorage.getItem(QUICK_SWITCHER_KEY)\n  if (stored === null || stored.length === 0) {\n    return [...ALL_RESOLVED_THEMES]\n  }\n  try {\n    const parsed = JSON.parse(stored) as string[]\n    const valid = parsed.filter(t =>\n      ALL_RESOLVED_THEMES.includes(t as ResolvedTheme)\n    ) as ResolvedTheme[]\n    return valid.length > 0 ? valid : [...ALL_RESOLVED_THEMES]\n  } catch {\n    return [...ALL_RESOLVED_THEMES]\n  }\n}\n\nexport function setQuickSwitcherThemes(themes: ResolvedTheme[]): void {\n  localStorage.setItem(QUICK_SWITCHER_KEY, JSON.stringify(themes))\n}\n\nexport function initAppearance(config?: AppearanceConfig): void {\n  applyAccent(getStoredAccent())\n  applyFont(getStoredFont())\n  applyIconSet(getStoredIconSet())\n  const themes = getStoredQuickSwitcherThemes()\n  if (config?.onToggleCycleUpdate) {\n    config.onToggleCycleUpdate(themes)\n  }\n}\n\ninterface ServerAppearanceResponse {\n  accent?: string\n  font?: string\n  icon_set?: string\n}\n\n/**\n * Fetch server-side appearance preferences and apply them locally.\n * Call this after DOMContentLoaded when an auth token is available.\n */\nexport async function syncAppearanceFromServer(config?: AppearanceSyncConfig): Promise<void> {\n  const endpoint = config?.endpoint ?? DEFAULT_ENDPOINT\n  const token = config?.getToken ? config.getToken() : null\n\n  const headers: Record<string, string> = {}\n  if (token) {\n    headers.Authorization = `Bearer ${token}`\n  }\n\n  let data: ServerAppearanceResponse\n  try {\n    const res = await fetch(endpoint, { headers })\n    if (!res.ok) {\n      return\n    }\n    data = (await res.json()) as ServerAppearanceResponse\n  } catch {\n    return\n  }\n\n  if (isValidAccent(data.accent) && data.accent !== getStoredAccent()) {\n    setAccent(data.accent)\n  }\n\n  if (isValidFont(data.font) && data.font !== getStoredFont()) {\n    setFont(data.font)\n  }\n\n  if (isValidIconSet(data.icon_set) && data.icon_set !== getStoredIconSet()) {\n    setIconSet(data.icon_set)\n  }\n\n  if (config?.onToggleCycleUpdate) {\n    const themes = getStoredQuickSwitcherThemes()\n    configureTheme({ themes })\n    config.onToggleCycleUpdate(themes)\n  }\n}\n"],"mappings":"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"}