@solidxai/core-ui 0.0.1

package/dist/components/common/HeaderDynamicTitles.d.ts

@@ -0,0 +1,2 @@
+export declare const HeaderDynamicTitles: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=HeaderDynamicTitles.d.ts.map

package/dist/components/common/HeaderDynamicTitles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderDynamicTitles.d.ts","sourceRoot":"","sources":["../../../src/components/common/HeaderDynamicTitles.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,mBAAmB,+CAS/B,CAAA"}

package/dist/components/common/HeaderDynamicTitles.js

@@ -0,0 +1,8 @@
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { usePathname } from "../../hooks/usePathname";
+export var HeaderDynamicTitles = function () {
+    var path = usePathname();
+    var getHeading = path.split('/').slice(-2, -1)[0].replace(/-/g, ' ').replace(/\b\w/g, function (char) { return char.toUpperCase(); });
+    return (_jsxs("div", { className: 'text-xl font-bold', children: ["All ", getHeading, "s"] }));
+};
+//# sourceMappingURL=HeaderDynamicTitles.js.map

package/dist/components/common/HeaderDynamicTitles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderDynamicTitles.js","sourceRoot":"","sources":["../../../src/components/common/HeaderDynamicTitles.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,MAAM,CAAC,IAAM,mBAAmB,GAAG;IAC/B,IAAM,IAAI,GAAG,WAAW,EAAE,CAAC;IAC3B,IAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,OAAO,CAAC,OAAO,EAAE,UAAA,IAAI,IAAI,OAAA,IAAI,CAAC,WAAW,EAAE,EAAlB,CAAkB,CAAC,CAAC;IAEpH,OAAO,CACH,eAAK,SAAS,EAAC,mBAAmB,qBACzB,UAAU,SACb,CACT,CAAA;AACL,CAAC,CAAA"}

package/dist/components/common/HeaderDynamicTitles.tsx

@@ -0,0 +1,13 @@
+
+
+import { usePathname } from "../../hooks/usePathname";
+export const HeaderDynamicTitles = () => {
+    const path = usePathname();
+    const getHeading = path.split('/').slice(-2, -1)[0].replace(/-/g, ' ').replace(/\b\w/g, char => char.toUpperCase());
+
+    return (
+        <div className='text-xl font-bold'>
+            All {getHeading}s
+        </div>
+    )
+}

package/dist/components/common/Image.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+type ImageProps = React.ImgHTMLAttributes<HTMLImageElement> & {
+    src: string;
+    alt: string;
+    fill?: boolean;
+    unoptimized?: boolean;
+};
+export default function Image({ src, alt, fill, unoptimized, ...rest }: ImageProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Image.d.ts.map

package/dist/components/common/Image.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../../src/components/common/Image.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,KAAK,UAAU,GAAG,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,GAAG;IAC5D,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,IAAI,EAAE,EAAE,UAAU,2CAGjF"}

package/dist/components/common/Image.js

@@ -0,0 +1,29 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function Image(_a) {
+    var src = _a.src, alt = _a.alt, fill = _a.fill, unoptimized = _a.unoptimized, rest = __rest(_a, ["src", "alt", "fill", "unoptimized"]);
+    // 'fill' and 'unoptimized' are Next.js Image props; ignore for <img>.
+    return _jsx("img", __assign({ src: src, alt: alt }, rest));
+}
+//# sourceMappingURL=Image.js.map

package/dist/components/common/Image.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Image.js","sourceRoot":"","sources":["../../../src/components/common/Image.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AASA,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAAoD;IAAlD,IAAA,GAAG,SAAA,EAAE,GAAG,SAAA,EAAE,IAAI,UAAA,EAAE,WAAW,iBAAA,EAAK,IAAI,cAAtC,qCAAwC,CAAF;IAClE,sEAAsE;IACtE,OAAO,uBAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,IAAM,IAAI,EAAI,CAAC;AAC/C,CAAC"}

package/dist/components/common/Image.tsx

@@ -0,0 +1,13 @@
+import React from "react";
+
+type ImageProps = React.ImgHTMLAttributes<HTMLImageElement> & {
+  src: string;
+  alt: string;
+  fill?: boolean;
+  unoptimized?: boolean;
+};
+
+export default function Image({ src, alt, fill, unoptimized, ...rest }: ImageProps) {
+  // 'fill' and 'unoptimized' are Next.js Image props; ignore for <img>.
+  return <img src={src} alt={alt} {...rest} />;
+}

package/dist/components/common/Link.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+export declare const SolidLink: React.FC<any>;
+export default SolidLink;
+//# sourceMappingURL=Link.d.ts.map

package/dist/components/common/Link.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../src/components/common/Link.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,GAAG,CAMnC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/components/common/Link.js

@@ -0,0 +1,31 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Link } from "react-router-dom";
+// Wrapper for Link to allow easy migration from Next.js to React Router
+export var SolidLink = function (_a) {
+    var href = _a.href, children = _a.children, props = __rest(_a, ["href", "children"]);
+    return (_jsx(Link, __assign({ to: href }, props, { children: children })));
+};
+export default SolidLink;
+//# sourceMappingURL=Link.js.map

