@clicktap/ui 0.12.7 → 0.12.9

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 (221) hide show
  1. package/components/Accordion/Accordion/index.js +1 -0
  2. package/components/Accordion/Accordion.d.ts +3 -0
  3. package/components/Accordion/index.d.ts +3 -0
  4. package/components/Accordion/index.js +1 -0
  5. package/components/Avatar/Avatar/index.js +1 -0
  6. package/components/Avatar/Avatar.d.ts +3 -0
  7. package/components/Avatar/Avatar.stories.d.ts +13 -0
  8. package/components/Avatar/Avatar.types.d.ts +2 -0
  9. package/components/Avatar/AvatarGroup/AvatarGroup/index.js +1 -0
  10. package/components/Avatar/AvatarGroup/AvatarGroup.d.ts +4 -0
  11. package/components/Avatar/AvatarGroup/AvatarGroup.types.d.ts +4 -0
  12. package/components/Avatar/index.d.ts +4 -0
  13. package/components/Avatar/index.js +1 -0
  14. package/components/Badge/Badge/index.js +1 -0
  15. package/components/Badge/Badge.d.ts +3 -0
  16. package/components/Badge/Badge.stories.d.ts +8 -0
  17. package/components/Badge/Badge.types.d.ts +2 -0
  18. package/components/Badge/index.d.ts +2 -0
  19. package/components/Badge/index.js +1 -0
  20. package/components/Breadcrumbs/BreadcrumbEllipsis/index.js +1 -0
  21. package/components/Breadcrumbs/BreadcrumbEllipsis.d.ts +3 -0
  22. package/components/Breadcrumbs/BreadcrumbEllipsis.types.d.ts +2 -0
  23. package/components/Breadcrumbs/BreadcrumbItem/index.js +1 -0
  24. package/components/Breadcrumbs/BreadcrumbItem.d.ts +3 -0
  25. package/components/Breadcrumbs/BreadcrumbItem.types.d.ts +2 -0
  26. package/components/Breadcrumbs/BreadcrumbLink/index.js +1 -0
  27. package/components/Breadcrumbs/BreadcrumbLink.d.ts +3 -0
  28. package/components/Breadcrumbs/BreadcrumbLink.types.d.ts +2 -0
  29. package/components/Breadcrumbs/BreadcrumbSeparator/index.js +1 -0
  30. package/components/Breadcrumbs/BreadcrumbSeparator.d.ts +3 -0
  31. package/components/Breadcrumbs/BreadcrumbSeparator.types.d.ts +6 -0
  32. package/components/Breadcrumbs/Breadcrumbs/index.js +1 -0
  33. package/components/Breadcrumbs/Breadcrumbs.d.ts +3 -0
  34. package/components/Breadcrumbs/Breadcrumbs.types.d.ts +2 -0
  35. package/components/Breadcrumbs/index.d.ts +10 -0
  36. package/components/Breadcrumbs/index.js +1 -0
  37. package/components/Button/Button/index.js +1 -0
  38. package/components/Button/Button.d.ts +7 -0
  39. package/components/Button/Button.types.d.ts +6 -0
  40. package/components/Button/index.d.ts +2 -0
  41. package/components/Button/index.js +1 -0
  42. package/components/Card/Card/index.js +1 -0
  43. package/components/Card/Card.d.ts +3 -0
  44. package/components/Card/Card.types.d.ts +2 -0
  45. package/components/Card/index.d.ts +2 -0
  46. package/components/Card/index.js +1 -0
  47. package/components/Checkbox/Checkbox/index.js +1 -0
  48. package/components/Checkbox/Checkbox.d.ts +11 -0
  49. package/components/Checkbox/Checkbox.types.d.ts +10 -0
  50. package/components/Checkbox/index.d.ts +2 -0
  51. package/components/Checkbox/index.js +1 -0
  52. package/components/Collapsible/Collapsible/index.js +1 -0
  53. package/components/Collapsible/Collapsible.d.ts +3 -0
  54. package/components/Collapsible/Collapsible.types.d.ts +2 -0
  55. package/components/Collapsible/CollapsibleTrigger/index.js +1 -0
  56. package/components/Collapsible/CollapsibleTrigger.d.ts +5 -0
  57. package/components/Collapsible/CollapsibleTrigger.types.d.ts +12 -0
  58. package/components/Collapsible/index.d.ts +4 -0
  59. package/components/Collapsible/index.js +1 -0
  60. package/components/Container/Container/index.js +1 -0
  61. package/components/Container/Container.d.ts +5 -0
  62. package/components/Container/Container.types.d.ts +2 -0
  63. package/components/Container/index.d.ts +2 -0
  64. package/components/Container/index.js +1 -0
  65. package/components/ContextMenu/ContextMenu/index.js +1 -0
  66. package/components/ContextMenu/ContextMenu.d.ts +11 -0
  67. package/components/ContextMenu/ContextMenu.types.d.ts +15 -0
  68. package/components/ContextMenu/index.d.ts +2 -0
  69. package/components/ContextMenu/index.js +1 -0
  70. package/components/CreditCardExpirationInput/CreditCardExpirationInput/index.js +1 -0
  71. package/components/CreditCardExpirationInput/CreditCardExpirationInput.d.ts +12 -0
  72. package/components/CreditCardExpirationInput/CreditCardExpirationInput.types.d.ts +9 -0
  73. package/components/CreditCardExpirationInput/index.d.ts +2 -0
  74. package/components/CreditCardExpirationInput/index.js +1 -0
  75. package/components/CreditCardInput/CreditCardInput/index.js +1 -0
  76. package/components/CreditCardInput/CreditCardInput.d.ts +14 -0
  77. package/components/CreditCardInput/CreditCardInput.types.d.ts +11 -0
  78. package/components/CreditCardInput/index.d.ts +2 -0
  79. package/components/CreditCardInput/index.js +1 -0
  80. package/components/DateInput/DateInput/index.js +1 -0
  81. package/components/DateInput/DateInput.d.ts +11 -0
  82. package/components/DateInput/DateInput.types.d.ts +8 -0
  83. package/components/DateInput/index.d.ts +2 -0
  84. package/components/DateInput/index.js +1 -0
  85. package/components/Dialog/Dialog/index.js +1 -0
  86. package/components/Dialog/Dialog.d.ts +10 -0
  87. package/components/Dialog/Dialog.types.d.ts +8 -0
  88. package/components/Dialog/index.d.ts +2 -0
  89. package/components/Dialog/index.js +1 -0
  90. package/components/DialogTrigger/DialogTrigger/index.js +1 -0
  91. package/components/DialogTrigger/DialogTrigger.d.ts +10 -0
  92. package/components/DialogTrigger/DialogTrigger.types.d.ts +4 -0
  93. package/components/DialogTrigger/index.d.ts +2 -0
  94. package/components/DialogTrigger/index.js +1 -0
  95. package/components/Divider/Divider/index.js +1 -0
  96. package/components/Divider/Divider.d.ts +3 -0
  97. package/components/Divider/Divider.stories.d.ts +6 -0
  98. package/components/Divider/Divider.types.d.ts +4 -0
  99. package/components/Divider/index.d.ts +2 -0
  100. package/components/Divider/index.js +1 -0
  101. package/components/Drawer/Drawer/index.js +1 -0
  102. package/components/Drawer/Drawer.d.ts +12 -0
  103. package/components/Drawer/Drawer.types.d.ts +10 -0
  104. package/components/Drawer/index.d.ts +2 -0
  105. package/components/Drawer/index.js +1 -0
  106. package/components/Input/Input/index.js +1 -0
  107. package/components/Input/Input.d.ts +12 -0
  108. package/components/Input/Input.types.d.ts +9 -0
  109. package/components/Input/index.d.ts +2 -0
  110. package/components/Input/index.js +1 -0
  111. package/components/Link/Link/index.js +1 -0
  112. package/components/Link/Link.d.ts +3 -0
  113. package/components/Link/Link.stories.d.ts +6 -0
  114. package/components/Link/Link.types.d.ts +2 -0
  115. package/components/Link/index.d.ts +2 -0
  116. package/components/Link/index.js +1 -0
  117. package/components/Loader/CircularEasing/index.js +1 -0
  118. package/components/Loader/CircularEasing.d.ts +3 -0
  119. package/components/Loader/CircularEasing.types.d.ts +7 -0
  120. package/components/Loader/Pulse/index.js +1 -0
  121. package/components/Loader/Pulse.d.ts +8 -0
  122. package/components/Loader/Pulse.types.d.ts +4 -0
  123. package/components/Loader/index.d.ts +4 -0
  124. package/components/Loader/index.js +1 -0
  125. package/components/Meter/Meter/index.js +1 -0
  126. package/components/Meter/Meter.d.ts +10 -0
  127. package/components/Meter/Meter.stories.d.ts +6 -0
  128. package/components/Meter/Meter.types.d.ts +7 -0
  129. package/components/Meter/index.d.ts +2 -0
  130. package/components/Meter/index.js +1 -0
  131. package/components/Modal/Modal/index.js +1 -0
  132. package/components/Modal/Modal.d.ts +3 -0
  133. package/components/Modal/Modal.types.d.ts +5 -0
  134. package/components/Modal/index.d.ts +2 -0
  135. package/components/Modal/index.js +1 -0
  136. package/components/ModalOverlay/ModalOverlay/index.js +1 -0
  137. package/components/ModalOverlay/ModalOverlay.d.ts +10 -0
  138. package/components/ModalOverlay/ModalOverlay.types.d.ts +14 -0
  139. package/components/ModalOverlay/index.d.ts +2 -0
  140. package/components/ModalOverlay/index.js +1 -0
  141. package/components/NumberInput/NumberInput/index.js +1 -0
  142. package/components/NumberInput/NumberInput.d.ts +15 -0
  143. package/components/NumberInput/NumberInput.types.d.ts +13 -0
  144. package/components/NumberInput/index.d.ts +2 -0
  145. package/components/NumberInput/index.js +1 -0
  146. package/components/PinInput/PinInput/index.js +1 -0
  147. package/components/PinInput/PinInput.d.ts +20 -0
  148. package/components/PinInput/PinInput.types.d.ts +17 -0
  149. package/components/PinInput/index.d.ts +2 -0
  150. package/components/PinInput/index.js +1 -0
  151. package/components/Progressbar/CircularProgressbar/index.js +1 -0
  152. package/components/Progressbar/CircularProgressbar.d.ts +3 -0
  153. package/components/Progressbar/CircularProgressbar.types.d.ts +9 -0
  154. package/components/Progressbar/LinearProgressbar/index.js +1 -0
  155. package/components/Progressbar/LinearProgressbar.d.ts +3 -0
  156. package/components/Progressbar/LinearProgressbar.types.d.ts +8 -0
  157. package/components/Progressbar/index.d.ts +4 -0
  158. package/components/Progressbar/index.js +1 -0
  159. package/components/Radio/Radio/index.js +1 -0
  160. package/components/Radio/Radio.d.ts +10 -0
  161. package/components/Radio/Radio.types.d.ts +11 -0
  162. package/components/Radio/index.d.ts +2 -0
  163. package/components/Radio/index.js +1 -0
  164. package/components/Select/Option/index.js +1 -0
  165. package/components/Select/Option.d.ts +3 -0
  166. package/components/Select/Option.types.d.ts +2 -0
  167. package/components/Select/Select/index.js +1 -0
  168. package/components/Select/Select.d.ts +20 -0
  169. package/components/Select/Select.types.d.ts +21 -0
  170. package/components/Select/index.d.ts +4 -0
  171. package/components/Select/index.js +1 -0
  172. package/components/Slider/Slider/index.js +1 -0
  173. package/components/Slider/Slider.d.ts +11 -0
  174. package/components/Slider/Slider.types.d.ts +8 -0
  175. package/components/Slider/index.d.ts +2 -0
  176. package/components/Slider/index.js +1 -0
  177. package/components/Switch/Switch/index.js +1 -0
  178. package/components/Switch/Switch.d.ts +11 -0
  179. package/components/Switch/Switch.types.d.ts +3 -0
  180. package/components/Switch/index.d.ts +2 -0
  181. package/components/Switch/index.js +1 -0
  182. package/components/Tabs/Tab/index.js +1 -0
  183. package/components/Tabs/Tab.d.ts +15 -0
  184. package/components/Tabs/Tab.types.d.ts +5 -0
  185. package/components/Tabs/TabList/index.js +1 -0
  186. package/components/Tabs/TabList.d.ts +3 -0
  187. package/components/Tabs/TabList.types.d.ts +10 -0
  188. package/components/Tabs/TabPanel/index.js +1 -0
  189. package/components/Tabs/TabPanel.d.ts +3 -0
  190. package/components/Tabs/TabPanel.types.d.ts +2 -0
  191. package/components/Tabs/Tabs/index.js +1 -0
  192. package/components/Tabs/Tabs.d.ts +5 -0
  193. package/components/Tabs/Tabs.types.d.ts +2 -0
  194. package/components/Tabs/index.d.ts +8 -0
  195. package/components/Tabs/index.js +1 -0
  196. package/components/TimeInput/TimeInput/index.js +1 -0
  197. package/components/TimeInput/TimeInput.d.ts +11 -0
  198. package/components/TimeInput/TimeInput.stories.d.ts +6 -0
  199. package/components/TimeInput/TimeInput.types.d.ts +8 -0
  200. package/components/TimeInput/index.d.ts +2 -0
  201. package/components/TimeInput/index.js +1 -0
  202. package/components/ToggleButton/ToggleButton/index.js +1 -0
  203. package/components/ToggleButton/ToggleButton.d.ts +3 -0
  204. package/components/ToggleButton/ToggleButton.stories.d.ts +6 -0
  205. package/components/ToggleButton/ToggleButton.types.d.ts +5 -0
  206. package/components/ToggleButton/index.d.ts +2 -0
  207. package/components/ToggleButton/index.js +1 -0
  208. package/components/Tooltip/Tooltip/index.js +1 -0
  209. package/components/Tooltip/Tooltip.d.ts +3 -0
  210. package/components/Tooltip/Tooltip.types.d.ts +2 -0
  211. package/components/Tooltip/index.d.ts +2 -0
  212. package/components/Tooltip/index.js +1 -0
  213. package/hooks/useEnterExitAnimation/index.js +1 -0
  214. package/hooks/useEnterExitAnimation.d.ts +5 -0
  215. package/package.json +13 -32
  216. package/types/SlotsToClasses/index.js +1 -0
  217. package/types/SlotsToClasses.d.ts +4 -0
  218. package/utils/cn/index.js +1 -0
  219. package/utils/cn.d.ts +3 -0
  220. package/utils/defaultTheme/index.js +1 -0
  221. package/utils/defaultTheme.d.ts +501 -0
