@voiceflow/style 1.1.0

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

@@ -0,0 +1,29 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RecipeButton = void 0;
+const RecipeButton_component_1 = require("./RecipeButton.component");
+const css = __importStar(require("./RecipeButton.css"));
+exports.RecipeButton = Object.assign(RecipeButton_component_1.RecipeButton, { css });

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

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

package/build/cjs/__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/cjs/__fixtures__/ReuseCSS/ReuseCSS.component.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ReuseCSS = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ReuseCSS_css_1 = require("./ReuseCSS.css");
+const ReuseCSS = ({ onClick, children }) => ((0, jsx_runtime_1.jsx)("button", { className: ReuseCSS_css_1.base, onClick: onClick, children: children }));
+exports.ReuseCSS = ReuseCSS;

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

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

package/build/cjs/__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/cjs/__fixtures__/ReuseCSS/ReuseCSS.css.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.base = void 0;
+const main_1 = require("../../main");
+const Button_1 = require("../Button");
+exports.base = (0, main_1.style)([
+    Button_1.Button.css.base,
+    {
+        backgroundColor: 'red',
+        borderRadius: 0,
+    },
+]);

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

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

package/build/cjs/__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/cjs/__fixtures__/ReuseCSS/index.js

@@ -0,0 +1,29 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ReuseCSS = void 0;
+const ReuseCSS_component_1 = require("./ReuseCSS.component");
+const css = __importStar(require("./ReuseCSS.css"));
+exports.ReuseCSS = Object.assign(ReuseCSS_component_1.ReuseCSS, { css });

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

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

package/build/cjs/__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/cjs/__fixtures__/ReuseStyled/ReuseStyled.component.js

@@ -0,0 +1,30 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ReuseStyled = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const S = __importStar(require("./ReuseStyled.styled"));
+const ReuseStyled = ({ onClick, children }) => ((0, jsx_runtime_1.jsx)(S.Base, { onClick: onClick, children: children }));
+exports.ReuseStyled = ReuseStyled;

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

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

package/build/cjs/__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/cjs/__fixtures__/ReuseStyled/ReuseStyled.css.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.override = void 0;
+const main_1 = require("../../main");
+exports.override = (0, main_1.style)({
+    border: '1px solid red',
+    margin: 2,
+});

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

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

package/build/cjs/__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/cjs/__fixtures__/ReuseStyled/ReuseStyled.styled.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Base = void 0;
+const main_1 = require("../../main");
+const Button_1 = require("../Button");
+const ReuseStyled_css_1 = require("./ReuseStyled.css");
+exports.Base = main_1.styled.button([Button_1.Button.Base, ReuseStyled_css_1.override]);

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

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

package/build/cjs/__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/cjs/__fixtures__/ReuseStyled/index.js

@@ -0,0 +1,29 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ReuseStyled = void 0;
+const ReuseStyled_component_1 = require("./ReuseStyled.component");
+const css = __importStar(require("./ReuseStyled.css"));
+exports.ReuseStyled = Object.assign(ReuseStyled_component_1.ReuseStyled, { css });

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

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

package/build/cjs/__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/cjs/__fixtures__/ThemedButton/ThemedButton.component.js

@@ -0,0 +1,30 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ThemedButton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const S = __importStar(require("./ThemedButton.styled"));
+const ThemedButton = ({ onClick, children }) => ((0, jsx_runtime_1.jsx)(S.Base, { onClick: onClick, children: children }));
+exports.ThemedButton = ThemedButton;

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

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

package/build/cjs/__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/cjs/__fixtures__/ThemedButton/ThemedButton.css.js

@@ -0,0 +1,32 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.themed = void 0;
+const main_1 = require("../../main");
+const Theme = __importStar(require("../theme.css"));
+exports.themed = (0, main_1.style)({
+    color: Theme.vars.color.brand,
+    borderRadius: 0,
+});

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

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

package/build/cjs/__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/cjs/__fixtures__/ThemedButton/ThemedButton.styled.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Base = void 0;
+const main_1 = require("../../main");
+const Button_1 = require("../Button");
+const ThemedButton_css_1 = require("./ThemedButton.css");
+exports.Base = main_1.styled.button([Button_1.Button.Base, ThemedButton_css_1.themed]);

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

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

package/build/cjs/__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/cjs/__fixtures__/ThemedButton/index.js

@@ -0,0 +1,29 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ThemedButton = void 0;
+const ThemedButton_component_1 = require("./ThemedButton.component");
+const css = __importStar(require("./ThemedButton.css"));
+exports.ThemedButton = Object.assign(ThemedButton_component_1.ThemedButton, { css });

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

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

package/build/cjs/__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/cjs/__fixtures__/VariantButton/VariantButton.component.js

@@ -0,0 +1,30 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VariantButton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const S = __importStar(require("./VariantButton.styled"));
+const VariantButton = ({ variant, onClick, children }) => ((0, jsx_runtime_1.jsx)(S.Base, { variant: variant, onClick: onClick, children: children }));
+exports.VariantButton = VariantButton;

package/build/cjs/__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/cjs/__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/cjs/__fixtures__/VariantButton/VariantButton.css.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.variants = void 0;
+const main_1 = require("../../main");
+exports.variants = (0, main_1.styleVariants)({
+    primary: { borderWidth: 2, borderColor: 'pink' },
+    secondary: { borderWidth: 2, borderColor: 'blue' },
+});

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

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

package/build/cjs/__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/cjs/__fixtures__/VariantButton/VariantButton.styled.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Base = void 0;
+const main_1 = require("../../main");
+const Button_1 = require("../Button");
+const VariantButton_css_1 = require("./VariantButton.css");
+exports.Base = main_1.styled.button(VariantButton_css_1.variants, [Button_1.Button.Base]);

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

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

package/build/cjs/__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/cjs/__fixtures__/VariantButton/index.js

@@ -0,0 +1,29 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VariantButton = void 0;
+const VariantButton_component_1 = require("./VariantButton.component");
+const css = __importStar(require("./VariantButton.css"));
+exports.VariantButton = Object.assign(VariantButton_component_1.VariantButton, { css });

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

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

package/build/cjs/__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/cjs/__fixtures__/index.js

@@ -0,0 +1,38 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Theme = void 0;
+__exportStar(require("./Button"), exports);
+__exportStar(require("./InlineThemedButton"), exports);
+__exportStar(require("./InlineVarButton"), exports);
+__exportStar(require("./RecipeButton"), exports);
+__exportStar(require("./ReuseCSS"), exports);
+__exportStar(require("./ReuseStyled"), exports);
+exports.Theme = __importStar(require("./theme.css"));
+__exportStar(require("./ThemedButton"), exports);
+__exportStar(require("./VariantButton"), exports);

package/build/cjs/__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/cjs/__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/cjs/__fixtures__/theme.css.js

@@ -0,0 +1,22 @@
+"use strict";
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.dark = exports.vars = exports.light = exports.spacing = void 0;
+const main_1 = require("../main");
+exports.spacing = {
+    sm: '2px',
+    md: '4px',
+    lg: '8px',
+};
+_a = (0, main_1.createTheme)({
+    color: {
+        brand: 'red',
+    },
+    spacing: exports.spacing,
+}), exports.light = _a[0], exports.vars = _a[1];
+exports.dark = (0, main_1.createTheme)(exports.vars, {
+    color: {
+        brand: 'blue',
+    },
+    spacing: exports.spacing,
+});

package/build/cjs/main.d.ts

@@ -0,0 +1,7 @@
+export * from './styled';
+export * from './ThemeContext';
+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/cjs/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"}