@countermeasure-platform/web-components 1.2.1-dev.4.1 → 1.2.1

package/dist/styles/theme.css

@@ -139,6 +139,7 @@
   --color-accent-amber: hsl(var(--accent-amber));
   --color-accent-violet: hsl(var(--accent-violet));
   --color-accent-emerald: hsl(var(--accent-emerald));
+  --color-accent-orange: hsl(var(--accent-orange));
   --color-accent-primary: hsl(var(--accent-primary));
 
   --color-success: hsl(var(--success));

package/dist/styles/tokens.css

@@ -128,6 +128,7 @@
   --accent-amber: var(--amber-400);
   --accent-violet: var(--violet-400);
   --accent-emerald: var(--emerald-400);
+  --accent-orange: var(--orange-400);
   --accent-primary: var(--primary);
 
   --background-elevated: var(--background-secondary);
@@ -145,6 +146,18 @@
   --low: hsl(var(--accent-cyan));
   --ok: hsl(var(--accent-emerald));
 
+  /* Score-level colors (0–100 confidence/coverage scores) */
+  --color-score-good: var(--ok);
+  --color-score-warning: var(--high);
+  --color-score-concerning: var(--brand);
+  --color-score-critical: var(--critical);
+
+  /* Validation state colors */
+  --color-validation-passed: var(--ok);
+  --color-validation-failed: var(--critical);
+  --color-validation-stale: var(--high);
+  --color-validation-untested: var(--text-3);
+
   /* Numbered text ladder */
   --text-1: hsl(var(--foreground));
   --text-2: hsl(var(--foreground-secondary));
@@ -177,6 +190,12 @@
 
   /* Density */
   --density-row: 36px;
+  --density-padding-y: 0.55rem;
+  --density-padding-x: 0.75rem;
+  --density-gap: 0.5rem;
+  --density-section-gap: 1rem;
+  --density-font: 0.875rem;
+  --density-icon: 2.25rem;
 
   /* Diff-viewer line tints (used by editors/diff-viewer.ts).
    * Default values track --ok / --critical for visibility in dark themes. */
@@ -560,65 +579,80 @@
 [data-theme="monokai"] {
   color-scheme: dark;
 
-  --background: 70 8.108% 14.51%;
-  --background-secondary: 70 6.383% 18.431%;
-  --background-tertiary: 75 6.667% 11.765%;
-  --foreground: 60 30% 96.078%;
-  --foreground-secondary: 60 8.197% 76.078%;
-  --foreground-tertiary: 50 10.9% 41.373%;
-
-  --surface: 69 8.235% 16.667%;
-  --surface-alt: 69 7.071% 19.412%;
-  --surface-hover: 69 6.306% 21.765%;
+  /* Monokai background: #272822 warm dark olive */
+  --background: 70 8% 15%;
+  --background-secondary: 70 6% 19%;
+  --background-tertiary: 70 8% 10%;
+  /* Monokai foreground: #F8F8F2 warm white */
+  --foreground: 60 30% 96%;
+  --foreground-secondary: 55 12% 73%;
+  --foreground-tertiary: 50 8% 44%;
+  --foreground-muted: 50 5% 30%;
+
+  /* Surfaces follow the warm olive tint */
+  --surface: 70 8% 17%;
+  --surface-alt: 70 7% 20%;
+  --surface-hover: 70 6% 23%;
 
   --card: var(--surface);
   --card-foreground: var(--foreground);
   --popover: var(--surface);
   --popover-foreground: var(--foreground);
 
-  --primary: 32 98.23% 55.686%;
-  --primary-hover: 42 93.407% 64.314%;
+  /* Primary: Monokai green #A6E22E */
+  --primary: 80 76% 53%;
+  --primary-hover: 80 76% 60%;
+  --primary-foreground: var(--background-tertiary);
   --secondary: var(--background-secondary);
   --secondary-foreground: var(--foreground);
   --muted: var(--background-secondary);
   --muted-foreground: var(--foreground-secondary);
-  --accent: var(--emerald-400);
-  --accent-foreground: var(--background);
+  --accent: var(--surface-hover);
+  --accent-foreground: var(--foreground);
 
-  --success: 80 75.63% 53.333%;
+  /* Monokai semantic colors */
+  --success: 80 76% 53%;
   --success-foreground: var(--background);
-  --warning: var(--primary);
+  /* Monokai orange #FD971F */
+  --warning: 32 98% 55%;
   --warning-foreground: var(--background);
-  --danger: 338 94.619% 56.275%;
+  /* Monokai pink #F92672 */
+  --danger: 338 95% 56%;
   --danger-foreground: var(--foreground);
-  --info: 190 81.065% 66.863%;
+  /* Monokai blue #66D9EF */
+  --info: 190 81% 67%;
   --info-foreground: var(--background);
   --destructive: var(--danger);
   --destructive-foreground: var(--danger-foreground);
 
-  --border: 70 4.286% 27.451%;
+  --border: 70 4% 27%;
   --input: var(--background-secondary);
   --ring: var(--primary);
   --focus-ring: var(--primary);
   --border-default: var(--border);
   --border-glass: var(--border);
-  --border-subtle: 70 6.383% 24%;
+  --border-subtle: 70 6% 24%;
 
   --text-primary: var(--foreground);
   --text-secondary: var(--foreground-secondary);
   --text-tertiary: var(--foreground-tertiary);
 
-  --accent-cyan: 190 81.065% 66.863%;
-  --accent-rose: 338 94.619% 56.275%;
-  --accent-amber: var(--primary);
-  --accent-violet: 261 100% 75.294%;
-  --accent-emerald: 80 75.63% 53.333%;
+  /* Monokai accent palette */
+  --accent-cyan: 190 81% 67%;
+  --accent-rose: 338 95% 56%;
+  --accent-amber: 32 98% 55%;
+  --accent-violet: 261 100% 75%;
+  --accent-emerald: 80 76% 53%;
+  --accent-orange: 22 92% 58%;
   --accent-primary: var(--primary);
 
-  --emerald-400: 80 75.63% 53.333%;
-  --rose-400: 338 94.619% 56.275%;
-  --violet-400: 261 100% 75.294%;
-  --blue-400: 190 81.065% 66.863%;
+  /* Override color palette to match Monokai tones */
+  --emerald-400: 80 76% 53%;
+  --rose-400: 338 95% 56%;
+  --violet-400: 261 100% 75%;
+  --blue-400: 190 81% 67%;
+  --amber-400: 32 98% 55%;
+  --orange-400: 32 98% 55%;
 
   --background-elevated: var(--background-secondary);
   --background-surface: var(--surface);
@@ -644,15 +678,16 @@
   --shadow-lg: 0 14px 30px -18px rgb(0 0 0 / 0.7);
   --shadow-xl: 0 25px 50px -12px rgb(0 0 0 / 0.5);
 
-  /* Theme.jsx-parity overrides for monokai theme */
+  /* Monokai severity — pink for critical, orange for high, yellow for medium */
   --critical: hsl(var(--accent-rose));
   --high: hsl(var(--accent-amber));
-  --medium: hsl(var(--accent-amber));
+  --medium: hsl(48 96% 53%);
   --low: hsl(var(--accent-cyan));
   --ok: hsl(var(--accent-emerald));
-  --bg-glass: rgba(255, 255, 255, 0.02);
-  --bg-glass-2: rgba(255, 255, 255, 0.04);
-  --bg-glass-3: rgba(255, 255, 255, 0.07);
+  /* Monokai glass — warm-tinted transparency */
+  --bg-glass: rgba(248, 248, 242, 0.02);
+  --bg-glass-2: rgba(248, 248, 242, 0.04);
+  --bg-glass-3: rgba(248, 248, 242, 0.07);
   --bg-base: hsl(var(--background));
   --bg-app: hsl(var(--background));
   --bg-elev-1: hsl(var(--background-secondary));

package/dist/styles/ui.css

@@ -218,12 +218,12 @@
 }
 
 .cmm-toast {
-  padding: 0.75rem 1rem;
+  padding: var(--density-padding-y) var(--density-padding-x);
   border-radius: 0.5rem;
-  font-size: 0.875rem;
+  font-size: var(--density-font);
   display: flex;
   align-items: center;
-  gap: 0.5rem;
+  gap: var(--density-gap);
   box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);
   animation: cmm-toast-in 0.3s ease-out;
 }
