npm - @kala-ui/react - Versions diffs - 0.0.1-beta.4 → 0.0.1-beta.5 - Mend

@kala-ui/react 0.0.1-beta.4 → 0.0.1-beta.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1239) hide show

package/dist/components/charts/area-chart.d.ts CHANGED Viewed

@@ -4,4 +4,3 @@
  */
 import type { AreaChartProps } from "./chart.types";
 export declare function AreaChart({ series, categories, colors, height, width, className, title, subtitle, toolbar, animations, curve, stacked, dataLabels, yAxisLabel, referenceLines, options: customOptions, }: AreaChartProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=area-chart.d.ts.map

package/dist/components/charts/area-chart.js CHANGED Viewed

@@ -162,4 +162,3 @@ export function AreaChart({ series, categories, colors, height = 350, width = "1
     ]);
     return (_jsx("div", { className: cn("bg-card rounded-lg p-4", className), children: _jsx(Chart, { options: chartOptions, series: series, type: "area", height: height, width: width }) }));
 }
-//# sourceMappingURL=area-chart.js.map

package/dist/components/charts/bar-chart.d.ts CHANGED Viewed

@@ -4,4 +4,3 @@
  */
 import type { BarChartProps } from "./chart.types";
 export declare function BarChart({ series, categories, colors, height, width, className, title, subtitle, toolbar, animations, horizontal, stacked, dataLabels, barWidth, options: customOptions, }: BarChartProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=bar-chart.d.ts.map

package/dist/components/charts/bar-chart.js CHANGED Viewed

@@ -143,4 +143,3 @@ export function BarChart({ series, categories, colors, height = 350, width = "10
     ]);
     return (_jsx(Chart, { className: cn("w-full", className), options: chartOptions, series: series, type: "bar", height: height, width: width }));
 }
-//# sourceMappingURL=bar-chart.js.map

package/dist/components/charts/chart-skeleton.d.ts CHANGED Viewed

@@ -34,4 +34,3 @@ export interface ChartSkeletonProps {
     className?: string;
 }
 export declare function ChartSkeleton({ height, showLegend, legendCount, showTable, tableRows, tableColumns, className, }: ChartSkeletonProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=chart-skeleton.d.ts.map

package/dist/components/charts/chart-skeleton.js CHANGED Viewed

@@ -10,4 +10,3 @@ import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from "
 export function ChartSkeleton({ height = 350, showLegend = true, legendCount = 4, showTable = false, tableRows = 5, tableColumns = 3, className, }) {
     return (_jsxs("div", { className: cn("w-full space-y-4", className), children: [_jsx("div", { className: "w-full rounded-lg border bg-card theme-card", style: { height: `${height}px` }, children: _jsx("div", { className: "flex items-center justify-center h-full", children: _jsx(Skeleton, { className: "h-full w-full" }) }) }), showLegend && (_jsx("div", { className: "flex gap-4 justify-center mt-4", children: Array.from({ length: legendCount }).map((_, i) => (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Skeleton, { className: "h-3 w-3 rounded-full" }), _jsx(Skeleton, { className: "h-4 w-16" })] }, `legend-${i}`))) })), showTable && (_jsx("div", { className: "mt-6", children: _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsx(TableRow, { children: Array.from({ length: tableColumns }).map((_, index) => (_jsx(TableHead, { children: _jsx(Skeleton, { className: "h-4 w-24" }) }, `header-${index}`))) }) }), _jsx(TableBody, { children: Array.from({ length: tableRows }).map((_, rowIndex) => (_jsx(TableRow, { className: "border-0", children: Array.from({ length: tableColumns }).map((_, colIndex) => (_jsx(TableCell, { children: _jsx(Skeleton, { className: "h-4 w-20" }) }, `cell-${rowIndex}-${colIndex}`))) }, `row-${rowIndex}`))) })] }) }))] }));
 }
-//# sourceMappingURL=chart-skeleton.js.map

package/dist/components/charts/chart.d.ts CHANGED Viewed

@@ -16,4 +16,3 @@ export interface ChartProps extends Props {
  */
 export declare function Chart({ className, isLoading, skeletonConfig, skeleton, ...props }: ChartProps): import("react/jsx-runtime").JSX.Element;
 export { ChartSkeleton } from "./chart-skeleton";
-//# sourceMappingURL=chart.d.ts.map

package/dist/components/charts/chart.js CHANGED Viewed

@@ -18,4 +18,3 @@ export function Chart({ className, isLoading, skeletonConfig, skeleton, ...props
 }
 // Re-export ChartSkeleton for direct use
 export { ChartSkeleton } from "./chart-skeleton";
-//# sourceMappingURL=chart.js.map

package/dist/components/charts/chart.stories.d.ts CHANGED Viewed

@@ -59,4 +59,3 @@ export declare const DarkTheme: Story;
  * Inspired by Doar React dashboard components
  */
 export declare const CardCharts: Story;
-//# sourceMappingURL=chart.stories.d.ts.map

package/dist/components/charts/chart.stories.js CHANGED Viewed

@@ -409,4 +409,3 @@ export const CardCharts = {
                             ], type: "line", height: 80 })] })] }));
     },
 };
