@intlayer/design-system 3.5.5 → 3.5.7

package/dist/components/Form/elements/AutoSizeTextAreaElement.mjs

@@ -0,0 +1,7 @@
+import "../../../jsx-runtime-DaNGiM0W.js";
+import "../../TextArea/AutoSizeTextArea.mjs";
+import { A } from "../../../Form-OK9zfg6E.js";
+export {
+  A as AutoSizedTextAreaElement
+};
+//# sourceMappingURL=AutoSizeTextAreaElement.mjs.map

package/dist/components/Form/elements/AutoSizeTextAreaElement.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutoSizeTextAreaElement.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/components/Form/elements/CheckboxElement.cjs

@@ -5,6 +5,6 @@ require("react");
 require("../../Input/Input.cjs");
 require("../../Input/InputPassword.cjs");
 require("../../Input/Checkbox.cjs");
-const components_Form_layout_FormItemLayout = require("../../../Form-BDcoNTLV.cjs");
+const components_Form_layout_FormItemLayout = require("../../../Form-7BqwvjVI.cjs");
 exports.CheckboxElement = components_Form_layout_FormItemLayout.CheckboxElement;
 //# sourceMappingURL=CheckboxElement.cjs.map

package/dist/components/Form/elements/CheckboxElement.mjs

@@ -3,7 +3,7 @@ import "react";
 import "../../Input/Input.mjs";
 import "../../Input/InputPassword.mjs";
 import "../../Input/Checkbox.mjs";
-import { C } from "../../../Form-DhsgC7kB.js";
+import { C } from "../../../Form-OK9zfg6E.js";
 export {
   C as CheckboxElement
 };

package/dist/components/Form/elements/EditableFieldInputElement.cjs

@@ -2,6 +2,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("../../../jsx-runtime-XHKiWCTo.cjs");
 require("../../EditableField/EditableFieldInput.cjs");
-const components_Form_layout_FormItemLayout = require("../../../Form-BDcoNTLV.cjs");
+const components_Form_layout_FormItemLayout = require("../../../Form-7BqwvjVI.cjs");
 exports.EditableFieldInputElement = components_Form_layout_FormItemLayout.EditableFieldInputElement;
 //# sourceMappingURL=EditableFieldInputElement.cjs.map

package/dist/components/Form/elements/EditableFieldInputElement.d.ts

