@duongthiu/onex-core 0.1.0 → 0.1.1

package/dist/utils.mjs

@@ -0,0 +1,7 @@
+"use client";
+export { countEnabledItems, filterEnabledBlocks, filterEnabledComponents, findBlockInSection, findComponentInSection, formatBlockName, generateBlockId, generateHandle, generateId, generatePageId, generateSectionId, generateThemeId, getActiveBlocks, getActiveComponents, getBlockPath, getComponentPath, getComponentValues, getComponentsByType, getElementLabel, getFirstComponentByType, getSectionValues, getSelectionColor, groupBySlot, hasComponentType, hasEnabledItems, removeNestedBlock, sortBlocks, sortComponents, toComponentInstance, updateNestedBlock, updateNestedComponent, validateComponent, validateContent, validateSection, validateSettings, validateStyle } from './chunk-NHOIGGYU.mjs';
+export { cn } from './chunk-O3XR7TW3.mjs';
+import './chunk-F5TFNWFJ.mjs';
+import './chunk-YOSPWY5K.mjs';
+//# sourceMappingURL=utils.mjs.map
+//# sourceMappingURL=utils.mjs.map

package/dist/utils.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"utils.mjs"}

package/dist/wrappers.js

@@ -0,0 +1,104 @@
+"use client";
+'use strict';
+
+var chunk2NMEKWO5_js = require('./chunk-2NMEKWO5.js');
+var NextImage = require('next/image');
+var jsxRuntime = require('react/jsx-runtime');
+var NextLink = require('next/link');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var NextImage__default = /*#__PURE__*/_interopDefault(NextImage);
+var NextLink__default = /*#__PURE__*/_interopDefault(NextLink);
+
+function Image({
+  src,
+  alt,
+  width,
+  height,
+  fill,
+  priority,
+  className,
+  sizes,
+  quality = 75,
+  loading,
+  objectFit,
+  objectPosition,
+  onClick
+}) {
+  if (fill) {
+    const fillProps = chunk2NMEKWO5_js.__spreadValues(chunk2NMEKWO5_js.__spreadValues({
+      src,
+      alt,
+      fill: true,
+      className,
+      quality,
+      priority,
+      loading,
+      onClick
+    }, sizes && { sizes }), objectFit || objectPosition ? {
+      style: chunk2NMEKWO5_js.__spreadValues(chunk2NMEKWO5_js.__spreadValues({}, objectFit ? { objectFit } : {}), objectPosition ? { objectPosition } : {})
+    } : {});
+    return /* @__PURE__ */ jsxRuntime.jsx(NextImage__default.default, chunk2NMEKWO5_js.__spreadValues({}, fillProps));
+  } else if (width && height) {
+    const dimensionProps = {
+      src,
+      alt,
+      width,
+      height,
+      className,
+      quality,
+      priority,
+      loading,
+      onClick
+    };
+    return /* @__PURE__ */ jsxRuntime.jsx(NextImage__default.default, chunk2NMEKWO5_js.__spreadValues({}, dimensionProps));
+  } else {
+    throw new Error("Image: Either fill or width+height must be provided");
+  }
+}
+function Link({
+  href,
+  children,
+  className,
+  target,
+  rel,
+  prefetch = true,
+  replace,
+  scroll = true,
+  onClick
+}) {
+  const isExternal = href.startsWith("http") || href.startsWith("//");
+  if (isExternal) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "a",
+      {
+        href,
+        className,
+        target: target || "_blank",
+        rel: rel || "noopener noreferrer",
+        onClick,
+        children
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    NextLink__default.default,
+    {
+      href,
+      className,
+      prefetch,
+      replace,
+      scroll,
+      onClick,
+      target,
+      rel,
+      children
+    }
+  );
+}
+
+exports.Image = Image;
+exports.Link = Link;
+//# sourceMappingURL=wrappers.js.map
+//# sourceMappingURL=wrappers.js.map

