@getpara/react-components 2.0.0-dev.1 → 2.0.0-dev.3

package/dist/chunk-3GWWZKX7.js

@@ -0,0 +1,38 @@
+"use client";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+
+export {
+  __spreadValues,
+  __spreadProps,
+  __objRest
+};

package/dist/components/stencil-generated/index.js

@@ -0,0 +1,89 @@
+"use client";
+import "../../chunk-3GWWZKX7.js";
+import { createReactComponent } from "./react-component-lib/index.js";
+const CpslAlert = /* @__PURE__ */ createReactComponent("cpsl-alert");
+const CpslAppBar = /* @__PURE__ */ createReactComponent("cpsl-app-bar");
+const CpslAuthModal = /* @__PURE__ */ createReactComponent("cpsl-auth-modal");
+const CpslAvatar = /* @__PURE__ */ createReactComponent("cpsl-avatar");
+const CpslButton = /* @__PURE__ */ createReactComponent("cpsl-button");
+const CpslButtonGroup = /* @__PURE__ */ createReactComponent("cpsl-button-group");
+const CpslCard = /* @__PURE__ */ createReactComponent("cpsl-card");
+const CpslCheckbox = /* @__PURE__ */ createReactComponent("cpsl-checkbox");
+const CpslCodeInput = /* @__PURE__ */ createReactComponent("cpsl-code-input");
+const CpslCol = /* @__PURE__ */ createReactComponent("cpsl-col");
+const CpslDivider = /* @__PURE__ */ createReactComponent("cpsl-divider");
+const CpslDrawer = /* @__PURE__ */ createReactComponent("cpsl-drawer");
+const CpslDropdown = /* @__PURE__ */ createReactComponent("cpsl-dropdown");
+const CpslFileUpload = /* @__PURE__ */ createReactComponent("cpsl-file-upload");
+const CpslGrid = /* @__PURE__ */ createReactComponent("cpsl-grid");
+const CpslHero = /* @__PURE__ */ createReactComponent("cpsl-hero");
+const CpslIcon = /* @__PURE__ */ createReactComponent("cpsl-icon");
+const CpslIconGroup = /* @__PURE__ */ createReactComponent("cpsl-icon-group");
+const CpslIdenticon = /* @__PURE__ */ createReactComponent("cpsl-identicon");
+const CpslInfoBox = /* @__PURE__ */ createReactComponent("cpsl-info-box");
+const CpslInput = /* @__PURE__ */ createReactComponent("cpsl-input");
+const CpslModalV2 = /* @__PURE__ */ createReactComponent("cpsl-modal-v2");
+const CpslNavButton = /* @__PURE__ */ createReactComponent("cpsl-nav-button");
+const CpslNavButtonGroup = /* @__PURE__ */ createReactComponent("cpsl-nav-button-group");
+const CpslOverlay = /* @__PURE__ */ createReactComponent("cpsl-overlay");
+const CpslPagination = /* @__PURE__ */ createReactComponent("cpsl-pagination");
+const CpslPill = /* @__PURE__ */ createReactComponent("cpsl-pill");
+const CpslPopover = /* @__PURE__ */ createReactComponent("cpsl-popover");
+const CpslProgressIndicator = /* @__PURE__ */ createReactComponent("cpsl-progress-indicator");
+const CpslQrCode = /* @__PURE__ */ createReactComponent("cpsl-qr-code");
+const CpslRadio = /* @__PURE__ */ createReactComponent("cpsl-radio");
+const CpslRow = /* @__PURE__ */ createReactComponent("cpsl-row");
+const CpslSelect = /* @__PURE__ */ createReactComponent("cpsl-select");
+const CpslSelectItem = /* @__PURE__ */ createReactComponent("cpsl-select-item");
+const CpslSlideButton = /* @__PURE__ */ createReactComponent("cpsl-slide-button");
+const CpslSpinner = /* @__PURE__ */ createReactComponent("cpsl-spinner");
+const CpslSwitch = /* @__PURE__ */ createReactComponent("cpsl-switch");
+const CpslTab = /* @__PURE__ */ createReactComponent("cpsl-tab");
+const CpslTable = /* @__PURE__ */ createReactComponent("cpsl-table");
+const CpslTabs = /* @__PURE__ */ createReactComponent("cpsl-tabs");
+const CpslText = /* @__PURE__ */ createReactComponent("cpsl-text");
+const CpslTileButton = /* @__PURE__ */ createReactComponent("cpsl-tile-button");
+export {
+  CpslAlert,
+  CpslAppBar,
+  CpslAuthModal,
+  CpslAvatar,
+  CpslButton,
+  CpslButtonGroup,
+  CpslCard,
+  CpslCheckbox,
+  CpslCodeInput,
+  CpslCol,
+  CpslDivider,
+  CpslDrawer,
+  CpslDropdown,
+  CpslFileUpload,
+  CpslGrid,
+  CpslHero,
+  CpslIcon,
+  CpslIconGroup,
+  CpslIdenticon,
+  CpslInfoBox,
+  CpslInput,
+  CpslModalV2,
+  CpslNavButton,
+  CpslNavButtonGroup,
+  CpslOverlay,
+  CpslPagination,
+  CpslPill,
+  CpslPopover,
+  CpslProgressIndicator,
+  CpslQrCode,
+  CpslRadio,
+  CpslRow,
+  CpslSelect,
+  CpslSelectItem,
+  CpslSlideButton,
+  CpslSpinner,
+  CpslSwitch,
+  CpslTab,
+  CpslTable,
+  CpslTabs,
+  CpslText,
+  CpslTileButton
+};

package/dist/components/stencil-generated/react-component-lib/createComponent.js

