@incognia/cosmik 0.37.0-beta.0 → 0.37.1

package/dist/index.cjs8.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("./index.cjs40.js"),u=require("@radix-ui/react-slot"),b=require("class-variance-authority"),f=require("react"),y=require("./index.cjs41.js");function p(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const i=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,i.get?i:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const v=p(f),l=b.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-robinblue-500 text-white fill-white hover:bg-robinblue-600 focus:bg-robinblue-600 active:bg-robinblue-700"},{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-robinblue-500 fill-robinblue-500 border-robinblue-500"},{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-robinblue-500-8 focus:bg-robinblue-500-8 active:bg-robinblue-500-12"},{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","link"],intent:"primary",className:"text-robinblue-500 fill-robinblue-500 hover:text-robinblue-600 hover:fill-text-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"}}),n=v.forwardRef(({className:e,variant:a,intent:t,size:i,asChild:r=!1,...o},s)=>{const c=r?u.Slot:"button";return g.jsxRuntimeExports.jsx(c,{className:y.cn(l({variant:a,intent:t,size:i,className:e})),ref:s,...o})});n.displayName="Button";exports.Button=n;exports.buttonVariants=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("./index.cjs40.js"),u=require("@radix-ui/react-slot"),b=require("class-variance-authority"),f=require("react"),y=require("./index.cjs41.js");function p(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const i=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,i.get?i:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const v=p(f),l=b.cva("inline-flex items-center justify-center rounded-full 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-robinblue-500 text-white fill-white hover:bg-robinblue-600 focus:bg-robinblue-600 active:bg-robinblue-700"},{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-robinblue-500 fill-robinblue-500 border-robinblue-500"},{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-robinblue-500-8 focus:bg-robinblue-500-8 active:bg-robinblue-500-12"},{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","link"],intent:"primary",className:"text-robinblue-500 fill-robinblue-500 hover:text-robinblue-600 hover:fill-text-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"}}),n=v.forwardRef(({className:e,variant:a,intent:t,size:i,asChild:r=!1,...o},s)=>{const c=r?u.Slot:"button";return g.jsxRuntimeExports.jsx(c,{className:y.cn(l({variant:a,intent:t,size:i,className:e})),ref:s,...o})});n.displayName="Button";exports.Button=n;exports.buttonVariants=l;
 //# sourceMappingURL=index.cjs8.js.map

package/dist/index.cjs8.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs8.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-robinblue-500 text-white fill-white hover:bg-robinblue-600 focus:bg-robinblue-600 active:bg-robinblue-700'\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-robinblue-500 fill-robinblue-500 border-robinblue-500'\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:\n          'hover:bg-robinblue-500-8 focus:bg-robinblue-500-8 active:bg-robinblue-500-12'\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', 'link'],\n        intent: 'primary',\n        className:\n          'text-robinblue-500 fill-robinblue-500 hover:text-robinblue-600 hover:fill-text-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":"ugBAKMA,EAAiBC,EAAA,IACrB,2KACA,CACE,SAAU,CACR,QAAS,CACP,OAAQ,GACR,QAAS,SACT,MAAO,GACP,KAAM,EACR,EACA,OAAQ,CACN,QAAS,GACT,UAAW,GACX,QAAS,GACT,OAAQ,GACR,OAAQ,EACV,EACA,KAAM,CACJ,GAAI,sBACJ,GAAI,aACJ,KAAM,YACN,cAAe,EACjB,CACF,EACA,iBAAkB,CAChB,CACE,QAAS,SACT,OAAQ,UACR,UACE,8GACJ,EACA,CACE,QAAS,SACT,OAAQ,YACR,UACE,2GACJ,EACA,CACE,QAAS,SACT,OAAQ,UACR,UACE,kGACJ,EACA,CACE,QAAS,SACT,OAAQ,SACR,UACE,sGACJ,EACA,CACE,QAAS,SACT,OAAQ,SACR,UACE,4GACJ,EACA,CACE,QAAS,UACT,OAAQ,UACR,UAAW,4DACb,EACA,CACE,QAAS,UACT,OAAQ,YACR,UACE,8GACJ,EACA,CACE,QAAS,UACT,OAAQ,UACR,UAAW,mDACb,EACA,CACE,QAAS,UACT,OAAQ,SACR,UAAW,sDACb,EACA,CACE,QAAS,UACT,OAAQ,SACR,UAAW,mDACb,EACA,CACE,QAAS,CAAC,UAAW,OAAO,EAC5B,OAAQ,UACR,UACE,8EACJ,EACA,CACE,QAAS,CAAC,UAAW,OAAO,EAC5B,OAAQ,YACR,UACE,+DACJ,EACA,CACE,QAAS,CAAC,UAAW,OAAO,EAC5B,OAAQ,UACR,UACE,uFACJ,EACA,CACE,QAAS,CAAC,UAAW,OAAO,EAC5B,OAAQ,SACR,UACE,wFACJ,EACA,CACE,QAAS,CAAC,UAAW,OAAO,EAC5B,OAAQ,SACR,UACE,uFACJ,EACA,CACE,QAAS,CAAC,QAAS,MAAM,EACzB,OAAQ,UACR,UACE,oMACJ,EACA,CACE,QAAS,CAAC,QAAS,MAAM,EACzB,OAAQ,YACR,UACE,wJACJ,EACA,CACE,QAAS,CAAC,QAAS,MAAM,EACzB,OAAQ,UACR,UACE,4KACJ,EACA,CACE,QAAS,CAAC,QAAS,MAAM,EACzB,OAAQ,SACR,UACE,oLACJ,EACA,CACE,QAAS,CAAC,QAAS,MAAM,EACzB,OAAQ,SACR,UACE,4KACJ,CACF,EACA,gBAAiB,CACf,QAAS,SACT,OAAQ,UACR,KAAM,IACR,CACF,CACF,EAQMC,EAASC,EAAM,WACnB,CAAC,CAAE,UAAAC,EAAW,QAAAC,EAAS,OAAAC,EAAQ,KAAAC,EAAM,QAAAC,EAAU,GAAO,GAAGC,CAAM,EAAGC,IAAQ,CAClE,MAAAC,EAAOH,EAAUI,EAAO,KAAA,SAE5B,OAAAC,EAAA,kBAAA,IAACF,EAAA,CACC,UAAWG,EAAAA,GAAGd,EAAe,CAAE,QAAAK,EAAS,OAAAC,EAAQ,KAAAC,EAAM,UAAAH,CAAU,CAAC,CAAC,EAClE,IAAAM,EACC,GAAGD,CAAA,CAAA,CAGV,CACF,EACAP,EAAO,YAAc"}
+{"version":3,"file":"index.cjs8.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-full 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-robinblue-500 text-white fill-white hover:bg-robinblue-600 focus:bg-robinblue-600 active:bg-robinblue-700'\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-robinblue-500 fill-robinblue-500 border-robinblue-500'\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:\n          'hover:bg-robinblue-500-8 focus:bg-robinblue-500-8 active:bg-robinblue-500-12'\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', 'link'],\n        intent: 'primary',\n        className:\n          'text-robinblue-500 fill-robinblue-500 hover:text-robinblue-600 hover:fill-text-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":"ugBAKMA,EAAiBC,EAAA,IACrB,gLACA,CACE,SAAU,CACR,QAAS,CACP,OAAQ,GACR,QAAS,SACT,MAAO,GACP,KAAM,EACR,EACA,OAAQ,CACN,QAAS,GACT,UAAW,GACX,QAAS,GACT,OAAQ,GACR,OAAQ,EACV,EACA,KAAM,CACJ,GAAI,sBACJ,GAAI,aACJ,KAAM,YACN,cAAe,EACjB,CACF,EACA,iBAAkB,CAChB,CACE,QAAS,SACT,OAAQ,UACR,UACE,8GACJ,EACA,CACE,QAAS,SACT,OAAQ,YACR,UACE,2GACJ,EACA,CACE,QAAS,SACT,OAAQ,UACR,UACE,kGACJ,EACA,CACE,QAAS,SACT,OAAQ,SACR,UACE,sGACJ,EACA,CACE,QAAS,SACT,OAAQ,SACR,UACE,4GACJ,EACA,CACE,QAAS,UACT,OAAQ,UACR,UAAW,4DACb,EACA,CACE,QAAS,UACT,OAAQ,YACR,UACE,8GACJ,EACA,CACE,QAAS,UACT,OAAQ,UACR,UAAW,mDACb,EACA,CACE,QAAS,UACT,OAAQ,SACR,UAAW,sDACb,EACA,CACE,QAAS,UACT,OAAQ,SACR,UAAW,mDACb,EACA,CACE,QAAS,CAAC,UAAW,OAAO,EAC5B,OAAQ,UACR,UACE,8EACJ,EACA,CACE,QAAS,CAAC,UAAW,OAAO,EAC5B,OAAQ,YACR,UACE,+DACJ,EACA,CACE,QAAS,CAAC,UAAW,OAAO,EAC5B,OAAQ,UACR,UACE,uFACJ,EACA,CACE,QAAS,CAAC,UAAW,OAAO,EAC5B,OAAQ,SACR,UACE,wFACJ,EACA,CACE,QAAS,CAAC,UAAW,OAAO,EAC5B,OAAQ,SACR,UACE,uFACJ,EACA,CACE,QAAS,CAAC,QAAS,MAAM,EACzB,OAAQ,UACR,UACE,oMACJ,EACA,CACE,QAAS,CAAC,QAAS,MAAM,EACzB,OAAQ,YACR,UACE,wJACJ,EACA,CACE,QAAS,CAAC,QAAS,MAAM,EACzB,OAAQ,UACR,UACE,4KACJ,EACA,CACE,QAAS,CAAC,QAAS,MAAM,EACzB,OAAQ,SACR,UACE,oLACJ,EACA,CACE,QAAS,CAAC,QAAS,MAAM,EACzB,OAAQ,SACR,UACE,4KACJ,CACF,EACA,gBAAiB,CACf,QAAS,SACT,OAAQ,UACR,KAAM,IACR,CACF,CACF,EAQMC,EAASC,EAAM,WACnB,CAAC,CAAE,UAAAC,EAAW,QAAAC,EAAS,OAAAC,EAAQ,KAAAC,EAAM,QAAAC,EAAU,GAAO,GAAGC,CAAM,EAAGC,IAAQ,CAClE,MAAAC,EAAOH,EAAUI,EAAO,KAAA,SAE5B,OAAAC,EAAA,kBAAA,IAACF,EAAA,CACC,UAAWG,EAAAA,GAAGd,EAAe,CAAE,QAAAK,EAAS,OAAAC,EAAQ,KAAAC,EAAM,UAAAH,CAAU,CAAC,CAAC,EAClE,IAAAM,EACC,GAAGD,CAAA,CAAA,CAGV,CACF,EACAP,EAAO,YAAc"}

package/dist/index.es11.js

@@ -8,7 +8,7 @@ const n = b.forwardRef(({ className: i, ...a }, d) => /* @__PURE__ */ e.jsx(
   {
     ref: d,
     className: r(
-      "peer h-16 w-16 shrink-0 rounded border border-gray-900-24",
+      "peer h-16 w-16 shrink-0 rounded-small border border-gray-900-24",
       "disabled:cursor-not-allowed disabled:bg-transparent",
       "disabled:data-[state=checked]:bg-gray-900-8 disabled:data-[state=checked]:text-gray-800 disabled:opacity-64",
       "disabled:data-[state=indeterminate]:bg-gray-900-8 disabled:data-[state=indeterminate]:text-gray-800",

package/dist/index.es11.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es11.js","sources":["../src/Checkbox/index.tsx"],"sourcesContent":["'use client'\n\nimport * as CheckboxPrimitive from '@radix-ui/react-checkbox'\nimport { Check, Minus } from 'lucide-react'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nconst Checkbox = React.forwardRef<\n  React.ElementRef<typeof CheckboxPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>\n>(({ className, ...props }, ref) => (\n  <CheckboxPrimitive.Root\n    ref={ref}\n    className={cn(\n      'peer h-16 w-16 shrink-0 rounded border border-gray-900-24',\n      'disabled:cursor-not-allowed disabled:bg-transparent',\n      'disabled:data-[state=checked]:bg-gray-900-8 disabled:data-[state=checked]:text-gray-800 disabled:opacity-64',\n      'disabled:data-[state=indeterminate]:bg-gray-900-8 disabled:data-[state=indeterminate]:text-gray-800',\n      'data-[state=checked]:bg-robinblue-500 data-[state=checked]:text-white',\n      'data-[state=indeterminate]:bg-robinblue-500 data-[state=indeterminate]:text-white',\n      'hover:bg-gray-900-8 hover:data-[state=checked]:bg-robinblue-600 hover:data-[state=indeterminate]:bg-robinblue-600',\n      'focus-visible:outline-none focus:bg-gray-900-16 focus:data-[state=checked]:bg-robinblue-700 focus:data-[state=indeterminate]:bg-robinblue-700',\n      'active:bg-gray-900-16 active:data-[state=checked]:bg-robinblue-700 active:data-[state=indeterminate]:bg-robinblue-700',\n      className\n    )}\n    {...props}\n  >\n    <CheckboxPrimitive.Indicator\n      className={cn('flex items-center justify-center text-current')}\n    >\n      {props.checked == 'indeterminate' ? (\n        <Minus className=\"h-[14px] w-[14px]\" />\n      ) : (\n        <Check className=\"h-[14px] w-[14px]\" />\n      )}\n    </CheckboxPrimitive.Indicator>\n  </CheckboxPrimitive.Root>\n))\n\nCheckbox.displayName = CheckboxPrimitive.Root.displayName\n\nexport { Checkbox }\n"],"names":["Checkbox","React","className","props","ref","jsx","CheckboxPrimitive","cn","Minus","Check"],"mappings":";;;;;AAOM,MAAAA,IAAWC,EAAM,WAGrB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1BC,gBAAAA,EAAA;AAAA,EAACC,EAAkB;AAAA,EAAlB;AAAA,IACC,KAAAF;AAAA,IACA,WAAWG;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACAL;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,IAEJ,UAAAE,gBAAAA,EAAA;AAAA,MAACC,EAAkB;AAAA,MAAlB;AAAA,QACC,WAAWC,EAAG,+CAA+C;AAAA,QAE5D,UAAAJ,EAAM,WAAW,kBACfE,gBAAAA,EAAA,IAAAG,GAAA,EAAM,WAAU,oBAAoB,CAAA,IAErCH,gBAAAA,EAAAA,IAACI,GAAM,EAAA,WAAU,oBAAoB,CAAA;AAAA,MAAA;AAAA,IAEzC;AAAA,EAAA;AACF,CACD;AAEDT,EAAS,cAAcM,EAAkB,KAAK;"}
+{"version":3,"file":"index.es11.js","sources":["../src/Checkbox/index.tsx"],"sourcesContent":["'use client'\n\nimport * as CheckboxPrimitive from '@radix-ui/react-checkbox'\nimport { Check, Minus } from 'lucide-react'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nconst Checkbox = React.forwardRef<\n  React.ElementRef<typeof CheckboxPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>\n>(({ className, ...props }, ref) => (\n  <CheckboxPrimitive.Root\n    ref={ref}\n    className={cn(\n      'peer h-16 w-16 shrink-0 rounded-small border border-gray-900-24',\n      'disabled:cursor-not-allowed disabled:bg-transparent',\n      'disabled:data-[state=checked]:bg-gray-900-8 disabled:data-[state=checked]:text-gray-800 disabled:opacity-64',\n      'disabled:data-[state=indeterminate]:bg-gray-900-8 disabled:data-[state=indeterminate]:text-gray-800',\n      'data-[state=checked]:bg-robinblue-500 data-[state=checked]:text-white',\n      'data-[state=indeterminate]:bg-robinblue-500 data-[state=indeterminate]:text-white',\n      'hover:bg-gray-900-8 hover:data-[state=checked]:bg-robinblue-600 hover:data-[state=indeterminate]:bg-robinblue-600',\n      'focus-visible:outline-none focus:bg-gray-900-16 focus:data-[state=checked]:bg-robinblue-700 focus:data-[state=indeterminate]:bg-robinblue-700',\n      'active:bg-gray-900-16 active:data-[state=checked]:bg-robinblue-700 active:data-[state=indeterminate]:bg-robinblue-700',\n      className\n    )}\n    {...props}\n  >\n    <CheckboxPrimitive.Indicator\n      className={cn('flex items-center justify-center text-current')}\n    >\n      {props.checked == 'indeterminate' ? (\n        <Minus className=\"h-[14px] w-[14px]\" />\n      ) : (\n        <Check className=\"h-[14px] w-[14px]\" />\n      )}\n    </CheckboxPrimitive.Indicator>\n  </CheckboxPrimitive.Root>\n))\n\nCheckbox.displayName = CheckboxPrimitive.Root.displayName\n\nexport { Checkbox }\n"],"names":["Checkbox","React","className","props","ref","jsx","CheckboxPrimitive","cn","Minus","Check"],"mappings":";;;;;AAOM,MAAAA,IAAWC,EAAM,WAGrB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1BC,gBAAAA,EAAA;AAAA,EAACC,EAAkB;AAAA,EAAlB;AAAA,IACC,KAAAF;AAAA,IACA,WAAWG;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACAL;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,IAEJ,UAAAE,gBAAAA,EAAA;AAAA,MAACC,EAAkB;AAAA,MAAlB;AAAA,QACC,WAAWC,EAAG,+CAA+C;AAAA,QAE5D,UAAAJ,EAAM,WAAW,kBACfE,gBAAAA,EAAA,IAAAG,GAAA,EAAM,WAAU,oBAAoB,CAAA,IAErCH,gBAAAA,EAAAA,IAACI,GAAM,EAAA,WAAU,oBAAoB,CAAA;AAAA,MAAA;AAAA,IAEzC;AAAA,EAAA;AACF,CACD;AAEDT,EAAS,cAAcM,EAAkB,KAAK;"}

package/dist/index.es12.js

@@ -1,5 +1,5 @@
-import { j as a } from "./index.es40.js";
-import { Command as m } from "cmdk";
+import { j as o } from "./index.es40.js";
+import { Command as t } from "cmdk";
 import { Search as d } from "lucide-react";
 import * as r from "react";
 import "./index.es2.js";
@@ -34,92 +34,92 @@ import "./index.es35.js";
 import "./index.es36.js";
 import "./index.es37.js";
 import "./index.es38.js";
-const i = r.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ a.jsx(
-  m,
+const i = r.forwardRef(({ className: e, ...m }, a) => /* @__PURE__ */ o.jsx(
+  t,
   {
-    ref: o,
+    ref: a,
     className: p(
       "flex h-full w-full flex-col overflow-hidden rounded bg-white text-gray-900",
       e
     ),
-    ...t
+    ...m
   }
 ));
-i.displayName = m.displayName;
-const Z = ({ children: e, ...t }) => /* @__PURE__ */ a.jsx(s, { ...t, children: /* @__PURE__ */ a.jsx(n, { hideCloseIcon: !0, className: "overflow-hidden p-0 shadow-200", children: /* @__PURE__ */ a.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 }) }) }), l = r.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ a.jsxs("div", { className: "flex items-center border-b px-12", "cmdk-input-wrapper": "", children: [
-  /* @__PURE__ */ a.jsx(
-    m.Input,
+i.displayName = t.displayName;
+const Z = ({ children: e, ...m }) => /* @__PURE__ */ o.jsx(s, { ...m, children: /* @__PURE__ */ o.jsx(n, { hideCloseIcon: !0, className: "overflow-hidden p-0 shadow-200", children: /* @__PURE__ */ o.jsx(i, { className: "[&_[cmdk-group-heading]]:px-8 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-gray-900 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-8 [&_[cmdk-input-wrapper]_svg]:h-16 [&_[cmdk-input-wrapper]_svg]:w-16 [&_[cmdk-input]]:h-48 [&_[cmdk-item]]:px-8 [&_[cmdk-item]]:py-12 [&_[cmdk-item]_svg]:h-16 [&_[cmdk-item]_svg]:w-16", children: e }) }) }), l = r.forwardRef(({ className: e, ...m }, a) => /* @__PURE__ */ o.jsxs("div", { className: "flex items-center border-b px-12", "cmdk-input-wrapper": "", children: [
+  /* @__PURE__ */ o.jsx(
+    t.Input,
     {
-      ref: o,
+      ref: a,
       className: p(
-        "flex h-[44px] w-full rounded bg-white py-12 text-sm outline-none placeholder:text-gray-600 disabled:cursor-not-allowed disabled:opacity-64",
+        "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
     }
   ),
-  /* @__PURE__ */ a.jsx(d, { className: "ml-8 h-16 w-16 shrink-0" })
+  /* @__PURE__ */ o.jsx(d, { className: "ml-8 h-16 w-16 shrink-0" })
 ] }));
-l.displayName = m.Input.displayName;
-const c = r.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ a.jsx(
-  m.List,
+l.displayName = t.Input.displayName;
+const c = r.forwardRef(({ className: e, ...m }, a) => /* @__PURE__ */ o.jsx(
+  t.List,
   {
-    ref: o,
+    ref: a,
     className: p("max-h-[300px] overflow-y-auto overflow-x-hidden", e),
-    ...t
+    ...m
   }
 ));
-c.displayName = m.List.displayName;
-const x = r.forwardRef((e, t) => /* @__PURE__ */ a.jsx(
-  m.Empty,
+c.displayName = t.List.displayName;
+const x = r.forwardRef((e, m) => /* @__PURE__ */ o.jsx(
+  t.Empty,
   {
-    ref: t,
+    ref: m,
     className: "py-[10px] text-center text-sm",
     ...e
   }
 ));
-x.displayName = m.Empty.displayName;
-const u = r.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ a.jsx(
-  m.Group,
+x.displayName = t.Empty.displayName;
+const u = r.forwardRef(({ className: e, ...m }, a) => /* @__PURE__ */ o.jsx(
+  t.Group,
   {
-    ref: o,
+    ref: a,
     className: p(
-      "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",
+      "overflow-hidden p-4 text-gray-900 [&_[cmdk-group-heading]]:px-8 [&_[cmdk-group-heading]]:py-[6px] [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-gray-900",
       e
     ),
-    ...t
+    ...m
   }
 ));
-u.displayName = m.Group.displayName;
-const f = r.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ a.jsx(
-  m.Separator,
+u.displayName = t.Group.displayName;
+const g = r.forwardRef(({ className: e, ...m }, a) => /* @__PURE__ */ o.jsx(
+  t.Separator,
   {
-    ref: o,
+    ref: a,
     className: p("-mx-4 h-[1px] bg-gray-900-8", e),
-    ...t
+    ...m
   }
 ));
-f.displayName = m.Separator.displayName;
-const g = r.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ a.jsx(
-  m.Item,
+g.displayName = t.Separator.displayName;
+const f = r.forwardRef(({ className: e, ...m }, a) => /* @__PURE__ */ o.jsx(
+  t.Item,
   {
-    ref: o,
+    ref: a,
     className: p(
-      "relative flex cursor-default select-none items-center py-8 px-16 outline-none aria-selected:bg-purple-100 aria-selected:text-gray-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-64",
+      "relative flex cursor-default select-none items-center rounded px-8 py-[6px] text-sm outline-none aria-selected:bg-purple-100 aria-selected:text-gray-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-64",
       e
     ),
-    ...t
+    ...m
   }
 ));
-g.displayName = m.Item.displayName;
+f.displayName = t.Item.displayName;
 const y = ({
   className: e,
-  ...t
-}) => /* @__PURE__ */ a.jsx(
+  ...m
+}) => /* @__PURE__ */ o.jsx(
   "span",
   {
-    className: p("ml-auto text-xs tracking-widest text-gray-700", e),
-    ...t
+    className: p("ml-auto text-xs tracking-widest text-gray-900", e),
+    ...m
   }
 );
 y.displayName = "CommandShortcut";
@@ -129,9 +129,9 @@ export {
   x as CommandEmpty,
   u as CommandGroup,
   l as CommandInput,
-  g as CommandItem,
+  f as CommandItem,
   c as CommandList,
-  f as CommandSeparator,
+  g as CommandSeparator,
   y as CommandShortcut
 };
 //# sourceMappingURL=index.es12.js.map

package/dist/index.es12.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es12.js","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>(({ className, ...props }, ref) => (\n  <div className=\"flex items-center border-b px-12\" cmdk-input-wrapper=\"\">\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-600 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>((props, ref) => (\n  <CommandPrimitive.Empty\n    ref={ref}\n    className=\"py-[10px] text-center text-sm\"\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-[1px] 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-purple-100 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  CommandInput,\n  CommandList,\n  CommandEmpty,\n  CommandGroup,\n  CommandItem,\n  CommandShortcut,\n  CommandSeparator\n}\n"],"names":["Command","React","className","props","ref","jsx","CommandPrimitive","cn","CommandDialog","children","Dialog","DialogContent","CommandInput","jsxs","Search","CommandList","CommandEmpty","CommandGroup","CommandSeparator","CommandItem","CommandShortcut"],"mappings":"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"}
+{"version":3,"file":"index.es12.js","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]]:px-8 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-gray-900 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-8 [&_[cmdk-input-wrapper]_svg]:h-16 [&_[cmdk-input-wrapper]_svg]:w-16 [&_[cmdk-input]]:h-48 [&_[cmdk-item]]:px-8 [&_[cmdk-item]]:py-12 [&_[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>(({ className, ...props }, ref) => (\n  <div className=\"flex items-center border-b px-12\" cmdk-input-wrapper=\"\">\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>((props, ref) => (\n  <CommandPrimitive.Empty\n    ref={ref}\n    className=\"py-[10px] text-center text-sm\"\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 p-4 text-gray-900 [&_[cmdk-group-heading]]:px-8 [&_[cmdk-group-heading]]:py-[6px] [&_[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-[1px] 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 rounded px-8 py-[6px] text-sm outline-none aria-selected:bg-purple-100 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-900', className)}\n      {...props}\n    />\n  )\n}\nCommandShortcut.displayName = 'CommandShortcut'\n\nexport {\n  Command,\n  CommandDialog,\n  CommandInput,\n  CommandList,\n  CommandEmpty,\n  CommandGroup,\n  CommandItem,\n  CommandShortcut,\n  CommandSeparator\n}\n"],"names":["Command","React","className","props","ref","jsx","CommandPrimitive","cn","CommandDialog","children","Dialog","DialogContent","CommandInput","jsxs","Search","CommandList","CommandEmpty","CommandGroup","CommandSeparator","CommandItem","CommandShortcut"],"mappings":"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"}

package/dist/index.es14.js

@@ -1,6 +1,6 @@
 import { j as o } from "./index.es40.js";
 import * as e from "@radix-ui/react-dropdown-menu";
-import { ChevronRight as l, Check as p, Circle as m } from "lucide-react";
+import { ChevronRight as l, Check as m, Circle as p } from "lucide-react";
 import * as d from "react";
 import { cn as n } from "./index.es41.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(
@@ -8,7 +8,7 @@ const M = e.Root, R = e.Trigger, I = e.Group, S = e.Portal, C = e.Sub, v = e.Rad
   {
     ref: i,
     className: n(
-      "flex cursor-default select-none items-center pl-16 py-8 text-base outline-none focus:bg-purple-100 data-[state=open]:bg-purple-100",
+      "flex cursor-default select-none items-center rounded-small pl-8 py-8 text-base outline-none focus:bg-gray-900-8 data-[state=open]:bg-gray-900-8",
       a && "pl-32",
       t
     ),
@@ -25,7 +25,7 @@ const u = d.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ o.jsx(
   {
     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",
+      "z-50 min-w-[8rem] overflow-hidden rounded-[6px] border border-gray-900-8 bg-white p-2 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
@@ -38,7 +38,7 @@ const f = d.forwardRef(({ className: t, sideOffset: a = 4, ...s }, r) => /* @__P
     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",
+      "z-50 min-w-[8rem] overflow-hidden rounded-[6px] border border-gray-900-8 bg-white p-2 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
@@ -50,7 +50,7 @@ const x = d.forwardRef(({ className: t, inset: a, ...s }, r) => /* @__PURE__ */
   {
     ref: r,
     className: n(
-      "relative flex cursor-default select-none items-center px-16 py-8 text-base outline-none transition-colors focus:bg-purple-100 focus:bg-purple-100 data-[disabled]:pointer-events-none data-[disabled]:opacity-40",
+      "relative flex cursor-default select-none items-center rounded-small px-8 py-8 text-base outline-none transition-colors focus:bg-gray-900-8 focus:text-gray-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-40",
       a && "pl-[2rem]",
       t
     ),
@@ -63,52 +63,48 @@ const b = d.forwardRef(({ className: t, children: a, checked: s, ...r }, i) => /
   {
     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-purple-100 focus:text-gray-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-40",
+      "relative flex cursor-default select-none items-center rounded-[2px] py-8 pl-32 pr-4 text-base outline-none transition-colors focus:bg-gray-900-8 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(p, { className: "h-16 w-16" }) }) }),
+      /* @__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 w = d.forwardRef(({ className: t, children: a, ...s }, r) => /* @__PURE__ */ o.jsxs(
+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-purple-100 focus:text-gray-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-40",
+      "relative flex cursor-default select-none items-center rounded-[2px] py-8 pl-32 pr-4 text-base outline-none transition-colors focus:bg-gray-900-8 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(m, { className: "h-8 w-8 fill-gray-900" }) }) }),
+      /* @__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
     ]
   }
 ));
-w.displayName = e.RadioItem.displayName;
-const y = d.forwardRef(({ className: t, inset: a, ...s }, r) => /* @__PURE__ */ o.jsx(
+y.displayName = e.RadioItem.displayName;
+const w = 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
-    ),
+    className: n("p-8 text-base font-medium", a && "pl-32", t),
     ...s
   }
 ));
-y.displayName = e.Label.displayName;
+w.displayName = e.Label.displayName;
 const g = d.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ o.jsx(
   e.Separator,
   {
     ref: s,
-    className: n("h-[1px] bg-gray-900-8", t),
+    className: n("-mx-2 my-2 h-[1px] bg-gray-900-8", t),
     ...a
   }
 ));
@@ -130,10 +126,10 @@ export {
   f as DropdownMenuContent,
   I as DropdownMenuGroup,
   x as DropdownMenuItem,
-  y as DropdownMenuLabel,
+  w as DropdownMenuLabel,
   S as DropdownMenuPortal,
   v as DropdownMenuRadioGroup,
-  w as DropdownMenuRadioItem,
+  y as DropdownMenuRadioItem,
   g as DropdownMenuSeparator,
   h as DropdownMenuShortcut,
   C as DropdownMenuSub,

package/dist/index.es14.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es14.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-purple-100 data-[state=open]:bg-purple-100',\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-purple-100 focus:bg-purple-100 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-purple-100 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-purple-100 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":"index.es14.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 rounded-small pl-8 py-8 text-base outline-none focus:bg-gray-900-8 data-[state=open]:bg-gray-900-8',\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-[6px] border border-gray-900-8 bg-white p-2 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-[6px] border border-gray-900-8 bg-white p-2 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 rounded-small px-8 py-8 text-base outline-none transition-colors focus:bg-gray-900-8 focus:text-gray-900 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 rounded-[2px] py-8 pl-32 pr-4 text-base outline-none transition-colors focus:bg-gray-900-8 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 rounded-[2px] py-8 pl-32 pr-4 text-base outline-none transition-colors focus:bg-gray-900-8 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('p-8 text-base font-medium', inset && 'pl-32', className)}\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('-mx-2 my-2 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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"}

package/dist/index.es15.js

@@ -6,27 +6,24 @@ import { Popover as w, PopoverTrigger as C, PopoverContent as N } from "./index.
 import { cn as b } from "./index.es41.js";
 function V({
   children: m,
-  label: d,
+  label: p,
   selectedLabel: a,
-  trigger: p,
+  trigger: d,
   i18n: n,
   value: t,
   onOpenChange: u,
-  onApply: s,
+  onApply: l,
   ...h
 }) {
-  const [x, c] = f.useState(!1), [i, l] = f.useState(t || null), j = t ? a ? a(t) : t.toString() : d, g = /* @__PURE__ */ e.jsxs(
+  const [x, c] = f.useState(!1), [i, s] = f.useState(t || null), j = t ? a ? a(t) : t.toString() : p, g = /* @__PURE__ */ e.jsxs(
     o,
     {
       variant: t ? "filled" : "outline",
       intent: t ? "filter" : "secondary",
       size: "sm",
-      className: b(
-        "font-normal flex items-center whitespace-nowrap gap-x-4 rounded-full",
-        {
-          "pr-12": !!t
-        }
-      ),
+      className: b("font-normal flex items-center whitespace-nowrap gap-x-4", {
+        "pr-12": !!t
+      }),
       children: [
         j,
         t && /* @__PURE__ */ e.jsx(
@@ -34,7 +31,7 @@ function V({
           {
             className: "w-16 h-16 rounded hover:bg-purple-100 shrink-0",
             onClick: (r) => {
-              r.preventDefault(), l(null), s?.(void 0);
+              r.preventDefault(), s(null), l?.(void 0);
             }
           }
         )
@@ -46,20 +43,20 @@ function V({
     {
       open: x,
       onOpenChange: (r) => {
-        u?.(r), r || s?.(i || void 0), r && l(t || null), c(r);
+        u?.(r), r || l?.(i || void 0), r && s(t || null), c(r);
       },
       ...h,
       children: [
-        /* @__PURE__ */ e.jsx(C, { asChild: !0, children: p || g }),
+        /* @__PURE__ */ e.jsx(C, { asChild: !0, children: d || g }),
         /* @__PURE__ */ e.jsx(N, { align: "start", className: "w-full", children: /* @__PURE__ */ e.jsxs(
           "form",
           {
             onSubmit: (r) => {
-              r.preventDefault(), s?.(i || void 0), c(!1);
+              r.preventDefault(), l?.(i || void 0), c(!1);
             },
             children: [
               /* @__PURE__ */ e.jsx("div", { className: "p-8", children: m({
-                onFilterChange: l,
+                onFilterChange: s,
                 filterValue: i
               }) }),
               /* @__PURE__ */ e.jsxs("div", { className: "w-full flex justify-between mt-16", children: [
@@ -71,7 +68,7 @@ function V({
                     size: "fit-content",
                     type: "button",
                     onClick: () => {
-                      l(null);
+                      s(null);
                     },
                     children: n.clear
                   }

package/dist/index.es15.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es15.js","sources":["../src/Filter/index.tsx"],"sourcesContent":["import { LucideX } from 'lucide-react'\nimport React from 'react'\nimport { Button } from '../Button'\nimport { Popover, PopoverContent, PopoverTrigger } 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}\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  ...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-full',\n        {\n          'pr-12': !!value\n        }\n      )}\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 align=\"start\" className=\"w-full\">\n        <form\n          onSubmit={event => {\n            event.preventDefault()\n            onApply?.(localValue || undefined)\n            setIsOpen(false)\n          }}\n        >\n          <div className=\"p-8\">\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","props","isOpen","setIsOpen","React","localValue","setLocalValue","filterLabel","defaultTrigger","jsxs","Button","cn","jsx","LucideX","e","Popover","open","PopoverTrigger","PopoverContent","event"],"mappings":";;;;;;AAkCA,SAASA,EAAU;AAAA,EACjB,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,eAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,SAAAC;AAAA,EACA,GAAGC;AACL,GAAmB;AACjB,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAM,SAAS,EAAK,GAC1C,CAACC,GAAYC,CAAa,IAAIF,EAAM,SAAmBN,KAAS,IAAI,GAEpES,IAAcT,IAChBH,IACEA,EAAcG,CAAK,IACnBA,EAAM,SACR,IAAAJ,GAEEc,IACJC,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAASZ,IAAQ,WAAW;AAAA,MAC5B,QAAQA,IAAQ,WAAW;AAAA,MAC3B,MAAK;AAAA,MACL,WAAWa;AAAA,QACT;AAAA,QACA;AAAA,UACE,SAAS,CAAC,CAACb;AAAA,QACb;AAAA,MACF;AAAA,MAEC,UAAA;AAAA,QAAAS;AAAA,QACAT,KACCc,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,SAAS,CAAKC,MAAA;AACZ,cAAAA,EAAE,eAAe,GACjBR,EAAc,IAAI,GAClBN,IAAU,MAAS;AAAA,YACrB;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAMJ,SAAAS,gBAAAA,EAAA;AAAA,IAACM;AAAA,IAAA;AAAA,MACC,MAAMb;AAAA,MACN,cAAc,CAAQc,MAAA;AACpB,QAAAjB,IAAeiB,CAAI,GACdA,KAAMhB,IAAUK,KAAc,MAAS,GACxCW,KAAMV,EAAcR,KAAS,IAAI,GACrCK,EAAUa,CAAI;AAAA,MAChB;AAAA,MACC,GAAGf;AAAA,MAEJ,UAAA;AAAA,QAAAW,gBAAAA,EAAA,IAACK,GAAe,EAAA,SAAO,IAAE,UAAArB,KAAWY,GAAe;AAAA,QAClDI,gBAAAA,EAAA,IAAAM,GAAA,EAAe,OAAM,SAAQ,WAAU,UACtC,UAAAT,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,UAAU,CAASU,MAAA;AACjB,cAAAA,EAAM,eAAe,GACrBnB,IAAUK,KAAc,MAAS,GACjCF,EAAU,EAAK;AAAA,YACjB;AAAA,YAEA,UAAA;AAAA,cAACS,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAU,OACZ,UAASnB,EAAA;AAAA,gBACR,gBAAgBa;AAAA,gBAChB,aAAaD;AAAA,cACd,CAAA,GACH;AAAA,cACAI,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,qCACZ,UAAA;AAAA,gBAAAJ,KAAcR,EAAK,SAClBe,gBAAAA,EAAA;AAAA,kBAACF;AAAA,kBAAA;AAAA,oBACC,SAAQ;AAAA,oBACR,QAAO;AAAA,oBACP,MAAK;AAAA,oBACL,MAAK;AAAA,oBACL,SAAS,MAAM;AACb,sBAAAJ,EAAc,IAAI;AAAA,oBACpB;AAAA,oBAEC,UAAKT,EAAA;AAAA,kBAAA;AAAA,gBACR;AAAA,gBAEDA,EAAK,SACJe,gBAAAA,EAAA;AAAA,kBAACF;AAAA,kBAAA;AAAA,oBACC,WAAU;AAAA,oBACV,SAAQ;AAAA,oBACR,MAAK;AAAA,oBACL,MAAK;AAAA,oBAEJ,UAAKb,EAAA;AAAA,kBAAA;AAAA,gBACR;AAAA,cAAA,GAEJ;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA,GAEJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"index.es15.js","sources":["../src/Filter/index.tsx"],"sourcesContent":["import { LucideX } from 'lucide-react'\nimport React from 'react'\nimport { Button } from '../Button'\nimport { Popover, PopoverContent, PopoverTrigger } 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}\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  ...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('font-normal flex items-center whitespace-nowrap gap-x-4', {\n        'pr-12': !!value\n      })}\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 align=\"start\" className=\"w-full\">\n        <form\n          onSubmit={event => {\n            event.preventDefault()\n            onApply?.(localValue || undefined)\n            setIsOpen(false)\n          }}\n        >\n          <div className=\"p-8\">\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","props","isOpen","setIsOpen","React","localValue","setLocalValue","filterLabel","defaultTrigger","jsxs","Button","cn","jsx","LucideX","e","Popover","open","PopoverTrigger","PopoverContent","event"],"mappings":";;;;;;AAkCA,SAASA,EAAU;AAAA,EACjB,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,eAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,SAAAC;AAAA,EACA,GAAGC;AACL,GAAmB;AACjB,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAM,SAAS,EAAK,GAC1C,CAACC,GAAYC,CAAa,IAAIF,EAAM,SAAmBN,KAAS,IAAI,GAEpES,IAAcT,IAChBH,IACEA,EAAcG,CAAK,IACnBA,EAAM,SACR,IAAAJ,GAEEc,IACJC,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAASZ,IAAQ,WAAW;AAAA,MAC5B,QAAQA,IAAQ,WAAW;AAAA,MAC3B,MAAK;AAAA,MACL,WAAWa,EAAG,2DAA2D;AAAA,QACvE,SAAS,CAAC,CAACb;AAAA,MAAA,CACZ;AAAA,MAEA,UAAA;AAAA,QAAAS;AAAA,QACAT,KACCc,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,SAAS,CAAKC,MAAA;AACZ,cAAAA,EAAE,eAAe,GACjBR,EAAc,IAAI,GAClBN,IAAU,MAAS;AAAA,YACrB;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAMJ,SAAAS,gBAAAA,EAAA;AAAA,IAACM;AAAA,IAAA;AAAA,MACC,MAAMb;AAAA,MACN,cAAc,CAAQc,MAAA;AACpB,QAAAjB,IAAeiB,CAAI,GACdA,KAAMhB,IAAUK,KAAc,MAAS,GACxCW,KAAMV,EAAcR,KAAS,IAAI,GACrCK,EAAUa,CAAI;AAAA,MAChB;AAAA,MACC,GAAGf;AAAA,MAEJ,UAAA;AAAA,QAAAW,gBAAAA,EAAA,IAACK,GAAe,EAAA,SAAO,IAAE,UAAArB,KAAWY,GAAe;AAAA,QAClDI,gBAAAA,EAAA,IAAAM,GAAA,EAAe,OAAM,SAAQ,WAAU,UACtC,UAAAT,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,UAAU,CAASU,MAAA;AACjB,cAAAA,EAAM,eAAe,GACrBnB,IAAUK,KAAc,MAAS,GACjCF,EAAU,EAAK;AAAA,YACjB;AAAA,YAEA,UAAA;AAAA,cAACS,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAU,OACZ,UAASnB,EAAA;AAAA,gBACR,gBAAgBa;AAAA,gBAChB,aAAaD;AAAA,cACd,CAAA,GACH;AAAA,cACAI,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,qCACZ,UAAA;AAAA,gBAAAJ,KAAcR,EAAK,SAClBe,gBAAAA,EAAA;AAAA,kBAACF;AAAA,kBAAA;AAAA,oBACC,SAAQ;AAAA,oBACR,QAAO;AAAA,oBACP,MAAK;AAAA,oBACL,MAAK;AAAA,oBACL,SAAS,MAAM;AACb,sBAAAJ,EAAc,IAAI;AAAA,oBACpB;AAAA,oBAEC,UAAKT,EAAA;AAAA,kBAAA;AAAA,gBACR;AAAA,gBAEDA,EAAK,SACJe,gBAAAA,EAAA;AAAA,kBAACF;AAAA,kBAAA;AAAA,oBACC,WAAU;AAAA,oBACV,SAAQ;AAAA,oBACR,MAAK;AAAA,oBACL,MAAK;AAAA,oBAEJ,UAAKb,EAAA;AAAA,kBAAA;AAAA,gBACR;AAAA,cAAA,GAEJ;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA,GAEJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/index.es17.js

@@ -9,7 +9,7 @@ const s = a.forwardRef(
       className: d(
         "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-600",
+        "placeholder:text-gray-400",
         "hover:shadow-field-hover",
         "active:shadow-field-active",
         "focus-visible:outline-none focus:shadow-field-active",

package/dist/index.es17.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es17.js","sources":["../src/Input/index.tsx"],"sourcesContent":["import * as React from 'react'\nimport { cn } from '../lib/utils'\n\nexport interface InputProps\n  extends React.InputHTMLAttributes<HTMLInputElement> {}\n\nconst Input = React.forwardRef<HTMLInputElement, InputProps>(\n  ({ className, type, ...props }, ref) => {\n    return (\n      <input\n        type={type}\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-600',\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        ref={ref}\n        {...props}\n      />\n    )\n  }\n)\nInput.displayName = 'Input'\n\nexport { Input }\n"],"names":["Input","React","className","type","props","ref","jsx","cn"],"mappings":";;;AAMA,MAAMA,IAAQC,EAAM;AAAA,EAClB,CAAC,EAAE,WAAAC,GAAW,MAAAC,GAAM,GAAGC,EAAA,GAASC,MAE5BC,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAAH;AAAA,MACA,WAAWI;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACAL;AAAA,MACF;AAAA,MACA,KAAAG;AAAA,MACC,GAAGD;AAAA,IAAA;AAAA,EAAA;AAIZ;AACAJ,EAAM,cAAc;"}
+{"version":3,"file":"index.es17.js","sources":["../src/Input/index.tsx"],"sourcesContent":["import * as React from 'react'\nimport { cn } from '../lib/utils'\n\nexport interface InputProps\n  extends React.InputHTMLAttributes<HTMLInputElement> {}\n\nconst Input = React.forwardRef<HTMLInputElement, InputProps>(\n  ({ className, type, ...props }, ref) => {\n    return (\n      <input\n        type={type}\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        ref={ref}\n        {...props}\n      />\n    )\n  }\n)\nInput.displayName = 'Input'\n\nexport { Input }\n"],"names":["Input","React","className","type","props","ref","jsx","cn"],"mappings":";;;AAMA,MAAMA,IAAQC,EAAM;AAAA,EAClB,CAAC,EAAE,WAAAC,GAAW,MAAAC,GAAM,GAAGC,EAAA,GAASC,MAE5BC,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAAH;AAAA,MACA,WAAWI;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACAL;AAAA,MACF;AAAA,MACA,KAAAG;AAAA,MACC,GAAGD;AAAA,IAAA;AAAA,EAAA;AAIZ;AACAJ,EAAM,cAAc;"}