@elliemae/ds-pills-v2 3.57.0-rc.2 → 3.60.0-next.2

package/dist/esm/parts/DSPillGroup/react-desc-prop-types.js

@@ -0,0 +1,27 @@
+import * as React from "react";
+import {
+  PropTypes,
+  getPropsPerSlotPropTypes,
+  globalAttributesPropTypes,
+  xstyledPropTypes
+} from "@elliemae/ds-props-helpers";
+import { DSPillV2Name, PILL_GROUP_SLOTS } from "./constants/index.js";
+const defaultProps = {
+  width: "fit-content",
+  innerRef: () => null
+};
+const DSPillGroupPropTypes = {
+  ...getPropsPerSlotPropTypes(DSPillV2Name, PILL_GROUP_SLOTS),
+  ...globalAttributesPropTypes,
+  ...xstyledPropTypes,
+  width: PropTypes.string.description("Width of the group").defaultValue("fit-content"),
+  innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).description("Reference to the pill group wrapper").defaultValue(() => null),
+  children: PropTypes.node.description("Pills to render in the group").isRequired
+};
+const DSPillGroupPropTypesSchema = DSPillGroupPropTypes;
+export {
+  DSPillGroupPropTypes,
+  DSPillGroupPropTypesSchema,
+  defaultProps
+};
+//# sourceMappingURL=react-desc-prop-types.js.map

package/dist/esm/parts/DSPillGroup/react-desc-prop-types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/DSPillGroup/react-desc-prop-types.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-empty-interface */\nimport type { GlobalAttributesT, XstyledProps, DSPropTypesSchema, ValidationMap } from '@elliemae/ds-props-helpers';\nimport {\n  PropTypes,\n  getPropsPerSlotPropTypes,\n  globalAttributesPropTypes,\n  xstyledPropTypes,\n} from '@elliemae/ds-props-helpers';\nimport { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport { DSPillV2Name, PILL_GROUP_SLOTS } from './constants/index.js';\n\nexport declare namespace DSPillGroupT {\n  export interface RequiredProps {\n    children: React.ReactNode;\n  }\n\n  export interface DefaultProps {\n    width: string;\n    innerRef: TypescriptHelpersT.AnyRef<HTMLDivElement>;\n  }\n\n  export interface OptionalProps\n    extends TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSPillV2Name, typeof PILL_GROUP_SLOTS> {}\n  export interface Props\n    extends Partial<DefaultProps>,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLElement>, keyof RequiredProps | keyof DefaultProps | keyof XstyledProps>,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLElement>, keyof RequiredProps | keyof DefaultProps | keyof XstyledProps>,\n      XstyledProps,\n      RequiredProps {}\n}\n\nexport const defaultProps: DSPillGroupT.DefaultProps = {\n  width: 'fit-content',\n  innerRef: () => null,\n};\n\nexport const DSPillGroupPropTypes: DSPropTypesSchema<DSPillGroupT.Props> = {\n  ...getPropsPerSlotPropTypes(DSPillV2Name, PILL_GROUP_SLOTS),\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  width: PropTypes.string.description('Width of the group').defaultValue('fit-content'),\n  innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func])\n    .description('Reference to the pill group wrapper')\n    .defaultValue(() => null),\n  children: PropTypes.node.description('Pills to render in the group').isRequired,\n};\n\nexport const DSPillGroupPropTypesSchema = DSPillGroupPropTypes as unknown as ValidationMap<DSPillGroupT.Props>;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACEvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,cAAc,wBAAwB;AA6BxC,MAAM,eAA0C;AAAA,EACrD,OAAO;AAAA,EACP,UAAU,MAAM;AAClB;AAEO,MAAM,uBAA8D;AAAA,EACzE,GAAG,yBAAyB,cAAc,gBAAgB;AAAA,EAC1D,GAAG;AAAA,EACH,GAAG;AAAA,EACH,OAAO,UAAU,OAAO,YAAY,oBAAoB,EAAE,aAAa,aAAa;AAAA,EACpF,UAAU,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,IAAI,CAAC,EAC7D,YAAY,qCAAqC,EACjD,aAAa,MAAM,IAAI;AAAA,EAC1B,UAAU,UAAU,KAAK,YAAY,8BAA8B,EAAE;AACvE;AAEO,MAAM,6BAA6B;",
+  "names": []
+}

package/dist/esm/react-desc-prop-types.js

@@ -1,7 +1,13 @@
 import * as React from "react";
 import { DSInput } from "@elliemae/ds-form";
 import { DSMenuButtonPropTypes } from "@elliemae/ds-menu-button";
