@fuf-stack/pixels 1.11.0 → 1.11.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 (166) hide show
  1. package/dist/Accordion/Accordion.cjs +0 -1
  2. package/dist/Accordion/Accordion.cjs.map +1 -1
  3. package/dist/Accordion/Accordion.d.cts +512 -74
  4. package/dist/Accordion/Accordion.d.cts.map +1 -1
  5. package/dist/Accordion/Accordion.d.ts +512 -74
  6. package/dist/Accordion/Accordion.d.ts.map +1 -1
  7. package/dist/Alert/Alert.cjs +0 -1
  8. package/dist/Alert/Alert.cjs.map +1 -1
  9. package/dist/Alert/Alert.d.cts +395 -109
  10. package/dist/Alert/Alert.d.cts.map +1 -1
  11. package/dist/Alert/Alert.d.ts +395 -109
  12. package/dist/Alert/Alert.d.ts.map +1 -1
  13. package/dist/Avatar/Avatar.cjs +0 -1
  14. package/dist/Avatar/Avatar.cjs.map +1 -1
  15. package/dist/Avatar/Avatar.d.cts +734 -45
  16. package/dist/Avatar/Avatar.d.cts.map +1 -1
  17. package/dist/Avatar/Avatar.d.ts +734 -45
  18. package/dist/Avatar/Avatar.d.ts.map +1 -1
  19. package/dist/AvatarGroup/AvatarGroup.cjs +0 -1
  20. package/dist/AvatarGroup/AvatarGroup.cjs.map +1 -1
  21. package/dist/Badge/Badge.cjs +0 -1
  22. package/dist/Badge/Badge.cjs.map +1 -1
  23. package/dist/Badge/Badge.d.cts +377 -27
  24. package/dist/Badge/Badge.d.cts.map +1 -1
  25. package/dist/Badge/Badge.d.ts +377 -27
  26. package/dist/Badge/Badge.d.ts.map +1 -1
  27. package/dist/Breadcrumb/Breadcrumb.cjs +10 -11
  28. package/dist/Breadcrumb/Breadcrumb.cjs.map +1 -1
  29. package/dist/Breadcrumb/Breadcrumb.d.cts +853 -51
  30. package/dist/Breadcrumb/Breadcrumb.d.cts.map +1 -1
  31. package/dist/Breadcrumb/Breadcrumb.d.ts +853 -51
  32. package/dist/Breadcrumb/Breadcrumb.d.ts.map +1 -1
  33. package/dist/Breadcrumb/Breadcrumb.js +10 -10
  34. package/dist/Breadcrumb/Breadcrumb.js.map +1 -1
  35. package/dist/Button/Button.cjs +0 -1
  36. package/dist/Button/Button.cjs.map +1 -1
  37. package/dist/Button/Button.d.cts +3 -215
  38. package/dist/Button/Button.d.cts.map +1 -1
  39. package/dist/Button/Button.d.ts +3 -215
  40. package/dist/Button/Button.d.ts.map +1 -1
  41. package/dist/Button/Button.js.map +1 -1
  42. package/dist/Button/subcomponents/LoadingSpinner.cjs +0 -1
  43. package/dist/Button/subcomponents/LoadingSpinner.cjs.map +1 -1
  44. package/dist/ButtonGroup/ButtonGroup.cjs +0 -1
  45. package/dist/ButtonGroup/ButtonGroup.cjs.map +1 -1
  46. package/dist/Card/Card.cjs +1 -2
  47. package/dist/Card/Card.cjs.map +1 -1
  48. package/dist/Card/Card.d.cts +734 -45
  49. package/dist/Card/Card.d.cts.map +1 -1
  50. package/dist/Card/Card.d.ts +734 -45
  51. package/dist/Card/Card.d.ts.map +1 -1
  52. package/dist/Card/Card.js +1 -1
  53. package/dist/Card/Card.js.map +1 -1
  54. package/dist/Drawer/Drawer.cjs +0 -1
  55. package/dist/Drawer/Drawer.cjs.map +1 -1
  56. package/dist/Drawer/Drawer.d.cts +972 -57
  57. package/dist/Drawer/Drawer.d.cts.map +1 -1
  58. package/dist/Drawer/Drawer.d.ts +972 -57
  59. package/dist/Drawer/Drawer.d.ts.map +1 -1
  60. package/dist/Json/Json.cjs +30 -23
  61. package/dist/Json/Json.cjs.map +1 -1
  62. package/dist/Json/Json.d.cts.map +1 -1
  63. package/dist/Json/Json.d.ts.map +1 -1
  64. package/dist/Json/Json.js +30 -22
  65. package/dist/Json/Json.js.map +1 -1
  66. package/dist/Json/subcomponents/CopiedRenderer.cjs +3 -4
  67. package/dist/Json/subcomponents/CopiedRenderer.cjs.map +1 -1
  68. package/dist/Json/subcomponents/CopiedRenderer.js +3 -3
  69. package/dist/Json/subcomponents/CopiedRenderer.js.map +1 -1
  70. package/dist/Json/subcomponents/ErrorRenderer.cjs +0 -1
  71. package/dist/Json/subcomponents/ErrorRenderer.cjs.map +1 -1
  72. package/dist/Json/subcomponents/NullRenderer.cjs +0 -1
  73. package/dist/Json/subcomponents/NullRenderer.cjs.map +1 -1
  74. package/dist/Label/Label.cjs +0 -1
  75. package/dist/Label/Label.cjs.map +1 -1
  76. package/dist/Label/Label.d.cts +418 -173
  77. package/dist/Label/Label.d.cts.map +1 -1
  78. package/dist/Label/Label.d.ts +418 -173
  79. package/dist/Label/Label.d.ts.map +1 -1
  80. package/dist/Menu/Menu.cjs +1 -2
  81. package/dist/Menu/Menu.cjs.map +1 -1
  82. package/dist/Menu/Menu.d.cts +377 -27
  83. package/dist/Menu/Menu.d.cts.map +1 -1
  84. package/dist/Menu/Menu.d.ts +377 -27
  85. package/dist/Menu/Menu.d.ts.map +1 -1
  86. package/dist/Menu/Menu.js +1 -1
  87. package/dist/Menu/Menu.js.map +1 -1
  88. package/dist/Menu/VerticalDotsIcon.cjs +0 -1
  89. package/dist/Menu/VerticalDotsIcon.cjs.map +1 -1
  90. package/dist/Modal/Modal.cjs +0 -1
  91. package/dist/Modal/Modal.cjs.map +1 -1
  92. package/dist/Modal/Modal.d.cts +342 -70
  93. package/dist/Modal/Modal.d.cts.map +1 -1
  94. package/dist/Modal/Modal.d.ts +342 -70
  95. package/dist/Modal/Modal.d.ts.map +1 -1
  96. package/dist/Modal/ModalHost.cjs +0 -1
  97. package/dist/Modal/ModalHost.cjs.map +1 -1
  98. package/dist/Modal/modalStore.cjs +0 -1
  99. package/dist/Modal/modalStore.cjs.map +1 -1
  100. package/dist/Popover/Popover.cjs +1 -2
  101. package/dist/Popover/Popover.cjs.map +1 -1
  102. package/dist/Popover/Popover.d.cts +1091 -63
  103. package/dist/Popover/Popover.d.cts.map +1 -1
  104. package/dist/Popover/Popover.d.ts +1091 -63
  105. package/dist/Popover/Popover.d.ts.map +1 -1
  106. package/dist/Popover/Popover.js +1 -1
  107. package/dist/Popover/Popover.js.map +1 -1
  108. package/dist/Progress/Progress.cjs +0 -1
  109. package/dist/Progress/Progress.cjs.map +1 -1
  110. package/dist/Progress/Progress.d.cts +321 -85
  111. package/dist/Progress/Progress.d.cts.map +1 -1
  112. package/dist/Progress/Progress.d.ts +321 -85
  113. package/dist/Progress/Progress.d.ts.map +1 -1
  114. package/dist/ProgressCircular/ProgressCircular.cjs +1 -2
  115. package/dist/ProgressCircular/ProgressCircular.cjs.map +1 -1
  116. package/dist/ProgressCircular/ProgressCircular.d.cts +507 -186
  117. package/dist/ProgressCircular/ProgressCircular.d.cts.map +1 -1
  118. package/dist/ProgressCircular/ProgressCircular.d.ts +507 -186
  119. package/dist/ProgressCircular/ProgressCircular.d.ts.map +1 -1
  120. package/dist/ProgressCircular/ProgressCircular.js +1 -1
  121. package/dist/ProgressCircular/ProgressCircular.js.map +1 -1
  122. package/dist/ScrollShadow/ScrollShadow.cjs +0 -1
  123. package/dist/ScrollShadow/ScrollShadow.cjs.map +1 -1
  124. package/dist/SearchInput/SearchInput.cjs +8 -9
  125. package/dist/SearchInput/SearchInput.cjs.map +1 -1
  126. package/dist/SearchInput/SearchInput.d.cts +615 -39
  127. package/dist/SearchInput/SearchInput.d.cts.map +1 -1
  128. package/dist/SearchInput/SearchInput.d.ts +615 -39
  129. package/dist/SearchInput/SearchInput.d.ts.map +1 -1
  130. package/dist/SearchInput/SearchInput.js +8 -8
  131. package/dist/SearchInput/SearchInput.js.map +1 -1
  132. package/dist/Table/Table.cjs +0 -1
  133. package/dist/Table/Table.cjs.map +1 -1
  134. package/dist/Table/Table.d.cts +514 -96
  135. package/dist/Table/Table.d.cts.map +1 -1
  136. package/dist/Table/Table.d.ts +514 -96
  137. package/dist/Table/Table.d.ts.map +1 -1
  138. package/dist/Tabs/Tabs.cjs +0 -1
  139. package/dist/Tabs/Tabs.cjs.map +1 -1
  140. package/dist/Tabs/Tabs.d.cts +972 -57
  141. package/dist/Tabs/Tabs.d.cts.map +1 -1
  142. package/dist/Tabs/Tabs.d.ts +972 -57
  143. package/dist/Tabs/Tabs.d.ts.map +1 -1
  144. package/dist/Toast/Toaster.cjs +0 -1
  145. package/dist/Toast/Toaster.cjs.map +1 -1
  146. package/dist/Toast/toast.cjs +0 -1
  147. package/dist/Toast/toast.cjs.map +1 -1
  148. package/dist/Tooltip/Tooltip.cjs +6 -7
  149. package/dist/Tooltip/Tooltip.cjs.map +1 -1
  150. package/dist/Tooltip/Tooltip.d.cts +452 -143
  151. package/dist/Tooltip/Tooltip.d.cts.map +1 -1
  152. package/dist/Tooltip/Tooltip.d.ts +452 -143
  153. package/dist/Tooltip/Tooltip.d.ts.map +1 -1
  154. package/dist/Tooltip/Tooltip.js +6 -6
  155. package/dist/Tooltip/Tooltip.js.map +1 -1
  156. package/dist/hooks/useDebounce/useDebounce.cjs +0 -1
  157. package/dist/hooks/useDebounce/useDebounce.cjs.map +1 -1
  158. package/dist/hooks/useIsInitialRenderCycle/useIsInitialRenderCycle.cjs +0 -1
  159. package/dist/hooks/useIsInitialRenderCycle/useIsInitialRenderCycle.cjs.map +1 -1
  160. package/dist/hooks/useLocalStorage/useLocalStorage.cjs +0 -1
  161. package/dist/hooks/useLocalStorage/useLocalStorage.cjs.map +1 -1
  162. package/dist/node_modules/.pnpm/@uiw_react-json-view@2.0.0-alpha.43_@babel_runtime@7.29.2_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@uiw/react-json-view/esm/comps/useIdCompat.cjs +0 -1
  163. package/dist/node_modules/.pnpm/@uiw_react-json-view@2.0.0-alpha.43_@babel_runtime@7.29.2_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@uiw/react-json-view/esm/comps/useIdCompat.cjs.map +1 -1
  164. package/dist/node_modules/.pnpm/@uiw_react-json-view@2.0.0-alpha.43_@babel_runtime@7.29.2_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@uiw/react-json-view/esm/utils/useHighlight.cjs +0 -1
  165. package/dist/node_modules/.pnpm/@uiw_react-json-view@2.0.0-alpha.43_@babel_runtime@7.29.2_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@uiw/react-json-view/esm/utils/useHighlight.cjs.map +1 -1
  166. package/package.json +5 -5
