@stack-spot/portal-components 0.0.18 → 1.0.0-dev.1768482754546

package/dist/components/Stepper/Stepper.js

@@ -0,0 +1,57 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Flex } from '@citric/core';
+import { createContext, useState } from 'react';
+import { styled } from 'styled-components';
+import { StepperHeaders } from './headers.js';
+const StepperContext = createContext({
+    activeIndex: 0,
+    stepsData: {},
+    setStepData: () => { },
+    getStepData: () => { },
+    goToNextStep: () => { },
+    goToPreviousStep: () => { },
+    goToStep: () => { },
+});
+const Wrapper = styled(Box) `
+  width: 100%;
+  gap: 1.5rem;
+`;
+const ContentWrapper = styled(Flex) `
+  width: 100%;
+`;
+/**
+ * Renders a component that provides an interface of steps for creating some content.
+ *
+ * The component wraps the Step component.
+ */
+const Stepper = ({ children }) => {
+    const [activeIndex, setActiveIndex] = useState(0);
+    const [stepsData, setStepsData] = useState({});
+    const headers = children.map((child) => ({ title: child.props.title }));
+    const setStepData = (name, data) => {
+        setStepsData({ ...stepsData, ...{ [name]: data } });
+    };
+    const getStepData = (name) => stepsData[name];
+    const setNextStep = () => {
+        if (activeIndex < (children.length - 1)) {
+            setActiveIndex(activeIndex + 1);
+        }
+    };
+    const setPreviousStep = () => {
+        if (activeIndex > 0) {
+            setActiveIndex(activeIndex - 1);
+        }
+    };
+    const contextValue = {
+        activeIndex,
+        stepsData,
+        setStepData,
+        getStepData,
+        goToNextStep: setNextStep,
+        goToPreviousStep: setPreviousStep,
+        goToStep: setActiveIndex,
+    };
+    return (_jsx(StepperContext.Provider, { value: contextValue, children: _jsxs(Wrapper, { children: [_jsx(StepperHeaders, { headers }), _jsx(ContentWrapper, { children: children[activeIndex] })] }) }));
+};
+export { StepperContext, Stepper };
+//# sourceMappingURL=Stepper.js.map

package/dist/components/Stepper/Stepper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stepper.js","sourceRoot":"","sources":["../../../src/components/Stepper/Stepper.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAoB,aAAa,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACjE,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAmC1C,MAAM,cAAc,GAAG,aAAa,CAAsB;IACxD,WAAW,EAAE,CAAC;IACd,SAAS,EAAE,EAAE;IACb,WAAW,EAAE,GAAG,EAAE,GAAE,CAAC;IACrB,WAAW,EAAE,GAAG,EAAE,GAAE,CAAC;IACrB,YAAY,EAAE,GAAG,EAAE,GAAE,CAAC;IACtB,gBAAgB,EAAE,GAAG,EAAE,GAAE,CAAC;IAC1B,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;CACnB,CAAC,CAAA;AAMF,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAC,CAAA;;;CAG1B,CAAA;AAED,MAAM,cAAc,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;;CAElC,CAAA;AAED;;;;GAIG;AAEH,MAAM,OAAO,GAAqB,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACjD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAS,CAAC,CAAC,CAAA;IACzD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAsB,EAAE,CAAC,CAAA;IACnE,MAAM,OAAO,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,CAAA;IAEvE,MAAM,WAAW,GAAG,CAAC,IAAY,EAAE,IAAS,EAAE,EAAE;QAC9C,YAAY,CAAC,EAAE,GAAG,SAAS,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,EAAE,CAAC,CAAA;IACrD,CAAC,CAAA;IAED,MAAM,WAAW,GAAG,CAAC,IAAY,EAAE,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,CAAA;IAErD,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,WAAW,GAAG,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,EAAE,CAAC;YACxC,cAAc,CAAC,WAAW,GAAG,CAAC,CAAC,CAAA;QACjC,CAAC;IACH,CAAC,CAAA;IAED,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,IAAI,WAAW,GAAG,CAAC,EAAE,CAAC;YACpB,cAAc,CAAC,WAAW,GAAG,CAAC,CAAC,CAAA;QACjC,CAAC;IACH,CAAC,CAAA;IAED,MAAM,YAAY,GAAwB;QACxC,WAAW;QACX,SAAS;QACT,WAAW;QACX,WAAW;QACX,YAAY,EAAE,WAAW;QACzB,gBAAgB,EAAE,eAAe;QACjC,QAAQ,EAAE,cAAc;KACzB,CAAA;IAED,OAAO,CACL,KAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,YAC1C,MAAC,OAAO,eACN,KAAC,cAAc,IAAO,OAAO,GAAM,EACnC,KAAC,cAAc,cACZ,QAAQ,CAAC,WAAW,CAAC,GACP,IACT,GACc,CAC3B,CAAA;AACH,CAAC,CAAA;AACD,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,CAAA"}