@@ -289,9 +289,9 @@
 .cmm-dropdown__item {
   display: block;
   width: 100%;
-  padding: 0.5rem 1rem;
+  padding: var(--density-padding-y) var(--density-padding-x);
   text-align: left;
-  font-size: 0.875rem;
+  font-size: var(--density-font);
   color: var(--cmm-text-secondary);
   background: transparent;
   border: none;

package/dist/{switch-CoTkNGEB.js → switch-Dcd3Fyw_.js}

@@ -1,9 +1,9 @@
-import { t as e } from "./utils-B7XIe3qq.js";
-import { n as t } from "./dist-CTlQcJNK.js";
-import { a as n, o as r, t as i } from "./dist-koa_pEtu.js";
-import { t as a } from "./dist-C0wG5dwG.js";
-import { t as o } from "./dist-D5o6xae2.js";
-import { t as s } from "./dist-Cao8o5bZ.js";
+import { t as e } from "./utils-DcOSDVkb.js";
+import { n as t } from "./dist-W53Bo1BJ.js";
+import { a as n, o as r, t as i } from "./dist-CjZz16VT.js";
+import { t as a } from "./dist-DYQiYO9a.js";
+import { t as o } from "./dist-DDlxLS_M.js";
+import { t as s } from "./dist-DFW2ymX5.js";
 import * as c from "react";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region node_modules/@radix-ui/react-switch/dist/index.mjs
@@ -101,4 +101,4 @@ w.displayName = S.displayName;
 //#endregion
 export { w as t };
 
-//# sourceMappingURL=switch-CoTkNGEB.js.map
+//# sourceMappingURL=switch-Dcd3Fyw_.js.map

package/dist/{switch-CoTkNGEB.js.map → switch-Dcd3Fyw_.js.map}

@@ -1 +1 @@
-{"version":3,"file":"switch-CoTkNGEB.js","names":["Switch","React"],"sources":["../node_modules/@radix-ui/react-switch/dist/index.mjs","../src/react/primitives/switch.tsx"],"sourcesContent":["\"use client\";\n\n// src/switch.tsx\nimport * as React from \"react\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport { createContextScope } from \"@radix-ui/react-context\";\nimport { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport { usePrevious } from \"@radix-ui/react-use-previous\";\nimport { useSize } from \"@radix-ui/react-use-size\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nvar SWITCH_NAME = \"Switch\";\nvar [createSwitchContext, createSwitchScope] = createContextScope(SWITCH_NAME);\nvar [SwitchProvider, useSwitchContext] = createSwitchContext(SWITCH_NAME);\nvar Switch = React.forwardRef(\n  (props, forwardedRef) => {\n    const {\n      __scopeSwitch,\n      name,\n      checked: checkedProp,\n      defaultChecked,\n      required,\n      disabled,\n      value = \"on\",\n      onCheckedChange,\n      form,\n      ...switchProps\n    } = props;\n    const [button, setButton] = React.useState(null);\n    const composedRefs = useComposedRefs(forwardedRef, (node) => setButton(node));\n    const hasConsumerStoppedPropagationRef = React.useRef(false);\n    const isFormControl = button ? form || !!button.closest(\"form\") : true;\n    const [checked, setChecked] = useControllableState({\n      prop: checkedProp,\n      defaultProp: defaultChecked ?? false,\n      onChange: onCheckedChange,\n      caller: SWITCH_NAME\n    });\n    return /* @__PURE__ */ jsxs(SwitchProvider, { scope: __scopeSwitch, checked, disabled, children: [\n      /* @__PURE__ */ jsx(\n        Primitive.button,\n        {\n          type: \"button\",\n          role: \"switch\",\n          \"aria-checked\": checked,\n          \"aria-required\": required,\n          \"data-state\": getState(checked),\n          \"data-disabled\": disabled ? \"\" : void 0,\n          disabled,\n          value,\n          ...switchProps,\n          ref: composedRefs,\n          onClick: composeEventHandlers(props.onClick, (event) => {\n            setChecked((prevChecked) => !prevChecked);\n            if (isFormControl) {\n              hasConsumerStoppedPropagationRef.current = event.isPropagationStopped();\n              if (!hasConsumerStoppedPropagationRef.current) event.stopPropagation();\n            }\n          })\n        }\n      ),\n      isFormControl && /* @__PURE__ */ jsx(\n        SwitchBubbleInput,\n        {\n          control: button,\n          bubbles: !hasConsumerStoppedPropagationRef.current,\n          name,\n          value,\n          checked,\n          required,\n          disabled,\n          form,\n          style: { transform: \"translateX(-100%)\" }\n        }\n      )\n    ] });\n  }\n);\nSwitch.displayName = SWITCH_NAME;\nvar THUMB_NAME = \"SwitchThumb\";\nvar SwitchThumb = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeSwitch, ...thumbProps } = props;\n    const context = useSwitchContext(THUMB_NAME, __scopeSwitch);\n    return /* @__PURE__ */ jsx(\n      Primitive.span,\n      {\n        \"data-state\": getState(context.checked),\n        \"data-disabled\": context.disabled ? \"\" : void 0,\n        ...thumbProps,\n        ref: forwardedRef\n      }\n    );\n  }\n);\nSwitchThumb.displayName = THUMB_NAME;\nvar BUBBLE_INPUT_NAME = \"SwitchBubbleInput\";\nvar SwitchBubbleInput = React.forwardRef(\n  ({\n    __scopeSwitch,\n    control,\n    checked,\n    bubbles = true,\n    ...props\n  }, forwardedRef) => {\n    const ref = React.useRef(null);\n    const composedRefs = useComposedRefs(ref, forwardedRef);\n    const prevChecked = usePrevious(checked);\n    const controlSize = useSize(control);\n    React.useEffect(() => {\n      const input = ref.current;\n      if (!input) return;\n      const inputProto = window.HTMLInputElement.prototype;\n      const descriptor = Object.getOwnPropertyDescriptor(\n        inputProto,\n        \"checked\"\n      );\n      const setChecked = descriptor.set;\n      if (prevChecked !== checked && setChecked) {\n        const event = new Event(\"click\", { bubbles });\n        setChecked.call(input, checked);\n        input.dispatchEvent(event);\n      }\n    }, [prevChecked, checked, bubbles]);\n    return /* @__PURE__ */ jsx(\n      \"input\",\n      {\n        type: \"checkbox\",\n        \"aria-hidden\": true,\n        defaultChecked: checked,\n        ...props,\n        tabIndex: -1,\n        ref: composedRefs,\n        style: {\n          ...props.style,\n          ...controlSize,\n          position: \"absolute\",\n          pointerEvents: \"none\",\n          opacity: 0,\n          margin: 0\n        }\n      }\n    );\n  }\n);\nSwitchBubbleInput.displayName = BUBBLE_INPUT_NAME;\nfunction getState(checked) {\n  return checked ? \"checked\" : \"unchecked\";\n}\nvar Root = Switch;\nvar Thumb = SwitchThumb;\nexport {\n  Root,\n  Switch,\n  SwitchThumb,\n  Thumb,\n  createSwitchScope\n};\n//# sourceMappingURL=index.mjs.map\n","/**\n * Switch Component\n *\n * A toggle switch built on Radix UI primitives.\n * Used for binary settings like Low Effects Mode and Compact Mode.\n */\n\nimport * as React from 'react'\nimport * as SwitchPrimitives from '@radix-ui/react-switch'\nimport { cn } from './utils'\n\ninterface SwitchProps extends React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root> {\n  /** Size variant */\n  size?: 'default' | 'sm'\n}\n\nconst Switch = React.forwardRef<React.ComponentRef<typeof SwitchPrimitives.Root>, SwitchProps>(\n  ({ className, size = 'default', ...props }, ref) => (\n    <SwitchPrimitives.Root\n      className={cn(\n        'peer inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors',\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:cursor-not-allowed disabled:opacity-50',\n        'data-[state=checked]:bg-primary data-[state=unchecked]:bg-accent',\n        size === 'default' && 'h-6 w-11',\n        size === 'sm' && 'h-5 w-9',\n        className\n      )}\n      {...props}\n      ref={ref}\n    >\n      <SwitchPrimitives.Thumb\n        className={cn(\n          'bg-foreground pointer-events-none block rounded-full shadow-lg ring-0 transition-transform',\n          size === 'default' &&\n            'h-5 w-5 data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0',\n          size === 'sm' &&\n            'h-4 w-4 data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0'\n        )}\n      />\n    </SwitchPrimitives.Root>\n  )\n)\nSwitch.displayName = SwitchPrimitives.Root.displayName\n\nexport { Switch }\nexport type { SwitchProps }\n"],"x_google_ignoreList":[0],"mappings":"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"}
+{"version":3,"file":"switch-Dcd3Fyw_.js","names":["Switch","React"],"sources":["../node_modules/@radix-ui/react-switch/dist/index.mjs","../src/react/primitives/switch.tsx"],"sourcesContent":["\"use client\";\n\n// src/switch.tsx\nimport * as React from \"react\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport { createContextScope } from \"@radix-ui/react-context\";\nimport { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport { usePrevious } from \"@radix-ui/react-use-previous\";\nimport { useSize } from \"@radix-ui/react-use-size\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nvar SWITCH_NAME = \"Switch\";\nvar [createSwitchContext, createSwitchScope] = createContextScope(SWITCH_NAME);\nvar [SwitchProvider, useSwitchContext] = createSwitchContext(SWITCH_NAME);\nvar Switch = React.forwardRef(\n  (props, forwardedRef) => {\n    const {\n      __scopeSwitch,\n      name,\n      checked: checkedProp,\n      defaultChecked,\n      required,\n      disabled,\n      value = \"on\",\n      onCheckedChange,\n      form,\n      ...switchProps\n    } = props;\n    const [button, setButton] = React.useState(null);\n    const composedRefs = useComposedRefs(forwardedRef, (node) => setButton(node));\n    const hasConsumerStoppedPropagationRef = React.useRef(false);\n    const isFormControl = button ? form || !!button.closest(\"form\") : true;\n    const [checked, setChecked] = useControllableState({\n      prop: checkedProp,\n      defaultProp: defaultChecked ?? false,\n      onChange: onCheckedChange,\n      caller: SWITCH_NAME\n    });\n    return /* @__PURE__ */ jsxs(SwitchProvider, { scope: __scopeSwitch, checked, disabled, children: [\n      /* @__PURE__ */ jsx(\n        Primitive.button,\n        {\n          type: \"button\",\n          role: \"switch\",\n          \"aria-checked\": checked,\n          \"aria-required\": required,\n          \"data-state\": getState(checked),\n          \"data-disabled\": disabled ? \"\" : void 0,\n          disabled,\n          value,\n          ...switchProps,\n          ref: composedRefs,\n          onClick: composeEventHandlers(props.onClick, (event) => {\n            setChecked((prevChecked) => !prevChecked);\n            if (isFormControl) {\n              hasConsumerStoppedPropagationRef.current = event.isPropagationStopped();\n              if (!hasConsumerStoppedPropagationRef.current) event.stopPropagation();\n            }\n          })\n        }\n      ),\n      isFormControl && /* @__PURE__ */ jsx(\n        SwitchBubbleInput,\n        {\n          control: button,\n          bubbles: !hasConsumerStoppedPropagationRef.current,\n          name,\n          value,\n          checked,\n          required,\n          disabled,\n          form,\n          style: { transform: \"translateX(-100%)\" }\n        }\n      )\n    ] });\n  }\n);\nSwitch.displayName = SWITCH_NAME;\nvar THUMB_NAME = \"SwitchThumb\";\nvar SwitchThumb = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeSwitch, ...thumbProps } = props;\n    const context = useSwitchContext(THUMB_NAME, __scopeSwitch);\n    return /* @__PURE__ */ jsx(\n      Primitive.span,\n      {\n        \"data-state\": getState(context.checked),\n        \"data-disabled\": context.disabled ? \"\" : void 0,\n        ...thumbProps,\n        ref: forwardedRef\n      }\n    );\n  }\n);\nSwitchThumb.displayName = THUMB_NAME;\nvar BUBBLE_INPUT_NAME = \"SwitchBubbleInput\";\nvar SwitchBubbleInput = React.forwardRef(\n  ({\n    __scopeSwitch,\n    control,\n    checked,\n    bubbles = true,\n    ...props\n  }, forwardedRef) => {\n    const ref = React.useRef(null);\n    const composedRefs = useComposedRefs(ref, forwardedRef);\n    const prevChecked = usePrevious(checked);\n    const controlSize = useSize(control);\n    React.useEffect(() => {\n      const input = ref.current;\n      if (!input) return;\n      const inputProto = window.HTMLInputElement.prototype;\n      const descriptor = Object.getOwnPropertyDescriptor(\n        inputProto,\n        \"checked\"\n      );\n      const setChecked = descriptor.set;\n      if (prevChecked !== checked && setChecked) {\n        const event = new Event(\"click\", { bubbles });\n        setChecked.call(input, checked);\n        input.dispatchEvent(event);\n      }\n    }, [prevChecked, checked, bubbles]);\n    return /* @__PURE__ */ jsx(\n      \"input\",\n      {\n        type: \"checkbox\",\n        \"aria-hidden\": true,\n        defaultChecked: checked,\n        ...props,\n        tabIndex: -1,\n        ref: composedRefs,\n        style: {\n          ...props.style,\n          ...controlSize,\n          position: \"absolute\",\n          pointerEvents: \"none\",\n          opacity: 0,\n          margin: 0\n        }\n      }\n    );\n  }\n);\nSwitchBubbleInput.displayName = BUBBLE_INPUT_NAME;\nfunction getState(checked) {\n  return checked ? \"checked\" : \"unchecked\";\n}\nvar Root = Switch;\nvar Thumb = SwitchThumb;\nexport {\n  Root,\n  Switch,\n  SwitchThumb,\n  Thumb,\n  createSwitchScope\n};\n//# sourceMappingURL=index.mjs.map\n","/**\n * Switch Component\n *\n * A toggle switch built on Radix UI primitives.\n * Used for binary settings like Low Effects Mode and Compact Mode.\n */\n\nimport * as React from 'react'\nimport * as SwitchPrimitives from '@radix-ui/react-switch'\nimport { cn } from './utils'\n\ninterface SwitchProps extends React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root> {\n  /** Size variant */\n  size?: 'default' | 'sm'\n}\n\nconst Switch = React.forwardRef<React.ComponentRef<typeof SwitchPrimitives.Root>, SwitchProps>(\n  ({ className, size = 'default', ...props }, ref) => (\n    <SwitchPrimitives.Root\n      className={cn(\n        'peer inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors',\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:cursor-not-allowed disabled:opacity-50',\n        'data-[state=checked]:bg-primary data-[state=unchecked]:bg-accent',\n        size === 'default' && 'h-6 w-11',\n        size === 'sm' && 'h-5 w-9',\n        className\n      )}\n      {...props}\n      ref={ref}\n    >\n      <SwitchPrimitives.Thumb\n        className={cn(\n          'bg-foreground pointer-events-none block rounded-full shadow-lg ring-0 transition-transform',\n          size === 'default' &&\n            'h-5 w-5 data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0',\n          size === 'sm' &&\n            'h-4 w-4 data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0'\n        )}\n      />\n    </SwitchPrimitives.Root>\n  )\n)\nSwitch.displayName = SwitchPrimitives.Root.displayName\n\nexport { Switch }\nexport type { SwitchProps }\n"],"x_google_ignoreList":[0],"mappings":"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"}

package/dist/{tabs-BT2WAQcK.js → tabs-8AT2ntg_.js}

@@ -1,10 +1,10 @@
-import { t as e } from "./utils-B7XIe3qq.js";
-import { a as t, o as n, t as r } from "./dist-koa_pEtu.js";
-import { t as i } from "./dist-CpMqmV-i.js";
-import { t as a } from "./dist-C0wG5dwG.js";
-import { t as o } from "./dist-DxtM7vvP.js";
-import { t as s } from "./dist-CVCn7F_m.js";
-import { n as c, r as l, t as u } from "./dist-B1veE5DO.js";
+import { t as e } from "./utils-DcOSDVkb.js";
+import { a as t, o as n, t as r } from "./dist-CjZz16VT.js";
+import { t as i } from "./dist-r_mYhsAH.js";
+import { t as a } from "./dist-DYQiYO9a.js";
+import { t as o } from "./dist-QzxcNtrD.js";
+import { t as s } from "./dist-CetkIu6m.js";
+import { n as c, r as l, t as u } from "./dist-bUQfhez2.js";
 import * as d from "react";
 import { jsx as f } from "react/jsx-runtime";
 //#region node_modules/@radix-ui/react-tabs/dist/index.mjs
@@ -147,4 +147,4 @@ function F({ className: t, ...n }) {
 //#endregion
 export { P as i, F as n, N as r, M as t };
 
-//# sourceMappingURL=tabs-BT2WAQcK.js.map
+//# sourceMappingURL=tabs-8AT2ntg_.js.map

package/dist/{tabs-BT2WAQcK.js.map → tabs-8AT2ntg_.js.map}

@@ -1 +1 @@
-{"version":3,"file":"tabs-BT2WAQcK.js","names":["Tabs","React","useId","TabsList","RovingFocusGroup.Root","TabsTrigger","RovingFocusGroup.Item","TabsContent"],"sources":["../node_modules/@radix-ui/react-tabs/dist/index.mjs","../src/react/primitives/tabs.tsx"],"sourcesContent":["\"use client\";\n\n// src/tabs.tsx\nimport * as React from \"react\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { createContextScope } from \"@radix-ui/react-context\";\nimport { createRovingFocusGroupScope } from \"@radix-ui/react-roving-focus\";\nimport { Presence } from \"@radix-ui/react-presence\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport * as RovingFocusGroup from \"@radix-ui/react-roving-focus\";\nimport { useDirection } from \"@radix-ui/react-direction\";\nimport { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport { useId } from \"@radix-ui/react-id\";\nimport { jsx } from \"react/jsx-runtime\";\nvar TABS_NAME = \"Tabs\";\nvar [createTabsContext, createTabsScope] = createContextScope(TABS_NAME, [\n  createRovingFocusGroupScope\n]);\nvar useRovingFocusGroupScope = createRovingFocusGroupScope();\nvar [TabsProvider, useTabsContext] = createTabsContext(TABS_NAME);\nvar Tabs = React.forwardRef(\n  (props, forwardedRef) => {\n    const {\n      __scopeTabs,\n      value: valueProp,\n      onValueChange,\n      defaultValue,\n      orientation = \"horizontal\",\n      dir,\n      activationMode = \"automatic\",\n      ...tabsProps\n    } = props;\n    const direction = useDirection(dir);\n    const [value, setValue] = useControllableState({\n      prop: valueProp,\n      onChange: onValueChange,\n      defaultProp: defaultValue ?? \"\",\n      caller: TABS_NAME\n    });\n    return /* @__PURE__ */ jsx(\n      TabsProvider,\n      {\n        scope: __scopeTabs,\n        baseId: useId(),\n        value,\n        onValueChange: setValue,\n        orientation,\n        dir: direction,\n        activationMode,\n        children: /* @__PURE__ */ jsx(\n          Primitive.div,\n          {\n            dir: direction,\n            \"data-orientation\": orientation,\n            ...tabsProps,\n            ref: forwardedRef\n          }\n        )\n      }\n    );\n  }\n);\nTabs.displayName = TABS_NAME;\nvar TAB_LIST_NAME = \"TabsList\";\nvar TabsList = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeTabs, loop = true, ...listProps } = props;\n    const context = useTabsContext(TAB_LIST_NAME, __scopeTabs);\n    const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeTabs);\n    return /* @__PURE__ */ jsx(\n      RovingFocusGroup.Root,\n      {\n        asChild: true,\n        ...rovingFocusGroupScope,\n        orientation: context.orientation,\n        dir: context.dir,\n        loop,\n        children: /* @__PURE__ */ jsx(\n          Primitive.div,\n          {\n            role: \"tablist\",\n            \"aria-orientation\": context.orientation,\n            ...listProps,\n            ref: forwardedRef\n          }\n        )\n      }\n    );\n  }\n);\nTabsList.displayName = TAB_LIST_NAME;\nvar TRIGGER_NAME = \"TabsTrigger\";\nvar TabsTrigger = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeTabs, value, disabled = false, ...triggerProps } = props;\n    const context = useTabsContext(TRIGGER_NAME, __scopeTabs);\n    const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeTabs);\n    const triggerId = makeTriggerId(context.baseId, value);\n    const contentId = makeContentId(context.baseId, value);\n    const isSelected = value === context.value;\n    return /* @__PURE__ */ jsx(\n      RovingFocusGroup.Item,\n      {\n        asChild: true,\n        ...rovingFocusGroupScope,\n        focusable: !disabled,\n        active: isSelected,\n        children: /* @__PURE__ */ jsx(\n          Primitive.button,\n          {\n            type: \"button\",\n            role: \"tab\",\n            \"aria-selected\": isSelected,\n            \"aria-controls\": contentId,\n            \"data-state\": isSelected ? \"active\" : \"inactive\",\n            \"data-disabled\": disabled ? \"\" : void 0,\n            disabled,\n            id: triggerId,\n            ...triggerProps,\n            ref: forwardedRef,\n            onMouseDown: composeEventHandlers(props.onMouseDown, (event) => {\n              if (!disabled && event.button === 0 && event.ctrlKey === false) {\n                context.onValueChange(value);\n              } else {\n                event.preventDefault();\n              }\n            }),\n            onKeyDown: composeEventHandlers(props.onKeyDown, (event) => {\n              if ([\" \", \"Enter\"].includes(event.key)) context.onValueChange(value);\n            }),\n            onFocus: composeEventHandlers(props.onFocus, () => {\n              const isAutomaticActivation = context.activationMode !== \"manual\";\n              if (!isSelected && !disabled && isAutomaticActivation) {\n                context.onValueChange(value);\n              }\n            })\n          }\n        )\n      }\n    );\n  }\n);\nTabsTrigger.displayName = TRIGGER_NAME;\nvar CONTENT_NAME = \"TabsContent\";\nvar TabsContent = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeTabs, value, forceMount, children, ...contentProps } = props;\n    const context = useTabsContext(CONTENT_NAME, __scopeTabs);\n    const triggerId = makeTriggerId(context.baseId, value);\n    const contentId = makeContentId(context.baseId, value);\n    const isSelected = value === context.value;\n    const isMountAnimationPreventedRef = React.useRef(isSelected);\n    React.useEffect(() => {\n      const rAF = requestAnimationFrame(() => isMountAnimationPreventedRef.current = false);\n      return () => cancelAnimationFrame(rAF);\n    }, []);\n    return /* @__PURE__ */ jsx(Presence, { present: forceMount || isSelected, children: ({ present }) => /* @__PURE__ */ jsx(\n      Primitive.div,\n      {\n        \"data-state\": isSelected ? \"active\" : \"inactive\",\n        \"data-orientation\": context.orientation,\n        role: \"tabpanel\",\n        \"aria-labelledby\": triggerId,\n        hidden: !present,\n        id: contentId,\n        tabIndex: 0,\n        ...contentProps,\n        ref: forwardedRef,\n        style: {\n          ...props.style,\n          animationDuration: isMountAnimationPreventedRef.current ? \"0s\" : void 0\n        },\n        children: present && children\n      }\n    ) });\n  }\n);\nTabsContent.displayName = CONTENT_NAME;\nfunction makeTriggerId(baseId, value) {\n  return `${baseId}-trigger-${value}`;\n}\nfunction makeContentId(baseId, value) {\n  return `${baseId}-content-${value}`;\n}\nvar Root2 = Tabs;\nvar List = TabsList;\nvar Trigger = TabsTrigger;\nvar Content = TabsContent;\nexport {\n  Content,\n  List,\n  Root2 as Root,\n  Tabs,\n  TabsContent,\n  TabsList,\n  TabsTrigger,\n  Trigger,\n  createTabsScope\n};\n//# sourceMappingURL=index.mjs.map\n","import * as TabsPrimitive from '@radix-ui/react-tabs'\nimport * as React from 'react'\n\nimport { cn } from './utils'\n\nfunction Tabs({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Root>) {\n  return (\n    <TabsPrimitive.Root\n      data-slot=\"tabs\"\n      className={cn('flex flex-col gap-2', className)}\n      {...props}\n    />\n  )\n}\n\nfunction TabsList({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.List>) {\n  return (\n    <TabsPrimitive.List\n      data-slot=\"tabs-list\"\n      className={cn(\n        'bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-1',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TabsTrigger({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Trigger>) {\n  return (\n    <TabsPrimitive.Trigger\n      data-slot=\"tabs-trigger\"\n      className={cn(\n        \"data-[state=active]:bg-background data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TabsContent({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Content>) {\n  return (\n    <TabsPrimitive.Content\n      data-slot=\"tabs-content\"\n      className={cn('flex-1 outline-none', className)}\n      {...props}\n    />\n  )\n}\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent }\n"],"x_google_ignoreList":[0],"mappings":"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"}
+{"version":3,"file":"tabs-8AT2ntg_.js","names":["Tabs","React","useId","TabsList","RovingFocusGroup.Root","TabsTrigger","RovingFocusGroup.Item","TabsContent"],"sources":["../node_modules/@radix-ui/react-tabs/dist/index.mjs","../src/react/primitives/tabs.tsx"],"sourcesContent":["\"use client\";\n\n// src/tabs.tsx\nimport * as React from \"react\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { createContextScope } from \"@radix-ui/react-context\";\nimport { createRovingFocusGroupScope } from \"@radix-ui/react-roving-focus\";\nimport { Presence } from \"@radix-ui/react-presence\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport * as RovingFocusGroup from \"@radix-ui/react-roving-focus\";\nimport { useDirection } from \"@radix-ui/react-direction\";\nimport { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport { useId } from \"@radix-ui/react-id\";\nimport { jsx } from \"react/jsx-runtime\";\nvar TABS_NAME = \"Tabs\";\nvar [createTabsContext, createTabsScope] = createContextScope(TABS_NAME, [\n  createRovingFocusGroupScope\n]);\nvar useRovingFocusGroupScope = createRovingFocusGroupScope();\nvar [TabsProvider, useTabsContext] = createTabsContext(TABS_NAME);\nvar Tabs = React.forwardRef(\n  (props, forwardedRef) => {\n    const {\n      __scopeTabs,\n      value: valueProp,\n      onValueChange,\n      defaultValue,\n      orientation = \"horizontal\",\n      dir,\n      activationMode = \"automatic\",\n      ...tabsProps\n    } = props;\n    const direction = useDirection(dir);\n    const [value, setValue] = useControllableState({\n      prop: valueProp,\n      onChange: onValueChange,\n      defaultProp: defaultValue ?? \"\",\n      caller: TABS_NAME\n    });\n    return /* @__PURE__ */ jsx(\n      TabsProvider,\n      {\n        scope: __scopeTabs,\n        baseId: useId(),\n        value,\n        onValueChange: setValue,\n        orientation,\n        dir: direction,\n        activationMode,\n        children: /* @__PURE__ */ jsx(\n          Primitive.div,\n          {\n            dir: direction,\n            \"data-orientation\": orientation,\n            ...tabsProps,\n            ref: forwardedRef\n          }\n        )\n      }\n    );\n  }\n);\nTabs.displayName = TABS_NAME;\nvar TAB_LIST_NAME = \"TabsList\";\nvar TabsList = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeTabs, loop = true, ...listProps } = props;\n    const context = useTabsContext(TAB_LIST_NAME, __scopeTabs);\n    const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeTabs);\n    return /* @__PURE__ */ jsx(\n      RovingFocusGroup.Root,\n      {\n        asChild: true,\n        ...rovingFocusGroupScope,\n        orientation: context.orientation,\n        dir: context.dir,\n        loop,\n        children: /* @__PURE__ */ jsx(\n          Primitive.div,\n          {\n            role: \"tablist\",\n            \"aria-orientation\": context.orientation,\n            ...listProps,\n            ref: forwardedRef\n          }\n        )\n      }\n    );\n  }\n);\nTabsList.displayName = TAB_LIST_NAME;\nvar TRIGGER_NAME = \"TabsTrigger\";\nvar TabsTrigger = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeTabs, value, disabled = false, ...triggerProps } = props;\n    const context = useTabsContext(TRIGGER_NAME, __scopeTabs);\n    const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeTabs);\n    const triggerId = makeTriggerId(context.baseId, value);\n    const contentId = makeContentId(context.baseId, value);\n    const isSelected = value === context.value;\n    return /* @__PURE__ */ jsx(\n      RovingFocusGroup.Item,\n      {\n        asChild: true,\n        ...rovingFocusGroupScope,\n        focusable: !disabled,\n        active: isSelected,\n        children: /* @__PURE__ */ jsx(\n          Primitive.button,\n          {\n            type: \"button\",\n            role: \"tab\",\n            \"aria-selected\": isSelected,\n            \"aria-controls\": contentId,\n            \"data-state\": isSelected ? \"active\" : \"inactive\",\n            \"data-disabled\": disabled ? \"\" : void 0,\n            disabled,\n            id: triggerId,\n            ...triggerProps,\n            ref: forwardedRef,\n            onMouseDown: composeEventHandlers(props.onMouseDown, (event) => {\n              if (!disabled && event.button === 0 && event.ctrlKey === false) {\n                context.onValueChange(value);\n              } else {\n                event.preventDefault();\n              }\n            }),\n            onKeyDown: composeEventHandlers(props.onKeyDown, (event) => {\n              if ([\" \", \"Enter\"].includes(event.key)) context.onValueChange(value);\n            }),\n            onFocus: composeEventHandlers(props.onFocus, () => {\n              const isAutomaticActivation = context.activationMode !== \"manual\";\n              if (!isSelected && !disabled && isAutomaticActivation) {\n                context.onValueChange(value);\n              }\n            })\n          }\n        )\n      }\n    );\n  }\n);\nTabsTrigger.displayName = TRIGGER_NAME;\nvar CONTENT_NAME = \"TabsContent\";\nvar TabsContent = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeTabs, value, forceMount, children, ...contentProps } = props;\n    const context = useTabsContext(CONTENT_NAME, __scopeTabs);\n    const triggerId = makeTriggerId(context.baseId, value);\n    const contentId = makeContentId(context.baseId, value);\n    const isSelected = value === context.value;\n    const isMountAnimationPreventedRef = React.useRef(isSelected);\n    React.useEffect(() => {\n      const rAF = requestAnimationFrame(() => isMountAnimationPreventedRef.current = false);\n      return () => cancelAnimationFrame(rAF);\n    }, []);\n    return /* @__PURE__ */ jsx(Presence, { present: forceMount || isSelected, children: ({ present }) => /* @__PURE__ */ jsx(\n      Primitive.div,\n      {\n        \"data-state\": isSelected ? \"active\" : \"inactive\",\n        \"data-orientation\": context.orientation,\n        role: \"tabpanel\",\n        \"aria-labelledby\": triggerId,\n        hidden: !present,\n        id: contentId,\n        tabIndex: 0,\n        ...contentProps,\n        ref: forwardedRef,\n        style: {\n          ...props.style,\n          animationDuration: isMountAnimationPreventedRef.current ? \"0s\" : void 0\n        },\n        children: present && children\n      }\n    ) });\n  }\n);\nTabsContent.displayName = CONTENT_NAME;\nfunction makeTriggerId(baseId, value) {\n  return `${baseId}-trigger-${value}`;\n}\nfunction makeContentId(baseId, value) {\n  return `${baseId}-content-${value}`;\n}\nvar Root2 = Tabs;\nvar List = TabsList;\nvar Trigger = TabsTrigger;\nvar Content = TabsContent;\nexport {\n  Content,\n  List,\n  Root2 as Root,\n  Tabs,\n  TabsContent,\n  TabsList,\n  TabsTrigger,\n  Trigger,\n  createTabsScope\n};\n//# sourceMappingURL=index.mjs.map\n","import * as TabsPrimitive from '@radix-ui/react-tabs'\nimport * as React from 'react'\n\nimport { cn } from './utils'\n\nfunction Tabs({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Root>) {\n  return (\n    <TabsPrimitive.Root\n      data-slot=\"tabs\"\n      className={cn('flex flex-col gap-2', className)}\n      {...props}\n    />\n  )\n}\n\nfunction TabsList({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.List>) {\n  return (\n    <TabsPrimitive.List\n      data-slot=\"tabs-list\"\n      className={cn(\n        'bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-1',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TabsTrigger({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Trigger>) {\n  return (\n    <TabsPrimitive.Trigger\n      data-slot=\"tabs-trigger\"\n      className={cn(\n        \"data-[state=active]:bg-background data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TabsContent({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Content>) {\n  return (\n    <TabsPrimitive.Content\n      data-slot=\"tabs-content\"\n      className={cn('flex-1 outline-none', className)}\n      {...props}\n    />\n  )\n}\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent }\n"],"x_google_ignoreList":[0],"mappings":";;;;;;;;;;AAcA,IAAI,IAAY,QACZ,CAAC,GAAmB,KAAmB,EAAmB,GAAW,CACvE,EACD,CAAC,EACE,IAA2B,GAA6B,EACxD,CAAC,GAAc,KAAkB,EAAkB,EAAU,EAC7DA,IAAOC,EAAM,YACd,GAAO,MAAiB;CACvB,IAAM,EACJ,gBACA,OAAO,GACP,kBACA,iBACA,iBAAc,cACd,QACA,oBAAiB,aACjB,GAAG,MACD,GACE,IAAY,EAAa,EAAI,EAC7B,CAAC,GAAO,KAAY,EAAqB;EAC7C,MAAM;EACN,UAAU;EACV,aAAa,KAAgB;EAC7B,QAAQ;EACT,CAAC;AACF,QAAuB,kBACrB,GACA;EACE,OAAO;EACP,QAAQC,GAAO;EACf;EACA,eAAe;EACf;EACA,KAAK;EACL;EACA,UAA0B,kBACxB,EAAU,KACV;GACE,KAAK;GACL,oBAAoB;GACpB,GAAG;GACH,KAAK;GACN,CACF;EACF,CACF;EAEJ;AACD,EAAK,cAAc;AACnB,IAAI,IAAgB,YAChBC,IAAWF,EAAM,YAClB,GAAO,MAAiB;CACvB,IAAM,EAAE,gBAAa,UAAO,IAAM,GAAG,MAAc,GAC7C,IAAU,EAAe,GAAe,EAAY;AAE1D,QAAuB,kBACrBG,GACA;EACE,SAAS;EACT,GAL0B,EAAyB,EAAY;EAM/D,aAAa,EAAQ;EACrB,KAAK,EAAQ;EACb;EACA,UAA0B,kBACxB,EAAU,KACV;GACE,MAAM;GACN,oBAAoB,EAAQ;GAC5B,GAAG;GACH,KAAK;GACN,CACF;EACF,CACF;EAEJ;AACD,EAAS,cAAc;AACvB,IAAI,IAAe,eACfC,IAAcJ,EAAM,YACrB,GAAO,MAAiB;CACvB,IAAM,EAAE,gBAAa,UAAO,cAAW,IAAO,GAAG,MAAiB,GAC5D,IAAU,EAAe,GAAc,EAAY,EACnD,IAAwB,EAAyB,EAAY,EAC7D,IAAY,EAAc,EAAQ,QAAQ,EAAM,EAChD,IAAY,EAAc,EAAQ,QAAQ,EAAM,EAChD,IAAa,MAAU,EAAQ;AACrC,QAAuB,kBACrBK,GACA;EACE,SAAS;EACT,GAAG;EACH,WAAW,CAAC;EACZ,QAAQ;EACR,UAA0B,kBACxB,EAAU,QACV;GACE,MAAM;GACN,MAAM;GACN,iBAAiB;GACjB,iBAAiB;GACjB,cAAc,IAAa,WAAW;GACtC,iBAAiB,IAAW,KAAK,KAAK;GACtC;GACA,IAAI;GACJ,GAAG;GACH,KAAK;GACL,aAAa,EAAqB,EAAM,cAAc,MAAU;AAC9D,IAAI,CAAC,KAAY,EAAM,WAAW,KAAK,EAAM,YAAY,KACvD,EAAQ,cAAc,EAAM,GAE5B,EAAM,gBAAgB;KAExB;GACF,WAAW,EAAqB,EAAM,YAAY,MAAU;AAC1D,IAAI,CAAC,KAAK,QAAQ,CAAC,SAAS,EAAM,IAAI,IAAE,EAAQ,cAAc,EAAM;KACpE;GACF,SAAS,EAAqB,EAAM,eAAe;IACjD,IAAM,IAAwB,EAAQ,mBAAmB;AACzD,IAAI,CAAC,KAAc,CAAC,KAAY,KAC9B,EAAQ,cAAc,EAAM;KAE9B;GACH,CACF;EACF,CACF;EAEJ;AACD,EAAY,cAAc;AAC1B,IAAI,IAAe,eACfC,IAAcN,EAAM,YACrB,GAAO,MAAiB;CACvB,IAAM,EAAE,gBAAa,UAAO,eAAY,aAAU,GAAG,MAAiB,GAChE,IAAU,EAAe,GAAc,EAAY,EACnD,IAAY,EAAc,EAAQ,QAAQ,EAAM,EAChD,IAAY,EAAc,EAAQ,QAAQ,EAAM,EAChD,IAAa,MAAU,EAAQ,OAC/B,IAA+BA,EAAM,OAAO,EAAW;AAK7D,QAJA,EAAM,gBAAgB;EACpB,IAAM,IAAM,4BAA4B,EAA6B,UAAU,GAAM;AACrF,eAAa,qBAAqB,EAAI;IACrC,EAAE,CAAC,EACiB,kBAAI,GAAU;EAAE,SAAS,KAAc;EAAY,WAAW,EAAE,iBAA8B,kBACnH,EAAU,KACV;GACE,cAAc,IAAa,WAAW;GACtC,oBAAoB,EAAQ;GAC5B,MAAM;GACN,mBAAmB;GACnB,QAAQ,CAAC;GACT,IAAI;GACJ,UAAU;GACV,GAAG;GACH,KAAK;GACL,OAAO;IACL,GAAG,EAAM;IACT,mBAAmB,EAA6B,UAAU,OAAO,KAAK;IACvE;GACD,UAAU,KAAW;GACtB,CACF;EAAE,CAAC;EAEP;AACD,EAAY,cAAc;AAC1B,SAAS,EAAc,GAAQ,GAAO;AACpC,QAAO,GAAG,EAAO,WAAW;;AAE9B,SAAS,EAAc,GAAQ,GAAO;AACpC,QAAO,GAAG,EAAO,WAAW;;AAE9B,IAAI,IAAQD,GACR,IAAOG,GACP,IAAUE,GACV,IAAUE;;;ACtLd,SAAS,EAAK,EAAE,cAAW,GAAG,KAA0D;AACtF,QACE,kBAAC,GAAD;EACE,aAAU;EACV,WAAW,EAAG,uBAAuB,EAAU;EAC/C,GAAI;EACJ,CAAA;;AAIN,SAAS,EAAS,EAAE,cAAW,GAAG,KAA0D;AAC1F,QACE,kBAAC,GAAD;EACE,aAAU;EACV,WAAW,EACT,mGACA,EACD;EACD,GAAI;EACJ,CAAA;;AAIN,SAAS,EAAY,EAAE,cAAW,GAAG,KAA6D;AAChG,QACE,kBAAC,GAAD;EACE,aAAU;EACV,WAAW,EACT,wiBACA,EACD;EACD,GAAI;EACJ,CAAA;;AAIN,SAAS,EAAY,EAAE,cAAW,GAAG,KAA6D;AAChG,QACE,kBAAC,GAAD;EACE,aAAU;EACV,WAAW,EAAG,uBAAuB,EAAU;EAC/C,GAAI;EACJ,CAAA"}

package/dist/theme-studio-CN9Ipb9W.js

@@ -0,0 +1,236 @@
+import { LUCIDE_ICON_NAMES as e, getLucideIconPath as t } from "./icons/lucide.js";
+import { getTheme as n, resetTheme as r } from "./services/theme-engine/index.js";
+import { AccentSwitcher as i } from "./components/theme/accent-switcher.js";
+import { DensitySwitcher as a } from "./components/theme/density-switcher.js";
+import { FontStackPicker as o } from "./components/theme/font-stack-picker.js";
+import { GlassSlider as s } from "./components/theme/glass-slider.js";
+import { IconSetPicker as c } from "./components/theme/icon-set-picker.js";
+import { IconUsageMatrix as l } from "./components/theme/icon-usage-matrix.js";
+import { RadiusSlider as u } from "./components/theme/radius-slider.js";
+import { ThemePresetGrid as d } from "./components/theme/theme-preset-grid.js";
+import { ThemePreviewTile as f } from "./components/theme/theme-preview-tile.js";
+import { ThemeSwitcher as p } from "./components/theme/theme-switcher.js";
+//#region src/components/theme/icon-gallery-browser.ts
+function m(e) {
+	switch (e) {
+		case "heroicons": return {
+			label: "Heroicons",
+			strokeWidth: 2.4,
+			linecap: "round",
+			linejoin: "round",
+			brand: !1
+		};
+		case "phosphor": return {
+			label: "Phosphor",
+			strokeWidth: 1.5,
+			linecap: "round",
+			linejoin: "round",
+			brand: !1
+		};
+		case "material": return {
+			label: "Material",
+			strokeWidth: 2,
+			linecap: "square",
+			linejoin: "miter",
+			brand: !1
+		};
+		case "countermeasure": return {
+			label: "CounterMeasure",
+			strokeWidth: 1.75,
+			linecap: "round",
+			linejoin: "round",
+			brand: !0
+		};
+		case "lucide": return {
+			label: "Lucide",
+			strokeWidth: 2,
+			linecap: "round",
+			linejoin: "round",
+			brand: !1
+		};
+	}
+}
+function h(e, t, n) {
+	let r = document.createElement("div");
+	r.className = "theme-studio-icon-gallery__cell", r.tabIndex = 0, r.setAttribute("role", "img"), r.setAttribute("aria-label", e);
+	let i = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+	i.setAttribute("viewBox", "0 0 24 24"), i.setAttribute("width", "28"), i.setAttribute("height", "28"), i.setAttribute("fill", "none"), i.setAttribute("stroke", "currentColor"), i.setAttribute("stroke-width", String(n.strokeWidth)), i.setAttribute("stroke-linecap", n.linecap), i.setAttribute("stroke-linejoin", n.linejoin), i.setAttribute("aria-hidden", "true");
+	for (let e of t.split(/(?=M)/g)) {
+		let t = e.trim();
+		if (!t) continue;
+		let n = document.createElementNS("http://www.w3.org/2000/svg", "path");
+		n.setAttribute("d", t), i.appendChild(n);
+	}
+	r.appendChild(i);
+	let a = document.createElement("span");
+	return a.className = "theme-studio-icon-gallery__label", a.textContent = e, r.appendChild(a), r;
+}
+var g = class {
+	el;
+	gallery = null;
+	toggle = null;
+	expanded = !1;
+	onThemeChange;
+	constructor() {
+		this.el = document.createElement("div"), this.el.className = "theme-studio-icon-gallery-browser", this.render(), this.onThemeChange = () => {
+			this.expanded && this.renderGallery();
+		}, document.addEventListener("cm:theme-change", this.onThemeChange);
+	}
+	destroy() {
+		document.removeEventListener("cm:theme-change", this.onThemeChange);
+	}
+	render() {
+		this.el.innerHTML = "";
+		let e = document.createElement("button");
+		e.type = "button", e.className = "theme-studio-icon-gallery__toggle";
+		let t = document.createElement("span");
+		t.className = "theme-studio-icon-gallery__toggle-text", t.textContent = "Browse all icons", e.appendChild(t);
+		let n = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+		n.setAttribute("aria-hidden", "true"), n.setAttribute("focusable", "false"), n.setAttribute("width", "14"), n.setAttribute("height", "14"), n.setAttribute("viewBox", "0 0 24 24"), n.setAttribute("fill", "none"), n.setAttribute("stroke", "currentColor"), n.setAttribute("stroke-width", "2"), n.setAttribute("stroke-linecap", "round"), n.setAttribute("stroke-linejoin", "round");
+		let r = document.createElementNS("http://www.w3.org/2000/svg", "path");
+		r.setAttribute("d", "m6 9 6 6 6-6"), n.appendChild(r), e.appendChild(n), e.setAttribute("aria-expanded", "false"), e.addEventListener("click", () => this.toggleGallery()), this.toggle = e, this.el.appendChild(e), this.gallery = document.createElement("div"), this.gallery.className = "theme-studio-icon-gallery", this.gallery.hidden = !0, this.el.appendChild(this.gallery);
+	}
+	toggleGallery() {
+		if (this.expanded = !this.expanded, this.gallery && (this.gallery.hidden = !this.expanded, this.expanded && this.renderGallery()), this.toggle) {
+			this.toggle.setAttribute("aria-expanded", String(this.expanded)), this.toggle.classList.toggle("is-expanded", this.expanded);
+			let e = this.toggle.querySelector(".theme-studio-icon-gallery__toggle-text");
+			e && (e.textContent = this.expanded ? "Hide icons" : "Browse all icons");
+		}
+	}
+	renderGallery() {
+		if (!this.gallery) return;
+		this.gallery.innerHTML = "";
+		let e = m(n().iconSet), t = e.brand ? this.buildBrandGallerySection(e) : this.buildGallerySection(e);
+		this.gallery.appendChild(t);
+	}
+	buildBrandGallerySection(e) {
+		let t = this.buildSectionShell("CounterMeasure Brand Icons");
+		return t.grid.appendChild(h("Search", "M11 4l5 3v6l-5 3-5-3V7z M20 21l-4-4", e)), t.grid.appendChild(h("Shield", "M12 2l9 4-3 11-6 5-6-5-3-11z M12 7v10 M7.5 10l9 4 M16.5 10l-9 4", e)), t.grid.appendChild(h("Settings", "M12 2l1.5 2.6L16 4l.5 3 3 .5L19 10l2.6 1.5L20 14l1 3-3 1-1 3-3-1-1.5 2.6L11 20l-1 2-3-1L6 18l-3-1 1-3-2.6-1.5L4 11 2 9.5 5 8l-1-3 3-1z M12 9l3 3-3 3-3-3z", e)), t.section;
+	}
+	buildGallerySection(n) {
+		let r = this.buildSectionShell(`All Icons — ${n.label} style`);
+		for (let i of e) {
+			let e = t(i);
+			e && r.grid.appendChild(h(i, e, n));
+		}
+		return r.section;
+	}
+	buildSectionShell(e) {
+		let t = document.createElement("div");
+		t.className = "theme-studio-icon-gallery__section";
+		let n = document.createElement("div");
+		n.className = "theme-studio-icon-gallery__heading", n.textContent = e, t.appendChild(n);
+		let r = document.createElement("div");
+		return r.className = "theme-studio-icon-gallery__grid", t.appendChild(r), {
+			section: t,
+			grid: r
+		};
+	}
+}, _ = {
+	showTabs: !0,
+	showHeader: !0,
+	showBrandSection: !0
+};
+function v(e, t, n) {
+	let r = document.createElement(e);
+	return t && (r.className = t), n !== void 0 && (r.textContent = n), r;
+}
+function y(e, t, n, r) {
+	let i = v("section", "theme-studio-section"), a = v("div", "theme-studio-section__head"), o = v("div", "theme-studio-section__titles");
+	return o.appendChild(v("h3", "theme-studio-section__title", e)), o.appendChild(v("div", "theme-studio-section__helper", t)), a.appendChild(o), r && a.appendChild(r), i.appendChild(a), i.appendChild(n), i;
+}
+function b() {
+	let e = v("div", "theme-studio-tabs");
+	for (let t of [
+		"Profile",
+		"Organization",
+		"Appearance",
+		"About"
+	]) {
+		let n = v("button", "theme-studio-tab", t);
+		n.type = "button", t === "Appearance" && n.classList.add("is-active"), n.disabled = t !== "Appearance", e.appendChild(n);
+	}
+	return e;
+}
+function x() {
+	let e = v("button", "theme-studio-link", "Reset to default");
+	return e.type = "button", e.addEventListener("click", () => {
+		r();
+	}), e;
+}
+var S = class {
+	el;
+	options;
+	children = [];
+	constructor(e = {}) {
+		this.options = {
+			..._,
+			...e
+		}, this.el = document.createElement("section"), this.el.className = "theme-studio-pane", this.render();
+	}
+	render() {
+		for (let e of this.children) e.destroy?.();
+		if (this.children = [], this.el.innerHTML = "", this.options.showTabs && this.el.appendChild(b()), this.options.showHeader) {
+			let e = v("header", "theme-studio-pane__header");
+			e.appendChild(v("h1", "theme-studio-pane__title", "Appearance")), e.appendChild(v("p", "theme-studio-pane__subtitle", "Customize how CounterMeasure looks. Pick a preset, tweak the color mode, accent, transparency, typography, and icons. Changes apply immediately and persist on this device.")), this.el.appendChild(e);
+		}
+		let e = new d();
+		this.children.push(e), this.el.appendChild(y("Start from a preset", "Curated combinations of mode, accent, font, and icon style.", e.el, x()));
+		let t = new f();
+		this.children.push(t), this.el.appendChild(y("Live preview", "A miniature app shell that re-renders as you tweak settings below.", t.el));
+		let n = new p();
+		this.children.push(n), this.el.appendChild(y("Color Mode", "Choose how the interface looks.", n.el));
+		let r = new i();
+		this.children.push(r), this.el.appendChild(y("Accent Color", "Pick a color that highlights actions and links.", r.el));
+		let a = new s({ expanded: !0 });
+		this.children.push(a), this.el.appendChild(y("Surface Transparency", "How translucent panels, hover states, and overlays appear.", a.el));
+		let l = new o();
+		this.children.push(l), this.el.appendChild(y("Typography", "Select the typeface used throughout the app.", l.el));
+		let u = new c(), m = new g();
+		this.children.push(u), this.children.push(m);
+		let h = v("div", "theme-studio-iconsets-wrap");
+		if (h.appendChild(u.el), h.appendChild(m.el), this.el.appendChild(y("Icon Set", "Choose the icon style for navigation and content.", h)), this.options.showBrandSection) {
+			let e = v("div", "theme-studio-brand-note");
+			e.appendChild(v("p", "theme-studio-brand-note__text", "Brand assets live under design-system brand resources. Switch icon sets to CounterMeasure above to apply the bespoke security glyphs.")), this.el.appendChild(y("Brand", "Logo, wordmark, and brand glyph references.", e));
+		}
+		this.el.appendChild(this.buildAdvancedSection());
+	}
+	buildAdvancedSection() {
+		let e = document.createElement("details");
+		e.className = "theme-studio-section theme-studio-section--advanced";
+		let t = document.createElement("summary");
+		t.className = "theme-studio-section__head theme-studio-section__head--summary";
+		let n = v("div", "theme-studio-section__titles");
+		n.appendChild(v("h3", "theme-studio-section__title", "Advanced")), n.appendChild(v("div", "theme-studio-section__helper", "Density, corner radius, and per-icon overrides")), t.appendChild(n);
+		let r = v("span", "theme-studio-section__chev", "Show");
+		return t.appendChild(r), e.appendChild(t), e.appendChild(this.buildAdvanced()), e.addEventListener("toggle", () => {
+			r.textContent = e.open ? "Hide" : "Show";
+		}), e;
+	}
+	buildAdvanced() {
+		let e = v("div", "theme-studio-advanced"), t = new a();
+		this.children.push(t);
+		let n = v("div", "theme-studio-advanced__row");
+		n.appendChild(t.el), e.appendChild(n);
+		let r = new u();
+		this.children.push(r);
+		let i = v("div", "theme-studio-advanced__row");
+		i.appendChild(r.el), e.appendChild(i);
+		let o = v("div", "theme-studio-advanced__matrix-head");
+		o.appendChild(v("h4", "theme-studio-advanced__matrix-title", "Per-icon mapping")), o.appendChild(v("p", "theme-studio-advanced__matrix-helper", "Rebind any icon slot. Useful if your team thinks of detection as a bug instead of a shield.")), e.appendChild(o);
+		let s = new l();
+		return this.children.push(s), e.appendChild(s.el), e;
+	}
+	destroy() {
+		for (let e of this.children) e.destroy?.();
+		this.children = [];
+	}
+};
+function C(e, t) {
+	let n = new S(t);
+	return e.innerHTML = "", e.appendChild(n.el), n;
+}
+//#endregion
+export { C as n, S as t };
+
+//# sourceMappingURL=theme-studio-CN9Ipb9W.js.map