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

package/dist/components/Button/hooks/useShowSuccessfulState/useShowSuccessfulState.d.ts

@@ -0,0 +1,4 @@
+type Ref = React.MutableRefObject<(onAnimationEnd?: () => void) => void | null>;
+export declare const useShowSuccessfulState: (showSuccessfulStateRef?: Ref) => boolean;
+export {};
+//# sourceMappingURL=useShowSuccessfulState.d.ts.map

package/dist/components/Button/hooks/useShowSuccessfulState/useShowSuccessfulState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useShowSuccessfulState.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/hooks/useShowSuccessfulState/useShowSuccessfulState.tsx"],"names":[],"mappings":"AAIA,KAAK,GAAG,GAAG,KAAK,CAAC,gBAAgB,CAAC,CAAC,cAAc,CAAC,EAAE,MAAM,IAAI,KAAK,IAAI,GAAG,IAAI,CAAC,CAAC;AAEhF,eAAO,MAAM,sBAAsB,4BACR,GAAG,KAC3B,OAqBF,CAAC"}

package/dist/components/Button/hooks/useShowSuccessfulState/useShowSuccessfulState.js

@@ -0,0 +1,16 @@
+import { useState as r, useEffect as c } from "react";
+import { noop as S } from "../../../../utils/noop/noop.js";
+const n = (t) => {
+  const [o, e] = r(!1);
+  return c(() => {
+    const s = (u = S) => {
+      e(!0), setTimeout(() => {
+        e(!1), u();
+      }, 1500);
+    };
+    t && (t.current = s);
+  }, [t]), o;
+};
+export {
+  n as useShowSuccessfulState
+};

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

@@ -0,0 +1,4 @@
+export { Button } from './Button';
+export { ButtonNeutralTheme, ButtonPrimaryTheme, ButtonSecondaryTheme, type ButtonThemeType, } from './Button.themes';
+export { type ButtonProps } from './Button.props';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EACL,kBAAkB,EAClB,kBAAkB,EAClB,oBAAoB,EACpB,KAAK,eAAe,GACrB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/components/Button/index.js

@@ -0,0 +1,8 @@
+import { Button as o } from "./Button.js";
+import { ButtonNeutralTheme as m, ButtonPrimaryTheme as n, ButtonSecondaryTheme as u } from "./Button.themes.js";
+export {
+  o as Button,
+  m as ButtonNeutralTheme,
+  n as ButtonPrimaryTheme,
+  u as ButtonSecondaryTheme
+};

package/dist/components/Callout/Callout.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Callout.d.ts","sourceRoot":"","sources":["../../../src/components/Callout/Callout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAOnD,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAOpD,eAAO,MAAM,OAAO,kGA2BlB,CAAC"}

package/dist/components/Callout/Callout.js

@@ -0,0 +1,33 @@
+import { jsxs as f, jsx as h } from "react/jsx-runtime";
+import { forwardRef as u, useMemo as N } from "react";
+import { c as e } from "../../index-L8X2o7IH.mjs";
+import { useThemeClassName as _ } from "../../hooks/useThemeClassName/useThemeClassName.js";
+import { omit as d } from "../../utils/omit/omit.js";
+import '../../assets/Callout.css';const w = "_wrapper_9bqqz_1", q = "_icon_9bqqz_8", s = {
+  wrapper: w,
+  icon: q
+}, x = u((r, t) => {
+  const {
+    className: a = "",
+    isIconAvailable: c = !0,
+    theme: o,
+    children: m,
+    ...n
+  } = r, { Icon: i } = o, l = N(() => d(o, ["Icon"]), [o]), p = _(l);
+  return /* @__PURE__ */ f(
+    "div",
+    {
+      ref: t,
+      className: e(s.wrapper, p, a),
+      ...n,
+      children: [
+        c && /* @__PURE__ */ h(i, { className: e(s.icon) }),
+        m
+      ]
+    }
+  );
+});
+x.displayName = "Callout";
+export {
+  x as Callout
+};

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

