@flanksource/clicky-ui 0.3.21 → 0.3.23

package/dist/tailwind-preset.cjs

@@ -6,8 +6,8 @@ const preset = {
       screens: {
         "3xl": "1920px"
       },
-      // This preset is only honoured by v3 consumers (and v4 consumers that
-      // `@config` it). Our own stylesheet does not, so the v4 source of truth for
+      // This preset is honoured by v4 consumers that `@config` it. Our own
+      // stylesheet does not, so the v4 source of truth for
       // these scales is the `--container-*` block in styles/tokens.css — add a
       // scale in both places or `max-w-*` silently compiles to nothing.
       containers: {
@@ -43,6 +43,7 @@ const preset = {
           DEFAULT: "var(--muted)",
           foreground: "var(--muted-foreground)"
         },
+        placeholder: "var(--placeholder)",
         accent: {
           DEFAULT: "var(--accent)",
           foreground: "var(--accent-foreground)"
@@ -97,7 +98,9 @@ const preset = {
     }
   },
   plugins: [
-    ({ addVariant }) => {
+    ({
+      addVariant
+    }) => {
       addVariant("density-compact", '[data-density="compact"] &');
       addVariant("density-comfortable", '[data-density="comfortable"] &');
       addVariant("density-spacious", '[data-density="spacious"] &');

package/dist/tailwind-preset.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"tailwind-preset.cjs","sources":["../src/tailwind-preset.ts"],"sourcesContent":["import type { Config } from \"tailwindcss\";\n\nconst preset: Partial<Config> = {\n  darkMode: [\"selector\", '[data-theme=\"dark\"]'],\n  theme: {\n    extend: {\n      screens: {\n        \"3xl\": \"1920px\",\n      },\n      // This preset is only honoured by v3 consumers (and v4 consumers that\n      // `@config` it). Our own stylesheet does not, so the v4 source of truth for\n      // these scales is the `--container-*` block in styles/tokens.css — add a\n      // scale in both places or `max-w-*` silently compiles to nothing.\n      containers: {\n        \"8xl\": \"1536px\",\n        \"9xl\": \"1920px\",\n      },\n      maxWidth: {\n        \"8xl\": \"1536px\",\n        \"9xl\": \"1920px\",\n      },\n      // Tokens are full-color aliases of the Flanksource fs-tokens (see\n      // styles/tokens.css), so they are referenced directly with var(--token)\n      // — no hsl() wrapper. Tailwind v4 applies opacity modifiers via color-mix.\n      colors: {\n        border: \"var(--border)\",\n        input: \"var(--input)\",\n        ring: \"var(--ring)\",\n        background: \"var(--background)\",\n        foreground: \"var(--foreground)\",\n        primary: {\n          DEFAULT: \"var(--primary)\",\n          foreground: \"var(--primary-foreground)\",\n        },\n        secondary: {\n          DEFAULT: \"var(--secondary)\",\n          foreground: \"var(--secondary-foreground)\",\n        },\n        destructive: {\n          DEFAULT: \"var(--destructive)\",\n          foreground: \"var(--destructive-foreground)\",\n        },\n        muted: {\n          DEFAULT: \"var(--muted)\",\n          foreground: \"var(--muted-foreground)\",\n        },\n        accent: {\n          DEFAULT: \"var(--accent)\",\n          foreground: \"var(--accent-foreground)\",\n        },\n        popover: {\n          DEFAULT: \"var(--popover)\",\n          foreground: \"var(--popover-foreground)\",\n        },\n        card: {\n          DEFAULT: \"var(--card)\",\n          foreground: \"var(--card-foreground)\",\n        },\n        sidebar: {\n          DEFAULT: \"var(--sidebar)\",\n          foreground: \"var(--sidebar-foreground)\",\n          border: \"var(--sidebar-border)\",\n          ring: \"var(--sidebar-ring)\",\n          accent: {\n            DEFAULT: \"var(--sidebar-accent)\",\n            foreground: \"var(--sidebar-accent-foreground)\",\n          },\n          primary: {\n            DEFAULT: \"var(--sidebar-primary)\",\n            foreground: \"var(--sidebar-primary-foreground)\",\n          },\n        },\n      },\n      borderRadius: {\n        lg: \"var(--radius)\",\n        md: \"calc(var(--radius) - 2px)\",\n        sm: \"calc(var(--radius) - 4px)\",\n      },\n      spacing: {\n        \"control-h\": \"var(--control-height)\",\n        \"control-px\": \"var(--control-padding-x)\",\n        \"density-1\": \"var(--spacing-unit)\",\n        \"density-2\": \"calc(var(--spacing-unit) * 2)\",\n        \"density-3\": \"calc(var(--spacing-unit) * 3)\",\n        \"density-4\": \"calc(var(--spacing-unit) * 4)\",\n      },\n      fontSize: {\n        \"density-base\": \"var(--font-size-base)\",\n      },\n      // Bind Tailwind's font utilities to the Flanksource token stacks so\n      // `font-sans` / `font-mono` render Open Sans / Fira Code. Without this the\n      // utilities fall back to Tailwind's default families (e.g. `font-mono`\n      // resolves to ui-monospace/SF Mono instead of Fira Code).\n      fontFamily: {\n        sans: \"var(--fs-font-sans)\",\n        mono: \"var(--fs-font-mono)\",\n      },\n    },\n  },\n  plugins: [\n    ({ addVariant }: { addVariant: (name: string, selector: string) => void }) => {\n      addVariant(\"density-compact\", '[data-density=\"compact\"] &');\n      addVariant(\"density-comfortable\", '[data-density=\"comfortable\"] &');\n      addVariant(\"density-spacious\", '[data-density=\"spacious\"] &');\n    },\n  ],\n};\n\nexport default preset;\n"],"names":[],"mappings":";AAEA,MAAM,SAA0B;AAAA,EAC9B,UAAU,CAAC,YAAY,qBAAqB;AAAA,EAC5C,OAAO;AAAA,IACL,QAAQ;AAAA,MACN,SAAS;AAAA,QACP,OAAO;AAAA,MAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAMT,YAAY;AAAA,QACV,OAAO;AAAA,QACP,OAAO;AAAA,MAAA;AAAA,MAET,UAAU;AAAA,QACR,OAAO;AAAA,QACP,OAAO;AAAA,MAAA;AAAA;AAAA;AAAA;AAAA,MAKT,QAAQ;AAAA,QACN,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,MAAM;AAAA,QACN,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,SAAS;AAAA,UACP,SAAS;AAAA,UACT,YAAY;AAAA,QAAA;AAAA,QAEd,WAAW;AAAA,UACT,SAAS;AAAA,UACT,YAAY;AAAA,QAAA;AAAA,QAEd,aAAa;AAAA,UACX,SAAS;AAAA,UACT,YAAY;AAAA,QAAA;AAAA,QAEd,OAAO;AAAA,UACL,SAAS;AAAA,UACT,YAAY;AAAA,QAAA;AAAA,QAEd,QAAQ;AAAA,UACN,SAAS;AAAA,UACT,YAAY;AAAA,QAAA;AAAA,QAEd,SAAS;AAAA,UACP,SAAS;AAAA,UACT,YAAY;AAAA,QAAA;AAAA,QAEd,MAAM;AAAA,UACJ,SAAS;AAAA,UACT,YAAY;AAAA,QAAA;AAAA,QAEd,SAAS;AAAA,UACP,SAAS;AAAA,UACT,YAAY;AAAA,UACZ,QAAQ;AAAA,UACR,MAAM;AAAA,UACN,QAAQ;AAAA,YACN,SAAS;AAAA,YACT,YAAY;AAAA,UAAA;AAAA,UAEd,SAAS;AAAA,YACP,SAAS;AAAA,YACT,YAAY;AAAA,UAAA;AAAA,QACd;AAAA,MACF;AAAA,MAEF,cAAc;AAAA,QACZ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,MAEN,SAAS;AAAA,QACP,aAAa;AAAA,QACb,cAAc;AAAA,QACd,aAAa;AAAA,QACb,aAAa;AAAA,QACb,aAAa;AAAA,QACb,aAAa;AAAA,MAAA;AAAA,MAEf,UAAU;AAAA,QACR,gBAAgB;AAAA,MAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAMlB,YAAY;AAAA,QACV,MAAM;AAAA,QACN,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,EACF;AAAA,EAEF,SAAS;AAAA,IACP,CAAC,EAAE,WAAA,MAA2E;AAC5E,iBAAW,mBAAmB,4BAA4B;AAC1D,iBAAW,uBAAuB,gCAAgC;AAClE,iBAAW,oBAAoB,6BAA6B;AAAA,IAC9D;AAAA,EAAA;AAEJ;;"}
+{"version":3,"file":"tailwind-preset.cjs","sources":["../src/tailwind-preset.ts"],"sourcesContent":["import type { Config } from \"tailwindcss\";\n\nconst preset: Partial<Config> = {\n  darkMode: [\"selector\", '[data-theme=\"dark\"]'],\n  theme: {\n    extend: {\n      screens: {\n        \"3xl\": \"1920px\",\n      },\n      // This preset is honoured by v4 consumers that `@config` it. Our own\n      // stylesheet does not, so the v4 source of truth for\n      // these scales is the `--container-*` block in styles/tokens.css — add a\n      // scale in both places or `max-w-*` silently compiles to nothing.\n      containers: {\n        \"8xl\": \"1536px\",\n        \"9xl\": \"1920px\",\n      },\n      maxWidth: {\n        \"8xl\": \"1536px\",\n        \"9xl\": \"1920px\",\n      },\n      // Tokens are full-color aliases of the Flanksource fs-tokens (see\n      // styles/tokens.css), so they are referenced directly with var(--token)\n      // — no hsl() wrapper. Tailwind v4 applies opacity modifiers via color-mix.\n      colors: {\n        border: \"var(--border)\",\n        input: \"var(--input)\",\n        ring: \"var(--ring)\",\n        background: \"var(--background)\",\n        foreground: \"var(--foreground)\",\n        primary: {\n          DEFAULT: \"var(--primary)\",\n          foreground: \"var(--primary-foreground)\",\n        },\n        secondary: {\n          DEFAULT: \"var(--secondary)\",\n          foreground: \"var(--secondary-foreground)\",\n        },\n        destructive: {\n          DEFAULT: \"var(--destructive)\",\n          foreground: \"var(--destructive-foreground)\",\n        },\n        muted: {\n          DEFAULT: \"var(--muted)\",\n          foreground: \"var(--muted-foreground)\",\n        },\n        placeholder: \"var(--placeholder)\",\n        accent: {\n          DEFAULT: \"var(--accent)\",\n          foreground: \"var(--accent-foreground)\",\n        },\n        popover: {\n          DEFAULT: \"var(--popover)\",\n          foreground: \"var(--popover-foreground)\",\n        },\n        card: {\n          DEFAULT: \"var(--card)\",\n          foreground: \"var(--card-foreground)\",\n        },\n        sidebar: {\n          DEFAULT: \"var(--sidebar)\",\n          foreground: \"var(--sidebar-foreground)\",\n          border: \"var(--sidebar-border)\",\n          ring: \"var(--sidebar-ring)\",\n          accent: {\n            DEFAULT: \"var(--sidebar-accent)\",\n            foreground: \"var(--sidebar-accent-foreground)\",\n          },\n          primary: {\n            DEFAULT: \"var(--sidebar-primary)\",\n            foreground: \"var(--sidebar-primary-foreground)\",\n          },\n        },\n      },\n      borderRadius: {\n        lg: \"var(--radius)\",\n        md: \"calc(var(--radius) - 2px)\",\n        sm: \"calc(var(--radius) - 4px)\",\n      },\n      spacing: {\n        \"control-h\": \"var(--control-height)\",\n        \"control-px\": \"var(--control-padding-x)\",\n        \"density-1\": \"var(--spacing-unit)\",\n        \"density-2\": \"calc(var(--spacing-unit) * 2)\",\n        \"density-3\": \"calc(var(--spacing-unit) * 3)\",\n        \"density-4\": \"calc(var(--spacing-unit) * 4)\",\n      },\n      fontSize: {\n        \"density-base\": \"var(--font-size-base)\",\n      },\n      // Bind Tailwind's font utilities to the Flanksource token stacks so\n      // `font-sans` / `font-mono` render Open Sans / Fira Code. Without this the\n      // utilities fall back to Tailwind's default families (e.g. `font-mono`\n      // resolves to ui-monospace/SF Mono instead of Fira Code).\n      fontFamily: {\n        sans: \"var(--fs-font-sans)\",\n        mono: \"var(--fs-font-mono)\",\n      },\n    },\n  },\n  plugins: [\n    ({\n      addVariant,\n    }: {\n      addVariant: (name: string, selector: string) => void;\n    }) => {\n      addVariant(\"density-compact\", '[data-density=\"compact\"] &');\n      addVariant(\"density-comfortable\", '[data-density=\"comfortable\"] &');\n      addVariant(\"density-spacious\", '[data-density=\"spacious\"] &');\n    },\n  ],\n};\n\nexport default preset;\n"],"names":[],"mappings":";AAEA,MAAM,SAA0B;AAAA,EAC9B,UAAU,CAAC,YAAY,qBAAqB;AAAA,EAC5C,OAAO;AAAA,IACL,QAAQ;AAAA,MACN,SAAS;AAAA,QACP,OAAO;AAAA,MAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAMT,YAAY;AAAA,QACV,OAAO;AAAA,QACP,OAAO;AAAA,MAAA;AAAA,MAET,UAAU;AAAA,QACR,OAAO;AAAA,QACP,OAAO;AAAA,MAAA;AAAA;AAAA;AAAA;AAAA,MAKT,QAAQ;AAAA,QACN,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,MAAM;AAAA,QACN,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,SAAS;AAAA,UACP,SAAS;AAAA,UACT,YAAY;AAAA,QAAA;AAAA,QAEd,WAAW;AAAA,UACT,SAAS;AAAA,UACT,YAAY;AAAA,QAAA;AAAA,QAEd,aAAa;AAAA,UACX,SAAS;AAAA,UACT,YAAY;AAAA,QAAA;AAAA,QAEd,OAAO;AAAA,UACL,SAAS;AAAA,UACT,YAAY;AAAA,QAAA;AAAA,QAEd,aAAa;AAAA,QACb,QAAQ;AAAA,UACN,SAAS;AAAA,UACT,YAAY;AAAA,QAAA;AAAA,QAEd,SAAS;AAAA,UACP,SAAS;AAAA,UACT,YAAY;AAAA,QAAA;AAAA,QAEd,MAAM;AAAA,UACJ,SAAS;AAAA,UACT,YAAY;AAAA,QAAA;AAAA,QAEd,SAAS;AAAA,UACP,SAAS;AAAA,UACT,YAAY;AAAA,UACZ,QAAQ;AAAA,UACR,MAAM;AAAA,UACN,QAAQ;AAAA,YACN,SAAS;AAAA,YACT,YAAY;AAAA,UAAA;AAAA,UAEd,SAAS;AAAA,YACP,SAAS;AAAA,YACT,YAAY;AAAA,UAAA;AAAA,QACd;AAAA,MACF;AAAA,MAEF,cAAc;AAAA,QACZ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,MAEN,SAAS;AAAA,QACP,aAAa;AAAA,QACb,cAAc;AAAA,QACd,aAAa;AAAA,QACb,aAAa;AAAA,QACb,aAAa;AAAA,QACb,aAAa;AAAA,MAAA;AAAA,MAEf,UAAU;AAAA,QACR,gBAAgB;AAAA,MAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAMlB,YAAY;AAAA,QACV,MAAM;AAAA,QACN,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,EACF;AAAA,EAEF,SAAS;AAAA,IACP,CAAC;AAAA,MACC;AAAA,IAAA,MAGI;AACJ,iBAAW,mBAAmB,4BAA4B;AAC1D,iBAAW,uBAAuB,gCAAgC;AAClE,iBAAW,oBAAoB,6BAA6B;AAAA,IAC9D;AAAA,EAAA;AAEJ;;"}

package/dist/tailwind-preset.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tailwind-preset.d.ts","sourceRoot":"","sources":["../src/tailwind-preset.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAE1C,QAAA,MAAM,MAAM,EAAE,OAAO,CAAC,MAAM,CAwG3B,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"tailwind-preset.d.ts","sourceRoot":"","sources":["../src/tailwind-preset.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAE1C,QAAA,MAAM,MAAM,EAAE,OAAO,CAAC,MAAM,CA6G3B,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/tailwind-preset.js

@@ -5,8 +5,8 @@ const preset = {
       screens: {
         "3xl": "1920px"
       },
-      // This preset is only honoured by v3 consumers (and v4 consumers that
-      // `@config` it). Our own stylesheet does not, so the v4 source of truth for
+      // This preset is honoured by v4 consumers that `@config` it. Our own
+      // stylesheet does not, so the v4 source of truth for
       // these scales is the `--container-*` block in styles/tokens.css — add a
       // scale in both places or `max-w-*` silently compiles to nothing.
       containers: {
@@ -42,6 +42,7 @@ const preset = {
           DEFAULT: "var(--muted)",
           foreground: "var(--muted-foreground)"
         },
+        placeholder: "var(--placeholder)",
         accent: {
           DEFAULT: "var(--accent)",
           foreground: "var(--accent-foreground)"
@@ -96,7 +97,9 @@ const preset = {
     }
   },
   plugins: [
-    ({ addVariant }) => {
+    ({
+      addVariant
+    }) => {
       addVariant("density-compact", '[data-density="compact"] &');
       addVariant("density-comfortable", '[data-density="comfortable"] &');
       addVariant("density-spacious", '[data-density="spacious"] &');

package/dist/tailwind-preset.js.map

@@ -1 +1 @@
-{"version":3,"file":"tailwind-preset.js","sources":["../src/tailwind-preset.ts"],"sourcesContent":["import type { Config } from \"tailwindcss\";\n\nconst preset: Partial<Config> = {\n  darkMode: [\"selector\", '[data-theme=\"dark\"]'],\n  theme: {\n    extend: {\n      screens: {\n        \"3xl\": \"1920px\",\n      },\n      // This preset is only honoured by v3 consumers (and v4 consumers that\n      // `@config` it). Our own stylesheet does not, so the v4 source of truth for\n      // these scales is the `--container-*` block in styles/tokens.css — add a\n      // scale in both places or `max-w-*` silently compiles to nothing.\n      containers: {\n        \"8xl\": \"1536px\",\n        \"9xl\": \"1920px\",\n      },\n      maxWidth: {\n        \"8xl\": \"1536px\",\n        \"9xl\": \"1920px\",\n      },\n      // Tokens are full-color aliases of the Flanksource fs-tokens (see\n      // styles/tokens.css), so they are referenced directly with var(--token)\n      // — no hsl() wrapper. Tailwind v4 applies opacity modifiers via color-mix.\n      colors: {\n        border: \"var(--border)\",\n        input: \"var(--input)\",\n        ring: \"var(--ring)\",\n        background: \"var(--background)\",\n        foreground: \"var(--foreground)\",\n        primary: {\n          DEFAULT: \"var(--primary)\",\n          foreground: \"var(--primary-foreground)\",\n        },\n        secondary: {\n          DEFAULT: \"var(--secondary)\",\n          foreground: \"var(--secondary-foreground)\",\n        },\n        destructive: {\n          DEFAULT: \"var(--destructive)\",\n          foreground: \"var(--destructive-foreground)\",\n        },\n        muted: {\n          DEFAULT: \"var(--muted)\",\n          foreground: \"var(--muted-foreground)\",\n        },\n        accent: {\n          DEFAULT: \"var(--accent)\",\n          foreground: \"var(--accent-foreground)\",\n        },\n        popover: {\n          DEFAULT: \"var(--popover)\",\n          foreground: \"var(--popover-foreground)\",\n        },\n        card: {\n          DEFAULT: \"var(--card)\",\n          foreground: \"var(--card-foreground)\",\n        },\n        sidebar: {\n          DEFAULT: \"var(--sidebar)\",\n          foreground: \"var(--sidebar-foreground)\",\n          border: \"var(--sidebar-border)\",\n          ring: \"var(--sidebar-ring)\",\n          accent: {\n            DEFAULT: \"var(--sidebar-accent)\",\n            foreground: \"var(--sidebar-accent-foreground)\",\n          },\n          primary: {\n            DEFAULT: \"var(--sidebar-primary)\",\n            foreground: \"var(--sidebar-primary-foreground)\",\n          },\n        },\n      },\n      borderRadius: {\n        lg: \"var(--radius)\",\n        md: \"calc(var(--radius) - 2px)\",\n        sm: \"calc(var(--radius) - 4px)\",\n      },\n      spacing: {\n        \"control-h\": \"var(--control-height)\",\n        \"control-px\": \"var(--control-padding-x)\",\n        \"density-1\": \"var(--spacing-unit)\",\n        \"density-2\": \"calc(var(--spacing-unit) * 2)\",\n        \"density-3\": \"calc(var(--spacing-unit) * 3)\",\n        \"density-4\": \"calc(var(--spacing-unit) * 4)\",\n      },\n      fontSize: {\n        \"density-base\": \"var(--font-size-base)\",\n      },\n      // Bind Tailwind's font utilities to the Flanksource token stacks so\n      // `font-sans` / `font-mono` render Open Sans / Fira Code. Without this the\n      // utilities fall back to Tailwind's default families (e.g. `font-mono`\n      // resolves to ui-monospace/SF Mono instead of Fira Code).\n      fontFamily: {\n        sans: \"var(--fs-font-sans)\",\n        mono: \"var(--fs-font-mono)\",\n      },\n    },\n  },\n  plugins: [\n    ({ addVariant }: { addVariant: (name: string, selector: string) => void }) => {\n      addVariant(\"density-compact\", '[data-density=\"compact\"] &');\n      addVariant(\"density-comfortable\", '[data-density=\"comfortable\"] &');\n      addVariant(\"density-spacious\", '[data-density=\"spacious\"] &');\n    },\n  ],\n};\n\nexport default preset;\n"],"names":[],"mappings":"AAEA,MAAM,SAA0B;AAAA,EAC9B,UAAU,CAAC,YAAY,qBAAqB;AAAA,EAC5C,OAAO;AAAA,IACL,QAAQ;AAAA,MACN,SAAS;AAAA,QACP,OAAO;AAAA,MAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAMT,YAAY;AAAA,QACV,OAAO;AAAA,QACP,OAAO;AAAA,MAAA;AAAA,MAET,UAAU;AAAA,QACR,OAAO;AAAA,QACP,OAAO;AAAA,MAAA;AAAA;AAAA;AAAA;AAAA,MAKT,QAAQ;AAAA,QACN,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,MAAM;AAAA,QACN,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,SAAS;AAAA,UACP,SAAS;AAAA,UACT,YAAY;AAAA,QAAA;AAAA,QAEd,WAAW;AAAA,UACT,SAAS;AAAA,UACT,YAAY;AAAA,QAAA;AAAA,QAEd,aAAa;AAAA,UACX,SAAS;AAAA,UACT,YAAY;AAAA,QAAA;AAAA,QAEd,OAAO;AAAA,UACL,SAAS;AAAA,UACT,YAAY;AAAA,QAAA;AAAA,QAEd,QAAQ;AAAA,UACN,SAAS;AAAA,UACT,YAAY;AAAA,QAAA;AAAA,QAEd,SAAS;AAAA,UACP,SAAS;AAAA,UACT,YAAY;AAAA,QAAA;AAAA,QAEd,MAAM;AAAA,UACJ,SAAS;AAAA,UACT,YAAY;AAAA,QAAA;AAAA,QAEd,SAAS;AAAA,UACP,SAAS;AAAA,UACT,YAAY;AAAA,UACZ,QAAQ;AAAA,UACR,MAAM;AAAA,UACN,QAAQ;AAAA,YACN,SAAS;AAAA,YACT,YAAY;AAAA,UAAA;AAAA,UAEd,SAAS;AAAA,YACP,SAAS;AAAA,YACT,YAAY;AAAA,UAAA;AAAA,QACd;AAAA,MACF;AAAA,MAEF,cAAc;AAAA,QACZ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,MAEN,SAAS;AAAA,QACP,aAAa;AAAA,QACb,cAAc;AAAA,QACd,aAAa;AAAA,QACb,aAAa;AAAA,QACb,aAAa;AAAA,QACb,aAAa;AAAA,MAAA;AAAA,MAEf,UAAU;AAAA,QACR,gBAAgB;AAAA,MAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAMlB,YAAY;AAAA,QACV,MAAM;AAAA,QACN,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,EACF;AAAA,EAEF,SAAS;AAAA,IACP,CAAC,EAAE,WAAA,MAA2E;AAC5E,iBAAW,mBAAmB,4BAA4B;AAC1D,iBAAW,uBAAuB,gCAAgC;AAClE,iBAAW,oBAAoB,6BAA6B;AAAA,IAC9D;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"tailwind-preset.js","sources":["../src/tailwind-preset.ts"],"sourcesContent":["import type { Config } from \"tailwindcss\";\n\nconst preset: Partial<Config> = {\n  darkMode: [\"selector\", '[data-theme=\"dark\"]'],\n  theme: {\n    extend: {\n      screens: {\n        \"3xl\": \"1920px\",\n      },\n      // This preset is honoured by v4 consumers that `@config` it. Our own\n      // stylesheet does not, so the v4 source of truth for\n      // these scales is the `--container-*` block in styles/tokens.css — add a\n      // scale in both places or `max-w-*` silently compiles to nothing.\n      containers: {\n        \"8xl\": \"1536px\",\n        \"9xl\": \"1920px\",\n      },\n      maxWidth: {\n        \"8xl\": \"1536px\",\n        \"9xl\": \"1920px\",\n      },\n      // Tokens are full-color aliases of the Flanksource fs-tokens (see\n      // styles/tokens.css), so they are referenced directly with var(--token)\n      // — no hsl() wrapper. Tailwind v4 applies opacity modifiers via color-mix.\n      colors: {\n        border: \"var(--border)\",\n        input: \"var(--input)\",\n        ring: \"var(--ring)\",\n        background: \"var(--background)\",\n        foreground: \"var(--foreground)\",\n        primary: {\n          DEFAULT: \"var(--primary)\",\n          foreground: \"var(--primary-foreground)\",\n        },\n        secondary: {\n          DEFAULT: \"var(--secondary)\",\n          foreground: \"var(--secondary-foreground)\",\n        },\n        destructive: {\n          DEFAULT: \"var(--destructive)\",\n          foreground: \"var(--destructive-foreground)\",\n        },\n        muted: {\n          DEFAULT: \"var(--muted)\",\n          foreground: \"var(--muted-foreground)\",\n        },\n        placeholder: \"var(--placeholder)\",\n        accent: {\n          DEFAULT: \"var(--accent)\",\n          foreground: \"var(--accent-foreground)\",\n        },\n        popover: {\n          DEFAULT: \"var(--popover)\",\n          foreground: \"var(--popover-foreground)\",\n        },\n        card: {\n          DEFAULT: \"var(--card)\",\n          foreground: \"var(--card-foreground)\",\n        },\n        sidebar: {\n          DEFAULT: \"var(--sidebar)\",\n          foreground: \"var(--sidebar-foreground)\",\n          border: \"var(--sidebar-border)\",\n          ring: \"var(--sidebar-ring)\",\n          accent: {\n            DEFAULT: \"var(--sidebar-accent)\",\n            foreground: \"var(--sidebar-accent-foreground)\",\n          },\n          primary: {\n            DEFAULT: \"var(--sidebar-primary)\",\n            foreground: \"var(--sidebar-primary-foreground)\",\n          },\n        },\n      },\n      borderRadius: {\n        lg: \"var(--radius)\",\n        md: \"calc(var(--radius) - 2px)\",\n        sm: \"calc(var(--radius) - 4px)\",\n      },\n      spacing: {\n        \"control-h\": \"var(--control-height)\",\n        \"control-px\": \"var(--control-padding-x)\",\n        \"density-1\": \"var(--spacing-unit)\",\n        \"density-2\": \"calc(var(--spacing-unit) * 2)\",\n        \"density-3\": \"calc(var(--spacing-unit) * 3)\",\n        \"density-4\": \"calc(var(--spacing-unit) * 4)\",\n      },\n      fontSize: {\n        \"density-base\": \"var(--font-size-base)\",\n      },\n      // Bind Tailwind's font utilities to the Flanksource token stacks so\n      // `font-sans` / `font-mono` render Open Sans / Fira Code. Without this the\n      // utilities fall back to Tailwind's default families (e.g. `font-mono`\n      // resolves to ui-monospace/SF Mono instead of Fira Code).\n      fontFamily: {\n        sans: \"var(--fs-font-sans)\",\n        mono: \"var(--fs-font-mono)\",\n      },\n    },\n  },\n  plugins: [\n    ({\n      addVariant,\n    }: {\n      addVariant: (name: string, selector: string) => void;\n    }) => {\n      addVariant(\"density-compact\", '[data-density=\"compact\"] &');\n      addVariant(\"density-comfortable\", '[data-density=\"comfortable\"] &');\n      addVariant(\"density-spacious\", '[data-density=\"spacious\"] &');\n    },\n  ],\n};\n\nexport default preset;\n"],"names":[],"mappings":"AAEA,MAAM,SAA0B;AAAA,EAC9B,UAAU,CAAC,YAAY,qBAAqB;AAAA,EAC5C,OAAO;AAAA,IACL,QAAQ;AAAA,MACN,SAAS;AAAA,QACP,OAAO;AAAA,MAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAMT,YAAY;AAAA,QACV,OAAO;AAAA,QACP,OAAO;AAAA,MAAA;AAAA,MAET,UAAU;AAAA,QACR,OAAO;AAAA,QACP,OAAO;AAAA,MAAA;AAAA;AAAA;AAAA;AAAA,MAKT,QAAQ;AAAA,QACN,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,MAAM;AAAA,QACN,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,SAAS;AAAA,UACP,SAAS;AAAA,UACT,YAAY;AAAA,QAAA;AAAA,QAEd,WAAW;AAAA,UACT,SAAS;AAAA,UACT,YAAY;AAAA,QAAA;AAAA,QAEd,aAAa;AAAA,UACX,SAAS;AAAA,UACT,YAAY;AAAA,QAAA;AAAA,QAEd,OAAO;AAAA,UACL,SAAS;AAAA,UACT,YAAY;AAAA,QAAA;AAAA,QAEd,aAAa;AAAA,QACb,QAAQ;AAAA,UACN,SAAS;AAAA,UACT,YAAY;AAAA,QAAA;AAAA,QAEd,SAAS;AAAA,UACP,SAAS;AAAA,UACT,YAAY;AAAA,QAAA;AAAA,QAEd,MAAM;AAAA,UACJ,SAAS;AAAA,UACT,YAAY;AAAA,QAAA;AAAA,QAEd,SAAS;AAAA,UACP,SAAS;AAAA,UACT,YAAY;AAAA,UACZ,QAAQ;AAAA,UACR,MAAM;AAAA,UACN,QAAQ;AAAA,YACN,SAAS;AAAA,YACT,YAAY;AAAA,UAAA;AAAA,UAEd,SAAS;AAAA,YACP,SAAS;AAAA,YACT,YAAY;AAAA,UAAA;AAAA,QACd;AAAA,MACF;AAAA,MAEF,cAAc;AAAA,QACZ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,MAEN,SAAS;AAAA,QACP,aAAa;AAAA,QACb,cAAc;AAAA,QACd,aAAa;AAAA,QACb,aAAa;AAAA,QACb,aAAa;AAAA,QACb,aAAa;AAAA,MAAA;AAAA,MAEf,UAAU;AAAA,QACR,gBAAgB;AAAA,MAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAMlB,YAAY;AAAA,QACV,MAAM;AAAA,QACN,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,EACF;AAAA,EAEF,SAAS;AAAA,IACP,CAAC;AAAA,MACC;AAAA,IAAA,MAGI;AACJ,iBAAW,mBAAmB,4BAA4B;AAC1D,iBAAW,uBAAuB,gCAAgC;AAClE,iBAAW,oBAAoB,6BAA6B;AAAA,IAC9D;AAAA,EAAA;AAEJ;"}

package/dist/utils.cjs

@@ -1,11 +1,17 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const utils = require("./lib/utils.cjs");
+const collections = require("./lib/collections.cjs");
 const palette = require("./lib/palette.cjs");
 const size = require("./lib/size.cjs");
 const pathTree = require("./lib/path-tree.cjs");
 const format = require("./lib/format.cjs");
 exports.cn = utils.cn;
+exports.duplicateIndex = collections.duplicateIndex;
+exports.isPlainObject = collections.isPlainObject;
+exports.moveItem = collections.moveItem;
+exports.removeIndex = collections.removeIndex;
+exports.setIndex = collections.setIndex;
 exports.AVATAR_PALETTE = palette.AVATAR_PALETTE;
 exports.fnv1a32 = palette.fnv1a32;
 exports.paletteClass = palette.paletteClass;

package/dist/utils.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"utils.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"utils.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/utils.d.ts

@@ -1,4 +1,5 @@
 export { cn } from './lib/utils';
+export { duplicateIndex, isPlainObject, moveItem, removeIndex, setIndex, } from './lib/collections';
 export { AVATAR_PALETTE, fnv1a32, paletteClass } from './lib/palette';
 export { SIZE_TOKENS, resolveSize, type SizeToken } from './lib/size';
 export { PATH_SEPARATOR, buildPathTree, foldersFirst, isPathTreeFolder, splitPath, type BuildPathTreeOptions, type PathTreeNode, } from './lib/path-tree';

package/dist/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AACtE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,KAAK,SAAS,EAAE,MAAM,YAAY,CAAC;AACtE,OAAO,EACL,cAAc,EACd,aAAa,EACb,YAAY,EACZ,gBAAgB,EAChB,SAAS,EACT,KAAK,oBAAoB,EACzB,KAAK,YAAY,GAClB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EACL,4BAA4B,EAC5B,0BAA0B,EAC1B,WAAW,EACX,oBAAoB,EACpB,WAAW,EACX,cAAc,EACd,UAAU,EACV,KAAK,kBAAkB,EACvB,KAAK,kBAAkB,EACvB,KAAK,gBAAgB,EACrB,KAAK,kBAAkB,GACxB,MAAM,cAAc,CAAC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EACL,cAAc,EACd,aAAa,EACb,QAAQ,EACR,WAAW,EACX,QAAQ,GACT,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AACtE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,KAAK,SAAS,EAAE,MAAM,YAAY,CAAC;AACtE,OAAO,EACL,cAAc,EACd,aAAa,EACb,YAAY,EACZ,gBAAgB,EAChB,SAAS,EACT,KAAK,oBAAoB,EACzB,KAAK,YAAY,GAClB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EACL,4BAA4B,EAC5B,0BAA0B,EAC1B,WAAW,EACX,oBAAoB,EACpB,WAAW,EACX,cAAc,EACd,UAAU,EACV,KAAK,kBAAkB,EACvB,KAAK,kBAAkB,EACvB,KAAK,gBAAgB,EACrB,KAAK,kBAAkB,GACxB,MAAM,cAAc,CAAC"}

package/dist/utils.js

@@ -1,4 +1,5 @@
 import { cn } from "./lib/utils.js";
+import { duplicateIndex, isPlainObject, moveItem, removeIndex, setIndex } from "./lib/collections.js";
 import { AVATAR_PALETTE, fnv1a32, paletteClass } from "./lib/palette.js";
 import { SIZE_TOKENS, resolveSize } from "./lib/size.js";
 import { PATH_SEPARATOR, buildPathTree, foldersFirst, isPathTreeFolder, splitPath } from "./lib/path-tree.js";
@@ -11,6 +12,7 @@ export {
   SIZE_TOKENS,
   buildPathTree,
   cn,
+  duplicateIndex,
   fnv1a32,
   foldersFirst,
   formatBytes,
@@ -19,8 +21,12 @@ export {
   formatShort,
   formatUnit,
   isPathTreeFolder,
+  isPlainObject,
+  moveItem,
   paletteClass,
+  removeIndex,
   resolveSize,
+  setIndex,
   splitPath
 };
 //# sourceMappingURL=utils.js.map

package/dist/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
+{"version":3,"file":"utils.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flanksource/clicky-ui",
-  "version": "0.3.21",
+  "version": "0.3.23",
   "description": "Flanksource Clicky UI — React component library built on shadcn/ui with light/dark and density theming.",
   "homepage": "https://github.com/flanksource/clicky-ui#readme",
   "bugs": "https://github.com/flanksource/clicky-ui/issues",
@@ -135,10 +135,11 @@
     "@tanstack/react-query": "^5.66.8",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
+    "country-flag-icons": "^1.6.20",
     "dompurify": "^3.4.11",
     "jotai": "^2.20.1",
     "monaco-yaml": "5.1.1",
-    "tailwind-merge": "^2.6.0",
+    "tailwind-merge": "^3.6.0",
     "yaml": "^2.8.3"
   },
   "devDependencies": {
@@ -146,7 +147,7 @@
     "@mdxeditor/editor": "^4.0.4",
     "@oxlint/plugins": "^1.60.0",
     "@storybook/react-vite": "10.3.5",
-    "@tailwindcss/cli": "^4.2.4",
+    "@tailwindcss/cli": "^4.3.3",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.1.0",
     "@types/react": "^18.3.12",
@@ -160,7 +161,7 @@
     "recharts": "^3.8.1",
     "streamdown": "^2.5.0",
     "svgo": "^3.2.0",
-    "tailwindcss": "^4.2.4",
+    "tailwindcss": "^4.3.3",
     "tsx": "^4.7.0",
     "typescript": "^5.7.2",
     "vite": "^6.4.3",
@@ -182,7 +183,7 @@
     "recharts": "^3.0.0",
     "shiki": "^1.24.0",
     "streamdown": "^2.5.0",
-    "tailwindcss": "^3.4.0 || ^4.0.0"
+    "tailwindcss": "^4.0.0"
   },
   "peerDependenciesMeta": {
     "streamdown": {

package/dist/profiles/catalogTree.cjs

@@ -1,133 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const Icon = require("../data/Icon.cjs");
-const TreeNode = require("../data/TreeNode.cjs");
-const UiSqlDatabase = require("../icons/components/UiSqlDatabase.cjs");
-const UiDatabase = require("../icons/components/UiDatabase.cjs");
-const UiActivity = require("../icons/components/UiActivity.cjs");
-const UiLink = require("../icons/components/UiLink.cjs");
-const UiSqlIndex = require("../icons/components/UiSqlIndex.cjs");
-const UiSqlColumn = require("../icons/components/UiSqlColumn.cjs");
-const UiSqlView = require("../icons/components/UiSqlView.cjs");
-const UiTable = require("../icons/components/UiTable.cjs");
-const UiNamespace = require("../icons/components/UiNamespace.cjs");
-function CatalogTree({
-  nodes,
-  loading,
-  error,
-  databases,
-  database,
-  onDatabaseChange,
-  onSelect
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-full min-h-0 flex-col overflow-auto border-r bg-card p-2", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("h3", { className: "flex items-center gap-1.5 px-2 py-1 text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiSqlDatabase.UiSqlDatabase, className: "size-3.5" }),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Catalog" })
-    ] }),
-    databases.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "mb-2 block px-2 text-xs text-muted-foreground", children: [
-      "Database",
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "select",
-        {
-          "aria-label": "Database",
-          value: database,
-          onChange: (event) => onDatabaseChange(event.target.value),
-          className: "mt-1 h-8 w-full rounded-md border bg-background px-2 text-xs text-foreground",
-          children: databases.map((name) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: name, children: name }, name))
-        }
-      )
-    ] }) : null,
-    loading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-2 text-xs text-muted-foreground", children: "Loading catalog…" }),
-    error ? /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        role: "alert",
-        className: "m-2 rounded-md border border-destructive/30 bg-destructive/5 p-2 text-xs text-destructive",
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-medium", children: "Unable to load catalog" }),
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 break-words", children: catalogErrorMessage(error) })
-        ]
-      }
-    ) : null,
-    !loading && !error && nodes.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-2 text-xs text-muted-foreground", children: "No catalog objects found." }) : null,
-    /* @__PURE__ */ jsxRuntime.jsx(
-      CatalogNodes,
-      {
-        nodes,
-        onSelect
-      },
-      database || "catalog"
-    )
-  ] });
-}
-function catalogErrorMessage(error) {
-  if (error instanceof Error && error.message.trim()) {
-    return error.message.trim();
-  }
-  if (typeof error === "string" && error.trim()) {
-    return error.trim();
-  }
-  return "The catalog request failed. Check the connection settings and try again.";
-}
-function CatalogNodes({
-  nodes,
-  onSelect
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { role: "tree", className: "min-w-0", children: nodes.map((node) => /* @__PURE__ */ jsxRuntime.jsx(
-    TreeNode.TreeNode,
-    {
-      node,
-      getKey: (item) => item.id,
-      getChildren: (item) => item.children,
-      defaultOpen: (item) => item.kind === "schema",
-      isSecondary: (item) => item.kind === "column",
-      onSelect: (item) => {
-        if (item.query) onSelect(item);
-      },
-      indentPx: 14,
-      basePaddingPx: 8,
-      renderRow: ({ node: item }) => /* @__PURE__ */ jsxRuntime.jsxs(
-        "div",
-        {
-          className: "flex min-w-0 flex-1 items-center gap-1.5 text-xs",
-          title: item.query ? `Load ${item.kind}` : item.kind,
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              Icon.Icon,
-              {
-                icon: catalogIcon(item.kind),
-                className: "size-3.5 shrink-0 text-muted-foreground"
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: item.label })
-          ]
-        }
-      )
-    },
-    node.id
-  )) });
-}
-function catalogIcon(kind) {
-  switch (kind) {
-    case "schema":
-      return UiNamespace.UiNamespace;
-    case "table":
-      return UiTable.UiTable;
-    case "view":
-      return UiSqlView.UiSqlView;
-    case "column":
-      return UiSqlColumn.UiSqlColumn;
-    case "index":
-      return UiSqlIndex.UiSqlIndex;
-    case "alias":
-      return UiLink.UiLink;
-    case "data_stream":
-      return UiActivity.UiActivity;
-    default:
-      return UiDatabase.UiDatabase;
-  }
-}
-exports.CatalogTree = CatalogTree;
-//# sourceMappingURL=catalogTree.cjs.map

