@fuf-stack/pixels 1.1.0 → 1.1.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 (52) hide show
  1. package/dist/Accordion/index.cjs +2 -2
  2. package/dist/Accordion/index.js +1 -1
  3. package/dist/Alert/index.cjs +2 -2
  4. package/dist/Alert/index.js +1 -1
  5. package/dist/Button/index.cjs +2 -2
  6. package/dist/Button/index.js +1 -1
  7. package/dist/Card/index.cjs +2 -2
  8. package/dist/Card/index.js +1 -1
  9. package/dist/Json/index.cjs +3 -3
  10. package/dist/Json/index.js +2 -2
  11. package/dist/Modal/index.cjs +2 -2
  12. package/dist/Modal/index.js +1 -1
  13. package/dist/Table/index.cjs +2 -2
  14. package/dist/Table/index.js +1 -1
  15. package/dist/{chunk-DBVM5SIA.js → chunk-2NVQAYAE.js} +3 -3
  16. package/dist/{chunk-DBVM5SIA.js.map → chunk-2NVQAYAE.js.map} +1 -1
  17. package/dist/{chunk-L3Y2COBO.cjs → chunk-2OJHNNCU.cjs} +82 -73
  18. package/dist/chunk-2OJHNNCU.cjs.map +1 -0
  19. package/dist/{chunk-2P5WWVQ6.cjs → chunk-3LEEMSTG.cjs} +4 -4
  20. package/dist/chunk-3LEEMSTG.cjs.map +1 -0
  21. package/dist/{chunk-6XNLMOET.js → chunk-4LMQVFV7.js} +4 -4
  22. package/dist/{chunk-6XNLMOET.js.map → chunk-4LMQVFV7.js.map} +1 -1
  23. package/dist/{chunk-MHZAWSFJ.cjs → chunk-7APFE3MI.cjs} +4 -4
  24. package/dist/chunk-7APFE3MI.cjs.map +1 -0
  25. package/dist/{chunk-P6NK2WGG.js → chunk-BTQB4EZC.js} +81 -72
  26. package/dist/chunk-BTQB4EZC.js.map +1 -0
  27. package/dist/{chunk-AJCAIA6H.cjs → chunk-C6VV7NYT.cjs} +3 -3
  28. package/dist/{chunk-AJCAIA6H.cjs.map → chunk-C6VV7NYT.cjs.map} +1 -1
  29. package/dist/{chunk-PEUUQMJS.cjs → chunk-DTG27JQ7.cjs} +4 -4
  30. package/dist/chunk-DTG27JQ7.cjs.map +1 -0
  31. package/dist/{chunk-AFGRLKHU.js → chunk-GNMNAQY4.js} +3 -3
  32. package/dist/{chunk-AFGRLKHU.js.map → chunk-GNMNAQY4.js.map} +1 -1
  33. package/dist/{chunk-RW4WTSLJ.js → chunk-MK2S3QUK.js} +4 -4
  34. package/dist/{chunk-PEUUQMJS.cjs.map → chunk-MK2S3QUK.js.map} +1 -1
  35. package/dist/{chunk-NHEC3GYW.js → chunk-OAUPTZSC.js} +4 -4
  36. package/dist/chunk-OAUPTZSC.js.map +1 -0
  37. package/dist/{chunk-K6UF4AGX.cjs → chunk-PZL3LRGY.cjs} +4 -4
  38. package/dist/{chunk-K6UF4AGX.cjs.map → chunk-PZL3LRGY.cjs.map} +1 -1
  39. package/dist/{chunk-ABKT5UKM.js → chunk-QDLXCNJI.js} +4 -4
  40. package/dist/chunk-QDLXCNJI.js.map +1 -0
  41. package/dist/{chunk-KWSGA623.cjs → chunk-YBMQZ43T.cjs} +3 -3
  42. package/dist/{chunk-KWSGA623.cjs.map → chunk-YBMQZ43T.cjs.map} +1 -1
  43. package/dist/index.cjs +8 -8
  44. package/dist/index.js +7 -7
  45. package/package.json +5 -5
  46. package/dist/chunk-2P5WWVQ6.cjs.map +0 -1
  47. package/dist/chunk-ABKT5UKM.js.map +0 -1
  48. package/dist/chunk-L3Y2COBO.cjs.map +0 -1
  49. package/dist/chunk-MHZAWSFJ.cjs.map +0 -1
  50. package/dist/chunk-NHEC3GYW.js.map +0 -1
  51. package/dist/chunk-P6NK2WGG.js.map +0 -1
  52. package/dist/chunk-RW4WTSLJ.js.map +0 -1
