@countermeasure-platform/web-components 0.2.0

package/dist/toggle-Cg5AEgfp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-Cg5AEgfp.js","names":["Toggle","React","ToggleGroup","ToggleGroupContext","RovingFocusGroup.Root","ToggleGroupItem","RovingFocusGroup.Item","Toggle"],"sources":["../node_modules/@radix-ui/react-toggle/dist/index.mjs","../node_modules/@radix-ui/react-toggle-group/dist/index.mjs","../src/react/primitives/toggle.tsx"],"sourcesContent":["\"use client\";\n\n// src/toggle.tsx\nimport * as React from \"react\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { jsx } from \"react/jsx-runtime\";\nvar NAME = \"Toggle\";\nvar Toggle = React.forwardRef((props, forwardedRef) => {\n  const { pressed: pressedProp, defaultPressed, onPressedChange, ...buttonProps } = props;\n  const [pressed, setPressed] = useControllableState({\n    prop: pressedProp,\n    onChange: onPressedChange,\n    defaultProp: defaultPressed ?? false,\n    caller: NAME\n  });\n  return /* @__PURE__ */ jsx(\n    Primitive.button,\n    {\n      type: \"button\",\n      \"aria-pressed\": pressed,\n      \"data-state\": pressed ? \"on\" : \"off\",\n      \"data-disabled\": props.disabled ? \"\" : void 0,\n      ...buttonProps,\n      ref: forwardedRef,\n      onClick: composeEventHandlers(props.onClick, () => {\n        if (!props.disabled) {\n          setPressed(!pressed);\n        }\n      })\n    }\n  );\n});\nToggle.displayName = NAME;\nvar Root = Toggle;\nexport {\n  Root,\n  Toggle\n};\n//# sourceMappingURL=index.mjs.map\n","\"use client\";\n\n// src/toggle-group.tsx\nimport React from \"react\";\nimport { createContextScope } from \"@radix-ui/react-context\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport * as RovingFocusGroup from \"@radix-ui/react-roving-focus\";\nimport { createRovingFocusGroupScope } from \"@radix-ui/react-roving-focus\";\nimport { Toggle } from \"@radix-ui/react-toggle\";\nimport { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport { useDirection } from \"@radix-ui/react-direction\";\nimport { jsx } from \"react/jsx-runtime\";\nvar TOGGLE_GROUP_NAME = \"ToggleGroup\";\nvar [createToggleGroupContext, createToggleGroupScope] = createContextScope(TOGGLE_GROUP_NAME, [\n  createRovingFocusGroupScope\n]);\nvar useRovingFocusGroupScope = createRovingFocusGroupScope();\nvar ToggleGroup = React.forwardRef((props, forwardedRef) => {\n  const { type, ...toggleGroupProps } = props;\n  if (type === \"single\") {\n    const singleProps = toggleGroupProps;\n    return /* @__PURE__ */ jsx(ToggleGroupImplSingle, { ...singleProps, ref: forwardedRef });\n  }\n  if (type === \"multiple\") {\n    const multipleProps = toggleGroupProps;\n    return /* @__PURE__ */ jsx(ToggleGroupImplMultiple, { ...multipleProps, ref: forwardedRef });\n  }\n  throw new Error(`Missing prop \\`type\\` expected on \\`${TOGGLE_GROUP_NAME}\\``);\n});\nToggleGroup.displayName = TOGGLE_GROUP_NAME;\nvar [ToggleGroupValueProvider, useToggleGroupValueContext] = createToggleGroupContext(TOGGLE_GROUP_NAME);\nvar ToggleGroupImplSingle = React.forwardRef((props, forwardedRef) => {\n  const {\n    value: valueProp,\n    defaultValue,\n    onValueChange = () => {\n    },\n    ...toggleGroupSingleProps\n  } = props;\n  const [value, setValue] = useControllableState({\n    prop: valueProp,\n    defaultProp: defaultValue ?? \"\",\n    onChange: onValueChange,\n    caller: TOGGLE_GROUP_NAME\n  });\n  return /* @__PURE__ */ jsx(\n    ToggleGroupValueProvider,\n    {\n      scope: props.__scopeToggleGroup,\n      type: \"single\",\n      value: React.useMemo(() => value ? [value] : [], [value]),\n      onItemActivate: setValue,\n      onItemDeactivate: React.useCallback(() => setValue(\"\"), [setValue]),\n      children: /* @__PURE__ */ jsx(ToggleGroupImpl, { ...toggleGroupSingleProps, ref: forwardedRef })\n    }\n  );\n});\nvar ToggleGroupImplMultiple = React.forwardRef((props, forwardedRef) => {\n  const {\n    value: valueProp,\n    defaultValue,\n    onValueChange = () => {\n    },\n    ...toggleGroupMultipleProps\n  } = props;\n  const [value, setValue] = useControllableState({\n    prop: valueProp,\n    defaultProp: defaultValue ?? [],\n    onChange: onValueChange,\n    caller: TOGGLE_GROUP_NAME\n  });\n  const handleButtonActivate = React.useCallback(\n    (itemValue) => setValue((prevValue = []) => [...prevValue, itemValue]),\n    [setValue]\n  );\n  const handleButtonDeactivate = React.useCallback(\n    (itemValue) => setValue((prevValue = []) => prevValue.filter((value2) => value2 !== itemValue)),\n    [setValue]\n  );\n  return /* @__PURE__ */ jsx(\n    ToggleGroupValueProvider,\n    {\n      scope: props.__scopeToggleGroup,\n      type: \"multiple\",\n      value,\n      onItemActivate: handleButtonActivate,\n      onItemDeactivate: handleButtonDeactivate,\n      children: /* @__PURE__ */ jsx(ToggleGroupImpl, { ...toggleGroupMultipleProps, ref: forwardedRef })\n    }\n  );\n});\nToggleGroup.displayName = TOGGLE_GROUP_NAME;\nvar [ToggleGroupContext, useToggleGroupContext] = createToggleGroupContext(TOGGLE_GROUP_NAME);\nvar ToggleGroupImpl = React.forwardRef(\n  (props, forwardedRef) => {\n    const {\n      __scopeToggleGroup,\n      disabled = false,\n      rovingFocus = true,\n      orientation,\n      dir,\n      loop = true,\n      ...toggleGroupProps\n    } = props;\n    const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeToggleGroup);\n    const direction = useDirection(dir);\n    const commonProps = { role: \"group\", dir: direction, ...toggleGroupProps };\n    return /* @__PURE__ */ jsx(ToggleGroupContext, { scope: __scopeToggleGroup, rovingFocus, disabled, children: rovingFocus ? /* @__PURE__ */ jsx(\n      RovingFocusGroup.Root,\n      {\n        asChild: true,\n        ...rovingFocusGroupScope,\n        orientation,\n        dir: direction,\n        loop,\n        children: /* @__PURE__ */ jsx(Primitive.div, { ...commonProps, ref: forwardedRef })\n      }\n    ) : /* @__PURE__ */ jsx(Primitive.div, { ...commonProps, ref: forwardedRef }) });\n  }\n);\nvar ITEM_NAME = \"ToggleGroupItem\";\nvar ToggleGroupItem = React.forwardRef(\n  (props, forwardedRef) => {\n    const valueContext = useToggleGroupValueContext(ITEM_NAME, props.__scopeToggleGroup);\n    const context = useToggleGroupContext(ITEM_NAME, props.__scopeToggleGroup);\n    const rovingFocusGroupScope = useRovingFocusGroupScope(props.__scopeToggleGroup);\n    const pressed = valueContext.value.includes(props.value);\n    const disabled = context.disabled || props.disabled;\n    const commonProps = { ...props, pressed, disabled };\n    const ref = React.useRef(null);\n    return context.rovingFocus ? /* @__PURE__ */ jsx(\n      RovingFocusGroup.Item,\n      {\n        asChild: true,\n        ...rovingFocusGroupScope,\n        focusable: !disabled,\n        active: pressed,\n        ref,\n        children: /* @__PURE__ */ jsx(ToggleGroupItemImpl, { ...commonProps, ref: forwardedRef })\n      }\n    ) : /* @__PURE__ */ jsx(ToggleGroupItemImpl, { ...commonProps, ref: forwardedRef });\n  }\n);\nToggleGroupItem.displayName = ITEM_NAME;\nvar ToggleGroupItemImpl = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeToggleGroup, value, ...itemProps } = props;\n    const valueContext = useToggleGroupValueContext(ITEM_NAME, __scopeToggleGroup);\n    const singleProps = { role: \"radio\", \"aria-checked\": props.pressed, \"aria-pressed\": void 0 };\n    const typeProps = valueContext.type === \"single\" ? singleProps : void 0;\n    return /* @__PURE__ */ jsx(\n      Toggle,\n      {\n        ...typeProps,\n        ...itemProps,\n        ref: forwardedRef,\n        onPressedChange: (pressed) => {\n          if (pressed) {\n            valueContext.onItemActivate(value);\n          } else {\n            valueContext.onItemDeactivate(value);\n          }\n        }\n      }\n    );\n  }\n);\nvar Root2 = ToggleGroup;\nvar Item2 = ToggleGroupItem;\nexport {\n  Item2 as Item,\n  Root2 as Root,\n  ToggleGroup,\n  ToggleGroupItem,\n  createToggleGroupScope\n};\n//# sourceMappingURL=index.mjs.map\n","import * as React from 'react'\nimport * as TogglePrimitive from '@radix-ui/react-toggle'\nimport * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group'\nimport { cva, type VariantProps } from 'class-variance-authority'\n\nimport { cn } from './utils'\n\nconst toggleVariants = cva(\n  cn(\n    'inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium transition-colors',\n    'hover:bg-accent hover:text-accent-foreground',\n    'focus-visible:ring-ring focus-visible:ring-offset-background focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none',\n    'disabled:pointer-events-none disabled:opacity-50',\n    'data-[state=on]:bg-accent data-[state=on]:text-accent-foreground',\n    '[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=\"size-\"])]:size-4'\n  ),\n  {\n    variants: {\n      variant: {\n        default: 'bg-transparent',\n        outline:\n          'border-border-glass bg-transparent border shadow-sm hover:bg-accent hover:text-accent-foreground',\n      },\n      size: {\n        default: 'h-9 min-w-9 px-3',\n        sm: 'h-8 min-w-8 px-2',\n        lg: 'h-10 min-w-10 px-4',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  }\n)\n\nfunction Toggle({\n  className,\n  variant,\n  size,\n  ...props\n}: React.ComponentProps<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>) {\n  return (\n    <TogglePrimitive.Root\n      data-slot=\"toggle\"\n      className={cn(toggleVariants({ variant, size, className }))}\n      {...props}\n    />\n  )\n}\n\nconst ToggleGroupContext = React.createContext<VariantProps<typeof toggleVariants>>({\n  size: 'default',\n  variant: 'default',\n})\n\nfunction ToggleGroup({\n  className,\n  variant,\n  size,\n  children,\n  ...props\n}: React.ComponentProps<typeof ToggleGroupPrimitive.Root> & VariantProps<typeof toggleVariants>) {\n  return (\n    <ToggleGroupPrimitive.Root\n      data-slot=\"toggle-group\"\n      className={cn(\n        'flex items-center gap-1',\n        props.orientation === 'vertical' && 'flex-col',\n        className\n      )}\n      {...props}\n    >\n      <ToggleGroupContext.Provider value={{ variant, size }}>\n        {children}\n      </ToggleGroupContext.Provider>\n    </ToggleGroupPrimitive.Root>\n  )\n}\n\nfunction ToggleGroupItem({\n  className,\n  variant,\n  size,\n  children,\n  ...props\n}: React.ComponentProps<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof toggleVariants>) {\n  const context = React.useContext(ToggleGroupContext)\n\n  return (\n    <ToggleGroupPrimitive.Item\n      data-slot=\"toggle-group-item\"\n      className={cn(\n        toggleVariants({\n          variant: variant ?? context.variant,\n          size: size ?? context.size,\n        }),\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </ToggleGroupPrimitive.Item>\n  )\n}\n\nexport { Toggle, ToggleGroup, ToggleGroupItem, toggleVariants }\n"],"x_google_ignoreList":[0,1],"mappings":"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"}