package/dist/components/common/Link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.js","sourceRoot":"","sources":["../../../src/components/common/Link.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAGxC,wEAAwE;AACxE,MAAM,CAAC,IAAM,SAAS,GAAkB,UAAC,EAA4B;IAA1B,IAAA,IAAI,UAAA,EAAE,QAAQ,cAAA,EAAK,KAAK,cAA1B,oBAA4B,CAAF;IACjE,OAAO,CACL,KAAC,IAAI,aAAC,EAAE,EAAE,IAAI,IAAM,KAAK,cACtB,QAAQ,IACJ,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/components/common/Link.tsx

@@ -0,0 +1,13 @@
+import { Link } from "react-router-dom";
+import React from "react";
+
+// Wrapper for Link to allow easy migration from Next.js to React Router
+export const SolidLink: React.FC<any> = ({ href, children, ...props }) => {
+  return (
+    <Link to={href} {...props}>
+      {children}
+    </Link>
+  );
+};
+
+export default SolidLink;

package/dist/components/common/MarkdownViewer.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+type MarkdownViewerProps = {
+    data: string;
+};
+declare const MarkdownViewer: React.FC<MarkdownViewerProps>;
+export default MarkdownViewer;
+//# sourceMappingURL=MarkdownViewer.d.ts.map

package/dist/components/common/MarkdownViewer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownViewer.d.ts","sourceRoot":"","sources":["../../../src/components/common/MarkdownViewer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,KAAK,mBAAmB,GAAG;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC;AA8C5C,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA2BjD,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/common/MarkdownViewer.js

@@ -0,0 +1,58 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import ReactMarkdown from 'react-markdown';
+import remarkGfm from 'remark-gfm';
+import { Prism as SyntaxHighlighter } from 'react-syntax-highlighter';
+import { oneDark } from 'react-syntax-highlighter/dist/esm/styles/prism';
+// Custom CodeBlock renderer
+var CodeBlock = function (_a) {
+    var _b;
+    var inline = _a.inline, className = _a.className, children = _a.children, props = __rest(_a, ["inline", "className", "children"]);
+    var codeString = String(children).replace(/\n$/, '');
+    var isFenced = !inline && /language-(\w+)/.test(className || '');
+    var match = /language-(\w+)/.exec(className || '');
+    var language = (_b = match === null || match === void 0 ? void 0 : match[1]) !== null && _b !== void 0 ? _b : '';
+    if (inline || !isFenced) {
+        // Inline code or non-fenced code
+        return (_jsx("code", { className: "bg-gray-100 px-1 py-0.5 rounded text-sm", children: children }));
+    }
+    // Fenced code block
+    return (_jsxs("div", { className: "relative group my-4", children: [_jsx("button", { className: "absolute right-2 top-2 px-2 py-1 text-xs rounded bg-white text-black transition", style: { cursor: 'pointer', right: 0 }, onClick: function () { return navigator.clipboard.writeText(codeString); }, children: "Copy" }), _jsx(SyntaxHighlighter, __assign({ language: language, style: oneDark, PreTag: "div", customStyle: {
+                    borderRadius: '0.5rem',
+                    padding: '1rem',
+                    fontSize: '0.85rem',
+                    background: '#282c34',
+                } }, props, { children: codeString }))] }));
+};
+var MarkdownViewer = function (_a) {
+    var data = _a.data;
+    return (_jsx(ReactMarkdown, { remarkPlugins: [remarkGfm], className: "markdown-view prose prose-invert max-w-none", components: {
+            code: CodeBlock,
+            table: function (props) { return (_jsx("div", { className: "overflow-x-auto my-4", children: _jsx("table", { className: "min-w-full border border-gray-700 text-sm", children: props.children }) })); },
+            th: function (props) { return (_jsx("th", { className: "border border-gray-700 px-3 py-1 font-semibold text-left bg-gray-800", style: { color: "#fff" }, children: props.children })); },
+            td: function (props) { return (_jsx("td", { className: "border border-gray-700 px-3 py-1 align-top", children: props.children })); },
+        }, children: data }));
+};
+export default MarkdownViewer;
+//# sourceMappingURL=MarkdownViewer.js.map