@@ -0,0 +1,64 @@
+"use client";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "../../../chunk-3GWWZKX7.js";
+import React, { createElement } from "react";
+import { attachProps, camelToDashCase, createForwardRef, dashToPascalCase, isCoveredByReact, mergeRefs } from "./utils/index.js";
+const createReactComponent = (tagName, ReactComponentContext, manipulatePropsFunction, defineCustomElement) => {
+  if (defineCustomElement !== void 0) {
+    defineCustomElement();
+  }
+  const displayName = dashToPascalCase(tagName);
+  const ReactComponent = class extends React.Component {
+    constructor(props) {
+      super(props);
+      this.setComponentElRef = (element) => {
+        this.componentEl = element;
+      };
+    }
+    componentDidMount() {
+      this.componentDidUpdate(this.props);
+    }
+    componentDidUpdate(prevProps) {
+      attachProps(this.componentEl, this.props, prevProps);
+    }
+    render() {
+      const _a = this.props, { children, forwardedRef, style, className, ref } = _a, cProps = __objRest(_a, ["children", "forwardedRef", "style", "className", "ref"]);
+      let propsToPass = Object.keys(cProps).reduce((acc, name) => {
+        const value = cProps[name];
+        if (name.indexOf("on") === 0 && name[2] === name[2].toUpperCase()) {
+          const eventName = name.substring(2).toLowerCase();
+          if (typeof document !== "undefined" && isCoveredByReact(eventName)) {
+            acc[name] = value;
+          }
+        } else {
+          const type = typeof value;
+          if (type === "string" || type === "boolean" || type === "number") {
+            acc[camelToDashCase(name)] = value;
+          }
+        }
+        return acc;
+      }, {});
+      if (manipulatePropsFunction) {
+        propsToPass = manipulatePropsFunction(this.props, propsToPass);
+      }
+      const newProps = __spreadProps(__spreadValues({}, propsToPass), {
+        ref: mergeRefs(forwardedRef, this.setComponentElRef),
+        style
+      });
+      return createElement(tagName, newProps, children);
+    }
+    static get displayName() {
+      return displayName;
+    }
+  };
+  if (ReactComponentContext) {
+    ReactComponent.contextType = ReactComponentContext;
+  }
+  return createForwardRef(ReactComponent, displayName);
+};
+export {
+  createReactComponent
+};

package/dist/components/stencil-generated/react-component-lib/index.js

@@ -0,0 +1,6 @@
+"use client";
+import "../../../chunk-3GWWZKX7.js";
+import { createReactComponent } from "./createComponent.js";
+export {
+  createReactComponent
+};

package/dist/components/stencil-generated/react-component-lib/interfaces.js

@@ -0,0 +1 @@
+"use client";

package/dist/components/stencil-generated/react-component-lib/utils/attachProps.js

@@ -0,0 +1,99 @@
+"use client";
+import "../../../../chunk-3GWWZKX7.js";
+import { camelToDashCase } from "./case.js";
+const attachProps = (node, newProps, oldProps = {}) => {
+  if (node instanceof Element) {
+    const className = getClassName(node.classList, newProps, oldProps);
+    if (className !== "") {
+      node.className = className;
+    }
+    Object.keys(newProps).forEach((name) => {
+      if (name === "children" || name === "style" || name === "ref" || name === "class" || name === "className" || name === "forwardedRef") {
+        return;
+      }
+      if (name.indexOf("on") === 0 && name[2] === name[2].toUpperCase()) {
+        const eventName = name.substring(2);
+        const eventNameLc = eventName[0].toLowerCase() + eventName.substring(1);
+        if (!isCoveredByReact(eventNameLc)) {
+          syncEvent(node, eventNameLc, newProps[name]);
+        }
+      } else {
+        node[name] = newProps[name];
+        const propType = typeof newProps[name];
+        if (propType === "string") {
+          node.setAttribute(camelToDashCase(name), newProps[name]);
+        }
+      }
+    });
+  }
+};
+const getClassName = (classList, newProps, oldProps) => {
+  const newClassProp = newProps.className || newProps.class;
+  const oldClassProp = oldProps.className || oldProps.class;
+  const currentClasses = arrayToMap(classList);
+  const incomingPropClasses = arrayToMap(newClassProp ? newClassProp.split(" ") : []);
+  const oldPropClasses = arrayToMap(oldClassProp ? oldClassProp.split(" ") : []);
+  const finalClassNames = [];
+  currentClasses.forEach((currentClass) => {
+    if (incomingPropClasses.has(currentClass)) {
+      finalClassNames.push(currentClass);
+      incomingPropClasses.delete(currentClass);
+    } else if (!oldPropClasses.has(currentClass)) {
+      finalClassNames.push(currentClass);
+    }
+  });
+  incomingPropClasses.forEach((s) => finalClassNames.push(s));
+  return finalClassNames.join(" ");
+};
+const transformReactEventName = (eventNameSuffix) => {
+  switch (eventNameSuffix) {
+    case "doubleclick":
+      return "dblclick";
+  }
+  return eventNameSuffix;
+};
+/**
+ * Checks if an event is supported in the current execution environment.
+ * @license Modernizr 3.0.0pre (Custom Build) | MIT
+ */
+const isCoveredByReact = (eventNameSuffix) => {
+  if (typeof document === "undefined") {
+    return true;
+  } else {
+    const eventName = "on" + transformReactEventName(eventNameSuffix);
+    let isSupported = eventName in document;
+    if (!isSupported) {
+      const element = document.createElement("div");
+      element.setAttribute(eventName, "return;");
+      isSupported = typeof element[eventName] === "function";
+    }
+    return isSupported;
+  }
+};
+const syncEvent = (node, eventName, newEventHandler) => {
+  const eventStore = node.__events || (node.__events = {});
+  const oldEventHandler = eventStore[eventName];
+  if (oldEventHandler) {
+    node.removeEventListener(eventName, oldEventHandler);
+  }
+  node.addEventListener(
+    eventName,
+    eventStore[eventName] = function handler(e) {
+      if (newEventHandler) {
+        newEventHandler.call(this, e);
+      }
+    }
+  );
+};
+const arrayToMap = (arr) => {
+  const map = /* @__PURE__ */ new Map();
+  arr.forEach((s) => map.set(s, s));
+  return map;
+};
+export {
+  attachProps,
+  getClassName,
+  isCoveredByReact,
+  syncEvent,
+  transformReactEventName
+};

package/dist/components/stencil-generated/react-component-lib/utils/case.js

@@ -0,0 +1,8 @@
+"use client";
+import "../../../../chunk-3GWWZKX7.js";
+const dashToPascalCase = (str) => str.toLowerCase().split("-").map((segment) => segment.charAt(0).toUpperCase() + segment.slice(1)).join("");
+const camelToDashCase = (str) => str.replace(/([A-Z])/g, (m) => `-${m[0].toLowerCase()}`);
+export {
+  camelToDashCase,
+  dashToPascalCase
+};

package/dist/components/stencil-generated/react-component-lib/utils/dev.js

@@ -0,0 +1,18 @@
+"use client";
+import "../../../../chunk-3GWWZKX7.js";
+const isDevMode = () => {
+  return process && process.env && true;
+};
+const warnings = {};
+const deprecationWarning = (key, message) => {
+  if (isDevMode()) {
+    if (!warnings[key]) {
+      console.warn(message);
+      warnings[key] = true;
+    }
+  }
+};
+export {
+  deprecationWarning,
+  isDevMode
+};

package/dist/components/stencil-generated/react-component-lib/utils/index.js

