@fuf-stack/pixels 0.31.4 → 0.32.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.
- package/dist/Accordion/index.cjs +2 -2
- package/dist/Accordion/index.d.cts +3 -3
- package/dist/Accordion/index.d.ts +3 -3
- package/dist/Accordion/index.js +1 -1
- package/dist/{Accordion-CZ0Fqk-P.d.cts → Accordion-rA715N0Z.d.cts} +2 -2
- package/dist/{Accordion-CZ0Fqk-P.d.ts → Accordion-rA715N0Z.d.ts} +2 -2
- package/dist/Alert/index.cjs +121 -0
- package/dist/Alert/index.cjs.map +1 -0
- package/dist/Alert/index.d.cts +231 -0
- package/dist/Alert/index.d.ts +231 -0
- package/dist/Alert/index.js +121 -0
- package/dist/Alert/index.js.map +1 -0
- package/dist/Avatar/index.cjs +2 -2
- package/dist/Avatar/index.d.cts +2 -2
- package/dist/Avatar/index.d.ts +2 -2
- package/dist/Avatar/index.js +1 -1
- package/dist/{Avatar-CbdJWk_J.d.cts → Avatar-CY2AIMsK.d.cts} +1 -1
- package/dist/{Avatar-CbdJWk_J.d.ts → Avatar-CY2AIMsK.d.ts} +1 -1
- package/dist/AvatarGroup/index.cjs +3 -3
- package/dist/AvatarGroup/index.d.cts +3 -3
- package/dist/AvatarGroup/index.d.ts +3 -3
- package/dist/AvatarGroup/index.js +2 -2
- package/dist/{AvatarGroup-BTPgXs_F.d.ts → AvatarGroup-BSEjz5ez.d.ts} +2 -2
- package/dist/{AvatarGroup-DyX3Lj28.d.cts → AvatarGroup-J1yR1Smi.d.cts} +2 -2
- package/dist/Badge/index.cjs +2 -2
- package/dist/Badge/index.d.cts +3 -3
- package/dist/Badge/index.d.ts +3 -3
- package/dist/Badge/index.js +1 -1
- package/dist/{Badge-yzXn5LtZ.d.cts → Badge-CvXzljaJ.d.cts} +2 -2
- package/dist/{Badge-yzXn5LtZ.d.ts → Badge-CvXzljaJ.d.ts} +2 -2
- package/dist/Breadcrumb/index.cjs +2 -2
- package/dist/Breadcrumb/index.d.cts +2 -2
- package/dist/Breadcrumb/index.d.ts +2 -2
- package/dist/Breadcrumb/index.js +1 -1
- package/dist/{Breadcrumb-DHn8XeOY.d.cts → Breadcrumb-1cB54eJk.d.cts} +4 -4
- package/dist/{Breadcrumb-DHn8XeOY.d.ts → Breadcrumb-1cB54eJk.d.ts} +4 -4
- package/dist/Button/index.cjs +2 -2
- package/dist/Button/index.d.cts +4 -4
- package/dist/Button/index.d.ts +4 -4
- package/dist/Button/index.js +1 -1
- package/dist/{ButtonGroup-DIL5WB0f.d.cts → ButtonGroup-g0hk2u-s.d.cts} +6 -6
- package/dist/{ButtonGroup-DIL5WB0f.d.ts → ButtonGroup-g0hk2u-s.d.ts} +6 -6
- package/dist/Card/index.cjs +2 -2
- package/dist/Card/index.d.cts +3 -4
- package/dist/Card/index.d.ts +3 -4
- package/dist/Card/index.js +1 -1
- package/dist/{Card-C8u10Iq0.d.cts → Card-BdciRqJz.d.cts} +4 -6
- package/dist/{Card-C8u10Iq0.d.ts → Card-BdciRqJz.d.ts} +4 -6
- package/dist/Drawer/index.cjs +2 -2
- package/dist/Drawer/index.d.cts +3 -3
- package/dist/Drawer/index.d.ts +3 -3
- package/dist/Drawer/index.js +1 -1
- package/dist/{Drawer-DvEDC3UK.d.cts → Drawer-CifCcX6s.d.cts} +5 -5
- package/dist/{Drawer-DvEDC3UK.d.ts → Drawer-CifCcX6s.d.ts} +5 -5
- package/dist/Json/index.cjs +3 -3
- package/dist/Json/index.js +2 -2
- package/dist/Label/index.cjs +2 -2
- package/dist/Label/index.d.cts +3 -3
- package/dist/Label/index.d.ts +3 -3
- package/dist/Label/index.js +1 -1
- package/dist/{Label--qRYiJs-.d.cts → Label-BH0taC2T.d.cts} +2 -2
- package/dist/{Label--qRYiJs-.d.ts → Label-BH0taC2T.d.ts} +2 -2
- package/dist/Menu/index.cjs +2 -2
- package/dist/Menu/index.d.cts +2 -2
- package/dist/Menu/index.d.ts +2 -2
- package/dist/Menu/index.js +1 -1
- package/dist/{Menu-CG5mVVnv.d.cts → Menu-C7lpY7pY.d.cts} +1 -1
- package/dist/{Menu-CG5mVVnv.d.ts → Menu-C7lpY7pY.d.ts} +1 -1
- package/dist/Modal/index.cjs +2 -2
- package/dist/Modal/index.d.cts +3 -3
- package/dist/Modal/index.d.ts +3 -3
- package/dist/Modal/index.js +1 -1
- package/dist/{Modal-CSOPzGYj.d.cts → Modal-DI5ZdS_3.d.cts} +2 -2
- package/dist/{Modal-CSOPzGYj.d.ts → Modal-DI5ZdS_3.d.ts} +2 -2
- package/dist/Popover/index.cjs +3 -3
- package/dist/Popover/index.d.cts +3 -3
- package/dist/Popover/index.d.ts +3 -3
- package/dist/Popover/index.js +2 -2
- package/dist/{Popover-By7zSUnV.d.cts → Popover-Db9vCWrz.d.cts} +2 -2
- package/dist/{Popover-By7zSUnV.d.ts → Popover-Db9vCWrz.d.ts} +2 -2
- package/dist/Progress/index.cjs +89 -0
- package/dist/Progress/index.cjs.map +1 -0
- package/dist/Progress/index.d.cts +224 -0
- package/dist/Progress/index.d.ts +224 -0
- package/dist/Progress/index.js +89 -0
- package/dist/Progress/index.js.map +1 -0
- package/dist/ScrollShadow/index.cjs +3 -3
- package/dist/ScrollShadow/index.d.cts +1 -1
- package/dist/ScrollShadow/index.d.ts +1 -1
- package/dist/ScrollShadow/index.js +1 -1
- package/dist/Table/index.cjs +2 -3
- package/dist/Table/index.cjs.map +1 -1
- package/dist/Table/index.d.cts +1 -1
- package/dist/Table/index.d.ts +1 -1
- package/dist/Table/index.js +3 -4
- package/dist/Table/index.js.map +1 -1
- package/dist/Tabs/index.cjs +2 -2
- package/dist/Tabs/index.d.cts +2 -2
- package/dist/Tabs/index.d.ts +2 -2
- package/dist/Tabs/index.js +1 -1
- package/dist/{Tabs-CfFvBC99.d.cts → Tabs-XIux-c3p.d.cts} +9 -1
- package/dist/{Tabs-CfFvBC99.d.ts → Tabs-XIux-c3p.d.ts} +9 -1
- package/dist/Tooltip/index.cjs +2 -2
- package/dist/Tooltip/index.d.cts +2 -2
- package/dist/Tooltip/index.d.ts +2 -2
- package/dist/Tooltip/index.js +1 -1
- package/dist/{Tooltip-DS3pM5Cq.d.cts → Tooltip-Bsq7nJLh.d.cts} +1 -1
- package/dist/{Tooltip-DS3pM5Cq.d.ts → Tooltip-Bsq7nJLh.d.ts} +1 -1
- package/dist/{chunk-Z5OFNBWI.cjs → chunk-2SQEDOXZ.cjs} +4 -3
- package/dist/chunk-2SQEDOXZ.cjs.map +1 -0
- package/dist/{chunk-3QI2ODV2.js → chunk-2WJJS4CZ.js} +3 -3
- package/dist/chunk-2WJJS4CZ.js.map +1 -0
- package/dist/{chunk-ODLZQXBE.js → chunk-3LEUWIY3.js} +3 -3
- package/dist/chunk-3LEUWIY3.js.map +1 -0
- package/dist/{chunk-LPCCBJ2T.js → chunk-5H2LBLSC.js} +3 -3
- package/dist/chunk-5H2LBLSC.js.map +1 -0
- package/dist/{chunk-7TIFKRWY.cjs → chunk-A4FOULHY.cjs} +2 -2
- package/dist/chunk-A4FOULHY.cjs.map +1 -0
- package/dist/{chunk-2WDAJ6ER.cjs → chunk-AJLLRWSE.cjs} +4 -4
- package/dist/chunk-AJLLRWSE.cjs.map +1 -0
- package/dist/{chunk-HVLEV6BG.cjs → chunk-BURI3HTZ.cjs} +2 -2
- package/dist/chunk-BURI3HTZ.cjs.map +1 -0
- package/dist/{chunk-N6YMP2DX.js → chunk-CWCZM3HS.js} +2 -2
- package/dist/chunk-CWCZM3HS.js.map +1 -0
- package/dist/{chunk-U2JEMXXJ.cjs → chunk-D7KXMNEI.cjs} +2 -2
- package/dist/chunk-D7KXMNEI.cjs.map +1 -0
- package/dist/{chunk-BUWMLU3E.js → chunk-EQVC4PJE.js} +2 -2
- package/dist/chunk-EQVC4PJE.js.map +1 -0
- package/dist/{chunk-CQW46JPO.js → chunk-EVAV23ZV.js} +2 -2
- package/dist/chunk-EVAV23ZV.js.map +1 -0
- package/dist/{chunk-OLKLIWBE.cjs → chunk-FFRBORVV.cjs} +3 -3
- package/dist/{chunk-OLKLIWBE.cjs.map → chunk-FFRBORVV.cjs.map} +1 -1
- package/dist/{chunk-XVCKJE3P.js → chunk-FPU6RJSG.js} +3 -3
- package/dist/chunk-FPU6RJSG.js.map +1 -0
- package/dist/{chunk-33DBA7U2.js → chunk-GA54AM2W.js} +2 -2
- package/dist/chunk-GA54AM2W.js.map +1 -0
- package/dist/{chunk-7XJHVFT3.cjs → chunk-HPLU3CHP.cjs} +5 -5
- package/dist/chunk-HPLU3CHP.cjs.map +1 -0
- package/dist/{chunk-OQIMB45E.js → chunk-ITOA7Q42.js} +2 -2
- package/dist/chunk-ITOA7Q42.js.map +1 -0
- package/dist/{chunk-NVNT4PMS.cjs → chunk-OOFJGGRS.cjs} +3 -3
- package/dist/chunk-OOFJGGRS.cjs.map +1 -0
- package/dist/{chunk-LY45VQ2E.cjs → chunk-ORO34I7X.cjs} +3 -3
- package/dist/chunk-ORO34I7X.cjs.map +1 -0
- package/dist/{chunk-NCSINRHM.js → chunk-QSQ5NCIF.js} +4 -3
- package/dist/chunk-QSQ5NCIF.js.map +1 -0
- package/dist/{chunk-VG5A2YZE.cjs → chunk-T7EAVBXL.cjs} +2 -2
- package/dist/chunk-T7EAVBXL.cjs.map +1 -0
- package/dist/{chunk-7LABJBKF.js → chunk-TCL2PX3F.js} +3 -3
- package/dist/chunk-TCL2PX3F.js.map +1 -0
- package/dist/{chunk-BXPBP3PC.cjs → chunk-TX2VP4J7.cjs} +2 -2
- package/dist/chunk-TX2VP4J7.cjs.map +1 -0
- package/dist/{chunk-LCSYN3DI.js → chunk-UZPVE6UB.js} +2 -2
- package/dist/{chunk-7ZJ6LE2P.cjs → chunk-WSM7WMFP.cjs} +2 -2
- package/dist/chunk-WSM7WMFP.cjs.map +1 -0
- package/dist/{chunk-YTQJ6FZK.cjs → chunk-WV3ZDL4J.cjs} +2 -2
- package/dist/chunk-WV3ZDL4J.cjs.map +1 -0
- package/dist/{chunk-RMA57Q6K.cjs → chunk-XNMTAL3J.cjs} +2 -2
- package/dist/chunk-XNMTAL3J.cjs.map +1 -0
- package/dist/{chunk-ZXGEK67F.cjs → chunk-XTR4NKDP.cjs} +2 -2
- package/dist/chunk-XTR4NKDP.cjs.map +1 -0
- package/dist/chunk-XUF52AKP.js +74 -0
- package/dist/chunk-XUF52AKP.js.map +1 -0
- package/dist/{chunk-QTXKWCDV.js → chunk-Z7QNU4XB.js} +2 -2
- package/dist/chunk-Z7QNU4XB.js.map +1 -0
- package/dist/{chunk-MJE4MLZY.js → chunk-ZKCOHRTR.js} +2 -2
- package/dist/chunk-ZKCOHRTR.js.map +1 -0
- package/dist/chunk-ZXN5DNKQ.cjs +74 -0
- package/dist/chunk-ZXN5DNKQ.cjs.map +1 -0
- package/dist/{chunk-7IGL67EH.js → chunk-ZZC6S7D2.js} +2 -2
- package/dist/chunk-ZZC6S7D2.js.map +1 -0
- package/dist/index.cjs +17 -17
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +22 -22
- package/dist/index.d.ts +22 -22
- package/dist/index.js +19 -19
- package/package.json +36 -24
- package/dist/chunk-2WDAJ6ER.cjs.map +0 -1
- package/dist/chunk-33DBA7U2.js.map +0 -1
- package/dist/chunk-3QI2ODV2.js.map +0 -1
- package/dist/chunk-7IGL67EH.js.map +0 -1
- package/dist/chunk-7LABJBKF.js.map +0 -1
- package/dist/chunk-7TIFKRWY.cjs.map +0 -1
- package/dist/chunk-7XJHVFT3.cjs.map +0 -1
- package/dist/chunk-7ZJ6LE2P.cjs.map +0 -1
- package/dist/chunk-BUWMLU3E.js.map +0 -1
- package/dist/chunk-BXPBP3PC.cjs.map +0 -1
- package/dist/chunk-CQW46JPO.js.map +0 -1
- package/dist/chunk-DDWFDIXA.cjs +0 -72
- package/dist/chunk-DDWFDIXA.cjs.map +0 -1
- package/dist/chunk-HVLEV6BG.cjs.map +0 -1
- package/dist/chunk-LPCCBJ2T.js.map +0 -1
- package/dist/chunk-LY45VQ2E.cjs.map +0 -1
- package/dist/chunk-MJE4MLZY.js.map +0 -1
- package/dist/chunk-N6YMP2DX.js.map +0 -1
- package/dist/chunk-NCSINRHM.js.map +0 -1
- package/dist/chunk-NVNT4PMS.cjs.map +0 -1
- package/dist/chunk-ODLZQXBE.js.map +0 -1
- package/dist/chunk-OQIMB45E.js.map +0 -1
- package/dist/chunk-PRPGAJKZ.js +0 -72
- package/dist/chunk-PRPGAJKZ.js.map +0 -1
- package/dist/chunk-QTXKWCDV.js.map +0 -1
- package/dist/chunk-RMA57Q6K.cjs.map +0 -1
- package/dist/chunk-U2JEMXXJ.cjs.map +0 -1
- package/dist/chunk-VG5A2YZE.cjs.map +0 -1
- package/dist/chunk-XVCKJE3P.js.map +0 -1
- package/dist/chunk-YTQJ6FZK.cjs.map +0 -1
- package/dist/chunk-Z5OFNBWI.cjs.map +0 -1
- package/dist/chunk-ZXGEK67F.cjs.map +0 -1
- /package/dist/{chunk-LCSYN3DI.js.map → chunk-UZPVE6UB.js.map} +0 -0
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import {
|
|
2
2
|
Avatar_default
|
|
3
|
-
} from "./chunk-
|
|
3
|
+
} from "./chunk-CWCZM3HS.js";
|
|
4
4
|
import {
|
|
5
5
|
__spreadProps,
|
|
6
6
|
__spreadValues
|
|
7
7
|
} from "./chunk-J7N2552D.js";
|
|
8
8
|
|
|
9
9
|
// src/AvatarGroup/AvatarGroup.tsx
|
|
10
|
-
import { AvatarGroup as NextAvatarGroup } from "@
|
|
10
|
+
import { AvatarGroup as NextAvatarGroup } from "@heroui/avatar";
|
|
11
11
|
import { jsx } from "react/jsx-runtime";
|
|
12
12
|
var AvatarGroup = ({
|
|
13
13
|
bordered = false,
|
|
@@ -64,4 +64,4 @@ export {
|
|
|
64
64
|
AvatarGroup_default,
|
|
65
65
|
AvatarGroup_default2
|
|
66
66
|
};
|
|
67
|
-
//# sourceMappingURL=chunk-
|
|
67
|
+
//# sourceMappingURL=chunk-FPU6RJSG.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/AvatarGroup/AvatarGroup.tsx","../src/AvatarGroup/index.ts"],"sourcesContent":["import type { JSX } from 'react';\nimport type { AvatarProps } from '../Avatar/Avatar';\n\nimport { AvatarGroup as NextAvatarGroup } from '@heroui/avatar';\n\nimport { Avatar } from '../Avatar';\n\nexport interface AvatarGroupProps {\n /* Display a border ring around the Avatar */\n bordered?: boolean;\n /* Roundness of the border around the Avatar */\n rounded?: 'none' | 'sm' | 'md' | 'lg' | 'full';\n /** CSS class name */\n className?: string;\n /* Disables the Avatar */\n disabled?: boolean;\n /* Size of the Avatar */\n size?: 'sm' | 'md' | 'lg';\n /* Maximum number of avatars to display before +X is displayed */\n max?: number;\n /* Array of avatarProps */\n avatars?: (Omit<AvatarProps, 'size' | 'rounded' | 'bordered'> & {\n /* Custom wrapperProps for each avatarWrapper */\n wrapperProps?: Record<string, unknown>;\n })[];\n /* Custom wrapper for each avatar */\n avatarWrapper?: JSX.ElementType;\n}\n\n/**\n * AvatarGroup component based on [HeroUI AvatarGroup](https://www.heroui.com//docs/components/avatar)\n */\nconst AvatarGroup = ({\n bordered = false,\n rounded = 'full',\n className = '',\n disabled = false,\n size = 'md',\n avatars = [],\n max = 3,\n avatarWrapper: AvatarWrapper = undefined,\n}: AvatarGroupProps) => {\n return (\n <NextAvatarGroup\n max={max}\n className={className}\n isBordered={bordered}\n isDisabled={disabled}\n radius={rounded}\n size={size}\n >\n {avatars?.map((avatar) => {\n return AvatarWrapper ? (\n // eslint-disable-next-line react/jsx-props-no-spreading\n <AvatarWrapper {...avatar.wrapperProps}>\n <Avatar\n key={avatar.src}\n // eslint-disable-next-line react/jsx-props-no-spreading\n {...avatar}\n disabled={disabled || avatar?.disabled}\n rounded={rounded}\n bordered={bordered}\n size={size}\n />\n </AvatarWrapper>\n ) : (\n <Avatar\n key={avatar.src}\n // eslint-disable-next-line react/jsx-props-no-spreading\n {...avatar}\n disabled={disabled || avatar?.disabled}\n rounded={rounded}\n bordered={bordered}\n size={size}\n />\n );\n })}\n </NextAvatarGroup>\n );\n};\n\nexport default AvatarGroup;\n","import AvatarGroup from './AvatarGroup';\n\nexport type { AvatarGroupProps } from './AvatarGroup';\n\nexport { AvatarGroup };\n\nexport default AvatarGroup;\n"],"mappings":";;;;;;;;;AAGA,SAAS,eAAe,uBAAuB;AAoDnC;AAvBZ,IAAM,cAAc,CAAC;AAAA,EACnB,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,OAAO;AAAA,EACP,UAAU,CAAC;AAAA,EACX,MAAM;AAAA,EACN,eAAe,gBAAgB;AACjC,MAAwB;AACtB,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR;AAAA,MAEC,6CAAS,IAAI,CAAC,WAAW;AACxB,eAAO;AAAA;AAAA,UAEL,oBAAC,gDAAkB,OAAO,eAAzB,EACC;AAAA,YAAC;AAAA,6CAGK,SAHL;AAAA,cAIC,UAAU,aAAY,iCAAQ;AAAA,cAC9B;AAAA,cACA;AAAA,cACA;AAAA;AAAA,YANK,OAAO;AAAA,UAOd,IACF;AAAA,YAEA;AAAA,UAAC;AAAA,2CAGK,SAHL;AAAA,YAIC,UAAU,aAAY,iCAAQ;AAAA,YAC9B;AAAA,YACA;AAAA,YACA;AAAA;AAAA,UANK,OAAO;AAAA,QAOd;AAAA,MAEJ;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,sBAAQ;;;AC3Ef,IAAOA,uBAAQ;","names":["AvatarGroup_default"]}
|
|
@@ -6,7 +6,7 @@ import {
|
|
|
6
6
|
import {
|
|
7
7
|
Accordion as NextAccordion,
|
|
8
8
|
AccordionItem as NextAccordionItem
|
|
9
|
-
} from "@
|
|
9
|
+
} from "@heroui/accordion";
|
|
10
10
|
import { tv, variantsToClassNames } from "@fuf-stack/pixel-utils";
|
|
11
11
|
import { jsx } from "react/jsx-runtime";
|
|
12
12
|
var accordionVariants = tv({
|
|
@@ -99,4 +99,4 @@ export {
|
|
|
99
99
|
Accordion_default,
|
|
100
100
|
Accordion_default2
|
|
101
101
|
};
|
|
102
|
-
//# sourceMappingURL=chunk-
|
|
102
|
+
//# sourceMappingURL=chunk-GA54AM2W.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/Accordion/Accordion.tsx","../src/Accordion/index.ts"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { DividerProps } from '@heroui/divider';\nimport type { ReactNode } from 'react';\n\nimport {\n Accordion as NextAccordion,\n AccordionItem as NextAccordionItem,\n} from '@heroui/accordion';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// accordion styling variants\n// see: https://www.heroui.com//docs/components/accordion#accordion-item-slots\nexport const accordionVariants = tv({\n slots: {\n base: '',\n content: 'px-4',\n heading: 'px-4',\n indicator: '',\n startContent: '',\n subtitle: '',\n title: '',\n titleWrapper: '',\n trigger: '',\n // outer accordion wrapper\n wrapper: 'px-0',\n },\n variants: {\n indicatorLeft: {\n true: {\n content: 'pl-7',\n indicator: '-rotate-180 data-[open=true]:-rotate-90',\n trigger: 'flex-row-reverse',\n },\n },\n showDivider: {\n true: {\n wrapper: 'divide-y divide-solid divide-divider',\n },\n },\n showBottomTopDivider: {\n true: {\n wrapper: 'border-b border-t border-solid border-divider',\n },\n },\n },\n});\n\nexport interface AccordionItemProps {\n /** Content of the accordion item */\n children: ReactNode;\n /** Disables the accordion item */\n disabled?: boolean;\n /** Accordion item title */\n title: ReactNode;\n /** Accordion item subtitle */\n subtitle?: ReactNode;\n}\n\ntype VariantProps = TVProps<typeof accordionVariants>;\ntype ClassName = TVClassName<typeof accordionVariants>;\n\nexport interface AccordionProps extends VariantProps {\n /** Props for AccordionItems, will render the accordion items programmatically */\n accordionItems: AccordionItemProps[];\n /** CSS class name */\n className?: ClassName;\n /** Array of keys for the AccordionItem(s) to be expanded by default */\n defaultSelectedKeys?: undefined | 'all' | Iterable<number | string>;\n /** Disables the Accordion */\n disabled?: boolean;\n /** Array of keys for the AccordionItems to disable */\n disabledKeys?: Iterable<number | string>;\n /** Force always one AccordionItem to be open. */\n disallowEmptySelection?: boolean;\n /** props for styling the Divider */\n dividerProps?: DividerProps;\n /** Hide the expanded/collapsed indicator icon */\n hideIndicator?: boolean;\n /** Callback function for when a Accordion Item is expanded or collapsed */\n onSelectionChange?: (keys: 'all' | Iterable<number | string>) => unknown;\n /** Selected keys (controlled) */\n selectedKeys?: undefined | 'all' | Iterable<number | string>;\n /** Set whether multiple or only a single AccordionItems can be expanded */\n selectionMode?: 'single' | 'multiple';\n /** Enable or disable the divider between each AccordionItem */\n showDivider?: boolean;\n /** Style variant of the Accordion */\n variant?: 'light' | 'shadow' | 'bordered' | 'splitted';\n}\n\n/**\n * Accordion component based on [HeroUI Accordion](https://www.heroui.com//docs/components/accordion)\n */\nconst Accordion = ({\n accordionItems,\n className: _className = undefined,\n defaultSelectedKeys = [],\n disabled = false,\n disabledKeys = [],\n disallowEmptySelection = false,\n dividerProps = {},\n indicatorLeft = false,\n onSelectionChange = undefined,\n selectedKeys = undefined,\n selectionMode = 'multiple',\n showDivider = true,\n variant = 'light',\n}: AccordionProps) => {\n // itemClasses from className slots\n const variants = accordionVariants({\n indicatorLeft,\n showDivider: showDivider && variant !== 'splitted',\n showBottomTopDivider: showDivider && variant === 'light',\n });\n const classNames = variantsToClassNames(variants, _className, 'wrapper');\n\n return (\n <NextAccordion\n className={classNames.wrapper}\n defaultSelectedKeys={defaultSelectedKeys}\n disabledKeys={disabledKeys}\n disallowEmptySelection={disallowEmptySelection}\n dividerProps={dividerProps}\n isDisabled={disabled}\n itemClasses={classNames}\n onSelectionChange={onSelectionChange}\n selectedKeys={selectedKeys}\n selectionMode={selectionMode}\n showDivider={false}\n variant={variant}\n >\n {accordionItems.map((item, index) => (\n <NextAccordionItem\n // eslint-disable-next-line react/no-array-index-key\n key={index}\n isDisabled={disabled || item?.disabled}\n // eslint-disable-next-line react/jsx-props-no-spreading\n {...item}\n />\n ))}\n </NextAccordion>\n );\n};\n\nexport default Accordion;\n","import Accordion, { accordionVariants } from './Accordion';\n\nexport type { AccordionProps, AccordionItemProps } from './Accordion';\n\nexport { Accordion, accordionVariants };\n\nexport default Accordion;\n"],"mappings":";;;;;AAIA;AAAA,EACE,aAAa;AAAA,EACb,iBAAiB;AAAA,OACZ;AAEP,SAAS,IAAI,4BAA4B;AA4HjC;AAxHD,IAAM,oBAAoB,GAAG;AAAA,EAClC,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,IACT,SAAS;AAAA,IACT,WAAW;AAAA,IACX,cAAc;AAAA,IACd,UAAU;AAAA,IACV,OAAO;AAAA,IACP,cAAc;AAAA,IACd,SAAS;AAAA;AAAA,IAET,SAAS;AAAA,EACX;AAAA,EACA,UAAU;AAAA,IACR,eAAe;AAAA,MACb,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,WAAW;AAAA,QACX,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA,aAAa;AAAA,MACX,MAAM;AAAA,QACJ,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA,sBAAsB;AAAA,MACpB,MAAM;AAAA,QACJ,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AACF,CAAC;AAgDD,IAAM,YAAY,CAAC;AAAA,EACjB;AAAA,EACA,WAAW,aAAa;AAAA,EACxB,sBAAsB,CAAC;AAAA,EACvB,WAAW;AAAA,EACX,eAAe,CAAC;AAAA,EAChB,yBAAyB;AAAA,EACzB,eAAe,CAAC;AAAA,EAChB,gBAAgB;AAAA,EAChB,oBAAoB;AAAA,EACpB,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,cAAc;AAAA,EACd,UAAU;AACZ,MAAsB;AAEpB,QAAM,WAAW,kBAAkB;AAAA,IACjC;AAAA,IACA,aAAa,eAAe,YAAY;AAAA,IACxC,sBAAsB,eAAe,YAAY;AAAA,EACnD,CAAC;AACD,QAAM,aAAa,qBAAqB,UAAU,YAAY,SAAS;AAEvE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,WAAW;AAAA,MACtB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,YAAY;AAAA,MACZ,aAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA;AAAA,MACA,aAAa;AAAA,MACb;AAAA,MAEC,yBAAe,IAAI,CAAC,MAAM,UACzB;AAAA,QAAC;AAAA;AAAA,UAGC,YAAY,aAAY,6BAAM;AAAA,WAE1B;AAAA,QAHC;AAAA,MAIP,CACD;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,oBAAQ;;;AC3If,IAAOA,qBAAQ;","names":["Accordion_default"]}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _chunkBURI3HTZcjs = require('./chunk-BURI3HTZ.cjs');
|
|
4
4
|
|
|
5
5
|
|
|
6
6
|
|
|
7
7
|
var _chunkD4TLDLEXcjs = require('./chunk-D4TLDLEX.cjs');
|
|
8
8
|
|
|
9
9
|
// src/AvatarGroup/AvatarGroup.tsx
|
|
10
|
-
var _avatar = require('@
|
|
10
|
+
var _avatar = require('@heroui/avatar');
|
|
11
11
|
var _jsxruntime = require('react/jsx-runtime');
|
|
12
12
|
var AvatarGroup = ({
|
|
13
13
|
bordered = false,
|
|
@@ -32,7 +32,7 @@ var AvatarGroup = ({
|
|
|
32
32
|
return AvatarWrapper ? (
|
|
33
33
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
34
34
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, AvatarWrapper, _chunkD4TLDLEXcjs.__spreadProps.call(void 0, _chunkD4TLDLEXcjs.__spreadValues.call(void 0, {}, avatar.wrapperProps), { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
35
|
-
|
|
35
|
+
_chunkBURI3HTZcjs.Avatar_default,
|
|
36
36
|
_chunkD4TLDLEXcjs.__spreadProps.call(void 0, _chunkD4TLDLEXcjs.__spreadValues.call(void 0, {}, avatar), {
|
|
37
37
|
disabled: disabled || (avatar == null ? void 0 : avatar.disabled),
|
|
38
38
|
rounded,
|
|
@@ -42,7 +42,7 @@ var AvatarGroup = ({
|
|
|
42
42
|
avatar.src
|
|
43
43
|
) }))
|
|
44
44
|
) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
45
|
-
|
|
45
|
+
_chunkBURI3HTZcjs.Avatar_default,
|
|
46
46
|
_chunkD4TLDLEXcjs.__spreadProps.call(void 0, _chunkD4TLDLEXcjs.__spreadValues.call(void 0, {}, avatar), {
|
|
47
47
|
disabled: disabled || (avatar == null ? void 0 : avatar.disabled),
|
|
48
48
|
rounded,
|
|
@@ -64,4 +64,4 @@ var AvatarGroup_default2 = AvatarGroup_default;
|
|
|
64
64
|
|
|
65
65
|
|
|
66
66
|
exports.AvatarGroup_default = AvatarGroup_default; exports.AvatarGroup_default2 = AvatarGroup_default2;
|
|
67
|
-
//# sourceMappingURL=chunk-
|
|
67
|
+
//# sourceMappingURL=chunk-HPLU3CHP.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-HPLU3CHP.cjs","../src/AvatarGroup/AvatarGroup.tsx","../src/AvatarGroup/index.ts"],"names":["AvatarGroup_default"],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACA;ACLA,wCAA+C;AAoDnC,+CAAA;AAvBZ,IAAM,YAAA,EAAc,CAAC;AAAA,EACnB,SAAA,EAAW,KAAA;AAAA,EACX,QAAA,EAAU,MAAA;AAAA,EACV,UAAA,EAAY,EAAA;AAAA,EACZ,SAAA,EAAW,KAAA;AAAA,EACX,KAAA,EAAO,IAAA;AAAA,EACP,QAAA,EAAU,CAAC,CAAA;AAAA,EACX,IAAA,EAAM,CAAA;AAAA,EACN,aAAA,EAAe,cAAA,EAAgB,KAAA;AACjC,CAAA,EAAA,GAAwB;AACtB,EAAA,uBACE,6BAAA;AAAA,IAAC,mBAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA;AAAA,MACA,UAAA,EAAY,QAAA;AAAA,MACZ,UAAA,EAAY,QAAA;AAAA,MACZ,MAAA,EAAQ,OAAA;AAAA,MACR,IAAA;AAAA,MAEC,QAAA,EAAA,QAAA,GAAA,KAAA,EAAA,KAAA,EAAA,EAAA,OAAA,CAAS,GAAA,CAAI,CAAC,MAAA,EAAA,GAAW;AACxB,QAAA,OAAO,cAAA,EAAA;AAAA;AAAA,0BAEL,6BAAA,aAAC,EAAA,6CAAA,8CAAA,CAAA,CAAA,EAAkB,MAAA,CAAO,YAAA,CAAA,EAAzB,EACC,QAAA,kBAAA,6BAAA;AAAA,YAAC,gCAAA;AAAA,YAAA,6CAAA,8CAAA,CAAA,CAAA,EAGK,MAAA,CAAA,EAHL;AAAA,cAIC,QAAA,EAAU,SAAA,GAAA,CAAY,OAAA,GAAA,KAAA,EAAA,KAAA,EAAA,EAAA,MAAA,CAAQ,QAAA,CAAA;AAAA,cAC9B,OAAA;AAAA,cACA,QAAA;AAAA,cACA;AAAA,YAAA,CAAA,CAAA;AAAA,YANK,MAAA,CAAO;AAAA,UAOd,EAAA,CAAA,CACF;AAAA,QAAA,EAAA,kBAEA,6BAAA;AAAA,UAAC,gCAAA;AAAA,UAAA,6CAAA,8CAAA,CAAA,CAAA,EAGK,MAAA,CAAA,EAHL;AAAA,YAIC,QAAA,EAAU,SAAA,GAAA,CAAY,OAAA,GAAA,KAAA,EAAA,KAAA,EAAA,EAAA,MAAA,CAAQ,QAAA,CAAA;AAAA,YAC9B,OAAA;AAAA,YACA,QAAA;AAAA,YACA;AAAA,UAAA,CAAA,CAAA;AAAA,UANK,MAAA,CAAO;AAAA,QAOd,CAAA;AAAA,MAEJ,CAAA;AAAA,IAAA;AAAA,EACF,CAAA;AAEJ,CAAA;AAEA,IAAO,oBAAA,EAAQ,WAAA;ADvBf;AACA;AErDA,IAAOA,qBAAAA,EAAQ,mBAAA;AFuDf;AACA;AACE;AACA;AACF,uGAAC","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-HPLU3CHP.cjs","sourcesContent":[null,"import type { JSX } from 'react';\nimport type { AvatarProps } from '../Avatar/Avatar';\n\nimport { AvatarGroup as NextAvatarGroup } from '@heroui/avatar';\n\nimport { Avatar } from '../Avatar';\n\nexport interface AvatarGroupProps {\n /* Display a border ring around the Avatar */\n bordered?: boolean;\n /* Roundness of the border around the Avatar */\n rounded?: 'none' | 'sm' | 'md' | 'lg' | 'full';\n /** CSS class name */\n className?: string;\n /* Disables the Avatar */\n disabled?: boolean;\n /* Size of the Avatar */\n size?: 'sm' | 'md' | 'lg';\n /* Maximum number of avatars to display before +X is displayed */\n max?: number;\n /* Array of avatarProps */\n avatars?: (Omit<AvatarProps, 'size' | 'rounded' | 'bordered'> & {\n /* Custom wrapperProps for each avatarWrapper */\n wrapperProps?: Record<string, unknown>;\n })[];\n /* Custom wrapper for each avatar */\n avatarWrapper?: JSX.ElementType;\n}\n\n/**\n * AvatarGroup component based on [HeroUI AvatarGroup](https://www.heroui.com//docs/components/avatar)\n */\nconst AvatarGroup = ({\n bordered = false,\n rounded = 'full',\n className = '',\n disabled = false,\n size = 'md',\n avatars = [],\n max = 3,\n avatarWrapper: AvatarWrapper = undefined,\n}: AvatarGroupProps) => {\n return (\n <NextAvatarGroup\n max={max}\n className={className}\n isBordered={bordered}\n isDisabled={disabled}\n radius={rounded}\n size={size}\n >\n {avatars?.map((avatar) => {\n return AvatarWrapper ? (\n // eslint-disable-next-line react/jsx-props-no-spreading\n <AvatarWrapper {...avatar.wrapperProps}>\n <Avatar\n key={avatar.src}\n // eslint-disable-next-line react/jsx-props-no-spreading\n {...avatar}\n disabled={disabled || avatar?.disabled}\n rounded={rounded}\n bordered={bordered}\n size={size}\n />\n </AvatarWrapper>\n ) : (\n <Avatar\n key={avatar.src}\n // eslint-disable-next-line react/jsx-props-no-spreading\n {...avatar}\n disabled={disabled || avatar?.disabled}\n rounded={rounded}\n bordered={bordered}\n size={size}\n />\n );\n })}\n </NextAvatarGroup>\n );\n};\n\nexport default AvatarGroup;\n","import AvatarGroup from './AvatarGroup';\n\nexport type { AvatarGroupProps } from './AvatarGroup';\n\nexport { AvatarGroup };\n\nexport default AvatarGroup;\n"]}
|
|
@@ -5,7 +5,7 @@ import {
|
|
|
5
5
|
DrawerContent as NextDrawerContent,
|
|
6
6
|
DrawerFooter as NextDrawerFooter,
|
|
7
7
|
DrawerHeader as NextDrawerHeader
|
|
8
|
-
} from "@
|
|
8
|
+
} from "@heroui/drawer";
|
|
9
9
|
import { tv, variantsToClassNames } from "@fuf-stack/pixel-utils";
|
|
10
10
|
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
11
11
|
var drawerVariants = tv({
|
|
@@ -93,4 +93,4 @@ export {
|
|
|
93
93
|
Drawer_default,
|
|
94
94
|
Drawer_default2
|
|
95
95
|
};
|
|
96
|
-
//# sourceMappingURL=chunk-
|
|
96
|
+
//# sourceMappingURL=chunk-ITOA7Q42.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/Drawer/Drawer.tsx","../src/Drawer/index.ts"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { DrawerProps as NextDrawerProps } from '@heroui/drawer';\nimport type { ReactNode } from 'react';\n\nimport {\n Drawer as NextDrawer,\n DrawerBody as NextDrawerBody,\n DrawerContent as NextDrawerContent,\n DrawerFooter as NextDrawerFooter,\n DrawerHeader as NextDrawerHeader,\n} from '@heroui/drawer';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// drawer variants\nexport const drawerVariants = tv({\n slots: {\n wrapper: '',\n base: '',\n backdrop: '',\n header: '',\n body: '',\n footer: '',\n closeButton: '',\n },\n});\n\nexport const drawerSizes = [\n 'xs',\n 'sm',\n 'md',\n 'lg',\n 'xl',\n '2xl',\n '3xl',\n '4xl',\n '5xl',\n 'full',\n] as const;\nexport type DrawerSizes = (typeof drawerSizes)[number];\n\nexport const drawerRadii = ['none', 'sm', 'md', 'lg'] as const;\nexport type DrawerRadius = (typeof drawerRadii)[number];\n\nexport const drawerBackdrops = ['opaque', 'transparent', 'blur'] as const;\nexport type DrawerBackdrop = (typeof drawerBackdrops)[number];\n\nexport const drawerPlacements = ['left', 'right', 'top', 'bottom'] as const;\nexport type DrawerPlacement = (typeof drawerPlacements)[number];\n\ntype VariantProps = TVProps<typeof drawerVariants>;\ntype ClassName = TVClassName<typeof drawerVariants>;\n\nexport interface DrawerProps extends VariantProps {\n /** The backdrop style of the Drawer. */\n backdrop?: DrawerBackdrop;\n /** Drawer body content */\n children?: ReactNode;\n /** CSS class name */\n className?: ClassName;\n /** Custom close button to display on top right corner. */\n closeButton?: ReactNode;\n /** Footer of the Drawer. */\n footer?: ReactNode;\n /** Header of the Drawer. */\n header?: ReactNode;\n /** Whether to hide the drawer close button. */\n hideCloseButton?: boolean;\n /** Whether the drawer is open by default (controlled). */\n isOpen?: boolean;\n /** Whether the drawer can be closed by clicking on the overlay or pressing the Esc key. */\n isDismissable?: boolean;\n /** Handler that is called when the drawer is closed. */\n onClose?: () => void;\n /** Handler that is called when the drawer's open state changes. */\n onOpenChange?: (isOpen: boolean) => void;\n /** The drawer position. */\n placement?: DrawerPlacement;\n /** The container element in which the overlay portal will be placed */\n portalContainer?: NextDrawerProps['portalContainer'];\n /** The drawer border radius. */\n radius?: DrawerRadius;\n /** The drawer size. */\n size?: DrawerSizes;\n /** HTML data-testid attribute used in e2e tests */\n testId?: string;\n}\n\n/**\n * Drawer component based on [HeroUI Drawer](https://www.heroui.com//docs/components/drawer)\n */\nconst Drawer = ({\n backdrop = 'opaque',\n children = null,\n className = undefined,\n closeButton = undefined,\n footer = undefined,\n header = undefined,\n hideCloseButton = false,\n isOpen = undefined,\n isDismissable = true,\n onClose = undefined,\n onOpenChange = undefined,\n placement = 'right',\n portalContainer = undefined,\n radius = 'lg',\n size = 'md',\n testId = undefined,\n}: DrawerProps) => {\n // classNames from slots\n const variants = drawerVariants();\n const classNames = variantsToClassNames(variants, className, 'base');\n\n return (\n <NextDrawer\n backdrop={backdrop}\n classNames={classNames}\n closeButton={closeButton}\n data-testid={testId}\n hideCloseButton={hideCloseButton}\n isDismissable={isDismissable}\n isOpen={isOpen}\n onClose={onClose}\n onOpenChange={onOpenChange}\n placement={placement}\n portalContainer={portalContainer}\n radius={radius}\n scrollBehavior=\"inside\"\n size={size}\n >\n <NextDrawerContent data-testid={testId ? `drawer_${testId}` : 'drawer'}>\n {() => (\n <>\n {header && <NextDrawerHeader>{header}</NextDrawerHeader>}\n <NextDrawerBody id=\"drawer_body\">{children}</NextDrawerBody>\n {footer && <NextDrawerFooter>{footer}</NextDrawerFooter>}\n </>\n )}\n </NextDrawerContent>\n </NextDrawer>\n );\n};\n\nexport default Drawer;\n","import Drawer, {\n drawerBackdrops,\n drawerPlacements,\n drawerRadii,\n drawerSizes,\n drawerVariants,\n} from './Drawer';\n\nexport type { DrawerProps } from './Drawer';\n\nexport {\n Drawer,\n drawerBackdrops,\n drawerPlacements,\n drawerRadii,\n drawerSizes,\n drawerVariants,\n};\n\nexport default Drawer;\n"],"mappings":";AAIA;AAAA,EACE,UAAU;AAAA,EACV,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,OACX;AAEP,SAAS,IAAI,4BAA4B;AAwH/B,mBACa,KADb;AArHH,IAAM,iBAAiB,GAAG;AAAA,EAC/B,OAAO;AAAA,IACL,SAAS;AAAA,IACT,MAAM;AAAA,IACN,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,aAAa;AAAA,EACf;AACF,CAAC;AAEM,IAAM,cAAc;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAGO,IAAM,cAAc,CAAC,QAAQ,MAAM,MAAM,IAAI;AAG7C,IAAM,kBAAkB,CAAC,UAAU,eAAe,MAAM;AAGxD,IAAM,mBAAmB,CAAC,QAAQ,SAAS,OAAO,QAAQ;AA4CjE,IAAM,SAAS,CAAC;AAAA,EACd,WAAW;AAAA,EACX,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,SAAS;AAAA,EACT,SAAS;AAAA,EACT,kBAAkB;AAAA,EAClB,SAAS;AAAA,EACT,gBAAgB;AAAA,EAChB,UAAU;AAAA,EACV,eAAe;AAAA,EACf,YAAY;AAAA,EACZ,kBAAkB;AAAA,EAClB,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AACX,MAAmB;AAEjB,QAAM,WAAW,eAAe;AAChC,QAAM,aAAa,qBAAqB,UAAU,WAAW,MAAM;AAEnE,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,eAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,gBAAe;AAAA,MACf;AAAA,MAEA,8BAAC,qBAAkB,eAAa,SAAS,UAAU,MAAM,KAAK,UAC3D,gBACC,iCACG;AAAA,kBAAU,oBAAC,oBAAkB,kBAAO;AAAA,QACrC,oBAAC,kBAAe,IAAG,eAAe,UAAS;AAAA,QAC1C,UAAU,oBAAC,oBAAkB,kBAAO;AAAA,SACvC,GAEJ;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,iBAAQ;;;AC5Hf,IAAOA,kBAAQ;","names":["Drawer_default"]}
|
|
@@ -6,7 +6,7 @@ var _chunkD4TLDLEXcjs = require('./chunk-D4TLDLEX.cjs');
|
|
|
6
6
|
|
|
7
7
|
|
|
8
8
|
|
|
9
|
-
var _breadcrumbs = require('@
|
|
9
|
+
var _breadcrumbs = require('@heroui/breadcrumbs');
|
|
10
10
|
var _pixelutils = require('@fuf-stack/pixel-utils');
|
|
11
11
|
var _jsxruntime = require('react/jsx-runtime');
|
|
12
12
|
var breadcrumbVariants = _pixelutils.tv.call(void 0, {
|
|
@@ -22,7 +22,7 @@ var breadcrumbVariants = _pixelutils.tv.call(void 0, {
|
|
|
22
22
|
list: "",
|
|
23
23
|
/** separator slot */
|
|
24
24
|
separator: "",
|
|
25
|
-
/** nav slot, breadcrumb base slot in
|
|
25
|
+
/** nav slot, breadcrumb base slot in heroui */
|
|
26
26
|
nav: ""
|
|
27
27
|
}
|
|
28
28
|
});
|
|
@@ -85,4 +85,4 @@ var Breadcrumb_default2 = Breadcrumb_default;
|
|
|
85
85
|
|
|
86
86
|
|
|
87
87
|
exports.breadcrumbVariants = breadcrumbVariants; exports.Breadcrumb_default = Breadcrumb_default; exports.Breadcrumb_default2 = Breadcrumb_default2;
|
|
88
|
-
//# sourceMappingURL=chunk-
|
|
88
|
+
//# sourceMappingURL=chunk-OOFJGGRS.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-OOFJGGRS.cjs","../src/Breadcrumb/Breadcrumb.tsx","../src/Breadcrumb/index.ts"],"names":["Breadcrumb_default"],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACA;ACDA;AACE;AACA;AAAkB,kDACb;AAEP,oDAAyC;AAiHjC,+CAAA;AA7GD,IAAM,mBAAA,EAAqB,4BAAA;AAAG,EACnC,KAAA,EAAO;AAAA;AAAA,IAEL,QAAA,EAAU,EAAA;AAAA;AAAA,IAEV,IAAA,EAAM,EAAA;AAAA;AAAA,IAEN,QAAA,EAAU,EAAA;AAAA;AAAA;AAAA,IAEV,IAAA,EAAM,EAAA;AAAA;AAAA,IAEN,SAAA,EAAW,EAAA;AAAA;AAAA,IAEX,GAAA,EAAK;AAAA,EACP;AACF,CAAC,CAAA;AAoDD,IAAM,WAAA,EAAa,CAAC;AAAA,EAClB,eAAA;AAAA,EACA,SAAA,EAAW,WAAA,EAAa,KAAA,CAAA;AAAA,EACxB,MAAA,EAAQ,YAAA;AAAA,EACR,iBAAA,EAAmB,KAAA;AAAA,EACnB,SAAA,EAAW,KAAA;AAAA,EACX,cAAA,EAAgB,KAAA;AAAA,EAChB,SAAA,EAAW,KAAA,CAAA;AAAA,EACX,OAAA,EAAS,MAAA;AAAA,EACT,UAAA,EAAY,KAAA,CAAA;AAAA,EACZ,KAAA,EAAO,IAAA;AAAA,EACP,UAAA,EAAY,OAAA;AAAA,EACZ,QAAA,EAAU;AACZ,CAAA,EAAA,GAAuB;AAErB,EAAA,MAAM,SAAA,EAAW,kBAAA,CAAmB,CAAC,CAAC,CAAA;AACtC,EAAA,MAAM,WAAA,EAAa,8CAAA,QAAqB,EAAU,UAAA,EAAY,KAAK,CAAA;AAEnE,EAAA,uBACE,6BAAA;AAAA,IAAC,wBAAA;AAAA,IAAA;AAAA,MACC,UAAA,EAAY;AAAA,QACV,IAAA,EAAM,UAAA,CAAW,GAAA;AAAA,QACjB,QAAA,EAAU,UAAA,CAAW,SAAA;AAAA,QACrB,IAAA,EAAM,UAAA,CAAW;AAAA,MACnB,CAAA;AAAA,MACA,KAAA;AAAA,MACA,gBAAA;AAAA,MACA,aAAA;AAAA,MACA,UAAA,EAAY,QAAA;AAAA,MACZ,WAAA,EAAa;AAAA,QACX,IAAA,EAAM,UAAA,CAAW,QAAA;AAAA,QACjB,IAAA,EAAM,UAAA,CAAW,IAAA;AAAA,QACjB,SAAA,EAAW,UAAA,CAAW;AAAA,MACxB,CAAA;AAAA,MACA,QAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,MACA,IAAA;AAAA,MACA,SAAA;AAAA,MACA,OAAA;AAAA,MAEC,QAAA,EAAA,eAAA,CAAgB,GAAA,CAAI,CAAC,IAAA,EAAM,KAAA,EAAA,mBAC1B,6BAAA;AAAA,QAAC,2BAAA;AAAA,QAAA,8CAAA;AAAA,UAGC,UAAA,EAAY,SAAA,GAAA,CAAY,KAAA,GAAA,KAAA,EAAA,KAAA,EAAA,EAAA,IAAA,CAAM,QAAA;AAAA,QAAA,CAAA,EAE1B,IAAA,CAAA;AAAA,QAHC;AAAA,MAIP,CACD;AAAA,IAAA;AAAA,EACH,CAAA;AAEJ,CAAA;AAEA,IAAO,mBAAA,EAAQ,UAAA;ADvDf;AACA;AEzEA,IAAOA,oBAAAA,EAAQ,kBAAA;AF2Ef;AACA;AACE;AACA;AACA;AACF,oJAAC","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-OOFJGGRS.cjs","sourcesContent":[null,"import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ReactNode } from 'react';\n\nimport {\n Breadcrumbs as NextBreadcrumb,\n BreadcrumbItem as NextBreadcrumbItem,\n} from '@heroui/breadcrumbs';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// breadcrumb styling variants\n// see: https://www.heroui.com//docs/components/breadcrumbs#breadcrumbitem-props\nexport const breadcrumbVariants = tv({\n slots: {\n /** ellipsis slot */\n ellipsis: '',\n /** li > span slot */\n item: '',\n /** li slot */\n itemBase: '', // base for item slot\n /** ol slot */\n list: '',\n /** separator slot */\n separator: '',\n /** nav slot, breadcrumb base slot in heroui */\n nav: '',\n },\n});\n\nexport interface BreadcrumbItemProps {\n /** Content of the breadcrumb item */\n children: ReactNode;\n /** Disables the breadcrumb item */\n disabled?: boolean;\n /** content displayed before the children */\n startContent?: ReactNode;\n /** content displayed after the children */\n endContent?: ReactNode;\n}\n\ntype VariantProps = TVProps<typeof breadcrumbVariants>;\ntype ClassName = TVClassName<typeof breadcrumbVariants>;\n\nexport interface BreadcrumbProps extends VariantProps {\n /** Props for breadcrumbItem, will render the breadcrumb items programmatically */\n breadcrumbItems: BreadcrumbItemProps[];\n /** CSS class name */\n className?: ClassName;\n /** color of the active BreadcrumbItem */\n color?:\n | 'foreground'\n | 'primary'\n | 'secondary'\n | 'success'\n | 'warning'\n | 'danger';\n /** Disables the breadcrumb animation */\n disableAnimation?: boolean;\n /** hides the separator between items */\n hideSeparator?: boolean;\n /** disables all items */\n disabled?: boolean;\n /** Maximum number of items to show without \"...\" in between */\n maxItems?: number;\n /** Radius of the breadcrumb */\n radius?: 'none' | 'sm' | 'md' | 'lg' | 'full';\n /** Separator between items */\n separator?: ReactNode;\n /** Size of the breadcrumb */\n size?: 'sm' | 'md' | 'lg';\n /** Adjust when the breadcrumb items should be underlined */\n underline?: 'none' | 'active' | 'hover' | 'focus' | 'always';\n /** Style variant of the breadcrumb */\n variant?: 'solid' | 'bordered' | 'light';\n}\n\n/**\n * Breadcrumb component based on [HeroUI Breadcrumbs](https://www.heroui.com//docs/components/breadcrumbs)\n */\nconst Breadcrumb = ({\n breadcrumbItems,\n className: _className = undefined,\n color = 'foreground',\n disableAnimation = false,\n disabled = false,\n hideSeparator = false,\n maxItems = undefined,\n radius = 'none',\n separator = undefined,\n size = 'md',\n underline = 'hover',\n variant = 'light',\n}: BreadcrumbProps) => {\n // itemClasses from className slots\n const variants = breadcrumbVariants({});\n const classNames = variantsToClassNames(variants, _className, 'nav');\n\n return (\n <NextBreadcrumb\n classNames={{\n base: classNames.nav,\n ellipsis: classNames.separator,\n list: classNames.list,\n }}\n color={color}\n disableAnimation={disableAnimation}\n hideSeparator={hideSeparator}\n isDisabled={disabled}\n itemClasses={{\n base: classNames.itemBase,\n item: classNames.item,\n separator: classNames.separator,\n }}\n maxItems={maxItems}\n radius={radius}\n separator={separator}\n size={size}\n underline={underline}\n variant={variant}\n >\n {breadcrumbItems.map((item, index) => (\n <NextBreadcrumbItem\n // eslint-disable-next-line react/no-array-index-key\n key={index}\n isDisabled={disabled || item?.disabled}\n // eslint-disable-next-line react/jsx-props-no-spreading\n {...item}\n />\n ))}\n </NextBreadcrumb>\n );\n};\n\nexport default Breadcrumb;\n","import Breadcrumb, { breadcrumbVariants } from './Breadcrumb';\n\nexport type { BreadcrumbProps, BreadcrumbItemProps } from './Breadcrumb';\n\nexport { Breadcrumb, breadcrumbVariants };\n\nexport default Breadcrumb;\n"]}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/Menu/Menu.tsx
|
|
2
2
|
var _fa6 = require('react-icons/fa6');
|
|
3
|
-
var _button = require('@
|
|
3
|
+
var _button = require('@heroui/button');
|
|
4
4
|
|
|
5
5
|
|
|
6
6
|
|
|
7
7
|
|
|
8
8
|
|
|
9
9
|
|
|
10
|
-
var _dropdown = require('@
|
|
10
|
+
var _dropdown = require('@heroui/dropdown');
|
|
11
11
|
var _pixelutils = require('@fuf-stack/pixel-utils');
|
|
12
12
|
var _jsxruntime = require('react/jsx-runtime');
|
|
13
13
|
var getDisabledKeys = (items) => {
|
|
@@ -78,4 +78,4 @@ var Menu_default2 = Menu_default;
|
|
|
78
78
|
|
|
79
79
|
|
|
80
80
|
exports.Menu_default = Menu_default; exports.Menu_default2 = Menu_default2;
|
|
81
|
-
//# sourceMappingURL=chunk-
|
|
81
|
+
//# sourceMappingURL=chunk-ORO34I7X.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-ORO34I7X.cjs","../src/Menu/Menu.tsx","../src/Menu/index.ts"],"names":["Menu_default"],"mappings":"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","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-ORO34I7X.cjs","sourcesContent":[null,"import type { DropdownSectionProps } from '@heroui/dropdown';\nimport type { Key, MouseEventHandler, ReactNode } from 'react';\n\nimport { FaEllipsisVertical } from 'react-icons/fa6';\n\nimport { Button } from '@heroui/button';\nimport {\n Dropdown as NextDropdown,\n DropdownItem as NextDropdownItem,\n DropdownMenu as NextDropdownMenu,\n DropdownSection as NextDropdownSection,\n DropdownTrigger as NextDropdownTrigger,\n} from '@heroui/dropdown';\n\nimport { cn } from '@fuf-stack/pixel-utils';\n\n/**\n * Menu item type\n */\nexport interface MenuItem {\n /** unique identifier */\n key: string;\n /** CSS class name */\n className?: string;\n /** additional description shown under the label */\n description?: string;\n /** disables the menu item */\n disabled?: boolean;\n /** menu item icon */\n icon?: ReactNode;\n /** menu item name */\n label: ReactNode;\n /** click event handler */\n onClick?: MouseEventHandler<HTMLLIElement>;\n /** e2e test identifier */\n testId?: string;\n}\n\n/**\n * Menu section type\n */\nexport interface MenuSection {\n /** unique identifier */\n key: string;\n /** section label */\n label: ReactNode;\n /** section items (array of MenuItem) */\n items: MenuItem[];\n}\n\nexport interface MenuProps {\n /** child components */\n children?: ReactNode;\n /** CSS class name */\n className?: string | string[];\n /** HTML data-testid attribute used in e2e tests */\n testId?: string;\n /** menu item structure */\n items: (MenuSection | MenuItem)[];\n /** disable menu trigger */\n isDisabled?: boolean;\n /** called if item is selected */\n onAction?: (key: Key) => void;\n}\n\n/** returns String[] of disabled items/keys */\nconst getDisabledKeys = (items: (MenuSection | MenuItem)[]) => {\n return (\n items\n // @ts-expect-error typing issue with MenuSection | MenuItem\n .map((item) => (typeof item?.items === 'undefined' ? item : item.items))\n .flat<MenuItem[]>()\n .filter((item) => {\n return Object.hasOwn(item, 'disabled') && item.disabled === true;\n })\n .map((item) => item.key)\n );\n};\n\nconst renderMenuItem = (item: MenuItem) => (\n <NextDropdownItem\n className={item.className}\n data-testid={item.testId || item.key}\n description={item.description}\n key={item.key}\n onClick={item.onClick}\n startContent={item.icon}\n >\n {item.label}\n </NextDropdownItem>\n);\n\n/**\n * Dropdown menu component based on [HeroUI Dropdown](https://www.heroui.com//docs/components/dropdown)\n */\nconst Menu = ({\n children = null,\n className = undefined,\n onAction = undefined,\n testId = undefined,\n isDisabled = false,\n items,\n}: MenuProps) => {\n return (\n <NextDropdown isDisabled={isDisabled}>\n <NextDropdownTrigger className={cn(className)} data-testid={testId}>\n {children ? (\n // eslint-disable-next-line react/button-has-type\n <button>{children}</button>\n ) : (\n // INFO: we use next button here so that ref passing works\n <Button size=\"sm\" variant=\"flat\" className=\"min-w-0\">\n <FaEllipsisVertical />\n </Button>\n )}\n </NextDropdownTrigger>\n <NextDropdownMenu\n // aria-label=\"Dynamic Actions\"\n items={items}\n disabledKeys={getDisabledKeys(items)}\n onAction={onAction}\n >\n {(item) => {\n if ('items' in item) {\n return (\n <NextDropdownSection\n items={item.items as MenuSection['items']}\n title={item.label as DropdownSectionProps['title']}\n key={item.key}\n >\n {(sectionItem) => {\n return renderMenuItem(sectionItem);\n }}\n </NextDropdownSection>\n );\n }\n return renderMenuItem(item);\n }}\n </NextDropdownMenu>\n </NextDropdown>\n );\n};\n\nexport default Menu;\n","import Menu from './Menu';\n\nexport type { MenuProps, MenuItem, MenuSection } from './Menu';\n\nexport { Menu };\n\nexport default Menu;\n"]}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
// src/Tabs/Tabs.tsx
|
|
2
|
-
import { Tab as NextTab, Tabs as NextTabs } from "@
|
|
2
|
+
import { Tab as NextTab, Tabs as NextTabs } from "@heroui/tabs";
|
|
3
3
|
import { tv, variantsToClassNames } from "@fuf-stack/pixel-utils";
|
|
4
4
|
import { jsx } from "react/jsx-runtime";
|
|
5
5
|
var tabsVariants = tv({
|
|
@@ -9,7 +9,8 @@ var tabsVariants = tv({
|
|
|
9
9
|
panel: "",
|
|
10
10
|
tab: "data-[hover-unselected=true]:opacity-100",
|
|
11
11
|
tabContent: "text-foreground",
|
|
12
|
-
tabList: ""
|
|
12
|
+
tabList: "",
|
|
13
|
+
tabWrapper: ""
|
|
13
14
|
}
|
|
14
15
|
});
|
|
15
16
|
var Tabs = ({
|
|
@@ -61,4 +62,4 @@ export {
|
|
|
61
62
|
Tabs_default,
|
|
62
63
|
Tabs_default2
|
|
63
64
|
};
|
|
64
|
-
//# sourceMappingURL=chunk-
|
|
65
|
+
//# sourceMappingURL=chunk-QSQ5NCIF.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/Tabs/Tabs.tsx","../src/Tabs/index.ts"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ReactNode } from 'react';\n\nimport { Tab as NextTab, Tabs as NextTabs } from '@heroui/tabs';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nexport const tabsVariants = tv({\n slots: {\n base: '',\n cursor: '',\n panel: '',\n tab: 'data-[hover-unselected=true]:opacity-100',\n tabContent: 'text-foreground',\n tabList: '',\n tabWrapper: '',\n },\n});\n\ntype VariantProps = TVProps<typeof tabsVariants>;\ntype ClassName = TVClassName<typeof tabsVariants>;\n\nexport interface TabProps {\n /** Content to be displayed in the tab panel */\n content: ReactNode;\n /** Disables the tab so it can not be selected */\n disabled?: boolean;\n /** Unique identifier for the tab */\n key: React.Key;\n /** Label content displayed in the tab button */\n label: ReactNode;\n}\n\nexport interface TabsProps extends VariantProps {\n /** Accessible label for the tabs component */\n ariaLabel?: string;\n /** CSS class name */\n className?: ClassName;\n /** Key of the tab that should be selected by default */\n defaultSelectedKey?: string | number;\n /** Whether to destroy inactive tab panel DOM nodes */\n destroyInactiveTabPanel?: boolean;\n /** Array of keys for the tabs to disable */\n disabledKeys?: string[];\n /** Whether tabs should take up full container width */\n fullWidth?: boolean;\n /** Callback fired when tab selection changes */\n onSelectionChange?: (key: React.Key) => void;\n /** Position of the tab list relative to the content */\n placement?: 'top' | 'bottom' | 'start' | 'end' | undefined;\n /** Radius of the tabs */\n radius?: 'none' | 'sm' | 'md' | 'lg' | 'full';\n /** Selected tab key (controlled) */\n selectedKey?: string | number | null;\n /** Size of the tabs */\n size?: 'sm' | 'md' | 'lg';\n /** Array of tab configurations */\n tabs: TabProps[];\n /** Style variant of the tabs */\n variant?: 'bordered' | 'light' | 'solid' | 'underlined';\n /** Whether to display tabs vertically */\n vertical?: boolean;\n}\n\n/**\n * Tabs component based on [HeroUI Tabs](https://www.heroui.com//docs/components/tabs)\n */\nconst Tabs = ({\n ariaLabel = undefined,\n className = undefined,\n defaultSelectedKey = undefined,\n destroyInactiveTabPanel = true,\n disabledKeys = undefined,\n fullWidth = true,\n onSelectionChange = undefined,\n placement = undefined,\n radius = undefined,\n selectedKey = undefined,\n size = 'md',\n tabs,\n variant = 'solid',\n vertical = false,\n}: TabsProps) => {\n const variants = tabsVariants();\n const classNames = variantsToClassNames(variants, className, 'base');\n\n return (\n <NextTabs\n aria-label={ariaLabel}\n classNames={classNames}\n defaultSelectedKey={defaultSelectedKey}\n destroyInactiveTabPanel={destroyInactiveTabPanel}\n disabledKeys={disabledKeys}\n fullWidth={fullWidth}\n isVertical={vertical}\n items={tabs || []}\n onSelectionChange={onSelectionChange}\n placement={placement}\n radius={radius}\n selectedKey={selectedKey}\n size={size}\n variant={variant}\n >\n {(item) => (\n <NextTab key={item.key} isDisabled={!!item.disabled} title={item.label}>\n {item.content}\n </NextTab>\n )}\n </NextTabs>\n );\n};\n\nexport default Tabs;\n","import Tabs, { tabsVariants } from './Tabs';\n\nexport type { TabsProps, TabProps } from './Tabs';\n\nexport { Tabs, tabsVariants };\n\nexport default Tabs;\n"],"mappings":";AAGA,SAAS,OAAO,SAAS,QAAQ,gBAAgB;AAEjD,SAAS,IAAI,4BAA4B;AAmGjC;AAjGD,IAAM,eAAe,GAAG;AAAA,EAC7B,OAAO;AAAA,IACL,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,KAAK;AAAA,IACL,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,YAAY;AAAA,EACd;AACF,CAAC;AAkDD,IAAM,OAAO,CAAC;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,qBAAqB;AAAA,EACrB,0BAA0B;AAAA,EAC1B,eAAe;AAAA,EACf,YAAY;AAAA,EACZ,oBAAoB;AAAA,EACpB,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,cAAc;AAAA,EACd,OAAO;AAAA,EACP;AAAA,EACA,UAAU;AAAA,EACV,WAAW;AACb,MAAiB;AACf,QAAM,WAAW,aAAa;AAC9B,QAAM,aAAa,qBAAqB,UAAU,WAAW,MAAM;AAEnE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,YAAY;AAAA,MACZ,OAAO,QAAQ,CAAC;AAAA,MAChB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEC,WAAC,SACA,oBAAC,WAAuB,YAAY,CAAC,CAAC,KAAK,UAAU,OAAO,KAAK,OAC9D,eAAK,WADM,KAAK,GAEnB;AAAA;AAAA,EAEJ;AAEJ;AAEA,IAAO,eAAQ;;;AC1Gf,IAAOA,gBAAQ;","names":["Tabs_default"]}
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
|
|
6
6
|
|
|
7
7
|
|
|
8
|
-
var _modal = require('@
|
|
8
|
+
var _modal = require('@heroui/modal');
|
|
9
9
|
var _pixelutils = require('@fuf-stack/pixel-utils');
|
|
10
10
|
var _jsxruntime = require('react/jsx-runtime');
|
|
11
11
|
var modalVariants = _pixelutils.tv.call(void 0, {
|
|
@@ -72,4 +72,4 @@ var Modal_default2 = Modal_default;
|
|
|
72
72
|
|
|
73
73
|
|
|
74
74
|
exports.modalVariants = modalVariants; exports.Modal_default = Modal_default; exports.Modal_default2 = Modal_default2;
|
|
75
|
-
//# sourceMappingURL=chunk-
|
|
75
|
+
//# sourceMappingURL=chunk-T7EAVBXL.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-T7EAVBXL.cjs","../src/Modal/Modal.tsx","../src/Modal/index.ts"],"names":[],"mappings":"AAAA;ACIA;AACE;AACA;AACA;AACA;AACA;AAAe,sCACV;AAEP,oDAAyC;AAmF/B,+CAAA;AAhFH,IAAM,cAAA,EAAgB,4BAAA;AAAG,EAC9B,KAAA,EAAO;AAAA,IACL,QAAA,EAAU,EAAA;AAAA,IACV,IAAA,EAAM,EAAA;AAAA,IACN,IAAA,EAAM,EAAA;AAAA,IACN,WAAA,EAAa,EAAA;AAAA,IACb,MAAA,EAAQ,EAAA;AAAA,IACR,MAAA,EAAQ,EAAA;AAAA,IACR,OAAA,EAAS;AAAA,EACX,CAAA;AAAA,EACA,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,EAAE,IAAA,EAAM,WAAW,CAAA;AAAA,MACvB,EAAA,EAAI,EAAE,IAAA,EAAM,WAAW,CAAA;AAAA,MACvB,EAAA,EAAI,EAAE,IAAA,EAAM,WAAW,CAAA;AAAA,MACvB,EAAA,EAAI,EAAE,IAAA,EAAM,YAAY,CAAA;AAAA,MACxB,IAAA,EAAM,EAAE,IAAA,EAAM,uBAAuB;AAAA,IACvC;AAAA,EACF;AACF,CAAC,CAAA;AA+BD,IAAM,MAAA,EAAQ,CAAC;AAAA,EACb,SAAA,EAAW,IAAA;AAAA,EACX,UAAA,EAAY,KAAA,CAAA;AAAA,EACZ,iBAAA,EAAmB,KAAA;AAAA,EACnB,OAAA,EAAS,KAAA,CAAA;AAAA,EACT,OAAA,EAAS,KAAA,CAAA;AAAA,EACT,MAAA;AAAA,EACA,OAAA;AAAA,EACA,gBAAA,EAAkB,KAAA,CAAA;AAAA,EAClB,KAAA,EAAO,IAAA;AAAA,EACP,OAAA,EAAS,KAAA;AACX,CAAA,EAAA,GAAkB;AAEhB,EAAA,MAAM,SAAA,EAAW,aAAA,CAAc,EAAE,KAAK,CAAC,CAAA;AACvC,EAAA,MAAM,WAAA,EAAa,8CAAA,QAAqB,EAAU,SAAA,EAAW,MAAM,CAAA;AAEnE,EAAA,uBACE,6BAAA;AAAA,IAAC,YAAA;AAAA,IAAA;AAAA,MACC,QAAA,EAAS,QAAA;AAAA,MACT,UAAA;AAAA,MACA,aAAA,EAAa,MAAA;AAAA,MACb,gBAAA;AAAA,MACA,MAAA;AAAA,MACA,OAAA;AAAA,MACA,SAAA,EAAU,QAAA;AAAA,MACV,eAAA;AAAA,MACA,cAAA,EAAe,QAAA;AAAA,MAEf,QAAA,kBAAA,6BAAA,mBAAC,EAAA,EAAiB,aAAA,EAAa,OAAA,EAAS,CAAA,MAAA,EAAS,MAAM,CAAA,EAAA;AAGb,QAAA;AACK,wBAAA;AACL,QAAA;AAG1C,MAAA;AAAA,IAAA;AACF,EAAA;AAEJ;AAEe;ADzCiF;AACA;AE5DjF;AF8DiF;AACA;AACA;AACA;AACA;AACA","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-T7EAVBXL.cjs","sourcesContent":[null,"import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ModalProps as NextModalProps } from '@heroui/modal';\nimport type { ReactNode } from 'react';\n\nimport {\n Modal as NextModal,\n ModalBody as NextModalBody,\n ModalContent as NextModalContent,\n ModalFooter as NextModalFooter,\n ModalHeader as NextModalHeader,\n} from '@heroui/modal';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// modal variants\nexport const modalVariants = tv({\n slots: {\n backdrop: '',\n base: '',\n body: '',\n closeButton: '',\n footer: '',\n header: '',\n wrapper: '',\n },\n variants: {\n size: {\n sm: { base: 'max-w-sm' },\n md: { base: 'max-w-md' },\n lg: { base: 'max-w-lg' },\n xl: { base: 'max-w-5xl' },\n full: { base: 'h-[80dvh] max-w-full' },\n },\n },\n});\n\ntype VariantProps = TVProps<typeof modalVariants>;\ntype ClassName = TVClassName<typeof modalVariants>;\n\nexport interface ModalProps extends VariantProps {\n /** modal body content */\n children?: ReactNode;\n /** CSS class name */\n className?: ClassName;\n /** Disable animations completely */\n disableAnimation?: boolean;\n /** modal footer */\n footer?: ReactNode;\n /** modal header */\n header?: ReactNode;\n /** open state (controlled) */\n isOpen: boolean;\n /** close event handler */\n onClose: () => void;\n /** The container element in which the overlay portal will be placed */\n portalContainer?: NextModalProps['portalContainer'];\n /** modal size */\n size?: VariantProps['size'];\n /** HTML data-testid attribute used in e2e tests */\n testId?: string;\n}\n\n/**\n * Modal component based on [HeroUI Modal](https://www.heroui.com//docs/components/modal)\n */\nconst Modal = ({\n children = null,\n className = undefined,\n disableAnimation = false,\n footer = undefined,\n header = undefined,\n isOpen,\n onClose,\n portalContainer = undefined,\n size = 'md',\n testId = undefined,\n}: ModalProps) => {\n // classNames from slots\n const variants = modalVariants({ size });\n const classNames = variantsToClassNames(variants, className, 'base');\n\n return (\n <NextModal\n backdrop=\"opaque\"\n classNames={classNames}\n data-testid={testId}\n disableAnimation={disableAnimation}\n isOpen={isOpen}\n onClose={onClose}\n placement=\"center\"\n portalContainer={portalContainer}\n scrollBehavior=\"inside\"\n >\n <NextModalContent data-testid={testId ? `modal_${testId}` : 'modal'}>\n {() => (\n <>\n {header && <NextModalHeader>{header}</NextModalHeader>}\n <NextModalBody id=\"modal_body\">{children}</NextModalBody>\n {footer && <NextModalFooter>{footer}</NextModalFooter>}\n </>\n )}\n </NextModalContent>\n </NextModal>\n );\n};\n\nexport default Modal;\n","import Modal, { modalVariants } from './Modal';\n\nexport type { ModalProps } from './Modal';\n\nexport { Modal, modalVariants };\n\nexport default Modal;\n"]}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
// src/Menu/Menu.tsx
|
|
2
2
|
import { FaEllipsisVertical } from "react-icons/fa6";
|
|
3
|
-
import { Button } from "@
|
|
3
|
+
import { Button } from "@heroui/button";
|
|
4
4
|
import {
|
|
5
5
|
Dropdown as NextDropdown,
|
|
6
6
|
DropdownItem as NextDropdownItem,
|
|
7
7
|
DropdownMenu as NextDropdownMenu,
|
|
8
8
|
DropdownSection as NextDropdownSection,
|
|
9
9
|
DropdownTrigger as NextDropdownTrigger
|
|
10
|
-
} from "@
|
|
10
|
+
} from "@heroui/dropdown";
|
|
11
11
|
import { cn } from "@fuf-stack/pixel-utils";
|
|
12
12
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
13
13
|
var getDisabledKeys = (items) => {
|
|
@@ -78,4 +78,4 @@ export {
|
|
|
78
78
|
Menu_default,
|
|
79
79
|
Menu_default2
|
|
80
80
|
};
|
|
81
|
-
//# sourceMappingURL=chunk-
|
|
81
|
+
//# sourceMappingURL=chunk-TCL2PX3F.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/Menu/Menu.tsx","../src/Menu/index.ts"],"sourcesContent":["import type { DropdownSectionProps } from '@heroui/dropdown';\nimport type { Key, MouseEventHandler, ReactNode } from 'react';\n\nimport { FaEllipsisVertical } from 'react-icons/fa6';\n\nimport { Button } from '@heroui/button';\nimport {\n Dropdown as NextDropdown,\n DropdownItem as NextDropdownItem,\n DropdownMenu as NextDropdownMenu,\n DropdownSection as NextDropdownSection,\n DropdownTrigger as NextDropdownTrigger,\n} from '@heroui/dropdown';\n\nimport { cn } from '@fuf-stack/pixel-utils';\n\n/**\n * Menu item type\n */\nexport interface MenuItem {\n /** unique identifier */\n key: string;\n /** CSS class name */\n className?: string;\n /** additional description shown under the label */\n description?: string;\n /** disables the menu item */\n disabled?: boolean;\n /** menu item icon */\n icon?: ReactNode;\n /** menu item name */\n label: ReactNode;\n /** click event handler */\n onClick?: MouseEventHandler<HTMLLIElement>;\n /** e2e test identifier */\n testId?: string;\n}\n\n/**\n * Menu section type\n */\nexport interface MenuSection {\n /** unique identifier */\n key: string;\n /** section label */\n label: ReactNode;\n /** section items (array of MenuItem) */\n items: MenuItem[];\n}\n\nexport interface MenuProps {\n /** child components */\n children?: ReactNode;\n /** CSS class name */\n className?: string | string[];\n /** HTML data-testid attribute used in e2e tests */\n testId?: string;\n /** menu item structure */\n items: (MenuSection | MenuItem)[];\n /** disable menu trigger */\n isDisabled?: boolean;\n /** called if item is selected */\n onAction?: (key: Key) => void;\n}\n\n/** returns String[] of disabled items/keys */\nconst getDisabledKeys = (items: (MenuSection | MenuItem)[]) => {\n return (\n items\n // @ts-expect-error typing issue with MenuSection | MenuItem\n .map((item) => (typeof item?.items === 'undefined' ? item : item.items))\n .flat<MenuItem[]>()\n .filter((item) => {\n return Object.hasOwn(item, 'disabled') && item.disabled === true;\n })\n .map((item) => item.key)\n );\n};\n\nconst renderMenuItem = (item: MenuItem) => (\n <NextDropdownItem\n className={item.className}\n data-testid={item.testId || item.key}\n description={item.description}\n key={item.key}\n onClick={item.onClick}\n startContent={item.icon}\n >\n {item.label}\n </NextDropdownItem>\n);\n\n/**\n * Dropdown menu component based on [HeroUI Dropdown](https://www.heroui.com//docs/components/dropdown)\n */\nconst Menu = ({\n children = null,\n className = undefined,\n onAction = undefined,\n testId = undefined,\n isDisabled = false,\n items,\n}: MenuProps) => {\n return (\n <NextDropdown isDisabled={isDisabled}>\n <NextDropdownTrigger className={cn(className)} data-testid={testId}>\n {children ? (\n // eslint-disable-next-line react/button-has-type\n <button>{children}</button>\n ) : (\n // INFO: we use next button here so that ref passing works\n <Button size=\"sm\" variant=\"flat\" className=\"min-w-0\">\n <FaEllipsisVertical />\n </Button>\n )}\n </NextDropdownTrigger>\n <NextDropdownMenu\n // aria-label=\"Dynamic Actions\"\n items={items}\n disabledKeys={getDisabledKeys(items)}\n onAction={onAction}\n >\n {(item) => {\n if ('items' in item) {\n return (\n <NextDropdownSection\n items={item.items as MenuSection['items']}\n title={item.label as DropdownSectionProps['title']}\n key={item.key}\n >\n {(sectionItem) => {\n return renderMenuItem(sectionItem);\n }}\n </NextDropdownSection>\n );\n }\n return renderMenuItem(item);\n }}\n </NextDropdownMenu>\n </NextDropdown>\n );\n};\n\nexport default Menu;\n","import Menu from './Menu';\n\nexport type { MenuProps, MenuItem, MenuSection } from './Menu';\n\nexport { Menu };\n\nexport default Menu;\n"],"mappings":";AAGA,SAAS,0BAA0B;AAEnC,SAAS,cAAc;AACvB;AAAA,EACE,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,mBAAmB;AAAA,EACnB,mBAAmB;AAAA,OACd;AAEP,SAAS,UAAU;AAkEjB,cAwBE,YAxBF;AAdF,IAAM,kBAAkB,CAAC,UAAsC;AAC7D,SACE,MAEG,IAAI,CAAC,SAAU,QAAO,6BAAM,WAAU,cAAc,OAAO,KAAK,KAAM,EACtE,KAAiB,EACjB,OAAO,CAAC,SAAS;AAChB,WAAO,OAAO,OAAO,MAAM,UAAU,KAAK,KAAK,aAAa;AAAA,EAC9D,CAAC,EACA,IAAI,CAAC,SAAS,KAAK,GAAG;AAE7B;AAEA,IAAM,iBAAiB,CAAC,SACtB;AAAA,EAAC;AAAA;AAAA,IACC,WAAW,KAAK;AAAA,IAChB,eAAa,KAAK,UAAU,KAAK;AAAA,IACjC,aAAa,KAAK;AAAA,IAElB,SAAS,KAAK;AAAA,IACd,cAAc,KAAK;AAAA,IAElB,eAAK;AAAA;AAAA,EAJD,KAAK;AAKZ;AAMF,IAAM,OAAO,CAAC;AAAA,EACZ,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,SAAS;AAAA,EACT,aAAa;AAAA,EACb;AACF,MAAiB;AACf,SACE,qBAAC,gBAAa,YACZ;AAAA,wBAAC,uBAAoB,WAAW,GAAG,SAAS,GAAG,eAAa,QACzD;AAAA;AAAA,MAEC,oBAAC,YAAQ,UAAS;AAAA;AAAA;AAAA,MAGlB,oBAAC,UAAO,MAAK,MAAK,SAAQ,QAAO,WAAU,WACzC,8BAAC,sBAAmB,GACtB;AAAA,OAEJ;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QAEC;AAAA,QACA,cAAc,gBAAgB,KAAK;AAAA,QACnC;AAAA,QAEC,WAAC,SAAS;AACT,cAAI,WAAW,MAAM;AACnB,mBACE;AAAA,cAAC;AAAA;AAAA,gBACC,OAAO,KAAK;AAAA,gBACZ,OAAO,KAAK;AAAA,gBAGX,WAAC,gBAAgB;AAChB,yBAAO,eAAe,WAAW;AAAA,gBACnC;AAAA;AAAA,cAJK,KAAK;AAAA,YAKZ;AAAA,UAEJ;AACA,iBAAO,eAAe,IAAI;AAAA,QAC5B;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;AAEA,IAAO,eAAQ;;;ACzIf,IAAOA,gBAAQ;","names":["Menu_default"]}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/ScrollShadow/ScrollShadow.tsx
|
|
2
|
-
var _scrollshadow = require('@
|
|
2
|
+
var _scrollshadow = require('@heroui/scroll-shadow');
|
|
3
3
|
var _pixelutils = require('@fuf-stack/pixel-utils');
|
|
4
4
|
var _jsxruntime = require('react/jsx-runtime');
|
|
5
5
|
var ScrollShadow_default = ({
|
|
@@ -11,4 +11,4 @@ var ScrollShadow_default = ({
|
|
|
11
11
|
|
|
12
12
|
|
|
13
13
|
exports.ScrollShadow_default = ScrollShadow_default;
|
|
14
|
-
//# sourceMappingURL=chunk-
|
|
14
|
+
//# sourceMappingURL=chunk-TX2VP4J7.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-TX2VP4J7.cjs","../src/ScrollShadow/ScrollShadow.tsx"],"names":[],"mappings":"AAAA;ACEA,qDAA6B;AAE7B,oDAAmB;AAmBjB,+CAAA;AALF,IAAO,qBAAA,EAAQ,CAAC;AAAA,EACd,SAAA,EAAW,IAAA;AAAA,EACX,UAAA,EAAY,KAAA,CAAA;AAAA,EACZ,OAAA,EAAS,KAAA;AACX,CAAA,EAAA,mBACE,6BAAA,0BAAC,EAAA,EAAa,SAAA,EAAW,4BAAA,SAAY,CAAA,EAAG,aAAA,EAAa,MAAA,EAClD,SAAA,CACH,CAAA;ADhBF;AACA;AACE;AACF,oDAAC","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-TX2VP4J7.cjs","sourcesContent":[null,"import type { ReactNode } from 'react';\n\nimport { ScrollShadow } from '@heroui/scroll-shadow';\n\nimport { cn } from '@fuf-stack/pixel-utils';\n\nexport interface ScrollShadowProps {\n /** child components */\n children?: ReactNode;\n /** CSS class name */\n className?: string | string[];\n /** content of the scroll box */\n testId?: string;\n}\n\n/**\n * Scroll Shadow component based on [HeroUI Scroll Shadow](https://www.heroui.com//docs/components/scroll-shadow)\n */\nexport default ({\n children = null,\n className = undefined,\n testId = undefined,\n}: ScrollShadowProps) => (\n <ScrollShadow className={cn(className)} data-testid={testId}>\n {children}\n </ScrollShadow>\n);\n"]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import {
|
|
2
2
|
Button_default
|
|
3
|
-
} from "./chunk-
|
|
3
|
+
} from "./chunk-3LEUWIY3.js";
|
|
4
4
|
import {
|
|
5
5
|
__commonJS,
|
|
6
6
|
__spreadProps,
|
|
@@ -2770,4 +2770,4 @@ export {
|
|
|
2770
2770
|
Json_default,
|
|
2771
2771
|
Json_default2
|
|
2772
2772
|
};
|
|
2773
|
-
//# sourceMappingURL=chunk-
|
|
2773
|
+
//# sourceMappingURL=chunk-UZPVE6UB.js.map
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
|
|
6
6
|
|
|
7
7
|
|
|
8
|
-
var _drawer = require('@
|
|
8
|
+
var _drawer = require('@heroui/drawer');
|
|
9
9
|
var _pixelutils = require('@fuf-stack/pixel-utils');
|
|
10
10
|
var _jsxruntime = require('react/jsx-runtime');
|
|
11
11
|
var drawerVariants = _pixelutils.tv.call(void 0, {
|
|
@@ -93,4 +93,4 @@ var Drawer_default2 = Drawer_default;
|
|
|
93
93
|
|
|
94
94
|
|
|
95
95
|
exports.drawerVariants = drawerVariants; exports.drawerSizes = drawerSizes; exports.drawerRadii = drawerRadii; exports.drawerBackdrops = drawerBackdrops; exports.drawerPlacements = drawerPlacements; exports.Drawer_default = Drawer_default; exports.Drawer_default2 = Drawer_default2;
|
|
96
|
-
//# sourceMappingURL=chunk-
|
|
96
|
+
//# sourceMappingURL=chunk-WSM7WMFP.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-WSM7WMFP.cjs","../src/Drawer/Drawer.tsx","../src/Drawer/index.ts"],"names":[],"mappings":"AAAA;ACIA;AACE;AACA;AACA;AACA;AACA;AAAgB,wCACX;AAEP,oDAAyC;AAwH/B,+CAAA;AArHH,IAAM,eAAA,EAAiB,4BAAA;AAAG,EAC/B,KAAA,EAAO;AAAA,IACL,OAAA,EAAS,EAAA;AAAA,IACT,IAAA,EAAM,EAAA;AAAA,IACN,QAAA,EAAU,EAAA;AAAA,IACV,MAAA,EAAQ,EAAA;AAAA,IACR,IAAA,EAAM,EAAA;AAAA,IACN,MAAA,EAAQ,EAAA;AAAA,IACR,WAAA,EAAa;AAAA,EACf;AACF,CAAC,CAAA;AAEM,IAAM,YAAA,EAAc;AAAA,EACzB,IAAA;AAAA,EACA,IAAA;AAAA,EACA,IAAA;AAAA,EACA,IAAA;AAAA,EACA,IAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA;AACF,CAAA;AAGO,IAAM,YAAA,EAAc,CAAC,MAAA,EAAQ,IAAA,EAAM,IAAA,EAAM,IAAI,CAAA;AAG7C,IAAM,gBAAA,EAAkB,CAAC,QAAA,EAAU,aAAA,EAAe,MAAM,CAAA;AAGxD,IAAM,iBAAA,EAAmB,CAAC,MAAA,EAAQ,OAAA,EAAS,KAAA,EAAO,QAAQ,CAAA;AA4CjE,IAAM,OAAA,EAAS,CAAC;AAAA,EACd,SAAA,EAAW,QAAA;AAAA,EACX,SAAA,EAAW,IAAA;AAAA,EACX,UAAA,EAAY,KAAA,CAAA;AAAA,EACZ,YAAA,EAAc,KAAA,CAAA;AAAA,EACd,OAAA,EAAS,KAAA,CAAA;AAAA,EACT,OAAA,EAAS,KAAA,CAAA;AAAA,EACT,gBAAA,EAAkB,KAAA;AAAA,EAClB,OAAA,EAAS,KAAA,CAAA;AAAA,EACT,cAAA,EAAgB,IAAA;AAAA,EAChB,QAAA,EAAU,KAAA,CAAA;AAAA,EACV,aAAA,EAAe,KAAA,CAAA;AAAA,EACf,UAAA,EAAY,OAAA;AAAA,EACZ,gBAAA,EAAkB,KAAA,CAAA;AAAA,EAClB,OAAA,EAAS,IAAA;AAAA,EACT,KAAA,EAAO,IAAA;AAAA,EACP,OAAA,EAAS,KAAA;AACX,CAAA,EAAA,GAAmB;AAEjB,EAAA,MAAM,SAAA,EAAW,cAAA,CAAe,CAAA;AAChC,EAAA,MAAM,WAAA,EAAa,8CAAA,QAAqB,EAAU,SAAA,EAAW,MAAM,CAAA;AAEnE,EAAA,uBACE,6BAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACC,QAAA;AAAA,MACA,UAAA;AAAA,MACA,WAAA;AAAA,MACA,aAAA,EAAa,MAAA;AAAA,MACb,eAAA;AAAA,MACA,aAAA;AAAA,MACA,MAAA;AAAA,MACA,OAAA;AAAA,MACA,YAAA;AAAA,MACA,SAAA;AAAA,MACA,eAAA;AAAA,MACA,MAAA;AAAA,MACA,cAAA,EAAe,QAAA;AAAA,MACf,IAAA;AAAA,MAEA,QAAA,kBAAA,6BAAA,qBAAC,EAAA,EAAkB,aAAA,EAAa,OAAA,EAAS,CAAA,OAAA,EAAU,MAAM,CAAA,EAAA;AAGd,QAAA;AACM,wBAAA;AACN,QAAA;AAG3C,MAAA;AAAA,IAAA;AACF,EAAA;AAEJ;AAEe;AD7DmF;AACA;AEhEnF;AFkEmF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-WSM7WMFP.cjs","sourcesContent":[null,"import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { DrawerProps as NextDrawerProps } from '@heroui/drawer';\nimport type { ReactNode } from 'react';\n\nimport {\n Drawer as NextDrawer,\n DrawerBody as NextDrawerBody,\n DrawerContent as NextDrawerContent,\n DrawerFooter as NextDrawerFooter,\n DrawerHeader as NextDrawerHeader,\n} from '@heroui/drawer';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// drawer variants\nexport const drawerVariants = tv({\n slots: {\n wrapper: '',\n base: '',\n backdrop: '',\n header: '',\n body: '',\n footer: '',\n closeButton: '',\n },\n});\n\nexport const drawerSizes = [\n 'xs',\n 'sm',\n 'md',\n 'lg',\n 'xl',\n '2xl',\n '3xl',\n '4xl',\n '5xl',\n 'full',\n] as const;\nexport type DrawerSizes = (typeof drawerSizes)[number];\n\nexport const drawerRadii = ['none', 'sm', 'md', 'lg'] as const;\nexport type DrawerRadius = (typeof drawerRadii)[number];\n\nexport const drawerBackdrops = ['opaque', 'transparent', 'blur'] as const;\nexport type DrawerBackdrop = (typeof drawerBackdrops)[number];\n\nexport const drawerPlacements = ['left', 'right', 'top', 'bottom'] as const;\nexport type DrawerPlacement = (typeof drawerPlacements)[number];\n\ntype VariantProps = TVProps<typeof drawerVariants>;\ntype ClassName = TVClassName<typeof drawerVariants>;\n\nexport interface DrawerProps extends VariantProps {\n /** The backdrop style of the Drawer. */\n backdrop?: DrawerBackdrop;\n /** Drawer body content */\n children?: ReactNode;\n /** CSS class name */\n className?: ClassName;\n /** Custom close button to display on top right corner. */\n closeButton?: ReactNode;\n /** Footer of the Drawer. */\n footer?: ReactNode;\n /** Header of the Drawer. */\n header?: ReactNode;\n /** Whether to hide the drawer close button. */\n hideCloseButton?: boolean;\n /** Whether the drawer is open by default (controlled). */\n isOpen?: boolean;\n /** Whether the drawer can be closed by clicking on the overlay or pressing the Esc key. */\n isDismissable?: boolean;\n /** Handler that is called when the drawer is closed. */\n onClose?: () => void;\n /** Handler that is called when the drawer's open state changes. */\n onOpenChange?: (isOpen: boolean) => void;\n /** The drawer position. */\n placement?: DrawerPlacement;\n /** The container element in which the overlay portal will be placed */\n portalContainer?: NextDrawerProps['portalContainer'];\n /** The drawer border radius. */\n radius?: DrawerRadius;\n /** The drawer size. */\n size?: DrawerSizes;\n /** HTML data-testid attribute used in e2e tests */\n testId?: string;\n}\n\n/**\n * Drawer component based on [HeroUI Drawer](https://www.heroui.com//docs/components/drawer)\n */\nconst Drawer = ({\n backdrop = 'opaque',\n children = null,\n className = undefined,\n closeButton = undefined,\n footer = undefined,\n header = undefined,\n hideCloseButton = false,\n isOpen = undefined,\n isDismissable = true,\n onClose = undefined,\n onOpenChange = undefined,\n placement = 'right',\n portalContainer = undefined,\n radius = 'lg',\n size = 'md',\n testId = undefined,\n}: DrawerProps) => {\n // classNames from slots\n const variants = drawerVariants();\n const classNames = variantsToClassNames(variants, className, 'base');\n\n return (\n <NextDrawer\n backdrop={backdrop}\n classNames={classNames}\n closeButton={closeButton}\n data-testid={testId}\n hideCloseButton={hideCloseButton}\n isDismissable={isDismissable}\n isOpen={isOpen}\n onClose={onClose}\n onOpenChange={onOpenChange}\n placement={placement}\n portalContainer={portalContainer}\n radius={radius}\n scrollBehavior=\"inside\"\n size={size}\n >\n <NextDrawerContent data-testid={testId ? `drawer_${testId}` : 'drawer'}>\n {() => (\n <>\n {header && <NextDrawerHeader>{header}</NextDrawerHeader>}\n <NextDrawerBody id=\"drawer_body\">{children}</NextDrawerBody>\n {footer && <NextDrawerFooter>{footer}</NextDrawerFooter>}\n </>\n )}\n </NextDrawerContent>\n </NextDrawer>\n );\n};\n\nexport default Drawer;\n","import Drawer, {\n drawerBackdrops,\n drawerPlacements,\n drawerRadii,\n drawerSizes,\n drawerVariants,\n} from './Drawer';\n\nexport type { DrawerProps } from './Drawer';\n\nexport {\n Drawer,\n drawerBackdrops,\n drawerPlacements,\n drawerRadii,\n drawerSizes,\n drawerVariants,\n};\n\nexport default Drawer;\n"]}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/Label/Label.tsx
|
|
2
|
-
var _chip = require('@
|
|
2
|
+
var _chip = require('@heroui/chip');
|
|
3
3
|
var _pixelutils = require('@fuf-stack/pixel-utils');
|
|
4
4
|
var _jsxruntime = require('react/jsx-runtime');
|
|
5
5
|
var labelVariants = _pixelutils.tv.call(void 0, {
|
|
@@ -46,4 +46,4 @@ var Label_default2 = Label_default;
|
|
|
46
46
|
|
|
47
47
|
|
|
48
48
|
exports.Label_default = Label_default; exports.Label_default2 = Label_default2;
|
|
49
|
-
//# sourceMappingURL=chunk-
|
|
49
|
+
//# sourceMappingURL=chunk-WV3ZDL4J.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-WV3ZDL4J.cjs","../src/Label/Label.tsx","../src/Label/index.ts"],"names":["Label_default"],"mappings":"AAAA;ACIA,oCAAkC;AAElC,oDAAyC;AAqDrC,+CAAA;AAlDG,IAAM,cAAA,EAAgB,4BAAA;AAAG,EAC9B,KAAA,EAAO;AAAA,IACL,MAAA,EAAQ,EAAA;AAAA,IACR,IAAA,EAAM,EAAA;AAAA,IACN,WAAA,EAAa,EAAA;AAAA,IACb,OAAA,EAAS,EAAA;AAAA,IACT,GAAA,EAAK;AAAA,EACP;AACF,CAAC,CAAA;AA2BD,IAAM,MAAA,EAAQ,CAAC;AAAA,EACb,QAAA;AAAA,EACA,SAAA,EAAW,WAAA,EAAa,KAAA,CAAA;AAAA,EACxB,MAAA,EAAQ,SAAA;AAAA,EACR,WAAA,EAAa,KAAA,CAAA;AAAA,EACb,OAAA,EAAS,MAAA;AAAA,EACT,KAAA,EAAO,IAAA;AAAA,EACP,aAAA,EAAe,KAAA,CAAA;AAAA,EACf,QAAA,EAAU;AACZ,CAAA,EAAA,GAAkB;AAEhB,EAAA,MAAM,SAAA,EAAW,aAAA,CAAc,CAAA;AAC/B,EAAA,MAAM,WAAA,EAAa,8CAAA,QAAqB,EAAU,UAAA,EAAY,MAAM,CAAA;AAEpE,EAAA,uBACE,6BAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,UAAA;AAAA,MACA,KAAA;AAAA,MACA,UAAA;AAAA,MACA,MAAA;AAAA,MACA,IAAA;AAAA,MACA,YAAA;AAAA,MACA,OAAA;AAAA,MAEC;AAAA,IAAA;AAAA,EACH,CAAA;AAEJ,CAAA;AAEA,IAAO,cAAA,EAAQ,KAAA;ADjCf;AACA;AEnCA,IAAOA,eAAAA,EAAQ,aAAA;AFqCf;AACA;AACE;AACA;AACF,+EAAC","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-WV3ZDL4J.cjs","sourcesContent":[null,"import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ChipProps } from '@heroui/chip';\nimport type { ReactNode } from 'react';\n\nimport { Chip as NextLabel } from '@heroui/chip';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// label variants\nexport const labelVariants = tv({\n slots: {\n avatar: '',\n base: '',\n closeButton: '',\n content: '',\n dot: '',\n },\n});\n\ntype VariantProps = TVProps<typeof labelVariants>;\ntype ClassName = TVClassName<typeof labelVariants>;\n\nexport interface LabelProps extends VariantProps {\n /** content of the label */\n children: ReactNode;\n /** CSS class name */\n className?: ClassName;\n /** color of the label */\n color?: ChipProps['color'];\n /** element to be rendered in the right side of the label */\n endContent?: ChipProps['endContent'];\n /** radius of the label */\n radius?: ChipProps['radius'];\n /** size of the label */\n size?: ChipProps['size'];\n /** element to be rendered in the left side of the label */\n startContent?: ChipProps['startContent'];\n /** style variant of the label */\n variant?: 'solid' | 'bordered' | 'light' | 'flat' | 'faded' | 'dot';\n}\n\n/**\n * Label component based on [HeroUI Chip](https://www.heroui.com//docs/components/chip)\n */\nconst Label = ({\n children,\n className: _className = undefined,\n color = 'default',\n endContent = undefined,\n radius = 'full',\n size = 'md',\n startContent = undefined,\n variant = 'solid',\n}: LabelProps) => {\n // classNames from slots\n const variants = labelVariants();\n const classNames = variantsToClassNames(variants, _className, 'base');\n\n return (\n <NextLabel\n classNames={classNames}\n color={color}\n endContent={endContent}\n radius={radius}\n size={size}\n startContent={startContent}\n variant={variant}\n >\n {children}\n </NextLabel>\n );\n};\n\nexport default Label;\n","import Label from './Label';\n\nexport type { LabelProps } from './Label';\n\nexport { Label };\n\nexport default Label;\n"]}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/Tooltip/Tooltip.tsx
|
|
2
|
-
var _tooltip = require('@
|
|
2
|
+
var _tooltip = require('@heroui/tooltip');
|
|
3
3
|
var _pixelutils = require('@fuf-stack/pixel-utils');
|
|
4
4
|
var _jsxruntime = require('react/jsx-runtime');
|
|
5
5
|
var tooltipVariants = _pixelutils.tv.call(void 0, {
|
|
@@ -56,4 +56,4 @@ var Tooltip_default2 = Tooltip_default;
|
|
|
56
56
|
|
|
57
57
|
|
|
58
58
|
exports.tooltipPlacementOptions = tooltipPlacementOptions; exports.Tooltip_default = Tooltip_default; exports.Tooltip_default2 = Tooltip_default2;
|
|
59
|
-
//# sourceMappingURL=chunk-
|
|
59
|
+
//# sourceMappingURL=chunk-XNMTAL3J.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-XNMTAL3J.cjs","../src/Tooltip/Tooltip.tsx","../src/Tooltip/index.ts"],"names":["Tooltip_default"],"mappings":"AAAA;ACGA,0CAAuC;AAEvC,oDAAyC;AA2EnC,+CAAA;AAxEC,IAAM,gBAAA,EAAkB,4BAAA;AAAG,EAChC,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,EAAA;AAAA,IACN,OAAA,EAAS,EAAA;AAAA,IACT,OAAA,EAAS;AAAA,EACX;AACF,CAAC,CAAA;AAKM,IAAM,wBAAA,EAA0B;AAAA,EACrC,KAAA;AAAA,EACA,QAAA;AAAA,EACA,MAAA;AAAA,EACA;AACF,CAAA;AA2BA,IAAM,QAAA,EAAU,CAAC;AAAA,EACf,QAAA;AAAA,EACA,SAAA,EAAW,WAAA,EAAa,KAAA,CAAA;AAAA,EACxB,WAAA,EAAa,GAAA;AAAA,EACb,iBAAA,EAAmB,CAAA;AAAA,EACnB,OAAA;AAAA,EACA,YAAA,EAAc,KAAA;AAAA,EACd,MAAA,EAAQ,CAAA;AAAA,EACR,aAAA,EAAe,KAAA,CAAA;AAAA,EACf,UAAA,EAAY;AACd,CAAA,EAAA,GAAoB;AAElB,EAAA,MAAM,SAAA,EAAW,eAAA,CAAgB,CAAA;AACjC,EAAA,MAAM,WAAA,EAAa,8CAAA,QAAqB,EAAU,UAAA,EAAY,MAAM,CAAA;AAEpE,EAAA,uBACE,6BAAA;AAAA,IAAC,gBAAA;AAAA,IAAA;AAAA,MACC,UAAA;AAAA,MACA,UAAA;AAAA,MACA,gBAAA;AAAA,MACA,OAAA;AAAA,MACA,WAAA;AAAA,MACA,KAAA;AAAA,MACA,OAAA,EAAS,CAAC,CAAA,EAAA,GAAM,CAAA,CAAE,cAAA,CAAe,CAAA;AAAA,MACjC,YAAA;AAAA,MACA,SAAA;AAAA,MACA,UAAA,EAAU,IAAA;AAAA,MACV,SAAA,EAAS,IAAA;AAAA,MAET,QAAA,kBAAA,6BAAA,MAAC,EAAA,EAAK,SAAA,EAAW,UAAA,CAAW,OAAA,EAAU,SAAA,CAAS;AAAA,IAAA;AAAA,EACjD,CAAA;AAEJ,CAAA;AAEA,IAAO,gBAAA,EAAQ,OAAA;ADpCf;AACA;AE5CA,IAAOA,iBAAAA,EAAQ,eAAA;AF8Cf;AACA;AACE;AACA;AACA;AACF,kJAAC","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-XNMTAL3J.cjs","sourcesContent":[null,"import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ReactNode } from 'react';\n\nimport { Tooltip as NextTooltip } from '@heroui/tooltip';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// tooltip variants\nexport const tooltipVariants = tv({\n slots: {\n base: '',\n content: '',\n wrapper: 'cursor-pointer',\n },\n});\n\ntype VariantProps = TVProps<typeof tooltipVariants>;\ntype ClassName = TVClassName<typeof tooltipVariants>;\n\nexport const tooltipPlacementOptions = [\n 'top',\n 'bottom',\n 'left',\n 'right',\n] as const;\nexport type TooltipPlacement = (typeof tooltipPlacementOptions)[number];\n\nexport interface TooltipProps extends VariantProps {\n /** trigger child components */\n children: ReactNode;\n /** CSS class name */\n className?: ClassName;\n /** delay in milliseconds before the tooltip opens. */\n closeDelay?: number;\n /** delay in milliseconds before the tooltip opens. */\n delay?: number;\n /** placement padding in px */\n containerPadding?: number;\n /** content displayed in the tooltip */\n content: ReactNode;\n /** open overlay initially when uncontrolled */\n defaultOpen?: boolean;\n /** handler that is called when the overlay's open state changes */\n onOpenChange?: (isOpen: boolean) => void;\n /** placement if the tooltip */\n placement?: TooltipPlacement;\n}\n\n/**\n * Tooltip component based on [HeroUI Tooltip](https://www.heroui.com//docs/components/tooltip)\n */\nconst Tooltip = ({\n children,\n className: _className = undefined,\n closeDelay = 500,\n containerPadding = 0,\n content,\n defaultOpen = false,\n delay = 0,\n onOpenChange = undefined,\n placement = 'top',\n}: TooltipProps) => {\n // classNames from slots\n const variants = tooltipVariants();\n const classNames = variantsToClassNames(variants, _className, 'base');\n\n return (\n <NextTooltip\n classNames={classNames}\n closeDelay={closeDelay}\n containerPadding={containerPadding}\n content={content}\n defaultOpen={defaultOpen}\n delay={delay}\n onClick={(e) => e.preventDefault()}\n onOpenChange={onOpenChange}\n placement={placement}\n shouldFlip\n showArrow\n >\n <span className={classNames.wrapper}>{children}</span>\n </NextTooltip>\n );\n};\n\nexport default Tooltip;\n","import Tooltip, { tooltipPlacementOptions } from './Tooltip';\n\nexport type { TooltipProps } from './Tooltip';\n\nexport { Tooltip, tooltipPlacementOptions };\n\nexport default Tooltip;\n"]}
|
|
@@ -6,7 +6,7 @@ var _chunkD4TLDLEXcjs = require('./chunk-D4TLDLEX.cjs');
|
|
|
6
6
|
|
|
7
7
|
|
|
8
8
|
|
|
9
|
-
var _accordion = require('@
|
|
9
|
+
var _accordion = require('@heroui/accordion');
|
|
10
10
|
var _pixelutils = require('@fuf-stack/pixel-utils');
|
|
11
11
|
var _jsxruntime = require('react/jsx-runtime');
|
|
12
12
|
var accordionVariants = _pixelutils.tv.call(void 0, {
|
|
@@ -99,4 +99,4 @@ var Accordion_default2 = Accordion_default;
|
|
|
99
99
|
|
|
100
100
|
|
|
101
101
|
exports.accordionVariants = accordionVariants; exports.Accordion_default = Accordion_default; exports.Accordion_default2 = Accordion_default2;
|
|
102
|
-
//# sourceMappingURL=chunk-
|
|
102
|
+
//# sourceMappingURL=chunk-XTR4NKDP.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-XTR4NKDP.cjs","../src/Accordion/Accordion.tsx","../src/Accordion/index.ts"],"names":["Accordion_default"],"mappings":"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","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-XTR4NKDP.cjs","sourcesContent":[null,"import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { DividerProps } from '@heroui/divider';\nimport type { ReactNode } from 'react';\n\nimport {\n Accordion as NextAccordion,\n AccordionItem as NextAccordionItem,\n} from '@heroui/accordion';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// accordion styling variants\n// see: https://www.heroui.com//docs/components/accordion#accordion-item-slots\nexport const accordionVariants = tv({\n slots: {\n base: '',\n content: 'px-4',\n heading: 'px-4',\n indicator: '',\n startContent: '',\n subtitle: '',\n title: '',\n titleWrapper: '',\n trigger: '',\n // outer accordion wrapper\n wrapper: 'px-0',\n },\n variants: {\n indicatorLeft: {\n true: {\n content: 'pl-7',\n indicator: '-rotate-180 data-[open=true]:-rotate-90',\n trigger: 'flex-row-reverse',\n },\n },\n showDivider: {\n true: {\n wrapper: 'divide-y divide-solid divide-divider',\n },\n },\n showBottomTopDivider: {\n true: {\n wrapper: 'border-b border-t border-solid border-divider',\n },\n },\n },\n});\n\nexport interface AccordionItemProps {\n /** Content of the accordion item */\n children: ReactNode;\n /** Disables the accordion item */\n disabled?: boolean;\n /** Accordion item title */\n title: ReactNode;\n /** Accordion item subtitle */\n subtitle?: ReactNode;\n}\n\ntype VariantProps = TVProps<typeof accordionVariants>;\ntype ClassName = TVClassName<typeof accordionVariants>;\n\nexport interface AccordionProps extends VariantProps {\n /** Props for AccordionItems, will render the accordion items programmatically */\n accordionItems: AccordionItemProps[];\n /** CSS class name */\n className?: ClassName;\n /** Array of keys for the AccordionItem(s) to be expanded by default */\n defaultSelectedKeys?: undefined | 'all' | Iterable<number | string>;\n /** Disables the Accordion */\n disabled?: boolean;\n /** Array of keys for the AccordionItems to disable */\n disabledKeys?: Iterable<number | string>;\n /** Force always one AccordionItem to be open. */\n disallowEmptySelection?: boolean;\n /** props for styling the Divider */\n dividerProps?: DividerProps;\n /** Hide the expanded/collapsed indicator icon */\n hideIndicator?: boolean;\n /** Callback function for when a Accordion Item is expanded or collapsed */\n onSelectionChange?: (keys: 'all' | Iterable<number | string>) => unknown;\n /** Selected keys (controlled) */\n selectedKeys?: undefined | 'all' | Iterable<number | string>;\n /** Set whether multiple or only a single AccordionItems can be expanded */\n selectionMode?: 'single' | 'multiple';\n /** Enable or disable the divider between each AccordionItem */\n showDivider?: boolean;\n /** Style variant of the Accordion */\n variant?: 'light' | 'shadow' | 'bordered' | 'splitted';\n}\n\n/**\n * Accordion component based on [HeroUI Accordion](https://www.heroui.com//docs/components/accordion)\n */\nconst Accordion = ({\n accordionItems,\n className: _className = undefined,\n defaultSelectedKeys = [],\n disabled = false,\n disabledKeys = [],\n disallowEmptySelection = false,\n dividerProps = {},\n indicatorLeft = false,\n onSelectionChange = undefined,\n selectedKeys = undefined,\n selectionMode = 'multiple',\n showDivider = true,\n variant = 'light',\n}: AccordionProps) => {\n // itemClasses from className slots\n const variants = accordionVariants({\n indicatorLeft,\n showDivider: showDivider && variant !== 'splitted',\n showBottomTopDivider: showDivider && variant === 'light',\n });\n const classNames = variantsToClassNames(variants, _className, 'wrapper');\n\n return (\n <NextAccordion\n className={classNames.wrapper}\n defaultSelectedKeys={defaultSelectedKeys}\n disabledKeys={disabledKeys}\n disallowEmptySelection={disallowEmptySelection}\n dividerProps={dividerProps}\n isDisabled={disabled}\n itemClasses={classNames}\n onSelectionChange={onSelectionChange}\n selectedKeys={selectedKeys}\n selectionMode={selectionMode}\n showDivider={false}\n variant={variant}\n >\n {accordionItems.map((item, index) => (\n <NextAccordionItem\n // eslint-disable-next-line react/no-array-index-key\n key={index}\n isDisabled={disabled || item?.disabled}\n // eslint-disable-next-line react/jsx-props-no-spreading\n {...item}\n />\n ))}\n </NextAccordion>\n );\n};\n\nexport default Accordion;\n","import Accordion, { accordionVariants } from './Accordion';\n\nexport type { AccordionProps, AccordionItemProps } from './Accordion';\n\nexport { Accordion, accordionVariants };\n\nexport default Accordion;\n"]}
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
import {
|
|
2
|
+
__objRest
|
|
3
|
+
} from "./chunk-J7N2552D.js";
|
|
4
|
+
|
|
5
|
+
// src/Card/Card.tsx
|
|
6
|
+
import { forwardRef } from "react";
|
|
7
|
+
import {
|
|
8
|
+
Card as NextCard,
|
|
9
|
+
CardBody as NextCardBody,
|
|
10
|
+
CardFooter as NextCardFooter,
|
|
11
|
+
CardHeader as NextCardHeader
|
|
12
|
+
} from "@heroui/card";
|
|
13
|
+
import { Divider as NextDivider } from "@heroui/divider";
|
|
14
|
+
import { tv, variantsToClassNames } from "@fuf-stack/pixel-utils";
|
|
15
|
+
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
16
|
+
var cardVariants = tv({
|
|
17
|
+
slots: {
|
|
18
|
+
base: "border border-divider",
|
|
19
|
+
body: "",
|
|
20
|
+
divider: "my-0 border-divider",
|
|
21
|
+
footer: "",
|
|
22
|
+
header: "text-base font-semibold"
|
|
23
|
+
}
|
|
24
|
+
});
|
|
25
|
+
var Card = forwardRef(
|
|
26
|
+
({
|
|
27
|
+
children = null,
|
|
28
|
+
className = void 0,
|
|
29
|
+
footer = void 0,
|
|
30
|
+
header = void 0,
|
|
31
|
+
testId = void 0
|
|
32
|
+
}, ref) => {
|
|
33
|
+
const variants = cardVariants();
|
|
34
|
+
const _a = variantsToClassNames(
|
|
35
|
+
variants,
|
|
36
|
+
className,
|
|
37
|
+
"base"
|
|
38
|
+
), { divider: dividerClassName } = _a, classNames = __objRest(_a, ["divider"]);
|
|
39
|
+
const divider = /* @__PURE__ */ jsx(NextDivider, { className: dividerClassName });
|
|
40
|
+
return /* @__PURE__ */ jsxs(
|
|
41
|
+
NextCard,
|
|
42
|
+
{
|
|
43
|
+
classNames,
|
|
44
|
+
"data-testid": testId && `card_${testId}`,
|
|
45
|
+
fullWidth: true,
|
|
46
|
+
radius: "sm",
|
|
47
|
+
ref,
|
|
48
|
+
shadow: "none",
|
|
49
|
+
children: [
|
|
50
|
+
header && /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
51
|
+
/* @__PURE__ */ jsx(NextCardHeader, { "data-testid": testId && `card_header_${testId}`, children: header }),
|
|
52
|
+
divider
|
|
53
|
+
] }),
|
|
54
|
+
/* @__PURE__ */ jsx(NextCardBody, { "data-testid": testId && `card_body_${testId}`, children }),
|
|
55
|
+
footer && /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
56
|
+
divider,
|
|
57
|
+
/* @__PURE__ */ jsx(NextCardFooter, { "data-testid": testId && `card_footer_${testId}`, children: footer })
|
|
58
|
+
] })
|
|
59
|
+
]
|
|
60
|
+
}
|
|
61
|
+
);
|
|
62
|
+
}
|
|
63
|
+
);
|
|
64
|
+
var Card_default = Card;
|
|
65
|
+
|
|
66
|
+
// src/Card/index.ts
|
|
67
|
+
var Card_default2 = Card_default;
|
|
68
|
+
|
|
69
|
+
export {
|
|
70
|
+
cardVariants,
|
|
71
|
+
Card_default,
|
|
72
|
+
Card_default2
|
|
73
|
+
};
|
|
74
|
+
//# sourceMappingURL=chunk-XUF52AKP.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/Card/Card.tsx","../src/Card/index.ts"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ReactNode } from 'react';\n\nimport { forwardRef } from 'react';\n\nimport {\n Card as NextCard,\n CardBody as NextCardBody,\n CardFooter as NextCardFooter,\n CardHeader as NextCardHeader,\n} from '@heroui/card';\nimport { Divider as NextDivider } from '@heroui/divider';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// card styling variants\nexport const cardVariants = tv({\n slots: {\n base: 'border border-divider',\n body: '',\n divider: 'my-0 border-divider',\n footer: '',\n header: 'text-base font-semibold',\n },\n});\n\ntype VariantProps = TVProps<typeof cardVariants>;\ntype ClassName = TVClassName<typeof cardVariants>;\n\nexport interface CardProps extends VariantProps {\n /** card body content */\n children?: ReactNode;\n /** CSS class name */\n className?: ClassName;\n /** footer content */\n footer?: ReactNode;\n /** header content */\n header?: ReactNode;\n /** HTML data-testid attribute used in e2e tests */\n testId?: string;\n}\n\n/**\n * Card component based on [HeroUI Card](https://www.heroui.com//docs/components/card)\n */\nconst Card = forwardRef<HTMLDivElement, CardProps>(\n (\n {\n children = null,\n className = undefined,\n footer = undefined,\n header = undefined,\n testId = undefined,\n },\n ref,\n ) => {\n // classNames from slots\n const variants = cardVariants();\n const { divider: dividerClassName, ...classNames } = variantsToClassNames(\n variants,\n className,\n 'base',\n );\n\n const divider = <NextDivider className={dividerClassName} />;\n\n return (\n <NextCard\n classNames={classNames}\n data-testid={testId && `card_${testId}`}\n fullWidth\n radius=\"sm\"\n ref={ref}\n shadow=\"none\"\n >\n {header && (\n <>\n <NextCardHeader data-testid={testId && `card_header_${testId}`}>\n {header}\n </NextCardHeader>\n {divider}\n </>\n )}\n <NextCardBody data-testid={testId && `card_body_${testId}`}>\n {children}\n </NextCardBody>\n {footer && (\n <>\n {divider}\n <NextCardFooter data-testid={testId && `card_footer_${testId}`}>\n {footer}\n </NextCardFooter>\n </>\n )}\n </NextCard>\n );\n },\n);\n\nexport default Card;\n","import Card, { cardVariants } from './Card';\n\nexport type { CardProps } from './Card';\n\nexport { Card, cardVariants };\n\nexport default Card;\n"],"mappings":";;;;;AAGA,SAAS,kBAAkB;AAE3B;AAAA,EACE,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,cAAc;AAAA,OACT;AACP,SAAS,WAAW,mBAAmB;AAEvC,SAAS,IAAI,4BAA4B;AAmDrB,SAYV,UAZU,KAYV,YAZU;AAhDb,IAAM,eAAe,GAAG;AAAA,EAC7B,OAAO;AAAA,IACL,MAAM;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,QAAQ;AAAA,EACV;AACF,CAAC;AAqBD,IAAM,OAAO;AAAA,EACX,CACE;AAAA,IACE,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,SAAS;AAAA,IACT,SAAS;AAAA,EACX,GACA,QACG;AAEH,UAAM,WAAW,aAAa;AAC9B,UAAqD;AAAA,MACnD;AAAA,MACA;AAAA,MACA;AAAA,IACF,GAJQ,WAAS,iBA1DrB,IA0DyD,IAAf,uBAAe,IAAf,CAA9B;AAMR,UAAM,UAAU,oBAAC,eAAY,WAAW,kBAAkB;AAE1D,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,eAAa,UAAU,QAAQ,MAAM;AAAA,QACrC,WAAS;AAAA,QACT,QAAO;AAAA,QACP;AAAA,QACA,QAAO;AAAA,QAEN;AAAA,oBACC,iCACE;AAAA,gCAAC,kBAAe,eAAa,UAAU,eAAe,MAAM,IACzD,kBACH;AAAA,YACC;AAAA,aACH;AAAA,UAEF,oBAAC,gBAAa,eAAa,UAAU,aAAa,MAAM,IACrD,UACH;AAAA,UACC,UACC,iCACG;AAAA;AAAA,YACD,oBAAC,kBAAe,eAAa,UAAU,eAAe,MAAM,IACzD,kBACH;AAAA,aACF;AAAA;AAAA;AAAA,IAEJ;AAAA,EAEJ;AACF;AAEA,IAAO,eAAQ;;;AC7Ff,IAAOA,gBAAQ;","names":["Card_default"]}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
// src/Badge/Badge.tsx
|
|
2
|
-
import { Badge as NextBadge } from "@
|
|
2
|
+
import { Badge as NextBadge } from "@heroui/badge";
|
|
3
3
|
import { tv, variantsToClassNames } from "@fuf-stack/pixel-utils";
|
|
4
4
|
import { jsx } from "react/jsx-runtime";
|
|
5
5
|
var badgeVariants = tv({
|
|
@@ -46,4 +46,4 @@ export {
|
|
|
46
46
|
Badge_default,
|
|
47
47
|
Badge_default2
|
|
48
48
|
};
|
|
49
|
-
//# sourceMappingURL=chunk-
|
|
49
|
+
//# sourceMappingURL=chunk-Z7QNU4XB.js.map
|