@opensite/ui 1.3.2 → 1.3.4

package/dist/list-achievements-showcase.d.cts

@@ -0,0 +1,131 @@
+import * as React from 'react';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bz_A5vLU.cjs';
+import { A as ActionConfig } from './blocks-Cohq4eio.cjs';
+import 'react/jsx-runtime';
+import 'class-variance-authority';
+import './button-variants-lRElsmTc.cjs';
+import 'class-variance-authority/types';
+
+interface ListAchievementItem {
+    /**
+     * Icon name for the achievement (e.g., "lucide/trophy")
+     */
+    icon?: string;
+    /**
+     * Title of the achievement
+     */
+    title?: React.ReactNode;
+    /**
+     * Category of the achievement
+     */
+    category?: React.ReactNode;
+    /**
+     * Description of the achievement
+     */
+    description?: React.ReactNode;
+    /**
+     * Action configuration for the item
+     */
+    action?: ActionConfig;
+}
+interface ListAchievementsShowcaseProps {
+    /**
+     * Main heading content
+     */
+    heading?: React.ReactNode;
+    /**
+     * Additional CSS classes for the heading
+     */
+    headingClassName?: string;
+    /**
+     * Array of achievement items to display
+     */
+    items?: ListAchievementItem[];
+    /**
+     * Custom slot for rendering items (overrides items array)
+     */
+    itemsSlot?: React.ReactNode;
+    /**
+     * Additional CSS classes for the items container
+     */
+    itemsClassName?: string;
+    /**
+     * Additional CSS classes for individual item rows
+     */
+    itemClassName?: string;
+    /**
+     * Additional CSS classes for item icons
+     */
+    itemIconClassName?: string;
+    /**
+     * Additional CSS classes for item titles
+     */
+    itemTitleClassName?: string;
+    /**
+     * Additional CSS classes for item categories
+     */
+    itemCategoryClassName?: string;
+    /**
+     * Additional CSS classes for item descriptions
+     */
+    itemDescriptionClassName?: string;
+    /**
+     * Default action configuration for items without specific actions
+     */
+    defaultItemAction?: ActionConfig;
+    /**
+     * Additional CSS classes for item actions
+     */
+    itemActionClassName?: string;
+    /**
+     * Additional CSS classes for the container
+     */
+    containerClassName?: string;
+    /**
+     * Additional CSS classes for the section wrapper
+     */
+    className?: string;
+    /**
+     * Background style for the section
+     */
+    background?: SectionBackground;
+    /**
+     * Vertical spacing for the section
+     */
+    spacing?: SectionSpacing;
+    /**
+     * Optional background pattern name or URL
+     */
+    pattern?: PatternName | undefined;
+    /**
+     * Pattern overlay opacity (0-1)
+     */
+    patternOpacity?: number;
+}
+/**
+ * ListAchievementsShowcase - A vertical list displaying achievements and recognition
+ * with icons, titles, categories, descriptions, and action links. Each item is separated
+ * by dividers and features a responsive grid layout that adapts to mobile screens.
+ *
+ * Perfect for showcasing awards, certifications, milestones, or company achievements
+ * in a professional, scannable format.
+ *
+ * @example
+ * ```tsx
+ * <ListAchievementsShowcase
+ *   heading="Our Achievements & Recognition"
+ *   items={[
+ *     {
+ *       icon: "lucide/trophy",
+ *       title: "Industry Recognition",
+ *       category: "Achievement",
+ *       description: "Outstanding Performance Award.",
+ *       action: { href: "/achievements/recognition", label: "View project" }
+ *     }
+ *   ]}
+ * />
+ * ```
+ */
+declare function ListAchievementsShowcase({ heading, headingClassName, items, itemsSlot, itemsClassName, itemClassName, itemIconClassName, itemTitleClassName, itemCategoryClassName, itemDescriptionClassName, defaultItemAction: defaultAction, itemActionClassName, containerClassName, className, background, spacing, pattern, patternOpacity, }: ListAchievementsShowcaseProps): React.JSX.Element;
+
+export { ListAchievementsShowcase, type ListAchievementsShowcaseProps };

