@purpurds/popover 0.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (72) hide show
  1. package/dist/LICENSE.txt +905 -0
  2. package/dist/metadata.js +8 -0
  3. package/dist/popover-back.d.ts +9 -0
  4. package/dist/popover-back.d.ts.map +1 -0
  5. package/dist/popover-button.d.ts +37 -0
  6. package/dist/popover-button.d.ts.map +1 -0
  7. package/dist/popover-content.d.ts +93 -0
  8. package/dist/popover-content.d.ts.map +1 -0
  9. package/dist/popover-flow.d.ts +65 -0
  10. package/dist/popover-flow.d.ts.map +1 -0
  11. package/dist/popover-footer.d.ts +16 -0
  12. package/dist/popover-footer.d.ts.map +1 -0
  13. package/dist/popover-header.d.ts +7 -0
  14. package/dist/popover-header.d.ts.map +1 -0
  15. package/dist/popover-internal-context.d.ts +15 -0
  16. package/dist/popover-internal-context.d.ts.map +1 -0
  17. package/dist/popover-next.d.ts +9 -0
  18. package/dist/popover-next.d.ts.map +1 -0
  19. package/dist/popover-standalone.d.ts +12 -0
  20. package/dist/popover-standalone.d.ts.map +1 -0
  21. package/dist/popover-steps.d.ts +6 -0
  22. package/dist/popover-steps.d.ts.map +1 -0
  23. package/dist/popover-trigger.d.ts +27 -0
  24. package/dist/popover-trigger.d.ts.map +1 -0
  25. package/dist/popover-walkthrough.d.ts +13 -0
  26. package/dist/popover-walkthrough.d.ts.map +1 -0
  27. package/dist/popover.cjs.js +42 -0
  28. package/dist/popover.cjs.js.map +1 -0
  29. package/dist/popover.d.ts +36 -0
  30. package/dist/popover.d.ts.map +1 -0
  31. package/dist/popover.es.js +3849 -0
  32. package/dist/popover.es.js.map +1 -0
  33. package/dist/styles.css +1 -0
  34. package/dist/use-screen-size.hook.d.ts +7 -0
  35. package/dist/use-screen-size.hook.d.ts.map +1 -0
  36. package/dist/use-smooth-scroll.d.ts +5 -0
  37. package/dist/use-smooth-scroll.d.ts.map +1 -0
  38. package/dist/usePopoverTrigger.d.ts +5 -0
  39. package/dist/usePopoverTrigger.d.ts.map +1 -0
  40. package/dist/usePopoverWalkthrough.d.ts +7 -0
  41. package/dist/usePopoverWalkthrough.d.ts.map +1 -0
  42. package/eslint.config.mjs +2 -0
  43. package/package.json +82 -0
  44. package/src/global.d.ts +4 -0
  45. package/src/popover-back.test.tsx +63 -0
  46. package/src/popover-back.tsx +40 -0
  47. package/src/popover-button.test.tsx +51 -0
  48. package/src/popover-button.tsx +84 -0
  49. package/src/popover-content.test.tsx +1122 -0
  50. package/src/popover-content.tsx +277 -0
  51. package/src/popover-flow.tsx +170 -0
  52. package/src/popover-footer.test.tsx +21 -0
  53. package/src/popover-footer.tsx +32 -0
  54. package/src/popover-header.test.tsx +22 -0
  55. package/src/popover-header.tsx +32 -0
  56. package/src/popover-internal-context.tsx +28 -0
  57. package/src/popover-next.test.tsx +61 -0
  58. package/src/popover-next.tsx +40 -0
  59. package/src/popover-standalone.tsx +48 -0
  60. package/src/popover-steps.tsx +32 -0
  61. package/src/popover-trigger.tsx +71 -0
  62. package/src/popover-walkthrough.test.tsx +346 -0
  63. package/src/popover-walkthrough.tsx +45 -0
  64. package/src/popover.module.scss +315 -0
  65. package/src/popover.stories.tsx +1157 -0
  66. package/src/popover.test.tsx +642 -0
  67. package/src/popover.tsx +76 -0
  68. package/src/use-screen-size.hook.ts +39 -0
  69. package/src/use-smooth-scroll.ts +62 -0
  70. package/src/usePopoverTrigger.ts +59 -0
  71. package/src/usePopoverWalkthrough.ts +85 -0
  72. package/vitest.setup.ts +30 -0