@@ -0,0 +1,18 @@
+import { CalloutThemeType } from './themes/CalloutBase.theme';
+type DivProps = React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+export interface CalloutProps extends DivProps {
+    /**
+     * Block content.
+     */
+    children: React.ReactNode;
+    /**
+     * Object with CSS theme properties
+     */
+    theme: CalloutThemeType;
+    /**
+     * Flag determining whether an icon should be present.
+     */
+    isIconAvailable?: boolean;
+}
+export {};
+//# sourceMappingURL=Callout.props.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Callout.props.d.ts","sourceRoot":"","sources":["../../../src/components/Callout/Callout.props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAE9D,KAAK,QAAQ,GAAG,KAAK,CAAC,iBAAiB,CACrC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,cAAc,CACf,CAAC;AAEF,MAAM,WAAW,YAAa,SAAQ,QAAQ;IAC5C;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,KAAK,EAAE,gBAAgB,CAAC;IACxB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B"}

package/dist/components/Callout/Callout.props.js

@@ -0,0 +1 @@
+

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

@@ -0,0 +1,8 @@
+export { Callout } from './Callout';
+export { CalloutWarningTheme } from './themes/CalloutWarning.theme';
+export { CalloutErrorTheme } from './themes/CalloutError.theme';
+export { CalloutSuccessTheme } from './themes/CalloutSuccess.theme';
+export { CalloutInfoTheme } from './themes/CalloutInfo.theme';
+export { type CalloutThemeType } from './themes/CalloutBase.theme';
+export { type CalloutProps } from './Callout.props';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Callout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAChE,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAC9D,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/components/Callout/index.js

@@ -0,0 +1,12 @@
+import { Callout as r } from "./Callout.js";
+import { CalloutWarningTheme as t } from "./themes/CalloutWarning.theme.js";
+import { CalloutErrorTheme as a } from "./themes/CalloutError.theme.js";
+import { CalloutSuccessTheme as u } from "./themes/CalloutSuccess.theme.js";
+import { CalloutInfoTheme as x } from "./themes/CalloutInfo.theme.js";
+export {
+  r as Callout,
+  a as CalloutErrorTheme,
+  x as CalloutInfoTheme,
+  u as CalloutSuccessTheme,
+  t as CalloutWarningTheme
+};

package/dist/components/Callout/themes/CalloutBase.theme.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+type CalloutKey = '--crm-ui-kit-callout-background-color' | '--crm-ui-kit-callout-padding' | '--crm-ui-kit-callout-border-radius' | '--crm-ui-kit-callout-icon-color';
+export type CalloutThemeType = {
+    Icon: FC<React.SVGProps<SVGSVGElement>>;
+} & {
+    [K in CalloutKey]: string;
+};
+export declare const CalloutBaseValues: Omit<CalloutThemeType, 'Icon' | '--crm-ui-kit-callout-background-color'>;
+export {};
+//# sourceMappingURL=CalloutBase.theme.d.ts.map

package/dist/components/Callout/themes/CalloutBase.theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalloutBase.theme.d.ts","sourceRoot":"","sources":["../../../../src/components/Callout/themes/CalloutBase.theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAE3B,KAAK,UAAU,GACX,uCAAuC,GACvC,8BAA8B,GAC9B,oCAAoC,GACpC,iCAAiC,CAAC;AAEtC,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC;CACzC,GAAG;KACD,CAAC,IAAI,UAAU,GAAG,MAAM;CAC1B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,IAAI,CAClC,gBAAgB,EAChB,MAAM,GAAG,uCAAuC,CAMjD,CAAC"}

package/dist/components/Callout/themes/CalloutBase.theme.js

@@ -0,0 +1,8 @@
+const i = {
+  "--crm-ui-kit-callout-padding": "12px",
+  "--crm-ui-kit-callout-border-radius": "var(--crm-ui-kit-palette-focus-visible-border-radius)",
+  "--crm-ui-kit-callout-icon-color": "var(--crm-ui-kit-palette-text-primary);"
+};
+export {
+  i as CalloutBaseValues
+};

package/dist/components/Callout/themes/CalloutError.theme.d.ts

