@plumile/ui 0.1.53

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) Plumile and its affiliates.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,3 @@
+# @plumile/ui
+
+Shared React UI primitives and theme for Plumile applications.

package/lib/atomic/atoms/badge/Badge.d.ts

@@ -0,0 +1,11 @@
+import { type JSX, type ReactNode } from 'react';
+type Props = {
+    children: ReactNode;
+    tone?: BadgeTone;
+    className?: string;
+    loading?: boolean;
+};
+type BadgeTone = 'neutral' | 'info' | 'success' | 'warning' | 'danger' | 'accent';
+export declare const Badge: ({ children, tone, className, loading, }: Props) => JSX.Element;
+export default Badge;
+//# sourceMappingURL=Badge.d.ts.map

package/lib/atomic/atoms/badge/Badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../../src/atomic/atoms/badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAKjD,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,KAAK,SAAS,GACV,SAAS,GACT,MAAM,GACN,SAAS,GACT,SAAS,GACT,QAAQ,GACR,QAAQ,CAAC;AAEb,eAAO,MAAM,KAAK,GAAI,yCAKnB,KAAK,KAAG,GAAG,CAAC,OAWd,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/lib/atomic/atoms/badge/Badge.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { badge } from './badge.css.js';
+import { cx } from '../../../theme/tools.js';
+export const Badge = ({ children, tone, className, loading = false, }) => {
+    let loadingVariant = 'off';
+    if (loading) {
+        loadingVariant = 'on';
+    }
+    return (_jsx("span", { className: cx(badge({ tone, loading: loadingVariant }), className), children: children }));
+};
+export default Badge;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQmFkZ2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvYXRvbWljL2F0b21zL2JhZGdlL0JhZGdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBRUEsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3ZDLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQWlCN0MsTUFBTSxDQUFDLE1BQU0sS0FBSyxHQUFHLENBQUMsRUFDcEIsUUFBUSxFQUNSLElBQUksRUFDSixTQUFTLEVBQ1QsT0FBTyxHQUFHLEtBQUssR0FDVCxFQUFlLEVBQUU7SUFDdkIsSUFBSSxjQUFjLEdBQWlCLEtBQUssQ0FBQztJQUN6QyxJQUFJLE9BQU8sRUFBRSxDQUFDO1FBQ1osY0FBYyxHQUFHLElBQUksQ0FBQztJQUN4QixDQUFDO0lBRUQsT0FBTyxDQUNMLGVBQU0sU0FBUyxFQUFFLEVBQUUsQ0FBQyxLQUFLLENBQUMsRUFBRSxJQUFJLEVBQUUsT0FBTyxFQUFFLGNBQWMsRUFBRSxDQUFDLEVBQUUsU0FBUyxDQUFDLFlBQ3JFLFFBQVEsR0FDSixDQUNSLENBQUM7QUFDSixDQUFDLENBQUM7QUFFRixlQUFlLEtBQUssQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHR5cGUgSlNYLCB0eXBlIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgYmFkZ2UgfSBmcm9tICcuL2JhZGdlLmNzcy5qcyc7XG5pbXBvcnQgeyBjeCB9IGZyb20gJy4uLy4uLy4uL3RoZW1lL3Rvb2xzLmpzJztcblxudHlwZSBQcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgdG9uZT86IEJhZGdlVG9uZTtcbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xuICBsb2FkaW5nPzogYm9vbGVhbjtcbn07XG5cbnR5cGUgQmFkZ2VUb25lID1cbiAgfCAnbmV1dHJhbCdcbiAgfCAnaW5mbydcbiAgfCAnc3VjY2VzcydcbiAgfCAnd2FybmluZydcbiAgfCAnZGFuZ2VyJ1xuICB8ICdhY2NlbnQnO1xuXG5leHBvcnQgY29uc3QgQmFkZ2UgPSAoe1xuICBjaGlsZHJlbixcbiAgdG9uZSxcbiAgY2xhc3NOYW1lLFxuICBsb2FkaW5nID0gZmFsc2UsXG59OiBQcm9wcyk6IEpTWC5FbGVtZW50ID0+IHtcbiAgbGV0IGxvYWRpbmdWYXJpYW50OiAnb24nIHwgJ29mZicgPSAnb2ZmJztcbiAgaWYgKGxvYWRpbmcpIHtcbiAgICBsb2FkaW5nVmFyaWFudCA9ICdvbic7XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxzcGFuIGNsYXNzTmFtZT17Y3goYmFkZ2UoeyB0b25lLCBsb2FkaW5nOiBsb2FkaW5nVmFyaWFudCB9KSwgY2xhc3NOYW1lKX0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9zcGFuPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgQmFkZ2U7XG4iXX0=

package/lib/atomic/atoms/badge/badge.css.d.ts

@@ -0,0 +1,17 @@
+import { type RecipeVariants } from '@vanilla-extract/recipes';
+export declare const badge: import("@vanilla-extract/recipes").RuntimeFn<{
+    tone: {
+        neutral: string;
+        info: string;
+        success: string;
+        warning: string;
+        danger: string;
+        accent: string;
+    };
+    loading: {
+        on: string;
+        off: string;
+    };
+}>;
+export type BadgeVariants = RecipeVariants<typeof badge>;
+//# sourceMappingURL=badge.css.d.ts.map

package/lib/atomic/atoms/badge/badge.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.css.d.ts","sourceRoot":"","sources":["../../../../src/atomic/atoms/badge/badge.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAU,KAAK,cAAc,EAAE,MAAM,0BAA0B,CAAC;AA0DvE,eAAO,MAAM,KAAK;;;;;;;;;;;;;EA8BhB,CAAC;AAEH,MAAM,MAAM,aAAa,GAAG,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC"}

package/lib/atomic/atoms/badge/badge.css.js

