@plumile/ui 0.1.53

package/lib/components/layout/TabsContentLayout.css.js

@@ -0,0 +1,24 @@
+import { sprinkles } from '../../theme/sprinkles.css.js';
+export const wrapper = sprinkles({
+    display: 'flex',
+    flexDirection: 'column',
+    gap: 4,
+    width: 'full',
+});
+export const tabsBar = sprinkles({
+    width: 'full',
+    display: 'flex',
+    justifyContent: 'center',
+});
+export const tabsInner = sprinkles({
+    width: 'full',
+    display: 'flex',
+    justifyContent: 'center',
+});
+export const panels = sprinkles({
+    width: 'full',
+});
+export const panel = sprinkles({
+    width: 'full',
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFic0NvbnRlbnRMYXlvdXQuY3NzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvbGF5b3V0L1RhYnNDb250ZW50TGF5b3V0LmNzcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFFekQsTUFBTSxDQUFDLE1BQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQztJQUMvQixPQUFPLEVBQUUsTUFBTTtJQUNmLGFBQWEsRUFBRSxRQUFRO0lBQ3ZCLEdBQUcsRUFBRSxDQUFDO0lBQ04sS0FBSyxFQUFFLE1BQU07Q0FDZCxDQUFDLENBQUM7QUFFSCxNQUFNLENBQUMsTUFBTSxPQUFPLEdBQUcsU0FBUyxDQUFDO0lBQy9CLEtBQUssRUFBRSxNQUFNO0lBQ2IsT0FBTyxFQUFFLE1BQU07SUFDZixjQUFjLEVBQUUsUUFBUTtDQUN6QixDQUFDLENBQUM7QUFFSCxNQUFNLENBQUMsTUFBTSxTQUFTLEdBQUcsU0FBUyxDQUFDO0lBQ2pDLEtBQUssRUFBRSxNQUFNO0lBQ2IsT0FBTyxFQUFFLE1BQU07SUFDZixjQUFjLEVBQUUsUUFBUTtDQUN6QixDQUFDLENBQUM7QUFFSCxNQUFNLENBQUMsTUFBTSxNQUFNLEdBQUcsU0FBUyxDQUFDO0lBQzlCLEtBQUssRUFBRSxNQUFNO0NBQ2QsQ0FBQyxDQUFDO0FBRUgsTUFBTSxDQUFDLE1BQU0sS0FBSyxHQUFHLFNBQVMsQ0FBQztJQUM3QixLQUFLLEVBQUUsTUFBTTtDQUNkLENBQUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHNwcmlua2xlcyB9IGZyb20gJy4uLy4uL3RoZW1lL3Nwcmlua2xlcy5jc3MuanMnO1xuXG5leHBvcnQgY29uc3Qgd3JhcHBlciA9IHNwcmlua2xlcyh7XG4gIGRpc3BsYXk6ICdmbGV4JyxcbiAgZmxleERpcmVjdGlvbjogJ2NvbHVtbicsXG4gIGdhcDogNCxcbiAgd2lkdGg6ICdmdWxsJyxcbn0pO1xuXG5leHBvcnQgY29uc3QgdGFic0JhciA9IHNwcmlua2xlcyh7XG4gIHdpZHRoOiAnZnVsbCcsXG4gIGRpc3BsYXk6ICdmbGV4JyxcbiAganVzdGlmeUNvbnRlbnQ6ICdjZW50ZXInLFxufSk7XG5cbmV4cG9ydCBjb25zdCB0YWJzSW5uZXIgPSBzcHJpbmtsZXMoe1xuICB3aWR0aDogJ2Z1bGwnLFxuICBkaXNwbGF5OiAnZmxleCcsXG4gIGp1c3RpZnlDb250ZW50OiAnY2VudGVyJyxcbn0pO1xuXG5leHBvcnQgY29uc3QgcGFuZWxzID0gc3ByaW5rbGVzKHtcbiAgd2lkdGg6ICdmdWxsJyxcbn0pO1xuXG5leHBvcnQgY29uc3QgcGFuZWwgPSBzcHJpbmtsZXMoe1xuICB3aWR0aDogJ2Z1bGwnLFxufSk7XG4iXX0=

package/lib/components/layout/TabsContentLayout.d.ts

@@ -0,0 +1,9 @@
+import { type JSX, type ReactNode } from 'react';
+import { type TabItem } from '../../atomic/molecules/tabs/Tabs.js';
+export type TabsContentLayoutProps = {
+    tabs: TabItem[];
+    ariaLabel?: string;
+    children: ReactNode;
+};
+export declare const TabsContentLayout: (props: TabsContentLayoutProps) => JSX.Element;
+//# sourceMappingURL=TabsContentLayout.d.ts.map

package/lib/components/layout/TabsContentLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsContentLayout.d.ts","sourceRoot":"","sources":["../../../src/components/layout/TabsContentLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAQ,KAAK,OAAO,EAAE,MAAM,qCAAqC,CAAC;AAGzE,MAAM,MAAM,sBAAsB,GAAG;IACnC,IAAI,EAAE,OAAO,EAAE,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAC5B,OAAO,sBAAsB,KAC5B,GAAG,CAAC,OAiBN,CAAC"}

package/lib/components/layout/TabsContentLayout.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Tabs } from '../../atomic/molecules/tabs/Tabs.js';
+import * as styles from './TabsContentLayout.css.js';
+export const TabsContentLayout = (props) => {
+    const { ariaLabel, children, tabs } = props;
+    return (_jsxs("div", { className: styles.wrapper, children: [_jsx("div", { className: styles.tabsBar, children: _jsx("div", { className: styles.tabsInner, children: _jsx(Tabs, { items: tabs, ariaLabel: ariaLabel }) }) }), _jsx("div", { className: styles.panels, children: _jsx("section", { role: "tabpanel", className: styles.panel, children: children }) })] }));
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFic0NvbnRlbnRMYXlvdXQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9sYXlvdXQvVGFic0NvbnRlbnRMYXlvdXQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFFQSxPQUFPLEVBQUUsSUFBSSxFQUFnQixNQUFNLHFDQUFxQyxDQUFDO0FBQ3pFLE9BQU8sS0FBSyxNQUFNLE1BQU0sNEJBQTRCLENBQUM7QUFRckQsTUFBTSxDQUFDLE1BQU0saUJBQWlCLEdBQUcsQ0FDL0IsS0FBNkIsRUFDaEIsRUFBRTtJQUNmLE1BQU0sRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxHQUFHLEtBQUssQ0FBQztJQUU1QyxPQUFPLENBQ0wsZUFBSyxTQUFTLEVBQUUsTUFBTSxDQUFDLE9BQU8sYUFDNUIsY0FBSyxTQUFTLEVBQUUsTUFBTSxDQUFDLE9BQU8sWUFDNUIsY0FBSyxTQUFTLEVBQUUsTUFBTSxDQUFDLFNBQVMsWUFDOUIsS0FBQyxJQUFJLElBQUMsS0FBSyxFQUFFLElBQUksRUFBRSxTQUFTLEVBQUUsU0FBUyxHQUFJLEdBQ3ZDLEdBQ0YsRUFDTixjQUFLLFNBQVMsRUFBRSxNQUFNLENBQUMsTUFBTSxZQUMzQixrQkFBUyxJQUFJLEVBQUMsVUFBVSxFQUFDLFNBQVMsRUFBRSxNQUFNLENBQUMsS0FBSyxZQUM3QyxRQUFRLEdBQ0QsR0FDTixJQUNGLENBQ1AsQ0FBQztBQUNKLENBQUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHR5cGUgSlNYLCB0eXBlIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgVGFicywgdHlwZSBUYWJJdGVtIH0gZnJvbSAnLi4vLi4vYXRvbWljL21vbGVjdWxlcy90YWJzL1RhYnMuanMnO1xuaW1wb3J0ICogYXMgc3R5bGVzIGZyb20gJy4vVGFic0NvbnRlbnRMYXlvdXQuY3NzLmpzJztcblxuZXhwb3J0IHR5cGUgVGFic0NvbnRlbnRMYXlvdXRQcm9wcyA9IHtcbiAgdGFiczogVGFiSXRlbVtdO1xuICBhcmlhTGFiZWw/OiBzdHJpbmc7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGU7XG59O1xuXG5leHBvcnQgY29uc3QgVGFic0NvbnRlbnRMYXlvdXQgPSAoXG4gIHByb3BzOiBUYWJzQ29udGVudExheW91dFByb3BzLFxuKTogSlNYLkVsZW1lbnQgPT4ge1xuICBjb25zdCB7IGFyaWFMYWJlbCwgY2hpbGRyZW4sIHRhYnMgfSA9IHByb3BzO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdiBjbGFzc05hbWU9e3N0eWxlcy53cmFwcGVyfT5cbiAgICAgIDxkaXYgY2xhc3NOYW1lPXtzdHlsZXMudGFic0Jhcn0+XG4gICAgICAgIDxkaXYgY2xhc3NOYW1lPXtzdHlsZXMudGFic0lubmVyfT5cbiAgICAgICAgICA8VGFicyBpdGVtcz17dGFic30gYXJpYUxhYmVsPXthcmlhTGFiZWx9IC8+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgICA8ZGl2IGNsYXNzTmFtZT17c3R5bGVzLnBhbmVsc30+XG4gICAgICAgIDxzZWN0aW9uIHJvbGU9XCJ0YWJwYW5lbFwiIGNsYXNzTmFtZT17c3R5bGVzLnBhbmVsfT5cbiAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgIDwvc2VjdGlvbj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICApO1xufTtcbiJdfQ==

package/lib/components/tile/InfoTile.css.d.ts

@@ -0,0 +1,13 @@
+export declare const tile: string;
+export declare const interactive: string;
+export declare const interactiveLink: string;
+export declare const interactiveButton: string;
+export declare const header: string;
+export declare const headingGroup: string;
+export declare const title: string;
+export declare const subtitle: string;
+export declare const meta: string;
+export declare const body: string;
+export declare const footer: string;
+export declare const actions: string;
+//# sourceMappingURL=InfoTile.css.d.ts.map

package/lib/components/tile/InfoTile.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfoTile.css.d.ts","sourceRoot":"","sources":["../../../src/components/tile/InfoTile.css.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,QASf,CAAC;AAEH,eAAO,MAAM,WAAW,QAkBtB,CAAC;AAEH,eAAO,MAAM,eAAe,QAI1B,CAAC;AAMH,eAAO,MAAM,iBAAiB,QAO5B,CAAC;AAEH,eAAO,MAAM,MAAM,QAMjB,CAAC;AAEH,eAAO,MAAM,YAAY,QAKvB,CAAC;AAEH,eAAO,MAAM,KAAK,QAMhB,CAAC;AAEH,eAAO,MAAM,QAAQ,QAInB,CAAC;AAEH,eAAO,MAAM,IAAI,QAMf,CAAC;AAEH,eAAO,MAAM,IAAI,QAMf,CAAC;AAEH,eAAO,MAAM,MAAM,QAQjB,CAAC;AAEH,eAAO,MAAM,OAAO,QAKlB,CAAC"}

package/lib/components/tile/InfoTile.css.js

@@ -0,0 +1,103 @@
+import { style } from '@vanilla-extract/css';
+import { sprinkles } from '../../theme/sprinkles.css.js';
+import { vars } from '../../theme/themeContract.js';
+export const tile = sprinkles({
+    width: 'full',
+    borderRadius: '2xl',
+    backgroundColor: 'black-10',
+    padding: 6,
+    display: 'flex',
+    flexDirection: 'column',
+    gap: 4,
+    boxShadow: 'sm',
+});
+export const interactive = style([
+    sprinkles({
+        transitionProperty: 'default',
+        transitionDuration: 160,
+        transitionTimingFunction: 'ease',
+    }),
+    {
+        selectors: {
+            '&:hover': {
+                boxShadow: vars.boxShadow.md,
+                transform: 'translateY(-2px)',
+            },
+            '&:focus-visible': {
+                outline: `2px solid ${vars.colors['blue-500']}`,
+                outlineOffset: '2px',
+            },
+        },
+    },
+]);
+export const interactiveLink = sprinkles({
+    textDecoration: 'none',
+    width: 'full',
+    display: 'inline-flex',
+});
+const interactiveButtonReset = sprinkles({
+    all: 'unset',
+});
+export const interactiveButton = style([
+    interactiveButtonReset,
+    sprinkles({
+        cursor: 'pointer',
+        display: 'inline-flex',
+        width: 'full',
+    }),
+]);
+export const header = sprinkles({
+    display: 'flex',
+    flexWrap: 'wrap',
+    alignItems: 'flex-start',
+    justifyContent: 'space-between',
+    gap: 3,
+});
+export const headingGroup = sprinkles({
+    display: 'flex',
+    flexDirection: 'column',
+    gap: 1,
+    minWidth: 0,
+});
+export const title = sprinkles({
+    fontSize: 'xl',
+    lineHeight: 1.4,
+    fontWeight: 'semibold',
+    color: 'text',
+    margin: 0,
+});
+export const subtitle = sprinkles({
+    margin: 0,
+    fontSize: 'sm',
+    fontWeight: 'extrabold',
+});
+export const meta = sprinkles({
+    fontSize: 'sm',
+    color: 'textSecondary',
+    display: 'flex',
+    flexWrap: 'wrap',
+    gap: 2,
+});
+export const body = sprinkles({
+    fontSize: 'base',
+    color: 'text',
+    display: 'flex',
+    flexDirection: 'column',
+    gap: 2,
+});
+export const footer = sprinkles({
+    display: 'flex',
+    flexWrap: 'wrap',
+    gap: 3,
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    fontSize: 'sm',
+    color: 'textSecondary',
+});
+export const actions = sprinkles({
+    display: 'flex',
+    alignItems: 'center',
+    gap: 2,
+    marginLeft: 'auto',
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW5mb1RpbGUuY3NzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvdGlsZS9JbmZvVGlsZS5jc3MudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBRTdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFFcEQsTUFBTSxDQUFDLE1BQU0sSUFBSSxHQUFHLFNBQVMsQ0FBQztJQUM1QixLQUFLLEVBQUUsTUFBTTtJQUNiLFlBQVksRUFBRSxLQUFLO0lBQ25CLGVBQWUsRUFBRSxVQUFVO0lBQzNCLE9BQU8sRUFBRSxDQUFDO0lBQ1YsT0FBTyxFQUFFLE1BQU07SUFDZixhQUFhLEVBQUUsUUFBUTtJQUN2QixHQUFHLEVBQUUsQ0FBQztJQUNOLFNBQVMsRUFBRSxJQUFJO0NBQ2hCLENBQUMsQ0FBQztBQUVILE1BQU0sQ0FBQyxNQUFNLFdBQVcsR0FBRyxLQUFLLENBQUM7SUFDL0IsU0FBUyxDQUFDO1FBQ1Isa0JBQWtCLEVBQUUsU0FBUztRQUM3QixrQkFBa0IsRUFBRSxHQUFHO1FBQ3ZCLHdCQUF3QixFQUFFLE1BQU07S0FDakMsQ0FBQztJQUNGO1FBQ0UsU0FBUyxFQUFFO1lBQ1QsU0FBUyxFQUFFO2dCQUNULFNBQVMsRUFBRSxJQUFJLENBQUMsU0FBUyxDQUFDLEVBQUU7Z0JBQzVCLFNBQVMsRUFBRSxrQkFBa0I7YUFDOUI7WUFDRCxpQkFBaUIsRUFBRTtnQkFDakIsT0FBTyxFQUFFLGFBQWEsSUFBSSxDQUFDLE1BQU0sQ0FBQyxVQUFVLENBQUMsRUFBRTtnQkFDL0MsYUFBYSxFQUFFLEtBQUs7YUFDckI7U0FDRjtLQUNGO0NBQ0YsQ0FBQyxDQUFDO0FBRUgsTUFBTSxDQUFDLE1BQU0sZUFBZSxHQUFHLFNBQVMsQ0FBQztJQUN2QyxjQUFjLEVBQUUsTUFBTTtJQUN0QixLQUFLLEVBQUUsTUFBTTtJQUNiLE9BQU8sRUFBRSxhQUFhO0NBQ3ZCLENBQUMsQ0FBQztBQUVILE1BQU0sc0JBQXNCLEdBQUcsU0FBUyxDQUFDO0lBQ3ZDLEdBQUcsRUFBRSxPQUFPO0NBQ2IsQ0FBQyxDQUFDO0FBRUgsTUFBTSxDQUFDLE1BQU0saUJBQWlCLEdBQUcsS0FBSyxDQUFDO0lBQ3JDLHNCQUFzQjtJQUN0QixTQUFTLENBQUM7UUFDUixNQUFNLEVBQUUsU0FBUztRQUNqQixPQUFPLEVBQUUsYUFBYTtRQUN0QixLQUFLLEVBQUUsTUFBTTtLQUNkLENBQUM7Q0FDSCxDQUFDLENBQUM7QUFFSCxNQUFNLENBQUMsTUFBTSxNQUFNLEdBQUcsU0FBUyxDQUFDO0lBQzlCLE9BQU8sRUFBRSxNQUFNO0lBQ2YsUUFBUSxFQUFFLE1BQU07SUFDaEIsVUFBVSxFQUFFLFlBQVk7SUFDeEIsY0FBYyxFQUFFLGVBQWU7SUFDL0IsR0FBRyxFQUFFLENBQUM7Q0FDUCxDQUFDLENBQUM7QUFFSCxNQUFNLENBQUMsTUFBTSxZQUFZLEdBQUcsU0FBUyxDQUFDO0lBQ3BDLE9BQU8sRUFBRSxNQUFNO0lBQ2YsYUFBYSxFQUFFLFFBQVE7SUFDdkIsR0FBRyxFQUFFLENBQUM7SUFDTixRQUFRLEVBQUUsQ0FBQztDQUNaLENBQUMsQ0FBQztBQUVILE1BQU0sQ0FBQyxNQUFNLEtBQUssR0FBRyxTQUFTLENBQUM7SUFDN0IsUUFBUSxFQUFFLElBQUk7SUFDZCxVQUFVLEVBQUUsR0FBRztJQUNmLFVBQVUsRUFBRSxVQUFVO0lBQ3RCLEtBQUssRUFBRSxNQUFNO0lBQ2IsTUFBTSxFQUFFLENBQUM7Q0FDVixDQUFDLENBQUM7QUFFSCxNQUFNLENBQUMsTUFBTSxRQUFRLEdBQUcsU0FBUyxDQUFDO0lBQ2hDLE1BQU0sRUFBRSxDQUFDO0lBQ1QsUUFBUSxFQUFFLElBQUk7SUFDZCxVQUFVLEVBQUUsV0FBVztDQUN4QixDQUFDLENBQUM7QUFFSCxNQUFNLENBQUMsTUFBTSxJQUFJLEdBQUcsU0FBUyxDQUFDO0lBQzVCLFFBQVEsRUFBRSxJQUFJO0lBQ2QsS0FBSyxFQUFFLGVBQWU7SUFDdEIsT0FBTyxFQUFFLE1BQU07SUFDZixRQUFRLEVBQUUsTUFBTTtJQUNoQixHQUFHLEVBQUUsQ0FBQztDQUNQLENBQUMsQ0FBQztBQUVILE1BQU0sQ0FBQyxNQUFNLElBQUksR0FBRyxTQUFTLENBQUM7SUFDNUIsUUFBUSxFQUFFLE1BQU07SUFDaEIsS0FBSyxFQUFFLE1BQU07SUFDYixPQUFPLEVBQUUsTUFBTTtJQUNmLGFBQWEsRUFBRSxRQUFRO0lBQ3ZCLEdBQUcsRUFBRSxDQUFDO0NBQ1AsQ0FBQyxDQUFDO0FBRUgsTUFBTSxDQUFDLE1BQU0sTUFBTSxHQUFHLFNBQVMsQ0FBQztJQUM5QixPQUFPLEVBQUUsTUFBTTtJQUNmLFFBQVEsRUFBRSxNQUFNO0lBQ2hCLEdBQUcsRUFBRSxDQUFDO0lBQ04sVUFBVSxFQUFFLFFBQVE7SUFDcEIsY0FBYyxFQUFFLGVBQWU7SUFDL0IsUUFBUSxFQUFFLElBQUk7SUFDZCxLQUFLLEVBQUUsZUFBZTtDQUN2QixDQUFDLENBQUM7QUFFSCxNQUFNLENBQUMsTUFBTSxPQUFPLEdBQUcsU0FBUyxDQUFDO0lBQy9CLE9BQU8sRUFBRSxNQUFNO0lBQ2YsVUFBVSxFQUFFLFFBQVE7SUFDcEIsR0FBRyxFQUFFLENBQUM7SUFDTixVQUFVLEVBQUUsTUFBTTtDQUNuQixDQUFDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBzdHlsZSB9IGZyb20gJ0B2YW5pbGxhLWV4dHJhY3QvY3NzJztcblxuaW1wb3J0IHsgc3ByaW5rbGVzIH0gZnJvbSAnLi4vLi4vdGhlbWUvc3ByaW5rbGVzLmNzcy5qcyc7XG5pbXBvcnQgeyB2YXJzIH0gZnJvbSAnLi4vLi4vdGhlbWUvdGhlbWVDb250cmFjdC5qcyc7XG5cbmV4cG9ydCBjb25zdCB0aWxlID0gc3ByaW5rbGVzKHtcbiAgd2lkdGg6ICdmdWxsJyxcbiAgYm9yZGVyUmFkaXVzOiAnMnhsJyxcbiAgYmFja2dyb3VuZENvbG9yOiAnYmxhY2stMTAnLFxuICBwYWRkaW5nOiA2LFxuICBkaXNwbGF5OiAnZmxleCcsXG4gIGZsZXhEaXJlY3Rpb246ICdjb2x1bW4nLFxuICBnYXA6IDQsXG4gIGJveFNoYWRvdzogJ3NtJyxcbn0pO1xuXG5leHBvcnQgY29uc3QgaW50ZXJhY3RpdmUgPSBzdHlsZShbXG4gIHNwcmlua2xlcyh7XG4gICAgdHJhbnNpdGlvblByb3BlcnR5OiAnZGVmYXVsdCcsXG4gICAgdHJhbnNpdGlvbkR1cmF0aW9uOiAxNjAsXG4gICAgdHJhbnNpdGlvblRpbWluZ0Z1bmN0aW9uOiAnZWFzZScsXG4gIH0pLFxuICB7XG4gICAgc2VsZWN0b3JzOiB7XG4gICAgICAnJjpob3Zlcic6IHtcbiAgICAgICAgYm94U2hhZG93OiB2YXJzLmJveFNoYWRvdy5tZCxcbiAgICAgICAgdHJhbnNmb3JtOiAndHJhbnNsYXRlWSgtMnB4KScsXG4gICAgICB9LFxuICAgICAgJyY6Zm9jdXMtdmlzaWJsZSc6IHtcbiAgICAgICAgb3V0bGluZTogYDJweCBzb2xpZCAke3ZhcnMuY29sb3JzWydibHVlLTUwMCddfWAsXG4gICAgICAgIG91dGxpbmVPZmZzZXQ6ICcycHgnLFxuICAgICAgfSxcbiAgICB9LFxuICB9LFxuXSk7XG5cbmV4cG9ydCBjb25zdCBpbnRlcmFjdGl2ZUxpbmsgPSBzcHJpbmtsZXMoe1xuICB0ZXh0RGVjb3JhdGlvbjogJ25vbmUnLFxuICB3aWR0aDogJ2Z1bGwnLFxuICBkaXNwbGF5OiAnaW5saW5lLWZsZXgnLFxufSk7XG5cbmNvbnN0IGludGVyYWN0aXZlQnV0dG9uUmVzZXQgPSBzcHJpbmtsZXMoe1xuICBhbGw6ICd1bnNldCcsXG59KTtcblxuZXhwb3J0IGNvbnN0IGludGVyYWN0aXZlQnV0dG9uID0gc3R5bGUoW1xuICBpbnRlcmFjdGl2ZUJ1dHRvblJlc2V0LFxuICBzcHJpbmtsZXMoe1xuICAgIGN1cnNvcjogJ3BvaW50ZXInLFxuICAgIGRpc3BsYXk6ICdpbmxpbmUtZmxleCcsXG4gICAgd2lkdGg6ICdmdWxsJyxcbiAgfSksXG5dKTtcblxuZXhwb3J0IGNvbnN0IGhlYWRlciA9IHNwcmlua2xlcyh7XG4gIGRpc3BsYXk6ICdmbGV4JyxcbiAgZmxleFdyYXA6ICd3cmFwJyxcbiAgYWxpZ25JdGVtczogJ2ZsZXgtc3RhcnQnLFxuICBqdXN0aWZ5Q29udGVudDogJ3NwYWNlLWJldHdlZW4nLFxuICBnYXA6IDMsXG59KTtcblxuZXhwb3J0IGNvbnN0IGhlYWRpbmdHcm91cCA9IHNwcmlua2xlcyh7XG4gIGRpc3BsYXk6ICdmbGV4JyxcbiAgZmxleERpcmVjdGlvbjogJ2NvbHVtbicsXG4gIGdhcDogMSxcbiAgbWluV2lkdGg6IDAsXG59KTtcblxuZXhwb3J0IGNvbnN0IHRpdGxlID0gc3ByaW5rbGVzKHtcbiAgZm9udFNpemU6ICd4bCcsXG4gIGxpbmVIZWlnaHQ6IDEuNCxcbiAgZm9udFdlaWdodDogJ3NlbWlib2xkJyxcbiAgY29sb3I6ICd0ZXh0JyxcbiAgbWFyZ2luOiAwLFxufSk7XG5cbmV4cG9ydCBjb25zdCBzdWJ0aXRsZSA9IHNwcmlua2xlcyh7XG4gIG1hcmdpbjogMCxcbiAgZm9udFNpemU6ICdzbScsXG4gIGZvbnRXZWlnaHQ6ICdleHRyYWJvbGQnLFxufSk7XG5cbmV4cG9ydCBjb25zdCBtZXRhID0gc3ByaW5rbGVzKHtcbiAgZm9udFNpemU6ICdzbScsXG4gIGNvbG9yOiAndGV4dFNlY29uZGFyeScsXG4gIGRpc3BsYXk6ICdmbGV4JyxcbiAgZmxleFdyYXA6ICd3cmFwJyxcbiAgZ2FwOiAyLFxufSk7XG5cbmV4cG9ydCBjb25zdCBib2R5ID0gc3ByaW5rbGVzKHtcbiAgZm9udFNpemU6ICdiYXNlJyxcbiAgY29sb3I6ICd0ZXh0JyxcbiAgZGlzcGxheTogJ2ZsZXgnLFxuICBmbGV4RGlyZWN0aW9uOiAnY29sdW1uJyxcbiAgZ2FwOiAyLFxufSk7XG5cbmV4cG9ydCBjb25zdCBmb290ZXIgPSBzcHJpbmtsZXMoe1xuICBkaXNwbGF5OiAnZmxleCcsXG4gIGZsZXhXcmFwOiAnd3JhcCcsXG4gIGdhcDogMyxcbiAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gIGp1c3RpZnlDb250ZW50OiAnc3BhY2UtYmV0d2VlbicsXG4gIGZvbnRTaXplOiAnc20nLFxuICBjb2xvcjogJ3RleHRTZWNvbmRhcnknLFxufSk7XG5cbmV4cG9ydCBjb25zdCBhY3Rpb25zID0gc3ByaW5rbGVzKHtcbiAgZGlzcGxheTogJ2ZsZXgnLFxuICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgZ2FwOiAyLFxuICBtYXJnaW5MZWZ0OiAnYXV0bycsXG59KTtcbiJdfQ==

package/lib/components/tile/InfoTile.d.ts

@@ -0,0 +1,23 @@
+import { type JSX, type ReactNode } from 'react';
+type InteractiveConfig = {
+    ariaLabel: string;
+    href: string;
+    onClick?: () => void;
+} | {
+    ariaLabel: string;
+    href?: undefined;
+    onClick: () => void;
+};
+export type InfoTileProps = {
+    title?: ReactNode;
+    subtitle?: ReactNode;
+    meta?: ReactNode;
+    body?: ReactNode;
+    footer?: ReactNode;
+    actions?: ReactNode;
+    children?: ReactNode;
+    interactive?: InteractiveConfig;
+};
+export declare const InfoTile: (props: InfoTileProps) => JSX.Element;
+export {};
+//# sourceMappingURL=InfoTile.d.ts.map

package/lib/components/tile/InfoTile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfoTile.d.ts","sourceRoot":"","sources":["../../../src/components/tile/InfoTile.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAMjD,KAAK,iBAAiB,GAClB;IACE,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,GACD;IACE,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEN,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,WAAW,CAAC,EAAE,iBAAiB,CAAC;CACjC,CAAC;AA0BF,eAAO,MAAM,QAAQ,GAAI,OAAO,aAAa,KAAG,GAAG,CAAC,OAmFnD,CAAC"}

package/lib/components/tile/InfoTile.js

@@ -0,0 +1,48 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Link } from '@plumile/router';
+import * as styles from './InfoTile.css.js';
+import { cx } from '../../theme/tools.js';
+const renderTitle = (value) => {
+    if (value == null) {
+        return null;
+    }
+    if (typeof value === 'string' || typeof value === 'number') {
+        return _jsx("p", { className: styles.title, children: value });
+    }
+    return _jsx("div", { className: styles.title, children: value });
+};
+const renderSubtitle = (value) => {
+    if (value == null) {
+        return null;
+    }
+    if (typeof value === 'string' || typeof value === 'number') {
+        return _jsx("p", { className: styles.subtitle, children: value });
+    }
+    return _jsx("div", { className: styles.subtitle, children: value });
+};
+export const InfoTile = (props) => {
+    const { actions, body, children, footer, interactive, meta, subtitle, title, } = props;
+    let headerActionsNode = null;
+    if (actions != null) {
+        headerActionsNode = _jsx("div", { className: styles.actions, children: actions });
+    }
+    let metaNode = null;
+    if (meta != null) {
+        metaNode = _jsx("div", { className: styles.meta, children: meta });
+    }
+    let footerNode = null;
+    if (footer != null) {
+        footerNode = _jsx("div", { className: styles.footer, children: footer });
+    }
+    const content = (_jsxs("article", { className: cx(styles.tile, {
+            [styles.interactive]: interactive != null,
+        }), children: [(title != null || subtitle != null || actions != null) && (_jsxs("div", { className: styles.header, children: [_jsxs("div", { className: styles.headingGroup, children: [renderTitle(title), renderSubtitle(subtitle)] }), headerActionsNode] })), metaNode, (body != null || children != null) && (_jsxs("div", { className: styles.body, children: [body, children] })), footerNode] }));
+    if (interactive == null) {
+        return content;
+    }
+    if (interactive.href != null) {
+        return (_jsx(Link, { to: interactive.href, "aria-label": interactive.ariaLabel, className: styles.interactiveLink, onClick: interactive.onClick, children: content }));
+    }
+    return (_jsx("button", { type: "button", "aria-label": interactive.ariaLabel, className: styles.interactiveButton, onClick: interactive.onClick, children: content }));
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW5mb1RpbGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy90aWxlL0luZm9UaWxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQ0EsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBRXZDLE9BQU8sS0FBSyxNQUFNLE1BQU0sbUJBQW1CLENBQUM7QUFDNUMsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBeUIxQyxNQUFNLFdBQVcsR0FBRyxDQUFDLEtBQTRCLEVBQWEsRUFBRTtJQUM5RCxJQUFJLEtBQUssSUFBSSxJQUFJLEVBQUUsQ0FBQztRQUNsQixPQUFPLElBQUksQ0FBQztJQUNkLENBQUM7SUFFRCxJQUFJLE9BQU8sS0FBSyxLQUFLLFFBQVEsSUFBSSxPQUFPLEtBQUssS0FBSyxRQUFRLEVBQUUsQ0FBQztRQUMzRCxPQUFPLFlBQUcsU0FBUyxFQUFFLE1BQU0sQ0FBQyxLQUFLLFlBQUcsS0FBSyxHQUFLLENBQUM7SUFDakQsQ0FBQztJQUVELE9BQU8sY0FBSyxTQUFTLEVBQUUsTUFBTSxDQUFDLEtBQUssWUFBRyxLQUFLLEdBQU8sQ0FBQztBQUNyRCxDQUFDLENBQUM7QUFFRixNQUFNLGNBQWMsR0FBRyxDQUFDLEtBQTRCLEVBQWEsRUFBRTtJQUNqRSxJQUFJLEtBQUssSUFBSSxJQUFJLEVBQUUsQ0FBQztRQUNsQixPQUFPLElBQUksQ0FBQztJQUNkLENBQUM7SUFFRCxJQUFJLE9BQU8sS0FBSyxLQUFLLFFBQVEsSUFBSSxPQUFPLEtBQUssS0FBSyxRQUFRLEVBQUUsQ0FBQztRQUMzRCxPQUFPLFlBQUcsU0FBUyxFQUFFLE1BQU0sQ0FBQyxRQUFRLFlBQUcsS0FBSyxHQUFLLENBQUM7SUFDcEQsQ0FBQztJQUVELE9BQU8sY0FBSyxTQUFTLEVBQUUsTUFBTSxDQUFDLFFBQVEsWUFBRyxLQUFLLEdBQU8sQ0FBQztBQUN4RCxDQUFDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxRQUFRLEdBQUcsQ0FBQyxLQUFvQixFQUFlLEVBQUU7SUFDNUQsTUFBTSxFQUNKLE9BQU8sRUFDUCxJQUFJLEVBQ0osUUFBUSxFQUNSLE1BQU0sRUFDTixXQUFXLEVBQ1gsSUFBSSxFQUNKLFFBQVEsRUFDUixLQUFLLEdBQ04sR0FBRyxLQUFLLENBQUM7SUFFVixJQUFJLGlCQUFpQixHQUF1QixJQUFJLENBQUM7SUFDakQsSUFBSSxPQUFPLElBQUksSUFBSSxFQUFFLENBQUM7UUFDcEIsaUJBQWlCLEdBQUcsY0FBSyxTQUFTLEVBQUUsTUFBTSxDQUFDLE9BQU8sWUFBRyxPQUFPLEdBQU8sQ0FBQztJQUN0RSxDQUFDO0lBRUQsSUFBSSxRQUFRLEdBQXVCLElBQUksQ0FBQztJQUN4QyxJQUFJLElBQUksSUFBSSxJQUFJLEVBQUUsQ0FBQztRQUNqQixRQUFRLEdBQUcsY0FBSyxTQUFTLEVBQUUsTUFBTSxDQUFDLElBQUksWUFBRyxJQUFJLEdBQU8sQ0FBQztJQUN2RCxDQUFDO0lBRUQsSUFBSSxVQUFVLEdBQXVCLElBQUksQ0FBQztJQUMxQyxJQUFJLE1BQU0sSUFBSSxJQUFJLEVBQUUsQ0FBQztRQUNuQixVQUFVLEdBQUcsY0FBSyxTQUFTLEVBQUUsTUFBTSxDQUFDLE1BQU0sWUFBRyxNQUFNLEdBQU8sQ0FBQztJQUM3RCxDQUFDO0lBRUQsTUFBTSxPQUFPLEdBQUcsQ0FDZCxtQkFDRSxTQUFTLEVBQUUsRUFBRSxDQUFDLE1BQU0sQ0FBQyxJQUFJLEVBQUU7WUFDekIsQ0FBQyxNQUFNLENBQUMsV0FBVyxDQUFDLEVBQUUsV0FBVyxJQUFJLElBQUk7U0FDMUMsQ0FBQyxhQUVELENBQUMsS0FBSyxJQUFJLElBQUksSUFBSSxRQUFRLElBQUksSUFBSSxJQUFJLE9BQU8sSUFBSSxJQUFJLENBQUMsSUFBSSxDQUN6RCxlQUFLLFNBQVMsRUFBRSxNQUFNLENBQUMsTUFBTSxhQUMzQixlQUFLLFNBQVMsRUFBRSxNQUFNLENBQUMsWUFBWSxhQUNoQyxXQUFXLENBQUMsS0FBSyxDQUFDLEVBQ2xCLGNBQWMsQ0FBQyxRQUFRLENBQUMsSUFDckIsRUFDTCxpQkFBaUIsSUFDZCxDQUNQLEVBRUEsUUFBUSxFQUVSLENBQUMsSUFBSSxJQUFJLElBQUksSUFBSSxRQUFRLElBQUksSUFBSSxDQUFDLElBQUksQ0FDckMsZUFBSyxTQUFTLEVBQUUsTUFBTSxDQUFDLElBQUksYUFDeEIsSUFBSSxFQUNKLFFBQVEsSUFDTCxDQUNQLEVBRUEsVUFBVSxJQUNILENBQ1gsQ0FBQztJQUVGLElBQUksV0FBVyxJQUFJLElBQUksRUFBRSxDQUFDO1FBQ3hCLE9BQU8sT0FBTyxDQUFDO0lBQ2pCLENBQUM7SUFFRCxJQUFJLFdBQVcsQ0FBQyxJQUFJLElBQUksSUFBSSxFQUFFLENBQUM7UUFDN0IsT0FBTyxDQUNMLEtBQUMsSUFBSSxJQUNILEVBQUUsRUFBRSxXQUFXLENBQUMsSUFBSSxnQkFDUixXQUFXLENBQUMsU0FBUyxFQUNqQyxTQUFTLEVBQUUsTUFBTSxDQUFDLGVBQWUsRUFDakMsT0FBTyxFQUFFLFdBQVcsQ0FBQyxPQUFPLFlBRTNCLE9BQU8sR0FDSCxDQUNSLENBQUM7SUFDSixDQUFDO0lBRUQsT0FBTyxDQUNMLGlCQUNFLElBQUksRUFBQyxRQUFRLGdCQUNELFdBQVcsQ0FBQyxTQUFTLEVBQ2pDLFNBQVMsRUFBRSxNQUFNLENBQUMsaUJBQWlCLEVBQ25DLE9BQU8sRUFBRSxXQUFXLENBQUMsT0FBTyxZQUUzQixPQUFPLEdBQ0QsQ0FDVixDQUFDO0FBQ0osQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdHlwZSBKU1gsIHR5cGUgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgTGluayB9IGZyb20gJ0BwbHVtaWxlL3JvdXRlcic7XG5cbmltcG9ydCAqIGFzIHN0eWxlcyBmcm9tICcuL0luZm9UaWxlLmNzcy5qcyc7XG5pbXBvcnQgeyBjeCB9IGZyb20gJy4uLy4uL3RoZW1lL3Rvb2xzLmpzJztcblxudHlwZSBJbnRlcmFjdGl2ZUNvbmZpZyA9XG4gIHwge1xuICAgICAgYXJpYUxhYmVsOiBzdHJpbmc7XG4gICAgICBocmVmOiBzdHJpbmc7XG4gICAgICBvbkNsaWNrPzogKCkgPT4gdm9pZDtcbiAgICB9XG4gIHwge1xuICAgICAgYXJpYUxhYmVsOiBzdHJpbmc7XG4gICAgICBocmVmPzogdW5kZWZpbmVkO1xuICAgICAgb25DbGljazogKCkgPT4gdm9pZDtcbiAgICB9O1xuXG5leHBvcnQgdHlwZSBJbmZvVGlsZVByb3BzID0ge1xuICB0aXRsZT86IFJlYWN0Tm9kZTtcbiAgc3VidGl0bGU/OiBSZWFjdE5vZGU7XG4gIG1ldGE/OiBSZWFjdE5vZGU7XG4gIGJvZHk/OiBSZWFjdE5vZGU7XG4gIGZvb3Rlcj86IFJlYWN0Tm9kZTtcbiAgYWN0aW9ucz86IFJlYWN0Tm9kZTtcbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG4gIGludGVyYWN0aXZlPzogSW50ZXJhY3RpdmVDb25maWc7XG59O1xuXG5jb25zdCByZW5kZXJUaXRsZSA9ICh2YWx1ZTogUmVhY3ROb2RlIHwgdW5kZWZpbmVkKTogUmVhY3ROb2RlID0+IHtcbiAgaWYgKHZhbHVlID09IG51bGwpIHtcbiAgICByZXR1cm4gbnVsbDtcbiAgfVxuXG4gIGlmICh0eXBlb2YgdmFsdWUgPT09ICdzdHJpbmcnIHx8IHR5cGVvZiB2YWx1ZSA9PT0gJ251bWJlcicpIHtcbiAgICByZXR1cm4gPHAgY2xhc3NOYW1lPXtzdHlsZXMudGl0bGV9Pnt2YWx1ZX08L3A+O1xuICB9XG5cbiAgcmV0dXJuIDxkaXYgY2xhc3NOYW1lPXtzdHlsZXMudGl0bGV9Pnt2YWx1ZX08L2Rpdj47XG59O1xuXG5jb25zdCByZW5kZXJTdWJ0aXRsZSA9ICh2YWx1ZTogUmVhY3ROb2RlIHwgdW5kZWZpbmVkKTogUmVhY3ROb2RlID0+IHtcbiAgaWYgKHZhbHVlID09IG51bGwpIHtcbiAgICByZXR1cm4gbnVsbDtcbiAgfVxuXG4gIGlmICh0eXBlb2YgdmFsdWUgPT09ICdzdHJpbmcnIHx8IHR5cGVvZiB2YWx1ZSA9PT0gJ251bWJlcicpIHtcbiAgICByZXR1cm4gPHAgY2xhc3NOYW1lPXtzdHlsZXMuc3VidGl0bGV9Pnt2YWx1ZX08L3A+O1xuICB9XG5cbiAgcmV0dXJuIDxkaXYgY2xhc3NOYW1lPXtzdHlsZXMuc3VidGl0bGV9Pnt2YWx1ZX08L2Rpdj47XG59O1xuXG5leHBvcnQgY29uc3QgSW5mb1RpbGUgPSAocHJvcHM6IEluZm9UaWxlUHJvcHMpOiBKU1guRWxlbWVudCA9PiB7XG4gIGNvbnN0IHtcbiAgICBhY3Rpb25zLFxuICAgIGJvZHksXG4gICAgY2hpbGRyZW4sXG4gICAgZm9vdGVyLFxuICAgIGludGVyYWN0aXZlLFxuICAgIG1ldGEsXG4gICAgc3VidGl0bGUsXG4gICAgdGl0bGUsXG4gIH0gPSBwcm9wcztcblxuICBsZXQgaGVhZGVyQWN0aW9uc05vZGU6IEpTWC5FbGVtZW50IHwgbnVsbCA9IG51bGw7XG4gIGlmIChhY3Rpb25zICE9IG51bGwpIHtcbiAgICBoZWFkZXJBY3Rpb25zTm9kZSA9IDxkaXYgY2xhc3NOYW1lPXtzdHlsZXMuYWN0aW9uc30+e2FjdGlvbnN9PC9kaXY+O1xuICB9XG5cbiAgbGV0IG1ldGFOb2RlOiBKU1guRWxlbWVudCB8IG51bGwgPSBudWxsO1xuICBpZiAobWV0YSAhPSBudWxsKSB7XG4gICAgbWV0YU5vZGUgPSA8ZGl2IGNsYXNzTmFtZT17c3R5bGVzLm1ldGF9PnttZXRhfTwvZGl2PjtcbiAgfVxuXG4gIGxldCBmb290ZXJOb2RlOiBKU1guRWxlbWVudCB8IG51bGwgPSBudWxsO1xuICBpZiAoZm9vdGVyICE9IG51bGwpIHtcbiAgICBmb290ZXJOb2RlID0gPGRpdiBjbGFzc05hbWU9e3N0eWxlcy5mb290ZXJ9Pntmb290ZXJ9PC9kaXY+O1xuICB9XG5cbiAgY29uc3QgY29udGVudCA9IChcbiAgICA8YXJ0aWNsZVxuICAgICAgY2xhc3NOYW1lPXtjeChzdHlsZXMudGlsZSwge1xuICAgICAgICBbc3R5bGVzLmludGVyYWN0aXZlXTogaW50ZXJhY3RpdmUgIT0gbnVsbCxcbiAgICAgIH0pfVxuICAgID5cbiAgICAgIHsodGl0bGUgIT0gbnVsbCB8fCBzdWJ0aXRsZSAhPSBudWxsIHx8IGFjdGlvbnMgIT0gbnVsbCkgJiYgKFxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT17c3R5bGVzLmhlYWRlcn0+XG4gICAgICAgICAgPGRpdiBjbGFzc05hbWU9e3N0eWxlcy5oZWFkaW5nR3JvdXB9PlxuICAgICAgICAgICAge3JlbmRlclRpdGxlKHRpdGxlKX1cbiAgICAgICAgICAgIHtyZW5kZXJTdWJ0aXRsZShzdWJ0aXRsZSl9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICAge2hlYWRlckFjdGlvbnNOb2RlfVxuICAgICAgICA8L2Rpdj5cbiAgICAgICl9XG5cbiAgICAgIHttZXRhTm9kZX1cblxuICAgICAgeyhib2R5ICE9IG51bGwgfHwgY2hpbGRyZW4gIT0gbnVsbCkgJiYgKFxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT17c3R5bGVzLmJvZHl9PlxuICAgICAgICAgIHtib2R5fVxuICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9kaXY+XG4gICAgICApfVxuXG4gICAgICB7Zm9vdGVyTm9kZX1cbiAgICA8L2FydGljbGU+XG4gICk7XG5cbiAgaWYgKGludGVyYWN0aXZlID09IG51bGwpIHtcbiAgICByZXR1cm4gY29udGVudDtcbiAgfVxuXG4gIGlmIChpbnRlcmFjdGl2ZS5ocmVmICE9IG51bGwpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPExpbmtcbiAgICAgICAgdG89e2ludGVyYWN0aXZlLmhyZWZ9XG4gICAgICAgIGFyaWEtbGFiZWw9e2ludGVyYWN0aXZlLmFyaWFMYWJlbH1cbiAgICAgICAgY2xhc3NOYW1lPXtzdHlsZXMuaW50ZXJhY3RpdmVMaW5rfVxuICAgICAgICBvbkNsaWNrPXtpbnRlcmFjdGl2ZS5vbkNsaWNrfVxuICAgICAgPlxuICAgICAgICB7Y29udGVudH1cbiAgICAgIDwvTGluaz5cbiAgICApO1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8YnV0dG9uXG4gICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgIGFyaWEtbGFiZWw9e2ludGVyYWN0aXZlLmFyaWFMYWJlbH1cbiAgICAgIGNsYXNzTmFtZT17c3R5bGVzLmludGVyYWN0aXZlQnV0dG9ufVxuICAgICAgb25DbGljaz17aW50ZXJhY3RpdmUub25DbGlja31cbiAgICA+XG4gICAgICB7Y29udGVudH1cbiAgICA8L2J1dHRvbj5cbiAgKTtcbn07XG4iXX0=

package/lib/esm/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/esm/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/esm/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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQmFkZ2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvYXRvbWljL2F0b21zL2JhZGdlL0JhZGdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBRUEsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3ZDLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQWlCN0MsTUFBTSxDQUFDLE1BQU0sS0FBSyxHQUFHLENBQUMsRUFDcEIsUUFBUSxFQUNSLElBQUksRUFDSixTQUFTLEVBQ1QsT0FBTyxHQUFHLEtBQUssR0FDVCxFQUFlLEVBQUU7SUFDdkIsSUFBSSxjQUFjLEdBQWlCLEtBQUssQ0FBQztJQUN6QyxJQUFJLE9BQU8sRUFBRSxDQUFDO1FBQ1osY0FBYyxHQUFHLElBQUksQ0FBQztJQUN4QixDQUFDO0lBRUQsT0FBTyxDQUNMLGVBQU0sU0FBUyxFQUFFLEVBQUUsQ0FBQyxLQUFLLENBQUMsRUFBRSxJQUFJLEVBQUUsT0FBTyxFQUFFLGNBQWMsRUFBRSxDQUFDLEVBQUUsU0FBUyxDQUFDLFlBQ3JFLFFBQVEsR0FDSixDQUNSLENBQUM7QUFDSixDQUFDLENBQUM7QUFFRixlQUFlLEtBQUssQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHR5cGUgSlNYLCB0eXBlIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgYmFkZ2UgfSBmcm9tICcuL2JhZGdlLmNzcy5qcyc7XG5pbXBvcnQgeyBjeCB9IGZyb20gJy4uLy4uLy4uL3RoZW1lL3Rvb2xzLmpzJztcblxudHlwZSBQcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgdG9uZT86IEJhZGdlVG9uZTtcbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xuICBsb2FkaW5nPzogYm9vbGVhbjtcbn07XG5cbnR5cGUgQmFkZ2VUb25lID1cbiAgfCAnbmV1dHJhbCdcbiAgfCAnaW5mbydcbiAgfCAnc3VjY2VzcydcbiAgfCAnd2FybmluZydcbiAgfCAnZGFuZ2VyJ1xuICB8ICdhY2NlbnQnO1xuXG5leHBvcnQgY29uc3QgQmFkZ2UgPSAoe1xuICBjaGlsZHJlbixcbiAgdG9uZSxcbiAgY2xhc3NOYW1lLFxuICBsb2FkaW5nID0gZmFsc2UsXG59OiBQcm9wcyk6IEpTWC5FbGVtZW50ID0+IHtcbiAgbGV0IGxvYWRpbmdWYXJpYW50OiAnb24nIHwgJ29mZicgPSAnb2ZmJztcbiAgaWYgKGxvYWRpbmcpIHtcbiAgICBsb2FkaW5nVmFyaWFudCA9ICdvbic7XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxzcGFuIGNsYXNzTmFtZT17Y3goYmFkZ2UoeyB0b25lLCBsb2FkaW5nOiBsb2FkaW5nVmFyaWFudCB9KSwgY2xhc3NOYW1lKX0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9zcGFuPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgQmFkZ2U7XG4iXX0=

package/lib/esm/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/esm/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/esm/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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UuY3NzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2F0b21pYy9hdG9tcy9iYWRnZS9iYWRnZS5jc3MudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUN4RCxPQUFPLEVBQUUsTUFBTSxFQUF1QixNQUFNLDBCQUEwQixDQUFDO0FBRXZFLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUM1RCxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFFdkQsTUFBTSxhQUFhLEdBQUcsU0FBUyxDQUFDO0lBQzlCLE9BQU8sRUFBRSxhQUFhO0lBQ3RCLFVBQVUsRUFBRSxRQUFRO0lBQ3BCLGNBQWMsRUFBRSxRQUFRO0lBQ3hCLFFBQVEsRUFBRSxDQUFDO0lBQ1gsUUFBUSxFQUFFLENBQUM7SUFDWCxZQUFZLEVBQUUsSUFBSTtJQUNsQixRQUFRLEVBQUUsSUFBSTtJQUNkLFVBQVUsRUFBRSxRQUFRO0lBQ3BCLEdBQUcsRUFBRSxDQUFDO0NBQ1AsQ0FBQyxDQUFDO0FBRUgsTUFBTSxjQUFjLEdBQUcsU0FBUyxDQUFDO0lBQy9CLFVBQVUsRUFBRSxDQUFDO0NBQ2QsQ0FBQyxDQUFDO0FBRUgsTUFBTSxnQkFBZ0IsR0FBRyxTQUFTLENBQUM7SUFDakMsSUFBSSxFQUFFO1FBQ0osU0FBUyxFQUFFLG1CQUFtQjtLQUMvQjtJQUNELEtBQUssRUFBRTtRQUNMLFNBQVMsRUFBRSxnQkFBZ0I7S0FDNUI7SUFDRCxNQUFNLEVBQUU7UUFDTixTQUFTLEVBQUUsa0JBQWtCO0tBQzlCO0NBQ0YsQ0FBQyxDQUFDO0FBRUgsTUFBTSxXQUFXLEdBQUcsS0FBSyxDQUFDO0lBQ3hCLFFBQVEsRUFBRSxVQUFVO0lBQ3BCLFFBQVEsRUFBRSxRQUFRO0lBQ2xCLFNBQVMsRUFBRTtRQUNULFVBQVUsRUFBRTtZQUNWLE9BQU8sRUFBRSxFQUFFO1lBQ1gsUUFBUSxFQUFFLFVBQVU7WUFDcEIsS0FBSyxFQUFFLENBQUM7WUFDUixVQUFVLEVBQUU7O1VBRVIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxXQUFXOzZCQUNKLElBQUksQ0FBQyxNQUFNLENBQUMsS0FBSzs2QkFDakIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxLQUFLOzZCQUNqQixJQUFJLENBQUMsTUFBTSxDQUFDLEtBQUs7VUFDcEMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxXQUFXO1FBQ3pCO1lBQ0YsU0FBUyxFQUFFLG1CQUFtQjtZQUM5QixTQUFTLEVBQUUsR0FBRyxnQkFBZ0IsNEJBQTRCO1lBQzFELE9BQU8sRUFBRSxHQUFHO1lBQ1osYUFBYSxFQUFFLE1BQU07WUFDckIsVUFBVSxFQUFFLFdBQVc7U0FDeEI7S0FDRjtDQUNGLENBQUMsQ0FBQztBQUVILE1BQU0sQ0FBQyxNQUFNLEtBQUssR0FBRyxNQUFNLENBQUM7SUFDMUIsSUFBSSxFQUFFLENBQUMsYUFBYSxFQUFFLGNBQWMsQ0FBQztJQUNyQyxRQUFRLEVBQUU7UUFDUixJQUFJLEVBQUU7WUFDSixPQUFPLEVBQUUsU0FBUyxDQUFDO2dCQUNqQixlQUFlLEVBQUUsZ0JBQWdCO2dCQUNqQyxLQUFLLEVBQUUsZUFBZTthQUN2QixDQUFDO1lBQ0YsSUFBSSxFQUFFLFNBQVMsQ0FBQztnQkFDZCxlQUFlLEVBQUUsY0FBYztnQkFDL0IsS0FBSyxFQUFFLGlCQUFpQjthQUN6QixDQUFDO1lBQ0YsT0FBTyxFQUFFLFNBQVMsQ0FBQyxFQUFFLGVBQWUsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLFdBQVcsRUFBRSxDQUFDO1lBQ3hFLE9BQU8sRUFBRSxTQUFTLENBQUMsRUFBRSxlQUFlLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUUsQ0FBQztZQUN4RSxNQUFNLEVBQUUsU0FBUyxDQUFDLEVBQUUsZUFBZSxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLENBQUM7WUFDbkUsTUFBTSxFQUFFLFNBQVMsQ0FBQztnQkFDaEIsZUFBZSxFQUFFLHNCQUFzQjtnQkFDdkMsS0FBSyxFQUFFLFlBQVk7YUFDcEIsQ0FBQztTQUNIO1FBQ0QsT0FBTyxFQUFFO1lBQ1AsRUFBRSxFQUFFLFdBQVc7WUFDZixHQUFHLEVBQUUsRUFBRTtTQUNSO0tBQ0Y7SUFDRCxlQUFlLEVBQUU7UUFDZixJQUFJLEVBQUUsU0FBUztRQUNmLE9BQU8sRUFBRSxLQUFLO0tBQ2Y7SUFDRCxnQkFBZ0IsRUFBRSxFQUFFO0NBQ3JCLENBQUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGtleWZyYW1lcywgc3R5bGUgfSBmcm9tICdAdmFuaWxsYS1leHRyYWN0L2Nzcyc7XG5pbXBvcnQgeyByZWNpcGUsIHR5cGUgUmVjaXBlVmFyaWFudHMgfSBmcm9tICdAdmFuaWxsYS1leHRyYWN0L3JlY2lwZXMnO1xuXG5pbXBvcnQgeyBzcHJpbmtsZXMgfSBmcm9tICcuLi8uLi8uLi90aGVtZS9zcHJpbmtsZXMuY3NzLmpzJztcbmltcG9ydCB7IHZhcnMgfSBmcm9tICcuLi8uLi8uLi90aGVtZS90aGVtZUNvbnRyYWN0LmpzJztcblxuY29uc3QgYmFzZVNwcmlua2xlcyA9IHNwcmlua2xlcyh7XG4gIGRpc3BsYXk6ICdpbmxpbmUtZmxleCcsXG4gIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICBqdXN0aWZ5Q29udGVudDogJ2NlbnRlcicsXG4gIHBhZGRpbmdZOiAyLFxuICBwYWRkaW5nWDogMyxcbiAgYm9yZGVyUmFkaXVzOiAnbWQnLFxuICBmb250U2l6ZTogJ3hzJyxcbiAgZm9udFdlaWdodDogJ21lZGl1bScsXG4gIGdhcDogMSxcbn0pO1xuXG5jb25zdCBiYXNlVHlwb2dyYXBoeSA9IHNwcmlua2xlcyh7XG4gIGxpbmVIZWlnaHQ6IDEsXG59KTtcblxuY29uc3Qgc2hpbW1lckFuaW1hdGlvbiA9IGtleWZyYW1lcyh7XG4gICcwJSc6IHtcbiAgICB0cmFuc2Zvcm06ICd0cmFuc2xhdGVYKC0xMjAlKScsXG4gIH0sXG4gICc1MCUnOiB7XG4gICAgdHJhbnNmb3JtOiAndHJhbnNsYXRlWCgwJSknLFxuICB9LFxuICAnMTAwJSc6IHtcbiAgICB0cmFuc2Zvcm06ICd0cmFuc2xhdGVYKDEyMCUpJyxcbiAgfSxcbn0pO1xuXG5jb25zdCBsb2FkaW5nQmFzZSA9IHN0eWxlKHtcbiAgcG9zaXRpb246ICdyZWxhdGl2ZScsXG4gIG92ZXJmbG93OiAnaGlkZGVuJyxcbiAgc2VsZWN0b3JzOiB7XG4gICAgJyY6OmFmdGVyJzoge1xuICAgICAgY29udGVudDogJycsXG4gICAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgICAgIGluc2V0OiAwLFxuICAgICAgYmFja2dyb3VuZDogYGxpbmVhci1ncmFkaWVudChcbiAgICAgICAgMTAwZGVnLFxuICAgICAgICAke3ZhcnMuY29sb3JzLnRyYW5zcGFyZW50fSAwJSxcbiAgICAgICAgY29sb3ItbWl4KGluIHNyZ2IsICR7dmFycy5jb2xvcnMud2hpdGV9IDIwJSwgdHJhbnNwYXJlbnQpIDI1JSxcbiAgICAgICAgY29sb3ItbWl4KGluIHNyZ2IsICR7dmFycy5jb2xvcnMud2hpdGV9IDkwJSwgdHJhbnNwYXJlbnQpIDUwJSxcbiAgICAgICAgY29sb3ItbWl4KGluIHNyZ2IsICR7dmFycy5jb2xvcnMud2hpdGV9IDIwJSwgdHJhbnNwYXJlbnQpIDc1JSxcbiAgICAgICAgJHt2YXJzLmNvbG9ycy50cmFuc3BhcmVudH0gMTAwJVxuICAgICAgKWAsXG4gICAgICB0cmFuc2Zvcm06ICd0cmFuc2xhdGVYKC0xMjAlKScsXG4gICAgICBhbmltYXRpb246IGAke3NoaW1tZXJBbmltYXRpb259IDEuMXMgZWFzZS1pbi1vdXQgaW5maW5pdGVgLFxuICAgICAgb3BhY2l0eTogMC45LFxuICAgICAgcG9pbnRlckV2ZW50czogJ25vbmUnLFxuICAgICAgd2lsbENoYW5nZTogJ3RyYW5zZm9ybScsXG4gICAgfSxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgYmFkZ2UgPSByZWNpcGUoe1xuICBiYXNlOiBbYmFzZVNwcmlua2xlcywgYmFzZVR5cG9ncmFwaHldLFxuICB2YXJpYW50czoge1xuICAgIHRvbmU6IHtcbiAgICAgIG5ldXRyYWw6IHNwcmlua2xlcyh7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogJ2JyYW5kTGlnaHRHcmF5JyxcbiAgICAgICAgY29sb3I6ICdicmFuZERhcmtHcmF5JyxcbiAgICAgIH0pLFxuICAgICAgaW5mbzogc3ByaW5rbGVzKHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiAncHJpbWFyeUxpZ2h0JyxcbiAgICAgICAgY29sb3I6ICdicmFuZFByaW1hcnlSZWQnLFxuICAgICAgfSksXG4gICAgICBzdWNjZXNzOiBzcHJpbmtsZXMoeyBiYWNrZ3JvdW5kQ29sb3I6ICdncmVlbi0xMDAnLCBjb2xvcjogJ2dyZWVuLTcwMCcgfSksXG4gICAgICB3YXJuaW5nOiBzcHJpbmtsZXMoeyBiYWNrZ3JvdW5kQ29sb3I6ICdhbWJlci0xMDAnLCBjb2xvcjogJ2FtYmVyLTcwMCcgfSksXG4gICAgICBkYW5nZXI6IHNwcmlua2xlcyh7IGJhY2tncm91bmRDb2xvcjogJ3JlZC0xMDAnLCBjb2xvcjogJ3JlZC03MDAnIH0pLFxuICAgICAgYWNjZW50OiBzcHJpbmtsZXMoe1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6ICdicmFuZFNlY29uZGFyeU9yYW5nZScsXG4gICAgICAgIGNvbG9yOiAnYnJhbmRXaGl0ZScsXG4gICAgICB9KSxcbiAgICB9LFxuICAgIGxvYWRpbmc6IHtcbiAgICAgIG9uOiBsb2FkaW5nQmFzZSxcbiAgICAgIG9mZjogJycsXG4gICAgfSxcbiAgfSxcbiAgZGVmYXVsdFZhcmlhbnRzOiB7XG4gICAgdG9uZTogJ25ldXRyYWwnLFxuICAgIGxvYWRpbmc6ICdvZmYnLFxuICB9LFxuICBjb21wb3VuZFZhcmlhbnRzOiBbXSxcbn0pO1xuXG5leHBvcnQgdHlwZSBCYWRnZVZhcmlhbnRzID0gUmVjaXBlVmFyaWFudHM8dHlwZW9mIGJhZGdlPjtcbiJdfQ==

package/lib/esm/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/esm/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/esm/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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2F0b21pYy9hdG9tcy9idXR0b24vQnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBRUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sMkNBQTJDLENBQUM7QUFFcEYsT0FBTyxFQUNMLE1BQU0sRUFDTixPQUFPLElBQUksWUFBWSxFQUN2QixRQUFRLEVBQ1IsU0FBUyxFQUNULGdCQUFnQixFQUNoQixXQUFXLEdBRVosTUFBTSxpQkFBaUIsQ0FBQztBQUN6QixPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUF3QjdDLE1BQU0sQ0FBQyxNQUFNLE1BQU0sR0FBRyxDQUFDLEtBQVksRUFBZSxFQUFFO0lBQ2xELE1BQU0sRUFDSixRQUFRLEVBQ1IsU0FBUyxFQUNULFFBQVEsRUFDUixTQUFTLEdBQUcsS0FBSyxFQUNqQixZQUFZLEVBQ1osT0FBTyxFQUNQLFFBQVEsRUFDUixTQUFTLEVBQ1QsSUFBSSxFQUNKLE9BQU8sRUFDUCxLQUFLLEVBQ0wsR0FBRyxFQUNILEdBQUcsSUFBSSxFQUNSLEdBQUcsS0FBSyxDQUFDO0lBRVYsTUFBTSxpQkFBaUIsR0FBRyxFQUFFLENBQUMsTUFBTSxDQUFDLEVBQUUsT0FBTyxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxDQUFDO0lBQzFFLE1BQU0sVUFBVSxHQUFHLE9BQU8sQ0FBQyxTQUFTLENBQUMsSUFBSSxPQUFPLENBQUMsUUFBUSxDQUFDLENBQUM7SUFFM0QsSUFBSSxlQUE0QixDQUFDO0lBRWpDLElBQUksU0FBUyxFQUFFLENBQUM7UUFDZCxlQUFlLEdBQUcsQ0FDaEIsZ0JBQU0sU0FBUyxFQUFFLEVBQUUsQ0FBQyxnQkFBZ0IsRUFBRSxPQUFPLEVBQUUsZ0JBQWdCLENBQUMsYUFDOUQsS0FBQyx1QkFBdUIsSUFDdEIsU0FBUyxFQUFFLEVBQUUsQ0FBQyxXQUFXLEVBQUUsT0FBTyxFQUFFLFdBQVcsQ0FBQyxFQUNoRCxLQUFLLEVBQUUsRUFBRSxFQUNULE1BQU0sRUFBRSxFQUFFLEdBQ1YsRUFDRCxZQUFZLElBQ1IsQ0FDUixDQUFDO0lBQ0osQ0FBQztTQUFNLENBQUM7UUFDTixNQUFNLFlBQVksR0FBa0IsRUFBRSxDQUFDO1FBRXZDLElBQUksUUFBUSxJQUFJLElBQUksRUFBRSxDQUFDO1lBQ3JCLFlBQVksQ0FBQyxJQUFJLENBQ2YsZUFBTSxTQUFTLEVBQUUsRUFBRSxDQUFDLFFBQVEsRUFBRSxPQUFPLEVBQUUsUUFBUSxDQUFDLFlBQzdDLFFBQVEsSUFEMkMsV0FBVyxDQUUxRCxDQUNSLENBQUM7UUFDSixDQUFDO1FBRUQsWUFBWSxDQUFDLElBQUksQ0FDZixlQUFNLFNBQVMsRUFBRSxFQUFFLENBQUMsWUFBWSxFQUFFLE9BQU8sRUFBRSxPQUFPLENBQUMsWUFDaEQsUUFBUSxJQUQ4QyxTQUFTLENBRTNELENBQ1IsQ0FBQztRQUVGLElBQUksU0FBUyxJQUFJLElBQUksRUFBRSxDQUFDO1lBQ3RCLFlBQVksQ0FBQyxJQUFJLENBQ2YsZUFBTSxTQUFTLEVBQUUsRUFBRSxDQUFDLFNBQVMsRUFBRSxPQUFPLEVBQUUsU0FBUyxDQUFDLFlBQy9DLFNBQVMsSUFENEMsWUFBWSxDQUU3RCxDQUNSLENBQUM7UUFDSixDQUFDO1FBRUQsZUFBZSxHQUFHLDRCQUFHLFlBQVksR0FBSSxDQUFDO0lBQ3hDLENBQUM7SUFFRCxPQUFPLENBQ0wsaUJBQ0UsR0FBRyxFQUFFLEdBQUcsRUFDUixTQUFTLEVBQUUsaUJBQWlCLEVBQzVCLFFBQVEsRUFBRSxVQUFVLEtBQ2hCLElBQUksWUFFUCxlQUFlLEdBQ1QsQ0FDVixDQUFDO0FBQ0osQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHR5cGUgUmVmLCB0eXBlIEpTWCB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgQnV0dG9uTG9hZGluZ1NwaW5uZXJTdmcgfSBmcm9tICcuLi8uLi8uLi9pY29ucy9CdXR0b25Mb2FkaW5nU3Bpbm5lclN2Zy5qcyc7XG5cbmltcG9ydCB7XG4gIGJ1dHRvbixcbiAgY29udGVudCBhcyBjb250ZW50Q2xhc3MsXG4gIGljb25MZWZ0LFxuICBpY29uUmlnaHQsXG4gIGxvYWRpbmdJbmRpY2F0b3IsXG4gIHNwaW5uZXJJY29uLFxuICB0eXBlIEJ1dHRvblZhcmlhbnRzLFxufSBmcm9tICcuL2J1dHRvbi5jc3MuanMnO1xuaW1wb3J0IHsgY3ggfSBmcm9tICcuLi8uLi8uLi90aGVtZS90b29scy5qcyc7XG5cbnR5cGUgQnV0dG9uU2xvdCA9XG4gIHwgJ2xvYWRpbmdJbmRpY2F0b3InXG4gIHwgJ3NwaW5uZXJJY29uJ1xuICB8ICdjb250ZW50J1xuICB8ICdpY29uTGVmdCdcbiAgfCAnaWNvblJpZ2h0JztcblxudHlwZSBTbG90Q2xhc3NlczxUIGV4dGVuZHMgc3RyaW5nPiA9IFBhcnRpYWw8UmVjb3JkPFQsIHN0cmluZz4+O1xuXG4vLyBPbWl0IHRoZSBjb25mbGljdGluZyAnc2l6ZScgcHJvcGVydHkgZnJvbSBIVE1MIGJ1dHRvbiBhdHRyaWJ1dGVzXG50eXBlIFByb3BzID0gT21pdDxSZWFjdC5CdXR0b25IVE1MQXR0cmlidXRlczxIVE1MQnV0dG9uRWxlbWVudD4sICdzaXplJz4gJiB7XG4gIHZhcmlhbnQ/OiBOb25OdWxsYWJsZTxCdXR0b25WYXJpYW50cz5bJ3ZhcmlhbnQnXTtcbiAgc2l6ZT86IE5vbk51bGxhYmxlPEJ1dHRvblZhcmlhbnRzPlsnc2l6ZSddO1xuICB3aWR0aD86IE5vbk51bGxhYmxlPEJ1dHRvblZhcmlhbnRzPlsnd2lkdGgnXTtcbiAgaXNMb2FkaW5nPzogYm9vbGVhbjtcbiAgbG9hZGluZ0xhYmVsPzogUmVhY3QuUmVhY3ROb2RlO1xuICBsZWZ0SWNvbj86IFJlYWN0LlJlYWN0Tm9kZTtcbiAgcmlnaHRJY29uPzogUmVhY3QuUmVhY3ROb2RlO1xuICByZWY/OiBSZWY8SFRNTEJ1dHRvbkVsZW1lbnQ+O1xuICBjbGFzc2VzPzogU2xvdENsYXNzZXM8QnV0dG9uU2xvdD47XG59O1xuXG5leHBvcnQgY29uc3QgQnV0dG9uID0gKHByb3BzOiBQcm9wcyk6IEpTWC5FbGVtZW50ID0+IHtcbiAgY29uc3Qge1xuICAgIGNoaWxkcmVuLFxuICAgIGNsYXNzTmFtZSxcbiAgICBkaXNhYmxlZCxcbiAgICBpc0xvYWRpbmcgPSBmYWxzZSxcbiAgICBsb2FkaW5nTGFiZWwsXG4gICAgY2xhc3NlcyxcbiAgICBsZWZ0SWNvbixcbiAgICByaWdodEljb24sXG4gICAgc2l6ZSxcbiAgICB2YXJpYW50LFxuICAgIHdpZHRoLFxuICAgIHJlZixcbiAgICAuLi5yZXN0XG4gIH0gPSBwcm9wcztcblxuICBjb25zdCByZXNvbHZlZENsYXNzTmFtZSA9IGN4KGJ1dHRvbih7IHZhcmlhbnQsIHNpemUsIHdpZHRoIH0pLCBjbGFzc05hbWUpO1xuICBjb25zdCBpc0Rpc2FibGVkID0gQm9vbGVhbihpc0xvYWRpbmcpIHx8IEJvb2xlYW4oZGlzYWJsZWQpO1xuXG4gIGxldCByZW5kZXJlZENvbnRlbnQ6IEpTWC5FbGVtZW50O1xuXG4gIGlmIChpc0xvYWRpbmcpIHtcbiAgICByZW5kZXJlZENvbnRlbnQgPSAoXG4gICAgICA8c3BhbiBjbGFzc05hbWU9e2N4KGxvYWRpbmdJbmRpY2F0b3IsIGNsYXNzZXM/LmxvYWRpbmdJbmRpY2F0b3IpfT5cbiAgICAgICAgPEJ1dHRvbkxvYWRpbmdTcGlubmVyU3ZnXG4gICAgICAgICAgY2xhc3NOYW1lPXtjeChzcGlubmVySWNvbiwgY2xhc3Nlcz8uc3Bpbm5lckljb24pfVxuICAgICAgICAgIHdpZHRoPXsyMH1cbiAgICAgICAgICBoZWlnaHQ9ezIwfVxuICAgICAgICAvPlxuICAgICAgICB7bG9hZGluZ0xhYmVsfVxuICAgICAgPC9zcGFuPlxuICAgICk7XG4gIH0gZWxzZSB7XG4gICAgY29uc3QgaWNvbkVsZW1lbnRzOiBKU1guRWxlbWVudFtdID0gW107XG5cbiAgICBpZiAobGVmdEljb24gIT0gbnVsbCkge1xuICAgICAgaWNvbkVsZW1lbnRzLnB1c2goXG4gICAgICAgIDxzcGFuIGNsYXNzTmFtZT17Y3goaWNvbkxlZnQsIGNsYXNzZXM/Lmljb25MZWZ0KX0ga2V5PVwibGVmdC1pY29uXCI+XG4gICAgICAgICAge2xlZnRJY29ufVxuICAgICAgICA8L3NwYW4+LFxuICAgICAgKTtcbiAgICB9XG5cbiAgICBpY29uRWxlbWVudHMucHVzaChcbiAgICAgIDxzcGFuIGNsYXNzTmFtZT17Y3goY29udGVudENsYXNzLCBjbGFzc2VzPy5jb250ZW50KX0ga2V5PVwiY29udGVudFwiPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L3NwYW4+LFxuICAgICk7XG5cbiAgICBpZiAocmlnaHRJY29uICE9IG51bGwpIHtcbiAgICAgIGljb25FbGVtZW50cy5wdXNoKFxuICAgICAgICA8c3BhbiBjbGFzc05hbWU9e2N4KGljb25SaWdodCwgY2xhc3Nlcz8uaWNvblJpZ2h0KX0ga2V5PVwicmlnaHQtaWNvblwiPlxuICAgICAgICAgIHtyaWdodEljb259XG4gICAgICAgIDwvc3Bhbj4sXG4gICAgICApO1xuICAgIH1cblxuICAgIHJlbmRlcmVkQ29udGVudCA9IDw+e2ljb25FbGVtZW50c308Lz47XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxidXR0b25cbiAgICAgIHJlZj17cmVmfVxuICAgICAgY2xhc3NOYW1lPXtyZXNvbHZlZENsYXNzTmFtZX1cbiAgICAgIGRpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgey4uLnJlc3R9XG4gICAgPlxuICAgICAge3JlbmRlcmVkQ29udGVudH1cbiAgICA8L2J1dHRvbj5cbiAgKTtcbn07XG4iXX0=

package/lib/esm/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/esm/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/esm/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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlua0J1dHRvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9hdG9taWMvYXRvbXMvYnV0dG9uL0xpbmtCdXR0b24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFNQSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFdkMsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sMkNBQTJDLENBQUM7QUFDcEYsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQzdDLE9BQU8sRUFDTCxZQUFZLEVBQ1osTUFBTSxFQUNOLE9BQU8sSUFBSSxZQUFZLEVBQ3ZCLFFBQVEsRUFDUixTQUFTLEVBQ1QsZ0JBQWdCLEVBQ2hCLFdBQVcsR0FFWixNQUFNLGlCQUFpQixDQUFDO0FBaUJ6QixNQUFNLENBQUMsTUFBTSxVQUFVLEdBQUcsQ0FBQyxLQUFZLEVBQWUsRUFBRTtJQUN0RCxNQUFNLEVBQ0osUUFBUSxFQUNSLFNBQVMsRUFDVCxVQUFVLEVBQ1YsU0FBUyxHQUFHLEtBQUssRUFDakIsUUFBUSxFQUNSLFlBQVksRUFDWixHQUFHLEVBQ0gsU0FBUyxFQUNULElBQUksRUFDSixPQUFPLEVBQ1AsS0FBSyxFQUNMLEdBQUcsSUFBSSxFQUNSLEdBQUcsS0FBSyxDQUFDO0lBRVYsTUFBTSxpQkFBaUIsR0FBRyxFQUFFLENBQUMsTUFBTSxDQUFDLEVBQUUsT0FBTyxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxDQUFDO0lBQzFFLE1BQU0sUUFBUSxHQUFHLE9BQU8sQ0FBQyxTQUFTLENBQUMsSUFBSSxPQUFPLENBQUMsVUFBVSxDQUFDLENBQUM7SUFDM0QsTUFBTSxhQUFhLEdBQUcsT0FBTyxLQUFLLE1BQU0sQ0FBQztJQUV6QyxJQUFJLGVBQTRCLENBQUM7SUFFakMsSUFBSSxTQUFTLEVBQUUsQ0FBQztRQUNkLGVBQWUsR0FBRyxDQUNoQixnQkFBTSxTQUFTLEVBQUUsZ0JBQWdCLGFBQy9CLEtBQUMsdUJBQXVCLElBQ3RCLFNBQVMsRUFBRSxXQUFXLEVBQ3RCLEtBQUssRUFBRSxFQUFFLEVBQ1QsTUFBTSxFQUFFLEVBQUUsR0FDVixFQUNELFlBQVksSUFDUixDQUNSLENBQUM7SUFDSixDQUFDO1NBQU0sSUFBSSxhQUFhLEVBQUUsQ0FBQztRQUN6QixNQUFNLFdBQVcsR0FBRyxRQUFRLElBQUksU0FBUyxJQUFJLFFBQVEsSUFBSSxJQUFJLENBQUM7UUFFOUQsZUFBZSxHQUFHLHlCQUFPLFdBQVcsR0FBUSxDQUFDO0lBQy9DLENBQUM7U0FBTSxDQUFDO1FBQ04sTUFBTSxZQUFZLEdBQWtCLEVBQUUsQ0FBQztRQUV2QyxJQUFJLFFBQVEsSUFBSSxJQUFJLEVBQUUsQ0FBQztZQUNyQixZQUFZLENBQUMsSUFBSSxDQUNmLGVBQU0sU0FBUyxFQUFFLFFBQVEsWUFDdEIsUUFBUSxJQURvQixXQUFXLENBRW5DLENBQ1IsQ0FBQztRQUNKLENBQUM7UUFFRCxZQUFZLENBQUMsSUFBSSxDQUNmLGVBQU0sU0FBUyxFQUFFLFlBQVksWUFDMUIsUUFBUSxJQUR3QixTQUFTLENBRXJDLENBQ1IsQ0FBQztRQUVGLElBQUksU0FBUyxJQUFJLElBQUksRUFBRSxDQUFDO1lBQ3RCLFlBQVksQ0FBQyxJQUFJLENBQ2YsZUFBTSxTQUFTLEVBQUUsU0FBUyxZQUN2QixTQUFTLElBRG9CLFlBQVksQ0FFckMsQ0FDUixDQUFDO1FBQ0osQ0FBQztRQUVELGVBQWUsR0FBRyw0QkFBRyxZQUFZLEdBQUksQ0FBQztJQUN4QyxDQUFDO0lBRUQsSUFBSSxZQUE4QixDQUFDO0lBQ25DLElBQUksUUFBUSxFQUFFLENBQUM7UUFDYixZQUFZLEdBQUcsSUFBSSxDQUFDO0lBQ3RCLENBQUM7SUFFRCxPQUFPLENBQ0wsS0FBQyxJQUFJLE9BQ0MsSUFBSSxFQUNSLEdBQUcsRUFBRSxHQUFHLEVBQ1IsU0FBUyxFQUFFLGlCQUFpQixFQUM1QixlQUFlLEVBQUUsWUFBWSxDQUFDLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFDMUMsVUFBVSxFQUFFLFFBQVEsbUJBQ0wsWUFBWSxZQUUxQixlQUFlLEdBQ1gsQ0FDUixDQUFDO0FBQ0osQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgdHlwZSBDb21wb25lbnRQcm9wc1dpdGhvdXRSZWYsXG4gIHR5cGUgSlNYLFxuICB0eXBlIFJlYWN0Tm9kZSxcbiAgdHlwZSBSZWYsXG59IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IExpbmsgfSBmcm9tICdAcGx1bWlsZS9yb3V0ZXInO1xuXG5pbXBvcnQgeyBCdXR0b25Mb2FkaW5nU3Bpbm5lclN2ZyB9IGZyb20gJy4uLy4uLy4uL2ljb25zL0J1dHRvbkxvYWRpbmdTcGlubmVyU3ZnLmpzJztcbmltcG9ydCB7IGN4IH0gZnJvbSAnLi4vLi4vLi4vdGhlbWUvdG9vbHMuanMnO1xuaW1wb3J0IHtcbiAgYWN0aXZlQnV0dG9uLFxuICBidXR0b24sXG4gIGNvbnRlbnQgYXMgY29udGVudENsYXNzLFxuICBpY29uTGVmdCxcbiAgaWNvblJpZ2h0LFxuICBsb2FkaW5nSW5kaWNhdG9yLFxuICBzcGlubmVySWNvbixcbiAgdHlwZSBCdXR0b25WYXJpYW50cyxcbn0gZnJvbSAnLi9idXR0b24uY3NzLmpzJztcblxudHlwZSBMaW5rUHJvcHMgPSBDb21wb25lbnRQcm9wc1dpdGhvdXRSZWY8dHlwZW9mIExpbms+O1xuXG50eXBlIFByb3BzID0gT21pdDxMaW5rUHJvcHMsICdjaGlsZHJlbicgfCAnY2xhc3NOYW1lJz4gJiB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGU7XG4gIGNsYXNzTmFtZT86IHN0cmluZztcbiAgdmFyaWFudD86IE5vbk51bGxhYmxlPEJ1dHRvblZhcmlhbnRzPlsndmFyaWFudCddO1xuICBzaXplPzogTm9uTnVsbGFibGU8QnV0dG9uVmFyaWFudHM+WydzaXplJ107XG4gIHdpZHRoPzogTm9uTnVsbGFibGU8QnV0dG9uVmFyaWFudHM+Wyd3aWR0aCddO1xuICBpc0xvYWRpbmc/OiBib29sZWFuO1xuICBsb2FkaW5nTGFiZWw/OiBSZWFjdE5vZGU7XG4gIGxlZnRJY29uPzogUmVhY3ROb2RlO1xuICByaWdodEljb24/OiBSZWFjdE5vZGU7XG4gIHJlZj86IFJlZjxIVE1MQW5jaG9yRWxlbWVudD47XG59O1xuXG5leHBvcnQgY29uc3QgTGlua0J1dHRvbiA9IChwcm9wczogUHJvcHMpOiBKU1guRWxlbWVudCA9PiB7XG4gIGNvbnN0IHtcbiAgICBjaGlsZHJlbixcbiAgICBjbGFzc05hbWUsXG4gICAgaXNEaXNhYmxlZCxcbiAgICBpc0xvYWRpbmcgPSBmYWxzZSxcbiAgICBsZWZ0SWNvbixcbiAgICBsb2FkaW5nTGFiZWwsXG4gICAgcmVmLFxuICAgIHJpZ2h0SWNvbixcbiAgICBzaXplLFxuICAgIHZhcmlhbnQsXG4gICAgd2lkdGgsXG4gICAgLi4ucmVzdFxuICB9ID0gcHJvcHM7XG5cbiAgY29uc3QgcmVzb2x2ZWRDbGFzc05hbWUgPSBjeChidXR0b24oeyB2YXJpYW50LCBzaXplLCB3aWR0aCB9KSwgY2xhc3NOYW1lKTtcbiAgY29uc3QgZGlzYWJsZWQgPSBCb29sZWFuKGlzTG9hZGluZykgfHwgQm9vbGVhbihpc0Rpc2FibGVkKTtcbiAgY29uc3QgaXNJY29uVmFyaWFudCA9IHZhcmlhbnQgPT09ICdpY29uJztcblxuICBsZXQgcmVuZGVyZWRDb250ZW50OiBKU1guRWxlbWVudDtcblxuICBpZiAoaXNMb2FkaW5nKSB7XG4gICAgcmVuZGVyZWRDb250ZW50ID0gKFxuICAgICAgPHNwYW4gY2xhc3NOYW1lPXtsb2FkaW5nSW5kaWNhdG9yfT5cbiAgICAgICAgPEJ1dHRvbkxvYWRpbmdTcGlubmVyU3ZnXG4gICAgICAgICAgY2xhc3NOYW1lPXtzcGlubmVySWNvbn1cbiAgICAgICAgICB3aWR0aD17MjB9XG4gICAgICAgICAgaGVpZ2h0PXsyMH1cbiAgICAgICAgLz5cbiAgICAgICAge2xvYWRpbmdMYWJlbH1cbiAgICAgIDwvc3Bhbj5cbiAgICApO1xuICB9IGVsc2UgaWYgKGlzSWNvblZhcmlhbnQpIHtcbiAgICBjb25zdCBpY29uQ29udGVudCA9IGxlZnRJY29uID8/IHJpZ2h0SWNvbiA/PyBjaGlsZHJlbiA/PyBudWxsO1xuXG4gICAgcmVuZGVyZWRDb250ZW50ID0gPHNwYW4+e2ljb25Db250ZW50fTwvc3Bhbj47XG4gIH0gZWxzZSB7XG4gICAgY29uc3QgaWNvbkVsZW1lbnRzOiBKU1guRWxlbWVudFtdID0gW107XG5cbiAgICBpZiAobGVmdEljb24gIT0gbnVsbCkge1xuICAgICAgaWNvbkVsZW1lbnRzLnB1c2goXG4gICAgICAgIDxzcGFuIGNsYXNzTmFtZT17aWNvbkxlZnR9IGtleT1cImxlZnQtaWNvblwiPlxuICAgICAgICAgIHtsZWZ0SWNvbn1cbiAgICAgICAgPC9zcGFuPixcbiAgICAgICk7XG4gICAgfVxuXG4gICAgaWNvbkVsZW1lbnRzLnB1c2goXG4gICAgICA8c3BhbiBjbGFzc05hbWU9e2NvbnRlbnRDbGFzc30ga2V5PVwiY29udGVudFwiPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L3NwYW4+LFxuICAgICk7XG5cbiAgICBpZiAocmlnaHRJY29uICE9IG51bGwpIHtcbiAgICAgIGljb25FbGVtZW50cy5wdXNoKFxuICAgICAgICA8c3BhbiBjbGFzc05hbWU9e2ljb25SaWdodH0ga2V5PVwicmlnaHQtaWNvblwiPlxuICAgICAgICAgIHtyaWdodEljb259XG4gICAgICAgIDwvc3Bhbj4sXG4gICAgICApO1xuICAgIH1cblxuICAgIHJlbmRlcmVkQ29udGVudCA9IDw+e2ljb25FbGVtZW50c308Lz47XG4gIH1cblxuICBsZXQgYXJpYURpc2FibGVkOiB0cnVlIHwgdW5kZWZpbmVkO1xuICBpZiAoZGlzYWJsZWQpIHtcbiAgICBhcmlhRGlzYWJsZWQgPSB0cnVlO1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8TGlua1xuICAgICAgey4uLnJlc3R9XG4gICAgICByZWY9e3JlZn1cbiAgICAgIGNsYXNzTmFtZT17cmVzb2x2ZWRDbGFzc05hbWV9XG4gICAgICBhY3RpdmVDbGFzc05hbWU9e2FjdGl2ZUJ1dHRvbih7IHZhcmlhbnQgfSl9XG4gICAgICBpc0Rpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgIGFyaWEtZGlzYWJsZWQ9e2FyaWFEaXNhYmxlZH1cbiAgICA+XG4gICAgICB7cmVuZGVyZWRDb250ZW50fVxuICAgIDwvTGluaz5cbiAgKTtcbn07XG4iXX0=

package/lib/esm/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/esm/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"}