package/dist/wrappers.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/wrappers/image/index.tsx","../src/wrappers/link/index.tsx"],"names":["__spreadValues","jsx","NextImage","NextLink"],"mappings":";;;;;;;;;;;;AAuEO,SAAS,KAAA,CAAM;AAAA,EACpB,GAAA;AAAA,EACA,GAAA;AAAA,EACA,KAAA;AAAA,EACA,MAAA;AAAA,EACA,IAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAA,GAAU,EAAA;AAAA,EACV,OAAA;AAAA,EACA,SAAA;AAAA,EACA,cAAA;AAAA,EACA;AACF,CAAA,EAAe;AAEb,EAAA,IAAI,IAAA,EAAM;AAER,IAAA,MAAM,SAAA,GAA4BA,+BAAA,CAAAA,+BAAA,CAAA;AAAA,MAChC,GAAA;AAAA,MACA,GAAA;AAAA,MACA,IAAA,EAAM,IAAA;AAAA,MACN,SAAA;AAAA,MACA,OAAA;AAAA,MACA,QAAA;AAAA,MACA,OAAA;AAAA,MACA;AAAA,KAAA,EACI,KAAA,IAAS,EAAE,KAAA,EAAM,CAAA,EACjB,aAAa,cAAA,GACb;AAAA,MACE,KAAA,EAAOA,+BAAA,CAAAA,+BAAA,CAAA,EAAA,EACD,SAAA,GAAY,EAAE,SAAA,EAAU,GAAI,EAAC,CAAA,EAC7B,cAAA,GAAiB,EAAE,cAAA,EAAe,GAAI,EAAC;AAAA,QAG/C,EAAC,CAAA;AAEP,IAAA,uBAAOC,cAAA,CAACC,gEAAc,SAAA,CAAW,CAAA;AAAA,EACnC,CAAA,MAAA,IAAW,SAAS,MAAA,EAAQ;AAE1B,IAAA,MAAM,cAAA,GAAiC;AAAA,MACrC,GAAA;AAAA,MACA,GAAA;AAAA,MACA,KAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,MACA,OAAA;AAAA,MACA,QAAA;AAAA,MACA,OAAA;AAAA,MACA;AAAA,KACF;AACA,IAAA,uBAAOD,cAAA,CAACC,gEAAc,cAAA,CAAgB,CAAA;AAAA,EACxC,CAAA,MAAO;AACL,IAAA,MAAM,IAAI,MAAM,qDAAqD,CAAA;AAAA,EACvE;AACF;ACxEO,SAAS,IAAA,CAAK;AAAA,EACnB,IAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,MAAA;AAAA,EACA,GAAA;AAAA,EACA,QAAA,GAAW,IAAA;AAAA,EACX,OAAA;AAAA,EACA,MAAA,GAAS,IAAA;AAAA,EACT;AACF,CAAA,EAAc;AAEZ,EAAA,MAAM,aAAa,IAAA,CAAK,UAAA,CAAW,MAAM,CAAA,IAAK,IAAA,CAAK,WAAW,IAAI,CAAA;AAElE,EAAA,IAAI,UAAA,EAAY;AAEd,IAAA,uBACED,cAAAA;AAAA,MAAC,GAAA;AAAA,MAAA;AAAA,QACC,IAAA;AAAA,QACA,SAAA;AAAA,QACA,QAAQ,MAAA,IAAU,QAAA;AAAA,QAClB,KAAK,GAAA,IAAO,qBAAA;AAAA,QACZ,OAAA;AAAA,QAEC;AAAA;AAAA,KACH;AAAA,EAEJ;AAGA,EAAA,uBACEA,cAAAA;AAAA,IAACE,yBAAA;AAAA,IAAA;AAAA,MACC,IAAA;AAAA,MACA,SAAA;AAAA,MACA,QAAA;AAAA,MACA,OAAA;AAAA,MACA,MAAA;AAAA,MACA,OAAA;AAAA,MACA,MAAA;AAAA,MACA,GAAA;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ","file":"wrappers.js","sourcesContent":["/**\n * Framework-agnostic Image wrapper component\n *\n * Wraps Next.js Image to provide a stable API for theme developers\n * that doesn't directly couple themes to Next.js.\n *\n * @public\n * @example\n * ```tsx\n * import { Image } from '@duongthiu/onex-core/components';\n *\n * // With explicit dimensions\n * <Image\n *   src=\"/hero.jpg\"\n *   alt=\"Hero image\"\n *   width={1200}\n *   height={600}\n * />\n *\n * // With fill mode\n * <Image\n *   src=\"/banner.jpg\"\n *   alt=\"Banner\"\n *   fill\n *   sizes=\"100vw\"\n * />\n * ```\n */\n\n\"use client\";\n\nimport NextImage from \"next/image\";\nimport type { ImageProps as NextImageProps } from \"next/image\";\n\n/**\n * Image component props\n * Subset of Next.js Image props that work across frameworks\n */\nexport interface ImageProps {\n  /** Image source URL or path */\n  src: string;\n  /** Alt text for accessibility */\n  alt: string;\n  /** Width in pixels (required unless fill=true) */\n  width?: number;\n  /** Height in pixels (required unless fill=true) */\n  height?: number;\n  /** Fill parent container */\n  fill?: boolean;\n  /** Load image with high priority (above-the-fold) */\n  priority?: boolean;\n  /** CSS class name */\n  className?: string;\n  /** Responsive sizes attribute */\n  sizes?: string;\n  /** Image quality (1-100) */\n  quality?: number;\n  /** Loading strategy */\n  loading?: \"lazy\" | \"eager\";\n  /** Object fit */\n  objectFit?: \"contain\" | \"cover\" | \"fill\" | \"none\" | \"scale-down\";\n  /** Object position */\n  objectPosition?: string;\n  /** onClick handler */\n  onClick?: () => void;\n}\n\n/**\n * Image component wrapping Next.js Image\n * Provides framework-agnostic API for theme developers\n */\nexport function Image({\n  src,\n  alt,\n  width,\n  height,\n  fill,\n  priority,\n  className,\n  sizes,\n  quality = 75,\n  loading,\n  objectFit,\n  objectPosition,\n  onClick,\n}: ImageProps) {\n  // Build Next.js props based on fill vs dimensions\n  if (fill) {\n    // Fill mode\n    const fillProps: NextImageProps = {\n      src,\n      alt,\n      fill: true,\n      className,\n      quality,\n      priority,\n      loading,\n      onClick,\n      ...(sizes && { sizes }),\n      ...(objectFit || objectPosition\n        ? {\n            style: {\n              ...(objectFit ? { objectFit } : {}),\n              ...(objectPosition ? { objectPosition } : {}),\n            },\n          }\n        : {}),\n    };\n    return <NextImage {...fillProps} />;\n  } else if (width && height) {\n    // Explicit dimensions mode\n    const dimensionProps: NextImageProps = {\n      src,\n      alt,\n      width,\n      height,\n      className,\n      quality,\n      priority,\n      loading,\n      onClick,\n    };\n    return <NextImage {...dimensionProps} />;\n  } else {\n    throw new Error(\"Image: Either fill or width+height must be provided\");\n  }\n}\n\n// Re-export Next.js types that are framework-agnostic\nexport type { StaticImageData } from \"next/image\";\n","/**\n * Framework-agnostic Link wrapper component\n *\n * Wraps Next.js Link to provide a stable API for theme developers\n * that doesn't directly couple themes to Next.js.\n *\n * @public\n * @example\n * ```tsx\n * import { Link } from '@duongthiu/onex-core/components';\n *\n * // Internal link\n * <Link href=\"/about\">About Us</Link>\n *\n * // External link\n * <Link href=\"https://example.com\" target=\"_blank\">\n *   External Site\n * </Link>\n * ```\n */\n\n\"use client\";\n\nimport NextLink from \"next/link\";\n\n/**\n * Link component props\n * Subset of Next.js Link props that work across frameworks\n */\nexport interface LinkProps {\n  /** Target URL or path */\n  href: string;\n  /** Link children (text or elements) */\n  children: React.ReactNode;\n  /** CSS class name */\n  className?: string;\n  /** Target attribute */\n  target?: \"_blank\" | \"_self\" | \"_parent\" | \"_top\";\n  /** Rel attribute */\n  rel?: string;\n  /** Prefetch the page in the background */\n  prefetch?: boolean;\n  /** Replace the current history state instead of adding a new URL */\n  replace?: boolean;\n  /** Scroll to the top of the page after navigation */\n  scroll?: boolean;\n  /** onClick handler */\n  onClick?: (e: React.MouseEvent<HTMLAnchorElement>) => void;\n}\n\n/**\n * Link component wrapping Next.js Link\n * Provides framework-agnostic API for theme developers\n */\nexport function Link({\n  href,\n  children,\n  className,\n  target,\n  rel,\n  prefetch = true,\n  replace,\n  scroll = true,\n  onClick,\n}: LinkProps) {\n  // Handle external links\n  const isExternal = href.startsWith(\"http\") || href.startsWith(\"//\");\n\n  if (isExternal) {\n    // External links use regular <a> tag\n    return (\n      <a\n        href={href}\n        className={className}\n        target={target || \"_blank\"}\n        rel={rel || \"noopener noreferrer\"}\n        onClick={onClick}\n      >\n        {children}\n      </a>\n    );\n  }\n\n  // Internal links use Next.js Link\n  return (\n    <NextLink\n      href={href}\n      className={className}\n      prefetch={prefetch}\n      replace={replace}\n      scroll={scroll}\n      onClick={onClick}\n      target={target}\n      rel={rel}\n    >\n      {children}\n    </NextLink>\n  );\n}\n"]}

