"use strict";
exports.id = 415;
exports.ids = [415];
exports.modules = {

/***/ 1415:
/***/ ((module, __webpack_exports__, __webpack_require__) => {

__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "A": () => (/* binding */ Layout)
/* harmony export */ });
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(997);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var next_head__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(968);
/* harmony import */ var next_head__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(next_head__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var next_link__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(1664);
/* harmony import */ var next_link__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(next_link__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6689);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(1853);
/* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(next_router__WEBPACK_IMPORTED_MODULE_4__);
/* harmony import */ var _Logo__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(4608);
/* harmony import */ var _taskless_ui__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(9485);
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(9003);
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_7__);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_taskless_ui__WEBPACK_IMPORTED_MODULE_6__]);
_taskless_ui__WEBPACK_IMPORTED_MODULE_6__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];








const topNav = [
    {
        name: "docs",
        href: "https://taskless.io/docs"
    },
    {
        name: "taskless.io",
        target: "_blank",
        href: "https://taskless.io"
    }, 
];
const useNavigationLinks = ()=>{
    const r = (0,next_router__WEBPACK_IMPORTED_MODULE_4__.useRouter)();
    const links = (0,react__WEBPACK_IMPORTED_MODULE_3__.useMemo)(()=>{
        const rpath = r.asPath.split("?")[0];
        return [
            {
                name: "Jobs",
                href: "/",
                current: false
            },
            {
                name: "Logs",
                href: "/logs",
                current: false
            }, 
        ].map((link)=>{
            link.current = rpath === link.href;
            return link;
        });
    }, [
        r
    ]);
    return links;
};
const Layout = ({ title , header , headerClassName , children ,  })=>{
    const links = useNavigationLinks();
    return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
        children: [
            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx((next_head__WEBPACK_IMPORTED_MODULE_1___default()), {
                children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("title", {
                    children: title
                })
            }),
            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
                className: "min-h-screen",
                children: [
                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                        className: "mx-auto w-full max-w-6xl px-4 sm:px-6 lg:px-8",
                        children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                            className: "flex h-16 w-full flex-row items-center justify-between",
                            children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
                                className: "flex w-full flex-row items-center",
                                children: [
                                    /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
                                        className: "item-center flex flex-shrink-0 flex-grow flex-row",
                                        children: [
                                            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx((next_link__WEBPACK_IMPORTED_MODULE_2___default()), {
                                                href: "/",
                                                children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("a", {
                                                    children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Logo__WEBPACK_IMPORTED_MODULE_5__/* .Logo */ .T, {
                                                        className: "h-9 w-9"
                                                    })
                                                })
                                            }),
                                            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_taskless_ui__WEBPACK_IMPORTED_MODULE_6__/* .Slash */ .Tm, {
                                                className: "h-9 stroke-gray-300"
                                            }),
                                            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
                                                className: "flex items-center",
                                                children: "development server"
                                            })
                                        ]
                                    }),
                                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                                        children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                                            className: "ml-4 flex items-center justify-end md:ml-6",
                                            children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                                                className: "flex items-center gap-3",
                                                children: topNav.map((item)=>/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx((next_link__WEBPACK_IMPORTED_MODULE_2___default()), {
                                                        href: item.href,
                                                        children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("a", {
                                                            className: "text-sm text-gray-500 transition hover:text-gray-900",
                                                            children: item.name
                                                        })
                                                    }, item.name))
                                            })
                                        })
                                    })
                                ]
                            })
                        })
                    }),
                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("header", {
                        className: "border-b border-b-gray-100 bg-white",
                        children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                            className: "mx-auto max-w-6xl px-4 pt-4 sm:px-6 lg:px-8",
                            children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                                className: "hidden md:block",
                                children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                                    className: "flex items-baseline space-x-4",
                                    children: links.map((item)=>/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx((next_link__WEBPACK_IMPORTED_MODULE_2___default()), {
                                            href: item.href,
                                            children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("a", {
                                                className: classnames__WEBPACK_IMPORTED_MODULE_7___default()(item.current ? "border-b-primary-400 border-b-2" : "rounded-md hover:bg-gray-100", "px-3 py-2 text-sm font-medium"),
                                                "aria-current": item.current ? "page" : undefined,
                                                children: item.name
                                            })
                                        }, item.name))
                                })
                            })
                        })
                    }),
                    /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("main", {
                        children: [
                            header ? /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                                className: "border-b border-b-gray-100 bg-white",
                                children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                                    className: classnames__WEBPACK_IMPORTED_MODULE_7___default()("mx-auto max-w-6xl pt-8 pb-12 sm:px-6 lg:px-8", headerClassName),
                                    children: header
                                })
                            }) : null,
                            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                                className: "border-b border-b-gray-100 bg-gray-50 pb-12",
                                children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                                    className: "mx-auto max-w-6xl pt-6 sm:px-6 lg:px-8",
                                    children: children
                                })
                            })
                        ]
                    })
                ]
            })
        ]
    });
};

