@plumile/ui 0.1.53 → 0.1.55

package/lib/esm/components/charts/billingUsageLineChart.css.js

@@ -1,62 +1,12 @@
-import { style } from '@vanilla-extract/css';
-import { sprinkles } from '../../theme/sprinkles.css.js';
-export const chartContainer = style([
-    sprinkles({
-        width: 'full',
-        borderWidth: 'px',
-        borderStyle: 'solid',
-        borderColor: 'borderLight',
-        borderRadius: 'lg',
-        backgroundColor: 'surface',
-        paddingY: 2,
-        paddingX: 2,
-    }),
-    {
-        height: '260px',
-        '@media': {
-            'screen and (min-width: 768px)': {
-                height: '340px',
-            },
-        },
-    },
-]);
-export const tooltip = sprinkles({
-    display: 'flex',
-    flexDirection: 'column',
-    gap: 1.5,
-    borderWidth: 'px',
-    borderStyle: 'solid',
-    borderColor: 'border',
-    borderRadius: 'md',
-    backgroundColor: 'surfaceElevated',
-    paddingY: 2,
-    paddingX: 2.5,
-    boxShadow: 'lg',
-});
-export const tooltipDate = sprinkles({
-    fontSize: 'xs',
-    color: 'textMuted',
-    fontWeight: 'medium',
-    margin: 0,
-});
-export const tooltipRow = sprinkles({
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'space-between',
-    gap: 3,
-    fontSize: 'sm',
-    color: 'text',
-});
-export const tooltipRowLabel = sprinkles({
-    display: 'inline-flex',
-    alignItems: 'center',
-    gap: 1.5,
-});
-export const tooltipSwatch = style([
-    sprinkles({
-        width: 2,
-        height: 2,
-        borderRadius: 'full',
-    }),
-]);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmlsbGluZ1VzYWdlTGluZUNoYXJ0LmNzcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2NoYXJ0cy9iaWxsaW5nVXNhZ2VMaW5lQ2hhcnQuY3NzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUU3QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFFekQsTUFBTSxDQUFDLE1BQU0sY0FBYyxHQUFHLEtBQUssQ0FBQztJQUNsQyxTQUFTLENBQUM7UUFDUixLQUFLLEVBQUUsTUFBTTtRQUNiLFdBQVcsRUFBRSxJQUFJO1FBQ2pCLFdBQVcsRUFBRSxPQUFPO1FBQ3BCLFdBQVcsRUFBRSxhQUFhO1FBQzFCLFlBQVksRUFBRSxJQUFJO1FBQ2xCLGVBQWUsRUFBRSxTQUFTO1FBQzFCLFFBQVEsRUFBRSxDQUFDO1FBQ1gsUUFBUSxFQUFFLENBQUM7S0FDWixDQUFDO0lBQ0Y7UUFDRSxNQUFNLEVBQUUsT0FBTztRQUNmLFFBQVEsRUFBRTtZQUNSLCtCQUErQixFQUFFO2dCQUMvQixNQUFNLEVBQUUsT0FBTzthQUNoQjtTQUNGO0tBQ0Y7Q0FDRixDQUFDLENBQUM7QUFFSCxNQUFNLENBQUMsTUFBTSxPQUFPLEdBQUcsU0FBUyxDQUFDO0lBQy9CLE9BQU8sRUFBRSxNQUFNO0lBQ2YsYUFBYSxFQUFFLFFBQVE7SUFDdkIsR0FBRyxFQUFFLEdBQUc7SUFDUixXQUFXLEVBQUUsSUFBSTtJQUNqQixXQUFXLEVBQUUsT0FBTztJQUNwQixXQUFXLEVBQUUsUUFBUTtJQUNyQixZQUFZLEVBQUUsSUFBSTtJQUNsQixlQUFlLEVBQUUsaUJBQWlCO0lBQ2xDLFFBQVEsRUFBRSxDQUFDO0lBQ1gsUUFBUSxFQUFFLEdBQUc7SUFDYixTQUFTLEVBQUUsSUFBSTtDQUNoQixDQUFDLENBQUM7QUFFSCxNQUFNLENBQUMsTUFBTSxXQUFXLEdBQUcsU0FBUyxDQUFDO0lBQ25DLFFBQVEsRUFBRSxJQUFJO0lBQ2QsS0FBSyxFQUFFLFdBQVc7SUFDbEIsVUFBVSxFQUFFLFFBQVE7SUFDcEIsTUFBTSxFQUFFLENBQUM7Q0FDVixDQUFDLENBQUM7QUFFSCxNQUFNLENBQUMsTUFBTSxVQUFVLEdBQUcsU0FBUyxDQUFDO0lBQ2xDLE9BQU8sRUFBRSxNQUFNO0lBQ2YsVUFBVSxFQUFFLFFBQVE7SUFDcEIsY0FBYyxFQUFFLGVBQWU7SUFDL0IsR0FBRyxFQUFFLENBQUM7SUFDTixRQUFRLEVBQUUsSUFBSTtJQUNkLEtBQUssRUFBRSxNQUFNO0NBQ2QsQ0FBQyxDQUFDO0FBRUgsTUFBTSxDQUFDLE1BQU0sZUFBZSxHQUFHLFNBQVMsQ0FBQztJQUN2QyxPQUFPLEVBQUUsYUFBYTtJQUN0QixVQUFVLEVBQUUsUUFBUTtJQUNwQixHQUFHLEVBQUUsR0FBRztDQUNULENBQUMsQ0FBQztBQUVILE1BQU0sQ0FBQyxNQUFNLGFBQWEsR0FBRyxLQUFLLENBQUM7SUFDakMsU0FBUyxDQUFDO1FBQ1IsS0FBSyxFQUFFLENBQUM7UUFDUixNQUFNLEVBQUUsQ0FBQztRQUNULFlBQVksRUFBRSxNQUFNO0tBQ3JCLENBQUM7Q0FDSCxDQUFDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBzdHlsZSB9IGZyb20gJ0B2YW5pbGxhLWV4dHJhY3QvY3NzJztcblxuaW1wb3J0IHsgc3ByaW5rbGVzIH0gZnJvbSAnLi4vLi4vdGhlbWUvc3ByaW5rbGVzLmNzcy5qcyc7XG5cbmV4cG9ydCBjb25zdCBjaGFydENvbnRhaW5lciA9IHN0eWxlKFtcbiAgc3ByaW5rbGVzKHtcbiAgICB3aWR0aDogJ2Z1bGwnLFxuICAgIGJvcmRlcldpZHRoOiAncHgnLFxuICAgIGJvcmRlclN0eWxlOiAnc29saWQnLFxuICAgIGJvcmRlckNvbG9yOiAnYm9yZGVyTGlnaHQnLFxuICAgIGJvcmRlclJhZGl1czogJ2xnJyxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6ICdzdXJmYWNlJyxcbiAgICBwYWRkaW5nWTogMixcbiAgICBwYWRkaW5nWDogMixcbiAgfSksXG4gIHtcbiAgICBoZWlnaHQ6ICcyNjBweCcsXG4gICAgJ0BtZWRpYSc6IHtcbiAgICAgICdzY3JlZW4gYW5kIChtaW4td2lkdGg6IDc2OHB4KSc6IHtcbiAgICAgICAgaGVpZ2h0OiAnMzQwcHgnLFxuICAgICAgfSxcbiAgICB9LFxuICB9LFxuXSk7XG5cbmV4cG9ydCBjb25zdCB0b29sdGlwID0gc3ByaW5rbGVzKHtcbiAgZGlzcGxheTogJ2ZsZXgnLFxuICBmbGV4RGlyZWN0aW9uOiAnY29sdW1uJyxcbiAgZ2FwOiAxLjUsXG4gIGJvcmRlcldpZHRoOiAncHgnLFxuICBib3JkZXJTdHlsZTogJ3NvbGlkJyxcbiAgYm9yZGVyQ29sb3I6ICdib3JkZXInLFxuICBib3JkZXJSYWRpdXM6ICdtZCcsXG4gIGJhY2tncm91bmRDb2xvcjogJ3N1cmZhY2VFbGV2YXRlZCcsXG4gIHBhZGRpbmdZOiAyLFxuICBwYWRkaW5nWDogMi41LFxuICBib3hTaGFkb3c6ICdsZycsXG59KTtcblxuZXhwb3J0IGNvbnN0IHRvb2x0aXBEYXRlID0gc3ByaW5rbGVzKHtcbiAgZm9udFNpemU6ICd4cycsXG4gIGNvbG9yOiAndGV4dE11dGVkJyxcbiAgZm9udFdlaWdodDogJ21lZGl1bScsXG4gIG1hcmdpbjogMCxcbn0pO1xuXG5leHBvcnQgY29uc3QgdG9vbHRpcFJvdyA9IHNwcmlua2xlcyh7XG4gIGRpc3BsYXk6ICdmbGV4JyxcbiAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gIGp1c3RpZnlDb250ZW50OiAnc3BhY2UtYmV0d2VlbicsXG4gIGdhcDogMyxcbiAgZm9udFNpemU6ICdzbScsXG4gIGNvbG9yOiAndGV4dCcsXG59KTtcblxuZXhwb3J0IGNvbnN0IHRvb2x0aXBSb3dMYWJlbCA9IHNwcmlua2xlcyh7XG4gIGRpc3BsYXk6ICdpbmxpbmUtZmxleCcsXG4gIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICBnYXA6IDEuNSxcbn0pO1xuXG5leHBvcnQgY29uc3QgdG9vbHRpcFN3YXRjaCA9IHN0eWxlKFtcbiAgc3ByaW5rbGVzKHtcbiAgICB3aWR0aDogMixcbiAgICBoZWlnaHQ6IDIsXG4gICAgYm9yZGVyUmFkaXVzOiAnZnVsbCcsXG4gIH0pLFxuXSk7XG4iXX0=
+/* empty css                                       */
+/* empty css                                         */
+var v = "_1a38h831 _1a38h830 txvbqbnux txvbqboi6 txvbqbp5f txvbqblx6 txvbqbu6f txvbqb1df txvbqb1qf txvbqbx6 txvbqb1ro txvbqbv2r", x = "_1a38h832 txvbqbogo txvbqbp3x txvbqbp5f txvbqblx6 txvbqb9io txvbqbai6 txvbqbb9o txvbqb1df txvbqb1qf txvbqbwf txvbqb1rf txvbqbv2x txvbqb8q6", q = "_1a38h833 txvbqb8o txvbqbv8t txvbqbamf txvbqbfbo", o = "_1a38h834 txvbqb9io txvbqbco txvbqbdoo txvbqbaof txvbqb8x txvbqbv8p", a = "_1a38h835 txvbqb9jf txvbqbco txvbqbb9o", r = "_1a38h837 _1a38h836 txvbqbtvo txvbqbc56 txvbqb1t6";
+export {
+  v as chartContainer,
+  x as tooltip,
+  q as tooltipDate,
+  o as tooltipRow,
+  a as tooltipRowLabel,
+  r as tooltipSwatch
+};
+//# sourceMappingURL=billingUsageLineChart.css.js.map

