@uisatin/ui 0.3.0 → 0.4.0

package/components/split-button.d.ts

@@ -0,0 +1,24 @@
+import * as React from 'react';
+import { type ButtonProps } from './button.js';
+import { type DropdownMenuProps } from './dropdown.js';
+/**
+ * SplitButton: the main action and, joined to it, an arrow that opens the related ones
+ * ("Publish" ▾ Schedule, Save as draft). Built from an attached ButtonGroup, two Buttons and a
+ * DropdownMenu, so it takes every Button variant, size and shape, and the menu takes
+ * `DropdownMenuItem`s (`label`, `icon`, `shortcut`…) and groups like any other.
+ *
+ * Use it when one action is the usual one and the others are its variations; when the actions
+ * are equals, use a DropdownMenu on its own. The arrow is named "More options" (`menuLabel`, or
+ * `moreOptions` in SatinLabels) and disabling the button disables both halves.
+ */
+export interface SplitButtonProps extends Omit<ButtonProps, 'iconOnly' | 'asChild'> {
+    /** The related actions: `DropdownMenuItem`s, optionally in `DropdownMenuGroup`s. */
+    menu: React.ReactNode;
+    /** Accessible name of the arrow. */
+    menuLabel?: string;
+    /** Passed to the DropdownMenu: `align` (default `end`), `side`, `open`, `onOpenChange`… */
+    menuProps?: Omit<DropdownMenuProps, 'trigger' | 'children'>;
+    /** Class names for the group around both halves. */
+    groupClassName?: string;
+}
+export declare function SplitButton({ menu, menuLabel, menuProps, groupClassName, variant, size, shape, disabled, children, ...props }: SplitButtonProps): React.JSX.Element;

package/components/split-button.js

@@ -0,0 +1,8 @@
+'use client';export { SplitButton } from '../chunk-FB6DG3LR.js';
+import '../chunk-GH2DEOGO.js';
+import '../chunk-P36KBUYD.js';
+import '../chunk-XWPH7C2W.js';
+import '../chunk-6DWLTGRQ.js';
+import '../chunk-AKEZCWNW.js';
+import '../chunk-NTSU44FY.js';
+import '../chunk-EHEXE2UV.js';

package/components/streaming-text.js

@@ -1,2 +1,2 @@
-'use client';export { StreamingText } from '../chunk-5KTBSMQU.js';
-import '../chunk-O46O6LFQ.js';
+'use client';export { StreamingText } from '../chunk-LWRB4DED.js';
+import '../chunk-EHEXE2UV.js';

package/components/switch.js

@@ -1,2 +1,2 @@
-'use client';export { Switch } from '../chunk-NH3EHMIL.js';
-import '../chunk-O46O6LFQ.js';
+'use client';export { Switch } from '../chunk-APRVUOD6.js';
+import '../chunk-EHEXE2UV.js';

package/components/table.js

@@ -1,4 +1,4 @@
-'use client';export { Table } from '../chunk-W4RDTP6W.js';
-import '../chunk-X2GNMNZQ.js';
-import '../chunk-SSOFFQ5T.js';
-import '../chunk-O46O6LFQ.js';
+'use client';export { Table } from '../chunk-SVUWR3HD.js';
+import '../chunk-W2QQQWNE.js';
+import '../chunk-NTSU44FY.js';
+import '../chunk-EHEXE2UV.js';

package/components/tabs.js

@@ -1,3 +1,3 @@
-'use client';export { Tabs, TabsContent } from '../chunk-3DHJXU45.js';
+'use client';export { Tabs, TabsContent } from '../chunk-P6RHT2VM.js';
 import '../chunk-XETMIETJ.js';
-import '../chunk-O46O6LFQ.js';
+import '../chunk-EHEXE2UV.js';

package/components/textarea.js

@@ -1,3 +1,3 @@
-'use client';export { Textarea } from '../chunk-DPYIBFQD.js';
-import '../chunk-VUOAPWTF.js';
-import '../chunk-O46O6LFQ.js';
+'use client';export { Textarea } from '../chunk-C435UD7V.js';
+import '../chunk-KITXKIYW.js';
+import '../chunk-EHEXE2UV.js';

