@hortiview/default-components 1.2.0 → 1.3.0

package/dist/index.es-CiqbARoC-D-muiSwa.js

@@ -0,0 +1,344 @@
+import { R as t, d as W, L as z, N as $, _ as q, b as d, q as dt } from "./useTranslation-v0qSkb40.js";
+import u, { forwardRef as C, useRef as L, useImperativeHandle as j, useEffect as rt, useCallback as S } from "react";
+import { U as ut } from "./component-DsB0poTj-uxpi4oSj.js";
+const it = {
+  /**
+   * Content to be rendered inside the component.
+   *
+   * Defaults to **null**.
+   */
+  children: t.node,
+  /**
+   * A reference to the component to apply the ripple to.
+   *
+   * Defaults to **undefined**.
+   */
+  componentRef: t.object,
+  /**
+   * Allows the ripple to extend beyond the component boundaries.
+   *
+   * Defaults to **undefined**.
+   */
+  unbounded: t.bool
+}, ct = {
+  children: null,
+  componentRef: void 0,
+  unbounded: void 0
+}, N = /* @__PURE__ */ C((v, h) => {
+  const {
+    componentRef: s,
+    unbounded: y,
+    children: b
+  } = v, i = L();
+  return j(h, () => i.current, []), rt(() => {
+    const k = s.current;
+    return k && (i.current = ut.attachTo(s.current), y && (i.current.unbounded = !0)), () => {
+      k && i.current.destroy();
+    };
+  }, [s, y]), b;
+});
+N.displayName = "Ripple";
+N.propTypes = it;
+N.defaultProps = ct;
+const mt = {
+  /**
+   * @deprecated _Use `themeColor='secondary'` instead._
+   *
+   * Preview feature, this may change. Apply alternative button color scheme (defined by the individual theme).
+   *
+   * Defaults to **undefined**.
+   */
+  altColor: d(t.bool, "Button", 'Use `themeColor="secondary"` instead.'),
+  /**
+   * One of 'xsmall', 'small', 'medium', 'large' and 'xlarge' will change the size of the button. Defaults according to your theme.
+   *
+   * Defaults to **'themeDefault'**.
+   */
+  buttonSize: t.oneOf(["xsmall", "small", "medium", "large", "xlarge", "themeDefault"]),
+  /**
+   * Content to be rendered inside the button. Can be used instead `label` of to provide more flexibility. Accepts any valid markup. _Warning, if Label is set, it will be used instead of child content._
+   *
+   * Defaults to **null**.
+   */
+  children: t.node,
+  /**
+   * The css class name to be passed through to the component markup.
+   *
+   * Defaults to **undefined**.
+   */
+  className: t.string,
+  /**
+   * @deprecated _forwardRef has been implemented for Button._
+   *
+   * Reference to the DOM button. This enables a greater level of integration.
+   *
+   * Defaults to **undefined**.
+   */
+  customRef: d(t.oneOfType([
+    t.func,
+    // eslint-disable-next-line react/forbid-prop-types
+    t.shape({
+      current: t.any
+    })
+  ]), "Button", "forwardRef has been implemented for Button."),
+  /**
+   * @deprecated _Use `variant='danger'` instead._
+   *
+   * Apply danger style to the button.
+   *
+   * Defaults to **undefined**.
+   */
+  danger: d(t.bool, "Button", 'Use `variant="danger"` instead.'),
+  /**
+   * Prevent the user from interacting with the component.
+   *
+   * Defaults to **false**.
+   */
+  disabled: t.bool,
+  /**
+   * Sets elevation of the button. Default will be the theme default.
+   *
+   * Defaults to **'default'**.
+   */
+  elevation: t.oneOf(["default", "elevated", "flat"]),
+  /**
+   * @deprecated _Use `variant='filled'` instead._
+   *
+   * Apply a filled-in style. Previously called `primary`.
+   *
+   * Defaults to **undefined**.
+   */
+  filled: d(t.bool, "Button", 'Use `variant="filled"` instead.'),
+  /**
+   * Applies a full-width style where the textfield will fill it's container.
+   *
+   * Defaults to **false**.
+   */
+  fullWidth: t.bool,
+  /**
+   * The button will render as an anchor tag. If the tag prop is set, that prop will take precedence.
+   *
+   * Defaults to **null**.
+   */
+  href: t.string,
+  /**
+   * The displayed text. Expects a valid string. If label and children are both set, label will take priority.
+   *
+   * Defaults to **null**.
+   */
+  label: t.string,
+  /**
+   * Adds the given Icon to the left of the button text. May not be used with `trailingIcon` - if `leadingIcon` and `trailingIcon` are both set, `leadingIcon` will take priority. Expects the name of a valid Material.io icon, however an icon component may be passed in instead for more control,
+   *
+   * Defaults to **undefined**.
+   */
+  leadingIcon: t.oneOfType([t.string, t.func, t.node]),
+  /**
+   * The primary interaction event for button.
+   *
+   * Defaults to **null**.
+   */
+  onClick: t.func,
+  /**
+   * @deprecated _Use `variant='outlined'`._
+   *
+   * Apply outlined style to the button. Previously called `secondary`.
+   *
+   * Defaults to **undefined**.
+   */
+  outlined: d(t.bool, "Button", 'Use `variant="outlined"`.'),
+  /**
+   * @deprecated _Use `variant='filled'` instead._
+   *
+   * Apply primary style to the Button.
+   *
+   * Defaults to **undefined**.
+   */
+  primary: d(t.bool, "Button", 'Use `variant="filled"` instead.'),
+  /**
+   * @deprecated _Use `'variant=outlined'` instead._
+   *
+   * Apply secondary style to the Button.
+   *
+   * Defaults to **undefined**.
+   */
+  secondary: d(t.bool, "Button", 'Use `"variant=outlined"` instead.'),
+  /**
+   * By default a button or anchor tag will be rendered, this allows another tag/component to be used instead. A block type element/component is suggested.
+   *
+   * Defaults to **null**.
+   */
+  tag: t.oneOfType([t.string, t.elementType, t.instanceOf(u.Component)]),
+  /**
+   * @deprecated _Use `variant='embedded'` instead._
+   *
+   * Apply tertiary style to the Button.
+   *
+   * Defaults to **undefined**.
+   */
+  tertiary: d(t.bool, "Button", 'Use `variant="embedded"` instead.'),
+  /**
+   * @deprecated _Use `variant='text'` instead._
+   *
+   * Apply unfilled, un-outlined style to the Button. Previously called `tertiary`.
+   *
+   * Defaults to **undefined**.
+   */
+  text: d(t.bool, "Button", 'Use `variant="text"` instead.'),
+  /**
+   * Sets the theme color for the button. Most commonly used when the control is placed on a darker surface.
+   *
+   * Defaults to **'primary'**.
+   */
+  themeColor: dt(t.oneOf(["primary", "secondary", "danger", "success", "on-unknown-black", "on-unknown-white", "on-primary", "on-secondary", "on-success", "on-danger"]), ["onUnknownBlack", "onUnknownWhite"], "Button", "Please use one of 'primary','secondary','danger','success','on-unknown-black','on-unknown-white','on-primary','on-secondary','on-success','on-danger'."),
+  /**
+   * Adds the given Icon to the right of the button text. May not be used with `leadingIcon` - if `leadingIcon` and `trailingIcon` are both set, `leadingIcon` will take priority. Expects the name of a valid Material.io icon, however an icon component may be passed in instead for more control.
+   *
+   * Defaults to **undefined**.
+   */
+  trailingIcon: t.oneOfType([t.string, t.func, t.node]),
+  /**
+   * This applies the html button type (button, submit, reset) or the anchor media type when used with the href property.
+   *
+   * Defaults to **'button'**.
+   */
+  type: t.oneOf(["button", "submit", "reset"]),
+  /**
+   * @deprecated _Use `elevation='flat' instead._
+   *
+   * Remove elevation.
+   *
+   * Defaults to **undefined**.
+   */
+  unelevated: d(t.bool, "Button", 'Use `elevation="flat" instead.'),
+  /**
+   * Applies the selected style to the button. `rounded-small` and `rounded-micro` are only available on select themes.
+   *
+   * Defaults to **'filled'**.
+   */
+  variant: t.oneOf(["filled", "outlined", "danger", "text", "success", "rounded-small", "rounded-micro"])
+}, st = {
+  altColor: void 0,
+  buttonSize: "themeDefault",
+  children: null,
+  className: void 0,
+  customRef: void 0,
+  danger: void 0,
+  disabled: !1,
+  elevation: "default",
+  filled: void 0,
+  fullWidth: !1,
+  href: null,
+  label: null,
+  leadingIcon: void 0,
+  outlined: void 0,
+  primary: void 0,
+  secondary: void 0,
+  tag: null,
+  tertiary: void 0,
+  text: void 0,
+  themeColor: "primary",
+  trailingIcon: void 0,
+  type: "button",
+  unelevated: void 0,
+  variant: "filled"
+}, bt = {
+  /**
+   * Children to be rendered. Expects multiple Element Buttons
+   *
+   * Defaults to **null**.
+   */
+  children: t.node,
+  /**
+   * How much spacing between buttons. Dense is 8p, standard is 16px and airy is 24px.
+   *
+   * Defaults to **'standard'**.
+   */
+  variant: t.oneOf(["dense", "standard", "airy"])
+}, ft = {
+  children: null,
+  variant: "standard"
+}, R = /* @__PURE__ */ C((v, h) => {
+  const {
+    altColor: s,
+    buttonSize: y,
+    children: b,
+    className: i,
+    customRef: k,
+    disabled: D,
+    elevation: I,
+    primary: G,
+    secondary: H,
+    tertiary: A,
+    text: F,
+    danger: J,
+    filled: K,
+    fullWidth: M,
+    href: E,
+    label: Q,
+    leadingIcon: c,
+    onClick: V,
+    outlined: X,
+    tag: Y,
+    themeColor: e,
+    trailingIcon: f,
+    type: Z,
+    unelevated: n,
+    variant: r,
+    ...tt
+  } = v, B = L(k || null);
+  j(h, () => B.current, []);
+  const nt = Q || b, et = Y || (E ? "a" : "button"), l = r === "outlined" || X || H, T = r === "rounded-small" || r === "rounded-micro", a = r === "text" || F || A, p = r === "danger" || J || e === "danger", g = r === "success" || e === "success", o = !l && !a && (r === "filled" || K || G), _ = s || e === "secondary", m = e === "primary", ot = f && !c, x = e === "onUnknownBlack" || e === "on-unknown-black", w = e === "onUnknownWhite" || e === "on-unknown-white", U = e === "onPrimary" || e === "on-primary", P = e === "onSecondary" || e === "on-secondary", lt = S(() => typeof c == "string" ? /* @__PURE__ */ u.createElement(z, {
+    tabIndex: 0,
+    role: "button",
+    className: "mdc-button__icon lmnt-button__icon--leading",
+    icon: c
+  }) : typeof c == "function" ? c({
+    className: "mdc-button__icon lmnt-button__icon--leading"
+  }) : W(c, "mdc-button__icon lmnt-button__icon--leading"), [c]), at = S(() => typeof f == "string" ? /* @__PURE__ */ u.createElement(z, {
+    tabIndex: 0,
+    role: "button",
+    className: "mdc-button__icon lmnt-button__icon--trailing",
+    icon: f
+  }) : typeof f == "function" ? f({
+    className: "mdc-button__icon lmnt-button__icon--trailing"
+  }) : W(f, "mdc-button__icon lmnt-button__icon--trailing"), [f]);
+  return /* @__PURE__ */ u.createElement(N, {
+    componentRef: B
+  }, /* @__PURE__ */ u.createElement(et, $({
+    ref: B,
+    href: E,
+    onClick: V,
+    type: Z,
+    disabled: D,
+    className: q("lmnt", "mdc-button", "lmnt-button", "mdc-button--touch", o && n && m && "lmnt-button--filled-primary", o && p && "lmnt-button--filled-danger", o && g && "lmnt-button--filled-success", o && n && _ && "lmnt-button--filled-secondary", o && !n && m && ["lmnt-button--filled-primary", "mdc-button--raised"], o && !n && _ && ["lmnt-button--filled-secondary", "mdc-button--raised"], o && !n && e === "on-primary" && ["lmnt-button--filled-on-primary", "mdc-button--raised"], o && !n && e === "on-secondary" && ["lmnt-button--filled-on-secondary", "mdc-button--raised"], o && !n && e === "on-success" && ["lmnt-button--filled-on-success", "mdc-button--raised"], o && !n && e === "on-danger" && ["lmnt-button--filled-on-danger", "mdc-button--raised"], o && !n && x && ["lmnt-button--filled-on-unknown-black", "mdc-button--raised"], o && !n && w && ["lmnt-button--filled-on-unknown-white", "mdc-button--raised"], l && m && ["lmnt-button--outlined-primary", "mdc-button--outlined"], o && !n && U && ["lmnt-button--filled-on-primary", "mdc-button--raised"], l && _ && ["lmnt-button--outlined-secondary", "mdc-button--outlined"], l && U && "lmnt-button--outlined-on-primary mdc-button--outlined", l && P && "lmnt-button--outlined-on-secondary mdc-button--outlined", l && w && "lmnt-button--outlined-on-unknown-white mdc-button--outlined", l && x && "lmnt-button--outlined-on-unknown-black mdc-button--outlined", a && U && "lmnt-button--text-on-primary mdc-button__text", a && P && "lmnt-button--text-on-secondary mdc-button__text", a && w && "lmnt-button--text-on-unknown-white mdc-button__text", a && x && "lmnt-button--text-on-unknown-black mdc-button__text", T && w && "lmnt-button--text-on-unknown-white mdc-button__text", T && x && "lmnt-button--text-on-unknown-black mdc-button__text", a && m && "lmnt-button--text-primary", a && _ && "lmnt-button--text-secondary", a && p && "lmnt-button--text-danger", a && g && "lmnt-button--text-success", p && n && _ && "lmnt-button--danger-secondary", p && !n && _ && ["lmnt-button--danger-secondary", "mdc-button--raised"], p && n && m && "lmnt-button--danger-primary", p && !n && m && ["lmnt-button--danger-primary", "mdc-button--raised"], p && l && ["lmnt-button--danger-primary", "mdc-button--outlined"], g && n && m && "lmnt-button--success-primary", g && !n && m && ["lmnt-button--success-primary", "mdc-button--raised"], g && l && ["lmnt-button--success-primary", "mdc-button--outlined"], g && l && ["lmnt-button--success-primary", "mdc-button--outlined"], M && "lmnt-button--full-width", n && !a && "mdc-button--unelevated", I === "flat" && "lmnt-button--flat", I === "elevated" && "lmnt-button--elevated", `lmnt-button--${y}`, r === "rounded-small" && "lmnt-button--rounded lmnt-button--rounded-small mdc-button__text lmnt-button--text-primary", r === "rounded-micro" && "lmnt-button--rounded lmnt-button--rounded-micro mdc-button__text lmnt-button--text-primary", i, "mdc-touch-target-wrapper")
+  }, tt), /* @__PURE__ */ u.createElement("span", {
+    className: "mdc-button__ripple"
+  }), c && lt(), /* @__PURE__ */ u.createElement("span", {
+    className: "mdc-button__label"
+  }, nt), ot && at(), /* @__PURE__ */ u.createElement("span", {
+    className: "mdc-button__touch"
+  })));
+});
+R.displayName = "Button";
+R.propTypes = mt;
+R.defaultProps = st;
+const O = /* @__PURE__ */ C((v, h) => {
+  const {
+    children: s,
+    className: y,
+    variant: b,
+    ...i
+  } = v;
+  return /* @__PURE__ */ u.createElement("div", $({
+    ref: h,
+    className: q("lmnt", "lmnt-button-group", b === "dense" && "lmnt-button-group--dense", b === "standard" && "lmnt-button-group--standard", b === "airy" && "lmnt-button-group--airy", y)
+  }, i), s);
+});
+O.displayName = "ButtonGroup";
+O.propTypes = bt;
+O.defaultProps = ft;
+export {
+  R as O,
+  N as o
+};

