@rolster/react-components 1.4.0

package/dist/esm/components/atoms/InputMoney/InputMoney.css

@@ -0,0 +1,7 @@
+.rls-input-money {
+  position: relative;
+  float: left;
+  width: 100%;
+  padding: var(--rls-input-parent-padding);
+  box-sizing: border-box;
+}

package/dist/esm/components/atoms/InputMoney/InputMoney.d.ts

@@ -0,0 +1,12 @@
+import { ReactControl } from '../../../hooks';
+import './InputMoney.css';
+interface InputMoney {
+    decimals?: boolean;
+    defaultValue?: number;
+    disabled?: boolean;
+    formControl?: ReactControl<HTMLInputElement, number>;
+    placeholder?: string;
+    symbol?: string;
+}
+export declare function RlsInputMoney({ decimals, defaultValue, disabled, formControl, placeholder, symbol }: InputMoney): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/components/atoms/InputMoney/InputMoney.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { RlsAmount } from '../Amount/Amount';
+import { RlsInput } from '../Input/Input';
+import './InputMoney.css';
+export function RlsInputMoney({ decimals, defaultValue, disabled, formControl, placeholder, symbol }) {
+    const [value, setValue] = useState(defaultValue || 0);
+    useEffect(() => {
+        formControl?.subscribe((value) => {
+            setValue(value || 0);
+        });
+    }, []);
+    return (_jsx("div", { className: "rls-input-money", children: _jsx(RlsInput, { formControl: formControl, type: "number", disabled: disabled, placeholder: placeholder, defaultValue: defaultValue, children: _jsx(RlsAmount, { value: formControl?.state || value, symbol: symbol, decimals: decimals }) }) }));
+}
+//# sourceMappingURL=InputMoney.js.map

package/dist/esm/components/atoms/InputMoney/InputMoney.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputMoney.js","sourceRoot":"","sources":["../../../../../src/components/atoms/InputMoney/InputMoney.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,kBAAkB,CAAC;AAW1B,MAAM,UAAU,aAAa,CAAC,EAC5B,QAAQ,EACR,YAAY,EACZ,QAAQ,EACR,WAAW,EACX,WAAW,EACX,MAAM,EACK;IACX,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,YAAY,IAAI,CAAC,CAAC,CAAC;IAEtD,SAAS,CAAC,GAAG,EAAE;QACb,WAAW,EAAE,SAAS,CAAC,CAAC,KAAK,EAAE,EAAE;YAC/B,QAAQ,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC;QACvB,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,cAAK,SAAS,EAAC,iBAAiB,YAC9B,KAAC,QAAQ,IACP,WAAW,EAAE,WAAW,EACxB,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,YAE1B,KAAC,SAAS,IACR,KAAK,EAAE,WAAW,EAAE,KAAK,IAAI,KAAK,EAClC,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,GAClB,GACO,GACP,CACP,CAAC;AACJ,CAAC"}

package/dist/esm/components/atoms/InputNumber/InputNumber.css

@@ -0,0 +1,7 @@
+.rls-input-number {
+  position: relative;
+  float: left;
+  width: 100%;
+  padding: var(--rls-input-parent-padding);
+  box-sizing: border-box;
+}

package/dist/esm/components/atoms/InputNumber/InputNumber.d.ts

@@ -0,0 +1,10 @@
+import { ReactControl } from '../../../hooks';
+import './InputNumber.css';
+interface InputNumber {
+    disabled?: boolean;
+    defaultValue?: number;
+    formControl?: ReactControl<HTMLInputElement, number>;
+    placeholder?: string;
+}
+export declare function RlsInputNumber({ disabled, defaultValue, formControl, placeholder }: InputNumber): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/components/atoms/InputNumber/InputNumber.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { RlsInput } from '../Input/Input';
+import './InputNumber.css';
+export function RlsInputNumber({ disabled, defaultValue, formControl, placeholder }) {
+    const [value, setValue] = useState(defaultValue || 0);
+    useEffect(() => {
+        formControl?.subscribe((value) => {
+            setValue(value || 0);
+        });
+    }, []);
+    return (_jsx("div", { className: "rls-input-number", children: _jsx(RlsInput, { formControl: formControl, type: "number", disabled: disabled, placeholder: placeholder, children: formControl?.state || value }) }));
+}
+//# sourceMappingURL=InputNumber.js.map

