@opensite/ui 0.0.3 → 0.0.5

package/dist/types.d.cts

@@ -179,6 +179,16 @@ interface PageHeroBannerProps extends HTMLAttributes<HTMLDivElement> {
      * @default "4xl"
      */
     contentMaxWidth?: ContainerMaxWidth;
+    /**
+     * Custom className for the gradient overlay
+     * Allows customization of overlay gradient for accessibility
+     */
+    overlayClassName?: string;
+    /**
+     * Custom className for the content Container
+     * Allows overriding vertical alignment (e.g., items-start, items-end)
+     */
+    contentClassName?: string;
 }
 /**
  * Block Types - Content-Specific UI Blocks
@@ -211,5 +221,62 @@ interface AlternatingBlocksProps {
      */
     className?: string;
 }
+/**
+ * Props for FeatureShowcase component
+ */
+interface FeatureShowcaseItem {
+    /**
+     * Content node to display (text, headings, etc.)
+     */
+    content: ReactNode;
+    /**
+     * Media node to display (image, video, etc.)
+     */
+    mediaComponent: ReactNode;
+}
+interface FeatureShowcaseProps {
+    /**
+     * Array of feature items to display in carousel
+     */
+    items: FeatureShowcaseItem[];
+    /**
+     * Optional children to render above the carousel (e.g., section title)
+     */
+    children?: ReactNode;
+    /**
+     * Additional CSS classes for the outer container
+     */
+    className?: string;
+    /**
+     * Additional CSS classes for the carousel wrapper
+     */
+    carouselClassName?: string;
+    /**
+     * Additional CSS classes for each slide container
+     */
+    slideClassName?: string;
+    /**
+     * Additional CSS classes for the content area
+     */
+    contentClassName?: string;
+    /**
+     * Additional CSS classes for the media area
+     */
+    mediaClassName?: string;
+    /**
+     * Additional CSS classes for navigation arrows
+     */
+    arrowClassName?: string;
+    /**
+     * Whether to equalize slide heights on mobile
+     * @default true
+     */
+    equalizeOnMobile?: boolean;
+    /**
+     * Whether to stretch media to fill available height on mobile
+     * @default true
+     */
+    stretchMediaOnMobile?: boolean;
+}
 
-export type { AlternatingBlockSection, AlternatingBlocksProps, AnimatedDialogProps, AnimatedDialogSize, ContainerMaxWidth, ContainerProps, PageHeroBannerProps, SectionBackground, SectionProps, SectionSpacing };
+export type { AlternatingBlockSection, AlternatingBlocksProps, AnimatedDialogProps, AnimatedDialogSize, ContainerMaxWidth, ContainerProps, FeatureShowcaseItem, FeatureShowcaseProps, PageHeroBannerProps, SectionBackground, SectionProps, SectionSpacing };

package/dist/types.d.ts

@@ -179,6 +179,16 @@ interface PageHeroBannerProps extends HTMLAttributes<HTMLDivElement> {
      * @default "4xl"
      */
     contentMaxWidth?: ContainerMaxWidth;
+    /**
+     * Custom className for the gradient overlay
+     * Allows customization of overlay gradient for accessibility
+     */
+    overlayClassName?: string;
+    /**
+     * Custom className for the content Container
+     * Allows overriding vertical alignment (e.g., items-start, items-end)
+     */
+    contentClassName?: string;
 }
 /**
  * Block Types - Content-Specific UI Blocks
@@ -211,5 +221,62 @@ interface AlternatingBlocksProps {
      */
     className?: string;
 }
+/**
+ * Props for FeatureShowcase component
+ */
+interface FeatureShowcaseItem {
+    /**
+     * Content node to display (text, headings, etc.)
+     */
+    content: ReactNode;
+    /**
+     * Media node to display (image, video, etc.)
+     */
+    mediaComponent: ReactNode;
+}
+interface FeatureShowcaseProps {
+    /**
+     * Array of feature items to display in carousel
+     */
+    items: FeatureShowcaseItem[];
+    /**
+     * Optional children to render above the carousel (e.g., section title)
+     */
+    children?: ReactNode;
+    /**
+     * Additional CSS classes for the outer container
+     */
+    className?: string;
+    /**
+     * Additional CSS classes for the carousel wrapper
+     */
+    carouselClassName?: string;
+    /**
+     * Additional CSS classes for each slide container
+     */
+    slideClassName?: string;
+    /**
+     * Additional CSS classes for the content area
+     */
+    contentClassName?: string;
+    /**
+     * Additional CSS classes for the media area
+     */
+    mediaClassName?: string;
+    /**
+     * Additional CSS classes for navigation arrows
+     */
+    arrowClassName?: string;
+    /**
+     * Whether to equalize slide heights on mobile
+     * @default true
+     */
+    equalizeOnMobile?: boolean;
+    /**
+     * Whether to stretch media to fill available height on mobile
+     * @default true
+     */
+    stretchMediaOnMobile?: boolean;
+}
 
-export type { AlternatingBlockSection, AlternatingBlocksProps, AnimatedDialogProps, AnimatedDialogSize, ContainerMaxWidth, ContainerProps, PageHeroBannerProps, SectionBackground, SectionProps, SectionSpacing };
+export type { AlternatingBlockSection, AlternatingBlocksProps, AnimatedDialogProps, AnimatedDialogSize, ContainerMaxWidth, ContainerProps, FeatureShowcaseItem, FeatureShowcaseProps, PageHeroBannerProps, SectionBackground, SectionProps, SectionSpacing };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opensite/ui",
-  "version": "0.0.3",
+  "version": "0.0.5",
   "description": "Foundational UI component library for OpenSite Semantic Site Builder with tree-shakable exports and abstract styling",
   "keywords": [
     "react",
@@ -81,6 +81,11 @@
       "import": "./dist/alternating-blocks.js",
       "require": "./dist/alternating-blocks.cjs"
     },
+    "./blocks/features/feature-showcase": {
+      "types": "./dist/feature-showcase.d.ts",
+      "import": "./dist/feature-showcase.js",
+      "require": "./dist/feature-showcase.cjs"
+    },
     "./registry": {
       "types": "./dist/registry.d.ts",
       "import": "./dist/registry.js",
@@ -145,8 +150,8 @@
     "@radix-ui/react-slot": "^1.2.4",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
+    "embla-carousel-react": "^8.6.0",
     "framer-motion": "^12.2.0",
-    "lucide-react": "^0.562.0",
     "tailwind-merge": "^3.4.0",
     "tw-animate-css": "^1.4.0"
   },