@astryxdesign/lab 0.3.0-canary.e0fef44 → 0.3.0-canary.e9fc2bb

package/dist/Stepper/Step.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Step.d.ts","sourceRoot":"","sources":["../../src/Stepper/Step.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;GAYG;AAEH,OAAO,EAAC,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAarC,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,oBAAoB,CAAC;AAMlD,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,cAAc,CAAC;AAE7C;;;;;;;GAOG;AACH,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;AAC7D,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;AAE9D,MAAM,WAAW,SAAU,SAAQ,SAAS,CAAC,aAAa,CAAC;IACzD,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;IAC/B;;;OAGG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;;;;;;;;;;;OAaG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB;;;;;;;;OAQG;IACH,SAAS,CAAC,EAAE,mBAAmB,GAAG,SAAS,CAAC;IAC5C;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB;AAwdD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,IAAI,CAAC,EACnB,IAAI,EACJ,KAAK,EACL,WAAW,EACX,QAAQ,EACR,IAAI,EACJ,MAAM,EACN,UAAkB,EAClB,UAAkB,EAClB,UAAU,EACV,SAAS,EAAE,aAAa,EACxB,OAAO,EAAE,WAAW,EACpB,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,EACH,aAAa,EAAE,UAAU,EACzB,GAAG,IAAI,EACR,EAAE,SAAS,+BAqlBX;yBAvmBe,IAAI"}
+{"version":3,"file":"Step.d.ts","sourceRoot":"","sources":["../../src/Stepper/Step.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;GAYG;AAEH,OAAO,EAAC,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAarC,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,oBAAoB,CAAC;AAMlD,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,cAAc,CAAC;AAE7C;;;;;;;GAOG;AACH,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;AAC7D,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;AAE9D,MAAM,WAAW,SAAU,SAAQ,SAAS,CAAC,aAAa,CAAC;IACzD,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;IAC/B;;;OAGG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;;;;;;;;;;;OAaG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB;;;;;;;;OAQG;IACH,SAAS,CAAC,EAAE,mBAAmB,GAAG,SAAS,CAAC;IAC5C;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB;AAwdD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,IAAI,CAAC,EACnB,IAAI,EACJ,KAAK,EACL,WAAW,EACX,QAAQ,EACR,IAAI,EACJ,MAAM,EACN,UAAkB,EAClB,UAAkB,EAClB,UAAU,EACV,SAAS,EAAE,aAAa,EACxB,OAAO,EAAE,WAAW,EACpB,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,EACH,aAAa,EAAE,UAAU,EACzB,GAAG,IAAI,EACR,EAAE,SAAS,+BAylBX;yBA3mBe,IAAI"}

package/dist/Stepper/Step.js

@@ -88,7 +88,7 @@ function CurrentIcon() {
 
 // --- Styles ---
 
-const BAR_WIDTH = '4px';
+const BAR_WIDTH = spacingVars['--spacing-1'];
 const ICON_SIZE = spacingVars['--spacing-4'];
 const NUMBER_SIZE = spacingVars['--spacing-5'];
 const _temp = {
@@ -309,7 +309,7 @@ const styles = {
     $$css: true
   },
   otSegBaseV: {
-    kzqmXN: "x51ohtg",
+    kzqmXN: "xx9zwd3",
     kmuXW: "x2lah0s",
     kaIpWk: "x2u8bby",
     $$css: true
@@ -326,7 +326,7 @@ const styles = {
     "--x-height": (val => typeof val === "number" ? val + "px" : val != null ? val : undefined)(value)
   }],
   otSegH: {
-    kZKoxP: "xqu0tyb",
+    kZKoxP: "x11c6zpc",
     kUk6DE: "x98rzlu",
     k7Eaqz: "x18ki04u",
     kaIpWk: "x2u8bby",
@@ -556,7 +556,7 @@ export function Step({
         ...{
           className: "xjm74w1 xv1l7n4"
         },
-        children: "Optional"
+        children: t('@astryx.step.optional')
       })]
     }), endContent]
   });
@@ -616,7 +616,7 @@ export function Step({
           ...{
             className: "xjm74w1 xv1l7n4"
           },
-          children: "Optional"
+          children: t('@astryx.step.optional')
         })]
       }), endContent]
     });
