@blockle/blocks-react 2.0.1 → 2.2.0

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"useControlledValue.d.ts","sourceRoot":"","sources":["../../../src/hooks/useControlledValue/useControlledValue.ts"],"names":[],"mappings":"AAQA,KAAK,eAAe,CAAC,CAAC,IAClB;IACE,KAAK,CAAC,EAAE,CAAC,CAAC;IACV,YAAY,EAAE,CAAC,CAAC;IAChB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC9B,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,CAAC,CAAC;CAClC,GACD;IACE,KAAK,EAAE,CAAC,CAAC;IACT,YAAY,CAAC,EAAE,CAAC,CAAC;IACjB,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,CAAC,CAAC;CAClC,CAAC;AAEN,wBAAgB,kBAAkB,CAAC,CAAC,EAAE,EACpC,YAAY,EACZ,KAAK,EACL,QAAQ,EACR,cAA8B,GAC/B,EAAE,eAAe,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC,CA4B9C"}

package/dist/hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.d.ts

@@ -3,3 +3,4 @@ import { useEffect } from 'react';
  * useLayoutEffect is not avaible on server side use useEffect instead.
  */
 export declare const useIsomorphicLayoutEffect: typeof useEffect;
+//# sourceMappingURL=useIsomorphicLayoutEffect.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useIsomorphicLayoutEffect.d.ts","sourceRoot":"","sources":["../../../src/hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAmB,MAAM,OAAO,CAAC;AAEnD;;GAEG;AACH,eAAO,MAAM,yBAAyB,kBACuB,CAAC"}

package/dist/hooks/useKeyboard/useKeyboard.d.ts

@@ -4,3 +4,4 @@ type UseKeyboardOptions = {
 };
 export declare const useKeyboard: (key: KeyboardEvent["key"], callback: (event: KeyboardEvent) => void, { enabled, type }?: UseKeyboardOptions) => void;
 export {};
+//# sourceMappingURL=useKeyboard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useKeyboard.d.ts","sourceRoot":"","sources":["../../../src/hooks/useKeyboard/useKeyboard.ts"],"names":[],"mappings":"AAIA,KAAK,kBAAkB,GAAG;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,WAAW,GACtB,KAAK,aAAa,CAAC,KAAK,CAAC,EACzB,UAAU,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,EACxC,oBAAsC,kBAAuB,SAmB9D,CAAC"}

package/dist/hooks/useLayer/useLayer.d.ts

@@ -1 +1,2 @@
 export declare const useLayer: () => (() => HTMLDivElement);
+//# sourceMappingURL=useLayer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useLayer.d.ts","sourceRoot":"","sources":["../../../src/hooks/useLayer/useLayer.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,QAAQ,QAAO,CAAC,MAAM,cAAc,CA2BhD,CAAC"}

package/dist/hooks/usePreventBodyScroll/usePreventBodyScroll.d.ts

@@ -1 +1,2 @@
 export declare const usePreventBodyScroll: (enabled?: boolean) => void;
+//# sourceMappingURL=usePreventBodyScroll.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"usePreventBodyScroll.d.ts","sourceRoot":"","sources":["../../../src/hooks/usePreventBodyScroll/usePreventBodyScroll.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,oBAAoB,GAAI,iBAAc,SAmClD,CAAC"}

package/dist/hooks/useRestoreFocus/useRestoreFocus.d.ts

@@ -2,3 +2,4 @@
  * Restores focus to the previously focused element
  */
 export declare const useRestoreFocus: (active: boolean) => void;
+//# sourceMappingURL=useRestoreFocus.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useRestoreFocus.d.ts","sourceRoot":"","sources":["../../../src/hooks/useRestoreFocus/useRestoreFocus.ts"],"names":[],"mappings":"AAMA;;GAEG;AACH,eAAO,MAAM,eAAe,GAAI,QAAQ,OAAO,SAa9C,CAAC"}

package/dist/hooks/useTheme/useTheme.d.ts

@@ -1,2 +1,3 @@
 import { Theme } from '@blockle/blocks-core';
 export declare const useTheme: () => Theme;
+//# sourceMappingURL=useTheme.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../../src/hooks/useTheme/useTheme.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAKlD,eAAO,MAAM,QAAQ,QAAO,KAQ3B,CAAC"}

package/dist/hooks/useVisibilityState/useVisibilityState.d.ts

@@ -1,3 +1,4 @@
 type UseVisibilityState = [visible: boolean, hide: () => void];
 export declare const useVisibilityState: (open: boolean) => UseVisibilityState;
 export {};