@@ -0,0 +1,40 @@
+"use client";
+import {
+  __spreadProps,
+  __spreadValues
+} from "../../../../chunk-3GWWZKX7.js";
+import React from "react";
+const setRef = (ref, value) => {
+  if (typeof ref === "function") {
+    ref(value);
+  } else if (ref != null) {
+    ref.current = value;
+  }
+};
+const mergeRefs = (...refs) => {
+  return (value) => {
+    refs.forEach((ref) => {
+      setRef(ref, value);
+    });
+  };
+};
+const createForwardRef = (ReactComponent, displayName) => {
+  const forwardRef = (props, ref) => {
+    return /* @__PURE__ */ React.createElement(ReactComponent, __spreadProps(__spreadValues({}, props), { forwardedRef: ref }));
+  };
+  forwardRef.displayName = displayName;
+  return React.forwardRef(forwardRef);
+};
+const defineCustomElement = (tagName, customElement) => {
+  if (customElement !== void 0 && typeof customElements !== "undefined" && !customElements.get(tagName)) {
+    customElements.define(tagName, customElement);
+  }
+};
+export * from "./attachProps.js";
+export * from "./case.js";
+export {
+  createForwardRef,
+  defineCustomElement,
+  mergeRefs,
+  setRef
+};

package/dist/declaration.d.js

@@ -0,0 +1 @@
+"use client";

package/dist/index.js

