@kommo-crm/crm-react-ui-kit 1.0.1

package/dist/components/FilterTabs/components/ItemRootReset/TabReset.js

@@ -0,0 +1,28 @@
+import { jsx as u } from "react/jsx-runtime";
+import { forwardRef as h } from "react";
+import { c as C } from "../../../../index-L8X2o7IH.mjs";
+import { useThemeClassName as N } from "../../../../hooks/useThemeClassName/useThemeClassName.js";
+import { useFilterTabsContext as R } from "../../FilterTabs.context.js";
+import { useTabItemRootResetContext as T } from "./ItemRootReset.context.js";
+import { s } from "../../../../Tab.module-Bh4dewE1.mjs";
+const e = "FilterTabs.TabReset", x = h((t, o) => {
+  const { theme: r, className: m, children: a, ...i } = t, l = N(r), { values: n, isDisabled: c, onChange: b } = R(e), { isDisabled: d, ...p } = T(e), f = !n.length;
+  return /* @__PURE__ */ u(
+    "button",
+    {
+      ref: o,
+      className: C(s.button, l, m, {
+        [s.selected]: f
+      }),
+      onClick: () => b(),
+      disabled: c || d,
+      ...p,
+      ...i,
+      children: a
+    }
+  );
+});
+x.displayName = e;
+export {
+  x as TabReset
+};

package/dist/components/FilterTabs/components/ItemRootReset/index.d.ts

@@ -0,0 +1,4 @@
+export { ItemRootReset } from './ItemRootReset';
+export { TabReset } from './TabReset';
+export type { ItemRootResetProps, TabItemResetContextProps, } from './ItemRootReset.props';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/FilterTabs/components/ItemRootReset/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/FilterTabs/components/ItemRootReset/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EACV,kBAAkB,EAClB,wBAAwB,GACzB,MAAM,uBAAuB,CAAC"}

package/dist/components/FilterTabs/components/ItemRootReset/index.js

@@ -0,0 +1,6 @@
+import { ItemRootReset as t } from "./ItemRootReset.js";
+import { TabReset as m } from "./TabReset.js";
+export {
+  t as ItemRootReset,
+  m as TabReset
+};

package/dist/components/FilterTabs/components/Tab/Tab.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { TabProps } from './Tab.props';
+export declare const Tab: React.ForwardRefExoticComponent<Omit<TabProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=Tab.d.ts.map

package/dist/components/FilterTabs/components/Tab/Tab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../../../src/components/FilterTabs/components/Tab/Tab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAQ1C,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,aAAa,CAAC;AAS5C,eAAO,MAAM,GAAG,iGAkCd,CAAC"}

package/dist/components/FilterTabs/components/Tab/Tab.js

@@ -0,0 +1,35 @@
+import { jsx as C } from "react/jsx-runtime";
+import { forwardRef as N } from "react";
+import { c as T } from "../../../../index-L8X2o7IH.mjs";
+import { useThemeClassName as x } from "../../../../hooks/useThemeClassName/useThemeClassName.js";
+import { useFilterTabsContext as D } from "../../FilterTabs.context.js";
+import { useTabItemRootContext as I } from "../ItemRoot/ItemRoot.context.js";
+import { s as t } from "../../../../Tab.module-Bh4dewE1.mjs";
+const s = "FilterTabs.Tab", R = N((o, a) => {
+  const { theme: m, className: r, children: i, ...n } = o, l = x(m), { values: c, isDisabled: d, onChange: b } = D(s), {
+    name: e,
+    isDisabled: p,
+    ...f
+  } = I(s), u = c.includes(e), h = () => {
+    b(e);
+  };
+  return /* @__PURE__ */ C(
+    "button",
+    {
+      ref: a,
+      className: T(t.button, l, r, {
+        [t.selected]: u
+      }),
+      onClick: h,
+      name: e,
+      disabled: d || p,
+      ...f,
+      ...n,
+      children: i
+    }
+  );
+});
+R.displayName = s;
+export {
+  R as Tab
+};

package/dist/components/FilterTabs/components/Tab/Tab.props.d.ts

@@ -0,0 +1,17 @@
+import { TabThemeType } from './Tab.themes';
+export type Button = Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, 'disabled' | 'readonly'>;
+export interface TabProps extends Button {
+    /**
+     * The `class` attribute for `Tab'.
+     */
+    className?: string;
+    /**
+     * Object with CSS theme properties.
+     */
+    theme: TabThemeType;
+    /**
+     * Child elements of the `Tab` component.
+     */
+    children: React.ReactNode;
+}
+//# sourceMappingURL=Tab.props.d.ts.map

