trepur_components 2.3.2 → 2.3.4

package/storybook-build/assets/Colours-r29qjFlW.js

@@ -0,0 +1,324 @@
+import { j as jsxRuntimeExports } from "./jsx-runtime-D2-sc1j1.js";
+import { M as Meta, U as Unstyled } from "./index-CU7cYjZD.js";
+import { useMDXComponents } from "./index-Clz-aGG3.js";
+import "./index-DM9bPmif.js";
+import "./_commonjsHelpers-LQfde5yM.js";
+import "./iframe-Dzzzanqi.js";
+import "../sb-preview/runtime.js";
+import "./chunk-EIRT5I3Z-DFD8udmD.js";
+import "./index-0FT4HXk-.js";
+import "./index-B9Tccxv4.js";
+import "./index-ex9_VrIg.js";
+import "./index-BdOSk9or.js";
+function _createMdxContent(props) {
+  return jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
+    children: [jsxRuntimeExports.jsx(Meta, {
+      title: "colour/Palette"
+    }), "\n", jsxRuntimeExports.jsx(Unstyled, {
+      children: jsxRuntimeExports.jsxs("div", {
+        className: "px-4 theme-local grid grid-cols-1 gap-12",
+        children: [jsxRuntimeExports.jsxs("div", {
+          children: [jsxRuntimeExports.jsx("h2", {
+            className: "py-4",
+            children: "Defaults"
+          }), jsxRuntimeExports.jsxs("div", {
+            className: "grid grid-cols-4 gap-6",
+            children: [jsxRuntimeExports.jsxs("div", {
+              className: "grid grid-cols-1 gap-1",
+              children: [jsxRuntimeExports.jsx("div", {
+                className: "h-6 rounded-md bg-primary"
+              }), jsxRuntimeExports.jsx("p", {
+                children: "Primary"
+              })]
+            }), jsxRuntimeExports.jsxs("div", {
+              className: "grid grid-cols-1 gap-1",
+              children: [jsxRuntimeExports.jsx("div", {
+                className: "h-6 rounded-md bg-secondary"
+              }), jsxRuntimeExports.jsx("p", {
+                children: "Secondary"
+              })]
+            }), jsxRuntimeExports.jsxs("div", {
+              className: "grid grid-cols-1 gap-1",
+              children: [jsxRuntimeExports.jsx("div", {
+                className: "h-6 rounded-md bg-third"
+              }), jsxRuntimeExports.jsx("p", {
+                children: "Third"
+              })]
+            }), jsxRuntimeExports.jsxs("div", {
+              className: "grid grid-cols-1 gap-1",
+              children: [jsxRuntimeExports.jsx("div", {
+                className: "h-6 rounded-md bg-white"
+              }), jsxRuntimeExports.jsx("p", {
+                children: "White"
+              })]
+            }), jsxRuntimeExports.jsxs("div", {
+              className: "grid grid-cols-1 gap-1",
+              children: [jsxRuntimeExports.jsx("div", {
+                className: "h-6 rounded-md bg-black"
+              }), jsxRuntimeExports.jsx("p", {
+                children: "Black"
+              })]
+            }), jsxRuntimeExports.jsxs("div", {
+              className: "grid grid-cols-1 gap-1",
+              children: [jsxRuntimeExports.jsx("div", {
+                className: "h-6 rounded-md bg-grey"
+              }), jsxRuntimeExports.jsx("p", {
+                children: "Grey"
+              })]
+            }), jsxRuntimeExports.jsxs("div", {
+              className: "grid grid-cols-1 gap-1",
+              children: [jsxRuntimeExports.jsx("div", {
+                className: "h-6 rounded-md bg-light-grey"
+              }), jsxRuntimeExports.jsx("p", {
+                children: "Light Grey"
+              })]
+            }), jsxRuntimeExports.jsxs("div", {
+              className: "grid grid-cols-1 gap-1",
+              children: [jsxRuntimeExports.jsx("div", {
+                className: "h-6 rounded-md bg-lightest-grey"
+              }), jsxRuntimeExports.jsx("p", {
+                children: "Lightest Grey"
+              })]
+            }), jsxRuntimeExports.jsxs("div", {
+              className: "grid grid-cols-1 gap-1",
+              children: [jsxRuntimeExports.jsx("div", {
+                className: "h-6 rounded-md bg-border"
+              }), jsxRuntimeExports.jsx("p", {
+                children: "Border"
+              })]
+            }), jsxRuntimeExports.jsxs("div", {
+              className: "grid grid-cols-1 gap-1",
+              children: [jsxRuntimeExports.jsx("div", {
+                className: "h-6 rounded-md bg-border-light"
+              }), jsxRuntimeExports.jsx("p", {
+                children: "Border Light"
+              })]
+            }), jsxRuntimeExports.jsxs("div", {
+              className: "grid grid-cols-1 gap-1",
+              children: [jsxRuntimeExports.jsx("div", {
+                className: "h-6 rounded-md bg-border-lightest"
+              }), jsxRuntimeExports.jsx("p", {
+                children: "Border Lightest"
+              })]
+            }), jsxRuntimeExports.jsxs("div", {
+              className: "grid grid-cols-1 gap-1",
+              children: [jsxRuntimeExports.jsx("div", {
+                className: "h-6 rounded-md bg-border-dark"
+              }), jsxRuntimeExports.jsx("p", {
+                children: "Border Dark"
+              })]
+            }), jsxRuntimeExports.jsxs("div", {
+              className: "grid grid-cols-1 gap-1",
+              children: [jsxRuntimeExports.jsx("div", {
+                className: "h-6 rounded-md bg-primary-strict"
+              }), jsxRuntimeExports.jsx("p", {
+                children: "Primary Strict"
+              })]
+            }), jsxRuntimeExports.jsxs("div", {
+              className: "grid grid-cols-1 gap-1",
+              children: [jsxRuntimeExports.jsx("div", {
+                className: "h-6 rounded-md bg-red"
+              }), jsxRuntimeExports.jsx("p", {
+                children: "Red"
+              })]
+            }), jsxRuntimeExports.jsxs("div", {
+              className: "grid grid-cols-1 gap-1",
+              children: [jsxRuntimeExports.jsx("div", {
+                className: "h-6 rounded-md bg-gold"
+              }), jsxRuntimeExports.jsx("p", {
+                children: "Gold"
+              })]
+            }), jsxRuntimeExports.jsxs("div", {
+              className: "grid grid-cols-1 gap-1",
+              children: [jsxRuntimeExports.jsx("div", {
+                className: "h-6 rounded-md bg-ink"
+              }), jsxRuntimeExports.jsx("p", {
+                children: "Ink"
+              })]
+            })]
+          })]
+        }), jsxRuntimeExports.jsxs("div", {
+          children: [jsxRuntimeExports.jsx("h2", {
+            className: "py-4",
+            children: "Feedback"
+          }), jsxRuntimeExports.jsxs("div", {
+            className: "grid grid-cols-4 gap-6",
+            children: [jsxRuntimeExports.jsxs("div", {
+              className: "grid grid-cols-1 gap-1",
+              children: [jsxRuntimeExports.jsx("div", {
+                className: "h-6 rounded-md bg-success"
+              }), jsxRuntimeExports.jsx("p", {
+                children: "Success"
+              })]
+            }), jsxRuntimeExports.jsxs("div", {
+              className: "grid grid-cols-1 gap-1",
+              children: [jsxRuntimeExports.jsx("div", {
+                className: "h-6 rounded-md bg-error"
+              }), jsxRuntimeExports.jsx("p", {
+                children: "Error"
+              })]
+            }), jsxRuntimeExports.jsxs("div", {
+              className: "grid grid-cols-1 gap-1",
+              children: [jsxRuntimeExports.jsx("div", {
+                className: "h-6 rounded-md bg-warning"
+              }), jsxRuntimeExports.jsx("p", {
+                children: "Warning"
+              })]
+            }), jsxRuntimeExports.jsxs("div", {
+              className: "grid grid-cols-1 gap-1",
+              children: [jsxRuntimeExports.jsx("div", {
+                className: "h-6 rounded-md bg-info"
+              }), jsxRuntimeExports.jsx("p", {
+                children: "Info"
+              })]
+            }), jsxRuntimeExports.jsxs("div", {
+              className: "grid grid-cols-1 gap-1",
+              children: [jsxRuntimeExports.jsx("div", {
+                className: "h-6 rounded-md bg-success-light"
+              }), jsxRuntimeExports.jsx("p", {
+                children: "Success Light"
+              })]
+            }), jsxRuntimeExports.jsxs("div", {
+              className: "grid grid-cols-1 gap-1",
+              children: [jsxRuntimeExports.jsx("div", {
+                className: "h-6 rounded-md bg-error-light"
+              }), jsxRuntimeExports.jsx("p", {
+                children: "Error Light"
+              })]
+            }), jsxRuntimeExports.jsxs("div", {
+              className: "grid grid-cols-1 gap-1",
+              children: [jsxRuntimeExports.jsx("div", {
+                className: "h-6 rounded-md bg-warning-light"
+              }), jsxRuntimeExports.jsx("p", {
+                children: "Warning Light"
+              })]
+            }), jsxRuntimeExports.jsxs("div", {
+              className: "grid grid-cols-1 gap-1",
+              children: [jsxRuntimeExports.jsx("div", {
+                className: "h-6 rounded-md bg-info-light"
+              }), jsxRuntimeExports.jsx("p", {
+                children: "Info Light"
+              })]
+            })]
+          })]
+        }), jsxRuntimeExports.jsxs("div", {
+          children: [jsxRuntimeExports.jsx("h2", {
+            className: "py-4",
+            children: "Socials"
+          }), jsxRuntimeExports.jsxs("div", {
+            className: "grid grid-cols-4 gap-6",
+            children: [jsxRuntimeExports.jsxs("div", {
+              className: "grid grid-cols-1 gap-1",
+              children: [jsxRuntimeExports.jsx("div", {
+                className: "h-6 rounded-md bg-facebook"
+              }), jsxRuntimeExports.jsx("p", {
+                children: "Facebook"
+              })]
+            }), jsxRuntimeExports.jsxs("div", {
+              className: "grid grid-cols-1 gap-1",
+              children: [jsxRuntimeExports.jsx("div", {
+                className: "h-6 rounded-md bg-linkedin"
+              }), jsxRuntimeExports.jsx("p", {
+                children: "Linkedin"
+              })]
+            }), jsxRuntimeExports.jsxs("div", {
+              className: "grid grid-cols-1 gap-1",
+              children: [jsxRuntimeExports.jsx("div", {
+                className: "h-6 rounded-md bg-email"
+              }), jsxRuntimeExports.jsx("p", {
+                children: "Email"
+              })]
+            }), jsxRuntimeExports.jsxs("div", {
+              className: "grid grid-cols-1 gap-1",
+              children: [jsxRuntimeExports.jsx("div", {
+                className: "h-6 rounded-md bg-github"
+              }), jsxRuntimeExports.jsx("p", {
+                children: "Github"
+              })]
+            }), jsxRuntimeExports.jsxs("div", {
+              className: "grid grid-cols-1 gap-1",
+              children: [jsxRuntimeExports.jsx("div", {
+                className: "h-6 rounded-md bg-whatsapp"
+              }), jsxRuntimeExports.jsx("p", {
+                children: "Whatsapp"
+              })]
+            }), jsxRuntimeExports.jsxs("div", {
+              className: "grid grid-cols-1 gap-1",
+              children: [jsxRuntimeExports.jsx("div", {
+                className: "h-6 rounded-md bg-twitter"
+              }), jsxRuntimeExports.jsx("p", {
+                children: "Twitter"
+              })]
+            }), jsxRuntimeExports.jsxs("div", {
+              className: "grid grid-cols-1 gap-1",
+              children: [jsxRuntimeExports.jsx("div", {
+                className: "h-6 rounded-md bg-instagram"
+              }), jsxRuntimeExports.jsx("p", {
+                children: "Instagram"
+              })]
+            })]
+          })]
+        }), jsxRuntimeExports.jsxs("div", {
+          children: [jsxRuntimeExports.jsx("h2", {
+            className: "py-4",
+            children: "Interactive Socials"
+          }), jsxRuntimeExports.jsxs("div", {
+            className: "grid grid-cols-4 gap-6",
+            children: [jsxRuntimeExports.jsxs("div", {
+              className: "grid grid-cols-1 gap-1",
+              children: [jsxRuntimeExports.jsx("div", {
+                className: "h-6 rounded-md bg-interactive-facebook"
+              }), jsxRuntimeExports.jsx("p", {
+                children: "Interactive Facebook"
+              })]
+            }), jsxRuntimeExports.jsxs("div", {
+              className: "grid grid-cols-1 gap-1",
+              children: [jsxRuntimeExports.jsx("div", {
+                className: "h-6 rounded-md bg-interactive-linkedin"
+              }), jsxRuntimeExports.jsx("p", {
+                children: "Interactive Linkedin"
+              })]
+            }), jsxRuntimeExports.jsxs("div", {
+              className: "grid grid-cols-1 gap-1",
+              children: [jsxRuntimeExports.jsx("div", {
+                className: "h-6 rounded-md bg-interactive-email"
+              }), jsxRuntimeExports.jsx("p", {
+                children: "Interactive Email"
+              })]
+            }), jsxRuntimeExports.jsxs("div", {
+              className: "grid grid-cols-1 gap-1",
+              children: [jsxRuntimeExports.jsx("div", {
+                className: "h-6 rounded-md bg-interactive-github"
+              }), jsxRuntimeExports.jsx("p", {
+                children: "Interactive Github"
+              })]
+            }), jsxRuntimeExports.jsxs("div", {
+              className: "grid grid-cols-1 gap-1",
+              children: [jsxRuntimeExports.jsx("div", {
+                className: "h-6 rounded-md bg-interactive-whatsapp"
+              }), jsxRuntimeExports.jsx("p", {
+                children: "Interactive Whatsapp"
+              })]
+            }), jsxRuntimeExports.jsxs("div", {
+              className: "grid grid-cols-1 gap-1",
+              children: [jsxRuntimeExports.jsx("div", {
+                className: "h-6 rounded-md bg-interactive-twitter"
+              }), jsxRuntimeExports.jsx("p", {
+                children: "Interactive Twitter"
+              })]
+            })]
+          })]
+        })]
+      })
+    })]
+  });
+}
+function MDXContent(props = {}) {
+  const { wrapper: MDXLayout } = Object.assign({}, useMDXComponents(), props.components);
+  return MDXLayout ? jsxRuntimeExports.jsx(MDXLayout, Object.assign({}, props, {
+    children: jsxRuntimeExports.jsx(_createMdxContent, props)
+  })) : _createMdxContent();
+}
+export {
+  MDXContent as default
+};