@@ -2,11 +2,11 @@
2
2
 
3
3
 
4
4
 
5
- var _chunk2P5WWVQ6cjs = require('../chunk-2P5WWVQ6.cjs');
5
+ var _chunk3LEEMSTGcjs = require('../chunk-3LEEMSTG.cjs');
6
6
  require('../chunk-D4TLDLEX.cjs');
7
7
 
8
8
 
9
9
 
10
10
 
11
- exports.Accordion = _chunk2P5WWVQ6cjs.Accordion_default; exports.accordionVariants = _chunk2P5WWVQ6cjs.accordionVariants; exports.default = _chunk2P5WWVQ6cjs.Accordion_default2;
11
+ exports.Accordion = _chunk3LEEMSTGcjs.Accordion_default; exports.accordionVariants = _chunk3LEEMSTGcjs.accordionVariants; exports.default = _chunk3LEEMSTGcjs.Accordion_default2;
12
12
  //# sourceMappingURL=index.cjs.map
@@ -2,7 +2,7 @@ import {
2
2
  Accordion_default,
3
3
  Accordion_default2,
4
4
  accordionVariants
5
- } from "../chunk-NHEC3GYW.js";
5
+ } from "../chunk-OAUPTZSC.js";
6
6
  import "../chunk-J7N2552D.js";
7
7
  export {
8
8
  Accordion_default as Accordion,
@@ -2,11 +2,11 @@
2
2
 
3
3
 
4
4
 
5
- var _chunkKWSGA623cjs = require('../chunk-KWSGA623.cjs');
5
+ var _chunkYBMQZ43Tcjs = require('../chunk-YBMQZ43T.cjs');
6
6
  require('../chunk-D4TLDLEX.cjs');
7
7
 
8
8
 
9
9
 
10
10
 
11
- exports.Alert = _chunkKWSGA623cjs.Alert_default; exports.alertVariants = _chunkKWSGA623cjs.alertVariants; exports.default = _chunkKWSGA623cjs.Alert_default2;
11
+ exports.Alert = _chunkYBMQZ43Tcjs.Alert_default; exports.alertVariants = _chunkYBMQZ43Tcjs.alertVariants; exports.default = _chunkYBMQZ43Tcjs.Alert_default2;
12
12
  //# sourceMappingURL=index.cjs.map
@@ -2,7 +2,7 @@ import {
2
2
  Alert_default,
3
3
  Alert_default2,
4
4
  alertVariants
5
- } from "../chunk-DBVM5SIA.js";
5
+ } from "../chunk-2NVQAYAE.js";
6
6
  import "../chunk-J7N2552D.js";
7
7
  export {
8
8
  Alert_default as Alert,
@@ -2,11 +2,11 @@
2
2
 
3
3
 
4
4
 
5
- var _chunkK6UF4AGXcjs = require('../chunk-K6UF4AGX.cjs');
5
+ var _chunkPZL3LRGYcjs = require('../chunk-PZL3LRGY.cjs');
6
6
  require('../chunk-D4TLDLEX.cjs');
7
7
 
8
8
 
9
9
 
10
10
 
11
- exports.Button = _chunkK6UF4AGXcjs.Button_default; exports.buttonVariants = _chunkK6UF4AGXcjs.buttonVariants; exports.default = _chunkK6UF4AGXcjs.Button_default2;
11
+ exports.Button = _chunkPZL3LRGYcjs.Button_default; exports.buttonVariants = _chunkPZL3LRGYcjs.buttonVariants; exports.default = _chunkPZL3LRGYcjs.Button_default2;
12
12
  //# sourceMappingURL=index.cjs.map
@@ -2,7 +2,7 @@ import {
2
2
  Button_default,
3
3
  Button_default2,
4
4
  buttonVariants
5
- } from "../chunk-6XNLMOET.js";
5
+ } from "../chunk-4LMQVFV7.js";
6
6
  import "../chunk-J7N2552D.js";