package/dist/components/FilterTabs/components/Tab/Tab.props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tab.props.d.ts","sourceRoot":"","sources":["../../../../../src/components/FilterTabs/components/Tab/Tab.props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;AAEjD,MAAM,MAAM,MAAM,GAAG,IAAI,CACvB,KAAK,CAAC,iBAAiB,CACrB,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAC7C,iBAAiB,CAClB,EACD,UAAU,GAAG,UAAU,CACxB,CAAC;AAEF,MAAM,WAAW,QAAS,SAAQ,MAAM;IACtC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,KAAK,EAAE,YAAY,CAAC;IACpB;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B"}

package/dist/components/FilterTabs/components/Tab/Tab.props.js

@@ -0,0 +1 @@
+

package/dist/components/FilterTabs/components/Tab/Tab.themes.d.ts

@@ -0,0 +1,7 @@
+type TabThemeKey = '--crm-ui-kit-filter-tabs-tab-z-index' | '--crm-ui-kit-filter-tabs-tab-background-color' | '--crm-ui-kit-filter-tabs-tab-border-width' | '--crm-ui-kit-filter-tabs-tab-border-radius' | '--crm-ui-kit-filter-tabs-tab-border-style' | '--crm-ui-kit-filter-tabs-tab-action-color' | '--crm-ui-kit-filter-tabs-tab-focus-visible-outline-color' | '--crm-ui-kit-filter-tabs-tab-focus-visible-outline-width' | '--crm-ui-kit-filter-tabs-tab-focus-visible-outline-style' | '--crm-ui-kit-filter-tabs-tab-focus-visible-outline-offset' | '--crm-ui-kit-filter-tabs-tab-text-color' | '--crm-ui-kit-filter-tabs-tab-hover-background-color';
+export type TabThemeType = {
+    [K in TabThemeKey]: string;
+};
+export declare const TabPrimaryTheme: TabThemeType;
+export {};
+//# sourceMappingURL=Tab.themes.d.ts.map

package/dist/components/FilterTabs/components/Tab/Tab.themes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tab.themes.d.ts","sourceRoot":"","sources":["../../../../../src/components/FilterTabs/components/Tab/Tab.themes.ts"],"names":[],"mappings":"AAAA,KAAK,WAAW,GACZ,sCAAsC,GACtC,+CAA+C,GAC/C,2CAA2C,GAC3C,4CAA4C,GAC5C,2CAA2C,GAC3C,2CAA2C,GAC3C,0DAA0D,GAC1D,0DAA0D,GAC1D,0DAA0D,GAC1D,2DAA2D,GAC3D,yCAAyC,GACzC,qDAAqD,CAAC;AAE1D,MAAM,MAAM,YAAY,GAAG;KACxB,CAAC,IAAI,WAAW,GAAG,MAAM;CAC3B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,YAuB7B,CAAC"}

package/dist/components/FilterTabs/components/Tab/Tab.themes.js

@@ -0,0 +1,17 @@
+const t = {
+  "--crm-ui-kit-filter-tabs-tab-z-index": "3",
+  "--crm-ui-kit-filter-tabs-tab-action-color": "var(--crm-ui-kit-color-blueberry)",
+  "--crm-ui-kit-filter-tabs-tab-border-width": "1px",
+  "--crm-ui-kit-filter-tabs-tab-border-radius": "3px",
+  "--crm-ui-kit-filter-tabs-tab-border-style": "solid",
+  "--crm-ui-kit-filter-tabs-tab-focus-visible-outline-color": "var(--crm-ui-kit-color-cobalt-blue)",
+  "--crm-ui-kit-filter-tabs-tab-focus-visible-outline-width": "var(--crm-ui-kit-palette-focus-visible-outline-width)",
+  "--crm-ui-kit-filter-tabs-tab-focus-visible-outline-style": "var(--crm-ui-kit-palette-focus-visible-outline-style)",
+  "--crm-ui-kit-filter-tabs-tab-focus-visible-outline-offset": "var(--crm-ui-kit-palette-focus-visible-outline-offset)",
+  "--crm-ui-kit-filter-tabs-tab-background-color": "var(--crm-ui-kit-palette-surface-background-color)",
+  "--crm-ui-kit-filter-tabs-tab-text-color": "var(--crm-ui-kit-palette-surface-text-color)",
+  "--crm-ui-kit-filter-tabs-tab-hover-background-color": "var(--crm-ui-kit-palette-surface-hover-background-color)"
+};
+export {
+  t as TabPrimaryTheme
+};

package/dist/components/FilterTabs/components/Tab/index.d.ts

@@ -0,0 +1,4 @@
+export { Tab } from './Tab';
+export { TabPrimaryTheme, type TabThemeType } from './Tab.themes';
+export { type TabProps, type Button } from './Tab.props';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/FilterTabs/components/Tab/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/FilterTabs/components/Tab/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,eAAe,EAAE,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;AAClE,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,MAAM,EAAE,MAAM,aAAa,CAAC"}

package/dist/components/FilterTabs/components/Tab/index.js

@@ -0,0 +1,6 @@
+import { Tab as m } from "./Tab.js";
+import { TabPrimaryTheme as a } from "./Tab.themes.js";
+export {
+  m as Tab,
+  a as TabPrimaryTheme
+};

