@arthurzakharov/ui-kit 1.3.9 → 1.4.0

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

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

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

@@ -1,7 +0,0 @@
-import "react/jsx-runtime";
-import "clsx";
-import { R as t } from "../../../../control.component-B9Ao9mfl.js";
-import "../../utils/functions/functions.util.js";
-export {
-  t as Radio
-};

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

@@ -1,17 +0,0 @@
-import { ReactNode } from 'react';
-import { ChoiceValue, RadioChoice, State } from '../../control.types';
-export interface RadioLabelChild {
-    focused: boolean;
-    hovered: boolean;
-    checked: boolean;
-    state?: State;
-}
-export interface RadioLabelProps<T extends ChoiceValue> {
-    id: string;
-    value: T;
-    choice: RadioChoice;
-    choices?: RadioChoice[];
-    state?: State;
-    children: (props: RadioLabelChild) => ReactNode;
-}
-export declare const RadioLabel: <T extends ChoiceValue>(props: RadioLabelProps<T>) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,37 +0,0 @@
-import { jsx as h } from "react/jsx-runtime";
-import { useToggle as l } from "usehooks-ts";
-import '../../../../assets/radio-label-Bd5UiESO.css';const v = "_RadioLabel_1xgor_1", b = {
-  RadioLabel: v
-}, L = (a) => {
-  const { children: t, id: c, value: e, choice: o, choices: i = [], state: d = "idle" } = a, [n, r] = l(!1), [u, s] = l(!1);
-  return /* @__PURE__ */ h(
-    "label",
-    {
-      "data-testid": "radio-label",
-      htmlFor: c,
-      className: b.RadioLabel,
-      onFocus: () => r(),
-      onBlur: () => r(),
-      onMouseEnter: () => s(),
-      onMouseLeave: () => s(),
-      children: t({
-        focused: n,
-        hovered: u,
-        checked: typeof e == "string" ? e === o.value : e.includes(o.value),
-        state: (() => {
-          switch (d) {
-            case "success":
-              return "idle";
-            case "error":
-              return i.some((g) => g.value === e) ? e === o.value ? "error" : "idle" : "error";
-            case "idle":
-              return "idle";
-          }
-        })()
-      })
-    }
-  );
-};
-export {
-  L as RadioLabel
-};

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