@@ -0,0 +1,3 @@
+import { CalloutThemeType } from './CalloutBase.theme';
+export declare const CalloutErrorTheme: CalloutThemeType;
+//# sourceMappingURL=CalloutError.theme.d.ts.map

package/dist/components/Callout/themes/CalloutError.theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalloutError.theme.d.ts","sourceRoot":"","sources":["../../../../src/components/Callout/themes/CalloutError.theme.ts"],"names":[],"mappings":"AAEA,OAAO,EAAqB,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE1E,eAAO,MAAM,iBAAiB,EAAE,gBAK/B,CAAC"}

package/dist/components/Callout/themes/CalloutError.theme.js

@@ -0,0 +1,10 @@
+import * as e from "react";
+import { CalloutBaseValues as l } from "./CalloutBase.theme.js";
+const r = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 20, height: 20, fill: "currentColor", ...t }, /* @__PURE__ */ e.createElement("g", { clipPath: "url(#a)" }, /* @__PURE__ */ e.createElement("path", { d: "M8.96 4.75h2.077v4.859l-.403 2.407H9.362L8.96 9.609V4.75Zm-.218 9.363c0-.345.114-.615.341-.812.228-.207.528-.31.9-.31.393 0 .703.103.93.31.227.197.341.467.341.812 0 .344-.114.62-.34.827-.228.207-.538.31-.931.31-.372 0-.672-.103-.9-.31-.227-.207-.34-.483-.34-.827Z" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", d: "M10 1.625a8.375 8.375 0 1 0 0 16.75 8.375 8.375 0 0 0 0-16.75ZM.375 10a9.625 9.625 0 1 1 19.25 0 9.625 9.625 0 0 1-19.25 0Z", clipRule: "evenodd" })), /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("clipPath", { id: "a" }, /* @__PURE__ */ e.createElement("path", { d: "M0 0h20v20H0z" })))), o = {
+  ...l,
+  Icon: r,
+  "--crm-ui-kit-callout-background-color": "var(--crm-ui-kit-palette-callout-error-background-color)"
+};
+export {
+  o as CalloutErrorTheme
+};

package/dist/components/Callout/themes/CalloutInfo.theme.d.ts

@@ -0,0 +1,3 @@
+import { CalloutThemeType } from './CalloutBase.theme';
+export declare const CalloutInfoTheme: CalloutThemeType;
+//# sourceMappingURL=CalloutInfo.theme.d.ts.map

package/dist/components/Callout/themes/CalloutInfo.theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalloutInfo.theme.d.ts","sourceRoot":"","sources":["../../../../src/components/Callout/themes/CalloutInfo.theme.ts"],"names":[],"mappings":"AAEA,OAAO,EAAqB,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE1E,eAAO,MAAM,gBAAgB,EAAE,gBAK9B,CAAC"}

package/dist/components/Callout/themes/CalloutInfo.theme.js

@@ -0,0 +1,10 @@
+import * as e from "react";
+import { CalloutBaseValues as l } from "./CalloutBase.theme.js";
+const a = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 20, height: 20, fill: "currentColor", ...t }, /* @__PURE__ */ e.createElement("g", { clipPath: "url(#a)" }, /* @__PURE__ */ e.createElement("path", { d: "M10.972 15.195H9.023V8.7h1.949v6.494ZM10.687 6.475a.956.956 0 0 1-.695.278.927.927 0 0 1-.69-.284.956.956 0 0 1-.279-.695c0-.275.095-.505.285-.69a.956.956 0 0 1 .695-.279c.274 0 .505.095.69.284.186.19.279.422.279.696a.927.927 0 0 1-.285.69Z" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", d: "M10 1.299A8.701 8.701 0 1 0 10 18.7 8.701 8.701 0 0 0 10 1.3ZM0 10C0 4.477 4.477 0 10 0s10 4.477 10 10-4.477 10-10 10S0 15.523 0 10Z", clipRule: "evenodd" })), /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("clipPath", { id: "a" }, /* @__PURE__ */ e.createElement("path", { d: "M0 0h20v20H0z" })))), c = {
+  ...l,
+  Icon: a,
+  "--crm-ui-kit-callout-background-color": "var(--crm-ui-kit-palette-callout-info-background-color)"
+};
+export {
+  c as CalloutInfoTheme
+};

package/dist/components/Callout/themes/CalloutSuccess.theme.d.ts

@@ -0,0 +1,3 @@
+import { CalloutThemeType } from './CalloutBase.theme';
+export declare const CalloutSuccessTheme: CalloutThemeType;
+//# sourceMappingURL=CalloutSuccess.theme.d.ts.map

package/dist/components/Callout/themes/CalloutSuccess.theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalloutSuccess.theme.d.ts","sourceRoot":"","sources":["../../../../src/components/Callout/themes/CalloutSuccess.theme.ts"],"names":[],"mappings":"AAEA,OAAO,EAAqB,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE1E,eAAO,MAAM,mBAAmB,EAAE,gBAKjC,CAAC"}

package/dist/components/Callout/themes/CalloutSuccess.theme.js

@@ -0,0 +1,10 @@
+import * as e from "react";
+import { CalloutBaseValues as l } from "./CalloutBase.theme.js";
+const r = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 20, height: 20, fill: "none", ...t }, /* @__PURE__ */ e.createElement("g", { clipPath: "url(#a)" }, /* @__PURE__ */ e.createElement("path", { fill: "none", stroke: "currentColor", strokeWidth: 1.299, d: "M.65 10a9.35 9.35 0 1 1 18.7 0 9.35 9.35 0 0 1-18.7 0Z" }), /* @__PURE__ */ e.createElement("path", { fill: "none", stroke: "currentColor", strokeWidth: 1.299, d: "M.65 10a9.35 9.35 0 1 1 18.7 0 9.35 9.35 0 0 1-18.7 0Z" }), /* @__PURE__ */ e.createElement("path", { fill: "none", stroke: "currentColor", strokeWidth: 1.455, d: "m5.328 10 3.117 3.117 6.234-6.234" })), /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("clipPath", { id: "a" }, /* @__PURE__ */ e.createElement("path", { d: "M0 0h20v20H0z" })))), c = {
+  ...l,
+  Icon: r,
+  "--crm-ui-kit-callout-background-color": "var(--crm-ui-kit-palette-callout-success-background-color)"
+};
+export {
+  c as CalloutSuccessTheme
+};