package/dist/components/FilterTabs/index.d.ts

@@ -0,0 +1,6 @@
+export { FilterTabs } from './FilterTabs';
+export { FilterTabsTheme, type FilterTabsThemeType } from './FilterTabs.themes';
+export { type FilterTabsOrientation, type FilterTabsProps, type FilterTabsChangeEvent, } from './FilterTabs.props';
+export { ItemRoot, FilterTabsItemRootTheme, type ItemRootProps, type ItemRootThemeType, } from './components/ItemRoot';
+export { type Button, Tab, TabPrimaryTheme, type TabProps, type TabThemeType, } from './components/Tab';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/FilterTabs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FilterTabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,KAAK,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAChF,OAAO,EACL,KAAK,qBAAqB,EAC1B,KAAK,eAAe,EACpB,KAAK,qBAAqB,GAC3B,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EACL,QAAQ,EACR,uBAAuB,EACvB,KAAK,aAAa,EAClB,KAAK,iBAAiB,GACvB,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EACL,KAAK,MAAM,EACX,GAAG,EACH,eAAe,EACf,KAAK,QAAQ,EACb,KAAK,YAAY,GAClB,MAAM,kBAAkB,CAAC"}

package/dist/components/FilterTabs/index.js

@@ -0,0 +1,14 @@
+import { FilterTabs as o } from "./FilterTabs.js";
+import { FilterTabsTheme as m } from "./FilterTabs.themes.js";
+import { ItemRoot as a } from "./components/ItemRoot/ItemRoot.js";
+import { FilterTabsItemRootTheme as p } from "./components/ItemRoot/ItemRoot.themes.js";
+import { Tab as b } from "./components/Tab/Tab.js";
+import { TabPrimaryTheme as h } from "./components/Tab/Tab.themes.js";
+export {
+  o as FilterTabs,
+  p as FilterTabsItemRootTheme,
+  m as FilterTabsTheme,
+  a as ItemRoot,
+  b as Tab,
+  h as TabPrimaryTheme
+};

package/dist/components/InlineInput/InlineInput.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { InlineInputProps } from './InlineInput.props';
+export declare const InlineInput: React.ForwardRefExoticComponent<Omit<InlineInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=InlineInput.d.ts.map

package/dist/components/InlineInput/InlineInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InlineInput.d.ts","sourceRoot":"","sources":["../../../src/components/InlineInput/InlineInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAS1C,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAU5D,eAAO,MAAM,WAAW,wGA+CtB,CAAC"}

package/dist/components/InlineInput/InlineInput.js

@@ -0,0 +1,64 @@
+import { jsxs as m, jsx as a } from "react/jsx-runtime";
+import { forwardRef as f } from "react";
+import { c as e } from "../../index-L8X2o7IH.mjs";
+import { useThemeClassName as v } from "../../hooks/useThemeClassName/useThemeClassName.js";
+import { Text as h } from "../Text/Text.js";
+import "../Text/Text.themes.js";
+import { BaseInput as u } from "../BaseInput/BaseInput.js";
+import { isValidRenderValue as N } from "../../lib/utils.js";
+import { InputInvalidTextTheme as y } from "./InlineInput.themes.js";
+import '../../assets/InlineInput.css';const z = "_wrapper_vhy8z_1", I = "_input_container_vhy8z_25", x = "_after_container_vhy8z_42", b = "_after_vhy8z_42", w = "_has_after_vhy8z_54", T = "_invalid_description_container_vhy8z_58", j = "_invalid_description_vhy8z_58", B = "_disabled_vhy8z_98", i = {
+  wrapper: z,
+  input_container: I,
+  after_container: x,
+  after: b,
+  has_after: w,
+  invalid_description_container: T,
+  invalid_description: j,
+  disabled: B
+}, C = f((t, s) => {
+  const {
+    className: o = "",
+    isInvalid: c = !1,
+    invalidDescription: _,
+    isDisabled: r,
+    after: n,
+    theme: d,
+    ...l
+  } = t, p = v(d);
+  return /* @__PURE__ */ m("div", { className: e(i.wrapper, p, o), children: [
+    /* @__PURE__ */ a(
+      "div",
+      {
+        className: e(i.input_container, {
+          [i.disabled]: r
+        }),
+        children: /* @__PURE__ */ a(
+          u,
+          {
+            className: e({
+              [i.has_after]: !!n
+            }),
+            isDisabled: r,
+            ref: s,
+            ...l
+          }
+        )
+      }
+    ),
+    N(n) && /* @__PURE__ */ a("div", { className: e(i.after_container), children: /* @__PURE__ */ a("div", { className: e(i.after), children: n }) }),
+    c && /* @__PURE__ */ a("div", { className: e(i.invalid_description_container), children: /* @__PURE__ */ a(
+      h,
+      {
+        size: "m",
+        theme: y,
+        className: e(i.invalid_description),
+        children: _
+      }
+    ) })
+  ] });
+});
+C.displayName = "InlineInput";
+export {
+  C as InlineInput
+};

