@keepkit/ui 0.12.0 → 0.14.0

package/dist/tailwind.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/tailwind.ts"],"sourcesContent":["/**\n * Tailwind v4 theme aliases. Import `@keepkit/ui/tailwind.css` in the CSS entry\n * point, then use these names when a JavaScript theme map is more convenient.\n */\nexport const keepKitTheme = {\n  colors: {\n    background: \"var(--keep-background)\",\n    foreground: \"var(--keep-foreground)\",\n    card: \"var(--keep-card)\",\n    \"card-foreground\": \"var(--keep-card-foreground)\",\n    muted: \"var(--keep-muted)\",\n    \"muted-foreground\": \"var(--keep-muted-foreground)\",\n    border: \"var(--keep-border)\",\n    input: \"var(--keep-input)\",\n    primary: \"var(--keep-primary)\",\n    \"primary-foreground\": \"var(--keep-primary-foreground)\",\n    destructive: \"var(--keep-destructive)\",\n    \"destructive-foreground\": \"var(--keep-destructive-foreground)\",\n    ring: \"var(--keep-ring)\",\n  },\n  borderRadius: {\n    sm: \"calc(var(--keep-radius) - 4px)\",\n    md: \"calc(var(--keep-radius) - 2px)\",\n    lg: \"var(--keep-radius)\",\n  },\n  spacing: {\n    card: \"var(--keep-card-padding)\",\n    gap: \"var(--keep-card-gap)\",\n  },\n} as const;\n\nexport type KeepKitTheme = typeof keepKitTheme;\n"],"mappings":";AAIO,IAAM,eAAe;AAAA,EAC1B,QAAQ;AAAA,IACN,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,MAAM;AAAA,IACN,mBAAmB;AAAA,IACnB,OAAO;AAAA,IACP,oBAAoB;AAAA,IACpB,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,SAAS;AAAA,IACT,sBAAsB;AAAA,IACtB,aAAa;AAAA,IACb,0BAA0B;AAAA,IAC1B,MAAM;AAAA,EACR;AAAA,EACA,cAAc;AAAA,IACZ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EACN;AAAA,EACA,SAAS;AAAA,IACP,MAAM;AAAA,IACN,KAAK;AAAA,EACP;AACF;","names":[]}

package/dist/theme.css

