@blencm/ui 0.0.1

package/dist/interface/icon.d.ts

@@ -0,0 +1,30 @@
+import { LucideProps } from "lucide-react";
+export interface IconProps {
+    dashboard: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    logo: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    login: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    close: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    profile: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    spinner: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    kanban: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    chevronLeft: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    chevronRight: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    trash: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    employee: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    post: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    page: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    media: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    settings: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    billing: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    ellipsis: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    add: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    warning: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    user: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    arrowRight: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    help: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    pizza: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    sun: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    moon: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    laptop: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    check: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+}

package/dist/shared/alert-modal.d.ts

@@ -0,0 +1,15 @@
+import * as React from "react";
+type TAlertModalProps = {
+    isOpen: boolean;
+    onClose: () => void;
+    onConfirm: () => void;
+    loading: boolean;
+    title?: string;
+    description?: string;
+    className?: string;
+    cancelText?: string;
+    confirmText?: string;
+    children?: React.ReactNode;
+};
+declare const AlertModal: ({ isOpen, onClose, onConfirm, loading, title, description, cancelText, confirmText, className, children, }: TAlertModalProps) => React.JSX.Element;
+export { AlertModal };

package/dist/shared/breadcrumbs.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+export type BreadcrumbItemProps = {
+    title: string;
+    link?: string;
+    className?: string;
+};
+export type BreadcrumbsProps = {
+    items: BreadcrumbItemProps[];
+    className?: string;
+    classNameList?: string;
+    separator?: React.ReactNode;
+};
+declare function Breadcrumbs({ items, className, classNameList, separator }: BreadcrumbsProps): React.JSX.Element;
+export { Breadcrumbs };

package/dist/shared/data-table-skeleton.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+type DataTableSkeletonProps = {
+    columnCount: number;
+    rowCount?: number;
+    searchableColumnCount?: number;
+    filterableColumnCount?: number;
+    showViewOptions?: boolean;
+};
+declare function DataTableSkeleton({ columnCount, rowCount, searchableColumnCount, filterableColumnCount, showViewOptions, }: DataTableSkeletonProps): React.JSX.Element;
+export { DataTableSkeleton };

package/dist/shared/data-table.d.ts

@@ -0,0 +1,175 @@
+import React from "react";
+import { type ColumnDef, type RowData } from "@tanstack/react-table";
+export declare const dataTableFeatures: {
+    columnVisibilityFeature: import("@tanstack/react-table").TableFeature;
+    rowPaginationFeature: import("@tanstack/react-table").TableFeature;
+    rowSelectionFeature: import("@tanstack/react-table").TableFeature;
+};
+export type DataTableFeatures = typeof dataTableFeatures;
+export type DataTableColumnDef<TData extends RowData, TValue = unknown> = ColumnDef<DataTableFeatures, TData, TValue>;
+/** =========
+ *  SLOTS
+ *  =========
+ *  Classname “slots” you can override to customize styles at specific points
+ *  (root, table, header, rows, cells, footer, etc.).
+ */
+export type DataTableSlots = Partial<{
+    root: string;
+    table: string;
+    thead: string;
+    theadSticky: string;
+    trHead: string;
+    th: string;
+    tbody: string;
+    tr: string;
+    trClickable: string;
+    td: string;
+    footer: string;
+    footerInner: string;
+    metaWrap: string;
+    controlsWrap: string;
+    pageSizeLabel: string;
+    pageSizeTrigger: string;
+    pageLabel: string;
+    navButton: string;
+}>;
+/** =========
+ *  ACCENTS
+ *  =========
+ *  Accent system for highlighting interactive/selected states.
+ *  - `accent`: choose a preset accent name
+ *  - `accentColor`: provide a custom CSS color (overrides `accent`)
+ *  If both are null/empty, accent styling is disabled.
+ */
+export type DataTableAccent = "primary" | "emerald" | "indigo" | "rose" | "amber" | "zinc";
+/** =========
+ *  TEMPLATES
+ *  =========
+ *  Built-in visual templates (neo, glass, compact, minimal, clean, elevated, grid, cards).
+ *  Each template is a partial set of slots. Slots are merged like:
+ *  `neo base` + `selected template` + `classNames overrides`.
+ */
+declare const DATA_TABLE_TEMPLATES: {
+    readonly neo: {
+        root: string;
+        table: string;
+        thead: string;
+        theadSticky: string;
+        trHead: string;
+        th: string;
+        tbody: string;
+        tr: string;
+        trClickable: string;
+        td: string;
+        footer: string;
+        footerInner: string;
+        metaWrap: string;
+        controlsWrap: string;
+        pageSizeLabel: string;
+        pageSizeTrigger: string;
+        pageLabel: string;
+        navButton: string;
+    };
+    readonly glass: {
+        root: string;
+        theadSticky: string;
+        tbody: string;
+    };
+    readonly compact: {
+        th: string;
+        td: string;
+        pageSizeTrigger: string;
+    };
+    readonly minimal: {
+        root: string;
+        theadSticky: string;
+        footer: string;
+        tbody: string;
+    };
+    readonly clean: {
+        root: string;
+        theadSticky: string;
+        tbody: string;
+        tr: string;
+        trClickable: string;
+    };
+    readonly elevated: {
+        root: string;
+        theadSticky: string;
+        tbody: string;
+        th: string;
+        td: string;
+    };
+    readonly grid: {
+        root: string;
+        table: string;
+        thead: string;
+        tbody: string;
+        tr: string;
+        trClickable: string;
+    };
+    readonly cards: {
+        root: string;
+        table: string;
+        theadSticky: string;
+        tr: string;
+        trClickable: string;
+        tbody: string;
+    };
+};
+type BuiltInTemplate = keyof typeof DATA_TABLE_TEMPLATES;
+export interface DataTableProps<TData extends RowData, TValue = unknown> {
+    classNames?: DataTableSlots;
+    template?: BuiltInTemplate;
+    accent?: DataTableAccent | null;
+    accentColor?: string | null;
+    page?: number;
+    perPage?: number;
+    onPageChange?: (page: number) => void;
+    onPageSizeChange?: (pageSize: number) => void;
+    onClick?: (row: TData) => void;
+    columns: DataTableColumnDef<TData, TValue>[];
+    data: TData[];
+    pageSizeOptions?: number[];
+    pageCount: number;
+    totalRows?: number;
+    isRowsSelected?: boolean;
+    rowsSelectedLabel?: string;
+    rowPerPageLabel?: string;
+    pageLabel?: string;
+    ofLabel?: string;
+    emptyData?: React.ReactNode;
+    animate?: boolean;
+    heightClassName?: string;
+    stickyHeader?: boolean;
+    headerScroll?: boolean;
+}
+/**
+ * DataTable
+ * ----------
+ * A styled, template-driven table for TanStack Table with:
+ * - manual pagination + external page state
+ * - optional animated body transitions
+ * - optional sticky header (works because we removed wrapper div around <table>)
+ * - optional row click handler
+ * - optional accent highlight system
+ *
+ * Props:
+ * - columns, data: TanStack Table definitions and rows
+ * - page, perPage, pageCount: pagination inputs (1-based page)
+ * - onPageChange(page): called with 1-based page
+ * - onPageSizeChange(size): called when page size changes (also resets to page 1)
+ * - template: built-in template key
+ * - classNames: slot overrides (merge on top)
+ * - accent / accentColor: accent control (off by default)
+ * - stickyHeader: enables sticky header behavior (default true)
+ * - headerScroll: if true, header stickiness is disabled (use when header must scroll away)
+ * - heightClassName: sets the overall component height
+ * - animate: animates tbody on page changes
+ * - emptyData: custom empty state node
+ * - totalRows: optional meta display
+ * - isRowsSelected / rowsSelectedLabel: selection meta display
+ * - rowPerPageLabel, pageLabel, ofLabel: i18n labels
+ */
+declare function DataTable<TData extends RowData, TValue = unknown>({ columns, data, pageCount, page, perPage, pageSizeOptions, rowPerPageLabel, ofLabel, pageLabel, isRowsSelected, totalRows, rowsSelectedLabel, template, classNames, accent, accentColor, emptyData, onPageChange, onClick, onPageSizeChange, animate, stickyHeader, headerScroll, heightClassName, }: DataTableProps<TData, TValue>): React.JSX.Element;
+export { DataTable, DATA_TABLE_TEMPLATES };