package/dist/list-achievements-showcase.d.ts

@@ -0,0 +1,131 @@
+import * as React from 'react';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.js';
+import { A as ActionConfig } from './blocks-k17uluAz.js';
+import 'react/jsx-runtime';
+import 'class-variance-authority';
+import './button-variants-lRElsmTc.js';
+import 'class-variance-authority/types';
+
+interface ListAchievementItem {
+    /**
+     * Icon name for the achievement (e.g., "lucide/trophy")
+     */
+    icon?: string;
+    /**
+     * Title of the achievement
+     */
+    title?: React.ReactNode;
+    /**
+     * Category of the achievement
+     */
+    category?: React.ReactNode;
+    /**
+     * Description of the achievement
+     */
+    description?: React.ReactNode;
+    /**
+     * Action configuration for the item
+     */
+    action?: ActionConfig;
+}
+interface ListAchievementsShowcaseProps {
+    /**
+     * Main heading content
+     */
+    heading?: React.ReactNode;
+    /**
+     * Additional CSS classes for the heading
+     */
+    headingClassName?: string;
+    /**
+     * Array of achievement items to display
+     */
+    items?: ListAchievementItem[];
+    /**
+     * Custom slot for rendering items (overrides items array)
+     */
+    itemsSlot?: React.ReactNode;
+    /**
+     * Additional CSS classes for the items container
+     */
+    itemsClassName?: string;
+    /**
+     * Additional CSS classes for individual item rows
+     */
+    itemClassName?: string;
+    /**
+     * Additional CSS classes for item icons
+     */
+    itemIconClassName?: string;
+    /**
+     * Additional CSS classes for item titles
+     */
+    itemTitleClassName?: string;
+    /**
+     * Additional CSS classes for item categories
+     */
+    itemCategoryClassName?: string;
+    /**
+     * Additional CSS classes for item descriptions
+     */
+    itemDescriptionClassName?: string;
+    /**
+     * Default action configuration for items without specific actions
+     */
+    defaultItemAction?: ActionConfig;
+    /**
+     * Additional CSS classes for item actions
+     */
+    itemActionClassName?: string;
+    /**
+     * Additional CSS classes for the container
+     */
+    containerClassName?: string;
+    /**
+     * Additional CSS classes for the section wrapper
+     */
+    className?: string;
+    /**
+     * Background style for the section
+     */
+    background?: SectionBackground;
+    /**
+     * Vertical spacing for the section
+     */
+    spacing?: SectionSpacing;
+    /**
+     * Optional background pattern name or URL
+     */
+    pattern?: PatternName | undefined;
+    /**
+     * Pattern overlay opacity (0-1)
+     */
+    patternOpacity?: number;
+}
+/**
+ * ListAchievementsShowcase - A vertical list displaying achievements and recognition
+ * with icons, titles, categories, descriptions, and action links. Each item is separated
+ * by dividers and features a responsive grid layout that adapts to mobile screens.
+ *
+ * Perfect for showcasing awards, certifications, milestones, or company achievements
+ * in a professional, scannable format.
+ *
+ * @example
+ * ```tsx
+ * <ListAchievementsShowcase
+ *   heading="Our Achievements & Recognition"
+ *   items={[
+ *     {
+ *       icon: "lucide/trophy",
+ *       title: "Industry Recognition",
+ *       category: "Achievement",
+ *       description: "Outstanding Performance Award.",
+ *       action: { href: "/achievements/recognition", label: "View project" }
+ *     }
+ *   ]}
+ * />
+ * ```
+ */
+declare function ListAchievementsShowcase({ heading, headingClassName, items, itemsSlot, itemsClassName, itemClassName, itemIconClassName, itemTitleClassName, itemCategoryClassName, itemDescriptionClassName, defaultItemAction: defaultAction, itemActionClassName, containerClassName, className, background, spacing, pattern, patternOpacity, }: ListAchievementsShowcaseProps): React.JSX.Element;
+
+export { ListAchievementsShowcase, type ListAchievementsShowcaseProps };