@darajs/components 0.4.8

package/dist/common/heading/heading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"heading.d.ts","sourceRoot":"","sources":["../../../js/common/heading/heading.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,QAAQ,EAA8C,MAAM,cAAc,CAAC;AAG1G,UAAU,YAAa,SAAQ,oBAAoB;IAC/C,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC;IACnC,KAAK,EAAE,MAAM,CAAC;CACjB;AAMD,iBAAS,OAAO,CAAC,KAAK,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO,CAgBjD;AAED,eAAe,OAAO,CAAC"}

package/dist/common/heading/heading.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { injectCss, useComponentStyles, useVariable } from '@darajs/core';
+import { useTheme } from '@darajs/styled-components';
+const StyledTag = injectCss('h1');
+const anchorName = (text) => text.toLowerCase().replace(/\s+/g, '-');
+function Heading(props) {
+    const theme = useTheme();
+    const [style, css] = useComponentStyles(props);
+    const [heading] = useVariable(props.heading);
+    const tag = `h${props.level}`;
+    return (_jsx(StyledTag, { "$rawCss": css, as: tag, className: props.className, id: anchorName(heading), style: Object.assign({ color: theme.colors.text, textAlign: props.align }, style), children: heading }));
+}
+export default Heading;
+//# sourceMappingURL=heading.js.map

package/dist/common/heading/heading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"heading.js","sourceRoot":"","sources":["../../../js/common/heading/heading.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAkC,SAAS,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC1G,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAQrD,MAAM,SAAS,GAAG,SAAS,CAAC,IAAI,CAAC,CAAC;AAElC,MAAM,UAAU,GAAG,CAAC,IAAY,EAAU,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;AAErF,SAAS,OAAO,CAAC,KAAmB;IAChC,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,kBAAkB,CAAC,KAAK,CAAC,CAAC;IAC/C,MAAM,CAAC,OAAO,CAAC,GAAG,WAAW,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IAC7C,MAAM,GAAG,GAAG,IAAI,KAAK,CAAC,KAAK,EAAiC,CAAC;IAC7D,OAAO,CACH,KAAC,SAAS,eACG,GAAG,EACZ,EAAE,EAAE,GAAG,EACP,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,EAAE,EAAE,UAAU,CAAC,OAAO,CAAC,EACvB,KAAK,kBAAI,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,EAAE,KAAK,CAAC,KAAY,IAAK,KAAK,aAEzE,OAAO,GACA,CACf,CAAC;AACN,CAAC;AAED,eAAe,OAAO,CAAC"}

package/dist/common/html-raw/html-raw.d.ts

@@ -0,0 +1,15 @@
+import { StyledComponentProps } from '@darajs/core';
+interface HtmlRawProps extends StyledComponentProps {
+    /** Pass through the className property */
+    className: string;
+    /** The raw html to display, should be string */
+    html: string;
+}
+/**
+ * A component to display a raw HTML. It stretches to fit the container.
+ *
+ * @param props - the component props
+ */
+declare function HtmlRaw(props: HtmlRawProps): JSX.Element;
+export default HtmlRaw;
+//# sourceMappingURL=html-raw.d.ts.map

package/dist/common/html-raw/html-raw.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"html-raw.d.ts","sourceRoot":"","sources":["../../../js/common/html-raw/html-raw.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAiC,MAAM,cAAc,CAAC;AAUnF,UAAU,YAAa,SAAQ,oBAAoB;IAC/C,0CAA0C;IAC1C,SAAS,EAAE,MAAM,CAAC;IAClB,gDAAgD;IAChD,IAAI,EAAE,MAAM,CAAC;CAChB;AAED;;;;GAIG;AACH,iBAAS,OAAO,CAAC,KAAK,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO,CAWjD;AAED,eAAe,OAAO,CAAC"}

package/dist/common/html-raw/html-raw.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { injectCss, useComponentStyles } from '@darajs/core';
+import styled from '@darajs/styled-components';
+const _Wrapper = styled.div `
+    display: flex;
+    width: 100%;
+    height: 100%;
+`;
+const Wrapper = injectCss(_Wrapper);
+/**
+ * A component to display a raw HTML. It stretches to fit the container.
+ *
+ * @param props - the component props
+ */
+function HtmlRaw(props) {
+    const [style, css] = useComponentStyles(props);
+    return (_jsx(Wrapper, { "$rawCss": css, className: props.className, 
+        // bearer:disable javascript_react_dangerously_set_inner_html
+        dangerouslySetInnerHTML: { __html: props.html }, style: style }));
+}
+export default HtmlRaw;
+//# sourceMappingURL=html-raw.js.map