package/dist/esm/components/atoms/InputNumber/InputNumber.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputNumber.js","sourceRoot":"","sources":["../../../../../src/components/atoms/InputNumber/InputNumber.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,mBAAmB,CAAC;AAS3B,MAAM,UAAU,cAAc,CAAC,EAC7B,QAAQ,EACR,YAAY,EACZ,WAAW,EACX,WAAW,EACC;IACZ,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,YAAY,IAAI,CAAC,CAAC,CAAC;IAEtD,SAAS,CAAC,GAAG,EAAE;QACb,WAAW,EAAE,SAAS,CAAC,CAAC,KAAK,EAAE,EAAE;YAC/B,QAAQ,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC;QACvB,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,cAAK,SAAS,EAAC,kBAAkB,YAC/B,KAAC,QAAQ,IACP,WAAW,EAAE,WAAW,EACxB,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,YAEvB,WAAW,EAAE,KAAK,IAAI,KAAK,GACnB,GACP,CACP,CAAC;AACJ,CAAC"}

package/dist/esm/components/atoms/InputPassword/InputPassword.css

@@ -0,0 +1,38 @@
+.rls-input-password {
+  position: relative;
+  float: left;
+  width: 100%;
+  padding: var(--rls-input-parent-padding);
+  box-sizing: border-box;
+}
+.rls-input-password__component {
+  position: relative;
+  float: left;
+  width: 100%;
+  height: var(--sizing-24);
+  line-height: var(--sizing-24);
+  padding: 0rem;
+  cursor: text;
+  border: none;
+  outline: none;
+  background: transparent;
+  color: var(--rls-input-font-color);
+  font-weight: var(--font-weight-medium);
+  font-size: var(--rls-input-font-size);
+  letter-spacing: var(--rls-input-letter-spacing);
+}
+.rls-input-password__component::-webkit-outer-spin-button,
+.rls-input-password__component::-webkit-inner-spin-button {
+  margin: 0rem;
+  -webkit-appearance: none;
+}
+.rls-input-password__component::placeholder {
+  color: var(--color-theme-100);
+}
+.rls-input-password__component::selection {
+  background: var(--color-rolster-700);
+  color: var(--color-light-500);
+}
+.rls-input-password__component:disabled {
+  opacity: 0.5;
+}

package/dist/esm/components/atoms/InputPassword/InputPassword.d.ts

@@ -0,0 +1,12 @@
+import { ReactControl } from '../../../hooks';
+import { RlsComponent } from '../../definitions';
+import './InputPassword.css';
+type InputPasswordType = 'password' | 'text';
+interface InputPassword extends RlsComponent {
+    disabled?: boolean;
+    formControl?: ReactControl<HTMLInputElement, string>;
+    placeholder?: string;
+    type?: InputPasswordType;
+}
+export declare function RlsInputPassword({ disabled, formControl, placeholder, type }: InputPassword): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/components/atoms/InputPassword/InputPassword.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from 'react';
+import { renderClassStatus } from '../../../utils/css';
+import './InputPassword.css';
+export function RlsInputPassword({ disabled, formControl, placeholder, type }) {
+    const [active, setActive] = useState(false);
+    function onChange(event) {
+        formControl?.setState(event.target.value);
+    }
+    function onFocus() {
+        setActive(true);
+        formControl?.setActive(true);
+    }
+    function onBlur() {
+        setActive(false);
+        formControl?.setActive(false);
+        formControl?.setDirty(true);
+    }
+    return (_jsx("div", { className: renderClassStatus('rls-input-password', {
+            active: formControl?.active || active,
+            disabled
+        }), children: _jsx("input", { className: "rls-input-password__component", autoComplete: "off", type: type || 'password', placeholder: placeholder, disabled: disabled, onFocus: onFocus, onBlur: onBlur, onChange: onChange }) }));
+}
+//# sourceMappingURL=InputPassword.js.map