@@ -1,305 +1,9 @@
 "use client";
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-
-// lib/components/stencil-generated/react-component-lib/createComponent.tsx
-import React2, { createElement } from "react";
-
-// lib/components/stencil-generated/react-component-lib/utils/index.tsx
-import React from "react";
-
-// lib/components/stencil-generated/react-component-lib/utils/case.ts
-var dashToPascalCase = (str) => str.toLowerCase().split("-").map((segment) => segment.charAt(0).toUpperCase() + segment.slice(1)).join("");
-var camelToDashCase = (str) => str.replace(/([A-Z])/g, (m) => `-${m[0].toLowerCase()}`);
-
-// lib/components/stencil-generated/react-component-lib/utils/attachProps.ts
-var attachProps = (node, newProps, oldProps = {}) => {
-  if (node instanceof Element) {
-    const className = getClassName(node.classList, newProps, oldProps);
-    if (className !== "") {
-      node.className = className;
-    }
-    Object.keys(newProps).forEach((name) => {
-      if (name === "children" || name === "style" || name === "ref" || name === "class" || name === "className" || name === "forwardedRef") {
-        return;
-      }
-      if (name.indexOf("on") === 0 && name[2] === name[2].toUpperCase()) {
-        const eventName = name.substring(2);
-        const eventNameLc = eventName[0].toLowerCase() + eventName.substring(1);
-        if (!isCoveredByReact(eventNameLc)) {
-          syncEvent(node, eventNameLc, newProps[name]);
-        }
-      } else {
-        node[name] = newProps[name];
-        const propType = typeof newProps[name];
-        if (propType === "string") {
-          node.setAttribute(camelToDashCase(name), newProps[name]);
-        }
-      }
-    });
-  }
-};
-var getClassName = (classList, newProps, oldProps) => {
-  const newClassProp = newProps.className || newProps.class;
-  const oldClassProp = oldProps.className || oldProps.class;
-  const currentClasses = arrayToMap(classList);
-  const incomingPropClasses = arrayToMap(newClassProp ? newClassProp.split(" ") : []);
-  const oldPropClasses = arrayToMap(oldClassProp ? oldClassProp.split(" ") : []);
-  const finalClassNames = [];
-  currentClasses.forEach((currentClass) => {
-    if (incomingPropClasses.has(currentClass)) {
-      finalClassNames.push(currentClass);
-      incomingPropClasses.delete(currentClass);
-    } else if (!oldPropClasses.has(currentClass)) {
-      finalClassNames.push(currentClass);
-    }
-  });
-  incomingPropClasses.forEach((s) => finalClassNames.push(s));
-  return finalClassNames.join(" ");
-};
-var transformReactEventName = (eventNameSuffix) => {
-  switch (eventNameSuffix) {
-    case "doubleclick":
-      return "dblclick";
-  }
-  return eventNameSuffix;
-};
-var isCoveredByReact = (eventNameSuffix) => {
-  if (typeof document === "undefined") {
-    return true;
-  } else {
-    const eventName = "on" + transformReactEventName(eventNameSuffix);
-    let isSupported = eventName in document;
-    if (!isSupported) {
-      const element = document.createElement("div");
-      element.setAttribute(eventName, "return;");
-      isSupported = typeof element[eventName] === "function";
-    }
-    return isSupported;
-  }
-};
-var syncEvent = (node, eventName, newEventHandler) => {
-  const eventStore = node.__events || (node.__events = {});
-  const oldEventHandler = eventStore[eventName];
-  if (oldEventHandler) {
-    node.removeEventListener(eventName, oldEventHandler);
-  }
-  node.addEventListener(
-    eventName,
-    eventStore[eventName] = function handler(e) {
-      if (newEventHandler) {
-        newEventHandler.call(this, e);
-      }
-    }
-  );
-};
-var arrayToMap = (arr) => {
-  const map = /* @__PURE__ */ new Map();
-  arr.forEach((s) => map.set(s, s));
-  return map;
-};
-
-// lib/components/stencil-generated/react-component-lib/utils/index.tsx
-var setRef = (ref, value) => {
-  if (typeof ref === "function") {
-    ref(value);
-  } else if (ref != null) {
-    ref.current = value;
-  }
-};
-var mergeRefs = (...refs) => {
-  return (value) => {
-    refs.forEach((ref) => {
-      setRef(ref, value);
-    });
-  };
-};
-var createForwardRef = (ReactComponent, displayName) => {
-  const forwardRef = (props, ref) => {
-    return /* @__PURE__ */ React.createElement(ReactComponent, __spreadProps(__spreadValues({}, props), { forwardedRef: ref }));
-  };
-  forwardRef.displayName = displayName;
-  return React.forwardRef(forwardRef);
-};
-
-// lib/components/stencil-generated/react-component-lib/createComponent.tsx
-var createReactComponent = (tagName, ReactComponentContext, manipulatePropsFunction, defineCustomElement) => {
-  if (defineCustomElement !== void 0) {
-    defineCustomElement();
-  }
-  const displayName = dashToPascalCase(tagName);
-  const ReactComponent = class extends React2.Component {
-    constructor(props) {
-      super(props);
-      this.setComponentElRef = (element) => {
-        this.componentEl = element;
-      };
-    }
-    componentDidMount() {
-      this.componentDidUpdate(this.props);
-    }
-    componentDidUpdate(prevProps) {
-      attachProps(this.componentEl, this.props, prevProps);
-    }
-    render() {
-      const _a = this.props, { children, forwardedRef, style, className, ref } = _a, cProps = __objRest(_a, ["children", "forwardedRef", "style", "className", "ref"]);
-      let propsToPass = Object.keys(cProps).reduce((acc, name) => {
-        const value = cProps[name];
-        if (name.indexOf("on") === 0 && name[2] === name[2].toUpperCase()) {
-          const eventName = name.substring(2).toLowerCase();
-          if (typeof document !== "undefined" && isCoveredByReact(eventName)) {
-            acc[name] = value;
-          }
-        } else {
-          const type = typeof value;
-          if (type === "string" || type === "boolean" || type === "number") {
-            acc[camelToDashCase(name)] = value;
-          }
-        }
-        return acc;
-      }, {});
-      if (manipulatePropsFunction) {
-        propsToPass = manipulatePropsFunction(this.props, propsToPass);
-      }
-      const newProps = __spreadProps(__spreadValues({}, propsToPass), {
-        ref: mergeRefs(forwardedRef, this.setComponentElRef),
-        style
-      });
-      return createElement(tagName, newProps, children);
-    }
-    static get displayName() {
-      return displayName;
-    }
-  };
-  if (ReactComponentContext) {
-    ReactComponent.contextType = ReactComponentContext;
-  }
-  return createForwardRef(ReactComponent, displayName);
-};
-
-// lib/components/stencil-generated/index.ts
-var CpslAlert = /* @__PURE__ */ createReactComponent("cpsl-alert");
-var CpslAppBar = /* @__PURE__ */ createReactComponent("cpsl-app-bar");
-var CpslAuthModal = /* @__PURE__ */ createReactComponent("cpsl-auth-modal");
-var CpslAvatar = /* @__PURE__ */ createReactComponent("cpsl-avatar");
-var CpslButton = /* @__PURE__ */ createReactComponent("cpsl-button");
-var CpslButtonGroup = /* @__PURE__ */ createReactComponent("cpsl-button-group");
-var CpslCard = /* @__PURE__ */ createReactComponent("cpsl-card");
-var CpslCheckbox = /* @__PURE__ */ createReactComponent("cpsl-checkbox");
-var CpslCodeInput = /* @__PURE__ */ createReactComponent("cpsl-code-input");
-var CpslCol = /* @__PURE__ */ createReactComponent("cpsl-col");
-var CpslDivider = /* @__PURE__ */ createReactComponent("cpsl-divider");
-var CpslDrawer = /* @__PURE__ */ createReactComponent("cpsl-drawer");
-var CpslDropdown = /* @__PURE__ */ createReactComponent("cpsl-dropdown");
-var CpslFileUpload = /* @__PURE__ */ createReactComponent("cpsl-file-upload");
-var CpslGrid = /* @__PURE__ */ createReactComponent("cpsl-grid");
-var CpslHero = /* @__PURE__ */ createReactComponent("cpsl-hero");
-var CpslIcon = /* @__PURE__ */ createReactComponent("cpsl-icon");
-var CpslIconGroup = /* @__PURE__ */ createReactComponent("cpsl-icon-group");
-var CpslIdenticon = /* @__PURE__ */ createReactComponent("cpsl-identicon");
-var CpslInfoBox = /* @__PURE__ */ createReactComponent("cpsl-info-box");
-var CpslInput = /* @__PURE__ */ createReactComponent("cpsl-input");
-var CpslModalV2 = /* @__PURE__ */ createReactComponent("cpsl-modal-v2");
-var CpslNavButton = /* @__PURE__ */ createReactComponent("cpsl-nav-button");
-var CpslNavButtonGroup = /* @__PURE__ */ createReactComponent("cpsl-nav-button-group");
-var CpslOverlay = /* @__PURE__ */ createReactComponent("cpsl-overlay");
-var CpslPagination = /* @__PURE__ */ createReactComponent("cpsl-pagination");
-var CpslPill = /* @__PURE__ */ createReactComponent("cpsl-pill");
-var CpslPopover = /* @__PURE__ */ createReactComponent("cpsl-popover");
-var CpslProgressIndicator = /* @__PURE__ */ createReactComponent("cpsl-progress-indicator");
-var CpslQrCode = /* @__PURE__ */ createReactComponent("cpsl-qr-code");
-var CpslRadio = /* @__PURE__ */ createReactComponent("cpsl-radio");
-var CpslRow = /* @__PURE__ */ createReactComponent("cpsl-row");
-var CpslSelect = /* @__PURE__ */ createReactComponent("cpsl-select");
-var CpslSelectItem = /* @__PURE__ */ createReactComponent("cpsl-select-item");
-var CpslSlideButton = /* @__PURE__ */ createReactComponent("cpsl-slide-button");
-var CpslSpinner = /* @__PURE__ */ createReactComponent("cpsl-spinner");
-var CpslSwitch = /* @__PURE__ */ createReactComponent("cpsl-switch");
-var CpslTab = /* @__PURE__ */ createReactComponent("cpsl-tab");
-var CpslTable = /* @__PURE__ */ createReactComponent("cpsl-table");
-var CpslTabs = /* @__PURE__ */ createReactComponent("cpsl-tabs");
-var CpslText = /* @__PURE__ */ createReactComponent("cpsl-text");
-var CpslTileButton = /* @__PURE__ */ createReactComponent("cpsl-tile-button");
-
-// lib/index.ts
+import "./chunk-3GWWZKX7.js";
+export * from "./components/stencil-generated/index.js";
 import { defineCustomElements } from "@getpara/core-components";
 import { generateTheme } from "@getpara/core-components";
 export {
-  CpslAlert,
-  CpslAppBar,
-  CpslAuthModal,
-  CpslAvatar,
-  CpslButton,
-  CpslButtonGroup,
-  CpslCard,
-  CpslCheckbox,
-  CpslCodeInput,
-  CpslCol,
-  CpslDivider,
-  CpslDrawer,
-  CpslDropdown,
-  CpslFileUpload,
-  CpslGrid,
-  CpslHero,
-  CpslIcon,
-  CpslIconGroup,
-  CpslIdenticon,
-  CpslInfoBox,
-  CpslInput,
-  CpslModalV2,
-  CpslNavButton,
-  CpslNavButtonGroup,
-  CpslOverlay,
-  CpslPagination,
-  CpslPill,
-  CpslPopover,
-  CpslProgressIndicator,
-  CpslQrCode,
-  CpslRadio,
-  CpslRow,
-  CpslSelect,
-  CpslSelectItem,
-  CpslSlideButton,
-  CpslSpinner,
-  CpslSwitch,
-  CpslTab,
-  CpslTable,
-  CpslTabs,
-  CpslText,
-  CpslTileButton,
   defineCustomElements,
   generateTheme
 };
