@next-degree/pickle-shared-js 0.1.1 → 0.2.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@next-degree/pickle-shared-js",
-  "version": "0.1.1",
+  "version": "0.2.2",
   "private": false,
   "license": "MIT",
   "keywords": [
@@ -16,21 +16,34 @@
     "bundle": "tsup ./src"
   },
   "dependencies": {
+    "@radix-ui/react-dialog": "^1.1.2",
+    "@radix-ui/react-popover": "^1.1.2",
+    "@radix-ui/react-select": "^2.1.2",
+    "@radix-ui/react-separator": "^1.1.0",
     "@radix-ui/react-slot": "^1.1.0",
+    "@radix-ui/themes": "^3.1.6",
+    "clsx": "^2.1.1",
+    "cmdk": "^1.0.4",
     "cva": "npm:class-variance-authority@^0.7.0",
+    "lucide-react": "^0.465.0",
     "next": "15.0.2",
-    "react": "19.0.0-rc-02c0e824-20241028",
-    "react-dom": "19.0.0-rc-02c0e824-20241028",
-    "tailwind-merge": "^2.3.0"
+    "react": "^19.0.0-rc-02c0e824-20241028",
+    "react-dom": "^19.0.0-rc-02c0e824-20241028",
+    "tailwind-merge": "^2.3.0",
+    "tailwindcss-animate": "^1.0.7"
   },
   "devDependencies": {
+    "@tailwindcss/typography": "^0.5.15",
     "@types/node": "^20",
     "@types/react": "^18",
     "@types/react-dom": "^18",
+    "autoprefixer": "^10.4.20",
     "eslint": "^8",
     "eslint-config-next": "15.0.2",
-    "postcss": "^8",
-    "tailwindcss": "^3.4.1",
+    "install": "^0.13.0",
+    "postcss": "^8.4.49",
+    "prettier-plugin-tailwindcss": "^0.6.9",
+    "tailwindcss": "^3.4.16",
     "tsup": "^8.3.5",
     "typescript": "^5"
   },

package/postcss.config.mjs

@@ -2,6 +2,7 @@
 const config = {
   plugins: {
     tailwindcss: {},
+    autoprefixer: {},
   },
 };
 

package/dist/components/ui/Button.d.mts

@@ -1,14 +0,0 @@
-import * as cva_types from 'cva/types';
-import { VariantProps } from 'cva';
-import React from 'react';
-
-interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
-    asChild?: boolean;
-}
-declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
-declare const buttonVariants: (props?: ({
-    variant?: "neutral" | "primary" | "secondary" | "transparent" | "link" | null | undefined;
-    size?: "small" | "medium" | "large" | null | undefined;
-} & cva_types.ClassProp) | undefined) => string;
-
-export { Button };

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

@@ -1,14 +0,0 @@
-import * as cva_types from 'cva/types';
-import { VariantProps } from 'cva';
-import React from 'react';
-
-interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
-    asChild?: boolean;
-}
-declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
-declare const buttonVariants: (props?: ({
-    variant?: "neutral" | "primary" | "secondary" | "transparent" | "link" | null | undefined;
-    size?: "small" | "medium" | "large" | null | undefined;
-} & cva_types.ClassProp) | undefined) => string;
-
-export { Button };

package/dist/components/ui/Button.js