package/dist/common/html-raw/html-raw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"html-raw.js","sourceRoot":"","sources":["../../../js/common/html-raw/html-raw.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAwB,SAAS,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AACnF,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAE/C,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAI1B,CAAC;AACF,MAAM,OAAO,GAAG,SAAS,CAAC,QAAQ,CAAC,CAAC;AASpC;;;;GAIG;AACH,SAAS,OAAO,CAAC,KAAmB;IAChC,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,kBAAkB,CAAC,KAAK,CAAC,CAAC;IAC/C,OAAO,CACH,KAAC,OAAO,eACK,GAAG,EACZ,SAAS,EAAE,KAAK,CAAC,SAAS;QAC1B,6DAA6D;QAC7D,uBAAuB,EAAE,EAAE,MAAM,EAAE,KAAK,CAAC,IAAI,EAAE,EAC/C,KAAK,EAAE,KAAK,GACd,CACL,CAAC;AACN,CAAC;AAED,eAAe,OAAO,CAAC"}

package/dist/common/icon/icon.d.ts

@@ -0,0 +1,8 @@
+import { StyledComponentProps } from '@darajs/core';
+interface IconProps extends StyledComponentProps {
+    color?: string;
+    icon: string;
+}
+declare function Icon(props: IconProps): JSX.Element;
+export default Icon;
+//# sourceMappingURL=icon.d.ts.map

package/dist/common/icon/icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../js/common/icon/icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAA+B,MAAM,cAAc,CAAC;AAEjF,UAAU,SAAU,SAAQ,oBAAoB;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;CAChB;AAED,iBAAS,IAAI,CAAC,KAAK,EAAE,SAAS,GAAG,GAAG,CAAC,OAAO,CAa3C;AAED,eAAe,IAAI,CAAC"}

package/dist/common/icon/icon.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getIcon, useComponentStyles } from '@darajs/core';
+function Icon(props) {
+    const [style, css] = useComponentStyles(props);
+    const IconComponent = getIcon(props.icon);
+    const validStyle = Object.assign({}, style);
+    delete validStyle.fontWeight;
+    return (_jsx(IconComponent, { "$rawCss": css, style: Object.assign(Object.assign({ alignItems: 'center', display: 'flex' }, validStyle), { color: props.color }) }));
+}
+export default Icon;
+//# sourceMappingURL=icon.js.map

package/dist/common/icon/icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.js","sourceRoot":"","sources":["../../../js/common/icon/icon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAwB,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAOjF,SAAS,IAAI,CAAC,KAAgB;IAC1B,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,kBAAkB,CAAC,KAAK,CAAC,CAAC;IAC/C,MAAM,aAAa,GAAG,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAE1C,MAAM,UAAU,qBAAa,KAAK,CAAE,CAAC;IACrC,OAAO,UAAU,CAAC,UAAU,CAAC;IAE7B,OAAO,CACH,KAAC,aAAa,eACD,GAAG,EACZ,KAAK,gCAAI,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,IAAK,UAAU,KAAE,KAAK,EAAE,KAAK,CAAC,KAAK,MACnF,CACL,CAAC;AACN,CAAC;AAED,eAAe,IAAI,CAAC"}

package/dist/common/if/if.d.ts

@@ -0,0 +1,27 @@
+import { ComponentInstance, Condition, ConditionOperator, StyledComponentProps } from '@darajs/core';
+interface IfProps extends StyledComponentProps {
+    /** The condition def to evaluate */
+    condition: Condition<any>;
+    /** Children to render if the condition is false */
+    false_children: Array<ComponentInstance>;
+    /** Children to render if the condition is true */
+    true_children: Array<ComponentInstance>;
+}
+/**
+ * This function takes the operator and both values and performs the appropriate comparison between the two and returns
+ * the result
+ *
+ * @param operator the operator defined in the condition
+ * @param value the value on the lhs of the condition
+ * @param other the value on the rhs of the condition
+ */
+export declare function isConditionTrue(operator: ConditionOperator, value: unknown, other: unknown): boolean;
+/**
+ * The if component conditionally renders either the falsey or truthy children depending on the evaluation of the
+ * condition def object, with the values pulled from the recoil state
+ *
+ * @param props the component props
+ */
+declare function If(props: IfProps): JSX.Element;
+export default If;
+//# sourceMappingURL=if.d.ts.map

package/dist/common/if/if.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"if.d.ts","sourceRoot":"","sources":["../../../js/common/if/if.tsx"],"names":[],"mappings":"AAGA,OAAO,EACH,iBAAiB,EACjB,SAAS,EACT,iBAAiB,EAEjB,oBAAoB,EAEvB,MAAM,cAAc,CAAC;AAEtB,UAAU,OAAQ,SAAQ,oBAAoB;IAC1C,oCAAoC;IACpC,SAAS,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IAC1B,mDAAmD;IACnD,cAAc,EAAE,KAAK,CAAC,iBAAiB,CAAC,CAAC;IACzC,kDAAkD;IAClD,aAAa,EAAE,KAAK,CAAC,iBAAiB,CAAC,CAAC;CAC3C;AAED;;;;;;;GAOG;AACH,wBAAgB,eAAe,CAAC,QAAQ,EAAE,iBAAiB,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,GAAG,OAAO,CAuBpG;AAED;;;;;GAKG;AACH,iBAAS,EAAE,CAAC,KAAK,EAAE,OAAO,GAAG,GAAG,CAAC,OAAO,CAmBvC;AAED,eAAe,EAAE,CAAC"}

