panelui-native 0.22.6 → 0.28.1

package/lib/module/components/breadcrumb/index.js

@@ -0,0 +1,275 @@
+"use strict";
+
+/**
+ * Breadcrumb — the trail of where you are in a hierarchy.
+ *
+ * A row of links back up the tree, ending in the page you are on. The last
+ * crumb is not a link: you cannot navigate to where you already are, so it is
+ * a plain, current-marked label rather than a dead tappable target.
+ *
+ * The separators are the component's job, not yours. `Breadcrumb.List` drops a
+ * chevron between each crumb it holds, so a trail is just its items — there is
+ * no separator to forget, mis-order, or leave dangling at the end. Change the
+ * glyph once with `separator` on the root and every gap follows.
+ *
+ * ```tsx
+ * <Breadcrumb>
+ *   <Breadcrumb.List>
+ *     <Breadcrumb.Item>
+ *       <Breadcrumb.Link onPress={goHome}>Home</Breadcrumb.Link>
+ *     </Breadcrumb.Item>
+ *     <Breadcrumb.Item>
+ *       <Breadcrumb.Link onPress={goProjects}>Projects</Breadcrumb.Link>
+ *     </Breadcrumb.Item>
+ *     <Breadcrumb.Item>
+ *       <Breadcrumb.Page>PanelUI</Breadcrumb.Page>
+ *     </Breadcrumb.Item>
+ *   </Breadcrumb.List>
+ * </Breadcrumb>
+ * ```
+ *
+ * A deep trail on a narrow phone does not wrap into a paragraph: give the list
+ * a `maxItems` and it keeps the first and last crumbs, folding the middle into
+ * a single ellipsis. Hand the ellipsis an `onEllipsisPress` and it becomes the
+ * handle for a menu of the hidden steps.
+ */
+import { Children, createContext, forwardRef, isValidElement, useContext } from 'react';
+import { View } from 'react-native';
+import { tv } from 'tailwind-variants';
+import { useCSSVariable } from 'uniwind';
+import { ChevronRightIcon, EllipsisIcon } from "../../icons/index.js";
+import { AnimatedPressable } from "../../primitives/animated-pressable.js";
+import { Text, textChildren } from "../../primitives/text.js";
+import { cn } from "../../utils/cn.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const crumbText = tv({
+  base: '',
+  variants: {
+    size: {
+      sm: 'text-xs',
+      default: 'text-sm'
+    }
+  },
+  defaultVariants: {
+    size: 'default'
+  }
+});
+
+/**
+ * Sub-parts read the density and the shared separator glyph from here, so the
+ * trail is configured once on the root rather than repeated per crumb.
+ */
+const BreadcrumbContext = /*#__PURE__*/createContext({
+  size: 'default',
+  separator: null
+});
+const useBreadcrumb = () => useContext(BreadcrumbContext);
+/**
+ * The trail's landmark. Labelled for assistive tech so the row is announced as
+ * "Breadcrumb" rather than an anonymous run of links.
+ */
+const BreadcrumbRoot = /*#__PURE__*/forwardRef(({
+  className,
+  size = 'default',
+  separator,
+  children,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(BreadcrumbContext.Provider, {
+  value: {
+    size,
+    separator: separator ?? null
+  },
+  children: /*#__PURE__*/_jsx(View, {
+    ref: ref,
+    accessibilityLabel: "Breadcrumb",
+    className: cn('w-full', className),
+    ...props,
+    children: textChildren(children)
+  })
+}));
+BreadcrumbRoot.displayName = 'Breadcrumb';
+/** A private marker: the slot the collapsed middle crumbs fold into. */
+const COLLAPSE = Symbol('breadcrumb-collapse');
+
+/**
+ * The crumb row. It owns the separators — one between every pair of crumbs and
+ * none at the ends — and the collapsing, so a caller only ever lists items.
+ */
+const BreadcrumbList = /*#__PURE__*/forwardRef(({
+  className,
+  maxItems,
+  itemsBeforeCollapse = 1,
+  itemsAfterCollapse = 1,
+  onEllipsisPress,
+  children,
+  ...props
+}, ref) => {
+  const crumbs = Children.toArray(children).filter(isValidElement);
+
+  // Fold the middle only when hiding something actually shortens the row:
+  // keeping N-1 of N crumbs plus an ellipsis saves nothing.
+  let sequence = crumbs;
+  if (maxItems !== undefined && crumbs.length > maxItems && itemsBeforeCollapse + itemsAfterCollapse < crumbs.length) {
+    const head = crumbs.slice(0, Math.max(0, itemsBeforeCollapse));
+    const tail = itemsAfterCollapse > 0 ? crumbs.slice(crumbs.length - itemsAfterCollapse) : [];
+    sequence = [...head, COLLAPSE, ...tail];
+  }
+  return /*#__PURE__*/_jsx(View, {
+    ref: ref,
+    accessibilityRole: "list",
+    className: cn('flex-row flex-wrap items-center gap-1.5', className),
+    ...props,
+    children: sequence.map((node, i) => /*#__PURE__*/_jsxs(View, {
+      className: "flex-row items-center gap-1.5",
+      children: [i > 0 ? /*#__PURE__*/_jsx(BreadcrumbSeparator, {}) : null, node === COLLAPSE ? /*#__PURE__*/_jsx(BreadcrumbEllipsis, {
+        onPress: onEllipsisPress
+      }) : node]
+    }, i))
+  });
+});
+BreadcrumbList.displayName = 'Breadcrumb.List';
+/** One crumb: wraps a link or the current page. */
+const BreadcrumbItem = /*#__PURE__*/forwardRef(({
+  className,
+  children,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(View, {
+  ref: ref,
+  className: cn('flex-row items-center', className),
+  ...props,
+  children: textChildren(children)
+}));
+BreadcrumbItem.displayName = 'Breadcrumb.Item';
+/**
+ * A navigable crumb — an ancestor you can jump back to. Muted until pressed,
+ * so the current page (which is not a link) reads as the emphasised end of the
+ * trail. A string child is wrapped in the crumb text style; anything else
+ * renders as given.
+ */
+const BreadcrumbLink = /*#__PURE__*/forwardRef(({
+  className,
+  textClassName,
+  children,
+  ...props
+}, ref) => {
+  const {
+    size
+  } = useBreadcrumb();
+  return /*#__PURE__*/_jsx(AnimatedPressable, {
+    ref: ref,
+    accessibilityRole: "link",
+    pressScale: 1,
+    pressOpacity: 0.6,
+    className: cn('flex-row items-center', className),
+    ...props,
+    children: textChildren(children, text => /*#__PURE__*/_jsx(Text, {
+      className: crumbText({
+        size,
+        className: cn('text-muted-foreground', textClassName)
+      }),
+      children: text
+    }))
+  });
+});
+BreadcrumbLink.displayName = 'Breadcrumb.Link';
+/**
+ * The trailing crumb: where you are now. Not a link — `aria-current="page"`
+ * marks it as the destination, and it is painted in the full foreground so the
+ * trail resolves to it.
+ */
+const BreadcrumbPage = /*#__PURE__*/forwardRef(({
+  className,
+  ...props
+}, ref) => {
+  const {
+    size
+  } = useBreadcrumb();
+  return /*#__PURE__*/_jsx(Text, {
+    ref: ref,
+    "aria-current": "page",
+    accessibilityRole: "text",
+    weight: "medium",
+    className: crumbText({
+      size,
+      className: cn('text-foreground', className)
+    }),
+    ...props
+  });
+});
+BreadcrumbPage.displayName = 'Breadcrumb.Page';
+/**
+ * The glyph between crumbs. `Breadcrumb.List` inserts it for you; it is public
+ * only for the rare hand-assembled trail. Hidden from screen readers — the
+ * order of the crumbs already conveys the hierarchy.
+ */
+const BreadcrumbSeparator = /*#__PURE__*/forwardRef(({
+  className,
+  children,
+  ...props
+}, ref) => {
+  const {
+    separator
+  } = useBreadcrumb();
+  const rawTint = useCSSVariable('--color-muted-foreground');
+  const tint = typeof rawTint === 'string' ? rawTint : undefined;
+  const glyph = children ?? separator;
+  return /*#__PURE__*/_jsx(View, {
+    ref: ref,
+    "aria-hidden": true,
+    accessibilityElementsHidden: true,
+    importantForAccessibility: "no-hide-descendants",
+    className: cn('items-center justify-center', className),
+    ...props,
+    children: glyph ?? /*#__PURE__*/_jsx(ChevronRightIcon, {
+      size: 14,
+      color: tint
+    })
+  });
+});
+BreadcrumbSeparator.displayName = 'Breadcrumb.Separator';
+/**
+ * Stands in for the crumbs a collapsed trail hides. Static by default; give it
+ * an `onPress` (via the list's `onEllipsisPress`) and it becomes the trigger
+ * for a menu of the hidden steps. Labelled "Show more" so the collapse is not
+ * silent to assistive tech.
+ */
+const BreadcrumbEllipsis = /*#__PURE__*/forwardRef(({
+  className,
+  onPress,
+  ...props
+}, ref) => {
+  const rawTint = useCSSVariable('--color-muted-foreground');
+  const tint = typeof rawTint === 'string' ? rawTint : undefined;
+  const glyph = /*#__PURE__*/_jsx(EllipsisIcon, {
+    size: 16,
+    color: tint
+  });
+  if (!onPress) {
+    return /*#__PURE__*/_jsx(View, {
+      ref: ref,
+      accessibilityLabel: "More",
+      className: cn('h-5 items-center justify-center px-0.5', className),
+      children: glyph
+    });
+  }
+  return /*#__PURE__*/_jsx(AnimatedPressable, {
+    ref: ref,
+    accessibilityRole: "button",
+    accessibilityLabel: "Show more",
+    pressScale: 0.92,
+    onPress: onPress,
+    className: cn('h-5 items-center justify-center px-0.5', className),
+    ...props,
+    children: glyph
+  });
+});
+BreadcrumbEllipsis.displayName = 'Breadcrumb.Ellipsis';
+export const Breadcrumb = Object.assign(BreadcrumbRoot, {
+  List: BreadcrumbList,
+  Item: BreadcrumbItem,
+  Link: BreadcrumbLink,
+  Page: BreadcrumbPage,
+  Separator: BreadcrumbSeparator,
+  Ellipsis: BreadcrumbEllipsis
+});
+//# sourceMappingURL=index.js.map

package/lib/module/components/breadcrumb/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Children","createContext","forwardRef","isValidElement","useContext","View","tv","useCSSVariable","ChevronRightIcon","EllipsisIcon","AnimatedPressable","Text","textChildren","cn","jsx","_jsx","jsxs","_jsxs","crumbText","base","variants","size","sm","default","defaultVariants","BreadcrumbContext","separator","useBreadcrumb","BreadcrumbRoot","className","children","props","ref","Provider","value","accessibilityLabel","displayName","COLLAPSE","Symbol","BreadcrumbList","maxItems","itemsBeforeCollapse","itemsAfterCollapse","onEllipsisPress","crumbs","toArray","filter","sequence","undefined","length","head","slice","Math","max","tail","accessibilityRole","map","node","i","BreadcrumbSeparator","BreadcrumbEllipsis","onPress","BreadcrumbItem","BreadcrumbLink","textClassName","pressScale","pressOpacity","text","BreadcrumbPage","weight","rawTint","tint","glyph","accessibilityElementsHidden","importantForAccessibility","color","Breadcrumb","Object","assign","List","Item","Link","Page","Separator","Ellipsis"],"sourceRoot":"../../../../src","sources":["components/breadcrumb/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/button/index.js

@@ -4,11 +4,11 @@ import { forwardRef } from 'react';
 import { tv } from 'tailwind-variants';
 import { useCSSVariable } from 'uniwind';
 import { AnimatedPressable } from "../../primitives/animated-pressable.js";
-import { Text } from "../../primitives/text.js";
+import { Text, textChildren } from "../../primitives/text.js";
 import { IconColorProvider } from "../../icons/index.js";
 import { getNativeUI } from "../../native/index.js";
 import { Spinner } from "../spinner/index.js";
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 const buttonVariants = tv({
   slots: {
     root: 'flex-row items-center justify-center gap-2 rounded-lg border border-transparent',
@@ -182,7 +182,12 @@ export const Button = /*#__PURE__*/forwardRef(({
         children: isStringLabel ? undefined : /*#__PURE__*/_jsx(RNHostView, {
           matchContents: true,
           children: /*#__PURE__*/_jsx(_Fragment, {
-            children: children
+            children: textChildren(children, text => /*#__PURE__*/_jsx(Text, {
+              className: label({
+                className: labelClassName
+              }),
+              children: text
+            }))
           })
         })
       })
@@ -205,12 +210,12 @@ export const Button = /*#__PURE__*/forwardRef(({
       children: [loading ? /*#__PURE__*/_jsx(Spinner, {
         size: SPINNER_SIZE[size ?? 'md'],
         className: spinner()
-      }) : startContent, typeof children === 'string' ? /*#__PURE__*/_jsx(Text, {
+      }) : startContent, textChildren(children, text => /*#__PURE__*/_jsx(Text, {
         className: label({
           className: labelClassName
         }),
-        children: children
-      }) : children, endContent]
+        children: text
+      })), endContent]
     })
   });
 });

package/lib/module/components/button/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["forwardRef","tv","useCSSVariable","AnimatedPressable","Text","IconColorProvider","getNativeUI","Spinner","Fragment","_Fragment","jsx","_jsx","jsxs","_jsxs","buttonVariants","slots","root","label","spinner","variants","variant","primary","secondary","outline","ghost","destructive","social","size","sm","md","lg","icon","fullWidth","true","disabled","defaultVariants","SPINNER_SIZE","CONTENT_COLOR_VAR","NATIVE_HEIGHT","NATIVE_VARIANT","Button","children","className","labelClassName","loading","startContent","endContent","native","props","ref","isDisabled","nativeUI","themedColor","contentColor","undefined","Host","NativeButton","RNHostView","isStringLabel","matchContents","style","height","onPress","color","accessibilityRole","accessibilityState","busy","displayName"],"sourceRoot":"../../../../src","sources":["components/button/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["forwardRef","tv","useCSSVariable","AnimatedPressable","Text","textChildren","IconColorProvider","getNativeUI","Spinner","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","buttonVariants","slots","root","label","spinner","variants","variant","primary","secondary","outline","ghost","destructive","social","size","sm","md","lg","icon","fullWidth","true","disabled","defaultVariants","SPINNER_SIZE","CONTENT_COLOR_VAR","NATIVE_HEIGHT","NATIVE_VARIANT","Button","children","className","labelClassName","loading","startContent","endContent","native","props","ref","isDisabled","nativeUI","themedColor","contentColor","undefined","Host","NativeButton","RNHostView","isStringLabel","matchContents","style","height","onPress","text","color","accessibilityRole","accessibilityState","busy","displayName"],"sourceRoot":"../../../../src","sources":["components/button/index.tsx"],"mappings":"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","ignoreList":[]}