pelatform-ui 1.1.0

package/dist/default.d.ts

@@ -0,0 +1 @@
+export * from '@pelatform/ui.default';

package/dist/default.js

@@ -0,0 +1,2 @@
+// src/default.ts
+export * from "@pelatform/ui.default";

package/dist/hooks.d.ts

@@ -0,0 +1,93 @@
+export * from '@pelatform/ui.hook';
+import { META_THEME_COLORS } from '@pelatform/ui.general';
+
+/**
+ * Meta theme color management hook for React components
+ * Automatically manages HTML meta theme-color tag based on current theme
+ * Integrates with next-themes for seamless theme switching
+ */
+
+/**
+ * Hook for managing HTML meta theme-color tag based on current theme
+ *
+ * This hook automatically calculates the appropriate meta theme color
+ * based on the current theme (light/dark) and provides utilities for
+ * manual meta color manipulation.
+ *
+ * Features:
+ * - Automatic theme color calculation based on resolved theme
+ * - Support for custom color configurations
+ * - Manual meta color setting capability
+ * - Integration with next-themes
+ *
+ * @param defaultColors - Optional custom color configuration (defaults to META_THEME_COLORS)
+ * @returns Object containing current meta color and setter function
+ *
+ * @example
+ * ```tsx
+ * // Basic usage with default colors (supports light, dark, and system)
+ * function App() {
+ *   const { metaColor, setMetaColor } = useMetaColor();
+ *
+ *   // metaColor automatically updates based on theme (light/dark/system)
+ *   useEffect(() => {
+ *     console.log('Current meta color:', metaColor);
+ *   }, [metaColor]);
+ *
+ *   return <div>App content</div>;
+ * }
+ *
+ * // Custom colors with system theme support
+ * function CustomThemeApp() {
+ *   const customColors = {
+ *     light: '#f0f0f0',
+ *     dark: '#1a1a1a',
+ *     system: 'auto' // Will resolve to light or dark based on OS preference
+ *   };
+ *   const { metaColor } = useMetaColor(customColors);
+ *
+ *   return <div style={{ backgroundColor: metaColor }}>Custom themed app</div>;
+ * }
+ *
+ * // Manual meta color override for special pages
+ * function SpecialPage() {
+ *   const { setMetaColor } = useMetaColor();
+ *
+ *   useEffect(() => {
+ *     // Override meta color for this page
+ *     setMetaColor('#ff0000');
+ *
+ *     // Cleanup: reset to theme color when leaving page
+ *     return () => {
+ *       setMetaColor(''); // This will revert to theme-based color
+ *     };
+ *   }, [setMetaColor]);
+ *
+ *   return <div>Special page with red theme color</div>;
+ * }
+ *
+ * // Integration with theme switcher
+ * function ThemeAwareComponent() {
+ *   const { theme, setTheme } = useTheme();
+ *   const { metaColor } = useMetaColor();
+ *
+ *   return (
+ *     <div>
+ *       <p>Current theme: {theme}</p>
+ *       <p>Meta color: {metaColor}</p>
+ *       <button onClick={() => setTheme('light')}>Light</button>
+ *       <button onClick={() => setTheme('dark')}>Dark</button>
+ *       <button onClick={() => setTheme('system')}>System</button>
+ *     </div>
+ *   );
+ * }
+ * ```
+ */
+declare function useMetaColor(defaultColors?: typeof META_THEME_COLORS): {
+    /** Current meta theme color based on resolved theme */
+    metaColor: "#09090b" | "#ffffff";
+    /** Function to manually set meta theme color */
+    setMetaColor: (color: string) => void;
+};
+
+export { useMetaColor };

package/dist/hooks.js

@@ -0,0 +1,9 @@
+import {
+  useMetaColor
+} from "./chunk-2MIG2DIO.js";
+
+// src/hooks.ts
+export * from "@pelatform/ui.hook";
+export {
+  useMetaColor
+};

