@incognia/cosmik 1.0.9 → 1.0.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (66) hide show
  1. package/dist/Badge/index.d.ts +1 -2
  2. package/dist/Badge/index.d.ts.map +1 -1
  3. package/dist/Tabs/index.d.ts.map +1 -1
  4. package/dist/cosmik-theme.css +0 -5
  5. package/dist/cosmik.css +1 -1
  6. package/dist/index10.cjs +1 -1
  7. package/dist/index10.cjs.map +1 -1
  8. package/dist/index10.js +2 -2
  9. package/dist/index10.js.map +1 -1
  10. package/dist/index11.cjs +1 -1
  11. package/dist/index11.cjs.map +1 -1
  12. package/dist/index11.js +1 -1
  13. package/dist/index11.js.map +1 -1
  14. package/dist/index12.cjs +1 -1
  15. package/dist/index12.cjs.map +1 -1
  16. package/dist/index12.js +1 -1
  17. package/dist/index12.js.map +1 -1
  18. package/dist/index14.cjs +1 -1
  19. package/dist/index14.cjs.map +1 -1
  20. package/dist/index14.js +6 -6
  21. package/dist/index14.js.map +1 -1
  22. package/dist/index15.cjs +1 -1
  23. package/dist/index15.cjs.map +1 -1
  24. package/dist/index15.js +3 -3
  25. package/dist/index15.js.map +1 -1
  26. package/dist/index23.cjs +1 -1
  27. package/dist/index23.cjs.map +1 -1
  28. package/dist/index23.js +8 -8
  29. package/dist/index23.js.map +1 -1
  30. package/dist/index25.cjs +1 -1
  31. package/dist/index25.cjs.map +1 -1
  32. package/dist/index25.js +1 -1
  33. package/dist/index25.js.map +1 -1
  34. package/dist/index27.cjs +1 -1
  35. package/dist/index27.cjs.map +1 -1
  36. package/dist/index27.js +1 -1
  37. package/dist/index27.js.map +1 -1
  38. package/dist/index3.cjs +1 -1
  39. package/dist/index3.cjs.map +1 -1
  40. package/dist/index3.js +7 -7
  41. package/dist/index3.js.map +1 -1
  42. package/dist/index30.cjs +1 -1
  43. package/dist/index30.cjs.map +1 -1
  44. package/dist/index30.js +1 -0
  45. package/dist/index30.js.map +1 -1
  46. package/dist/index4.cjs +1 -1
  47. package/dist/index4.cjs.map +1 -1
  48. package/dist/index4.js +3 -3
  49. package/dist/index4.js.map +1 -1
  50. package/dist/index5.cjs +1 -1
  51. package/dist/index5.cjs.map +1 -1
  52. package/dist/index5.js +19 -26
  53. package/dist/index5.js.map +1 -1
  54. package/dist/index6.cjs +1 -1
  55. package/dist/index6.cjs.map +1 -1
  56. package/dist/index6.js +1 -1
  57. package/dist/index6.js.map +1 -1
  58. package/dist/index7.cjs +1 -1
  59. package/dist/index7.cjs.map +1 -1
  60. package/dist/index7.js +11 -11
  61. package/dist/index7.js.map +1 -1
  62. package/dist/index8.cjs +1 -1
  63. package/dist/index8.cjs.map +1 -1
  64. package/dist/index8.js +3 -3
  65. package/dist/index8.js.map +1 -1
  66. package/package.json +1 -1
package/dist/index6.cjs CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("./index37.cjs"),s=require("@radix-ui/react-slot"),g=require("./index38.cjs"),u=require("./index39.cjs"),t=g.cva("inline-flex items-center justify-center rounded text-base font-medium outline-none transition-opacity transition-colors disabled:pointer-events-none disabled:opacity-40",{variants:{variant:{filled:"",outline:"border",ghost:"",link:""},intent:{primary:"",secondary:"",warning:"",danger:"",filter:""},size:{md:"h-40 min-w-96 px-24",sm:"h-32 px-16",icon:"h-32 w-32","fit-content":""}},compoundVariants:[{variant:"filled",intent:"primary",className:"bg-purple-700 text-white fill-white hover:bg-purple-800 focus:bg-purple-800 data-[state=open]:bg-purple-800 active:bg-purple-900"},{variant:"filled",intent:"secondary",className:"bg-gray-900/8 text-gray-900 fill-gray-900 hover:bg-gray-900/12 focus:bg-gray-900/12 data-[state=open]: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 data-[state=open]: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 data-[state=open]: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 data-[state=open]:bg-purple-200 active:bg-purple-300"},{variant:"outline",intent:"primary",className:"text-purple-700 fill-purple-700 border-purple-700"},{variant:"outline",intent:"secondary",className:"text-gray-700 fill-gray-700 border-gray-900/24 hover:bg-gray-900/8 focus:bg-gray-900/8 data-[state=open]:bg-gray-900/8 active:bg-gray-900/12"},{variant:"outline",intent:"warning",className:"text-yellow-500 fill-yellow-500 border-yellow-500"},{variant:"outline",intent:"danger",className:"text-magenta-500 fill-magenta-500 border-magenta-500"},{variant:"outline",intent:"filter",className:"text-purple-600 fill-purple-600 border-purple-400"},{variant:["outline","ghost"],intent:"primary",className:"hover:bg-purple-50 focus:bg-purple-50 data-[state=open]:bg-purple-50 active:bg-purple-100"},{variant:["outline","ghost"],intent:"secondary",className:"hover:bg-gray-900/8 focus:bg-gray-900/8 data-[state=open]: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 data-[state=open]: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 data-[state=open]: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 data-[state=open]:bg-opacity-8 active:bg-opacity-12"},{variant:"ghost",intent:"primary",className:"text-purple-700 fill-purple-700 hover:text-purple-800 hover:fill-purple-800 focus:text-purple-800 focus:fill-purple-800 data-[state=open]:text-purple-800 data-[state=open]:fill-purple-800 active:text-purple-900 active:fill-purple-900"},{variant:"link",intent:"primary",className:"text-robinblue-500 fill-robinblue-500 hover:text-robinblue-600 hover:fill-robinblue-600 focus:text-robinblue-600 focus:fill-robinblue-600 data-[state=open]:text-robinblue-600 data-[state=open]: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 data-[state=open]:text-gray-800 data-[state=open]: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 data-[state=open]:text-yellow-600 data-[state=open]:fill-text-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 data-[state=open]:text-magenta-600 data-[state=open]:fill-text-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 data-[state=open]:text-purple-700 data-[state=open]:fill-text-purple-700 active:text-purple-800 active:fill-purple-800"}],defaultVariants:{variant:"filled",intent:"primary",size:"md"}});function c({className:e,variant:a,size:l,intent:i,asChild:n=!1,...r}){const o=n?s.Slot:"button";return p.jsxRuntimeExports.jsx(o,{"data-slot":"button",className:u.cn(t({variant:a,size:l,intent:i,className:e})),...r})}exports.Button=c;exports.buttonVariants=t;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("./index37.cjs"),s=require("@radix-ui/react-slot"),g=require("./index38.cjs"),u=require("./index39.cjs"),t=g.cva("inline-flex items-center justify-center rounded text-base font-semibold outline-none transition-opacity transition-colors disabled:pointer-events-none disabled:opacity-40",{variants:{variant:{filled:"",outline:"border",ghost:"",link:""},intent:{primary:"",secondary:"",warning:"",danger:"",filter:""},size:{md:"h-40 min-w-96 px-24",sm:"h-32 px-16",icon:"h-32 w-32","fit-content":""}},compoundVariants:[{variant:"filled",intent:"primary",className:"bg-purple-700 text-white fill-white hover:bg-purple-800 focus:bg-purple-800 data-[state=open]:bg-purple-800 active:bg-purple-900"},{variant:"filled",intent:"secondary",className:"bg-gray-900/8 text-gray-900 fill-gray-900 hover:bg-gray-900/12 focus:bg-gray-900/12 data-[state=open]: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 data-[state=open]: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 data-[state=open]: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 data-[state=open]:bg-purple-200 active:bg-purple-300"},{variant:"outline",intent:"primary",className:"text-purple-700 fill-purple-700 border-purple-700"},{variant:"outline",intent:"secondary",className:"text-gray-700 fill-gray-700 border-gray-900/24 hover:bg-gray-900/8 focus:bg-gray-900/8 data-[state=open]:bg-gray-900/8 active:bg-gray-900/12"},{variant:"outline",intent:"warning",className:"text-yellow-500 fill-yellow-500 border-yellow-500"},{variant:"outline",intent:"danger",className:"text-magenta-500 fill-magenta-500 border-magenta-500"},{variant:"outline",intent:"filter",className:"text-purple-600 fill-purple-600 border-purple-400"},{variant:["outline","ghost"],intent:"primary",className:"hover:bg-purple-50 focus:bg-purple-50 data-[state=open]:bg-purple-50 active:bg-purple-100"},{variant:["outline","ghost"],intent:"secondary",className:"hover:bg-gray-900/8 focus:bg-gray-900/8 data-[state=open]: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 data-[state=open]: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 data-[state=open]: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 data-[state=open]:bg-opacity-8 active:bg-opacity-12"},{variant:"ghost",intent:"primary",className:"text-purple-700 fill-purple-700 hover:text-purple-800 hover:fill-purple-800 focus:text-purple-800 focus:fill-purple-800 data-[state=open]:text-purple-800 data-[state=open]:fill-purple-800 active:text-purple-900 active:fill-purple-900"},{variant:"link",intent:"primary",className:"text-robinblue-500 fill-robinblue-500 hover:text-robinblue-600 hover:fill-robinblue-600 focus:text-robinblue-600 focus:fill-robinblue-600 data-[state=open]:text-robinblue-600 data-[state=open]: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 data-[state=open]:text-gray-800 data-[state=open]: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 data-[state=open]:text-yellow-600 data-[state=open]:fill-text-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 data-[state=open]:text-magenta-600 data-[state=open]:fill-text-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 data-[state=open]:text-purple-700 data-[state=open]:fill-text-purple-700 active:text-purple-800 active:fill-purple-800"}],defaultVariants:{variant:"filled",intent:"primary",size:"md"}});function c({className:e,variant:a,size:l,intent:i,asChild:n=!1,...r}){const o=n?s.Slot:"button";return p.jsxRuntimeExports.jsx(o,{"data-slot":"button",className:u.cn(t({variant:a,size:l,intent:i,className:e})),...r})}exports.Button=c;exports.buttonVariants=t;
2
2
  //# sourceMappingURL=index6.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"index6.cjs","sources":["../src/Button/index.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nconst buttonVariants = cva(\n 'inline-flex items-center justify-center rounded text-base font-medium outline-none transition-opacity transition-colors disabled:pointer-events-none disabled:opacity-40',\n {\n variants: {\n variant: {\n filled: '',\n outline: 'border',\n ghost: '',\n link: ''\n },\n intent: {\n primary: '',\n secondary: '',\n warning: '',\n danger: '',\n filter: ''\n },\n size: {\n md: 'h-40 min-w-96 px-24',\n sm: 'h-32 px-16',\n icon: 'h-32 w-32',\n 'fit-content': ''\n }\n },\n compoundVariants: [\n {\n variant: 'filled',\n intent: 'primary',\n className:\n 'bg-purple-700 text-white fill-white hover:bg-purple-800 focus:bg-purple-800 data-[state=open]:bg-purple-800 active:bg-purple-900'\n },\n {\n variant: 'filled',\n intent: 'secondary',\n className:\n 'bg-gray-900/8 text-gray-900 fill-gray-900 hover:bg-gray-900/12 focus:bg-gray-900/12 data-[state=open]: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 data-[state=open]: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 data-[state=open]: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 data-[state=open]:bg-purple-200 active:bg-purple-300'\n },\n {\n variant: 'outline',\n intent: 'primary',\n className: 'text-purple-700 fill-purple-700 border-purple-700'\n },\n {\n variant: 'outline',\n intent: 'secondary',\n className:\n 'text-gray-700 fill-gray-700 border-gray-900/24 hover:bg-gray-900/8 focus:bg-gray-900/8 data-[state=open]: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-purple-50 focus:bg-purple-50 data-[state=open]:bg-purple-50 active:bg-purple-100'\n },\n {\n variant: ['outline', 'ghost'],\n intent: 'secondary',\n className:\n 'hover:bg-gray-900/8 focus:bg-gray-900/8 data-[state=open]: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 data-[state=open]: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 data-[state=open]: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 data-[state=open]:bg-opacity-8 active:bg-opacity-12'\n },\n {\n variant: 'ghost',\n intent: 'primary',\n className:\n 'text-purple-700 fill-purple-700 hover:text-purple-800 hover:fill-purple-800 focus:text-purple-800 focus:fill-purple-800 data-[state=open]:text-purple-800 data-[state=open]:fill-purple-800 active:text-purple-900 active:fill-purple-900'\n },\n {\n variant: 'link',\n intent: 'primary',\n className:\n 'text-robinblue-500 fill-robinblue-500 hover:text-robinblue-600 hover:fill-robinblue-600 focus:text-robinblue-600 focus:fill-robinblue-600 data-[state=open]:text-robinblue-600 data-[state=open]: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 data-[state=open]:text-gray-800 data-[state=open]: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 data-[state=open]:text-yellow-600 data-[state=open]:fill-text-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 data-[state=open]:text-magenta-600 data-[state=open]:fill-text-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 data-[state=open]:text-purple-700 data-[state=open]:fill-text-purple-700 active:text-purple-800 active:fill-purple-800'\n }\n ],\n defaultVariants: {\n variant: 'filled',\n intent: 'primary',\n size: 'md'\n }\n }\n)\n\nexport type ButtonProps = React.ComponentProps<'button'> &\n VariantProps<typeof buttonVariants> & {\n asChild?: boolean\n }\n\nfunction Button({\n className,\n variant,\n size,\n intent,\n asChild = false,\n ...props\n}: ButtonProps) {\n const Comp = asChild ? Slot : 'button'\n\n return (\n <Comp\n data-slot=\"button\"\n className={cn(buttonVariants({ variant, size, intent, className }))}\n {...props}\n />\n )\n}\n\nexport { Button, buttonVariants }\n"],"names":["buttonVariants","cva","Button","className","variant","size","intent","asChild","props","Comp","Slot","jsx","cn"],"mappings":"yMAKMA,EAAiBC,EAAAA,IACrB,2KACA,CACE,SAAU,CACR,QAAS,CACP,OAAQ,GACR,QAAS,SACT,MAAO,GACP,KAAM,EAAA,EAER,OAAQ,CACN,QAAS,GACT,UAAW,GACX,QAAS,GACT,OAAQ,GACR,OAAQ,EAAA,EAEV,KAAM,CACJ,GAAI,sBACJ,GAAI,aACJ,KAAM,YACN,cAAe,EAAA,CACjB,EAEF,iBAAkB,CAChB,CACE,QAAS,SACT,OAAQ,UACR,UACE,kIAAA,EAEJ,CACE,QAAS,SACT,OAAQ,YACR,UACE,4IAAA,EAEJ,CACE,QAAS,SACT,OAAQ,UACR,UACE,kIAAA,EAEJ,CACE,QAAS,SACT,OAAQ,SACR,UACE,uIAAA,EAEJ,CACE,QAAS,SACT,OAAQ,SACR,UACE,4IAAA,EAEJ,CACE,QAAS,UACT,OAAQ,UACR,UAAW,mDAAA,EAEb,CACE,QAAS,UACT,OAAQ,YACR,UACE,8IAAA,EAEJ,CACE,QAAS,UACT,OAAQ,UACR,UAAW,mDAAA,EAEb,CACE,QAAS,UACT,OAAQ,SACR,UAAW,sDAAA,EAEb,CACE,QAAS,UACT,OAAQ,SACR,UAAW,mDAAA,EAEb,CACE,QAAS,CAAC,UAAW,OAAO,EAC5B,OAAQ,UACR,UACE,2FAAA,EAEJ,CACE,QAAS,CAAC,UAAW,OAAO,EAC5B,OAAQ,YACR,UACE,+FAAA,EAEJ,CACE,QAAS,CAAC,UAAW,OAAO,EAC5B,OAAQ,UACR,UACE,sHAAA,EAEJ,CACE,QAAS,CAAC,UAAW,OAAO,EAC5B,OAAQ,SACR,UACE,uHAAA,EAEJ,CACE,QAAS,CAAC,UAAW,OAAO,EAC5B,OAAQ,SACR,UACE,sHAAA,EAEJ,CACE,QAAS,QACT,OAAQ,UACR,UACE,2OAAA,EAEJ,CACE,QAAS,OACT,OAAQ,UACR,UACE,yQAAA,EAEJ,CACE,QAAS,CAAC,QAAS,MAAM,EACzB,OAAQ,YACR,UACE,wNAAA,EAEJ,CACE,QAAS,CAAC,QAAS,MAAM,EACzB,OAAQ,UACR,UACE,qPAAA,EAEJ,CACE,QAAS,CAAC,QAAS,MAAM,EACzB,OAAQ,SACR,UACE,+PAAA,EAEJ,CACE,QAAS,CAAC,QAAS,MAAM,EACzB,OAAQ,SACR,UACE,qPAAA,CACJ,EAEF,gBAAiB,CACf,QAAS,SACT,OAAQ,UACR,KAAM,IAAA,CACR,CAEJ,EAOA,SAASC,EAAO,CACd,UAAAC,EACA,QAAAC,EACA,KAAAC,EACA,OAAAC,EACA,QAAAC,EAAU,GACV,GAAGC,CACL,EAAgB,CACd,MAAMC,EAAOF,EAAUG,EAAAA,KAAO,SAE9B,OACEC,EAAAA,kBAAAA,IAACF,EAAA,CACC,YAAU,SACV,UAAWG,EAAAA,GAAGZ,EAAe,CAAE,QAAAI,EAAS,KAAAC,EAAM,OAAAC,EAAQ,UAAAH,CAAA,CAAW,CAAC,EACjE,GAAGK,CAAA,CAAA,CAGV"}
