@unchainedshop/admin-ui 4.8.18 → 4.8.20

package/dist/chunk-YSKZE2KN.js

@@ -0,0 +1,652 @@
+import { textColor, bgColor, borderColor } from './chunk-VDKQGOMV.js';
+import { useField_default, validateRequiredTag, useFormContext_default } from './chunk-UXG7EYHC.js';
+import { QuestionMarkCircleIcon_default } from './chunk-XJBPMIC4.js';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useRouter } from 'next/router';
+import * as React2 from 'react';
+import React2__default, { useState, useRef, useEffect, useCallback, useMemo } from 'react';
+import { useIntl } from 'react-intl';
+import { useFormContext } from 'react-hook-form';
+
+// ../node_modules/clsx/dist/clsx.mjs
+function r(e) {
+  var t, f, n = "";
+  if ("string" == typeof e || "number" == typeof e) n += e;
+  else if ("object" == typeof e) if (Array.isArray(e)) {
+    var o = e.length;
+    for (t = 0; t < o; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
+  } else for (f in e) e[f] && (n && (n += " "), n += f);
+  return n;
+}
+function clsx() {
+  for (var e, t, f = 0, n = "", o = arguments.length; f < o; f++) (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
+  return n;
+}
+var clsx_default = clsx;
+var Badge = ({
+  text,
+  className: classes = "",
+  dotted = null,
+  color = "green",
+  square = null,
+  onClick = null
+}) => {
+  const normalizedColor = color?.trim();
+  const isRainbow = normalizedColor === "rainbow";
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      id: "badge",
+      className: clsx_default(
+        isRainbow ? "inline-flex items-center text-sm font-bold text-text-primary shadow-lg relative p-[2px] bg-gradient-to-r from-rose-500 via-emerald-500 to-sky-500" : `inline-flex items-center border ${borderColor(
+          normalizedColor,
+          400
+        )} px-2.5 py-0.5 text-sm font-medium ${bgColor(
+          normalizedColor,
+          100
+        )} ${textColor(normalizedColor, 800)}`,
+        classes,
+        {
+          "rounded-full": !square,
+          "rounded-md": square
+        }
+      ),
+      children: isRainbow ? /* @__PURE__ */ jsxs(
+        "span",
+        {
+          className: clsx_default(
+            "inline-flex items-center bg-white dark:bg-slate-700 px-2.5 py-0.5",
+            {
+              "rounded-full": !square,
+              "rounded-md": square
+            }
+          ),
+          children: [
+            dotted && /* @__PURE__ */ jsx(
+              "svg",
+              {
+                className: "text-text-primary -ml-1 mr-1.5 h-2 w-2",
+                fill: "currentColor",
+                viewBox: "0 0 8 8",
+                children: /* @__PURE__ */ jsx("circle", { cx: "4", cy: "4", r: "3" })
+              }
+            ),
+            text,
+            onClick && /* @__PURE__ */ jsx(
+              "button",
+              {
+                id: "badge-x-button",
+                type: "button",
+                onClick,
+                className: "ml-0.5 inline-flex h-4 w-4 shrink-0 items-center justify-center rounded-full text-text-primary hover:bg-slate-900 hover:bg-opacity-10 dark:hover:bg-white dark:hover:bg-opacity-20 focus:outline-hidden focus:bg-slate-900 focus:bg-opacity-20 dark:focus:bg-white dark:focus:bg-opacity-30",
+                children: /* @__PURE__ */ jsx(
+                  "svg",
+                  {
+                    className: "h-2 w-2",
+                    stroke: "currentColor",
+                    fill: "none",
+                    viewBox: "0 0 8 8",
+                    children: /* @__PURE__ */ jsx(
+                      "path",
+                      {
+                        strokeLinecap: "round",
+                        strokeWidth: "1.5",
+                        d: "M1 1l6 6m0-6L1 7"
+                      }
+                    )
+                  }
+                )
+              }
+            )
+          ]
+        }
+      ) : /* @__PURE__ */ jsxs(Fragment, { children: [
+        dotted && /* @__PURE__ */ jsx(
+          "svg",
+          {
+            className: `-ml-1 mr-1.5 h-2 w-2 ${textColor(normalizedColor, 400)}`,
+            fill: "currentColor",
+            viewBox: "0 0 8 8",
+            children: /* @__PURE__ */ jsx("circle", { cx: "4", cy: "4", r: "3" })
+          }
+        ),
+        text,
+        onClick && /* @__PURE__ */ jsx(
+          "button",
+          {
+            id: "badge-x-button",
+            type: "button",
+            onClick,
+            className: `ml-0.5 inline-flex h-4 w-4 shrink-0 items-center justify-center rounded-full ${textColor(
+              normalizedColor,
+              400
+            )} hover:${bgColor(
+              normalizedColor,
+              200
+            )} hover:text-${normalizedColor}-500 focus:outline-hidden focus:${bgColor(
+              normalizedColor,
+              500
+            )} focus:text-white`,
+            children: /* @__PURE__ */ jsx(
+              "svg",
+              {
+                className: "h-2 w-2",
+                stroke: "currentColor",
+                fill: "none",
+                viewBox: "0 0 8 8",
+                children: /* @__PURE__ */ jsx(
+                  "path",
+                  {
+                    strokeLinecap: "round",
+                    strokeWidth: "1.5",
+                    d: "M1 1l6 6m0-6L1 7"
+                  }
+                )
+              }
+            )
+          }
+        )
+      ] })
+    }
+  );
+};
+var Badge_default = Badge;
+var Tab = ({
+  children,
+  tabItems,
+  defaultTab,
+  updateRoute = true
+}) => {
+  const router = useRouter();
+  const { tab = defaultTab } = router?.query || {};
+  const currentTab = Array.isArray(tab) ? tab[0] : tab;
+  const { formatMessage } = useIntl();
+  const onTabSelected = (selectedTab) => {
+    if (updateRoute) {
+      const { sort, ...queryWithoutSort } = router?.query || {};
+      router.push(
+        {
+          query: { ...queryWithoutSort, tab: selectedTab }
+        },
+        void 0,
+        {
+          shallow: true
+        }
+      );
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "mt-10", children: [
+    /* @__PURE__ */ jsxs("div", { className: "lg:hidden", children: [
+      /* @__PURE__ */ jsx("label", { htmlFor: "selected-tab", className: "sr-only", children: formatMessage({
+        id: "select_tab",
+        defaultMessage: "Select a tab"
+      }) }),
+      /* @__PURE__ */ jsx(
+        "select",
+        {
+          onChange: (e) => onTabSelected(e.target.value),
+          id: "selected-tab",
+          name: "selected-tab",
+          className: "mt-1 block dark:bg-slate-800 dark:text-white w-full rounded-md border-border-default py-2 pl-3 pr-10 text-base capitalize focus:outline-none focus:ring-2 focus:ring-focus-ring focus:border-slate-800 dark:focus:border-slate-400 sm:text-sm",
+          value: currentTab,
+          children: tabItems.filter(Boolean).map((value) => /* @__PURE__ */ jsx("option", { value: value.id, className: "dark:text-white", children: value?.title || value?.id }, value.id))
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "mt-5 hidden lg:block", children: /* @__PURE__ */ jsx("div", { className: "", children: /* @__PURE__ */ jsx("nav", { className: "flex flex-wrap gap-3", children: tabItems.filter(Boolean).map((option) => /* @__PURE__ */ jsx(
+      "a",
+      {
+        id: option.id,
+        tabIndex: 0,
+        onClick: () => onTabSelected(option.id),
+        onKeyDown: (e) => {
+          if (e.key === "Enter" || e.key === " ") {
+            e.preventDefault();
+            onTabSelected(option.id);
+          }
+        },
+        className: clsx_default(
+          {
+            "cursor-pointer rounded-lg border border-border-default bg-white text-text-primary dark:bg-slate-900 shadow-sm dark:hover:border-slate-500 hover:border-slate-400 focus:outline-none focus:ring-2 focus:ring-focus-ring focus:ring-offset-2 dark:focus:ring-offset-slate-900": currentTab === option.id
+          },
+          "cursor-pointer relative whitespace-nowrap border border-border-subtle py-2 px-1 pr-3 pl-2 text-sm dark:text-slate-400 font-medium hover:bg-white dark:hover:bg-slate-800 hover:border-slate-300 dark:hover:border-slate-500 rounded-lg focus:outline-none focus:ring-2 focus:ring-focus-ring focus:ring-offset-2 dark:focus:ring-offset-slate-900"
+        ),
+        children: /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-1", children: [
+          /* @__PURE__ */ jsx("div", { children: option.Icon }),
+          /* @__PURE__ */ jsx("div", { className: "capitalize", children: option?.title || option?.id }),
+          option?.length ? /* @__PURE__ */ jsx("span", { className: "absolute top-0 right-0 inline-flex translate-x-1/2 -translate-y-1/2 transform items-center justify-center rounded-full bg-slate-400 px-1 py-0.5 text-sm leading-none text-slate-900", children: option?.length }) : null
+        ] })
+      },
+      option.id
+    )) }) }) }),
+    /* @__PURE__ */ jsx("div", { className: "mt-5", children: React2__default.cloneElement(children, { selectedView: currentTab }) })
+  ] });
+};
+var Tab_default = Tab;
+var JSONView = ({
+  value,
+  className,
+  onChange = () => {
+  },
+  rows: defaultRows = 7,
+  ...props
+}) => {
+  const lineCount = value ? value.split("\n").length : 1;
+  const rows = Math.max(lineCount, defaultRows);
+  return /* @__PURE__ */ jsx(
+    "textarea",
+    {
+      className: clsx_default(
+        "text-black dark:bg-slate-900 dark:text-slate-200 border-transparent border-t border-t-border-subtle resize-y",
+        className
+      ),
+      value,
+      onChange,
+      rows,
+      ...props
+    }
+  );
+};
+var JSONView_default = JSONView;
+var normalizeTagValue = (tags) => {
+  if (tags) {
+    if (Array.isArray(tags)) return tags;
+    return tags.toString()?.split(",")?.map((str) => str.trim());
+  }
+  return [];
+};
+var TagInput = ({
+  tagList: tags,
+  onChange,
+  disabled = false,
+  name = "tag-input",
+  id = "tag-input",
+  placeholder = "",
+  selectOptions = [],
+  className = "",
+  buttonText = "",
+  showTagsInline = true
+}) => {
+  const { formatMessage } = useIntl();
+  const [tagList, setTagList] = useState(normalizeTagValue(tags));
+  const [inputValue, setInputValue] = useState("");
+  const [isOpen, setIsOpen] = useState(false);
+  const wrapperRef = useRef(null);
+  useEffect(() => {
+    setTagList(normalizeTagValue(tags));
+  }, [tags]);
+  useEffect(() => {
+    const handleClickOutside = (e) => {
+      if (wrapperRef.current && !wrapperRef.current.contains(e.target)) {
+        setIsOpen(false);
+      }
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => document.removeEventListener("mousedown", handleClickOutside);
+  }, []);
+  const onRemoveTag = (tag) => {
+    const index = tagList.indexOf(tag);
+    if (index !== -1) {
+      const newTags = [...tagList];
+      newTags.splice(index, 1);
+      onChange(newTags);
+      setTagList(newTags);
+    }
+  };
+  const addTag = useCallback(
+    (tag) => {
+      if (!tagList.includes(tag) && tag) {
+        const newTags = [...tagList, tag];
+        setTagList(newTags);
+        onChange(newTags);
+        setInputValue("");
+        setIsOpen(false);
+      }
+    },
+    [tagList, onChange]
+  );
+  const filteredOptions = useMemo(() => {
+    const available = selectOptions.filter(
+      (option) => !(tagList || []).includes(option.value)
+    );
+    if (!inputValue) return available;
+    return available.filter(
+      (opt) => opt.label.toLowerCase().includes(inputValue.toLowerCase())
+    );
+  }, [selectOptions, tagList, inputValue]);
+  const showCreateOption = inputValue.trim() && !tagList.includes(inputValue.trim()) && !filteredOptions.some(
+    (opt) => opt.value.toLowerCase() === inputValue.trim().toLowerCase()
+  );
+  const handleKeyDown = (e) => {
+    if (e.key === "Enter" && inputValue.trim()) {
+      e.preventDefault();
+      addTag(inputValue.trim());
+    }
+  };
+  const TagInputComponent = /* @__PURE__ */ jsxs("div", { className: "relative", ref: wrapperRef, children: [
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        id,
+        name,
+        type: "text",
+        role: "combobox",
+        "aria-expanded": isOpen,
+        "aria-autocomplete": "list",
+        disabled,
+        className: clsx_default(
+          "w-full rounded-md border border-border-default bg-surface-input py-2.5 pl-4 pr-4 text-sm text-text-primary placeholder:text-text-muted shadow-xs focus:outline-hidden focus:ring-2 focus:ring-focus-ring",
+          className
+        ),
+        placeholder,
+        value: inputValue,
+        onChange: (e) => {
+          setInputValue(e.target.value);
+          setIsOpen(true);
+        },
+        onFocus: () => setIsOpen(true),
+        onKeyDown: handleKeyDown
+      }
+    ),
+    isOpen && (showCreateOption || filteredOptions.length > 0) && /* @__PURE__ */ jsxs(
+      "ul",
+      {
+        role: "listbox",
+        className: "absolute z-9999999 mt-1 max-h-60 w-full overflow-auto rounded-md bg-surface border border-border-subtle py-1 text-sm shadow-lg",
+        children: [
+          showCreateOption && /* @__PURE__ */ jsx(
+            "li",
+            {
+              role: "option",
+              "aria-selected": false,
+              className: "cursor-pointer select-none py-2 px-4 text-text-primary hover:bg-surface-raised",
+              onMouseDown: (e) => {
+                e.preventDefault();
+                addTag(inputValue.trim());
+              },
+              children: buttonText || formatMessage(
+                {
+                  id: "add_new_tag",
+                  defaultMessage: 'Add "{inputValue}"'
+                },
+                { inputValue: inputValue.trim() }
+              )
+            }
+          ),
+          filteredOptions.map((opt) => /* @__PURE__ */ jsx(
+            "li",
+            {
+              role: "option",
+              "aria-selected": false,
+              className: "cursor-pointer select-none py-2 px-4 text-text-primary hover:bg-surface-raised",
+              onMouseDown: (e) => {
+                e.preventDefault();
+                addTag(opt.value);
+              },
+              children: opt.label
+            },
+            opt.value
+          ))
+        ]
+      }
+    )
+  ] });
+  if (!showTagsInline) {
+    return TagInputComponent;
+  }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    TagInputComponent,
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: clsx_default(
+          "ml-4 flex items-center flex-wrap gap-5",
+          tagList.length > 0 && "mt-1"
+        ),
+        children: tagList?.map((tag) => /* @__PURE__ */ jsx(
+          Badge_default,
+          {
+            text: tag,
+            color: "slate",
+            onClick: () => onRemoveTag(tag)
+          },
+          tag
+        ))
+      }
+    )
+  ] });
+};
+var TagInput_default = TagInput;
+var FieldWrapper = ({
+  children,
+  className,
+  error,
+  disabled,
+  required,
+  name,
+  label,
+  hideLabel,
+  labelClassName
+}) => {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: clsx_default(
+        "container",
+        {
+          "is-invalid": !!error,
+          disabled,
+          required
+        },
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx(
+          "label",
+          {
+            "aria-label": label,
+            htmlFor: name,
+            className: clsx_default(
+              "mb-2 block text-left text-sm font-light text-text-secondary",
+              {
+                "mt-1 rounded-sm border border-rose-100 dark:border-rose-800 bg-rose-50 dark:bg-rose-900/20 p-2 pl-4 text-rose-700 dark:text-rose-400": !!error,
+                "sr-only": hideLabel
+              },
+              labelClassName
+            ),
+            children: error || label
+          }
+        ),
+        children
+      ]
+    }
+  );
+};
+var FieldWrapper_default = FieldWrapper;
+var TagInputField = ({
+  buttonText = "",
+  validators = [],
+  selectOptions = [],
+  ...props
+}) => {
+  const field = useField_default({
+    validators: [...validators, validateRequiredTag(props?.required)],
+    label: "Tags",
+    ...props
+  });
+  return /* @__PURE__ */ jsx(FieldWrapper_default, { ...field, children: /* @__PURE__ */ jsx(
+    TagInput_default,
+    {
+      disabled: field.disabled,
+      id: field.id,
+      name: field.name,
+      className: clsx_default({
+        "border-rose-300": !!field.error
+      }),
+      onChange: (value) => field.setValue(value, true),
+      placeholder: field.placeholder,
+      tagList: field.value,
+      buttonText,
+      selectOptions
+    }
+  ) });
+};
+var TagInputField_default = TagInputField;
+var SubmitButton = ({
+  label,
+  disabled: disabledProp = false,
+  className = "",
+  hidden = false,
+  ...props
+}) => {
+  const { formState } = useFormContext();
+  const { ...restProps } = props;
+  const hasError = Object.keys(formState.errors).length > 0 && Object.values(formState.errors).some((err) => !!err);
+  const { disabled: contextDisabled } = useFormContext_default();
+  const disabled = disabledProp || contextDisabled || formState.isSubmitting || hasError;
+  const isSubmitting = formState.isSubmitting && !hasError;
+  const hasErrorOrDisabled = (disabledProp || contextDisabled || hasError) && !formState.isSubmitting;
+  return /* @__PURE__ */ jsx(
+    "input",
+    {
+      className: clsx_default(
+        "inline-flex cursor-pointer justify-center rounded-sm border border-slate-300 px-4 py-2 text-center text-sm font-medium leading-5 shadow-sm hover:shadow-md focus:ring-focus-ring",
+        className,
+        {
+          "bg-rose-50 dark:bg-slate-800 dark:text-rose-300 cursor-not-allowed border-rose-300 dark:border-rose-600 text-rose-900": hasErrorOrDisabled,
+          "bg-slate-600 dark:bg-slate-700 text-white cursor-not-allowed border-slate-400 dark:border-slate-600": isSubmitting,
+          "bg-accent text-text-on-accent hover:bg-accent-hover focus:outline-hidden focus:ring-2 focus:ring-offset-2 border-transparent": !disabled,
+          hidden
+        }
+      ),
+      "aria-label": label,
+      type: "submit",
+      value: label,
+      disabled,
+      ...restProps
+    }
+  );
+};
+var SubmitButton_default = SubmitButton;
+var HelpText = ({
+  messageKey,
+  defaultMessage,
+  values,
+  className = "",
+  showIcon = true
+}) => {
+  const { formatMessage } = useIntl();
+  const helpText = formatMessage(
+    {
+      id: messageKey,
+      defaultMessage
+    },
+    values
+  );
+  if (!helpText) return null;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: `flex items-start space-x-1 text-sm text-text-secondary ${className}`,
+      children: [
+        showIcon && /* @__PURE__ */ jsx(QuestionMarkCircleIcon_default, { className: "h-4 w-4 mt-0.5 flex-shrink-0" }),
+        /* @__PURE__ */ jsx("span", { children: helpText })
+      ]
+    }
+  );
+};
+var HelpText_default = HelpText;
+function CheckIcon({
+  title,
+  titleId,
+  ...props
+}, svgRef) {
+  return /* @__PURE__ */ React2.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon",
+    ref: svgRef,
+    "aria-labelledby": titleId
+  }, props), title ? /* @__PURE__ */ React2.createElement("title", {
+    id: titleId
+  }, title) : null, /* @__PURE__ */ React2.createElement("path", {
+    fillRule: "evenodd",
+    d: "M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z",
+    clipRule: "evenodd"
+  }));
+}
+var ForwardRef = /* @__PURE__ */ React2.forwardRef(CheckIcon);
+var CheckIcon_default = ForwardRef;
+function ChevronDownIcon({
+  title,
+  titleId,
+  ...props
+}, svgRef) {
+  return /* @__PURE__ */ React2.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon",
+    ref: svgRef,
+    "aria-labelledby": titleId
+  }, props), title ? /* @__PURE__ */ React2.createElement("title", {
+    id: titleId
+  }, title) : null, /* @__PURE__ */ React2.createElement("path", {
+    fillRule: "evenodd",
+    d: "M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z",
+    clipRule: "evenodd"
+  }));
+}
+var ForwardRef2 = /* @__PURE__ */ React2.forwardRef(ChevronDownIcon);
+var ChevronDownIcon_default = ForwardRef2;
+function ChevronUpDownIcon({
+  title,
+  titleId,
+  ...props
+}, svgRef) {
+  return /* @__PURE__ */ React2.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon",
+    ref: svgRef,
+    "aria-labelledby": titleId
+  }, props), title ? /* @__PURE__ */ React2.createElement("title", {
+    id: titleId
+  }, title) : null, /* @__PURE__ */ React2.createElement("path", {
+    fillRule: "evenodd",
+    d: "M10.53 3.47a.75.75 0 0 0-1.06 0L6.22 6.72a.75.75 0 0 0 1.06 1.06L10 5.06l2.72 2.72a.75.75 0 1 0 1.06-1.06l-3.25-3.25Zm-4.31 9.81 3.25 3.25a.75.75 0 0 0 1.06 0l3.25-3.25a.75.75 0 1 0-1.06-1.06L10 14.94l-2.72-2.72a.75.75 0 0 0-1.06 1.06Z",
+    clipRule: "evenodd"
+  }));
+}
+var ForwardRef3 = /* @__PURE__ */ React2.forwardRef(ChevronUpDownIcon);
+var ChevronUpDownIcon_default = ForwardRef3;
+function ChevronUpIcon({
+  title,
+  titleId,
+  ...props
+}, svgRef) {
+  return /* @__PURE__ */ React2.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon",
+    ref: svgRef,
+    "aria-labelledby": titleId
+  }, props), title ? /* @__PURE__ */ React2.createElement("title", {
+    id: titleId
+  }, title) : null, /* @__PURE__ */ React2.createElement("path", {
+    fillRule: "evenodd",
+    d: "M9.47 6.47a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 1 1-1.06 1.06L10 8.06l-3.72 3.72a.75.75 0 0 1-1.06-1.06l4.25-4.25Z",
+    clipRule: "evenodd"
+  }));
+}
+var ForwardRef4 = /* @__PURE__ */ React2.forwardRef(ChevronUpIcon);
+var ChevronUpIcon_default = ForwardRef4;
+
+export { Badge_default, CheckIcon_default, ChevronDownIcon_default, ChevronUpDownIcon_default, ChevronUpIcon_default, FieldWrapper_default, HelpText_default, JSONView_default, SubmitButton_default, Tab_default, TagInputField_default, TagInput_default, clsx, clsx_default };

