@shipfox/react-ui 0.26.0 → 0.28.0

package/dist/components/dot-grid/dot-grid.js

@@ -1,9 +1,14 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { gsap } from 'gsap';
-import { InertiaPlugin } from 'gsap/InertiaPlugin';
 import { useCallback, useEffect, useMemo, useRef } from 'react';
 import { cn } from '../../utils/index.js';
-gsap.registerPlugin(InertiaPlugin);
+let inertiaPluginRegistered = false;
+async function ensureInertiaPlugin() {
+    if (inertiaPluginRegistered) return;
+    const { InertiaPlugin } = await import('gsap/InertiaPlugin');
+    gsap.registerPlugin(InertiaPlugin);
+    inertiaPluginRegistered = true;
+}
 const HEX_COLOR_REGEX = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i;
 const throttle = (func, limit)=>{
     let lastCall = 0;
@@ -168,6 +173,7 @@ export function DotGrid({ dotSize = 16, gap = 32, baseColor = '#5227FF', activeC
         buildGrid
     ]);
     useEffect(()=>{
+        ensureInertiaPlugin();
         const onMove = (e)=>{
             const now = performance.now();
             const pr = pointerRef.current;

package/dist/components/slider/slider.js

@@ -26,10 +26,10 @@ function Slider({ className, defaultValue, value, min = 0, max = 100, trackClass
                     className: cn(rangeDefaults, rangeClassName)
                 })
             }),
-            values.map((val)=>/*#__PURE__*/ _jsx(SliderPrimitive.Thumb, {
+            values.map((_, index)=>/*#__PURE__*/ _jsx(SliderPrimitive.Thumb, {
                     "data-slot": "slider-thumb",
                     className: cn(thumbDefaults, thumbClassName)
-                }, val))
+                }, `thumb-${index.toString()}`))
         ]
     });
 }

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

@@ -64,13 +64,14 @@ export function DataTable({ columns, data, pagination = true, pageSize = 10, pag
         columns,
         showSelectedCount
     ]);
+    const isPaginationNeeded = pagination && data.length > pageSize;
     const table = useReactTable({
         data,
         columns: columnsWithSelection,
         getCoreRowModel: getCoreRowModel(),
         getFilteredRowModel: getFilteredRowModel(),
         getSortedRowModel: getSortedRowModel(),
-        getPaginationRowModel: pagination ? getPaginationRowModel() : undefined,
+        getPaginationRowModel: isPaginationNeeded ? getPaginationRowModel() : undefined,
         enableRowSelection: showSelectedCount,
         onSortingChange: setSorting,
         onColumnFiltersChange: setColumnFilters,
@@ -82,21 +83,21 @@ export function DataTable({ columns, data, pagination = true, pageSize = 10, pag
             columnFilters,
             columnVisibility,
             rowSelection,
-            pagination: pagination ? paginationState : undefined
+            pagination: isPaginationNeeded ? paginationState : undefined
         }
     });
     const rowModel = table.getRowModel();
     const rowCount = rowModel.rows.length;
     const hasRows = rowCount > 0;
-    const currentPageSize = pagination ? paginationState.pageSize : pageSize;
+    const currentPageSize = isPaginationNeeded ? paginationState.pageSize : pageSize;
     const skeletonRowCount = currentPageSize > 5 ? 5 : currentPageSize;
     const headerHeight = 40;
     const rowHeight = 46;
     const paginationHeight = 52.5;
     const rowsForHeight = hasRows ? currentPageSize : 5;
-    const shouldShowPagination = pagination && hasRows;
-    const minTableHeight = pagination ? headerHeight + rowsForHeight * rowHeight + (shouldShowPagination ? paginationHeight : 0) : undefined;
-    const emptyRowCount = pagination && hasRows ? Math.max(0, currentPageSize - rowCount) : 0;
+    const shouldShowPagination = isPaginationNeeded && hasRows;
+    const minTableHeight = isPaginationNeeded ? headerHeight + rowsForHeight * rowHeight + (shouldShowPagination ? paginationHeight : 0) : undefined;
+    const emptyRowCount = isPaginationNeeded && hasRows ? Math.max(0, currentPageSize - rowCount) : 0;
     if (isLoading) {
         return /*#__PURE__*/ _jsx(Card, {
             className: cn('p-0 gap-0', className),

package/dist/components/table/table.stories.data.js

@@ -75,7 +75,7 @@
 };
 /**
  * Sample job data
- */ export const jobsData = generateJobData(51);
+ */ export const jobsData = generateJobData(11);
 /**
  * Sample search job data
  */ export const searchJobsData = generateSearchJobData(50);

package/dist/index.d.ts

@@ -1,5 +1,6 @@
 export { ShipfoxLoader } from 'shipfox-loader-react';
 export * from './components';
 export * from './hooks';
+export type { Theme, ThemeProviderState } from './state/theme';
 export * from './utils';
 //# sourceMappingURL=index.d.ts.map

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@shipfox/react-ui",
   "license": "MIT",
-  "version": "0.26.0",
+  "version": "0.28.0",
   "private": false,
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -11,9 +11,21 @@
     "dist/**/*.js",
     "dist/**/*.d.ts",
     "dist/styles.css",
+    "tailwind.config.ts",
     "README.md",
     "LICENSE"
   ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./tailwind.config": {
+      "types": "./tailwind.config.ts",
+      "default": "./tailwind.config.ts"
+    },
+    "./dist/styles.css": "./dist/styles.css"
+  },
   "dependencies": {
     "@radix-ui/react-accordion": "^1.2.12",
     "@radix-ui/react-alert-dialog": "^1.1.15",
@@ -86,10 +98,10 @@
     "vitest": "^4.0.8",
     "zod": "^4.1.12",
     "@shipfox/biome": "1.6.0",
-    "@shipfox/ts-config": "1.3.5",
-    "@shipfox/vite": "1.2.2",
     "@shipfox/swc": "1.2.3",
+    "@shipfox/ts-config": "1.3.5",
     "@shipfox/typescript": "1.1.2",
+    "@shipfox/vite": "1.2.2",
     "@shipfox/vitest": "1.2.0"
   },
   "scripts": {