@voiceflow/style 1.1.0

package/build/esm/__fixtures__/InlineThemedButton/InlineThemedButton.component.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import type { ButtonProps } from '../Button/index.js';
+export interface InlineThemedButtonProps extends ButtonProps {
+    brandColor: string;
+}
+export declare const InlineThemedButton: React.FC<InlineThemedButtonProps>;
+//# sourceMappingURL=InlineThemedButton.component.d.ts.map

package/build/esm/__fixtures__/InlineThemedButton/InlineThemedButton.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InlineThemedButton.component.d.ts","sourceRoot":"","sources":["../../../../src/__fixtures__/InlineThemedButton/InlineThemedButton.component.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAI7C,MAAM,WAAW,uBAAwB,SAAQ,WAAW;IAC1D,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAIhE,CAAC"}

package/build/esm/__fixtures__/InlineThemedButton/InlineThemedButton.component.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as Theme from '../theme.css.js';
+import * as S from './InlineThemedButton.styled.js';
+export const InlineThemedButton = ({ brandColor, onClick, children }) => (_jsx(S.Base, { onClick: onClick, theme: { color: { brand: brandColor }, spacing: Theme.spacing }, children: children }));

package/build/esm/__fixtures__/InlineThemedButton/InlineThemedButton.css.d.ts

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

package/build/esm/__fixtures__/InlineThemedButton/InlineThemedButton.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InlineThemedButton.css.d.ts","sourceRoot":"","sources":["../../../../src/__fixtures__/InlineThemedButton/InlineThemedButton.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM,QAGjB,CAAC"}

package/build/esm/__fixtures__/InlineThemedButton/InlineThemedButton.css.js

@@ -0,0 +1,6 @@
+import { style } from '../../main.js';
+import * as Theme from '../theme.css.js';
+export const themed = style({
+    color: Theme.vars.color.brand,
+    borderRadius: 0,
+});

package/build/esm/__fixtures__/InlineThemedButton/InlineThemedButton.styled.d.ts

