@luscii-healthtech/web-ui 0.1.0

package/dist/components/RadioGroup/RadioGroup.d.ts

@@ -0,0 +1,31 @@
+export default RadioGroup;
+declare function RadioGroup({ className, radioClassName, name, selectedOption, isVertical, radioOptions, onChange, error, isDisabled, ...otherOptions }: {
+    [x: string]: any;
+    className: any;
+    radioClassName: any;
+    name: any;
+    selectedOption: any;
+    isVertical: any;
+    radioOptions: any;
+    onChange: any;
+    error: any;
+    isDisabled: any;
+}): JSX.Element;
+declare namespace RadioGroup {
+    export namespace propTypes {
+        export const className: PropTypes.Requireable<string>;
+        export const radioClassName: PropTypes.Requireable<string>;
+        export const name: PropTypes.Requireable<string>;
+        export const selectedOption: PropTypes.Requireable<React.Key>;
+        export const isVertical: PropTypes.Requireable<boolean>;
+        export const radioOptions: PropTypes.Validator<(PropTypes.InferProps<{
+            text: PropTypes.Requireable<string>;
+            info: PropTypes.Requireable<string>;
+            isDisabled: PropTypes.Requireable<boolean>;
+            value: PropTypes.Requireable<React.Key>;
+        }> | null | undefined)[]>;
+        export const onChange: PropTypes.Requireable<(...args: any[]) => any>;
+    }
+}
+import PropTypes from "prop-types";
+import React from "react";

package/dist/components/Section/Section.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import { ButtonProps } from "../Button/Button.types";
+import { LoadingIndicatorProps } from "../LoadingIndicator/LoadingIndicator";
+import { RestPropped } from "../../types/general.types";
+import "./Section.scss";
+export interface SectionProps<TitleType, FooterType> extends RestPropped {
+    title?: string | TitleType;
+    buttons?: ButtonProps[];
+    footer?: FooterType;
+    className?: string;
+    isLoading?: boolean;
+    loadingIndicatorProps?: LoadingIndicatorProps;
+}
+export declare function Section<TitleType = unknown, FooterType = unknown>({ title, buttons, footer, children, className, isLoading, loadingIndicatorProps, ...restProps }: React.PropsWithChildren<SectionProps<TitleType, FooterType>>): JSX.Element;
+export default Section;

package/dist/components/Select/LegacySelect.d.ts

@@ -0,0 +1,32 @@
+export default LegacySelect;
+/**
+ * For legacy purposes this functional component behaves a certain manner that is expected by Forms that still use it.
+ * @deprecated use Select instead
+ */
+declare function LegacySelect({ className, value, name, placeholder, options, onChange, isDisabled, isSearchable, ...otherProps }: {
+    [x: string]: any;
+    className: any;
+    value: any;
+    name: any;
+    placeholder?: string | undefined;
+    options: any;
+    onChange: any;
+    isDisabled?: boolean | undefined;
+    isSearchable?: boolean | undefined;
+}): JSX.Element;
+declare namespace LegacySelect {
+    export namespace propTypes {
+        export const className: PropTypes.Requireable<string>;
+        export const value: PropTypes.Requireable<React.Key>;
+        export const name: PropTypes.Validator<string>;
+        export const placeholder: PropTypes.Requireable<string>;
+        export const options: PropTypes.Validator<(PropTypes.InferProps<{
+            value: PropTypes.Validator<React.Key>;
+            text: PropTypes.Validator<string>;
+            disabled: PropTypes.Requireable<boolean>;
+        }> | null | undefined)[]>;
+        export const onChange: PropTypes.Validator<(...args: any[]) => any>;
+    }
+}
+import PropTypes from "prop-types";
+import React from "react";

package/dist/components/Select/Select.d.ts

@@ -0,0 +1,6 @@
+import type { Props, GroupBase } from "react-select";
+import { SelectInstance } from "react-select";
+import React from "react";
+declare type CustomSelect = <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: Props<Option, IsMulti, Group>, ref: React.RefAttributes<SelectInstance<Option, IsMulti, Group>>) => React.ReactElement;
+declare const CustomSelect: CustomSelect;
+export default CustomSelect;