package/dist/profiles/catalogTree.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"catalogTree.cjs","sources":["../../src/profiles/catalogTree.tsx"],"sourcesContent":["import { Icon } from \"../data/Icon\";\nimport { TreeNode } from \"../data/TreeNode\";\nimport {\n  UiActivity,\n  UiDatabase,\n  UiLink,\n  UiNamespace,\n  UiSqlColumn,\n  UiSqlDatabase,\n  UiSqlIndex,\n  UiSqlView,\n  UiTable,\n} from \"../icons\";\nimport type { CatalogNode } from \"./connectionBrowserModel\";\n\nexport function CatalogTree({\n  nodes,\n  loading,\n  error,\n  databases,\n  database,\n  onDatabaseChange,\n  onSelect,\n}: {\n  nodes: CatalogNode[];\n  loading: boolean;\n  error: unknown;\n  databases: string[];\n  database: string;\n  onDatabaseChange: (database: string) => void;\n  onSelect: (node: CatalogNode) => void;\n}) {\n  return (\n    <div className=\"flex h-full min-h-0 flex-col overflow-auto border-r bg-card p-2\">\n      <h3 className=\"flex items-center gap-1.5 px-2 py-1 text-xs font-semibold uppercase tracking-wide text-muted-foreground\">\n        <Icon icon={UiSqlDatabase} className=\"size-3.5\" />\n        <span>Catalog</span>\n      </h3>\n      {databases.length > 0 ? (\n        <label className=\"mb-2 block px-2 text-xs text-muted-foreground\">\n          Database\n          <select\n            aria-label=\"Database\"\n            value={database}\n            onChange={(event) => onDatabaseChange(event.target.value)}\n            className=\"mt-1 h-8 w-full rounded-md border bg-background px-2 text-xs text-foreground\"\n          >\n            {databases.map((name) => (\n              <option key={name} value={name}>\n                {name}\n              </option>\n            ))}\n          </select>\n        </label>\n      ) : null}\n      {loading && (\n        <div className=\"p-2 text-xs text-muted-foreground\">\n          Loading catalog…\n        </div>\n      )}\n      {error ? (\n        <div\n          role=\"alert\"\n          className=\"m-2 rounded-md border border-destructive/30 bg-destructive/5 p-2 text-xs text-destructive\"\n        >\n          <p className=\"font-medium\">Unable to load catalog</p>\n          <p className=\"mt-1 break-words\">{catalogErrorMessage(error)}</p>\n        </div>\n      ) : null}\n      {!loading && !error && nodes.length === 0 ? (\n        <div className=\"p-2 text-xs text-muted-foreground\">\n          No catalog objects found.\n        </div>\n      ) : null}\n      <CatalogNodes\n        key={database || \"catalog\"}\n        nodes={nodes}\n        onSelect={onSelect}\n      />\n    </div>\n  );\n}\n\nfunction catalogErrorMessage(error: unknown): string {\n  if (error instanceof Error && error.message.trim()) {\n    return error.message.trim();\n  }\n  if (typeof error === \"string\" && error.trim()) {\n    return error.trim();\n  }\n  return \"The catalog request failed. Check the connection settings and try again.\";\n}\n\nfunction CatalogNodes({\n  nodes,\n  onSelect,\n}: {\n  nodes: CatalogNode[];\n  onSelect: (node: CatalogNode) => void;\n}) {\n  return (\n    <div role=\"tree\" className=\"min-w-0\">\n      {nodes.map((node) => (\n        <TreeNode\n          key={node.id}\n          node={node}\n          getKey={(item) => item.id}\n          getChildren={(item) => item.children}\n          defaultOpen={(item) => item.kind === \"schema\"}\n          isSecondary={(item) => item.kind === \"column\"}\n          onSelect={(item) => {\n            if (item.query) onSelect(item);\n          }}\n          indentPx={14}\n          basePaddingPx={8}\n          renderRow={({ node: item }) => (\n            <div\n              className=\"flex min-w-0 flex-1 items-center gap-1.5 text-xs\"\n              title={item.query ? `Load ${item.kind}` : item.kind}\n            >\n              <Icon\n                icon={catalogIcon(item.kind)}\n                className=\"size-3.5 shrink-0 text-muted-foreground\"\n              />\n              <span className=\"truncate\">{item.label}</span>\n            </div>\n          )}\n        />\n      ))}\n    </div>\n  );\n}\n\nfunction catalogIcon(kind: string) {\n  switch (kind) {\n    case \"schema\":\n      return UiNamespace;\n    case \"table\":\n      return UiTable;\n    case \"view\":\n      return UiSqlView;\n    case \"column\":\n      return UiSqlColumn;\n    case \"index\":\n      return UiSqlIndex;\n    case \"alias\":\n      return UiLink;\n    case \"data_stream\":\n      return UiActivity;\n    default:\n      return UiDatabase;\n  }\n}\n"],"names":["jsxs","jsx","Icon","UiSqlDatabase","TreeNode","UiNamespace","UiTable","UiSqlView","UiSqlColumn","UiSqlIndex","UiLink","UiActivity","UiDatabase"],"mappings":"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"}

