@antscorp/ui 0.1.1 → 0.1.3

package/dist/molecules/PercentRow.doc.d.ts

@@ -0,0 +1,25 @@
+/** Usage guidance for PercentRow. */
+export declare const doc: {
+    category: "Inputs";
+    keywords: string[];
+    usage: {
+        description: string;
+        bestPractices: ({
+            guidance: true;
+            description: string;
+        } | {
+            guidance: false;
+            description: string;
+        })[];
+        anatomy: ({
+            name: string;
+            required: false;
+            description: string;
+        } | {
+            name: string;
+            required: true;
+            description: string;
+        })[];
+    };
+    accessibility: string[];
+};

package/dist/molecules/PhoneFrame.d.ts

@@ -13,7 +13,7 @@ export type PhoneFrameProps = {
     readonly children: ReactNode;
 };
 /**
- * A phone to preview content in, as antsomi-ui's `MobileFrameV3` with its `MobileBrandingBar`,
+ * A phone frame with a branding bar to preview content in,
  * drawn rather than pictured: a dark rounded device with a camera island, a status bar (clock,
  * signal, battery), a header with a back chevron, the avatar and the title, and the content under
  * it, scrolling when it is taller than the screen. As wide as its container, up to 290px, with a

package/dist/molecules/PhoneFrame.doc.d.ts

@@ -0,0 +1,21 @@
+/** Usage guidance for PhoneFrame. */
+export declare const doc: {
+    category: "Layout";
+    keywords: string[];
+    usage: {
+        description: string;
+        bestPractices: ({
+            guidance: true;
+            description: string;
+        } | {
+            guidance: false;
+            description: string;
+        })[];
+        anatomy: {
+            name: string;
+            required: true;
+            description: string;
+        }[];
+    };
+    accessibility: string[];
+};

package/dist/molecules/ProblemsButton.doc.d.ts

@@ -0,0 +1,25 @@
+/** Usage guidance for ProblemsButton. */
+export declare const doc: {
+    category: "Feedback";
+    keywords: string[];
+    usage: {
+        description: string;
+        bestPractices: ({
+            guidance: true;
+            description: string;
+        } | {
+            guidance: false;
+            description: string;
+        })[];
+        anatomy: ({
+            name: string;
+            required: true;
+            description: string;
+        } | {
+            name: string;
+            required: false;
+            description: string;
+        })[];
+    };
+    accessibility: string[];
+};

package/dist/molecules/RemovableRow.d.ts