@@ -1 +1 @@
1
- {"version":3,"file":"Accordion.d.ts","names":[],"sources":["../../src/Accordion/Accordion.tsx"],"mappings":";;;;;cAaa,iBAAA,8BAAiB,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAmCb,kBAAA;EAQK;EANpB,QAAA,EAAU,SAAA;EASK;EAPf,QAAA;EAOkB;EALlB,KAAA,EAAO,SAAA;EAMJ;EAJH,QAAA,GAAW,SAAA;AAAA;AAAA,KAGR,YAAA,GAAe,OAAO,QAAQ,iBAAA;AAAA,KAC9B,SAAA,GAAY,WAAW,QAAQ,iBAAA;AAAA,UAEnB,cAAA,SAAuB,YAAA;EAAR;EAE9B,cAAA,EAAgB,kBAAA;EAAA;EAEhB,SAAA,GAAY,SAAA;EAE8B;EAA1C,mBAAA,uBAA0C,QAAA;EAQ3B;EANf,QAAA;EAYmC;EAVnC,YAAA,GAAe,QAAA;EAVmC;EAYlD,sBAAA;EAZsC;EActC,YAAA,GAAe,YAAA;EAZC;EAchB,aAAA;EAZY;EAcZ,iBAAA,IAAqB,IAAA,UAAc,QAAA;EAZO;EAc1C,YAAA,uBAAmC,QAAA;EAVnC;EAYA,aAAA;EAVA;EAYA,WAAA;EAVe;EAYf,OAAA;AAAA;;;;cAMI,SAAA;EAAa,cAAA;EAAA,SAAA,EAAA,UAAA;EAAA,mBAAA;EAAA,QAAA;EAAA,YAAA;EAAA,sBAAA;EAAA,YAAA;EAAA,aAAA;EAAA,iBAAA;EAAA,YAAA;EAAA,aAAA;EAAA,WAAA;EAAA;AAAA,GAchB,cAAA,iCAAc,GAAA,CAAA,OAAA"}
1
+ {"version":3,"file":"Accordion.d.ts","names":[],"sources":["../../src/Accordion/Accordion.tsx"],"mappings":";;;;;cAaa,iBAAA,IAAiB,KAAA;;;;;gbAiC5B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;obAUW;;;;wbAND;IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mbA8ByB;mbAAd;sbAErB;sbAAmC;2bAEnC;sbAEA;wbAEA;obAAO;sbAAA;ubAwDR;2bAAA;IAAA;;;;ubAlDkB;mbAAA;sbAAA;sbAAA;2bAAA;sbAAA;wbAAA;obAAA;sbAAA;ubAAA;2bAchB;IAAA;EAAA;;;;;;;;kbAdgB;;;;sbAAA;EAAA;;;UA9CF,kBAAA;EA8CE;EA5CjB,QAAA,EAAU,SAAA;EA4CO;EA1CjB,QAAA;EA0CiB;EAxCjB,KAAA,EAAO,SAAA;EAwCU;EAtCjB,QAAA,GAAW,SAAA;AAAA;AAAA,KAGR,YAAA,GAAe,OAAO,QAAQ,iBAAA;AAAA,KAC9B,SAAA,GAAY,WAAW,QAAQ,iBAAA;AAAA,UAEnB,cAAA,SAAuB,YAAA;EA8CvB;EA5Cf,cAAA,EAAgB,kBAAA;EAgFjB;EA9EC,SAAA,GAAY,SAAA;;EAEZ,mBAAA,uBAA0C,QAAA;;EAE1C,QAAA;;EAEA,YAAA,GAAe,QAAA;;EAEf,sBAAA;;EAEA,YAAA,GAAe,YAAA;;EAEf,aAAA;;EAEA,iBAAA,IAAqB,IAAA,UAAc,QAAA;;EAEnC,YAAA,uBAAmC,QAAA;;EAEnC,aAAA;;EAEA,WAAA;;EAEA,OAAA;AAAA;;;;cAMI,SAAA;EAAa,cAAA;EAAA,SAAA,EAAA,UAAA;EAAA,mBAAA;EAAA,QAAA;EAAA,YAAA;EAAA,sBAAA;EAAA,YAAA;EAAA,aAAA;EAAA,iBAAA;EAAA,YAAA;EAAA,aAAA;EAAA,WAAA;EAAA;AAAA,GAchB,cAAA,iCAAc,GAAA,CAAA,OAAA"}
@@ -1,4 +1,3 @@
1
- require("../_virtual/_rolldown/runtime.cjs");
2
1
  let _fuf_stack_pixel_utils = require("@fuf-stack/pixel-utils");