-//# sourceMappingURL=chart.stories.js.map

package/dist/components/charts/chart.types.d.ts CHANGED Viewed

@@ -190,4 +190,3 @@ export interface ChartSkeletonConfig {
     /** Number of table columns to show (default: 3) */
     tableColumns?: number;
 }
-//# sourceMappingURL=chart.types.d.ts.map

package/dist/components/charts/chart.types.js CHANGED Viewed

@@ -3,4 +3,3 @@
  * Type definitions for ApexCharts-based chart components
  */
 export {};
-//# sourceMappingURL=chart.types.js.map

package/dist/components/charts/donut-chart.d.ts CHANGED Viewed

@@ -5,4 +5,3 @@
 import type { DonutChartProps } from "./chart.types";
 export declare function DonutChart({ series, labels, colors, height, width, className, title, subtitle, animations, donut, donutSize, dataLabels, legend, options: customOptions, }: DonutChartProps): import("react/jsx-runtime").JSX.Element;
 export declare function PieChart(props: DonutChartProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=donut-chart.d.ts.map

package/dist/components/charts/donut-chart.js CHANGED Viewed

@@ -144,4 +144,3 @@ export function DonutChart({ series, labels, colors, height = 350, width = "100%
 export function PieChart(props) {
     return _jsx(DonutChart, { ...props, donut: false });
 }
-//# sourceMappingURL=donut-chart.js.map

package/dist/components/charts/index.d.ts CHANGED Viewed

@@ -12,4 +12,3 @@ export * from "./chart.types";
 export * from "./utils";
 export * from "./theme-utils";
 export { useThemeAwareChart } from "./use-theme-aware-chart";
-//# sourceMappingURL=index.d.ts.map

package/dist/components/charts/index.js CHANGED Viewed

@@ -12,4 +12,3 @@ export * from "./chart.types";
 export * from "./utils";
 export * from "./theme-utils";
 export { useThemeAwareChart } from "./use-theme-aware-chart";
-//# sourceMappingURL=index.js.map

package/dist/components/charts/line-chart.d.ts CHANGED Viewed

@@ -4,4 +4,3 @@
  */
 import type { LineChartProps } from "./chart.types";
 export declare function LineChart({ series, categories, colors, height, width, className, title, subtitle, toolbar, animations, curve, strokeWidth, markers, yAxisLabel, options: customOptions, }: LineChartProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=line-chart.d.ts.map

package/dist/components/charts/line-chart.js CHANGED Viewed

@@ -148,4 +148,3 @@ export function LineChart({ series, categories, colors, height = 350, width = "1
     ]);
     return (_jsx(Chart, { className: cn("w-full", className), options: chartOptions, series: series, type: "line", height: height, width: width }));
 }
-//# sourceMappingURL=line-chart.js.map

package/dist/components/charts/radial-bar-chart.d.ts CHANGED Viewed

@@ -4,4 +4,3 @@
  */
 import type { RadialBarChartProps } from "./chart.types";
 export declare function RadialBarChart({ series, labels, colors, height, width, className, title, subtitle, animations, dataLabels, hollowSize, options: customOptions, }: RadialBarChartProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=radial-bar-chart.d.ts.map

package/dist/components/charts/radial-bar-chart.js CHANGED Viewed

@@ -108,4 +108,3 @@ export function RadialBarChart({ series, labels, colors, height = 350, width = "
     ]);
     return (_jsx(Chart, { className: cn("w-full", className), options: chartOptions, series: series, type: "radialBar", height: height, width: width }));
 }
-//# sourceMappingURL=radial-bar-chart.js.map

package/dist/components/charts/theme-utils.d.ts CHANGED Viewed

@@ -68,4 +68,3 @@ export declare function createThemeAwareChart(): {
      */
     getTheme: () => "dark" | "light" | "neutral" | "accent";
 };
-//# sourceMappingURL=theme-utils.d.ts.map

package/dist/components/charts/theme-utils.js CHANGED Viewed

@@ -163,4 +163,3 @@ export function createThemeAwareChart() {
         getTheme: () => currentTheme,
     };
 }
-//# sourceMappingURL=theme-utils.js.map

package/dist/components/charts/use-theme-aware-chart.d.ts CHANGED Viewed

@@ -10,4 +10,3 @@ export declare function useThemeAwareChart(): {
     colors: import("./theme-utils").ThemeColorScheme;
     theme: "dark" | "light" | "neutral" | "accent";
 };
-//# sourceMappingURL=use-theme-aware-chart.d.ts.map

package/dist/components/charts/use-theme-aware-chart.js CHANGED Viewed

@@ -64,4 +64,3 @@ export function useThemeAwareChart() {
         theme,
     };
 }
-//# sourceMappingURL=use-theme-aware-chart.js.map

package/dist/components/charts/utils.d.ts CHANGED Viewed

@@ -54,4 +54,3 @@ interface ApexResponsive {
     options: ApexOptions;
 }
 export {};
-//# sourceMappingURL=utils.d.ts.map

package/dist/components/charts/utils.js CHANGED Viewed

@@ -132,4 +132,3 @@ export function getResponsiveOptions() {
         },
     ];
 }