package/dist/components/Stepper/headers.d.ts

@@ -0,0 +1,19 @@
+import { FC } from 'react';
+interface StepperHeader {
+    /**
+     * Title that is passed to the step component is used here.
+     */
+    title: string;
+}
+export interface StepperHeadersProps {
+    headers: StepperHeader[];
+}
+/**
+ * Renders a component that represents the visual part of a step within the stepper component.
+ * The initial color of the step is primary.500 and when completed it is changed to the success.500 color.
+ *
+ * The component stepper wraps this component.
+ */
+export declare const StepperHeaders: FC<StepperHeadersProps>;
+export {};
+//# sourceMappingURL=headers.d.ts.map

package/dist/components/Stepper/headers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"headers.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/headers.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,EAAE,EAAc,MAAM,OAAO,CAAA;AA6BtC,UAAU,aAAa;IACrB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,aAAa,EAAE,CAAC;CAC1B;AAED;;;;;GAKG;AAEH,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAclD,CAAA"}

package/dist/components/Stepper/headers.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box, Flex, Text } from '@citric/core';
+import { theme } from '@stack-spot/portal-theme';
+import { useContext } from 'react';
+import { styled } from 'styled-components';
+import { StepperContext } from './Stepper.js';
+const StyledStepHeader = styled(Box) `
+  flex: 1;
+  border-top: 0.25rem solid ${theme.color.light[600]};
+  padding-top: 1rem;
+
+  &.active {
+    border-color: ${theme.color.primary[500]};
+  }
+
+  &.finished {
+    flex: unset;
+    width: 4.5rem;
+    border-color: ${theme.color.success[500]};
+  }
+`;
+const StyledStepHeaderText = styled(Text) `
+  color: ${theme.color.light.contrastText};
+  width: 100%;
+  height: 1.5rem;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+`;
+/**
+ * Renders a component that represents the visual part of a step within the stepper component.
+ * The initial color of the step is primary.500 and when completed it is changed to the success.500 color.
+ *
+ * The component stepper wraps this component.
+ */
+export const StepperHeaders = ({ headers }) => {
+    const { activeIndex } = useContext(StepperContext);
+    return (_jsx(Flex, { sx: { gap: '1rem' }, children: headers.map((header, index) => (_jsx(StyledStepHeader, { className: index < activeIndex ? 'finished' : (index === activeIndex ? 'active' : ''), children: _jsx(StyledStepHeaderText, { children: header.title }) }, header.title))) }));
+};
+//# sourceMappingURL=headers.js.map

package/dist/components/Stepper/headers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"headers.js","sourceRoot":"","sources":["../../../src/components/Stepper/headers.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAChD,OAAO,EAAM,UAAU,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAE1C,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAA;;8BAEN,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;oBAIhC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;;;;;;oBAMxB,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;;CAE3C,CAAA;AAED,MAAM,oBAAoB,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;WAC9B,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,YAAY;;;;;;CAMxC,CAAA;AAaD;;;;;GAKG;AAEH,MAAM,CAAC,MAAM,cAAc,GAA4B,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;IACrE,MAAM,EAAE,WAAW,EAAE,GAAG,UAAU,CAAC,cAAc,CAAC,CAAA;IAClD,OAAO,CACL,KAAC,IAAI,IAAC,EAAE,EAAE,EAAE,GAAG,EAAE,MAAM,EAAE,YACtB,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAC9B,KAAC,gBAAgB,IAEf,SAAS,EAAE,KAAK,GAAG,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,KAAK,KAAK,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,YAErF,KAAC,oBAAoB,cAAE,MAAM,CAAC,KAAK,GAAwB,IAHtD,MAAM,CAAC,KAAK,CAIA,CACpB,CAAC,GACG,CACR,CAAA;AACH,CAAC,CAAA"}

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

@@ -0,0 +1,4 @@
+export { Stepper, StepperContext } from './Stepper.js';
+export { Step } from './Step.js';
+export { StepperNavigation } from './Navigation.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAA"}

package/dist/components/Stepper/index.js

@@ -0,0 +1,4 @@
+export { Stepper, StepperContext } from './Stepper.js';
+export { Step } from './Step.js';
+export { StepperNavigation } from './Navigation.js';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Stepper/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAA"}

package/dist/components/Table/HeaderItem.d.ts