package/dist/esm/components/atoms/InputPassword/InputPassword.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputPassword.js","sourceRoot":"","sources":["../../../../../src/components/atoms/InputPassword/InputPassword.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAEvD,OAAO,qBAAqB,CAAC;AAW7B,MAAM,UAAU,gBAAgB,CAAC,EAC/B,QAAQ,EACR,WAAW,EACX,WAAW,EACX,IAAI,EACU;IACd,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5C,SAAS,QAAQ,CAAC,KAAU;QAC1B,WAAW,EAAE,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC5C,CAAC;IAED,SAAS,OAAO;QACd,SAAS,CAAC,IAAI,CAAC,CAAC;QAChB,WAAW,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC;IAC/B,CAAC;IAED,SAAS,MAAM;QACb,SAAS,CAAC,KAAK,CAAC,CAAC;QACjB,WAAW,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC;QAC9B,WAAW,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC9B,CAAC;IAED,OAAO,CACL,cACE,SAAS,EAAE,iBAAiB,CAAC,oBAAoB,EAAE;YACjD,MAAM,EAAE,WAAW,EAAE,MAAM,IAAI,MAAM;YACrC,QAAQ;SACT,CAAC,YAEF,gBACE,SAAS,EAAC,+BAA+B,EACzC,YAAY,EAAC,KAAK,EAClB,IAAI,EAAE,IAAI,IAAI,UAAU,EACxB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,GAClB,GACE,CACP,CAAC;AACJ,CAAC"}

package/dist/esm/components/atoms/InputText/InputText.css

@@ -0,0 +1,7 @@
+.rls-input-text {
+  position: relative;
+  float: left;
+  width: 100%;
+  padding: var(--rls-input-parent-padding);
+  box-sizing: border-box;
+}

package/dist/esm/components/atoms/InputText/InputText.d.ts

@@ -0,0 +1,10 @@
+import { ReactControl } from '../../../hooks';
+import './InputText.css';
+interface InputText {
+    defaultValue?: string;
+    disabled?: boolean;
+    formControl?: ReactControl<HTMLInputElement, string>;
+    placeholder?: string;
+}
+export declare function RlsInputText({ defaultValue, disabled, formControl, placeholder }: InputText): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/components/atoms/InputText/InputText.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { RlsInput } from '../Input/Input';
+import './InputText.css';
+export function RlsInputText({ defaultValue, disabled, formControl, placeholder }) {
+    const [value, setValue] = useState(defaultValue || '');
+    useEffect(() => {
+        formControl?.subscribe((value) => {
+            setValue(value || '');
+        });
+    }, []);
+    return (_jsx("div", { className: "rls-input-text", children: _jsx(RlsInput, { formControl: formControl, type: "text", disabled: disabled, placeholder: placeholder, children: formControl?.state || value }) }));
+}
+//# sourceMappingURL=InputText.js.map

package/dist/esm/components/atoms/InputText/InputText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputText.js","sourceRoot":"","sources":["../../../../../src/components/atoms/InputText/InputText.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,iBAAiB,CAAC;AASzB,MAAM,UAAU,YAAY,CAAC,EAC3B,YAAY,EACZ,QAAQ,EACR,WAAW,EACX,WAAW,EACD;IACV,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,YAAY,IAAI,EAAE,CAAC,CAAC;IAEvD,SAAS,CAAC,GAAG,EAAE;QACb,WAAW,EAAE,SAAS,CAAC,CAAC,KAAK,EAAE,EAAE;YAC/B,QAAQ,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;QACxB,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,cAAK,SAAS,EAAC,gBAAgB,YAC7B,KAAC,QAAQ,IACP,WAAW,EAAE,WAAW,EACxB,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,YAEvB,WAAW,EAAE,KAAK,IAAI,KAAK,GACnB,GACP,CACP,CAAC;AACJ,CAAC"}

package/dist/esm/components/atoms/Poster/Poster.css

@@ -0,0 +1,12 @@
+.rls-poster {
+  position: relative;
+  float: left;
+  width: auto;
+  height: var(--rls-poster-height);
+  line-height: var(--rls-poster-height);
+  padding: var(--rls-poster-padding);
+  box-sizing: border-box;
+  border-radius: var(--sizing-4);
+  color: var(--color-light-500);
+  background: var(--gradient-rolster-500);
+}

package/dist/esm/components/atoms/Poster/Poster.d.ts

@@ -0,0 +1,3 @@
+import { RlsComponent } from '../../definitions';
+import './Poster.css';
+export declare function RlsPoster({ children, rlsTheme }: RlsComponent): import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/atoms/Poster/Poster.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import './Poster.css';
+export function RlsPoster({ children, rlsTheme }) {
+    return (_jsx("div", { className: "rls-poster", "rls-theme": rlsTheme, children: children }));
+}
+//# sourceMappingURL=Poster.js.map

