panelui-native 0.46.0 → 0.49.0

package/lib/typescript/src/components/button-group/index.d.ts

@@ -0,0 +1,212 @@
+/**
+ * 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 { type ReactNode } from 'react';
+import { View, type ViewProps } from 'react-native';
+import { type VariantProps } from 'tailwind-variants';
+import { type ButtonSize, type ButtonVariant } from '../button/index.js';
+/** Which way the run reads. */
+export type ButtonGroupOrientation = 'horizontal' | 'vertical';
+declare const buttonGroupVariants: import("tailwind-variants").TVReturnType<{
+    orientation: {
+        horizontal: {
+            root: string;
+            divider: string;
+        };
+        vertical: {
+            root: string;
+            divider: string;
+        };
+    };
+    attached: {
+        true: {
+            root: string;
+        };
+        false: {
+            root: string;
+        };
+    };
+    size: {
+        sm: {
+            root: string;
+        };
+        md: {
+            root: string;
+        };
+        lg: {
+            root: string;
+        };
+        icon: {
+            root: string;
+        };
+    };
+    fullWidth: {
+        true: {
+            root: string;
+        };
+    };
+}, {
+    root: string;
+    divider: string;
+}, undefined, {
+    orientation: {
+        horizontal: {
+            root: string;
+            divider: string;
+        };
+        vertical: {
+            root: string;
+            divider: string;
+        };
+    };
+    attached: {
+        true: {
+            root: string;
+        };
+        false: {
+            root: string;
+        };
+    };
+    size: {
+        sm: {
+            root: string;
+        };
+        md: {
+            root: string;
+        };
+        lg: {
+            root: string;
+        };
+        icon: {
+            root: string;
+        };
+    };
+    fullWidth: {
+        true: {
+            root: string;
+        };
+    };
+}, {
+    root: string;
+    divider: string;
+}, import("tailwind-variants").TVReturnType<{
+    orientation: {
+        horizontal: {
+            root: string;
+            divider: string;
+        };
+        vertical: {
+            root: string;
+            divider: string;
+        };
+    };
+    attached: {
+        true: {
+            root: string;
+        };
+        false: {
+            root: string;
+        };
+    };
+    size: {
+        sm: {
+            root: string;
+        };
+        md: {
+            root: string;
+        };
+        lg: {
+            root: string;
+        };
+        icon: {
+            root: string;
+        };
+    };
+    fullWidth: {
+        true: {
+            root: string;
+        };
+    };
+}, {
+    root: string;
+    divider: string;
+}, undefined, unknown, unknown, undefined>>;
+type ButtonGroupVariantProps = VariantProps<typeof buttonGroupVariants>;
+export interface ButtonGroupProps extends ViewProps, Omit<ButtonGroupVariantProps, 'size' | 'attached'> {
+    className?: string;
+    /** Which way the run reads. Vertical is the toolbar down the side of a canvas. */
+    orientation?: ButtonGroupOrientation;
+    /** Fills in for any button that did not choose its own. */
+    variant?: ButtonVariant;
+    /** Fills in for any button that did not choose its own, and sets the radius. */
+    size?: ButtonSize;
+    /**
+     * Draw the run as one joined shape.
+     *
+     * On by default — that is what a group is. Turn it off for a plain row of
+     * separate buttons that should still share a variant and a size, which is a
+     * toolbar rather than a segmented control.
+     */
+    attached?: boolean;
+    /**
+     * Span the container, with the segments sharing it equally.
+     *
+     * Equally, not by content: a row of segments at their natural widths is a row
+     * whose divisions move when the labels change, and a picker whose halves are
+     * different sizes reads as though one of them matters more.
+     */
+    fullWidth?: boolean;
+    children?: ReactNode;
+}
+export declare const ButtonGroup: import("react").ForwardRefExoticComponent<ButtonGroupProps & import("react").RefAttributes<View>>;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/button-group/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/button-group/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmDG;AACH,OAAO,EAA2C,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAChF,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAGL,KAAK,UAAU,EACf,KAAK,aAAa,EACnB,MAAM,oBAAW,CAAC;AAEnB,+BAA+B;AAC/B,MAAM,MAAM,sBAAsB,GAAG,YAAY,GAAG,UAAU,CAAC;AAE/D,QAAA,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAqCvB,CAAC;AAEH,KAAK,uBAAuB,GAAG,YAAY,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAExE,MAAM,WAAW,gBACf,SAAQ,SAAS,EACf,IAAI,CAAC,uBAAuB,EAAE,MAAM,GAAG,UAAU,CAAC;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kFAAkF;IAClF,WAAW,CAAC,EAAE,sBAAsB,CAAC;IACrC,2DAA2D;IAC3D,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,gFAAgF;IAChF,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAiED,eAAO,MAAM,WAAW,mGAAkB,CAAC"}