package/components/thinking.js

@@ -1,3 +1,3 @@
-'use client';export { Thinking } from '../chunk-NL574STL.js';
-import '../chunk-UGIVCXGN.js';
-import '../chunk-O46O6LFQ.js';
+'use client';export { Thinking } from '../chunk-WCUR44O6.js';
+import '../chunk-R4KPFBMK.js';
+import '../chunk-EHEXE2UV.js';

package/components/toast.js

@@ -1,4 +1,5 @@
-'use client';export { Toast, Toaster, toast } from '../chunk-CGOH5IYX.js';
-import '../chunk-T6L32XXH.js';
-import '../chunk-SSOFFQ5T.js';
-import '../chunk-O46O6LFQ.js';
+'use client';export { Toast, Toaster, toast } from '../chunk-YY236ZSJ.js';
+import '../chunk-6DWLTGRQ.js';
+import '../chunk-AKEZCWNW.js';
+import '../chunk-NTSU44FY.js';
+import '../chunk-EHEXE2UV.js';

package/components/toggle.js

@@ -1,2 +1,2 @@
-'use client';export { Toggle, toggleVariants } from '../chunk-XH56JGYC.js';
-import '../chunk-O46O6LFQ.js';
+'use client';export { Toggle, toggleVariants } from '../chunk-R5TQ3HNB.js';
+import '../chunk-EHEXE2UV.js';

package/components/tooltip.js

@@ -1,3 +1,3 @@
-'use client';export { Tooltip, TooltipBubble } from '../chunk-GMETYACH.js';
-import '../chunk-57QEOCDZ.js';
-import '../chunk-O46O6LFQ.js';
+'use client';export { Tooltip, TooltipBubble } from '../chunk-KDU7AT2T.js';
+import '../chunk-XWPH7C2W.js';
+import '../chunk-EHEXE2UV.js';

package/index.d.ts

@@ -2,11 +2,15 @@ export { cn } from './lib/utils.js';
 export * from './theme/index.js';
 export * from './components/labels.js';
 export * from './components/accordion.js';
+export { ActionButton, type ActionButtonProps, type ActionButtonState } from './components/action-button.js';
+export { Alert, type AlertProps, type AlertIntent } from './components/alert.js';
 export * from './components/avatar.js';
 export { Badge, badgeVariants, type BadgeProps, type BadgeTone } from './components/badge.js';
 export * from './components/banner.js';
 export { Breadcrumb, type BreadcrumbProps, type BreadcrumbItem } from './components/breadcrumb.js';
-export { Button, buttonVariants, type ButtonProps } from './components/button.js';
+export { Button, buttonVariants, ButtonDefaultsContext, type ButtonProps, type ButtonDefaults } from './components/button.js';
+export { ButtonGroup, ButtonGroupSeparator, type ButtonGroupProps } from './components/button-group.js';
+export { SplitButton, type SplitButtonProps } from './components/split-button.js';
 export * from './components/card.js';
 export { ChartCard, ChartTooltip, ChartLegendRow, ChartLegendPill, type ChartDatum, type ChartCardBaseProps } from './components/chart.js';
 export { LineCard, AreaCard, type LineCardProps } from './components/line-chart.js';
