@mindlogic-ai/logician-ui 2.0.0 → 3.0.0-alpha.1

package/dist/components/FileList/FileList.js

@@ -42,9 +42,14 @@ const FileList = ({ files, onFileDelete, onFileDownload, visibleCount = 3, }) =>
     };
     if (files?.length <= 0)
         return null;
-    return (jsxRuntime.jsxs(react.List, { w: "100%", border: "1px solid", borderColor: "gray.200", borderRadius: "md", overflow: "hidden", children: [files?.slice(0, currentVisibleCount).map((file) => (jsxRuntime.jsx(FileItem.FileItem, { fileName: file.name, onFileDelete: onFileDelete ? () => handleFileDelete(file) : undefined, onFileDownload: onFileDownload && file.fileUrl
-                    ? () => onFileDownload?.(file)
-                    : undefined, border: 0, borderBottom: "1px solid", borderBottomColor: "gray.50", progress: file.progress, error: file.error, fileSize: file.size, isDeleting: deletingFileIds.has(file.id) }, file.id))), shouldShowLoadMoreButton && (jsxRuntime.jsxs(react.Button, { onClick: handleFileLoadMore, alignSelf: "stretch", w: "100%", variant: "unstyled", display: "flex", gap: 1, children: [jsxRuntime.jsxs(Subtitle.Subtitle, { color: "gray.600", children: [translate('see_more'), " (", visibleCount, "/", files.length, ")"] }), jsxRuntime.jsx(index.IoChevronDownOutline, { color: "gray.600" })] }))] }));
+    return (jsxRuntime.jsxs(react.Box, { w: "100%", border: "1px solid", borderColor: "gray.200", borderRadius: "md", overflow: "hidden", children: [jsxRuntime.jsx(react.List.Root, { children: files?.slice(0, currentVisibleCount).map((file) => (jsxRuntime.jsx(react.List.Item, { listStyle: "none", children: jsxRuntime.jsx(FileItem.FileItem, { fileName: file.name, onFileDelete: onFileDelete ? () => handleFileDelete(file) : undefined, onFileDownload: onFileDownload && file.fileUrl
+                            ? () => onFileDownload?.(file)
+                            : undefined, border: 0, borderBottom: "1px solid", borderBottomColor: "gray.50", progress: file.progress, error: file.error, fileSize: file.size, isDeleting: deletingFileIds.has(file.id) }) }, file.id))) }), shouldShowLoadMoreButton && (jsxRuntime.jsxs(react.Button, { onClick: handleFileLoadMore, alignSelf: "stretch", w: "100%", variant: "ghost", display: "flex", gap: 1, css: {
+                    all: 'unset',
+                    display: 'flex',
+                    gap: '0.25rem',
+                    cursor: 'pointer',
+                }, children: [jsxRuntime.jsxs(Subtitle.Subtitle, { color: "gray.600", children: [translate('see_more'), " (", visibleCount, "/", files.length, ")"] }), jsxRuntime.jsx(index.IoChevronDownOutline, { color: "gray.600" })] }))] }));
 };
 FileList.displayName = 'FileList';
 

package/dist/components/FileList/FileList.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileList.js","sources":["../../../src/components/FileList/FileList.tsx"],"sourcesContent":[null],"names":["useState","useTranslate","_jsxs","List","_jsx","FileItem","Button","Subtitle","IoChevronDownOutline"],"mappings":"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"}
+{"version":3,"file":"FileList.js","sources":["../../../src/components/FileList/FileList.tsx"],"sourcesContent":[null],"names":["useState","useTranslate","_jsxs","Box","_jsx","List","FileItem","Button","Subtitle","IoChevronDownOutline"],"mappings":"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"}

package/dist/components/FileList/FileList.mjs

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
-import { List, Button } from '@chakra-ui/react';
+import { Box, List, Button } from '@chakra-ui/react';
 import { FileItem } from '../FileItem/FileItem.mjs';
 import { IoChevronDownOutline } from '../Icon/index.mjs';
 import '../Typography/H1.mjs';
@@ -40,9 +40,14 @@ const FileList = ({ files, onFileDelete, onFileDownload, visibleCount = 3, }) =>
     };
     if (files?.length <= 0)
         return null;
-    return (jsxs(List, { w: "100%", border: "1px solid", borderColor: "gray.200", borderRadius: "md", overflow: "hidden", children: [files?.slice(0, currentVisibleCount).map((file) => (jsx(FileItem, { fileName: file.name, onFileDelete: onFileDelete ? () => handleFileDelete(file) : undefined, onFileDownload: onFileDownload && file.fileUrl
-                    ? () => onFileDownload?.(file)
-                    : undefined, border: 0, borderBottom: "1px solid", borderBottomColor: "gray.50", progress: file.progress, error: file.error, fileSize: file.size, isDeleting: deletingFileIds.has(file.id) }, file.id))), shouldShowLoadMoreButton && (jsxs(Button, { onClick: handleFileLoadMore, alignSelf: "stretch", w: "100%", variant: "unstyled", display: "flex", gap: 1, children: [jsxs(Subtitle, { color: "gray.600", children: [translate('see_more'), " (", visibleCount, "/", files.length, ")"] }), jsx(IoChevronDownOutline, { color: "gray.600" })] }))] }));
+    return (jsxs(Box, { w: "100%", border: "1px solid", borderColor: "gray.200", borderRadius: "md", overflow: "hidden", children: [jsx(List.Root, { children: files?.slice(0, currentVisibleCount).map((file) => (jsx(List.Item, { listStyle: "none", children: jsx(FileItem, { fileName: file.name, onFileDelete: onFileDelete ? () => handleFileDelete(file) : undefined, onFileDownload: onFileDownload && file.fileUrl
+                            ? () => onFileDownload?.(file)
+                            : undefined, border: 0, borderBottom: "1px solid", borderBottomColor: "gray.50", progress: file.progress, error: file.error, fileSize: file.size, isDeleting: deletingFileIds.has(file.id) }) }, file.id))) }), shouldShowLoadMoreButton && (jsxs(Button, { onClick: handleFileLoadMore, alignSelf: "stretch", w: "100%", variant: "ghost", display: "flex", gap: 1, css: {
+                    all: 'unset',
+                    display: 'flex',
+                    gap: '0.25rem',
+                    cursor: 'pointer',
+                }, children: [jsxs(Subtitle, { color: "gray.600", children: [translate('see_more'), " (", visibleCount, "/", files.length, ")"] }), jsx(IoChevronDownOutline, { color: "gray.600" })] }))] }));
 };
 FileList.displayName = 'FileList';
 

