@peasant-labs/fairtrade 0.0.52 → 0.0.54

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,7 +1,8 @@
1
1
  /**
2
2
  * @typedef {Object} CrumbItem
3
- * @property {string} label - the crumb text
4
- * @property {string} [href] - optional link target; when present the crumb renders as an <a>
3
+ * @property {string} label - the crumb text, preserving source capitalization
4
+ * @property {string} [href] - optional link target for an intermediate crumb
5
+ * @property {boolean} [chrome=false] - explicitly render this static chrome label lowercase
5
6
  * @property {React.ComponentType<{className?: string}>} [icon] - optional leading lucide icon component (e.g. icon={Folder})
6
7
  */
7
8
  /**
@@ -13,11 +14,13 @@
13
14
  * @param {Object} props
14
15
  * @param {CrumbItem[]} props.items - ordered crumbs from root to current; the last is the current page.
15
16
  * @param {string} [props.label='breadcrumb'] - aria-label for the nav landmark.
17
+ * @param {import('react').ElementType} [props.LinkComponent='a'] - router link for intermediate href items.
16
18
  * @returns {JSX.Element}
17
19
  */
18
- export default function Breadcrumb({ items, label }: {
20
+ export default function Breadcrumb({ items, label, LinkComponent }: {
19
21
  items: CrumbItem[];
20
22
  label?: string;
23
+ LinkComponent?: import("react").ElementType;
21
24
  }): JSX.Element;
22
25
  /**
23
26
  * @typedef {Object} StepItem
@@ -40,13 +43,17 @@ export function Steps({ steps }: {
40
43
  }): JSX.Element;
41
44
  export type CrumbItem = {
42
45
  /**
43
- * - the crumb text
46
+ * - the crumb text, preserving source capitalization
44
47
  */
45
48
  label: string;
46
49
  /**
47
- * - optional link target; when present the crumb renders as an <a>
50
+ * - optional link target for an intermediate crumb
48
51
  */
49
52
  href?: string;
53
+ /**
54
+ * - explicitly render this static chrome label lowercase
55
+ */
56
+ chrome?: boolean;
50
57
  /**
51
58
  * - optional leading lucide icon component (e.g. icon={Folder})
52
59
  */
@@ -4,7 +4,7 @@
4
4
  * @property {boolean} [defaultChecked=false] initial state when uncontrolled.
5
5
  * @property {(next: boolean) => void} [onChange] called with the next state on toggle.
6
6
  * @property {boolean} [disabled=false] real `disabled` attribute (dim, not focusable).
7
- * @property {boolean} [busy=false] sets aria-busy; pairs with an aria-live marker.
7
+ * @property {boolean} [busy=false] sets aria-busy and shows progress without moving the label.
8
8
  * @property {React.ReactNode} [label] text rendered in the associated .sw-label.
9
9
  * @property {string} [onText='on'] state-marker text shown when checked.
10
10
  * @property {string} [offText='off'] state-marker text shown when unchecked.
@@ -36,7 +36,7 @@ export type SwitchProps = {
36
36
  */
37
37
  disabled?: boolean;
38
38
  /**
39
- * sets aria-busy; pairs with an aria-live marker.
39
+ * sets aria-busy and shows progress without moving the label.
40
40
  */
41
41
  busy?: boolean;
42
42
  /**