package/dist/components/InlineInput/InlineInput.props.d.ts

@@ -0,0 +1,24 @@
+import { BaseInputProps } from '../BaseInput/BaseInput.props';
+import { InlineInputTheme } from './InlineInput.themes';
+export interface InlineInputProps extends BaseInputProps {
+    /**
+     * Valid value is entered or not.
+     *
+     * If true, the appropriate styles will be applied.
+     * @default false
+     */
+    isInvalid?: boolean;
+    /**
+     * Error message
+     */
+    invalidDescription?: string;
+    /**
+     * Adds an icon on the right.
+     */
+    after?: React.ReactNode;
+    /**
+     * Object with CSS properties of the theme.
+     */
+    theme: InlineInputTheme;
+}
+//# sourceMappingURL=InlineInput.props.d.ts.map

package/dist/components/InlineInput/InlineInput.props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InlineInput.props.d.ts","sourceRoot":"","sources":["../../../src/components/InlineInput/InlineInput.props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAEnE,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAE7D,MAAM,WAAW,gBAAiB,SAAQ,cAAc;IACtD;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;OAEG;IACH,KAAK,EAAE,gBAAgB,CAAC;CACzB"}

package/dist/components/InlineInput/InlineInput.props.js

@@ -0,0 +1 @@
+

package/dist/components/InlineInput/InlineInput.themes.d.ts

@@ -0,0 +1,10 @@
+import { TextTheme } from '../Text';
+type InlineInputThemeKey = '--crm-ui-kit-inline-input-font-size' | '--crm-ui-kit-inline-input-line-height' | '--crm-ui-kit-inline-input-color' | '--crm-ui-kit-inline-input-placeholder-color' | '--crm-ui-kit-inline-input-disabled-color' | '--crm-ui-kit-inline-input-width' | '--crm-ui-kit-inline-input-height' | '--crm-ui-kit-inline-input-padding-left' | '--crm-ui-kit-inline-input-padding-right' | '--crm-ui-kit-input-after-min-width' | '--crm-ui-kit-inline-input-border-color' | '--crm-ui-kit-inline-input-border-style' | '--crm-ui-kit-inline-input-border-width' | '--crm-ui-kit-inline-input-focus-border-color' | '--crm-ui-kit-inline-input-disabled-opacity' | '--crm-ui-kit-inline-input-invalid-description-offset' | '--crm-ui-kit-inline-input-invalid-description-padding-x' | '--crm-ui-kit-inline-input-invalid-description-padding-y' | '--crm-ui-kit-inline-input-invalid-description-width' | '--crm-ui-kit-inline-input-invalid-description-background-color' | '--crm-ui-kit-inline-input-invalid-description-border-radius' | '--crm-ui-kit-inline-input-invalid-description-arrow-width' | '--crm-ui-kit-inline-input-invalid-description-color' | '--crm-ui-kit-inline-input-invalid-description-arrow-top' | '--crm-ui-kit-inline-input-invalid-description-arrow-left';
+export type InlineInputTheme = {
+    [K in InlineInputThemeKey]: string;
+};
+export declare const InlineInputPrimaryTheme: InlineInputTheme;
+export declare const InlineInputPrimaryFocusedTheme: InlineInputTheme;
+export declare const InputInvalidTextTheme: TextTheme;
+export {};
+//# sourceMappingURL=InlineInput.themes.d.ts.map

package/dist/components/InlineInput/InlineInput.themes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InlineInput.themes.d.ts","sourceRoot":"","sources":["../../../src/components/InlineInput/InlineInput.themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEvE,KAAK,mBAAmB,GACpB,qCAAqC,GACrC,uCAAuC,GACvC,iCAAiC,GACjC,6CAA6C,GAC7C,0CAA0C,GAC1C,iCAAiC,GACjC,kCAAkC,GAClC,wCAAwC,GACxC,yCAAyC,GACzC,oCAAoC,GACpC,wCAAwC,GACxC,wCAAwC,GACxC,wCAAwC,GACxC,8CAA8C,GAC9C,4CAA4C,GAC5C,sDAAsD,GACtD,yDAAyD,GACzD,yDAAyD,GACzD,qDAAqD,GACrD,gEAAgE,GAChE,6DAA6D,GAC7D,2DAA2D,GAC3D,qDAAqD,GACrD,yDAAyD,GACzD,0DAA0D,CAAC;AAE/D,MAAM,MAAM,gBAAgB,GAAG;KAC5B,CAAC,IAAI,mBAAmB,GAAG,MAAM;CACnC,CAAC;AAoCF,eAAO,MAAM,uBAAuB,EAAE,gBAKrC,CAAC;AAEF,eAAO,MAAM,8BAA8B,EAAE,gBAK5C,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,SAKnC,CAAC"}