package/dist/profiles/catalogTree.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"catalogTree.d.ts","sourceRoot":"","sources":["../../src/profiles/catalogTree.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAE5D,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,OAAO,EACP,KAAK,EACL,SAAS,EACT,QAAQ,EACR,gBAAgB,EAChB,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,OAAO,CAAC;IACf,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,gBAAgB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,QAAQ,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;CACvC,2CAkDA"}

package/dist/profiles/catalogTree.js

@@ -1,133 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { Icon } from "../data/Icon.js";
-import { TreeNode } from "../data/TreeNode.js";
-import { UiSqlDatabase } from "../icons/components/UiSqlDatabase.js";
-import { UiDatabase } from "../icons/components/UiDatabase.js";
-import { UiActivity } from "../icons/components/UiActivity.js";
-import { UiLink } from "../icons/components/UiLink.js";
-import { UiSqlIndex } from "../icons/components/UiSqlIndex.js";
-import { UiSqlColumn } from "../icons/components/UiSqlColumn.js";
-import { UiSqlView } from "../icons/components/UiSqlView.js";
-import { UiTable } from "../icons/components/UiTable.js";
-import { UiNamespace } from "../icons/components/UiNamespace.js";
-function CatalogTree({
-  nodes,
-  loading,
-  error,
-  databases,
-  database,
-  onDatabaseChange,
-  onSelect
-}) {
-  return /* @__PURE__ */ jsxs("div", { className: "flex h-full min-h-0 flex-col overflow-auto border-r bg-card p-2", children: [
-    /* @__PURE__ */ jsxs("h3", { className: "flex items-center gap-1.5 px-2 py-1 text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: [
-      /* @__PURE__ */ jsx(Icon, { icon: UiSqlDatabase, className: "size-3.5" }),
-      /* @__PURE__ */ jsx("span", { children: "Catalog" })
-    ] }),
-    databases.length > 0 ? /* @__PURE__ */ jsxs("label", { className: "mb-2 block px-2 text-xs text-muted-foreground", children: [
-      "Database",
-      /* @__PURE__ */ jsx(
-        "select",
-        {
-          "aria-label": "Database",
-          value: database,
-          onChange: (event) => onDatabaseChange(event.target.value),
-          className: "mt-1 h-8 w-full rounded-md border bg-background px-2 text-xs text-foreground",
-          children: databases.map((name) => /* @__PURE__ */ jsx("option", { value: name, children: name }, name))
-        }
-      )
-    ] }) : null,
-    loading && /* @__PURE__ */ jsx("div", { className: "p-2 text-xs text-muted-foreground", children: "Loading catalog…" }),
-    error ? /* @__PURE__ */ jsxs(
-      "div",
-      {
-        role: "alert",
-        className: "m-2 rounded-md border border-destructive/30 bg-destructive/5 p-2 text-xs text-destructive",
-        children: [
-          /* @__PURE__ */ jsx("p", { className: "font-medium", children: "Unable to load catalog" }),
-          /* @__PURE__ */ jsx("p", { className: "mt-1 break-words", children: catalogErrorMessage(error) })
-        ]
-      }
-    ) : null,
-    !loading && !error && nodes.length === 0 ? /* @__PURE__ */ jsx("div", { className: "p-2 text-xs text-muted-foreground", children: "No catalog objects found." }) : null,
-    /* @__PURE__ */ jsx(
-      CatalogNodes,
-      {
-        nodes,
-        onSelect
-      },
-      database || "catalog"
-    )
-  ] });
-}
-function catalogErrorMessage(error) {
-  if (error instanceof Error && error.message.trim()) {
-    return error.message.trim();
-  }
-  if (typeof error === "string" && error.trim()) {
-    return error.trim();
-  }
-  return "The catalog request failed. Check the connection settings and try again.";
-}
-function CatalogNodes({
-  nodes,
-  onSelect
-}) {
-  return /* @__PURE__ */ jsx("div", { role: "tree", className: "min-w-0", children: nodes.map((node) => /* @__PURE__ */ jsx(
-    TreeNode,
-    {
-      node,
-      getKey: (item) => item.id,
-      getChildren: (item) => item.children,
-      defaultOpen: (item) => item.kind === "schema",
-      isSecondary: (item) => item.kind === "column",
-      onSelect: (item) => {
-        if (item.query) onSelect(item);
-      },
-      indentPx: 14,
-      basePaddingPx: 8,
-      renderRow: ({ node: item }) => /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: "flex min-w-0 flex-1 items-center gap-1.5 text-xs",
-          title: item.query ? `Load ${item.kind}` : item.kind,
-          children: [
-            /* @__PURE__ */ jsx(
-              Icon,
-              {
-                icon: catalogIcon(item.kind),
-                className: "size-3.5 shrink-0 text-muted-foreground"
-              }
-            ),
-            /* @__PURE__ */ jsx("span", { className: "truncate", children: item.label })
-          ]
-        }
-      )
-    },
-    node.id
-  )) });
-}
-function catalogIcon(kind) {
-  switch (kind) {
-    case "schema":
-      return UiNamespace;
-    case "table":
-      return UiTable;
-    case "view":
-      return UiSqlView;
-    case "column":
-      return UiSqlColumn;
-    case "index":
-      return UiSqlIndex;
-    case "alias":
-      return UiLink;
-    case "data_stream":
-      return UiActivity;
-    default:
-      return UiDatabase;
-  }
-}
-export {
-  CatalogTree
-};
-//# sourceMappingURL=catalogTree.js.map