package/dist/components/Select/options.transformer.d.ts

@@ -0,0 +1,14 @@
+interface DropdownItem {
+    id: string;
+    text: string;
+    key: string;
+    type: string;
+}
+interface DropdownGroupedItem {
+    groupKey: string;
+    title: string;
+    subItems: DropdownItem[];
+}
+export declare const transformSubitemToSelectOption: (subItem: DropdownItem) => Record<string, unknown>;
+export declare const transformToSelectOptions: (items: Array<DropdownGroupedItem | DropdownItem>) => Array<Record<string, unknown>>;
+export {};

package/dist/components/Select/select.utils.d.ts

@@ -0,0 +1,7 @@
+/**
+ * react-select needs an exact match of the object we are using in the options in order to know what has been set
+ * that's why we have to filter it
+ * @param {*} value - The value we need to set in the selector
+ * @returns the object having the passed value
+ */
+export declare const findValue: (value: any, options: any[]) => any;

package/dist/components/SettingsMenuButton/SettingsMenuButton.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import { IconProps } from "../Icons/types/IconProps.type";
+export interface ConfigurationItem {
+    itemId: string;
+    itemName: string;
+    on: boolean;
+}
+export interface SettingsMenuButtonProps {
+    configuration: ConfigurationItem[];
+    onConfigurationChange: (newConfig: ConfigurationItem) => void;
+    shiftMenuTo?: "right" | "right-md" | "left" | "left-md";
+    buttonTitle?: string;
+    menuTitle?: string;
+    iconComponent: React.FunctionComponent<IconProps>;
+}
+export declare const SettingsMenuButton: (props: SettingsMenuButtonProps) => JSX.Element;

package/dist/components/Spinner/Spinner.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+interface SpinnerProps {
+    className?: string;
+}
+export declare const Spinner: (props: SpinnerProps) => JSX.Element;
+export {};

package/dist/components/Steps/Step.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export interface StepProps {
+    title: string;
+    stepNumber: number;
+    active: boolean;
+    localization: {
+        step: string;
+    };
+}
+export declare const Step: ({ title, stepNumber, active, localization }: StepProps) => JSX.Element;

package/dist/components/Steps/Steps.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+interface StepsProps {
+    orderedStepTitles: Array<string>;
+    currentStep: number;
+    className?: string;
+    localization: {
+        step: string;
+    };
+}
+export declare const Steps: ({ orderedStepTitles, currentStep, className, localization }: StepsProps) => JSX.Element;
+export {};

package/dist/components/Switcher/Switcher.d.ts

@@ -0,0 +1,26 @@
+export default Switcher;
+declare function Switcher({ selectedIndex, onChange, className, itemClassName, items }: {
+    selectedIndex?: number | undefined;
+    onChange: any;
+    className: any;
+    itemClassName: any;
+    items: any;
+}): JSX.Element;
+declare namespace Switcher {
+    export namespace propTypes {
+        export const items: PropTypes.Validator<(PropTypes.InferProps<{
+            name: PropTypes.Requireable<string>;
+            icon: PropTypes.Requireable<PropTypes.InferProps<{
+                default: PropTypes.Requireable<string | PropTypes.ReactElementLike>;
+                active: PropTypes.Requireable<string | PropTypes.ReactElementLike>;
+                showBadge: PropTypes.Requireable<boolean>;
+            }>>;
+            key: PropTypes.Requireable<string>;
+        }> | null | undefined)[]>;
+        export const onChange: PropTypes.Validator<(...args: any[]) => any>;
+        export const selectedIndex: PropTypes.Requireable<number>;
+        export const className: PropTypes.Requireable<string>;
+        export const itemClassName: PropTypes.Requireable<string>;
+    }
+}
+import PropTypes from "prop-types";

package/dist/components/Switcher/SwitcherItem.d.ts