@@ -0,0 +1,18 @@
+import { Flex } from '@citric/core';
+import { Props as FlexProps } from '@citric/core/dist/Flex.js';
+import React, { ReactNode } from 'react';
+export type SortTypes = 'ASC' | 'DESC' | undefined;
+interface HeaderSortProps extends FlexProps {
+    children: ReactNode | string;
+    sortType: SortTypes;
+    onSort: (sortType: SortTypes) => void;
+}
+export declare const parseParams: ({ key, sort }: {
+    key: string | undefined;
+    sort: "ASC" | "DESC" | undefined;
+}) => string | undefined;
+export declare const HeaderSort: React.FC<HeaderSortProps>;
+type FullFlexProps = Parameters<typeof Flex>[0];
+export declare const Header: React.FC<FullFlexProps>;
+export {};
+//# sourceMappingURL=HeaderItem.d.ts.map

package/dist/components/Table/HeaderItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderItem.d.ts","sourceRoot":"","sources":["../../../src/components/Table/HeaderItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,IAAI,EAAyB,MAAM,cAAc,CAAA;AAClE,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAE3D,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAExC,MAAM,MAAM,SAAS,GAAG,KAAK,GAAG,MAAM,GAAG,SAAS,CAAA;AAElD,UAAU,eAAgB,SAAQ,SAAS;IACzC,QAAQ,EAAE,SAAS,GAAG,MAAM,CAAC;IAC7B,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,EAAE,CAAC,QAAQ,EAAE,SAAS,KAAK,IAAI,CAAC;CACvC;AAED,eAAO,MAAM,WAAW,GAAI,eAAe;IAAE,GAAG,EAAE,MAAM,GAAG,SAAS,CAAC;IAAC,IAAI,EAAE,KAAK,GAAG,MAAM,GAAG,SAAS,CAAA;CAAE,uBAC9B,CAAA;AAU1E,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAiBhD,CAAA;AAED,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,IAAI,CAAC,CAAC,CAAC,CAAC,CAAA;AAE/C,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAM1C,CAAA"}

package/dist/components/Table/HeaderItem.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Flex, IconBox, Text } from '@citric/core';
+import { SortAscending, SortDescending } from '@citric/icons';
+export const parseParams = ({ key, sort }) => key && sort ? `${key?.toUpperCase()}_${sort?.toUpperCase()}` : undefined;
+function next(current) {
+    switch (current) {
+        case undefined: return 'ASC';
+        case 'ASC': return 'DESC';
+        case 'DESC': return undefined;
+    }
+}
+export const HeaderSort = ({ children, sortType, onSort, ...props }) => (_jsxs(Flex, { as: Button, appearance: "text", alignItems: "center", flexWrap: "nowrap", sx: { '&:hover, &:active, &:focus': { borderColor: 'transparent' }, padding: 0 }, onClick: () => onSort(next(sortType)), ...props, children: [_jsx(Text, { appearance: "microtext1", mr: "2", colorScheme: "light.700", children: children }), _jsxs(IconBox, { colorIcon: "inverse.500", size: "xs", children: [sortType === 'ASC' && _jsx(SortAscending, {}), sortType === 'DESC' && _jsx(SortDescending, {})] })] }));
+export const Header = ({ children, ...props }) => (_jsx(Flex, { alignItems: "center", ...props, children: _jsx(Text, { appearance: "microtext1", mr: "2", colorScheme: "light.700", children: children }) }));
+//# sourceMappingURL=HeaderItem.js.map

package/dist/components/Table/HeaderItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderItem.js","sourceRoot":"","sources":["../../../src/components/Table/HeaderItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAU,IAAI,EAAE,MAAM,cAAc,CAAA;AAElE,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAW7D,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAE,GAAG,EAAE,IAAI,EAAiE,EAAE,EAAE,CAC1G,GAAG,IAAI,IAAI,CAAC,CAAC,CAAC,GAAG,GAAG,EAAE,WAAW,EAAE,IAAI,IAAI,EAAE,WAAW,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,CAAA;AAE1E,SAAS,IAAI,CAAC,OAAkB;IAC9B,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,SAAS,CAAC,CAAC,OAAO,KAAK,CAAA;QAC5B,KAAK,KAAK,CAAC,CAAC,OAAO,MAAM,CAAA;QACzB,KAAK,MAAM,CAAC,CAAC,OAAO,SAAS,CAAA;IAC/B,CAAC;AACH,CAAC;AAED,MAAM,CAAC,MAAM,UAAU,GAA8B,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE,CAAC,CACjG,MAAC,IAAI,IACH,EAAE,EAAE,MAAM,EACV,UAAU,EAAC,MAAM,EACjB,UAAU,EAAC,QAAQ,EACnB,QAAQ,EAAC,QAAQ,EACjB,EAAE,EAAE,EAAE,4BAA4B,EAAE,EAAE,WAAW,EAAE,aAAa,EAAE,EAAE,OAAO,EAAE,CAAC,EAAY,EAC1F,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,KAAM,KAAK,aAChD,KAAC,IAAI,IAAC,UAAU,EAAC,YAAY,EAAC,EAAE,EAAC,GAAG,EAAC,WAAW,EAAC,WAAW,YACzD,QAAQ,GACJ,EAEP,MAAC,OAAO,IAAC,SAAS,EAAC,aAAa,EAAC,IAAI,EAAC,IAAI,aACvC,QAAQ,KAAK,KAAK,IAAI,KAAC,aAAa,KAAG,EACvC,QAAQ,KAAK,MAAM,IAAI,KAAC,cAAc,KAAG,IAClC,IACL,CACR,CAAA;AAID,MAAM,CAAC,MAAM,MAAM,GAA4B,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE,CAAC,CACzE,KAAC,IAAI,IAAC,UAAU,EAAC,QAAQ,KAAK,KAAK,YACjC,KAAC,IAAI,IAAC,UAAU,EAAC,YAAY,EAAC,EAAE,EAAC,GAAG,EAAC,WAAW,EAAC,WAAW,YACzD,QAAQ,GACJ,GACF,CACR,CAAA"}

