panelui-native 0.46.0 → 0.51.1

package/README.md

@@ -1,7 +1,7 @@
 # PanelUI — React Native UI components for Expo, styled with Tailwind CSS
 
 **PanelUI** (`panelui-native`) is an accessible, high-performance React Native component
-library for Expo apps. 84 typed components — buttons, bottom sheets, dialogs, selects,
+library for Expo apps. 93 typed components — buttons, bottom sheets, dialogs, selects,
 toasts, forms — styled with Tailwind CSS v4 and animated on the UI thread with Reanimated.
 Zero native code, so it runs in Expo Go.
 
@@ -175,6 +175,7 @@ you are done. Unstyled text on a white screen means the styles are not reaching
 | `BottomSheet` | Draggable sheet anchored to the bottom of the screen |
 | `Breadcrumb` | The trail of links back up the hierarchy to the current page |
 | `Button` | Pressable action with variants, sizes, loading state and icon slots |
+| `ButtonGroup` | Several buttons drawn as one control |
 | `Calendar` | A month of days, for picking one, several, or a range |
 | `Card` | Content surface with header, body and footer |
 | `Carousel` | A run of slides, one at a time, dragged with a finger |
@@ -184,22 +185,27 @@ you are done. Unstyled text on a white screen means the styles are not reaching
 | `ColorPicker` | A colour chosen by dragging — a saturation square, a hue scale, and opacity |
 | `Combobox` | A text field that filters a list of options as you type |
 | `DatePicker` | A calendar behind a button |
+| `DateTimePicker` | A day and a time of day, picked in one panel |
 | `Dialog` | Modal dialog with a backdrop and footer actions |
 | `Direction` | Reading direction for everything below it |
 | `Drawer` | Panel that slides in from an edge of the screen |
 | `EmptyState` | Placeholder for a list or screen with no content |
+| `Fab` | The floating action button, and the dial behind it |
 | `Field` | Layout and validation-state kit a form control composes into |
 | `Flow` | Pan-and-zoom canvas of draggable nodes joined by animated edges |
 | `Form` | Form state — values, validation and submission — with no form library underneath |
 | `Frame` | Widget shell — a card of rows sitting in a titled tray |
+| `GridItem` | Bento tiles, and the grid that places them |
 | `HeatmapChart` | Contribution grid with a themed colour ramp and a readout |
 | `Input` | Text field with label, description and error message |
 | `InputGroup` | Input with leading and trailing decorators |
 | `Item` | Row of media, text and actions for lists and settings |
+| `Kpi` | One number, what it is doing, and the shape it made getting there |
 | `Label` | Form field label with required, invalid and disabled states |
 | `LineChart` | Animated time series, drawn on the UI thread |
 | `Loader` | Nine loading animations behind one variant prop |
 | `Map` | Vector map whose basemap is drawn from your theme tokens |
+| `MarkdownEditor` | A field for writing markdown, with a toolbar and a preview |
 | `Marker` | Inline note between conversation turns |
 | `Menu` | The list of things you can do to something |
 | `Message` | Chat turn with avatar, bubble, header and footer |
@@ -208,10 +214,13 @@ you are done. Unstyled text on a white screen means the styles are not reaching
 | `OtpInput` | One-time-code field drawn as a row of separate cells |
 | `Pagination` | Paged navigation over a long result set |
 | `Panelside` | Collapsible side panel with its own search, groups and scenes |
+| `PieChart` | One whole, divided between its parts |
 | `Plan` | What an agent intends to do, before it does it |
 | `Popover` | Panel anchored to the element that opened it |
 | `Post` | Social card — author, body, media and the counts underneath |
 | `Progress` | Determinate and indeterminate progress bar |
+| `Questionnaire` | One question at a time, with progress, validation and a way back |
+| `RadarChart` | Several measures of one thing, drawn as one shape |
 | `RadioGroup` | Single-select list of options |
 | `Rating` | A row of stars to read or set a score |
 | `Reasoning` | An agent’s thinking, collapsed until you want it |