-/**
- * Checks if an event is supported in the current execution environment.
- * @license Modernizr 3.0.0pre (Custom Build) | MIT
- */

package/dist/package.json

@@ -0,0 +1,6 @@
+{
+  "type": "module",
+  "sideEffects": [
+    "*.css"
+  ]
+}

package/dist/types/components/stencil-generated/index.d.ts

@@ -1,43 +1,42 @@
-import type { JSX } from '@getpara/core-components';
-export declare const CpslAlert: import("react").ForwardRefExoticComponent<JSX.CpslAlert & Omit<import("react").HTMLAttributes<HTMLCpslAlertElement>, "style"> & import("./react-component-lib/interfaces.js").StyleReactProps & import("react").RefAttributes<HTMLCpslAlertElement>>;
-export declare const CpslAppBar: import("react").ForwardRefExoticComponent<JSX.CpslAppBar & Omit<import("react").HTMLAttributes<HTMLCpslAppBarElement>, "style"> & import("./react-component-lib/interfaces.js").StyleReactProps & import("react").RefAttributes<HTMLCpslAppBarElement>>;
-export declare const CpslAuthModal: import("react").ForwardRefExoticComponent<JSX.CpslAuthModal & Omit<import("react").HTMLAttributes<HTMLCpslAuthModalElement>, "style"> & import("./react-component-lib/interfaces.js").StyleReactProps & import("react").RefAttributes<HTMLCpslAuthModalElement>>;
-export declare const CpslAvatar: import("react").ForwardRefExoticComponent<JSX.CpslAvatar & Omit<import("react").HTMLAttributes<HTMLCpslAvatarElement>, "style"> & import("./react-component-lib/interfaces.js").StyleReactProps & import("react").RefAttributes<HTMLCpslAvatarElement>>;
-export declare const CpslButton: import("react").ForwardRefExoticComponent<JSX.CpslButton & Omit<import("react").HTMLAttributes<HTMLCpslButtonElement>, "style"> & import("./react-component-lib/interfaces.js").StyleReactProps & import("react").RefAttributes<HTMLCpslButtonElement>>;
-export declare const CpslButtonGroup: import("react").ForwardRefExoticComponent<JSX.CpslButtonGroup & Omit<import("react").HTMLAttributes<HTMLCpslButtonGroupElement>, "style"> & import("./react-component-lib/interfaces.js").StyleReactProps & import("react").RefAttributes<HTMLCpslButtonGroupElement>>;
-export declare const CpslCard: import("react").ForwardRefExoticComponent<JSX.CpslCard & Omit<import("react").HTMLAttributes<HTMLCpslCardElement>, "style"> & import("./react-component-lib/interfaces.js").StyleReactProps & import("react").RefAttributes<HTMLCpslCardElement>>;
-export declare const CpslCheckbox: import("react").ForwardRefExoticComponent<JSX.CpslCheckbox & Omit<import("react").HTMLAttributes<HTMLCpslCheckboxElement>, "style"> & import("./react-component-lib/interfaces.js").StyleReactProps & import("react").RefAttributes<HTMLCpslCheckboxElement>>;
-export declare const CpslCodeInput: import("react").ForwardRefExoticComponent<JSX.CpslCodeInput & Omit<import("react").HTMLAttributes<HTMLCpslCodeInputElement>, "style"> & import("./react-component-lib/interfaces.js").StyleReactProps & import("react").RefAttributes<HTMLCpslCodeInputElement>>;
-export declare const CpslCol: import("react").ForwardRefExoticComponent<JSX.CpslCol & Omit<import("react").HTMLAttributes<HTMLCpslColElement>, "style"> & import("./react-component-lib/interfaces.js").StyleReactProps & import("react").RefAttributes<HTMLCpslColElement>>;
-export declare const CpslDivider: import("react").ForwardRefExoticComponent<JSX.CpslDivider & Omit<import("react").HTMLAttributes<HTMLCpslDividerElement>, "style"> & import("./react-component-lib/interfaces.js").StyleReactProps & import("react").RefAttributes<HTMLCpslDividerElement>>;
-export declare const CpslDrawer: import("react").ForwardRefExoticComponent<JSX.CpslDrawer & Omit<import("react").HTMLAttributes<HTMLCpslDrawerElement>, "style"> & import("./react-component-lib/interfaces.js").StyleReactProps & import("react").RefAttributes<HTMLCpslDrawerElement>>;
-export declare const CpslDropdown: import("react").ForwardRefExoticComponent<JSX.CpslDropdown & Omit<import("react").HTMLAttributes<HTMLCpslDropdownElement>, "style"> & import("./react-component-lib/interfaces.js").StyleReactProps & import("react").RefAttributes<HTMLCpslDropdownElement>>;
-export declare const CpslFileUpload: import("react").ForwardRefExoticComponent<JSX.CpslFileUpload & Omit<import("react").HTMLAttributes<HTMLCpslFileUploadElement>, "style"> & import("./react-component-lib/interfaces.js").StyleReactProps & import("react").RefAttributes<HTMLCpslFileUploadElement>>;
-export declare const CpslGrid: import("react").ForwardRefExoticComponent<JSX.CpslGrid & Omit<import("react").HTMLAttributes<HTMLCpslGridElement>, "style"> & import("./react-component-lib/interfaces.js").StyleReactProps & import("react").RefAttributes<HTMLCpslGridElement>>;
-export declare const CpslHero: import("react").ForwardRefExoticComponent<JSX.CpslHero & Omit<import("react").HTMLAttributes<HTMLCpslHeroElement>, "style"> & import("./react-component-lib/interfaces.js").StyleReactProps & import("react").RefAttributes<HTMLCpslHeroElement>>;
-export declare const CpslIcon: import("react").ForwardRefExoticComponent<JSX.CpslIcon & Omit<import("react").HTMLAttributes<HTMLCpslIconElement>, "style"> & import("./react-component-lib/interfaces.js").StyleReactProps & import("react").RefAttributes<HTMLCpslIconElement>>;
-export declare const CpslIconGroup: import("react").ForwardRefExoticComponent<JSX.CpslIconGroup & Omit<import("react").HTMLAttributes<HTMLCpslIconGroupElement>, "style"> & import("./react-component-lib/interfaces.js").StyleReactProps & import("react").RefAttributes<HTMLCpslIconGroupElement>>;
-export declare const CpslIdenticon: import("react").ForwardRefExoticComponent<JSX.CpslIdenticon & Omit<import("react").HTMLAttributes<HTMLCpslIdenticonElement>, "style"> & import("./react-component-lib/interfaces.js").StyleReactProps & import("react").RefAttributes<HTMLCpslIdenticonElement>>;
-export declare const CpslInfoBox: import("react").ForwardRefExoticComponent<JSX.CpslInfoBox & Omit<import("react").HTMLAttributes<HTMLCpslInfoBoxElement>, "style"> & import("./react-component-lib/interfaces.js").StyleReactProps & import("react").RefAttributes<HTMLCpslInfoBoxElement>>;
-export declare const CpslInput: import("react").ForwardRefExoticComponent<JSX.CpslInput & Omit<import("react").HTMLAttributes<HTMLCpslInputElement>, "style"> & import("./react-component-lib/interfaces.js").StyleReactProps & import("react").RefAttributes<HTMLCpslInputElement>>;
-export declare const CpslModalV2: import("react").ForwardRefExoticComponent<JSX.CpslModalV2 & Omit<import("react").HTMLAttributes<HTMLCpslModalV2Element>, "style"> & import("./react-component-lib/interfaces.js").StyleReactProps & import("react").RefAttributes<HTMLCpslModalV2Element>>;
-export declare const CpslNavButton: import("react").ForwardRefExoticComponent<JSX.CpslNavButton & Omit<import("react").HTMLAttributes<HTMLCpslNavButtonElement>, "style"> & import("./react-component-lib/interfaces.js").StyleReactProps & import("react").RefAttributes<HTMLCpslNavButtonElement>>;
-export declare const CpslNavButtonGroup: import("react").ForwardRefExoticComponent<JSX.CpslNavButtonGroup & Omit<import("react").HTMLAttributes<HTMLCpslNavButtonGroupElement>, "style"> & import("./react-component-lib/interfaces.js").StyleReactProps & import("react").RefAttributes<HTMLCpslNavButtonGroupElement>>;
-export declare const CpslOverlay: import("react").ForwardRefExoticComponent<JSX.CpslOverlay & Omit<import("react").HTMLAttributes<HTMLCpslOverlayElement>, "style"> & import("./react-component-lib/interfaces.js").StyleReactProps & import("react").RefAttributes<HTMLCpslOverlayElement>>;
-export declare const CpslPagination: import("react").ForwardRefExoticComponent<JSX.CpslPagination & Omit<import("react").HTMLAttributes<HTMLCpslPaginationElement>, "style"> & import("./react-component-lib/interfaces.js").StyleReactProps & import("react").RefAttributes<HTMLCpslPaginationElement>>;
-export declare const CpslPill: import("react").ForwardRefExoticComponent<JSX.CpslPill & Omit<import("react").HTMLAttributes<HTMLCpslPillElement>, "style"> & import("./react-component-lib/interfaces.js").StyleReactProps & import("react").RefAttributes<HTMLCpslPillElement>>;
-export declare const CpslPopover: import("react").ForwardRefExoticComponent<JSX.CpslPopover & Omit<import("react").HTMLAttributes<HTMLCpslPopoverElement>, "style"> & import("./react-component-lib/interfaces.js").StyleReactProps & import("react").RefAttributes<HTMLCpslPopoverElement>>;
-export declare const CpslProgressIndicator: import("react").ForwardRefExoticComponent<JSX.CpslProgressIndicator & Omit<import("react").HTMLAttributes<HTMLCpslProgressIndicatorElement>, "style"> & import("./react-component-lib/interfaces.js").StyleReactProps & import("react").RefAttributes<HTMLCpslProgressIndicatorElement>>;
-export declare const CpslQrCode: import("react").ForwardRefExoticComponent<JSX.CpslQrCode & Omit<import("react").HTMLAttributes<HTMLCpslQrCodeElement>, "style"> & import("./react-component-lib/interfaces.js").StyleReactProps & import("react").RefAttributes<HTMLCpslQrCodeElement>>;
-export declare const CpslRadio: import("react").ForwardRefExoticComponent<JSX.CpslRadio & Omit<import("react").HTMLAttributes<HTMLCpslRadioElement>, "style"> & import("./react-component-lib/interfaces.js").StyleReactProps & import("react").RefAttributes<HTMLCpslRadioElement>>;
-export declare const CpslRow: import("react").ForwardRefExoticComponent<JSX.CpslRow & Omit<import("react").HTMLAttributes<HTMLCpslRowElement>, "style"> & import("./react-component-lib/interfaces.js").StyleReactProps & import("react").RefAttributes<HTMLCpslRowElement>>;
-export declare const CpslSelect: import("react").ForwardRefExoticComponent<JSX.CpslSelect & Omit<import("react").HTMLAttributes<HTMLCpslSelectElement>, "style"> & import("./react-component-lib/interfaces.js").StyleReactProps & import("react").RefAttributes<HTMLCpslSelectElement>>;
-export declare const CpslSelectItem: import("react").ForwardRefExoticComponent<JSX.CpslSelectItem & Omit<import("react").HTMLAttributes<HTMLCpslSelectItemElement>, "style"> & import("./react-component-lib/interfaces.js").StyleReactProps & import("react").RefAttributes<HTMLCpslSelectItemElement>>;
-export declare const CpslSlideButton: import("react").ForwardRefExoticComponent<JSX.CpslSlideButton & Omit<import("react").HTMLAttributes<HTMLCpslSlideButtonElement>, "style"> & import("./react-component-lib/interfaces.js").StyleReactProps & import("react").RefAttributes<HTMLCpslSlideButtonElement>>;
-export declare const CpslSpinner: import("react").ForwardRefExoticComponent<JSX.CpslSpinner & Omit<import("react").HTMLAttributes<HTMLCpslSpinnerElement>, "style"> & import("./react-component-lib/interfaces.js").StyleReactProps & import("react").RefAttributes<HTMLCpslSpinnerElement>>;
-export declare const CpslSwitch: import("react").ForwardRefExoticComponent<JSX.CpslSwitch & Omit<import("react").HTMLAttributes<HTMLCpslSwitchElement>, "style"> & import("./react-component-lib/interfaces.js").StyleReactProps & import("react").RefAttributes<HTMLCpslSwitchElement>>;
-export declare const CpslTab: import("react").ForwardRefExoticComponent<JSX.CpslTab & Omit<import("react").HTMLAttributes<HTMLCpslTabElement>, "style"> & import("./react-component-lib/interfaces.js").StyleReactProps & import("react").RefAttributes<HTMLCpslTabElement>>;
-export declare const CpslTable: import("react").ForwardRefExoticComponent<JSX.CpslTable & Omit<import("react").HTMLAttributes<HTMLCpslTableElement>, "style"> & import("./react-component-lib/interfaces.js").StyleReactProps & import("react").RefAttributes<HTMLCpslTableElement>>;
-export declare const CpslTabs: import("react").ForwardRefExoticComponent<JSX.CpslTabs & Omit<import("react").HTMLAttributes<HTMLCpslTabsElement>, "style"> & import("./react-component-lib/interfaces.js").StyleReactProps & import("react").RefAttributes<HTMLCpslTabsElement>>;
-export declare const CpslText: import("react").ForwardRefExoticComponent<JSX.CpslText & Omit<import("react").HTMLAttributes<HTMLCpslTextElement>, "style"> & import("./react-component-lib/interfaces.js").StyleReactProps & import("react").RefAttributes<HTMLCpslTextElement>>;
-export declare const CpslTileButton: import("react").ForwardRefExoticComponent<JSX.CpslTileButton & Omit<import("react").HTMLAttributes<HTMLCpslTileButtonElement>, "style"> & import("./react-component-lib/interfaces.js").StyleReactProps & import("react").RefAttributes<HTMLCpslTileButtonElement>>;
+export declare const CpslAlert: import("react").ForwardRefExoticComponent<Omit<any, "ref"> & import("react").RefAttributes<any>>;
+export declare const CpslAppBar: import("react").ForwardRefExoticComponent<Omit<any, "ref"> & import("react").RefAttributes<any>>;
+export declare const CpslAuthModal: import("react").ForwardRefExoticComponent<Omit<any, "ref"> & import("react").RefAttributes<any>>;
+export declare const CpslAvatar: import("react").ForwardRefExoticComponent<Omit<any, "ref"> & import("react").RefAttributes<any>>;
+export declare const CpslButton: import("react").ForwardRefExoticComponent<Omit<any, "ref"> & import("react").RefAttributes<any>>;
+export declare const CpslButtonGroup: import("react").ForwardRefExoticComponent<Omit<any, "ref"> & import("react").RefAttributes<any>>;
+export declare const CpslCard: import("react").ForwardRefExoticComponent<Omit<any, "ref"> & import("react").RefAttributes<any>>;
+export declare const CpslCheckbox: import("react").ForwardRefExoticComponent<Omit<any, "ref"> & import("react").RefAttributes<any>>;
+export declare const CpslCodeInput: import("react").ForwardRefExoticComponent<Omit<any, "ref"> & import("react").RefAttributes<any>>;
+export declare const CpslCol: import("react").ForwardRefExoticComponent<Omit<any, "ref"> & import("react").RefAttributes<any>>;
+export declare const CpslDivider: import("react").ForwardRefExoticComponent<Omit<any, "ref"> & import("react").RefAttributes<any>>;
+export declare const CpslDrawer: import("react").ForwardRefExoticComponent<Omit<any, "ref"> & import("react").RefAttributes<any>>;
+export declare const CpslDropdown: import("react").ForwardRefExoticComponent<Omit<any, "ref"> & import("react").RefAttributes<any>>;
+export declare const CpslFileUpload: import("react").ForwardRefExoticComponent<Omit<any, "ref"> & import("react").RefAttributes<any>>;
+export declare const CpslGrid: import("react").ForwardRefExoticComponent<Omit<any, "ref"> & import("react").RefAttributes<any>>;
+export declare const CpslHero: import("react").ForwardRefExoticComponent<Omit<any, "ref"> & import("react").RefAttributes<any>>;
+export declare const CpslIcon: import("react").ForwardRefExoticComponent<Omit<any, "ref"> & import("react").RefAttributes<any>>;
+export declare const CpslIconGroup: import("react").ForwardRefExoticComponent<Omit<any, "ref"> & import("react").RefAttributes<any>>;
+export declare const CpslIdenticon: import("react").ForwardRefExoticComponent<Omit<any, "ref"> & import("react").RefAttributes<any>>;
+export declare const CpslInfoBox: import("react").ForwardRefExoticComponent<Omit<any, "ref"> & import("react").RefAttributes<any>>;
+export declare const CpslInput: import("react").ForwardRefExoticComponent<Omit<any, "ref"> & import("react").RefAttributes<any>>;
+export declare const CpslModalV2: import("react").ForwardRefExoticComponent<Omit<any, "ref"> & import("react").RefAttributes<any>>;
+export declare const CpslNavButton: import("react").ForwardRefExoticComponent<Omit<any, "ref"> & import("react").RefAttributes<any>>;
+export declare const CpslNavButtonGroup: import("react").ForwardRefExoticComponent<Omit<any, "ref"> & import("react").RefAttributes<any>>;
+export declare const CpslOverlay: import("react").ForwardRefExoticComponent<Omit<any, "ref"> & import("react").RefAttributes<any>>;
+export declare const CpslPagination: import("react").ForwardRefExoticComponent<Omit<any, "ref"> & import("react").RefAttributes<any>>;
+export declare const CpslPill: import("react").ForwardRefExoticComponent<Omit<any, "ref"> & import("react").RefAttributes<any>>;
+export declare const CpslPopover: import("react").ForwardRefExoticComponent<Omit<any, "ref"> & import("react").RefAttributes<any>>;
+export declare const CpslProgressIndicator: import("react").ForwardRefExoticComponent<Omit<any, "ref"> & import("react").RefAttributes<any>>;
+export declare const CpslQrCode: import("react").ForwardRefExoticComponent<Omit<any, "ref"> & import("react").RefAttributes<any>>;
+export declare const CpslRadio: import("react").ForwardRefExoticComponent<Omit<any, "ref"> & import("react").RefAttributes<any>>;
+export declare const CpslRow: import("react").ForwardRefExoticComponent<Omit<any, "ref"> & import("react").RefAttributes<any>>;
+export declare const CpslSelect: import("react").ForwardRefExoticComponent<Omit<any, "ref"> & import("react").RefAttributes<any>>;
+export declare const CpslSelectItem: import("react").ForwardRefExoticComponent<Omit<any, "ref"> & import("react").RefAttributes<any>>;
+export declare const CpslSlideButton: import("react").ForwardRefExoticComponent<Omit<any, "ref"> & import("react").RefAttributes<any>>;
+export declare const CpslSpinner: import("react").ForwardRefExoticComponent<Omit<any, "ref"> & import("react").RefAttributes<any>>;
+export declare const CpslSwitch: import("react").ForwardRefExoticComponent<Omit<any, "ref"> & import("react").RefAttributes<any>>;
+export declare const CpslTab: import("react").ForwardRefExoticComponent<Omit<any, "ref"> & import("react").RefAttributes<any>>;
+export declare const CpslTable: import("react").ForwardRefExoticComponent<Omit<any, "ref"> & import("react").RefAttributes<any>>;
+export declare const CpslTabs: import("react").ForwardRefExoticComponent<Omit<any, "ref"> & import("react").RefAttributes<any>>;
+export declare const CpslText: import("react").ForwardRefExoticComponent<Omit<any, "ref"> & import("react").RefAttributes<any>>;
+export declare const CpslTileButton: import("react").ForwardRefExoticComponent<Omit<any, "ref"> & import("react").RefAttributes<any>>;