@@ -0,0 +1,85 @@
+import { keyframes, style } from '@vanilla-extract/css';
+import { recipe } from '@vanilla-extract/recipes';
+import { sprinkles } from '../../../theme/sprinkles.css.js';
+import { vars } from '../../../theme/themeContract.js';
+const baseSprinkles = sprinkles({
+    display: 'inline-flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    paddingY: 2,
+    paddingX: 3,
+    borderRadius: 'md',
+    fontSize: 'xs',
+    fontWeight: 'medium',
+    gap: 1,
+});
+const baseTypography = sprinkles({
+    lineHeight: 1,
+});
+const shimmerAnimation = keyframes({
+    '0%': {
+        transform: 'translateX(-120%)',
+    },
+    '50%': {
+        transform: 'translateX(0%)',
+    },
+    '100%': {
+        transform: 'translateX(120%)',
+    },
+});
+const loadingBase = style({
+    position: 'relative',
+    overflow: 'hidden',
+    selectors: {
+        '&::after': {
+            content: '',
+            position: 'absolute',
+            inset: 0,
+            background: `linear-gradient(
+        100deg,
+        ${vars.colors.transparent} 0%,
+        color-mix(in srgb, ${vars.colors.white} 20%, transparent) 25%,
+        color-mix(in srgb, ${vars.colors.white} 90%, transparent) 50%,
+        color-mix(in srgb, ${vars.colors.white} 20%, transparent) 75%,
+        ${vars.colors.transparent} 100%
+      )`,
+            transform: 'translateX(-120%)',
+            animation: `${shimmerAnimation} 1.1s ease-in-out infinite`,
+            opacity: 0.9,
+            pointerEvents: 'none',
+            willChange: 'transform',
+        },
+    },
+});
+export const badge = recipe({
+    base: [baseSprinkles, baseTypography],
+    variants: {
+        tone: {
+            neutral: sprinkles({
+                backgroundColor: 'brandLightGray',
+                color: 'brandDarkGray',
+            }),
+            info: sprinkles({
+                backgroundColor: 'primaryLight',
+                color: 'brandPrimaryRed',
+            }),
+            success: sprinkles({ backgroundColor: 'green-100', color: 'green-700' }),
+            warning: sprinkles({ backgroundColor: 'amber-100', color: 'amber-700' }),
+            danger: sprinkles({ backgroundColor: 'red-100', color: 'red-700' }),
+            accent: sprinkles({
+                backgroundColor: 'brandSecondaryOrange',
+                color: 'brandWhite',
+            }),
+        },
+        loading: {
+            on: loadingBase,
+            off: '',
+        },
+    },
+    defaultVariants: {
+        tone: 'neutral',
+        loading: 'off',
+    },
+    compoundVariants: [],
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UuY3NzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2F0b21pYy9hdG9tcy9iYWRnZS9iYWRnZS5jc3MudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUN4RCxPQUFPLEVBQUUsTUFBTSxFQUF1QixNQUFNLDBCQUEwQixDQUFDO0FBRXZFLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUM1RCxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFFdkQsTUFBTSxhQUFhLEdBQUcsU0FBUyxDQUFDO0lBQzlCLE9BQU8sRUFBRSxhQUFhO0lBQ3RCLFVBQVUsRUFBRSxRQUFRO0lBQ3BCLGNBQWMsRUFBRSxRQUFRO0lBQ3hCLFFBQVEsRUFBRSxDQUFDO0lBQ1gsUUFBUSxFQUFFLENBQUM7SUFDWCxZQUFZLEVBQUUsSUFBSTtJQUNsQixRQUFRLEVBQUUsSUFBSTtJQUNkLFVBQVUsRUFBRSxRQUFRO0lBQ3BCLEdBQUcsRUFBRSxDQUFDO0NBQ1AsQ0FBQyxDQUFDO0FBRUgsTUFBTSxjQUFjLEdBQUcsU0FBUyxDQUFDO0lBQy9CLFVBQVUsRUFBRSxDQUFDO0NBQ2QsQ0FBQyxDQUFDO0FBRUgsTUFBTSxnQkFBZ0IsR0FBRyxTQUFTLENBQUM7SUFDakMsSUFBSSxFQUFFO1FBQ0osU0FBUyxFQUFFLG1CQUFtQjtLQUMvQjtJQUNELEtBQUssRUFBRTtRQUNMLFNBQVMsRUFBRSxnQkFBZ0I7S0FDNUI7SUFDRCxNQUFNLEVBQUU7UUFDTixTQUFTLEVBQUUsa0JBQWtCO0tBQzlCO0NBQ0YsQ0FBQyxDQUFDO0FBRUgsTUFBTSxXQUFXLEdBQUcsS0FBSyxDQUFDO0lBQ3hCLFFBQVEsRUFBRSxVQUFVO0lBQ3BCLFFBQVEsRUFBRSxRQUFRO0lBQ2xCLFNBQVMsRUFBRTtRQUNULFVBQVUsRUFBRTtZQUNWLE9BQU8sRUFBRSxFQUFFO1lBQ1gsUUFBUSxFQUFFLFVBQVU7WUFDcEIsS0FBSyxFQUFFLENBQUM7WUFDUixVQUFVLEVBQUU7O1VBRVIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxXQUFXOzZCQUNKLElBQUksQ0FBQyxNQUFNLENBQUMsS0FBSzs2QkFDakIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxLQUFLOzZCQUNqQixJQUFJLENBQUMsTUFBTSxDQUFDLEtBQUs7VUFDcEMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxXQUFXO1FBQ3pCO1lBQ0YsU0FBUyxFQUFFLG1CQUFtQjtZQUM5QixTQUFTLEVBQUUsR0FBRyxnQkFBZ0IsNEJBQTRCO1lBQzFELE9BQU8sRUFBRSxHQUFHO1lBQ1osYUFBYSxFQUFFLE1BQU07WUFDckIsVUFBVSxFQUFFLFdBQVc7U0FDeEI7S0FDRjtDQUNGLENBQUMsQ0FBQztBQUVILE1BQU0sQ0FBQyxNQUFNLEtBQUssR0FBRyxNQUFNLENBQUM7SUFDMUIsSUFBSSxFQUFFLENBQUMsYUFBYSxFQUFFLGNBQWMsQ0FBQztJQUNyQyxRQUFRLEVBQUU7UUFDUixJQUFJLEVBQUU7WUFDSixPQUFPLEVBQUUsU0FBUyxDQUFDO2dCQUNqQixlQUFlLEVBQUUsZ0JBQWdCO2dCQUNqQyxLQUFLLEVBQUUsZUFBZTthQUN2QixDQUFDO1lBQ0YsSUFBSSxFQUFFLFNBQVMsQ0FBQztnQkFDZCxlQUFlLEVBQUUsY0FBYztnQkFDL0IsS0FBSyxFQUFFLGlCQUFpQjthQUN6QixDQUFDO1lBQ0YsT0FBTyxFQUFFLFNBQVMsQ0FBQyxFQUFFLGVBQWUsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLFdBQVcsRUFBRSxDQUFDO1lBQ3hFLE9BQU8sRUFBRSxTQUFTLENBQUMsRUFBRSxlQUFlLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUUsQ0FBQztZQUN4RSxNQUFNLEVBQUUsU0FBUyxDQUFDLEVBQUUsZUFBZSxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLENBQUM7WUFDbkUsTUFBTSxFQUFFLFNBQVMsQ0FBQztnQkFDaEIsZUFBZSxFQUFFLHNCQUFzQjtnQkFDdkMsS0FBSyxFQUFFLFlBQVk7YUFDcEIsQ0FBQztTQUNIO1FBQ0QsT0FBTyxFQUFFO1lBQ1AsRUFBRSxFQUFFLFdBQVc7WUFDZixHQUFHLEVBQUUsRUFBRTtTQUNSO0tBQ0Y7SUFDRCxlQUFlLEVBQUU7UUFDZixJQUFJLEVBQUUsU0FBUztRQUNmLE9BQU8sRUFBRSxLQUFLO0tBQ2Y7SUFDRCxnQkFBZ0IsRUFBRSxFQUFFO0NBQ3JCLENBQUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGtleWZyYW1lcywgc3R5bGUgfSBmcm9tICdAdmFuaWxsYS1leHRyYWN0L2Nzcyc7XG5pbXBvcnQgeyByZWNpcGUsIHR5cGUgUmVjaXBlVmFyaWFudHMgfSBmcm9tICdAdmFuaWxsYS1leHRyYWN0L3JlY2lwZXMnO1xuXG5pbXBvcnQgeyBzcHJpbmtsZXMgfSBmcm9tICcuLi8uLi8uLi90aGVtZS9zcHJpbmtsZXMuY3NzLmpzJztcbmltcG9ydCB7IHZhcnMgfSBmcm9tICcuLi8uLi8uLi90aGVtZS90aGVtZUNvbnRyYWN0LmpzJztcblxuY29uc3QgYmFzZVNwcmlua2xlcyA9IHNwcmlua2xlcyh7XG4gIGRpc3BsYXk6ICdpbmxpbmUtZmxleCcsXG4gIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICBqdXN0aWZ5Q29udGVudDogJ2NlbnRlcicsXG4gIHBhZGRpbmdZOiAyLFxuICBwYWRkaW5nWDogMyxcbiAgYm9yZGVyUmFkaXVzOiAnbWQnLFxuICBmb250U2l6ZTogJ3hzJyxcbiAgZm9udFdlaWdodDogJ21lZGl1bScsXG4gIGdhcDogMSxcbn0pO1xuXG5jb25zdCBiYXNlVHlwb2dyYXBoeSA9IHNwcmlua2xlcyh7XG4gIGxpbmVIZWlnaHQ6IDEsXG59KTtcblxuY29uc3Qgc2hpbW1lckFuaW1hdGlvbiA9IGtleWZyYW1lcyh7XG4gICcwJSc6IHtcbiAgICB0cmFuc2Zvcm06ICd0cmFuc2xhdGVYKC0xMjAlKScsXG4gIH0sXG4gICc1MCUnOiB7XG4gICAgdHJhbnNmb3JtOiAndHJhbnNsYXRlWCgwJSknLFxuICB9LFxuICAnMTAwJSc6IHtcbiAgICB0cmFuc2Zvcm06ICd0cmFuc2xhdGVYKDEyMCUpJyxcbiAgfSxcbn0pO1xuXG5jb25zdCBsb2FkaW5nQmFzZSA9IHN0eWxlKHtcbiAgcG9zaXRpb246ICdyZWxhdGl2ZScsXG4gIG92ZXJmbG93OiAnaGlkZGVuJyxcbiAgc2VsZWN0b3JzOiB7XG4gICAgJyY6OmFmdGVyJzoge1xuICAgICAgY29udGVudDogJycsXG4gICAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgICAgIGluc2V0OiAwLFxuICAgICAgYmFja2dyb3VuZDogYGxpbmVhci1ncmFkaWVudChcbiAgICAgICAgMTAwZGVnLFxuICAgICAgICAke3ZhcnMuY29sb3JzLnRyYW5zcGFyZW50fSAwJSxcbiAgICAgICAgY29sb3ItbWl4KGluIHNyZ2IsICR7dmFycy5jb2xvcnMud2hpdGV9IDIwJSwgdHJhbnNwYXJlbnQpIDI1JSxcbiAgICAgICAgY29sb3ItbWl4KGluIHNyZ2IsICR7dmFycy5jb2xvcnMud2hpdGV9IDkwJSwgdHJhbnNwYXJlbnQpIDUwJSxcbiAgICAgICAgY29sb3ItbWl4KGluIHNyZ2IsICR7dmFycy5jb2xvcnMud2hpdGV9IDIwJSwgdHJhbnNwYXJlbnQpIDc1JSxcbiAgICAgICAgJHt2YXJzLmNvbG9ycy50cmFuc3BhcmVudH0gMTAwJVxuICAgICAgKWAsXG4gICAgICB0cmFuc2Zvcm06ICd0cmFuc2xhdGVYKC0xMjAlKScsXG4gICAgICBhbmltYXRpb246IGAke3NoaW1tZXJBbmltYXRpb259IDEuMXMgZWFzZS1pbi1vdXQgaW5maW5pdGVgLFxuICAgICAgb3BhY2l0eTogMC45LFxuICAgICAgcG9pbnRlckV2ZW50czogJ25vbmUnLFxuICAgICAgd2lsbENoYW5nZTogJ3RyYW5zZm9ybScsXG4gICAgfSxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgYmFkZ2UgPSByZWNpcGUoe1xuICBiYXNlOiBbYmFzZVNwcmlua2xlcywgYmFzZVR5cG9ncmFwaHldLFxuICB2YXJpYW50czoge1xuICAgIHRvbmU6IHtcbiAgICAgIG5ldXRyYWw6IHNwcmlua2xlcyh7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogJ2JyYW5kTGlnaHRHcmF5JyxcbiAgICAgICAgY29sb3I6ICdicmFuZERhcmtHcmF5JyxcbiAgICAgIH0pLFxuICAgICAgaW5mbzogc3ByaW5rbGVzKHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiAncHJpbWFyeUxpZ2h0JyxcbiAgICAgICAgY29sb3I6ICdicmFuZFByaW1hcnlSZWQnLFxuICAgICAgfSksXG4gICAgICBzdWNjZXNzOiBzcHJpbmtsZXMoeyBiYWNrZ3JvdW5kQ29sb3I6ICdncmVlbi0xMDAnLCBjb2xvcjogJ2dyZWVuLTcwMCcgfSksXG4gICAgICB3YXJuaW5nOiBzcHJpbmtsZXMoeyBiYWNrZ3JvdW5kQ29sb3I6ICdhbWJlci0xMDAnLCBjb2xvcjogJ2FtYmVyLTcwMCcgfSksXG4gICAgICBkYW5nZXI6IHNwcmlua2xlcyh7IGJhY2tncm91bmRDb2xvcjogJ3JlZC0xMDAnLCBjb2xvcjogJ3JlZC03MDAnIH0pLFxuICAgICAgYWNjZW50OiBzcHJpbmtsZXMoe1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6ICdicmFuZFNlY29uZGFyeU9yYW5nZScsXG4gICAgICAgIGNvbG9yOiAnYnJhbmRXaGl0ZScsXG4gICAgICB9KSxcbiAgICB9LFxuICAgIGxvYWRpbmc6IHtcbiAgICAgIG9uOiBsb2FkaW5nQmFzZSxcbiAgICAgIG9mZjogJycsXG4gICAgfSxcbiAgfSxcbiAgZGVmYXVsdFZhcmlhbnRzOiB7XG4gICAgdG9uZTogJ25ldXRyYWwnLFxuICAgIGxvYWRpbmc6ICdvZmYnLFxuICB9LFxuICBjb21wb3VuZFZhcmlhbnRzOiBbXSxcbn0pO1xuXG5leHBvcnQgdHlwZSBCYWRnZVZhcmlhbnRzID0gUmVjaXBlVmFyaWFudHM8dHlwZW9mIGJhZGdlPjtcbiJdfQ==

package/lib/atomic/atoms/button/Button.d.ts

@@ -0,0 +1,18 @@
+import React, { type Ref, type JSX } from 'react';
+import { type ButtonVariants } from './button.css.js';
+type ButtonSlot = 'loadingIndicator' | 'spinnerIcon' | 'content' | 'iconLeft' | 'iconRight';
+type SlotClasses<T extends string> = Partial<Record<T, string>>;
+type Props = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'size'> & {
+    variant?: NonNullable<ButtonVariants>['variant'];
+    size?: NonNullable<ButtonVariants>['size'];
+    width?: NonNullable<ButtonVariants>['width'];
+    isLoading?: boolean;
+    loadingLabel?: React.ReactNode;
+    leftIcon?: React.ReactNode;
+    rightIcon?: React.ReactNode;
+    ref?: Ref<HTMLButtonElement>;
+    classes?: SlotClasses<ButtonSlot>;
+};
+export declare const Button: (props: Props) => JSX.Element;
+export {};
+//# sourceMappingURL=Button.d.ts.map

package/lib/atomic/atoms/button/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/atomic/atoms/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,GAAG,EAAE,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AAIlD,OAAO,EAOL,KAAK,cAAc,EACpB,MAAM,iBAAiB,CAAC;AAGzB,KAAK,UAAU,GACX,kBAAkB,GAClB,aAAa,GACb,SAAS,GACT,UAAU,GACV,WAAW,CAAC;AAEhB,KAAK,WAAW,CAAC,CAAC,SAAS,MAAM,IAAI,OAAO,CAAC,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC;AAGhE,KAAK,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC,GAAG;IACzE,OAAO,CAAC,EAAE,WAAW,CAAC,cAAc,CAAC,CAAC,SAAS,CAAC,CAAC;IACjD,IAAI,CAAC,EAAE,WAAW,CAAC,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC;IAC3C,KAAK,CAAC,EAAE,WAAW,CAAC,cAAc,CAAC,CAAC,OAAO,CAAC,CAAC;IAC7C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAC;IAC7B,OAAO,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC;CACnC,CAAC;AAEF,eAAO,MAAM,MAAM,GAAI,OAAO,KAAK,KAAG,GAAG,CAAC,OAuEzC,CAAC"}

package/lib/atomic/atoms/button/Button.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { ButtonLoadingSpinnerSvg } from '../../../icons/ButtonLoadingSpinnerSvg.js';
+import { button, content as contentClass, iconLeft, iconRight, loadingIndicator, spinnerIcon, } from './button.css.js';
+import { cx } from '../../../theme/tools.js';
+export const Button = (props) => {
+    const { children, className, disabled, isLoading = false, loadingLabel, classes, leftIcon, rightIcon, size, variant, width, ref, ...rest } = props;
+    const resolvedClassName = cx(button({ variant, size, width }), className);
+    const isDisabled = Boolean(isLoading) || Boolean(disabled);
+    let renderedContent;
+    if (isLoading) {
+        renderedContent = (_jsxs("span", { className: cx(loadingIndicator, classes?.loadingIndicator), children: [_jsx(ButtonLoadingSpinnerSvg, { className: cx(spinnerIcon, classes?.spinnerIcon), width: 20, height: 20 }), loadingLabel] }));
+    }
+    else {
+        const iconElements = [];
+        if (leftIcon != null) {
+            iconElements.push(_jsx("span", { className: cx(iconLeft, classes?.iconLeft), children: leftIcon }, "left-icon"));
+        }
+        iconElements.push(_jsx("span", { className: cx(contentClass, classes?.content), children: children }, "content"));
+        if (rightIcon != null) {
+            iconElements.push(_jsx("span", { className: cx(iconRight, classes?.iconRight), children: rightIcon }, "right-icon"));
+        }
+        renderedContent = _jsx(_Fragment, { children: iconElements });
+    }
+    return (_jsx("button", { ref: ref, className: resolvedClassName, disabled: isDisabled, ...rest, children: renderedContent }));
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2F0b21pYy9hdG9tcy9idXR0b24vQnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBRUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sMkNBQTJDLENBQUM7QUFFcEYsT0FBTyxFQUNMLE1BQU0sRUFDTixPQUFPLElBQUksWUFBWSxFQUN2QixRQUFRLEVBQ1IsU0FBUyxFQUNULGdCQUFnQixFQUNoQixXQUFXLEdBRVosTUFBTSxpQkFBaUIsQ0FBQztBQUN6QixPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUF3QjdDLE1BQU0sQ0FBQyxNQUFNLE1BQU0sR0FBRyxDQUFDLEtBQVksRUFBZSxFQUFFO0lBQ2xELE1BQU0sRUFDSixRQUFRLEVBQ1IsU0FBUyxFQUNULFFBQVEsRUFDUixTQUFTLEdBQUcsS0FBSyxFQUNqQixZQUFZLEVBQ1osT0FBTyxFQUNQLFFBQVEsRUFDUixTQUFTLEVBQ1QsSUFBSSxFQUNKLE9BQU8sRUFDUCxLQUFLLEVBQ0wsR0FBRyxFQUNILEdBQUcsSUFBSSxFQUNSLEdBQUcsS0FBSyxDQUFDO0lBRVYsTUFBTSxpQkFBaUIsR0FBRyxFQUFFLENBQUMsTUFBTSxDQUFDLEVBQUUsT0FBTyxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxDQUFDO0lBQzFFLE1BQU0sVUFBVSxHQUFHLE9BQU8sQ0FBQyxTQUFTLENBQUMsSUFBSSxPQUFPLENBQUMsUUFBUSxDQUFDLENBQUM7SUFFM0QsSUFBSSxlQUE0QixDQUFDO0lBRWpDLElBQUksU0FBUyxFQUFFLENBQUM7UUFDZCxlQUFlLEdBQUcsQ0FDaEIsZ0JBQU0sU0FBUyxFQUFFLEVBQUUsQ0FBQyxnQkFBZ0IsRUFBRSxPQUFPLEVBQUUsZ0JBQWdCLENBQUMsYUFDOUQsS0FBQyx1QkFBdUIsSUFDdEIsU0FBUyxFQUFFLEVBQUUsQ0FBQyxXQUFXLEVBQUUsT0FBTyxFQUFFLFdBQVcsQ0FBQyxFQUNoRCxLQUFLLEVBQUUsRUFBRSxFQUNULE1BQU0sRUFBRSxFQUFFLEdBQ1YsRUFDRCxZQUFZLElBQ1IsQ0FDUixDQUFDO0lBQ0osQ0FBQztTQUFNLENBQUM7UUFDTixNQUFNLFlBQVksR0FBa0IsRUFBRSxDQUFDO1FBRXZDLElBQUksUUFBUSxJQUFJLElBQUksRUFBRSxDQUFDO1lBQ3JCLFlBQVksQ0FBQyxJQUFJLENBQ2YsZUFBTSxTQUFTLEVBQUUsRUFBRSxDQUFDLFFBQVEsRUFBRSxPQUFPLEVBQUUsUUFBUSxDQUFDLFlBQzdDLFFBQVEsSUFEMkMsV0FBVyxDQUUxRCxDQUNSLENBQUM7UUFDSixDQUFDO1FBRUQsWUFBWSxDQUFDLElBQUksQ0FDZixlQUFNLFNBQVMsRUFBRSxFQUFFLENBQUMsWUFBWSxFQUFFLE9BQU8sRUFBRSxPQUFPLENBQUMsWUFDaEQsUUFBUSxJQUQ4QyxTQUFTLENBRTNELENBQ1IsQ0FBQztRQUVGLElBQUksU0FBUyxJQUFJLElBQUksRUFBRSxDQUFDO1lBQ3RCLFlBQVksQ0FBQyxJQUFJLENBQ2YsZUFBTSxTQUFTLEVBQUUsRUFBRSxDQUFDLFNBQVMsRUFBRSxPQUFPLEVBQUUsU0FBUyxDQUFDLFlBQy9DLFNBQVMsSUFENEMsWUFBWSxDQUU3RCxDQUNSLENBQUM7UUFDSixDQUFDO1FBRUQsZUFBZSxHQUFHLDRCQUFHLFlBQVksR0FBSSxDQUFDO0lBQ3hDLENBQUM7SUFFRCxPQUFPLENBQ0wsaUJBQ0UsR0FBRyxFQUFFLEdBQUcsRUFDUixTQUFTLEVBQUUsaUJBQWlCLEVBQzVCLFFBQVEsRUFBRSxVQUFVLEtBQ2hCLElBQUksWUFFUCxlQUFlLEdBQ1QsQ0FDVixDQUFDO0FBQ0osQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHR5cGUgUmVmLCB0eXBlIEpTWCB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgQnV0dG9uTG9hZGluZ1NwaW5uZXJTdmcgfSBmcm9tICcuLi8uLi8uLi9pY29ucy9CdXR0b25Mb2FkaW5nU3Bpbm5lclN2Zy5qcyc7XG5cbmltcG9ydCB7XG4gIGJ1dHRvbixcbiAgY29udGVudCBhcyBjb250ZW50Q2xhc3MsXG4gIGljb25MZWZ0LFxuICBpY29uUmlnaHQsXG4gIGxvYWRpbmdJbmRpY2F0b3IsXG4gIHNwaW5uZXJJY29uLFxuICB0eXBlIEJ1dHRvblZhcmlhbnRzLFxufSBmcm9tICcuL2J1dHRvbi5jc3MuanMnO1xuaW1wb3J0IHsgY3ggfSBmcm9tICcuLi8uLi8uLi90aGVtZS90b29scy5qcyc7XG5cbnR5cGUgQnV0dG9uU2xvdCA9XG4gIHwgJ2xvYWRpbmdJbmRpY2F0b3InXG4gIHwgJ3NwaW5uZXJJY29uJ1xuICB8ICdjb250ZW50J1xuICB8ICdpY29uTGVmdCdcbiAgfCAnaWNvblJpZ2h0JztcblxudHlwZSBTbG90Q2xhc3NlczxUIGV4dGVuZHMgc3RyaW5nPiA9IFBhcnRpYWw8UmVjb3JkPFQsIHN0cmluZz4+O1xuXG4vLyBPbWl0IHRoZSBjb25mbGljdGluZyAnc2l6ZScgcHJvcGVydHkgZnJvbSBIVE1MIGJ1dHRvbiBhdHRyaWJ1dGVzXG50eXBlIFByb3BzID0gT21pdDxSZWFjdC5CdXR0b25IVE1MQXR0cmlidXRlczxIVE1MQnV0dG9uRWxlbWVudD4sICdzaXplJz4gJiB7XG4gIHZhcmlhbnQ/OiBOb25OdWxsYWJsZTxCdXR0b25WYXJpYW50cz5bJ3ZhcmlhbnQnXTtcbiAgc2l6ZT86IE5vbk51bGxhYmxlPEJ1dHRvblZhcmlhbnRzPlsnc2l6ZSddO1xuICB3aWR0aD86IE5vbk51bGxhYmxlPEJ1dHRvblZhcmlhbnRzPlsnd2lkdGgnXTtcbiAgaXNMb2FkaW5nPzogYm9vbGVhbjtcbiAgbG9hZGluZ0xhYmVsPzogUmVhY3QuUmVhY3ROb2RlO1xuICBsZWZ0SWNvbj86IFJlYWN0LlJlYWN0Tm9kZTtcbiAgcmlnaHRJY29uPzogUmVhY3QuUmVhY3ROb2RlO1xuICByZWY/OiBSZWY8SFRNTEJ1dHRvbkVsZW1lbnQ+O1xuICBjbGFzc2VzPzogU2xvdENsYXNzZXM8QnV0dG9uU2xvdD47XG59O1xuXG5leHBvcnQgY29uc3QgQnV0dG9uID0gKHByb3BzOiBQcm9wcyk6IEpTWC5FbGVtZW50ID0+IHtcbiAgY29uc3Qge1xuICAgIGNoaWxkcmVuLFxuICAgIGNsYXNzTmFtZSxcbiAgICBkaXNhYmxlZCxcbiAgICBpc0xvYWRpbmcgPSBmYWxzZSxcbiAgICBsb2FkaW5nTGFiZWwsXG4gICAgY2xhc3NlcyxcbiAgICBsZWZ0SWNvbixcbiAgICByaWdodEljb24sXG4gICAgc2l6ZSxcbiAgICB2YXJpYW50LFxuICAgIHdpZHRoLFxuICAgIHJlZixcbiAgICAuLi5yZXN0XG4gIH0gPSBwcm9wcztcblxuICBjb25zdCByZXNvbHZlZENsYXNzTmFtZSA9IGN4KGJ1dHRvbih7IHZhcmlhbnQsIHNpemUsIHdpZHRoIH0pLCBjbGFzc05hbWUpO1xuICBjb25zdCBpc0Rpc2FibGVkID0gQm9vbGVhbihpc0xvYWRpbmcpIHx8IEJvb2xlYW4oZGlzYWJsZWQpO1xuXG4gIGxldCByZW5kZXJlZENvbnRlbnQ6IEpTWC5FbGVtZW50O1xuXG4gIGlmIChpc0xvYWRpbmcpIHtcbiAgICByZW5kZXJlZENvbnRlbnQgPSAoXG4gICAgICA8c3BhbiBjbGFzc05hbWU9e2N4KGxvYWRpbmdJbmRpY2F0b3IsIGNsYXNzZXM/LmxvYWRpbmdJbmRpY2F0b3IpfT5cbiAgICAgICAgPEJ1dHRvbkxvYWRpbmdTcGlubmVyU3ZnXG4gICAgICAgICAgY2xhc3NOYW1lPXtjeChzcGlubmVySWNvbiwgY2xhc3Nlcz8uc3Bpbm5lckljb24pfVxuICAgICAgICAgIHdpZHRoPXsyMH1cbiAgICAgICAgICBoZWlnaHQ9ezIwfVxuICAgICAgICAvPlxuICAgICAgICB7bG9hZGluZ0xhYmVsfVxuICAgICAgPC9zcGFuPlxuICAgICk7XG4gIH0gZWxzZSB7XG4gICAgY29uc3QgaWNvbkVsZW1lbnRzOiBKU1guRWxlbWVudFtdID0gW107XG5cbiAgICBpZiAobGVmdEljb24gIT0gbnVsbCkge1xuICAgICAgaWNvbkVsZW1lbnRzLnB1c2goXG4gICAgICAgIDxzcGFuIGNsYXNzTmFtZT17Y3goaWNvbkxlZnQsIGNsYXNzZXM/Lmljb25MZWZ0KX0ga2V5PVwibGVmdC1pY29uXCI+XG4gICAgICAgICAge2xlZnRJY29ufVxuICAgICAgICA8L3NwYW4+LFxuICAgICAgKTtcbiAgICB9XG5cbiAgICBpY29uRWxlbWVudHMucHVzaChcbiAgICAgIDxzcGFuIGNsYXNzTmFtZT17Y3goY29udGVudENsYXNzLCBjbGFzc2VzPy5jb250ZW50KX0ga2V5PVwiY29udGVudFwiPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L3NwYW4+LFxuICAgICk7XG5cbiAgICBpZiAocmlnaHRJY29uICE9IG51bGwpIHtcbiAgICAgIGljb25FbGVtZW50cy5wdXNoKFxuICAgICAgICA8c3BhbiBjbGFzc05hbWU9e2N4KGljb25SaWdodCwgY2xhc3Nlcz8uaWNvblJpZ2h0KX0ga2V5PVwicmlnaHQtaWNvblwiPlxuICAgICAgICAgIHtyaWdodEljb259XG4gICAgICAgIDwvc3Bhbj4sXG4gICAgICApO1xuICAgIH1cblxuICAgIHJlbmRlcmVkQ29udGVudCA9IDw+e2ljb25FbGVtZW50c308Lz47XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxidXR0b25cbiAgICAgIHJlZj17cmVmfVxuICAgICAgY2xhc3NOYW1lPXtyZXNvbHZlZENsYXNzTmFtZX1cbiAgICAgIGRpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgey4uLnJlc3R9XG4gICAgPlxuICAgICAge3JlbmRlcmVkQ29udGVudH1cbiAgICA8L2J1dHRvbj5cbiAgKTtcbn07XG4iXX0=

package/lib/atomic/atoms/button/LinkButton.d.ts

@@ -0,0 +1,19 @@
+import { type ComponentPropsWithoutRef, type JSX, type ReactNode, type Ref } from 'react';
+import { Link } from '@plumile/router';
+import { type ButtonVariants } from './button.css.js';
+type LinkProps = ComponentPropsWithoutRef<typeof Link>;
+type Props = Omit<LinkProps, 'children' | 'className'> & {
+    children: ReactNode;
+    className?: string;
+    variant?: NonNullable<ButtonVariants>['variant'];
+    size?: NonNullable<ButtonVariants>['size'];
+    width?: NonNullable<ButtonVariants>['width'];
+    isLoading?: boolean;
+    loadingLabel?: ReactNode;
+    leftIcon?: ReactNode;
+    rightIcon?: ReactNode;
+    ref?: Ref<HTMLAnchorElement>;
+};
+export declare const LinkButton: (props: Props) => JSX.Element;
+export {};
+//# sourceMappingURL=LinkButton.d.ts.map

package/lib/atomic/atoms/button/LinkButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkButton.d.ts","sourceRoot":"","sources":["../../../../src/atomic/atoms/button/LinkButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,wBAAwB,EAC7B,KAAK,GAAG,EACR,KAAK,SAAS,EACd,KAAK,GAAG,EACT,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAIvC,OAAO,EAQL,KAAK,cAAc,EACpB,MAAM,iBAAiB,CAAC;AAEzB,KAAK,SAAS,GAAG,wBAAwB,CAAC,OAAO,IAAI,CAAC,CAAC;AAEvD,KAAK,KAAK,GAAG,IAAI,CAAC,SAAS,EAAE,UAAU,GAAG,WAAW,CAAC,GAAG;IACvD,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,WAAW,CAAC,cAAc,CAAC,CAAC,SAAS,CAAC,CAAC;IACjD,IAAI,CAAC,EAAE,WAAW,CAAC,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC;IAC3C,KAAK,CAAC,EAAE,WAAW,CAAC,cAAc,CAAC,CAAC,OAAO,CAAC,CAAC;IAC7C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAC;CAC9B,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,OAAO,KAAK,KAAG,GAAG,CAAC,OAkF7C,CAAC"}

package/lib/atomic/atoms/button/LinkButton.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Link } from '@plumile/router';
+import { ButtonLoadingSpinnerSvg } from '../../../icons/ButtonLoadingSpinnerSvg.js';
+import { cx } from '../../../theme/tools.js';
+import { activeButton, button, content as contentClass, iconLeft, iconRight, loadingIndicator, spinnerIcon, } from './button.css.js';
+export const LinkButton = (props) => {
+    const { children, className, isDisabled, isLoading = false, leftIcon, loadingLabel, ref, rightIcon, size, variant, width, ...rest } = props;
+    const resolvedClassName = cx(button({ variant, size, width }), className);
+    const disabled = Boolean(isLoading) || Boolean(isDisabled);
+    const isIconVariant = variant === 'icon';
+    let renderedContent;
+    if (isLoading) {
+        renderedContent = (_jsxs("span", { className: loadingIndicator, children: [_jsx(ButtonLoadingSpinnerSvg, { className: spinnerIcon, width: 20, height: 20 }), loadingLabel] }));
+    }
+    else if (isIconVariant) {
+        const iconContent = leftIcon ?? rightIcon ?? children ?? null;
+        renderedContent = _jsx("span", { children: iconContent });
+    }
+    else {
+        const iconElements = [];
+        if (leftIcon != null) {
+            iconElements.push(_jsx("span", { className: iconLeft, children: leftIcon }, "left-icon"));
+        }
+        iconElements.push(_jsx("span", { className: contentClass, children: children }, "content"));
+        if (rightIcon != null) {
+            iconElements.push(_jsx("span", { className: iconRight, children: rightIcon }, "right-icon"));
+        }
+        renderedContent = _jsx(_Fragment, { children: iconElements });
+    }
+    let ariaDisabled;
+    if (disabled) {
+        ariaDisabled = true;
+    }
+    return (_jsx(Link, { ...rest, ref: ref, className: resolvedClassName, activeClassName: activeButton({ variant }), isDisabled: disabled, "aria-disabled": ariaDisabled, children: renderedContent }));
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlua0J1dHRvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9hdG9taWMvYXRvbXMvYnV0dG9uL0xpbmtCdXR0b24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFNQSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFdkMsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sMkNBQTJDLENBQUM7QUFDcEYsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQzdDLE9BQU8sRUFDTCxZQUFZLEVBQ1osTUFBTSxFQUNOLE9BQU8sSUFBSSxZQUFZLEVBQ3ZCLFFBQVEsRUFDUixTQUFTLEVBQ1QsZ0JBQWdCLEVBQ2hCLFdBQVcsR0FFWixNQUFNLGlCQUFpQixDQUFDO0FBaUJ6QixNQUFNLENBQUMsTUFBTSxVQUFVLEdBQUcsQ0FBQyxLQUFZLEVBQWUsRUFBRTtJQUN0RCxNQUFNLEVBQ0osUUFBUSxFQUNSLFNBQVMsRUFDVCxVQUFVLEVBQ1YsU0FBUyxHQUFHLEtBQUssRUFDakIsUUFBUSxFQUNSLFlBQVksRUFDWixHQUFHLEVBQ0gsU0FBUyxFQUNULElBQUksRUFDSixPQUFPLEVBQ1AsS0FBSyxFQUNMLEdBQUcsSUFBSSxFQUNSLEdBQUcsS0FBSyxDQUFDO0lBRVYsTUFBTSxpQkFBaUIsR0FBRyxFQUFFLENBQUMsTUFBTSxDQUFDLEVBQUUsT0FBTyxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxDQUFDO0lBQzFFLE1BQU0sUUFBUSxHQUFHLE9BQU8sQ0FBQyxTQUFTLENBQUMsSUFBSSxPQUFPLENBQUMsVUFBVSxDQUFDLENBQUM7SUFDM0QsTUFBTSxhQUFhLEdBQUcsT0FBTyxLQUFLLE1BQU0sQ0FBQztJQUV6QyxJQUFJLGVBQTRCLENBQUM7SUFFakMsSUFBSSxTQUFTLEVBQUUsQ0FBQztRQUNkLGVBQWUsR0FBRyxDQUNoQixnQkFBTSxTQUFTLEVBQUUsZ0JBQWdCLGFBQy9CLEtBQUMsdUJBQXVCLElBQ3RCLFNBQVMsRUFBRSxXQUFXLEVBQ3RCLEtBQUssRUFBRSxFQUFFLEVBQ1QsTUFBTSxFQUFFLEVBQUUsR0FDVixFQUNELFlBQVksSUFDUixDQUNSLENBQUM7SUFDSixDQUFDO1NBQU0sSUFBSSxhQUFhLEVBQUUsQ0FBQztRQUN6QixNQUFNLFdBQVcsR0FBRyxRQUFRLElBQUksU0FBUyxJQUFJLFFBQVEsSUFBSSxJQUFJLENBQUM7UUFFOUQsZUFBZSxHQUFHLHlCQUFPLFdBQVcsR0FBUSxDQUFDO0lBQy9DLENBQUM7U0FBTSxDQUFDO1FBQ04sTUFBTSxZQUFZLEdBQWtCLEVBQUUsQ0FBQztRQUV2QyxJQUFJLFFBQVEsSUFBSSxJQUFJLEVBQUUsQ0FBQztZQUNyQixZQUFZLENBQUMsSUFBSSxDQUNmLGVBQU0sU0FBUyxFQUFFLFFBQVEsWUFDdEIsUUFBUSxJQURvQixXQUFXLENBRW5DLENBQ1IsQ0FBQztRQUNKLENBQUM7UUFFRCxZQUFZLENBQUMsSUFBSSxDQUNmLGVBQU0sU0FBUyxFQUFFLFlBQVksWUFDMUIsUUFBUSxJQUR3QixTQUFTLENBRXJDLENBQ1IsQ0FBQztRQUVGLElBQUksU0FBUyxJQUFJLElBQUksRUFBRSxDQUFDO1lBQ3RCLFlBQVksQ0FBQyxJQUFJLENBQ2YsZUFBTSxTQUFTLEVBQUUsU0FBUyxZQUN2QixTQUFTLElBRG9CLFlBQVksQ0FFckMsQ0FDUixDQUFDO1FBQ0osQ0FBQztRQUVELGVBQWUsR0FBRyw0QkFBRyxZQUFZLEdBQUksQ0FBQztJQUN4QyxDQUFDO0lBRUQsSUFBSSxZQUE4QixDQUFDO0lBQ25DLElBQUksUUFBUSxFQUFFLENBQUM7UUFDYixZQUFZLEdBQUcsSUFBSSxDQUFDO0lBQ3RCLENBQUM7SUFFRCxPQUFPLENBQ0wsS0FBQyxJQUFJLE9BQ0MsSUFBSSxFQUNSLEdBQUcsRUFBRSxHQUFHLEVBQ1IsU0FBUyxFQUFFLGlCQUFpQixFQUM1QixlQUFlLEVBQUUsWUFBWSxDQUFDLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFDMUMsVUFBVSxFQUFFLFFBQVEsbUJBQ0wsWUFBWSxZQUUxQixlQUFlLEdBQ1gsQ0FDUixDQUFDO0FBQ0osQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgdHlwZSBDb21wb25lbnRQcm9wc1dpdGhvdXRSZWYsXG4gIHR5cGUgSlNYLFxuICB0eXBlIFJlYWN0Tm9kZSxcbiAgdHlwZSBSZWYsXG59IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IExpbmsgfSBmcm9tICdAcGx1bWlsZS9yb3V0ZXInO1xuXG5pbXBvcnQgeyBCdXR0b25Mb2FkaW5nU3Bpbm5lclN2ZyB9IGZyb20gJy4uLy4uLy4uL2ljb25zL0J1dHRvbkxvYWRpbmdTcGlubmVyU3ZnLmpzJztcbmltcG9ydCB7IGN4IH0gZnJvbSAnLi4vLi4vLi4vdGhlbWUvdG9vbHMuanMnO1xuaW1wb3J0IHtcbiAgYWN0aXZlQnV0dG9uLFxuICBidXR0b24sXG4gIGNvbnRlbnQgYXMgY29udGVudENsYXNzLFxuICBpY29uTGVmdCxcbiAgaWNvblJpZ2h0LFxuICBsb2FkaW5nSW5kaWNhdG9yLFxuICBzcGlubmVySWNvbixcbiAgdHlwZSBCdXR0b25WYXJpYW50cyxcbn0gZnJvbSAnLi9idXR0b24uY3NzLmpzJztcblxudHlwZSBMaW5rUHJvcHMgPSBDb21wb25lbnRQcm9wc1dpdGhvdXRSZWY8dHlwZW9mIExpbms+O1xuXG50eXBlIFByb3BzID0gT21pdDxMaW5rUHJvcHMsICdjaGlsZHJlbicgfCAnY2xhc3NOYW1lJz4gJiB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGU7XG4gIGNsYXNzTmFtZT86IHN0cmluZztcbiAgdmFyaWFudD86IE5vbk51bGxhYmxlPEJ1dHRvblZhcmlhbnRzPlsndmFyaWFudCddO1xuICBzaXplPzogTm9uTnVsbGFibGU8QnV0dG9uVmFyaWFudHM+WydzaXplJ107XG4gIHdpZHRoPzogTm9uTnVsbGFibGU8QnV0dG9uVmFyaWFudHM+Wyd3aWR0aCddO1xuICBpc0xvYWRpbmc/OiBib29sZWFuO1xuICBsb2FkaW5nTGFiZWw/OiBSZWFjdE5vZGU7XG4gIGxlZnRJY29uPzogUmVhY3ROb2RlO1xuICByaWdodEljb24/OiBSZWFjdE5vZGU7XG4gIHJlZj86IFJlZjxIVE1MQW5jaG9yRWxlbWVudD47XG59O1xuXG5leHBvcnQgY29uc3QgTGlua0J1dHRvbiA9IChwcm9wczogUHJvcHMpOiBKU1guRWxlbWVudCA9PiB7XG4gIGNvbnN0IHtcbiAgICBjaGlsZHJlbixcbiAgICBjbGFzc05hbWUsXG4gICAgaXNEaXNhYmxlZCxcbiAgICBpc0xvYWRpbmcgPSBmYWxzZSxcbiAgICBsZWZ0SWNvbixcbiAgICBsb2FkaW5nTGFiZWwsXG4gICAgcmVmLFxuICAgIHJpZ2h0SWNvbixcbiAgICBzaXplLFxuICAgIHZhcmlhbnQsXG4gICAgd2lkdGgsXG4gICAgLi4ucmVzdFxuICB9ID0gcHJvcHM7XG5cbiAgY29uc3QgcmVzb2x2ZWRDbGFzc05hbWUgPSBjeChidXR0b24oeyB2YXJpYW50LCBzaXplLCB3aWR0aCB9KSwgY2xhc3NOYW1lKTtcbiAgY29uc3QgZGlzYWJsZWQgPSBCb29sZWFuKGlzTG9hZGluZykgfHwgQm9vbGVhbihpc0Rpc2FibGVkKTtcbiAgY29uc3QgaXNJY29uVmFyaWFudCA9IHZhcmlhbnQgPT09ICdpY29uJztcblxuICBsZXQgcmVuZGVyZWRDb250ZW50OiBKU1guRWxlbWVudDtcblxuICBpZiAoaXNMb2FkaW5nKSB7XG4gICAgcmVuZGVyZWRDb250ZW50ID0gKFxuICAgICAgPHNwYW4gY2xhc3NOYW1lPXtsb2FkaW5nSW5kaWNhdG9yfT5cbiAgICAgICAgPEJ1dHRvbkxvYWRpbmdTcGlubmVyU3ZnXG4gICAgICAgICAgY2xhc3NOYW1lPXtzcGlubmVySWNvbn1cbiAgICAgICAgICB3aWR0aD17MjB9XG4gICAgICAgICAgaGVpZ2h0PXsyMH1cbiAgICAgICAgLz5cbiAgICAgICAge2xvYWRpbmdMYWJlbH1cbiAgICAgIDwvc3Bhbj5cbiAgICApO1xuICB9IGVsc2UgaWYgKGlzSWNvblZhcmlhbnQpIHtcbiAgICBjb25zdCBpY29uQ29udGVudCA9IGxlZnRJY29uID8/IHJpZ2h0SWNvbiA/PyBjaGlsZHJlbiA/PyBudWxsO1xuXG4gICAgcmVuZGVyZWRDb250ZW50ID0gPHNwYW4+e2ljb25Db250ZW50fTwvc3Bhbj47XG4gIH0gZWxzZSB7XG4gICAgY29uc3QgaWNvbkVsZW1lbnRzOiBKU1guRWxlbWVudFtdID0gW107XG5cbiAgICBpZiAobGVmdEljb24gIT0gbnVsbCkge1xuICAgICAgaWNvbkVsZW1lbnRzLnB1c2goXG4gICAgICAgIDxzcGFuIGNsYXNzTmFtZT17aWNvbkxlZnR9IGtleT1cImxlZnQtaWNvblwiPlxuICAgICAgICAgIHtsZWZ0SWNvbn1cbiAgICAgICAgPC9zcGFuPixcbiAgICAgICk7XG4gICAgfVxuXG4gICAgaWNvbkVsZW1lbnRzLnB1c2goXG4gICAgICA8c3BhbiBjbGFzc05hbWU9e2NvbnRlbnRDbGFzc30ga2V5PVwiY29udGVudFwiPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L3NwYW4+LFxuICAgICk7XG5cbiAgICBpZiAocmlnaHRJY29uICE9IG51bGwpIHtcbiAgICAgIGljb25FbGVtZW50cy5wdXNoKFxuICAgICAgICA8c3BhbiBjbGFzc05hbWU9e2ljb25SaWdodH0ga2V5PVwicmlnaHQtaWNvblwiPlxuICAgICAgICAgIHtyaWdodEljb259XG4gICAgICAgIDwvc3Bhbj4sXG4gICAgICApO1xuICAgIH1cblxuICAgIHJlbmRlcmVkQ29udGVudCA9IDw+e2ljb25FbGVtZW50c308Lz47XG4gIH1cblxuICBsZXQgYXJpYURpc2FibGVkOiB0cnVlIHwgdW5kZWZpbmVkO1xuICBpZiAoZGlzYWJsZWQpIHtcbiAgICBhcmlhRGlzYWJsZWQgPSB0cnVlO1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8TGlua1xuICAgICAgey4uLnJlc3R9XG4gICAgICByZWY9e3JlZn1cbiAgICAgIGNsYXNzTmFtZT17cmVzb2x2ZWRDbGFzc05hbWV9XG4gICAgICBhY3RpdmVDbGFzc05hbWU9e2FjdGl2ZUJ1dHRvbih7IHZhcmlhbnQgfSl9XG4gICAgICBpc0Rpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgIGFyaWEtZGlzYWJsZWQ9e2FyaWFEaXNhYmxlZH1cbiAgICA+XG4gICAgICB7cmVuZGVyZWRDb250ZW50fVxuICAgIDwvTGluaz5cbiAgKTtcbn07XG4iXX0=

package/lib/atomic/atoms/button/button.css.d.ts

@@ -0,0 +1,54 @@
+import { type RecipeVariants } from '@vanilla-extract/recipes';
+export declare const button: import("@vanilla-extract/recipes").RuntimeFn<{
+    variant: {
+        primary: string;
+        secondary: string;
+        text: string;
+        success: string;
+        danger: string;
+        brand: string;
+        brandGhost: string;
+        tab: string;
+        icon: string;
+    };
+    size: {
+        small: string;
+        medium: string;
+        large: string;
+    };
+    width: {
+        auto: string;
+        full: string;
+    };
+}>;
+export declare const tabButtonActive: string;
+export declare const activeButton: import("@vanilla-extract/recipes").RuntimeFn<{
+    variant: {
+        primary: string;
+        secondary: string;
+        text: string;
+        success: string;
+        danger: string;
+        brand: string;
+        brandGhost: string;
+        tab: string;
+        icon: string;
+    };
+    size: {
+        small: string;
+        medium: string;
+        large: string;
+    };
+    width: {
+        auto: string;
+        full: string;
+    };
+}>;
+export type ButtonVariants = RecipeVariants<typeof button>;
+export declare const content: string;
+export declare const loadingIndicator: string;
+export declare const spinnerIcon: string;
+export declare const iconLeft: string;
+export declare const iconRight: string;
+export declare const iconOnlyContent: string;
+//# sourceMappingURL=button.css.d.ts.map

package/lib/atomic/atoms/button/button.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.css.d.ts","sourceRoot":"","sources":["../../../../src/atomic/atoms/button/button.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAU,KAAK,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAmOvE,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;EA2CjB,CAAC;AAEH,eAAO,MAAM,eAAe,QAO1B,CAAC;AAEH,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;EA2CvB,CAAC;AAEH,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC;AAkB3D,eAAO,MAAM,OAAO,QAAmB,CAAC;AAExC,eAAO,MAAM,gBAAgB,QAI3B,CAAC;AAEH,eAAO,MAAM,WAAW,QAStB,CAAC;AAEH,eAAO,MAAM,QAAQ,QAInB,CAAC;AAEH,eAAO,MAAM,SAAS,QAIpB,CAAC;AAEH,eAAO,MAAM,eAAe,QAI1B,CAAC"}