@viax.io/uxm 4.36.0

package/dist/ui/index.js

@@ -0,0 +1,216 @@
+import { AppSidebar, DEFAULT_SIDEBAR_ICON_COLORS } from "./app-sidebar/index.js";
+import { AppTopBar } from "./app-top-bar/index.js";
+import { Avatar } from "./avatar/index.js";
+import { BackLink } from "./back-link/index.js";
+import { Badge } from "./badge/index.js";
+import { Banner } from "./banner/index.js";
+import { BulkActionBar } from "./bulk-action-bar/index.js";
+import { Breadcrumb } from "./breadcrumb/index.js";
+import { ButtonDanger, ButtonGhost, ButtonPrimary, ButtonSecondary, ButtonTertiary } from "./button/index.js";
+import { ButtonGroup } from "./button-group/index.js";
+import { ButtonIcon } from "./button-icon/index.js";
+import { ButtonWithIcon } from "./button-with-icon/index.js";
+import { Calendar } from "./calendar/index.js";
+import { Card } from "./card/index.js";
+import { Checkbox } from "./checkbox/index.js";
+import { Chip } from "./chip/index.js";
+import { Cluster } from "./cluster/index.js";
+import { CodeBlock, CodeEditor } from "./code-editor/index.js";
+import { ComponentRow } from "./component-row/index.js";
+import { ConfigComponentRow } from "./config-component-row/index.js";
+import { ConfigSegmentItem } from "./config-segment-item/index.js";
+import { ContentTooltip, Tooltip } from "./tooltip/index.js";
+import { DataTable } from "./data-table/index.js";
+import { DateInput } from "./date-input/index.js";
+import { DetailSection } from "./detail-section/index.js";
+import { Dialog } from "./dialog/index.js";
+import { Disclosure } from "./disclosure/index.js";
+import { Divider } from "./divider/index.js";
+import { EditableCell } from "./editable-cell/index.js";
+import { EmptyState } from "./empty-state/index.js";
+import { ErrorPage } from "./error-page/index.js";
+import { ExplorerListItem } from "./explorer-list-item/index.js";
+import { ExplorerSection } from "./explorer-section/index.js";
+import { FieldError } from "./field-error/index.js";
+import { FilterTabs } from "./filter-tabs/index.js";
+import { Icon } from "./icon/index.js";
+import { IconButton } from "./icon-button/index.js";
+import { IconTile } from "./icon-tile/index.js";
+import { LifecycleConnector } from "./lifecycle-connector/index.js";
+import { LifecycleDropSlot } from "./lifecycle-drop-slot/index.js";
+import { LifecycleEdgeLabel } from "./lifecycle-edge-label/index.js";
+import { LifecycleGroupBox } from "./lifecycle-group-box/index.js";
+import { LifecycleMinimap } from "./lifecycle-minimap/index.js";
+import { LifecycleNodeCard } from "./lifecycle-node-card/index.js";
+import { LifecycleTerminal } from "./lifecycle-terminal/index.js";
+import { LifecycleZoomControl } from "./lifecycle-zoom-control/index.js";
+import { MetaRow } from "./meta-row/index.js";
+import { Modal } from "./modal/index.js";
+import { InlineAction } from "./inline-action/index.js";
+import { InlineFilter } from "./inline-filter/index.js";
+import { ColorInput, ColorInputPopover } from "./color-input/index.js";
+import { InputWithIcon } from "./input-with-icon/index.js";
+import { Select, Textarea, TextInput } from "./input/index.js";
+import { Link } from "./link/index.js";
+import { List, ListItem } from "./list/index.js";
+import { SEARCHABLE_AUTO_THRESHOLD, Listbox, MultiListbox } from "./listbox/index.js";
+import { Loader } from "./loader/index.js";
+import { Menu } from "./menu/index.js";
+import { NumberStepper } from "./number-stepper/index.js";
+import { PageHeader } from "./page-header/index.js";
+import { PageShell } from "./page-shell/index.js";
+import { CurrencyInput } from "./currency-input/index.js";
+import { FileUpload } from "./file-upload/index.js";
+import { FormField } from "./form-field/index.js";
+import { HoverTooltip } from "./hover-tooltip/index.js";
+import { NumberInput } from "./number-input/index.js";
+import { PasswordInput } from "./password-input/index.js";
+import { PhoneInput } from "./phone-input/index.js";
+import { TimeInput } from "./time-input/index.js";
+import { PillSelect } from "./pill-select/index.js";
+import { Popover } from "./popover/index.js";
+import { ProgressBar } from "./progress-bar/index.js";
+import { PropertyField, PropertyGrid } from "./property-field/index.js";
+import { RadioGroup, RadioOption } from "./radio-group/index.js";
+import { RangeSlider } from "./range-slider/index.js";
+import { ResponsiveGrid } from "./responsive-grid/index.js";
+import { SearchDropdown } from "./search-dropdown/index.js";
+import { SideFlexpane } from "./side-flexpane/index.js";
+import { SectionHeader } from "./section-header/index.js";
+import { SegmentCard } from "./segment-card/index.js";
+import { SegmentRow } from "./segment-row/index.js";
+import { OptionList } from "./option-list/index.js";
+import { SidebarNavItem } from "./sidebar-nav-item/index.js";
+import { SidebarNavTrigger } from "./sidebar-nav-trigger/index.js";
+import { Slider } from "./slider/index.js";
+import { Stack } from "./stack/index.js";
+import { StatCard } from "./stat-card/index.js";
+import { Tabs } from "./tabs/index.js";
+import { TabsUnderline } from "./tabs-underline/index.js";
+import { Tag } from "./tag/index.js";
+import { Thumbnail } from "./thumbnail/index.js";
+import { TimelineEntry } from "./timeline-entry/index.js";
+import { Toast, Toaster, toast } from "./toast/index.js";
+import { TypeOverviewCard } from "./type-overview-card/index.js";
+import { ToggleSwitch } from "./toggle-switch/index.js";
+import { ViewSwitcher } from "./view-switcher/index.js";
+import { ICONS, ICON_OPTIONS, getIcon } from "../lib/icons.js";
+export {
+  AppSidebar,
+  AppTopBar,
+  Avatar,
+  BackLink,
+  Badge,
+  Banner,
+  Breadcrumb,
+  BulkActionBar,
+  ButtonDanger,
+  ButtonGhost,
+  ButtonGroup,
+  ButtonIcon,
+  ButtonPrimary,
+  ButtonSecondary,
+  ButtonTertiary,
+  ButtonWithIcon,
+  Calendar,
+  Card,
+  Checkbox,
+  Chip,
+  Cluster,
+  CodeBlock,
+  CodeEditor,
+  ColorInput,
+  ColorInputPopover,
+  ComponentRow,
+  ConfigComponentRow,
+  ConfigSegmentItem,
+  ContentTooltip,
+  CurrencyInput,
+  DEFAULT_SIDEBAR_ICON_COLORS,
+  DataTable,
+  DateInput,
+  DetailSection,
+  Dialog,
+  Disclosure,
+  Divider,
+  EditableCell,
+  EmptyState,
+  ErrorPage,
+  ExplorerListItem,
+  ExplorerSection,
+  FieldError,
+  FileUpload,
+  FilterTabs,
+  FormField,
+  HoverTooltip,
+  ICONS,
+  ICON_OPTIONS,
+  Icon,
+  IconButton,
+  IconTile,
+  InlineAction,
+  InlineFilter,
+  InputWithIcon,
+  LifecycleConnector,
+  LifecycleDropSlot,
+  LifecycleEdgeLabel,
+  LifecycleGroupBox,
+  LifecycleMinimap,
+  LifecycleNodeCard,
+  LifecycleTerminal,
+  LifecycleZoomControl,
+  Link,
+  List,
+  ListItem,
+  Listbox,
+  Loader,
+  Menu,
+  MetaRow,
+  Modal,
+  MultiListbox,
+  NumberInput,
+  NumberStepper,
+  OptionList,
+  PageHeader,
+  PageShell,
+  PasswordInput,
+  PhoneInput,
+  PillSelect,
+  Popover,
+  ProgressBar,
+  PropertyField,
+  PropertyGrid,
+  RadioGroup,
+  RadioOption,
+  RangeSlider,
+  ResponsiveGrid,
+  SEARCHABLE_AUTO_THRESHOLD,
+  SearchDropdown,
+  SectionHeader,
+  SegmentCard,
+  SegmentRow,
+  Select,
+  SideFlexpane,
+  SidebarNavItem,
+  SidebarNavTrigger,
+  Slider,
+  Stack,
+  StatCard,
+  Tabs,
+  TabsUnderline,
+  Tag,
+  TextInput,
+  Textarea,
+  Thumbnail,
+  TimeInput,
+  TimelineEntry,
+  Toast,
+  Toaster,
+  ToggleSwitch,
+  Tooltip,
+  TypeOverviewCard,
+  ViewSwitcher,
+  getIcon,
+  toast
+};
+//# sourceMappingURL=index.js.map

