pelatform-ui 1.1.6 → 1.1.7

package/dist/components.d.ts

@@ -324,8 +324,6 @@ interface LayoutBlankProps extends BaseComponentProps {
     footer?: ReactNode;
     /** Optional logo element displayed at the top */
     logo?: ReactNode;
-    /** Destination URL for the logo link */
-    logoHref?: string;
 }
 /**
  * LayoutBlank Component
@@ -343,7 +341,7 @@ interface LayoutBlankProps extends BaseComponentProps {
  * </LayoutBlank>
  * ```
  */
-declare function LayoutBlank({ children, footer, className, logo, logoHref }: LayoutBlankProps): react_jsx_runtime.JSX.Element;
+declare function LayoutBlank({ children, footer, className, logo }: LayoutBlankProps): react_jsx_runtime.JSX.Element;
 
 /**
  * Body Component

package/dist/components.js

@@ -229,13 +229,13 @@ function Grid({
 
 // src/components/layout/blank.tsx
 import { Fragment, jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
-function LayoutBlank({ children, footer, className, logo, logoHref }) {
+function LayoutBlank({ children, footer, className, logo }) {
   return /* @__PURE__ */ jsxs6(Fragment, { children: [
     /* @__PURE__ */ jsx6("div", { className: "absolute inset-0 isolate overflow-hidden bg-background", children: /* @__PURE__ */ jsx6(
       "div",
       {
         className: cn4(
-          "-translate-x-1/2 absolute inset-y-0 start-1/2 w-[1200px]",
+          "absolute inset-y-0 start-1/2 w-[1200px] -translate-x-1/2",
           "mask-intersect mask-[linear-gradient(black,transparent_320px),linear-gradient(90deg,transparent,black_5%,black_95%,transparent)]"
         ),
         children: /* @__PURE__ */ jsx6(Grid, { cellSize: 60, patternOffset: [0.75, 0], className: "text-foreground/15" })
@@ -249,7 +249,7 @@ function LayoutBlank({ children, footer, className, logo, logoHref }) {
           className
         ),
         children: [
-          /* @__PURE__ */ jsx6("div", { className: "grow basis-0", children: logo && /* @__PURE__ */ jsx6("div", { className: "pt-4", children: /* @__PURE__ */ jsx6("a", { href: logoHref ?? "#", target: "_blank", className: "block", children: logo }) }) }),
+          /* @__PURE__ */ jsx6("div", { className: "grow basis-0", children: logo && /* @__PURE__ */ jsx6("div", { className: "pt-4", children: logo }) }),
           /* @__PURE__ */ jsx6("div", { className: "w-full max-w-4xl px-4 py-16", children }),
           /* @__PURE__ */ jsx6("div", { className: "grow basis-0", children: footer })
         ]
@@ -408,7 +408,7 @@ var GridBackground = ({
     },
     i
   ));
-  return /* @__PURE__ */ jsx10("div", { className: cn8("stripe-grid -z-50 absolute inset-0 h-full w-full", className), children: /* @__PURE__ */ jsx10("div", { className: "relative h-full w-full overflow-hidden", children: /* @__PURE__ */ jsx10("div", { className: "pointer-events-none absolute top-0 left-0 h-full w-full", "aria-hidden": "true", children: /* @__PURE__ */ jsxs9(
+  return /* @__PURE__ */ jsx10("div", { className: cn8("stripe-grid absolute inset-0 -z-50 h-full w-full", className), children: /* @__PURE__ */ jsx10("div", { className: "relative h-full w-full overflow-hidden", children: /* @__PURE__ */ jsx10("div", { className: "pointer-events-none absolute top-0 left-0 h-full w-full", "aria-hidden": "true", children: /* @__PURE__ */ jsxs9(
     "div",
     {
       className: cn8("relative mx-auto grid h-full grid-cols-4 grid-rows-1", maxWidthClass),
@@ -431,13 +431,13 @@ import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
 var Cross = () => /* @__PURE__ */ jsxs10("div", { className: "relative h-6 w-6", children: [
   /* @__PURE__ */ jsx11("div", { className: "absolute left-3 h-6 w-px bg-background" }),
   /* @__PURE__ */ jsx11("div", { className: "absolute top-3 h-px w-6 bg-background" }),
-  /* @__PURE__ */ jsx11("div", { className: "-translate-x-1/2 -translate-y-1/2 absolute top-1/2 left-1/2", children: /* @__PURE__ */ jsx11(PlusIcon, { size: 20, className: "text-border/70 dark:text-border" }) })
+  /* @__PURE__ */ jsx11("div", { className: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2", children: /* @__PURE__ */ jsx11(PlusIcon, { size: 20, className: "text-border/70 dark:text-border" }) })
 ] });
 var Section = ({ children, sectionClassName, className, ...props }) => /* @__PURE__ */ jsx11("section", { className: sectionClassName, ...props, children: /* @__PURE__ */ jsxs10("div", { className: "grid-container relative mx-auto", children: [
   /* @__PURE__ */ jsx11(GridBackground, { maxWidthClass: "grid-container" }),
   /* @__PURE__ */ jsx11("div", { className: cn9(className), children }),
-  /* @__PURE__ */ jsx11("div", { className: "-bottom-3 -left-3 absolute z-10 hidden h-6 sm:block", children: /* @__PURE__ */ jsx11(Cross, {}) }),
-  /* @__PURE__ */ jsx11("div", { className: "-bottom-3 -right-3 -translate-x-px absolute z-10 hidden h-6 sm:block", children: /* @__PURE__ */ jsx11(Cross, {}) })
+  /* @__PURE__ */ jsx11("div", { className: "absolute -bottom-3 -left-3 z-10 hidden h-6 sm:block", children: /* @__PURE__ */ jsx11(Cross, {}) }),
+  /* @__PURE__ */ jsx11("div", { className: "absolute -right-3 -bottom-3 z-10 hidden h-6 -translate-x-px sm:block", children: /* @__PURE__ */ jsx11(Cross, {}) })
 ] }) });
 
 // src/components/layout/site-footer.tsx
@@ -589,7 +589,7 @@ function BackLink({ Link = DefaultLink, children, href, className }) {
           {
             variant: "secondary",
             mode: "icon",
-            className: "group-hover:-translate-x-0.5 size-7.5! transition-transform duration-100",
+            className: "size-7.5! transition-transform duration-100 group-hover:-translate-x-0.5",
             children: /* @__PURE__ */ jsx22(ChevronLeftIcon, {})
           }
         ),
@@ -676,7 +676,7 @@ function CommandMenu({
           /* @__PURE__ */ jsx23(
             "kbd",
             {
-              className: "-translate-y-1/2 pointer-events-none absolute top-1/2 right-[5px] hidden h-5 select-none items-center gap-1 rounded border bg-muted px-1.5 font-medium font-mono text-[10px] opacity-100 sm:flex",
+              className: "pointer-events-none absolute top-1/2 right-[5px] hidden h-5 -translate-y-1/2 select-none items-center gap-1 rounded border bg-muted px-1.5 font-medium font-mono text-[10px] opacity-100 sm:flex",
               "aria-label": `Keyboard shortcut: ${keyHint}`,
               children: keyHint
             }
@@ -1102,7 +1102,7 @@ function FloatingPaths({
     color: `rgba(15,23,42,${0.1 + i * 0.03})`,
     width: 0.5 + i * 0.03
   }));
-  return /* @__PURE__ */ jsx29("div", { className: "-z-50 pointer-events-none absolute inset-0", children: /* @__PURE__ */ jsx29("svg", { className: cn22("h-full w-full", color), viewBox: "0 0 696 316", fill: "none", children: paths.map((path) => /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx29("div", { className: "pointer-events-none absolute inset-0 -z-50", children: /* @__PURE__ */ jsx29("svg", { className: cn22("h-full w-full", color), viewBox: "0 0 696 316", fill: "none", children: paths.map((path) => /* @__PURE__ */ jsx29(
     motion.path,
     {
       d: path.d,
@@ -1323,7 +1323,7 @@ var HexagonBadge = ({ children, classNames }) => {
       "div",
       {
         className: cn25(
-          "-translate-y-2/4 -translate-x-2/4 absolute start-2/4 top-2/4 leading-none rtl:translate-x-2/4",
+          "absolute start-2/4 top-2/4 -translate-x-2/4 -translate-y-2/4 leading-none rtl:translate-x-2/4",
           classNames?.wraper
         ),
         children
@@ -1616,7 +1616,7 @@ function LanguageSwitcher({
           /* @__PURE__ */ jsx34(GlobeIcon, { className: "size-4" }),
           /* @__PURE__ */ jsxs23("span", { className: "relative flex grow items-center justify-between gap-2", children: [
             label,
-            currentLanguage && /* @__PURE__ */ jsxs23(Badge3, { appearance: "outline", className: "-translate-y-1/2 absolute end-0 top-1/2", children: [
+            currentLanguage && /* @__PURE__ */ jsxs23(Badge3, { appearance: "outline", className: "absolute end-0 top-1/2 -translate-y-1/2", children: [
               currentLanguage.name,
               showFlags && currentLanguage.flag && /* @__PURE__ */ jsx34(
                 Image2,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pelatform-ui",
-  "version": "1.1.6",
+  "version": "1.1.7",
   "description": "A Modern and Minimal React UI Library built with TailwindCSS.",
   "author": "Pelatform",
   "license": "MIT",
@@ -71,10 +71,10 @@
     "animation"
   ],
   "dependencies": {
-    "@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.animation": "0.1.5",
+    "@pelatform/ui.aria": "0.1.5",
+    "@pelatform/ui.base": "0.1.6",
+    "@pelatform/ui.default": "0.1.6",
     "@pelatform/ui.general": "0.1.5",
     "@pelatform/ui.hook": "0.1.2",
     "@pelatform/utils": ">=1.0.6",
@@ -85,7 +85,7 @@
   "devDependencies": {
     "@pelatform/tsconfig": "^0.1.3",
     "@tanstack/react-query": "^5.90.12",
-    "@types/node": "^25.0.1",
+    "@types/node": "^25.0.2",
     "@types/react": "^19.2.7",
     "lucide-react": "^0.561.0",
     "motion": "^12.23.26",