panelui-native 0.5.3 → 0.7.0

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

@@ -0,0 +1,359 @@
+"use strict";
+
+/**
+ * Item — a row of content: media on one side, a title and description in the
+ * middle, actions on the other side.
+ *
+ * It is the shape almost every list in an app already has — a settings row, a
+ * file in a picker, a member in a team list, a tool call in a transcript — so
+ * it exists as one composable primitive rather than being rebuilt per screen
+ * with slightly different padding each time.
+ *
+ * ```tsx
+ * <Item variant="outline">
+ *   <Item.Media variant="icon"><ReceiptIcon /></Item.Media>
+ *   <Item.Content>
+ *     <Item.Title>Invoice.pdf</Item.Title>
+ *     <Item.Description>2.4 MB · Updated yesterday</Item.Description>
+ *   </Item.Content>
+ *   <Item.Actions><Button size="sm">Open</Button></Item.Actions>
+ * </Item>
+ * ```
+ *
+ * Two axes, and they are independent. `orientation` on the item decides
+ * whether its own parts sit side by side or stack into a card; `orientation`
+ * on `Item.Group` decides whether the items themselves run down the screen or
+ * across it. A carousel wants both set to the non-default: a horizontal group
+ * of vertical items.
+ */
+import { createContext, forwardRef, useContext } from 'react';
+import { View } from 'react-native';
+import { tv } from 'tailwind-variants';
+import { AnimatedPressable } from "../../primitives/animated-pressable.js";
+import { Text } from "../../primitives/text.js";
+import { cn } from "../../utils/cn.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const itemVariants = tv({
+  slots: {
+    root: 'gap-3 rounded-xl',
+    title: 'font-medium text-foreground',
+    description: 'text-muted-foreground'
+  },
+  variants: {
+    variant: {
+      default: {},
+      outline: {
+        root: 'border border-border'
+      },
+      muted: {
+        root: 'bg-muted'
+      }
+    },
+    size: {
+      default: {
+        root: 'p-4',
+        title: 'text-base',
+        description: 'text-sm'
+      },
+      sm: {
+        root: 'p-3',
+        title: 'text-sm',
+        description: 'text-xs'
+      },
+      xs: {
+        root: 'gap-2 p-2',
+        title: 'text-sm',
+        description: 'text-xs'
+      }
+    },
+    orientation: {
+      /** Media, text and actions side by side — the list-row shape. */
+      horizontal: {
+        root: 'w-full flex-row items-center'
+      },
+      /** Stacked into a card — the shape a horizontal carousel wants. */
+      vertical: {
+        root: 'flex-col items-start'
+      }
+    },
+    disabled: {
+      true: {
+        root: 'opacity-[0.64]'
+      }
+    }
+  },
+  defaultVariants: {
+    variant: 'default',
+    size: 'default',
+    orientation: 'horizontal'
+  }
+});
+
+/** Sub-components inherit the row's density and axis rather than repeating them. */
+const ItemContext = /*#__PURE__*/createContext({
+  size: 'default',
+  orientation: 'horizontal'
+});
+const mediaVariants = tv({
+  base: 'shrink-0 items-center justify-center',
+  variants: {
+    variant: {
+      /** No box — for an Avatar or anything that styles itself. */
+      default: '',
+      /** Rounded square tile sized for an icon. */
+      icon: 'rounded-lg border border-border bg-muted',
+      /** Clipped frame for an image or thumbnail. */
+      image: 'overflow-hidden rounded-lg bg-muted'
+    },
+    size: {
+      default: '',
+      sm: '',
+      xs: ''
+    }
+  },
+  compoundVariants: [{
+    variant: 'icon',
+    size: 'default',
+    class: 'h-10 w-10'
+  }, {
+    variant: 'icon',
+    size: 'sm',
+    class: 'h-8 w-8'
+  }, {
+    variant: 'icon',
+    size: 'xs',
+    class: 'h-6 w-6'
+  }, {
+    variant: 'image',
+    size: 'default',
+    class: 'h-12 w-12'
+  }, {
+    variant: 'image',
+    size: 'sm',
+    class: 'h-10 w-10'
+  }, {
+    variant: 'image',
+    size: 'xs',
+    class: 'h-8 w-8'
+  }],
+  defaultVariants: {
+    variant: 'default',
+    size: 'default'
+  }
+});
+/**
+ * Renders as a pressable when given `onPress`, and as a plain view otherwise,
+ * so a static row does not announce itself as a button.
+ */
+const ItemRoot = /*#__PURE__*/forwardRef(({
+  className,
+  variant,
+  size = 'default',
+  orientation = 'horizontal',
+  disabled,
+  children,
+  onPress,
+  ...props
+}, ref) => {
+  const {
+    root
+  } = itemVariants({
+    variant,
+    size,
+    orientation,
+    disabled: !!disabled
+  });
+  const body = !onPress ? /*#__PURE__*/_jsx(View, {
+    ref: ref,
+    accessibilityState: {
+      disabled: !!disabled
+    },
+    className: root({
+      className
+    }),
+    ...props,
+    children: children
+  }) : /*#__PURE__*/_jsx(AnimatedPressable, {
+    ref: ref,
+    accessibilityRole: "button",
+    accessibilityState: {
+      disabled: !!disabled
+    },
+    disabled: disabled,
+    onPress: onPress,
+    className: root({
+      className
+    }),
+    ...props,
+    children: children
+  });
+  return /*#__PURE__*/_jsx(ItemContext.Provider, {
+    value: {
+      size,
+      orientation
+    },
+    children: body
+  });
+});
+ItemRoot.displayName = 'Item';
+/** Stack of items. Pair with `Item.Separator` between them. */
+const ItemGroup = /*#__PURE__*/forwardRef(({
+  className,
+  orientation = 'vertical',
+  children,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(View, {
+  ref: ref,
+  accessibilityRole: "list",
+  className: cn(orientation === 'horizontal' ? 'flex-row items-stretch gap-3' : 'w-full', className),
+  ...props,
+  children: children
+}));
+ItemGroup.displayName = 'Item.Group';
+/** Hairline between rows in a group. */
+const ItemSeparator = /*#__PURE__*/forwardRef(({
+  className,
+  orientation = 'vertical',
+  ...props
+}, ref) => /*#__PURE__*/_jsx(View, {
+  ref: ref,
+  className: cn(orientation === 'horizontal' ? 'h-full w-px' : 'h-px w-full', 'bg-border', className),
+  ...props
+}));
+ItemSeparator.displayName = 'Item.Separator';
+/** Leading slot: an icon tile, a thumbnail, or an avatar passed through. */
+const ItemMedia = /*#__PURE__*/forwardRef(({
+  className,
+  variant,
+  size,
+  children,
+  ...props
+}, ref) => {
+  const item = useContext(ItemContext);
+  return /*#__PURE__*/_jsx(View, {
+    ref: ref,
+    className: mediaVariants({
+      variant,
+      size: size ?? item.size,
+      className
+    }),
+    ...props,
+    children: children
+  });
+});
+ItemMedia.displayName = 'Item.Media';
+/**
+ * The text column. In a horizontal item it takes the remaining width so the
+ * actions stay pinned to the trailing edge; in a vertical one it just fills
+ * the width, because there is nothing beside it to push against.
+ */
+const ItemContent = /*#__PURE__*/forwardRef(({
+  className,
+  children,
+  ...props
+}, ref) => {
+  const {
+    orientation
+  } = useContext(ItemContext);
+  return /*#__PURE__*/_jsx(View, {
+    ref: ref,
+    className: cn(orientation === 'horizontal' ? 'flex-1' : 'w-full', 'gap-0.5', className),
+    ...props,
+    children: children
+  });
+});
+ItemContent.displayName = 'Item.Content';
+const ItemTitle = /*#__PURE__*/forwardRef(({
+  className,
+  ...props
+}, ref) => {
+  const {
+    size
+  } = useContext(ItemContext);
+  const {
+    title
+  } = itemVariants({
+    size
+  });
+  return /*#__PURE__*/_jsx(Text, {
+    ref: ref,
+    className: title({
+      className
+    }),
+    ...props
+  });
+});
+ItemTitle.displayName = 'Item.Title';
+const ItemDescription = /*#__PURE__*/forwardRef(({
+  className,
+  ...props
+}, ref) => {
+  const {
+    size
+  } = useContext(ItemContext);
+  const {
+    description
+  } = itemVariants({
+    size
+  });
+  return /*#__PURE__*/_jsx(Text, {
+    ref: ref,
+    className: description({
+      className
+    }),
+    ...props
+  });
+});
+ItemDescription.displayName = 'Item.Description';
+/** Trailing slot: buttons, a chevron, a switch. */
+const ItemActions = /*#__PURE__*/forwardRef(({
+  className,
+  children,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(View, {
+  ref: ref,
+  className: cn('shrink-0 flex-row items-center gap-1.5', className),
+  ...props,
+  children: children
+}));
+ItemActions.displayName = 'Item.Actions';
+/**
+ * Full-width strip above the item's main content — an eyebrow label, a badge
+ * row. Needs `orientation="vertical"` on the item, since a strip only makes
+ * sense once the item stacks.
+ */
+const ItemHeader = /*#__PURE__*/forwardRef(({
+  className,
+  children,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(View, {
+  ref: ref,
+  className: cn('w-full flex-row items-center justify-between gap-2', className),
+  ...props,
+  children: children
+}));
+ItemHeader.displayName = 'Item.Header';
+/** Full-width strip below the row's main content. */
+const ItemFooter = /*#__PURE__*/forwardRef(({
+  className,
+  children,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(View, {
+  ref: ref,
+  className: cn('w-full flex-row items-center gap-2', className),
+  ...props,
+  children: children
+}));
+ItemFooter.displayName = 'Item.Footer';
+export const Item = Object.assign(ItemRoot, {
+  Group: ItemGroup,
+  Separator: ItemSeparator,
+  Media: ItemMedia,
+  Content: ItemContent,
+  Title: ItemTitle,
+  Description: ItemDescription,
+  Actions: ItemActions,
+  Header: ItemHeader,
+  Footer: ItemFooter
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","forwardRef","useContext","View","tv","AnimatedPressable","Text","cn","jsx","_jsx","itemVariants","slots","root","title","description","variants","variant","default","outline","muted","size","sm","xs","orientation","horizontal","vertical","disabled","true","defaultVariants","ItemContext","mediaVariants","base","icon","image","compoundVariants","class","ItemRoot","className","children","onPress","props","ref","body","accessibilityState","accessibilityRole","Provider","value","displayName","ItemGroup","ItemSeparator","ItemMedia","item","ItemContent","ItemTitle","ItemDescription","ItemActions","ItemHeader","ItemFooter","Item","Object","assign","Group","Separator","Media","Content","Title","Description","Actions","Header","Footer"],"sourceRoot":"../../../../src","sources":["components/item/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -3,9 +3,11 @@
 /**
  * Label — text that names a form field.
  *
- * Adapted from: heroui-inc/heroui-native src/components/label/ (root +
- * Label.Text anatomy, string children auto-wrapping, the required asterisk,
- * and the isInvalid / isDisabled recolouring).
+ * A string child is wrapped in `Label.Text` automatically, so the common case
+ * stays one line; pass the parts explicitly when the label needs more than
+ * text. `isRequired`, `isInvalid` and `isDisabled` are visual *and* semantic —
+ * they recolour and they set the accessibility state, so the two cannot drift
+ * apart.
  */
 import { createContext, forwardRef, useContext, useMemo } from 'react';
 import { View } from 'react-native';

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

@@ -1 +1 @@
-{"version":3,"names":["createContext","forwardRef","useContext","useMemo","View","tv","Text","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","labelVariants","slots","root","text","asterisk","variants","isDisabled","true","isInvalid","LabelContext","isRequired","LabelRoot","className","children","props","ref","state","Provider","value","accessibilityState","disabled","LabelText","displayName","asteriskClassName","accessibilityElementsHidden","importantForAccessibility","Label","Object","assign"],"sourceRoot":"../../../../src","sources":["components/label/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["createContext","forwardRef","useContext","useMemo","View","tv","Text","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","labelVariants","slots","root","text","asterisk","variants","isDisabled","true","isInvalid","LabelContext","isRequired","LabelRoot","className","children","props","ref","state","Provider","value","accessibilityState","disabled","LabelText","displayName","asteriskClassName","accessibilityElementsHidden","importantForAccessibility","Label","Object","assign"],"sourceRoot":"../../../../src","sources":["components/label/index.tsx"],"mappings":"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","ignoreList":[]}