@cryptlex/web-components 1.3.4 → 1.3.5

package/dist/components/ui/table.es.js

@@ -1,12 +1,12 @@
 import { jsx as o } from "react/jsx-runtime";
 import * as t from "react";
-import { cn as l } from "../../utils/index.es.js";
-const d = t.forwardRef(
+import { cn as d } from "../../utils/index.es.js";
+const l = t.forwardRef(
   ({ className: e, ...a }, r) => /* @__PURE__ */ o("div", { className: "w-full", children: /* @__PURE__ */ o(
     "table",
     {
       ref: r,
-      className: l(
+      className: d(
         "w-full caption-bottom text-sm [&_tr:last-child]:border-0 my-0 overflow-x-auto whitespace-nowrap",
         e
       ),
@@ -14,12 +14,12 @@ const d = t.forwardRef(
     }
   ) })
 );
-d.displayName = "Table";
+l.displayName = "Table";
 const s = t.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ o(
   "thead",
   {
     ref: r,
-    className: l("[&_tr]:border-b border-b", e),
+    className: d("[&_tr]:border-b border-b", e),
     ...a
   }
 ));
@@ -28,7 +28,7 @@ const b = t.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ o(
   "tbody",
   {
     ref: r,
-    className: l(
+    className: d(
       "[&_tr:last-child]:border-b-2 [&_tr:last-child]:border-dotted",
       // Updated to 2px dotted border for the last row
       e
@@ -37,34 +37,34 @@ const b = t.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ o(
   }
 ));
 b.displayName = "TableBody";
-const c = t.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ o(
+const m = t.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ o(
   "tfoot",
   {
     ref: r,
-    className: l("border-t bg-card/50 font-medium [&>tr]:last:border-b-0", e),
+    className: d("border-t bg-card/50 font-medium [&>tr]:last:border-b-0", e),
     ...a
   }
 ));
-c.displayName = "TableFooter";
-const m = t.forwardRef(
+m.displayName = "TableFooter";
+const c = t.forwardRef(
   ({ className: e, ...a }, r) => /* @__PURE__ */ o(
     "tr",
     {
       ref: r,
-      className: l(
-        "border-b transition-colors hover:bg-card/50 data-[state=selected]:bg-card",
+      className: d(
+        "border-b border-card cursor-pointer transition-colors  data-[state=selected]:bg-muted-foreground/20 hover:bg-muted-foreground/30",
         e
       ),
       ...a
     }
   )
 );
-m.displayName = "TableRow";
+c.displayName = "TableRow";
 const i = t.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ o(
   "th",
   {
     ref: r,
-    className: l(
+    className: d(
       "h-12 px-4 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0",
       e
     ),
@@ -76,7 +76,7 @@ const f = t.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ o(
   "td",
   {
     ref: r,
-    className: l(
+    className: d(
       "p-4 align-middle [&:has([role=checkbox])]:pr-0 border-b [&_tr:last-child]:border-dotted",
       e
     ),
@@ -84,16 +84,16 @@ const f = t.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ o(
   }
 ));
 f.displayName = "TableCell";
-const n = t.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ o("caption", { ref: r, className: l("mt-4 text-sm text-muted-foreground", e), ...a }));
+const n = t.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ o("caption", { ref: r, className: d("mt-4 text-sm text-muted-foreground", e), ...a }));
 n.displayName = "TableCaption";
 export {
-  d as Table,
+  l as Table,
   b as TableBody,
   n as TableCaption,
   f as TableCell,
-  c as TableFooter,
+  m as TableFooter,
   i as TableHead,
   s as TableHeader,
-  m as TableRow
+  c as TableRow
 };
 //# sourceMappingURL=table.es.js.map

package/dist/components/ui/table.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"table.es.js","sources":["../../../lib/components/ui/table.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"@/utils\"\n\nconst Table = React.forwardRef<HTMLTableElement, React.HTMLAttributes<HTMLTableElement>>(\n  ({ className, ...props }, ref) => (\n    <div className=\"w-full\">\n      <table\n        ref={ref}\n        className={cn(\n          'w-full caption-bottom text-sm [&_tr:last-child]:border-0 my-0 overflow-x-auto whitespace-nowrap',\n          className,\n        )}\n        {...props}\n      />\n    </div>\n  ),\n);\nTable.displayName = 'Table';\n\nconst TableHeader = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <thead\n    ref={ref}\n    className={cn('[&_tr]:border-b border-b', className)} // Added border-b to apply a bottom border\n    {...props}\n  />\n));\nTableHeader.displayName = 'TableHeader';\n\nconst TableBody = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <tbody\n    ref={ref}\n    className={cn(\n      '[&_tr:last-child]:border-b-2 [&_tr:last-child]:border-dotted', // Updated to 2px dotted border for the last row\n      className,\n    )}\n    {...props}\n  />\n));\nTableBody.displayName = \"TableBody\";\n\nconst TableFooter = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <tfoot\n    ref={ref}\n    className={cn(\"border-t bg-card/50 font-medium [&>tr]:last:border-b-0\", className)}\n    {...props}\n  />\n));\nTableFooter.displayName = \"TableFooter\";\n\nconst TableRow = React.forwardRef<HTMLTableRowElement, React.HTMLAttributes<HTMLTableRowElement>>(\n  ({ className, ...props }, ref) => (\n    <tr\n      ref={ref}\n      className={cn(\n        \"border-b transition-colors hover:bg-card/50 data-[state=selected]:bg-card\",\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nTableRow.displayName = \"TableRow\";\n\nconst TableHead = React.forwardRef<\n  HTMLTableCellElement,\n  React.ThHTMLAttributes<HTMLTableCellElement>\n>(({ className, ...props }, ref) => (\n  <th\n    ref={ref}\n    className={cn(\n      \"h-12 px-4 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0\",\n      className,\n    )}\n    {...props}\n  />\n));\nTableHead.displayName = \"TableHead\";\n\nconst TableCell = React.forwardRef<\n  HTMLTableCellElement,\n  React.TdHTMLAttributes<HTMLTableCellElement>\n>(({ className, ...props }, ref) => (\n  <td\n    ref={ref}\n    className={cn(\n      'p-4 align-middle [&:has([role=checkbox])]:pr-0 border-b [&_tr:last-child]:border-dotted',\n      className,\n    )}\n    {...props}\n  />\n));\nTableCell.displayName = \"TableCell\";\n\nconst TableCaption = React.forwardRef<\n  HTMLTableCaptionElement,\n  React.HTMLAttributes<HTMLTableCaptionElement>\n>(({ className, ...props }, ref) => (\n  <caption ref={ref} className={cn(\"mt-4 text-sm text-muted-foreground\", className)} {...props} />\n));\nTableCaption.displayName = \"TableCaption\";\n\nexport { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption };\n"],"names":["Table","React","className","props","ref","jsx","cn","TableHeader","TableBody","TableFooter","TableRow","TableHead","TableCell","TableCaption"],"mappings":";;;AAIA,MAAMA,IAAQC,EAAM;AAAA,EAClB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MACxB,gBAAAC,EAAC,OAAI,EAAA,WAAU,UACb,UAAA,gBAAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,WAAWE;AAAA,QACT;AAAA,QACAJ;AAAA,MACF;AAAA,MACC,GAAGC;AAAA,IAAA;AAAA,EAAA,EAER,CAAA;AAEJ;AACAH,EAAM,cAAc;AAEd,MAAAO,IAAcN,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE,EAAG,4BAA4BJ,CAAS;AAAA,IAClD,GAAGC;AAAA,EAAA;AACN,CACD;AACDI,EAAY,cAAc;AAEpB,MAAAC,IAAYP,EAAM,WAGtB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE;AAAA,MACT;AAAA;AAAA,MACAJ;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN,CACD;AACDK,EAAU,cAAc;AAElB,MAAAC,IAAcR,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE,EAAG,0DAA0DJ,CAAS;AAAA,IAChF,GAAGC;AAAA,EAAA;AACN,CACD;AACDM,EAAY,cAAc;AAE1B,MAAMC,IAAWT,EAAM;AAAA,EACrB,CAAC,EAAE,WAAAC,GAAW,GAAGC,KAASC,MACxB,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,WAAWE;AAAA,QACT;AAAA,QACAJ;AAAA,MACF;AAAA,MACC,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AACAO,EAAS,cAAc;AAEjB,MAAAC,IAAYV,EAAM,WAGtB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACAJ;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN,CACD;AACDQ,EAAU,cAAc;AAElB,MAAAC,IAAYX,EAAM,WAGtB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACAJ;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN,CACD;AACDS,EAAU,cAAc;AAElB,MAAAC,IAAeZ,EAAM,WAGzB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAS,GAAAC,wBACzB,WAAQ,EAAA,KAAAA,GAAU,WAAWE,EAAG,sCAAsCJ,CAAS,GAAI,GAAGC,GAAO,CAC/F;AACDU,EAAa,cAAc;"}
+{"version":3,"file":"table.es.js","sources":["../../../lib/components/ui/table.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { cn } from '@/utils';\n\nconst Table = React.forwardRef<HTMLTableElement, React.HTMLAttributes<HTMLTableElement>>(\n  ({ className, ...props }, ref) => (\n    <div className=\"w-full\">\n      <table\n        ref={ref}\n        className={cn(\n          'w-full caption-bottom text-sm [&_tr:last-child]:border-0 my-0 overflow-x-auto whitespace-nowrap',\n          className,\n        )}\n        {...props}\n      />\n    </div>\n  ),\n);\nTable.displayName = 'Table';\n\nconst TableHeader = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <thead\n    ref={ref}\n    className={cn('[&_tr]:border-b border-b', className)} // Added border-b to apply a bottom border\n    {...props}\n  />\n));\nTableHeader.displayName = 'TableHeader';\n\nconst TableBody = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <tbody\n    ref={ref}\n    className={cn(\n      '[&_tr:last-child]:border-b-2 [&_tr:last-child]:border-dotted', // Updated to 2px dotted border for the last row\n      className,\n    )}\n    {...props}\n  />\n));\nTableBody.displayName = 'TableBody';\n\nconst TableFooter = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <tfoot\n    ref={ref}\n    className={cn('border-t bg-card/50 font-medium [&>tr]:last:border-b-0', className)}\n    {...props}\n  />\n));\nTableFooter.displayName = 'TableFooter';\n\nconst TableRow = React.forwardRef<HTMLTableRowElement, React.HTMLAttributes<HTMLTableRowElement>>(\n  ({ className, ...props }, ref) => (\n    <tr\n      ref={ref}\n      className={cn(\n        'border-b border-card cursor-pointer transition-colors  data-[state=selected]:bg-muted-foreground/20 hover:bg-muted-foreground/30',\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nTableRow.displayName = 'TableRow';\n\nconst TableHead = React.forwardRef<\n  HTMLTableCellElement,\n  React.ThHTMLAttributes<HTMLTableCellElement>\n>(({ className, ...props }, ref) => (\n  <th\n    ref={ref}\n    className={cn(\n      'h-12 px-4 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0',\n      className,\n    )}\n    {...props}\n  />\n));\nTableHead.displayName = 'TableHead';\n\nconst TableCell = React.forwardRef<\n  HTMLTableCellElement,\n  React.TdHTMLAttributes<HTMLTableCellElement>\n>(({ className, ...props }, ref) => (\n  <td\n    ref={ref}\n    className={cn(\n      'p-4 align-middle [&:has([role=checkbox])]:pr-0 border-b [&_tr:last-child]:border-dotted',\n      className,\n    )}\n    {...props}\n  />\n));\nTableCell.displayName = 'TableCell';\n\nconst TableCaption = React.forwardRef<\n  HTMLTableCaptionElement,\n  React.HTMLAttributes<HTMLTableCaptionElement>\n>(({ className, ...props }, ref) => (\n  <caption ref={ref} className={cn('mt-4 text-sm text-muted-foreground', className)} {...props} />\n));\nTableCaption.displayName = 'TableCaption';\n\nexport { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };\n"],"names":["Table","React","className","props","ref","jsx","cn","TableHeader","TableBody","TableFooter","TableRow","TableHead","TableCell","TableCaption"],"mappings":";;;AAIA,MAAMA,IAAQC,EAAM;AAAA,EAClB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MACxB,gBAAAC,EAAC,OAAI,EAAA,WAAU,UACb,UAAA,gBAAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,WAAWE;AAAA,QACT;AAAA,QACAJ;AAAA,MACF;AAAA,MACC,GAAGC;AAAA,IAAA;AAAA,EAAA,EAER,CAAA;AAEJ;AACAH,EAAM,cAAc;AAEd,MAAAO,IAAcN,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE,EAAG,4BAA4BJ,CAAS;AAAA,IAClD,GAAGC;AAAA,EAAA;AACN,CACD;AACDI,EAAY,cAAc;AAEpB,MAAAC,IAAYP,EAAM,WAGtB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE;AAAA,MACT;AAAA;AAAA,MACAJ;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN,CACD;AACDK,EAAU,cAAc;AAElB,MAAAC,IAAcR,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE,EAAG,0DAA0DJ,CAAS;AAAA,IAChF,GAAGC;AAAA,EAAA;AACN,CACD;AACDM,EAAY,cAAc;AAE1B,MAAMC,IAAWT,EAAM;AAAA,EACrB,CAAC,EAAE,WAAAC,GAAW,GAAGC,KAASC,MACxB,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,WAAWE;AAAA,QACT;AAAA,QACAJ;AAAA,MACF;AAAA,MACC,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AACAO,EAAS,cAAc;AAEjB,MAAAC,IAAYV,EAAM,WAGtB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACAJ;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN,CACD;AACDQ,EAAU,cAAc;AAElB,MAAAC,IAAYX,EAAM,WAGtB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACAJ;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN,CACD;AACDS,EAAU,cAAc;AAElB,MAAAC,IAAeZ,EAAM,WAGzB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAS,GAAAC,wBACzB,WAAQ,EAAA,KAAAA,GAAU,WAAWE,EAAG,sCAAsCJ,CAAS,GAAI,GAAGC,GAAO,CAC/F;AACDU,EAAa,cAAc;"}

package/dist/index.es.d.ts

@@ -4,6 +4,7 @@ import { AllowInDimension } from 'recharts/types/util/types';
 import { AnimationDuration } from 'recharts/types/util/types';
 import { AnimationTiming } from 'recharts/types/util/types';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
+import { ButtonProps as ButtonProps_2 } from './button';
 import { CartesianViewBox } from 'recharts/types/util/types';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import { ClassProp } from 'class-variance-authority/types';
@@ -32,6 +33,7 @@ import { FieldPath } from 'react-hook-form';
 import { FieldValues } from 'react-hook-form';
 import { FormProviderProps } from 'react-hook-form';
 import { ForwardRefExoticComponent } from 'react';
+import { InputProps as InputProps_2 } from './input';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
 import * as LabelPrimitive from '@radix-ui/react-label';
 import { LucideIcon } from 'lucide-react';
@@ -327,6 +329,17 @@ export declare function convertCamelCaseToTitleCase(string: string): string;
  */
 export declare function convertToTitleCase(input: string): string;
 
+export declare function CopyButton({ value, display, tooltipMessage, onCopy, }: CopyProps): JSX_2.Element;
+
+declare interface CopyProps {
+    value: string;
+    display?: string;
+    tooltipMessage?: string;
+    className?: string;
+    size?: number;
+    onCopy?: () => void;
+}
+
 export declare function createTableFetchFn<_any, Return>(ctxclient: Client, path: GetPaths, params?: ParamsOption<any>): TableFetchFn<Return>;
 
 export declare type CtxPortals = 'customer-portal' | 'system-portal' | 'reseller-portal' | 'admin-portal';
@@ -382,10 +395,10 @@ export declare const DialogTitle: React_2.ForwardRefExoticComponent<Omit<DialogP
 
 export declare const DialogTrigger: React_2.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React_2.RefAttributes<HTMLButtonElement>>;
 
-export declare type DisplayField = {
+export declare type DisplayField<T> = {
     display: string;
-    accessor: string;
-    type?: 'text' | 'badge' | 'boolean';
+    accessor: NestedKeyOf<T>;
+    type?: 'text' | 'badge' | 'boolean' | 'date' | 'yesno' | 'copyButton' | 'link';
     transform?: (value: any) => React.ReactNode;
 };
 
@@ -530,15 +543,6 @@ export declare function getValueFromData(data: any, accessor: string | number |
 
 export declare const ID_COLUMN: AccessorKeyColumnDef<any, any>[];
 
-export declare const InfoCard: React.FC<InfoCardProps>;
-
-export declare interface InfoCardProps {
-    data: Record<string, any>;
-    label: string;
-    fields: DisplayField[];
-    className?: string;
-}
-
 export declare const Input: React_2.ForwardRefExoticComponent<InputProps & React_2.RefAttributes<HTMLInputElement>>;
 
 export declare const InputOTP: React_2.ForwardRefExoticComponent<(Omit<Omit<React_2.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "containerClassName" | "noScriptCSSFallback"> & {
@@ -597,8 +601,28 @@ export declare type JwtDecode = {
     sadmin?: string;
 };
 
+export declare const KeyValueCard: <T extends {}>({ data, label, fields }: KeyValueCardProps<T>) => JSX_2.Element;
+
+export declare interface KeyValueCardProps<T> {
+    data: T;
+    label: string;
+    fields: DisplayField<T>[];
+    className?: string;
+}
+
 export declare const Label: React_2.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React_2.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: ClassProp | undefined) => string> & React_2.RefAttributes<HTMLLabelElement>>;
 
+/**
+ *
+ * @param props buttonVariants
+ * @returns Button as Tanstack Link
+ */
+export declare function LinkButton(props: VariantProps<typeof buttonVariants> & {
+    icon?: LucideIcon;
+    to: string;
+    children: React.ReactNode;
+}): JSX_2.Element;
+
 export declare function Loader({ className }: LoaderProps): JSX_2.Element;
 
 declare interface LoaderProps {
@@ -634,7 +658,7 @@ export declare type NavItem = {
     label: string;
     display: boolean;
     icon: LucideIcon;
-    chidren?: {
+    children?: {
         path: string;
         label: string;
         icon: LucideIcon;
@@ -646,6 +670,10 @@ export declare function NavMain({ items }: {
     items: NavItem[];
 }): JSX_2.Element;
 
+declare type NestedKeyOf<T> = T extends object ? {
+    [K in keyof T]: K extends string | number ? `${K & string}` | `${K & string}.${NestedKeyOf<T[K]>}` : never;
+}[keyof T] : never;
+
 export declare const OPERATORS_FOR_FILTER_TYPE: OperatorsForFilterType;
 
 export declare type OperatorsForFilterType = Record<FilterablePropertyType, FilterComparisonOperator[]>;
@@ -812,7 +840,7 @@ export declare const SidebarGroupLabel: React_2.ForwardRefExoticComponent<Omit<R
 
 export declare const SidebarHeader: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
 
-export declare const SidebarInput: React_2.ForwardRefExoticComponent<Omit<InputProps & React_2.RefAttributes<HTMLInputElement>, "ref"> & React_2.RefAttributes<HTMLInputElement>>;
+export declare const SidebarInput: React_2.ForwardRefExoticComponent<Omit<InputProps_2 & React_2.RefAttributes<HTMLInputElement>, "ref"> & React_2.RefAttributes<HTMLInputElement>>;
 
 export declare const SidebarInset: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
 
@@ -864,7 +892,7 @@ export declare const SidebarRail: React_2.ForwardRefExoticComponent<Omit<React_2
 
 export declare const SidebarSeparator: React_2.ForwardRefExoticComponent<Omit<Omit<SeparatorProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
 
-export declare const SidebarTrigger: React_2.ForwardRefExoticComponent<Omit<ButtonProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
+export declare const SidebarTrigger: React_2.ForwardRefExoticComponent<Omit<ButtonProps_2 & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
 
 export declare function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): JSX_2.Element;