package/dist/components/Callout/themes/CalloutWarning.theme.d.ts

@@ -0,0 +1,3 @@
+import { CalloutThemeType } from './CalloutBase.theme';
+export declare const CalloutWarningTheme: CalloutThemeType;
+//# sourceMappingURL=CalloutWarning.theme.d.ts.map

package/dist/components/Callout/themes/CalloutWarning.theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalloutWarning.theme.d.ts","sourceRoot":"","sources":["../../../../src/components/Callout/themes/CalloutWarning.theme.ts"],"names":[],"mappings":"AAEA,OAAO,EAAqB,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE1E,eAAO,MAAM,mBAAmB,EAAE,gBAKjC,CAAC"}

package/dist/components/Callout/themes/CalloutWarning.theme.js

@@ -0,0 +1,10 @@
+import * as e from "react";
+import { CalloutBaseValues as t } from "./CalloutBase.theme.js";
+const r = (l) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 20, height: 20, fill: "none", ...l }, /* @__PURE__ */ e.createElement("g", { clipPath: "url(#a)" }, /* @__PURE__ */ e.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M9 15.207c0-.312.097-.565.292-.76.195-.194.468-.272.799-.272.35 0 .623.097.818.272.195.195.292.448.292.76s-.097.565-.292.76c-.195.195-.467.292-.818.292-.331 0-.585-.097-.799-.292-.195-.195-.292-.448-.292-.76Zm.195-8.688h1.831v4.5l-.35 2.22h-1.13l-.351-2.22v-4.5Z", clipRule: "evenodd" }), /* @__PURE__ */ e.createElement("path", { fill: "none", stroke: "currentColor", strokeWidth: 1.3, d: "M8.666 2.47a1.542 1.542 0 0 1 2.671 0l7.804 13.518a1.542 1.542 0 0 1-1.335 2.313H2.197a1.542 1.542 0 0 1-1.335-2.313L8.666 2.47Z" })), /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("clipPath", { id: "a" }, /* @__PURE__ */ e.createElement("path", { fill: "currentColor", d: "M0 0h20v20H0z" })))), o = {
+  ...t,
+  Icon: r,
+  "--crm-ui-kit-callout-background-color": "var(--crm-ui-kit-palette-callout-warning-background-color)"
+};
+export {
+  o as CalloutWarningTheme
+};

