@arthurzakharov/ui-kit 1.5.3 → 1.5.5

package/dist/controls/hooks/index.js

@@ -1,4 +1,6 @@
 import { useChoice as r } from "./use-choice/use-choice.hook.js";
+import { useControlInteraction as n } from "./use-control-interaction/use-control-interaction.hook.js";
 export {
-  r as useChoice
+  r as useChoice,
+  n as useControlInteraction
 };

package/dist/controls/hooks/use-choice/use-choice.hook.d.ts

@@ -1,5 +1,5 @@
-import { ControlChoiceType, ChoiceValue, InputChangeSource, Interactive } from '../../utils/types';
+import { ControlChoiceType, ChoiceValue, InputChangeSource, Interactive } from '../../utils';
 export declare const useChoice: (value: ChoiceValue, id: string, cb: Interactive<ChoiceValue>["onChange"]) => {
     type: ControlChoiceType;
-    onChoiceChange: (newValue: string, source?: InputChangeSource) => void;
+    onChoiceChange: (newValue: string, source: InputChangeSource) => void;
 };

package/dist/controls/hooks/use-control-interaction/index.d.ts

@@ -0,0 +1 @@
+export * from './use-control-interaction.hook';

package/dist/controls/hooks/use-control-interaction/index.js

@@ -0,0 +1,4 @@
+import { useControlInteraction as t } from "./use-control-interaction.hook.js";
+export {
+  t as useControlInteraction
+};

package/dist/controls/hooks/use-control-interaction/use-control-interaction.hook.d.ts

@@ -0,0 +1,7 @@
+import { InputChangeSource, Interactive } from '../../utils';
+export declare const useControlInteraction: <V>({ id, disabled, onChange, onFocus, onBlur, }: Pick<Interactive<V>, "id" | "disabled" | "onChange" | "onFocus" | "onBlur">) => {
+    focused: boolean;
+    emitChange: (value: V, source: InputChangeSource) => void;
+    handleFocus: () => void;
+    handleBlur: () => void;
+};

package/dist/controls/hooks/use-control-interaction/use-control-interaction.hook.js

@@ -0,0 +1,25 @@
+import { useBoolean as f } from "usehooks-ts";
+const C = ({
+  id: e,
+  disabled: n = !1,
+  onChange: t,
+  onFocus: o,
+  onBlur: r
+}) => {
+  const { value: u, setTrue: s, setFalse: l } = f(!1);
+  return {
+    focused: u,
+    emitChange: (a, c) => {
+      n || t(a, e, c);
+    },
+    handleFocus: () => {
+      n || (s(), o?.(e));
+    },
+    handleBlur: () => {
+      n || (l(), r?.(e));
+    }
+  };
+};
+export {
+  C as useControlInteraction
+};

package/dist/controls/index.d.ts

@@ -0,0 +1,22 @@
+export * from './box';
+export * from './button';
+export * from './button-card';
+export * from './button-radio';
+export * from './button-text';
+export * from './caption';
+export * from './card-image';
+export * from './card-text';
+export * from './checkbox';
+export * from './choice';
+export * from './dropdown';
+export * from './error-message';
+export * from './hidden-input';
+export * from './input';
+export * from './label';
+export * from './radio';
+export * from './radio-label';
+export * from './status';
+export * from './text-area';
+export * from './text-field';
+export * from './hooks';
+export * from './utils';

package/dist/controls/index.js