package/dist/common/if/if.js

@@ -0,0 +1,53 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+/* eslint-disable react-hooks/exhaustive-deps */
+import { useMemo } from 'react';
+import { ConditionOperator, DynamicComponent, useAnyVariable, } from '@darajs/core';
+/**
+ * This function takes the operator and both values and performs the appropriate comparison between the two and returns
+ * the result
+ *
+ * @param operator the operator defined in the condition
+ * @param value the value on the lhs of the condition
+ * @param other the value on the rhs of the condition
+ */
+export function isConditionTrue(operator, value, other) {
+    if (operator === ConditionOperator.EQUAL) {
+        return value === other;
+    }
+    if (operator === ConditionOperator.NOT_EQUAL) {
+        return value !== other;
+    }
+    if (operator === ConditionOperator.GREATER_EQUAL) {
+        return value >= other;
+    }
+    if (operator === ConditionOperator.GREATER_THAN) {
+        return value > other;
+    }
+    if (operator === ConditionOperator.LESS_EQUAL) {
+        return value <= other;
+    }
+    if (operator === ConditionOperator.LESS_THAN) {
+        return value < other;
+    }
+    if (operator === ConditionOperator.TRUTHY) {
+        return !!value;
+    }
+    throw new Error(`Unexpected operator ${String(operator)} passed to conditional (If) component`);
+}
+/**
+ * The if component conditionally renders either the falsey or truthy children depending on the evaluation of the
+ * condition def object, with the values pulled from the recoil state
+ *
+ * @param props the component props
+ */
+function If(props) {
+    const value = useAnyVariable(props.condition.variable);
+    const other = useAnyVariable(props.condition.other);
+    const conditionResult = useMemo(() => isConditionTrue(props.condition.operator, value, other), [props.condition, value, other]);
+    const children = useMemo(() => {
+        return conditionResult ? props.true_children : props.false_children;
+    }, [conditionResult]);
+    return (_jsx(_Fragment, { children: children.map((child, idx) => (_jsx(DynamicComponent, { component: child }, `if-${idx}-${child.name}-${String(conditionResult)}`))) }));
+}
+export default If;
+//# sourceMappingURL=if.js.map

package/dist/common/if/if.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"if.js","sourceRoot":"","sources":["../../../js/common/if/if.tsx"],"names":[],"mappings":";AAAA,gDAAgD;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,EAGH,iBAAiB,EACjB,gBAAgB,EAEhB,cAAc,GACjB,MAAM,cAAc,CAAC;AAWtB;;;;;;;GAOG;AACH,MAAM,UAAU,eAAe,CAAC,QAA2B,EAAE,KAAc,EAAE,KAAc;IACvF,IAAI,QAAQ,KAAK,iBAAiB,CAAC,KAAK,EAAE,CAAC;QACvC,OAAO,KAAK,KAAK,KAAK,CAAC;IAC3B,CAAC;IACD,IAAI,QAAQ,KAAK,iBAAiB,CAAC,SAAS,EAAE,CAAC;QAC3C,OAAO,KAAK,KAAK,KAAK,CAAC;IAC3B,CAAC;IACD,IAAI,QAAQ,KAAK,iBAAiB,CAAC,aAAa,EAAE,CAAC;QAC/C,OAAO,KAAK,IAAI,KAAK,CAAC;IAC1B,CAAC;IACD,IAAI,QAAQ,KAAK,iBAAiB,CAAC,YAAY,EAAE,CAAC;QAC9C,OAAO,KAAK,GAAG,KAAK,CAAC;IACzB,CAAC;IACD,IAAI,QAAQ,KAAK,iBAAiB,CAAC,UAAU,EAAE,CAAC;QAC5C,OAAO,KAAK,IAAI,KAAK,CAAC;IAC1B,CAAC;IACD,IAAI,QAAQ,KAAK,iBAAiB,CAAC,SAAS,EAAE,CAAC;QAC3C,OAAO,KAAK,GAAG,KAAK,CAAC;IACzB,CAAC;IACD,IAAI,QAAQ,KAAK,iBAAiB,CAAC,MAAM,EAAE,CAAC;QACxC,OAAO,CAAC,CAAC,KAAK,CAAC;IACnB,CAAC;IACD,MAAM,IAAI,KAAK,CAAC,uBAAuB,MAAM,CAAC,QAAQ,CAAC,uCAAuC,CAAC,CAAC;AACpG,CAAC;AAED;;;;;GAKG;AACH,SAAS,EAAE,CAAC,KAAc;IACtB,MAAM,KAAK,GAAG,cAAc,CAAC,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;IACvD,MAAM,KAAK,GAAG,cAAc,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;IAEpD,MAAM,eAAe,GAAG,OAAO,CAC3B,GAAG,EAAE,CAAC,eAAe,CAAC,KAAK,CAAC,SAAS,CAAC,QAAQ,EAAE,KAAK,EAAE,KAAK,CAAC,EAC7D,CAAC,KAAK,CAAC,SAAS,EAAE,KAAK,EAAE,KAAK,CAAC,CAClC,CAAC;IACF,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE;QAC1B,OAAO,eAAe,CAAC,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,cAAc,CAAC;IACxE,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,OAAO,CACH,4BACK,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,CAC1B,KAAC,gBAAgB,IAAC,SAAS,EAAE,KAAK,IAAO,MAAM,GAAG,IAAI,KAAK,CAAC,IAAI,IAAI,MAAM,CAAC,eAAe,CAAC,EAAE,CAAI,CACpG,CAAC,GACH,CACN,CAAC;AACN,CAAC;AAED,eAAe,EAAE,CAAC"}