package/dist/components/ui/Accordion/Accordion.d.ts

@@ -0,0 +1,11 @@
+declare const Accordion: ({ data, containerCSS, headerCSS, bodyCSS, itemContainerCSS, hideChevron, ...rest }: {
+    [x: string]: any;
+    data: any;
+    containerCSS?: string;
+    headerCSS?: string;
+    bodyCSS?: string;
+    itemContainerCSS?: string;
+    hideChevron?: boolean;
+}) => import("react").JSX.Element;
+export default Accordion;
+//# sourceMappingURL=Accordion.d.ts.map

package/dist/components/ui/Accordion/Accordion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/Accordion/Accordion.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,SAAS,GAAI;;;;;;;;CAQlB,gCAiBA,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/components/ui/Accordion/AccordionHeader.d.ts

@@ -0,0 +1,6 @@
+declare const AccordionHeader: ({ name, className }: {
+    name: any;
+    className?: string;
+}) => import("react").JSX.Element;
+export default AccordionHeader;
+//# sourceMappingURL=AccordionHeader.d.ts.map

package/dist/components/ui/Accordion/AccordionHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/Accordion/AccordionHeader.tsx"],"names":[],"mappings":"AAEA,QAAA,MAAM,eAAe,GAAI;;;CAAwB,gCAahD,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/components/ui/Accordion/AccordionItem.d.ts

@@ -0,0 +1,11 @@
+declare const AccordionItem: ({ header, body, headerCSS, bodyCSS, itemContainerCSS, itemindex, hideChevron, }: {
+    header: any;
+    body: any;
+    headerCSS?: string;
+    bodyCSS?: string;
+    itemContainerCSS?: string;
+    itemindex?: number;
+    hideChevron?: boolean;
+}) => import("react").JSX.Element;
+export default AccordionItem;
+//# sourceMappingURL=AccordionItem.d.ts.map

package/dist/components/ui/Accordion/AccordionItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionItem.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/Accordion/AccordionItem.tsx"],"names":[],"mappings":"AAIA,QAAA,MAAM,aAAa,GAAI;;;;;;;;CAQtB,gCAsCA,CAAC;AAEF,eAAe,aAAa,CAAC"}