@@ -0,0 +1,50 @@
+import { Box as t } from "./box/box.component.js";
+import { Button as x } from "./button/button.component.js";
+import { ButtonCard as m } from "./button-card/button-card.component.js";
+import { ButtonRadio as a } from "./button-radio/button-radio.component.js";
+import { ButtonText as d } from "./button-text/button-text.component.js";
+import { Caption as u } from "./caption/caption.component.js";
+import { CardImage as c } from "./card-image/card-image.component.js";
+import { CardText as l } from "./card-text/card-text.component.js";
+import { Checkbox as I } from "./checkbox/checkbox.component.js";
+import { Choice as T } from "./choice/choice.component.js";
+import { Dropdown as g } from "./dropdown/dropdown.component.js";
+import { ErrorMessage as R } from "./error-message/error-message.component.js";
+import { HiddenInput as L } from "./hidden-input/hidden-input.component.js";
+import { Input as A } from "./input/input.component.js";
+import { Label as E } from "./label/label.component.js";
+import { Radio as M } from "./radio/radio.component.js";
+import { RadioLabel as S } from "./radio-label/radio-label.component.js";
+import { Status as q } from "./status/status.component.js";
+import { TextArea as y } from "./text-area/text-area.component.js";
+import { TextField as G } from "./text-field/text-field.component.js";
+import { useChoice as K } from "./hooks/use-choice/use-choice.hook.js";
+import { useControlInteraction as P } from "./hooks/use-control-interaction/use-control-interaction.hook.js";
+import { clickHasNode as U, containsHtml as V, getChoiceId as W } from "./utils/functions/functions.util.js";
+export {
+  t as Box,
+  x as Button,
+  m as ButtonCard,
+  a as ButtonRadio,
+  d as ButtonText,
+  u as Caption,
+  c as CardImage,
+  l as CardText,
+  I as Checkbox,
+  T as Choice,
+  g as Dropdown,
+  R as ErrorMessage,
+  L as HiddenInput,
+  A as Input,
+  E as Label,
+  M as Radio,
+  S as RadioLabel,
+  q as Status,
+  y as TextArea,
+  G as TextField,
+  U as clickHasNode,
+  V as containsHtml,
+  W as getChoiceId,
+  K as useChoice,
+  P as useControlInteraction
+};

package/dist/controls/input/index.d.ts

@@ -0,0 +1 @@
+export { Input, type InputProps } from './input.component';

package/dist/controls/input/index.js

@@ -0,0 +1,4 @@
+import { Input as r } from "./input.component.js";
+export {
+  r as Input
+};

package/dist/controls/input/input.component.d.ts

@@ -0,0 +1,9 @@
+import { Interactive } from '../utils';
+import { Base } from '../../utils/types';
+export interface InputProps extends Base, Interactive<string> {
+    mask?: string;
+    maxLength?: number;
+    onAnimationStart?: (id: string) => void;
+    onAnimationEnd?: (id: string) => void;
+}
+export declare const Input: ({ id, value, disabled, onChange, onFocus, onBlur, maxLength, mask, onAnimationStart, onAnimationEnd, ...base }: InputProps) => import("react/jsx-runtime").JSX.Element;

package/dist/controls/input/input.component.js

