@flanksource/clicky-ui 0.1.0 → 0.2.2

package/dist/tailwind-preset.d.ts

@@ -0,0 +1,4 @@
+import { Config } from 'tailwindcss';
+declare const preset: Partial<Config>;
+export default preset;
+//# sourceMappingURL=tailwind-preset.d.ts.map

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

@@ -0,0 +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,CAgE3B,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/tailwind-preset.js

@@ -0,0 +1,69 @@
+const preset = {
+  darkMode: ["selector", '[data-theme="dark"]'],
+  theme: {
+    extend: {
+      colors: {
+        border: "hsl(var(--border))",
+        input: "hsl(var(--input))",
+        ring: "hsl(var(--ring))",
+        background: "hsl(var(--background))",
+        foreground: "hsl(var(--foreground))",
+        primary: {
+          DEFAULT: "hsl(var(--primary))",
+          foreground: "hsl(var(--primary-foreground))"
+        },
+        secondary: {
+          DEFAULT: "hsl(var(--secondary))",
+          foreground: "hsl(var(--secondary-foreground))"
+        },
+        destructive: {
+          DEFAULT: "hsl(var(--destructive))",
+          foreground: "hsl(var(--destructive-foreground))"
+        },
+        muted: {
+          DEFAULT: "hsl(var(--muted))",
+          foreground: "hsl(var(--muted-foreground))"
+        },
+        accent: {
+          DEFAULT: "hsl(var(--accent))",
+          foreground: "hsl(var(--accent-foreground))"
+        },
+        popover: {
+          DEFAULT: "hsl(var(--popover))",
+          foreground: "hsl(var(--popover-foreground))"
+        },
+        card: {
+          DEFAULT: "hsl(var(--card))",
+          foreground: "hsl(var(--card-foreground))"
+        }
+      },
+      borderRadius: {
+        lg: "var(--radius)",
+        md: "calc(var(--radius) - 2px)",
+        sm: "calc(var(--radius) - 4px)"
+      },
+      spacing: {
+        "control-h": "var(--control-height)",
+        "control-px": "var(--control-padding-x)",
+        "density-1": "var(--spacing-unit)",
+        "density-2": "calc(var(--spacing-unit) * 2)",
+        "density-3": "calc(var(--spacing-unit) * 3)",
+        "density-4": "calc(var(--spacing-unit) * 4)"
+      },
+      fontSize: {
+        "density-base": "var(--font-size-base)"
+      }
+    }
+  },
+  plugins: [
+    ({ addVariant }) => {
+      addVariant("density-compact", '[data-density="compact"] &');
+      addVariant("density-comfortable", '[data-density="comfortable"] &');
+      addVariant("density-spacious", '[data-density="spacious"] &');
+    }
+  ]
+};
+export {
+  preset as default
+};
+//# sourceMappingURL=tailwind-preset.js.map

package/dist/tailwind-preset.js.map

@@ -0,0 +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      colors: {\n        border: \"hsl(var(--border))\",\n        input: \"hsl(var(--input))\",\n        ring: \"hsl(var(--ring))\",\n        background: \"hsl(var(--background))\",\n        foreground: \"hsl(var(--foreground))\",\n        primary: {\n          DEFAULT: \"hsl(var(--primary))\",\n          foreground: \"hsl(var(--primary-foreground))\",\n        },\n        secondary: {\n          DEFAULT: \"hsl(var(--secondary))\",\n          foreground: \"hsl(var(--secondary-foreground))\",\n        },\n        destructive: {\n          DEFAULT: \"hsl(var(--destructive))\",\n          foreground: \"hsl(var(--destructive-foreground))\",\n        },\n        muted: {\n          DEFAULT: \"hsl(var(--muted))\",\n          foreground: \"hsl(var(--muted-foreground))\",\n        },\n        accent: {\n          DEFAULT: \"hsl(var(--accent))\",\n          foreground: \"hsl(var(--accent-foreground))\",\n        },\n        popover: {\n          DEFAULT: \"hsl(var(--popover))\",\n          foreground: \"hsl(var(--popover-foreground))\",\n        },\n        card: {\n          DEFAULT: \"hsl(var(--card))\",\n          foreground: \"hsl(var(--card-foreground))\",\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    },\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,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,MACd;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,IAClB;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;"}

package/dist/utils.d.ts

@@ -0,0 +1,4 @@
+export { cn } from './lib/utils';
+export { AVATAR_PALETTE, fnv1a32, paletteClass } from './lib/palette';
+export { SIZE_TOKENS, resolveSize, type SizeToken } from './lib/size';
+//# sourceMappingURL=utils.d.ts.map

package/dist/utils.d.ts.map

@@ -0,0 +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"}

package/dist/utils.js

@@ -0,0 +1,12 @@
+import { cn } from "./lib/utils.js";
+import { AVATAR_PALETTE, fnv1a32, paletteClass } from "./lib/palette.js";
+import { SIZE_TOKENS, resolveSize } from "./lib/size.js";
+export {
+  AVATAR_PALETTE,
+  SIZE_TOKENS,
+  cn,
+  fnv1a32,
+  paletteClass,
+  resolveSize
+};
+//# sourceMappingURL=utils.js.map