@@ -3,7 +3,7 @@ import { EditableFieldInput } from '../../EditableField/EditableFieldInput';
 import { FormElementProps } from './FormElement';
 type EditableFieldInputElementProps = Omit<FormElementProps<typeof EditableFieldInput>, 'Element'> & Omit<ComponentProps<typeof EditableFieldInput>, 'onChange'> & {
     name: string;
-    description?: string;
+    description?: ReactNode;
     placeholder?: string;
     className?: string;
     children?: ReactNode;

package/dist/components/Form/elements/EditableFieldInputElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EditableFieldInputElement.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/elements/EditableFieldInputElement.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAC;AAC5E,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEnE,KAAK,8BAA8B,GAAG,IAAI,CACxC,gBAAgB,CAAC,OAAO,kBAAkB,CAAC,EAC3C,SAAS,CACV,GACC,IAAI,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,EAAE,UAAU,CAAC,GAAG;IAC5D,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEJ,eAAO,MAAM,yBAAyB,UAC7B,8BAA8B,4CAQtC,CAAC"}
+{"version":3,"file":"EditableFieldInputElement.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/elements/EditableFieldInputElement.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAC;AAC5E,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEnE,KAAK,8BAA8B,GAAG,IAAI,CACxC,gBAAgB,CAAC,OAAO,kBAAkB,CAAC,EAC3C,SAAS,CACV,GACC,IAAI,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,EAAE,UAAU,CAAC,GAAG;IAC5D,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEJ,eAAO,MAAM,yBAAyB,UAC7B,8BAA8B,4CAQtC,CAAC"}

package/dist/components/Form/elements/EditableFieldInputElement.mjs

@@ -1,6 +1,6 @@
 import "../../../jsx-runtime-DaNGiM0W.js";
 import "../../EditableField/EditableFieldInput.mjs";
-import { E } from "../../../Form-DhsgC7kB.js";
+import { E } from "../../../Form-OK9zfg6E.js";
 export {
   E as EditableFieldInputElement
 };

package/dist/components/Form/elements/EditableFieldTextAreaElement.cjs

@@ -2,6 +2,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("../../../jsx-runtime-XHKiWCTo.cjs");
 require("../../EditableField/EditableFieldTextArea.cjs");
-const components_Form_layout_FormItemLayout = require("../../../Form-BDcoNTLV.cjs");
+const components_Form_layout_FormItemLayout = require("../../../Form-7BqwvjVI.cjs");
 exports.EditableFieldTextAreaElement = components_Form_layout_FormItemLayout.EditableFieldTextAreaElement;
 //# sourceMappingURL=EditableFieldTextAreaElement.cjs.map

package/dist/components/Form/elements/EditableFieldTextAreaElement.d.ts

@@ -3,7 +3,7 @@ import { EditableFieldTextArea } from '../../EditableField/EditableFieldTextArea
 import { FormElementProps } from './FormElement';
 type EditableFieldTextAreaElementProps = Omit<FormElementProps<typeof EditableFieldTextArea>, 'Element'> & Omit<ComponentProps<typeof EditableFieldTextArea>, 'onChange'> & {
     name: string;
-    description?: string;
+    description?: ReactNode;
     placeholder?: string;
     className?: string;
     children?: ReactNode;

package/dist/components/Form/elements/EditableFieldTextAreaElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EditableFieldTextAreaElement.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/elements/EditableFieldTextAreaElement.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,qBAAqB,EAAE,MAAM,2CAA2C,CAAC;AAClF,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEnE,KAAK,iCAAiC,GAAG,IAAI,CAC3C,gBAAgB,CAAC,OAAO,qBAAqB,CAAC,EAC9C,SAAS,CACV,GACC,IAAI,CAAC,cAAc,CAAC,OAAO,qBAAqB,CAAC,EAAE,UAAU,CAAC,GAAG;IAC/D,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEJ,eAAO,MAAM,4BAA4B,UAChC,iCAAiC,4CAQzC,CAAC"}
+{"version":3,"file":"EditableFieldTextAreaElement.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/elements/EditableFieldTextAreaElement.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,qBAAqB,EAAE,MAAM,2CAA2C,CAAC;AAClF,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEnE,KAAK,iCAAiC,GAAG,IAAI,CAC3C,gBAAgB,CAAC,OAAO,qBAAqB,CAAC,EAC9C,SAAS,CACV,GACC,IAAI,CAAC,cAAc,CAAC,OAAO,qBAAqB,CAAC,EAAE,UAAU,CAAC,GAAG;IAC/D,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEJ,eAAO,MAAM,4BAA4B,UAChC,iCAAiC,4CAQzC,CAAC"}

package/dist/components/Form/elements/EditableFieldTextAreaElement.mjs

@@ -1,6 +1,6 @@
 import "../../../jsx-runtime-DaNGiM0W.js";
 import "../../EditableField/EditableFieldTextArea.mjs";
-import { c } from "../../../Form-DhsgC7kB.js";
+import { c } from "../../../Form-OK9zfg6E.js";
 export {
   c as EditableFieldTextAreaElement
 };

package/dist/components/Form/elements/FormElement.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("../../../jsx-runtime-XHKiWCTo.cjs");
 require("react-hook-form");
-const components_Form_layout_FormItemLayout = require("../../../Form-BDcoNTLV.cjs");
+const components_Form_layout_FormItemLayout = require("../../../Form-7BqwvjVI.cjs");
 require("../FormField.cjs");
 require("clsx");
 require("tailwind-merge");

package/dist/components/Form/elements/FormElement.mjs

@@ -1,6 +1,6 @@
 import "../../../jsx-runtime-DaNGiM0W.js";
 import "react-hook-form";
-import { a } from "../../../Form-DhsgC7kB.js";
+import { a } from "../../../Form-OK9zfg6E.js";
 import "../FormField.mjs";
 import "clsx";
 import "tailwind-merge";

package/dist/components/Form/elements/InputElement.cjs

@@ -4,6 +4,6 @@ require("../../../jsx-runtime-XHKiWCTo.cjs");
 require("../../Input/Input.cjs");
 require("../../Input/InputPassword.cjs");
 require("../../Input/Checkbox.cjs");
-const components_Form_layout_FormItemLayout = require("../../../Form-BDcoNTLV.cjs");
+const components_Form_layout_FormItemLayout = require("../../../Form-7BqwvjVI.cjs");
 exports.InputElement = components_Form_layout_FormItemLayout.InputElement;
 //# sourceMappingURL=InputElement.cjs.map

package/dist/components/Form/elements/InputElement.mjs

@@ -2,7 +2,7 @@ import "../../../jsx-runtime-DaNGiM0W.js";
 import "../../Input/Input.mjs";
 import "../../Input/InputPassword.mjs";
 import "../../Input/Checkbox.mjs";
-import { I } from "../../../Form-DhsgC7kB.js";
+import { I } from "../../../Form-OK9zfg6E.js";
 export {
   I as InputElement
 };

package/dist/components/Form/elements/InputPasswordElement.cjs

@@ -4,6 +4,6 @@ require("../../../jsx-runtime-XHKiWCTo.cjs");
 require("../../Input/Input.cjs");
 require("../../Input/InputPassword.cjs");
 require("../../Input/Checkbox.cjs");
-const components_Form_layout_FormItemLayout = require("../../../Form-BDcoNTLV.cjs");
+const components_Form_layout_FormItemLayout = require("../../../Form-7BqwvjVI.cjs");
 exports.InputPasswordElement = components_Form_layout_FormItemLayout.InputPasswordElement;
 //# sourceMappingURL=InputPasswordElement.cjs.map

package/dist/components/Form/elements/InputPasswordElement.mjs

@@ -2,7 +2,7 @@ import "../../../jsx-runtime-DaNGiM0W.js";
 import "../../Input/Input.mjs";
 import "../../Input/InputPassword.mjs";
 import "../../Input/Checkbox.mjs";
-import { b } from "../../../Form-DhsgC7kB.js";
+import { b } from "../../../Form-OK9zfg6E.js";
 export {
   b as InputPasswordElement
 };

package/dist/components/Form/elements/MultiselectElement.cjs

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("../../../jsx-runtime-XHKiWCTo.cjs");
 require("react-hook-form");
 require("../../Select/Multiselect.cjs");
-const components_Form_layout_FormItemLayout = require("../../../Form-BDcoNTLV.cjs");
+const components_Form_layout_FormItemLayout = require("../../../Form-7BqwvjVI.cjs");
 require("../FormField.cjs");
 exports.MultiSelectElement = components_Form_layout_FormItemLayout.MultiSelectElement;
 //# sourceMappingURL=MultiselectElement.cjs.map

package/dist/components/Form/elements/MultiselectElement.mjs

@@ -1,7 +1,7 @@
 import "../../../jsx-runtime-DaNGiM0W.js";
 import "react-hook-form";
 import "../../Select/Multiselect.mjs";
-import { M } from "../../../Form-DhsgC7kB.js";
+import { M } from "../../../Form-OK9zfg6E.js";
 import "../FormField.mjs";
 export {
   M as MultiSelectElement

package/dist/components/Form/elements/SelectElement.cjs

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("../../../jsx-runtime-XHKiWCTo.cjs");
 require("react-hook-form");
 require("../../Select/Select.cjs");
-const components_Form_layout_FormItemLayout = require("../../../Form-BDcoNTLV.cjs");
+const components_Form_layout_FormItemLayout = require("../../../Form-7BqwvjVI.cjs");
 require("../FormField.cjs");
 exports.SelectElement = components_Form_layout_FormItemLayout.SelectElement;
 //# sourceMappingURL=SelectElement.cjs.map

package/dist/components/Form/elements/SelectElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectElement.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/elements/SelectElement.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAI7C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEtD,KAAK,mBAAmB,GAAG,IAAI,CAAC,gBAAgB,CAAC,OAAO,MAAM,CAAC,EAAE,SAAS,CAAC,GACzE,cAAc,CAAC,OAAO,MAAM,CAAC,GAAG;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEJ,eAAO,MAAM,aAAa,yFASvB,mBAAmB,4CAiCrB,CAAC"}
+{"version":3,"file":"SelectElement.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/elements/SelectElement.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAI7C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEtD,KAAK,mBAAmB,GAAG,IAAI,CAAC,gBAAgB,CAAC,OAAO,MAAM,CAAC,EAAE,SAAS,CAAC,GACzE,cAAc,CAAC,OAAO,MAAM,CAAC,GAAG;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEJ,eAAO,MAAM,aAAa,yFASvB,mBAAmB,4CAgCrB,CAAC"}

package/dist/components/Form/elements/SelectElement.mjs

@@ -1,7 +1,7 @@
 import "../../../jsx-runtime-DaNGiM0W.js";
 import "react-hook-form";
 import "../../Select/Select.mjs";
-import { S } from "../../../Form-DhsgC7kB.js";
+import { S } from "../../../Form-OK9zfg6E.js";
 import "../FormField.mjs";
 export {
   S as SelectElement

package/dist/components/Form/elements/SwitchSelectorElement.cjs

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("../../../jsx-runtime-XHKiWCTo.cjs");
 require("react-hook-form");
 require("../../SwitchSelector/index.cjs");
-const components_Form_layout_FormItemLayout = require("../../../Form-BDcoNTLV.cjs");
+const components_Form_layout_FormItemLayout = require("../../../Form-7BqwvjVI.cjs");
 require("../FormField.cjs");
 exports.SwitchSelectorElement = components_Form_layout_FormItemLayout.SwitchSelectorElement;
 //# sourceMappingURL=SwitchSelectorElement.cjs.map

package/dist/components/Form/elements/SwitchSelectorElement.mjs

@@ -1,7 +1,7 @@
 import "../../../jsx-runtime-DaNGiM0W.js";
 import "react-hook-form";
 import "../../SwitchSelector/index.mjs";
-import { e } from "../../../Form-DhsgC7kB.js";
+import { e } from "../../../Form-OK9zfg6E.js";
 import "../FormField.mjs";
 export {
   e as SwitchSelectorElement

package/dist/components/Form/elements/TextAreaElement.cjs

@@ -2,6 +2,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("../../../jsx-runtime-XHKiWCTo.cjs");
 require("../../TextArea/TextArea.cjs");
-const components_Form_layout_FormItemLayout = require("../../../Form-BDcoNTLV.cjs");
+const components_Form_layout_FormItemLayout = require("../../../Form-7BqwvjVI.cjs");
 exports.TextAreaElement = components_Form_layout_FormItemLayout.TextAreaElement;
 //# sourceMappingURL=TextAreaElement.cjs.map

package/dist/components/Form/elements/TextAreaElement.mjs

@@ -1,6 +1,6 @@
 import "../../../jsx-runtime-DaNGiM0W.js";
 import "../../TextArea/TextArea.mjs";
-import { T } from "../../../Form-DhsgC7kB.js";
+import { T } from "../../../Form-OK9zfg6E.js";
 export {
   T as TextAreaElement
 };

package/dist/components/Form/elements/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const components_Form_layout_FormItemLayout = require("../../../Form-BDcoNTLV.cjs");
+const components_Form_layout_FormItemLayout = require("../../../Form-7BqwvjVI.cjs");
 exports.EditableFieldInputElement = components_Form_layout_FormItemLayout.EditableFieldInputElement;
 exports.EditableFieldTextAreaElement = components_Form_layout_FormItemLayout.EditableFieldTextAreaElement;
 exports.FormElement = components_Form_layout_FormItemLayout.FormElement;

package/dist/components/Form/elements/index.mjs

@@ -1,4 +1,4 @@
-import { E, c, a, I, b, T } from "../../../Form-DhsgC7kB.js";
+import { E, c, a, I, b, T } from "../../../Form-OK9zfg6E.js";
 export {
   E as EditableFieldInputElement,
   c as EditableFieldTextAreaElement,

package/dist/components/Form/index.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const components_Form_FormBase = require("./FormBase.cjs");
 const components_Form_FormField = require("./FormField.cjs");
-const components_Form_layout_FormItemLayout = require("../../Form-BDcoNTLV.cjs");
+const components_Form_layout_FormItemLayout = require("../../Form-7BqwvjVI.cjs");
 exports.useForm = components_Form_FormBase.useForm;
 exports.useFormField = components_Form_FormField.useFormField;
 exports.Form = components_Form_layout_FormItemLayout.Form;

package/dist/components/Form/index.mjs

@@ -1,6 +1,6 @@
 import { useForm } from "./FormBase.mjs";
 import { useFormField } from "./FormField.mjs";
-import { F } from "../../Form-DhsgC7kB.js";
+import { F } from "../../Form-OK9zfg6E.js";
 export {
   F as Form,
   useForm,

package/dist/components/Form/layout/FormItemLayout.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("../../../jsx-runtime-XHKiWCTo.cjs");
-const components_Form_layout_FormItemLayout = require("../../../Form-BDcoNTLV.cjs");
+const components_Form_layout_FormItemLayout = require("../../../Form-7BqwvjVI.cjs");
 require("./FormLabelLayout.cjs");
 exports.FormItemLayout = components_Form_layout_FormItemLayout.FormItemLayout;
 //# sourceMappingURL=FormItemLayout.cjs.map

package/dist/components/Form/layout/FormItemLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormItemLayout.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/layout/FormItemLayout.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,EAAmB,KAAK,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAE/E,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,oBAAoB,EAAE,UAAU,CAAC,GAAG;IACzE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,QAAQ,EAAE,SAAS,CAAC;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAoBlD,CAAC"}
+{"version":3,"file":"FormItemLayout.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/layout/FormItemLayout.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,EAAmB,KAAK,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAE/E,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,oBAAoB,EAAE,UAAU,CAAC,GAAG;IACzE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,QAAQ,EAAE,SAAS,CAAC;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CA4BlD,CAAC"}

package/dist/components/Form/layout/FormItemLayout.mjs

@@ -1,5 +1,5 @@
 import "../../../jsx-runtime-DaNGiM0W.js";
-import { d } from "../../../Form-DhsgC7kB.js";
+import { d } from "../../../Form-OK9zfg6E.js";
 import "./FormLabelLayout.mjs";
 export {
   d as FormItemLayout

package/dist/components/Form/layout/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const components_Form_layout_FormItemLayout = require("../../../Form-BDcoNTLV.cjs");
+const components_Form_layout_FormItemLayout = require("../../../Form-7BqwvjVI.cjs");
 const components_Form_layout_FormLabelLayout = require("./FormLabelLayout.cjs");
 exports.FormItemLayout = components_Form_layout_FormItemLayout.FormItemLayout;
 exports.FormLabelLayout = components_Form_layout_FormLabelLayout.FormLabelLayout;

package/dist/components/Form/layout/index.mjs

@@ -1,4 +1,4 @@
-import { d } from "../../../Form-DhsgC7kB.js";
+import { d } from "../../../Form-OK9zfg6E.js";
 import { FormLabelLayout } from "./FormLabelLayout.mjs";
 export {
   d as FormItemLayout,

package/dist/components/IDE/Code.cjs

@@ -0,0 +1,77 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../jsx-runtime-XHKiWCTo.cjs");
+const require$$0 = require("react");
+const utils_cn = require("../../utils/cn.cjs");
+const components_Container_index = require("../Container/index.cjs");
+const components_IDE_CodeBlockClient = require("./CodeBlockClient.cjs");
+const components_IDE_CodeConditionalRenderer = require("./CodeConditionalRenderer.cjs");
+const components_IDE_CodeFormatSelector = require("./CodeFormatSelector.cjs");
+const components_IDE_ContentDeclarationFormatSelector = require("./ContentDeclarationFormatSelector.cjs");
+const components_IDE_CopyButton = require("./CopyButton.cjs");
+const components_IDE_PackageManagerSelector = require("./PackageManagerSelector.cjs");
+const Code = require$$0.forwardRef(
+  ({
+    children,
+    language,
+    isDarkMode,
+    showHeader = true,
+    showLineNumbers = true,
+    className,
+    fileName,
+    packageManager,
+    codeFormat,
+    contentDeclarationFormat,
+    ...props
+  }, ref) => {
+    const code = children.endsWith("\n") ? children.slice(0, -1) : children;
+    const hadSelectInHeader = packageManager || codeFormat || contentDeclarationFormat;
+    return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+      components_IDE_CodeConditionalRenderer.CodeConditionalRender,
+      {
+        packageManager,
+        codeFormat,
+        contentDeclarationFormat,
+        children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
+          components_Container_index.Container,
+          {
+            className: utils_cn.cn(
+              "relative text-sm leading-6",
+              showLineNumbers && "with-line-number ml-0",
+              className
+            ),
+            transparency: "lg",
+            ref,
+            ...props,
+            children: [
+              showHeader && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(jsxRuntime.jsxRuntimeExports.Fragment, { children: [
+                /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("div", { className: "bg-card/50 dark:bg-card-dark/50 text-neutral dark:text-neutral-dark grid w-full grid-cols-[1fr_auto] items-center justify-between rounded-t-xl py-1.5 pl-4 pr-12 text-xs", children: [
+                  /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("span", { className: "truncate", children: fileName ?? language }),
+                  /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
+                    packageManager && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_IDE_PackageManagerSelector.PackageManagerSelector, {}),
+                    codeFormat && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_IDE_CodeFormatSelector.CodeFormatSelector, {}),
+                    contentDeclarationFormat && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_IDE_ContentDeclarationFormatSelector.ContentDeclarationFormatSelector, {})
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("div", { className: "sticky top-28", children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+                  "div",
+                  {
+                    className: utils_cn.cn([
+                      "absolute bottom-0 right-2 flex h-7 items-center",
+                      hadSelectInHeader && "h-11"
+                    ]),
+                    children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_IDE_CopyButton.CopyButton, { content: code })
+                  }
+                ) })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("div", { className: "grid size-full grid-cols-[0px] overflow-auto p-3", children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_IDE_CodeBlockClient.CodeBlock, { lang: language, isDarkMode, children: code }) })
+            ]
+          }
+        )
+      }
+    );
+  }
+);
+Code.displayName = "Code";
+exports.Code = Code;
+//# sourceMappingURL=Code.cjs.map

package/dist/components/IDE/Code.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Code.cjs","sources":["../../../src/components/IDE/Code.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes } from 'react';\nimport { BundledLanguage } from 'shiki';\nimport { cn } from '../../utils/cn';\nimport { Container } from '../Container';\nimport { CodeBlock } from './CodeBlockClient';\nimport { CodeConditionalRender } from './CodeConditionalRenderer';\nimport type {\n  PackageManager,\n  CodeFormat,\n  ContentDeclarationFormat,\n} from './CodeContext';\nimport { CodeFormatSelector } from './CodeFormatSelector';\nimport { ContentDeclarationFormatSelector } from './ContentDeclarationFormatSelector';\nimport { CopyButton } from './CopyButton';\nimport { PackageManagerSelector } from './PackageManagerSelector';\n\nexport type CodeCompAttributes = {\n  fileName?: string;\n  packageManager?: PackageManager;\n  codeFormat?: CodeFormat;\n  contentDeclarationFormat?: ContentDeclarationFormat;\n};\n\ntype CodeCompProps = {\n  children: string;\n  fileName?: string;\n  language: BundledLanguage;\n  isDarkMode?: boolean;\n  showHeader?: boolean;\n  showLineNumbers?: boolean;\n} & CodeCompAttributes &\n  HTMLAttributes<HTMLDivElement>;\n\nexport const Code = forwardRef<HTMLDivElement, CodeCompProps>(\n  (\n    {\n      children,\n      language,\n      isDarkMode,\n      showHeader = true,\n      showLineNumbers = true,\n      className,\n      fileName,\n      packageManager,\n      codeFormat,\n      contentDeclarationFormat,\n      ...props\n    },\n    ref\n  ) => {\n    const code = children.endsWith('\\n') ? children.slice(0, -1) : children;\n\n    const hadSelectInHeader =\n      packageManager || codeFormat || contentDeclarationFormat;\n\n    return (\n      <CodeConditionalRender\n        packageManager={packageManager}\n        codeFormat={codeFormat}\n        contentDeclarationFormat={contentDeclarationFormat}\n      >\n        <Container\n          className={cn(\n            'relative text-sm leading-6',\n            showLineNumbers && 'with-line-number ml-0',\n            className\n          )}\n          transparency=\"lg\"\n          ref={ref}\n          {...props}\n        >\n          {showHeader && (\n            <>\n              <div className=\"bg-card/50 dark:bg-card-dark/50 text-neutral dark:text-neutral-dark grid w-full grid-cols-[1fr_auto] items-center justify-between rounded-t-xl py-1.5 pl-4 pr-12 text-xs\">\n                <span className=\"truncate\">{fileName ?? language}</span>\n                <div className=\"flex items-center gap-2\">\n                  {packageManager && <PackageManagerSelector />}\n                  {codeFormat && <CodeFormatSelector />}\n                  {contentDeclarationFormat && (\n                    <ContentDeclarationFormatSelector />\n                  )}\n                </div>\n              </div>\n              <div className=\"sticky top-28\">\n                <div\n                  className={cn([\n                    'absolute bottom-0 right-2 flex h-7 items-center',\n                    hadSelectInHeader && 'h-11',\n                  ])}\n                >\n                  <CopyButton content={code} />\n                </div>\n              </div>\n            </>\n          )}\n          <div className=\"grid size-full grid-cols-[0px] overflow-auto p-3\">\n            <CodeBlock lang={language} isDarkMode={isDarkMode}>\n              {code}\n            </CodeBlock>\n          </div>\n        </Container>\n      </CodeConditionalRender>\n    );\n  }\n);\n\nCode.displayName = 'Code';\n"],"names":["forwardRef","jsx","CodeConditionalRender","jsxs","Container","cn","Fragment","PackageManagerSelector","CodeFormatSelector","ContentDeclarationFormatSelector","CopyButton","CodeBlock"],"mappings":";;;;;;;;;;;;AAiCO,MAAM,OAAOA,WAAA;AAAA,EAClB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAa;AAAA,IACb,kBAAkB;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,KAEL,QACG;AACG,UAAA,OAAO,SAAS,SAAS,IAAI,IAAI,SAAS,MAAM,GAAG,EAAE,IAAI;AAEzD,UAAA,oBACJ,kBAAkB,cAAc;AAGhC,WAAAC,2BAAA,kBAAA;AAAA,MAACC,uCAAA;AAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QAEA,UAAAC,2BAAA,kBAAA;AAAA,UAACC,2BAAA;AAAA,UAAA;AAAA,YACC,WAAWC,SAAA;AAAA,cACT;AAAA,cACA,mBAAmB;AAAA,cACnB;AAAA,YACF;AAAA,YACA,cAAa;AAAA,YACb;AAAA,YACC,GAAG;AAAA,YAEH,UAAA;AAAA,cAAA,cAEGF,2BAAA,kBAAA,KAAAG,uCAAA,EAAA,UAAA;AAAA,gBAACH,2BAAAA,kBAAAA,KAAA,OAAA,EAAI,WAAU,4KACb,UAAA;AAAA,kBAAAF,2BAAA,kBAAA,IAAC,QAAK,EAAA,WAAU,YAAY,UAAA,YAAY,UAAS;AAAA,kBACjDE,2BAAAA,kBAAAA,KAAC,OAAI,EAAA,WAAU,2BACZ,UAAA;AAAA,oBAAA,mEAAmBI,sCAAuB,wBAAA,EAAA;AAAA,oBAC1C,+DAAeC,kCAAmB,oBAAA,EAAA;AAAA,oBAClC,6EACEC,gDAAAA,kCAAiC,CAAA,CAAA;AAAA,kBAAA,EAEtC,CAAA;AAAA,gBAAA,GACF;AAAA,gBACAR,2BAAAA,kBAAAA,IAAC,OAAI,EAAA,WAAU,iBACb,UAAAA,2BAAA,kBAAA;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,WAAWI,SAAAA,GAAG;AAAA,sBACZ;AAAA,sBACA,qBAAqB;AAAA,oBAAA,CACtB;AAAA,oBAED,UAAAJ,2BAAAA,kBAAAA,IAACS,0BAAAA,YAAW,EAAA,SAAS,KAAM,CAAA;AAAA,kBAAA;AAAA,gBAAA,EAE/B,CAAA;AAAA,cAAA,GACF;AAAA,cAEFT,2BAAAA,kBAAAA,IAAC,OAAI,EAAA,WAAU,oDACb,UAAAA,2BAAA,kBAAA,IAACU,4CAAU,MAAM,UAAU,YACxB,UAAA,KACH,CAAA,EACF,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IACF;AAAA,EAAA;AAGN;AAEA,KAAK,cAAc;;"}

package/dist/components/IDE/Code.d.ts

@@ -0,0 +1,18 @@
+import { HTMLAttributes } from 'react';
+import { BundledLanguage } from 'shiki';
+import { PackageManager, CodeFormat, ContentDeclarationFormat } from './CodeContext';
+export type CodeCompAttributes = {
+    fileName?: string;
+    packageManager?: PackageManager;
+    codeFormat?: CodeFormat;
+    contentDeclarationFormat?: ContentDeclarationFormat;
+};
+export declare const Code: import('react').ForwardRefExoticComponent<{
+    children: string;
+    fileName?: string;
+    language: BundledLanguage;
+    isDarkMode?: boolean;
+    showHeader?: boolean;
+    showLineNumbers?: boolean;
+} & CodeCompAttributes & HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Code.d.ts.map

package/dist/components/IDE/Code.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Code.d.ts","sourceRoot":"","sources":["../../../src/components/IDE/Code.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,OAAO,CAAC;AAKxC,OAAO,KAAK,EACV,cAAc,EACd,UAAU,EACV,wBAAwB,EACzB,MAAM,eAAe,CAAC;AAMvB,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,wBAAwB,CAAC,EAAE,wBAAwB,CAAC;CACrD,CAAC;AAYF,eAAO,MAAM,IAAI;cATL,MAAM;eACL,MAAM;cACP,eAAe;iBACZ,OAAO;iBACP,OAAO;sBACF,OAAO;wGA2E1B,CAAC"}

package/dist/components/IDE/Code.mjs

@@ -0,0 +1,77 @@
+import { j as jsxRuntimeExports } from "../../jsx-runtime-DaNGiM0W.js";
+import { forwardRef } from "react";
+import { cn } from "../../utils/cn.mjs";
+import { Container } from "../Container/index.mjs";
+import { CodeBlock } from "./CodeBlockClient.mjs";
+import { CodeConditionalRender } from "./CodeConditionalRenderer.mjs";
+import { CodeFormatSelector } from "./CodeFormatSelector.mjs";
+import { ContentDeclarationFormatSelector } from "./ContentDeclarationFormatSelector.mjs";
+import { CopyButton } from "./CopyButton.mjs";
+import { PackageManagerSelector } from "./PackageManagerSelector.mjs";
+const Code = forwardRef(
+  ({
+    children,
+    language,
+    isDarkMode,
+    showHeader = true,
+    showLineNumbers = true,
+    className,
+    fileName,
+    packageManager,
+    codeFormat,
+    contentDeclarationFormat,
+    ...props
+  }, ref) => {
+    const code = children.endsWith("\n") ? children.slice(0, -1) : children;
+    const hadSelectInHeader = packageManager || codeFormat || contentDeclarationFormat;
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      CodeConditionalRender,
+      {
+        packageManager,
+        codeFormat,
+        contentDeclarationFormat,
+        children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          Container,
+          {
+            className: cn(
+              "relative text-sm leading-6",
+              showLineNumbers && "with-line-number ml-0",
+              className
+            ),
+            transparency: "lg",
+            ref,
+            ...props,
+            children: [
+              showHeader && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "bg-card/50 dark:bg-card-dark/50 text-neutral dark:text-neutral-dark grid w-full grid-cols-[1fr_auto] items-center justify-between rounded-t-xl py-1.5 pl-4 pr-12 text-xs", children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate", children: fileName ?? language }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
+                    packageManager && /* @__PURE__ */ jsxRuntimeExports.jsx(PackageManagerSelector, {}),
+                    codeFormat && /* @__PURE__ */ jsxRuntimeExports.jsx(CodeFormatSelector, {}),
+                    contentDeclarationFormat && /* @__PURE__ */ jsxRuntimeExports.jsx(ContentDeclarationFormatSelector, {})
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sticky top-28", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  "div",
+                  {
+                    className: cn([
+                      "absolute bottom-0 right-2 flex h-7 items-center",
+                      hadSelectInHeader && "h-11"
+                    ]),
+                    children: /* @__PURE__ */ jsxRuntimeExports.jsx(CopyButton, { content: code })
+                  }
+                ) })
+              ] }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "grid size-full grid-cols-[0px] overflow-auto p-3", children: /* @__PURE__ */ jsxRuntimeExports.jsx(CodeBlock, { lang: language, isDarkMode, children: code }) })
+            ]
+          }
+        )
+      }
+    );
+  }
+);
+Code.displayName = "Code";
+export {
+  Code
+};
+//# sourceMappingURL=Code.mjs.map