package/dist/index.es-D-CKRzIB-DPq2PQz-.js

@@ -0,0 +1,63 @@
+import { N as u, _ as f, R as a } from "./useTranslation-v0qSkb40.js";
+import y, { forwardRef as v, useMemo as N, useRef as R, useImperativeHandle as P } from "react";
+const _ = {
+  /**
+   * Content to be rendered inside the padding component. Accepts any valid markup.
+   *
+   * Defaults to **null**.
+   */
+  children: a.node.isRequired,
+  /**
+   * The css class name to be passed through to the component markup.
+   *
+   * Defaults to **undefined**.
+   */
+  className: a.string,
+  /**
+   * Adds a custom padding style to the child content. Must be a valid CSS padding declaration. i.e. 38px 30px
+   *
+   * Defaults to **null**.
+   */
+  customPadding: a.string,
+  /**
+   * By default a div will be rendered, this allow another tag to be used instead. A block type component is suggested.
+   *
+   * Defaults to **'div'**.
+   */
+  tag: a.oneOfType([a.string, a.elementType]),
+  /**
+   * Applies the specified padding amount. `dense` is 8px, `standard` is 16px, and `airy` is 24px. If `customPadding` is used, this will be ignored.
+   *
+   * Defaults to **'standard'**.
+   */
+  variant: a.oneOf(["dense", "standard", "airy"])
+}, h = {
+  children: null,
+  className: void 0,
+  customPadding: null,
+  tag: "div",
+  variant: "standard"
+}, n = /* @__PURE__ */ v((t, r) => {
+  const {
+    tag: i,
+    variant: e,
+    children: l,
+    className: m,
+    customPadding: d,
+    style: s,
+    ...o
+  } = t, p = N(() => ({
+    ...s,
+    padding: d
+  }), [s, d]), g = i || "div", c = R();
+  return P(r, () => c.current, []), /* @__PURE__ */ y.createElement(g, u({
+    className: f("lmnt", "lmnt-padding", e === "dense" && "lmnt-padding--dense", e === "standard" && "lmnt-padding--standard", e === "airy" && "lmnt-padding--airy", m),
+    style: p
+  }, o), l);
+});
+n.displayName = "Padding";
+n.propTypes = _;
+n.defaultProps = h;
+export {
+  n
+};