package/dist/profiles/catalogTree.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"catalogTree.js","sources":["../../src/profiles/catalogTree.tsx"],"sourcesContent":["import { Icon } from \"../data/Icon\";\nimport { TreeNode } from \"../data/TreeNode\";\nimport {\n  UiActivity,\n  UiDatabase,\n  UiLink,\n  UiNamespace,\n  UiSqlColumn,\n  UiSqlDatabase,\n  UiSqlIndex,\n  UiSqlView,\n  UiTable,\n} from \"../icons\";\nimport type { CatalogNode } from \"./connectionBrowserModel\";\n\nexport function CatalogTree({\n  nodes,\n  loading,\n  error,\n  databases,\n  database,\n  onDatabaseChange,\n  onSelect,\n}: {\n  nodes: CatalogNode[];\n  loading: boolean;\n  error: unknown;\n  databases: string[];\n  database: string;\n  onDatabaseChange: (database: string) => void;\n  onSelect: (node: CatalogNode) => void;\n}) {\n  return (\n    <div className=\"flex h-full min-h-0 flex-col overflow-auto border-r bg-card p-2\">\n      <h3 className=\"flex items-center gap-1.5 px-2 py-1 text-xs font-semibold uppercase tracking-wide text-muted-foreground\">\n        <Icon icon={UiSqlDatabase} className=\"size-3.5\" />\n        <span>Catalog</span>\n      </h3>\n      {databases.length > 0 ? (\n        <label className=\"mb-2 block px-2 text-xs text-muted-foreground\">\n          Database\n          <select\n            aria-label=\"Database\"\n            value={database}\n            onChange={(event) => onDatabaseChange(event.target.value)}\n            className=\"mt-1 h-8 w-full rounded-md border bg-background px-2 text-xs text-foreground\"\n          >\n            {databases.map((name) => (\n              <option key={name} value={name}>\n                {name}\n              </option>\n            ))}\n          </select>\n        </label>\n      ) : null}\n      {loading && (\n        <div className=\"p-2 text-xs text-muted-foreground\">\n          Loading catalog…\n        </div>\n      )}\n      {error ? (\n        <div\n          role=\"alert\"\n          className=\"m-2 rounded-md border border-destructive/30 bg-destructive/5 p-2 text-xs text-destructive\"\n        >\n          <p className=\"font-medium\">Unable to load catalog</p>\n          <p className=\"mt-1 break-words\">{catalogErrorMessage(error)}</p>\n        </div>\n      ) : null}\n      {!loading && !error && nodes.length === 0 ? (\n        <div className=\"p-2 text-xs text-muted-foreground\">\n          No catalog objects found.\n        </div>\n      ) : null}\n      <CatalogNodes\n        key={database || \"catalog\"}\n        nodes={nodes}\n        onSelect={onSelect}\n      />\n    </div>\n  );\n}\n\nfunction catalogErrorMessage(error: unknown): string {\n  if (error instanceof Error && error.message.trim()) {\n    return error.message.trim();\n  }\n  if (typeof error === \"string\" && error.trim()) {\n    return error.trim();\n  }\n  return \"The catalog request failed. Check the connection settings and try again.\";\n}\n\nfunction CatalogNodes({\n  nodes,\n  onSelect,\n}: {\n  nodes: CatalogNode[];\n  onSelect: (node: CatalogNode) => void;\n}) {\n  return (\n    <div role=\"tree\" className=\"min-w-0\">\n      {nodes.map((node) => (\n        <TreeNode\n          key={node.id}\n          node={node}\n          getKey={(item) => item.id}\n          getChildren={(item) => item.children}\n          defaultOpen={(item) => item.kind === \"schema\"}\n          isSecondary={(item) => item.kind === \"column\"}\n          onSelect={(item) => {\n            if (item.query) onSelect(item);\n          }}\n          indentPx={14}\n          basePaddingPx={8}\n          renderRow={({ node: item }) => (\n            <div\n              className=\"flex min-w-0 flex-1 items-center gap-1.5 text-xs\"\n              title={item.query ? `Load ${item.kind}` : item.kind}\n            >\n              <Icon\n                icon={catalogIcon(item.kind)}\n                className=\"size-3.5 shrink-0 text-muted-foreground\"\n              />\n              <span className=\"truncate\">{item.label}</span>\n            </div>\n          )}\n        />\n      ))}\n    </div>\n  );\n}\n\nfunction catalogIcon(kind: string) {\n  switch (kind) {\n    case \"schema\":\n      return UiNamespace;\n    case \"table\":\n      return UiTable;\n    case \"view\":\n      return UiSqlView;\n    case \"column\":\n      return UiSqlColumn;\n    case \"index\":\n      return UiSqlIndex;\n    case \"alias\":\n      return UiLink;\n    case \"data_stream\":\n      return UiActivity;\n    default:\n      return UiDatabase;\n  }\n}\n"],"names":[],"mappings":"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"}