package/storybook-build/assets/DocsRenderer-NNNQARDV-OgWasCIs.js

@@ -0,0 +1,44 @@
+const __vite__fileDeps=["./index-Clz-aGG3.js","./index-DM9bPmif.js","./_commonjsHelpers-LQfde5yM.js"],__vite__mapDeps=i=>i.map(i=>__vite__fileDeps[i]);
+import { _ as __vitePreload } from "./iframe-Dzzzanqi.js";
+import { R as React, r as reactExports } from "./index-DM9bPmif.js";
+import { r as renderElement, u as unmountElement } from "./react-18-B-gfo82w.js";
+import { C as CodeOrSourceMdx, A as AnchorMdx, H as HeadersMdx, D as Docs } from "./index-CU7cYjZD.js";
+import "../sb-preview/runtime.js";
+import "./_commonjsHelpers-LQfde5yM.js";
+import "./index-0FT4HXk-.js";
+import "./chunk-EIRT5I3Z-DFD8udmD.js";
+import "./index-B9Tccxv4.js";
+import "./index-ex9_VrIg.js";
+import "./index-BdOSk9or.js";
+var defaultComponents = { code: CodeOrSourceMdx, a: AnchorMdx, ...HeadersMdx }, ErrorBoundary = class extends reactExports.Component {
+  constructor() {
+    super(...arguments);
+    this.state = { hasError: false };
+  }
+  static getDerivedStateFromError() {
+    return { hasError: true };
+  }
+  componentDidCatch(err) {
+    let { showException } = this.props;
+    showException(err);
+  }
+  render() {
+    let { hasError } = this.state, { children } = this.props;
+    return hasError ? null : React.createElement(React.Fragment, null, children);
+  }
+}, DocsRenderer = class {
+  constructor() {
+    this.render = async (context, docsParameter, element) => {
+      let components = { ...defaultComponents, ...docsParameter == null ? void 0 : docsParameter.components }, TDocs = Docs;
+      return new Promise((resolve, reject) => {
+        __vitePreload(() => import("./index-Clz-aGG3.js"), true ? __vite__mapDeps([0,1,2]) : void 0, import.meta.url).then(({ MDXProvider }) => renderElement(React.createElement(ErrorBoundary, { showException: reject, key: Math.random() }, React.createElement(MDXProvider, { components }, React.createElement(TDocs, { context, docsParameter }))), element)).then(() => resolve());
+      });
+    }, this.unmount = (element) => {
+      unmountElement(element);
+    };
+  }
+};
+export {
+  DocsRenderer,
+  defaultComponents
+};