@@ -1,2 +0,0 @@
-"use strict";var b=Object.create;var i=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var x=Object.getPrototypeOf,f=Object.prototype.hasOwnProperty;var y=(e,t)=>{for(var a in t)i(e,a,{get:t[a],enumerable:!0})},l=(e,t,a,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of m(t))!f.call(e,r)&&r!==a&&i(e,r,{get:()=>t[r],enumerable:!(n=d(t,r))||n.enumerable});return e};var h=(e,t,a)=>(a=e!=null?b(x(e)):{},l(t||!e||!e.__esModule?i(a,"default",{value:e,enumerable:!0}):a,e)),v=e=>l(i({},"__esModule",{value:!0}),e);var B={};y(B,{Button:()=>g});module.exports=v(B);var s=require("@radix-ui/react-slot"),p=require("cva"),o=h(require("react")),u=require("tailwind-merge"),g=(0,o.forwardRef)(({className:e,variant:t,size:a,asChild:n=!1,...r},c)=>o.default.createElement(n?s.Slot:"button",{className:(0,u.twMerge)(k({variant:t,size:a,className:e})),ref:c,...r}));g.displayName="Button";var k=(0,p.cva)(["flex","items-center","justify-center","gap-2","rounded-full","font-bold","outline-2","outline-offset-2","outline-dashed","outline-transparent"],{variants:{variant:{neutral:["bg-black","text-white","hover:bg-grey-90","active:bg-grey-80","focus:outline-purple-100","disabled:text-grey-40","disabled:bg-grey-10"],primary:["bg-pickle-100","text-black","hover:bg-pickle-80","active:bg-pickle-60","focus:outline-purple-100","disabled:text-grey-40","disabled:bg-grey-10"],secondary:["bg-green-80","text-white","hover:bg-green-90","active:bg-green-100","focus:outline-pickle-100","disabled:text-grey-40","disabled:bg-grey-10"],transparent:["text-white","hover:bg-green-80","active:bg-green-100","focus:outline-pickle-100","disabled:text-grey-40"],link:["leading-tight","text-black","underline","hover:text-purple-100","focus:text-black","focus:outline-purple-100","active:text-purple-80"]},size:{small:["h-10","text-sm","px-4","py-2"],medium:["h-12","text-base","px-6","py-3"],large:["h-14","text-lg","px-8","py-4"]}},defaultVariants:{variant:"neutral",size:"medium"},compoundVariants:[{variant:"link",size:"small",class:["h-3","text-xs","p-0"]},{variant:"link",size:"medium",class:["h-4","text-sm","p-0"]},{variant:"link",size:"large",class:["h-6","text-base","p-0"]}]});0&&(module.exports={Button});
-//# sourceMappingURL=Button.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/ui/Button.tsx"],"sourcesContent":["import { Slot } from \"@radix-ui/react-slot\";\nimport { cva, type VariantProps } from \"cva\";\nimport React, { forwardRef } from \"react\";\nimport { twMerge } from \"tailwind-merge\";\n\ninterface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof buttonVariants> {\n  asChild?: boolean;\n}\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ className, variant, size, asChild = false, ...props }, ref) => {\n    const Component = asChild ? Slot : \"button\";\n\n    return (\n      <Component\n        className={twMerge(buttonVariants({ variant, size, className }))}\n        ref={ref}\n        {...props}\n      />\n    );\n  }\n);\nButton.displayName = \"Button\";\n\nconst buttonVariants = cva(\n  [\n    \"flex\",\n    \"items-center\",\n    \"justify-center\",\n    \"gap-2\",\n    \"rounded-full\",\n    \"font-bold\",\n    \"outline-2\",\n    \"outline-offset-2\",\n    \"outline-dashed\",\n    \"outline-transparent\",\n  ],\n  {\n    variants: {\n      variant: {\n        neutral: [\n          \"bg-black\",\n          \"text-white\",\n          \"hover:bg-grey-90\",\n          \"active:bg-grey-80\",\n          \"focus:outline-purple-100\",\n          \"disabled:text-grey-40\",\n          \"disabled:bg-grey-10\",\n        ],\n        primary: [\n          \"bg-pickle-100\",\n          \"text-black\",\n          \"hover:bg-pickle-80\",\n          \"active:bg-pickle-60\",\n          \"focus:outline-purple-100\",\n          \"disabled:text-grey-40\",\n          \"disabled:bg-grey-10\",\n        ],\n        secondary: [\n          \"bg-green-80\",\n          \"text-white\",\n          \"hover:bg-green-90\",\n          \"active:bg-green-100\",\n          \"focus:outline-pickle-100\",\n          \"disabled:text-grey-40\",\n          \"disabled:bg-grey-10\",\n        ],\n        transparent: [\n          \"text-white\",\n          \"hover:bg-green-80\",\n          \"active:bg-green-100\",\n          \"focus:outline-pickle-100\",\n          \"disabled:text-grey-40\",\n        ],\n        link: [\n          \"leading-tight\",\n          \"text-black\",\n          \"underline\",\n          \"hover:text-purple-100\",\n          \"focus:text-black\",\n          \"focus:outline-purple-100\",\n          \"active:text-purple-80\",\n        ],\n      },\n      size: {\n        small: [\"h-10\", \"text-sm\", \"px-4\", \"py-2\"],\n        medium: [\"h-12\", \"text-base\", \"px-6\", \"py-3\"],\n        large: [\"h-14\", \"text-lg\", \"px-8\", \"py-4\"],\n      },\n    },\n    defaultVariants: {\n      variant: \"neutral\",\n      size: \"medium\",\n    },\n    compoundVariants: [\n      {\n        variant: \"link\",\n        size: \"small\",\n        class: [\"h-3\", \"text-xs\", \"p-0\"],\n      },\n      {\n        variant: \"link\",\n        size: \"medium\",\n        class: [\"h-4\", \"text-sm\", \"p-0\"],\n      },\n      {\n        variant: \"link\",\n        size: \"large\",\n        class: [\"h-6\", \"text-base\", \"p-0\"],\n      },\n    ],\n  }\n);\n"],"mappings":"0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,YAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAqB,gCACrBC,EAAuC,eACvCC,EAAkC,oBAClCC,EAAwB,0BAQXC,KAAS,cACpB,CAAC,CAAE,UAAAC,EAAW,QAAAC,EAAS,KAAAC,EAAM,QAAAC,EAAU,GAAO,GAAGC,CAAM,EAAGC,IAItD,EAAAC,QAAA,cAHgBH,EAAU,OAAO,SAGhC,CACC,aAAW,WAAQI,EAAe,CAAE,QAAAN,EAAS,KAAAC,EAAM,UAAAF,CAAU,CAAC,CAAC,EAC/D,IAAKK,EACJ,GAAGD,EACN,CAGN,EACAL,EAAO,YAAc,SAErB,IAAMQ,KAAiB,OACrB,CACE,OACA,eACA,iBACA,QACA,eACA,YACA,YACA,mBACA,iBACA,qBACF,EACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,CACP,WACA,aACA,mBACA,oBACA,2BACA,wBACA,qBACF,EACA,QAAS,CACP,gBACA,aACA,qBACA,sBACA,2BACA,wBACA,qBACF,EACA,UAAW,CACT,cACA,aACA,oBACA,sBACA,2BACA,wBACA,qBACF,EACA,YAAa,CACX,aACA,oBACA,sBACA,2BACA,uBACF,EACA,KAAM,CACJ,gBACA,aACA,YACA,wBACA,mBACA,2BACA,uBACF,CACF,EACA,KAAM,CACJ,MAAO,CAAC,OAAQ,UAAW,OAAQ,MAAM,EACzC,OAAQ,CAAC,OAAQ,YAAa,OAAQ,MAAM,EAC5C,MAAO,CAAC,OAAQ,UAAW,OAAQ,MAAM,CAC3C,CACF,EACA,gBAAiB,CACf,QAAS,UACT,KAAM,QACR,EACA,iBAAkB,CAChB,CACE,QAAS,OACT,KAAM,QACN,MAAO,CAAC,MAAO,UAAW,KAAK,CACjC,EACA,CACE,QAAS,OACT,KAAM,SACN,MAAO,CAAC,MAAO,UAAW,KAAK,CACjC,EACA,CACE,QAAS,OACT,KAAM,QACN,MAAO,CAAC,MAAO,YAAa,KAAK,CACnC,CACF,CACF,CACF","names":["Button_exports","__export","Button","__toCommonJS","import_react_slot","import_cva","import_react","import_tailwind_merge","Button","className","variant","size","asChild","props","ref","React","buttonVariants"]}