@@ -0,0 +1,143 @@
+import { jsx as M } from "react/jsx-runtime";
+import { useRef as d, useState as O, useLayoutEffect as Q, useCallback as R, useEffect as W } from "react";
+import K from "clsx";
+import { compareStrings as X, isDigit as Y, getFirstNotEnteredCharIndex as v, replaceCharByIndex as b, getNextChar as T, isSeparator as P, getPreviousChar as Z, applyMask as k } from "./input.utils.js";
+import { useControlInteraction as tt } from "../hooks/use-control-interaction/use-control-interaction.hook.js";
+import { baseProps as h } from "../../utils/functions/functions.util.js";
+import '../../assets/input-D66hMzHc.css';const et = "_Input_gfvsr_1", nt = "_Placeholder_gfvsr_45", w = {
+  Input: et,
+  Placeholder: nt
+}, it = ({
+  // Interactive props
+  id: u,
+  value: y = "",
+  disabled: g = !1,
+  onChange: $,
+  onFocus: L,
+  onBlur: j,
+  // Input props
+  maxLength: U,
+  mask: n = "",
+  onAnimationStart: q,
+  onAnimationEnd: z,
+  // Base props
+  ...s
+}) => {
+  const { emitChange: C, handleFocus: S, handleBlur: E } = tt({
+    id: u,
+    disabled: g,
+    onChange: $,
+    onFocus: L,
+    onBlur: j
+  }), o = d(null), D = d(!1), a = d(null), N = d(!0), [r, I] = O(y || n), i = (t) => {
+    const c = Math.max(0, t);
+    if (a.current = c, !o.current) return;
+    const e = Math.min(c, o.current.value.length);
+    o.current.setSelectionRange(e, e);
+  };
+  Q(() => {
+    if (!n || !o.current || a.current === null) return;
+    const t = Math.min(a.current, o.current.value.length);
+    o.current.setSelectionRange(t, t), a.current = null;
+  }, [r, n]);
+  const F = () => {
+    const t = o.current?.value || "", c = v(t, n);
+    c !== t.length && i(c);
+  }, G = R(() => {
+    const t = o.current?.value || "", c = X(r, t);
+    if (!Y(c)) return;
+    const e = o.current?.selectionEnd || 0, m = v(t, n) === t.length, l = b(r, e - 1, c), f = v(l, n);
+    if (m) {
+      const p = t.slice(0, e - 1), x = t.slice(e - 1, e), B = t.slice(e), J = b(p + B, e - 1, x), _ = T(p + B, e) || "";
+      I(J), i(P(_, n) && _ ? e + 1 : e);
+    } else
+      I(l), i(f);
+  }, [r, n]), H = R(
+    (t) => {
+      if ([
+        "Digit1",
+        "Digit2",
+        "Digit3",
+        "Digit4",
+        "Digit5",
+        "Digit6",
+        "Digit7",
+        "Digit8",
+        "Digit9",
+        "Digit0",
+        "Backspace",
+        "ArrowLeft",
+        "ArrowRight",
+        "Tab"
+      ].includes(t.code) || t.preventDefault(), t.code === "Backspace") {
+        t.preventDefault();
+        const e = o.current?.selectionEnd || 0;
+        if (e) {
+          const A = Z(r, e), m = T(r, e - 1), l = P(A, n), f = P(m, n), p = e - (l || f ? 2 : 1), x = k(r, n, e - (f ? 2 : 1));
+          I(x), i(p);
+        }
+      }
+    },
+    [r, n]
+  );
+  W(() => {
+    if (n) {
+      if (N.current) {
+        N.current = !1;
+        return;
+      }
+      C(r !== n ? r : "", "keyboard");
+    }
+  }, [r, n, C]);
+  const V = (t) => {
+    t.includes("autofill-start") && q?.(u), t.includes("autofill-end") && z?.(u);
+  };
+  return n ? /* @__PURE__ */ M(
+    "input",
+    {
+      ref: o,
+      "data-testid": h(s, "data-testid", "input"),
+      "aria-label": `${u}-date-input`,
+      disabled: g,
+      type: "text",
+      id: u,
+      name: u,
+      value: r,
+      className: K(w.Input, h(s, "className"), { [w.Placeholder]: r === n }),
+      onAnimationStart: (t) => V(t.animationName),
+      onKeyDown: H,
+      onChange: G,
+      onPointerDown: (t) => {
+        t.preventDefault(), D.current = !0, t.currentTarget.focus(), F();
+      },
+      onFocus: () => {
+        if (S(), D.current) {
+          D.current = !1;
+          return;
+        }
+        F();
+      },
+      onBlur: () => E()
+    }
+  ) : /* @__PURE__ */ M(
+    "input",
+    {
+      "data-testid": h(s, "data-testid", "input"),
+      "aria-label": `${u}-text-input`,
+      disabled: g,
+      maxLength: U,
+      type: "text",
+      id: u,
+      name: u,
+      value: y,
+      className: K(w.Input, h(s, "className")),
+      onChange: (t) => C(t.target.value, "keyboard"),
+      onAnimationStart: (t) => V(t.animationName),
+      onFocus: S,
+      onBlur: () => E()
+    }
+  );
+};
+export {
+  it as Input
+};