7
7
  export {
8
8
  Button_default as Button,
@@ -2,11 +2,11 @@
2
2
 
3
3
 
4
4
 
5
- var _chunkMHZAWSFJcjs = require('../chunk-MHZAWSFJ.cjs');
5
+ var _chunk7APFE3MIcjs = require('../chunk-7APFE3MI.cjs');
6
6
  require('../chunk-D4TLDLEX.cjs');
7
7
 
8
8
 
9
9
 
10
10
 
11
- exports.Card = _chunkMHZAWSFJcjs.Card_default; exports.cardVariants = _chunkMHZAWSFJcjs.cardVariants; exports.default = _chunkMHZAWSFJcjs.Card_default2;
11
+ exports.Card = _chunk7APFE3MIcjs.Card_default; exports.cardVariants = _chunk7APFE3MIcjs.cardVariants; exports.default = _chunk7APFE3MIcjs.Card_default2;
12
12
  //# sourceMappingURL=index.cjs.map
@@ -2,7 +2,7 @@ import {
2
2
  Card_default,
3
3
  Card_default2,
4
4
  cardVariants
5
- } from "../chunk-ABKT5UKM.js";
5
+ } from "../chunk-QDLXCNJI.js";
6
6
  import "../chunk-J7N2552D.js";
7
7
  export {
8
8
  Card_default as Card,
@@ -1,11 +1,11 @@
1
1
  "use strict";Object.defineProperty(exports, "__esModule", {value: true});
2
2
 
3
3
 
4
- var _chunkL3Y2COBOcjs = require('../chunk-L3Y2COBO.cjs');
5
- require('../chunk-K6UF4AGX.cjs');
4
+ var _chunk2OJHNNCUcjs = require('../chunk-2OJHNNCU.cjs');
5
+ require('../chunk-PZL3LRGY.cjs');
6
6
  require('../chunk-D4TLDLEX.cjs');
7
7
 
8
8
 
9
9
 
10
- exports.Json = _chunkL3Y2COBOcjs.Json_default; exports.default = _chunkL3Y2COBOcjs.Json_default2;
10
+ exports.Json = _chunk2OJHNNCUcjs.Json_default; exports.default = _chunk2OJHNNCUcjs.Json_default2;
11
11
  //# sourceMappingURL=index.cjs.map
@@ -1,8 +1,8 @@
1
1
  import {
2
2
  Json_default,
3
3
  Json_default2
4
- } from "../chunk-P6NK2WGG.js";
5
- import "../chunk-6XNLMOET.js";
4
+ } from "../chunk-BTQB4EZC.js";
5
+ import "../chunk-4LMQVFV7.js";
6
6
  import "../chunk-J7N2552D.js";
7
7
  export {
8
8
  Json_default as Json,
@@ -2,11 +2,11 @@
2
2
 
3
3
 
4
4
 
5
- var _chunkPEUUQMJScjs = require('../chunk-PEUUQMJS.cjs');
5
+ var _chunkDTG27JQ7cjs = require('../chunk-DTG27JQ7.cjs');
6
6
  require('../chunk-D4TLDLEX.cjs');
7
7
 
8
8
 
9
9
 
10
10
 
11
- exports.Modal = _chunkPEUUQMJScjs.Modal_default; exports.default = _chunkPEUUQMJScjs.Modal_default2; exports.modalVariants = _chunkPEUUQMJScjs.modalVariants;
11
+ exports.Modal = _chunkDTG27JQ7cjs.Modal_default; exports.default = _chunkDTG27JQ7cjs.Modal_default2; exports.modalVariants = _chunkDTG27JQ7cjs.modalVariants;
12
12
  //# sourceMappingURL=index.cjs.map
@@ -2,7 +2,7 @@ import {
2
2
  Modal_default,
3
3
  Modal_default2,
4
4
  modalVariants
5
- } from "../chunk-RW4WTSLJ.js";
5
+ } from "../chunk-MK2S3QUK.js";
6
6
  import "../chunk-J7N2552D.js";