package/dist/components/Table/SettingsVerticalMenu.d.ts

@@ -0,0 +1,14 @@
+import { OneOfIconSizes } from '@citric/core';
+import { SxProperties } from '@citric/core/dist/sx.js';
+import { SelectionList } from '@stack-spot/portal-components/SelectionList';
+interface SettingsVerticalMenuProps {
+    id: string;
+    buttonAriaLabel?: string;
+    size?: OneOfIconSizes;
+    sxIconButton?: SxProperties;
+    buttonDataTestHint?: string;
+    items: React.ComponentProps<typeof SelectionList>['items'];
+}
+export declare const SettingsVerticalMenu: ({ id, buttonAriaLabel, size, buttonDataTestHint, sxIconButton, items }: SettingsVerticalMenuProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=SettingsVerticalMenu.d.ts.map

package/dist/components/Table/SettingsVerticalMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsVerticalMenu.d.ts","sourceRoot":"","sources":["../../../src/components/Table/SettingsVerticalMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgB,cAAc,EAAE,MAAM,cAAc,CAAA;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAGnD,OAAO,EAAE,aAAa,EAAE,MAAM,6CAA6C,CAAA;AAG3E,UAAU,yBAAyB;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,CAAC,OAAO,CAAC,CAAC;CAC5D;AAED,eAAO,MAAM,oBAAoB,GAAI,wEAMrB,yBAAyB,mDA2BxC,CAAA"}

package/dist/components/Table/SettingsVerticalMenu.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, IconBox } from '@citric/core';
+import { EllipsisVertical } from '@citric/icons';
+import { IconButton } from '@citric/ui';
+import { SelectionList } from '@stack-spot/portal-components/SelectionList';
+import { useState } from 'react';
+export const SettingsVerticalMenu = ({ id, buttonAriaLabel, size, buttonDataTestHint, sxIconButton, items = [] }) => {
+    const [visibleMenu, setVisibleMenu] = useState(false);
+    if (items?.length === 0) {
+        return null;
+    }
+    return (_jsxs(Box, { sx: { position: 'relative' }, children: [_jsx(IconButton, { role: "button", title: buttonAriaLabel, "data-test-hint": buttonDataTestHint, "aria-label": buttonAriaLabel, onClick: () => setVisibleMenu(state => !state), children: _jsx(IconBox, { size: size, sx: sxIconButton, children: _jsx(EllipsisVertical, {}) }) }), _jsx(SelectionList, { id: id, visible: visibleMenu, onHide: () => setVisibleMenu(false), style: { position: 'absolute', top: 40, right: 0, minWidth: '200px' }, items: items })] }));
+};
+//# sourceMappingURL=SettingsVerticalMenu.js.map