@@ -22,8 +26,14 @@ export { Dialog, DialogClose, DialogAlert, CloseIcon, type DialogProps, type Dia
 export * from './components/dot.js';
 export { Floating, type FloatingProps, type FloatingSide } from './components/floating.js';
 export { DropdownMenu, DropdownMenuGroup, DropdownMenuItem, MenuItemContent, menuItemClass, menuSurfaceClass, menuGroupClass, menuGroupLabelClass, type DropdownMenuProps, type DropdownMenuGroupProps, type DropdownMenuItemProps, type MenuItemContentProps } from './components/dropdown.js';
-export { FormField, useFormField, type FormFieldProps, type FormFieldContextValue } from './components/form-field.js';
+export { FormField, useFormField, useFormContext, FormContext, FieldSizeContext, FieldError, FieldDescription, RequiredMark, type FormFieldProps, type FormFieldContextValue, type FormContextValue } from './components/form-field.js';
+export { Form, FormSection, FormActions, formValues, type FormProps, type FormSectionProps, type FormActionsProps, type FormValues } from './components/form.js';
+export { FieldGroup, type FieldGroupProps } from './components/field-group.js';
 export { Input, type InputProps } from './components/input.js';
+export { InputGroup, InputGroupAddon, type InputGroupProps } from './components/input-group.js';
+export { PasswordInput, type PasswordInputProps } from './components/password-input.js';
+export { Item, List, type ItemProps, type ListProps } from './components/list.js';
+export { Link, type LinkProps } from './components/link.js';
 export * from './components/kbd.js';
 export { Pagination, paginationRange, type PaginationProps } from './components/pagination.js';
 export { Popover, PopoverClose, PopoverPanel, type PopoverProps } from './components/popover.js';
@@ -32,10 +42,14 @@ export { Radio, RadioGroup, type RadioProps, type RadioGroupProps } from './comp
 export { SearchBar, type SearchBarProps } from './components/search-bar.js';
 export { Select, FieldChrome, useFieldChrome, SelectChevron, type SelectProps, type SelectOption, type SelectGroup } from './components/select.js';
 export { SegmentedControl, type SegmentedControlItem, type SegmentedControlProps } from './components/segmented-control.js';
+export { SelectableRadio, type SelectableRadioProps } from './components/selectable-radio.js';
+export { SelectableCheckbox, type SelectableCheckboxProps } from './components/selectable-checkbox.js';
+export { Separator, type SeparatorProps } from './components/separator.js';
 export { Sheet, SheetClose, type SheetProps } from './components/sheet.js';
 export * from './components/sidebar.js';
 export { Skeleton, type SkeletonProps } from './components/skeleton.js';
 export { Slider, type SliderProps } from './components/slider.js';
+export { Spinner, type SpinnerProps } from './components/spinner.js';
 export { Switch, type SwitchProps } from './components/switch.js';
 export { Table, type TableProps, type Column, type Row, type Sort } from './components/table.js';
 export { Tabs, TabsContent, type TabsProps, type TabItem } from './components/tabs.js';

package/index.js

@@ -1,67 +1,82 @@
-'use client';export { Toast, Toaster, toast } from './chunk-CGOH5IYX.js';
-export { Toggle, toggleVariants } from './chunk-XH56JGYC.js';
-export { Skeleton } from './chunk-J7RMFN54.js';
-export { Slider } from './chunk-FB5HTCO2.js';
-export { StreamingText } from './chunk-5KTBSMQU.js';
-export { Switch } from './chunk-NH3EHMIL.js';
-export { Table } from './chunk-W4RDTP6W.js';
-export { Tabs, TabsContent } from './chunk-3DHJXU45.js';
-export { Textarea } from './chunk-DPYIBFQD.js';
-export { PromptBar, defaultActions as promptBarDefaultActions } from './chunk-5725MFGQ.js';
-export { Radio, RadioGroup } from './chunk-LB37KTJH.js';
-export { SearchBar } from './chunk-SPGUZMCC.js';
-export { SegmentedControl } from './chunk-CVNRZ2YV.js';
-export { Sheet, SheetClose } from './chunk-YJK4MGSI.js';
-export { Sidebar, SidebarGroup, SidebarItem, SidebarSubGroup, SidebarSubItem } from './chunk-PUWSL5XW.js';
-export { AreaCard, LineCard } from './chunk-JBKBRAC4.js';
-export { Message } from './chunk-S7QHBVPX.js';
-export { Thinking } from './chunk-NL574STL.js';
-export { MessageActions } from './chunk-SZJIVBOD.js';
-export { NumberInput } from './chunk-674SRBZK.js';
-export { Pagination, paginationRange } from './chunk-TT2N5752.js';
-export { Popover, PopoverClose, PopoverPanel } from './chunk-LFGUJHFF.js';
-export { EmptyState, emptyStateVariants } from './chunk-FAJ3OVL4.js';
-export { FileUpload, FileUploadItem, fileIconFor, formatBytes } from './chunk-73Z7NMQQ.js';
-export { InputOTP } from './chunk-OVKPPXK5.js';
-export { Input } from './chunk-OURZQM27.js';
-export { CommandMenu } from './chunk-UZ4DXU6W.js';
-export { ContextMenu, ContextMenuItem, ContextMenuSeparator, ContextMenuSub } from './chunk-X66KTATQ.js';
-export { CookieConsent } from './chunk-JYOZUQNU.js';
-export { Calendar, DatePicker, DatePickerPanel, DateRangePicker, DateRangePickerPanel, formatDate, formatRange } from './chunk-6VKV36OK.js';
-export { DecisionCard, DecisionItemPreview } from './chunk-SAYNV7B3.js';
+'use client';export { Toast, Toaster, toast } from './chunk-YY236ZSJ.js';
+export { Toggle, toggleVariants } from './chunk-R5TQ3HNB.js';
+export { SplitButton } from './chunk-FB6DG3LR.js';
+export { StreamingText } from './chunk-LWRB4DED.js';
+export { Switch } from './chunk-APRVUOD6.js';
+export { Table } from './chunk-SVUWR3HD.js';
+export { Tabs, TabsContent } from './chunk-P6RHT2VM.js';
+export { Textarea } from './chunk-C435UD7V.js';
+export { SelectableCheckbox } from './chunk-6RLSRMB5.js';
+export { SelectableRadio } from './chunk-A52HUWVM.js';
+export { Separator } from './chunk-LLW3X4ZJ.js';
+export { Sheet, SheetClose } from './chunk-DAKVTPYZ.js';
+export { Sidebar, SidebarGroup, SidebarItem, SidebarSubGroup, SidebarSubItem } from './chunk-WJYJMX5S.js';
+export { Skeleton } from './chunk-GKDMCY2S.js';
+export { Slider } from './chunk-PTK4QAOQ.js';
+export { Popover, PopoverClose, PopoverPanel } from './chunk-7SVMERPH.js';
+export { PromptBar, defaultActions as promptBarDefaultActions } from './chunk-JCR5TWTF.js';
+export { Radio, RadioGroup } from './chunk-EXKSKYG3.js';
+export { SearchBar } from './chunk-K5G5OEV5.js';
+export { SegmentedControl } from './chunk-JYGCZWET.js';
+import './chunk-EBZHGRM5.js';
+export { AreaCard, LineCard } from './chunk-5663JVE5.js';
+export { Link } from './chunk-J5UQPROI.js';
+export { Item, List } from './chunk-67CBFB6Y.js';
+export { Message } from './chunk-6GNMUJQ4.js';
+export { Thinking } from './chunk-WCUR44O6.js';
+export { MessageActions } from './chunk-STYOBAC7.js';
+export { NumberInput } from './chunk-MOGWOUCN.js';
+export { Pagination, paginationRange } from './chunk-TB3ZRV3Y.js';
+export { PasswordInput } from './chunk-GTFUAA6H.js';
+export { Form, FormActions, FormSection, formValues } from './chunk-NCIRJ5V2.js';
+export { InputGroup, InputGroupAddon } from './chunk-JKOBDLP3.js';
+export { InputOTP } from './chunk-PP46SY7M.js';
+export { Input } from './chunk-L5PPN42A.js';
+export { Dialog, DialogAlert, DialogClose } from './chunk-WZSLDYUU.js';
+export { DonutCard } from './chunk-PD2KD5OR.js';
+export { Dot, dotVariants } from './chunk-C6WRJ7DG.js';
+export { EmptyState, emptyStateVariants } from './chunk-JR3VVDV6.js';
+export { FieldGroup } from './chunk-RFSPJECL.js';
+export { FileUpload, FileUploadItem, fileIconFor, formatBytes } from './chunk-YXWXSRXG.js';
+export { Citation, Sources } from './chunk-47DDBME3.js';
+export { HoverCard, hoverCardClass } from './chunk-W2EH6RY5.js';
+export { CodeBlock } from './chunk-IKJIR6VL.js';
+export { Combobox } from './chunk-M7RILZVW.js';
+export { CommandMenu } from './chunk-3VVO5MY5.js';
+export { ContextMenu, ContextMenuItem, ContextMenuSeparator, ContextMenuSub } from './chunk-CQFAMWZI.js';
+export { CookieConsent } from './chunk-KQNA22D3.js';
+export { Calendar, DatePicker, DatePickerPanel, DateRangePicker, DateRangePickerPanel, formatDate, formatRange } from './chunk-UAJ6M34K.js';
+export { DecisionCard, DecisionItemPreview } from './chunk-HI6QIG55.js';
 import './chunk-XETMIETJ.js';
-export { CloseIcon, Dialog, DialogAlert, DialogClose } from './chunk-AIMQNLPY.js';
-export { DonutCard } from './chunk-WLQD5BN2.js';
-export { Dot, dotVariants } from './chunk-5XTUFBZI.js';
-export { Card, cardVariants } from './chunk-PHNR6ZQ7.js';
-export { ChannelCard } from './chunk-JCXI7VQL.js';
-export { Checkbox } from './chunk-X2GNMNZQ.js';
-export { Citation, Sources } from './chunk-EF5GT4OG.js';
-export { HoverCard, hoverCardClass } from './chunk-PD6YPFYN.js';
-export { CodeBlock } from './chunk-RHQHDYTE.js';
-export { Combobox } from './chunk-LB7Z6BSK.js';
-export { Chip, ChipAvatar, chipVariants } from './chunk-Z7S2KQZS.js';
-export { Attachment, AttachmentGroup, AttachmentPreview, AttachmentPreviewPager, AttachmentPreviewSheets, FileIcon } from './chunk-UUCVRIVP.js';
-export { AVATAR_TOOLTIP_DELAY, Avatar, AvatarGroup, avatarVariants } from './chunk-BN7FDKCJ.js';
-export { Tooltip, TooltipBubble } from './chunk-GMETYACH.js';
-export { BarCard } from './chunk-ISYKZCPJ.js';
-export { ChartCard, ChartLegendPill, ChartLegendRow, ChartTooltip } from './chunk-ZBZ3ZQRB.js';
+export { Breadcrumb } from './chunk-Q7KVC5B4.js';
+export { ButtonGroup, ButtonGroupSeparator } from './chunk-GH2DEOGO.js';
+export { Card, cardVariants } from './chunk-U6X6ODDJ.js';
+export { ChannelCard } from './chunk-WALANB3V.js';
+export { Checkbox } from './chunk-W2QQQWNE.js';
+export { Chip, ChipAvatar, chipVariants } from './chunk-6JTSZAGO.js';
+export { Alert, CloseIcon } from './chunk-RPL6FRVX.js';
+export { AnnouncementBar } from './chunk-LAOE6Y57.js';
+export { Attachment, AttachmentGroup, AttachmentPreview, AttachmentPreviewPager, AttachmentPreviewSheets, FileIcon } from './chunk-R3DTMBDT.js';
+export { AVATAR_TOOLTIP_DELAY, Avatar, AvatarGroup, avatarVariants } from './chunk-TOY6YPTG.js';
+export { Tooltip, TooltipBubble } from './chunk-KDU7AT2T.js';
+export { Banner, bannerVariants } from './chunk-HZV7EXGU.js';
+export { bannerMesh } from './chunk-YYFAZQ25.js';
+export { BarCard } from './chunk-INJWE2LD.js';
+export { ChartCard, ChartLegendPill, ChartLegendRow, ChartTooltip } from './chunk-LI5VYDLN.js';
 export { Floating } from './chunk-ZHFIWDGF.js';
-export { FieldChrome, Select, SelectChevron, useFieldChrome } from './chunk-UCCNXGLG.js';
-export { FormField, useFormField } from './chunk-VUOAPWTF.js';
-export { Breadcrumb } from './chunk-IKO3GQFE.js';
-export { DropdownMenu, DropdownMenuGroup, DropdownMenuItem, MenuItemContent, menuGroupClass, menuGroupLabelClass, menuItemClass, menuSurfaceClass } from './chunk-BR2B4OIT.js';
-export { Kbd, KbdArrowDown, KbdArrowUp, KbdGroup, KbdHint, KbdReturn, keysOf } from './chunk-57QEOCDZ.js';
+export { FieldChrome, Select, SelectChevron, useFieldChrome } from './chunk-EQAFDIPE.js';
+export { FieldDescription, FieldError, FieldSizeContext, FormContext, FormField, RequiredMark, useFormContext, useFormField } from './chunk-KITXKIYW.js';
+export { DropdownMenu, DropdownMenuGroup, DropdownMenuItem, MenuItemContent, menuGroupClass, menuGroupLabelClass, menuItemClass, menuSurfaceClass } from './chunk-P36KBUYD.js';
+export { Kbd, KbdArrowDown, KbdArrowUp, KbdGroup, KbdHint, KbdReturn, keysOf } from './chunk-XWPH7C2W.js';
 export { contrast, defaultTheme, randomTheme, themeCss, themeVars } from './chunk-NQL6SIIB.js';
-export { Accordion, AccordionItem } from './chunk-GI2SMFZL.js';
-export { AgentLoading, FlappySprite, ShimmerLabel, TetrisLabel, TetrisMark, TetrisStill } from './chunk-UGIVCXGN.js';
-export { AgentAvatar, AgentMenuItem, AgentPicker, AgentPickerRow } from './chunk-W472DBMT.js';
-export { AgentSuggestion, AgentSuggestionChanges, AgentSuggestionDiff, AgentSuggestionMetric, AgentSuggestionQuote } from './chunk-7Q76HLRQ.js';
-export { Progress } from './chunk-M2HEVFQ3.js';
-export { Badge, badgeVariants } from './chunk-XUOSJMEJ.js';
-export { AnnouncementBar } from './chunk-HK6WINL6.js';
-export { Banner, bannerVariants } from './chunk-SDOTDMYG.js';
-export { bannerMesh } from './chunk-YYFAZQ25.js';
-export { Button, buttonVariants } from './chunk-T6L32XXH.js';
-export { SatinLabels, defaultLabels, useSatinLabels } from './chunk-SSOFFQ5T.js';
-export { cn } from './chunk-O46O6LFQ.js';
+export { Accordion, AccordionItem } from './chunk-6Y6CY2DP.js';
+export { ActionButton } from './chunk-XU6JJDMZ.js';
+export { AgentLoading, FlappySprite, ShimmerLabel, TetrisLabel, TetrisMark, TetrisStill } from './chunk-R4KPFBMK.js';
+export { AgentAvatar, AgentMenuItem, AgentPicker, AgentPickerRow } from './chunk-DMZW4LGU.js';
+export { Button, ButtonDefaultsContext, buttonVariants } from './chunk-6DWLTGRQ.js';
+export { Spinner } from './chunk-AKEZCWNW.js';
+export { AgentSuggestion, AgentSuggestionChanges, AgentSuggestionDiff, AgentSuggestionMetric, AgentSuggestionQuote } from './chunk-T7P3OEBP.js';
+export { Progress } from './chunk-LKSFTNPF.js';
+export { Badge, badgeVariants } from './chunk-7NV53EL5.js';
+export { SatinLabels, defaultLabels, useSatinLabels } from './chunk-NTSU44FY.js';
+export { cn } from './chunk-EHEXE2UV.js';

package/lib/utils.js

@@ -1 +1 @@
-export { cn } from '../chunk-O46O6LFQ.js';
+export { cn } from '../chunk-EHEXE2UV.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uisatin/ui",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "description": "Satin Free: the open-source React components of the Satin design system. shadcn-based, built on Radix, themed with Satin tokens.",
   "type": "module",
   "license": "MIT",