package/dist/components/InlineInput/InlineInput.themes.js

@@ -0,0 +1,44 @@
+import "../Text/Text.js";
+import { TextPrimaryTheme as n } from "../Text/Text.themes.js";
+const i = {
+  "--crm-ui-kit-inline-input-color": "var(--crm-ui-kit-palette-text-primary)",
+  "--crm-ui-kit-inline-input-placeholder-color": "var(--crm-ui-kit-palette-placeholder-primary)",
+  "--crm-ui-kit-inline-input-disabled-color": "var(--crm-ui-kit-palette-text-primary)",
+  "--crm-ui-kit-inline-input-invalid-description-color": "var(--crm-ui-kit-color-white)",
+  "--crm-ui-kit-inline-input-invalid-description-background-color": "var(--crm-ui-kit-color-error)",
+  "--crm-ui-kit-inline-input-font-size": "var(--crm-ui-kit-base-font-size)",
+  "--crm-ui-kit-input-after-min-width": "36px",
+  "--crm-ui-kit-inline-input-line-height": "20px",
+  "--crm-ui-kit-inline-input-width": "100%",
+  "--crm-ui-kit-inline-input-height": "19px",
+  "--crm-ui-kit-inline-input-invalid-description-width": "auto",
+  "--crm-ui-kit-inline-input-disabled-opacity": "0.6",
+  "--crm-ui-kit-inline-input-padding-left": "1px",
+  "--crm-ui-kit-inline-input-padding-right": "1px",
+  "--crm-ui-kit-inline-input-border-style": "solid",
+  "--crm-ui-kit-inline-input-border-width": "1px",
+  "--crm-ui-kit-inline-input-invalid-description-offset": "5px",
+  "--crm-ui-kit-inline-input-invalid-description-padding-x": "5px",
+  "--crm-ui-kit-inline-input-invalid-description-padding-y": "9px",
+  "--crm-ui-kit-inline-input-invalid-description-border-radius": "3px",
+  "--crm-ui-kit-inline-input-invalid-description-arrow-width": "4px",
+  "--crm-ui-kit-inline-input-invalid-description-arrow-top": "13px",
+  "--crm-ui-kit-inline-input-invalid-description-arrow-left": "-5px"
+}, e = {
+  ...i,
+  "--crm-ui-kit-inline-input-border-color": "transparent",
+  "--crm-ui-kit-inline-input-focus-border-color": "var(--crm-ui-kit-color-blueberry)"
+}, u = {
+  ...i,
+  "--crm-ui-kit-inline-input-border-color": "var(--crm-ui-kit-color-blueberry)",
+  "--crm-ui-kit-inline-input-focus-border-color": "var(--crm-ui-kit-color-blueberry)"
+}, c = {
+  ...n,
+  "--crm-ui-kit-text-color": "var(--crm-ui-kit-inline-input-invalid-description-color)",
+  "--crm-ui-kit-text-size-m-line-height": "15px"
+};
+export {
+  u as InlineInputPrimaryFocusedTheme,
+  e as InlineInputPrimaryTheme,
+  c as InputInvalidTextTheme
+};

package/dist/components/InlineInput/index.d.ts

@@ -0,0 +1,4 @@
+export { InlineInput } from './InlineInput';
+export { type InlineInputTheme, InlineInputPrimaryTheme, InlineInputPrimaryFocusedTheme, } from './InlineInput.themes';
+export { type InlineInputProps } from './InlineInput.props';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/InlineInput/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/InlineInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EACL,KAAK,gBAAgB,EACrB,uBAAuB,EACvB,8BAA8B,GAC/B,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/components/InlineInput/index.js

@@ -0,0 +1,7 @@
+import { InlineInput as r } from "./InlineInput.js";
+import { InlineInputPrimaryFocusedTheme as I, InlineInputPrimaryTheme as i } from "./InlineInput.themes.js";
+export {
+  r as InlineInput,
+  I as InlineInputPrimaryFocusedTheme,
+  i as InlineInputPrimaryTheme
+};

package/dist/components/Input/Input.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { InputProps } from './Input.props';
+export declare const Input: React.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=Input.d.ts.map

package/dist/components/Input/Input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAS1C,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,eAAe,CAAC;AAKhD,eAAO,MAAM,KAAK,kGAoDhB,CAAC"}

package/dist/components/Input/Input.js

