@sequenceholdings/atlas-ui 3.0.0 → 3.1.0

package/dist/index.d.ts

@@ -358,7 +358,7 @@ export declare interface CalendarGridProps {
  *     the theme system needs the variable to switch modes reliably.
  *   - Text: `text-card-foreground` — paired with `--card` so reversed
  *     themes flip body color correctly.
- *   - Separation: a 1px `border` (maps to `--border`), NOT a drop
+ *   - Separation: a 1px `border border-border`, NOT a drop
  *     shadow. Matches the flat aesthetic used by ProDataTable,
  *     DashboardShell, Input, Select, Textarea, Switch, and Button.
  *     Drop shadows on cards quickly compound against each other in

package/dist/index.mjs

@@ -4438,7 +4438,7 @@ _c.displayName = mc.displayName;
 //#region ../../../atlas/src/shared/components/ui/card.tsx
 var vc = m.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ O("div", {
 	ref: n,
-	className: r("rounded-surface border bg-card text-card-foreground", e),
+	className: r("rounded-surface border border-border bg-card text-card-foreground", e),
 	...t
 }));
 vc.displayName = "Card";
@@ -6270,7 +6270,7 @@ var Ap = m.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ O(up, {
 	children: /* @__PURE__ */ O(Sp, {
 		"data-density": "default",
 		ref: n,
-		className: r("z-[60] min-w-32 overflow-hidden rounded-surface border bg-popover p-1 text-popover-foreground shadow-popover data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-(--radix-dropdown-menu-content-transform-origin)", e),
+		className: r("z-[60] min-w-32 overflow-hidden rounded-surface border border-border bg-popover p-1 text-popover-foreground shadow-popover data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-(--radix-dropdown-menu-content-transform-origin)", e),
 		...t
 	})
 }));
@@ -6281,7 +6281,7 @@ var jp = m.forwardRef(({ className: e, sideOffset: t = 4, ...n }, i) => /* @__PU
 		"data-density": "default",
 		ref: i,
 		sideOffset: t,
-		className: r("z-[60] max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-32 overflow-y-auto overflow-x-hidden rounded-surface border bg-popover p-1 text-popover-foreground shadow-popover", "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-(--radix-dropdown-menu-content-transform-origin)", e),
+		className: r("z-[60] max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-32 overflow-y-auto overflow-x-hidden rounded-surface border border-border bg-popover p-1 text-popover-foreground shadow-popover", "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-(--radix-dropdown-menu-content-transform-origin)", e),
 		...n
 	})
 }));
@@ -8268,7 +8268,7 @@ var tg = m.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ O("div", {
 tg.displayName = "TablePrimitive.Root";
 var ng = m.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ O("thead", {
 	ref: n,
-	className: r("[&_tr]:border-b", e),
+	className: r("[&_tr]:border-b [&_tr]:border-border", e),
 	...t
 }));
 ng.displayName = "TableHeader";
@@ -8280,13 +8280,13 @@ var rg = m.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ O("tbody",
 rg.displayName = "TableBody";
 var ig = m.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ O("tfoot", {
 	ref: n,
-	className: r("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0", e),
+	className: r("border-t border-border bg-muted/50 font-medium [&>tr]:last:border-b-0", e),
 	...t
 }));
 ig.displayName = "TableFooter";
 var ag = m.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ O("tr", {
 	ref: n,
-	className: r("border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted", e),
+	className: r("border-b border-border transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted", e),
 	...t
 }));
 ag.displayName = "TableRow";
@@ -8705,7 +8705,7 @@ var t_ = Fg, n_ = Lg, r_ = zg, i_ = Ug, a_ = Gg, o_ = t_, s_ = r_, c_ = n_, l_ =
 		ref: a,
 		align: t,
 		sideOffset: n,
-		className: r("z-[60] w-72 overflow-hidden rounded-surface border bg-popover p-4 text-popover-foreground shadow-popover outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", e),
+		className: r("z-[60] w-72 overflow-hidden rounded-surface border border-border bg-popover p-4 text-popover-foreground shadow-popover outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", e),
 		...i
 	})
 }));
@@ -9456,7 +9456,7 @@ var ny = m.forwardRef(({ className: e, children: t, showCloseButton: n = !0, ove
 	"data-density": "default",
 	"data-overlay-scope": "viewport",
 	ref: o,
-	className: r("fixed left-[50%] top-[50%] z-50 w-full max-w-lg translate-x-[-50%] translate-y-[-50%]", "max-h-[calc(100vh-4rem)]", "flex flex-col overflow-hidden", "rounded-surface border bg-card shadow-modal", "[&>*:not([data-slot^=dialog-])]:flex-1", "[&>*:not([data-slot^=dialog-])]:min-h-0", "[&>*:not([data-slot^=dialog-])]:overflow-y-auto", "[&>*:not([data-slot^=dialog-])]:px-6", "[&>*:not([data-slot^=dialog-])]:py-4", "duration-200", "data-[state=open]:animate-in data-[state=closed]:animate-out", "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95", e),
+	className: r("fixed left-[50%] top-[50%] z-50 w-full max-w-lg translate-x-[-50%] translate-y-[-50%]", "max-h-[calc(100vh-4rem)]", "flex flex-col overflow-hidden", "rounded-surface border border-border bg-card shadow-modal", "[&>*:not([data-slot^=dialog-])]:flex-1", "[&>*:not([data-slot^=dialog-])]:min-h-0", "[&>*:not([data-slot^=dialog-])]:overflow-y-auto", "[&>*:not([data-slot^=dialog-])]:px-6", "[&>*:not([data-slot^=dialog-])]:py-4", "duration-200", "data-[state=open]:animate-in data-[state=closed]:animate-out", "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95", e),
 	...a,
 	children: [t, n && /* @__PURE__ */ k(fv, {
 		"data-slot": "dialog-close",
@@ -12885,10 +12885,10 @@ var BS = lt("z-50 gap-4 bg-background shadow-modal transition ease-in-out data-[
 			surface: "absolute"
 		},
 		side: {
-			top: "inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
-			bottom: "inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
-			left: "inset-y-0 left-0 h-full w-3/4 overflow-y-auto border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
-			right: "inset-y-0 right-0 h-full w-3/4 overflow-y-auto border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm"
+			top: "inset-x-0 top-0 border-b border-border data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
+			bottom: "inset-x-0 bottom-0 border-t border-border data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
+			left: "inset-y-0 left-0 h-full w-3/4 overflow-y-auto border-r border-border data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
+			right: "inset-y-0 right-0 h-full w-3/4 overflow-y-auto border-l border-border data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm"
 		}
 	},
 	defaultVariants: {
@@ -13167,7 +13167,7 @@ ZC.displayName = UC.displayName;
 var QC = m.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ O(WC, {
 	"data-density": "default",
 	ref: n,
-	className: r("z-[60] min-w-32 overflow-hidden rounded-surface border bg-popover p-1 text-popover-foreground shadow-popover data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-(--radix-context-menu-content-transform-origin)", e),
+	className: r("z-[60] min-w-32 overflow-hidden rounded-surface border border-border bg-popover p-1 text-popover-foreground shadow-popover data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-(--radix-context-menu-content-transform-origin)", e),
 	...t
 }));
 QC.displayName = WC.displayName;
@@ -13176,7 +13176,7 @@ var $C = m.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ O(MC, {
 	children: /* @__PURE__ */ O(NC, {
 		"data-density": "default",
 		ref: n,
-		className: r("z-[60] max-h-[var(--radix-context-menu-content-available-height)] min-w-32 overflow-y-auto overflow-x-hidden rounded-surface border bg-popover p-1 text-popover-foreground shadow-popover", "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-(--radix-context-menu-content-transform-origin)", e),
+		className: r("z-[60] max-h-[var(--radix-context-menu-content-available-height)] min-w-32 overflow-y-auto overflow-x-hidden rounded-surface border border-border bg-popover p-1 text-popover-foreground shadow-popover", "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-(--radix-context-menu-content-transform-origin)", e),
 		...t
 	})
 }));
@@ -13450,7 +13450,7 @@ var Mw = vw, Nw = bw, Pw = ww, Fw = Ew, Iw = Mw, Lw = Nw, Rw = m.forwardRef(({ c
 		ref: a,
 		align: t,
 		sideOffset: n,
-		className: r("z-[60] w-72 overflow-hidden rounded-surface border bg-popover p-4 text-popover-foreground shadow-popover outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", e),
+		className: r("z-[60] w-72 overflow-hidden rounded-surface border border-border bg-popover p-4 text-popover-foreground shadow-popover outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", e),
 		...i
 	})
 }));