+//# sourceMappingURL=useVisibilityState.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useVisibilityState.d.ts","sourceRoot":"","sources":["../../../src/hooks/useVisibilityState/useVisibilityState.ts"],"names":[],"mappings":"AAIA,KAAK,kBAAkB,GAAG,CAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,IAAI,CAAC,CAAC;AAI/D,eAAO,MAAM,kBAAkB,GAAI,MAAM,OAAO,KAAG,kBAalD,CAAC"}

package/dist/index.d.ts

@@ -1,20 +1,29 @@
 export { VisuallyHidden, type VisuallyHiddenProps, } from './components/accessibility/VisuallyHidden/VisuallyHidden.js';
 export { Divider, type DividerProps, } from './components/display/Divider/Divider.js';
+export { createIconMask } from './components/display/Icon/createIconMask.js';
+export { IconMask, type IconMaskProps, } from './components/display/Icon/IconMask.js';
+export { Alert, type AlertProps, } from './components/feedback/Alert/Alert.js';
 export { Progress, type ProgressProps, } from './components/feedback/Progress/Progress.js';
+export { Skeleton, type SkeletonProps, } from './components/feedback/Skeleton/Skeleton.js';
 export { Spinner, type SpinnerProps, } from './components/feedback/Spinner/Spinner.js';
+export { Toast, type ToastProps } from './components/feedback/Toast/Toast.js';
+export { ToastProvider, type ToastProviderProps, } from './components/feedback/Toast/ToastProvider.js';
 export { Button, type ButtonProps } from './components/form/Button/Button.js';
 export { Checkbox, type CheckboxProps, } from './components/form/Checkbox/Checkbox.js';
-export { Input, type InputProps } from './components/form/Input/Input.js';
 export { Label, type LabelProps } from './components/form/Label/Label.js';
+export { NumericInput, type NumericInputProps, } from './components/form/NumericInput/NumericInput.js';
 export { Radio, type RadioProps } from './components/form/Radio/Radio.js';
 export { Select, type SelectProps } from './components/form/Select/Select.js';
 export { Slider, type SliderProps } from './components/form/Slider/Slider.js';
 export { Switch, type SwitchProps } from './components/form/Switch/Switch.js';
+export { Textarea, type TextareaProps, } from './components/form/Textarea/Textarea.js';
+export { TextInput, type TextInputProps, } from './components/form/TextInput/TextInput.js';
 export { Box, type BoxProps } from './components/layout/Box/Box.js';
 export { Inline, type InlineProps } from './components/layout/Inline/Inline.js';
 export { Stack, type StackProps } from './components/layout/Stack/Stack.js';
 export { Link, type LinkProps } from './components/navigation/Link/Link.js';
 export { Dialog, type DialogProps, } from './components/overlay/Dialog/Dialog.js';
+export { Popover, type PopoverProps, } from './components/overlay/Popover/Popover.js';
 export { Portal, type PortalProps, } from './components/overlay/Portal/Portal.js';
 export { Tooltip, type TooltipProps, } from './components/overlay/Tooltip/Tooltip.js';
 export { BlocksProvider, type BlocksProviderProps, } from './components/providers/BlocksProvider/BlocksProvider.js';
@@ -26,3 +35,4 @@ export { useControlledValue } from './hooks/useControlledValue/useControlledValu
 export { useIsomorphicLayoutEffect } from './hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js';
 export { useKeyboard } from './hooks/useKeyboard/useKeyboard.js';
 export { usePreventBodyScroll } from './hooks/usePreventBodyScroll/usePreventBodyScroll.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -1,20 +1,29 @@
 import { VisuallyHidden } from "./components/accessibility/VisuallyHidden/VisuallyHidden.js";
 import { Divider } from "./components/display/Divider/Divider.js";
+import { createIconMask } from "./components/display/Icon/createIconMask.js";
+import { IconMask } from "./components/display/Icon/IconMask.js";
+import { Alert } from "./components/feedback/Alert/Alert.js";
 import { Progress } from "./components/feedback/Progress/Progress.js";
+import { Skeleton } from "./components/feedback/Skeleton/Skeleton.js";
 import { Spinner } from "./components/feedback/Spinner/Spinner.js";
+import { Toast } from "./components/feedback/Toast/Toast.js";
+import { ToastProvider } from "./components/feedback/Toast/ToastProvider.js";
 import { Button } from "./components/form/Button/Button.js";
 import { Checkbox } from "./components/form/Checkbox/Checkbox.js";
