@cognite/aura 0.3.2 → 0.3.3

package/dist/eslint/no-overriding-styles.js

@@ -1,262 +1,203 @@
-const N = /* @__PURE__ */ new Set([
-  "@cognite/aura/components",
-  "@cognite/aura-labs/components"
-]), b = [
-  /^(block|inline|inline-block|flex|inline-flex|grid|inline-grid|contents|hidden)$/,
-  /^(w|h|min-w|max-w|min-h|max-h|size|aspect)-.+$/,
-  /^(m|mx|my|mt|mr|mb|ml|ms|me)-.+$/,
-  /^space-[xy]-.+$/,
-  /^gap(?:-[xy])?-.+$/,
-  /^(grow|grow-0|shrink|shrink-0)$/,
-  /^flex-(1|auto|initial|none|row|row-reverse|col|col-reverse|wrap|wrap-reverse|nowrap)$/,
-  /^basis-.+$/,
-  /^order-.+$/,
-  /^grid-(cols|rows)-.+$/,
-  /^auto-(cols|rows)-.+$/,
-  /^(col|row)-(auto|span-.+|start-.+|end-.+)$/,
-  /^justify-(start|end|center|between|around|evenly|stretch|normal)$/,
-  /^items-(start|end|center|baseline|stretch)$/,
-  /^content-(start|end|center|between|around|evenly|stretch|baseline)$/,
-  /^self-(auto|start|end|center|stretch|baseline)$/,
-  /^place-(items|content|self)-.+$/,
-  /^justify-self-.+$/,
-  /^(overflow|overflow-x|overflow-y|overscroll|overscroll-x|overscroll-y)-.+$/,
-  /^(whitespace|break)-.+$/,
-  /^(text-(left|center|right|justify|wrap|nowrap|balance|pretty))$/,
-  /^(truncate|line-clamp-.+)$/,
-  /^(static|fixed|absolute|relative|sticky)$/,
-  /^(inset|inset-x|inset-y|top|right|bottom|left|start|end|z)-.+$/,
-  /^(visible|invisible|isolate)$/
+//#region libs/aura/src/eslint/no-overriding-styles.ts
+var e = /* @__PURE__ */ new Set(["@cognite/aura/components", "@cognite/aura-labs/components"]), t = [
+	/^(block|inline|inline-block|flex|inline-flex|grid|inline-grid|contents|hidden)$/,
+	/^(w|h|min-w|max-w|min-h|max-h|size|aspect)-.+$/,
+	/^(m|mx|my|mt|mr|mb|ml|ms|me)-.+$/,
+	/^space-[xy]-.+$/,
+	/^gap(?:-[xy])?-.+$/,
+	/^(grow|grow-0|shrink|shrink-0)$/,
+	/^flex-(1|auto|initial|none|row|row-reverse|col|col-reverse|wrap|wrap-reverse|nowrap)$/,
+	/^basis-.+$/,
+	/^order-.+$/,
+	/^grid-(cols|rows)-.+$/,
+	/^auto-(cols|rows)-.+$/,
+	/^(col|row)-(auto|span-.+|start-.+|end-.+)$/,
+	/^justify-(start|end|center|between|around|evenly|stretch|normal)$/,
+	/^items-(start|end|center|baseline|stretch)$/,
+	/^content-(start|end|center|between|around|evenly|stretch|baseline)$/,
+	/^self-(auto|start|end|center|stretch|baseline)$/,
+	/^place-(items|content|self)-.+$/,
+	/^justify-self-.+$/,
+	/^(overflow|overflow-x|overflow-y|overscroll|overscroll-x|overscroll-y)-.+$/,
+	/^(whitespace|break)-.+$/,
+	/^(text-(left|center|right|justify|wrap|nowrap|balance|pretty))$/,
+	/^(truncate|line-clamp-.+)$/,
+	/^(static|fixed|absolute|relative|sticky)$/,
+	/^(inset|inset-x|inset-y|top|right|bottom|left|start|end|z)-.+$/,
+	/^(visible|invisible|isolate)$/
 ];
-function l(e) {
-  return typeof e == "object" && e !== null;
-}
-function h(e) {
-  return l(e) && typeof e.type == "string";
-}
-function u(e, n) {
-  return h(e) && e.type === n;
-}
-function p(e) {
-  return u(e, "Literal");
-}
-function y(e) {
-  if (!l(e))
-    return !1;
-  const n = e, r = Array.isArray(n.expressions) && Array.isArray(n.quasis);
-  return u(n, "TemplateLiteral") && r;
+function n(e) {
+	return typeof e == "object" && !!e;
 }
-function x(e) {
-  return u(e, "JSXExpressionContainer") && "expression" in e;
+function r(e) {
+	return n(e) && typeof e.type == "string";
 }
-function $(e) {
-  if (!l(e))
-    return !1;
-  const n = e, r = Array.isArray(n.arguments) && "callee" in n;
-  return u(n, "CallExpression") && r;
+function i(e, t) {
+	return r(e) && e.type === t;
 }
-function C(e) {
-  return u(e, "ConditionalExpression") && "consequent" in e && "alternate" in e;
+function a(e) {
+	return i(e, "Literal");
 }
-function k(e) {
-  return u(e, "LogicalExpression") && "left" in e && "right" in e;
+function o(e) {
+	if (!n(e)) return !1;
+	let t = e, r = Array.isArray(t.expressions) && Array.isArray(t.quasis);
+	return i(t, "TemplateLiteral") && r;
 }
-function E(e) {
-  if (!l(e))
-    return !1;
-  const n = e, r = Array.isArray(n.elements);
-  return u(n, "ArrayExpression") && r;
+function s(e) {
+	return i(e, "JSXExpressionContainer") && "expression" in e;
 }
-function w(e) {
-  if (!l(e))
-    return !1;
-  const n = e, r = typeof n.name == "string";
-  return u(n, "JSXIdentifier") && r;
+function c(e) {
+	if (!n(e)) return !1;
+	let t = e, r = Array.isArray(t.arguments) && "callee" in t;
+	return i(t, "CallExpression") && r;
 }
-function J(e) {
-  return u(e, "JSXAttribute") && "name" in e;
+function l(e) {
+	return i(e, "ConditionalExpression") && "consequent" in e && "alternate" in e;
 }
-function T(e) {
-  if (!l(e))
-    return !1;
-  const n = e, r = Array.isArray(n.attributes) && "name" in n;
-  return u(n, "JSXOpeningElement") && r;
+function u(e) {
+	return i(e, "LogicalExpression") && "left" in e && "right" in e;
 }
-function O(e) {
-  if (!l(e))
-    return !1;
-  const n = e, r = Array.isArray(n.specifiers) && "source" in n;
-  return u(n, "ImportDeclaration") && r;
+function d(e) {
+	if (!n(e)) return !1;
+	let t = e, r = Array.isArray(t.elements);
+	return i(t, "ArrayExpression") && r;
 }
-function I(e) {
-  return l(e.source) && typeof e.source.value == "string" ? e.source.value : null;
+function f(e) {
+	if (!n(e)) return !1;
+	let t = e, r = typeof t.name == "string";
+	return i(t, "JSXIdentifier") && r;
 }
-function L(e) {
-  if (!l(e) || !("local" in e))
-    return null;
-  const n = e.local;
-  return l(n) && typeof n.name == "string" ? n.name : null;
+function p(e) {
+	return i(e, "JSXAttribute") && "name" in e;
 }
-function j(e) {
-  return e.trim().split(":").at(-1)?.replace(/!$/, "").replace(/^-/, "");
+function m(e) {
+	if (!n(e)) return !1;
+	let t = e, r = Array.isArray(t.attributes) && "name" in t;
+	return i(t, "JSXOpeningElement") && r;
 }
-function v(e) {
-  const n = j(e);
-  return n ? b.some(
-    (r) => r.test(n)
-  ) : !1;
+function h(e) {
+	if (!n(e)) return !1;
+	let t = e, r = Array.isArray(t.specifiers) && "source" in t;
+	return i(t, "ImportDeclaration") && r;
 }
 function g(e) {
-  return e.split(/\s+/).map((n) => n.trim()).filter(Boolean);
+	return n(e.source) && typeof e.source.value == "string" ? e.source.value : null;
 }
-function S(e) {
-  return e.value?.cooked ?? "";
+function _(e) {
+	if (!n(e) || !("local" in e)) return null;
+	let t = e.local;
+	return n(t) && typeof t.name == "string" ? t.name : null;
 }
-function m(e) {
-  return e ? p(e) ? typeof e.value == "string" ? g(e.value) : [] : y(e) ? e.quasis.flatMap(
-    (n) => g(S(n))
-  ) : x(e) ? m(e.expression) : $(e) ? e.arguments.flatMap((n) => m(n)) : C(e) ? [
-    ...m(e.consequent),
-    ...m(e.alternate)
-  ] : k(e) ? [
-    ...m(e.left),
-    ...m(e.right)
-  ] : E(e) ? e.elements.flatMap((n) => m(n)) : [] : [];
+function v(e) {
+	return e.trim().split(":").at(-1)?.replace(/!$/, "").replace(/^-/, "");
 }
-function V(e) {
-  return w(e.name) ? e.name.name : null;
+function y(e) {
+	let n = v(e);
+	return n ? t.some((e) => e.test(n)) : !1;
 }
-function d(e) {
-  return e.filter(v);
+function b(e) {
+	return e.split(/\s+/).map((e) => e.trim()).filter(Boolean);
 }
-function z(e, n) {
-  return n.range ? e.text.slice(n.range[0], n.range[1]) : null;
+function x(e) {
+	return e.value?.cooked ?? "";
 }
-function R({
-  expressionNode: e,
-  sourceCode: n,
-  sanitizedTokens: r,
-  valueNode: o
-}) {
-  const t = r.join(" ");
-  if (p(o))
-    return t === "" ? null : `"${t}"`;
-  if (!x(o) || !e)
-    return null;
-  if (p(e))
-    return t === "" ? null : `{${JSON.stringify(t)}}`;
-  if (y(e) && e.expressions.length === 0)
-    return t === "" ? null : `{${JSON.stringify(t)}}`;
-  if (!$(e) || !l(e.callee) || (typeof e.callee.name == "string" ? e.callee.name : null) !== "cn")
-    return null;
-  const i = [];
-  for (const s of e.arguments) {
-    if (p(s) && typeof s.value == "string") {
-      const a = d(
-        g(s.value)
-      ).join(" ");
-      a && i.push(JSON.stringify(a));
-      continue;
-    }
-    if (y(s) && s.expressions.length === 0) {
-      const a = S(s.quasis[0] ?? {}), A = d(
-        g(a)
-      ).join(" ");
-      A && i.push(JSON.stringify(A));
-      continue;
-    }
-    if (!h(s))
-      return null;
-    const c = z(n, s);
-    if (c === null)
-      return null;
-    i.push(c);
-  }
-  return i.length === 0 ? null : `{cn(${i.join(", ")})}`;
+function S(e) {
+	return e ? a(e) ? typeof e.value == "string" ? b(e.value) : [] : o(e) ? e.quasis.flatMap((e) => b(x(e))) : s(e) ? S(e.expression) : c(e) ? e.arguments.flatMap((e) => S(e)) : l(e) ? [...S(e.consequent), ...S(e.alternate)] : u(e) ? [...S(e.left), ...S(e.right)] : d(e) ? e.elements.flatMap((e) => S(e)) : [] : [];
 }
-function q({
-  classNameAttribute: e,
-  disallowedTokens: n,
-  sourceCode: r,
-  tokens: o
-}) {
-  if (n.length === 0)
-    return null;
-  const t = e.value;
-  if (!t)
-    return null;
-  const f = x(t) ? t.expression : null, i = d(o), s = R({
-    expressionNode: f,
-    sanitizedTokens: i,
-    sourceCode: r,
-    valueNode: t
-  }), c = e.range;
-  return c ? (a) => s === null ? a.removeRange([c[0] - 1, c[1]]) : !h(t) || !t.range ? null : a.replaceTextRange(t.range, s) : null;
+function C(e) {
+	return f(e.name) ? e.name.name : null;
 }
-const X = {
-  meta: {
-    type: "suggestion",
-    fixable: "code",
-    hasSuggestions: !0,
-    docs: {
-      description: "Warn when consumers visually override Aura component styles via className"
-    },
-    schema: [],
-    messages: {
-      overridingAuraStyles: "Overriding Aura styles: only layout and sizing utilities should be passed via className. Move visual styling into Aura variants, props, or composition instead. Offending classes: {{classes}}.",
-      removeOverridingAuraStyles: "Remove disallowed Aura styling classes and keep only layout-safe utilities."
-    }
-  },
-  create(e) {
-    const n = /* @__PURE__ */ new Set(), r = e.sourceCode;
-    return {
-      ImportDeclaration(o) {
-        if (!O(o))
-          return;
-        const t = I(o);
-        if (!(!t || !N.has(t)))
-          for (const f of o.specifiers) {
-            const i = L(f);
-            i && n.add(i);
-          }
-      },
-      JSXOpeningElement(o) {
-        if (!T(o))
-          return;
-        const t = V(o);
-        if (!t || !n.has(t))
-          return;
-        const f = o.attributes.find(
-          (a) => J(a) && w(a.name) && a.name.name === "className"
-        );
-        if (!f?.value)
-          return;
-        const i = m(f.value), s = [...new Set(i)].filter(
-          (a) => !v(a)
-        ), c = q({
-          classNameAttribute: f,
-          disallowedTokens: s,
-          sourceCode: r,
-          tokens: i
-        });
-        s.length !== 0 && e.report({
-          node: f,
-          messageId: "overridingAuraStyles",
-          data: {
-            classes: s.join(", ")
-          },
-          fix: c,
-          suggest: c ? [
-            {
-              messageId: "removeOverridingAuraStyles",
-              fix: c
-            }
-          ] : void 0
-        });
-      }
-    };
-  }
-};
-export {
-  X as auraNoOverridingStylesRule
+function w(e) {
+	return e.filter(y);
+}
+function T(e, t) {
+	return t.range ? e.text.slice(t.range[0], t.range[1]) : null;
+}
+function E({ expressionNode: e, sourceCode: t, sanitizedTokens: i, valueNode: l }) {
+	let u = i.join(" ");
+	if (a(l)) return u === "" ? null : `"${u}"`;
+	if (!s(l) || !e) return null;
+	if (a(e) || o(e) && e.expressions.length === 0) return u === "" ? null : `{${JSON.stringify(u)}}`;
+	if (!c(e) || !n(e.callee) || (typeof e.callee.name == "string" ? e.callee.name : null) !== "cn") return null;
+	let d = [];
+	for (let n of e.arguments) {
+		if (a(n) && typeof n.value == "string") {
+			let e = w(b(n.value)).join(" ");
+			e && d.push(JSON.stringify(e));
+			continue;
+		}
+		if (o(n) && n.expressions.length === 0) {
+			let e = w(b(x(n.quasis[0] ?? {}))).join(" ");
+			e && d.push(JSON.stringify(e));
+			continue;
+		}
+		if (!r(n)) return null;
+		let e = T(t, n);
+		if (e === null) return null;
+		d.push(e);
+	}
+	return d.length === 0 ? null : `{cn(${d.join(", ")})}`;
+}
+function D({ classNameAttribute: e, disallowedTokens: t, sourceCode: n, tokens: i }) {
+	if (t.length === 0) return null;
+	let a = e.value;
+	if (!a) return null;
+	let o = E({
+		expressionNode: s(a) ? a.expression : null,
+		sanitizedTokens: w(i),
+		sourceCode: n,
+		valueNode: a
+	}), c = e.range;
+	return c ? (e) => o === null ? e.removeRange([c[0] - 1, c[1]]) : !r(a) || !a.range ? null : e.replaceTextRange(a.range, o) : null;
+}
+var O = {
+	meta: {
+		type: "suggestion",
+		fixable: "code",
+		hasSuggestions: !0,
+		docs: { description: "Warn when consumers visually override Aura component styles via className" },
+		schema: [],
+		messages: {
+			overridingAuraStyles: "Overriding Aura styles: only layout and sizing utilities should be passed via className. Move visual styling into Aura variants, props, or composition instead. Offending classes: {{classes}}.",
+			removeOverridingAuraStyles: "Remove disallowed Aura styling classes and keep only layout-safe utilities."
+		}
+	},
+	create(t) {
+		let n = /* @__PURE__ */ new Set(), r = t.sourceCode;
+		return {
+			ImportDeclaration(t) {
+				if (!h(t)) return;
+				let r = g(t);
+				if (!(!r || !e.has(r))) for (let e of t.specifiers) {
+					let t = _(e);
+					t && n.add(t);
+				}
+			},
+			JSXOpeningElement(e) {
+				if (!m(e)) return;
+				let i = C(e);
+				if (!i || !n.has(i)) return;
+				let a = e.attributes.find((e) => p(e) && f(e.name) && e.name.name === "className");
+				if (!a?.value) return;
+				let o = S(a.value), s = [...new Set(o)].filter((e) => !y(e)), c = D({
+					classNameAttribute: a,
+					disallowedTokens: s,
+					sourceCode: r,
+					tokens: o
+				});
+				s.length !== 0 && t.report({
+					node: a,
+					messageId: "overridingAuraStyles",
+					data: { classes: s.join(", ") },
+					fix: c,
+					suggest: c ? [{
+						messageId: "removeOverridingAuraStyles",
+						fix: c
+					}] : void 0
+				});
+			}
+		};
+	}
 };
+//#endregion
+export { O as auraNoOverridingStylesRule };

package/dist/icons/index.d.ts

@@ -0,0 +1 @@
+export * from '@tabler/icons-react';

package/dist/icons/index.js

@@ -0,0 +1 @@
+export * from "@tabler/icons-react";

package/dist/lib/highlight-code.d.ts

@@ -0,0 +1,9 @@
+import { BundledLanguage } from 'shiki/bundle/web';
+/**
+ * Syntax-highlights a snippet for both the light and dark themes.
+ *
+ * Keeping Shiki in this dedicated module ensures the shared `cn` helper —
+ * imported by every component — never drags it into the build graph. See
+ * README.md "Package imports".
+ */
+export declare function highlightCode(code: string, language: BundledLanguage, showLineNumbers?: boolean): Promise<[string, string]>;

package/dist/lib/highlight-code.js

@@ -0,0 +1,42 @@
+import { codeToHtml as e } from "shiki/bundle/web";
+//#region libs/aura/src/lib/highlight-code.ts
+var t = {
+	name: "strip-pre-styles",
+	pre(e) {
+		e.properties.style = void 0;
+	}
+}, n = {
+	name: "line-numbers",
+	line(e, t) {
+		e.children.unshift({
+			type: "element",
+			tagName: "span",
+			properties: { className: [
+				"inline-block",
+				"min-w-10",
+				"mr-4",
+				"text-right",
+				"select-none",
+				"text-muted-foreground"
+			] },
+			children: [{
+				type: "text",
+				value: String(t)
+			}]
+		});
+	}
+};
+async function r(r, i, a = !1) {
+	let o = [t, ...a ? [n] : []];
+	return await Promise.all([e(r, {
+		lang: i,
+		theme: "one-light",
+		transformers: o
+	}), e(r, {
+		lang: i,
+		theme: "one-dark-pro",
+		transformers: o
+	})]);
+}
+//#endregion
+export { r as highlightCode };

package/dist/lib/portal-container-context.js

@@ -1,10 +1,9 @@
-import { useContext as t, createContext as o } from "react";
-import { getPortalContainer as n } from "./utils.js";
-const e = o(void 0);
-function C() {
-  return t(e) ?? n();
+import { getPortalContainer as e } from "./utils.js";
+import { createContext as t, useContext as n } from "react";
+//#region libs/aura/src/lib/portal-container-context.ts
+var r = t(void 0);
+function i() {
+	return n(r) ?? e();
 }
-export {
-  e as PortalContainerContext,
-  C as usePortalContainer
-};
+//#endregion
+export { r as PortalContainerContext, i as usePortalContainer };

package/dist/lib/style-scope.js

@@ -1,7 +1,7 @@
-const a = {
-  styleScope: "aura-style-scope",
-  portalContainer: "aura-portal-container"
-};
-export {
-  a as default
+//#region libs/aura/src/lib/style-scope.ts
+var e = {
+	styleScope: "aura-style-scope",
+	portalContainer: "aura-portal-container"
 };
+//#endregion
+export { e as default };

package/dist/lib/use-controllable-state.js

@@ -1,32 +1,23 @@
-import { useState as v, useRef as V, useEffect as b, useCallback as m } from "react";
-function c(e) {
-  return typeof e == "function";
+import { useCallback as e, useEffect as t, useRef as n, useState as r } from "react";
+//#region libs/aura/src/lib/use-controllable-state.ts
+function i(e) {
+	return typeof e == "function";
 }
-function R({
-  prop: e,
-  defaultProp: l,
-  onChange: o
-}) {
-  const [f, a] = v(l), r = e !== void 0, i = r ? e : f, u = V(o);
-  b(() => {
-    u.current = o;
-  }, [o]);
-  const d = m(
-    (t) => {
-      if (r) {
-        const n = c(t) ? t(e) : t;
-        u.current?.(n);
-        return;
-      }
-      a((n) => {
-        const s = c(t) ? t(n) : t;
-        return u.current?.(s), s;
-      });
-    },
-    [r, e]
-  );
-  return [i, d];
+function a({ prop: a, defaultProp: o, onChange: s }) {
+	let [c, l] = r(o), u = a !== void 0, d = u ? a : c, f = n(s);
+	return t(() => {
+		f.current = s;
+	}, [s]), [d, e((e) => {
+		if (u) {
+			let t = i(e) ? e(a) : e;
+			f.current?.(t);
+			return;
+		}
+		l((t) => {
+			let n = i(e) ? e(t) : e;
+			return f.current?.(n), n;
+		});
+	}, [u, a])];
 }
-export {
-  R as useControllableState
-};
+//#endregion
+export { a as useControllableState };

package/dist/lib/utils.d.ts

@@ -1,5 +1,4 @@
 import { ClassValue } from 'clsx';
-import { BundledLanguage } from 'shiki';
 type PortalContainerOptions = {
     id?: string;
     className?: string;
@@ -7,7 +6,6 @@ type PortalContainerOptions = {
 };
 export declare function cn(...inputs: ClassValue[]): string;
 export declare const isStorybookTestEnv: boolean;
-export declare function highlightCode(code: string, language: BundledLanguage, showLineNumbers?: boolean): Promise<[string, string]>;
 export declare function getInitials(name: string): string;
 /**
  * Focus rings for non-form interactive elements (buttons, etc.).