@flanksource/clicky-ui 0.3.21 → 0.3.23

package/dist/components/ConnectionLoggingPolicy.js

@@ -0,0 +1,268 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { cn } from "../lib/utils.js";
+import { SegmentedControl } from "./SegmentedControl.js";
+import { Select } from "./select.js";
+import { parseConnectionLoggingThreshold, visibleConnectionLogEvents, effectiveConnectionLogLevel, CONNECTION_LOG_LEVELS } from "./ConnectionLoggingPolicy.model.js";
+const LEVEL_OPTIONS = 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] = useState("debug");
+  const [previewFormat, setPreviewFormat] = useState("pretty");
+  const threshold = parseConnectionLoggingThreshold(
+    value[THRESHOLD_PROPERTY] ?? definition.slowThreshold
+  );
+  const visibleEvents = 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__ */ jsxs(
+    "section",
+    {
+      className: cn(
+        "space-y-density-4 rounded-lg border border-border bg-card p-density-4",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxs("header", { className: "flex flex-wrap items-start justify-between gap-density-3", children: [
+          /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+            /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-foreground", children: "Connection logging" }),
+            /* @__PURE__ */ 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__ */ 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__ */ jsxs("div", { className: "grid gap-density-4 xl:grid-cols-[minmax(0,1.2fr)_minmax(22rem,0.8fr)]", children: [
+          /* @__PURE__ */ jsxs("div", { className: "space-y-density-3", children: [
+            /* @__PURE__ */ jsx(
+              ThresholdControl,
+              {
+                label: definition.thresholdLabel,
+                threshold,
+                disabled: readOnly,
+                onChange: (next) => updateOverride(
+                  THRESHOLD_PROPERTY,
+                  `${next.amount}${next.unit}`,
+                  definition.slowThreshold
+                )
+              }
+            ),
+            /* @__PURE__ */ jsx("div", { className: "overflow-hidden rounded-md border border-border", children: definition.events.map((event) => {
+              const level = effectiveConnectionLogLevel(event, value);
+              return /* @__PURE__ */ 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__ */ jsxs("div", { className: "min-w-0 space-y-1.5", children: [
+                      /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+                        /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-foreground", children: event.label }),
+                        /* @__PURE__ */ jsx("span", { className: "rounded bg-muted px-1.5 py-0.5 font-mono text-[10px] text-muted-foreground", children: event.property })
+                      ] }),
+                      /* @__PURE__ */ jsx("p", { className: "text-xs leading-relaxed text-muted-foreground", children: event.description }),
+                      /* @__PURE__ */ jsx(
+                        "div",
+                        {
+                          className: "flex flex-wrap gap-1.5",
+                          "aria-label": `${event.label} captured fields`,
+                          children: event.captures.map((capture) => /* @__PURE__ */ jsx(
+                            "span",
+                            {
+                              className: "rounded-full border border-border px-1.5 py-0.5 text-[10px] text-muted-foreground",
+                              children: capture
+                            },
+                            capture
+                          ))
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ jsxs("label", { className: "space-y-1 text-xs font-medium text-muted-foreground", children: [
+                      /* @__PURE__ */ jsxs("span", { className: "sr-only", children: [
+                        event.label,
+                        " level"
+                      ] }),
+                      /* @__PURE__ */ jsx(
+                        Select,
+                        {
+                          "aria-label": `${event.label} level`,
+                          value: level,
+                          disabled: readOnly,
+                          options: LEVEL_OPTIONS,
+                          onChange: (input) => updateOverride(
+                            event.property,
+                            input.target.value,
+                            event.default
+                          )
+                        }
+                      ),
+                      /* @__PURE__ */ jsxs("span", { className: "block text-[10px] font-normal", children: [
+                        "Default: ",
+                        event.default
+                      ] })
+                    ] })
+                  ]
+                },
+                event.event
+              );
+            }) })
+          ] }),
+          /* @__PURE__ */ jsxs("aside", { className: "min-w-0 space-y-density-3 rounded-md border border-border bg-background p-density-3", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-end justify-between gap-density-2", children: [
+              /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsx("h4", { className: "text-sm font-semibold text-foreground", children: "What gets logged" }),
+                /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Cumulative records at the effective logger level." })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-end gap-density-2", children: [
+                /* @__PURE__ */ jsxs("div", { className: "space-y-1 text-xs font-medium text-muted-foreground", children: [
+                  "Preview format",
+                  /* @__PURE__ */ jsx(
+                    SegmentedControl,
+                    {
+                      "aria-label": "Preview format",
+                      value: previewFormat,
+                      size: "sm",
+                      options: [
+                        { id: "pretty", label: "Pretty" },
+                        { id: "json", label: "JSON" }
+                      ],
+                      onChange: setPreviewFormat
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxs("label", { className: "w-36 space-y-1 text-xs font-medium text-muted-foreground", children: [
+                  "Preview level",
+                  /* @__PURE__ */ jsx(
+                    Select,
+                    {
+                      "aria-label": "Preview logger level",
+                      value: previewLevel,
+                      options: LEVEL_OPTIONS,
+                      onChange: (event) => setPreviewLevel(event.target.value)
+                    }
+                  )
+                ] })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                "data-testid": "connection-log-preview",
+                className: "space-y-density-2",
+                children: visibleEvents.length === 0 ? /* @__PURE__ */ 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__ */ jsxs(
+                  "article",
+                  {
+                    "data-testid": "connection-log-preview-event",
+                    className: "overflow-hidden rounded-md border border-border",
+                    children: [
+                      /* @__PURE__ */ 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__ */ jsx("span", { className: "text-xs font-medium text-foreground", children: event.label }),
+                        /* @__PURE__ */ jsx(
+                          "span",
+                          {
+                            className: cn(
+                              "font-mono text-[10px] font-semibold",
+                              levelTone(effectiveConnectionLogLevel(event, value))
+                            ),
+                            children: effectiveConnectionLogLevel(event, value)
+                          }
+                        )
+                      ] }),
+                      /* @__PURE__ */ 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__ */ 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__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("div", { className: "text-sm font-medium text-foreground", children: label }),
+      /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "A successful operation at or above this duration logs as slow." })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex w-48 gap-2", children: [
+      /* @__PURE__ */ 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__ */ jsx(
+        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";
+  }
+}
+export {
+  ConnectionLoggingPolicy
+};
+//# sourceMappingURL=ConnectionLoggingPolicy.js.map

package/dist/components/ConnectionLoggingPolicy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectionLoggingPolicy.js","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":[],"mappings":"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"}

package/dist/components/ConnectionLoggingPolicy.model.cjs

@@ -0,0 +1,52 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const CONNECTION_LOG_LEVELS = [
+  "off",
+  "error",
+  "warn",
+  "info",
+  "debug",
+  "trace",
+  "trace1",
+  "trace2",
+  "trace3",
+  "trace4"
+];
+const LEVEL_ORDER = new Map(
+  CONNECTION_LOG_LEVELS.map((level, index) => [level, index])
+);
+const THRESHOLD_PATTERN = /^([0-9]+(?:\.[0-9]+)?)(ms|s|m|h)$/;
+function parseConnectionLoggingThreshold(value) {
+  const match = THRESHOLD_PATTERN.exec(value.trim());
+  const amount = match == null ? void 0 : match[1];
+  const unit = match == null ? void 0 : match[2];
+  if (!amount || !unit) {
+    throw new Error(`invalid connection logging threshold "${value}"`);
+  }
+  return { amount, unit };
+}
+function isConnectionLoggingCapability(value) {
+  if (!value || typeof value !== "object") return false;
+  const candidate = value;
+  return (candidate.family === "generic" || candidate.family === "sql" || candidate.family === "http") && typeof candidate.slowThreshold === "string" && THRESHOLD_PATTERN.test(candidate.slowThreshold.trim()) && typeof candidate.thresholdLabel === "string" && Array.isArray(candidate.events) && candidate.events.every(
+    (event) => event && typeof event.event === "string" && typeof event.property === "string" && typeof event.label === "string" && typeof event.description === "string" && typeof event.default === "string" && Array.isArray(event.captures) && event.captures.every((capture) => typeof capture === "string") && Boolean(event.example) && typeof event.example === "object" && !Array.isArray(event.example) && typeof event.prettyExample === "string" && CONNECTION_LOG_LEVELS.includes(event.default)
+  );
+}
+function visibleConnectionLogEvents(definition, value, previewLevel) {
+  const previewOrder = LEVEL_ORDER.get(previewLevel) ?? -1;
+  return definition.events.filter((event) => {
+    const eventLevel = effectiveConnectionLogLevel(event, value);
+    if (eventLevel === "off") return false;
+    return (LEVEL_ORDER.get(eventLevel) ?? Number.POSITIVE_INFINITY) <= previewOrder;
+  });
+}
+function effectiveConnectionLogLevel(event, value) {
+  const override = value[event.property];
+  return CONNECTION_LOG_LEVELS.includes(override) ? override : event.default;
+}
+exports.CONNECTION_LOG_LEVELS = CONNECTION_LOG_LEVELS;
+exports.effectiveConnectionLogLevel = effectiveConnectionLogLevel;
+exports.isConnectionLoggingCapability = isConnectionLoggingCapability;
+exports.parseConnectionLoggingThreshold = parseConnectionLoggingThreshold;
+exports.visibleConnectionLogEvents = visibleConnectionLogEvents;
+//# sourceMappingURL=ConnectionLoggingPolicy.model.cjs.map

package/dist/components/ConnectionLoggingPolicy.model.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectionLoggingPolicy.model.cjs","sources":["../../src/components/ConnectionLoggingPolicy.model.ts"],"sourcesContent":["export const CONNECTION_LOG_LEVELS = [\n  \"off\",\n  \"error\",\n  \"warn\",\n  \"info\",\n  \"debug\",\n  \"trace\",\n  \"trace1\",\n  \"trace2\",\n  \"trace3\",\n  \"trace4\",\n] as const;\n\nexport type ConnectionLogLevel = (typeof CONNECTION_LOG_LEVELS)[number];\nexport type ConnectionLoggingFamily = \"generic\" | \"sql\" | \"http\";\nexport type ConnectionLoggingThreshold = {\n  amount: string;\n  unit: \"ms\" | \"s\" | \"m\" | \"h\";\n};\n\nexport type ConnectionLoggingEvent = {\n  event: string;\n  property: string;\n  label: string;\n  description: string;\n  default: ConnectionLogLevel;\n  captures: string[];\n  example: Record<string, unknown>;\n  prettyExample: string;\n};\n\nexport type ConnectionLoggingCapability = {\n  family: ConnectionLoggingFamily;\n  slowThreshold: string;\n  thresholdLabel: string;\n  events: ConnectionLoggingEvent[];\n};\n\nexport type ConnectionLoggingPolicyProps = {\n  definition: ConnectionLoggingCapability;\n  value?: Record<string, string>;\n  onChange: (next: Record<string, string>) => void;\n  readOnly?: boolean;\n  className?: string;\n};\n\nconst LEVEL_ORDER = new Map(\n  CONNECTION_LOG_LEVELS.map((level, index) => [level, index]),\n);\nconst THRESHOLD_PATTERN = /^([0-9]+(?:\\.[0-9]+)?)(ms|s|m|h)$/;\n\nexport function parseConnectionLoggingThreshold(\n  value: string,\n): ConnectionLoggingThreshold {\n  const match = THRESHOLD_PATTERN.exec(value.trim());\n  const amount = match?.[1];\n  const unit = match?.[2];\n  if (!amount || !unit) {\n    throw new Error(`invalid connection logging threshold \"${value}\"`);\n  }\n  return { amount, unit: unit as ConnectionLoggingThreshold[\"unit\"] };\n}\n\nexport function isConnectionLoggingCapability(\n  value: unknown,\n): value is ConnectionLoggingCapability {\n  if (!value || typeof value !== \"object\") return false;\n  const candidate = value as Partial<ConnectionLoggingCapability>;\n  return (\n    (candidate.family === \"generic\" ||\n      candidate.family === \"sql\" ||\n      candidate.family === \"http\") &&\n    typeof candidate.slowThreshold === \"string\" &&\n    THRESHOLD_PATTERN.test(candidate.slowThreshold.trim()) &&\n    typeof candidate.thresholdLabel === \"string\" &&\n    Array.isArray(candidate.events) &&\n    candidate.events.every(\n      (event) =>\n        event &&\n        typeof event.event === \"string\" &&\n        typeof event.property === \"string\" &&\n        typeof event.label === \"string\" &&\n        typeof event.description === \"string\" &&\n        typeof event.default === \"string\" &&\n        Array.isArray(event.captures) &&\n        event.captures.every((capture) => typeof capture === \"string\") &&\n        Boolean(event.example) &&\n        typeof event.example === \"object\" &&\n        !Array.isArray(event.example) &&\n        typeof event.prettyExample === \"string\" &&\n        CONNECTION_LOG_LEVELS.includes(event.default as ConnectionLogLevel),\n    )\n  );\n}\n\nexport function visibleConnectionLogEvents(\n  definition: ConnectionLoggingCapability,\n  value: Record<string, string>,\n  previewLevel: ConnectionLogLevel,\n): ConnectionLoggingEvent[] {\n  const previewOrder = LEVEL_ORDER.get(previewLevel) ?? -1;\n  return definition.events.filter((event) => {\n    const eventLevel = effectiveConnectionLogLevel(event, value);\n    if (eventLevel === \"off\") return false;\n    return (\n      (LEVEL_ORDER.get(eventLevel) ?? Number.POSITIVE_INFINITY) <= previewOrder\n    );\n  });\n}\n\nexport function effectiveConnectionLogLevel(\n  event: ConnectionLoggingEvent,\n  value: Record<string, string>,\n): ConnectionLogLevel {\n  const override = value[event.property];\n  return CONNECTION_LOG_LEVELS.includes(override as ConnectionLogLevel)\n    ? (override as ConnectionLogLevel)\n    : event.default;\n}\n"],"names":[],"mappings":";;AAAO,MAAM,wBAAwB;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAmCA,MAAM,cAAc,IAAI;AAAA,EACtB,sBAAsB,IAAI,CAAC,OAAO,UAAU,CAAC,OAAO,KAAK,CAAC;AAC5D;AACA,MAAM,oBAAoB;AAEnB,SAAS,gCACd,OAC4B;AAC5B,QAAM,QAAQ,kBAAkB,KAAK,MAAM,MAAM;AACjD,QAAM,SAAS,+BAAQ;AACvB,QAAM,OAAO,+BAAQ;AACrB,MAAI,CAAC,UAAU,CAAC,MAAM;AACpB,UAAM,IAAI,MAAM,yCAAyC,KAAK,GAAG;AAAA,EACnE;AACA,SAAO,EAAE,QAAQ,KAAA;AACnB;AAEO,SAAS,8BACd,OACsC;AACtC,MAAI,CAAC,SAAS,OAAO,UAAU,SAAU,QAAO;AAChD,QAAM,YAAY;AAClB,UACG,UAAU,WAAW,aACpB,UAAU,WAAW,SACrB,UAAU,WAAW,WACvB,OAAO,UAAU,kBAAkB,YACnC,kBAAkB,KAAK,UAAU,cAAc,KAAA,CAAM,KACrD,OAAO,UAAU,mBAAmB,YACpC,MAAM,QAAQ,UAAU,MAAM,KAC9B,UAAU,OAAO;AAAA,IACf,CAAC,UACC,SACA,OAAO,MAAM,UAAU,YACvB,OAAO,MAAM,aAAa,YAC1B,OAAO,MAAM,UAAU,YACvB,OAAO,MAAM,gBAAgB,YAC7B,OAAO,MAAM,YAAY,YACzB,MAAM,QAAQ,MAAM,QAAQ,KAC5B,MAAM,SAAS,MAAM,CAAC,YAAY,OAAO,YAAY,QAAQ,KAC7D,QAAQ,MAAM,OAAO,KACrB,OAAO,MAAM,YAAY,YACzB,CAAC,MAAM,QAAQ,MAAM,OAAO,KAC5B,OAAO,MAAM,kBAAkB,YAC/B,sBAAsB,SAAS,MAAM,OAA6B;AAAA,EAAA;AAG1E;AAEO,SAAS,2BACd,YACA,OACA,cAC0B;AAC1B,QAAM,eAAe,YAAY,IAAI,YAAY,KAAK;AACtD,SAAO,WAAW,OAAO,OAAO,CAAC,UAAU;AACzC,UAAM,aAAa,4BAA4B,OAAO,KAAK;AAC3D,QAAI,eAAe,MAAO,QAAO;AACjC,YACG,YAAY,IAAI,UAAU,KAAK,OAAO,sBAAsB;AAAA,EAEjE,CAAC;AACH;AAEO,SAAS,4BACd,OACA,OACoB;AACpB,QAAM,WAAW,MAAM,MAAM,QAAQ;AACrC,SAAO,sBAAsB,SAAS,QAA8B,IAC/D,WACD,MAAM;AACZ;;;;;;"}

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

@@ -0,0 +1,35 @@
+export declare const CONNECTION_LOG_LEVELS: readonly ["off", "error", "warn", "info", "debug", "trace", "trace1", "trace2", "trace3", "trace4"];
+export type ConnectionLogLevel = (typeof CONNECTION_LOG_LEVELS)[number];
+export type ConnectionLoggingFamily = "generic" | "sql" | "http";
+export type ConnectionLoggingThreshold = {
+    amount: string;
+    unit: "ms" | "s" | "m" | "h";
+};
+export type ConnectionLoggingEvent = {
+    event: string;
+    property: string;
+    label: string;
+    description: string;
+    default: ConnectionLogLevel;
+    captures: string[];
+    example: Record<string, unknown>;
+    prettyExample: string;
+};
+export type ConnectionLoggingCapability = {
+    family: ConnectionLoggingFamily;
+    slowThreshold: string;
+    thresholdLabel: string;
+    events: ConnectionLoggingEvent[];
+};
+export type ConnectionLoggingPolicyProps = {
+    definition: ConnectionLoggingCapability;
+    value?: Record<string, string>;
+    onChange: (next: Record<string, string>) => void;
+    readOnly?: boolean;
+    className?: string;
+};
+export declare function parseConnectionLoggingThreshold(value: string): ConnectionLoggingThreshold;
+export declare function isConnectionLoggingCapability(value: unknown): value is ConnectionLoggingCapability;
+export declare function visibleConnectionLogEvents(definition: ConnectionLoggingCapability, value: Record<string, string>, previewLevel: ConnectionLogLevel): ConnectionLoggingEvent[];
+export declare function effectiveConnectionLogLevel(event: ConnectionLoggingEvent, value: Record<string, string>): ConnectionLogLevel;
+//# sourceMappingURL=ConnectionLoggingPolicy.model.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectionLoggingPolicy.model.d.ts","sourceRoot":"","sources":["../../src/components/ConnectionLoggingPolicy.model.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,qBAAqB,qGAWxB,CAAC;AAEX,MAAM,MAAM,kBAAkB,GAAG,CAAC,OAAO,qBAAqB,CAAC,CAAC,MAAM,CAAC,CAAC;AACxE,MAAM,MAAM,uBAAuB,GAAG,SAAS,GAAG,KAAK,GAAG,MAAM,CAAC;AACjE,MAAM,MAAM,0BAA0B,GAAG;IACvC,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,kBAAkB,CAAC;IAC5B,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACjC,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,2BAA2B,GAAG;IACxC,MAAM,EAAE,uBAAuB,CAAC;IAChC,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;IACvB,MAAM,EAAE,sBAAsB,EAAE,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,4BAA4B,GAAG;IACzC,UAAU,EAAE,2BAA2B,CAAC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/B,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;IACjD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAOF,wBAAgB,+BAA+B,CAC7C,KAAK,EAAE,MAAM,GACZ,0BAA0B,CAQ5B;AAED,wBAAgB,6BAA6B,CAC3C,KAAK,EAAE,OAAO,GACb,KAAK,IAAI,2BAA2B,CA4BtC;AAED,wBAAgB,0BAA0B,CACxC,UAAU,EAAE,2BAA2B,EACvC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EAC7B,YAAY,EAAE,kBAAkB,GAC/B,sBAAsB,EAAE,CAS1B;AAED,wBAAgB,2BAA2B,CACzC,KAAK,EAAE,sBAAsB,EAC7B,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAC5B,kBAAkB,CAKpB"}

package/dist/components/ConnectionLoggingPolicy.model.js

@@ -0,0 +1,52 @@
+const CONNECTION_LOG_LEVELS = [
+  "off",
+  "error",
+  "warn",
+  "info",
+  "debug",
+  "trace",
+  "trace1",
+  "trace2",
+  "trace3",
+  "trace4"
+];
+const LEVEL_ORDER = new Map(
+  CONNECTION_LOG_LEVELS.map((level, index) => [level, index])
+);
+const THRESHOLD_PATTERN = /^([0-9]+(?:\.[0-9]+)?)(ms|s|m|h)$/;
+function parseConnectionLoggingThreshold(value) {
+  const match = THRESHOLD_PATTERN.exec(value.trim());
+  const amount = match == null ? void 0 : match[1];
+  const unit = match == null ? void 0 : match[2];
+  if (!amount || !unit) {
+    throw new Error(`invalid connection logging threshold "${value}"`);
+  }
+  return { amount, unit };
+}
+function isConnectionLoggingCapability(value) {
+  if (!value || typeof value !== "object") return false;
+  const candidate = value;
+  return (candidate.family === "generic" || candidate.family === "sql" || candidate.family === "http") && typeof candidate.slowThreshold === "string" && THRESHOLD_PATTERN.test(candidate.slowThreshold.trim()) && typeof candidate.thresholdLabel === "string" && Array.isArray(candidate.events) && candidate.events.every(
+    (event) => event && typeof event.event === "string" && typeof event.property === "string" && typeof event.label === "string" && typeof event.description === "string" && typeof event.default === "string" && Array.isArray(event.captures) && event.captures.every((capture) => typeof capture === "string") && Boolean(event.example) && typeof event.example === "object" && !Array.isArray(event.example) && typeof event.prettyExample === "string" && CONNECTION_LOG_LEVELS.includes(event.default)
+  );
+}
+function visibleConnectionLogEvents(definition, value, previewLevel) {
+  const previewOrder = LEVEL_ORDER.get(previewLevel) ?? -1;
+  return definition.events.filter((event) => {
+    const eventLevel = effectiveConnectionLogLevel(event, value);
+    if (eventLevel === "off") return false;
+    return (LEVEL_ORDER.get(eventLevel) ?? Number.POSITIVE_INFINITY) <= previewOrder;
+  });
+}
+function effectiveConnectionLogLevel(event, value) {
+  const override = value[event.property];
+  return CONNECTION_LOG_LEVELS.includes(override) ? override : event.default;
+}
+export {
+  CONNECTION_LOG_LEVELS,
+  effectiveConnectionLogLevel,
+  isConnectionLoggingCapability,
+  parseConnectionLoggingThreshold,
+  visibleConnectionLogEvents
+};
+//# sourceMappingURL=ConnectionLoggingPolicy.model.js.map

package/dist/components/ConnectionLoggingPolicy.model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectionLoggingPolicy.model.js","sources":["../../src/components/ConnectionLoggingPolicy.model.ts"],"sourcesContent":["export const CONNECTION_LOG_LEVELS = [\n  \"off\",\n  \"error\",\n  \"warn\",\n  \"info\",\n  \"debug\",\n  \"trace\",\n  \"trace1\",\n  \"trace2\",\n  \"trace3\",\n  \"trace4\",\n] as const;\n\nexport type ConnectionLogLevel = (typeof CONNECTION_LOG_LEVELS)[number];\nexport type ConnectionLoggingFamily = \"generic\" | \"sql\" | \"http\";\nexport type ConnectionLoggingThreshold = {\n  amount: string;\n  unit: \"ms\" | \"s\" | \"m\" | \"h\";\n};\n\nexport type ConnectionLoggingEvent = {\n  event: string;\n  property: string;\n  label: string;\n  description: string;\n  default: ConnectionLogLevel;\n  captures: string[];\n  example: Record<string, unknown>;\n  prettyExample: string;\n};\n\nexport type ConnectionLoggingCapability = {\n  family: ConnectionLoggingFamily;\n  slowThreshold: string;\n  thresholdLabel: string;\n  events: ConnectionLoggingEvent[];\n};\n\nexport type ConnectionLoggingPolicyProps = {\n  definition: ConnectionLoggingCapability;\n  value?: Record<string, string>;\n  onChange: (next: Record<string, string>) => void;\n  readOnly?: boolean;\n  className?: string;\n};\n\nconst LEVEL_ORDER = new Map(\n  CONNECTION_LOG_LEVELS.map((level, index) => [level, index]),\n);\nconst THRESHOLD_PATTERN = /^([0-9]+(?:\\.[0-9]+)?)(ms|s|m|h)$/;\n\nexport function parseConnectionLoggingThreshold(\n  value: string,\n): ConnectionLoggingThreshold {\n  const match = THRESHOLD_PATTERN.exec(value.trim());\n  const amount = match?.[1];\n  const unit = match?.[2];\n  if (!amount || !unit) {\n    throw new Error(`invalid connection logging threshold \"${value}\"`);\n  }\n  return { amount, unit: unit as ConnectionLoggingThreshold[\"unit\"] };\n}\n\nexport function isConnectionLoggingCapability(\n  value: unknown,\n): value is ConnectionLoggingCapability {\n  if (!value || typeof value !== \"object\") return false;\n  const candidate = value as Partial<ConnectionLoggingCapability>;\n  return (\n    (candidate.family === \"generic\" ||\n      candidate.family === \"sql\" ||\n      candidate.family === \"http\") &&\n    typeof candidate.slowThreshold === \"string\" &&\n    THRESHOLD_PATTERN.test(candidate.slowThreshold.trim()) &&\n    typeof candidate.thresholdLabel === \"string\" &&\n    Array.isArray(candidate.events) &&\n    candidate.events.every(\n      (event) =>\n        event &&\n        typeof event.event === \"string\" &&\n        typeof event.property === \"string\" &&\n        typeof event.label === \"string\" &&\n        typeof event.description === \"string\" &&\n        typeof event.default === \"string\" &&\n        Array.isArray(event.captures) &&\n        event.captures.every((capture) => typeof capture === \"string\") &&\n        Boolean(event.example) &&\n        typeof event.example === \"object\" &&\n        !Array.isArray(event.example) &&\n        typeof event.prettyExample === \"string\" &&\n        CONNECTION_LOG_LEVELS.includes(event.default as ConnectionLogLevel),\n    )\n  );\n}\n\nexport function visibleConnectionLogEvents(\n  definition: ConnectionLoggingCapability,\n  value: Record<string, string>,\n  previewLevel: ConnectionLogLevel,\n): ConnectionLoggingEvent[] {\n  const previewOrder = LEVEL_ORDER.get(previewLevel) ?? -1;\n  return definition.events.filter((event) => {\n    const eventLevel = effectiveConnectionLogLevel(event, value);\n    if (eventLevel === \"off\") return false;\n    return (\n      (LEVEL_ORDER.get(eventLevel) ?? Number.POSITIVE_INFINITY) <= previewOrder\n    );\n  });\n}\n\nexport function effectiveConnectionLogLevel(\n  event: ConnectionLoggingEvent,\n  value: Record<string, string>,\n): ConnectionLogLevel {\n  const override = value[event.property];\n  return CONNECTION_LOG_LEVELS.includes(override as ConnectionLogLevel)\n    ? (override as ConnectionLogLevel)\n    : event.default;\n}\n"],"names":[],"mappings":"AAAO,MAAM,wBAAwB;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAmCA,MAAM,cAAc,IAAI;AAAA,EACtB,sBAAsB,IAAI,CAAC,OAAO,UAAU,CAAC,OAAO,KAAK,CAAC;AAC5D;AACA,MAAM,oBAAoB;AAEnB,SAAS,gCACd,OAC4B;AAC5B,QAAM,QAAQ,kBAAkB,KAAK,MAAM,MAAM;AACjD,QAAM,SAAS,+BAAQ;AACvB,QAAM,OAAO,+BAAQ;AACrB,MAAI,CAAC,UAAU,CAAC,MAAM;AACpB,UAAM,IAAI,MAAM,yCAAyC,KAAK,GAAG;AAAA,EACnE;AACA,SAAO,EAAE,QAAQ,KAAA;AACnB;AAEO,SAAS,8BACd,OACsC;AACtC,MAAI,CAAC,SAAS,OAAO,UAAU,SAAU,QAAO;AAChD,QAAM,YAAY;AAClB,UACG,UAAU,WAAW,aACpB,UAAU,WAAW,SACrB,UAAU,WAAW,WACvB,OAAO,UAAU,kBAAkB,YACnC,kBAAkB,KAAK,UAAU,cAAc,KAAA,CAAM,KACrD,OAAO,UAAU,mBAAmB,YACpC,MAAM,QAAQ,UAAU,MAAM,KAC9B,UAAU,OAAO;AAAA,IACf,CAAC,UACC,SACA,OAAO,MAAM,UAAU,YACvB,OAAO,MAAM,aAAa,YAC1B,OAAO,MAAM,UAAU,YACvB,OAAO,MAAM,gBAAgB,YAC7B,OAAO,MAAM,YAAY,YACzB,MAAM,QAAQ,MAAM,QAAQ,KAC5B,MAAM,SAAS,MAAM,CAAC,YAAY,OAAO,YAAY,QAAQ,KAC7D,QAAQ,MAAM,OAAO,KACrB,OAAO,MAAM,YAAY,YACzB,CAAC,MAAM,QAAQ,MAAM,OAAO,KAC5B,OAAO,MAAM,kBAAkB,YAC/B,sBAAsB,SAAS,MAAM,OAA6B;AAAA,EAAA;AAG1E;AAEO,SAAS,2BACd,YACA,OACA,cAC0B;AAC1B,QAAM,eAAe,YAAY,IAAI,YAAY,KAAK;AACtD,SAAO,WAAW,OAAO,OAAO,CAAC,UAAU;AACzC,UAAM,aAAa,4BAA4B,OAAO,KAAK;AAC3D,QAAI,eAAe,MAAO,QAAO;AACjC,YACG,YAAY,IAAI,UAAU,KAAK,OAAO,sBAAsB;AAAA,EAEjE,CAAC;AACH;AAEO,SAAS,4BACd,OACA,OACoB;AACpB,QAAM,WAAW,MAAM,MAAM,QAAQ;AACrC,SAAO,sBAAsB,SAAS,QAA8B,IAC/D,WACD,MAAM;AACZ;"}

package/dist/components/CountryFlag.cjs

@@ -0,0 +1,55 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const flagComponents = require("country-flag-icons/react/3x2");
+const utils = require("../lib/utils.cjs");
+const countryOptions = require("./country-options.cjs");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const flagComponents__namespace = /* @__PURE__ */ _interopNamespaceDefault(flagComponents);
+const flags = flagComponents__namespace;
+function CountryFlag({
+  countryCode,
+  className,
+  decorative = false,
+  title
+}) {
+  if (!countryOptions.isCountryCode(countryCode)) {
+    throw new Error(
+      `CountryFlag received invalid ISO 3166-1 alpha-2 code "${countryCode}"`
+    );
+  }
+  const country = countryOptions.getCountryOption(countryCode);
+  const Flag = flags[countryCode];
+  if (!Flag) {
+    throw new Error(
+      `No flag component is available for country code "${countryCode}"`
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Flag,
+    {
+      className: utils.cn(
+        "h-4 w-6 shrink-0 rounded-[2px] shadow-sm ring-1 ring-black/10",
+        className
+      ),
+      ...decorative ? { "aria-hidden": true } : { "aria-label": title ?? `${country.name} flag`, role: "img" }
+    }
+  );
+}
+exports.CountryFlag = CountryFlag;
+//# sourceMappingURL=CountryFlag.cjs.map

package/dist/components/CountryFlag.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CountryFlag.cjs","sources":["../../src/components/CountryFlag.tsx"],"sourcesContent":["import type { ComponentType, SVGProps } from \"react\";\nimport * as flagComponents from \"country-flag-icons/react/3x2\";\nimport { cn } from \"../lib/utils\";\nimport { getCountryOption, isCountryCode } from \"./country-options\";\n\nexport type CountryFlagProps = {\n  countryCode: string;\n  className?: string;\n  decorative?: boolean;\n  title?: string;\n};\n\ntype FlagComponent = ComponentType<SVGProps<SVGSVGElement>>;\nconst flags = flagComponents as Record<string, FlagComponent | undefined>;\n\nexport function CountryFlag({\n  countryCode,\n  className,\n  decorative = false,\n  title,\n}: CountryFlagProps) {\n  if (!isCountryCode(countryCode)) {\n    throw new Error(\n      `CountryFlag received invalid ISO 3166-1 alpha-2 code \"${countryCode}\"`,\n    );\n  }\n\n  const country = getCountryOption(countryCode);\n  const Flag = flags[countryCode];\n  if (!Flag) {\n    throw new Error(\n      `No flag component is available for country code \"${countryCode}\"`,\n    );\n  }\n\n  return (\n    <Flag\n      className={cn(\n        \"h-4 w-6 shrink-0 rounded-[2px] shadow-sm ring-1 ring-black/10\",\n        className,\n      )}\n      {...(decorative\n        ? { \"aria-hidden\": true }\n        : { \"aria-label\": title ?? `${country.name} flag`, role: \"img\" })}\n    />\n  );\n}\n"],"names":["flagComponents","isCountryCode","getCountryOption","jsx","cn"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAaA,MAAM,QAAQA;AAEP,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb;AACF,GAAqB;AACnB,MAAI,CAACC,eAAAA,cAAc,WAAW,GAAG;AAC/B,UAAM,IAAI;AAAA,MACR,yDAAyD,WAAW;AAAA,IAAA;AAAA,EAExE;AAEA,QAAM,UAAUC,eAAAA,iBAAiB,WAAW;AAC5C,QAAM,OAAO,MAAM,WAAW;AAC9B,MAAI,CAAC,MAAM;AACT,UAAM,IAAI;AAAA,MACR,oDAAoD,WAAW;AAAA,IAAA;AAAA,EAEnE;AAEA,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,MAAAA;AAAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAED,GAAI,aACD,EAAE,eAAe,SACjB,EAAE,cAAc,SAAS,GAAG,QAAQ,IAAI,SAAS,MAAM,MAAA;AAAA,IAAM;AAAA,EAAA;AAGvE;;"}

package/dist/components/CountryFlag.d.ts

@@ -0,0 +1,8 @@
+export type CountryFlagProps = {
+    countryCode: string;
+    className?: string;
+    decorative?: boolean;
+    title?: string;
+};
+export declare function CountryFlag({ countryCode, className, decorative, title, }: CountryFlagProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CountryFlag.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CountryFlag.d.ts","sourceRoot":"","sources":["../../src/components/CountryFlag.tsx"],"names":[],"mappings":"AAKA,MAAM,MAAM,gBAAgB,GAAG;IAC7B,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAKF,wBAAgB,WAAW,CAAC,EAC1B,WAAW,EACX,SAAS,EACT,UAAkB,EAClB,KAAK,GACN,EAAE,gBAAgB,2CA0BlB"}

package/dist/components/CountryFlag.js

@@ -0,0 +1,38 @@
+import { jsx } from "react/jsx-runtime";
+import * as flagComponents from "country-flag-icons/react/3x2";
+import { cn } from "../lib/utils.js";
+import { isCountryCode, getCountryOption } from "./country-options.js";
+const flags = flagComponents;
+function CountryFlag({
+  countryCode,
+  className,
+  decorative = false,
+  title
+}) {
+  if (!isCountryCode(countryCode)) {
+    throw new Error(
+      `CountryFlag received invalid ISO 3166-1 alpha-2 code "${countryCode}"`
+    );
+  }
+  const country = getCountryOption(countryCode);
+  const Flag = flags[countryCode];
+  if (!Flag) {
+    throw new Error(
+      `No flag component is available for country code "${countryCode}"`
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    Flag,
+    {
+      className: cn(
+        "h-4 w-6 shrink-0 rounded-[2px] shadow-sm ring-1 ring-black/10",
+        className
+      ),
+      ...decorative ? { "aria-hidden": true } : { "aria-label": title ?? `${country.name} flag`, role: "img" }
+    }
+  );
+}
+export {
+  CountryFlag
+};
+//# sourceMappingURL=CountryFlag.js.map

package/dist/components/CountryFlag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CountryFlag.js","sources":["../../src/components/CountryFlag.tsx"],"sourcesContent":["import type { ComponentType, SVGProps } from \"react\";\nimport * as flagComponents from \"country-flag-icons/react/3x2\";\nimport { cn } from \"../lib/utils\";\nimport { getCountryOption, isCountryCode } from \"./country-options\";\n\nexport type CountryFlagProps = {\n  countryCode: string;\n  className?: string;\n  decorative?: boolean;\n  title?: string;\n};\n\ntype FlagComponent = ComponentType<SVGProps<SVGSVGElement>>;\nconst flags = flagComponents as Record<string, FlagComponent | undefined>;\n\nexport function CountryFlag({\n  countryCode,\n  className,\n  decorative = false,\n  title,\n}: CountryFlagProps) {\n  if (!isCountryCode(countryCode)) {\n    throw new Error(\n      `CountryFlag received invalid ISO 3166-1 alpha-2 code \"${countryCode}\"`,\n    );\n  }\n\n  const country = getCountryOption(countryCode);\n  const Flag = flags[countryCode];\n  if (!Flag) {\n    throw new Error(\n      `No flag component is available for country code \"${countryCode}\"`,\n    );\n  }\n\n  return (\n    <Flag\n      className={cn(\n        \"h-4 w-6 shrink-0 rounded-[2px] shadow-sm ring-1 ring-black/10\",\n        className,\n      )}\n      {...(decorative\n        ? { \"aria-hidden\": true }\n        : { \"aria-label\": title ?? `${country.name} flag`, role: \"img\" })}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;AAaA,MAAM,QAAQ;AAEP,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb;AACF,GAAqB;AACnB,MAAI,CAAC,cAAc,WAAW,GAAG;AAC/B,UAAM,IAAI;AAAA,MACR,yDAAyD,WAAW;AAAA,IAAA;AAAA,EAExE;AAEA,QAAM,UAAU,iBAAiB,WAAW;AAC5C,QAAM,OAAO,MAAM,WAAW;AAC9B,MAAI,CAAC,MAAM;AACT,UAAM,IAAI;AAAA,MACR,oDAAoD,WAAW;AAAA,IAAA;AAAA,EAEnE;AAEA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAED,GAAI,aACD,EAAE,eAAe,SACjB,EAAE,cAAc,SAAS,GAAG,QAAQ,IAAI,SAAS,MAAM,MAAA;AAAA,IAAM;AAAA,EAAA;AAGvE;"}

package/dist/components/CountryPicker.cjs

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const Combobox = require("./Combobox.cjs");
+const CountryFlag = require("./CountryFlag.cjs");
+const countryOptions = require("./country-options.cjs");
+const options = countryOptions.COUNTRY_OPTIONS.map(({ code, name }) => ({
+  value: code,
+  label: name,
+  description: code,
+  selectedLabel: `${name} · ${code}`,
+  icon: /* @__PURE__ */ jsxRuntime.jsx(CountryFlag.CountryFlag, { countryCode: code, decorative: true })
+}));
+function CountryPicker({
+  ariaLabel = "Country",
+  invalid = false,
+  placeholder = "Search country or code…",
+  value,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Combobox.Combobox,
+    {
+      ...props,
+      value,
+      options,
+      ariaLabel,
+      allowCustomValue: false,
+      invalid: invalid || !!value && !countryOptions.isCountryCode(value),
+      placeholder
+    }
+  );
+}
+exports.CountryPicker = CountryPicker;
+//# sourceMappingURL=CountryPicker.cjs.map