package/dist/toggle-RVd6oZCL.js

@@ -0,0 +1,122 @@
+import { n as e, t } from "./utils-Cn_W3h3f.js";
+//#region src/primitives/toggle/toggle-group.ts
+var n = class {
+	el;
+	groupId;
+	groupType;
+	orientation;
+	toggles = [];
+	selectedValues;
+	isDisabled = !1;
+	onChangeCallback;
+	constructor(n) {
+		if (this.groupId = e("cmm-toggle-group"), this.groupType = n.type ?? "single", this.orientation = n.orientation ?? "horizontal", this.onChangeCallback = n.onChange, this.selectedValues = /* @__PURE__ */ new Set(), n.value !== void 0) if (Array.isArray(n.value)) for (let e of n.value) this.selectedValues.add(e);
+		else this.selectedValues.add(n.value);
+		this.el = document.createElement("div"), this.el.id = this.groupId, this.el.className = this.buildClassName(n.className), this.el.setAttribute("role", "group"), n.ariaLabel !== void 0 && this.el.setAttribute("aria-label", n.ariaLabel), n.disabled === !0 && (this.isDisabled = !0), n.container !== void 0 && t(n.container).appendChild(this.el);
+	}
+	addItem(e) {
+		let t = document.createElement("button");
+		if (t.type = "button", t.className = "cmm-toggle cmm-toggle--outline", t.dataset.value = e.value, t.setAttribute("aria-pressed", String(this.selectedValues.has(e.value))), e.ariaLabel !== void 0 && t.setAttribute("aria-label", e.ariaLabel), (e.disabled === !0 || this.isDisabled) && (t.disabled = !0), e.icon !== void 0) {
+			let n = document.createElement("span");
+			n.className = "cmm-toggle__icon", n.innerHTML = e.icon, t.appendChild(n);
+		}
+		if (e.label !== void 0) {
+			let n = document.createElement("span");
+			n.className = "cmm-toggle__label", n.textContent = e.label, t.appendChild(n);
+		}
+		this.selectedValues.has(e.value) && t.classList.add("cmm-toggle--pressed");
+		let n = () => {
+			this.handleToggleClick(e.value);
+		};
+		t.addEventListener("click", n);
+		let r = {
+			value: e.value,
+			el: t,
+			handler: n
+		};
+		this.toggles.push(r), this.el.appendChild(t);
+	}
+	setItems(e) {
+		this.clearItems();
+		for (let t of e) this.addItem(t);
+	}
+	getValue() {
+		return this.groupType === "single" ? [...this.selectedValues][0] ?? "" : [...this.selectedValues];
+	}
+	setValue(e) {
+		if (this.selectedValues.clear(), Array.isArray(e)) for (let t of e) this.selectedValues.add(t);
+		else this.selectedValues.add(e);
+		this.syncToggles();
+	}
+	setDisabled(e) {
+		this.isDisabled = e;
+		for (let t of this.toggles) t.el.disabled = e;
+	}
+	destroy() {
+		for (let e of this.toggles) e.el.removeEventListener("click", e.handler);
+		this.toggles.length = 0, this.el.remove();
+	}
+	handleToggleClick(e) {
+		this.groupType === "single" ? this.selectedValues.has(e) ? this.selectedValues.delete(e) : (this.selectedValues.clear(), this.selectedValues.add(e)) : this.selectedValues.has(e) ? this.selectedValues.delete(e) : this.selectedValues.add(e), this.syncToggles(), this.onChangeCallback?.(this.getValue());
+	}
+	syncToggles() {
+		for (let e of this.toggles) {
+			let t = this.selectedValues.has(e.value);
+			e.el.setAttribute("aria-pressed", String(t)), t ? e.el.classList.add("cmm-toggle--pressed") : e.el.classList.remove("cmm-toggle--pressed");
+		}
+	}
+	clearItems() {
+		for (let e of this.toggles) e.el.removeEventListener("click", e.handler), e.el.remove();
+		this.toggles.length = 0;
+	}
+	buildClassName(e) {
+		let t = ["cmm-toggle-group", `cmm-toggle-group--${this.orientation}`];
+		return e && t.push(e), t.join(" ");
+	}
+}, r = class {
+	el;
+	toggleId;
+	currentVariant;
+	pressed;
+	clickHandler;
+	onChangeCallback;
+	constructor(n) {
+		if (this.toggleId = e("cmm-toggle"), this.currentVariant = n.variant ?? "default", this.pressed = n.pressed === !0, this.onChangeCallback = n.onChange, this.el = document.createElement("button"), this.el.type = "button", this.el.id = this.toggleId, this.el.className = this.buildClassName(n.className), this.el.setAttribute("aria-pressed", String(this.pressed)), n.ariaLabel !== void 0 && this.el.setAttribute("aria-label", n.ariaLabel), n.icon !== void 0) {
+			let e = document.createElement("span");
+			e.className = "cmm-toggle__icon", e.innerHTML = n.icon, this.el.appendChild(e);
+		}
+		if (n.label !== void 0) {
+			let e = document.createElement("span");
+			e.className = "cmm-toggle__label", e.textContent = n.label, this.el.appendChild(e);
+		}
+		n.disabled === !0 && (this.el.disabled = !0), this.clickHandler = () => {
+			this.pressed = !this.pressed, this.updatePressedState(), this.onChangeCallback?.(this.pressed);
+		}, this.el.addEventListener("click", this.clickHandler), n.container !== void 0 && t(n.container).appendChild(this.el);
+	}
+	isPressed() {
+		return this.pressed;
+	}
+	setPressed(e) {
+		e !== this.pressed && (this.pressed = e, this.updatePressedState());
+	}
+	setDisabled(e) {
+		this.el.disabled = e;
+	}
+	setVariant(e) {
+		this.el.classList.remove(`cmm-toggle--${this.currentVariant}`), this.currentVariant = e, this.el.classList.add(`cmm-toggle--${this.currentVariant}`);
+	}
+	destroy() {
+		this.el.removeEventListener("click", this.clickHandler), this.el.remove();
+	}
+	updatePressedState() {
+		this.el.setAttribute("aria-pressed", String(this.pressed)), this.pressed ? this.el.classList.add("cmm-toggle--pressed") : this.el.classList.remove("cmm-toggle--pressed");
+	}
+	buildClassName(e) {
+		let t = ["cmm-toggle", `cmm-toggle--${this.currentVariant}`];
+		return this.pressed && t.push("cmm-toggle--pressed"), e && t.push(e), t.join(" ");
+	}
+};
+//#endregion
+export { n, r as t };
+
+//# sourceMappingURL=toggle-RVd6oZCL.js.map