3
2
  let react_jsx_runtime = require("react/jsx-runtime");
4
3
  let _heroui_alert = require("@heroui/alert");
@@ -1 +1 @@
1
- {"version":3,"file":"Alert.cjs","names":["HeroAlert","heroAlertVariants"],"sources":["../../src/Alert/Alert.tsx"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { AlertProps as HeroAlertProps } from '@heroui/alert';\nimport type { ReactNode } from 'react';\n\nimport { Alert as HeroAlert } from '@heroui/alert';\nimport { alert as heroAlertVariants } from '@heroui/theme';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nexport const alertVariants = tv({\n slots: {\n base: 'min-w-72',\n title: '',\n description: '',\n mainWrapper: 'items-stretch gap-1.5',\n closeButton: '',\n iconWrapper: '',\n alertIcon: '',\n },\n variants: {\n // if HeroUI Alert title and description are set the icon is placed on top (looks better)\n hasTitleAndChildren: {\n true: {\n iconWrapper: 'self-start',\n },\n },\n // see: https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/alert.ts\n variant: {\n danger: {\n base: 'bg-danger-50 dark:bg-danger-50',\n description: 'text-foreground',\n },\n default: {\n base: 'bg-default-100 dark:bg-default-50',\n description: 'text-foreground',\n },\n info: {\n alertIcon: 'fill-current',\n base: 'border-small border-info-200 bg-info-50 text-info-600 dark:border-info-100 dark:bg-info-50',\n closeButton: 'text-info-500 data-[hover]:bg-info-200',\n description: 'text-foreground',\n iconWrapper: 'border-info-100 bg-info-50 dark:bg-info-100',\n mainWrapper: 'text-inherit',\n title: 'text-inherit',\n },\n success: {\n base: 'bg-success-50 dark:bg-success-50',\n description: 'text-foreground',\n },\n warning: {\n base: 'bg-warning-50 dark:bg-warning-50',\n description: 'text-foreground',\n },\n },\n },\n});\n\nexport type VariantProps = TVProps<typeof alertVariants>;\ntype ClassName = TVClassName<typeof alertVariants>;\n\n// hasTitleAndChildren is omitted because its used for automatic icon position\nexport interface AlertProps extends Omit<VariantProps, 'hasTitleAndChildren'> {\n /** Content displayed inside the Alert if no description is given! */\n children?: ReactNode;\n /** CSS class name */\n className?: ClassName;\n /** Content displayed at the end of the Alert */\n endContent?: ReactNode;\n /** Icon displayed at the start of the Alert */\n icon?: ReactNode;\n /** Whether the Alert can be closed */\n closable?: boolean;\n /** Callback fired when the close button is clicked */\n onClose?: () => void;\n /** HTML data-testid attribute used in e2e tests */\n testId?: string;\n /** Title displayed in the Alert above the content */\n title?: ReactNode;\n /** Style variant of the Alert */\n variant?: VariantProps['variant'];\n}\n\n/**\n * Alert component based on [HeroUI Alert](https://www.heroui.com//docs/components/alert)\n */\nconst Alert = ({\n children = undefined,\n className = undefined,\n endContent = undefined,\n icon = undefined,\n closable = false,\n onClose = undefined,\n testId = undefined,\n title = undefined,\n variant = 'info',\n}: AlertProps) => {\n const hasTitleAndChildren = !!children && !!title;\n const variants = alertVariants({\n hasTitleAndChildren,\n variant,\n });\n const classNames = variantsToClassNames(variants, className, 'base');\n\n // map variant to HeroUI color prop (only for variants that exist in HeroUI)\n const heroColor = Object.keys(heroAlertVariants.variants.color).includes(\n variant,\n )\n ? (variant as HeroAlertProps['color'])\n : undefined;\n\n return (\n <HeroAlert\n classNames={classNames}\n color={heroColor}\n data-testid={testId}\n description={title ? children : undefined}\n endContent={endContent}\n hideIcon={variant === 'default'}\n icon={icon}\n // map closable to isClosable, because of we do not want \"is\" as prefix\n isClosable={closable}\n onClose={onClose}\n title={(title ?? children) as string}\n variant=\"faded\"\n />\n );\n};\n\nexport default Alert;\n"],"mappings":";;;;;;AASA,MAAa,iBAAA,GAAA,uBAAA,IAAmB;CAC9B,OAAO;EACL,MAAM;EACN,OAAO;EACP,aAAa;EACb,aAAa;EACb,aAAa;EACb,aAAa;EACb,WAAW;CACb;CACA,UAAU;EAER,qBAAqB,EACnB,MAAM,EACJ,aAAa,aACf,EACF;EAEA,SAAS;GACP,QAAQ;IACN,MAAM;IACN,aAAa;GACf;GACA,SAAS;IACP,MAAM;IACN,aAAa;GACf;GACA,MAAM;IACJ,WAAW;IACX,MAAM;IACN,aAAa;IACb,aAAa;IACb,aAAa;IACb,aAAa;IACb,OAAO;GACT;GACA,SAAS;IACP,MAAM;IACN,aAAa;GACf;GACA,SAAS;IACP,MAAM;IACN,aAAa;GACf;EACF;CACF;AACF,CAAC;;;;AA8BD,MAAM,SAAS,EACb,WAAW,KAAA,GACX,YAAY,KAAA,GACZ,aAAa,KAAA,GACb,OAAO,KAAA,GACP,WAAW,OACX,UAAU,KAAA,GACV,SAAS,KAAA,GACT,QAAQ,KAAA,GACR,UAAU,aACM;CAehB,OACE,iBAAA,GAAA,kBAAA,KAACA,cAAAA,OAAD;EACE,aAAA,GAAA,uBAAA,sBAfa,cAAc;GAC7B,qBAF0B,CAAC,CAAC,YAAY,CAAC,CAAC;GAG1C;EACF,CAC+C,GAAG,WAAW,MAWpC;EACrB,OATc,OAAO,KAAKC,cAAAA,MAAkB,SAAS,KAAK,EAAE,SAC9D,OACF,IACK,UACD,KAAA;EAMA,eAAa;EACb,aAAa,QAAQ,WAAW,KAAA;EACpB;EACZ,UAAU,YAAY;EAChB;EAEN,YAAY;EACH;EACT,OAAQ,SAAS;EACjB,SAAQ;CACT,CAAA;AAEL"}
1
+ {"version":3,"file":"Alert.cjs","names":["HeroAlert","heroAlertVariants"],"sources":["../../src/Alert/Alert.tsx"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { AlertProps as HeroAlertProps } from '@heroui/alert';\nimport type { ReactNode } from 'react';\n\nimport { Alert as HeroAlert } from '@heroui/alert';\nimport { alert as heroAlertVariants } from '@heroui/theme';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nexport const alertVariants = tv({\n slots: {\n base: 'min-w-72',\n title: '',\n description: '',\n mainWrapper: 'items-stretch gap-1.5',\n closeButton: '',\n iconWrapper: '',\n alertIcon: '',\n },\n variants: {\n // if HeroUI Alert title and description are set the icon is placed on top (looks better)\n hasTitleAndChildren: {\n true: {\n iconWrapper: 'self-start',\n },\n },\n // see: https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/alert.ts\n variant: {\n danger: {\n base: 'bg-danger-50 dark:bg-danger-50',\n description: 'text-foreground',\n },\n default: {\n base: 'bg-default-100 dark:bg-default-50',\n description: 'text-foreground',\n },\n info: {\n alertIcon: 'fill-current',\n base: 'border-small border-info-200 bg-info-50 text-info-600 dark:border-info-100 dark:bg-info-50',\n closeButton: 'text-info-500 data-[hover]:bg-info-200',\n description: 'text-foreground',\n iconWrapper: 'border-info-100 bg-info-50 dark:bg-info-100',\n mainWrapper: 'text-inherit',\n title: 'text-inherit',\n },\n success: {\n base: 'bg-success-50 dark:bg-success-50',\n description: 'text-foreground',\n },\n warning: {\n base: 'bg-warning-50 dark:bg-warning-50',\n description: 'text-foreground',\n },\n },\n },\n});\n\nexport type VariantProps = TVProps<typeof alertVariants>;\ntype ClassName = TVClassName<typeof alertVariants>;\n\n// hasTitleAndChildren is omitted because its used for automatic icon position\nexport interface AlertProps extends Omit<VariantProps, 'hasTitleAndChildren'> {\n /** Content displayed inside the Alert if no description is given! */\n children?: ReactNode;\n /** CSS class name */\n className?: ClassName;\n /** Content displayed at the end of the Alert */\n endContent?: ReactNode;\n /** Icon displayed at the start of the Alert */\n icon?: ReactNode;\n /** Whether the Alert can be closed */\n closable?: boolean;\n /** Callback fired when the close button is clicked */\n onClose?: () => void;\n /** HTML data-testid attribute used in e2e tests */\n testId?: string;\n /** Title displayed in the Alert above the content */\n title?: ReactNode;\n /** Style variant of the Alert */\n variant?: VariantProps['variant'];\n}\n\n/**\n * Alert component based on [HeroUI Alert](https://www.heroui.com//docs/components/alert)\n */\nconst Alert = ({\n children = undefined,\n className = undefined,\n endContent = undefined,\n icon = undefined,\n closable = false,\n onClose = undefined,\n testId = undefined,\n title = undefined,\n variant = 'info',\n}: AlertProps) => {\n const hasTitleAndChildren = !!children && !!title;\n const variants = alertVariants({\n hasTitleAndChildren,\n variant,\n });\n const classNames = variantsToClassNames(variants, className, 'base');\n\n // map variant to HeroUI color prop (only for variants that exist in HeroUI)\n const heroColor = Object.keys(heroAlertVariants.variants.color).includes(\n variant,\n )\n ? (variant as HeroAlertProps['color'])\n : undefined;\n\n return (\n <HeroAlert\n classNames={classNames}\n color={heroColor}\n data-testid={testId}\n description={title ? children : undefined}\n endContent={endContent}\n hideIcon={variant === 'default'}\n icon={icon}\n // map closable to isClosable, because of we do not want \"is\" as prefix\n isClosable={closable}\n onClose={onClose}\n title={(title ?? children) as string}\n variant=\"faded\"\n />\n );\n};\n\nexport default Alert;\n"],"mappings":";;;;;AASA,MAAa,iBAAA,GAAA,uBAAA,IAAmB;CAC9B,OAAO;EACL,MAAM;EACN,OAAO;EACP,aAAa;EACb,aAAa;EACb,aAAa;EACb,aAAa;EACb,WAAW;CACb;CACA,UAAU;EAER,qBAAqB,EACnB,MAAM,EACJ,aAAa,aACf,EACF;EAEA,SAAS;GACP,QAAQ;IACN,MAAM;IACN,aAAa;GACf;GACA,SAAS;IACP,MAAM;IACN,aAAa;GACf;GACA,MAAM;IACJ,WAAW;IACX,MAAM;IACN,aAAa;IACb,aAAa;IACb,aAAa;IACb,aAAa;IACb,OAAO;GACT;GACA,SAAS;IACP,MAAM;IACN,aAAa;GACf;GACA,SAAS;IACP,MAAM;IACN,aAAa;GACf;EACF;CACF;AACF,CAAC;;;;AA8BD,MAAM,SAAS,EACb,WAAW,KAAA,GACX,YAAY,KAAA,GACZ,aAAa,KAAA,GACb,OAAO,KAAA,GACP,WAAW,OACX,UAAU,KAAA,GACV,SAAS,KAAA,GACT,QAAQ,KAAA,GACR,UAAU,aACM;CAehB,OACE,iBAAA,GAAA,kBAAA,KAACA,cAAAA,OAAD;EACE,aAAA,GAAA,uBAAA,sBAfa,cAAc;GAC7B,qBAF0B,CAAC,CAAC,YAAY,CAAC,CAAC;GAG1C;EACF,CAC+C,GAAG,WAAW,MAWpC;EACrB,OATc,OAAO,KAAKC,cAAAA,MAAkB,SAAS,KAAK,EAAE,SAC9D,OACF,IACK,UACD,KAAA;EAMA,eAAa;EACb,aAAa,QAAQ,WAAW,KAAA;EACpB;EACZ,UAAU,YAAY;EAChB;EAEN,YAAY;EACH;EACT,OAAQ,SAAS;EACjB,SAAQ;CACT,CAAA;AAEL"}