package/lib/esm/components/charts/billingUsageLineChart.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"billingUsageLineChart.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/lib/esm/components/charts/billingUsageLineChart.css.ts.vanilla-7e3dy1Dj.css

@@ -0,0 +1 @@
+._1a38h831{height:260px}@media screen and (min-width:768px){._1a38h831{height:340px}}

package/lib/esm/components/layout/ContentLayout.css.js

@@ -1,71 +1,18 @@
-import { sprinkles } from '../../theme/sprinkles.css.js';
-export const section = sprinkles({
-    width: 'full',
-    display: 'flex',
-    justifyContent: 'flex-start',
-});
-export const inner = sprinkles({
-    width: 'full',
-    display: 'flex',
-    flexDirection: 'column',
-    gap: 6,
-});
-export const header = sprinkles({
-    display: 'flex',
-    flexWrap: 'wrap',
-    gap: 4,
-    alignItems: 'flex-start',
-    justifyContent: 'space-between',
-});
-export const headingGroup = sprinkles({
-    display: 'flex',
-    flexDirection: 'column',
-    gap: 1,
-    minWidth: 0,
-});
-export const title = sprinkles({
-    fontSize: '2xl',
-    lineHeight: '2xl',
-    fontWeight: 'semibold',
-    color: 'text',
-    margin: 0,
-});
-export const subheader = sprinkles({
-    fontSize: 'base',
-    color: 'textSecondary',
-    margin: 0,
-});
-export const metaRow = sprinkles({
-    display: 'flex',
-    alignItems: 'center',
-    flexWrap: 'wrap',
-    gap: 2,
-});
-export const actionCluster = sprinkles({
-    display: 'flex',
-    flexWrap: 'wrap',
-    gap: 2,
-    justifyContent: 'flex-end',
-});
-export const actionClusterItem = sprinkles({
-    display: 'inline-flex',
-});
-export const body = sprinkles({
-    display: 'flex',
-    flexDirection: 'column',
-    gap: 6,
-});
-export const bottomFloatArea = sprinkles({
-    position: 'fixed',
-    left: 0,
-    bottom: 6,
-    width: 'full',
-    display: 'flex',
-    justifyContent: 'center',
-    pointerEvents: 'none',
-    paddingInline: 4,
-});
-export const bottomFloatContent = sprinkles({
-    pointerEvents: 'auto',
-});
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29udGVudExheW91dC5jc3MuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9sYXlvdXQvQ29udGVudExheW91dC5jc3MudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBRXpELE1BQU0sQ0FBQyxNQUFNLE9BQU8sR0FBRyxTQUFTLENBQUM7SUFDL0IsS0FBSyxFQUFFLE1BQU07SUFDYixPQUFPLEVBQUUsTUFBTTtJQUNmLGNBQWMsRUFBRSxZQUFZO0NBQzdCLENBQUMsQ0FBQztBQUVILE1BQU0sQ0FBQyxNQUFNLEtBQUssR0FBRyxTQUFTLENBQUM7SUFDN0IsS0FBSyxFQUFFLE1BQU07SUFDYixPQUFPLEVBQUUsTUFBTTtJQUNmLGFBQWEsRUFBRSxRQUFRO0lBQ3ZCLEdBQUcsRUFBRSxDQUFDO0NBQ1AsQ0FBQyxDQUFDO0FBRUgsTUFBTSxDQUFDLE1BQU0sTUFBTSxHQUFHLFNBQVMsQ0FBQztJQUM5QixPQUFPLEVBQUUsTUFBTTtJQUNmLFFBQVEsRUFBRSxNQUFNO0lBQ2hCLEdBQUcsRUFBRSxDQUFDO0lBQ04sVUFBVSxFQUFFLFlBQVk7SUFDeEIsY0FBYyxFQUFFLGVBQWU7Q0FDaEMsQ0FBQyxDQUFDO0FBRUgsTUFBTSxDQUFDLE1BQU0sWUFBWSxHQUFHLFNBQVMsQ0FBQztJQUNwQyxPQUFPLEVBQUUsTUFBTTtJQUNmLGFBQWEsRUFBRSxRQUFRO0lBQ3ZCLEdBQUcsRUFBRSxDQUFDO0lBQ04sUUFBUSxFQUFFLENBQUM7Q0FDWixDQUFDLENBQUM7QUFFSCxNQUFNLENBQUMsTUFBTSxLQUFLLEdBQUcsU0FBUyxDQUFDO0lBQzdCLFFBQVEsRUFBRSxLQUFLO0lBQ2YsVUFBVSxFQUFFLEtBQUs7SUFDakIsVUFBVSxFQUFFLFVBQVU7SUFDdEIsS0FBSyxFQUFFLE1BQU07SUFDYixNQUFNLEVBQUUsQ0FBQztDQUNWLENBQUMsQ0FBQztBQUVILE1BQU0sQ0FBQyxNQUFNLFNBQVMsR0FBRyxTQUFTLENBQUM7SUFDakMsUUFBUSxFQUFFLE1BQU07SUFDaEIsS0FBSyxFQUFFLGVBQWU7SUFDdEIsTUFBTSxFQUFFLENBQUM7Q0FDVixDQUFDLENBQUM7QUFFSCxNQUFNLENBQUMsTUFBTSxPQUFPLEdBQUcsU0FBUyxDQUFDO0lBQy9CLE9BQU8sRUFBRSxNQUFNO0lBQ2YsVUFBVSxFQUFFLFFBQVE7SUFDcEIsUUFBUSxFQUFFLE1BQU07SUFDaEIsR0FBRyxFQUFFLENBQUM7Q0FDUCxDQUFDLENBQUM7QUFFSCxNQUFNLENBQUMsTUFBTSxhQUFhLEdBQUcsU0FBUyxDQUFDO0lBQ3JDLE9BQU8sRUFBRSxNQUFNO0lBQ2YsUUFBUSxFQUFFLE1BQU07SUFDaEIsR0FBRyxFQUFFLENBQUM7SUFDTixjQUFjLEVBQUUsVUFBVTtDQUMzQixDQUFDLENBQUM7QUFFSCxNQUFNLENBQUMsTUFBTSxpQkFBaUIsR0FBRyxTQUFTLENBQUM7SUFDekMsT0FBTyxFQUFFLGFBQWE7Q0FDdkIsQ0FBQyxDQUFDO0FBRUgsTUFBTSxDQUFDLE1BQU0sSUFBSSxHQUFHLFNBQVMsQ0FBQztJQUM1QixPQUFPLEVBQUUsTUFBTTtJQUNmLGFBQWEsRUFBRSxRQUFRO0lBQ3ZCLEdBQUcsRUFBRSxDQUFDO0NBQ1AsQ0FBQyxDQUFDO0FBRUgsTUFBTSxDQUFDLE1BQU0sZUFBZSxHQUFHLFNBQVMsQ0FBQztJQUN2QyxRQUFRLEVBQUUsT0FBTztJQUNqQixJQUFJLEVBQUUsQ0FBQztJQUNQLE1BQU0sRUFBRSxDQUFDO0lBQ1QsS0FBSyxFQUFFLE1BQU07SUFDYixPQUFPLEVBQUUsTUFBTTtJQUNmLGNBQWMsRUFBRSxRQUFRO0lBQ3hCLGFBQWEsRUFBRSxNQUFNO0lBQ3JCLGFBQWEsRUFBRSxDQUFDO0NBQ2pCLENBQUMsQ0FBQztBQUVILE1BQU0sQ0FBQyxNQUFNLGtCQUFrQixHQUFHLFNBQVMsQ0FBQztJQUMxQyxhQUFhLEVBQUUsTUFBTTtDQUN0QixDQUFDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBzcHJpbmtsZXMgfSBmcm9tICcuLi8uLi90aGVtZS9zcHJpbmtsZXMuY3NzLmpzJztcblxuZXhwb3J0IGNvbnN0IHNlY3Rpb24gPSBzcHJpbmtsZXMoe1xuICB3aWR0aDogJ2Z1bGwnLFxuICBkaXNwbGF5OiAnZmxleCcsXG4gIGp1c3RpZnlDb250ZW50OiAnZmxleC1zdGFydCcsXG59KTtcblxuZXhwb3J0IGNvbnN0IGlubmVyID0gc3ByaW5rbGVzKHtcbiAgd2lkdGg6ICdmdWxsJyxcbiAgZGlzcGxheTogJ2ZsZXgnLFxuICBmbGV4RGlyZWN0aW9uOiAnY29sdW1uJyxcbiAgZ2FwOiA2LFxufSk7XG5cbmV4cG9ydCBjb25zdCBoZWFkZXIgPSBzcHJpbmtsZXMoe1xuICBkaXNwbGF5OiAnZmxleCcsXG4gIGZsZXhXcmFwOiAnd3JhcCcsXG4gIGdhcDogNCxcbiAgYWxpZ25JdGVtczogJ2ZsZXgtc3RhcnQnLFxuICBqdXN0aWZ5Q29udGVudDogJ3NwYWNlLWJldHdlZW4nLFxufSk7XG5cbmV4cG9ydCBjb25zdCBoZWFkaW5nR3JvdXAgPSBzcHJpbmtsZXMoe1xuICBkaXNwbGF5OiAnZmxleCcsXG4gIGZsZXhEaXJlY3Rpb246ICdjb2x1bW4nLFxuICBnYXA6IDEsXG4gIG1pbldpZHRoOiAwLFxufSk7XG5cbmV4cG9ydCBjb25zdCB0aXRsZSA9IHNwcmlua2xlcyh7XG4gIGZvbnRTaXplOiAnMnhsJyxcbiAgbGluZUhlaWdodDogJzJ4bCcsXG4gIGZvbnRXZWlnaHQ6ICdzZW1pYm9sZCcsXG4gIGNvbG9yOiAndGV4dCcsXG4gIG1hcmdpbjogMCxcbn0pO1xuXG5leHBvcnQgY29uc3Qgc3ViaGVhZGVyID0gc3ByaW5rbGVzKHtcbiAgZm9udFNpemU6ICdiYXNlJyxcbiAgY29sb3I6ICd0ZXh0U2Vjb25kYXJ5JyxcbiAgbWFyZ2luOiAwLFxufSk7XG5cbmV4cG9ydCBjb25zdCBtZXRhUm93ID0gc3ByaW5rbGVzKHtcbiAgZGlzcGxheTogJ2ZsZXgnLFxuICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgZmxleFdyYXA6ICd3cmFwJyxcbiAgZ2FwOiAyLFxufSk7XG5cbmV4cG9ydCBjb25zdCBhY3Rpb25DbHVzdGVyID0gc3ByaW5rbGVzKHtcbiAgZGlzcGxheTogJ2ZsZXgnLFxuICBmbGV4V3JhcDogJ3dyYXAnLFxuICBnYXA6IDIsXG4gIGp1c3RpZnlDb250ZW50OiAnZmxleC1lbmQnLFxufSk7XG5cbmV4cG9ydCBjb25zdCBhY3Rpb25DbHVzdGVySXRlbSA9IHNwcmlua2xlcyh7XG4gIGRpc3BsYXk6ICdpbmxpbmUtZmxleCcsXG59KTtcblxuZXhwb3J0IGNvbnN0IGJvZHkgPSBzcHJpbmtsZXMoe1xuICBkaXNwbGF5OiAnZmxleCcsXG4gIGZsZXhEaXJlY3Rpb246ICdjb2x1bW4nLFxuICBnYXA6IDYsXG59KTtcblxuZXhwb3J0IGNvbnN0IGJvdHRvbUZsb2F0QXJlYSA9IHNwcmlua2xlcyh7XG4gIHBvc2l0aW9uOiAnZml4ZWQnLFxuICBsZWZ0OiAwLFxuICBib3R0b206IDYsXG4gIHdpZHRoOiAnZnVsbCcsXG4gIGRpc3BsYXk6ICdmbGV4JyxcbiAganVzdGlmeUNvbnRlbnQ6ICdjZW50ZXInLFxuICBwb2ludGVyRXZlbnRzOiAnbm9uZScsXG4gIHBhZGRpbmdJbmxpbmU6IDQsXG59KTtcblxuZXhwb3J0IGNvbnN0IGJvdHRvbUZsb2F0Q29udGVudCA9IHNwcmlua2xlcyh7XG4gIHBvaW50ZXJFdmVudHM6ICdhdXRvJyxcbn0pO1xuIl19
+/* empty css                                       */
+/* empty css                                 */
+var v = "_17ichq70 txvbqbu6f txvbqb9io txvbqbdof", q = "_17ichq71 txvbqbu6f txvbqb9io txvbqbai6 txvbqbap6", x = "_17ichq72 txvbqb9io txvbqbajx txvbqbaoo txvbqbcf txvbqbdoo", o = "_17ichq73 txvbqb9io txvbqbai6 txvbqbanx txvbqbk4x", a = "_17ichq74 txvbqb9x txvbqbf76 txvbqbamo txvbqbv8p txvbqbfbo", i = "_17ichq75 txvbqb96 txvbqbv8r txvbqbfbo", r = "_17ichq76 txvbqb9io txvbqbco txvbqbajx txvbqbao6", c = "_17ichq77 txvbqb9io txvbqbajx txvbqbao6 txvbqbdo6", e = "_17ichq78 txvbqb9jf", h = "_17ichq79 txvbqb9io txvbqbai6 txvbqbap6", _ = "_17ichq7a txvbqbpso txvbqbdpf txvbqb83o txvbqbu6f txvbqb9io txvbqbdnx txvbqb2k txvbqbn86", n = "_17ichq7b txvbqb2l";
+export {
+  c as actionCluster,
+  e as actionClusterItem,
+  h as body,
+  _ as bottomFloatArea,
+  n as bottomFloatContent,
+  x as header,
+  o as headingGroup,
+  q as inner,
+  r as metaRow,
+  v as section,
+  i as subheader,
+  a as title
+};
+//# sourceMappingURL=ContentLayout.css.js.map

