prime-ui-kit 0.11.0 → 0.12.0

package/dist/color-picker.js

@@ -4,8 +4,8 @@ import {
   ColorField,
   ColorPicker,
   parseColor
-} from "./chunks/chunk-GKX3QAUC.js";
-import "./chunks/chunk-WDTSHOTD.js";
+} from "./chunks/chunk-OTOIOHVE.js";
+import "./chunks/chunk-VOZ7J72X.js";
 import "./chunks/chunk-Q3BFRQHZ.js";
 export {
   ColorField,

package/dist/components/index.d.ts

@@ -80,6 +80,8 @@ export type { LabelDescriptionProps, LabelIconProps, LabelLabels, LabelRootProps
 export { Label } from "./label/Label";
 export type { LinkButtonProps } from "./link-button/LinkButton";
 export { LinkButton } from "./link-button/LinkButton";
+export type { ListItemCountProps, ListItemDescriptionProps, ListItemIconProps, ListItemMetaProps, ListItemProps, ListItemTextProps, ListRootProps, } from "./list/List";
+export { List } from "./list/List";
 export type { LoginFormActionsProps, LoginFormBodyProps, LoginFormDescriptionProps, LoginFormFooterProps, LoginFormFormProps, LoginFormHeaderProps, LoginFormLogoProps, LoginFormRootProps, LoginFormTitleProps, } from "./login-form/LoginForm";
 export { LoginForm } from "./login-form/LoginForm";
 export type { MediaViewerItem, MediaViewerLabels, MediaViewerProps, } from "./media-viewer/MediaViewer";

package/dist/components/list/List.d.ts

@@ -0,0 +1,105 @@
+import * as React from "react";
+import type { ControlSize, PaletteColor } from "../../internal/states";
+export type ListRootProps = React.HTMLAttributes<HTMLUListElement> & {
+    /** Row tier: height, text, icon and avatar size; counts take one tier down. Default `m`. */
+    size?: ControlSize;
+    /** `List.Item`s. */
+    children?: React.ReactNode;
+    ref?: React.Ref<HTMLUListElement>;
+};
+/**
+ * A selectable navigation list: the master half of a list + detail screen (conversations, tickets,
+ * mail, records). Rows are buttons or links; the open record is `current`.
+ */
+declare function ListRoot({ size, className, ...rest }: ListRootProps): import("react/jsx-runtime").JSX.Element;
+declare namespace ListRoot {
+    var displayName: string;
+}
+export type ListItemIconProps = Omit<React.HTMLAttributes<HTMLSpanElement>, "children"> & {
+    /** An `Avatar.Root` (sized by the row) or an `Icon`. */
+    children: React.ReactNode;
+    ref?: React.Ref<HTMLSpanElement>;
+};
+/**
+ * The leading picture of a row: an avatar the slot sizes to the tier, or an icon. After the text
+ * it is a quiet trailing glyph. Decorative: the text names the row.
+ */
+declare function ListItemIcon({ className, ...rest }: ListItemIconProps): import("react/jsx-runtime").JSX.Element;
+declare namespace ListItemIcon {
+    var displayName: string;
+}
+export type ListItemTextProps = React.HTMLAttributes<HTMLSpanElement> & {
+    ref?: React.Ref<HTMLSpanElement>;
+};
+/** The primary line: one line, truncated with an ellipsis. */
+declare function ListItemText({ className, ...rest }: ListItemTextProps): import("react/jsx-runtime").JSX.Element;
+declare namespace ListItemText {
+    var displayName: string;
+}
+export type ListItemDescriptionProps = React.HTMLAttributes<HTMLSpanElement> & {
+    ref?: React.Ref<HTMLSpanElement>;
+};
+/** The second line (a preview, a status): muted, smaller, truncated. */
+declare function ListItemDescription({ className, ...rest }: ListItemDescriptionProps): import("react/jsx-runtime").JSX.Element;
+declare namespace ListItemDescription {
+    var displayName: string;
+}
+export type ListItemMetaProps = React.HTMLAttributes<HTMLSpanElement> & {
+    ref?: React.Ref<HTMLSpanElement>;
+};
+/** Small trailing text at the end of the first line: a time, a date, an amount. */
+declare function ListItemMeta({ className, ...rest }: ListItemMetaProps): import("react/jsx-runtime").JSX.Element;
+declare namespace ListItemMeta {
+    var displayName: string;
+}
+export type ListItemCountProps = Omit<React.HTMLAttributes<HTMLSpanElement>, "children" | "color"> & {
+    /** Badge hue. Default `gray`; a hue for what needs attention (unread). */
+    color?: PaletteColor;
+    /** The number (or a short status). */
+    children: React.ReactNode;
+    /** The Badge `<span>`. */
+    ref?: React.Ref<HTMLSpanElement>;
+};
+/** A count at the end of the row: a soft Badge one tier below the rows. */
+declare function ListItemCount({ color, className, ...rest }: ListItemCountProps): import("react/jsx-runtime").JSX.Element;
+declare namespace ListItemCount {
+    var displayName: string;
+}
+type ListItemOwnProps = {
+    /**
+     * The open record: the selected fill and `aria-current` — `"true"` on a button, `"page"` on a
+     * link (`href`, `asChild`). Links rendered by a router may set it themselves.
+     */
+    current?: boolean;
+    disabled?: boolean;
+    /** Render the single child element (a router link) as the row; its children are the content. */
+    asChild?: boolean;
+    /**
+     * Content and parts: `List.ItemIcon`, `List.ItemText`, `List.ItemDescription`, `List.ItemMeta`,
+     * `List.ItemCount`.
+     */
+    children?: React.ReactNode;
+};
+export type ListItemProps = ListItemOwnProps & Omit<React.ComponentPropsWithoutRef<"button">, keyof ListItemOwnProps> & {
+    /** Renders an `<a>` instead of a `<button>`. */
+    href?: string;
+    target?: string;
+    rel?: string;
+    /** The `<button>`, `<a>` or the `asChild` element (not the `<li>`). */
+    ref?: React.Ref<HTMLElement>;
+};
+/** A row of the list: an `<li>` holding a full-width button or link. */
+declare function ListItem({ current, disabled, asChild, href, className, children, onClick, type, ref, ...rest }: ListItemProps): import("react/jsx-runtime").JSX.Element;
+declare namespace ListItem {
+    var displayName: string;
+}
+export declare const List: {
+    Root: typeof ListRoot;
+    Item: typeof ListItem;
+    ItemIcon: typeof ListItemIcon;
+    ItemText: typeof ListItemText;
+    ItemDescription: typeof ListItemDescription;
+    ItemMeta: typeof ListItemMeta;
+    ItemCount: typeof ListItemCount;
+};
+export {};