@@ -228,6 +237,7 @@ you are done. Unstyled text on a white screen means the styles are not reaching
 | `Signature` | Sign with a finger, and get the result back out as SVG or PNG |
 | `Skeleton` | Shimmer placeholder for loading content |
 | `Slider` | Pick a value, or a span, by dragging a thumb along a track |
+| `Sortable` | A list whose rows can be dragged into a different order |
 | `Soundwave` | What a voice looks like while an app listens |
 | `Sources` | The references behind an answer, behind a disclosure |
 | `Spinner` | Indeterminate loading indicator |
@@ -246,6 +256,7 @@ you are done. Unstyled text on a white screen means the styles are not reaching
 | `Toast` | Transient notification queue with swipe to dismiss |
 | `ToggleButton` | A button that stays down, on its own or in a group |
 | `Tooltip` | A small label that names the control under your finger |
+| `Tree` | A hierarchy you can open a level at a time |
 | `Typography` | Semantic text presets |
 
 Plus `PanelUIProvider`, `Portal`, `AnimatedPressable`, `KeyboardAvoider`, `ScrollProgress`,

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

@@ -11,6 +11,14 @@
  * `selectionMode` decides whether opening one section closes the others, which
  * also changes the shape of `value`: a string when single, an array when
  * multiple.
+ *
+ * A closed section costs nothing, because its body is unmounted. That is the
+ * right default and the wrong one for a body with state in it: a half-filled
+ * form, a list scrolled to the middle, a video part-way through. Collapsing
+ * such a section throws that away and reopening it starts over. `keepMounted`
+ * is the way out — the body stays mounted and is hidden from layout instead,
+ * so it takes up no room, the same layout transition carries the change, and
+ * everything inside is exactly where it was left.
  */
 import { Children, createContext, forwardRef, isValidElement, useCallback, useContext, useMemo, useState } from 'react';
 import { Pressable, View } from 'react-native';
