@arthurzakharov/ui-kit 1.0.48 → 1.0.50

package/dist/assets/checkbox-BWTt8the.css

@@ -0,0 +1 @@
+._Checkbox_4ezrk_1{position:relative;display:inline-flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:var(--rm-ui-padding-xs)}._Checkbox_4ezrk_1:hover{cursor:pointer}._CheckboxChoice_4ezrk_14{position:relative;left:0;top:3px}._CheckboxContent_4ezrk_20{font-family:var(--rm-ui-font-family-regular),sans-serif;font-weight:var(--rm-ui-font-weight-regular);color:var(--rm-ui-color-text-primary)}._CheckboxContent_4ezrk_20 button{background-color:transparent;border:none;padding:0;font-family:inherit;font-weight:inherit;font-size:inherit;line-height:inherit;color:var(--rm-ui-color-link);outline-offset:2px}._CheckboxContent_4ezrk_20 button:hover{cursor:pointer;text-decoration:underline}._CheckboxContent_4ezrk_20 button:focus-visible{outline-color:var(--rm-ui-color-focus)}._CheckboxContentTextBody_4ezrk_47{font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body)}._CheckboxContentTextBodySmall_4ezrk_52{font-size:var(--rm-ui-font-size-body-small);line-height:var(--rm-ui-line-height-body-small)}

package/dist/assets/line-BuRLT6tk.css

@@ -0,0 +1 @@
+._Line_4c8c2_1{margin:var(--rm-ui-padding-md) 0}._LineElement_4c8c2_5{margin:0;border:1px solid var(--rm-ui-sidebar-line-color)}@media screen and (min-width:1200px){._Line_4c8c2_1{margin:var(--rm-ui-padding-lg) 0}}

package/dist/components/control/components/checkbox/checkbox.component.d.ts