-import { Input } from "./components/form/Input/Input.js";
 import { Label } from "./components/form/Label/Label.js";
+import { NumericInput } from "./components/form/NumericInput/NumericInput.js";
 import { Radio } from "./components/form/Radio/Radio.js";
 import { Select } from "./components/form/Select/Select.js";
 import { Slider } from "./components/form/Slider/Slider.js";
 import { Switch } from "./components/form/Switch/Switch.js";
+import { Textarea } from "./components/form/Textarea/Textarea.js";
+import { TextInput } from "./components/form/TextInput/TextInput.js";
 import { Box } from "./components/layout/Box/Box.js";
 import { Inline } from "./components/layout/Inline/Inline.js";
 import { Stack } from "./components/layout/Stack/Stack.js";
 import { Link } from "./components/navigation/Link/Link.js";
 import { Dialog } from "./components/overlay/Dialog/Dialog.js";
+import { Popover } from "./components/overlay/Popover/Popover.js";
 import { Portal } from "./components/overlay/Portal/Portal.js";
 import { Tooltip } from "./components/overlay/Tooltip/Tooltip.js";
 import { BlocksProvider } from "./components/providers/BlocksProvider/BlocksProvider.js";
@@ -27,6 +36,7 @@ import { useIsomorphicLayoutEffect } from "./hooks/useIsomorphicLayoutEffect/use
 import { useKeyboard } from "./hooks/useKeyboard/useKeyboard.js";
 import { usePreventBodyScroll } from "./hooks/usePreventBodyScroll/usePreventBodyScroll.js";
 export {
+  Alert,
   BlocksProvider,
   Box,
   Button,
@@ -34,21 +44,29 @@ export {
   Dialog,
   Divider,
   Heading,
+  IconMask,
   Inline,
-  Input,
   Label,
   Link,
+  NumericInput,
+  Popover,
   Portal,
   Progress,
   Radio,
   Select,
+  Skeleton,
   Slider,
   Spinner,
   Stack,
   Switch,
   Text,
+  TextInput,
+  Textarea,
+  Toast,
+  ToastProvider,
   Tooltip,
   VisuallyHidden,
+  createIconMask,
   useComponentStyleDefaultProps,
   useComponentStyles,
   useControlledValue,

package/dist/testUtils/testTheme.css.d.ts

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

package/dist/testUtils/testTheme.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"testTheme.css.d.ts","sourceRoot":"","sources":["../../src/testUtils/testTheme.css.ts"],"names":[],"mappings":"AAcA,eAAO,MAAM,YAAY,KAwEvB,CAAC"}

package/dist/testUtils/testUtils.d.ts

@@ -1,3 +1,4 @@
 import { render as rtlRender } from '@testing-library/react';
 export * from '@testing-library/react';
 export declare const render: (ui: Parameters<typeof rtlRender>[0], options?: Parameters<typeof rtlRender>[1]) => import('@testing-library/react').RenderResult<typeof import("@testing-library/dom/types/queries.js"), HTMLElement, HTMLElement>;
+//# sourceMappingURL=testUtils.d.ts.map

package/dist/testUtils/testUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"testUtils.d.ts","sourceRoot":"","sources":["../../src/testUtils/testUtils.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAK7D,cAAc,wBAAwB,CAAC;AAEvC,eAAO,MAAM,MAAM,GACjB,IAAI,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC,CAAC,CAAC,EACnC,UAAU,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC,CAAC,CAAC,oIAQ1C,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blockle/blocks-react",
-  "version": "2.0.1",
+  "version": "2.2.0",
   "description": "React hooks and components for Blockle",
   "type": "module",
   "exports": {
@@ -31,13 +31,13 @@
   },
   "homepage": "https://github.com/Blockle/blocks#readme",
   "dependencies": {
-    "@vanilla-extract/css": "^1.17.1"
+    "@vanilla-extract/css": "^1.17.4"
   },
   "peerDependencies": {
+    "@blockle/blocks-core": ">=1.1.0",
+    "@blockle/blocks-react-slot": ">=1.1.1",
+    "@vanilla-extract/css": "^1.17.4",
     "react": ">=19",
-    "react-dom": ">=19",
-    "@vanilla-extract/css": ">=1.17.1",
-    "@blockle/blocks-core": ">=1.0.x",
-    "@blockle/blocks-react-slot": ">=1.1.x"
+    "react-dom": ">=19"
   }
 }

package/dist/components/form/Input/input.css.d.ts

@@ -1 +0,0 @@
-export declare const input: string;