@@ -1,134 +1,4 @@
-:root {
-  --keepkit-primary: #2563eb;
-  --keepkit-primary-contrast: #ffffff;
-  --keepkit-bg: #ffffff;
-  --keepkit-surface: #f8fafc;
-  --keepkit-text: #0f172a;
-  --keepkit-muted: #64748b;
-  --keepkit-border: #cbd5e1;
-  --keepkit-danger: #b91c1c;
-  --keepkit-radius: 0.5rem;
-  --keepkit-space: 0.75rem;
-  --keepkit-font-size: 1rem;
-}
-
-[data-theme="dark"] {
-  --keepkit-primary: #93c5fd;
-  --keepkit-primary-contrast: #172554;
-  --keepkit-bg: #0f172a;
-  --keepkit-surface: #1e293b;
-  --keepkit-text: #e2e8f0;
-  --keepkit-muted: #94a3b8;
-  --keepkit-border: #475569;
-  --keepkit-danger: #fca5a5;
-}
-
-@media (prefers-color-scheme: dark) {
-  :root:not([data-theme="light"]) {
-    --keepkit-primary: #93c5fd;
-    --keepkit-primary-contrast: #172554;
-    --keepkit-bg: #0f172a;
-    --keepkit-surface: #1e293b;
-    --keepkit-text: #e2e8f0;
-    --keepkit-muted: #94a3b8;
-    --keepkit-border: #475569;
-    --keepkit-danger: #fca5a5;
-  }
-}
-
-[data-keepkit] {
-  box-sizing: border-box;
-  color: var(--keepkit-text);
-  font-size: var(--keepkit-font-size);
-}
-
-[data-keepkit] *,
-[data-keepkit] *::before,
-[data-keepkit] *::after {
-  box-sizing: inherit;
-}
-
-[data-keepkit="status-badge"] {
-  display: inline-flex;
-  border: 1px solid var(--keepkit-border);
-  border-radius: 999px;
-  padding: 0.125rem 0.5rem;
-  background: var(--keepkit-surface);
-  color: var(--keepkit-muted);
-  font-size: 0.875em;
-  font-weight: 600;
-}
-
-[data-keepkit="status-badge"][data-status="available"] {
-  border-color: var(--keepkit-primary);
-  color: var(--keepkit-primary);
-}
-
-[data-keepkit="status-badge"][data-status="expired"],
-[data-keepkit="status-badge"][data-status="removed"],
-[data-keepkit="status-badge"][data-status="deleted"] {
-  border-color: var(--keepkit-danger);
-  color: var(--keepkit-danger);
-}
-
-[data-keepkit="stale-notice"],
-[data-keepkit="sync-status"],
-[data-keepkit="sync-recovery"] {
-  border: 1px solid var(--keepkit-border);
-  border-radius: var(--keepkit-radius);
-  padding: var(--keepkit-space);
-  background: var(--keepkit-surface);
-}
-
-[data-keepkit="stale-notice"] {
-  display: grid;
-  gap: var(--keepkit-space);
-}
-
-[data-keepkit="stale-notice"] [role="alert"],
-[data-keepkit="sync-status"][data-state="error"],
-[data-keepkit="sync-recovery"][data-state="error"] {
-  color: var(--keepkit-danger);
-}
-
-[data-keepkit="sync-recovery"] {
-  max-width: 40rem;
-  margin: 1rem auto;
-  background: var(--keepkit-bg);
-}
-
-[data-keepkit="sync-recovery"] header,
-[data-keepkit="sync-recovery"] article,
-[data-keepkit="sync-recovery"] [data-recovery="backup"] {
-  display: grid;
-  gap: var(--keepkit-space);
-}
-
-[data-keepkit="sync-recovery"] header {
-  grid-template-columns: 1fr auto;
-  align-items: start;
-}
-
-[data-keepkit] button {
-  border: 1px solid var(--keepkit-primary);
-  border-radius: var(--keepkit-radius);
-  padding: 0.5rem 0.75rem;
-  background: var(--keepkit-primary);
-  color: var(--keepkit-primary-contrast);
-  cursor: pointer;
-}
-
-[data-keepkit] button:disabled {
-  cursor: not-allowed;
-  opacity: 0.55;
-}
-
-@media (max-width: 40rem) {
-  :root {
-    --keepkit-font-size: 0.9375rem;
-  }
-
-  [data-keepkit="sync-recovery"] header {
-    grid-template-columns: 1fr;
-  }
-}
+@import "./styles/base.css";
+@import "./styles/button.css";
+@import "./styles/collection.css";
+@import "./styles/sync.css";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@keepkit/ui",
-  "version": "0.12.0",
+  "version": "0.14.0",
   "description": "Headless, accessible React UI components for KeepKit.",
   "type": "module",
   "license": "MIT",
@@ -23,9 +23,30 @@
     },
     "./theme.css": {
       "default": "./dist/theme.css"
+    },
+    "./tailwind": {
+      "types": "./dist/tailwind.d.ts",
+      "import": "./dist/tailwind.js"
+    },
+    "./tailwind.css": {
+      "default": "./dist/tailwind.css"
+    },
+    "./styles/base.css": {
+      "default": "./dist/styles/base.css"
+    },
+    "./styles/button.css": {
+      "default": "./dist/styles/button.css"
+    },
+    "./styles/collection.css": {
+      "default": "./dist/styles/collection.css"
+    },
+    "./styles/sync.css": {
+      "default": "./dist/styles/sync.css"
     }
   },
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.css"
+  ],
   "publishConfig": {
     "access": "public"
   },
@@ -33,7 +54,7 @@
     "react": ">=18"
   },
   "dependencies": {
-    "@keepkit/core": "0.12.0"
+    "@keepkit/core": "0.14.0"
   },
   "devDependencies": {
     "@testing-library/react": "^16.3.3",