@flanksource/clicky-ui 0.3.21 → 0.3.23

package/dist/components/ComboboxTags.cjs

@@ -2,16 +2,57 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const Icon = require("../data/Icon.cjs");
+const FilterPill = require("../data/FilterPill.cjs");
 const UiClose = require("../icons/components/UiClose.cjs");
 function ComboboxTags({
   disabled,
+  modes,
   onRemove,
+  onSetMode,
   options,
   values
 }) {
   return values.map((value, index) => {
     const option = options.find((entry) => entry.value === value);
     const label = (option == null ? void 0 : option.selectedLabel) ?? (option == null ? void 0 : option.label) ?? value;
+    const mode = modes == null ? void 0 : modes[value];
+    const remove = !disabled && /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        "aria-label": `Remove ${label}`,
+        className: "shrink-0 text-muted-foreground hover:text-foreground",
+        onMouseDown: (event) => event.preventDefault(),
+        onClick: () => onRemove(value),
+        children: /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiClose.UiClose, className: "size-3" })
+      }
+    );
+    if (mode) {
+      return /* @__PURE__ */ jsxRuntime.jsxs(
+        "span",
+        {
+          "data-combobox-tag": value,
+          "data-combobox-tag-mode": mode,
+          className: "inline-flex h-6 max-w-full items-center gap-1",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              FilterPill.FilterPill,
+              {
+                mode,
+                label,
+                title: mode === "include" ? `${label} included` : `${label} excluded`,
+                className: "max-w-full",
+                ...disabled ? {} : {
+                  onClick: () => onSetMode(value, mode === "include" ? "exclude" : "include")
+                }
+              }
+            ),
+            remove
+          ]
+        },
+        `${value}-${index}`
+      );
+    }
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "span",
       {
@@ -19,17 +60,7 @@ function ComboboxTags({
         className: "inline-flex h-6 max-w-full items-center gap-1 rounded-md bg-muted px-2 text-xs",
         children: [
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: label }),
-          !disabled && /* @__PURE__ */ jsxRuntime.jsx(
-            "button",
-            {
-              type: "button",
-              "aria-label": `Remove ${label}`,
-              className: "shrink-0 text-muted-foreground hover:text-foreground",
-              onMouseDown: (event) => event.preventDefault(),
-              onClick: () => onRemove(value),
-              children: /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiClose.UiClose, className: "size-3" })
-            }
-          )
+          remove
         ]
       },
       `${value}-${index}`

package/dist/components/ComboboxTags.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxTags.cjs","sources":["../../src/components/ComboboxTags.tsx"],"sourcesContent":["import { Icon } from \"../data/Icon\";\nimport { UiClose } from \"../icons\";\nimport type { ComboboxOption } from \"./combobox-types\";\n\nexport function ComboboxTags({\n  disabled,\n  onRemove,\n  options,\n  values,\n}: {\n  disabled: boolean | undefined;\n  onRemove: (value: string) => void;\n  options: ComboboxOption[];\n  values: string[];\n}) {\n  return values.map((value, index) => {\n    const option = options.find((entry) => entry.value === value);\n    const label = option?.selectedLabel ?? option?.label ?? value;\n    return (\n      <span\n        key={`${value}-${index}`}\n        data-combobox-tag={value}\n        className=\"inline-flex h-6 max-w-full items-center gap-1 rounded-md bg-muted px-2 text-xs\"\n      >\n        <span className=\"truncate\">{label}</span>\n        {!disabled && (\n          <button\n            type=\"button\"\n            aria-label={`Remove ${label}`}\n            className=\"shrink-0 text-muted-foreground hover:text-foreground\"\n            onMouseDown={(event) => event.preventDefault()}\n            onClick={() => onRemove(value)}\n          >\n            <Icon icon={UiClose} className=\"size-3\" />\n          </button>\n        )}\n      </span>\n    );\n  });\n}\n"],"names":["jsxs","jsx","Icon","UiClose"],"mappings":";;;;;AAIO,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKG;AACD,SAAO,OAAO,IAAI,CAAC,OAAO,UAAU;AAClC,UAAM,SAAS,QAAQ,KAAK,CAAC,UAAU,MAAM,UAAU,KAAK;AAC5D,UAAM,SAAQ,iCAAQ,mBAAiB,iCAAQ,UAAS;AACxD,WACEA,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QAEC,qBAAmB;AAAA,QACnB,WAAU;AAAA,QAEV,UAAA;AAAA,UAAAC,2BAAAA,IAAC,QAAA,EAAK,WAAU,YAAY,UAAA,OAAM;AAAA,UACjC,CAAC,YACAA,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,cAAY,UAAU,KAAK;AAAA,cAC3B,WAAU;AAAA,cACV,aAAa,CAAC,UAAU,MAAM,eAAA;AAAA,cAC9B,SAAS,MAAM,SAAS,KAAK;AAAA,cAE7B,UAAAA,2BAAAA,IAACC,WAAA,EAAK,MAAMC,QAAAA,SAAS,WAAU,SAAA,CAAS;AAAA,YAAA;AAAA,UAAA;AAAA,QAC1C;AAAA,MAAA;AAAA,MAdG,GAAG,KAAK,IAAI,KAAK;AAAA,IAAA;AAAA,EAkB5B,CAAC;AACH;;"}
+{"version":3,"file":"ComboboxTags.cjs","sources":["../../src/components/ComboboxTags.tsx"],"sourcesContent":["import { Icon } from \"../data/Icon\";\nimport { FilterPill } from \"../data/FilterPill\";\nimport { UiClose } from \"../icons\";\nimport type { ComboboxOption, ComboboxTriStateMode } from \"./combobox-types\";\n\nexport function ComboboxTags({\n  disabled,\n  modes,\n  onRemove,\n  onSetMode,\n  options,\n  values,\n}: {\n  disabled: boolean | undefined;\n  /** Per-value include/exclude modes; set only in tristate mode. */\n  modes: Record<string, ComboboxTriStateMode> | undefined;\n  onRemove: (value: string) => void;\n  onSetMode: (value: string, mode: string) => void;\n  options: ComboboxOption[];\n  values: string[];\n}) {\n  return values.map((value, index) => {\n    const option = options.find((entry) => entry.value === value);\n    const label = option?.selectedLabel ?? option?.label ?? value;\n    const mode = modes?.[value];\n    const remove = !disabled && (\n      <button\n        type=\"button\"\n        aria-label={`Remove ${label}`}\n        className=\"shrink-0 text-muted-foreground hover:text-foreground\"\n        onMouseDown={(event) => event.preventDefault()}\n        onClick={() => onRemove(value)}\n      >\n        <Icon icon={UiClose} className=\"size-3\" />\n      </button>\n    );\n\n    // A tristate pill carries its mode in the same colours the menu rows use.\n    // The pill body flips include ↔ exclude; returning to neutral is what the\n    // close button means, so the two affordances never overlap.\n    if (mode) {\n      return (\n        <span\n          key={`${value}-${index}`}\n          data-combobox-tag={value}\n          data-combobox-tag-mode={mode}\n          className=\"inline-flex h-6 max-w-full items-center gap-1\"\n        >\n          <FilterPill\n            mode={mode}\n            label={label}\n            title={mode === \"include\" ? `${label} included` : `${label} excluded`}\n            className=\"max-w-full\"\n            {...(disabled\n              ? {}\n              : {\n                  onClick: () =>\n                    onSetMode(value, mode === \"include\" ? \"exclude\" : \"include\"),\n                })}\n          />\n          {remove}\n        </span>\n      );\n    }\n\n    return (\n      <span\n        key={`${value}-${index}`}\n        data-combobox-tag={value}\n        className=\"inline-flex h-6 max-w-full items-center gap-1 rounded-md bg-muted px-2 text-xs\"\n      >\n        <span className=\"truncate\">{label}</span>\n        {remove}\n      </span>\n    );\n  });\n}\n"],"names":["jsx","Icon","UiClose","jsxs","FilterPill"],"mappings":";;;;;;AAKO,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAQG;AACD,SAAO,OAAO,IAAI,CAAC,OAAO,UAAU;AAClC,UAAM,SAAS,QAAQ,KAAK,CAAC,UAAU,MAAM,UAAU,KAAK;AAC5D,UAAM,SAAQ,iCAAQ,mBAAiB,iCAAQ,UAAS;AACxD,UAAM,OAAO,+BAAQ;AACrB,UAAM,SAAS,CAAC,YACdA,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,cAAY,UAAU,KAAK;AAAA,QAC3B,WAAU;AAAA,QACV,aAAa,CAAC,UAAU,MAAM,eAAA;AAAA,QAC9B,SAAS,MAAM,SAAS,KAAK;AAAA,QAE7B,UAAAA,2BAAAA,IAACC,WAAA,EAAK,MAAMC,QAAAA,SAAS,WAAU,SAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAO5C,QAAI,MAAM;AACR,aACEC,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UAEC,qBAAmB;AAAA,UACnB,0BAAwB;AAAA,UACxB,WAAU;AAAA,UAEV,UAAA;AAAA,YAAAH,2BAAAA;AAAAA,cAACI,WAAAA;AAAAA,cAAA;AAAA,gBACC;AAAA,gBACA;AAAA,gBACA,OAAO,SAAS,YAAY,GAAG,KAAK,cAAc,GAAG,KAAK;AAAA,gBAC1D,WAAU;AAAA,gBACT,GAAI,WACD,CAAA,IACA;AAAA,kBACE,SAAS,MACP,UAAU,OAAO,SAAS,YAAY,YAAY,SAAS;AAAA,gBAAA;AAAA,cAC/D;AAAA,YAAA;AAAA,YAEL;AAAA,UAAA;AAAA,QAAA;AAAA,QAjBI,GAAG,KAAK,IAAI,KAAK;AAAA,MAAA;AAAA,IAoB5B;AAEA,WACED,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QAEC,qBAAmB;AAAA,QACnB,WAAU;AAAA,QAEV,UAAA;AAAA,UAAAH,2BAAAA,IAAC,QAAA,EAAK,WAAU,YAAY,UAAA,OAAM;AAAA,UACjC;AAAA,QAAA;AAAA,MAAA;AAAA,MALI,GAAG,KAAK,IAAI,KAAK;AAAA,IAAA;AAAA,EAQ5B,CAAC;AACH;;"}

