@plumile/ui 0.1.120 → 0.1.122

package/lib/esm/components/select/SimpleSelect.css.js

@@ -3,28 +3,28 @@
 import { createRuntimeFn as e } from "@vanilla-extract/recipes/createRuntimeFn";
 //#region src/components/select/SimpleSelect.css.ts
 var t = e({
-	defaultClassName: "_11ypmks3 _11ypmks0 txvbqbptg",
+	defaultClassName: "_11ypmks3 _11ypmks0 txvbqb11js",
 	variantClassNames: { fullWidth: {
-		true: "_11ypmks4 _11ypmks1 txvbqbu7g",
-		false: "_11ypmks5 _11ypmks2 txvbqbu77"
+		true: "_11ypmks4 _11ypmks1 txvbqb17w0",
+		false: "_11ypmks5 _11ypmks2 txvbqb17vn"
 	} },
 	defaultVariants: { fullWidth: !0 },
 	compoundVariants: []
-}), n = "_11ypmks6 txvbqb9i7 txvbqbg0g txvbqb8p txvbqbamp txvbqbeey txvbqb66 txvbqbva3", r = e({
-	defaultClassName: "_11ypmksi _11ypmks8 _11ypmks7 txvbqbnw7 txvbqbojg txvbqbp6g txvbqbly7 txvbqbu7g txvbqb9ip txvbqbcp txvbqbdpp txvbqbao7 txvbqb1ry txvbqb8y txvbqbamp txvbqbt6p txvbqbv txvbqb78 txvbqb6x txvbqb7k",
+}), n = "_11ypmks6 txvbqbdqi txvbqbn7r txvbqb96 txvbqbfd0 txvbqbkwp txvbqb6a txvbqb19cd", r = e({
+	defaultClassName: "_11ypmksk _11ypmks8 _11ypmks7 txvbqbyoi txvbqbzm3 txvbqb10jb txvbqbvve txvbqb17w0 txvbqbdr8 txvbqbey txvbqbjus txvbqbff6 txvbqb2gz txvbqb9j txvbqbfd0 txvbqb16ex txvbqbv txvbqb7h txvbqb76 txvbqb7t qbwcue4 txvbqb1c2w txvbqb1c9c",
 	variantClassNames: {
 		variant: {
-			default: "_11ypmksj _11ypmksa _11ypmks9 txvbqb1dg txvbqb1qg txvbqbwg txvbqbv0x txvbqbv9z",
-			brand: "_11ypmksk _11ypmkse _11ypmksd txvbqbvb9 txvbqb1cp txvbqb1qg txvbqb107 txvbqbuzg"
+			default: "_11ypmksl _11ypmksb _11ypmks9 txvbqb1w1 txvbqb2et txvbqb17h txvbqb1937 txvbqb19c9 _11ypmksa txvbqb1cas qbwcue1 txvbqb1ayl txvbqb1bb9",
+			brand: "_11ypmksm _11ypmksg _11ypmkse txvbqb19dj txvbqb1uy txvbqb2et txvbqb1cw txvbqb190g _11ypmksf txvbqb1c6x qbwcue3 txvbqb1cas txvbqb1bbo"
 		},
 		state: {
-			default: "_11ypmksl",
-			error: "_11ypmksm _11ypmksc _11ypmksb txvbqb1dg txvbqb1qg txvbqbxg txvbqbv0x txvbqbv9z"
+			default: "_11ypmksn",
+			error: "_11ypmkso _11ypmksd _11ypmksc txvbqb1w1 txvbqb2et txvbqb18x txvbqb1937 txvbqb19c9 qbwcue2 txvbqb1bbh"
 		},
 		size: {
-			small: "_11ypmksn _11ypmksf txvbqbnvy txvbqboj7 txvbqbp67 txvbqblxy txvbqb8y",
-			medium: "_11ypmkso _11ypmksg txvbqbnw7 txvbqbojg txvbqbp6g txvbqbly7 txvbqb8y",
-			large: "_11ypmksp _11ypmksh txvbqbnwg txvbqbojp txvbqbp6p txvbqblyg txvbqb97"
+			small: "_11ypmksp _11ypmksh txvbqbyo5 txvbqbzlq txvbqb10iy txvbqbvv1 txvbqb9j",
+			medium: "_11ypmksq _11ypmksi txvbqbyoi txvbqbzm3 txvbqb10jb txvbqbvve txvbqb9j",
+			large: "_11ypmksr _11ypmksj txvbqbyov txvbqbzmg txvbqb10jo txvbqbvvr txvbqb9w"
 		}
 	},
 	defaultVariants: {
@@ -35,8 +35,8 @@ var t = e({
 	compoundVariants: [[{
 		variant: "brand",
 		state: "error"
-	}, "_11ypmkse _11ypmksd txvbqbvb9 txvbqb1cp txvbqb1qg txvbqb107 txvbqbuzg"]]
-}), i = "_11ypmksq txvbqb7bp txvbqb78y", a = "_11ypmksr txvbqb9my txvbqbk5y txvbqbuxg txvbqbl7g txvbqbt7g", o = "_11ypmkss txvbqb9iy txvbqbcp txvbqbdoy txvbqbtx7 txvbqbc67 txvbqbva3 txvbqb77 txvbqb6x txvbqb7k", s = "_11ypmkst txvbqb2w txvbqbv9z", c = "_11ypmksu txvbqbvb9", l = "_11ypmksv txvbqbpt7 txvbqbtig txvbqbdqg txvbqbpug txvbqbuvp txvbqb9ip txvbqbai7 txvbqbany txvbqblap txvbqb1ry txvbqb1cp txvbqb1qg txvbqbwg txvbqbv0x txvbqb8q7 txvbqbit7 txvbqbl8p", u = "_11ypmksw txvbqb767 txvbqb73g txvbqbi8p", d = "_11ypmksy _11ypmksx txvbqbnw7 txvbqbojg txvbqbp6g txvbqbly7 txvbqb9ip txvbqbai7 txvbqbcg txvbqbany txvbqbu7g txvbqb12g txvbqb1py txvbqb1rp txvbqbv0t txvbqb8y txvbqbamg txvbqbv9z txvbqbt6p txvbqbv txvbqb78 txvbqb6w txvbqb7k", f = "_11ypmks10 _11ypmksz txvbqbv99", p = "_11ypmks11 txvbqb8p txvbqbva3", m = "_11ypmks12 txvbqbgnp txvbqbhay txvbqbhxy txvbqbg07 txvbqbcgp txvbqbv4n", h = "_11ypmks13 txvbqbnvy txvbqboj7 txvbqbp67 txvbqblxy";
+	}, "_11ypmksg _11ypmkse txvbqb19dj txvbqb1uy txvbqb2et txvbqb1cw txvbqb190g _11ypmksf txvbqb1c6x qbwcue3 txvbqb1cas txvbqb1bbo"]]
+}), i = "_11ypmkss txvbqbajb txvbqbafc", a = "_11ypmkst txvbqbdxd txvbqbt9i txvbqb18xk txvbqbusr txvbqb16g0", o = "_11ypmksu txvbqbdrl txvbqbey txvbqbjtp txvbqb17h7 txvbqbhmm txvbqb19cd txvbqb7g txvbqb76 txvbqb7t", s = "_11ypmksv txvbqb30 txvbqb19c9", c = "_11ypmksw txvbqb19dj", l = "_11ypmksx txvbqb11jf txvbqb16vw txvbqbjxb txvbqb11l8 txvbqb18v1 txvbqbdr8 txvbqbf6i txvbqbfet txvbqbuxg txvbqb2gz txvbqb1uy txvbqb2et txvbqb17h txvbqb1937 txvbqbck9 txvbqbr9a txvbqbuuk", u = "_11ypmksy txvbqbabd txvbqba5l txvbqbqfo", d = "_11ypmks10 _11ypmksz txvbqbyoi txvbqbzm3 txvbqb10jb txvbqbvve txvbqbdr8 txvbqbf6i txvbqbel txvbqbfet txvbqb17w0 txvbqb1g5 txvbqb2e3 txvbqb2gm txvbqb1933 txvbqb9j txvbqbfcn txvbqb19c9 txvbqb16ex txvbqbv txvbqb7h txvbqb75 txvbqb7t", f = "_11ypmks11 txvbqb19bj txvbqb1963", p = "_11ypmks12 txvbqb96 txvbqb19cd", m = "_11ypmks13 txvbqbo5c txvbqbp2x txvbqbq05 txvbqbn7e txvbqbi1s txvbqb196x", h = "_11ypmks14 txvbqbyo5 txvbqbzlq txvbqb10iy txvbqbvv1";
 //#endregion
 export { h as actionsContainer, t as container, n as label, l as menu, u as menuOpen, m as menuSeparator, d as optionButton, p as optionDescription, f as optionSelected, r as trigger, o as triggerIcon, c as triggerIconBrand, s as triggerIconOpen, i as triggerOpen, a as valueText };
 