package/dist/esm/components/atoms/Poster/Poster.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Poster.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Poster/Poster.tsx"],"names":[],"mappings":";AACA,OAAO,cAAc,CAAC;AAEtB,MAAM,UAAU,SAAS,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAgB;IAC5D,OAAO,CACL,cAAK,SAAS,EAAC,YAAY,eAAY,QAAQ,YAC5C,QAAQ,GACL,CACP,CAAC;AACJ,CAAC"}

package/dist/esm/components/atoms/ProgressBar/ProgressBar.css

@@ -0,0 +1,66 @@
+.rls-progress-bar {
+  --pvt-component-display: block;
+  position: relative;
+  float: left;
+  width: 100%;
+  height: var(--sizing-4);
+  overflow: hidden;
+  background: var(--color-rolster-100);
+}
+.rls-progress-bar--indeterminate {
+  --pvt-component-display: none;
+}
+.rls-progress-bar--indeterminate::after,
+.rls-progress-bar--indeterminate::before {
+  position: absolute;
+  content: '';
+  top: 0rem;
+  width: 0%;
+  height: var(--sizing-4);
+  background: var(--gradient-rolster-500);
+}
+.rls-progress-bar--indeterminate::after {
+  animation: progress-bar-indeterminate-after 2000ms infinite;
+}
+.rls-progress-bar--indeterminate::before {
+  animation: progress-bar-indeterminate-before 2000ms infinite;
+}
+.rls-progress-bar__component {
+  position: absolute;
+  top: 0rem;
+  width: 0%;
+  height: var(--sizing-8);
+  display: var(--pvt-component-display);
+  background: var(--gradient-rolster-500);
+  transition: width 320ms 0ms var(--standard-curve);
+}
+
+@keyframes progress-bar-indeterminate-before {
+  0% {
+    width: 100%;
+    left: -125%;
+  }
+  20% {
+    width: 100%;
+    left: -125%;
+  }
+  100% {
+    width: 12.5%;
+    left: 100%;
+  }
+}
+
+@keyframes progress-bar-indeterminate-after {
+  0% {
+    width: 12.5%;
+    left: -12.5%;
+  }
+  80% {
+    width: 100%;
+    left: 125%;
+  }
+  100% {
+    width: 100%;
+    left: 125%;
+  }
+}

package/dist/esm/components/atoms/ProgressBar/ProgressBar.d.ts

@@ -0,0 +1,8 @@
+import { RlsComponent } from '../../definitions';
+import './ProgressBar.css';
+interface ProgressBar extends RlsComponent {
+    indeterminate?: boolean;
+    percentage?: number;
+}
+export declare function RlsProgressBar({ indeterminate, percentage, rlsTheme }: ProgressBar): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/components/atoms/ProgressBar/ProgressBar.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { renderClassStatus } from '../../../utils/css';
+import './ProgressBar.css';
+export function RlsProgressBar({ indeterminate, percentage, rlsTheme }) {
+    return (_jsx("div", { className: renderClassStatus('rls-progress-bar', { indeterminate }), "rls-theme": rlsTheme, children: _jsx("div", { className: "rls-progress-bar__component", style: { width: `${percentage || 0}%` } }) }));
+}
+//# sourceMappingURL=ProgressBar.js.map

package/dist/esm/components/atoms/ProgressBar/ProgressBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../../../../src/components/atoms/ProgressBar/ProgressBar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAEvD,OAAO,mBAAmB,CAAC;AAO3B,MAAM,UAAU,cAAc,CAAC,EAC7B,aAAa,EACb,UAAU,EACV,QAAQ,EACI;IACZ,OAAO,CACL,cACE,SAAS,EAAE,iBAAiB,CAAC,kBAAkB,EAAE,EAAE,aAAa,EAAE,CAAC,eACxD,QAAQ,YAEnB,cACE,SAAS,EAAC,6BAA6B,EACvC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,UAAU,IAAI,CAAC,GAAG,EAAE,GAClC,GACH,CACP,CAAC;AACJ,CAAC"}

package/dist/esm/components/atoms/RadioButton/RadioButton.css

