@incognia/cosmik 0.41.0 → 1.0.0-beta.2

package/dist/index13.js

@@ -1,116 +1,111 @@
-import { j as o } from "./index40.js";
-import * as t from "@radix-ui/react-dialog";
-import { X as x } from "lucide-react";
-import * as l from "react";
-import { buttonVariants as g } from "./index8.js";
-import { cn as i } from "./index41.js";
-const z = t.Root, C = t.Trigger, u = t.Portal, d = l.forwardRef(({ className: a, ...e }, s) => /* @__PURE__ */ o.jsx(
-  t.Overlay,
-  {
-    ref: s,
-    className: i(
-      "fixed inset-0 z-50 bg-gray-900/48 backdrop-blur-sm overflow-y-auto max-h-screen data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
-      a
-    ),
-    ...e
-  }
-));
-d.displayName = t.Overlay.displayName;
-const y = l.forwardRef(
-  ({
-    className: a,
-    children: e,
-    fullscreen: s,
-    hideCloseIcon: m,
-    onInteractOutside: p,
-    ...c
-  }, f) => /* @__PURE__ */ o.jsx(u, { children: /* @__PURE__ */ o.jsx(d, { children: /* @__PURE__ */ o.jsxs(
-    t.Content,
+import { j as e } from "./index37.js";
+import { LucideX as C } from "lucide-react";
+import f from "react";
+import { Button as o } from "./index6.js";
+import { Popover as b, PopoverTrigger as k, PopoverContent as y } from "./index20.js";
+import { cn as N } from "./index39.js";
+function F({
+  children: m,
+  label: d,
+  selectedLabel: a,
+  trigger: p,
+  i18n: n,
+  value: t,
+  onOpenChange: u,
+  onApply: l,
+  contentProps: x = {},
+  buttonProps: h = {},
+  ...j
+}) {
+  const [g, c] = f.useState(!1), [i, s] = f.useState(t || null), w = t ? a ? a(t) : t.toString() : d, v = /* @__PURE__ */ e.jsxs(
+    o,
     {
-      ref: f,
-      className: i(
-        "fixed z-50 text-left bg-white border-0 shadow-200 select-text min-w-[384px] left-[50%] translate-x-[-50%] font-normal p-24 duration-200 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-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]",
+      variant: t ? "filled" : "outline",
+      intent: t ? "filter" : "secondary",
+      size: "sm",
+      className: N(
+        "font-normal flex items-center whitespace-nowrap gap-x-4 rounded-[12px]",
         {
-          "top-24 rounded": !s,
-          "top-0 w-full min-h-full": s
-        },
-        a
+          "pr-12": !!t
+        }
       ),
-      onInteractOutside: (n) => {
-        const { originalEvent: r } = n.detail;
-        r.target instanceof Element && r.target.closest(".group.toast") && n.preventDefault(), p?.(n);
+      ...h,
+      children: [
+        w,
+        t && /* @__PURE__ */ e.jsx(
+          C,
+          {
+            className: "w-16 h-16 rounded hover:bg-purple-100 shrink-0",
+            onClick: (r) => {
+              r.preventDefault(), s(null), l?.(void 0);
+            }
+          }
+        )
+      ]
+    }
+  );
+  return /* @__PURE__ */ e.jsxs(
+    b,
+    {
+      open: g,
+      onOpenChange: (r) => {
+        u?.(r), r || l?.(i || void 0), r && s(t || null), c(r);
       },
-      ...c,
+      ...j,
       children: [
-        e,
-        !m && /* @__PURE__ */ o.jsxs(
-          t.Close,
+        /* @__PURE__ */ e.jsx(k, { asChild: !0, children: p || v }),
+        /* @__PURE__ */ e.jsx(
+          y,
           {
-            className: i(
-              g({
-                variant: "link",
-                intent: "secondary",
-                size: "icon"
-              }),
-              "absolute right-8 top-8 disabled:pointer-events-none h-24 w-24"
-            ),
-            children: [
-              /* @__PURE__ */ o.jsx(x, {}),
-              /* @__PURE__ */ o.jsx("span", { className: "sr-only", children: "Close" })
-            ]
+            className: "w-full min-w-[200px]",
+            align: "start",
+            ...x,
+            children: /* @__PURE__ */ e.jsxs(
+              "form",
+              {
+                onSubmit: (r) => {
+                  r.preventDefault(), l?.(i || void 0), c(!1);
+                },
+                children: [
+                  /* @__PURE__ */ e.jsx("div", { children: m({
+                    onFilterChange: s,
+                    filterValue: i
+                  }) }),
+                  /* @__PURE__ */ e.jsxs("div", { className: "w-full flex justify-between mt-16", children: [
+                    i && n.clear && /* @__PURE__ */ e.jsx(
+                      o,
+                      {
+                        variant: "link",
+                        intent: "secondary",
+                        size: "fit-content",
+                        type: "button",
+                        onClick: () => {
+                          s(null);
+                        },
+                        children: n.clear
+                      }
+                    ),
+                    n.apply && /* @__PURE__ */ e.jsx(
+                      o,
+                      {
+                        className: "ml-auto",
+                        variant: "link",
+                        size: "fit-content",
+                        type: "submit",
+                        children: n.apply
+                      }
+                    )
+                  ] })
+                ]
+              }
+            )
           }
         )
       ]
     }
-  ) }) })
-);
-y.displayName = t.Content.displayName;
-const N = ({
-  className: a,
-  ...e
-}) => /* @__PURE__ */ o.jsx("div", { className: i("mb-16", a), ...e });
-N.displayName = "DialogHeader";
-const D = ({
-  className: a,
-  ...e
-}) => /* @__PURE__ */ o.jsx(
-  "div",
-  {
-    className: i(
-      "flex justify-end gap-8 mx-[-8px] mb-[-8px] mt-24",
-      a
-    ),
-    ...e
-  }
-);
-D.displayName = "DialogFooter";
-const j = l.forwardRef(({ className: a, ...e }, s) => /* @__PURE__ */ o.jsx(
-  t.Title,
-  {
-    ref: s,
-    className: i("font-medium text-lg text-gray-800", a),
-    ...e
-  }
-));
-j.displayName = t.Title.displayName;
-const h = l.forwardRef(({ className: a, ...e }, s) => /* @__PURE__ */ o.jsx(
-  t.Description,
-  {
-    ref: s,
-    className: i("mt-8 text-base text-gray-900", a),
-    ...e
-  }
-));
-h.displayName = t.Description.displayName;
+  );
+}
 export {
-  z as Dialog,
-  y as DialogContent,
-  h as DialogDescription,
-  D as DialogFooter,
-  N as DialogHeader,
-  d as DialogOverlay,
-  u as DialogPortal,
-  j as DialogTitle,
-  C as DialogTrigger
+  F as Filter
 };
 //# sourceMappingURL=index13.js.map

package/dist/index13.js.map

@@ -1 +1 @@
-{"version":3,"file":"index13.js","sources":["../src/Dialog/index.tsx"],"sourcesContent":["'use client'\n\nimport * as DialogPrimitive from '@radix-ui/react-dialog'\nimport { X } from 'lucide-react'\nimport * as React from 'react'\nimport { buttonVariants } from '../Button'\nimport { cn } from '../lib/utils'\n\nconst Dialog = DialogPrimitive.Root\n\nconst DialogTrigger = DialogPrimitive.Trigger\n\nconst DialogPortal = DialogPrimitive.Portal\n\nconst DialogOverlay = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Overlay>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Overlay\n    ref={ref}\n    className={cn(\n      'fixed inset-0 z-50 bg-gray-900/48 backdrop-blur-sm overflow-y-auto max-h-screen data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',\n      className\n    )}\n    {...props}\n  />\n))\nDialogOverlay.displayName = DialogPrimitive.Overlay.displayName\n\ntype DialogContentProps = DialogPrimitive.DialogContentProps & {\n  fullscreen?: boolean\n  hideCloseIcon?: boolean\n}\n\ntype DialogContentType = React.ForwardRefExoticComponent<\n  DialogContentProps & React.RefAttributes<HTMLDivElement>\n>\n\nconst DialogContent = React.forwardRef<\n  React.ElementRef<DialogContentType>,\n  React.ComponentPropsWithoutRef<DialogContentType>\n>(\n  (\n    {\n      className,\n      children,\n      fullscreen,\n      hideCloseIcon,\n      onInteractOutside,\n      ...props\n    },\n    ref\n  ) => (\n    <DialogPortal>\n      <DialogOverlay>\n        <DialogPrimitive.Content\n          ref={ref}\n          className={cn(\n            'fixed z-50 text-left bg-white border-0 shadow-200 select-text min-w-[384px] left-[50%] translate-x-[-50%] font-normal p-24 duration-200 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-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]',\n            {\n              'top-24 rounded': !fullscreen,\n              'top-0 w-full min-h-full': fullscreen\n            },\n            className\n          )}\n          onInteractOutside={e => {\n            const { originalEvent } = e.detail\n            // Prevent closing the dialog when clicking on a sonner toast\n            if (\n              originalEvent.target instanceof Element &&\n              originalEvent.target.closest('.group.toast')\n            ) {\n              e.preventDefault()\n            }\n            onInteractOutside?.(e)\n          }}\n          {...props}\n        >\n          {children}\n          {!hideCloseIcon && (\n            <DialogPrimitive.Close\n              className={cn(\n                buttonVariants({\n                  variant: 'link',\n                  intent: 'secondary',\n                  size: 'icon'\n                }),\n                'absolute right-8 top-8 disabled:pointer-events-none h-24 w-24'\n              )}\n            >\n              <X />\n              <span className=\"sr-only\">Close</span>\n            </DialogPrimitive.Close>\n          )}\n        </DialogPrimitive.Content>\n      </DialogOverlay>\n    </DialogPortal>\n  )\n)\nDialogContent.displayName = DialogPrimitive.Content.displayName\n\nconst DialogHeader = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn('mb-16', className)} {...props} />\n)\nDialogHeader.displayName = 'DialogHeader'\n\nconst DialogFooter = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(\n      'flex justify-end gap-8 mx-[-8px] mb-[-8px] mt-24',\n      className\n    )}\n    {...props}\n  />\n)\nDialogFooter.displayName = 'DialogFooter'\n\nconst DialogTitle = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Title>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Title\n    ref={ref}\n    className={cn('font-medium text-lg text-gray-800', className)}\n    {...props}\n  />\n))\nDialogTitle.displayName = DialogPrimitive.Title.displayName\n\nconst DialogDescription = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Description\n    ref={ref}\n    className={cn('mt-8 text-base text-gray-900', className)}\n    {...props}\n  />\n))\nDialogDescription.displayName = DialogPrimitive.Description.displayName\n\nexport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogOverlay,\n  DialogPortal,\n  DialogTitle,\n  DialogTrigger\n}\n"],"names":["Dialog","DialogPrimitive","DialogTrigger","DialogPortal","DialogOverlay","React","className","props","ref","jsx","cn","DialogContent","children","fullscreen","hideCloseIcon","onInteractOutside","jsxs","e","originalEvent","buttonVariants","X","DialogHeader","DialogFooter","DialogTitle","DialogDescription"],"mappings":"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"}
+{"version":3,"file":"index13.js","sources":["../src/Filter/index.tsx"],"sourcesContent":["import { LucideX } from 'lucide-react'\nimport React from 'react'\nimport { Button, ButtonProps } from '../Button'\nimport {\n  Popover,\n  PopoverContent,\n  PopoverContentProps,\n  PopoverTrigger\n} from '../Popover'\nimport { cn } from '../lib/utils'\n\ntype FilterPropsBase<T> = {\n  i18n: {\n    apply?: string\n    clear?: string\n  }\n  value?: T\n  onOpenChange?: (open: boolean) => void\n  onApply: (value?: T) => void\n  children: (props: {\n    onFilterChange: (value: T | null) => void\n    filterValue: T | null\n  }) => React.ReactNode\n  contentProps?: PopoverContentProps\n  buttonProps?: ButtonProps\n}\n\ntype FilterPropsWithLabel<T> = FilterPropsBase<T> & {\n  label: string\n  selectedLabel?: (value: T) => React.ReactNode\n  trigger?: never\n}\n\ntype FilterPropsWithTrigger<T> = FilterPropsBase<T> & {\n  trigger: React.ReactNode\n  label?: never\n  selectedLabel?: never\n}\n\ntype FilterProps<T> = FilterPropsWithLabel<T> | FilterPropsWithTrigger<T>\n\nfunction Filter<T>({\n  children,\n  label,\n  selectedLabel,\n  trigger,\n  i18n,\n  value,\n  onOpenChange,\n  onApply,\n  contentProps = {},\n  buttonProps = {},\n  ...props\n}: FilterProps<T>) {\n  const [isOpen, setIsOpen] = React.useState(false)\n  const [localValue, setLocalValue] = React.useState<T | null>(value || null)\n\n  const filterLabel = value\n    ? selectedLabel\n      ? selectedLabel(value)\n      : value.toString()\n    : label\n\n  const defaultTrigger = (\n    <Button\n      variant={value ? 'filled' : 'outline'}\n      intent={value ? 'filter' : 'secondary'}\n      size=\"sm\"\n      className={cn(\n        'font-normal flex items-center whitespace-nowrap gap-x-4 rounded-[12px]',\n        {\n          'pr-12': !!value\n        }\n      )}\n      {...buttonProps}\n    >\n      {filterLabel}\n      {value && (\n        <LucideX\n          className=\"w-16 h-16 rounded hover:bg-purple-100 shrink-0\"\n          onClick={e => {\n            e.preventDefault()\n            setLocalValue(null)\n            onApply?.(undefined)\n          }}\n        />\n      )}\n    </Button>\n  )\n\n  return (\n    <Popover\n      open={isOpen}\n      onOpenChange={open => {\n        onOpenChange?.(open)\n        if (!open) onApply?.(localValue || undefined)\n        if (open) setLocalValue(value || null)\n        setIsOpen(open)\n      }}\n      {...props}\n    >\n      <PopoverTrigger asChild>{trigger || defaultTrigger}</PopoverTrigger>\n      <PopoverContent\n        className=\"w-full min-w-[200px]\"\n        align=\"start\"\n        {...contentProps}\n      >\n        <form\n          onSubmit={event => {\n            event.preventDefault()\n            onApply?.(localValue || undefined)\n            setIsOpen(false)\n          }}\n        >\n          <div>\n            {children({\n              onFilterChange: setLocalValue,\n              filterValue: localValue\n            })}\n          </div>\n          <div className=\"w-full flex justify-between mt-16\">\n            {localValue && i18n.clear && (\n              <Button\n                variant=\"link\"\n                intent=\"secondary\"\n                size=\"fit-content\"\n                type=\"button\"\n                onClick={() => {\n                  setLocalValue(null)\n                }}\n              >\n                {i18n.clear}\n              </Button>\n            )}\n            {i18n.apply && (\n              <Button\n                className=\"ml-auto\"\n                variant=\"link\"\n                size=\"fit-content\"\n                type=\"submit\"\n              >\n                {i18n.apply}\n              </Button>\n            )}\n          </div>\n        </form>\n      </PopoverContent>\n    </Popover>\n  )\n}\n\nexport { Filter }\nexport type { FilterProps }\n"],"names":["Filter","children","label","selectedLabel","trigger","i18n","value","onOpenChange","onApply","contentProps","buttonProps","props","isOpen","setIsOpen","React","localValue","setLocalValue","filterLabel","defaultTrigger","jsxs","Button","cn","jsx","LucideX","e","Popover","open","PopoverTrigger","PopoverContent","event"],"mappings":"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"}

package/dist/index14.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./index40.cjs"),j=require("@radix-ui/react-dropdown-menu"),l=require("lucide-react"),R=require("react"),s=require("./index41.cjs");function p(t){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(o,n,r.get?r:{enumerable:!0,get:()=>t[n]})}}return o.default=t,Object.freeze(o)}const e=p(j),d=p(R),D=e.Root,M=e.Trigger,h=e.Group,N=e.Portal,S=e.Sub,E=e.RadioGroup,u=d.forwardRef(({className:t,inset:o,children:n,...r},i)=>a.jsxRuntimeExports.jsxs(e.SubTrigger,{ref:i,className:s.cn("flex cursor-default select-none items-center pl-16 py-8 text-base outline-none focus:bg-gray-200 data-[state=open]:bg-gray-200",o&&"pl-32",t),...r,children:[n,a.jsxRuntimeExports.jsx(l.ChevronRight,{className:"ml-auto mr-4 h-16 w-16"})]}));u.displayName=e.SubTrigger.displayName;const c=d.forwardRef(({className:t,...o},n)=>a.jsxRuntimeExports.jsx(e.SubContent,{ref:n,className:s.cn("z-50 min-w-[8rem] overflow-hidden rounded border border-gray-900-8 bg-white text-gray-900 shadow-200 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-[0.25rem] data-[side=top]:slide-in-from-bottom-2",t),...o}));c.displayName=e.SubContent.displayName;const m=d.forwardRef(({className:t,sideOffset:o=4,...n},r)=>a.jsxRuntimeExports.jsx(e.Portal,{children:a.jsxRuntimeExports.jsx(e.Content,{ref:r,sideOffset:o,className:s.cn("z-50 min-w-[8rem] overflow-hidden rounded border border-gray-900-8 bg-white text-gray-900 shadow-200 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-[0.25rem] data-[side=top]:slide-in-from-bottom-2",t),...n})}));m.displayName=e.Content.displayName;const x=d.forwardRef(({className:t,inset:o,...n},r)=>a.jsxRuntimeExports.jsx(e.Item,{ref:r,className:s.cn("relative flex cursor-default select-none items-center px-16 py-8 text-base outline-none transition-colors focus:bg-gray-200 focus:bg-gray-200 data-[disabled]:pointer-events-none data-[disabled]:opacity-40",o&&"pl-[2rem]",t),...n}));x.displayName=e.Item.displayName;const f=d.forwardRef(({className:t,children:o,checked:n,...r},i)=>a.jsxRuntimeExports.jsxs(e.CheckboxItem,{ref:i,className:s.cn("relative flex cursor-default select-none items-center py-8 pl-32 pr-4 text-base outline-none transition-colors focus:bg-gray-200 focus:text-gray-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-40",t),checked:n,...r,children:[a.jsxRuntimeExports.jsx("span",{className:"absolute left-8 flex h-[14px] w-[14px] items-center justify-center",children:a.jsxRuntimeExports.jsx(e.ItemIndicator,{children:a.jsxRuntimeExports.jsx(l.Check,{className:"h-16 w-16"})})}),o]}));f.displayName=e.CheckboxItem.displayName;const b=d.forwardRef(({className:t,children:o,...n},r)=>a.jsxRuntimeExports.jsxs(e.RadioItem,{ref:r,className:s.cn("relative flex cursor-default select-none items-center py-8 pl-32 pr-4 text-base outline-none transition-colors focus:bg-gray-200 focus:text-gray-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-40",t),...n,children:[a.jsxRuntimeExports.jsx("span",{className:"absolute left-8 flex h-[14px] w-[14px] items-center justify-center",children:a.jsxRuntimeExports.jsx(e.ItemIndicator,{children:a.jsxRuntimeExports.jsx(l.Circle,{className:"h-8 w-8 fill-gray-900"})})}),o]}));b.displayName=e.RadioItem.displayName;const w=d.forwardRef(({className:t,inset:o,...n},r)=>a.jsxRuntimeExports.jsx(e.Label,{ref:r,className:s.cn("px-16 py-8 text-base font-medium",o&&"pl-32",t),...n}));w.displayName=e.Label.displayName;const g=d.forwardRef(({className:t,...o},n)=>a.jsxRuntimeExports.jsx(e.Separator,{ref:n,className:s.cn("h-[1px] bg-gray-900-8",t),...o}));g.displayName=e.Separator.displayName;const y=({className:t,...o})=>a.jsxRuntimeExports.jsx("span",{className:s.cn("ml-auto text-xs tracking-widest opacity-40",t),...o});y.displayName="DropdownMenuShortcut";exports.DropdownMenu=D;exports.DropdownMenuCheckboxItem=f;exports.DropdownMenuContent=m;exports.DropdownMenuGroup=h;exports.DropdownMenuItem=x;exports.DropdownMenuLabel=w;exports.DropdownMenuPortal=N;exports.DropdownMenuRadioGroup=E;exports.DropdownMenuRadioItem=b;exports.DropdownMenuSeparator=g;exports.DropdownMenuShortcut=y;exports.DropdownMenuSub=S;exports.DropdownMenuSubContent=c;exports.DropdownMenuSubTrigger=u;exports.DropdownMenuTrigger=M;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index37.cjs"),n=require("./index39.cjs"),i=require("./index40.cjs");function s({className:e,...t}){return r.jsxRuntimeExports.jsx("div",{className:n.cn("flex w-full",e),...t})}function o({variant:e,children:t,...l}){return r.jsxRuntimeExports.jsx(i.GradientScroll,{variant:e,...l,children:r.jsxRuntimeExports.jsx("div",{className:"flex space-x-8 w-fit",children:t})})}function a({className:e,...t}){return r.jsxRuntimeExports.jsx("div",{className:n.cn("flex space-x-8",e),...t})}exports.FilterBar=s;exports.FilterBarContent=a;exports.FilterBarScrollableContent=o;
 //# sourceMappingURL=index14.cjs.map

package/dist/index14.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index14.cjs","sources":["../src/DropdownMenu/index.tsx"],"sourcesContent":["'use client'\n\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu'\nimport { Check, ChevronRight, Circle } from 'lucide-react'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nconst DropdownMenu = DropdownMenuPrimitive.Root\n\nconst DropdownMenuTrigger = DropdownMenuPrimitive.Trigger\n\nconst DropdownMenuGroup = DropdownMenuPrimitive.Group\n\nconst DropdownMenuPortal = DropdownMenuPrimitive.Portal\n\nconst DropdownMenuSub = DropdownMenuPrimitive.Sub\n\nconst DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup\n\nconst DropdownMenuSubTrigger = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.SubTrigger>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> & {\n    inset?: boolean\n  }\n>(({ className, inset, children, ...props }, ref) => (\n  <DropdownMenuPrimitive.SubTrigger\n    ref={ref}\n    className={cn(\n      'flex cursor-default select-none items-center pl-16 py-8 text-base outline-none focus:bg-gray-200 data-[state=open]:bg-gray-200',\n      inset && 'pl-32',\n      className\n    )}\n    {...props}\n  >\n    {children}\n    <ChevronRight className=\"ml-auto mr-4 h-16 w-16\" />\n  </DropdownMenuPrimitive.SubTrigger>\n))\nDropdownMenuSubTrigger.displayName =\n  DropdownMenuPrimitive.SubTrigger.displayName\n\nconst DropdownMenuSubContent = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.SubContent>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent>\n>(({ className, ...props }, ref) => (\n  <DropdownMenuPrimitive.SubContent\n    ref={ref}\n    className={cn(\n      'z-50 min-w-[8rem] overflow-hidden rounded border border-gray-900-8 bg-white text-gray-900 shadow-200 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-[0.25rem] data-[side=top]:slide-in-from-bottom-2',\n      className\n    )}\n    {...props}\n  />\n))\nDropdownMenuSubContent.displayName =\n  DropdownMenuPrimitive.SubContent.displayName\n\nconst DropdownMenuContent = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>\n>(({ className, sideOffset = 4, ...props }, ref) => (\n  <DropdownMenuPrimitive.Portal>\n    <DropdownMenuPrimitive.Content\n      ref={ref}\n      sideOffset={sideOffset}\n      className={cn(\n        'z-50 min-w-[8rem] overflow-hidden rounded border border-gray-900-8 bg-white text-gray-900 shadow-200 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-[0.25rem] data-[side=top]:slide-in-from-bottom-2',\n        className\n      )}\n      {...props}\n    />\n  </DropdownMenuPrimitive.Portal>\n))\nDropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName\n\nconst DropdownMenuItem = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & {\n    inset?: boolean\n  }\n>(({ className, inset, ...props }, ref) => (\n  <DropdownMenuPrimitive.Item\n    ref={ref}\n    className={cn(\n      'relative flex cursor-default select-none items-center px-16 py-8 text-base outline-none transition-colors focus:bg-gray-200 focus:bg-gray-200 data-[disabled]:pointer-events-none data-[disabled]:opacity-40',\n      inset && 'pl-[2rem]',\n      className\n    )}\n    {...props}\n  />\n))\nDropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName\n\nconst DropdownMenuCheckboxItem = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem>\n>(({ className, children, checked, ...props }, ref) => (\n  <DropdownMenuPrimitive.CheckboxItem\n    ref={ref}\n    className={cn(\n      'relative flex cursor-default select-none items-center py-8 pl-32 pr-4 text-base outline-none transition-colors focus:bg-gray-200 focus:text-gray-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-40',\n      className\n    )}\n    checked={checked}\n    {...props}\n  >\n    <span className=\"absolute left-8 flex h-[14px] w-[14px] items-center justify-center\">\n      <DropdownMenuPrimitive.ItemIndicator>\n        <Check className=\"h-16 w-16\" />\n      </DropdownMenuPrimitive.ItemIndicator>\n    </span>\n    {children}\n  </DropdownMenuPrimitive.CheckboxItem>\n))\nDropdownMenuCheckboxItem.displayName =\n  DropdownMenuPrimitive.CheckboxItem.displayName\n\nconst DropdownMenuRadioItem = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.RadioItem>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem>\n>(({ className, children, ...props }, ref) => (\n  <DropdownMenuPrimitive.RadioItem\n    ref={ref}\n    className={cn(\n      'relative flex cursor-default select-none items-center py-8 pl-32 pr-4 text-base outline-none transition-colors focus:bg-gray-200 focus:text-gray-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-40',\n      className\n    )}\n    {...props}\n  >\n    <span className=\"absolute left-8 flex h-[14px] w-[14px] items-center justify-center\">\n      <DropdownMenuPrimitive.ItemIndicator>\n        <Circle className=\"h-8 w-8 fill-gray-900\" />\n      </DropdownMenuPrimitive.ItemIndicator>\n    </span>\n    {children}\n  </DropdownMenuPrimitive.RadioItem>\n))\nDropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName\n\nconst DropdownMenuLabel = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Label>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> & {\n    inset?: boolean\n  }\n>(({ className, inset, ...props }, ref) => (\n  <DropdownMenuPrimitive.Label\n    ref={ref}\n    className={cn(\n      'px-16 py-8 text-base font-medium',\n      inset && 'pl-32',\n      className\n    )}\n    {...props}\n  />\n))\nDropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName\n\nconst DropdownMenuSeparator = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n  <DropdownMenuPrimitive.Separator\n    ref={ref}\n    className={cn('h-[1px] bg-gray-900-8', className)}\n    {...props}\n  />\n))\nDropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName\n\nconst DropdownMenuShortcut = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLSpanElement>) => {\n  return (\n    <span\n      className={cn('ml-auto text-xs tracking-widest opacity-40', className)}\n      {...props}\n    />\n  )\n}\nDropdownMenuShortcut.displayName = 'DropdownMenuShortcut'\n\nexport {\n  DropdownMenu,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuCheckboxItem,\n  DropdownMenuRadioItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuGroup,\n  DropdownMenuPortal,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuRadioGroup\n}\n"],"names":["DropdownMenu","DropdownMenuPrimitive","DropdownMenuTrigger","DropdownMenuGroup","DropdownMenuPortal","DropdownMenuSub","DropdownMenuRadioGroup","DropdownMenuSubTrigger","React","className","inset","children","props","ref","jsxs","cn","jsx","ChevronRight","DropdownMenuSubContent","DropdownMenuContent","sideOffset","DropdownMenuItem","DropdownMenuCheckboxItem","checked","Check","DropdownMenuRadioItem","Circle","DropdownMenuLabel","DropdownMenuSeparator","DropdownMenuShortcut"],"mappings":"qgBAOMA,EAAeC,EAAsB,KAErCC,EAAsBD,EAAsB,QAE5CE,EAAoBF,EAAsB,MAE1CG,EAAqBH,EAAsB,OAE3CI,EAAkBJ,EAAsB,IAExCK,EAAyBL,EAAsB,WAE/CM,EAAyBC,EAAM,WAKnC,CAAC,CAAE,UAAAC,EAAW,MAAAC,EAAO,SAAAC,EAAU,GAAGC,GAASC,IAC3CC,EAAA,kBAAA,KAACb,EAAsB,WAAtB,CACC,IAAAY,EACA,UAAWE,EAAA,GACT,iIACAL,GAAS,QACTD,CACF,EACC,GAAGG,EAEH,SAAA,CAAAD,EACDK,EAAAA,kBAAAA,IAACC,EAAa,aAAA,CAAA,UAAU,wBAAyB,CAAA,CAAA,CAAA,CACnD,CACD,EACDV,EAAuB,YACrBN,EAAsB,WAAW,YAE7B,MAAAiB,EAAyBV,EAAM,WAGnC,CAAC,CAAE,UAAAC,EAAW,GAAGG,CAAM,EAAGC,IAC1BG,EAAA,kBAAA,IAACf,EAAsB,WAAtB,CACC,IAAAY,EACA,UAAWE,EAAA,GACT,gcACAN,CACF,EACC,GAAGG,CAAA,CACN,CACD,EACDM,EAAuB,YACrBjB,EAAsB,WAAW,YAEnC,MAAMkB,EAAsBX,EAAM,WAGhC,CAAC,CAAE,UAAAC,EAAW,WAAAW,EAAa,EAAG,GAAGR,CAAS,EAAAC,IACzCG,EAAA,kBAAA,IAAAf,EAAsB,OAAtB,CACC,SAAAe,EAAA,kBAAA,IAACf,EAAsB,QAAtB,CACC,IAAAY,EACA,WAAAO,EACA,UAAWL,EAAA,GACT,gcACAN,CACF,EACC,GAAGG,CAAA,CACN,CAAA,CACF,CACD,EACDO,EAAoB,YAAclB,EAAsB,QAAQ,YAE1D,MAAAoB,EAAmBb,EAAM,WAK7B,CAAC,CAAE,UAAAC,EAAW,MAAAC,EAAO,GAAGE,GAASC,IACjCG,EAAA,kBAAA,IAACf,EAAsB,KAAtB,CACC,IAAAY,EACA,UAAWE,EAAA,GACT,+MACAL,GAAS,YACTD,CACF,EACC,GAAGG,CAAA,CACN,CACD,EACDS,EAAiB,YAAcpB,EAAsB,KAAK,YAEpD,MAAAqB,EAA2Bd,EAAM,WAGrC,CAAC,CAAE,UAAAC,EAAW,SAAAE,EAAU,QAAAY,EAAS,GAAGX,GAASC,IAC7CC,EAAA,kBAAA,KAACb,EAAsB,aAAtB,CACC,IAAAY,EACA,UAAWE,EAAA,GACT,sNACAN,CACF,EACA,QAAAc,EACC,GAAGX,EAEJ,SAAA,CAAAI,EAAA,kBAAA,IAAC,OAAK,CAAA,UAAU,qEACd,SAAAA,EAAA,kBAAA,IAACf,EAAsB,cAAtB,CACC,SAAAe,EAAA,kBAAA,IAACQ,QAAM,CAAA,UAAU,WAAY,CAAA,CAC/B,CAAA,EACF,EACCb,CAAA,CAAA,CACH,CACD,EACDW,EAAyB,YACvBrB,EAAsB,aAAa,YAE/B,MAAAwB,EAAwBjB,EAAM,WAGlC,CAAC,CAAE,UAAAC,EAAW,SAAAE,EAAU,GAAGC,GAASC,IACpCC,EAAA,kBAAA,KAACb,EAAsB,UAAtB,CACC,IAAAY,EACA,UAAWE,EAAA,GACT,sNACAN,CACF,EACC,GAAGG,EAEJ,SAAA,CAAAI,EAAA,kBAAA,IAAC,OAAK,CAAA,UAAU,qEACd,SAAAA,EAAA,kBAAA,IAACf,EAAsB,cAAtB,CACC,SAAAe,EAAA,kBAAA,IAACU,SAAO,CAAA,UAAU,uBAAwB,CAAA,CAC5C,CAAA,EACF,EACCf,CAAA,CAAA,CACH,CACD,EACDc,EAAsB,YAAcxB,EAAsB,UAAU,YAE9D,MAAA0B,EAAoBnB,EAAM,WAK9B,CAAC,CAAE,UAAAC,EAAW,MAAAC,EAAO,GAAGE,GAASC,IACjCG,EAAA,kBAAA,IAACf,EAAsB,MAAtB,CACC,IAAAY,EACA,UAAWE,EAAA,GACT,mCACAL,GAAS,QACTD,CACF,EACC,GAAGG,CAAA,CACN,CACD,EACDe,EAAkB,YAAc1B,EAAsB,MAAM,YAEtD,MAAA2B,EAAwBpB,EAAM,WAGlC,CAAC,CAAE,UAAAC,EAAW,GAAGG,CAAM,EAAGC,IAC1BG,EAAA,kBAAA,IAACf,EAAsB,UAAtB,CACC,IAAAY,EACA,UAAWE,EAAAA,GAAG,wBAAyBN,CAAS,EAC/C,GAAGG,CAAA,CACN,CACD,EACDgB,EAAsB,YAAc3B,EAAsB,UAAU,YAEpE,MAAM4B,EAAuB,CAAC,CAC5B,UAAApB,EACA,GAAGG,CACL,IAEII,EAAA,kBAAA,IAAC,OAAA,CACC,UAAWD,EAAAA,GAAG,6CAA8CN,CAAS,EACpE,GAAGG,CAAA,CAAA,EAIViB,EAAqB,YAAc"}
+{"version":3,"file":"index14.cjs","sources":["../src/FilterBar/index.tsx"],"sourcesContent":["import { type VariantProps } from 'class-variance-authority'\nimport React from 'react'\nimport { cn } from '../lib/utils'\nimport { GradientScroll, gradientVariants } from './GradientScroll'\n\ntype FilterBarProps = React.HTMLAttributes<HTMLDivElement> & {\n  className?: string\n}\n\nexport function FilterBar({ className, ...props }: FilterBarProps) {\n  return <div className={cn('flex w-full', className)} {...props} />\n}\n\ninterface FilterBarScrollableContentProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof gradientVariants> {}\n\nexport function FilterBarScrollableContent({\n  variant,\n  children,\n  ...props\n}: FilterBarScrollableContentProps) {\n  return (\n    <GradientScroll variant={variant} {...props}>\n      <div className=\"flex space-x-8 w-fit\">{children}</div>\n    </GradientScroll>\n  )\n}\n\ntype FilterBarContentProps = FilterBarProps\n\nexport function FilterBarContent({\n  className,\n  ...props\n}: FilterBarContentProps) {\n  return <div className={cn('flex space-x-8', className)} {...props} />\n}\n"],"names":["FilterBar","className","props","jsx","cn","FilterBarScrollableContent","variant","children","GradientScroll","FilterBarContent"],"mappings":"uKASO,SAASA,EAAU,CAAE,UAAAC,EAAW,GAAGC,GAAyB,CACjE,OAAOC,EAAAA,kBAAAA,IAAC,OAAI,UAAWC,EAAAA,GAAG,cAAeH,CAAS,EAAI,GAAGC,EAAO,CAClE,CAMO,SAASG,EAA2B,CACzC,QAAAC,EACA,SAAAC,EACA,GAAGL,CACL,EAAoC,CAClC,OACEC,EAAAA,kBAAAA,IAACK,EAAAA,eAAA,CAAe,QAAAF,EAAmB,GAAGJ,EACpC,iCAAC,MAAA,CAAI,UAAU,uBAAwB,SAAAK,CAAA,CAAS,CAAA,CAClD,CAEJ,CAIO,SAASE,EAAiB,CAC/B,UAAAR,EACA,GAAGC,CACL,EAA0B,CACxB,OAAOC,EAAAA,kBAAAA,IAAC,OAAI,UAAWC,EAAAA,GAAG,iBAAkBH,CAAS,EAAI,GAAGC,EAAO,CACrE"}

package/dist/index14.js

@@ -1,144 +1,25 @@
-import { j as o } from "./index40.js";
-import * as e from "@radix-ui/react-dropdown-menu";
-import { ChevronRight as l, Check as m, Circle as p } from "lucide-react";
-import * as d from "react";
-import { cn as n } from "./index41.js";
-const M = e.Root, R = e.Trigger, I = e.Group, S = e.Portal, C = e.Sub, v = e.RadioGroup, c = d.forwardRef(({ className: t, inset: a, children: s, ...r }, i) => /* @__PURE__ */ o.jsxs(
-  e.SubTrigger,
-  {
-    ref: i,
-    className: n(
-      "flex cursor-default select-none items-center pl-16 py-8 text-base outline-none focus:bg-gray-200 data-[state=open]:bg-gray-200",
-      a && "pl-32",
-      t
-    ),
-    ...r,
-    children: [
-      s,
-      /* @__PURE__ */ o.jsx(l, { className: "ml-auto mr-4 h-16 w-16" })
-    ]
-  }
-));
-c.displayName = e.SubTrigger.displayName;
-const u = d.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ o.jsx(
-  e.SubContent,
-  {
-    ref: s,
-    className: n(
-      "z-50 min-w-[8rem] overflow-hidden rounded border border-gray-900-8 bg-white text-gray-900 shadow-200 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-[0.25rem] data-[side=top]:slide-in-from-bottom-2",
-      t
-    ),
-    ...a
-  }
-));
-u.displayName = e.SubContent.displayName;
-const f = d.forwardRef(({ className: t, sideOffset: a = 4, ...s }, r) => /* @__PURE__ */ o.jsx(e.Portal, { children: /* @__PURE__ */ o.jsx(
-  e.Content,
-  {
-    ref: r,
-    sideOffset: a,
-    className: n(
-      "z-50 min-w-[8rem] overflow-hidden rounded border border-gray-900-8 bg-white text-gray-900 shadow-200 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-[0.25rem] data-[side=top]:slide-in-from-bottom-2",
-      t
-    ),
-    ...s
-  }
-) }));
-f.displayName = e.Content.displayName;
-const x = d.forwardRef(({ className: t, inset: a, ...s }, r) => /* @__PURE__ */ o.jsx(
-  e.Item,
-  {
-    ref: r,
-    className: n(
-      "relative flex cursor-default select-none items-center px-16 py-8 text-base outline-none transition-colors focus:bg-gray-200 focus:bg-gray-200 data-[disabled]:pointer-events-none data-[disabled]:opacity-40",
-      a && "pl-[2rem]",
-      t
-    ),
-    ...s
-  }
-));
-x.displayName = e.Item.displayName;
-const b = d.forwardRef(({ className: t, children: a, checked: s, ...r }, i) => /* @__PURE__ */ o.jsxs(
-  e.CheckboxItem,
-  {
-    ref: i,
-    className: n(
-      "relative flex cursor-default select-none items-center py-8 pl-32 pr-4 text-base outline-none transition-colors focus:bg-gray-200 focus:text-gray-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-40",
-      t
-    ),
-    checked: s,
-    ...r,
-    children: [
-      /* @__PURE__ */ o.jsx("span", { className: "absolute left-8 flex h-[14px] w-[14px] items-center justify-center", children: /* @__PURE__ */ o.jsx(e.ItemIndicator, { children: /* @__PURE__ */ o.jsx(m, { className: "h-16 w-16" }) }) }),
-      a
-    ]
-  }
-));
-b.displayName = e.CheckboxItem.displayName;
-const y = d.forwardRef(({ className: t, children: a, ...s }, r) => /* @__PURE__ */ o.jsxs(
-  e.RadioItem,
-  {
-    ref: r,
-    className: n(
-      "relative flex cursor-default select-none items-center py-8 pl-32 pr-4 text-base outline-none transition-colors focus:bg-gray-200 focus:text-gray-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-40",
-      t
-    ),
-    ...s,
-    children: [
-      /* @__PURE__ */ o.jsx("span", { className: "absolute left-8 flex h-[14px] w-[14px] items-center justify-center", children: /* @__PURE__ */ o.jsx(e.ItemIndicator, { children: /* @__PURE__ */ o.jsx(p, { className: "h-8 w-8 fill-gray-900" }) }) }),
-      a
-    ]
-  }
-));
-y.displayName = e.RadioItem.displayName;
-const g = d.forwardRef(({ className: t, inset: a, ...s }, r) => /* @__PURE__ */ o.jsx(
-  e.Label,
-  {
-    ref: r,
-    className: n(
-      "px-16 py-8 text-base font-medium",
-      a && "pl-32",
-      t
-    ),
-    ...s
-  }
-));
-g.displayName = e.Label.displayName;
-const w = d.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ o.jsx(
-  e.Separator,
-  {
-    ref: s,
-    className: n("h-[1px] bg-gray-900-8", t),
-    ...a
-  }
-));
-w.displayName = e.Separator.displayName;
-const h = ({
-  className: t,
-  ...a
-}) => /* @__PURE__ */ o.jsx(
-  "span",
-  {
-    className: n("ml-auto text-xs tracking-widest opacity-40", t),
-    ...a
-  }
-);
-h.displayName = "DropdownMenuShortcut";
+import { j as t } from "./index37.js";
+import { cn as l } from "./index39.js";
+import { GradientScroll as i } from "./index40.js";
+function c({ className: r, ...e }) {
+  return /* @__PURE__ */ t.jsx("div", { className: l("flex w-full", r), ...e });
+}
+function x({
+  variant: r,
+  children: e,
+  ...n
+}) {
+  return /* @__PURE__ */ t.jsx(i, { variant: r, ...n, children: /* @__PURE__ */ t.jsx("div", { className: "flex space-x-8 w-fit", children: e }) });
+}
+function f({
+  className: r,
+  ...e
+}) {
+  return /* @__PURE__ */ t.jsx("div", { className: l("flex space-x-8", r), ...e });
+}
 export {
-  M as DropdownMenu,
-  b as DropdownMenuCheckboxItem,
-  f as DropdownMenuContent,
-  I as DropdownMenuGroup,
-  x as DropdownMenuItem,
-  g as DropdownMenuLabel,
-  S as DropdownMenuPortal,
-  v as DropdownMenuRadioGroup,
-  y as DropdownMenuRadioItem,
-  w as DropdownMenuSeparator,
-  h as DropdownMenuShortcut,
-  C as DropdownMenuSub,
-  u as DropdownMenuSubContent,
-  c as DropdownMenuSubTrigger,
-  R as DropdownMenuTrigger
+  c as FilterBar,
+  f as FilterBarContent,
+  x as FilterBarScrollableContent
 };
 //# sourceMappingURL=index14.js.map