package/dist/locales/en-US.js

@@ -1,13 +1,15 @@
-const e = { separator: "Please use a period as a decimal separator, e.g. 12,345.67" }, a = { pageOfTranslation: "of", pageTranslation: "Page", rowsPerPageTranslation: "Rows per page" }, t = { dataBase: "The data for this module is loading!", dataBaseSubtitle: "Please wait or come back later.", default: "Sorry, something went wrong!", defaultSubtitle: "The problem is being addressed by our technical team. Please come back later.", iotService: "The data of your devices cannot be retrieved currently.", iotServiceSubtitle: "The problem is being addressed by our technical team. Please come back later.", platform: "The platform data used by this module cannot be retrieved currently.", platformSubtitle: "Please wait or come back later." }, r = { baseMessage: "Loading...", impatienceMessage: "This is taking longer than expected. Please be patient." }, o = {
+const e = { separator: "Please use a period as a decimal separator, e.g. 12,345.67" }, a = { pageOfTranslation: "of", pageTranslation: "Page", rowsPerPageTranslation: "Rows per page" }, t = { dataBase: "The data for this module is loading!", dataBaseSubtitle: "Please wait or come back later.", default: "Sorry, something went wrong!", defaultSubtitle: "The problem is being addressed by our technical team. Please come back later.", iotService: "The data of your devices cannot be retrieved currently.", iotServiceSubtitle: "The problem is being addressed by our technical team. Please come back later.", platform: "The platform data used by this module cannot be retrieved currently.", platformSubtitle: "Please wait or come back later." }, r = { baseMessage: "Loading...", impatienceMessage: "This is taking longer than expected. Please be patient." }, o = { title: "You’re currently offline", subtitle: "This feature is unavailable until you reconnect" }, i = {
   formNumber: e,
   genericTable: a,
   healthCheck: t,
-  loadingSpinner: r
+  loadingSpinner: r,
+  offlineView: o
 };
 export {
-  o as default,
+  i as default,
   e as formNumber,
   a as genericTable,
   t as healthCheck,
-  r as loadingSpinner
+  r as loadingSpinner,
+  o as offlineView
 };

package/dist/locales/en-US.json.d.ts

@@ -20,6 +20,10 @@ declare const _default: {
   "loadingSpinner": {
     "baseMessage": "Loading...",
     "impatienceMessage": "This is taking longer than expected. Please be patient."
+  },
+  "offlineView": {
+    "title": "You’re currently offline",
+    "subtitle": "This feature is unavailable until you reconnect"
   }
 }
 ;

package/dist/locales/es-MX.js

@@ -1,14 +1,16 @@
 const e = { separator: "Utilice un período como separador decimal, p. 12,345.67" }, a = { pageOfTranslation: "de", pageTranslation: "Página", rowsPerPageTranslation: "Filas por página" }, o = { dataBase: "¡Los datos para este módulo se están cargando!", dataBaseSubtitle: "Espere o vuelva más tarde.", default: "Lo siento, algo salió mal!", defaultSubtitle: `El problema está siendo abordado por nuestro equipo técnico. 
-Vuelve más tarde.`, iotService: "Los datos de sus dispositivos no se pueden recuperar actualmente.", iotServiceSubtitle: "El problema está siendo abordado por nuestro equipo técnico. Vuelve más tarde.", platform: "Los datos de la plataforma utilizados por este módulo no se pueden recuperar actualmente.", platformSubtitle: "Espere o vuelva más tarde." }, s = { baseMessage: "Cargando...", impatienceMessage: "Esto está tardando más de lo esperado. Por favor, sea paciente." }, t = {
+Vuelve más tarde.`, iotService: "Los datos de sus dispositivos no se pueden recuperar actualmente.", iotServiceSubtitle: "El problema está siendo abordado por nuestro equipo técnico. Vuelve más tarde.", platform: "Los datos de la plataforma utilizados por este módulo no se pueden recuperar actualmente.", platformSubtitle: "Espere o vuelva más tarde." }, t = { baseMessage: "Cargando...", impatienceMessage: "Esto está tardando más de lo esperado. Por favor, sea paciente." }, s = { title: "Actualmente estás sin conexión.", subtitle: "Esta función no está disponible hasta que te vuelvas a conectar." }, r = {
   formNumber: e,
   genericTable: a,
   healthCheck: o,
-  loadingSpinner: s
+  loadingSpinner: t,
+  offlineView: s
 };
 export {
-  t as default,
+  r as default,
   e as formNumber,
   a as genericTable,
   o as healthCheck,
-  s as loadingSpinner
+  t as loadingSpinner,
+  s as offlineView
 };

package/dist/locales/es-MX.json.d.ts

@@ -20,6 +20,10 @@ declare const _default: {
   "loadingSpinner": {
     "baseMessage": "Cargando...",
     "impatienceMessage": "Esto está tardando más de lo esperado. Por favor, sea paciente."
+  },
+  "offlineView": {
+    "title": "Actualmente estás sin conexión.",
+    "subtitle": "Esta función no está disponible hasta que te vuelvas a conectar."
   }
 }
 ;

package/dist/locales/tr-TR.js

@@ -1,14 +1,16 @@
 const a = { separator: "Lütfen ondalık ayırıcı olarak virgül kullanın, ör. 12.345,67" }, e = { pageOfTranslation: "ile ilgili", pageTranslation: "Sayfa", rowsPerPageTranslation: "Sayfa başına satırlar" }, n = { dataBase: "Bu modül için veriler yükleniyor!", dataBaseSubtitle: "Lütfen bekleyin veya daha sonra geri dönün.", default: "Üzgünüm, bir şeyler ters gitti!", defaultSubtitle: `Sorun teknik ekibimiz tarafından ele alınmaktadır. 
-Lütfen daha sonra tekrar gelin.`, iotService: "Cihazlarınızın verileri şu anda alınamaz.", iotServiceSubtitle: "Sorun teknik ekibimiz tarafından ele alınmaktadır. Lütfen daha sonra tekrar gelin.", platform: "Bu modül tarafından kullanılan platform verileri şu anda alınamaz.", platformSubtitle: "Lütfen bekleyin veya daha sonra geri dönün." }, r = { baseMessage: "Yükleme ...", impatienceMessage: "Bu beklenenden daha uzun sürüyor. Lütfen sabırlı olun." }, l = {
+Lütfen daha sonra tekrar gelin.`, iotService: "Cihazlarınızın verileri şu anda alınamaz.", iotServiceSubtitle: "Sorun teknik ekibimiz tarafından ele alınmaktadır. Lütfen daha sonra tekrar gelin.", platform: "Bu modül tarafından kullanılan platform verileri şu anda alınamaz.", platformSubtitle: "Lütfen bekleyin veya daha sonra geri dönün." }, l = { baseMessage: "Yükleme ...", impatienceMessage: "Bu beklenenden daha uzun sürüyor. Lütfen sabırlı olun." }, r = { title: "Şu anda çevrimdışısınız", subtitle: "Bu özellik yeniden bağlanana kadar kullanılamaz" }, t = {
   formNumber: a,
   genericTable: e,
   healthCheck: n,
-  loadingSpinner: r
+  loadingSpinner: l,
+  offlineView: r
 };
 export {
-  l as default,
+  t as default,
   a as formNumber,
   e as genericTable,
   n as healthCheck,
-  r as loadingSpinner
+  l as loadingSpinner,
+  r as offlineView
 };

package/dist/locales/tr-TR.json.d.ts

@@ -20,6 +20,10 @@ declare const _default: {
   "loadingSpinner": {
     "baseMessage": "Yükleme ...",
     "impatienceMessage": "Bu beklenenden daha uzun sürüyor. Lütfen sabırlı olun."
+  },
+  "offlineView": {
+    "title": "Şu anda çevrimdışısınız",
+    "subtitle": "Bu özellik yeniden bağlanana kadar kullanılamaz"
   }
 }
 ;

package/dist/main.d.ts

@@ -2,6 +2,7 @@ export { DefaultFormNumber } from './components/DefaultFormNumber/DefaultFormNum
 export { DefaultLoadingSpinner } from './components/DefaultLoadingSpinner/DefaultLoadingSpinner';
 export { GenericTable } from './components/GenericTable/GenericTable';
 export { ImpatienceLoadingSpinner } from './components/ImpatienceLoadingSpinner/ImpatienceLoadingSpinner';
+export { OfflineView } from './components/OfflineView/OfflineView';
 /** default health checks */
 export { DataBaseHealthCheck } from './components/HealthChecks/DataBaseHealthCheck';
 export { DefaultHealthCheck } from './components/HealthChecks/DefaultHealthCheck';

package/dist/main.js

@@ -2,19 +2,21 @@ import { DefaultFormNumber as r } from "./components/DefaultFormNumber/DefaultFo
 import { DefaultLoadingSpinner as a } from "./components/DefaultLoadingSpinner/DefaultLoadingSpinner.js";
 import { GenericTable as m } from "./components/GenericTable/GenericTable.js";
 import { ImpatienceLoadingSpinner as n } from "./components/ImpatienceLoadingSpinner/ImpatienceLoadingSpinner.js";
-import { DataBaseHealthCheck as h } from "./components/HealthChecks/DataBaseHealthCheck.js";
-import { DefaultHealthCheck as c } from "./components/HealthChecks/DefaultHealthCheck.js";
-import { IotServiceHealthCheck as u } from "./components/HealthChecks/IotServiceHealthCheck.js";
-import { PlatformHealthCheck as g } from "./components/HealthChecks/PlatformHealthCheck.js";
-import { useChangeDefaultComponentsLanguage as k } from "./components/InternationalizationWrapper/InternationalizationWrapper.js";
+import { OfflineView as x } from "./components/OfflineView/OfflineView.js";
+import { DataBaseHealthCheck as i } from "./components/HealthChecks/DataBaseHealthCheck.js";
+import { DefaultHealthCheck as u } from "./components/HealthChecks/DefaultHealthCheck.js";
+import { IotServiceHealthCheck as g } from "./components/HealthChecks/IotServiceHealthCheck.js";
+import { PlatformHealthCheck as k } from "./components/HealthChecks/PlatformHealthCheck.js";
+import { useChangeDefaultComponentsLanguage as s } from "./components/InternationalizationWrapper/InternationalizationWrapper.js";
 export {
-  h as DataBaseHealthCheck,
+  i as DataBaseHealthCheck,
   r as DefaultFormNumber,
-  c as DefaultHealthCheck,
+  u as DefaultHealthCheck,
   a as DefaultLoadingSpinner,
   m as GenericTable,
   n as ImpatienceLoadingSpinner,
-  u as IotServiceHealthCheck,
-  g as PlatformHealthCheck,
-  k as useChangeDefaultComponentsLanguage
+  g as IotServiceHealthCheck,
+  x as OfflineView,
+  k as PlatformHealthCheck,
+  s as useChangeDefaultComponentsLanguage
 };