@@ -19,7 +19,7 @@ export type RemovableRowProps = {
      */
     readonly hoverContent?: ReactNode;
     /**
-     * A bordered box around the row, as fe-app's picked items: its text on one line, the whole text
+     * A bordered box around the row: its text on one line, the whole text
      * in a tooltip when cut. As high as `RowSkeletons variant="framed"`.
      */
     readonly isFramed?: boolean | undefined;

package/dist/molecules/RemovableRow.doc.d.ts

@@ -0,0 +1,25 @@
+/** Usage guidance for RemovableRow. */
+export declare const doc: {
+    category: "Inputs";
+    keywords: string[];
+    usage: {
+        description: string;
+        bestPractices: ({
+            guidance: true;
+            description: string;
+        } | {
+            guidance: false;
+            description: string;
+        })[];
+        anatomy: ({
+            name: string;
+            required: true;
+            description: string;
+        } | {
+            name: string;
+            required: false;
+            description: string;
+        })[];
+    };
+    accessibility: string[];
+};

package/dist/molecules/RevealRadioGroup.doc.d.ts

@@ -0,0 +1,25 @@
+/** Usage guidance for RevealRadioGroup. */
+export declare const doc: {
+    category: "Selection";
+    keywords: string[];
+    usage: {
+        description: string;
+        bestPractices: ({
+            guidance: true;
+            description: string;
+        } | {
+            guidance: false;
+            description: string;
+        })[];
+        anatomy: ({
+            name: string;
+            required: true;
+            description: string;
+        } | {
+            name: string;
+            required: false;
+            description: string;
+        })[];
+    };
+    accessibility: string[];
+};

package/dist/molecules/RevealSwitch.doc.d.ts

@@ -0,0 +1,25 @@
+/** Usage guidance for RevealSwitch. */
+export declare const doc: {
+    category: "Selection";
+    keywords: string[];
+    usage: {
+        description: string;
+        bestPractices: ({
+            guidance: true;
+            description: string;
+        } | {
+            guidance: false;
+            description: string;
+        })[];
+        anatomy: ({
+            name: string;
+            required: true;
+            description: string;
+        } | {
+            name: string;
+            required: false;
+            description: string;
+        })[];
+    };
+    accessibility: string[];
+};

package/dist/molecules/RuleRow.doc.d.ts

@@ -0,0 +1,25 @@
+/** Usage guidance for RuleRow. */
+export declare const doc: {
+    category: "Inputs";
+    keywords: string[];
+    usage: {
+        description: string;
+        bestPractices: ({
+            guidance: true;
+            description: string;
+        } | {
+            guidance: false;
+            description: string;
+        })[];
+        anatomy: ({
+            name: string;
+            required: false;
+            description: string;
+        } | {
+            name: string;
+            required: true;
+            description: string;
+        })[];
+    };
+    accessibility: string[];
+};

package/dist/molecules/Select.d.ts

@@ -24,7 +24,7 @@ export type SelectProps = {
     readonly hasSearch?: boolean | undefined;
     /** The trigger's look: an underlined field (`input`, the default) or a bare text button (`ghost`). */
     readonly variant?: "input" | "ghost" | undefined;
-    /** The trigger's size, `md` by default (30px, as fe-app's controls). */
+    /** The trigger's size, `md` by default (the theme's 30px control height). */
     readonly size?: "sm" | "md" | undefined;
     /** The trigger's width, in pixels or any CSS length such as `"100%"`. */
     readonly width?: number | string | undefined;
@@ -56,7 +56,7 @@ export type SelectProps = {
     } | undefined;
 };
 /**
- * The kit's select, as antd's Select in fe-app, on Astryx's `Selector`: the list is as wide as the
+ * The kit's select on Astryx's `Selector`: the list is as wide as the
  * trigger (the theme) and a long option label ends in an ellipsis with the whole label in a
  * tooltip. Every select is one rather than Astryx's `Selector` (lint-enforced). It holds no state.
  */

package/dist/molecules/Select.doc.d.ts

@@ -0,0 +1,30 @@
+/** Usage guidance for Select. */
+export declare const doc: {
+    category: "Selection";
+    keywords: string[];
+    related: {
+        name: string;
+        when: string;
+    }[];
+    example: string;
+    usage: {
+        description: string;
+        bestPractices: ({
+            guidance: true;
+            description: string;
+        } | {
+            guidance: false;
+            description: string;
+        })[];
+        anatomy: ({
+            name: string;
+            required: true;
+            description: string;
+        } | {
+            name: string;
+            required: false;
+            description: string;
+        })[];
+    };
+    accessibility: string[];
+};

package/dist/molecules/Select.js

@@ -1,59 +1,59 @@
-import { errorStatus as e } from "../lib/errorStatus.js";
-import { useLoadingShown as t } from "../lib/useLoadingShown.js";
-import { TruncatedOption as n } from "../atoms/TruncatedOption.js";
+import { TruncatedOption as e } from "../atoms/TruncatedOption.js";
+import { errorStatus as t } from "../lib/errorStatus.js";
+import { useLoadingShown as n } from "../lib/useLoadingShown.js";
 import { c as r } from "react/compiler-runtime";
 import { jsx as i } from "react/jsx-runtime";
 import { Selector as a } from "@astryxdesign/core/Selector";
 // src/molecules/Select.tsx
-function o(n) {
-	let o = r(69), { labels: l, onClear: u, onChange: d } = n, f;
+function o(e) {
+	let o = r(69), { labels: l, onClear: u, onChange: d } = e, f;
 	o[0] === l ? f = o[1] : (f = l === void 0 ? {} : l, o[0] = l, o[1] = f);
-	let p = f, m = n.value ?? void 0, { isBusy: h, isShown: g } = t(n.isLoading === !0), _;
-	o[2] !== h || o[3] !== p.value || o[4] !== n.options || o[5] !== m ? (_ = h && m !== void 0 && p.value !== void 0 && !c(n.options, m) ? [{
+	let p = f, m = e.value ?? void 0, { isBusy: h, isShown: g } = n(e.isLoading === !0), _;
+	o[2] !== h || o[3] !== p.value || o[4] !== e.options || o[5] !== m ? (_ = h && m !== void 0 && p.value !== void 0 && !c(e.options, m) ? [{
 		value: m,
 		label: p.value
-	}] : [], o[2] = h, o[3] = p.value, o[4] = n.options, o[5] = m, o[6] = _) : _ = o[6];
+	}] : [], o[2] = h, o[3] = p.value, o[4] = e.options, o[5] = m, o[6] = _) : _ = o[6];
 	let v = _, y;
-	o[7] !== n.options || o[8] !== v ? (y = [...n.options, ...v], o[7] = n.options, o[8] = v, o[9] = y) : y = o[9];
+	o[7] !== e.options || o[8] !== v ? (y = [...e.options, ...v], o[7] = e.options, o[8] = v, o[9] = y) : y = o[9];
 	let b;
-	o[10] !== p.warning || o[11] !== n.error ? (b = p.warning === void 0 ? e(n.error) : {
+	o[10] !== p.warning || o[11] !== e.error ? (b = p.warning === void 0 ? t(e.error) : {
 		status: {
 			type: "warning",
 			message: p.warning
 		},
 		statusVariant: "tooltip"
-	}, o[10] = p.warning, o[11] = n.error, o[12] = b) : b = o[12];
+	}, o[10] = p.warning, o[11] = e.error, o[12] = b) : b = o[12];
 	let x;
-	o[13] === n.isLabelHidden ? x = o[14] : (x = n.isLabelHidden !== void 0 && { isLabelHidden: n.isLabelHidden }, o[13] = n.isLabelHidden, o[14] = x);
+	o[13] === e.isLabelHidden ? x = o[14] : (x = e.isLabelHidden !== void 0 && { isLabelHidden: e.isLabelHidden }, o[13] = e.isLabelHidden, o[14] = x);
 	let S;
-	o[15] === n.description ? S = o[16] : (S = n.description !== void 0 && { description: n.description }, o[15] = n.description, o[16] = S);
+	o[15] === e.description ? S = o[16] : (S = e.description !== void 0 && { description: e.description }, o[15] = e.description, o[16] = S);
 	let C;
-	o[17] !== h || o[18] !== g || o[19] !== n.placeholder ? (C = h ? {
+	o[17] !== h || o[18] !== g || o[19] !== e.placeholder ? (C = h ? {
 		isLoading: g,
 		isReadOnly: !0,
 		placeholder: ""
-	} : n.placeholder !== void 0 && { placeholder: n.placeholder }, o[17] = h, o[18] = g, o[19] = n.placeholder, o[20] = C) : C = o[20];
+	} : e.placeholder !== void 0 && { placeholder: e.placeholder }, o[17] = h, o[18] = g, o[19] = e.placeholder, o[20] = C) : C = o[20];
 	let w;
-	o[21] === n.hasSearch ? w = o[22] : (w = n.hasSearch !== void 0 && { hasSearch: n.hasSearch }, o[21] = n.hasSearch, o[22] = w);
+	o[21] === e.hasSearch ? w = o[22] : (w = e.hasSearch !== void 0 && { hasSearch: e.hasSearch }, o[21] = e.hasSearch, o[22] = w);
 	let T;
-	o[23] === n.variant ? T = o[24] : (T = n.variant !== void 0 && { variant: n.variant }, o[23] = n.variant, o[24] = T);
+	o[23] === e.variant ? T = o[24] : (T = e.variant !== void 0 && { variant: e.variant }, o[23] = e.variant, o[24] = T);
 	let E;
-	o[25] === n.size ? E = o[26] : (E = n.size !== void 0 && { size: n.size }, o[25] = n.size, o[26] = E);
+	o[25] === e.size ? E = o[26] : (E = e.size !== void 0 && { size: e.size }, o[25] = e.size, o[26] = E);
 	let D;
-	o[27] === n.width ? D = o[28] : (D = n.width !== void 0 && { width: n.width }, o[27] = n.width, o[28] = D);
+	o[27] === e.width ? D = o[28] : (D = e.width !== void 0 && { width: e.width }, o[27] = e.width, o[28] = D);
 	let O;
-	o[29] === n.isDisabled ? O = o[30] : (O = n.isDisabled !== void 0 && { isDisabled: n.isDisabled }, o[29] = n.isDisabled, o[30] = O);
+	o[29] === e.isDisabled ? O = o[30] : (O = e.isDisabled !== void 0 && { isDisabled: e.isDisabled }, o[29] = e.isDisabled, o[30] = O);
 	let k;
-	o[31] !== h || o[32] !== n.isReadOnly ? (k = n.isReadOnly !== void 0 && !h && { isReadOnly: n.isReadOnly }, o[31] = h, o[32] = n.isReadOnly, o[33] = k) : k = o[33];
+	o[31] !== h || o[32] !== e.isReadOnly ? (k = e.isReadOnly !== void 0 && !h && { isReadOnly: e.isReadOnly }, o[31] = h, o[32] = e.isReadOnly, o[33] = k) : k = o[33];
 	let A;
-	o[34] === n.isRequired ? A = o[35] : (A = n.isRequired !== void 0 && { isRequired: n.isRequired }, o[34] = n.isRequired, o[35] = A);
+	o[34] === e.isRequired ? A = o[35] : (A = e.isRequired !== void 0 && { isRequired: e.isRequired }, o[34] = e.isRequired, o[35] = A);
 	let j;
 	o[36] === p.search ? j = o[37] : (j = p.search !== void 0 && { searchPlaceholder: p.search }, o[36] = p.search, o[37] = j);
 	let M;
 	o[38] === p.noMatch ? M = o[39] : (M = p.noMatch !== void 0 && { emptySearchText: p.noMatch }, o[38] = p.noMatch, o[39] = M);
 	let N;
-	o[40] !== n.label || o[41] !== E || o[42] !== D || o[43] !== O || o[44] !== k || o[45] !== A || o[46] !== j || o[47] !== M || o[48] !== y || o[49] !== b || o[50] !== x || o[51] !== S || o[52] !== C || o[53] !== w || o[54] !== T ? (N = {
-		label: n.label,
+	o[40] !== e.label || o[41] !== E || o[42] !== D || o[43] !== O || o[44] !== k || o[45] !== A || o[46] !== j || o[47] !== M || o[48] !== y || o[49] !== b || o[50] !== x || o[51] !== S || o[52] !== C || o[53] !== w || o[54] !== T ? (N = {
+		label: e.label,
 		options: y,
 		renderOption: s,
 		...b,
@@ -69,7 +69,7 @@ function o(n) {
 		...A,
 		...j,
 		...M
-	}, o[40] = n.label, o[41] = E, o[42] = D, o[43] = O, o[44] = k, o[45] = A, o[46] = j, o[47] = M, o[48] = y, o[49] = b, o[50] = x, o[51] = S, o[52] = C, o[53] = w, o[54] = T, o[55] = N) : N = o[55];
+	}, o[40] = e.label, o[41] = E, o[42] = D, o[43] = O, o[44] = k, o[45] = A, o[46] = j, o[47] = M, o[48] = y, o[49] = b, o[50] = x, o[51] = S, o[52] = C, o[53] = w, o[54] = T, o[55] = N) : N = o[55];
 	let P = N;
 	if (u === void 0) {
 		let e;
@@ -93,8 +93,8 @@ function o(n) {
 		onChange: I
 	}), o[65] = P, o[66] = F, o[67] = I, o[68] = L) : L = o[68], L;
 }
-function s(e) {
-	return /* @__PURE__ */ i(n, { option: e });
+function s(t) {
+	return /* @__PURE__ */ i(e, { option: t });
 }
 function c(e, t) {
 	return e.some((e) => typeof e == "string" ? e === t : "value" in e ? e.value === t : e.type === "section" && c(e.options, t));

package/dist/molecules/SideLabelRow.d.ts

@@ -10,7 +10,7 @@ export type SideLabelRowProps = {
 };
 /**
  * One row of a card: a narrow label column and the row's controls, padded as a card's rows are.
- * The label sits centred on the first line of controls (`md` high, fe-app's 30px); where the controls would get
+ * The label sits centred on the first line of controls (`md` high, the theme's 30px); where the controls would get
  * narrower than 240px they move under the label. It holds no state.
  */
 export declare function SideLabelRow({ label, labelWidth, children }: SideLabelRowProps): ReactNode;

package/dist/molecules/SideLabelRow.doc.d.ts

@@ -0,0 +1,20 @@
+/** Usage guidance for SideLabelRow. */
+export declare const doc: {
+    category: "Layout";
+    keywords: string[];
+    usage: {
+        description: string;
+        bestPractices: ({
+            guidance: true;
+            description: string;
+        } | {
+            guidance: false;
+            description: string;
+        })[];
+        anatomy: {
+            name: string;
+            required: true;
+            description: string;
+        }[];
+    };
+};

package/dist/molecules/SplitButton.d.ts

@@ -29,7 +29,7 @@ export type SplitButtonProps = {
     readonly isMainDisabled?: boolean | undefined;
     /** The main button shows a spinner and is announced as busy; the menu is not affected. */
     readonly isLoading?: boolean | undefined;
-    /** Rounds its two ends into a pill, as fe-app's variant pills; the inner corners stay square. */
+    /** Rounds its two ends into a pill; the inner corners stay square. */
     readonly isRound?: boolean | undefined;
     /** The button's weight, `primary` by default. */
     readonly variant?: "primary" | "secondary" | undefined;

package/dist/molecules/SplitButton.doc.d.ts

@@ -0,0 +1,25 @@
+/** Usage guidance for SplitButton. */
+export declare const doc: {
+    category: "Inputs";
+    keywords: string[];
+    usage: {
+        description: string;
+        bestPractices: ({
+            guidance: true;
+            description: string;
+        } | {
+            guidance: false;
+            description: string;
+        })[];
+        anatomy: ({
+            name: string;
+            required: true;
+            description: string;
+        } | {
+            name: string;
+            required: false;
+            description: string;
+        })[];
+    };
+    accessibility: string[];
+};

package/dist/molecules/StatusButton.doc.d.ts

@@ -0,0 +1,25 @@
+/** Usage guidance for StatusButton. */
+export declare const doc: {
+    category: "Feedback";
+    keywords: string[];
+    usage: {
+        description: string;
+        bestPractices: ({
+            guidance: true;
+            description: string;
+        } | {
+            guidance: false;
+            description: string;
+        })[];
+        anatomy: ({
+            name: string;
+            required: true;
+            description: string;
+        } | {
+            name: string;
+            required: false;
+            description: string;
+        })[];
+    };
+    accessibility: string[];
+};

package/dist/molecules/TagSelect.d.ts

@@ -29,7 +29,7 @@ export type TagSelectProps<V extends string> = {
 };
 /**
  * A small coloured tag showing the picked value; pressing it opens a popover with a heading and
- * every tag, wrapping, each picked by a press, which closes the popover. As antsomi-ui's
- * `SelectAssociatedTag` tag. Its state is whether the popover is open.
+ * every tag, wrapping, each picked by a press, which closes the popover.
+ * Its state is whether the popover is open.
  */
 export declare function TagSelect<V extends string>(props: TagSelectProps<V>): ReactNode;

package/dist/molecules/TagSelect.doc.d.ts

@@ -0,0 +1,25 @@
+/** Usage guidance for TagSelect. */
+export declare const doc: {
+    category: "Selection";
+    keywords: string[];
+    usage: {
+        description: string;
+        bestPractices: ({
+            guidance: true;
+            description: string;
+        } | {
+            guidance: false;
+            description: string;
+        })[];
+        anatomy: ({
+            name: string;
+            required: true;
+            description: string;
+        } | {
+            name: string;
+            required: false;
+            description: string;
+        })[];
+    };
+    accessibility: string[];
+};

package/dist/molecules/ToggleGrid.doc.d.ts

@@ -0,0 +1,25 @@
+/** Usage guidance for ToggleGrid. */
+export declare const doc: {
+    category: "Selection";
+    keywords: string[];
+    usage: {
+        description: string;
+        bestPractices: ({
+            guidance: true;
+            description: string;
+        } | {
+            guidance: false;
+            description: string;
+        })[];
+        anatomy: ({
+            name: string;
+            required: true;
+            description: string;
+        } | {
+            name: string;
+            required: false;
+            description: string;
+        })[];
+    };
+    accessibility: string[];
+};

package/dist/molecules/TokenTextField.doc.d.ts

@@ -0,0 +1,29 @@
+/** Usage guidance for TokenTextField. */
+export declare const doc: {
+    category: "Inputs";
+    keywords: string[];
+    related: {
+        name: string;
+        when: string;
+    }[];
+    usage: {
+        description: string;
+        bestPractices: ({
+            guidance: true;
+            description: string;
+        } | {
+            guidance: false;
+            description: string;
+        })[];
+        anatomy: ({
+            name: string;
+            required: true;
+            description: string;
+        } | {
+            name: string;
+            required: false;
+            description: string;
+        })[];
+    };
+    accessibility: string[];
+};

package/dist/molecules/TransferLayout.d.ts

@@ -33,7 +33,7 @@ export type TransferLayoutProps = {
     };
 };
 /**
- * Two columns side by side in one frame, as fe-app's audience picker: a header strip over two
+ * Two columns side by side in one frame: a header strip over two
  * equal columns of a fixed height whose lists scroll on their own, 1px lines between the parts
  * and no gap, and an optional footer under the start column. The headers and the lists' titles
  * sit outside the scrolling areas. Pure layout: every part is a slot. It holds no state.

package/dist/molecules/TransferLayout.doc.d.ts

@@ -0,0 +1,25 @@
+/** Usage guidance for TransferLayout. */
+export declare const doc: {
+    category: "Layout";
+    keywords: string[];
+    usage: {
+        description: string;
+        bestPractices: ({
+            guidance: true;
+            description: string;
+        } | {
+            guidance: false;
+            description: string;
+        })[];
+        anatomy: ({
+            name: string;
+            required: true;
+            description: string;
+        } | {
+            name: string;
+            required: false;
+            description: string;
+        })[];
+    };
+    accessibility: string[];
+};

package/dist/molecules/TreeOptions.d.ts

@@ -32,7 +32,7 @@ export type TreeOptionsProps = {
     readonly size?: "sm" | "md" | undefined;
 };
 /**
- * The rows of a two-level tree to pick from, as fe-app's tree list: a group row shows its chevron
+ * The rows of a two-level tree to pick from: a group row shows its chevron
  * at the end (right when closed, down when open) and only opens and closes; a leaf is picked; a
  * disabled row does neither. Rows are the Selector's option rows (its styles, its option-row and
  * check theme targets, its check on the picked leaf at the end, where a group shows its chevron),

package/dist/molecules/TreeOptions.doc.d.ts

@@ -0,0 +1,25 @@
+/** Usage guidance for TreeOptions. */
+export declare const doc: {
+    category: "Selection";
+    keywords: string[];
+    usage: {
+        description: string;
+        bestPractices: ({
+            guidance: true;
+            description: string;
+        } | {
+            guidance: false;
+            description: string;
+        })[];
+        anatomy: ({
+            name: string;
+            required: true;
+            description: string;
+        } | {
+            name: string;
+            required: false;
+            description: string;
+        })[];
+    };
+    accessibility: string[];
+};

package/dist/organisms/ChipListAddPopover.doc.d.ts

@@ -0,0 +1,25 @@
+/** Usage guidance for ChipListAddPopover. */
+export declare const doc: {
+    category: "Selection";
+    keywords: string[];
+    related: {
+        name: string;
+        when: string;
+    }[];
+    usage: {
+        description: string;
+        bestPractices: ({
+            guidance: true;
+            description: string;
+        } | {
+            guidance: false;
+            description: string;
+        })[];
+        anatomy: {
+            name: string;
+            required: false;
+            description: string;
+        }[];
+    };
+    accessibility: string[];
+};