@stack-spot/portal-layout 0.0.64 → 1.0.0-dev.1768482785050

package/dist/components/menu/types.d.ts

@@ -1,5 +1,5 @@
+import { Action } from '@stack-spot/portal-components/SelectionList';
 import { ReactElement, ReactNode } from 'react';
-import { Action } from '../types.js';
 interface BaseMenuItem {
     hidden?: boolean;
     /**
@@ -17,40 +17,105 @@ interface BaseMenuItem {
     overflow?: 'hidden' | 'wrap' | 'ellipsis';
 }
 export interface ItemGroup extends BaseMenuItem {
+    /**
+     * The label for this group.
+     */
     label: string;
+    /**
+     * The items in this group.
+     */
     children: MenuItem[];
+    /**
+     * Whether it should start opened or not.
+     */
     open?: boolean;
+    showAsTitle?: boolean;
 }
 export interface MenuAction extends Action, BaseMenuItem {
+    /**
+     * Whether this menu item is currently active or not.
+     */
     active?: boolean;
 }
 export type MenuItem = ItemGroup | MenuAction;
-export interface MenuButton extends Action {
-    icon?: ReactElement;
-}
 export interface SelectorItem extends Action {
+    /**
+     * A unique id for this item.
+     */
     key: string;
+    /**
+     * An icon to place at the left side of the item.
+     */
     icon?: ReactElement;
 }
 export interface Selector {
+    /**
+     * The current value. Must correspond to a `key` in `options`.
+     */
     value?: string;
+    /**
+     * A series of options to show in the selector.
+     */
     options: SelectorItem[];
+    /**
+     * An extra button to show after the list of options.
+     */
     button?: Action;
+    /**
+     * A title of this selector.
+     */
     title?: string;
+    /**
+     * A subtitle for this selector.
+     */
     subtitle?: string;
+    /**
+     * Whether or not the options for this selector are loading.
+     */
     loading?: boolean;
 }
 export interface MenuSectionContent {
+    /**
+     * A link to go back.
+     */
     goBack?: Action;
+    /**
+     * A title for this menu.
+     */
     title?: string;
+    /**
+     * A subtitle for this menu.
+     */
     subtitle?: string;
+    /**
+     * A custom React Node to add right after the menu title.
+     */
     afterTitle?: React.ReactNode;
+    /**
+     * A page selector.
+     */
     pageSelector?: Selector;
+    /**
+     * The menu options, may contain subgroups.
+     */
     options?: MenuItem[];
+    /**
+     * Whether or not the options for this menu are loading.
+     */
     loading?: boolean;
+    /**
+     * An error to show instead of the menu.
+     */
     error?: string;
 }
 export interface MenuSection extends Action {
+    /**
+     * Type should not be present in menu section items
+     */
+    type?: never;
+    /**
+     * The icon for this section.
+     */
     icon: ReactElement;
     /**
      * The content or a function that creates the content.
@@ -65,29 +130,168 @@ export interface MenuSection extends Action {
      * This should be used when the content you want to render is not the default content
      */
     customContent?: ReactNode;
+    /**
+     * Whether or not this section is currently active.
+     */
     active?: boolean;
-    onOpen?: () => void;
+    /**
+     * A css class to pass to the <li> tag.
+     */
     className?: string;
     hidden?: boolean;
+    /**
+     * The items in this group. This property will create a accordion to include the items
+     */
+    children?: MenuSection[];
+    /**
+     * initial value to accordion when using children prop
+     */
+    open?: boolean;
+    /**
+     * Badge to show at the right of the item.
+     */
+    badge?: ReactElement;
+    /**
+     * If true, when the section menu is collapsed, if this item has children, it will be replaced by its children and lose the
+     * collapse/expand behavior.
+     * @default true
+     */
+    replaceWithChildrenWhenCollapsed?: boolean;
+}
+export interface MenuSectionCustomItem {
+    /**
+     * Type to indicate the element is a custom item.
+     */
+    type: 'custom-element';
+    /**
+     * Children to be rendered
+     */
+    children?: ReactNode;
+    /**
+     * A css class to pass to the <div> tag.
+     */
+    className?: string;
+    /**
+     * A boolean indicating whether or not the element should be visible.
+     */
+    hidden?: boolean;
+    /**
+     * The icon for this section.
+     */
+    icon: ReactElement;
+    content?: never;
+    customContent?: never;
+    active?: never;
+    open?: never;
+    badge?: never;
+    label?: never;
+    onClick?: never;
+    href?: never;
+    target?: never;
+    lang?: never;
+    hrefLang?: never;
+    title?: never;
 }
 interface BaseMenuProps {
-    sections?: MenuSection[];
+    /**
+     * The sections of the menu.
+     */
+    sections?: (MenuSection | MenuSectionCustomItem)[];
+    /**
+     * The content of the menu as a React Element. Use this to create anything you want as the menu content, but prefer using `content`
+     * instead, which is a predefined menu.
+     */
     customContent?: ReactNode;
+    /**
+     * Options for the settings button.
+     */
     settings?: {
+        /**
+         * Whether or not to show the settings button.
+         */
         show?: boolean;
+        /**
+         * A function to call when the button is clicked.
+         */
         onClick?: () => void;
+        /**
+         * A url to go to when the button is clicked.
+         */
         href?: string;
+        /**
+         * Whether or not this button represents the page currently active.
+         */
         active?: boolean;
+        /**
+         * A css class to pass to the button.
+         */
         className?: string;
     };
+    /**
+     * Options for the rate button.
+     */
+    rateUs?: {
+        /**
+         * Whether or not to show the rate button.
+         */
+        show?: boolean;
+        /**
+         * A function to call when the button is clicked.
+         */
+        onClick?: () => void;
+        /**
+         * A url to go to when the button is clicked.
+         */
+        href?: string;
+        /**
+         * Whether or not this button represents the page currently active.
+         */
+        active?: boolean;
+        /**
+         * A css class to pass to the button.
+         */
+        className?: string;
+    };
+    /**
+     * Options for the contact us button.
+     */
+    contactUs?: {
+        /**
+         * Whether or not to show the rate button.
+         */
+        show?: boolean;
+        /**
+         * A function to call when the button is clicked.
+         */
+        onClick?: () => void;
+        /**
+         * A url to go to when the button is clicked.
+         */
+        href?: string;
+        /**
+         * Whether or not this button represents the page currently active.
+         */
+        active?: boolean;
+        /**
+         * A css class to pass to the button.
+         */
+        className?: string;
+        /**
+         * Target of the URL to open.
+         */
+        target?: React.AnchorHTMLAttributes<HTMLAnchorElement>['target'];
+    };
 }
 export interface MenuPropsWithStaticContent extends BaseMenuProps {
+    /**
+     * The config for creating the menu content.
+     */
     content?: MenuSectionContent;
 }
 export interface MenuPropsWithDynamicContent extends BaseMenuProps {
     /**
-     * The function that creates the content. It will be called only when the content is rendered, i.e. only when the content really needs to
-     * be rendered.
+     * The function that creates a config to render a menu content. It will be called only when the content is rendered, i.e. only when the
+     * content really needs to be rendered.
      *
      * Tip: this function can be a React Hook.
      */
@@ -96,6 +300,13 @@ export interface MenuPropsWithDynamicContent extends BaseMenuProps {
      * Identifies each content that might be rendered by the menu. This prevents React Hook errors when the content is a React Hook function.
      */
     contentKey: React.Key;
+    /**
+     * The function that creates a config to render a third level nav menu content. It will be called only when the content is rendered,
+     * i.e. only when the content really needs to be rendered.
+     *
+     * Tip: this function can be a React Hook.
+     */
+    innerContent?: MenuSectionContent | (() => MenuSectionContent | undefined);
 }
 export type MenuProps = MenuPropsWithStaticContent | MenuPropsWithDynamicContent;
 export {};

package/dist/components/menu/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/menu/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/menu/types.ts"],"names":[],"mappings":"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"}

package/dist/components/tour/StepContainer.d.ts

@@ -0,0 +1,37 @@
+import React, { ReactNode } from 'react';
+import { NavigationProps } from './StepNavigation.js';
+interface StepContainerProps {
+    children: ReactNode;
+    /**
+     * The unique identifier for the step.
+     */
+    stepKey: string;
+    /**
+     * The title for the step.
+     */
+    title: string;
+    /**
+     * The position of the tour overlay related to the content being explained.
+     */
+    position?: PointingArrowPosition;
+    /**
+     * The CSS 'right' property to adjust the horizontal position of the overlay.
+     */
+    right?: React.CSSProperties['right'];
+    /**
+     * The CSS 'top' property to adjust the vertical position of the overlay.
+     */
+    top?: React.CSSProperties['top'];
+    /**
+     * A customizable set of buttons for navigating the tour steps.
+     */
+    customNavigation?: Omit<NavigationProps, 'stepKey'>;
+}
+/**
+ * Tutorial: the overlay component for showing a step on React Tour.
+ * @param props the react props for the component {@link StepContainerProps}.
+ */
+export declare const StepContainer: ({ title, stepKey, customNavigation, position, top, right, children }: StepContainerProps) => import("react/jsx-runtime").JSX.Element;
+export type PointingArrowPosition = 'right' | 'top' | 'left' | 'bottom';
+export {};
+//# sourceMappingURL=StepContainer.d.ts.map

package/dist/components/tour/StepContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepContainer.d.ts","sourceRoot":"","sources":["../../../src/components/tour/StepContainer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAExC,OAAO,EAAE,eAAe,EAAkB,MAAM,kBAAkB,CAAA;AAIlE,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,qBAAqB,CAAC;IACjC;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IACrC;;OAEG;IACH,GAAG,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACjC;;OAEG;IACH,gBAAgB,CAAC,EAAE,IAAI,CAAC,eAAe,EAAE,SAAS,CAAC,CAAC;CACrD;AAED;;;GAGG;AACH,eAAO,MAAM,aAAa,GAAI,sEAAiF,kBAAkB,4CAShI,CAAA;AAED,MAAM,MAAM,qBAAqB,GAAG,OAAO,GAAG,KAAK,GAAG,MAAM,GAAG,QAAQ,CAAA"}

package/dist/components/tour/StepContainer.js

@@ -0,0 +1,51 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { theme } from '@stack-spot/portal-theme';
+import { styled } from 'styled-components';
+import { StepNavigation } from './StepNavigation.js';
+import { StepTitle } from './StepTitle.js';
+import { useTour } from './hook.js';
+/**
+ * Tutorial: the overlay component for showing a step on React Tour.
+ * @param props the react props for the component {@link StepContainerProps}.
+ */
+export const StepContainer = ({ title, stepKey, customNavigation, position = 'bottom', top, right, children }) => {
+    const { closeTour } = useTour();
+    return (_jsxs(BoxWithPointingArrow, { "$position": position, "$top": top, "$right": right, children: [_jsx(StepTitle, { title: title, onClose: () => closeTour() }), children, _jsx(StepNavigation, { stepKey: stepKey, ...(customNavigation || {}) })] }));
+};
+const BoxWithPointingArrow = styled.div `
+  position: relative;
+  width: 100%;
+  background-color: ${theme.color.inverse[500]};
+  &::after {
+    content: '';
+    position: absolute;
+    border-width: 10px;
+    border-style: solid;
+    border-color: transparent;
+    border-right-color: ${theme.color.inverse[500]};
+    ${({ $position, $top }) => $position === 'right' ?
+    `
+      top: ${$top || '16px'};
+      right: 100%;
+    ` : ''}
+    ${({ $position, $right }) => $position === 'top' ?
+    `
+    top: 100%;
+    right: ${$right || '16px'};
+    transform: rotate(-90deg);
+    ` : ''}
+    ${({ $position, $top }) => $position === 'left' ?
+    `
+      top: ${$top || '16px'};
+      left: 100%;
+      transform: rotate(180deg);
+    ` : ''}
+    ${({ $position, $right }) => $position === 'bottom' ?
+    `
+    bottom: 100%;
+    right: ${$right || '16px'};
+    transform: rotate(90deg);
+    ` : ''}
+  }
+`;
+//# sourceMappingURL=StepContainer.js.map

package/dist/components/tour/StepContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepContainer.js","sourceRoot":"","sources":["../../../src/components/tour/StepContainer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAEhD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC1C,OAAO,EAAmB,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AA8BhC;;;GAGG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,gBAAgB,EAAE,QAAQ,GAAG,QAAQ,EAAE,GAAG,EAAE,KAAK,EAAE,QAAQ,EAAsB,EAAE,EAAE;IACnI,MAAM,EAAE,SAAS,EAAE,GAAG,OAAO,EAAE,CAAA;IAC/B,OAAO,CACL,MAAC,oBAAoB,iBAAY,QAAQ,UAAQ,GAAG,YAAU,KAAK,aACjE,KAAC,SAAS,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,EAAE,GAAI,EACtD,QAAQ,EACT,KAAC,cAAc,IAAC,OAAO,EAAE,OAAO,KAAM,CAAC,gBAAgB,IAAI,EAAE,CAAC,GAAI,IAC7C,CACxB,CAAA;AACH,CAAC,CAAA;AAID,MAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,CAInC;;;sBAGkB,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;;;;;;;0BAOpB,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;MAC5C,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,SAAS,KAAK,OAAO,CAAC,CAAC;IAClD;aACS,IAAI,IAAI,MAAM;;KAEtB,CAAC,CAAC,CAAC,EAAE;MACJ,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,KAAK,KAAK,CAAC,CAAC;IAClD;;aAES,MAAM,IAAI,MAAM;;KAExB,CAAC,CAAC,CAAC,EAAE;MACJ,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,SAAS,KAAK,MAAM,CAAC,CAAC;IACjD;aACS,IAAI,IAAI,MAAM;;;KAGtB,CAAC,CAAC,CAAC,EAAE;MACJ,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,KAAK,QAAQ,CAAC,CAAC;IACrD;;aAES,MAAM,IAAI,MAAM;;KAExB,CAAC,CAAC,CAAC,EAAE;;CAET,CAAA"}

package/dist/components/tour/StepNavigation.d.ts

@@ -0,0 +1,29 @@
+import '@stack-spot/portal-theme/dist/theme.css';
+interface CustomNavigationButton {
+    /**
+     * The text content to render.
+     */
+    text: string;
+    onClick?: () => void;
+}
+export interface NavigationProps {
+    /**
+     * The unique identifier of the step.
+     */
+    stepKey: string;
+    /**
+     * The text and click handler for the button "next".
+     */
+    nextButton?: CustomNavigationButton;
+    /**
+     * The text and click handler for the button "previous".
+     */
+    prevButton?: CustomNavigationButton;
+}
+/**
+ * Tutorial: the component in a React Tour overlay that shows the next and previous buttons (for step navigation).
+ * @param props the react props for the component {@link NavigationProps}.
+ */
+export declare const StepNavigation: ({ stepKey, nextButton, prevButton }: NavigationProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=StepNavigation.d.ts.map

package/dist/components/tour/StepNavigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepNavigation.d.ts","sourceRoot":"","sources":["../../../src/components/tour/StepNavigation.tsx"],"names":[],"mappings":"AACA,OAAO,yCAAyC,CAAA;AAIhD,UAAU,sBAAsB;IAC9B;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,UAAU,CAAC,EAAE,sBAAsB,CAAC;IACpC;;OAEG;IACH,UAAU,CAAC,EAAE,sBAAsB,CAAC;CACrC;AAED;;;GAGG;AACH,eAAO,MAAM,cAAc,GAAI,qCAAqC,eAAe,4CAwBlF,CAAA"}

package/dist/components/tour/StepNavigation.js

@@ -0,0 +1,37 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { Button, Flex, Text } from '@citric/core';
+import '@stack-spot/portal-theme/dist/theme.css';
+import { useTranslate } from '@stack-spot/portal-translate';
+import { useTour } from './hook.js';
+/**
+ * Tutorial: the component in a React Tour overlay that shows the next and previous buttons (for step navigation).
+ * @param props the react props for the component {@link NavigationProps}.
+ */
+export const StepNavigation = ({ stepKey, nextButton, prevButton }) => {
+    const { currentStep, steps, prevStep, finishStep } = useTour();
+    const t = useTranslate(translations);
+    return _jsxs(Flex, { w: 12, px: 5, py: 2, mt: "-1px", bg: "inverse.500", justifyContent: "space-between", alignItems: "center", children: [steps.length > 1 &&
+                _jsxs(Text, { appearance: "microtext1", colorScheme: "inverse.contrastText", children: [currentStep + 1, " ", t.of, " ", steps.length] }), _jsxs(Flex, { sx: { gap: '8px' }, children: [currentStep >= 1 &&
+                        _jsx(Button, { sx: { paddingInline: '20px' }, onClick: () => {
+                                prevStep?.();
+                                prevButton?.onClick?.();
+                            }, size: "sm", appearance: "text", colorScheme: "light", children: prevButton?.text || t.back }), _jsx(Button, { sx: { paddingInline: '20px' }, onClick: () => {
+                            nextButton?.onClick?.();
+                            finishStep(stepKey);
+                        }, size: "sm", colorScheme: "light", children: nextButton?.text || (currentStep < steps.length - 1 ? t.next : t.done) })] })] });
+};
+const translations = {
+    en: {
+        of: 'of',
+        back: 'Back',
+        next: 'Next',
+        done: 'Done',
+    },
+    pt: {
+        of: 'de',
+        back: 'Voltar',
+        next: 'Próximo',
+        done: 'Finalizado',
+    },
+};
+//# sourceMappingURL=StepNavigation.js.map

package/dist/components/tour/StepNavigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepNavigation.js","sourceRoot":"","sources":["../../../src/components/tour/StepNavigation.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACjD,OAAO,yCAAyC,CAAA;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAC3D,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AAyBhC;;;GAGG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,UAAU,EAAmB,EAAE,EAAE;IACrF,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,OAAO,EAAE,CAAA;IAC9D,MAAM,CAAC,GAAG,YAAY,CAAC,YAAY,CAAC,CAAA;IAEpC,OAAO,MAAC,IAAI,IAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAC,MAAM,EAAC,EAAE,EAAC,aAAa,EAAC,cAAc,EAAC,eAAe,EAAC,UAAU,EAAC,QAAQ,aAC3G,KAAK,CAAC,MAAM,GAAG,CAAC;gBAChB,MAAC,IAAI,IAAC,UAAU,EAAC,YAAY,EAAC,WAAW,EAAC,sBAAsB,aAAE,WAAW,GAAG,CAAC,OAAG,CAAC,CAAC,EAAE,OAAG,KAAK,CAAC,MAAM,IAAQ,EAEjH,MAAC,IAAI,IAAC,EAAE,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,aACrB,WAAW,IAAI,CAAC;wBACf,KAAC,MAAM,IAAC,EAAE,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE;gCACnD,QAAQ,EAAE,EAAE,CAAA;gCACZ,UAAU,EAAE,OAAO,EAAE,EAAE,CAAA;4BACzB,CAAC,EAAE,IAAI,EAAC,IAAI,EAAC,UAAU,EAAC,MAAM,EAAC,WAAW,EAAC,OAAO,YAC/C,UAAU,EAAE,IAAI,IAAI,CAAC,CAAC,IAAI,GACpB,EACX,KAAC,MAAM,IAAC,EAAE,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE;4BACnD,UAAU,EAAE,OAAO,EAAE,EAAE,CAAA;4BACvB,UAAU,CAAC,OAAO,CAAC,CAAA;wBACrB,CAAC,EAAE,IAAI,EAAC,IAAI,EAAC,WAAW,EAAC,OAAO,YAC7B,UAAU,EAAE,IAAI,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAChE,IACJ,IACF,CAAA;AACT,CAAC,CAAA;AAED,MAAM,YAAY,GAAG;IACnB,EAAE,EAAE;QACF,EAAE,EAAE,IAAI;QACR,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,MAAM;KACb;IACD,EAAE,EAAE;QACF,EAAE,EAAE,IAAI;QACR,IAAI,EAAE,QAAQ;QACd,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,YAAY;KACnB;CACF,CAAA"}

package/dist/components/tour/StepTitle.d.ts

@@ -0,0 +1,17 @@
+interface StepTitleProps {
+    /**
+     * The step's title.
+     */
+    title: string;
+    /**
+     * A function to run once the step is closed.
+     */
+    onClose?: () => void;
+}
+/**
+ * Tutorial: the component in a React Tour overlay that renders the title.
+ * @param props the react props for the component {@link StepTitleProps}.
+ */
+export declare const StepTitle: ({ title, onClose }: StepTitleProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=StepTitle.d.ts.map

package/dist/components/tour/StepTitle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepTitle.d.ts","sourceRoot":"","sources":["../../../src/components/tour/StepTitle.tsx"],"names":[],"mappings":"AAIA,UAAU,cAAc;IACtB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;;GAGG;AACH,eAAO,MAAM,SAAS,GAAI,oBAAoB,cAAc,4CAQnD,CAAA"}

package/dist/components/tour/StepTitle.js

@@ -0,0 +1,10 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { Flex, IconBox, Text } from '@citric/core';
+import { TimesMini } from '@citric/icons';
+import { IconButton } from '@citric/ui';
+/**
+ * Tutorial: the component in a React Tour overlay that renders the title.
+ * @param props the react props for the component {@link StepTitleProps}.
+ */
+export const StepTitle = ({ title, onClose }) => _jsxs(Flex, { w: 12, px: 5, py: 3, flexWrap: "nowrap", justifyContent: "space-between", alignItems: "center", children: [_jsxs(Text, { appearance: "body2", colorScheme: "inverse.contrastText", weight: "medium", children: [" ", title, " "] }), _jsx(IconButton, { onClick: onClose, sx: { r: 'full', p: 0 }, children: _jsx(IconBox, { size: "xs", colorIcon: "inverse.contrastText", children: _jsx(TimesMini, {}) }) })] });
+//# sourceMappingURL=StepTitle.js.map

package/dist/components/tour/StepTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepTitle.js","sourceRoot":"","sources":["../../../src/components/tour/StepTitle.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AAavC;;;GAGG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAkB,EAAE,EAAE,CAC9D,MAAC,IAAI,IAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,QAAQ,EAAC,QAAQ,EAAC,cAAc,EAAC,eAAe,EAAC,UAAU,EAAC,QAAQ,aAC7F,MAAC,IAAI,IAAC,UAAU,EAAC,OAAO,EAAC,WAAW,EAAC,sBAAsB,EAAC,MAAM,EAAC,QAAQ,kBAAG,KAAK,SAAS,EAC5F,KAAC,UAAU,IAAC,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,YACnD,KAAC,OAAO,IAAC,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,sBAAsB,YACjD,KAAC,SAAS,KAAG,GACL,GACC,IACR,CAAA"}

package/dist/components/tour/hook.d.ts

@@ -0,0 +1,3 @@
+import { TourConfigExtra } from './manager.js';
+export declare const useTour: () => TourConfigExtra;
+//# sourceMappingURL=hook.d.ts.map

package/dist/components/tour/hook.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../../src/components/tour/hook.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAe,MAAM,WAAW,CAAA;AAExD,eAAO,MAAM,OAAO,uBAQnB,CAAA"}

package/dist/components/tour/hook.js

@@ -0,0 +1,10 @@
+import { useEffect, useState } from 'react';
+import { tourManager } from './manager.js';
+export const useTour = () => {
+    const [tourConfig, setTourConfig] = useState(tourManager.config);
+    useEffect(() => tourManager.subscribe((config) => {
+        setTourConfig(config);
+    }), []);
+    return tourConfig;
+};
+//# sourceMappingURL=hook.js.map

package/dist/components/tour/hook.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hook.js","sourceRoot":"","sources":["../../../src/components/tour/hook.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAmB,WAAW,EAAE,MAAM,WAAW,CAAA;AAExD,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,EAAE;IAC1B,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAkB,WAAW,CAAC,MAAM,CAAC,CAAA;IAEjF,SAAS,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,MAAM,EAAE,EAAE;QAC/C,aAAa,CAAC,MAAM,CAAC,CAAA;IACvB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAA;IAEP,OAAO,UAAU,CAAA;AACnB,CAAC,CAAA"}

package/dist/components/tour/index.d.ts

@@ -0,0 +1,5 @@
+export { useTour } from './hook.js';
+export { TourConfig, TourConfigListener, tourManager, TourStep, WelcomeTour } from './manager.js';
+export { StepContainer } from './StepContainer.js';
+export { getTourCookie, hasFinishedTourStep, isNewTourStep, StackspotTourStep, tourStepBuilder } from './utils.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/tour/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/tour/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AAChC,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAC9F,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,aAAa,EAAE,mBAAmB,EAAE,aAAa,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA"}

package/dist/components/tour/index.js

@@ -0,0 +1,5 @@
+export { useTour } from './hook.js';
+export { tourManager, WelcomeTour } from './manager.js';
+export { StepContainer } from './StepContainer.js';
+export { getTourCookie, hasFinishedTourStep, isNewTourStep, tourStepBuilder } from './utils.js';
+//# sourceMappingURL=index.js.map

package/dist/components/tour/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/tour/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AAChC,OAAO,EAAkC,WAAW,EAAY,WAAW,EAAE,MAAM,WAAW,CAAA;AAC9F,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,aAAa,EAAE,mBAAmB,EAAE,aAAa,EAAqB,eAAe,EAAE,MAAM,SAAS,CAAA"}

package/dist/components/tour/manager.d.ts

@@ -0,0 +1,34 @@
+import WelcomeTour, { ReactourProps, ReactourStep } from 'reactour';
+import { StackspotTourStep } from './utils.js';
+export type TourConfig = Omit<ReactourProps, 'children'>;
+export type TourStep = ReactourStep;
+export type TourConfigExtra = TourConfig & {
+    currentStep: number;
+    finishStep: (stepSelector: string) => void;
+    addStep: (step: StackspotTourStep) => void;
+    closeTour: () => void;
+};
+type TourConfigListener = (config: TourConfigExtra) => void;
+/**
+ * TourManager: provides state management for React Tour.
+ */
+declare class TourManager {
+    private _steps;
+    private _currentStep;
+    private observers;
+    get config(): TourConfigExtra;
+    get currentStep(): number;
+    get steps(): ReactourStep[];
+    addStep(step: StackspotTourStep): void;
+    addRawStep(step: TourStep): void;
+    nextStep(): void;
+    prevStep(): void;
+    finishStep(stepSelector: string): void;
+    closeTour(): void;
+    subscribe(updateFn: TourConfigListener): () => void;
+    private pullListener;
+    private notify;
+}
+declare const tourManager: TourManager;
+export { TourConfigListener, WelcomeTour, tourManager };
+//# sourceMappingURL=manager.d.ts.map

package/dist/components/tour/manager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"manager.d.ts","sourceRoot":"","sources":["../../../src/components/tour/manager.tsx"],"names":[],"mappings":"AAAA,OAAO,WAAW,EAAE,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACnE,OAAO,EAAE,iBAAiB,EAAkD,MAAM,SAAS,CAAA;AAE3F,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,aAAa,EAAE,UAAU,CAAC,CAAA;AACxD,MAAM,MAAM,QAAQ,GAAG,YAAY,CAAA;AAkBnC,MAAM,MAAM,eAAe,GAAG,UAAU,GAAG;IACzC,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,OAAO,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC3C,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB,CAAA;AAED,KAAK,kBAAkB,GAAG,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,CAAA;AAG3D;;GAEG;AACH,cAAM,WAAW;IAEf,OAAO,CAAC,MAAM,CAAiB;IAC/B,OAAO,CAAC,YAAY,CAAI;IACxB,OAAO,CAAC,SAAS,CAA2B;IAE5C,IAAI,MAAM,IAAI,eAAe,CAe5B;IAED,IAAI,WAAW,WAEd;IAED,IAAI,KAAK,mBAER;IAED,OAAO,CAAC,IAAI,EAAE,iBAAiB;IAI/B,UAAU,CAAC,IAAI,EAAE,QAAQ;IAQzB,QAAQ;IAKR,QAAQ;IAKR,UAAU,CAAC,YAAY,EAAE,MAAM;IAK/B,SAAS;IAMT,SAAS,CAAC,QAAQ,EAAE,kBAAkB;IAMtC,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,MAAM;CAIf;AAED,QAAA,MAAM,WAAW,aAAoB,CAAA;AAErC,OAAO,EAAE,kBAAkB,EAAE,WAAW,EAAE,WAAW,EAAE,CAAA"}