package/storybook-build/assets/Introduction-Bs1PgnBZ.js

@@ -0,0 +1,40 @@
+import { j as jsxRuntimeExports } from "./jsx-runtime-D2-sc1j1.js";
+import { M as Meta } from "./index-CU7cYjZD.js";
+import { useMDXComponents } from "./index-Clz-aGG3.js";
+import "./index-DM9bPmif.js";
+import "./_commonjsHelpers-LQfde5yM.js";
+import "./iframe-Dzzzanqi.js";
+import "../sb-preview/runtime.js";
+import "./chunk-EIRT5I3Z-DFD8udmD.js";
+import "./index-0FT4HXk-.js";
+import "./index-B9Tccxv4.js";
+import "./index-ex9_VrIg.js";
+import "./index-BdOSk9or.js";
+function _createMdxContent(props) {
+  const _components = Object.assign({
+    h1: "h1",
+    p: "p"
+  }, useMDXComponents(), props.components);
+  return jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
+    children: [jsxRuntimeExports.jsx(Meta, {
+      title: "guides/Introduction"
+    }), "\n", jsxRuntimeExports.jsx("img", {
+      src: "trepur-components-logo.png",
+      width: "200"
+    }), "\n", jsxRuntimeExports.jsx(_components.h1, {
+      id: "trepur-components",
+      children: "Trepur Components"
+    }), "\n", jsxRuntimeExports.jsx(_components.p, {
+      children: "Welcome to Trepur Components, the design system for Trepur Tech"
+    })]
+  });
+}
+function MDXContent(props = {}) {
+  const { wrapper: MDXLayout } = Object.assign({}, useMDXComponents(), props.components);
+  return MDXLayout ? jsxRuntimeExports.jsx(MDXLayout, Object.assign({}, props, {
+    children: jsxRuntimeExports.jsx(_createMdxContent, props)
+  })) : _createMdxContent(props);
+}
+export {
+  MDXContent as default
+};