package/dist/components/ui/Button.mjs

@@ -1,2 +0,0 @@
-import{Slot as o}from"@radix-ui/react-slot";import{cva as l}from"cva";import s,{forwardRef as p}from"react";import{twMerge as u}from"tailwind-merge";var g=p(({className:e,variant:t,size:a,asChild:r=!1,...n},i)=>s.createElement(r?o:"button",{className:u(c({variant:t,size:a,className:e})),ref:i,...n}));g.displayName="Button";var c=l(["flex","items-center","justify-center","gap-2","rounded-full","font-bold","outline-2","outline-offset-2","outline-dashed","outline-transparent"],{variants:{variant:{neutral:["bg-black","text-white","hover:bg-grey-90","active:bg-grey-80","focus:outline-purple-100","disabled:text-grey-40","disabled:bg-grey-10"],primary:["bg-pickle-100","text-black","hover:bg-pickle-80","active:bg-pickle-60","focus:outline-purple-100","disabled:text-grey-40","disabled:bg-grey-10"],secondary:["bg-green-80","text-white","hover:bg-green-90","active:bg-green-100","focus:outline-pickle-100","disabled:text-grey-40","disabled:bg-grey-10"],transparent:["text-white","hover:bg-green-80","active:bg-green-100","focus:outline-pickle-100","disabled:text-grey-40"],link:["leading-tight","text-black","underline","hover:text-purple-100","focus:text-black","focus:outline-purple-100","active:text-purple-80"]},size:{small:["h-10","text-sm","px-4","py-2"],medium:["h-12","text-base","px-6","py-3"],large:["h-14","text-lg","px-8","py-4"]}},defaultVariants:{variant:"neutral",size:"medium"},compoundVariants:[{variant:"link",size:"small",class:["h-3","text-xs","p-0"]},{variant:"link",size:"medium",class:["h-4","text-sm","p-0"]},{variant:"link",size:"large",class:["h-6","text-base","p-0"]}]});export{g as Button};
-//# sourceMappingURL=Button.mjs.map

