@hanzo/ui 8.7.5 → 8.9.0

package/dist/backends/gui/form.d.ts

@@ -0,0 +1,68 @@
+/**
+ * Form — the five pieces that connect react-hook-form to a rendered field.
+ *
+ *   <Form {...form}>
+ *     <FormField name="email" control={form.control} render={({ field }) => (
+ *       <FormItem>
+ *         <FormLabel>Email</FormLabel>
+ *         <FormControl><Input {...field} /></FormControl>
+ *         <FormMessage />
+ *       </FormItem>
+ *     )} />
+ *   </Form>
+ *
+ * What they buy is the ACCESSIBILITY wiring, which is the part hand-written
+ * forms get wrong: the control is described by its message, the message has an
+ * id to be described BY, `aria-invalid` follows the field's error state, and a
+ * message renders only when there is one to render. Each is one id agreeing in
+ * three places, and each is a place for the three to drift apart.
+ *
+ * react-hook-form is an OPTIONAL peer, like `next`. This subpath is the only
+ * thing here that reaches for it, so an app with no forms never installs it.
+ */
+import * as React from 'react';
+import { type ControllerProps, type FieldPath, type FieldValues } from 'react-hook-form';
+import { Box } from '../../box.js';
+import { Label } from './label.js';
+/** The provider. Spread a `useForm()` result straight into it. */
+export declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>({ children, watch, getValues, getFieldState, setError, clearErrors, setValue, setValues, trigger, formState, resetField, reset, resetDefaultValues, handleSubmit, unregister, control, register, setFocus, subscribe, }: import("react-hook-form").FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
+/**
+ * One field's worth of state, plus the three ids the pieces below agree on.
+ *
+ * The ids are derived from ONE `useId`, so the control, its description and its
+ * message cannot disagree about what they are pointing at.
+ */
+export declare function useFormField(): {
+    invalid: boolean;
+    isDirty: boolean;
+    isTouched: boolean;
+    isValidating: boolean;
+    error?: import("react-hook-form").FieldError | undefined;
+    name: string;
+    formItemId: string;
+    formDescriptionId: string;
+    formMessageId: string;
+};
+export declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => import("react/jsx-runtime").JSX.Element;
+export declare const FormItem: ({ className, ...props }: React.ComponentProps<typeof Box>) => import("react/jsx-runtime").JSX.Element;
+export declare const FormLabel: ({ className, ...props }: React.ComponentProps<typeof Label>) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Wires the control it wraps to its own ids without rendering anything.
+ *
+ * `asChild` on Slot would be the shadcn shape; this clones instead, because
+ * gui's Slot participates in its own styled context and a bare input is not one
+ * of its children.
+ */
+export declare const FormControl: ({ children }: {
+    children: React.ReactElement;
+}) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+export declare const FormDescription: ({ className, ...props }: React.ComponentProps<typeof Box>) => import("react/jsx-runtime").JSX.Element;
+/**
+ * The field's error, or nothing.
+ *
+ * Rendering an empty element when there is no error would reserve space that
+ * then jumps when a message arrives, and would leave an `aria-describedby`
+ * pointing at a node with no text in it.
+ */
+export declare const FormMessage: ({ className, children, ...props }: React.ComponentProps<typeof Box>) => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=form.d.ts.map

package/dist/backends/gui/form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/form.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAKL,KAAK,eAAe,EACpB,KAAK,SAAS,EACd,KAAK,WAAW,EACjB,MAAM,iBAAiB,CAAA;AAExB,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAA;AAE/B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAE/B,kEAAkE;AAClE,eAAO,MAAM,IAAI,8ZAAe,CAAA;AAQhC;;;;;GAKG;AACH,wBAAgB,YAAY;;;;;;;;;;EAkB3B;AAED,eAAO,MAAM,SAAS,GACpB,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,gBAG9D,eAAe,CAAC,YAAY,EAAE,KAAK,CAAC,4CAItC,CAAA;AAED,eAAO,MAAM,QAAQ,4BAA6B,KAAK,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,4CASjF,CAAA;AAED,eAAO,MAAM,SAAS,4BAGnB,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,4CAUpC,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,WAAW,iBAAkB;IAAE,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAA;CAAE,2EASzE,CAAA;AAED,eAAO,MAAM,eAAe,4BAA6B,KAAK,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,4CAUxF,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,WAAW,sCAAuC,KAAK,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,mDAc9F,CAAA"}

package/dist/backends/gui/form.js

@@ -0,0 +1,101 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Form — the five pieces that connect react-hook-form to a rendered field.
+ *
+ *   <Form {...form}>
+ *     <FormField name="email" control={form.control} render={({ field }) => (
+ *       <FormItem>
+ *         <FormLabel>Email</FormLabel>
+ *         <FormControl><Input {...field} /></FormControl>
+ *         <FormMessage />
+ *       </FormItem>
+ *     )} />
+ *   </Form>
+ *
+ * What they buy is the ACCESSIBILITY wiring, which is the part hand-written
+ * forms get wrong: the control is described by its message, the message has an
+ * id to be described BY, `aria-invalid` follows the field's error state, and a
+ * message renders only when there is one to render. Each is one id agreeing in
+ * three places, and each is a place for the three to drift apart.
+ *
+ * react-hook-form is an OPTIONAL peer, like `next`. This subpath is the only
+ * thing here that reaches for it, so an app with no forms never installs it.
+ */
+import * as React from 'react';
+import { Controller, FormProvider, useFormContext, useFormState, } from 'react-hook-form';
+import { Box } from '../../box.js';
+import { cn } from '../../core/cn.js';
+import { Label } from './label.js';
+/** The provider. Spread a `useForm()` result straight into it. */
+export const Form = FormProvider;
+const Field = /* @__PURE__ */ React.createContext({});
+const Item = /* @__PURE__ */ React.createContext({});
+/**
+ * One field's worth of state, plus the three ids the pieces below agree on.
+ *
+ * The ids are derived from ONE `useId`, so the control, its description and its
+ * message cannot disagree about what they are pointing at.
+ */
+export function useFormField() {
+    const field = React.useContext(Field);
+    const item = React.useContext(Item);
+    const { getFieldState } = useFormContext();
+    const formState = useFormState({ name: field.name });
+    const state = getFieldState(field.name, formState);
+    if (!field.name) {
+        throw new Error('useFormField must be used inside a <FormField>');
+    }
+    return {
+        name: field.name,
+        formItemId: `${item.id}-item`,
+        formDescriptionId: `${item.id}-description`,
+        formMessageId: `${item.id}-message`,
+        ...state,
+    };
+}
+export const FormField = ({ ...props }) => (_jsx(Field.Provider, { value: { name: props.name }, children: _jsx(Controller, { ...props }) }));
+export const FormItem = ({ className, ...props }) => {
+    const id = React.useId();
+    return (_jsx(Item.Provider, { value: { id }, children: _jsx(Box, { className: cn('grid grid-cols-1 gap-2', className), ...props }) }));
+};
+export const FormLabel = ({ className, ...props }) => {
+    const { error, formItemId } = useFormField();
+    return (_jsx(Label, { "data-error": !!error, className: cn(error && 'text-destructive', className), htmlFor: formItemId, ...props }));
+};
+/**
+ * Wires the control it wraps to its own ids without rendering anything.
+ *
+ * `asChild` on Slot would be the shadcn shape; this clones instead, because
+ * gui's Slot participates in its own styled context and a bare input is not one
+ * of its children.
+ */
+export const FormControl = ({ children }) => {
+    const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
+    return React.cloneElement(children, {
+        id: formItemId,
+        'aria-describedby': error
+            ? `${formDescriptionId} ${formMessageId}`
+            : formDescriptionId,
+        'aria-invalid': !!error,
+    });
+};
+export const FormDescription = ({ className, ...props }) => {
+    const { formDescriptionId } = useFormField();
+    return (_jsx(Box, { tag: "p", id: formDescriptionId, className: cn('text-sm text-muted-foreground', className), ...props }));
+};
+/**
+ * The field's error, or nothing.
+ *
+ * Rendering an empty element when there is no error would reserve space that
+ * then jumps when a message arrives, and would leave an `aria-describedby`
+ * pointing at a node with no text in it.
+ */
+export const FormMessage = ({ className, children, ...props }) => {
+    const { error, formMessageId } = useFormField();
+    const body = error ? String(error?.message ?? '') : children;
+    if (!body)
+        return null;
+    return (_jsx(Box, { tag: "p", id: formMessageId, className: cn('text-sm text-destructive', className), ...props, children: body }));
+};
+//# sourceMappingURL=form.js.map

package/dist/backends/gui/form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.js","sourceRoot":"","sources":["../../../src/backends/gui/form.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EACL,UAAU,EACV,YAAY,EACZ,cAAc,EACd,YAAY,GAIb,MAAM,iBAAiB,CAAA;AAExB,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAA;AAC/B,OAAO,EAAE,EAAE,EAAE,MAAM,eAAe,CAAA;AAClC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAE/B,kEAAkE;AAClE,MAAM,CAAC,MAAM,IAAI,GAAG,YAAY,CAAA;AAGhC,MAAM,KAAK,GAAG,eAAe,CAAC,KAAK,CAAC,aAAa,CAAe,EAAkB,CAAC,CAAA;AAGnF,MAAM,IAAI,GAAG,eAAe,CAAC,KAAK,CAAC,aAAa,CAAc,EAAiB,CAAC,CAAA;AAEhF;;;;;GAKG;AACH,MAAM,UAAU,YAAY;IAC1B,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,CAAA;IACrC,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,CAAA;IACnC,MAAM,EAAE,aAAa,EAAE,GAAG,cAAc,EAAE,CAAA;IAC1C,MAAM,SAAS,GAAG,YAAY,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC,CAAA;IACpD,MAAM,KAAK,GAAG,aAAa,CAAC,KAAK,CAAC,IAAI,EAAE,SAAS,CAAC,CAAA;IAElD,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;QAChB,MAAM,IAAI,KAAK,CAAC,gDAAgD,CAAC,CAAA;IACnE,CAAC;IAED,OAAO;QACL,IAAI,EAAE,KAAK,CAAC,IAAI;QAChB,UAAU,EAAE,GAAG,IAAI,CAAC,EAAE,OAAO;QAC7B,iBAAiB,EAAE,GAAG,IAAI,CAAC,EAAE,cAAc;QAC3C,aAAa,EAAE,GAAG,IAAI,CAAC,EAAE,UAAU;QACnC,GAAG,KAAK;KACT,CAAA;AACH,CAAC;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,CAGvB,EACA,GAAG,KAAK,EAC6B,EAAE,EAAE,CAAC,CAC1C,KAAC,KAAK,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,YACzC,KAAC,UAAU,OAAK,KAAK,GAAI,GACV,CAClB,CAAA;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAoC,EAAE,EAAE;IACpF,MAAM,EAAE,GAAG,KAAK,CAAC,KAAK,EAAE,CAAA;IACxB,OAAO,CACL,KAAC,IAAI,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,EAAE,EAAE,YAG1B,KAAC,GAAG,IAAC,SAAS,EAAE,EAAE,CAAC,wBAAwB,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,GACxD,CACjB,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EAC2B,EAAE,EAAE;IACvC,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,YAAY,EAAE,CAAA;IAC5C,OAAO,CACL,KAAC,KAAK,kBACQ,CAAC,CAAC,KAAK,EACnB,SAAS,EAAE,EAAE,CAAC,KAAK,IAAI,kBAAkB,EAAE,SAAS,CAAC,EACrD,OAAO,EAAE,UAAU,KACf,KAAK,GACT,CACH,CAAA;AACH,CAAC,CAAA;AAED;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAE,QAAQ,EAAoC,EAAE,EAAE;IAC5E,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,iBAAiB,EAAE,aAAa,EAAE,GAAG,YAAY,EAAE,CAAA;IAC9E,OAAO,KAAK,CAAC,YAAY,CAAC,QAAQ,EAAE;QAClC,EAAE,EAAE,UAAU;QACd,kBAAkB,EAAE,KAAK;YACvB,CAAC,CAAC,GAAG,iBAAiB,IAAI,aAAa,EAAE;YACzC,CAAC,CAAC,iBAAiB;QACrB,cAAc,EAAE,CAAC,CAAC,KAAK;KACG,CAAC,CAAA;AAC/B,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAoC,EAAE,EAAE;IAC3F,MAAM,EAAE,iBAAiB,EAAE,GAAG,YAAY,EAAE,CAAA;IAC5C,OAAO,CACL,KAAC,GAAG,IACF,GAAG,EAAC,GAAG,EACP,EAAE,EAAE,iBAAiB,EACrB,SAAS,EAAE,EAAE,CAAC,+BAA+B,EAAE,SAAS,CAAC,KACrD,KAAK,GACT,CACH,CAAA;AACH,CAAC,CAAA;AAED;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAoC,EAAE,EAAE;IACjG,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,GAAG,YAAY,EAAE,CAAA;IAC/C,MAAM,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,OAAO,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAA;IAC5D,IAAI,CAAC,IAAI;QAAE,OAAO,IAAI,CAAA;IACtB,OAAO,CACL,KAAC,GAAG,IACF,GAAG,EAAC,GAAG,EACP,EAAE,EAAE,aAAa,EACjB,SAAS,EAAE,EAAE,CAAC,0BAA0B,EAAE,SAAS,CAAC,KAChD,KAAK,YAER,IAAI,GACD,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/backends/gui/index.cjs

@@ -19,7 +19,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ContextMenuRadioItem = exports.ContextMenuCheckboxItem = exports.ContextMenuItem = exports.ContextMenuContent = exports.ContextMenuTrigger = exports.ContextMenu = exports.CommandSeparator = exports.CommandShortcut = exports.CommandItem = exports.CommandGroup = exports.CommandEmpty = exports.CommandList = exports.CommandInput = exports.CommandDialog = exports.Command = exports.CollapsibleContent = exports.CollapsibleTrigger = exports.Collapsible = exports.Checkbox = exports.CardMedia = exports.CardContent = exports.CardDescription = exports.CardAction = exports.CardTitle = exports.CardFooter = exports.CardHeader = exports.Card = exports.buttonVariants = exports.Button = exports.badgeVariants = exports.Badge = exports.AvatarFallback = exports.AvatarImage = exports.Avatar = exports.AspectRatio = exports.AlertDialogCancel = exports.AlertDialogAction = exports.AlertDialogDescription = exports.AlertDialogTitle = exports.AlertDialogFooter = exports.AlertDialogHeader = exports.AlertDialogContent = exports.AlertDialogOverlay = exports.AlertDialogPortal = exports.AlertDialogTrigger = exports.AlertDialog = exports.AccordionContent = exports.AccordionTrigger = exports.AccordionItem = exports.Accordion = void 0;
 exports.ResizablePanel = exports.ResizablePanelGroup = exports.RadioGroupItem = exports.RadioGroup = exports.Progress = exports.PopoverClose = exports.PopoverAnchor = exports.PopoverContent = exports.PopoverTrigger = exports.Popover = exports.Label = exports.Input = exports.HoverCardContent = exports.HoverCardTrigger = exports.HoverCard = exports.Glass = exports.DropdownMenuRadioGroup = exports.DropdownMenuSubTrigger = exports.DropdownMenuSubContent = exports.DropdownMenuSub = exports.DropdownMenuPortal = exports.DropdownMenuGroup = exports.DropdownMenuShortcut = exports.DropdownMenuSeparator = exports.DropdownMenuLabel = exports.DropdownMenuRadioItem = exports.DropdownMenuCheckboxItem = exports.DropdownMenuItem = exports.DropdownMenuContent = exports.DropdownMenuTrigger = exports.DropdownMenu = exports.DialogTrigger = exports.DialogTitle = exports.DialogPortal = exports.DialogOverlay = exports.DialogHeader = exports.DialogFooter = exports.DialogDescription = exports.DialogContent = exports.DialogClose = exports.Dialog = exports.ContextMenuRadioGroup = exports.ContextMenuSubTrigger = exports.ContextMenuSubContent = exports.ContextMenuSub = exports.ContextMenuPortal = exports.ContextMenuGroup = exports.ContextMenuShortcut = exports.ContextMenuSeparator = exports.ContextMenuLabel = void 0;
 exports.ToggleGroupItem = exports.ToggleGroup = exports.toast = exports.Toaster = exports.Textarea = exports.TabsContent = exports.TabsTrigger = exports.TabsList = exports.Tabs = exports.Switch = exports.Spinner = exports.Slider = exports.Fill = exports.Screen = exports.Band = exports.SelectScrollDownButton = exports.SelectScrollUpButton = exports.SelectSeparator = exports.SelectItem = exports.SelectLabel = exports.SelectContent = exports.SelectTrigger = exports.SelectValue = exports.SelectGroup = exports.Select = exports.ScrollBar = exports.ScrollArea = exports.Text = exports.View = exports.ScrollView = exports.Spacer = exports.Separator = exports.Image = exports.Anchor = exports.Em = exports.Strong = exports.Span = exports.H6 = exports.H5 = exports.H4 = exports.H3 = exports.H2 = exports.H1 = exports.Heading = exports.Paragraph = exports.SizableText = exports.ZStack = exports.YStack = exports.XStack = exports.ResizableHandle = void 0;
-exports.YouTubeEmbed = exports.VideoPlayer = exports.LinkElement = exports.MDXLink = exports.useLink = exports.Link = exports.ApplyTypography = exports.TooltipProvider = exports.TooltipContent = exports.TooltipTrigger = exports.Tooltip = void 0;
+exports.fit = exports.MediaStack = exports.Skeleton = exports.CarouselNext = exports.CarouselPrevious = exports.CarouselItem = exports.CarouselContent = exports.Carousel = exports.YouTubeEmbed = exports.VideoPlayer = exports.LinkElement = exports.MDXLink = exports.useLink = exports.Link = exports.ApplyTypography = exports.useFormField = exports.FormMessage = exports.FormDescription = exports.FormControl = exports.FormLabel = exports.FormItem = exports.FormField = exports.Form = exports.TooltipProvider = exports.TooltipContent = exports.TooltipTrigger = exports.Tooltip = void 0;
 var accordion_1 = require("./accordion.cjs");
 Object.defineProperty(exports, "Accordion", { enumerable: true, get: function () { return accordion_1.Accordion; } });
 Object.defineProperty(exports, "AccordionItem", { enumerable: true, get: function () { return accordion_1.AccordionItem; } });
@@ -218,6 +218,15 @@ Object.defineProperty(exports, "Tooltip", { enumerable: true, get: function () {
 Object.defineProperty(exports, "TooltipTrigger", { enumerable: true, get: function () { return tooltip_1.TooltipTrigger; } });
 Object.defineProperty(exports, "TooltipContent", { enumerable: true, get: function () { return tooltip_1.TooltipContent; } });
 Object.defineProperty(exports, "TooltipProvider", { enumerable: true, get: function () { return tooltip_1.TooltipProvider; } });
+var form_1 = require("./form.cjs");
+Object.defineProperty(exports, "Form", { enumerable: true, get: function () { return form_1.Form; } });
+Object.defineProperty(exports, "FormField", { enumerable: true, get: function () { return form_1.FormField; } });
+Object.defineProperty(exports, "FormItem", { enumerable: true, get: function () { return form_1.FormItem; } });
+Object.defineProperty(exports, "FormLabel", { enumerable: true, get: function () { return form_1.FormLabel; } });
+Object.defineProperty(exports, "FormControl", { enumerable: true, get: function () { return form_1.FormControl; } });
+Object.defineProperty(exports, "FormDescription", { enumerable: true, get: function () { return form_1.FormDescription; } });
+Object.defineProperty(exports, "FormMessage", { enumerable: true, get: function () { return form_1.FormMessage; } });
+Object.defineProperty(exports, "useFormField", { enumerable: true, get: function () { return form_1.useFormField; } });
 var prose_1 = require("./prose.cjs");
 Object.defineProperty(exports, "ApplyTypography", { enumerable: true, get: function () { return prose_1.ApplyTypography; } });
 var link_1 = require("./link.cjs");
@@ -228,3 +237,14 @@ Object.defineProperty(exports, "LinkElement", { enumerable: true, get: function
 var video_1 = require("./video.cjs");
 Object.defineProperty(exports, "VideoPlayer", { enumerable: true, get: function () { return video_1.VideoPlayer; } });
 Object.defineProperty(exports, "YouTubeEmbed", { enumerable: true, get: function () { return video_1.YouTubeEmbed; } });
+var carousel_1 = require("./carousel.cjs");
+Object.defineProperty(exports, "Carousel", { enumerable: true, get: function () { return carousel_1.Carousel; } });
+Object.defineProperty(exports, "CarouselContent", { enumerable: true, get: function () { return carousel_1.CarouselContent; } });
+Object.defineProperty(exports, "CarouselItem", { enumerable: true, get: function () { return carousel_1.CarouselItem; } });
+Object.defineProperty(exports, "CarouselPrevious", { enumerable: true, get: function () { return carousel_1.CarouselPrevious; } });
+Object.defineProperty(exports, "CarouselNext", { enumerable: true, get: function () { return carousel_1.CarouselNext; } });
+var skeleton_1 = require("./skeleton.cjs");
+Object.defineProperty(exports, "Skeleton", { enumerable: true, get: function () { return skeleton_1.Skeleton; } });
+var media_stack_1 = require("./media-stack.cjs");
+Object.defineProperty(exports, "MediaStack", { enumerable: true, get: function () { return media_stack_1.MediaStack; } });
+Object.defineProperty(exports, "fit", { enumerable: true, get: function () { return media_stack_1.fit; } });

package/dist/backends/gui/index.d.ts

@@ -32,7 +32,11 @@ export { Textarea } from './textarea.js';
 export { Toaster, toast } from './toaster.js';
 export { ToggleGroup, ToggleGroupItem, type ToggleGroupProps, type ToggleGroupItemProps, type ToggleGroupVariant, type ToggleGroupSize, } from './toggle-group.js';
 export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider } from './tooltip.js';
+export { Form, FormField, FormItem, FormLabel, FormControl, FormDescription, FormMessage, useFormField, } from './form.js';
 export { ApplyTypography, type ApplyTypographyProps, type ProseTag, type TypographySize, } from './prose.js';
 export { Link, useLink, MDXLink, LinkElement, type LinkComponent, type LinkElementProps, } from './link.js';
 export { VideoPlayer, YouTubeEmbed, type VideoPlayerProps, type YouTubeEmbedProps, } from './video.js';
+export { Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext, type CarouselApi, type CarouselOptions, type CarouselProps, } from './carousel.js';
+export { Skeleton } from './skeleton.js';
+export { MediaStack, fit, type MediaStackProps } from './media-stack.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/backends/gui/index.d.ts.map

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

package/dist/backends/gui/index.js

@@ -58,7 +58,11 @@ export { Textarea } from './textarea.js';
 export { Toaster, toast } from './toaster.js';
 export { ToggleGroup, ToggleGroupItem, } from './toggle-group.js';
 export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider } from './tooltip.js';
+export { Form, FormField, FormItem, FormLabel, FormControl, FormDescription, FormMessage, useFormField, } from './form.js';
 export { ApplyTypography, } from './prose.js';
 export { Link, useLink, MDXLink, LinkElement, } from './link.js';
 export { VideoPlayer, YouTubeEmbed, } from './video.js';
+export { Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext, } from './carousel.js';
+export { Skeleton } from './skeleton.js';
+export { MediaStack, fit } from './media-stack.js';
 //# sourceMappingURL=index.js.map

package/dist/backends/gui/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/backends/gui/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/backends/gui/index.ts"],"names":[],"mappings":"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"}

package/dist/backends/gui/media-stack.cjs

@@ -0,0 +1,70 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MediaStack = exports.fit = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const gui_1 = require("@hanzo/gui");
+const box_1 = require("../../box.cjs");
+const cn_1 = require("../../core/cn.cjs");
+const video_1 = require("./video.cjs");
+/**
+ * The largest `dim` fits inside `to` at its own aspect ratio, times `scale`.
+ *
+ * `scale` is a fraction of the CONSTRAINT rather than a CSS transform: a scaled
+ * image occupies the space it draws in, so a swatch at 0.25 leaves room around
+ * it instead of overlapping its neighbours the way `transform: scale` would.
+ */
+const fit = (dim, to, scale = 1) => {
+    if (!dim?.w || !dim?.h)
+        return to;
+    const r = Math.min(to.w / dim.w, to.h / dim.h) * scale;
+    return { w: Math.round(dim.w * r), h: Math.round(dim.h * r) };
+};
+exports.fit = fit;
+const MediaStack = ({ media, constrainTo, className, ...props }) => {
+    const scale = media?.mediaTransform?.scale ?? 1;
+    const { offsetX = 0, offsetY = 0 } = media?.mediaTransform ?? {};
+    // Richest first. `animation` renders as its poster: a Lottie document needs a
+    // player, no content in this estate carries one, and a still is a better
+    // answer than an empty box for content that does.
+    const anim = media?.animation;
+    const video = media?.video;
+    const img = media?.img;
+    const inner = (() => {
+        if (video?.sources?.length) {
+            const d = (0, exports.fit)(video.dim?.md ?? constrainTo, constrainTo, scale);
+            return ((0, jsx_runtime_1.jsx)(video_1.VideoPlayer, { width: d.w, height: d.h, poster: video.poster, sources: video.sources, ...video.videoProps }));
+        }
+        const still = anim?.poster
+            ? { src: anim.poster, alt: '', dim: anim.dim }
+            : img;
+        if (!still?.src)
+            return null;
+        const d = (0, exports.fit)(still.dim ?? constrainTo, constrainTo, scale);
+        return ((0, jsx_runtime_1.jsx)(gui_1.Image
+        // `src`, not react-native's `source`. gui's Image renders a real <img>
+        // on web and forwards what it does not recognise straight to the DOM,
+        // so a `source` object arrives as the attribute `source="[object
+        // Object]"` and the element has no url at all — it renders, it measures,
+        // and it shows nothing.
+        , { 
+            // `src`, not react-native's `source`. gui's Image renders a real <img>
+            // on web and forwards what it does not recognise straight to the DOM,
+            // so a `source` object arrives as the attribute `source="[object
+            // Object]"` and the element has no url at all — it renders, it measures,
+            // and it shows nothing.
+            src: still.src, width: d.w, height: d.h, 
+            // The short filename is a far better default than nothing: a decorative
+            // image should say so with `alt=""`, and content that forgot the field
+            // at least announces WHICH image it is.
+            alt: still.alt ?? still.src.split('/').pop(), className: img?.rounded }));
+    })();
+    return ((0, jsx_runtime_1.jsx)(box_1.Box, { className: (0, cn_1.cn)('grid place-items-center', className), style: {
+            width: constrainTo.w,
+            height: constrainTo.h,
+            ...(offsetX || offsetY
+                ? { transform: `translate(${offsetX}px, ${offsetY}px)` }
+                : null),
+        }, ...props, children: inner }));
+};
+exports.MediaStack = MediaStack;

package/dist/backends/gui/media-stack.d.ts

@@ -0,0 +1,32 @@
+/**
+ * MediaStack — one subject, in whatever media the content happens to have.
+ *
+ * A product has a photograph. Later it has a video, and later still an animated
+ * one, and no consumer should have to learn about that: the content grows a
+ * field and the stack renders the richest thing it can play. Callers say what
+ * BOX the media must fit in, never what size to draw it — so a grid of cards
+ * lines up whatever the source resolutions happen to be.
+ *
+ * Fitting is `contain`, computed here rather than left to CSS `object-fit`,
+ * because the element must be the fitted size for the layout around it to
+ * reserve the right space before the bytes arrive. `object-fit` letterboxes
+ * INSIDE a box that is already the wrong shape.
+ */
+import * as React from 'react';
+import { Box } from '../../box.js';
+import type { Dimensions, MediaStackDef } from '../../types.js';
+/**
+ * The largest `dim` fits inside `to` at its own aspect ratio, times `scale`.
+ *
+ * `scale` is a fraction of the CONSTRAINT rather than a CSS transform: a scaled
+ * image occupies the space it draws in, so a swatch at 0.25 leaves room around
+ * it instead of overlapping its neighbours the way `transform: scale` would.
+ */
+export declare const fit: (dim: Dimensions, to: Dimensions, scale?: number) => Dimensions;
+export type MediaStackProps = Omit<React.ComponentProps<typeof Box>, 'children'> & {
+    media: MediaStackDef;
+    /** The box the media must fit inside. */
+    constrainTo: Dimensions;
+};
+export declare const MediaStack: ({ media, constrainTo, className, ...props }: MediaStackProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=media-stack.d.ts.map

package/dist/backends/gui/media-stack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"media-stack.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/media-stack.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;GAaG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAA;AAE/B,OAAO,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAG5D;;;;;;GAMG;AACH,eAAO,MAAM,GAAG,QAAS,UAAU,MAAM,UAAU,qBAAc,UAIhE,CAAA;AAED,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,EAAE,UAAU,CAAC,GAAG;IACjF,KAAK,EAAE,aAAa,CAAA;IACpB,yCAAyC;IACzC,WAAW,EAAE,UAAU,CAAA;CACxB,CAAA;AAED,eAAO,MAAM,UAAU,gDAAiD,eAAe,4CA+DtF,CAAA"}

package/dist/backends/gui/media-stack.js

@@ -0,0 +1,66 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Image } from '@hanzo/gui';
+import { Box } from '../../box.js';
+import { cn } from '../../core/cn.js';
+import { VideoPlayer } from './video.js';
+/**
+ * The largest `dim` fits inside `to` at its own aspect ratio, times `scale`.
+ *
+ * `scale` is a fraction of the CONSTRAINT rather than a CSS transform: a scaled
+ * image occupies the space it draws in, so a swatch at 0.25 leaves room around
+ * it instead of overlapping its neighbours the way `transform: scale` would.
+ */
+export const fit = (dim, to, scale = 1) => {
+    if (!dim?.w || !dim?.h)
+        return to;
+    const r = Math.min(to.w / dim.w, to.h / dim.h) * scale;
+    return { w: Math.round(dim.w * r), h: Math.round(dim.h * r) };
+};
+export const MediaStack = ({ media, constrainTo, className, ...props }) => {
+    const scale = media?.mediaTransform?.scale ?? 1;
+    const { offsetX = 0, offsetY = 0 } = media?.mediaTransform ?? {};
+    // Richest first. `animation` renders as its poster: a Lottie document needs a
+    // player, no content in this estate carries one, and a still is a better
+    // answer than an empty box for content that does.
+    const anim = media?.animation;
+    const video = media?.video;
+    const img = media?.img;
+    const inner = (() => {
+        if (video?.sources?.length) {
+            const d = fit(video.dim?.md ?? constrainTo, constrainTo, scale);
+            return (_jsx(VideoPlayer, { width: d.w, height: d.h, poster: video.poster, sources: video.sources, ...video.videoProps }));
+        }
+        const still = anim?.poster
+            ? { src: anim.poster, alt: '', dim: anim.dim }
+            : img;
+        if (!still?.src)
+            return null;
+        const d = fit(still.dim ?? constrainTo, constrainTo, scale);
+        return (_jsx(Image
+        // `src`, not react-native's `source`. gui's Image renders a real <img>
+        // on web and forwards what it does not recognise straight to the DOM,
+        // so a `source` object arrives as the attribute `source="[object
+        // Object]"` and the element has no url at all — it renders, it measures,
+        // and it shows nothing.
+        , { 
+            // `src`, not react-native's `source`. gui's Image renders a real <img>
+            // on web and forwards what it does not recognise straight to the DOM,
+            // so a `source` object arrives as the attribute `source="[object
+            // Object]"` and the element has no url at all — it renders, it measures,
+            // and it shows nothing.
+            src: still.src, width: d.w, height: d.h, 
+            // The short filename is a far better default than nothing: a decorative
+            // image should say so with `alt=""`, and content that forgot the field
+            // at least announces WHICH image it is.
+            alt: still.alt ?? still.src.split('/').pop(), className: img?.rounded }));
+    })();
+    return (_jsx(Box, { className: cn('grid place-items-center', className), style: {
+            width: constrainTo.w,
+            height: constrainTo.h,
+            ...(offsetX || offsetY
+                ? { transform: `translate(${offsetX}px, ${offsetY}px)` }
+                : null),
+        }, ...props, children: inner }));
+};
+//# sourceMappingURL=media-stack.js.map

package/dist/backends/gui/media-stack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"media-stack.js","sourceRoot":"","sources":["../../../src/backends/gui/media-stack.tsx"],"names":[],"mappings":"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"}

package/dist/backends/gui/skeleton.cjs

@@ -0,0 +1,14 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Skeleton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const box_1 = require("../../box.cjs");
+const cn_1 = require("../../core/cn.cjs");
+const Skeleton = ({ className, ...props }) => ((0, jsx_runtime_1.jsx)(box_1.Box
+// Announced as busy so a screen reader says "loading" rather than reading
+// out an empty box, or nothing at all. A boolean, not the string "true":
+// gui types the ARIA states as booleans and React writes the attribute out
+// either way.
+, { "aria-busy": true, "aria-live": "polite", className: (0, cn_1.cn)('hz-pulse rounded-md bg-muted', className), ...props }));
+exports.Skeleton = Skeleton;

package/dist/backends/gui/skeleton.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Skeleton — the shape of content that has not arrived.
+ *
+ * It is a box with the pulse on it and nothing else, so the SIZE is the caller's
+ * to state and should match what will land there. A skeleton that is not the
+ * size of its content is worse than none: the page reflows when the real thing
+ * appears, which is the jump the skeleton existed to prevent.
+ */
+import * as React from 'react';
+import { Box } from '../../box.js';
+export declare const Skeleton: ({ className, ...props }: React.ComponentProps<typeof Box>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=skeleton.d.ts.map

package/dist/backends/gui/skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/skeleton.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAA;AAG/B,eAAO,MAAM,QAAQ,4BAA6B,KAAK,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,4CAWjF,CAAA"}

package/dist/backends/gui/skeleton.js

@@ -0,0 +1,11 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box } from '../../box.js';
+import { cn } from '../../core/cn.js';
+export const Skeleton = ({ className, ...props }) => (_jsx(Box
+// Announced as busy so a screen reader says "loading" rather than reading
+// out an empty box, or nothing at all. A boolean, not the string "true":
+// gui types the ARIA states as booleans and React writes the attribute out
+// either way.
+, { "aria-busy": true, "aria-live": "polite", className: cn('hz-pulse rounded-md bg-muted', className), ...props }));
+//# sourceMappingURL=skeleton.js.map

package/dist/backends/gui/skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.js","sourceRoot":"","sources":["../../../src/backends/gui/skeleton.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAYZ,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAA;AAC/B,OAAO,EAAE,EAAE,EAAE,MAAM,eAAe,CAAA;AAElC,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAoC,EAAE,EAAE,CAAC,CACrF,KAAC,GAAG;AACF,0EAA0E;AAC1E,yEAAyE;AACzE,2EAA2E;AAC3E,cAAc;iBACH,IAAI,eACL,QAAQ,EAClB,SAAS,EAAE,EAAE,CAAC,8BAA8B,EAAE,SAAS,CAAC,KACpD,KAAK,GACT,CACH,CAAA"}

package/dist/box.cjs

@@ -64,6 +64,23 @@ const TEXT_PROPS = ['fontSize', 'lineHeight', 'fontWeight', 'letterSpacing',
     // column going ragged — a 25px total measuring 27px, which no test asserting
     // on text would notice.
     'fontVariantNumeric'];
+/**
+ * Properties gui has no style prop for, which must reach the DOM as plain CSS.
+ *
+ * An unrecognised prop is not dropped — it is FORWARDED, so it lands on the
+ * element as an attribute: `scrollSnapType="x mandatory"` sitting in the markup
+ * where `scroll-snap-type` was meant. The element renders, the attribute is
+ * inert, and a carousel scrolls freely past its slides with nothing to say why.
+ * Same shape as the text properties above, different reason: those are dropped
+ * by the frame, these were never known to it.
+ *
+ * Exactly the properties `tw` emits that gui's tables do not name. gui DOES
+ * carry `backgroundClip` and `backgroundOrigin`, so those stay with it; it does
+ * not carry the `-webkit-` half of the pair, which is the one Safari reads for
+ * clipping a gradient to text.
+ */
+const CSS_PROPS = ['scrollSnapType', 'scrollSnapAlign', 'scrollSnapStop',
+    'WebkitBackgroundClip'];
 const BoxInner = (0, react_1.forwardRef)(function Box({ className, children, 'aria-hidden': hidden, tag, ...rest }, ref) {
     const { props, rest: unread } = (0, tw_1.tw)(className);
     // A View pins `min-height: 0`; a div's is `auto`, and auto is what gives a
@@ -86,6 +103,11 @@ const BoxInner = (0, react_1.forwardRef)(function Box({ className, children, 'ar
             text[k] = props[k];
             delete props[k];
         }
+    for (const k of CSS_PROPS)
+        if (k in props) {
+            text[k] = props[k];
+            delete props[k];
+        }
     // A div's line-height comes from the cascade; gui's Stack stamps its own, so
     // a converted box grew a few pixels per line of text. Stated only when no
     // class said otherwise, so `leading-relaxed` still wins.

package/dist/box.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"box.d.ts","sourceRoot":"","sources":["../src/box.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,OAAO,EAA6B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AACjE,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AACnC,OAAO,EAAM,KAAK,UAAU,EAAE,MAAM,MAAM,CAAA;AA6B1C;;;;;;;;;GASG;AACH,MAAM,MAAM,QAAQ,CAAC,CAAC,SAAS,MAAM,KAAK,CAAC,GAAG,CAAC,iBAAiB,GAAG,KAAK,IAWtE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EACpC,aAAa,GAAG,KAAK,GAAG,OAAO,GAAG,UAAU,GAAG,WAAW,GAAG,OAAO,GAAG,IAAI,GAC3E,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,GACnE,SAAS,GAAG,QAAQ,GAAG,WAAW,GAAG,SAAS,GAAG,YAAY,GAC7D,cAAc,GAAG,cAAc,GAAG,aAAa,GAAG,WAAW,GAC7D,UAAU,GAAG,UAAU,GAAG,UAAU,CAAC,GACzC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,UAAU,GAAG,WAAW,GAAG,OAAO,CAAC,GAAG;IAC3F,SAAS,CAAC,EAAE,UAAU,CAAA;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;IACpB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC3B;;OAEG;IACH,GAAG,CAAC,EAAE,CAAC,CAAA;IACP;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAA;CAC3C,CAAA;AAuEH;;;;;;;GAOG;AACH,eAAO,MAAM,GAAG,EAAe,CAAC,CAAC,SAAS,MAAM,KAAK,CAAC,GAAG,CAAC,iBAAiB,GAAG,KAAK,EACjF,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;CAAE,KAC1C,KAAK,CAAC,YAAY,GAAG,IAAI,CAAA;eAEf,GAAG"}
+{"version":3,"file":"box.d.ts","sourceRoot":"","sources":["../src/box.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,OAAO,EAA6B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AACjE,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AACnC,OAAO,EAAM,KAAK,UAAU,EAAE,MAAM,MAAM,CAAA;AA+C1C;;;;;;;;;GASG;AACH,MAAM,MAAM,QAAQ,CAAC,CAAC,SAAS,MAAM,KAAK,CAAC,GAAG,CAAC,iBAAiB,GAAG,KAAK,IAWtE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EACpC,aAAa,GAAG,KAAK,GAAG,OAAO,GAAG,UAAU,GAAG,WAAW,GAAG,OAAO,GAAG,IAAI,GAC3E,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,GACnE,SAAS,GAAG,QAAQ,GAAG,WAAW,GAAG,SAAS,GAAG,YAAY,GAC7D,cAAc,GAAG,cAAc,GAAG,aAAa,GAAG,WAAW,GAC7D,UAAU,GAAG,UAAU,GAAG,UAAU,CAAC,GACzC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,UAAU,GAAG,WAAW,GAAG,OAAO,CAAC,GAAG;IAC3F,SAAS,CAAC,EAAE,UAAU,CAAA;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;IACpB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC3B;;OAEG;IACH,GAAG,CAAC,EAAE,CAAC,CAAA;IACP;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAA;CAC3C,CAAA;AAwEH;;;;;;;GAOG;AACH,eAAO,MAAM,GAAG,EAAe,CAAC,CAAC,SAAS,MAAM,KAAK,CAAC,GAAG,CAAC,iBAAiB,GAAG,KAAK,EACjF,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;CAAE,KAC1C,KAAK,CAAC,YAAY,GAAG,IAAI,CAAA;eAEf,GAAG"}

package/dist/box.js

@@ -61,6 +61,23 @@ const TEXT_PROPS = ['fontSize', 'lineHeight', 'fontWeight', 'letterSpacing',
     // column going ragged — a 25px total measuring 27px, which no test asserting
     // on text would notice.
     'fontVariantNumeric'];
+/**
+ * Properties gui has no style prop for, which must reach the DOM as plain CSS.
+ *
+ * An unrecognised prop is not dropped — it is FORWARDED, so it lands on the
+ * element as an attribute: `scrollSnapType="x mandatory"` sitting in the markup
+ * where `scroll-snap-type` was meant. The element renders, the attribute is
+ * inert, and a carousel scrolls freely past its slides with nothing to say why.
+ * Same shape as the text properties above, different reason: those are dropped
+ * by the frame, these were never known to it.
+ *
+ * Exactly the properties `tw` emits that gui's tables do not name. gui DOES
+ * carry `backgroundClip` and `backgroundOrigin`, so those stay with it; it does
+ * not carry the `-webkit-` half of the pair, which is the one Safari reads for
+ * clipping a gradient to text.
+ */
+const CSS_PROPS = ['scrollSnapType', 'scrollSnapAlign', 'scrollSnapStop',
+    'WebkitBackgroundClip'];
 const BoxInner = forwardRef(function Box({ className, children, 'aria-hidden': hidden, tag, ...rest }, ref) {
     const { props, rest: unread } = tw(className);
     // A View pins `min-height: 0`; a div's is `auto`, and auto is what gives a
@@ -83,6 +100,11 @@ const BoxInner = forwardRef(function Box({ className, children, 'aria-hidden': h
             text[k] = props[k];
             delete props[k];
         }
+    for (const k of CSS_PROPS)
+        if (k in props) {
+            text[k] = props[k];
+            delete props[k];
+        }
     // A div's line-height comes from the cascade; gui's Stack stamps its own, so
     // a converted box grew a few pixels per line of text. Stated only when no
     // class said otherwise, so `leading-relaxed` still wins.