package/dist/wrappers.mjs

@@ -0,0 +1,96 @@
+"use client";
+import { __spreadValues } from './chunk-YOSPWY5K.mjs';
+import NextImage from 'next/image';
+import { jsx } from 'react/jsx-runtime';
+import NextLink from 'next/link';
+
+function Image({
+  src,
+  alt,
+  width,
+  height,
+  fill,
+  priority,
+  className,
+  sizes,
+  quality = 75,
+  loading,
+  objectFit,
+  objectPosition,
+  onClick
+}) {
+  if (fill) {
+    const fillProps = __spreadValues(__spreadValues({
+      src,
+      alt,
+      fill: true,
+      className,
+      quality,
+      priority,
+      loading,
+      onClick
+    }, sizes && { sizes }), objectFit || objectPosition ? {
+      style: __spreadValues(__spreadValues({}, objectFit ? { objectFit } : {}), objectPosition ? { objectPosition } : {})
+    } : {});
+    return /* @__PURE__ */ jsx(NextImage, __spreadValues({}, fillProps));
+  } else if (width && height) {
+    const dimensionProps = {
+      src,
+      alt,
+      width,
+      height,
+      className,
+      quality,
+      priority,
+      loading,
+      onClick
+    };
+    return /* @__PURE__ */ jsx(NextImage, __spreadValues({}, dimensionProps));
+  } else {
+    throw new Error("Image: Either fill or width+height must be provided");
+  }
+}
+function Link({
+  href,
+  children,
+  className,
+  target,
+  rel,
+  prefetch = true,
+  replace,
+  scroll = true,
+  onClick
+}) {
+  const isExternal = href.startsWith("http") || href.startsWith("//");
+  if (isExternal) {
+    return /* @__PURE__ */ jsx(
+      "a",
+      {
+        href,
+        className,
+        target: target || "_blank",
+        rel: rel || "noopener noreferrer",
+        onClick,
+        children
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    NextLink,
+    {
+      href,
+      className,
+      prefetch,
+      replace,
+      scroll,
+      onClick,
+      target,
+      rel,
+      children
+    }
+  );
+}
+
+export { Image, Link };
+//# sourceMappingURL=wrappers.mjs.map
+//# sourceMappingURL=wrappers.mjs.map

package/dist/wrappers.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/wrappers/image/index.tsx","../src/wrappers/link/index.tsx"],"names":["jsx"],"mappings":";;;;;AAuEO,SAAS,KAAA,CAAM;AAAA,EACpB,GAAA;AAAA,EACA,GAAA;AAAA,EACA,KAAA;AAAA,EACA,MAAA;AAAA,EACA,IAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAA,GAAU,EAAA;AAAA,EACV,OAAA;AAAA,EACA,SAAA;AAAA,EACA,cAAA;AAAA,EACA;AACF,CAAA,EAAe;AAEb,EAAA,IAAI,IAAA,EAAM;AAER,IAAA,MAAM,SAAA,GAA4B,cAAA,CAAA,cAAA,CAAA;AAAA,MAChC,GAAA;AAAA,MACA,GAAA;AAAA,MACA,IAAA,EAAM,IAAA;AAAA,MACN,SAAA;AAAA,MACA,OAAA;AAAA,MACA,QAAA;AAAA,MACA,OAAA;AAAA,MACA;AAAA,KAAA,EACI,KAAA,IAAS,EAAE,KAAA,EAAM,CAAA,EACjB,aAAa,cAAA,GACb;AAAA,MACE,KAAA,EAAO,cAAA,CAAA,cAAA,CAAA,EAAA,EACD,SAAA,GAAY,EAAE,SAAA,EAAU,GAAI,EAAC,CAAA,EAC7B,cAAA,GAAiB,EAAE,cAAA,EAAe,GAAI,EAAC;AAAA,QAG/C,EAAC,CAAA;AAEP,IAAA,uBAAO,GAAA,CAAC,8BAAc,SAAA,CAAW,CAAA;AAAA,EACnC,CAAA,MAAA,IAAW,SAAS,MAAA,EAAQ;AAE1B,IAAA,MAAM,cAAA,GAAiC;AAAA,MACrC,GAAA;AAAA,MACA,GAAA;AAAA,MACA,KAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,MACA,OAAA;AAAA,MACA,QAAA;AAAA,MACA,OAAA;AAAA,MACA;AAAA,KACF;AACA,IAAA,uBAAO,GAAA,CAAC,8BAAc,cAAA,CAAgB,CAAA;AAAA,EACxC,CAAA,MAAO;AACL,IAAA,MAAM,IAAI,MAAM,qDAAqD,CAAA;AAAA,EACvE;AACF;ACxEO,SAAS,IAAA,CAAK;AAAA,EACnB,IAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,MAAA;AAAA,EACA,GAAA;AAAA,EACA,QAAA,GAAW,IAAA;AAAA,EACX,OAAA;AAAA,EACA,MAAA,GAAS,IAAA;AAAA,EACT;AACF,CAAA,EAAc;AAEZ,EAAA,MAAM,aAAa,IAAA,CAAK,UAAA,CAAW,MAAM,CAAA,IAAK,IAAA,CAAK,WAAW,IAAI,CAAA;AAElE,EAAA,IAAI,UAAA,EAAY;AAEd,IAAA,uBACEA,GAAAA;AAAA,MAAC,GAAA;AAAA,MAAA;AAAA,QACC,IAAA;AAAA,QACA,SAAA;AAAA,QACA,QAAQ,MAAA,IAAU,QAAA;AAAA,QAClB,KAAK,GAAA,IAAO,qBAAA;AAAA,QACZ,OAAA;AAAA,QAEC;AAAA;AAAA,KACH;AAAA,EAEJ;AAGA,EAAA,uBACEA,GAAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,IAAA;AAAA,MACA,SAAA;AAAA,MACA,QAAA;AAAA,MACA,OAAA;AAAA,MACA,MAAA;AAAA,MACA,OAAA;AAAA,MACA,MAAA;AAAA,MACA,GAAA;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ","file":"wrappers.mjs","sourcesContent":["/**\n * Framework-agnostic Image wrapper component\n *\n * Wraps Next.js Image to provide a stable API for theme developers\n * that doesn't directly couple themes to Next.js.\n *\n * @public\n * @example\n * ```tsx\n * import { Image } from '@duongthiu/onex-core/components';\n *\n * // With explicit dimensions\n * <Image\n *   src=\"/hero.jpg\"\n *   alt=\"Hero image\"\n *   width={1200}\n *   height={600}\n * />\n *\n * // With fill mode\n * <Image\n *   src=\"/banner.jpg\"\n *   alt=\"Banner\"\n *   fill\n *   sizes=\"100vw\"\n * />\n * ```\n */\n\n\"use client\";\n\nimport NextImage from \"next/image\";\nimport type { ImageProps as NextImageProps } from \"next/image\";\n\n/**\n * Image component props\n * Subset of Next.js Image props that work across frameworks\n */\nexport interface ImageProps {\n  /** Image source URL or path */\n  src: string;\n  /** Alt text for accessibility */\n  alt: string;\n  /** Width in pixels (required unless fill=true) */\n  width?: number;\n  /** Height in pixels (required unless fill=true) */\n  height?: number;\n  /** Fill parent container */\n  fill?: boolean;\n  /** Load image with high priority (above-the-fold) */\n  priority?: boolean;\n  /** CSS class name */\n  className?: string;\n  /** Responsive sizes attribute */\n  sizes?: string;\n  /** Image quality (1-100) */\n  quality?: number;\n  /** Loading strategy */\n  loading?: \"lazy\" | \"eager\";\n  /** Object fit */\n  objectFit?: \"contain\" | \"cover\" | \"fill\" | \"none\" | \"scale-down\";\n  /** Object position */\n  objectPosition?: string;\n  /** onClick handler */\n  onClick?: () => void;\n}\n\n/**\n * Image component wrapping Next.js Image\n * Provides framework-agnostic API for theme developers\n */\nexport function Image({\n  src,\n  alt,\n  width,\n  height,\n  fill,\n  priority,\n  className,\n  sizes,\n  quality = 75,\n  loading,\n  objectFit,\n  objectPosition,\n  onClick,\n}: ImageProps) {\n  // Build Next.js props based on fill vs dimensions\n  if (fill) {\n    // Fill mode\n    const fillProps: NextImageProps = {\n      src,\n      alt,\n      fill: true,\n      className,\n      quality,\n      priority,\n      loading,\n      onClick,\n      ...(sizes && { sizes }),\n      ...(objectFit || objectPosition\n        ? {\n            style: {\n              ...(objectFit ? { objectFit } : {}),\n              ...(objectPosition ? { objectPosition } : {}),\n            },\n          }\n        : {}),\n    };\n    return <NextImage {...fillProps} />;\n  } else if (width && height) {\n    // Explicit dimensions mode\n    const dimensionProps: NextImageProps = {\n      src,\n      alt,\n      width,\n      height,\n      className,\n      quality,\n      priority,\n      loading,\n      onClick,\n    };\n    return <NextImage {...dimensionProps} />;\n  } else {\n    throw new Error(\"Image: Either fill or width+height must be provided\");\n  }\n}\n\n// Re-export Next.js types that are framework-agnostic\nexport type { StaticImageData } from \"next/image\";\n","/**\n * Framework-agnostic Link wrapper component\n *\n * Wraps Next.js Link to provide a stable API for theme developers\n * that doesn't directly couple themes to Next.js.\n *\n * @public\n * @example\n * ```tsx\n * import { Link } from '@duongthiu/onex-core/components';\n *\n * // Internal link\n * <Link href=\"/about\">About Us</Link>\n *\n * // External link\n * <Link href=\"https://example.com\" target=\"_blank\">\n *   External Site\n * </Link>\n * ```\n */\n\n\"use client\";\n\nimport NextLink from \"next/link\";\n\n/**\n * Link component props\n * Subset of Next.js Link props that work across frameworks\n */\nexport interface LinkProps {\n  /** Target URL or path */\n  href: string;\n  /** Link children (text or elements) */\n  children: React.ReactNode;\n  /** CSS class name */\n  className?: string;\n  /** Target attribute */\n  target?: \"_blank\" | \"_self\" | \"_parent\" | \"_top\";\n  /** Rel attribute */\n  rel?: string;\n  /** Prefetch the page in the background */\n  prefetch?: boolean;\n  /** Replace the current history state instead of adding a new URL */\n  replace?: boolean;\n  /** Scroll to the top of the page after navigation */\n  scroll?: boolean;\n  /** onClick handler */\n  onClick?: (e: React.MouseEvent<HTMLAnchorElement>) => void;\n}\n\n/**\n * Link component wrapping Next.js Link\n * Provides framework-agnostic API for theme developers\n */\nexport function Link({\n  href,\n  children,\n  className,\n  target,\n  rel,\n  prefetch = true,\n  replace,\n  scroll = true,\n  onClick,\n}: LinkProps) {\n  // Handle external links\n  const isExternal = href.startsWith(\"http\") || href.startsWith(\"//\");\n\n  if (isExternal) {\n    // External links use regular <a> tag\n    return (\n      <a\n        href={href}\n        className={className}\n        target={target || \"_blank\"}\n        rel={rel || \"noopener noreferrer\"}\n        onClick={onClick}\n      >\n        {children}\n      </a>\n    );\n  }\n\n  // Internal links use Next.js Link\n  return (\n    <NextLink\n      href={href}\n      className={className}\n      prefetch={prefetch}\n      replace={replace}\n      scroll={scroll}\n      onClick={onClick}\n      target={target}\n      rel={rel}\n    >\n      {children}\n    </NextLink>\n  );\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@duongthiu/onex-core",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "OneX Core - Theme rendering system and registry for building multi-tenant websites with visual editing",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -21,6 +21,101 @@
       "import": "./dist/server.mjs",
       "require": "./dist/server.js"
     },
+    "./internal": {
+      "types": "./dist/internal.d.ts",
+      "import": "./dist/internal.mjs",
+      "require": "./dist/internal.js"
+    },
+    "./components": {
+      "types": "./dist/components.d.ts",
+      "import": "./dist/components.mjs",
+      "require": "./dist/components.js"
+    },
+    "./wrappers": {
+      "types": "./dist/wrappers.d.ts",
+      "import": "./dist/wrappers.mjs",
+      "require": "./dist/wrappers.js"
+    },
+    "./motion": {
+      "types": "./dist/motion.d.ts",
+      "import": "./dist/motion.mjs",
+      "require": "./dist/motion.js"
+    },
+    "./icons": {
+      "types": "./dist/icons.d.ts",
+      "import": "./dist/icons.mjs",
+      "require": "./dist/icons.js"
+    },
+    "./types": {
+      "types": "./dist/types.d.ts",
+      "import": "./dist/types.mjs",
+      "require": "./dist/types.js"
+    },
+    "./utils": {
+      "types": "./dist/utils.d.ts",
+      "import": "./dist/utils.mjs",
+      "require": "./dist/utils.js"
+    },
+    "./renderers": {
+      "types": "./dist/renderers.d.ts",
+      "import": "./dist/renderers.mjs",
+      "require": "./dist/renderers.js"
+    },
+    "./registry": {
+      "types": "./dist/registry.d.ts",
+      "import": "./dist/registry.mjs",
+      "require": "./dist/registry.js"
+    },
+    "./contexts": {
+      "types": "./dist/contexts.d.ts",
+      "import": "./dist/contexts.mjs",
+      "require": "./dist/contexts.js"
+    },
+    "./config": {
+      "types": "./dist/config.d.ts",
+      "import": "./dist/config.mjs",
+      "require": "./dist/config.js"
+    },
+    "./api": {
+      "types": "./dist/api.d.ts",
+      "import": "./dist/api.mjs",
+      "require": "./dist/api.js"
+    },
+    "./auth": {
+      "types": "./dist/auth.d.ts",
+      "import": "./dist/auth.mjs",
+      "require": "./dist/auth.js"
+    },
+    "./cart": {
+      "types": "./dist/cart.d.ts",
+      "import": "./dist/cart.mjs",
+      "require": "./dist/cart.js"
+    },
+    "./products": {
+      "types": "./dist/products.d.ts",
+      "import": "./dist/products.mjs",
+      "require": "./dist/products.js"
+    },
+    "./orders": {
+      "types": "./dist/orders.d.ts",
+      "import": "./dist/orders.mjs",
+      "require": "./dist/orders.js"
+    },
+    "./finance": {
+      "types": "./dist/finance.d.ts",
+      "import": "./dist/finance.mjs",
+      "require": "./dist/finance.js"
+    },
+    "./contact": {
+      "types": "./dist/contact.d.ts",
+      "import": "./dist/contact.mjs",
+      "require": "./dist/contact.js"
+    },
+    "./blog": {
+      "types": "./dist/blog.d.ts",
+      "import": "./dist/blog.mjs",
+      "require": "./dist/blog.js"
+    },
     "./package.json": "./package.json"
   },
   "files": [
@@ -75,12 +170,16 @@
   },
   "sideEffects": false,
   "peerDependencies": {
-    "react": "^19.2.1",
-    "react-dom": "^19.2.1",
+    "framer-motion": ">=11.0.0",
+    "lucide-react": ">=0.5.0",
     "next": ">=14.0.0",
-    "lucide-react": ">=0.5.0"
+    "react": "^19.2.1",
+    "react-dom": "^19.2.1"
   },
   "peerDependenciesMeta": {
+    "framer-motion": {
+      "optional": true
+    },
     "next": {
       "optional": true
     },
@@ -89,18 +188,22 @@
     }
   },
   "dependencies": {
-    "clsx": "^2.1.1",
-    "tailwind-merge": "^3.4.0",
-    "zod": "^4.1.13",
-    "class-variance-authority": "^0.7.1",
+    "@hookform/resolvers": "^5.2.2",
     "@radix-ui/react-accordion": "^1.2.12",
     "@radix-ui/react-checkbox": "^1.3.3",
     "@radix-ui/react-label": "^2.1.8",
     "@radix-ui/react-progress": "^1.1.8",
     "@radix-ui/react-select": "^2.2.6",
     "@radix-ui/react-separator": "^1.1.8",
+    "@radix-ui/react-slot": "^1.2.4",
     "@radix-ui/react-tabs": "^1.1.13",
-    "@radix-ui/react-slot": "^1.2.4"
+    "axios": "^1.13.2",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "react-hook-form": "^7.68.0",
+    "tailwind-merge": "^3.4.0",
+    "zod": "^4.1.13",
+    "zustand": "^5.0.10"
   },
   "devDependencies": {
     "@types/react": "^19",