package/dist/common/image/image.d.ts

@@ -0,0 +1,15 @@
+import { StyledComponentProps } from '@darajs/core';
+interface ImageProps extends StyledComponentProps {
+    /**
+     * Src URL
+     */
+    src?: string;
+}
+/**
+ * A component for displaying images files.
+ *
+ * @param {ImageProps} props - the component props
+ */
+declare function Image(props: ImageProps): JSX.Element;
+export default Image;
+//# sourceMappingURL=image.d.ts.map

package/dist/common/image/image.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["../../../js/common/image/image.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAiD,MAAM,cAAc,CAAC;AAGnG,UAAU,UAAW,SAAQ,oBAAoB;IAC7C;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;CAChB;AAQD;;;;GAIG;AACH,iBAAS,KAAK,CAAC,KAAK,EAAE,UAAU,GAAG,GAAG,CAAC,OAAO,CAU7C;AAED,eAAe,KAAK,CAAC"}

package/dist/common/image/image.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { injectCss, prependBaseUrl, useComponentStyles } from '@darajs/core';
+import styled from '@darajs/styled-components';
+const ImageComponent = styled.div `
+    display: flex;
+`;
+const StyledImg = injectCss(ImageComponent);
+/**
+ * A component for displaying images files.
+ *
+ * @param {ImageProps} props - the component props
+ */
+function Image(props) {
+    const [style, css] = useComponentStyles(props);
+    const source = prependBaseUrl(props.src);
+    return (_jsx(StyledImg, { "$rawCss": css, style: style, children: _jsx("img", { alt: `Could not load ${source}`, loading: "lazy", src: source }) }));
+}
+export default Image;
+//# sourceMappingURL=image.js.map

package/dist/common/image/image.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.js","sourceRoot":"","sources":["../../../js/common/image/image.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAwB,SAAS,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AACnG,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAS/C,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAsB;;CAEtD,CAAC;AAEF,MAAM,SAAS,GAAG,SAAS,CAAC,cAAc,CAAC,CAAC;AAE5C;;;;GAIG;AACH,SAAS,KAAK,CAAC,KAAiB;IAC5B,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,kBAAkB,CAAC,KAAK,CAAC,CAAC;IAE/C,MAAM,MAAM,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAEzC,OAAO,CACH,KAAC,SAAS,eAAU,GAAG,EAAE,KAAK,EAAE,KAAK,YACjC,cAAK,GAAG,EAAE,kBAAkB,MAAM,EAAE,EAAE,OAAO,EAAC,MAAM,EAAC,GAAG,EAAE,MAAM,GAAI,GAC5D,CACf,CAAC;AACN,CAAC;AAED,eAAe,KAAK,CAAC"}

package/dist/common/index.d.ts

@@ -0,0 +1,43 @@
+import type { ComponentItem } from './types';
+export type { ComponentItem };
+export { default as Accordion } from './accordion/accordion';
+export { default as Anchor } from './anchor/anchor';
+export { default as BulletList } from './bullet-list/bullet_list';
+export { default as Button } from './button/button';
+export { default as ButtonBar } from './button-bar/button-bar';
+export { default as Card } from './card/card';
+export { default as Carousel } from './carousel/carousel';
+export { default as Column } from './grid/column';
+export { default as CheckboxGroup } from './checkbox-group/checkbox-group';
+export { default as Code } from './code/code';
+export { default as ComponentSelectList } from './component-select-list/component-select-list';
+export { default as Datepicker } from './datepicker/datepicker';
+export { default as UploadDropzone } from './dropzone/dropzone';
+export { default as Grid } from './grid/grid';
+export { default as Heading } from './heading/heading';
+export { default as HtmlRaw } from './html-raw/html-raw';
+export { default as Form } from './form/form';
+export { default as FormPage } from './form-page/form-page';
+export { default as Icon } from './icon/icon';
+export { default as If } from './if/if';
+export { default as Image } from './image/image';
+export { default as Input } from './input/input';
+export { default as Label } from './label/label';
+export { default as Markdown } from './markdown/markdown';
+export { default as Modal } from './modal/modal';
+export { default as Overlay } from './overlay/overlay';
+export { default as Paragraph } from './paragraph/paragraph';
+export { default as ProgressBar } from './progress-bar/progress-bar';
+export { default as Row } from './grid/row';
+export { default as RadioGroup } from './radio-group/radio-group';
+export { default as Select } from './select/select';
+export { default as Slider } from './slider/slider';
+export { default as Spacer } from './spacer/spacer';
+export { default as Stack } from './stack/stack';
+export { default as Switch } from './switch/switch';
+export { default as TabbedCard } from './tabbed-card/tabbed-card';
+export { default as Table } from './table/table';
+export { default as Text } from './text/text';
+export { default as Textarea } from './textarea/textarea';
+export { default as Tooltip } from './tooltip/tooltip';
+//# sourceMappingURL=index.d.ts.map

