@astryxdesign/core 0.1.7-canary.eb8e07b → 0.1.7

package/dist/DropdownMenu/DropdownMenuCheckboxItem.js

@@ -1,170 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates.
-
-'use client';
-
-/**
- * @file DropdownMenuCheckboxItem.tsx
- * @input React, stylex, Item + Icon + DropdownMenu context + tokens from core
- * @output DropdownMenuCheckboxItem — a standalone checkable menu item.
- * @position Sub-component; used inside DropdownMenu.
- *
- * A menu item that toggles an independent boolean (role="menuitemcheckbox").
- * Unlike CheckboxInput, there is no nested native <input>: the row itself owns
- * the role and aria-checked, per the WAI-ARIA menuitemcheckbox pattern.
- * Keyboard navigation (arrows/typeahead) and Enter/Space activation come from
- * the parent DropdownMenu's useListFocus + activation path, which matches
- * menuitemcheckbox alongside plain menuitem rows.
- *
- * The square checkbox visual is decorative (aria-hidden) — the row owns the
- * checked state. Its size is derived from the menu's item size (a `sm` menu
- * gets the compact control; `md`/`lg` get the standard one) and it swaps to the
- * inline-end of the row on coarse-pointer (touch) devices via CSS `order`, so
- * it lands where selection toggles are conventionally placed on mobile. The
- * checkmark uses the `check` icon from the active theme's icon registry.
- */
-import { useCallback } from 'react';
-import * as stylex from '@stylexjs/stylex';
-import { Icon, renderIconSlot } from "../Icon/index.js";
-import { Item } from "../Item/index.js";
-import { useDropdownMenuContext } from "./DropdownMenuContext.js";
-import "../theme/tokens.stylex.js";
-import { colorVars, spacingVars, radiusVars, durationVars, easeVars, borderVars } from "../theme/tokens.stylex.js";
-import { mergeProps, themeProps } from "../utils/index.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const styles = {
-  root: {
-    kzqmXN: "xh8yej3",
-    kaIpWk: "x1ws5lxm",
-    kMwMTN: "x1tgivj0",
-    kWkggS: "xjbqb8w x1c52tdz x1uwx2nv",
-    kkrTdU: "x1ypdohk",
-    kI3sdo: "x1a2a7pz",
-    $$css: true
-  },
-  disabled: {
-    kSiTet: "xbyyjgo",
-    kkrTdU: "x1h6gzvc",
-    $$css: true
-  },
-  box: {
-    k1xSpc: "x78zum5",
-    kGNEyG: "x6s0dn4",
-    kjj79g: "xl56j7k",
-    kmuXW: "x2lah0s",
-    kB7OPa: "x9f619",
-    kMzoRj: "x1litavf",
-    ksu8eU: "x1y0btm7",
-    kaIpWk: "xx3sua9",
-    kMwMTN: "x17wrial",
-    k1ekBW: "xts7igz",
-    kIyJzY: "xuedmi6 x12w9bfk",
-    kAMwcw: "xlr8y92",
-    kayTVb: "x1g77sc7 xozvky",
-    keTefX: "x1lziwak x1jymrmb",
-    $$css: true
-  },
-  unchecked: {
-    kVAM5u: "xvy26l8",
-    kWkggS: "x10xzikg",
-    $$css: true
-  },
-  checked: {
-    kVAM5u: "xad5do",
-    kWkggS: "x1ewilqj",
-    $$css: true
-  }
-};
-const boxSizeStyles = {
-  sm: {
-    kzqmXN: "x1xp8n7a",
-    kZKoxP: "xmix8c7",
-    $$css: true
-  },
-  md: {
-    kzqmXN: "x17z2i9w",
-    kZKoxP: "x17rw0jw",
-    $$css: true
-  }
-};
-/**
- * A checkable dropdown menu item (role="menuitemcheckbox").
- *
- * Must be used inside a DropdownMenu. Toggles an independent boolean; for a
- * one-of-N choice use DropdownMenuRadioGroup + DropdownMenuRadioItem instead.
- *
- * @example
- * ```
- *  * import {DropdownMenuCheckboxItem} from '@astryxdesign/core/DropdownMenu';
- *
- * <DropdownMenu button={{label: 'View'}}>
- *   <DropdownMenuCheckboxItem
- *     label="Show archived"
- *     value={showArchived}
- *     onChange={setShowArchived}
- *   />
- * </DropdownMenu>
- * ```
- */
-export function DropdownMenuCheckboxItem({
-  label,
-  description,
-  icon,
-  value,
-  onChange,
-  isDisabled = false,
-  hasCloseOnSelect = false,
-  endContent,
-  xstyle,
-  className,
-  style,
-  ...rest
-}) {
-  const ctx = useDropdownMenuContext();
-  const menuSize = ctx?.menuSize ?? 'md';
-  const controlSize = menuSize === 'sm' ? 'sm' : 'md';
-  const handleClick = useCallback(() => {
-    if (isDisabled) {
-      return;
-    }
-    onChange?.(!value);
-    if (hasCloseOnSelect) {
-      ctx?.closeMenu();
-    }
-  }, [isDisabled, onChange, value, hasCloseOnSelect, ctx]);
-  return /*#__PURE__*/_jsx(Item, {
-    ...rest,
-    role: "menuitemcheckbox",
-    "aria-checked": value,
-    tabIndex: isDisabled ? undefined : -1,
-    marker: /*#__PURE__*/_jsx("span", {
-      "aria-hidden": "true",
-      ...mergeProps(themeProps('dropdown-menu-checkbox', {
-        size: controlSize,
-        checked: value ? 'checked' : null,
-        disabled: isDisabled ? 'disabled' : null
-      }), stylex.props(styles.box, boxSizeStyles[controlSize], value ? styles.checked : styles.unchecked)),
-      children: value && /*#__PURE__*/_jsx(Icon, {
-        icon: "check",
-        size: "sm",
-        color: "inherit"
-      })
-    }),
-    startContent: icon ? renderIconSlot(icon, {
-      size: 'sm',
-      color: 'secondary'
-    }) : undefined,
-    label: label,
-    description: description,
-    endContent: endContent,
-    onClick: handleClick,
-    isDisabled: isDisabled,
-    xstyle: [styles.root, isDisabled && styles.disabled, xstyle],
-    ...mergeProps(themeProps('dropdown-menu-item', {
-      size: menuSize
-    }), {
-      className,
-      style
-    })
-  });
-}
-DropdownMenuCheckboxItem.displayName = 'DropdownMenuCheckboxItem';

