@incognia/cosmik 1.1.0 → 1.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (172) hide show
  1. package/dist/cosmik.css +1 -1
  2. package/dist/index.cjs +1 -1
  3. package/dist/index.js +34 -34
  4. package/dist/index10.cjs +1 -1
  5. package/dist/index10.cjs.map +1 -1
  6. package/dist/index10.js +69 -9
  7. package/dist/index10.js.map +1 -1
  8. package/dist/index11.cjs +1 -1
  9. package/dist/index11.cjs.map +1 -1
  10. package/dist/index11.js +91 -54
  11. package/dist/index11.js.map +1 -1
  12. package/dist/index12.cjs +1 -1
  13. package/dist/index12.cjs.map +1 -1
  14. package/dist/index12.js +51 -151
  15. package/dist/index12.js.map +1 -1
  16. package/dist/index13.cjs +1 -1
  17. package/dist/index13.cjs.map +1 -1
  18. package/dist/index13.js +16 -86
  19. package/dist/index13.js.map +1 -1
  20. package/dist/index14.cjs +1 -1
  21. package/dist/index14.cjs.map +1 -1
  22. package/dist/index14.js +83 -66
  23. package/dist/index14.js.map +1 -1
  24. package/dist/index15.cjs +1 -1
  25. package/dist/index15.cjs.map +1 -1
  26. package/dist/index15.js +81 -98
  27. package/dist/index15.js.map +1 -1
  28. package/dist/index16.cjs +1 -1
  29. package/dist/index16.cjs.map +1 -1
  30. package/dist/index16.js +105 -38
  31. package/dist/index16.js.map +1 -1
  32. package/dist/index17.cjs +1 -1
  33. package/dist/index17.cjs.map +1 -1
  34. package/dist/index17.js +34 -17
  35. package/dist/index17.js.map +1 -1
  36. package/dist/index18.cjs +1 -1
  37. package/dist/index18.cjs.map +1 -1
  38. package/dist/index18.js +68 -82
  39. package/dist/index18.js.map +1 -1
  40. package/dist/index19.cjs +1 -1
  41. package/dist/index19.cjs.map +1 -1
  42. package/dist/index19.js +63 -84
  43. package/dist/index19.js.map +1 -1
  44. package/dist/index2.cjs +1 -1
  45. package/dist/index20.cjs +1 -1
  46. package/dist/index20.cjs.map +1 -1
  47. package/dist/index20.js +19 -114
  48. package/dist/index20.js.map +1 -1
  49. package/dist/index21.cjs +1 -1
  50. package/dist/index21.cjs.map +1 -1
  51. package/dist/index21.js +10 -36
  52. package/dist/index21.js.map +1 -1
  53. package/dist/index22.cjs +1 -1
  54. package/dist/index22.cjs.map +1 -1
  55. package/dist/index22.js +12 -72
  56. package/dist/index22.js.map +1 -1
  57. package/dist/index23.cjs +1 -1
  58. package/dist/index23.cjs.map +1 -1
  59. package/dist/index23.js +46 -64
  60. package/dist/index23.js.map +1 -1
  61. package/dist/index24.cjs +1 -1
  62. package/dist/index24.cjs.map +1 -1
  63. package/dist/index24.js +6 -28
  64. package/dist/index24.js.map +1 -1
  65. package/dist/index25.cjs +1 -1
  66. package/dist/index25.cjs.map +1 -1
  67. package/dist/index25.js +19 -12
  68. package/dist/index25.js.map +1 -1
  69. package/dist/index26.cjs +1 -1
  70. package/dist/index26.cjs.map +1 -1
  71. package/dist/index26.js +62 -11
  72. package/dist/index26.js.map +1 -1
  73. package/dist/index27.cjs +1 -1
  74. package/dist/index27.cjs.map +1 -1
  75. package/dist/index27.js +16 -46
  76. package/dist/index27.js.map +1 -1
  77. package/dist/index28.cjs +1 -1
  78. package/dist/index28.cjs.map +1 -1
  79. package/dist/index28.js +26 -7
  80. package/dist/index28.js.map +1 -1
  81. package/dist/index29.cjs +1 -1
  82. package/dist/index29.cjs.map +1 -1
  83. package/dist/index29.js +92 -20
  84. package/dist/index29.js.map +1 -1
  85. package/dist/index3.js +18 -0
  86. package/dist/index3.js.map +1 -0
  87. package/dist/index30.cjs +1 -1
  88. package/dist/index30.cjs.map +1 -1
  89. package/dist/index30.js +13 -64
  90. package/dist/index30.js.map +1 -1
  91. package/dist/index31.cjs +1 -1
  92. package/dist/index31.cjs.map +1 -1
  93. package/dist/index31.js +77 -16
  94. package/dist/index31.js.map +1 -1
  95. package/dist/index32.cjs +1 -1
  96. package/dist/index32.cjs.map +1 -1
  97. package/dist/index32.js +8 -26
  98. package/dist/index32.js.map +1 -1
  99. package/dist/index33.cjs +1 -1
  100. package/dist/index33.cjs.map +1 -1
  101. package/dist/index33.js +40 -94
  102. package/dist/index33.js.map +1 -1
  103. package/dist/index34.cjs +1 -1
  104. package/dist/index34.cjs.map +1 -1
  105. package/dist/index34.js +14 -13
  106. package/dist/index34.js.map +1 -1
  107. package/dist/index35.cjs +1 -1
  108. package/dist/index35.cjs.map +1 -1
  109. package/dist/index35.js +44 -59
  110. package/dist/index35.js.map +1 -1
  111. package/dist/index36.cjs +1 -1
  112. package/dist/index36.cjs.map +1 -1
  113. package/dist/index36.js +54 -9
  114. package/dist/index36.js.map +1 -1
  115. package/dist/index37.cjs +1 -1
  116. package/dist/index37.cjs.map +1 -1
  117. package/dist/index37.js +69 -40
  118. package/dist/index37.js.map +1 -1
  119. package/dist/index38.cjs +1 -1
  120. package/dist/index38.cjs.map +1 -1
  121. package/dist/index38.js +9 -16
  122. package/dist/index38.js.map +1 -1
  123. package/dist/index39.cjs +1 -1
  124. package/dist/index39.cjs.map +1 -1
  125. package/dist/index39.js +81 -65
  126. package/dist/index39.js.map +1 -1
  127. package/dist/index4.js +32 -15
  128. package/dist/index4.js.map +1 -1
  129. package/dist/index40.cjs +1 -1
  130. package/dist/index40.cjs.map +1 -1
  131. package/dist/index40.js +44 -50
  132. package/dist/index40.js.map +1 -1
  133. package/dist/index41.cjs +1 -1
  134. package/dist/index41.cjs.map +1 -1
  135. package/dist/index41.js +43 -68
  136. package/dist/index41.js.map +1 -1
  137. package/dist/index42.cjs +1 -1
  138. package/dist/index42.cjs.map +1 -1
  139. package/dist/index42.js +78 -10
  140. package/dist/index42.js.map +1 -1
  141. package/dist/index43.cjs +1 -1
  142. package/dist/index43.cjs.map +1 -1
  143. package/dist/index5.js +1584 -31
  144. package/dist/index5.js.map +1 -1
  145. package/dist/index6.js +10 -1582
  146. package/dist/index6.js.map +1 -1
  147. package/dist/index7.js +57 -11
  148. package/dist/index7.js.map +1 -1
  149. package/dist/index8.cjs +1 -1
  150. package/dist/index8.cjs.map +1 -1
  151. package/dist/index8.js +153 -19
  152. package/dist/index8.js.map +1 -1
  153. package/dist/index9.cjs +1 -6
  154. package/dist/index9.cjs.map +1 -1
  155. package/dist/index9.js +89 -159
  156. package/dist/index9.js.map +1 -1
  157. package/package.json +1 -1
  158. package/dist/index2.js +0 -7
  159. package/dist/index43.js +0 -87
  160. package/dist/index43.js.map +0 -1
  161. package/dist/index44.cjs +0 -2
  162. package/dist/index44.cjs.map +0 -1
  163. package/dist/index44.js +0 -53
  164. package/dist/index44.js.map +0 -1
  165. package/dist/index45.cjs +0 -2
  166. package/dist/index45.cjs.map +0 -1
  167. package/dist/index45.js +0 -49
  168. package/dist/index45.js.map +0 -1
  169. package/dist/index46.cjs +0 -2
  170. package/dist/index46.cjs.map +0 -1
  171. package/dist/index46.js +0 -85
  172. package/dist/index46.js.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"file":"index33.js","names":[],"sources":["../src/Select/index.tsx"],"sourcesContent":["'use client'\n\nimport * as SelectPrimitive from '@radix-ui/react-select'\nimport { CheckIcon, ChevronDownIcon, ChevronUpIcon } from 'lucide-react'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Select({\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Root>) {\n return <SelectPrimitive.Root data-slot=\"select\" {...props} />\n}\n\nfunction SelectGroup({\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Group>) {\n return <SelectPrimitive.Group data-slot=\"select-group\" {...props} />\n}\n\nfunction SelectValue({\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Value>) {\n return <SelectPrimitive.Value data-slot=\"select-value\" {...props} />\n}\n\nfunction SelectTrigger({\n className,\n children,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Trigger> & {\n size?: 'sm' | 'default'\n}) {\n return (\n <SelectPrimitive.Trigger\n data-slot=\"select-trigger\"\n className={cn(\n \"border border-gray-900/24 data-[placeholder]:text-gray-700 [&_svg:not([class*='text-'])]:text-gray-700\",\n 'focus-visible:outline-none focus:shadow-field-active',\n 'flex h-[36px] w-full items-center justify-between rounded bg-white pl-16 pr-12 text-left whitespace-nowrap transition-[color,box-shadow]',\n 'disabled:cursor-not-allowed disabled:opacity-64 disabled:shadow-none',\n '*:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-8',\n \"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-16\",\n 'hover:shadow-field-hover',\n 'active:shadow-field-active',\n 'data-[state=open]:shadow-field-active',\n className\n )}\n {...props}\n >\n {children}\n <SelectPrimitive.Icon asChild>\n <ChevronDownIcon className=\"size-16 opacity-64 shrink-0 ml-4\" />\n </SelectPrimitive.Icon>\n </SelectPrimitive.Trigger>\n )\n}\n\nfunction SelectContent({\n className,\n children,\n position = 'popper',\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Content>) {\n return (\n <SelectPrimitive.Portal>\n <SelectPrimitive.Content\n data-slot=\"select-content\"\n className={cn(\n 'bg-white',\n 'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',\n 'data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2',\n 'data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',\n 'relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded border shadow-200',\n position === 'popper' &&\n 'data-[side=bottom]:translate-y-4 data-[side=left]:-translate-x-4 data-[side=right]:translate-x-4 data-[side=top]:-translate-y-4',\n className\n )}\n position={position}\n {...props}\n >\n <SelectScrollUpButton />\n <SelectPrimitive.Viewport\n className={cn(\n position === 'popper' &&\n 'h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-4'\n )}\n >\n {children}\n </SelectPrimitive.Viewport>\n <SelectScrollDownButton />\n </SelectPrimitive.Content>\n </SelectPrimitive.Portal>\n )\n}\n\nfunction SelectLabel({\n className,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Label>) {\n return (\n <SelectPrimitive.Label\n data-slot=\"select-label\"\n className={cn('px-16 py-8 pr-8 font-semibold', className)}\n {...props}\n />\n )\n}\n\nfunction SelectItem({\n className,\n children,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Item>) {\n return (\n <SelectPrimitive.Item\n data-slot=\"select-item\"\n className={cn(\n 'relative flex w-full cursor-default items-center gap-8 py-8 pl-16 pr-32 outline-none select-none',\n 'hover:bg-gray-200',\n 'data-[disabled]:pointer-events-none data-[disabled]:opacity-64 [&_svg]:pointer-events-none [&_svg]:shrink-0',\n 'data-[state=checked]:bg-purple-800 data-[state=checked]:text-white hover:data-[state=checked]:bg-purple-800',\n \"[&_svg:not([class*='size-'])]:size-16 *:[span]:last:flex *:[span]:last:flex-col *:[span]:last:gap-8\",\n className\n )}\n {...props}\n >\n <span className=\"absolute right-8 top-8 flex size-16 items-center justify-center\">\n <SelectPrimitive.ItemIndicator>\n <CheckIcon className=\"size-16\" />\n </SelectPrimitive.ItemIndicator>\n </span>\n <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n </SelectPrimitive.Item>\n )\n}\n\nfunction SelectSeparator({\n className,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Separator>) {\n return (\n <SelectPrimitive.Separator\n data-slot=\"select-separator\"\n className={cn(\n 'bg-gray-900/24 pointer-events-none -mx-4 my-4 h-px',\n className\n )}\n {...props}\n />\n )\n}\n\nfunction SelectScrollUpButton({\n className,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>) {\n return (\n <SelectPrimitive.ScrollUpButton\n data-slot=\"select-scroll-up-button\"\n className={cn(\n 'flex cursor-default items-center justify-center py-4',\n className\n )}\n {...props}\n >\n <ChevronUpIcon className=\"size-16\" />\n </SelectPrimitive.ScrollUpButton>\n )\n}\n\nfunction SelectScrollDownButton({\n className,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>) {\n return (\n <SelectPrimitive.ScrollDownButton\n data-slot=\"select-scroll-down-button\"\n className={cn(\n 'flex cursor-default items-center justify-center py-4',\n className\n )}\n {...props}\n >\n <ChevronDownIcon className=\"size-16\" />\n </SelectPrimitive.ScrollDownButton>\n )\n}\n\nexport {\n Select,\n SelectContent,\n SelectGroup,\n SelectItem,\n SelectLabel,\n SelectScrollDownButton,\n SelectScrollUpButton,\n SelectSeparator,\n SelectTrigger,\n SelectValue\n}\n"],"mappings":";;;;;;;;AAOA,SAAS,EAAO,EACd,GAAG,KACiD;CACpD,OAAO,iBAAA,GAAA,EAAA,KAAC,EAAgB,MAAjB;EAAsB,aAAU;EAAS,GAAI;CAAQ,CAAA;AAC9D;AAEA,SAAS,EAAY,EACnB,GAAG,KACkD;CACrD,OAAO,iBAAA,GAAA,EAAA,KAAC,EAAgB,OAAjB;EAAuB,aAAU;EAAe,GAAI;CAAQ,CAAA;AACrE;AAEA,SAAS,EAAY,EACnB,GAAG,KACkD;CACrD,OAAO,iBAAA,GAAA,EAAA,KAAC,EAAgB,OAAjB;EAAuB,aAAU;EAAe,GAAI;CAAQ,CAAA;AACrE;AAEA,SAAS,EAAc,EACrB,cACA,aACA,GAAG,KAGF;CACD,OACE,iBAAA,GAAA,EAAA,MAAC,EAAgB,SAAjB;EACE,aAAU;EACV,WAAW,EACT,0GACA,wDACA,4IACA,wEACA,oJACA,sFACA,4BACA,8BACA,yCACA,CACF;EACA,GAAI;YAdN,CAgBG,GACD,iBAAA,GAAA,EAAA,KAAC,EAAgB,MAAjB;GAAsB,SAAA;aACpB,iBAAA,GAAA,EAAA,KAAC,GAAD,EAAiB,WAAU,mCAAoC,CAAA;EAC3C,CAAA,CACC;;AAE7B;AAEA,SAAS,EAAc,EACrB,cACA,aACA,cAAW,UACX,GAAG,KACoD;CACvD,OACE,iBAAA,GAAA,EAAA,KAAC,EAAgB,QAAjB,EAAA,UACE,iBAAA,GAAA,EAAA,MAAC,EAAgB,SAAjB;EACE,aAAU;EACV,WAAW,EACT,YACA,2HACA,uGACA,wHACA,2LACA,MAAa,YACX,mIACF,CACF;EACU;EACV,GAAI;YAbN;GAeE,iBAAA,GAAA,EAAA,KAAC,GAAD,CAAuB,CAAA;GACvB,iBAAA,GAAA,EAAA,KAAC,EAAgB,UAAjB;IACE,WAAW,EACT,MAAa,YACX,qGACJ;IAEC;GACuB,CAAA;GAC1B,iBAAA,GAAA,EAAA,KAAC,GAAD,CAAyB,CAAA;EACF;IACH,CAAA;AAE5B;AAEA,SAAS,EAAY,EACnB,cACA,GAAG,KACkD;CACrD,OACE,iBAAA,GAAA,EAAA,KAAC,EAAgB,OAAjB;EACE,aAAU;EACV,WAAW,EAAG,iCAAiC,CAAS;EACxD,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAW,EAClB,cACA,aACA,GAAG,KACiD;CACpD,OACE,iBAAA,GAAA,EAAA,MAAC,EAAgB,MAAjB;EACE,aAAU;EACV,WAAW,EACT,oGACA,qBACA,+GACA,+GACA,uGACA,CACF;EACA,GAAI;YAVN,CAYE,iBAAA,GAAA,EAAA,KAAC,QAAD;GAAM,WAAU;aACd,iBAAA,GAAA,EAAA,KAAC,EAAgB,eAAjB,EAAA,UACE,iBAAA,GAAA,EAAA,KAAC,GAAD,EAAW,WAAU,UAAW,CAAA,EACH,CAAA;EAC3B,CAAA,GACN,iBAAA,GAAA,EAAA,KAAC,EAAgB,UAAjB,EAA2B,YAAmC,CAAA,CAC1C;;AAE1B;AAEA,SAAS,EAAgB,EACvB,cACA,GAAG,KACsD;CACzD,OACE,iBAAA,GAAA,EAAA,KAAC,EAAgB,WAAjB;EACE,aAAU;EACV,WAAW,EACT,sDACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAqB,EAC5B,cACA,GAAG,KAC2D;CAC9D,OACE,iBAAA,GAAA,EAAA,KAAC,EAAgB,gBAAjB;EACE,aAAU;EACV,WAAW,EACT,wDACA,CACF;EACA,GAAI;YAEJ,iBAAA,GAAA,EAAA,KAAC,GAAD,EAAe,WAAU,UAAW,CAAA;CACN,CAAA;AAEpC;AAEA,SAAS,EAAuB,EAC9B,cACA,GAAG,KAC6D;CAChE,OACE,iBAAA,GAAA,EAAA,KAAC,EAAgB,kBAAjB;EACE,aAAU;EACV,WAAW,EACT,wDACA,CACF;EACA,GAAI;YAEJ,iBAAA,GAAA,EAAA,KAAC,GAAD,EAAiB,WAAU,UAAW,CAAA;CACN,CAAA;AAEtC"}
