@fuf-stack/pixels 0.33.1 → 0.34.0

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 (100) hide show
  1. package/dist/Accordion/index.cjs +3 -3
  2. package/dist/Accordion/index.js +2 -2
  3. package/dist/Alert/index.cjs +3 -112
  4. package/dist/Alert/index.cjs.map +1 -1
  5. package/dist/Alert/index.d.cts +9 -229
  6. package/dist/Alert/index.d.ts +9 -229
  7. package/dist/Alert/index.js +5 -114
  8. package/dist/Alert/index.js.map +1 -1
  9. package/dist/Alert-Bz_lJ_YE.d.cts +231 -0
  10. package/dist/Alert-Bz_lJ_YE.d.ts +231 -0
  11. package/dist/Avatar/index.cjs +1 -1
  12. package/dist/Avatar/index.d.cts +2 -2
  13. package/dist/Avatar/index.d.ts +2 -2
  14. package/dist/Avatar/index.js +1 -1
  15. package/dist/AvatarGroup/index.cjs +3 -3
  16. package/dist/AvatarGroup/index.d.cts +3 -3
  17. package/dist/AvatarGroup/index.d.ts +3 -3
  18. package/dist/AvatarGroup/index.js +2 -2
  19. package/dist/{AvatarGroup-BSEjz5ez.d.ts → AvatarGroup-BfOtqfJy.d.ts} +1 -1
  20. package/dist/{AvatarGroup-J1yR1Smi.d.cts → AvatarGroup-CUyQwK3t.d.cts} +1 -1
  21. package/dist/Badge/index.cjs +1 -1
  22. package/dist/Badge/index.js +1 -1
  23. package/dist/Breadcrumb/index.cjs +3 -3
  24. package/dist/Breadcrumb/index.js +2 -2
  25. package/dist/Button/index.cjs +1 -1
  26. package/dist/Button/index.js +1 -1
  27. package/dist/ButtonGroup/index.cjs +1 -1
  28. package/dist/ButtonGroup/index.js +1 -1
  29. package/dist/Card/index.cjs +3 -3
  30. package/dist/Card/index.js +2 -2
  31. package/dist/Drawer/index.cjs +1 -1
  32. package/dist/Drawer/index.d.cts +2 -2
  33. package/dist/Drawer/index.d.ts +2 -2
  34. package/dist/Drawer/index.js +1 -1
  35. package/dist/Json/index.cjs +3 -3
  36. package/dist/Json/index.js +2 -2
  37. package/dist/Label/index.cjs +1 -1
  38. package/dist/Label/index.js +1 -1
  39. package/dist/Menu/index.cjs +1 -1
  40. package/dist/Menu/index.js +1 -1
  41. package/dist/Modal/index.cjs +1 -1
  42. package/dist/Modal/index.js +1 -1
  43. package/dist/Popover/index.cjs +3 -3
  44. package/dist/Popover/index.js +2 -2
  45. package/dist/Progress/index.cjs +1 -1
  46. package/dist/Progress/index.js +1 -1
  47. package/dist/ScrollShadow/index.cjs +1 -1
  48. package/dist/ScrollShadow/index.js +1 -1
  49. package/dist/Table/index.cjs +1 -1
  50. package/dist/Table/index.js +1 -1
  51. package/dist/Tabs/index.cjs +1 -1
  52. package/dist/Tabs/index.js +1 -1
  53. package/dist/Tooltip/index.cjs +1 -1
  54. package/dist/Tooltip/index.js +1 -1
  55. package/dist/{chunk-LIZGYO24.cjs → chunk-52HXAJYW.cjs} +5 -5
  56. package/dist/{chunk-LIZGYO24.cjs.map → chunk-52HXAJYW.cjs.map} +1 -1
  57. package/dist/{chunk-7QBCVRQD.js → chunk-6Q7F2KW6.js} +2 -2
  58. package/dist/{chunk-D4TLDLEX.cjs → chunk-AHEA4IJV.cjs} +23 -2
  59. package/dist/{chunk-D4TLDLEX.cjs.map → chunk-AHEA4IJV.cjs.map} +1 -1
  60. package/dist/{chunk-OPDWDH3W.js → chunk-CD4N7DPC.js} +16 -10
  61. package/dist/chunk-CD4N7DPC.js.map +1 -0
  62. package/dist/{chunk-ABKT5UKM.js → chunk-G464TU7U.js} +2 -2
  63. package/dist/{chunk-LBJ3YG36.cjs → chunk-GGVO5VGG.cjs} +52 -46
  64. package/dist/chunk-GGVO5VGG.cjs.map +1 -0
  65. package/dist/chunk-GRFUJV6U.cjs +122 -0
  66. package/dist/chunk-GRFUJV6U.cjs.map +1 -0
  67. package/dist/chunk-KQRDGV5G.js +122 -0
  68. package/dist/chunk-KQRDGV5G.js.map +1 -0
  69. package/dist/{chunk-2P5WWVQ6.cjs → chunk-LLKLYJ3D.cjs} +3 -3
  70. package/dist/{chunk-2P5WWVQ6.cjs.map → chunk-LLKLYJ3D.cjs.map} +1 -1
  71. package/dist/{chunk-ZZOEFQWQ.cjs → chunk-MYG4VNEL.cjs} +3 -3
  72. package/dist/{chunk-ZZOEFQWQ.cjs.map → chunk-MYG4VNEL.cjs.map} +1 -1
  73. package/dist/{chunk-MHZAWSFJ.cjs → chunk-NGRLFSOF.cjs} +3 -3
  74. package/dist/{chunk-MHZAWSFJ.cjs.map → chunk-NGRLFSOF.cjs.map} +1 -1
  75. package/dist/{chunk-J7N2552D.js → chunk-OAIRL2FN.js} +23 -2
  76. package/dist/{chunk-7H67WTTJ.js → chunk-PUKXBNTL.js} +2 -2
  77. package/dist/{chunk-C4H5ZCTV.cjs → chunk-WHB54UXL.cjs} +3 -3
  78. package/dist/{chunk-C4H5ZCTV.cjs.map → chunk-WHB54UXL.cjs.map} +1 -1
  79. package/dist/{chunk-3QICKBFS.js → chunk-ZHDG3HIS.js} +2 -2
  80. package/dist/{chunk-NHEC3GYW.js → chunk-ZKTTVZ74.js} +2 -2
  81. package/dist/hooks/index.cjs +1 -1
  82. package/dist/hooks/index.js +1 -1
  83. package/dist/index.cjs +14 -8
  84. package/dist/index.cjs.map +1 -1
  85. package/dist/index.d.cts +4 -3
  86. package/dist/index.d.ts +4 -3
  87. package/dist/index.js +13 -7
  88. package/package.json +2 -2
  89. package/dist/chunk-LBJ3YG36.cjs.map +0 -1
  90. package/dist/chunk-OPDWDH3W.js.map +0 -1
  91. package/dist/{Avatar-CY2AIMsK.d.cts → Avatar-ylNJ_-dY.d.cts} +5 -5
  92. package/dist/{Avatar-CY2AIMsK.d.ts → Avatar-ylNJ_-dY.d.ts} +5 -5
  93. package/dist/{Drawer-CifCcX6s.d.cts → Drawer-BnV9qxPA.d.cts} +5 -5
  94. package/dist/{Drawer-CifCcX6s.d.ts → Drawer-BnV9qxPA.d.ts} +5 -5
  95. /package/dist/{chunk-7QBCVRQD.js.map → chunk-6Q7F2KW6.js.map} +0 -0
  96. /package/dist/{chunk-ABKT5UKM.js.map → chunk-G464TU7U.js.map} +0 -0
  97. /package/dist/{chunk-J7N2552D.js.map → chunk-OAIRL2FN.js.map} +0 -0
  98. /package/dist/{chunk-7H67WTTJ.js.map → chunk-PUKXBNTL.js.map} +0 -0
  99. /package/dist/{chunk-3QICKBFS.js.map → chunk-ZHDG3HIS.js.map} +0 -0
  100. /package/dist/{chunk-NHEC3GYW.js.map → chunk-ZKTTVZ74.js.map} +0 -0
