@incognia/cosmik 2.0.0-alpha.0 → 2.0.0-alpha.2

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/index.cjs +1 -1
  2. package/dist/index.js +34 -34
  3. package/dist/index10.cjs +1 -1
  4. package/dist/index10.cjs.map +1 -1
  5. package/dist/index10.js +69 -9
  6. package/dist/index10.js.map +1 -1
  7. package/dist/index11.cjs +1 -1
  8. package/dist/index11.cjs.map +1 -1
  9. package/dist/index11.js +91 -54
  10. package/dist/index11.js.map +1 -1
  11. package/dist/index12.cjs +1 -1
  12. package/dist/index12.cjs.map +1 -1
  13. package/dist/index12.js +51 -151
  14. package/dist/index12.js.map +1 -1
  15. package/dist/index13.cjs +1 -1
  16. package/dist/index13.cjs.map +1 -1
  17. package/dist/index13.js +16 -86
  18. package/dist/index13.js.map +1 -1
  19. package/dist/index14.cjs +1 -1
  20. package/dist/index14.cjs.map +1 -1
  21. package/dist/index14.js +83 -66
  22. package/dist/index14.js.map +1 -1
  23. package/dist/index15.cjs +1 -1
  24. package/dist/index15.cjs.map +1 -1
  25. package/dist/index15.js +81 -98
  26. package/dist/index15.js.map +1 -1
  27. package/dist/index16.cjs +1 -1
  28. package/dist/index16.cjs.map +1 -1
  29. package/dist/index16.js +105 -38
  30. package/dist/index16.js.map +1 -1
  31. package/dist/index17.cjs +1 -1
  32. package/dist/index17.cjs.map +1 -1
  33. package/dist/index17.js +34 -17
  34. package/dist/index17.js.map +1 -1
  35. package/dist/index18.cjs +1 -1
  36. package/dist/index18.cjs.map +1 -1
  37. package/dist/index18.js +68 -82
  38. package/dist/index18.js.map +1 -1
  39. package/dist/index19.cjs +1 -1
  40. package/dist/index19.cjs.map +1 -1
  41. package/dist/index19.js +63 -84
  42. package/dist/index19.js.map +1 -1
  43. package/dist/index2.cjs +1 -1
  44. package/dist/index20.cjs +1 -1
  45. package/dist/index20.cjs.map +1 -1
  46. package/dist/index20.js +19 -114
  47. package/dist/index20.js.map +1 -1
  48. package/dist/index21.cjs +1 -1
  49. package/dist/index21.cjs.map +1 -1
  50. package/dist/index21.js +10 -36
  51. package/dist/index21.js.map +1 -1
  52. package/dist/index22.cjs +1 -1
  53. package/dist/index22.cjs.map +1 -1
  54. package/dist/index22.js +12 -72
  55. package/dist/index22.js.map +1 -1
  56. package/dist/index23.cjs +1 -1
  57. package/dist/index23.cjs.map +1 -1
  58. package/dist/index23.js +46 -64
  59. package/dist/index23.js.map +1 -1
  60. package/dist/index24.cjs +1 -1
  61. package/dist/index24.cjs.map +1 -1
  62. package/dist/index24.js +6 -28
  63. package/dist/index24.js.map +1 -1
  64. package/dist/index25.cjs +1 -1
  65. package/dist/index25.cjs.map +1 -1
  66. package/dist/index25.js +19 -12
  67. package/dist/index25.js.map +1 -1
  68. package/dist/index26.cjs +1 -1
  69. package/dist/index26.cjs.map +1 -1
  70. package/dist/index26.js +62 -11
  71. package/dist/index26.js.map +1 -1
  72. package/dist/index27.cjs +1 -1
  73. package/dist/index27.cjs.map +1 -1
  74. package/dist/index27.js +16 -46
  75. package/dist/index27.js.map +1 -1
  76. package/dist/index28.cjs +1 -1
  77. package/dist/index28.cjs.map +1 -1
  78. package/dist/index28.js +26 -7
  79. package/dist/index28.js.map +1 -1
  80. package/dist/index29.cjs +1 -1
  81. package/dist/index29.cjs.map +1 -1
  82. package/dist/index29.js +92 -20
  83. package/dist/index29.js.map +1 -1
  84. package/dist/index3.js +18 -0
  85. package/dist/index3.js.map +1 -0
  86. package/dist/index30.cjs +1 -1
  87. package/dist/index30.cjs.map +1 -1
  88. package/dist/index30.js +13 -64
  89. package/dist/index30.js.map +1 -1
  90. package/dist/index31.cjs +1 -1
  91. package/dist/index31.cjs.map +1 -1
  92. package/dist/index31.js +77 -16
  93. package/dist/index31.js.map +1 -1
  94. package/dist/index32.cjs +1 -1
  95. package/dist/index32.cjs.map +1 -1
  96. package/dist/index32.js +8 -26
  97. package/dist/index32.js.map +1 -1
  98. package/dist/index33.cjs +1 -1
  99. package/dist/index33.cjs.map +1 -1
  100. package/dist/index33.js +40 -94
  101. package/dist/index33.js.map +1 -1
  102. package/dist/index34.cjs +1 -1
  103. package/dist/index34.cjs.map +1 -1
  104. package/dist/index34.js +14 -13
  105. package/dist/index34.js.map +1 -1
  106. package/dist/index35.cjs +1 -1
  107. package/dist/index35.cjs.map +1 -1
  108. package/dist/index35.js +44 -59
  109. package/dist/index35.js.map +1 -1
  110. package/dist/index36.cjs +1 -1
  111. package/dist/index36.cjs.map +1 -1
  112. package/dist/index36.js +32 -8
  113. package/dist/index36.js.map +1 -1
  114. package/dist/index37.cjs +1 -1
  115. package/dist/index37.cjs.map +1 -1
  116. package/dist/index37.js +69 -40
  117. package/dist/index37.js.map +1 -1
  118. package/dist/index38.cjs +1 -1
  119. package/dist/index38.cjs.map +1 -1
  120. package/dist/index38.js +9 -16
  121. package/dist/index38.js.map +1 -1
  122. package/dist/index39.cjs +1 -1
  123. package/dist/index39.cjs.map +1 -1
  124. package/dist/index39.js +81 -65
  125. package/dist/index39.js.map +1 -1
  126. package/dist/index4.js +32 -15
  127. package/dist/index4.js.map +1 -1
  128. package/dist/index40.cjs +1 -1
  129. package/dist/index40.cjs.map +1 -1
  130. package/dist/index40.js +45 -31
  131. package/dist/index40.js.map +1 -1
  132. package/dist/index41.cjs +1 -1
  133. package/dist/index41.cjs.map +1 -1
  134. package/dist/index41.js +43 -68
  135. package/dist/index41.js.map +1 -1
  136. package/dist/index42.cjs +1 -1
  137. package/dist/index42.cjs.map +1 -1
  138. package/dist/index42.js +78 -10
  139. package/dist/index42.js.map +1 -1
  140. package/dist/index43.cjs +1 -1
  141. package/dist/index43.cjs.map +1 -1
  142. package/dist/index5.js +1584 -31
  143. package/dist/index5.js.map +1 -1
  144. package/dist/index6.js +10 -1582
  145. package/dist/index6.js.map +1 -1
  146. package/dist/index7.js +57 -11
  147. package/dist/index7.js.map +1 -1
  148. package/dist/index8.cjs +1 -1
  149. package/dist/index8.cjs.map +1 -1
  150. package/dist/index8.js +153 -19
  151. package/dist/index8.js.map +1 -1
  152. package/dist/index9.cjs +1 -6
  153. package/dist/index9.cjs.map +1 -1
  154. package/dist/index9.js +89 -159
  155. package/dist/index9.js.map +1 -1
  156. package/package.json +1 -1
  157. package/dist/index2.js +0 -7
  158. package/dist/index43.js +0 -87
  159. package/dist/index43.js.map +0 -1
  160. package/dist/index44.cjs +0 -2
  161. package/dist/index44.cjs.map +0 -1
  162. package/dist/index44.js +0 -53
  163. package/dist/index44.js.map +0 -1
  164. package/dist/index45.cjs +0 -2
  165. package/dist/index45.cjs.map +0 -1
  166. package/dist/index45.js +0 -49
  167. package/dist/index45.js.map +0 -1
  168. package/dist/index46.cjs +0 -2
  169. package/dist/index46.cjs.map +0 -1
  170. package/dist/index46.js +0 -85
  171. package/dist/index46.js.map +0 -1
  172. /package/dist/{src/cosmik-theme.css → cosmik-theme.css} +0 -0