package/dist/DropdownMenu/DropdownMenuRadioGroup.d.ts

@@ -1,69 +0,0 @@
-/**
- * @file DropdownMenuRadioGroup.tsx
- * @output DropdownMenuRadioGroup — a single-select group of menu items.
- * @position Sub-component; wraps DropdownMenuRadioItem inside a DropdownMenu.
- *
- * Owns single-selection state (value/onChange) for its child
- * DropdownMenuRadioItems and exposes it via context. Renders role="group" with
- * an accessible name so the radios are announced as a set. Keyboard navigation
- * comes from the parent DropdownMenu's useListFocus, which matches
- * menuitemradio rows.
- */
-import { type ReactNode } from 'react';
-import type { BaseProps } from '../BaseProps';
-export interface DropdownMenuRadioGroupProps extends Omit<BaseProps, 'onChange'> {
-    /**
-     * The currently selected value in the group. Pass `undefined` when nothing
-     * is selected yet.
-     */
-    value: string | undefined;
-    /**
-     * Callback fired when the selected value changes.
-     */
-    onChange: (value: string) => void;
-    /**
-     * Accessible label for the group. Required (together with `aria-labelledby`,
-     * one of the two) so screen readers announce the radios as a named set,
-     * e.g. "Sort by".
-     */
-    'aria-label'?: string;
-    /**
-     * The id of an element that labels the group, as an alternative to
-     * `aria-label`.
-     */
-    'aria-labelledby'?: string;
-    /**
-     * Whether selecting a value closes the menu. Radio items default to closing
-     * on selection (a single-choice commit), unlike checkbox items which stay
-     * open.
-     * @default true
-     */
-    hasCloseOnSelect?: boolean;
-    /**
-     * The `DropdownMenuRadioItem`s that make up the group.
-     */
-    children: ReactNode;
-}
-/**
- * A single-select group of radio menu items (role="group" of menuitemradio).
- *
- * @example
- * ```
- *  * import {
- *   DropdownMenuRadioGroup,
- *   DropdownMenuRadioItem,
- * } from '@astryxdesign/core/DropdownMenu';
- *
- * <DropdownMenu button={{label: 'Sort'}}>
- *   <DropdownMenuRadioGroup value={sort} onChange={setSort} aria-label="Sort by">
- *     <DropdownMenuRadioItem value="newest" label="Newest" />
- *     <DropdownMenuRadioItem value="oldest" label="Oldest" />
- *   </DropdownMenuRadioGroup>
- * </DropdownMenu>
- * ```
- */
-export declare function DropdownMenuRadioGroup({ value, onChange, hasCloseOnSelect, children, className, style, ...rest }: DropdownMenuRadioGroupProps): import("react").JSX.Element;
-export declare namespace DropdownMenuRadioGroup {
-    var displayName: string;
-}
-//# sourceMappingURL=DropdownMenuRadioGroup.d.ts.map

