@classytic/fluid 0.1.1 → 0.2.0

package/dist/use-base-search-AS5Z3SAy.d.ts

@@ -0,0 +1,64 @@
+/**
+ * Filter utilities for building URL parameters
+ * Simplified approach since backend handles all operator parsing
+ */
+interface FilterConfig {
+    paramName: string;
+    type?: "array" | "string" | "number" | "boolean";
+    defaultValue?: unknown;
+}
+interface SearchConfig {
+    basePath: string;
+    searchFields?: Record<string, string>;
+    filterFields?: Record<string, FilterConfig>;
+    defaultSearchType?: string;
+}
+/**
+ * Build URL parameters from filters object
+ */
+declare function buildFilterParams(filters: Record<string, unknown>, filterConfig: Record<string, FilterConfig>): URLSearchParams;
+/**
+ * Build search parameters from search state
+ */
+declare function buildSearchParams(searchType: string, searchValue: string, searchFields: Record<string, string>): URLSearchParams;
+/**
+ * Build listing status parameters (inventory-specific)
+ */
+declare function buildListingStatusParams(listingStatus: Record<string, boolean | undefined>): URLSearchParams;
+/**
+ * Clear specific parameter types from URLSearchParams
+ */
+declare function clearSearchAndFilterParams(params: URLSearchParams, config: SearchConfig): void;
+/**
+ * Get API-ready parameters from URL
+ */
+declare function getApiParams(searchParams: URLSearchParams): Record<string, string>;
+
+interface UseBaseSearchConfig {
+    basePath: string;
+    searchFields?: Record<string, string>;
+    filterFields?: Record<string, FilterConfig>;
+    defaultSearchType?: string;
+}
+interface UseBaseSearchReturn {
+    searchType: string;
+    setSearchType: (type: string) => void;
+    searchValue: string;
+    setSearchValue: (value: string) => void;
+    filters: Record<string, unknown>;
+    setFilters: React.Dispatch<React.SetStateAction<Record<string, unknown>>>;
+    updateFilter: (key: string, value: unknown) => void;
+    handleSearch: () => void;
+    clearSearch: () => void;
+    getSearchParams: () => Record<string, string>;
+    hasActiveSearch: boolean;
+    hasActiveFilters: boolean;
+}
+/**
+ * Base search hook that provides common search functionality
+ * Can be extended by specific search hooks for different entities
+ * Supports bracket syntax: field[operator]=value
+ */
+declare function useBaseSearch(config: UseBaseSearchConfig): UseBaseSearchReturn;
+
+export { type FilterConfig as F, type SearchConfig as S, type UseBaseSearchReturn as U, buildSearchParams as a, buildFilterParams as b, buildListingStatusParams as c, clearSearchAndFilterParams as d, type UseBaseSearchConfig as e, getApiParams as g, useBaseSearch as u };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@classytic/fluid",
-  "version": "0.1.1",
+  "version": "0.2.0",
   "type": "module",
   "description": "Fluid UI - Custom components built on shadcn/ui and base ui by Classytic",
   "main": "./dist/index.js",
@@ -18,11 +18,21 @@
       "types": "./dist/dashboard.d.ts",
       "import": "./dist/dashboard.js"
     },
-    "./styles.css": "./styles.css"
+    "./compact": {
+      "types": "./dist/compact.d.ts",
+      "import": "./dist/compact.js"
+    },
+    "./search": {
+      "types": "./dist/search.d.ts",
+      "import": "./dist/search.js"
+    },
+    "./styles.css": "./styles.css",
+    "./animations.css": "./animations.css"
   },
   "files": [
     "dist",
-    "styles.css"
+    "styles.css",
+    "animations.css"
   ],
   "scripts": {
     "build": "tsup && node scripts/add-use-client.js",
@@ -32,18 +42,18 @@
     "prepublishOnly": "npm run build"
   },
   "peerDependencies": {
-    "react": ">=18.0.0",
-    "react-dom": ">=18.0.0",
-    "lucide-react": ">=0.300.0",
+    "react": ">=19.0.0",
+    "react-dom": ">=19.0.0",
+    "lucide-react": "^0.460.0",
     "class-variance-authority": ">=0.7.0",
-    "clsx": ">=2.0.0",
-    "tailwind-merge": ">=2.0.0",
-    "@tanstack/react-table": ">=8.0.0",
-    "@radix-ui/react-slider": ">=1.0.0",
-    "next": ">=14.0.0",
-    "next-themes": ">=0.3.0",
-    "react-hook-form": ">=7.0.0",
-    "date-fns": ">=3.0.0"
+    "clsx": "^2.1.0",
+    "tailwind-merge": "^2.2.0",
+    "@tanstack/react-table": "^8.21.0",
+    "@radix-ui/react-slider": "^1.3.0",
+    "next": ">=15.0.0",
+    "next-themes": "^0.4.0",
+    "react-hook-form": "^7.54.0",
+    "date-fns": "^4.1.0"
   },
   "peerDependenciesMeta": {
     "@tanstack/react-table": {
@@ -52,6 +62,9 @@
     "@radix-ui/react-slider": {
       "optional": true
     },
+    "next": {
+      "optional": true
+    },
     "next-themes": {
       "optional": true
     },
@@ -66,18 +79,18 @@
     "@types/node": "^22.0.0",
     "@types/react": "^19.0.0",
     "@types/react-dom": "^19.0.0",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0",
+    "react": ">=19.0.0",
+    "react-dom": ">=19.0.0",
     "tsup": "^8.5.0",
     "typescript": "^5.7.0",
     "rimraf": "^5.0.0",
     "lucide-react": "^0.460.0",
-    "class-variance-authority": "^0.7.0",
+    "class-variance-authority": ">=0.7.0",
     "clsx": "^2.1.0",
     "tailwind-merge": "^2.2.0",
     "@tanstack/react-table": "^8.21.0",
     "@radix-ui/react-slider": "^1.3.0",
-    "next": "^15.0.0",
+    "next": ">=15.0.0",
     "next-themes": "^0.4.0",
     "react-hook-form": "^7.54.0",
     "date-fns": "^4.1.0"
@@ -104,7 +117,7 @@
     "classytic"
   ],
   "author": "Classytic",
-  "license": "UNLICENSED",
+  "license": "MIT",
   "sideEffects": [
     "*.css"
   ]

package/styles.css

@@ -10,3 +10,6 @@
 
 /* Scan fluid dist folder for Tailwind classes */
 @source "./dist";
+
+/* Animation tokens, keyframes & reduced-motion */
+@import "./animations.css";