@fuf-stack/pixels 1.2.1 → 1.2.3
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 +3 -3
- package/dist/Accordion/index.js +2 -2
- package/dist/Alert/index.cjs +3 -3
- package/dist/Alert/index.js +2 -2
- package/dist/Avatar/index.cjs +1 -1
- package/dist/Avatar/index.js +1 -1
- package/dist/AvatarGroup/index.cjs +3 -3
- package/dist/AvatarGroup/index.js +2 -2
- package/dist/Badge/index.cjs +3 -3
- package/dist/Badge/index.d.cts +3 -4
- package/dist/Badge/index.d.ts +3 -4
- package/dist/Badge/index.js +2 -2
- package/dist/{Badge-BjifpVQQ.d.cts → Badge-L8r9mgSs.d.cts} +2 -3
- package/dist/{Badge-BjifpVQQ.d.ts → Badge-L8r9mgSs.d.ts} +2 -3
- package/dist/Breadcrumb/index.cjs +3 -3
- package/dist/Breadcrumb/index.js +2 -2
- package/dist/Button/index.cjs +3 -3
- package/dist/Button/index.d.cts +2 -2
- package/dist/Button/index.d.ts +2 -2
- package/dist/Button/index.js +2 -2
- package/dist/Button-BOaEQrs9.d.cts +258 -0
- package/dist/Button-BOaEQrs9.d.ts +258 -0
- package/dist/ButtonGroup/index.cjs +1 -1
- package/dist/ButtonGroup/index.js +1 -1
- package/dist/Card/index.cjs +3 -3
- package/dist/Card/index.js +2 -2
- package/dist/Drawer/index.cjs +3 -3
- package/dist/Drawer/index.js +2 -2
- package/dist/Json/index.cjs +4 -4
- package/dist/Json/index.css.map +1 -1
- package/dist/Json/index.js +3 -3
- package/dist/Label/index.cjs +3 -3
- package/dist/Label/index.js +2 -2
- package/dist/Menu/index.cjs +3 -3
- package/dist/Menu/index.js +2 -2
- package/dist/Modal/index.cjs +3 -3
- package/dist/Modal/index.js +2 -2
- package/dist/Popover/index.cjs +4 -4
- package/dist/Popover/index.d.cts +3 -3
- package/dist/Popover/index.d.ts +3 -3
- package/dist/Popover/index.js +3 -3
- package/dist/{Popover-BsdcKPgm.d.cts → Popover-Bf192yqn.d.cts} +2 -2
- package/dist/{Popover-BsdcKPgm.d.ts → Popover-Bf192yqn.d.ts} +2 -2
- package/dist/Progress/index.cjs +3 -3
- package/dist/Progress/index.js +2 -2
- package/dist/ProgressCircular/index.cjs +3 -3
- package/dist/ProgressCircular/index.js +2 -2
- package/dist/ScrollShadow/index.cjs +4 -4
- package/dist/ScrollShadow/index.js +2 -2
- package/dist/Table/index.cjs +3 -3
- package/dist/Table/index.js +2 -2
- package/dist/Tabs/index.cjs +3 -3
- package/dist/Tabs/index.js +2 -2
- package/dist/Toast/index.cjs +3 -3
- package/dist/Toast/index.js +2 -2
- package/dist/Tooltip/index.cjs +4 -4
- package/dist/Tooltip/index.js +3 -3
- package/dist/{chunk-ESLZ4HYA.js → chunk-2O3IUQR4.js} +6 -4
- package/dist/chunk-2O3IUQR4.js.map +1 -0
- package/dist/{chunk-OAUPTZSC.js → chunk-473MRDWX.js} +11 -9
- package/dist/{chunk-OAUPTZSC.js.map → chunk-473MRDWX.js.map} +1 -1
- package/dist/{chunk-X6JZFO33.js → chunk-4AXE6KZW.js} +3 -3
- package/dist/{chunk-X6JZFO33.js.map → chunk-4AXE6KZW.js.map} +1 -1
- package/dist/{chunk-IPALTJVF.cjs → chunk-6ZSRU7OZ.cjs} +63 -52
- package/dist/chunk-6ZSRU7OZ.cjs.map +1 -0
- package/dist/{chunk-MK2S3QUK.js → chunk-7MCSF7YR.js} +8 -6
- package/dist/{chunk-MK2S3QUK.js.map → chunk-7MCSF7YR.js.map} +1 -1
- package/dist/{chunk-D4TLDLEX.cjs → chunk-AHEA4IJV.cjs} +23 -2
- package/dist/{chunk-D4TLDLEX.cjs.map → chunk-AHEA4IJV.cjs.map} +1 -1
- package/dist/{chunk-WFR7OUY7.cjs → chunk-AUPA2S2F.cjs} +27 -21
- package/dist/chunk-AUPA2S2F.cjs.map +1 -0
- package/dist/{chunk-W2EOAUKE.cjs → chunk-AZ7VMRHX.cjs} +7 -5
- package/dist/chunk-AZ7VMRHX.cjs.map +1 -0
- package/dist/{chunk-LA3SMG6Y.js → chunk-BGGRVPBR.js} +15 -13
- package/dist/{chunk-LA3SMG6Y.js.map → chunk-BGGRVPBR.js.map} +1 -1
- package/dist/{chunk-PHQVYJS2.cjs → chunk-BPBEZCSP.cjs} +4 -4
- package/dist/chunk-BPBEZCSP.cjs.map +1 -0
- package/dist/{chunk-HOWDEBJG.js → chunk-F37RLKXJ.js} +65 -52
- package/dist/chunk-F37RLKXJ.js.map +1 -0
- package/dist/{chunk-RYO74XL7.cjs → chunk-G3YTOGEG.cjs} +14 -11
- package/dist/chunk-G3YTOGEG.cjs.map +1 -0
- package/dist/{chunk-JSANDW3W.cjs → chunk-HG7AE6Q2.cjs} +1 -1
- package/dist/chunk-HG7AE6Q2.cjs.map +1 -0
- package/dist/{chunk-OOJRHIVU.js → chunk-HMYQTHGT.js} +14 -11
- package/dist/{chunk-OOJRHIVU.js.map → chunk-HMYQTHGT.js.map} +1 -1
- package/dist/{chunk-DTG27JQ7.cjs → chunk-HPZBCSP3.cjs} +8 -6
- package/dist/chunk-HPZBCSP3.cjs.map +1 -0
- package/dist/{chunk-ZZOEFQWQ.cjs → chunk-IBX6A72P.cjs} +21 -19
- package/dist/chunk-IBX6A72P.cjs.map +1 -0
- package/dist/{chunk-VBOUHWXM.js → chunk-IGRNC5NX.js} +8 -6
- package/dist/{chunk-VBOUHWXM.js.map → chunk-IGRNC5NX.js.map} +1 -1
- package/dist/{chunk-FUBGS3G4.cjs → chunk-ITHJ52SN.cjs} +14 -12
- package/dist/chunk-ITHJ52SN.cjs.map +1 -0
- package/dist/{chunk-XOCP745X.cjs → chunk-IY2NXW6X.cjs} +4 -2
- package/dist/chunk-IY2NXW6X.cjs.map +1 -0
- package/dist/{chunk-J4HCGFN4.cjs → chunk-J2LI4ONS.cjs} +16 -14
- package/dist/chunk-J2LI4ONS.cjs.map +1 -0
- package/dist/{chunk-XHGGLUFN.js → chunk-JQNZVQVJ.js} +2 -2
- package/dist/{chunk-NNWXSPVB.cjs → chunk-KB6PZSJ5.cjs} +64 -51
- package/dist/chunk-KB6PZSJ5.cjs.map +1 -0
- package/dist/{chunk-GNMNAQY4.js → chunk-LAQNNPIV.js} +18 -12
- package/dist/{chunk-GNMNAQY4.js.map → chunk-LAQNNPIV.js.map} +1 -1
- package/dist/{chunk-TLXLWB4Y.cjs → chunk-LX5LJN3I.cjs} +5 -5
- package/dist/{chunk-TLXLWB4Y.cjs.map → chunk-LX5LJN3I.cjs.map} +1 -1
- package/dist/{chunk-N4U7OJOM.js → chunk-NPNLVQU7.js} +25 -14
- package/dist/chunk-NPNLVQU7.js.map +1 -0
- package/dist/{chunk-J7N2552D.js → chunk-OAIRL2FN.js} +23 -2
- package/dist/{chunk-7RVUB6I5.cjs → chunk-OLU26V56.cjs} +8 -6
- package/dist/chunk-OLU26V56.cjs.map +1 -0
- package/dist/{chunk-3LEEMSTG.cjs → chunk-PF4VI6L7.cjs} +11 -9
- package/dist/chunk-PF4VI6L7.cjs.map +1 -0
- package/dist/{chunk-WFPRB4JT.js → chunk-RMBGZYI3.js} +26 -20
- package/dist/chunk-RMBGZYI3.js.map +1 -0
- package/dist/{chunk-LIZGYO24.cjs → chunk-S4O4KDC3.cjs} +14 -17
- package/dist/chunk-S4O4KDC3.cjs.map +1 -0
- package/dist/{chunk-3QICKBFS.js → chunk-SZGVYMRD.js} +13 -16
- package/dist/chunk-SZGVYMRD.js.map +1 -0
- package/dist/{chunk-C6VV7NYT.cjs → chunk-TFRAQ6OQ.cjs} +18 -12
- package/dist/chunk-TFRAQ6OQ.cjs.map +1 -0
- package/dist/{chunk-7QBCVRQD.js → chunk-TJTBJ2NT.js} +21 -19
- package/dist/{chunk-7QBCVRQD.js.map → chunk-TJTBJ2NT.js.map} +1 -1
- package/dist/{chunk-JORMLHKF.js → chunk-TYY3HIYL.js} +4 -2
- package/dist/chunk-TYY3HIYL.js.map +1 -0
- package/dist/{chunk-YBMQZ43T.cjs → chunk-UECUQP2B.cjs} +4 -4
- package/dist/{chunk-YBMQZ43T.cjs.map → chunk-UECUQP2B.cjs.map} +1 -1
- package/dist/{chunk-NES3USBQ.js → chunk-UEQG424R.js} +1 -1
- package/dist/chunk-UEQG424R.js.map +1 -0
- package/dist/{chunk-HFW4JP5W.js → chunk-UMROOKDT.js} +19 -15
- package/dist/chunk-UMROOKDT.js.map +1 -0
- package/dist/{chunk-2NVQAYAE.js → chunk-W52ZP2AU.js} +2 -2
- package/dist/{chunk-QDLXCNJI.js → chunk-XIBET6QC.js} +24 -12
- package/dist/chunk-XIBET6QC.js.map +1 -0
- package/dist/{chunk-3Y7P46WT.cjs → chunk-YW4S32XV.cjs} +18 -14
- package/dist/chunk-YW4S32XV.cjs.map +1 -0
- package/dist/{chunk-7APFE3MI.cjs → chunk-Z363QVXW.cjs} +25 -13
- package/dist/chunk-Z363QVXW.cjs.map +1 -0
- package/dist/{chunk-WDXULV6M.js → chunk-ZLSX6FH3.js} +14 -12
- package/dist/{chunk-WDXULV6M.js.map → chunk-ZLSX6FH3.js.map} +1 -1
- package/dist/hooks/index.cjs +1 -1
- package/dist/hooks/index.js +1 -1
- package/dist/index.cjs +22 -22
- package/dist/index.css.map +1 -1
- package/dist/index.d.cts +3 -3
- package/dist/index.d.ts +3 -3
- package/dist/index.js +21 -21
- package/package.json +3 -3
- package/dist/Button-CkMcZvji.d.cts +0 -125
- package/dist/Button-CkMcZvji.d.ts +0 -125
- package/dist/chunk-3LEEMSTG.cjs.map +0 -1
- package/dist/chunk-3QICKBFS.js.map +0 -1
- package/dist/chunk-3Y7P46WT.cjs.map +0 -1
- package/dist/chunk-7APFE3MI.cjs.map +0 -1
- package/dist/chunk-7RVUB6I5.cjs.map +0 -1
- package/dist/chunk-C6VV7NYT.cjs.map +0 -1
- package/dist/chunk-DTG27JQ7.cjs.map +0 -1
- package/dist/chunk-ESLZ4HYA.js.map +0 -1
- package/dist/chunk-FUBGS3G4.cjs.map +0 -1
- package/dist/chunk-HFW4JP5W.js.map +0 -1
- package/dist/chunk-HOWDEBJG.js.map +0 -1
- package/dist/chunk-IPALTJVF.cjs.map +0 -1
- package/dist/chunk-J4HCGFN4.cjs.map +0 -1
- package/dist/chunk-JORMLHKF.js.map +0 -1
- package/dist/chunk-JSANDW3W.cjs.map +0 -1
- package/dist/chunk-LIZGYO24.cjs.map +0 -1
- package/dist/chunk-N4U7OJOM.js.map +0 -1
- package/dist/chunk-NES3USBQ.js.map +0 -1
- package/dist/chunk-NNWXSPVB.cjs.map +0 -1
- package/dist/chunk-PHQVYJS2.cjs.map +0 -1
- package/dist/chunk-QDLXCNJI.js.map +0 -1
- package/dist/chunk-RYO74XL7.cjs.map +0 -1
- package/dist/chunk-W2EOAUKE.cjs.map +0 -1
- package/dist/chunk-WFPRB4JT.js.map +0 -1
- package/dist/chunk-WFR7OUY7.cjs.map +0 -1
- package/dist/chunk-XOCP745X.cjs.map +0 -1
- package/dist/chunk-ZZOEFQWQ.cjs.map +0 -1
- /package/dist/{chunk-XHGGLUFN.js.map → chunk-JQNZVQVJ.js.map} +0 -0
- /package/dist/{chunk-J7N2552D.js.map → chunk-OAIRL2FN.js.map} +0 -0
- /package/dist/{chunk-2NVQAYAE.js.map → chunk-W52ZP2AU.js.map} +0 -0
|
@@ -1,14 +1,18 @@
|
|
|
1
1
|
import {
|
|
2
2
|
ScrollShadow_default
|
|
3
|
-
} from "./chunk-
|
|
3
|
+
} from "./chunk-ZLSX6FH3.js";
|
|
4
4
|
import {
|
|
5
5
|
__spreadProps,
|
|
6
6
|
__spreadValues
|
|
7
|
-
} from "./chunk-
|
|
7
|
+
} from "./chunk-OAIRL2FN.js";
|
|
8
8
|
|
|
9
9
|
// src/Popover/Popover.tsx
|
|
10
10
|
import { Button } from "@heroui/button";
|
|
11
|
-
import {
|
|
11
|
+
import {
|
|
12
|
+
Popover as HeroPopover,
|
|
13
|
+
PopoverContent as HeroPopoverContent,
|
|
14
|
+
PopoverTrigger as HeroPopoverTrigger
|
|
15
|
+
} from "@heroui/popover";
|
|
12
16
|
import { tv, variantsToClassNames } from "@fuf-stack/pixel-utils";
|
|
13
17
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
14
18
|
var popoverVariants = tv({
|
|
@@ -23,7 +27,7 @@ var popoverVariants = tv({
|
|
|
23
27
|
trigger: ""
|
|
24
28
|
}
|
|
25
29
|
});
|
|
26
|
-
var
|
|
30
|
+
var Popover = ({
|
|
27
31
|
children = null,
|
|
28
32
|
className: _className = void 0,
|
|
29
33
|
content,
|
|
@@ -40,40 +44,40 @@ var Popover_default = ({
|
|
|
40
44
|
const variants = popoverVariants();
|
|
41
45
|
const className = variantsToClassNames(variants, _className, "trigger");
|
|
42
46
|
return /* @__PURE__ */ jsxs(
|
|
43
|
-
|
|
47
|
+
HeroPopover,
|
|
44
48
|
__spreadProps(__spreadValues({
|
|
49
|
+
showArrow: true,
|
|
45
50
|
classNames: className,
|
|
46
51
|
placement,
|
|
47
52
|
portalContainer,
|
|
48
53
|
radius: "sm",
|
|
49
|
-
shouldBlockScroll
|
|
50
|
-
showArrow: true
|
|
54
|
+
shouldBlockScroll
|
|
51
55
|
}, openControlled ? { isOpen: openControlled.open, onOpenChange: openControlled.setOpen } : {}), {
|
|
52
56
|
children: [
|
|
53
|
-
/* @__PURE__ */ jsx(
|
|
57
|
+
/* @__PURE__ */ jsx(HeroPopoverTrigger, { "data-testid": testId, children: triggerButtonProps ? (
|
|
54
58
|
// TODO: currently we have to use @heroui/button because
|
|
55
59
|
// passing ref does not work (even with forwardRef in Button)
|
|
56
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
57
60
|
/* @__PURE__ */ jsx(Button, __spreadProps(__spreadValues({ className: className.trigger }, triggerButtonProps), { children }))
|
|
58
61
|
) : (
|
|
59
62
|
// eslint-disable-next-line react/button-has-type
|
|
60
63
|
/* @__PURE__ */ jsx("button", { className: className.trigger, children })
|
|
61
64
|
) }),
|
|
62
|
-
/* @__PURE__ */ jsxs(
|
|
63
|
-
header
|
|
65
|
+
/* @__PURE__ */ jsxs(HeroPopoverContent, { "data-testid": contentTestId, children: [
|
|
66
|
+
header ? /* @__PURE__ */ jsxs("div", { className: className.headerWrapper, children: [
|
|
64
67
|
/* @__PURE__ */ jsx("div", { className: className.header, children: header }),
|
|
65
68
|
/* @__PURE__ */ jsx("hr", { className: className.divider })
|
|
66
|
-
] }),
|
|
69
|
+
] }) : null,
|
|
67
70
|
/* @__PURE__ */ jsx(ScrollShadow_default, { className: className.body, children: content }),
|
|
68
|
-
footer
|
|
71
|
+
footer ? /* @__PURE__ */ jsxs("div", { className: className.footerWrapper, children: [
|
|
69
72
|
/* @__PURE__ */ jsx("hr", { className: className.divider }),
|
|
70
73
|
/* @__PURE__ */ jsx("div", { className: className.footer, children: footer })
|
|
71
|
-
] })
|
|
74
|
+
] }) : null
|
|
72
75
|
] })
|
|
73
76
|
]
|
|
74
77
|
})
|
|
75
78
|
);
|
|
76
79
|
};
|
|
80
|
+
var Popover_default = Popover;
|
|
77
81
|
|
|
78
82
|
// src/Popover/index.ts
|
|
79
83
|
var Popover_default2 = Popover_default;
|
|
@@ -82,4 +86,4 @@ export {
|
|
|
82
86
|
Popover_default,
|
|
83
87
|
Popover_default2
|
|
84
88
|
};
|
|
85
|
-
//# sourceMappingURL=chunk-
|
|
89
|
+
//# sourceMappingURL=chunk-UMROOKDT.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/Popover/Popover.tsx","../src/Popover/index.ts"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ButtonProps } from '@heroui/button';\nimport type { PopoverProps as HeroPopoverProps } from '@heroui/popover';\nimport type { ReactNode } from 'react';\n\nimport { Button } from '@heroui/button';\nimport {\n Popover as HeroPopover,\n PopoverContent as HeroPopoverContent,\n PopoverTrigger as HeroPopoverTrigger,\n} from '@heroui/popover';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nimport ScrollShadow from '../ScrollShadow/ScrollShadow';\n\n// popover styling variants\nexport const popoverVariants = tv({\n slots: {\n body: 'w-full px-4 py-2',\n content: 'flex max-h-[80vh] flex-col p-0',\n divider: 'border-divider m-0 w-full p-0',\n footer: 'w-full px-4 py-2',\n footerWrapper: 'w-full',\n header: 'w-full px-4 pt-2 pb-1 font-semibold',\n headerWrapper: 'w-full',\n trigger: '',\n },\n});\n\ntype VariantProps = TVProps<typeof popoverVariants>;\ntype ClassName = TVClassName<typeof popoverVariants>;\n\nexport interface PopoverProps extends VariantProps {\n /** child components */\n children?: ReactNode;\n /** CSS class name */\n className?: ClassName;\n /** content of the popover */\n content: ReactNode;\n /** HTML data-testid attribute used in e2e tests */\n contentTestId?: string;\n /** popover footer */\n footer?: ReactNode;\n /** Popover title */\n header?: ReactNode;\n /** use as controlled component */\n openControlled?: { open: boolean; setOpen: (open: boolean) => void };\n /** placement of the popover relative to its trigger reference */\n placement?: HeroPopoverProps['placement'];\n /** The container element in which the overlay portal will be placed. */\n portalContainer?: HeroPopoverProps['portalContainer'];\n /** Whether to block scrolling outside the popover */\n shouldBlockScroll?: boolean;\n /** HTML data-testid attribute used in e2e tests */\n testId?: string;\n /** When defined a Button will be rendered as trigger (with provided props) instead of unstyled html button */\n triggerButtonProps?: Pick<\n ButtonProps,\n | 'aria-label'\n | 'className'\n | 'color'\n | 'disableAnimation'\n | 'disabled'\n | 'size'\n | 'variant'\n >;\n}\n\n/**\n * Popover component based on [HeroUI Card](https://www.heroui.com//docs/components/popover)\n */\nconst Popover = ({\n children = null,\n className: _className = undefined,\n content,\n contentTestId = undefined,\n footer = undefined,\n header = undefined,\n openControlled = undefined,\n placement = 'top',\n portalContainer = undefined,\n shouldBlockScroll = undefined,\n testId = undefined,\n triggerButtonProps = undefined,\n}: PopoverProps) => {\n // className from slots\n const variants = popoverVariants();\n const className = variantsToClassNames(variants, _className, 'trigger');\n\n return (\n <HeroPopover\n showArrow\n classNames={className}\n placement={placement}\n portalContainer={portalContainer}\n radius=\"sm\"\n shouldBlockScroll={shouldBlockScroll}\n {...(openControlled\n ? { isOpen: openControlled.open, onOpenChange: openControlled.setOpen }\n : {})}\n >\n <HeroPopoverTrigger data-testid={testId}>\n {/* NOTE: type and aria properties are injected by HeroPopoverTrigger */}\n {triggerButtonProps ? (\n // TODO: currently we have to use @heroui/button because\n // passing ref does not work (even with forwardRef in Button)\n\n <Button className={className.trigger} {...triggerButtonProps}>\n {children}\n </Button>\n ) : (\n // eslint-disable-next-line react/button-has-type\n <button className={className.trigger}>{children}</button>\n )}\n </HeroPopoverTrigger>\n <HeroPopoverContent data-testid={contentTestId}>\n {header ? (\n <div className={className.headerWrapper}>\n <div className={className.header}>{header}</div>\n <hr className={className.divider} />\n </div>\n ) : null}\n <ScrollShadow className={className.body}>{content}</ScrollShadow>\n {footer ? (\n <div className={className.footerWrapper}>\n <hr className={className.divider} />\n <div className={className.footer}>{footer}</div>\n </div>\n ) : null}\n </HeroPopoverContent>\n </HeroPopover>\n );\n};\n\nexport default Popover;\n","import Popover from './Popover';\n\nexport type { PopoverProps } from './Popover';\n\nexport { Popover };\n\nexport default Popover;\n"],"mappings":";;;;;;;;;AAKA,SAAS,cAAc;AACvB;AAAA,EACE,WAAW;AAAA,EACX,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,OACb;AAEP,SAAS,IAAI,4BAA4B;AAgG/B,cAUA,YAVA;AA3FH,IAAM,kBAAkB,GAAG;AAAA,EAChC,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,IACT,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,eAAe;AAAA,IACf,QAAQ;AAAA,IACR,eAAe;AAAA,IACf,SAAS;AAAA,EACX;AACF,CAAC;AA4CD,IAAM,UAAU,CAAC;AAAA,EACf,WAAW;AAAA,EACX,WAAW,aAAa;AAAA,EACxB;AAAA,EACA,gBAAgB;AAAA,EAChB,SAAS;AAAA,EACT,SAAS;AAAA,EACT,iBAAiB;AAAA,EACjB,YAAY;AAAA,EACZ,kBAAkB;AAAA,EAClB,oBAAoB;AAAA,EACpB,SAAS;AAAA,EACT,qBAAqB;AACvB,MAAoB;AAElB,QAAM,WAAW,gBAAgB;AACjC,QAAM,YAAY,qBAAqB,UAAU,YAAY,SAAS;AAEtE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAS;AAAA,MACT,YAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA,QAAO;AAAA,MACP;AAAA,OACK,iBACD,EAAE,QAAQ,eAAe,MAAM,cAAc,eAAe,QAAQ,IACpE,CAAC,IATN;AAAA,MAWC;AAAA,4BAAC,sBAAmB,eAAa,QAE9B;AAAA;AAAA;AAAA,UAIC,oBAAC,uCAAO,WAAW,UAAU,WAAa,qBAAzC,EACE,WACH;AAAA;AAAA;AAAA,UAGA,oBAAC,YAAO,WAAW,UAAU,SAAU,UAAS;AAAA,WAEpD;AAAA,QACA,qBAAC,sBAAmB,eAAa,eAC9B;AAAA,mBACC,qBAAC,SAAI,WAAW,UAAU,eACxB;AAAA,gCAAC,SAAI,WAAW,UAAU,QAAS,kBAAO;AAAA,YAC1C,oBAAC,QAAG,WAAW,UAAU,SAAS;AAAA,aACpC,IACE;AAAA,UACJ,oBAAC,wBAAa,WAAW,UAAU,MAAO,mBAAQ;AAAA,UACjD,SACC,qBAAC,SAAI,WAAW,UAAU,eACxB;AAAA,gCAAC,QAAG,WAAW,UAAU,SAAS;AAAA,YAClC,oBAAC,SAAI,WAAW,UAAU,QAAS,kBAAO;AAAA,aAC5C,IACE;AAAA,WACN;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,kBAAQ;;;ACjIf,IAAOA,mBAAQ;","names":["Popover_default"]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import {
|
|
2
2
|
__spreadValues
|
|
3
|
-
} from "./chunk-
|
|
3
|
+
} from "./chunk-OAIRL2FN.js";
|
|
4
4
|
|
|
5
5
|
// src/Alert/Alert.tsx
|
|
6
6
|
import { Alert as HeroAlert } from "@heroui/alert";
|
|
@@ -132,4 +132,4 @@ export {
|
|
|
132
132
|
Alert_default,
|
|
133
133
|
Alert_default2
|
|
134
134
|
};
|
|
135
|
-
//# sourceMappingURL=chunk-
|
|
135
|
+
//# sourceMappingURL=chunk-W52ZP2AU.js.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import {
|
|
2
2
|
__objRest
|
|
3
|
-
} from "./chunk-
|
|
3
|
+
} from "./chunk-OAIRL2FN.js";
|
|
4
4
|
|
|
5
5
|
// src/Card/Card.tsx
|
|
6
6
|
import { forwardRef } from "react";
|
|
@@ -40,22 +40,34 @@ var Card = forwardRef(
|
|
|
40
40
|
return /* @__PURE__ */ jsxs(
|
|
41
41
|
HeroCard,
|
|
42
42
|
{
|
|
43
|
-
|
|
44
|
-
"data-testid": testId && `card_${testId}`,
|
|
43
|
+
ref,
|
|
45
44
|
fullWidth: true,
|
|
45
|
+
classNames,
|
|
46
|
+
"data-testid": testId ? `card_${testId}` : null,
|
|
46
47
|
radius: "sm",
|
|
47
|
-
ref,
|
|
48
48
|
shadow: "none",
|
|
49
49
|
children: [
|
|
50
|
-
header
|
|
51
|
-
/* @__PURE__ */ jsx(
|
|
50
|
+
header ? /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
51
|
+
/* @__PURE__ */ jsx(
|
|
52
|
+
HeroCardHeader,
|
|
53
|
+
{
|
|
54
|
+
"data-testid": testId ? `card_header_${testId}` : null,
|
|
55
|
+
children: header
|
|
56
|
+
}
|
|
57
|
+
),
|
|
52
58
|
divider
|
|
53
|
-
] }),
|
|
54
|
-
/* @__PURE__ */ jsx(HeroCardBody, { "data-testid": testId
|
|
55
|
-
footer
|
|
59
|
+
] }) : null,
|
|
60
|
+
/* @__PURE__ */ jsx(HeroCardBody, { "data-testid": testId ? `card_body_${testId}` : null, children }),
|
|
61
|
+
footer ? /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
56
62
|
divider,
|
|
57
|
-
/* @__PURE__ */ jsx(
|
|
58
|
-
|
|
63
|
+
/* @__PURE__ */ jsx(
|
|
64
|
+
HeroCardFooter,
|
|
65
|
+
{
|
|
66
|
+
"data-testid": testId ? `card_footer_${testId}` : null,
|
|
67
|
+
children: footer
|
|
68
|
+
}
|
|
69
|
+
)
|
|
70
|
+
] }) : null
|
|
59
71
|
]
|
|
60
72
|
}
|
|
61
73
|
);
|
|
@@ -71,4 +83,4 @@ export {
|
|
|
71
83
|
Card_default,
|
|
72
84
|
Card_default2
|
|
73
85
|
};
|
|
74
|
-
//# sourceMappingURL=chunk-
|
|
86
|
+
//# sourceMappingURL=chunk-XIBET6QC.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 HeroCard,\n CardBody as HeroCardBody,\n CardFooter as HeroCardFooter,\n CardHeader as HeroCardHeader,\n} from '@heroui/card';\nimport { Divider as HeroDivider } 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-divider border',\n body: '',\n divider: 'border-divider my-0',\n footer: '',\n header: 'z-auto 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 = <HeroDivider className={dividerClassName} />;\n\n return (\n <HeroCard\n ref={ref}\n fullWidth\n classNames={classNames}\n data-testid={testId ? `card_${testId}` : null}\n radius=\"sm\"\n shadow=\"none\"\n >\n {header ? (\n <>\n <HeroCardHeader\n data-testid={testId ? `card_header_${testId}` : null}\n >\n {header}\n </HeroCardHeader>\n {divider}\n </>\n ) : null}\n <HeroCardBody data-testid={testId ? `card_body_${testId}` : null}>\n {children}\n </HeroCardBody>\n {footer ? (\n <>\n {divider}\n <HeroCardFooter\n data-testid={testId ? `card_footer_${testId}` : null}\n >\n {footer}\n </HeroCardFooter>\n </>\n ) : null}\n </HeroCard>\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,WAAS;AAAA,QACT;AAAA,QACA,eAAa,SAAS,QAAQ,MAAM,KAAK;AAAA,QACzC,QAAO;AAAA,QACP,QAAO;AAAA,QAEN;AAAA,mBACC,iCACE;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC,eAAa,SAAS,eAAe,MAAM,KAAK;AAAA,gBAE/C;AAAA;AAAA,YACH;AAAA,YACC;AAAA,aACH,IACE;AAAA,UACJ,oBAAC,gBAAa,eAAa,SAAS,aAAa,MAAM,KAAK,MACzD,UACH;AAAA,UACC,SACC,iCACG;AAAA;AAAA,YACD;AAAA,cAAC;AAAA;AAAA,gBACC,eAAa,SAAS,eAAe,MAAM,KAAK;AAAA,gBAE/C;AAAA;AAAA,YACH;AAAA,aACF,IACE;AAAA;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AAEA,IAAO,eAAQ;;;ACjGf,IAAOA,gBAAQ;","names":["Card_default"]}
|
|
@@ -1,13 +1,17 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _chunkITHJ52SNcjs = require('./chunk-ITHJ52SN.cjs');
|
|
4
4
|
|
|
5
5
|
|
|
6
6
|
|
|
7
|
-
var
|
|
7
|
+
var _chunkAHEA4IJVcjs = require('./chunk-AHEA4IJV.cjs');
|
|
8
8
|
|
|
9
9
|
// src/Popover/Popover.tsx
|
|
10
10
|
var _button = require('@heroui/button');
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
11
15
|
var _popover = require('@heroui/popover');
|
|
12
16
|
var _pixelutils = require('@fuf-stack/pixel-utils');
|
|
13
17
|
var _jsxruntime = require('react/jsx-runtime');
|
|
@@ -23,7 +27,7 @@ var popoverVariants = _pixelutils.tv.call(void 0, {
|
|
|
23
27
|
trigger: ""
|
|
24
28
|
}
|
|
25
29
|
});
|
|
26
|
-
var
|
|
30
|
+
var Popover = ({
|
|
27
31
|
children = null,
|
|
28
32
|
className: _className = void 0,
|
|
29
33
|
content,
|
|
@@ -41,39 +45,39 @@ var Popover_default = ({
|
|
|
41
45
|
const className = _pixelutils.variantsToClassNames.call(void 0, variants, _className, "trigger");
|
|
42
46
|
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
43
47
|
_popover.Popover,
|
|
44
|
-
|
|
48
|
+
_chunkAHEA4IJVcjs.__spreadProps.call(void 0, _chunkAHEA4IJVcjs.__spreadValues.call(void 0, {
|
|
49
|
+
showArrow: true,
|
|
45
50
|
classNames: className,
|
|
46
51
|
placement,
|
|
47
52
|
portalContainer,
|
|
48
53
|
radius: "sm",
|
|
49
|
-
shouldBlockScroll
|
|
50
|
-
showArrow: true
|
|
54
|
+
shouldBlockScroll
|
|
51
55
|
}, openControlled ? { isOpen: openControlled.open, onOpenChange: openControlled.setOpen } : {}), {
|
|
52
56
|
children: [
|
|
53
57
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _popover.PopoverTrigger, { "data-testid": testId, children: triggerButtonProps ? (
|
|
54
58
|
// TODO: currently we have to use @heroui/button because
|
|
55
59
|
// passing ref does not work (even with forwardRef in Button)
|
|
56
|
-
|
|
57
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _button.Button, _chunkD4TLDLEXcjs.__spreadProps.call(void 0, _chunkD4TLDLEXcjs.__spreadValues.call(void 0, { className: className.trigger }, triggerButtonProps), { children }))
|
|
60
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _button.Button, _chunkAHEA4IJVcjs.__spreadProps.call(void 0, _chunkAHEA4IJVcjs.__spreadValues.call(void 0, { className: className.trigger }, triggerButtonProps), { children }))
|
|
58
61
|
) : (
|
|
59
62
|
// eslint-disable-next-line react/button-has-type
|
|
60
63
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "button", { className: className.trigger, children })
|
|
61
64
|
) }),
|
|
62
65
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _popover.PopoverContent, { "data-testid": contentTestId, children: [
|
|
63
|
-
header
|
|
66
|
+
header ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: className.headerWrapper, children: [
|
|
64
67
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: className.header, children: header }),
|
|
65
68
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "hr", { className: className.divider })
|
|
66
|
-
] }),
|
|
67
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
68
|
-
footer
|
|
69
|
+
] }) : null,
|
|
70
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkITHJ52SNcjs.ScrollShadow_default, { className: className.body, children: content }),
|
|
71
|
+
footer ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: className.footerWrapper, children: [
|
|
69
72
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "hr", { className: className.divider }),
|
|
70
73
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: className.footer, children: footer })
|
|
71
|
-
] })
|
|
74
|
+
] }) : null
|
|
72
75
|
] })
|
|
73
76
|
]
|
|
74
77
|
})
|
|
75
78
|
);
|
|
76
79
|
};
|
|
80
|
+
var Popover_default = Popover;
|
|
77
81
|
|
|
78
82
|
// src/Popover/index.ts
|
|
79
83
|
var Popover_default2 = Popover_default;
|
|
@@ -82,4 +86,4 @@ var Popover_default2 = Popover_default;
|
|
|
82
86
|
|
|
83
87
|
|
|
84
88
|
exports.Popover_default = Popover_default; exports.Popover_default2 = Popover_default2;
|
|
85
|
-
//# sourceMappingURL=chunk-
|
|
89
|
+
//# sourceMappingURL=chunk-YW4S32XV.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-YW4S32XV.cjs","../src/Popover/Popover.tsx","../src/Popover/index.ts"],"names":["Popover_default"],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACA;ACHA,wCAAuB;AACvB;AACE;AACA;AACA;AAAkB,0CACb;AAEP,oDAAyC;AAgG/B,+CAAA;AA3FH,IAAM,gBAAA,EAAkB,4BAAA;AAAG,EAChC,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,kBAAA;AAAA,IACN,OAAA,EAAS,gCAAA;AAAA,IACT,OAAA,EAAS,+BAAA;AAAA,IACT,MAAA,EAAQ,kBAAA;AAAA,IACR,aAAA,EAAe,QAAA;AAAA,IACf,MAAA,EAAQ,qCAAA;AAAA,IACR,aAAA,EAAe,QAAA;AAAA,IACf,OAAA,EAAS;AAAA,EACX;AACF,CAAC,CAAA;AA4CD,IAAM,QAAA,EAAU,CAAC;AAAA,EACf,SAAA,EAAW,IAAA;AAAA,EACX,SAAA,EAAW,WAAA,EAAa,KAAA,CAAA;AAAA,EACxB,OAAA;AAAA,EACA,cAAA,EAAgB,KAAA,CAAA;AAAA,EAChB,OAAA,EAAS,KAAA,CAAA;AAAA,EACT,OAAA,EAAS,KAAA,CAAA;AAAA,EACT,eAAA,EAAiB,KAAA,CAAA;AAAA,EACjB,UAAA,EAAY,KAAA;AAAA,EACZ,gBAAA,EAAkB,KAAA,CAAA;AAAA,EAClB,kBAAA,EAAoB,KAAA,CAAA;AAAA,EACpB,OAAA,EAAS,KAAA,CAAA;AAAA,EACT,mBAAA,EAAqB,KAAA;AACvB,CAAA,EAAA,GAAoB;AAElB,EAAA,MAAM,SAAA,EAAW,eAAA,CAAgB,CAAA;AACjC,EAAA,MAAM,UAAA,EAAY,8CAAA,QAAqB,EAAU,UAAA,EAAY,SAAS,CAAA;AAEtE,EAAA,uBACE,8BAAA;AAAA,IAAC,gBAAA;AAAA,IAAA,6CAAA,8CAAA;AAAA,MACC,SAAA,EAAS,IAAA;AAAA,MACT,UAAA,EAAY,SAAA;AAAA,MACZ,SAAA;AAAA,MACA,eAAA;AAAA,MACA,MAAA,EAAO,IAAA;AAAA,MACP;AAAA,IAAA,CAAA,EACK,eAAA,EACD,EAAE,MAAA,EAAQ,cAAA,CAAe,IAAA,EAAM,YAAA,EAAc,cAAA,CAAe,QAAQ,EAAA,EACpE,CAAC,CAAA,CAAA,EATN;AAAA,MAWC,QAAA,EAAA;AAAA,wBAAA,6BAAA,uBAAC,EAAA,EAAmB,aAAA,EAAa,MAAA,EAE9B,QAAA,EAAA,mBAAA,EAAA;AAAA;AAAA;AAAA,0BAIC,6BAAA,cAAC,EAAA,6CAAA,8CAAA,EAAO,SAAA,EAAW,SAAA,CAAU,QAAA,CAAA,EAAa,kBAAA,CAAA,EAAzC,EACE,SAAA,CAAA,CACH;AAAA,QAAA,EAAA,EAAA;AAAA;AAAA,0BAGA,6BAAA,QAAC,EAAA,EAAO,SAAA,EAAW,SAAA,CAAU,OAAA,EAAU,SAAA,CAAS;AAAA,QAAA,EAAA,CAEpD,CAAA;AAAA,wBACA,8BAAA,uBAAC,EAAA,EAAmB,aAAA,EAAa,aAAA,EAC9B,QAAA,EAAA;AAAA,UAAA,OAAA,kBACC,8BAAA,KAAC,EAAA,EAAI,SAAA,EAAW,SAAA,CAAU,aAAA,EACxB,QAAA,EAAA;AAAA,4BAAA,6BAAA,KAAC,EAAA,EAAI,SAAA,EAAW,SAAA,CAAU,MAAA,EAAS,QAAA,EAAA,OAAA,CAAO,CAAA;AAAA,4BAC1C,6BAAA,IAAC,EAAA,EAAG,SAAA,EAAW,SAAA,CAAU,QAAA,CAAS;AAAA,UAAA,EAAA,CACpC,EAAA,EACE,IAAA;AAAA,0BACJ,6BAAA,sCAAC,EAAA,EAAa,SAAA,EAAW,SAAA,CAAU,IAAA,EAAO,QAAA,EAAA,QAAA,CAAQ,CAAA;AAAA,UACjD,OAAA,kBACC,8BAAA,KAAC,EAAA,EAAI,SAAA,EAAW,SAAA,CAAU,aAAA,EACxB,QAAA,EAAA;AAAA,4BAAA,6BAAA,IAAC,EAAA,EAAG,SAAA,EAAW,SAAA,CAAU,QAAA,CAAS,CAAA;AAAA,4BAClC,6BAAA,KAAC,EAAA,EAAI,SAAA,EAAW,SAAA,CAAU,MAAA,EAAS,QAAA,EAAA,OAAA,CAAO;AAAA,UAAA,EAAA,CAC5C,EAAA,EACE;AAAA,QAAA,EAAA,CACN;AAAA,MAAA;AAAA,IAAA,CAAA;AAAA,EACF,CAAA;AAEJ,CAAA;AAEA,IAAO,gBAAA,EAAQ,OAAA;ADvDf;AACA;AE3EA,IAAOA,iBAAAA,EAAQ,eAAA;AF6Ef;AACA;AACE;AACA;AACF,uFAAC","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-YW4S32XV.cjs","sourcesContent":[null,"import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ButtonProps } from '@heroui/button';\nimport type { PopoverProps as HeroPopoverProps } from '@heroui/popover';\nimport type { ReactNode } from 'react';\n\nimport { Button } from '@heroui/button';\nimport {\n Popover as HeroPopover,\n PopoverContent as HeroPopoverContent,\n PopoverTrigger as HeroPopoverTrigger,\n} from '@heroui/popover';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nimport ScrollShadow from '../ScrollShadow/ScrollShadow';\n\n// popover styling variants\nexport const popoverVariants = tv({\n slots: {\n body: 'w-full px-4 py-2',\n content: 'flex max-h-[80vh] flex-col p-0',\n divider: 'border-divider m-0 w-full p-0',\n footer: 'w-full px-4 py-2',\n footerWrapper: 'w-full',\n header: 'w-full px-4 pt-2 pb-1 font-semibold',\n headerWrapper: 'w-full',\n trigger: '',\n },\n});\n\ntype VariantProps = TVProps<typeof popoverVariants>;\ntype ClassName = TVClassName<typeof popoverVariants>;\n\nexport interface PopoverProps extends VariantProps {\n /** child components */\n children?: ReactNode;\n /** CSS class name */\n className?: ClassName;\n /** content of the popover */\n content: ReactNode;\n /** HTML data-testid attribute used in e2e tests */\n contentTestId?: string;\n /** popover footer */\n footer?: ReactNode;\n /** Popover title */\n header?: ReactNode;\n /** use as controlled component */\n openControlled?: { open: boolean; setOpen: (open: boolean) => void };\n /** placement of the popover relative to its trigger reference */\n placement?: HeroPopoverProps['placement'];\n /** The container element in which the overlay portal will be placed. */\n portalContainer?: HeroPopoverProps['portalContainer'];\n /** Whether to block scrolling outside the popover */\n shouldBlockScroll?: boolean;\n /** HTML data-testid attribute used in e2e tests */\n testId?: string;\n /** When defined a Button will be rendered as trigger (with provided props) instead of unstyled html button */\n triggerButtonProps?: Pick<\n ButtonProps,\n | 'aria-label'\n | 'className'\n | 'color'\n | 'disableAnimation'\n | 'disabled'\n | 'size'\n | 'variant'\n >;\n}\n\n/**\n * Popover component based on [HeroUI Card](https://www.heroui.com//docs/components/popover)\n */\nconst Popover = ({\n children = null,\n className: _className = undefined,\n content,\n contentTestId = undefined,\n footer = undefined,\n header = undefined,\n openControlled = undefined,\n placement = 'top',\n portalContainer = undefined,\n shouldBlockScroll = undefined,\n testId = undefined,\n triggerButtonProps = undefined,\n}: PopoverProps) => {\n // className from slots\n const variants = popoverVariants();\n const className = variantsToClassNames(variants, _className, 'trigger');\n\n return (\n <HeroPopover\n showArrow\n classNames={className}\n placement={placement}\n portalContainer={portalContainer}\n radius=\"sm\"\n shouldBlockScroll={shouldBlockScroll}\n {...(openControlled\n ? { isOpen: openControlled.open, onOpenChange: openControlled.setOpen }\n : {})}\n >\n <HeroPopoverTrigger data-testid={testId}>\n {/* NOTE: type and aria properties are injected by HeroPopoverTrigger */}\n {triggerButtonProps ? (\n // TODO: currently we have to use @heroui/button because\n // passing ref does not work (even with forwardRef in Button)\n\n <Button className={className.trigger} {...triggerButtonProps}>\n {children}\n </Button>\n ) : (\n // eslint-disable-next-line react/button-has-type\n <button className={className.trigger}>{children}</button>\n )}\n </HeroPopoverTrigger>\n <HeroPopoverContent data-testid={contentTestId}>\n {header ? (\n <div className={className.headerWrapper}>\n <div className={className.header}>{header}</div>\n <hr className={className.divider} />\n </div>\n ) : null}\n <ScrollShadow className={className.body}>{content}</ScrollShadow>\n {footer ? (\n <div className={className.footerWrapper}>\n <hr className={className.divider} />\n <div className={className.footer}>{footer}</div>\n </div>\n ) : null}\n </HeroPopoverContent>\n </HeroPopover>\n );\n};\n\nexport default Popover;\n","import Popover from './Popover';\n\nexport type { PopoverProps } from './Popover';\n\nexport { Popover };\n\nexport default Popover;\n"]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _chunkAHEA4IJVcjs = require('./chunk-AHEA4IJV.cjs');
|
|
4
4
|
|
|
5
5
|
// src/Card/Card.tsx
|
|
6
6
|
var _react = require('react');
|
|
@@ -35,27 +35,39 @@ var Card = _react.forwardRef.call(void 0,
|
|
|
35
35
|
variants,
|
|
36
36
|
className,
|
|
37
37
|
"base"
|
|
38
|
-
), { divider: dividerClassName } = _a, classNames =
|
|
38
|
+
), { divider: dividerClassName } = _a, classNames = _chunkAHEA4IJVcjs.__objRest.call(void 0, _a, ["divider"]);
|
|
39
39
|
const divider = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _divider.Divider, { className: dividerClassName });
|
|
40
40
|
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
41
41
|
_card.Card,
|
|
42
42
|
{
|
|
43
|
-
|
|
44
|
-
"data-testid": testId && `card_${testId}`,
|
|
43
|
+
ref,
|
|
45
44
|
fullWidth: true,
|
|
45
|
+
classNames,
|
|
46
|
+
"data-testid": testId ? `card_${testId}` : null,
|
|
46
47
|
radius: "sm",
|
|
47
|
-
ref,
|
|
48
48
|
shadow: "none",
|
|
49
49
|
children: [
|
|
50
|
-
header
|
|
51
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
50
|
+
header ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
|
|
51
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
52
|
+
_card.CardHeader,
|
|
53
|
+
{
|
|
54
|
+
"data-testid": testId ? `card_header_${testId}` : null,
|
|
55
|
+
children: header
|
|
56
|
+
}
|
|
57
|
+
),
|
|
52
58
|
divider
|
|
53
|
-
] }),
|
|
54
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _card.CardBody, { "data-testid": testId
|
|
55
|
-
footer
|
|
59
|
+
] }) : null,
|
|
60
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _card.CardBody, { "data-testid": testId ? `card_body_${testId}` : null, children }),
|
|
61
|
+
footer ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
|
|
56
62
|
divider,
|
|
57
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
58
|
-
|
|
63
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
64
|
+
_card.CardFooter,
|
|
65
|
+
{
|
|
66
|
+
"data-testid": testId ? `card_footer_${testId}` : null,
|
|
67
|
+
children: footer
|
|
68
|
+
}
|
|
69
|
+
)
|
|
70
|
+
] }) : null
|
|
59
71
|
]
|
|
60
72
|
}
|
|
61
73
|
);
|
|
@@ -71,4 +83,4 @@ var Card_default2 = Card_default;
|
|
|
71
83
|
|
|
72
84
|
|
|
73
85
|
exports.cardVariants = cardVariants; exports.Card_default = Card_default; exports.Card_default2 = Card_default2;
|
|
74
|
-
//# sourceMappingURL=chunk-
|
|
86
|
+
//# sourceMappingURL=chunk-Z363QVXW.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-Z363QVXW.cjs","../src/Card/Card.tsx","../src/Card/index.ts"],"names":[],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACA;ACDA,8BAA2B;AAE3B;AACE;AACA;AACA;AACA;AAAc,oCACT;AACP,0CAAuC;AAEvC,oDAAyC;AAmDrB,+CAAA;AAhDb,IAAM,aAAA,EAAe,4BAAA;AAAG,EAC7B,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,uBAAA;AAAA,IACN,IAAA,EAAM,EAAA;AAAA,IACN,OAAA,EAAS,qBAAA;AAAA,IACT,MAAA,EAAQ,EAAA;AAAA,IACR,MAAA,EAAQ;AAAA,EACV;AACF,CAAC,CAAA;AAqBD,IAAM,KAAA,EAAO,+BAAA;AAAA,EACX,CACE;AAAA,IACE,SAAA,EAAW,IAAA;AAAA,IACX,UAAA,EAAY,KAAA,CAAA;AAAA,IACZ,OAAA,EAAS,KAAA,CAAA;AAAA,IACT,OAAA,EAAS,KAAA,CAAA;AAAA,IACT,OAAA,EAAS,KAAA;AAAA,EACX,CAAA,EACA,GAAA,EAAA,GACG;AAEH,IAAA,MAAM,SAAA,EAAW,YAAA,CAAa,CAAA;AAC9B,IAAA,MAAqD,GAAA,EAAA,8CAAA;AAAA,MACnD,QAAA;AAAA,MACA,SAAA;AAAA,MACA;AAAA,IACF,CAAA,EAJQ,EAAA,OAAA,EAAS,iBA1DrB,EAAA,EA0DyD,EAAA,EAAf,WAAA,EAAA,yCAAA,EAAe,EAAf,CAA9B,SAAA,CAAA,CAAA;AAMR,IAAA,MAAM,QAAA,kBAAU,6BAAA,gBAAC,EAAA,EAAY,SAAA,EAAW,iBAAA,CAAkB,CAAA;AAE1D,IAAA,uBACE,8BAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAS,IAAA;AAAA,QACT,UAAA;AAAA,QACA,aAAA,EAAa,OAAA,EAAS,CAAA,KAAA,EAAQ,MAAM,CAAA,EAAA;AAC7B,QAAA;AACA,QAAA;AAEN,QAAA;AACC,UAAA;AACE,4BAAA;AAAC,cAAA;AAAA,cAAA;AACuB,gBAAA;AAErB,gBAAA;AAAA,cAAA;AACH,YAAA;AACC,YAAA;AAED,UAAA;AACU,0BAAA;AAIZ,UAAA;AACG,YAAA;AACD,4BAAA;AAAC,cAAA;AAAA,cAAA;AACuB,gBAAA;AAErB,gBAAA;AAAA,cAAA;AACH,YAAA;AAEA,UAAA;AAAA,QAAA;AAAA,MAAA;AACN,IAAA;AAEJ,EAAA;AACF;AAEe;AD3BgC;AACA;AEvEhC;AFyEgC;AACA;AACA;AACA;AACA;AACA","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-Z363QVXW.cjs","sourcesContent":[null,"import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ReactNode } from 'react';\n\nimport { forwardRef } from 'react';\n\nimport {\n Card as HeroCard,\n CardBody as HeroCardBody,\n CardFooter as HeroCardFooter,\n CardHeader as HeroCardHeader,\n} from '@heroui/card';\nimport { Divider as HeroDivider } 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-divider border',\n body: '',\n divider: 'border-divider my-0',\n footer: '',\n header: 'z-auto 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 = <HeroDivider className={dividerClassName} />;\n\n return (\n <HeroCard\n ref={ref}\n fullWidth\n classNames={classNames}\n data-testid={testId ? `card_${testId}` : null}\n radius=\"sm\"\n shadow=\"none\"\n >\n {header ? (\n <>\n <HeroCardHeader\n data-testid={testId ? `card_header_${testId}` : null}\n >\n {header}\n </HeroCardHeader>\n {divider}\n </>\n ) : null}\n <HeroCardBody data-testid={testId ? `card_body_${testId}` : null}>\n {children}\n </HeroCardBody>\n {footer ? (\n <>\n {divider}\n <HeroCardFooter\n data-testid={testId ? `card_footer_${testId}` : null}\n >\n {footer}\n </HeroCardFooter>\n </>\n ) : null}\n </HeroCard>\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"]}
|
|
@@ -9,19 +9,21 @@ var ScrollShadow_default = ({
|
|
|
9
9
|
orientation = "vertical",
|
|
10
10
|
size = 40,
|
|
11
11
|
testId = void 0
|
|
12
|
-
}) =>
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
12
|
+
}) => {
|
|
13
|
+
return /* @__PURE__ */ jsx(
|
|
14
|
+
ScrollShadow,
|
|
15
|
+
{
|
|
16
|
+
className: cn(className),
|
|
17
|
+
"data-testid": testId,
|
|
18
|
+
hideScrollBar,
|
|
19
|
+
orientation,
|
|
20
|
+
size,
|
|
21
|
+
children
|
|
22
|
+
}
|
|
23
|
+
);
|
|
24
|
+
};
|
|
23
25
|
|
|
24
26
|
export {
|
|
25
27
|
ScrollShadow_default
|
|
26
28
|
};
|
|
27
|
-
//# sourceMappingURL=chunk-
|
|
29
|
+
//# sourceMappingURL=chunk-ZLSX6FH3.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/ScrollShadow/ScrollShadow.tsx"],"sourcesContent":["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 /** Hides the scrollbar */\n hideScrollBar?: boolean;\n /** Orientation of the scroll shadow */\n orientation?: 'horizontal' | 'vertical';\n /** Shadow size in pixels */\n size?: number;\n /** HTML data-testid attribute used in e2e tests */\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 hideScrollBar = false,\n orientation = 'vertical',\n size = 40,\n testId = undefined,\n}: ScrollShadowProps) => (\n
|
|
1
|
+
{"version":3,"sources":["../src/ScrollShadow/ScrollShadow.tsx"],"sourcesContent":["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 /** Hides the scrollbar */\n hideScrollBar?: boolean;\n /** Orientation of the scroll shadow */\n orientation?: 'horizontal' | 'vertical';\n /** Shadow size in pixels */\n size?: number;\n /** HTML data-testid attribute used in e2e tests */\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 hideScrollBar = false,\n orientation = 'vertical',\n size = 40,\n testId = undefined,\n}: ScrollShadowProps) => {\n return (\n <ScrollShadow\n className={cn(className)}\n data-testid={testId}\n hideScrollBar={hideScrollBar}\n orientation={orientation}\n size={size}\n >\n {children}\n </ScrollShadow>\n );\n};\n"],"mappings":";AAEA,SAAS,oBAAoB;AAE7B,SAAS,UAAU;AA6Bf;AATJ,IAAO,uBAAQ,CAAC;AAAA,EACd,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,cAAc;AAAA,EACd,OAAO;AAAA,EACP,SAAS;AACX,MAAyB;AACvB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,SAAS;AAAA,MACvB,eAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;","names":[]}
|
package/dist/hooks/index.cjs
CHANGED
package/dist/hooks/index.js
CHANGED
package/dist/index.cjs
CHANGED
|
@@ -1,28 +1,28 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
4
|
+
var _chunkIY2NXW6Xcjs = require('./chunk-IY2NXW6X.cjs');
|
|
5
5
|
|
|
6
6
|
|
|
7
7
|
|
|
8
|
-
var
|
|
8
|
+
var _chunkAZ7VMRHXcjs = require('./chunk-AZ7VMRHX.cjs');
|
|
9
9
|
|
|
10
10
|
|
|
11
11
|
|
|
12
|
-
var
|
|
12
|
+
var _chunkTFRAQ6OQcjs = require('./chunk-TFRAQ6OQ.cjs');
|
|
13
13
|
|
|
14
14
|
|
|
15
15
|
|
|
16
|
-
var
|
|
16
|
+
var _chunkG3YTOGEGcjs = require('./chunk-G3YTOGEG.cjs');
|
|
17
17
|
|
|
18
18
|
|
|
19
19
|
|
|
20
20
|
|
|
21
21
|
|
|
22
|
-
var
|
|
22
|
+
var _chunkLX5LJN3Icjs = require('./chunk-LX5LJN3I.cjs');
|
|
23
23
|
|
|
24
24
|
|
|
25
|
-
var
|
|
25
|
+
var _chunkJ2LI4ONScjs = require('./chunk-J2LI4ONS.cjs');
|
|
26
26
|
|
|
27
27
|
|
|
28
28
|
|
|
@@ -34,7 +34,7 @@ var _chunkY3RSI2KVcjs = require('./chunk-Y3RSI2KV.cjs');
|
|
|
34
34
|
|
|
35
35
|
|
|
36
36
|
|
|
37
|
-
var
|
|
37
|
+
var _chunkZ363QVXWcjs = require('./chunk-Z363QVXW.cjs');
|
|
38
38
|
|
|
39
39
|
|
|
40
40
|
|
|
@@ -42,51 +42,51 @@ var _chunk7APFE3MIcjs = require('./chunk-7APFE3MI.cjs');
|
|
|
42
42
|
|
|
43
43
|
|
|
44
44
|
|
|
45
|
-
var
|
|
45
|
+
var _chunkOLU26V56cjs = require('./chunk-OLU26V56.cjs');
|
|
46
46
|
|
|
47
47
|
|
|
48
|
-
var
|
|
48
|
+
var _chunk6ZSRU7OZcjs = require('./chunk-6ZSRU7OZ.cjs');
|
|
49
49
|
|
|
50
50
|
|
|
51
51
|
|
|
52
|
-
var
|
|
52
|
+
var _chunkBPBEZCSPcjs = require('./chunk-BPBEZCSP.cjs');
|
|
53
53
|
|
|
54
54
|
|
|
55
|
-
var
|
|
55
|
+
var _chunkAUPA2S2Fcjs = require('./chunk-AUPA2S2F.cjs');
|
|
56
56
|
|
|
57
57
|
|
|
58
58
|
|
|
59
|
-
var
|
|
59
|
+
var _chunkHPZBCSP3cjs = require('./chunk-HPZBCSP3.cjs');
|
|
60
60
|
|
|
61
61
|
|
|
62
|
-
var
|
|
63
|
-
require('./chunk-
|
|
62
|
+
var _chunkYW4S32XVcjs = require('./chunk-YW4S32XV.cjs');
|
|
63
|
+
require('./chunk-ITHJ52SN.cjs');
|
|
64
64
|
|
|
65
65
|
|
|
66
66
|
|
|
67
|
-
var
|
|
67
|
+
var _chunkPF4VI6L7cjs = require('./chunk-PF4VI6L7.cjs');
|
|
68
68
|
|
|
69
69
|
|
|
70
70
|
|
|
71
|
-
var
|
|
71
|
+
var _chunkUECUQP2Bcjs = require('./chunk-UECUQP2B.cjs');
|
|
72
72
|
|
|
73
73
|
|
|
74
|
-
var
|
|
74
|
+
var _chunkS4O4KDC3cjs = require('./chunk-S4O4KDC3.cjs');
|
|
75
75
|
|
|
76
76
|
|
|
77
77
|
var _chunk77J7NZYBcjs = require('./chunk-77J7NZYB.cjs');
|
|
78
78
|
|
|
79
79
|
|
|
80
|
-
var
|
|
80
|
+
var _chunkHG7AE6Q2cjs = require('./chunk-HG7AE6Q2.cjs');
|
|
81
81
|
|
|
82
82
|
|
|
83
83
|
|
|
84
|
-
var
|
|
84
|
+
var _chunkIBX6A72Pcjs = require('./chunk-IBX6A72P.cjs');
|
|
85
85
|
|
|
86
86
|
|
|
87
87
|
|
|
88
|
-
var
|
|
89
|
-
require('./chunk-
|
|
88
|
+
var _chunkKB6PZSJ5cjs = require('./chunk-KB6PZSJ5.cjs');
|
|
89
|
+
require('./chunk-AHEA4IJV.cjs');
|
|
90
90
|
|
|
91
91
|
|
|
92
92
|
|
|
@@ -131,5 +131,5 @@ require('./chunk-D4TLDLEX.cjs');
|
|
|
131
131
|
|
|
132
132
|
|
|
133
133
|
|
|
134
|
-
exports.Accordion =
|
|
134
|
+
exports.Accordion = _chunkPF4VI6L7cjs.Accordion_default; exports.Alert = _chunkUECUQP2Bcjs.Alert_default; exports.Avatar = _chunk77J7NZYBcjs.Avatar_default; exports.AvatarGroup = _chunkS4O4KDC3cjs.AvatarGroup_default; exports.Badge = _chunkHG7AE6Q2cjs.Badge_default; exports.Breadcrumb = _chunkIBX6A72Pcjs.Breadcrumb_default; exports.Button = _chunkKB6PZSJ5cjs.Button_default; exports.ButtonGroup = _chunkY3RSI2KVcjs.ButtonGroup_default; exports.Card = _chunkZ363QVXWcjs.Card_default; exports.Drawer = _chunkOLU26V56cjs.Drawer_default; exports.Json = _chunk6ZSRU7OZcjs.Json_default; exports.Label = _chunkBPBEZCSPcjs.Label_default; exports.Menu = _chunkAUPA2S2Fcjs.Menu_default; exports.Modal = _chunkHPZBCSP3cjs.Modal_default; exports.Popover = _chunkYW4S32XVcjs.Popover_default; exports.Progress = _chunkIY2NXW6Xcjs.Progress_default; exports.ProgressCircular = _chunkAZ7VMRHXcjs.ProgressCircular_default; exports.Table = _chunkTFRAQ6OQcjs.Table_default; exports.Tabs = _chunkG3YTOGEGcjs.Tabs_default; exports.Toast = _chunkLX5LJN3Icjs.Toast; exports.ToastProvider = _chunkLX5LJN3Icjs.ToastProvider_default; exports.Tooltip = _chunkJ2LI4ONScjs.Tooltip_default; exports.accordionVariants = _chunkPF4VI6L7cjs.accordionVariants; exports.addToast = _chunkLX5LJN3Icjs.addToast; exports.alertVariants = _chunkUECUQP2Bcjs.alertVariants; exports.breadcrumbVariants = _chunkIBX6A72Pcjs.breadcrumbVariants; exports.buttonVariants = _chunkKB6PZSJ5cjs.buttonVariants; exports.cardVariants = _chunkZ363QVXWcjs.cardVariants; exports.drawerBackdrops = _chunkOLU26V56cjs.drawerBackdrops; exports.drawerPlacements = _chunkOLU26V56cjs.drawerPlacements; exports.drawerRadii = _chunkOLU26V56cjs.drawerRadii; exports.drawerSizes = _chunkOLU26V56cjs.drawerSizes; exports.drawerVariants = _chunkOLU26V56cjs.drawerVariants; exports.labelVariants = _chunkBPBEZCSPcjs.labelVariants; exports.modalVariants = _chunkHPZBCSP3cjs.modalVariants; exports.progressCircularVariants = _chunkAZ7VMRHXcjs.progressCircularVariants; exports.progressVariants = _chunkIY2NXW6Xcjs.progressVariants; exports.tableVariants = _chunkTFRAQ6OQcjs.tableVariants; exports.tabsVariants = _chunkG3YTOGEGcjs.tabsVariants; exports.toastVariants = _chunkLX5LJN3Icjs.toastVariants; exports.useDebounce = _chunkOLI32URUcjs.useDebounce; exports.useIsInitialRenderCycle = _chunkOLI32URUcjs.useIsInitialRenderCycle; exports.useLocalStorage = _chunkOLI32URUcjs.useLocalStorage;
|
|
135
135
|
//# sourceMappingURL=index.cjs.map
|
package/dist/index.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/Json/theme.css"],"sourcesContent":["/********************************************************************\n * light theme variables\n * see: https://github.com/uiwjs/react-json-view/blob/main/core/src/theme/light.ts\n ********************************************************************/\n:root {\n --w-rjv-font-family: monospace;\n --w-rjv-color: #002b36;\n --w-rjv-key-string: #002b36;\n --w-rjv-background-color: unset;\n --w-rjv-line-color: #ebebeb;\n --w-rjv-arrow-color: var(--w-rjv-color);\n --w-rjv-edit-color: var(--w-rjv-color);\n --w-rjv-info-color: rgba(0, 0, 0, 0.3);\n --w-rjv-update-color: #ebcb8b;\n --w-rjv-copied-color: #002b36;\n --w-rjv-copied-success-color: #28a745;\n\n --w-rjv-curlybraces-color: #236a7c;\n --w-rjv-colon-color: #002b36;\n --w-rjv-brackets-color: #236a7c;\n --w-rjv-quotes-color: var(--w-rjv-key-string);\n --w-rjv-quotes-string-color: var(--w-rjv-type-string-color);\n\n --w-rjv-type-string-color: #cb4b16;\n --w-rjv-type-int-color: #268bd2;\n --w-rjv-type-float-color: #859900;\n --w-rjv-type-bigint-color: #268bd2;\n --w-rjv-type-boolean-color: #2aa198;\n --w-rjv-type-date-color: #586e75;\n --w-rjv-type-url-color: #0969da;\n --w-rjv-type-null-color: #d33682;\n --w-rjv-type-nan-color: #859900;\n --w-rjv-type-undefined-color: #586e75;\n}\n\n/********************************************************************\n * dark theme variables\n * see: https://github.com/uiwjs/react-json-view/blob/main/core/src/theme/vscode.ts\n ********************************************************************/\nhtml.dark,\n:root[data-theme
|
|
1
|
+
{"version":3,"sources":["../src/Json/theme.css"],"sourcesContent":["/********************************************************************\n * light theme variables\n * see: https://github.com/uiwjs/react-json-view/blob/main/core/src/theme/light.ts\n ********************************************************************/\n:root {\n --w-rjv-font-family: monospace;\n --w-rjv-color: #002b36;\n --w-rjv-key-string: #002b36;\n --w-rjv-background-color: unset;\n --w-rjv-line-color: #ebebeb;\n --w-rjv-arrow-color: var(--w-rjv-color);\n --w-rjv-edit-color: var(--w-rjv-color);\n --w-rjv-info-color: rgba(0, 0, 0, 0.3);\n --w-rjv-update-color: #ebcb8b;\n --w-rjv-copied-color: #002b36;\n --w-rjv-copied-success-color: #28a745;\n\n --w-rjv-curlybraces-color: #236a7c;\n --w-rjv-colon-color: #002b36;\n --w-rjv-brackets-color: #236a7c;\n --w-rjv-quotes-color: var(--w-rjv-key-string);\n --w-rjv-quotes-string-color: var(--w-rjv-type-string-color);\n\n --w-rjv-type-string-color: #cb4b16;\n --w-rjv-type-int-color: #268bd2;\n --w-rjv-type-float-color: #859900;\n --w-rjv-type-bigint-color: #268bd2;\n --w-rjv-type-boolean-color: #2aa198;\n --w-rjv-type-date-color: #586e75;\n --w-rjv-type-url-color: #0969da;\n --w-rjv-type-null-color: #d33682;\n --w-rjv-type-nan-color: #859900;\n --w-rjv-type-undefined-color: #586e75;\n}\n\n/********************************************************************\n * dark theme variables\n * see: https://github.com/uiwjs/react-json-view/blob/main/core/src/theme/vscode.ts\n ********************************************************************/\nhtml.dark,\n:root[data-theme='dark'] {\n --w-rjv-font-family: monospace;\n --w-rjv-color: #9cdcfe;\n --w-rjv-key-string: #9cdcfe;\n --w-rjv-background-color: unset;\n --w-rjv-line-color: rgba(54, 51, 66, 0.5);\n --w-rjv-arrow-color: #838383;\n --w-rjv-edit-color: var(--w-rjv-color);\n --w-rjv-info-color: rgba(156, 156, 156, 0.48);\n --w-rjv-update-color: #9cdcfe;\n --w-rjv-copied-color: #9cdcfe;\n --w-rjv-copied-success-color: #28a745;\n\n --w-rjv-curlybraces-color: #d4d4d4;\n --w-rjv-colon-color: #d4d4d4;\n --w-rjv-brackets-color: #d4d4d4;\n --w-rjv-quotes-color: var(--w-rjv-key-string);\n --w-rjv-quotes-string-color: var(--w-rjv-type-string-color);\n\n --w-rjv-type-string-color: #ce9178;\n --w-rjv-type-int-color: #b5cea8;\n --w-rjv-type-float-color: #b5cea8;\n --w-rjv-type-bigint-color: #b5cea8;\n --w-rjv-type-boolean-color: #569cd6;\n --w-rjv-type-date-color: #b5cea8;\n --w-rjv-type-url-color: #3b89cf;\n --w-rjv-type-null-color: #569cd6;\n --w-rjv-type-nan-color: #859900;\n --w-rjv-type-undefined-color: #569cd6;\n}\n"],"mappings":";AAIA;AACE,uBAAqB;AACrB,iBAAe;AACf,sBAAoB;AACpB,4BAA0B;AAC1B,sBAAoB;AACpB,uBAAqB,IAAI;AACzB,sBAAoB,IAAI;AACxB,sBAAoB,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AAClC,wBAAsB;AACtB,wBAAsB;AACtB,gCAA8B;AAE9B,6BAA2B;AAC3B,uBAAqB;AACrB,0BAAwB;AACxB,wBAAsB,IAAI;AAC1B,+BAA6B,IAAI;AAEjC,6BAA2B;AAC3B,0BAAwB;AACxB,4BAA0B;AAC1B,6BAA2B;AAC3B,8BAA4B;AAC5B,2BAAyB;AACzB,0BAAwB;AACxB,2BAAyB;AACzB,0BAAwB;AACxB,gCAA8B;AAChC;AAMA,IAAI,CAAC;AACL,KAAK,CAAC;AACJ,uBAAqB;AACrB,iBAAe;AACf,sBAAoB;AACpB,4BAA0B;AAC1B,sBAAoB,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;AACrC,uBAAqB;AACrB,sBAAoB,IAAI;AACxB,sBAAoB,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;AACxC,wBAAsB;AACtB,wBAAsB;AACtB,gCAA8B;AAE9B,6BAA2B;AAC3B,uBAAqB;AACrB,0BAAwB;AACxB,wBAAsB,IAAI;AAC1B,+BAA6B,IAAI;AAEjC,6BAA2B;AAC3B,0BAAwB;AACxB,4BAA0B;AAC1B,6BAA2B;AAC3B,8BAA4B;AAC5B,2BAAyB;AACzB,0BAAwB;AACxB,2BAAyB;AACzB,0BAAwB;AACxB,gCAA8B;AAChC;","names":[]}
|
package/dist/index.d.cts
CHANGED
|
@@ -2,9 +2,9 @@ export { A as Accordion, c as AccordionItemProps, b as AccordionProps, a as acco
|
|
|
2
2
|
export { A as Alert, b as AlertProps, a as alertVariants } from './Alert-Bozl_RiO.cjs';
|
|
3
3
|
export { A as Avatar, a as AvatarProps } from './Avatar-DjZ3H25h.cjs';
|
|
4
4
|
export { A as AvatarGroup, a as AvatarGroupProps } from './AvatarGroup-BujXZ7Vy.cjs';
|
|
5
|
-
export { A as Badge, B as BadgeProps } from './Badge-
|
|
5
|
+
export { A as Badge, B as BadgeProps } from './Badge-L8r9mgSs.cjs';
|
|
6
6
|
export { B as Breadcrumb, c as BreadcrumbItemProps, a as BreadcrumbProps, b as breadcrumbVariants } from './Breadcrumb-Cvt5Xa5D.cjs';
|
|
7
|
-
export { B as Button, a as ButtonProps, b as buttonVariants } from './Button-
|
|
7
|
+
export { B as Button, a as ButtonProps, b as buttonVariants } from './Button-BOaEQrs9.cjs';
|
|
8
8
|
export { B as ButtonGroup } from './ButtonGroup-CUxpALRo.cjs';
|
|
9
9
|
export { C as Card, a as CardProps, c as cardVariants } from './Card-OBRZ-ssX.cjs';
|
|
10
10
|
export { D as Drawer, f as DrawerProps, d as drawerBackdrops, a as drawerPlacements, b as drawerRadii, c as drawerSizes, e as drawerVariants } from './Drawer-JpihbwKl.cjs';
|
|
@@ -12,7 +12,7 @@ export { J as Json, a as JsonProps } from './Json-Dny90Wml.cjs';
|
|
|
12
12
|
export { L as Label, a as LabelProps, l as labelVariants } from './Label-B5fd7vp_.cjs';
|
|
13
13
|
export { M as Menu, b as MenuItem, a as MenuProps, c as MenuSection } from './Menu-DbeqxeL0.cjs';
|
|
14
14
|
export { M as Modal, a as ModalProps, m as modalVariants } from './Modal-BwFQz60I.cjs';
|
|
15
|
-
export {
|
|
15
|
+
export { P as Popover, a as PopoverProps } from './Popover-Bf192yqn.cjs';
|
|
16
16
|
export { P as ProgressCircular, a as ProgressCircularProps, p as progressCircularVariants } from './ProgressCircular-CkZsOW4R.cjs';
|
|
17
17
|
export { P as Progress, a as ProgressProps, p as progressVariants } from './Progress-Deph-HCf.cjs';
|
|
18
18
|
export { T as Table, c as TableColumnProps, a as TableProps, b as TableRowProps, V as VariantProps, t as tableVariants } from './Table-LKaPSY4D.cjs';
|
package/dist/index.d.ts
CHANGED
|
@@ -2,9 +2,9 @@ export { A as Accordion, c as AccordionItemProps, b as AccordionProps, a as acco
|
|
|
2
2
|
export { A as Alert, b as AlertProps, a as alertVariants } from './Alert-Bozl_RiO.js';
|
|
3
3
|
export { A as Avatar, a as AvatarProps } from './Avatar-DjZ3H25h.js';
|
|
4
4
|
export { A as AvatarGroup, a as AvatarGroupProps } from './AvatarGroup-B1Tdw57Q.js';
|
|
5
|
-
export { A as Badge, B as BadgeProps } from './Badge-
|
|
5
|
+
export { A as Badge, B as BadgeProps } from './Badge-L8r9mgSs.js';
|
|
6
6
|
export { B as Breadcrumb, c as BreadcrumbItemProps, a as BreadcrumbProps, b as breadcrumbVariants } from './Breadcrumb-Cvt5Xa5D.js';
|
|
7
|
-
export { B as Button, a as ButtonProps, b as buttonVariants } from './Button-
|
|
7
|
+
export { B as Button, a as ButtonProps, b as buttonVariants } from './Button-BOaEQrs9.js';
|
|
8
8
|
export { B as ButtonGroup } from './ButtonGroup-CUxpALRo.js';
|
|
9
9
|
export { C as Card, a as CardProps, c as cardVariants } from './Card-OBRZ-ssX.js';
|
|
10
10
|
export { D as Drawer, f as DrawerProps, d as drawerBackdrops, a as drawerPlacements, b as drawerRadii, c as drawerSizes, e as drawerVariants } from './Drawer-JpihbwKl.js';
|
|
@@ -12,7 +12,7 @@ export { J as Json, a as JsonProps } from './Json-Dny90Wml.js';
|
|
|
12
12
|
export { L as Label, a as LabelProps, l as labelVariants } from './Label-B5fd7vp_.js';
|
|
13
13
|
export { M as Menu, b as MenuItem, a as MenuProps, c as MenuSection } from './Menu-DbeqxeL0.js';
|
|
14
14
|
export { M as Modal, a as ModalProps, m as modalVariants } from './Modal-BwFQz60I.js';
|
|
15
|
-
export {
|
|
15
|
+
export { P as Popover, a as PopoverProps } from './Popover-Bf192yqn.js';
|
|
16
16
|
export { P as ProgressCircular, a as ProgressCircularProps, p as progressCircularVariants } from './ProgressCircular-CkZsOW4R.js';
|
|
17
17
|
export { P as Progress, a as ProgressProps, p as progressVariants } from './Progress-Deph-HCf.js';
|
|
18
18
|
export { T as Table, c as TableColumnProps, a as TableProps, b as TableRowProps, V as VariantProps, t as tableVariants } from './Table-LKaPSY4D.js';
|