-import { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from "@elliemae/ds-props-helpers";
+import {
+  PropTypes,
+  getPropsPerSlotPropTypes,
+  globalAttributesPropTypes,
+  xstyledPropTypes
+} from "@elliemae/ds-props-helpers";
+import { PILL_V2_SLOTS, DSPillV2Name } from "./constants/index.js";
 const DSPillV2DefaultProps = {
   innerRef: () => null,
   disabled: false,
@@ -34,15 +40,6 @@ const DSPillV2DefaultProps = {
   onDropdownClick: () => null,
   tabIndex: 0
 };
-const DSPillButtonDefaultProps = {
-  type: "right",
-  width: "100%",
-  height: "100%"
-};
-const DSPillGroupDefaultProps = {
-  width: "fit-content",
-  innerRef: () => null
-};
 const pillTypes = PropTypes.oneOf([
   "label",
   "labelOnly",
@@ -55,6 +52,7 @@ const pillTypes = PropTypes.oneOf([
 ]);
 const { children, ...menuButtonPropsPropTypes } = DSMenuButtonPropTypes;
 const DSPillV2PropTypes = {
+  ...getPropsPerSlotPropTypes(DSPillV2Name, PILL_V2_SLOTS),
   ...globalAttributesPropTypes,
   ...xstyledPropTypes,
   label: PropTypes.string.description("Label to show in the pill").isRequired,
@@ -101,34 +99,8 @@ const DSPillV2PropTypes = {
     "Callback when dropdown button is clicked or pressed. For accessibility reasons this is deprecated in favour of menuButtonProps"
   ).defaultValue(() => null).deprecated({ version: "25.3" })
 };
-const DSPillButtonPropTypes = {
-  ...globalAttributesPropTypes,
-  ...xstyledPropTypes,
-  type: PropTypes.oneOf(["only", "left", "right"]).description("The position in which this button will be placed. Only used for css styling internally").defaultValue("right"),
-  width: PropTypes.string.description("Width of the button").defaultValue("100%"),
-  height: PropTypes.string.description("Height of the button").defaultValue("100%"),
-  innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).description("Inner ref to button component."),
-  "data-testid": PropTypes.string.description("root element data-testid"),
-  applyAriaDisabled: PropTypes.bool.description(
-    "Whether to apply disabled styling and announce as disabled in SR. CAN STILL RECEIVE FOCUS. PREVENTS ONLY MAIN ACTION."
-  ).defaultValue(false)
-};
-const DSPillGroupPropTypes = {
-  ...globalAttributesPropTypes,
-  width: PropTypes.string.description("Width of the group").defaultValue("fit-content"),
-  innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).description("Reference to the pill group wrapper").defaultValue(() => null),
-  children: PropTypes.node.description("Pills to render in the group").isRequired
-};
 const DSPillV2PropTypesSchema = DSPillV2PropTypes;
-const DSPillButtonPropTypesSchema = DSPillButtonPropTypes;
-const DSPillGroupPropTypesSchema = DSPillGroupPropTypes;
 export {
-  DSPillButtonDefaultProps,
-  DSPillButtonPropTypes,
-  DSPillButtonPropTypesSchema,
-  DSPillGroupDefaultProps,
-  DSPillGroupPropTypes,
-  DSPillGroupPropTypesSchema,
   DSPillV2DefaultProps,
   DSPillV2PropTypes,
   DSPillV2PropTypesSchema

package/dist/esm/react-desc-prop-types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/react-desc-prop-types.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable @typescript-eslint/no-explicit-any */\nimport type { DSButtonT } from '@elliemae/ds-button-v2';\nimport type { DSDropdownMenuT } from '@elliemae/ds-dropdownmenu-v2';\nimport { DSInput } from '@elliemae/ds-form';\nimport { DSMenuButtonPropTypes, type DSMenuButtonT } from '@elliemae/ds-menu-button';\nimport type { DSPropTypesSchema, GlobalAttributesT, ValidationMap, XstyledProps } from '@elliemae/ds-props-helpers';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\nimport { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\n\nexport namespace DSPillT {\n  export interface DefaultProps {\n    innerRef: TypescriptHelpersT.AnyRef<HTMLElement>;\n    disabled: boolean;\n    applyAriaDisabled: boolean;\n    readOnly: boolean;\n    applyTooltipOverflowWrap: boolean;\n    hasError: boolean;\n    ariaLabel: string;\n    size: 'm' | 's';\n    labelTruncated: boolean;\n    tooltipValue: string;\n    iconLeft: JSX.Element | null;\n    IconLeft: React.ComponentType<{ label: string }> | null;\n    IconRight: React.ComponentType<{ label: string }> | null;\n    iconRight: JSX.Element | null;\n    onRemove: (e: React.KeyboardEvent | React.MouseEvent) => void;\n    inputPlaceholder: string;\n    onInputChange: (e: React.ChangeEvent<HTMLInputElement>, newValue: string) => void;\n    onInputClear: (e: React.KeyboardEvent | React.MouseEvent) => void;\n    inputWidth: number;\n    inputRender: React.ComponentType<any>;\n    dropdownProps: DSDropdownMenuT.Props;\n    onDropdownClick: (e: React.KeyboardEvent | React.MouseEvent) => void;\n    tabIndex: TypescriptHelpersT.WCAGTabIndex;\n  }\n  export interface OptionalProps {\n    inputId?: string;\n    menuButtonProps?: Omit<DSMenuButtonT.Props, 'children'>;\n    trailingComma?: boolean;\n  }\n  export interface RequiredProps {\n    label: string;\n    type: 'label' | 'labelOnly' | 'value' | 'input' | 'dropdown' | 'removable' | 'readonly' | 'menubutton';\n  }\n\n  export interface Props\n    extends RequiredProps,\n      Partial<DefaultProps>,\n      OptionalProps,\n      Omit<\n        GlobalAttributesT<HTMLButtonElement>,\n        keyof RequiredProps | keyof DefaultProps | keyof OptionalProps | keyof XstyledProps\n      >,\n      XstyledProps {}\n\n  export interface InternalProps\n    extends RequiredProps,\n      DefaultProps,\n      OptionalProps,\n      Omit<\n        GlobalAttributesT<HTMLButtonElement>,\n        keyof RequiredProps | keyof DefaultProps | keyof OptionalProps | keyof XstyledProps\n      >,\n      XstyledProps {}\n\n  export interface DSPillButtonDefaultPropsT {\n    type: 'left' | 'right' | 'only';\n    width: string;\n    height: string;\n  }\n  export interface ButtonProps extends Omit<DSButtonT.Props, 'type' | 'buttonType' | 'isV3' | 'dsButtonRoot'> {\n    type?: 'left' | 'right' | 'only';\n    width?: string;\n    height?: string;\n    applyAriaDisabled?: boolean;\n  }\n  export interface InternalButtonProps\n    extends Omit<DSButtonT.InternalProps, 'type' | 'buttonType' | 'isV3' | 'dsButtonRoot'> {\n    type: 'left' | 'right' | 'only';\n    width: string;\n    height: string;\n    applyAriaDisabled: boolean;\n  }\n\n  export interface DefaultGroupPropsT {\n    width: string;\n    innerRef: TypescriptHelpersT.AnyRef<HTMLDivElement>;\n  }\n  export interface GroupProps extends GlobalAttributesT {\n    width?: string;\n    innerRef?: TypescriptHelpersT.AnyRef<HTMLDivElement>;\n    children: React.ReactNode;\n  }\n  export interface InternalGroupProps extends GlobalAttributesT {\n    width: string;\n    innerRef: TypescriptHelpersT.AnyRef<HTMLDivElement>;\n    children: React.ReactNode;\n  }\n}\n\nexport const DSPillV2DefaultProps: DSPillT.DefaultProps = {\n  innerRef: () => null,\n  disabled: false,\n  applyAriaDisabled: false,\n  readOnly: false,\n  applyTooltipOverflowWrap: false, // turn on for > 25.1\n  hasError: false,\n  ariaLabel: '',\n  size: 'm',\n  labelTruncated: true,\n  tooltipValue: '',\n  iconLeft: null,\n  IconLeft: null,\n  IconRight: null,\n  iconRight: null,\n  onRemove: () => null,\n  inputPlaceholder: '',\n  onInputChange: () => null,\n  onInputClear: () => null,\n  inputWidth: 72,\n  // TODO: remove DSInput in favor of V2\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n  inputRender: DSInput,\n  dropdownProps: {\n    options: [],\n    isSkeleton: false,\n    isOpened: false,\n  },\n  onDropdownClick: () => null,\n  tabIndex: 0,\n};\n\nexport const DSPillButtonDefaultProps: DSPillT.DSPillButtonDefaultPropsT = {\n  type: 'right',\n  width: '100%',\n  height: '100%',\n};\n\nexport const DSPillGroupDefaultProps: DSPillT.DefaultGroupPropsT = {\n  width: 'fit-content',\n  innerRef: () => null,\n};\n\nconst pillTypes = PropTypes.oneOf([\n  'label',\n  'labelOnly',\n  'value',\n  'input',\n  'dropdown',\n  'removable',\n  'readonly',\n  'menubutton',\n]);\n\n// children is embedded by the pill itself, forced to be a chevron pointing down by design\nconst { children, ...menuButtonPropsPropTypes } = DSMenuButtonPropTypes;\n\nexport const DSPillV2PropTypes: DSPropTypesSchema<DSPillT.Props> = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  label: PropTypes.string.description('Label to show in the pill').isRequired,\n  type: pillTypes.description('The type of pill that you want to render').isRequired,\n  innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func])\n    .description('Reference to the focuseable internal element of each pill (remove icons, inputs, dropdown, etc.)')\n    .defaultValue(() => null),\n  size: PropTypes.oneOf(['s', 'm']).description('Vertical pill size').defaultValue('m'),\n  ariaLabel: PropTypes.string\n    .description('Aria label for the pill. If not provided we will use the label')\n    .defaultValue(''),\n  labelTruncated: PropTypes.bool.description('Whether to truncate the pills label').defaultValue(true),\n  tooltipValue: PropTypes.string.description('String to show as a tooltip in the value pill').defaultValue(''),\n  iconLeft: PropTypes.node\n    .description('A component to show int the left of a readonly pill')\n    .defaultValue(null)\n    .deprecated({\n      version: '4.x',\n      message: 'Use IconLeft instead for accessibility reasons',\n    }),\n  IconLeft: PropTypes.node.description('A component to show int the left of a label pill').defaultValue(null),\n  IconRight: PropTypes.node.description('A component to show in the right of a readonly pill').defaultValue(null),\n  iconRight: PropTypes.node\n    .description('A component to show in the right of a readonly pill')\n    .defaultValue(null)\n    .deprecated({\n      version: '4.x',\n      message: 'Use IconRight instead for accessibility reasons',\n    }),\n  onRemove: PropTypes.func\n    .description('Callback triggered when removing a pill with the close icon')\n    .defaultValue(() => null),\n  inputPlaceholder: PropTypes.string.description('Placeholder for the input pill').defaultValue(''),\n  onInputChange: PropTypes.func\n    .description('Callback triggered when user provides input to the input pill')\n    .defaultValue(() => null),\n  onInputClear: PropTypes.func\n    .description('Callback triggered when the user clears an input pill')\n    .defaultValue(() => null),\n  inputWidth: PropTypes.number.description('Width in pixels for the input tag in the input pill').defaultValue(150),\n  inputId: PropTypes.string.description('ID for the input pill').defaultValue(undefined),\n  disabled: PropTypes.bool\n    .description('Whether the pill should be disabled. Only for value and removable pill')\n    .defaultValue(false),\n  applyAriaDisabled: PropTypes.bool\n    .description(\n      'Whether to apply disabled styling and announce as disabled in SR. CAN STILL RECEIVE FOCUS. PREVENTS ONLY MAIN ACTION.',\n    )\n    .defaultValue(false),\n  readOnly: PropTypes.bool.description('Whether the Pill is in readonly state or not.').defaultValue(false),\n  applyTooltipOverflowWrap: PropTypes.bool\n    .description(\n      'when a tooltip is present, the tooltip text may be too long to fit in the pill. If true, the tooltip will wrap to the next line using overflow-wrap',\n    )\n    .defaultValue(false),\n  hasError: PropTypes.bool\n    .description('Whether the pill should be in an error state. Only for input pill')\n    .defaultValue(false),\n  inputRender: PropTypes.func.description('Custom render function for the input pill').defaultValue(`DSInput`),\n  menuButtonProps: PropTypes.shape(menuButtonPropsPropTypes)\n    .description('Props for the menu button pill')\n    .isRequiredIf((props: DSPillT.Props) => props.type === 'menubutton'),\n  trailingComma: PropTypes.bool.description(\n    'Whether the disabled/aria-disabled/readonly pill should include a trailing comma or not',\n  ),\n  dropdownProps: PropTypes.object\n    .description(\n      'Properties that will be used for the dropdown-menu. For accessibility reasons this is deprecated in favour of menuButtonProps',\n    )\n    .defaultValue({})\n    .deprecated({ version: '25.3' }),\n  onDropdownClick: PropTypes.func\n    .description(\n      'Callback when dropdown button is clicked or pressed. For accessibility reasons this is deprecated in favour of menuButtonProps',\n    )\n    .defaultValue(() => null)\n    .deprecated({ version: '25.3' }),\n};\n\nexport const DSPillButtonPropTypes: DSPropTypesSchema<DSPillT.ButtonProps> = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  type: PropTypes.oneOf(['only', 'left', 'right'])\n    .description('The position in which this button will be placed. Only used for css styling internally')\n    .defaultValue('right'),\n  width: PropTypes.string.description('Width of the button').defaultValue('100%'),\n  height: PropTypes.string.description('Height of the button').defaultValue('100%'),\n  innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).description('Inner ref to button component.'),\n  'data-testid': PropTypes.string.description('root element data-testid'),\n  applyAriaDisabled: PropTypes.bool\n    .description(\n      'Whether to apply disabled styling and announce as disabled in SR. CAN STILL RECEIVE FOCUS. PREVENTS ONLY MAIN ACTION.',\n    )\n    .defaultValue(false),\n};\n\nexport const DSPillGroupPropTypes: DSPropTypesSchema<DSPillT.GroupProps> = {\n  ...globalAttributesPropTypes,\n  width: PropTypes.string.description('Width of the group').defaultValue('fit-content'),\n  innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func])\n    .description('Reference to the pill group wrapper')\n    .defaultValue(() => null),\n  children: PropTypes.node.description('Pills to render in the group').isRequired,\n};\n\nexport const DSPillV2PropTypesSchema = DSPillV2PropTypes as unknown as ValidationMap<DSPillT.Props>;\n\nexport const DSPillButtonPropTypesSchema = DSPillButtonPropTypes as unknown as ValidationMap<DSPillT.ButtonProps>;\n\nexport const DSPillGroupPropTypesSchema = DSPillGroupPropTypes as unknown as ValidationMap<DSPillT.GroupProps>;\n"],
-  "mappings": "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",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable @typescript-eslint/no-explicit-any */\nimport type { DSButtonT } from '@elliemae/ds-button-v2';\nimport type { DSDropdownMenuT } from '@elliemae/ds-dropdownmenu-v2';\nimport { DSInput } from '@elliemae/ds-form';\nimport { DSMenuButtonPropTypes, type DSMenuButtonT } from '@elliemae/ds-menu-button';\nimport type { DSPropTypesSchema, GlobalAttributesT, ValidationMap, XstyledProps } from '@elliemae/ds-props-helpers';\nimport {\n  PropTypes,\n  getPropsPerSlotPropTypes,\n  globalAttributesPropTypes,\n  xstyledPropTypes,\n} from '@elliemae/ds-props-helpers';\nimport { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport { PILL_V2_SLOTS, DSPillV2Name } from './constants/index.js';\n\nexport namespace DSPillT {\n  export interface DefaultProps {\n    innerRef: TypescriptHelpersT.AnyRef<HTMLElement>;\n    disabled: boolean;\n    applyAriaDisabled: boolean;\n    readOnly: boolean;\n    applyTooltipOverflowWrap: boolean;\n    hasError: boolean;\n    ariaLabel: string;\n    size: 'm' | 's';\n    labelTruncated: boolean;\n    tooltipValue: string;\n    iconLeft: JSX.Element | null;\n    IconLeft: React.ComponentType<{ label: string }> | null;\n    IconRight: React.ComponentType<{ label: string }> | null;\n    iconRight: JSX.Element | null;\n    onRemove: (e: React.KeyboardEvent | React.MouseEvent) => void;\n    inputPlaceholder: string;\n    onInputChange: (e: React.ChangeEvent<HTMLInputElement>, newValue: string) => void;\n    onInputClear: (e: React.KeyboardEvent | React.MouseEvent) => void;\n    inputWidth: number;\n    inputRender: React.ComponentType<any>;\n    dropdownProps: DSDropdownMenuT.Props;\n    onDropdownClick: (e: React.KeyboardEvent | React.MouseEvent) => void;\n    tabIndex: TypescriptHelpersT.WCAGTabIndex;\n  }\n  export interface OptionalProps\n    extends TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSPillV2Name, typeof PILL_V2_SLOTS> {\n    inputId?: string;\n    menuButtonProps?: Omit<DSMenuButtonT.Props, 'children'>;\n    trailingComma?: boolean;\n  }\n  export interface RequiredProps {\n    label: string;\n    type: 'label' | 'labelOnly' | 'value' | 'input' | 'dropdown' | 'removable' | 'readonly' | 'menubutton';\n  }\n\n  export interface Props\n    extends RequiredProps,\n      Partial<DefaultProps>,\n      OptionalProps,\n      Omit<\n        GlobalAttributesT<HTMLButtonElement>,\n        keyof RequiredProps | keyof DefaultProps | keyof OptionalProps | keyof XstyledProps\n      >,\n      XstyledProps {}\n\n  export interface InternalProps\n    extends RequiredProps,\n      DefaultProps,\n      OptionalProps,\n      Omit<\n        GlobalAttributesT<HTMLButtonElement>,\n        keyof RequiredProps | keyof DefaultProps | keyof OptionalProps | keyof XstyledProps\n      >,\n      XstyledProps {}\n\n  export interface DSPillButtonDefaultPropsT {\n    type: 'left' | 'right' | 'only';\n    width: string;\n    height: string;\n  }\n  export interface ButtonProps extends Omit<DSButtonT.Props, 'type' | 'buttonType' | 'isV3' | 'dsButtonRoot'> {\n    type?: 'left' | 'right' | 'only';\n    width?: string;\n    height?: string;\n    applyAriaDisabled?: boolean;\n  }\n  export interface InternalButtonProps\n    extends Omit<DSButtonT.InternalProps, 'type' | 'buttonType' | 'isV3' | 'dsButtonRoot'> {\n    type: 'left' | 'right' | 'only';\n    width: string;\n    height: string;\n    applyAriaDisabled: boolean;\n  }\n\n  export interface DefaultGroupPropsT {\n    width: string;\n    innerRef: TypescriptHelpersT.AnyRef<HTMLDivElement>;\n  }\n  export interface GroupProps extends GlobalAttributesT {\n    width?: string;\n    innerRef?: TypescriptHelpersT.AnyRef<HTMLDivElement>;\n    children: React.ReactNode;\n  }\n  export interface InternalGroupProps extends GlobalAttributesT {\n    width: string;\n    innerRef: TypescriptHelpersT.AnyRef<HTMLDivElement>;\n    children: React.ReactNode;\n  }\n}\n\nexport const DSPillV2DefaultProps: DSPillT.DefaultProps = {\n  innerRef: () => null,\n  disabled: false,\n  applyAriaDisabled: false,\n  readOnly: false,\n  applyTooltipOverflowWrap: false, // turn on for > 25.1\n  hasError: false,\n  ariaLabel: '',\n  size: 'm',\n  labelTruncated: true,\n  tooltipValue: '',\n  iconLeft: null,\n  IconLeft: null,\n  IconRight: null,\n  iconRight: null,\n  onRemove: () => null,\n  inputPlaceholder: '',\n  onInputChange: () => null,\n  onInputClear: () => null,\n  inputWidth: 72,\n  // TODO: remove DSInput in favor of V2\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n  inputRender: DSInput,\n  dropdownProps: {\n    options: [],\n    isSkeleton: false,\n    isOpened: false,\n  },\n  onDropdownClick: () => null,\n  tabIndex: 0,\n};\n\nconst pillTypes = PropTypes.oneOf([\n  'label',\n  'labelOnly',\n  'value',\n  'input',\n  'dropdown',\n  'removable',\n  'readonly',\n  'menubutton',\n]);\n\n// children is embedded by the pill itself, forced to be a chevron pointing down by design\nconst { children, ...menuButtonPropsPropTypes } = DSMenuButtonPropTypes;\n\nexport const DSPillV2PropTypes: DSPropTypesSchema<DSPillT.Props> = {\n  ...getPropsPerSlotPropTypes(DSPillV2Name, PILL_V2_SLOTS),\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  label: PropTypes.string.description('Label to show in the pill').isRequired,\n  type: pillTypes.description('The type of pill that you want to render').isRequired,\n  innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func])\n    .description('Reference to the focuseable internal element of each pill (remove icons, inputs, dropdown, etc.)')\n    .defaultValue(() => null),\n  size: PropTypes.oneOf(['s', 'm']).description('Vertical pill size').defaultValue('m'),\n  ariaLabel: PropTypes.string\n    .description('Aria label for the pill. If not provided we will use the label')\n    .defaultValue(''),\n  labelTruncated: PropTypes.bool.description('Whether to truncate the pills label').defaultValue(true),\n  tooltipValue: PropTypes.string.description('String to show as a tooltip in the value pill').defaultValue(''),\n  iconLeft: PropTypes.node\n    .description('A component to show int the left of a readonly pill')\n    .defaultValue(null)\n    .deprecated({\n      version: '4.x',\n      message: 'Use IconLeft instead for accessibility reasons',\n    }),\n  IconLeft: PropTypes.node.description('A component to show int the left of a label pill').defaultValue(null),\n  IconRight: PropTypes.node.description('A component to show in the right of a readonly pill').defaultValue(null),\n  iconRight: PropTypes.node\n    .description('A component to show in the right of a readonly pill')\n    .defaultValue(null)\n    .deprecated({\n      version: '4.x',\n      message: 'Use IconRight instead for accessibility reasons',\n    }),\n  onRemove: PropTypes.func\n    .description('Callback triggered when removing a pill with the close icon')\n    .defaultValue(() => null),\n  inputPlaceholder: PropTypes.string.description('Placeholder for the input pill').defaultValue(''),\n  onInputChange: PropTypes.func\n    .description('Callback triggered when user provides input to the input pill')\n    .defaultValue(() => null),\n  onInputClear: PropTypes.func\n    .description('Callback triggered when the user clears an input pill')\n    .defaultValue(() => null),\n  inputWidth: PropTypes.number.description('Width in pixels for the input tag in the input pill').defaultValue(150),\n  inputId: PropTypes.string.description('ID for the input pill').defaultValue(undefined),\n  disabled: PropTypes.bool\n    .description('Whether the pill should be disabled. Only for value and removable pill')\n    .defaultValue(false),\n  applyAriaDisabled: PropTypes.bool\n    .description(\n      'Whether to apply disabled styling and announce as disabled in SR. CAN STILL RECEIVE FOCUS. PREVENTS ONLY MAIN ACTION.',\n    )\n    .defaultValue(false),\n  readOnly: PropTypes.bool.description('Whether the Pill is in readonly state or not.').defaultValue(false),\n  applyTooltipOverflowWrap: PropTypes.bool\n    .description(\n      'when a tooltip is present, the tooltip text may be too long to fit in the pill. If true, the tooltip will wrap to the next line using overflow-wrap',\n    )\n    .defaultValue(false),\n  hasError: PropTypes.bool\n    .description('Whether the pill should be in an error state. Only for input pill')\n    .defaultValue(false),\n  inputRender: PropTypes.func.description('Custom render function for the input pill').defaultValue(`DSInput`),\n  menuButtonProps: PropTypes.shape(menuButtonPropsPropTypes)\n    .description('Props for the menu button pill')\n    .isRequiredIf((props: DSPillT.Props) => props.type === 'menubutton'),\n  trailingComma: PropTypes.bool.description(\n    'Whether the disabled/aria-disabled/readonly pill should include a trailing comma or not',\n  ),\n  dropdownProps: PropTypes.object\n    .description(\n      'Properties that will be used for the dropdown-menu. For accessibility reasons this is deprecated in favour of menuButtonProps',\n    )\n    .defaultValue({})\n    .deprecated({ version: '25.3' }),\n  onDropdownClick: PropTypes.func\n    .description(\n      'Callback when dropdown button is clicked or pressed. For accessibility reasons this is deprecated in favour of menuButtonProps',\n    )\n    .defaultValue(() => null)\n    .deprecated({ version: '25.3' }),\n};\n\nexport const DSPillV2PropTypesSchema = DSPillV2PropTypes as unknown as ValidationMap<DSPillT.Props>;\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/esm/typescript-testing/typescript-pills-v2-valid.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/typescript-testing/typescript-pills-v2-valid.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport { DSPillV2 } from '../index.js';\nimport type { DSPillT } from '../index.js';\n\n// test we expose the namespace and the namespace follows our deliverable conventions\ntype ComponentPropsForApp = DSPillT.Props;\ntype ComponentPropsInternals = DSPillT.InternalProps;\ntype ComponentPropsDefaultProps = DSPillT.DefaultProps;\ntype ComponentPropsOptionalProps = DSPillT.OptionalProps;\ntype ComponentPropsRequiredProps = DSPillT.RequiredProps;\n\nconst testRequiredProps: ComponentPropsRequiredProps = {\n  type: 'value',\n  label: 'label',\n};\nconst testOptionalProps: Required<ComponentPropsOptionalProps> = {\n  inputId: 'dsId',\n  menuButtonProps: {\n    options: [],\n    selectedItems: [],\n    onItemSelected: () => {},\n    onActivateItem: () => {},\n  },\n  trailingComma: true,\n};\n\n// difference Props and InternalProps is that InternalProps has all the default props filled in\n// Props allows for partial defaults\nconst testPartialDefaults: Partial<ComponentPropsDefaultProps> = {\n  innerRef: () => null,\n  disabled: false,\n  applyAriaDisabled: false,\n  ariaLabel: '',\n  size: 'm',\n  tooltipValue: '',\n  onRemove: () => null,\n  inputPlaceholder: '',\n  onInputChange: () => null,\n  inputWidth: 72,\n  onDropdownClick: () => null,\n  tabIndex: 0,\n};\n\nconst testProps: ComponentPropsForApp = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testPartialDefaults,\n};\n\nconst testPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testPartialDefaults,\n} as ComponentPropsForApp;\n\n// InternalProps requires all defaults to be filled in\nconst testCompleteDefaults: Required<ComponentPropsDefaultProps> = {\n  innerRef: () => null,\n  disabled: false,\n  applyAriaDisabled: false,\n  readOnly: false,\n  hasError: false,\n  ariaLabel: '',\n  size: 'm',\n  labelTruncated: true,\n  tooltipValue: '',\n  iconLeft: null,\n  iconRight: null,\n  IconLeft: () => null,\n  IconRight: () => null,\n  onRemove: () => null,\n  inputPlaceholder: '',\n  onInputChange: () => null,\n  onInputClear: () => null,\n  inputWidth: 72,\n  inputRender: () => <input type=\"text\"></input>,\n  dropdownProps: {\n    options: [],\n    isSkeleton: false,\n    isOpened: false,\n  },\n  onDropdownClick: () => null,\n  tabIndex: 0,\n  applyTooltipOverflowWrap: false,\n};\n\nconst testInternalProps: ComponentPropsInternals = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n};\n\nconst testInternalPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n} as ComponentPropsInternals;\n\n// using the explicit type definition, if there is an error, it will be marked on the key that is wrong\nconst testExplicitDefinition: ComponentPropsForApp = {\n  type: 'value',\n  label: 'label',\n  inputId: 'dsId',\n  innerRef: () => null,\n  disabled: false,\n  applyAriaDisabled: false,\n  readOnly: false,\n  hasError: false,\n  ariaLabel: '',\n  size: 'm',\n  labelTruncated: true,\n  tooltipValue: '',\n  iconLeft: null,\n  iconRight: null,\n  onRemove: () => null,\n  inputPlaceholder: '',\n  onInputChange: () => null,\n  onInputClear: () => null,\n  inputWidth: 72,\n  inputRender: () => <input type=\"text\"></input>,\n  dropdownProps: {\n    options: [],\n    isSkeleton: false,\n    isOpened: false,\n  },\n  trailingComma: false,\n  onDropdownClick: () => null,\n  tabIndex: 0,\n};\n\n// using the \"as\" syntax, if there is an error, it will be marking the whole object as wrong because it is not compatible with the type\nconst testInferedTypeCompatibility = {\n  type: 'value',\n  label: 'label',\n  inputId: 'dsId',\n  innerRef: () => null,\n  disabled: false,\n  applyAriaDisabled: false,\n  readOnly: false,\n  hasError: false,\n  ariaLabel: '',\n  size: 'm',\n  labelTruncated: true,\n  tooltipValue: '',\n  iconLeft: null,\n  iconRight: null,\n  onRemove: () => null,\n  inputPlaceholder: '',\n  onInputChange: () => null,\n  onInputClear: () => null,\n  inputWidth: 72,\n  inputRender: () => <input type=\"text\"></input>,\n  dropdownProps: {\n    options: [],\n    isSkeleton: false,\n    isOpened: false,\n  },\n  trailingComma: false,\n  onDropdownClick: () => null,\n  tabIndex: 0,\n} as ComponentPropsForApp;\n\nconst testDefinitionAsConst = {\n  type: 'value',\n  label: 'label',\n  inputId: 'dsId',\n  innerRef: () => null,\n  disabled: false,\n  applyAriaDisabled: false,\n  readOnly: false,\n  hasError: false,\n  ariaLabel: '',\n  size: 'm',\n  labelTruncated: true,\n  tooltipValue: '',\n  iconLeft: null,\n  iconRight: null,\n  onRemove: () => null,\n  inputPlaceholder: '',\n  onInputChange: () => null,\n  onInputClear: () => null,\n  inputWidth: 72,\n  inputRender: () => <input type=\"text\"></input>,\n  dropdownProps: {\n    options: [],\n    isSkeleton: false,\n    isOpened: false,\n  },\n  trailingComma: false,\n  onDropdownClick: () => null,\n  tabIndex: 0,\n} as const;\n\nconst ExampleUsageComponent = () => (\n  <>\n    {/* works with explicitly casted props, all syntaxes */}\n    <DSPillV2 {...testExplicitDefinition} />\n    <DSPillV2 {...testInferedTypeCompatibility} />\n    <DSPillV2 {...testDefinitionAsConst} />\n    {/* works with inline values */}\n    <DSPillV2\n      type=\"value\"\n      label=\"label\"\n      inputId=\"dsId\"\n      innerRef={() => null}\n      disabled={false}\n      applyAriaDisabled={false}\n      readOnly={false}\n      hasError={false}\n      ariaLabel=\"\"\n      size=\"m\"\n      labelTruncated\n      tooltipValue=\"\"\n      iconLeft={null}\n      iconRight={null}\n      onRemove={() => null}\n      inputPlaceholder=\"\"\n      onInputChange={() => null}\n      onInputClear={() => null}\n      inputWidth={72}\n      // inputRender={() => <input type=\"text\"></input>}\n      dropdownProps={{\n        options: [],\n        isSkeleton: false,\n        isOpened: false,\n      }}\n      trailingComma={false}\n      onDropdownClick={() => null}\n      tabIndex={0}\n    >\n      Button Label\n    </DSPillV2>\n  </>\n);\n"],
-  "mappings": "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",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport { DSPillV2 } from '../index.js';\nimport type { DSPillT } from '../index.js';\n\n// test we expose the namespace and the namespace follows our deliverable conventions\ntype ComponentPropsForApp = DSPillT.Props;\ntype ComponentPropsInternals = DSPillT.InternalProps;\ntype ComponentPropsDefaultProps = DSPillT.DefaultProps;\ntype ComponentPropsOptionalProps = DSPillT.OptionalProps;\ntype ComponentPropsRequiredProps = DSPillT.RequiredProps;\n\nconst testRequiredProps: ComponentPropsRequiredProps = {\n  type: 'value',\n  label: 'label',\n};\nconst testOptionalProps: ComponentPropsOptionalProps = {\n  inputId: 'dsId',\n  menuButtonProps: {\n    options: [],\n    selectedItems: [],\n    onItemSelected: () => {},\n    onActivateItem: () => {},\n  },\n  trailingComma: true,\n};\n\n// difference Props and InternalProps is that InternalProps has all the default props filled in\n// Props allows for partial defaults\nconst testPartialDefaults: Partial<ComponentPropsDefaultProps> = {\n  innerRef: () => null,\n  disabled: false,\n  applyAriaDisabled: false,\n  ariaLabel: '',\n  size: 'm',\n  tooltipValue: '',\n  onRemove: () => null,\n  inputPlaceholder: '',\n  onInputChange: () => null,\n  inputWidth: 72,\n  onDropdownClick: () => null,\n  tabIndex: 0,\n};\n\nconst testProps: ComponentPropsForApp = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testPartialDefaults,\n};\n\nconst testPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testPartialDefaults,\n} as ComponentPropsForApp;\n\n// InternalProps requires all defaults to be filled in\nconst testCompleteDefaults: Required<ComponentPropsDefaultProps> = {\n  innerRef: () => null,\n  disabled: false,\n  applyAriaDisabled: false,\n  readOnly: false,\n  hasError: false,\n  ariaLabel: '',\n  size: 'm',\n  labelTruncated: true,\n  tooltipValue: '',\n  iconLeft: null,\n  iconRight: null,\n  IconLeft: () => null,\n  IconRight: () => null,\n  onRemove: () => null,\n  inputPlaceholder: '',\n  onInputChange: () => null,\n  onInputClear: () => null,\n  inputWidth: 72,\n  inputRender: () => <input type=\"text\"></input>,\n  dropdownProps: {\n    options: [],\n    isSkeleton: false,\n    isOpened: false,\n  },\n  onDropdownClick: () => null,\n  tabIndex: 0,\n  applyTooltipOverflowWrap: false,\n};\n\nconst testInternalProps: ComponentPropsInternals = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n};\n\nconst testInternalPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n} as ComponentPropsInternals;\n\n// using the explicit type definition, if there is an error, it will be marked on the key that is wrong\nconst testExplicitDefinition: ComponentPropsForApp = {\n  type: 'value',\n  label: 'label',\n  inputId: 'dsId',\n  innerRef: () => null,\n  disabled: false,\n  applyAriaDisabled: false,\n  readOnly: false,\n  hasError: false,\n  ariaLabel: '',\n  size: 'm',\n  labelTruncated: true,\n  tooltipValue: '',\n  iconLeft: null,\n  iconRight: null,\n  onRemove: () => null,\n  inputPlaceholder: '',\n  onInputChange: () => null,\n  onInputClear: () => null,\n  inputWidth: 72,\n  inputRender: () => <input type=\"text\"></input>,\n  dropdownProps: {\n    options: [],\n    isSkeleton: false,\n    isOpened: false,\n  },\n  trailingComma: false,\n  onDropdownClick: () => null,\n  tabIndex: 0,\n};\n\n// using the \"as\" syntax, if there is an error, it will be marking the whole object as wrong because it is not compatible with the type\nconst testInferedTypeCompatibility = {\n  type: 'value',\n  label: 'label',\n  inputId: 'dsId',\n  innerRef: () => null,\n  disabled: false,\n  applyAriaDisabled: false,\n  readOnly: false,\n  hasError: false,\n  ariaLabel: '',\n  size: 'm',\n  labelTruncated: true,\n  tooltipValue: '',\n  iconLeft: null,\n  iconRight: null,\n  onRemove: () => null,\n  inputPlaceholder: '',\n  onInputChange: () => null,\n  onInputClear: () => null,\n  inputWidth: 72,\n  inputRender: () => <input type=\"text\"></input>,\n  dropdownProps: {\n    options: [],\n    isSkeleton: false,\n    isOpened: false,\n  },\n  trailingComma: false,\n  onDropdownClick: () => null,\n  tabIndex: 0,\n} as ComponentPropsForApp;\n\nconst testDefinitionAsConst = {\n  type: 'value',\n  label: 'label',\n  inputId: 'dsId',\n  innerRef: () => null,\n  disabled: false,\n  applyAriaDisabled: false,\n  readOnly: false,\n  hasError: false,\n  ariaLabel: '',\n  size: 'm',\n  labelTruncated: true,\n  tooltipValue: '',\n  iconLeft: null,\n  iconRight: null,\n  onRemove: () => null,\n  inputPlaceholder: '',\n  onInputChange: () => null,\n  onInputClear: () => null,\n  inputWidth: 72,\n  inputRender: () => <input type=\"text\"></input>,\n  dropdownProps: {\n    options: [],\n    isSkeleton: false,\n    isOpened: false,\n  },\n  trailingComma: false,\n  onDropdownClick: () => null,\n  tabIndex: 0,\n} as const;\n\nconst ExampleUsageComponent = () => (\n  <>\n    {/* works with explicitly casted props, all syntaxes */}\n    <DSPillV2 {...testExplicitDefinition} />\n    <DSPillV2 {...testInferedTypeCompatibility} />\n    <DSPillV2 {...testDefinitionAsConst} />\n    {/* works with inline values */}\n    <DSPillV2\n      type=\"value\"\n      label=\"label\"\n      inputId=\"dsId\"\n      innerRef={() => null}\n      disabled={false}\n      applyAriaDisabled={false}\n      readOnly={false}\n      hasError={false}\n      ariaLabel=\"\"\n      size=\"m\"\n      labelTruncated\n      tooltipValue=\"\"\n      iconLeft={null}\n      iconRight={null}\n      onRemove={() => null}\n      inputPlaceholder=\"\"\n      onInputChange={() => null}\n      onInputClear={() => null}\n      inputWidth={72}\n      // inputRender={() => <input type=\"text\"></input>}\n      dropdownProps={{\n        options: [],\n        isSkeleton: false,\n        isOpened: false,\n      }}\n      trailingComma={false}\n      onDropdownClick={() => null}\n      tabIndex={0}\n    >\n      Button Label\n    </DSPillV2>\n  </>\n);\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/types/components/index.d.ts

@@ -1,3 +1 @@
 export * from './Pill.js';
-export * from './PillGroup.js';
-export * from './PillButton.js';

package/dist/types/constants/index.d.ts

@@ -0,0 +1,14 @@
+export declare const DSPillV2Name = "DSPill";
+export declare const DSPillName = "DSPill";
+export declare const PILL_V2_SLOTS: {
+    readonly WRAPPER: "wrapper";
+    readonly PILL_GROUP: "pill-group";
+    readonly PILL_BUTTON: "pill-button";
+    readonly PILL_MENU_BUTTON: "menu-button-chevron";
+};
+export declare const PILL_V2_DATA_TESTID: {
+    PILL_BUTTON: string;
+    WRAPPER: "ds-pill-wrapper";
+    PILL_GROUP: "ds-pill-pill-group";
+    PILL_MENU_BUTTON: "ds-pill-menu-button-chevron";
+};

package/dist/types/index.d.ts

@@ -1,3 +1,5 @@
-export { DSPillV2, DSPillButton, DSPillButtonWithSchema, DSPillGroupV2, DSPillGroupV2WithSchema, DSPillV2WithSchema, } from './components/index.js';
-export { DSPillButtonName, DSPillGroupName, DSPillName } from './DSPillDefinitions.js';
+export { DSPillV2, DSPillV2WithSchema } from './components/index.js';
+export { DSPillGroupV2, DSPillGroupV2WithSchema, DSPillGroupName } from './parts/DSPillGroup/index.js';
+export { DSPillButton, DSPillButtonWithSchema, DSPillButtonName } from './parts/DSPillButton/index.js';
+export { PILL_V2_DATA_TESTID, PILL_V2_SLOTS, DSPillName, DSPillV2Name } from './constants/index.js';
 export type { DSPillT } from './react-desc-prop-types.js';

package/dist/types/{components/PillButton.d.ts → parts/DSPillButton/DSPillButton.d.ts}

@@ -1,5 +1,5 @@
 import React from 'react';
-import { type DSPillT } from '../react-desc-prop-types.js';
-declare const DSPillButton: React.ComponentType<DSPillT.ButtonProps>;
-declare const DSPillButtonWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<DSPillT.ButtonProps>;
+import { type DSPillButtonT } from './react-desc-prop-types.js';
+declare const DSPillButton: React.ComponentType<DSPillButtonT.Props>;
+declare const DSPillButtonWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<DSPillButtonT.Props>;
 export { DSPillButton, DSPillButtonWithSchema };

package/dist/types/parts/DSPillButton/config/usePillButton.d.ts

@@ -0,0 +1,9 @@
+import { type DSPillButtonT } from '../react-desc-prop-types.js';
+export declare const usePillButton: (propsFromUser: DSPillButtonT.Props) => {
+    propsWithDefault: DSPillButtonT.InternalProps;
+    xstyledProps: import("@elliemae/ds-props-helpers").XstyledProps;
+    ownerProps: {
+        getOwnerProps: () => DSPillButtonT.InternalProps;
+        getOwnerPropsArguments: () => {};
+    };
+};

package/dist/types/parts/DSPillButton/config/useValidateProps.d.ts

@@ -0,0 +1,3 @@
+import type { ValidationMap } from '@elliemae/ds-props-helpers';
+import { type DSPillButtonT } from '../react-desc-prop-types.js';
+export declare const useValidateProps: (props: DSPillButtonT.InternalProps, propTypes: ValidationMap<DSPillButtonT.Props>) => void;

package/dist/types/parts/DSPillButton/constants/index.d.ts

@@ -0,0 +1,9 @@
+import { DSPillV2Name } from '../../../constants/index.js';
+export { DSPillV2Name };
+export declare const DSPillButtonName = "DSPillbutton";
+export declare const PILL_BUTTON_SLOTS: {
+    readonly PILL_BUTTON: "pill-button";
+};
+export declare const PILL_BUTTON_DATA_TESTID: {
+    PILL_BUTTON: string;
+};

package/dist/types/parts/DSPillButton/index.d.ts

@@ -0,0 +1,2 @@
+export { DSPillButton, DSPillButtonWithSchema } from './DSPillButton.js';
+export { PILL_BUTTON_DATA_TESTID, DSPillButtonName } from './constants/index.js';

package/dist/types/parts/DSPillButton/react-desc-prop-types.d.ts

@@ -0,0 +1,24 @@
+import type { DSButtonT } from '@elliemae/ds-button-v2';
+import type { DSPropTypesSchema, ValidationMap, XstyledProps } from '@elliemae/ds-props-helpers';
+import { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';
+import { DSPillV2Name, PILL_BUTTON_SLOTS } from './constants/index.js';
+export declare namespace DSPillButtonT {
+    interface RequiredProps {
+    }
+    interface DefaultProps {
+        type: 'left' | 'right' | 'only';
+        width: string;
+        height: string;
+    }
+    interface OptionalProps extends TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSPillV2Name, typeof PILL_BUTTON_SLOTS> {
+        applyAriaDisabled?: boolean;
+        innerRef?: TypescriptHelpersT.AnyRef<HTMLButtonElement>;
+    }
+    interface Props extends Partial<DefaultProps>, OptionalProps, Omit<DSButtonT.Props, 'type' | 'buttonType' | 'isV3' | 'dsButtonRoot' | 'width' | 'height'>, XstyledProps, RequiredProps {
+    }
+    interface InternalProps extends DefaultProps, OptionalProps, Omit<DSButtonT.Props, 'type' | 'buttonType' | 'isV3' | 'dsButtonRoot' | 'width' | 'height'>, XstyledProps, RequiredProps {
+    }
+}
+export declare const defaultProps: DSPillButtonT.DefaultProps;
+export declare const DSPillButtonPropTypes: DSPropTypesSchema<DSPillButtonT.Props>;
+export declare const DSPillButtonPropTypesSchema: ValidationMap<DSPillButtonT.Props>;

package/dist/types/parts/DSPillButton/tests/DSPillButton.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/parts/DSPillGroup/DSPillGroup.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { type DSPillGroupT } from './react-desc-prop-types.js';
+declare const DSPillGroupV2: React.ComponentType<DSPillGroupT.Props>;
+declare const DSPillGroupV2WithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<DSPillGroupT.Props>;
+export { DSPillGroupV2, DSPillGroupV2WithSchema };

package/dist/types/parts/DSPillGroup/PillGroupCTX.d.ts

@@ -0,0 +1,4 @@
+import type { PillGroupCTX } from './config/usePillGroup.js';
+/** Context for cross component communication */
+export declare const PillGroupContext: import("react").Context<PillGroupCTX>;
+export default PillGroupContext;