package/dist/DropdownMenu/DropdownMenuRadioGroup.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DropdownMenuRadioGroup.d.ts","sourceRoot":"","sources":["../../src/DropdownMenu/DropdownMenuRadioGroup.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;GAUG;AAEH,OAAO,EAAU,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAI9C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAiB5C,MAAM,WAAW,2BAA4B,SAAQ,IAAI,CACvD,SAAS,EACT,UAAU,CACX;IACC;;;OAGG;IACH,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B;;OAEG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,KAAK,EACL,QAAQ,EACR,gBAAuB,EACvB,QAAQ,EACR,SAAS,EACT,KAAK,EACL,GAAG,IAAI,EACR,EAAE,2BAA2B,+BAgB7B;yBAxBe,sBAAsB"}

package/dist/DropdownMenu/DropdownMenuRadioGroup.js

@@ -1,70 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates.
-
-'use client';
-
-/**
- * @file DropdownMenuRadioGroup.tsx
- * @output DropdownMenuRadioGroup — a single-select group of menu items.
- * @position Sub-component; wraps DropdownMenuRadioItem inside a DropdownMenu.
- *
- * Owns single-selection state (value/onChange) for its child
- * DropdownMenuRadioItems and exposes it via context. Renders role="group" with
- * an accessible name so the radios are announced as a set. Keyboard navigation
- * comes from the parent DropdownMenu's useListFocus, which matches
- * menuitemradio rows.
- */
-import { useMemo } from 'react';
-import * as stylex from '@stylexjs/stylex';
-import "../theme/tokens.stylex.js";
-import { spacingVars } from "../theme/tokens.stylex.js";
-import { mergeProps } from "../utils/index.js";
-import { DropdownMenuRadioGroupContext } from "./DropdownMenuContext.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * A single-select group of radio menu items (role="group" of menuitemradio).
- *
- * @example
- * ```
- *  * import {
- *   DropdownMenuRadioGroup,
- *   DropdownMenuRadioItem,
- * } from '@astryxdesign/core/DropdownMenu';
- *
- * <DropdownMenu button={{label: 'Sort'}}>
- *   <DropdownMenuRadioGroup value={sort} onChange={setSort} aria-label="Sort by">
- *     <DropdownMenuRadioItem value="newest" label="Newest" />
- *     <DropdownMenuRadioItem value="oldest" label="Oldest" />
- *   </DropdownMenuRadioGroup>
- * </DropdownMenu>
- * ```
- */
-export function DropdownMenuRadioGroup({
-  value,
-  onChange,
-  hasCloseOnSelect = true,
-  children,
-  className,
-  style,
-  ...rest
-}) {
-  const contextValue = useMemo(() => ({
-    value,
-    onChange,
-    hasCloseOnSelect
-  }), [value, onChange, hasCloseOnSelect]);
-  return /*#__PURE__*/_jsx("div", {
-    ...rest,
-    role: "group",
-    ...mergeProps({
-      className: "x78zum5 xdt5ytf x1lsbc85"
-    }, {
-      className,
-      style
-    }),
-    children: /*#__PURE__*/_jsx(DropdownMenuRadioGroupContext, {
-      value: contextValue,
-      children: children
-    })
-  });
-}
-DropdownMenuRadioGroup.displayName = 'DropdownMenuRadioGroup';

package/dist/DropdownMenu/DropdownMenuRadioItem.d.ts

