@opensite/ui 1.3.2 → 1.3.4

package/dist/list-service-category-table.d.cts

@@ -0,0 +1,135 @@
+import * as React from 'react';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bz_A5vLU.cjs';
+import 'react/jsx-runtime';
+import './blocks-Cohq4eio.cjs';
+import 'class-variance-authority';
+import './button-variants-lRElsmTc.cjs';
+import 'class-variance-authority/types';
+
+interface ListServiceCategoryItem {
+    /**
+     * Icon name for the category (e.g., "lucide/shield")
+     */
+    icon?: string;
+    /**
+     * Category name
+     */
+    category?: React.ReactNode;
+    /**
+     * Description of the service
+     */
+    description?: React.ReactNode;
+    /**
+     * Year of the service
+     */
+    year?: React.ReactNode;
+    /**
+     * Offer type (Free, Professional, Enterprise)
+     */
+    offer?: "Free" | "Professional" | "Enterprise";
+    /**
+     * Market segment
+     */
+    segment?: React.ReactNode;
+}
+interface ListServiceCategoryTableProps {
+    /**
+     * Section heading content
+     */
+    heading?: React.ReactNode;
+    /**
+     * Additional CSS classes for the heading
+     */
+    headingClassName?: string;
+    /**
+     * Section description content
+     */
+    description?: React.ReactNode;
+    /**
+     * Additional CSS classes for the description
+     */
+    descriptionClassName?: string;
+    /**
+     * Array of service category items to display
+     */
+    items?: ListServiceCategoryItem[];
+    /**
+     * Custom slot for rendering items (overrides items array)
+     */
+    itemsSlot?: React.ReactNode;
+    /**
+     * Additional CSS classes for the table wrapper
+     */
+    tableWrapperClassName?: string;
+    /**
+     * Additional CSS classes for the table
+     */
+    tableClassName?: string;
+    /**
+     * Additional CSS classes for the table header
+     */
+    headerClassName?: string;
+    /**
+     * Additional CSS classes for header cells
+     */
+    headerCellClassName?: string;
+    /**
+     * Additional CSS classes for table rows
+     */
+    rowClassName?: string;
+    /**
+     * Additional CSS classes for table cells
+     */
+    cellClassName?: 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;
+}
+/**
+ * ListServiceCategoryTable - A responsive table displaying service categories with icons,
+ * descriptions, years, offer types, and market segments. Features color-coded offer indicators
+ * and a mobile-optimized layout that collapses columns into a compact view.
+ *
+ * Ideal for showcasing product catalogs, service offerings, or feature comparisons
+ * in a structured, scannable format.
+ *
+ * @example
+ * ```tsx
+ * <ListServiceCategoryTable
+ *   items={[
+ *     {
+ *       icon: "lucide/shield",
+ *       category: "Security",
+ *       description: "Enterprise security solution",
+ *       year: 2024,
+ *       offer: "Professional",
+ *       segment: "Business"
+ *     }
+ *   ]}
+ * />
+ * ```
+ */
+declare function ListServiceCategoryTable({ heading, headingClassName, description, descriptionClassName, items, itemsSlot, tableWrapperClassName, tableClassName, headerClassName, headerCellClassName, rowClassName, cellClassName, containerClassName, className, background, spacing, pattern, patternOpacity, }: ListServiceCategoryTableProps): React.JSX.Element;
+
+export { ListServiceCategoryTable, type ListServiceCategoryTableProps };

package/dist/list-service-category-table.d.ts

@@ -0,0 +1,135 @@
+import * as React from 'react';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.js';
+import 'react/jsx-runtime';
+import './blocks-k17uluAz.js';
+import 'class-variance-authority';
+import './button-variants-lRElsmTc.js';
+import 'class-variance-authority/types';
+
+interface ListServiceCategoryItem {
+    /**
+     * Icon name for the category (e.g., "lucide/shield")
+     */
+    icon?: string;
+    /**
+     * Category name
+     */
+    category?: React.ReactNode;
+    /**
+     * Description of the service
+     */
+    description?: React.ReactNode;
+    /**
+     * Year of the service
+     */
+    year?: React.ReactNode;
+    /**
+     * Offer type (Free, Professional, Enterprise)
+     */
+    offer?: "Free" | "Professional" | "Enterprise";
+    /**
+     * Market segment
+     */
+    segment?: React.ReactNode;
+}
+interface ListServiceCategoryTableProps {
+    /**
+     * Section heading content
+     */
+    heading?: React.ReactNode;
+    /**
+     * Additional CSS classes for the heading
+     */
+    headingClassName?: string;
+    /**
+     * Section description content
+     */
+    description?: React.ReactNode;
+    /**
+     * Additional CSS classes for the description
+     */
+    descriptionClassName?: string;
+    /**
+     * Array of service category items to display
+     */
+    items?: ListServiceCategoryItem[];
+    /**
+     * Custom slot for rendering items (overrides items array)
+     */
+    itemsSlot?: React.ReactNode;
+    /**
+     * Additional CSS classes for the table wrapper
+     */
+    tableWrapperClassName?: string;
+    /**
+     * Additional CSS classes for the table
+     */
+    tableClassName?: string;
+    /**
+     * Additional CSS classes for the table header
+     */
+    headerClassName?: string;
+    /**
+     * Additional CSS classes for header cells
+     */
+    headerCellClassName?: string;
+    /**
+     * Additional CSS classes for table rows
+     */
+    rowClassName?: string;
+    /**
+     * Additional CSS classes for table cells
+     */
+    cellClassName?: 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;
+}
+/**
+ * ListServiceCategoryTable - A responsive table displaying service categories with icons,
+ * descriptions, years, offer types, and market segments. Features color-coded offer indicators
+ * and a mobile-optimized layout that collapses columns into a compact view.
+ *
+ * Ideal for showcasing product catalogs, service offerings, or feature comparisons
+ * in a structured, scannable format.
+ *
+ * @example
+ * ```tsx
+ * <ListServiceCategoryTable
+ *   items={[
+ *     {
+ *       icon: "lucide/shield",
+ *       category: "Security",
+ *       description: "Enterprise security solution",
+ *       year: 2024,
+ *       offer: "Professional",
+ *       segment: "Business"
+ *     }
+ *   ]}
+ * />
+ * ```
+ */
+declare function ListServiceCategoryTable({ heading, headingClassName, description, descriptionClassName, items, itemsSlot, tableWrapperClassName, tableClassName, headerClassName, headerCellClassName, rowClassName, cellClassName, containerClassName, className, background, spacing, pattern, patternOpacity, }: ListServiceCategoryTableProps): React.JSX.Element;
+
+export { ListServiceCategoryTable, type ListServiceCategoryTableProps };