package/dist/components/Table/SettingsVerticalMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsVerticalMenu.js","sourceRoot":"","sources":["../../../src/components/Table/SettingsVerticalMenu.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,OAAO,EAAkB,MAAM,cAAc,CAAA;AAE3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,6CAA6C,CAAA;AAC3E,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAWhC,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EACnC,EAAE,EACF,eAAe,EACf,IAAI,EACJ,kBAAkB,EAClB,YAAY,EACZ,KAAK,GAAG,EAAE,EAA6B,EAAE,EAAE;IAC3C,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACrD,IAAI,KAAK,EAAE,MAAM,KAAK,CAAC,EAAE,CAAC;QACxB,OAAO,IAAI,CAAA;IACb,CAAC;IAED,OAAO,CACL,MAAC,GAAG,IAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,aAC/B,KAAC,UAAU,IACT,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,eAAe,oBACN,kBAAkB,gBACtB,eAAe,EAC3B,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,YAC9C,KAAC,OAAO,IAAC,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,YAAY,YACnC,KAAC,gBAAgB,KAAG,GACZ,GACC,EACb,KAAC,aAAa,IACZ,EAAE,EAAE,EAAE,EACN,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,EACnC,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,EACrE,KAAK,EAAE,KAAK,GACZ,IACE,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/components/Table/StyledLinkTable.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+export declare const StyledLinkTable: ({ children, ...props }: {
+    children: ReactNode;
+} & React.AnchorHTMLAttributes<HTMLAnchorElement>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=StyledLinkTable.d.ts.map

package/dist/components/Table/StyledLinkTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StyledLinkTable.d.ts","sourceRoot":"","sources":["../../../src/components/Table/StyledLinkTable.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AASjC,eAAO,MAAM,eAAe,GAAI,wBAG7B;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,GAAG,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,4CAQzE,CAAA"}

package/dist/components/Table/StyledLinkTable.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import styled from 'styled-components';
+import { useAnchorTag } from '../../context/anchor.js';
+const StyledLink = styled.a `
+  &:hover {
+    text-decoration: underline;
+  }
+`;
+export const StyledLinkTable = ({ children, ...props }) => {
+    const Link = useAnchorTag();
+    return (_jsx(StyledLink, { as: Link, ...props, children: children }));
+};
+//# sourceMappingURL=StyledLinkTable.js.map

package/dist/components/Table/StyledLinkTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StyledLinkTable.js","sourceRoot":"","sources":["../../../src/components/Table/StyledLinkTable.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAEnD,MAAM,UAAU,GAAG,MAAM,CAAC,CAAC,CAAA;;;;CAI1B,CAAA;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAC9B,QAAQ,EACR,GAAG,KAAK,EACgE,EAAE,EAAE;IAC5E,MAAM,IAAI,GAAG,YAAY,EAAE,CAAA;IAE3B,OAAO,CACL,KAAC,UAAU,IAAC,EAAE,EAAE,IAAI,KAAM,KAAK,YAC5B,QAAQ,GACE,CACd,CAAA;AACH,CAAC,CAAA"}

package/dist/components/Table/TableData.d.ts

@@ -0,0 +1,37 @@
+import { SxProperties } from '@citric/core/dist/sx.js';
+import { SelectionList } from '@stack-spot/portal-components/SelectionList';
+import { SortTypes } from './HeaderItem.js';
+export type TableColumnsDefault = 'name' | 'description';
+export type ColumnDefinition<T, K extends keyof T> = {
+    key: K;
+    header: string;
+    sortable?: boolean;
+    customRender?: (data: T) => JSX.Element | string | null;
+    sx?: SxProperties;
+    width?: string;
+};
+type SortDetailsType<T, K extends keyof T> = {
+    sort: K;
+    direction: SortTypes;
+    index?: number;
+};
+type TableProps<T, K extends keyof T> = {
+    data: T[];
+    columns: ColumnDefinition<T, K>[];
+    onSort?: ({ sort, direction, index }: SortDetailsType<T, K>) => void;
+    onRemove?: (data: T) => void;
+    canRemove?: (row: T) => boolean;
+    tableAppearance?: 'striped' | 'filled';
+    options?: React.ComponentProps<typeof SelectionList>['items'];
+    sxHeader?: SxProperties;
+    hasHeaderBorder?: boolean;
+    searchParamName?: string;
+    initialSortDetails?: Omit<SortDetailsType<T, K>, 'sort'>;
+    /**
+     * Accepts a react element that is rendered below the table, used mostly for pagination.
+     */
+    afterContent?: React.ReactElement;
+};
+export declare const TableData: <T, K extends keyof T>({ data, columns, onSort, onRemove, canRemove, tableAppearance, options, sxHeader, hasHeaderBorder, searchParamName, initialSortDetails, afterContent, }: TableProps<T, K>) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=TableData.d.ts.map

package/dist/components/Table/TableData.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableData.d.ts","sourceRoot":"","sources":["../../../src/components/Table/TableData.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAGnD,OAAO,EAAE,aAAa,EAAE,MAAM,6CAA6C,CAAA;AAM3E,OAAO,EAAc,SAAS,EAAE,MAAM,cAAc,CAAA;AAGpD,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,aAAa,CAAA;AAExD,MAAM,MAAM,gBAAgB,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,IAAI;IACnD,GAAG,EAAE,CAAC,CAAC;IACP,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,GAAG,CAAC,OAAO,GAAG,MAAM,GAAG,IAAI,CAAC;IACxD,EAAE,CAAC,EAAE,YAAY,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAA;AAED,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,IAAI;IAC3C,IAAI,EAAE,CAAC,CAAC;IACR,SAAS,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAA;AAmJD,KAAK,UAAU,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,IAAI;IACtC,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,OAAO,EAAE,gBAAgB,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC;IAClC,MAAM,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,eAAe,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC;IACrE,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,OAAO,CAAC;IAChC,eAAe,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IACvC,OAAO,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,CAAC,OAAO,CAAC,CAAC;IAC9D,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,kBAAkB,CAAC,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC;IACzD;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;CACnC,CAAA;AAED,eAAO,MAAM,SAAS,GAAI,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,EAAE,yJAa7C,UAAU,CAAC,CAAC,EAAE,CAAC,CAAC,4CAmClB,CAAA"}

package/dist/components/Table/TableData.js

@@ -0,0 +1,84 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Button, IconBox, Text } from '@citric/core';
+import { Trash } from '@citric/icons';
+import { LoadingCircular, Table, Tbody, Td, Th, Thead, Tr } from '@citric/ui';
+import { theme } from '@stack-spot/portal-theme';
+import { useTranslate } from '@stack-spot/portal-translate';
+import { useState } from 'react';
+import styled from 'styled-components';
+import { ContentValidateFilter } from '../ContentValidateFilter.js';
+import { HeaderSort } from './HeaderItem.js';
+import { SettingsVerticalMenu } from './SettingsVerticalMenu.js';
+const StyledTh = styled(Th) `
+  border-top: ${({ $hasBorder }) => ($hasBorder ? `1px solid ${theme.color.light[400]}` : '')};
+  border-bottom: ${({ $hasBorder }) => ($hasBorder ? `1px solid ${theme.color.light[400]}` : '')};
+  &:first-child {
+    border-left: ${({ $hasBorder }) => ($hasBorder ? `1px solid ${theme.color.light[400]}` : '')};
+    border-top-left-radius: 4px;
+    border-bottom-left-radius: 4px;
+  }
+  &:last-child {
+    border-right: ${({ $hasBorder }) => ($hasBorder ? `1px solid ${theme.color.light[400]}` : '')};
+    border-top-right-radius: 4px;
+    border-bottom-right-radius: 4px;
+  }
+`;
+const StyledTd = styled(Td) `
+  border-radius: 0px !important;
+  
+  &:first-child {
+    border-top-left-radius: 4px !important;
+    border-bottom-left-radius: 4px !important;
+  }
+  &:last-child {
+    border-top-right-radius: 4px !important;
+    border-bottom-right-radius: 4px !important;
+  }
+`;
+const TableHeader = ({ columns, onSort, onRemove, sxTh, hasBorder, initialSortDetails }) => {
+    const [sort, setSort] = useState(initialSortDetails?.direction);
+    const [activeSort, setActiveSort] = useState(initialSortDetails?.index);
+    const Sortable = ({ sort, direction, index }) => {
+        onSort?.({ sort, direction, index });
+        setSort(direction);
+        setActiveSort(index);
+    };
+    return (_jsx(Thead, { children: _jsxs(Tr, { children: [columns.map((column, index) => column?.sortable && onSort ? (_jsx(StyledTh, { sx: sxTh, "$hasBorder": hasBorder, children: _jsx(HeaderSort, { sortType: activeSort !== index ? undefined : sort, onSort: (sortType) => Sortable?.({ sort: column.key, direction: sortType, index }), children: column.header }) }, column.key.toString())) : (_jsx(StyledTh, { sx: sxTh, "$hasBorder": hasBorder, children: _jsx(Text, { appearance: "microtext1", mr: "2", children: column.header }) }, column.key.toString()))), onRemove && _jsx(Th, {})] }) }));
+};
+function RemoveButton({ row, onRemove, canRemove }) {
+    const t = useTranslate(dictionary);
+    const [isLoading, setLoading] = useState(false);
+    if (!onRemove || (canRemove && !canRemove(row))) {
+        return null;
+    }
+    const handleRemove = async () => {
+        if (isLoading)
+            return;
+        setLoading(true);
+        try {
+            await onRemove(row);
+        }
+        finally {
+            setLoading(false);
+        }
+    };
+    return (_jsx(Button, { colorScheme: "danger", onClick: handleRemove, size: "sm", children: isLoading ? _jsx(LoadingCircular, {}) : _jsxs(_Fragment, { children: [_jsx(IconBox, { size: "xs", mr: 2, colorIcon: "danger", children: _jsx(Trash, {}) }), _jsx(Text, { appearance: "microtext1", mr: "2", children: t.remove })] }) }));
+}
+const TableRows = ({ data, columns, options, onRemove, canRemove }) => {
+    const rows = data.map((row, index) => (_jsxs(Tr, { children: [columns.map((column, columnIndex) => (_jsx(StyledTd, { sx: { ...column.sx }, children: _jsxs(_Fragment, { children: [" ", column?.customRender ? column.customRender(row) : row[column.key]] }) }, columnIndex))), canRemove && _jsx(StyledTd, { children: _jsx(RemoveButton, { row: row, onRemove: onRemove, canRemove: canRemove }) }), options && _jsx(StyledTd, { children: _jsx(SettingsVerticalMenu, { id: "workflow-studio-menu", items: options, size: "xs" }) })] }, `row-${index}`)));
+    return _jsx(Tbody, { sx: { borderSpacing: '0 8px' }, children: rows });
+};
+export const TableData = ({ data, columns, onSort, onRemove, canRemove, tableAppearance = 'striped', options, sxHeader, hasHeaderBorder, searchParamName = 'search', initialSortDetails, afterContent, }) => {
+    const searchParams = new URLSearchParams(window.location.search);
+    const search = searchParams.get(searchParamName) ?? '';
+    return (_jsx(ContentValidateFilter, { listLength: data.length, searchText: search, children: !!data.length && (_jsxs(_Fragment, { children: [_jsxs(Table, { appearance: tableAppearance, sx: { mb: 5 }, children: [_jsx("colgroup", { children: columns.map((column, index) => (_jsx("col", { style: { width: column.width || 'auto' } }, index))) }), _jsx(TableHeader, { sxTh: sxHeader, columns: columns, onSort: onSort, onRemove: onRemove, hasBorder: tableAppearance === 'striped' ? false : hasHeaderBorder, initialSortDetails: initialSortDetails }), _jsx(TableRows, { data: data, columns: columns, onRemove: onRemove, canRemove: canRemove, options: options })] }), !!afterContent && afterContent] })) }));
+};
+const dictionary = {
+    en: {
+        remove: 'Remove',
+    },
+    pt: {
+        remove: 'Remover',
+    },
+};
+//# sourceMappingURL=TableData.js.map