package/dist/types/components/stencil-generated/react-component-lib/createComponent.d.ts

@@ -6,5 +6,5 @@ interface StencilReactInternalProps<ElementType> extends React.HTMLAttributes<El
     forwardedRef: React.RefObject<ElementType>;
     ref?: React.Ref<any>;
 }
-export declare const createReactComponent: <PropType, ElementType extends HTMLStencilElement, ContextStateType = {}, ExpandedPropsTypes = {}>(tagName: string, ReactComponentContext?: React.Context<ContextStateType>, manipulatePropsFunction?: (originalProps: StencilReactInternalProps<ElementType>, propsToPass: any) => ExpandedPropsTypes, defineCustomElement?: () => void) => React.ForwardRefExoticComponent<React.PropsWithoutRef<import("./utils/index.js").StencilReactExternalProps<PropType, ElementType>> & React.RefAttributes<ElementType>>;
+export declare const createReactComponent: <PropType, ElementType extends HTMLStencilElement, ContextStateType = {}, ExpandedPropsTypes = {}>(tagName: string, ReactComponentContext?: React.Context<ContextStateType>, manipulatePropsFunction?: (originalProps: StencilReactInternalProps<ElementType>, propsToPass: any) => ExpandedPropsTypes, defineCustomElement?: () => void) => React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<any>>;
 export {};