-//# sourceMappingURL=utils.js.map

package/dist/components/checkbox/checkbox.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
 import type { CheckboxProps } from "./checkbox.types";
 declare function Checkbox({ className, isLoading, ...props }: CheckboxProps): import("react/jsx-runtime").JSX.Element;
 export { Checkbox };
-//# sourceMappingURL=checkbox.d.ts.map

package/dist/components/checkbox/checkbox.js CHANGED Viewed

@@ -12,4 +12,3 @@ function Checkbox({ className, isLoading = false, ...props }) {
     return (_jsx(CheckboxPrimitive.Root, { "data-slot": "checkbox", className: cn(checkboxStyles.base, className), ...props, children: _jsx(CheckboxPrimitive.Indicator, { "data-slot": "checkbox-indicator", className: checkboxIndicatorStyles.base, children: props.checked === "indeterminate" ? (_jsx(Minus, { className: "size-3.5 stroke-3" })) : (_jsx(Check, { className: "size-3.5 stroke-3" })) }) }));
 }
 export { Checkbox };
-//# sourceMappingURL=checkbox.js.map

package/dist/components/checkbox/checkbox.stories.d.ts CHANGED Viewed

@@ -25,4 +25,3 @@ export declare const MultipleOptions: Story;
 export declare const FormExamples: Story;
 export declare const SelectAllInteractive: Story;
 export declare const LoadingSkeleton: Story;
-//# sourceMappingURL=checkbox.stories.d.ts.map

package/dist/components/checkbox/checkbox.stories.js CHANGED Viewed

@@ -72,4 +72,3 @@ export const LoadingSkeleton = {
         },
     },
 };
-//# sourceMappingURL=checkbox.stories.js.map

package/dist/components/checkbox/checkbox.types.d.ts CHANGED Viewed

@@ -4,4 +4,3 @@ export interface CheckboxProps extends React.ComponentProps<typeof CheckboxPrimi
     /** Show loading skeleton */
     isLoading?: boolean;
 }
-//# sourceMappingURL=checkbox.types.d.ts.map

package/dist/components/checkbox/checkbox.types.js CHANGED Viewed

	@@ -1,2 +1 @@
1 1	export {};
2	- //# sourceMappingURL=checkbox.types.js.map

package/dist/components/checkbox/index.d.ts CHANGED Viewed

@@ -1,3 +1,2 @@
 export { Checkbox } from "./checkbox";
 export type { CheckboxProps } from "./checkbox.types";
-//# sourceMappingURL=index.d.ts.map

package/dist/components/checkbox/index.js CHANGED Viewed

	@@ -1,2 +1 @@
1 1	export { Checkbox } from "./checkbox";
2	- //# sourceMappingURL=index.js.map

package/dist/components/combobox/combobox-skeleton.d.ts CHANGED Viewed