@@ -0,0 +1,77 @@
+import { jsx as a, jsxs as p } from "react/jsx-runtime";
+import { forwardRef as j } from "react";
+import { c as e } from "../../index-L8X2o7IH.mjs";
+import { useThemeClassName as v } from "../../hooks/useThemeClassName/useThemeClassName.js";
+import { isValidRenderValue as h } from "../../lib/utils.js";
+import { Text as u } from "../Text/Text.js";
+import "../Text/Text.themes.js";
+import { BaseInput as N } from "../BaseInput/BaseInput.js";
+import { InputInvalidTextTheme as w } from "./Input.themes.js";
+import '../../assets/Input.css';const b = "_wrapper_1jjpd_1", x = "_input_wrapper_1jjpd_23", I = "_input_container_1jjpd_28", g = "_after_1jjpd_44", T = "_has_after_1jjpd_51", B = "_invalid_1jjpd_55", D = "_disabled_1jjpd_72", C = "_invalid_description_1jjpd_81", R = "_invalid_description_right_1jjpd_85", i = {
+  wrapper: b,
+  input_wrapper: x,
+  input_container: I,
+  after: g,
+  has_after: T,
+  invalid: B,
+  disabled: D,
+  invalid_description: C,
+  invalid_description_right: R
+}, V = j((d, o) => {
+  const {
+    className: _ = "",
+    isInvalid: t = !1,
+    isDisabled: n,
+    invalidDescription: s,
+    invalidDescriptionPlacement: c = "bottom",
+    after: r,
+    theme: l,
+    ...m
+  } = d, f = v(l);
+  return /* @__PURE__ */ a("div", { className: e(i.wrapper, f, _), children: /* @__PURE__ */ p(
+    "div",
+    {
+      className: e(i.input_wrapper, {
+        [i.invalid_description_right]: c === "right"
+      }),
+      children: [
+        /* @__PURE__ */ p(
+          "div",
+          {
+            className: e(i.input_container, {
+              [i.invalid]: t,
+              [i.disabled]: n
+            }),
+            children: [
+              /* @__PURE__ */ a(
+                N,
+                {
+                  className: e({
+                    [i.has_after]: !!r
+                  }),
+                  isDisabled: n,
+                  ref: o,
+                  ...m
+                }
+              ),
+              h(r) && /* @__PURE__ */ a("div", { className: e(i.after), children: r })
+            ]
+          }
+        ),
+        t && !!s && /* @__PURE__ */ a(
+          u,
+          {
+            size: "m",
+            theme: w,
+            className: e(i.invalid_description),
+            children: s
+          }
+        )
+      ]
+    }
+  ) });
+});
+V.displayName = "Input";
+export {
+  V as Input
+};

package/dist/components/Input/Input.props.d.ts

@@ -0,0 +1,29 @@
+import { BaseInputProps } from '../BaseInput/BaseInput.props';
+import { InputTheme } from './Input.themes';
+export type InputInvalidDescriptionPlacement = 'bottom' | 'right';
+export interface InputProps extends BaseInputProps {
+    /**
+     * Valid value is entered or not.
+     *
+     * If true, the appropriate styles will be applied.
+     * @default false
+     */
+    isInvalid?: boolean;
+    /**
+     * Adds an icon on the right.
+     */
+    after?: React.ReactNode;
+    /**
+     * Error message
+     */
+    invalidDescription?: string;
+    /**
+     * Error message
+     */
+    invalidDescriptionPlacement?: InputInvalidDescriptionPlacement;
+    /**
+     * Object with CSS properties of the theme.
+     */
+    theme: InputTheme;
+}
+//# sourceMappingURL=Input.props.d.ts.map

package/dist/components/Input/Input.props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.props.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAEnE,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAEjD,MAAM,MAAM,gCAAgC,GAAG,QAAQ,GAAG,OAAO,CAAC;AAElE,MAAM,WAAW,UAAW,SAAQ,cAAc;IAChD;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,2BAA2B,CAAC,EAAE,gCAAgC,CAAC;IAC/D;;OAEG;IACH,KAAK,EAAE,UAAU,CAAC;CACnB"}

package/dist/components/Input/Input.props.js

@@ -0,0 +1 @@
+

package/dist/components/Input/Input.themes.d.ts

@@ -0,0 +1,10 @@
+import { TextTheme } from '../Text';
+type InputThemeKey = '--crm-ui-kit-input-font-size' | '--crm-ui-kit-input-line-height' | '--crm-ui-kit-input-border-top' | '--crm-ui-kit-input-border-bottom' | '--crm-ui-kit-input-border-left' | '--crm-ui-kit-input-error-border-top' | '--crm-ui-kit-input-error-border-bottom' | '--crm-ui-kit-input-error-border-left' | '--crm-ui-kit-input-error-border-right' | '--crm-ui-kit-input-border-width' | '--crm-ui-kit-input-border-right' | '--crm-ui-kit-input-border-radius' | '--crm-ui-kit-input-color' | '--crm-ui-kit-input-padding-right' | '--crm-ui-kit-input-padding-left' | '--crm-ui-kit-input-height' | '--crm-ui-kit-input-width' | '--crm-ui-kit-input-after-min-width' | '--crm-ui-kit-input-error-color' | '--crm-ui-kit-input-error-description-color' | '--crm-ui-kit-input-error-description-offset-placement-right' | '--crm-ui-kit-input-error-description-offset-placement-bottom' | '--crm-ui-kit-input-error-placement-right-width' | '--crm-ui-kit-input-error-placeholder-color' | '--crm-ui-kit-input-disabled-opacity' | '--crm-ui-kit-input-disabled-background-color' | '--crm-ui-kit-input-disabled-border-top' | '--crm-ui-kit-input-disabled-border-bottom' | '--crm-ui-kit-input-disabled-border-left' | '--crm-ui-kit-input-disabled-border-right' | '--crm-ui-kit-input-disabled-color' | '--crm-ui-kit-input-placeholder-color' | '--crm-ui-kit-input-background-color';
+export type InputTheme = {
+    [K in InputThemeKey]: string;
+};
+export declare const InputLightTheme: InputTheme;
+export declare const InputDarkTheme: InputTheme;
+export declare const InputInvalidTextTheme: TextTheme;
+export {};
+//# sourceMappingURL=Input.themes.d.ts.map