@@ -1,69 +0,0 @@
-/**
- * @file DropdownMenuRadioItem.tsx
- * @input React, stylex, Item + Icon + DropdownMenu context + tokens from core
- * @output DropdownMenuRadioItem — a single option in a radio group.
- * @position Sub-component; must be used inside a DropdownMenuRadioGroup.
- *
- * A menu item representing one option in a single-select group
- * (role="menuitemradio"). The row owns the role and aria-checked; there is no
- * nested native <input> (per the WAI-ARIA menuitemradio pattern). Selection
- * state + onChange come from DropdownMenuRadioGroupContext. Keyboard nav +
- * Enter/Space activation come from the parent DropdownMenu.
- *
- * The round radio visual (circle + center dot) is decorative (aria-hidden) —
- * the row owns the checked state. Its size is derived from the menu's item size
- * and it swaps to the inline-end of the row on coarse-pointer (touch) devices
- * via CSS `order`. The dot is a shaped element, not an icon (a filled circle
- * has no registry glyph).
- */
-import { type ReactNode } from 'react';
-import { type IconType } from '../Icon';
-import type { BaseProps } from '../BaseProps';
-export interface DropdownMenuRadioItemProps extends Omit<BaseProps, 'role' | 'aria-checked' | 'tabIndex'> {
-    /**
-     * The value this item represents within its group. The group's `value`
-     * matches against this to determine the checked state.
-     */
-    value: string;
-    /**
-     * Primary label text identifying the option.
-     */
-    label: ReactNode;
-    /**
-     * Secondary description text displayed below the label.
-     */
-    description?: ReactNode;
-    /**
-     * Icon to display before the label. Accepts a semantic icon name (see
-     * `npx astryx docs icons`) or a rendered node.
-     */
-    icon?: ReactNode | IconType;
-    /**
-     * Whether this individual radio item is disabled. Disabled items stay
-     * focusable (via `aria-disabled`) so they remain discoverable by keyboard
-     * and assistive technology, but selection is blocked.
-     * @default false
-     */
-    isDisabled?: boolean;
-    /**
-     * Content to render after the label and description, such as a badge or
-     * metadata.
-     */
-    endContent?: ReactNode;
-}
-/**
- * A single option in a DropdownMenuRadioGroup (role="menuitemradio").
- *
- * @example
- * ```
- * <DropdownMenuRadioGroup value={sort} onChange={setSort} aria-label="Sort by">
- *   <DropdownMenuRadioItem value="newest" label="Newest" />
- *   <DropdownMenuRadioItem value="oldest" label="Oldest" icon="clock" />
- * </DropdownMenuRadioGroup>
- * ```
- */
-export declare function DropdownMenuRadioItem({ value, label, description, icon, isDisabled, endContent, xstyle, className, style, ...rest }: DropdownMenuRadioItemProps): import("react").JSX.Element;
-export declare namespace DropdownMenuRadioItem {
-    var displayName: string;
-}
-//# sourceMappingURL=DropdownMenuRadioItem.d.ts.map

package/dist/DropdownMenu/DropdownMenuRadioItem.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DropdownMenuRadioItem.d.ts","sourceRoot":"","sources":["../../src/DropdownMenu/DropdownMenuRadioItem.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;GAiBG;AAEH,OAAO,EAAc,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAElD,OAAO,EAAiB,KAAK,QAAQ,EAAC,MAAM,SAAS,CAAC;AAWtD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAsE5C,MAAM,WAAW,0BAA2B,SAAQ,IAAI,CACtD,SAAS,EACT,MAAM,GAAG,cAAc,GAAG,UAAU,CACrC;IACC;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,EAAE,SAAS,CAAC;IACjB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC5B;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;CACxB;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,KAAK,EACL,KAAK,EACL,WAAW,EACX,IAAI,EACJ,UAAkB,EAClB,UAAU,EACV,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,IAAI,EACR,EAAE,0BAA0B,+BAiE5B;yBA5Ee,qBAAqB"}

package/dist/DropdownMenu/DropdownMenuRadioItem.js