@@ -1,9 +0,0 @@
-import { PropsWithChildren } from 'react';
-export interface RadioTextProps extends PropsWithChildren {
-    size: 'md' | 'lg';
-    checked: boolean;
-    oneLine?: boolean;
-    color?: 'primary' | 'secondary';
-    className?: string;
-}
-export declare const RadioText: (props: RadioTextProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,29 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import T from "clsx";
-import '../../../../assets/radio-text-BI17l0wD.css';const c = "_RadioText_1jn2j_1", R = "_RadioTextColorPrimary_1jn2j_8", s = "_RadioTextContent_1jn2j_8", _ = "_RadioTextColorSecondary_1jn2j_12", l = "_RadioTextSizeMd_1jn2j_16", m = "_RadioTextSizeLg_1jn2j_21", j = "_RadioTextOneLine_1jn2j_26", e = {
-  RadioText: c,
-  RadioTextColorPrimary: R,
-  RadioTextContent: s,
-  RadioTextColorSecondary: _,
-  RadioTextSizeMd: l,
-  RadioTextSizeLg: m,
-  RadioTextOneLine: j
-}, S = (d) => {
-  const { children: o, size: a, checked: i, oneLine: r = !1, color: n = "primary", className: x = "" } = d;
-  return /* @__PURE__ */ t(
-    "div",
-    {
-      className: T(e.RadioText, x, {
-        [e.RadioTextColorPrimary]: n === "primary",
-        [e.RadioTextColorSecondary]: n === "secondary",
-        [e.RadioTextSizeMd]: a === "md",
-        [e.RadioTextSizeLg]: a === "lg",
-        [e.RadioTextOneLine]: r
-      }),
-      children: typeof o == "string" ? /* @__PURE__ */ t("span", { "data-checked": i, className: e.RadioTextContent, dangerouslySetInnerHTML: { __html: o } }) : /* @__PURE__ */ t("span", { "data-checked": i, className: e.RadioTextContent, children: o })
-    }
-  );
-};
-export {
-  S as RadioText
-};

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

@@ -1,6 +0,0 @@
-import { State } from '../../control.types';
-export interface StatusProps {
-    state: State;
-    className?: string;
-}
-export declare const Status: (props: StatusProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,37 +0,0 @@
-import { jsxs as a, jsx as c } from "react/jsx-runtime";
-import { Circle as i, X as u, Check as S } from "lucide-react";
-import e from "clsx";
-import { Animation as n } from "../../../../animations/animation.component.js";
-import '../../../../assets/status-6MH80dkz.css';const l = "_Status_5dqaf_1", _ = "_StatusCircle_5dqaf_6", C = "_StatusCircleIdle_5dqaf_14", d = "_StatusCircleSuccess_5dqaf_20", m = "_StatusCircleError_5dqaf_26", f = "_StatusIconContent_5dqaf_32", I = "_StatusIconAnimate_5dqaf_40", h = "_StatusCheck_5dqaf_48", q = "_StatusX_5dqaf_49", t = {
-  Status: l,
-  StatusCircle: _,
-  StatusCircleIdle: C,
-  StatusCircleSuccess: d,
-  StatusCircleError: m,
-  StatusIconContent: f,
-  StatusIconAnimate: I,
-  StatusCheck: h,
-  StatusX: q
-}, x = (r) => {
-  const { className: o, state: s = "idle" } = r;
-  return /* @__PURE__ */ a("div", { className: e(t.Status, o), children: [
-    /* @__PURE__ */ c(
-      i,
-      {
-        size: 24,
-        className: e(t.StatusCircle, {
-          [t.StatusCircleIdle]: s === "idle",
-          [t.StatusCircleSuccess]: s === "success",
-          [t.StatusCircleError]: s === "error"
-        })
-      }
-    ),
-    /* @__PURE__ */ a("div", { className: t.StatusIconContent, children: [
-      /* @__PURE__ */ c(n.FadeScale, { name: "icon-x", condition: s === "error", className: t.StatusIconAnimate, children: /* @__PURE__ */ c(u, { size: 14, className: t.StatusX }) }),
-      /* @__PURE__ */ c(n.FadeScale, { name: "icon-check", condition: s === "success", className: t.StatusIconAnimate, children: /* @__PURE__ */ c(S, { size: 14, className: t.StatusCheck }) })
-    ] })
-  ] });
-};
-export {
-  x as Status
-};

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

@@ -1,9 +0,0 @@
-import { State } from '../../control.types';
-import { InputProps } from '../../control.component';
-export interface TextProps extends InputProps {
-    label: string;
-    message?: string;
-    placeholder?: string;
-    state?: State;
-}
-export declare const Text: (props: TextProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,8 +0,0 @@
-import "react/jsx-runtime";
-import "../../../../animations/animation.component.js";
-import "clsx";
-import "usehooks-ts";
-import { T as e } from "../../../../control.component-B9Ao9mfl.js";
-export {
-  e as Text
-};

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

@@ -1,9 +0,0 @@
-import { Interactive, State } from '../../control.types';
-export interface TextareaProps extends Interactive<string> {
-    state?: State;
-    placeholder?: string;
-    rows?: number;
-    onAutofill?: (id: string) => void;
-    onAutofillCancel?: (id: string) => void;
-}
-export declare const Textarea: (props: TextareaProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,6 +0,0 @@
-import "react/jsx-runtime";
-import "usehooks-ts";
-import { e as a } from "../../../../control.component-B9Ao9mfl.js";
-export {
-  a as Textarea
-};

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

@@ -1,41 +0,0 @@
-export type { BoxProps } from './components/box/box.component';
-export type { ButtonProps } from './components/button/button.component';
-export type { ButtonCardProps } from './components/button-card/button-card.component';
-export type { ButtonRadioProps, ButtonRadioInfo, } from './components/button-radio/button-radio.component';
-export type { ButtonTextProps } from './components/button-text/button-text.component';
-export type { CardImageProps } from './components/card-image/card-image.component';
-export type { CardTextProps } from './components/card-text/card-text.component';
-export type { CheckboxProps } from './components/checkbox/checkbox.component';
-export type { ChoiceProps } from './components/choice/choice.component';
-export type { DropdownProps } from './components/dropdown/dropdown.component';
-export type { HiddenInputProps } from './components/hidden-input/hidden-input.component';
-export type { InputProps } from './components/input/input.component';
-export type { LabelProps } from './components/label/label.component';
-export type { RadioProps } from './components/radio/radio.component';
-export type { RadioLabelProps, RadioLabelChild, } from './components/radio-label/radio-label.component';
-export type { RadioTextProps } from './components/radio-text/radio-text.component';
-export type { StatusProps } from './components/status/status.component';
-export type { TextProps } from './components/text/text.component';
-export type { TextareaProps } from './components/textarea/textarea.component';
-export type { InputChangeSource, Interactive, RadioChoice, ChoiceType, ChoiceValue, State, QuestionPath, QuestionChoice, Size, } from './control.types';
-export declare const Control: {
-    Box: import('react').ForwardRefExoticComponent<import('./components/box/box.component').BoxProps & import('react').RefAttributes<HTMLDivElement>>;
-    Button: (props: import('./components/button/button.component').ButtonProps) => import("react/jsx-runtime").JSX.Element;
-    ButtonCard: (props: import('./components/button-card/button-card.component').ButtonCardProps) => import("react/jsx-runtime").JSX.Element;
-    ButtonRadio: (props: import('./components/button-radio/button-radio.component').ButtonRadioProps) => import("react/jsx-runtime").JSX.Element;
-    ButtonText: (props: import('./components/button-text/button-text.component').ButtonTextProps) => import("react/jsx-runtime").JSX.Element;
-    CardImage: (props: import('./components/card-image/card-image.component').CardImageProps) => import("react/jsx-runtime").JSX.Element;
-    CardText: (props: import('./components/card-text/card-text.component').CardTextProps) => import("react/jsx-runtime").JSX.Element;
-    Checkbox: (props: import('./components/checkbox/checkbox.component').CheckboxProps) => import("react/jsx-runtime").JSX.Element;
-    Choice: (props: import('./components/choice/choice.component').ChoiceProps) => import("react/jsx-runtime").JSX.Element;
-    Dropdown: (props: import('./components/dropdown/dropdown.component').DropdownProps) => import("react/jsx-runtime").JSX.Element;
-    HiddenInput: (props: import('./components/hidden-input/hidden-input.component').HiddenInputProps) => import("react/jsx-runtime").JSX.Element;
-    Input: ({ id, value, disabled, dateMask, maxLength, type, onAutofill, onAutofillCancel, onChange, onFocus, onBlur, }: import('./components/input/input.component').InputProps) => import("react/jsx-runtime").JSX.Element;
-    Label: (props: import('./components/label/label.component').LabelProps) => import("react/jsx-runtime").JSX.Element;
-    Radio: (props: import('./components/radio/radio.component').RadioProps) => import("react/jsx-runtime").JSX.Element;
-    RadioLabel: <T extends import('./control.types').ChoiceValue>(props: import('./components/radio-label/radio-label.component').RadioLabelProps<T>) => import("react/jsx-runtime").JSX.Element;
-    RadioText: (props: import('./components/radio-text/radio-text.component').RadioTextProps) => import("react/jsx-runtime").JSX.Element;
-    Status: (props: import('./components/status/status.component').StatusProps) => import("react/jsx-runtime").JSX.Element;
-    Text: (props: import('./components/text/text.component').TextProps) => import("react/jsx-runtime").JSX.Element;
-    Textarea: (props: import('./components/textarea/textarea.component').TextareaProps) => import("react/jsx-runtime").JSX.Element;
-};

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

@@ -1,14 +0,0 @@
-import "./components/box/box.component.js";
-import "./components/button/button.component.js";
-import { C as s } from "../../control.component-B9Ao9mfl.js";
-import "./components/button-text/button-text.component.js";
-import "./components/choice/choice.component.js";
-import "./components/hidden-input/hidden-input.component.js";
-import "../../input.component-C5xcmnfu.js";
-import "./components/label/label.component.js";
-import "./components/radio-label/radio-label.component.js";
-import "./components/radio-text/radio-text.component.js";
-import "./components/status/status.component.js";
-export {
-  s as Control
-};