__webpack_async_result__();
} catch(e) { __webpack_async_result__(e); } });

/***/ }),

/***/ 4608:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "T": () => (/* binding */ Logo)
/* harmony export */ });
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(997);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6689);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(9003);
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);



const DEFAULT_CLASSES = "fill-transparent stroke-primary-400 stroke-5";
const Logo = ({ className  })=>/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("svg", {
        viewBox: "0 0 265 265",
        xmlns: "http://www.w3.org/2000/svg",
        className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(DEFAULT_CLASSES, className),
        children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("path", {
            d: "M165.123 136.997L105.925 81.2033V52.5V50H103.425H57.9862L7.17637 2.53333L56.0692 2.53334L206.653 2.53333L257.462 50H167.623H165.123V52.5V136.997ZM106 203.416V115.211L165.197 171.004V259.208L106 203.416Z"
        })
    });


/***/ }),

/***/ 9485:
/***/ ((__webpack_module__, __webpack_exports__, __webpack_require__) => {

__webpack_require__.a(__webpack_module__, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "D_": () => (/* binding */ SwitchInput),
/* harmony export */   "Fz": () => (/* binding */ TextAreaInput),
/* harmony export */   "Tm": () => (/* binding */ Slash),
/* harmony export */   "Y6": () => (/* binding */ TabButton),
/* harmony export */   "lq": () => (/* binding */ SelectInput),
/* harmony export */   "oi": () => (/* binding */ TextInput),
/* harmony export */   "u_": () => (/* binding */ Modal),
/* harmony export */   "wQ": () => (/* binding */ DataTable)
/* harmony export */ });
/* unused harmony export Region */
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6689);
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9003);
/* harmony import */ var _headlessui_react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(1185);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_headlessui_react__WEBPACK_IMPORTED_MODULE_2__]);
_headlessui_react__WEBPACK_IMPORTED_MODULE_2__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
// src/components/DataTable.tsx