package/storybook-build/assets/WithTooltip-V3YHNWJZ-vi2V5TOO.js

@@ -0,0 +1,15 @@
+import { W, W as W2, a } from "./index-CU7cYjZD.js";
+import "./iframe-Dzzzanqi.js";
+import "../sb-preview/runtime.js";
+import "./chunk-EIRT5I3Z-DFD8udmD.js";
+import "./index-DM9bPmif.js";
+import "./_commonjsHelpers-LQfde5yM.js";
+import "./index-0FT4HXk-.js";
+import "./index-B9Tccxv4.js";
+import "./index-ex9_VrIg.js";
+import "./index-BdOSk9or.js";
+export {
+  W as WithToolTipState,
+  W2 as WithTooltip,
+  a as WithTooltipPure
+};

package/storybook-build/assets/_commonjsHelpers-LQfde5yM.js

@@ -0,0 +1,35 @@
+var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
+function getDefaultExportFromCjs(x) {
+  return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
+}
+function getAugmentedNamespace(n) {
+  if (n.__esModule)
+    return n;
+  var f = n.default;
+  if (typeof f == "function") {
+    var a = function a2() {
+      if (this instanceof a2) {
+        return Reflect.construct(f, arguments, this.constructor);
+      }
+      return f.apply(this, arguments);
+    };
+    a.prototype = f.prototype;
+  } else
+    a = {};
+  Object.defineProperty(a, "__esModule", { value: true });
+  Object.keys(n).forEach(function(k) {
+    var d = Object.getOwnPropertyDescriptor(n, k);
+    Object.defineProperty(a, k, d.get ? d : {
+      enumerable: true,
+      get: function() {
+        return n[k];
+      }
+    });
+  });
+  return a;
+}
+export {
+  getAugmentedNamespace as a,
+  commonjsGlobal as c,
+  getDefaultExportFromCjs as g
+};