@@ -1,178 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates.
-
-'use client';
-
-/**
- * @file DropdownMenuRadioItem.tsx
- * @input React, stylex, Item + Icon + DropdownMenu context + tokens from core
- * @output DropdownMenuRadioItem — a single option in a radio group.
- * @position Sub-component; must be used inside a DropdownMenuRadioGroup.
- *
- * A menu item representing one option in a single-select group
- * (role="menuitemradio"). The row owns the role and aria-checked; there is no
- * nested native <input> (per the WAI-ARIA menuitemradio pattern). Selection
- * state + onChange come from DropdownMenuRadioGroupContext. Keyboard nav +
- * Enter/Space activation come from the parent DropdownMenu.
- *
- * The round radio visual (circle + center dot) is decorative (aria-hidden) —
- * the row owns the checked state. Its size is derived from the menu's item size
- * and it swaps to the inline-end of the row on coarse-pointer (touch) devices
- * via CSS `order`. The dot is a shaped element, not an icon (a filled circle
- * has no registry glyph).
- */
-import { useCallback } from 'react';
-import * as stylex from '@stylexjs/stylex';
-import { renderIconSlot } from "../Icon/index.js";
-import { Item } from "../Item/index.js";
-import { useDropdownMenuContext } from "./DropdownMenuContext.js";
-import "../theme/tokens.stylex.js";
-import { colorVars, spacingVars, durationVars, easeVars, borderVars } from "../theme/tokens.stylex.js";
-import { mergeProps, themeProps } from "../utils/index.js";
-import { useDropdownMenuRadioGroupContext } from "./DropdownMenuContext.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const styles = {
-  root: {
-    kzqmXN: "xh8yej3",
-    kaIpWk: "x1ws5lxm",
-    kMwMTN: "x1tgivj0",
-    kWkggS: "xjbqb8w x1c52tdz x1uwx2nv",
-    kkrTdU: "x1ypdohk",
-    kI3sdo: "x1a2a7pz",
-    $$css: true
-  },
-  disabled: {
-    kSiTet: "xbyyjgo",
-    kkrTdU: "x1h6gzvc",
-    $$css: true
-  },
-  circle: {
-    k1xSpc: "x78zum5",
-    kGNEyG: "x6s0dn4",
-    kjj79g: "xl56j7k",
-    kmuXW: "x2lah0s",
-    kB7OPa: "x9f619",
-    kMzoRj: "x1litavf",
-    ksu8eU: "x1y0btm7",
-    kaIpWk: "x16rqkct",
-    k1ekBW: "xts7igz",
-    kIyJzY: "xuedmi6 x12w9bfk",
-    kAMwcw: "xlr8y92",
-    kayTVb: "x1g77sc7 xozvky",
-    keTefX: "x1lziwak x1jymrmb",
-    $$css: true
-  },
-  unchecked: {
-    kVAM5u: "xvy26l8",
-    kWkggS: "x10xzikg",
-    $$css: true
-  },
-  checked: {
-    kVAM5u: "xad5do",
-    kWkggS: "x1ewilqj",
-    $$css: true
-  },
-  dot: {
-    kaIpWk: "x16rqkct",
-    kWkggS: "x1azo05",
-    $$css: true
-  }
-};
-const circleSizeStyles = {
-  sm: {
-    kzqmXN: "x1xp8n7a",
-    kZKoxP: "xmix8c7",
-    $$css: true
-  },
-  md: {
-    kzqmXN: "x17z2i9w",
-    kZKoxP: "x17rw0jw",
-    $$css: true
-  }
-};
-const dotSizeStyles = {
-  sm: {
-    kzqmXN: "x1v4s8kt",
-    kZKoxP: "xols6we",
-    $$css: true
-  },
-  md: {
-    kzqmXN: "x1xc55vz",
-    kZKoxP: "xdk7pt",
-    $$css: true
-  }
-};
-/**
- * A single option in a DropdownMenuRadioGroup (role="menuitemradio").
- *
- * @example
- * ```
- * <DropdownMenuRadioGroup value={sort} onChange={setSort} aria-label="Sort by">
- *   <DropdownMenuRadioItem value="newest" label="Newest" />
- *   <DropdownMenuRadioItem value="oldest" label="Oldest" icon="clock" />
- * </DropdownMenuRadioGroup>
- * ```
- */
-export function DropdownMenuRadioItem({
-  value,
-  label,
-  description,
-  icon,
-  isDisabled = false,
-  endContent,
-  xstyle,
-  className,
-  style,
-  ...rest
-}) {
-  const menuCtx = useDropdownMenuContext();
-  const groupCtx = useDropdownMenuRadioGroupContext();
-  if (!groupCtx) {
-    throw new Error('DropdownMenuRadioItem must be used within a DropdownMenuRadioGroup');
-  }
-  const menuSize = menuCtx?.menuSize ?? 'md';
-  const controlSize = menuSize === 'sm' ? 'sm' : 'md';
-  const isChecked = groupCtx.value === value;
-  const handleClick = useCallback(() => {
-    if (isDisabled) {
-      return;
-    }
-    groupCtx.onChange(value);
-    if (groupCtx.hasCloseOnSelect) {
-      menuCtx?.closeMenu();
-    }
-  }, [isDisabled, groupCtx, value, menuCtx]);
-  return /*#__PURE__*/_jsx(Item, {
-    ...rest,
-    role: "menuitemradio",
-    "aria-checked": isChecked,
-    tabIndex: isDisabled ? undefined : -1,
-    marker: /*#__PURE__*/_jsx("span", {
-      "aria-hidden": "true",
-      ...mergeProps(themeProps('dropdown-menu-radio', {
-        size: controlSize,
-        checked: isChecked ? 'checked' : null,
-        disabled: isDisabled ? 'disabled' : null
-      }), stylex.props(styles.circle, circleSizeStyles[controlSize], isChecked ? styles.checked : styles.unchecked)),
-      children: isChecked && /*#__PURE__*/_jsx("span", {
-        ...stylex.props(styles.dot, dotSizeStyles[controlSize])
-      })
-    }),
-    startContent: icon ? renderIconSlot(icon, {
-      size: 'sm',
-      color: 'secondary'
-    }) : undefined,
-    label: label,
-    description: description,
-    endContent: endContent,
-    onClick: handleClick,
-    isDisabled: isDisabled,
-    xstyle: [styles.root, isDisabled && styles.disabled, xstyle],
-    ...mergeProps(themeProps('dropdown-menu-item', {
-      size: menuSize
-    }), {
-      className,
-      style
-    })
-  });
-}
-DropdownMenuRadioItem.displayName = 'DropdownMenuRadioItem';

