@soulbatical/tetra-ui 0.1.18 → 0.2.0

package/dist/table.js

@@ -0,0 +1,7 @@
+/**
+ * @soulbatical/tetra-ui/table
+ *
+ * Config-driven table components. Requires @tanstack/react-table + @soulbatical/tetra-core.
+ */
+export { FeatureTable } from "./components/FeatureTable.js";
+//# sourceMappingURL=table.js.map

package/dist/table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.js","sourceRoot":"","sources":["../src/table.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC"}

package/package.json

@@ -4,7 +4,7 @@
   "publishConfig": {
     "access": "restricted"
   },
-  "version": "0.1.18",
+  "version": "0.2.0",
   "description": "Shared React frontend framework for Tetra platform projects (Soulbatical BV) — config-driven components, hooks, providers, and styling",
   "type": "module",
   "main": "dist/index.js",
@@ -15,6 +15,56 @@
       "import": "./dist/index.js",
       "default": "./dist/index.js"
     },
+    "./primitives": {
+      "types": "./dist/primitives.d.ts",
+      "import": "./dist/primitives.js",
+      "default": "./dist/primitives.js"
+    },
+    "./components": {
+      "types": "./dist/components.d.ts",
+      "import": "./dist/components.js",
+      "default": "./dist/components.js"
+    },
+    "./hooks": {
+      "types": "./dist/hooks.d.ts",
+      "import": "./dist/hooks.js",
+      "default": "./dist/hooks.js"
+    },
+    "./auth": {
+      "types": "./dist/auth.d.ts",
+      "import": "./dist/auth.js",
+      "default": "./dist/auth.js"
+    },
+    "./query": {
+      "types": "./dist/query.d.ts",
+      "import": "./dist/query.js",
+      "default": "./dist/query.js"
+    },
+    "./table": {
+      "types": "./dist/table.d.ts",
+      "import": "./dist/table.js",
+      "default": "./dist/table.js"
+    },
+    "./feature": {
+      "types": "./dist/feature.d.ts",
+      "import": "./dist/feature.js",
+      "default": "./dist/feature.js"
+    },
+    "./next": {
+      "types": "./dist/next.d.ts",
+      "import": "./dist/next.js",
+      "default": "./dist/next.js"
+    },
+    "./planner": {
+      "types": "./dist/planner-entry.d.ts",
+      "import": "./dist/planner-entry.js",
+      "default": "./dist/planner-entry.js"
+    },
+    "./affiliate": {
+      "types": "./dist/affiliate.d.ts",
+      "import": "./dist/affiliate.js",
+      "default": "./dist/affiliate.js"
+    },
     "./tailwind-preset": {
       "types": "./dist/tailwind-preset.d.ts",
       "import": "./dist/tailwind-preset.js",
@@ -39,6 +89,7 @@
     "prepublishOnly": "npm run build"
   },
   "peerDependencies": {
+    "@daypilot/daypilot-lite-react": "^5.4.0",
     "@soulbatical/tetra-core": ">=0.1.0",
     "@supabase/supabase-js": "^2.0.0",
     "@tanstack/react-query": "^5.0.0",
@@ -50,18 +101,32 @@
     "tailwindcss": "^3.4.0 || ^4.0.0"
   },
   "peerDependenciesMeta": {
+    "@daypilot/daypilot-lite-react": {
+      "optional": true
+    },
+    "@soulbatical/tetra-core": {
+      "optional": true
+    },
     "@supabase/supabase-js": {
       "optional": true
     },
+    "@tanstack/react-query": {
+      "optional": true
+    },
     "@tanstack/react-table": {
       "optional": true
     },
+    "next": {
+      "optional": true
+    },
+    "next-themes": {
+      "optional": true
+    },
     "tailwindcss": {
       "optional": true
     }
   },
   "dependencies": {
-    "@daypilot/daypilot-lite-react": "^5.4.1",
     "@radix-ui/react-dialog": "^1.1.15",
     "@radix-ui/react-select": "^2.2.6",
     "@radix-ui/react-slot": "^1.2.4",

package/src/styles/tokens.css

@@ -0,0 +1,53 @@
+/*
+ * Tetra UI Design Tokens
+ *
+ * These CSS custom properties define the visual language for all tetra-ui
+ * layout and feature components. Consumers override them to theme their app.
+ *
+ * Usage:
+ *   @import '@soulbatical/tetra-ui/styles/tokens.css';
+ *
+ * Or define your own values on :root / .dark / any parent element.
+ *
+ * NOTE: shadcn/ui primitives (Button, Input, Card, etc.) use their own
+ * token system (--background, --primary, etc.) and are NOT affected by these.
+ * These tokens are for tetra-ui layout and feature components only.
+ */
+
+:root {
+  /* ── Backgrounds ─────────────────────────────────── */
+  --tetra-bg:             #ffffff;
+  --tetra-bg-subtle:      #f9fafb;
+  --tetra-bg-muted:       #f3f4f6;
+
+  /* ── Borders ─────────────────────────────────────── */
+  --tetra-border:         #e5e7eb;
+  --tetra-border-subtle:  #f3f4f6;
+
+  /* ── Text ────────────────────────────────────────── */
+  --tetra-text:           #111827;
+  --tetra-text-muted:     #6b7280;
+  --tetra-text-inverted:  #ffffff;
+
+  /* ── Accent (primary action color) ───────────────── */
+  --tetra-accent:         #3b82f6;
+  --tetra-accent-subtle:  #eff6ff;
+  --tetra-accent-hover:   #2563eb;
+
+  /* ── Semantic ────────────────────────────────────── */
+  --tetra-danger:         #ef4444;
+  --tetra-danger-subtle:  #fef2f2;
+  --tetra-success:        #22c55e;
+  --tetra-success-subtle: #f0fdf4;
+  --tetra-warning:        #f59e0b;
+  --tetra-warning-subtle: #fffbeb;
+
+  /* ── Shape ───────────────────────────────────────── */
+  --tetra-radius:         8px;
+  --tetra-radius-sm:      4px;
+  --tetra-radius-lg:      12px;
+
+  /* ── Typography ──────────────────────────────────── */
+  --tetra-font:           inherit;
+  --tetra-font-mono:      ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
+}