@@ -3,7 +3,7 @@ import { Interactive, State } from '../../types';
 import { ChoiceProps } from '../choice/choice.component';
 export interface CheckboxProps extends PropsWithChildren, Interactive<boolean> {
     state?: State;
-    size?: ChoiceProps['size'];
+    icon?: ChoiceProps['size'];
     text?: 'body' | 'body-small';
 }
 export declare const Checkbox: (props: CheckboxProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/control/components/checkbox/checkbox.component.js

@@ -2,34 +2,34 @@ import { jsxs as g, jsx as c } from "react/jsx-runtime";
 import T from "clsx";
 import { useToggle as a } from "usehooks-ts";
 import { Choice as v } from "../choice/choice.component.js";
-import { HiddenInput as q } from "../hidden-input/hidden-input.component.js";
-import { Converter as w } from "../../../../utils/converter/converter.js";
-import '../../../../assets/checkbox-ClSEKjSZ.css';const F = "_Checkbox_1hqw9_1", S = "_CheckboxChoice_1hqw9_14", I = "_CheckboxContent_1hqw9_20", N = "_CheckboxContentTextBody_1hqw9_47", j = "_CheckboxContentTextBodySmall_1hqw9_52", t = {
-  Checkbox: F,
-  CheckboxChoice: S,
-  CheckboxContent: I,
-  CheckboxContentTextBody: N,
-  CheckboxContentTextBodySmall: j
-}, P = (b) => {
+import { HiddenInput as z } from "../hidden-input/hidden-input.component.js";
+import { Converter as F } from "../../../../utils/converter/converter.js";
+import '../../../../assets/checkbox-BWTt8the.css';const S = "_Checkbox_4ezrk_1", I = "_CheckboxChoice_4ezrk_14", N = "_CheckboxContent_4ezrk_20", j = "_CheckboxContentTextBody_4ezrk_47", H = "_CheckboxContentTextBodySmall_4ezrk_52", t = {
+  Checkbox: S,
+  CheckboxChoice: I,
+  CheckboxContent: N,
+  CheckboxContentTextBody: j,
+  CheckboxContentTextBodySmall: H
+}, q = (k) => {
   const {
-    children: d,
-    state: i = "idle",
-    size: k = "md",
+    children: i,
+    state: b = "idle",
+    icon: d = "md",
     text: C = "body-small",
     id: o,
     value: n,
     disabled: e = !1,
-    onChange: h,
+    onChange: r,
     onFocus: u,
     onBlur: m
-  } = b, [s, r] = a(!1), [p, x] = a(!1), f = (l) => {
-    e || s || (l.preventDefault(), h(!n, o));
+  } = k, [s, h] = a(!1), [p, x] = a(!1), f = (l) => {
+    e || s || (l.preventDefault(), r(!n, o));
   }, _ = (l) => {
-    e || (l.stopPropagation(), h(!n, o));
+    e || (l.stopPropagation(), r(!n, o));
   }, y = () => {
-    e || (r(), u?.call(null, o));
+    e || (h(), u?.call(null, o));
   }, B = () => {
-    e || (r(), m?.call(null, o));
+    e || (h(), m?.call(null, o));
   };
   return /* @__PURE__ */ g(
     "label",
@@ -43,12 +43,12 @@ import '../../../../assets/checkbox-ClSEKjSZ.css';const F = "_Checkbox_1hqw9_1",
       onMouseLeave: () => x(),
       children: [
         /* @__PURE__ */ c(
-          q,
+          z,
           {
             type: "checkbox",
             id: o,
             name: o,
-            value: w.Boolean.ToBooleanString(n),
+            value: F.Boolean.ToBooleanString(n),
             checked: n,
             disabled: e,
             onChange: _
@@ -58,8 +58,8 @@ import '../../../../assets/checkbox-ClSEKjSZ.css';const F = "_Checkbox_1hqw9_1",
           v,
           {
             type: "checkbox",
-            size: k,
-            state: i,
+            size: d,
+            state: b,
             checked: n,
             focused: s,
             hovered: p,
@@ -73,7 +73,7 @@ import '../../../../assets/checkbox-ClSEKjSZ.css';const F = "_Checkbox_1hqw9_1",
               [t.CheckboxContentTextBody]: C === "body",
               [t.CheckboxContentTextBodySmall]: C === "body-small"
             }),
-            children: d
+            children: i
           }
         )
       ]
@@ -81,5 +81,5 @@ import '../../../../assets/checkbox-ClSEKjSZ.css';const F = "_Checkbox_1hqw9_1",
   );
 };
 export {
-  P as Checkbox
+  q as Checkbox
 };

package/dist/components/control/components/radio/radio.component.d.ts

@@ -4,6 +4,6 @@ export interface RadioProps extends Interactive<string> {
     orientation: 'horizontal' | 'vertical';
     choices: RadioChoice[];
     state?: State;
-    size?: ChoiceProps['size'];
+    icon?: ChoiceProps['size'];
 }
 export declare const Radio: (props: RadioProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/control/components/radio/radio.component.js

@@ -11,7 +11,7 @@ import '../../../../assets/radio-BkD7BKk0.css';const w = "_Radio_1wc8m_1", C = "
   RadioOrientationVertical: V,
   RadioLabel: I
 }, B = (l) => {
-  const { orientation: r, choices: s, state: m = "idle", size: c = "md", id: t, value: R, disabled: d = !1, onChange: p } = l;
+  const { orientation: r, choices: s, state: m = "idle", icon: c = "md", id: t, value: R, disabled: d = !1, onChange: p } = l;
   return /* @__PURE__ */ o(
     "div",
     {

package/dist/components/line/line.component.js

@@ -0,0 +1,8 @@
+import { jsx as e } from "react/jsx-runtime";
+import '../../assets/line-BuRLT6tk.css';const c = "_Line_4c8c2_1", i = "_LineElement_4c8c2_5", n = {
+  Line: c,
+  LineElement: i
+}, s = () => /* @__PURE__ */ e("div", { className: n.Line, children: /* @__PURE__ */ e("hr", { className: n.LineElement }) });
+export {
+  s as Line
+};

package/dist/components/sidebar/sidebar.component.d.ts

@@ -1,15 +1,15 @@
 import { PropsWithChildren } from 'react';
+import { UserPanelProps } from '../user-panel/user-panel.component';
 import { CertificationsProps } from '../certifications/certifications.component';
 import { InfoProps } from './components/info/info.component';
 import { StepsProps } from './components/steps/steps.component';
-import { UserProps } from './components/user/user.component';
 export interface SidebarProps extends PropsWithChildren {
     isButtonVisible: boolean;
     isUserOpen: boolean;
     title: string;
     steps: StepsProps['data'];
     info: InfoProps['data'];
-    user: UserProps;
+    user: UserPanelProps;
     certifications: CertificationsProps['icons'];
 }
 export declare const Sidebar: (props: SidebarProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/sidebar/sidebar.component.js

@@ -1,12 +1,12 @@
 import { jsxs as r, jsx as t } from "react/jsx-runtime";
 import { Animation as o } from "../animation/animation.component.js";
+import { Line as e } from "../line/line.component.js";
 import { Text as p } from "../text/text.component.js";
-import { Certifications as S } from "../certifications/certifications.component.js";
-import { Board as u } from "./components/board/board.component.js";
-import { Info as h } from "./components/info/info.component.js";
-import { Line as e } from "./components/line/line.component.js";
-import { Steps as B } from "./components/steps/steps.component.js";
-import { User as T } from "./components/user/user.component.js";
+import { UserPanel as S } from "../user-panel/user-panel.component.js";
+import { Certifications as u } from "../certifications/certifications.component.js";
+import { Board as h } from "./components/board/board.component.js";
+import { Info as B } from "./components/info/info.component.js";
+import { Steps as T } from "./components/steps/steps.component.js";
 import '../../assets/sidebar-B3KPFpFU.css';const _ = "_SidebarTitle_1sscs_1", x = "_SidebarButton_1sscs_2", n = {
   SidebarTitle: _,
   SidebarButton: x
@@ -21,18 +21,18 @@ import '../../assets/sidebar-B3KPFpFU.css';const _ = "_SidebarTitle_1sscs_1", x
     certifications: f = [],
     user: i
   } = a;
-  return /* @__PURE__ */ r(u, { children: [
+  return /* @__PURE__ */ r(h, { children: [
     /* @__PURE__ */ t("div", { className: n.SidebarTitle, children: /* @__PURE__ */ t(p.SidebarTitle, { children: l }) }),
-    /* @__PURE__ */ t(B, { data: m }),
+    /* @__PURE__ */ t(T, { data: m }),
     /* @__PURE__ */ t(e, {}),
-    /* @__PURE__ */ t(h, { data: b }),
+    /* @__PURE__ */ t(B, { data: b }),
     /* @__PURE__ */ t(e, {}),
     /* @__PURE__ */ r(o.FadeScale, { name: "user", condition: c, children: [
-      /* @__PURE__ */ t(T, { title: i.title, button: i.button, data: i.data, onClick: i.onClick }),
+      /* @__PURE__ */ t(S, { title: i.title, button: i.button, data: i.data, onClick: i.onClick }),
       /* @__PURE__ */ t(e, {})
     ] }),
     /* @__PURE__ */ t(o.FadeScale, { name: "button", condition: d, duration: 0.2, delay: 0.1, children: /* @__PURE__ */ t("div", { className: n.SidebarButton, children: s }) }),
-    /* @__PURE__ */ t(S, { icons: f })
+    /* @__PURE__ */ t(u, { icons: f })
   ] });
 };
 export {

package/dist/components/user-panel/user-panel.component.d.ts

@@ -0,0 +1,7 @@
+export interface UserPanelProps {
+    title?: string;
+    button?: string;
+    data?: string[];
+    onClick: () => void;
+}
+export declare const UserPanel: (props: UserPanelProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/{sidebar/components/user/user.component.js → user-panel/user-panel.component.js}

@@ -1,6 +1,6 @@
 import { jsxs as n, jsx as s } from "react/jsx-runtime";
 import { Pencil as u } from "lucide-react";
-import '../../../../assets/user-rIZL2mJR.css';const i = "_User_1efkp_1", f = "_UserHead_1efkp_9", p = "_UserTitle_1efkp_17", d = "_UserButton_1efkp_25", m = "_UserButtonText_1efkp_42", I = "_UserButtonIcon_1efkp_50", B = "_UserInfo_1efkp_57", k = "_UserInfoRaw_1efkp_69", e = {
+import '../../assets/user-panel-rIZL2mJR.css';const i = "_User_1efkp_1", f = "_UserHead_1efkp_9", p = "_UserTitle_1efkp_17", d = "_UserButton_1efkp_25", m = "_UserButtonText_1efkp_42", I = "_UserButtonIcon_1efkp_50", B = "_UserInfo_1efkp_57", k = "_UserInfoRaw_1efkp_69", e = {
   User: i,
   UserHead: f,
   UserTitle: p,
@@ -10,7 +10,7 @@ import '../../../../assets/user-rIZL2mJR.css';const i = "_User_1efkp_1", f = "_U
   UserInfo: B,
   UserInfoRaw: k
 }, N = (r) => {
-  const { title: o = "Ihre Angaben", button: c = "ändern", data: a = [], onClick: U } = r, l = (t) => {
+  const { title: o = "Ihre Angaben", button: c = "Ändern", data: a = [], onClick: U } = r, l = (t) => {
     t.preventDefault(), t.currentTarget.blur(), U();
   };
   return /* @__PURE__ */ n("div", { className: e.User, children: [
@@ -25,5 +25,5 @@ import '../../../../assets/user-rIZL2mJR.css';const i = "_User_1efkp_1", f = "_U
   ] });
 };
 export {
-  N as User
+  N as UserPanel
 };

package/dist/main.d.ts

@@ -5,8 +5,10 @@ export { Footer, type FooterProps } from './components/footer/footer.component';
 export { Header, type HeaderProps } from './components/header/header.component';
 export { InfoPanel, type InfoPanelProps } from './components/info-panel/info-panel.component';
 export { Layout, type LayoutProps } from './components/layout/layout.component';
+export { Line } from './components/line/line.component';
 export { Loader, type LoaderProps } from './components/loader/loader.component';
 export { LoadingBlock } from './components/loading-block/loading-block.component';
 export { NotFound, type NotFoundProps } from './components/not-found/not-found.component';
 export { Sidebar, type SidebarProps } from './components/sidebar/sidebar.component';
 export { Text } from './components/text/text.component';
+export { UserPanel, type UserPanelProps } from './components/user-panel/user-panel.component';

package/dist/main.js

@@ -1,26 +1,30 @@
 import { Animation as e } from "./components/animation/animation.component.js";
 import { Certifications as f } from "./components/certifications/certifications.component.js";
 import { Control as x } from "./components/control/control.component.js";
-import { Footer as a } from "./components/footer/footer.component.js";
+import { Footer as n } from "./components/footer/footer.component.js";
 import { Header as i } from "./components/header/header.component.js";
 import { InfoPanel as l } from "./components/info-panel/info-panel.component.js";
 import { Layout as c } from "./components/layout/layout.component.js";
-import { Loader as C } from "./components/loader/loader.component.js";
+import { Line as u } from "./components/line/line.component.js";
+import { Loader as F } from "./components/loader/loader.component.js";
 import { LoadingBlock as b } from "./components/loading-block/loading-block.component.js";
 import { NotFound as k } from "./components/not-found/not-found.component.js";
-import { Sidebar as y } from "./components/sidebar/sidebar.component.js";
-import { Text as B } from "./components/text/text.component.js";
+import { Sidebar as A } from "./components/sidebar/sidebar.component.js";
+import { Text as H } from "./components/text/text.component.js";
+import { UserPanel as N } from "./components/user-panel/user-panel.component.js";
 import './assets/main-C3Esf5IV.css';export {
   e as Animation,
   f as Certifications,
   x as Control,
-  a as Footer,
+  n as Footer,
   i as Header,
   l as InfoPanel,
   c as Layout,
-  C as Loader,
+  u as Line,
+  F as Loader,
   b as LoadingBlock,
   k as NotFound,
-  y as Sidebar,
-  B as Text
+  A as Sidebar,
+  H as Text,
+  N as UserPanel
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@arthurzakharov/ui-kit",
   "private": false,
-  "version": "1.0.48",
+  "version": "1.0.50",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",

package/dist/assets/checkbox-ClSEKjSZ.css

@@ -1 +0,0 @@
-._Checkbox_1hqw9_1{position:relative;display:inline-flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:var(--rm-ui-padding-xs)}._Checkbox_1hqw9_1:hover{cursor:pointer}._CheckboxChoice_1hqw9_14{position:relative;left:0;top:3px}._CheckboxContent_1hqw9_20{font-family:var(--rm-ui-font-family-regular),sans-serif;font-weight:var(--rm-ui-font-weight-regular);color:var(--rm-ui-color-text-primary)}._CheckboxContent_1hqw9_20 button{background-color:transparent;border:none;padding:0;font-family:inherit;font-weight:inherit;font-size:inherit;line-height:inherit;color:var(--rm-ui-color-link)}._CheckboxContent_1hqw9_20 button:hover{cursor:pointer;text-decoration:underline;outline-offset:2px}._CheckboxContent_1hqw9_20 button:focus-visible{outline-color:var(--rm-ui-color-focus)}._CheckboxContentTextBody_1hqw9_47{font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body)}._CheckboxContentTextBodySmall_1hqw9_52{font-size:var(--rm-ui-font-size-body-small);line-height:var(--rm-ui-line-height-body-small)}

package/dist/assets/line-Ci68fm_i.css

@@ -1 +0,0 @@
-._Line_dba3k_1{padding:var(--rm-ui-padding-md) 0}._LineElement_dba3k_5{margin:0;border:1px solid var(--rm-ui-sidebar-line-color)}@media screen and (min-width:1200px){._Line_dba3k_1{padding:var(--rm-ui-padding-lg) 0}}

package/dist/components/sidebar/components/line/line.component.js

@@ -1,8 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-import '../../../../assets/line-Ci68fm_i.css';const i = "_Line_dba3k_1", t = "_LineElement_dba3k_5", n = {
-  Line: i,
-  LineElement: t
-}, L = () => /* @__PURE__ */ e("div", { className: n.Line, children: /* @__PURE__ */ e("hr", { className: n.LineElement }) });
-export {
-  L as Line
-};

package/dist/components/sidebar/components/user/user.component.d.ts

@@ -1,7 +0,0 @@
-export interface UserProps {
-    title?: string;
-    button?: string;
-    data?: string[];
-    onClick: () => void;
-}
-export declare const User: (props: UserProps) => import("react/jsx-runtime").JSX.Element;