pelatform-ui 1.1.4 → 1.1.6

package/dist/animation.d.ts

@@ -3,4 +3,4 @@ import '@pelatform/ui.aria';
 import '@pelatform/ui.base';
 import '@pelatform/ui.default';
 import '@pelatform/ui.general';
-import '@pelatform/ui.general/server';
+import '@pelatform/utils';

package/dist/{chunk-2MIG2DIO.js → chunk-M2YFAZ2T.js}

@@ -1,7 +1,7 @@
 // src/hooks/use-meta-color.ts
 import * as React from "react";
 import { useTheme } from "next-themes";
-import { META_THEME_COLORS, THEME_MODES } from "@pelatform/ui.general";
+import { META_THEME_COLORS, THEME_MODES } from "@pelatform/utils";
 function useMetaColor(defaultColors) {
   const { resolvedTheme } = useTheme();
   const isSystemDarkMode = React.useCallback(() => {

package/dist/components.d.ts

@@ -1,11 +1,12 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React$1 from 'react';
 import React__default, { ReactNode, HTMLAttributes, ComponentProps, FC, DragEvent, RefObject } from 'react';
-import { BaseComponentProps, LinkComponent, ImageComponent, VariantProps, ThemeMode } from '@pelatform/ui.general';
+import { BaseComponentProps, LinkComponent, ImageComponent, VariantProps } from '@pelatform/ui.general';
 import { DialogProps } from '@radix-ui/react-dialog';
 import { QueryClient } from '@tanstack/react-query';
 import { ThemeProvider as ThemeProvider$1 } from 'next-themes';
 import { badgeVariants } from '@pelatform/ui.default';
+import { ThemeMode } from '@pelatform/utils';
 
 /**
  * Alert Toast Component

package/dist/components.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   useMetaColor
-} from "./chunk-2MIG2DIO.js";
+} from "./chunk-M2YFAZ2T.js";
 
 // src/components/feedback/alert.tsx
 import {
@@ -126,7 +126,7 @@ var ConfirmDismissDialog = ({
 
 // src/components/feedback/screen-loader.tsx
 import { LoaderIcon } from "lucide-react";
-import { cn } from "@pelatform/ui.general";
+import { cn } from "@pelatform/utils";
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 function ScreenLoader({
   loadingText = "Loading...",
@@ -161,7 +161,7 @@ function ScreenLoader({
 
 // src/components/layout/auth.tsx
 import { Card, CardContent } from "@pelatform/ui.default";
-import { cn as cn2 } from "@pelatform/ui.general";
+import { cn as cn2 } from "@pelatform/utils";
 import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 function LayoutAuth({
   children,
@@ -181,11 +181,11 @@ function LayoutAuth({
 }
 
 // src/components/layout/blank.tsx
-import { cn as cn4 } from "@pelatform/ui.general";
+import { cn as cn4 } from "@pelatform/utils";
 
 // src/components/layout/grid.tsx
 import { useId } from "react";
-import { cn as cn3 } from "@pelatform/ui.general";
+import { cn as cn3 } from "@pelatform/utils";
 import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 function Grid({
   cellSize = 12,
@@ -259,7 +259,7 @@ function LayoutBlank({ children, footer, className, logo, logoHref }) {
 }
 
 // src/components/layout/body.tsx
-import { cn as cn5 } from "@pelatform/ui.general";
+import { cn as cn5 } from "@pelatform/utils";
 import { jsx as jsx7 } from "react/jsx-runtime";
 function useMode(slug) {
   return Array.isArray(slug) && slug.length > 0 ? slug[0] : void 0;
@@ -271,7 +271,7 @@ function Body({ slug, children, className }) {
 
 // src/components/layout/comingsoon.tsx
 import { HoverBackground } from "@pelatform/ui.animation";
-import { cn as cn6 } from "@pelatform/ui.general";
+import { cn as cn6 } from "@pelatform/utils";
 import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
 function ComingSoon({ className, title, description }) {
   return /* @__PURE__ */ jsx8("div", { className: cn6("h-[calc(100vh-54px)] w-full overflow-hidden", className), children: /* @__PURE__ */ jsx8(
@@ -300,7 +300,7 @@ function ComingSoon({ className, title, description }) {
 
 // src/components/layout/error.tsx
 import { Badge } from "@pelatform/ui.default";
-import { assetsUrl, cn as cn7 } from "@pelatform/ui.general";
+import { assetsUrl, cn as cn7 } from "@pelatform/utils";
 import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
 function ErrorComponents({
   className,
@@ -386,10 +386,10 @@ function ErrorComponents({
 
 // src/components/layout/section.tsx
 import { PlusIcon } from "lucide-react";
-import { cn as cn9 } from "@pelatform/ui.general";
+import { cn as cn9 } from "@pelatform/utils";
 
 // src/components/ui/grid-background.tsx
-import { cn as cn8 } from "@pelatform/ui.general";
+import { cn as cn8 } from "@pelatform/utils";
 import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
 var GridBackground = ({
   columns = 4,
@@ -441,14 +441,14 @@ var Section = ({ children, sectionClassName, className, ...props }) => /* @__PUR
 ] }) });
 
 // src/components/layout/site-footer.tsx
-import { cn as cn10 } from "@pelatform/ui.general";
+import { cn as cn10 } from "@pelatform/utils";
 import { jsx as jsx12 } from "react/jsx-runtime";
 function SiteFooter({ children, className }) {
   return /* @__PURE__ */ jsx12("footer", { className: cn10("border-border border-t py-5 md:py-0", className), children: /* @__PURE__ */ jsx12("div", { className: "container flex flex-col items-center justify-between gap-4 py-4 md:h-16 md:flex-row", children }) });
 }
 
 // src/components/layout/site-header.tsx
-import { cn as cn11 } from "@pelatform/ui.general";
+import { cn as cn11 } from "@pelatform/utils";
 import { jsx as jsx13 } from "react/jsx-runtime";
 function SiteHeader({ className, children }) {
   return /* @__PURE__ */ jsx13(
@@ -464,7 +464,7 @@ function SiteHeader({ className, children }) {
 }
 
 // src/components/layout/wrapper.tsx
-import { cn as cn12 } from "@pelatform/ui.general";
+import { cn as cn12 } from "@pelatform/utils";
 import { jsx as jsx14 } from "react/jsx-runtime";
 function MaxWidthWrapper({ className, children }) {
   return /* @__PURE__ */ jsx14("div", { className: cn12("mx-auto w-full max-w-7xl p-3 lg:px-10", className), children });
@@ -485,7 +485,7 @@ function CodeDisplay({
 // src/components/mdx/download.tsx
 import { DownloadIcon } from "lucide-react";
 import { Button } from "@pelatform/ui.default";
-import { cn as cn13 } from "@pelatform/ui.general";
+import { cn as cn13 } from "@pelatform/utils";
 import { jsx as jsx16, jsxs as jsxs12 } from "react/jsx-runtime";
 function DownloadFile({ children, className, href }) {
   return /* @__PURE__ */ jsx16("div", { className: "inline-flex pb-4", children: /* @__PURE__ */ jsx16(Button, { size: "lg", className: cn13("rounded-full", className), children: /* @__PURE__ */ jsxs12("a", { href, target: "_blank", rel: "noopener noreferrer", children: [
@@ -495,7 +495,7 @@ function DownloadFile({ children, className, href }) {
 }
 
 // src/components/mdx/link.tsx
-import { cn as cn14 } from "@pelatform/ui.general";
+import { cn as cn14 } from "@pelatform/utils";
 
 // src/components/utils/shared.tsx
 import { jsx as jsx17 } from "react/jsx-runtime";
@@ -526,14 +526,14 @@ function ExtraLink({
 }
 
 // src/components/mdx/video.tsx
-import { cn as cn15 } from "@pelatform/ui.general";
+import { cn as cn15 } from "@pelatform/utils";
 import { jsx as jsx19 } from "react/jsx-runtime";
 function Video({ className, ...props }) {
   return /* @__PURE__ */ jsx19("video", { className: cn15("w-full rounded-lg border", className), controls: true, loop: true, ...props });
 }
 
 // src/components/mdx/wrapper.tsx
-import { cn as cn16 } from "@pelatform/ui.general";
+import { cn as cn16 } from "@pelatform/utils";
 import { jsx as jsx20 } from "react/jsx-runtime";
 function Wrapper({ children, className }) {
   return /* @__PURE__ */ jsx20(
@@ -572,7 +572,7 @@ function Youtube({ id }) {
 // src/components/navigation/back-link.tsx
 import { ChevronLeftIcon } from "lucide-react";
 import { Button as Button2 } from "@pelatform/ui.default";
-import { cn as cn17 } from "@pelatform/ui.general";
+import { cn as cn17 } from "@pelatform/utils";
 import { jsx as jsx22, jsxs as jsxs13 } from "react/jsx-runtime";
 function BackLink({ Link = DefaultLink, children, href, className }) {
   return /* @__PURE__ */ jsxs13(
@@ -603,7 +603,7 @@ function BackLink({ Link = DefaultLink, children, href, className }) {
 import * as React from "react";
 import { SearchIcon } from "lucide-react";
 import { Button as Button3, CommandDialog, CommandInput, CommandList } from "@pelatform/ui.default";
-import { cn as cn18, googleTrackEvent } from "@pelatform/ui.general";
+import { cn as cn18, googleTrackEvent } from "@pelatform/utils";
 import { Fragment as Fragment2, jsx as jsx23, jsxs as jsxs14 } from "react/jsx-runtime";
 function CommandMenu({
   children,
@@ -713,7 +713,7 @@ import {
   DropdownMenuSubTrigger,
   DropdownMenuTrigger
 } from "@pelatform/ui.default";
-import { cn as cn19, googleTrackEvent as googleTrackEvent2 } from "@pelatform/ui.general";
+import { cn as cn19, googleTrackEvent as googleTrackEvent2 } from "@pelatform/utils";
 import { jsx as jsx24, jsxs as jsxs15 } from "react/jsx-runtime";
 function MainNav({ Link = DefaultLink, pathname, items, className }) {
   return /* @__PURE__ */ jsx24("div", { className: cn19("mr-4 hidden items-center justify-center md:flex", className), children: /* @__PURE__ */ jsx24("nav", { className: "flex items-center gap-4 font-medium text-sm xl:gap-6", children: items.map((item) => /* @__PURE__ */ jsx24(NavItemRenderer, { Link, item, pathname, level: 1 }, item.title)) }) });
@@ -856,7 +856,7 @@ import {
   DrawerTitle,
   DrawerTrigger
 } from "@pelatform/ui.default";
-import { cn as cn20 } from "@pelatform/ui.general";
+import { cn as cn20 } from "@pelatform/utils";
 import { jsx as jsx25, jsxs as jsxs16 } from "react/jsx-runtime";
 function MobileNav({ children, className }) {
   const { setMetaColor, metaColor } = useMetaColor();
@@ -1034,7 +1034,7 @@ var QueryProvider = ({
 // src/components/providers/theme-provider.tsx
 import { ThemeProvider as NextThemesProvider } from "next-themes";
 import { TooltipProvider } from "@pelatform/ui.default";
-import { DEFAULT_THEME_MODE, THEME_MODES } from "@pelatform/ui.general";
+import { DEFAULT_THEME_MODE, THEME_MODES } from "@pelatform/utils";
 import { jsx as jsx27 } from "react/jsx-runtime";
 function ThemeProvider({ children, ...props }) {
   return /* @__PURE__ */ jsx27(
@@ -1055,7 +1055,7 @@ function ThemeProvider({ children, ...props }) {
 
 // src/components/ui/announcement.tsx
 import { Badge as Badge2 } from "@pelatform/ui.default";
-import { cn as cn21 } from "@pelatform/ui.general";
+import { cn as cn21 } from "@pelatform/utils";
 import { jsx as jsx28 } from "react/jsx-runtime";
 var Announcement = ({
   variant = "outline",
@@ -1090,7 +1090,7 @@ var AnnouncementTitle = ({ className, ...props }) => /* @__PURE__ */ jsx28("div"
 
 // src/components/ui/background-paths.tsx
 import { motion } from "motion/react";
-import { cn as cn22 } from "@pelatform/ui.general";
+import { cn as cn22 } from "@pelatform/utils";
 import { jsx as jsx29, jsxs as jsxs18 } from "react/jsx-runtime";
 function FloatingPaths({
   position,
@@ -1132,7 +1132,7 @@ function BackgroundPaths({ color = "text-slate-950 dark:text-white" }) {
 }
 
 // src/components/ui/book.tsx
-import { cn as cn23 } from "@pelatform/ui.general";
+import { cn as cn23 } from "@pelatform/utils";
 import { jsx as jsx30, jsxs as jsxs19 } from "react/jsx-runtime";
 function Book(props) {
   const {
@@ -1253,7 +1253,7 @@ function Stack(props) {
 
 // src/components/ui/dots-pattern.tsx
 import { useId as useId2 } from "react";
-import { cn as cn24 } from "@pelatform/ui.general";
+import { cn as cn24 } from "@pelatform/utils";
 import { jsx as jsx31, jsxs as jsxs20 } from "react/jsx-runtime";
 function DotsPattern({
   dotSize = 2,
@@ -1288,7 +1288,7 @@ function DotsPattern({
 }
 
 // src/components/ui/hexagon-badge.tsx
-import { cn as cn25 } from "@pelatform/ui.general";
+import { cn as cn25 } from "@pelatform/utils";
 import { jsx as jsx32, jsxs as jsxs21 } from "react/jsx-runtime";
 var HexagonBadge = ({ children, classNames }) => {
   return /* @__PURE__ */ jsxs21("div", { className: cn25("relative shrink-0", classNames?.base), children: [
@@ -1523,7 +1523,7 @@ import {
   DropdownMenuSubTrigger as DropdownMenuSubTrigger2,
   DropdownMenuTrigger as DropdownMenuTrigger2
 } from "@pelatform/ui.default";
-import { cn as cn26, getFlagUrl } from "@pelatform/ui.general";
+import { cn as cn26, getFlagUrl } from "@pelatform/utils";
 import { jsx as jsx34, jsxs as jsxs23 } from "react/jsx-runtime";
 function LanguageSwitcher({
   className,
@@ -1665,7 +1665,7 @@ function LanguageSwitcher({
 }
 
 // src/components/ui/logo.tsx
-import { cn as cn27 } from "@pelatform/ui.general";
+import { cn as cn27 } from "@pelatform/utils";
 import { jsx as jsx35 } from "react/jsx-runtime";
 function Logo({ className }) {
   return /* @__PURE__ */ jsx35(
@@ -1696,7 +1696,7 @@ import {
   DropdownMenuItem as DropdownMenuItem3,
   DropdownMenuTrigger as DropdownMenuTrigger3
 } from "@pelatform/ui.default";
-import { cn as cn28, THEME_MODES as THEME_MODES2 } from "@pelatform/ui.general";
+import { cn as cn28, THEME_MODES as THEME_MODES2 } from "@pelatform/utils";
 import { Fragment as Fragment4, jsx as jsx36, jsxs as jsxs24 } from "react/jsx-runtime";
 function ModeSwitcher({
   className,
@@ -1831,7 +1831,7 @@ import {
   useMotionValue,
   useTransform
 } from "motion/react";
-import { cn as cn29 } from "@pelatform/ui.general";
+import { cn as cn29 } from "@pelatform/utils";
 import { Fragment as Fragment5, jsx as jsx37, jsxs as jsxs25 } from "react/jsx-runtime";
 function MovingLabel({
   borderRadius = "1.75rem",
@@ -1930,7 +1930,7 @@ import { useState as useState5 } from "react";
 import { CircleAlertIcon as CircleAlertIcon4, CircleCheckIcon as CircleCheckIcon2 } from "lucide-react";
 import { toast as toast4 } from "sonner";
 import { Alert as Alert4, AlertIcon as AlertIcon4, AlertTitle as AlertTitle4, Button as Button8, Input } from "@pelatform/ui.default";
-import { googleTrackEvent as googleTrackEvent3 } from "@pelatform/ui.general";
+import { googleTrackEvent as googleTrackEvent3 } from "@pelatform/utils";
 
 // src/components/utils/recaptcha-popover.tsx
 import { CircleAlertIcon as CircleAlertIcon3 } from "lucide-react";
@@ -2190,7 +2190,7 @@ function Subscribe({
 }
 
 // src/components/ui/toolbar.tsx
-import { cn as cn30 } from "@pelatform/ui.general";
+import { cn as cn30 } from "@pelatform/utils";
 import { jsx as jsx40 } from "react/jsx-runtime";
 var Toolbar = ({ children }) => {
   return /* @__PURE__ */ jsx40("div", { className: "flex grow items-center justify-between gap-2.5 pb-5", children });

package/dist/hooks.d.ts

@@ -1,5 +1,5 @@
 export * from '@pelatform/ui.hook';
-import { META_THEME_COLORS } from '@pelatform/ui.general';
+import { META_THEME_COLORS } from '@pelatform/utils';
 
 /**
  * Meta theme color management hook for React components

package/dist/hooks.js

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

package/dist/index.d.ts

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

package/dist/index.js

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

package/dist/server.d.ts

@@ -1 +1 @@
-export * from '@pelatform/ui.general/server';
+export * from '@pelatform/utils';

package/dist/server.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pelatform-ui",
-  "version": "1.1.4",
+  "version": "1.1.6",
   "description": "A Modern and Minimal React UI Library built with TailwindCSS.",
   "author": "Pelatform",
   "license": "MIT",
@@ -71,12 +71,13 @@
     "animation"
   ],
   "dependencies": {
-    "@pelatform/ui.animation": "0.1.3",
-    "@pelatform/ui.aria": "0.1.3",
-    "@pelatform/ui.base": "0.1.4",
-    "@pelatform/ui.default": "0.1.3",
-    "@pelatform/ui.general": "0.1.4",
+    "@pelatform/ui.animation": "0.1.4",
+    "@pelatform/ui.aria": "0.1.4",
+    "@pelatform/ui.base": "0.1.5",
+    "@pelatform/ui.default": "0.1.5",
+    "@pelatform/ui.general": "0.1.5",
     "@pelatform/ui.hook": "0.1.2",
+    "@pelatform/utils": ">=1.0.6",
     "@radix-ui/react-dialog": "^1.1.15",
     "radix-ui": "^1.4.3",
     "tw-animate-css": "^1.4.0"