@lanaco/lnc-react-ui 3.11.35 → 4.0.2

package/dist/ColorInput.cjs

@@ -0,0 +1,60 @@
+"use strict";const i=require("react/jsx-runtime"),b=require("react"),C=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),t=require("./index-DXnSjbfJ.cjs"),n=require("./utils-hdRGTsQ7.cjs"),N=require("./index-BjdOz5Ok.cjs"),A=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),H=require("./useUpdateEffect-BtMgpgIV.cjs"),V=(e,r)=>`calc(${n.getSizeValueWithUnits(e,r)} - 1rem)`,L=C.newStyled.label`
+  display: inline-flex;
+  align-items: center;
+  gap: 0.5rem;
+  ${e=>n.getComponentTypographyCss(e.theme,"Input",e.size,"enabled")};
+  min-height: ${e=>n.getSizeValueWithUnits(e.theme,e.size)};
+  max-height: ${e=>n.getSizeValueWithUnits(e.theme,e.size)};
+  background-color: ${e=>n.getColorRgbaValue(e.theme,"Input",e.color,"enabled","background")};
+  color: ${e=>n.getColorRgbaValue(e.theme,"Input",e.isFocused?"primary":e.color,"enabled","text")};
+  border: 1px solid
+    ${e=>n.getColorRgbaValue(e.theme,"Input",e.isFocused?"primary":e.color,"enabled","border")};
+  border-radius: ${e=>n.getBorderRadiusValueWithUnits(e.theme,"regular")};
+  padding: 0.625rem 0.75rem;
+  width: 100%;
+  ${e=>!e.disabled&&e.readOnly!==!0&&e.isFocused===!0&&n.getOutlineCss(e.theme)};
+  ${e=>e.disabled===!0&&n.getDisabledBackgroundCss(e.theme)}
+  border: 1px solid ${e=>n.getColorRgbaValue(e.theme,"Input",e.color,"disabled","border")};
+`,G=C.newStyled.div`
+  ${e=>!e.disabled&&e.readOnly!==!0&&"cursor: pointer;"}
+  min-height: ${e=>n.getSizeValueWithUnits(e.theme,e.size)};
+  max-height: ${e=>n.getSizeValueWithUnits(e.theme,e.size)};
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  ${e=>e.withInput==!0&&"width: 100%;"}
+  & div {
+    &:focus {
+      ${e=>e.disabled!==!0&&e.withInput!==!0&&e.readOnly!==!0&&n.getOutlineCss(e.theme)};
+    }
+    &:hover {
+      ${e=>!e.disabled&&!e.withInput&&e.readOnly!==!0&&n.getOutlineCss(e.theme)};
+    }
+    ${e=>e.disabled===!0&&`opacity: ${e.theme.palette.opacity[e.theme.palette.disabled.opacity]};`}
+    box-sizing: border-box;
+    min-width: ${e=>V(e.theme,e.size)};
+    height: ${e=>V(e.theme,e.size)};
+    border-radius: ${e=>n.getBorderRadiusValueWithUnits(e.theme,"curved")};
+    overflow: hidden;
+    & input[type="color"] {
+      border: 0;
+      padding: 0;
+      width: 200%;
+      height: 200%;
+      cursor: pointer;
+      transform: translate(-25%, -25%);
+      ${e=>e.disabled===!0&&n.getDisabledStateCss(e.theme)};
+    }
+  }
+`,J=C.newStyled.span`
+  display: flex;
+  align-items: center;
+  overflow: hidden;
+  width: 100%;
+  & input {
+    outline: none;
+    border: none;
+    background-color: transparent;
+    width: 100%;
+  }
+`,F=b.forwardRef((e,r)=>{const{id:u,name:y,defaultValue:P="#000000",value:s,size:v="small",tabIndex:p,withInput:f=!1,className:R="",style:j={},color:d="primary",debounceTime:O=180,readOnly:l,disabled:a,onChange:x=()=>{},onFocus:B=()=>{},onBlur:U=()=>{},onInput:q=()=>{},onKeyDown:W=()=>{},labelRef:k,inputProps:T,...z}=e,I=A.useTheme(),[c,$]=b.useState(s),[D,S]=b.useState(!1),E=new RegExp(/^#[0-9A-F]{6}$/i);H.useUpdateEffect(()=>$(s),[s]);const _=b.useCallback(N.debounce((o,w)=>K(o,w),O),[x]),K=(o,w)=>{x&&x(o,w)},h=o=>{s&&$(o.target.value),_(o,o.target.value)},g=o=>{S(!0),B(o)},m=o=>{E.test(c)||$(P),S(!1),U(o)};return i.jsx(G,{ref:r,theme:I,size:v,className:R,style:j,disabled:a,readOnly:l,withInput:f,...z,children:f?i.jsxs(L,{withInput:f,theme:I,color:d,size:v,disabled:a,readOnly:l,tabIndex:p,isFocused:D,children:[i.jsx("div",{children:i.jsx("input",{type:"color",ref:r,id:u,name:y,value:c,disabled:a||l,onChange:h,onBlur:m,onFocus:g,color:d,...T})}),i.jsx(J,{children:i.jsx("input",{ref:k,value:c,onChange:h,onFocus:g,onBlur:m,onInput:q,onKeyDown:W,disabled:a||l,...z})})]}):i.jsx("div",{children:s==null||s=="undefined"?i.jsx("input",{type:"color",ref:r,id:u,name:y,defaultValue:P,disabled:a||l,onChange:h,onBlur:m,onFocus:g,color:d,tabIndex:p,...T}):i.jsx("input",{type:"color",ref:r,id:u,name:y,value:c,disabled:a||l,onChange:h,onBlur:m,onFocus:g,color:d,tabIndex:p,...T})})})});F.propTypes={id:t.PropTypes.any,name:t.PropTypes.string,defaultValue:t.PropTypes.string,value:t.PropTypes.string,debounceTime:t.PropTypes.number,disabled:t.PropTypes.bool,readOnly:t.PropTypes.bool,tabIndex:t.PropTypes.number,preventDefault:t.PropTypes.bool,labelRef:t.PropTypes.any,inputProps:t.PropTypes.bool,withInput:t.PropTypes.bool,onChange:t.PropTypes.func,onBlur:t.PropTypes.func,onFocus:t.PropTypes.func,onInput:t.PropTypes.func,onKeyDown:t.PropTypes.func,className:t.PropTypes.string,style:t.PropTypes.object,size:t.PropTypes.oneOf(["small","medium","large"]),color:t.PropTypes.oneOf(["primary","secondary","success","danger","warning","information","neutral","gray"])};module.exports=F;

package/dist/ColorInput.js

@@ -0,0 +1,256 @@
+import { jsx as a, jsxs as L } from "react/jsx-runtime";
+import q, { useState as R, useCallback as G } from "react";
+import { n as I } from "./emotion-styled.browser.esm-BZSYYThs.js";
+import { P as t } from "./index-Ds9PUTwb.js";
+import { a as J, f as d, b as g, c as V, h as C, i as M, g as Q } from "./utils-DEke8iwo.js";
+import { d as X } from "./index-D5vEbKUT.js";
+import { u as Y } from "./emotion-element-5486c51c.browser.esm-CSejtOeT.js";
+import { u as Z } from "./useUpdateEffect-CuYWz7EA.js";
+const T = (e, o) => `calc(${d(e, o)} - 1rem)`, ee = I.label`
+  display: inline-flex;
+  align-items: center;
+  gap: 0.5rem;
+  ${(e) => J(e.theme, "Input", e.size, "enabled")};
+  min-height: ${(e) => d(e.theme, e.size)};
+  max-height: ${(e) => d(e.theme, e.size)};
+  background-color: ${(e) => g(
+  e.theme,
+  "Input",
+  e.color,
+  "enabled",
+  "background"
+)};
+  color: ${(e) => g(
+  e.theme,
+  "Input",
+  e.isFocused ? "primary" : e.color,
+  "enabled",
+  "text"
+)};
+  border: 1px solid
+    ${(e) => g(
+  e.theme,
+  "Input",
+  e.isFocused ? "primary" : e.color,
+  "enabled",
+  "border"
+)};
+  border-radius: ${(e) => V(e.theme, "regular")};
+  padding: 0.625rem 0.75rem;
+  width: 100%;
+  ${(e) => !e.disabled && e.readOnly !== !0 && e.isFocused === !0 && C(e.theme)};
+  ${(e) => e.disabled === !0 && M(e.theme)}
+  border: 1px solid ${(e) => g(e.theme, "Input", e.color, "disabled", "border")};
+`, te = I.div`
+  ${(e) => !e.disabled && e.readOnly !== !0 && "cursor: pointer;"}
+  min-height: ${(e) => d(e.theme, e.size)};
+  max-height: ${(e) => d(e.theme, e.size)};
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  ${(e) => e.withInput == !0 && "width: 100%;"}
+  & div {
+    &:focus {
+      ${(e) => e.disabled !== !0 && e.withInput !== !0 && e.readOnly !== !0 && C(e.theme)};
+    }
+    &:hover {
+      ${(e) => !e.disabled && !e.withInput && e.readOnly !== !0 && C(e.theme)};
+    }
+    ${(e) => e.disabled === !0 && `opacity: ${e.theme.palette.opacity[e.theme.palette.disabled.opacity]};`}
+    box-sizing: border-box;
+    min-width: ${(e) => T(e.theme, e.size)};
+    height: ${(e) => T(e.theme, e.size)};
+    border-radius: ${(e) => V(e.theme, "curved")};
+    overflow: hidden;
+    & input[type="color"] {
+      border: 0;
+      padding: 0;
+      width: 200%;
+      height: 200%;
+      cursor: pointer;
+      transform: translate(-25%, -25%);
+      ${(e) => e.disabled === !0 && Q(e.theme)};
+    }
+  }
+`, ne = I.span`
+  display: flex;
+  align-items: center;
+  overflow: hidden;
+  width: 100%;
+  & input {
+    outline: none;
+    border: none;
+    background-color: transparent;
+    width: 100%;
+  }
+`, ae = q.forwardRef((e, o) => {
+  const {
+    id: u,
+    name: f,
+    defaultValue: z = "#000000",
+    value: i,
+    size: F = "small",
+    tabIndex: y,
+    withInput: $ = !1,
+    className: k = "",
+    style: D = {},
+    color: s = "primary",
+    debounceTime: j = 180,
+    readOnly: l,
+    disabled: r,
+    onChange: w = () => {
+    },
+    onFocus: P = () => {
+    },
+    onBlur: U = () => {
+    },
+    onInput: E = () => {
+    },
+    onKeyDown: K = () => {
+    },
+    labelRef: N,
+    inputProps: x,
+    ...O
+  } = e, B = Y(), [c, p] = R(i), [W, S] = R(!1), _ = new RegExp(/^#[0-9A-F]{6}$/i);
+  Z(() => p(i), [i]);
+  const A = G(
+    X((n, v) => H(n, v), j),
+    [w]
+  ), H = (n, v) => {
+    w && w(n, v);
+  }, m = (n) => {
+    i && p(n.target.value), A(n, n.target.value);
+  }, h = (n) => {
+    S(!0), P(n);
+  }, b = (n) => {
+    _.test(c) || p(z), S(!1), U(n);
+  };
+  return /* @__PURE__ */ a(
+    te,
+    {
+      ref: o,
+      theme: B,
+      size: F,
+      className: k,
+      style: D,
+      disabled: r,
+      readOnly: l,
+      withInput: $,
+      ...O,
+      children: $ ? /* @__PURE__ */ L(
+        ee,
+        {
+          withInput: $,
+          theme: B,
+          color: s,
+          size: F,
+          disabled: r,
+          readOnly: l,
+          tabIndex: y,
+          isFocused: W,
+          children: [
+            /* @__PURE__ */ a("div", { children: /* @__PURE__ */ a(
+              "input",
+              {
+                type: "color",
+                ref: o,
+                id: u,
+                name: f,
+                value: c,
+                disabled: r || l,
+                onChange: m,
+                onBlur: b,
+                onFocus: h,
+                color: s,
+                ...x
+              }
+            ) }),
+            /* @__PURE__ */ a(ne, { children: /* @__PURE__ */ a(
+              "input",
+              {
+                ref: N,
+                value: c,
+                onChange: m,
+                onFocus: h,
+                onBlur: b,
+                onInput: E,
+                onKeyDown: K,
+                disabled: r || l,
+                ...O
+              }
+            ) })
+          ]
+        }
+      ) : /* @__PURE__ */ a("div", { children: i == null || i == "undefined" ? /* @__PURE__ */ a(
+        "input",
+        {
+          type: "color",
+          ref: o,
+          id: u,
+          name: f,
+          defaultValue: z,
+          disabled: r || l,
+          onChange: m,
+          onBlur: b,
+          onFocus: h,
+          color: s,
+          tabIndex: y,
+          ...x
+        }
+      ) : /* @__PURE__ */ a(
+        "input",
+        {
+          type: "color",
+          ref: o,
+          id: u,
+          name: f,
+          value: c,
+          disabled: r || l,
+          onChange: m,
+          onBlur: b,
+          onFocus: h,
+          color: s,
+          tabIndex: y,
+          ...x
+        }
+      ) })
+    }
+  );
+});
+ae.propTypes = {
+  id: t.any,
+  name: t.string,
+  defaultValue: t.string,
+  value: t.string,
+  debounceTime: t.number,
+  disabled: t.bool,
+  readOnly: t.bool,
+  tabIndex: t.number,
+  preventDefault: t.bool,
+  labelRef: t.any,
+  inputProps: t.bool,
+  withInput: t.bool,
+  //---------------------------------------------------------------
+  onChange: t.func,
+  onBlur: t.func,
+  onFocus: t.func,
+  onInput: t.func,
+  onKeyDown: t.func,
+  //---------------------------------------------------------------
+  className: t.string,
+  style: t.object,
+  size: t.oneOf(["small", "medium", "large"]),
+  color: t.oneOf([
+    "primary",
+    "secondary",
+    "success",
+    "danger",
+    "warning",
+    "information",
+    "neutral",
+    "gray"
+  ])
+};
+export {
+  ae as default
+};

package/dist/ConfirmationForm.cjs

@@ -0,0 +1,22 @@
+"use strict";const t=require("react/jsx-runtime"),p=require("react"),r=require("./index-DXnSjbfJ.cjs"),y=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),m=require("./Icon.cjs"),u=require("./utils-hdRGTsQ7.cjs"),B=require("./Modal.cjs"),F=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),E=y.newStyled.div`
+  display: flex;
+  gap: 1rem;
+  align-items: center;
+  ${e=>e.type=="centered"&&"flex-direction: column; gap: 1.25rem;"}
+  & .alert-icon {
+    font-size: 2.2rem;
+    color: ${e=>u.getColorRgbaValue(e.theme,"ConfirmationForm",e.color,"enabled","icon")};
+  }
+  ${e=>e.type=="centered"&&"padding-top: 0.5rem;"}
+`,V=y.newStyled.div`
+  display: flex;
+  flex-direction: ${e=>e.type=="regular"?"row":"column"};
+  width: 100%;
+  flex: 1;
+  gap: 0.5rem;
+  justify-content: ${e=>M(e.actionsAlignment)};
+  ${e=>e.type=="regular"&&"height: 4rem; border-radius: 0 0 16px 16px; padding: 0.75rem 1.5rem 0.75rem 1.5rem;"}
+  ${e=>e.type=="regular"&&e.actionsTrack==!1&&"padding: 0 1.5rem 1.5rem 1.5rem;"}
+   ${e=>e.type=="regular"&&e.actionsTrack==!0&&`background-color: ${u.getColorRgbaValue(e.theme,"ConfirmationForm","primary","enabled","trackBg")};`}
+   ${e=>e.type=="centered"&&"padding: 1rem 0 0.5rem 0;"}
+`,M=e=>e=="right"?"end":e=="left"?"start":"center",d=p.forwardRef((e,g)=>{const{color:f,statusIcon:T=!0,title:x,type:s="regular",actions:P,actionsAlignment:h="right",actionsTrack:b=!1,overlay:j=!0,showCloseButton:k=!0,onClose:C=()=>{},zIndex:w=1e3,size:$="fluid",clickOutsideToClose:q=!1,className:A="",style:O={},overlayProps:v,children:D,rest:N}=e;let i={theme:F.useTheme(),size:$,zIndex:w,className:"lnc-ui-confirmation-form "+A,style:O};const z=o=>o=="danger"?"times-circle":o=="warning"?"exclamation-triangle":o=="success"?"check-circle":"exclamation-circle",R=({statusIcon:o,color:n})=>typeof o=="boolean"&&o==!0?t.jsx(m,{className:"alert-icon",icon:z(n)}):typeof o=="string"&&o!==""?t.jsx(m,{className:"alert-icon",icon:o}):p.cloneElement(o,{className:"alert-icon "+(o==null?void 0:o.className)}),S=({statusIcon:o,color:n,title:l,type:c,themeProps:a})=>t.jsxs(E,{...a,color:n,type:c,children:[t.jsx(R,{statusIcon:o,color:n}),t.jsx("h3",{children:l})]}),_=({actions:o,type:n,actionsAlignment:l,actionsTrack:c,themeProps:a})=>t.jsx(V,{type:n,actionsAlignment:l,actionsTrack:c,...a,children:o});return t.jsx(B,{ref:g,...i,header:s=="regular"?t.jsx(S,{statusIcon:T,color:f,title:x,type:s,themeProps:i}):null,footer:s=="regular"?t.jsx(_,{actions:P,type:s,actionsAlignment:h,actionsTrack:b,themeProps:i}):null,overlay:j,showCloseButton:k,onClose:C,clickOutsideToClose:q,overlayProps:v,...N,children:t.jsx("div",{children:"okej"})})});d.propTypes={color:r.PropTypes.oneOf(["primary","secondary","success","danger","warning","information","neutral","gray"]),statusIcon:r.PropTypes.oneOfType([r.PropTypes.string,r.PropTypes.element,r.PropTypes.bool]),title:r.PropTypes.oneOfType([r.PropTypes.string,r.PropTypes.element]),type:r.PropTypes.oneOf(["regular","centered"]),actions:r.PropTypes.element,actionsAlignment:r.PropTypes.oneOf(["right","center","left"]),actionsTrack:r.PropTypes.bool,showCloseButton:r.PropTypes.bool,overlay:r.PropTypes.bool,onClose:r.PropTypes.func,zIndex:r.PropTypes.number,clickOutsideToClose:r.PropTypes.bool,className:r.PropTypes.string,style:r.PropTypes.object,size:r.PropTypes.oneOf(["fluid","xs","s","m","l","xl","full"]),overlayProps:r.PropTypes.any};module.exports=d;

package/dist/ConfirmationForm.js

@@ -0,0 +1,169 @@
+import { jsx as o, jsxs as S } from "react/jsx-runtime";
+import m from "react";
+import { P as r } from "./index-Ds9PUTwb.js";
+import { n as d } from "./emotion-styled.browser.esm-BZSYYThs.js";
+import f from "./Icon.js";
+import { b as u } from "./utils-DEke8iwo.js";
+import _ from "./Modal.js";
+import { u as E } from "./emotion-element-5486c51c.browser.esm-CSejtOeT.js";
+const M = d.div`
+  display: flex;
+  gap: 1rem;
+  align-items: center;
+  ${(e) => e.type == "centered" && "flex-direction: column; gap: 1.25rem;"}
+  & .alert-icon {
+    font-size: 2.2rem;
+    color: ${(e) => u(
+  e.theme,
+  "ConfirmationForm",
+  e.color,
+  "enabled",
+  "icon"
+)};
+  }
+  ${(e) => e.type == "centered" && "padding-top: 0.5rem;"}
+`, V = d.div`
+  display: flex;
+  flex-direction: ${(e) => e.type == "regular" ? "row" : "column"};
+  width: 100%;
+  flex: 1;
+  gap: 0.5rem;
+  justify-content: ${(e) => q(e.actionsAlignment)};
+  ${(e) => e.type == "regular" && "height: 4rem; border-radius: 0 0 16px 16px; padding: 0.75rem 1.5rem 0.75rem 1.5rem;"}
+  ${(e) => e.type == "regular" && e.actionsTrack == !1 && "padding: 0 1.5rem 1.5rem 1.5rem;"}
+   ${(e) => e.type == "regular" && e.actionsTrack == !0 && `background-color: ${u(
+  e.theme,
+  "ConfirmationForm",
+  "primary",
+  "enabled",
+  "trackBg"
+)};`}
+   ${(e) => e.type == "centered" && "padding: 1rem 0 0.5rem 0;"}
+`, q = (e) => e == "right" ? "end" : e == "left" ? "start" : "center", D = m.forwardRef((e, p) => {
+  const {
+    color: g,
+    statusIcon: y = !0,
+    title: h,
+    type: i = "regular",
+    actions: x,
+    actionsAlignment: T = "right",
+    actionsTrack: b = !1,
+    overlay: k = !0,
+    showCloseButton: C = !0,
+    onClose: $ = () => {
+    },
+    zIndex: w = 1e3,
+    size: A = "fluid",
+    clickOutsideToClose: O = !1,
+    className: v = "",
+    style: N = {},
+    overlayProps: P,
+    children: G,
+    rest: j
+  } = e;
+  let l = {
+    theme: E(),
+    size: A,
+    zIndex: w,
+    className: "lnc-ui-confirmation-form " + v,
+    style: N
+  };
+  const z = (t) => t == "danger" ? "times-circle" : t == "warning" ? "exclamation-triangle" : t == "success" ? "check-circle" : "exclamation-circle", B = ({ statusIcon: t, color: n }) => typeof t == "boolean" && t == !0 ? /* @__PURE__ */ o(f, { className: "alert-icon", icon: z(n) }) : typeof t == "string" && t !== "" ? /* @__PURE__ */ o(f, { className: "alert-icon", icon: t }) : m.cloneElement(t, {
+    className: "alert-icon " + (t == null ? void 0 : t.className)
+  }), F = ({ statusIcon: t, color: n, title: a, type: c, themeProps: s }) => /* @__PURE__ */ S(M, { ...s, color: n, type: c, children: [
+    /* @__PURE__ */ o(B, { statusIcon: t, color: n }),
+    /* @__PURE__ */ o("h3", { children: a })
+  ] }), R = ({
+    actions: t,
+    type: n,
+    actionsAlignment: a,
+    actionsTrack: c,
+    themeProps: s
+  }) => /* @__PURE__ */ o(
+    V,
+    {
+      type: n,
+      actionsAlignment: a,
+      actionsTrack: c,
+      ...s,
+      children: t
+    }
+  );
+  return /* @__PURE__ */ o(
+    _,
+    {
+      ref: p,
+      ...l,
+      header: i == "regular" ? /* @__PURE__ */ o(
+        F,
+        {
+          statusIcon: y,
+          color: g,
+          title: h,
+          type: i,
+          themeProps: l
+        }
+      ) : null,
+      footer: i == "regular" ? /* @__PURE__ */ o(
+        R,
+        {
+          actions: x,
+          type: i,
+          actionsAlignment: T,
+          actionsTrack: b,
+          themeProps: l
+        }
+      ) : null,
+      overlay: k,
+      showCloseButton: C,
+      onClose: $,
+      clickOutsideToClose: O,
+      overlayProps: P,
+      ...j,
+      children: /* @__PURE__ */ o("div", { children: "okej" })
+    }
+  );
+});
+D.propTypes = {
+  color: r.oneOf([
+    "primary",
+    "secondary",
+    "success",
+    "danger",
+    "warning",
+    "information",
+    "neutral",
+    "gray"
+  ]),
+  /**
+   * Can be boolean (true - display default icon, false - don't display icon at all), string (display custom icon), element (display custom element as icon)
+   */
+  statusIcon: r.oneOfType([
+    r.string,
+    r.element,
+    r.bool
+  ]),
+  title: r.oneOfType([r.string, r.element]),
+  type: r.oneOf(["regular", "centered"]),
+  actions: r.element,
+  /**
+   * Aligmnent of actions when `type="regular"`
+   */
+  actionsAlignment: r.oneOf(["right", "center", "left"]),
+  /**
+   * Defines whether actions will be inside a track
+   */
+  actionsTrack: r.bool,
+  showCloseButton: r.bool,
+  overlay: r.bool,
+  onClose: r.func,
+  zIndex: r.number,
+  clickOutsideToClose: r.bool,
+  className: r.string,
+  style: r.object,
+  size: r.oneOf(["fluid", "xs", "s", "m", "l", "xl", "full"]),
+  overlayProps: r.any
+};
+export {
+  D as default
+};

package/dist/Content.cjs

@@ -0,0 +1 @@
+"use strict";const o=require("react/jsx-runtime"),i=require("react"),c=require("./index-DXnSjbfJ.cjs"),e=i.forwardRef((t,n)=>{const{children:r,__TYPE__:_="Content",...s}=t;return o.jsx("main",{ref:n,...s,children:r})});e.propTypes={__TYPE__:c.PropTypes.string};e.displayName="Content";module.exports=e;

package/dist/Content.js

@@ -0,0 +1,18 @@
+import { jsx as p } from "react/jsx-runtime";
+import s from "react";
+import { P as _ } from "./index-Ds9PUTwb.js";
+const t = s.forwardRef((r, o) => {
+  const { children: e, __TYPE__: a = "Content", ...n } = r;
+  return /* @__PURE__ */ p("main", { ref: o, ...n, children: e });
+});
+t.propTypes = {
+  /**
+   * Do not override this property.
+   * Should only be used as indicator for type if you are passing custom component.
+   */
+  __TYPE__: _.string
+};
+t.displayName = "Content";
+export {
+  t as default
+};