var DEFAULT_HEAD = "py-3.5 px-3 text-left text-sm font-semibold text-gray-900";
var DEFAULT_CELL = "py-4 px-3 text-sm text-gray-500";
var DataTable = ({
  data,
  columns,
  className,
  renderDetails,
  hasDetailsColumn,
  detailsButtonClassName,
  keyOf
}) => {
  const Details = renderDetails;
  const [openDetails, setOpenDetails] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({});
  const toggleDetails = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)((id) => {
    setOpenDetails((last) => {
      return {
        ...last,
        [id]: last[id] === true ? false : true
      };
    });
  }, []);
  return /* @__PURE__ */ react__WEBPACK_IMPORTED_MODULE_0__.createElement("table", {
    className: classnames__WEBPACK_IMPORTED_MODULE_1__(
      "min-w-full table-fixed divide-y divide-gray-300",
      className
    )
  }, /* @__PURE__ */ react__WEBPACK_IMPORTED_MODULE_0__.createElement("thead", null, /* @__PURE__ */ react__WEBPACK_IMPORTED_MODULE_0__.createElement("tr", null, columns.map((c) => /* @__PURE__ */ react__WEBPACK_IMPORTED_MODULE_0__.createElement("th", {
    key: c.name,
    scope: "col",
    className: classnames__WEBPACK_IMPORTED_MODULE_1__(DEFAULT_HEAD, c.headerClassName)
  }, c.name)), !hasDetailsColumn ? null : /* @__PURE__ */ react__WEBPACK_IMPORTED_MODULE_0__.createElement("th", {
    className: classnames__WEBPACK_IMPORTED_MODULE_1__(DEFAULT_HEAD)
  }))), /* @__PURE__ */ react__WEBPACK_IMPORTED_MODULE_0__.createElement("tbody", null, data.map((row, idx) => {
    const rowkey = keyOf ? keyOf(row) : `index${idx}`;
    return /* @__PURE__ */ react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
      key: rowkey
    }, /* @__PURE__ */ react__WEBPACK_IMPORTED_MODULE_0__.createElement("tr", null, columns.map((c) => {
      const colkey = `${rowkey}-${c.name}`;
      return /* @__PURE__ */ react__WEBPACK_IMPORTED_MODULE_0__.createElement("td", {
        key: colkey,
        className: classnames__WEBPACK_IMPORTED_MODULE_1__(DEFAULT_CELL, c.cellClassName),
        title: c.title ? c.title({ record: row }) : void 0
      }, /* @__PURE__ */ react__WEBPACK_IMPORTED_MODULE_0__.createElement(c.renderValue, {
        record: row
      }), c.renderSummary ? /* @__PURE__ */ react__WEBPACK_IMPORTED_MODULE_0__.createElement(c.renderSummary, {
        record: row
      }) : null);
    }), !hasDetailsColumn ? null : /* @__PURE__ */ react__WEBPACK_IMPORTED_MODULE_0__.createElement("td", null, /* @__PURE__ */ react__WEBPACK_IMPORTED_MODULE_0__.createElement("button", {
      onClick: () => toggleDetails(rowkey),
      className: classnames__WEBPACK_IMPORTED_MODULE_1__(detailsButtonClassName)
    }, "details"))), openDetails[rowkey] !== true || typeof Details === "undefined" ? null : /* @__PURE__ */ react__WEBPACK_IMPORTED_MODULE_0__.createElement("tr", null, /* @__PURE__ */ react__WEBPACK_IMPORTED_MODULE_0__.createElement("td", {
      colSpan: columns.length + 1
    }, /* @__PURE__ */ react__WEBPACK_IMPORTED_MODULE_0__.createElement(Details, {
      record: row,
      close: () => toggleDetails(rowkey)
    }))));
  })));
};

// src/components/Modal.tsx