@@ -0,0 +1 @@
1
+ import{jsx as p}from"react/jsx-runtime";import{accordion_default as x}from"../../../node_modules/.pnpm/@nextui-org_accordion@2.0.40_@nextui-org_system@2.2.6_@nextui-org_theme@2.2.11_framer-motion@_ythdhtgm5nli6ckalhd46fx7qq/node_modules/@nextui-org/accordion/dist/chunk-PN4MRYMG/index.js";import{cn as o}from"../../../utils/cn/index.js";function g({children:t,variant:d,isCompact:n,className:b,itemClasses:r,...u}){return p(x,{variant:d,isCompact:n,dividerProps:{className:o("my-2 border-solid border-slate-200",d==="shadow"&&"border-slate-300")},className:o("px-0",d==="bordered"&&["px-4 py-4 rounded-xl border-2 border-slate-200"],d==="shadow"&&["px-4 py-4 rounded-xl bg-slate-100 shadow-slate-200 border border-slate-200"],b),itemClasses:{base:o("w-full py-2",'data-[disabled="true"]:pointer-events-none data-[disabled="true"]:opacity-50',d==="bordered"&&["rounded-xl py-0"],d==="splitted"&&["flex flex-col bg-slate-100 rounded-xl border border-slate-200"],n&&"py-0",r==null?void 0:r.base),trigger:o("w-full h-full flex items-center gap-3 py-0 appearance-none cursor-pointer select-none",'data-[focus-visible="true"]:outline-2 data-[focus-visible="true"]:outline data-[focus-visible="true"]:outline-slate-100',"bg-transparent text-inherit",n&&["py-2"],r==null?void 0:r.trigger),title:o("text-xl font-semibold",n&&"text-base",r==null?void 0:r.title),subtitle:o("text-base",n&&"text-sm",r==null?void 0:r.subtitle),titleWrapper:o("text-left",r==null?void 0:r.titleWrapper),startContent:o("shrink-0",r==null?void 0:r.startContent),content:o([n?"py-1":"py-2"],r==null?void 0:r.content),indicator:r==null?void 0:r.indicator,heading:r==null?void 0:r.heading},...u,children:t})}export{g as Accordion,g as default};
@@ -0,0 +1,3 @@
1
+ import { AccordionProps } from '@nextui-org/accordion';
2
+ export declare function Accordion({ children, variant, isCompact, className, itemClasses, ...props }: AccordionProps): import("react/jsx-runtime").JSX.Element;
3
+ export default Accordion;
@@ -0,0 +1,3 @@
1
+ export { Accordion } from './Accordion';
2
+ export { AccordionItem } from '@nextui-org/accordion';
3
+ export type { AccordionProps } from '@nextui-org/accordion';
@@ -0,0 +1 @@
1
+ import{Accordion as c}from"./Accordion/index.js";import{accordion_item_base_default as t}from"../../node_modules/.pnpm/@nextui-org_accordion@2.0.40_@nextui-org_system@2.2.6_@nextui-org_theme@2.2.11_framer-motion@_ythdhtgm5nli6ckalhd46fx7qq/node_modules/@nextui-org/accordion/dist/chunk-LDUMD4XQ/index.js";export{c as Accordion,t as AccordionItem};
@@ -0,0 +1 @@
1
+ import{jsx as f}from"react/jsx-runtime";import{avatar_default as u}from"../../../node_modules/.pnpm/@nextui-org_avatar@2.0.33_@nextui-org_system@2.2.6_@nextui-org_theme@2.2.11_react-dom@18.2.0_react@18.2.0/node_modules/@nextui-org/avatar/dist/chunk-QXREVWCS/index.js";import{useAvatarGroupContext as h}from"../../../node_modules/.pnpm/@nextui-org_avatar@2.0.33_@nextui-org_system@2.2.6_@nextui-org_theme@2.2.11_react-dom@18.2.0_react@18.2.0/node_modules/@nextui-org/avatar/dist/chunk-PM5WBSHT/index.js";import{cn as r}from"../../../utils/cn/index.js";function v({icon:d,className:x,isDisabled:i,size:e,classNames:t,isBordered:l,radius:n,...p}){const o=h();return f("div",{className:r("group","z-10","first:ms-0",!(o!=null&&o.isGrid)&&!!o&&"-ms-2",x),children:f(u,{...p,isDisabled:i,size:e,radius:n,isBordered:l,className:r(!(o!=null&&o.isGrid)&&!!o&&"group-hover:-translate-y-3.5","transition-transform duration-300 ease-in-out","bg-slate-100","flex items-center justify-center","relative","z-10","overflow-hidden",i?"opacity-50":"opacity-100",[e==="sm"&&"h-8",e==="md"&&"h-10",e==="lg"&&"h-12",e==="sm"&&"w-8",e==="md"&&"w-10",e==="lg"&&"w-12"],[n==="full"&&"rounded-full",n==="lg"&&"rounded-2xl",n==="md"&&"rounded-xl",n==="sm"&&"rounded-lg",n==="none"&&"rounded-none"],l&&"shadow-[#fff_0px_0px_0px_2px,_#f1f5f9_0px_0px_0px_4px,_#00000000_0px_0px_0px_0px]",t==null?void 0:t.base),classNames:{icon:r("data-[loaded=true]:opacity-100 opacity-0","absolute","w-full","h-full","overflow-hidden","object-cover","object-center","transition-opacity ease-in-out duration-500",t==null?void 0:t.icon),name:r("flex items-center justify-center","absolute top-1/2 left-1/2","-translate-x-1/2 -translate-y-1/2","text-xs text-center","max-w-full","overflow-hidden",t==null?void 0:t.name),fallback:r("flex items-center justify-center","absolute top-1/2 left-1/2","-translate-x-1/2 -translate-y-1/2","text-xs text-center","max-w-full","overflow-hidden",t==null?void 0:t.fallback)},icon:d||f("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:f("path",{d:"M20 21C20 19.6044 20 18.9067 19.8278 18.3389C19.44 17.0605 18.4395 16.06 17.1611 15.6722C16.5933 15.5 15.8956 15.5 14.5 15.5H9.5C8.10444 15.5 7.40665 15.5 6.83886 15.6722C5.56045 16.06 4.56004 17.0605 4.17224 18.3389C4 18.9067 4 19.6044 4 21M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z",stroke:"black",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})})})}export{v as Avatar,v as default};
@@ -0,0 +1,3 @@
1
+ import { AvatarProps } from './Avatar.types';
2
+ export declare function Avatar({ icon, className, isDisabled, size, classNames, isBordered, radius, ...props }: AvatarProps): import("react/jsx-runtime").JSX.Element;
3
+ export default Avatar;
@@ -0,0 +1,13 @@
1
+ import { ReactNode } from 'react';
2
+ import { Meta, StoryObj } from '@storybook/react';
3
+ import { Avatar } from './Avatar';
4
+ import { AvatarGroup } from './AvatarGroup/AvatarGroup';
5
+ declare function Layout({ children }: {
6
+ children: ReactNode;
7
+ }): ReactNode;
8
+ type Story = StoryObj<typeof Avatar>;
9
+ type StoryGroup = StoryObj<typeof AvatarGroup>;
10
+ declare const meta: Meta<typeof Layout>;
11
+ export default meta;
12
+ export declare const AvatarComponent: Story;
13
+ export declare const AvatarGroupComponent: StoryGroup;
@@ -0,0 +1,2 @@
1
+ import { AvatarProps as NextAvatarProps } from '@nextui-org/avatar';
2
+ export type AvatarProps = Omit<NextAvatarProps, 'color'>;
@@ -0,0 +1 @@
1
+ import{jsx as e}from"react/jsx-runtime";import{avatar_group_default as m}from"../../../../node_modules/.pnpm/@nextui-org_avatar@2.0.33_@nextui-org_system@2.2.6_@nextui-org_theme@2.2.11_react-dom@18.2.0_react@18.2.0/node_modules/@nextui-org/avatar/dist/chunk-T76DLOWU/index.js";import{cn as n}from"../../../../utils/cn/index.js";function i({children:a,isGrid:r,renderCount:o,className:t}){return e(m,{isGrid:r,max:0,renderCount:o??void 0,className:n(r?"inline-grid":"flex",r?"gap-3":"gap-0","grid-cols-4","items-center",t),children:a})}export{i as AvatarGroup,i as default};
@@ -0,0 +1,4 @@
1
+ import { PropsWithChildren } from 'react';
2
+ import { AvatarGroupProps } from './AvatarGroup.types';
3
+ export declare function AvatarGroup({ children, isGrid, renderCount, className, }: PropsWithChildren<AvatarGroupProps>): import("react/jsx-runtime").JSX.Element;
4
+ export default AvatarGroup;
@@ -0,0 +1,4 @@
1
+ import { AvatarGroupProps as NextAvatarGroupProps } from '@nextui-org/avatar';
2
+ export type AvatarGroupProps = Pick<NextAvatarGroupProps, 'isGrid' | 'renderCount'> & {
3
+ className?: string;
4
+ };
@@ -0,0 +1,4 @@
1
+ export { Avatar } from './Avatar';
2
+ export { AvatarGroup } from './AvatarGroup/AvatarGroup';
3
+ export type { AvatarProps } from './Avatar.types';
4
+ export type { AvatarGroupProps } from './AvatarGroup/AvatarGroup.types';
@@ -0,0 +1 @@
1
+ import{Avatar as a}from"./Avatar/index.js";import{AvatarGroup as p}from"./AvatarGroup/AvatarGroup/index.js";export{a as Avatar,p as AvatarGroup};
@@ -0,0 +1 @@
1
+ import{jsx as l}from"react/jsx-runtime";import{useId as V}from"react";import{AnimatePresence as z,motion as C}from"framer-motion";import{badge_default as S}from"../../../node_modules/.pnpm/@nextui-org_badge@2.0.32_@nextui-org_system@2.2.6_@nextui-org_theme@2.2.11_react-dom@18.2.0_react@18.2.0/node_modules/@nextui-org/badge/dist/chunk-MDTP7BRB/index.js";import{cn as a}from"../../../utils/cn/index.js";const j={hidden:{opacity:0,transform:"scale(0)"},show:{opacity:1,transform:"scale(1)"}};function E({children:h,isInvisible:g,disableAnimation:b,placement:t="top-right",shape:r="rectangle",className:x,classNames:e,showOutline:s=!1,content:i,isDot:d,isOneChar:m,size:n="md",variant:o="solid",...p}){var f;const _=V(),w=b?{duration:0}:{type:"spring",bounce:.3},c=((f=String(i))==null?void 0:f.length)===1||m,u={sm:"text-xs",md:"text-sm",lg:"text-sm"},y=c?{sm:"w-4 h-4",md:"w-5 h-5",lg:"w-6 h-6"}[n]:{sm:"min-w-4 h-4",md:"min-w-5 h-5",lg:"min-w-6 h-6"}[n];return l(S,{...p,size:n,variant:o,isInvisible:g,isDot:d,classNames:{base:a("relative","inline-flex shrink-0",e==null?void 0:e.base),badge:a("p-0","border-0","absolute z-10",[t==="top-right"&&r==="rectangle"&&"top-0.5 right-px",t==="top-right"&&r==="circle"&&"top-1 right-1",t==="bottom-right"&&r==="rectangle"&&"bottom-0.5 right-px",t==="bottom-right"&&r==="circle"&&"bottom-1 right-1",t==="top-left"&&r==="rectangle"&&"top-0.5 left-px",t==="top-left"&&r==="circle"&&"top-1 left-1",t==="bottom-left"&&r==="rectangle"&&"bottom-0.5 left-px",t==="bottom-left"&&r==="circle"&&"bottom-1 left-1"],[t==="top-right"&&"translate-x-1/2 -translate-y-1/2",t==="bottom-right"&&"translate-x-1/2 translate-y-1/2",t==="bottom-left"&&"-translate-x-1/2 translate-y-1/2",t==="top-left"&&"-translate-x-1/2 -translate-y-1/2"],e==null?void 0:e.badge)},content:l(z,{children:!g&&l(C.div,{layout:!0,variants:j,initial:b?"show":"hidden",transition:w,animate:"show",exit:"hidden",className:a("flex flex-wrap","place-content-center","z-10","box-border","rounded-full","py-0 px-1","font-normal text-slate-900","select-none","whitespace-normal",o==="faded"?"text-slate-800":"text-white",!i||d?"w-3.5 h-3.5":y,typeof i=="string"&&i.length>1||d?"text-xs":u[n],[o==="solid"&&"bg-slate-800",o==="shadow"&&"bg-slate-800",o==="flat"&&"bg-slate-800/55",o==="faded"&&"bg-white"],[o==="faded"&&"border-2 border-solid border-slate-800",s&&o!=="faded"&&"border-2 border-solid border-white"],o==="shadow"&&"shadow-[0_0_0_0_rgba(0,0,0,0),_0_0_0_0_rgba(0,0,0,0),_0_10px_15px_-3px_rgba(30,41,59,0.3),_0_4px_6px_-4px_rgba(30,41,59,0.3)]",x),children:i},`badge-${_}`)}),children:h})}export{E as Badge,E as default};
@@ -0,0 +1,3 @@
1
+ import { BadgeProps } from './Badge.types';
2
+ export declare function Badge({ children, isInvisible, disableAnimation, placement, shape, className, classNames, showOutline, content, isDot, isOneChar, size, variant, ...props }: BadgeProps): import("react/jsx-runtime").JSX.Element;
3
+ export default Badge;
@@ -0,0 +1,8 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { Badge } from './Badge';
3
+ import { BadgeProps } from './Badge.types';
4
+ type Story = StoryObj<typeof Badge>;
5
+ declare function Component(props: BadgeProps): import("react/jsx-runtime").JSX.Element;
6
+ declare const meta: Meta<typeof Component>;
7
+ export default meta;
8
+ export declare const Example: Story;
@@ -0,0 +1,2 @@
1
+ import { BadgeProps as NextBadgeProps } from '@nextui-org/badge';
2
+ export type BadgeProps = Omit<NextBadgeProps, 'color | disableOutline'>;
@@ -0,0 +1,2 @@
1
+ export { Badge } from './Badge';
2
+ export type { BadgeProps } from './Badge.types';
@@ -0,0 +1 @@
1
+ import{Badge as r}from"./Badge/index.js";export{r as Badge};
@@ -0,0 +1 @@
1
+ import{jsx as r,jsxs as t}from"react/jsx-runtime";function i({children:e,...o}){return r("span",{...o,"aria-hidden":"true",children:e??t("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[r("path",{d:"M12 13C12.5523 13 13 12.5523 13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12C11 12.5523 11.4477 13 12 13Z",stroke:"black",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),r("path",{d:"M19 13C19.5523 13 20 12.5523 20 12C20 11.4477 19.5523 11 19 11C18.4477 11 18 11.4477 18 12C18 12.5523 18.4477 13 19 13Z",stroke:"black",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),r("path",{d:"M5 13C5.55228 13 6 12.5523 6 12C6 11.4477 5.55228 11 5 11C4.44772 11 4 11.4477 4 12C4 12.5523 4.44772 13 5 13Z",stroke:"black",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})]})})}export{i as BreadcrumbEllipsis,i as default};
@@ -0,0 +1,3 @@
1
+ import { BreadcrumbEllipsisProps } from './BreadcrumbEllipsis.types';
2
+ export declare function BreadcrumbEllipsis({ children, ...props }: BreadcrumbEllipsisProps): import("react/jsx-runtime").JSX.Element;
3
+ export default BreadcrumbEllipsis;
@@ -0,0 +1,2 @@
1
+ import { HTMLAttributes, PropsWithChildren } from 'react';
2
+ export type BreadcrumbEllipsisProps = PropsWithChildren<HTMLAttributes<HTMLSpanElement>>;
@@ -0,0 +1 @@
1
+ import{jsx as t}from"react/jsx-runtime";import{Breadcrumb as o}from"react-aria-components";import{cn as a}from"../../../utils/cn/index.js";function n({children:r,className:e,...m}){return t(o,{className:a("flex items-center",e),...m,children:r})}export{n as BreadcrumbItem,n as default};
@@ -0,0 +1,3 @@
1
+ import { BreadcrumbItemProps } from './BreadcrumbItem.types';
2
+ export declare function BreadcrumbItem({ children, className, ...props }: BreadcrumbItemProps): import("react/jsx-runtime").JSX.Element;
3
+ export default BreadcrumbItem;
@@ -0,0 +1,2 @@
1
+ import { BreadcrumbProps } from 'react-aria-components';
2
+ export type BreadcrumbItemProps = BreadcrumbProps;
@@ -0,0 +1 @@
1
+ import{jsx as o}from"react/jsx-runtime";import{Link as s}from"react-aria-components";import{cn as i}from"../../../utils/cn/index.js";function a({children:e,className:t,...r}){return o(s,{className:i("text-slate-600 no-underline cursor-pointer","focus-visible:outline-2 focus-visible:outline focus-visible:outline-slate-200","hover:text-slate-900 hover:underline","current:cursor-default current:text-slate-900 current:font-semibold","disabled:cursor-default disabled:text-slate-400 disabled:current:text-slate-900",t),...r,children:e})}export{a as BreadcrumbLink,a as default};
@@ -0,0 +1,3 @@
1
+ import { BreadcrumbLinkProps } from './BreadcrumbLink.types';
2
+ export declare function BreadcrumbLink({ children, className, ...props }: BreadcrumbLinkProps): import("react/jsx-runtime").JSX.Element;
3
+ export default BreadcrumbLink;
@@ -0,0 +1,2 @@
1
+ import { LinkProps } from 'react-aria-components';
2
+ export type BreadcrumbLinkProps = LinkProps;
@@ -0,0 +1 @@
1
+ import{jsx as r}from"react/jsx-runtime";import{Breadcrumb as i}from"react-aria-components";import{cn as n}from"../../../utils/cn/index.js";function d({children:e,className:t,...o}){return r(i,{className:n("flex items-center text-slate-600","my-0 mx-2",t),...o,children:e??r("svg",{"aria-hidden":"true",xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",className:"w-4 h-4",children:r("path",{d:"M6 12L10 8L6 4",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})})}export{d as BreadcrumbSeparator,d as default};
@@ -0,0 +1,3 @@
1
+ import { BreadcrumbSeparatorProps } from './BreadcrumbSeparator.types';
2
+ export declare function BreadcrumbSeparator({ children, className, ...props }: BreadcrumbSeparatorProps): import("react/jsx-runtime").JSX.Element;
3
+ export default BreadcrumbSeparator;
@@ -0,0 +1,6 @@
1
+ import { BreadcrumbProps } from 'react-aria-components';
2
+ import { ReactNode } from 'react';
3
+ /** @todo what is this type actually trying to do? */
4
+ export interface BreadcrumbSeparatorProps extends Omit<BreadcrumbProps, 'children'>, React.RefAttributes<HTMLLIElement> {
5
+ children?: ReactNode;
6
+ }
@@ -0,0 +1 @@
1
+ import{jsx as e}from"react/jsx-runtime";import{Breadcrumbs as s}from"react-aria-components";import{cn as o}from"../../../utils/cn/index.js";function p({children:r,className:m,...t}){return e(s,{className:o("flex items-center list-none text-sm","mx-0 mt-0 mr-4","px-0 pt-1.5 pb-0",m),...t,children:r})}export{p as Breadcrumbs,p as default};
@@ -0,0 +1,3 @@
1
+ import { BreadcrumbsProps } from './Breadcrumbs.types';
2
+ export declare function Breadcrumbs({ children, className, ...props }: BreadcrumbsProps<object>): import("react/jsx-runtime").JSX.Element;
3
+ export default Breadcrumbs;
@@ -0,0 +1,2 @@
1
+ import { BreadcrumbsProps as AriaBreadcrumbsProps } from 'react-aria-components';
2
+ export type BreadcrumbsProps<T extends object> = Omit<AriaBreadcrumbsProps<T>, 'items'>;
@@ -0,0 +1,10 @@
1
+ export { BreadcrumbEllipsis } from './BreadcrumbEllipsis';
2
+ export { BreadcrumbItem } from './BreadcrumbItem';
3
+ export { BreadcrumbLink } from './BreadcrumbLink';
4
+ export { BreadcrumbSeparator } from './BreadcrumbSeparator';
5
+ export { Breadcrumbs } from './Breadcrumbs';
6
+ export type { BreadcrumbEllipsisProps } from './BreadcrumbEllipsis.types';
7
+ export type { BreadcrumbItemProps } from './BreadcrumbItem.types';
8
+ export type { BreadcrumbLinkProps } from './BreadcrumbLink.types';
9
+ export type { BreadcrumbSeparatorProps } from './BreadcrumbSeparator.types';
10
+ export type { BreadcrumbsProps } from './Breadcrumbs.types';
@@ -0,0 +1 @@
1
+ import{BreadcrumbEllipsis as m}from"./BreadcrumbEllipsis/index.js";import{BreadcrumbItem as a}from"./BreadcrumbItem/index.js";import{BreadcrumbLink as t}from"./BreadcrumbLink/index.js";import{BreadcrumbSeparator as c}from"./BreadcrumbSeparator/index.js";import{Breadcrumbs as f}from"./Breadcrumbs/index.js";export{m as BreadcrumbEllipsis,a as BreadcrumbItem,t as BreadcrumbLink,c as BreadcrumbSeparator,f as Breadcrumbs};
@@ -0,0 +1 @@
1
+ import{jsx as l}from"react/jsx-runtime";import{forwardRef as b}from"react";import{Button as n}from"react-aria-components";import{cn as i}from"../../../utils/cn/index.js";const x=b(function({className:r,isDisabled:o=!1,isLoading:t=!1,size:s="md",variant:e="solid",...a},d){return l(n,{ref:d,type:"button",isDisabled:o,className:i("flex items-center justify-center","rounded-md border-solid border","font-semibold text-sm","py-2 px-8","transition-all duration-200 ease-in-out","focus:outline-2 focus:outline focus:outline-slate-200 pressed:scale-95",[s==="sm"&&["h-8"],s==="md"&&["h-10"],s==="lg"&&["h-12"]],[e==="ghost"&&["bg-transparent hover:bg-transparent focus:bg-transparent disabled:bg-transparent","border-transparent hover:border-transparent focus:border-transparent disabled:border-transparent","text-slate-900 disabled:text-slate-400"],e==="ghost"&&t&&["disabled:text-slate-900"],e==="outline"&&["bg-transparent hover:bg-transparent focus:bg-transparent disabled:bg-transparent","border-slate-300 hover:border-slate-400 focus:border-slate-400 disabled:border-slate-200","text-slate-900 disabled:text-slate-500"],e==="outline"&&t&&["disabled:border-slate-300","disabled:text-slate-900"],e==="solid"&&["bg-slate-800 hover:bg-slate-900 focus:bg-slate-900 disabled:bg-slate-900","border-slate-800 hover:border-slate-900 focus:border-slate-900 disabled:border-slate-200","text-white disabled:text-slate-400"],e==="solid"&&t&&["disabled:border-slate-900","disabled:text-white"]],r),...a})});export{x as Button,x as default};
@@ -0,0 +1,7 @@
1
+ /// <reference types="react" />
2
+ export declare const Button: import('react').ForwardRefExoticComponent<import('react-aria-components').ButtonProps & {
3
+ isLoading?: boolean | undefined;
4
+ variant?: "solid" | "outline" | "ghost" | undefined;
5
+ size?: "sm" | "md" | "lg" | undefined;
6
+ } & import('react').RefAttributes<HTMLButtonElement>>;
7
+ export default Button;
@@ -0,0 +1,6 @@
1
+ import { ButtonProps as AriaButtonProps } from 'react-aria-components';
2
+ export type ButtonProps = AriaButtonProps & {
3
+ isLoading?: boolean;
4
+ variant?: 'solid' | 'outline' | 'ghost';
5
+ size?: 'sm' | 'md' | 'lg';
6
+ };
@@ -0,0 +1,2 @@
1
+ export { Button } from './Button';
2
+ export type { ButtonProps } from './Button.types';
@@ -0,0 +1 @@
1
+ import{Button as r}from"./Button/index.js";export{r as Button};
@@ -0,0 +1 @@
1
+ import{jsx as f}from"react/jsx-runtime";import{cn as t}from"../../../utils/cn/index.js";function m({children:r,className:o,...e}){return f("div",{className:t("flex flex-col",o),...e,children:r})}export{m as Card,m as default};
@@ -0,0 +1,3 @@
1
+ import { CardProps } from './Card.types';
2
+ export declare function Card({ children, className, ...props }: CardProps): import("react/jsx-runtime").JSX.Element;
3
+ export default Card;
@@ -0,0 +1,2 @@
1
+ import { PropsWithChildren, HTMLAttributes } from 'react';
2
+ export type CardProps = PropsWithChildren<HTMLAttributes<HTMLDivElement>>;
@@ -0,0 +1,2 @@
1
+ export { Card } from './Card';
2
+ export type { CardProps } from './Card.types';
@@ -0,0 +1 @@
1
+ import{Card as a}from"./Card/index.js";export{a as Card};
@@ -0,0 +1 @@
1
+ import{jsx as b,jsxs as d,Fragment as c}from"react/jsx-runtime";import{Checkbox as p}from"react-aria-components";import{cn as x}from"../../../utils/cn/index.js";function g({control:t,isHovered:e,isFocused:f,isDisabled:l,isIndeterminate:o,isInvalid:r,isSelected:n,isPressed:a,classNames:u,...h}){return t?typeof t=="function"?t({isHovered:e,isFocused:f,isDisabled:l,isIndeterminate:o,isInvalid:r,isSelected:n,isPressed:a,...h}):t:b("div",{className:x("flex items-center justify-center","w-6 h-6","border border-solid border-slate-300 rounded","transition-all duration-200 ease-in-out","checkbox-control",e&&["border-slate-400"],f&&["border-slate-400 outline-2 outline outline-slate-200"],(l||l&&o)&&["border-slate-200 bg-slate-100"],r&&["bg-slate-100 text-red-600 border-red-500"],r&&e&&["border-red-600"],r&&f&&["border-red-600 outline-red-200"],r&&n&&o&&["bg-red-500 border-red-500"],r&&n&&o&&a&&["bg-red-600 border-red-600"],(n||o)&&["border-slate-300 bg-slate-300"],(n||o)&&a&&["border-slate-400 bg-slate-400"],u==null?void 0:u.control),children:b("svg",{viewBox:"0 0 18 18","aria-hidden":"true",style:{strokeDasharray:"22px",strokeDashoffset:n||o?44:66},className:x("w-4 h-4 fill-none","stroke-white stroke-[3px]","transition-all duration-200 ease-in-out",l&&o&&["stroke-none fill-slate-300"],o&&["stroke-none fill-white"]),children:o?b("rect",{x:1,y:7.5,width:15,height:3}):b("polyline",{points:"1 9 7 14 15 4"})})})}function k({children:t,slots:e,className:f,classNames:l,...o}){return b(p,{className:x("flex items-center gap-2","text-xs text-slate-500 forced-color-adjust-none disabled:text-slate-400 group","invalid:text-red-500",f),...o,children:r=>d(c,{children:[b(g,{control:e==null?void 0:e.control,classNames:l,...r}),typeof t=="function"?t(r):t]})})}k.defaultProps={slots:{control:void 0},classNames:void 0};export{k as Checkbox,k as default};
@@ -0,0 +1,11 @@
1
+ import { CheckboxProps } from './Checkbox.types';
2
+ export declare function Checkbox({ children, slots, className, classNames, ...props }: CheckboxProps): import("react/jsx-runtime").JSX.Element;
3
+ export declare namespace Checkbox {
4
+ var defaultProps: {
5
+ slots: {
6
+ control: undefined;
7
+ };
8
+ classNames: undefined;
9
+ };
10
+ }
11
+ export default Checkbox;
@@ -0,0 +1,10 @@
1
+ import { CheckboxProps as UiCheckboxProps, CheckboxRenderProps } from 'react-aria-components';
2
+ import { ReactNode } from 'react';
3
+ import { SlotsToClasses } from '../../types/SlotsToClasses';
4
+ export interface CheckboxSlots {
5
+ control?: ReactNode | ((values: CheckboxRenderProps) => ReactNode);
6
+ }
7
+ export interface CheckboxProps extends UiCheckboxProps {
8
+ slots?: CheckboxSlots;
9
+ classNames?: SlotsToClasses<'control'>;
10
+ }
@@ -0,0 +1,2 @@
1
+ export { Checkbox } from './Checkbox';
2
+ export type { CheckboxProps, CheckboxSlots } from './Checkbox.types';
@@ -0,0 +1 @@
1
+ import{Checkbox as r}from"./Checkbox/index.js";export{r as Checkbox};
@@ -0,0 +1 @@
1
+ import{jsx as r}from"react/jsx-runtime";import{useContext as a}from"react";import{motion as l}from"framer-motion";import{CollapsibleTriggerStateContext as p}from"../CollapsibleTrigger/index.js";import{cn as s}from"../../../utils/cn/index.js";function c({children:i,className:t}){const{isOpen:e,id:o,defaultOpen:n}=a(p);return r(l.div,{className:s("w-full overflow-hidden",t),id:o,variants:{hidden:{height:"0px",opacity:0},visible:{height:"auto",opacity:1}},initial:n?"visible":"hidden",animate:e?"visible":"hidden",transition:{type:"spring",bounce:0},children:i})}export{c as Collapsible,c as default};
@@ -0,0 +1,3 @@
1
+ import { CollapsibleContentProps } from './Collapsible.types';
2
+ export declare function Collapsible({ children, className }: CollapsibleContentProps): import("react/jsx-runtime").JSX.Element;
3
+ export default Collapsible;
@@ -0,0 +1,2 @@
1
+ import { PropsWithChildren, HTMLAttributes } from 'react';
2
+ export type CollapsibleContentProps = PropsWithChildren<HTMLAttributes<HTMLDivElement>>;
@@ -0,0 +1 @@
1
+ import{jsx as o}from"react/jsx-runtime";import{Provider as i}from"react-aria-components";import{useControlledState as c}from"../../../node_modules/.pnpm/@react-stately_utils@3.10.4_react@18.2.0/node_modules/@react-stately/utils/dist/useControlledState/index.js";import{createContext as d,useId as p,useRef as u,useCallback as m}from"react";import{PressResponder as b}from"../../../node_modules/.pnpm/@react-aria_interactions@3.22.4_react@18.2.0/node_modules/@react-aria/interactions/dist/PressResponder/index.js";import{cn as g}from"../../../utils/cn/index.js";const C=d({});function R({children:a,className:s,...t}){const r=p(),[e,n]=c(t.isOpen,t.defaultOpen||!1,t.onOpenChange),l=u(null),f=m(()=>{n(!e)},[n,e]);return o(i,{values:[[C,{isOpen:e,id:r,defaultOpen:t.defaultOpen||!1}]],children:o(b,{ref:l,isPressed:e,onPress:f,"aria-expanded":e,"aria-controls":r,children:o("div",{className:g("w-full",s),children:a})})})}export{R as CollapsibleTrigger,C as CollapsibleTriggerStateContext,R as default};
@@ -0,0 +1,5 @@
1
+ import { CollapsibleTriggerProps, CollapsibleTriggerState } from './CollapsibleTrigger.types';
2
+ /** @todo look into use hook to provide access instead of exporting directly */
3
+ export declare const CollapsibleTriggerStateContext: import('react').Context<CollapsibleTriggerState>;
4
+ export declare function CollapsibleTrigger({ children, className, ...props }: CollapsibleTriggerProps): import("react/jsx-runtime").JSX.Element;
5
+ export default CollapsibleTrigger;
@@ -0,0 +1,12 @@
1
+ import { PropsWithChildren } from 'react';
2
+ export type CollapsibleTriggerState = {
3
+ isOpen: boolean;
4
+ id: string;
5
+ defaultOpen: boolean;
6
+ };
7
+ export type CollapsibleTriggerProps = PropsWithChildren<{
8
+ isOpen?: boolean;
9
+ defaultOpen?: boolean;
10
+ onOpenChange?: (isOpen: boolean) => void;
11
+ className?: string | undefined;
12
+ }>;
@@ -0,0 +1,4 @@
1
+ export { Collapsible } from './Collapsible';
2
+ export { CollapsibleTrigger, CollapsibleTriggerStateContext, } from './CollapsibleTrigger';
3
+ export type { CollapsibleContentProps } from './Collapsible.types';
4
+ export type { CollapsibleTriggerProps, CollapsibleTriggerState, } from './CollapsibleTrigger.types';
@@ -0,0 +1 @@
1
+ import{Collapsible as o}from"./Collapsible/index.js";import{CollapsibleTrigger as t,CollapsibleTriggerStateContext as i}from"./CollapsibleTrigger/index.js";export{o as Collapsible,t as CollapsibleTrigger,i as CollapsibleTriggerStateContext};
@@ -0,0 +1 @@
1
+ import{jsx as a}from"react/jsx-runtime";import{forwardRef as e}from"react";import{cn as n}from"../../../utils/cn/index.js";const s=e(({children:r,className:o,...t},m)=>a("div",{ref:m,className:n("container","mx-auto my-0","py-0 px-4",o),...t,children:r}));export{s as Container,s as default};
@@ -0,0 +1,5 @@
1
+ /// <reference types="react" />
2
+ export declare const Container: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & {
3
+ children?: import('react').ReactNode;
4
+ } & import('react').RefAttributes<HTMLDivElement>>;
5
+ export default Container;
@@ -0,0 +1,2 @@
1
+ import { PropsWithChildren, HTMLAttributes } from 'react';
2
+ export type ContainerProps = PropsWithChildren<HTMLAttributes<HTMLDivElement>>;
@@ -0,0 +1,2 @@
1
+ export { Container } from './Container';
2
+ export type { ContainerProps } from './Container.types';
@@ -0,0 +1 @@
1
+ import{Container as e}from"./Container/index.js";export{e as Container};
@@ -0,0 +1 @@
1
+ import{jsx as t}from"react/jsx-runtime";import{Popover as x,Menu as c}from"react-aria-components";import{forwardRef as h}from"react";import{motion as l}from"framer-motion";import{cn as a}from"../../../utils/cn/index.js";const v=h(({style:o,...e},i)=>{const n=typeof o=="function"?o(e):o;return t(x,{...e,ref:i,style:n})}),y=l.create(v);function _({children:o,key:e,onAction:i,setAnimation:n,animation:d="hidden",className:m,classNames:r,...u}){return t(y,{className:a("px-0 py-1.5","shadow-[0_10px_15px_-3px_rgba(0,0,0,0.1),0_4px_6px_-4px_rgba(0,0,0,0.1)]","rounded-md","w-56","bg-white","border border-solid border-slate-300",m),isExiting:d==="hidden",onAnimationComplete:f=>{n(p=>f==="hidden"&&p==="hidden"?"unmounted":p)},variants:{hidden:{opacity:0,y:-10},visible:{opacity:1,y:0}},initial:"hidden",animate:d,...u,children:t(c,{className:a("outline-none",r==null?void 0:r.menu),onAction:i,children:o})},e)}_.defaultProps={key:void 0,onAction:void 0,classNames:void 0,style:void 0};export{_ as ContextMenu,_ as default};
@@ -0,0 +1,11 @@
1
+ import { PopoverProps } from './ContextMenu.types';
2
+ export declare function ContextMenu({ children, key, onAction, setAnimation, animation, className, classNames, ...props }: PopoverProps): import("react/jsx-runtime").JSX.Element;
3
+ export declare namespace ContextMenu {
4
+ var defaultProps: {
5
+ key: undefined;
6
+ onAction: undefined;
7
+ classNames: undefined;
8
+ style: undefined;
9
+ };
10
+ }
11
+ export default ContextMenu;
@@ -0,0 +1,15 @@
1
+ import { PopoverProps as AriaPopoverProps } from 'react-aria-components';
2
+ import { Dispatch, Key, SetStateAction, ReactNode } from 'react';
3
+ import { MotionStyle } from 'framer-motion';
4
+ import { SlotsToClasses } from '../../types/SlotsToClasses';
5
+ type ContextMenuAnimationState = 'unmounted' | 'hidden' | 'visible';
6
+ export interface PopoverProps extends Omit<AriaPopoverProps, 'children' | 'style'> {
7
+ animation: ContextMenuAnimationState;
8
+ children: ReactNode;
9
+ onAction?: (key: Key) => void;
10
+ setAnimation: Dispatch<SetStateAction<ContextMenuAnimationState>>;
11
+ key?: Key | null;
12
+ classNames?: SlotsToClasses<'menu'>;
13
+ style?: MotionStyle;
14
+ }
15
+ export {};
@@ -0,0 +1,2 @@
1
+ export { ContextMenu } from './ContextMenu';
2
+ export type { PopoverProps } from './ContextMenu.types';
@@ -0,0 +1 @@
1
+ import{ContextMenu as t}from"./ContextMenu/index.js";export{t as ContextMenu};
@@ -0,0 +1 @@
1
+ import{jsxs as h,jsx as o}from"react/jsx-runtime";import{NumberFormatBase as v}from"../../../node_modules/.pnpm/react-number-format@5.4.2_react-dom@18.2.0_react@18.2.0/node_modules/react-number-format/dist/react-number-format.es/index.js";import{TextField as m,Label as c,Text as g,FieldError as s,Input as I}from"react-aria-components";import{cn as t}from"../../../utils/cn/index.js";function w({className:d,...i}){return o(I,{className:t("border-solid border border-slate-300 rounded-md","text-sm text-slate-900 placeholder-slate-400","h-10 px-2 py-0 m-0 w-full","bg-white","transition-all duration-200 ease-in-out","hover:border-slate-400","focus:outline-2 focus:outline focus:outline-slate-200 focus:border-slate-400","disabled:border-slate-200 disabled:bg-slate-100","invalid:border-red-500 invalid:bg-red-100 invalid:text-red-600","invalid:hover:border-red-600 invalid:focus:border-red-600 invalid:focus:outline-red-200",d),...i})}function F({label:d,description:i,errorMessage:n,placeholder:u,value:f,className:b,classNames:e,...x}){const p=l=>{if(l==="")return"";let r=l.substring(0,2);const a=l.substring(2,4);return r.length===1&&Number(r[0])>1?r=`0${r[0]}`:r.length===2&&(Number(r)===0?r="01":Number(r)>12&&(r="12")),`${r}/${a}`};return h(m,{className:t("flex flex-col w-full text-slate-900",b),...x,children:[o(c,{className:t("flex text-slate-500 text-sm",e==null?void 0:e.label),children:d}),o(v,{format:p,customInput:w,className:t(e==null?void 0:e.input),placeholder:u,value:f}),i&&o(g,{className:t("flex text-slate-500 text-sm",e==null?void 0:e.description),slot:"description",children:i}),o(s,{className:t("flex text-red-500 text-sm",e==null?void 0:e.error),children:n})]})}F.defaultProps={label:void 0,description:void 0,errorMessage:void 0,placeholder:void 0,classNames:void 0};export{F as CreditCardExpirationInput,F as default};
@@ -0,0 +1,12 @@
1
+ import { CreditCardExpirationInputProps } from './CreditCardExpirationInput.types';
2
+ export declare function CreditCardExpirationInput({ label, description, errorMessage, placeholder, value, className, classNames, ...props }: CreditCardExpirationInputProps): import("react/jsx-runtime").JSX.Element;
3
+ export declare namespace CreditCardExpirationInput {
4
+ var defaultProps: {
5
+ label: undefined;
6
+ description: undefined;
7
+ errorMessage: undefined;
8
+ placeholder: undefined;
9
+ classNames: undefined;
10
+ };
11
+ }
12
+ export default CreditCardExpirationInput;
@@ -0,0 +1,9 @@
1
+ import { TextFieldProps, ValidationResult } from 'react-aria-components';
2
+ import { SlotsToClasses } from '../../types/SlotsToClasses';
3
+ export interface CreditCardExpirationInputProps extends TextFieldProps {
4
+ label?: string;
5
+ description?: string;
6
+ errorMessage?: string | ((validation: ValidationResult) => string);
7
+ placeholder?: string;
8
+ classNames?: SlotsToClasses<'label' | 'input' | 'description' | 'error'>;
9
+ }
@@ -0,0 +1,2 @@
1
+ export { CreditCardExpirationInput } from './CreditCardExpirationInput';
2
+ export type { CreditCardExpirationInputProps } from './CreditCardExpirationInput.types';
@@ -0,0 +1 @@
1
+ import{CreditCardExpirationInput as i}from"./CreditCardExpirationInput/index.js";export{i as CreditCardExpirationInput};
@@ -0,0 +1 @@
1
+ import{jsxs as C,jsx as i}from"react/jsx-runtime";import{useState as I,useEffect as P}from"react";import{NumberFormatBase as w}from"../../../node_modules/.pnpm/react-number-format@5.4.2_react-dom@18.2.0_react@18.2.0/node_modules/react-number-format/dist/react-number-format.es/index.js";import{TextField as j,Label as E,Text as L,FieldError as T,Input as k}from"react-aria-components";import{cn as o}from"../../../utils/cn/index.js";const s=n=>{const a=[{regex:/^4[0-9]{0,15}/,format:"#### #### #### ####"},{regex:/^5[1-5][0-9]{0,14}/,format:"#### #### #### ####"},{regex:/^3[47][0-9]{0,13}/,format:"#### ###### #####"},{regex:/^6(?:011|5[0-9]{2})[0-9]{0,12}/,format:"#### #### #### ####"},{regex:/^3(?:0[0-5]|[68][0-9])[0-9]{0,11}/,format:"#### ###### ####"},{regex:/^(?:2131|1800|35\d{3})\d{0,11}/,format:"#### #### #### ####"}].find(x=>x.regex.test(n));return a?a.format:"#### #### #### #### ###"};function y({className:n,...d}){return i(k,{className:o("border-solid border border-slate-300 rounded-md","text-sm text-slate-900 placeholder-slate-400","h-10 px-2 py-0 m-0 w-full","bg-white","transition-all duration-200 ease-in-out","hover:border-slate-400","focus:outline-2 focus:outline focus:outline-slate-200 focus:border-slate-400","disabled:border-slate-200 disabled:bg-slate-100","invalid:border-red-500 invalid:bg-red-100 invalid:text-red-600","invalid:hover:border-red-600 invalid:focus:border-red-600 invalid:focus:outline-red-200",n),...d})}function A({label:n,description:d,errorMessage:a,placeholder:x,value:p,onChange:g,className:b,classNames:e,...h}){const[v,m]=I(p||"");P(()=>{m(p||"")},[p]);const V=u=>{if(u==="")return"";const t=u.replace(/\s+/g,""),f=s(t);let l="",r=0;for(let c=0;c<f.length;c+=1)if(f[c]==="#")if(r<t.length)l+=t[r],r+=1;else break;else l+=f[c];return l},F=u=>{const t=u.value.replace(/\s+/g,""),l=s(t).replace(/[^#]/g,"").length,r=t.slice(0,l);m(r),g&&g(r)};return C(j,{className:o("flex flex-col w-full text-slate-900",b),...h,children:[i(E,{className:o("flex text-slate-500 text-sm",e==null?void 0:e.label),children:n}),i(w,{value:v,format:V,customInput:y,className:o(e==null?void 0:e.input),placeholder:x,onValueChange:F}),d&&i(L,{className:o("flex text-slate-500 text-sm",e==null?void 0:e.description),slot:"description",children:d}),i(T,{className:o("flex text-red-500 text-sm",e==null?void 0:e.error),children:a})]})}A.defaultProps={label:void 0,description:void 0,errorMessage:void 0,placeholder:void 0,classNames:void 0,value:void 0,onChange:()=>{}};export{A as CreditCardInput,A as default};
@@ -0,0 +1,14 @@
1
+ import { CreditCardInputProps } from './CreditCardInput.types';
2
+ export declare function CreditCardInput({ label, description, errorMessage, placeholder, value, onChange, className, classNames, ...props }: CreditCardInputProps): import("react/jsx-runtime").JSX.Element;
3
+ export declare namespace CreditCardInput {
4
+ var defaultProps: {
5
+ label: undefined;
6
+ description: undefined;
7
+ errorMessage: undefined;
8
+ placeholder: undefined;
9
+ classNames: undefined;
10
+ value: undefined;
11
+ onChange: () => void;
12
+ };
13
+ }
14
+ export default CreditCardInput;
@@ -0,0 +1,11 @@
1
+ import { TextFieldProps, ValidationResult } from 'react-aria-components';
2
+ import { SlotsToClasses } from '../../types/SlotsToClasses';
3
+ export interface CreditCardInputProps extends TextFieldProps {
4
+ label?: string;
5
+ description?: string;
6
+ errorMessage?: string | ((validation: ValidationResult) => string);
7
+ placeholder?: string;
8
+ value?: string;
9
+ onChange?: (value: string) => void;
10
+ classNames?: SlotsToClasses<'label' | 'input' | 'description' | 'error'>;
11
+ }
@@ -0,0 +1,2 @@
1
+ export { CreditCardInput } from './CreditCardInput';
2
+ export type { CreditCardInputProps } from './CreditCardInput.types';
@@ -0,0 +1 @@
1
+ import{CreditCardInput as d}from"./CreditCardInput/index.js";export{d as CreditCardInput};
@@ -0,0 +1 @@
1
+ import{jsxs as u,jsx as i}from"react/jsx-runtime";import{DateField as f,Label as x,DateInput as b,DateSegment as p,Text as c,FieldError as h}from"react-aria-components";import{cn as t}from"../../../utils/cn/index.js";function v({label:o,description:r,errorMessage:d,className:l,classNames:e,...n}){return u(f,{className:t("text-slate-900",l),...n,children:[i(x,{className:t("flex text-slate-500 text-sm",e==null?void 0:e.label),children:o}),i(b,{className:t("flex items-center","border-solid border border-slate-300 rounded-md","text-sm text-slate-900","h-10 px-1 py-0 m-0 w-full","bg-white","transition-all duration-200 ease-in-out","hover:border-slate-400","focus-within:outline-2 focus-within:outline focus-within:outline-slate-200 focus-within:border-slate-400","disabled:border-slate-200 disabled:bg-slate-100","invalid:border-red-500 invalid:bg-red-100 invalid:text-red-600","invalid:hover:border-red-600 invalid:focus-within:border-red-600 invalid:focus-within:outline-red-200",e==null?void 0:e.input),children:a=>i(p,{segment:a,className:t("p-1 tabular-nums text-end text-slate-900","invalid:text-red-500","disabled:cursor-default disabled:select-none disabled:text-slate-400","focus:text-slate-900 focus:bg-slate-200 focus:outline-0 focus:rounded-md focus:caret-transparent focus:invalid:bg-red-500 focus:invalid:text-white","type-literal:p-0","data-[placeholder]:text-slate-400 data-[placeholder]:invalid:text-red-500 data-[placeholder]:invalid:focus:text-white","aria-[readonly]:focus-visible:outline aria-[readonly]:focus-visible:outline-slate-500 aria-[readonly]:focus-visible:outline-1","aria-[readonly]:focus:outline aria-[readonly]:focus:outline-slate-500 aria-[readonly]:focus:bg-transparent aria-[readonly]:focus:outline-2",e==null?void 0:e.segment)})}),r&&i(c,{className:t("flex text-slate-500 text-sm",e==null?void 0:e.description),slot:"description",children:r}),i(h,{className:t("flex text-red-500 text-sm",e==null?void 0:e.error),children:d})]})}v.defaultProps={label:void 0,description:void 0,errorMessage:void 0,classNames:void 0};export{v as DateInput,v as default};
@@ -0,0 +1,11 @@
1
+ import { DateInputProps } from './DateInput.types';
2
+ export declare function DateInput({ label, description, errorMessage, className, classNames, ...props }: DateInputProps): import("react/jsx-runtime").JSX.Element;
3
+ export declare namespace DateInput {
4
+ var defaultProps: {
5
+ label: undefined;
6
+ description: undefined;
7
+ errorMessage: undefined;
8
+ classNames: undefined;
9
+ };
10
+ }
11
+ export default DateInput;
@@ -0,0 +1,8 @@
1
+ import { DateFieldProps, DateValue, ValidationResult } from 'react-aria-components';
2
+ import { SlotsToClasses } from '../../types/SlotsToClasses';
3
+ export interface DateInputProps extends DateFieldProps<DateValue> {
4
+ label?: string;
5
+ description?: string;
6
+ errorMessage?: string | ((validation: ValidationResult) => string);
7
+ classNames?: SlotsToClasses<'label' | 'input' | 'description' | 'error' | 'segment'>;
8
+ }
@@ -0,0 +1,2 @@
1
+ export { DateInput } from './DateInput';
2
+ export type { DateInputProps } from './DateInput.types';
@@ -0,0 +1 @@
1
+ import{DateInput as o}from"./DateInput/index.js";export{o as DateInput};
@@ -0,0 +1 @@
1
+ import{jsx as e}from"react/jsx-runtime";import{forwardRef as n}from"react";import{Dialog as s}from"react-aria-components";import{motion as l}from"framer-motion";import{cn as m}from"../../../utils/cn/index.js";const d=n(({style:a,animationVariants:r,...o},t)=>{const i=typeof a=="function"?a(o):a;return e(s,{...o,ref:t,style:i})}),f=l.create(d);function c({className:a,children:r,animationVariants:o,...t}){return e(f,{className:m("p-8 outline-0 max-w-max w-screen absolute top-2/4 left-2/4","shadow-[0_8px_24px_rgba(0,0,0,0.1)] rounded-lg bg-white border border-solid border-slate-400","transform -translate-x-1/2 -translate-y-1/2",a),...t,variants:o||{hidden:{transform:"translate(-50%, -50%) scale(0.8)",transition:{ease:"backIn"}},visible:{transform:"translate(-50%, -50%) scale(1)",transition:{ease:"backOut"}}},children:r})}c.defaultProps={key:void 0,style:void 0,animationVariants:void 0};export{c as Dialog,c as default};
@@ -0,0 +1,10 @@
1
+ import { DialogProps } from './Dialog.types';
2
+ export declare function Dialog({ className, children, animationVariants, ...props }: DialogProps): import("react/jsx-runtime").JSX.Element;
3
+ export declare namespace Dialog {
4
+ var defaultProps: {
5
+ key: undefined;
6
+ style: undefined;
7
+ animationVariants: undefined;
8
+ };
9
+ }
10
+ export default Dialog;
@@ -0,0 +1,8 @@
1
+ import { Key } from 'react';
2
+ import { DialogProps as UIDialogProps } from 'react-aria-components';
3
+ import { MotionStyle, Variants } from 'framer-motion';
4
+ export type DialogProps = UIDialogProps & {
5
+ key?: Key;
6
+ style?: MotionStyle;
7
+ animationVariants?: Variants;
8
+ };
@@ -0,0 +1,2 @@
1
+ export { Dialog } from './Dialog';
2
+ export type { DialogProps } from './Dialog.types';
@@ -0,0 +1 @@
1
+ import{Dialog as a}from"./Dialog/index.js";export{a as Dialog};
@@ -0,0 +1 @@
1
+ import{jsx as t}from"react/jsx-runtime";import{createContext as s,useContext as m,useState as u,useMemo as l}from"react";import{DialogTrigger as c}from"react-aria-components";const i=s({animation:"unmounted",setAnimation:()=>{},onOpenChange:()=>{}}),x=()=>m(i);function C(r){const[e,n]=u("unmounted"),o=g=>{n(g?"visible":"hidden")},a=l(()=>({animation:e,setAnimation:n,onOpenChange:o}),[e]);return t(i.Provider,{value:a,children:t(c,{...r,onOpenChange:o})})}export{C as DialogTrigger,C as default,x as useDialogTrigger};