@@ -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-orange-50',\n error: 'bg-red-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-orange-600\" />,\n error: <AlertCircleIcon size={20} className=\"text-red-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;EAAgB,CAAA;EAC5D,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-orange-50`,error:`bg-red-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-orange-600`}),error:(0,t.jsx)(e.AlertCircleIcon,{size:20,className:`text-red-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-orange-50',\n error: 'bg-red-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-orange-600\" />,\n error: <AlertCircleIcon size={20} className=\"text-red-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,YACP,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,cAAgB,CAAA,EAC5D,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-md`,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-md', 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,wBAAyB,CAAS,EAChD,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-md", 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-md', 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,yBAAyB,CAAS;EAChD,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,38 @@
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),
1
+ "use client";
2
+ import { cn as e } from "./index6.js";
3
+ import "react";
4
+ import { jsx as t } from "react/jsx-runtime";
5
+ import * as n from "@radix-ui/react-tabs";
6
+ //#region src/Tabs/index.tsx
7
+ function r({ className: e, ...r }) {
8
+ return /* @__PURE__ */ t(n.Root, {
9
+ "data-slot": "tabs",
10
+ className: e,
8
11
  ...r
9
12
  });
10
13
  }
14
+ function i({ className: r, ...i }) {
15
+ return /* @__PURE__ */ t(n.List, {
16
+ "data-slot": "tabs-list",
17
+ className: e("inline-flex h-48 p-8 gap-8 items-center justify-center rounded-[16px] bg-gray-200 text-md font-normal text-gray-600 [&_svg]:text-gray-600 [&_i]:text-gray-600", r),
18
+ ...i
19
+ });
20
+ }
21
+ function a({ className: r, ...i }) {
22
+ return /* @__PURE__ */ t(n.Trigger, {
23
+ "data-slot": "tabs-trigger",
24
+ className: e("inline-flex h-32 items-center justify-center whitespace-nowrap rounded px-[12px] py-[6px] transition-all", "focus-visible:outline-none disabled:pointer-events-none disabled:opacity-64", "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]", r),
25
+ ...i
26
+ });
27
+ }
28
+ function o({ className: r, ...i }) {
29
+ return /* @__PURE__ */ t(n.Content, {
30
+ "data-slot": "tabs-content",
31
+ className: e("flex-1 outline-none", r),
32
+ ...i
33
+ });
34
+ }
11
35
  //#endregion