package/dist/components/Checkbox/Checkbox.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AASA,OAAO,EAAsB,KAAK,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAOzE,eAAO,MAAM,QAAQ,EAiCf,YAAY,CAAC"}

package/dist/components/Checkbox/Checkbox.js

@@ -0,0 +1,56 @@
+import { jsxs as u, jsx as s } from "react/jsx-runtime";
+import { forwardRef as _ } from "react";
+import { c as t } from "../../index-L8X2o7IH.mjs";
+import { useThemeClassName as d } from "../../hooks/useThemeClassName/useThemeClassName.js";
+import { VisuallyHiddenInput as h } from "../VisuallyHiddenInput/VisuallyHiddenInput.js";
+import { Label as b } from "../Label/Label.js";
+import { isTouchableDevice as v } from "../../lib/utils.js";
+import '../../assets/Checkbox.css';const x = "_wrapper_1u7sv_1", f = "_input_1u7sv_6", k = "_checkbox_1u7sv_7", N = "_indeterminate_1u7sv_7", w = "_invalid_1u7sv_50", y = "_touchable_1u7sv_54", e = {
+  wrapper: x,
+  input: f,
+  checkbox: k,
+  indeterminate: N,
+  invalid: w,
+  touchable: y
+}, a = _((i, o) => {
+  const {
+    className: c = "",
+    checkedStyle: n,
+    isInvalid: r,
+    theme: m,
+    ...p
+  } = i, l = d(m);
+  return /* @__PURE__ */ u(
+    "div",
+    {
+      className: t(e.wrapper, l, c, {
+        [e.touchable]: v()
+      }),
+      children: [
+        /* @__PURE__ */ s(
+          h,
+          {
+            className: t(e.input),
+            ref: o,
+            type: "checkbox",
+            ...p
+          }
+        ),
+        /* @__PURE__ */ s(
+          "span",
+          {
+            className: t(e.checkbox, {
+              [e.indeterminate]: n === "indeterminate",
+              [e.invalid]: r
+            })
+          }
+        )
+      ]
+    }
+  );
+});
+a.displayName = "Checkbox";
+a.Label = b;
+export {
+  a as Checkbox
+};

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

@@ -0,0 +1,31 @@
+import { VisuallyHiddenInputProps } from '../VisuallyHiddenInput/VisuallyHiddenInput.props';
+import { LabelProps } from '../Label';
+import { CheckboxThemeType } from './Checkbox.themes';
+export type CheckedStyleType = 'mark' | 'indeterminate';
+export type BaseCheckboxProps = {
+    /**
+     * Type of icon.
+     *
+     * @default mark
+     */
+    checkedStyle?: CheckedStyleType;
+    /**
+     * Indicates if the checkbox is invalid.
+     *
+     * If `true`, applies corresponding styles.
+     * @default false
+     */
+    isInvalid?: boolean;
+    /**
+     * Object with CSS properties of the theme.
+     */
+    theme: CheckboxThemeType;
+};
+export type CheckboxProps = VisuallyHiddenInputProps<BaseCheckboxProps>;
+export type CheckboxType = React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>> & {
+    /**
+     * Label component.
+     */
+    Label: React.ForwardRefExoticComponent<LabelProps & React.RefAttributes<HTMLLabelElement>>;
+};
+//# sourceMappingURL=Checkbox.props.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.props.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,8DAA8D,CAAC;AAE7G,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAEvD,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAE3D,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,eAAe,CAAC;AAExD,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;;;OAIG;IACH,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,KAAK,EAAE,iBAAiB,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,wBAAwB,CAAC,iBAAiB,CAAC,CAAC;AAExE,MAAM,MAAM,YAAY,GAAG,KAAK,CAAC,yBAAyB,CACxD,aAAa,GAAG,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,CACtD,GAAG;IACF;;OAEG;IACH,KAAK,EAAE,KAAK,CAAC,yBAAyB,CACpC,UAAU,GAAG,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,CACnD,CAAC;CACH,CAAC"}