package/lib/esm/components/select/SimpleSelect.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"SimpleSelect.css.js","names":[],"sources":["../../../../src/components/select/SimpleSelect.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { recipe, type RecipeVariants } from '@vanilla-extract/recipes';\n\nimport { sprinkles } from '../../theme/sprinkles.css.js';\nimport { vars } from '../../theme/themeContract.js';\n\nexport const container = recipe({\n  base: sprinkles({\n    position: 'relative',\n  }),\n  variants: {\n    fullWidth: {\n      true: sprinkles({ width: 'full' }),\n      false: sprinkles({ width: 'auto' }),\n    },\n  },\n  defaultVariants: {\n    fullWidth: true,\n  },\n});\n\nexport const label = sprinkles({\n  display: 'block',\n  marginBottom: 2,\n  fontSize: 'xs',\n  fontWeight: 'semibold',\n  letterSpacing: 'wider',\n  textTransform: 'uppercase',\n  color: 'textMuted',\n});\n\nconst triggerBase = style([\n  sprinkles({\n    width: 'full',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    gap: 2,\n    paddingY: 2,\n    paddingX: 3,\n    borderRadius: 'xl',\n    fontSize: 'sm',\n    fontWeight: 'semibold',\n    textAlign: 'left',\n    cursor: 'pointer',\n    transitionProperty: 'colors',\n    transitionDuration: 150,\n    transitionTimingFunction: 'ease',\n  }),\n  {\n    selectors: {\n      '&:disabled': {\n        opacity: 0.6,\n        cursor: 'not-allowed',\n      },\n    },\n  },\n]);\n\nconst defaultTrigger = style([\n  sprinkles({\n    borderWidth: 'px',\n    borderStyle: 'solid',\n    borderColor: 'border',\n    backgroundColor: 'white',\n    color: 'text',\n  }),\n  {\n    selectors: {\n      '&:focus-visible': {\n        outline: 'none',\n        borderColor: vars.colors.primary,\n        boxShadow: `0 0 0 3px ${vars.colors.primaryLight}`,\n      },\n    },\n  },\n]);\n\nconst errorTrigger = style([\n  sprinkles({\n    borderWidth: 'px',\n    borderStyle: 'solid',\n    borderColor: 'error',\n    backgroundColor: 'white',\n    color: 'text',\n  }),\n  {\n    selectors: {\n      '&:focus-visible': {\n        boxShadow: `0 0 0 3px color-mix(in srgb, ${vars.colors.error} 20%, transparent)`,\n      },\n    },\n  },\n]);\n\nconst brandTrigger = style([\n  sprinkles({\n    color: 'brandWhite',\n    borderWidth: 'default',\n    borderStyle: 'solid',\n    borderColor: 'brandPrimaryRed',\n    backgroundImage: 'brandDiagonal',\n  }),\n  {\n    // boxShadow: `0 0 0 1px ${vars.colors.brandPrimaryRed}`,\n    selectors: {\n      '&:hover': {\n        filter: 'brightness(0.98)',\n      },\n      '&:focus-visible': {\n        outline: 'none',\n        // borderColor: vars.colors.brandPrimaryRed,\n        boxShadow: `0 0 0 2px ${vars.colors.brandSecondaryOrange}`,\n      },\n    },\n  },\n]);\n\nexport const trigger = recipe({\n  base: triggerBase,\n  variants: {\n    variant: {\n      default: defaultTrigger,\n      brand: brandTrigger,\n    },\n    state: {\n      default: {},\n      error: errorTrigger,\n    },\n    size: {\n      small: sprinkles({\n        paddingY: 1,\n        paddingX: 2,\n        fontSize: 'sm',\n      }),\n      medium: sprinkles({\n        paddingY: 2,\n        paddingX: 3,\n        fontSize: 'sm',\n      }),\n      large: sprinkles({\n        paddingY: 3,\n        paddingX: 4,\n        fontSize: 'base',\n      }),\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n    state: 'default',\n    size: 'medium',\n  },\n  compoundVariants: [\n    {\n      variants: {\n        variant: 'brand',\n        state: 'error',\n      },\n      style: brandTrigger,\n    },\n  ],\n});\n\nexport const triggerOpen = sprinkles({\n  borderBottomLeftRadius: 'none',\n  borderBottomRightRadius: 'none',\n});\n\nexport const valueText = sprinkles({\n  flex: 1,\n  minWidth: 0,\n  whiteSpace: 'nowrap',\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n});\n\nexport const triggerIcon = sprinkles({\n  display: 'grid',\n  alignItems: 'center',\n  justifyContent: 'center',\n  width: 4,\n  height: 4,\n  color: 'textMuted',\n  transitionProperty: 'default',\n  transitionDuration: 150,\n  transitionTimingFunction: 'ease',\n});\n\nexport const triggerIconOpen = sprinkles({\n  rotate: 180,\n  color: 'text',\n});\n\nexport const triggerIconBrand = sprinkles({\n  color: 'brandWhite',\n});\n\nexport const menu = sprinkles({\n  position: 'absolute',\n  top: 'full',\n  left: 0,\n  right: 0,\n  zIndex: 10,\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 1,\n  padding: 1,\n  borderRadius: 'xl',\n  borderWidth: 'default',\n  borderStyle: 'solid',\n  borderColor: 'border',\n  backgroundColor: 'white',\n  boxShadow: 'lg',\n  maxHeight: 72,\n  overflowY: 'auto',\n});\n\nexport const menuOpen = sprinkles({\n  borderTopLeftRadius: 'none',\n  borderTopRightRadius: 'none',\n  marginTop: '-px',\n});\n\nexport const optionButton = style([\n  sprinkles({\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'flex-start',\n    gap: 1,\n    width: 'full',\n    borderWidth: 0,\n    borderStyle: 'none',\n    borderRadius: 'lg',\n    backgroundColor: 'transparent',\n    paddingY: 2,\n    paddingX: 3,\n    fontSize: 'sm',\n    fontWeight: 'medium',\n    color: 'text',\n    textAlign: 'left',\n    cursor: 'pointer',\n    transitionProperty: 'colors',\n    transitionDuration: 120,\n    transitionTimingFunction: 'ease',\n  }),\n  {\n    selectors: {\n      '&:hover': {\n        backgroundColor: vars.colors.surfaceSecondary,\n      },\n      '&:focus-visible': {\n        outline: 'none',\n        backgroundColor: vars.colors.surfaceSecondary,\n        boxShadow: `0 0 0 2px ${vars.colors.primaryLight}`,\n      },\n    },\n  },\n]);\n\nexport const optionSelected = style([\n  sprinkles({\n    color: 'primary',\n  }),\n  {\n    backgroundColor: vars.colors.primaryLight,\n  },\n]);\n\nexport const optionDescription = sprinkles({\n  fontSize: 'xs',\n  color: 'textMuted',\n});\n\nexport const menuSeparator = sprinkles({\n  height: 'px',\n  marginY: 1,\n  marginX: 2,\n  backgroundColor: 'border',\n});\n\nexport const actionsContainer = sprinkles({\n  paddingY: 1,\n  paddingX: 2,\n});\n\nexport type SimpleSelectVariants = RecipeVariants<typeof trigger>;\n"],"mappings":""}
+{"version":3,"file":"SimpleSelect.css.js","names":[],"sources":["../../../../src/components/select/SimpleSelect.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { recipe, type RecipeVariants } from '@vanilla-extract/recipes';\n\nimport { sprinkles, stateSprinkles } from '../../theme/sprinkles.css.js';\nimport {\n  brandFocusRing,\n  controlFocusRing,\n  disabledControl,\n  errorControlFocusRing,\n} from '../../theme/styleRecipes.css.js';\nimport { vars } from '../../theme/themeContract.js';\n\nexport const container = recipe({\n  base: sprinkles({\n    position: 'relative',\n  }),\n  variants: {\n    fullWidth: {\n      true: sprinkles({ width: 'full' }),\n      false: sprinkles({ width: 'auto' }),\n    },\n  },\n  defaultVariants: {\n    fullWidth: true,\n  },\n});\n\nexport const label = sprinkles({\n  display: 'block',\n  marginBottom: 2,\n  fontSize: 'xs',\n  fontWeight: 'semibold',\n  letterSpacing: 'wider',\n  textTransform: 'uppercase',\n  color: 'textMuted',\n});\n\nconst triggerBase = style([\n  sprinkles({\n    width: 'full',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    gap: 2,\n    paddingY: 2,\n    paddingX: 3,\n    borderRadius: 'xl',\n    fontSize: 'sm',\n    fontWeight: 'semibold',\n    textAlign: 'left',\n    cursor: 'pointer',\n    transitionProperty: 'colors',\n    transitionDuration: 150,\n    transitionTimingFunction: 'ease',\n  }),\n  disabledControl,\n]);\n\nconst defaultTrigger = style([\n  sprinkles({\n    borderWidth: 'px',\n    borderStyle: 'solid',\n    borderColor: 'border',\n    backgroundColor: 'white',\n    color: 'text',\n  }),\n  stateSprinkles({ outline: { focusVisible: 'none' } }),\n  controlFocusRing,\n]);\n\nconst errorTrigger = style([\n  sprinkles({\n    borderWidth: 'px',\n    borderStyle: 'solid',\n    borderColor: 'error',\n    backgroundColor: 'white',\n    color: 'text',\n  }),\n  errorControlFocusRing,\n]);\n\nconst brandTrigger = style([\n  sprinkles({\n    color: 'brandWhite',\n    borderWidth: 'default',\n    borderStyle: 'solid',\n    borderColor: 'brandPrimaryRed',\n    backgroundImage: 'brandDiagonal',\n  }),\n  stateSprinkles({ filter: { hover: 'brightness98' } }),\n  brandFocusRing,\n]);\n\nexport const trigger = recipe({\n  base: triggerBase,\n  variants: {\n    variant: {\n      default: defaultTrigger,\n      brand: brandTrigger,\n    },\n    state: {\n      default: {},\n      error: errorTrigger,\n    },\n    size: {\n      small: sprinkles({\n        paddingY: 1,\n        paddingX: 2,\n        fontSize: 'sm',\n      }),\n      medium: sprinkles({\n        paddingY: 2,\n        paddingX: 3,\n        fontSize: 'sm',\n      }),\n      large: sprinkles({\n        paddingY: 3,\n        paddingX: 4,\n        fontSize: 'base',\n      }),\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n    state: 'default',\n    size: 'medium',\n  },\n  compoundVariants: [\n    {\n      variants: {\n        variant: 'brand',\n        state: 'error',\n      },\n      style: brandTrigger,\n    },\n  ],\n});\n\nexport const triggerOpen = sprinkles({\n  borderBottomLeftRadius: 'none',\n  borderBottomRightRadius: 'none',\n});\n\nexport const valueText = sprinkles({\n  flex: 1,\n  minWidth: 0,\n  whiteSpace: 'nowrap',\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n});\n\nexport const triggerIcon = sprinkles({\n  display: 'grid',\n  alignItems: 'center',\n  justifyContent: 'center',\n  width: 4,\n  height: 4,\n  color: 'textMuted',\n  transitionProperty: 'default',\n  transitionDuration: 150,\n  transitionTimingFunction: 'ease',\n});\n\nexport const triggerIconOpen = sprinkles({\n  rotate: 180,\n  color: 'text',\n});\n\nexport const triggerIconBrand = sprinkles({\n  color: 'brandWhite',\n});\n\nexport const menu = sprinkles({\n  position: 'absolute',\n  top: 'full',\n  left: 0,\n  right: 0,\n  zIndex: 10,\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 1,\n  padding: 1,\n  borderRadius: 'xl',\n  borderWidth: 'default',\n  borderStyle: 'solid',\n  borderColor: 'border',\n  backgroundColor: 'white',\n  boxShadow: 'lg',\n  maxHeight: 72,\n  overflowY: 'auto',\n});\n\nexport const menuOpen = sprinkles({\n  borderTopLeftRadius: 'none',\n  borderTopRightRadius: 'none',\n  marginTop: '-px',\n});\n\nexport const optionButton = style([\n  sprinkles({\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'flex-start',\n    gap: 1,\n    width: 'full',\n    borderWidth: 0,\n    borderStyle: 'none',\n    borderRadius: 'lg',\n    backgroundColor: 'transparent',\n    paddingY: 2,\n    paddingX: 3,\n    fontSize: 'sm',\n    fontWeight: 'medium',\n    color: 'text',\n    textAlign: 'left',\n    cursor: 'pointer',\n    transitionProperty: 'colors',\n    transitionDuration: 120,\n    transitionTimingFunction: 'ease',\n  }),\n  {\n    selectors: {\n      '&:hover': {\n        backgroundColor: vars.colors.surfaceSecondary,\n      },\n      '&:focus-visible': {\n        outline: 'none',\n        backgroundColor: vars.colors.surfaceSecondary,\n        boxShadow: `0 0 0 2px ${vars.colors.primaryLight}`,\n      },\n    },\n  },\n]);\n\nexport const optionSelected = sprinkles({\n  color: 'primary',\n  backgroundColor: 'primaryLight',\n});\n\nexport const optionDescription = sprinkles({\n  fontSize: 'xs',\n  color: 'textMuted',\n});\n\nexport const menuSeparator = sprinkles({\n  height: 'px',\n  marginY: 1,\n  marginX: 2,\n  backgroundColor: 'border',\n});\n\nexport const actionsContainer = sprinkles({\n  paddingY: 1,\n  paddingX: 2,\n});\n\nexport type SimpleSelectVariants = RecipeVariants<typeof trigger>;\n"],"mappings":""}

