@antadesign/anta 0.2.0 → 0.2.1

package/dist/components/MenuItem.d.ts

@@ -1,49 +0,0 @@
-import type { BaseProps } from '../general_types';
-import type { IconShape } from '../elements/a-icon.shapes';
-export interface MenuItemProps extends BaseProps {
-    /** Leading icon shape. */
-    icon?: IconShape;
-    /** The item's text. Omit and pass `children` for richer content. */
-    label?: string;
-    /** A trailing keyboard-shortcut hint, e.g. `"⌘E"`. */
-    kbd?: string;
-    /** A trailing icon (ignored when `submenu` is set — the chevron takes its
-     *  place). */
-    iconTrailing?: IconShape;
-    /** Disable the item: greyed out, not focusable for activation, no close. */
-    disabled?: boolean;
-    /** Semantic tone — colors the label, icon, and hover tint. `critical` is the
-     *  destructive action; `neutral` (the default) is the standard gray.
-     *  @defaultValue neutral */
-    tone?: 'neutral' | 'brand' | 'info' | 'success' | 'warning' | 'critical';
-    /** Marks this item as a submenu parent: adds the trailing chevron and
-     *  `aria-haspopup`. Nest the flyout as a `<Menu submenu>` child. */
-    submenu?: boolean;
-    /** Convenience activation handler — fires on click / Enter / Space unless
-     *  the item is disabled. (Mapped to the underlying click.) */
-    onSelect?: (e: any) => void;
-    /** Item content. With `label` set, children are extra content — most
-     *  notably the nested `<Menu submenu>` for a submenu parent. */
-    children?: React.ReactNode;
-}
-/**
- * MenuItem — a single selectable row inside a `Menu`. Composes a leading
- * `icon`, a `label` (or `children`), an optional trailing `kbd` hint, and an
- * optional trailing icon. For a submenu, set `submenu` and nest a
- * `<Menu submenu>` as a child — a chevron is added automatically.
- *
- * Selecting an item closes the menu; add `data-menu-open` to keep it open
- * (toggles / multi-select) — it forwards to the element.
- *
- * @example
- * ```tsx
- * <MenuItem icon="copy" label="Duplicate" kbd="⌘D" onSelect={dup} />
- * <MenuItem label="Word wrap" data-menu-open onSelect={toggleWrap} />
- * <MenuItem label="Share" submenu>
- *   <Menu submenu hover>
- *     <MenuItem label="Copy link" onSelect={copyLink} />
- *   </Menu>
- * </MenuItem>
- * ```
- */
-export declare const MenuItem: ({ icon, label, kbd, iconTrailing, disabled, tone, submenu, onSelect, className, children, ...rest }: MenuItemProps) => any;

package/dist/components/MenuItem.js

@@ -1,40 +0,0 @@
-import { jsx, jsxs } from "@antadesign/anta/jsx-runtime";
-const MenuItem = ({
-  icon,
-  label,
-  kbd,
-  iconTrailing,
-  disabled,
-  tone,
-  submenu,
-  onSelect,
-  className,
-  children,
-  ...rest
-}) => {
-  return /* @__PURE__ */ jsxs(
-    "a-menu-item",
-    {
-      role: "menuitem",
-      tabIndex: 0,
-      disabled: disabled ? "" : void 0,
-      tone: tone && tone !== "neutral" ? tone : void 0,
-      submenu: submenu ? "" : void 0,
-      "aria-haspopup": submenu ? "menu" : void 0,
-      "aria-disabled": disabled ? "true" : void 0,
-      onClick: disabled ? void 0 : onSelect,
-      class: className,
-      ...rest,
-      children: [
-        icon && /* @__PURE__ */ jsx("a-icon", { shape: icon, "aria-hidden": "true" }),
-        label != null && /* @__PURE__ */ jsx("a-menu-item-label", { children: label }),
-        kbd && /* @__PURE__ */ jsx("kbd", { children: kbd }),
-        submenu ? /* @__PURE__ */ jsx("a-icon", { shape: "chevron-right", "aria-hidden": "true" }) : iconTrailing && /* @__PURE__ */ jsx("a-icon", { shape: iconTrailing, "aria-hidden": "true" }),
-        children
-      ]
-    }
-  );
-};
-export {
-  MenuItem
-};

package/dist/components/MenuSeparator.d.ts

@@ -1,14 +0,0 @@
-import type { BaseProps } from '../general_types';
-export interface MenuSeparatorProps extends BaseProps {
-}
-/**
- * MenuSeparator — a thin divider between groups of `MenuItem`s.
- *
- * @example
- * ```tsx
- * <MenuItem label="Edit" />
- * <MenuSeparator />
- * <MenuItem tone="critical" label="Delete" />
- * ```
- */
-export declare const MenuSeparator: ({ className, ...rest }: MenuSeparatorProps) => any;

