@axos-web-dev/shared-components 0.0.1

package/dist/Input/Input.css.d.ts

@@ -0,0 +1,140 @@
+export declare const icon: import("@vanilla-extract/recipes").RuntimeFn<{
+    size: {
+        small: {
+            width: number;
+            height: number;
+        };
+        medium: {
+            width: number;
+            height: number;
+        };
+        large: {
+            width: number;
+            height: number;
+        };
+    };
+}>;
+export declare const labelClassName: import("@vanilla-extract/recipes").RuntimeFn<{
+    error: {
+        true: {
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+    disabled: {
+        true: {
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+}>;
+export declare const iconContainerBase: string;
+export declare const iconContainer: Record<"left" | "right", string>;
+export declare const container: import("@vanilla-extract/recipes").RuntimeFn<{
+    size: {
+        small: {
+            paddingTop: number;
+            paddingBottom: number;
+            selectors: {};
+        };
+        medium: {
+            paddingTop: number;
+            paddingBottom: number;
+        };
+        large: {
+            paddingTop: number;
+            paddingBottom: number;
+        };
+    };
+    error: {
+        true: {
+            borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            selectors: {
+                "&:focus-within": {
+                    borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+            };
+        };
+    };
+    disabled: {
+        true: {
+            borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+}>;
+export declare const input: import("@vanilla-extract/recipes").RuntimeFn<{
+    size: {
+        small: {
+            fontSize: number;
+            lineHeight: "20px";
+            selectors: {
+                [x: string]: {
+                    paddingLeft: number;
+                    paddingRight?: undefined;
+                } | {
+                    paddingRight: number;
+                    paddingLeft?: undefined;
+                };
+            };
+        };
+        medium: {
+            fontSize: number;
+            lineHeight: "24px";
+            selectors: {
+                [x: string]: {
+                    paddingLeft: number;
+                    paddingRight?: undefined;
+                } | {
+                    paddingRight: number;
+                    paddingLeft?: undefined;
+                };
+            };
+        };
+        large: {
+            fontSize: number;
+            lineHeight: "24px";
+            selectors: {
+                [x: string]: {
+                    paddingLeft: number;
+                    paddingRight?: undefined;
+                } | {
+                    paddingRight: number;
+                    paddingLeft?: undefined;
+                };
+            };
+        };
+    };
+    error: {
+        true: {
+            borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            selectors: {};
+        };
+    };
+    disabled: {
+        true: {
+            borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+}>;
+export declare const wrapper: import("@vanilla-extract/recipes").RuntimeFn<{
+    [x: string]: {
+        [x: string]: string | import("@vanilla-extract/css").ComplexStyleRule;
+    };
+}>;
+export declare const helperText: import("@vanilla-extract/recipes").RuntimeFn<{
+    disabled: {
+        true: {
+            color: "#5E6A74";
+        };
+    };
+    error: {
+        true: {
+            borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+}>;
+//# sourceMappingURL=Input.css.d.ts.map

package/dist/Input/Input.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.css.d.ts","sourceRoot":"","sources":["../../lib/Input/Input.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;EAaf,CAAC;AAEH,eAAO,MAAM,cAAc;;;;;;;;;;;;EAkBzB,CAAC;AAEH,eAAO,MAAM,iBAAiB,QAG5B,CAAC;AAEH,eAAO,MAAM,aAAa,kCAGxB,CAAC;AAEH,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqDpB,CAAC;AAEH,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwEhB,CAAC;AAEH,eAAO,MAAM,OAAO;;;;EAWlB,CAAC;AAEH,eAAO,MAAM,UAAU;;;;;;;;;;;;EAqBrB,CAAC"}

package/dist/Input/Input.css.js

@@ -0,0 +1,21 @@
+/* empty css                         */
+import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
+var icon = createRuntimeFn({ defaultClassName: "_18du0la0", variantClassNames: { size: { small: "_18du0la1", medium: "_18du0la2", large: "_18du0la3" } }, defaultVariants: {}, compoundVariants: [] });
+var labelClassName = createRuntimeFn({ defaultClassName: "_18du0la4", variantClassNames: { error: { true: "_18du0la5" }, disabled: { true: "_18du0la6" } }, defaultVariants: {}, compoundVariants: [] });
+var iconContainerBase = "_18du0la7";
+var iconContainer = { left: "_18du0la8 _18du0la7", right: "_18du0la9 _18du0la7" };
+var container = createRuntimeFn({ defaultClassName: "_18du0laa", variantClassNames: { size: { small: "_18du0lab", medium: "_18du0lac", large: "_18du0lad" }, error: { true: "_18du0lae" }, disabled: { true: "_18du0laf" } }, defaultVariants: {}, compoundVariants: [] });
+var input = createRuntimeFn({ defaultClassName: "_18du0lag", variantClassNames: { size: { small: "_18du0lah", medium: "_18du0lai", large: "_18du0laj" }, error: { true: "_18du0lak" }, disabled: { true: "_18du0lal" } }, defaultVariants: {}, compoundVariants: [] });
+var wrapper = createRuntimeFn({ defaultClassName: "_18du0lam", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] });
+var helperText = createRuntimeFn({ defaultClassName: "_18du0lan", variantClassNames: { disabled: { true: "_18du0lao" }, error: { true: "_18du0lap" } }, defaultVariants: {}, compoundVariants: [] });
+export {
+  container,
+  helperText,
+  icon,
+  iconContainer,
+  iconContainerBase,
+  input,
+  labelClassName,
+  wrapper
+};
+//# sourceMappingURL=Input.css.js.map

package/dist/Input/Input.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}

package/dist/Input/index.d.ts

@@ -0,0 +1,12 @@
+import { InputHTMLAttributes, ReactNode } from "react";
+export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
+    label?: ReactNode;
+    iconLeft?: ReactNode;
+    iconRight?: ReactNode;
+    sizes?: "small" | "medium" | "large" | undefined;
+    error?: boolean | undefined;
+    skeleton?: boolean | undefined;
+    helperText?: ReactNode;
+}
+export declare const Input: (props: InputProps) => import("react/jsx-dev-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../lib/Input/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAWvD,MAAM,WAAW,UAAW,SAAQ,mBAAmB,CAAC,gBAAgB,CAAC;IACvE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;IACjD,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,UAAU,CAAC,EAAE,SAAS,CAAC;CACxB;AAED,eAAO,MAAM,KAAK,UAAW,UAAU,gDAuCtC,CAAC"}

package/dist/Input/index.js

@@ -0,0 +1,36 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import { wrapper, labelClassName, container, iconContainer, icon, input, helperText } from "./Input.css.js";
+const Input = (props) => {
+  const {
+    disabled,
+    label,
+    iconLeft,
+    iconRight,
+    sizes,
+    error = false,
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    skeleton = false,
+    helperText: helper,
+    ...rest
+  } = props;
+  return /* @__PURE__ */ jsxs("div", { className: wrapper(), children: [
+    label && /* @__PURE__ */ jsx("label", { className: labelClassName({ error }), htmlFor: props.name, children: label }),
+    /* @__PURE__ */ jsxs("div", { className: container({ size: sizes, error }), children: [
+      iconLeft && /* @__PURE__ */ jsx("span", { className: iconContainer["left"], children: /* @__PURE__ */ jsx("div", { className: icon({ size: sizes }), children: iconLeft }) }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          ...rest,
+          className: clsx(props.className, input({ size: sizes }))
+        }
+      ),
+      iconRight && /* @__PURE__ */ jsx("span", { className: iconContainer.right, children: /* @__PURE__ */ jsx("div", { className: icon({ size: sizes }), children: iconRight }) })
+    ] }),
+    /* @__PURE__ */ jsx("span", { className: helperText({ disabled, error }), children: helper })
+  ] });
+};
+export {
+  Input
+};
+//# sourceMappingURL=index.js.map

package/dist/Input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../lib/Input/index.tsx"],"sourcesContent":["\"use client\";\nimport clsx from \"clsx\";\nimport { InputHTMLAttributes, ReactNode } from \"react\";\nimport {\n  container,\n  helperText,\n  icon,\n  iconContainer,\n  input,\n  labelClassName,\n  wrapper,\n} from \"./Input.css\";\n\nexport interface InputProps extends InputHTMLAttributes<HTMLInputElement> {\n  label?: ReactNode;\n  iconLeft?: ReactNode;\n  iconRight?: ReactNode;\n  sizes?: \"small\" | \"medium\" | \"large\" | undefined;\n  error?: boolean | undefined;\n  skeleton?: boolean | undefined;\n  helperText?: ReactNode;\n}\n\nexport const Input = (props: InputProps) => {\n  const {\n    disabled,\n    label,\n    iconLeft,\n    iconRight,\n    sizes,\n    error = false,\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    skeleton = false,\n    helperText: helper,\n    ...rest\n  } = props;\n  return (\n    <div className={wrapper()}>\n      {label && (\n        <label className={labelClassName({ error })} htmlFor={props.name}>\n          {label}\n        </label>\n      )}\n      <div className={container({ size: sizes, error })}>\n        {iconLeft && (\n          <span className={iconContainer[\"left\"]}>\n            <div className={icon({ size: sizes })}>{iconLeft}</div>\n          </span>\n        )}\n        <input\n          {...rest}\n          className={clsx(props.className, input({ size: sizes }))}\n        />\n        {iconRight && (\n          <span className={iconContainer.right}>\n            <div className={icon({ size: sizes })}>{iconRight}</div>\n          </span>\n        )}\n      </div>\n      <span className={helperText({ disabled, error })}>{helper}</span>\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;AAuBa,MAAA,QAAQ,CAAC,UAAsB;AACpC,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ;AAAA;AAAA,IAER,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,GAAG;AAAA,EACD,IAAA;AACJ,SACG,qBAAA,OAAA,EAAI,WAAW,QAAA,GACb,UAAA;AAAA,IACC,SAAA,oBAAC,SAAM,EAAA,WAAW,eAAe,EAAE,OAAO,GAAG,SAAS,MAAM,MACzD,UACH,MAAA,CAAA;AAAA,IAEF,qBAAC,SAAI,WAAW,UAAU,EAAE,MAAM,OAAO,OAAO,GAC7C,UAAA;AAAA,MAAA,gCACE,QAAK,EAAA,WAAW,cAAc,MAAM,GACnC,UAAC,oBAAA,OAAA,EAAI,WAAW,KAAK,EAAE,MAAM,MAAO,CAAA,GAAI,mBAAS,CAAA,GACnD;AAAA,MAEF;AAAA,QAAC;AAAA,QAAA;AAAA,UACE,GAAG;AAAA,UACJ,WAAW,KAAK,MAAM,WAAW,MAAM,EAAE,MAAM,MAAM,CAAC,CAAC;AAAA,QAAA;AAAA,MACzD;AAAA,MACC,aACE,oBAAA,QAAA,EAAK,WAAW,cAAc,OAC7B,UAAC,oBAAA,OAAA,EAAI,WAAW,KAAK,EAAE,MAAM,MAAO,CAAA,GAAI,oBAAU,CAAA,GACpD;AAAA,IAAA,GAEJ;AAAA,IACA,oBAAC,UAAK,WAAW,WAAW,EAAE,UAAU,OAAO,GAAI,UAAO,QAAA;AAAA,EAC5D,EAAA,CAAA;AAEJ;"}

package/dist/Inputs/Input.css.d.ts

@@ -0,0 +1,140 @@
+export declare const icon: import("@vanilla-extract/recipes").RuntimeFn<{
+    size: {
+        small: {
+            width: number;
+            height: number;
+        };
+        medium: {
+            width: number;
+            height: number;
+        };
+        large: {
+            width: number;
+            height: number;
+        };
+    };
+}>;
+export declare const labelClassName: import("@vanilla-extract/recipes").RuntimeFn<{
+    error: {
+        true: {
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+    disabled: {
+        true: {
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+}>;
+export declare const iconContainerBase: string;
+export declare const iconContainer: Record<"left" | "right", string>;
+export declare const container: import("@vanilla-extract/recipes").RuntimeFn<{
+    size: {
+        small: {
+            paddingTop: number;
+            paddingBottom: number;
+            selectors: {};
+        };
+        medium: {
+            paddingTop: number;
+            paddingBottom: number;
+        };
+        large: {
+            paddingTop: number;
+            paddingBottom: number;
+        };
+    };
+    error: {
+        true: {
+            borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            selectors: {
+                "&:focus-within": {
+                    borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+            };
+        };
+    };
+    disabled: {
+        true: {
+            borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+}>;
+export declare const input: import("@vanilla-extract/recipes").RuntimeFn<{
+    size: {
+        small: {
+            fontSize: number;
+            lineHeight: "20px";
+            selectors: {
+                [x: string]: {
+                    paddingLeft: number;
+                    paddingRight?: undefined;
+                } | {
+                    paddingRight: number;
+                    paddingLeft?: undefined;
+                };
+            };
+        };
+        medium: {
+            fontSize: number;
+            lineHeight: "24px";
+            selectors: {
+                [x: string]: {
+                    paddingLeft: number;
+                    paddingRight?: undefined;
+                } | {
+                    paddingRight: number;
+                    paddingLeft?: undefined;
+                };
+            };
+        };
+        large: {
+            fontSize: number;
+            lineHeight: "24px";
+            selectors: {
+                [x: string]: {
+                    paddingLeft: number;
+                    paddingRight?: undefined;
+                } | {
+                    paddingRight: number;
+                    paddingLeft?: undefined;
+                };
+            };
+        };
+    };
+    error: {
+        true: {
+            borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            selectors: {};
+        };
+    };
+    disabled: {
+        true: {
+            borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+}>;
+export declare const wrapper: import("@vanilla-extract/recipes").RuntimeFn<{
+    [x: string]: {
+        [x: string]: string | import("@vanilla-extract/css").ComplexStyleRule;
+    };
+}>;
+export declare const helperText: import("@vanilla-extract/recipes").RuntimeFn<{
+    disabled: {
+        true: {
+            color: "#5E6A74";
+        };
+    };
+    error: {
+        true: {
+            borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+}>;
+//# sourceMappingURL=Input.css.d.ts.map

package/dist/Inputs/Input.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.css.d.ts","sourceRoot":"","sources":["../../lib/Inputs/Input.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;EAaf,CAAC;AAEH,eAAO,MAAM,cAAc;;;;;;;;;;;;EAkBzB,CAAC;AAEH,eAAO,MAAM,iBAAiB,QAG5B,CAAC;AAEH,eAAO,MAAM,aAAa,kCAGxB,CAAC;AAEH,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqDpB,CAAC;AAEH,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwEhB,CAAC;AAEH,eAAO,MAAM,OAAO;;;;EAWlB,CAAC;AAEH,eAAO,MAAM,UAAU;;;;;;;;;;;;EAqBrB,CAAC"}

package/dist/Inputs/Input.css.js

@@ -0,0 +1,21 @@
+/* empty css                         */
+import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
+var icon = createRuntimeFn({ defaultClassName: "_157e2fz0", variantClassNames: { size: { small: "_157e2fz1", medium: "_157e2fz2", large: "_157e2fz3" } }, defaultVariants: {}, compoundVariants: [] });
+var labelClassName = createRuntimeFn({ defaultClassName: "_157e2fz4", variantClassNames: { error: { true: "_157e2fz5" }, disabled: { true: "_157e2fz6" } }, defaultVariants: {}, compoundVariants: [] });
+var iconContainerBase = "_157e2fz7";
+var iconContainer = { left: "_157e2fz8 _157e2fz7", right: "_157e2fz9 _157e2fz7" };
+var container = createRuntimeFn({ defaultClassName: "_157e2fza", variantClassNames: { size: { small: "_157e2fzb", medium: "_157e2fzc", large: "_157e2fzd" }, error: { true: "_157e2fze" }, disabled: { true: "_157e2fzf" } }, defaultVariants: {}, compoundVariants: [] });
+var input = createRuntimeFn({ defaultClassName: "_157e2fzg", variantClassNames: { size: { small: "_157e2fzh", medium: "_157e2fzi", large: "_157e2fzj" }, error: { true: "_157e2fzk" }, disabled: { true: "_157e2fzl" } }, defaultVariants: {}, compoundVariants: [] });
+var wrapper = createRuntimeFn({ defaultClassName: "_157e2fzm", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] });
+var helperText = createRuntimeFn({ defaultClassName: "_157e2fzn", variantClassNames: { disabled: { true: "_157e2fzo" }, error: { true: "_157e2fzp" } }, defaultVariants: {}, compoundVariants: [] });
+export {
+  container,
+  helperText,
+  icon,
+  iconContainer,
+  iconContainerBase,
+  input,
+  labelClassName,
+  wrapper
+};
+//# sourceMappingURL=Input.css.js.map

package/dist/Inputs/Input.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}

package/dist/Modal/Modal.css.d.ts

@@ -0,0 +1,12 @@
+export declare const hr: string;
+export declare const solid: string;
+export declare const modal: string;
+export declare const modal_dialog: string;
+export declare const modal_content: string;
+export declare const modal_header: string;
+export declare const modal_title: string;
+export declare const modal_subtitle: string;
+export declare const modal_body: string;
+export declare const modal_footer: string;
+export declare const site_link: string;
+//# sourceMappingURL=Modal.css.d.ts.map

package/dist/Modal/Modal.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.css.d.ts","sourceRoot":"","sources":["../../lib/Modal/Modal.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,EAAE,QAAY,CAAC;AAE5B,eAAO,MAAM,KAAK,QAAY,CAAC;AAM/B,eAAO,MAAM,KAAK,QAUhB,CAAC;AAEH,eAAO,MAAM,YAAY,QAYvB,CAAC;AAEH,eAAO,MAAM,aAAa,QAKxB,CAAC;AAEH,eAAO,MAAM,YAAY,QAEvB,CAAC;AAEH,eAAO,MAAM,WAAW,QAOtB,CAAC;AAEH,eAAO,MAAM,cAAc,QAGzB,CAAC;AAEH,eAAO,MAAM,UAAU,QAKrB,CAAC;AAsBH,eAAO,MAAM,YAAY,QAQvB,CAAC;AAWH,eAAO,MAAM,SAAS,QAIpB,CAAC"}

package/dist/Modal/Modal.css.js

@@ -0,0 +1,26 @@
+/* empty css                         */
+var hr = "_427id30";
+var solid = "_427id31";
+var modal = "_427id32";
+var modal_dialog = "_427id33";
+var modal_content = "_427id34";
+var modal_header = "_427id35";
+var modal_title = "_427id36";
+var modal_subtitle = "_427id37";
+var modal_body = "_427id38";
+var modal_footer = "_427id39";
+var site_link = "_427id3a";
+export {
+  hr,
+  modal,
+  modal_body,
+  modal_content,
+  modal_dialog,
+  modal_footer,
+  modal_header,
+  modal_subtitle,
+  modal_title,
+  site_link,
+  solid
+};
+//# sourceMappingURL=Modal.css.js.map

package/dist/Modal/Modal.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/dist/Modal/Modal.interface.d.ts

@@ -0,0 +1,8 @@
+export interface ModalProps {
+    headline: string;
+    bodyCopy: string;
+    body: string;
+    onAccept: () => void;
+    onCancel: () => void;
+}
+//# sourceMappingURL=Modal.interface.d.ts.map

package/dist/Modal/Modal.interface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.interface.d.ts","sourceRoot":"","sources":["../../lib/Modal/Modal.interface.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,UAAU;IACzB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB"}

package/dist/Modal/Modal.interface.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=Modal.interface.js.map

package/dist/Modal/Modal.interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.interface.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/Modal/index.d.ts

@@ -0,0 +1,4 @@
+import { FC } from "react";
+import { ModalProps } from "./Modal.interface";
+export declare const Modal: FC<ModalProps>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../lib/Modal/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAa3B,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAE/C,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,CAwDhC,CAAC"}

package/dist/Modal/index.js

@@ -0,0 +1,82 @@
+import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+import { chevron } from "../Chevron/Chevron.css.js";
+import "../Accordion/Accordion.js";
+import "../Accordion/Accordion.css.js";
+import "../icons/ArrowIcon/ArrowIcon.css.js";
+import "../icons/CheckIcon/CheckIcon.css.js";
+import "../themes/vars.css.ts.vanilla.css.js";
+/* empty css                                                    */
+import "../AlertBanner/AlertBanner.css.js";
+import { Button } from "../Button/index.js";
+import "../Button/Button.css.js";
+import "react";
+/* empty css                                                */
+import "../IconBillboard/IconBillboard.css.js";
+/* empty css                                          */
+/* empty css                                                    */
+import "../Carousel/index.js";
+/* empty css                                                                    */
+/* empty css                                              */
+import "../FaqAccordion/index.js";
+import "../FooterDisclosure/FooterDisclosure.css.js";
+import "../ImageBillboard/ImageBillboard.css.js";
+import "clsx";
+import "../Input/Input.css.js";
+/* empty css                                                    */
+import "../Table/Table.css.js";
+/* empty css                                */
+/* empty css                                   */
+import { modal, modal_dialog, modal_content, modal_header, modal_title, modal_subtitle, solid, modal_body, site_link, modal_footer } from "./Modal.css.js";
+const Modal = ({
+  headline,
+  bodyCopy,
+  body,
+  onAccept,
+  onCancel
+}) => {
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("div", { id: "speedbump", tabIndex: -1, role: "dialog", className: modal, children: /* @__PURE__ */ jsx("div", { className: `${modal_dialog} rounded`, children: /* @__PURE__ */ jsxs("div", { className: `${modal_content} rounded`, children: [
+    /* @__PURE__ */ jsxs("div", { className: `${modal_header} text_center`, children: [
+      /* @__PURE__ */ jsx("h2", { className: `${modal_title} header_3`, children: headline }),
+      /* @__PURE__ */ jsx("p", { className: `${modal_subtitle} p_16 mb_0 push_up`, children: bodyCopy })
+    ] }),
+    /* @__PURE__ */ jsx("hr", { className: solid }),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: `${modal_body} text-center flex flex_col center middle mx_auto`,
+        children: [
+          /* @__PURE__ */ jsx("p", { className: "p_16", children: "You will now be redirected to:" }),
+          /* @__PURE__ */ jsx("p", { id: "insert-url", className: site_link, children: body })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx("hr", { className: solid }),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: `${modal_footer} flex center middle push_up_24`,
+        style: { marginInline: "auto", width: "max-content" },
+        children: [
+          /* @__PURE__ */ jsx(Button, { color: "primary", action: () => onAccept, children: "Continue" }),
+          /* @__PURE__ */ jsx(
+            "a",
+            {
+              style: { textDecoration: "none", padding: "8px 48px" },
+              role: "button",
+              className: `sc__btn ${chevron({ variant: "primary" })}`,
+              "aria-label": "Close",
+              title: "Go Back",
+              id: "close",
+              onClick: () => onCancel,
+              children: "Close"
+            }
+          )
+        ]
+      }
+    )
+  ] }) }) }) });
+};
+export {
+  Modal
+};
+//# sourceMappingURL=index.js.map

package/dist/Modal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../lib/Modal/index.tsx"],"sourcesContent":["\"use client\";\nimport { chevron } from \"@lib/Chevron/Chevron.css\";\nimport { Button } from \"@lib/main\";\nimport { FC } from \"react\";\nimport {\n  modal,\n  modal_body,\n  modal_content,\n  modal_dialog,\n  modal_footer,\n  modal_header,\n  modal_subtitle,\n  modal_title,\n  site_link,\n  solid,\n} from \"./Modal.css\";\nimport { ModalProps } from \"./Modal.interface\";\n\nexport const Modal: FC<ModalProps> = ({\n  headline,\n  bodyCopy,\n  body,\n  onAccept,\n  onCancel,\n}) => {\n  return (\n    <>\n      <div id={\"speedbump\"} tabIndex={-1} role=\"dialog\" className={modal}>\n        <div className={`${modal_dialog} rounded`}>\n          <div className={`${modal_content} rounded`}>\n            <div className={`${modal_header} text_center`}>\n              <h2 className={`${modal_title} header_3`}>{headline}</h2>\n              <p className={`${modal_subtitle} p_16 mb_0 push_up`}>\n                {bodyCopy}\n              </p>\n            </div>\n\n            <hr className={solid} />\n\n            <div\n              className={`${modal_body} text-center flex flex_col center middle mx_auto`}\n            >\n              <p className=\"p_16\">You will now be redirected to:</p>\n              <p id=\"insert-url\" className={site_link}>\n                {body}\n              </p>\n            </div>\n\n            <hr className={solid} />\n\n            <div\n              className={`${modal_footer} flex center middle push_up_24`}\n              style={{ marginInline: \"auto\", width: \"max-content\" }}\n            >\n              <Button color=\"primary\" action={() => onAccept}>\n                Continue\n              </Button>\n              <a\n                style={{ textDecoration: \"none\", padding: \"8px 48px\" }}\n                role=\"button\"\n                className={`sc__btn ${chevron({ variant: \"primary\" })}`}\n                aria-label=\"Close\"\n                title=\"Go Back\"\n                id=\"close\"\n                onClick={() => onCancel}\n              >\n                Close\n              </a>\n            </div>\n          </div>\n        </div>\n      </div>\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBO,MAAM,QAAwB,CAAC;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AAEF,SAAA,oBAAA,UAAA,EACE,8BAAC,OAAI,EAAA,IAAI,aAAa,UAAU,IAAI,MAAK,UAAS,WAAW,OAC3D,8BAAC,OAAI,EAAA,WAAW,GAAG,YAAY,YAC7B,+BAAC,OAAI,EAAA,WAAW,GAAG,aAAa,YAC9B,UAAA;AAAA,IAAA,qBAAC,OAAI,EAAA,WAAW,GAAG,YAAY,gBAC7B,UAAA;AAAA,MAAA,oBAAC,MAAG,EAAA,WAAW,GAAG,WAAW,aAAc,UAAS,UAAA;AAAA,0BACnD,KAAE,EAAA,WAAW,GAAG,cAAc,sBAC5B,UACH,UAAA;AAAA,IAAA,GACF;AAAA,IAEA,oBAAC,MAAG,EAAA,WAAW,MAAO,CAAA;AAAA,IAEtB;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,GAAG,UAAU;AAAA,QAExB,UAAA;AAAA,UAAC,oBAAA,KAAA,EAAE,WAAU,QAAO,UAA8B,kCAAA;AAAA,8BACjD,KAAE,EAAA,IAAG,cAAa,WAAW,WAC3B,UACH,MAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,IAEA,oBAAC,MAAG,EAAA,WAAW,MAAO,CAAA;AAAA,IAEtB;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,GAAG,YAAY;AAAA,QAC1B,OAAO,EAAE,cAAc,QAAQ,OAAO,cAAc;AAAA,QAEpD,UAAA;AAAA,UAAA,oBAAC,UAAO,OAAM,WAAU,QAAQ,MAAM,UAAU,UAEhD,YAAA;AAAA,UACA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,OAAO,EAAE,gBAAgB,QAAQ,SAAS,WAAW;AAAA,cACrD,MAAK;AAAA,cACL,WAAW,WAAW,QAAQ,EAAE,SAAS,UAAW,CAAA,CAAC;AAAA,cACrD,cAAW;AAAA,cACX,OAAM;AAAA,cACN,IAAG;AAAA,cACH,SAAS,MAAM;AAAA,cAChB,UAAA;AAAA,YAAA;AAAA,UAED;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EACF,EAAA,CAAA,EACF,CAAA,GACF,EACF,CAAA;AAEJ;"}

package/dist/SecondaryFooter/SecondaryFooter.css.d.ts

@@ -0,0 +1,5 @@
+export declare const secondary_footer: string;
+export declare const footer_link: string;
+export declare const footer_items_wrapper: string;
+export declare const footer_item: string;
+//# sourceMappingURL=SecondaryFooter.css.d.ts.map

package/dist/SecondaryFooter/SecondaryFooter.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SecondaryFooter.css.d.ts","sourceRoot":"","sources":["../../lib/SecondaryFooter/SecondaryFooter.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB,QAI3B,CAAC;AAEH,eAAO,MAAM,WAAW,QAiBtB,CAAC;AAEH,eAAO,MAAM,oBAAoB,QAe/B,CAAC;AAEH,eAAO,MAAM,WAAW,QAYtB,CAAC"}

package/dist/SecondaryFooter/SecondaryFooter.css.js

@@ -0,0 +1,12 @@
+/* empty css                                   */
+var secondary_footer = "_2lraiw0";
+var footer_link = "_2lraiw1";
+var footer_items_wrapper = "_2lraiw2";
+var footer_item = "_2lraiw3";
+export {
+  footer_item,
+  footer_items_wrapper,
+  footer_link,
+  secondary_footer
+};
+//# sourceMappingURL=SecondaryFooter.css.js.map

package/dist/SecondaryFooter/SecondaryFooter.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SecondaryFooter.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/dist/SecondaryFooter/index.d.ts

@@ -0,0 +1,10 @@
+export interface FooterItem {
+    id?: string;
+    targetURL: string;
+    displayText: string;
+}
+export interface SecondaryFooterProps {
+    items: FooterItem[];
+}
+export declare const SecondaryFooter: (props: SecondaryFooterProps) => import("react/jsx-dev-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../lib/SecondaryFooter/index.tsx"],"names":[],"mappings":"AAQA,MAAM,WAAW,UAAU;IACzB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,UAAU,EAAE,CAAC;CACrB;AAED,eAAO,MAAM,eAAe,UAAW,oBAAoB,gDAe1D,CAAC"}

package/dist/SecondaryFooter/index.js

@@ -0,0 +1,10 @@
+import { jsx } from "react/jsx-runtime";
+import { secondary_footer, footer_items_wrapper, footer_item, footer_link } from "./SecondaryFooter.css.js";
+const SecondaryFooter = (props) => {
+  const { items } = props;
+  return /* @__PURE__ */ jsx("div", { className: `${secondary_footer} containment`, children: /* @__PURE__ */ jsx("div", { className: footer_items_wrapper, children: items.map((item) => /* @__PURE__ */ jsx("div", { className: footer_item, children: /* @__PURE__ */ jsx("a", { href: item.targetURL, className: footer_link, "aria-label": "", children: item.displayText }) }, item.id)) }) });
+};
+export {
+  SecondaryFooter
+};
+//# sourceMappingURL=index.js.map

package/dist/SecondaryFooter/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../lib/SecondaryFooter/index.tsx"],"sourcesContent":["\"use client\";\nimport {\n  footer_item,\n  footer_items_wrapper,\n  footer_link,\n  secondary_footer,\n} from \"./SecondaryFooter.css\";\n\nexport interface FooterItem {\n  id?: string;\n  targetURL: string;\n  displayText: string;\n}\n\nexport interface SecondaryFooterProps {\n  items: FooterItem[];\n}\n\nexport const SecondaryFooter = (props: SecondaryFooterProps) => {\n  const { items } = props;\n  return (\n    <div className={`${secondary_footer} containment`}>\n      <div className={footer_items_wrapper}>\n        {items.map((item: FooterItem) => (\n          <div key={item.id} className={footer_item}>\n            <a href={item.targetURL} className={footer_link} aria-label=\"\">\n              {item.displayText}\n            </a>\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n};\n"],"names":[],"mappings":";;AAkBa,MAAA,kBAAkB,CAAC,UAAgC;AACxD,QAAA,EAAE,MAAU,IAAA;AAClB,SACG,oBAAA,OAAA,EAAI,WAAW,GAAG,gBAAgB,gBACjC,UAAA,oBAAC,OAAI,EAAA,WAAW,sBACb,UAAM,MAAA,IAAI,CAAC,6BACT,OAAkB,EAAA,WAAW,aAC5B,UAAA,oBAAC,KAAE,EAAA,MAAM,KAAK,WAAW,WAAW,aAAa,cAAW,IACzD,UAAA,KAAK,aACR,EAHQ,GAAA,KAAK,EAIf,CACD,GACH,EACF,CAAA;AAEJ;"}