@@ -1,118 +1,9 @@
1
1
  import {
2
- __spreadValues
3
- } from "../chunk-J7N2552D.js";
4
-
5
- // src/Alert/Alert.tsx
6
- import { Alert as HeroAlert } from "@heroui/alert";
7
- import { alert as heroAlertVariants } from "@heroui/theme";
8
- import { tv, variantsToClassNames } from "@fuf-stack/pixel-utils";
9
- import { jsx } from "react/jsx-runtime";
10
- var alertVariants = tv({
11
- slots: {
12
- base: "",
13
- title: "",
14
- description: "",
15
- mainWrapper: "",
16
- closeButton: "",
17
- iconWrapper: "",
18
- alertIcon: ""
19
- },
20
- variants: {
21
- // see: https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/alert.ts
22
- color: __spreadValues({
23
- info: {
24
- mainWrapper: "text-inherit",
25
- title: "text-inherit",
26
- description: "text-inherit"
27
- }
28
- }, heroAlertVariants.variants.color),
29
- variant: __spreadValues({}, heroAlertVariants.variants.variant)
30
- },
31
- compoundVariants: [
32
- ...heroAlertVariants.compoundVariants,
33
- {
34
- color: "info",
35
- variant: "solid",
36
- className: {
37
- base: "bg-info text-info-foreground",
38
- alertIcon: "text-info-foreground",
39
- closeButton: "text-inherit"
40
- }
41
- },
42
- {
43
- color: "info",
44
- variant: "flat",
45
- className: {
46
- alertIcon: "fill-current",
47
- base: "dark:bg-info-50/50 bg-info-50 text-info-600",
48
- closeButton: "text-info-500 data-[hover]:bg-info-200",
49
- iconWrapper: "border-info-100 bg-info-50 dark:bg-info-100"
50
- }
51
- },
52
- {
53
- color: "info",
54
- variant: "faded",
55
- className: {
56
- alertIcon: "fill-current",
57
- base: "dark:bg-info-50/50 border-small border-info-200 bg-info-50 text-info-600 dark:border-info-100",
58
- closeButton: "text-info-500 data-[hover]:bg-info-200",
59
- iconWrapper: "border-info-100 bg-info-50 dark:bg-info-100"
60
- }
61
- },
62
- {
63
- color: "info",
64
- variant: "bordered",
65
- className: {
66
- alertIcon: "fill-current",
67
- base: "border-small border-info text-info",
68
- closeButton: "text-info-500 data-[hover]:bg-info-200",
69
- iconWrapper: "bg-info-100 dark:bg-info-50"
70
- }
71
- }
72
- ]
73
- });
74
- var Alert = ({
75
- children = void 0,
76
- className = void 0,
77
- color = "primary",
78
- endContent = void 0,
79
- icon = void 0,
80
- isClosable = false,
81
- onClose = void 0,
82
- showIcon = true,
83
- testId = void 0,
84
- title = void 0,
85
- variant = "solid"
86
- }) => {
87
- const variants = alertVariants({
88
- color,
89
- variant
90
- });
91
- const isHeroUIColor = Object.keys(heroAlertVariants.variants.color).includes(
92
- color
93
- );
94
- const classNames = variantsToClassNames(variants, className, "base");
95
- return /* @__PURE__ */ jsx(
96
- HeroAlert,
97
- {
98
- classNames,
99
- color: isHeroUIColor ? color : void 0,
100
- "data-testid": testId,
101
- description: title ? children : void 0,
102
- endContent,
103
- hideIcon: !showIcon,
104
- icon,
105
- isClosable,
106
- onClose,
107
- title: title || children,
108
- variant
109
- }
110
- );
111
- };
112
- var Alert_default = Alert;
113
-
114
- // src/Alert/index.ts
115
- var Alert_default2 = Alert_default;
2
+ Alert_default,
3
+ Alert_default2,
4
+ alertVariants
5
+ } from "../chunk-KQRDGV5G.js";
6
+ import "../chunk-OAIRL2FN.js";
116
7
  export {
117
8
  Alert_default as Alert,
118
9
  alertVariants,
@@ -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 },\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: 'dark:bg-info-50/50 bg-info-50 text-info-600',\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: 'dark:bg-info-50/50 border-small border-info-200 bg-info-50 text-info-600 dark:border-info-100',\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 /** 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 showIcon = true,\n testId = undefined,\n title = undefined,\n variant = 'solid',\n}: AlertProps) => {\n const variants = alertVariants({\n color,\n variant,\n });\n const isHeroUIColor = Object.keys(heroAlertVariants.variants.color).includes(\n color,\n );\n const classNames = variantsToClassNames(variants, className, 'base');\n\n return (\n <HeroAlert\n classNames={classNames}\n color={isHeroUIColor ? (color as HeroAlertProps['color']) : undefined}\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;AA4HrC;AA1HG,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,EAElC;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;AAiCD,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,WAAW;AAAA,EACX,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,UAAU;AACZ,MAAkB;AAChB,QAAM,WAAW,cAAc;AAAA,IAC7B;AAAA,IACA;AAAA,EACF,CAAC;AACD,QAAM,gBAAgB,OAAO,KAAK,kBAAkB,SAAS,KAAK,EAAE;AAAA,IAClE;AAAA,EACF;AACA,QAAM,aAAa,qBAAqB,UAAU,WAAW,MAAM;AAEnE,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,OAAO,gBAAiB,QAAoC;AAAA,MAC5D,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;;;AC7If,IAAOA,iBAAQ;","names":["Alert_default"]}
1
+ {"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
@@ -0,0 +1,231 @@
1
+ import * as react_jsx_runtime from 'react/jsx-runtime';
2
+ import * as tailwind_variants from 'tailwind-variants';
3
+ import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
4
+ import { TVProps, TVClassName } from '@fuf-stack/pixel-utils';
5
+ import { ReactNode } from 'react';
6
+
7
+ declare const alertVariants: tailwind_variants.TVReturnType<{
8
+ color: {
9
+ default: {};
10
+ primary: {};
11
+ secondary: {};
12
+ success: {};
13
+ warning: {};
14
+ danger: {};
15
+ info: {
16
+ mainWrapper: string;
17
+ title: string;
18
+ description: string;
19
+ };
20
+ };
21
+ variant: {
22
+ solid: {};
23
+ flat: {};
24
+ faded: {
25
+ base: string;
26
+ };
27
+ bordered: {
28
+ base: string;
29
+ };
30
+ };
31
+ }, {
32
+ base: string;
33
+ title: string;
34
+ description: string;
35
+ mainWrapper: string;
36
+ closeButton: string;
37
+ iconWrapper: string;
38
+ alertIcon: string;
39
+ }, undefined, tailwind_variants_dist_config_js.TVConfig<{
40
+ color: {
41
+ default: {};
42
+ primary: {};
43
+ secondary: {};
44
+ success: {};
45
+ warning: {};
46
+ danger: {};
47
+ info: {
48
+ mainWrapper: string;
49
+ title: string;
50
+ description: string;
51
+ };
52
+ };
53
+ variant: {
54
+ solid: {};
55
+ flat: {};
56
+ faded: {
57
+ base: string;
58
+ };
59
+ bordered: {
60
+ base: string;
61
+ };
62
+ };
63
+ }, {
64
+ color: {
65
+ default: {};
66
+ primary: {};
67
+ secondary: {};
68
+ success: {};
69
+ warning: {};
70
+ danger: {};
71
+ info: {
72
+ mainWrapper: string;
73
+ title: string;
74
+ description: string;
75
+ };
76
+ };
77
+ variant: {
78
+ solid: {};
79
+ flat: {};
80
+ faded: {
81
+ base: string;
82
+ };
83
+ bordered: {
84
+ base: string;
85
+ };
86
+ };
87
+ }>, {
88
+ color: {
89
+ default: {};
90
+ primary: {};
91
+ secondary: {};
92
+ success: {};
93
+ warning: {};
94
+ danger: {};
95
+ info: {
96
+ mainWrapper: string;
97
+ title: string;
98
+ description: string;
99
+ };
100
+ };
101
+ variant: {
102
+ solid: {};
103
+ flat: {};
104
+ faded: {
105
+ base: string;
106
+ };
107
+ bordered: {
108
+ base: string;
109
+ };
110
+ };
111
+ }, {
112
+ base: string;
113
+ title: string;
114
+ description: string;
115
+ mainWrapper: string;
116
+ closeButton: string;
117
+ iconWrapper: string;
118
+ alertIcon: string;
119
+ }, tailwind_variants.TVReturnType<{
120
+ color: {
121
+ default: {};
122
+ primary: {};
123
+ secondary: {};
124
+ success: {};
125
+ warning: {};
126
+ danger: {};
127
+ info: {
128
+ mainWrapper: string;
129
+ title: string;
130
+ description: string;
131
+ };
132
+ };
133
+ variant: {
134
+ solid: {};
135
+ flat: {};
136
+ faded: {
137
+ base: string;
138
+ };
139
+ bordered: {
140
+ base: string;
141
+ };
142
+ };
143
+ }, {
144
+ base: string;
145
+ title: string;
146
+ description: string;
147
+ mainWrapper: string;
148
+ closeButton: string;
149
+ iconWrapper: string;
150
+ alertIcon: string;
151
+ }, undefined, tailwind_variants_dist_config_js.TVConfig<{
152
+ color: {
153
+ default: {};
154
+ primary: {};
155
+ secondary: {};
156
+ success: {};
157
+ warning: {};
158
+ danger: {};
159
+ info: {
160
+ mainWrapper: string;
161
+ title: string;
162
+ description: string;
163
+ };
164
+ };
165
+ variant: {
166
+ solid: {};
167
+ flat: {};
168
+ faded: {
169
+ base: string;
170
+ };
171
+ bordered: {
172
+ base: string;
173
+ };
174
+ };
175
+ }, {
176
+ color: {
177
+ default: {};
178
+ primary: {};
179
+ secondary: {};
180
+ success: {};
181
+ warning: {};
182
+ danger: {};
183
+ info: {
184
+ mainWrapper: string;
185
+ title: string;
186
+ description: string;
187
+ };
188
+ };
189
+ variant: {
190
+ solid: {};
191
+ flat: {};
192
+ faded: {
193
+ base: string;
194
+ };
195
+ bordered: {
196
+ base: string;
197
+ };
198
+ };
199
+ }>, unknown, unknown, undefined>>;
200
+ type VariantProps = TVProps<typeof alertVariants>;
201
+ type ClassName = TVClassName<typeof alertVariants>;
202
+ interface AlertProps extends VariantProps {
203
+ /** Content displayed inside the Alert if no description is given! */
204
+ children?: ReactNode;
205
+ /** CSS class name */
206
+ className?: ClassName;
207
+ /** Color scheme of the Alert */
208
+ color?: VariantProps['color'];
209
+ /** Content displayed at the end of the Alert */
210
+ endContent?: ReactNode;
211
+ /** Icon displayed at the start of the Alert */
212
+ icon?: ReactNode;
213
+ /** Whether the Alert can be closed */
214
+ isClosable?: boolean;
215
+ /** Callback fired when the close button is clicked */
216
+ onClose?: () => void | undefined;
217
+ /** Whether to show the icon at the start */
218
+ showIcon?: boolean;
219
+ /** HTML data-testid attribute used in e2e tests */
220
+ testId?: string;
221
+ /** Title displayed in the Alert above the content */
222
+ title?: ReactNode;
223
+ /** Style variant of the Alert */
224
+ variant?: VariantProps['variant'];
225
+ }
226
+ /**
227
+ * Alert component based on [HeroUI Alert](https://www.heroui.com//docs/components/alert)
228
+ */
229
+ declare const Alert: ({ children, className, color, endContent, icon, isClosable, onClose, showIcon, testId, title, variant, }: AlertProps) => react_jsx_runtime.JSX.Element;
230
+
231
+ export { Alert as A, alertVariants as a, type AlertProps as b };
@@ -0,0 +1,231 @@
1
+ import * as react_jsx_runtime from 'react/jsx-runtime';
2
+ import * as tailwind_variants from 'tailwind-variants';
3
+ import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
4
+ import { TVProps, TVClassName } from '@fuf-stack/pixel-utils';
5
+ import { ReactNode } from 'react';
6
+
7
+ declare const alertVariants: tailwind_variants.TVReturnType<{
8
+ color: {
9
+ default: {};
10
+ primary: {};
11
+ secondary: {};
12
+ success: {};
13
+ warning: {};
14
+ danger: {};
15
+ info: {
16
+ mainWrapper: string;
17
+ title: string;
18
+ description: string;
19
+ };
20
+ };
21
+ variant: {
22
+ solid: {};
23
+ flat: {};
24
+ faded: {
25
+ base: string;
26
+ };
27
+ bordered: {
28
+ base: string;
29
+ };
30
+ };
31
+ }, {
32
+ base: string;
33
+ title: string;
34
+ description: string;
35
+ mainWrapper: string;
36
+ closeButton: string;
37
+ iconWrapper: string;
38
+ alertIcon: string;
39
+ }, undefined, tailwind_variants_dist_config_js.TVConfig<{
40
+ color: {
41
+ default: {};
42
+ primary: {};
43
+ secondary: {};
44
+ success: {};
45
+ warning: {};
46
+ danger: {};
47
+ info: {
48
+ mainWrapper: string;
49
+ title: string;
50
+ description: string;
51
+ };
52
+ };
53
+ variant: {
54
+ solid: {};
55
+ flat: {};
56
+ faded: {
57
+ base: string;
58
+ };
59
+ bordered: {
60
+ base: string;
61
+ };
62
+ };
63
+ }, {
64
+ color: {
65
+ default: {};
66
+ primary: {};
67
+ secondary: {};
68
+ success: {};
69
+ warning: {};
70
+ danger: {};
71
+ info: {
72
+ mainWrapper: string;
73
+ title: string;
74
+ description: string;
75
+ };
76
+ };
77
+ variant: {
78
+ solid: {};
79
+ flat: {};
80
+ faded: {
81
+ base: string;
82
+ };
83
+ bordered: {
84
+ base: string;
85
+ };
86
+ };
87
+ }>, {
88
+ color: {
89
+ default: {};
90
+ primary: {};
91
+ secondary: {};
92
+ success: {};
93
+ warning: {};
94
+ danger: {};
95
+ info: {
96
+ mainWrapper: string;
97
+ title: string;
98
+ description: string;
99
+ };
100
+ };
101
+ variant: {
102
+ solid: {};
103
+ flat: {};
104
+ faded: {
105
+ base: string;
106
+ };
107
+ bordered: {
108
+ base: string;
109
+ };
110
+ };
111
+ }, {
112
+ base: string;
113
+ title: string;
114
+ description: string;
115
+ mainWrapper: string;
116
+ closeButton: string;
117
+ iconWrapper: string;
118
+ alertIcon: string;
119
+ }, tailwind_variants.TVReturnType<{
120
+ color: {
121
+ default: {};
122
+ primary: {};
123
+ secondary: {};
124
+ success: {};
125
+ warning: {};
126
+ danger: {};
127
+ info: {
128
+ mainWrapper: string;
129
+ title: string;
130
+ description: string;
131
+ };
132
+ };
133
+ variant: {
134
+ solid: {};
135
+ flat: {};
136
+ faded: {
137
+ base: string;
138
+ };
139
+ bordered: {
140
+ base: string;
141
+ };
142
+ };
143
+ }, {
144
+ base: string;
145
+ title: string;
146
+ description: string;
147
+ mainWrapper: string;
148
+ closeButton: string;
149
+ iconWrapper: string;
150
+ alertIcon: string;
151
+ }, undefined, tailwind_variants_dist_config_js.TVConfig<{
152
+ color: {
153
+ default: {};
154
+ primary: {};
155
+ secondary: {};
156
+ success: {};
157
+ warning: {};
158
+ danger: {};
159
+ info: {
160
+ mainWrapper: string;
161
+ title: string;
162
+ description: string;
163
+ };
164
+ };
165
+ variant: {
166
+ solid: {};
167
+ flat: {};
168
+ faded: {
169
+ base: string;
170
+ };
171
+ bordered: {
172
+ base: string;
173
+ };
174
+ };
175
+ }, {
176
+ color: {
177
+ default: {};
178
+ primary: {};
179
+ secondary: {};
180
+ success: {};
181
+ warning: {};
182
+ danger: {};
183
+ info: {
184
+ mainWrapper: string;
185
+ title: string;
186
+ description: string;
187
+ };
188
+ };
189
+ variant: {
190
+ solid: {};
191
+ flat: {};
192
+ faded: {
193
+ base: string;
194
+ };
195
+ bordered: {
196
+ base: string;
197
+ };
198
+ };
199
+ }>, unknown, unknown, undefined>>;
200
+ type VariantProps = TVProps<typeof alertVariants>;
201
+ type ClassName = TVClassName<typeof alertVariants>;
202
+ interface AlertProps extends VariantProps {
203
+ /** Content displayed inside the Alert if no description is given! */
204
+ children?: ReactNode;
205
+ /** CSS class name */
206
+ className?: ClassName;
207
+ /** Color scheme of the Alert */
208
+ color?: VariantProps['color'];
209
+ /** Content displayed at the end of the Alert */
210
+ endContent?: ReactNode;
211
+ /** Icon displayed at the start of the Alert */
212
+ icon?: ReactNode;
213
+ /** Whether the Alert can be closed */
214
+ isClosable?: boolean;
215
+ /** Callback fired when the close button is clicked */
216
+ onClose?: () => void | undefined;
217
+ /** Whether to show the icon at the start */
218
+ showIcon?: boolean;
219
+ /** HTML data-testid attribute used in e2e tests */
220
+ testId?: string;
221
+ /** Title displayed in the Alert above the content */
222
+ title?: ReactNode;
223
+ /** Style variant of the Alert */
224
+ variant?: VariantProps['variant'];
225
+ }
226
+ /**
227
+ * Alert component based on [HeroUI Alert](https://www.heroui.com//docs/components/alert)
228
+ */
229
+ declare const Alert: ({ children, className, color, endContent, icon, isClosable, onClose, showIcon, testId, title, variant, }: AlertProps) => react_jsx_runtime.JSX.Element;
230
+
231
+ export { Alert as A, alertVariants as a, type AlertProps as b };
@@ -2,7 +2,7 @@
2
2
 