package/dist/components/common/MarkdownViewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownViewer.js","sourceRoot":"","sources":["../../../src/components/common/MarkdownViewer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAGA,OAAO,aAAa,MAAM,gBAAgB,CAAC;AAC3C,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,KAAK,IAAI,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AACtE,OAAO,EAAE,OAAO,EAAE,MAAM,gDAAgD,CAAC;AAIzE,4BAA4B;AAC5B,IAAM,SAAS,GAAG,UAAC,EAA8C;;IAA5C,IAAA,MAAM,YAAA,EAAE,SAAS,eAAA,EAAE,QAAQ,cAAA,EAAK,KAAK,cAAvC,mCAAyC,CAAF;IACxD,IAAM,UAAU,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;IACvD,IAAM,QAAQ,GAAG,CAAC,MAAM,IAAI,gBAAgB,CAAC,IAAI,CAAC,SAAS,IAAI,EAAE,CAAC,CAAC;IACnE,IAAM,KAAK,GAAG,gBAAgB,CAAC,IAAI,CAAC,SAAS,IAAI,EAAE,CAAC,CAAC;IACrD,IAAM,QAAQ,GAAG,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAG,CAAC,CAAC,mCAAI,EAAE,CAAC;IAElC,IAAI,MAAM,IAAI,CAAC,QAAQ,EAAE;QACvB,iCAAiC;QACjC,OAAO,CACL,eAAM,SAAS,EAAC,yCAAyC,YACtD,QAAQ,GACJ,CACR,CAAC;KACH;IAED,oBAAoB;IACpB,OAAO,CACL,eAAK,SAAS,EAAC,qBAAqB,aAClC,iBACE,SAAS,EAAC,iFAAiF,EAC3F,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAC,KAAK,EAAC,CAAC,EAAG,EACrC,OAAO,EAAE,cAAM,OAAA,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,UAAU,CAAC,EAAzC,CAAyC,qBAGjD,EACT,KAAC,iBAAiB,aAChB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,OAAO,EACd,MAAM,EAAC,KAAK,EACZ,WAAW,EAAE;oBACX,YAAY,EAAE,QAAQ;oBACtB,OAAO,EAAE,MAAM;oBACf,QAAQ,EAAE,SAAS;oBACnB,UAAU,EAAE,SAAS;iBACtB,IACG,KAAK,cAER,UAAU,IACO,IAChB,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,cAAc,GAAkC,UAAC,EAAQ;QAAN,IAAI,UAAA;IAAO,OAAA,CAClE,KAAC,aAAa,IACZ,aAAa,EAAE,CAAC,SAAS,CAAC,EAC1B,SAAS,EAAC,6CAA6C,EACvD,UAAU,EAAE;YACV,IAAI,EAAE,SAAS;YACf,KAAK,EAAE,UAAC,KAAK,IAAK,OAAA,CAChB,cAAK,SAAS,EAAC,sBAAsB,YACnC,gBAAO,SAAS,EAAC,2CAA2C,YACzD,KAAK,CAAC,QAAQ,GACT,GACJ,CACP,EANiB,CAMjB;YACD,EAAE,EAAE,UAAC,KAAK,IAAK,OAAA,CACb,aAAI,SAAS,EAAC,sEAAsE,EAAC,KAAK,EAAE,EAAC,KAAK,EAAC,MAAM,EAAC,YACvG,KAAK,CAAC,QAAQ,GACZ,CACN,EAJc,CAId;YACD,EAAE,EAAE,UAAC,KAAK,IAAK,OAAA,CACb,aAAI,SAAS,EAAC,4CAA4C,YACvD,KAAK,CAAC,QAAQ,GACZ,CACN,EAJc,CAId;SACF,YAEA,IAAI,GACS,CACjB;AA3BmE,CA2BnE,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/common/MarkdownViewer.tsx