package/dist/ui/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ui/index.ts"],"sourcesContent":["export { AppSidebar, DEFAULT_SIDEBAR_ICON_COLORS } from './app-sidebar';\nexport type {\n  AppSidebarBrand,\n  AppSidebarIconColor,\n  AppSidebarNavItem,\n  AppSidebarProps,\n  AppSidebarSection,\n} from './app-sidebar';\nexport { AppTopBar } from './app-top-bar';\nexport type { AppTopBarProps } from './app-top-bar';\nexport { Avatar } from './avatar';\nexport type { AvatarProps, AvatarSize, AvatarType } from './avatar';\nexport { BackLink } from './back-link';\nexport type { BackLinkProps } from './back-link';\nexport { Badge } from './badge';\nexport type { BadgeMode, BadgeProps, BadgeType } from './badge';\nexport { Banner } from './banner';\nexport type { BannerProps, BannerVariant } from './banner';\nexport { BulkActionBar } from './bulk-action-bar';\nexport type { BulkAction, BulkActionBarProps } from './bulk-action-bar';\nexport { Breadcrumb } from './breadcrumb';\nexport type { BreadcrumbCrumb, BreadcrumbProps, BreadcrumbSeparator } from './breadcrumb';\nexport { ButtonDanger, ButtonGhost, ButtonPrimary, ButtonSecondary, ButtonTertiary } from './button';\nexport type { ButtonProps } from './button';\nexport { ButtonGroup } from './button-group';\nexport type { ButtonGroupOption, ButtonGroupProps } from './button-group';\nexport { ButtonIcon } from './button-icon';\nexport type { ButtonIconProps } from './button-icon';\nexport { ButtonWithIcon } from './button-with-icon';\nexport type { ButtonWithIconProps } from './button-with-icon';\nexport { Calendar } from './calendar';\nexport type { CalendarProps, CalendarValue } from './calendar';\nexport { Card } from './card';\nexport type { CardProps } from './card';\nexport { Checkbox } from './checkbox';\nexport type { CheckboxProps } from './checkbox';\nexport { Chip } from './chip';\nexport type { ChipMode, ChipProps } from './chip';\nexport { Cluster } from './cluster';\nexport type { ClusterProps } from './cluster';\nexport { CodeBlock, CodeEditor } from './code-editor';\nexport type { CodeBlockProps, CodeEditorProps } from './code-editor';\nexport { ComponentRow } from './component-row';\nexport type { ComponentRowProps } from './component-row';\nexport { ConfigComponentRow } from './config-component-row';\nexport type { ConfigComponentRowProps } from './config-component-row';\nexport { ConfigSegmentItem } from './config-segment-item';\nexport type { ConfigSegmentItemProps } from './config-segment-item';\nexport { ContentTooltip, Tooltip } from './tooltip';\nexport type { ContentTooltipProps, TooltipPlacement, TooltipProps } from './tooltip';\nexport { DataTable } from './data-table';\nexport type { DataTableColumn, DataTableDensity, DataTableProps } from './data-table';\nexport { DateInput } from './date-input';\nexport type { DateInputFormat, DateInputMode, DateInputProps } from './date-input';\nexport { DetailSection } from './detail-section';\nexport type { DetailSectionProps } from './detail-section';\nexport { Dialog } from './dialog';\nexport type { DialogProps } from './dialog';\nexport { Disclosure } from './disclosure';\nexport type { DisclosureProps } from './disclosure';\nexport { Divider } from './divider';\nexport type { DividerProps } from './divider';\nexport { EditableCell } from './editable-cell';\nexport type { EditableCellAlign, EditableCellOption, EditableCellProps, EditableCellSize, EditableCellType, EditableCellValue } from './editable-cell';\nexport { EmptyState } from './empty-state';\nexport type { EmptyStateProps } from './empty-state';\nexport { ErrorPage } from './error-page';\nexport type { ErrorPageProps } from './error-page';\nexport { ExplorerListItem } from './explorer-list-item';\nexport type { ExplorerListItemProps } from './explorer-list-item';\nexport { ExplorerSection } from './explorer-section';\nexport type { ExplorerSectionProps } from './explorer-section';\nexport { FieldError } from './field-error';\nexport type { FieldErrorProps } from './field-error';\nexport { FilterTabs } from './filter-tabs';\nexport type { FilterTabsOption, FilterTabsProps } from './filter-tabs';\nexport { Icon } from './icon';\nexport type { IconProps } from './icon';\nexport { IconButton } from './icon-button';\nexport type { IconButtonProps } from './icon-button';\nexport { IconTile } from './icon-tile';\nexport type { IconTileProps } from './icon-tile';\nexport { LifecycleConnector } from './lifecycle-connector';\nexport type {\n  LifecycleConnectorArrowhead,\n  LifecycleConnectorProps,\n  LifecycleConnectorRouting,\n  LifecycleConnectorState,\n} from './lifecycle-connector';\nexport { LifecycleDropSlot } from './lifecycle-drop-slot';\nexport type {\n  LifecycleDropSlotProps,\n  LifecycleDropSlotShape,\n} from './lifecycle-drop-slot';\nexport { LifecycleEdgeLabel } from './lifecycle-edge-label';\nexport type {\n  LifecycleEdgeLabelProps,\n  LifecycleEdgeLabelVariant,\n} from './lifecycle-edge-label';\nexport { LifecycleGroupBox } from './lifecycle-group-box';\nexport type { LifecycleGroupBoxProps } from './lifecycle-group-box';\nexport { LifecycleMinimap } from './lifecycle-minimap';\nexport type {\n  LifecycleMinimapNode,\n  LifecycleMinimapProps,\n  LifecycleMinimapViewport,\n} from './lifecycle-minimap';\nexport { LifecycleNodeCard } from './lifecycle-node-card';\nexport type {\n  LifecycleNodeCardProps,\n  LifecycleNodeKind,\n} from './lifecycle-node-card';\nexport { LifecycleTerminal } from './lifecycle-terminal';\nexport type { LifecycleTerminalProps } from './lifecycle-terminal';\nexport { LifecycleZoomControl } from './lifecycle-zoom-control';\nexport type { LifecycleZoomControlProps } from './lifecycle-zoom-control';\nexport { MetaRow } from './meta-row';\nexport type { MetaRowProps } from './meta-row';\nexport { Modal } from './modal';\nexport type { ModalHeaderProps, ModalProps, ModalSize } from './modal';\nexport { InlineAction } from './inline-action';\nexport type { InlineActionProps } from './inline-action';\nexport { InlineFilter } from './inline-filter';\nexport type { InlineFilterProps } from './inline-filter';\nexport { ColorInput, ColorInputPopover } from './color-input';\nexport type { ColorFormat, ColorInputPopoverProps, ColorInputProps } from './color-input';\nexport { InputWithIcon } from './input-with-icon';\nexport type { InputWithIconProps } from './input-with-icon';\nexport { Select, Textarea, TextInput } from './input';\nexport type { SelectProps, SelectSingleProps, SelectMultiProps, TextareaProps, TextInputProps } from './input';\nexport { Link } from './link';\nexport type { LinkProps, LinkUnderline } from './link';\nexport { List, ListItem } from './list';\nexport type { ListItemProps, ListProps } from './list';\nexport { SEARCHABLE_AUTO_THRESHOLD, Listbox, MultiListbox } from './listbox';\nexport type {\n  ListboxProps,\n  ListboxRenderItemState,\n  ListboxRenderTriggerState,\n  ListboxTriggerProps,\n  MultiListboxProps,\n} from './listbox';\nexport { Loader } from './loader';\nexport type { LoaderLayout, LoaderProps, LoaderVariant } from './loader';\nexport { Menu } from './menu';\nexport type {\n  MenuProps,\n  MenuItem,\n  MenuSeparator,\n  MenuEntry,\n  MenuTriggerProps,\n} from './menu';\nexport { NumberStepper } from './number-stepper';\nexport type { NumberStepperProps } from './number-stepper';\nexport { PageHeader } from './page-header';\nexport type { PageHeaderProps } from './page-header';\nexport { PageShell } from './page-shell';\nexport type { PageShellProps, PageShellVariant } from './page-shell';\nexport { CurrencyInput } from './currency-input';\nexport type { CurrencyInputProps, CurrencyValue } from './currency-input';\nexport { FileUpload } from './file-upload';\nexport type {\n  FileStatus,\n  FileUploadFileMeta,\n  FileUploadProps,\n  FileUploadState,\n} from './file-upload';\nexport { FormField } from './form-field';\nexport type { FormFieldLabelPosition, FormFieldLabelTint, FormFieldLabelVariant, FormFieldProps } from './form-field';\nexport { HoverTooltip } from './hover-tooltip';\nexport type { HoverTooltipProps } from './hover-tooltip';\nexport { NumberInput } from './number-input';\nexport type { NumberInputProps } from './number-input';\nexport { PasswordInput } from './password-input';\nexport type { PasswordInputProps } from './password-input';\nexport { PhoneInput } from './phone-input';\nexport type { PhoneInputProps, PhoneValue } from './phone-input';\nexport { TimeInput } from './time-input';\nexport type { TimeInputFormat, TimeInputProps } from './time-input';\nexport { PillSelect } from './pill-select';\nexport type { PillSelectProps } from './pill-select';\nexport { Popover } from './popover';\nexport type { PopoverPlacement, PopoverProps } from './popover';\nexport { ProgressBar } from './progress-bar';\nexport type { ProgressBarProps, ProgressBarVariant } from './progress-bar';\nexport { PropertyField, PropertyGrid } from './property-field';\nexport type { PropertyFieldProps, PropertyGridProps } from './property-field';\nexport { RadioGroup, RadioOption } from './radio-group';\nexport type { RadioGroupDirection, RadioGroupProps, RadioOptionProps } from './radio-group';\nexport { RangeSlider } from './range-slider';\nexport type { RangeSliderProps } from './range-slider';\nexport { ResponsiveGrid } from './responsive-grid';\nexport type { ResponsiveGridProps } from './responsive-grid';\nexport { SearchDropdown } from './search-dropdown';\nexport type { SearchDropdownOption, SearchDropdownProps } from './search-dropdown';\nexport { SideFlexpane } from './side-flexpane';\nexport type { SideFlexpaneProps } from './side-flexpane';\nexport { SectionHeader } from './section-header';\nexport type { SectionHeaderProps } from './section-header';\nexport { SegmentCard } from './segment-card';\nexport type { SegmentCardProps } from './segment-card';\nexport { SegmentRow } from './segment-row';\nexport type { SegmentRowProps } from './segment-row';\nexport { OptionList } from './option-list';\nexport type { OptionListItem, OptionListProps } from './option-list';\nexport { SidebarNavItem } from './sidebar-nav-item';\nexport type { SidebarNavItemProps } from './sidebar-nav-item';\nexport { SidebarNavTrigger } from './sidebar-nav-trigger';\nexport type {\n  SidebarNavTriggerCaptionPlacement,\n  SidebarNavTriggerProps,\n  SidebarNavTriggerVariant,\n} from './sidebar-nav-trigger';\nexport { Slider } from './slider';\nexport type { SliderProps } from './slider';\nexport { Stack } from './stack';\nexport type { StackProps } from './stack';\nexport { StatCard } from './stat-card';\nexport type { StatCardProps, StatCardTrend } from './stat-card';\nexport { Tabs } from './tabs';\nexport type { TabsOption, TabsProps } from './tabs';\nexport { TabsUnderline } from './tabs-underline';\nexport type { TabsUnderlineOption, TabsUnderlineProps } from './tabs-underline';\nexport { Tag } from './tag';\nexport type { TagProps, TagSize, TagType } from './tag';\nexport { Thumbnail } from './thumbnail';\nexport type { ThumbnailFit, ThumbnailProps } from './thumbnail';\nexport { TimelineEntry } from './timeline-entry';\nexport type { TimelineDotState, TimelineEntryProps } from './timeline-entry';\nexport { Toast, Toaster, toast } from './toast';\nexport type {\n  ToastPosition,\n  ToasterProps,\n  ToastProps,\n  ToastVariant,\n} from './toast';\nexport { TypeOverviewCard } from './type-overview-card';\nexport type { TypeOverviewCardProps } from './type-overview-card';\nexport { ToggleSwitch } from './toggle-switch';\nexport type { ToggleSwitchProps } from './toggle-switch';\nexport { ViewSwitcher } from './view-switcher';\nexport type { ViewSwitcherOption, ViewSwitcherProps } from './view-switcher';\n\n// Icon registry — useful for shell-style tooling that needs to enumerate icons,\n// surface them in a picker, or look one up by id.\nexport { ICONS, ICON_OPTIONS, getIcon } from '../lib/icons';\nexport type { IconDef } from '../lib/icons';\n"],"mappings":"AAAA,SAAS,YAAY,mCAAmC;AAQxD,SAAS,iBAAiB;AAE1B,SAAS,cAAc;AAEvB,SAAS,gBAAgB;AAEzB,SAAS,aAAa;AAEtB,SAAS,cAAc;AAEvB,SAAS,qBAAqB;AAE9B,SAAS,kBAAkB;AAE3B,SAAS,cAAc,aAAa,eAAe,iBAAiB,sBAAsB;AAE1F,SAAS,mBAAmB;AAE5B,SAAS,kBAAkB;AAE3B,SAAS,sBAAsB;AAE/B,SAAS,gBAAgB;AAEzB,SAAS,YAAY;AAErB,SAAS,gBAAgB;AAEzB,SAAS,YAAY;AAErB,SAAS,eAAe;AAExB,SAAS,WAAW,kBAAkB;AAEtC,SAAS,oBAAoB;AAE7B,SAAS,0BAA0B;AAEnC,SAAS,yBAAyB;AAElC,SAAS,gBAAgB,eAAe;AAExC,SAAS,iBAAiB;AAE1B,SAAS,iBAAiB;AAE1B,SAAS,qBAAqB;AAE9B,SAAS,cAAc;AAEvB,SAAS,kBAAkB;AAE3B,SAAS,eAAe;AAExB,SAAS,oBAAoB;AAE7B,SAAS,kBAAkB;AAE3B,SAAS,iBAAiB;AAE1B,SAAS,wBAAwB;AAEjC,SAAS,uBAAuB;AAEhC,SAAS,kBAAkB;AAE3B,SAAS,kBAAkB;AAE3B,SAAS,YAAY;AAErB,SAAS,kBAAkB;AAE3B,SAAS,gBAAgB;AAEzB,SAAS,0BAA0B;AAOnC,SAAS,yBAAyB;AAKlC,SAAS,0BAA0B;AAKnC,SAAS,yBAAyB;AAElC,SAAS,wBAAwB;AAMjC,SAAS,yBAAyB;AAKlC,SAAS,yBAAyB;AAElC,SAAS,4BAA4B;AAErC,SAAS,eAAe;AAExB,SAAS,aAAa;AAEtB,SAAS,oBAAoB;AAE7B,SAAS,oBAAoB;AAE7B,SAAS,YAAY,yBAAyB;AAE9C,SAAS,qBAAqB;AAE9B,SAAS,QAAQ,UAAU,iBAAiB;AAE5C,SAAS,YAAY;AAErB,SAAS,MAAM,gBAAgB;AAE/B,SAAS,2BAA2B,SAAS,oBAAoB;AAQjE,SAAS,cAAc;AAEvB,SAAS,YAAY;AAQrB,SAAS,qBAAqB;AAE9B,SAAS,kBAAkB;AAE3B,SAAS,iBAAiB;AAE1B,SAAS,qBAAqB;AAE9B,SAAS,kBAAkB;AAO3B,SAAS,iBAAiB;AAE1B,SAAS,oBAAoB;AAE7B,SAAS,mBAAmB;AAE5B,SAAS,qBAAqB;AAE9B,SAAS,kBAAkB;AAE3B,SAAS,iBAAiB;AAE1B,SAAS,kBAAkB;AAE3B,SAAS,eAAe;AAExB,SAAS,mBAAmB;AAE5B,SAAS,eAAe,oBAAoB;AAE5C,SAAS,YAAY,mBAAmB;AAExC,SAAS,mBAAmB;AAE5B,SAAS,sBAAsB;AAE/B,SAAS,sBAAsB;AAE/B,SAAS,oBAAoB;AAE7B,SAAS,qBAAqB;AAE9B,SAAS,mBAAmB;AAE5B,SAAS,kBAAkB;AAE3B,SAAS,kBAAkB;AAE3B,SAAS,sBAAsB;AAE/B,SAAS,yBAAyB;AAMlC,SAAS,cAAc;AAEvB,SAAS,aAAa;AAEtB,SAAS,gBAAgB;AAEzB,SAAS,YAAY;AAErB,SAAS,qBAAqB;AAE9B,SAAS,WAAW;AAEpB,SAAS,iBAAiB;AAE1B,SAAS,qBAAqB;AAE9B,SAAS,OAAO,SAAS,aAAa;AAOtC,SAAS,wBAAwB;AAEjC,SAAS,oBAAoB;AAE7B,SAAS,oBAAoB;AAK7B,SAAS,OAAO,cAAc,eAAe;","names":[]}

