@dalexto/lexsys-registry 0.0.6 → 0.1.0

package/dist/index.js

@@ -182,6 +182,41 @@ var badgeRegistryItem = {
   target: "src/components/ui/Badge"
 };
 
+// src/items/breadcrumb.ts
+var breadcrumbRegistryItem = {
+  name: "breadcrumb",
+  canonicalName: "Breadcrumb",
+  type: "component",
+  category: "navigation",
+  aliases: [],
+  files: [
+    "primitives/Breadcrumb/Breadcrumb.tsx",
+    "primitives/Breadcrumb/Breadcrumb.types.ts",
+    "primitives/Breadcrumb/Breadcrumb.variants.ts"
+  ],
+  remoteFiles: [
+    {
+      path: "primitives/Breadcrumb/Breadcrumb.tsx"
+    },
+    {
+      path: "primitives/Breadcrumb/Breadcrumb.types.ts"
+    },
+    {
+      path: "primitives/Breadcrumb/Breadcrumb.variants.ts"
+    }
+  ],
+  dependencies: [
+    "class-variance-authority",
+    "clsx",
+    "lucide-react",
+    "tailwind-merge"
+  ],
+  registryDependencies: [],
+  utilities: ["cn"],
+  styles: ["theme"],
+  target: "src/components/ui/Breadcrumb"
+};
+
 // src/items/button.ts
 var buttonRegistryItem = {
   name: "button",
@@ -354,6 +389,41 @@ var contextMenuRegistryItem = {
   target: "src/components/ui/ContextMenu"
 };
 
+// src/items/date-picker.ts
+var datePickerRegistryItem = {
+  name: "date-picker",
+  canonicalName: "DatePicker",
+  type: "component",
+  category: "forms",
+  aliases: [],
+  files: [
+    "primitives/DatePicker/DatePicker.tsx",
+    "primitives/DatePicker/DatePicker.types.ts",
+    "primitives/DatePicker/DatePicker.variants.ts"
+  ],
+  remoteFiles: [
+    {
+      path: "primitives/DatePicker/DatePicker.tsx"
+    },
+    {
+      path: "primitives/DatePicker/DatePicker.types.ts"
+    },
+    {
+      path: "primitives/DatePicker/DatePicker.variants.ts"
+    }
+  ],
+  dependencies: [
+    "class-variance-authority",
+    "clsx",
+    "lucide-react",
+    "tailwind-merge"
+  ],
+  registryDependencies: [],
+  utilities: ["cn"],
+  styles: ["theme"],
+  target: "src/components/ui/DatePicker"
+};
+
 // src/items/dialog.ts
 var dialogRegistryItem = {
   name: "dialog",
@@ -743,6 +813,41 @@ var navigationMenuRegistryItem = {
   target: "src/components/ui/NavigationMenu"
 };
 
+// src/items/pagination.ts
+var paginationRegistryItem = {
+  name: "pagination",
+  canonicalName: "Pagination",
+  type: "component",
+  category: "navigation",
+  aliases: [],
+  files: [
+    "primitives/Pagination/Pagination.tsx",
+    "primitives/Pagination/Pagination.types.ts",
+    "primitives/Pagination/Pagination.variants.ts"
+  ],
+  remoteFiles: [
+    {
+      path: "primitives/Pagination/Pagination.tsx"
+    },
+    {
+      path: "primitives/Pagination/Pagination.types.ts"
+    },
+    {
+      path: "primitives/Pagination/Pagination.variants.ts"
+    }
+  ],
+  dependencies: [
+    "class-variance-authority",
+    "clsx",
+    "lucide-react",
+    "tailwind-merge"
+  ],
+  registryDependencies: [],
+  utilities: ["cn"],
+  styles: ["theme"],
+  target: "src/components/ui/Pagination"
+};
+
 // src/items/popover.ts
 var popoverRegistryItem = {
   name: "popover",
@@ -1546,7 +1651,7 @@ var commandPaletteRegistryItem = {
     "blocks/CommandPalette/CommandPalette.variants.ts"
   ],
   dependencies: ["clsx", "tailwind-merge"],
-  registryDependencies: ["dialog", "input", "scroll-area", "separator"],
+  registryDependencies: ["combobox", "dialog", "scroll-area", "separator"],
   utilities: ["cn"],
   styles: ["theme"],
   target: "src/components/ui/CommandPalette"
@@ -1606,6 +1711,101 @@ var emptyRegistryItem = {
   target: "src/components/ui/Empty"
 };
 
+// src/items/page-header.ts
+var pageHeaderRegistryItem = {
+  name: "page-header",
+  canonicalName: "PageHeader",
+  type: "block",
+  category: "blocks",
+  aliases: ["page-title"],
+  files: [
+    "blocks/PageHeader/PageHeader.tsx",
+    "blocks/PageHeader/PageHeader.types.ts",
+    "blocks/PageHeader/PageHeader.variants.ts"
+  ],
+  dependencies: ["clsx", "tailwind-merge"],
+  registryDependencies: ["breadcrumb", "button"],
+  utilities: ["cn"],
+  styles: ["theme"],
+  target: "src/components/ui/PageHeader"
+};
+
+// src/items/stats-card.ts
+var statsCardRegistryItem = {
+  name: "stats-card",
+  canonicalName: "StatsCard",
+  type: "block",
+  category: "blocks",
+  aliases: ["metric-card", "kpi-card"],
+  files: [
+    "blocks/StatsCard/StatsCard.tsx",
+    "blocks/StatsCard/StatsCard.types.ts",
+    "blocks/StatsCard/StatsCard.variants.ts"
+  ],
+  dependencies: ["clsx", "tailwind-merge"],
+  registryDependencies: ["card"],
+  utilities: ["cn"],
+  styles: ["theme"],
+  target: "src/components/ui/StatsCard"
+};
+
+// src/items/filter-toolbar.ts
+var filterToolbarRegistryItem = {
+  name: "filter-toolbar",
+  canonicalName: "FilterToolbar",
+  type: "block",
+  category: "blocks",
+  aliases: ["table-filters", "list-filters"],
+  files: [
+    "blocks/FilterToolbar/FilterToolbar.tsx",
+    "blocks/FilterToolbar/FilterToolbar.types.ts",
+    "blocks/FilterToolbar/FilterToolbar.variants.ts"
+  ],
+  dependencies: ["clsx", "tailwind-merge"],
+  registryDependencies: ["button", "input", "select", "toolbar"],
+  utilities: ["cn"],
+  styles: ["theme"],
+  target: "src/components/ui/FilterToolbar"
+};
+
+// src/items/data-table.ts
+var dataTableRegistryItem = {
+  name: "data-table",
+  canonicalName: "DataTable",
+  type: "block",
+  category: "blocks",
+  aliases: ["table-view"],
+  files: [
+    "blocks/DataTable/DataTable.tsx",
+    "blocks/DataTable/DataTable.types.ts",
+    "blocks/DataTable/DataTable.variants.ts"
+  ],
+  dependencies: ["clsx", "tailwind-merge"],
+  registryDependencies: ["pagination", "table"],
+  utilities: ["cn"],
+  styles: ["theme"],
+  target: "src/components/ui/DataTable"
+};
+
+// src/items/settings-page-layout.ts
+var settingsPageLayoutRegistryItem = {
+  name: "settings-page-layout",
+  canonicalName: "SettingsPageLayout",
+  type: "block",
+  category: "layout",
+  aliases: ["settings-template", "settings-layout"],
+  files: [
+    "templates/SettingsPageLayout/SettingsPageLayout.tsx",
+    "templates/SettingsPageLayout/SettingsPageLayout.types.ts",
+    "templates/SettingsPageLayout/SettingsPageLayout.variants.ts"
+  ],
+  dependencies: ["clsx", "tailwind-merge"],
+  registryDependencies: ["page-header", "settings-panel"],
+  utilities: ["cn"],
+  styles: ["theme"],
+  target: "src/components/ui/SettingsPageLayout"
+};
+
 // src/items/index.ts
 var registryItems = [
   accordionRegistryItem,
@@ -1613,11 +1813,13 @@ var registryItems = [
   alertRegistryItem,
   avatarRegistryItem,
   badgeRegistryItem,
+  breadcrumbRegistryItem,
   buttonRegistryItem,
   cardRegistryItem,
   checkboxRegistryItem,
   collapsibleRegistryItem,
   contextMenuRegistryItem,
+  datePickerRegistryItem,
   dialogRegistryItem,
   drawerRegistryItem,
   fieldRegistryItem,
@@ -1629,6 +1831,7 @@ var registryItems = [
   meterRegistryItem,
   numberFieldRegistryItem,
   navigationMenuRegistryItem,
+  paginationRegistryItem,
   popoverRegistryItem,
   previewCardRegistryItem,
   progressRegistryItem,
@@ -1656,7 +1859,12 @@ var registryItems = [
   checkboxGroupRegistryItem,
   comboboxRegistryItem,
   otpFieldRegistryItem,
-  emptyRegistryItem
+  emptyRegistryItem,
+  pageHeaderRegistryItem,
+  statsCardRegistryItem,
+  filterToolbarRegistryItem,
+  dataTableRegistryItem,
+  settingsPageLayoutRegistryItem
 ];
 
 // src/styles/theme.ts
@@ -2164,4 +2372,4 @@ var registryManifest = {
   utilities: registryUtilities
 };
 
-export { accordionRegistryItem, alertDialogRegistryItem, alertRegistryItem, authFormRegistryItem, autocompleteRegistryItem, avatarRegistryItem, badgeRegistryItem, buttonRegistryItem, cardRegistryItem, checkboxGroupRegistryItem, checkboxRegistryItem, cnRegistryUtility, collapsibleRegistryItem, comboboxRegistryItem, commandPaletteRegistryItem, contextMenuRegistryItem, dashboardShellRegistryItem, dialogRegistryItem, drawerRegistryItem, emptyRegistryItem, fieldRegistryItem, fieldsetRegistryItem, formFieldRegistryItem, formRegistryItem, getInstallLayer, inputRegistryItem, menuRegistryItem, menubarRegistryItem, meterRegistryItem, navigationMenuRegistryItem, numberFieldRegistryItem, otpFieldRegistryItem, popoverRegistryItem, previewCardRegistryItem, progressRegistryItem, radioGroupRegistryItem, registryItems, registryManifest, registryStyles, registryUtilities, registryVersion, scrollAreaRegistryItem, selectRegistryItem, separatorRegistryItem, settingsPanelRegistryItem, sidebarRegistryItem, sliderRegistryItem, switchRegistryItem, tableRegistryItem, tabsRegistryItem, textareaRegistryItem, themeRegistryStyle, toastRegistryItem, toggleGroupRegistryItem, toggleRegistryItem, toolbarRegistryItem, tooltipRegistryItem, validateRegistry, validateRegistryItem };
+export { accordionRegistryItem, alertDialogRegistryItem, alertRegistryItem, authFormRegistryItem, autocompleteRegistryItem, avatarRegistryItem, badgeRegistryItem, breadcrumbRegistryItem, buttonRegistryItem, cardRegistryItem, checkboxGroupRegistryItem, checkboxRegistryItem, cnRegistryUtility, collapsibleRegistryItem, comboboxRegistryItem, commandPaletteRegistryItem, contextMenuRegistryItem, dashboardShellRegistryItem, dataTableRegistryItem, datePickerRegistryItem, dialogRegistryItem, drawerRegistryItem, emptyRegistryItem, fieldRegistryItem, fieldsetRegistryItem, filterToolbarRegistryItem, formFieldRegistryItem, formRegistryItem, getInstallLayer, inputRegistryItem, menuRegistryItem, menubarRegistryItem, meterRegistryItem, navigationMenuRegistryItem, numberFieldRegistryItem, otpFieldRegistryItem, pageHeaderRegistryItem, paginationRegistryItem, popoverRegistryItem, previewCardRegistryItem, progressRegistryItem, radioGroupRegistryItem, registryItems, registryManifest, registryStyles, registryUtilities, registryVersion, scrollAreaRegistryItem, selectRegistryItem, separatorRegistryItem, settingsPageLayoutRegistryItem, settingsPanelRegistryItem, sidebarRegistryItem, sliderRegistryItem, statsCardRegistryItem, switchRegistryItem, tableRegistryItem, tabsRegistryItem, textareaRegistryItem, themeRegistryStyle, toastRegistryItem, toggleGroupRegistryItem, toggleRegistryItem, toolbarRegistryItem, tooltipRegistryItem, validateRegistry, validateRegistryItem };

package/dist/items/breadcrumb.d.ts

@@ -0,0 +1,7 @@
+/**
+ * breadcrumb.ts
+ *
+ * Registry metadata for the Breadcrumb component.
+ */
+import type { RegistryItem } from "../registry.types.js";
+export declare const breadcrumbRegistryItem: RegistryItem;

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

@@ -0,0 +1,7 @@
+/**
+ * data-table.ts
+ *
+ * Registry metadata for the DataTable block.
+ */
+import type { RegistryItem } from "../registry.types.js";
+export declare const dataTableRegistryItem: RegistryItem;

package/dist/items/date-picker.d.ts

@@ -0,0 +1,7 @@
+/**
+ * date-picker.ts
+ *
+ * Registry metadata for the DatePicker component.
+ */
+import type { RegistryItem } from "../registry.types.js";
+export declare const datePickerRegistryItem: RegistryItem;

package/dist/items/filter-toolbar.d.ts

@@ -0,0 +1,7 @@
+/**
+ * filter-toolbar.ts
+ *
+ * Registry metadata for the FilterToolbar block.
+ */
+import type { RegistryItem } from "../registry.types.js";
+export declare const filterToolbarRegistryItem: RegistryItem;

package/dist/items/index.d.ts

@@ -4,11 +4,13 @@ export { alertDialogRegistryItem } from "./alert-dialog.js";
 export { alertRegistryItem } from "./alert.js";
 export { avatarRegistryItem } from "./avatar.js";
 export { badgeRegistryItem } from "./badge.js";
+export { breadcrumbRegistryItem } from "./breadcrumb.js";
 export { buttonRegistryItem } from "./button.js";
 export { cardRegistryItem } from "./card.js";
 export { checkboxRegistryItem } from "./checkbox.js";
 export { collapsibleRegistryItem } from "./collapsible.js";
 export { contextMenuRegistryItem } from "./context-menu.js";
+export { datePickerRegistryItem } from "./date-picker.js";
 export { dialogRegistryItem } from "./dialog.js";
 export { drawerRegistryItem } from "./drawer.js";
 export { fieldRegistryItem } from "./field.js";
@@ -20,6 +22,7 @@ export { menubarRegistryItem } from "./menubar.js";
 export { meterRegistryItem } from "./meter.js";
 export { numberFieldRegistryItem } from "./number-field.js";
 export { navigationMenuRegistryItem } from "./navigation-menu.js";
+export { paginationRegistryItem } from "./pagination.js";
 export { popoverRegistryItem } from "./popover.js";
 export { previewCardRegistryItem } from "./preview-card.js";
 export { progressRegistryItem } from "./progress.js";
@@ -47,5 +50,10 @@ export { authFormRegistryItem } from "./auth-form.js";
 export { commandPaletteRegistryItem } from "./command-palette.js";
 export { otpFieldRegistryItem } from "./otp-field.js";
 export { emptyRegistryItem } from "./empty.js";
+export { pageHeaderRegistryItem } from "./page-header.js";
+export { statsCardRegistryItem } from "./stats-card.js";
+export { filterToolbarRegistryItem } from "./filter-toolbar.js";
+export { dataTableRegistryItem } from "./data-table.js";
+export { settingsPageLayoutRegistryItem } from "./settings-page-layout.js";
 export { tableRegistryItem } from "./table.js";
 export declare const registryItems: RegistryItem[];

package/dist/items/page-header.d.ts

@@ -0,0 +1,7 @@
+/**
+ * page-header.ts
+ *
+ * Registry metadata for the PageHeader block.
+ */
+import type { RegistryItem } from "../registry.types.js";
+export declare const pageHeaderRegistryItem: RegistryItem;

package/dist/items/pagination.d.ts

@@ -0,0 +1,7 @@
+/**
+ * pagination.ts
+ *
+ * Registry metadata for the Pagination component.
+ */
+import type { RegistryItem } from "../registry.types.js";
+export declare const paginationRegistryItem: RegistryItem;

package/dist/items/settings-page-layout.d.ts

@@ -0,0 +1,7 @@
+/**
+ * settings-page-layout.ts
+ *
+ * Registry metadata for the SettingsPageLayout block.
+ */
+import type { RegistryItem } from "../registry.types.js";
+export declare const settingsPageLayoutRegistryItem: RegistryItem;

package/dist/items/stats-card.d.ts

@@ -0,0 +1,7 @@
+/**
+ * stats-card.ts
+ *
+ * Registry metadata for the StatsCard block.
+ */
+import type { RegistryItem } from "../registry.types.js";
+export declare const statsCardRegistryItem: RegistryItem;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dalexto/lexsys-registry",
-  "version": "0.0.6",
+  "version": "0.1.0",
   "description": "Install metadata and templates for the Lexsys registry-first UI framework",
   "type": "module",
   "license": "MIT",

package/templates/blocks/CommandPalette/CommandPalette.tsx

@@ -13,7 +13,10 @@ import {
   DialogTitle,
   DialogViewport,
 } from "@/components/primitives/Dialog"
-import { Input } from "@/components/primitives/Input"
+import {
+  ComboboxInput,
+  ComboboxInputGroup,
+} from "@/components/primitives/Combobox"
 import { Separator } from "@/components/primitives/Separator"
 import {
   ScrollArea,
@@ -113,13 +116,14 @@ const CommandPaletteInput = ({
   ...props
 }: CommandPaletteInputProps) => {
   return (
-    <Input
-      ref={ref}
-      autoFocus
-      className={cn(commandPaletteInputClasses, className)}
-      aria-label="Search commands"
-      {...props}
-    />
+    <ComboboxInputGroup className={cn(commandPaletteInputClasses, className)}>
+      <ComboboxInput
+        ref={ref}
+        autoFocus
+        aria-label="Search commands"
+        {...props}
+      />
+    </ComboboxInputGroup>
   )
 }
 

package/templates/blocks/CommandPalette/CommandPalette.types.ts

@@ -11,7 +11,7 @@ import type {
   Ref,
 } from "react"
 import type { DialogProps } from "@/components/primitives/Dialog"
-import type { InputProps } from "@/components/primitives/Input"
+import type { ComboboxInputProps } from "@/components/primitives/Combobox"
 
 export interface CommandPaletteProps extends DialogProps {
   children?: ReactNode
@@ -23,7 +23,7 @@ export interface CommandPaletteContentProps extends HTMLAttributes<HTMLDivElemen
   children?: ReactNode
 }
 
-export type CommandPaletteInputProps = InputProps
+export type CommandPaletteInputProps = ComboboxInputProps
 
 export type CommandPaletteSeparatorProps = Record<string, never>
 

package/templates/blocks/DataTable/DataTable.tsx

@@ -0,0 +1,236 @@
+/**
+ * DataTable.tsx
+ *
+ * Reference DataTable block — compound Table with pagination footer.
+ */
+
+import {
+  Pagination,
+  PaginationContent,
+  PaginationEllipsis,
+  PaginationItem,
+  PaginationLink,
+  PaginationNext,
+  PaginationPrevious,
+} from "@/components/primitives/Pagination"
+import {
+  Table,
+  TableBody,
+  TableCaption,
+  TableCell,
+  TableFooter,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from "@/components/primitives/Table"
+import type {
+  DataTableBodyProps,
+  DataTableCaptionProps,
+  DataTableCellProps,
+  DataTableFooterProps,
+  DataTableHeadProps,
+  DataTableHeaderProps,
+  DataTablePaginationBarProps,
+  DataTablePaginationContentProps,
+  DataTablePaginationEllipsisProps,
+  DataTablePaginationItemProps,
+  DataTablePaginationLinkProps,
+  DataTablePaginationNextProps,
+  DataTablePaginationPreviousProps,
+  DataTablePaginationProps,
+  DataTableProps,
+  DataTableRowProps,
+  DataTableTableProps,
+  DataTableToolbarProps,
+} from "./DataTable.types"
+import {
+  dataTableClasses,
+  dataTableFooterClasses,
+  dataTablePaginationClasses,
+} from "./DataTable.variants"
+import { cn } from "@/lib/utils"
+
+const DataTable = ({ ref, className, ...props }: DataTableProps) => {
+  return (
+    <div ref={ref} className={cn(dataTableClasses(), className)} {...props} />
+  )
+}
+
+DataTable.displayName = "DataTable"
+
+const DataTableToolbar = ({
+  ref,
+  className,
+  ...props
+}: DataTableToolbarProps) => {
+  return <div ref={ref} className={className} {...props} />
+}
+
+DataTableToolbar.displayName = "DataTableToolbar"
+
+const DataTableTable = ({ ref, className, ...props }: DataTableTableProps) => {
+  return <Table ref={ref} className={className} {...props} />
+}
+
+DataTableTable.displayName = "DataTableTable"
+
+const DataTableHeader = ({
+  ref,
+  className,
+  ...props
+}: DataTableHeaderProps) => {
+  return <TableHeader ref={ref} className={className} {...props} />
+}
+
+DataTableHeader.displayName = "DataTableHeader"
+
+const DataTableBody = ({ ref, className, ...props }: DataTableBodyProps) => {
+  return <TableBody ref={ref} className={className} {...props} />
+}
+
+DataTableBody.displayName = "DataTableBody"
+
+const DataTableFooter = ({
+  ref,
+  className,
+  ...props
+}: DataTableFooterProps) => {
+  return <TableFooter ref={ref} className={className} {...props} />
+}
+
+DataTableFooter.displayName = "DataTableFooter"
+
+const DataTableRow = ({ ref, className, ...props }: DataTableRowProps) => {
+  return <TableRow ref={ref} className={className} {...props} />
+}
+
+DataTableRow.displayName = "DataTableRow"
+
+const DataTableHead = ({ ref, className, ...props }: DataTableHeadProps) => {
+  return <TableHead ref={ref} className={className} {...props} />
+}
+
+DataTableHead.displayName = "DataTableHead"
+
+const DataTableCell = ({ ref, className, ...props }: DataTableCellProps) => {
+  return <TableCell ref={ref} className={className} {...props} />
+}
+
+DataTableCell.displayName = "DataTableCell"
+
+const DataTableCaption = ({
+  ref,
+  className,
+  ...props
+}: DataTableCaptionProps) => {
+  return <TableCaption ref={ref} className={className} {...props} />
+}
+
+DataTableCaption.displayName = "DataTableCaption"
+
+const DataTablePaginationBar = ({
+  ref,
+  className,
+  ...props
+}: DataTablePaginationBarProps) => {
+  return (
+    <div
+      ref={ref}
+      className={cn(dataTableFooterClasses(), className)}
+      {...props}
+    />
+  )
+}
+
+DataTablePaginationBar.displayName = "DataTablePaginationBar"
+
+const DataTablePagination = ({
+  ref,
+  className,
+  ...props
+}: DataTablePaginationProps) => {
+  return (
+    <Pagination
+      ref={ref}
+      className={cn(dataTablePaginationClasses(), className)}
+      {...props}
+    />
+  )
+}
+
+DataTablePagination.displayName = "DataTablePagination"
+
+const DataTablePaginationContent = ({
+  className,
+  ...props
+}: DataTablePaginationContentProps) => {
+  return <PaginationContent className={className} {...props} />
+}
+
+DataTablePaginationContent.displayName = "DataTablePaginationContent"
+
+const DataTablePaginationItem = ({
+  className,
+  ...props
+}: DataTablePaginationItemProps) => {
+  return <PaginationItem className={className} {...props} />
+}
+
+DataTablePaginationItem.displayName = "DataTablePaginationItem"
+
+const DataTablePaginationLink = ({
+  className,
+  ...props
+}: DataTablePaginationLinkProps) => {
+  return <PaginationLink className={className} {...props} />
+}
+
+DataTablePaginationLink.displayName = "DataTablePaginationLink"
+
+const DataTablePaginationPrevious = ({
+  className,
+  ...props
+}: DataTablePaginationPreviousProps) => {
+  return <PaginationPrevious className={className} {...props} />
+}
+
+DataTablePaginationPrevious.displayName = "DataTablePaginationPrevious"
+
+const DataTablePaginationNext = ({
+  className,
+  ...props
+}: DataTablePaginationNextProps) => {
+  return <PaginationNext className={className} {...props} />
+}
+
+DataTablePaginationNext.displayName = "DataTablePaginationNext"
+
+const DataTablePaginationEllipsis = ({
+  className,
+  ...props
+}: DataTablePaginationEllipsisProps) => {
+  return <PaginationEllipsis className={className} {...props} />
+}
+
+DataTablePaginationEllipsis.displayName = "DataTablePaginationEllipsis"
+
+export {
+  DataTable,
+  DataTableToolbar,
+  DataTableTable,
+  DataTableHeader,
+  DataTableBody,
+  DataTableFooter,
+  DataTableRow,
+  DataTableHead,
+  DataTableCell,
+  DataTableCaption,
+  DataTablePaginationBar,
+  DataTablePagination,
+  DataTablePaginationContent,
+  DataTablePaginationItem,
+  DataTablePaginationLink,
+  DataTablePaginationPrevious,
+  DataTablePaginationNext,
+  DataTablePaginationEllipsis,
+}