package/dist/components/FileList/FileList.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"FileList.mjs","sources":["../../../src/components/FileList/FileList.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"FileList.mjs","sources":["../../../src/components/FileList/FileList.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/components/FormControl/FormControl.js

@@ -6,7 +6,7 @@ var React = require('react');
 var react = require('@chakra-ui/react');
 
 const FormControl = React.forwardRef(({ ...rest }, ref) => {
-    return jsxRuntime.jsx(react.FormControl, { noValidate: true, ...rest, ref: ref });
+    return jsxRuntime.jsx(react.Field.Root, { ...rest, ref: ref });
 });
 FormControl.displayName = 'FormControl';
 

package/dist/components/FormControl/FormControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormControl.js","sources":["../../../src/components/FormControl/FormControl.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","ChakraFormControl"],"mappings":";;;;;;;AAKO,MAAM,WAAW,GAAGA,gBAAU,CACnC,CAAC,EAAE,GAAG,IAAI,EAAoB,EAAE,GAAkC,KAAI;IACpE,OAAOC,cAAA,CAACC,iBAAiB,EAAA,EAAC,UAAU,EAAA,IAAA,EAAA,GAAK,IAAI,EAAE,GAAG,EAAE,GAAG,EAAA,CAAI;AAC7D,CAAC;AAGH,WAAW,CAAC,WAAW,GAAG,aAAa;;;;"}
+{"version":3,"file":"FormControl.js","sources":["../../../src/components/FormControl/FormControl.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","Field"],"mappings":";;;;;;;AAKO,MAAM,WAAW,GAAGA,gBAAU,CACnC,CAAC,EAAE,GAAG,IAAI,EAAoB,EAAE,GAAkC,KAAI;IACpE,OAAOC,cAAA,CAACC,WAAK,CAAC,IAAI,EAAA,EAAA,GAAK,IAAI,EAAE,GAAG,EAAE,GAAG,EAAA,CAAI;AAC3C,CAAC;AAGH,WAAW,CAAC,WAAW,GAAG,aAAa;;;;"}

package/dist/components/FormControl/FormControl.mjs

@@ -1,10 +1,10 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
-import { FormControl as FormControl$1 } from '@chakra-ui/react';
+import { Field } from '@chakra-ui/react';
 
 const FormControl = forwardRef(({ ...rest }, ref) => {
-    return jsx(FormControl$1, { noValidate: true, ...rest, ref: ref });
+    return jsx(Field.Root, { ...rest, ref: ref });
 });
 FormControl.displayName = 'FormControl';
 

package/dist/components/FormControl/FormControl.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"FormControl.mjs","sources":["../../../src/components/FormControl/FormControl.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraFormControl"],"mappings":";;;;;AAKO,MAAM,WAAW,GAAG,UAAU,CACnC,CAAC,EAAE,GAAG,IAAI,EAAoB,EAAE,GAAkC,KAAI;IACpE,OAAOA,GAAA,CAACC,aAAiB,EAAA,EAAC,UAAU,EAAA,IAAA,EAAA,GAAK,IAAI,EAAE,GAAG,EAAE,GAAG,EAAA,CAAI;AAC7D,CAAC;AAGH,WAAW,CAAC,WAAW,GAAG,aAAa;;;;"}
+{"version":3,"file":"FormControl.mjs","sources":["../../../src/components/FormControl/FormControl.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;AAKO,MAAM,WAAW,GAAG,UAAU,CACnC,CAAC,EAAE,GAAG,IAAI,EAAoB,EAAE,GAAkC,KAAI;IACpE,OAAOA,GAAA,CAAC,KAAK,CAAC,IAAI,EAAA,EAAA,GAAK,IAAI,EAAE,GAAG,EAAE,GAAG,EAAA,CAAI;AAC3C,CAAC;AAGH,WAAW,CAAC,WAAW,GAAG,aAAa;;;;"}

package/dist/components/FormControl/FormControl.types.d.ts

@@ -1,4 +1,4 @@
-import { FormControlProps as ChakraFormControlProps } from '@chakra-ui/react';
-export interface FormControlProps extends ChakraFormControlProps {
+import { Field } from '@chakra-ui/react';
+export interface FormControlProps extends Field.RootProps {
 }
 //# sourceMappingURL=FormControl.types.d.ts.map

package/dist/components/FormControl/FormControl.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormControl.types.d.ts","sourceRoot":"","sources":["../../../src/components/FormControl/FormControl.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,IAAI,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;AAE9E,MAAM,WAAW,gBAAiB,SAAQ,sBAAsB;CAAG"}
+{"version":3,"file":"FormControl.types.d.ts","sourceRoot":"","sources":["../../../src/components/FormControl/FormControl.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAEzC,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,SAAS;CAAG"}

package/dist/components/FormLabel/FormLabel.d.ts

@@ -1,3 +1,3 @@
-import { FormLabelProps } from '@chakra-ui/react';
-export declare const FormLabel: (props: FormLabelProps) => import("react/jsx-runtime").JSX.Element;
+import { Field } from '@chakra-ui/react';
+export declare const FormLabel: (props: Field.LabelProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=FormLabel.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"FormLabel.d.ts","sourceRoot":"","sources":["../../../src/components/FormLabel/FormLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgC,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEhF,eAAO,MAAM,SAAS,GAAI,OAAO,cAAc,4CAE9C,CAAC"}
+{"version":3,"file":"FormLabel.d.ts","sourceRoot":"","sources":["../../../src/components/FormLabel/FormLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAE9C,eAAO,MAAM,SAAS,GAAI,OAAO,KAAK,CAAC,UAAU,4CAWhD,CAAC"}

package/dist/components/FormLabel/FormLabel.js

@@ -4,7 +4,11 @@
 var jsxRuntime = require('react/jsx-runtime');
 var react = require('@chakra-ui/react');
 
-const FormLabel = (props) => (jsxRuntime.jsx(react.FormLabel, { color: "gray.1000", mb: 0.5, marginInlineEnd: 0, ...props }));
+const FormLabel = (props) => (jsxRuntime.jsx(react.Box, { color: "gray.1000", children: jsxRuntime.jsx(react.Field.Label, { ...props, style: {
+            marginBottom: '0.125rem',
+            marginInlineEnd: 0,
+            ...(props.style || {}),
+        } }) }));
 
 exports.FormLabel = FormLabel;
 //# sourceMappingURL=FormLabel.js.map

package/dist/components/FormLabel/FormLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormLabel.js","sources":["../../../src/components/FormLabel/FormLabel.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraFormLabel"],"mappings":";;;;;;AAEO,MAAM,SAAS,GAAG,CAAC,KAAqB,MAC7CA,cAAA,CAACC,eAAe,EAAA,EAAC,KAAK,EAAC,WAAW,EAAC,EAAE,EAAE,GAAG,EAAE,eAAe,EAAE,CAAC,EAAA,GAAM,KAAK,EAAA,CAAI;;;;"}
+{"version":3,"file":"FormLabel.js","sources":["../../../src/components/FormLabel/FormLabel.tsx"],"sourcesContent":[null],"names":["_jsx","Box","Field"],"mappings":";;;;;;AAEO,MAAM,SAAS,GAAG,CAAC,KAAuB,MAC/CA,cAAA,CAACC,SAAG,IAAC,KAAK,EAAC,WAAW,EAAA,QAAA,EACpBD,cAAA,CAACE,WAAK,CAAC,KAAK,EAAA,EAAA,GACN,KAAK,EACT,KAAK,EAAE;AACL,YAAA,YAAY,EAAE,UAAU;AACxB,YAAA,eAAe,EAAE,CAAC;AAClB,YAAA,IAAI,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC;SACvB,EAAA,CACD,EAAA,CACE;;;;"}

package/dist/components/FormLabel/FormLabel.mjs

@@ -1,8 +1,12 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
-import { FormLabel as FormLabel$1 } from '@chakra-ui/react';
+import { Box, Field } from '@chakra-ui/react';
 
-const FormLabel = (props) => (jsx(FormLabel$1, { color: "gray.1000", mb: 0.5, marginInlineEnd: 0, ...props }));
+const FormLabel = (props) => (jsx(Box, { color: "gray.1000", children: jsx(Field.Label, { ...props, style: {
+            marginBottom: '0.125rem',
+            marginInlineEnd: 0,
+            ...(props.style || {}),
+        } }) }));
 
 export { FormLabel };
 //# sourceMappingURL=FormLabel.mjs.map

package/dist/components/FormLabel/FormLabel.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"FormLabel.mjs","sources":["../../../src/components/FormLabel/FormLabel.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraFormLabel"],"mappings":";;;;AAEO,MAAM,SAAS,GAAG,CAAC,KAAqB,MAC7CA,GAAA,CAACC,WAAe,EAAA,EAAC,KAAK,EAAC,WAAW,EAAC,EAAE,EAAE,GAAG,EAAE,eAAe,EAAE,CAAC,EAAA,GAAM,KAAK,EAAA,CAAI;;;;"}
+{"version":3,"file":"FormLabel.mjs","sources":["../../../src/components/FormLabel/FormLabel.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;AAEO,MAAM,SAAS,GAAG,CAAC,KAAuB,MAC/CA,GAAA,CAAC,GAAG,IAAC,KAAK,EAAC,WAAW,EAAA,QAAA,EACpBA,GAAA,CAAC,KAAK,CAAC,KAAK,EAAA,EAAA,GACN,KAAK,EACT,KAAK,EAAE;AACL,YAAA,YAAY,EAAE,UAAU;AACxB,YAAA,eAAe,EAAE,CAAC;AAClB,YAAA,IAAI,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC;SACvB,EAAA,CACD,EAAA,CACE;;;;"}

package/dist/components/Icon/_utils/createIconGroup.d.ts

@@ -1,4 +1,4 @@
-import { IconProps } from './createIcon';
+import { CreatedIcon } from './createIcon';
 /**
  * Creates multiple icon components at once
  *
@@ -22,5 +22,5 @@ import { IconProps } from './createIcon';
  * <icons.Custom boxSize="md" />
  * ```
  */
-export declare const createIconGroup: <T extends Record<string, React.ComponentType<any>>>(iconMap: T) => { [K in keyof T]: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>; };
+export declare const createIconGroup: <T extends Record<string, React.ComponentType<any>>>(iconMap: T) => Record<keyof T, CreatedIcon>;
 //# sourceMappingURL=createIconGroup.d.ts.map

package/dist/components/Icon/_utils/createIconGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createIconGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/Icon/_utils/createIconGroup.tsx"],"names":[],"mappings":"AAAA,OAAmB,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAErD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,eAAe,GAC1B,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,EAElD,SAAS,CAAC,KACT,GACA,CAAC,IAAI,MAAM,CAAC,GAAG,KAAK,CAAC,yBAAyB,CAC7C,SAAS,GAAG,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,CAC/C,GASF,CAAC"}
+{"version":3,"file":"createIconGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/Icon/_utils/createIconGroup.tsx"],"names":[],"mappings":"AAAA,OAAmB,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAEvD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,eAAe,GAC1B,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,EAElD,SAAS,CAAC,KACT,MAAM,CAAC,MAAM,CAAC,EAAE,WAAW,CAQ7B,CAAC"}

package/dist/components/Icon/_utils/createIconGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"createIconGroup.js","sources":["../../../../src/components/Icon/_utils/createIconGroup.tsx"],"sourcesContent":[null],"names":["createIcon"],"mappings":";;;;;AAEA;;;;;;;;;;;;;;;;;;;;;;AAsBG;AACI,MAAM,eAAe,GAAG,CAG7B,OAAU,KAKR;IACF,MAAM,MAAM,GAAG,EAAS;AAExB,IAAA,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,EAAE,aAAa,CAAC,KAAI;QACxD,MAAM,CAAC,IAAI,CAAC,GAAGA,qBAAU,CAAC,aAAa,EAAE,IAAI,CAAC;AAChD,IAAA,CAAC,CAAC;AAEF,IAAA,OAAO,MAAM;AACf;;;;"}
+{"version":3,"file":"createIconGroup.js","sources":["../../../../src/components/Icon/_utils/createIconGroup.tsx"],"sourcesContent":[null],"names":["createIcon"],"mappings":";;;;;AAEA;;;;;;;;;;;;;;;;;;;;;;AAsBG;AACI,MAAM,eAAe,GAAG,CAG7B,OAAU,KACsB;IAChC,MAAM,MAAM,GAAG,EAAkC;AAEjD,IAAA,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,EAAE,aAAa,CAAC,KAAI;QACxD,MAAM,CAAC,IAAe,CAAC,GAAGA,qBAAU,CAAC,aAAa,EAAE,IAAI,CAAC;AAC3D,IAAA,CAAC,CAAC;AAEF,IAAA,OAAO,MAAM;AACf;;;;"}

package/dist/components/Icon/_utils/createIconGroup.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"createIconGroup.mjs","sources":["../../../../src/components/Icon/_utils/createIconGroup.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;AAEA;;;;;;;;;;;;;;;;;;;;;;AAsBG;AACI,MAAM,eAAe,GAAG,CAG7B,OAAU,KAKR;IACF,MAAM,MAAM,GAAG,EAAS;AAExB,IAAA,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,EAAE,aAAa,CAAC,KAAI;QACxD,MAAM,CAAC,IAAI,CAAC,GAAG,UAAU,CAAC,aAAa,EAAE,IAAI,CAAC;AAChD,IAAA,CAAC,CAAC;AAEF,IAAA,OAAO,MAAM;AACf;;;;"}
+{"version":3,"file":"createIconGroup.mjs","sources":["../../../../src/components/Icon/_utils/createIconGroup.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;AAEA;;;;;;;;;;;;;;;;;;;;;;AAsBG;AACI,MAAM,eAAe,GAAG,CAG7B,OAAU,KACsB;IAChC,MAAM,MAAM,GAAG,EAAkC;AAEjD,IAAA,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,EAAE,aAAa,CAAC,KAAI;QACxD,MAAM,CAAC,IAAe,CAAC,GAAG,UAAU,CAAC,aAAa,EAAE,IAAI,CAAC;AAC3D,IAAA,CAAC,CAAC;AAEF,IAAA,OAAO,MAAM;AACf;;;;"}

package/dist/components/IconButton/IconButton.d.ts

@@ -1,4 +1,18 @@
-export declare const IconButton: import("react").ForwardRefExoticComponent<Omit<import("@chakra-ui/react").IconButtonProps, "variant"> & {
+/**
+ * IconButton component with two-dimensional variant system.
+ *
+ * Uses the same `colorPalette` and `variant` system as Button
+ * for consistent styling across the design system.
+ *
+ * @example
+ * ```tsx
+ * <IconButton colorPalette="primary" variant="soft"><Icon /></IconButton>
+ * <IconButton colorPalette="danger" variant="solid"><Icon /></IconButton>
+ * <IconButton colorPalette="neutral" variant="ghost"><Icon /></IconButton>
+ * ```
+ */
+export declare const IconButton: import("react").ForwardRefExoticComponent<Omit<import("@chakra-ui/react").IconButtonProps, "icon" | "colorScheme" | "colorPalette" | "variant"> & {
+    colorPalette?: import("./IconButton.types").IconButtonColorPalette;
     variant?: import("./IconButton.types").IconButtonVariant;
 } & import("react").RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=IconButton.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/IconButton.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,UAAU;;qDA2BtB,CAAC"}
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/IconButton.tsx"],"names":[],"mappings":"AAMA;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,UAAU;;;qDAqBtB,CAAC"}

package/dist/components/IconButton/IconButton.js

@@ -4,20 +4,25 @@
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var react = require('@chakra-ui/react');
-var IconButton_styles = require('./IconButton.styles.js');
+var Button_styles = require('../Button/Button.styles.js');
 
-const IconButton = React.forwardRef(({ variant = 'link', sx, ...rest }, ref) => {
-    return (jsxRuntime.jsx(react.IconButton, { border: "1px solid", borderRadius: "full", background: "transparent", ...IconButton_styles.variantStyles[variant], ...rest, ref: ref, sx: {
-            ...sx,
-            '& svg': {
-                pointerEvents: 'none',
-                ...sx?.['& svg'],
-            },
-            '& svg *': {
-                pointerEvents: 'none',
-                ...sx?.['& svg *'],
-            },
-        } }));
+/**
+ * IconButton component with two-dimensional variant system.
+ *
+ * Uses the same `colorPalette` and `variant` system as Button
+ * for consistent styling across the design system.
+ *
+ * @example
+ * ```tsx
+ * <IconButton colorPalette="primary" variant="soft"><Icon /></IconButton>
+ * <IconButton colorPalette="danger" variant="solid"><Icon /></IconButton>
+ * <IconButton colorPalette="neutral" variant="ghost"><Icon /></IconButton>
+ * ```
+ */
+const IconButton = React.forwardRef(({ colorPalette, variant = 'ghost', children, ...rest }, ref) => {
+    const palette = colorPalette ?? 'neutral';
+    const styles = Button_styles.getButtonStyles(palette, variant);
+    return (jsxRuntime.jsx(react.IconButton, { ref: ref, border: "1px solid", rounded: "full", ...styles, ...rest, children: children }));
 });
 IconButton.displayName = 'IconButton';
 

package/dist/components/IconButton/IconButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.js","sources":["../../../src/components/IconButton/IconButton.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","ChakraIconButton","variantStyles"],"mappings":";;;;;;;;MAMa,UAAU,GAAGA,gBAAU,CAClC,CACE,EAAE,OAAO,GAAG,MAAM,EAAE,EAAE,EAAE,GAAG,IAAI,EAAmB,EAClD,GAAqC,KACnC;AACF,IAAA,QACEC,cAAA,CAACC,gBAAgB,EAAA,EACf,MAAM,EAAC,WAAW,EAClB,YAAY,EAAC,MAAM,EACnB,UAAU,EAAC,aAAa,EAAA,GACpBC,+BAAa,CAAC,OAAO,CAAC,EAAA,GACtB,IAAI,EACR,GAAG,EAAE,GAAG,EACR,EAAE,EAAE;AACF,YAAA,GAAG,EAAE;AACL,YAAA,OAAO,EAAE;AACP,gBAAA,aAAa,EAAE,MAAM;AACrB,gBAAA,GAAI,EAAU,GAAG,OAAO,CAAC;AAC1B,aAAA;AACD,YAAA,SAAS,EAAE;AACT,gBAAA,aAAa,EAAE,MAAM;AACrB,gBAAA,GAAI,EAAU,GAAG,SAAS,CAAC;AAC5B,aAAA;AACF,SAAA,EAAA,CACD;AAEN,CAAC;AAGH,UAAU,CAAC,WAAW,GAAG,YAAY;;;;"}
+{"version":3,"file":"IconButton.js","sources":["../../../src/components/IconButton/IconButton.tsx"],"sourcesContent":[null],"names":["forwardRef","getIconButtonStyles","_jsx","ChakraIconButton"],"mappings":";;;;;;;;AAMA;;;;;;;;;;;;AAYG;MACU,UAAU,GAAGA,gBAAU,CAClC,CACE,EAAE,YAAY,EAAE,OAAO,GAAG,OAAO,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAmB,EACvE,GAAqC,KACnC;AACF,IAAA,MAAM,OAAO,GAAG,YAAY,IAAI,SAAS;IAEzC,MAAM,MAAM,GAAGC,6BAAmB,CAAC,OAAO,EAAE,OAAO,CAAC;IAEpD,QACEC,eAACC,gBAAgB,EAAA,EACf,GAAG,EAAE,GAAG,EACR,MAAM,EAAC,WAAW,EAClB,OAAO,EAAC,MAAM,EAAA,GACV,MAAM,EAAA,GACN,IAAI,EAAA,QAAA,EAEP,QAAQ,EAAA,CACQ;AAEvB,CAAC;AAGH,UAAU,CAAC,WAAW,GAAG,YAAY;;;;"}

package/dist/components/IconButton/IconButton.mjs

@@ -2,20 +2,25 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { IconButton as IconButton$1 } from '@chakra-ui/react';
-import { variantStyles } from './IconButton.styles.mjs';
+import { getButtonStyles } from '../Button/Button.styles.mjs';
 
-const IconButton = forwardRef(({ variant = 'link', sx, ...rest }, ref) => {
-    return (jsx(IconButton$1, { border: "1px solid", borderRadius: "full", background: "transparent", ...variantStyles[variant], ...rest, ref: ref, sx: {
-            ...sx,
-            '& svg': {
-                pointerEvents: 'none',
-                ...sx?.['& svg'],
-            },
-            '& svg *': {
-                pointerEvents: 'none',
-                ...sx?.['& svg *'],
-            },
-        } }));
+/**
+ * IconButton component with two-dimensional variant system.
+ *
+ * Uses the same `colorPalette` and `variant` system as Button
+ * for consistent styling across the design system.
+ *
+ * @example
+ * ```tsx
+ * <IconButton colorPalette="primary" variant="soft"><Icon /></IconButton>
+ * <IconButton colorPalette="danger" variant="solid"><Icon /></IconButton>
+ * <IconButton colorPalette="neutral" variant="ghost"><Icon /></IconButton>
+ * ```
+ */
+const IconButton = forwardRef(({ colorPalette, variant = 'ghost', children, ...rest }, ref) => {
+    const palette = colorPalette ?? 'neutral';
+    const styles = getButtonStyles(palette, variant);
+    return (jsx(IconButton$1, { ref: ref, border: "1px solid", rounded: "full", ...styles, ...rest, children: children }));
 });
 IconButton.displayName = 'IconButton';
 

package/dist/components/IconButton/IconButton.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.mjs","sources":["../../../src/components/IconButton/IconButton.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraIconButton"],"mappings":";;;;;;MAMa,UAAU,GAAG,UAAU,CAClC,CACE,EAAE,OAAO,GAAG,MAAM,EAAE,EAAE,EAAE,GAAG,IAAI,EAAmB,EAClD,GAAqC,KACnC;AACF,IAAA,QACEA,GAAA,CAACC,YAAgB,EAAA,EACf,MAAM,EAAC,WAAW,EAClB,YAAY,EAAC,MAAM,EACnB,UAAU,EAAC,aAAa,EAAA,GACpB,aAAa,CAAC,OAAO,CAAC,EAAA,GACtB,IAAI,EACR,GAAG,EAAE,GAAG,EACR,EAAE,EAAE;AACF,YAAA,GAAG,EAAE;AACL,YAAA,OAAO,EAAE;AACP,gBAAA,aAAa,EAAE,MAAM;AACrB,gBAAA,GAAI,EAAU,GAAG,OAAO,CAAC;AAC1B,aAAA;AACD,YAAA,SAAS,EAAE;AACT,gBAAA,aAAa,EAAE,MAAM;AACrB,gBAAA,GAAI,EAAU,GAAG,SAAS,CAAC;AAC5B,aAAA;AACF,SAAA,EAAA,CACD;AAEN,CAAC;AAGH,UAAU,CAAC,WAAW,GAAG,YAAY;;;;"}
+{"version":3,"file":"IconButton.mjs","sources":["../../../src/components/IconButton/IconButton.tsx"],"sourcesContent":[null],"names":["getIconButtonStyles","_jsx","ChakraIconButton"],"mappings":";;;;;;AAMA;;;;;;;;;;;;AAYG;MACU,UAAU,GAAG,UAAU,CAClC,CACE,EAAE,YAAY,EAAE,OAAO,GAAG,OAAO,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAmB,EACvE,GAAqC,KACnC;AACF,IAAA,MAAM,OAAO,GAAG,YAAY,IAAI,SAAS;IAEzC,MAAM,MAAM,GAAGA,eAAmB,CAAC,OAAO,EAAE,OAAO,CAAC;IAEpD,QACEC,IAACC,YAAgB,EAAA,EACf,GAAG,EAAE,GAAG,EACR,MAAM,EAAC,WAAW,EAClB,OAAO,EAAC,MAAM,EAAA,GACV,MAAM,EAAA,GACN,IAAI,EAAA,QAAA,EAEP,QAAQ,EAAA,CACQ;AAEvB,CAAC;AAGH,UAAU,CAAC,WAAW,GAAG,YAAY;;;;"}

package/dist/components/IconButton/IconButton.styles.d.ts

@@ -1,4 +1,10 @@
-import { IconButtonProps } from '@chakra-ui/react';
-import { IconButtonVariant } from './IconButton.types';
-export declare const variantStyles: Record<Exclude<IconButtonVariant, undefined>, Partial<IconButtonProps>>;
+/**
+ * IconButton styles - reuses Button styles for consistency.
+ *
+ * Since IconButton and Button share the same two-dimensional variant system
+ * (colorPalette × variant), we simply re-export the Button styles.
+ */
+export { getButtonStyles as getIconButtonStyles, buttonColorPalettes as iconButtonColorPalettes, buttonColorPaletteStyles as iconButtonColorPaletteStyles, buttonColorSchemes as iconButtonColorSchemes, // Deprecated
+buttonColorSchemeStyles as iconButtonColorSchemeStyles, // Deprecated
+buttonVariants as iconButtonVariants, } from '../Button/Button.styles';
 //# sourceMappingURL=IconButton.styles.d.ts.map

package/dist/components/IconButton/IconButton.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.styles.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/IconButton.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAGvD,eAAO,MAAM,aAAa,EAAE,MAAM,CAChC,OAAO,CAAC,iBAAiB,EAAE,SAAS,CAAC,EACrC,OAAO,CAAC,eAAe,CAAC,CA4CzB,CAAC"}
+{"version":3,"file":"IconButton.styles.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/IconButton.styles.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,EACL,eAAe,IAAI,mBAAmB,EACtC,mBAAmB,IAAI,uBAAuB,EAC9C,wBAAwB,IAAI,4BAA4B,EACxD,kBAAkB,IAAI,sBAAsB,EAAE,aAAa;AAC3D,uBAAuB,IAAI,2BAA2B,EAAE,aAAa;AACrE,cAAc,IAAI,kBAAkB,GACrC,MAAM,yBAAyB,CAAC"}

package/dist/components/IconButton/IconButton.types.d.ts

@@ -1,6 +1,41 @@
 import { IconButtonProps as ChakraIconButtonProps } from '@chakra-ui/react';
-export type IconButtonVariant = 'primary' | 'secondary' | 'tertiary' | 'danger' | 'link';
-export type IconButtonProps = Omit<ChakraIconButtonProps, 'variant'> & {
+export type { ButtonVariant } from '../Button/Button.types';
+/**
+ * IconButton color scheme - reuses Button color schemes.
+ * @see ButtonColorScheme
+ */
+export type IconButtonColorPalette = 'primary' | 'secondary' | 'danger' | 'success' | 'warning' | 'neutral';
+/**
+ * IconButton variant - reuses Button variants.
+ * @see ButtonVariant
+ */
+export type IconButtonVariant = 'solid' | 'soft' | 'outline' | 'ghost';
+/**
+ * IconButton props with two-dimensional variant system.
+ *
+ * Uses the same `colorPalette` and `variant` system as Button
+ * for consistent styling across the design system.
+ *
+ * @note Overrides Chakra UI's `variant` and `colorPalette` props.
+ *
+ * @example
+ * ```tsx
+ * <IconButton colorPalette="primary" variant="solid"><Icon /></IconButton>
+ * <IconButton colorPalette="danger" variant="soft"><Icon /></IconButton>
+ * ```
+ */
+export type IconButtonProps = Omit<ChakraIconButtonProps, 'variant' | 'colorPalette' | 'colorScheme' | 'icon'> & {
+    /**
+     * The color scheme of the icon button (semantic color family).
+     * Overrides Chakra UI's colorPalette prop.
+     * @default 'primary'
+     */
+    colorPalette?: IconButtonColorPalette;
+    /**
+     * The visual variant of the icon button (fill style).
+     * Overrides Chakra UI's variant prop.
+     * @default 'solid'
+     */
     variant?: IconButtonVariant;
 };
 //# sourceMappingURL=IconButton.types.d.ts.map

package/dist/components/IconButton/IconButton.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.types.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/IconButton.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,IAAI,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AAE5E,MAAM,MAAM,iBAAiB,GACzB,SAAS,GACT,WAAW,GACX,UAAU,GACV,QAAQ,GACR,MAAM,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,qBAAqB,EAAE,SAAS,CAAC,GAAG;IACrE,OAAO,CAAC,EAAE,iBAAiB,CAAC;CAC7B,CAAC"}
+{"version":3,"file":"IconButton.types.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/IconButton.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,IAAI,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AAG5E,YAAY,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAE5D;;;GAGG;AACH,MAAM,MAAM,sBAAsB,GAC9B,SAAS,GACT,WAAW,GACX,QAAQ,GACR,SAAS,GACT,SAAS,GACT,SAAS,CAAC;AAEd;;;GAGG;AACH,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;AAEvE;;;;;;;;;;;;;GAaG;AACH,MAAM,MAAM,eAAe,GAAG,IAAI,CAChC,qBAAqB,EACrB,SAAS,GAAG,cAAc,GAAG,aAAa,GAAG,MAAM,CACpD,GAAG;IACF;;;;OAIG;IACH,YAAY,CAAC,EAAE,sBAAsB,CAAC;IACtC;;;;OAIG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC;CAC7B,CAAC"}

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

@@ -1,3 +1,4 @@
 export { IconButton } from './IconButton';
-export type * from './IconButton.types';
+export { getIconButtonStyles, iconButtonColorPalettes, iconButtonColorPaletteStyles, iconButtonVariants, } from './IconButton.styles';
+export type { IconButtonColorPalette, IconButtonProps, IconButtonVariant, } from './IconButton.types';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,mBAAmB,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EACL,mBAAmB,EACnB,uBAAuB,EACvB,4BAA4B,EAC5B,kBAAkB,GACnB,MAAM,qBAAqB,CAAC;AAC7B,YAAY,EACV,sBAAsB,EACtB,eAAe,EACf,iBAAiB,GAClB,MAAM,oBAAoB,CAAC"}

package/dist/components/InfoSprinkle/InfoSprinkle.d.ts

@@ -1,7 +1,8 @@
-import { PopoverProps } from '@chakra-ui/react';
+import { HoverCard } from '@chakra-ui/react';
 import { IconButtonProps } from '../IconButton/IconButton.types';
-export declare const InfoSprinkle: ({ children, iconButtonProps, ...rest }: {
+export declare const InfoSprinkle: ({ children, iconButtonProps, contentProps, ...rest }: {
     children: React.ReactNode;
     iconButtonProps?: Partial<IconButtonProps>;
-} & PopoverProps) => import("react/jsx-runtime").JSX.Element;
+    contentProps?: HoverCard.ContentProps;
+} & HoverCard.RootProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=InfoSprinkle.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"InfoSprinkle.d.ts","sourceRoot":"","sources":["../../../src/components/InfoSprinkle/InfoSprinkle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,YAAY,EAGb,MAAM,kBAAkB,CAAC;AAI1B,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAEjE,eAAO,MAAM,YAAY,GAAI,wCAI1B;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;CAC5C,GAAG,YAAY,4CAkBf,CAAC"}
+{"version":3,"file":"InfoSprinkle.d.ts","sourceRoot":"","sources":["../../../src/components/InfoSprinkle/InfoSprinkle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAU,MAAM,kBAAkB,CAAC;AAIrD,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAEjE,eAAO,MAAM,YAAY,GAAI,sDAK1B;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;IAC3C,YAAY,CAAC,EAAE,SAAS,CAAC,YAAY,CAAC;CACvC,GAAG,SAAS,CAAC,SAAS,4CAoBtB,CAAC"}

package/dist/components/InfoSprinkle/InfoSprinkle.js

@@ -6,8 +6,8 @@ var react = require('@chakra-ui/react');
 var index = require('../Icon/index.js');
 var IconButton = require('../IconButton/IconButton.js');
 
-const InfoSprinkle = ({ children, iconButtonProps, ...rest }) => {
-    return (jsxRuntime.jsxs(react.Popover, { trigger: "hover", placement: "top", isLazy: true, ...rest, children: [jsxRuntime.jsx(react.PopoverTrigger, { children: jsxRuntime.jsx(IconButton.IconButton, { "aria-label": "Info", icon: jsxRuntime.jsx(index.LuInfo, { boxSize: "sm", color: "inherit" }), ...iconButtonProps }) }), jsxRuntime.jsx(react.Portal, { children: jsxRuntime.jsxs(react.PopoverContent, { boxShadow: "2xl", w: "fit-content", children: [jsxRuntime.jsx(react.PopoverArrow, {}), jsxRuntime.jsx(react.PopoverBody, { children: children })] }) })] }));
+const InfoSprinkle = ({ children, iconButtonProps, contentProps, ...rest }) => {
+    return (jsxRuntime.jsxs(react.HoverCard.Root, { positioning: { placement: 'top' }, lazyMount: true, ...rest, children: [jsxRuntime.jsx(react.HoverCard.Trigger, { asChild: true, children: jsxRuntime.jsx(IconButton.IconButton, { "aria-label": "Info", ...iconButtonProps, children: jsxRuntime.jsx(index.LuInfo, { color: "inherit", boxSize: iconButtonProps.size }) }) }), jsxRuntime.jsx(react.Portal, { children: jsxRuntime.jsx(react.HoverCard.Positioner, { children: jsxRuntime.jsxs(react.HoverCard.Content, { p: 2, ...contentProps, children: [jsxRuntime.jsx(react.HoverCard.Arrow, { children: jsxRuntime.jsx(react.HoverCard.ArrowTip, {}) }), children] }) }) })] }));
 };
 
 exports.InfoSprinkle = InfoSprinkle;

package/dist/components/InfoSprinkle/InfoSprinkle.js.map

@@ -1 +1 @@
-{"version":3,"file":"InfoSprinkle.js","sources":["../../../src/components/InfoSprinkle/InfoSprinkle.tsx"],"sourcesContent":[null],"names":["_jsxs","Popover","_jsx","PopoverTrigger","IconButton","LuInfo","Portal","PopoverContent","PopoverArrow","PopoverBody"],"mappings":";;;;;;;;AAcO,MAAM,YAAY,GAAG,CAAC,EAC3B,QAAQ,EACR,eAAe,EACf,GAAG,IAAI,EAIO,KAAI;AAClB,IAAA,QACEA,eAAA,CAACC,aAAO,EAAA,EAAC,OAAO,EAAC,OAAO,EAAC,SAAS,EAAC,KAAK,EAAC,MAAM,WAAK,IAAI,EAAA,QAAA,EAAA,CACtDC,cAAA,CAACC,oBAAc,EAAA,EAAA,QAAA,EACbD,cAAA,CAACE,qBAAU,EAAA,EAAA,YAAA,EACE,MAAM,EACjB,IAAI,EAAEF,cAAA,CAACG,YAAM,EAAA,EAAC,OAAO,EAAC,IAAI,EAAC,KAAK,EAAC,SAAS,EAAA,CAAG,EAAA,GACzC,eAAe,EAAA,CACnB,GACa,EACjBH,cAAA,CAACI,YAAM,EAAA,EAAA,QAAA,EACLN,eAAA,CAACO,oBAAc,EAAA,EAAC,SAAS,EAAC,KAAK,EAAC,CAAC,EAAC,aAAa,EAAA,QAAA,EAAA,CAC7CL,cAAA,CAACM,kBAAY,KAAG,EAChBN,cAAA,CAACO,iBAAW,EAAA,EAAA,QAAA,EAAE,QAAQ,EAAA,CAAe,CAAA,EAAA,CACtB,EAAA,CACV,CAAA,EAAA,CACD;AAEd;;;;"}
+{"version":3,"file":"InfoSprinkle.js","sources":["../../../src/components/InfoSprinkle/InfoSprinkle.tsx"],"sourcesContent":[null],"names":["_jsxs","HoverCard","_jsx","IconButton","LuInfo","Portal"],"mappings":";;;;;;;;AAMO,MAAM,YAAY,GAAG,CAAC,EAC3B,QAAQ,EACR,eAAe,EACf,YAAY,EACZ,GAAG,IAAI,EAKc,KAAI;AACzB,IAAA,QACEA,eAAA,CAACC,eAAS,CAAC,IAAI,EAAA,EAAC,WAAW,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,SAAS,EAAA,IAAA,EAAA,GAAK,IAAI,aACnEC,cAAA,CAACD,eAAS,CAAC,OAAO,IAAC,OAAO,EAAA,IAAA,EAAA,QAAA,EACxBC,eAACC,qBAAU,EAAA,EAAA,YAAA,EAAY,MAAM,EAAA,GAAK,eAAe,EAAA,QAAA,EAC/CD,cAAA,CAACE,YAAM,EAAA,EAAC,KAAK,EAAC,SAAS,EAAC,OAAO,EAAE,eAAe,CAAC,IAAI,GAAI,EAAA,CAC9C,EAAA,CACK,EACpBF,cAAA,CAACG,YAAM,cACLH,cAAA,CAACD,eAAS,CAAC,UAAU,cACnBD,eAAA,CAACC,eAAS,CAAC,OAAO,EAAA,EAAC,CAAC,EAAE,CAAC,EAAA,GAAM,YAAY,aACvCC,cAAA,CAACD,eAAS,CAAC,KAAK,EAAA,EAAA,QAAA,EACdC,eAACD,eAAS,CAAC,QAAQ,EAAA,EAAA,CAAG,EAAA,CACN,EACjB,QAAQ,CAAA,EAAA,CACS,GACC,EAAA,CAChB,CAAA,EAAA,CACM;AAErB;;;;"}

package/dist/components/InfoSprinkle/InfoSprinkle.mjs

@@ -1,11 +1,11 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { Popover, PopoverTrigger, Portal, PopoverContent, PopoverArrow, PopoverBody } from '@chakra-ui/react';
+import { HoverCard, Portal } from '@chakra-ui/react';
 import { LuInfo } from '../Icon/index.mjs';
 import { IconButton } from '../IconButton/IconButton.mjs';
 
-const InfoSprinkle = ({ children, iconButtonProps, ...rest }) => {
-    return (jsxs(Popover, { trigger: "hover", placement: "top", isLazy: true, ...rest, children: [jsx(PopoverTrigger, { children: jsx(IconButton, { "aria-label": "Info", icon: jsx(LuInfo, { boxSize: "sm", color: "inherit" }), ...iconButtonProps }) }), jsx(Portal, { children: jsxs(PopoverContent, { boxShadow: "2xl", w: "fit-content", children: [jsx(PopoverArrow, {}), jsx(PopoverBody, { children: children })] }) })] }));
+const InfoSprinkle = ({ children, iconButtonProps, contentProps, ...rest }) => {
+    return (jsxs(HoverCard.Root, { positioning: { placement: 'top' }, lazyMount: true, ...rest, children: [jsx(HoverCard.Trigger, { asChild: true, children: jsx(IconButton, { "aria-label": "Info", ...iconButtonProps, children: jsx(LuInfo, { color: "inherit", boxSize: iconButtonProps.size }) }) }), jsx(Portal, { children: jsx(HoverCard.Positioner, { children: jsxs(HoverCard.Content, { p: 2, ...contentProps, children: [jsx(HoverCard.Arrow, { children: jsx(HoverCard.ArrowTip, {}) }), children] }) }) })] }));
 };
 
 export { InfoSprinkle };

package/dist/components/InfoSprinkle/InfoSprinkle.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"InfoSprinkle.mjs","sources":["../../../src/components/InfoSprinkle/InfoSprinkle.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;AAcO,MAAM,YAAY,GAAG,CAAC,EAC3B,QAAQ,EACR,eAAe,EACf,GAAG,IAAI,EAIO,KAAI;AAClB,IAAA,QACEA,IAAA,CAAC,OAAO,EAAA,EAAC,OAAO,EAAC,OAAO,EAAC,SAAS,EAAC,KAAK,EAAC,MAAM,WAAK,IAAI,EAAA,QAAA,EAAA,CACtDC,GAAA,CAAC,cAAc,EAAA,EAAA,QAAA,EACbA,GAAA,CAAC,UAAU,EAAA,EAAA,YAAA,EACE,MAAM,EACjB,IAAI,EAAEA,GAAA,CAAC,MAAM,EAAA,EAAC,OAAO,EAAC,IAAI,EAAC,KAAK,EAAC,SAAS,EAAA,CAAG,EAAA,GACzC,eAAe,EAAA,CACnB,GACa,EACjBA,GAAA,CAAC,MAAM,EAAA,EAAA,QAAA,EACLD,IAAA,CAAC,cAAc,EAAA,EAAC,SAAS,EAAC,KAAK,EAAC,CAAC,EAAC,aAAa,EAAA,QAAA,EAAA,CAC7CC,GAAA,CAAC,YAAY,KAAG,EAChBA,GAAA,CAAC,WAAW,EAAA,EAAA,QAAA,EAAE,QAAQ,EAAA,CAAe,CAAA,EAAA,CACtB,EAAA,CACV,CAAA,EAAA,CACD;AAEd;;;;"}
+{"version":3,"file":"InfoSprinkle.mjs","sources":["../../../src/components/InfoSprinkle/InfoSprinkle.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;AAMO,MAAM,YAAY,GAAG,CAAC,EAC3B,QAAQ,EACR,eAAe,EACf,YAAY,EACZ,GAAG,IAAI,EAKc,KAAI;AACzB,IAAA,QACEA,IAAA,CAAC,SAAS,CAAC,IAAI,EAAA,EAAC,WAAW,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,SAAS,EAAA,IAAA,EAAA,GAAK,IAAI,aACnEC,GAAA,CAAC,SAAS,CAAC,OAAO,IAAC,OAAO,EAAA,IAAA,EAAA,QAAA,EACxBA,IAAC,UAAU,EAAA,EAAA,YAAA,EAAY,MAAM,EAAA,GAAK,eAAe,EAAA,QAAA,EAC/CA,GAAA,CAAC,MAAM,EAAA,EAAC,KAAK,EAAC,SAAS,EAAC,OAAO,EAAE,eAAe,CAAC,IAAI,GAAI,EAAA,CAC9C,EAAA,CACK,EACpBA,GAAA,CAAC,MAAM,cACLA,GAAA,CAAC,SAAS,CAAC,UAAU,cACnBD,IAAA,CAAC,SAAS,CAAC,OAAO,EAAA,EAAC,CAAC,EAAE,CAAC,EAAA,GAAM,YAAY,aACvCC,GAAA,CAAC,SAAS,CAAC,KAAK,EAAA,EAAA,QAAA,EACdA,IAAC,SAAS,CAAC,QAAQ,EAAA,EAAA,CAAG,EAAA,CACN,EACjB,QAAQ,CAAA,EAAA,CACS,GACC,EAAA,CAChB,CAAA,EAAA,CACM;AAErB;;;;"}

package/dist/components/InlineCode/InlineCode.js

@@ -5,7 +5,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var react = require('@chakra-ui/react');
 
 const InlineCode = ({ children, ...rest }) => {
-    return (jsxRuntime.jsx(react.Code, { bg: "gray.50", color: "primary.dark", borderRadius: "sm", fontSize: "p", ...rest, children: children }));
+    return (jsxRuntime.jsx(react.Code, { bg: "gray.50", color: "primary.dark", borderRadius: "sm", textStyle: "p", ...rest, children: children }));
 };
 
 exports.InlineCode = InlineCode;

package/dist/components/InlineCode/InlineCode.js.map

@@ -1 +1 @@
-{"version":3,"file":"InlineCode.js","sources":["../../../src/components/InlineCode/InlineCode.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraCode"],"mappings":";;;;;;AAKO,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAmB,KAAI;IACnE,QACEA,cAAA,CAACC,UAAU,EAAA,EACT,EAAE,EAAC,SAAS,EACZ,KAAK,EAAC,cAAc,EACpB,YAAY,EAAC,IAAI,EACjB,QAAQ,EAAC,GAAG,EAAA,GACR,IAAI,EAAA,QAAA,EAEP,QAAQ,EAAA,CACE;AAEjB;;;;"}
+{"version":3,"file":"InlineCode.js","sources":["../../../src/components/InlineCode/InlineCode.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraCode"],"mappings":";;;;;;AAKO,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAmB,KAAI;IACnE,QACEA,cAAA,CAACC,UAAU,EAAA,EACT,EAAE,EAAC,SAAS,EACZ,KAAK,EAAC,cAAc,EACpB,YAAY,EAAC,IAAI,EACjB,SAAS,EAAC,GAAG,EAAA,GACT,IAAI,EAAA,QAAA,EAEP,QAAQ,EAAA,CACE;AAEjB;;;;"}

package/dist/components/InlineCode/InlineCode.mjs

@@ -3,7 +3,7 @@ import { jsx } from 'react/jsx-runtime';
 import { Code } from '@chakra-ui/react';
 
 const InlineCode = ({ children, ...rest }) => {
-    return (jsx(Code, { bg: "gray.50", color: "primary.dark", borderRadius: "sm", fontSize: "p", ...rest, children: children }));
+    return (jsx(Code, { bg: "gray.50", color: "primary.dark", borderRadius: "sm", textStyle: "p", ...rest, children: children }));
 };
 
 export { InlineCode };

package/dist/components/InlineCode/InlineCode.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"InlineCode.mjs","sources":["../../../src/components/InlineCode/InlineCode.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraCode"],"mappings":";;;;AAKO,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAmB,KAAI;IACnE,QACEA,GAAA,CAACC,IAAU,EAAA,EACT,EAAE,EAAC,SAAS,EACZ,KAAK,EAAC,cAAc,EACpB,YAAY,EAAC,IAAI,EACjB,QAAQ,EAAC,GAAG,EAAA,GACR,IAAI,EAAA,QAAA,EAEP,QAAQ,EAAA,CACE;AAEjB;;;;"}
+{"version":3,"file":"InlineCode.mjs","sources":["../../../src/components/InlineCode/InlineCode.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraCode"],"mappings":";;;;AAKO,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAmB,KAAI;IACnE,QACEA,GAAA,CAACC,IAAU,EAAA,EACT,EAAE,EAAC,SAAS,EACZ,KAAK,EAAC,cAAc,EACpB,YAAY,EAAC,IAAI,EACjB,SAAS,EAAC,GAAG,EAAA,GACT,IAAI,EAAA,QAAA,EAEP,QAAQ,EAAA,CACE;AAEjB;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAwC3C,eAAO,MAAM,KAAK,yGAySjB,CAAC"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAwC3C,eAAO,MAAM,KAAK,yGAmTjB,CAAC"}