@@ -0,0 +1,11 @@
+export declare const Base: import("../../main.js").StyledComponent<import("../../main.js").StyledComponentProps<"button", {
+    color: {
+        brand: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    spacing: {
+        sm: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        md: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        lg: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+}, null, {}>>;
+//# sourceMappingURL=InlineThemedButton.styled.d.ts.map

package/build/esm/__fixtures__/InlineThemedButton/InlineThemedButton.styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InlineThemedButton.styled.d.ts","sourceRoot":"","sources":["../../../../src/__fixtures__/InlineThemedButton/InlineThemedButton.styled.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,IAAI;;;;;;;;;aAA8D,CAAC"}

package/build/esm/__fixtures__/InlineThemedButton/InlineThemedButton.styled.js

@@ -0,0 +1,5 @@
+import { styled } from '../../main.js';
+import { Button } from '../Button/index.js';
+import * as Theme from '../theme.css.js';
+import { themed } from './InlineThemedButton.css.js';
+export const Base = styled.button([Button.Base, themed], { theme: Theme.vars });

package/build/esm/__fixtures__/InlineThemedButton/index.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import * as css from './InlineThemedButton.css.js';
+export declare const InlineThemedButton: import("react").FC<import("./InlineThemedButton.component.js").InlineThemedButtonProps> & {
+    css: typeof css;
+};
+//# sourceMappingURL=index.d.ts.map

package/build/esm/__fixtures__/InlineThemedButton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/__fixtures__/InlineThemedButton/index.ts"],"names":[],"mappings":";AACA,OAAO,KAAK,GAAG,MAAM,0BAA0B,CAAC;AAEhD,eAAO,MAAM,kBAAkB;;CAAsD,CAAC"}

package/build/esm/__fixtures__/InlineThemedButton/index.js

@@ -0,0 +1,3 @@
+import { InlineThemedButton as InlineThemedButtonComponent } from './InlineThemedButton.component.js';
+import * as css from './InlineThemedButton.css.js';
+export const InlineThemedButton = Object.assign(InlineThemedButtonComponent, { css });

package/build/esm/__fixtures__/InlineVarButton/InlineVarButton.component.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import type { ButtonProps } from '../Button/index.js';
+export interface InlineVarButtonProps extends ButtonProps {
+    brandColor: string;
+}
+export declare const InlineVarButton: React.FC<InlineVarButtonProps>;
+//# sourceMappingURL=InlineVarButton.component.d.ts.map

package/build/esm/__fixtures__/InlineVarButton/InlineVarButton.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InlineVarButton.component.d.ts","sourceRoot":"","sources":["../../../../src/__fixtures__/InlineVarButton/InlineVarButton.component.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAG7C,MAAM,WAAW,oBAAqB,SAAQ,WAAW;IACvD,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAI1D,CAAC"}

package/build/esm/__fixtures__/InlineVarButton/InlineVarButton.component.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as S from './InlineVarButton.styled.js';
+export const InlineVarButton = ({ brandColor, onClick, children }) => (_jsx(S.Base, { onClick: onClick, vars: { brandColor }, children: children }));

package/build/esm/__fixtures__/InlineVarButton/InlineVarButton.css.d.ts

@@ -0,0 +1,3 @@
+export declare const colorVar: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+export declare const base: string;
+//# sourceMappingURL=InlineVarButton.css.d.ts.map

package/build/esm/__fixtures__/InlineVarButton/InlineVarButton.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InlineVarButton.css.d.ts","sourceRoot":"","sources":["../../../../src/__fixtures__/InlineVarButton/InlineVarButton.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ,oFAAc,CAAC;AAEpC,eAAO,MAAM,IAAI,QAOf,CAAC"}

package/build/esm/__fixtures__/InlineVarButton/InlineVarButton.css.js

@@ -0,0 +1,9 @@
+import { createVar, style } from '../../main.js';
+export const colorVar = createVar();
+export const base = style({
+    vars: {
+        [colorVar]: 'red',
+    },
+    backgroundColor: colorVar,
+    borderRadius: 0,
+});

package/build/esm/__fixtures__/InlineVarButton/InlineVarButton.styled.d.ts

@@ -0,0 +1,4 @@
+export declare const Base: import("../../main.js").StyledComponent<import("../../main.js").StyledComponentProps<"button", null, {
+    brandColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+}, {}>>;
+//# sourceMappingURL=InlineVarButton.styled.d.ts.map

package/build/esm/__fixtures__/InlineVarButton/InlineVarButton.styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InlineVarButton.styled.d.ts","sourceRoot":"","sources":["../../../../src/__fixtures__/InlineVarButton/InlineVarButton.styled.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI;;OAIf,CAAC"}

package/build/esm/__fixtures__/InlineVarButton/InlineVarButton.styled.js

@@ -0,0 +1,8 @@
+import { styled } from '../../main.js';
+import { Button } from '../Button/index.js';
+import { base, colorVar } from './InlineVarButton.css.js';
+export const Base = styled.button([Button.Base, base], {
+    vars: {
+        brandColor: colorVar,
+    },
+});

package/build/esm/__fixtures__/InlineVarButton/index.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import * as css from './InlineVarButton.css.js';
+export declare const InlineVarButton: import("react").FC<import("./InlineVarButton.component.js").InlineVarButtonProps> & {
+    css: typeof css;
+};
+//# sourceMappingURL=index.d.ts.map

package/build/esm/__fixtures__/InlineVarButton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/__fixtures__/InlineVarButton/index.ts"],"names":[],"mappings":";AACA,OAAO,KAAK,GAAG,MAAM,uBAAuB,CAAC;AAE7C,eAAO,MAAM,eAAe;;CAAmD,CAAC"}

package/build/esm/__fixtures__/InlineVarButton/index.js

@@ -0,0 +1,3 @@
+import { InlineVarButton as InlineVarButtonComponent } from './InlineVarButton.component.js';
+import * as css from './InlineVarButton.css.js';
+export const InlineVarButton = Object.assign(InlineVarButtonComponent, { css });

package/build/esm/__fixtures__/RecipeButton/RecipeButton.component.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import type { RecipeVariants } from '../../main.js';
+import type { ButtonProps } from '../Button/index.js';
+import type { complex } from './RecipeButton.css.js';
+export type RecipeButtonProps = ButtonProps & RecipeVariants<typeof complex>;
+export declare const RecipeButton: React.FC<RecipeButtonProps>;
+//# sourceMappingURL=RecipeButton.component.d.ts.map

package/build/esm/__fixtures__/RecipeButton/RecipeButton.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RecipeButton.component.d.ts","sourceRoot":"","sources":["../../../../src/__fixtures__/RecipeButton/RecipeButton.component.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAE7C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAC7C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAGlD,MAAM,MAAM,iBAAiB,GAAG,WAAW,GAAG,cAAc,CAAC,OAAO,OAAO,CAAC,CAAC;AAE7E,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAIpD,CAAC"}

package/build/esm/__fixtures__/RecipeButton/RecipeButton.component.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as S from './RecipeButton.styled.js';
+export const RecipeButton = ({ color, fontSize, onClick, children }) => (_jsx(S.Base, { variants: { color, fontSize }, onClick: onClick, children: children }));

package/build/esm/__fixtures__/RecipeButton/RecipeButton.css.d.ts

@@ -0,0 +1,22 @@
+export declare const complex: import("@vanilla-extract/recipes").RuntimeFn<{
+    color: {
+        ok: {
+            backgroundColor: "cyan";
+        };
+        warn: {
+            backgroundColor: "orange";
+        };
+    };
+    fontSize: {
+        sm: {
+            fontSize: number;
+        };
+        md: {
+            fontSize: number;
+        };
+        lg: {
+            fontSize: number;
+        };
+    };
+}>;
+//# sourceMappingURL=RecipeButton.css.d.ts.map

package/build/esm/__fixtures__/RecipeButton/RecipeButton.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RecipeButton.css.d.ts","sourceRoot":"","sources":["../../../../src/__fixtures__/RecipeButton/RecipeButton.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;EAmBlB,CAAC"}

package/build/esm/__fixtures__/RecipeButton/RecipeButton.css.js

@@ -0,0 +1,20 @@
+import { recipe } from '../../main.js';
+export const complex = recipe({
+    base: {
+        border: '1px dashed black',
+    },
+    variants: {
+        color: {
+            ok: { backgroundColor: 'cyan' },
+            warn: { backgroundColor: 'orange' },
+        },
+        fontSize: {
+            sm: { fontSize: 10 },
+            md: { fontSize: 14 },
+            lg: { fontSize: 18 },
+        },
+    },
+    defaultVariants: {
+        fontSize: 'lg',
+    },
+});

package/build/esm/__fixtures__/RecipeButton/RecipeButton.styled.d.ts

@@ -0,0 +1,7 @@
+export declare const Base: import("../../main.js").StyledComponent<import("../../main.js").StyledComponentProps<"button", null, null, {
+    variants: {
+        color?: "ok" | "warn" | undefined;
+        fontSize?: "sm" | "md" | "lg" | undefined;
+    } | undefined;
+}>>;
+//# sourceMappingURL=RecipeButton.styled.d.ts.map

package/build/esm/__fixtures__/RecipeButton/RecipeButton.styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RecipeButton.styled.d.ts","sourceRoot":"","sources":["../../../../src/__fixtures__/RecipeButton/RecipeButton.styled.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI;;;;;GAAwC,CAAC"}

package/build/esm/__fixtures__/RecipeButton/RecipeButton.styled.js

@@ -0,0 +1,4 @@
+import { styled } from '../../main.js';
+import { Button } from '../Button/index.js';
+import { complex } from './RecipeButton.css.js';
+export const Base = styled.button(complex, [Button.Base]);

package/build/esm/__fixtures__/RecipeButton/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import * as css from './RecipeButton.css.js';
+export declare const RecipeButton: import("react").FC<import("../index.js").ButtonProps & {
+    color?: "ok" | "warn" | undefined;
+    fontSize?: "sm" | "md" | "lg" | undefined;
+}> & {
+    css: typeof css;
+};
+//# sourceMappingURL=index.d.ts.map

package/build/esm/__fixtures__/RecipeButton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/__fixtures__/RecipeButton/index.ts"],"names":[],"mappings":";AACA,OAAO,KAAK,GAAG,MAAM,oBAAoB,CAAC;AAE1C,eAAO,MAAM,YAAY;;;;;CAAgD,CAAC"}

package/build/esm/__fixtures__/RecipeButton/index.js

@@ -0,0 +1,3 @@
+import { RecipeButton as RecipeButtonComponent } from './RecipeButton.component.js';
+import * as css from './RecipeButton.css.js';
+export const RecipeButton = Object.assign(RecipeButtonComponent, { css });

package/build/esm/__fixtures__/ReuseCSS/ReuseCSS.component.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { ButtonProps } from '../Button/index.js';
+export declare const ReuseCSS: React.FC<ButtonProps>;
+//# sourceMappingURL=ReuseCSS.component.d.ts.map

package/build/esm/__fixtures__/ReuseCSS/ReuseCSS.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReuseCSS.component.d.ts","sourceRoot":"","sources":["../../../../src/__fixtures__/ReuseCSS/ReuseCSS.component.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAG7C,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAI1C,CAAC"}

package/build/esm/__fixtures__/ReuseCSS/ReuseCSS.component.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { base } from './ReuseCSS.css.js';
+export const ReuseCSS = ({ onClick, children }) => (_jsx("button", { className: base, onClick: onClick, children: children }));

package/build/esm/__fixtures__/ReuseCSS/ReuseCSS.css.d.ts

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

package/build/esm/__fixtures__/ReuseCSS/ReuseCSS.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReuseCSS.css.d.ts","sourceRoot":"","sources":["../../../../src/__fixtures__/ReuseCSS/ReuseCSS.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,QAMf,CAAC"}

package/build/esm/__fixtures__/ReuseCSS/ReuseCSS.css.js

@@ -0,0 +1,9 @@
+import { style } from '../../main.js';
+import { Button } from '../Button/index.js';
+export const base = style([
+    Button.css.base,
+    {
+        backgroundColor: 'red',
+        borderRadius: 0,
+    },
+]);

package/build/esm/__fixtures__/ReuseCSS/index.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import * as css from './ReuseCSS.css.js';
+export declare const ReuseCSS: import("react").FC<import("../index.js").ButtonProps> & {
+    css: typeof css;
+};
+//# sourceMappingURL=index.d.ts.map

package/build/esm/__fixtures__/ReuseCSS/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/__fixtures__/ReuseCSS/index.ts"],"names":[],"mappings":";AACA,OAAO,KAAK,GAAG,MAAM,gBAAgB,CAAC;AAEtC,eAAO,MAAM,QAAQ;;CAA4C,CAAC"}

package/build/esm/__fixtures__/ReuseCSS/index.js

@@ -0,0 +1,3 @@
+import { ReuseCSS as ReuseCSSComponent } from './ReuseCSS.component.js';
+import * as css from './ReuseCSS.css.js';
+export const ReuseCSS = Object.assign(ReuseCSSComponent, { css });

package/build/esm/__fixtures__/ReuseStyled/ReuseStyled.component.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { ButtonProps } from '../Button/index.js';
+export declare const ReuseStyled: React.FC<ButtonProps>;
+//# sourceMappingURL=ReuseStyled.component.d.ts.map

package/build/esm/__fixtures__/ReuseStyled/ReuseStyled.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReuseStyled.component.d.ts","sourceRoot":"","sources":["../../../../src/__fixtures__/ReuseStyled/ReuseStyled.component.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAG7C,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAE7C,CAAC"}

package/build/esm/__fixtures__/ReuseStyled/ReuseStyled.component.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as S from './ReuseStyled.styled.js';
+export const ReuseStyled = ({ onClick, children }) => (_jsx(S.Base, { onClick: onClick, children: children }));

package/build/esm/__fixtures__/ReuseStyled/ReuseStyled.css.d.ts

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

package/build/esm/__fixtures__/ReuseStyled/ReuseStyled.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReuseStyled.css.d.ts","sourceRoot":"","sources":["../../../../src/__fixtures__/ReuseStyled/ReuseStyled.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ,QAGnB,CAAC"}

package/build/esm/__fixtures__/ReuseStyled/ReuseStyled.css.js

@@ -0,0 +1,5 @@
+import { style } from '../../main.js';
+export const override = style({
+    border: '1px solid red',
+    margin: 2,
+});

package/build/esm/__fixtures__/ReuseStyled/ReuseStyled.styled.d.ts

@@ -0,0 +1,2 @@
+export declare const Base: import("../../main.js").StyledComponent<import("../../main.js").StyledComponentProps<"button", null, null, {}>>;
+//# sourceMappingURL=ReuseStyled.styled.d.ts.map

package/build/esm/__fixtures__/ReuseStyled/ReuseStyled.styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReuseStyled.styled.d.ts","sourceRoot":"","sources":["../../../../src/__fixtures__/ReuseStyled/ReuseStyled.styled.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,mGAAyC,CAAC"}

package/build/esm/__fixtures__/ReuseStyled/ReuseStyled.styled.js

@@ -0,0 +1,4 @@
+import { styled } from '../../main.js';
+import { Button } from '../Button/index.js';
+import { override } from './ReuseStyled.css.js';
+export const Base = styled.button([Button.Base, override]);

package/build/esm/__fixtures__/ReuseStyled/index.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import * as css from './ReuseStyled.css.js';
+export declare const ReuseStyled: import("react").FC<import("../index.js").ButtonProps> & {
+    css: typeof css;
+};
+//# sourceMappingURL=index.d.ts.map

package/build/esm/__fixtures__/ReuseStyled/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/__fixtures__/ReuseStyled/index.ts"],"names":[],"mappings":";AACA,OAAO,KAAK,GAAG,MAAM,mBAAmB,CAAC;AAEzC,eAAO,MAAM,WAAW;;CAA+C,CAAC"}

package/build/esm/__fixtures__/ReuseStyled/index.js

@@ -0,0 +1,3 @@
+import { ReuseStyled as ReuseStyledComponent } from './ReuseStyled.component.js';
+import * as css from './ReuseStyled.css.js';
+export const ReuseStyled = Object.assign(ReuseStyledComponent, { css });

package/build/esm/__fixtures__/ThemedButton/ThemedButton.component.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { ButtonProps } from '../Button/index.js';
+export declare const ThemedButton: React.FC<ButtonProps>;
+//# sourceMappingURL=ThemedButton.component.d.ts.map

package/build/esm/__fixtures__/ThemedButton/ThemedButton.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemedButton.component.d.ts","sourceRoot":"","sources":["../../../../src/__fixtures__/ThemedButton/ThemedButton.component.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAG7C,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAE9C,CAAC"}

package/build/esm/__fixtures__/ThemedButton/ThemedButton.component.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as S from './ThemedButton.styled.js';
+export const ThemedButton = ({ onClick, children }) => (_jsx(S.Base, { onClick: onClick, children: children }));

package/build/esm/__fixtures__/ThemedButton/ThemedButton.css.d.ts

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

package/build/esm/__fixtures__/ThemedButton/ThemedButton.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemedButton.css.d.ts","sourceRoot":"","sources":["../../../../src/__fixtures__/ThemedButton/ThemedButton.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM,QAGjB,CAAC"}

package/build/esm/__fixtures__/ThemedButton/ThemedButton.css.js

@@ -0,0 +1,6 @@
+import { style } from '../../main.js';
+import * as Theme from '../theme.css.js';
+export const themed = style({
+    color: Theme.vars.color.brand,
+    borderRadius: 0,
+});

package/build/esm/__fixtures__/ThemedButton/ThemedButton.styled.d.ts

@@ -0,0 +1,2 @@
+export declare const Base: import("../../main.js").StyledComponent<import("../../main.js").StyledComponentProps<"button", null, null, {}>>;
+//# sourceMappingURL=ThemedButton.styled.d.ts.map

package/build/esm/__fixtures__/ThemedButton/ThemedButton.styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemedButton.styled.d.ts","sourceRoot":"","sources":["../../../../src/__fixtures__/ThemedButton/ThemedButton.styled.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,mGAAuC,CAAC"}

package/build/esm/__fixtures__/ThemedButton/ThemedButton.styled.js

@@ -0,0 +1,4 @@
+import { styled } from '../../main.js';
+import { Button } from '../Button/index.js';
+import { themed } from './ThemedButton.css.js';
+export const Base = styled.button([Button.Base, themed]);

package/build/esm/__fixtures__/ThemedButton/index.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import * as css from './ThemedButton.css.js';
+export declare const ThemedButton: import("react").FC<import("../index.js").ButtonProps> & {
+    css: typeof css;
+};
+//# sourceMappingURL=index.d.ts.map

package/build/esm/__fixtures__/ThemedButton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/__fixtures__/ThemedButton/index.ts"],"names":[],"mappings":";AACA,OAAO,KAAK,GAAG,MAAM,oBAAoB,CAAC;AAE1C,eAAO,MAAM,YAAY;;CAAgD,CAAC"}

package/build/esm/__fixtures__/ThemedButton/index.js

@@ -0,0 +1,3 @@
+import { ThemedButton as ThemedButtonComponent } from './ThemedButton.component.js';
+import * as css from './ThemedButton.css.js';
+export const ThemedButton = Object.assign(ThemedButtonComponent, { css });

package/build/esm/__fixtures__/VariantButton/VariantButton.component.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import type { ButtonProps } from '../Button/index.js';
+import type { variants } from './VariantButton.css.js';
+export interface VariantButtonProps extends ButtonProps {
+    variant: keyof typeof variants;
+}
+export declare const VariantButton: React.FC<VariantButtonProps>;
+//# sourceMappingURL=VariantButton.component.d.ts.map

package/build/esm/__fixtures__/VariantButton/VariantButton.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VariantButton.component.d.ts","sourceRoot":"","sources":["../../../../src/__fixtures__/VariantButton/VariantButton.component.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAC7C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAGpD,MAAM,WAAW,kBAAmB,SAAQ,WAAW;IACrD,OAAO,EAAE,MAAM,OAAO,QAAQ,CAAC;CAChC;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAItD,CAAC"}

package/build/esm/__fixtures__/VariantButton/VariantButton.component.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as S from './VariantButton.styled.js';
+export const VariantButton = ({ variant, onClick, children }) => (_jsx(S.Base, { variant: variant, onClick: onClick, children: children }));

package/build/esm/__fixtures__/VariantButton/VariantButton.css.d.ts

@@ -0,0 +1,2 @@
+export declare const variants: Record<"primary" | "secondary", string>;
+//# sourceMappingURL=VariantButton.css.d.ts.map

package/build/esm/__fixtures__/VariantButton/VariantButton.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VariantButton.css.d.ts","sourceRoot":"","sources":["../../../../src/__fixtures__/VariantButton/VariantButton.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ,yCAGnB,CAAC"}

package/build/esm/__fixtures__/VariantButton/VariantButton.css.js

@@ -0,0 +1,5 @@
+import { styleVariants } from '../../main.js';
+export const variants = styleVariants({
+    primary: { borderWidth: 2, borderColor: 'pink' },
+    secondary: { borderWidth: 2, borderColor: 'blue' },
+});

package/build/esm/__fixtures__/VariantButton/VariantButton.styled.d.ts

@@ -0,0 +1,4 @@
+export declare const Base: import("../../main.js").StyledComponent<import("../../main.js").StyledComponentProps<"button", null, null, {
+    variant: "primary" | "secondary";
+}>>;
+//# sourceMappingURL=VariantButton.styled.d.ts.map

package/build/esm/__fixtures__/VariantButton/VariantButton.styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VariantButton.styled.d.ts","sourceRoot":"","sources":["../../../../src/__fixtures__/VariantButton/VariantButton.styled.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI;;GAAyC,CAAC"}

package/build/esm/__fixtures__/VariantButton/VariantButton.styled.js

@@ -0,0 +1,4 @@
+import { styled } from '../../main.js';
+import { Button } from '../Button/index.js';
+import { variants } from './VariantButton.css.js';
+export const Base = styled.button(variants, [Button.Base]);

package/build/esm/__fixtures__/VariantButton/index.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import * as css from './VariantButton.css.js';
+export declare const VariantButton: import("react").FC<import("./VariantButton.component.js").VariantButtonProps> & {
+    css: typeof css;
+};
+//# sourceMappingURL=index.d.ts.map

package/build/esm/__fixtures__/VariantButton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/__fixtures__/VariantButton/index.ts"],"names":[],"mappings":";AACA,OAAO,KAAK,GAAG,MAAM,qBAAqB,CAAC;AAE3C,eAAO,MAAM,aAAa;;CAAiD,CAAC"}

package/build/esm/__fixtures__/VariantButton/index.js

@@ -0,0 +1,3 @@
+import { VariantButton as VariantButtonComponent } from './VariantButton.component.js';
+import * as css from './VariantButton.css.js';
+export const VariantButton = Object.assign(VariantButtonComponent, { css });

package/build/esm/__fixtures__/index.d.ts

@@ -0,0 +1,10 @@
+export * from './Button/index.js';
+export * from './InlineThemedButton/index.js';
+export * from './InlineVarButton/index.js';
+export * from './RecipeButton/index.js';
+export * from './ReuseCSS/index.js';
+export * from './ReuseStyled/index.js';
+export * as Theme from './theme.css.js';
+export * from './ThemedButton/index.js';
+export * from './VariantButton/index.js';
+//# sourceMappingURL=index.d.ts.map

package/build/esm/__fixtures__/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/__fixtures__/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,OAAO,KAAK,KAAK,MAAM,aAAa,CAAC;AACrC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC"}

package/build/esm/__fixtures__/index.js

@@ -0,0 +1,9 @@
+export * from './Button/index.js';
+export * from './InlineThemedButton/index.js';
+export * from './InlineVarButton/index.js';
+export * from './RecipeButton/index.js';
+export * from './ReuseCSS/index.js';
+export * from './ReuseStyled/index.js';
+export * as Theme from './theme.css.js';
+export * from './ThemedButton/index.js';
+export * from './VariantButton/index.js';

package/build/esm/__fixtures__/theme.css.d.ts

@@ -0,0 +1,17 @@
+export declare const spacing: {
+    sm: string;
+    md: string;
+    lg: string;
+};
+export declare const light: string, vars: {
+    color: {
+        brand: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    spacing: {
+        sm: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        md: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        lg: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+};
+export declare const dark: string;
+//# sourceMappingURL=theme.css.d.ts.map

package/build/esm/__fixtures__/theme.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.css.d.ts","sourceRoot":"","sources":["../../../src/__fixtures__/theme.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,OAAO;;;;CAInB,CAAC;AAEF,eAAO,MAAO,KAAK,UAAE,IAAI;;;;;;;;;CAKvB,CAAC;AAEH,eAAO,MAAM,IAAI,QAKf,CAAC"}

package/build/esm/__fixtures__/theme.css.js

@@ -0,0 +1,18 @@
+import { createTheme } from '../main.js';
+export const spacing = {
+    sm: '2px',
+    md: '4px',
+    lg: '8px',
+};
+export const [light, vars] = createTheme({
+    color: {
+        brand: 'red',
+    },
+    spacing,
+});
+export const dark = createTheme(vars, {
+    color: {
+        brand: 'blue',
+    },
+    spacing,
+});

package/build/esm/main.d.ts

@@ -0,0 +1,7 @@
+export * from './styled/index.js';
+export * from './ThemeContext.js';
+export * from '@vanilla-extract/css';
+export * from '@vanilla-extract/dynamic';
+export * from '@vanilla-extract/recipes';
+export { clsx } from 'clsx';
+//# sourceMappingURL=main.d.ts.map

package/build/esm/main.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../../src/main.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC"}

package/build/esm/main.js

@@ -0,0 +1,6 @@
+export * from './styled/index.js';
+export * from './ThemeContext.js';
+export * from '@vanilla-extract/css';
+export * from '@vanilla-extract/dynamic';
+export * from '@vanilla-extract/recipes';
+export { clsx } from 'clsx';

package/build/esm/package.json

@@ -0,0 +1 @@
+{ "type": "module" }