7
7
  export {
8
8
  Modal_default as Modal,
@@ -2,11 +2,11 @@
2
2
 
3
3
 
4
4
 
5
- var _chunkAJCAIA6Hcjs = require('../chunk-AJCAIA6H.cjs');
5
+ var _chunkC6VV7NYTcjs = require('../chunk-C6VV7NYT.cjs');
6
6
  require('../chunk-D4TLDLEX.cjs');
7
7
 
8
8
 
9
9
 
10
10
 
11
- exports.Table = _chunkAJCAIA6Hcjs.Table_default; exports.default = _chunkAJCAIA6Hcjs.Table_default2; exports.tableVariants = _chunkAJCAIA6Hcjs.tableVariants;
11
+ exports.Table = _chunkC6VV7NYTcjs.Table_default; exports.default = _chunkC6VV7NYTcjs.Table_default2; exports.tableVariants = _chunkC6VV7NYTcjs.tableVariants;
12
12
  //# sourceMappingURL=index.cjs.map
@@ -2,7 +2,7 @@ import {
2
2
  Table_default,
3
3
  Table_default2,
4
4
  tableVariants
5
- } from "../chunk-AFGRLKHU.js";
5
+ } from "../chunk-GNMNAQY4.js";
6
6
  import "../chunk-J7N2552D.js";
