ics-ui-kit 0.1.13 → 0.1.14

package/dist/components/alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"alert.js","sources":["../../src/components/alert/components/AlertTitle.tsx","../../src/components/alert/components/AlertButton.tsx"],"sourcesContent":["import React from \"react\";\nimport { tv } from \"tailwind-variants\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { useAlert } from \"../AlertContext\";\nimport { VariantsConfig } from \"@/lib/utils/variants\";\nimport { AlertVariants } from \"../Alert\";\n\nconst alertTitleStyles = tv({\n\tbase: \"col-start-2 line-clamp-1 min-h-4 text-sm font-medium tracking-tight text-primary-fg\",\n\tvariants: {\n\t\tstatus: {\n\t\t\tsuccess: \"text-status-success-fg\",\n\t\t\twarning: \"text-status-warning-fg\",\n\t\t\terror: \"text-status-error-fg\",\n\t\t\tinfo: \"text-status-info-fg\"\n\t\t},\n\t\tfocus: {\n\t\t\tlow: \"text-primary-fg\",\n\t\t\tmedium: \"\",\n\t\t\thigh: \"\"\n\t\t}\n\t} satisfies VariantsConfig<AlertVariants>,\n\tdefaultVariants: {\n\t\tfocus: \"low\"\n\t}\n});\n\nexport type AlertTitleProps = React.HTMLAttributes<HTMLHeadingElement> &\n\tAlertVariants & {\n\t\tasChild?: boolean;\n\t};\n\n/**\n * Компонент AlertTitle для отображения заголовка алерта\n */\nexport const AlertTitle = React.forwardRef<HTMLHeadingElement, AlertTitleProps>(\n\t({ className, status: statusProp, focus: focusProp, asChild = false, ...props }, ref) => {\n\t\tconst { status, focus } = useAlert({ status: statusProp, focus: focusProp });\n\n\t\tconst Comp = asChild ? Slot : \"h5\";\n\t\treturn <Comp ref={ref} className={alertTitleStyles({ status, className, focus })} {...props} />;\n\t}\n);\n\nAlertTitle.displayName = \"AlertTitle\";\n","import React from \"react\";\nimport { tv } from \"tailwind-variants\";\nimport { useAlert } from \"../AlertContext\";\nimport { Button, ButtonProps } from \"@/components/button\";\nimport { AlertVariants } from \"../Alert\";\n\nconst alertButtonStyles = tv({\n\tbase: \"col-start-3 ml-3 h-5 self-end rounded-none px-0 py-0.5 text-xs\"\n});\n\nexport type AlertButtonProps = Omit<ButtonProps, \"status\"> & Pick<AlertVariants, \"status\">;\n\n/**\n * Компонент AlertButton для отображения кнопки алерта\n */\nexport const AlertButton = React.forwardRef<HTMLButtonElement, AlertButtonProps>(\n\t({ className, status: statusProp, ...props }, ref) => {\n\t\tconst { status } = useAlert({ status: statusProp });\n\n\t\treturn (\n\t\t\t<Button ref={ref} status={status} variant=\"link\" className={alertButtonStyles({ className })} {...props} />\n\t\t);\n\t}\n);\n\nAlertButton.displayName = \"AlertButton\";\n"],"names":["alertTitleStyles","tv","AlertTitle","React","className","statusProp","focusProp","asChild","props","ref","status","focus","useAlert","jsx","Slot","alertButtonStyles","AlertButton","Button"],"mappings":";;;;;;;AAOA,MAAMA,IAAmBC,EAAG;AAAA,EAC3B,MAAM;AAAA,EACN,UAAU;AAAA,IACT,QAAQ;AAAA,MACP,SAAS;AAAA,MACT,SAAS;AAAA,MACT,OAAO;AAAA,MACP,MAAM;AAAA,IACP;AAAA,IACA,OAAO;AAAA,MACN,KAAK;AAAA,MACL,QAAQ;AAAA,MACR,MAAM;AAAA,IAAA;AAAA,EAER;AAAA,EACA,iBAAiB;AAAA,IAChB,OAAO;AAAA,EAAA;AAET,CAAC,GAUYC,IAAaC,EAAM;AAAA,EAC/B,CAAC,EAAE,WAAAC,GAAW,QAAQC,GAAY,OAAOC,GAAW,SAAAC,IAAU,IAAO,GAAGC,EAAM,GAAGC,MAAQ;AAClF,UAAA,EAAE,QAAAC,GAAQ,OAAAC,EAAA,IAAUC,EAAS,EAAE,QAAQP,GAAY,OAAOC,GAAW;AAG3E,WAAQ,gBAAAO,EADKN,IAAUO,IAAO,MACtB,EAAK,KAAAL,GAAU,WAAWT,EAAiB,EAAE,QAAAU,GAAQ,WAAAN,GAAW,OAAAO,EAAM,CAAC,GAAI,GAAGH,EAAO,CAAA;AAAA,EAAA;AAE/F;AAEAN,EAAW,cAAc;ACtCzB,MAAMa,IAAoBd,EAAG;AAAA,EAC5B,MAAM;AACP,CAAC,GAOYe,IAAcb,EAAM;AAAA,EAChC,CAAC,EAAE,WAAAC,GAAW,QAAQC,GAAY,GAAGG,KAASC,MAAQ;AACrD,UAAM,EAAE,QAAAC,EAAO,IAAIE,EAAS,EAAE,QAAQP,GAAY;AAElD,WACE,gBAAAQ,EAAAI,GAAA,EAAO,KAAAR,GAAU,QAAAC,GAAgB,SAAQ,QAAO,WAAWK,EAAkB,EAAE,WAAAX,EAAW,CAAA,GAAI,GAAGI,EAAO,CAAA;AAAA,EAAA;AAG5G;AAEAQ,EAAY,cAAc;"}
+{"version":3,"file":"alert.js","sources":["../../src/components/alert/components/AlertTitle.tsx","../../src/components/alert/components/AlertButton.tsx"],"sourcesContent":["import React from \"react\";\nimport { tv } from \"tailwind-variants\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { useAlert } from \"../AlertContext\";\nimport { VariantsConfig } from \"@/lib/utils/variants\";\nimport { AlertVariants } from \"../Alert\";\n\nconst alertTitleStyles = tv({\n\tbase: \"col-start-2 line-clamp-1 min-h-4 text-sm font-medium tracking-tight text-primary-fg\",\n\tvariants: {\n\t\tstatus: {\n\t\t\tsuccess: \"text-status-success-fg\",\n\t\t\twarning: \"text-status-warning-fg\",\n\t\t\terror: \"text-status-error-fg\",\n\t\t\tinfo: \"text-status-info-fg\"\n\t\t},\n\t\tfocus: {\n\t\t\tlow: \"text-primary-fg\",\n\t\t\tmedium: \"\",\n\t\t\thigh: \"\"\n\t\t}\n\t} satisfies VariantsConfig<AlertVariants>,\n\tdefaultVariants: {\n\t\tfocus: \"low\"\n\t}\n});\n\nexport type AlertTitleProps = React.HTMLAttributes<HTMLHeadingElement> &\n\tAlertVariants & {\n\t\tasChild?: boolean;\n\t};\n\n/**\n * Компонент AlertTitle для отображения заголовка алерта\n */\nexport const AlertTitle = React.forwardRef<HTMLHeadingElement, AlertTitleProps>(\n\t({ className, status: statusProp, focus: focusProp, asChild = false, ...props }, ref) => {\n\t\tconst { status, focus } = useAlert({ status: statusProp, focus: focusProp });\n\n\t\tconst Comp = asChild ? Slot : \"h5\";\n\t\treturn <Comp ref={ref} className={alertTitleStyles({ status, className, focus })} {...props} />;\n\t}\n);\n\nAlertTitle.displayName = \"AlertTitle\";\n","import React from \"react\";\nimport { tv } from \"tailwind-variants\";\nimport { useAlert } from \"../AlertContext\";\nimport { Button, ButtonProps } from \"@/components/button\";\nimport { AlertVariants } from \"../Alert\";\n\nconst alertButtonStyles = tv({\n\tbase: \"@sm:col-start-3 @sm:ml-3 @sm:justify-self-auto @sm:self-end col-start-2 h-5 justify-self-end rounded-none px-0 py-0.5 text-xs\"\n});\n\nexport type AlertButtonProps = Omit<ButtonProps, \"status\"> & Pick<AlertVariants, \"status\">;\n\n/**\n * Компонент AlertButton для отображения кнопки алерта\n */\nexport const AlertButton = React.forwardRef<HTMLButtonElement, AlertButtonProps>(\n\t({ className, status: statusProp, ...props }, ref) => {\n\t\tconst { status } = useAlert({ status: statusProp });\n\n\t\treturn (\n\t\t\t<Button ref={ref} status={status} variant=\"link\" className={alertButtonStyles({ className })} {...props} />\n\t\t);\n\t}\n);\n\nAlertButton.displayName = \"AlertButton\";\n"],"names":["alertTitleStyles","tv","AlertTitle","React","className","statusProp","focusProp","asChild","props","ref","status","focus","useAlert","jsx","Slot","alertButtonStyles","AlertButton","Button"],"mappings":";;;;;;;AAOA,MAAMA,IAAmBC,EAAG;AAAA,EAC3B,MAAM;AAAA,EACN,UAAU;AAAA,IACT,QAAQ;AAAA,MACP,SAAS;AAAA,MACT,SAAS;AAAA,MACT,OAAO;AAAA,MACP,MAAM;AAAA,IACP;AAAA,IACA,OAAO;AAAA,MACN,KAAK;AAAA,MACL,QAAQ;AAAA,MACR,MAAM;AAAA,IAAA;AAAA,EAER;AAAA,EACA,iBAAiB;AAAA,IAChB,OAAO;AAAA,EAAA;AAET,CAAC,GAUYC,IAAaC,EAAM;AAAA,EAC/B,CAAC,EAAE,WAAAC,GAAW,QAAQC,GAAY,OAAOC,GAAW,SAAAC,IAAU,IAAO,GAAGC,EAAM,GAAGC,MAAQ;AAClF,UAAA,EAAE,QAAAC,GAAQ,OAAAC,EAAA,IAAUC,EAAS,EAAE,QAAQP,GAAY,OAAOC,GAAW;AAG3E,WAAQ,gBAAAO,EADKN,IAAUO,IAAO,MACtB,EAAK,KAAAL,GAAU,WAAWT,EAAiB,EAAE,QAAAU,GAAQ,WAAAN,GAAW,OAAAO,EAAM,CAAC,GAAI,GAAGH,EAAO,CAAA;AAAA,EAAA;AAE/F;AAEAN,EAAW,cAAc;ACtCzB,MAAMa,IAAoBd,EAAG;AAAA,EAC5B,MAAM;AACP,CAAC,GAOYe,IAAcb,EAAM;AAAA,EAChC,CAAC,EAAE,WAAAC,GAAW,QAAQC,GAAY,GAAGG,KAASC,MAAQ;AACrD,UAAM,EAAE,QAAAC,EAAO,IAAIE,EAAS,EAAE,QAAQP,GAAY;AAElD,WACE,gBAAAQ,EAAAI,GAAA,EAAO,KAAAR,GAAU,QAAAC,GAAgB,SAAQ,QAAO,WAAWK,EAAkB,EAAE,WAAAX,EAAW,CAAA,GAAI,GAAGI,EAAO,CAAA;AAAA,EAAA;AAG5G;AAEAQ,EAAY,cAAc;"}