package/dist/utils.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flanksource/clicky-ui",
-  "version": "0.1.0",
+  "version": "0.2.2",
   "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",
@@ -12,73 +12,116 @@
   },
   "files": [
     "dist",
-    "src/styles",
     "README.md",
     "LICENSE"
   ],
   "type": "module",
   "sideEffects": [
-    "**/*.css"
+    "**/*.css",
+    "./src/styles/**"
   ],
-  "main": "./dist/index.mjs",
-  "module": "./dist/index.mjs",
-  "types": "./dist/index.d.mts",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
   "exports": {
     ".": {
-      "types": "./dist/index.d.mts",
-      "import": "./dist/index.mjs"
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
     },
-    "./styles.css": "./src/styles/tokens.css",
+    "./utils": {
+      "types": "./dist/utils.d.ts",
+      "import": "./dist/utils.js"
+    },
+    "./hooks": {
+      "types": "./dist/hooks.d.ts",
+      "import": "./dist/hooks.js"
+    },
+    "./components": {
+      "types": "./dist/components.d.ts",
+      "import": "./dist/components.js"
+    },
+    "./data": {
+      "types": "./dist/data.d.ts",
+      "import": "./dist/data.js"
+    },
+    "./clicky": {
+      "types": "./dist/clicky.d.ts",
+      "import": "./dist/clicky.js"
+    },
+    "./rpc": {
+      "types": "./dist/rpc.d.ts",
+      "import": "./dist/rpc.js"
+    },
+    "./api-explorer": {
+      "types": "./dist/api-explorer.d.ts",
+      "import": "./dist/api-explorer.js"
+    },
+    "./styles.css": "./dist/styles.css",
     "./tailwind-preset": {
-      "types": "./dist/tailwind-preset.d.mts",
-      "import": "./dist/tailwind-preset.mjs",
+      "types": "./dist/tailwind-preset.d.ts",
+      "import": "./dist/tailwind-preset.js",
       "require": "./dist/tailwind-preset.cjs",
-      "default": "./dist/tailwind-preset.mjs"
+      "default": "./dist/tailwind-preset.js"
     }
   },
   "publishConfig": {
     "access": "public"
   },
-  "scripts": {
-    "dev": "vp dev",
-    "build": "vp pack src/index.ts src/tailwind-preset.ts --sourcemap --no-minify && vp pack src/tailwind-preset.ts -f cjs --no-clean --sourcemap --no-minify",
-    "test": "vp test",
-    "check": "vp check"
-  },
   "dependencies": {
-    "@radix-ui/react-slot": "catalog:",
-    "class-variance-authority": "catalog:",
-    "clsx": "catalog:",
-    "lucide-react": "catalog:",
-    "tailwind-merge": "catalog:"
+    "@iconify/react": "^5.0.2",
+    "@radix-ui/react-compose-refs": "^1.1.2",
+    "@radix-ui/react-slot": "^1.1.1",
+    "@scalar/api-reference-react": "^0.9.31",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "lucide-react": "^0.469.0",
+    "tailwind-merge": "^2.6.0"
   },
   "devDependencies": {
-    "@storybook/react": "catalog:",
-    "@storybook/react-vite": "catalog:",
-    "@storybook/test": "catalog:",
-    "@testing-library/jest-dom": "catalog:",
-    "@testing-library/react": "catalog:",
-    "@types/react": "catalog:",
-    "@types/react-dom": "catalog:",
-    "jsdom": "catalog:",
-    "react": "catalog:",
-    "react-dom": "catalog:",
-    "tailwindcss": "catalog:",
-    "typescript": "catalog:",
-    "vite": "catalog:",
-    "vite-plugin-dts": "catalog:",
-    "vite-plus": "catalog:",
-    "vitest": "catalog:"
+    "@storybook/react-vite": "10.3.5",
+    "@tailwindcss/cli": "^4.2.4",
+    "@tanstack/react-query": "^5.66.8",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.1.0",
+    "@types/react": "^18.3.12",
+    "@types/react-dom": "^18.3.1",
+    "jsdom": "^26.0.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "tailwindcss": "^4.2.4",
+    "typescript": "^5.7.2",
+    "vite": "^6.0.3",
+    "vite-plugin-dts": "^4.3.0",
+    "vite-plus": "^0.1.18",
+    "vitest": "^3.0.5"
   },
   "peerDependencies": {
+    "@shikijs/transformers": "^1.24.0",
+    "@tanstack/react-query": "^5.0.0",
     "marked": "^15.0.0",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0",
+    "shiki": "^1.24.0",
     "tailwindcss": "^3.4.0"
   },
   "peerDependenciesMeta": {
+    "@shikijs/transformers": {
+      "optional": true
+    },
+    "@tanstack/react-query": {
+      "optional": true
+    },
     "marked": {
       "optional": true
+    },
+    "shiki": {
+      "optional": true
     }
+  },
+  "scripts": {
+    "dev": "vp dev",
+    "build": "vite build && node scripts/build-styles.mjs && vp pack src/tailwind-preset.ts -f cjs --no-clean --sourcemap --no-minify",
+    "test": "vp test",
+    "check": "vp check"
   }
-}
+}