package/dist/components/Table/TableData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableData.js","sourceRoot":"","sources":["../../../src/components/Table/TableData.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,3 @@
+export { StyledLinkTable } from '../Table/StyledLinkTable.js';
+export { TableData, ColumnDefinition } from '../Table/TableData.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Table/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAC1D,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA"}

package/dist/components/Table/index.js

@@ -0,0 +1,3 @@
+export { StyledLinkTable } from '../Table/StyledLinkTable.js';
+export { TableData } from '../Table/TableData.js';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Table/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAC1D,OAAO,EAAE,SAAS,EAAoB,MAAM,oBAAoB,CAAA"}

package/dist/components/TimelineSection.d.ts

@@ -0,0 +1,24 @@
+import { Month } from '@stack-spot/portal-translate';
+interface Props {
+    /**
+     * The month. 0 for January, 11 for December.
+     */
+    month: Month;
+    /**
+     * The day of the month (1 - 31).
+     */
+    day: number;
+    /**
+     * The section's content.
+     */
+    children: React.ReactNode;
+    style?: React.CSSProperties;
+    className?: string;
+}
+/**
+ * Renders a section in a timeline where the left side is a header with the date and the right side is the content (children).
+ * @param props React props: {@link Props}.
+ */
+export declare const TimelineSection: ({ children, day, month, className, style }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=TimelineSection.d.ts.map

package/dist/components/TimelineSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimelineSection.d.ts","sourceRoot":"","sources":["../../src/components/TimelineSection.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAoC,MAAM,8BAA8B,CAAA;AAGtF,UAAU,KAAK;IACb;;OAEG;IACH,KAAK,EAAE,KAAK,CAAC;IACb;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAiBD;;;GAGG;AACH,eAAO,MAAM,eAAe,GAAI,4CAA4C,KAAK,4CAgBhF,CAAA"}

package/dist/components/TimelineSection.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Text } from '@citric/core';
+import { useMonthDictionary, useTranslate } from '@stack-spot/portal-translate';
+import { styled } from 'styled-components';
+const Styled = styled.div `
+  display: flex;
+  flex-direction: row;
+  align-items: start;
+
+  .timeline-section-header {
+    width: 80px;
+  }
+
+  .timeline-section-content {
+    min-width: 0;
+    flex: 1;
+  }
+`;
+/**
+ * Renders a section in a timeline where the left side is a header with the date and the right side is the content (children).
+ * @param props React props: {@link Props}.
+ */
+export const TimelineSection = ({ children, day, month, className, style }) => {
+    const months = useMonthDictionary();
+    const t = useTranslate(locale);
+    const ariaLabel = t.dayMonth.replace('%d', `${day}`).replace('%m', months[month]);
+    return (_jsxs(Styled, { style: style, className: className, children: [_jsxs("div", { className: "timeline-section-header", children: [_jsx(Text, { appearance: "h2", "aria-label": ariaLabel, children: day >= 10 ? day : `0${day}` }), _jsx(Text, { appearance: "subtitle4", "aria-hidden": "true", children: months[month].toUpperCase().substring(0, 3) })] }), _jsx("div", { className: "timeline-section-content", children: children })] }));
+};
+const locale = {
+    pt: {
+        dayMonth: '%d de %m',
+    },
+    en: {
+        dayMonth: '%m %d',
+    },
+};
+//# sourceMappingURL=TimelineSection.js.map