@@ -0,0 +1,24 @@
+export default SwitcherItem;
+declare function SwitcherItem({ className, icon, index, isSelected, name, onSelect }: {
+    className: any;
+    icon: any;
+    index: any;
+    isSelected?: boolean | undefined;
+    name: any;
+    onSelect: any;
+}): JSX.Element;
+declare namespace SwitcherItem {
+    export namespace propTypes {
+        export const name: PropTypes.Requireable<string>;
+        export const icon: PropTypes.Requireable<PropTypes.InferProps<{
+            default: PropTypes.Requireable<string | PropTypes.ReactElementLike>;
+            active: PropTypes.Requireable<string | PropTypes.ReactElementLike>;
+            showBadge: PropTypes.Requireable<boolean>;
+        }>>;
+        export const index: PropTypes.Validator<number>;
+        export const isSelected: PropTypes.Requireable<boolean>;
+        export const onSelect: PropTypes.Validator<(...args: any[]) => any>;
+        export const className: PropTypes.Requireable<string>;
+    }
+}
+import PropTypes from "prop-types";

package/dist/components/TabLinks/TabLinks.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { NavigateFn, WindowLocation } from "@reach/router";
+interface TabLinkItem {
+    url: URL;
+    text: string;
+}
+interface TabLinksProps {
+    patientUuid: string;
+    items: Array<TabLinkItem>;
+    navigate: NavigateFn;
+    location: WindowLocation;
+}
+declare const TabLinks: ({ patientUuid, items, navigate, location }: TabLinksProps) => JSX.Element;
+export default TabLinks;

package/dist/components/Tabbar/Tabbar.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { TabItemDetails } from "./TabbarItem";
+interface TabbarProps {
+    tabs?: TabItemDetails[];
+    selectedIndex?: number;
+    onSelect?(index: number): void;
+    className?: string;
+}
+export declare const Tabbar: ({ tabs, selectedIndex, onSelect, className }: TabbarProps) => JSX.Element;
+export default Tabbar;

package/dist/components/Tabbar/TabbarItem.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+export interface TabItemDetails {
+    title: string | JSX.Element;
+    badgeCount?: number;
+    isLoading?: boolean;
+    dataTestId?: string;
+}
+interface TabbarItemProps extends TabItemDetails {
+    index: number;
+    isSelected?: boolean;
+    onSelect(index: number): void;
+    className?: string;
+}
+declare const TabbarItem: ({ title, index, isSelected, onSelect, className, badgeCount, isLoading, dataTestId, }: TabbarItemProps) => JSX.Element;
+export default TabbarItem;

package/dist/components/Tag/Tag.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { TagSize } from "./TagGroup";
+export declare enum TagColorTheme {
+    Red = "red",
+    Amber = "amber",
+    Green = "green",
+    Gray = "gray",
+    Blue = "blue"
+}
+export interface TagProps {
+    text: string;
+    colorTheme?: TagColorTheme;
+    size?: TagSize;
+    className?: string;
+}
+declare const Tag: ({ text, colorTheme, className, size }: TagProps) => JSX.Element;
+export default Tag;

package/dist/components/Tag/TagGroup.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { TagProps } from "./Tag";
+export declare enum TagSize {
+    "small" = "small",
+    "base" = "base"
+}
+interface TagGroupProps {
+    tags: TagProps[];
+    tagSize?: TagSize;
+    className?: string;
+}
+declare const TagGroup: ({ tags, tagSize, className }: TagGroupProps) => JSX.Element;
+export default TagGroup;

package/dist/components/Text/LegacyText.d.ts

@@ -0,0 +1,37 @@
+export default LegacyText;
+/**
+ * @deprecated use TextV2
+ */
+declare function LegacyText({ text, type, level, className, containsDangerousHtml, ...otherProps }: {
+    [x: string]: any;
+    text: any;
+    type?: string | undefined;
+    level?: string | undefined;
+    className?: string | undefined;
+    containsDangerousHtml?: boolean | undefined;
+}): JSX.Element;
+declare namespace LegacyText {
+    export const propTypes: {
+        text: PropTypes.Validator<string>;
+        level: PropTypes.Requireable<string>;
+        type: PropTypes.Requireable<string>;
+        className: PropTypes.Requireable<string>;
+        containsDangerousHtml: PropTypes.Requireable<boolean>;
+    };
+}
+export namespace TEXT_TYPE_OPTIONS {
+    export const DEFAULT: string;
+    export const STRONG: string;
+    export const EMPHASIZED: string;
+    export const FINEPRINT: string;
+    export const SMALL: string;
+    export const SMALL_DARK: string;
+    export const SMALL_FINEPRINT: string;
+    export const MICRO: string;
+    export const ERROR: string;
+}
+export namespace TEXT_LEVEL_OPTIONS {
+    export const INLINE: string;
+    export const BLOCK: string;
+}
+import PropTypes from "prop-types";