package/dist/DropdownMenu/menuItemRoles.d.ts

@@ -1,13 +0,0 @@
-/**
- * @file menuItemRoles.ts
- * @output Shared menu-item role set + focus selector.
- * @position Internal; used by DropdownMenu and ContextMenu so their
- *   roving-focus, typeahead, and Enter/Space activation stay in sync.
- *
- * Includes the selectable items (menuitemradio/menuitemcheckbox) alongside
- * plain menuitem so checkbox/radio rows are reachable by arrow keys, typeahead,
- * and Enter/Space — not just role="menuitem".
- */
-export declare const MENU_ITEM_ROLES: ReadonlySet<string>;
-export declare const MENU_ITEM_SELECTOR: string;
-//# sourceMappingURL=menuItemRoles.d.ts.map

package/dist/DropdownMenu/menuItemRoles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"menuItemRoles.d.ts","sourceRoot":"","sources":["../../src/DropdownMenu/menuItemRoles.ts"],"names":[],"mappings":"AAEA;;;;;;;;;GASG;AAEH,eAAO,MAAM,eAAe,EAAE,WAAW,CAAC,MAAM,CAI9C,CAAC;AAEH,eAAO,MAAM,kBAAkB,EAAE,MAErB,CAAC"}

package/dist/DropdownMenu/menuItemRoles.js

@@ -1,15 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates.
-
-/**
- * @file menuItemRoles.ts
- * @output Shared menu-item role set + focus selector.
- * @position Internal; used by DropdownMenu and ContextMenu so their
- *   roving-focus, typeahead, and Enter/Space activation stay in sync.
- *
- * Includes the selectable items (menuitemradio/menuitemcheckbox) alongside
- * plain menuitem so checkbox/radio rows are reachable by arrow keys, typeahead,
- * and Enter/Space — not just role="menuitem".
- */
-
-export const MENU_ITEM_ROLES = new Set(['menuitem', 'menuitemradio', 'menuitemcheckbox']);
-export const MENU_ITEM_SELECTOR = [...MENU_ITEM_ROLES].map(role => `[role="${role}"]:not([aria-disabled="true"])`).join(',');