@aggc/ui 0.4.0 → 0.4.1

package/dist/styles.js

@@ -0,0 +1,429 @@
+import { r as e, o as a, q as r, i as t, h as o } from "./chunks/pageHeader-CcJrPX_8.js";
+import { b as F, c as B, d as P, e as V, a as j, m as I, p as L, f as q, g as A, j as D, k as E, s as G, l as O, n as Y } from "./chunks/pageHeader-CcJrPX_8.js";
+const l = e({
+  width: "100%",
+  minHeight: "48px",
+  borderRadius: "xl",
+  borderWidth: "1px",
+  borderColor: "border.default",
+  bg: "bg.input",
+  color: "text.primary",
+  fontSize: "sm",
+  lineHeight: "1.5",
+  px: "4",
+  py: "3",
+  backdropFilter: "blur(22px) saturate(145%)",
+  boxShadow: "inset 0 1px 0 rgba(255,255,255,0.24), 0 14px 28px -28px rgba(15,23,42,0.42)",
+  transition: "border-color 160ms ease, background 160ms ease, transform 160ms ease",
+  _hover: {
+    borderColor: "border.strong"
+  },
+  _placeholder: {
+    color: "text.muted"
+  },
+  _dark: {
+    boxShadow: "inset 0 1px 0 rgba(255,255,255,0.03)"
+  }
+}), n = e({
+  width: "100%",
+  minHeight: "40px",
+  borderRadius: "lg",
+  borderWidth: "1px",
+  borderColor: "border.default",
+  bg: "bg.input",
+  color: "text.primary",
+  fontSize: "sm",
+  lineHeight: "1.45",
+  px: "3",
+  py: "2.5",
+  backdropFilter: "blur(20px) saturate(145%)",
+  boxShadow: "inset 0 1px 0 rgba(255,255,255,0.2)",
+  transition: "border-color 160ms ease, background 160ms ease",
+  _hover: {
+    borderColor: "border.strong"
+  },
+  _placeholder: {
+    color: "text.muted"
+  },
+  _dark: {
+    boxShadow: "inset 0 1px 0 rgba(255,255,255,0.03)"
+  }
+}), d = e({
+  width: "100%",
+  minHeight: "420px",
+  borderRadius: "2xl",
+  borderWidth: "1px",
+  borderColor: "border.default",
+  bg: "bg.input",
+  color: "text.primary",
+  fontFamily: "mono",
+  fontSize: "sm",
+  lineHeight: "1.6",
+  px: "4",
+  py: "4",
+  backdropFilter: "blur(24px) saturate(145%)",
+  boxShadow: "inset 0 1px 0 rgba(255,255,255,0.24), 0 18px 36px -32px rgba(15,23,42,0.42)",
+  _hover: {
+    borderColor: "border.strong"
+  },
+  _dark: {
+    boxShadow: "inset 0 1px 0 rgba(255,255,255,0.03)"
+  }
+}), p = e({
+  position: "relative",
+  minWidth: "0"
+}), b = e({
+  color: "text.error",
+  fontSize: "sm",
+  fontWeight: "600"
+}), g = e({
+  color: "text.muted",
+  fontSize: "sm",
+  lineHeight: "1.6"
+}), x = e({
+  outline: "2px solid var(--colors-text-accent)",
+  outlineOffset: "2px"
+}), m = a({
+  base: {
+    minWidth: "0",
+    borderWidth: "1px",
+    transition: "all 160ms ease"
+  },
+  variants: {
+    variant: {
+      surface: {
+        position: "relative",
+        overflow: "hidden",
+        borderRadius: "3xl",
+        borderColor: "border.subtle",
+        bg: "bg.card",
+        backdropFilter: "blur(28px) saturate(155%)",
+        boxShadow: "0 25px 30px -35px rgba(15,23,42,0.42)"
+      },
+      inset: {
+        borderRadius: "2xl",
+        borderColor: "border.soft",
+        bg: "bg.cardAlt",
+        backdropFilter: "blur(24px) saturate(145%)",
+        boxShadow: "inset 0 1px 0 rgba(255,255,255,0.22)"
+      },
+      elevated: {
+        borderRadius: "2xl",
+        borderColor: "border.default",
+        bg: "bg.cardStrong",
+        backdropFilter: "blur(24px) saturate(145%)",
+        boxShadow: "0 16px 32px -28px rgba(15,23,42,0.42)"
+      },
+      selectable: {
+        borderRadius: "2xl",
+        borderColor: "border.default",
+        bg: "bg.cardAlt",
+        cursor: "pointer",
+        _hover: {
+          borderColor: "border.strong",
+          bg: "bg.card",
+          transform: "translateY(-1px)"
+        }
+      }
+    },
+    padding: {
+      none: {},
+      sm: { p: "3" },
+      md: { p: "4" },
+      lg: { p: "5" },
+      xl: { p: "6" }
+    },
+    selected: {
+      true: {
+        borderColor: "border.accent",
+        bg: "bg.cardStrong"
+      }
+    }
+  },
+  defaultVariants: {
+    variant: "surface",
+    padding: "md"
+  }
+}), c = a({
+  base: {
+    display: "inline-flex",
+    alignItems: "center",
+    gap: "1.5",
+    borderRadius: "full",
+    borderWidth: "1px",
+    px: "3",
+    py: "2",
+    fontSize: "sm",
+    fontWeight: "600",
+    lineHeight: "1",
+    whiteSpace: "nowrap",
+    backdropFilter: "blur(16px) saturate(140%)",
+    boxShadow: "inset 0 1px 0 rgba(255,255,255,0.16)",
+    _dark: {
+      boxShadow: "inset 0 1px 0 rgba(255,255,255,0.04)"
+    }
+  },
+  variants: {
+    tone: {
+      neutral: {
+        borderColor: "badge.neutralBorder",
+        bg: "badge.neutralBg",
+        color: "badge.neutralText"
+      },
+      info: {
+        borderColor: "badge.infoBorder",
+        bg: "badge.infoBg",
+        color: "badge.infoText"
+      },
+      success: {
+        borderColor: "badge.successBorder",
+        bg: "badge.successBg",
+        color: "badge.successText"
+      },
+      warning: {
+        borderColor: "badge.warningBorder",
+        bg: "badge.warningBg",
+        color: "badge.warningText"
+      }
+    },
+    size: {
+      sm: { px: "2.5", py: "1.5", fontSize: "xs" },
+      md: {}
+    }
+  },
+  defaultVariants: {
+    tone: "neutral",
+    size: "md"
+  }
+}), u = a({
+  base: {
+    width: "100%",
+    borderWidth: "1px",
+    borderColor: "border.default",
+    bg: "bg.input",
+    color: "text.primary",
+    fontSize: "sm",
+    backdropFilter: "blur(22px) saturate(145%)",
+    transition: "border-color 160ms ease, background 160ms ease",
+    _placeholder: {
+      color: "text.muted"
+    },
+    _hover: {
+      borderColor: "border.strong"
+    },
+    _dark: {
+      boxShadow: "inset 0 1px 0 rgba(255,255,255,0.03)"
+    }
+  },
+  variants: {
+    size: {
+      sm: {
+        minHeight: "40px",
+        borderRadius: "lg",
+        px: "3",
+        py: "2.5",
+        lineHeight: "1.45",
+        boxShadow: "inset 0 1px 0 rgba(255,255,255,0.2)"
+      },
+      md: {
+        minHeight: "48px",
+        borderRadius: "xl",
+        px: "4",
+        py: "3",
+        lineHeight: "1.5",
+        boxShadow: "inset 0 1px 0 rgba(255,255,255,0.24), 0 14px 28px -28px rgba(15,23,42,0.42)"
+      }
+    },
+    kind: {
+      input: {},
+      textarea: {
+        minHeight: "420px",
+        borderRadius: "2xl",
+        px: "4",
+        py: "4",
+        lineHeight: "1.6",
+        fontFamily: "mono",
+        boxShadow: "inset 0 1px 0 rgba(255,255,255,0.24), 0 18px 36px -32px rgba(15,23,42,0.42)"
+      }
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    kind: "input"
+  }
+}), f = a({
+  base: {
+    display: "grid",
+    alignContent: "start",
+    minWidth: "0"
+  },
+  variants: {
+    gap: {
+      xs: { gap: "1" },
+      sm: { gap: "2" },
+      md: { gap: "3" },
+      lg: { gap: "4" },
+      xl: { gap: "5" }
+    }
+  },
+  defaultVariants: {
+    gap: "md"
+  }
+}), h = a({
+  base: {
+    display: "flex",
+    flexWrap: "wrap",
+    alignItems: "center",
+    minWidth: "0"
+  },
+  variants: {
+    gap: {
+      xs: { gap: "1" },
+      sm: { gap: "2" },
+      md: { gap: "3" },
+      lg: { gap: "4" }
+    },
+    justify: {
+      start: { justifyContent: "flex-start" },
+      between: { justifyContent: "space-between" },
+      end: { justifyContent: "flex-end" }
+    }
+  },
+  defaultVariants: {
+    gap: "sm",
+    justify: "start"
+  }
+}), C = a({
+  base: {
+    display: "grid",
+    gap: "4",
+    alignItems: "start",
+    minWidth: "0"
+  },
+  variants: {
+    ratio: {
+      equal: {
+        gridTemplateColumns: { base: "1fr", xl: "repeat(2, minmax(0, 1fr))" }
+      },
+      sidebar: {
+        gridTemplateColumns: { base: "1fr", xl: "minmax(18rem, 0.9fr) minmax(0, 1.4fr)" }
+      },
+      detail: {
+        gridTemplateColumns: { base: "1fr", xl: "minmax(18rem, 0.85fr) minmax(0, 1.45fr)" }
+      }
+    }
+  },
+  defaultVariants: {
+    ratio: "equal"
+  }
+}), y = a({
+  base: {
+    display: "grid",
+    gap: "4",
+    minWidth: "0"
+  },
+  variants: {
+    columns: {
+      two: { gridTemplateColumns: { base: "1fr", md: "repeat(2, minmax(0, 1fr))" } },
+      three: { gridTemplateColumns: { base: "1fr", lg: "repeat(3, minmax(0, 1fr))" } },
+      four: { gridTemplateColumns: { base: "1fr", lg: "repeat(4, minmax(0, 1fr))" } }
+    }
+  },
+  defaultVariants: {
+    columns: "two"
+  }
+}), w = e({
+  display: "flex",
+  gap: "3",
+  flexWrap: "wrap",
+  alignItems: "center"
+}), S = e({
+  position: "relative",
+  minWidth: "0",
+  minHeight: "220px"
+}), R = r(
+  t,
+  e({
+    padding: "4",
+    display: "grid",
+    gap: "3"
+  })
+), k = r(
+  t,
+  e({
+    minHeight: "220px",
+    padding: "4",
+    display: "grid",
+    gap: "3"
+  })
+), s = r(
+  t,
+  o,
+  e({
+    display: "grid",
+    gap: "2",
+    padding: "4",
+    lineHeight: "1.7"
+  })
+), v = r(
+  s,
+  e({
+    alignContent: "center",
+    minHeight: "220px"
+  })
+), H = e({
+  display: "grid",
+  gap: "4",
+  gridTemplateColumns: { base: "1fr", xl: "minmax(18rem, 0.9fr) minmax(0, 1.4fr)" },
+  alignItems: "start"
+}), W = e({
+  display: "grid",
+  gap: "2",
+  alignContent: "start",
+  minWidth: "0"
+}), T = e({
+  display: "grid",
+  gap: "4",
+  minWidth: "0"
+});
+export {
+  w as actionToolbarClass,
+  c as badgeRecipe,
+  F as buttonRecipe,
+  m as cardRecipe,
+  v as centeredEmptyStatePanelClass,
+  h as clusterLayout,
+  B as codeBlockClass,
+  P as dropdownRecipe,
+  V as elevatedPanelClass,
+  s as emptyStatePanelClass,
+  b as errorTextClass,
+  j as eyebrowClass,
+  l as fieldControlClass,
+  n as fieldControlSmClass,
+  d as fieldTextareaClass,
+  x as focusRingClass,
+  o as helperTextClass,
+  R as infoPanelClass,
+  u as inputRecipe,
+  t as insetPanelClass,
+  p as loadingRegionClass,
+  y as metricGridPattern,
+  I as metricValueClass,
+  g as mutedTextClass,
+  L as pageHeaderActionsClass,
+  q as pageHeaderContentClass,
+  A as pageHeaderRootClass,
+  D as pageRootClass,
+  E as pageScrollRegionClass,
+  S as resultRegionClass,
+  k as resultSkeletonPanelClass,
+  G as sectionDescriptionClass,
+  O as sectionTitleClass,
+  T as selectableDetailClass,
+  W as selectableListClass,
+  H as selectableListDetailRootClass,
+  C as splitLayout,
+  f as stackLayout,
+  Y as surfacePanelClass
+};