package/dist/components/Text/Text.d.ts

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+import { RestPropped } from "../../types/general.types";
+import "./Text.scss";
+export declare type TextStyle = "sm" | "sm-strong" | "base" | "strong" | "lg" | "lg-strong" | "xl" | "xl-strong" | string;
+export declare type TextColor = "base" | "gray-500" | "gray-200" | "white" | "blue" | "red" | "green" | "amber" | "inherit";
+export interface TextProps extends RestPropped {
+    text: string;
+    type?: TextStyle;
+    inline?: boolean;
+    color?: TextColor;
+    hoverColor?: TextColor;
+    className?: string;
+    containsDangerousHtml?: boolean;
+    truncate?: boolean;
+    "data-test-id"?: string;
+}
+export declare const Text: {
+    (props: TextProps): JSX.Element;
+    defaultProps: {
+        type: string;
+        inline: boolean;
+        color: string;
+        containsDangerousHtml: boolean;
+        truncate: boolean;
+    };
+};
+export default Text;

package/dist/components/TextEditor/TextEditor.d.ts

@@ -0,0 +1,14 @@
+declare function TextEditor({ defaultValue, onValueChange, placeholder }: {
+    defaultValue: any;
+    onValueChange: any;
+    placeholder: any;
+}): JSX.Element;
+declare namespace TextEditor {
+    export namespace propTypes {
+        export const defaultValue: PropTypes.Requireable<string>;
+        export const placeholder: PropTypes.Requireable<string>;
+        export const onValueChange: PropTypes.Validator<(...args: any[]) => any>;
+    }
+}
+export default TextEditor;
+import PropTypes from "prop-types";

package/dist/components/TextEditorV2/TextEditorV2.d.ts

@@ -0,0 +1,6 @@
+export function TextEditorV2({ defaultValue, onValueChange, locale }: {
+    defaultValue: any;
+    onValueChange: any;
+    locale: any;
+}): JSX.Element;
+export default TextEditorV2;

package/dist/components/TextLink/TextLink.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export interface TextLinkProps {
+    text: string;
+    enabled?: boolean;
+    href?: string;
+    rel?: string;
+    target?: string;
+    onClick?: () => void;
+    className?: string;
+}
+export declare const TextLink: (props: TextLinkProps) => JSX.Element;

package/dist/components/TextListItem/TextListItem.d.ts

@@ -0,0 +1,12 @@
+export default TextListItem;
+declare function TextListItem(props: any): JSX.Element;
+declare namespace TextListItem {
+    export namespace propTypes {
+        export const text: PropTypes.Validator<string>;
+        export const icon: PropTypes.Requireable<string | object>;
+        export const className: PropTypes.Requireable<string>;
+        export const iconClass: PropTypes.Requireable<string>;
+        export const onClick: PropTypes.Requireable<(...args: any[]) => any>;
+    }
+}
+import PropTypes from "prop-types";

package/dist/components/Textarea/Textarea.d.ts

@@ -0,0 +1,22 @@
+export default Textarea;
+declare function Textarea(props: any): JSX.Element;
+declare namespace Textarea {
+    export namespace propTypes {
+        export const className: PropTypes.Requireable<string>;
+        export const value: PropTypes.Requireable<string>;
+        export const name: PropTypes.Validator<string>;
+        export const placeholder: PropTypes.Requireable<string>;
+        export const maxLength: PropTypes.Requireable<number>;
+        export const rows: PropTypes.Requireable<number>;
+        export const resizable: PropTypes.Requireable<string>;
+        export const isDisabled: PropTypes.Requireable<boolean>;
+        export const icon: PropTypes.Requireable<string>;
+        export const onChange: PropTypes.Validator<(...args: any[]) => any>;
+        export const onBlur: PropTypes.Requireable<(...args: any[]) => any>;
+        export const onFocus: PropTypes.Requireable<(...args: any[]) => any>;
+        export const onKeyPress: PropTypes.Requireable<(...args: any[]) => any>;
+        export const onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
+        export const onCtrlEnter: PropTypes.Requireable<(...args: any[]) => any>;
+    }
+}
+import PropTypes from "prop-types";