package/lib/esm/components/subscriptions/RefetchNeededBanner.css.js

@@ -1,7 +1,7 @@
 /* empty css                                   */
 /* empty css                                   */
 //#region src/components/subscriptions/RefetchNeededBanner.css.ts
-var e = "_1onl44v0 txvbqbnwg txvbqbojp txvbqbp6p txvbqblyg txvbqb9ip txvbqbcp txvbqbdpp txvbqbaog txvbqb1rg txvbqb1cp txvbqb1qg txvbqbiy txvbqbv1j txvbqbv7j", t = "_1onl44v1 txvbqb9ip txvbqbai7 txvbqbany txvbqbk5y", n = "_1onl44v2 txvbqbfcp txvbqbamp txvbqb8y", r = "_1onl44v3 txvbqbfcp txvbqb8y txvbqbf5g";
+var e = "_1onl44v0 txvbqbyov txvbqbzmg txvbqb10jo txvbqbvvr txvbqbdr8 txvbqbey txvbqbjus txvbqbffj txvbqb2g9 txvbqb1uy txvbqb2et txvbqbnz txvbqb193t txvbqb199t", t = "_1onl44v1 txvbqbdr8 txvbqbf6i txvbqbfet txvbqbt9i", n = "_1onl44v2 txvbqbm9g txvbqbfd0 txvbqb9j", r = "_1onl44v3 txvbqbm9g txvbqb9j txvbqblyz";
 //#endregion
 export { t as content, r as message, e as root, n as title };
 

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

