pelatform-ui 1.1.21 → 1.2.1

package/dist/hooks.d.ts

@@ -1,5 +1,5 @@
 export * from '@pelatform/ui.hook';
-import { META_THEME_COLORS } from '@pelatform/utils';
+import { M as META_THEME_COLORS } from './colors-CUDWvz1g.js';
 
 /**
  * Meta theme color management hook for React components
@@ -85,7 +85,7 @@ import { META_THEME_COLORS } from '@pelatform/utils';
  */
 declare function useMetaColor(defaultColors?: typeof META_THEME_COLORS): {
     /** Current meta theme color based on resolved theme */
-    metaColor: "#09090b" | "#ffffff";
+    metaColor: "#ffffff" | "#09090b";
     /** Function to manually set meta theme color */
     setMetaColor: (color: string) => void;
 };

package/dist/hooks.js

@@ -1,6 +1,7 @@
 import {
   useMetaColor
-} from "./chunk-M2YFAZ2T.js";
+} from "./chunk-NOAZYT3J.js";
+import "./chunk-HW52LCWN.js";
 
 // src/hooks.ts
 export * from "@pelatform/ui.hook";

package/dist/index.d.ts

@@ -1,2 +1,130 @@
-export * from '@pelatform/ui.general';
-export * from '@pelatform/utils';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React__default, { ComponentType, SVGProps } from 'react';
+import { ClassValue } from 'clsx';
+export { D as DEFAULT_THEME_MODE, M as META_THEME_COLORS, T as THEME_MODES, a as ThemeMode } from './colors-CUDWvz1g.js';
+export { B as BaseComponentProps, I as ImageComponentProps, L as LinkComponentProps } from './components-B1rw2xzN.js';
+
+/**
+ * Props interface for icon components
+ * Extends standard HTML SVG element attributes for full customization
+ */
+type IconProps = React__default.HTMLAttributes<SVGElement>;
+/**
+ * Collection of brand and service icons
+ *
+ * This object contains SVG icons for popular brands, services, and technologies.
+ * All icons are designed to be scalable and themeable using CSS currentColor.
+ * Icon keys use PascalCase (capitalized first letter) for consistency.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <Icons.Google className="w-6 h-6" />
+ *
+ * // With custom styling
+ * <Icons.Github
+ *   className="w-8 h-8 text-gray-600 hover:text-gray-900"
+ *   onClick={handleGitHubClick}
+ * />
+ *
+ * // Colorful variants
+ * <Icons.GoogleColorful className="w-10 h-10" />
+ * <Icons.FacebookColorful className="w-10 h-10" />
+ * ```
+ */
+declare const Icons: {
+    Anthropic: (props: IconProps) => react_jsx_runtime.JSX.Element;
+    Apple: (props: IconProps) => react_jsx_runtime.JSX.Element;
+    Aria: (props: IconProps) => react_jsx_runtime.JSX.Element;
+    Discord: (props: IconProps) => react_jsx_runtime.JSX.Element;
+    Dropbox: (props: IconProps) => react_jsx_runtime.JSX.Element;
+    Facebook: (props: IconProps) => react_jsx_runtime.JSX.Element;
+    FacebookColorful: (props: IconProps) => react_jsx_runtime.JSX.Element;
+    Github: (props: IconProps) => react_jsx_runtime.JSX.Element;
+    Gitlab: (props: IconProps) => react_jsx_runtime.JSX.Element;
+    Google: (props: IconProps) => react_jsx_runtime.JSX.Element;
+    GoogleColorful: (props: IconProps) => react_jsx_runtime.JSX.Element;
+    Huggingface: (props: IconProps) => react_jsx_runtime.JSX.Element;
+    Instagram: (props: IconProps) => react_jsx_runtime.JSX.Element;
+    Kick: (props: IconProps) => react_jsx_runtime.JSX.Element;
+    Linear: (props: IconProps) => react_jsx_runtime.JSX.Element;
+    Linkedin: (props: IconProps) => react_jsx_runtime.JSX.Element;
+    LinkedinColorful: (props: IconProps) => react_jsx_runtime.JSX.Element;
+    Microsoft: (props: IconProps) => react_jsx_runtime.JSX.Element;
+    Nextjs: (props: IconProps) => react_jsx_runtime.JSX.Element;
+    Notion: (props: IconProps) => react_jsx_runtime.JSX.Element;
+    Npm: (props: IconProps) => react_jsx_runtime.JSX.Element;
+    Openai: (props: IconProps) => react_jsx_runtime.JSX.Element;
+    Paypal: (props: IconProps) => react_jsx_runtime.JSX.Element;
+    Pelatform: (props: IconProps) => react_jsx_runtime.JSX.Element;
+    Pnpm: (props: IconProps) => react_jsx_runtime.JSX.Element;
+    Postgresql: (props: IconProps) => react_jsx_runtime.JSX.Element;
+    Prisma: (props: IconProps) => react_jsx_runtime.JSX.Element;
+    Radix: (props: IconProps) => react_jsx_runtime.JSX.Element;
+    Radixui: (props: IconProps) => react_jsx_runtime.JSX.Element;
+    React: (props: IconProps) => react_jsx_runtime.JSX.Element;
+    Reddit: (props: IconProps) => react_jsx_runtime.JSX.Element;
+    Roblox: (props: IconProps) => react_jsx_runtime.JSX.Element;
+    Scira: (props: IconProps) => react_jsx_runtime.JSX.Element;
+    Scribble: (props: IconProps) => react_jsx_runtime.JSX.Element;
+    Slack: (props: IconProps) => react_jsx_runtime.JSX.Element;
+    Spotify: (props: IconProps) => react_jsx_runtime.JSX.Element;
+    Supabase: (props: IconProps) => react_jsx_runtime.JSX.Element;
+    Tailwind: (props: IconProps) => react_jsx_runtime.JSX.Element;
+    Telegram: (props: IconProps) => react_jsx_runtime.JSX.Element;
+    Tiktok: (props: IconProps) => react_jsx_runtime.JSX.Element;
+    Twitch: (props: IconProps) => react_jsx_runtime.JSX.Element;
+    Twitter: (props: IconProps) => react_jsx_runtime.JSX.Element;
+    Vk: (props: IconProps) => react_jsx_runtime.JSX.Element;
+    WhatsApp: (props: IconProps) => react_jsx_runtime.JSX.Element;
+    X: (props: IconProps) => react_jsx_runtime.JSX.Element;
+    Yarn: (props: IconProps) => react_jsx_runtime.JSX.Element;
+    Youtube: (props: IconProps) => react_jsx_runtime.JSX.Element;
+    Zoom: (props: IconProps) => react_jsx_runtime.JSX.Element;
+};
+
+declare function cn(...inputs: ClassValue[]): string;
+
+/**
+ * Menu item interface
+ */
+interface MenuItem {
+    /** Heading text */
+    heading?: string;
+    /** Menu item title */
+    title?: string;
+    /** Navigation path */
+    path?: string;
+    /** Menu item icon component */
+    icon?: ComponentType<SVGProps<SVGSVGElement>>;
+    /** Whether to show separator */
+    separator?: boolean;
+    /** Root path for active state matching */
+    rootPath?: string;
+    /** Child menu items */
+    children?: MenuConfig;
+    /** Children index for nested items */
+    childrenIndex?: number;
+    /** Whether the item is external */
+    external?: boolean;
+    /** Whether the item is disabled */
+    disabled?: boolean;
+    /** Disable text */
+    disabledText?: string;
+    /** Badge text */
+    badge?: string;
+    /** Badge variant */
+    badgeVariant?: "primary" | "destructive" | "success" | "info" | "warning" | "secondary" | "outline";
+    /** Collapse configuration */
+    collapse?: boolean;
+    /** Title when collapsed */
+    collapseTitle?: string;
+    /** Title when expanded */
+    expandTitle?: string;
+}
+/**
+ * Type aliases for backward compatibility
+ */
+type MenuConfig = MenuItem[];
+
+export { Icons, type MenuConfig, type MenuItem, cn };