package/dist/components/Title/LegacyTitle.d.ts

@@ -0,0 +1,22 @@
+export default LegacyTitle;
+declare function LegacyTitle({ text, type, className, ...otherProps }: {
+    [x: string]: any;
+    text: any;
+    type: any;
+    className?: string | undefined;
+}): JSX.Element;
+declare namespace LegacyTitle {
+    export const propTypes: {
+        text: PropTypes.Validator<string>;
+        type: PropTypes.Requireable<string>;
+        className: PropTypes.Requireable<string>;
+    };
+}
+export namespace TITLE_TYPE_OPTIONS {
+    export const DEFAULT: string;
+    export const BIG: string;
+    export const SMALL: string;
+    export const TINY: string;
+    export const BOLD: string;
+}
+import PropTypes from "prop-types";

package/dist/components/Title/Title.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import "./Title.scss";
+export declare type TitleStyle = "sm" | "base" | "lg" | "xl" | "2xl";
+export interface TextProps {
+    text: string;
+    type?: TitleStyle;
+    className?: string;
+}
+export declare const Title: {
+    (props: TextProps): JSX.Element;
+    defaultProps: {
+        type: string;
+    };
+};

package/dist/components/ViewItem/ViewItem.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { TextProps } from "../Text/Text";
+import { RestPropped } from "../../types/general.types";
+import { ButtonProps } from "../Button/Button.types";
+export interface ViewItemProps<AccessoryType> extends RestPropped {
+    titleProps?: TextProps;
+    title?: string;
+    titleAccessory?: AccessoryType;
+    contentProps?: TextProps[];
+    content?: string[];
+    defaultContent?: string;
+    className?: string;
+    buttons?: ButtonProps[];
+}
+export declare function ViewItem<AccessoryType>({ titleProps, title, titleAccessory, contentProps, content, defaultContent, className, buttons, ...restProps }: ViewItemProps<AccessoryType>): JSX.Element;
+export default ViewItem;

package/dist/index.d.ts

@@ -0,0 +1,8 @@
+import { FC, HTMLAttributes, ReactChild } from "react";
+export interface Props extends HTMLAttributes<HTMLDivElement> {
+    children?: ReactChild;
+}
+/**
+ * A custom Thing component. Neat!
+ */
+export declare const Thing: FC<Props>;

package/dist/index.js

@@ -0,0 +1,8 @@
+
+'use strict'
+
+if (process.env.NODE_ENV === 'production') {
+  module.exports = require('./web-ui.cjs.production.min.js')
+} else {
+  module.exports = require('./web-ui.cjs.development.js')
+}

package/dist/types/general.types.d.ts

@@ -0,0 +1,7 @@
+export interface RestPropped {
+    [key: string]: any;
+}
+export interface HookReturn<T> extends RestPropped {
+    data: T | undefined;
+    isLoading: boolean;
+}

package/dist/utils/useOutsideClick.d.ts

@@ -0,0 +1,2 @@
+export default useOutsideClick;
+declare function useOutsideClick(ref: any, callback: any): void;

package/dist/web-ui.cjs.development.js

@@ -0,0 +1,23 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+
+var React = _interopDefault(require('react'));
+
+// see: https://github.com/storybookjs/storybook/issues/9556
+
+/**
+ * A custom Thing component. Neat!
+ */
+
+var Thing = function Thing(_ref) {
+  var children = _ref.children;
+  return React.createElement("div", {
+    className: "mt-10 bg-red-500 p-5 rounded-md"
+  }, children || "this is a test");
+};
+
+exports.Thing = Thing;
+//# sourceMappingURL=web-ui.cjs.development.js.map

