klip-components 0.2.1

package/dist/utils/cn.d.ts

@@ -0,0 +1,37 @@
+import { ClassValue } from 'clsx';
+export { clsx, type ClassValue } from 'clsx';
+/**
+ * Merges multiple CSS class strings and removes duplicates while preserving order.
+ * Takes an array of class strings, splits them by spaces, filters out empty values,
+ * and returns a deduplicated string of classes.
+ *
+ * @param {...string[]} classes - Variable number of CSS class strings to merge
+ * @returns {string} A single string containing all unique CSS classes separated by spaces
+ *
+ * @example
+ * mergeClasses('btn primary', 'btn secondary', 'active')
+ * // Returns: 'btn primary secondary active'
+ *
+ * @example
+ * mergeClasses('text-red-500 font-bold', 'text-red-500 underline')
+ * // Returns: 'text-red-500 font-bold underline'
+ */
+export declare function mergeClasses(...classes: string[]): string;
+/**
+ * Combines and conditionally applies CSS classes using clsx, then deduplicates them.
+ * This function leverages clsx for conditional class handling and mergeClasses for deduplication.
+ * Useful for component styling where you need both conditional logic and duplicate removal.
+ *
+ * @param {...ClassValue[]} inputs - Variable number of class values (strings, objects, arrays, etc.) supported by clsx
+ * @returns {string} A deduplicated string of CSS classes
+ *
+ * @example
+ * cn('btn', { 'btn-primary': true, 'btn-disabled': false }, 'mt-4')
+ * // Returns: 'btn btn-primary mt-4'
+ *
+ * @example
+ * cn('text-base', 'text-red-500', { 'font-bold': isActive }, 'text-base')
+ * // Returns: 'text-base text-red-500 font-bold' (if isActive is true)
+ */
+export declare function cn(...inputs: ClassValue[]): string;
+//# sourceMappingURL=cn.d.ts.map

package/dist/utils/cn.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cn.d.ts","sourceRoot":"","sources":["../../src/utils/cn.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,UAAU,EAAE,MAAM,MAAM,CAAC;AAG7C,OAAO,EAAE,IAAI,EAAE,KAAK,UAAU,EAAE,MAAM,MAAM,CAAC;AAE7C;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,YAAY,CAAC,GAAG,OAAO,EAAE,MAAM,EAAE,GAAG,MAAM,CAGzD;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,GAAG,MAAM,CAGlD"}

package/dist/utils/index.d.ts

@@ -0,0 +1,2 @@
+export { clsx, mergeClasses, cn, type ClassValue } from './cn';
+//# sourceMappingURL=index.d.ts.map

package/dist/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,EAAE,EAAE,KAAK,UAAU,EAAE,MAAM,MAAM,CAAC"}

package/package.json

@@ -0,0 +1,81 @@
+{
+  "name": "klip-components",
+  "private": false,
+  "version": "0.2.1",
+  "description": "A collection of reusable React components for Klip.",
+  "type": "module",
+  "main": "dist/klip-components.cjs.js",
+  "module": "dist/klip-components.es.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc -b && vite build",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "preview": "vite preview",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "prepublishOnly": "bun run build",
+    "publish:patch": "npm version patch && npm publish",
+    "publish:minor": "npm version minor && npm publish",
+    "publish:major": "npm version major && npm publish"
+  },
+  "release": {
+    "branches": [
+      {
+        "name": "main",
+        "channel": "latest",
+        "prerelease": false
+      }
+    ]
+  },
+  "keywords": [
+    "react",
+    "components",
+    "ui",
+    "typescript",
+    "vite",
+    "bun"
+  ],
+  "author": "deleonagencyorg",
+  "license": "MIT",
+  "engines": {
+    "node": ">=22.0.0",
+    "npm": ">=8.0.0",
+    "bun": ">=1.0.0"
+  },
+  "peerDependencies": {
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
+  },
+  "dependencies": {
+    "clsx": "^2.1.1"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.30.1",
+    "@storybook/addon-docs": "^9.0.16",
+    "@storybook/addon-onboarding": "^9.0.16",
+    "@storybook/react-vite": "^9.0.16",
+    "@types/node": "^24.0.13",
+    "@types/react": "^19.1.8",
+    "@types/react-dom": "^19.1.6",
+    "@vitejs/plugin-react": "^4.6.0",
+    "ajv": "^8.17.1",
+    "autoprefixer": "^10.4.21",
+    "cssnano": "^7.0.7",
+    "eslint": "^9.30.1",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "eslint-plugin-react-refresh": "^0.4.20",
+    "eslint-plugin-storybook": "^9.0.16",
+    "globals": "^16.3.0",
+    "postcss": "^8.5.6",
+    "postcss-cli": "^11.0.1",
+    "storybook": "^9.0.16",
+    "typescript": "~5.8.3",
+    "typescript-eslint": "^8.35.1",
+    "vite": "^7.0.4",
+    "vite-plugin-dts": "^4.5.4"
+  }
+}