package/dist/components/ui/Button.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/ui/Button.tsx"],"sourcesContent":["import { Slot } from \"@radix-ui/react-slot\";\nimport { cva, type VariantProps } from \"cva\";\nimport React, { forwardRef } from \"react\";\nimport { twMerge } from \"tailwind-merge\";\n\ninterface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof buttonVariants> {\n  asChild?: boolean;\n}\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ className, variant, size, asChild = false, ...props }, ref) => {\n    const Component = asChild ? Slot : \"button\";\n\n    return (\n      <Component\n        className={twMerge(buttonVariants({ variant, size, className }))}\n        ref={ref}\n        {...props}\n      />\n    );\n  }\n);\nButton.displayName = \"Button\";\n\nconst buttonVariants = cva(\n  [\n    \"flex\",\n    \"items-center\",\n    \"justify-center\",\n    \"gap-2\",\n    \"rounded-full\",\n    \"font-bold\",\n    \"outline-2\",\n    \"outline-offset-2\",\n    \"outline-dashed\",\n    \"outline-transparent\",\n  ],\n  {\n    variants: {\n      variant: {\n        neutral: [\n          \"bg-black\",\n          \"text-white\",\n          \"hover:bg-grey-90\",\n          \"active:bg-grey-80\",\n          \"focus:outline-purple-100\",\n          \"disabled:text-grey-40\",\n          \"disabled:bg-grey-10\",\n        ],\n        primary: [\n          \"bg-pickle-100\",\n          \"text-black\",\n          \"hover:bg-pickle-80\",\n          \"active:bg-pickle-60\",\n          \"focus:outline-purple-100\",\n          \"disabled:text-grey-40\",\n          \"disabled:bg-grey-10\",\n        ],\n        secondary: [\n          \"bg-green-80\",\n          \"text-white\",\n          \"hover:bg-green-90\",\n          \"active:bg-green-100\",\n          \"focus:outline-pickle-100\",\n          \"disabled:text-grey-40\",\n          \"disabled:bg-grey-10\",\n        ],\n        transparent: [\n          \"text-white\",\n          \"hover:bg-green-80\",\n          \"active:bg-green-100\",\n          \"focus:outline-pickle-100\",\n          \"disabled:text-grey-40\",\n        ],\n        link: [\n          \"leading-tight\",\n          \"text-black\",\n          \"underline\",\n          \"hover:text-purple-100\",\n          \"focus:text-black\",\n          \"focus:outline-purple-100\",\n          \"active:text-purple-80\",\n        ],\n      },\n      size: {\n        small: [\"h-10\", \"text-sm\", \"px-4\", \"py-2\"],\n        medium: [\"h-12\", \"text-base\", \"px-6\", \"py-3\"],\n        large: [\"h-14\", \"text-lg\", \"px-8\", \"py-4\"],\n      },\n    },\n    defaultVariants: {\n      variant: \"neutral\",\n      size: \"medium\",\n    },\n    compoundVariants: [\n      {\n        variant: \"link\",\n        size: \"small\",\n        class: [\"h-3\", \"text-xs\", \"p-0\"],\n      },\n      {\n        variant: \"link\",\n        size: \"medium\",\n        class: [\"h-4\", \"text-sm\", \"p-0\"],\n      },\n      {\n        variant: \"link\",\n        size: \"large\",\n        class: [\"h-6\", \"text-base\", \"p-0\"],\n      },\n    ],\n  }\n);\n"],"mappings":"AAAA,OAAS,QAAAA,MAAY,uBACrB,OAAS,OAAAC,MAA8B,MACvC,OAAOC,GAAS,cAAAC,MAAkB,QAClC,OAAS,WAAAC,MAAe,iBAQjB,IAAMC,EAASF,EACpB,CAAC,CAAE,UAAAG,EAAW,QAAAC,EAAS,KAAAC,EAAM,QAAAC,EAAU,GAAO,GAAGC,CAAM,EAAGC,IAItDT,EAAA,cAHgBO,EAAUT,EAAO,SAGhC,CACC,UAAWI,EAAQQ,EAAe,CAAE,QAAAL,EAAS,KAAAC,EAAM,UAAAF,CAAU,CAAC,CAAC,EAC/D,IAAKK,EACJ,GAAGD,EACN,CAGN,EACAL,EAAO,YAAc,SAErB,IAAMO,EAAiBX,EACrB,CACE,OACA,eACA,iBACA,QACA,eACA,YACA,YACA,mBACA,iBACA,qBACF,EACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,CACP,WACA,aACA,mBACA,oBACA,2BACA,wBACA,qBACF,EACA,QAAS,CACP,gBACA,aACA,qBACA,sBACA,2BACA,wBACA,qBACF,EACA,UAAW,CACT,cACA,aACA,oBACA,sBACA,2BACA,wBACA,qBACF,EACA,YAAa,CACX,aACA,oBACA,sBACA,2BACA,uBACF,EACA,KAAM,CACJ,gBACA,aACA,YACA,wBACA,mBACA,2BACA,uBACF,CACF,EACA,KAAM,CACJ,MAAO,CAAC,OAAQ,UAAW,OAAQ,MAAM,EACzC,OAAQ,CAAC,OAAQ,YAAa,OAAQ,MAAM,EAC5C,MAAO,CAAC,OAAQ,UAAW,OAAQ,MAAM,CAC3C,CACF,EACA,gBAAiB,CACf,QAAS,UACT,KAAM,QACR,EACA,iBAAkB,CAChB,CACE,QAAS,OACT,KAAM,QACN,MAAO,CAAC,MAAO,UAAW,KAAK,CACjC,EACA,CACE,QAAS,OACT,KAAM,SACN,MAAO,CAAC,MAAO,UAAW,KAAK,CACjC,EACA,CACE,QAAS,OACT,KAAM,QACN,MAAO,CAAC,MAAO,YAAa,KAAK,CACnC,CACF,CACF,CACF","names":["Slot","cva","React","forwardRef","twMerge","Button","className","variant","size","asChild","props","ref","buttonVariants"]}