package/dist/common/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../js/common/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAG7C,YAAY,EAAE,aAAa,EAAE,CAAC;AAE9B,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,+CAA+C,CAAC;AAC/F,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,EAAE,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/common/index.js

@@ -0,0 +1,41 @@
+export { default as Accordion } from './accordion/accordion';
+export { default as Anchor } from './anchor/anchor';
+export { default as BulletList } from './bullet-list/bullet_list';
+export { default as Button } from './button/button';
+export { default as ButtonBar } from './button-bar/button-bar';
+export { default as Card } from './card/card';
+export { default as Carousel } from './carousel/carousel';
+export { default as Column } from './grid/column';
+export { default as CheckboxGroup } from './checkbox-group/checkbox-group';
+export { default as Code } from './code/code';
+export { default as ComponentSelectList } from './component-select-list/component-select-list';
+export { default as Datepicker } from './datepicker/datepicker';
+export { default as UploadDropzone } from './dropzone/dropzone';
+export { default as Grid } from './grid/grid';
+export { default as Heading } from './heading/heading';
+export { default as HtmlRaw } from './html-raw/html-raw';
+export { default as Form } from './form/form';
+export { default as FormPage } from './form-page/form-page';
+export { default as Icon } from './icon/icon';
+export { default as If } from './if/if';
+export { default as Image } from './image/image';
+export { default as Input } from './input/input';
+export { default as Label } from './label/label';
+export { default as Markdown } from './markdown/markdown';
+export { default as Modal } from './modal/modal';
+export { default as Overlay } from './overlay/overlay';
+export { default as Paragraph } from './paragraph/paragraph';
+export { default as ProgressBar } from './progress-bar/progress-bar';
+export { default as Row } from './grid/row';
+export { default as RadioGroup } from './radio-group/radio-group';
+export { default as Select } from './select/select';
+export { default as Slider } from './slider/slider';
+export { default as Spacer } from './spacer/spacer';
+export { default as Stack } from './stack/stack';
+export { default as Switch } from './switch/switch';
+export { default as TabbedCard } from './tabbed-card/tabbed-card';
+export { default as Table } from './table/table';
+export { default as Text } from './text/text';
+export { default as Textarea } from './textarea/textarea';
+export { default as Tooltip } from './tooltip/tooltip';
+//# sourceMappingURL=index.js.map

package/dist/common/index.js.map

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

package/dist/common/input/input.d.ts

@@ -0,0 +1,20 @@
+import { Variable } from '@darajs/core';
+import { FormComponentProps } from '../types';
+interface InputProps extends FormComponentProps {
+    /** Passthrough the className property */
+    className: string;
+    /** Placeholder to show when inputs is empty */
+    placeholder?: string;
+    /** Input type attribute */
+    type?: string;
+    /** The value Variable to display and update */
+    value?: Variable<string>;
+}
+/**
+ * The input component accepts a value Variable from the backend and allows the user to view and edit that variable.
+ *
+ * @param props the component props
+ */
+declare function Input(props: InputProps): JSX.Element;
+export default Input;
+//# sourceMappingURL=input.d.ts.map

package/dist/common/input/input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../js/common/input/input.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,QAAQ,EAAyD,MAAM,cAAc,CAAC;AAI/F,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAE9C,UAAU,UAAW,SAAQ,kBAAkB;IAC3C,yCAAyC;IACzC,SAAS,EAAE,MAAM,CAAC;IAClB,+CAA+C;IAC/C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,2BAA2B;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,+CAA+C;IAE/C,KAAK,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;CAC5B;AAQD;;;;GAIG;AACH,iBAAS,KAAK,CAAC,KAAK,EAAE,UAAU,GAAG,GAAG,CAAC,OAAO,CA8D7C;AAED,eAAe,KAAK,CAAC"}

package/dist/common/input/input.js