package/dist/components/Input/Input.themes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.themes.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEvE,KAAK,aAAa,GACd,8BAA8B,GAC9B,gCAAgC,GAChC,+BAA+B,GAC/B,kCAAkC,GAClC,gCAAgC,GAChC,qCAAqC,GACrC,wCAAwC,GACxC,sCAAsC,GACtC,uCAAuC,GACvC,iCAAiC,GACjC,iCAAiC,GACjC,kCAAkC,GAClC,0BAA0B,GAC1B,kCAAkC,GAClC,iCAAiC,GACjC,2BAA2B,GAC3B,0BAA0B,GAC1B,oCAAoC,GACpC,gCAAgC,GAChC,4CAA4C,GAC5C,6DAA6D,GAC7D,8DAA8D,GAC9D,gDAAgD,GAChD,4CAA4C,GAC5C,qCAAqC,GACrC,8CAA8C,GAC9C,wCAAwC,GACxC,2CAA2C,GAC3C,yCAAyC,GACzC,0CAA0C,GAC1C,mCAAmC,GACnC,sCAAsC,GACtC,qCAAqC,CAAC;AAE1C,MAAM,MAAM,UAAU,GAAG;KACtB,CAAC,IAAI,aAAa,GAAG,MAAM;CAC7B,CAAC;AA2CF,eAAO,MAAM,eAAe,EAAE,UA4B7B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,UA4B5B,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,SAGnC,CAAC"}

package/dist/components/Input/Input.themes.js