package/dist/index.d.mts

@@ -1,4 +0,0 @@
-export { Button } from './components/ui/Button.mjs';
-import 'cva/types';
-import 'cva';
-import 'react';

package/dist/index.d.ts

@@ -1,4 +0,0 @@
-export { Button } from './components/ui/Button.js';
-import 'cva/types';
-import 'cva';
-import 'react';

package/dist/index.js

@@ -1,2 +0,0 @@
-"use strict";var b=Object.create;var i=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var x=Object.getPrototypeOf,f=Object.prototype.hasOwnProperty;var y=(e,t)=>{for(var r in t)i(e,r,{get:t[r],enumerable:!0})},s=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of m(t))!f.call(e,a)&&a!==r&&i(e,a,{get:()=>t[a],enumerable:!(n=d(t,a))||n.enumerable});return e};var h=(e,t,r)=>(r=e!=null?b(x(e)):{},s(t||!e||!e.__esModule?i(r,"default",{value:e,enumerable:!0}):r,e)),v=e=>s(i({},"__esModule",{value:!0}),e);var V={};y(V,{Button:()=>l});module.exports=v(V);var p=require("@radix-ui/react-slot"),u=require("cva"),o=h(require("react")),g=require("tailwind-merge"),l=(0,o.forwardRef)(({className:e,variant:t,size:r,asChild:n=!1,...a},c)=>o.default.createElement(n?p.Slot:"button",{className:(0,g.twMerge)(B({variant:t,size:r,className:e})),ref:c,...a}));l.displayName="Button";var B=(0,u.cva)(["flex","items-center","justify-center","gap-2","rounded-full","font-bold","outline-2","outline-offset-2","outline-dashed","outline-transparent"],{variants:{variant:{neutral:["bg-black","text-white","hover:bg-grey-90","active:bg-grey-80","focus:outline-purple-100","disabled:text-grey-40","disabled:bg-grey-10"],primary:["bg-pickle-100","text-black","hover:bg-pickle-80","active:bg-pickle-60","focus:outline-purple-100","disabled:text-grey-40","disabled:bg-grey-10"],secondary:["bg-green-80","text-white","hover:bg-green-90","active:bg-green-100","focus:outline-pickle-100","disabled:text-grey-40","disabled:bg-grey-10"],transparent:["text-white","hover:bg-green-80","active:bg-green-100","focus:outline-pickle-100","disabled:text-grey-40"],link:["leading-tight","text-black","underline","hover:text-purple-100","focus:text-black","focus:outline-purple-100","active:text-purple-80"]},size:{small:["h-10","text-sm","px-4","py-2"],medium:["h-12","text-base","px-6","py-3"],large:["h-14","text-lg","px-8","py-4"]}},defaultVariants:{variant:"neutral",size:"medium"},compoundVariants:[{variant:"link",size:"small",class:["h-3","text-xs","p-0"]},{variant:"link",size:"medium",class:["h-4","text-sm","p-0"]},{variant:"link",size:"large",class:["h-6","text-base","p-0"]}]});0&&(module.exports={Button});
-//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/index.ts","../src/components/ui/Button.tsx"],"sourcesContent":["export { Button } from \"@/components/ui/Button\";\n","import { Slot } from \"@radix-ui/react-slot\";\nimport { cva, type VariantProps } from \"cva\";\nimport React, { forwardRef } from \"react\";\nimport { twMerge } from \"tailwind-merge\";\n\ninterface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof buttonVariants> {\n  asChild?: boolean;\n}\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ className, variant, size, asChild = false, ...props }, ref) => {\n    const Component = asChild ? Slot : \"button\";\n\n    return (\n      <Component\n        className={twMerge(buttonVariants({ variant, size, className }))}\n        ref={ref}\n        {...props}\n      />\n    );\n  }\n);\nButton.displayName = \"Button\";\n\nconst buttonVariants = cva(\n  [\n    \"flex\",\n    \"items-center\",\n    \"justify-center\",\n    \"gap-2\",\n    \"rounded-full\",\n    \"font-bold\",\n    \"outline-2\",\n    \"outline-offset-2\",\n    \"outline-dashed\",\n    \"outline-transparent\",\n  ],\n  {\n    variants: {\n      variant: {\n        neutral: [\n          \"bg-black\",\n          \"text-white\",\n          \"hover:bg-grey-90\",\n          \"active:bg-grey-80\",\n          \"focus:outline-purple-100\",\n          \"disabled:text-grey-40\",\n          \"disabled:bg-grey-10\",\n        ],\n        primary: [\n          \"bg-pickle-100\",\n          \"text-black\",\n          \"hover:bg-pickle-80\",\n          \"active:bg-pickle-60\",\n          \"focus:outline-purple-100\",\n          \"disabled:text-grey-40\",\n          \"disabled:bg-grey-10\",\n        ],\n        secondary: [\n          \"bg-green-80\",\n          \"text-white\",\n          \"hover:bg-green-90\",\n          \"active:bg-green-100\",\n          \"focus:outline-pickle-100\",\n          \"disabled:text-grey-40\",\n          \"disabled:bg-grey-10\",\n        ],\n        transparent: [\n          \"text-white\",\n          \"hover:bg-green-80\",\n          \"active:bg-green-100\",\n          \"focus:outline-pickle-100\",\n          \"disabled:text-grey-40\",\n        ],\n        link: [\n          \"leading-tight\",\n          \"text-black\",\n          \"underline\",\n          \"hover:text-purple-100\",\n          \"focus:text-black\",\n          \"focus:outline-purple-100\",\n          \"active:text-purple-80\",\n        ],\n      },\n      size: {\n        small: [\"h-10\", \"text-sm\", \"px-4\", \"py-2\"],\n        medium: [\"h-12\", \"text-base\", \"px-6\", \"py-3\"],\n        large: [\"h-14\", \"text-lg\", \"px-8\", \"py-4\"],\n      },\n    },\n    defaultVariants: {\n      variant: \"neutral\",\n      size: \"medium\",\n    },\n    compoundVariants: [\n      {\n        variant: \"link\",\n        size: \"small\",\n        class: [\"h-3\", \"text-xs\", \"p-0\"],\n      },\n      {\n        variant: \"link\",\n        size: \"medium\",\n        class: [\"h-4\", \"text-sm\", \"p-0\"],\n      },\n      {\n        variant: \"link\",\n        size: \"large\",\n        class: [\"h-6\", \"text-base\", \"p-0\"],\n      },\n    ],\n  }\n);\n"],"mappings":"0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,YAAAE,IAAA,eAAAC,EAAAH,GCAA,IAAAI,EAAqB,gCACrBC,EAAuC,eACvCC,EAAkC,oBAClCC,EAAwB,0BAQXC,KAAS,cACpB,CAAC,CAAE,UAAAC,EAAW,QAAAC,EAAS,KAAAC,EAAM,QAAAC,EAAU,GAAO,GAAGC,CAAM,EAAGC,IAItD,EAAAC,QAAA,cAHgBH,EAAU,OAAO,SAGhC,CACC,aAAW,WAAQI,EAAe,CAAE,QAAAN,EAAS,KAAAC,EAAM,UAAAF,CAAU,CAAC,CAAC,EAC/D,IAAKK,EACJ,GAAGD,EACN,CAGN,EACAL,EAAO,YAAc,SAErB,IAAMQ,KAAiB,OACrB,CACE,OACA,eACA,iBACA,QACA,eACA,YACA,YACA,mBACA,iBACA,qBACF,EACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,CACP,WACA,aACA,mBACA,oBACA,2BACA,wBACA,qBACF,EACA,QAAS,CACP,gBACA,aACA,qBACA,sBACA,2BACA,wBACA,qBACF,EACA,UAAW,CACT,cACA,aACA,oBACA,sBACA,2BACA,wBACA,qBACF,EACA,YAAa,CACX,aACA,oBACA,sBACA,2BACA,uBACF,EACA,KAAM,CACJ,gBACA,aACA,YACA,wBACA,mBACA,2BACA,uBACF,CACF,EACA,KAAM,CACJ,MAAO,CAAC,OAAQ,UAAW,OAAQ,MAAM,EACzC,OAAQ,CAAC,OAAQ,YAAa,OAAQ,MAAM,EAC5C,MAAO,CAAC,OAAQ,UAAW,OAAQ,MAAM,CAC3C,CACF,EACA,gBAAiB,CACf,QAAS,UACT,KAAM,QACR,EACA,iBAAkB,CAChB,CACE,QAAS,OACT,KAAM,QACN,MAAO,CAAC,MAAO,UAAW,KAAK,CACjC,EACA,CACE,QAAS,OACT,KAAM,SACN,MAAO,CAAC,MAAO,UAAW,KAAK,CACjC,EACA,CACE,QAAS,OACT,KAAM,QACN,MAAO,CAAC,MAAO,YAAa,KAAK,CACnC,CACF,CACF,CACF","names":["src_exports","__export","Button","__toCommonJS","import_react_slot","import_cva","import_react","import_tailwind_merge","Button","className","variant","size","asChild","props","ref","React","buttonVariants"]}