@@ -0,0 +1,57 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/* eslint-disable react-hooks/exhaustive-deps */
+import _debounce from 'lodash/debounce';
+import { useEffect, useMemo, useState } from 'react';
+import { injectCss, useAction, useComponentStyles, useVariable } from '@darajs/core';
+import { Input as UiInput, NumericInput as UiNumericInput } from '@darajs/ui-components';
+import { useFormContext } from '../context';
+const StyledInput = injectCss(UiInput);
+const StyledNumericInput = injectCss(UiNumericInput);
+function getNumericValue(value) {
+    return value == null || Number.isNaN(Number(value)) ? null : Number(value);
+}
+/**
+ * The input component accepts a value Variable from the backend and allows the user to view and edit that variable.
+ *
+ * @param props the component props
+ */
+function Input(props) {
+    const formCtx = useFormContext(props);
+    const [style, css] = useComponentStyles(props);
+    const [value, setValue] = useVariable(formCtx.resolveInitialValue());
+    const [internalValue, setInternalValue] = useState(value);
+    const onInputAction = useAction(props.onchange);
+    const debouncedAction = useMemo(() => _debounce(onInputAction, 300), [onInputAction]);
+    const debouncedSetValue = useMemo(() => _debounce(setValue, 300), [setValue]);
+    const debouncedUpdateForm = useMemo(() => _debounce(formCtx.updateForm, 300), [formCtx.updateForm]);
+    function handleChange(val) {
+        let newValue = val;
+        if (props.type === 'number') {
+            newValue = getNumericValue(newValue);
+        }
+        // Immediately update internal state
+        setInternalValue(newValue);
+        // Debounce the update to the variable and the form to prevent multiple updates being fired at once
+        debouncedSetValue(newValue);
+        debouncedAction(newValue);
+        debouncedUpdateForm(newValue);
+    }
+    useEffect(() => {
+        // cancel in-progress debounced updates to make sure the variable value takes precedence
+        debouncedSetValue.cancel();
+        debouncedUpdateForm.cancel();
+        // If value has been coerced to string convert it back to number for NumericInput
+        let newValue = value;
+        if (props.type === 'number') {
+            newValue = getNumericValue(newValue);
+        }
+        // Sync the internal value with the variable value when the variable value changes
+        setInternalValue(newValue);
+    }, [value]);
+    if (props.type === 'number') {
+        return (_jsx(StyledNumericInput, { "$rawCss": css, className: props.className, onChange: (e) => handleChange(String(e)), placeholder: props.placeholder, stepper: true, style: style, value: internalValue }));
+    }
+    return (_jsx(StyledInput, { "$rawCss": css, className: props.className, onChange: handleChange, placeholder: props.placeholder, style: style, type: props.type, value: internalValue }));
+}
+export default Input;
+//# sourceMappingURL=input.js.map

package/dist/common/input/input.js.map

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

package/dist/common/label/label.d.ts

@@ -0,0 +1,21 @@
+import { ComponentInstance, StyledComponentProps } from '@darajs/core';
+export interface LabelProps extends StyledComponentProps {
+    /** children to add label to */
+    children: Array<ComponentInstance>;
+    /** Pass through the className property */
+    className: string;
+    /** An optional value which determines the label placement */
+    direction?: 'horizontal' | 'vertical';
+    /** An optional value which determines the width of the label */
+    label_width?: string;
+    /** An optional value to be displayed next to or above children */
+    value: string | ComponentInstance;
+}
+/**
+ * Label component, adds a Label to an Interactive component
+ *
+ * @param props Label component props
+ */
+declare function Label(props: LabelProps): JSX.Element;
+export default Label;
+//# sourceMappingURL=label.d.ts.map

package/dist/common/label/label.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../../js/common/label/label.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAoB,oBAAoB,EAAiC,MAAM,cAAc,CAAC;AAIxH,MAAM,WAAW,UAAW,SAAQ,oBAAoB;IACpD,+BAA+B;IAC/B,QAAQ,EAAE,KAAK,CAAC,iBAAiB,CAAC,CAAC;IACnC,0CAA0C;IAC1C,SAAS,EAAE,MAAM,CAAC;IAClB,6DAA6D;IAC7D,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACtC,gEAAgE;IAChE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kEAAkE;IAClE,KAAK,EAAE,MAAM,GAAG,iBAAiB,CAAC;CACrC;AAWD;;;;GAIG;AACH,iBAAS,KAAK,CAAC,KAAK,EAAE,UAAU,GAAG,GAAG,CAAC,OAAO,CA4B7C;AAED,eAAe,KAAK,CAAC"}

package/dist/common/label/label.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { DynamicComponent, injectCss, useComponentStyles } from '@darajs/core';
+import styled from '@darajs/styled-components';
+const StyledLabel = injectCss(styled.label `
+    display: flex;
+    flex-grow: 0 !important;
+    gap: 0.5rem;
+    align-items: flex-start;
+
+    font-size: 1rem;
+`);
+/**
+ * Label component, adds a Label to an Interactive component
+ *
+ * @param props Label component props
+ */
+function Label(props) {
+    var _a;
+    const [style, css] = useComponentStyles(props);
+    return (_jsxs(StyledLabel, { "$rawCss": css, className: props.className, style: Object.assign({ flexDirection: props.direction === 'horizontal' ? 'row' : 'column' }, style), children: [typeof props.value === 'string' ?
+                _jsx("span", { style: {
+                        alignItems: 'center',
+                        display: 'flex',
+                        height: props.direction === 'horizontal' ? '2.5rem' : 'auto',
+                        width: (_a = props.label_width) !== null && _a !== void 0 ? _a : 'auto',
+                    }, children: props.value })
+                : _jsx(DynamicComponent, { component: props.value }), props.children.map((child, idx) => (_jsx(DynamicComponent, { component: child }, `cell-${idx}-${child.uid}`)))] }));
+}
+export default Label;
+//# sourceMappingURL=label.js.map