@@ -39,4 +39,3 @@ export interface ComboboxSkeletonProps extends ComboboxSkeletonConfig {
  * ```
  */
 export declare function ComboboxSkeleton({ multiSelect, selectedCount, size, className, "data-testid": dataTestId, }: ComboboxSkeletonProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=combobox-skeleton.d.ts.map

package/dist/components/combobox/combobox-skeleton.js CHANGED Viewed

@@ -21,4 +21,3 @@ export function ComboboxSkeleton({ multiSelect = false, selectedCount = 2, size
     const height = size === "sm" ? "h-9" : "h-10";
     return (_jsxs("div", { "data-testid": dataTestId || "combobox-skeleton", className: cn("flex items-center gap-2 border rounded-md px-3", height, className), children: [multiSelect && (_jsx("div", { className: "flex gap-1", children: Array.from({ length: selectedCount }).map((_, i) => (_jsx(Skeleton, { className: "h-6 w-20 rounded-full" }, `selected-${i}`))) })), _jsx(Skeleton, { className: cn("h-5 flex-1", multiSelect && "min-w-[8rem]") }), _jsx(Skeleton, { className: "h-4 w-4 flex-shrink-0" })] }));
 }
-//# sourceMappingURL=combobox-skeleton.js.map

package/dist/components/combobox/combobox.d.ts CHANGED Viewed

@@ -54,4 +54,3 @@ export interface ComboboxProps {
 }
 declare const Combobox: React.ForwardRefExoticComponent<ComboboxProps & React.RefAttributes<HTMLButtonElement>>;
 export { Combobox, Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, };
-//# sourceMappingURL=combobox.d.ts.map

package/dist/components/combobox/combobox.js CHANGED Viewed

@@ -23,4 +23,3 @@ const Combobox = React.forwardRef(({ options, value, onValueChange, placeholder
 });
 Combobox.displayName = "Combobox";
 export { Combobox, Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, };
-//# sourceMappingURL=combobox.js.map

package/dist/components/combobox/combobox.stories.d.ts CHANGED Viewed

@@ -28,4 +28,3 @@ export declare const LargeDataset: Story;
 export declare const Timezones: Story;
 export declare const CustomText: Story;
 export declare const LoadingSkeleton: Story;
-//# sourceMappingURL=combobox.stories.d.ts.map

package/dist/components/combobox/combobox.stories.js CHANGED Viewed

@@ -191,4 +191,3 @@ export const LoadingSkeleton = {
         },
     },
 };
-//# sourceMappingURL=combobox.stories.js.map

package/dist/components/combobox/combobox.types.d.ts CHANGED Viewed

@@ -50,4 +50,3 @@ export interface ComboboxProps {
      */
     matchTriggerWidth?: boolean;
 }
-//# sourceMappingURL=combobox.types.d.ts.map

package/dist/components/combobox/combobox.types.js CHANGED Viewed

	@@ -1,2 +1 @@
1 1	export {};
2	- //# sourceMappingURL=combobox.types.js.map

package/dist/components/combobox/index.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
 export { Combobox, type ComboboxOption, type ComboboxProps, Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, } from "./combobox";
 export type { ComboboxSkeletonConfig, ComboboxSkeletonProps, } from "./combobox-skeleton";
 export { ComboboxSkeleton } from "./combobox-skeleton";
-//# sourceMappingURL=index.d.ts.map

package/dist/components/combobox/index.js CHANGED Viewed

@@ -1,3 +1,2 @@
 export { Combobox, Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, } from "./combobox";
 export { ComboboxSkeleton } from "./combobox-skeleton";
-//# sourceMappingURL=index.js.map

package/dist/components/command/command.d.ts CHANGED Viewed

@@ -80,4 +80,3 @@ declare const CommandShortcut: {
     displayName: string;
 };
 export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator, };
-//# sourceMappingURL=command.d.ts.map

package/dist/components/command/command.js CHANGED Viewed

@@ -27,4 +27,3 @@ const CommandShortcut = ({ className, ...props }) => {
 };
 CommandShortcut.displayName = "CommandShortcut";
 export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator, };
-//# sourceMappingURL=command.js.map

package/dist/components/command/command.stories.d.ts CHANGED Viewed

@@ -40,4 +40,3 @@ export declare const Loading: Story;
 export declare const EmptyState: Story;
 export declare const WithIcons: Story;
 export declare const LongList: Story;
-//# sourceMappingURL=command.stories.d.ts.map

package/dist/components/command/command.stories.js CHANGED Viewed

@@ -82,4 +82,3 @@ export const LongList = {
                             "United States",
                         ].map((country) => (_jsx(CommandItem, { value: country, children: country }, country))) })] })] })),
 };
-//# sourceMappingURL=command.stories.js.map

package/dist/components/command/index.d.ts CHANGED Viewed

	@@ -1,2 +1 @@
1 1	export * from "./command";
2	- //# sourceMappingURL=index.d.ts.map

package/dist/components/command/index.js CHANGED Viewed

	@@ -1,2 +1 @@
1 1	export * from "./command";
2	- //# sourceMappingURL=index.js.map

package/dist/components/data-table/column-filters.d.ts CHANGED Viewed

@@ -12,4 +12,3 @@ interface ColumnFiltersProps<TData> {
 }
 export declare function ColumnFilters<TData>({ filterableColumns, activeFilters, onFilterChange, onFilterRemove, onClearAll, }: ColumnFiltersProps<TData>): import("react/jsx-runtime").JSX.Element | null;
 export {};
-//# sourceMappingURL=column-filters.d.ts.map

package/dist/components/data-table/column-filters.js CHANGED Viewed

@@ -48,4 +48,3 @@ export function ColumnFilters({ filterableColumns, activeFilters, onFilterChange
                 return null;
             }), hasActiveFilters && (_jsxs(Button, { variant: "ghost", size: "sm", onClick: onClearAll, className: "h-9 text-muted-foreground hover:text-foreground", children: [_jsx(X, { className: "h-4 w-4 mr-1.5" }), "Clear filters"] }))] }));
 }
-//# sourceMappingURL=column-filters.js.map

package/dist/components/data-table/column-header-filter.d.ts CHANGED Viewed

@@ -11,4 +11,3 @@ interface ColumnHeaderFilterProps<TData> {
 }
 export declare function ColumnHeaderFilter<TData>({ column, activeFilters, onFilterChange, onFilterRemove, }: ColumnHeaderFilterProps<TData>): import("react/jsx-runtime").JSX.Element;
 export {};
-//# sourceMappingURL=column-header-filter.d.ts.map

package/dist/components/data-table/column-header-filter.js CHANGED Viewed

@@ -67,4 +67,3 @@ export function ColumnHeaderFilter({ column, activeFilters, onFilterChange, onFi
                                         }
                                     }, className: "h-9" }), _jsx(Button, { onClick: handleTextApply, className: "w-full", size: "sm", children: "Apply" })] }))] }) })] }));
 }
-//# sourceMappingURL=column-header-filter.js.map

package/dist/components/data-table/data-table-skeleton.d.ts CHANGED Viewed

@@ -47,4 +47,3 @@ export interface DataTableSkeletonConfig<TData = unknown> {
     stickyFooter?: boolean;
 }
 export declare function DataTableSkeleton<TData = unknown>({ rows, columns, showSearch, showFilters, filterCount, showPagination, showSelection, showBulkActions, stickyHeader, stickyFooter, }: DataTableSkeletonConfig<TData>): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=data-table-skeleton.d.ts.map

package/dist/components/data-table/data-table-skeleton.js CHANGED Viewed

@@ -39,4 +39,3 @@ export function DataTableSkeleton({ rows = 5, columns, showSearch = false, showF
                                 }) })] }) }) }), showPagination && (_jsxs("div", { className: cn("flex flex-col sm:flex-row items-center justify-between gap-4 bg-background px-4 py-3 rounded-b-lg theme-card border-x border-b", stickyFooter &&
                     "sticky bottom-0 z-1 shadow-xl bg-background"), children: [_jsx("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: _jsx(Skeleton, { className: "h-4 w-48" }) }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(FieldLabel, { htmlFor: "page-size", className: "text-sm text-muted-foreground mb-0", children: "Rows per page:" }), _jsx(Select, { disabled: true, children: _jsx(SelectTrigger, { className: "w-20 h-9 text-foreground opacity-50", children: _jsx(SelectValue, {}) }) })] }), _jsxs("div", { className: "flex items-center gap-1", children: [_jsx(Button, { variant: "outline", size: "sm", disabled: true, className: "opacity-50", children: _jsx(Skeleton, { className: "h-4 w-4" }) }), _jsx("span", { className: "text-sm text-muted-foreground px-2", children: _jsx(Skeleton, { className: "h-4 w-16 inline-block" }) }), _jsx(Button, { variant: "outline", size: "sm", disabled: true, className: "opacity-50", children: _jsx(Skeleton, { className: "h-4 w-4" }) })] })] })] }))] }));
 }
-//# sourceMappingURL=data-table-skeleton.js.map

package/dist/components/data-table/data-table.d.ts CHANGED Viewed

@@ -21,4 +21,3 @@ import type { DataTableProps } from "./data-table.types";
  */
 export declare function DataTable<TData>({ data, columns, searchable, pagination, defaultSort, defaultFilters, filterableColumns, emptyState, isLoading, loadingConfig, skeletonConfig, skeleton, selection, bulkActions, onRowClick, getRowClassName, getRowAttributes, stickyHeader, compact, striped, bordered, hoverable, caption, footer, className, ariaLabel, stickyFooter, headersBelow, onSortChange, onFilterChange, }: DataTableProps<TData>): import("react/jsx-runtime").JSX.Element;
 export { DataTableSkeleton } from "./data-table-skeleton";
-//# sourceMappingURL=data-table.d.ts.map

package/dist/components/data-table/data-table.js CHANGED Viewed

@@ -308,4 +308,3 @@ export function DataTable({ data, columns, searchable, pagination, defaultSort,
 }
 // Export skeleton for direct use
 export { DataTableSkeleton } from "./data-table-skeleton";
-//# sourceMappingURL=data-table.js.map

package/dist/components/data-table/data-table.stories.d.ts CHANGED Viewed

@@ -120,4 +120,3 @@ export declare const ServerSideDataFetching: Story;
  * Demonstrates all available table features working together
  */
 export declare const CompleteFeatureSet: Story;
-//# sourceMappingURL=data-table.stories.d.ts.map

package/dist/components/data-table/data-table.stories.js CHANGED Viewed

@@ -803,4 +803,3 @@ export const CompleteFeatureSet = {
         },
     },
 };
-//# sourceMappingURL=data-table.stories.js.map

package/dist/components/data-table/data-table.types.d.ts CHANGED Viewed

@@ -301,4 +301,3 @@ export interface TableState<TData> {
     /** Go to previous page */
     previousPage: () => void;
 }
-//# sourceMappingURL=data-table.types.d.ts.map

package/dist/components/data-table/data-table.types.js CHANGED Viewed

@@ -3,4 +3,3 @@
  * Type definitions for the DataTable component with full TypeScript support
  */
 export {};
-//# sourceMappingURL=data-table.types.js.map

package/dist/components/data-table/index.d.ts CHANGED Viewed

@@ -4,4 +4,3 @@
 export { DataTable, DataTableSkeleton } from "./data-table";
 export type { BulkAction, ColumnDef, DataTableProps, DataTableSkeletonConfig, EmptyStateConfig, FilterableColumn, FilterConfig, FilterOperator, LoadingConfig, PaginationConfig, SearchConfig, SelectionConfig, SortConfig, SortDirection, TableState, } from "./data-table.types";
 export { useTableState } from "./useTableState";
-//# sourceMappingURL=index.d.ts.map

package/dist/components/data-table/index.js CHANGED Viewed

@@ -3,4 +3,3 @@
  */
 export { DataTable, DataTableSkeleton } from "./data-table";
 export { useTableState } from "./useTableState";
-//# sourceMappingURL=index.js.map

package/dist/components/data-table/useTableState.d.ts CHANGED Viewed

@@ -25,4 +25,3 @@ interface UseTableStateOptions<TData> {
  */
 export declare function useTableState<TData>({ data, columns, defaultSort, defaultFilters, searchConfig, pageSize: initialPageSize, total: manualTotal, onSortChange, onFilterChange, onSearchChange, onPaginationChange, }: UseTableStateOptions<TData>): TableState<TData>;
 export {};
-//# sourceMappingURL=useTableState.d.ts.map

package/dist/components/data-table/useTableState.js CHANGED Viewed

@@ -117,14 +117,15 @@ export function useTableState({ data, columns, defaultSort, defaultFilters = [],
     const hasNextPage = currentPage < totalPages;
     const hasPreviousPage = currentPage > 1;
     const pageData = useMemo(() => {
-        // If manualTotal is provided, we assume data is already paginated (server-side)
-        if (manualTotal !== undefined) {
+        // If manualTotal AND onPaginationChange are provided, assume server-side pagination
+        // Otherwise, do client-side pagination
+        if (manualTotal !== undefined && onPaginationChange !== undefined) {
             return sortedData;
         }
         const startIndex = (currentPage - 1) * pageSize;
         const endIndex = startIndex + pageSize;
         return sortedData.slice(startIndex, endIndex);
-    }, [sortedData, currentPage, pageSize, manualTotal]);
+    }, [sortedData, currentPage, pageSize, manualTotal, onPaginationChange]);
     // Toggle sort
     const toggleSort = useCallback((key) => {
         setSortConfig((prev) => {
@@ -220,4 +221,3 @@ export function useTableState({ data, columns, defaultSort, defaultFilters = [],
         previousPage,
     };
 }
-//# sourceMappingURL=useTableState.js.map

package/dist/components/date-picker/date-picker.d.ts CHANGED Viewed

@@ -24,4 +24,3 @@ export interface DateRangePickerProps extends Omit<React.ComponentProps<typeof C
     isLoading?: boolean;
 }
 export declare function DateRangePicker({ dateRange, onDateRangeChange, placeholder, disabled, buttonDisabled, className, buttonClassName, formatStr, isLoading, ...props }: DateRangePickerProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=date-picker.d.ts.map

package/dist/components/date-picker/date-picker.js CHANGED Viewed

@@ -19,4 +19,3 @@ export function DateRangePicker({ dateRange, onDateRangeChange, placeholder = "P
     }
     return (_jsxs(Popover, { children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs(Button, { variant: "outline", className: cn("w-[300px] justify-start text-left font-normal", !dateRange && "text-muted-foreground", buttonClassName), disabled: buttonDisabled, children: [_jsx(CalendarIcon, { className: "mr-2 h-4 w-4" }), dateRange?.from ? (dateRange.to ? (_jsxs(_Fragment, { children: [format(dateRange.from, formatStr), " -", " ", format(dateRange.to, formatStr)] })) : (format(dateRange.from, formatStr))) : (_jsx("span", { children: placeholder }))] }) }), _jsx(PopoverContent, { className: cn("w-auto p-0", className), align: "start", children: _jsx(Calendar, { mode: "range", defaultMonth: dateRange?.from, selected: dateRange, onSelect: onDateRangeChange || (() => { }), numberOfMonths: 2, disabled: disabled, ...props }) })] }));
 }
-//# sourceMappingURL=date-picker.js.map

package/dist/components/date-picker/date-picker.stories.d.ts CHANGED Viewed

@@ -41,4 +41,3 @@ export declare const DateRangeCustomFormat: Story;
 export declare const DateRangeDisabled: Story;
 export declare const DateRangeWithCallback: Story;
 export declare const Comparison: Story;
-//# sourceMappingURL=date-picker.stories.d.ts.map

package/dist/components/date-picker/date-picker.stories.js CHANGED Viewed

@@ -162,4 +162,3 @@ export const Comparison = {
         return (_jsxs("div", { className: "space-y-6", children: [_jsxs("div", { children: [_jsx("h3", { className: "mb-2 text-sm font-medium", children: "Single Date Picker" }), _jsx(DatePicker, { date: singleDate, onDateChange: setSingleDate })] }), _jsxs("div", { children: [_jsx("h3", { className: "mb-2 text-sm font-medium", children: "Date Range Picker" }), _jsx(DateRangePicker, { dateRange: dateRange, onDateRangeChange: setDateRange })] })] }));
     },
 };
-//# sourceMappingURL=date-picker.stories.js.map

package/dist/components/date-picker/date-picker.types.d.ts CHANGED Viewed

@@ -22,4 +22,3 @@ export interface DateRangePickerProps extends Omit<React.ComponentProps<typeof C
     formatStr?: string;
     isLoading?: boolean;
 }
-//# sourceMappingURL=date-picker.types.d.ts.map

package/dist/components/date-picker/date-picker.types.js CHANGED Viewed

	@@ -1,2 +1 @@
1 1	export {};
2	- //# sourceMappingURL=date-picker.types.js.map

package/dist/components/date-picker/index.d.ts CHANGED Viewed

@@ -1,3 +1,2 @@
 export type { DateRange } from "react-day-picker";
 export { DatePicker, type DatePickerProps, DateRangePicker, type DateRangePickerProps, } from "./date-picker";
-//# sourceMappingURL=index.d.ts.map

package/dist/components/date-picker/index.js CHANGED Viewed

	@@ -1,2 +1 @@
1 1	export { DatePicker, DateRangePicker, } from "./date-picker";
2	- //# sourceMappingURL=index.js.map

package/dist/components/design-system/category-section.d.ts CHANGED Viewed

@@ -5,4 +5,3 @@ interface CategorySectionProps {
 }
 export declare const CategorySection: ({ category, renderPreview, }: CategorySectionProps) => import("react/jsx-runtime").JSX.Element;
 export {};
-//# sourceMappingURL=category-section.d.ts.map

package/dist/components/design-system/category-section.js CHANGED Viewed

@@ -4,4 +4,3 @@ import { ComponentPreviewCard } from "./component-preview-card";
 export const CategorySection = ({ category, renderPreview, }) => {
     return (_jsxs("div", { className: "mb-12", children: [_jsxs("div", { className: "mb-4 flex items-center justify-between", children: [_jsxs("div", { children: [_jsx("h2", { id: category.name.toLowerCase().replace(/\s+/g, "-"), className: "mb-2 text-2xl font-bold", children: category.name }), _jsx("p", { className: "text-muted-foreground", children: category.description })] }), _jsxs("span", { className: "rounded-full bg-muted px-3 py-1 text-sm text-muted-foreground", children: [category.components.length, " components"] })] }), _jsx("div", { className: "grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4", children: category.components.map((component) => (_jsx(ComponentPreviewCard, { metadata: component, preview: renderPreview(component.name) }, component.name))) }), _jsx(Separator, { className: "mt-12" })] }));
 };
-//# sourceMappingURL=category-section.js.map

package/dist/components/design-system/component-preview-card.d.ts CHANGED Viewed

@@ -5,4 +5,3 @@ interface ComponentPreviewCardProps {
 }
 export declare const ComponentPreviewCard: ({ metadata, preview, }: ComponentPreviewCardProps) => import("react/jsx-runtime").JSX.Element;
 export {};
-//# sourceMappingURL=component-preview-card.d.ts.map

package/dist/components/design-system/component-preview-card.js CHANGED Viewed

@@ -3,4 +3,3 @@ import { Card, CardContent, CardDescription, CardHeader, CardTitle, } from "../c
 export const ComponentPreviewCard = ({ metadata, preview, }) => {
     return (_jsxs(Card, { className: "group transition-all hover:shadow-lg", children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { className: "text-lg", children: metadata.name }), _jsx(CardDescription, { className: "line-clamp-2", children: metadata.description })] }), _jsxs(CardContent, { children: [_jsx("div", { className: "mb-4 flex min-h-[60px] items-center justify-center rounded-md border border-border bg-muted/50 p-4", children: preview }), _jsx("a", { href: `${window.location.origin}/?path=${metadata.docPath}`, className: "inline-flex h-9 w-full items-center justify-center whitespace-nowrap rounded-md border border-input bg-transparent px-4 py-2 text-sm font-medium shadow-sm transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50", children: "View Documentation" })] })] }));
 };
-//# sourceMappingURL=component-preview-card.js.map

package/dist/components/design-system/design-system-utils.d.ts CHANGED Viewed

@@ -12,4 +12,3 @@ export interface CategoryMetadata {
     components: ComponentMetadata[];
 }
 export declare const designSystemComponents: ComponentMetadata[];
-//# sourceMappingURL=design-system-utils.d.ts.map

package/dist/components/design-system/design-system-utils.js CHANGED Viewed

@@ -100,4 +100,3 @@ export const designSystemComponents = [
         docPath: "/docs/buttons-toggle--docs",
     },
 ];
-//# sourceMappingURL=design-system-utils.js.map

package/dist/components/design-system/overview.d.ts CHANGED Viewed

	@@ -1,2 +1 @@
1 1	export declare const DesignSystemOverview: () => import("react/jsx-runtime").JSX.Element;
2	- //# sourceMappingURL=overview.d.ts.map

package/dist/components/design-system/overview.js CHANGED Viewed

@@ -170,4 +170,3 @@ export const DesignSystemOverview = () => {
     };
     return (_jsx("div", { className: "container mx-auto px-4 py-8", children: _jsx("div", { className: "grid grid-cols-1 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5", children: designSystemComponents.map((component) => (_jsx("div", { className: `${getGridClass(component.name)} p-6 border border-border/50 bg-background`, children: _jsx("div", { className: "space-y-4", children: renderComponentVariations(component.name).map((variation, idx) => (_jsx("div", { className: "flex items-center justify-center", children: variation }, idx))) }) }, component.name))) }) }));
 };
-//# sourceMappingURL=overview.js.map

package/dist/components/design-system.stories.d.ts CHANGED Viewed

@@ -12,4 +12,3 @@ type Story = StoryObj<typeof meta>;
  * Visual overview of all components in the design system.
  */
 export declare const Overview: Story;
-//# sourceMappingURL=design-system.stories.d.ts.map

package/dist/components/design-system.stories.js CHANGED Viewed

@@ -14,4 +14,3 @@ export default meta;
 export const Overview = {
     render: () => _jsx(DesignSystemOverview, {}),
 };
-//# sourceMappingURL=design-system.stories.js.map

package/dist/components/dialog/dialog-skeleton.d.ts CHANGED Viewed

@@ -42,4 +42,3 @@ export interface DialogSkeletonProps extends DialogSkeletonConfig {
  * ```
  */
 export declare function DialogSkeleton({ showHeader, showFooter, contentRows, className, "data-testid": dataTestId, }: DialogSkeletonProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=dialog-skeleton.d.ts.map

package/dist/components/dialog/dialog-skeleton.js CHANGED Viewed

@@ -26,4 +26,3 @@ export function DialogSkeleton({ showHeader = true, showFooter = true, contentRo
                                 : "100%",
                     } }, `content-${i}`))) }), showFooter && (_jsxs("div", { className: "flex justify-end gap-2", children: [_jsx(Skeleton, { className: "h-10 w-24" }), _jsx(Skeleton, { className: "h-10 w-24" })] }))] }));
 }