package/dist/index.mjs

@@ -1,2 +0,0 @@
-import{Slot as p}from"@radix-ui/react-slot";import{cva as u}from"cva";import g,{forwardRef as c}from"react";import{twMerge as b}from"tailwind-merge";var e=c(({className:t,variant:r,size:a,asChild:n=!1,...i},o)=>g.createElement(n?p:"button",{className:b(d({variant:r,size:a,className:t})),ref:o,...i}));e.displayName="Button";var d=u(["flex","items-center","justify-center","gap-2","rounded-full","font-bold","outline-2","outline-offset-2","outline-dashed","outline-transparent"],{variants:{variant:{neutral:["bg-black","text-white","hover:bg-grey-90","active:bg-grey-80","focus:outline-purple-100","disabled:text-grey-40","disabled:bg-grey-10"],primary:["bg-pickle-100","text-black","hover:bg-pickle-80","active:bg-pickle-60","focus:outline-purple-100","disabled:text-grey-40","disabled:bg-grey-10"],secondary:["bg-green-80","text-white","hover:bg-green-90","active:bg-green-100","focus:outline-pickle-100","disabled:text-grey-40","disabled:bg-grey-10"],transparent:["text-white","hover:bg-green-80","active:bg-green-100","focus:outline-pickle-100","disabled:text-grey-40"],link:["leading-tight","text-black","underline","hover:text-purple-100","focus:text-black","focus:outline-purple-100","active:text-purple-80"]},size:{small:["h-10","text-sm","px-4","py-2"],medium:["h-12","text-base","px-6","py-3"],large:["h-14","text-lg","px-8","py-4"]}},defaultVariants:{variant:"neutral",size:"medium"},compoundVariants:[{variant:"link",size:"small",class:["h-3","text-xs","p-0"]},{variant:"link",size:"medium",class:["h-4","text-sm","p-0"]},{variant:"link",size:"large",class:["h-6","text-base","p-0"]}]});export{e as Button};
-//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/ui/Button.tsx"],"sourcesContent":["import { Slot } from \"@radix-ui/react-slot\";\nimport { cva, type VariantProps } from \"cva\";\nimport React, { forwardRef } from \"react\";\nimport { twMerge } from \"tailwind-merge\";\n\ninterface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof buttonVariants> {\n  asChild?: boolean;\n}\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ className, variant, size, asChild = false, ...props }, ref) => {\n    const Component = asChild ? Slot : \"button\";\n\n    return (\n      <Component\n        className={twMerge(buttonVariants({ variant, size, className }))}\n        ref={ref}\n        {...props}\n      />\n    );\n  }\n);\nButton.displayName = \"Button\";\n\nconst buttonVariants = cva(\n  [\n    \"flex\",\n    \"items-center\",\n    \"justify-center\",\n    \"gap-2\",\n    \"rounded-full\",\n    \"font-bold\",\n    \"outline-2\",\n    \"outline-offset-2\",\n    \"outline-dashed\",\n    \"outline-transparent\",\n  ],\n  {\n    variants: {\n      variant: {\n        neutral: [\n          \"bg-black\",\n          \"text-white\",\n          \"hover:bg-grey-90\",\n          \"active:bg-grey-80\",\n          \"focus:outline-purple-100\",\n          \"disabled:text-grey-40\",\n          \"disabled:bg-grey-10\",\n        ],\n        primary: [\n          \"bg-pickle-100\",\n          \"text-black\",\n          \"hover:bg-pickle-80\",\n          \"active:bg-pickle-60\",\n          \"focus:outline-purple-100\",\n          \"disabled:text-grey-40\",\n          \"disabled:bg-grey-10\",\n        ],\n        secondary: [\n          \"bg-green-80\",\n          \"text-white\",\n          \"hover:bg-green-90\",\n          \"active:bg-green-100\",\n          \"focus:outline-pickle-100\",\n          \"disabled:text-grey-40\",\n          \"disabled:bg-grey-10\",\n        ],\n        transparent: [\n          \"text-white\",\n          \"hover:bg-green-80\",\n          \"active:bg-green-100\",\n          \"focus:outline-pickle-100\",\n          \"disabled:text-grey-40\",\n        ],\n        link: [\n          \"leading-tight\",\n          \"text-black\",\n          \"underline\",\n          \"hover:text-purple-100\",\n          \"focus:text-black\",\n          \"focus:outline-purple-100\",\n          \"active:text-purple-80\",\n        ],\n      },\n      size: {\n        small: [\"h-10\", \"text-sm\", \"px-4\", \"py-2\"],\n        medium: [\"h-12\", \"text-base\", \"px-6\", \"py-3\"],\n        large: [\"h-14\", \"text-lg\", \"px-8\", \"py-4\"],\n      },\n    },\n    defaultVariants: {\n      variant: \"neutral\",\n      size: \"medium\",\n    },\n    compoundVariants: [\n      {\n        variant: \"link\",\n        size: \"small\",\n        class: [\"h-3\", \"text-xs\", \"p-0\"],\n      },\n      {\n        variant: \"link\",\n        size: \"medium\",\n        class: [\"h-4\", \"text-sm\", \"p-0\"],\n      },\n      {\n        variant: \"link\",\n        size: \"large\",\n        class: [\"h-6\", \"text-base\", \"p-0\"],\n      },\n    ],\n  }\n);\n"],"mappings":"AAAA,OAAS,QAAAA,MAAY,uBACrB,OAAS,OAAAC,MAA8B,MACvC,OAAOC,GAAS,cAAAC,MAAkB,QAClC,OAAS,WAAAC,MAAe,iBAQjB,IAAMC,EAASF,EACpB,CAAC,CAAE,UAAAG,EAAW,QAAAC,EAAS,KAAAC,EAAM,QAAAC,EAAU,GAAO,GAAGC,CAAM,EAAGC,IAItDT,EAAA,cAHgBO,EAAUT,EAAO,SAGhC,CACC,UAAWI,EAAQQ,EAAe,CAAE,QAAAL,EAAS,KAAAC,EAAM,UAAAF,CAAU,CAAC,CAAC,EAC/D,IAAKK,EACJ,GAAGD,EACN,CAGN,EACAL,EAAO,YAAc,SAErB,IAAMO,EAAiBX,EACrB,CACE,OACA,eACA,iBACA,QACA,eACA,YACA,YACA,mBACA,iBACA,qBACF,EACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,CACP,WACA,aACA,mBACA,oBACA,2BACA,wBACA,qBACF,EACA,QAAS,CACP,gBACA,aACA,qBACA,sBACA,2BACA,wBACA,qBACF,EACA,UAAW,CACT,cACA,aACA,oBACA,sBACA,2BACA,wBACA,qBACF,EACA,YAAa,CACX,aACA,oBACA,sBACA,2BACA,uBACF,EACA,KAAM,CACJ,gBACA,aACA,YACA,wBACA,mBACA,2BACA,uBACF,CACF,EACA,KAAM,CACJ,MAAO,CAAC,OAAQ,UAAW,OAAQ,MAAM,EACzC,OAAQ,CAAC,OAAQ,YAAa,OAAQ,MAAM,EAC5C,MAAO,CAAC,OAAQ,UAAW,OAAQ,MAAM,CAC3C,CACF,EACA,gBAAiB,CACf,QAAS,UACT,KAAM,QACR,EACA,iBAAkB,CAChB,CACE,QAAS,OACT,KAAM,QACN,MAAO,CAAC,MAAO,UAAW,KAAK,CACjC,EACA,CACE,QAAS,OACT,KAAM,SACN,MAAO,CAAC,MAAO,UAAW,KAAK,CACjC,EACA,CACE,QAAS,OACT,KAAM,QACN,MAAO,CAAC,MAAO,YAAa,KAAK,CACnC,CACF,CACF,CACF","names":["Slot","cva","React","forwardRef","twMerge","Button","className","variant","size","asChild","props","ref","buttonVariants"]}