package/dist/components/card.js

@@ -3,7 +3,7 @@ import { S as c } from "../index-BtQfgaSF.js";
 import d, { useCallback as g } from "react";
 import { T as l } from "../index-BVqs-uqP.js";
 import { I as h } from "../IconButton-DwkpNgn3.js";
-import { e as C } from "../useBreakpoints-D8wKOvil.js";
+import { e as C } from "../useBreakpoints-DHvp74UL.js";
 import { c as v } from "../createLucideIcon-DwBrHnj9.js";
 /**
  * @license lucide-react v0.460.0 - ISC

package/dist/components/dialog.js

@@ -2,7 +2,7 @@ import { D as s, a as i } from "../Dialog-CdnsGyJD.js";
 import { b as y, c as B, d as C, e as h, f as x, g as j, h as u, i as v, j as O, M as P, k as R, l as _, m as b, n as k, o as q, p as w, q as N, r as z, s as A, t as E } from "../Dialog-CdnsGyJD.js";
 import { jsx as a } from "react/jsx-runtime";
 import d from "react";
-import { F as g, B as m } from "../FormFooterTemplate-ClTxqrIB.js";
+import { F as g, B as m } from "../FormFooterTemplate-Cfn5Nmge.js";
 const o = d.forwardRef(
   ({ title: e, description: l, ...r }, t) => /* @__PURE__ */ a(
     m,

package/dist/components/field/Field.d.ts

@@ -33,6 +33,8 @@ export type FieldProps = Omit<FieldVariants, "showGap"> & {
     className?: string;
     /** Дополнительные классы для лейбла */
     labelClassName?: string;
+    /** Дополнительный контент в строке лейбла, выравнивается по правому краю */
+    labelSlot?: React.ReactNode;
 };
 export declare const Field: React.ForwardRefExoticComponent<Omit<FieldVariants, "showGap"> & {
     /** Заголовок поля */
@@ -53,5 +55,7 @@ export declare const Field: React.ForwardRefExoticComponent<Omit<FieldVariants,
     className?: string;
     /** Дополнительные классы для лейбла */
     labelClassName?: string;
+    /** Дополнительный контент в строке лейбла, выравнивается по правому краю */
+    labelSlot?: React.ReactNode;
 } & React.RefAttributes<HTMLDivElement>>;
 export {};

package/dist/components/field/Field.stories.d.ts

@@ -4,4 +4,5 @@ declare const meta: Meta<typeof Field>;
 export default meta;
 type Story = StoryObj<typeof Field>;
 export declare const Default: Story;
+export declare const WithLabelSlot: Story;
 export declare const WithLinkInDescription: Story;

package/dist/components/field.js

@@ -1,4 +1,4 @@
-import { F as r } from "../Field-COD9VbUX.js";
+import { F as r } from "../Field-CP_-li9L.js";
 export {
   r as Field
 };

package/dist/components/file-upload.js

@@ -9,7 +9,7 @@ import { I as ee } from "../image-BqL5JP90.js";
 import { T as B } from "../TextOverflowTooltip-B1I5qwAT.js";
 import { D as Z } from "../download-BHsj218e.js";
 import { X as L } from "../x-tDTt7hTQ.js";
-import { A as ae, b as te, a as re } from "../AlertIcon-5B6AgZpe.js";
+import { A as ae, b as te, a as re } from "../AlertIcon-BphnEYvV.js";
 import { C as oe } from "../circle-alert-CVIokIC7.js";
 import { B as ie } from "../Button-Dg89xRSi.js";
 import { I as se } from "../Icon-DH3ev9GK.js";

package/dist/components/form.js

@@ -1,12 +1,12 @@
-import { F as i } from "../FormStack-B3UBh9oF.js";
-import { a as R, d as w, g as C, f as h, b as _, c as j, e as k, u as I } from "../FormStack-B3UBh9oF.js";
+import { F as i } from "../FormStack-Cc_ELdWL.js";
+import { a as R, d as w, g as C, f as h, b as _, c as j, e as k, u as I } from "../FormStack-Cc_ELdWL.js";
 import { jsx as t } from "react/jsx-runtime";
 import { T as a } from "../index-BVqs-uqP.js";
 import { F as M, d as q, a as z, b as A, e as E } from "../FormHeader--F6b2aRk.js";
 import { D as l } from "../Divider-DPW5ZhZ8.js";
 import s from "react";
 import { B as d } from "../Button-Dg89xRSi.js";
-import { F as J, a as K } from "../FormFooterTemplate-ClTxqrIB.js";
+import { F as J, a as K } from "../FormFooterTemplate-Cfn5Nmge.js";
 const F = a({
   base: "text-md font-semibold"
 });

package/dist/components/search-select.js

@@ -1,7 +1,7 @@
 import { jsx as e, jsxs as D, Fragment as q } from "react/jsx-runtime";
 import F, { useState as w, useCallback as x, useEffect as A, forwardRef as ee, useMemo as M, useRef as H } from "react";
 import { T as Q } from "../index-BVqs-uqP.js";
-import { u as K, S as fe } from "../SearchSelectTag-DFCX9zT1.js";
+import { u as K, S as fe } from "../SearchSelectTag-CA7Ie3Nx.js";
 import { b as Se, g as re, C as te, c as ne, e as ge, i as ve } from "../Command-D5zgJ7-y.js";
 import { I as j } from "../Icon-DH3ev9GK.js";
 import { b as ye, P as _, a as $ } from "../Popover-CRVD7AtB.js";