@@ -1,7 +1,7 @@
 /* empty css                                   */
 /* empty css                        */
 //#region src/components/tile/InfoTile.css.ts
-var e = "_1mkg78a0 txvbqbu7g txvbqb1rp txvbqbv43 txvbqblbg txvbqb9ip txvbqbai7 txvbqbaog", t = "_1mkg78a3 _1mkg78a1 txvbqb77 txvbqb6y txvbqb7k _1mkg78a2 txvbqbwev", n = "_1mkg78a4 txvbqb3b txvbqbu7g txvbqb9jg", r = "_1mkg78a5 txvbqb4 txvbqbv txvbqb9jg txvbqbu7g", i = "_1mkg78a6 txvbqb9ip txvbqbajy txvbqbcg txvbqbdpp txvbqbaog", a = "_1mkg78a7 txvbqb9ip txvbqbai7 txvbqbany txvbqbk5y", o = "_1mkg78a8 txvbqb97 txvbqbf5g txvbqbamp txvbqbv9z txvbqbfcp", s = "_1mkg78a9 txvbqbfcp txvbqb8y txvbqban7", c = "_1mkg78aa txvbqb8y txvbqbva1 txvbqb9ip txvbqbajy txvbqbao7", l = "_1mkg78ab txvbqb97 txvbqbv9z txvbqb9ip txvbqbai7 txvbqbao7", u = "_1mkg78ac txvbqb9ip txvbqbajy txvbqbaog txvbqbcp txvbqbdpp txvbqb8y txvbqbva1", d = "_1mkg78ad txvbqb9ip txvbqbcp txvbqbao7 txvbqbgxg";
+var e = "_1mkg78a0 txvbqb17w0 txvbqb2gm txvbqb196d txvbqbuyj txvbqbdr8 txvbqbf6i txvbqbffj", t = "_1mkg78a3 _1mkg78a1 txvbqb7g txvbqb77 txvbqb7t _1mkg78a2 txvbqb1b7t qbwcue6 txvbqb1d2y txvbqb1d37 qbwcue0 txvbqb1cb0 txvbqb1cws", n = "_1mkg78a4 txvbqb3f txvbqb17w0 txvbqbdsb", r = "_1mkg78a5 txvbqb4 txvbqbv txvbqbdsb txvbqb17w0", i = "_1mkg78a6 txvbqbdr8 txvbqbf91 txvbqbel txvbqbjus txvbqbffj", a = "_1mkg78a7 txvbqbdr8 txvbqbf6i txvbqbfet txvbqbt9i", o = "_1mkg78a8 txvbqb9w txvbqblyz txvbqbfd0 txvbqb19c9 txvbqbm9g", s = "_1mkg78a9 txvbqbm9g txvbqb9j txvbqbfdq", c = "_1mkg78aa txvbqb9j txvbqb19cb txvbqbdr8 txvbqbf91 txvbqbff6", l = "_1mkg78ab txvbqb9w txvbqb19c9 txvbqbdr8 txvbqbf6i txvbqbff6", u = "_1mkg78ac txvbqbdr8 txvbqbf91 txvbqbffj txvbqbey txvbqbjus txvbqb9j txvbqb19cb", d = "_1mkg78ad txvbqbdr8 txvbqbey txvbqbff6 txvbqbojf";
 //#endregion
 export { d as actions, l as body, u as footer, i as header, a as headingGroup, t as interactive, r as interactiveButton, n as interactiveLink, c as meta, s as subtitle, e as tile, o as title };
 

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