package/dist/types/components/stencil-generated/react-component-lib/index.d.ts

@@ -1,2 +1 @@
 export { createReactComponent } from './createComponent.js';
-export { createOverlayComponent } from './createOverlayComponent.js';

package/dist/types/components/stencil-generated/react-component-lib/utils/index.d.ts

@@ -4,7 +4,7 @@ export type StencilReactExternalProps<PropType, ElementType> = PropType & Omit<R
 export type StencilReactForwardedRef<T> = ((instance: T | null) => void) | React.MutableRefObject<T | null> | null;
 export declare const setRef: (ref: StencilReactForwardedRef<any> | React.Ref<any> | undefined, value: any) => void;
 export declare const mergeRefs: (...refs: (StencilReactForwardedRef<any> | React.Ref<any> | undefined)[]) => React.RefCallback<any>;
-export declare const createForwardRef: <PropType, ElementType>(ReactComponent: any, displayName: string) => React.ForwardRefExoticComponent<React.PropsWithoutRef<StencilReactExternalProps<PropType, ElementType>> & React.RefAttributes<ElementType>>;
+export declare const createForwardRef: <PropType, ElementType>(ReactComponent: any, displayName: string) => React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<any>>;
 export declare const defineCustomElement: (tagName: string, customElement: any) => void;
 export * from './attachProps.js';
 export * from './case.js';