@@ -722,10 +722,10 @@ export function Step({
       children: [/*#__PURE__*/_jsx("div", {
         ...mergeProps(themeProps('step-bar'), {
           0: {
-            className: "x51ohtg xjspbzw x2lah0s xkh2ocl x1m4xfpy"
+            className: "xx9zwd3 xjspbzw x2lah0s xkh2ocl x1m4xfpy"
           },
           1: {
-            className: "x51ohtg xjspbzw x2lah0s xkh2ocl x1ewilqj"
+            className: "xx9zwd3 xjspbzw x2lah0s xkh2ocl x1ewilqj"
           }
         }[!!isBarFilled << 0]),
         "aria-hidden": "true"
@@ -805,10 +805,10 @@ export function Step({
     children: [/*#__PURE__*/_jsx("div", {
       ...mergeProps(themeProps('step-bar'), {
         0: {
-          className: "xh8yej3 xqu0tyb xjspbzw x2lah0s xlstkdb x1m4xfpy"
+          className: "xh8yej3 x11c6zpc xjspbzw x2lah0s xlstkdb x1m4xfpy"
         },
         1: {
-          className: "xh8yej3 xqu0tyb xjspbzw x2lah0s xlstkdb x1ewilqj"
+          className: "xh8yej3 x11c6zpc xjspbzw x2lah0s xlstkdb x1ewilqj"
         }
       }[!!isBarFilled << 0]),
       "aria-hidden": "true"

package/dist/TransferList/TransferList.d.ts

@@ -0,0 +1,90 @@
+/**
+ * @file TransferList.tsx
+ * @input Controlled option data, React DOM portals, local action glyphs, and shared Lab reorder styles
+ * @output Exports TransferList with immediate transfers, vertical reordering, and responsive scroll ownership
+ * @position Lab collection input; consumed by index.ts, TransferListSelector, docs, and tests
+ *
+ * SYNC: When modified, update these files to stay in sync:
+ * - /packages/lab/src/TransferList/TransferList.doc.mjs
+ * - /packages/lab/src/TransferList/TransferList.test.tsx
+ * - /packages/lab/src/TransferList/index.ts
+ */
+import { type ReactNode } from 'react';
+import type { BaseProps } from '@astryxdesign/core';
+export interface TransferListOption<T extends string = string> {
+    /** Stable value written to the controlled value array. */
+    value: T;
+    /** Visible option name and the basis of action labels. */
+    label: string;
+    /** Optional searchable metadata. Not rendered in the default row. */
+    description?: ReactNode;
+    /** Optional group heading on the available side. */
+    group?: string;
+    /** Prevents moving the option between the selected and available lists. */
+    isTransferDisabled?: boolean;
+    /** Prevents reordering the selected option and keeps its position fixed. */
+    isReorderDisabled?: boolean;
+    /** Explains why a transfer or reorder action is unavailable. */
+    disabledMessage?: string;
+}
+export interface TransferListProps<T extends string = string> extends Omit<BaseProps<HTMLDivElement>, 'onChange'> {
+    /** Ref forwarded to the root group. */
+    ref?: React.Ref<HTMLDivElement>;
+    /** Accessible name for the complete control. */
+    label: string;
+    /** Visually hides the label while retaining its accessible name. */
+    isLabelHidden?: boolean;
+    /** Supporting guidance shown below the label. */
+    description?: string;
+    /** Complete option catalog. Option values must be unique. */
+    options: readonly TransferListOption<T>[];
+    /** Ordered selected values. This array is the single source of truth. */
+    value: readonly T[];
+    /** Called with the next ordered selection after a committed change. */
+    onChange: (value: readonly T[]) => void;
+    /** Heading for the selected panel. @default 'Selected' */
+    selectedLabel?: string;
+    /** Heading for the available panel. @default 'Available' */
+    availableLabel?: string;
+    /** Shows one search field that filters both panels. @default false */
+    hasSearch?: boolean;
+    /** Accessible label for search. Defaults to `Search ${label}`. */
+    searchLabel?: string;
+    /** Search input placeholder. @default 'Search…' */
+    searchPlaceholder?: string;
+    /** Enables pointer and keyboard ordering on selected options. @default true */
+    isReorderable?: boolean;
+    /** Shows an Add all action. @default false */
+    hasSelectAll?: boolean;
+    /** Shows a Clear action. Transfer-disabled selected options are retained. */
+    hasClear?: boolean;
+    /** Customizes primary row content without changing built-in behavior. */
+    renderOption?: (option: TransferListOption<T>) => ReactNode;
+    /** Empty copy for the selected panel. */
+    selectedEmptyText?: string;
+    /** Empty copy for the available panel. */
+    availableEmptyText?: string;
+    /** Empty copy while a search query is active. */
+    noResultsText?: string;
+}
+/**
+ * A controlled dual-panel collection input for choosing and ordering values.
+ * Selection, ordering, drafts, persistence, and saved views stay explicit in
+ * the consumer; this component owns only search and active gesture state.
+ *
+ * @example
+ * ```
+ * const [columns, setColumns] = useState(['name', 'status']);
+ * <TransferList
+ *   label="Table columns"
+ *   options={columnOptions}
+ *   value={columns}
+ *   onChange={setColumns}
+ * />
+ * ```
+ */
+export declare function TransferList<T extends string = string>({ label, isLabelHidden, description, options, value, onChange, selectedLabel, availableLabel, hasSearch, searchLabel, searchPlaceholder, isReorderable, hasSelectAll, hasClear, renderOption, selectedEmptyText, availableEmptyText, noResultsText, xstyle, className, style, ref, role, 'aria-labelledby': ariaLabelledBy, 'aria-describedby': ariaDescribedBy, ...restProps }: TransferListProps<T>): ReactNode;
+export declare namespace TransferList {
+    var displayName: string;
+}
+//# sourceMappingURL=TransferList.d.ts.map

package/dist/TransferList/TransferList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TransferList.d.ts","sourceRoot":"","sources":["../../src/TransferList/TransferList.tsx"],"names":[],"mappings":"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"}