package/dist/controls/input/input.utils.d.ts

@@ -0,0 +1,10 @@
+export declare const isDigit: (char: string) => boolean;
+export declare const isSeparator: (char: string, mask: string) => boolean;
+export declare const getRegExp: (str: string) => RegExp;
+export declare const getSeparatorRegExp: (mask: string) => RegExp;
+export declare const getFirstNotEnteredCharIndex: (str: string, mask: string) => number;
+export declare const getPreviousChar: (str: string, position: number) => string;
+export declare const getNextChar: (str: string, position: number) => string;
+export declare const applyMask: (str: string, mask: string, index: number) => string;
+export declare const replaceCharByIndex: (str: string, index: number, newChar: string) => string;
+export declare const compareStrings: (a: string, b: string) => string;

package/dist/controls/input/input.utils.js

@@ -0,0 +1,24 @@
+const a = (e) => /\d/.test(e), o = (e, t) => !!e.match(g(t)), c = (e) => new RegExp(`[${[...new Set(e.match(/[A-Za-z]/g))].join("")}]`), g = (e) => {
+  const t = [...new Set(e.replace(/[A-Z]/g, ""))].join("").replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+  return new RegExp(`[${t}]`);
+}, s = (e, t) => e.match(c(t))?.index ?? e.length, h = (e, t) => t > 1 ? e[t - 2] : "", l = (e, t) => t > 1 ? e[t] : "", p = (e, t, n) => n < 0 || n >= e.length ? e : e.slice(0, n) + t[n] + e.slice(n + 1), i = (e, t, n) => t < 0 || t >= e.length ? e : e.slice(0, t) + n + e.slice(t + 1), u = (e, t) => {
+  if (e <= t)
+    return "";
+  const n = Math.min(e.length, t.length);
+  for (let r = 0; r < n; r += 1)
+    if (e[r] !== t[r])
+      return t[r] || "";
+  return t[n] || "";
+};
+export {
+  p as applyMask,
+  u as compareStrings,
+  s as getFirstNotEnteredCharIndex,
+  l as getNextChar,
+  h as getPreviousChar,
+  c as getRegExp,
+  g as getSeparatorRegExp,
+  a as isDigit,
+  o as isSeparator,
+  i as replaceCharByIndex
+};

package/dist/controls/label/index.d.ts

@@ -0,0 +1 @@
+export { Label, type LabelProps } from './label.component';

package/dist/controls/label/index.js

@@ -0,0 +1,4 @@
+import { Label as r } from "./label.component.js";
+export {
+  r as Label
+};

package/dist/controls/label/label.component.d.ts

@@ -0,0 +1,8 @@
+import { ControlLabelPosition, State } from '../utils';
+import { Base } from '../../utils/types';
+export interface LabelProps extends Base {
+    text: string;
+    state?: State;
+    position?: ControlLabelPosition;
+}
+export declare const Label: ({ text, state, position, ...base }: LabelProps) => import("react/jsx-runtime").JSX.Element;

package/dist/controls/label/label.component.js

@@ -0,0 +1,33 @@
+import { jsx as l } from "react/jsx-runtime";
+import _ from "clsx";
+import { Content as a } from "../../utils/content/content.component.js";
+import { baseProps as t } from "../../utils/functions/functions.util.js";
+import '../../assets/label-BKXQlPJi.css';const i = "_Label_85kr5_1", d = "_Idle_85kr5_7", m = "_Active_85kr5_12", n = "_Success_85kr5_21", e = {
+  Label: i,
+  Idle: d,
+  Active: m,
+  Error: "_Error_85kr5_17",
+  Success: n
+}, v = ({
+  // Label props
+  text: o,
+  state: r = "idle",
+  position: c = "idle",
+  // Base props
+  ...s
+}) => /* @__PURE__ */ l(
+  a,
+  {
+    "data-testid": t(s, "data-testid", "label"),
+    className: _(e.Label, t(s, "className"), {
+      [e.Idle]: c === "idle",
+      [e.Active]: c === "active",
+      [e.Error]: r === "error",
+      [e.Success]: r === "success"
+    }),
+    children: o
+  }
+);
+export {
+  v as Label
+};