package/dist/components/Checkbox/Checkbox.props.js

@@ -0,0 +1 @@
+

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

@@ -0,0 +1,13 @@
+import { LabelThemeType } from '../Label';
+type CheckboxThemeKey = '--crm-ui-kit-checkbox-size' | '--crm-ui-kit-checkbox-z-index' | '--crm-ui-kit-checkbox-background-color' | '--crm-ui-kit-checkbox-disabled-background-color' | '--crm-ui-kit-checkbox-border-width' | '--crm-ui-kit-checkbox-border-radius' | '--crm-ui-kit-checkbox-border-style' | '--crm-ui-kit-checkbox-border-color' | '--crm-ui-kit-checkbox-error-border-color' | '--crm-ui-kit-checkbox-checked-background' | '--crm-ui-kit-checkbox-indeterminate-background' | '--crm-ui-kit-checkbox-focus-visible-outline-color' | '--crm-ui-kit-checkbox-focus-visible-outline-width' | '--crm-ui-kit-checkbox-focus-visible-outline-style' | '--crm-ui-kit-checkbox-focus-visible-outline-offset' | '--crm-ui-kit-checkbox-focus-visible-border-radius';
+export type CheckboxThemeType = {
+    [K in CheckboxThemeKey]: string;
+};
+export declare const CheckboxBaseValues: Omit<CheckboxThemeType, '--crm-ui-kit-checkbox-size' | '--crm-ui-kit-checkbox-border-color'>;
+export declare const CheckboxLightTheme: CheckboxThemeType;
+export declare const CheckboxSmallLightTheme: CheckboxThemeType;
+export declare const CheckboxDarkTheme: CheckboxThemeType;
+export declare const CheckboxSmallDarkTheme: CheckboxThemeType;
+export declare const CheckboxLabelTheme: LabelThemeType;
+export {};
+//# sourceMappingURL=Checkbox.themes.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.themes.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEvE,KAAK,gBAAgB,GACjB,4BAA4B,GAC5B,+BAA+B,GAC/B,wCAAwC,GACxC,iDAAiD,GACjD,oCAAoC,GACpC,qCAAqC,GACrC,oCAAoC,GACpC,oCAAoC,GACpC,0CAA0C,GAC1C,0CAA0C,GAC1C,gDAAgD,GAChD,mDAAmD,GACnD,mDAAmD,GACnD,mDAAmD,GACnD,oDAAoD,GACpD,mDAAmD,CAAC;AAExD,MAAM,MAAM,iBAAiB,GAAG;KAC7B,CAAC,IAAI,gBAAgB,GAAG,MAAM;CAChC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,IAAI,CACnC,iBAAiB,EACjB,4BAA4B,GAAG,oCAAoC,CA+BpE,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,iBAKhC,CAAC;AACF,eAAO,MAAM,uBAAuB,EAAE,iBAKrC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,iBAK/B,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,iBAKpC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,cAIhC,CAAC"}

package/dist/components/Checkbox/Checkbox.themes.js