package/dist/components/ComboboxTags.d.ts

@@ -1,7 +1,10 @@
-import { ComboboxOption } from './combobox-types';
-export declare function ComboboxTags({ disabled, onRemove, options, values, }: {
+import { ComboboxOption, ComboboxTriStateMode } from './combobox-types';
+export declare function ComboboxTags({ disabled, modes, onRemove, onSetMode, options, values, }: {
     disabled: boolean | undefined;
+    /** Per-value include/exclude modes; set only in tristate mode. */
+    modes: Record<string, ComboboxTriStateMode> | undefined;
     onRemove: (value: string) => void;
+    onSetMode: (value: string, mode: string) => void;
     options: ComboboxOption[];
     values: string[];
 }): import("react/jsx-runtime").JSX.Element[];

package/dist/components/ComboboxTags.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxTags.d.ts","sourceRoot":"","sources":["../../src/components/ComboboxTags.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEvD,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,MAAM,GACP,EAAE;IACD,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,MAAM,EAAE,MAAM,EAAE,CAAC;CAClB,6CAyBA"}
+{"version":3,"file":"ComboboxTags.d.ts","sourceRoot":"","sources":["../../src/components/ComboboxTags.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAE7E,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,SAAS,EACT,OAAO,EACP,MAAM,GACP,EAAE;IACD,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,kEAAkE;IAClE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,oBAAoB,CAAC,GAAG,SAAS,CAAC;IACxD,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,MAAM,EAAE,MAAM,EAAE,CAAC;CAClB,6CAwDA"}

package/dist/components/ComboboxTags.js

@@ -1,15 +1,56 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { Icon } from "../data/Icon.js";
+import { FilterPill } from "../data/FilterPill.js";
 import { UiClose } from "../icons/components/UiClose.js";
 function ComboboxTags({
   disabled,
+  modes,
   onRemove,
+  onSetMode,
   options,
   values
 }) {
   return values.map((value, index) => {
     const option = options.find((entry) => entry.value === value);
     const label = (option == null ? void 0 : option.selectedLabel) ?? (option == null ? void 0 : option.label) ?? value;
+    const mode = modes == null ? void 0 : modes[value];
+    const remove = !disabled && /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        "aria-label": `Remove ${label}`,
+        className: "shrink-0 text-muted-foreground hover:text-foreground",
+        onMouseDown: (event) => event.preventDefault(),
+        onClick: () => onRemove(value),
+        children: /* @__PURE__ */ jsx(Icon, { icon: UiClose, className: "size-3" })
+      }
+    );
+    if (mode) {
+      return /* @__PURE__ */ jsxs(
+        "span",
+        {
+          "data-combobox-tag": value,
+          "data-combobox-tag-mode": mode,
+          className: "inline-flex h-6 max-w-full items-center gap-1",
+          children: [
+            /* @__PURE__ */ jsx(
+              FilterPill,
+              {
+                mode,
+                label,
+                title: mode === "include" ? `${label} included` : `${label} excluded`,
+                className: "max-w-full",
+                ...disabled ? {} : {
+                  onClick: () => onSetMode(value, mode === "include" ? "exclude" : "include")
+                }
+              }
+            ),
+            remove
+          ]
+        },
+        `${value}-${index}`
+      );
+    }
     return /* @__PURE__ */ jsxs(
       "span",
       {
@@ -17,17 +58,7 @@ function ComboboxTags({
         className: "inline-flex h-6 max-w-full items-center gap-1 rounded-md bg-muted px-2 text-xs",
         children: [
           /* @__PURE__ */ jsx("span", { className: "truncate", children: label }),
-          !disabled && /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              "aria-label": `Remove ${label}`,
-              className: "shrink-0 text-muted-foreground hover:text-foreground",
-              onMouseDown: (event) => event.preventDefault(),
-              onClick: () => onRemove(value),
-              children: /* @__PURE__ */ jsx(Icon, { icon: UiClose, className: "size-3" })
-            }
-          )
+          remove
         ]
       },
       `${value}-${index}`

package/dist/components/ComboboxTags.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxTags.js","sources":["../../src/components/ComboboxTags.tsx"],"sourcesContent":["import { Icon } from \"../data/Icon\";\nimport { UiClose } from \"../icons\";\nimport type { ComboboxOption } from \"./combobox-types\";\n\nexport function ComboboxTags({\n  disabled,\n  onRemove,\n  options,\n  values,\n}: {\n  disabled: boolean | undefined;\n  onRemove: (value: string) => void;\n  options: ComboboxOption[];\n  values: string[];\n}) {\n  return values.map((value, index) => {\n    const option = options.find((entry) => entry.value === value);\n    const label = option?.selectedLabel ?? option?.label ?? value;\n    return (\n      <span\n        key={`${value}-${index}`}\n        data-combobox-tag={value}\n        className=\"inline-flex h-6 max-w-full items-center gap-1 rounded-md bg-muted px-2 text-xs\"\n      >\n        <span className=\"truncate\">{label}</span>\n        {!disabled && (\n          <button\n            type=\"button\"\n            aria-label={`Remove ${label}`}\n            className=\"shrink-0 text-muted-foreground hover:text-foreground\"\n            onMouseDown={(event) => event.preventDefault()}\n            onClick={() => onRemove(value)}\n          >\n            <Icon icon={UiClose} className=\"size-3\" />\n          </button>\n        )}\n      </span>\n    );\n  });\n}\n"],"names":[],"mappings":";;;AAIO,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKG;AACD,SAAO,OAAO,IAAI,CAAC,OAAO,UAAU;AAClC,UAAM,SAAS,QAAQ,KAAK,CAAC,UAAU,MAAM,UAAU,KAAK;AAC5D,UAAM,SAAQ,iCAAQ,mBAAiB,iCAAQ,UAAS;AACxD,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,qBAAmB;AAAA,QACnB,WAAU;AAAA,QAEV,UAAA;AAAA,UAAA,oBAAC,QAAA,EAAK,WAAU,YAAY,UAAA,OAAM;AAAA,UACjC,CAAC,YACA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,cAAY,UAAU,KAAK;AAAA,cAC3B,WAAU;AAAA,cACV,aAAa,CAAC,UAAU,MAAM,eAAA;AAAA,cAC9B,SAAS,MAAM,SAAS,KAAK;AAAA,cAE7B,UAAA,oBAAC,MAAA,EAAK,MAAM,SAAS,WAAU,SAAA,CAAS;AAAA,YAAA;AAAA,UAAA;AAAA,QAC1C;AAAA,MAAA;AAAA,MAdG,GAAG,KAAK,IAAI,KAAK;AAAA,IAAA;AAAA,EAkB5B,CAAC;AACH;"}
+{"version":3,"file":"ComboboxTags.js","sources":["../../src/components/ComboboxTags.tsx"],"sourcesContent":["import { Icon } from \"../data/Icon\";\nimport { FilterPill } from \"../data/FilterPill\";\nimport { UiClose } from \"../icons\";\nimport type { ComboboxOption, ComboboxTriStateMode } from \"./combobox-types\";\n\nexport function ComboboxTags({\n  disabled,\n  modes,\n  onRemove,\n  onSetMode,\n  options,\n  values,\n}: {\n  disabled: boolean | undefined;\n  /** Per-value include/exclude modes; set only in tristate mode. */\n  modes: Record<string, ComboboxTriStateMode> | undefined;\n  onRemove: (value: string) => void;\n  onSetMode: (value: string, mode: string) => void;\n  options: ComboboxOption[];\n  values: string[];\n}) {\n  return values.map((value, index) => {\n    const option = options.find((entry) => entry.value === value);\n    const label = option?.selectedLabel ?? option?.label ?? value;\n    const mode = modes?.[value];\n    const remove = !disabled && (\n      <button\n        type=\"button\"\n        aria-label={`Remove ${label}`}\n        className=\"shrink-0 text-muted-foreground hover:text-foreground\"\n        onMouseDown={(event) => event.preventDefault()}\n        onClick={() => onRemove(value)}\n      >\n        <Icon icon={UiClose} className=\"size-3\" />\n      </button>\n    );\n\n    // A tristate pill carries its mode in the same colours the menu rows use.\n    // The pill body flips include ↔ exclude; returning to neutral is what the\n    // close button means, so the two affordances never overlap.\n    if (mode) {\n      return (\n        <span\n          key={`${value}-${index}`}\n          data-combobox-tag={value}\n          data-combobox-tag-mode={mode}\n          className=\"inline-flex h-6 max-w-full items-center gap-1\"\n        >\n          <FilterPill\n            mode={mode}\n            label={label}\n            title={mode === \"include\" ? `${label} included` : `${label} excluded`}\n            className=\"max-w-full\"\n            {...(disabled\n              ? {}\n              : {\n                  onClick: () =>\n                    onSetMode(value, mode === \"include\" ? \"exclude\" : \"include\"),\n                })}\n          />\n          {remove}\n        </span>\n      );\n    }\n\n    return (\n      <span\n        key={`${value}-${index}`}\n        data-combobox-tag={value}\n        className=\"inline-flex h-6 max-w-full items-center gap-1 rounded-md bg-muted px-2 text-xs\"\n      >\n        <span className=\"truncate\">{label}</span>\n        {remove}\n      </span>\n    );\n  });\n}\n"],"names":[],"mappings":";;;;AAKO,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAQG;AACD,SAAO,OAAO,IAAI,CAAC,OAAO,UAAU;AAClC,UAAM,SAAS,QAAQ,KAAK,CAAC,UAAU,MAAM,UAAU,KAAK;AAC5D,UAAM,SAAQ,iCAAQ,mBAAiB,iCAAQ,UAAS;AACxD,UAAM,OAAO,+BAAQ;AACrB,UAAM,SAAS,CAAC,YACd;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,cAAY,UAAU,KAAK;AAAA,QAC3B,WAAU;AAAA,QACV,aAAa,CAAC,UAAU,MAAM,eAAA;AAAA,QAC9B,SAAS,MAAM,SAAS,KAAK;AAAA,QAE7B,UAAA,oBAAC,MAAA,EAAK,MAAM,SAAS,WAAU,SAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAO5C,QAAI,MAAM;AACR,aACE;AAAA,QAAC;AAAA,QAAA;AAAA,UAEC,qBAAmB;AAAA,UACnB,0BAAwB;AAAA,UACxB,WAAU;AAAA,UAEV,UAAA;AAAA,YAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC;AAAA,gBACA;AAAA,gBACA,OAAO,SAAS,YAAY,GAAG,KAAK,cAAc,GAAG,KAAK;AAAA,gBAC1D,WAAU;AAAA,gBACT,GAAI,WACD,CAAA,IACA;AAAA,kBACE,SAAS,MACP,UAAU,OAAO,SAAS,YAAY,YAAY,SAAS;AAAA,gBAAA;AAAA,cAC/D;AAAA,YAAA;AAAA,YAEL;AAAA,UAAA;AAAA,QAAA;AAAA,QAjBI,GAAG,KAAK,IAAI,KAAK;AAAA,MAAA;AAAA,IAoB5B;AAEA,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,qBAAmB;AAAA,QACnB,WAAU;AAAA,QAEV,UAAA;AAAA,UAAA,oBAAC,QAAA,EAAK,WAAU,YAAY,UAAA,OAAM;AAAA,UACjC;AAAA,QAAA;AAAA,MAAA;AAAA,MALI,GAAG,KAAK,IAAI,KAAK;AAAA,IAAA;AAAA,EAQ5B,CAAC;AACH;"}

package/dist/components/ConnectionLoggingPolicy.cjs

@@ -0,0 +1,268 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const utils = require("../lib/utils.cjs");
+const SegmentedControl = require("./SegmentedControl.cjs");
+const select = require("./select.cjs");
+const ConnectionLoggingPolicy_model = require("./ConnectionLoggingPolicy.model.cjs");
+const LEVEL_OPTIONS = ConnectionLoggingPolicy_model.CONNECTION_LOG_LEVELS.map((level) => {
+  var _a;
+  return {
+    value: level,
+    label: level === "off" ? "Off" : ((_a = level[0]) == null ? void 0 : _a.toUpperCase()) + level.slice(1)
+  };
+});
+const THRESHOLD_PROPERTY = "log.slowThreshold";
+function ConnectionLoggingPolicy({
+  definition,
+  value = {},
+  onChange,
+  readOnly = false,
+  className
+}) {
+  const [previewLevel, setPreviewLevel] = react.useState("debug");
+  const [previewFormat, setPreviewFormat] = react.useState("pretty");
+  const threshold = ConnectionLoggingPolicy_model.parseConnectionLoggingThreshold(
+    value[THRESHOLD_PROPERTY] ?? definition.slowThreshold
+  );
+  const visibleEvents = ConnectionLoggingPolicy_model.visibleConnectionLogEvents(
+    definition,
+    value,
+    previewLevel
+  );
+  const updateOverride = (property, next, defaultValue) => {
+    const updated = { ...value };
+    if (next === defaultValue) delete updated[property];
+    else updated[property] = next;
+    onChange(updated);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "section",
+    {
+      className: utils.cn(
+        "space-y-density-4 rounded-lg border border-border bg-card p-density-4",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("header", { className: "flex flex-wrap items-start justify-between gap-density-3", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-semibold text-foreground", children: "Connection logging" }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "max-w-3xl text-xs leading-relaxed text-muted-foreground", children: "Errors win over slow operations, then the provider-specific record. Payloads are bounded and credentials are sanitized before logging." })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rounded-full border border-border bg-muted px-2 py-1 text-[11px] font-medium uppercase tracking-wide text-muted-foreground", children: definition.family })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-density-4 xl:grid-cols-[minmax(0,1.2fr)_minmax(22rem,0.8fr)]", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-density-3", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              ThresholdControl,
+              {
+                label: definition.thresholdLabel,
+                threshold,
+                disabled: readOnly,
+                onChange: (next) => updateOverride(
+                  THRESHOLD_PROPERTY,
+                  `${next.amount}${next.unit}`,
+                  definition.slowThreshold
+                )
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-hidden rounded-md border border-border", children: definition.events.map((event) => {
+              const level = ConnectionLoggingPolicy_model.effectiveConnectionLogLevel(event, value);
+              return /* @__PURE__ */ jsxRuntime.jsxs(
+                "div",
+                {
+                  className: "grid gap-density-3 border-b border-border p-density-3 last:border-b-0 md:grid-cols-[minmax(0,1fr)_8rem]",
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 space-y-1.5", children: [
+                      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+                        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium text-foreground", children: event.label }),
+                        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rounded bg-muted px-1.5 py-0.5 font-mono text-[10px] text-muted-foreground", children: event.property })
+                      ] }),
+                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs leading-relaxed text-muted-foreground", children: event.description }),
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        "div",
+                        {
+                          className: "flex flex-wrap gap-1.5",
+                          "aria-label": `${event.label} captured fields`,
+                          children: event.captures.map((capture) => /* @__PURE__ */ jsxRuntime.jsx(
+                            "span",
+                            {
+                              className: "rounded-full border border-border px-1.5 py-0.5 text-[10px] text-muted-foreground",
+                              children: capture
+                            },
+                            capture
+                          ))
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "space-y-1 text-xs font-medium text-muted-foreground", children: [
+                      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "sr-only", children: [
+                        event.label,
+                        " level"
+                      ] }),
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        select.Select,
+                        {
+                          "aria-label": `${event.label} level`,
+                          value: level,
+                          disabled: readOnly,
+                          options: LEVEL_OPTIONS,
+                          onChange: (input) => updateOverride(
+                            event.property,
+                            input.target.value,
+                            event.default
+                          )
+                        }
+                      ),
+                      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "block text-[10px] font-normal", children: [
+                        "Default: ",
+                        event.default
+                      ] })
+                    ] })
+                  ]
+                },
+                event.event
+              );
+            }) })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("aside", { className: "min-w-0 space-y-density-3 rounded-md border border-border bg-background p-density-3", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-end justify-between gap-density-2", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-sm font-semibold text-foreground", children: "What gets logged" }),
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: "Cumulative records at the effective logger level." })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-end gap-density-2", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1 text-xs font-medium text-muted-foreground", children: [
+                  "Preview format",
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    SegmentedControl.SegmentedControl,
+                    {
+                      "aria-label": "Preview format",
+                      value: previewFormat,
+                      size: "sm",
+                      options: [
+                        { id: "pretty", label: "Pretty" },
+                        { id: "json", label: "JSON" }
+                      ],
+                      onChange: setPreviewFormat
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "w-36 space-y-1 text-xs font-medium text-muted-foreground", children: [
+                  "Preview level",
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    select.Select,
+                    {
+                      "aria-label": "Preview logger level",
+                      value: previewLevel,
+                      options: LEVEL_OPTIONS,
+                      onChange: (event) => setPreviewLevel(event.target.value)
+                    }
+                  )
+                ] })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                "data-testid": "connection-log-preview",
+                className: "space-y-density-2",
+                children: visibleEvents.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-md border border-dashed border-border p-density-4 text-center text-xs text-muted-foreground", children: "No connection records are emitted at this level." }) : visibleEvents.map((event) => /* @__PURE__ */ jsxRuntime.jsxs(
+                  "article",
+                  {
+                    "data-testid": "connection-log-preview-event",
+                    className: "overflow-hidden rounded-md border border-border",
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-2 border-b border-border bg-muted/60 px-2.5 py-1.5", children: [
+                        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-foreground", children: event.label }),
+                        /* @__PURE__ */ jsxRuntime.jsx(
+                          "span",
+                          {
+                            className: utils.cn(
+                              "font-mono text-[10px] font-semibold",
+                              levelTone(ConnectionLoggingPolicy_model.effectiveConnectionLogLevel(event, value))
+                            ),
+                            children: ConnectionLoggingPolicy_model.effectiveConnectionLogLevel(event, value)
+                          }
+                        )
+                      ] }),
+                      /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "overflow-x-auto whitespace-pre-wrap break-words p-2.5 font-mono text-[11px] leading-relaxed text-foreground", children: previewFormat === "pretty" ? event.prettyExample : JSON.stringify(event.example, null, 2) })
+                    ]
+                  },
+                  event.event
+                ))
+              }
+            )
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+function ThresholdControl({
+  label,
+  threshold,
+  disabled,
+  onChange
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-end justify-between gap-density-3 rounded-md border border-border bg-muted/30 p-density-3", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-medium text-foreground", children: label }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: "A successful operation at or above this duration logs as slow." })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-48 gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          type: "number",
+          min: "0.001",
+          step: "any",
+          "aria-label": "Slow threshold value",
+          value: threshold.amount,
+          disabled,
+          onChange: (event) => {
+            if (Number(event.target.value) > 0)
+              onChange({ ...threshold, amount: event.target.value });
+          },
+          className: "h-control-h min-w-0 flex-1 rounded-md border border-input bg-background px-control-px text-sm text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        select.Select,
+        {
+          "aria-label": "Slow threshold unit",
+          value: threshold.unit,
+          disabled,
+          className: "w-20",
+          options: [
+            { value: "ms", label: "ms" },
+            { value: "s", label: "sec" },
+            { value: "m", label: "min" },
+            { value: "h", label: "hour" }
+          ],
+          onChange: (event) => onChange({
+            ...threshold,
+            unit: event.target.value
+          })
+        }
+      )
+    ] })
+  ] });
+}
+function levelTone(level) {
+  switch (level) {
+    case "error":
+      return "text-destructive";
+    case "warn":
+      return "text-warning-foreground";
+    case "info":
+      return "text-foreground";
+    case "off":
+      return "text-muted-foreground";
+    default:
+      return "text-primary";
+  }
+}
+exports.ConnectionLoggingPolicy = ConnectionLoggingPolicy;
+//# sourceMappingURL=ConnectionLoggingPolicy.cjs.map