@@ -13863,7 +13863,7 @@ var AT = m.forwardRef(({ className: e, overlayClassName: t, ...n }, i) => /* @__
 	"data-density": "default",
 	"data-overlay-scope": "viewport",
 	ref: i,
-	className: r("fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 overflow-hidden border bg-card p-6 shadow-modal duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 sm:rounded-surface", e),
+	className: r("fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 overflow-hidden border border-border bg-card p-6 shadow-modal duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 sm:rounded-surface", e),
 	...n
 })] }));
 AT.displayName = xT.displayName;
@@ -18059,7 +18059,7 @@ var OM = m.forwardRef(({ className: e, children: t, position: n = "popper", ...i
 	children: /* @__PURE__ */ k(fM, {
 		"data-density": "default",
 		ref: a,
-		className: r("relative z-50 max-h-[min(var(--radix-select-content-available-height),15rem)] min-w-32 overflow-y-auto overflow-x-hidden rounded-surface border bg-popover text-popover-foreground shadow-popover data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-(--radix-select-content-transform-origin)", n === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", e),
+		className: r("relative z-50 max-h-[min(var(--radix-select-content-available-height),15rem)] min-w-32 overflow-y-auto overflow-x-hidden rounded-surface border border-border bg-popover text-popover-foreground shadow-popover data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-(--radix-select-content-transform-origin)", n === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", e),
 		position: n,
 		...i,
 		children: [
@@ -18122,7 +18122,7 @@ function NM({ options: e, value: t, onChange: n, disabled: r, "aria-label": i })
 			children: /* @__PURE__ */ O(fM, {
 				position: "popper",
 				sideOffset: 4,
-				className: "z-[70] max-h-65 min-w-[var(--radix-select-trigger-width)] overflow-y-auto overflow-x-hidden rounded-surface border bg-popover text-popover-foreground shadow-popover data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+				className: "z-[70] max-h-65 min-w-[var(--radix-select-trigger-width)] overflow-y-auto overflow-x-hidden rounded-surface border border-border bg-popover text-popover-foreground shadow-popover data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
 				children: /* @__PURE__ */ O(pM, {
 					className: "p-1",
 					children: e?.map(({ value: e, label: t, disabled: n }) => /* @__PURE__ */ O(AM, {

package/package.json

@@ -9,7 +9,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "3.0.0",
+  "version": "3.1.0",
   "description": "Atlas shared UI component library for Artifact Studio apps",
   "type": "module",
   "sideEffects": [