1
+ {"version":3,"file":"index33.js","names":[],"sources":["../src/Sonner/index.tsx"],"sourcesContent":["'use client'\n\nimport {\n AlertCircleIcon,\n AlertTriangleIcon,\n CheckIcon,\n LucideX\n} from 'lucide-react'\nimport { Toaster as Sonner } from 'sonner'\n\ntype ToasterProps = React.ComponentProps<typeof Sonner>\n\nconst Toaster = ({ className, ...props }: ToasterProps) => {\n return (\n <Sonner\n className={className}\n position=\"top-center\"\n offset={16}\n gap={16}\n closeButton={true}\n toastOptions={{\n unstyled: true,\n classNames: {\n toast:\n 'flex pointer-events-auto w-full gap-x-8 items-center overflow-hidden rounded border border-gray-900/8 p-16 pr-24 shadow-200 transition-all',\n success: 'bg-green-50',\n warning: 'bg-yellow-50',\n error: 'bg-magenta-50',\n title: 'text-sm text-gray-900! font-semibold!',\n description: 'text-sm text-gray-800!',\n closeButton:\n 'absolute left-auto right-8 top-8 size-24 inline-flex items-center justify-center rounded-full bg-gray-900/8 hover:bg-gray-900/12 focus:bg-gray-900/12 active:bg-gray-900/16'\n }\n }}\n icons={{\n success: <CheckIcon size={20} className=\"text-green-800\" />,\n warning: <AlertTriangleIcon size={20} className=\"text-yellow-600\" />,\n error: <AlertCircleIcon size={20} className=\"text-magenta-600\" />,\n close: <LucideX size={16} />\n }}\n {...props}\n />\n )\n}\n\nexport { Toaster }\n"],"mappings":";;;;;AAYA,IAAM,KAAW,EAAE,cAAW,GAAG,QAE7B,kBAAC,GAAD;CACa;CACX,UAAS;CACT,QAAQ;CACR,KAAK;CACL,aAAa;CACb,cAAc;EACZ,UAAU;EACV,YAAY;GACV,OACE;GACF,SAAS;GACT,SAAS;GACT,OAAO;GACP,OAAO;GACP,aAAa;GACb,aACE;EACJ;CACF;CACA,OAAO;EACL,SAAS,kBAAC,GAAD;GAAW,MAAM;GAAI,WAAU;EAAkB,CAAA;EAC1D,SAAS,kBAAC,GAAD;GAAmB,MAAM;GAAI,WAAU;EAAmB,CAAA;EACnE,OAAO,kBAAC,GAAD;GAAiB,MAAM;GAAI,WAAU;EAAoB,CAAA;EAChE,OAAO,kBAAC,GAAD,EAAS,MAAM,GAAK,CAAA;CAC7B;CACA,GAAI;AACL,CAAA"}
package/dist/index34.cjs CHANGED
@@ -1,2 +1,2 @@
1
- "use client";const e=require("./index2.cjs"),t=require("./index7.cjs"),n=require("./index10.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("@radix-ui/react-separator");i=e.__toESM(i,1);var a=n.default;function o({className:e,orientation:n=`horizontal`,decorative:r=!0,...o}){return(0,a.jsx)(i.Root,{"data-slot":`separator`,decorative:r,orientation:n,className:t.cn(`bg-gray-900/16 shrink-0`,`data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-auto`,`data-[orientation=vertical]:h-auto data-[orientation=vertical]:w-px`,e),...o})}exports.Separator=o;
1
+ "use client";let e=require("lucide-react"),t=require("react/jsx-runtime"),n=require("sonner");var r=({className:r,...i})=>(0,t.jsx)(n.Toaster,{className:r,position:`top-center`,offset:16,gap:16,closeButton:!0,toastOptions:{unstyled:!0,classNames:{toast:`flex pointer-events-auto w-full gap-x-8 items-center overflow-hidden rounded border border-gray-900/8 p-16 pr-24 shadow-200 transition-all`,success:`bg-green-50`,warning:`bg-yellow-50`,error:`bg-magenta-50`,title:`text-sm text-gray-900! font-semibold!`,description:`text-sm text-gray-800!`,closeButton:`absolute left-auto right-8 top-8 size-24 inline-flex items-center justify-center rounded-full bg-gray-900/8 hover:bg-gray-900/12 focus:bg-gray-900/12 active:bg-gray-900/16`}},icons:{success:(0,t.jsx)(e.CheckIcon,{size:20,className:`text-green-800`}),warning:(0,t.jsx)(e.AlertTriangleIcon,{size:20,className:`text-yellow-600`}),error:(0,t.jsx)(e.AlertCircleIcon,{size:20,className:`text-magenta-600`}),close:(0,t.jsx)(e.LucideX,{size:16})},...i});exports.Toaster=r;
2
2
  //# sourceMappingURL=index34.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"index34.cjs","names":[],"sources":["../src/Separator/index.tsx"],"sourcesContent":["'use client'\n\nimport * as SeparatorPrimitive from '@radix-ui/react-separator'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Separator({\n className,\n orientation = 'horizontal',\n decorative = true,\n ...props\n}: React.ComponentProps<typeof SeparatorPrimitive.Root>) {\n return (\n <SeparatorPrimitive.Root\n data-slot=\"separator\"\n decorative={decorative}\n orientation={orientation}\n className={cn(\n 'bg-gray-900/16 shrink-0',\n 'data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-auto',\n 'data-[orientation=vertical]:h-auto data-[orientation=vertical]:w-px',\n className\n )}\n {...props}\n />\n )\n}\n\nexport { Separator }\n"],"mappings":"sNAMA,SAAS,EAAU,CACjB,YACA,cAAc,aACd,aAAa,GACb,GAAG,GACoD,CACvD,OACE,EAAA,EAAA,KAAC,EAAmB,KAApB,CACE,YAAU,YACE,aACC,cACb,UAAW,EAAA,GACT,0BACA,0EACA,sEACA,CACF,EACA,GAAI,CACL,CAAA,CAEL"}
1
+ {"version":3,"file":"index34.cjs","names":[],"sources":["../src/Sonner/index.tsx"],"sourcesContent":["'use client'\n\nimport {\n AlertCircleIcon,\n AlertTriangleIcon,\n CheckIcon,\n LucideX\n} from 'lucide-react'\nimport { Toaster as Sonner } from 'sonner'\n\ntype ToasterProps = React.ComponentProps<typeof Sonner>\n\nconst Toaster = ({ className, ...props }: ToasterProps) => {\n return (\n <Sonner\n className={className}\n position=\"top-center\"\n offset={16}\n gap={16}\n closeButton={true}\n toastOptions={{\n unstyled: true,\n classNames: {\n toast:\n 'flex pointer-events-auto w-full gap-x-8 items-center overflow-hidden rounded border border-gray-900/8 p-16 pr-24 shadow-200 transition-all',\n success: 'bg-green-50',\n warning: 'bg-yellow-50',\n error: 'bg-magenta-50',\n title: 'text-sm text-gray-900! font-semibold!',\n description: 'text-sm text-gray-800!',\n closeButton:\n 'absolute left-auto right-8 top-8 size-24 inline-flex items-center justify-center rounded-full bg-gray-900/8 hover:bg-gray-900/12 focus:bg-gray-900/12 active:bg-gray-900/16'\n }\n }}\n icons={{\n success: <CheckIcon size={20} className=\"text-green-800\" />,\n warning: <AlertTriangleIcon size={20} className=\"text-yellow-600\" />,\n error: <AlertCircleIcon size={20} className=\"text-magenta-600\" />,\n close: <LucideX size={16} />\n }}\n {...props}\n />\n )\n}\n\nexport { Toaster }\n"],"mappings":"8FAYA,IAAM,GAAW,CAAE,YAAW,GAAG,MAE7B,EAAA,EAAA,KAAC,EAAA,QAAD,CACa,YACX,SAAS,aACT,OAAQ,GACR,IAAK,GACL,YAAa,GACb,aAAc,CACZ,SAAU,GACV,WAAY,CACV,MACE,6IACF,QAAS,cACT,QAAS,eACT,MAAO,gBACP,MAAO,wCACP,YAAa,yBACb,YACE,6KACJ,CACF,EACA,MAAO,CACL,SAAS,EAAA,EAAA,KAAC,EAAA,UAAD,CAAW,KAAM,GAAI,UAAU,gBAAkB,CAAA,EAC1D,SAAS,EAAA,EAAA,KAAC,EAAA,kBAAD,CAAmB,KAAM,GAAI,UAAU,iBAAmB,CAAA,EACnE,OAAO,EAAA,EAAA,KAAC,EAAA,gBAAD,CAAiB,KAAM,GAAI,UAAU,kBAAoB,CAAA,EAChE,OAAO,EAAA,EAAA,KAAC,EAAA,QAAD,CAAS,KAAM,EAAK,CAAA,CAC7B,EACA,GAAI,CACL,CAAA"}
package/dist/index34.js CHANGED
@@ -1,20 +1,21 @@
1
1
  "use client";
2
- import { cn as e } from "./index7.js";
3
- import { require_jsx_runtime as t } from "./index10.js";
2
+ import { cn as e } from "./index6.js";
4
3
  import "react";
5
- import * as n from "@radix-ui/react-separator";
6
- //#region src/Separator/index.tsx
7
- var r = t();
8
- function i({ className: t, orientation: i = "horizontal", decorative: a = !0, ...o }) {
9
- return /* @__PURE__ */ (0, r.jsx)(n.Root, {
10
- "data-slot": "separator",
11
- decorative: a,
12
- orientation: i,
13
- className: e("bg-gray-900/16 shrink-0", "data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-auto", "data-[orientation=vertical]:h-auto data-[orientation=vertical]:w-px", t),
14
- ...o
4
+ import { jsx as t } from "react/jsx-runtime";
5
+ import * as n from "@radix-ui/react-switch";
6
+ //#region src/Switch/index.tsx
7
+ function r({ className: r, ...i }) {
8
+ return /* @__PURE__ */ t(n.Root, {
9
+ "data-slot": "switch",
10
+ className: e("peer inline-flex h-[20px] w-[36px] shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors disabled:cursor-not-allowed disabled:opacity-64", "data-[state=checked]:bg-purple-700 data-[state=checked]:hover:bg-purple-800 data-[state=checked]:active:bg-purple-900", "data-[state=unchecked]:bg-gray-900/16 data-[state=unchecked]:hover:bg-gray-900/24 data-[state=unchecked]:active:bg-gray-900/32", r),
11
+ ...i,
12
+ children: /* @__PURE__ */ t(n.Thumb, {
13
+ "data-slot": "switch-thumb",
14
+ className: e("pointer-events-none block size-16 rounded-full bg-white shadow-lg transition-transform data-[state=checked]:translate-x-16 data-[state=unchecked]:translate-x-0")
15
+ })
15
16
  });
16
17
  }
17
18
  //#endregion
18
- export { i as Separator };
19
+ export { r as Switch };
19
20
 
20
21
  //# sourceMappingURL=index34.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index34.js","names":[],"sources":["../src/Separator/index.tsx"],"sourcesContent":["'use client'\n\nimport * as SeparatorPrimitive from '@radix-ui/react-separator'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Separator({\n className,\n orientation = 'horizontal',\n decorative = true,\n ...props\n}: React.ComponentProps<typeof SeparatorPrimitive.Root>) {\n return (\n <SeparatorPrimitive.Root\n data-slot=\"separator\"\n decorative={decorative}\n orientation={orientation}\n className={cn(\n 'bg-gray-900/16 shrink-0',\n 'data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-auto',\n 'data-[orientation=vertical]:h-auto data-[orientation=vertical]:w-px',\n className\n )}\n {...props}\n />\n )\n}\n\nexport { Separator }\n"],"mappings":";;;;;;;AAMA,SAAS,EAAU,EACjB,cACA,iBAAc,cACd,gBAAa,IACb,GAAG,KACoD;CACvD,OACE,iBAAA,GAAA,EAAA,KAAC,EAAmB,MAApB;EACE,aAAU;EACE;EACC;EACb,WAAW,EACT,2BACA,2EACA,uEACA,CACF;EACA,GAAI;CACL,CAAA;AAEL"}
1
+ {"version":3,"file":"index34.js","names":[],"sources":["../src/Switch/index.tsx"],"sourcesContent":["'use client'\n\nimport * as SwitchPrimitive from '@radix-ui/react-switch'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Switch({\n className,\n ...props\n}: React.ComponentProps<typeof SwitchPrimitive.Root>) {\n return (\n <SwitchPrimitive.Root\n data-slot=\"switch\"\n className={cn(\n 'peer inline-flex h-[20px] w-[36px] shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors disabled:cursor-not-allowed disabled:opacity-64',\n 'data-[state=checked]:bg-purple-700 data-[state=checked]:hover:bg-purple-800 data-[state=checked]:active:bg-purple-900',\n 'data-[state=unchecked]:bg-gray-900/16 data-[state=unchecked]:hover:bg-gray-900/24 data-[state=unchecked]:active:bg-gray-900/32',\n className\n )}\n {...props}\n >\n <SwitchPrimitive.Thumb\n data-slot=\"switch-thumb\"\n className={cn(\n 'pointer-events-none block size-16 rounded-full bg-white shadow-lg transition-transform data-[state=checked]:translate-x-16 data-[state=unchecked]:translate-x-0'\n )}\n />\n </SwitchPrimitive.Root>\n )\n}\n\nexport { Switch }\n"],"mappings":";;;;;;AAMA,SAAS,EAAO,EACd,cACA,GAAG,KACiD;CACpD,OACE,kBAAC,EAAgB,MAAjB;EACE,aAAU;EACV,WAAW,EACT,sLACA,yHACA,kIACA,CACF;EACA,GAAI;YAEJ,kBAAC,EAAgB,OAAjB;GACE,aAAU;GACV,WAAW,EACT,iKACF;EACD,CAAA;CACmB,CAAA;AAE1B"}
package/dist/index35.cjs CHANGED
@@ -1,2 +1,2 @@
1
- "use client";const e=require("./index2.cjs"),t=require("./index7.cjs"),n=require("./index10.cjs");let r=require("lucide-react"),i=require("react");i=e.__toESM(i,1);let a=require("@radix-ui/react-dialog");a=e.__toESM(a,1);var o=n.default;function s({...e}){return(0,o.jsx)(a.Root,{"data-slot":`sheet`,...e})}function c({...e}){return(0,o.jsx)(a.Trigger,{"data-slot":`sheet-trigger`,...e})}function l({...e}){return(0,o.jsx)(a.Close,{"data-slot":`sheet-close`,...e})}function u({...e}){return(0,o.jsx)(a.Portal,{"data-slot":`sheet-portal`,...e})}function d({className:e,...n}){return(0,o.jsx)(a.Overlay,{"data-slot":`sheet-overlay`,className:t.cn(`data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-gray-900/24 `,e),...n})}function f({className:e,children:n,side:i=`right`,...s}){return(0,o.jsxs)(u,{children:[(0,o.jsx)(d,{}),(0,o.jsxs)(a.Content,{"data-slot":`sheet-content`,className:t.cn(` bg-white data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-16 border-gray-900/16 transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500`,i===`right`&&`data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm`,i===`left`&&`data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm`,i===`top`&&`data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b`,i===`bottom`&&`data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t`,e),...s,children:[n,(0,o.jsxs)(a.Close,{className:`absolute right-16 top-16 rounded opacity-64 transition-opacity hover:opacity-100 focus:outline-none disabled:pointer-events-none`,children:[(0,o.jsx)(r.XIcon,{className:`size-16`}),(0,o.jsx)(`span`,{className:`sr-only`,children:`Close`})]})]})]})}function p({className:e,...n}){return(0,o.jsx)(`div`,{"data-slot":`sheet-header`,className:t.cn(`flex flex-col gap-8`,e),...n})}function m({className:e,...n}){return(0,o.jsx)(`div`,{"data-slot":`sheet-footer`,className:t.cn(`flex flex-col-reverse sm:flex-row sm:justify-end gap-8`,e),...n})}function h({className:e,...n}){return(0,o.jsx)(a.Title,{"data-slot":`sheet-title`,className:t.cn(`text-gray-800 font-semibold`,e),...n})}function g({className:e,...n}){return(0,o.jsx)(a.Description,{"data-slot":`sheet-description`,className:t.cn(`text-gray-900 text-base`,e),...n})}exports.Sheet=s,exports.SheetClose=l,exports.SheetContent=f,exports.SheetDescription=g,exports.SheetFooter=m,exports.SheetHeader=p,exports.SheetOverlay=d,exports.SheetPortal=u,exports.SheetTitle=h,exports.SheetTrigger=c;
1
+ "use client";const e=require("./index2.cjs"),t=require("./index7.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime"),i=require("@radix-ui/react-switch");i=e.__toESM(i,1);function a({className:e,...n}){return(0,r.jsx)(i.Root,{"data-slot":`switch`,className:t.cn(`peer inline-flex h-[20px] w-[36px] shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors disabled:cursor-not-allowed disabled:opacity-64`,`data-[state=checked]:bg-purple-700 data-[state=checked]:hover:bg-purple-800 data-[state=checked]:active:bg-purple-900`,`data-[state=unchecked]:bg-gray-900/16 data-[state=unchecked]:hover:bg-gray-900/24 data-[state=unchecked]:active:bg-gray-900/32`,e),...n,children:(0,r.jsx)(i.Thumb,{"data-slot":`switch-thumb`,className:t.cn(`pointer-events-none block size-16 rounded-full bg-white shadow-lg transition-transform data-[state=checked]:translate-x-16 data-[state=unchecked]:translate-x-0`)})})}exports.Switch=a;
2
2
  //# sourceMappingURL=index35.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"index35.cjs","names":[],"sources":["../src/Sheet/index.tsx"],"sourcesContent":["'use client'\n\nimport * as SheetPrimitive from '@radix-ui/react-dialog'\nimport { XIcon } from 'lucide-react'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>) {\n return <SheetPrimitive.Root data-slot=\"sheet\" {...props} />\n}\n\nfunction SheetTrigger({\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Trigger>) {\n return <SheetPrimitive.Trigger data-slot=\"sheet-trigger\" {...props} />\n}\n\nfunction SheetClose({\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Close>) {\n return <SheetPrimitive.Close data-slot=\"sheet-close\" {...props} />\n}\n\nfunction SheetPortal({\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Portal>) {\n return <SheetPrimitive.Portal data-slot=\"sheet-portal\" {...props} />\n}\n\nfunction SheetOverlay({\n className,\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Overlay>) {\n return (\n <SheetPrimitive.Overlay\n data-slot=\"sheet-overlay\"\n className={cn(\n 'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-gray-900/24 ',\n className\n )}\n {...props}\n />\n )\n}\n\nfunction SheetContent({\n className,\n children,\n side = 'right',\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Content> & {\n side?: 'top' | 'right' | 'bottom' | 'left'\n}) {\n return (\n <SheetPortal>\n <SheetOverlay />\n <SheetPrimitive.Content\n data-slot=\"sheet-content\"\n className={cn(\n ' bg-white data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-16 border-gray-900/16 transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500',\n side === 'right' &&\n 'data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm',\n side === 'left' &&\n 'data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm',\n side === 'top' &&\n 'data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b',\n side === 'bottom' &&\n 'data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t',\n className\n )}\n {...props}\n >\n {children}\n <SheetPrimitive.Close className=\"absolute right-16 top-16 rounded opacity-64 transition-opacity hover:opacity-100 focus:outline-none disabled:pointer-events-none\">\n <XIcon className=\"size-16\" />\n <span className=\"sr-only\">Close</span>\n </SheetPrimitive.Close>\n </SheetPrimitive.Content>\n </SheetPortal>\n )\n}\n\nfunction SheetHeader({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"sheet-header\"\n className={cn('flex flex-col gap-8', className)}\n {...props}\n />\n )\n}\n\nfunction SheetFooter({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"sheet-footer\"\n className={cn(\n 'flex flex-col-reverse sm:flex-row sm:justify-end gap-8',\n className\n )}\n {...props}\n />\n )\n}\n\nfunction SheetTitle({\n className,\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Title>) {\n return (\n <SheetPrimitive.Title\n data-slot=\"sheet-title\"\n className={cn('text-gray-800 font-semibold', className)}\n {...props}\n />\n )\n}\n\nfunction SheetDescription({\n className,\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Description>) {\n return (\n <SheetPrimitive.Description\n data-slot=\"sheet-description\"\n className={cn('text-gray-900 text-base', className)}\n {...props}\n />\n )\n}\n\nexport {\n Sheet,\n SheetClose,\n SheetContent,\n SheetDescription,\n SheetFooter,\n SheetHeader,\n SheetOverlay,\n SheetPortal,\n SheetTitle,\n SheetTrigger\n}\n"],"mappings":"6OAOA,SAAS,EAAM,CAAE,GAAG,GAA2D,CAC7E,OAAO,EAAA,EAAA,KAAC,EAAe,KAAhB,CAAqB,YAAU,QAAQ,GAAI,CAAQ,CAAA,CAC5D,CAEA,SAAS,EAAa,CACpB,GAAG,GACmD,CACtD,OAAO,EAAA,EAAA,KAAC,EAAe,QAAhB,CAAwB,YAAU,gBAAgB,GAAI,CAAQ,CAAA,CACvE,CAEA,SAAS,EAAW,CAClB,GAAG,GACiD,CACpD,OAAO,EAAA,EAAA,KAAC,EAAe,MAAhB,CAAsB,YAAU,cAAc,GAAI,CAAQ,CAAA,CACnE,CAEA,SAAS,EAAY,CACnB,GAAG,GACkD,CACrD,OAAO,EAAA,EAAA,KAAC,EAAe,OAAhB,CAAuB,YAAU,eAAe,GAAI,CAAQ,CAAA,CACrE,CAEA,SAAS,EAAa,CACpB,YACA,GAAG,GACmD,CACtD,OACE,EAAA,EAAA,KAAC,EAAe,QAAhB,CACE,YAAU,gBACV,UAAW,EAAA,GACT,6JACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAa,CACpB,YACA,WACA,OAAO,QACP,GAAG,GAGF,CACD,OACE,EAAA,EAAA,MAAC,EAAD,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,EAAD,CAAe,CAAA,GACf,EAAA,EAAA,MAAC,EAAe,QAAhB,CACE,YAAU,gBACV,UAAW,EAAA,GACT,mNACA,IAAS,SACP,mIACF,IAAS,QACP,gIACF,IAAS,OACP,2GACF,IAAS,UACP,oHACF,CACF,EACA,GAAI,WAdN,CAgBG,GACD,EAAA,EAAA,MAAC,EAAe,MAAhB,CAAsB,UAAU,4IAAhC,EACE,EAAA,EAAA,KAAC,EAAA,MAAD,CAAO,UAAU,SAAW,CAAA,GAC5B,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,mBAAU,OAAW,CAAA,CACjB,GACA,GACb,CAAA,CAAA,CAEjB,CAEA,SAAS,EAAY,CAAE,YAAW,GAAG,GAAsC,CACzE,OACE,EAAA,EAAA,KAAC,MAAD,CACE,YAAU,eACV,UAAW,EAAA,GAAG,sBAAuB,CAAS,EAC9C,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAY,CAAE,YAAW,GAAG,GAAsC,CACzE,OACE,EAAA,EAAA,KAAC,MAAD,CACE,YAAU,eACV,UAAW,EAAA,GACT,yDACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAW,CAClB,YACA,GAAG,GACiD,CACpD,OACE,EAAA,EAAA,KAAC,EAAe,MAAhB,CACE,YAAU,cACV,UAAW,EAAA,GAAG,8BAA+B,CAAS,EACtD,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAiB,CACxB,YACA,GAAG,GACuD,CAC1D,OACE,EAAA,EAAA,KAAC,EAAe,YAAhB,CACE,YAAU,oBACV,UAAW,EAAA,GAAG,0BAA2B,CAAS,EAClD,GAAI,CACL,CAAA,CAEL"}
1
+ {"version":3,"file":"index35.cjs","names":[],"sources":["../src/Switch/index.tsx"],"sourcesContent":["'use client'\n\nimport * as SwitchPrimitive from '@radix-ui/react-switch'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Switch({\n className,\n ...props\n}: React.ComponentProps<typeof SwitchPrimitive.Root>) {\n return (\n <SwitchPrimitive.Root\n data-slot=\"switch\"\n className={cn(\n 'peer inline-flex h-[20px] w-[36px] shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors disabled:cursor-not-allowed disabled:opacity-64',\n 'data-[state=checked]:bg-purple-700 data-[state=checked]:hover:bg-purple-800 data-[state=checked]:active:bg-purple-900',\n 'data-[state=unchecked]:bg-gray-900/16 data-[state=unchecked]:hover:bg-gray-900/24 data-[state=unchecked]:active:bg-gray-900/32',\n className\n )}\n {...props}\n >\n <SwitchPrimitive.Thumb\n data-slot=\"switch-thumb\"\n className={cn(\n 'pointer-events-none block size-16 rounded-full bg-white shadow-lg transition-transform data-[state=checked]:translate-x-16 data-[state=unchecked]:translate-x-0'\n )}\n />\n </SwitchPrimitive.Root>\n )\n}\n\nexport { Switch }\n"],"mappings":"uMAMA,SAAS,EAAO,CACd,YACA,GAAG,GACiD,CACpD,OACE,EAAA,EAAA,KAAC,EAAgB,KAAjB,CACE,YAAU,SACV,UAAW,EAAA,GACT,qLACA,wHACA,iIACA,CACF,EACA,GAAI,YAEJ,EAAA,EAAA,KAAC,EAAgB,MAAjB,CACE,YAAU,eACV,UAAW,EAAA,GACT,iKACF,CACD,CAAA,CACmB,CAAA,CAE1B"}
package/dist/index35.js CHANGED
@@ -1,85 +1,70 @@
1
- "use client";
2
- import { cn as e } from "./index7.js";
3
- import { require_jsx_runtime as t } from "./index10.js";
4
- import { XIcon as n } from "lucide-react";
1
+ import { cn as e } from "./index6.js";
2
+ import { LucideChevronDown as t, LucideChevronUp as n } from "lucide-react";
5
3
  import "react";
6
- import * as r from "@radix-ui/react-dialog";
7
- //#region src/Sheet/index.tsx
8
- var i = t();
9
- function a({ ...e }) {
10
- return /* @__PURE__ */ (0, i.jsx)(r.Root, {
11
- "data-slot": "sheet",
12
- ...e
4
+ import { jsx as r, jsxs as i } from "react/jsx-runtime";
5
+ //#region src/Table/index.tsx
6
+ function a({ className: t, ...n }) {
7
+ return /* @__PURE__ */ r("table", {
8
+ "data-slot": "table",
9
+ className: e("border-separate border-spacing-y-8 h-fit", t),
10
+ ...n
13
11
  });
14
12
  }
15
- function o({ ...e }) {
16
- return /* @__PURE__ */ (0, i.jsx)(r.Trigger, {
17
- "data-slot": "sheet-trigger",
18
- ...e
13
+ function o({ className: t, ...n }) {
14
+ return /* @__PURE__ */ r("thead", {
15
+ "data-slot": "table-header",
16
+ className: e("bg-gray-200 text-left text-sm", t),
17
+ ...n
19
18
  });
20
19
  }
21
- function s({ ...e }) {
22
- return /* @__PURE__ */ (0, i.jsx)(r.Close, {
23
- "data-slot": "sheet-close",
24
- ...e
20
+ function s({ className: t, hoverable: n, ...i }) {
21
+ return /* @__PURE__ */ r("tbody", {
22
+ "data-slot": "table-body",
23
+ className: e("bg-white h-full", { "[&_tr:hover]:bg-gray-100 cursor-pointer": n }, t),
24
+ ...i
25
25
  });
26
26
  }
27
- function c({ ...e }) {
28
- return /* @__PURE__ */ (0, i.jsx)(r.Portal, {
29
- "data-slot": "sheet-portal",
30
- ...e
27
+ function c({ className: t, ...n }) {
28
+ return /* @__PURE__ */ r("tfoot", {
29
+ "data-slot": "table-footer",
30
+ className: e("bg-gray-100", t),
31
+ ...n
31
32
  });
32
33
  }
33
34
  function l({ className: t, ...n }) {
34
- return /* @__PURE__ */ (0, i.jsx)(r.Overlay, {
35
- "data-slot": "sheet-overlay",
36
- className: e("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-gray-900/24 ", t),
35
+ return /* @__PURE__ */ r("tr", {
36
+ "data-slot": "table-row",
37
+ className: e("transition-colors data-[state=selected]:bg-gray-100", t),
37
38
  ...n
38
39
  });
39
40
  }
40
- function u({ className: t, children: a, side: o = "right", ...s }) {
41
- return /* @__PURE__ */ (0, i.jsxs)(c, { children: [/* @__PURE__ */ (0, i.jsx)(l, {}), /* @__PURE__ */ (0, i.jsxs)(r.Content, {
42
- "data-slot": "sheet-content",
43
- className: e(" bg-white data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-16 border-gray-900/16 transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500", o === "right" && "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm", o === "left" && "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm", o === "top" && "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b", o === "bottom" && "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t", t),
44
- ...s,
45
- children: [a, /* @__PURE__ */ (0, i.jsxs)(r.Close, {
46
- className: "absolute right-16 top-16 rounded opacity-64 transition-opacity hover:opacity-100 focus:outline-none disabled:pointer-events-none",
47
- children: [/* @__PURE__ */ (0, i.jsx)(n, { className: "size-16" }), /* @__PURE__ */ (0, i.jsx)("span", {
48
- className: "sr-only",
49
- children: "Close"
50
- })]
41
+ function u({ className: a, children: o, sortDirection: s, ...c }) {
42
+ let l;
43
+ return s === "ASC" ? l = n : s === "DESC" && (l = t), /* @__PURE__ */ i("th", {
44
+ "data-slot": "table-head",
45
+ className: e("first:rounded-l first:pl-24", "last:rounded-r last:pr-24", "px-12 py-8 font-normal leading-14", "whitespace-nowrap", { "cursor-pointer": !!c?.onClick }, a),
46
+ ...c,
47
+ children: [o, l && /* @__PURE__ */ r(l, {
48
+ size: 16,
49
+ className: "inline-block ml-4"
51
50
  })]
52
- })] });
51
+ });
53
52
  }
54
53
  function d({ className: t, ...n }) {
55
- return /* @__PURE__ */ (0, i.jsx)("div", {
56
- "data-slot": "sheet-header",
57
- className: e("flex flex-col gap-8", t),
54
+ return /* @__PURE__ */ r("td", {
55
+ "data-slot": "table-cell",
56
+ className: e("first:rounded-l first:pl-24 first:border-l", "last:rounded-r last:pr-24 last:border-r", "border-gray-900/8 border-y px-12 h-[54px]", "whitespace-nowrap", t),
58
57
  ...n
59
58
  });
60
59
  }
61
60
  function f({ className: t, ...n }) {
62
- return /* @__PURE__ */ (0, i.jsx)("div", {
63
- "data-slot": "sheet-footer",
64
- className: e("flex flex-col-reverse sm:flex-row sm:justify-end gap-8", t),
65
- ...n
66
- });
67
- }
68
- function p({ className: t, ...n }) {
69
- return /* @__PURE__ */ (0, i.jsx)(r.Title, {
70
- "data-slot": "sheet-title",
71
- className: e("text-gray-800 font-semibold", t),
72
- ...n
73
- });
74
- }
75
- function m({ className: t, ...n }) {
76
- return /* @__PURE__ */ (0, i.jsx)(r.Description, {
77
- "data-slot": "sheet-description",
78
- className: e("text-gray-900 text-base", t),
61
+ return /* @__PURE__ */ r("caption", {
62
+ "data-slot": "table-caption",
63
+ className: e("mt-16 text-sm text-gray-700", t),
79
64
  ...n
80
65
  });
81
66
  }
82
67
  //#endregion
83
- export { a as Sheet, s as SheetClose, u as SheetContent, m as SheetDescription, f as SheetFooter, d as SheetHeader, l as SheetOverlay, c as SheetPortal, p as SheetTitle, o as SheetTrigger };
68
+ export { a as Table, s as TableBody, f as TableCaption, d as TableCell, c as TableFooter, u as TableHead, o as TableHeader, l as TableRow };
84
69
 
85
70
  //# sourceMappingURL=index35.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index35.js","names":[],"sources":["../src/Sheet/index.tsx"],"sourcesContent":["'use client'\n\nimport * as SheetPrimitive from '@radix-ui/react-dialog'\nimport { XIcon } from 'lucide-react'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>) {\n return <SheetPrimitive.Root data-slot=\"sheet\" {...props} />\n}\n\nfunction SheetTrigger({\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Trigger>) {\n return <SheetPrimitive.Trigger data-slot=\"sheet-trigger\" {...props} />\n}\n\nfunction SheetClose({\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Close>) {\n return <SheetPrimitive.Close data-slot=\"sheet-close\" {...props} />\n}\n\nfunction SheetPortal({\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Portal>) {\n return <SheetPrimitive.Portal data-slot=\"sheet-portal\" {...props} />\n}\n\nfunction SheetOverlay({\n className,\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Overlay>) {\n return (\n <SheetPrimitive.Overlay\n data-slot=\"sheet-overlay\"\n className={cn(\n 'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-gray-900/24 ',\n className\n )}\n {...props}\n />\n )\n}\n\nfunction SheetContent({\n className,\n children,\n side = 'right',\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Content> & {\n side?: 'top' | 'right' | 'bottom' | 'left'\n}) {\n return (\n <SheetPortal>\n <SheetOverlay />\n <SheetPrimitive.Content\n data-slot=\"sheet-content\"\n className={cn(\n ' bg-white data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-16 border-gray-900/16 transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500',\n side === 'right' &&\n 'data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm',\n side === 'left' &&\n 'data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm',\n side === 'top' &&\n 'data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b',\n side === 'bottom' &&\n 'data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t',\n className\n )}\n {...props}\n >\n {children}\n <SheetPrimitive.Close className=\"absolute right-16 top-16 rounded opacity-64 transition-opacity hover:opacity-100 focus:outline-none disabled:pointer-events-none\">\n <XIcon className=\"size-16\" />\n <span className=\"sr-only\">Close</span>\n </SheetPrimitive.Close>\n </SheetPrimitive.Content>\n </SheetPortal>\n )\n}\n\nfunction SheetHeader({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"sheet-header\"\n className={cn('flex flex-col gap-8', className)}\n {...props}\n />\n )\n}\n\nfunction SheetFooter({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"sheet-footer\"\n className={cn(\n 'flex flex-col-reverse sm:flex-row sm:justify-end gap-8',\n className\n )}\n {...props}\n />\n )\n}\n\nfunction SheetTitle({\n className,\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Title>) {\n return (\n <SheetPrimitive.Title\n data-slot=\"sheet-title\"\n className={cn('text-gray-800 font-semibold', className)}\n {...props}\n />\n )\n}\n\nfunction SheetDescription({\n className,\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Description>) {\n return (\n <SheetPrimitive.Description\n data-slot=\"sheet-description\"\n className={cn('text-gray-900 text-base', className)}\n {...props}\n />\n )\n}\n\nexport {\n Sheet,\n SheetClose,\n SheetContent,\n SheetDescription,\n SheetFooter,\n SheetHeader,\n SheetOverlay,\n SheetPortal,\n SheetTitle,\n SheetTrigger\n}\n"],"mappings":";;;;;;;;AAOA,SAAS,EAAM,EAAE,GAAG,KAA2D;CAC7E,OAAO,iBAAA,GAAA,EAAA,KAAC,EAAe,MAAhB;EAAqB,aAAU;EAAQ,GAAI;CAAQ,CAAA;AAC5D;AAEA,SAAS,EAAa,EACpB,GAAG,KACmD;CACtD,OAAO,iBAAA,GAAA,EAAA,KAAC,EAAe,SAAhB;EAAwB,aAAU;EAAgB,GAAI;CAAQ,CAAA;AACvE;AAEA,SAAS,EAAW,EAClB,GAAG,KACiD;CACpD,OAAO,iBAAA,GAAA,EAAA,KAAC,EAAe,OAAhB;EAAsB,aAAU;EAAc,GAAI;CAAQ,CAAA;AACnE;AAEA,SAAS,EAAY,EACnB,GAAG,KACkD;CACrD,OAAO,iBAAA,GAAA,EAAA,KAAC,EAAe,QAAhB;EAAuB,aAAU;EAAe,GAAI;CAAQ,CAAA;AACrE;AAEA,SAAS,EAAa,EACpB,cACA,GAAG,KACmD;CACtD,OACE,iBAAA,GAAA,EAAA,KAAC,EAAe,SAAhB;EACE,aAAU;EACV,WAAW,EACT,8JACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAa,EACpB,cACA,aACA,UAAO,SACP,GAAG,KAGF;CACD,OACE,iBAAA,GAAA,EAAA,MAAC,GAAD,EAAA,UAAA,CACE,iBAAA,GAAA,EAAA,KAAC,GAAD,CAAe,CAAA,GACf,iBAAA,GAAA,EAAA,MAAC,EAAe,SAAhB;EACE,aAAU;EACV,WAAW,EACT,oNACA,MAAS,WACP,oIACF,MAAS,UACP,iIACF,MAAS,SACP,4GACF,MAAS,YACP,qHACF,CACF;EACA,GAAI;YAdN,CAgBG,GACD,iBAAA,GAAA,EAAA,MAAC,EAAe,OAAhB;GAAsB,WAAU;aAAhC,CACE,iBAAA,GAAA,EAAA,KAAC,GAAD,EAAO,WAAU,UAAW,CAAA,GAC5B,iBAAA,GAAA,EAAA,KAAC,QAAD;IAAM,WAAU;cAAU;GAAW,CAAA,CACjB;IACA;GACb,EAAA,CAAA;AAEjB;AAEA,SAAS,EAAY,EAAE,cAAW,GAAG,KAAsC;CACzE,OACE,iBAAA,GAAA,EAAA,KAAC,OAAD;EACE,aAAU;EACV,WAAW,EAAG,uBAAuB,CAAS;EAC9C,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAY,EAAE,cAAW,GAAG,KAAsC;CACzE,OACE,iBAAA,GAAA,EAAA,KAAC,OAAD;EACE,aAAU;EACV,WAAW,EACT,0DACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAW,EAClB,cACA,GAAG,KACiD;CACpD,OACE,iBAAA,GAAA,EAAA,KAAC,EAAe,OAAhB;EACE,aAAU;EACV,WAAW,EAAG,+BAA+B,CAAS;EACtD,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAiB,EACxB,cACA,GAAG,KACuD;CAC1D,OACE,iBAAA,GAAA,EAAA,KAAC,EAAe,aAAhB;EACE,aAAU;EACV,WAAW,EAAG,2BAA2B,CAAS;EAClD,GAAI;CACL,CAAA;AAEL"}
1
+ {"version":3,"file":"index35.js","names":[],"sources":["../src/Table/index.tsx"],"sourcesContent":["import { LucideChevronDown, LucideChevronUp } from 'lucide-react'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Table({ className, ...props }: React.ComponentProps<'table'>) {\n return (\n <table\n data-slot=\"table\"\n className={cn('border-separate border-spacing-y-8 h-fit', className)}\n {...props}\n />\n )\n}\n\nfunction TableHeader({ className, ...props }: React.ComponentProps<'thead'>) {\n return (\n <thead\n data-slot=\"table-header\"\n className={cn('bg-gray-200 text-left text-sm', className)}\n {...props}\n />\n )\n}\n\nfunction TableBody({\n className,\n hoverable,\n ...props\n}: React.ComponentProps<'tbody'> & { hoverable?: boolean }) {\n return (\n <tbody\n data-slot=\"table-body\"\n className={cn(\n 'bg-white h-full',\n {\n '[&_tr:hover]:bg-gray-100 cursor-pointer': hoverable\n },\n className\n )}\n {...props}\n />\n )\n}\n\nfunction TableFooter({ className, ...props }: React.ComponentProps<'tfoot'>) {\n return (\n <tfoot\n data-slot=\"table-footer\"\n className={cn('bg-gray-100', className)}\n {...props}\n />\n )\n}\n\nfunction TableRow({ className, ...props }: React.ComponentProps<'tr'>) {\n return (\n <tr\n data-slot=\"table-row\"\n className={cn(\n 'transition-colors data-[state=selected]:bg-gray-100',\n className\n )}\n {...props}\n />\n )\n}\n\nfunction TableHead({\n className,\n children,\n sortDirection,\n ...props\n}: React.ComponentProps<'th'> & { sortDirection?: 'ASC' | 'DESC' }) {\n let SortIcon\n if (sortDirection === 'ASC') {\n SortIcon = LucideChevronUp\n } else if (sortDirection === 'DESC') {\n SortIcon = LucideChevronDown\n }\n\n return (\n <th\n data-slot=\"table-head\"\n className={cn(\n 'first:rounded-l first:pl-24',\n 'last:rounded-r last:pr-24',\n 'px-12 py-8 font-normal leading-14',\n 'whitespace-nowrap',\n {\n 'cursor-pointer': !!props?.onClick\n },\n className\n )}\n {...props}\n >\n {children}\n {SortIcon && <SortIcon size={16} className=\"inline-block ml-4\" />}\n </th>\n )\n}\n\nfunction TableCell({ className, ...props }: React.ComponentProps<'td'>) {\n return (\n <td\n data-slot=\"table-cell\"\n className={cn(\n 'first:rounded-l first:pl-24 first:border-l',\n 'last:rounded-r last:pr-24 last:border-r',\n 'border-gray-900/8 border-y px-12 h-[54px]',\n 'whitespace-nowrap',\n className\n )}\n {...props}\n />\n )\n}\n\nfunction TableCaption({\n className,\n ...props\n}: React.ComponentProps<'caption'>) {\n return (\n <caption\n data-slot=\"table-caption\"\n className={cn('mt-16 text-sm text-gray-700', className)}\n {...props}\n />\n )\n}\n\nexport {\n Table,\n TableBody,\n TableCaption,\n TableCell,\n TableFooter,\n TableHead,\n TableHeader,\n TableRow\n}\n"],"mappings":";;;;;AAIA,SAAS,EAAM,EAAE,cAAW,GAAG,KAAwC;CACrE,OACE,kBAAC,SAAD;EACE,aAAU;EACV,WAAW,EAAG,4CAA4C,CAAS;EACnE,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAY,EAAE,cAAW,GAAG,KAAwC;CAC3E,OACE,kBAAC,SAAD;EACE,aAAU;EACV,WAAW,EAAG,iCAAiC,CAAS;EACxD,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAU,EACjB,cACA,cACA,GAAG,KACuD;CAC1D,OACE,kBAAC,SAAD;EACE,aAAU;EACV,WAAW,EACT,mBACA,EACE,2CAA2C,EAC7C,GACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAY,EAAE,cAAW,GAAG,KAAwC;CAC3E,OACE,kBAAC,SAAD;EACE,aAAU;EACV,WAAW,EAAG,eAAe,CAAS;EACtC,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAS,EAAE,cAAW,GAAG,KAAqC;CACrE,OACE,kBAAC,MAAD;EACE,aAAU;EACV,WAAW,EACT,uDACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAU,EACjB,cACA,aACA,kBACA,GAAG,KAC+D;CAClE,IAAI;CAOJ,OANI,MAAkB,QACpB,IAAW,IACF,MAAkB,WAC3B,IAAW,IAIX,kBAAC,MAAD;EACE,aAAU;EACV,WAAW,EACT,+BACA,6BACA,qCACA,qBACA,EACE,kBAAkB,CAAC,CAAC,GAAO,QAC7B,GACA,CACF;EACA,GAAI;YAZN,CAcG,GACA,KAAY,kBAAC,GAAD;GAAU,MAAM;GAAI,WAAU;EAAqB,CAAA,CAC9D;;AAER;AAEA,SAAS,EAAU,EAAE,cAAW,GAAG,KAAqC;CACtE,OACE,kBAAC,MAAD;EACE,aAAU;EACV,WAAW,EACT,8CACA,2CACA,6CACA,qBACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAa,EACpB,cACA,GAAG,KAC+B;CAClC,OACE,kBAAC,WAAD;EACE,aAAU;EACV,WAAW,EAAG,+BAA+B,CAAS;EACtD,GAAI;CACL,CAAA;AAEL"}
package/dist/index36.cjs CHANGED
@@ -1,2 +1,2 @@
1
- const e=require("./index7.cjs");var t=require("./index10.cjs").default;function n({className:n,...r}){return(0,t.jsx)(`div`,{className:e.cn(`animate-pulse rounded-full bg-gray-900/16`,n),...r})}exports.Skeleton=n;
1
+ const e=require("./index2.cjs"),t=require("./index7.cjs");let n=require("lucide-react"),r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");function a({className:e,...n}){return(0,i.jsx)(`table`,{"data-slot":`table`,className:t.cn(`border-separate border-spacing-y-8 h-fit`,e),...n})}function o({className:e,...n}){return(0,i.jsx)(`thead`,{"data-slot":`table-header`,className:t.cn(`bg-gray-200 text-left text-sm`,e),...n})}function s({className:e,hoverable:n,...r}){return(0,i.jsx)(`tbody`,{"data-slot":`table-body`,className:t.cn(`bg-white h-full`,{"[&_tr:hover]:bg-gray-100 cursor-pointer":n},e),...r})}function c({className:e,...n}){return(0,i.jsx)(`tfoot`,{"data-slot":`table-footer`,className:t.cn(`bg-gray-100`,e),...n})}function l({className:e,...n}){return(0,i.jsx)(`tr`,{"data-slot":`table-row`,className:t.cn(`transition-colors data-[state=selected]:bg-gray-100`,e),...n})}function u({className:e,children:r,sortDirection:a,...o}){let s;return a===`ASC`?s=n.LucideChevronUp:a===`DESC`&&(s=n.LucideChevronDown),(0,i.jsxs)(`th`,{"data-slot":`table-head`,className:t.cn(`first:rounded-l first:pl-24`,`last:rounded-r last:pr-24`,`px-12 py-8 font-normal leading-14`,`whitespace-nowrap`,{"cursor-pointer":!!o?.onClick},e),...o,children:[r,s&&(0,i.jsx)(s,{size:16,className:`inline-block ml-4`})]})}function d({className:e,...n}){return(0,i.jsx)(`td`,{"data-slot":`table-cell`,className:t.cn(`first:rounded-l first:pl-24 first:border-l`,`last:rounded-r last:pr-24 last:border-r`,`border-gray-900/8 border-y px-12 h-[54px]`,`whitespace-nowrap`,e),...n})}function f({className:e,...n}){return(0,i.jsx)(`caption`,{"data-slot":`table-caption`,className:t.cn(`mt-16 text-sm text-gray-700`,e),...n})}exports.Table=a,exports.TableBody=s,exports.TableCaption=f,exports.TableCell=d,exports.TableFooter=c,exports.TableHead=u,exports.TableHeader=o,exports.TableRow=l;
2
2
  //# sourceMappingURL=index36.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"index36.cjs","names":[],"sources":["../src/Skeleton/index.tsx"],"sourcesContent":["import { cn } from '../lib/utils'\n\nfunction Skeleton({\n className,\n ...props\n}: React.HTMLAttributes<HTMLDivElement>) {\n return (\n <div\n className={cn('animate-pulse rounded-full bg-gray-900/16', className)}\n {...props}\n />\n )\n}\n\nexport { Skeleton }\n"],"mappings":"uEAEA,SAAS,EAAS,CAChB,YACA,GAAG,GACoC,CACvC,OACE,EAAA,EAAA,KAAC,MAAD,CACE,UAAW,EAAA,GAAG,4CAA6C,CAAS,EACpE,GAAI,CACL,CAAA,CAEL"}
1
+ {"version":3,"file":"index36.cjs","names":[],"sources":["../src/Table/index.tsx"],"sourcesContent":["import { LucideChevronDown, LucideChevronUp } from 'lucide-react'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Table({ className, ...props }: React.ComponentProps<'table'>) {\n return (\n <table\n data-slot=\"table\"\n className={cn('border-separate border-spacing-y-8 h-fit', className)}\n {...props}\n />\n )\n}\n\nfunction TableHeader({ className, ...props }: React.ComponentProps<'thead'>) {\n return (\n <thead\n data-slot=\"table-header\"\n className={cn('bg-gray-200 text-left text-sm', className)}\n {...props}\n />\n )\n}\n\nfunction TableBody({\n className,\n hoverable,\n ...props\n}: React.ComponentProps<'tbody'> & { hoverable?: boolean }) {\n return (\n <tbody\n data-slot=\"table-body\"\n className={cn(\n 'bg-white h-full',\n {\n '[&_tr:hover]:bg-gray-100 cursor-pointer': hoverable\n },\n className\n )}\n {...props}\n />\n )\n}\n\nfunction TableFooter({ className, ...props }: React.ComponentProps<'tfoot'>) {\n return (\n <tfoot\n data-slot=\"table-footer\"\n className={cn('bg-gray-100', className)}\n {...props}\n />\n )\n}\n\nfunction TableRow({ className, ...props }: React.ComponentProps<'tr'>) {\n return (\n <tr\n data-slot=\"table-row\"\n className={cn(\n 'transition-colors data-[state=selected]:bg-gray-100',\n className\n )}\n {...props}\n />\n )\n}\n\nfunction TableHead({\n className,\n children,\n sortDirection,\n ...props\n}: React.ComponentProps<'th'> & { sortDirection?: 'ASC' | 'DESC' }) {\n let SortIcon\n if (sortDirection === 'ASC') {\n SortIcon = LucideChevronUp\n } else if (sortDirection === 'DESC') {\n SortIcon = LucideChevronDown\n }\n\n return (\n <th\n data-slot=\"table-head\"\n className={cn(\n 'first:rounded-l first:pl-24',\n 'last:rounded-r last:pr-24',\n 'px-12 py-8 font-normal leading-14',\n 'whitespace-nowrap',\n {\n 'cursor-pointer': !!props?.onClick\n },\n className\n )}\n {...props}\n >\n {children}\n {SortIcon && <SortIcon size={16} className=\"inline-block ml-4\" />}\n </th>\n )\n}\n\nfunction TableCell({ className, ...props }: React.ComponentProps<'td'>) {\n return (\n <td\n data-slot=\"table-cell\"\n className={cn(\n 'first:rounded-l first:pl-24 first:border-l',\n 'last:rounded-r last:pr-24 last:border-r',\n 'border-gray-900/8 border-y px-12 h-[54px]',\n 'whitespace-nowrap',\n className\n )}\n {...props}\n />\n )\n}\n\nfunction TableCaption({\n className,\n ...props\n}: React.ComponentProps<'caption'>) {\n return (\n <caption\n data-slot=\"table-caption\"\n className={cn('mt-16 text-sm text-gray-700', className)}\n {...props}\n />\n )\n}\n\nexport {\n Table,\n TableBody,\n TableCaption,\n TableCell,\n TableFooter,\n TableHead,\n TableHeader,\n TableRow\n}\n"],"mappings":"+JAIA,SAAS,EAAM,CAAE,YAAW,GAAG,GAAwC,CACrE,OACE,EAAA,EAAA,KAAC,QAAD,CACE,YAAU,QACV,UAAW,EAAA,GAAG,2CAA4C,CAAS,EACnE,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAY,CAAE,YAAW,GAAG,GAAwC,CAC3E,OACE,EAAA,EAAA,KAAC,QAAD,CACE,YAAU,eACV,UAAW,EAAA,GAAG,gCAAiC,CAAS,EACxD,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAU,CACjB,YACA,YACA,GAAG,GACuD,CAC1D,OACE,EAAA,EAAA,KAAC,QAAD,CACE,YAAU,aACV,UAAW,EAAA,GACT,kBACA,CACE,0CAA2C,CAC7C,EACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAY,CAAE,YAAW,GAAG,GAAwC,CAC3E,OACE,EAAA,EAAA,KAAC,QAAD,CACE,YAAU,eACV,UAAW,EAAA,GAAG,cAAe,CAAS,EACtC,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAS,CAAE,YAAW,GAAG,GAAqC,CACrE,OACE,EAAA,EAAA,KAAC,KAAD,CACE,YAAU,YACV,UAAW,EAAA,GACT,sDACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAU,CACjB,YACA,WACA,gBACA,GAAG,GAC+D,CAClE,IAAI,EAOJ,OANI,IAAkB,MACpB,EAAW,EAAA,gBACF,IAAkB,SAC3B,EAAW,EAAA,oBAIX,EAAA,EAAA,MAAC,KAAD,CACE,YAAU,aACV,UAAW,EAAA,GACT,8BACA,4BACA,oCACA,oBACA,CACE,iBAAkB,CAAC,CAAC,GAAO,OAC7B,EACA,CACF,EACA,GAAI,WAZN,CAcG,EACA,IAAY,EAAA,EAAA,KAAC,EAAD,CAAU,KAAM,GAAI,UAAU,mBAAqB,CAAA,CAC9D,GAER,CAEA,SAAS,EAAU,CAAE,YAAW,GAAG,GAAqC,CACtE,OACE,EAAA,EAAA,KAAC,KAAD,CACE,YAAU,aACV,UAAW,EAAA,GACT,6CACA,0CACA,4CACA,oBACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAa,CACpB,YACA,GAAG,GAC+B,CAClC,OACE,EAAA,EAAA,KAAC,UAAD,CACE,YAAU,gBACV,UAAW,EAAA,GAAG,8BAA+B,CAAS,EACtD,GAAI,CACL,CAAA,CAEL"}
package/dist/index36.js CHANGED
@@ -1,14 +1,59 @@
1
- import { cn as e } from "./index7.js";
2
- import { require_jsx_runtime as t } from "./index10.js";
3
- //#region src/Skeleton/index.tsx
4
- var n = t();
5
- function r({ className: t, ...r }) {
6
- return /* @__PURE__ */ (0, n.jsx)("div", {
7
- className: e("animate-pulse rounded-full bg-gray-900/16", t),
8
- ...r
1
+ "use client";
2
+ import { cva as e } from "./index4.js";
3
+ import { cn as t } from "./index6.js";
4
+ import * as n from "react";
5
+ import { jsx as r } from "react/jsx-runtime";
6
+ import * as i from "@radix-ui/react-tabs";
7
+ //#region src/Tabs/index.tsx
8
+ var a = e("inline-flex items-center text-base font-normal text-gray-600 [&_svg]:text-gray-600 [&_i]:text-gray-600", {
9
+ variants: { variant: {
10
+ default: "h-48 p-8 gap-8 justify-center rounded-[12px] bg-gray-200",
11
+ subtle: "h-[36px] w-full justify-start rounded-none border-b border-gray-900/16 bg-transparent p-0 gap-0"
12
+ } },
13
+ defaultVariants: { variant: "default" }
14
+ }), o = e("inline-flex items-center justify-center whitespace-nowrap transition-all focus-visible:outline-none disabled:pointer-events-none disabled:opacity-64", {
15
+ variants: { variant: {
16
+ default: t("h-32 rounded px-[12px] py-[6px]", "hover:bg-gray-900/8 active:bg-gray-900/12", "data-[state=active]:bg-white data-[state=active]:hover:bg-white data-[state=active]:text-purple-800 hover:data-[state=active]:text-purple-800", "data-[state=active]:[&_svg]:text-purple-800 [&_i]:data-[state=active]:text-purple-800", "[&:has(>svg:first-child)]:pl-[10px]"),
17
+ subtle: t("relative h-[36px] rounded-none shadow-none data-[state=active]:z-10 data-[state=active]:shadow-none font-medium", "px-12 py-0", "border-b-2 border-transparent data-[state=active]:-mb-px data-[state=active]:border-purple-700", "text-gray-700 hover:text-purple-700 data-[state=active]:text-purple-700 hover:data-[state=active]:text-purple-700", "bg-transparent hover:bg-transparent data-[state=active]:bg-transparent hover:data-[state=active]:bg-transparent")
18
+ } },
19
+ defaultVariants: { variant: "default" }
20
+ }), s = n.createContext({ variant: "default" });
21
+ function c({ className: e, variant: t = "default", ...n }) {
22
+ let a = t ?? "default";
23
+ return /* @__PURE__ */ r(s.Provider, {
24
+ value: { variant: a },
25
+ children: /* @__PURE__ */ r(i.Root, {
26
+ "data-slot": "tabs",
27
+ "data-variant": a,
28
+ className: e,
29
+ ...n
30
+ })
31
+ });
32
+ }
33
+ function l({ className: e, ...o }) {
34
+ let { variant: c } = n.useContext(s);
35
+ return /* @__PURE__ */ r(i.List, {
36
+ "data-slot": "tabs-list",
37
+ className: t(a({ variant: c }), e),
38
+ ...o
39
+ });
40
+ }
41
+ function u({ className: e, ...a }) {
42
+ let { variant: c } = n.useContext(s);
43
+ return /* @__PURE__ */ r(i.Trigger, {
44
+ "data-slot": "tabs-trigger",
45
+ className: t(o({ variant: c }), e),
46
+ ...a
47
+ });
48
+ }
49
+ function d({ className: e, ...n }) {
50
+ return /* @__PURE__ */ r(i.Content, {
51
+ "data-slot": "tabs-content",
52
+ className: t("flex-1 outline-none", e),
53
+ ...n
9
54
  });
10
55
  }
11
56
  //#endregion
12
- export { r as Skeleton };
57
+ export { c as Tabs, d as TabsContent, l as TabsList, u as TabsTrigger };
13
58
 
14
59
  //# sourceMappingURL=index36.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index36.js","names":[],"sources":["../src/Skeleton/index.tsx"],"sourcesContent":["import { cn } from '../lib/utils'\n\nfunction Skeleton({\n className,\n ...props\n}: React.HTMLAttributes<HTMLDivElement>) {\n return (\n <div\n className={cn('animate-pulse rounded-full bg-gray-900/16', className)}\n {...props}\n />\n )\n}\n\nexport { Skeleton }\n"],"mappings":";;;;AAEA,SAAS,EAAS,EAChB,cACA,GAAG,KACoC;CACvC,OACE,iBAAA,GAAA,EAAA,KAAC,OAAD;EACE,WAAW,EAAG,6CAA6C,CAAS;EACpE,GAAI;CACL,CAAA;AAEL"}
1
+ {"version":3,"file":"index36.js","names":[],"sources":["../src/Tabs/index.tsx"],"sourcesContent":["'use client'\n\nimport * as TabsPrimitive from '@radix-ui/react-tabs'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nconst tabsListVariants = cva(\n 'inline-flex items-center text-base font-normal text-gray-600 [&_svg]:text-gray-600 [&_i]:text-gray-600',\n {\n variants: {\n variant: {\n default: 'h-48 p-8 gap-8 justify-center rounded-[12px] bg-gray-200',\n subtle:\n 'h-[36px] w-full justify-start rounded-none border-b border-gray-900/16 bg-transparent p-0 gap-0'\n }\n },\n defaultVariants: {\n variant: 'default'\n }\n }\n)\n\nconst tabsTriggerVariants = cva(\n 'inline-flex items-center justify-center whitespace-nowrap transition-all focus-visible:outline-none disabled:pointer-events-none disabled:opacity-64',\n {\n variants: {\n variant: {\n default: cn(\n 'h-32 rounded px-[12px] py-[6px]',\n 'hover:bg-gray-900/8 active:bg-gray-900/12',\n 'data-[state=active]:bg-white data-[state=active]:hover:bg-white data-[state=active]:text-purple-800 hover:data-[state=active]:text-purple-800',\n 'data-[state=active]:[&_svg]:text-purple-800 [&_i]:data-[state=active]:text-purple-800',\n '[&:has(>svg:first-child)]:pl-[10px]'\n ),\n subtle: cn(\n 'relative h-[36px] rounded-none shadow-none data-[state=active]:z-10 data-[state=active]:shadow-none font-medium',\n 'px-12 py-0',\n 'border-b-2 border-transparent data-[state=active]:-mb-px data-[state=active]:border-purple-700',\n 'text-gray-700 hover:text-purple-700 data-[state=active]:text-purple-700 hover:data-[state=active]:text-purple-700',\n 'bg-transparent hover:bg-transparent data-[state=active]:bg-transparent hover:data-[state=active]:bg-transparent'\n )\n }\n },\n defaultVariants: {\n variant: 'default'\n }\n }\n)\n\ntype TabsVariant = NonNullable<VariantProps<typeof tabsListVariants>['variant']>\n\nconst TabsContext = React.createContext<{ variant: TabsVariant }>({\n variant: 'default'\n})\n\nfunction Tabs({\n className,\n variant = 'default',\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.Root> &\n VariantProps<typeof tabsListVariants>) {\n const resolvedVariant = variant ?? 'default'\n\n return (\n <TabsContext.Provider value={{ variant: resolvedVariant }}>\n <TabsPrimitive.Root\n data-slot=\"tabs\"\n data-variant={resolvedVariant}\n className={className}\n {...props}\n />\n </TabsContext.Provider>\n )\n}\n\nfunction TabsList({\n className,\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.List>) {\n const { variant } = React.useContext(TabsContext)\n\n return (\n <TabsPrimitive.List\n data-slot=\"tabs-list\"\n className={cn(tabsListVariants({ variant }), className)}\n {...props}\n />\n )\n}\n\nfunction TabsTrigger({\n className,\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.Trigger>) {\n const { variant } = React.useContext(TabsContext)\n\n return (\n <TabsPrimitive.Trigger\n data-slot=\"tabs-trigger\"\n className={cn(tabsTriggerVariants({ variant }), className)}\n {...props}\n />\n )\n}\n\nfunction TabsContent({\n className,\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.Content>) {\n return (\n <TabsPrimitive.Content\n data-slot=\"tabs-content\"\n className={cn('flex-1 outline-none', className)}\n {...props}\n />\n )\n}\n\nexport { Tabs, TabsContent, TabsList, TabsTrigger }\n"],"mappings":";;;;;;;AAOA,IAAM,IAAmB,EACvB,0GACA;CACE,UAAU,EACR,SAAS;EACP,SAAS;EACT,QACE;CACJ,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CACF,GAEM,IAAsB,EAC1B,wJACA;CACE,UAAU,EACR,SAAS;EACP,SAAS,EACP,mCACA,6CACA,iJACA,yFACA,qCACF;EACA,QAAQ,EACN,mHACA,cACA,kGACA,qHACA,iHACF;CACF,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CACF,GAIM,IAAc,EAAM,cAAwC,EAChE,SAAS,UACX,CAAC;AAED,SAAS,EAAK,EACZ,cACA,aAAU,WACV,GAAG,KAEoC;CACvC,IAAM,IAAkB,KAAW;CAEnC,OACE,kBAAC,EAAY,UAAb;EAAsB,OAAO,EAAE,SAAS,EAAgB;YACtD,kBAAC,EAAc,MAAf;GACE,aAAU;GACV,gBAAc;GACH;GACX,GAAI;EACL,CAAA;CACmB,CAAA;AAE1B;AAEA,SAAS,EAAS,EAChB,cACA,GAAG,KAC+C;CAClD,IAAM,EAAE,eAAY,EAAM,WAAW,CAAW;CAEhD,OACE,kBAAC,EAAc,MAAf;EACE,aAAU;EACV,WAAW,EAAG,EAAiB,EAAE,WAAQ,CAAC,GAAG,CAAS;EACtD,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAY,EACnB,cACA,GAAG,KACkD;CACrD,IAAM,EAAE,eAAY,EAAM,WAAW,CAAW;CAEhD,OACE,kBAAC,EAAc,SAAf;EACE,aAAU;EACV,WAAW,EAAG,EAAoB,EAAE,WAAQ,CAAC,GAAG,CAAS;EACzD,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAY,EACnB,cACA,GAAG,KACkD;CACrD,OACE,kBAAC,EAAc,SAAf;EACE,aAAU;EACV,WAAW,EAAG,uBAAuB,CAAS;EAC9C,GAAI;CACL,CAAA;AAEL"}
package/dist/index37.cjs CHANGED
@@ -1,2 +1,2 @@
1
- "use client";const e=require("./index10.cjs");let t=require("lucide-react"),n=require("sonner");var r=e.default,i=({className:e,...i})=>(0,r.jsx)(n.Toaster,{className:e,position:`top-center`,offset:16,gap:16,closeButton:!0,toastOptions:{unstyled:!0,classNames:{toast:`flex pointer-events-auto w-full gap-x-8 items-center overflow-hidden rounded border border-gray-900/8 p-16 pr-24 shadow-200 transition-all`,success:`bg-green-50`,warning:`bg-yellow-50`,error:`bg-magenta-50`,title:`text-sm text-gray-900! font-semibold!`,description:`text-sm text-gray-800!`,closeButton:`absolute left-auto right-8 top-8 size-24 inline-flex items-center justify-center rounded-full bg-gray-900/8 hover:bg-gray-900/12 focus:bg-gray-900/12 active:bg-gray-900/16`}},icons:{success:(0,r.jsx)(t.CheckIcon,{size:20,className:`text-green-800`}),warning:(0,r.jsx)(t.AlertTriangleIcon,{size:20,className:`text-yellow-600`}),error:(0,r.jsx)(t.AlertCircleIcon,{size:20,className:`text-magenta-600`}),close:(0,r.jsx)(t.LucideX,{size:16})},...i});exports.Toaster=i;
1
+ "use client";const e=require("./index2.cjs"),t=require("./index5.cjs"),n=require("./index7.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime"),a=require("@radix-ui/react-tabs");a=e.__toESM(a,1);var o=t.cva(`inline-flex items-center text-base font-normal text-gray-600 [&_svg]:text-gray-600 [&_i]:text-gray-600`,{variants:{variant:{default:`h-48 p-8 gap-8 justify-center rounded-[12px] bg-gray-200`,subtle:`h-[36px] w-full justify-start rounded-none border-b border-gray-900/16 bg-transparent p-0 gap-0`}},defaultVariants:{variant:`default`}}),s=t.cva(`inline-flex items-center justify-center whitespace-nowrap transition-all focus-visible:outline-none disabled:pointer-events-none disabled:opacity-64`,{variants:{variant:{default:n.cn(`h-32 rounded px-[12px] py-[6px]`,`hover:bg-gray-900/8 active:bg-gray-900/12`,`data-[state=active]:bg-white data-[state=active]:hover:bg-white data-[state=active]:text-purple-800 hover:data-[state=active]:text-purple-800`,`data-[state=active]:[&_svg]:text-purple-800 [&_i]:data-[state=active]:text-purple-800`,`[&:has(>svg:first-child)]:pl-[10px]`),subtle:n.cn(`relative h-[36px] rounded-none shadow-none data-[state=active]:z-10 data-[state=active]:shadow-none font-medium`,`px-12 py-0`,`border-b-2 border-transparent data-[state=active]:-mb-px data-[state=active]:border-purple-700`,`text-gray-700 hover:text-purple-700 data-[state=active]:text-purple-700 hover:data-[state=active]:text-purple-700`,`bg-transparent hover:bg-transparent data-[state=active]:bg-transparent hover:data-[state=active]:bg-transparent`)}},defaultVariants:{variant:`default`}}),c=r.createContext({variant:`default`});function l({className:e,variant:t=`default`,...n}){let r=t??`default`;return(0,i.jsx)(c.Provider,{value:{variant:r},children:(0,i.jsx)(a.Root,{"data-slot":`tabs`,"data-variant":r,className:e,...n})})}function u({className:e,...t}){let{variant:s}=r.useContext(c);return(0,i.jsx)(a.List,{"data-slot":`tabs-list`,className:n.cn(o({variant:s}),e),...t})}function d({className:e,...t}){let{variant:o}=r.useContext(c);return(0,i.jsx)(a.Trigger,{"data-slot":`tabs-trigger`,className:n.cn(s({variant:o}),e),...t})}function f({className:e,...t}){return(0,i.jsx)(a.Content,{"data-slot":`tabs-content`,className:n.cn(`flex-1 outline-none`,e),...t})}exports.Tabs=l,exports.TabsContent=f,exports.TabsList=u,exports.TabsTrigger=d;
2
2
  //# sourceMappingURL=index37.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"index37.cjs","names":[],"sources":["../src/Sonner/index.tsx"],"sourcesContent":["'use client'\n\nimport {\n AlertCircleIcon,\n AlertTriangleIcon,\n CheckIcon,\n LucideX\n} from 'lucide-react'\nimport { Toaster as Sonner } from 'sonner'\n\ntype ToasterProps = React.ComponentProps<typeof Sonner>\n\nconst Toaster = ({ className, ...props }: ToasterProps) => {\n return (\n <Sonner\n className={className}\n position=\"top-center\"\n offset={16}\n gap={16}\n closeButton={true}\n toastOptions={{\n unstyled: true,\n classNames: {\n toast:\n 'flex pointer-events-auto w-full gap-x-8 items-center overflow-hidden rounded border border-gray-900/8 p-16 pr-24 shadow-200 transition-all',\n success: 'bg-green-50',\n warning: 'bg-yellow-50',\n error: 'bg-magenta-50',\n title: 'text-sm text-gray-900! font-semibold!',\n description: 'text-sm text-gray-800!',\n closeButton:\n 'absolute left-auto right-8 top-8 size-24 inline-flex items-center justify-center rounded-full bg-gray-900/8 hover:bg-gray-900/12 focus:bg-gray-900/12 active:bg-gray-900/16'\n }\n }}\n icons={{\n success: <CheckIcon size={20} className=\"text-green-800\" />,\n warning: <AlertTriangleIcon size={20} className=\"text-yellow-600\" />,\n error: <AlertCircleIcon size={20} className=\"text-magenta-600\" />,\n close: <LucideX size={16} />\n }}\n {...props}\n />\n )\n}\n\nexport { Toaster }\n"],"mappings":"gHAYM,GAAW,CAAE,YAAW,GAAG,MAE7B,EAAA,EAAA,KAAC,EAAA,QAAD,CACa,YACX,SAAS,aACT,OAAQ,GACR,IAAK,GACL,YAAa,GACb,aAAc,CACZ,SAAU,GACV,WAAY,CACV,MACE,6IACF,QAAS,cACT,QAAS,eACT,MAAO,gBACP,MAAO,wCACP,YAAa,yBACb,YACE,6KACJ,CACF,EACA,MAAO,CACL,SAAS,EAAA,EAAA,KAAC,EAAA,UAAD,CAAW,KAAM,GAAI,UAAU,gBAAkB,CAAA,EAC1D,SAAS,EAAA,EAAA,KAAC,EAAA,kBAAD,CAAmB,KAAM,GAAI,UAAU,iBAAmB,CAAA,EACnE,OAAO,EAAA,EAAA,KAAC,EAAA,gBAAD,CAAiB,KAAM,GAAI,UAAU,kBAAoB,CAAA,EAChE,OAAO,EAAA,EAAA,KAAC,EAAA,QAAD,CAAS,KAAM,EAAK,CAAA,CAC7B,EACA,GAAI,CACL,CAAA"}
1
+ {"version":3,"file":"index37.cjs","names":[],"sources":["../src/Tabs/index.tsx"],"sourcesContent":["'use client'\n\nimport * as TabsPrimitive from '@radix-ui/react-tabs'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nconst tabsListVariants = cva(\n 'inline-flex items-center text-base font-normal text-gray-600 [&_svg]:text-gray-600 [&_i]:text-gray-600',\n {\n variants: {\n variant: {\n default: 'h-48 p-8 gap-8 justify-center rounded-[12px] bg-gray-200',\n subtle:\n 'h-[36px] w-full justify-start rounded-none border-b border-gray-900/16 bg-transparent p-0 gap-0'\n }\n },\n defaultVariants: {\n variant: 'default'\n }\n }\n)\n\nconst tabsTriggerVariants = cva(\n 'inline-flex items-center justify-center whitespace-nowrap transition-all focus-visible:outline-none disabled:pointer-events-none disabled:opacity-64',\n {\n variants: {\n variant: {\n default: cn(\n 'h-32 rounded px-[12px] py-[6px]',\n 'hover:bg-gray-900/8 active:bg-gray-900/12',\n 'data-[state=active]:bg-white data-[state=active]:hover:bg-white data-[state=active]:text-purple-800 hover:data-[state=active]:text-purple-800',\n 'data-[state=active]:[&_svg]:text-purple-800 [&_i]:data-[state=active]:text-purple-800',\n '[&:has(>svg:first-child)]:pl-[10px]'\n ),\n subtle: cn(\n 'relative h-[36px] rounded-none shadow-none data-[state=active]:z-10 data-[state=active]:shadow-none font-medium',\n 'px-12 py-0',\n 'border-b-2 border-transparent data-[state=active]:-mb-px data-[state=active]:border-purple-700',\n 'text-gray-700 hover:text-purple-700 data-[state=active]:text-purple-700 hover:data-[state=active]:text-purple-700',\n 'bg-transparent hover:bg-transparent data-[state=active]:bg-transparent hover:data-[state=active]:bg-transparent'\n )\n }\n },\n defaultVariants: {\n variant: 'default'\n }\n }\n)\n\ntype TabsVariant = NonNullable<VariantProps<typeof tabsListVariants>['variant']>\n\nconst TabsContext = React.createContext<{ variant: TabsVariant }>({\n variant: 'default'\n})\n\nfunction Tabs({\n className,\n variant = 'default',\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.Root> &\n VariantProps<typeof tabsListVariants>) {\n const resolvedVariant = variant ?? 'default'\n\n return (\n <TabsContext.Provider value={{ variant: resolvedVariant }}>\n <TabsPrimitive.Root\n data-slot=\"tabs\"\n data-variant={resolvedVariant}\n className={className}\n {...props}\n />\n </TabsContext.Provider>\n )\n}\n\nfunction TabsList({\n className,\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.List>) {\n const { variant } = React.useContext(TabsContext)\n\n return (\n <TabsPrimitive.List\n data-slot=\"tabs-list\"\n className={cn(tabsListVariants({ variant }), className)}\n {...props}\n />\n )\n}\n\nfunction TabsTrigger({\n className,\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.Trigger>) {\n const { variant } = React.useContext(TabsContext)\n\n return (\n <TabsPrimitive.Trigger\n data-slot=\"tabs-trigger\"\n className={cn(tabsTriggerVariants({ variant }), className)}\n {...props}\n />\n )\n}\n\nfunction TabsContent({\n className,\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.Content>) {\n return (\n <TabsPrimitive.Content\n data-slot=\"tabs-content\"\n className={cn('flex-1 outline-none', className)}\n {...props}\n />\n )\n}\n\nexport { Tabs, TabsContent, TabsList, TabsTrigger }\n"],"mappings":"+NAOA,IAAM,EAAmB,EAAA,IACvB,yGACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,2DACT,OACE,iGACJ,CACF,EACA,gBAAiB,CACf,QAAS,SACX,CACF,CACF,EAEM,EAAsB,EAAA,IAC1B,uJACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,EAAA,GACP,kCACA,4CACA,gJACA,wFACA,qCACF,EACA,OAAQ,EAAA,GACN,kHACA,aACA,iGACA,oHACA,iHACF,CACF,CACF,EACA,gBAAiB,CACf,QAAS,SACX,CACF,CACF,EAIM,EAAc,EAAM,cAAwC,CAChE,QAAS,SACX,CAAC,EAED,SAAS,EAAK,CACZ,YACA,UAAU,UACV,GAAG,GAEoC,CACvC,IAAM,EAAkB,GAAW,UAEnC,OACE,EAAA,EAAA,KAAC,EAAY,SAAb,CAAsB,MAAO,CAAE,QAAS,CAAgB,YACtD,EAAA,EAAA,KAAC,EAAc,KAAf,CACE,YAAU,OACV,eAAc,EACH,YACX,GAAI,CACL,CAAA,CACmB,CAAA,CAE1B,CAEA,SAAS,EAAS,CAChB,YACA,GAAG,GAC+C,CAClD,GAAM,CAAE,WAAY,EAAM,WAAW,CAAW,EAEhD,OACE,EAAA,EAAA,KAAC,EAAc,KAAf,CACE,YAAU,YACV,UAAW,EAAA,GAAG,EAAiB,CAAE,SAAQ,CAAC,EAAG,CAAS,EACtD,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAY,CACnB,YACA,GAAG,GACkD,CACrD,GAAM,CAAE,WAAY,EAAM,WAAW,CAAW,EAEhD,OACE,EAAA,EAAA,KAAC,EAAc,QAAf,CACE,YAAU,eACV,UAAW,EAAA,GAAG,EAAoB,CAAE,SAAQ,CAAC,EAAG,CAAS,EACzD,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAY,CACnB,YACA,GAAG,GACkD,CACrD,OACE,EAAA,EAAA,KAAC,EAAc,QAAf,CACE,YAAU,eACV,UAAW,EAAA,GAAG,sBAAuB,CAAS,EAC9C,GAAI,CACL,CAAA,CAEL"}