package/lib/typescript/src/components/color-picker/index.d.ts

@@ -28,12 +28,35 @@
  * a control with no alpha is one that has no `ColorPicker.Alpha`, not one with
  * a prop turned off.
  *
+ * ## Folding it away
+ *
+ * A picker is a page's worth of controls in service of one value, and that
+ * value is read far more often than it is changed — so `presentation` puts the
+ * controls behind the row that reads it out:
+ *
+ * ```tsx
+ * <ColorPicker value={accent} onValueChange={setAccent} presentation="popover">
+ *   <ColorPicker.Trigger>
+ *     <ColorPicker.Field label="Accent" />
+ *   </ColorPicker.Trigger>
+ *   <ColorPicker.Content>
+ *     <ColorPicker.Area />
+ *     <ColorPicker.Hue />
+ *   </ColorPicker.Content>
+ * </ColorPicker>
+ * ```
+ *
+ * `Content` re-provides the picker's context around what it holds, because the
+ * panel is portalled above the rest of the screen and is therefore no longer
+ * below the picker in the tree by the time the parts inside it go looking.
+ *
  * Works controlled (`value` + `onValueChange`) or uncontrolled (`defaultValue`).
  */
-import { type ReactNode } from 'react';
+import { type ReactElement, type ReactNode } from 'react';
 import { View } from 'react-native';
 import { type VariantProps } from 'tailwind-variants';
 import { type ColorFormat } from '../../utils/color.js';