1
+ {"version":3,"file":"index6.cjs","sources":["../src/Button/index.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nconst buttonVariants = cva(\n 'inline-flex items-center justify-center rounded text-base font-semibold outline-none transition-opacity transition-colors disabled:pointer-events-none disabled:opacity-40',\n {\n variants: {\n variant: {\n filled: '',\n outline: 'border',\n ghost: '',\n link: ''\n },\n intent: {\n primary: '',\n secondary: '',\n warning: '',\n danger: '',\n filter: ''\n },\n size: {\n md: 'h-40 min-w-96 px-24',\n sm: 'h-32 px-16',\n icon: 'h-32 w-32',\n 'fit-content': ''\n }\n },\n compoundVariants: [\n {\n variant: 'filled',\n intent: 'primary',\n className:\n 'bg-purple-700 text-white fill-white hover:bg-purple-800 focus:bg-purple-800 data-[state=open]:bg-purple-800 active:bg-purple-900'\n },\n {\n variant: 'filled',\n intent: 'secondary',\n className:\n 'bg-gray-900/8 text-gray-900 fill-gray-900 hover:bg-gray-900/12 focus:bg-gray-900/12 data-[state=open]: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 data-[state=open]: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 data-[state=open]: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 data-[state=open]:bg-purple-200 active:bg-purple-300'\n },\n {\n variant: 'outline',\n intent: 'primary',\n className: 'text-purple-700 fill-purple-700 border-purple-700'\n },\n {\n variant: 'outline',\n intent: 'secondary',\n className:\n 'text-gray-700 fill-gray-700 border-gray-900/24 hover:bg-gray-900/8 focus:bg-gray-900/8 data-[state=open]: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-purple-50 focus:bg-purple-50 data-[state=open]:bg-purple-50 active:bg-purple-100'\n },\n {\n variant: ['outline', 'ghost'],\n intent: 'secondary',\n className:\n 'hover:bg-gray-900/8 focus:bg-gray-900/8 data-[state=open]: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 data-[state=open]: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 data-[state=open]: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 data-[state=open]:bg-opacity-8 active:bg-opacity-12'\n },\n {\n variant: 'ghost',\n intent: 'primary',\n className:\n 'text-purple-700 fill-purple-700 hover:text-purple-800 hover:fill-purple-800 focus:text-purple-800 focus:fill-purple-800 data-[state=open]:text-purple-800 data-[state=open]:fill-purple-800 active:text-purple-900 active:fill-purple-900'\n },\n {\n variant: 'link',\n intent: 'primary',\n className:\n 'text-robinblue-500 fill-robinblue-500 hover:text-robinblue-600 hover:fill-robinblue-600 focus:text-robinblue-600 focus:fill-robinblue-600 data-[state=open]:text-robinblue-600 data-[state=open]: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 data-[state=open]:text-gray-800 data-[state=open]: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 data-[state=open]:text-yellow-600 data-[state=open]:fill-text-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 data-[state=open]:text-magenta-600 data-[state=open]:fill-text-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 data-[state=open]:text-purple-700 data-[state=open]:fill-text-purple-700 active:text-purple-800 active:fill-purple-800'\n }\n ],\n defaultVariants: {\n variant: 'filled',\n intent: 'primary',\n size: 'md'\n }\n }\n)\n\nexport type ButtonProps = React.ComponentProps<'button'> &\n VariantProps<typeof buttonVariants> & {\n asChild?: boolean\n }\n\nfunction Button({\n className,\n variant,\n size,\n intent,\n asChild = false,\n ...props\n}: ButtonProps) {\n const Comp = asChild ? Slot : 'button'\n\n return (\n <Comp\n data-slot=\"button\"\n className={cn(buttonVariants({ variant, size, intent, className }))}\n {...props}\n />\n )\n}\n\nexport { Button, buttonVariants }\n"],"names":["buttonVariants","cva","Button","className","variant","size","intent","asChild","props","Comp","Slot","jsx","cn"],"mappings":"yMAKMA,EAAiBC,EAAAA,IACrB,6KACA,CACE,SAAU,CACR,QAAS,CACP,OAAQ,GACR,QAAS,SACT,MAAO,GACP,KAAM,EAAA,EAER,OAAQ,CACN,QAAS,GACT,UAAW,GACX,QAAS,GACT,OAAQ,GACR,OAAQ,EAAA,EAEV,KAAM,CACJ,GAAI,sBACJ,GAAI,aACJ,KAAM,YACN,cAAe,EAAA,CACjB,EAEF,iBAAkB,CAChB,CACE,QAAS,SACT,OAAQ,UACR,UACE,kIAAA,EAEJ,CACE,QAAS,SACT,OAAQ,YACR,UACE,4IAAA,EAEJ,CACE,QAAS,SACT,OAAQ,UACR,UACE,kIAAA,EAEJ,CACE,QAAS,SACT,OAAQ,SACR,UACE,uIAAA,EAEJ,CACE,QAAS,SACT,OAAQ,SACR,UACE,4IAAA,EAEJ,CACE,QAAS,UACT,OAAQ,UACR,UAAW,mDAAA,EAEb,CACE,QAAS,UACT,OAAQ,YACR,UACE,8IAAA,EAEJ,CACE,QAAS,UACT,OAAQ,UACR,UAAW,mDAAA,EAEb,CACE,QAAS,UACT,OAAQ,SACR,UAAW,sDAAA,EAEb,CACE,QAAS,UACT,OAAQ,SACR,UAAW,mDAAA,EAEb,CACE,QAAS,CAAC,UAAW,OAAO,EAC5B,OAAQ,UACR,UACE,2FAAA,EAEJ,CACE,QAAS,CAAC,UAAW,OAAO,EAC5B,OAAQ,YACR,UACE,+FAAA,EAEJ,CACE,QAAS,CAAC,UAAW,OAAO,EAC5B,OAAQ,UACR,UACE,sHAAA,EAEJ,CACE,QAAS,CAAC,UAAW,OAAO,EAC5B,OAAQ,SACR,UACE,uHAAA,EAEJ,CACE,QAAS,CAAC,UAAW,OAAO,EAC5B,OAAQ,SACR,UACE,sHAAA,EAEJ,CACE,QAAS,QACT,OAAQ,UACR,UACE,2OAAA,EAEJ,CACE,QAAS,OACT,OAAQ,UACR,UACE,yQAAA,EAEJ,CACE,QAAS,CAAC,QAAS,MAAM,EACzB,OAAQ,YACR,UACE,wNAAA,EAEJ,CACE,QAAS,CAAC,QAAS,MAAM,EACzB,OAAQ,UACR,UACE,qPAAA,EAEJ,CACE,QAAS,CAAC,QAAS,MAAM,EACzB,OAAQ,SACR,UACE,+PAAA,EAEJ,CACE,QAAS,CAAC,QAAS,MAAM,EACzB,OAAQ,SACR,UACE,qPAAA,CACJ,EAEF,gBAAiB,CACf,QAAS,SACT,OAAQ,UACR,KAAM,IAAA,CACR,CAEJ,EAOA,SAASC,EAAO,CACd,UAAAC,EACA,QAAAC,EACA,KAAAC,EACA,OAAAC,EACA,QAAAC,EAAU,GACV,GAAGC,CACL,EAAgB,CACd,MAAMC,EAAOF,EAAUG,EAAAA,KAAO,SAE9B,OACEC,EAAAA,kBAAAA,IAACF,EAAA,CACC,YAAU,SACV,UAAWG,EAAAA,GAAGZ,EAAe,CAAE,QAAAI,EAAS,KAAAC,EAAM,OAAAC,EAAQ,UAAAH,CAAA,CAAW,CAAC,EACjE,GAAGK,CAAA,CAAA,CAGV"}
package/dist/index6.js CHANGED
@@ -3,7 +3,7 @@ import { Slot as p } from "@radix-ui/react-slot";
3
3
  import { cva as s } from "./index38.js";