package/dist/shared/dropzone.d.ts

@@ -0,0 +1,19 @@
+import * as React from "react";
+import { Accept, DropzoneOptions } from "react-dropzone";
+export type DropzoneProps = {
+    label?: string;
+    description?: string;
+    descriptionActive?: string;
+    onChange?: (value: File[]) => void;
+    onDrop?: (value: File[]) => void;
+    value?: File[];
+    className?: string;
+    descriptionClassName?: string;
+    dropzoneClassName?: string;
+    valueClassName?: string;
+    labelClassName?: string;
+    accept?: Accept;
+    options?: DropzoneOptions;
+};
+declare function Dropzone({ label, onChange, onDrop, value, className, description, descriptionActive, accept, options, descriptionClassName, dropzoneClassName, valueClassName, labelClassName, }: DropzoneProps): React.JSX.Element;
+export { Dropzone };

package/dist/shared/fileupload.d.ts

@@ -0,0 +1,15 @@
+import { Accept, DropzoneOptions } from 'react-dropzone';
+export type FileUploadProps = {
+    label?: string;
+    onChange: (value: File[]) => void;
+    value?: File[];
+    className?: string;
+    classNameContent?: string;
+    accept?: Accept;
+    options?: DropzoneOptions;
+};
+declare function FileUpload({ onChange, value, label, className, classNameContent, accept, options }: FileUploadProps): import("react").JSX.Element;
+declare function ImagePreview({ file }: {
+    file: File;
+}): import("react").JSX.Element | null;
+export { FileUpload, ImagePreview };

package/dist/shared/heading.d.ts

@@ -0,0 +1,7 @@
+type THeadingProps = {
+    title: string;
+    description?: string;
+    className?: string;
+};
+declare function Heading({ title, description, className }: THeadingProps): import("react").JSX.Element;
+export { Heading };

package/dist/shared/page-head.d.ts

@@ -0,0 +1,5 @@
+export type PageHeadProps = {
+    title?: string;
+};
+declare function PageHead({ title }: PageHeadProps): import("react").JSX.Element;
+export { PageHead };

package/dist/shared/pagination-section.d.ts

@@ -0,0 +1,8 @@
+type TPaginationSectionProps = {
+    totalPosts: number;
+    postsPerPage: number;
+    currentPage: number;
+    setCurrentPage: (page: number) => void;
+};
+declare function PaginationSection({ totalPosts, postsPerPage, currentPage, setCurrentPage, }: TPaginationSectionProps): import("react").JSX.Element;
+export { PaginationSection };