+import { type PopoverContentProps } from '../popover/index.js';
 declare const colorPickerVariants: import("tailwind-variants").TVReturnType<{
     size: {
         sm: {};
@@ -130,6 +153,8 @@ declare const colorPickerVariants: import("tailwind-variants").TVReturnType<{
 }, undefined, unknown, unknown, undefined>>;
 type ColorPickerVariantProps = VariantProps<typeof colorPickerVariants>;
 export type ColorPickerSize = NonNullable<ColorPickerVariantProps['size']>;
+/** How the controls get onto the screen. */
+export type ColorPickerPresentation = 'inline' | 'popover' | 'bottom-sheet';
 export interface ColorPickerProps extends Omit<ColorPickerVariantProps, 'disabled'> {
     className?: string;
     /** Controlled colour. Leave unset and pass `defaultValue` to run uncontrolled. */
@@ -157,9 +182,55 @@ export interface ColorPickerProps extends Omit<ColorPickerVariantProps, 'disable
      * buzz proportional to speed.
      */
     haptics?: boolean;
+    /**
+     * How the controls get onto the screen.
+     *
+     * `inline` stacks them where they are written, and is the default. The other
+     * two put them behind a `ColorPicker.Trigger` and draw them in a
+     * `ColorPicker.Content` — which is the arrangement a colour usually wants,
+     * since a picker is a page's worth of controls in service of one value that
+     * is looked at far more often than it is changed.
+     */
+    presentation?: ColorPickerPresentation;
+    /** Controlled open state of the panel. Ignored by `inline`. */
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
     /** The parts, in the order they should stack. */
     children: ReactNode;
 }
+export interface ColorPickerTriggerProps {
+    /** One element, cloned with an `onPress` that opens the panel. */
+    children: ReactElement<{
+        onPress?: (...args: unknown[]) => void;
+    }>;
+}
+/**
+ * What you press to open the picker. `ColorPicker.Field` is the obvious child —
+ * it already reads out the colour it would let you change — but anything that
+ * takes an `onPress` will do.
+ */
+declare function ColorPickerTrigger({ children }: ColorPickerTriggerProps): import("react").JSX.Element;
+declare namespace ColorPickerTrigger {
+    var displayName: string;
+}
+export interface ColorPickerContentProps extends PopoverContentProps {
+}
+/**
+ * The panel the controls are drawn in.
+ *
+ * It re-provides the picker's context around its children, and has to: the
+ * panel is rendered through a portal, above everything else on the screen, so
+ * by the time the parts inside it look for the picker they are no longer
+ * anywhere below it in the tree. Without this the first `ColorPicker.Area`
+ * inside a popover would throw.
+ *
+ * Defaults to the trigger's width, floored, so a panel opened from a labelled
+ * strip lines up under it rather than announcing itself as a different object.
+ */
+declare function ColorPickerContent({ className, width, minWidth, children, ...props }: ColorPickerContentProps): import("react").JSX.Element;
+declare namespace ColorPickerContent {
+    var displayName: string;
+}
 export interface ColorPickerAreaProps {
     className?: string;
     /** Height of the square in points. Defaults to the picker's size. */
@@ -214,6 +285,14 @@ export interface ColorPickerFieldProps {
     showValue?: boolean;
     /** Extra classes for the swatch. */
     swatchClassName?: string;
+    /**
+     * Makes the strip pressable, and a button to a screen reader.
+     *
+     * Mostly you do not pass this yourself: `ColorPicker.Trigger` clones the
+     * strip with one, which is what turns the row into the thing that opens the
+     * picker.
+     */
+    onPress?: (...args: unknown[]) => void;
     /** Anything to put after the swatch — a copy button, a reset. */
     children?: ReactNode;
 }
@@ -244,6 +323,8 @@ export interface ColorPickerWheelProps {
     thumbClassName?: string;
 }
 export declare const ColorPicker: import("react").ForwardRefExoticComponent<ColorPickerProps & import("react").RefAttributes<View>> & {
+    Trigger: typeof ColorPickerTrigger;
+    Content: typeof ColorPickerContent;
     Field: import("react").ForwardRefExoticComponent<ColorPickerFieldProps & import("react").RefAttributes<View>>;
     Area: import("react").ForwardRefExoticComponent<ColorPickerAreaProps & import("react").RefAttributes<View>>;
     Wheel: import("react").ForwardRefExoticComponent<ColorPickerWheelProps & import("react").RefAttributes<View>>;

package/lib/typescript/src/components/color-picker/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/color-picker/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/color-picker/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqDG;AACH,OAAO,EAUL,KAAK,YAAY,EACjB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAGL,IAAI,EAGL,MAAM,cAAc,CAAC;AAqBtB,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAI1D,OAAO,EAKL,KAAK,WAAW,EAEjB,MAAM,sBAAmB,CAAC;AAG3B,OAAO,EAAW,KAAK,mBAAmB,EAAE,MAAM,qBAAY,CAAC;AAgC/D,QAAA,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CA2CvB,CAAC;AAEH,KAAK,uBAAuB,GAAG,YAAY,CAAC,OAAO,mBAAmB,CAAC,CAAC;AACxE,MAAM,MAAM,eAAe,GAAG,WAAW,CAAC,uBAAuB,CAAC,MAAM,CAAC,CAAC,CAAC;AA+C3E,4CAA4C;AAC5C,MAAM,MAAM,uBAAuB,GAAG,QAAQ,GAAG,SAAS,GAAG,cAAc,CAAC;AAS5E,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,uBAAuB,EAAE,UAAU,CAAC;IACjF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kFAAkF;IAClF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yCAAyC;IACzC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,yEAAyE;IACzE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC;;;;OAIG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;;;;OAQG;IACH,YAAY,CAAC,EAAE,uBAAuB,CAAC;IACvC,+DAA+D;IAC/D,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,iDAAiD;IACjD,QAAQ,EAAE,SAAS,CAAC;CACrB;AAiHD,MAAM,WAAW,uBAAuB;IACtC,kEAAkE;IAClE,QAAQ,EAAE,YAAY,CAAC;QAAE,OAAO,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,IAAI,CAAA;KAAE,CAAC,CAAC;CACpE;AAED;;;;GAIG;AACH,iBAAS,kBAAkB,CAAC,EAAE,QAAQ,EAAE,EAAE,uBAAuB,+BAGhE;kBAHQ,kBAAkB;;;AAO3B,MAAM,WAAW,uBAAwB,SAAQ,mBAAmB;CAAG;AAEvE;;;;;;;;;;;GAWG;AACH,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,KAAiB,EACjB,QAA4B,EAC5B,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,uBAAuB,+BAazB;kBAnBQ,kBAAkB;;;AA8D3B,MAAM,WAAW,oBAAoB;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qEAAqE;IACrE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,6CAA6C;IAC7C,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAwPD,MAAM,WAAW,mBAAmB;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6CAA6C;IAC7C,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAsGD,MAAM,WAAW,qBAAqB;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6CAA6C;IAC7C,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAoID,MAAM,WAAW,uBAAuB;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oCAAoC;IACpC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,2CAA2C;IAC3C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gEAAgE;IAChE,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAyED,MAAM,WAAW,wBAAwB;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yDAAyD;IACzD,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,uEAAuE;IACvE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,oCAAoC;IACpC,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AA6GD,MAAM,WAAW,qBAAqB;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qEAAqE;IACrE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oCAAoC;IACpC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;IACvC,iEAAiE;IACjE,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAsGD,0CAA0C;AAC1C,MAAM,MAAM,kBAAkB,GAAG,KAAK,GAAG,YAAY,GAAG,YAAY,GAAG,OAAO,CAAC;AAU/E,MAAM,WAAW,uBAAuB;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6BAA6B;IAC7B,OAAO,EAAE,kBAAkB,CAAC;IAC5B,wCAAwC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CACpC;AA0DD,MAAM,WAAW,0BAA0B;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6CAA6C;IAC7C,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AA4JD,MAAM,WAAW,qBAAqB;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yDAAyD;IACzD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,6CAA6C;IAC7C,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAoLD,eAAO,MAAM,WAAW;;;;;;;;;;;;CAYtB,CAAC"}

package/lib/typescript/src/components/date-time-picker/index.d.ts

@@ -98,6 +98,12 @@ export interface DateTimePickerProps {
     calendar?: CalendarSystem;
     /** Label on the button that closes the panel. */
     doneLabel?: string;
+    /**
+     * What the time half of the panel is called, above its face. The date half
+     * names itself with the month it is showing; the time half has nothing that
+     * would say what it is otherwise.
+     */
+    timeLabel?: string;
     className?: string;
     /**
      * A trigger of your own. Given one, it is cloned with an `onPress` that opens
@@ -110,7 +116,7 @@ export interface DateTimePickerProps {
         onPress?: () => void;
     }> | ReactNode;
 }
-declare function DateTimePickerRoot({ value: valueProp, defaultValue, onValueChange, layout, presentation, open: openProp, onOpenChange, hourCycle, minuteStep, minTime, maxTime, placeholder, format, disabled, disabledDates, minDate, maxDate, captionLayout, weekStartsOn, locale, calendar, doneLabel, className, children, }: DateTimePickerProps): import("react").JSX.Element;
+declare function DateTimePickerRoot({ value: valueProp, defaultValue, onValueChange, layout, presentation, open: openProp, onOpenChange, hourCycle, minuteStep, minTime, maxTime, placeholder, format, disabled, disabledDates, minDate, maxDate, captionLayout, weekStartsOn, locale, calendar, doneLabel, timeLabel, className, children, }: DateTimePickerProps): import("react").JSX.Element;
 declare namespace DateTimePickerRoot {
     var displayName: string;
 }

package/lib/typescript/src/components/date-time-picker/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/date-time-picker/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6CG;AACH,OAAO,EAIL,KAAK,YAAY,EACjB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAKf,OAAO,EAAsC,KAAK,cAAc,EAAE,MAAM,qBAAkB,CAAC;AAC3F,OAAO,EAML,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,qBAAkB,CAAC;AAE1B,OAAO,EAAY,KAAK,qBAAqB,EAAE,KAAK,gBAAgB,EAAE,MAAM,sBAAa,CAAC;AAG1F,OAAO,EAAc,KAAK,gBAAgB,EAAE,MAAM,yBAAgB,CAAC;AA2BnE,iFAAiF;AACjF,MAAM,MAAM,0BAA0B,GAAG,SAAS,GAAG,cAAc,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE1F,MAAM,WAAW,mBAAmB;IAClC,yDAAyD;IACzD,KAAK,CAAC,EAAE,IAAI,CAAC;IACb,wCAAwC;IACxC,YAAY,CAAC,EAAE,IAAI,CAAC;IACpB;;;OAGG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,KAAK,IAAI,CAAC;IACtC,2EAA2E;IAC3E,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,8EAA8E;IAC9E,YAAY,CAAC,EAAE,0BAA0B,CAAC;IAC1C,0CAA0C;IAC1C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,6EAA6E;IAC7E,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,wDAAwD;IACxD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kDAAkD;IAClD,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,gDAAgD;IAChD,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,2DAA2D;IAC3D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+DAA+D;IAC/D,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,KAAK,MAAM,CAAC;IACjC,kEAAkE;IAClE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6DAA6D;IAC7D,aAAa,CAAC,EAAE,gBAAgB,CAAC;IACjC,+BAA+B;IAC/B,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,6BAA6B;IAC7B,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,qEAAqE;IACrE,aAAa,CAAC,EAAE,qBAAqB,CAAC;IACtC,qBAAqB;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,2EAA2E;IAC3E,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gEAAgE;IAChE,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAC;QAAE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC,GAAG,SAAS,CAAC;CAC/D;AAED,iBAAS,kBAAkB,CAAC,EAC1B,KAAK,EAAE,SAAS,EAChB,YAAY,EACZ,aAAa,EACb,MAAgB,EAChB,YAAwB,EACxB,IAAI,EAAE,QAAQ,EACd,YAAY,EACZ,SAAc,EACd,UAAU,EACV,OAAO,EACP,OAAO,EACP,WAAiC,EACjC,MAAM,EACN,QAAgB,EAChB,aAAa,EACb,OAAO,EACP,OAAO,EACP,aAAuB,EACvB,YAAgB,EAChB,MAAM,EACN,QAAoB,EACpB,SAAkB,EAClB,SAAS,EACT,QAAQ,GACT,EAAE,mBAAmB,+BAyLrB;kBAlNQ,kBAAkB;;;AAqN3B,eAAO,MAAM,cAAc;;CAEzB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/date-time-picker/index.tsx"],"names":[],"mappings":"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"}

package/lib/typescript/src/components/fab/index.d.ts

@@ -0,0 +1,285 @@
+/**
+ * Fab — the floating action button: one screen, one thing it is mostly for.
+ *
+ * ```tsx
+ * <Fab icon={<PlusIcon size={24} />} accessibilityLabel="New note" onPress={compose} />
+ * ```
+ *
+ * ## It floats, which is the whole problem with it
+ *
+ * A button pinned over the content is a button covering some of it, and the
+ * bottom-right corner of a scrolling list is exactly where the last row goes. So
+ * a Fab is right when a screen has *one* action worth that trade and wrong when
+ * it has three — a corner with three buttons in it is a toolbar that has been
+ * put in the wrong place. Where a screen has several, the honest shapes are a
+ * `ButtonGroup` in a bar or, if one of them really does lead, this with a
+ * `Fab.Group` behind it.
+ *
+ * It positions itself absolutely against its nearest positioned ancestor, which
+ * on a screen means the screen. Give the content below it enough bottom padding
+ * to scroll clear — this cannot know how tall your list is, and a Fab sitting on
+ * the last row forever is the failure people actually hit.
+ *
+ * ## Extended, and when to bother
+ *
+ * ```tsx
+ * <Fab extended icon={<PencilIcon size={20} />}>Write</Fab>
+ * ```
+ *
+ * A lone glyph is a guess unless the glyph is a plus. `extended` spells the
+ * action out, costs the width, and is worth it for anything a plus would not
+ * have said.
+ *
+ * ## The speed dial
+ *
+ * ```tsx
+ * <Fab.Group icon={<PlusIcon size={24} />} accessibilityLabel="Add">
+ *   <Fab.Action icon={<ImageIcon size={18} />} label="Photo" onPress={addPhoto} />
+ *   <Fab.Action icon={<FileIcon size={18} />} label="File" onPress={addFile} />
+ * </Fab.Group>
+ * ```
+ *
+ * The actions come out of the button one after another rather than together —
+ * a stagger of a few frames each, which is enough to read as a list unfolding
+ * instead of a menu appearing. Every action carries its label beside it, because
+ * a column of unlabelled circles is a quiz.
+ *
+ * Opening also drops a scrim over the screen. Not for looks: an open dial is
+ * modal — the next tap either picks something or closes it — and a scrim is what
+ * says so, as well as what catches the tap that closes it.
+ *
+ * A group draws itself through a portal, above everything else — the scrim and
+ * the buttons together, so the backdrop cannot end up on top of the dial it is
+ * behind. That means its `offset` is measured from the screen's edges rather
+ * than from whatever it is written inside, which is what lets it be declared
+ * next to the content it belongs to instead of at the root of the screen.
+ */
+import { type ReactNode } from 'react';
+import { View, type ViewProps } from 'react-native';
+import { type VariantProps } from 'tailwind-variants';
+/** Which corner the button sits in. */
+export type FabPlacement = 'bottom-right' | 'bottom-center' | 'bottom-left';
+declare const fabVariants: import("tailwind-variants").TVReturnType<{
+    size: {
+        sm: {
+            root: string;
+            label: string;
+        };
+        md: {
+            root: string;
+            label: string;
+        };
+        lg: {
+            root: string;
+            label: string;
+        };
+    };
+    extended: {
+        true: {};
+        false: {};
+    };
+    variant: {
+        primary: {
+            root: string;
+            label: string;
+        };
+        secondary: {
+            root: string;
+            label: string;
+        };
+        surface: {
+            root: string;
+            label: string;
+        };
+        destructive: {
+            root: string;
+            label: string;
+        };
+    };
+    disabled: {
+        true: {
+            root: string;
+        };
+    };
+}, {
+    root: string;
+    label: string;
+}, undefined, {
+    size: {
+        sm: {
+            root: string;
+            label: string;
+        };
+        md: {
+            root: string;
+            label: string;
+        };
+        lg: {
+            root: string;
+            label: string;
+        };
+    };
+    extended: {
+        true: {};
+        false: {};
+    };
+    variant: {
+        primary: {
+            root: string;
+            label: string;
+        };
+        secondary: {
+            root: string;
+            label: string;
+        };
+        surface: {
+            root: string;
+            label: string;
+        };
+        destructive: {
+            root: string;
+            label: string;
+        };
+    };
+    disabled: {
+        true: {
+            root: string;
+        };
+    };
+}, {
+    root: string;
+    label: string;
+}, import("tailwind-variants").TVReturnType<{
+    size: {
+        sm: {
+            root: string;
+            label: string;
+        };
+        md: {
+            root: string;
+            label: string;
+        };
+        lg: {
+            root: string;
+            label: string;
+        };
+    };
+    extended: {
+        true: {};
+        false: {};
+    };
+    variant: {
+        primary: {
+            root: string;
+            label: string;
+        };
+        secondary: {
+            root: string;
+            label: string;
+        };
+        surface: {
+            root: string;
+            label: string;
+        };
+        destructive: {
+            root: string;
+            label: string;
+        };
+    };
+    disabled: {
+        true: {
+            root: string;
+        };
+    };
+}, {
+    root: string;
+    label: string;
+}, undefined, unknown, unknown, undefined>>;
+type FabVariantProps = VariantProps<typeof fabVariants>;
+/** How big the button is. */
+export type FabSize = NonNullable<FabVariantProps['size']>;
+/** What the button is drawn in. */
+export type FabVariant = NonNullable<FabVariantProps['variant']>;
+export interface FabProps extends Omit<ViewProps, 'children'>, FabVariantProps {
+    className?: string;
+    /** The glyph. Sized by you — this is the one thing that should not guess. */
+    icon?: ReactNode;
+    /**
+     * The label, which turns the circle into a stadium. Needs `extended`; a
+     * label with nowhere to go is a label that gets clipped by the circle.
+     */
+    children?: ReactNode;
+    /** Spell the action out beside the glyph. */
+    extended?: boolean;
+    /**
+     * Pin it over the content, in a corner.
+     *
+     * Left out, it is an ordinary button in the flow — which is what you want
+     * inside a `Fab.Group`, or when the screen already has somewhere for it to
+     * sit.
+     */
+    placement?: FabPlacement;
+    /** Distance from the edges when `placement` is set, in points. */
+    offset?: number;
+    onPress?: () => void;
+    disabled?: boolean;
+    /**
+     * A tick on press. Off by default — needs the optional `expo-haptics`, and
+     * is silent without it.
+     */
+    haptics?: boolean;
+    /** Required for an icon-only button. A lone glyph reads out as nothing. */
+    accessibilityLabel?: string;
+}
+export interface FabGroupProps extends Omit<ViewProps, 'children'> {
+    className?: string;
+    /** The glyph on the trigger. */
+    icon?: ReactNode;
+    /** The trigger's label, if it should be extended while closed. */
+    label?: string;
+    /** `Fab.Action` children, in the order they should unfold. */
+    children?: ReactNode;
+    /** Controlled open state. */
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /** Which corner of the *screen* the whole dial parks in. */
+    placement?: FabPlacement;
+    /** Distance from the screen's edges, in points. Add your safe-area inset. */
+    offset?: number;
+    size?: FabSize;
+    variant?: FabVariant;
+    disabled?: boolean;
+    haptics?: boolean;
+    /** Frost the screen behind the open dial instead of dimming it. */
+    blur?: boolean;
+    /** Required — the trigger is a lone glyph until it is opened. */
+    accessibilityLabel?: string;
+    /**
+     * Turn the trigger's glyph a quarter circle while the dial is open.
+     *
+     * On by default, and it is doing real work when the glyph is a plus: the
+     * same mark becomes a cross, which says "this closes now" without a second
+     * icon that has to be swapped in. Turn it off for a glyph that means
+     * something at one angle only.
+     */
+    rotateOnOpen?: boolean;
+}
+export interface FabActionProps extends Omit<ViewProps, 'children'> {
+    className?: string;
+    /** The glyph. */
+    icon?: ReactNode;
+    /** What it does, beside the glyph. A column of unlabelled circles is a quiz. */
+    label?: string;
+    onPress?: () => void;
+    disabled?: boolean;
+    /** Draws it in the destructive colour, for the one that removes something. */
+    destructive?: boolean;
+    /** Extra classes for the label chip. */
+    labelClassName?: string;
+}
+export declare const Fab: import("react").ForwardRefExoticComponent<FabProps & import("react").RefAttributes<View>> & {
+    Group: import("react").ForwardRefExoticComponent<FabGroupProps & import("react").RefAttributes<View>>;
+    Action: import("react").ForwardRefExoticComponent<FabActionProps & import("react").RefAttributes<View>>;
+};
+export {};
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/fab/index.d.ts.map

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