@@ -0,0 +1,46 @@
+import "../Label/Label.js";
+import { LabelTheme as i } from "../Label/Label.theme.js";
+const c = {
+  "--crm-ui-kit-checkbox-z-index": "3",
+  "--crm-ui-kit-checkbox-border-width": "1px",
+  "--crm-ui-kit-checkbox-border-radius": "3px",
+  "--crm-ui-kit-checkbox-border-style": "solid",
+  "--crm-ui-kit-checkbox-background-color": "var(--crm-ui-kit-palette-background-primary)",
+  "--crm-ui-kit-checkbox-disabled-background-color": "var(--crm-ui-kit-palette-background-primary-disabled)",
+  "--crm-ui-kit-checkbox-error-border-color": "var(--crm-ui-kit-color-error)",
+  "--crm-ui-kit-checkbox-checked-background": "var(--crm-ui-kit-checkbox-background-color) var(--crm-ui-kit-icon-checked-mark) no-repeat center / 70%",
+  "--crm-ui-kit-checkbox-indeterminate-background": "var(--crm-ui-kit-checkbox-background-color) var(--crm-ui-kit-icon-minus) no-repeat 75% 60% / 75%",
+  "--crm-ui-kit-checkbox-focus-visible-outline-color": "var(--crm-ui-kit-palette-focus-visible-color)",
+  "--crm-ui-kit-checkbox-focus-visible-outline-width": "var(--crm-ui-kit-palette-focus-visible-outline-width)",
+  "--crm-ui-kit-checkbox-focus-visible-outline-style": "var(--crm-ui-kit-palette-focus-visible-outline-style)",
+  "--crm-ui-kit-checkbox-focus-visible-outline-offset": "var(--crm-ui-kit-palette-focus-visible-outline-offset)",
+  "--crm-ui-kit-checkbox-focus-visible-border-radius": "var(--crm-ui-kit-palette-focus-visible-border-radius)"
+}, o = {
+  ...c,
+  "--crm-ui-kit-checkbox-size": "20px",
+  "--crm-ui-kit-checkbox-border-color": "var(--crm-ui-kit-palette-border-default)"
+}, t = {
+  ...c,
+  "--crm-ui-kit-checkbox-size": "16px",
+  "--crm-ui-kit-checkbox-border-color": "var(--crm-ui-kit-palette-border-default)"
+}, k = {
+  ...c,
+  "--crm-ui-kit-checkbox-size": "20px",
+  "--crm-ui-kit-checkbox-border-color": "var(--crm-ui-kit-palette-border-primary)"
+}, u = {
+  ...c,
+  "--crm-ui-kit-checkbox-size": "16px",
+  "--crm-ui-kit-checkbox-border-color": "var(--crm-ui-kit-palette-border-primary)"
+}, b = {
+  ...i,
+  "--crm-ui-kit-label-description-spacing": "8px",
+  "--crm-ui-kit-label-spacing": "8px"
+};
+export {
+  c as CheckboxBaseValues,
+  k as CheckboxDarkTheme,
+  b as CheckboxLabelTheme,
+  o as CheckboxLightTheme,
+  u as CheckboxSmallDarkTheme,
+  t as CheckboxSmallLightTheme
+};

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

@@ -0,0 +1,4 @@
+export { Checkbox } from './Checkbox';
+export { CheckboxLightTheme, CheckboxDarkTheme, CheckboxSmallLightTheme, CheckboxSmallDarkTheme, CheckboxLabelTheme, type CheckboxThemeType, } from './Checkbox.themes';
+export { type CheckboxProps, type CheckedStyleType } from './Checkbox.props';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EACL,kBAAkB,EAClB,iBAAiB,EACjB,uBAAuB,EACvB,sBAAsB,EACtB,kBAAkB,EAClB,KAAK,iBAAiB,GACvB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,gBAAgB,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/components/Checkbox/index.js

@@ -0,0 +1,10 @@
+import { Checkbox as o } from "./Checkbox.js";
+import { CheckboxDarkTheme as k, CheckboxLabelTheme as x, CheckboxLightTheme as b, CheckboxSmallDarkTheme as c, CheckboxSmallLightTheme as r } from "./Checkbox.themes.js";
+export {
+  o as Checkbox,
+  k as CheckboxDarkTheme,
+  x as CheckboxLabelTheme,
+  b as CheckboxLightTheme,
+  c as CheckboxSmallDarkTheme,
+  r as CheckboxSmallLightTheme
+};

package/dist/components/CheckboxGroup/CheckboxGroup.context.d.ts