package/dist/components/ConnectionLoggingPolicy.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectionLoggingPolicy.cjs","sources":["../../src/components/ConnectionLoggingPolicy.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { SegmentedControl } from \"./SegmentedControl\";\nimport { Select } from \"./select\";\nimport {\n  CONNECTION_LOG_LEVELS,\n  effectiveConnectionLogLevel,\n  parseConnectionLoggingThreshold,\n  visibleConnectionLogEvents,\n  type ConnectionLogLevel,\n  type ConnectionLoggingPolicyProps,\n  type ConnectionLoggingThreshold,\n} from \"./ConnectionLoggingPolicy.model\";\n\nconst LEVEL_OPTIONS = CONNECTION_LOG_LEVELS.map((level) => ({\n  value: level,\n  label: level === \"off\" ? \"Off\" : level[0]?.toUpperCase() + level.slice(1),\n}));\n\nconst THRESHOLD_PROPERTY = \"log.slowThreshold\";\ntype PreviewFormat = \"pretty\" | \"json\";\n\nexport function ConnectionLoggingPolicy({\n  definition,\n  value = {},\n  onChange,\n  readOnly = false,\n  className,\n}: ConnectionLoggingPolicyProps) {\n  const [previewLevel, setPreviewLevel] = useState<ConnectionLogLevel>(\"debug\");\n  const [previewFormat, setPreviewFormat] = useState<PreviewFormat>(\"pretty\");\n  const threshold = parseConnectionLoggingThreshold(\n    value[THRESHOLD_PROPERTY] ?? definition.slowThreshold,\n  );\n  const visibleEvents = visibleConnectionLogEvents(\n    definition,\n    value,\n    previewLevel,\n  );\n\n  const updateOverride = (\n    property: string,\n    next: string,\n    defaultValue: string,\n  ) => {\n    const updated = { ...value };\n    if (next === defaultValue) delete updated[property];\n    else updated[property] = next;\n    onChange(updated);\n  };\n\n  return (\n    <section\n      className={cn(\n        \"space-y-density-4 rounded-lg border border-border bg-card p-density-4\",\n        className,\n      )}\n    >\n      <header className=\"flex flex-wrap items-start justify-between gap-density-3\">\n        <div className=\"space-y-1\">\n          <h3 className=\"text-sm font-semibold text-foreground\">\n            Connection logging\n          </h3>\n          <p className=\"max-w-3xl text-xs leading-relaxed text-muted-foreground\">\n            Errors win over slow operations, then the provider-specific record.\n            Payloads are bounded and credentials are sanitized before logging.\n          </p>\n        </div>\n        <span className=\"rounded-full border border-border bg-muted px-2 py-1 text-[11px] font-medium uppercase tracking-wide text-muted-foreground\">\n          {definition.family}\n        </span>\n      </header>\n\n      <div className=\"grid gap-density-4 xl:grid-cols-[minmax(0,1.2fr)_minmax(22rem,0.8fr)]\">\n        <div className=\"space-y-density-3\">\n          <ThresholdControl\n            label={definition.thresholdLabel}\n            threshold={threshold}\n            disabled={readOnly}\n            onChange={(next) =>\n              updateOverride(\n                THRESHOLD_PROPERTY,\n                `${next.amount}${next.unit}`,\n                definition.slowThreshold,\n              )\n            }\n          />\n\n          <div className=\"overflow-hidden rounded-md border border-border\">\n            {definition.events.map((event) => {\n              const level = effectiveConnectionLogLevel(event, value);\n              return (\n                <div\n                  key={event.event}\n                  className=\"grid gap-density-3 border-b border-border p-density-3 last:border-b-0 md:grid-cols-[minmax(0,1fr)_8rem]\"\n                >\n                  <div className=\"min-w-0 space-y-1.5\">\n                    <div className=\"flex flex-wrap items-center gap-2\">\n                      <span className=\"text-sm font-medium text-foreground\">\n                        {event.label}\n                      </span>\n                      <span className=\"rounded bg-muted px-1.5 py-0.5 font-mono text-[10px] text-muted-foreground\">\n                        {event.property}\n                      </span>\n                    </div>\n                    <p className=\"text-xs leading-relaxed text-muted-foreground\">\n                      {event.description}\n                    </p>\n                    <div\n                      className=\"flex flex-wrap gap-1.5\"\n                      aria-label={`${event.label} captured fields`}\n                    >\n                      {event.captures.map((capture) => (\n                        <span\n                          key={capture}\n                          className=\"rounded-full border border-border px-1.5 py-0.5 text-[10px] text-muted-foreground\"\n                        >\n                          {capture}\n                        </span>\n                      ))}\n                    </div>\n                  </div>\n                  <label className=\"space-y-1 text-xs font-medium text-muted-foreground\">\n                    <span className=\"sr-only\">{event.label} level</span>\n                    <Select\n                      aria-label={`${event.label} level`}\n                      value={level}\n                      disabled={readOnly}\n                      options={LEVEL_OPTIONS}\n                      onChange={(input) =>\n                        updateOverride(\n                          event.property,\n                          input.target.value,\n                          event.default,\n                        )\n                      }\n                    />\n                    <span className=\"block text-[10px] font-normal\">\n                      Default: {event.default}\n                    </span>\n                  </label>\n                </div>\n              );\n            })}\n          </div>\n        </div>\n\n        <aside className=\"min-w-0 space-y-density-3 rounded-md border border-border bg-background p-density-3\">\n          <div className=\"flex flex-wrap items-end justify-between gap-density-2\">\n            <div>\n              <h4 className=\"text-sm font-semibold text-foreground\">\n                What gets logged\n              </h4>\n              <p className=\"text-xs text-muted-foreground\">\n                Cumulative records at the effective logger level.\n              </p>\n            </div>\n            <div className=\"flex flex-wrap items-end gap-density-2\">\n              <div className=\"space-y-1 text-xs font-medium text-muted-foreground\">\n                Preview format\n                <SegmentedControl<PreviewFormat>\n                  aria-label=\"Preview format\"\n                  value={previewFormat}\n                  size=\"sm\"\n                  options={[\n                    { id: \"pretty\", label: \"Pretty\" },\n                    { id: \"json\", label: \"JSON\" },\n                  ]}\n                  onChange={setPreviewFormat}\n                />\n              </div>\n              <label className=\"w-36 space-y-1 text-xs font-medium text-muted-foreground\">\n                Preview level\n                <Select\n                  aria-label=\"Preview logger level\"\n                  value={previewLevel}\n                  options={LEVEL_OPTIONS}\n                  onChange={(event) =>\n                    setPreviewLevel(event.target.value as ConnectionLogLevel)\n                  }\n                />\n              </label>\n            </div>\n          </div>\n\n          <div\n            data-testid=\"connection-log-preview\"\n            className=\"space-y-density-2\"\n          >\n            {visibleEvents.length === 0 ? (\n              <div className=\"rounded-md border border-dashed border-border p-density-4 text-center text-xs text-muted-foreground\">\n                No connection records are emitted at this level.\n              </div>\n            ) : (\n              visibleEvents.map((event) => (\n                <article\n                  key={event.event}\n                  data-testid=\"connection-log-preview-event\"\n                  className=\"overflow-hidden rounded-md border border-border\"\n                >\n                  <div className=\"flex items-center justify-between gap-2 border-b border-border bg-muted/60 px-2.5 py-1.5\">\n                    <span className=\"text-xs font-medium text-foreground\">\n                      {event.label}\n                    </span>\n                    <span\n                      className={cn(\n                        \"font-mono text-[10px] font-semibold\",\n                        levelTone(effectiveConnectionLogLevel(event, value)),\n                      )}\n                    >\n                      {effectiveConnectionLogLevel(event, value)}\n                    </span>\n                  </div>\n                  <pre className=\"overflow-x-auto whitespace-pre-wrap break-words p-2.5 font-mono text-[11px] leading-relaxed text-foreground\">\n                    {previewFormat === \"pretty\"\n                      ? event.prettyExample\n                      : JSON.stringify(event.example, null, 2)}\n                  </pre>\n                </article>\n              ))\n            )}\n          </div>\n        </aside>\n      </div>\n    </section>\n  );\n}\n\nfunction ThresholdControl({\n  label,\n  threshold,\n  disabled,\n  onChange,\n}: {\n  label: string;\n  threshold: ConnectionLoggingThreshold;\n  disabled: boolean;\n  onChange: (next: ConnectionLoggingThreshold) => void;\n}) {\n  return (\n    <div className=\"flex flex-wrap items-end justify-between gap-density-3 rounded-md border border-border bg-muted/30 p-density-3\">\n      <div>\n        <div className=\"text-sm font-medium text-foreground\">{label}</div>\n        <p className=\"text-xs text-muted-foreground\">\n          A successful operation at or above this duration logs as slow.\n        </p>\n      </div>\n      <div className=\"flex w-48 gap-2\">\n        <input\n          type=\"number\"\n          min=\"0.001\"\n          step=\"any\"\n          aria-label=\"Slow threshold value\"\n          value={threshold.amount}\n          disabled={disabled}\n          onChange={(event) => {\n            if (Number(event.target.value) > 0)\n              onChange({ ...threshold, amount: event.target.value });\n          }}\n          className=\"h-control-h min-w-0 flex-1 rounded-md border border-input bg-background px-control-px text-sm text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n        />\n        <Select\n          aria-label=\"Slow threshold unit\"\n          value={threshold.unit}\n          disabled={disabled}\n          className=\"w-20\"\n          options={[\n            { value: \"ms\", label: \"ms\" },\n            { value: \"s\", label: \"sec\" },\n            { value: \"m\", label: \"min\" },\n            { value: \"h\", label: \"hour\" },\n          ]}\n          onChange={(event) =>\n            onChange({\n              ...threshold,\n              unit: event.target.value as ConnectionLoggingThreshold[\"unit\"],\n            })\n          }\n        />\n      </div>\n    </div>\n  );\n}\n\nfunction levelTone(level: ConnectionLogLevel) {\n  switch (level) {\n    case \"error\":\n      return \"text-destructive\";\n    case \"warn\":\n      return \"text-warning-foreground\";\n    case \"info\":\n      return \"text-foreground\";\n    case \"off\":\n      return \"text-muted-foreground\";\n    default:\n      return \"text-primary\";\n  }\n}\n"],"names":["CONNECTION_LOG_LEVELS","useState","parseConnectionLoggingThreshold","visibleConnectionLogEvents","jsxs","cn","jsx","effectiveConnectionLogLevel","Select","SegmentedControl"],"mappings":";;;;;;;;AAcA,MAAM,gBAAgBA,8BAAAA,sBAAsB,IAAI,CAAC,UAAA;;AAAW;AAAA,IAC1D,OAAO;AAAA,IACP,OAAO,UAAU,QAAQ,UAAQ,WAAM,CAAC,MAAP,mBAAU,iBAAgB,MAAM,MAAM,CAAC;AAAA,EAC1E;AAAA,CAAE;AAEF,MAAM,qBAAqB;AAGpB,SAAS,wBAAwB;AAAA,EACtC;AAAA,EACA,QAAQ,CAAA;AAAA,EACR;AAAA,EACA,WAAW;AAAA,EACX;AACF,GAAiC;AAC/B,QAAM,CAAC,cAAc,eAAe,IAAIC,MAAAA,SAA6B,OAAO;AAC5E,QAAM,CAAC,eAAe,gBAAgB,IAAIA,MAAAA,SAAwB,QAAQ;AAC1E,QAAM,YAAYC,8BAAAA;AAAAA,IAChB,MAAM,kBAAkB,KAAK,WAAW;AAAA,EAAA;AAE1C,QAAM,gBAAgBC,8BAAAA;AAAAA,IACpB;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAGF,QAAM,iBAAiB,CACrB,UACA,MACA,iBACG;AACH,UAAM,UAAU,EAAE,GAAG,MAAA;AACrB,QAAI,SAAS,aAAc,QAAO,QAAQ,QAAQ;AAAA,QAC7C,SAAQ,QAAQ,IAAI;AACzB,aAAS,OAAO;AAAA,EAClB;AAEA,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,MAAAA;AAAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAGF,UAAA;AAAA,QAAAD,2BAAAA,KAAC,UAAA,EAAO,WAAU,4DAChB,UAAA;AAAA,UAAAA,2BAAAA,KAAC,OAAA,EAAI,WAAU,aACb,UAAA;AAAA,YAAAE,2BAAAA,IAAC,MAAA,EAAG,WAAU,yCAAwC,UAAA,sBAEtD;AAAA,YACAA,2BAAAA,IAAC,KAAA,EAAE,WAAU,2DAA0D,UAAA,yIAAA,CAGvE;AAAA,UAAA,GACF;AAAA,UACAA,2BAAAA,IAAC,QAAA,EAAK,WAAU,8HACb,qBAAW,OAAA,CACd;AAAA,QAAA,GACF;AAAA,QAEAF,2BAAAA,KAAC,OAAA,EAAI,WAAU,yEACb,UAAA;AAAA,UAAAA,2BAAAA,KAAC,OAAA,EAAI,WAAU,qBACb,UAAA;AAAA,YAAAE,2BAAAA;AAAAA,cAAC;AAAA,cAAA;AAAA,gBACC,OAAO,WAAW;AAAA,gBAClB;AAAA,gBACA,UAAU;AAAA,gBACV,UAAU,CAAC,SACT;AAAA,kBACE;AAAA,kBACA,GAAG,KAAK,MAAM,GAAG,KAAK,IAAI;AAAA,kBAC1B,WAAW;AAAA,gBAAA;AAAA,cACb;AAAA,YAAA;AAAA,YAIJA,+BAAC,SAAI,WAAU,mDACZ,qBAAW,OAAO,IAAI,CAAC,UAAU;AAChC,oBAAM,QAAQC,8BAAAA,4BAA4B,OAAO,KAAK;AACtD,qBACEH,2BAAAA;AAAAA,gBAAC;AAAA,gBAAA;AAAA,kBAEC,WAAU;AAAA,kBAEV,UAAA;AAAA,oBAAAA,2BAAAA,KAAC,OAAA,EAAI,WAAU,uBACb,UAAA;AAAA,sBAAAA,2BAAAA,KAAC,OAAA,EAAI,WAAU,qCACb,UAAA;AAAA,wBAAAE,2BAAAA,IAAC,QAAA,EAAK,WAAU,uCACb,UAAA,MAAM,OACT;AAAA,wBACAA,2BAAAA,IAAC,QAAA,EAAK,WAAU,8EACb,gBAAM,SAAA,CACT;AAAA,sBAAA,GACF;AAAA,sBACAA,2BAAAA,IAAC,KAAA,EAAE,WAAU,iDACV,gBAAM,aACT;AAAA,sBACAA,2BAAAA;AAAAA,wBAAC;AAAA,wBAAA;AAAA,0BACC,WAAU;AAAA,0BACV,cAAY,GAAG,MAAM,KAAK;AAAA,0BAEzB,UAAA,MAAM,SAAS,IAAI,CAAC,YACnBA,2BAAAA;AAAAA,4BAAC;AAAA,4BAAA;AAAA,8BAEC,WAAU;AAAA,8BAET,UAAA;AAAA,4BAAA;AAAA,4BAHI;AAAA,0BAAA,CAKR;AAAA,wBAAA;AAAA,sBAAA;AAAA,oBACH,GACF;AAAA,oBACAF,2BAAAA,KAAC,SAAA,EAAM,WAAU,uDACf,UAAA;AAAA,sBAAAA,2BAAAA,KAAC,QAAA,EAAK,WAAU,WAAW,UAAA;AAAA,wBAAA,MAAM;AAAA,wBAAM;AAAA,sBAAA,GAAM;AAAA,sBAC7CE,2BAAAA;AAAAA,wBAACE,OAAAA;AAAAA,wBAAA;AAAA,0BACC,cAAY,GAAG,MAAM,KAAK;AAAA,0BAC1B,OAAO;AAAA,0BACP,UAAU;AAAA,0BACV,SAAS;AAAA,0BACT,UAAU,CAAC,UACT;AAAA,4BACE,MAAM;AAAA,4BACN,MAAM,OAAO;AAAA,4BACb,MAAM;AAAA,0BAAA;AAAA,wBACR;AAAA,sBAAA;AAAA,sBAGJJ,2BAAAA,KAAC,QAAA,EAAK,WAAU,iCAAgC,UAAA;AAAA,wBAAA;AAAA,wBACpC,MAAM;AAAA,sBAAA,EAAA,CAClB;AAAA,oBAAA,EAAA,CACF;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBA/CK,MAAM;AAAA,cAAA;AAAA,YAkDjB,CAAC,EAAA,CACH;AAAA,UAAA,GACF;AAAA,UAEAA,2BAAAA,KAAC,SAAA,EAAM,WAAU,uFACf,UAAA;AAAA,YAAAA,2BAAAA,KAAC,OAAA,EAAI,WAAU,0DACb,UAAA;AAAA,cAAAA,gCAAC,OAAA,EACC,UAAA;AAAA,gBAAAE,2BAAAA,IAAC,MAAA,EAAG,WAAU,yCAAwC,UAAA,oBAEtD;AAAA,gBACAA,2BAAAA,IAAC,KAAA,EAAE,WAAU,iCAAgC,UAAA,oDAAA,CAE7C;AAAA,cAAA,GACF;AAAA,cACAF,2BAAAA,KAAC,OAAA,EAAI,WAAU,0CACb,UAAA;AAAA,gBAAAA,2BAAAA,KAAC,OAAA,EAAI,WAAU,uDAAsD,UAAA;AAAA,kBAAA;AAAA,kBAEnEE,2BAAAA;AAAAA,oBAACG,iBAAAA;AAAAA,oBAAA;AAAA,sBACC,cAAW;AAAA,sBACX,OAAO;AAAA,sBACP,MAAK;AAAA,sBACL,SAAS;AAAA,wBACP,EAAE,IAAI,UAAU,OAAO,SAAA;AAAA,wBACvB,EAAE,IAAI,QAAQ,OAAO,OAAA;AAAA,sBAAO;AAAA,sBAE9B,UAAU;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBACZ,GACF;AAAA,gBACAL,2BAAAA,KAAC,SAAA,EAAM,WAAU,4DAA2D,UAAA;AAAA,kBAAA;AAAA,kBAE1EE,2BAAAA;AAAAA,oBAACE,OAAAA;AAAAA,oBAAA;AAAA,sBACC,cAAW;AAAA,sBACX,OAAO;AAAA,sBACP,SAAS;AAAA,sBACT,UAAU,CAAC,UACT,gBAAgB,MAAM,OAAO,KAA2B;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBAE5D,EAAA,CACF;AAAA,cAAA,EAAA,CACF;AAAA,YAAA,GACF;AAAA,YAEAF,2BAAAA;AAAAA,cAAC;AAAA,cAAA;AAAA,gBACC,eAAY;AAAA,gBACZ,WAAU;AAAA,gBAET,UAAA,cAAc,WAAW,IACxBA,2BAAAA,IAAC,OAAA,EAAI,WAAU,uGAAsG,UAAA,mDAAA,CAErH,IAEA,cAAc,IAAI,CAAC,UACjBF,2BAAAA;AAAAA,kBAAC;AAAA,kBAAA;AAAA,oBAEC,eAAY;AAAA,oBACZ,WAAU;AAAA,oBAEV,UAAA;AAAA,sBAAAA,2BAAAA,KAAC,OAAA,EAAI,WAAU,4FACb,UAAA;AAAA,wBAAAE,2BAAAA,IAAC,QAAA,EAAK,WAAU,uCACb,UAAA,MAAM,OACT;AAAA,wBACAA,2BAAAA;AAAAA,0BAAC;AAAA,0BAAA;AAAA,4BACC,WAAWD,MAAAA;AAAAA,8BACT;AAAA,8BACA,UAAUE,8BAAAA,4BAA4B,OAAO,KAAK,CAAC;AAAA,4BAAA;AAAA,4BAGpD,UAAAA,8BAAAA,4BAA4B,OAAO,KAAK;AAAA,0BAAA;AAAA,wBAAA;AAAA,sBAC3C,GACF;AAAA,sBACAD,2BAAAA,IAAC,OAAA,EAAI,WAAU,+GACZ,4BAAkB,WACf,MAAM,gBACN,KAAK,UAAU,MAAM,SAAS,MAAM,CAAC,EAAA,CAC3C;AAAA,oBAAA;AAAA,kBAAA;AAAA,kBArBK,MAAM;AAAA,gBAAA,CAuBd;AAAA,cAAA;AAAA,YAAA;AAAA,UAEL,EAAA,CACF;AAAA,QAAA,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,SAAS,iBAAiB;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKG;AACD,SACEF,2BAAAA,KAAC,OAAA,EAAI,WAAU,kHACb,UAAA;AAAA,IAAAA,gCAAC,OAAA,EACC,UAAA;AAAA,MAAAE,2BAAAA,IAAC,OAAA,EAAI,WAAU,uCAAuC,UAAA,OAAM;AAAA,MAC5DA,2BAAAA,IAAC,KAAA,EAAE,WAAU,iCAAgC,UAAA,iEAAA,CAE7C;AAAA,IAAA,GACF;AAAA,IACAF,2BAAAA,KAAC,OAAA,EAAI,WAAU,mBACb,UAAA;AAAA,MAAAE,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,KAAI;AAAA,UACJ,MAAK;AAAA,UACL,cAAW;AAAA,UACX,OAAO,UAAU;AAAA,UACjB;AAAA,UACA,UAAU,CAAC,UAAU;AACnB,gBAAI,OAAO,MAAM,OAAO,KAAK,IAAI;AAC/B,uBAAS,EAAE,GAAG,WAAW,QAAQ,MAAM,OAAO,OAAO;AAAA,UACzD;AAAA,UACA,WAAU;AAAA,QAAA;AAAA,MAAA;AAAA,MAEZA,2BAAAA;AAAAA,QAACE,OAAAA;AAAAA,QAAA;AAAA,UACC,cAAW;AAAA,UACX,OAAO,UAAU;AAAA,UACjB;AAAA,UACA,WAAU;AAAA,UACV,SAAS;AAAA,YACP,EAAE,OAAO,MAAM,OAAO,KAAA;AAAA,YACtB,EAAE,OAAO,KAAK,OAAO,MAAA;AAAA,YACrB,EAAE,OAAO,KAAK,OAAO,MAAA;AAAA,YACrB,EAAE,OAAO,KAAK,OAAO,OAAA;AAAA,UAAO;AAAA,UAE9B,UAAU,CAAC,UACT,SAAS;AAAA,YACP,GAAG;AAAA,YACH,MAAM,MAAM,OAAO;AAAA,UAAA,CACpB;AAAA,QAAA;AAAA,MAAA;AAAA,IAEL,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;AAEA,SAAS,UAAU,OAA2B;AAC5C,UAAQ,OAAA;AAAA,IACN,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EAAA;AAEb;;"}

package/dist/components/ConnectionLoggingPolicy.d.ts

@@ -0,0 +1,3 @@
+import { ConnectionLoggingPolicyProps } from './ConnectionLoggingPolicy.model';
+export declare function ConnectionLoggingPolicy({ definition, value, onChange, readOnly, className, }: ConnectionLoggingPolicyProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ConnectionLoggingPolicy.d.ts.map

package/dist/components/ConnectionLoggingPolicy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectionLoggingPolicy.d.ts","sourceRoot":"","sources":["../../src/components/ConnectionLoggingPolicy.tsx"],"names":[],"mappings":"AAIA,OAAO,EAML,KAAK,4BAA4B,EAElC,MAAM,iCAAiC,CAAC;AAUzC,wBAAgB,uBAAuB,CAAC,EACtC,UAAU,EACV,KAAU,EACV,QAAQ,EACR,QAAgB,EAChB,SAAS,GACV,EAAE,4BAA4B,2CAsM9B"}