var Modal = ({ children, show, onRequestClose, closeOnTapOutside }) => {
  const handleBgTap = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(() => {
    if (closeOnTapOutside) {
      onRequestClose();
    }
  }, [closeOnTapOutside, onRequestClose]);
  return /* @__PURE__ */ react__WEBPACK_IMPORTED_MODULE_0__.createElement(_headlessui_react__WEBPACK_IMPORTED_MODULE_2__.Transition.Root, {
    show,
    as: react__WEBPACK_IMPORTED_MODULE_0__.Fragment
  }, /* @__PURE__ */ react__WEBPACK_IMPORTED_MODULE_0__.createElement(_headlessui_react__WEBPACK_IMPORTED_MODULE_2__.Dialog, {
    as: "div",
    className: "relative z-10",
    onClose: onRequestClose
  }, /* @__PURE__ */ react__WEBPACK_IMPORTED_MODULE_0__.createElement(_headlessui_react__WEBPACK_IMPORTED_MODULE_2__.Transition.Child, {
    as: react__WEBPACK_IMPORTED_MODULE_0__.Fragment,
    enter: "ease-out duration-300",
    enterFrom: "opacity-0",
    enterTo: "opacity-100",
    leave: "ease-in duration-200",
    leaveFrom: "opacity-100",
    leaveTo: "opacity-0"
  }, /* @__PURE__ */ react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", {
    className: "fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity",
    onClick: handleBgTap
  })), /* @__PURE__ */ react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", {
    className: "fixed inset-0 z-10 overflow-y-auto"
  }, /* @__PURE__ */ react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", {
    className: "min-w-screen flex min-h-screen items-center justify-center px-4 pt-4 pb-20 text-center sm:block sm:items-end sm:p-0"
  }, /* @__PURE__ */ react__WEBPACK_IMPORTED_MODULE_0__.createElement("span", {
    className: "hidden sm:inline-block sm:h-screen sm:align-middle",
    "aria-hidden": "true"
  }, "\u200B"), /* @__PURE__ */ react__WEBPACK_IMPORTED_MODULE_0__.createElement(_headlessui_react__WEBPACK_IMPORTED_MODULE_2__.Transition.Child, {
    as: react__WEBPACK_IMPORTED_MODULE_0__.Fragment,
    enter: "ease-out duration-300",
    enterFrom: "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",
    enterTo: "opacity-100 translate-y-0 sm:scale-100",
    leave: "ease-in duration-200",
    leaveFrom: "opacity-100 translate-y-0 sm:scale-100",
    leaveTo: "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
  }, /* @__PURE__ */ react__WEBPACK_IMPORTED_MODULE_0__.createElement(_headlessui_react__WEBPACK_IMPORTED_MODULE_2__.Dialog.Panel, {
    className: "relative inline-block w-full transform overflow-hidden rounded-lg bg-white px-4 pt-5 pb-4 text-left align-bottom shadow-xl transition-all sm:my-8 sm:w-full sm:max-w-3xl sm:p-6 sm:align-middle"
  }, children))))));
};
Modal.Title = _headlessui_react__WEBPACK_IMPORTED_MODULE_2__.Dialog.Title;
Modal.Panel = _headlessui_react__WEBPACK_IMPORTED_MODULE_2__.Dialog.Panel;
Modal.Description = _headlessui_react__WEBPACK_IMPORTED_MODULE_2__.Dialog.Description;
var Actions = ({ children }) => /* @__PURE__ */ react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", {
  className: "mt-5 border-t border-gray-100 pt-5 sm:mt-4 sm:flex sm:flex-row-reverse"
}, children);
Modal.Actions = Actions;

// src/components/Region.tsx


var Region = ({
  children,
  className,
  activeClassName,
  active,
  ...rest
}) => /* @__PURE__ */ React3.createElement("div", {
  className: cx2(className, active ? activeClassName : void 0),
  ...rest
}, children);

// src/components/SelectInput.tsx


var SelectInput = ({
  id,
  label,
  description,
  error,
  options,
  props
}) => {
  const { className: selectClassName, ...selectProps } = props ?? {};
  return /* @__PURE__ */ react__WEBPACK_IMPORTED_MODULE_0__.createElement("fieldset", null, /* @__PURE__ */ react__WEBPACK_IMPORTED_MODULE_0__.createElement("label", {
    htmlFor: id,
    className: "block whitespace-nowrap text-sm font-medium text-gray-700"
  }, label ?? null, /* @__PURE__ */ react__WEBPACK_IMPORTED_MODULE_0__.createElement("em", {
    className: classnames__WEBPACK_IMPORTED_MODULE_1__(
      "ml-2 text-xs",
      error ? "text-orange-500" : "text-gray-500"
    )
  }, error ?? null)), /* @__PURE__ */ react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", {
    className: "mt-1"
  }, /* @__PURE__ */ react__WEBPACK_IMPORTED_MODULE_0__.createElement("select", {
    id,
    className: classnames__WEBPACK_IMPORTED_MODULE_1__(
      "block w-full rounded-md border-gray-300 shadow-sm focus:border-gray-600 focus:outline-0 focus:ring-0 sm:text-sm",
      selectClassName
    ),
    ...selectProps
  }, options.map((opt) => /* @__PURE__ */ react__WEBPACK_IMPORTED_MODULE_0__.createElement("option", {
    key: opt.value,
    value: opt.value
  }, opt.label)))), description ? /* @__PURE__ */ react__WEBPACK_IMPORTED_MODULE_0__.createElement("em", {
    className: classnames__WEBPACK_IMPORTED_MODULE_1__("text-xs", "text-gray-500")
  }, description ?? null) : null);
};

