@mechane-ai/elements 0.4.1 → 0.5.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mechane-ai/elements",
-  "version": "0.4.1",
+  "version": "0.5.0",
   "description": "Elements by Mechane — React components for applications, AI interfaces, and analytical graphics",
   "license": "Apache-2.0",
   "repository": {
@@ -117,6 +117,10 @@
       "types": "./dist/packages/foundations/src/theme.d.ts",
       "import": "./dist/theme.js"
     },
+    "./csp": {
+      "types": "./dist/packages/foundations/src/csp/index.d.ts",
+      "import": "./dist/csp.js"
+    },
     "./tokens": {
       "types": "./dist/packages/foundations/src/tokens.stylex.d.ts",
       "import": "./dist/tokens.js"

package/dist/src-BfvOOeA3.js

@@ -1,272 +0,0 @@
-import { i as e, s as t } from "./src-CbYaLvhD.js";
-import { t as n } from "./accessibility-C-aIZ1Yx.js";
-import { n as r, t as i } from "./popup-styles-CvtZDE2t.js";
-import { t as a } from "./style-composition-uYlczSsB.js";
-import { mergeProps as o } from "@base-ui/react/merge-props";
-import * as s from "@stylexjs/stylex";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-import { Box as u, LoaderCircle as d } from "lucide-react";
-import { Meter as f } from "@base-ui/react/meter";
-import { Progress as p } from "@base-ui/react/progress";
-import { Toast as m } from "@base-ui/react/toast";
-// packages/feedback/src/feedback.tsx
-function h({ title: n, children: r, action: i, ...a }) {
-	return /* @__PURE__ */ l("div", {
-		...o({ className: "x78zum5 xdt5ytf x6s0dn4 xl56j7k x2b8uid x1iefggq xnx3t7k x1n8ia3y x1hz01jw xvmahel" }, a),
-		children: [
-			/* @__PURE__ */ c(u, {
-				size: 22,
-				"aria-hidden": !0,
-				className: "x153jb6y x1kk91vl"
-			}),
-			/* @__PURE__ */ c(t, { children: n }),
-			/* @__PURE__ */ c(e, { children: r }),
-			i
-		]
-	});
-}
-function g({ error: e = !1, ...t }) {
-	return /* @__PURE__ */ c("div", { ...o({ role: e ? "alert" : "status" }, {
-		0: { className: "xp59q4u x1doqdfy x1ok0vyi x1hz01jw xvmahel xtqrqnz x1778rvt x1dqe72f x1f9ixgr xj0a0fe" },
-		1: { className: "xp59q4u x1doqdfy x1ok0vyi x1hz01jw xvmahel xtqrqnz x1778rvt xj0a0fe xr5kp14 xcqwzn" }
-	}[!!e | 0], t) });
-}
-// packages/feedback/src/skeleton.tsx
-var _ = {
-	skeleton: {
-		k1xSpc: "x1lliihq",
-		ks0D6T: "x193iq5w",
-		kWkggS: "x1r7kqkb",
-		kaIpWk: "x1ok0vyi",
-		kmuXW: "x2lah0s",
-		$$css: !0
-	},
-	dimensions: (e, t) => [{
-		kzqmXN: e == null ? e : "x5lhr3w",
-		kZKoxP: t == null ? t : "x16ye13r",
-		$$css: !0
-	}, {
-		"--x-width": ((e) => typeof e == "number" ? e + "px" : e ?? void 0)(e),
-		"--x-height": ((e) => typeof e == "number" ? e + "px" : e ?? void 0)(t)
-	}],
-	circle: {
-		kaIpWk: "x16rqkct",
-		$$css: !0
-	},
-	rectangle: { $$css: !0 }
-}, v = {
-	rectangle: _.rectangle,
-	circle: _.circle
-};
-function y({ width: e = "100%", height: t = 8, shape: n = "rectangle" }) {
-	return /* @__PURE__ */ c("span", {
-		"aria-hidden": !0,
-		...s.props(_.skeleton, _.dimensions(e, t), v[n])
-	});
-}
-function b({ lines: e = 3 }) {
-	return /* @__PURE__ */ c("div", {
-		"aria-hidden": !0,
-		className: "x78zum5 xdt5ytf x1hnptsi xh8yej3",
-		children: Array.from({ length: e }, (t, n) => /* @__PURE__ */ c(y, { width: n === e - 1 ? "65%" : "100%" }, `placeholder-${n}`))
-	});
-}
-function x({ label: e, showLabel: t = !1 }) {
-	return /* @__PURE__ */ l("span", {
-		role: "status",
-		className: "x3nfvp2 x1n2onr6 x6s0dn4 x1hnptsi x153jb6y x1hz01jw xtqrqnz x1778rvt",
-		children: [/* @__PURE__ */ c(d, {
-			"aria-hidden": !0,
-			className: "xtwnzbg x18utl2x x2lah0s"
-		}), /* @__PURE__ */ c("span", {
-			...s.props(!t && n.hidden),
-			children: e
-		})]
-	});
-}
-// packages/feedback/src/loading.tsx
-function S({ label: e, shape: t = "rows" }) {
-	return /* @__PURE__ */ l("div", {
-		role: "status",
-		className: "xeuugli x1n2onr6",
-		children: [/* @__PURE__ */ c("span", {
-			...s.props(n.hidden),
-			children: e
-		}), t === "rows" ? /* @__PURE__ */ l("div", {
-			"aria-hidden": !0,
-			children: [/* @__PURE__ */ c("div", {
-				className: "xrvj5dj x18zg5m9 x18hwk67 x6s0dn4 x1m92p3w xu0aao5 xso031l x1q0q8m5 x1qndepd",
-				children: /* @__PURE__ */ c(y, { width: 54 })
-			}), [
-				0,
-				1,
-				2
-			].map((e) => /* @__PURE__ */ l("div", {
-				className: "xrvj5dj x18zg5m9 x18hwk67 x6s0dn4 xse5ku5 x1m92p3w",
-				children: [
-					/* @__PURE__ */ c(y, { width: e === 1 ? 108 : 174 }),
-					/* @__PURE__ */ c(y, { width: 54 }),
-					/* @__PURE__ */ c(y, { width: 108 })
-				]
-			}, e))]
-		}) : /* @__PURE__ */ l("div", {
-			"aria-hidden": !0,
-			className: "xrvj5dj x1c1vhfx x1xn8qrt",
-			children: [
-				/* @__PURE__ */ c(y, {
-					width: 216,
-					height: 24
-				}),
-				/* @__PURE__ */ c(y, { width: 174 }),
-				/* @__PURE__ */ c(y, { width: 108 })
-			]
-		})]
-	});
-}
-// packages/feedback/src/progress.tsx
-function C({ label: e, value: t, max: n, valueLabel: r }) {
-	return /* @__PURE__ */ l(p.Root, {
-		value: t,
-		max: n,
-		locale: "en-US",
-		getAriaValueText: () => r,
-		className: "x78zum5 xdt5ytf x1hnptsi xh8yej3 xeuugli x1hz01jw xtqrqnz x1778rvt xbixft",
-		children: [/* @__PURE__ */ l("div", {
-			className: "x78zum5 x1pha0wt x1qughib x1n8ia3y x1a02dak",
-			children: [/* @__PURE__ */ c(p.Label, { children: e }), /* @__PURE__ */ c("span", {
-				className: "x153jb6y xss6m8b",
-				children: r
-			})]
-		}), /* @__PURE__ */ c(p.Track, {
-			...{
-				0: { className: "xqu0tyb xh8yej3 x1ok0vyi x1fa40ue xb3r6kr" },
-				1: { className: "xqu0tyb xh8yej3 x1ok0vyi xb3r6kr x1r7kqkb xmkeg23 xbsl7fq xqrc7c3 x9f619" }
-			}[t === null | 0],
-			children: t !== null && /* @__PURE__ */ c(p.Indicator, { className: "x5yr21d x1pt885t x1ok0vyi" })
-		})]
-	});
-}
-function w({ label: e, value: t, max: n, valueLabel: r }) {
-	return t === null ? /* @__PURE__ */ l("div", {
-		className: "x78zum5 xdt5ytf x1hnptsi xh8yej3 xeuugli x1hz01jw xtqrqnz x1778rvt xbixft",
-		children: [/* @__PURE__ */ l("div", {
-			className: "x78zum5 x1pha0wt x1qughib x1n8ia3y x1a02dak",
-			children: [/* @__PURE__ */ c("span", { children: e }), /* @__PURE__ */ c("span", {
-				className: "x153jb6y xss6m8b",
-				children: r
-			})]
-		}), /* @__PURE__ */ c("div", {
-			"aria-hidden": !0,
-			className: "xqu0tyb xh8yej3 x1ok0vyi xb3r6kr x1r7kqkb xmkeg23 xbsl7fq xqrc7c3 x9f619"
-		})]
-	}) : /* @__PURE__ */ l(f.Root, {
-		value: t,
-		max: n,
-		locale: "en-US",
-		getAriaValueText: () => r,
-		className: "x78zum5 xdt5ytf x1hnptsi xh8yej3 xeuugli x1hz01jw xtqrqnz x1778rvt xbixft",
-		children: [/* @__PURE__ */ l("div", {
-			className: "x78zum5 x1pha0wt x1qughib x1n8ia3y x1a02dak",
-			children: [/* @__PURE__ */ c(f.Label, { children: e }), /* @__PURE__ */ c("span", {
-				className: "x153jb6y xss6m8b",
-				children: r
-			})]
-		}), /* @__PURE__ */ c(f.Track, {
-			className: "xqu0tyb xh8yej3 x1ok0vyi x1fa40ue xb3r6kr",
-			children: /* @__PURE__ */ c(f.Indicator, { className: "x5yr21d x1pt885t x1ok0vyi" })
-		})]
-	});
-}
-// packages/feedback/src/toast.tsx
-var T = {
-	focus: {
-		kPJHz1: "x13qnu6",
-		k7shQP: "x9v5kkp",
-		kZs9gx: "x19rmrnh",
-		kiEn40: "x1bqaal",
-		$$css: !0
-	},
-	root: {
-		kzqmXN: "xh8yej3",
-		kmVPX3: "x1c8xbx5",
-		k3aq6I: "x1j8b0r",
-		kOpbMr: "xmeywwb",
-		$$css: !0
-	},
-	title: {
-		kGuDYH: "xtqrqnz",
-		kLWn49: "x1778rvt",
-		k63SB2: "xk50ysn",
-		$$css: !0
-	}
-};
-function E({ className: e, style: t, ...n }) {
-	return /* @__PURE__ */ c(m.Viewport, {
-		...n,
-		...a({
-			className: e,
-			style: t,
-			styles: { className: "xixxii4 x640wxr xsygj64 xb912zn x78zum5 xdt5ytf x1hnptsi x147k7ee xy2oaap x1odjw0f xish69e x1k57tk5 x13qnu6 x9v5kkp x19rmrnh x1bqaal" }
-		})
-	});
-}
-function D({ className: e, style: t, ...n }) {
-	return /* @__PURE__ */ c(m.Root, {
-		...n,
-		...a({
-			className: e,
-			style: t,
-			styles: s.props(i.surface, T.root, T.focus)
-		})
-	});
-}
-function O({ className: e, style: t, ...n }) {
-	return /* @__PURE__ */ c(m.Content, {
-		...n,
-		...a({
-			className: e,
-			style: t,
-			styles: { className: "x78zum5 xdt5ytf x1hnptsi" }
-		})
-	});
-}
-function k({ className: e, style: t, ...n }) {
-	return /* @__PURE__ */ c(m.Title, {
-		...n,
-		...a({
-			className: e,
-			style: t,
-			styles: s.props(r.title, T.title)
-		})
-	});
-}
-function A({ className: e, style: t, ...n }) {
-	return /* @__PURE__ */ c(m.Description, {
-		...n,
-		...a({
-			className: e,
-			style: t,
-			styles: s.props(r.description)
-		})
-	});
-}
-function j(e) {
-	return /* @__PURE__ */ c(m.Close, {
-		"aria-hidden": !1,
-		...e
-	});
-}
-var M = {
-	Provider: m.Provider,
-	Portal: m.Portal,
-	Viewport: E,
-	Root: D,
-	Content: O,
-	Title: k,
-	Description: A,
-	Close: j,
-	Action: m.Action,
-	useManager: m.useToastManager,
-	createManager: m.createToastManager
-};
-export { y as a, h as c, S as i, g as l, w as n, b as o, C as r, x as s, M as t };