@@ -0,0 +1,84 @@
+
+
+import React from 'react';
+import ReactMarkdown from 'react-markdown';
+import remarkGfm from 'remark-gfm';
+import { Prism as SyntaxHighlighter } from 'react-syntax-highlighter';
+import { oneDark } from 'react-syntax-highlighter/dist/esm/styles/prism';
+
+type MarkdownViewerProps = { data: string };
+
+// Custom CodeBlock renderer
+const CodeBlock = ({ inline, className, children, ...props }: any) => {
+  const codeString = String(children).replace(/\n$/, '');
+  const isFenced = !inline && /language-(\w+)/.test(className || '');
+  const match = /language-(\w+)/.exec(className || '');
+  const language = match?.[1] ?? '';
+
+  if (inline || !isFenced) {
+    // Inline code or non-fenced code
+    return (
+      <code className="bg-gray-100 px-1 py-0.5 rounded text-sm">
+        {children}
+      </code>
+    );
+  }
+
+  // Fenced code block
+  return (
+    <div className="relative group my-4">
+      <button
+        className="absolute right-2 top-2 px-2 py-1 text-xs rounded bg-white text-black transition"
+        style={{ cursor: 'pointer',right:0  }}
+        onClick={() => navigator.clipboard.writeText(codeString)}
+      >
+        Copy
+      </button>
+      <SyntaxHighlighter
+        language={language}
+        style={oneDark}
+        PreTag="div"
+        customStyle={{
+          borderRadius: '0.5rem',
+          padding: '1rem',
+          fontSize: '0.85rem',
+          background: '#282c34',
+        }}
+        {...props}
+      >
+        {codeString}
+      </SyntaxHighlighter>
+    </div>
+  );
+};
+
+const MarkdownViewer: React.FC<MarkdownViewerProps> = ({ data }) => (
+  <ReactMarkdown
+    remarkPlugins={[remarkGfm]} // Enable GitHub-style tables
+    className="markdown-view prose prose-invert max-w-none"
+    components={{
+      code: CodeBlock,
+      table: (props) => (
+        <div className="overflow-x-auto my-4">
+          <table className="min-w-full border border-gray-700 text-sm">
+            {props.children}
+          </table>
+        </div>
+      ),
+      th: (props) => (
+        <th className="border border-gray-700 px-3 py-1 font-semibold text-left bg-gray-800" style={{color:"#fff"}}>
+          {props.children}
+        </th>
+      ),
+      td: (props) => (
+        <td className="border border-gray-700 px-3 py-1 align-top">
+          {props.children}
+        </td>
+      ),
+    }}
+  >
+    {data}
+  </ReactMarkdown>
+);
+
+export default MarkdownViewer;

package/dist/components/common/MultipleSelectAutoCompleteField.d.ts

@@ -0,0 +1,2 @@
+export declare const MultipleSelectAutoCompleteField: ({ formik, isFormFieldValid, relationField, fieldName, fieldNameId, labelKey, valueKey, searchData, existingData, additionalAction }: any) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MultipleSelectAutoCompleteField.d.ts.map

package/dist/components/common/MultipleSelectAutoCompleteField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultipleSelectAutoCompleteField.d.ts","sourceRoot":"","sources":["../../../src/components/common/MultipleSelectAutoCompleteField.tsx"],"names":[],"mappings":"AAWA,eAAO,MAAM,+BAA+B,wIAAyI,GAAG,4CAoDvL,CAAA"}

package/dist/components/common/MultipleSelectAutoCompleteField.js