@@ -1 +1 @@
-{"version":3,"file":"InfoTile.css.js","names":[],"sources":["../../../../src/components/tile/InfoTile.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\n\nimport { sprinkles, stateSprinkles } from '../../theme/sprinkles.css.js';\nimport { vars } from '../../theme/themeContract.js';\n\nexport const tile = sprinkles({\n  width: 'full',\n  borderRadius: 'lg',\n  backgroundColor: 'surfaceSecondary',\n  padding: 4,\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 3,\n});\n\nexport const interactive = style([\n  sprinkles({\n    transitionProperty: 'default',\n    transitionDuration: 160,\n    transitionTimingFunction: 'ease',\n  }),\n  stateSprinkles({\n    boxShadow: {\n      hover: 'md',\n    },\n  }),\n  {\n    ':hover': {\n      transform: 'translateY(-2px)',\n    },\n    ':focus-visible': {\n      outline: `2px solid ${vars.colors['blue-500']}`,\n      outlineOffset: '2px',\n    },\n  },\n]);\n\nexport const interactiveLink = sprinkles({\n  textDecoration: 'none',\n  width: 'full',\n  display: 'inline-flex',\n});\n\nexport const interactiveButton = sprinkles({\n  all: 'unset',\n  cursor: 'pointer',\n  display: 'inline-flex',\n  width: 'full',\n});\n\nexport const header = sprinkles({\n  display: 'flex',\n  flexWrap: 'wrap',\n  alignItems: 'flex-start',\n  justifyContent: 'space-between',\n  gap: 3,\n});\n\nexport const headingGroup = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 1,\n  minWidth: 0,\n});\n\nexport const title = sprinkles({\n  fontSize: 'base',\n  lineHeight: 1.4,\n  fontWeight: 'semibold',\n  color: 'text',\n  margin: 0,\n});\n\nexport const subtitle = sprinkles({\n  margin: 0,\n  fontSize: 'sm',\n  fontWeight: 'extrabold',\n});\n\nexport const meta = sprinkles({\n  fontSize: 'sm',\n  color: 'textSecondary',\n  display: 'flex',\n  flexWrap: 'wrap',\n  gap: 2,\n});\n\nexport const body = sprinkles({\n  fontSize: 'base',\n  color: 'text',\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 2,\n});\n\nexport const footer = sprinkles({\n  display: 'flex',\n  flexWrap: 'wrap',\n  gap: 3,\n  alignItems: 'center',\n  justifyContent: 'space-between',\n  fontSize: 'sm',\n  color: 'textSecondary',\n});\n\nexport const actions = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  gap: 2,\n  marginLeft: 'auto',\n});\n"],"mappings":""}
+{"version":3,"file":"InfoTile.css.js","names":[],"sources":["../../../../src/components/tile/InfoTile.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { sprinkles, stateSprinkles } from '../../theme/sprinkles.css.js';\nimport { focusRing, liftOnHover } from '../../theme/styleRecipes.css.js';\n\nexport const tile = sprinkles({\n  width: 'full',\n  borderRadius: 'lg',\n  backgroundColor: 'surfaceSecondary',\n  padding: 4,\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 3,\n});\n\nexport const interactive = style([\n  sprinkles({\n    transitionProperty: 'default',\n    transitionDuration: 160,\n    transitionTimingFunction: 'ease',\n  }),\n  stateSprinkles({\n    boxShadow: {\n      hover: 'md',\n    },\n  }),\n  liftOnHover,\n  focusRing,\n]);\n\nexport const interactiveLink = sprinkles({\n  textDecoration: 'none',\n  width: 'full',\n  display: 'inline-flex',\n});\n\nexport const interactiveButton = sprinkles({\n  all: 'unset',\n  cursor: 'pointer',\n  display: 'inline-flex',\n  width: 'full',\n});\n\nexport const header = sprinkles({\n  display: 'flex',\n  flexWrap: 'wrap',\n  alignItems: 'flex-start',\n  justifyContent: 'space-between',\n  gap: 3,\n});\n\nexport const headingGroup = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 1,\n  minWidth: 0,\n});\n\nexport const title = sprinkles({\n  fontSize: 'base',\n  lineHeight: 1.4,\n  fontWeight: 'semibold',\n  color: 'text',\n  margin: 0,\n});\n\nexport const subtitle = sprinkles({\n  margin: 0,\n  fontSize: 'sm',\n  fontWeight: 'extrabold',\n});\n\nexport const meta = sprinkles({\n  fontSize: 'sm',\n  color: 'textSecondary',\n  display: 'flex',\n  flexWrap: 'wrap',\n  gap: 2,\n});\n\nexport const body = sprinkles({\n  fontSize: 'base',\n  color: 'text',\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 2,\n});\n\nexport const footer = sprinkles({\n  display: 'flex',\n  flexWrap: 'wrap',\n  gap: 3,\n  alignItems: 'center',\n  justifyContent: 'space-between',\n  fontSize: 'sm',\n  color: 'textSecondary',\n});\n\nexport const actions = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  gap: 2,\n  marginLeft: 'auto',\n});\n"],"mappings":""}

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