@@ -0,0 +1,5 @@
+import { CheckboxContextProps } from './CheckboxGroup.props';
+declare const DISPLAY_NAME = "CheckboxGroup";
+declare const CheckboxGroupProvider: import('../../lib/react/createComponentContext').ContextProps<CheckboxContextProps>, useCheckboxGroupContext: (consumerName: string) => CheckboxContextProps;
+export { CheckboxGroupProvider, useCheckboxGroupContext, DISPLAY_NAME };
+//# sourceMappingURL=CheckboxGroup.context.d.ts.map

package/dist/components/CheckboxGroup/CheckboxGroup.context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxGroup.context.d.ts","sourceRoot":"","sources":["../../../src/components/CheckboxGroup/CheckboxGroup.context.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAElE,QAAA,MAAM,YAAY,kBAAkB,CAAC;AAErC,QAAA,MAAO,qBAAqB,uFAAE,uBAAuB,gDACO,CAAC;AAE7D,OAAO,EAAE,qBAAqB,EAAE,uBAAuB,EAAE,YAAY,EAAE,CAAC"}

package/dist/components/CheckboxGroup/CheckboxGroup.context.js

@@ -0,0 +1,7 @@
+import { createComponentContext as o } from "../../lib/react/createComponentContext/createComponentContext.js";
+const e = "CheckboxGroup", [r, c] = o(e);
+export {
+  r as CheckboxGroupProvider,
+  e as DISPLAY_NAME,
+  c as useCheckboxGroupContext
+};

package/dist/components/CheckboxGroup/CheckboxGroup.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxGroup.d.ts","sourceRoot":"","sources":["../../../src/components/CheckboxGroup/CheckboxGroup.tsx"],"names":[],"mappings":"AAUA,OAAO,EAEL,KAAK,iBAAiB,EACvB,MAAM,uBAAuB,CAAC;AAc/B,eAAO,MAAM,aAAa,EA+BpB,iBAAiB,CAAC"}

package/dist/components/CheckboxGroup/CheckboxGroup.js

@@ -0,0 +1,53 @@
+import { jsx as r } from "react/jsx-runtime";
+import { forwardRef as x } from "react";
+import { c as k } from "../../index-L8X2o7IH.mjs";
+import { useThemeClassName as u } from "../../hooks/useThemeClassName/useThemeClassName.js";
+import { Label as _ } from "../Label/Label.js";
+import { useCheckboxGroupState as C } from "./hooks/useCheckboxGroupState.js";
+import { CheckboxGroupProvider as d, DISPLAY_NAME as g } from "./CheckboxGroup.context.js";
+import { Checkbox as A } from "./components/Checkbox/Checkbox.js";
+import { CheckboxSelectAll as N } from "./components/CheckboxSelectAll/CheckboxSelectAll.js";
+import { ItemRootSelectAll as S } from "./components/CheckboxSelectAll/ItemRootSelectAll.js";
+import { ItemRoot as z } from "./components/ItemRoot/ItemRoot.js";
+import '../../assets/CheckboxGroup.css';const I = "_checkbox_group_12s2l_1", R = "_horizontal_12s2l_11", t = {
+  checkbox_group: I,
+  horizontal: R
+}, o = x((m, c) => {
+  const {
+    className: l,
+    isDisabled: e = !1,
+    theme: s,
+    children: a,
+    orientation: i = "vertical",
+    onChange: h,
+    ...p
+  } = m, n = u(s), { register: b, state: f } = C({ onChange: h, isDisabled: e });
+  return /* @__PURE__ */ r(
+    d,
+    {
+      values: f,
+      register: b,
+      isDisabled: e,
+      children: /* @__PURE__ */ r(
+        "div",
+        {
+          className: k(t.checkbox_group, n, l, {
+            [t.horizontal]: i === "horizontal"
+          }),
+          ref: c,
+          ...p,
+          children: a
+        }
+      )
+    }
+  );
+});
+o.displayName = g;
+o.ItemRoot = z;
+o.Checkbox = A;
+o.Label = _;
+o.CheckboxSelectAll = N;
+o.ItemRootSelectAll = S;
+export {
+  o as CheckboxGroup
+};