3
3
 
4
4
  var _chunk77J7NZYBcjs = require('../chunk-77J7NZYB.cjs');
5
- require('../chunk-D4TLDLEX.cjs');
5
+ require('../chunk-AHEA4IJV.cjs');
6
6
 
7
7
 
8
8
 
@@ -1,5 +1,5 @@
1
- import { A as Avatar } from '../Avatar-CY2AIMsK.cjs';
2
- export { a as AvatarProps } from '../Avatar-CY2AIMsK.cjs';
1
+ import { A as Avatar } from '../Avatar-ylNJ_-dY.cjs';
2
+ export { a as AvatarProps } from '../Avatar-ylNJ_-dY.cjs';
3
3
  import 'react/jsx-runtime';
4
4
  import 'tailwind-variants/dist/config.js';
5
5
  import 'tailwind-variants';
@@ -1,5 +1,5 @@
1
- import { A as Avatar } from '../Avatar-CY2AIMsK.js';
2
- export { a as AvatarProps } from '../Avatar-CY2AIMsK.js';
1
+ import { A as Avatar } from '../Avatar-ylNJ_-dY.js';
2
+ export { a as AvatarProps } from '../Avatar-ylNJ_-dY.js';
3
3
  import 'react/jsx-runtime';
4
4
  import 'tailwind-variants/dist/config.js';
