@blockle/blocks-react 2.6.2 → 2.6.5

package/dist/components/accessibility/VisuallyHidden/VisuallyHidden.d.ts

@@ -1,7 +1,6 @@
 import { HTMLElementProps } from '@blockle/blocks-core';
 export type VisuallyHiddenProps = {
     children: React.ReactNode;
-    asChild?: boolean;
 } & HTMLElementProps<HTMLSpanElement>;
 export declare const VisuallyHidden: React.FC<VisuallyHiddenProps>;
 //# sourceMappingURL=VisuallyHidden.d.ts.map

package/dist/components/accessibility/VisuallyHidden/VisuallyHidden.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VisuallyHidden.d.ts","sourceRoot":"","sources":["../../../../src/components/accessibility/VisuallyHidden/VisuallyHidden.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAIzE,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,gBAAgB,CAAC,eAAe,CAAC,CAAC;AAEtC,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAaxD,CAAC"}
+{"version":3,"file":"VisuallyHidden.d.ts","sourceRoot":"","sources":["../../../../src/components/accessibility/VisuallyHidden/VisuallyHidden.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAIzE,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,GAAG,gBAAgB,CAAC,eAAe,CAAC,CAAC;AAEtC,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAaxD,CAAC"}

package/dist/components/display/Divider/Divider.d.ts

@@ -1,12 +1,9 @@
-import { Atoms, ComponentThemes, vars } from '@blockle/blocks-core';
+import { Atoms, ComponentThemes, HTMLElementProps, vars } from '@blockle/blocks-core';
 export type DividerProps = {
     alignment?: 'start' | 'center' | 'end';
-    className?: string;
     color?: keyof typeof vars.color;
-    children?: React.ReactNode;
     size?: ComponentThemes['divider']['variants']['size'];
-    style?: React.CSSProperties;
     gap?: Atoms['gap'];
-};
+} & Omit<HTMLElementProps<HTMLDivElement>, 'size'>;
 export declare const Divider: React.FC<DividerProps>;
 //# sourceMappingURL=Divider.d.ts.map