4
4
  import { cn as g } from "./index39.js";
5
5
  const c = s(
6
- "inline-flex items-center justify-center rounded text-base font-medium outline-none transition-opacity transition-colors disabled:pointer-events-none disabled:opacity-40",
6
+ "inline-flex items-center justify-center rounded text-base font-semibold outline-none transition-opacity transition-colors disabled:pointer-events-none disabled:opacity-40",
7
7
  {
8
8
  variants: {
9
9
  variant: {
@@ -1 +1 @@
1
- {"version":3,"file":"index6.js","sources":["../src/Button/index.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nconst buttonVariants = cva(\n 'inline-flex items-center justify-center rounded text-base font-medium outline-none transition-opacity transition-colors disabled:pointer-events-none disabled:opacity-40',\n {\n variants: {\n variant: {\n filled: '',\n outline: 'border',\n ghost: '',\n link: ''\n },\n intent: {\n primary: '',\n secondary: '',\n warning: '',\n danger: '',\n filter: ''\n },\n size: {\n md: 'h-40 min-w-96 px-24',\n sm: 'h-32 px-16',\n icon: 'h-32 w-32',\n 'fit-content': ''\n }\n },\n compoundVariants: [\n {\n variant: 'filled',\n intent: 'primary',\n className:\n 'bg-purple-700 text-white fill-white hover:bg-purple-800 focus:bg-purple-800 data-[state=open]:bg-purple-800 active:bg-purple-900'\n },\n {\n variant: 'filled',\n intent: 'secondary',\n className:\n 'bg-gray-900/8 text-gray-900 fill-gray-900 hover:bg-gray-900/12 focus:bg-gray-900/12 data-[state=open]: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 data-[state=open]: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 data-[state=open]: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 data-[state=open]:bg-purple-200 active:bg-purple-300'\n },\n {\n variant: 'outline',\n intent: 'primary',\n className: 'text-purple-700 fill-purple-700 border-purple-700'\n },\n {\n variant: 'outline',\n intent: 'secondary',\n className:\n 'text-gray-700 fill-gray-700 border-gray-900/24 hover:bg-gray-900/8 focus:bg-gray-900/8 data-[state=open]: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-purple-50 focus:bg-purple-50 data-[state=open]:bg-purple-50 active:bg-purple-100'\n },\n {\n variant: ['outline', 'ghost'],\n intent: 'secondary',\n className:\n 'hover:bg-gray-900/8 focus:bg-gray-900/8 data-[state=open]: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 data-[state=open]: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 data-[state=open]: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 data-[state=open]:bg-opacity-8 active:bg-opacity-12'\n },\n {\n variant: 'ghost',\n intent: 'primary',\n className:\n 'text-purple-700 fill-purple-700 hover:text-purple-800 hover:fill-purple-800 focus:text-purple-800 focus:fill-purple-800 data-[state=open]:text-purple-800 data-[state=open]:fill-purple-800 active:text-purple-900 active:fill-purple-900'\n },\n {\n variant: 'link',\n intent: 'primary',\n className:\n 'text-robinblue-500 fill-robinblue-500 hover:text-robinblue-600 hover:fill-robinblue-600 focus:text-robinblue-600 focus:fill-robinblue-600 data-[state=open]:text-robinblue-600 data-[state=open]: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 data-[state=open]:text-gray-800 data-[state=open]: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 data-[state=open]:text-yellow-600 data-[state=open]:fill-text-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 data-[state=open]:text-magenta-600 data-[state=open]:fill-text-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 data-[state=open]:text-purple-700 data-[state=open]:fill-text-purple-700 active:text-purple-800 active:fill-purple-800'\n }\n ],\n defaultVariants: {\n variant: 'filled',\n intent: 'primary',\n size: 'md'\n }\n }\n)\n\nexport type ButtonProps = React.ComponentProps<'button'> &\n VariantProps<typeof buttonVariants> & {\n asChild?: boolean\n }\n\nfunction Button({\n className,\n variant,\n size,\n intent,\n asChild = false,\n ...props\n}: ButtonProps) {\n const Comp = asChild ? Slot : 'button'\n\n return (\n <Comp\n data-slot=\"button\"\n className={cn(buttonVariants({ variant, size, intent, className }))}\n {...props}\n />\n )\n}\n\nexport { Button, buttonVariants }\n"],"names":["buttonVariants","cva","Button","className","variant","size","intent","asChild","props","Comp","Slot","jsx","cn"],"mappings":"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"}
1
+ {"version":3,"file":"index6.js","sources":["../src/Button/index.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nconst buttonVariants = cva(\n 'inline-flex items-center justify-center rounded text-base font-semibold outline-none transition-opacity transition-colors disabled:pointer-events-none disabled:opacity-40',\n {\n variants: {\n variant: {\n filled: '',\n outline: 'border',\n ghost: '',\n link: ''\n },\n intent: {\n primary: '',\n secondary: '',\n warning: '',\n danger: '',\n filter: ''\n },\n size: {\n md: 'h-40 min-w-96 px-24',\n sm: 'h-32 px-16',\n icon: 'h-32 w-32',\n 'fit-content': ''\n }\n },\n compoundVariants: [\n {\n variant: 'filled',\n intent: 'primary',\n className:\n 'bg-purple-700 text-white fill-white hover:bg-purple-800 focus:bg-purple-800 data-[state=open]:bg-purple-800 active:bg-purple-900'\n },\n {\n variant: 'filled',\n intent: 'secondary',\n className:\n 'bg-gray-900/8 text-gray-900 fill-gray-900 hover:bg-gray-900/12 focus:bg-gray-900/12 data-[state=open]: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 data-[state=open]: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 data-[state=open]: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 data-[state=open]:bg-purple-200 active:bg-purple-300'\n },\n {\n variant: 'outline',\n intent: 'primary',\n className: 'text-purple-700 fill-purple-700 border-purple-700'\n },\n {\n variant: 'outline',\n intent: 'secondary',\n className:\n 'text-gray-700 fill-gray-700 border-gray-900/24 hover:bg-gray-900/8 focus:bg-gray-900/8 data-[state=open]: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-purple-50 focus:bg-purple-50 data-[state=open]:bg-purple-50 active:bg-purple-100'\n },\n {\n variant: ['outline', 'ghost'],\n intent: 'secondary',\n className:\n 'hover:bg-gray-900/8 focus:bg-gray-900/8 data-[state=open]: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 data-[state=open]: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 data-[state=open]: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 data-[state=open]:bg-opacity-8 active:bg-opacity-12'\n },\n {\n variant: 'ghost',\n intent: 'primary',\n className:\n 'text-purple-700 fill-purple-700 hover:text-purple-800 hover:fill-purple-800 focus:text-purple-800 focus:fill-purple-800 data-[state=open]:text-purple-800 data-[state=open]:fill-purple-800 active:text-purple-900 active:fill-purple-900'\n },\n {\n variant: 'link',\n intent: 'primary',\n className:\n 'text-robinblue-500 fill-robinblue-500 hover:text-robinblue-600 hover:fill-robinblue-600 focus:text-robinblue-600 focus:fill-robinblue-600 data-[state=open]:text-robinblue-600 data-[state=open]: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 data-[state=open]:text-gray-800 data-[state=open]: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 data-[state=open]:text-yellow-600 data-[state=open]:fill-text-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 data-[state=open]:text-magenta-600 data-[state=open]:fill-text-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 data-[state=open]:text-purple-700 data-[state=open]:fill-text-purple-700 active:text-purple-800 active:fill-purple-800'\n }\n ],\n defaultVariants: {\n variant: 'filled',\n intent: 'primary',\n size: 'md'\n }\n }\n)\n\nexport type ButtonProps = React.ComponentProps<'button'> &\n VariantProps<typeof buttonVariants> & {\n asChild?: boolean\n }\n\nfunction Button({\n className,\n variant,\n size,\n intent,\n asChild = false,\n ...props\n}: ButtonProps) {\n const Comp = asChild ? Slot : 'button'\n\n return (\n <Comp\n data-slot=\"button\"\n className={cn(buttonVariants({ variant, size, intent, className }))}\n {...props}\n />\n )\n}\n\nexport { Button, buttonVariants }\n"],"names":["buttonVariants","cva","Button","className","variant","size","intent","asChild","props","Comp","Slot","jsx","cn"],"mappings":"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"}
package/dist/index7.cjs CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index37.cjs"),g=require("lucide-react"),w=require("react"),p=require("react-day-picker"),x=require("./index6.cjs"),e=require("./index39.cjs");function h(a){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const n in a)if(n!=="default"){const l=Object.getOwnPropertyDescriptor(a,n);Object.defineProperty(o,n,l.get?l:{enumerable:!0,get:()=>a[n]})}}return o.default=a,Object.freeze(o)}const f=h(w);function y({className:a,classNames:o,showOutsideDays:n=!0,captionLayout:l="label",formatters:i,components:u,...b}){const t=p.getDefaultClassNames();return s.jsxRuntimeExports.jsx(p.DayPicker,{showOutsideDays:n,className:e.cn("bg-white group/calendar p-12 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent",String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,a),captionLayout:l,formatters:{formatMonthDropdown:r=>r.toLocaleString("default",{month:"short"}),...i},classNames:{root:e.cn("w-fit",t.root),months:e.cn("flex gap-16 flex-col md:flex-row relative",t.months),month:e.cn("flex flex-col w-full gap-16",t.month),nav:e.cn("flex items-center gap-4 w-full absolute top-0 inset-x-0 justify-between",t.nav),button_previous:e.cn(x.buttonVariants({variant:"ghost",intent:"secondary",size:"icon"}),"size-(--cell-size) aria-disabled:opacity-48 p-0 select-none",t.button_previous),button_next:e.cn(x.buttonVariants({variant:"ghost",intent:"secondary",size:"icon"}),"size-(--cell-size) aria-disabled:opacity-48 p-0 select-none",t.button_next),month_caption:e.cn("text-base flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)",t.month_caption),dropdowns:e.cn("w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-[6px]",t.dropdowns),dropdown_root:e.cn("relative has-focus:border-ring border border-gray-900/48 shadow has-focus:ring-ring/50 has-focus:ring-[3px] rounded",t.dropdown_root),dropdown:e.cn("absolute bg-gray-900/48 inset-0 opacity-0",t.dropdown),caption_label:e.cn("select-none",l==="label"?"text-lg":"rounded pl-8 pr-4 flex items-center gap-4 text-sm h-32 [&>svg]:text-gray-900 [&>]:size-[14px]",t.caption_label),table:"w-full border-collapse",weekdays:e.cn("flex",t.weekdays),weekday:e.cn("text-gray-700 bg-gray-900/4 rounded flex-1 font-normal text-[0.8rem] select-none",t.weekday),week:e.cn("flex w-full mt-8",t.week),week_number_header:e.cn("select-none w-(--cell-size)",t.week_number_header),week_number:e.cn("text-[0.8rem] select-none text-gray-900",t.week_number),day:e.cn("relative w-full h-full p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l [&:last-child[data-selected=true]_button]:rounded-r group/day aspect-square select-none",t.day),range_start:e.cn("rounded-l bg-purple-800 text-white",t.range_start),range_middle:e.cn("rounded-none",t.range_middle),range_end:e.cn("rounded-r bg-purple-800 text-white",t.range_end),today:e.cn("shadow-100 rounded aria-selected:shadow-none",t.today),outside:e.cn("text-gray-900 aria-selected:text-gray-900",t.outside),disabled:e.cn("text-gray-900 opacity-48",t.disabled),hidden:e.cn("invisible",t.hidden),...o},components:{Root:({className:r,rootRef:d,...c})=>s.jsxRuntimeExports.jsx("div",{"data-slot":"calendar",ref:d,className:e.cn(r),...c}),Chevron:({className:r,orientation:d,...c})=>d==="left"?s.jsxRuntimeExports.jsx(g.ChevronLeftIcon,{className:e.cn("size-16",r),...c}):d==="right"?s.jsxRuntimeExports.jsx(g.ChevronRightIcon,{className:e.cn("size-16",r),...c}):s.jsxRuntimeExports.jsx(g.ChevronDownIcon,{className:e.cn("size-16",r),...c}),DayButton:m,WeekNumber:({children:r,...d})=>s.jsxRuntimeExports.jsx("td",{...d,children:s.jsxRuntimeExports.jsx("div",{className:"flex size-(--cell-size) items-center justify-center text-center",children:r})}),...u},...b})}function m({className:a,day:o,modifiers:n,...l}){const i=p.getDefaultClassNames(),u=f.useRef(null);return f.useEffect(()=>{n.focused&&u.current?.focus()},[n.focused]),s.jsxRuntimeExports.jsx(x.Button,{ref:u,variant:"ghost",size:"icon","data-day":o.date.toLocaleDateString(),"data-selected-single":n.selected&&!n.range_start&&!n.range_end&&!n.range_middle,"data-range-start":n.range_start,"data-range-end":n.range_end,"data-range-middle":n.range_middle,className:e.cn("data-[selected-single=true]:bg-purple-900 data-[selected-single=true]:text-white","data-[range-middle=true]:bg-purple-700 data-[range-middle=true]:text-white","data-[range-start=true]:bg-purple-800 data-[range-start=true]:text-white","data-[range-end=true]:bg-purple-800 data-[range-end=true]:text-white","flex outline aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-4 leading-none font-normal group-data-[focused=true]/day:relative","group-data-[focused=true]/day:z-10","[&>span]:text-xs [&>span]:opacity-64","rounded-none","data-[selected-single=true]:rounded","data-[range-middle=true]:rounded-none","data-[range-start=true]:rounded-l","data-[range-end=true]:rounded-r",i.day,a),...l})}exports.Calendar=y;exports.CalendarDayButton=m;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index37.cjs"),g=require("lucide-react"),w=require("react"),p=require("react-day-picker"),x=require("./index6.cjs"),e=require("./index39.cjs");function h(a){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const n in a)if(n!=="default"){const l=Object.getOwnPropertyDescriptor(a,n);Object.defineProperty(o,n,l.get?l:{enumerable:!0,get:()=>a[n]})}}return o.default=a,Object.freeze(o)}const f=h(w);function y({className:a,classNames:o,showOutsideDays:n=!0,captionLayout:l="label",formatters:i,components:u,...b}){const t=p.getDefaultClassNames();return s.jsxRuntimeExports.jsx(p.DayPicker,{showOutsideDays:n,className:e.cn("bg-white group/calendar p-12 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent",String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,a),captionLayout:l,formatters:{formatMonthDropdown:r=>r.toLocaleString("default",{month:"short"}),...i},classNames:{root:e.cn("w-fit",t.root),months:e.cn("flex gap-16 flex-col md:flex-row relative",t.months),month:e.cn("flex flex-col w-full gap-16",t.month),nav:e.cn("flex items-center gap-4 w-full absolute top-0 inset-x-0 justify-between",t.nav),button_previous:e.cn(x.buttonVariants({variant:"ghost",intent:"secondary",size:"icon"}),"size-(--cell-size) aria-disabled:opacity-48 p-0 select-none",t.button_previous),button_next:e.cn(x.buttonVariants({variant:"ghost",intent:"secondary",size:"icon"}),"size-(--cell-size) aria-disabled:opacity-48 p-0 select-none",t.button_next),month_caption:e.cn("text-base flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)",t.month_caption),dropdowns:e.cn("w-full flex items-center text-sm font-semibold justify-center h-(--cell-size) gap-[6px]",t.dropdowns),dropdown_root:e.cn("relative has-focus:border-ring border border-gray-900/48 shadow has-focus:ring-ring/50 has-focus:ring-[3px] rounded",t.dropdown_root),dropdown:e.cn("absolute bg-gray-900/48 inset-0 opacity-0",t.dropdown),caption_label:e.cn("select-none",l==="label"?"text-lg":"rounded pl-8 pr-4 flex items-center gap-4 text-sm h-32 [&>svg]:text-gray-900 [&>]:size-[14px]",t.caption_label),table:"w-full border-collapse",weekdays:e.cn("flex",t.weekdays),weekday:e.cn("text-gray-700 bg-gray-900/4 rounded flex-1 font-normal text-[0.8rem] select-none",t.weekday),week:e.cn("flex w-full mt-8",t.week),week_number_header:e.cn("select-none w-(--cell-size)",t.week_number_header),week_number:e.cn("text-[0.8rem] select-none text-gray-900",t.week_number),day:e.cn("relative w-full h-full p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l [&:last-child[data-selected=true]_button]:rounded-r group/day aspect-square select-none",t.day),range_start:e.cn("rounded-l bg-purple-800 text-white",t.range_start),range_middle:e.cn("rounded-none",t.range_middle),range_end:e.cn("rounded-r bg-purple-800 text-white",t.range_end),today:e.cn("shadow-100 rounded aria-selected:shadow-none",t.today),outside:e.cn("text-gray-900 aria-selected:text-gray-900",t.outside),disabled:e.cn("text-gray-900 opacity-48",t.disabled),hidden:e.cn("invisible",t.hidden),...o},components:{Root:({className:r,rootRef:d,...c})=>s.jsxRuntimeExports.jsx("div",{"data-slot":"calendar",ref:d,className:e.cn(r),...c}),Chevron:({className:r,orientation:d,...c})=>d==="left"?s.jsxRuntimeExports.jsx(g.ChevronLeftIcon,{className:e.cn("size-16",r),...c}):d==="right"?s.jsxRuntimeExports.jsx(g.ChevronRightIcon,{className:e.cn("size-16",r),...c}):s.jsxRuntimeExports.jsx(g.ChevronDownIcon,{className:e.cn("size-16",r),...c}),DayButton:m,WeekNumber:({children:r,...d})=>s.jsxRuntimeExports.jsx("td",{...d,children:s.jsxRuntimeExports.jsx("div",{className:"flex size-(--cell-size) items-center justify-center text-center",children:r})}),...u},...b})}function m({className:a,day:o,modifiers:n,...l}){const i=p.getDefaultClassNames(),u=f.useRef(null);return f.useEffect(()=>{n.focused&&u.current?.focus()},[n.focused]),s.jsxRuntimeExports.jsx(x.Button,{ref:u,variant:"ghost",size:"icon","data-day":o.date.toLocaleDateString(),"data-selected-single":n.selected&&!n.range_start&&!n.range_end&&!n.range_middle,"data-range-start":n.range_start,"data-range-end":n.range_end,"data-range-middle":n.range_middle,className:e.cn("data-[selected-single=true]:bg-purple-900 data-[selected-single=true]:text-white","data-[range-middle=true]:bg-purple-700 data-[range-middle=true]:text-white","data-[range-start=true]:bg-purple-800 data-[range-start=true]:text-white","data-[range-end=true]:bg-purple-800 data-[range-end=true]:text-white","flex outline aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-4 leading-none font-normal group-data-[focused=true]/day:relative","group-data-[focused=true]/day:z-10","[&>span]:text-xs [&>span]:opacity-64","rounded-none","data-[selected-single=true]:rounded","data-[range-middle=true]:rounded-none","data-[range-start=true]:rounded-l","data-[range-end=true]:rounded-r",i.day,a),...l})}exports.Calendar=y;exports.CalendarDayButton=m;
2
2
  //# sourceMappingURL=index7.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"index7.cjs","sources":["../src/Calendar/index.tsx"],"sourcesContent":["'use client'\n\nimport {\n ChevronDownIcon,\n ChevronLeftIcon,\n ChevronRightIcon\n} from 'lucide-react'\nimport * as React from 'react'\nimport { DayButton, DayPicker, getDefaultClassNames } from 'react-day-picker'\nimport { Button, buttonVariants } from '../Button'\nimport { cn } from '../lib/utils'\n\nfunction Calendar({\n className,\n classNames,\n showOutsideDays = true,\n captionLayout = 'label',\n formatters,\n components,\n ...props\n}: React.ComponentProps<typeof DayPicker>) {\n const defaultClassNames = getDefaultClassNames()\n\n return (\n <DayPicker\n showOutsideDays={showOutsideDays}\n className={cn(\n 'bg-white group/calendar p-12 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent',\n String.raw`rtl:**:[.rdp-button\\_next>svg]:rotate-180`,\n String.raw`rtl:**:[.rdp-button\\_previous>svg]:rotate-180`,\n className\n )}\n captionLayout={captionLayout}\n formatters={{\n formatMonthDropdown: date =>\n date.toLocaleString('default', { month: 'short' }),\n ...formatters\n }}\n classNames={{\n root: cn('w-fit', defaultClassNames.root),\n months: cn(\n 'flex gap-16 flex-col md:flex-row relative',\n defaultClassNames.months\n ),\n month: cn('flex flex-col w-full gap-16', defaultClassNames.month),\n nav: cn(\n 'flex items-center gap-4 w-full absolute top-0 inset-x-0 justify-between',\n defaultClassNames.nav\n ),\n button_previous: cn(\n buttonVariants({\n variant: 'ghost',\n intent: 'secondary',\n size: 'icon'\n }),\n 'size-(--cell-size) aria-disabled:opacity-48 p-0 select-none',\n defaultClassNames.button_previous\n ),\n button_next: cn(\n buttonVariants({\n variant: 'ghost',\n intent: 'secondary',\n size: 'icon'\n }),\n 'size-(--cell-size) aria-disabled:opacity-48 p-0 select-none',\n defaultClassNames.button_next\n ),\n month_caption: cn(\n 'text-base flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)',\n defaultClassNames.month_caption\n ),\n dropdowns: cn(\n 'w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-[6px]',\n defaultClassNames.dropdowns\n ),\n dropdown_root: cn(\n 'relative has-focus:border-ring border border-gray-900/48 shadow has-focus:ring-ring/50 has-focus:ring-[3px] rounded',\n defaultClassNames.dropdown_root\n ),\n dropdown: cn(\n 'absolute bg-gray-900/48 inset-0 opacity-0',\n defaultClassNames.dropdown\n ),\n caption_label: cn(\n 'select-none',\n captionLayout === 'label'\n ? 'text-lg'\n : 'rounded pl-8 pr-4 flex items-center gap-4 text-sm h-32 [&>svg]:text-gray-900 [&>]:size-[14px]',\n defaultClassNames.caption_label\n ),\n table: 'w-full border-collapse',\n weekdays: cn('flex', defaultClassNames.weekdays),\n weekday: cn(\n 'text-gray-700 bg-gray-900/4 rounded flex-1 font-normal text-[0.8rem] select-none',\n defaultClassNames.weekday\n ),\n week: cn('flex w-full mt-8', defaultClassNames.week),\n week_number_header: cn(\n 'select-none w-(--cell-size)',\n defaultClassNames.week_number_header\n ),\n week_number: cn(\n 'text-[0.8rem] select-none text-gray-900',\n defaultClassNames.week_number\n ),\n day: cn(\n 'relative w-full h-full p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l [&:last-child[data-selected=true]_button]:rounded-r group/day aspect-square select-none',\n defaultClassNames.day\n ),\n range_start: cn(\n 'rounded-l bg-purple-800 text-white',\n defaultClassNames.range_start\n ),\n range_middle: cn('rounded-none', defaultClassNames.range_middle),\n range_end: cn(\n 'rounded-r bg-purple-800 text-white',\n defaultClassNames.range_end\n ),\n today: cn(\n 'shadow-100 rounded aria-selected:shadow-none',\n defaultClassNames.today\n ),\n outside: cn(\n 'text-gray-900 aria-selected:text-gray-900',\n defaultClassNames.outside\n ),\n disabled: cn('text-gray-900 opacity-48', defaultClassNames.disabled),\n hidden: cn('invisible', defaultClassNames.hidden),\n ...classNames\n }}\n components={{\n Root: ({ className, rootRef, ...props }) => {\n return (\n <div\n data-slot=\"calendar\"\n ref={rootRef}\n className={cn(className)}\n {...props}\n />\n )\n },\n Chevron: ({ className, orientation, ...props }) => {\n if (orientation === 'left') {\n return (\n <ChevronLeftIcon\n className={cn('size-16', className)}\n {...props}\n />\n )\n }\n\n if (orientation === 'right') {\n return (\n <ChevronRightIcon\n className={cn('size-16', className)}\n {...props}\n />\n )\n }\n\n return (\n <ChevronDownIcon className={cn('size-16', className)} {...props} />\n )\n },\n DayButton: CalendarDayButton,\n WeekNumber: ({ children, ...props }) => {\n return (\n <td {...props}>\n <div className=\"flex size-(--cell-size) items-center justify-center text-center\">\n {children}\n </div>\n </td>\n )\n },\n ...components\n }}\n {...props}\n />\n )\n}\n\nfunction CalendarDayButton({\n className,\n day,\n modifiers,\n ...props\n}: React.ComponentProps<typeof DayButton>) {\n const defaultClassNames = getDefaultClassNames()\n\n const ref = React.useRef<HTMLButtonElement>(null)\n React.useEffect(() => {\n if (modifiers.focused) ref.current?.focus()\n }, [modifiers.focused])\n\n return (\n <Button\n ref={ref}\n variant=\"ghost\"\n size=\"icon\"\n data-day={day.date.toLocaleDateString()}\n data-selected-single={\n modifiers.selected &&\n !modifiers.range_start &&\n !modifiers.range_end &&\n !modifiers.range_middle\n }\n data-range-start={modifiers.range_start}\n data-range-end={modifiers.range_end}\n data-range-middle={modifiers.range_middle}\n className={cn(\n 'data-[selected-single=true]:bg-purple-900 data-[selected-single=true]:text-white',\n 'data-[range-middle=true]:bg-purple-700 data-[range-middle=true]:text-white',\n 'data-[range-start=true]:bg-purple-800 data-[range-start=true]:text-white',\n 'data-[range-end=true]:bg-purple-800 data-[range-end=true]:text-white',\n 'flex outline aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-4 leading-none font-normal group-data-[focused=true]/day:relative',\n 'group-data-[focused=true]/day:z-10',\n '[&>span]:text-xs [&>span]:opacity-64',\n 'rounded-none',\n 'data-[selected-single=true]:rounded', // single-date selection\n 'data-[range-middle=true]:rounded-none',\n 'data-[range-start=true]:rounded-l',\n 'data-[range-end=true]:rounded-r',\n defaultClassNames.day,\n className\n )}\n {...props}\n />\n )\n}\n\nexport { Calendar, CalendarDayButton }\n"],"names":["Calendar","className","classNames","showOutsideDays","captionLayout","formatters","components","props","defaultClassNames","getDefaultClassNames","jsx","DayPicker","cn","date","buttonVariants","rootRef","orientation","ChevronLeftIcon","ChevronRightIcon","ChevronDownIcon","CalendarDayButton","children","day","modifiers","ref","React","Button"],"mappings":"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"}
