@rxdrag/website-lib 0.0.85 → 0.0.86

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rxdrag/website-lib",
-  "version": "0.0.85",
+  "version": "0.0.86",
   "type": "module",
   "exports": {
     ".": "./index.ts"
@@ -24,18 +24,18 @@
     "eslint": "^7.32.0",
     "gsap": "^3.12.7",
     "typescript": "^5",
-    "@rxdrag/tsconfig": "0.2.0",
+    "@rxdrag/entify-hooks": "0.2.76",
     "@rxdrag/rxcms-models": "0.3.94",
-    "@rxdrag/slate-preview": "1.2.61",
     "@rxdrag/eslint-config-custom": "0.2.12",
-    "@rxdrag/entify-hooks": "0.2.75"
+    "@rxdrag/slate-preview": "1.2.61",
+    "@rxdrag/tsconfig": "0.2.0"
   },
   "dependencies": {
     "clsx": "^2.1.0",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "@rxdrag/rxcms-models": "0.3.94",
-    "@rxdrag/website-lib-core": "0.0.85"
+    "@rxdrag/website-lib-core": "0.0.88"
   },
   "peerDependencies": {
     "astro": "^4.0.0 || ^5.0.0"

package/src/components/Container.astro

@@ -8,6 +8,6 @@ interface Props {
 const { className, class: classAttr, ...rest } = Astro.props;
 ---
 
-<div class:list={["container", className, classAttr]} {...rest}>
+<div class:list={["section-container", className, classAttr]} {...rest}>
   <slot />
 </div>

package/src/components/GridCell.astro

@@ -16,7 +16,7 @@ interface Props {
 const { className, class: originalClass, backgrounds } = Astro.props;
 ---
 
-<div class:list={["w-full, h-full flex flex-col", className, originalClass]}>
+<div class:list={["w-full h-full flex flex-col", className, originalClass]}>
   <BackgroundGroup backgrounds={backgrounds} />
   <slot />
 </div>

package/src/components/Icon.astro

@@ -1,10 +1,30 @@
 ---
-import { Icon as CoreIcon } from "@rxdrag/website-lib-core";
+import {
+  Icon as CoreIcon,
+  Entify,
+  type Locals,
+} from "@rxdrag/website-lib-core";
+
 interface Props {
   className?: string;
   icon?: string;
   svg?: string;
 }
+const { env, imageSizes } = Astro.locals as Locals;
+const { className, icon, svg, ...rest } = Astro.props;
+
+const localIconName = icon?.startsWith("local:") ? icon?.split(":")[1] : null;
+
+const rx = Entify.getInstance(env, imageSizes);
+
+const svgIcon =
+  !!rx && localIconName ? await rx.getIcon(localIconName) : undefined;
 ---
 
-<CoreIcon {...Astro.props} client:load />
+<CoreIcon
+  className={className}
+  icon={localIconName ? undefined : icon}
+  svg={svgIcon?.code || svg}
+  {...rest}
+  client:load
+/>

package/src/components/Section.astro

@@ -35,7 +35,7 @@ const {
     disableContainer ? (
       <slot />
     ) : (
-      <Container class:list={["section-container", containerClassName]}>
+      <Container class:list={["w-full h-full", containerClassName]}>
         <slot />
       </Container>
     )