package/dist/toggle-RVd6oZCL.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-RVd6oZCL.js","names":[],"sources":["../src/primitives/toggle/toggle-group.ts","../src/primitives/toggle/index.ts"],"sourcesContent":["/**\n * ToggleGroup - Groups toggle buttons for single or multiple selection\n * @countermeasure/web-components/primitives/toggle\n */\n\nimport { type ToggleGroupConfig, type ToggleGroupItem, type ToggleGroupType } from './types'\nimport { resolveContainer, uniqueId } from '../utils'\n\ninterface ManagedToggle {\n  value: string\n  el: HTMLButtonElement\n  handler: () => void\n}\n\nexport class ToggleGroup {\n  public readonly el: HTMLDivElement\n\n  private readonly groupId: string\n  private readonly groupType: ToggleGroupType\n  private readonly orientation: 'horizontal' | 'vertical'\n  private readonly toggles: ManagedToggle[] = []\n  private selectedValues: Set<string>\n  private isDisabled = false\n  private readonly onChangeCallback: ((value: string | string[]) => void) | undefined\n\n  constructor(config: ToggleGroupConfig) {\n    this.groupId = uniqueId('cmm-toggle-group')\n    this.groupType = config.type ?? 'single'\n    this.orientation = config.orientation ?? 'horizontal'\n    this.onChangeCallback = config.onChange\n\n    // Initialize selected values\n    this.selectedValues = new Set<string>()\n    if (config.value !== undefined) {\n      if (Array.isArray(config.value)) {\n        for (const v of config.value) {\n          this.selectedValues.add(v)\n        }\n      } else {\n        this.selectedValues.add(config.value)\n      }\n    }\n\n    // Create container\n    this.el = document.createElement('div')\n    this.el.id = this.groupId\n    this.el.className = this.buildClassName(config.className)\n    this.el.setAttribute('role', 'group')\n\n    if (config.ariaLabel !== undefined) {\n      this.el.setAttribute('aria-label', config.ariaLabel)\n    }\n\n    // Disabled state\n    if (config.disabled === true) {\n      this.isDisabled = true\n    }\n\n    // Mount if container provided\n    if (config.container !== undefined) {\n      const parent = resolveContainer(config.container)\n      parent.appendChild(this.el)\n    }\n  }\n\n  /** Add a single toggle item to the group */\n  addItem(item: ToggleGroupItem): void {\n    const btn = document.createElement('button')\n    btn.type = 'button'\n    btn.className = 'cmm-toggle cmm-toggle--outline'\n    btn.dataset.value = item.value\n    btn.setAttribute('aria-pressed', String(this.selectedValues.has(item.value)))\n\n    if (item.ariaLabel !== undefined) {\n      btn.setAttribute('aria-label', item.ariaLabel)\n    }\n\n    if (item.disabled === true || this.isDisabled) {\n      btn.disabled = true\n    }\n\n    // Build content\n    if (item.icon !== undefined) {\n      const iconEl = document.createElement('span')\n      iconEl.className = 'cmm-toggle__icon'\n      iconEl.innerHTML = item.icon\n      btn.appendChild(iconEl)\n    }\n\n    if (item.label !== undefined) {\n      const labelEl = document.createElement('span')\n      labelEl.className = 'cmm-toggle__label'\n      labelEl.textContent = item.label\n      btn.appendChild(labelEl)\n    }\n\n    // Apply pressed class if initially selected\n    if (this.selectedValues.has(item.value)) {\n      btn.classList.add('cmm-toggle--pressed')\n    }\n\n    // Click handler\n    const handler = () => {\n      this.handleToggleClick(item.value)\n    }\n    btn.addEventListener('click', handler)\n\n    const managed: ManagedToggle = { value: item.value, el: btn, handler }\n    this.toggles.push(managed)\n    this.el.appendChild(btn)\n  }\n\n  /** Replace all items */\n  setItems(items: ToggleGroupItem[]): void {\n    this.clearItems()\n    for (const item of items) {\n      this.addItem(item)\n    }\n  }\n\n  /** Get current value(s) */\n  getValue(): string | string[] {\n    if (this.groupType === 'single') {\n      const values = [...this.selectedValues]\n      return values[0] ?? ''\n    }\n    return [...this.selectedValues]\n  }\n\n  /** Set current value(s) */\n  setValue(value: string | string[]): void {\n    this.selectedValues.clear()\n    if (Array.isArray(value)) {\n      for (const v of value) {\n        this.selectedValues.add(v)\n      }\n    } else {\n      this.selectedValues.add(value)\n    }\n    this.syncToggles()\n  }\n\n  /** Set the disabled state for all toggles */\n  setDisabled(disabled: boolean): void {\n    this.isDisabled = disabled\n    for (const managed of this.toggles) {\n      managed.el.disabled = disabled\n    }\n  }\n\n  /** Remove from DOM and clean up */\n  destroy(): void {\n    for (const managed of this.toggles) {\n      managed.el.removeEventListener('click', managed.handler)\n    }\n    this.toggles.length = 0\n    this.el.remove()\n  }\n\n  private handleToggleClick(value: string): void {\n    if (this.groupType === 'single') {\n      // In single mode, if already selected, deselect; otherwise select only this one\n      if (this.selectedValues.has(value)) {\n        this.selectedValues.delete(value)\n      } else {\n        this.selectedValues.clear()\n        this.selectedValues.add(value)\n      }\n    } else {\n      // In multiple mode, toggle the clicked value\n      if (this.selectedValues.has(value)) {\n        this.selectedValues.delete(value)\n      } else {\n        this.selectedValues.add(value)\n      }\n    }\n\n    this.syncToggles()\n    this.onChangeCallback?.(this.getValue())\n  }\n\n  private syncToggles(): void {\n    for (const managed of this.toggles) {\n      const isSelected = this.selectedValues.has(managed.value)\n      managed.el.setAttribute('aria-pressed', String(isSelected))\n      if (isSelected) {\n        managed.el.classList.add('cmm-toggle--pressed')\n      } else {\n        managed.el.classList.remove('cmm-toggle--pressed')\n      }\n    }\n  }\n\n  private clearItems(): void {\n    for (const managed of this.toggles) {\n      managed.el.removeEventListener('click', managed.handler)\n      managed.el.remove()\n    }\n    this.toggles.length = 0\n  }\n\n  private buildClassName(extra?: string): string {\n    const classes = ['cmm-toggle-group', `cmm-toggle-group--${this.orientation}`]\n    if (extra) {\n      classes.push(extra)\n    }\n    return classes.join(' ')\n  }\n}\n","/**\n * Toggle - Pressable toggle button component\n * @countermeasure/web-components/primitives/toggle\n */\n\nimport { type ToggleConfig, type ToggleVariant } from './types'\nimport { resolveContainer, uniqueId } from '../utils'\n\nexport type {\n  ToggleConfig,\n  ToggleVariant,\n  ToggleGroupType,\n  ToggleGroupConfig,\n  ToggleGroupItem,\n} from './types'\nexport { ToggleGroup } from './toggle-group'\n\nexport class Toggle {\n  public readonly el: HTMLButtonElement\n\n  private readonly toggleId: string\n  private currentVariant: ToggleVariant\n  private pressed: boolean\n  private readonly clickHandler: () => void\n  private readonly onChangeCallback: ((pressed: boolean) => void) | undefined\n\n  constructor(config: ToggleConfig) {\n    this.toggleId = uniqueId('cmm-toggle')\n    this.currentVariant = config.variant ?? 'default'\n    this.pressed = config.pressed === true\n    this.onChangeCallback = config.onChange\n\n    // Create the button element\n    this.el = document.createElement('button')\n    this.el.type = 'button'\n    this.el.id = this.toggleId\n    this.el.className = this.buildClassName(config.className)\n    this.el.setAttribute('aria-pressed', String(this.pressed))\n\n    if (config.ariaLabel !== undefined) {\n      this.el.setAttribute('aria-label', config.ariaLabel)\n    }\n\n    // Build inner content\n    if (config.icon !== undefined) {\n      const iconEl = document.createElement('span')\n      iconEl.className = 'cmm-toggle__icon'\n      iconEl.innerHTML = config.icon\n      this.el.appendChild(iconEl)\n    }\n\n    if (config.label !== undefined) {\n      const labelEl = document.createElement('span')\n      labelEl.className = 'cmm-toggle__label'\n      labelEl.textContent = config.label\n      this.el.appendChild(labelEl)\n    }\n\n    // Disabled state\n    if (config.disabled === true) {\n      this.el.disabled = true\n    }\n\n    // Click handler\n    this.clickHandler = () => {\n      this.pressed = !this.pressed\n      this.updatePressedState()\n      this.onChangeCallback?.(this.pressed)\n    }\n    this.el.addEventListener('click', this.clickHandler)\n\n    // Mount if container provided\n    if (config.container !== undefined) {\n      const parent = resolveContainer(config.container)\n      parent.appendChild(this.el)\n    }\n  }\n\n  /** Returns whether the toggle is pressed */\n  isPressed(): boolean {\n    return this.pressed\n  }\n\n  /** Programmatically set the pressed state */\n  setPressed(pressed: boolean): void {\n    if (pressed !== this.pressed) {\n      this.pressed = pressed\n      this.updatePressedState()\n    }\n  }\n\n  /** Set the disabled state */\n  setDisabled(disabled: boolean): void {\n    this.el.disabled = disabled\n  }\n\n  /** Change the variant */\n  setVariant(variant: ToggleVariant): void {\n    this.el.classList.remove(`cmm-toggle--${this.currentVariant}`)\n    this.currentVariant = variant\n    this.el.classList.add(`cmm-toggle--${this.currentVariant}`)\n  }\n\n  /** Remove from DOM and clean up */\n  destroy(): void {\n    this.el.removeEventListener('click', this.clickHandler)\n    this.el.remove()\n  }\n\n  private updatePressedState(): void {\n    this.el.setAttribute('aria-pressed', String(this.pressed))\n    if (this.pressed) {\n      this.el.classList.add('cmm-toggle--pressed')\n    } else {\n      this.el.classList.remove('cmm-toggle--pressed')\n    }\n  }\n\n  private buildClassName(extra?: string): string {\n    const classes = ['cmm-toggle', `cmm-toggle--${this.currentVariant}`]\n    if (this.pressed) {\n      classes.push('cmm-toggle--pressed')\n    }\n    if (extra) {\n      classes.push(extra)\n    }\n    return classes.join(' ')\n  }\n}\n"],"mappings":"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"}

package/dist/tooltip-BvkBQJvL.js

@@ -0,0 +1,385 @@
+import { n as e } from "./dist-BOvRuqYp.js";
+import { t } from "./utils-B7XIe3qq.js";
+import { a as n, o as r, t as i } from "./dist-CuA1lYwd.js";
+import { t as a } from "./dist-DHddbHrS.js";
+import { t as o } from "./dist-BHlnF6po.js";
+import { t as s } from "./dist--GaXbmRw2.js";
+import { t as c } from "./dist-BqhkOSZ9.js";
+import { t as l } from "./dist-DLCJ6BjJ.js";
+import { a as u, i as d, n as f, r as p, t as m } from "./dist-BEs9dhua.js";
+import { t as h } from "./dist-CXvCjmkw.js";
+import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
+import * as y from "react";
+//#region node_modules/@radix-ui/react-tooltip/node_modules/@radix-ui/react-slot/dist/index.mjs
+var b = Symbol("radix.slottable");
+/* @__NO_SIDE_EFFECTS__ */
+function x(e) {
+	let t = ({ children: e }) => /* @__PURE__ */ _(g, { children: e });
+	return t.displayName = `${e}.Slottable`, t.__radixId = b, t;
+}
+//#endregion
+//#region node_modules/@radix-ui/react-tooltip/dist/index.mjs
+var [S, C] = n("Tooltip", [u]), w = u(), T = "TooltipProvider", E = 700, D = "tooltip.open", [O, k] = S(T), A = (e) => {
+	let { __scopeTooltip: t, delayDuration: n = E, skipDelayDuration: r = 300, disableHoverableContent: i = !1, children: a } = e, o = y.useRef(!0), s = y.useRef(!1), c = y.useRef(0);
+	return y.useEffect(() => {
+		let e = c.current;
+		return () => window.clearTimeout(e);
+	}, []), /* @__PURE__ */ _(O, {
+		scope: t,
+		isOpenDelayedRef: o,
+		delayDuration: n,
+		onOpen: y.useCallback(() => {
+			window.clearTimeout(c.current), o.current = !1;
+		}, []),
+		onClose: y.useCallback(() => {
+			window.clearTimeout(c.current), c.current = window.setTimeout(() => o.current = !0, r);
+		}, [r]),
+		isPointerInTransitRef: s,
+		onPointerInTransitChange: y.useCallback((e) => {
+			s.current = e;
+		}, []),
+		disableHoverableContent: i,
+		children: a
+	});
+};
+A.displayName = T;
+var j = "Tooltip", [M, N] = S(j), P = (e) => {
+	let { __scopeTooltip: t, children: n, open: r, defaultOpen: i, onOpenChange: s, disableHoverableContent: c, delayDuration: l } = e, u = k(j, e.__scopeTooltip), f = w(t), [p, m] = y.useState(null), h = a(), g = y.useRef(0), v = c ?? u.disableHoverableContent, b = l ?? u.delayDuration, x = y.useRef(!1), [S, C] = o({
+		prop: r,
+		defaultProp: i ?? !1,
+		onChange: (e) => {
+			e ? (u.onOpen(), document.dispatchEvent(new CustomEvent(D))) : u.onClose(), s?.(e);
+		},
+		caller: j
+	}), T = y.useMemo(() => S ? x.current ? "delayed-open" : "instant-open" : "closed", [S]), E = y.useCallback(() => {
+		window.clearTimeout(g.current), g.current = 0, x.current = !1, C(!0);
+	}, [C]), O = y.useCallback(() => {
+		window.clearTimeout(g.current), g.current = 0, C(!1);
+	}, [C]), A = y.useCallback(() => {
+		window.clearTimeout(g.current), g.current = window.setTimeout(() => {
+			x.current = !0, C(!0), g.current = 0;
+		}, b);
+	}, [b, C]);
+	return y.useEffect(() => () => {
+		g.current &&= (window.clearTimeout(g.current), 0);
+	}, []), /* @__PURE__ */ _(d, {
+		...f,
+		children: /* @__PURE__ */ _(M, {
+			scope: t,
+			contentId: h,
+			open: S,
+			stateAttribute: T,
+			trigger: p,
+			onTriggerChange: m,
+			onTriggerEnter: y.useCallback(() => {
+				u.isOpenDelayedRef.current ? A() : E();
+			}, [
+				u.isOpenDelayedRef,
+				A,
+				E
+			]),
+			onTriggerLeave: y.useCallback(() => {
+				v ? O() : (window.clearTimeout(g.current), g.current = 0);
+			}, [O, v]),
+			onOpen: E,
+			onClose: O,
+			disableHoverableContent: v,
+			children: n
+		})
+	});
+};
+P.displayName = j;
+var F = "TooltipTrigger", I = y.forwardRef((t, n) => {
+	let { __scopeTooltip: a, ...o } = t, s = N(F, a), c = k(F, a), l = w(a), u = e(n, y.useRef(null), s.onTriggerChange), d = y.useRef(!1), f = y.useRef(!1), p = y.useCallback(() => d.current = !1, []);
+	return y.useEffect(() => () => document.removeEventListener("pointerup", p), [p]), /* @__PURE__ */ _(m, {
+		asChild: !0,
+		...l,
+		children: /* @__PURE__ */ _(i.button, {
+			"aria-describedby": s.open ? s.contentId : void 0,
+			"data-state": s.stateAttribute,
+			...o,
+			ref: u,
+			onPointerMove: r(t.onPointerMove, (e) => {
+				e.pointerType !== "touch" && !f.current && !c.isPointerInTransitRef.current && (s.onTriggerEnter(), f.current = !0);
+			}),
+			onPointerLeave: r(t.onPointerLeave, () => {
+				s.onTriggerLeave(), f.current = !1;
+			}),
+			onPointerDown: r(t.onPointerDown, () => {
+				s.open && s.onClose(), d.current = !0, document.addEventListener("pointerup", p, { once: !0 });
+			}),
+			onFocus: r(t.onFocus, () => {
+				d.current || s.onOpen();
+			}),
+			onBlur: r(t.onBlur, s.onClose),
+			onClick: r(t.onClick, s.onClose)
+		})
+	});
+});
+I.displayName = F;
+var L = "TooltipPortal", [R, z] = S(L, { forceMount: void 0 }), B = (e) => {
+	let { __scopeTooltip: t, forceMount: n, children: r, container: i } = e, a = N(L, t);
+	return /* @__PURE__ */ _(R, {
+		scope: t,
+		forceMount: n,
+		children: /* @__PURE__ */ _(l, {
+			present: n || a.open,
+			children: /* @__PURE__ */ _(c, {
+				asChild: !0,
+				container: i,
+				children: r
+			})
+		})
+	});
+};
+B.displayName = L;
+var V = "TooltipContent", H = y.forwardRef((e, t) => {
+	let n = z(V, e.__scopeTooltip), { forceMount: r = n.forceMount, side: i = "top", ...a } = e, o = N(V, e.__scopeTooltip);
+	return /* @__PURE__ */ _(l, {
+		present: r || o.open,
+		children: o.disableHoverableContent ? /* @__PURE__ */ _(K, {
+			side: i,
+			...a,
+			ref: t
+		}) : /* @__PURE__ */ _(ee, {
+			side: i,
+			...a,
+			ref: t
+		})
+	});
+}), ee = y.forwardRef((t, n) => {
+	let r = N(V, t.__scopeTooltip), i = k(V, t.__scopeTooltip), a = y.useRef(null), o = e(n, a), [s, c] = y.useState(null), { trigger: l, onClose: u } = r, d = a.current, { onPointerInTransitChange: f } = i, p = y.useCallback(() => {
+		c(null), f(!1);
+	}, [f]), m = y.useCallback((e, t) => {
+		let n = e.currentTarget, r = {
+			x: e.clientX,
+			y: e.clientY
+		}, i = X(r, Y(r, n.getBoundingClientRect())), a = Z(t.getBoundingClientRect());
+		c(te([...i, ...a])), f(!0);
+	}, [f]);
+	return y.useEffect(() => () => p(), [p]), y.useEffect(() => {
+		if (l && d) {
+			let e = (e) => m(e, d), t = (e) => m(e, l);
+			return l.addEventListener("pointerleave", e), d.addEventListener("pointerleave", t), () => {
+				l.removeEventListener("pointerleave", e), d.removeEventListener("pointerleave", t);
+			};
+		}
+	}, [
+		l,
+		d,
+		m,
+		p
+	]), y.useEffect(() => {
+		if (s) {
+			let e = (e) => {
+				let t = e.target, n = {
+					x: e.clientX,
+					y: e.clientY
+				}, r = l?.contains(t) || d?.contains(t), i = !Q(n, s);
+				r ? p() : i && (p(), u());
+			};
+			return document.addEventListener("pointermove", e), () => document.removeEventListener("pointermove", e);
+		}
+	}, [
+		l,
+		d,
+		s,
+		u,
+		p
+	]), /* @__PURE__ */ _(K, {
+		...t,
+		ref: o
+	});
+}), [U, W] = S(j, { isInside: !1 }), G = /* @__PURE__ */ x("TooltipContent"), K = y.forwardRef((e, t) => {
+	let { __scopeTooltip: n, children: r, "aria-label": i, onEscapeKeyDown: a, onPointerDownOutside: o, ...c } = e, l = N(V, n), u = w(n), { onClose: d } = l;
+	return y.useEffect(() => (document.addEventListener(D, d), () => document.removeEventListener(D, d)), [d]), y.useEffect(() => {
+		if (l.trigger) {
+			let e = (e) => {
+				e.target?.contains(l.trigger) && d();
+			};
+			return window.addEventListener("scroll", e, { capture: !0 }), () => window.removeEventListener("scroll", e, { capture: !0 });
+		}
+	}, [l.trigger, d]), /* @__PURE__ */ _(s, {
+		asChild: !0,
+		disableOutsidePointerEvents: !1,
+		onEscapeKeyDown: a,
+		onPointerDownOutside: o,
+		onFocusOutside: (e) => e.preventDefault(),
+		onDismiss: d,
+		children: /* @__PURE__ */ v(p, {
+			"data-state": l.stateAttribute,
+			...u,
+			...c,
+			ref: t,
+			style: {
+				...c.style,
+				"--radix-tooltip-content-transform-origin": "var(--radix-popper-transform-origin)",
+				"--radix-tooltip-content-available-width": "var(--radix-popper-available-width)",
+				"--radix-tooltip-content-available-height": "var(--radix-popper-available-height)",
+				"--radix-tooltip-trigger-width": "var(--radix-popper-anchor-width)",
+				"--radix-tooltip-trigger-height": "var(--radix-popper-anchor-height)"
+			},
+			children: [/* @__PURE__ */ _(G, { children: r }), /* @__PURE__ */ _(U, {
+				scope: n,
+				isInside: !0,
+				children: /* @__PURE__ */ _(h, {
+					id: l.contentId,
+					role: "tooltip",
+					children: i || r
+				})
+			})]
+		})
+	});
+});
+H.displayName = V;
+var q = "TooltipArrow", J = y.forwardRef((e, t) => {
+	let { __scopeTooltip: n, ...r } = e, i = w(n);
+	return W(q, n).isInside ? null : /* @__PURE__ */ _(f, {
+		...i,
+		...r,
+		ref: t
+	});
+});
+J.displayName = q;
+function Y(e, t) {
+	let n = Math.abs(t.top - e.y), r = Math.abs(t.bottom - e.y), i = Math.abs(t.right - e.x), a = Math.abs(t.left - e.x);
+	switch (Math.min(n, r, i, a)) {
+		case a: return "left";
+		case i: return "right";
+		case n: return "top";
+		case r: return "bottom";
+		default: throw Error("unreachable");
+	}
+}
+function X(e, t, n = 5) {
+	let r = [];
+	switch (t) {
+		case "top":
+			r.push({
+				x: e.x - n,
+				y: e.y + n
+			}, {
+				x: e.x + n,
+				y: e.y + n
+			});
+			break;
+		case "bottom":
+			r.push({
+				x: e.x - n,
+				y: e.y - n
+			}, {
+				x: e.x + n,
+				y: e.y - n
+			});
+			break;
+		case "left":
+			r.push({
+				x: e.x + n,
+				y: e.y - n
+			}, {
+				x: e.x + n,
+				y: e.y + n
+			});
+			break;
+		case "right":
+			r.push({
+				x: e.x - n,
+				y: e.y - n
+			}, {
+				x: e.x - n,
+				y: e.y + n
+			});
+			break;
+	}
+	return r;
+}
+function Z(e) {
+	let { top: t, right: n, bottom: r, left: i } = e;
+	return [
+		{
+			x: i,
+			y: t
+		},
+		{
+			x: n,
+			y: t
+		},
+		{
+			x: n,
+			y: r
+		},
+		{
+			x: i,
+			y: r
+		}
+	];
+}
+function Q(e, t) {
+	let { x: n, y: r } = e, i = !1;
+	for (let e = 0, a = t.length - 1; e < t.length; a = e++) {
+		let o = t[e], s = t[a], c = o.x, l = o.y, u = s.x, d = s.y;
+		l > r != d > r && n < (u - c) * (r - l) / (d - l) + c && (i = !i);
+	}
+	return i;
+}
+function te(e) {
+	let t = e.slice();
+	return t.sort((e, t) => e.x < t.x ? -1 : e.x > t.x ? 1 : e.y < t.y ? -1 : e.y > t.y ? 1 : 0), ne(t);
+}
+function ne(e) {
+	if (e.length <= 1) return e.slice();
+	let t = [];
+	for (let n = 0; n < e.length; n++) {
+		let r = e[n];
+		for (; t.length >= 2;) {
+			let e = t[t.length - 1], n = t[t.length - 2];
+			if ((e.x - n.x) * (r.y - n.y) >= (e.y - n.y) * (r.x - n.x)) t.pop();
+			else break;
+		}
+		t.push(r);
+	}
+	t.pop();
+	let n = [];
+	for (let t = e.length - 1; t >= 0; t--) {
+		let r = e[t];
+		for (; n.length >= 2;) {
+			let e = n[n.length - 1], t = n[n.length - 2];
+			if ((e.x - t.x) * (r.y - t.y) >= (e.y - t.y) * (r.x - t.x)) n.pop();
+			else break;
+		}
+		n.push(r);
+	}
+	return n.pop(), t.length === 1 && n.length === 1 && t[0].x === n[0].x && t[0].y === n[0].y ? t : t.concat(n);
+}
+var re = A, ie = P, ae = I, oe = B, $ = H, se = J;
+//#endregion
+//#region src/react/primitives/tooltip.tsx
+function ce({ delayDuration: e = 300, ...t }) {
+	return /* @__PURE__ */ _(re, {
+		delayDuration: e,
+		...t
+	});
+}
+function le({ ...e }) {
+	return /* @__PURE__ */ _(ie, { ...e });
+}
+function ue({ ...e }) {
+	return /* @__PURE__ */ _(ae, { ...e });
+}
+function de({ className: e, sideOffset: n = 6, ...r }) {
+	return /* @__PURE__ */ _(oe, { children: /* @__PURE__ */ _($, {
+		sideOffset: n,
+		className: t("z-50 overflow-hidden rounded-lg px-3 py-1.5 text-xs", "border-border-glass bg-surface-secondary/95 border shadow-lg backdrop-blur-xl", "text-content-primary", "animate-in fade-in-0 zoom-in-95", "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95", "data-[side=top]:slide-in-from-bottom-2", "data-[side=bottom]:slide-in-from-top-2", "data-[side=left]:slide-in-from-right-2", "data-[side=right]:slide-in-from-left-2", e),
+		...r
+	}) });
+}
+function fe({ className: e, ...n }) {
+	return /* @__PURE__ */ _(se, {
+		className: t("fill-surface-secondary/95", e),
+		...n
+	});
+}
+//#endregion
+export { ue as a, ce as i, fe as n, de as r, le as t };
+
+//# sourceMappingURL=tooltip-BvkBQJvL.js.map