package/dist/ui/inline-action/index.cjs

@@ -0,0 +1,23 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var inline_action_exports = {};
+module.exports = __toCommonJS(inline_action_exports);
+__reExport(inline_action_exports, require("./inline-action.cjs"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("./inline-action.cjs")
+});
+//# sourceMappingURL=index.cjs.map

package/dist/ui/inline-action/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/inline-action/index.ts"],"sourcesContent":["export * from './inline-action';\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,kCAAc,4BAAd;","names":[]}

package/dist/ui/inline-action/index.d.ts

@@ -0,0 +1,2 @@
+export * from './inline-action.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/inline-action/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/inline-action/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}

package/dist/ui/inline-action/index.js

@@ -0,0 +1,2 @@
+export * from "./inline-action.js";
+//# sourceMappingURL=index.js.map

package/dist/ui/inline-action/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/inline-action/index.ts"],"sourcesContent":["export * from './inline-action';\n"],"mappings":"AAAA,cAAc;","names":[]}

package/dist/ui/inline-action/inline-action-preview.cjs

@@ -0,0 +1,70 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var inline_action_preview_exports = {};
+__export(inline_action_preview_exports, {
+  InlineActionPreview: () => InlineActionPreview
+});
+module.exports = __toCommonJS(inline_action_preview_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_ui = require("../../ui/index.cjs");
+var import_ui2 = require("../../ui/index.cjs");
+function InlineActionPreview({ styles, variants }) {
+  const state = variants.state ?? "default";
+  const isHover = state === "hover";
+  const isPressed = state === "active";
+  const isFocused = state === "focus";
+  const isDisabled = state === "disabled";
+  const fallback = (stateValue, base) => stateValue !== void 0 ? stateValue : base;
+  const currentColor = isDisabled ? fallback(styles.disabledColor, styles.color) : isPressed ? fallback(styles.activeColor, styles.color) : isHover ? fallback(styles.hoverColor, styles.color) : isFocused ? fallback(styles.focusColor, styles.color) : styles.color;
+  const cssVars = {
+    "--uxm-inline-action-color": currentColor,
+    "--uxm-inline-action-hover-color": styles.hoverColor,
+    "--uxm-inline-action-active-color": styles.activeColor,
+    "--uxm-inline-action-focus-color": styles.focusColor,
+    "--uxm-inline-action-focus-ring-color": styles.focusRingColor,
+    "--uxm-inline-action-disabled-color": styles.disabledColor,
+    "--uxm-inline-action-disabled-opacity": styles.disabledOpacity != null ? String(styles.disabledOpacity) : void 0,
+    "--uxm-inline-action-font-size": `${styles.fontSize}px`,
+    "--uxm-inline-action-font-weight": styles.fontWeight,
+    "--uxm-inline-action-gap": `${styles.gap}px`,
+    "--uxm-inline-action-icon-size": `${styles.iconSize}px`,
+    display: "flex",
+    flexDirection: "column",
+    gap: 12,
+    minWidth: 200,
+    ...isDisabled ? { opacity: styles.disabledOpacity } : {},
+    ...isFocused ? {
+      // Outline applied to the wrapper so all three demo instances show
+      // it together — keeps the focused-state preview synchronized.
+      outline: `2px solid ${styles.focusRingColor}`,
+      outlineOffset: 2,
+      padding: 4
+    } : {}
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: cssVars, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ui2.InlineAction, { icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ui.Icon, { glyph: "refresh", strokeWidth: 2.25 }), disabled: isDisabled, children: "Reset section" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ui2.InlineAction, { icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ui.Icon, { glyph: "arrow-down", strokeWidth: 2.5 }), disabled: isDisabled, children: "Match in 4 other Inputs" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ui2.InlineAction, { disabled: isDisabled, children: "Edit" })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  InlineActionPreview
+});
+//# sourceMappingURL=inline-action-preview.cjs.map