package/dist/components/TimelineSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimelineSection.js","sourceRoot":"","sources":["../../src/components/TimelineSection.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACnC,OAAO,EAAS,kBAAkB,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAA;AACtF,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAmB1C,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;CAaxB,CAAA;AAED;;;GAGG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAS,EAAE,EAAE;IACnF,MAAM,MAAM,GAAG,kBAAkB,EAAE,CAAA;IACnC,MAAM,CAAC,GAAG,YAAY,CAAC,MAAM,CAAC,CAAA;IAE9B,MAAM,SAAS,GAAG,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,GAAG,EAAE,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,CAAA;IACjF,OAAO,CACL,MAAC,MAAM,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,aACxC,eAAK,SAAS,EAAC,yBAAyB,aACtC,KAAC,IAAI,IAAC,UAAU,EAAC,IAAI,gBAAa,SAAS,YAAG,GAAG,IAAI,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,GAAG,EAAE,GAAQ,EACjF,KAAC,IAAI,IAAC,UAAU,EAAC,WAAW,iBAAa,MAAM,YAAE,MAAM,CAAC,KAAK,CAAC,CAAC,WAAW,EAAE,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,GAAQ,IAChG,EACN,cAAK,SAAS,EAAC,0BAA0B,YACtC,QAAQ,GACL,IACC,CACV,CAAA;AACH,CAAC,CAAA;AAED,MAAM,MAAM,GAAG;IACb,EAAE,EAAE;QACF,QAAQ,EAAE,UAAU;KACrB;IACD,EAAE,EAAE;QACF,QAAQ,EAAE,OAAO;KAClB;CACF,CAAA"}