package/dist/common/label/label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.js","sourceRoot":"","sources":["../../../js/common/label/label.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAqB,gBAAgB,EAAwB,SAAS,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AACxH,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAgB/C,MAAM,WAAW,GAAG,SAAS,CAAC,MAAM,CAAC,KAAK,CAAA;;;;;;;CAOzC,CAAC,CAAC;AAEH;;;;GAIG;AACH,SAAS,KAAK,CAAC,KAAiB;;IAC5B,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,kBAAkB,CAAC,KAAK,CAAC,CAAC;IAC/C,OAAO,CACH,MAAC,WAAW,eACC,GAAG,EACZ,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,KAAK,kBACD,aAAa,EAAE,KAAK,CAAC,SAAS,KAAK,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,IAC/D,KAAK,cAGX,OAAO,KAAK,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC;gBAC9B,eACI,KAAK,EAAE;wBACH,UAAU,EAAE,QAAQ;wBACpB,OAAO,EAAE,MAAM;wBACf,MAAM,EAAE,KAAK,CAAC,SAAS,KAAK,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM;wBAC5D,KAAK,EAAE,MAAA,KAAK,CAAC,WAAW,mCAAI,MAAM;qBACrC,YAEA,KAAK,CAAC,KAAK,GACT;gBACX,CAAC,CAAG,KAAC,gBAAgB,IAAC,SAAS,EAAE,KAAK,CAAC,KAAK,GAAI,EAC/C,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,CAChC,KAAC,gBAAgB,IAAC,SAAS,EAAE,KAAK,IAAO,QAAQ,GAAG,IAAI,KAAK,CAAC,GAAG,EAAE,CAAI,CAC1E,CAAC,IACQ,CACjB,CAAC;AACN,CAAC;AAED,eAAe,KAAK,CAAC"}

package/dist/common/markdown/markdown.d.ts

@@ -0,0 +1,17 @@
+import { StyledComponentProps, Variable } from '@darajs/core';
+interface MarkdownProps extends StyledComponentProps {
+    /**
+     * Whether to render raw HTML
+     */
+    html_raw?: boolean;
+    /**
+     * The markdown to render
+     */
+    markdown: Variable<string> | string;
+}
+/**
+ * A component for rendering markdown
+ */
+declare function Markdown(props: MarkdownProps): JSX.Element;
+export default Markdown;
+//# sourceMappingURL=markdown.d.ts.map

package/dist/common/markdown/markdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown.d.ts","sourceRoot":"","sources":["../../../js/common/markdown/markdown.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,QAAQ,EAA8C,MAAM,cAAc,CAAC;AAG1G,UAAU,aAAc,SAAQ,oBAAoB;IAChD;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,EAAE,QAAQ,CAAC,MAAM,CAAC,GAAG,MAAM,CAAC;CACvC;AAID;;GAEG;AACH,iBAAS,QAAQ,CAAC,KAAK,EAAE,aAAa,GAAG,GAAG,CAAC,OAAO,CAmBnD;AAED,eAAe,QAAQ,CAAC"}

package/dist/common/markdown/markdown.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import rehypeRaw from 'rehype-raw';
+import { injectCss, useComponentStyles, useVariable } from '@darajs/core';
+import { Markdown as UiMarkdown } from '@darajs/ui-components';
+const CustomMarkdown = injectCss(UiMarkdown);
+/**
+ * A component for rendering markdown
+ */
+function Markdown(props) {
+    const [style, css] = useComponentStyles(props);
+    const [markdown] = useVariable(props.markdown);
+    const rehypePlugins = [];
+    if (props.html_raw) {
+        rehypePlugins.push(rehypeRaw);
+    }
+    return (_jsx(CustomMarkdown, { "$rawCss": css, className: props.className, style: style, markdown: markdown, rehypePlugins: rehypePlugins }));
+}
+export default Markdown;
+//# sourceMappingURL=markdown.js.map

package/dist/common/markdown/markdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown.js","sourceRoot":"","sources":["../../../js/common/markdown/markdown.tsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAkC,SAAS,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC1G,OAAO,EAAE,QAAQ,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAa/D,MAAM,cAAc,GAAG,SAAS,CAAC,UAAU,CAAC,CAAC;AAE7C;;GAEG;AACH,SAAS,QAAQ,CAAC,KAAoB;IAClC,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,kBAAkB,CAAC,KAAK,CAAC,CAAC;IAC/C,MAAM,CAAC,QAAQ,CAAC,GAAG,WAAW,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAE/C,MAAM,aAAa,GAAG,EAAE,CAAC;IAEzB,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;QACjB,aAAa,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAClC,CAAC;IAED,OAAO,CACH,KAAC,cAAc,eACF,GAAG,EACZ,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,GAC9B,CACL,CAAC;AACN,CAAC;AAED,eAAe,QAAQ,CAAC"}

package/dist/common/modal/modal.d.ts