package/dist/components/IDE/Code.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Code.mjs","sources":["../../../src/components/IDE/Code.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes } from 'react';\nimport { BundledLanguage } from 'shiki';\nimport { cn } from '../../utils/cn';\nimport { Container } from '../Container';\nimport { CodeBlock } from './CodeBlockClient';\nimport { CodeConditionalRender } from './CodeConditionalRenderer';\nimport type {\n  PackageManager,\n  CodeFormat,\n  ContentDeclarationFormat,\n} from './CodeContext';\nimport { CodeFormatSelector } from './CodeFormatSelector';\nimport { ContentDeclarationFormatSelector } from './ContentDeclarationFormatSelector';\nimport { CopyButton } from './CopyButton';\nimport { PackageManagerSelector } from './PackageManagerSelector';\n\nexport type CodeCompAttributes = {\n  fileName?: string;\n  packageManager?: PackageManager;\n  codeFormat?: CodeFormat;\n  contentDeclarationFormat?: ContentDeclarationFormat;\n};\n\ntype CodeCompProps = {\n  children: string;\n  fileName?: string;\n  language: BundledLanguage;\n  isDarkMode?: boolean;\n  showHeader?: boolean;\n  showLineNumbers?: boolean;\n} & CodeCompAttributes &\n  HTMLAttributes<HTMLDivElement>;\n\nexport const Code = forwardRef<HTMLDivElement, CodeCompProps>(\n  (\n    {\n      children,\n      language,\n      isDarkMode,\n      showHeader = true,\n      showLineNumbers = true,\n      className,\n      fileName,\n      packageManager,\n      codeFormat,\n      contentDeclarationFormat,\n      ...props\n    },\n    ref\n  ) => {\n    const code = children.endsWith('\\n') ? children.slice(0, -1) : children;\n\n    const hadSelectInHeader =\n      packageManager || codeFormat || contentDeclarationFormat;\n\n    return (\n      <CodeConditionalRender\n        packageManager={packageManager}\n        codeFormat={codeFormat}\n        contentDeclarationFormat={contentDeclarationFormat}\n      >\n        <Container\n          className={cn(\n            'relative text-sm leading-6',\n            showLineNumbers && 'with-line-number ml-0',\n            className\n          )}\n          transparency=\"lg\"\n          ref={ref}\n          {...props}\n        >\n          {showHeader && (\n            <>\n              <div className=\"bg-card/50 dark:bg-card-dark/50 text-neutral dark:text-neutral-dark grid w-full grid-cols-[1fr_auto] items-center justify-between rounded-t-xl py-1.5 pl-4 pr-12 text-xs\">\n                <span className=\"truncate\">{fileName ?? language}</span>\n                <div className=\"flex items-center gap-2\">\n                  {packageManager && <PackageManagerSelector />}\n                  {codeFormat && <CodeFormatSelector />}\n                  {contentDeclarationFormat && (\n                    <ContentDeclarationFormatSelector />\n                  )}\n                </div>\n              </div>\n              <div className=\"sticky top-28\">\n                <div\n                  className={cn([\n                    'absolute bottom-0 right-2 flex h-7 items-center',\n                    hadSelectInHeader && 'h-11',\n                  ])}\n                >\n                  <CopyButton content={code} />\n                </div>\n              </div>\n            </>\n          )}\n          <div className=\"grid size-full grid-cols-[0px] overflow-auto p-3\">\n            <CodeBlock lang={language} isDarkMode={isDarkMode}>\n              {code}\n            </CodeBlock>\n          </div>\n        </Container>\n      </CodeConditionalRender>\n    );\n  }\n);\n\nCode.displayName = 'Code';\n"],"names":["jsx","jsxs","Fragment"],"mappings":";;;;;;;;;;AAiCO,MAAM,OAAO;AAAA,EAClB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAa;AAAA,IACb,kBAAkB;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,KAEL,QACG;AACG,UAAA,OAAO,SAAS,SAAS,IAAI,IAAI,SAAS,MAAM,GAAG,EAAE,IAAI;AAEzD,UAAA,oBACJ,kBAAkB,cAAc;AAGhC,WAAAA,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QAEA,UAAAC,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW;AAAA,cACT;AAAA,cACA,mBAAmB;AAAA,cACnB;AAAA,YACF;AAAA,YACA,cAAa;AAAA,YACb;AAAA,YACC,GAAG;AAAA,YAEH,UAAA;AAAA,cAAA,cAEGA,kCAAA,KAAAC,4BAAA,EAAA,UAAA;AAAA,gBAACD,kCAAAA,KAAA,OAAA,EAAI,WAAU,4KACb,UAAA;AAAA,kBAAAD,kCAAA,IAAC,QAAK,EAAA,WAAU,YAAY,UAAA,YAAY,UAAS;AAAA,kBACjDC,kCAAAA,KAAC,OAAI,EAAA,WAAU,2BACZ,UAAA;AAAA,oBAAA,wDAAmB,wBAAuB,EAAA;AAAA,oBAC1C,oDAAe,oBAAmB,EAAA;AAAA,oBAClC,kEACE,kCAAiC,CAAA,CAAA;AAAA,kBAAA,EAEtC,CAAA;AAAA,gBAAA,GACF;AAAA,gBACAD,kCAAAA,IAAC,OAAI,EAAA,WAAU,iBACb,UAAAA,kCAAA;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,WAAW,GAAG;AAAA,sBACZ;AAAA,sBACA,qBAAqB;AAAA,oBAAA,CACtB;AAAA,oBAED,UAAAA,kCAAAA,IAAC,YAAW,EAAA,SAAS,KAAM,CAAA;AAAA,kBAAA;AAAA,gBAAA,EAE/B,CAAA;AAAA,cAAA,GACF;AAAA,cAEFA,kCAAAA,IAAC,OAAI,EAAA,WAAU,oDACb,UAAAA,kCAAA,IAAC,aAAU,MAAM,UAAU,YACxB,UAAA,KACH,CAAA,EACF,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IACF;AAAA,EAAA;AAGN;AAEA,KAAK,cAAc;"}

package/dist/components/IDE/CodeBlock.cjs

@@ -0,0 +1,54 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../jsx-runtime-XHKiWCTo.cjs");
+const transformers = require("@shikijs/transformers");
+const require$$0 = require("react");
+const shiki = require("shiki");
+const utils_cn = require("../../utils/cn.cjs");
+const CodeBlockShiki = async ({
+  children,
+  lang,
+  isDarkMode,
+  onChange,
+  ...props
+}) => {
+  const shikiOptions = {
+    lang,
+    theme: isDarkMode ? "github-dark" : "github-light",
+    transformers: [
+      transformers.transformerNotationDiff(),
+      transformers.transformerNotationHighlight(),
+      transformers.transformerNotationWordHighlight(),
+      transformers.transformerNotationErrorLevel(),
+      transformers.transformerMetaHighlight(),
+      transformers.transformerMetaWordHighlight()
+    ]
+  };
+  const out = await shiki.codeToHtml(children, shikiOptions);
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("div", { dangerouslySetInnerHTML: { __html: out }, ...props });
+};
+const CodeDefault = ({
+  children,
+  isEditable,
+  isDarkMode,
+  onChange,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("div", { contentEditable: isEditable, ...props, children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("pre", { children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("code", { children: children.split("\n").map((line, index) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("span", { className: "line block w-full", children: line }, index)) }) }) });
+const CodeBlock = ({
+  className,
+  onChange,
+  isEditable,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(require$$0.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(CodeDefault, { ...props }), children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+  CodeBlockShiki,
+  {
+    className: utils_cn.cn("flex w-full", className),
+    contentEditable: isEditable,
+    onInput: (e) => onChange?.(e.currentTarget.textContent ?? ""),
+    ...props
+  }
+) });
+exports.CodeBlock = CodeBlock;
+exports.CodeBlockShiki = CodeBlockShiki;
+//# sourceMappingURL=CodeBlock.cjs.map

package/dist/components/IDE/CodeBlock.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeBlock.cjs","sources":["../../../src/components/IDE/CodeBlock.tsx"],"sourcesContent":["import {\n  transformerNotationDiff,\n  transformerNotationHighlight,\n  transformerNotationWordHighlight,\n  transformerNotationErrorLevel,\n  transformerMetaHighlight,\n  transformerMetaWordHighlight,\n} from '@shikijs/transformers';\nimport { type HTMLAttributes, Suspense, type FC } from 'react';\nimport {\n  BundledLanguage,\n  BundledTheme,\n  CodeToHastOptions,\n  codeToHtml,\n} from 'shiki';\nimport { cn } from '../../utils/cn';\n\nexport const CodeBlockShiki = (async ({\n  children,\n  lang,\n  isDarkMode,\n  onChange,\n  ...props\n}: CodeBlockProps) => {\n  const shikiOptions: CodeToHastOptions<BundledLanguage, BundledTheme> = {\n    lang,\n    theme: isDarkMode ? 'github-dark' : 'github-light',\n    transformers: [\n      transformerNotationDiff(),\n      transformerNotationHighlight(),\n      transformerNotationWordHighlight(),\n      transformerNotationErrorLevel(),\n      transformerMetaHighlight(),\n      transformerMetaWordHighlight(),\n    ],\n  };\n\n  const out = await codeToHtml(children, shikiOptions);\n\n  return <div dangerouslySetInnerHTML={{ __html: out }} {...props} />;\n}) as unknown as FC<CodeBlockProps>;\n\nconst CodeDefault: FC<CodeBlockProps> = ({\n  children,\n  isEditable,\n  isDarkMode,\n  onChange,\n  ...props\n}) => (\n  <div contentEditable={isEditable} {...props}>\n    <pre>\n      <code>\n        {children.split('\\n').map((line, index) => (\n          <span className=\"line block w-full\" key={index}>\n            {line}\n          </span>\n        ))}\n      </code>\n    </pre>\n  </div>\n);\n\nexport type CodeBlockProps = {\n  children: string;\n  lang: BundledLanguage;\n  isDarkMode?: boolean;\n  isEditable?: boolean;\n  onChange?: (content: string) => void;\n} & Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>;\n\nexport const CodeBlock: FC<CodeBlockProps> = ({\n  className,\n  onChange,\n  isEditable,\n  ...props\n}) => (\n  <Suspense fallback={<CodeDefault {...props} />}>\n    <CodeBlockShiki\n      className={cn('flex w-full', className)}\n      contentEditable={isEditable}\n      onInput={(e) => onChange?.(e.currentTarget.textContent ?? '')}\n      {...props}\n    />\n  </Suspense>\n);\n"],"names":["transformerNotationDiff","transformerNotationHighlight","transformerNotationWordHighlight","transformerNotationErrorLevel","transformerMetaHighlight","transformerMetaWordHighlight","codeToHtml","jsx","Suspense","cn"],"mappings":";;;;;;;;AAiBO,MAAM,iBAAkB,OAAO;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAsB;AACpB,QAAM,eAAiE;AAAA,IACrE;AAAA,IACA,OAAO,aAAa,gBAAgB;AAAA,IACpC,cAAc;AAAA,MACZA,qCAAwB;AAAA,MACxBC,0CAA6B;AAAA,MAC7BC,8CAAiC;AAAA,MACjCC,2CAA8B;AAAA,MAC9BC,sCAAyB;AAAA,MACzBC,aAA6B,6BAAA;AAAA,IAAA;AAAA,EAEjC;AAEA,QAAM,MAAM,MAAMC,iBAAW,UAAU,YAAY;AAE5C,SAAAC,2BAAA,kBAAA,IAAC,SAAI,yBAAyB,EAAE,QAAQ,IAAI,GAAI,GAAG,OAAO;AACnE;AAEA,MAAM,cAAkC,CAAC;AAAA,EACvC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MACEA,2BAAAA,kBAAAA,IAAC,OAAI,EAAA,iBAAiB,YAAa,GAAG,OACpC,UAAAA,2BAAA,kBAAA,IAAC,OACC,EAAA,UAAAA,2BAAAA,kBAAAA,IAAC,QACE,EAAA,UAAA,SAAS,MAAM,IAAI,EAAE,IAAI,CAAC,MAAM,UAC/BA,2BAAAA,kBAAAA,IAAC,QAAK,EAAA,WAAU,qBACb,UAAA,QADsC,KAEzC,CACD,EACH,CAAA,EACF,CAAA,GACF;AAWK,MAAM,YAAgC,CAAC;AAAA,EAC5C;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,uDACGC,WAAAA,UAAS,EAAA,2DAAW,aAAa,EAAA,GAAG,OAAO,GAC1C,UAAAD,2BAAA,kBAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWE,SAAAA,GAAG,eAAe,SAAS;AAAA,IACtC,iBAAiB;AAAA,IACjB,SAAS,CAAC,MAAM,WAAW,EAAE,cAAc,eAAe,EAAE;AAAA,IAC3D,GAAG;AAAA,EAAA;AACN,EACF,CAAA;;;"}

package/dist/components/IDE/CodeBlock.d.ts

@@ -0,0 +1,12 @@
+import { HTMLAttributes, FC } from 'react';
+import { BundledLanguage } from 'shiki';
+export declare const CodeBlockShiki: FC<CodeBlockProps>;
+export type CodeBlockProps = {
+    children: string;
+    lang: BundledLanguage;
+    isDarkMode?: boolean;
+    isEditable?: boolean;
+    onChange?: (content: string) => void;
+} & Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>;
+export declare const CodeBlock: FC<CodeBlockProps>;
+//# sourceMappingURL=CodeBlock.d.ts.map