@@ -87,6 +95,7 @@ const AccordionRoot = /*#__PURE__*/forwardRef(({
   defaultValue,
   onValueChange,
   hideSeparator = false,
+  keepMounted = false,
   children,
   ...props
 }, ref) => {
@@ -103,8 +112,9 @@ const AccordionRoot = /*#__PURE__*/forwardRef(({
   const context = useMemo(() => ({
     expanded,
     toggle,
-    variant
-  }), [expanded, toggle, variant]);
+    variant,
+    keepMounted
+  }), [expanded, toggle, variant, keepMounted]);
   const {
     root,
     separator
@@ -251,14 +261,25 @@ AccordionIndicator.displayName = 'Accordion.Indicator';
  * The collapsible body. Unmounts when closed, per the repo's convention for
  * conditionally shown content — the layout transition on the item animates
  * the height change.
+ *
+ * `keepMounted` swaps the unmount for `display: 'none'`, which is the one way
+ * to hide a view that also takes it out of Yoga's layout. That matters twice
+ * over: the item's height changes by exactly as much as it would have on an
+ * unmount, so the same layout transition plays and the two modes are
+ * indistinguishable to look at — and everything inside stays mounted, so a
+ * text field keeps what was typed into it. A hidden subtree is still in the
+ * accessibility tree, though, so it is explicitly taken out of that too;
+ * otherwise a screen reader would read out a section the eye cannot see.
  */
 const AccordionContent = /*#__PURE__*/forwardRef(({
   className,
+  keepMounted,
   children,
   ...props
 }, ref) => {
   const {
-    variant
+    variant,
+    keepMounted: keepMountedDefault
   } = useAccordion('Accordion.Content');
   const {
     isExpanded
@@ -269,9 +290,16 @@ const AccordionContent = /*#__PURE__*/forwardRef(({
   } = accordionVariants({
     variant
   });
-  if (!isExpanded) return null;
+  const stayMounted = keepMounted ?? keepMountedDefault;
+  if (!isExpanded && !stayMounted) return null;
+  const isHidden = !isExpanded;
   return /*#__PURE__*/_jsx(View, {
     ref: ref,
+    style: isHidden ? {
+      display: 'none'
+    } : undefined,
+    accessibilityElementsHidden: isHidden,
+    importantForAccessibility: isHidden ? 'no-hide-descendants' : 'auto',
     className: content({
       className
     }),

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

@@ -1 +1 @@
-{"version":3,"names":["Children","createContext","forwardRef","isValidElement","useCallback","useContext","useMemo","useState","Pressable","View","Animated","LinearTransition","useAnimatedStyle","useDerivedValue","withTiming","tv","ChevronDownIcon","Text","textChildren","jsx","_jsx","jsxs","_jsxs","accordionVariants","slots","root","separator","item","trigger","title","indicator","content","contentText","variants","variant","default","surface","separated","bordered","ghost","defaultVariants","AccordionContext","AccordionItemContext","useAccordion","component","context","Error","useAccordionItem","toArray","value","undefined","Array","isArray","AccordionRoot","className","selectionMode","defaultValue","onValueChange","hideSeparator","children","props","ref","internal","setInternal","isControlled","expanded","toggle","itemValue","isOpen","includes","next","filter","entry","items","Provider","layout","duration","map","child","index","length","key","displayName","AccordionItem","isDisabled","isExpanded","AccordionTrigger","accessibilityRole","accessibilityState","disabled","onPress","text","AccordionIndicator","rotation","style","transform","rotate","size","AccordionContent","AccordionTitle","Accordion","Object","assign","Item","Trigger","Title","Indicator","Content"],"sourceRoot":"../../../../src","sources":["components/accordion/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["Children","createContext","forwardRef","isValidElement","useCallback","useContext","useMemo","useState","Pressable","View","Animated","LinearTransition","useAnimatedStyle","useDerivedValue","withTiming","tv","ChevronDownIcon","Text","textChildren","jsx","_jsx","jsxs","_jsxs","accordionVariants","slots","root","separator","item","trigger","title","indicator","content","contentText","variants","variant","default","surface","separated","bordered","ghost","defaultVariants","AccordionContext","AccordionItemContext","useAccordion","component","context","Error","useAccordionItem","toArray","value","undefined","Array","isArray","AccordionRoot","className","selectionMode","defaultValue","onValueChange","hideSeparator","keepMounted","children","props","ref","internal","setInternal","isControlled","expanded","toggle","itemValue","isOpen","includes","next","filter","entry","items","Provider","layout","duration","map","child","index","length","key","displayName","AccordionItem","isDisabled","isExpanded","AccordionTrigger","accessibilityRole","accessibilityState","disabled","onPress","text","AccordionIndicator","rotation","style","transform","rotate","size","AccordionContent","keepMountedDefault","stayMounted","isHidden","display","accessibilityElementsHidden","importantForAccessibility","AccordionTitle","Accordion","Object","assign","Item","Trigger","Title","Indicator","Content"],"sourceRoot":"../../../../src","sources":["components/accordion/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -1,11 +1,12 @@
 "use strict";
 
-import { forwardRef } from 'react';
+import { createContext, forwardRef, useContext } from 'react';
 import { View } from 'react-native';
 import { tv } from 'tailwind-variants';
 import { useCSSVariable } from 'uniwind';
 import { AnimatedPressable } from "../../primitives/animated-pressable.js";
 import { Text, textChildren } from "../../primitives/text.js";
+import { cn } from "../../utils/cn.js";
 import { IconColorProvider } from "../../icons/index.js";
 import { getNativeUI, getSwiftUIModifiers } from "../../native/index.js";
 import { Spinner } from "../spinner/index.js";
@@ -83,6 +84,53 @@ const buttonVariants = tv({
     size: 'md'
   }
 });
+
+/** How a button looks. */
+
+/** How big a button is. `icon` is a square. */
+
+/* -------------------------------------------------------------------------- *
+ * Grouping
+ *
+ * A button reads this; `ButtonGroup` writes it. The context lives here rather
+ * than beside the group because the button is the consumer, and a component
+ * should not have to import the thing that contains it to find out that it is
+ * contained — which would also make the two import each other.
+ * -------------------------------------------------------------------------- */
+
+const ButtonGroupContext = /*#__PURE__*/createContext(null);
+
+/** Announces to every button below it that it is part of one control. */
+export function ButtonGroupProvider({
+  value,
+  children
+}) {
+  return /*#__PURE__*/_jsx(ButtonGroupContext.Provider, {
+    value: value,
+    children: children
+  });
+}
+
+/** The enclosing group, if there is one. `null` for a button standing alone. */
+export function useButtonGroup() {
+  return useContext(ButtonGroupContext);
+}
+
+/**
+ * What an attached button gives up so the group can draw the shape once.
+ *
+ * The radius and the shadow go because the group owns both — a rounded,
+ * shadowed segment inside a rounded, shadowed container is two shapes where
+ * there should be one. The border stays but turns transparent rather than
+ * being removed: it is holding a pixel of the button's height, and dropping it
+ * would make an `outline` segment a hair shorter than a `ghost` one beside it.
+ *
+ * The press feedback changes too. A button on its own shrinks slightly when
+ * pressed, which inside a joined run would pull the segment away from its
+ * neighbours and show the container through the gap. A background is the same
+ * signal without the movement.
+ */
+const ATTACHED = 'rounded-none border-transparent shadow-none active:bg-accent';
 const SPINNER_SIZE = {
   sm: 'sm',
   md: 'sm',
@@ -192,22 +240,39 @@ export const Button = /*#__PURE__*/forwardRef(({
 }, ref) => {
   const isDisabled = disabled || loading;
   const nativeUI = native ? getNativeUI() : null;
+
+  /*
+   * A group fills in what a button did not say for itself, and never
+   * overrides what it did: a run of buttons should look like one control
+   * without every segment repeating the same two props, and the odd segment
+   * that wants to stand out — the selected one, the destructive one — has to
+   * be able to say so.
+   *
+   * `native` is deliberately outside all of this. The platform draws that
+   * button, so it has no border, radius or shadow for a group to take over,
+   * and joining several of them would produce a row of platform buttons with
+   * a border drawn around it rather than a segmented control.
+   */
+  const group = useButtonGroup();
+  const attached = !native && group?.attached === true;
+  const resolvedVariant = variant ?? group?.variant;
+  const resolvedSize = size ?? group?.size;
   const {
     root,
     label,
     spinner
   } = buttonVariants({
-    variant,
-    size,
-    fullWidth,
+    variant: resolvedVariant,
+    size: resolvedSize,
+    fullWidth: fullWidth ?? (attached && group?.fullWidth),
     disabled: isDisabled
   });
 
   // Icons in the content slots inherit this, so they stay legible when the
   // theme inverts the button's background. Without it every caller has to
   // hardcode a hex that is wrong in one theme or the other.
-  const themedColor = useCSSVariable(CONTENT_COLOR_VAR[variant === 'destructive' ? 'primary' : variant ?? 'primary']);
-  const contentColor = variant === 'destructive' ? '#ffffff' : typeof themedColor === 'string' ? themedColor : undefined;
+  const themedColor = useCSSVariable(CONTENT_COLOR_VAR[resolvedVariant === 'destructive' ? 'primary' : resolvedVariant ?? 'primary']);
+  const contentColor = resolvedVariant === 'destructive' ? '#ffffff' : typeof themedColor === 'string' ? themedColor : undefined;
   if (nativeUI) {
     const {
       Host,
@@ -215,7 +280,7 @@ export const Button = /*#__PURE__*/forwardRef(({
       RNHostView
     } = nativeUI;
     const isStringLabel = typeof children === 'string';
-    const prominent = variant === 'primary' || variant === 'destructive';
+    const prominent = resolvedVariant === 'primary' || resolvedVariant === 'destructive';
 
     /*
      * Looks the portable props cannot ask for.
@@ -232,7 +297,7 @@ export const Button = /*#__PURE__*/forwardRef(({
      * button somebody forgot to label. It shapes the glass too.
      */
     const swiftUI = getSwiftUIModifiers();
-    const nativeModifiers = swiftUI ? [glass ? swiftUI.buttonStyle(prominent ? 'glassProminent' : 'glass') : null, size === 'icon' ? swiftUI.buttonBorderShape('circle') : null, isStringLabel ? swiftUI.controlSize(NATIVE_CONTROL_SIZE[size ?? 'md']) : null].filter(Boolean) : [];
+    const nativeModifiers = swiftUI ? [glass ? swiftUI.buttonStyle(prominent ? 'glassProminent' : 'glass') : null, resolvedSize === 'icon' ? swiftUI.buttonBorderShape('circle') : null, isStringLabel ? swiftUI.controlSize(NATIVE_CONTROL_SIZE[resolvedSize ?? 'md']) : null].filter(Boolean) : [];
 
     /*
      * The platform paints the background, not the theme — so a hosted icon
@@ -246,7 +311,7 @@ export const Button = /*#__PURE__*/forwardRef(({
       matchContents: true,
       children: /*#__PURE__*/_jsx(NativeButton, {
         label: isStringLabel ? children : undefined,
-        variant: NATIVE_VARIANT[variant ?? 'primary'],
+        variant: NATIVE_VARIANT[resolvedVariant ?? 'primary'],
         disabled: isDisabled
         /*
          * A square for an icon button, a height for a labelled one — and
@@ -258,18 +323,18 @@ export const Button = /*#__PURE__*/forwardRef(({
          * background around. The frame only has to be large enough to hold
          * the result.
          */,
-        style: size === 'icon' ? {
+        style: resolvedSize === 'icon' ? {
           width: NATIVE_ICON_FRAME,
           height: NATIVE_ICON_FRAME
         } : {
-          height: NATIVE_HEIGHT[size ?? 'md']
+          height: NATIVE_HEIGHT[resolvedSize ?? 'md']
         },
         modifiers: nativeModifiers.length ? nativeModifiers : undefined,
         onPress: props.onPress,
         children: isStringLabel ? undefined : /*#__PURE__*/_jsx(RNHostView, {
           matchContents: true,
           children: /*#__PURE__*/_jsx(View, {
-            style: size === 'icon' ? {
+            style: resolvedSize === 'icon' ? {
               padding: NATIVE_ICON_PADDING,
               alignItems: 'center',
               justifyContent: 'center'
@@ -297,13 +362,16 @@ export const Button = /*#__PURE__*/forwardRef(({
         disabled: isDisabled,
         busy: loading
       },
-      disabled: isDisabled,
+      disabled: isDisabled
+      // Before the spread, so a caller can still ask for the scale back.
+      ,
+      pressScale: attached ? 1 : undefined,
       className: root({
-        className
+        className: cn(attached && ATTACHED, className)
       }),
       ...props,
       children: [loading ? /*#__PURE__*/_jsx(Spinner, {
-        size: SPINNER_SIZE[size ?? 'md'],
+        size: SPINNER_SIZE[resolvedSize ?? 'md'],
         className: spinner()
       }) : startContent, textChildren(children, text => /*#__PURE__*/_jsx(Text, {
         className: label({

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

@@ -1 +1 @@
-{"version":3,"names":["forwardRef","View","tv","useCSSVariable","AnimatedPressable","Text","textChildren","IconColorProvider","getNativeUI","getSwiftUIModifiers","Spinner","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_ICON_PADDING","NATIVE_ICON_FRAME","NATIVE_CONTROL_SIZE","NATIVE_VARIANT","Button","children","className","labelClassName","loading","startContent","endContent","native","glass","props","ref","isDisabled","nativeUI","themedColor","contentColor","undefined","Host","NativeButton","RNHostView","isStringLabel","prominent","swiftUI","nativeModifiers","buttonStyle","buttonBorderShape","controlSize","filter","Boolean","nativeContent","matchContents","style","width","height","modifiers","length","onPress","padding","alignItems","justifyContent","color","text","accessibilityRole","accessibilityState","busy","displayName"],"sourceRoot":"../../../../src","sources":["components/button/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["createContext","forwardRef","useContext","View","tv","useCSSVariable","AnimatedPressable","Text","textChildren","cn","IconColorProvider","getNativeUI","getSwiftUIModifiers","Spinner","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","ButtonGroupContext","ButtonGroupProvider","value","children","Provider","useButtonGroup","ATTACHED","SPINNER_SIZE","CONTENT_COLOR_VAR","NATIVE_HEIGHT","NATIVE_ICON_PADDING","NATIVE_ICON_FRAME","NATIVE_CONTROL_SIZE","NATIVE_VARIANT","Button","className","labelClassName","loading","startContent","endContent","native","glass","props","ref","isDisabled","nativeUI","group","attached","resolvedVariant","resolvedSize","themedColor","contentColor","undefined","Host","NativeButton","RNHostView","isStringLabel","prominent","swiftUI","nativeModifiers","buttonStyle","buttonBorderShape","controlSize","filter","Boolean","nativeContent","matchContents","style","width","height","modifiers","length","onPress","padding","alignItems","justifyContent","color","text","accessibilityRole","accessibilityState","busy","pressScale","displayName"],"sourceRoot":"../../../../src","sources":["components/button/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,186 @@
+"use strict";
+
+/**
+ * ButtonGroup — several buttons drawn as one control.
+ *
+ * ```tsx
+ * <ButtonGroup>
+ *   <Button startContent={<ListChecksIcon size={16} />}>Tasks</Button>
+ *   <Button startContent={<CalendarIcon size={16} />}>Agenda</Button>
+ *   <Button startContent={<ChartIcon size={16} />}>Board</Button>
+ * </ButtonGroup>
+ * ```
+ *
+ * The buttons stay buttons. Anything a `Button` does — an icon, a badge, a
+ * loading state, a disabled segment, opening a Popover — it still does inside a
+ * group, because the group is a container rather than a component that takes a
+ * list of items and renders them for you. A list-of-items API has to grow a
+ * prop for every one of those things; this one has none of them and can do all
+ * of them.
+ *
+ * ## Why the container draws the border
+ *
+ * A joined run could be built by giving the first and last segments their
+ * corners and squaring the ones between, then collapsing every shared edge with
+ * a negative margin. That works on the web and is a stack of off-by-one
+ * problems on a phone: the hairlines land on different fractions of a pixel per
+ * device, and a run that wraps has no first or last segment any more.
+ *
+ * So the group draws the shape once — one border, one radius, one shadow,
+ * clipped — and the buttons inside it draw none of their own. The dividers are
+ * real one-pixel views the group puts between its children, which is also why
+ * they are always exactly one pixel and always in the same place.
+ *
+ * ## What it passes down
+ *
+ * `variant` and `size` fill in for a button that did not choose its own, so a
+ * run of six does not repeat the same two props six times. A segment that wants
+ * to stand out — the selected one, the destructive one — sets its own and wins.
+ *
+ * ```tsx
+ * <ButtonGroup size="sm">
+ *   <Button>Day</Button>
+ *   <Button variant="secondary">Week</Button>   {/* the selected one *\/}
+ *   <Button>Month</Button>
+ * </ButtonGroup>
+ * ```
+ *
+ * ## Not a selection control
+ *
+ * This joins buttons; what they mean is yours. For a control that owns which
+ * one is on, reach for `ToggleButtonGroup`, and for switching between panels of
+ * content reach for `Tabs` — a segmented run of buttons that swaps a screen is
+ * navigation, and navigation should say so to a screen reader.
+ */
+import { Children, Fragment, forwardRef, useMemo } from 'react';
+import { View } from 'react-native';
+import { tv } from 'tailwind-variants';
+import { ButtonGroupProvider } from "../button/index.js";
+
+/** Which way the run reads. */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const buttonGroupVariants = tv({
+  slots: {
+    root: 'items-stretch',
+    divider: 'bg-border'
+  },
+  variants: {
+    orientation: {
+      horizontal: {
+        root: 'flex-row',
+        divider: 'w-px'
+      },
+      vertical: {
+        root: 'flex-col',
+        divider: 'h-px'
+      }
+    },
+    attached: {
+      // `overflow-hidden` is what squares the inner corners and rounds the
+      // outer ones without any segment knowing which it is.
+      true: {
+        root: 'overflow-hidden border border-input bg-popover shadow-sm'
+      },
+      false: {
+        root: 'gap-2'
+      }
+    },
+    /* Matched to the height the buttons will be, since a radius that suited a
+       36pt run reads as a rectangle around a 48pt one. */
+    size: {
+      sm: {
+        root: 'rounded-lg'
+      },
+      md: {
+        root: 'rounded-xl'
+      },
+      lg: {
+        root: 'rounded-xl'
+      },
+      icon: {
+        root: 'rounded-xl'
+      }
+    },
+    fullWidth: {
+      true: {
+        root: 'w-full'
+      }
+    }
+  },
+  compoundVariants: [
+  // Nothing is being joined, so the radius belongs to each button instead.
+  {
+    attached: false,
+    class: {
+      root: 'rounded-none'
+    }
+  }],
+  defaultVariants: {
+    orientation: 'horizontal',
+    attached: true,
+    size: 'md'
+  }
+});
+const ButtonGroupRoot = /*#__PURE__*/forwardRef(({
+  className,
+  orientation = 'horizontal',
+  variant,
+  size = 'md',
+  attached = true,
+  fullWidth = false,
+  children,
+  ...props
+}, ref) => {
+  const {
+    root,
+    divider
+  } = buttonGroupVariants({
+    orientation,
+    attached,
+    size,
+    fullWidth
+  });
+  const context = useMemo(() => ({
+    variant,
+    size,
+    attached,
+    fullWidth
+  }), [variant, size, attached, fullWidth]);
+
+  /*
+   * `Children.toArray` rather than the raw children: it drops the nulls a
+   * conditional segment leaves behind and flattens fragments, so a run built
+   * by a `map` or by `{canEdit && <Button/>}` gets its dividers in the right
+   * places instead of one before a segment that is not there.
+   */
+  const items = Children.toArray(children);
+  return /*#__PURE__*/_jsx(ButtonGroupProvider, {
+    value: context,
+    children: /*#__PURE__*/_jsx(View, {
+      ref: ref
+      // A run of related actions is a toolbar; a screen reader announcing
+      // the group is what tells someone the buttons in it belong together.
+      ,
+      accessibilityRole: "toolbar",
+      className: root({
+        className
+      }),
+      ...props,
+      children: items.map((child, index) =>
+      /*#__PURE__*/
+      // Index keys: these fragments have no identity of their own, and
+      // the children keep whatever keys they were already given.
+      _jsxs(Fragment, {
+        children: [index > 0 && attached ? /*#__PURE__*/_jsx(View, {
+          className: divider()
+        }) : null, fullWidth ? /*#__PURE__*/_jsx(View, {
+          className: "flex-1",
+          children: child
+        }) : child]
+      }, index))
+    })
+  });
+});
+ButtonGroupRoot.displayName = 'ButtonGroup';
+export const ButtonGroup = ButtonGroupRoot;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Children","Fragment","forwardRef","useMemo","View","tv","ButtonGroupProvider","jsx","_jsx","jsxs","_jsxs","buttonGroupVariants","slots","root","divider","variants","orientation","horizontal","vertical","attached","true","false","size","sm","md","lg","icon","fullWidth","compoundVariants","class","defaultVariants","ButtonGroupRoot","className","variant","children","props","ref","context","items","toArray","value","accessibilityRole","map","child","index","displayName","ButtonGroup"],"sourceRoot":"../../../../src","sources":["components/button-group/index.tsx"],"mappings":"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","ignoreList":[]}