linear-react-components-ui 1.1.25-rc.2 → 1.1.26-beta-1

package/lib/radio/types.d.ts

@@ -1,8 +1,7 @@
 import { ChangeEvent, Ref, RefObject } from 'react';
-import { PermissionAttr } from '../@types/PermissionAttr.js';
-import { Size } from '../@types/Size.js';
-
-interface IRadioProps {
+import { PermissionAttr } from '../@types/PermissionAttr';
+import { Size } from '../@types/Size';
+export interface IRadioProps {
     label?: string;
     disabled?: boolean;
     defaultChecked?: boolean;
@@ -24,5 +23,3 @@ interface IRadioProps {
     themePopover?: 'light' | 'dark';
     popoverAlign?: 'right' | 'left';
 }
-
-export { IRadioProps };

package/lib/shortcuts/index.d.ts

@@ -1,7 +1,3 @@
-import { IShortcutsProps } from './types.js';
-import 'react';
-import '../@types/ColorStyles.js';
-
-declare const Shortcuts: ({ type, style, styleShortcut, shortcut, description }: IShortcutsProps) => JSX.Element;
-
-export { Shortcuts as default };
+import { IShortcutsProps } from './types';
+declare const Shortcuts: ({ type, style, styleShortcut, shortcut, description }: IShortcutsProps) => import("react/jsx-runtime").JSX.Element;
+export default Shortcuts;

package/lib/shortcuts/index.js

@@ -1,28 +1,9 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-require("../assets/styles/shortcuts.scss");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const Shortcuts = _ref => {
-  let {
-    type,
-    style,
-    styleShortcut,
-    shortcut,
-    description
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("p", {
-    "data-testid": "description",
-    className: "shortcut-description",
-    style: style
-  }, /*#__PURE__*/_react.default.createElement("kbd", {
-    "data-testid": "shortcut",
-    className: `shortcut-component ${type && `-${type}`}`,
-    style: styleShortcut
-  }, shortcut), ":\xA0", description);
+import { j as s } from "../chunks/jsx-runtime.CYK1ROHF.js";
+import '../assets/index15.css';const d = ({ type: t, style: o, styleShortcut: c, shortcut: e, description: r }) => /* @__PURE__ */ s.jsxs("p", { "data-testid": "description", className: "shortcut-description", style: o, children: [
+  /* @__PURE__ */ s.jsx("kbd", { "data-testid": "shortcut", className: `shortcut-component ${t && `-${t}`}`, style: c, children: e }),
+  ": ",
+  r
+] });
+export {
+  d as default
 };
-var _default = exports.default = Shortcuts;

package/lib/shortcuts/types.d.ts

@@ -1,12 +1,9 @@
 import { CSSProperties } from 'react';
-import { ColorStyles } from '../@types/ColorStyles.js';
-
-interface IShortcutsProps {
+import { ColorStyles } from '../@types/ColorStyles';
+export interface IShortcutsProps {
     type?: ColorStyles;
     style?: CSSProperties;
     styleShortcut?: CSSProperties;
     shortcut: string;
     description: string;
 }
-
-export { IShortcutsProps };

package/lib/skeleton/SkeletonContainer.d.ts

@@ -1,7 +1,3 @@
-import { ISkeletonContainerProps } from './types.js';
-import 'react';
-import '../@types/Size.js';
-
-declare const SkeletonContainer: ({ children, row, customClass, style }: ISkeletonContainerProps) => JSX.Element;
-
-export { SkeletonContainer as default };
+import { ISkeletonContainerProps } from './types';
+declare const SkeletonContainer: ({ children, row, customClass, style }: ISkeletonContainerProps) => import("react/jsx-runtime").JSX.Element;
+export default SkeletonContainer;

package/lib/skeleton/SkeletonContainer.js

@@ -1,23 +1,9 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const SkeletonContainer = _ref => {
-  let {
-    children,
-    row,
-    customClass,
-    style
-  } = _ref;
-  const getClass = () => `skeletoncontainer-component ${customClass}
-    ${row && '-row'}`;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: getClass(),
-    style: style
-  }, children);
+import { j as r } from "../chunks/jsx-runtime.CYK1ROHF.js";
+const c = ({ children: t, row: e, customClass: o, style: n }) => {
+  const s = () => `skeletoncontainer-component ${o}
+    ${e && "-row"}`;
+  return /* @__PURE__ */ r.jsx("div", { className: s(), style: n, children: t });
+};
+export {
+  c as default
 };
-var _default = exports.default = SkeletonContainer;

package/lib/skeleton/index.d.ts

@@ -1,8 +1,5 @@
-export { default as SkeletonContainer } from './SkeletonContainer.js';
-import { ISkeletonProps } from './types.js';
-import 'react';
-import '../@types/Size.js';
-
-declare const Skeleton: (props: ISkeletonProps) => JSX.Element;
-
-export { Skeleton as default };
+import { default as SkeletonContainer } from './SkeletonContainer';
+import { ISkeletonProps } from './types';
+declare const Skeleton: (props: ISkeletonProps) => import("react/jsx-runtime").JSX.Element;
+export default Skeleton;
+export { SkeletonContainer };

package/lib/skeleton/index.js

@@ -1,54 +1,25 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "SkeletonContainer", {
-  enumerable: true,
-  get: function () {
-    return _SkeletonContainer.default;
-  }
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _gridlayout = _interopRequireDefault(require("../gridlayout"));
-var _SkeletonContainer = _interopRequireDefault(require("./SkeletonContainer"));
-require("../assets/styles/skeleton.scss");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-const Skeleton = props => {
+import { j as n } from "../chunks/jsx-runtime.CYK1ROHF.js";
+import '../assets/skeleton.css';import '../assets/gridlayout.css';/* empty css                            */
+import p from "../gridlayout/GridCol.js";
+import { default as y } from "./SkeletonContainer.js";
+/* empty css                          */
+const h = (l) => {
   const {
-    customClass = '',
-    style,
-    width,
-    height,
-    round,
-    color = 'default',
-    size = 'medium',
-    gridLayout
-  } = props;
-  const customStyles = {
-    width,
-    height
-  };
-  const getClass = () => `skeleton-component ${customClass}
-    ${color && `-${color}`}
-    ${round && '-round'}
-    ${round && size && `-${size}`}`;
-  const renderContent = () => /*#__PURE__*/_react.default.createElement("div", {
-    className: getClass(),
-    style: _objectSpread(_objectSpread({}, customStyles), style)
-  });
-  if (gridLayout !== undefined) {
-    return /*#__PURE__*/_react.default.createElement(_gridlayout.default, {
-      customClass: "-withskeleton",
-      cols: gridLayout
-    }, renderContent());
-  }
-  return renderContent();
+    customClass: i = "",
+    style: m,
+    width: a,
+    height: c,
+    round: t,
+    color: o = "default",
+    size: e = "medium",
+    gridLayout: s
+  } = l, d = { width: a, height: c }, u = () => `skeleton-component ${i}
+    ${o && `-${o}`}
+    ${t && "-round"}
+    ${t && e && `-${e}`}`, r = () => /* @__PURE__ */ n.jsx("div", { className: u(), style: { ...d, ...m } });
+  return s !== void 0 ? /* @__PURE__ */ n.jsx(p, { customClass: "-withskeleton", cols: s, children: r() }) : r();
+};
+export {
+  y as SkeletonContainer,
+  h as default
 };
-var _default = exports.default = Skeleton;

package/lib/skeleton/types.d.ts

@@ -1,7 +1,6 @@
 import { CSSProperties, ReactNode } from 'react';
-import { Size } from '../@types/Size.js';
-
-interface ISkeletonProps {
+import { Size } from '../@types/Size';
+export interface ISkeletonProps {
     width?: string | number;
     height?: string | number;
     round?: boolean;
@@ -11,11 +10,9 @@ interface ISkeletonProps {
     customClass?: string;
     style?: CSSProperties;
 }
-interface ISkeletonContainerProps {
+export interface ISkeletonContainerProps {
     children: ReactNode;
     row?: boolean;
     customClass?: string;
     style?: CSSProperties;
 }
-
-export { ISkeletonContainerProps, ISkeletonProps };

package/lib/spinner/SpinnerLoading.d.ts

@@ -1,7 +1,3 @@
-import { ISpinnerLoadingProps } from './types.js';
-import 'react';
-import '../@types/Align.js';
-
-declare const SpinnerLoading: ({ color, size }: ISpinnerLoadingProps) => JSX.Element;
-
-export { SpinnerLoading as default };
+import { ISpinnerLoadingProps } from './types';
+declare const SpinnerLoading: ({ color, size }: ISpinnerLoadingProps) => import("react/jsx-runtime").JSX.Element;
+export default SpinnerLoading;

package/lib/spinner/SpinnerLoading.js

@@ -1,220 +1,18 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const SpinnerLoading = _ref => {
-  let {
-    color = '#3B3B3B',
-    size = '50px'
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("svg", {
-    "data-testid": "spinner",
-    className: "lds-spinner spinnerloading",
-    fill: color,
-    width: size,
-    height: size,
-    viewBox: "0 0 100 100",
-    preserveAspectRatio: "xMidYMid",
-    style: {
-      background: 'none',
-      float: 'right'
-    }
-  }, /*#__PURE__*/_react.default.createElement("g", {
-    transform: "rotate(0 50 50)"
-  }, /*#__PURE__*/_react.default.createElement("rect", {
-    x: "47",
-    y: "24",
-    rx: "9.4",
-    ry: "4.8",
-    width: "6",
-    height: "12"
-  }, /*#__PURE__*/_react.default.createElement("animate", {
-    attributeName: "opacity",
-    values: "1;0",
-    keyTimes: "0;1",
-    dur: "1s",
-    begin: "-0.9166666666666666s",
-    repeatCount: "indefinite"
-  }))), /*#__PURE__*/_react.default.createElement("g", {
-    transform: "rotate(30 50 50)"
-  }, /*#__PURE__*/_react.default.createElement("rect", {
-    x: "47",
-    y: "24",
-    rx: "9.4",
-    ry: "4.8",
-    width: "6",
-    height: "12"
-  }, /*#__PURE__*/_react.default.createElement("animate", {
-    attributeName: "opacity",
-    values: "1;0",
-    keyTimes: "0;1",
-    dur: "1s",
-    begin: "-0.8333333333333334s",
-    repeatCount: "indefinite"
-  }))), /*#__PURE__*/_react.default.createElement("g", {
-    transform: "rotate(60 50 50)"
-  }, /*#__PURE__*/_react.default.createElement("rect", {
-    x: "47",
-    y: "24",
-    rx: "9.4",
-    ry: "4.8",
-    width: "6",
-    height: "12"
-  }, /*#__PURE__*/_react.default.createElement("animate", {
-    attributeName: "opacity",
-    values: "1;0",
-    keyTimes: "0;1",
-    dur: "1s",
-    begin: "-0.75s",
-    repeatCount: "indefinite"
-  }))), /*#__PURE__*/_react.default.createElement("g", {
-    transform: "rotate(90 50 50)"
-  }, /*#__PURE__*/_react.default.createElement("rect", {
-    x: "47",
-    y: "24",
-    rx: "9.4",
-    ry: "4.8",
-    width: "6",
-    height: "12"
-  }, /*#__PURE__*/_react.default.createElement("animate", {
-    attributeName: "opacity",
-    values: "1;0",
-    keyTimes: "0;1",
-    dur: "1s",
-    begin: "-0.6666666666666666s",
-    repeatCount: "indefinite"
-  }))), /*#__PURE__*/_react.default.createElement("g", {
-    transform: "rotate(120 50 50)"
-  }, /*#__PURE__*/_react.default.createElement("rect", {
-    x: "47",
-    y: "24",
-    rx: "9.4",
-    ry: "4.8",
-    width: "6",
-    height: "12"
-  }, /*#__PURE__*/_react.default.createElement("animate", {
-    attributeName: "opacity",
-    values: "1;0",
-    keyTimes: "0;1",
-    dur: "1s",
-    begin: "-0.5833333333333334s",
-    repeatCount: "indefinite"
-  }))), /*#__PURE__*/_react.default.createElement("g", {
-    transform: "rotate(150 50 50)"
-  }, /*#__PURE__*/_react.default.createElement("rect", {
-    x: "47",
-    y: "24",
-    rx: "9.4",
-    ry: "4.8",
-    width: "6",
-    height: "12"
-  }, /*#__PURE__*/_react.default.createElement("animate", {
-    attributeName: "opacity",
-    values: "1;0",
-    keyTimes: "0;1",
-    dur: "1s",
-    begin: "-0.5s",
-    repeatCount: "indefinite"
-  }))), /*#__PURE__*/_react.default.createElement("g", {
-    transform: "rotate(180 50 50)"
-  }, /*#__PURE__*/_react.default.createElement("rect", {
-    x: "47",
-    y: "24",
-    rx: "9.4",
-    ry: "4.8",
-    width: "6",
-    height: "12"
-  }, /*#__PURE__*/_react.default.createElement("animate", {
-    attributeName: "opacity",
-    values: "1;0",
-    keyTimes: "0;1",
-    dur: "1s",
-    begin: "-0.4166666666666667s",
-    repeatCount: "indefinite"
-  }))), /*#__PURE__*/_react.default.createElement("g", {
-    transform: "rotate(210 50 50)"
-  }, /*#__PURE__*/_react.default.createElement("rect", {
-    x: "47",
-    y: "24",
-    rx: "9.4",
-    ry: "4.8",
-    width: "6",
-    height: "12"
-  }, /*#__PURE__*/_react.default.createElement("animate", {
-    attributeName: "opacity",
-    values: "1;0",
-    keyTimes: "0;1",
-    dur: "1s",
-    begin: "-0.3333333333333333s",
-    repeatCount: "indefinite"
-  }))), /*#__PURE__*/_react.default.createElement("g", {
-    transform: "rotate(240 50 50)"
-  }, /*#__PURE__*/_react.default.createElement("rect", {
-    x: "47",
-    y: "24",
-    rx: "9.4",
-    ry: "4.8",
-    width: "6",
-    height: "12"
-  }, /*#__PURE__*/_react.default.createElement("animate", {
-    attributeName: "opacity",
-    values: "1;0",
-    keyTimes: "0;1",
-    dur: "1s",
-    begin: "-0.25s",
-    repeatCount: "indefinite"
-  }))), /*#__PURE__*/_react.default.createElement("g", {
-    transform: "rotate(270 50 50)"
-  }, /*#__PURE__*/_react.default.createElement("rect", {
-    x: "47",
-    y: "24",
-    rx: "9.4",
-    ry: "4.8",
-    width: "6",
-    height: "12"
-  }, /*#__PURE__*/_react.default.createElement("animate", {
-    attributeName: "opacity",
-    values: "1;0",
-    keyTimes: "0;1",
-    dur: "1s",
-    begin: "-0.16666666666666666s",
-    repeatCount: "indefinite"
-  }))), /*#__PURE__*/_react.default.createElement("g", {
-    transform: "rotate(300 50 50)"
-  }, /*#__PURE__*/_react.default.createElement("rect", {
-    x: "47",
-    y: "24",
-    rx: "9.4",
-    ry: "4.8",
-    width: "6",
-    height: "12"
-  }, /*#__PURE__*/_react.default.createElement("animate", {
-    attributeName: "opacity",
-    values: "1;0",
-    keyTimes: "0;1",
-    dur: "1s",
-    begin: "-0.08333333333333333s",
-    repeatCount: "indefinite"
-  }))), /*#__PURE__*/_react.default.createElement("g", {
-    transform: "rotate(330 50 50)"
-  }, /*#__PURE__*/_react.default.createElement("rect", {
-    x: "47",
-    y: "24",
-    rx: "9.4",
-    ry: "4.8",
-    width: "6",
-    height: "12"
-  }, /*#__PURE__*/_react.default.createElement("animate", {
-    attributeName: "opacity",
-    values: "1;0",
-    keyTimes: "0;1",
-    dur: "1s",
-    begin: "0s",
-    repeatCount: "indefinite"
-  }))));
+import { j as e } from "../chunks/jsx-runtime.CYK1ROHF.js";
+const a = ({ color: t = "#3B3B3B", size: i = "50px" }) => /* @__PURE__ */ e.jsxs("svg", { "data-testid": "spinner", className: "lds-spinner spinnerloading", fill: t, width: i, viewBox: "0 0 100 100", preserveAspectRatio: "xMidYMid", style: { background: "none", float: "right" }, children: [
+  /* @__PURE__ */ e.jsx("g", { transform: "rotate(0 50 50)", children: /* @__PURE__ */ e.jsx("rect", { x: "47", y: "24", rx: "9.4", ry: "4.8", width: "6", height: "12", children: /* @__PURE__ */ e.jsx("animate", { attributeName: "opacity", values: "1;0", keyTimes: "0;1", dur: "1s", begin: "-0.9166666666666666s", repeatCount: "indefinite" }) }) }),
+  /* @__PURE__ */ e.jsx("g", { transform: "rotate(30 50 50)", children: /* @__PURE__ */ e.jsx("rect", { x: "47", y: "24", rx: "9.4", ry: "4.8", width: "6", height: "12", children: /* @__PURE__ */ e.jsx("animate", { attributeName: "opacity", values: "1;0", keyTimes: "0;1", dur: "1s", begin: "-0.8333333333333334s", repeatCount: "indefinite" }) }) }),
+  /* @__PURE__ */ e.jsx("g", { transform: "rotate(60 50 50)", children: /* @__PURE__ */ e.jsx("rect", { x: "47", y: "24", rx: "9.4", ry: "4.8", width: "6", height: "12", children: /* @__PURE__ */ e.jsx("animate", { attributeName: "opacity", values: "1;0", keyTimes: "0;1", dur: "1s", begin: "-0.75s", repeatCount: "indefinite" }) }) }),
+  /* @__PURE__ */ e.jsx("g", { transform: "rotate(90 50 50)", children: /* @__PURE__ */ e.jsx("rect", { x: "47", y: "24", rx: "9.4", ry: "4.8", width: "6", height: "12", children: /* @__PURE__ */ e.jsx("animate", { attributeName: "opacity", values: "1;0", keyTimes: "0;1", dur: "1s", begin: "-0.6666666666666666s", repeatCount: "indefinite" }) }) }),
+  /* @__PURE__ */ e.jsx("g", { transform: "rotate(120 50 50)", children: /* @__PURE__ */ e.jsx("rect", { x: "47", y: "24", rx: "9.4", ry: "4.8", width: "6", height: "12", children: /* @__PURE__ */ e.jsx("animate", { attributeName: "opacity", values: "1;0", keyTimes: "0;1", dur: "1s", begin: "-0.5833333333333334s", repeatCount: "indefinite" }) }) }),
+  /* @__PURE__ */ e.jsx("g", { transform: "rotate(150 50 50)", children: /* @__PURE__ */ e.jsx("rect", { x: "47", y: "24", rx: "9.4", ry: "4.8", width: "6", height: "12", children: /* @__PURE__ */ e.jsx("animate", { attributeName: "opacity", values: "1;0", keyTimes: "0;1", dur: "1s", begin: "-0.5s", repeatCount: "indefinite" }) }) }),
+  /* @__PURE__ */ e.jsx("g", { transform: "rotate(180 50 50)", children: /* @__PURE__ */ e.jsx("rect", { x: "47", y: "24", rx: "9.4", ry: "4.8", width: "6", height: "12", children: /* @__PURE__ */ e.jsx("animate", { attributeName: "opacity", values: "1;0", keyTimes: "0;1", dur: "1s", begin: "-0.4166666666666667s", repeatCount: "indefinite" }) }) }),
+  /* @__PURE__ */ e.jsx("g", { transform: "rotate(210 50 50)", children: /* @__PURE__ */ e.jsx("rect", { x: "47", y: "24", rx: "9.4", ry: "4.8", width: "6", height: "12", children: /* @__PURE__ */ e.jsx("animate", { attributeName: "opacity", values: "1;0", keyTimes: "0;1", dur: "1s", begin: "-0.3333333333333333s", repeatCount: "indefinite" }) }) }),
+  /* @__PURE__ */ e.jsx("g", { transform: "rotate(240 50 50)", children: /* @__PURE__ */ e.jsx("rect", { x: "47", y: "24", rx: "9.4", ry: "4.8", width: "6", height: "12", children: /* @__PURE__ */ e.jsx("animate", { attributeName: "opacity", values: "1;0", keyTimes: "0;1", dur: "1s", begin: "-0.25s", repeatCount: "indefinite" }) }) }),
+  /* @__PURE__ */ e.jsx("g", { transform: "rotate(270 50 50)", children: /* @__PURE__ */ e.jsx("rect", { x: "47", y: "24", rx: "9.4", ry: "4.8", width: "6", height: "12", children: /* @__PURE__ */ e.jsx("animate", { attributeName: "opacity", values: "1;0", keyTimes: "0;1", dur: "1s", begin: "-0.16666666666666666s", repeatCount: "indefinite" }) }) }),
+  /* @__PURE__ */ e.jsx("g", { transform: "rotate(300 50 50)", children: /* @__PURE__ */ e.jsx("rect", { x: "47", y: "24", rx: "9.4", ry: "4.8", width: "6", height: "12", children: /* @__PURE__ */ e.jsx("animate", { attributeName: "opacity", values: "1;0", keyTimes: "0;1", dur: "1s", begin: "-0.08333333333333333s", repeatCount: "indefinite" }) }) }),
+  /* @__PURE__ */ e.jsx("g", { transform: "rotate(330 50 50)", children: /* @__PURE__ */ e.jsx("rect", { x: "47", y: "24", rx: "9.4", ry: "4.8", width: "6", height: "12", children: /* @__PURE__ */ e.jsx("animate", { attributeName: "opacity", values: "1;0", keyTimes: "0;1", dur: "1s", begin: "0s", repeatCount: "indefinite" }) }) })
+] });
+export {
+  a as default
 };
-var _default = exports.default = SpinnerLoading;

package/lib/spinner/index.d.ts

@@ -1,7 +1,3 @@
-import { ISpinnerProps } from './types.js';
-import 'react';
-import '../@types/Align.js';
-
-declare const Spinner: (props: ISpinnerProps) => JSX.Element | null;
-
-export { Spinner as default };
+import { ISpinnerProps } from './types';
+declare const Spinner: (props: ISpinnerProps) => import("react/jsx-runtime").JSX.Element | null;
+export default Spinner;

package/lib/spinner/index.js

@@ -1,60 +1,41 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _SpinnerLoading = _interopRequireDefault(require("./SpinnerLoading"));
-require("../assets/styles/spinner.scss");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const Spinner = props => {
+import { j as i } from "../chunks/jsx-runtime.CYK1ROHF.js";
+import { useState as h, useRef as j, useEffect as y } from "react";
+import l from "./SpinnerLoading.js";
+import '../assets/index6.css';const S = (c) => {
   const {
-    align = 'center',
-    customClass,
-    style,
-    text,
-    visible = true,
-    delayTime = 1000,
-    heightAuto,
-    color = '#3B3B3B',
-    size = '50px'
-  } = props;
-  const [delay, setDelay] = (0, _react.useState)(!!delayTime);
-  const delayTimeout = (0, _react.useRef)(null);
-  (0, _react.useEffect)(() => {
-    if (delayTime) {
-      delayTimeout.current = setTimeout(() => {
-        setDelay(false);
-      }, delayTime);
-    }
-    return () => {
-      if (delayTimeout.current) {
-        clearTimeout(delayTimeout.current);
-      }
-    };
-  }, []);
-  const getCssClass = () => {
-    let css = `spinner-component -${align} ${customClass} `;
-    if (heightAuto) css = `${css} -heightauto`;
-    return css;
+    align: e = "center",
+    customClass: a,
+    style: f,
+    text: t,
+    visible: m = !0,
+    delayTime: r = 1e3,
+    heightAuto: p,
+    color: o = "#3B3B3B",
+    size: u = "50px"
+  } = c, [x, d] = h(!!r), s = j(null);
+  y(() => (r && (s.current = setTimeout(() => {
+    d(!1);
+  }, r)), () => {
+    s.current && clearTimeout(s.current);
+  }), []);
+  const g = () => {
+    let n = `spinner-component -${e} ${a} `;
+    return p && (n = `${n} -heightauto`), n;
   };
-  if (delay) return null;
-  if (!visible) return null;
-  if (align !== 'none') {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      style: style,
-      className: getCssClass()
-    }, align === 'right' && text, /*#__PURE__*/_react.default.createElement(_SpinnerLoading.default, {
-      color: color,
-      size: size
-    }), align === 'left' && text, align === 'center' && text);
-  }
-  return /*#__PURE__*/_react.default.createElement(_SpinnerLoading.default, {
-    color: color,
-    size: size
-  });
+  return x || !m ? null : e !== "none" ? /* @__PURE__ */ i.jsxs(
+    "div",
+    {
+      style: f,
+      className: g(),
+      children: [
+        e === "right" && t,
+        /* @__PURE__ */ i.jsx(l, { color: o, size: u }),
+        e === "left" && t,
+        e === "center" && t
+      ]
+    }
+  ) : /* @__PURE__ */ i.jsx(l, { color: o, size: u });
+};
+export {
+  S as default
 };
-var _default = exports.default = Spinner;

package/lib/spinner/spinner.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/spinner/types.d.ts

@@ -1,7 +1,6 @@
 import { CSSProperties } from 'react';
-import { Align } from '../@types/Align.js';
-
-interface ISpinnerProps {
+import { Align } from '../@types/Align';
+export interface ISpinnerProps {
     align?: Exclude<Align, 'top' | 'bottom'>;
     customClass?: string;
     text?: string;
@@ -10,11 +9,9 @@ interface ISpinnerProps {
     delayTime?: number;
     heightAuto?: boolean;
     color?: string;
-    size?: string | number;
+    size?: string;
 }
-interface ISpinnerLoadingProps {
+export interface ISpinnerLoadingProps {
     color?: string;
-    size: string | number;
+    size: string;
 }
-
-export { ISpinnerLoadingProps, ISpinnerProps };