@@ -0,0 +1,33 @@
+.rls-radiobutton {
+  --pvt-component-transform: scale(0);
+  position: relative;
+  float: left;
+  display: flex;
+  outline: none;
+  width: var(--sizing-24);
+  height: var(--sizing-24);
+  border-radius: 50%;
+  box-sizing: border-box;
+  border: var(--border-1-theme-300);
+}
+.rls-radiobutton:hover {
+  cursor: pointer;
+}
+.rls-radiobutton--checked {
+  --pvt-component-transform: scale(1);
+  border: var(--border-1-rolster-500);
+}
+.rls-radiobutton--disabled {
+  opacity: 0.5;
+  pointer-events: none;
+}
+.rls-radiobutton__component {
+  border-radius: 50%;
+  width: 0.875rem;
+  height: 0.875rem;
+  margin: auto;
+  background: var(--gradient-rolster-500);
+  transform: var(--pvt-component-transform);
+  transform-origin: 50% 50%;
+  transition: all 160ms 0ms var(--standard-curve);
+}

package/dist/esm/components/atoms/RadioButton/RadioButton.d.ts

@@ -0,0 +1,8 @@
+import { RlsComponent } from '../../definitions';
+import './RadioButton.css';
+interface RadioButton extends RlsComponent {
+    checked: boolean;
+    disabled?: boolean;
+}
+export declare function RlsRadioButton({ checked, disabled, rlsTheme }: RadioButton): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/components/atoms/RadioButton/RadioButton.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { renderClassStatus } from '../../../utils/css';
+import './RadioButton.css';
+export function RlsRadioButton({ checked, disabled, rlsTheme }) {
+    return (_jsx("div", { className: renderClassStatus('rls-radiobutton', { checked, disabled }), "rls-theme": rlsTheme, children: _jsx("div", { className: "rls-radiobutton__component" }) }));
+}
+//# sourceMappingURL=RadioButton.js.map

package/dist/esm/components/atoms/RadioButton/RadioButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioButton.js","sourceRoot":"","sources":["../../../../../src/components/atoms/RadioButton/RadioButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAEvD,OAAO,mBAAmB,CAAC;AAO3B,MAAM,UAAU,cAAc,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAe;IACzE,OAAO,CACL,cACE,SAAS,EAAE,iBAAiB,CAAC,iBAAiB,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,eAC3D,QAAQ,YAEnB,cAAK,SAAS,EAAC,4BAA4B,GAAO,GAC9C,CACP,CAAC;AACJ,CAAC"}

package/dist/esm/components/atoms/SearchInput/SearchInput.css

@@ -0,0 +1,10 @@
+.rls-search-input {
+  --rls-input-height: var(--sizing-28);
+  position: relative;
+  float: left;
+  display: flex;
+  padding: var(--sizing-8) var(--sizing-12);
+  box-sizing: border-box;
+  border: var(--border-1-theme-300);
+  border-radius: var(--sizing-8);
+}

package/dist/esm/components/atoms/SearchInput/SearchInput.d.ts

@@ -0,0 +1,9 @@
+import { ReactControl } from '../../../hooks';
+import './SearchInput.css';
+interface SearchInput {
+    formControl?: ReactControl<HTMLInputElement, string>;
+    placeholder?: string;
+    onSearch?: () => void;
+}
+export declare function RlsSearchInput({ formControl, placeholder, onSearch }: SearchInput): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/components/atoms/SearchInput/SearchInput.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { RlsButtonAction } from '../ButtonAction/ButtonAction';
+import { RlsInput } from '../Input/Input';
+import './SearchInput.css';
+export function RlsSearchInput({ formControl, placeholder, onSearch }) {
+    return (_jsxs("div", { className: "rls-search-input", children: [_jsx(RlsInput, { formControl: formControl, placeholder: placeholder }), onSearch && _jsx(RlsButtonAction, { icon: "search", onClick: onSearch })] }));
+}
+//# sourceMappingURL=SearchInput.js.map

package/dist/esm/components/atoms/SearchInput/SearchInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchInput.js","sourceRoot":"","sources":["../../../../../src/components/atoms/SearchInput/SearchInput.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,mBAAmB,CAAC;AAQ3B,MAAM,UAAU,cAAc,CAAC,EAC7B,WAAW,EACX,WAAW,EACX,QAAQ,EACI;IACZ,OAAO,CACL,eAAK,SAAS,EAAC,kBAAkB,aAC/B,KAAC,QAAQ,IAAC,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,GAAI,EAC/D,QAAQ,IAAI,KAAC,eAAe,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,QAAQ,GAAI,IAC7D,CACP,CAAC;AACJ,CAAC"}

package/dist/esm/components/atoms/Skeleton/Skeleton.css