// src/components/Slash.tsx


var Slash = ({
  className,
  ...rest
}) => {
  return /* @__PURE__ */ react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", {
    viewBox: "0 0 24 24",
    strokeLinecap: "round",
    strokeLinejoin: "round",
    fill: "none",
    shapeRendering: "geometricPrecision",
    className: classnames__WEBPACK_IMPORTED_MODULE_1__("fill-current stroke-current stroke-1", className),
    ...rest
  }, /* @__PURE__ */ react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
    d: "M16.88 3.549L7.12 20.451"
  }));
};

// src/components/SwitchInput.tsx


var SwitchInput = ({
  id,
  label,
  description,
  error,
  props
}) => {
  const { className: inputClassName, ...inputProps } = props ?? {};
  return /* @__PURE__ */ react__WEBPACK_IMPORTED_MODULE_0__.createElement("fieldset", null, /* @__PURE__ */ react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", {
    className: "flex flex-row-reverse items-center justify-between gap-6"
  }, /* @__PURE__ */ react__WEBPACK_IMPORTED_MODULE_0__.createElement("span", {
    className: "flex flex-grow flex-col"
  }, /* @__PURE__ */ react__WEBPACK_IMPORTED_MODULE_0__.createElement("label", {
    htmlFor: id,
    className: "text-sm font-medium text-gray-700"
  }, label, /* @__PURE__ */ react__WEBPACK_IMPORTED_MODULE_0__.createElement("em", {
    className: classnames__WEBPACK_IMPORTED_MODULE_1__(
      "block text-xs",
      error ? "text-orange-500" : "text-gray-500"
    )
  }, error ?? description ?? null))), /* @__PURE__ */ react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", {
    className: "relative flex items-center"
  }, /* @__PURE__ */ react__WEBPACK_IMPORTED_MODULE_0__.createElement("input", {
    id,
    type: "checkbox",
    className: "peer hidden appearance-none",
    ...inputProps
  }), /* @__PURE__ */ react__WEBPACK_IMPORTED_MODULE_0__.createElement("label", {
    htmlFor: id,
    className: classnames__WEBPACK_IMPORTED_MODULE_1__(
      "h-6 w-10",
      "flex flex-shrink-0 items-center rounded-full bg-gray-300 p-0.5 duration-300 ease-in-out",
      "peer-checked:bg-primary-500",
      "after:h-5 after:w-5 after:rounded-full after:bg-white after:shadow-md after:duration-300 peer-checked:after:translate-x-4",
      inputClassName
    )
  }))));
};

// src/components/TabButton.tsx


var TabButton = ({
  type,
  className,
  iconClassName,
  labelClassName,
  icon: Icon,
  label,
  active,
  ...rest
}) => /* @__PURE__ */ react__WEBPACK_IMPORTED_MODULE_0__.createElement("button", {
  type: type ?? "button",
  className: classnames__WEBPACK_IMPORTED_MODULE_1__(
    "flex flex-row items-center rounded-md px-3 py-2 hover:bg-gray-100",
    active ? "text-primary-500" : "text-gray-500",
    className
  ),
  ...rest
}, /* @__PURE__ */ react__WEBPACK_IMPORTED_MODULE_0__.createElement(Icon, {
  className: classnames__WEBPACK_IMPORTED_MODULE_1__("h-4 w-4 md:mr-1", iconClassName)
}), /* @__PURE__ */ react__WEBPACK_IMPORTED_MODULE_0__.createElement("span", {
  className: classnames__WEBPACK_IMPORTED_MODULE_1__("inline-block", labelClassName)
}, label));