package/dist/index14.js.map

@@ -1 +1 @@
-{"version":3,"file":"index14.js","sources":["../src/DropdownMenu/index.tsx"],"sourcesContent":["'use client'\n\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu'\nimport { Check, ChevronRight, Circle } from 'lucide-react'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nconst DropdownMenu = DropdownMenuPrimitive.Root\n\nconst DropdownMenuTrigger = DropdownMenuPrimitive.Trigger\n\nconst DropdownMenuGroup = DropdownMenuPrimitive.Group\n\nconst DropdownMenuPortal = DropdownMenuPrimitive.Portal\n\nconst DropdownMenuSub = DropdownMenuPrimitive.Sub\n\nconst DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup\n\nconst DropdownMenuSubTrigger = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.SubTrigger>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> & {\n    inset?: boolean\n  }\n>(({ className, inset, children, ...props }, ref) => (\n  <DropdownMenuPrimitive.SubTrigger\n    ref={ref}\n    className={cn(\n      'flex cursor-default select-none items-center pl-16 py-8 text-base outline-none focus:bg-gray-200 data-[state=open]:bg-gray-200',\n      inset && 'pl-32',\n      className\n    )}\n    {...props}\n  >\n    {children}\n    <ChevronRight className=\"ml-auto mr-4 h-16 w-16\" />\n  </DropdownMenuPrimitive.SubTrigger>\n))\nDropdownMenuSubTrigger.displayName =\n  DropdownMenuPrimitive.SubTrigger.displayName\n\nconst DropdownMenuSubContent = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.SubContent>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent>\n>(({ className, ...props }, ref) => (\n  <DropdownMenuPrimitive.SubContent\n    ref={ref}\n    className={cn(\n      'z-50 min-w-[8rem] overflow-hidden rounded border border-gray-900-8 bg-white text-gray-900 shadow-200 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-[0.25rem] data-[side=top]:slide-in-from-bottom-2',\n      className\n    )}\n    {...props}\n  />\n))\nDropdownMenuSubContent.displayName =\n  DropdownMenuPrimitive.SubContent.displayName\n\nconst DropdownMenuContent = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>\n>(({ className, sideOffset = 4, ...props }, ref) => (\n  <DropdownMenuPrimitive.Portal>\n    <DropdownMenuPrimitive.Content\n      ref={ref}\n      sideOffset={sideOffset}\n      className={cn(\n        'z-50 min-w-[8rem] overflow-hidden rounded border border-gray-900-8 bg-white text-gray-900 shadow-200 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-[0.25rem] data-[side=top]:slide-in-from-bottom-2',\n        className\n      )}\n      {...props}\n    />\n  </DropdownMenuPrimitive.Portal>\n))\nDropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName\n\nconst DropdownMenuItem = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & {\n    inset?: boolean\n  }\n>(({ className, inset, ...props }, ref) => (\n  <DropdownMenuPrimitive.Item\n    ref={ref}\n    className={cn(\n      'relative flex cursor-default select-none items-center px-16 py-8 text-base outline-none transition-colors focus:bg-gray-200 focus:bg-gray-200 data-[disabled]:pointer-events-none data-[disabled]:opacity-40',\n      inset && 'pl-[2rem]',\n      className\n    )}\n    {...props}\n  />\n))\nDropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName\n\nconst DropdownMenuCheckboxItem = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem>\n>(({ className, children, checked, ...props }, ref) => (\n  <DropdownMenuPrimitive.CheckboxItem\n    ref={ref}\n    className={cn(\n      'relative flex cursor-default select-none items-center py-8 pl-32 pr-4 text-base outline-none transition-colors focus:bg-gray-200 focus:text-gray-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-40',\n      className\n    )}\n    checked={checked}\n    {...props}\n  >\n    <span className=\"absolute left-8 flex h-[14px] w-[14px] items-center justify-center\">\n      <DropdownMenuPrimitive.ItemIndicator>\n        <Check className=\"h-16 w-16\" />\n      </DropdownMenuPrimitive.ItemIndicator>\n    </span>\n    {children}\n  </DropdownMenuPrimitive.CheckboxItem>\n))\nDropdownMenuCheckboxItem.displayName =\n  DropdownMenuPrimitive.CheckboxItem.displayName\n\nconst DropdownMenuRadioItem = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.RadioItem>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem>\n>(({ className, children, ...props }, ref) => (\n  <DropdownMenuPrimitive.RadioItem\n    ref={ref}\n    className={cn(\n      'relative flex cursor-default select-none items-center py-8 pl-32 pr-4 text-base outline-none transition-colors focus:bg-gray-200 focus:text-gray-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-40',\n      className\n    )}\n    {...props}\n  >\n    <span className=\"absolute left-8 flex h-[14px] w-[14px] items-center justify-center\">\n      <DropdownMenuPrimitive.ItemIndicator>\n        <Circle className=\"h-8 w-8 fill-gray-900\" />\n      </DropdownMenuPrimitive.ItemIndicator>\n    </span>\n    {children}\n  </DropdownMenuPrimitive.RadioItem>\n))\nDropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName\n\nconst DropdownMenuLabel = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Label>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> & {\n    inset?: boolean\n  }\n>(({ className, inset, ...props }, ref) => (\n  <DropdownMenuPrimitive.Label\n    ref={ref}\n    className={cn(\n      'px-16 py-8 text-base font-medium',\n      inset && 'pl-32',\n      className\n    )}\n    {...props}\n  />\n))\nDropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName\n\nconst DropdownMenuSeparator = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n  <DropdownMenuPrimitive.Separator\n    ref={ref}\n    className={cn('h-[1px] bg-gray-900-8', className)}\n    {...props}\n  />\n))\nDropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName\n\nconst DropdownMenuShortcut = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLSpanElement>) => {\n  return (\n    <span\n      className={cn('ml-auto text-xs tracking-widest opacity-40', className)}\n      {...props}\n    />\n  )\n}\nDropdownMenuShortcut.displayName = 'DropdownMenuShortcut'\n\nexport {\n  DropdownMenu,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuCheckboxItem,\n  DropdownMenuRadioItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuGroup,\n  DropdownMenuPortal,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuRadioGroup\n}\n"],"names":["DropdownMenu","DropdownMenuPrimitive","DropdownMenuTrigger","DropdownMenuGroup","DropdownMenuPortal","DropdownMenuSub","DropdownMenuRadioGroup","DropdownMenuSubTrigger","React","className","inset","children","props","ref","jsxs","cn","jsx","ChevronRight","DropdownMenuSubContent","DropdownMenuContent","sideOffset","DropdownMenuItem","DropdownMenuCheckboxItem","checked","Check","DropdownMenuRadioItem","Circle","DropdownMenuLabel","DropdownMenuSeparator","DropdownMenuShortcut"],"mappings":"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"}
+{"version":3,"file":"index14.js","sources":["../src/FilterBar/index.tsx"],"sourcesContent":["import { type VariantProps } from 'class-variance-authority'\nimport React from 'react'\nimport { cn } from '../lib/utils'\nimport { GradientScroll, gradientVariants } from './GradientScroll'\n\ntype FilterBarProps = React.HTMLAttributes<HTMLDivElement> & {\n  className?: string\n}\n\nexport function FilterBar({ className, ...props }: FilterBarProps) {\n  return <div className={cn('flex w-full', className)} {...props} />\n}\n\ninterface FilterBarScrollableContentProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof gradientVariants> {}\n\nexport function FilterBarScrollableContent({\n  variant,\n  children,\n  ...props\n}: FilterBarScrollableContentProps) {\n  return (\n    <GradientScroll variant={variant} {...props}>\n      <div className=\"flex space-x-8 w-fit\">{children}</div>\n    </GradientScroll>\n  )\n}\n\ntype FilterBarContentProps = FilterBarProps\n\nexport function FilterBarContent({\n  className,\n  ...props\n}: FilterBarContentProps) {\n  return <div className={cn('flex space-x-8', className)} {...props} />\n}\n"],"names":["FilterBar","className","props","jsx","cn","FilterBarScrollableContent","variant","children","GradientScroll","FilterBarContent"],"mappings":";;;AASO,SAASA,EAAU,EAAE,WAAAC,GAAW,GAAGC,KAAyB;AACjE,SAAOC,gBAAAA,EAAAA,IAAC,SAAI,WAAWC,EAAG,eAAeH,CAAS,GAAI,GAAGC,GAAO;AAClE;AAMO,SAASG,EAA2B;AAAA,EACzC,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGL;AACL,GAAoC;AAClC,SACEC,gBAAAA,EAAAA,IAACK,GAAA,EAAe,SAAAF,GAAmB,GAAGJ,GACpC,gCAAC,OAAA,EAAI,WAAU,wBAAwB,UAAAK,EAAA,CAAS,EAAA,CAClD;AAEJ;AAIO,SAASE,EAAiB;AAAA,EAC/B,WAAAR;AAAA,EACA,GAAGC;AACL,GAA0B;AACxB,SAAOC,gBAAAA,EAAAA,IAAC,SAAI,WAAWC,EAAG,kBAAkBH,CAAS,GAAI,GAAGC,GAAO;AACrE;"}