@@ -0,0 +1,36 @@
+.rls-skeleton {
+  position: relative;
+  float: left;
+  width: 100%;
+  max-height: inherit;
+  min-height: inherit;
+  height: inherit;
+  line-height: inherit;
+  letter-spacing: inherit;
+  overflow: hidden;
+  background: var(--color-rolster-100);
+  border-radius: var(--sizing-4);
+}
+.rls-skeleton::after {
+  position: absolute;
+  content: '';
+  top: 0rem;
+  right: 0rem;
+  bottom: 0rem;
+  left: 0rem;
+  transform: translateX(-100%);
+  background-image: linear-gradient(
+    90deg,
+    var(--skeleton-rolster-100) 0%,
+    var(--skeleton-rolster-100) 20%,
+    var(--skeleton-rolster-300) 60%,
+    var(--skeleton-rolster-100)
+  );
+  animation: skeleton-animation 1600ms infinite;
+}
+
+@keyframes skeleton-animation {
+  100% {
+    transform: translateX(100%);
+  }
+}

package/dist/esm/components/atoms/Skeleton/Skeleton.d.ts

@@ -0,0 +1,3 @@
+import { RlsComponent } from '../../definitions';
+import './Skeleton.css';
+export declare function RlsSkeleton({ rlsTheme }: RlsComponent): import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/atoms/Skeleton/Skeleton.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import './Skeleton.css';
+export function RlsSkeleton({ rlsTheme }) {
+    return _jsx("div", { className: "rls-skeleton", "rls-theme": rlsTheme });
+}
+//# sourceMappingURL=Skeleton.js.map

package/dist/esm/components/atoms/Skeleton/Skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Skeleton/Skeleton.tsx"],"names":[],"mappings":";AACA,OAAO,gBAAgB,CAAC;AAExB,MAAM,UAAU,WAAW,CAAC,EAAE,QAAQ,EAAgB;IACpD,OAAO,cAAK,SAAS,EAAC,cAAc,eAAY,QAAQ,GAAQ,CAAC;AACnE,CAAC"}

package/dist/esm/components/atoms/SkeletonText/SkeletonText.css

@@ -0,0 +1,59 @@
+.rls-skeleton-text {
+  --pvt-value-visibility: visible;
+  position: relative;
+  float: left;
+  width: 100%;
+  max-height: inherit;
+  min-height: inherit;
+  height: inherit;
+  line-height: inherit;
+  letter-spacing: inherit;
+  overflow: hidden;
+}
+.rls-skeleton-text--active {
+  --pvt-value-visibility: hidden;
+  background: var(--color-rolster-100);
+  border-radius: var(--sizing-4);
+}
+.rls-skeleton-text--active::after {
+  animation: skeleton-text-animation 1600ms infinite;
+}
+.rls-skeleton-text::after {
+  position: absolute;
+  content: '';
+  top: 0rem;
+  right: 0rem;
+  bottom: 0rem;
+  left: 0rem;
+  transform: translateX(-100%);
+  background-image: linear-gradient(
+    90deg,
+    var(--skeleton-rolster-100) 0%,
+    var(--skeleton-rolster-100) 20%,
+    var(--skeleton-rolster-300) 60%,
+    var(--skeleton-rolster-100)
+  );
+}
+.rls-skeleton-text__value {
+  position: relative;
+  display: block;
+  float: left;
+  width: 100%;
+  height: inherit;
+  max-height: inherit;
+  min-height: inherit;
+  line-height: inherit;
+  color: inherit;
+  text-align: inherit;
+  letter-spacing: inherit;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  visibility: var(--pvt-value-visibility);
+}
+
+@keyframes skeleton-text-animation {
+  100% {
+    transform: translateX(100%);
+  }
+}

package/dist/esm/components/atoms/SkeletonText/SkeletonText.d.ts

@@ -0,0 +1,7 @@
+import { RlsComponent } from '../../definitions';
+import './SkeletonText.css';
+interface SkeletonText extends RlsComponent {
+    active?: boolean;
+}
+export declare function RlsSkeletonText({ active, children, rlsTheme }: SkeletonText): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/components/atoms/SkeletonText/SkeletonText.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { renderClassStatus } from '../../../utils/css';
+import './SkeletonText.css';
+export function RlsSkeletonText({ active, children, rlsTheme }) {
+    return (_jsx("div", { className: renderClassStatus('rls-skeleton-text', { active }), "rls-theme": rlsTheme, children: _jsx("span", { className: "rls-skeleton-text__value", children: children }) }));
+}
+//# sourceMappingURL=SkeletonText.js.map