1
+ {"version":3,"file":"index7.cjs","sources":["../src/Calendar/index.tsx"],"sourcesContent":["'use client'\n\nimport {\n ChevronDownIcon,\n ChevronLeftIcon,\n ChevronRightIcon\n} from 'lucide-react'\nimport * as React from 'react'\nimport { DayButton, DayPicker, getDefaultClassNames } from 'react-day-picker'\nimport { Button, buttonVariants } from '../Button'\nimport { cn } from '../lib/utils'\n\nfunction Calendar({\n className,\n classNames,\n showOutsideDays = true,\n captionLayout = 'label',\n formatters,\n components,\n ...props\n}: React.ComponentProps<typeof DayPicker>) {\n const defaultClassNames = getDefaultClassNames()\n\n return (\n <DayPicker\n showOutsideDays={showOutsideDays}\n className={cn(\n 'bg-white group/calendar p-12 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent',\n String.raw`rtl:**:[.rdp-button\\_next>svg]:rotate-180`,\n String.raw`rtl:**:[.rdp-button\\_previous>svg]:rotate-180`,\n className\n )}\n captionLayout={captionLayout}\n formatters={{\n formatMonthDropdown: date =>\n date.toLocaleString('default', { month: 'short' }),\n ...formatters\n }}\n classNames={{\n root: cn('w-fit', defaultClassNames.root),\n months: cn(\n 'flex gap-16 flex-col md:flex-row relative',\n defaultClassNames.months\n ),\n month: cn('flex flex-col w-full gap-16', defaultClassNames.month),\n nav: cn(\n 'flex items-center gap-4 w-full absolute top-0 inset-x-0 justify-between',\n defaultClassNames.nav\n ),\n button_previous: cn(\n buttonVariants({\n variant: 'ghost',\n intent: 'secondary',\n size: 'icon'\n }),\n 'size-(--cell-size) aria-disabled:opacity-48 p-0 select-none',\n defaultClassNames.button_previous\n ),\n button_next: cn(\n buttonVariants({\n variant: 'ghost',\n intent: 'secondary',\n size: 'icon'\n }),\n 'size-(--cell-size) aria-disabled:opacity-48 p-0 select-none',\n defaultClassNames.button_next\n ),\n month_caption: cn(\n 'text-base flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)',\n defaultClassNames.month_caption\n ),\n dropdowns: cn(\n 'w-full flex items-center text-sm font-semibold justify-center h-(--cell-size) gap-[6px]',\n defaultClassNames.dropdowns\n ),\n dropdown_root: cn(\n 'relative has-focus:border-ring border border-gray-900/48 shadow has-focus:ring-ring/50 has-focus:ring-[3px] rounded',\n defaultClassNames.dropdown_root\n ),\n dropdown: cn(\n 'absolute bg-gray-900/48 inset-0 opacity-0',\n defaultClassNames.dropdown\n ),\n caption_label: cn(\n 'select-none',\n captionLayout === 'label'\n ? 'text-lg'\n : 'rounded pl-8 pr-4 flex items-center gap-4 text-sm h-32 [&>svg]:text-gray-900 [&>]:size-[14px]',\n defaultClassNames.caption_label\n ),\n table: 'w-full border-collapse',\n weekdays: cn('flex', defaultClassNames.weekdays),\n weekday: cn(\n 'text-gray-700 bg-gray-900/4 rounded flex-1 font-normal text-[0.8rem] select-none',\n defaultClassNames.weekday\n ),\n week: cn('flex w-full mt-8', defaultClassNames.week),\n week_number_header: cn(\n 'select-none w-(--cell-size)',\n defaultClassNames.week_number_header\n ),\n week_number: cn(\n 'text-[0.8rem] select-none text-gray-900',\n defaultClassNames.week_number\n ),\n day: cn(\n 'relative w-full h-full p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l [&:last-child[data-selected=true]_button]:rounded-r group/day aspect-square select-none',\n defaultClassNames.day\n ),\n range_start: cn(\n 'rounded-l bg-purple-800 text-white',\n defaultClassNames.range_start\n ),\n range_middle: cn('rounded-none', defaultClassNames.range_middle),\n range_end: cn(\n 'rounded-r bg-purple-800 text-white',\n defaultClassNames.range_end\n ),\n today: cn(\n 'shadow-100 rounded aria-selected:shadow-none',\n defaultClassNames.today\n ),\n outside: cn(\n 'text-gray-900 aria-selected:text-gray-900',\n defaultClassNames.outside\n ),\n disabled: cn('text-gray-900 opacity-48', defaultClassNames.disabled),\n hidden: cn('invisible', defaultClassNames.hidden),\n ...classNames\n }}\n components={{\n Root: ({ className, rootRef, ...props }) => {\n return (\n <div\n data-slot=\"calendar\"\n ref={rootRef}\n className={cn(className)}\n {...props}\n />\n )\n },\n Chevron: ({ className, orientation, ...props }) => {\n if (orientation === 'left') {\n return (\n <ChevronLeftIcon\n className={cn('size-16', className)}\n {...props}\n />\n )\n }\n\n if (orientation === 'right') {\n return (\n <ChevronRightIcon\n className={cn('size-16', className)}\n {...props}\n />\n )\n }\n\n return (\n <ChevronDownIcon className={cn('size-16', className)} {...props} />\n )\n },\n DayButton: CalendarDayButton,\n WeekNumber: ({ children, ...props }) => {\n return (\n <td {...props}>\n <div className=\"flex size-(--cell-size) items-center justify-center text-center\">\n {children}\n </div>\n </td>\n )\n },\n ...components\n }}\n {...props}\n />\n )\n}\n\nfunction CalendarDayButton({\n className,\n day,\n modifiers,\n ...props\n}: React.ComponentProps<typeof DayButton>) {\n const defaultClassNames = getDefaultClassNames()\n\n const ref = React.useRef<HTMLButtonElement>(null)\n React.useEffect(() => {\n if (modifiers.focused) ref.current?.focus()\n }, [modifiers.focused])\n\n return (\n <Button\n ref={ref}\n variant=\"ghost\"\n size=\"icon\"\n data-day={day.date.toLocaleDateString()}\n data-selected-single={\n modifiers.selected &&\n !modifiers.range_start &&\n !modifiers.range_end &&\n !modifiers.range_middle\n }\n data-range-start={modifiers.range_start}\n data-range-end={modifiers.range_end}\n data-range-middle={modifiers.range_middle}\n className={cn(\n 'data-[selected-single=true]:bg-purple-900 data-[selected-single=true]:text-white',\n 'data-[range-middle=true]:bg-purple-700 data-[range-middle=true]:text-white',\n 'data-[range-start=true]:bg-purple-800 data-[range-start=true]:text-white',\n 'data-[range-end=true]:bg-purple-800 data-[range-end=true]:text-white',\n 'flex outline aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-4 leading-none font-normal group-data-[focused=true]/day:relative',\n 'group-data-[focused=true]/day:z-10',\n '[&>span]:text-xs [&>span]:opacity-64',\n 'rounded-none',\n 'data-[selected-single=true]:rounded', // single-date selection\n 'data-[range-middle=true]:rounded-none',\n 'data-[range-start=true]:rounded-l',\n 'data-[range-end=true]:rounded-r',\n defaultClassNames.day,\n className\n )}\n {...props}\n />\n )\n}\n\nexport { Calendar, CalendarDayButton }\n"],"names":["Calendar","className","classNames","showOutsideDays","captionLayout","formatters","components","props","defaultClassNames","getDefaultClassNames","jsx","DayPicker","cn","date","buttonVariants","rootRef","orientation","ChevronLeftIcon","ChevronRightIcon","ChevronDownIcon","CalendarDayButton","children","day","modifiers","ref","React","Button"],"mappings":"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"}
package/dist/index7.js CHANGED
@@ -8,9 +8,9 @@ function C({
8
8
  className: u,
9
9
  classNames: i,
10
10
  showOutsideDays: a = !0,
11
- captionLayout: d = "label",
11
+ captionLayout: l = "label",
12
12
  formatters: c,
13
- components: l,
13
+ components: d,
14
14
  ...x
15
15
  }) {
16
16
  const t = f();
@@ -24,7 +24,7 @@ function C({
24
24
  String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,
25
25
  u
26
26
  ),
27
- captionLayout: d,
27
+ captionLayout: l,
28
28
  formatters: {
29
29
  formatMonthDropdown: (r) => r.toLocaleString("default", { month: "short" }),
30
30
  ...c
@@ -63,7 +63,7 @@ function C({
63
63
  t.month_caption
64
64
  ),
65
65
  dropdowns: e(
66
- "w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-[6px]",
66
+ "w-full flex items-center text-sm font-semibold justify-center h-(--cell-size) gap-[6px]",
67
67
  t.dropdowns
68
68
  ),
69
69
  dropdown_root: e(
@@ -76,7 +76,7 @@ function C({
76
76
  ),
77
77
  caption_label: e(
78
78
  "select-none",
79
- d === "label" ? "text-lg" : "rounded pl-8 pr-4 flex items-center gap-4 text-sm h-32 [&>svg]:text-gray-900 [&>]:size-[14px]",
79
+ l === "label" ? "text-lg" : "rounded pl-8 pr-4 flex items-center gap-4 text-sm h-32 [&>svg]:text-gray-900 [&>]:size-[14px]",
80
80
  t.caption_label
81
81
  ),
82
82
  table: "w-full border-collapse",
@@ -144,7 +144,7 @@ function C({
144
144
  ) : /* @__PURE__ */ n.jsx(w, { className: e("size-16", r), ...s }),
145
145
  DayButton: _,
146
146
  WeekNumber: ({ children: r, ...o }) => /* @__PURE__ */ n.jsx("td", { ...o, children: /* @__PURE__ */ n.jsx("div", { className: "flex size-(--cell-size) items-center justify-center text-center", children: r }) }),
147
- ...l
147
+ ...d
148
148
  },
149
149
  ...x
150
150
  }
@@ -154,15 +154,15 @@ function _({
154
154
  className: u,
155
155
  day: i,
156
156
  modifiers: a,
157
- ...d
157
+ ...l
158
158
  }) {
159
- const c = f(), l = g.useRef(null);
159
+ const c = f(), d = g.useRef(null);
160
160
  return g.useEffect(() => {
161
- a.focused && l.current?.focus();
161
+ a.focused && d.current?.focus();
162
162
  }, [a.focused]), /* @__PURE__ */ n.jsx(
163
163
  y,
164
164
  {
165
- ref: l,
165
+ ref: d,
166
166
  variant: "ghost",
167
167
  size: "icon",
168
168
  "data-day": i.date.toLocaleDateString(),
@@ -187,7 +187,7 @@ function _({
187
187
  c.day,
188
188
  u
189
189
  ),
190
- ...d
190
+ ...l
191
191
  }
192
192
  );
193
193
  }
@@ -1 +1 @@
1
- {"version":3,"file":"index7.js","sources":["../src/Calendar/index.tsx"],"sourcesContent":["'use client'\n\nimport {\n ChevronDownIcon,\n ChevronLeftIcon,\n ChevronRightIcon\n} from 'lucide-react'\nimport * as React from 'react'\nimport { DayButton, DayPicker, getDefaultClassNames } from 'react-day-picker'\nimport { Button, buttonVariants } from '../Button'\nimport { cn } from '../lib/utils'\n\nfunction Calendar({\n className,\n classNames,\n showOutsideDays = true,\n captionLayout = 'label',\n formatters,\n components,\n ...props\n}: React.ComponentProps<typeof DayPicker>) {\n const defaultClassNames = getDefaultClassNames()\n\n return (\n <DayPicker\n showOutsideDays={showOutsideDays}\n className={cn(\n 'bg-white group/calendar p-12 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent',\n String.raw`rtl:**:[.rdp-button\\_next>svg]:rotate-180`,\n String.raw`rtl:**:[.rdp-button\\_previous>svg]:rotate-180`,\n className\n )}\n captionLayout={captionLayout}\n formatters={{\n formatMonthDropdown: date =>\n date.toLocaleString('default', { month: 'short' }),\n ...formatters\n }}\n classNames={{\n root: cn('w-fit', defaultClassNames.root),\n months: cn(\n 'flex gap-16 flex-col md:flex-row relative',\n defaultClassNames.months\n ),\n month: cn('flex flex-col w-full gap-16', defaultClassNames.month),\n nav: cn(\n 'flex items-center gap-4 w-full absolute top-0 inset-x-0 justify-between',\n defaultClassNames.nav\n ),\n button_previous: cn(\n buttonVariants({\n variant: 'ghost',\n intent: 'secondary',\n size: 'icon'\n }),\n 'size-(--cell-size) aria-disabled:opacity-48 p-0 select-none',\n defaultClassNames.button_previous\n ),\n button_next: cn(\n buttonVariants({\n variant: 'ghost',\n intent: 'secondary',\n size: 'icon'\n }),\n 'size-(--cell-size) aria-disabled:opacity-48 p-0 select-none',\n defaultClassNames.button_next\n ),\n month_caption: cn(\n 'text-base flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)',\n defaultClassNames.month_caption\n ),\n dropdowns: cn(\n 'w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-[6px]',\n defaultClassNames.dropdowns\n ),\n dropdown_root: cn(\n 'relative has-focus:border-ring border border-gray-900/48 shadow has-focus:ring-ring/50 has-focus:ring-[3px] rounded',\n defaultClassNames.dropdown_root\n ),\n dropdown: cn(\n 'absolute bg-gray-900/48 inset-0 opacity-0',\n defaultClassNames.dropdown\n ),\n caption_label: cn(\n 'select-none',\n captionLayout === 'label'\n ? 'text-lg'\n : 'rounded pl-8 pr-4 flex items-center gap-4 text-sm h-32 [&>svg]:text-gray-900 [&>]:size-[14px]',\n defaultClassNames.caption_label\n ),\n table: 'w-full border-collapse',\n weekdays: cn('flex', defaultClassNames.weekdays),\n weekday: cn(\n 'text-gray-700 bg-gray-900/4 rounded flex-1 font-normal text-[0.8rem] select-none',\n defaultClassNames.weekday\n ),\n week: cn('flex w-full mt-8', defaultClassNames.week),\n week_number_header: cn(\n 'select-none w-(--cell-size)',\n defaultClassNames.week_number_header\n ),\n week_number: cn(\n 'text-[0.8rem] select-none text-gray-900',\n defaultClassNames.week_number\n ),\n day: cn(\n 'relative w-full h-full p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l [&:last-child[data-selected=true]_button]:rounded-r group/day aspect-square select-none',\n defaultClassNames.day\n ),\n range_start: cn(\n 'rounded-l bg-purple-800 text-white',\n defaultClassNames.range_start\n ),\n range_middle: cn('rounded-none', defaultClassNames.range_middle),\n range_end: cn(\n 'rounded-r bg-purple-800 text-white',\n defaultClassNames.range_end\n ),\n today: cn(\n 'shadow-100 rounded aria-selected:shadow-none',\n defaultClassNames.today\n ),\n outside: cn(\n 'text-gray-900 aria-selected:text-gray-900',\n defaultClassNames.outside\n ),\n disabled: cn('text-gray-900 opacity-48', defaultClassNames.disabled),\n hidden: cn('invisible', defaultClassNames.hidden),\n ...classNames\n }}\n components={{\n Root: ({ className, rootRef, ...props }) => {\n return (\n <div\n data-slot=\"calendar\"\n ref={rootRef}\n className={cn(className)}\n {...props}\n />\n )\n },\n Chevron: ({ className, orientation, ...props }) => {\n if (orientation === 'left') {\n return (\n <ChevronLeftIcon\n className={cn('size-16', className)}\n {...props}\n />\n )\n }\n\n if (orientation === 'right') {\n return (\n <ChevronRightIcon\n className={cn('size-16', className)}\n {...props}\n />\n )\n }\n\n return (\n <ChevronDownIcon className={cn('size-16', className)} {...props} />\n )\n },\n DayButton: CalendarDayButton,\n WeekNumber: ({ children, ...props }) => {\n return (\n <td {...props}>\n <div className=\"flex size-(--cell-size) items-center justify-center text-center\">\n {children}\n </div>\n </td>\n )\n },\n ...components\n }}\n {...props}\n />\n )\n}\n\nfunction CalendarDayButton({\n className,\n day,\n modifiers,\n ...props\n}: React.ComponentProps<typeof DayButton>) {\n const defaultClassNames = getDefaultClassNames()\n\n const ref = React.useRef<HTMLButtonElement>(null)\n React.useEffect(() => {\n if (modifiers.focused) ref.current?.focus()\n }, [modifiers.focused])\n\n return (\n <Button\n ref={ref}\n variant=\"ghost\"\n size=\"icon\"\n data-day={day.date.toLocaleDateString()}\n data-selected-single={\n modifiers.selected &&\n !modifiers.range_start &&\n !modifiers.range_end &&\n !modifiers.range_middle\n }\n data-range-start={modifiers.range_start}\n data-range-end={modifiers.range_end}\n data-range-middle={modifiers.range_middle}\n className={cn(\n 'data-[selected-single=true]:bg-purple-900 data-[selected-single=true]:text-white',\n 'data-[range-middle=true]:bg-purple-700 data-[range-middle=true]:text-white',\n 'data-[range-start=true]:bg-purple-800 data-[range-start=true]:text-white',\n 'data-[range-end=true]:bg-purple-800 data-[range-end=true]:text-white',\n 'flex outline aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-4 leading-none font-normal group-data-[focused=true]/day:relative',\n 'group-data-[focused=true]/day:z-10',\n '[&>span]:text-xs [&>span]:opacity-64',\n 'rounded-none',\n 'data-[selected-single=true]:rounded', // single-date selection\n 'data-[range-middle=true]:rounded-none',\n 'data-[range-start=true]:rounded-l',\n 'data-[range-end=true]:rounded-r',\n defaultClassNames.day,\n className\n )}\n {...props}\n />\n )\n}\n\nexport { Calendar, CalendarDayButton }\n"],"names":["Calendar","className","classNames","showOutsideDays","captionLayout","formatters","components","props","defaultClassNames","getDefaultClassNames","jsx","DayPicker","cn","date","buttonVariants","rootRef","orientation","ChevronLeftIcon","ChevronRightIcon","ChevronDownIcon","CalendarDayButton","children","day","modifiers","ref","React","Button"],"mappings":"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"}
1
+ {"version":3,"file":"index7.js","sources":["../src/Calendar/index.tsx"],"sourcesContent":["'use client'\n\nimport {\n ChevronDownIcon,\n ChevronLeftIcon,\n ChevronRightIcon\n} from 'lucide-react'\nimport * as React from 'react'\nimport { DayButton, DayPicker, getDefaultClassNames } from 'react-day-picker'\nimport { Button, buttonVariants } from '../Button'\nimport { cn } from '../lib/utils'\n\nfunction Calendar({\n className,\n classNames,\n showOutsideDays = true,\n captionLayout = 'label',\n formatters,\n components,\n ...props\n}: React.ComponentProps<typeof DayPicker>) {\n const defaultClassNames = getDefaultClassNames()\n\n return (\n <DayPicker\n showOutsideDays={showOutsideDays}\n className={cn(\n 'bg-white group/calendar p-12 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent',\n String.raw`rtl:**:[.rdp-button\\_next>svg]:rotate-180`,\n String.raw`rtl:**:[.rdp-button\\_previous>svg]:rotate-180`,\n className\n )}\n captionLayout={captionLayout}\n formatters={{\n formatMonthDropdown: date =>\n date.toLocaleString('default', { month: 'short' }),\n ...formatters\n }}\n classNames={{\n root: cn('w-fit', defaultClassNames.root),\n months: cn(\n 'flex gap-16 flex-col md:flex-row relative',\n defaultClassNames.months\n ),\n month: cn('flex flex-col w-full gap-16', defaultClassNames.month),\n nav: cn(\n 'flex items-center gap-4 w-full absolute top-0 inset-x-0 justify-between',\n defaultClassNames.nav\n ),\n button_previous: cn(\n buttonVariants({\n variant: 'ghost',\n intent: 'secondary',\n size: 'icon'\n }),\n 'size-(--cell-size) aria-disabled:opacity-48 p-0 select-none',\n defaultClassNames.button_previous\n ),\n button_next: cn(\n buttonVariants({\n variant: 'ghost',\n intent: 'secondary',\n size: 'icon'\n }),\n 'size-(--cell-size) aria-disabled:opacity-48 p-0 select-none',\n defaultClassNames.button_next\n ),\n month_caption: cn(\n 'text-base flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)',\n defaultClassNames.month_caption\n ),\n dropdowns: cn(\n 'w-full flex items-center text-sm font-semibold justify-center h-(--cell-size) gap-[6px]',\n defaultClassNames.dropdowns\n ),\n dropdown_root: cn(\n 'relative has-focus:border-ring border border-gray-900/48 shadow has-focus:ring-ring/50 has-focus:ring-[3px] rounded',\n defaultClassNames.dropdown_root\n ),\n dropdown: cn(\n 'absolute bg-gray-900/48 inset-0 opacity-0',\n defaultClassNames.dropdown\n ),\n caption_label: cn(\n 'select-none',\n captionLayout === 'label'\n ? 'text-lg'\n : 'rounded pl-8 pr-4 flex items-center gap-4 text-sm h-32 [&>svg]:text-gray-900 [&>]:size-[14px]',\n defaultClassNames.caption_label\n ),\n table: 'w-full border-collapse',\n weekdays: cn('flex', defaultClassNames.weekdays),\n weekday: cn(\n 'text-gray-700 bg-gray-900/4 rounded flex-1 font-normal text-[0.8rem] select-none',\n defaultClassNames.weekday\n ),\n week: cn('flex w-full mt-8', defaultClassNames.week),\n week_number_header: cn(\n 'select-none w-(--cell-size)',\n defaultClassNames.week_number_header\n ),\n week_number: cn(\n 'text-[0.8rem] select-none text-gray-900',\n defaultClassNames.week_number\n ),\n day: cn(\n 'relative w-full h-full p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l [&:last-child[data-selected=true]_button]:rounded-r group/day aspect-square select-none',\n defaultClassNames.day\n ),\n range_start: cn(\n 'rounded-l bg-purple-800 text-white',\n defaultClassNames.range_start\n ),\n range_middle: cn('rounded-none', defaultClassNames.range_middle),\n range_end: cn(\n 'rounded-r bg-purple-800 text-white',\n defaultClassNames.range_end\n ),\n today: cn(\n 'shadow-100 rounded aria-selected:shadow-none',\n defaultClassNames.today\n ),\n outside: cn(\n 'text-gray-900 aria-selected:text-gray-900',\n defaultClassNames.outside\n ),\n disabled: cn('text-gray-900 opacity-48', defaultClassNames.disabled),\n hidden: cn('invisible', defaultClassNames.hidden),\n ...classNames\n }}\n components={{\n Root: ({ className, rootRef, ...props }) => {\n return (\n <div\n data-slot=\"calendar\"\n ref={rootRef}\n className={cn(className)}\n {...props}\n />\n )\n },\n Chevron: ({ className, orientation, ...props }) => {\n if (orientation === 'left') {\n return (\n <ChevronLeftIcon\n className={cn('size-16', className)}\n {...props}\n />\n )\n }\n\n if (orientation === 'right') {\n return (\n <ChevronRightIcon\n className={cn('size-16', className)}\n {...props}\n />\n )\n }\n\n return (\n <ChevronDownIcon className={cn('size-16', className)} {...props} />\n )\n },\n DayButton: CalendarDayButton,\n WeekNumber: ({ children, ...props }) => {\n return (\n <td {...props}>\n <div className=\"flex size-(--cell-size) items-center justify-center text-center\">\n {children}\n </div>\n </td>\n )\n },\n ...components\n }}\n {...props}\n />\n )\n}\n\nfunction CalendarDayButton({\n className,\n day,\n modifiers,\n ...props\n}: React.ComponentProps<typeof DayButton>) {\n const defaultClassNames = getDefaultClassNames()\n\n const ref = React.useRef<HTMLButtonElement>(null)\n React.useEffect(() => {\n if (modifiers.focused) ref.current?.focus()\n }, [modifiers.focused])\n\n return (\n <Button\n ref={ref}\n variant=\"ghost\"\n size=\"icon\"\n data-day={day.date.toLocaleDateString()}\n data-selected-single={\n modifiers.selected &&\n !modifiers.range_start &&\n !modifiers.range_end &&\n !modifiers.range_middle\n }\n data-range-start={modifiers.range_start}\n data-range-end={modifiers.range_end}\n data-range-middle={modifiers.range_middle}\n className={cn(\n 'data-[selected-single=true]:bg-purple-900 data-[selected-single=true]:text-white',\n 'data-[range-middle=true]:bg-purple-700 data-[range-middle=true]:text-white',\n 'data-[range-start=true]:bg-purple-800 data-[range-start=true]:text-white',\n 'data-[range-end=true]:bg-purple-800 data-[range-end=true]:text-white',\n 'flex outline aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-4 leading-none font-normal group-data-[focused=true]/day:relative',\n 'group-data-[focused=true]/day:z-10',\n '[&>span]:text-xs [&>span]:opacity-64',\n 'rounded-none',\n 'data-[selected-single=true]:rounded', // single-date selection\n 'data-[range-middle=true]:rounded-none',\n 'data-[range-start=true]:rounded-l',\n 'data-[range-end=true]:rounded-r',\n defaultClassNames.day,\n className\n )}\n {...props}\n />\n )\n}\n\nexport { Calendar, CalendarDayButton }\n"],"names":["Calendar","className","classNames","showOutsideDays","captionLayout","formatters","components","props","defaultClassNames","getDefaultClassNames","jsx","DayPicker","cn","date","buttonVariants","rootRef","orientation","ChevronLeftIcon","ChevronRightIcon","ChevronDownIcon","CalendarDayButton","children","day","modifiers","ref","React","Button"],"mappings":"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"}
package/dist/index8.cjs CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./index37.cjs"),e=require("./index39.cjs");function s({className:t,...r}){return a.jsxRuntimeExports.jsx("div",{"data-slot":"card",className:e.cn("bg-white flex flex-col gap-24 rounded border border-gray-900/8 py-24",t),...r})}function n({className:t,...r}){return a.jsxRuntimeExports.jsx("div",{"data-slot":"card-header",className:e.cn("@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start px-24 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-24",t),...r})}function o({className:t,...r}){return a.jsxRuntimeExports.jsx("h3",{"data-slot":"card-title",className:e.cn("leading-none font-medium",t),...r})}function d({className:t,...r}){return a.jsxRuntimeExports.jsx("div",{"data-slot":"card-description",className:e.cn("text-gray-700 text-sm mt-4",t),...r})}function i({className:t,...r}){return a.jsxRuntimeExports.jsx("div",{"data-slot":"card-action",className:e.cn("col-start-2 row-span-2 row-start-1 self-start justify-self-end",t),...r})}function c({className:t,...r}){return a.jsxRuntimeExports.jsx("div",{"data-slot":"card-content",className:e.cn("px-24",t),...r})}function u({className:t,...r}){return a.jsxRuntimeExports.jsx("div",{"data-slot":"card-footer",className:e.cn("flex items-center px-24 [.border-t]:pt-24",t),...r})}exports.Card=s;exports.CardAction=i;exports.CardContent=c;exports.CardDescription=d;exports.CardFooter=u;exports.CardHeader=n;exports.CardTitle=o;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./index37.cjs"),e=require("./index39.cjs");function s({className:t,...r}){return a.jsxRuntimeExports.jsx("div",{"data-slot":"card",className:e.cn("bg-white flex flex-col gap-24 rounded border border-gray-900/8 py-24",t),...r})}function n({className:t,...r}){return a.jsxRuntimeExports.jsx("div",{"data-slot":"card-header",className:e.cn("@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start px-24 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-24",t),...r})}function o({className:t,...r}){return a.jsxRuntimeExports.jsx("h3",{"data-slot":"card-title",className:e.cn("leading-none font-semibold",t),...r})}function d({className:t,...r}){return a.jsxRuntimeExports.jsx("div",{"data-slot":"card-description",className:e.cn("text-gray-700 text-sm mt-4",t),...r})}function i({className:t,...r}){return a.jsxRuntimeExports.jsx("div",{"data-slot":"card-action",className:e.cn("col-start-2 row-span-2 row-start-1 self-start justify-self-end",t),...r})}function c({className:t,...r}){return a.jsxRuntimeExports.jsx("div",{"data-slot":"card-content",className:e.cn("px-24",t),...r})}function u({className:t,...r}){return a.jsxRuntimeExports.jsx("div",{"data-slot":"card-footer",className:e.cn("flex items-center px-24 [.border-t]:pt-24",t),...r})}exports.Card=s;exports.CardAction=i;exports.CardContent=c;exports.CardDescription=d;exports.CardFooter=u;exports.CardHeader=n;exports.CardTitle=o;
2
2
  //# sourceMappingURL=index8.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"index8.cjs","sources":["../src/Card/index.tsx"],"sourcesContent":["import * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Card({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"card\"\n className={cn(\n 'bg-white flex flex-col gap-24 rounded border border-gray-900/8 py-24',\n className\n )}\n {...props}\n />\n )\n}\n\nfunction CardHeader({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"card-header\"\n className={cn(\n '@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start px-24 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-24',\n className\n )}\n {...props}\n />\n )\n}\n\nfunction CardTitle({ className, ...props }: React.ComponentProps<'h3'>) {\n return (\n <h3\n data-slot=\"card-title\"\n className={cn('leading-none font-medium', className)}\n {...props}\n />\n )\n}\n\nfunction CardDescription({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"card-description\"\n className={cn('text-gray-700 text-sm mt-4', className)}\n {...props}\n />\n )\n}\n\nfunction CardAction({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"card-action\"\n className={cn(\n 'col-start-2 row-span-2 row-start-1 self-start justify-self-end',\n className\n )}\n {...props}\n />\n )\n}\n\nfunction CardContent({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"card-content\"\n className={cn('px-24', className)}\n {...props}\n />\n )\n}\n\nfunction CardFooter({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"card-footer\"\n className={cn('flex items-center px-24 [.border-t]:pt-24', className)}\n {...props}\n />\n )\n}\n\nexport {\n Card,\n CardAction,\n CardContent,\n CardDescription,\n CardFooter,\n CardHeader,\n CardTitle\n}\n"],"names":["Card","className","props","jsx","cn","CardHeader","CardTitle","CardDescription","CardAction","CardContent","CardFooter"],"mappings":"4IAGA,SAASA,EAAK,CAAE,UAAAC,EAAW,GAAGC,GAAsC,CAClE,OACEC,EAAAA,kBAAAA,IAAC,MAAA,CACC,YAAU,OACV,UAAWC,EAAAA,GACT,uEACAH,CAAA,EAED,GAAGC,CAAA,CAAA,CAGV,CAEA,SAASG,EAAW,CAAE,UAAAJ,EAAW,GAAGC,GAAsC,CACxE,OACEC,EAAAA,kBAAAA,IAAC,MAAA,CACC,YAAU,cACV,UAAWC,EAAAA,GACT,uJACAH,CAAA,EAED,GAAGC,CAAA,CAAA,CAGV,CAEA,SAASI,EAAU,CAAE,UAAAL,EAAW,GAAGC,GAAqC,CACtE,OACEC,EAAAA,kBAAAA,IAAC,KAAA,CACC,YAAU,aACV,UAAWC,EAAAA,GAAG,2BAA4BH,CAAS,EAClD,GAAGC,CAAA,CAAA,CAGV,CAEA,SAASK,EAAgB,CAAE,UAAAN,EAAW,GAAGC,GAAsC,CAC7E,OACEC,EAAAA,kBAAAA,IAAC,MAAA,CACC,YAAU,mBACV,UAAWC,EAAAA,GAAG,6BAA8BH,CAAS,EACpD,GAAGC,CAAA,CAAA,CAGV,CAEA,SAASM,EAAW,CAAE,UAAAP,EAAW,GAAGC,GAAsC,CACxE,OACEC,EAAAA,kBAAAA,IAAC,MAAA,CACC,YAAU,cACV,UAAWC,EAAAA,GACT,iEACAH,CAAA,EAED,GAAGC,CAAA,CAAA,CAGV,CAEA,SAASO,EAAY,CAAE,UAAAR,EAAW,GAAGC,GAAsC,CACzE,OACEC,EAAAA,kBAAAA,IAAC,MAAA,CACC,YAAU,eACV,UAAWC,EAAAA,GAAG,QAASH,CAAS,EAC/B,GAAGC,CAAA,CAAA,CAGV,CAEA,SAASQ,EAAW,CAAE,UAAAT,EAAW,GAAGC,GAAsC,CACxE,OACEC,EAAAA,kBAAAA,IAAC,MAAA,CACC,YAAU,cACV,UAAWC,EAAAA,GAAG,4CAA6CH,CAAS,EACnE,GAAGC,CAAA,CAAA,CAGV"}
1
+ {"version":3,"file":"index8.cjs","sources":["../src/Card/index.tsx"],"sourcesContent":["import * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Card({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"card\"\n className={cn(\n 'bg-white flex flex-col gap-24 rounded border border-gray-900/8 py-24',\n className\n )}\n {...props}\n />\n )\n}\n\nfunction CardHeader({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"card-header\"\n className={cn(\n '@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start px-24 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-24',\n className\n )}\n {...props}\n />\n )\n}\n\nfunction CardTitle({ className, ...props }: React.ComponentProps<'h3'>) {\n return (\n <h3\n data-slot=\"card-title\"\n className={cn('leading-none font-semibold', className)}\n {...props}\n />\n )\n}\n\nfunction CardDescription({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"card-description\"\n className={cn('text-gray-700 text-sm mt-4', className)}\n {...props}\n />\n )\n}\n\nfunction CardAction({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"card-action\"\n className={cn(\n 'col-start-2 row-span-2 row-start-1 self-start justify-self-end',\n className\n )}\n {...props}\n />\n )\n}\n\nfunction CardContent({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"card-content\"\n className={cn('px-24', className)}\n {...props}\n />\n )\n}\n\nfunction CardFooter({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"card-footer\"\n className={cn('flex items-center px-24 [.border-t]:pt-24', className)}\n {...props}\n />\n )\n}\n\nexport {\n Card,\n CardAction,\n CardContent,\n CardDescription,\n CardFooter,\n CardHeader,\n CardTitle\n}\n"],"names":["Card","className","props","jsx","cn","CardHeader","CardTitle","CardDescription","CardAction","CardContent","CardFooter"],"mappings":"4IAGA,SAASA,EAAK,CAAE,UAAAC,EAAW,GAAGC,GAAsC,CAClE,OACEC,EAAAA,kBAAAA,IAAC,MAAA,CACC,YAAU,OACV,UAAWC,EAAAA,GACT,uEACAH,CAAA,EAED,GAAGC,CAAA,CAAA,CAGV,CAEA,SAASG,EAAW,CAAE,UAAAJ,EAAW,GAAGC,GAAsC,CACxE,OACEC,EAAAA,kBAAAA,IAAC,MAAA,CACC,YAAU,cACV,UAAWC,EAAAA,GACT,uJACAH,CAAA,EAED,GAAGC,CAAA,CAAA,CAGV,CAEA,SAASI,EAAU,CAAE,UAAAL,EAAW,GAAGC,GAAqC,CACtE,OACEC,EAAAA,kBAAAA,IAAC,KAAA,CACC,YAAU,aACV,UAAWC,EAAAA,GAAG,6BAA8BH,CAAS,EACpD,GAAGC,CAAA,CAAA,CAGV,CAEA,SAASK,EAAgB,CAAE,UAAAN,EAAW,GAAGC,GAAsC,CAC7E,OACEC,EAAAA,kBAAAA,IAAC,MAAA,CACC,YAAU,mBACV,UAAWC,EAAAA,GAAG,6BAA8BH,CAAS,EACpD,GAAGC,CAAA,CAAA,CAGV,CAEA,SAASM,EAAW,CAAE,UAAAP,EAAW,GAAGC,GAAsC,CACxE,OACEC,EAAAA,kBAAAA,IAAC,MAAA,CACC,YAAU,cACV,UAAWC,EAAAA,GACT,iEACAH,CAAA,EAED,GAAGC,CAAA,CAAA,CAGV,CAEA,SAASO,EAAY,CAAE,UAAAR,EAAW,GAAGC,GAAsC,CACzE,OACEC,EAAAA,kBAAAA,IAAC,MAAA,CACC,YAAU,eACV,UAAWC,EAAAA,GAAG,QAASH,CAAS,EAC/B,GAAGC,CAAA,CAAA,CAGV,CAEA,SAASQ,EAAW,CAAE,UAAAT,EAAW,GAAGC,GAAsC,CACxE,OACEC,EAAAA,kBAAAA,IAAC,MAAA,CACC,YAAU,cACV,UAAWC,EAAAA,GAAG,4CAA6CH,CAAS,EACnE,GAAGC,CAAA,CAAA,CAGV"}
package/dist/index8.js CHANGED
@@ -31,7 +31,7 @@ function i({ className: t, ...r }) {
31
31
  "h3",
32
32
  {
33
33
  "data-slot": "card-title",
34
- className: e("leading-none font-medium", t),
34
+ className: e("leading-none font-semibold", t),
35
35
  ...r
36
36
  }
37
37
  );
@@ -69,7 +69,7 @@ function u({ className: t, ...r }) {
69
69
  }
70
70
  );
71
71
  }
72
- function m({ className: t, ...r }) {
72
+ function f({ className: t, ...r }) {
73
73
  return /* @__PURE__ */ a.jsx(
74
74
  "div",
75
75
  {
@@ -84,7 +84,7 @@ export {
84
84
  l as CardAction,
85
85
  u as CardContent,
86
86
  c as CardDescription,
87
- m as CardFooter,
87
+ f as CardFooter,
88
88
  n as CardHeader,
89
89
  i as CardTitle
90
90
  };
@@ -1 +1 @@
1
- {"version":3,"file":"index8.js","sources":["../src/Card/index.tsx"],"sourcesContent":["import * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Card({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"card\"\n className={cn(\n 'bg-white flex flex-col gap-24 rounded border border-gray-900/8 py-24',\n className\n )}\n {...props}\n />\n )\n}\n\nfunction CardHeader({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"card-header\"\n className={cn(\n '@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start px-24 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-24',\n className\n )}\n {...props}\n />\n )\n}\n\nfunction CardTitle({ className, ...props }: React.ComponentProps<'h3'>) {\n return (\n <h3\n data-slot=\"card-title\"\n className={cn('leading-none font-medium', className)}\n {...props}\n />\n )\n}\n\nfunction CardDescription({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"card-description\"\n className={cn('text-gray-700 text-sm mt-4', className)}\n {...props}\n />\n )\n}\n\nfunction CardAction({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"card-action\"\n className={cn(\n 'col-start-2 row-span-2 row-start-1 self-start justify-self-end',\n className\n )}\n {...props}\n />\n )\n}\n\nfunction CardContent({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"card-content\"\n className={cn('px-24', className)}\n {...props}\n />\n )\n}\n\nfunction CardFooter({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"card-footer\"\n className={cn('flex items-center px-24 [.border-t]:pt-24', className)}\n {...props}\n />\n )\n}\n\nexport {\n Card,\n CardAction,\n CardContent,\n CardDescription,\n CardFooter,\n CardHeader,\n CardTitle\n}\n"],"names":["Card","className","props","jsx","cn","CardHeader","CardTitle","CardDescription","CardAction","CardContent","CardFooter"],"mappings":";;AAGA,SAASA,EAAK,EAAE,WAAAC,GAAW,GAAGC,KAAsC;AAClE,SACEC,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAH;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASG,EAAW,EAAE,WAAAJ,GAAW,GAAGC,KAAsC;AACxE,SACEC,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAH;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASI,EAAU,EAAE,WAAAL,GAAW,GAAGC,KAAqC;AACtE,SACEC,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,4BAA4BH,CAAS;AAAA,MAClD,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASK,EAAgB,EAAE,WAAAN,GAAW,GAAGC,KAAsC;AAC7E,SACEC,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,8BAA8BH,CAAS;AAAA,MACpD,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASM,EAAW,EAAE,WAAAP,GAAW,GAAGC,KAAsC;AACxE,SACEC,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAH;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASO,EAAY,EAAE,WAAAR,GAAW,GAAGC,KAAsC;AACzE,SACEC,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,SAASH,CAAS;AAAA,MAC/B,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASQ,EAAW,EAAE,WAAAT,GAAW,GAAGC,KAAsC;AACxE,SACEC,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,6CAA6CH,CAAS;AAAA,MACnE,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;"}
1
+ {"version":3,"file":"index8.js","sources":["../src/Card/index.tsx"],"sourcesContent":["import * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Card({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"card\"\n className={cn(\n 'bg-white flex flex-col gap-24 rounded border border-gray-900/8 py-24',\n className\n )}\n {...props}\n />\n )\n}\n\nfunction CardHeader({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"card-header\"\n className={cn(\n '@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start px-24 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-24',\n className\n )}\n {...props}\n />\n )\n}\n\nfunction CardTitle({ className, ...props }: React.ComponentProps<'h3'>) {\n return (\n <h3\n data-slot=\"card-title\"\n className={cn('leading-none font-semibold', className)}\n {...props}\n />\n )\n}\n\nfunction CardDescription({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"card-description\"\n className={cn('text-gray-700 text-sm mt-4', className)}\n {...props}\n />\n )\n}\n\nfunction CardAction({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"card-action\"\n className={cn(\n 'col-start-2 row-span-2 row-start-1 self-start justify-self-end',\n className\n )}\n {...props}\n />\n )\n}\n\nfunction CardContent({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"card-content\"\n className={cn('px-24', className)}\n {...props}\n />\n )\n}\n\nfunction CardFooter({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"card-footer\"\n className={cn('flex items-center px-24 [.border-t]:pt-24', className)}\n {...props}\n />\n )\n}\n\nexport {\n Card,\n CardAction,\n CardContent,\n CardDescription,\n CardFooter,\n CardHeader,\n CardTitle\n}\n"],"names":["Card","className","props","jsx","cn","CardHeader","CardTitle","CardDescription","CardAction","CardContent","CardFooter"],"mappings":";;AAGA,SAASA,EAAK,EAAE,WAAAC,GAAW,GAAGC,KAAsC;AAClE,SACEC,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAH;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASG,EAAW,EAAE,WAAAJ,GAAW,GAAGC,KAAsC;AACxE,SACEC,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAH;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASI,EAAU,EAAE,WAAAL,GAAW,GAAGC,KAAqC;AACtE,SACEC,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,8BAA8BH,CAAS;AAAA,MACpD,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASK,EAAgB,EAAE,WAAAN,GAAW,GAAGC,KAAsC;AAC7E,SACEC,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,8BAA8BH,CAAS;AAAA,MACpD,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASM,EAAW,EAAE,WAAAP,GAAW,GAAGC,KAAsC;AACxE,SACEC,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAH;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASO,EAAY,EAAE,WAAAR,GAAW,GAAGC,KAAsC;AACzE,SACEC,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,SAASH,CAAS;AAAA,MAC/B,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASQ,EAAW,EAAE,WAAAT,GAAW,GAAGC,KAAsC;AACxE,SACEC,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,6CAA6CH,CAAS;AAAA,MACnE,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "homepage": "https://inloco.github.io/cosmik",
3
3
  "name": "@incognia/cosmik",
4
- "version": "1.0.9",
4
+ "version": "1.0.11",
5
5
  "type": "module",
6
6
  "main": "dist/index.cjs",
7
7
  "module": "dist/index.js",