@@ -29,15 +29,15 @@ var p = (e) => e == null ? null : u(typeof e == "string" || typeof e == "number"
 		className: e(c, { [r]: y != null }, _),
 		children: [
 			(S != null || x != null || l != null) && /* @__PURE__ */ d("div", {
-				className: "_1mkg78a6 txvbqb9ip txvbqbajy txvbqbcg txvbqbdpp txvbqbaog",
+				className: "_1mkg78a6 txvbqbdr8 txvbqbf91 txvbqbel txvbqbjus txvbqbffj",
 				children: [/* @__PURE__ */ d("div", {
-					className: "_1mkg78a7 txvbqb9ip txvbqbai7 txvbqbany txvbqbk5y",
+					className: "_1mkg78a7 txvbqbdr8 txvbqbf6i txvbqbfet txvbqbt9i",
 					children: [p(S), m(x)]
 				}), C]
 			}),
 			w,
 			(h != null || g != null) && /* @__PURE__ */ d("div", {
-				className: "_1mkg78ab txvbqb97 txvbqbv9z txvbqb9ip txvbqbai7 txvbqbao7",
+				className: "_1mkg78ab txvbqb9w txvbqb19c9 txvbqbdr8 txvbqbf6i txvbqbff6",
 				children: [h, g]
 			}),
 			T