package/dist/esm/components/atoms/SkeletonText/SkeletonText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkeletonText.js","sourceRoot":"","sources":["../../../../../src/components/atoms/SkeletonText/SkeletonText.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAEvD,OAAO,oBAAoB,CAAC;AAM5B,MAAM,UAAU,eAAe,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAgB;IAC1E,OAAO,CACL,cACE,SAAS,EAAE,iBAAiB,CAAC,mBAAmB,EAAE,EAAE,MAAM,EAAE,CAAC,eAClD,QAAQ,YAEnB,eAAM,SAAS,EAAC,0BAA0B,YAAE,QAAQ,GAAQ,GACxD,CACP,CAAC;AACJ,CAAC"}

package/dist/esm/components/atoms/Switch/Switch.css

@@ -0,0 +1,35 @@
+.rls-switch {
+  --pvt-component-background: var(--border-theme-300);
+  --pvt-component-left: calc(var(--sizing-2) + 1px);
+  position: relative;
+  float: left;
+  outline: none;
+  box-sizing: border-box;
+  width: var(--sizing-40);
+  height: var(--sizing-24);
+  box-sizing: border-box;
+  border-radius: var(--sizing-12);
+  border: var(--border-1-theme-300);
+}
+.rls-switch:hover {
+  cursor: pointer;
+}
+.rls-switch--checked {
+  --pvt-component-background: var(--gradient-rolster-500);
+  --pvt-component-left: 1.125rem;
+  border: var(--border-1-rolster-500);
+}
+.rls-switch--disabled {
+  opacity: 0.5;
+  pointer-events: none;
+}
+.rls-switch__component {
+  position: absolute;
+  top: calc(var(--sizing-2) + 1px);
+  left: var(--pvt-component-left);
+  width: var(--sizing-16);
+  height: var(--sizing-16);
+  background: var(--pvt-component-background);
+  transition: left 160ms 0ms var(--standard-curve);
+  border-radius: var(--sizing-12);
+}

package/dist/esm/components/atoms/Switch/Switch.d.ts

@@ -0,0 +1,9 @@
+import { RlsComponent } from '../../definitions';
+import './Switch.css';
+interface Switch extends RlsComponent {
+    checked: boolean;
+    disabled?: boolean;
+    onClick?: () => void;
+}
+export declare function RlsSwitch({ checked, disabled, rlsTheme, onClick }: Switch): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/components/atoms/Switch/Switch.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { renderClassStatus } from '../../../utils/css';
+import './Switch.css';
+export function RlsSwitch({ checked, disabled, rlsTheme, onClick }) {
+    return (_jsx("div", { className: renderClassStatus('rls-switch', { checked, disabled }), onClick: onClick, "rls-theme": rlsTheme, children: _jsx("div", { className: "rls-switch__component" }) }));
+}
+//# sourceMappingURL=Switch.js.map

package/dist/esm/components/atoms/Switch/Switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Switch/Switch.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAEvD,OAAO,cAAc,CAAC;AAQtB,MAAM,UAAU,SAAS,CAAC,EACxB,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,OAAO,EACA;IACP,OAAO,CACL,cACE,SAAS,EAAE,iBAAiB,CAAC,YAAY,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,EACjE,OAAO,EAAE,OAAO,eACL,QAAQ,YAEnB,cAAK,SAAS,EAAC,uBAAuB,GAAO,GACzC,CACP,CAAC;AACJ,CAAC"}

package/dist/esm/components/atoms/TabularText/TabularText.css

@@ -0,0 +1,15 @@
+.rls-tabular-text {
+  width: auto;
+}
+.rls-tabular-text__char {
+  display: block;
+  float: left;
+  text-align: center;
+  width: var(--rls-tabulartext-char-width);
+}
+.rls-tabular-text__pointer {
+  display: block;
+  float: left;
+  text-align: center;
+  width: var(--rls-tabulartext-pointer-width);
+}

package/dist/esm/components/atoms/TabularText/TabularText.d.ts

@@ -0,0 +1,6 @@
+import './TabularText.css';
+interface TabularText {
+    value?: string;
+}
+export declare function RlsTabularText({ value }: TabularText): import("react/jsx-runtime").JSX.Element;
+export {};