package/dist/web-ui.cjs.development.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"web-ui.cjs.development.js","sources":["../src/index.tsx"],"sourcesContent":["import React, { FC, HTMLAttributes, ReactChild } from \"react\";\n\nexport interface Props extends HTMLAttributes<HTMLDivElement> {\n  children?: ReactChild;\n}\n\n// Please do not use types off of a default export module or else Storybook Docs will suffer.\n// see: https://github.com/storybookjs/storybook/issues/9556\n/**\n * A custom Thing component. Neat!\n */\nexport const Thing: FC<Props> = ({ children }) => {\n  return <div className={\"mt-10 bg-red-500 p-5 rounded-md\"}>{children || \"this is a test\"}</div>;\n};\n"],"names":["Thing","children","React","className"],"mappings":";;;;;;;;AAOA;;AACA;;;;IAGaA,KAAK,GAAc,SAAnBA,KAAmB;MAAGC,gBAAAA;EACjC,OAAOC,mBAAA,MAAA;IAAKC,SAAS,EAAE;GAAhB,EAAoDF,QAAQ,IAAI,gBAAhE,CAAP;AACD;;;;"}

package/dist/web-ui.cjs.production.min.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=(e=require("react"))&&"object"==typeof e&&"default"in e?e.default:e;exports.Thing=function(e){return t.createElement("div",{className:"mt-10 bg-red-500 p-5 rounded-md"},e.children||"this is a test")};
+//# sourceMappingURL=web-ui.cjs.production.min.js.map

package/dist/web-ui.cjs.production.min.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"web-ui.cjs.production.min.js","sources":["../src/index.tsx"],"sourcesContent":["import React, { FC, HTMLAttributes, ReactChild } from \"react\";\n\nexport interface Props extends HTMLAttributes<HTMLDivElement> {\n  children?: ReactChild;\n}\n\n// Please do not use types off of a default export module or else Storybook Docs will suffer.\n// see: https://github.com/storybookjs/storybook/issues/9556\n/**\n * A custom Thing component. Neat!\n */\nexport const Thing: FC<Props> = ({ children }) => {\n  return <div className={\"mt-10 bg-red-500 p-5 rounded-md\"}>{children || \"this is a test\"}</div>;\n};\n"],"names":["React","className","children"],"mappings":"8JAWgC,YAC9B,OAAOA,uBAAKC,UAAW,qCADUC,UACsC"}

package/dist/web-ui.esm.js

@@ -0,0 +1,17 @@
+import React from 'react';
+
+// see: https://github.com/storybookjs/storybook/issues/9556
+
+/**
+ * A custom Thing component. Neat!
+ */
+
+var Thing = function Thing(_ref) {
+  var children = _ref.children;
+  return React.createElement("div", {
+    className: "mt-10 bg-red-500 p-5 rounded-md"
+  }, children || "this is a test");
+};
+
+export { Thing };
+//# sourceMappingURL=web-ui.esm.js.map

package/dist/web-ui.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"web-ui.esm.js","sources":["../src/index.tsx"],"sourcesContent":["import React, { FC, HTMLAttributes, ReactChild } from \"react\";\n\nexport interface Props extends HTMLAttributes<HTMLDivElement> {\n  children?: ReactChild;\n}\n\n// Please do not use types off of a default export module or else Storybook Docs will suffer.\n// see: https://github.com/storybookjs/storybook/issues/9556\n/**\n * A custom Thing component. Neat!\n */\nexport const Thing: FC<Props> = ({ children }) => {\n  return <div className={\"mt-10 bg-red-500 p-5 rounded-md\"}>{children || \"this is a test\"}</div>;\n};\n"],"names":["Thing","children","React","className"],"mappings":";;AAOA;;AACA;;;;IAGaA,KAAK,GAAc,SAAnBA,KAAmB;MAAGC,gBAAAA;EACjC,OAAOC,mBAAA,MAAA;IAAKC,SAAS,EAAE;GAAhB,EAAoDF,QAAQ,IAAI,gBAAhE,CAAP;AACD;;;;"}