// src/components/TextAreaInput.tsx


var TextAreaInput = ({
  id,
  label,
  description,
  error,
  props
}) => {
  const { className: inputClassName, ...inputProps } = props ?? {};
  return /* @__PURE__ */ react__WEBPACK_IMPORTED_MODULE_0__.createElement("fieldset", null, /* @__PURE__ */ react__WEBPACK_IMPORTED_MODULE_0__.createElement("label", {
    htmlFor: id,
    className: "block whitespace-nowrap text-sm font-medium text-gray-700"
  }, label ?? null, /* @__PURE__ */ react__WEBPACK_IMPORTED_MODULE_0__.createElement("em", {
    className: classnames__WEBPACK_IMPORTED_MODULE_1__(
      "ml-2 text-xs",
      error ? "text-orange-500" : "text-gray-500"
    )
  }, error ?? null)), /* @__PURE__ */ react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", {
    className: "mt-1"
  }, /* @__PURE__ */ react__WEBPACK_IMPORTED_MODULE_0__.createElement("textarea", {
    id,
    className: classnames__WEBPACK_IMPORTED_MODULE_1__(
      "block w-full rounded-md border-gray-300 shadow-sm focus:border-gray-600 focus:outline-0 focus:ring-0 sm:text-sm",
      inputClassName
    ),
    rows: 5,
    ...inputProps
  })), description ? /* @__PURE__ */ react__WEBPACK_IMPORTED_MODULE_0__.createElement("em", {
    className: classnames__WEBPACK_IMPORTED_MODULE_1__("text-xs", "text-gray-500")
  }, description ?? null) : null);
};

// src/components/TextInput.tsx


var TextInput = ({
  id,
  label,
  description,
  error,
  props
}) => {
  const { className: inputClassName, ...inputProps } = props ?? {};
  return /* @__PURE__ */ react__WEBPACK_IMPORTED_MODULE_0__.createElement("fieldset", null, label ? /* @__PURE__ */ react__WEBPACK_IMPORTED_MODULE_0__.createElement("label", {
    htmlFor: id,
    className: "block text-sm font-medium text-gray-700"
  }, label ?? null, /* @__PURE__ */ react__WEBPACK_IMPORTED_MODULE_0__.createElement("em", {
    className: classnames__WEBPACK_IMPORTED_MODULE_1__(
      "ml-2 text-xs",
      error ? "text-orange-500" : "text-gray-500"
    )
  }, error ?? null)) : null, /* @__PURE__ */ react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", {
    className: classnames__WEBPACK_IMPORTED_MODULE_1__(label ? "mt-1" : "")
  }, /* @__PURE__ */ react__WEBPACK_IMPORTED_MODULE_0__.createElement("input", {
    type: "text",
    id,
    className: classnames__WEBPACK_IMPORTED_MODULE_1__(
      "block w-full rounded-md border-gray-300 shadow-sm focus:border-gray-600 focus:outline-0 focus:ring-0 sm:text-sm",
      inputClassName
    ),
    ...inputProps
  })), description ? /* @__PURE__ */ react__WEBPACK_IMPORTED_MODULE_0__.createElement("em", {
    className: classnames__WEBPACK_IMPORTED_MODULE_1__("text-xs", "text-gray-500")
  }, description ?? null) : null);
};

//# sourceMappingURL=index.js.map
__webpack_async_result__();
} catch(e) { __webpack_async_result__(e); } });

/***/ })

};
;