@@ -0,0 +1,90 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { AutoComplete } from "primereact/autocomplete";
+import { useEffect, useState } from "react";
+import { getVirtualScrollerOptions } from "../../helpers/autoCompleteVirtualScroll";
+// UsesCases
+// Suppose you have a moduelId field In create Dto then you need to creaate a module key in firmik and use that to store the autocomplete state and along with it update the moduleId  Field with id
+// In case of relationType the Id field will always will be id   
+// Else the value will be whatever valuekey use passed 
+export var MultipleSelectAutoCompleteField = function (_a) {
+    var formik = _a.formik, isFormFieldValid = _a.isFormFieldValid, relationField = _a.relationField, fieldName = _a.fieldName, fieldNameId = _a.fieldNameId, labelKey = _a.labelKey, valueKey = _a.valueKey, searchData = _a.searchData, existingData = _a.existingData, additionalAction = _a.additionalAction;
+    var _b = useState(existingData && existingData.length > 0 && existingData.map(function (i) { return ({ label: i, value: i }); })), selectedItem = _b[0], setSelectedItem = _b[1];
+    var _c = useState([]), filteredItem = _c[0], setFilteredItem = _c[1];
+    useEffect(function () {
+        // if (existingData) {
+        setSelectedItem(existingData && existingData.length > 0 && existingData.map(function (i) { return ({ label: i, value: i }); }));
+        // formik.setFieldValue(fieldName, existingData);
+        // }
+    }, [existingData]);
+    var searchItems = function (event) { return __awaiter(void 0, void 0, void 0, function () {
+        var data;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, searchData(event)];
+                case 1:
+                    data = _a.sent();
+                    setFilteredItem(data);
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    return (_jsx(AutoComplete, { multiple: true, value: selectedItem, suggestions: filteredItem, invalid: isFormFieldValid(formik, fieldName), completeMethod: searchItems, 
+        // virtualScrollerOptions={{ itemSize: 38 }}
+        virtualScrollerOptions: getVirtualScrollerOptions({
+            itemsLength: filteredItem.length,
+        }), className: "solid-standard-autocomplete w-full", 
+        // style={{
+        //     maxHeight: 39.67
+        // }}
+        field: labelKey, dropdown: true, onChange: function (e) {
+            setSelectedItem(e.value);
+            if (additionalAction) {
+                additionalAction(e);
+            }
+            if (relationField === true) {
+                formik.setFieldValue(fieldName, e.value);
+                // formik.setFieldValue(fieldNameId, e.value.id);
+            }
+            else {
+                var mediaTypes = e.value.map(function (i) { return i[valueKey]; });
+                formik.setFieldValue(fieldName, mediaTypes);
+            }
+        } }));
+};
+//# sourceMappingURL=MultipleSelectAutoCompleteField.js.map

package/dist/components/common/MultipleSelectAutoCompleteField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultipleSelectAutoCompleteField.js","sourceRoot":"","sources":["../../../src/components/common/MultipleSelectAutoCompleteField.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,yBAAyB,EAAE,MAAM,yCAAyC,CAAC;AAGpF,YAAY;AACZ,oMAAoM;AACpM,iEAAiE;AACjE,uDAAuD;AAEvD,MAAM,CAAC,IAAM,+BAA+B,GAAG,UAAC,EAAwI;QAAtI,MAAM,YAAA,EAAE,gBAAgB,sBAAA,EAAE,aAAa,mBAAA,EAAE,SAAS,eAAA,EAAE,WAAW,iBAAA,EAAE,QAAQ,cAAA,EAAE,QAAQ,cAAA,EAAE,UAAU,gBAAA,EAAE,YAAY,kBAAA,EAAE,gBAAgB,sBAAA;IAEvK,IAAA,KAAkC,QAAQ,CAAC,YAAY,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC,IAAI,YAAY,CAAC,GAAG,CAAC,UAAC,CAAM,IAAK,OAAA,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,EAAxB,CAAwB,CAAC,CAAC,EAA5I,YAAY,QAAA,EAAE,eAAe,QAA+G,CAAC;IAC9I,IAAA,KAAkC,QAAQ,CAAC,EAAE,CAAC,EAA7C,YAAY,QAAA,EAAE,eAAe,QAAgB,CAAC;IACrD,SAAS,CAAC;QACN,sBAAsB;QACtB,eAAe,CAAC,YAAY,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC,IAAI,YAAY,CAAC,GAAG,CAAC,UAAC,CAAM,IAAK,OAAA,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,EAAxB,CAAwB,CAAC,CAAC,CAAA;QAClH,iDAAiD;QAEjD,IAAI;IACR,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAA;IAClB,IAAM,WAAW,GAAG,UAAO,KAAU;;;;wBACpB,qBAAM,UAAU,CAAC,KAAK,CAAC,EAAA;;oBAA9B,IAAI,GAAG,SAAuB;oBACpC,eAAe,CAAC,IAAI,CAAC,CAAC;;;;SAEzB,CAAC;IAIF,OAAO,CAEH,KAAC,YAAY,IACT,QAAQ,QACR,KAAK,EAAE,YAAY,EACnB,WAAW,EAAE,YAAY,EACzB,OAAO,EAAE,gBAAgB,CAAC,MAAM,EAAE,SAAS,CAAC,EAC5C,cAAc,EAAE,WAAW;QAC3B,4CAA4C;QAC5C,sBAAsB,EAAE,yBAAyB,CAAC;YAC9C,WAAW,EAAE,YAAY,CAAC,MAAM;SACjC,CAAC,EACJ,SAAS,EAAC,oCAAoC;QAC9C,WAAW;QACX,uBAAuB;QACvB,KAAK;QACL,KAAK,EAAE,QAAQ,EACf,QAAQ,QACR,QAAQ,EAAE,UAAC,CAAC;YACR,eAAe,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;YACzB,IAAI,gBAAgB,EAAE;gBAClB,gBAAgB,CAAC,CAAC,CAAC,CAAC;aACvB;YACD,IAAI,aAAa,KAAK,IAAI,EAAE;gBACxB,MAAM,CAAC,aAAa,CAAC,SAAS,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC;gBACzC,iDAAiD;aACpD;iBAAM;gBACH,IAAM,UAAU,GAAG,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,UAAC,CAAM,IAAK,OAAA,CAAC,CAAC,QAAQ,CAAC,EAAX,CAAW,CAAC,CAAC;gBACxD,MAAM,CAAC,aAAa,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC;aAC/C;QACL,CAAC,GACH,CACL,CAAA;AACL,CAAC,CAAA"}

package/dist/components/common/MultipleSelectAutoCompleteField.tsx

@@ -0,0 +1,64 @@
+
+import { AutoComplete } from "primereact/autocomplete";
+import { useEffect, useState } from "react";
+import { getVirtualScrollerOptions } from "../../helpers/autoCompleteVirtualScroll";
+
+
+// UsesCases
+// Suppose you have a moduelId field In create Dto then you need to creaate a module key in firmik and use that to store the autocomplete state and along with it update the moduleId  Field with id
+// In case of relationType the Id field will always will be id   
+// Else the value will be whatever valuekey use passed 
+
+export const MultipleSelectAutoCompleteField = ({ formik, isFormFieldValid, relationField, fieldName, fieldNameId, labelKey, valueKey, searchData, existingData, additionalAction }: any) => {
+
+    const [selectedItem, setSelectedItem] = useState(existingData && existingData.length > 0 && existingData.map((i: any) => ({ label: i, value: i })));
+    const [filteredItem, setFilteredItem] = useState([]);
+    useEffect(() => {
+        // if (existingData) {
+        setSelectedItem(existingData && existingData.length > 0 && existingData.map((i: any) => ({ label: i, value: i })))
+        // formik.setFieldValue(fieldName, existingData);
+
+        // }
+    }, [existingData])
+    const searchItems = async (event: any) => {
+        const data = await searchData(event);
+        setFilteredItem(data);
+
+    };
+
+
+
+    return (
+
+        <AutoComplete
+            multiple
+            value={selectedItem}
+            suggestions={filteredItem}
+            invalid={isFormFieldValid(formik, fieldName)}
+            completeMethod={searchItems}
+            // virtualScrollerOptions={{ itemSize: 38 }}
+            virtualScrollerOptions={getVirtualScrollerOptions({
+                itemsLength: filteredItem.length,
+              })}
+            className="solid-standard-autocomplete w-full"
+            // style={{
+            //     maxHeight: 39.67
+            // }}
+            field={labelKey}
+            dropdown
+            onChange={(e) => {
+                setSelectedItem(e.value);
+                if (additionalAction) {
+                    additionalAction(e);
+                }
+                if (relationField === true) {
+                    formik.setFieldValue(fieldName, e.value);
+                    // formik.setFieldValue(fieldNameId, e.value.id);
+                } else {
+                    const mediaTypes = e.value.map((i: any) => i[valueKey]);
+                    formik.setFieldValue(fieldName, mediaTypes);
+                }
+            }}
+        />
+    )
+}

package/dist/components/common/NotFound.d.ts

@@ -0,0 +1,2 @@
+export declare const NotFound: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=NotFound.d.ts.map

package/dist/components/common/NotFound.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotFound.d.ts","sourceRoot":"","sources":["../../../src/components/common/NotFound.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,QAAQ,+CAiBpB,CAAC"}

package/dist/components/common/NotFound.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Link from "./Link";
+export var NotFound = function () {
+    return (_jsx("div", { children: _jsx("div", { className: "d-flex align-items-center justify-content-center vh-100", children: _jsxs("div", { className: "text-center", children: [_jsx("h1", { className: "display-1 fw-bold", children: "404" }), _jsxs("p", { className: "fs-3", children: [_jsx("span", { className: "text-danger", children: "Opps!" }), " Page not found."] }), _jsx("p", { className: "lead", children: "The page you are looking for does not exist." }), _jsx(Link, { href: "/", className: "btn btn-primary", children: "Go Home" })] }) }) }));
+};
+//# sourceMappingURL=NotFound.js.map

package/dist/components/common/NotFound.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotFound.js","sourceRoot":"","sources":["../../../src/components/common/NotFound.tsx"],"names":[],"mappings":";AAEA,OAAO,IAAI,MAAM,QAAQ,CAAC;AAE1B,MAAM,CAAC,IAAM,QAAQ,GAAG;IACtB,OAAO,CACL,wBACE,cAAK,SAAS,EAAC,yDAAyD,YACtE,eAAK,SAAS,EAAC,aAAa,aAC1B,aAAI,SAAS,EAAC,mBAAmB,oBAAS,EAC1C,aAAG,SAAS,EAAC,MAAM,aACjB,eAAM,SAAS,EAAC,aAAa,sBAAa,wBACxC,EACJ,YAAG,SAAS,EAAC,MAAM,6DAAiD,EACpE,KAAC,IAAI,IAAC,IAAI,EAAC,GAAG,EAAC,SAAS,EAAC,iBAAiB,wBAEnC,IACH,GACF,GACF,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/common/NotFound.tsx

@@ -0,0 +1,22 @@
+
+
+import Link from "./Link";
+
+export const NotFound = () => {
+  return (
+    <div>
+      <div className="d-flex align-items-center justify-content-center vh-100">
+        <div className="text-center">
+          <h1 className="display-1 fw-bold">404</h1>
+          <p className="fs-3">
+            <span className="text-danger">Opps!</span> Page not found.
+          </p>
+          <p className="lead">The page you are looking for does not exist.</p>
+          <Link href="/" className="btn btn-primary">
+            Go Home
+          </Link>
+        </div>
+      </div>
+    </div>
+  );
+};

package/dist/components/common/SingleSelectAutoCompleteField.d.ts

@@ -0,0 +1,2 @@
+export declare const SingleSelectAutoCompleteField: ({ disabled, formik, isFormFieldValid, relationField, fieldName, fieldNameId, labelKey, valueKey, searchData, existingData, additionalAction, formErrors }: any) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SingleSelectAutoCompleteField.d.ts.map

package/dist/components/common/SingleSelectAutoCompleteField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SingleSelectAutoCompleteField.d.ts","sourceRoot":"","sources":["../../../src/components/common/SingleSelectAutoCompleteField.tsx"],"names":[],"mappings":"AAYA,eAAO,MAAM,6BAA6B,8JAA+J,GAAG,4CA4D3M,CAAA"}