package/dist/index15.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index40.cjs"),v=require("lucide-react"),x=require("react"),l=require("./index8.cjs"),u=require("./index22.cjs"),w=require("./index41.cjs");function y({children:d,label:p,selectedLabel:c,trigger:m,i18n:s,value:t,onOpenChange:j,onApply:o,contentProps:f={},buttonProps:h={},...R}){const[g,a]=x.useState(!1),[i,r]=x.useState(t||null),E=t?c?c(t):t.toString():p,b=e.jsxRuntimeExports.jsxs(l.Button,{variant:t?"filled":"outline",intent:t?"filter":"secondary",size:"sm",className:w.cn("font-normal flex items-center whitespace-nowrap gap-x-4 rounded-[12px]",{"pr-12":!!t}),...h,children:[E,t&&e.jsxRuntimeExports.jsx(v.LucideX,{className:"w-16 h-16 rounded hover:bg-purple-100 shrink-0",onClick:n=>{n.preventDefault(),r(null),o?.(void 0)}})]});return e.jsxRuntimeExports.jsxs(u.Popover,{open:g,onOpenChange:n=>{j?.(n),n||o?.(i||void 0),n&&r(t||null),a(n)},...R,children:[e.jsxRuntimeExports.jsx(u.PopoverTrigger,{asChild:!0,children:m||b}),e.jsxRuntimeExports.jsx(u.PopoverContent,{className:"w-full min-w-[200px]",align:"start",...f,children:e.jsxRuntimeExports.jsxs("form",{onSubmit:n=>{n.preventDefault(),o?.(i||void 0),a(!1)},children:[e.jsxRuntimeExports.jsx("div",{children:d({onFilterChange:r,filterValue:i})}),e.jsxRuntimeExports.jsxs("div",{className:"w-full flex justify-between mt-16",children:[i&&s.clear&&e.jsxRuntimeExports.jsx(l.Button,{variant:"link",intent:"secondary",size:"fit-content",type:"button",onClick:()=>{r(null)},children:s.clear}),s.apply&&e.jsxRuntimeExports.jsx(l.Button,{className:"ml-auto",variant:"link",size:"fit-content",type:"submit",children:s.apply})]})]})})]})}exports.Filter=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index37.cjs"),l=require("./index39.cjs");function r({className:e,type:t,...i}){return o.jsxRuntimeExports.jsx("input",{type:t,"data-slot":"input",className:l.cn("flex h-[36px] w-full rounded border border-gray-900/24 bg-white px-12 py-[6px] text-base","file:border-0 file:bg-white file:text-base file:font-medium","placeholder:text-gray-400","hover:shadow-field-hover","active:shadow-field-active","focus-visible:outline-none focus:shadow-field-active","disabled:cursor-not-allowed disabled:opacity-64 disabled:shadow-none",e),...i})}exports.Input=r;
 //# sourceMappingURL=index15.cjs.map