7
7
  export {
8
8
  Table_default as Table,
@@ -29,13 +29,13 @@ var alertVariants = tv({
29
29
  variant: __spreadValues({}, heroAlertVariants.variants.variant),
30
30
  sizeLimit: {
31
31
  height: {
32
- base: "max-h-[150px] overflow-y-auto overflow-x-hidden"
32
+ base: "max-h-[150px] overflow-x-hidden overflow-y-auto"
33
33
  },
34
34
  width: {
35
35
  base: "max-w-[480px] overflow-x-auto overflow-y-hidden"
36
36
  },
37
37
  both: {
38
- base: "max-h-[150px] max-w-[480px] overflow-y-auto overflow-x-hidden"
38
+ base: "max-h-[150px] max-w-[480px] overflow-x-hidden overflow-y-auto"
39
39
  }
40
40
  }
41
41
  },
@@ -132,4 +132,4 @@ export {
132
132
  Alert_default,
133
133
  Alert_default2
134
134
  };
135
- //# sourceMappingURL=chunk-DBVM5SIA.js.map
135
+ //# sourceMappingURL=chunk-2NVQAYAE.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/Alert/Alert.tsx","../src/Alert/index.ts"],"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: '',\n title: '',\n description: '',\n mainWrapper: '',\n closeButton: '',\n iconWrapper: '',\n alertIcon: '',\n },\n variants: {\n // see: https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/alert.ts\n color: {\n info: {\n mainWrapper: 'text-inherit',\n title: 'text-inherit',\n description: 'text-inherit',\n },\n ...heroAlertVariants.variants.color,\n },\n variant: {\n ...heroAlertVariants.variants.variant,\n },\n sizeLimit: {\n height: {\n base: 'max-h-[150px] overflow-y-auto overflow-x-hidden',\n },\n width: {\n base: 'max-w-[480px] overflow-x-auto overflow-y-hidden',\n },\n both: {\n base: 'max-h-[150px] max-w-[480px] overflow-y-auto overflow-x-hidden',\n },\n },\n },\n compoundVariants: [\n ...heroAlertVariants.compoundVariants,\n {\n color: 'info',\n variant: 'solid',\n className: {\n base: 'bg-info text-info-foreground',\n alertIcon: 'text-info-foreground',\n closeButton: 'text-inherit',\n },\n },\n {\n color: 'info',\n variant: 'flat',\n className: {\n alertIcon: 'fill-current',\n base: 'bg-info-50 text-info-600 dark:bg-info-50/50',\n closeButton: 'text-info-500 data-[hover]:bg-info-200',\n iconWrapper: 'border-info-100 bg-info-50 dark:bg-info-100',\n },\n },\n {\n color: 'info',\n variant: 'faded',\n className: {\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/50',\n closeButton: 'text-info-500 data-[hover]:bg-info-200',\n iconWrapper: 'border-info-100 bg-info-50 dark:bg-info-100',\n },\n },\n {\n color: 'info',\n variant: 'bordered',\n className: {\n alertIcon: 'fill-current',\n base: 'border-small border-info text-info',\n closeButton: 'text-info-500 data-[hover]:bg-info-200',\n iconWrapper: 'bg-info-100 dark:bg-info-50',\n },\n },\n ],\n});\n\nexport type VariantProps = TVProps<typeof alertVariants>;\ntype ClassName = TVClassName<typeof alertVariants>;\n\nexport interface AlertProps extends VariantProps {\n /** Content displayed inside the Alert if no description is given! */\n children?: ReactNode;\n /** CSS class name */\n className?: ClassName;\n /** Color scheme of the Alert */\n color?: VariantProps['color'];\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 isClosable?: boolean;\n /** Callback fired when the close button is clicked */\n onClose?: () => void | undefined;\n /** Whether to show the icon at the start */\n showIcon?: boolean;\n /** limit height to 150px or width to 480px or both */\n sizeLimit?: VariantProps['sizeLimit'];\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 color = 'primary',\n endContent = undefined,\n icon = undefined,\n isClosable = false,\n onClose = undefined,\n sizeLimit = undefined,\n showIcon = true,\n testId = undefined,\n title = undefined,\n variant = 'solid',\n}: AlertProps) => {\n const variants = alertVariants({\n color,\n variant,\n sizeLimit,\n });\n const classNames = variantsToClassNames(variants, className, 'base');\n\n // pass color prop for heroui colors\n const heroColor = Object.keys(heroAlertVariants.variants.color).includes(\n color,\n )\n ? (color 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={!showIcon}\n icon={icon}\n isClosable={isClosable}\n onClose={onClose}\n title={(title || children) as string}\n variant={variant}\n />\n );\n};\n\nexport default Alert;\n","import Alert, { alertVariants } from './Alert';\n\nexport type { AlertProps } from './Alert';\n\nexport { Alert, alertVariants };\n\nexport default Alert;\n"],"mappings":";;;;;AAIA,SAAS,SAAS,iBAAiB;AACnC,SAAS,SAAS,yBAAyB;AAE3C,SAAS,IAAI,4BAA4B;AA+IrC;AA7IG,IAAM,gBAAgB,GAAG;AAAA,EAC9B,OAAO;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IACP,aAAa;AAAA,IACb,aAAa;AAAA,IACb,aAAa;AAAA,IACb,aAAa;AAAA,IACb,WAAW;AAAA,EACb;AAAA,EACA,UAAU;AAAA;AAAA,IAER,OAAO;AAAA,MACL,MAAM;AAAA,QACJ,aAAa;AAAA,QACb,OAAO;AAAA,QACP,aAAa;AAAA,MACf;AAAA,OACG,kBAAkB,SAAS;AAAA,IAEhC,SAAS,mBACJ,kBAAkB,SAAS;AAAA,IAEhC,WAAW;AAAA,MACT,QAAQ;AAAA,QACN,MAAM;AAAA,MACR;AAAA,MACA,OAAO;AAAA,QACL,MAAM;AAAA,MACR;AAAA,MACA,MAAM;AAAA,QACJ,MAAM;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAAA,EACA,kBAAkB;AAAA,IAChB,GAAG,kBAAkB;AAAA,IACrB;AAAA,MACE,OAAO;AAAA,MACP,SAAS;AAAA,MACT,WAAW;AAAA,QACT,MAAM;AAAA,QACN,WAAW;AAAA,QACX,aAAa;AAAA,MACf;AAAA,IACF;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,SAAS;AAAA,MACT,WAAW;AAAA,QACT,WAAW;AAAA,QACX,MAAM;AAAA,QACN,aAAa;AAAA,QACb,aAAa;AAAA,MACf;AAAA,IACF;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,SAAS;AAAA,MACT,WAAW;AAAA,QACT,WAAW;AAAA,QACX,MAAM;AAAA,QACN,aAAa;AAAA,QACb,aAAa;AAAA,MACf;AAAA,IACF;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,SAAS;AAAA,MACT,WAAW;AAAA,QACT,WAAW;AAAA,QACX,MAAM;AAAA,QACN,aAAa;AAAA,QACb,aAAa;AAAA,MACf;AAAA,IACF;AAAA,EACF;AACF,CAAC;AAmCD,IAAM,QAAQ,CAAC;AAAA,EACb,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,OAAO;AAAA,EACP,aAAa;AAAA,EACb,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,UAAU;AACZ,MAAkB;AAChB,QAAM,WAAW,cAAc;AAAA,IAC7B;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACD,QAAM,aAAa,qBAAqB,UAAU,WAAW,MAAM;AAGnE,QAAM,YAAY,OAAO,KAAK,kBAAkB,SAAS,KAAK,EAAE;AAAA,IAC9D;AAAA,EACF,IACK,QACD;AAEJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,OAAO;AAAA,MACP,eAAa;AAAA,MACb,aAAa,QAAQ,WAAW;AAAA,MAChC;AAAA,MACA,UAAU,CAAC;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA,OAAQ,SAAS;AAAA,MACjB;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,gBAAQ;;;AChKf,IAAOA,iBAAQ;","names":["Alert_default"]}
1
+ {"version":3,"sources":["../src/Alert/Alert.tsx","../src/Alert/index.ts"],"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: '',\n title: '',\n description: '',\n mainWrapper: '',\n closeButton: '',\n iconWrapper: '',\n alertIcon: '',\n },\n variants: {\n // see: https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/alert.ts\n color: {\n info: {\n mainWrapper: 'text-inherit',\n title: 'text-inherit',\n description: 'text-inherit',\n },\n ...heroAlertVariants.variants.color,\n },\n variant: {\n ...heroAlertVariants.variants.variant,\n },\n sizeLimit: {\n height: {\n base: 'max-h-[150px] overflow-x-hidden overflow-y-auto',\n },\n width: {\n base: 'max-w-[480px] overflow-x-auto overflow-y-hidden',\n },\n both: {\n base: 'max-h-[150px] max-w-[480px] overflow-x-hidden overflow-y-auto',\n },\n },\n },\n compoundVariants: [\n ...heroAlertVariants.compoundVariants,\n {\n color: 'info',\n variant: 'solid',\n className: {\n base: 'bg-info text-info-foreground',\n alertIcon: 'text-info-foreground',\n closeButton: 'text-inherit',\n },\n },\n {\n color: 'info',\n variant: 'flat',\n className: {\n alertIcon: 'fill-current',\n base: 'bg-info-50 text-info-600 dark:bg-info-50/50',\n closeButton: 'text-info-500 data-[hover]:bg-info-200',\n iconWrapper: 'border-info-100 bg-info-50 dark:bg-info-100',\n },\n },\n {\n color: 'info',\n variant: 'faded',\n className: {\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/50',\n closeButton: 'text-info-500 data-[hover]:bg-info-200',\n iconWrapper: 'border-info-100 bg-info-50 dark:bg-info-100',\n },\n },\n {\n color: 'info',\n variant: 'bordered',\n className: {\n alertIcon: 'fill-current',\n base: 'border-small border-info text-info',\n closeButton: 'text-info-500 data-[hover]:bg-info-200',\n iconWrapper: 'bg-info-100 dark:bg-info-50',\n },\n },\n ],\n});\n\nexport type VariantProps = TVProps<typeof alertVariants>;\ntype ClassName = TVClassName<typeof alertVariants>;\n\nexport interface AlertProps extends VariantProps {\n /** Content displayed inside the Alert if no description is given! */\n children?: ReactNode;\n /** CSS class name */\n className?: ClassName;\n /** Color scheme of the Alert */\n color?: VariantProps['color'];\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 isClosable?: boolean;\n /** Callback fired when the close button is clicked */\n onClose?: () => void | undefined;\n /** Whether to show the icon at the start */\n showIcon?: boolean;\n /** limit height to 150px or width to 480px or both */\n sizeLimit?: VariantProps['sizeLimit'];\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 color = 'primary',\n endContent = undefined,\n icon = undefined,\n isClosable = false,\n onClose = undefined,\n sizeLimit = undefined,\n showIcon = true,\n testId = undefined,\n title = undefined,\n variant = 'solid',\n}: AlertProps) => {\n const variants = alertVariants({\n color,\n variant,\n sizeLimit,\n });\n const classNames = variantsToClassNames(variants, className, 'base');\n\n // pass color prop for heroui colors\n const heroColor = Object.keys(heroAlertVariants.variants.color).includes(\n color,\n )\n ? (color 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={!showIcon}\n icon={icon}\n isClosable={isClosable}\n onClose={onClose}\n title={(title || children) as string}\n variant={variant}\n />\n );\n};\n\nexport default Alert;\n","import Alert, { alertVariants } from './Alert';\n\nexport type { AlertProps } from './Alert';\n\nexport { Alert, alertVariants };\n\nexport default Alert;\n"],"mappings":";;;;;AAIA,SAAS,SAAS,iBAAiB;AACnC,SAAS,SAAS,yBAAyB;AAE3C,SAAS,IAAI,4BAA4B;AA+IrC;AA7IG,IAAM,gBAAgB,GAAG;AAAA,EAC9B,OAAO;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IACP,aAAa;AAAA,IACb,aAAa;AAAA,IACb,aAAa;AAAA,IACb,aAAa;AAAA,IACb,WAAW;AAAA,EACb;AAAA,EACA,UAAU;AAAA;AAAA,IAER,OAAO;AAAA,MACL,MAAM;AAAA,QACJ,aAAa;AAAA,QACb,OAAO;AAAA,QACP,aAAa;AAAA,MACf;AAAA,OACG,kBAAkB,SAAS;AAAA,IAEhC,SAAS,mBACJ,kBAAkB,SAAS;AAAA,IAEhC,WAAW;AAAA,MACT,QAAQ;AAAA,QACN,MAAM;AAAA,MACR;AAAA,MACA,OAAO;AAAA,QACL,MAAM;AAAA,MACR;AAAA,MACA,MAAM;AAAA,QACJ,MAAM;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAAA,EACA,kBAAkB;AAAA,IAChB,GAAG,kBAAkB;AAAA,IACrB;AAAA,MACE,OAAO;AAAA,MACP,SAAS;AAAA,MACT,WAAW;AAAA,QACT,MAAM;AAAA,QACN,WAAW;AAAA,QACX,aAAa;AAAA,MACf;AAAA,IACF;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,SAAS;AAAA,MACT,WAAW;AAAA,QACT,WAAW;AAAA,QACX,MAAM;AAAA,QACN,aAAa;AAAA,QACb,aAAa;AAAA,MACf;AAAA,IACF;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,SAAS;AAAA,MACT,WAAW;AAAA,QACT,WAAW;AAAA,QACX,MAAM;AAAA,QACN,aAAa;AAAA,QACb,aAAa;AAAA,MACf;AAAA,IACF;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,SAAS;AAAA,MACT,WAAW;AAAA,QACT,WAAW;AAAA,QACX,MAAM;AAAA,QACN,aAAa;AAAA,QACb,aAAa;AAAA,MACf;AAAA,IACF;AAAA,EACF;AACF,CAAC;AAmCD,IAAM,QAAQ,CAAC;AAAA,EACb,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,OAAO;AAAA,EACP,aAAa;AAAA,EACb,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,UAAU;AACZ,MAAkB;AAChB,QAAM,WAAW,cAAc;AAAA,IAC7B;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACD,QAAM,aAAa,qBAAqB,UAAU,WAAW,MAAM;AAGnE,QAAM,YAAY,OAAO,KAAK,kBAAkB,SAAS,KAAK,EAAE;AAAA,IAC9D;AAAA,EACF,IACK,QACD;AAEJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,OAAO;AAAA,MACP,eAAa;AAAA,MACb,aAAa,QAAQ,WAAW;AAAA,MAChC;AAAA,MACA,UAAU,CAAC;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA,OAAQ,SAAS;AAAA,MACjB;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,gBAAQ;;;AChKf,IAAOA,iBAAQ;","names":["Alert_default"]}