package/dist/components/MenuSeparator.js

@@ -1,7 +0,0 @@
-import { jsx } from "@antadesign/anta/jsx-runtime";
-const MenuSeparator = ({ className, ...rest }) => {
-  return /* @__PURE__ */ jsx("a-menu-separator", { role: "separator", class: className, ...rest });
-};
-export {
-  MenuSeparator
-};

package/dist/components/Sticker.d.ts

@@ -1,31 +0,0 @@
-import type { BaseProps } from "../general_types";
-/** Base public props for stickers — shared by both static and animated.
- *  Inherits `className` and `style` from `BaseProps`. The animated
- *  variant (`StickerAnimated`) extends this with `paused`. */
-export interface StickerProps extends Omit<BaseProps, "children"> {
-    /** Edge length in pixels. Stickers are always square. Defaults to 256. */
-    size?: number;
-    label?: string;
-}
-/** ARIA attribute shape applied to sticker hosts — either meaningful
- *  (`role="img"` + `aria-label`) or decorative (`aria-hidden="true"`). */
-export type StickerA11y = {
-    role?: string;
-    "aria-label"?: string;
-    "aria-hidden"?: "true";
-};
-/** Internal — supplied by the generated per-sticker module; the bound
- *  SVG markup is the per-sticker payload. */
-interface StickerInternalProps extends StickerProps {
-    svg: string;
-}
-/**
- * Internal renderer for static stickers. Generated `Sticker{Name}`
- * exports under `@antadesign/anta/stickers` call this with their bound
- * inline SVG markup. The `<a-sticker>` element renders the SVG into
- * its shadow DOM; sizing is composed into the host's inline `style` as
- * `--sticker-size` (the element doesn't mutate its own host — see the
- * declarative-DOM rule in CLAUDE.md).
- */
-export declare const Sticker: ({ svg, size, label, ...rest }: StickerInternalProps) => any;
-export {};

package/dist/components/Sticker.js

@@ -1,17 +0,0 @@
-import { jsx } from "@antadesign/anta/jsx-runtime";
-const Sticker = ({
-  svg,
-  size,
-  label,
-  ...rest
-}) => {
-  const a11y = label != null ? { role: "img", "aria-label": label } : { "aria-hidden": "true" };
-  const style = size != null ? {
-    ...rest.style,
-    ["--sticker-size"]: `${size}px`
-  } : rest.style;
-  return /* @__PURE__ */ jsx("a-sticker", { svg, ...a11y, ...rest, style });
-};
-export {
-  Sticker
-};

package/dist/components/StickerAnimated.d.ts

@@ -1,23 +0,0 @@
-import type { StickerProps } from "./Sticker";
-/** Public props for animated stickers — extends `StickerProps` with
- *  `paused`. The static `Sticker` variant doesn't accept `paused`. */
-export interface StickerAnimatedProps extends StickerProps {
-    /** `true` freezes the animation at the current frame; a number freezes
-     *  at that time in seconds; omit (or `false`) to play. */
-    paused?: boolean | number;
-}
-/** Internal — the bound Lottie animation is supplied by the generated
- *  per-sticker module as a JSON string. The element parses it once on
- *  attribute set. */
-interface StickerAnimatedInternalProps extends StickerAnimatedProps {
-    animation: string;
-}
-/**
- * Internal renderer for animated stickers. Generated
- * `Sticker{Name}Animated` exports under `@antadesign/anta/stickers`
- * call this with their bound Lottie JSON string. The
- * `<a-sticker-animated>` element receives it as an attribute, parses
- * it once, and drives a shadow-DOM canvas via dotLottie.
- */
-export declare const StickerAnimated: ({ animation, size, paused, label, ...rest }: StickerAnimatedInternalProps) => any;
-export {};

package/dist/components/StickerAnimated.js

@@ -1,28 +0,0 @@
-import { jsx } from "@antadesign/anta/jsx-runtime";
-const StickerAnimated = ({
-  animation,
-  size,
-  paused,
-  label,
-  ...rest
-}) => {
-  const a11y = label != null ? { role: "img", "aria-label": label } : { "aria-hidden": "true" };
-  const pausedAttr = paused === true ? "" : typeof paused === "number" ? String(paused) : void 0;
-  const style = size != null ? {
-    ...rest.style,
-    ["--sticker-size"]: `${size}px`
-  } : rest.style;
-  return /* @__PURE__ */ jsx(
-    "a-sticker-animated",
-    {
-      animation,
-      paused: pausedAttr,
-      ...a11y,
-      ...rest,
-      style
-    }
-  );
-};
-export {
-  StickerAnimated
-};