package/dist/controls/radio/index.d.ts

@@ -0,0 +1 @@
+export { Radio, type RadioProps } from './radio.component';

package/dist/controls/radio/index.js

@@ -0,0 +1,4 @@
+import { Radio as a } from "./radio.component.js";
+export {
+  a as Radio
+};

package/dist/controls/radio/radio.component.d.ts

@@ -0,0 +1,12 @@
+import { ChoiceProps } from '../choice';
+import { CaptionProps } from '../caption';
+import { Interactive, RadioChoice } from '../utils';
+import { Base } from '../../utils/types';
+export interface RadioProps extends Base, Interactive<string> {
+    orientation?: 'horizontal' | 'vertical';
+    choices: RadioChoice[];
+    iconSize?: ChoiceProps['size'];
+    textSize?: CaptionProps['size'];
+    message?: string;
+}
+export declare const Radio: ({ id, value, disabled, state, onChange, onFocus, onBlur, choices, orientation, iconSize, textSize, message, ...base }: RadioProps) => import("react/jsx-runtime").JSX.Element;

package/dist/controls/radio/radio.component.js

@@ -0,0 +1,109 @@
+import { jsxs as c, jsx as r } from "react/jsx-runtime";
+import _ from "clsx";
+import { FadeSlide as k } from "../../animations/fade-slide/fade-slide.component.js";
+import { Choice as I } from "../choice/choice.component.js";
+import { Caption as V } from "../caption/caption.component.js";
+import { ErrorMessage as y } from "../error-message/error-message.component.js";
+import { HiddenInput as F } from "../hidden-input/hidden-input.component.js";
+import { useControlInteraction as j } from "../hooks/use-control-interaction/use-control-interaction.hook.js";
+import { RadioLabel as B } from "../radio-label/radio-label.component.js";
+import { getChoiceId as $ } from "../utils/functions/functions.util.js";
+import { baseProps as p } from "../../utils/functions/functions.util.js";
+import '../../assets/radio-VoXwCoAp.css';const P = "_Radio_rt0wk_1", S = "_Content_rt0wk_6", q = "_Horizontal_rt0wk_10", A = "_Vertical_rt0wk_15", D = "_Label_rt0wk_20", G = "_ErrorMessage_rt0wk_33", o = {
+  Radio: P,
+  Content: S,
+  Horizontal: q,
+  Vertical: A,
+  Label: D,
+  ErrorMessage: G
+}, tr = ({
+  // Interactive props
+  id: e,
+  value: f = "",
+  disabled: a = !1,
+  state: s = "idle",
+  onChange: u,
+  onFocus: C,
+  onBlur: g,
+  // Radio props
+  choices: h,
+  orientation: l = "horizontal",
+  iconSize: v = "md",
+  textSize: z = "body",
+  message: m = "",
+  // Base props
+  ...d
+}) => {
+  const { emitChange: w, handleFocus: x, handleBlur: E } = j({
+    id: e,
+    disabled: a,
+    onChange: u,
+    onFocus: C,
+    onBlur: g
+  });
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      "data-testid": p(d, "data-testid", "radio"),
+      className: _(o.Radio, p(d, "className")),
+      children: [
+        /* @__PURE__ */ r(
+          "div",
+          {
+            className: _(o.Content, {
+              [o.Horizontal]: l === "horizontal",
+              [o.Vertical]: l === "vertical"
+            }),
+            children: h.map((t, M, R) => {
+              const i = $(e, t.value, M);
+              return /* @__PURE__ */ r(
+                B,
+                {
+                  id: i,
+                  value: f,
+                  state: s,
+                  choice: t,
+                  choices: R,
+                  children: ({ focused: b, hovered: H, checked: n, state: L }) => /* @__PURE__ */ c("div", { className: o.Label, children: [
+                    /* @__PURE__ */ r(
+                      I,
+                      {
+                        type: "radio",
+                        size: v,
+                        state: L,
+                        checked: n,
+                        focused: b,
+                        hovered: H,
+                        disabled: a
+                      }
+                    ),
+                    /* @__PURE__ */ r(
+                      F,
+                      {
+                        type: "radio",
+                        id: i,
+                        value: t.value,
+                        name: e,
+                        checked: n,
+                        disabled: a,
+                        onChange: (J, N) => w(t.value, N),
+                        onFocus: x,
+                        onBlur: E
+                      }
+                    ),
+                    /* @__PURE__ */ r(V, { text: t.label, size: z, checked: n })
+                  ] })
+                },
+                i
+              );
+            })
+          }
+        ),
+        /* @__PURE__ */ r(k, { name: "message", condition: s === "error" && !!m, children: /* @__PURE__ */ r(y, { text: m, className: o.ErrorMessage }) })
+      ]
+    }
+  );
+};
+export {
+  tr as Radio
+};