@@ -0,0 +1,15 @@
+import { ComponentInstance, LayoutComponentProps, Variable } from '@darajs/core';
+interface ModalProps extends LayoutComponentProps {
+    /** The children to be rendered within the modal */
+    children: Array<ComponentInstance>;
+    /** The show flag, tells the modal whether or not to display */
+    show: Variable<boolean>;
+}
+/**
+ * The modal component accepts a set of children and renders them within a modal depending on the value of the render flag.
+ *
+ * @param props the component props
+ */
+declare function Modal(props: ModalProps): JSX.Element;
+export default Modal;
+//# sourceMappingURL=modal.d.ts.map

package/dist/common/modal/modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../js/common/modal/modal.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,iBAAiB,EAEjB,oBAAoB,EACpB,QAAQ,EAIX,MAAM,cAAc,CAAC;AAGtB,UAAU,UAAW,SAAQ,oBAAoB;IAC7C,mDAAmD;IACnD,QAAQ,EAAE,KAAK,CAAC,iBAAiB,CAAC,CAAC;IACnC,+DAA+D;IAC/D,IAAI,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;CAC3B;AAID;;;;GAIG;AACH,iBAAS,KAAK,CAAC,KAAK,EAAE,UAAU,GAAG,GAAG,CAAC,OAAO,CAoB7C;AAED,eAAe,KAAK,CAAC"}

package/dist/common/modal/modal.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { DynamicComponent, injectCss, useComponentStyles, useVariable, } from '@darajs/core';
+import { Modal as UiModal } from '@darajs/ui-components';
+const StyledModal = injectCss(UiModal);
+/**
+ * The modal component accepts a set of children and renders them within a modal depending on the value of the render flag.
+ *
+ * @param props the component props
+ */
+function Modal(props) {
+    const [style, css] = useComponentStyles(props, false);
+    const [show, setShow] = useVariable(props.show);
+    function onAttemptClose() {
+        setShow(false);
+    }
+    return (_jsx(StyledModal, { "$rawCss": css, onAttemptClose: onAttemptClose, render: show, style: Object.assign({ alignItems: props.align, gap: '0.75rem', justifyContent: props.justify }, style), children: props.children.map((child, idx) => (_jsx(DynamicComponent, { component: child }, `modal-${idx}-${child.uid}`))) }));
+}
+export default Modal;
+//# sourceMappingURL=modal.js.map

package/dist/common/modal/modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.js","sourceRoot":"","sources":["../../../js/common/modal/modal.tsx"],"names":[],"mappings":";AAAA,OAAO,EAEH,gBAAgB,EAGhB,SAAS,EACT,kBAAkB,EAClB,WAAW,GACd,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,uBAAuB,CAAC;AASzD,MAAM,WAAW,GAAG,SAAS,CAAC,OAAO,CAAC,CAAC;AAEvC;;;;GAIG;AACH,SAAS,KAAK,CAAC,KAAiB;IAC5B,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,kBAAkB,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IACtD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,WAAW,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAEhD,SAAS,cAAc;QACnB,OAAO,CAAC,KAAK,CAAC,CAAC;IACnB,CAAC;IAED,OAAO,CACH,KAAC,WAAW,eACC,GAAG,EACZ,cAAc,EAAE,cAAc,EAC9B,MAAM,EAAE,IAAI,EACZ,KAAK,kBAAI,UAAU,EAAE,KAAK,CAAC,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,cAAc,EAAE,KAAK,CAAC,OAAO,IAAK,KAAK,aAExF,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,CAChC,KAAC,gBAAgB,IAAC,SAAS,EAAE,KAAK,IAAO,SAAS,GAAG,IAAI,KAAK,CAAC,GAAG,EAAE,CAAI,CAC3E,CAAC,GACQ,CACjB,CAAC;AACN,CAAC;AAED,eAAe,KAAK,CAAC"}

package/dist/common/overlay/overlay.d.ts

@@ -0,0 +1,16 @@
+import { ComponentInstance, StyledComponentProps, Variable } from '@darajs/core';
+interface OverlayProps extends StyledComponentProps {
+    children: Array<ComponentInstance>;
+    margin?: string;
+    padding?: string;
+    position?: string;
+    show: Variable<boolean>;
+}
+/**
+ * The overlay component accepts a set of children and renders them as an overlay depending on the value of the render flag.
+ *
+ * @param props the component props
+ */
+declare function Overlay(props: OverlayProps): JSX.Element;
+export default Overlay;
+//# sourceMappingURL=overlay.d.ts.map

package/dist/common/overlay/overlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlay.d.ts","sourceRoot":"","sources":["../../../js/common/overlay/overlay.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,iBAAiB,EAEjB,oBAAoB,EACpB,QAAQ,EAIX,MAAM,cAAc,CAAC;AA2BtB,UAAU,YAAa,SAAQ,oBAAoB;IAE/C,QAAQ,EAAE,KAAK,CAAC,iBAAiB,CAAC,CAAC;IAEnC,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAGlB,IAAI,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;CAC3B;AAED;;;;GAIG;AACH,iBAAS,OAAO,CAAC,KAAK,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO,CAiBjD;AAED,eAAe,OAAO,CAAC"}