Version Packages

[github-actions]

This PR was opened by the Changesets release GitHub action. When you're ready to do a release, you can merge this and the packages will be published to npm automatically. If you're not ready to do a release yet, that's fine, whenever you add more changesets to main, this PR will be updated.

Releases

@tailor-platform/app-shell@0.31.0

Minor Changes

• e7a1177: Add Menu, Select, Combobox, and Autocomplete components.

  New components

  import {
    Menu,
    Select,
    Combobox,
    Autocomplete,
  } from "@tailor-platform/app-shell";

  Menu

  Dropdown menu with compound component API (Menu.Root, Menu.Trigger, Menu.Content, Menu.Item, etc.). Supports checkbox/radio items, grouped items, separators, and nested sub-menus via Menu.SubmenuRoot / Menu.SubmenuTrigger.

  <Menu.Root>
    <Menu.Trigger>Open menu</Menu.Trigger>
    <Menu.Content>
      <Menu.Item>Edit</Menu.Item>
      <Menu.Item>Duplicate</Menu.Item>
      <Menu.Separator />
      <Menu.Item>Delete</Menu.Item>
    </Menu.Content>
  </Menu.Root>

  Select

  Single or multi-select dropdown. Pass items and get a fully assembled select out of the box. Also supports async data fetching via Select.Async.

  <Select
    items={["Apple", "Banana", "Cherry"]}
    placeholder="Pick a fruit"
    onValueChange={(value) => console.log(value)}
  />

  Combobox

  Searchable combobox with single/multi selection. Pass items and get a fully assembled combobox with built-in filtering. Supports async data fetching via Combobox.Async and user-created items via onCreateItem prop.

  <Combobox
    items={["Apple", "Banana", "Cherry"]}
    placeholder="Search fruits..."
    onValueChange={(value) => console.log(value)}
  />

  Autocomplete

  Text input with a suggestion list. The value is the raw input string, not a discrete item selection. Also supports async suggestions via Autocomplete.Async.

  <Autocomplete
    items={["Apple", "Banana", "Cherry"]}
    placeholder="Type a fruit..."
    onValueChange={(value) => console.log(value)}
  />

  Low-level primitives via .Parts

  Select, Combobox, and Autocomplete each expose a .Parts namespace containing the styled low-level sub-components (e.g. Root, Input, Content, Item, List, etc.) and hooks (useFilter, useAsync, useCreatable) for building fully custom compositions when the ready-made component doesn't fit your needs.

  const { Root, Trigger, Content, Item } = Select.Parts;

Patch Changes

• 8e11a5e: Updated lucide-react (^0.562.0 -> ^0.577.0)