@typlog/ui 0.14.0 → 0.15.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@typlog/ui",
-  "version": "0.14.0",
+  "version": "0.15.0",
   "license": "MIT",
   "type": "module",
   "description": "Themed components for Reka UI with Radix colors.",
@@ -27,13 +27,32 @@
       "style": "./addons.css",
       "import": "./addons.js"
     },
+    "./charts": {
+      "types": "./charts.d.ts",
+      "style": "./charts.css",
+      "import": "./charts.js"
+    },
     "./base.css": "./base.css",
     "./components.css": "./components.css",
     "./tailwind.css": "./tailwind.css"
   },
   "dependencies": {
     "@iconify/vue": "^5.0.0",
+    "@tanstack/vue-virtual": "^3.13.36",
+    "@vueuse/core": "^14.4.0",
     "reka-ui": "^2.4.0",
     "vue": "^3.5.0"
+  },
+  "peerDependencies": {
+    "@unovis/ts": "^1.6.7",
+    "@unovis/vue": "^1.6.7"
+  },
+  "peerDependenciesMeta": {
+    "@unovis/ts": {
+      "optional": true
+    },
+    "@unovis/vue": {
+      "optional": true
+    }
   }
-}
+}

package/tailwind.css

@@ -1100,6 +1100,7 @@
   --color-dark-a11: var(--dark-a11);
   --color-dark-a12: var(--dark-a12);
 }
+
 @theme {
   --shadow-1: var(--shadow-1);
   --shadow-2: var(--shadow-2);

package/util-lkbchXvM.js

@@ -0,0 +1,42 @@
+import { computed } from "vue";
+import { useEmitAsProps, useForwardProps } from "reka-ui";
+//#region src/components/util.ts
+function useForwardPropsWithout(props, exclude) {
+	const parsedProps = useForwardProps(props);
+	return computed(() => ({ ..._excludeProps(parsedProps.value, exclude) }));
+}
+function useForwardPropsEmitsWithout(props, emit, exclude) {
+	const parsedProps = useForwardProps(props);
+	const emitsAsProps = useEmitAsProps(emit);
+	return computed(() => ({
+		..._excludeProps(parsedProps.value, exclude),
+		...emitsAsProps
+	}));
+}
+var buildPropsClass = (props, keys) => {
+	return computed(() => {
+		const rv = [];
+		keys.forEach((key) => {
+			const value = props[key];
+			if (key === "class") rv.push(value);
+			if (value === true) rv.push(`r-${kebabize(key)}`);
+			else if (value) rv.push(`r-${kebabize(key)}-${value}`);
+		});
+		return rv;
+	});
+};
+function _excludeProps(props, exclude) {
+	const rv = {};
+	Object.keys(props).forEach((k) => {
+		if (exclude.indexOf(k) === -1) rv[k] = props[k];
+	});
+	return rv;
+}
+function kebabize(str) {
+	return str.replace(/[A-Z]+(?![a-z])|[A-Z]/g, _kebabReplace);
+}
+function _kebabReplace(str, ofs) {
+	return (ofs ? "-" : "") + str.toLowerCase();
+}
+//#endregion
+export { useForwardPropsEmitsWithout as n, useForwardPropsWithout as r, buildPropsClass as t };