@@ -0,0 +1,61 @@
+import "../Text/Text.js";
+import { TextPrimaryTheme as i } from "../Text/Text.themes.js";
+const r = {
+  "--crm-ui-kit-input-disabled-color": "var(--crm-ui-kit-palette-text-primary)",
+  "--crm-ui-kit-input-color": "var(--crm-ui-kit-palette-text-primary)",
+  "--crm-ui-kit-input-error-color": "var(--crm-ui-kit-palette-text-primary)",
+  "--crm-ui-kit-input-placeholder-color": "var(--crm-ui-kit-palette-placeholder-primary)",
+  "--crm-ui-kit-input-error-placeholder-color": "var(--crm-ui-kit-palette-placeholder-primary)",
+  "--crm-ui-kit-input-error-description-color": "var(--crm-ui-kit-color-error)",
+  "--crm-ui-kit-input-background-color": "var(--crm-ui-kit-palette-background-primary)",
+  "--crm-ui-kit-input-font-size": "var(--crm-ui-kit-base-font-size)",
+  "--crm-ui-kit-input-border-width": "1px",
+  "--crm-ui-kit-input-line-height": "19.42px",
+  "--crm-ui-kit-input-disabled-opacity": "0.6",
+  "--crm-ui-kit-input-disabled-background-color": "transparent",
+  "--crm-ui-kit-input-error-placement-right-width": "250px",
+  "--crm-ui-kit-input-after-min-width": "36px",
+  "--crm-ui-kit-input-error-description-offset-placement-bottom": "5px",
+  "--crm-ui-kit-input-error-description-offset-placement-right": "10px",
+  "--crm-ui-kit-input-border-radius": "3px",
+  "--crm-ui-kit-input-padding-right": "9px",
+  "--crm-ui-kit-input-padding-left": "9px",
+  "--crm-ui-kit-input-height": "34px",
+  "--crm-ui-kit-input-width": "100%"
+}, o = {
+  ...r,
+  "--crm-ui-kit-input-border-top": "var(--crm-ui-kit-input-border-width) solid var(--crm-ui-kit-palette-border-default)",
+  "--crm-ui-kit-input-border-bottom": "var(--crm-ui-kit-input-border-width) solid var(--crm-ui-kit-palette-border-default)",
+  "--crm-ui-kit-input-border-left": "var(--crm-ui-kit-input-border-width) solid var(--crm-ui-kit-palette-border-default)",
+  "--crm-ui-kit-input-border-right": "var(--crm-ui-kit-input-border-width) solid var(--crm-ui-kit-palette-border-default)",
+  "--crm-ui-kit-input-error-border-top": "var(--crm-ui-kit-input-border-width) solid var(--crm-ui-kit-palette-border-error)",
+  "--crm-ui-kit-input-error-border-bottom": "var(--crm-ui-kit-input-border-width) solid var(--crm-ui-kit-palette-border-error)",
+  "--crm-ui-kit-input-error-border-left": "var(--crm-ui-kit-input-border-width) solid var(--crm-ui-kit-palette-border-error)",
+  "--crm-ui-kit-input-error-border-right": "var(--crm-ui-kit-input-border-width) solid var(--crm-ui-kit-palette-border-error)",
+  "--crm-ui-kit-input-disabled-border-top": "var(--crm-ui-kit-input-border-width) solid var(--crm-ui-kit-palette-border-primary)",
+  "--crm-ui-kit-input-disabled-border-bottom": "var(--crm-ui-kit-input-border-width) solid var(--crm-ui-kit-palette-border-primary)",
+  "--crm-ui-kit-input-disabled-border-left": "var(--crm-ui-kit-input-border-width) solid var(--crm-ui-kit-palette-border-primary)",
+  "--crm-ui-kit-input-disabled-border-right": "var(--crm-ui-kit-input-border-width) solid var(--crm-ui-kit-palette-border-primary)"
+}, u = {
+  ...r,
+  "--crm-ui-kit-input-border-top": "var(--crm-ui-kit-input-border-width) solid var(--crm-ui-kit-palette-border-primary)",
+  "--crm-ui-kit-input-border-bottom": "var(--crm-ui-kit-input-border-width) solid var(--crm-ui-kit-palette-border-primary)",
+  "--crm-ui-kit-input-border-left": "var(--crm-ui-kit-input-border-width) solid var(--crm-ui-kit-palette-border-primary)",
+  "--crm-ui-kit-input-border-right": "var(--crm-ui-kit-input-border-width) solid var(--crm-ui-kit-palette-border-primary)",
+  "--crm-ui-kit-input-error-border-top": "var(--crm-ui-kit-input-border-width) solid var(--crm-ui-kit-palette-border-error)",
+  "--crm-ui-kit-input-error-border-bottom": "var(--crm-ui-kit-input-border-width) solid var(--crm-ui-kit-palette-border-error)",
+  "--crm-ui-kit-input-error-border-left": "var(--crm-ui-kit-input-border-width) solid var(--crm-ui-kit-palette-border-error)",
+  "--crm-ui-kit-input-error-border-right": "var(--crm-ui-kit-input-border-width) solid var(--crm-ui-kit-palette-border-error)",
+  "--crm-ui-kit-input-disabled-border-top": "var(--crm-ui-kit-input-border-width) solid var(--crm-ui-kit-palette-border-primary)",
+  "--crm-ui-kit-input-disabled-border-bottom": "var(--crm-ui-kit-input-border-width) solid var(--crm-ui-kit-palette-border-primary)",
+  "--crm-ui-kit-input-disabled-border-left": "var(--crm-ui-kit-input-border-width) solid var(--crm-ui-kit-palette-border-primary)",
+  "--crm-ui-kit-input-disabled-border-right": "var(--crm-ui-kit-input-border-width) solid var(--crm-ui-kit-palette-border-primary)"
+}, d = {
+  ...i,
+  "--crm-ui-kit-text-color": "var(--crm-ui-kit-input-error-description-color)"
+};
+export {
+  u as InputDarkTheme,
+  d as InputInvalidTextTheme,
+  o as InputLightTheme
+};

package/dist/components/Input/index.d.ts

@@ -0,0 +1,4 @@
+export { Input } from './Input';
+export { InputLightTheme, InputDarkTheme, type InputTheme, } from './Input.themes';
+export { type InputProps, type InputInvalidDescriptionPlacement, } from './Input.props';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Input/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EACL,eAAe,EACf,cAAc,EACd,KAAK,UAAU,GAChB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EACL,KAAK,UAAU,EACf,KAAK,gCAAgC,GACtC,MAAM,eAAe,CAAC"}

package/dist/components/Input/index.js

@@ -0,0 +1,7 @@
+import { Input as p } from "./Input.js";
+import { InputDarkTheme as m, InputLightTheme as o } from "./Input.themes.js";
+export {
+  p as Input,
+  m as InputDarkTheme,
+  o as InputLightTheme
+};

package/dist/components/Label/Label.d.ts

@@ -0,0 +1,3 @@
+import { LabelGroupType } from './Label.props';
+export declare const Label: LabelGroupType;
+//# sourceMappingURL=Label.d.ts.map

package/dist/components/Label/Label.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../src/components/Label/Label.tsx"],"names":[],"mappings":"AAMA,OAAO,EAEL,KAAK,cAAc,EAEpB,MAAM,eAAe,CAAC;AAcvB,eAAO,MAAM,KAAK,EAwCZ,cAAc,CAAC"}