package/dist/ui/inline-action/inline-action-preview.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/inline-action/inline-action-preview.tsx"],"sourcesContent":["import type { PreviewProps } from '@/previews/types';\nimport { Icon } from '@/ui';\nimport { InlineAction } from '@/ui';\n\nimport type { CSSProperties } from 'react';\n\nexport function InlineActionPreview({ styles, variants }: PreviewProps) {\n  const state = (variants.state as string) ?? 'default';\n  const isHover = state === 'hover';\n  const isPressed = state === 'active';\n  const isFocused = state === 'focus';\n  const isDisabled = state === 'disabled';\n\n  const fallback = <T,>(stateValue: T | undefined, base: T) => (stateValue !== undefined ? stateValue : base);\n\n  // Resolve current visible color for forced-state preview. Wrapper-cascade\n  // pattern (vars on the wrapper rather than per-button) lets all three demo\n  // instances share the same projected state.\n  const currentColor = isDisabled\n    ? fallback(styles.disabledColor as string | undefined, styles.color as string)\n    : isPressed\n    ? fallback(styles.activeColor as string | undefined, styles.color as string)\n    : isHover\n    ? fallback(styles.hoverColor as string | undefined, styles.color as string)\n    : isFocused\n    ? fallback(styles.focusColor as string | undefined, styles.color as string)\n    : (styles.color as string);\n\n  const cssVars = {\n    '--uxm-inline-action-color': currentColor,\n    '--uxm-inline-action-hover-color': styles.hoverColor as string,\n    '--uxm-inline-action-active-color': styles.activeColor as string | undefined,\n    '--uxm-inline-action-focus-color': styles.focusColor as string | undefined,\n    '--uxm-inline-action-focus-ring-color': styles.focusRingColor as string | undefined,\n    '--uxm-inline-action-disabled-color': styles.disabledColor as string | undefined,\n    '--uxm-inline-action-disabled-opacity':\n      styles.disabledOpacity != null ? String(styles.disabledOpacity) : undefined,\n    '--uxm-inline-action-font-size': `${styles.fontSize}px`,\n    '--uxm-inline-action-font-weight': styles.fontWeight as string,\n    '--uxm-inline-action-gap': `${styles.gap}px`,\n    '--uxm-inline-action-icon-size': `${styles.iconSize}px`,\n    display: 'flex',\n    flexDirection: 'column',\n    gap: 12,\n    minWidth: 200,\n    ...(isDisabled ? { opacity: styles.disabledOpacity as number } : {}),\n    ...(isFocused\n      ? {\n          // Outline applied to the wrapper so all three demo instances show\n          // it together — keeps the focused-state preview synchronized.\n          outline: `2px solid ${styles.focusRingColor as string}`,\n          outlineOffset: 2,\n          padding: 4,\n        }\n      : {}),\n  } as CSSProperties;\n\n  return (\n    <div style={cssVars}>\n      <InlineAction icon={<Icon glyph=\"refresh\" strokeWidth={2.25} />} disabled={isDisabled}>\n        Reset section\n      </InlineAction>\n      <InlineAction icon={<Icon glyph=\"arrow-down\" strokeWidth={2.5} />} disabled={isDisabled}>\n        Match in 4 other Inputs\n      </InlineAction>\n      <InlineAction disabled={isDisabled}>Edit</InlineAction>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA0DI;AAzDJ,gBAAqB;AACrB,IAAAA,aAA6B;AAItB,SAAS,oBAAoB,EAAE,QAAQ,SAAS,GAAiB;AACtE,QAAM,QAAS,SAAS,SAAoB;AAC5C,QAAM,UAAU,UAAU;AAC1B,QAAM,YAAY,UAAU;AAC5B,QAAM,YAAY,UAAU;AAC5B,QAAM,aAAa,UAAU;AAE7B,QAAM,WAAW,CAAK,YAA2B,SAAa,eAAe,SAAY,aAAa;AAKtG,QAAM,eAAe,aACjB,SAAS,OAAO,eAAqC,OAAO,KAAe,IAC3E,YACA,SAAS,OAAO,aAAmC,OAAO,KAAe,IACzE,UACA,SAAS,OAAO,YAAkC,OAAO,KAAe,IACxE,YACA,SAAS,OAAO,YAAkC,OAAO,KAAe,IACvE,OAAO;AAEZ,QAAM,UAAU;AAAA,IACd,6BAA6B;AAAA,IAC7B,mCAAmC,OAAO;AAAA,IAC1C,oCAAoC,OAAO;AAAA,IAC3C,mCAAmC,OAAO;AAAA,IAC1C,wCAAwC,OAAO;AAAA,IAC/C,sCAAsC,OAAO;AAAA,IAC7C,wCACE,OAAO,mBAAmB,OAAO,OAAO,OAAO,eAAe,IAAI;AAAA,IACpE,iCAAiC,GAAG,OAAO,QAAQ;AAAA,IACnD,mCAAmC,OAAO;AAAA,IAC1C,2BAA2B,GAAG,OAAO,GAAG;AAAA,IACxC,iCAAiC,GAAG,OAAO,QAAQ;AAAA,IACnD,SAAS;AAAA,IACT,eAAe;AAAA,IACf,KAAK;AAAA,IACL,UAAU;AAAA,IACV,GAAI,aAAa,EAAE,SAAS,OAAO,gBAA0B,IAAI,CAAC;AAAA,IAClE,GAAI,YACA;AAAA;AAAA;AAAA,MAGE,SAAS,aAAa,OAAO,cAAwB;AAAA,MACrD,eAAe;AAAA,MACf,SAAS;AAAA,IACX,IACA,CAAC;AAAA,EACP;AAEA,SACE,6CAAC,SAAI,OAAO,SACV;AAAA,gDAAC,2BAAa,MAAM,4CAAC,kBAAK,OAAM,WAAU,aAAa,MAAM,GAAI,UAAU,YAAY,2BAEvF;AAAA,IACA,4CAAC,2BAAa,MAAM,4CAAC,kBAAK,OAAM,cAAa,aAAa,KAAK,GAAI,UAAU,YAAY,qCAEzF;AAAA,IACA,4CAAC,2BAAa,UAAU,YAAY,kBAAI;AAAA,KAC1C;AAEJ;","names":["import_ui"]}

package/dist/ui/inline-action/inline-action-preview.d.ts

@@ -0,0 +1,3 @@
+import type { PreviewProps } from '../../previews/types.js';
+export declare function InlineActionPreview({ styles, variants }: PreviewProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=inline-action-preview.d.ts.map

package/dist/ui/inline-action/inline-action-preview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inline-action-preview.d.ts","sourceRoot":"","sources":["../../../src/ui/inline-action/inline-action-preview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAMrD,wBAAgB,mBAAmB,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,YAAY,2CA8DrE"}

package/dist/ui/inline-action/inline-action-preview.js

@@ -0,0 +1,46 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Icon } from "../../ui/index.js";
+import { InlineAction } from "../../ui/index.js";
+function InlineActionPreview({ styles, variants }) {
+  const state = variants.state ?? "default";
+  const isHover = state === "hover";
+  const isPressed = state === "active";
+  const isFocused = state === "focus";
+  const isDisabled = state === "disabled";
+  const fallback = (stateValue, base) => stateValue !== void 0 ? stateValue : base;
+  const currentColor = isDisabled ? fallback(styles.disabledColor, styles.color) : isPressed ? fallback(styles.activeColor, styles.color) : isHover ? fallback(styles.hoverColor, styles.color) : isFocused ? fallback(styles.focusColor, styles.color) : styles.color;
+  const cssVars = {
+    "--uxm-inline-action-color": currentColor,
+    "--uxm-inline-action-hover-color": styles.hoverColor,
+    "--uxm-inline-action-active-color": styles.activeColor,
+    "--uxm-inline-action-focus-color": styles.focusColor,
+    "--uxm-inline-action-focus-ring-color": styles.focusRingColor,
+    "--uxm-inline-action-disabled-color": styles.disabledColor,
+    "--uxm-inline-action-disabled-opacity": styles.disabledOpacity != null ? String(styles.disabledOpacity) : void 0,
+    "--uxm-inline-action-font-size": `${styles.fontSize}px`,
+    "--uxm-inline-action-font-weight": styles.fontWeight,
+    "--uxm-inline-action-gap": `${styles.gap}px`,
+    "--uxm-inline-action-icon-size": `${styles.iconSize}px`,
+    display: "flex",
+    flexDirection: "column",
+    gap: 12,
+    minWidth: 200,
+    ...isDisabled ? { opacity: styles.disabledOpacity } : {},
+    ...isFocused ? {
+      // Outline applied to the wrapper so all three demo instances show
+      // it together — keeps the focused-state preview synchronized.
+      outline: `2px solid ${styles.focusRingColor}`,
+      outlineOffset: 2,
+      padding: 4
+    } : {}
+  };
+  return /* @__PURE__ */ jsxs("div", { style: cssVars, children: [
+    /* @__PURE__ */ jsx(InlineAction, { icon: /* @__PURE__ */ jsx(Icon, { glyph: "refresh", strokeWidth: 2.25 }), disabled: isDisabled, children: "Reset section" }),
+    /* @__PURE__ */ jsx(InlineAction, { icon: /* @__PURE__ */ jsx(Icon, { glyph: "arrow-down", strokeWidth: 2.5 }), disabled: isDisabled, children: "Match in 4 other Inputs" }),
+    /* @__PURE__ */ jsx(InlineAction, { disabled: isDisabled, children: "Edit" })
+  ] });
+}
+export {
+  InlineActionPreview
+};
+//# sourceMappingURL=inline-action-preview.js.map

package/dist/ui/inline-action/inline-action-preview.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/inline-action/inline-action-preview.tsx"],"sourcesContent":["import type { PreviewProps } from '@/previews/types';\nimport { Icon } from '@/ui';\nimport { InlineAction } from '@/ui';\n\nimport type { CSSProperties } from 'react';\n\nexport function InlineActionPreview({ styles, variants }: PreviewProps) {\n  const state = (variants.state as string) ?? 'default';\n  const isHover = state === 'hover';\n  const isPressed = state === 'active';\n  const isFocused = state === 'focus';\n  const isDisabled = state === 'disabled';\n\n  const fallback = <T,>(stateValue: T | undefined, base: T) => (stateValue !== undefined ? stateValue : base);\n\n  // Resolve current visible color for forced-state preview. Wrapper-cascade\n  // pattern (vars on the wrapper rather than per-button) lets all three demo\n  // instances share the same projected state.\n  const currentColor = isDisabled\n    ? fallback(styles.disabledColor as string | undefined, styles.color as string)\n    : isPressed\n    ? fallback(styles.activeColor as string | undefined, styles.color as string)\n    : isHover\n    ? fallback(styles.hoverColor as string | undefined, styles.color as string)\n    : isFocused\n    ? fallback(styles.focusColor as string | undefined, styles.color as string)\n    : (styles.color as string);\n\n  const cssVars = {\n    '--uxm-inline-action-color': currentColor,\n    '--uxm-inline-action-hover-color': styles.hoverColor as string,\n    '--uxm-inline-action-active-color': styles.activeColor as string | undefined,\n    '--uxm-inline-action-focus-color': styles.focusColor as string | undefined,\n    '--uxm-inline-action-focus-ring-color': styles.focusRingColor as string | undefined,\n    '--uxm-inline-action-disabled-color': styles.disabledColor as string | undefined,\n    '--uxm-inline-action-disabled-opacity':\n      styles.disabledOpacity != null ? String(styles.disabledOpacity) : undefined,\n    '--uxm-inline-action-font-size': `${styles.fontSize}px`,\n    '--uxm-inline-action-font-weight': styles.fontWeight as string,\n    '--uxm-inline-action-gap': `${styles.gap}px`,\n    '--uxm-inline-action-icon-size': `${styles.iconSize}px`,\n    display: 'flex',\n    flexDirection: 'column',\n    gap: 12,\n    minWidth: 200,\n    ...(isDisabled ? { opacity: styles.disabledOpacity as number } : {}),\n    ...(isFocused\n      ? {\n          // Outline applied to the wrapper so all three demo instances show\n          // it together — keeps the focused-state preview synchronized.\n          outline: `2px solid ${styles.focusRingColor as string}`,\n          outlineOffset: 2,\n          padding: 4,\n        }\n      : {}),\n  } as CSSProperties;\n\n  return (\n    <div style={cssVars}>\n      <InlineAction icon={<Icon glyph=\"refresh\" strokeWidth={2.25} />} disabled={isDisabled}>\n        Reset section\n      </InlineAction>\n      <InlineAction icon={<Icon glyph=\"arrow-down\" strokeWidth={2.5} />} disabled={isDisabled}>\n        Match in 4 other Inputs\n      </InlineAction>\n      <InlineAction disabled={isDisabled}>Edit</InlineAction>\n    </div>\n  );\n}\n"],"mappings":"AA0DI,SACsB,KADtB;AAzDJ,SAAS,YAAY;AACrB,SAAS,oBAAoB;AAItB,SAAS,oBAAoB,EAAE,QAAQ,SAAS,GAAiB;AACtE,QAAM,QAAS,SAAS,SAAoB;AAC5C,QAAM,UAAU,UAAU;AAC1B,QAAM,YAAY,UAAU;AAC5B,QAAM,YAAY,UAAU;AAC5B,QAAM,aAAa,UAAU;AAE7B,QAAM,WAAW,CAAK,YAA2B,SAAa,eAAe,SAAY,aAAa;AAKtG,QAAM,eAAe,aACjB,SAAS,OAAO,eAAqC,OAAO,KAAe,IAC3E,YACA,SAAS,OAAO,aAAmC,OAAO,KAAe,IACzE,UACA,SAAS,OAAO,YAAkC,OAAO,KAAe,IACxE,YACA,SAAS,OAAO,YAAkC,OAAO,KAAe,IACvE,OAAO;AAEZ,QAAM,UAAU;AAAA,IACd,6BAA6B;AAAA,IAC7B,mCAAmC,OAAO;AAAA,IAC1C,oCAAoC,OAAO;AAAA,IAC3C,mCAAmC,OAAO;AAAA,IAC1C,wCAAwC,OAAO;AAAA,IAC/C,sCAAsC,OAAO;AAAA,IAC7C,wCACE,OAAO,mBAAmB,OAAO,OAAO,OAAO,eAAe,IAAI;AAAA,IACpE,iCAAiC,GAAG,OAAO,QAAQ;AAAA,IACnD,mCAAmC,OAAO;AAAA,IAC1C,2BAA2B,GAAG,OAAO,GAAG;AAAA,IACxC,iCAAiC,GAAG,OAAO,QAAQ;AAAA,IACnD,SAAS;AAAA,IACT,eAAe;AAAA,IACf,KAAK;AAAA,IACL,UAAU;AAAA,IACV,GAAI,aAAa,EAAE,SAAS,OAAO,gBAA0B,IAAI,CAAC;AAAA,IAClE,GAAI,YACA;AAAA;AAAA;AAAA,MAGE,SAAS,aAAa,OAAO,cAAwB;AAAA,MACrD,eAAe;AAAA,MACf,SAAS;AAAA,IACX,IACA,CAAC;AAAA,EACP;AAEA,SACE,qBAAC,SAAI,OAAO,SACV;AAAA,wBAAC,gBAAa,MAAM,oBAAC,QAAK,OAAM,WAAU,aAAa,MAAM,GAAI,UAAU,YAAY,2BAEvF;AAAA,IACA,oBAAC,gBAAa,MAAM,oBAAC,QAAK,OAAM,cAAa,aAAa,KAAK,GAAI,UAAU,YAAY,qCAEzF;AAAA,IACA,oBAAC,gBAAa,UAAU,YAAY,kBAAI;AAAA,KAC1C;AAEJ;","names":[]}

package/dist/ui/inline-action/inline-action.cjs

@@ -0,0 +1,50 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var inline_action_exports = {};
+__export(inline_action_exports, {
+  InlineAction: () => InlineAction
+});
+module.exports = __toCommonJS(inline_action_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_helpers = require("../../helpers/index.cjs");
+function InlineAction({
+  icon,
+  children,
+  className,
+  type = "button",
+  ...rest
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "button",
+    {
+      type,
+      className: (0, import_helpers.cn)("uxm-inline-action", className),
+      ...rest,
+      children: [
+        icon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "uxm-inline-action__icon", "aria-hidden": "true", children: icon }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "uxm-inline-action__label", children })
+      ]
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  InlineAction
+});
+//# sourceMappingURL=inline-action.cjs.map

package/dist/ui/inline-action/inline-action.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/inline-action/inline-action.tsx"],"sourcesContent":["import { cn } from '@/helpers';\n\nimport type { ButtonHTMLAttributes, ReactNode } from 'react';\n\nexport interface InlineActionProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Optional leading icon — typically a small SVG (12px-ish). */\n  icon?: ReactNode;\n  /** Action label. */\n  children: ReactNode;\n}\n\n/**\n * Tertiary text-with-optional-icon button for dense UI — \"Reset section,\"\n * \"Match in 4 other Inputs,\" \"Edit,\" etc. Sized small by design (~10px),\n * muted by default with a hover transition to an accent colour. Use\n * where the action is contextual and shouldn't compete with primary\n * CTAs but still needs to be visibly tappable.\n *\n * Distinct from `BackLink` (breadcrumb navigation, larger and arrow-\n * led) and from `ButtonGhost` (regular button-shaped, padded). This\n * atom is meant to read as inline text first and a button second.\n */\nexport function InlineAction({\n  icon,\n  children,\n  className,\n  type = 'button',\n  ...rest\n}: InlineActionProps) {\n  return (\n    <button\n      type={type}\n      className={cn('uxm-inline-action', className)}\n      {...rest}\n    >\n      {icon && (\n        <span className=\"uxm-inline-action__icon\" aria-hidden=\"true\">\n          {icon}\n        </span>\n      )}\n      <span className=\"uxm-inline-action__label\">{children}</span>\n    </button>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA8BI;AA9BJ,qBAAmB;AAsBZ,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,GAAG;AACL,GAAsB;AACpB,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,eAAW,mBAAG,qBAAqB,SAAS;AAAA,MAC3C,GAAG;AAAA,MAEH;AAAA,gBACC,4CAAC,UAAK,WAAU,2BAA0B,eAAY,QACnD,gBACH;AAAA,QAEF,4CAAC,UAAK,WAAU,4BAA4B,UAAS;AAAA;AAAA;AAAA,EACvD;AAEJ;","names":[]}

package/dist/ui/inline-action/inline-action.css

@@ -0,0 +1,46 @@
+@charset "UTF-8";
+/* ── inline-action ── */
+/* ── InlineAction ──
+   Tertiary text-with-optional-icon button for dense UI. Muted by
+   default with a hover transition to accent. Sized small (10px) by
+   default; the icon slot follows iconSize. */
+.uxm-inline-action {
+  align-items: center;
+  background: transparent;
+  border: none;
+  color: var(--uxm-inline-action-color, var(--color-text-muted));
+  cursor: pointer;
+  display: inline-flex;
+  font-size: calc(var(--uxm-inline-action-font-size, 10px) * var(--type-scale, 1));
+  font-weight: var(--uxm-inline-action-font-weight, 500);
+  gap: var(--uxm-inline-action-gap, 4px);
+  padding: 0;
+  transition: color 0.15s ease;
+}
+.uxm-inline-action:hover {
+  color: var(--uxm-inline-action-hover-color, var(--color-accent-bold));
+}
+.uxm-inline-action:active {
+  color: var(--uxm-inline-action-active-color, var(--color-accent));
+}
+.uxm-inline-action:focus-visible {
+  color: var(--uxm-inline-action-focus-color, var(--color-accent-bold));
+  outline: 2px solid var(--uxm-inline-action-focus-ring-color, var(--color-accent));
+  outline-offset: 2px;
+}
+.uxm-inline-action:disabled, .uxm-inline-action[aria-disabled=true] {
+  color: var(--uxm-inline-action-disabled-color, var(--color-text-muted));
+  opacity: var(--uxm-inline-action-disabled-opacity, 0.4);
+}
+.uxm-inline-action__icon {
+  align-items: center;
+  display: inline-flex;
+  justify-content: center;
+}
+.uxm-inline-action__icon > svg {
+  height: var(--uxm-inline-action-icon-size, 10px);
+  width: var(--uxm-inline-action-icon-size, 10px);
+}
+.uxm-inline-action__label {
+  display: inline-block;
+}

package/dist/ui/inline-action/inline-action.d.ts

@@ -0,0 +1,20 @@
+import type { ButtonHTMLAttributes, ReactNode } from 'react';
+export interface InlineActionProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    /** Optional leading icon — typically a small SVG (12px-ish). */
+    icon?: ReactNode;
+    /** Action label. */
+    children: ReactNode;
+}
+/**
+ * Tertiary text-with-optional-icon button for dense UI — "Reset section,"
+ * "Match in 4 other Inputs," "Edit," etc. Sized small by design (~10px),
+ * muted by default with a hover transition to an accent colour. Use
+ * where the action is contextual and shouldn't compete with primary
+ * CTAs but still needs to be visibly tappable.
+ *
+ * Distinct from `BackLink` (breadcrumb navigation, larger and arrow-
+ * led) and from `ButtonGhost` (regular button-shaped, padded). This
+ * atom is meant to read as inline text first and a button second.
+ */
+export declare function InlineAction({ icon, children, className, type, ...rest }: InlineActionProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=inline-action.d.ts.map

package/dist/ui/inline-action/inline-action.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inline-action.d.ts","sourceRoot":"","sources":["../../../src/ui/inline-action/inline-action.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7D,MAAM,WAAW,iBAAkB,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAChF,gEAAgE;IAChE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,oBAAoB;IACpB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,IAAe,EACf,GAAG,IAAI,EACR,EAAE,iBAAiB,2CAenB"}

package/dist/ui/inline-action/inline-action.js

@@ -0,0 +1,26 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../../helpers/index.js";
+function InlineAction({
+  icon,
+  children,
+  className,
+  type = "button",
+  ...rest
+}) {
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type,
+      className: cn("uxm-inline-action", className),
+      ...rest,
+      children: [
+        icon && /* @__PURE__ */ jsx("span", { className: "uxm-inline-action__icon", "aria-hidden": "true", children: icon }),
+        /* @__PURE__ */ jsx("span", { className: "uxm-inline-action__label", children })
+      ]
+    }
+  );
+}
+export {
+  InlineAction
+};
+//# sourceMappingURL=inline-action.js.map

package/dist/ui/inline-action/inline-action.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/inline-action/inline-action.tsx"],"sourcesContent":["import { cn } from '@/helpers';\n\nimport type { ButtonHTMLAttributes, ReactNode } from 'react';\n\nexport interface InlineActionProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Optional leading icon — typically a small SVG (12px-ish). */\n  icon?: ReactNode;\n  /** Action label. */\n  children: ReactNode;\n}\n\n/**\n * Tertiary text-with-optional-icon button for dense UI — \"Reset section,\"\n * \"Match in 4 other Inputs,\" \"Edit,\" etc. Sized small by design (~10px),\n * muted by default with a hover transition to an accent colour. Use\n * where the action is contextual and shouldn't compete with primary\n * CTAs but still needs to be visibly tappable.\n *\n * Distinct from `BackLink` (breadcrumb navigation, larger and arrow-\n * led) and from `ButtonGhost` (regular button-shaped, padded). This\n * atom is meant to read as inline text first and a button second.\n */\nexport function InlineAction({\n  icon,\n  children,\n  className,\n  type = 'button',\n  ...rest\n}: InlineActionProps) {\n  return (\n    <button\n      type={type}\n      className={cn('uxm-inline-action', className)}\n      {...rest}\n    >\n      {icon && (\n        <span className=\"uxm-inline-action__icon\" aria-hidden=\"true\">\n          {icon}\n        </span>\n      )}\n      <span className=\"uxm-inline-action__label\">{children}</span>\n    </button>\n  );\n}\n"],"mappings":"AA8BI,SAMI,KANJ;AA9BJ,SAAS,UAAU;AAsBZ,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,GAAG;AACL,GAAsB;AACpB,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW,GAAG,qBAAqB,SAAS;AAAA,MAC3C,GAAG;AAAA,MAEH;AAAA,gBACC,oBAAC,UAAK,WAAU,2BAA0B,eAAY,QACnD,gBACH;AAAA,QAEF,oBAAC,UAAK,WAAU,4BAA4B,UAAS;AAAA;AAAA;AAAA,EACvD;AAEJ;","names":[]}

package/dist/ui/inline-filter/index.cjs

@@ -0,0 +1,23 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var inline_filter_exports = {};
+module.exports = __toCommonJS(inline_filter_exports);
+__reExport(inline_filter_exports, require("./inline-filter.cjs"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("./inline-filter.cjs")
+});
+//# sourceMappingURL=index.cjs.map

package/dist/ui/inline-filter/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/inline-filter/index.ts"],"sourcesContent":["export * from './inline-filter';\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,kCAAc,4BAAd;","names":[]}