package/dist/components/error/ErrorFeedback.d.ts

@@ -0,0 +1,58 @@
+export interface ErrorDescription {
+    /**
+     * The HTTP Error code if this is a network error.
+     */
+    code?: number;
+    /**
+     * The error message. This is only visible if debug is true.
+     */
+    message?: string;
+    /**
+     * Whether or not the application is in debug mode.
+     */
+    debug?: boolean;
+    /**
+     * The title for this error. Overwrites anything preset by "code".
+     */
+    title?: string;
+    /**
+     * The error description. Overwrites anything preset by "code".
+     */
+    description?: string;
+    /**
+     * A help text to aid the user. Overwrites anything preset by "code".
+     */
+    help?: string;
+    /**
+     * A button so the user can take some action.
+     */
+    action?: {
+        label: string;
+        onClick: () => void;
+    };
+    /**
+     * The content for this error. Overwrites anything preset by "code", "description", "help" or "button".
+     */
+    body?: React.ReactNode;
+    /**
+     * The image for the error. Overwrites anything preset by "code".
+     */
+    image?: React.ReactElement;
+    /**
+     * Whether to show the feedback horizontally (row) or vertically (column).
+     *
+     * @default 'row'
+     */
+    direction?: 'row' | 'column';
+    style?: React.CSSProperties;
+    className?: string;
+}
+/**
+ * A box with an icon and an error message. This is used for giving error feedbacks to the user.
+ *
+ * If the application is in debug mode, a button is rendered to show the error message.
+ *
+ * @param options the error code, the error message and whether or not the application is in debug mode.
+ */
+export declare const ErrorFeedback: ({ code, message, debug, title, body, image, action, description, help, direction, style, className }: ErrorDescription) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ErrorFeedback.d.ts.map

package/dist/components/error/ErrorFeedback.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorFeedback.d.ts","sourceRoot":"","sources":["../../../src/components/error/ErrorFeedback.tsx"],"names":[],"mappings":"AAsBA,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,MAAM,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC;IAChD;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC3B;;;;OAIG;IACH,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC7B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAsCD;;;;;;GAMG;AACH,eAAO,MAAM,aAAa,GACxB,sGAAkH,gBAAgB,4CAgEnI,CAAA"}