package/lib/esm/components/layout/ContentLayout.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentLayout.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/lib/esm/components/layout/ContentLayout.js

@@ -1,64 +1,79 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as styles from './ContentLayout.css.js';
-import { cx } from '../../theme/tools.js';
-const DEFAULT_BOTTOM_FLOAT_HEIGHT = 320;
-const BOTTOM_FLOAT_BUFFER = 48;
-const renderTitle = (title, className) => {
-    if (title == null) {
-        return null;
+import { jsx as o, jsxs as r } from "react/jsx-runtime";
+import { actionClusterItem as b, bottomFloatContent as H, bottomFloatArea as _, actionCluster as B, title as I, subheader as L, metaRow as R, headingGroup as E, header as G, body as M, inner as $, section as j } from "./ContentLayout.css.js";
+import { cx as n } from "../../theme/tools.js";
+const w = 320, S = 48, U = (e, l) => e == null ? null : typeof e == "string" || typeof e == "number" ? /* @__PURE__ */ o("h1", { className: l, children: e }) : /* @__PURE__ */ o("div", { className: l, children: e }), D = (e, l) => e == null ? null : typeof e == "string" || typeof e == "number" ? /* @__PURE__ */ o("p", { className: l, children: e }) : /* @__PURE__ */ o("div", { className: l, children: e }), J = (e) => {
+  const {
+    bottomFloat: l,
+    classes: t,
+    children: y,
+    className: F,
+    contentClassName: g,
+    mainAction: i,
+    meta: s,
+    secondaryActions: d = [],
+    subheader: m,
+    title: u
+  } = e;
+  let a = 0;
+  if (l != null) {
+    const c = l.reservedHeight ?? w;
+    a = Math.max(c, 0);
+  }
+  let h;
+  a > 0 && (h = {
+    paddingBottom: a + S
+  });
+  const f = i != null || d.length > 0;
+  let N = null;
+  i != null && (N = /* @__PURE__ */ o("div", { className: n(b, t?.actionClusterItem), children: i }));
+  let p = null;
+  l != null && (p = /* @__PURE__ */ o("div", { className: n(_, t?.bottomFloatArea), children: /* @__PURE__ */ o(
+    "div",
+    {
+      className: n(H, t?.bottomFloatContent),
+      children: l.node
     }
-    if (typeof title === 'string' || typeof title === 'number') {
-        return _jsx("h1", { className: className, children: title });
+  ) }));
+  let v = null;
+  f && (v = /* @__PURE__ */ r("div", { className: n(B, t?.actionCluster), children: [
+    d.map((c, x) => /* @__PURE__ */ o(
+      "div",
+      {
+        className: n(
+          b,
+          t?.actionClusterItem
+        ),
+        children: c
+      },
+      `secondary-${x}`
+    )),
+    N
+  ] }));
+  const A = n(I, t?.title), T = n(L, t?.subheader), O = n(R, t?.metaRow);
+  let C = null;
+  return s != null && (C = /* @__PURE__ */ o("div", { className: O, children: s })), /* @__PURE__ */ r(
+    "section",
+    {
+      className: n(j, t?.section, F),
+      style: h,
+      children: [
+        /* @__PURE__ */ r("div", { className: n($, t?.inner, g), children: [
+          (u != null || m != null || s != null || f) && /* @__PURE__ */ r("div", { className: n(G, t?.header), children: [
+            /* @__PURE__ */ r("div", { className: n(E, t?.headingGroup), children: [
+              U(u, A),
+              D(m, T),
+              C
+            ] }),
+            v
+          ] }),
+          /* @__PURE__ */ o("div", { className: n(M, t?.body), children: y })
+        ] }),
+        p
+      ]
     }
-    return _jsx("div", { className: className, children: title });
+  );
 };
-const renderSubheader = (subheader, className) => {
-    if (subheader == null) {
-        return null;
-    }
-    if (typeof subheader === 'string' || typeof subheader === 'number') {
-        return _jsx("p", { className: className, children: subheader });
-    }
-    return _jsx("div", { className: className, children: subheader });
-};
-export const ContentLayout = (props) => {
-    const { bottomFloat, classes, children, className, contentClassName, mainAction, meta, secondaryActions = [], subheader, title, } = props;
-    let reservedHeight = 0;
-    if (bottomFloat != null) {
-        const floatHeight = bottomFloat.reservedHeight ?? DEFAULT_BOTTOM_FLOAT_HEIGHT;
-        reservedHeight = Math.max(floatHeight, 0);
-    }
-    let paddingStyles;
-    if (reservedHeight > 0) {
-        paddingStyles = {
-            paddingBottom: reservedHeight + BOTTOM_FLOAT_BUFFER,
-        };
-    }
-    const shouldRenderActions = mainAction != null || secondaryActions.length > 0;
-    let mainActionNode = null;
-    if (mainAction != null) {
-        mainActionNode = (_jsx("div", { className: cx(styles.actionClusterItem, classes?.actionClusterItem), children: mainAction }));
-    }
-    let bottomFloatNode = null;
-    if (bottomFloat != null) {
-        bottomFloatNode = (_jsx("div", { className: cx(styles.bottomFloatArea, classes?.bottomFloatArea), children: _jsx("div", { className: cx(styles.bottomFloatContent, classes?.bottomFloatContent), children: bottomFloat.node }) }));
-    }
-    let actionClusterNode = null;
-    if (shouldRenderActions) {
-        actionClusterNode = (_jsxs("div", { className: cx(styles.actionCluster, classes?.actionCluster), children: [secondaryActions.map((action, index) => {
-                    return (_jsx("div", { className: cx(styles.actionClusterItem, classes?.actionClusterItem), children: action }, `secondary-${index}`));
-                }), mainActionNode] }));
-    }
-    const titleClassName = cx(styles.title, classes?.title);
-    const subheaderClassName = cx(styles.subheader, classes?.subheader);
-    const metaClassName = cx(styles.metaRow, classes?.metaRow);
-    let metaNode = null;
-    if (meta != null) {
-        metaNode = _jsx("div", { className: metaClassName, children: meta });
-    }
-    return (_jsxs("section", { className: cx(styles.section, classes?.section, className), style: paddingStyles, children: [_jsxs("div", { className: cx(styles.inner, classes?.inner, contentClassName), children: [(title != null ||
-                        subheader != null ||
-                        meta != null ||
-                        shouldRenderActions) && (_jsxs("div", { className: cx(styles.header, classes?.header), children: [_jsxs("div", { className: cx(styles.headingGroup, classes?.headingGroup), children: [renderTitle(title, titleClassName), renderSubheader(subheader, subheaderClassName), metaNode] }), actionClusterNode] })), _jsx("div", { className: cx(styles.body, classes?.body), children: children })] }), bottomFloatNode] }));
+export {
+  J as ContentLayout
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29udGVudExheW91dC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2xheW91dC9Db250ZW50TGF5b3V0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBRUEsT0FBTyxLQUFLLE1BQU0sTUFBTSx3QkFBd0IsQ0FBQztBQUNqRCxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFvQzFDLE1BQU0sMkJBQTJCLEdBQUcsR0FBRyxDQUFDO0FBQ3hDLE1BQU0sbUJBQW1CLEdBQUcsRUFBRSxDQUFDO0FBRS9CLE1BQU0sV0FBVyxHQUFHLENBQ2xCLEtBQTRCLEVBQzVCLFNBQWlCLEVBQ04sRUFBRTtJQUNiLElBQUksS0FBSyxJQUFJLElBQUksRUFBRSxDQUFDO1FBQ2xCLE9BQU8sSUFBSSxDQUFDO0lBQ2QsQ0FBQztJQUVELElBQUksT0FBTyxLQUFLLEtBQUssUUFBUSxJQUFJLE9BQU8sS0FBSyxLQUFLLFFBQVEsRUFBRSxDQUFDO1FBQzNELE9BQU8sYUFBSSxTQUFTLEVBQUUsU0FBUyxZQUFHLEtBQUssR0FBTSxDQUFDO0lBQ2hELENBQUM7SUFFRCxPQUFPLGNBQUssU0FBUyxFQUFFLFNBQVMsWUFBRyxLQUFLLEdBQU8sQ0FBQztBQUNsRCxDQUFDLENBQUM7QUFFRixNQUFNLGVBQWUsR0FBRyxDQUN0QixTQUFnQyxFQUNoQyxTQUFpQixFQUNOLEVBQUU7SUFDYixJQUFJLFNBQVMsSUFBSSxJQUFJLEVBQUUsQ0FBQztRQUN0QixPQUFPLElBQUksQ0FBQztJQUNkLENBQUM7SUFFRCxJQUFJLE9BQU8sU0FBUyxLQUFLLFFBQVEsSUFBSSxPQUFPLFNBQVMsS0FBSyxRQUFRLEVBQUUsQ0FBQztRQUNuRSxPQUFPLFlBQUcsU0FBUyxFQUFFLFNBQVMsWUFBRyxTQUFTLEdBQUssQ0FBQztJQUNsRCxDQUFDO0lBRUQsT0FBTyxjQUFLLFNBQVMsRUFBRSxTQUFTLFlBQUcsU0FBUyxHQUFPLENB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QUUsYUFBYSxZQUFHLElBQUksR0FBTyxDQUFDO0lBQ3pELENBQUM7SUFFRCxPQUFPLENBQ0wsbUJBQ0UsU0FBUyxFQUFFLEVBQUUsQ0FBQyxNQUFNLENBQUMsT0FBTyxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsU0FBUyxDQUFDLEVBQzFELEtBQUssRUFBRSxhQUFhLGFBRXBCLGVBQUssU0FBUyxFQUFFLEVBQUUsQ0FBQyxNQUFNLENBQUMsS0FBSyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsZ0JBQWdCLENBQUMsYUFDL0QsQ0FBQyxLQUFLLElBQUksSUFBSTt3QkFDYixTQUFTLElBQUksSUFBSTt3QkFDakIsSUFBSSxJQUFJLElBQUk7d0JBQ1osbUJBQW1CLENBQUMsSUFBSSxDQUN4QixlQUFLLFNBQVMsRUFBRSxFQUFFLENBQUMsTUFBTSxDQUFDLE1BQU0sRUFBRSxPQUFPLEVBQUUsTUFBTSxDQUFDLGFBQ2hELGVBQUssU0FBUyxFQUFFLEVBQUUsQ0FBQyxNQUFNLENBQUMsWUFBWSxFQUFFLE9BQU8sRUFBRSxZQUFZLENBQUMsYUFDM0QsV0FBVyxDQUFDLEtBQUssRUFBRSxjQUFjLENBQUMsRUFDbEMsZUFBZSxDQUFDLFNBQVMsRUFBRSxrQkFBa0IsQ0FBQyxFQUM5QyxRQUFRLElBQ0wsRUFDTCxpQkFBaUIsSUFDZCxDQUNQLEVBRUQsY0FBSyxTQUFTLEVBQUUsRUFBRSxDQUFDLE1BQU0sQ0FBQyxJQUFJLEVBQUUsT0FBTyxFQUFFLElBQUksQ0FBQyxZQUFHLFFBQVEsR0FBTyxJQUM1RCxFQUVMLGVBQWUsSUFDUixDQUNYLENBQUM7QUFDSixDQUFDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB0eXBlIENTU1Byb3BlcnRpZXMsIHR5cGUgSlNYLCB0eXBlIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0ICogYXMgc3R5bGVzIGZyb20gJy4vQ29udGVudExheW91dC5jc3MuanMnO1xuaW1wb3J0IHsgY3ggfSBmcm9tICcuLi8uLi90aGVtZS90b29scy5qcyc7XG5cbmV4cG9ydCB0eXBlIEJvdHRvbUZsb2F0Q29uZmlnID0ge1xuICBub2RlOiBSZWFjdE5vZGU7XG4gIHJlc2VydmVkSGVpZ2h0PzogbnVtYmVyO1xufTtcblxudHlwZSBDb250ZW50TGF5b3V0U2xvdCA9XG4gIHwgJ3NlY3Rpb24nXG4gIHwgJ2lubmVyJ1xuICB8ICdoZWFkZXInXG4gIHwgJ2hlYWRpbmdHcm91cCdcbiAgfCAndGl0bGUnXG4gIHwgJ3N1YmhlYWRlcidcbiAgfCAnbWV0YVJvdydcbiAgfCAnYWN0aW9uQ2x1c3RlcidcbiAgfCAnYWN0aW9uQ2x1c3Rlckl0ZW0nXG4gIHwgJ2JvZHknXG4gIHwgJ2JvdHRvbUZsb2F0QXJlYSdcbiAgfCAnYm90dG9tRmxvYXRDb250ZW50JztcblxudHlwZSBTbG90Q2xhc3NlczxUU2xvdCBleHRlbmRzIHN0cmluZz4gPSBQYXJ0aWFsPFJlY29yZDxUU2xvdCwgc3RyaW5nPj47XG5cbmV4cG9ydCB0eXBlIENvbnRlbnRMYXlvdXRQcm9wcyA9IHtcbiAgdGl0bGU/OiBSZWFjdE5vZGU7XG4gIHN1YmhlYWRlcj86IFJlYWN0Tm9kZTtcbiAgbWFpbkFjdGlvbj86IFJlYWN0Tm9kZTtcbiAgc2Vjb25kYXJ5QWN0aW9ucz86IFJlYWN0Tm9kZVtdO1xuICBtZXRhPzogUmVhY3ROb2RlO1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xuICBib3R0b21GbG9hdD86IEJvdHRvbUZsb2F0Q29uZmlnO1xuICBjbGFzc05hbWU/OiBzdHJpbmc7XG4gIGNvbnRlbnRDbGFzc05hbWU/OiBzdHJpbmc7XG4gIGNsYXNzZXM/OiBTbG90Q2xhc3NlczxDb250ZW50TGF5b3V0U2xvdD47XG59O1xuXG5jb25zdCBERUZBVUxUX0JPVFRPTV9GTE9BVF9IRUlHSFQgPSAzMjA7XG5jb25zdCBCT1RUT01fRkxPQVRfQlVGRkVSID0gNDg7XG5cbmNvbnN0IHJlbmRlclRpdGxlID0gKFxuICB0aXRsZTogUmVhY3ROb2RlIHwgdW5kZWZpbmVkLFxuICBjbGFzc05hbWU6IHN0cmluZyxcbik6IFJlYWN0Tm9kZSA9PiB7XG4gIGlmICh0aXRsZSA9PSBudWxsKSB7XG4gICAgcmV0dXJuIG51bGw7XG4gIH1cblxuICBpZiAodHlwZW9mIHRpdGxlID09PSAnc3RyaW5nJyB8fCB0eXBlb2YgdGl0bGUgPT09ICdudW1iZXInKSB7XG4gICAgcmV0dXJuIDxoMSBjbGFzc05hbWU9e2NsYXNzTmFtZX0+e3RpdGxlfTwvaDE+O1xuICB9XG5cbiAgcmV0dXJuIDxkaXYgY2xhc3NOYW1lPXtjbGFzc05hbWV9Pnt0aXRsZX08L2Rpdj47XG59O1xuXG5jb25zdCByZW5kZXJTdWJoZWFkZXIgPSAoXG4gIHN1YmhlYWRlcjogUmVhY3ROb2RlIHwgdW5kZWZpbmVkLFxuICBjbGFzc05hbWU6IHN0cmluZyxcbik6IFJlYWN0Tm9kZSA9PiB7XG4gIGlmIChzdWJoZWFkZXIgPT0gbnVsbCkge1xuICAgIHJldHVybiBudWxsO1xuICB9XG5cbiAgaWYgKHR5cGVvZiBzdWJoZWFkZXIgPT09ICdzdHJpbmcnIHx8IHR5cGVvZiBzdWJoZWFkZXIgPT09ICdudW1iZXInKSB7XG4gICAgcmV0dXJuIDxwIGNsYXNzTmFtZT17Y2xhc3NOYW1lfT57c3ViaGVhZGVyfTwvcD47XG4gIH1cblxuICByZXR1cm4gPGRpdiBjbGFzc05hbWU9e2NsYXNzTmFtZX0+e3N1YmhlYWRlcn08L2Rpdj47XG59O1xuXG5leHBvcnQgY29uc3QgQ29udGVudExheW91dCA9IChwcm9wczogQ29udGVudExheW91dFByb3BzKTogSlNYLkVsZW1lbnQgPT4ge1xuICBjb25zdCB7XG4gICAgYm90dG9tRmxvYXQsXG4gICAgY2xhc3NlcyxcbiAgICBjaGlsZHJlbixcbiAgICBjbGFzc05hbWUsXG4gICAgY29udGVudENsYXNzTmFtZSxcbiAgICBtYWluQWN0aW9uLFxuICAgIG1ldGEsXG4gICAgc2Vjb25kYXJ5QWN0aW9ucyA9IFtdLFxuICAgIHN1YmhlYWRlcixcbiAgICB0aXRsZSxcbiAgfSA9IHByb3BzO1xuXG4gIGxldCByZXNlcnZlZEhlaWdodCA9IDA7XG4gIGlmIChib3R0b21GbG9hdCAhPSBudWxsKSB7XG4gICAgY29uc3QgZmxvYXRIZWlnaHQgPVxuICAgICAgYm90dG9tRmxvYXQucmVzZXJ2ZWRIZWlnaHQgPz8gREVGQVVMVF9CT1RUT01fRkxPQVRfSEVJR0hUO1xuICAgIHJlc2VydmVkSGVpZ2h0ID0gTWF0aC5tYXgoZmxvYXRIZWlnaHQsIDApO1xuICB9XG5cbiAgbGV0IHBhZGRpbmdTdHlsZXM6IENTU1Byb3BlcnRpZXMgfCB1bmRlZmluZWQ7XG4gIGlmIChyZXNlcnZlZEhlaWdodCA+IDApIHtcbiAgICBwYWRkaW5nU3R5bGVzID0ge1xuICAgICAgcGFkZGluZ0JvdHRvbTogcmVzZXJ2ZWRIZWlnaHQgKyBCT1RUT01fRkxPQVRfQlVGRkVSLFxuICAgIH07XG4gIH1cblxuICBjb25zdCBzaG91bGRSZW5kZXJBY3Rpb25zID0gbWFpbkFjdGlvbiAhPSBudWxsIHx8IHNlY29uZGFyeUFjdGlvbnMubGVuZ3RoID4gMDtcbiAgbGV0IG1haW5BY3Rpb25Ob2RlOiBKU1guRWxlbWVudCB8IG51bGwgPSBudWxsO1xuICBpZiAobWFpbkFjdGlvbiAhPSBudWxsKSB7XG4gICAgbWFpbkFjdGlvbk5vZGUgPSAoXG4gICAgICA8ZGl2IGNsYXNzTmFtZT17Y3goc3R5bGVzLmFjdGlvbkNsdXN0ZXJJdGVtLCBjbGFzc2VzPy5hY3Rpb25DbHVzdGVySXRlbSl9PlxuICAgICAgICB7bWFpbkFjdGlvbn1cbiAgICAgIDwvZGl2PlxuICAgICk7XG4gIH1cblxuICBsZXQgYm90dG9tRmxvYXROb2RlOiBKU1guRWxlbWVudCB8IG51bGwgPSBudWxsO1xuICBpZiAoYm90dG9tRmxvYXQgIT0gbnVsbCkge1xuICAgIGJvdHRvbUZsb2F0Tm9kZSA9IChcbiAgICAgIDxkaXYgY2xhc3NOYW1lPXtjeChzdHlsZXMuYm90dG9tRmxvYXRBcmVhLCBjbGFzc2VzPy5ib3R0b21GbG9hdEFyZWEpfT5cbiAgICAgICAgPGRpdlxuICAgICAgICAgIGNsYXNzTmFtZT17Y3goc3R5bGVzLmJvdHRvbUZsb2F0Q29udGVudCwgY2xhc3Nlcz8uYm90dG9tRmxvYXRDb250ZW50KX1cbiAgICAgICAgPlxuICAgICAgICAgIHtib3R0b21GbG9hdC5ub2RlfVxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgICk7XG4gIH1cblxuICBsZXQgYWN0aW9uQ2x1c3Rlck5vZGU6IEpTWC5FbGVtZW50IHwgbnVsbCA9IG51bGw7XG4gIGlmIChzaG91bGRSZW5kZXJBY3Rpb25zKSB7XG4gICAgYWN0aW9uQ2x1c3Rlck5vZGUgPSAoXG4gICAgICA8ZGl2IGNsYXNzTmFtZT17Y3goc3R5bGVzLmFjdGlvbkNsdXN0ZXIsIGNsYXNzZXM/LmFjdGlvbkNsdXN0ZXIpfT5cbiAgICAgICAge3NlY29uZGFyeUFjdGlvbnMubWFwKChhY3Rpb24sIGluZGV4KSA9PiB7XG4gICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAga2V5PXtgc2Vjb25kYXJ5LSR7aW5kZXh9YH1cbiAgICAgICAgICAgICAgY2xhc3NOYW1lPXtjeChcbiAgICAgICAgICAgICAgICBzdHlsZXMuYWN0aW9uQ2x1c3Rlckl0ZW0sXG4gICAgICAgICAgICAgICAgY2xhc3Nlcz8uYWN0aW9uQ2x1c3Rlckl0ZW0sXG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIHthY3Rpb259XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICApO1xuICAgICAgICB9KX1cbiAgICAgICAge21haW5BY3Rpb25Ob2RlfVxuICAgICAgPC9kaXY+XG4gICAgKTtcbiAgfVxuXG4gIGNvbnN0IHRpdGxlQ2xhc3NOYW1lID0gY3goc3R5bGVzLnRpdGxlLCBjbGFzc2VzPy50aXRsZSk7XG4gIGNvbnN0IHN1YmhlYWRlckNsYXNzTmFtZSA9IGN4KHN0eWxlcy5zdWJoZWFkZXIsIGNsYXNzZXM/LnN1YmhlYWRlcik7XG4gIGNvbnN0IG1ldGFDbGFzc05hbWUgPSBjeChzdHlsZXMubWV0YVJvdywgY2xhc3Nlcz8ubWV0YVJvdyk7XG4gIGxldCBtZXRhTm9kZTogUmVhY3ROb2RlIHwgbnVsbCA9IG51bGw7XG4gIGlmIChtZXRhICE9IG51bGwpIHtcbiAgICBtZXRhTm9kZSA9IDxkaXYgY2xhc3NOYW1lPXttZXRhQ2xhc3NOYW1lfT57bWV0YX08L2Rpdj47XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxzZWN0aW9uXG4gICAgICBjbGFzc05hbWU9e2N4KHN0eWxlcy5zZWN0aW9uLCBjbGFzc2VzPy5zZWN0aW9uLCBjbGFzc05hbWUpfVxuICAgICAgc3R5bGU9e3BhZGRpbmdTdHlsZXN9XG4gICAgPlxuICAgICAgPGRpdiBjbGFzc05hbWU9e2N4KHN0eWxlcy5pbm5lciwgY2xhc3Nlcz8uaW5uZXIsIGNvbnRlbnRDbGFzc05hbWUpfT5cbiAgICAgICAgeyh0aXRsZSAhPSBudWxsIHx8XG4gICAgICAgICAgc3ViaGVhZGVyICE9IG51bGwgfHxcbiAgICAgICAgICBtZXRhICE9IG51bGwgfHxcbiAgICAgICAgICBzaG91bGRSZW5kZXJBY3Rpb25zKSAmJiAoXG4gICAgICAgICAgPGRpdiBjbGFzc05hbWU9e2N4KHN0eWxlcy5oZWFkZXIsIGNsYXNzZXM/LmhlYWRlcil9PlxuICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9e2N4KHN0eWxlcy5oZWFkaW5nR3JvdXAsIGNsYXNzZXM/LmhlYWRpbmdHcm91cCl9PlxuICAgICAgICAgICAgICB7cmVuZGVyVGl0bGUodGl0bGUsIHRpdGxlQ2xhc3NOYW1lKX1cbiAgICAgICAgICAgICAge3JlbmRlclN1YmhlYWRlcihzdWJoZWFkZXIsIHN1YmhlYWRlckNsYXNzTmFtZSl9XG4gICAgICAgICAgICAgIHttZXRhTm9kZX1cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAge2FjdGlvbkNsdXN0ZXJOb2RlfVxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICApfVxuXG4gICAgICAgIDxkaXYgY2xhc3NOYW1lPXtjeChzdHlsZXMuYm9keSwgY2xhc3Nlcz8uYm9keSl9PntjaGlsZHJlbn08L2Rpdj5cbiAgICAgIDwvZGl2PlxuXG4gICAgICB7Ym90dG9tRmxvYXROb2RlfVxuICAgIDwvc2VjdGlvbj5cbiAgKTtcbn07XG4iXX0=
+//# sourceMappingURL=ContentLayout.js.map

package/lib/esm/components/layout/ContentLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentLayout.js","sources":["../../../../src/components/layout/ContentLayout.tsx"],"sourcesContent":["import { type CSSProperties, type JSX, type ReactNode } from 'react';\n\nimport * as styles from './ContentLayout.css.js';\nimport { cx } from '../../theme/tools.js';\n\nexport type BottomFloatConfig = {\n  node: ReactNode;\n  reservedHeight?: number;\n};\n\ntype ContentLayoutSlot =\n  | 'section'\n  | 'inner'\n  | 'header'\n  | 'headingGroup'\n  | 'title'\n  | 'subheader'\n  | 'metaRow'\n  | 'actionCluster'\n  | 'actionClusterItem'\n  | 'body'\n  | 'bottomFloatArea'\n  | 'bottomFloatContent';\n\ntype SlotClasses<TSlot extends string> = Partial<Record<TSlot, string>>;\n\nexport type ContentLayoutProps = {\n  title?: ReactNode;\n  subheader?: ReactNode;\n  mainAction?: ReactNode;\n  secondaryActions?: ReactNode[];\n  meta?: ReactNode;\n  children: ReactNode;\n  bottomFloat?: BottomFloatConfig;\n  className?: string;\n  contentClassName?: string;\n  classes?: SlotClasses<ContentLayoutSlot>;\n};\n\nconst DEFAULT_BOTTOM_FLOAT_HEIGHT = 320;\nconst BOTTOM_FLOAT_BUFFER = 48;\n\nconst renderTitle = (\n  title: ReactNode | undefined,\n  className: string,\n): ReactNode => {\n  if (title == null) {\n    return null;\n  }\n\n  if (typeof title === 'string' || typeof title === 'number') {\n    return <h1 className={className}>{title}</h1>;\n  }\n\n  return <div className={className}>{title}</div>;\n};\n\nconst renderSubheader = (\n  subheader: ReactNode | undefined,\n  className: string,\n): ReactNode => {\n  if (subheader == null) {\n    return null;\n  }\n\n  if (typeof subheader === 'string' || typeof subheader === 'number') {\n    return <p className={className}>{subheader}</p>;\n  }\n\n  return <div className={className}>{subheader}</div>;\n};\n\nexport const ContentLayout = (props: ContentLayoutProps): JSX.Element => {\n  const {\n    bottomFloat,\n    classes,\n    children,\n    className,\n    contentClassName,\n    mainAction,\n    meta,\n    secondaryActions = [],\n    subheader,\n    title,\n  } = props;\n\n  let reservedHeight = 0;\n  if (bottomFloat != null) {\n    const floatHeight =\n      bottomFloat.reservedHeight ?? DEFAULT_BOTTOM_FLOAT_HEIGHT;\n    reservedHeight = Math.max(floatHeight, 0);\n  }\n\n  let paddingStyles: CSSProperties | undefined;\n  if (reservedHeight > 0) {\n    paddingStyles = {\n      paddingBottom: reservedHeight + BOTTOM_FLOAT_BUFFER,\n    };\n  }\n\n  const shouldRenderActions = mainAction != null || secondaryActions.length > 0;\n  let mainActionNode: JSX.Element | null = null;\n  if (mainAction != null) {\n    mainActionNode = (\n      <div className={cx(styles.actionClusterItem, classes?.actionClusterItem)}>\n        {mainAction}\n      </div>\n    );\n  }\n\n  let bottomFloatNode: JSX.Element | null = null;\n  if (bottomFloat != null) {\n    bottomFloatNode = (\n      <div className={cx(styles.bottomFloatArea, classes?.bottomFloatArea)}>\n        <div\n          className={cx(styles.bottomFloatContent, classes?.bottomFloatContent)}\n        >\n          {bottomFloat.node}\n        </div>\n      </div>\n    );\n  }\n\n  let actionClusterNode: JSX.Element | null = null;\n  if (shouldRenderActions) {\n    actionClusterNode = (\n      <div className={cx(styles.actionCluster, classes?.actionCluster)}>\n        {secondaryActions.map((action, index) => {\n          return (\n            <div\n              key={`secondary-${index}`}\n              className={cx(\n                styles.actionClusterItem,\n                classes?.actionClusterItem,\n              )}\n            >\n              {action}\n            </div>\n          );\n        })}\n        {mainActionNode}\n      </div>\n    );\n  }\n\n  const titleClassName = cx(styles.title, classes?.title);\n  const subheaderClassName = cx(styles.subheader, classes?.subheader);\n  const metaClassName = cx(styles.metaRow, classes?.metaRow);\n  let metaNode: ReactNode | null = null;\n  if (meta != null) {\n    metaNode = <div className={metaClassName}>{meta}</div>;\n  }\n\n  return (\n    <section\n      className={cx(styles.section, classes?.section, className)}\n      style={paddingStyles}\n    >\n      <div className={cx(styles.inner, classes?.inner, contentClassName)}>\n        {(title != null ||\n          subheader != null ||\n          meta != null ||\n          shouldRenderActions) && (\n          <div className={cx(styles.header, classes?.header)}>\n            <div className={cx(styles.headingGroup, classes?.headingGroup)}>\n              {renderTitle(title, titleClassName)}\n              {renderSubheader(subheader, subheaderClassName)}\n              {metaNode}\n            </div>\n            {actionClusterNode}\n          </div>\n        )}\n\n        <div className={cx(styles.body, classes?.body)}>{children}</div>\n      </div>\n\n      {bottomFloatNode}\n    </section>\n  );\n};\n"],"names":["DEFAULT_BOTTOM_FLOAT_HEIGHT","BOTTOM_FLOAT_BUFFER","renderTitle","title","className","jsx","renderSubheader","subheader","ContentLayout","props","bottomFloat","classes","children","contentClassName","mainAction","meta","secondaryActions","reservedHeight","floatHeight","paddingStyles","shouldRenderActions","mainActionNode","cx","styles.actionClusterItem","bottomFloatNode","styles.bottomFloatArea","styles.bottomFloatContent","actionClusterNode","jsxs","styles.actionCluster","action","index","titleClassName","styles.title","subheaderClassName","styles.subheader","metaClassName","styles.metaRow","metaNode","styles.section","styles.inner","styles.header","styles.headingGroup","styles.body"],"mappings":"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"}

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

@@ -1,24 +1,11 @@
-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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFic0NvbnRlbnRMYXlvdXQuY3NzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvbGF5b3V0L1RhYnNDb250ZW50TGF5b3V0LmNzcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFFekQsTUFBTSxDQUFDLE1BQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQztJQUMvQixPQUFPLEVBQUUsTUFBTTtJQUNmLGFBQWEsRUFBRSxRQUFRO0lBQ3ZCLEdBQUcsRUFBRSxDQUFDO0lBQ04sS0FBSyxFQUFFLE1BQU07Q0FDZCxDQUFDLENBQUM7QUFFSCxNQUFNLENBQUMsTUFBTSxPQUFPLEdBQUcsU0FBUyxDQUFDO0lBQy9CLEtBQUssRUFBRSxNQUFNO0lBQ2IsT0FBTyxFQUFFLE1BQU07SUFDZixjQUFjLEVBQUUsUUFBUTtDQUN6QixDQUFDLENBQUM7QUFFSCxNQUFNLENBQUMsTUFBTSxTQUFTLEdBQUcsU0FBUyxDQUFDO0lBQ2pDLEtBQUssRUFBRSxNQUFNO0lBQ2IsT0FBTyxFQUFFLE1BQU07SUFDZixjQUFjLEVBQUUsUUFBUTtDQUN6QixDQUFDLENBQUM7QUFFSCxNQUFNLENBQUMsTUFBTSxNQUFNLEdBQUcsU0FBUyxDQUFDO0lBQzlCLEtBQUssRUFBRSxNQUFNO0NBQ2QsQ0FBQyxDQUFDO0FBRUgsTUFBTSxDQUFDLE1BQU0sS0FBSyxHQUFHLFNBQVMsQ0FBQztJQUM3QixLQUFLLEVBQUUsTUFBTTtDQUNkLENBQUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHNwcmlua2xlcyB9IGZyb20gJy4uLy4uL3RoZW1lL3Nwcmlua2xlcy5jc3MuanMnO1xuXG5leHBvcnQgY29uc3Qgd3JhcHBlciA9IHNwcmlua2xlcyh7XG4gIGRpc3BsYXk6ICdmbGV4JyxcbiAgZmxleERpcmVjdGlvbjogJ2NvbHVtbicsXG4gIGdhcDogNCxcbiAgd2lkdGg6ICdmdWxsJyxcbn0pO1xuXG5leHBvcnQgY29uc3QgdGFic0JhciA9IHNwcmlua2xlcyh7XG4gIHdpZHRoOiAnZnVsbCcsXG4gIGRpc3BsYXk6ICdmbGV4JyxcbiAganVzdGlmeUNvbnRlbnQ6ICdjZW50ZXInLFxufSk7XG5cbmV4cG9ydCBjb25zdCB0YWJzSW5uZXIgPSBzcHJpbmtsZXMoe1xuICB3aWR0aDogJ2Z1bGwnLFxuICBkaXNwbGF5OiAnZmxleCcsXG4gIGp1c3RpZnlDb250ZW50OiAnY2VudGVyJyxcbn0pO1xuXG5leHBvcnQgY29uc3QgcGFuZWxzID0gc3ByaW5rbGVzKHtcbiAgd2lkdGg6ICdmdWxsJyxcbn0pO1xuXG5leHBvcnQgY29uc3QgcGFuZWwgPSBzcHJpbmtsZXMoe1xuICB3aWR0aDogJ2Z1bGwnLFxufSk7XG4iXX0=
+/* empty css                                       */
+/* empty css                                     */
+var v = "b55nf40 txvbqb9io txvbqbai6 txvbqbaoo txvbqbu6f", x = "b55nf41 txvbqbu6f txvbqb9io txvbqbdnx", a = "b55nf42 txvbqbu6f txvbqb9io txvbqbdnx", q = "b55nf43 txvbqbu6f", r = "b55nf44 txvbqbu6f";
+export {
+  r as panel,
+  q as panels,
+  x as tabsBar,
+  a as tabsInner,
+  v as wrapper
+};
+//# sourceMappingURL=TabsContentLayout.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TabsContentLayout.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

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

@@ -1,8 +1,14 @@
-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 }) })] }));
+import { jsxs as t, jsx as a } from "react/jsx-runtime";
+import { Tabs as i } from "../../atomic/molecules/tabs/Tabs.js";
+import { wrapper as l, tabsBar as c, tabsInner as o, panels as m, panel as d } from "./TabsContentLayout.css.js";
+const N = (s) => {
+  const { ariaLabel: e, children: r, tabs: n } = s;
+  return /* @__PURE__ */ t("div", { className: l, children: [
+    /* @__PURE__ */ a("div", { className: c, children: /* @__PURE__ */ a("div", { className: o, children: /* @__PURE__ */ a(i, { items: n, ariaLabel: e }) }) }),
+    /* @__PURE__ */ a("div", { className: m, children: /* @__PURE__ */ a("section", { role: "tabpanel", className: d, children: r }) })
+  ] });
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFic0NvbnRlbnRMYXlvdXQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9sYXlvdXQvVGFic0NvbnRlbnRMYXlvdXQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFFQSxPQUFPLEVBQUUsSUFBSSxFQUFnQixNQUFNLHFDQUFxQyxDQUFDO0FBQ3pFLE9BQU8sS0FBSyxNQUFNLE1BQU0sNEJBQTRCLENBQUM7QUFRckQsTUFBTSxDQUFDLE1BQU0saUJBQWlCLEdBQUcsQ0FDL0IsS0FBNkIsRUFDaEIsRUFBRTtJQUNmLE1BQU0sRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxHQUFHLEtBQUssQ0FBQztJQUU1QyxPQUFPLENBQ0wsZUFBSyxTQUFTLEVBQUUsTUFBTSxDQUFDLE9BQU8sYUFDNUIsY0FBSyxTQUFTLEVBQUUsTUFBTSxDQUFDLE9BQU8sWUFDNUIsY0FBSyxTQUFTLEVBQUUsTUFBTSxDQUFDLFNBQVMsWUFDOUIsS0FBQyxJQUFJLElBQUMsS0FBSyxFQUFFLElBQUksRUFBRSxTQUFTLEVBQUUsU0FBUyxHQUFJLEdBQ3ZDLEdBQ0YsRUFDTixjQUFLLFNBQVMsRUFBRSxNQUFNLENBQUMsTUFBTSxZQUMzQixrQkFBUyxJQUFJLEVBQUMsVUFBVSxFQUFDLFNBQVMsRUFBRSxNQUFNLENBQUMsS0FBSyxZQUM3QyxRQUFRLEdBQ0QsR0FDTixJQUNGLENBQ1AsQ0FBQztBQUNKLENBQUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHR5cGUgSlNYLCB0eXBlIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgVGFicywgdHlwZSBUYWJJdGVtIH0gZnJvbSAnLi4vLi4vYXRvbWljL21vbGVjdWxlcy90YWJzL1RhYnMuanMnO1xuaW1wb3J0ICogYXMgc3R5bGVzIGZyb20gJy4vVGFic0NvbnRlbnRMYXlvdXQuY3NzLmpzJztcblxuZXhwb3J0IHR5cGUgVGFic0NvbnRlbnRMYXlvdXRQcm9wcyA9IHtcbiAgdGFiczogVGFiSXRlbVtdO1xuICBhcmlhTGFiZWw/OiBzdHJpbmc7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGU7XG59O1xuXG5leHBvcnQgY29uc3QgVGFic0NvbnRlbnRMYXlvdXQgPSAoXG4gIHByb3BzOiBUYWJzQ29udGVudExheW91dFByb3BzLFxuKTogSlNYLkVsZW1lbnQgPT4ge1xuICBjb25zdCB7IGFyaWFMYWJlbCwgY2hpbGRyZW4sIHRhYnMgfSA9IHByb3BzO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdiBjbGFzc05hbWU9e3N0eWxlcy53cmFwcGVyfT5cbiAgICAgIDxkaXYgY2xhc3NOYW1lPXtzdHlsZXMudGFic0Jhcn0+XG4gICAgICAgIDxkaXYgY2xhc3NOYW1lPXtzdHlsZXMudGFic0lubmVyfT5cbiAgICAgICAgICA8VGFicyBpdGVtcz17dGFic30gYXJpYUxhYmVsPXthcmlhTGFiZWx9IC8+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgICA8ZGl2IGNsYXNzTmFtZT17c3R5bGVzLnBhbmVsc30+XG4gICAgICAgIDxzZWN0aW9uIHJvbGU9XCJ0YWJwYW5lbFwiIGNsYXNzTmFtZT17c3R5bGVzLnBhbmVsfT5cbiAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgIDwvc2VjdGlvbj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICApO1xufTtcbiJdfQ==
+export {
+  N as TabsContentLayout
+};
+//# sourceMappingURL=TabsContentLayout.js.map

package/lib/esm/components/layout/TabsContentLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsContentLayout.js","sources":["../../../../src/components/layout/TabsContentLayout.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\n\nimport { Tabs, type TabItem } from '../../atomic/molecules/tabs/Tabs.js';\nimport * as styles from './TabsContentLayout.css.js';\n\nexport type TabsContentLayoutProps = {\n  tabs: TabItem[];\n  ariaLabel?: string;\n  children: ReactNode;\n};\n\nexport const TabsContentLayout = (\n  props: TabsContentLayoutProps,\n): JSX.Element => {\n  const { ariaLabel, children, tabs } = props;\n\n  return (\n    <div className={styles.wrapper}>\n      <div className={styles.tabsBar}>\n        <div className={styles.tabsInner}>\n          <Tabs items={tabs} ariaLabel={ariaLabel} />\n        </div>\n      </div>\n      <div className={styles.panels}>\n        <section role=\"tabpanel\" className={styles.panel}>\n          {children}\n        </section>\n      </div>\n    </div>\n  );\n};\n"],"names":["TabsContentLayout","props","ariaLabel","children","tabs","jsxs","styles.wrapper","jsx","styles.tabsBar","styles.tabsInner","Tabs","styles.panels","styles.panel"],"mappings":";;;AAWO,MAAMA,IAAoB,CAC/BC,MACgB;AAChB,QAAM,EAAE,WAAAC,GAAW,UAAAC,GAAU,MAAAC,EAAA,IAASH;AAEtC,SACE,gBAAAI,EAAC,OAAA,EAAI,WAAWC,GACd,UAAA;AAAA,IAAA,gBAAAC,EAAC,OAAA,EAAI,WAAWC,GACd,4BAAC,OAAA,EAAI,WAAWC,GACd,4BAACC,GAAA,EAAK,OAAON,GAAM,WAAAF,EAAA,CAAsB,GAC3C,GACF;AAAA,IACA,gBAAAK,EAAC,OAAA,EAAI,WAAWI,GACd,UAAA,gBAAAJ,EAAC,WAAA,EAAQ,MAAK,YAAW,WAAWK,GACjC,UAAAT,GACH,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}

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

@@ -1,103 +1,18 @@
-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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW5mb1RpbGUuY3NzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvdGlsZS9JbmZvVGlsZS5jc3MudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBRTdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFFcEQsTUFBTSxDQUFDLE1BQU0sSUFBSSxHQUFHLFNBQVMsQ0FBQztJQUM1QixLQUFLLEVBQUUsTUFBTTtJQUNiLFlBQVksRUFBRSxLQUFLO0lBQ25CLGVBQWUsRUFBRSxVQUFVO0lBQzNCLE9BQU8sRUFBRSxDQUFDO0lBQ1YsT0FBTyxFQUFFLE1BQU07SUFDZixhQUFhLEVBQUUsUUFBUTtJQUN2QixHQUFHLEVBQUUsQ0FBQztJQUNOLFNBQVMsRUFBRSxJQUFJO0NBQ2hCLENBQUMsQ0FBQztBQUVILE1BQU0sQ0FBQyxNQUFNLFdBQVcsR0FBRyxLQUFLLENBQUM7SUFDL0IsU0FBUyxDQUFDO1FBQ1Isa0JBQWtCLEVBQUUsU0FBUztRQUM3QixrQkFBa0IsRUFBRSxHQUFHO1FBQ3ZCLHdCQUF3QixFQUFFLE1BQU07S0FDakMsQ0FBQztJQUNGO1FBQ0UsU0FBUyxFQUFFO1lBQ1QsU0FBUyxFQUFFO2dCQUNULFNBQVMsRUFBRSxJQUFJLENBQUMsU0FBUyxDQUFDLEVBQUU7Z0JBQzVCLFNBQVMsRUFBRSxrQkFBa0I7YUFDOUI7WUFDRCxpQkFBaUIsRUFBRTtnQkFDakIsT0FBTyxFQUFFLGFBQWEsSUFBSSxDQUFDLE1BQU0sQ0FBQyxVQUFVLENBQUMsRUFBRTtnQkFDL0MsYUFBYSxFQUFFLEtBQUs7YUFDckI7U0FDRjtLQUNGO0NBQ0YsQ0FBQyxDQUFDO0FBRUgsTUFBTSxDQUFDLE1BQU0sZUFBZSxHQUFHLFNBQVMsQ0FBQztJQUN2QyxjQUFjLEVBQUUsTUFBTTtJQUN0QixLQUFLLEVBQUUsTUFBTTtJQUNiLE9BQU8sRUFBRSxhQUFhO0NBQ3ZCLENBQUMsQ0FBQztBQUVILE1BQU0sc0JBQXNCLEdBQUcsU0FBUyxDQUFDO0lBQ3ZDLEdBQUcsRUFBRSxPQUFPO0NBQ2IsQ0FBQyxDQUFDO0FBRUgsTUFBTSxDQUFDLE1BQU0saUJBQWlCLEdBQUcsS0FBSyxDQUFDO0lBQ3JDLHNCQUFzQjtJQUN0QixTQUFTLENBQUM7UUFDUixNQUFNLEVBQUUsU0FBUztRQUNqQixPQUFPLEVBQUUsYUFBYTtRQUN0QixLQUFLLEVBQUUsTUFBTTtLQUNkLENBQUM7Q0FDSCxDQUFDLENBQUM7QUFFSCxNQUFNLENBQUMsTUFBTSxNQUFNLEdBQUcsU0FBUyxDQUFDO0lBQzlCLE9BQU8sRUFBRSxNQUFNO0lBQ2YsUUFBUSxFQUFFLE1BQU07SUFDaEIsVUFBVSxFQUFFLFlBQVk7SUFDeEIsY0FBYyxFQUFFLGVBQWU7SUFDL0IsR0FBRyxFQUFFLENBQUM7Q0FDUCxDQUFDLENBQUM7QUFFSCxNQUFNLENBQUMsTUFBTSxZQUFZLEdBQUcsU0FBUyxDQUFDO0lBQ3BDLE9BQU8sRUFBRSxNQUFNO0lBQ2YsYUFBYSxFQUFFLFFBQVE7SUFDdkIsR0FBRyxFQUFFLENBQUM7SUFDTixRQUFRLEVBQUUsQ0FBQztDQUNaLENBQUMsQ0FBQztBQUVILE1BQU0sQ0FBQyxNQUFNLEtBQUssR0FBRyxTQUFTLENBQUM7SUFDN0IsUUFBUSxFQUFFLElBQUk7SUFDZCxVQUFVLEVBQUUsR0FBRztJQUNmLFVBQVUsRUFBRSxVQUFVO0lBQ3RCLEtBQUssRUFBRSxNQUFNO0lBQ2IsTUFBTSxFQUFFLENBQUM7Q0FDVixDQUFDLENBQUM7QUFFSCxNQUFNLENBQUMsTUFBTSxRQUFRLEdBQUcsU0FBUyxDQUFDO0lBQ2hDLE1BQU0sRUFBRSxDQUFDO0lBQ1QsUUFBUSxFQUFFLElBQUk7SUFDZCxVQUFVLEVBQUUsV0FBVztDQUN4QixDQUFDLENBQUM7QUFFSCxNQUFNLENBQUMsTUFBTSxJQUFJLEdBQUcsU0FBUyxDQUFDO0lBQzVCLFFBQVEsRUFBRSxJQUFJO0lBQ2QsS0FBSyxFQUFFLGVBQWU7SUFDdEIsT0FBTyxFQUFFLE1BQU07SUFDZixRQUFRLEVBQUUsTUFBTTtJQUNoQixHQUFHLEVBQUUsQ0FBQztDQUNQLENBQUMsQ0FBQztBQUVILE1BQU0sQ0FBQyxNQUFNLElBQUksR0FBRyxTQUFTLENBQUM7SUFDNUIsUUFBUSxFQUFFLE1BQU07SUFDaEIsS0FBSyxFQUFFLE1BQU07SUFDYixPQUFPLEVBQUUsTUFBTTtJQUNmLGFBQWEsRUFBRSxRQUFRO0lBQ3ZCLEdBQUcsRUFBRSxDQUFDO0NBQ1AsQ0FBQyxDQUFDO0FBRUgsTUFBTSxDQUFDLE1BQU0sTUFBTSxHQUFHLFNBQVMsQ0FBQztJQUM5QixPQUFPLEVBQUUsTUFBTTtJQUNmLFFBQVEsRUFBRSxNQUFNO0lBQ2hCLEdBQUcsRUFBRSxDQUFDO0lBQ04sVUFBVSxFQUFFLFFBQVE7SUFDcEIsY0FBYyxFQUFFLGVBQWU7SUFDL0IsUUFBUSxFQUFFLElBQUk7SUFDZCxLQUFLLEVBQUUsZUFBZTtDQUN2QixDQUFDLENBQUM7QUFFSCxNQUFNLENBQUMsTUFBTSxPQUFPLEdBQUcsU0FBUyxDQUFDO0lBQy9CLE9BQU8sRUFBRSxNQUFNO0lBQ2YsVUFBVSxFQUFFLFFBQVE7SUFDcEIsR0FBRyxFQUFFLENBQUM7SUFDTixVQUFVLEVBQUUsTUFBTTtDQUNuQixDQUFDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBzdHlsZSB9IGZyb20gJ0B2YW5pbGxhLWV4dHJhY3QvY3NzJztcblxuaW1wb3J0IHsgc3ByaW5rbGVzIH0gZnJvbSAnLi4vLi4vdGhlbWUvc3ByaW5rbGVzLmNzcy5qcyc7XG5pbXBvcnQgeyB2YXJzIH0gZnJvbSAnLi4vLi4vdGhlbWUvdGhlbWVDb250cmFjdC5qcyc7XG5cbmV4cG9ydCBjb25zdCB0aWxlID0gc3ByaW5rbGVzKHtcbiAgd2lkdGg6ICdmdWxsJyxcbiAgYm9yZGVyUmFkaXVzOiAnMnhsJyxcbiAgYmFja2dyb3VuZENvbG9yOiAnYmxhY2stMTAnLFxuICBwYWRkaW5nOiA2LFxuICBkaXNwbGF5OiAnZmxleCcsXG4gIGZsZXhEaXJlY3Rpb246ICdjb2x1bW4nLFxuICBnYXA6IDQsXG4gIGJveFNoYWRvdzogJ3NtJyxcbn0pO1xuXG5leHBvcnQgY29uc3QgaW50ZXJhY3RpdmUgPSBzdHlsZShbXG4gIHNwcmlua2xlcyh7XG4gICAgdHJhbnNpdGlvblByb3BlcnR5OiAnZGVmYXVsdCcsXG4gICAgdHJhbnNpdGlvbkR1cmF0aW9uOiAxNjAsXG4gICAgdHJhbnNpdGlvblRpbWluZ0Z1bmN0aW9uOiAnZWFzZScsXG4gIH0pLFxuICB7XG4gICAgc2VsZWN0b3JzOiB7XG4gICAgICAnJjpob3Zlcic6IHtcbiAgICAgICAgYm94U2hhZG93OiB2YXJzLmJveFNoYWRvdy5tZCxcbiAgICAgICAgdHJhbnNmb3JtOiAndHJhbnNsYXRlWSgtMnB4KScsXG4gICAgICB9LFxuICAgICAgJyY6Zm9jdXMtdmlzaWJsZSc6IHtcbiAgICAgICAgb3V0bGluZTogYDJweCBzb2xpZCAke3ZhcnMuY29sb3JzWydibHVlLTUwMCddfWAsXG4gICAgICAgIG91dGxpbmVPZmZzZXQ6ICcycHgnLFxuICAgICAgfSxcbiAgICB9LFxuICB9LFxuXSk7XG5cbmV4cG9ydCBjb25zdCBpbnRlcmFjdGl2ZUxpbmsgPSBzcHJpbmtsZXMoe1xuICB0ZXh0RGVjb3JhdGlvbjogJ25vbmUnLFxuICB3aWR0aDogJ2Z1bGwnLFxuICBkaXNwbGF5OiAnaW5saW5lLWZsZXgnLFxufSk7XG5cbmNvbnN0IGludGVyYWN0aXZlQnV0dG9uUmVzZXQgPSBzcHJpbmtsZXMoe1xuICBhbGw6ICd1bnNldCcsXG59KTtcblxuZXhwb3J0IGNvbnN0IGludGVyYWN0aXZlQnV0dG9uID0gc3R5bGUoW1xuICBpbnRlcmFjdGl2ZUJ1dHRvblJlc2V0LFxuICBzcHJpbmtsZXMoe1xuICAgIGN1cnNvcjogJ3BvaW50ZXInLFxuICAgIGRpc3BsYXk6ICdpbmxpbmUtZmxleCcsXG4gICAgd2lkdGg6ICdmdWxsJyxcbiAgfSksXG5dKTtcblxuZXhwb3J0IGNvbnN0IGhlYWRlciA9IHNwcmlua2xlcyh7XG4gIGRpc3BsYXk6ICdmbGV4JyxcbiAgZmxleFdyYXA6ICd3cmFwJyxcbiAgYWxpZ25JdGVtczogJ2ZsZXgtc3RhcnQnLFxuICBqdXN0aWZ5Q29udGVudDogJ3NwYWNlLWJldHdlZW4nLFxuICBnYXA6IDMsXG59KTtcblxuZXhwb3J0IGNvbnN0IGhlYWRpbmdHcm91cCA9IHNwcmlua2xlcyh7XG4gIGRpc3BsYXk6ICdmbGV4JyxcbiAgZmxleERpcmVjdGlvbjogJ2NvbHVtbicsXG4gIGdhcDogMSxcbiAgbWluV2lkdGg6IDAsXG59KTtcblxuZXhwb3J0IGNvbnN0IHRpdGxlID0gc3ByaW5rbGVzKHtcbiAgZm9udFNpemU6ICd4bCcsXG4gIGxpbmVIZWlnaHQ6IDEuNCxcbiAgZm9udFdlaWdodDogJ3NlbWlib2xkJyxcbiAgY29sb3I6ICd0ZXh0JyxcbiAgbWFyZ2luOiAwLFxufSk7XG5cbmV4cG9ydCBjb25zdCBzdWJ0aXRsZSA9IHNwcmlua2xlcyh7XG4gIG1hcmdpbjogMCxcbiAgZm9udFNpemU6ICdzbScsXG4gIGZvbnRXZWlnaHQ6ICdleHRyYWJvbGQnLFxufSk7XG5cbmV4cG9ydCBjb25zdCBtZXRhID0gc3ByaW5rbGVzKHtcbiAgZm9udFNpemU6ICdzbScsXG4gIGNvbG9yOiAndGV4dFNlY29uZGFyeScsXG4gIGRpc3BsYXk6ICdmbGV4JyxcbiAgZmxleFdyYXA6ICd3cmFwJyxcbiAgZ2FwOiAyLFxufSk7XG5cbmV4cG9ydCBjb25zdCBib2R5ID0gc3ByaW5rbGVzKHtcbiAgZm9udFNpemU6ICdiYXNlJyxcbiAgY29sb3I6ICd0ZXh0JyxcbiAgZGlzcGxheTogJ2ZsZXgnLFxuICBmbGV4RGlyZWN0aW9uOiAnY29sdW1uJyxcbiAgZ2FwOiAyLFxufSk7XG5cbmV4cG9ydCBjb25zdCBmb290ZXIgPSBzcHJpbmtsZXMoe1xuICBkaXNwbGF5OiAnZmxleCcsXG4gIGZsZXhXcmFwOiAnd3JhcCcsXG4gIGdhcDogMyxcbiAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gIGp1c3RpZnlDb250ZW50OiAnc3BhY2UtYmV0d2VlbicsXG4gIGZvbnRTaXplOiAnc20nLFxuICBjb2xvcjogJ3RleHRTZWNvbmRhcnknLFxufSk7XG5cbmV4cG9ydCBjb25zdCBhY3Rpb25zID0gc3ByaW5rbGVzKHtcbiAgZGlzcGxheTogJ2ZsZXgnLFxuICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgZ2FwOiAyLFxuICBtYXJnaW5MZWZ0OiAnYXV0bycsXG59KTtcbiJdfQ==
+/* empty css                                       */
+/* empty css                            */
+var t = "_1mkg78a0 txvbqbu6f txvbqb1s6 txvbqbv2d txvbqblax txvbqb9io txvbqbai6 txvbqbaoo txvbqb8pf", x = "_1mkg78a2 _1mkg78a1 txvbqb77 txvbqb6y txvbqb7k", q = "_1mkg78a3 txvbqb3b txvbqbu6f txvbqb9jf", a = "_1mkg78a6 _1mkg78a4 txvbqb4 _1mkg78a5 txvbqbv txvbqb9jf txvbqbu6f", o = "_1mkg78a7 txvbqb9io txvbqbajx txvbqbcf txvbqbdoo txvbqbaof", i = "_1mkg78a8 txvbqb9io txvbqbai6 txvbqbanx txvbqbk4x", r = "_1mkg78a9 txvbqb9o txvbqbf4f txvbqbamo txvbqbv8p txvbqbfbo", m = "_1mkg78aa txvbqbfbo txvbqb8x txvbqban6", k = "_1mkg78ab txvbqb8x txvbqbv8r txvbqb9io txvbqbajx txvbqbao6", g = "_1mkg78ac txvbqb96 txvbqbv8p txvbqb9io txvbqbai6 txvbqbao6", e = "_1mkg78ad txvbqb9io txvbqbajx txvbqbaof txvbqbco txvbqbdoo txvbqb8x txvbqbv8r", f = "_1mkg78ae txvbqb9io txvbqbco txvbqbao6 txvbqbgwf";
+export {
+  f as actions,
+  g as body,
+  e as footer,
+  o as header,
+  i as headingGroup,
+  x as interactive,
+  a as interactiveButton,
+  q as interactiveLink,
+  k as meta,
+  m as subtitle,
+  t as tile,
+  r as title
+};
+//# sourceMappingURL=InfoTile.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InfoTile.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/lib/esm/components/tile/InfoTile.css.ts.vanilla-ByCg4UKz.css

@@ -0,0 +1 @@
+._1mkg78a2:hover{box-shadow:var(--kronex-boxShadow-md);transform:translateY(-2px)}._1mkg78a2:focus-visible{outline:2px solid var(--kronex-colors-blue-500);outline-offset:2px}