package/dist/controls/radio-label/index.d.ts

@@ -0,0 +1 @@
+export { RadioLabel, type RadioLabelProps } from './radio-label.component';

package/dist/controls/radio-label/index.js

@@ -0,0 +1,4 @@
+import { RadioLabel as e } from "./radio-label.component.js";
+export {
+  e as RadioLabel
+};

package/dist/controls/radio-label/radio-label.component.d.ts

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

package/dist/controls/radio-label/radio-label.component.js

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

package/dist/controls/status/index.d.ts

@@ -0,0 +1 @@
+export { Status, type StatusProps } from './status.component';

package/dist/controls/status/index.js

@@ -0,0 +1,4 @@
+import { Status as r } from "./status.component.js";
+export {
+  r as Status
+};

package/dist/controls/status/status.component.d.ts

@@ -0,0 +1,6 @@
+import { State } from '../utils';
+import { Base } from '../../utils/types';
+export interface StatusProps extends Base {
+    state: State;
+}
+export declare const Status: ({ state, ...base }: StatusProps) => import("react/jsx-runtime").JSX.Element;

package/dist/controls/status/status.component.js

@@ -0,0 +1,36 @@
+import { jsxs as l, jsx as r } from "react/jsx-runtime";
+import { Circle as o, X as a, Check as _ } from "lucide-react";
+import i from "clsx";
+import { baseProps as t } from "../../utils/functions/functions.util.js";
+import '../../assets/status-ZxxbM9u1.css';const m = "_Status_rlg1f_1", C = "_Idle_rlg1f_6", d = "_Circle_rlg1f_6", f = "_Success_rlg1f_12", u = "_Check_rlg1f_34", n = "_X_rlg1f_35", s = {
+  Status: m,
+  Idle: C,
+  Circle: d,
+  Success: f,
+  Error: "_Error_rlg1f_18",
+  Check: u,
+  X: n
+}, p = ({
+  // Status props
+  state: c,
+  // Base props
+  ...e
+}) => /* @__PURE__ */ l(
+  "div",
+  {
+    "data-testid": t(e, "data-testid", "status"),
+    className: i(s.Status, t(e, "className"), {
+      [s.Idle]: c === "idle",
+      [s.Success]: c === "success",
+      [s.Error]: c === "error"
+    }),
+    children: [
+      /* @__PURE__ */ r(o, { className: s.Circle }),
+      /* @__PURE__ */ r(a, { className: s.X }),
+      /* @__PURE__ */ r(_, { className: s.Check })
+    ]
+  }
+);
+export {
+  p as Status
+};

package/dist/controls/text-area/index.d.ts

@@ -0,0 +1 @@
+export { TextArea, type TextAreaProps } from './text-area.component';

package/dist/controls/text-area/index.js

@@ -0,0 +1,4 @@
+import { TextArea as o } from "./text-area.component.js";
+export {
+  o as TextArea
+};