package/dist/index.d.ts

@@ -0,0 +1 @@
+export * from '@pelatform/ui.general';

package/dist/index.js

@@ -0,0 +1,2 @@
+// src/index.ts
+export * from "@pelatform/ui.general";

package/package.json

@@ -0,0 +1,111 @@
+{
+  "name": "pelatform-ui",
+  "version": "1.1.0",
+  "description": "A Modern and Minimal React UI Library built with TailwindCSS.",
+  "author": "Pelatform",
+  "license": "MIT",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "sideEffects": false,
+  "exports": {
+    "./css": "./css/theme.css",
+    "./css/*": "./css/components/*.css",
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./animation": {
+      "types": "./dist/animation.d.ts",
+      "default": "./dist/animation.js"
+    },
+    "./aria": {
+      "types": "./dist/aria.d.ts",
+      "default": "./dist/aria.js"
+    },
+    "./base": {
+      "types": "./dist/base.d.ts",
+      "default": "./dist/base.js"
+    },
+    "./default": {
+      "types": "./dist/default.d.ts",
+      "default": "./dist/default.js"
+    },
+    "./hooks": {
+      "types": "./dist/hooks.d.ts",
+      "default": "./dist/hooks.js"
+    },
+    "./components": {
+      "types": "./dist/components.d.ts",
+      "default": "./dist/components.js"
+    }
+  },
+  "scripts": {
+    "clean": "rimraf dist",
+    "clean:all": "rimraf .turbo dist node_modules",
+    "dev": "tsup --watch",
+    "build": "tsup",
+    "types:check": "tsc --noEmit"
+  },
+  "repository": "github:devpelatform/ui",
+  "homepage": "https://github.com/devpelatform/ui",
+  "bugs": {
+    "url": "https://github.com/devpelatform/ui/issues"
+  },
+  "files": [
+    "css",
+    "dist"
+  ],
+  "keywords": [
+    "pelatform",
+    "ui",
+    "react",
+    "nextjs",
+    "vite",
+    "tailwindcss",
+    "components",
+    "animation"
+  ],
+  "dependencies": {
+    "@pelatform/ui.animation": "0.1.0",
+    "@pelatform/ui.aria": "0.1.0",
+    "@pelatform/ui.base": "0.1.0",
+    "@pelatform/ui.default": "0.1.0",
+    "@pelatform/ui.general": "0.1.1",
+    "@pelatform/ui.hook": "0.1.1",
+    "@radix-ui/react-dialog": "^1.1.15",
+    "radix-ui": "^1.4.3",
+    "tw-animate-css": "^1.4.0"
+  },
+  "devDependencies": {
+    "@pelatform/tsconfig": "^0.1.1",
+    "@tanstack/react-query": "^5.90.11",
+    "@types/node": "^24.10.1",
+    "@types/react": "^19.2.7",
+    "lucide-react": "^0.555.0",
+    "motion": "^12.23.25",
+    "next-themes": "^0.4.6",
+    "react": "^19.2.0",
+    "sonner": "^2.0.7",
+    "tsup": "^8.5.1",
+    "typescript": "^5.9.3"
+  },
+  "peerDependencies": {
+    "@tanstack/react-query": ">=5.90.0",
+    "lucide-react": ">=0.55.0",
+    "motion": ">=12.2.0",
+    "next-themes": ">=0.4.0",
+    "sonner": ">=2.0.0",
+    "react": ">=18.0.0 || >=19.0.0-rc.0",
+    "react-dom": ">=18.0.0 || >=19.0.0-rc.0"
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/",
+    "access": "public"
+  },
+  "lint-staged": {
+    "*.{js,jsx,ts,tsx,cjs,mjs,cts,mts}": "biome check --write --no-errors-on-unmatched",
+    "*.{md,yml,yaml}": "prettier --write",
+    "*.{json,jsonc,html}": "biome format --write --no-errors-on-unmatched"
+  }
+}