-//# sourceMappingURL=dialog-skeleton.js.map

package/dist/components/dialog/dialog.d.ts CHANGED Viewed

@@ -21,4 +21,3 @@ declare function DialogDescription({ className, descriptionKey, ...props }: Reac
 }): import("react/jsx-runtime").JSX.Element;
 declare function DialogBody({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
 export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogBody, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };
-//# sourceMappingURL=dialog.d.ts.map

package/dist/components/dialog/dialog.js CHANGED Viewed

@@ -43,4 +43,3 @@ function DialogBody({ className, ...props }) {
     return (_jsx("div", { "data-slot": "dialog-body", className: cn("flex-1 overflow-y-auto px-6 py-4 min-h-0", className), ...props }));
 }
 export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogBody, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };
-//# sourceMappingURL=dialog.js.map

package/dist/components/dialog/dialog.stories.d.ts CHANGED Viewed

@@ -15,4 +15,3 @@ export declare const WithDescription: Story;
 export declare const Sizes: Story;
 export declare const ScrollingContent: Story;
 export declare const LoadingSkeleton: Story;
-//# sourceMappingURL=dialog.stories.d.ts.map

package/dist/components/dialog/dialog.stories.js CHANGED Viewed

@@ -39,4 +39,3 @@ export const LoadingSkeleton = {
         },
     },
 };
-//# sourceMappingURL=dialog.stories.js.map

package/dist/components/dialog/index.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
 export { Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, } from "./dialog";
 export type { DialogSkeletonConfig, DialogSkeletonProps, } from "./dialog-skeleton";
 export { DialogSkeleton } from "./dialog-skeleton";
-//# sourceMappingURL=index.d.ts.map