package/dist/index15.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index15.cjs","sources":["../src/Filter/index.tsx"],"sourcesContent":["import { LucideX } from 'lucide-react'\nimport React from 'react'\nimport { Button, ButtonProps } from '../Button'\nimport {\n  Popover,\n  PopoverContent,\n  PopoverContentProps,\n  PopoverTrigger\n} from '../Popover'\nimport { cn } from '../lib/utils'\n\ntype FilterPropsBase<T> = {\n  i18n: {\n    apply?: string\n    clear?: string\n  }\n  value?: T\n  onOpenChange?: (open: boolean) => void\n  onApply: (value?: T) => void\n  children: (props: {\n    onFilterChange: (value: T | null) => void\n    filterValue: T | null\n  }) => React.ReactNode\n  contentProps?: PopoverContentProps\n  buttonProps?: ButtonProps\n}\n\ntype FilterPropsWithLabel<T> = FilterPropsBase<T> & {\n  label: string\n  selectedLabel?: (value: T) => React.ReactNode\n  trigger?: never\n}\n\ntype FilterPropsWithTrigger<T> = FilterPropsBase<T> & {\n  trigger: React.ReactNode\n  label?: never\n  selectedLabel?: never\n}\n\ntype FilterProps<T> = FilterPropsWithLabel<T> | FilterPropsWithTrigger<T>\n\nfunction Filter<T>({\n  children,\n  label,\n  selectedLabel,\n  trigger,\n  i18n,\n  value,\n  onOpenChange,\n  onApply,\n  contentProps = {},\n  buttonProps = {},\n  ...props\n}: FilterProps<T>) {\n  const [isOpen, setIsOpen] = React.useState(false)\n  const [localValue, setLocalValue] = React.useState<T | null>(value || null)\n\n  const filterLabel = value\n    ? selectedLabel\n      ? selectedLabel(value)\n      : value.toString()\n    : label\n\n  const defaultTrigger = (\n    <Button\n      variant={value ? 'filled' : 'outline'}\n      intent={value ? 'filter' : 'secondary'}\n      size=\"sm\"\n      className={cn(\n        'font-normal flex items-center whitespace-nowrap gap-x-4 rounded-[12px]',\n        {\n          'pr-12': !!value\n        }\n      )}\n      {...buttonProps}\n    >\n      {filterLabel}\n      {value && (\n        <LucideX\n          className=\"w-16 h-16 rounded hover:bg-purple-100 shrink-0\"\n          onClick={e => {\n            e.preventDefault()\n            setLocalValue(null)\n            onApply?.(undefined)\n          }}\n        />\n      )}\n    </Button>\n  )\n\n  return (\n    <Popover\n      open={isOpen}\n      onOpenChange={open => {\n        onOpenChange?.(open)\n        if (!open) onApply?.(localValue || undefined)\n        if (open) setLocalValue(value || null)\n        setIsOpen(open)\n      }}\n      {...props}\n    >\n      <PopoverTrigger asChild>{trigger || defaultTrigger}</PopoverTrigger>\n      <PopoverContent\n        className=\"w-full min-w-[200px]\"\n        align=\"start\"\n        {...contentProps}\n      >\n        <form\n          onSubmit={event => {\n            event.preventDefault()\n            onApply?.(localValue || undefined)\n            setIsOpen(false)\n          }}\n        >\n          <div>\n            {children({\n              onFilterChange: setLocalValue,\n              filterValue: localValue\n            })}\n          </div>\n          <div className=\"w-full flex justify-between mt-16\">\n            {localValue && i18n.clear && (\n              <Button\n                variant=\"link\"\n                intent=\"secondary\"\n                size=\"fit-content\"\n                type=\"button\"\n                onClick={() => {\n                  setLocalValue(null)\n                }}\n              >\n                {i18n.clear}\n              </Button>\n            )}\n            {i18n.apply && (\n              <Button\n                className=\"ml-auto\"\n                variant=\"link\"\n                size=\"fit-content\"\n                type=\"submit\"\n              >\n                {i18n.apply}\n              </Button>\n            )}\n          </div>\n        </form>\n      </PopoverContent>\n    </Popover>\n  )\n}\n\nexport { Filter }\nexport type { FilterProps }\n"],"names":["Filter","children","label","selectedLabel","trigger","i18n","value","onOpenChange","onApply","contentProps","buttonProps","props","isOpen","setIsOpen","React","localValue","setLocalValue","filterLabel","defaultTrigger","jsxs","Button","cn","jsx","LucideX","e","Popover","open","PopoverTrigger","PopoverContent","event"],"mappings":"8OAyCA,SAASA,EAAU,CACjB,SAAAC,EACA,MAAAC,EACA,cAAAC,EACA,QAAAC,EACA,KAAAC,EACA,MAAAC,EACA,aAAAC,EACA,QAAAC,EACA,aAAAC,EAAe,CAAC,EAChB,YAAAC,EAAc,CAAC,EACf,GAAGC,CACL,EAAmB,CACjB,KAAM,CAACC,EAAQC,CAAS,EAAIC,EAAM,SAAS,EAAK,EAC1C,CAACC,EAAYC,CAAa,EAAIF,EAAM,SAAmBR,GAAS,IAAI,EAEpEW,EAAcX,EAChBH,EACEA,EAAcG,CAAK,EACnBA,EAAM,SACR,EAAAJ,EAEEgB,EACJC,EAAA,kBAAA,KAACC,EAAA,OAAA,CACC,QAASd,EAAQ,SAAW,UAC5B,OAAQA,EAAQ,SAAW,YAC3B,KAAK,KACL,UAAWe,EAAA,GACT,yEACA,CACE,QAAS,CAAC,CAACf,CACb,CACF,EACC,GAAGI,EAEH,SAAA,CAAAO,EACAX,GACCgB,EAAA,kBAAA,IAACC,EAAA,QAAA,CACC,UAAU,iDACV,QAAcC,GAAA,CACZA,EAAE,eAAe,EACjBR,EAAc,IAAI,EAClBR,IAAU,MAAS,CACrB,CAAA,CACF,CAAA,CAAA,CAAA,EAMJ,OAAAW,EAAA,kBAAA,KAACM,EAAA,QAAA,CACC,KAAMb,EACN,aAAsBc,GAAA,CACpBnB,IAAemB,CAAI,EACdA,GAAMlB,IAAUO,GAAc,MAAS,EACxCW,GAAMV,EAAcV,GAAS,IAAI,EACrCO,EAAUa,CAAI,CAChB,EACC,GAAGf,EAEJ,SAAA,CAAAW,EAAA,kBAAA,IAACK,EAAe,eAAA,CAAA,QAAO,GAAE,SAAAvB,GAAWc,EAAe,EACnDI,EAAA,kBAAA,IAACM,EAAA,eAAA,CACC,UAAU,uBACV,MAAM,QACL,GAAGnB,EAEJ,SAAAU,EAAA,kBAAA,KAAC,OAAA,CACC,SAAmBU,GAAA,CACjBA,EAAM,eAAe,EACrBrB,IAAUO,GAAc,MAAS,EACjCF,EAAU,EAAK,CACjB,EAEA,SAAA,CAAAS,EAAAA,kBAAAA,IAAC,OACE,SAASrB,EAAA,CACR,eAAgBe,EAChB,YAAaD,CACd,CAAA,EACH,EACAI,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,oCACZ,SAAA,CAAAJ,GAAcV,EAAK,OAClBiB,EAAA,kBAAA,IAACF,EAAA,OAAA,CACC,QAAQ,OACR,OAAO,YACP,KAAK,cACL,KAAK,SACL,QAAS,IAAM,CACbJ,EAAc,IAAI,CACpB,EAEC,SAAKX,EAAA,KAAA,CACR,EAEDA,EAAK,OACJiB,EAAA,kBAAA,IAACF,EAAA,OAAA,CACC,UAAU,UACV,QAAQ,OACR,KAAK,cACL,KAAK,SAEJ,SAAKf,EAAA,KAAA,CACR,CAAA,EAEJ,CAAA,CAAA,CACF,CAAA,CACF,CAAA,CAAA,CAAA,CAGN"}
+{"version":3,"file":"index15.cjs","sources":["../src/Input/index.tsx"],"sourcesContent":["import * as React from 'react'\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        'flex h-[36px] w-full rounded border border-gray-900/24 bg-white px-12 py-[6px] text-base',\n        'file:border-0 file:bg-white file:text-base file:font-medium',\n        'placeholder:text-gray-400',\n        'hover:shadow-field-hover',\n        'active:shadow-field-active',\n        'focus-visible:outline-none focus:shadow-field-active',\n        'disabled:cursor-not-allowed disabled:opacity-64 disabled:shadow-none',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Input }\n"],"names":["Input","className","type","props","jsx","cn"],"mappings":"4IAGA,SAASA,EAAM,CAAE,UAAAC,EAAW,KAAAC,EAAM,GAAGC,GAAwC,CAC3E,OACEC,EAAAA,kBAAAA,IAAC,QAAA,CACC,KAAAF,EACA,YAAU,QACV,UAAWG,EAAAA,GACT,2FACA,8DACA,4BACA,2BACA,6BACA,uDACA,uEACAJ,CAAA,EAED,GAAGE,CAAA,CAAA,CAGV"}