@@ -0,0 +1,8 @@
1
+ module.exports = {
2
+ "moduleName": "popover",
3
+ "exports": [
4
+ "PopoverAction",
5
+ "PopoverProps",
6
+ "Popover"
7
+ ]
8
+ };
@@ -0,0 +1,9 @@
1
+ import { default as React, ReactNode } from 'react';
2
+ export declare const PopoverBack: {
3
+ ({ children, onClick, }: {
4
+ children: ReactNode;
5
+ onClick?: () => void;
6
+ }): React.JSX.Element;
7
+ displayName: string;
8
+ };
9
+ //# sourceMappingURL=popover-back.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"popover-back.d.ts","sourceRoot":"","sources":["../src/popover-back.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAO9C,eAAO,MAAM,WAAW;6BAGrB;QACD,QAAQ,EAAE,SAAS,CAAC;QACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;KACtB;;CAwBA,CAAC"}
@@ -0,0 +1,37 @@
1
+ import { default as React, ReactNode } from 'react';
2
+ import { ButtonProps } from '@purpurds/button';
3
+ import * as RadixPopover from "@radix-ui/react-popover";
4
+ export type PopoverButtonProps = RadixPopover.PopoverCloseProps & {
5
+ /**
6
+ * Button label or content.
7
+ */
8
+ children: ReactNode;
9
+ /**
10
+ * Whether to use the child element as the button instead of wrapping in a Button component.
11
+ * @default false
12
+ */
13
+ asChild?: boolean;
14
+ /**
15
+ * Click handler called when the button is clicked.
16
+ */
17
+ onClick?: () => void;
18
+ /**
19
+ * Visual variant of the button.
20
+ * @default "primary"
21
+ */
22
+ variant?: ButtonProps["variant"];
23
+ /**
24
+ * Whether clicking the button should dismiss/close the popover.
25
+ * @default true
26
+ */
27
+ dismiss?: boolean;
28
+ /**
29
+ * Whether the button should take full width. If not specified, defaults to true on mobile (md or smaller).
30
+ */
31
+ fullWidth?: boolean;
32
+ };
33
+ export declare const PopoverButton: {
34
+ ({ children, asChild, onClick, variant, dismiss, fullWidth, }: PopoverButtonProps): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | React.JSX.Element | null | undefined;
35
+ displayName: string;
36
+ };
37
+ //# sourceMappingURL=popover-button.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"popover-button.d.ts","sourceRoot":"","sources":["../src/popover-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,KAAK,YAAY,MAAM,yBAAyB,CAAC;AAMxD,MAAM,MAAM,kBAAkB,GAAG,YAAY,CAAC,iBAAiB,GAAG;IAChE;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IACjC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,aAAa;mEAOvB,kBAAkB;;CAoCpB,CAAC"}
@@ -0,0 +1,93 @@
1
+ import { default as React, ReactNode } from 'react';
2
+ import * as RadixPopover from "@radix-ui/react-popover";
3
+ export type PopoverAction = {
4
+ type: "next" | "back" | "finish" | "dismiss";
5
+ step?: number;
6
+ };
7
+ export type PopoverContentProps = RadixPopover.PopoverContentProps & {
8
+ /**
9
+ * Position of the arrow/beak pointing to the trigger element.
10
+ * Set to "none" to hide the arrow.
11
+ * @default "down"
12
+ */
13
+ beakPosition?: "up" | "right" | "down" | "left" | "none";
14
+ /**
15
+ * Whether to use negative (light) styling for the popover content.
16
+ * @default false
17
+ */
18
+ negative?: boolean;
19
+ /**
20
+ * Accessible label for the close button icon.
21
+ */
22
+ closeIconAriaLabel: string;
23
+ /**
24
+ * Main title text displayed in the popover header.
25
+ */
26
+ title: string;
27
+ /**
28
+ * Optional icon displayed in the popover header next to the title.
29
+ */
30
+ icon?: ReactNode;
31
+ /**
32
+ * Main body text content of the popover.
33
+ */
34
+ body: string;
35
+ /**
36
+ * Custom footer content. If not provided and used within PopoverFlow,
37
+ * default navigation buttons will be rendered.
38
+ */
39
+ children?: ReactNode;
40
+ /**
41
+ * Callback fired when user interacts with navigation buttons (next, back, finish, dismiss).
42
+ */
43
+ onAction?: (action: PopoverAction) => void;
44
+ /**
45
+ * CSS z-index value for the popover content.
46
+ * @default 210
47
+ */
48
+ zIndex?: number;
49
+ };
50
+ export declare const PopoverContent: React.ForwardRefExoticComponent<RadixPopover.PopoverContentProps & {
51
+ /**
52
+ * Position of the arrow/beak pointing to the trigger element.
53
+ * Set to "none" to hide the arrow.
54
+ * @default "down"
55
+ */
56
+ beakPosition?: "up" | "right" | "down" | "left" | "none";
57
+ /**
58
+ * Whether to use negative (light) styling for the popover content.
59
+ * @default false
60
+ */
61
+ negative?: boolean;
62
+ /**
63
+ * Accessible label for the close button icon.
64
+ */
65
+ closeIconAriaLabel: string;
66
+ /**
67
+ * Main title text displayed in the popover header.
68
+ */
69
+ title: string;
70
+ /**
71
+ * Optional icon displayed in the popover header next to the title.
72
+ */
73
+ icon?: ReactNode;
74
+ /**
75
+ * Main body text content of the popover.
76
+ */
77
+ body: string;
78
+ /**
79
+ * Custom footer content. If not provided and used within PopoverFlow,
80
+ * default navigation buttons will be rendered.
81
+ */
82
+ children?: ReactNode;
83
+ /**
84
+ * Callback fired when user interacts with navigation buttons (next, back, finish, dismiss).
85
+ */
86
+ onAction?: (action: PopoverAction) => void;
87
+ /**
88
+ * CSS z-index value for the popover content.
89
+ * @default 210
90
+ */
91
+ zIndex?: number;
92
+ } & React.RefAttributes<HTMLDivElement>>;
93
+ //# sourceMappingURL=popover-content.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"popover-content.d.ts","sourceRoot":"","sources":["../src/popover-content.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAc,KAAK,SAAS,EAAU,MAAM,OAAO,CAAC;AAIlE,OAAO,KAAK,YAAY,MAAM,yBAAyB,CAAC;AAcxD,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAC;IAC7C,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,YAAY,CAAC,mBAAmB,GAAG;IACnE;;;;OAIG;IACH,YAAY,CAAC,EAAE,IAAI,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;IACzD;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,kBAAkB,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,KAAK,IAAI,CAAC;IAC3C;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,cAAc;IA3CzB;;;;OAIG;mBACY,IAAI,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM;IACxD;;;OAGG;eACQ,OAAO;IAClB;;OAEG;wBACiB,MAAM;IAC1B;;OAEG;WACI,MAAM;IACb;;OAEG;WACI,SAAS;IAChB;;OAEG;UACG,MAAM;IACZ;;;OAGG;eACQ,SAAS;IACpB;;OAEG;eACQ,CAAC,MAAM,EAAE,aAAa,KAAK,IAAI;IAC1C;;;OAGG;aACM,MAAM;wCAkNhB,CAAC"}
@@ -0,0 +1,65 @@
1
+ import { default as React, ReactNode } from 'react';
2
+ type PopoverFlowContextType = {
3
+ currentStep: number;
4
+ totalSteps: number;
5
+ next: () => void;
6
+ back: () => void;
7
+ dismiss: () => void;
8
+ registerStep: (step: number) => void;
9
+ unregisterStep: (step: number) => void;
10
+ separatorText: string;
11
+ stepText: string;
12
+ backLabel: string;
13
+ nextLabel: string;
14
+ finishLabel: string;
15
+ openDelay: number;
16
+ };
17
+ export declare const usePopoverFlow: () => PopoverFlowContextType;
18
+ export declare const useOptionalPopoverFlow: () => PopoverFlowContextType | null;
19
+ export type PopoverFlowProps = {
20
+ /**
21
+ * Child components, typically multiple Popover components with step numbers.
22
+ */
23
+ children: ReactNode;
24
+ /**
25
+ * The step number to show when the flow starts.
26
+ * @default 1
27
+ */
28
+ initialStep?: number;
29
+ /**
30
+ * Callback fired when the user completes the last step of the flow.
31
+ */
32
+ onComplete?: () => void;
33
+ /**
34
+ * Callback fired when the user dismisses the flow before completing it.
35
+ */
36
+ onDismiss?: () => void;
37
+ /**
38
+ * Text used as separator in the step indicator (e.g., "of" in "1 of 3").
39
+ */
40
+ separatorText: string;
41
+ /**
42
+ * Text label for "Step" in the step indicator.
43
+ */
44
+ stepText: string;
45
+ /**
46
+ * Label for the back navigation button.
47
+ */
48
+ backLabel: string;
49
+ /**
50
+ * Label for the next navigation button.
51
+ */
52
+ nextLabel: string;
53
+ /**
54
+ * Label for the finish button on the last step.
55
+ */
56
+ finishLabel: string;
57
+ /**
58
+ * Delay in milliseconds before opening the next popover in the flow.
59
+ * @default 0
60
+ */
61
+ openDelay?: number;
62
+ };
63
+ export declare const PopoverFlow: ({ children, initialStep, onComplete, onDismiss, separatorText, stepText, backLabel, nextLabel, finishLabel, openDelay, }: PopoverFlowProps) => React.JSX.Element;
64
+ export {};
65
+ //# sourceMappingURL=popover-flow.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"popover-flow.d.ts","sourceRoot":"","sources":["../src/popover-flow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAEZ,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AAEf,KAAK,sBAAsB,GAAG;IAC5B,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,cAAc,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAIF,eAAO,MAAM,cAAc,8BAM1B,CAAC;AAEF,eAAO,MAAM,sBAAsB,QAAO,sBAAsB,GAAG,IAElE,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB;;OAEG;IACH,aAAa,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,0HAWzB,gBAAgB,sBA0ElB,CAAC"}
@@ -0,0 +1,16 @@
1
+ import { default as React, ReactNode } from 'react';
2
+ export type PopoverFooterProps = {
3
+ /**
4
+ * Footer content, typically navigation buttons like PopoverButton, PopoverNext, or PopoverBack.
5
+ */
6
+ children: ReactNode;
7
+ /**
8
+ * Optional CSS class name for custom styling.
9
+ */
10
+ className?: string;
11
+ };
12
+ export declare const PopoverFooter: {
13
+ ({ children, className }: PopoverFooterProps): React.JSX.Element;
14
+ displayName: string;
15
+ };
16
+ //# sourceMappingURL=popover-footer.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"popover-footer.d.ts","sourceRoot":"","sources":["../src/popover-footer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAS9C,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,aAAa;8BAA6B,kBAAkB;;CASxE,CAAC"}
@@ -0,0 +1,7 @@
1
+ import { default as React, ReactNode } from 'react';
2
+ export type PopoverHeaderProps = {
3
+ title: string;
4
+ icon?: ReactNode;
5
+ };
6
+ export declare const PopoverHeader: React.ForwardRefExoticComponent<PopoverHeaderProps & React.RefAttributes<HTMLDivElement>>;
7
+ //# sourceMappingURL=popover-header.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"popover-header.d.ts","sourceRoot":"","sources":["../src/popover-header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAQ1D,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,aAAa,2FAgBzB,CAAC"}
@@ -0,0 +1,15 @@
1
+ export type PopoverInternalContextValue = {
2
+ isOpen: boolean;
3
+ walkthroughStep: number;
4
+ onScrollComplete?: () => void;
5
+ onScrollStart?: () => void;
6
+ disableClickOutside?: boolean;
7
+ };
8
+ export declare const PopoverInternalContext: import('react').Context<PopoverInternalContextValue | null>;
9
+ export declare const usePopoverInternal: () => PopoverInternalContextValue | null;
10
+ export type PopoverNegativeContextValue = {
11
+ negative: boolean;
12
+ };
13
+ export declare const PopoverNegativeContext: import('react').Context<PopoverNegativeContextValue>;
14
+ export declare const usePopoverNegative: () => PopoverNegativeContextValue;
15
+ //# sourceMappingURL=popover-internal-context.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"popover-internal-context.d.ts","sourceRoot":"","sources":["../src/popover-internal-context.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,2BAA2B,GAAG;IACxC,MAAM,EAAE,OAAO,CAAC;IAChB,eAAe,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B,CAAC;AAEF,eAAO,MAAM,sBAAsB,6DAA0D,CAAC;AAE9F,eAAO,MAAM,kBAAkB,0CAG9B,CAAC;AAGF,MAAM,MAAM,2BAA2B,GAAG;IACxC,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,sBAAsB,sDAAkE,CAAC;AAEtG,eAAO,MAAM,kBAAkB,mCAG9B,CAAC"}
@@ -0,0 +1,9 @@
1
+ import { default as React, ReactNode } from 'react';
2
+ export declare const PopoverNext: {
3
+ ({ children, onClick, }: {
4
+ children: ReactNode;
5
+ onClick?: () => void;
6
+ }): React.JSX.Element;
7
+ displayName: string;
8
+ };
9
+ //# sourceMappingURL=popover-next.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"popover-next.d.ts","sourceRoot":"","sources":["../src/popover-next.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAO9C,eAAO,MAAM,WAAW;6BAGrB;QACD,QAAQ,EAAE,SAAS,CAAC;QACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;KACtB;;CAwBA,CAAC"}
@@ -0,0 +1,12 @@
1
+ import { default as React, ReactNode } from 'react';
2
+ import * as RadixPopover from "@radix-ui/react-popover";
3
+ export type PopoverStandaloneProps = RadixPopover.PopoverProps & {
4
+ children: ReactNode;
5
+ className?: string;
6
+ disableClickOutside?: boolean;
7
+ };
8
+ export declare const PopoverStandalone: {
9
+ ({ children, open: controlledOpen, defaultOpen, onOpenChange, disableClickOutside, ...props }: PopoverStandaloneProps): React.JSX.Element;
10
+ displayName: string;
11
+ };
12
+ //# sourceMappingURL=popover-standalone.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"popover-standalone.d.ts","sourceRoot":"","sources":["../src/popover-standalone.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AACxD,OAAO,KAAK,YAAY,MAAM,yBAAyB,CAAC;AAIxD,MAAM,MAAM,sBAAsB,GAAG,YAAY,CAAC,YAAY,GAAG;IAC/D,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B,CAAC;AAEF,eAAO,MAAM,iBAAiB;mGAO3B,sBAAsB;;CA2BxB,CAAC"}
@@ -0,0 +1,6 @@
1
+ import { default as React } from 'react';
2
+ export declare const PopoverSteps: {
3
+ (): React.JSX.Element;
4
+ displayName: string;
5
+ };
6
+ //# sourceMappingURL=popover-steps.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"popover-steps.d.ts","sourceRoot":"","sources":["../src/popover-steps.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,eAAO,MAAM,YAAY;;;CAmBxB,CAAC"}
@@ -0,0 +1,27 @@
1
+ import { default as React } from 'react';
2
+ import * as RadixPopover from "@radix-ui/react-popover";
3
+ export type PopoverTriggerProps = RadixPopover.PopoverTriggerProps & {
4
+ /**
5
+ * Whether to show visual highlight effect around the trigger when popover is open.
6
+ * @default true
7
+ */
8
+ highlight?: boolean;
9
+ /**
10
+ * Whether to use negative (light) styling for the highlight effect.
11
+ * @default false
12
+ */
13
+ negative?: boolean;
14
+ };
15
+ export declare const PopoverTrigger: React.ForwardRefExoticComponent<RadixPopover.PopoverTriggerProps & {
16
+ /**
17
+ * Whether to show visual highlight effect around the trigger when popover is open.
18
+ * @default true
19
+ */
20
+ highlight?: boolean;
21
+ /**
22
+ * Whether to use negative (light) styling for the highlight effect.
23
+ * @default false
24
+ */
25
+ negative?: boolean;
26
+ } & React.RefAttributes<HTMLButtonElement>>;
27
+ //# sourceMappingURL=popover-trigger.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"popover-trigger.d.ts","sourceRoot":"","sources":["../src/popover-trigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,YAAY,MAAM,yBAAyB,CAAC;AAQxD,MAAM,MAAM,mBAAmB,GAAG,YAAY,CAAC,mBAAmB,GAAG;IACnE;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,cAAc;IAZzB;;;OAGG;gBACS,OAAO;IACnB;;;OAGG;eACQ,OAAO;2CAiDnB,CAAC"}
@@ -0,0 +1,13 @@
1
+ import { default as React, ReactNode } from 'react';
2
+ import * as RadixPopover from "@radix-ui/react-popover";
3
+ export type PopoverWalkthroughProps = RadixPopover.PopoverProps & {
4
+ children: ReactNode;
5
+ step: number;
6
+ className?: string;
7
+ disableClickOutside?: boolean;
8
+ };
9
+ export declare const PopoverWalkthrough: {
10
+ ({ children, step, onOpenChange: consumerOnOpenChange, disableClickOutside, ...props }: PopoverWalkthroughProps): React.JSX.Element;
11
+ displayName: string;
12
+ };
13
+ //# sourceMappingURL=popover-walkthrough.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"popover-walkthrough.d.ts","sourceRoot":"","sources":["../src/popover-walkthrough.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,KAAK,YAAY,MAAM,yBAAyB,CAAC;AAKxD,MAAM,MAAM,uBAAuB,GAAG,YAAY,CAAC,YAAY,GAAG;IAChE,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B,CAAC;AAEF,eAAO,MAAM,kBAAkB;4FAM5B,uBAAuB;;CAuBzB,CAAC"}