@blockle/blocks-react 2.0.0 → 2.1.0

package/dist/components/form/Slider/slider.css.js

@@ -1,10 +1,10 @@
 import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
-import { blocksLayerComponent } from "@blockle/blocks-core";
+import { layers } from "@blockle/blocks-core";
 import { style } from "@vanilla-extract/css";
 setFileScope("src/components/form/Slider/slider.css.ts", "@blockle/blocks-react");
 const container = style({
   "@layer": {
-    [blocksLayerComponent]: {
+    [layers.molecule]: {
       position: "relative",
       writingMode: "horizontal-tb"
     }
@@ -12,14 +12,14 @@ const container = style({
 });
 const containerVertical = style({
   "@layer": {
-    [blocksLayerComponent]: {
+    [layers.molecule]: {
       writingMode: "vertical-lr"
     }
   }
 });
 const track = style({
   "@layer": {
-    [blocksLayerComponent]: {
+    [layers.molecule]: {
       cursor: "pointer",
       position: "absolute",
       inlineSize: "100%",
@@ -35,7 +35,7 @@ const track = style({
 });
 const filledTrack = style({
   "@layer": {
-    [blocksLayerComponent]: {
+    [layers.molecule]: {
       position: "absolute",
       blockSize: "100%",
       borderRadius: "inherit",
@@ -49,7 +49,7 @@ const filledTrack = style({
 });
 const thumb = style({
   "@layer": {
-    [blocksLayerComponent]: {
+    [layers.molecule]: {
       cursor: "pointer",
       position: "absolute",
       blockSize: "100%",

package/dist/components/form/Slider/usePointerProgress.d.ts

@@ -9,3 +9,4 @@ export declare function getProgress(event: PointerEvent, rect: DOMRect): [x: num
  */
 export declare function usePointerProgress<T extends React.RefObject<HTMLElement | null>>({ container, orientation, onChange }: PointerProgressOptions<T>): void;
 export {};
+//# sourceMappingURL=usePointerProgress.d.ts.map

package/dist/components/form/Slider/usePointerProgress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePointerProgress.d.ts","sourceRoot":"","sources":["../../../../src/components/form/Slider/usePointerProgress.ts"],"names":[],"mappings":"AAEA,KAAK,sBAAsB,CAAC,CAAC,SAAS,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,IAAI;IAC3E,SAAS,EAAE,CAAC,CAAC;IACb,WAAW,EAAE,YAAY,GAAG,UAAU,CAAC;IACvC,QAAQ,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;CAClC,CAAC;AAEF,wBAAgB,WAAW,CACzB,KAAK,EAAE,YAAY,EACnB,IAAI,EAAE,OAAO,GACZ,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,CAAC,CAQxB;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAChC,CAAC,SAAS,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EAC7C,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAE,sBAAsB,CAAC,CAAC,CAAC,GAAG,IAAI,CA6CvE"}

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

@@ -4,3 +4,4 @@ export type SwitchProps = {
     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

@@ -0,0 +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"}

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

@@ -1,2 +1,3 @@
 export declare const container: string;
 export declare const input: string;
+//# sourceMappingURL=switch.css.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"switch.css.d.ts","sourceRoot":"","sources":["../../../../src/components/form/Switch/switch.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,SAAS,QAQpB,CAAC;AAEH,eAAO,MAAM,KAAK,QAQhB,CAAC"}

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

@@ -1,10 +1,10 @@
 import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
-import { blocksLayerComponent } from "@blockle/blocks-core";
+import { layers } from "@blockle/blocks-core";
 import { style } from "@vanilla-extract/css";
 setFileScope("src/components/form/Switch/switch.css.ts", "@blockle/blocks-react");
 const container = style({
   "@layer": {
-    [blocksLayerComponent]: {
+    [layers.molecule]: {
       cursor: "pointer",
       userSelect: "none",
       position: "relative"
@@ -13,7 +13,7 @@ const container = style({
 });
 const input = style({
   "@layer": {
-    [blocksLayerComponent]: {
+    [layers.molecule]: {
       opacity: 0,
       maxBlockSize: 0,
       maxInlineSize: 0

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

@@ -0,0 +1,2 @@
+export declare const input: string;
+//# sourceMappingURL=TextInput.css.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextInput.css.d.ts","sourceRoot":"","sources":["../../../../src/components/form/TextInput/TextInput.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,KAAK,QAYhB,CAAC"}

package/dist/components/form/{Input/input.css.js → TextInput/TextInput.css.js}

@@ -1,10 +1,10 @@
 import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
-import { blocksLayerComponent } from "@blockle/blocks-core";
+import { layers } from "@blockle/blocks-core";
 import { style } from "@vanilla-extract/css";
-setFileScope("src/components/form/Input/input.css.ts", "@blockle/blocks-react");
+setFileScope("src/components/form/TextInput/TextInput.css.ts", "@blockle/blocks-react");
 const input = style({
   "@layer": {
-    [blocksLayerComponent]: {
+    [layers.molecule]: {
       appearance: "none",
       width: "100%",
       selectors: {

package/dist/components/form/{Input/Input.d.ts → TextInput/TextInput.d.ts}

@@ -1,10 +1,12 @@
 import { HTMLElementProps, OptionalLiteral } from '@blockle/blocks-core';
-export type InputProps = {
+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'>;
-export declare const Input: React.FC<InputProps>;
+export declare const TextInput: React.FC<TextInputProps>;
+//# sourceMappingURL=TextInput.d.ts.map

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

@@ -0,0 +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"}

package/dist/components/form/{Input/Input.js → TextInput/TextInput.js}

@@ -1,12 +1,12 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { classnames } from "@blockle/blocks-core";
-import { useId } from "react";
 import { useComponentStyles } from "../../../hooks/useComponentStyles/useComponentStyles.js";
 import { Box } from "../../layout/Box/Box.js";
-import { input } from "./input.css.js";
-const Input = ({
+import { input } from "./TextInput.css.js";
+const TextInput = ({
   className,
+  inputClassName,
   endSlot,
   name,
   placeholder,
@@ -15,30 +15,28 @@ const Input = ({
   type = "text",
   ...restProps
 }) => {
-  const id = useId();
-  const containerClassName = useComponentStyles(
-    "input",
+  const containerStyles = useComponentStyles(
+    "textInput",
     { container: true },
     false
   );
-  const inputClassName = useComponentStyles("input", { input: true });
+  const inputStyles = useComponentStyles("textInput", { input: true });
   return /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(
     Box,
     {
       display: "flex",
       alignItems: "center",
-      className: classnames(containerClassName, className),
+      className: classnames(containerStyles, className),
       children: [
         startSlot,
         /* @__PURE__ */ jsx(
           "input",
           {
-            id,
             ref,
             name,
             type,
             placeholder,
-            className: classnames(input, inputClassName),
+            className: classnames(input, inputStyles, inputClassName),
             ...restProps
           }
         ),
@@ -48,5 +46,5 @@ const Input = ({
   ) });
 };
 export {
-  Input
+  TextInput
 };

package/dist/components/form/Textarea/Textarea.css.d.ts

@@ -0,0 +1,2 @@
+export declare const textarea: string;
+//# sourceMappingURL=Textarea.css.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.css.d.ts","sourceRoot":"","sources":["../../../../src/components/form/Textarea/Textarea.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ,QAWnB,CAAC"}

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

@@ -0,0 +1,20 @@
+import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
+import { layers } from "@blockle/blocks-core";
+import { style } from "@vanilla-extract/css";
+setFileScope("src/components/form/Textarea/Textarea.css.ts", "@blockle/blocks-react");
+const textarea = style({
+  "@layer": {
+    [layers.molecule]: {
+      width: "100%",
+      minHeight: "inherit",
+      resize: "none",
+      display: "block",
+      // @ts-expect-error Property is not yet supported in all browsers
+      fieldSizing: "content"
+    }
+  }
+});
+endFileScope();
+export {
+  textarea
+};

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

@@ -0,0 +1,7 @@
+import { HTMLElementProps } from '@blockle/blocks-core';
+export type TextareaProps = {
+    value: string;
+    ref: React.RefObject<HTMLTextAreaElement>;
+} & HTMLElementProps<HTMLTextAreaElement>;
+export declare const Textarea: React.FC<TextareaProps>;
+//# sourceMappingURL=Textarea.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../../src/components/form/Textarea/Textarea.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,KAAK,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAMzE,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,mBAAmB,CAAC,CAAC;CAE3C,GAAG,gBAAgB,CAAC,mBAAmB,CAAC,CAAC;AAE1C,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAsB5C,CAAC"}

package/dist/components/form/Textarea/Textarea.js

@@ -0,0 +1,30 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { classnames } from "@blockle/blocks-core";
+import { useComponentStyles } from "../../../hooks/useComponentStyles/useComponentStyles.js";
+import { Box } from "../../layout/Box/Box.js";
+import { textarea } from "./Textarea.css.js";
+const Textarea = ({
+  ref,
+  value,
+  ...restProps
+}) => {
+  const containerClassName = useComponentStyles(
+    "textarea",
+    { container: true },
+    false
+  );
+  const inputClassName = useComponentStyles("textarea", { input: true });
+  return /* @__PURE__ */ jsx(Box, { className: containerClassName, children: /* @__PURE__ */ jsx(
+    "textarea",
+    {
+      ref,
+      value,
+      className: classnames(textarea, inputClassName),
+      ...restProps
+    }
+  ) });
+};
+export {
+  Textarea
+};

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

@@ -8,3 +8,4 @@ export type BoxProps = {
     style?: React.CSSProperties;
 } & Atoms & HTMLElementProps<HTMLDivElement>;
 export declare const Box: React.FC<BoxProps>;
+//# sourceMappingURL=Box.d.ts.map

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

@@ -0,0 +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,CAmBlC,CAAC"}

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

@@ -0,0 +1,9 @@
+import { Atoms } from '@blockle/blocks-core';
+export type GridProps = {
+    gap?: Atoms['gap'];
+    rowGap?: Atoms['rowGap'];
+    columnGap?: Atoms['columnGap'];
+    children?: React.ReactNode;
+};
+export declare const Grid: React.FC<GridProps>;
+//# sourceMappingURL=Grid.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/Grid/Grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAIlD,MAAM,MAAM,SAAS,GAAG;IACtB,GAAG,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IACnB,MAAM,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC;IACzB,SAAS,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAiBpC,CAAC"}

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

@@ -0,0 +1,6 @@
+export type GridItemProps = {
+    children?: React.ReactNode;
+    size: number;
+};
+export declare const GridItem: React.FC<GridItemProps>;
+//# sourceMappingURL=GridItem.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GridItem.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/Grid/GridItem.tsx"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAE5C,CAAC"}

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

@@ -6,7 +6,8 @@ export type InlineProps = {
     children: React.ReactNode;
     className?: string;
     display?: Atoms['display'];
-    spacing: Atoms['gap'];
+    gap: Atoms['gap'];
     style?: React.CSSProperties;
 } & MarginAtoms & PaddingAtoms;
 export declare const Inline: React.FC<InlineProps>;
+//# sourceMappingURL=Inline.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Inline.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/Inline/Inline.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,aAAa,EAClB,KAAK,KAAK,EAEV,KAAK,iBAAiB,EAEtB,KAAK,WAAW,EAChB,KAAK,YAAY,EAClB,MAAM,sBAAsB,CAAC;AAI9B,MAAM,MAAM,WAAW,GAAG;IACxB,MAAM,CAAC,EAAE,MAAM,iBAAiB,CAAC;IACjC,MAAM,CAAC,EAAE,MAAM,aAAa,CAAC;IAC7B,GAAG,CAAC,EAAE,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;IAClC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IAC3B,GAAG,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,GAAG,WAAW,GACb,YAAY,CAAC;AAEf,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAuBxC,CAAC"}

package/dist/components/layout/Inline/Inline.js

@@ -7,7 +7,7 @@ const Inline = ({
   tag: Tag = "div",
   children,
   display = "flex",
-  spacing,
+  gap,
   ...props
 }) => {
   return /* @__PURE__ */ jsx(
@@ -15,7 +15,7 @@ const Inline = ({
     {
       asChild: true,
       display,
-      gap: spacing,
+      gap,
       flexDirection: "row",
       justifyContent: alignX ? justifyContentMap[alignX] : void 0,
       alignItems: alignY ? alignItemsMap[alignY] : void 0,

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

@@ -5,7 +5,7 @@ export type StackProps = {
     children: React.ReactNode;
     className?: string;
     display?: Atoms['display'];
-    spacing: Atoms['gap'];
+    gap: Atoms['gap'];
     style?: React.CSSProperties;
     role?: React.AriaRole;
     /**
@@ -14,3 +14,4 @@ export type StackProps = {
     start?: number;
 } & MarginAtoms & PaddingAtoms;
 export declare const Stack: React.FC<StackProps>;
+//# sourceMappingURL=Stack.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/Stack/Stack.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,aAAa,EAClB,KAAK,KAAK,EAEV,KAAK,WAAW,EAChB,KAAK,YAAY,EAClB,MAAM,sBAAsB,CAAC;AAI9B,MAAM,MAAM,UAAU,GAAG;IACvB,MAAM,CAAC,EAAE,MAAM,aAAa,CAAC;IAC7B,GAAG,CAAC,EAAE,KAAK,GAAG,SAAS,GAAG,IAAI,GAAG,IAAI,CAAC;IACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IAC3B,GAAG,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,IAAI,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,GAAG,WAAW,GACb,YAAY,CAAC;AAEf,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAwBtC,CAAC"}

package/dist/components/layout/Stack/Stack.js

@@ -5,7 +5,7 @@ const Stack = ({
   tag: Tag = "div",
   display = "flex",
   children,
-  spacing,
+  gap,
   alignX,
   ...restProps
 }) => {
@@ -14,7 +14,7 @@ const Stack = ({
     {
       asChild: true,
       display,
-      gap: spacing,
+      gap,
       flexDirection: "column",
       alignItems: alignX ? alignItemsMap[alignX] : void 0,
       ...restProps,

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

@@ -9,3 +9,4 @@ export type LinkProps = {
 } & MarginAtoms & HTMLElementProps<HTMLAnchorElement>;
 export declare const Link: React.FC<LinkProps>;
 export {};
+//# sourceMappingURL=Link.d.ts.map

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

@@ -0,0 +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"}

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

@@ -10,3 +10,4 @@ export type DialogProps = {
 };
 export declare const Dialog: React.FC<DialogProps>;
 export {};
+//# sourceMappingURL=Dialog.d.ts.map

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

@@ -0,0 +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"}

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

@@ -1 +1,2 @@
 export declare const dialog: string;
+//# sourceMappingURL=dialog.css.d.ts.map

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

@@ -0,0 +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"}

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

@@ -1,10 +1,10 @@
 import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
-import { blocksLayerComponent } from "@blockle/blocks-core";
+import { layers } from "@blockle/blocks-core";
 import { style } from "@vanilla-extract/css";
 setFileScope("src/components/overlay/Dialog/dialog.css.ts", "@blockle/blocks-react");
 const dialog = style({
   "@layer": {
-    [blocksLayerComponent]: {
+    [layers.molecule]: {
       position: "fixed",
       inset: 0,
       border: "none",

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

@@ -4,3 +4,4 @@ type DialogContextValue = {
 export declare const DialogContext: import('react').Context<DialogContextValue | undefined>;
 export declare const useNestedDialog: (open: boolean) => boolean;
 export {};
+//# sourceMappingURL=dialogHelper.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dialogHelper.d.ts","sourceRoot":"","sources":["../../../../src/components/overlay/Dialog/dialogHelper.tsx"],"names":[],"mappings":"AAEA,KAAK,kBAAkB,GAAG;IACxB,UAAU,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CACvC,CAAC;AAEF,eAAO,MAAM,aAAa,yDAEzB,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,MAAM,OAAO,KAAG,OAgB/C,CAAC"}

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

@@ -11,3 +11,4 @@ export type PopoverProps = {
     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

@@ -0,0 +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;AAE/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"}

package/dist/components/overlay/Popover/popover-utils.d.ts

@@ -1,2 +1,3 @@
 export type PopoverPositions = [x: number, y: number];
 export declare function getPopoverPosition(position: 'top' | 'bottom' | 'left' | 'right', anchorRef: React.RefObject<HTMLElement | null>, popoverRef: React.RefObject<HTMLElement | null>): PopoverPositions;
+//# sourceMappingURL=popover-utils.d.ts.map

package/dist/components/overlay/Popover/popover-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover-utils.d.ts","sourceRoot":"","sources":["../../../../src/components/overlay/Popover/popover-utils.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,gBAAgB,GAAG,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,CAAC,CAAC;AAEtD,wBAAgB,kBAAkB,CAChC,QAAQ,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,EAC7C,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EAC9C,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,GAC9C,gBAAgB,CAqElB"}

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

@@ -3,3 +3,4 @@ export type PortalProps = {
     container?: HTMLElement;
 };
 export declare const Portal: React.FC<PortalProps>;
+//# sourceMappingURL=Portal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Portal.d.ts","sourceRoot":"","sources":["../../../../src/components/overlay/Portal/Portal.tsx"],"names":[],"mappings":"AAOA,MAAM,MAAM,WAAW,GAAG;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,WAAW,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAOxC,CAAC"}

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

@@ -10,3 +10,4 @@ export type TooltipProps = {
 };
 export declare const Tooltip: React.FC<TooltipProps>;
 export {};
+//# sourceMappingURL=Tooltip.d.ts.map

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

@@ -0,0 +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"}

package/dist/components/providers/BlocksProvider/BlocksProvider.d.ts

@@ -6,4 +6,9 @@ export type BlocksProviderProps = {
     style?: React.CSSProperties;
     asChild?: boolean;
 };
+/**
+ * Renders a div - unless asChild is true -
+ * Provides Blocks theming context to its children.
+ */
 export declare const BlocksProvider: React.FC<BlocksProviderProps>;
+//# sourceMappingURL=BlocksProvider.d.ts.map

package/dist/components/providers/BlocksProvider/BlocksProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlocksProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/providers/BlocksProvider/BlocksProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAqB,KAAK,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAMrE,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,KAAK,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAIF;;;GAGG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA2BxD,CAAC"}

package/dist/components/providers/BlocksProvider/context.d.ts

@@ -3,3 +3,4 @@ export type BlocksProviderContextProps = {
     theme: Theme;
 };
 export declare const BlocksProviderContext: import('react').Context<BlocksProviderContextProps | null>;
+//# sourceMappingURL=context.d.ts.map

package/dist/components/providers/BlocksProvider/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../src/components/providers/BlocksProvider/context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAGlD,MAAM,MAAM,0BAA0B,GAAG;IACvC,KAAK,EAAE,KAAK,CAAC;CACd,CAAC;AAEF,eAAO,MAAM,qBAAqB,4DACsB,CAAC"}

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

@@ -5,3 +5,4 @@ export type HeadingProps = {
     level: 1 | 2 | 3 | 4 | 5 | 6;
 } & TextAtoms & MarginAtoms & PaddingAtoms & HTMLElementProps<HTMLHeadingElement>;
 export declare const Heading: React.FC<HeadingProps>;
+//# sourceMappingURL=Heading.d.ts.map

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

@@ -0,0 +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,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CAC9B,GAAG,SAAS,GACX,WAAW,GACX,YAAY,GACZ,gBAAgB,CAAC,kBAAkB,CAAC,CAAC;AAEvC,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAiB1C,CAAC"}

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

@@ -1 +1,2 @@
 export declare const heading: string;
+//# sourceMappingURL=heading.css.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"heading.css.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/Heading/heading.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,QAOlB,CAAC"}

package/dist/components/typography/Heading/heading.css.js

@@ -1,10 +1,10 @@
 import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
-import { blocksLayerComponent } from "@blockle/blocks-core";
+import { layers } from "@blockle/blocks-core";
 import { style } from "@vanilla-extract/css";
 setFileScope("src/components/typography/Heading/heading.css.ts", "@blockle/blocks-react");
 const heading = style({
   "@layer": {
-    [blocksLayerComponent]: {
+    [layers.molecule]: {
       margin: 0,
       padding: 0
     }

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

@@ -9,3 +9,4 @@ export type TextProps<Tag extends Tags = 'span'> = {
 } & TextAtoms & MarginAtoms & PaddingAtoms & HTMLElementProps<HTMLSpanElement>;
 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

@@ -0,0 +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,gBAAgB,CAAC,eAAe,CAAC,CAAC;AAEpC,eAAO,MAAM,IAAI,GAAI,CAAC,SAAS,IAAI,GAAG,MAAM,EAAE,0DAO3C,SAAS,CAAC,CAAC,CAAC,4CAad,CAAC"}

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

@@ -1 +1,2 @@
 export declare const text: string;
+//# sourceMappingURL=text.css.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"text.css.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/Text/text.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,IAAI,QAOf,CAAC"}

package/dist/components/typography/Text/text.css.js

@@ -1,10 +1,10 @@
 import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
-import { blocksLayerComponent } from "@blockle/blocks-core";
+import { layers } from "@blockle/blocks-core";
 import { style } from "@vanilla-extract/css";
 setFileScope("src/components/typography/Text/text.css.ts", "@blockle/blocks-react");
 const text = style({
   "@layer": {
-    [blocksLayerComponent]: {
+    [layers.molecule]: {
       margin: 0,
       padding: 0
     }

package/dist/hooks/useClickOutside/useClickOutside.d.ts

@@ -4,3 +4,4 @@ type UseClickOutsideOptions = {
 };
 export declare const useClickOutside: (ref: React.RefObject<HTMLElement | null>, onClickOutside: () => void, { enabled }?: UseClickOutsideOptions) => void;
 export {};
+//# sourceMappingURL=useClickOutside.d.ts.map

package/dist/hooks/useClickOutside/useClickOutside.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useClickOutside.d.ts","sourceRoot":"","sources":["../../../src/hooks/useClickOutside/useClickOutside.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,KAAK,sBAAsB,GAAG;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,eAAe,GAC1B,KAAK,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EACxC,gBAAgB,MAAM,IAAI,EAC1B,cAAoB,sBAA2B,KAC9C,IAuBF,CAAC"}

package/dist/hooks/useComponentStyles/useComponentStyleDefaultProps.d.ts

@@ -5,3 +5,4 @@ type Components = {
 };
 export declare const useComponentStyleDefaultProps: <T extends keyof ThemeComponentsStyles>(name: T) => Components[T];
 export {};
+//# sourceMappingURL=useComponentStyleDefaultProps.d.ts.map

package/dist/hooks/useComponentStyles/useComponentStyleDefaultProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useComponentStyleDefaultProps.d.ts","sourceRoot":"","sources":["../../../src/hooks/useComponentStyles/useComponentStyleDefaultProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAI9E,KAAK,6BAA6B,GAAG,QAAQ,CAAC,qBAAqB,CAAC,CAAC;AACrE,KAAK,UAAU,GAAG;KACf,CAAC,IAAI,MAAM,6BAA6B,GAAG,6BAA6B,CAAC,CAAC,CAAC,SAAS,UAAU,GAC3F,QAAQ,CACN,6BAA6B,CAAC,CAAC,CAAC,CACjC,CAAC,iBAAiB,CAAC,SAAS,UAAU,GACrC,6BAA6B,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,SAAS,SAAS,GACnE,KAAK,GACL,OAAO,CACL,6BAA6B,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,EACnD,SAAS,CACV,GACH,KAAK,GACP,KAAK;CACV,CAAC;AAEF,eAAO,MAAM,6BAA6B,GACxC,CAAC,SAAS,MAAM,qBAAqB,EAErC,MAAM,CAAC,kBAUR,CAAC"}

package/dist/hooks/useComponentStyles/useComponentStyles.d.ts

@@ -1,2 +1,3 @@
 import { ComponentThemesProps } from '@blockle/blocks-core';
 export declare function useComponentStyles<T extends keyof ComponentThemesProps>(name: T, props: ComponentThemesProps[T], useDefaultVariants?: boolean): string;
+//# sourceMappingURL=useComponentStyles.d.ts.map

package/dist/hooks/useComponentStyles/useComponentStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useComponentStyles.d.ts","sourceRoot":"","sources":["../../../src/hooks/useComponentStyles/useComponentStyles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAGV,oBAAoB,EACrB,MAAM,sBAAsB,CAAC;AAM9B,wBAAgB,kBAAkB,CAAC,CAAC,SAAS,MAAM,oBAAoB,EACrE,IAAI,EAAE,CAAC,EACP,KAAK,EAAE,oBAAoB,CAAC,CAAC,CAAC,EAC9B,kBAAkB,UAAO,GACxB,MAAM,CAkGR"}

package/dist/hooks/useControlledValue/useControlledValue.d.ts

@@ -11,3 +11,4 @@ type ControlledValue<T> = {
 };
 export declare function useControlledValue<T>({ defaultValue, value, onChange, transformValue, }: ControlledValue<T>): [T, (value: T) => void];
 export {};
+//# sourceMappingURL=useControlledValue.d.ts.map