package/dist/components/display/Divider/Divider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../../src/components/display/Divider/Divider.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,KAAK,EACV,KAAK,eAAe,EAEpB,IAAI,EACL,MAAM,sBAAsB,CAAC;AAa9B,MAAM,MAAM,YAAY,GAAG;IACzB,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,OAAO,IAAI,CAAC,KAAK,CAAC;IAChC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,eAAe,CAAC,SAAS,CAAC,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC;IACtD,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,GAAG,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA8B1C,CAAC"}
+{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../../src/components/display/Divider/Divider.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,KAAK,EACV,KAAK,eAAe,EAGpB,KAAK,gBAAgB,EACrB,IAAI,EACL,MAAM,sBAAsB,CAAC;AAM9B,MAAM,MAAM,YAAY,GAAG;IACzB,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACvC,KAAK,CAAC,EAAE,MAAM,OAAO,IAAI,CAAC,KAAK,CAAC;IAChC,IAAI,CAAC,EAAE,eAAe,CAAC,SAAS,CAAC,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC;IACtD,GAAG,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;CACpB,GAAG,IAAI,CAAC,gBAAgB,CAAC,cAAc,CAAC,EAAE,MAAM,CAAC,CAAC;AAEnD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAkC1C,CAAC"}

package/dist/components/display/Divider/Divider.js

@@ -1,13 +1,9 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
-import { vars, classnames } from "@blockle/blocks-core";
+import { vars, getNameFromVanillaCSSVar, classnames } from "@blockle/blocks-core";
 import { useComponentStyles } from "../../../hooks/useComponentStyles/useComponentStyles.js";
 import { Box } from "../../layout/Box/Box.js";
-import { divider, dividerColorVar } from "./divider.css.js";
-function getVanillaVarName(variable) {
-  return (variable ?? "").replace(/var\((.+)\)/, "$1");
-}
-const dividerColorVarName = getVanillaVarName(dividerColorVar);
+import { dividerColorVar, divider } from "./divider.css.js";
 const Divider = ({
   alignment = "center",
   className,
@@ -15,6 +11,7 @@ const Divider = ({
   children,
   size,
   gap = 2,
+  style,
   ...restProps
 }) => {
   const dividerClass = useComponentStyles("divider", {
@@ -31,7 +28,8 @@ const Divider = ({
       className: classnames(className, dividerClass, divider),
       "data-alignment": alignment,
       style: {
-        [dividerColorVarName]: color ? vars.color[color] : "currentColor"
+        ...style,
+        [getNameFromVanillaCSSVar(dividerColorVar)]: color ? vars.color[color] : "currentColor"
       },
       ...restProps,
       children

package/dist/components/display/Divider/divider.css.js

@@ -1,6 +1,6 @@
 import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
 import { layers } from "@blockle/blocks-core";
-import { style, createVar } from "@vanilla-extract/css";
+import { createVar, style } from "@vanilla-extract/css";
 setFileScope("src/components/display/Divider/divider.css.ts", "@blockle/blocks-react");
 const dividerColorVar = createVar();
 const divider = style({

package/dist/components/display/Icon/IconMask.d.ts

@@ -1,14 +1,12 @@
-import { Atoms, ComponentThemes, MarginAtoms } from '@blockle/blocks-core';
+import { Atoms, ComponentThemes, HTMLElementProps, MarginAtoms } from '@blockle/blocks-core';
 import { default as React } from 'react';
 type IconTheme = ComponentThemes['icon'];
 export type IconMaskProps = {
-    className?: string;
     color?: Atoms['color'];
     display?: Atoms['display'];
     size?: IconTheme['variants']['size'];
     src: string;
-    style?: React.CSSProperties;
-} & MarginAtoms;
+} & MarginAtoms & Omit<HTMLElementProps<HTMLSpanElement>, 'color' | 'display' | 'size'>;
 export declare const IconMask: React.FC<IconMaskProps>;
 export {};
 //# sourceMappingURL=IconMask.d.ts.map

package/dist/components/display/Icon/IconMask.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconMask.d.ts","sourceRoot":"","sources":["../../../../src/components/display/Icon/IconMask.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,KAAK,EAEV,KAAK,eAAe,EAGpB,KAAK,WAAW,EACjB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,KAAK,SAAS,GAAG,eAAe,CAAC,MAAM,CAAC,CAAC;AAEzC,MAAM,MAAM,aAAa,GAAG;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;IACvB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IAC3B,IAAI,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC;IACrC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,GAAG,WAAW,CAAC;AAEhB,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA8B5C,CAAC"}
+{"version":3,"file":"IconMask.d.ts","sourceRoot":"","sources":["../../../../src/components/display/Icon/IconMask.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,KAAK,EAEV,KAAK,eAAe,EAGpB,KAAK,gBAAgB,EACrB,KAAK,WAAW,EACjB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,KAAK,SAAS,GAAG,eAAe,CAAC,MAAM,CAAC,CAAC;AAEzC,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;IACvB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IAC3B,IAAI,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC;IACrC,GAAG,EAAE,MAAM,CAAC;CACb,GAAG,WAAW,GACb,IAAI,CAAC,gBAAgB,CAAC,eAAe,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC,CAAC;AAExE,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA8B5C,CAAC"}

package/dist/components/feedback/Alert/Alert.d.ts

@@ -4,7 +4,6 @@ export type AlertProps = {
     children?: React.ReactNode;
     intent?: AlertTheme['variants']['intent'];
     onRequestClose?: () => void;
-    ref?: React.RefObject<HTMLDivElement>;
 } & HTMLElementProps<HTMLDivElement>;
 export declare const Alert: React.FC<AlertProps>;
 export {};

package/dist/components/feedback/Alert/Alert.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/Alert/Alert.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,eAAe,EAEpB,KAAK,gBAAgB,EACtB,MAAM,sBAAsB,CAAC;AAO9B,KAAK,UAAU,GAAG,eAAe,CAAC,OAAO,CAAC,CAAC;AAE3C,MAAM,MAAM,UAAU,GAAG;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC,QAAQ,CAAC,CAAC;IAC1C,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;CACvC,GAAG,gBAAgB,CAAC,cAAc,CAAC,CAAC;AAErC,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAsDtC,CAAC"}
+{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/Alert/Alert.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,eAAe,EAEpB,KAAK,gBAAgB,EACtB,MAAM,sBAAsB,CAAC;AAO9B,KAAK,UAAU,GAAG,eAAe,CAAC,OAAO,CAAC,CAAC;AAE3C,MAAM,MAAM,UAAU,GAAG;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC,QAAQ,CAAC,CAAC;IAC1C,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;CAC7B,GAAG,gBAAgB,CAAC,cAAc,CAAC,CAAC;AAErC,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAsDtC,CAAC"}

package/dist/components/feedback/Progress/Progress.d.ts

@@ -1,17 +1,15 @@
+import { HTMLElementProps } from '@blockle/blocks-core';
 import { default as React } from 'react';
 export type ProgressProps = {
     'aria-label'?: string;
     'aria-labelledby'?: string;
     'aria-valuetext'?: string;
-    className?: string;
     indeterminate?: boolean;
     max?: number;
-    style?: React.CSSProperties;
     /**
      * The value of the progress bar, between 0 and max=100.
      */
     value?: number;
-    ref?: React.Ref<HTMLDivElement>;
-};
+} & Omit<HTMLElementProps<HTMLDivElement>, 'role' | 'aria-valuenow' | 'aria-valuemin' | 'aria-valuemax'>;
 export declare const Progress: React.FC<ProgressProps>;
 //# sourceMappingURL=Progress.d.ts.map

package/dist/components/feedback/Progress/Progress.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Progress.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/Progress/Progress.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,MAAM,aAAa,GAAG;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;CACjC,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA8C5C,CAAC"}
+{"version":3,"file":"Progress.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/Progress/Progress.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,KAAK,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACzE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,MAAM,aAAa,GAAG;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,GAAG,IAAI,CACN,gBAAgB,CAAC,cAAc,CAAC,EAEhC,MAAM,GAAG,eAAe,GAAG,eAAe,GAAG,eAAe,CAC7D,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA4C5C,CAAC"}

package/dist/components/feedback/Progress/Progress.js

@@ -7,7 +7,6 @@ const Progress = ({
   className,
   indeterminate,
   max = 100,
-  ref,
   value = 0,
   ...restProps
 }) => {
@@ -27,7 +26,6 @@ const Progress = ({
   return /* @__PURE__ */ jsx(
     Box,
     {
-      ref,
       className: classnames(containerClassName, className),
       overflow: "hidden",
       role: "progressbar",

package/dist/components/feedback/Skeleton/Skeleton.d.ts

@@ -1,11 +1,9 @@
-import { Atoms } from '@blockle/blocks-core';
+import { Atoms, HTMLElementProps } from '@blockle/blocks-core';
 export type SkeletonProps = {
-    ref?: React.Ref<HTMLDivElement>;
     height?: string | number;
     circle?: boolean;
-    className?: string;
     borderRadius?: Atoms['borderRadius'];
     backgroundColor?: Atoms['backgroundColor'];
-};
+} & HTMLElementProps<HTMLDivElement>;
 export declare const Skeleton: React.FC<SkeletonProps>;
 //# sourceMappingURL=Skeleton.d.ts.map

package/dist/components/feedback/Skeleton/Skeleton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/Skeleton/Skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,KAAK,EAAc,MAAM,sBAAsB,CAAC;AAK9D,MAAM,MAAM,aAAa,GAAG;IAC1B,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,CAAC;IACrC,eAAe,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,CAAC;CAC5C,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAiB5C,CAAC"}
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/Skeleton/Skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,KAAK,EAEV,KAAK,gBAAgB,EACtB,MAAM,sBAAsB,CAAC;AAK9B,MAAM,MAAM,aAAa,GAAG;IAC1B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,CAAC;IACrC,eAAe,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,CAAC;CAC5C,GAAG,gBAAgB,CAAC,cAAc,CAAC,CAAC;AAErC,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAsB5C,CAAC"}

package/dist/components/feedback/Skeleton/Skeleton.js

@@ -3,21 +3,26 @@ import { classnames } from "@blockle/blocks-core";
 import { Box } from "../../layout/Box/Box.js";
 import { skeleton } from "./Skeleton.css.js";
 const Skeleton = ({
-  ref,
   height,
   circle = false,
   className,
   borderRadius = 1,
-  backgroundColor = "background-300"
+  backgroundColor = "background-300",
+  style,
+  ...restProps
 }) => {
   return /* @__PURE__ */ jsx(
     Box,
     {
-      ref,
       className: classnames(skeleton, className),
       borderRadius: circle ? "full" : borderRadius,
       backgroundColor,
-      style: { height, aspectRatio: circle ? "1 / 1" : void 0 }
+      style: {
+        ...style,
+        height,
+        aspectRatio: circle ? "1 / 1" : void 0
+      },
+      ...restProps
     }
   );
 };

package/dist/components/feedback/Spinner/Spinner.d.ts

@@ -1,11 +1,9 @@
-import { ComponentThemes, MarginAtoms } from '@blockle/blocks-core';
+import { ComponentThemes, HTMLElementProps, MarginAtoms } from '@blockle/blocks-core';
 type SpinnerTheme = ComponentThemes['spinner'];
 export type SpinnerProps = {
-    className?: string;
     color?: SpinnerTheme['variants']['color'];
     size?: SpinnerTheme['variants']['size'];
-    style?: React.CSSProperties;
-} & MarginAtoms;
+} & Omit<HTMLElementProps<HTMLDivElement>, 'size'> & MarginAtoms;
 export declare const Spinner: React.FC<SpinnerProps>;
 export {};
 //# sourceMappingURL=Spinner.d.ts.map

package/dist/components/feedback/Spinner/Spinner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/Spinner/Spinner.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,eAAe,EAEpB,KAAK,WAAW,EACjB,MAAM,sBAAsB,CAAC;AAK9B,KAAK,YAAY,GAAG,eAAe,CAAC,SAAS,CAAC,CAAC;AAE/C,MAAM,MAAM,YAAY,GAAG;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC;IAC1C,IAAI,CAAC,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC;IACxC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,GAAG,WAAW,CAAC;AAEhB,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAmB1C,CAAC"}
+{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/Spinner/Spinner.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,eAAe,EAEpB,KAAK,gBAAgB,EACrB,KAAK,WAAW,EACjB,MAAM,sBAAsB,CAAC;AAK9B,KAAK,YAAY,GAAG,eAAe,CAAC,SAAS,CAAC,CAAC;AAE/C,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,CAAC,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC;IAC1C,IAAI,CAAC,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC;CACzC,GAAG,IAAI,CAAC,gBAAgB,CAAC,cAAc,CAAC,EAAE,MAAM,CAAC,GAChD,WAAW,CAAC;AAEd,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAmB1C,CAAC"}

package/dist/components/form/Button/Button.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.css.d.ts","sourceRoot":"","sources":["../../../../src/components/form/Button/Button.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,WAAW,QAMtB,CAAC"}
+{"version":3,"file":"Button.css.d.ts","sourceRoot":"","sources":["../../../../src/components/form/Button/Button.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,WAAW,QAOtB,CAAC"}

package/dist/components/form/Button/Button.css.js

@@ -5,6 +5,7 @@ setFileScope("src/components/form/Button/Button.css.ts", "@blockle/blocks-react"
 const buttonReset = style({
   "@layer": {
     [layers.reset]: {
+      appearance: "none",
       cursor: "pointer"
     }
   }

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

@@ -11,7 +11,6 @@ export type ButtonProps = {
     intent?: ButtonTheme['variants']['intent'];
     loading?: boolean;
     popovertarget?: string;
-    ref?: React.Ref<HTMLButtonElement>;
     size?: ButtonTheme['variants']['size'];
     startSlot?: React.ReactNode;
     type?: 'button' | 'submit' | 'reset';

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

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/form/Button/Button.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,KAAK,EAEV,KAAK,eAAe,EAGpB,KAAK,gBAAgB,EACrB,KAAK,WAAW,EACjB,MAAM,sBAAsB,CAAC;AAE9B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,KAAK,WAAW,GAAG,eAAe,CAAC,QAAQ,CAAC,CAAC;AAE7C,MAAM,MAAM,WAAW,GAAG;IACxB,SAAS,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,UAAU,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC;IACjC,MAAM,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC,QAAQ,CAAC,CAAC;IAC3C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IACnC,IAAI,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC;IACvC,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC,OAAO,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC,SAAS,CAAC,CAAC;CAC9C,GAAG,IAAI,CAAC,gBAAgB,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC,GACnD,WAAW,CAAC;AAId,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAwDxC,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/form/Button/Button.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,KAAK,EAEV,KAAK,eAAe,EAGpB,KAAK,gBAAgB,EACrB,KAAK,WAAW,EACjB,MAAM,sBAAsB,CAAC;AAE9B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,KAAK,WAAW,GAAG,eAAe,CAAC,QAAQ,CAAC,CAAC;AAE7C,MAAM,MAAM,WAAW,GAAG;IACxB,SAAS,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,UAAU,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC;IACjC,MAAM,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC,QAAQ,CAAC,CAAC;IAC3C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC;IACvC,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC,OAAO,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC,SAAS,CAAC,CAAC;CAC9C,GAAG,IAAI,CAAC,gBAAgB,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC,GACnD,WAAW,CAAC;AAId,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAsDxC,CAAC"}

package/dist/components/form/Button/Button.js

@@ -15,7 +15,6 @@ const Button = ({
   endSlot,
   intent,
   loading,
-  ref,
   size,
   startSlot,
   type,
@@ -36,7 +35,6 @@ const Button = ({
   return /* @__PURE__ */ jsxs(
     Template,
     {
-      ref,
       asChild,
       disabled: disabled || loading,
       className: classnames(
@@ -45,7 +43,7 @@ const Button = ({
         atoms(atomsProps),
         className
       ),
-      type: asChild ? type : type ?? "button",
+      type: asChild ? void 0 : type ?? "button",
       ...otherProps,
       children: [
         startSlot && /* @__PURE__ */ jsx(Box, { display: "inline-flex", children: startSlot }),

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

@@ -3,7 +3,6 @@ import { default as React } from 'react';
 export type CheckboxProps = {
     children?: React.ReactNode;
     name: string;
-    ref?: React.Ref<HTMLInputElement>;
     required?: boolean;
 } & HTMLElementProps<HTMLInputElement>;
 export declare const Checkbox: React.FC<CheckboxProps>;

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/form/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,KAAK,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACzE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;AAEvC,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAmD5C,CAAC"}
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/form/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,KAAK,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACzE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;AAEvC,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAiD5C,CAAC"}

package/dist/components/form/Checkbox/Checkbox.js

@@ -10,7 +10,6 @@ const Checkbox = ({
   className,
   id,
   name,
-  ref,
   required,
   ...restProps
 }) => {
@@ -31,7 +30,6 @@ const Checkbox = ({
         /* @__PURE__ */ jsx(
           "input",
           {
-            ref,
             type: "checkbox",
             name,
             id: inputId,

package/dist/components/form/Checkbox/checkbox.css.js

@@ -17,7 +17,7 @@ const input = style({
   opacity: 0,
   "@layer": {
     [layers.molecule]: {
-      all: "unset"
+      appearance: "none"
     }
   }
 });

package/dist/components/form/Radio/Radio.d.ts

@@ -2,7 +2,6 @@ import { HTMLElementProps } from '@blockle/blocks-core';
 export type RadioProps = {
     children?: React.ReactNode;
     name: string;
-    ref?: React.Ref<HTMLInputElement>;
     value: string;
 } & HTMLElementProps<HTMLInputElement>;
 export declare const Radio: React.FC<RadioProps>;

package/dist/components/form/Radio/Radio.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../../src/components/form/Radio/Radio.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,KAAK,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAOzE,MAAM,MAAM,UAAU,GAAG;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IAClC,KAAK,EAAE,MAAM,CAAC;CACf,GAAG,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;AAEvC,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAuCtC,CAAC"}
+{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../../src/components/form/Radio/Radio.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,KAAK,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAOzE,MAAM,MAAM,UAAU,GAAG;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf,GAAG,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;AAEvC,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAqCtC,CAAC"}

package/dist/components/form/Radio/Radio.js

@@ -9,14 +9,13 @@ const Radio = ({
   name,
   children,
   className,
-  ref,
   ...restProps
 }) => {
   const rid = useId();
   const id = restProps.id ?? rid;
   const containerClassName = useComponentStyles("radio", { root: true }, false);
   const iconClassName = useComponentStyles("radio", { icon: true }, false);
-  const labelClassName = useComponentStyles("checkbox", { label: true }, false);
+  const labelClassName = useComponentStyles("radio", { label: true }, false);
   const input$1 = /* @__PURE__ */ jsxs(
     "div",
     {
@@ -25,7 +24,6 @@ const Radio = ({
         /* @__PURE__ */ jsx(
           "input",
           {
-            ref,
             type: "radio",
             name,
             id,

package/dist/components/form/Radio/radio.css.js

@@ -17,7 +17,7 @@ const input = style({
   opacity: 0,
   "@layer": {
     [layers.molecule]: {
-      all: "unset"
+      appearance: "none"
     }
   }
 });

package/dist/components/form/Select/Select.d.ts

@@ -4,7 +4,6 @@ type SelectTheme = ComponentThemes['select'];
 export type SelectProps = {
     children: React.ReactNode;
     placeholder?: string;
-    ref?: React.Ref<HTMLSelectElement>;
     variant?: SelectTheme['variants']['variant'];
 } & HTMLElementProps<HTMLSelectElement>;
 export declare const Select: React.FC<SelectProps>;

package/dist/components/form/Select/Select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../src/components/form/Select/Select.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,eAAe,EAEpB,KAAK,gBAAgB,EACtB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,KAAK,WAAW,GAAG,eAAe,CAAC,QAAQ,CAAC,CAAC;AAE7C,MAAM,MAAM,WAAW,GAAG;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IACnC,OAAO,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC,SAAS,CAAC,CAAC;CAC9C,GAAG,gBAAgB,CAAC,iBAAiB,CAAC,CAAC;AAExC,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAkCxC,CAAC"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../src/components/form/Select/Select.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,eAAe,EAEpB,KAAK,gBAAgB,EACtB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,KAAK,WAAW,GAAG,eAAe,CAAC,QAAQ,CAAC,CAAC;AAE7C,MAAM,MAAM,WAAW,GAAG;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC,SAAS,CAAC,CAAC;CAC9C,GAAG,gBAAgB,CAAC,iBAAiB,CAAC,CAAC;AAExC,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAgCxC,CAAC"}

package/dist/components/form/Select/Select.js

@@ -9,7 +9,6 @@ const Select = ({
   placeholder,
   className,
   variant,
-  ref,
   ...restProps
 }) => {
   const wrapperClassName = useComponentStyles("select", { root: true }, false);
@@ -22,7 +21,6 @@ const Select = ({
     /* @__PURE__ */ jsxs(
       "select",
       {
-        ref,
         className: classnames(select, selectClassName, className),
         ...restProps,
         children: [

package/dist/components/form/Switch/Switch.d.ts

@@ -1,7 +1,6 @@
 import { HTMLElementProps } from '@blockle/blocks-core';
 export type SwitchProps = {
     onChange?: (value: boolean) => void;
-    ref?: React.Ref<HTMLInputElement>;
 } & Omit<HTMLElementProps<HTMLInputElement>, 'onChange'>;
 export declare const Switch: React.FC<SwitchProps>;
 //# sourceMappingURL=Switch.d.ts.map

package/dist/components/form/Switch/Switch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../../src/components/form/Switch/Switch.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,KAAK,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAMzE,MAAM,MAAM,WAAW,GAAG;IACxB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACpC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;CACnC,GAAG,IAAI,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC,CAAC;AAEzD,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAwExC,CAAC"}
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../../src/components/form/Switch/Switch.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,KAAK,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAMzE,MAAM,MAAM,WAAW,GAAG;IACxB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CACrC,GAAG,IAAI,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC,CAAC;AAEzD,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAsExC,CAAC"}

package/dist/components/form/Switch/Switch.js

@@ -9,7 +9,6 @@ const Switch = ({
   className,
   defaultChecked,
   onChange,
-  ref,
   ...restProps
 }) => {
   const [isChecked, setIsChecked] = useState(
@@ -55,7 +54,6 @@ const Switch = ({
         /* @__PURE__ */ jsx(
           "input",
           {
-            ref,
             type: "checkbox",
             className: input,
             checked: isChecked,

package/dist/components/form/TextInput/TextInput.d.ts

@@ -1,10 +1,8 @@
 import { HTMLElementProps, OptionalLiteral } from '@blockle/blocks-core';
 export type TextInputProps = {
-    className?: string;
     inputClassName?: string;
     endSlot?: React.ReactNode;
     name: string;
-    ref?: React.Ref<HTMLInputElement>;
     startSlot?: React.ReactNode;
     type?: OptionalLiteral<'email' | 'number' | 'password' | 'tel' | 'text' | 'url'>;
 } & Omit<HTMLElementProps<HTMLInputElement>, 'type'>;

package/dist/components/form/TextInput/TextInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../../src/components/form/TextInput/TextInput.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,gBAAgB,EACrB,KAAK,eAAe,EACrB,MAAM,sBAAsB,CAAC;AAM9B,MAAM,MAAM,cAAc,GAAG;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IAClC,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,IAAI,CAAC,EAAE,eAAe,CACpB,OAAO,GAAG,QAAQ,GAAG,UAAU,GAAG,KAAK,GAAG,MAAM,GAAG,KAAK,CACzD,CAAC;CAEH,GAAG,IAAI,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,CAAC;AAErD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA0C9C,CAAC"}
+{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../../src/components/form/TextInput/TextInput.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,gBAAgB,EACrB,KAAK,eAAe,EACrB,MAAM,sBAAsB,CAAC;AAM9B,MAAM,MAAM,cAAc,GAAG;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,IAAI,CAAC,EAAE,eAAe,CACpB,OAAO,GAAG,QAAQ,GAAG,UAAU,GAAG,KAAK,GAAG,MAAM,GAAG,KAAK,CACzD,CAAC;CAEH,GAAG,IAAI,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,CAAC;AAErD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAwC9C,CAAC"}

package/dist/components/form/TextInput/TextInput.js

@@ -10,7 +10,6 @@ const TextInput = ({
   endSlot,
   name,
   placeholder,
-  ref,
   startSlot,
   type = "text",
   ...restProps
@@ -32,7 +31,6 @@ const TextInput = ({
         /* @__PURE__ */ jsx(
           "input",
           {
-            ref,
             name,
             type,
             placeholder,

package/dist/components/layout/Box/Box.d.ts

@@ -4,7 +4,6 @@ export type BoxProps = {
     asChild?: boolean;
     children?: React.ReactNode;
     className?: string;
-    ref?: React.Ref<HTMLDivElement>;
     style?: React.CSSProperties;
 } & Atoms & HTMLElementProps<HTMLDivElement>;
 export declare const Box: React.FC<BoxProps>;

package/dist/components/layout/Box/Box.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/Box/Box.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,KAAK,EAIV,KAAK,gBAAgB,EACtB,MAAM,sBAAsB,CAAC;AAE9B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,QAAQ,GAAG;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,GAAG,KAAK,GACP,gBAAgB,CAAC,cAAc,CAAC,CAAC;AAInC,eAAO,MAAM,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAoBlC,CAAC"}
+{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/Box/Box.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,KAAK,EAIV,KAAK,gBAAgB,EACtB,MAAM,sBAAsB,CAAC;AAE9B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,QAAQ,GAAG;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,GAAG,KAAK,GACP,gBAAgB,CAAC,cAAc,CAAC,CAAC;AAInC,eAAO,MAAM,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAkBlC,CAAC"}

package/dist/components/layout/Box/Box.js

@@ -6,14 +6,12 @@ const Box = ({
   asChild,
   className,
   children,
-  ref,
   ...restProps
 }) => {
   const [atomsProps, otherProps] = getAtomsAndProps(restProps);
   return /* @__PURE__ */ jsx(
     Template,
     {
-      ref,
       asChild,
       className: classnames(className, atoms(atomsProps)),
       noSlot: true,

package/dist/components/layout/Grid/Grid.d.ts

@@ -3,7 +3,6 @@ export type GridProps = {
     children?: React.ReactNode;
     columnGap?: Atoms['columnGap'];
     gap?: Atoms['gap'];
-    ref?: React.Ref<HTMLDivElement>;
     rowGap?: Atoms['rowGap'];
 } & HTMLElementProps<HTMLDivElement>;
 export declare const Grid: React.FC<GridProps>;

package/dist/components/layout/Grid/Grid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/Grid/Grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAKpE,MAAM,MAAM,SAAS,GAAG;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC;IAC/B,GAAG,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IACnB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC,MAAM,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC;CAC1B,GAAG,gBAAgB,CAAC,cAAc,CAAC,CAAC;AAErC,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAmBpC,CAAC"}
+{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/Grid/Grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAKpE,MAAM,MAAM,SAAS,GAAG;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC;IAC/B,GAAG,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IACnB,MAAM,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC;CAC1B,GAAG,gBAAgB,CAAC,cAAc,CAAC,CAAC;AAErC,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAmBpC,CAAC"}

package/dist/components/layout/Grid/GridItem.d.ts

@@ -3,7 +3,6 @@ import * as styles from './Grid.css.js';
 export type GridItemProps = {
     asChild?: boolean;
     colSpan: ResponsiveValue<keyof typeof styles.responsiveColSpanStyles>;
-    ref?: React.Ref<HTMLDivElement>;
     rowSpan?: ResponsiveValue<keyof typeof styles.responsiveRowSpanStyles>;
 } & Omit<HTMLElementProps<HTMLDivElement>, 'colSpan' | 'rowSpan'>;
 export declare const GridItem: React.FC<GridItemProps>;

package/dist/components/layout/Grid/GridItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GridItem.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/Grid/GridItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,gBAAgB,EACrB,KAAK,eAAe,EACrB,MAAM,sBAAsB,CAAC;AAG9B,OAAO,KAAK,MAAM,MAAM,eAAe,CAAC;AAExC,MAAM,MAAM,aAAa,GAAG;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,eAAe,CAAC,MAAM,OAAO,MAAM,CAAC,uBAAuB,CAAC,CAAC;IACtE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC,OAAO,CAAC,EAAE,eAAe,CAAC,MAAM,OAAO,MAAM,CAAC,uBAAuB,CAAC,CAAC;CACxE,GAAG,IAAI,CAAC,gBAAgB,CAAC,cAAc,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC,CAAC;AAIlE,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA0B5C,CAAC"}
+{"version":3,"file":"GridItem.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/Grid/GridItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,gBAAgB,EACrB,KAAK,eAAe,EACrB,MAAM,sBAAsB,CAAC;AAG9B,OAAO,KAAK,MAAM,MAAM,eAAe,CAAC;AAExC,MAAM,MAAM,aAAa,GAAG;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,eAAe,CAAC,MAAM,OAAO,MAAM,CAAC,uBAAuB,CAAC,CAAC;IACtE,OAAO,CAAC,EAAE,eAAe,CAAC,MAAM,OAAO,MAAM,CAAC,uBAAuB,CAAC,CAAC;CACxE,GAAG,IAAI,CAAC,gBAAgB,CAAC,cAAc,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC,CAAC;AAIlE,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA0B5C,CAAC"}

package/dist/components/navigation/Link/Link.d.ts

@@ -3,10 +3,9 @@ type LinkTheme = ComponentThemes['link'];
 export type LinkProps = {
     asChild?: boolean;
     children?: React.ReactNode;
-    ref?: React.Ref<HTMLAnchorElement>;
     underline?: LinkTheme['variants']['underline'];
     variant?: LinkTheme['variants']['variant'];
-} & MarginAtoms & HTMLElementProps<HTMLAnchorElement>;
+} & HTMLElementProps<HTMLAnchorElement> & MarginAtoms;
 export declare const Link: React.FC<LinkProps>;
 export {};
 //# sourceMappingURL=Link.d.ts.map

package/dist/components/navigation/Link/Link.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/Link/Link.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,eAAe,EAEpB,KAAK,gBAAgB,EACrB,KAAK,WAAW,EACjB,MAAM,sBAAsB,CAAC;AAK9B,KAAK,SAAS,GAAG,eAAe,CAAC,MAAM,CAAC,CAAC;AAEzC,MAAM,MAAM,SAAS,GAAG;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IACnC,SAAS,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC,WAAW,CAAC,CAAC;IAC/C,OAAO,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC,SAAS,CAAC,CAAC;CAC5C,GAAG,WAAW,GACb,gBAAgB,CAAC,iBAAiB,CAAC,CAAC;AAItC,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAwBpC,CAAC"}
+{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/Link/Link.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,eAAe,EAEpB,KAAK,gBAAgB,EACrB,KAAK,WAAW,EACjB,MAAM,sBAAsB,CAAC;AAK9B,KAAK,SAAS,GAAG,eAAe,CAAC,MAAM,CAAC,CAAC;AAEzC,MAAM,MAAM,SAAS,GAAG;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC,WAAW,CAAC,CAAC;IAC/C,OAAO,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC,SAAS,CAAC,CAAC;CAC5C,GAAG,gBAAgB,CAAC,iBAAiB,CAAC,GACrC,WAAW,CAAC;AAId,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAsBpC,CAAC"}

package/dist/components/navigation/Link/Link.js

@@ -8,7 +8,6 @@ const Link = ({
   asChild,
   children,
   className,
-  ref,
   underline,
   variant,
   ...restProps
@@ -21,7 +20,6 @@ const Link = ({
     Template,
     {
       asChild,
-      ref,
       className: classnames(className, linkClassName),
       ...restProps,
       children: /* @__PURE__ */ jsx(Slot, { children })

package/dist/components/overlay/Dialog/Dialog.d.ts

@@ -1,13 +1,12 @@
-import { ComponentThemes } from '@blockle/blocks-core';
+import { ComponentThemes, HTMLElementProps } from '@blockle/blocks-core';
 type DialogTheme = ComponentThemes['dialog'];
 export type DialogProps = {
-    children?: React.ReactNode;
     open: boolean;
     onRequestClose: () => void;
     className?: string;
     size?: DialogTheme['variants']['size'];
     'aria-label'?: string;
-};
+} & HTMLElementProps<HTMLDialogElement>;
 export declare const Dialog: React.FC<DialogProps>;
 export {};
 //# sourceMappingURL=Dialog.d.ts.map

package/dist/components/overlay/Dialog/Dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../src/components/overlay/Dialog/Dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,eAAe,EAGrB,MAAM,sBAAsB,CAAC;AAY9B,KAAK,WAAW,GAAG,eAAe,CAAC,QAAQ,CAAC,CAAC;AAE7C,MAAM,MAAM,WAAW,GAAG;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC;IACvC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA6FxC,CAAC"}
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../src/components/overlay/Dialog/Dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,eAAe,EAEpB,KAAK,gBAAgB,EAEtB,MAAM,sBAAsB,CAAC;AAY9B,KAAK,WAAW,GAAG,eAAe,CAAC,QAAQ,CAAC,CAAC;AAE7C,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,EAAE,OAAO,CAAC;IACd,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC;IACvC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,GAAG,gBAAgB,CAAC,iBAAiB,CAAC,CAAC;AAExC,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA6FxC,CAAC"}

package/dist/components/overlay/Dialog/dialog.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.css.d.ts","sourceRoot":"","sources":["../../../../src/components/overlay/Dialog/dialog.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,MAAM,QAajB,CAAC"}
+{"version":3,"file":"dialog.css.d.ts","sourceRoot":"","sources":["../../../../src/components/overlay/Dialog/dialog.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,MAAM,QAcjB,CAAC"}

package/dist/components/overlay/Dialog/dialog.css.js

@@ -7,7 +7,8 @@ const dialog = style({
     [layers.molecule]: {
       position: "fixed",
       inset: 0,
-      border: "none",
+      // Center the dialog
+      margin: "auto",
       "::backdrop": {
         // Remove pointer event to prevent clicks on the backdrop
         // and make it easier to check if the click was outside the dialog

package/dist/components/overlay/Drawer/Drawer.d.ts

@@ -4,7 +4,6 @@ export type DrawerProps = {
     open: boolean;
     onRequestClose: () => void;
     placement?: keyof typeof styles.placement;
-    children?: React.ReactNode;
 } & HTMLElementProps<HTMLDialogElement>;
 export declare const Drawer: React.FC<DrawerProps>;
 //# sourceMappingURL=Drawer.d.ts.map

package/dist/components/overlay/Drawer/Drawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../../src/components/overlay/Drawer/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,gBAAgB,EAEtB,MAAM,sBAAsB,CAAC;AAQ9B,OAAO,KAAK,MAAM,MAAM,iBAAiB,CAAC;AAE1C,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,EAAE,OAAO,CAAC;IACd,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,SAAS,CAAC;IAC1C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,GAAG,gBAAgB,CAAC,iBAAiB,CAAC,CAAC;AAExC,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAuFxC,CAAC"}
+{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../../src/components/overlay/Drawer/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,gBAAgB,EAEtB,MAAM,sBAAsB,CAAC;AAQ9B,OAAO,KAAK,MAAM,MAAM,iBAAiB,CAAC;AAE1C,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,EAAE,OAAO,CAAC;IACd,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,SAAS,CAAC;CAC3C,GAAG,gBAAgB,CAAC,iBAAiB,CAAC,CAAC;AAExC,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAuFxC,CAAC"}

package/dist/components/overlay/Popover/Popover.d.ts

@@ -2,13 +2,10 @@ import { HTMLElementProps } from '@blockle/blocks-core';
 export type PopoverAlign = 'top' | 'bottom' | 'left' | 'right';
 export type PopoverProps = {
     anchorElement: React.RefObject<HTMLElement | null>;
-    children: React.ReactNode;
-    className?: string;
     onRequestClose: () => void;
     open: boolean;
     position?: PopoverAlign;
     sticky?: boolean;
-    style?: React.CSSProperties;
 } & HTMLElementProps<HTMLDivElement>;
 export declare const Popover: React.FC<PopoverProps>;
 //# sourceMappingURL=Popover.d.ts.map

package/dist/components/overlay/Popover/Popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../../src/components/overlay/Popover/Popover.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,gBAAgB,EAEtB,MAAM,sBAAsB,CAAC;AAU9B,MAAM,MAAM,YAAY,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;AAI/D,MAAM,MAAM,YAAY,GAAG;IACzB,aAAa,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IACnD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAE7B,GAAG,gBAAgB,CAAC,cAAc,CAAC,CAAC;AAErC,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAqH1C,CAAC"}
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../../src/components/overlay/Popover/Popover.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGL,KAAK,gBAAgB,EAEtB,MAAM,sBAAsB,CAAC;AAU9B,MAAM,MAAM,YAAY,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;AAI/D,MAAM,MAAM,YAAY,GAAG;IACzB,aAAa,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IACnD,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,MAAM,CAAC,EAAE,OAAO,CAAC;CAElB,GAAG,gBAAgB,CAAC,cAAc,CAAC,CAAC;AAErC,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAqH1C,CAAC"}

package/dist/components/overlay/Popover/Popover.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
-import { hasAnimationDuration, classnames } from "@blockle/blocks-core";
+import { hasAnimationDuration, classnames, composeRefs } from "@blockle/blocks-core";
 import { useRef, useState, useEffect, useCallback } from "react";
 import { useClickOutside } from "../../../hooks/useClickOutside/useClickOutside.js";
 import { useComponentStyles } from "../../../hooks/useComponentStyles/useComponentStyles.js";
@@ -83,7 +83,7 @@ const Popover = ({
   return /* @__PURE__ */ jsx(
     Box,
     {
-      ref: popoverRef,
+      ref: composeRefs(restProps.ref, popoverRef),
       "data-open": open ? "" : void 0,
       popover: "manual",
       className: classnames(popoverClassName, className),

package/dist/components/overlay/Portal/Portal.js

@@ -4,9 +4,9 @@ import { createPortal } from "react-dom";
 import { useTheme } from "../../../hooks/useTheme/useTheme.js";
 import { BlocksProvider } from "../../providers/BlocksProvider/BlocksProvider.js";
 const Portal = ({ children, container }) => {
-  const context = useTheme();
+  const currentTheme = useTheme();
   return createPortal(
-    /* @__PURE__ */ jsx(BlocksProvider, { theme: context, children }),
+    /* @__PURE__ */ jsx(BlocksProvider, { theme: currentTheme, children }),
     container || document.body
   );
 };

package/dist/components/overlay/Tooltip/Tooltip.d.ts

@@ -1,4 +1,4 @@
-import { ComponentThemes } from '@blockle/blocks-core';
+import { ComponentThemes, HTMLElementProps } from '@blockle/blocks-core';
 import { PopoverProps } from '../Popover/Popover.js';
 type ReactElement = React.ReactElement<any, string | React.JSXElementConstructor<any>>;
 type TooltipTheme = ComponentThemes['tooltip'];
@@ -7,7 +7,7 @@ export type TooltipProps = {
     children: ReactElement;
     content: React.ReactNode;
     colorScheme?: TooltipTheme['variants']['colorScheme'];
-};
+} & Omit<HTMLElementProps<HTMLDivElement>, 'ref' | 'children'>;
 export declare const Tooltip: React.FC<TooltipProps>;
 export {};
 //# sourceMappingURL=Tooltip.d.ts.map

package/dist/components/overlay/Tooltip/Tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/overlay/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,eAAe,EAAe,MAAM,sBAAsB,CAAC;AAYzE,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAEnE,KAAK,YAAY,GAAG,KAAK,CAAC,YAAY,CAEpC,GAAG,EAEH,MAAM,GAAG,KAAK,CAAC,qBAAqB,CAAC,GAAG,CAAC,CAC1C,CAAC;AAEF,KAAK,YAAY,GAAG,eAAe,CAAC,SAAS,CAAC,CAAC;AAE/C,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,CAAC,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC;IACpC,QAAQ,EAAE,YAAY,CAAC;IACvB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,WAAW,CAAC,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC,aAAa,CAAC,CAAC;CACvD,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA+E1C,CAAC"}
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/overlay/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,eAAe,EAEpB,KAAK,gBAAgB,EACtB,MAAM,sBAAsB,CAAC;AAY9B,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAEnE,KAAK,YAAY,GAAG,KAAK,CAAC,YAAY,CAEpC,GAAG,EAEH,MAAM,GAAG,KAAK,CAAC,qBAAqB,CAAC,GAAG,CAAC,CAC1C,CAAC;AAEF,KAAK,YAAY,GAAG,eAAe,CAAC,SAAS,CAAC,CAAC;AAE/C,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,CAAC,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC;IACpC,QAAQ,EAAE,YAAY,CAAC;IACvB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,WAAW,CAAC,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC,aAAa,CAAC,CAAC;CACvD,GAAG,IAAI,CAAC,gBAAgB,CAAC,cAAc,CAAC,EAAE,KAAK,GAAG,UAAU,CAAC,CAAC;AAE/D,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA+E1C,CAAC"}

package/dist/components/typography/Heading/Heading.d.ts

@@ -1,8 +1,7 @@
 import { HTMLElementProps, MarginAtoms, PaddingAtoms, TextAtoms } from '@blockle/blocks-core';
 export type HeadingProps = {
-    children: React.ReactNode;
     className?: string;
     level?: 1 | 2 | 3 | 4 | 5 | 6;
-} & TextAtoms & MarginAtoms & PaddingAtoms & HTMLElementProps<HTMLHeadingElement>;
+} & HTMLElementProps<HTMLHeadingElement> & TextAtoms & MarginAtoms & PaddingAtoms;
 export declare const Heading: React.FC<HeadingProps>;
 //# sourceMappingURL=Heading.d.ts.map

package/dist/components/typography/Heading/Heading.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/Heading/Heading.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,gBAAgB,EACrB,KAAK,WAAW,EAChB,KAAK,YAAY,EACjB,KAAK,SAAS,EACf,MAAM,sBAAsB,CAAC;AAK9B,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CAC/B,GAAG,SAAS,GACX,WAAW,GACX,YAAY,GACZ,gBAAgB,CAAC,kBAAkB,CAAC,CAAC;AAEvC,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAiB1C,CAAC"}
+{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/Heading/Heading.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,gBAAgB,EACrB,KAAK,WAAW,EAChB,KAAK,YAAY,EACjB,KAAK,SAAS,EACf,MAAM,sBAAsB,CAAC;AAK9B,MAAM,MAAM,YAAY,GAAG;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CAC/B,GAAG,gBAAgB,CAAC,kBAAkB,CAAC,GACtC,SAAS,GACT,WAAW,GACX,YAAY,CAAC;AAEf,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAiB1C,CAAC"}

package/dist/components/typography/Text/Text.d.ts

@@ -6,7 +6,7 @@ export type TextProps<Tag extends Tags = 'span'> = {
     children: React.ReactNode;
     ref?: React.Ref<HTMLElementTagNameMap[Tag]>;
     tag?: Tag;
-} & TextAtoms & MarginAtoms & PaddingAtoms & Omit<HTMLElementProps<HTMLSpanElement>, 'children' | 'ref'>;
+} & Omit<HTMLElementProps<HTMLSpanElement>, 'children' | 'ref'> & TextAtoms & MarginAtoms & PaddingAtoms;
 export declare const Text: <T extends Tags = "span">({ asChild, children, className, ref, tag, ...restProps }: TextProps<T>) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=Text.d.ts.map

package/dist/components/typography/Text/Text.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/Text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,gBAAgB,EACrB,KAAK,WAAW,EAChB,KAAK,YAAY,EACjB,KAAK,SAAS,EACf,MAAM,sBAAsB,CAAC;AAC9B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,KAAK,IAAI,GACL,KAAK,GACL,IAAI,GACJ,KAAK,GACL,OAAO,GACP,GAAG,GACH,GAAG,GACH,OAAO,GACP,MAAM,GACN,QAAQ,GACR,KAAK,GACL,KAAK,CAAC;AAEV,MAAM,MAAM,SAAS,CAAC,GAAG,SAAS,IAAI,GAAG,MAAM,IAAI;IACjD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,qBAAqB,CAAC,GAAG,CAAC,CAAC,CAAC;IAC5C,GAAG,CAAC,EAAE,GAAG,CAAC;CACX,GAAG,SAAS,GACX,WAAW,GACX,YAAY,GACZ,IAAI,CAAC,gBAAgB,CAAC,eAAe,CAAC,EAAE,UAAU,GAAG,KAAK,CAAC,CAAC;AAE9D,eAAO,MAAM,IAAI,GAAI,CAAC,SAAS,IAAI,GAAG,MAAM,EAAE,0DAO3C,SAAS,CAAC,CAAC,CAAC,4CAad,CAAC"}
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/Text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,gBAAgB,EACrB,KAAK,WAAW,EAChB,KAAK,YAAY,EACjB,KAAK,SAAS,EACf,MAAM,sBAAsB,CAAC;AAC9B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,KAAK,IAAI,GACL,KAAK,GACL,IAAI,GACJ,KAAK,GACL,OAAO,GACP,GAAG,GACH,GAAG,GACH,OAAO,GACP,MAAM,GACN,QAAQ,GACR,KAAK,GACL,KAAK,CAAC;AAEV,MAAM,MAAM,SAAS,CAAC,GAAG,SAAS,IAAI,GAAG,MAAM,IAAI;IACjD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,qBAAqB,CAAC,GAAG,CAAC,CAAC,CAAC;IAC5C,GAAG,CAAC,EAAE,GAAG,CAAC;CACX,GAAG,IAAI,CAAC,gBAAgB,CAAC,eAAe,CAAC,EAAE,UAAU,GAAG,KAAK,CAAC,GAC7D,SAAS,GACT,WAAW,GACX,YAAY,CAAC;AAEf,eAAO,MAAM,IAAI,GAAI,CAAC,SAAS,IAAI,GAAG,MAAM,EAAE,0DAO3C,SAAS,CAAC,CAAC,CAAC,4CAad,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blockle/blocks-react",
-  "version": "2.6.2",
+  "version": "2.6.5",
   "description": "React hooks and components for Blockle",
   "type": "module",
   "exports": {