nest-filter 1.0.2 → 1.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/ui/Button.d.ts +4 -1
- package/dist/components/ui/Button.js +1 -1
- package/dist/components/ui/Button.js.map +1 -1
- package/dist/components/ui/Dialog.js +1 -1
- package/dist/components/ui/Dialog.js.map +1 -1
- package/dist/components/ui/Input.js +1 -1
- package/dist/components/ui/Input.js.map +1 -1
- package/dist/components/ui/Select.js +1 -1
- package/dist/components/ui/Select.js.map +1 -1
- package/dist/index.css +150 -0
- package/dist/lib/utils.d.ts +2 -0
- package/dist/lib/utils.js +9 -0
- package/dist/lib/utils.js.map +1 -0
- package/package.json +15 -18
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { type VariantProps } from "class-variance-authority";
|
|
3
|
-
declare const buttonVariants:
|
|
3
|
+
declare const buttonVariants: (props?: ({
|
|
4
|
+
variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
|
|
5
|
+
size?: "default" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
|
|
6
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
4
7
|
declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
|
|
5
8
|
asChild?: boolean;
|
|
6
9
|
}): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx } from 'react/jsx-runtime';
|
|
2
2
|
import { Slot } from '@radix-ui/react-slot';
|
|
3
3
|
import { cva } from 'class-variance-authority';
|
|
4
|
-
import { cn } from '
|
|
4
|
+
import { cn } from '../../lib/utils.js';
|
|
5
5
|
|
|
6
6
|
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", {
|
|
7
7
|
variants: {
|
|
@@ -1 +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 \"
|
|
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;;;;"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
2
2
|
import * as DialogPrimitive from '@radix-ui/react-dialog';
|
|
3
3
|
import { XIcon } from 'lucide-react';
|
|
4
|
-
import { cn } from '
|
|
4
|
+
import { cn } from '../../lib/utils.js';
|
|
5
5
|
|
|
6
6
|
function Dialog({ ...props }) {
|
|
7
7
|
return jsx(DialogPrimitive.Root, { "data-slot": "dialog", ...props });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dialog.js","sources":["../../../src/components/ui/dialog.tsx"],"sourcesContent":["\"use client\"\nimport * as React from \"react\"\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\"\nimport { XIcon } from \"lucide-react\"\n\nimport { cn } from \"
|
|
1
|
+
{"version":3,"file":"dialog.js","sources":["../../../src/components/ui/dialog.tsx"],"sourcesContent":["\"use client\"\nimport * 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":";;;;;AAOA,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;;;;"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx } from 'react/jsx-runtime';
|
|
2
|
-
import { cn } from '
|
|
2
|
+
import { cn } from '../../lib/utils.js';
|
|
3
3
|
|
|
4
4
|
function Input({ className, type, ...props }) {
|
|
5
5
|
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 }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input.js","sources":["../../../src/components/ui/input.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"
|
|
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;;;;"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
2
2
|
import * as SelectPrimitive from '@radix-ui/react-select';
|
|
3
3
|
import { ChevronDownIcon, CheckIcon, ChevronUpIcon } from 'lucide-react';
|
|
4
|
-
import { cn } from '
|
|
4
|
+
import { cn } from '../../lib/utils.js';
|
|
5
5
|
|
|
6
6
|
function Select({ ...props }) {
|
|
7
7
|
return jsx(SelectPrimitive.Root, { "data-slot": "select", ...props });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.js","sources":["../../../src/components/ui/select.tsx"],"sourcesContent":["import * as React from \"react\"\nimport * as SelectPrimitive from \"@radix-ui/react-select\"\nimport { CheckIcon, ChevronDownIcon, ChevronUpIcon } from \"lucide-react\"\n\nimport { cn } from \"
|
|
1
|
+
{"version":3,"file":"select.js","sources":["../../../src/components/ui/select.tsx"],"sourcesContent":["import * as React from \"react\"\nimport * as SelectPrimitive from \"@radix-ui/react-select\"\nimport { CheckIcon, ChevronDownIcon, ChevronUpIcon } from \"lucide-react\"\n\nimport { cn } from \"../../lib/utils\"\n\nfunction Select({\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Root>) {\n return <SelectPrimitive.Root data-slot=\"select\" {...props} />\n}\n\nfunction SelectGroup({\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Group>) {\n return <SelectPrimitive.Group data-slot=\"select-group\" {...props} />\n}\n\nfunction SelectValue({\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Value>) {\n return <SelectPrimitive.Value data-slot=\"select-value\" {...props} />\n}\n\nfunction SelectTrigger({\n className,\n size = \"default\",\n children,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Trigger> & {\n size?: \"sm\" | \"default\"\n}) {\n return (\n <SelectPrimitive.Trigger\n data-slot=\"select-trigger\"\n data-size={size}\n className={cn(\n \"border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n className\n )}\n {...props}\n >\n {children}\n <SelectPrimitive.Icon asChild>\n <ChevronDownIcon className=\"size-4 opacity-50\" />\n </SelectPrimitive.Icon>\n </SelectPrimitive.Trigger>\n )\n}\n\nfunction SelectContent({\n className,\n children,\n position = \"item-aligned\",\n align = \"center\",\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Content>) {\n return (\n <SelectPrimitive.Portal>\n <SelectPrimitive.Content\n data-slot=\"select-content\"\n className={cn(\n \"bg-popover text-popover-foreground 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 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md\",\n position === \"popper\" &&\n \"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1\",\n className\n )}\n position={position}\n align={align}\n {...props}\n >\n <SelectScrollUpButton />\n <SelectPrimitive.Viewport\n className={cn(\n \"p-1\",\n position === \"popper\" &&\n \"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1\"\n )}\n >\n {children}\n </SelectPrimitive.Viewport>\n <SelectScrollDownButton />\n </SelectPrimitive.Content>\n </SelectPrimitive.Portal>\n )\n}\n\nfunction SelectLabel({\n className,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Label>) {\n return (\n <SelectPrimitive.Label\n data-slot=\"select-label\"\n className={cn(\"text-muted-foreground px-2 py-1.5 text-xs\", className)}\n {...props}\n />\n )\n}\n\nfunction SelectItem({\n className,\n children,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Item>) {\n return (\n <SelectPrimitive.Item\n data-slot=\"select-item\"\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2\",\n className\n )}\n {...props}\n >\n <span\n data-slot=\"select-item-indicator\"\n className=\"absolute right-2 flex size-3.5 items-center justify-center\"\n >\n <SelectPrimitive.ItemIndicator>\n <CheckIcon className=\"size-4\" />\n </SelectPrimitive.ItemIndicator>\n </span>\n <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n </SelectPrimitive.Item>\n )\n}\n\nfunction SelectSeparator({\n className,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Separator>) {\n return (\n <SelectPrimitive.Separator\n data-slot=\"select-separator\"\n className={cn(\"bg-border pointer-events-none -mx-1 my-1 h-px\", className)}\n {...props}\n />\n )\n}\n\nfunction SelectScrollUpButton({\n className,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>) {\n return (\n <SelectPrimitive.ScrollUpButton\n data-slot=\"select-scroll-up-button\"\n className={cn(\n \"flex cursor-default items-center justify-center py-1\",\n className\n )}\n {...props}\n >\n <ChevronUpIcon className=\"size-4\" />\n </SelectPrimitive.ScrollUpButton>\n )\n}\n\nfunction SelectScrollDownButton({\n className,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>) {\n return (\n <SelectPrimitive.ScrollDownButton\n data-slot=\"select-scroll-down-button\"\n className={cn(\n \"flex cursor-default items-center justify-center py-1\",\n className\n )}\n {...props}\n >\n <ChevronDownIcon className=\"size-4\" />\n </SelectPrimitive.ScrollDownButton>\n )\n}\n\nexport {\n Select,\n SelectContent,\n SelectGroup,\n SelectItem,\n SelectLabel,\n SelectScrollDownButton,\n SelectScrollUpButton,\n SelectSeparator,\n SelectTrigger,\n SelectValue,\n}\n"],"names":["_jsx","_jsxs"],"mappings":"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"}
|
package/dist/index.css
ADDED
|
@@ -0,0 +1,150 @@
|
|
|
1
|
+
@import "tailwindcss";
|
|
2
|
+
@import "tw-animate-css";
|
|
3
|
+
|
|
4
|
+
@custom-variant dark (&:is(.dark *));
|
|
5
|
+
|
|
6
|
+
/* ===== Global Thin Scrollbar ===== */
|
|
7
|
+
|
|
8
|
+
/* Firefox */
|
|
9
|
+
* {
|
|
10
|
+
scrollbar-width: none;
|
|
11
|
+
scrollbar-color: #9ca3af transparent; /* thumb | track */
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
/* Chrome, Edge, Safari */
|
|
15
|
+
*::-webkit-scrollbar {
|
|
16
|
+
width: 4px; /* vertical scrollbar */
|
|
17
|
+
height: 4px; /* horizontal scrollbar */
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
*::-webkit-scrollbar-track {
|
|
21
|
+
background: transparent;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
*::-webkit-scrollbar-thumb {
|
|
25
|
+
background-color: #9ca3af;
|
|
26
|
+
border-radius: 10px;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
*::-webkit-scrollbar-thumb:hover {
|
|
30
|
+
background-color: #6b7280;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
@theme inline {
|
|
34
|
+
--radius-sm: calc(var(--radius) - 4px);
|
|
35
|
+
--radius-md: calc(var(--radius) - 2px);
|
|
36
|
+
--radius-lg: var(--radius);
|
|
37
|
+
--radius-xl: calc(var(--radius) + 4px);
|
|
38
|
+
--radius-2xl: calc(var(--radius) + 8px);
|
|
39
|
+
--radius-3xl: calc(var(--radius) + 12px);
|
|
40
|
+
--radius-4xl: calc(var(--radius) + 16px);
|
|
41
|
+
--color-background: var(--background);
|
|
42
|
+
--color-foreground: var(--foreground);
|
|
43
|
+
--color-card: var(--card);
|
|
44
|
+
--color-card-foreground: var(--card-foreground);
|
|
45
|
+
--color-popover: var(--popover);
|
|
46
|
+
--color-popover-foreground: var(--popover-foreground);
|
|
47
|
+
--color-primary: var(--primary);
|
|
48
|
+
--color-primary-foreground: var(--primary-foreground);
|
|
49
|
+
--color-secondary: var(--secondary);
|
|
50
|
+
--color-secondary-foreground: var(--secondary-foreground);
|
|
51
|
+
--color-muted: var(--muted);
|
|
52
|
+
--color-muted-foreground: var(--muted-foreground);
|
|
53
|
+
--color-accent: var(--accent);
|
|
54
|
+
--color-accent-foreground: var(--accent-foreground);
|
|
55
|
+
--color-destructive: var(--destructive);
|
|
56
|
+
--color-border: var(--border);
|
|
57
|
+
--color-input: var(--input);
|
|
58
|
+
--color-ring: var(--ring);
|
|
59
|
+
--color-chart-1: var(--chart-1);
|
|
60
|
+
--color-chart-2: var(--chart-2);
|
|
61
|
+
--color-chart-3: var(--chart-3);
|
|
62
|
+
--color-chart-4: var(--chart-4);
|
|
63
|
+
--color-chart-5: var(--chart-5);
|
|
64
|
+
--color-sidebar: var(--sidebar);
|
|
65
|
+
--color-sidebar-foreground: var(--sidebar-foreground);
|
|
66
|
+
--color-sidebar-primary: var(--sidebar-primary);
|
|
67
|
+
--color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
|
|
68
|
+
--color-sidebar-accent: var(--sidebar-accent);
|
|
69
|
+
--color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
|
|
70
|
+
--color-sidebar-border: var(--sidebar-border);
|
|
71
|
+
--color-sidebar-ring: var(--sidebar-ring);
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
:root {
|
|
75
|
+
--radius: 0.625rem;
|
|
76
|
+
--background: oklch(1 0 0);
|
|
77
|
+
--foreground: oklch(0.145 0 0);
|
|
78
|
+
--card: oklch(1 0 0);
|
|
79
|
+
--card-foreground: oklch(0.145 0 0);
|
|
80
|
+
--popover: oklch(1 0 0);
|
|
81
|
+
--popover-foreground: oklch(0.145 0 0);
|
|
82
|
+
--primary: oklch(0.205 0 0);
|
|
83
|
+
--primary-foreground: oklch(0.985 0 0);
|
|
84
|
+
--secondary: oklch(0.97 0 0);
|
|
85
|
+
--secondary-foreground: oklch(0.205 0 0);
|
|
86
|
+
--muted: oklch(0.97 0 0);
|
|
87
|
+
--muted-foreground: oklch(0.556 0 0);
|
|
88
|
+
--accent: oklch(0.97 0 0);
|
|
89
|
+
--accent-foreground: oklch(0.205 0 0);
|
|
90
|
+
--destructive: oklch(0.577 0.245 27.325);
|
|
91
|
+
--border: oklch(0.922 0 0);
|
|
92
|
+
--input: oklch(0.922 0 0);
|
|
93
|
+
--ring: oklch(0.708 0 0);
|
|
94
|
+
--chart-1: oklch(0.646 0.222 41.116);
|
|
95
|
+
--chart-2: oklch(0.6 0.118 184.704);
|
|
96
|
+
--chart-3: oklch(0.398 0.07 227.392);
|
|
97
|
+
--chart-4: oklch(0.828 0.189 84.429);
|
|
98
|
+
--chart-5: oklch(0.769 0.188 70.08);
|
|
99
|
+
--sidebar: oklch(0.985 0 0);
|
|
100
|
+
--sidebar-foreground: oklch(0.145 0 0);
|
|
101
|
+
--sidebar-primary: oklch(0.205 0 0);
|
|
102
|
+
--sidebar-primary-foreground: oklch(0.985 0 0);
|
|
103
|
+
--sidebar-accent: oklch(0.97 0 0);
|
|
104
|
+
--sidebar-accent-foreground: oklch(0.205 0 0);
|
|
105
|
+
--sidebar-border: oklch(0.922 0 0);
|
|
106
|
+
--sidebar-ring: oklch(0.708 0 0);
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
.dark {
|
|
110
|
+
--background: oklch(0.145 0 0);
|
|
111
|
+
--foreground: oklch(0.985 0 0);
|
|
112
|
+
--card: oklch(0.205 0 0);
|
|
113
|
+
--card-foreground: oklch(0.985 0 0);
|
|
114
|
+
--popover: oklch(0.205 0 0);
|
|
115
|
+
--popover-foreground: oklch(0.985 0 0);
|
|
116
|
+
--primary: oklch(0.922 0 0);
|
|
117
|
+
--primary-foreground: oklch(0.205 0 0);
|
|
118
|
+
--secondary: oklch(0.269 0 0);
|
|
119
|
+
--secondary-foreground: oklch(0.985 0 0);
|
|
120
|
+
--muted: oklch(0.269 0 0);
|
|
121
|
+
--muted-foreground: oklch(0.708 0 0);
|
|
122
|
+
--accent: oklch(0.269 0 0);
|
|
123
|
+
--accent-foreground: oklch(0.985 0 0);
|
|
124
|
+
--destructive: oklch(0.704 0.191 22.216);
|
|
125
|
+
--border: oklch(1 0 0 / 10%);
|
|
126
|
+
--input: oklch(1 0 0 / 15%);
|
|
127
|
+
--ring: oklch(0.556 0 0);
|
|
128
|
+
--chart-1: oklch(0.488 0.243 264.376);
|
|
129
|
+
--chart-2: oklch(0.696 0.17 162.48);
|
|
130
|
+
--chart-3: oklch(0.769 0.188 70.08);
|
|
131
|
+
--chart-4: oklch(0.627 0.265 303.9);
|
|
132
|
+
--chart-5: oklch(0.645 0.246 16.439);
|
|
133
|
+
--sidebar: oklch(0.205 0 0);
|
|
134
|
+
--sidebar-foreground: oklch(0.985 0 0);
|
|
135
|
+
--sidebar-primary: oklch(0.488 0.243 264.376);
|
|
136
|
+
--sidebar-primary-foreground: oklch(0.985 0 0);
|
|
137
|
+
--sidebar-accent: oklch(0.269 0 0);
|
|
138
|
+
--sidebar-accent-foreground: oklch(0.985 0 0);
|
|
139
|
+
--sidebar-border: oklch(1 0 0 / 10%);
|
|
140
|
+
--sidebar-ring: oklch(0.556 0 0);
|
|
141
|
+
}
|
|
142
|
+
|
|
143
|
+
@layer base {
|
|
144
|
+
* {
|
|
145
|
+
@apply border-border outline-ring/50;
|
|
146
|
+
}
|
|
147
|
+
body {
|
|
148
|
+
@apply bg-background text-foreground;
|
|
149
|
+
}
|
|
150
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.js","sources":["../../src/lib/utils.ts"],"sourcesContent":["import { clsx, type ClassValue } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs))\n}\n"],"names":[],"mappings":";;;AAGM,SAAU,EAAE,CAAC,GAAG,MAAoB,EAAA;AACxC,IAAA,OAAO,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;AAC9B;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "nest-filter",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.3",
|
|
4
4
|
"description": "Reusable Nest Filter UI components for React",
|
|
5
5
|
"author": "Arijit Barik",
|
|
6
6
|
"license": "ISC",
|
|
@@ -11,47 +11,44 @@
|
|
|
11
11
|
".": {
|
|
12
12
|
"import": "./dist/index.js",
|
|
13
13
|
"types": "./dist/index.d.ts"
|
|
14
|
-
}
|
|
14
|
+
},
|
|
15
|
+
"./styles.css": "./dist/index.css"
|
|
15
16
|
},
|
|
16
17
|
"files": [
|
|
17
18
|
"dist"
|
|
18
19
|
],
|
|
19
20
|
"sideEffects": false,
|
|
20
|
-
|
|
21
21
|
"scripts": {
|
|
22
22
|
"build": "rollup -c",
|
|
23
23
|
"prepublishOnly": "npm run build",
|
|
24
24
|
"test": "echo \"No tests yet\""
|
|
25
25
|
},
|
|
26
|
-
|
|
27
26
|
"peerDependencies": {
|
|
28
|
-
"react": ">=18",
|
|
29
|
-
"react-dom": ">=18",
|
|
30
|
-
"tailwindcss": ">=3",
|
|
31
27
|
"@radix-ui/react-dialog": "^1.1.0",
|
|
32
28
|
"@radix-ui/react-select": "^2.2.0",
|
|
33
|
-
"@radix-ui/react-slot": "^1.2.0"
|
|
29
|
+
"@radix-ui/react-slot": "^1.2.0",
|
|
30
|
+
"react": "^19.2.3",
|
|
31
|
+
"react-dom": "^19.2.3",
|
|
32
|
+
"tailwindcss": "^4.1.18"
|
|
34
33
|
},
|
|
35
|
-
|
|
36
34
|
"dependencies": {
|
|
35
|
+
"@tanstack/react-table": "^8.21.3",
|
|
37
36
|
"class-variance-authority": "^0.7.1",
|
|
38
37
|
"clsx": "^2.1.1",
|
|
39
38
|
"lucide-react": "^0.562.0",
|
|
40
|
-
"tailwind-merge": "^3.4.0"
|
|
41
|
-
"@tanstack/react-table": "^8.21.3"
|
|
39
|
+
"tailwind-merge": "^3.4.0"
|
|
42
40
|
},
|
|
43
|
-
|
|
44
41
|
"devDependencies": {
|
|
45
|
-
"rollup": "^4.55.1",
|
|
46
|
-
"@rollup/plugin-typescript": "^12.3.0",
|
|
47
42
|
"@rollup/plugin-babel": "^6.1.0",
|
|
48
|
-
"typescript": "^
|
|
49
|
-
"tslib": "^2.8.1",
|
|
43
|
+
"@rollup/plugin-typescript": "^12.3.0",
|
|
50
44
|
"@types/react": "^19.2.8",
|
|
51
45
|
"@types/react-dom": "^19.2.3",
|
|
52
|
-
"
|
|
46
|
+
"rollup": "^4.55.1",
|
|
47
|
+
"rollup-plugin-copy": "^3.5.0",
|
|
48
|
+
"tailwindcss": "^4.1.18",
|
|
49
|
+
"tslib": "^2.8.1",
|
|
50
|
+
"typescript": "^5.4.0"
|
|
53
51
|
},
|
|
54
|
-
|
|
55
52
|
"keywords": [
|
|
56
53
|
"react",
|
|
57
54
|
"ui",
|