@incognia/cosmik 0.40.0 → 0.40.1

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.
@@ -5,9 +5,9 @@ declare const buttonVariants: (props?: ({
5
5
  intent?: "warning" | "filter" | "primary" | "secondary" | "danger" | null | undefined;
6
6
  size?: "sm" | "md" | "icon" | "fit-content" | null | undefined;
7
7
  } & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
8
- export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
8
+ export type ButtonProps = React.ComponentProps<'button'> & VariantProps<typeof buttonVariants> & {
9
9
  asChild?: boolean;
10
- }
11
- declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
10
+ };
11
+ declare function Button({ className, variant, size, intent, asChild, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
12
12
  export { Button, buttonVariants };
13
13
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Button/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACjE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,QAAA,MAAM,cAAc;;;;mFAyJnB,CAAA;AAED,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,QAAA,MAAM,MAAM,uFAWX,CAAA;AAGD,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Button/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACjE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,QAAA,MAAM,cAAc;;;;mFAyJnB,CAAA;AAED,MAAM,MAAM,WAAW,GAAG,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,GACtD,YAAY,CAAC,OAAO,cAAc,CAAC,GAAG;IACpC,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAEH,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,OAAO,EACP,IAAI,EACJ,MAAM,EACN,OAAe,EACf,GAAG,KAAK,EACT,EAAE,WAAW,2CAUb;AAED,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAA"}
package/dist/index10.cjs CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("./index37.cjs"),a=require("cmdk"),f=require("lucide-react"),C=require("react");;/* empty css */require("./index3.cjs");require("./index4.cjs");const o=require("./index39.cjs");require("./index6.cjs");require("./index7.cjs");require("./index8.cjs");require("./index9.cjs");const d=require("./index11.cjs");require("./index12.cjs");require("./index20.cjs");require("./index15.cjs");require("./index16.cjs");require("./index19.cjs");require("./index21.cjs");require("./index22.cjs");require("./index23.cjs");require("./index24.cjs");require("./index25.cjs");require("sonner");require("./index28.cjs");require("./index29.cjs");require("./index30.cjs");require("./index31.cjs");require("./index32.cjs");require("./index33.cjs");require("./index34.cjs");require("./index35.cjs");require("./index36.cjs");function h(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const s=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,s.get?s:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const n=h(C),i=n.forwardRef(({className:e,...r},t)=>m.jsxRuntimeExports.jsx(a.Command,{ref:t,className:o.cn("flex h-full w-full flex-col overflow-hidden rounded bg-white text-gray-900",e),...r}));i.displayName=a.Command.displayName;const q=({children:e,...r})=>m.jsxRuntimeExports.jsx(d.Dialog,{...r,children:m.jsxRuntimeExports.jsx(d.DialogContent,{hideCloseIcon:!0,className:"overflow-hidden p-0 shadow-200",children:m.jsxRuntimeExports.jsx(i,{className:"[&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-gray-900 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-16 [&_[cmdk-input-wrapper]_svg]:w-16 [&_[cmdk-input]]:h-48 [&_[cmdk-item]]:px-16 [&_[cmdk-item]]:py-8 [&_[cmdk-item]_svg]:h-16 [&_[cmdk-item]_svg]:w-16",children:e})})}),u=n.forwardRef(({className:e,inputWrapperClassName:r,...t},s)=>m.jsxRuntimeExports.jsxs("div",{className:o.cn("flex items-center border-b px-12",r),"cmdk-input-wrapper":"",children:[m.jsxRuntimeExports.jsx(a.Command.Input,{ref:s,className:o.cn("flex h-[44px] w-full rounded bg-white py-12 text-sm outline-none placeholder:text-gray-400 disabled:cursor-not-allowed disabled:opacity-64",e),...t}),m.jsxRuntimeExports.jsx(f.Search,{className:"ml-8 h-16 w-16 shrink-0"})]}));u.displayName=a.Command.Input.displayName;const c=n.forwardRef(({className:e,...r},t)=>m.jsxRuntimeExports.jsx(a.Command.List,{ref:t,className:o.cn("max-h-[300px] overflow-y-auto overflow-x-hidden",e),...r}));c.displayName=a.Command.List.displayName;const p=n.forwardRef(({className:e,...r},t)=>m.jsxRuntimeExports.jsx(a.Command.Empty,{ref:t,className:o.cn("py-[10px] text-center text-sm",e),...r}));p.displayName=a.Command.Empty.displayName;const l=n.forwardRef(({className:e,...r},t)=>m.jsxRuntimeExports.jsx(a.Command.Group,{ref:t,className:o.cn("overflow-hidden text-gray-900 [&_[cmdk-group-heading]]:px-16 [&_[cmdk-group-heading]]:py-8 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-gray-900",e),...r}));l.displayName=a.Command.Group.displayName;const x=n.forwardRef(({className:e,...r},t)=>m.jsxRuntimeExports.jsx(a.Command.Separator,{ref:t,className:o.cn("-mx-4 h-px bg-gray-900/8",e),...r}));x.displayName=a.Command.Separator.displayName;const g=n.forwardRef(({className:e,...r},t)=>m.jsxRuntimeExports.jsx(a.Command.Item,{ref:t,className:o.cn("relative flex cursor-default select-none items-center py-8 px-16 outline-none aria-selected:bg-gray-200 aria-selected:text-gray-900 data-disabled:pointer-events-none data-disabled:opacity-64",e),...r}));g.displayName=a.Command.Item.displayName;const y=({className:e,...r})=>m.jsxRuntimeExports.jsx("span",{className:o.cn("ml-auto text-xs tracking-widest text-gray-700",e),...r});y.displayName="CommandShortcut";exports.Command=i;exports.CommandDialog=q;exports.CommandEmpty=p;exports.CommandGroup=l;exports.CommandInput=u;exports.CommandItem=g;exports.CommandList=c;exports.CommandSeparator=x;exports.CommandShortcut=y;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("./index37.cjs"),a=require("cmdk"),f=require("lucide-react"),C=require("react");;/* empty css */require("./index3.cjs");require("./index4.cjs");const o=require("./index39.cjs");require("@radix-ui/react-slot");require("./index7.cjs");require("./index8.cjs");require("./index9.cjs");const d=require("./index11.cjs");require("./index12.cjs");require("./index20.cjs");require("./index15.cjs");require("./index16.cjs");require("./index19.cjs");require("./index21.cjs");require("./index22.cjs");require("./index23.cjs");require("./index24.cjs");require("./index25.cjs");require("sonner");require("./index28.cjs");require("./index29.cjs");require("./index30.cjs");require("./index31.cjs");require("./index32.cjs");require("./index33.cjs");require("./index34.cjs");require("./index35.cjs");require("./index36.cjs");function h(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const s=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,s.get?s:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const n=h(C),i=n.forwardRef(({className:e,...r},t)=>m.jsxRuntimeExports.jsx(a.Command,{ref:t,className:o.cn("flex h-full w-full flex-col overflow-hidden rounded bg-white text-gray-900",e),...r}));i.displayName=a.Command.displayName;const q=({children:e,...r})=>m.jsxRuntimeExports.jsx(d.Dialog,{...r,children:m.jsxRuntimeExports.jsx(d.DialogContent,{hideCloseIcon:!0,className:"overflow-hidden p-0 shadow-200",children:m.jsxRuntimeExports.jsx(i,{className:"[&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-gray-900 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-16 [&_[cmdk-input-wrapper]_svg]:w-16 [&_[cmdk-input]]:h-48 [&_[cmdk-item]]:px-16 [&_[cmdk-item]]:py-8 [&_[cmdk-item]_svg]:h-16 [&_[cmdk-item]_svg]:w-16",children:e})})}),u=n.forwardRef(({className:e,inputWrapperClassName:r,...t},s)=>m.jsxRuntimeExports.jsxs("div",{className:o.cn("flex items-center border-b px-12",r),"cmdk-input-wrapper":"",children:[m.jsxRuntimeExports.jsx(a.Command.Input,{ref:s,className:o.cn("flex h-[44px] w-full rounded bg-white py-12 text-sm outline-none placeholder:text-gray-400 disabled:cursor-not-allowed disabled:opacity-64",e),...t}),m.jsxRuntimeExports.jsx(f.Search,{className:"ml-8 h-16 w-16 shrink-0"})]}));u.displayName=a.Command.Input.displayName;const c=n.forwardRef(({className:e,...r},t)=>m.jsxRuntimeExports.jsx(a.Command.List,{ref:t,className:o.cn("max-h-[300px] overflow-y-auto overflow-x-hidden",e),...r}));c.displayName=a.Command.List.displayName;const p=n.forwardRef(({className:e,...r},t)=>m.jsxRuntimeExports.jsx(a.Command.Empty,{ref:t,className:o.cn("py-[10px] text-center text-sm",e),...r}));p.displayName=a.Command.Empty.displayName;const l=n.forwardRef(({className:e,...r},t)=>m.jsxRuntimeExports.jsx(a.Command.Group,{ref:t,className:o.cn("overflow-hidden text-gray-900 [&_[cmdk-group-heading]]:px-16 [&_[cmdk-group-heading]]:py-8 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-gray-900",e),...r}));l.displayName=a.Command.Group.displayName;const x=n.forwardRef(({className:e,...r},t)=>m.jsxRuntimeExports.jsx(a.Command.Separator,{ref:t,className:o.cn("-mx-4 h-px bg-gray-900/8",e),...r}));x.displayName=a.Command.Separator.displayName;const g=n.forwardRef(({className:e,...r},t)=>m.jsxRuntimeExports.jsx(a.Command.Item,{ref:t,className:o.cn("relative flex cursor-default select-none items-center py-8 px-16 outline-none aria-selected:bg-gray-200 aria-selected:text-gray-900 data-disabled:pointer-events-none data-disabled:opacity-64",e),...r}));g.displayName=a.Command.Item.displayName;const y=({className:e,...r})=>m.jsxRuntimeExports.jsx("span",{className:o.cn("ml-auto text-xs tracking-widest text-gray-700",e),...r});y.displayName="CommandShortcut";exports.Command=i;exports.CommandDialog=q;exports.CommandEmpty=p;exports.CommandGroup=l;exports.CommandInput=u;exports.CommandItem=g;exports.CommandList=c;exports.CommandSeparator=x;exports.CommandShortcut=y;
2
2
  //# sourceMappingURL=index10.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"index10.cjs","sources":["../src/Command/index.tsx"],"sourcesContent":["'use client'\n\nimport { type DialogProps } from '@radix-ui/react-dialog'\nimport { Command as CommandPrimitive } from 'cmdk'\nimport { Search } from 'lucide-react'\nimport * as React from 'react'\nimport { Dialog, DialogContent } from '../'\nimport { cn } from '../lib/utils'\n\nconst Command = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive>,\n React.ComponentPropsWithoutRef<typeof CommandPrimitive>\n>(({ className, ...props }, ref) => (\n <CommandPrimitive\n ref={ref}\n className={cn(\n 'flex h-full w-full flex-col overflow-hidden rounded bg-white text-gray-900',\n className\n )}\n {...props}\n />\n))\nCommand.displayName = CommandPrimitive.displayName\n\ninterface CommandDialogProps extends DialogProps {}\n\nconst CommandDialog = ({ children, ...props }: CommandDialogProps) => {\n return (\n <Dialog {...props}>\n <DialogContent hideCloseIcon className=\"overflow-hidden p-0 shadow-200\">\n <Command className=\"[&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-gray-900 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-16 [&_[cmdk-input-wrapper]_svg]:w-16 [&_[cmdk-input]]:h-48 [&_[cmdk-item]]:px-16 [&_[cmdk-item]]:py-8 [&_[cmdk-item]_svg]:h-16 [&_[cmdk-item]_svg]:w-16\">\n {children}\n </Command>\n </DialogContent>\n </Dialog>\n )\n}\n\nconst CommandInput = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive.Input>,\n React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input> & {\n inputWrapperClassName?: string\n }\n>(({ className, inputWrapperClassName, ...props }, ref) => (\n <div\n className={cn('flex items-center border-b px-12', inputWrapperClassName)}\n cmdk-input-wrapper=\"\"\n >\n <CommandPrimitive.Input\n ref={ref}\n className={cn(\n 'flex h-[44px] w-full rounded bg-white py-12 text-sm outline-none placeholder:text-gray-400 disabled:cursor-not-allowed disabled:opacity-64',\n className\n )}\n {...props}\n />\n <Search className=\"ml-8 h-16 w-16 shrink-0\" />\n </div>\n))\n\nCommandInput.displayName = CommandPrimitive.Input.displayName\n\nconst CommandList = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive.List>,\n React.ComponentPropsWithoutRef<typeof CommandPrimitive.List>\n>(({ className, ...props }, ref) => (\n <CommandPrimitive.List\n ref={ref}\n className={cn('max-h-[300px] overflow-y-auto overflow-x-hidden', className)}\n {...props}\n />\n))\n\nCommandList.displayName = CommandPrimitive.List.displayName\n\nconst CommandEmpty = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive.Empty>,\n React.ComponentPropsWithoutRef<typeof CommandPrimitive.Empty>\n>(({ className, ...props }, ref) => (\n <CommandPrimitive.Empty\n ref={ref}\n className={cn('py-[10px] text-center text-sm', className)}\n {...props}\n />\n))\n\nCommandEmpty.displayName = CommandPrimitive.Empty.displayName\n\nconst CommandGroup = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive.Group>,\n React.ComponentPropsWithoutRef<typeof CommandPrimitive.Group>\n>(({ className, ...props }, ref) => (\n <CommandPrimitive.Group\n ref={ref}\n className={cn(\n 'overflow-hidden text-gray-900 [&_[cmdk-group-heading]]:px-16 [&_[cmdk-group-heading]]:py-8 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-gray-900',\n className\n )}\n {...props}\n />\n))\n\nCommandGroup.displayName = CommandPrimitive.Group.displayName\n\nconst CommandSeparator = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive.Separator>,\n React.ComponentPropsWithoutRef<typeof CommandPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n <CommandPrimitive.Separator\n ref={ref}\n className={cn('-mx-4 h-px bg-gray-900/8', className)}\n {...props}\n />\n))\nCommandSeparator.displayName = CommandPrimitive.Separator.displayName\n\nconst CommandItem = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive.Item>,\n React.ComponentPropsWithoutRef<typeof CommandPrimitive.Item>\n>(({ className, ...props }, ref) => (\n <CommandPrimitive.Item\n ref={ref}\n className={cn(\n 'relative flex cursor-default select-none items-center py-8 px-16 outline-none aria-selected:bg-gray-200 aria-selected:text-gray-900 data-disabled:pointer-events-none data-disabled:opacity-64',\n className\n )}\n {...props}\n />\n))\n\nCommandItem.displayName = CommandPrimitive.Item.displayName\n\nconst CommandShortcut = ({\n className,\n ...props\n}: React.HTMLAttributes<HTMLSpanElement>) => {\n return (\n <span\n className={cn('ml-auto text-xs tracking-widest text-gray-700', className)}\n {...props}\n />\n )\n}\nCommandShortcut.displayName = 'CommandShortcut'\n\nexport {\n Command,\n CommandDialog,\n CommandEmpty,\n CommandGroup,\n CommandInput,\n CommandItem,\n CommandList,\n CommandSeparator,\n CommandShortcut\n}\n"],"names":["Command","React","className","props","ref","jsx","CommandPrimitive","cn","CommandDialog","children","Dialog","DialogContent","CommandInput","inputWrapperClassName","jsxs","Search","CommandList","CommandEmpty","CommandGroup","CommandSeparator","CommandItem","CommandShortcut"],"mappings":"iqCASMA,EAAUC,EAAM,WAGpB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAC1BC,EAAAA,kBAAAA,IAACC,EAAAA,QAAA,CACC,IAAAF,EACA,UAAWG,EAAAA,GACT,6EACAL,CAAA,EAED,GAAGC,CAAA,CACN,CACD,EACDH,EAAQ,YAAcM,EAAAA,QAAiB,YAIvC,MAAME,EAAgB,CAAC,CAAE,SAAAC,EAAU,GAAGN,6BAEjCO,SAAA,CAAQ,GAAGP,EACV,SAAAE,wBAACM,EAAAA,eAAc,cAAa,GAAC,UAAU,iCACrC,iCAACX,EAAA,CAAQ,UAAU,uTAChB,SAAAS,CAAA,CACH,EACF,EACF,EAIEG,EAAeX,EAAM,WAKzB,CAAC,CAAE,UAAAC,EAAW,sBAAAW,EAAuB,GAAGV,GAASC,IACjDU,EAAAA,kBAAAA,KAAC,MAAA,CACC,UAAWP,EAAAA,GAAG,mCAAoCM,CAAqB,EACvE,qBAAmB,GAEnB,SAAA,CAAAR,EAAAA,kBAAAA,IAACC,EAAAA,QAAiB,MAAjB,CACC,IAAAF,EACA,UAAWG,EAAAA,GACT,6IACAL,CAAA,EAED,GAAGC,CAAA,CAAA,EAENE,EAAAA,kBAAAA,IAACU,EAAAA,OAAA,CAAO,UAAU,yBAAA,CAA0B,CAAA,CAAA,CAC9C,CACD,EAEDH,EAAa,YAAcN,UAAiB,MAAM,YAElD,MAAMU,EAAcf,EAAM,WAGxB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAC1BC,EAAAA,kBAAAA,IAACC,EAAAA,QAAiB,KAAjB,CACC,IAAAF,EACA,UAAWG,EAAAA,GAAG,kDAAmDL,CAAS,EACzE,GAAGC,CAAA,CACN,CACD,EAEDa,EAAY,YAAcV,UAAiB,KAAK,YAEhD,MAAMW,EAAehB,EAAM,WAGzB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAC1BC,EAAAA,kBAAAA,IAACC,EAAAA,QAAiB,MAAjB,CACC,IAAAF,EACA,UAAWG,EAAAA,GAAG,gCAAiCL,CAAS,EACvD,GAAGC,CAAA,CACN,CACD,EAEDc,EAAa,YAAcX,UAAiB,MAAM,YAElD,MAAMY,EAAejB,EAAM,WAGzB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAC1BC,EAAAA,kBAAAA,IAACC,EAAAA,QAAiB,MAAjB,CACC,IAAAF,EACA,UAAWG,EAAAA,GACT,0MACAL,CAAA,EAED,GAAGC,CAAA,CACN,CACD,EAEDe,EAAa,YAAcZ,UAAiB,MAAM,YAElD,MAAMa,EAAmBlB,EAAM,WAG7B,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAC1BC,EAAAA,kBAAAA,IAACC,EAAAA,QAAiB,UAAjB,CACC,IAAAF,EACA,UAAWG,EAAAA,GAAG,2BAA4BL,CAAS,EAClD,GAAGC,CAAA,CACN,CACD,EACDgB,EAAiB,YAAcb,UAAiB,UAAU,YAE1D,MAAMc,EAAcnB,EAAM,WAGxB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAC1BC,EAAAA,kBAAAA,IAACC,EAAAA,QAAiB,KAAjB,CACC,IAAAF,EACA,UAAWG,EAAAA,GACT,iMACAL,CAAA,EAED,GAAGC,CAAA,CACN,CACD,EAEDiB,EAAY,YAAcd,UAAiB,KAAK,YAEhD,MAAMe,EAAkB,CAAC,CACvB,UAAAnB,EACA,GAAGC,CACL,IAEIE,EAAAA,kBAAAA,IAAC,OAAA,CACC,UAAWE,EAAAA,GAAG,gDAAiDL,CAAS,EACvE,GAAGC,CAAA,CAAA,EAIVkB,EAAgB,YAAc"}
1
+ {"version":3,"file":"index10.cjs","sources":["../src/Command/index.tsx"],"sourcesContent":["'use client'\n\nimport { type DialogProps } from '@radix-ui/react-dialog'\nimport { Command as CommandPrimitive } from 'cmdk'\nimport { Search } from 'lucide-react'\nimport * as React from 'react'\nimport { Dialog, DialogContent } from '../'\nimport { cn } from '../lib/utils'\n\nconst Command = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive>,\n React.ComponentPropsWithoutRef<typeof CommandPrimitive>\n>(({ className, ...props }, ref) => (\n <CommandPrimitive\n ref={ref}\n className={cn(\n 'flex h-full w-full flex-col overflow-hidden rounded bg-white text-gray-900',\n className\n )}\n {...props}\n />\n))\nCommand.displayName = CommandPrimitive.displayName\n\ninterface CommandDialogProps extends DialogProps {}\n\nconst CommandDialog = ({ children, ...props }: CommandDialogProps) => {\n return (\n <Dialog {...props}>\n <DialogContent hideCloseIcon className=\"overflow-hidden p-0 shadow-200\">\n <Command className=\"[&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-gray-900 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-16 [&_[cmdk-input-wrapper]_svg]:w-16 [&_[cmdk-input]]:h-48 [&_[cmdk-item]]:px-16 [&_[cmdk-item]]:py-8 [&_[cmdk-item]_svg]:h-16 [&_[cmdk-item]_svg]:w-16\">\n {children}\n </Command>\n </DialogContent>\n </Dialog>\n )\n}\n\nconst CommandInput = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive.Input>,\n React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input> & {\n inputWrapperClassName?: string\n }\n>(({ className, inputWrapperClassName, ...props }, ref) => (\n <div\n className={cn('flex items-center border-b px-12', inputWrapperClassName)}\n cmdk-input-wrapper=\"\"\n >\n <CommandPrimitive.Input\n ref={ref}\n className={cn(\n 'flex h-[44px] w-full rounded bg-white py-12 text-sm outline-none placeholder:text-gray-400 disabled:cursor-not-allowed disabled:opacity-64',\n className\n )}\n {...props}\n />\n <Search className=\"ml-8 h-16 w-16 shrink-0\" />\n </div>\n))\n\nCommandInput.displayName = CommandPrimitive.Input.displayName\n\nconst CommandList = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive.List>,\n React.ComponentPropsWithoutRef<typeof CommandPrimitive.List>\n>(({ className, ...props }, ref) => (\n <CommandPrimitive.List\n ref={ref}\n className={cn('max-h-[300px] overflow-y-auto overflow-x-hidden', className)}\n {...props}\n />\n))\n\nCommandList.displayName = CommandPrimitive.List.displayName\n\nconst CommandEmpty = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive.Empty>,\n React.ComponentPropsWithoutRef<typeof CommandPrimitive.Empty>\n>(({ className, ...props }, ref) => (\n <CommandPrimitive.Empty\n ref={ref}\n className={cn('py-[10px] text-center text-sm', className)}\n {...props}\n />\n))\n\nCommandEmpty.displayName = CommandPrimitive.Empty.displayName\n\nconst CommandGroup = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive.Group>,\n React.ComponentPropsWithoutRef<typeof CommandPrimitive.Group>\n>(({ className, ...props }, ref) => (\n <CommandPrimitive.Group\n ref={ref}\n className={cn(\n 'overflow-hidden text-gray-900 [&_[cmdk-group-heading]]:px-16 [&_[cmdk-group-heading]]:py-8 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-gray-900',\n className\n )}\n {...props}\n />\n))\n\nCommandGroup.displayName = CommandPrimitive.Group.displayName\n\nconst CommandSeparator = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive.Separator>,\n React.ComponentPropsWithoutRef<typeof CommandPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n <CommandPrimitive.Separator\n ref={ref}\n className={cn('-mx-4 h-px bg-gray-900/8', className)}\n {...props}\n />\n))\nCommandSeparator.displayName = CommandPrimitive.Separator.displayName\n\nconst CommandItem = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive.Item>,\n React.ComponentPropsWithoutRef<typeof CommandPrimitive.Item>\n>(({ className, ...props }, ref) => (\n <CommandPrimitive.Item\n ref={ref}\n className={cn(\n 'relative flex cursor-default select-none items-center py-8 px-16 outline-none aria-selected:bg-gray-200 aria-selected:text-gray-900 data-disabled:pointer-events-none data-disabled:opacity-64',\n className\n )}\n {...props}\n />\n))\n\nCommandItem.displayName = CommandPrimitive.Item.displayName\n\nconst CommandShortcut = ({\n className,\n ...props\n}: React.HTMLAttributes<HTMLSpanElement>) => {\n return (\n <span\n className={cn('ml-auto text-xs tracking-widest text-gray-700', className)}\n {...props}\n />\n )\n}\nCommandShortcut.displayName = 'CommandShortcut'\n\nexport {\n Command,\n CommandDialog,\n CommandEmpty,\n CommandGroup,\n CommandInput,\n CommandItem,\n CommandList,\n CommandSeparator,\n CommandShortcut\n}\n"],"names":["Command","React","className","props","ref","jsx","CommandPrimitive","cn","CommandDialog","children","Dialog","DialogContent","CommandInput","inputWrapperClassName","jsxs","Search","CommandList","CommandEmpty","CommandGroup","CommandSeparator","CommandItem","CommandShortcut"],"mappings":"yqCASMA,EAAUC,EAAM,WAGpB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAC1BC,EAAAA,kBAAAA,IAACC,EAAAA,QAAA,CACC,IAAAF,EACA,UAAWG,EAAAA,GACT,6EACAL,CAAA,EAED,GAAGC,CAAA,CACN,CACD,EACDH,EAAQ,YAAcM,EAAAA,QAAiB,YAIvC,MAAME,EAAgB,CAAC,CAAE,SAAAC,EAAU,GAAGN,6BAEjCO,SAAA,CAAQ,GAAGP,EACV,SAAAE,wBAACM,EAAAA,eAAc,cAAa,GAAC,UAAU,iCACrC,iCAACX,EAAA,CAAQ,UAAU,uTAChB,SAAAS,CAAA,CACH,EACF,EACF,EAIEG,EAAeX,EAAM,WAKzB,CAAC,CAAE,UAAAC,EAAW,sBAAAW,EAAuB,GAAGV,GAASC,IACjDU,EAAAA,kBAAAA,KAAC,MAAA,CACC,UAAWP,EAAAA,GAAG,mCAAoCM,CAAqB,EACvE,qBAAmB,GAEnB,SAAA,CAAAR,EAAAA,kBAAAA,IAACC,EAAAA,QAAiB,MAAjB,CACC,IAAAF,EACA,UAAWG,EAAAA,GACT,6IACAL,CAAA,EAED,GAAGC,CAAA,CAAA,EAENE,EAAAA,kBAAAA,IAACU,EAAAA,OAAA,CAAO,UAAU,yBAAA,CAA0B,CAAA,CAAA,CAC9C,CACD,EAEDH,EAAa,YAAcN,UAAiB,MAAM,YAElD,MAAMU,EAAcf,EAAM,WAGxB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAC1BC,EAAAA,kBAAAA,IAACC,EAAAA,QAAiB,KAAjB,CACC,IAAAF,EACA,UAAWG,EAAAA,GAAG,kDAAmDL,CAAS,EACzE,GAAGC,CAAA,CACN,CACD,EAEDa,EAAY,YAAcV,UAAiB,KAAK,YAEhD,MAAMW,EAAehB,EAAM,WAGzB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAC1BC,EAAAA,kBAAAA,IAACC,EAAAA,QAAiB,MAAjB,CACC,IAAAF,EACA,UAAWG,EAAAA,GAAG,gCAAiCL,CAAS,EACvD,GAAGC,CAAA,CACN,CACD,EAEDc,EAAa,YAAcX,UAAiB,MAAM,YAElD,MAAMY,EAAejB,EAAM,WAGzB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAC1BC,EAAAA,kBAAAA,IAACC,EAAAA,QAAiB,MAAjB,CACC,IAAAF,EACA,UAAWG,EAAAA,GACT,0MACAL,CAAA,EAED,GAAGC,CAAA,CACN,CACD,EAEDe,EAAa,YAAcZ,UAAiB,MAAM,YAElD,MAAMa,EAAmBlB,EAAM,WAG7B,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAC1BC,EAAAA,kBAAAA,IAACC,EAAAA,QAAiB,UAAjB,CACC,IAAAF,EACA,UAAWG,EAAAA,GAAG,2BAA4BL,CAAS,EAClD,GAAGC,CAAA,CACN,CACD,EACDgB,EAAiB,YAAcb,UAAiB,UAAU,YAE1D,MAAMc,EAAcnB,EAAM,WAGxB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAC1BC,EAAAA,kBAAAA,IAACC,EAAAA,QAAiB,KAAjB,CACC,IAAAF,EACA,UAAWG,EAAAA,GACT,iMACAL,CAAA,EAED,GAAGC,CAAA,CACN,CACD,EAEDiB,EAAY,YAAcd,UAAiB,KAAK,YAEhD,MAAMe,EAAkB,CAAC,CACvB,UAAAnB,EACA,GAAGC,CACL,IAEIE,EAAAA,kBAAAA,IAAC,OAAA,CACC,UAAWE,EAAAA,GAAG,gDAAiDL,CAAS,EACvE,GAAGC,CAAA,CAAA,EAIVkB,EAAgB,YAAc"}
package/dist/index10.js CHANGED
@@ -6,7 +6,7 @@ import * as i from "react";
6
6
  import "./index3.js";
7
7
  import "./index4.js";
8
8
  import { cn as r } from "./index39.js";
9
- import "./index6.js";
9
+ import "@radix-ui/react-slot";
10
10
  import "./index7.js";
11
11
  import "./index8.js";
12
12
  import "./index9.js";
package/dist/index6.cjs CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./index37.cjs"),g=require("@radix-ui/react-slot"),p=require("./index38.cjs"),f=require("react"),b=require("./index39.cjs");function v(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const l=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,l.get?l:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const y=v(f),i=p.cva("inline-flex items-center justify-center rounded text-base font-medium outline-none transition-opacity transition-colors disabled:pointer-events-none disabled:opacity-40",{variants:{variant:{filled:"",outline:"border",ghost:"",link:""},intent:{primary:"",secondary:"",warning:"",danger:"",filter:""},size:{md:"h-40 min-w-96 px-24",sm:"h-32 px-16",icon:"h-32 w-32","fit-content":""}},compoundVariants:[{variant:"filled",intent:"primary",className:"bg-purple-700 text-white fill-white hover:bg-purple-800 focus:bg-purple-800 active:bg-purple-900"},{variant:"filled",intent:"secondary",className:"bg-gray-900/8 text-gray-900 fill-gray-900 hover:bg-gray-900/12 focus:bg-gray-900/12 active:bg-gray-900/16"},{variant:"filled",intent:"warning",className:"bg-yellow-500 text-white fill-white hover:bg-yellow-600 focus:bg-yellow-600 active:bg-yellow-700"},{variant:"filled",intent:"danger",className:"bg-magenta-500 text-white fill-white hover:bg-magenta-600 focus:bg-magenta-600 active:bg-magenta-700"},{variant:"filled",intent:"filter",className:"bg-purple-100 text-purple-800 fill-purple-800 hover:bg-purple-200 focus:bg-purple-200 active:bg-purple-300"},{variant:"outline",intent:"primary",className:"text-purple-700 fill-purple-700 border-purple-700"},{variant:"outline",intent:"secondary",className:"text-gray-700 fill-gray-700 border-gray-900/24 hover:bg-gray-900/8 focus:bg-gray-900/8 active:bg-gray-900/12"},{variant:"outline",intent:"warning",className:"text-yellow-500 fill-yellow-500 border-yellow-500"},{variant:"outline",intent:"danger",className:"text-magenta-500 fill-magenta-500 border-magenta-500"},{variant:"outline",intent:"filter",className:"text-purple-600 fill-purple-600 border-purple-400"},{variant:["outline","ghost"],intent:"primary",className:"hover:bg-purple-50 focus:bg-purple-50 active:bg-purple-100"},{variant:["outline","ghost"],intent:"secondary",className:"hover:bg-gray-900/8 focus:bg-gray-900/8 active:bg-gray-900/12"},{variant:["outline","ghost"],intent:"warning",className:"bg-yellow-500 bg-opacity-0 hover:bg-opacity-8 focus:bg-opacity-8 active:bg-opacity-12"},{variant:["outline","ghost"],intent:"danger",className:"bg-magenta-500 bg-opacity-0 hover:bg-opacity-8 focus:bg-opacity-8 active:bg-opacity-12"},{variant:["outline","ghost"],intent:"filter",className:"bg-purple-500 bg-opacity-0 hover:bg-opacity-8 focus:bg-opacity-8 active:bg-opacity-12"},{variant:"ghost",intent:"primary",className:"text-purple-700 fill-purple-700 hover:text-purple-800 hover:fill-purple-800 focus:text-purple-800 focus:fill-purple-800 active:text-purple-900 active:fill-purple-900"},{variant:"link",intent:"primary",className:"text-robinblue-500 fill-robinblue-500 hover:text-robinblue-600 hover:fill-robinblue-600 focus:text-robinblue-600 focus:fill-robinblue-600 active:text-robinblue-700 active:fill-robinblue-700"},{variant:["ghost","link"],intent:"secondary",className:"text-gray-700 fill-gray-700 hover:text-gray-800 hover:fill-gray-800 focus:text-gray-800 focus:fill-gray-800 active:text-gray-900 active:fill-gray-900 "},{variant:["ghost","link"],intent:"warning",className:"text-yellow-500 fill-yellow-500 hover:text-yellow-600 hover:fill-text-yellow-600 focus:text-yellow-600 focus:fill-yellow-600 active:text-yellow-700 active:fill-yellow-700"},{variant:["ghost","link"],intent:"danger",className:"text-magenta-500 fill-magenta-500 hover:text-magenta-600 hover:fill-text-magenta-600 focus:text-magenta-600 focus:fill-magenta-600 active:text-magenta-700 active:fill-magenta-700"},{variant:["ghost","link"],intent:"filter",className:"text-purple-600 fill-purple-600 hover:text-purple-700 hover:fill-text-purple-700 focus:text-purple-700 focus:fill-purple-700 active:text-purple-800 active:fill-purple-800"}],defaultVariants:{variant:"filled",intent:"primary",size:"md"}}),r=y.forwardRef(({className:e,variant:a,intent:t,size:l,asChild:n=!1,...o},s)=>{const c=n?g.Slot:"button";return u.jsxRuntimeExports.jsx(c,{className:b.cn(i({variant:a,intent:t,size:l,className:e})),ref:s,...o})});r.displayName="Button";exports.Button=r;exports.buttonVariants=i;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index37.cjs"),g=require("@radix-ui/react-slot"),c=require("./index38.cjs"),u=require("./index39.cjs"),e=c.cva("inline-flex items-center justify-center rounded text-base font-medium outline-none transition-opacity transition-colors disabled:pointer-events-none disabled:opacity-40",{variants:{variant:{filled:"",outline:"border",ghost:"",link:""},intent:{primary:"",secondary:"",warning:"",danger:"",filter:""},size:{md:"h-40 min-w-96 px-24",sm:"h-32 px-16",icon:"h-32 w-32","fit-content":""}},compoundVariants:[{variant:"filled",intent:"primary",className:"bg-purple-700 text-white fill-white hover:bg-purple-800 focus:bg-purple-800 active:bg-purple-900"},{variant:"filled",intent:"secondary",className:"bg-gray-900/8 text-gray-900 fill-gray-900 hover:bg-gray-900/12 focus:bg-gray-900/12 active:bg-gray-900/16"},{variant:"filled",intent:"warning",className:"bg-yellow-500 text-white fill-white hover:bg-yellow-600 focus:bg-yellow-600 active:bg-yellow-700"},{variant:"filled",intent:"danger",className:"bg-magenta-500 text-white fill-white hover:bg-magenta-600 focus:bg-magenta-600 active:bg-magenta-700"},{variant:"filled",intent:"filter",className:"bg-purple-100 text-purple-800 fill-purple-800 hover:bg-purple-200 focus:bg-purple-200 active:bg-purple-300"},{variant:"outline",intent:"primary",className:"text-purple-700 fill-purple-700 border-purple-700"},{variant:"outline",intent:"secondary",className:"text-gray-700 fill-gray-700 border-gray-900/24 hover:bg-gray-900/8 focus:bg-gray-900/8 active:bg-gray-900/12"},{variant:"outline",intent:"warning",className:"text-yellow-500 fill-yellow-500 border-yellow-500"},{variant:"outline",intent:"danger",className:"text-magenta-500 fill-magenta-500 border-magenta-500"},{variant:"outline",intent:"filter",className:"text-purple-600 fill-purple-600 border-purple-400"},{variant:["outline","ghost"],intent:"primary",className:"hover:bg-purple-50 focus:bg-purple-50 active:bg-purple-100"},{variant:["outline","ghost"],intent:"secondary",className:"hover:bg-gray-900/8 focus:bg-gray-900/8 active:bg-gray-900/12"},{variant:["outline","ghost"],intent:"warning",className:"bg-yellow-500 bg-opacity-0 hover:bg-opacity-8 focus:bg-opacity-8 active:bg-opacity-12"},{variant:["outline","ghost"],intent:"danger",className:"bg-magenta-500 bg-opacity-0 hover:bg-opacity-8 focus:bg-opacity-8 active:bg-opacity-12"},{variant:["outline","ghost"],intent:"filter",className:"bg-purple-500 bg-opacity-0 hover:bg-opacity-8 focus:bg-opacity-8 active:bg-opacity-12"},{variant:"ghost",intent:"primary",className:"text-purple-700 fill-purple-700 hover:text-purple-800 hover:fill-purple-800 focus:text-purple-800 focus:fill-purple-800 active:text-purple-900 active:fill-purple-900"},{variant:"link",intent:"primary",className:"text-robinblue-500 fill-robinblue-500 hover:text-robinblue-600 hover:fill-robinblue-600 focus:text-robinblue-600 focus:fill-robinblue-600 active:text-robinblue-700 active:fill-robinblue-700"},{variant:["ghost","link"],intent:"secondary",className:"text-gray-700 fill-gray-700 hover:text-gray-800 hover:fill-gray-800 focus:text-gray-800 focus:fill-gray-800 active:text-gray-900 active:fill-gray-900 "},{variant:["ghost","link"],intent:"warning",className:"text-yellow-500 fill-yellow-500 hover:text-yellow-600 hover:fill-text-yellow-600 focus:text-yellow-600 focus:fill-yellow-600 active:text-yellow-700 active:fill-yellow-700"},{variant:["ghost","link"],intent:"danger",className:"text-magenta-500 fill-magenta-500 hover:text-magenta-600 hover:fill-text-magenta-600 focus:text-magenta-600 focus:fill-magenta-600 active:text-magenta-700 active:fill-magenta-700"},{variant:["ghost","link"],intent:"filter",className:"text-purple-600 fill-purple-600 hover:text-purple-700 hover:fill-text-purple-700 focus:text-purple-700 focus:fill-purple-700 active:text-purple-800 active:fill-purple-800"}],defaultVariants:{variant:"filled",intent:"primary",size:"md"}});function p({className:t,variant:a,size:l,intent:i,asChild:r=!1,...n}){const o=r?g.Slot:"button";return s.jsxRuntimeExports.jsx(o,{"data-slot":"button",className:u.cn(e({variant:a,size:l,intent:i,className:t})),...n})}exports.Button=p;exports.buttonVariants=e;
2
2
  //# sourceMappingURL=index6.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"index6.cjs","sources":["../src/Button/index.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nconst buttonVariants = cva(\n 'inline-flex items-center justify-center rounded text-base font-medium outline-none transition-opacity transition-colors disabled:pointer-events-none disabled:opacity-40',\n {\n variants: {\n variant: {\n filled: '',\n outline: 'border',\n ghost: '',\n link: ''\n },\n intent: {\n primary: '',\n secondary: '',\n warning: '',\n danger: '',\n filter: ''\n },\n size: {\n md: 'h-40 min-w-96 px-24',\n sm: 'h-32 px-16',\n icon: 'h-32 w-32',\n 'fit-content': ''\n }\n },\n compoundVariants: [\n {\n variant: 'filled',\n intent: 'primary',\n className:\n 'bg-purple-700 text-white fill-white hover:bg-purple-800 focus:bg-purple-800 active:bg-purple-900'\n },\n {\n variant: 'filled',\n intent: 'secondary',\n className:\n 'bg-gray-900/8 text-gray-900 fill-gray-900 hover:bg-gray-900/12 focus:bg-gray-900/12 active:bg-gray-900/16'\n },\n {\n variant: 'filled',\n intent: 'warning',\n className:\n 'bg-yellow-500 text-white fill-white hover:bg-yellow-600 focus:bg-yellow-600 active:bg-yellow-700'\n },\n {\n variant: 'filled',\n intent: 'danger',\n className:\n 'bg-magenta-500 text-white fill-white hover:bg-magenta-600 focus:bg-magenta-600 active:bg-magenta-700'\n },\n {\n variant: 'filled',\n intent: 'filter',\n className:\n 'bg-purple-100 text-purple-800 fill-purple-800 hover:bg-purple-200 focus:bg-purple-200 active:bg-purple-300'\n },\n {\n variant: 'outline',\n intent: 'primary',\n className: 'text-purple-700 fill-purple-700 border-purple-700'\n },\n {\n variant: 'outline',\n intent: 'secondary',\n className:\n 'text-gray-700 fill-gray-700 border-gray-900/24 hover:bg-gray-900/8 focus:bg-gray-900/8 active:bg-gray-900/12'\n },\n {\n variant: 'outline',\n intent: 'warning',\n className: 'text-yellow-500 fill-yellow-500 border-yellow-500'\n },\n {\n variant: 'outline',\n intent: 'danger',\n className: 'text-magenta-500 fill-magenta-500 border-magenta-500'\n },\n {\n variant: 'outline',\n intent: 'filter',\n className: 'text-purple-600 fill-purple-600 border-purple-400'\n },\n {\n variant: ['outline', 'ghost'],\n intent: 'primary',\n className: 'hover:bg-purple-50 focus:bg-purple-50 active:bg-purple-100'\n },\n {\n variant: ['outline', 'ghost'],\n intent: 'secondary',\n className:\n 'hover:bg-gray-900/8 focus:bg-gray-900/8 active:bg-gray-900/12'\n },\n {\n variant: ['outline', 'ghost'],\n intent: 'warning',\n className:\n 'bg-yellow-500 bg-opacity-0 hover:bg-opacity-8 focus:bg-opacity-8 active:bg-opacity-12'\n },\n {\n variant: ['outline', 'ghost'],\n intent: 'danger',\n className:\n 'bg-magenta-500 bg-opacity-0 hover:bg-opacity-8 focus:bg-opacity-8 active:bg-opacity-12'\n },\n {\n variant: ['outline', 'ghost'],\n intent: 'filter',\n className:\n 'bg-purple-500 bg-opacity-0 hover:bg-opacity-8 focus:bg-opacity-8 active:bg-opacity-12'\n },\n {\n variant: 'ghost',\n intent: 'primary',\n className:\n 'text-purple-700 fill-purple-700 hover:text-purple-800 hover:fill-purple-800 focus:text-purple-800 focus:fill-purple-800 active:text-purple-900 active:fill-purple-900'\n },\n {\n variant: 'link',\n intent: 'primary',\n className:\n 'text-robinblue-500 fill-robinblue-500 hover:text-robinblue-600 hover:fill-robinblue-600 focus:text-robinblue-600 focus:fill-robinblue-600 active:text-robinblue-700 active:fill-robinblue-700'\n },\n {\n variant: ['ghost', 'link'],\n intent: 'secondary',\n className:\n 'text-gray-700 fill-gray-700 hover:text-gray-800 hover:fill-gray-800 focus:text-gray-800 focus:fill-gray-800 active:text-gray-900 active:fill-gray-900 '\n },\n {\n variant: ['ghost', 'link'],\n intent: 'warning',\n className:\n 'text-yellow-500 fill-yellow-500 hover:text-yellow-600 hover:fill-text-yellow-600 focus:text-yellow-600 focus:fill-yellow-600 active:text-yellow-700 active:fill-yellow-700'\n },\n {\n variant: ['ghost', 'link'],\n intent: 'danger',\n className:\n 'text-magenta-500 fill-magenta-500 hover:text-magenta-600 hover:fill-text-magenta-600 focus:text-magenta-600 focus:fill-magenta-600 active:text-magenta-700 active:fill-magenta-700'\n },\n {\n variant: ['ghost', 'link'],\n intent: 'filter',\n className:\n 'text-purple-600 fill-purple-600 hover:text-purple-700 hover:fill-text-purple-700 focus:text-purple-700 focus:fill-purple-700 active:text-purple-800 active:fill-purple-800'\n }\n ],\n defaultVariants: {\n variant: 'filled',\n intent: 'primary',\n size: 'md'\n }\n }\n)\n\nexport interface ButtonProps\n extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n VariantProps<typeof buttonVariants> {\n asChild?: boolean\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n ({ className, variant, intent, size, asChild = false, ...props }, ref) => {\n const Comp = asChild ? Slot : 'button'\n return (\n <Comp\n className={cn(buttonVariants({ variant, intent, size, className }))}\n ref={ref}\n {...props}\n />\n )\n }\n)\nButton.displayName = 'Button'\n\nexport { Button, buttonVariants }\n"],"names":["buttonVariants","cva","Button","React","className","variant","intent","size","asChild","props","ref","Comp","Slot","jsx","cn"],"mappings":"sfAKMA,EAAiBC,EAAAA,IACrB,2KACA,CACE,SAAU,CACR,QAAS,CACP,OAAQ,GACR,QAAS,SACT,MAAO,GACP,KAAM,EAAA,EAER,OAAQ,CACN,QAAS,GACT,UAAW,GACX,QAAS,GACT,OAAQ,GACR,OAAQ,EAAA,EAEV,KAAM,CACJ,GAAI,sBACJ,GAAI,aACJ,KAAM,YACN,cAAe,EAAA,CACjB,EAEF,iBAAkB,CAChB,CACE,QAAS,SACT,OAAQ,UACR,UACE,kGAAA,EAEJ,CACE,QAAS,SACT,OAAQ,YACR,UACE,2GAAA,EAEJ,CACE,QAAS,SACT,OAAQ,UACR,UACE,kGAAA,EAEJ,CACE,QAAS,SACT,OAAQ,SACR,UACE,sGAAA,EAEJ,CACE,QAAS,SACT,OAAQ,SACR,UACE,4GAAA,EAEJ,CACE,QAAS,UACT,OAAQ,UACR,UAAW,mDAAA,EAEb,CACE,QAAS,UACT,OAAQ,YACR,UACE,8GAAA,EAEJ,CACE,QAAS,UACT,OAAQ,UACR,UAAW,mDAAA,EAEb,CACE,QAAS,UACT,OAAQ,SACR,UAAW,sDAAA,EAEb,CACE,QAAS,UACT,OAAQ,SACR,UAAW,mDAAA,EAEb,CACE,QAAS,CAAC,UAAW,OAAO,EAC5B,OAAQ,UACR,UAAW,4DAAA,EAEb,CACE,QAAS,CAAC,UAAW,OAAO,EAC5B,OAAQ,YACR,UACE,+DAAA,EAEJ,CACE,QAAS,CAAC,UAAW,OAAO,EAC5B,OAAQ,UACR,UACE,uFAAA,EAEJ,CACE,QAAS,CAAC,UAAW,OAAO,EAC5B,OAAQ,SACR,UACE,wFAAA,EAEJ,CACE,QAAS,CAAC,UAAW,OAAO,EAC5B,OAAQ,SACR,UACE,uFAAA,EAEJ,CACE,QAAS,QACT,OAAQ,UACR,UACE,uKAAA,EAEJ,CACE,QAAS,OACT,OAAQ,UACR,UACE,+LAAA,EAEJ,CACE,QAAS,CAAC,QAAS,MAAM,EACzB,OAAQ,YACR,UACE,wJAAA,EAEJ,CACE,QAAS,CAAC,QAAS,MAAM,EACzB,OAAQ,UACR,UACE,4KAAA,EAEJ,CACE,QAAS,CAAC,QAAS,MAAM,EACzB,OAAQ,SACR,UACE,oLAAA,EAEJ,CACE,QAAS,CAAC,QAAS,MAAM,EACzB,OAAQ,SACR,UACE,4KAAA,CACJ,EAEF,gBAAiB,CACf,QAAS,SACT,OAAQ,UACR,KAAM,IAAA,CACR,CAEJ,EAQMC,EAASC,EAAM,WACnB,CAAC,CAAE,UAAAC,EAAW,QAAAC,EAAS,OAAAC,EAAQ,KAAAC,EAAM,QAAAC,EAAU,GAAO,GAAGC,CAAA,EAASC,IAAQ,CACxE,MAAMC,EAAOH,EAAUI,EAAAA,KAAO,SAC9B,OACEC,EAAAA,kBAAAA,IAACF,EAAA,CACC,UAAWG,EAAAA,GAAGd,EAAe,CAAE,QAAAK,EAAS,OAAAC,EAAQ,KAAAC,EAAM,UAAAH,CAAA,CAAW,CAAC,EAClE,IAAAM,EACC,GAAGD,CAAA,CAAA,CAGV,CACF,EACAP,EAAO,YAAc"}
1
+ {"version":3,"file":"index6.cjs","sources":["../src/Button/index.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nconst buttonVariants = cva(\n 'inline-flex items-center justify-center rounded text-base font-medium outline-none transition-opacity transition-colors disabled:pointer-events-none disabled:opacity-40',\n {\n variants: {\n variant: {\n filled: '',\n outline: 'border',\n ghost: '',\n link: ''\n },\n intent: {\n primary: '',\n secondary: '',\n warning: '',\n danger: '',\n filter: ''\n },\n size: {\n md: 'h-40 min-w-96 px-24',\n sm: 'h-32 px-16',\n icon: 'h-32 w-32',\n 'fit-content': ''\n }\n },\n compoundVariants: [\n {\n variant: 'filled',\n intent: 'primary',\n className:\n 'bg-purple-700 text-white fill-white hover:bg-purple-800 focus:bg-purple-800 active:bg-purple-900'\n },\n {\n variant: 'filled',\n intent: 'secondary',\n className:\n 'bg-gray-900/8 text-gray-900 fill-gray-900 hover:bg-gray-900/12 focus:bg-gray-900/12 active:bg-gray-900/16'\n },\n {\n variant: 'filled',\n intent: 'warning',\n className:\n 'bg-yellow-500 text-white fill-white hover:bg-yellow-600 focus:bg-yellow-600 active:bg-yellow-700'\n },\n {\n variant: 'filled',\n intent: 'danger',\n className:\n 'bg-magenta-500 text-white fill-white hover:bg-magenta-600 focus:bg-magenta-600 active:bg-magenta-700'\n },\n {\n variant: 'filled',\n intent: 'filter',\n className:\n 'bg-purple-100 text-purple-800 fill-purple-800 hover:bg-purple-200 focus:bg-purple-200 active:bg-purple-300'\n },\n {\n variant: 'outline',\n intent: 'primary',\n className: 'text-purple-700 fill-purple-700 border-purple-700'\n },\n {\n variant: 'outline',\n intent: 'secondary',\n className:\n 'text-gray-700 fill-gray-700 border-gray-900/24 hover:bg-gray-900/8 focus:bg-gray-900/8 active:bg-gray-900/12'\n },\n {\n variant: 'outline',\n intent: 'warning',\n className: 'text-yellow-500 fill-yellow-500 border-yellow-500'\n },\n {\n variant: 'outline',\n intent: 'danger',\n className: 'text-magenta-500 fill-magenta-500 border-magenta-500'\n },\n {\n variant: 'outline',\n intent: 'filter',\n className: 'text-purple-600 fill-purple-600 border-purple-400'\n },\n {\n variant: ['outline', 'ghost'],\n intent: 'primary',\n className: 'hover:bg-purple-50 focus:bg-purple-50 active:bg-purple-100'\n },\n {\n variant: ['outline', 'ghost'],\n intent: 'secondary',\n className:\n 'hover:bg-gray-900/8 focus:bg-gray-900/8 active:bg-gray-900/12'\n },\n {\n variant: ['outline', 'ghost'],\n intent: 'warning',\n className:\n 'bg-yellow-500 bg-opacity-0 hover:bg-opacity-8 focus:bg-opacity-8 active:bg-opacity-12'\n },\n {\n variant: ['outline', 'ghost'],\n intent: 'danger',\n className:\n 'bg-magenta-500 bg-opacity-0 hover:bg-opacity-8 focus:bg-opacity-8 active:bg-opacity-12'\n },\n {\n variant: ['outline', 'ghost'],\n intent: 'filter',\n className:\n 'bg-purple-500 bg-opacity-0 hover:bg-opacity-8 focus:bg-opacity-8 active:bg-opacity-12'\n },\n {\n variant: 'ghost',\n intent: 'primary',\n className:\n 'text-purple-700 fill-purple-700 hover:text-purple-800 hover:fill-purple-800 focus:text-purple-800 focus:fill-purple-800 active:text-purple-900 active:fill-purple-900'\n },\n {\n variant: 'link',\n intent: 'primary',\n className:\n 'text-robinblue-500 fill-robinblue-500 hover:text-robinblue-600 hover:fill-robinblue-600 focus:text-robinblue-600 focus:fill-robinblue-600 active:text-robinblue-700 active:fill-robinblue-700'\n },\n {\n variant: ['ghost', 'link'],\n intent: 'secondary',\n className:\n 'text-gray-700 fill-gray-700 hover:text-gray-800 hover:fill-gray-800 focus:text-gray-800 focus:fill-gray-800 active:text-gray-900 active:fill-gray-900 '\n },\n {\n variant: ['ghost', 'link'],\n intent: 'warning',\n className:\n 'text-yellow-500 fill-yellow-500 hover:text-yellow-600 hover:fill-text-yellow-600 focus:text-yellow-600 focus:fill-yellow-600 active:text-yellow-700 active:fill-yellow-700'\n },\n {\n variant: ['ghost', 'link'],\n intent: 'danger',\n className:\n 'text-magenta-500 fill-magenta-500 hover:text-magenta-600 hover:fill-text-magenta-600 focus:text-magenta-600 focus:fill-magenta-600 active:text-magenta-700 active:fill-magenta-700'\n },\n {\n variant: ['ghost', 'link'],\n intent: 'filter',\n className:\n 'text-purple-600 fill-purple-600 hover:text-purple-700 hover:fill-text-purple-700 focus:text-purple-700 focus:fill-purple-700 active:text-purple-800 active:fill-purple-800'\n }\n ],\n defaultVariants: {\n variant: 'filled',\n intent: 'primary',\n size: 'md'\n }\n }\n)\n\nexport type ButtonProps = React.ComponentProps<'button'> &\n VariantProps<typeof buttonVariants> & {\n asChild?: boolean\n }\n\nfunction Button({\n className,\n variant,\n size,\n intent,\n asChild = false,\n ...props\n}: ButtonProps) {\n const Comp = asChild ? Slot : 'button'\n\n return (\n <Comp\n data-slot=\"button\"\n className={cn(buttonVariants({ variant, size, intent, className }))}\n {...props}\n />\n )\n}\n\nexport { Button, buttonVariants }\n"],"names":["buttonVariants","cva","Button","className","variant","size","intent","asChild","props","Comp","Slot","jsx","cn"],"mappings":"yMAKMA,EAAiBC,EAAAA,IACrB,2KACA,CACE,SAAU,CACR,QAAS,CACP,OAAQ,GACR,QAAS,SACT,MAAO,GACP,KAAM,EAAA,EAER,OAAQ,CACN,QAAS,GACT,UAAW,GACX,QAAS,GACT,OAAQ,GACR,OAAQ,EAAA,EAEV,KAAM,CACJ,GAAI,sBACJ,GAAI,aACJ,KAAM,YACN,cAAe,EAAA,CACjB,EAEF,iBAAkB,CAChB,CACE,QAAS,SACT,OAAQ,UACR,UACE,kGAAA,EAEJ,CACE,QAAS,SACT,OAAQ,YACR,UACE,2GAAA,EAEJ,CACE,QAAS,SACT,OAAQ,UACR,UACE,kGAAA,EAEJ,CACE,QAAS,SACT,OAAQ,SACR,UACE,sGAAA,EAEJ,CACE,QAAS,SACT,OAAQ,SACR,UACE,4GAAA,EAEJ,CACE,QAAS,UACT,OAAQ,UACR,UAAW,mDAAA,EAEb,CACE,QAAS,UACT,OAAQ,YACR,UACE,8GAAA,EAEJ,CACE,QAAS,UACT,OAAQ,UACR,UAAW,mDAAA,EAEb,CACE,QAAS,UACT,OAAQ,SACR,UAAW,sDAAA,EAEb,CACE,QAAS,UACT,OAAQ,SACR,UAAW,mDAAA,EAEb,CACE,QAAS,CAAC,UAAW,OAAO,EAC5B,OAAQ,UACR,UAAW,4DAAA,EAEb,CACE,QAAS,CAAC,UAAW,OAAO,EAC5B,OAAQ,YACR,UACE,+DAAA,EAEJ,CACE,QAAS,CAAC,UAAW,OAAO,EAC5B,OAAQ,UACR,UACE,uFAAA,EAEJ,CACE,QAAS,CAAC,UAAW,OAAO,EAC5B,OAAQ,SACR,UACE,wFAAA,EAEJ,CACE,QAAS,CAAC,UAAW,OAAO,EAC5B,OAAQ,SACR,UACE,uFAAA,EAEJ,CACE,QAAS,QACT,OAAQ,UACR,UACE,uKAAA,EAEJ,CACE,QAAS,OACT,OAAQ,UACR,UACE,+LAAA,EAEJ,CACE,QAAS,CAAC,QAAS,MAAM,EACzB,OAAQ,YACR,UACE,wJAAA,EAEJ,CACE,QAAS,CAAC,QAAS,MAAM,EACzB,OAAQ,UACR,UACE,4KAAA,EAEJ,CACE,QAAS,CAAC,QAAS,MAAM,EACzB,OAAQ,SACR,UACE,oLAAA,EAEJ,CACE,QAAS,CAAC,QAAS,MAAM,EACzB,OAAQ,SACR,UACE,4KAAA,CACJ,EAEF,gBAAiB,CACf,QAAS,SACT,OAAQ,UACR,KAAM,IAAA,CACR,CAEJ,EAOA,SAASC,EAAO,CACd,UAAAC,EACA,QAAAC,EACA,KAAAC,EACA,OAAAC,EACA,QAAAC,EAAU,GACV,GAAGC,CACL,EAAgB,CACd,MAAMC,EAAOF,EAAUG,EAAAA,KAAO,SAE9B,OACEC,EAAAA,kBAAAA,IAACF,EAAA,CACC,YAAU,SACV,UAAWG,EAAAA,GAAGZ,EAAe,CAAE,QAAAI,EAAS,KAAAC,EAAM,OAAAC,EAAQ,UAAAH,CAAA,CAAW,CAAC,EACjE,GAAGK,CAAA,CAAA,CAGV"}
package/dist/index6.js CHANGED
@@ -1,9 +1,8 @@
1
- import { j as s } from "./index37.js";
2
- import { Slot as p } from "@radix-ui/react-slot";
1
+ import { j as o } from "./index37.js";
2
+ import { Slot as s } from "@radix-ui/react-slot";
3
3
  import { cva as g } from "./index38.js";
4
- import * as c from "react";
5
- import { cn as u } from "./index39.js";
6
- const f = g(
4
+ import { cn as p } from "./index39.js";
5
+ const c = g(
7
6
  "inline-flex items-center justify-center rounded text-base font-medium outline-none transition-opacity transition-colors disabled:pointer-events-none disabled:opacity-40",
8
7
  {
9
8
  variants: {
@@ -140,22 +139,27 @@ const f = g(
140
139
  size: "md"
141
140
  }
142
141
  }
143
- ), v = c.forwardRef(
144
- ({ className: e, variant: t, intent: a, size: l, asChild: i = !1, ...r }, n) => {
145
- const o = i ? p : "button";
146
- return /* @__PURE__ */ s.jsx(
147
- o,
148
- {
149
- className: u(f({ variant: t, intent: a, size: l, className: e })),
150
- ref: n,
151
- ...r
152
- }
153
- );
154
- }
155
142
  );
156
- v.displayName = "Button";
143
+ function y({
144
+ className: e,
145
+ variant: t,
146
+ size: a,
147
+ intent: l,
148
+ asChild: i = !1,
149
+ ...r
150
+ }) {
151
+ const n = i ? s : "button";
152
+ return /* @__PURE__ */ o.jsx(
153
+ n,
154
+ {
155
+ "data-slot": "button",
156
+ className: p(c({ variant: t, size: a, intent: l, className: e })),
157
+ ...r
158
+ }
159
+ );
160
+ }
157
161
  export {
158
- v as Button,
159
- f as buttonVariants
162
+ y as Button,
163
+ c as buttonVariants
160
164
  };
161
165
  //# sourceMappingURL=index6.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index6.js","sources":["../src/Button/index.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nconst buttonVariants = cva(\n 'inline-flex items-center justify-center rounded text-base font-medium outline-none transition-opacity transition-colors disabled:pointer-events-none disabled:opacity-40',\n {\n variants: {\n variant: {\n filled: '',\n outline: 'border',\n ghost: '',\n link: ''\n },\n intent: {\n primary: '',\n secondary: '',\n warning: '',\n danger: '',\n filter: ''\n },\n size: {\n md: 'h-40 min-w-96 px-24',\n sm: 'h-32 px-16',\n icon: 'h-32 w-32',\n 'fit-content': ''\n }\n },\n compoundVariants: [\n {\n variant: 'filled',\n intent: 'primary',\n className:\n 'bg-purple-700 text-white fill-white hover:bg-purple-800 focus:bg-purple-800 active:bg-purple-900'\n },\n {\n variant: 'filled',\n intent: 'secondary',\n className:\n 'bg-gray-900/8 text-gray-900 fill-gray-900 hover:bg-gray-900/12 focus:bg-gray-900/12 active:bg-gray-900/16'\n },\n {\n variant: 'filled',\n intent: 'warning',\n className:\n 'bg-yellow-500 text-white fill-white hover:bg-yellow-600 focus:bg-yellow-600 active:bg-yellow-700'\n },\n {\n variant: 'filled',\n intent: 'danger',\n className:\n 'bg-magenta-500 text-white fill-white hover:bg-magenta-600 focus:bg-magenta-600 active:bg-magenta-700'\n },\n {\n variant: 'filled',\n intent: 'filter',\n className:\n 'bg-purple-100 text-purple-800 fill-purple-800 hover:bg-purple-200 focus:bg-purple-200 active:bg-purple-300'\n },\n {\n variant: 'outline',\n intent: 'primary',\n className: 'text-purple-700 fill-purple-700 border-purple-700'\n },\n {\n variant: 'outline',\n intent: 'secondary',\n className:\n 'text-gray-700 fill-gray-700 border-gray-900/24 hover:bg-gray-900/8 focus:bg-gray-900/8 active:bg-gray-900/12'\n },\n {\n variant: 'outline',\n intent: 'warning',\n className: 'text-yellow-500 fill-yellow-500 border-yellow-500'\n },\n {\n variant: 'outline',\n intent: 'danger',\n className: 'text-magenta-500 fill-magenta-500 border-magenta-500'\n },\n {\n variant: 'outline',\n intent: 'filter',\n className: 'text-purple-600 fill-purple-600 border-purple-400'\n },\n {\n variant: ['outline', 'ghost'],\n intent: 'primary',\n className: 'hover:bg-purple-50 focus:bg-purple-50 active:bg-purple-100'\n },\n {\n variant: ['outline', 'ghost'],\n intent: 'secondary',\n className:\n 'hover:bg-gray-900/8 focus:bg-gray-900/8 active:bg-gray-900/12'\n },\n {\n variant: ['outline', 'ghost'],\n intent: 'warning',\n className:\n 'bg-yellow-500 bg-opacity-0 hover:bg-opacity-8 focus:bg-opacity-8 active:bg-opacity-12'\n },\n {\n variant: ['outline', 'ghost'],\n intent: 'danger',\n className:\n 'bg-magenta-500 bg-opacity-0 hover:bg-opacity-8 focus:bg-opacity-8 active:bg-opacity-12'\n },\n {\n variant: ['outline', 'ghost'],\n intent: 'filter',\n className:\n 'bg-purple-500 bg-opacity-0 hover:bg-opacity-8 focus:bg-opacity-8 active:bg-opacity-12'\n },\n {\n variant: 'ghost',\n intent: 'primary',\n className:\n 'text-purple-700 fill-purple-700 hover:text-purple-800 hover:fill-purple-800 focus:text-purple-800 focus:fill-purple-800 active:text-purple-900 active:fill-purple-900'\n },\n {\n variant: 'link',\n intent: 'primary',\n className:\n 'text-robinblue-500 fill-robinblue-500 hover:text-robinblue-600 hover:fill-robinblue-600 focus:text-robinblue-600 focus:fill-robinblue-600 active:text-robinblue-700 active:fill-robinblue-700'\n },\n {\n variant: ['ghost', 'link'],\n intent: 'secondary',\n className:\n 'text-gray-700 fill-gray-700 hover:text-gray-800 hover:fill-gray-800 focus:text-gray-800 focus:fill-gray-800 active:text-gray-900 active:fill-gray-900 '\n },\n {\n variant: ['ghost', 'link'],\n intent: 'warning',\n className:\n 'text-yellow-500 fill-yellow-500 hover:text-yellow-600 hover:fill-text-yellow-600 focus:text-yellow-600 focus:fill-yellow-600 active:text-yellow-700 active:fill-yellow-700'\n },\n {\n variant: ['ghost', 'link'],\n intent: 'danger',\n className:\n 'text-magenta-500 fill-magenta-500 hover:text-magenta-600 hover:fill-text-magenta-600 focus:text-magenta-600 focus:fill-magenta-600 active:text-magenta-700 active:fill-magenta-700'\n },\n {\n variant: ['ghost', 'link'],\n intent: 'filter',\n className:\n 'text-purple-600 fill-purple-600 hover:text-purple-700 hover:fill-text-purple-700 focus:text-purple-700 focus:fill-purple-700 active:text-purple-800 active:fill-purple-800'\n }\n ],\n defaultVariants: {\n variant: 'filled',\n intent: 'primary',\n size: 'md'\n }\n }\n)\n\nexport interface ButtonProps\n extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n VariantProps<typeof buttonVariants> {\n asChild?: boolean\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n ({ className, variant, intent, size, asChild = false, ...props }, ref) => {\n const Comp = asChild ? Slot : 'button'\n return (\n <Comp\n className={cn(buttonVariants({ variant, intent, size, className }))}\n ref={ref}\n {...props}\n />\n )\n }\n)\nButton.displayName = 'Button'\n\nexport { Button, buttonVariants }\n"],"names":["buttonVariants","cva","Button","React","className","variant","intent","size","asChild","props","ref","Comp","Slot","jsx","cn"],"mappings":"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"}
1
+ {"version":3,"file":"index6.js","sources":["../src/Button/index.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nconst buttonVariants = cva(\n 'inline-flex items-center justify-center rounded text-base font-medium outline-none transition-opacity transition-colors disabled:pointer-events-none disabled:opacity-40',\n {\n variants: {\n variant: {\n filled: '',\n outline: 'border',\n ghost: '',\n link: ''\n },\n intent: {\n primary: '',\n secondary: '',\n warning: '',\n danger: '',\n filter: ''\n },\n size: {\n md: 'h-40 min-w-96 px-24',\n sm: 'h-32 px-16',\n icon: 'h-32 w-32',\n 'fit-content': ''\n }\n },\n compoundVariants: [\n {\n variant: 'filled',\n intent: 'primary',\n className:\n 'bg-purple-700 text-white fill-white hover:bg-purple-800 focus:bg-purple-800 active:bg-purple-900'\n },\n {\n variant: 'filled',\n intent: 'secondary',\n className:\n 'bg-gray-900/8 text-gray-900 fill-gray-900 hover:bg-gray-900/12 focus:bg-gray-900/12 active:bg-gray-900/16'\n },\n {\n variant: 'filled',\n intent: 'warning',\n className:\n 'bg-yellow-500 text-white fill-white hover:bg-yellow-600 focus:bg-yellow-600 active:bg-yellow-700'\n },\n {\n variant: 'filled',\n intent: 'danger',\n className:\n 'bg-magenta-500 text-white fill-white hover:bg-magenta-600 focus:bg-magenta-600 active:bg-magenta-700'\n },\n {\n variant: 'filled',\n intent: 'filter',\n className:\n 'bg-purple-100 text-purple-800 fill-purple-800 hover:bg-purple-200 focus:bg-purple-200 active:bg-purple-300'\n },\n {\n variant: 'outline',\n intent: 'primary',\n className: 'text-purple-700 fill-purple-700 border-purple-700'\n },\n {\n variant: 'outline',\n intent: 'secondary',\n className:\n 'text-gray-700 fill-gray-700 border-gray-900/24 hover:bg-gray-900/8 focus:bg-gray-900/8 active:bg-gray-900/12'\n },\n {\n variant: 'outline',\n intent: 'warning',\n className: 'text-yellow-500 fill-yellow-500 border-yellow-500'\n },\n {\n variant: 'outline',\n intent: 'danger',\n className: 'text-magenta-500 fill-magenta-500 border-magenta-500'\n },\n {\n variant: 'outline',\n intent: 'filter',\n className: 'text-purple-600 fill-purple-600 border-purple-400'\n },\n {\n variant: ['outline', 'ghost'],\n intent: 'primary',\n className: 'hover:bg-purple-50 focus:bg-purple-50 active:bg-purple-100'\n },\n {\n variant: ['outline', 'ghost'],\n intent: 'secondary',\n className:\n 'hover:bg-gray-900/8 focus:bg-gray-900/8 active:bg-gray-900/12'\n },\n {\n variant: ['outline', 'ghost'],\n intent: 'warning',\n className:\n 'bg-yellow-500 bg-opacity-0 hover:bg-opacity-8 focus:bg-opacity-8 active:bg-opacity-12'\n },\n {\n variant: ['outline', 'ghost'],\n intent: 'danger',\n className:\n 'bg-magenta-500 bg-opacity-0 hover:bg-opacity-8 focus:bg-opacity-8 active:bg-opacity-12'\n },\n {\n variant: ['outline', 'ghost'],\n intent: 'filter',\n className:\n 'bg-purple-500 bg-opacity-0 hover:bg-opacity-8 focus:bg-opacity-8 active:bg-opacity-12'\n },\n {\n variant: 'ghost',\n intent: 'primary',\n className:\n 'text-purple-700 fill-purple-700 hover:text-purple-800 hover:fill-purple-800 focus:text-purple-800 focus:fill-purple-800 active:text-purple-900 active:fill-purple-900'\n },\n {\n variant: 'link',\n intent: 'primary',\n className:\n 'text-robinblue-500 fill-robinblue-500 hover:text-robinblue-600 hover:fill-robinblue-600 focus:text-robinblue-600 focus:fill-robinblue-600 active:text-robinblue-700 active:fill-robinblue-700'\n },\n {\n variant: ['ghost', 'link'],\n intent: 'secondary',\n className:\n 'text-gray-700 fill-gray-700 hover:text-gray-800 hover:fill-gray-800 focus:text-gray-800 focus:fill-gray-800 active:text-gray-900 active:fill-gray-900 '\n },\n {\n variant: ['ghost', 'link'],\n intent: 'warning',\n className:\n 'text-yellow-500 fill-yellow-500 hover:text-yellow-600 hover:fill-text-yellow-600 focus:text-yellow-600 focus:fill-yellow-600 active:text-yellow-700 active:fill-yellow-700'\n },\n {\n variant: ['ghost', 'link'],\n intent: 'danger',\n className:\n 'text-magenta-500 fill-magenta-500 hover:text-magenta-600 hover:fill-text-magenta-600 focus:text-magenta-600 focus:fill-magenta-600 active:text-magenta-700 active:fill-magenta-700'\n },\n {\n variant: ['ghost', 'link'],\n intent: 'filter',\n className:\n 'text-purple-600 fill-purple-600 hover:text-purple-700 hover:fill-text-purple-700 focus:text-purple-700 focus:fill-purple-700 active:text-purple-800 active:fill-purple-800'\n }\n ],\n defaultVariants: {\n variant: 'filled',\n intent: 'primary',\n size: 'md'\n }\n }\n)\n\nexport type ButtonProps = React.ComponentProps<'button'> &\n VariantProps<typeof buttonVariants> & {\n asChild?: boolean\n }\n\nfunction Button({\n className,\n variant,\n size,\n intent,\n asChild = false,\n ...props\n}: ButtonProps) {\n const Comp = asChild ? Slot : 'button'\n\n return (\n <Comp\n data-slot=\"button\"\n className={cn(buttonVariants({ variant, size, intent, className }))}\n {...props}\n />\n )\n}\n\nexport { Button, buttonVariants }\n"],"names":["buttonVariants","cva","Button","className","variant","size","intent","asChild","props","Comp","Slot","jsx","cn"],"mappings":"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"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "homepage": "https://inloco.github.io/cosmik",
3
3
  "name": "@incognia/cosmik",
4
- "version": "0.40.0",
4
+ "version": "0.40.1",
5
5
  "type": "module",
6
6
  "main": "dist/index.cjs",
7
7
  "module": "dist/index.js",