package/package.json

@@ -1,46 +1,46 @@
 {
   "name": "@getpara/react-components",
-  "version": "2.0.0-dev.1",
   "description": "Capsule Core React Components",
-  "type": "module",
-  "main": "dist/index.js",
-  "types": "dist/types/index.d.ts",
+  "version": "2.0.0-dev.3",
+  "dependencies": {
+    "@getpara/core-components": "2.0.0-dev.3"
+  },
+  "devDependencies": {
+    "@types/react": "^18.2.64",
+    "glob": "^11.0.1",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
+    "typescript": "^5.8.3"
+  },
+  "directories": {
+    "lib": "lib"
+  },
   "exports": {
     ".": {
-      "import": "./dist/index.js",
-      "types": "./dist/types/index.d.ts"
+      "types": "./dist/types/index.d.ts",
+      "import": "./dist/index.js"
     },
     "./css/capsule-core.css": "./css/capsule-core.css"
   },
-  "sideEffects": [
-    "*.css"
-  ],
-  "directories": {
-    "lib": "lib"
-  },
   "files": [
     "dist/",
     "css/"
   ],
-  "scripts": {
-    "old-build": "node scripts/fixExtensions.js && yarn copy && yarn tsc",
-    "build": "node scripts/fixExtensions.js && yarn copy && rm -rf dist && node ./scripts/build.mjs && yarn typegen",
-    "typegen": "tsc --emitDeclarationOnly",
-    "tsc": "tsc -p . --outDir ./dist",
-    "copy": "node scripts/copy.cjs"
-  },
-  "dependencies": {
-    "@getpara/core-components": "2.0.0-dev.1"
-  },
-  "devDependencies": {
-    "@types/react": "^18.2.64",
-    "glob": "^11.0.0",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
-    "typescript": "^5.4.2"
-  },
+  "main": "dist/index.js",
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "426e843bd6084fb2e5f30ab87b02c79fc2f52832"
+  "scripts": {
+    "build": "node scripts/preBuild.js && yarn copy && rm -rf dist && node ./scripts/build.mjs && yarn typegen",
+    "copy": "node scripts/copy.cjs",
+    "old-build": "node scripts/preBuild.js && yarn copy && yarn tsc",
+    "tsc": "tsc -p . --outDir ./dist",
+    "typegen": "tsc --emitDeclarationOnly"
+  },
+  "sideEffects": [
+    "*.css"
+  ],
+  "type": "module",
+  "types": "dist/types/index.d.ts",
+  "gitHead": "ffe34f7d8df2dd3c2327ca1f35bcc9764e0a68a2"
 }

package/dist/types/components/stencil-generated/react-component-lib/createOverlayComponent.d.ts

@@ -1,21 +0,0 @@
-import React from 'react';
-import { OverlayEventDetail } from './interfaces.js';
-import { StencilReactForwardedRef } from './utils/index.js';
-interface OverlayElement extends HTMLElement {
-    present: () => Promise<void>;
-    dismiss: (data?: any, role?: string | undefined) => Promise<boolean>;
-}
-export interface ReactOverlayProps {
-    children?: React.ReactNode;
-    isOpen: boolean;
-    onDidDismiss?: (event: CustomEvent<OverlayEventDetail>) => void;
-    onDidPresent?: (event: CustomEvent<OverlayEventDetail>) => void;
-    onWillDismiss?: (event: CustomEvent<OverlayEventDetail>) => void;
-    onWillPresent?: (event: CustomEvent<OverlayEventDetail>) => void;
-}
-export declare const createOverlayComponent: <OverlayComponent extends object, OverlayType extends OverlayElement>(tagName: string, controller: {
-    create: (options: any) => Promise<OverlayType>;
-}, customElement?: any) => React.ForwardRefExoticComponent<React.PropsWithoutRef<OverlayComponent & ReactOverlayProps & {
-    forwardedRef?: StencilReactForwardedRef<OverlayType>;
-}> & React.RefAttributes<OverlayType>>;
-export {};