5
5
  import 'tailwind-variants';
@@ -2,7 +2,7 @@ import {
2
2
  Avatar_default,
3
3
  Avatar_default2
4
4
  } from "../chunk-4Y4W74D7.js";
5
- import "../chunk-J7N2552D.js";
5
+ import "../chunk-OAIRL2FN.js";
6
6
  export {
7
7
  Avatar_default as Avatar,
8
8
  Avatar_default2 as default
@@ -1,11 +1,11 @@
1
1
  "use strict";Object.defineProperty(exports, "__esModule", {value: true});
2
2
 
3
3
 
4
- var _chunkLIZGYO24cjs = require('../chunk-LIZGYO24.cjs');
4
+ var _chunk52HXAJYWcjs = require('../chunk-52HXAJYW.cjs');
5
5
  require('../chunk-77J7NZYB.cjs');
6
- require('../chunk-D4TLDLEX.cjs');
6
+ require('../chunk-AHEA4IJV.cjs');
7
7
 
8
8
 
9
9
 
10
- exports.AvatarGroup = _chunkLIZGYO24cjs.AvatarGroup_default; exports.default = _chunkLIZGYO24cjs.AvatarGroup_default2;
10
+ exports.AvatarGroup = _chunk52HXAJYWcjs.AvatarGroup_default; exports.default = _chunk52HXAJYWcjs.AvatarGroup_default2;
11
11
  //# sourceMappingURL=index.cjs.map
@@ -1,8 +1,8 @@
1
- import { A as AvatarGroup } from '../AvatarGroup-J1yR1Smi.cjs';
2
- export { a as AvatarGroupProps } from '../AvatarGroup-J1yR1Smi.cjs';
1
+ import { A as AvatarGroup } from '../AvatarGroup-CUyQwK3t.cjs';
2
+ export { a as AvatarGroupProps } from '../AvatarGroup-CUyQwK3t.cjs';
3
3
  import 'react/jsx-runtime';
4
4
  import 'react';
5
- import '../Avatar-CY2AIMsK.cjs';
5
+ import '../Avatar-ylNJ_-dY.cjs';
6
6
  import 'tailwind-variants/dist/config.js';
7
7
  import 'tailwind-variants';
8
8
  import '@fuf-stack/pixel-utils';
@@ -1,8 +1,8 @@
1
- import { A as AvatarGroup } from '../AvatarGroup-BSEjz5ez.js';
2
- export { a as AvatarGroupProps } from '../AvatarGroup-BSEjz5ez.js';
1
+ import { A as AvatarGroup } from '../AvatarGroup-BfOtqfJy.js';
2
+ export { a as AvatarGroupProps } from '../AvatarGroup-BfOtqfJy.js';
3
3
  import 'react/jsx-runtime';
4
4
  import 'react';
5
- import '../Avatar-CY2AIMsK.js';
5
+ import '../Avatar-ylNJ_-dY.js';
6
6
  import 'tailwind-variants/dist/config.js';
7
7
  import 'tailwind-variants';
8
8
  import '@fuf-stack/pixel-utils';
@@ -1,9 +1,9 @@
1
1
  import {
2
2
  AvatarGroup_default,
3
3
  AvatarGroup_default2
4
- } from "../chunk-3QICKBFS.js";
4
+ } from "../chunk-ZHDG3HIS.js";
5
5
  import "../chunk-4Y4W74D7.js";
6
- import "../chunk-J7N2552D.js";
6
+ import "../chunk-OAIRL2FN.js";
7
7
  export {
8
8
  AvatarGroup_default as AvatarGroup,
9
9
  AvatarGroup_default2 as default