12
- export { r as Skeleton };
36
+ export { r as Tabs, o as TabsContent, i as TabsList, a as TabsTrigger };
13
37
 
14
38
  //# 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 * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Tabs({\n className,\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.Root>) {\n return (\n <TabsPrimitive.Root data-slot=\"tabs\" className={className} {...props} />\n )\n}\n\nfunction TabsList({\n className,\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.List>) {\n return (\n <TabsPrimitive.List\n data-slot=\"tabs-list\"\n className={cn(\n 'inline-flex h-48 p-8 gap-8 items-center justify-center rounded-[16px] bg-gray-200 text-md font-normal text-gray-600 [&_svg]:text-gray-600 [&_i]:text-gray-600',\n className\n )}\n {...props}\n />\n )\n}\n\nfunction TabsTrigger({\n className,\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.Trigger>) {\n return (\n <TabsPrimitive.Trigger\n data-slot=\"tabs-trigger\"\n className={cn(\n 'inline-flex h-32 items-center justify-center whitespace-nowrap rounded px-[12px] py-[6px] transition-all',\n 'focus-visible:outline-none disabled:pointer-events-none disabled:opacity-64',\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 className\n )}\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":";;;;;;AAMA,SAAS,EAAK,EACZ,cACA,GAAG,KAC+C;CAClD,OACE,kBAAC,EAAc,MAAf;EAAoB,aAAU;EAAkB;EAAW,GAAI;CAAQ,CAAA;AAE3E;AAEA,SAAS,EAAS,EAChB,cACA,GAAG,KAC+C;CAClD,OACE,kBAAC,EAAc,MAAf;EACE,aAAU;EACV,WAAW,EACT,iKACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAY,EACnB,cACA,GAAG,KACkD;CACrD,OACE,kBAAC,EAAc,SAAf;EACE,aAAU;EACV,WAAW,EACT,4GACA,+EACA,6CACA,iJACA,yFACA,uCACA,CACF;EACA,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-orange-50`,error:`bg-red-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-orange-600`}),error:(0,r.jsx)(t.AlertCircleIcon,{size:20,className:`text-red-600`}),close:(0,r.jsx)(t.LucideX,{size:16})},...i});exports.Toaster=i;
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-tabs");i=e.__toESM(i,1);function a({className:e,...t}){return(0,r.jsx)(i.Root,{"data-slot":`tabs`,className:e,...t})}function o({className:e,...n}){return(0,r.jsx)(i.List,{"data-slot":`tabs-list`,className:t.cn(`inline-flex h-48 p-8 gap-8 items-center justify-center rounded-[16px] bg-gray-200 text-md font-normal text-gray-600 [&_svg]:text-gray-600 [&_i]:text-gray-600`,e),...n})}function s({className:e,...n}){return(0,r.jsx)(i.Trigger,{"data-slot":`tabs-trigger`,className:t.cn(`inline-flex h-32 items-center justify-center whitespace-nowrap rounded px-[12px] py-[6px] transition-all`,`focus-visible:outline-none disabled:pointer-events-none disabled:opacity-64`,`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]`,e),...n})}function c({className:e,...n}){return(0,r.jsx)(i.Content,{"data-slot":`tabs-content`,className:t.cn(`flex-1 outline-none`,e),...n})}exports.Tabs=a,exports.TabsContent=c,exports.TabsList=o,exports.TabsTrigger=s;
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-orange-50',\n error: 'bg-red-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-orange-600\" />,\n error: <AlertCircleIcon size={20} className=\"text-red-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,YACP,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,cAAgB,CAAA,EAC5D,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 * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Tabs({\n className,\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.Root>) {\n return (\n <TabsPrimitive.Root data-slot=\"tabs\" className={className} {...props} />\n )\n}\n\nfunction TabsList({\n className,\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.List>) {\n return (\n <TabsPrimitive.List\n data-slot=\"tabs-list\"\n className={cn(\n 'inline-flex h-48 p-8 gap-8 items-center justify-center rounded-[16px] bg-gray-200 text-md font-normal text-gray-600 [&_svg]:text-gray-600 [&_i]:text-gray-600',\n className\n )}\n {...props}\n />\n )\n}\n\nfunction TabsTrigger({\n className,\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.Trigger>) {\n return (\n <TabsPrimitive.Trigger\n data-slot=\"tabs-trigger\"\n className={cn(\n 'inline-flex h-32 items-center justify-center whitespace-nowrap rounded px-[12px] py-[6px] transition-all',\n 'focus-visible:outline-none disabled:pointer-events-none disabled:opacity-64',\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 className\n )}\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":"qMAMA,SAAS,EAAK,CACZ,YACA,GAAG,GAC+C,CAClD,OACE,EAAA,EAAA,KAAC,EAAc,KAAf,CAAoB,YAAU,OAAkB,YAAW,GAAI,CAAQ,CAAA,CAE3E,CAEA,SAAS,EAAS,CAChB,YACA,GAAG,GAC+C,CAClD,OACE,EAAA,EAAA,KAAC,EAAc,KAAf,CACE,YAAU,YACV,UAAW,EAAA,GACT,gKACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAY,CACnB,YACA,GAAG,GACkD,CACrD,OACE,EAAA,EAAA,KAAC,EAAc,QAAf,CACE,YAAU,eACV,UAAW,EAAA,GACT,2GACA,8EACA,4CACA,gJACA,wFACA,sCACA,CACF,EACA,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"}
package/dist/index37.js CHANGED
@@ -1,44 +1,73 @@
1
- "use client";
2
- import { require_jsx_runtime as e } from "./index10.js";
3
- import { AlertCircleIcon as t, AlertTriangleIcon as n, CheckIcon as r, LucideX as i } from "lucide-react";
4
- import { Toaster as a } from "sonner";
5
- //#region src/Sonner/index.tsx
6
- var o = e(), s = ({ className: e, ...s }) => /* @__PURE__ */ (0, o.jsx)(a, {
7
- className: e,
8
- position: "top-center",
9
- offset: 16,
10
- gap: 16,
11
- closeButton: !0,
12
- toastOptions: {
13
- unstyled: !0,
14
- classNames: {
15
- 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",
16
- success: "bg-green-50",
17
- warning: "bg-orange-50",
18
- error: "bg-red-50",
19
- title: "text-sm text-gray-900! font-semibold!",
20
- description: "text-sm text-gray-800!",
21
- 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"
1
+ import { cn as e } from "./index6.js";
2
+ import { Button as t } from "./index8.js";
3
+ import { Badge as n } from "./index10.js";
4
+ import { LucideX as r } from "lucide-react";
5
+ import * as i from "react";
6
+ import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
7
+ //#region src/TagInput/index.tsx
8
+ function c({ className: t, value: n, placeholder: r, onValueChange: a, ...c }) {
9
+ let [u, d] = i.useState(""), f = i.useRef(null);
10
+ function p(e) {
11
+ let t = e.target.value;
12
+ if (t.includes(",")) {
13
+ let e = t.split(","), r = Array.from(new Set(e));
14
+ a([...n || [], ...r.filter((e) => !!e && !n?.includes(e)).map((e) => e.trim()) || []]), d("");
15
+ return;
22
16
  }
23
- },
24
- icons: {
25
- success: /* @__PURE__ */ (0, o.jsx)(r, {
26
- size: 20,
27
- className: "text-green-800"
28
- }),
29
- warning: /* @__PURE__ */ (0, o.jsx)(n, {
30
- size: 20,
31
- className: "text-orange-600"
32
- }),
33
- error: /* @__PURE__ */ (0, o.jsx)(t, {
34
- size: 20,
35
- className: "text-red-600"
36
- }),
37
- close: /* @__PURE__ */ (0, o.jsx)(i, { size: 16 })
38
- },
39
- ...s
40
- });
17
+ d(t);
18
+ }
19
+ function m(e) {
20
+ ["Enter", "Tab"].includes(e.key) && u?.trim() && (e.preventDefault(), n?.includes(u) || h(), d("")), e.key === "Backspace" && !u && a(n?.slice(0, -1) || []);
21
+ }
22
+ function h() {
23
+ u.trim() && (a([...n || [], u]), d(""));
24
+ }
25
+ return /* @__PURE__ */ s("div", {
26
+ className: e("flex flex-wrap items-center gap-8 min-h-[36px]", "border rounded border-gray-900/24 bg-white px-12 py-4", "hover:cursor-text", "hover:shadow-field-hover", "active:shadow-field-active", "focus-visible:outline-none focus:shadow-field-active", t),
27
+ onClick: () => f.current?.focus(),
28
+ ...c,
29
+ children: [
30
+ /* @__PURE__ */ o(l, {
31
+ value: n,
32
+ onValueChange: a
33
+ }),
34
+ /* @__PURE__ */ o("input", {
35
+ ref: f,
36
+ className: "h-[26px] outline-none text-sm",
37
+ type: "text",
38
+ value: u,
39
+ onChange: p,
40
+ onKeyDown: m,
41
+ style: { width: `${u.length + 1}ch` },
42
+ onBlur: () => h()
43
+ }),
44
+ n?.length === 0 && !u && /* @__PURE__ */ o("div", {
45
+ className: "text-gray-400 ml-[-2ch]",
46
+ children: r
47
+ })
48
+ ]
49
+ });
50
+ }
51
+ c.displayName = "TagInput";
52
+ function l({ value: e, onValueChange: i }) {
53
+ return /* @__PURE__ */ o(a, { children: e?.map((a, c) => /* @__PURE__ */ s(n, {
54
+ className: "px-0 pr-8 pl-0 gap-x-4 overflow-hidden",
55
+ children: [/* @__PURE__ */ o(t, {
56
+ type: "button",
57
+ className: "w-[26px] h-[26px] shrink-0",
58
+ size: "icon",
59
+ intent: "secondary",
60
+ onClick: () => {
61
+ i(e?.filter((e, t) => t !== c) || []);
62
+ },
63
+ children: /* @__PURE__ */ o(r, { className: "w-16" })
64
+ }), /* @__PURE__ */ o("div", {
65
+ className: "truncate",
66
+ children: a
67
+ })]
68
+ }, c)) });
69
+ }
41
70
  //#endregion
42
- export { s as Toaster };
71
+ export { c as TagInput };
43
72
 
44
73
  //# sourceMappingURL=index37.js.map