nest-filter 1.0.13 → 1.0.15

package/dist/components/AdvancedFilter.js

@@ -1,9 +1,9 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState, useEffect, useCallback } from 'react';
-import { Button } from './ui/button.js';
-import { Input } from './ui/input.js';
-import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from './ui/select.js';
-import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription } from './ui/dialog.js';
+import { Button } from './ui/Button.js';
+import { Input } from './ui/Input.js';
+import { Select } from './ui/Select.js';
+import { Dialog } from './ui/Dialog.js';
 import { FilterX, Plus, Layers, Trash2, Binary, ListFilter } from 'lucide-react';
 import { applyFilters } from '../utils/filterLogic.js';
 
@@ -45,54 +45,16 @@ const getOperatorsForType = (type) => {
     }
 };
 const FilterGroupUI = ({ group, depth, columns, onAddRule, onAddGroup, onUpdateRule, onUpdateGroupLogic, onRemoveItem, }) => {
-    return (jsxs("div", { style: {
-            borderRadius: '0.5rem',
-            border: '1px solid #e2e8f0',
-            backgroundColor: 'rgba(248, 250, 252, 0.5)',
-            padding: '1rem',
-            marginBottom: '1rem',
-            ...(depth > 0 ? {
-                marginLeft: '2.5rem',
-                position: 'relative',
-                borderLeft: '2px solid #cbd5e1'
-            } : {})
-        }, children: [jsxs("div", { style: { display: 'flex', flexWrap: 'wrap', alignItems: 'center', justifyContent: 'space-between', gap: '1rem', marginBottom: '1rem' }, children: [jsxs("div", { className: "flex items-center gap-2", children: [jsx("span", { style: { fontSize: '10px', fontWeight: 'bold', textTransform: 'uppercase', letterSpacing: '0.1em', color: '#64748b' }, children: "Group Logic" }), jsxs("div", { className: "flex rounded-md border border-slate-200 bg-white p-1 shadow-sm", children: [jsx(Button, { variant: group.logic === "AND" ? "default" : "destructive", onClick: () => onUpdateGroupLogic(group.id, "AND"), style: {
-                                            paddingLeft: '0.75rem',
-                                            paddingRight: '0.75rem',
-                                            paddingTop: '0.25rem',
-                                            paddingBottom: '0.25rem',
-                                            fontSize: '10px',
-                                            fontWeight: '900',
-                                            borderRadius: '0.125rem',
-                                            transition: 'all 0.15s ease-in-out',
-                                            ...(group.logic === "AND"
-                                                ? { backgroundColor: '#0f172a', color: '#f8fafc' }
-                                                : { color: '#64748b' })
-                                        }, children: "AND" }), jsx(Button, { variant: group.logic === "OR" ? "default" : "destructive", onClick: () => onUpdateGroupLogic(group.id, "OR"), style: {
-                                            paddingLeft: '0.75rem',
-                                            paddingRight: '0.75rem',
-                                            paddingTop: '0.25rem',
-                                            paddingBottom: '0.25rem',
-                                            fontSize: '10px',
-                                            fontWeight: '900',
-                                            borderRadius: '0.125rem',
-                                            transition: 'all 0.15s ease-in-out',
-                                            ...(group.logic === "OR"
-                                                ? { backgroundColor: '#0f172a', color: '#f8fafc' }
-                                                : { color: '#64748b' })
-                                        }, children: "OR" })] })] }), jsxs("div", { className: "flex items-center gap-2", children: [jsxs(Button, { variant: "outline", size: "sm", onClick: () => onAddRule(group.id), style: { height: '1.75rem', fontSize: '10px', fontWeight: 'bold', textTransform: 'uppercase' }, children: [jsx(Plus, { className: "mr-1 h-3 w-3" }), " Rule"] }), jsxs(Button, { variant: "outline", size: "sm", onClick: () => onAddGroup(group.id), className: "h-7 text-[10px] font-bold uppercase", children: [jsx(Layers, { className: "mr-1 h-3 w-3" }), " Group"] }), depth > 0 && (jsx(Button, { variant: "ghost", size: "sm", onClick: () => onRemoveItem(group.id), style: { color: '#94a3b8' }, children: jsx(Trash2, { className: "h-5 w-5 text-red-500" }) }))] })] }), jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '0.75rem' }, children: [group.items.map((item) => {
+    return (jsxs("div", { className: `rounded-lg border border-slate-200 bg-slate-50/50 p-4 mb-4 ${depth > 0 ? "ml-6 md:ml-10 relative border-l-2 border-l-slate-300" : ""}`, children: [jsxs("div", { className: "flex flex-wrap items-center justify-between gap-4 mb-4", children: [jsxs("div", { className: "flex items-center gap-2", children: [jsx("span", { className: "text-[10px] font-bold uppercase tracking-widest text-slate-500", children: "Group Logic" }), jsxs("div", { className: "flex rounded-md border border-slate-200 bg-white p-1 shadow-sm", children: [jsx("button", { onClick: () => onUpdateGroupLogic(group.id, "AND"), className: `px-3 py-1 text-[10px] font-black rounded-sm transition-all ${group.logic === "AND"
+                                            ? "bg-slate-900 text-slate-50"
+                                            : "text-slate-500 hover:text-slate-900"}`, children: "AND" }), jsx("button", { onClick: () => onUpdateGroupLogic(group.id, "OR"), className: `px-3 py-1 text-[10px] font-black rounded-sm transition-all ${group.logic === "OR"
+                                            ? "bg-slate-900 text-slate-50"
+                                            : "text-slate-500 hover:text-slate-900"}`, children: "OR" })] })] }), jsxs("div", { className: "flex items-center gap-2", children: [jsxs(Button, { variant: "outline", size: "sm", onClick: () => onAddRule(group.id), className: "h-7 text-[10px] font-bold uppercase", children: [jsx(Plus, { className: "mr-1 h-3 w-3" }), " Rule"] }), jsxs(Button, { variant: "outline", size: "sm", onClick: () => onAddGroup(group.id), className: "h-7 text-[10px] font-bold uppercase", children: [jsx(Layers, { className: "mr-1 h-3 w-3" }), " Group"] }), depth > 0 && (jsx(Button, { variant: "ghost", size: "sm", onClick: () => onRemoveItem(group.id), className: "text-slate-400", children: jsx(Trash2, { className: "h-5 w-5 text-red-500" }) }))] })] }), jsxs("div", { className: "space-y-3", children: [group.items.map((item) => {
                         const column = columns.find((c) => c.id === (item.type === "rule" ? item.columnId : null));
-                        return item.type === "rule" ? (jsxs("div", { style: {
-                                display: 'flex',
-                                flexDirection: 'row',
-                                alignItems: 'center',
-                                gap: '0.75rem',
-                                padding: '0.75rem',
-                                backgroundColor: 'white',
-                                border: '1px solid #e2e8f0',
-                                borderRadius: '0.375rem',
-                                boxShadow: '0 1px 2px 0 rgba(0, 0, 0, 0.05)'
-                            }, children: [jsx("div", { style: { flex: 1, minWidth: '140px', width: '20%' }, children: jsxs(Select, { value: item.columnId, onValueChange: (val) => {
+                        return item.type === "rule" ? (jsxs("div", { className: "flex flex-col md:flex-row md:items-center gap-3 p-3 bg-white border border-slate-200 rounded-md shadow-sm", children: [jsx("div", { className: "w-1/5", children: jsx(Select, { value: item.columnId, options: columns.map((c) => ({
+                                            value: c.id,
+                                            label: c.label,
+                                        })), onValueChange: (val) => {
                                             const colId = val;
                                             const col = columns.find((c) => c.id === colId);
                                             onUpdateRule(item.id, {
@@ -106,7 +68,10 @@ const FilterGroupUI = ({ group, depth, columns, onAddRule, onAddGroup, onUpdateR
                                                             : "contains",
                                                 value: "",
                                             });
-                                        }, children: [jsx(SelectTrigger, { className: "w-full", children: jsx(SelectValue, { placeholder: "Select column..." }) }), jsx(SelectContent, { children: columns.map((c) => (jsx(SelectItem, { value: c.id, children: c.label }, c.id))) })] }) }), jsx("div", { className: "w-full md:w-1/5", children: jsxs(Select, { value: item.operator, onValueChange: (val) => onUpdateRule(item.id, { operator: val }), children: [jsx(SelectTrigger, { className: "w-full", children: jsx(SelectValue, { placeholder: "Select operator..." }) }), jsx(SelectContent, { className: "z-[100]", children: getOperatorsForType(column?.type || "string").map((op) => (jsx(SelectItem, { value: op.value, children: op.label }, op.value))) })] }) }), jsx("div", { style: { width: '100%' }, children: column?.type === "date" ? (jsx(Input, { type: "date", value: item.value || "", onChange: (e) => onUpdateRule(item.id, { value: e.target.value }) })) : column?.type === "boolean" ? (jsxs("div", { className: "h-10 flex items-center px-3 border border-slate-200 rounded-md bg-slate-50 text-[10px] font-black uppercase tracking-tighter text-slate-400 italic", children: [jsx(Binary, { className: "h-3 w-3 mr-2" }), "Binary state"] })) : column?.type === "select" ? (jsxs(Select, { value: item.value || "", onValueChange: (val) => onUpdateRule(item.id, { value: val }), children: [jsx(SelectTrigger, { className: "w-full", children: jsx(SelectValue, { placeholder: "Choose option..." }) }), jsx(SelectContent, { className: "z-[100]", children: (column.options || []).map((opt) => (jsx(SelectItem, { value: opt, children: opt }, opt))) })] })) : (jsx(Input, { placeholder: "Search query...", value: item.value || "", onChange: (e) => onUpdateRule(item.id, { value: e.target.value }) })) }), jsx(Button, { variant: "ghost", size: "icon", onClick: () => onRemoveItem(item.id), style: { height: '2.25rem', width: '2.25rem', color: '#cbd5e1' }, children: jsx(Trash2, { className: "h-5 w-5 text-red-500" }) })] }, item.id)) : (jsx(FilterGroupUI, { group: item, depth: depth + 1, columns: columns, onAddRule: onAddRule, onAddGroup: onAddGroup, onUpdateRule: onUpdateRule, onUpdateGroupLogic: onUpdateGroupLogic, onRemoveItem: onRemoveItem }));
+                                        }, className: "w-full" }) }), jsx("div", { className: "w-1/5", children: jsx(Select, { value: item.operator, options: getOperatorsForType(column?.type || "string"), onValueChange: (val) => onUpdateRule(item.id, { operator: val }), className: "w-full" }) }), jsx("div", { className: "w-2/5", children: column?.type === "date" ? (jsx(Input, { type: "date", value: item.value || "", onChange: (e) => onUpdateRule(item.id, { value: e.target.value }), className: "w-full" })) : column?.type === "boolean" ? (jsxs("div", { className: "h-10 flex items-center px-3 border border-slate-200 rounded-md bg-slate-50 text-[10px] font-black uppercase tracking-tighter text-slate-400 italic", children: [jsx(Binary, { className: "h-3 w-3 mr-2" }), "Binary state"] })) : column?.type === "select" ? (jsx(Select, { value: item.value || "", placeholder: "Choose option...", options: (column.options || []).map((opt) => ({
+                                            value: opt,
+                                            label: opt,
+                                        })), onValueChange: (val) => onUpdateRule(item.id, { value: val }), className: "w-full" })) : (jsx(Input, { placeholder: "Search query...", value: item.value || "", onChange: (e) => onUpdateRule(item.id, { value: e.target.value }), className: "w-full" })) }), jsx(Button, { variant: "ghost", size: "icon", onClick: () => onRemoveItem(item.id), className: "h-9 w-9 text-slate-300 hover:text-red-500 hover:bg-red-50", children: jsx(Trash2, { className: "h-5 w-5 text-red-500" }) })] }, item.id)) : (jsx(FilterGroupUI, { group: item, depth: depth + 1, columns: columns, onAddRule: onAddRule, onAddGroup: onAddGroup, onUpdateRule: onUpdateRule, onUpdateGroupLogic: onUpdateGroupLogic, onRemoveItem: onRemoveItem }));
                     }), group.items.length === 0 && (jsxs("div", { className: "flex flex-col items-center justify-center py-6 rounded-md border border-dashed border-slate-200 bg-white/50", children: [jsx(ListFilter, { className: "h-5 w-5 text-slate-300 mb-1" }), jsx("p", { className: "text-[10px] text-slate-400 font-bold uppercase tracking-widest", children: "Add a rule to filter" })] }))] })] }));
 };
 const AdvancedFilter = ({ isOpen, onClose, data, columns, setFilteredData, initialFilters, }) => {
@@ -191,7 +156,7 @@ const AdvancedFilter = ({ isOpen, onClose, data, columns, setFilteredData, initi
         setFilteredData(data);
         onClose();
     };
-    return (jsx(Dialog, { open: isOpen, onOpenChange: onClose, children: jsx(DialogContent, { className: "min-w-[80vw]", children: jsxs(DialogHeader, { style: { width: '100%' }, children: [jsx(DialogTitle, { children: "Advanced Filters" }), jsx(DialogDescription, { children: "Refine your dataset using structured logic and multi-type comparisons." }), jsx("div", { style: { maxHeight: '60vh', width: '100%', overflowY: 'auto', paddingLeft: '0.25rem', paddingRight: '0.75rem', paddingBottom: '8rem' }, children: jsx(FilterGroupUI, { group: rootGroup, depth: 0, columns: columns, onAddRule: handleAddRule, onAddGroup: handleAddGroup, onUpdateRule: handleUpdateRule, onUpdateGroupLogic: handleUpdateGroupLogic, onRemoveItem: handleRemoveItem }) }), jsxs("div", { className: "flex w-full justify-between items-center gap-4", children: [jsxs(Button, { variant: "ghost", onClick: handleClear, style: { color: '#94a3b8', fontWeight: '900', fontSize: '10px', textTransform: 'uppercase', letterSpacing: '0.1em', gap: '0.5rem' }, children: [jsx(FilterX, { className: "h-4 w-4" }), " Reset Filters"] }), jsxs("div", { className: "flex gap-2", children: [jsx(Button, { variant: "outline", onClick: onClose, className: "font-bold h-11 px-6", children: "Cancel" }), jsx(Button, { onClick: handleApply, className: "font-bold h-11 px-10 rounded-lg shadow-lg hover:shadow-xl transition-shadow", children: "Apply View" })] })] })] }) }) }));
+    return (jsxs(Dialog, { open: isOpen, onOpenChange: onClose, title: "Advanced Filters", description: "Refine your dataset using structured logic and multi-type comparisons.", children: [jsx("div", { className: "max-h-[60vh] max-w-[70vw] overflow-y-auto px-1 custom-scrollbar pr-3 pb-32", children: jsx(FilterGroupUI, { group: rootGroup, depth: 0, columns: columns, onAddRule: handleAddRule, onAddGroup: handleAddGroup, onUpdateRule: handleUpdateRule, onUpdateGroupLogic: handleUpdateGroupLogic, onRemoveItem: handleRemoveItem }) }), jsxs("div", { className: "flex w-full justify-between items-center gap-4", children: [jsxs(Button, { variant: "ghost", onClick: handleClear, className: "text-slate-400 hover:text-red-500 font-black text-[10px] uppercase tracking-widest gap-2", children: [jsx(FilterX, { className: "h-4 w-4" }), " Reset Filters"] }), jsxs("div", { className: "flex gap-2", children: [jsx(Button, { variant: "outline", onClick: onClose, className: "font-bold h-11 px-6", children: "Cancel" }), jsx(Button, { onClick: handleApply, className: "bg-slate-900 font-bold h-11 px-10 rounded-lg shadow-lg hover:shadow-xl transition-shadow", children: "Apply View" })] })] })] }));
 };
 
 export { AdvancedFilter };

package/dist/components/AdvancedFilter.js.map

@@ -1 +1 @@
-{"version":3,"file":"AdvancedFilter.js","sources":["../../src/components/AdvancedFilter.tsx"],"sourcesContent":["import React, { useState, useEffect, useCallback } from \"react\";\nimport {\n  FilterRule,\n  FilterGroup,\n  ColumnDefinition,\n  LogicalOperator,\n  FilterOperator,\n  FilterItem,\n} from \"../types\";\nimport { Button } from \"./ui/button\";\nimport { Input } from \"./ui/input\";\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from \"./ui/select\";\nimport {\n  Dialog,\n  DialogContent,\n  DialogHeader,\n  DialogTitle,\n  DialogDescription,\n} from \"./ui/dialog\";\nimport {\n  Plus,\n  Trash2,\n  Layers,\n  Binary,\n  FilterX,\n  ListFilter,\n} from \"lucide-react\";\nimport { applyFilters } from \"../utils/filterLogic\";\n\ninterface AdvancedFilterProps<T> {\n  isOpen: boolean;\n  onClose: () => void;\n  data: T[];\n  columns: ColumnDefinition<T>[];\n  setFilteredData: (data: T[]) => void;\n  initialFilters?: FilterGroup<T>;\n}\n\nconst getOperatorsForType = (\n  type: string\n): { value: FilterOperator; label: string }[] => {\n  switch (type) {\n    case \"string\":\n      return [\n        { value: \"contains\", label: \"Contains\" },\n        { value: \"not_contains\", label: \"Does not contain\" },\n        { value: \"equals\", label: \"Exact match\" },\n      ];\n    case \"select\":\n      return [\n        { value: \"equals\", label: \"Is\" },\n        { value: \"not_equals\", label: \"Is not\" },\n      ];\n    case \"number\":\n      return [\n        { value: \"equals\", label: \"=\" },\n        { value: \"not_equals\", label: \"!=\" },\n        { value: \"gt\", label: \">\" },\n        { value: \"lt\", label: \"<\" },\n        { value: \"gte\", label: \">=\" },\n        { value: \"lte\", label: \"<=\" },\n      ];\n    case \"date\":\n      return [\n        { value: \"is\", label: \"On date\" },\n        { value: \"before\", label: \"Before\" },\n        { value: \"after\", label: \"After\" },\n      ];\n    case \"boolean\":\n      return [\n        { value: \"true\", label: \"True\" },\n        { value: \"false\", label: \"False\" },\n      ];\n    default:\n      return [];\n  }\n};\n\nconst FilterGroupUI = <T,>({\n  group,\n  depth,\n  columns,\n  onAddRule,\n  onAddGroup,\n  onUpdateRule,\n  onUpdateGroupLogic,\n  onRemoveItem,\n}: {\n  group: FilterGroup<T>;\n  depth: number;\n  columns: ColumnDefinition<T>[];\n  onAddRule: (parentId: string) => void;\n  onAddGroup: (parentId: string) => void;\n  onUpdateRule: (ruleId: string, updates: Partial<FilterRule<T>>) => void;\n  onUpdateGroupLogic: (groupId: string, logic: LogicalOperator) => void;\n  onRemoveItem: (itemId: string) => void;\n}) => {\n  return (\n    <div\n      style={{\n        borderRadius: '0.5rem',\n        border: '1px solid #e2e8f0',\n        backgroundColor: 'rgba(248, 250, 252, 0.5)',\n        padding: '1rem',\n        marginBottom: '1rem',\n        ...(depth > 0 ? {\n          marginLeft: '2.5rem',\n          position: 'relative',\n          borderLeft: '2px solid #cbd5e1'\n        } : {})\n      }}\n    >\n      <div style={{ display: 'flex', flexWrap: 'wrap', alignItems: 'center', justifyContent: 'space-between', gap: '1rem', marginBottom: '1rem' }}>\n        <div className=\"flex items-center gap-2\">\n          <span style={{ fontSize: '10px', fontWeight: 'bold', textTransform: 'uppercase', letterSpacing: '0.1em', color: '#64748b' }}>\n            Group Logic\n          </span>\n          <div className=\"flex rounded-md border border-slate-200 bg-white p-1 shadow-sm\">\n            <Button\n              variant={group.logic === \"AND\" ? \"default\" : \"destructive\"}\n              onClick={() => onUpdateGroupLogic(group.id, \"AND\")}\n              style={{\n                paddingLeft: '0.75rem',\n                paddingRight: '0.75rem',\n                paddingTop: '0.25rem',\n                paddingBottom: '0.25rem',\n                fontSize: '10px',\n                fontWeight: '900',\n                borderRadius: '0.125rem',\n                transition: 'all 0.15s ease-in-out',\n                ...(group.logic === \"AND\"\n                  ? { backgroundColor: '#0f172a', color: '#f8fafc' }\n                  : { color: '#64748b' })\n              }}\n            >\n              AND\n            </Button>\n            <Button\n              variant={group.logic === \"OR\" ? \"default\" : \"destructive\"}\n              onClick={() => onUpdateGroupLogic(group.id, \"OR\")}\n              style={{\n                paddingLeft: '0.75rem',\n                paddingRight: '0.75rem',\n                paddingTop: '0.25rem',\n                paddingBottom: '0.25rem',\n                fontSize: '10px',\n                fontWeight: '900',\n                borderRadius: '0.125rem',\n                transition: 'all 0.15s ease-in-out',\n                ...(group.logic === \"OR\"\n                  ? { backgroundColor: '#0f172a', color: '#f8fafc' }\n                  : { color: '#64748b' })\n              }}\n            >\n              OR\n            </Button>\n          </div>\n        </div>\n\n        <div className=\"flex items-center gap-2\">\n          <Button\n            variant=\"outline\"\n            size=\"sm\"\n            onClick={() => onAddRule(group.id)}\n            style={{ height: '1.75rem', fontSize: '10px', fontWeight: 'bold', textTransform: 'uppercase' }}\n          >\n            <Plus className=\"mr-1 h-3 w-3\" /> Rule\n          </Button>\n          <Button\n            variant=\"outline\"\n            size=\"sm\"\n            onClick={() => onAddGroup(group.id)}\n            className=\"h-7 text-[10px] font-bold uppercase\"\n          >\n            <Layers className=\"mr-1 h-3 w-3\" /> Group\n          </Button>\n          {depth > 0 && (\n            <Button\n              variant=\"ghost\"\n              size=\"sm\"\n              onClick={() => onRemoveItem(group.id)}\n              style={{ color: '#94a3b8' }}\n            >\n              <Trash2 className=\"h-5 w-5 text-red-500\" />\n            </Button>\n          )}\n        </div>\n      </div>\n\n      <div style={{ display: 'flex', flexDirection: 'column', gap: '0.75rem' }}>\n        {group.items.map((item) => {\n          const column = columns.find(\n            (c) => c.id === (item.type === \"rule\" ? item.columnId : null)\n          );\n          return item.type === \"rule\" ? (\n            <div\n              key={item.id}\n              style={{\n                display: 'flex',\n                flexDirection: 'row',\n                alignItems: 'center',\n                gap: '0.75rem',\n                padding: '0.75rem',\n                backgroundColor: 'white',\n                border: '1px solid #e2e8f0',\n                borderRadius: '0.375rem',\n                boxShadow: '0 1px 2px 0 rgba(0, 0, 0, 0.05)'\n              }}\n            >\n              <div style={{ flex: 1, minWidth: '140px', width: '20%' }}>\n                <Select\n                  value={item.columnId as string}\n                  onValueChange={(val) => {\n                    const colId = val as keyof T;\n                    const col = columns.find((c) => c.id === colId);\n                    onUpdateRule(item.id, {\n                      columnId: colId,\n                      operator:\n                        col?.type === \"date\"\n                          ? \"is\"\n                          : col?.type === \"number\"\n                          ? \"equals\"\n                          : col?.type === \"select\"\n                          ? \"equals\"\n                          : \"contains\",\n                      value: \"\",\n                    });\n                  }}\n                >\n                  <SelectTrigger className=\"w-full\">\n                    <SelectValue placeholder=\"Select column...\" />\n                  </SelectTrigger>\n                  <SelectContent>\n                    {columns.map((c) => (\n                      <SelectItem key={c.id as string} value={c.id as string}>\n                        {c.label}\n                      </SelectItem>\n                    ))}\n                  </SelectContent>\n                </Select>\n              </div>\n              <div className=\"w-full md:w-1/5\">\n                <Select\n                  value={item.operator}\n                  onValueChange={(val) =>\n                    onUpdateRule(item.id, { operator: val as FilterOperator })\n                  }\n                >\n                  <SelectTrigger className=\"w-full\">\n                    <SelectValue placeholder=\"Select operator...\" />\n                  </SelectTrigger>\n                  <SelectContent className=\"z-[100]\">\n                    {getOperatorsForType(column?.type || \"string\").map((op) => (\n                      <SelectItem key={op.value} value={op.value}>\n                        {op.label}\n                      </SelectItem>\n                    ))}\n                  </SelectContent>\n                </Select>\n              </div>\n              <div style={{ width: '100%' }}>\n                {column?.type === \"date\" ? (\n                  <Input\n                    type=\"date\"\n                    value={item.value || \"\"}\n                    onChange={(e) =>\n                      onUpdateRule(item.id, { value: e.target.value })\n                    }\n                  />\n                ) : column?.type === \"boolean\" ? (\n                  <div className=\"h-10 flex items-center px-3 border border-slate-200 rounded-md bg-slate-50 text-[10px] font-black uppercase tracking-tighter text-slate-400 italic\">\n                    <Binary className=\"h-3 w-3 mr-2\" />\n                    Binary state\n                  </div>\n                ) : column?.type === \"select\" ? (\n                  <Select\n                    value={item.value || \"\"}\n                    onValueChange={(val) =>\n                      onUpdateRule(item.id, { value: val })\n                    }\n                  >\n                    <SelectTrigger className=\"w-full\">\n                      <SelectValue placeholder=\"Choose option...\" />\n                    </SelectTrigger>\n                    <SelectContent className=\"z-[100]\">\n                      {(column.options || []).map((opt) => (\n                        <SelectItem key={opt} value={opt}>\n                          {opt}\n                        </SelectItem>\n                      ))}\n                    </SelectContent>\n                  </Select>\n                ) : (\n                  <Input\n                    placeholder=\"Search query...\"\n                    value={item.value || \"\"}\n                    onChange={(e) =>\n                      onUpdateRule(item.id, { value: e.target.value })\n                    }\n                  />\n                )}\n              </div>\n              <Button\n                variant=\"ghost\"\n                size=\"icon\"\n                onClick={() => onRemoveItem(item.id)}\n                style={{ height: '2.25rem', width: '2.25rem', color: '#cbd5e1' }}\n              >\n                <Trash2 className=\"h-5 w-5 text-red-500\" />\n              </Button>\n            </div>\n          ) : (\n            <FilterGroupUI\n              group={item}\n              depth={depth + 1}\n              columns={columns}\n              onAddRule={onAddRule}\n              onAddGroup={onAddGroup}\n              onUpdateRule={onUpdateRule}\n              onUpdateGroupLogic={onUpdateGroupLogic}\n              onRemoveItem={onRemoveItem}\n            />\n          );\n        })}\n        {group.items.length === 0 && (\n          <div className=\"flex flex-col items-center justify-center py-6 rounded-md border border-dashed border-slate-200 bg-white/50\">\n            <ListFilter className=\"h-5 w-5 text-slate-300 mb-1\" />\n            <p className=\"text-[10px] text-slate-400 font-bold uppercase tracking-widest\">\n              Add a rule to filter\n            </p>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport const AdvancedFilter = <T,>({\n  isOpen,\n  onClose,\n  data,\n  columns,\n  setFilteredData,\n  initialFilters,\n}: AdvancedFilterProps<T>) => {\n  const [rootGroup, setRootGroup] = useState<FilterGroup<T>>({\n    type: \"group\",\n    id: \"root\",\n    logic: \"AND\",\n    items: [],\n  });\n\n  useEffect(() => {\n    if (initialFilters) setRootGroup(initialFilters);\n  }, [initialFilters, isOpen]);\n\n  const updateItemRecursively = useCallback(\n    (\n      group: FilterGroup<T>,\n      targetId: string,\n      updater: (item: FilterItem<T>) => FilterItem<T> | null\n    ): FilterGroup<T> => {\n      if (group.id === targetId) return updater(group) as FilterGroup<T>;\n      return {\n        ...group,\n        items: group.items\n          .map((item) => {\n            if (item.id === targetId) return updater(item);\n            if (item.type === \"group\")\n              return updateItemRecursively(item, targetId, updater);\n            return item;\n          })\n          .filter(Boolean) as FilterItem<T>[],\n      };\n    },\n    []\n  );\n\n  const handleAddRule = useCallback(\n    (parentId: string) => {\n      const firstCol = columns[0];\n      const newRule: FilterRule<T> = {\n        type: \"rule\",\n        id: Math.random().toString(36).substr(2, 9),\n        columnId: firstCol.id,\n        operator:\n          firstCol.type === \"string\"\n            ? \"contains\"\n            : firstCol.type === \"select\"\n            ? \"equals\"\n            : \"equals\",\n        value: \"\",\n      };\n      setRootGroup((prev) =>\n        updateItemRecursively(prev, parentId, (group) => ({\n          ...(group as FilterGroup<T>),\n          items: [...(group as FilterGroup<T>).items, newRule],\n        }))\n      );\n    },\n    [columns, updateItemRecursively]\n  );\n\n  const handleAddGroup = useCallback(\n    (parentId: string) => {\n      const newGroup: FilterGroup<T> = {\n        type: \"group\",\n        id: Math.random().toString(36).substr(2, 9),\n        logic: \"AND\",\n        items: [],\n      };\n      setRootGroup((prev) =>\n        updateItemRecursively(prev, parentId, (group) => ({\n          ...(group as FilterGroup<T>),\n          items: [...(group as FilterGroup<T>).items, newGroup],\n        }))\n      );\n    },\n    [updateItemRecursively]\n  );\n\n  const handleUpdateRule = useCallback(\n    (ruleId: string, updates: Partial<FilterRule<T>>) => {\n      setRootGroup((prev) =>\n        updateItemRecursively(\n          prev,\n          ruleId,\n          (rule) => ({ ...rule, ...updates } as FilterRule<T>)\n        )\n      );\n    },\n    [updateItemRecursively]\n  );\n\n  const handleUpdateGroupLogic = useCallback(\n    (groupId: string, logic: LogicalOperator) => {\n      setRootGroup((prev) =>\n        updateItemRecursively(\n          prev,\n          groupId,\n          (group) => ({ ...group, logic } as FilterGroup<T>)\n        )\n      );\n    },\n    [updateItemRecursively]\n  );\n\n  const handleRemoveItem = useCallback(\n    (itemId: string) => {\n      setRootGroup((prev) => updateItemRecursively(prev, itemId, () => null));\n    },\n    [updateItemRecursively]\n  );\n\n  const handleApply = () => {\n    const filtered = applyFilters(data, rootGroup, columns);\n    setFilteredData(filtered);\n    onClose();\n  };\n\n  const handleClear = () => {\n    const emptyGroup: FilterGroup<T> = {\n      type: \"group\",\n      id: \"root\",\n      logic: \"AND\",\n      items: [],\n    };\n    setRootGroup(emptyGroup);\n    setFilteredData(data);\n    onClose();\n  };\n\n  return (\n    <Dialog open={isOpen} onOpenChange={onClose}>\n      <DialogContent className=\"min-w-[80vw]\">\n        <DialogHeader style={{ width: '100%' }}>\n          <DialogTitle>Advanced Filters</DialogTitle>\n          <DialogDescription>\n            Refine your dataset using structured logic and multi-type\n            comparisons.\n          </DialogDescription>\n          <div style={{ maxHeight: '60vh', width: '100%', overflowY: 'auto', paddingLeft: '0.25rem', paddingRight: '0.75rem', paddingBottom: '8rem' }}>\n            <FilterGroupUI\n              group={rootGroup}\n              depth={0}\n              columns={columns}\n              onAddRule={handleAddRule}\n              onAddGroup={handleAddGroup}\n              onUpdateRule={handleUpdateRule}\n              onUpdateGroupLogic={handleUpdateGroupLogic}\n              onRemoveItem={handleRemoveItem}\n            />\n          </div>\n          <div className=\"flex w-full justify-between items-center gap-4\">\n            <Button\n              variant=\"ghost\"\n              onClick={handleClear}\n              style={{ color: '#94a3b8', fontWeight: '900', fontSize: '10px', textTransform: 'uppercase', letterSpacing: '0.1em', gap: '0.5rem' }}\n            >\n              <FilterX className=\"h-4 w-4\" /> Reset Filters\n            </Button>\n            <div className=\"flex gap-2\">\n              <Button\n                variant=\"outline\"\n                onClick={onClose}\n                className=\"font-bold h-11 px-6\"\n              >\n                Cancel\n              </Button>\n              <Button\n                onClick={handleApply}\n                className=\"font-bold h-11 px-10 rounded-lg shadow-lg hover:shadow-xl transition-shadow\"\n              >\n                Apply View\n              </Button>\n            </div>\n          </div>\n        </DialogHeader>\n      </DialogContent>\n    </Dialog>\n  );\n};\n"],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"AdvancedFilter.js","sources":["../../src/components/AdvancedFilter.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport { useState, useEffect, useCallback } from \"react\";\r\nimport {\r\n  FilterRule,\r\n  FilterGroup,\r\n  ColumnDefinition,\r\n  LogicalOperator,\r\n  FilterOperator,\r\n  FilterItem,\r\n} from \"../types\";\r\nimport { Button } from \"./ui/Button\";\r\nimport { Input } from \"./ui/Input\";\r\nimport { Select } from \"./ui/Select\";\r\nimport { Dialog } from \"./ui/Dialog\";\r\nimport {\r\n  Plus,\r\n  Trash2,\r\n  Layers,\r\n  Binary,\r\n  FilterX,\r\n  ListFilter,\r\n} from \"lucide-react\";\r\nimport { applyFilters } from \"../utils/filterLogic\";\r\n\r\ninterface AdvancedFilterProps<T> {\r\n  isOpen: boolean;\r\n  onClose: () => void;\r\n  data: T[];\r\n  columns: ColumnDefinition<T>[];\r\n  setFilteredData: (data: T[]) => void;\r\n  initialFilters?: FilterGroup<T>;\r\n}\r\n\r\nconst getOperatorsForType = (\r\n  type: string\r\n): { value: FilterOperator; label: string }[] => {\r\n  switch (type) {\r\n    case \"string\":\r\n      return [\r\n        { value: \"contains\", label: \"Contains\" },\r\n        { value: \"not_contains\", label: \"Does not contain\" },\r\n        { value: \"equals\", label: \"Exact match\" },\r\n      ];\r\n    case \"select\":\r\n      return [\r\n        { value: \"equals\", label: \"Is\" },\r\n        { value: \"not_equals\", label: \"Is not\" },\r\n      ];\r\n    case \"number\":\r\n      return [\r\n        { value: \"equals\", label: \"=\" },\r\n        { value: \"not_equals\", label: \"!=\" },\r\n        { value: \"gt\", label: \">\" },\r\n        { value: \"lt\", label: \"<\" },\r\n        { value: \"gte\", label: \">=\" },\r\n        { value: \"lte\", label: \"<=\" },\r\n      ];\r\n    case \"date\":\r\n      return [\r\n        { value: \"is\", label: \"On date\" },\r\n        { value: \"before\", label: \"Before\" },\r\n        { value: \"after\", label: \"After\" },\r\n      ];\r\n    case \"boolean\":\r\n      return [\r\n        { value: \"true\", label: \"True\" },\r\n        { value: \"false\", label: \"False\" },\r\n      ];\r\n    default:\r\n      return [];\r\n  }\r\n};\r\n\r\nconst FilterGroupUI = <T,>({\r\n  group,\r\n  depth,\r\n  columns,\r\n  onAddRule,\r\n  onAddGroup,\r\n  onUpdateRule,\r\n  onUpdateGroupLogic,\r\n  onRemoveItem,\r\n}: {\r\n  group: FilterGroup<T>;\r\n  depth: number;\r\n  columns: ColumnDefinition<T>[];\r\n  onAddRule: (parentId: string) => void;\r\n  onAddGroup: (parentId: string) => void;\r\n  onUpdateRule: (ruleId: string, updates: Partial<FilterRule<T>>) => void;\r\n  onUpdateGroupLogic: (groupId: string, logic: LogicalOperator) => void;\r\n  onRemoveItem: (itemId: string) => void;\r\n}) => {\r\n  return (\r\n    <div\r\n      className={`rounded-lg border border-slate-200 bg-slate-50/50 p-4 mb-4 ${\r\n        depth > 0 ? \"ml-6 md:ml-10 relative border-l-2 border-l-slate-300\" : \"\"\r\n      }`}\r\n    >\r\n      <div className=\"flex flex-wrap items-center justify-between gap-4 mb-4\">\r\n        <div className=\"flex items-center gap-2\">\r\n          <span className=\"text-[10px] font-bold uppercase tracking-widest text-slate-500\">\r\n            Group Logic\r\n          </span>\r\n          <div className=\"flex rounded-md border border-slate-200 bg-white p-1 shadow-sm\">\r\n            <button\r\n              onClick={() => onUpdateGroupLogic(group.id, \"AND\")}\r\n              className={`px-3 py-1 text-[10px] font-black rounded-sm transition-all ${\r\n                group.logic === \"AND\"\r\n                  ? \"bg-slate-900 text-slate-50\"\r\n                  : \"text-slate-500 hover:text-slate-900\"\r\n              }`}\r\n            >\r\n              AND\r\n            </button>\r\n            <button\r\n              onClick={() => onUpdateGroupLogic(group.id, \"OR\")}\r\n              className={`px-3 py-1 text-[10px] font-black rounded-sm transition-all ${\r\n                group.logic === \"OR\"\r\n                  ? \"bg-slate-900 text-slate-50\"\r\n                  : \"text-slate-500 hover:text-slate-900\"\r\n              }`}\r\n            >\r\n              OR\r\n            </button>\r\n          </div>\r\n        </div>\r\n\r\n        <div className=\"flex items-center gap-2\">\r\n          <Button\r\n            variant=\"outline\"\r\n            size=\"sm\"\r\n            onClick={() => onAddRule(group.id)}\r\n            className=\"h-7 text-[10px] font-bold uppercase\"\r\n          >\r\n            <Plus className=\"mr-1 h-3 w-3\" /> Rule\r\n          </Button>\r\n          <Button\r\n            variant=\"outline\"\r\n            size=\"sm\"\r\n            onClick={() => onAddGroup(group.id)}\r\n            className=\"h-7 text-[10px] font-bold uppercase\"\r\n          >\r\n            <Layers className=\"mr-1 h-3 w-3\" /> Group\r\n          </Button>\r\n          {depth > 0 && (\r\n            <Button\r\n              variant=\"ghost\"\r\n              size=\"sm\"\r\n              onClick={() => onRemoveItem(group.id)}\r\n              className=\"text-slate-400\"\r\n            >\r\n              <Trash2 className=\"h-5 w-5 text-red-500\" />\r\n            </Button>\r\n          )}\r\n        </div>\r\n      </div>\r\n\r\n      <div className=\"space-y-3\">\r\n        {group.items.map((item) => {\r\n          const column = columns.find(\r\n            (c) => c.id === (item.type === \"rule\" ? item.columnId : null)\r\n          );\r\n          return item.type === \"rule\" ? (\r\n            <div\r\n              key={item.id}\r\n              className=\"flex flex-col md:flex-row md:items-center gap-3 p-3 bg-white border border-slate-200 rounded-md shadow-sm\"\r\n            >\r\n              <div className=\"w-1/5\">\r\n                <Select\r\n                  value={item.columnId as string}\r\n                  options={columns.map((c) => ({\r\n                    value: c.id as string,\r\n                    label: c.label,\r\n                  }))}\r\n                  onValueChange={(val) => {\r\n                    const colId = val as keyof T;\r\n                    const col = columns.find((c) => c.id === colId);\r\n                    onUpdateRule(item.id, {\r\n                      columnId: colId,\r\n                      operator:\r\n                        col?.type === \"date\"\r\n                          ? \"is\"\r\n                          : col?.type === \"number\"\r\n                          ? \"equals\"\r\n                          : col?.type === \"select\"\r\n                          ? \"equals\"\r\n                          : \"contains\",\r\n                      value: \"\",\r\n                    });\r\n                  }}\r\n                  className=\"w-full\"\r\n                />\r\n              </div>\r\n              <div className=\"w-1/5\">\r\n                <Select\r\n                  value={item.operator}\r\n                  options={getOperatorsForType(column?.type || \"string\")}\r\n                  onValueChange={(val) =>\r\n                    onUpdateRule(item.id, { operator: val as FilterOperator })\r\n                  }\r\n                  className=\"w-full\"\r\n                />\r\n              </div>\r\n              <div className=\"w-2/5\">\r\n                {column?.type === \"date\" ? (\r\n                  <Input\r\n                    type=\"date\"\r\n                    value={item.value || \"\"}\r\n                    onChange={(e) =>\r\n                      onUpdateRule(item.id, { value: e.target.value })\r\n                    }\r\n                    className=\"w-full\"\r\n                  />\r\n                ) : column?.type === \"boolean\" ? (\r\n                  <div className=\"h-10 flex items-center px-3 border border-slate-200 rounded-md bg-slate-50 text-[10px] font-black uppercase tracking-tighter text-slate-400 italic\">\r\n                    <Binary className=\"h-3 w-3 mr-2\" />\r\n                    Binary state\r\n                  </div>\r\n                ) : column?.type === \"select\" ? (\r\n                  <Select\r\n                    value={item.value || \"\"}\r\n                    placeholder=\"Choose option...\"\r\n                    options={(column.options || []).map((opt) => ({\r\n                      value: opt,\r\n                      label: opt,\r\n                    }))}\r\n                    onValueChange={(val) =>\r\n                      onUpdateRule(item.id, { value: val })\r\n                    }\r\n                    className=\"w-full\"\r\n                  />\r\n                ) : (\r\n                  <Input\r\n                    placeholder=\"Search query...\"\r\n                    value={item.value || \"\"}\r\n                    onChange={(e) =>\r\n                      onUpdateRule(item.id, { value: e.target.value })\r\n                    }\r\n                    className=\"w-full\"\r\n                  />\r\n                )}\r\n              </div>\r\n              <Button\r\n                variant=\"ghost\"\r\n                size=\"icon\"\r\n                onClick={() => onRemoveItem(item.id)}\r\n                className=\"h-9 w-9 text-slate-300 hover:text-red-500 hover:bg-red-50\"\r\n              >\r\n                <Trash2 className=\"h-5 w-5 text-red-500\" />\r\n              </Button>\r\n            </div>\r\n          ) : (\r\n            <FilterGroupUI\r\n              group={item}\r\n              depth={depth + 1}\r\n              columns={columns}\r\n              onAddRule={onAddRule}\r\n              onAddGroup={onAddGroup}\r\n              onUpdateRule={onUpdateRule}\r\n              onUpdateGroupLogic={onUpdateGroupLogic}\r\n              onRemoveItem={onRemoveItem}\r\n            />\r\n          );\r\n        })}\r\n        {group.items.length === 0 && (\r\n          <div className=\"flex flex-col items-center justify-center py-6 rounded-md border border-dashed border-slate-200 bg-white/50\">\r\n            <ListFilter className=\"h-5 w-5 text-slate-300 mb-1\" />\r\n            <p className=\"text-[10px] text-slate-400 font-bold uppercase tracking-widest\">\r\n              Add a rule to filter\r\n            </p>\r\n          </div>\r\n        )}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport const AdvancedFilter = <T,>({\r\n  isOpen,\r\n  onClose,\r\n  data,\r\n  columns,\r\n  setFilteredData,\r\n  initialFilters,\r\n}: AdvancedFilterProps<T>) => {\r\n  const [rootGroup, setRootGroup] = useState<FilterGroup<T>>({\r\n    type: \"group\",\r\n    id: \"root\",\r\n    logic: \"AND\",\r\n    items: [],\r\n  });\r\n\r\n  useEffect(() => {\r\n    if (initialFilters) setRootGroup(initialFilters);\r\n  }, [initialFilters, isOpen]);\r\n\r\n  const updateItemRecursively = useCallback(\r\n    (\r\n      group: FilterGroup<T>,\r\n      targetId: string,\r\n      updater: (item: FilterItem<T>) => FilterItem<T> | null\r\n    ): FilterGroup<T> => {\r\n      if (group.id === targetId) return updater(group) as FilterGroup<T>;\r\n      return {\r\n        ...group,\r\n        items: group.items\r\n          .map((item) => {\r\n            if (item.id === targetId) return updater(item);\r\n            if (item.type === \"group\")\r\n              return updateItemRecursively(item, targetId, updater);\r\n            return item;\r\n          })\r\n          .filter(Boolean) as FilterItem<T>[],\r\n      };\r\n    },\r\n    []\r\n  );\r\n\r\n  const handleAddRule = useCallback(\r\n    (parentId: string) => {\r\n      const firstCol = columns[0];\r\n      const newRule: FilterRule<T> = {\r\n        type: \"rule\",\r\n        id: Math.random().toString(36).substr(2, 9),\r\n        columnId: firstCol.id,\r\n        operator:\r\n          firstCol.type === \"string\"\r\n            ? \"contains\"\r\n            : firstCol.type === \"select\"\r\n            ? \"equals\"\r\n            : \"equals\",\r\n        value: \"\",\r\n      };\r\n      setRootGroup((prev) =>\r\n        updateItemRecursively(prev, parentId, (group) => ({\r\n          ...(group as FilterGroup<T>),\r\n          items: [...(group as FilterGroup<T>).items, newRule],\r\n        }))\r\n      );\r\n    },\r\n    [columns, updateItemRecursively]\r\n  );\r\n\r\n  const handleAddGroup = useCallback(\r\n    (parentId: string) => {\r\n      const newGroup: FilterGroup<T> = {\r\n        type: \"group\",\r\n        id: Math.random().toString(36).substr(2, 9),\r\n        logic: \"AND\",\r\n        items: [],\r\n      };\r\n      setRootGroup((prev) =>\r\n        updateItemRecursively(prev, parentId, (group) => ({\r\n          ...(group as FilterGroup<T>),\r\n          items: [...(group as FilterGroup<T>).items, newGroup],\r\n        }))\r\n      );\r\n    },\r\n    [updateItemRecursively]\r\n  );\r\n\r\n  const handleUpdateRule = useCallback(\r\n    (ruleId: string, updates: Partial<FilterRule<T>>) => {\r\n      setRootGroup((prev) =>\r\n        updateItemRecursively(\r\n          prev,\r\n          ruleId,\r\n          (rule) => ({ ...rule, ...updates } as FilterRule<T>)\r\n        )\r\n      );\r\n    },\r\n    [updateItemRecursively]\r\n  );\r\n\r\n  const handleUpdateGroupLogic = useCallback(\r\n    (groupId: string, logic: LogicalOperator) => {\r\n      setRootGroup((prev) =>\r\n        updateItemRecursively(\r\n          prev,\r\n          groupId,\r\n          (group) => ({ ...group, logic } as FilterGroup<T>)\r\n        )\r\n      );\r\n    },\r\n    [updateItemRecursively]\r\n  );\r\n\r\n  const handleRemoveItem = useCallback(\r\n    (itemId: string) => {\r\n      setRootGroup((prev) => updateItemRecursively(prev, itemId, () => null));\r\n    },\r\n    [updateItemRecursively]\r\n  );\r\n\r\n  const handleApply = () => {\r\n    const filtered = applyFilters(data, rootGroup, columns);\r\n    setFilteredData(filtered);\r\n    onClose();\r\n  };\r\n\r\n  const handleClear = () => {\r\n    const emptyGroup: FilterGroup<T> = {\r\n      type: \"group\",\r\n      id: \"root\",\r\n      logic: \"AND\",\r\n      items: [],\r\n    };\r\n    setRootGroup(emptyGroup);\r\n    setFilteredData(data);\r\n    onClose();\r\n  };\r\n\r\n  return (\r\n    <Dialog\r\n      open={isOpen}\r\n      onOpenChange={onClose}\r\n      title=\"Advanced Filters\"\r\n      description=\"Refine your dataset using structured logic and multi-type comparisons.\"\r\n    >\r\n      <div className=\"max-h-[60vh] max-w-[70vw] overflow-y-auto px-1 custom-scrollbar pr-3 pb-32\">\r\n        <FilterGroupUI\r\n          group={rootGroup}\r\n          depth={0}\r\n          columns={columns}\r\n          onAddRule={handleAddRule}\r\n          onAddGroup={handleAddGroup}\r\n          onUpdateRule={handleUpdateRule}\r\n          onUpdateGroupLogic={handleUpdateGroupLogic}\r\n          onRemoveItem={handleRemoveItem}\r\n        />\r\n      </div>\r\n      <div className=\"flex w-full justify-between items-center gap-4\">\r\n        <Button\r\n          variant=\"ghost\"\r\n          onClick={handleClear}\r\n          className=\"text-slate-400 hover:text-red-500 font-black text-[10px] uppercase tracking-widest gap-2\"\r\n        >\r\n          <FilterX className=\"h-4 w-4\" /> Reset Filters\r\n        </Button>\r\n        <div className=\"flex gap-2\">\r\n          <Button\r\n            variant=\"outline\"\r\n            onClick={onClose}\r\n            className=\"font-bold h-11 px-6\"\r\n          >\r\n            Cancel\r\n          </Button>\r\n          <Button\r\n            onClick={handleApply}\r\n            className=\"bg-slate-900 font-bold h-11 px-10 rounded-lg shadow-lg hover:shadow-xl transition-shadow\"\r\n          >\r\n            Apply View\r\n          </Button>\r\n        </div>\r\n      </div>\r\n    </Dialog>\r\n  );\r\n};\r\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;AAiCA,MAAM,mBAAmB,GAAG,CAC1B,IAAY,KACkC;IAC9C,QAAQ,IAAI;AACV,QAAA,KAAK,QAAQ;YACX,OAAO;AACL,gBAAA,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;AACxC,gBAAA,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,kBAAkB,EAAE;AACpD,gBAAA,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,aAAa,EAAE;aAC1C;AACH,QAAA,KAAK,QAAQ;YACX,OAAO;AACL,gBAAA,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE;AAChC,gBAAA,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,QAAQ,EAAE;aACzC;AACH,QAAA,KAAK,QAAQ;YACX,OAAO;AACL,gBAAA,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,EAAE;AAC/B,gBAAA,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,IAAI,EAAE;AACpC,gBAAA,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE;AAC3B,gBAAA,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE;AAC3B,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE;AAC7B,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE;aAC9B;AACH,QAAA,KAAK,MAAM;YACT,OAAO;AACL,gBAAA,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE;AACjC,gBAAA,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;AACpC,gBAAA,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;aACnC;AACH,QAAA,KAAK,SAAS;YACZ,OAAO;AACL,gBAAA,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;AAChC,gBAAA,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;aACnC;AACH,QAAA;AACE,YAAA,OAAO,EAAE;;AAEf,CAAC;AAED,MAAM,aAAa,GAAG,CAAK,EACzB,KAAK,EACL,KAAK,EACL,OAAO,EACP,SAAS,EACT,UAAU,EACV,YAAY,EACZ,kBAAkB,EAClB,YAAY,GAUb,KAAI;AACH,IAAA,QACEA,IAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,CAAA,2DAAA,EACT,KAAK,GAAG,CAAC,GAAG,sDAAsD,GAAG,EACvE,CAAA,CAAE,EAAA,QAAA,EAAA,CAEFA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,wDAAwD,EAAA,QAAA,EAAA,CACrEA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,yBAAyB,EAAA,QAAA,EAAA,CACtCC,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,gEAAgE,EAAA,QAAA,EAAA,aAAA,EAAA,CAEzE,EACPD,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,gEAAgE,EAAA,QAAA,EAAA,CAC7EC,GAAA,CAAA,QAAA,EAAA,EACE,OAAO,EAAE,MAAM,kBAAkB,CAAC,KAAK,CAAC,EAAE,EAAE,KAAK,CAAC,EAClD,SAAS,EAAE,CAAA,2DAAA,EACT,KAAK,CAAC,KAAK,KAAK;AACd,8CAAE;8CACA,qCACN,CAAA,CAAE,EAAA,QAAA,EAAA,KAAA,EAAA,CAGK,EACTA,GAAA,CAAA,QAAA,EAAA,EACE,OAAO,EAAE,MAAM,kBAAkB,CAAC,KAAK,CAAC,EAAE,EAAE,IAAI,CAAC,EACjD,SAAS,EAAE,CAAA,2DAAA,EACT,KAAK,CAAC,KAAK,KAAK;AACd,8CAAE;AACF,8CAAE,qCACN,CAAA,CAAE,EAAA,QAAA,EAAA,IAAA,EAAA,CAGK,IACL,CAAA,EAAA,CACF,EAEND,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,yBAAyB,EAAA,QAAA,EAAA,CACtCA,IAAA,CAAC,MAAM,EAAA,EACL,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,MAAM,SAAS,CAAC,KAAK,CAAC,EAAE,CAAC,EAClC,SAAS,EAAC,qCAAqC,EAAA,QAAA,EAAA,CAE/CC,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,cAAc,EAAA,CAAG,EAAA,OAAA,CAAA,EAAA,CAC1B,EACTD,IAAA,CAAC,MAAM,EAAA,EACL,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,MAAM,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC,EACnC,SAAS,EAAC,qCAAqC,EAAA,QAAA,EAAA,CAE/CC,GAAA,CAAC,MAAM,IAAC,SAAS,EAAC,cAAc,EAAA,CAAG,EAAA,QAAA,CAAA,EAAA,CAC5B,EACR,KAAK,GAAG,CAAC,KACRA,GAAA,CAAC,MAAM,EAAA,EACL,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,MAAM,YAAY,CAAC,KAAK,CAAC,EAAE,CAAC,EACrC,SAAS,EAAC,gBAAgB,EAAA,QAAA,EAE1BA,GAAA,CAAC,MAAM,EAAA,EAAC,SAAS,EAAC,sBAAsB,GAAG,EAAA,CACpC,CACV,CAAA,EAAA,CACG,CAAA,EAAA,CACF,EAEND,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,WAAW,EAAA,QAAA,EAAA,CACvB,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,KAAI;AACxB,wBAAA,MAAM,MAAM,GAAG,OAAO,CAAC,IAAI,CACzB,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,MAAM,IAAI,CAAC,IAAI,KAAK,MAAM,GAAG,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,CAC9D;AACD,wBAAA,OAAO,IAAI,CAAC,IAAI,KAAK,MAAM,IACzBA,IAAA,CAAA,KAAA,EAAA,EAEE,SAAS,EAAC,2GAA2G,aAErHC,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,OAAO,EAAA,QAAA,EACpBA,GAAA,CAAC,MAAM,IACL,KAAK,EAAE,IAAI,CAAC,QAAkB,EAC9B,OAAO,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM;4CAC3B,KAAK,EAAE,CAAC,CAAC,EAAY;4CACrB,KAAK,EAAE,CAAC,CAAC,KAAK;AACf,yCAAA,CAAC,CAAC,EACH,aAAa,EAAE,CAAC,GAAG,KAAI;4CACrB,MAAM,KAAK,GAAG,GAAc;AAC5B,4CAAA,MAAM,GAAG,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,KAAK,CAAC;AAC/C,4CAAA,YAAY,CAAC,IAAI,CAAC,EAAE,EAAE;AACpB,gDAAA,QAAQ,EAAE,KAAK;AACf,gDAAA,QAAQ,EACN,GAAG,EAAE,IAAI,KAAK;AACZ,sDAAE;AACF,sDAAE,GAAG,EAAE,IAAI,KAAK;AAChB,0DAAE;AACF,0DAAE,GAAG,EAAE,IAAI,KAAK;AAChB,8DAAE;AACF,8DAAE,UAAU;AAChB,gDAAA,KAAK,EAAE,EAAE;AACV,6CAAA,CAAC;AACJ,wCAAA,CAAC,EACD,SAAS,EAAC,QAAQ,EAAA,CAClB,EAAA,CACE,EACNA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,OAAO,EAAA,QAAA,EACpBA,IAAC,MAAM,EAAA,EACL,KAAK,EAAE,IAAI,CAAC,QAAQ,EACpB,OAAO,EAAE,mBAAmB,CAAC,MAAM,EAAE,IAAI,IAAI,QAAQ,CAAC,EACtD,aAAa,EAAE,CAAC,GAAG,KACjB,YAAY,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,GAAqB,EAAE,CAAC,EAE5D,SAAS,EAAC,QAAQ,EAAA,CAClB,EAAA,CACE,EACNA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,OAAO,EAAA,QAAA,EACnB,MAAM,EAAE,IAAI,KAAK,MAAM,IACtBA,IAAC,KAAK,EAAA,EACJ,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,IAAI,CAAC,KAAK,IAAI,EAAE,EACvB,QAAQ,EAAE,CAAC,CAAC,KACV,YAAY,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,EAElD,SAAS,EAAC,QAAQ,EAAA,CAClB,IACA,MAAM,EAAE,IAAI,KAAK,SAAS,IAC5BD,cAAK,SAAS,EAAC,oJAAoJ,EAAA,QAAA,EAAA,CACjKC,GAAA,CAAC,MAAM,EAAA,EAAC,SAAS,EAAC,cAAc,EAAA,CAAG,oBAE/B,IACJ,MAAM,EAAE,IAAI,KAAK,QAAQ,IAC3BA,GAAA,CAAC,MAAM,EAAA,EACL,KAAK,EAAE,IAAI,CAAC,KAAK,IAAI,EAAE,EACvB,WAAW,EAAC,kBAAkB,EAC9B,OAAO,EAAE,CAAC,MAAM,CAAC,OAAO,IAAI,EAAE,EAAE,GAAG,CAAC,CAAC,GAAG,MAAM;AAC5C,4CAAA,KAAK,EAAE,GAAG;AACV,4CAAA,KAAK,EAAE,GAAG;AACX,yCAAA,CAAC,CAAC,EACH,aAAa,EAAE,CAAC,GAAG,KACjB,YAAY,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,EAEvC,SAAS,EAAC,QAAQ,GAClB,KAEFA,GAAA,CAAC,KAAK,IACJ,WAAW,EAAC,iBAAiB,EAC7B,KAAK,EAAE,IAAI,CAAC,KAAK,IAAI,EAAE,EACvB,QAAQ,EAAE,CAAC,CAAC,KACV,YAAY,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,EAElD,SAAS,EAAC,QAAQ,EAAA,CAClB,CACH,EAAA,CACG,EACNA,IAAC,MAAM,EAAA,EACL,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,MAAM,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC,EACpC,SAAS,EAAC,2DAA2D,EAAA,QAAA,EAErEA,GAAA,CAAC,MAAM,EAAA,EAAC,SAAS,EAAC,sBAAsB,EAAA,CAAG,EAAA,CACpC,KArFJ,IAAI,CAAC,EAAE,CAsFR,KAENA,GAAA,CAAC,aAAa,EAAA,EACZ,KAAK,EAAE,IAAI,EACX,KAAK,EAAE,KAAK,GAAG,CAAC,EAChB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,YAAY,EAC1B,kBAAkB,EAAE,kBAAkB,EACtC,YAAY,EAAE,YAAY,EAAA,CAC1B,CACH;AACH,oBAAA,CAAC,CAAC,EACD,KAAK,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,KACvBD,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,6GAA6G,EAAA,QAAA,EAAA,CAC1HC,GAAA,CAAC,UAAU,EAAA,EAAC,SAAS,EAAC,6BAA6B,EAAA,CAAG,EACtDA,GAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAC,gEAAgE,qCAEzE,CAAA,EAAA,CACA,CACP,CAAA,EAAA,CACG,CAAA,EAAA,CACF;AAEV,CAAC;AAEM,MAAM,cAAc,GAAG,CAAK,EACjC,MAAM,EACN,OAAO,EACP,IAAI,EACJ,OAAO,EACP,eAAe,EACf,cAAc,GACS,KAAI;AAC3B,IAAA,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAiB;AACzD,QAAA,IAAI,EAAE,OAAO;AACb,QAAA,EAAE,EAAE,MAAM;AACV,QAAA,KAAK,EAAE,KAAK;AACZ,QAAA,KAAK,EAAE,EAAE;AACV,KAAA,CAAC;IAEF,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,cAAc;YAAE,YAAY,CAAC,cAAc,CAAC;AAClD,IAAA,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC;IAE5B,MAAM,qBAAqB,GAAG,WAAW,CACvC,CACE,KAAqB,EACrB,QAAgB,EAChB,OAAsD,KACpC;AAClB,QAAA,IAAI,KAAK,CAAC,EAAE,KAAK,QAAQ;AAAE,YAAA,OAAO,OAAO,CAAC,KAAK,CAAmB;QAClE,OAAO;AACL,YAAA,GAAG,KAAK;YACR,KAAK,EAAE,KAAK,CAAC;AACV,iBAAA,GAAG,CAAC,CAAC,IAAI,KAAI;AACZ,gBAAA,IAAI,IAAI,CAAC,EAAE,KAAK,QAAQ;AAAE,oBAAA,OAAO,OAAO,CAAC,IAAI,CAAC;AAC9C,gBAAA,IAAI,IAAI,CAAC,IAAI,KAAK,OAAO;oBACvB,OAAO,qBAAqB,CAAC,IAAI,EAAE,QAAQ,EAAE,OAAO,CAAC;AACvD,gBAAA,OAAO,IAAI;AACb,YAAA,CAAC;iBACA,MAAM,CAAC,OAAO,CAAoB;SACtC;IACH,CAAC,EACD,EAAE,CACH;AAED,IAAA,MAAM,aAAa,GAAG,WAAW,CAC/B,CAAC,QAAgB,KAAI;AACnB,QAAA,MAAM,QAAQ,GAAG,OAAO,CAAC,CAAC,CAAC;AAC3B,QAAA,MAAM,OAAO,GAAkB;AAC7B,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,EAAE,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC;YAC3C,QAAQ,EAAE,QAAQ,CAAC,EAAE;AACrB,YAAA,QAAQ,EACN,QAAQ,CAAC,IAAI,KAAK;AAChB,kBAAE;AACF,kBAAE,QAAQ,CAAC,IAAI,KAAK;AACpB,sBAAE;AACF,sBAAE,QAAQ;AACd,YAAA,KAAK,EAAE,EAAE;SACV;AACD,QAAA,YAAY,CAAC,CAAC,IAAI,KAChB,qBAAqB,CAAC,IAAI,EAAE,QAAQ,EAAE,CAAC,KAAK,MAAM;AAChD,YAAA,GAAI,KAAwB;YAC5B,KAAK,EAAE,CAAC,GAAI,KAAwB,CAAC,KAAK,EAAE,OAAO,CAAC;SACrD,CAAC,CAAC,CACJ;AACH,IAAA,CAAC,EACD,CAAC,OAAO,EAAE,qBAAqB,CAAC,CACjC;AAED,IAAA,MAAM,cAAc,GAAG,WAAW,CAChC,CAAC,QAAgB,KAAI;AACnB,QAAA,MAAM,QAAQ,GAAmB;AAC/B,YAAA,IAAI,EAAE,OAAO;AACb,YAAA,EAAE,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC;AAC3C,YAAA,KAAK,EAAE,KAAK;AACZ,YAAA,KAAK,EAAE,EAAE;SACV;AACD,QAAA,YAAY,CAAC,CAAC,IAAI,KAChB,qBAAqB,CAAC,IAAI,EAAE,QAAQ,EAAE,CAAC,KAAK,MAAM;AAChD,YAAA,GAAI,KAAwB;YAC5B,KAAK,EAAE,CAAC,GAAI,KAAwB,CAAC,KAAK,EAAE,QAAQ,CAAC;SACtD,CAAC,CAAC,CACJ;AACH,IAAA,CAAC,EACD,CAAC,qBAAqB,CAAC,CACxB;IAED,MAAM,gBAAgB,GAAG,WAAW,CAClC,CAAC,MAAc,EAAE,OAA+B,KAAI;AAClD,QAAA,YAAY,CAAC,CAAC,IAAI,KAChB,qBAAqB,CACnB,IAAI,EACJ,MAAM,EACN,CAAC,IAAI,MAAM,EAAE,GAAG,IAAI,EAAE,GAAG,OAAO,EAAoB,CAAA,CACrD,CACF;AACH,IAAA,CAAC,EACD,CAAC,qBAAqB,CAAC,CACxB;IAED,MAAM,sBAAsB,GAAG,WAAW,CACxC,CAAC,OAAe,EAAE,KAAsB,KAAI;QAC1C,YAAY,CAAC,CAAC,IAAI,KAChB,qBAAqB,CACnB,IAAI,EACJ,OAAO,EACP,CAAC,KAAK,MAAM,EAAE,GAAG,KAAK,EAAE,KAAK,EAAqB,CAAA,CACnD,CACF;AACH,IAAA,CAAC,EACD,CAAC,qBAAqB,CAAC,CACxB;AAED,IAAA,MAAM,gBAAgB,GAAG,WAAW,CAClC,CAAC,MAAc,KAAI;AACjB,QAAA,YAAY,CAAC,CAAC,IAAI,KAAK,qBAAqB,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,IAAI,CAAC,CAAC;AACzE,IAAA,CAAC,EACD,CAAC,qBAAqB,CAAC,CACxB;IAED,MAAM,WAAW,GAAG,MAAK;QACvB,MAAM,QAAQ,GAAG,YAAY,CAAC,IAAI,EAAE,SAAS,EAAE,OAAO,CAAC;QACvD,eAAe,CAAC,QAAQ,CAAC;AACzB,QAAA,OAAO,EAAE;AACX,IAAA,CAAC;IAED,MAAM,WAAW,GAAG,MAAK;AACvB,QAAA,MAAM,UAAU,GAAmB;AACjC,YAAA,IAAI,EAAE,OAAO;AACb,YAAA,EAAE,EAAE,MAAM;AACV,YAAA,KAAK,EAAE,KAAK;AACZ,YAAA,KAAK,EAAE,EAAE;SACV;QACD,YAAY,CAAC,UAAU,CAAC;QACxB,eAAe,CAAC,IAAI,CAAC;AACrB,QAAA,OAAO,EAAE;AACX,IAAA,CAAC;AAED,IAAA,QACED,IAAA,CAAC,MAAM,EAAA,EACL,IAAI,EAAE,MAAM,EACZ,YAAY,EAAE,OAAO,EACrB,KAAK,EAAC,kBAAkB,EACxB,WAAW,EAAC,wEAAwE,EAAA,QAAA,EAAA,CAEpFC,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,4EAA4E,EAAA,QAAA,EACzFA,GAAA,CAAC,aAAa,EAAA,EACZ,KAAK,EAAE,SAAS,EAChB,KAAK,EAAE,CAAC,EACR,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,aAAa,EACxB,UAAU,EAAE,cAAc,EAC1B,YAAY,EAAE,gBAAgB,EAC9B,kBAAkB,EAAE,sBAAsB,EAC1C,YAAY,EAAE,gBAAgB,EAAA,CAC9B,GACE,EACND,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,gDAAgD,EAAA,QAAA,EAAA,CAC7DA,IAAA,CAAC,MAAM,EAAA,EACL,OAAO,EAAC,OAAO,EACf,OAAO,EAAE,WAAW,EACpB,SAAS,EAAC,0FAA0F,EAAA,QAAA,EAAA,CAEpGC,GAAA,CAAC,OAAO,EAAA,EAAC,SAAS,EAAC,SAAS,EAAA,CAAG,EAAA,gBAAA,CAAA,EAAA,CACxB,EACTD,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,YAAY,EAAA,QAAA,EAAA,CACzBC,GAAA,CAAC,MAAM,EAAA,EACL,OAAO,EAAC,SAAS,EACjB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,qBAAqB,EAAA,QAAA,EAAA,QAAA,EAAA,CAGxB,EACTA,GAAA,CAAC,MAAM,EAAA,EACL,OAAO,EAAE,WAAW,EACpB,SAAS,EAAC,0FAA0F,EAAA,QAAA,EAAA,YAAA,EAAA,CAG7F,CAAA,EAAA,CACL,CAAA,EAAA,CACF,CAAA,EAAA,CACC;AAEb;;;;"}

package/dist/components/ui/button.d.ts

@@ -1,10 +1,7 @@
-import * as React from "react";
-import { type VariantProps } from "class-variance-authority";
-declare const buttonVariants: (props?: ({
-    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
-    size?: "default" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
-    asChild?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-export { Button, buttonVariants };
+import React from 'react';
+interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: 'default' | 'destructive' | 'outline' | 'secondary' | 'ghost' | 'link';
+    size?: 'default' | 'sm' | 'lg' | 'icon';
+}
+export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export {};

package/dist/components/ui/button.js

@@ -1,36 +1,24 @@
 import { jsx } from 'react/jsx-runtime';
-import { Slot } from '@radix-ui/react-slot';
-import { cva } from 'class-variance-authority';
-import { cn } from '../../lib/utils.js';
+import React from 'react';
 
-const buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", {
-    variants: {
-        variant: {
-            default: "bg-primary text-primary-foreground hover:bg-primary/90",
-            destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
-            outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
-            secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
-            ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
-            link: "text-primary underline-offset-4 hover:underline",
-        },
-        size: {
-            default: "h-9 px-4 py-2 has-[>svg]:px-3",
-            sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
-            lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
-            icon: "size-9",
-            "icon-sm": "size-8",
-            "icon-lg": "size-10",
-        },
-    },
-    defaultVariants: {
-        variant: "default",
-        size: "default",
-    },
+const Button = React.forwardRef(({ className = '', variant = 'default', size = 'default', ...props }, ref) => {
+    const baseStyles = 'inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-white transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-950 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50';
+    const variants = {
+        default: 'bg-slate-900 text-slate-50 hover:bg-slate-900/90',
+        destructive: 'bg-red-500 text-slate-50 hover:bg-red-500/90',
+        outline: 'border border-slate-200 bg-white hover:bg-slate-100 hover:text-slate-900',
+        secondary: 'bg-slate-100 text-slate-900 hover:bg-slate-100/80',
+        ghost: 'hover:bg-slate-100 hover:text-slate-900',
+        link: 'text-slate-900 underline-offset-4 hover:underline',
+    };
+    const sizes = {
+        default: 'h-10 px-4 py-2',
+        sm: 'h-9 rounded-md px-3',
+        lg: 'h-11 rounded-md px-8',
+        icon: 'h-10 w-10',
+    };
+    return (jsx("button", { ref: ref, className: `${baseStyles} ${variants[variant]} ${sizes[size]} ${className}`, ...props }));
 });
-function Button({ className, variant = "default", size = "default", asChild = false, ...props }) {
-    const Comp = asChild ? Slot : "button";
-    return (jsx(Comp, { "data-slot": "button", "data-variant": variant, "data-size": size, className: cn(buttonVariants({ variant, size, className })), ...props }));
-}
 
-export { Button, buttonVariants };
-//# sourceMappingURL=button.js.map
+export { Button };
+//# sourceMappingURL=Button.js.map

package/dist/components/ui/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","sources":["../../../src/components/ui/button.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"../../lib/utils\"\n\nconst buttonVariants = cva(\n  \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-primary text-primary-foreground hover:bg-primary/90\",\n        destructive:\n          \"bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60\",\n        outline:\n          \"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50\",\n        secondary:\n          \"bg-secondary text-secondary-foreground hover:bg-secondary/80\",\n        ghost:\n          \"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50\",\n        link: \"text-primary underline-offset-4 hover:underline\",\n      },\n      size: {\n        default: \"h-9 px-4 py-2 has-[>svg]:px-3\",\n        sm: \"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5\",\n        lg: \"h-10 rounded-md px-6 has-[>svg]:px-4\",\n        icon: \"size-9\",\n        \"icon-sm\": \"size-8\",\n        \"icon-lg\": \"size-10\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\nfunction Button({\n  className,\n  variant = \"default\",\n  size = \"default\",\n  asChild = false,\n  ...props\n}: React.ComponentProps<\"button\"> &\n  VariantProps<typeof buttonVariants> & {\n    asChild?: boolean\n  }) {\n  const Comp = asChild ? Slot : \"button\"\n\n  return (\n    <Comp\n      data-slot=\"button\"\n      data-variant={variant}\n      data-size={size}\n      className={cn(buttonVariants({ variant, size, className }))}\n      {...props}\n    />\n  )\n}\n\nexport { Button, buttonVariants }\n"],"names":["_jsx"],"mappings":";;;;;AAMA,MAAM,cAAc,GAAG,GAAG,CACxB,6bAA6b,EAC7b;AACE,IAAA,QAAQ,EAAE;AACR,QAAA,OAAO,EAAE;AACP,YAAA,OAAO,EAAE,wDAAwD;AACjE,YAAA,WAAW,EACT,mJAAmJ;AACrJ,YAAA,OAAO,EACL,uIAAuI;AACzI,YAAA,SAAS,EACP,8DAA8D;AAChE,YAAA,KAAK,EACH,sEAAsE;AACxE,YAAA,IAAI,EAAE,iDAAiD;AACxD,SAAA;AACD,QAAA,IAAI,EAAE;AACJ,YAAA,OAAO,EAAE,+BAA+B;AACxC,YAAA,EAAE,EAAE,+CAA+C;AACnD,YAAA,EAAE,EAAE,sCAAsC;AAC1C,YAAA,IAAI,EAAE,QAAQ;AACd,YAAA,SAAS,EAAE,QAAQ;AACnB,YAAA,SAAS,EAAE,SAAS;AACrB,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,OAAO,EAAE,SAAS;AAClB,QAAA,IAAI,EAAE,SAAS;AAChB,KAAA;AACF,CAAA;AAGH,SAAS,MAAM,CAAC,EACd,SAAS,EACT,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,SAAS,EAChB,OAAO,GAAG,KAAK,EACf,GAAG,KAAK,EAIP,EAAA;IACD,MAAM,IAAI,GAAG,OAAO,GAAG,IAAI,GAAG,QAAQ;AAEtC,IAAA,QACEA,GAAA,CAAC,IAAI,EAAA,EAAA,WAAA,EACO,QAAQ,EAAA,cAAA,EACJ,OAAO,EAAA,WAAA,EACV,IAAI,EACf,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,EAAA,GACvD,KAAK,EAAA,CACT;AAEN;;;;"}
+{"version":3,"file":"Button.js","sources":["../../../src/components/ui/Button.tsx"],"sourcesContent":["\r\nimport React from 'react';\r\n\r\ninterface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\r\n  variant?: 'default' | 'destructive' | 'outline' | 'secondary' | 'ghost' | 'link';\r\n  size?: 'default' | 'sm' | 'lg' | 'icon';\r\n}\r\n\r\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\r\n  ({ className = '', variant = 'default', size = 'default', ...props }, ref) => {\r\n    const baseStyles = 'inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-white transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-950 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50';\r\n    \r\n    const variants = {\r\n      default: 'bg-slate-900 text-slate-50 hover:bg-slate-900/90',\r\n      destructive: 'bg-red-500 text-slate-50 hover:bg-red-500/90',\r\n      outline: 'border border-slate-200 bg-white hover:bg-slate-100 hover:text-slate-900',\r\n      secondary: 'bg-slate-100 text-slate-900 hover:bg-slate-100/80',\r\n      ghost: 'hover:bg-slate-100 hover:text-slate-900',\r\n      link: 'text-slate-900 underline-offset-4 hover:underline',\r\n    };\r\n\r\n    const sizes = {\r\n      default: 'h-10 px-4 py-2',\r\n      sm: 'h-9 rounded-md px-3',\r\n      lg: 'h-11 rounded-md px-8',\r\n      icon: 'h-10 w-10',\r\n    };\r\n\r\n    return (\r\n      <button\r\n        ref={ref}\r\n        className={`${baseStyles} ${variants[variant]} ${sizes[size]} ${className}`}\r\n        {...props}\r\n      />\r\n    );\r\n  }\r\n);\r\n"],"names":["_jsx"],"mappings":";;;AAQO,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CACpC,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,OAAO,GAAG,SAAS,EAAE,IAAI,GAAG,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;IAC3E,MAAM,UAAU,GAAG,wRAAwR;AAE3S,IAAA,MAAM,QAAQ,GAAG;AACf,QAAA,OAAO,EAAE,kDAAkD;AAC3D,QAAA,WAAW,EAAE,8CAA8C;AAC3D,QAAA,OAAO,EAAE,0EAA0E;AACnF,QAAA,SAAS,EAAE,mDAAmD;AAC9D,QAAA,KAAK,EAAE,yCAAyC;AAChD,QAAA,IAAI,EAAE,mDAAmD;KAC1D;AAED,IAAA,MAAM,KAAK,GAAG;AACZ,QAAA,OAAO,EAAE,gBAAgB;AACzB,QAAA,EAAE,EAAE,qBAAqB;AACzB,QAAA,EAAE,EAAE,sBAAsB;AAC1B,QAAA,IAAI,EAAE,WAAW;KAClB;IAED,QACEA,GAAA,CAAA,QAAA,EAAA,EACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,CAAA,EAAG,UAAU,CAAA,CAAA,EAAI,QAAQ,CAAC,OAAO,CAAC,CAAA,CAAA,EAAI,KAAK,CAAC,IAAI,CAAC,CAAA,CAAA,EAAI,SAAS,CAAA,CAAE,EAAA,GACvE,KAAK,EAAA,CACT;AAEN,CAAC;;;;"}

package/dist/components/ui/dialog.d.ts

@@ -1,15 +1,11 @@
-import * as React from "react";
-import * as DialogPrimitive from "@radix-ui/react-dialog";
-declare function Dialog({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-declare function DialogTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
-declare function DialogPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
-declare function DialogClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>): import("react/jsx-runtime").JSX.Element;
-declare function DialogOverlay({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Overlay>): import("react/jsx-runtime").JSX.Element;
-declare function DialogContent({ className, children, showCloseButton, ...props }: React.ComponentProps<typeof DialogPrimitive.Content> & {
-    showCloseButton?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-declare function DialogHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function DialogFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function DialogTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
-declare function DialogDescription({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
-export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };
+import React from 'react';
+interface DialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    title: string;
+    description?: string;
+    children: React.ReactNode;
+    footer?: React.ReactNode;
+}
+export declare const Dialog: React.FC<DialogProps>;
+export {};

package/dist/components/ui/dialog.js

@@ -1,29 +1,11 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import * as DialogPrimitive from '@radix-ui/react-dialog';
-import { XIcon } from 'lucide-react';
-import { cn } from '../../lib/utils.js';
+import { X } from 'lucide-react';
 
-function Dialog({ ...props }) {
-    return jsx(DialogPrimitive.Root, { "data-slot": "dialog", ...props });
-}
-function DialogPortal({ ...props }) {
-    return jsx(DialogPrimitive.Portal, { "data-slot": "dialog-portal", ...props });
-}
-function DialogOverlay({ className, ...props }) {
-    return (jsx(DialogPrimitive.Overlay, { "data-slot": "dialog-overlay", className: cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50", className), ...props }));
-}
-function DialogContent({ className, children, showCloseButton = true, ...props }) {
-    return (jsxs(DialogPortal, { "data-slot": "dialog-portal", children: [jsx(DialogOverlay, {}), jsxs(DialogPrimitive.Content, { "data-slot": "dialog-content", className: cn("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 outline-none sm:max-w-lg", className), ...props, children: [children, showCloseButton && (jsxs(DialogPrimitive.Close, { "data-slot": "dialog-close", className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", children: [jsx(XIcon, {}), jsx("span", { className: "sr-only", children: "Close" })] }))] })] }));
-}
-function DialogHeader({ className, ...props }) {
-    return (jsx("div", { "data-slot": "dialog-header", className: cn("flex flex-col gap-2 text-center sm:text-left", className), ...props }));
-}
-function DialogTitle({ className, ...props }) {
-    return (jsx(DialogPrimitive.Title, { "data-slot": "dialog-title", className: cn("text-lg leading-none font-semibold", className), ...props }));
-}
-function DialogDescription({ className, ...props }) {
-    return (jsx(DialogPrimitive.Description, { "data-slot": "dialog-description", className: cn("text-muted-foreground text-sm", className), ...props }));
-}
+const Dialog = ({ open, onOpenChange, title, description, children, footer }) => {
+    if (!open)
+        return null;
+    return (jsx("div", { className: "fixed inset-0 z-50 flex items-start justify-center overflow-y-auto bg-slate-950/80 p-4 pt-[5vh] backdrop-blur-3xl animate-in fade-in duration-200", children: jsxs("div", { className: "relative w-full max-w-4xl rounded-lg border border-slate-200 bg-white p-6 shadow-lg animate-in zoom-in-95 duration-200", children: [jsxs("div", { className: "flex flex-col space-y-1.5 text-center sm:text-left mb-6", children: [jsx("h2", { className: "text-lg font-semibold leading-none tracking-tight", children: title }), description && jsx("p", { className: "text-sm text-slate-500", children: description }), jsxs("button", { onClick: () => onOpenChange(false), className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-white transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-slate-950 focus:ring-offset-2 disabled:pointer-events-none", children: [jsx(X, { className: "h-4 w-4" }), jsx("span", { className: "sr-only", children: "Close" })] })] }), jsx("div", { className: "py-2", children: children }), footer && (jsx("div", { className: "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2 mt-6", children: footer }))] }) }));
+};
 
-export { Dialog, DialogContent, DialogDescription, DialogHeader, DialogOverlay, DialogPortal, DialogTitle };
-//# sourceMappingURL=dialog.js.map
+export { Dialog };
+//# sourceMappingURL=Dialog.js.map

package/dist/components/ui/dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.js","sources":["../../../src/components/ui/dialog.tsx"],"sourcesContent":["import * as React from \"react\"\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\"\nimport { XIcon } from \"lucide-react\"\n\nimport { cn } from \"../../lib/utils\"\n\nfunction Dialog({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Root>) {\n  return <DialogPrimitive.Root data-slot=\"dialog\" {...props} />\n}\n\nfunction DialogTrigger({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Trigger>) {\n  return <DialogPrimitive.Trigger data-slot=\"dialog-trigger\" {...props} />\n}\n\nfunction DialogPortal({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Portal>) {\n  return <DialogPrimitive.Portal data-slot=\"dialog-portal\" {...props} />\n}\n\nfunction DialogClose({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Close>) {\n  return <DialogPrimitive.Close data-slot=\"dialog-close\" {...props} />\n}\n\nfunction DialogOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Overlay>) {\n  return (\n    <DialogPrimitive.Overlay\n      data-slot=\"dialog-overlay\"\n      className={cn(\n        \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DialogContent({\n  className,\n  children,\n  showCloseButton = true,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Content> & {\n  showCloseButton?: boolean\n}) {\n  return (\n    <DialogPortal data-slot=\"dialog-portal\">\n      <DialogOverlay />\n      <DialogPrimitive.Content\n        data-slot=\"dialog-content\"\n        className={cn(\n          \"bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 outline-none sm:max-w-lg\",\n          className\n        )}\n        {...props}\n      >\n        {children}\n        {showCloseButton && (\n          <DialogPrimitive.Close\n            data-slot=\"dialog-close\"\n            className=\"ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\"\n          >\n            <XIcon />\n            <span className=\"sr-only\">Close</span>\n          </DialogPrimitive.Close>\n        )}\n      </DialogPrimitive.Content>\n    </DialogPortal>\n  )\n}\n\nfunction DialogHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"dialog-header\"\n      className={cn(\"flex flex-col gap-2 text-center sm:text-left\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction DialogFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"dialog-footer\"\n      className={cn(\n        \"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DialogTitle({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Title>) {\n  return (\n    <DialogPrimitive.Title\n      data-slot=\"dialog-title\"\n      className={cn(\"text-lg leading-none font-semibold\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction DialogDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Description>) {\n  return (\n    <DialogPrimitive.Description\n      data-slot=\"dialog-description\"\n      className={cn(\"text-muted-foreground text-sm\", className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogOverlay,\n  DialogPortal,\n  DialogTitle,\n  DialogTrigger,\n}\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;AAMA,SAAS,MAAM,CAAC,EACd,GAAG,KAAK,EAC0C,EAAA;IAClD,OAAOA,GAAA,CAAC,eAAe,CAAC,IAAI,iBAAW,QAAQ,EAAA,GAAK,KAAK,EAAA,CAAI;AAC/D;AAQA,SAAS,YAAY,CAAC,EACpB,GAAG,KAAK,EAC4C,EAAA;IACpD,OAAOA,GAAA,CAAC,eAAe,CAAC,MAAM,iBAAW,eAAe,EAAA,GAAK,KAAK,EAAA,CAAI;AACxE;AAQA,SAAS,aAAa,CAAC,EACrB,SAAS,EACT,GAAG,KAAK,EAC6C,EAAA;IACrD,QACEA,IAAC,eAAe,CAAC,OAAO,EAAA,EAAA,WAAA,EACZ,gBAAgB,EAC1B,SAAS,EAAE,EAAE,CACX,wJAAwJ,EACxJ,SAAS,CACV,KACG,KAAK,EAAA,CACT;AAEN;AAEA,SAAS,aAAa,CAAC,EACrB,SAAS,EACT,QAAQ,EACR,eAAe,GAAG,IAAI,EACtB,GAAG,KAAK,EAGT,EAAA;IACC,QACEC,IAAA,CAAC,YAAY,EAAA,EAAA,WAAA,EAAW,eAAe,EAAA,QAAA,EAAA,CACrCD,GAAA,CAAC,aAAa,EAAA,EAAA,CAAG,EACjBC,IAAA,CAAC,eAAe,CAAC,OAAO,EAAA,EAAA,WAAA,EACZ,gBAAgB,EAC1B,SAAS,EAAE,EAAE,CACX,0XAA0X,EAC1X,SAAS,CACV,EAAA,GACG,KAAK,EAAA,QAAA,EAAA,CAER,QAAQ,EACR,eAAe,KACdA,IAAA,CAAC,eAAe,CAAC,KAAK,EAAA,EAAA,WAAA,EACV,cAAc,EACxB,SAAS,EAAC,mWAAmW,EAAA,QAAA,EAAA,CAE7WD,GAAA,CAAC,KAAK,EAAA,EAAA,CAAG,EACTA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,SAAS,EAAA,QAAA,EAAA,OAAA,EAAA,CAAa,CAAA,EAAA,CAChB,CACzB,CAAA,EAAA,CACuB,CAAA,EAAA,CACb;AAEnB;AAEA,SAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B,EAAA;AACxE,IAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EAAA,WAAA,EACY,eAAe,EACzB,SAAS,EAAE,EAAE,CAAC,8CAA8C,EAAE,SAAS,CAAC,EAAA,GACpE,KAAK,EAAA,CACT;AAEN;AAeA,SAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EAC2C,EAAA;IACnD,QACEA,IAAC,eAAe,CAAC,KAAK,EAAA,EAAA,WAAA,EACV,cAAc,EACxB,SAAS,EAAE,EAAE,CAAC,oCAAoC,EAAE,SAAS,CAAC,KAC1D,KAAK,EAAA,CACT;AAEN;AAEA,SAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACiD,EAAA;IACzD,QACEA,IAAC,eAAe,CAAC,WAAW,EAAA,EAAA,WAAA,EAChB,oBAAoB,EAC9B,SAAS,EAAE,EAAE,CAAC,+BAA+B,EAAE,SAAS,CAAC,KACrD,KAAK,EAAA,CACT;AAEN;;;;"}
+{"version":3,"file":"Dialog.js","sources":["../../../src/components/ui/Dialog.tsx"],"sourcesContent":["\r\nimport React from 'react';\r\nimport { X } from 'lucide-react';\r\n\r\ninterface DialogProps {\r\n  open: boolean;\r\n  onOpenChange: (open: boolean) => void;\r\n  title: string;\r\n  description?: string;\r\n  children: React.ReactNode;\r\n  footer?: React.ReactNode;\r\n}\r\n\r\nexport const Dialog: React.FC<DialogProps> = ({ open, onOpenChange, title, description, children, footer }) => {\r\n  if (!open) return null;\r\n\r\n  return (\r\n    <div className=\"fixed inset-0 z-50 flex items-start justify-center overflow-y-auto bg-slate-950/80 p-4 pt-[5vh] backdrop-blur-3xl animate-in fade-in duration-200\">\r\n      <div className=\"relative w-full max-w-4xl rounded-lg border border-slate-200 bg-white p-6 shadow-lg animate-in zoom-in-95 duration-200\">\r\n        <div className=\"flex flex-col space-y-1.5 text-center sm:text-left mb-6\">\r\n          <h2 className=\"text-lg font-semibold leading-none tracking-tight\">{title}</h2>\r\n          {description && <p className=\"text-sm text-slate-500\">{description}</p>}\r\n          <button\r\n            onClick={() => onOpenChange(false)}\r\n            className=\"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-white transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-slate-950 focus:ring-offset-2 disabled:pointer-events-none\"\r\n          >\r\n            <X className=\"h-4 w-4\" />\r\n            <span className=\"sr-only\">Close</span>\r\n          </button>\r\n        </div>\r\n        <div className=\"py-2\">\r\n          {children}\r\n        </div>\r\n        {footer && (\r\n          <div className=\"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2 mt-6\">\r\n            {footer}\r\n          </div>\r\n        )}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["_jsx","_jsxs"],"mappings":";;;AAaO,MAAM,MAAM,GAA0B,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAI;AAC5G,IAAA,IAAI,CAAC,IAAI;AAAE,QAAA,OAAO,IAAI;AAEtB,IAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,mJAAmJ,EAAA,QAAA,EAChKC,cAAK,SAAS,EAAC,wHAAwH,EAAA,QAAA,EAAA,CACrIA,cAAK,SAAS,EAAC,yDAAyD,EAAA,QAAA,EAAA,CACtED,GAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAC,mDAAmD,EAAA,QAAA,EAAE,KAAK,GAAM,EAC7E,WAAW,IAAIA,GAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAC,wBAAwB,EAAA,QAAA,EAAE,WAAW,EAAA,CAAK,EACvEC,iBACE,OAAO,EAAE,MAAM,YAAY,CAAC,KAAK,CAAC,EAClC,SAAS,EAAC,2MAA2M,aAErND,GAAA,CAAC,CAAC,IAAC,SAAS,EAAC,SAAS,EAAA,CAAG,EACzBA,cAAM,SAAS,EAAC,SAAS,EAAA,QAAA,EAAA,OAAA,EAAA,CAAa,CAAA,EAAA,CAC/B,IACL,EACNA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,MAAM,EAAA,QAAA,EAClB,QAAQ,GACL,EACL,MAAM,KACLA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,oEAAoE,YAChF,MAAM,EAAA,CACH,CACP,CAAA,EAAA,CACG,EAAA,CACF;AAEV;;;;"}

package/dist/components/ui/input.d.ts

@@ -1,3 +1,2 @@
-import * as React from "react";
-declare function Input({ className, type, ...props }: React.ComponentProps<"input">): import("react/jsx-runtime").JSX.Element;
-export { Input };
+import React from 'react';
+export declare const Input: React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLInputElement> & React.RefAttributes<HTMLInputElement>>;

package/dist/components/ui/input.js

@@ -1,9 +1,9 @@
 import { jsx } from 'react/jsx-runtime';
-import { cn } from '../../lib/utils.js';
+import React from 'react';
 
-function Input({ className, type, ...props }) {
-    return (jsx("input", { type: type, "data-slot": "input", className: cn("file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]", "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", className), ...props }));
-}
+const Input = React.forwardRef(({ className = '', type, ...props }, ref) => {
+    return (jsx("input", { type: type, className: `flex h-10 w-full rounded-md border border-slate-200 bg-white px-3 py-2 text-sm ring-offset-white file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-slate-500 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-950 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 ${className}`, ref: ref, ...props }));
+});
 
 export { Input };
-//# sourceMappingURL=input.js.map
+//# sourceMappingURL=Input.js.map

package/dist/components/ui/input.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.js","sources":["../../../src/components/ui/input.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"../../lib/utils\"\n\nfunction Input({ className, type, ...props }: React.ComponentProps<\"input\">) {\n  return (\n    <input\n      type={type}\n      data-slot=\"input\"\n      className={cn(\n        \"file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm\",\n        \"focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]\",\n        \"aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Input }\n"],"names":["_jsx"],"mappings":";;;AAIA,SAAS,KAAK,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,KAAK,EAAiC,EAAA;IACzE,QACEA,GAAA,CAAA,OAAA,EAAA,EACE,IAAI,EAAE,IAAI,eACA,OAAO,EACjB,SAAS,EAAE,EAAE,CACX,4bAA4b,EAC5b,+EAA+E,EAC/E,wGAAwG,EACxG,SAAS,CACV,EAAA,GACG,KAAK,EAAA,CACT;AAEN;;;;"}
+{"version":3,"file":"Input.js","sources":["../../../src/components/ui/Input.tsx"],"sourcesContent":["\r\nimport React from 'react';\r\n\r\nexport const Input = React.forwardRef<HTMLInputElement, React.InputHTMLAttributes<HTMLInputElement>>(\r\n  ({ className = '', type, ...props }, ref) => {\r\n    return (\r\n      <input\r\n        type={type}\r\n        className={`flex h-10 w-full rounded-md border border-slate-200 bg-white px-3 py-2 text-sm ring-offset-white file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-slate-500 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-950 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 ${className}`}\r\n        ref={ref}\r\n        {...props}\r\n      />\r\n    );\r\n  }\r\n);\r\n"],"names":["_jsx"],"mappings":";;;MAGa,KAAK,GAAG,KAAK,CAAC,UAAU,CACnC,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;AAC1C,IAAA,QACEA,GAAA,CAAA,OAAA,EAAA,EACE,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,CAAA,qVAAA,EAAwV,SAAS,CAAA,CAAE,EAC9W,GAAG,EAAE,GAAG,KACJ,KAAK,EAAA,CACT;AAEN,CAAC;;;;"}

package/dist/components/ui/select.d.ts

@@ -1,15 +1,13 @@
-import * as React from "react";
-import * as SelectPrimitive from "@radix-ui/react-select";
-declare function Select({ ...props }: React.ComponentProps<typeof SelectPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-declare function SelectGroup({ ...props }: React.ComponentProps<typeof SelectPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
-declare function SelectValue({ ...props }: React.ComponentProps<typeof SelectPrimitive.Value>): import("react/jsx-runtime").JSX.Element;
-declare function SelectTrigger({ className, size, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Trigger> & {
-    size?: "sm" | "default";
-}): import("react/jsx-runtime").JSX.Element;
-declare function SelectContent({ className, children, position, align, ...props }: React.ComponentProps<typeof SelectPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
-declare function SelectLabel({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Label>): import("react/jsx-runtime").JSX.Element;
-declare function SelectItem({ className, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
-declare function SelectSeparator({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
-declare function SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>): import("react/jsx-runtime").JSX.Element;
-declare function SelectScrollDownButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>): import("react/jsx-runtime").JSX.Element;
-export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, };
+import React from 'react';
+interface SelectProps {
+    value: string;
+    onValueChange: (value: string) => void;
+    options: {
+        value: string;
+        label: string;
+    }[];
+    placeholder?: string;
+    className?: string;
+}
+export declare const Select: React.FC<SelectProps>;
+export {};