@react-md/core 6.3.3 → 6.4.0

package/dist/searching/caseInsensitive.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/searching/caseInsensitive.ts"],"sourcesContent":["import { type AutomaticTextExtraction, type TextExtractor } from \"../types.js\";\nimport { type BaseSearchOptions } from \"./types.js\";\nimport { defaultExtractor, search } from \"./utils.js\";\n\n/**\n * @since 6.2.0\n * @internal\n */\nconst DEFAULT_EXTRACTOR = defaultExtractor(\"caseInsensitiveSearch\");\n\n/**\n * @since 6.0.0\n */\nexport interface CaseInsensitiveStartsWithOptions {\n  /**\n   * Set this to `true` if the item in the list must start with the query\n   * instead of only including it.\n   *\n   * @example Search Example\n   * ```ts\n   * const fruits = [\"Banana\", \"Grape\", \"Apple\", \"Orange\"];\n   *\n   * caseInsensitiveSearch({\n   *   list: fruits,\n   *   query: \"ap\",\n   *   type: \"search\",\n   * });\n   * // \"Grape\"\n   *\n   * caseInsensitiveSearch({\n   *   list: fruits,\n   *   query: \"ap\",\n   *   type: \"search\",\n   *   startsWith: true,\n   * });\n   * // \"Apple\"\n   * ```\n   *\n   * @example Filter Example\n   * ```ts\n   * const fruits = [\"Apple\", \"Banana\", \"Grape\", \"Orange\"];\n   *\n   * caseInsensitiveSearch({\n   *   list: fruits,\n   *   query: \"ap\",\n   * });\n   * // [\"Apple\", \"Grape\"]\n   *\n   * caseInsensitiveSearch({\n   *   list: fruits,\n   *   query: \"ap\",\n   *   startsWith: true,\n   * });\n   * // [\"Apple\"]\n   * ```\n   *\n   * @defaultValue `false`\n   */\n  startsWith?: boolean;\n}\n\n/**\n * @since 6.0.0\n */\nexport interface IsCaseInsensitiveMatchOptions\n  extends CaseInsensitiveStartsWithOptions {\n  /**\n   * The current search query.\n   */\n  query: string;\n\n  /**\n   * The current value to compare against.\n   */\n  value: string;\n}\n\n/**\n * @since 6.0.0\n */\nexport function isCaseInsensitiveMatch(\n  options: IsCaseInsensitiveMatchOptions\n): boolean {\n  const { query, value, startsWith } = options;\n  const matchIndex = value.indexOf(query);\n  if (startsWith) {\n    return matchIndex === 0;\n  }\n\n  return matchIndex !== -1;\n}\n\n/**\n * @since 6.0.0\n */\nexport interface CaseInsensitiveOptions<T>\n  extends BaseSearchOptions<T>,\n    CaseInsensitiveStartsWithOptions {}\n\n/**\n * @example String list\n * ```ts\n * const fruits = [\"Apple\", \"Banana\", \"Grape\", \"Orange\"];\n *\n * caseInsensitiveSearch({\n *   list: fruits,\n *   query: \"ap\",\n * });\n * // [\"Apple\", \"Grape\"]\n *\n * caseInsensitiveSearch({\n *   list: fruits,\n *   query: \"ap\",\n *   startsWith: true,\n * });\n * // [\"Apple\"]\n *\n * caseInsensitiveSearch({\n *   list: fruits,\n *   query: \"  a p\",\n * });\n * // []\n *\n * caseInsensitiveSearch({\n *   list: fruits,\n *   query: \"  a p\",\n *   whitespace: \"ignore\",\n * });\n * // [\"Apple\", \"Grape\"]\n *\n * caseInsensitiveSearch({\n *   list: fruits,\n *   query: \"  ap  \",\n *   whitespace: \"trim\",\n * });\n * // [\"Apple\", \"Grape\"]\n * ```\n *\n * @example Objects\n * ```ts\n * const fruits = [\n *   { name: \"Apple\", value: 0 },\n *   { name: \"Banana\", value: 1 },\n *   { name: \"Grape\", value: 2 },\n *   { name: \"Orange\", value: 3 },\n * ];\n *\n * caseInsensitiveSearch({\n *   list: fruits,\n *   query: \"ap\",\n * });\n * // [{ name: \"Apple\", value: 0 }, { name: \"Grape\", value: 2 }]\n * ```\n *\n * @example Objects With Custom Names\n * ```ts\n * const fruits = [\n *   { nameField: \"Apple\", value: 0 },\n *   { nameField: \"Banana\", value: 1 },\n *   { nameField: \"Grape\", value: 2 },\n *   { nameField: \"Orange\", value: 3 },\n * ];\n *\n * caseInsensitiveSearch({\n *   list: fruits,\n *   query: \"ap\",\n *   extractor: (item) => item.nameField,\n * });\n * // [{ nameField: \"Apple\", value: 0 }, { nameField: \"Grape\", value: 2 }]\n * ```\n *\n * @since 6.0.0\n */\nexport function caseInsensitiveSearch<T extends AutomaticTextExtraction>(\n  options: CaseInsensitiveOptions<T> & { type?: \"filter\" }\n): readonly T[];\nexport function caseInsensitiveSearch<T extends AutomaticTextExtraction>(\n  options: CaseInsensitiveOptions<T> & { type: \"search\" }\n): T | undefined;\nexport function caseInsensitiveSearch<T>(\n  options: CaseInsensitiveOptions<T> & {\n    extractor: TextExtractor<T>;\n    type?: \"filter\";\n  }\n): readonly T[];\nexport function caseInsensitiveSearch<T>(\n  options: CaseInsensitiveOptions<T> & {\n    extractor: TextExtractor<T>;\n    type: \"search\";\n  }\n): T | undefined;\nexport function caseInsensitiveSearch<T>(\n  options: CaseInsensitiveOptions<T>\n): readonly T[] | T | undefined {\n  const {\n    list,\n    type = \"filter\",\n    query,\n    extractor = DEFAULT_EXTRACTOR,\n    startsWith,\n    whitespace,\n  } = options;\n\n  return search({\n    type,\n    list,\n    query,\n    extractor,\n    whitespace,\n    filter(q, value) {\n      return isCaseInsensitiveMatch({\n        query: q,\n        value,\n        startsWith,\n      });\n    },\n  });\n}\n"],"names":["defaultExtractor","search","DEFAULT_EXTRACTOR","isCaseInsensitiveMatch","options","query","value","startsWith","matchIndex","indexOf","caseInsensitiveSearch","list","type","extractor","whitespace","filter","q"],"mappings":"AAEA,SAASA,gBAAgB,EAAEC,MAAM,QAAQ,aAAa;AAEtD;;;CAGC,GACD,MAAMC,oBAAoBF,iBAAiB;AAqE3C;;CAEC,GACD,OAAO,SAASG,uBACdC,OAAsC;IAEtC,MAAM,EAAEC,KAAK,EAAEC,KAAK,EAAEC,UAAU,EAAE,GAAGH;IACrC,MAAMI,aAAaF,MAAMG,OAAO,CAACJ;IACjC,IAAIE,YAAY;QACd,OAAOC,eAAe;IACxB;IAEA,OAAOA,eAAe,CAAC;AACzB;AAqGA,OAAO,SAASE,sBACdN,OAAkC;IAElC,MAAM,EACJO,IAAI,EACJC,OAAO,QAAQ,EACfP,KAAK,EACLQ,YAAYX,iBAAiB,EAC7BK,UAAU,EACVO,UAAU,EACX,GAAGV;IAEJ,OAAOH,OAAO;QACZW;QACAD;QACAN;QACAQ;QACAC;QACAC,QAAOC,CAAC,EAAEV,KAAK;YACb,OAAOH,uBAAuB;gBAC5BE,OAAOW;gBACPV;gBACAC;YACF;QACF;IACF;AACF"}
+{"version":3,"sources":["../../src/searching/caseInsensitive.ts"],"sourcesContent":["import { type AutomaticTextExtraction, type TextExtractor } from \"../types.js\";\nimport { type BaseSearchOptions } from \"./types.js\";\nimport { defaultExtractor, search } from \"./utils.js\";\n\n/**\n * @since 6.2.0\n * @internal\n */\nconst DEFAULT_EXTRACTOR = defaultExtractor(\"caseInsensitiveSearch\");\n\n/**\n * @since 6.0.0\n */\nexport interface CaseInsensitiveStartsWithOptions {\n  /**\n   * Set this to `true` if the item in the list must start with the query\n   * instead of only including it.\n   *\n   * @example Search Example\n   * ```ts\n   * const fruits = [\"Banana\", \"Grape\", \"Apple\", \"Orange\"];\n   *\n   * caseInsensitiveSearch({\n   *   list: fruits,\n   *   query: \"ap\",\n   *   type: \"search\",\n   * });\n   * // \"Grape\"\n   *\n   * caseInsensitiveSearch({\n   *   list: fruits,\n   *   query: \"ap\",\n   *   type: \"search\",\n   *   startsWith: true,\n   * });\n   * // \"Apple\"\n   * ```\n   *\n   * @example Filter Example\n   * ```ts\n   * const fruits = [\"Apple\", \"Banana\", \"Grape\", \"Orange\"];\n   *\n   * caseInsensitiveSearch({\n   *   list: fruits,\n   *   query: \"ap\",\n   * });\n   * // [\"Apple\", \"Grape\"]\n   *\n   * caseInsensitiveSearch({\n   *   list: fruits,\n   *   query: \"ap\",\n   *   startsWith: true,\n   * });\n   * // [\"Apple\"]\n   * ```\n   *\n   * @defaultValue `false`\n   */\n  startsWith?: boolean;\n}\n\n/**\n * @since 6.0.0\n */\nexport interface IsCaseInsensitiveMatchOptions extends CaseInsensitiveStartsWithOptions {\n  /**\n   * The current search query.\n   */\n  query: string;\n\n  /**\n   * The current value to compare against.\n   */\n  value: string;\n}\n\n/**\n * @since 6.0.0\n */\nexport function isCaseInsensitiveMatch(\n  options: IsCaseInsensitiveMatchOptions\n): boolean {\n  const { query, value, startsWith } = options;\n  const matchIndex = value.indexOf(query);\n  if (startsWith) {\n    return matchIndex === 0;\n  }\n\n  return matchIndex !== -1;\n}\n\n/**\n * @since 6.0.0\n */\nexport interface CaseInsensitiveOptions<T>\n  extends BaseSearchOptions<T>, CaseInsensitiveStartsWithOptions {}\n\n/**\n * @example String list\n * ```ts\n * const fruits = [\"Apple\", \"Banana\", \"Grape\", \"Orange\"];\n *\n * caseInsensitiveSearch({\n *   list: fruits,\n *   query: \"ap\",\n * });\n * // [\"Apple\", \"Grape\"]\n *\n * caseInsensitiveSearch({\n *   list: fruits,\n *   query: \"ap\",\n *   startsWith: true,\n * });\n * // [\"Apple\"]\n *\n * caseInsensitiveSearch({\n *   list: fruits,\n *   query: \"  a p\",\n * });\n * // []\n *\n * caseInsensitiveSearch({\n *   list: fruits,\n *   query: \"  a p\",\n *   whitespace: \"ignore\",\n * });\n * // [\"Apple\", \"Grape\"]\n *\n * caseInsensitiveSearch({\n *   list: fruits,\n *   query: \"  ap  \",\n *   whitespace: \"trim\",\n * });\n * // [\"Apple\", \"Grape\"]\n * ```\n *\n * @example Objects\n * ```ts\n * const fruits = [\n *   { name: \"Apple\", value: 0 },\n *   { name: \"Banana\", value: 1 },\n *   { name: \"Grape\", value: 2 },\n *   { name: \"Orange\", value: 3 },\n * ];\n *\n * caseInsensitiveSearch({\n *   list: fruits,\n *   query: \"ap\",\n * });\n * // [{ name: \"Apple\", value: 0 }, { name: \"Grape\", value: 2 }]\n * ```\n *\n * @example Objects With Custom Names\n * ```ts\n * const fruits = [\n *   { nameField: \"Apple\", value: 0 },\n *   { nameField: \"Banana\", value: 1 },\n *   { nameField: \"Grape\", value: 2 },\n *   { nameField: \"Orange\", value: 3 },\n * ];\n *\n * caseInsensitiveSearch({\n *   list: fruits,\n *   query: \"ap\",\n *   extractor: (item) => item.nameField,\n * });\n * // [{ nameField: \"Apple\", value: 0 }, { nameField: \"Grape\", value: 2 }]\n * ```\n *\n * @since 6.0.0\n */\nexport function caseInsensitiveSearch<T extends AutomaticTextExtraction>(\n  options: CaseInsensitiveOptions<T> & { type?: \"filter\" }\n): readonly T[];\nexport function caseInsensitiveSearch<T extends AutomaticTextExtraction>(\n  options: CaseInsensitiveOptions<T> & { type: \"search\" }\n): T | undefined;\nexport function caseInsensitiveSearch<T>(\n  options: CaseInsensitiveOptions<T> & {\n    extractor: TextExtractor<T>;\n    type?: \"filter\";\n  }\n): readonly T[];\nexport function caseInsensitiveSearch<T>(\n  options: CaseInsensitiveOptions<T> & {\n    extractor: TextExtractor<T>;\n    type: \"search\";\n  }\n): T | undefined;\nexport function caseInsensitiveSearch<T>(\n  options: CaseInsensitiveOptions<T>\n): readonly T[] | T | undefined {\n  const {\n    list,\n    type = \"filter\",\n    query,\n    extractor = DEFAULT_EXTRACTOR,\n    startsWith,\n    whitespace,\n  } = options;\n\n  return search({\n    type,\n    list,\n    query,\n    extractor,\n    whitespace,\n    filter(q, value) {\n      return isCaseInsensitiveMatch({\n        query: q,\n        value,\n        startsWith,\n      });\n    },\n  });\n}\n"],"names":["defaultExtractor","search","DEFAULT_EXTRACTOR","isCaseInsensitiveMatch","options","query","value","startsWith","matchIndex","indexOf","caseInsensitiveSearch","list","type","extractor","whitespace","filter","q"],"mappings":"AAEA,SAASA,gBAAgB,EAAEC,MAAM,QAAQ,aAAa;AAEtD;;;CAGC,GACD,MAAMC,oBAAoBF,iBAAiB;AAoE3C;;CAEC,GACD,OAAO,SAASG,uBACdC,OAAsC;IAEtC,MAAM,EAAEC,KAAK,EAAEC,KAAK,EAAEC,UAAU,EAAE,GAAGH;IACrC,MAAMI,aAAaF,MAAMG,OAAO,CAACJ;IACjC,IAAIE,YAAY;QACd,OAAOC,eAAe;IACxB;IAEA,OAAOA,eAAe,CAAC;AACzB;AAoGA,OAAO,SAASE,sBACdN,OAAkC;IAElC,MAAM,EACJO,IAAI,EACJC,OAAO,QAAQ,EACfP,KAAK,EACLQ,YAAYX,iBAAiB,EAC7BK,UAAU,EACVO,UAAU,EACX,GAAGV;IAEJ,OAAOH,OAAO;QACZW;QACAD;QACAN;QACAQ;QACAC;QACAC,QAAOC,CAAC,EAAEV,KAAK;YACb,OAAOH,uBAAuB;gBAC5BE,OAAOW;gBACPV;gBACAC;YACF;QACF;IACF;AACF"}

package/dist/segmented-button/SegmentedButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/segmented-button/SegmentedButton.tsx"],"sourcesContent":["\"use client\";\n\nimport { type ButtonHTMLAttributes, type ReactNode, forwardRef } from \"react\";\n\nimport { getIcon } from \"../icon/config.js\";\nimport { type ComponentWithRippleProps } from \"../interaction/types.js\";\nimport { useElementInteraction } from \"../interaction/useElementInteraction.js\";\nimport { useHigherContrastChildren } from \"../interaction/useHigherContrastChildren.js\";\nimport {\n  type BaseMaxWidthTransitionOptions,\n  useMaxWidthTransition,\n} from \"../transition/useMaxWidthTransition.js\";\nimport {\n  type BaseSegmentedButtonClassNameOptions,\n  segmentedButton,\n} from \"./segmentedButtonStyles.js\";\n\n/**\n * @since 6.0.0\n * @since 6.3.1 Extends BaseMaxWidthTransitionOptions for CSS module\n * augmentation.\n * @since 6.3.1 Extends BaseSegmentedButtonClassNameOptions for CSSProperties\n * module augmentation.\n */\nexport interface SegmentedButtonProps\n  extends ButtonHTMLAttributes<HTMLButtonElement>,\n    BaseMaxWidthTransitionOptions,\n    BaseSegmentedButtonClassNameOptions,\n    ComponentWithRippleProps {\n  /** @defaultValue `getIcon(\"selected\")` */\n  selectedIcon?: ReactNode;\n\n  /**\n   * Set this to `true` to not render the {@link selectedIcon} when\n   * {@link selected} is `true`.\n   *\n   * @defaultValue `false`\n   */\n  disableSelectedIcon?: boolean;\n\n  /**\n   * Set this to `true` to disable the {@link selectedIcon} enter/exit\n   * transition and instead just use `display: none`.\n   *\n   * @defaultValue `false`\n   */\n  disableSelectedTransition?: boolean;\n\n  /**\n   * An optional addon to render before the {@link children} and after the\n   * {@link selectedIcon}. This is only useful when rendering text children so\n   * it can appear above the interaction states.\n   */\n  leftAddon?: ReactNode;\n\n  /**\n   * An optional addon to render after the {@link children}. This is only useful\n   * when rendering text children so it can appear above the interaction states.\n   */\n  rightAddon?: ReactNode;\n}\n\n/**\n * **Client Component**\n *\n * @example Simple Example\n * ```tsx\n * import { SegmentedButton } from \"@react-md/core/segmented-button/SegmentedButton\";\n * import { SegmentedButtonContainer } from \"@react-md/core/segmented-button/SegmentedButtonContainer\";\n * import type { ReactElement } from \"react\";\n * import { useState } from \"react\";\n *\n * function Example(): ReactElement {\n *   const [value, setValue] = useState(\"a\");\n *   return (\n *     <SegmentedButtonContainer>\n *       <SegmentedButton\n *         onClick={() => setValue(\"a\")}\n *         selected={value === \"a\"}\n *       >\n *         First\n *       </SegmentedButton>\n *       <SegmentedButton\n *         onClick={() => setValue(\"b\")}\n *         selected={value === \"b\"}\n *       >\n *         Second\n *       </SegmentedButton>\n *       <SegmentedButton\n *         onClick={() => setValue(\"c\")}\n *         selected={value === \"c\"}\n *         disableSelectedIcon\n *       >\n *         Third\n *       </SegmentedButton>\n *     </SegmentedButtonContainer>\n *   );\n * }\n * ```\n *\n * @see {@link https://react-md.dev/components/segmented-button | SegmentedButton Demos}\n * @since 6.0.0\n */\nexport const SegmentedButton = forwardRef<\n  HTMLButtonElement,\n  SegmentedButtonProps\n>(function SegmentedButton(props, ref) {\n  const {\n    className,\n    type = \"button\",\n    leftAddon,\n    rightAddon,\n    children: propChildren,\n    selected,\n    selectedIcon: propSelectedIcon,\n    selectedClassName,\n    disableSelectedIcon,\n    disableSelectedTransition,\n    onBlur,\n    onClick,\n    onKeyDown,\n    onKeyUp,\n    onMouseDown,\n    onMouseUp,\n    onMouseLeave,\n    onDragStart,\n    onTouchStart,\n    onTouchEnd,\n    onTouchMove,\n    disabled,\n    disableRipple,\n    ...remaining\n  } = props;\n\n  const children = useHigherContrastChildren(propChildren);\n  const selectedIconNode = getIcon(\"selected\", propSelectedIcon);\n  const selectedIcon = useMaxWidthTransition({\n    element: selectedIconNode,\n    transitionIn: !!selected,\n    disabled: disableSelectedIcon,\n    disableTransition: disableSelectedTransition,\n  });\n  const { pressedClassName, handlers, ripples } = useElementInteraction({\n    mode: disableRipple ? \"none\" : undefined,\n    onBlur,\n    onClick,\n    onKeyDown,\n    onKeyUp,\n    onMouseDown,\n    onMouseUp,\n    onMouseLeave,\n    onDragStart,\n    onTouchStart,\n    onTouchEnd,\n    onTouchMove,\n    disabled,\n  });\n\n  return (\n    <button\n      {...remaining}\n      {...handlers}\n      aria-pressed={selected}\n      ref={ref}\n      type={type}\n      disabled={disabled}\n      className={segmentedButton({\n        className,\n        selected,\n        selectedClassName,\n        pressedClassName,\n      })}\n    >\n      {!disableSelectedIcon && selectedIcon}\n      {leftAddon}\n      {children}\n      {rightAddon}\n      {ripples}\n    </button>\n  );\n});\n"],"names":["forwardRef","getIcon","useElementInteraction","useHigherContrastChildren","useMaxWidthTransition","segmentedButton","SegmentedButton","props","ref","className","type","leftAddon","rightAddon","children","propChildren","selected","selectedIcon","propSelectedIcon","selectedClassName","disableSelectedIcon","disableSelectedTransition","onBlur","onClick","onKeyDown","onKeyUp","onMouseDown","onMouseUp","onMouseLeave","onDragStart","onTouchStart","onTouchEnd","onTouchMove","disabled","disableRipple","remaining","selectedIconNode","element","transitionIn","disableTransition","pressedClassName","handlers","ripples","mode","undefined","button","aria-pressed"],"mappings":"AAAA;;AAEA,SAAoDA,UAAU,QAAQ,QAAQ;AAE9E,SAASC,OAAO,QAAQ,oBAAoB;AAE5C,SAASC,qBAAqB,QAAQ,0CAA0C;AAChF,SAASC,yBAAyB,QAAQ,8CAA8C;AACxF,SAEEC,qBAAqB,QAChB,yCAAyC;AAChD,SAEEC,eAAe,QACV,6BAA6B;AA+CpC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwCC,GACD,OAAO,MAAMC,gCAAkBN,WAG7B,SAASM,gBAAgBC,KAAK,EAAEC,GAAG;IACnC,MAAM,EACJC,SAAS,EACTC,OAAO,QAAQ,EACfC,SAAS,EACTC,UAAU,EACVC,UAAUC,YAAY,EACtBC,QAAQ,EACRC,cAAcC,gBAAgB,EAC9BC,iBAAiB,EACjBC,mBAAmB,EACnBC,yBAAyB,EACzBC,MAAM,EACNC,OAAO,EACPC,SAAS,EACTC,OAAO,EACPC,WAAW,EACXC,SAAS,EACTC,YAAY,EACZC,WAAW,EACXC,YAAY,EACZC,UAAU,EACVC,WAAW,EACXC,QAAQ,EACRC,aAAa,EACb,GAAGC,WACJ,GAAG3B;IAEJ,MAAMM,WAAWV,0BAA0BW;IAC3C,MAAMqB,mBAAmBlC,QAAQ,YAAYgB;IAC7C,MAAMD,eAAeZ,sBAAsB;QACzCgC,SAASD;QACTE,cAAc,CAAC,CAACtB;QAChBiB,UAAUb;QACVmB,mBAAmBlB;IACrB;IACA,MAAM,EAAEmB,gBAAgB,EAAEC,QAAQ,EAAEC,OAAO,EAAE,GAAGvC,sBAAsB;QACpEwC,MAAMT,gBAAgB,SAASU;QAC/BtB;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;IACF;IAEA,qBACE,MAACY;QACE,GAAGV,SAAS;QACZ,GAAGM,QAAQ;QACZK,gBAAc9B;QACdP,KAAKA;QACLE,MAAMA;QACNsB,UAAUA;QACVvB,WAAWJ,gBAAgB;YACzBI;YACAM;YACAG;YACAqB;QACF;;YAEC,CAACpB,uBAAuBH;YACxBL;YACAE;YACAD;YACA6B;;;AAGP,GAAG"}
+{"version":3,"sources":["../../src/segmented-button/SegmentedButton.tsx"],"sourcesContent":["\"use client\";\n\nimport { type ButtonHTMLAttributes, type ReactNode, forwardRef } from \"react\";\n\nimport { getIcon } from \"../icon/config.js\";\nimport { type ComponentWithRippleProps } from \"../interaction/types.js\";\nimport { useElementInteraction } from \"../interaction/useElementInteraction.js\";\nimport { useHigherContrastChildren } from \"../interaction/useHigherContrastChildren.js\";\nimport {\n  type BaseMaxWidthTransitionOptions,\n  useMaxWidthTransition,\n} from \"../transition/useMaxWidthTransition.js\";\nimport {\n  type BaseSegmentedButtonClassNameOptions,\n  segmentedButton,\n} from \"./segmentedButtonStyles.js\";\n\n/**\n * @since 6.0.0\n * @since 6.3.1 Extends BaseMaxWidthTransitionOptions for CSS module\n * augmentation.\n * @since 6.3.1 Extends BaseSegmentedButtonClassNameOptions for CSSProperties\n * module augmentation.\n */\nexport interface SegmentedButtonProps\n  extends\n    ButtonHTMLAttributes<HTMLButtonElement>,\n    BaseMaxWidthTransitionOptions,\n    BaseSegmentedButtonClassNameOptions,\n    ComponentWithRippleProps {\n  /** @defaultValue `getIcon(\"selected\")` */\n  selectedIcon?: ReactNode;\n\n  /**\n   * Set this to `true` to not render the {@link selectedIcon} when\n   * {@link selected} is `true`.\n   *\n   * @defaultValue `false`\n   */\n  disableSelectedIcon?: boolean;\n\n  /**\n   * Set this to `true` to disable the {@link selectedIcon} enter/exit\n   * transition and instead just use `display: none`.\n   *\n   * @defaultValue `false`\n   */\n  disableSelectedTransition?: boolean;\n\n  /**\n   * An optional addon to render before the {@link children} and after the\n   * {@link selectedIcon}. This is only useful when rendering text children so\n   * it can appear above the interaction states.\n   */\n  leftAddon?: ReactNode;\n\n  /**\n   * An optional addon to render after the {@link children}. This is only useful\n   * when rendering text children so it can appear above the interaction states.\n   */\n  rightAddon?: ReactNode;\n}\n\n/**\n * **Client Component**\n *\n * @example Simple Example\n * ```tsx\n * import { SegmentedButton } from \"@react-md/core/segmented-button/SegmentedButton\";\n * import { SegmentedButtonContainer } from \"@react-md/core/segmented-button/SegmentedButtonContainer\";\n * import type { ReactElement } from \"react\";\n * import { useState } from \"react\";\n *\n * function Example(): ReactElement {\n *   const [value, setValue] = useState(\"a\");\n *   return (\n *     <SegmentedButtonContainer>\n *       <SegmentedButton\n *         onClick={() => setValue(\"a\")}\n *         selected={value === \"a\"}\n *       >\n *         First\n *       </SegmentedButton>\n *       <SegmentedButton\n *         onClick={() => setValue(\"b\")}\n *         selected={value === \"b\"}\n *       >\n *         Second\n *       </SegmentedButton>\n *       <SegmentedButton\n *         onClick={() => setValue(\"c\")}\n *         selected={value === \"c\"}\n *         disableSelectedIcon\n *       >\n *         Third\n *       </SegmentedButton>\n *     </SegmentedButtonContainer>\n *   );\n * }\n * ```\n *\n * @see {@link https://react-md.dev/components/segmented-button | SegmentedButton Demos}\n * @since 6.0.0\n */\nexport const SegmentedButton = forwardRef<\n  HTMLButtonElement,\n  SegmentedButtonProps\n>(function SegmentedButton(props, ref) {\n  const {\n    className,\n    type = \"button\",\n    leftAddon,\n    rightAddon,\n    children: propChildren,\n    selected,\n    selectedIcon: propSelectedIcon,\n    selectedClassName,\n    disableSelectedIcon,\n    disableSelectedTransition,\n    onBlur,\n    onClick,\n    onKeyDown,\n    onKeyUp,\n    onMouseDown,\n    onMouseUp,\n    onMouseLeave,\n    onDragStart,\n    onTouchStart,\n    onTouchEnd,\n    onTouchMove,\n    disabled,\n    disableRipple,\n    ...remaining\n  } = props;\n\n  const children = useHigherContrastChildren(propChildren);\n  const selectedIconNode = getIcon(\"selected\", propSelectedIcon);\n  const selectedIcon = useMaxWidthTransition({\n    element: selectedIconNode,\n    transitionIn: !!selected,\n    disabled: disableSelectedIcon,\n    disableTransition: disableSelectedTransition,\n  });\n  const { pressedClassName, handlers, ripples } = useElementInteraction({\n    mode: disableRipple ? \"none\" : undefined,\n    onBlur,\n    onClick,\n    onKeyDown,\n    onKeyUp,\n    onMouseDown,\n    onMouseUp,\n    onMouseLeave,\n    onDragStart,\n    onTouchStart,\n    onTouchEnd,\n    onTouchMove,\n    disabled,\n  });\n\n  return (\n    <button\n      {...remaining}\n      {...handlers}\n      aria-pressed={selected}\n      ref={ref}\n      type={type}\n      disabled={disabled}\n      className={segmentedButton({\n        className,\n        selected,\n        selectedClassName,\n        pressedClassName,\n      })}\n    >\n      {!disableSelectedIcon && selectedIcon}\n      {leftAddon}\n      {children}\n      {rightAddon}\n      {ripples}\n    </button>\n  );\n});\n"],"names":["forwardRef","getIcon","useElementInteraction","useHigherContrastChildren","useMaxWidthTransition","segmentedButton","SegmentedButton","props","ref","className","type","leftAddon","rightAddon","children","propChildren","selected","selectedIcon","propSelectedIcon","selectedClassName","disableSelectedIcon","disableSelectedTransition","onBlur","onClick","onKeyDown","onKeyUp","onMouseDown","onMouseUp","onMouseLeave","onDragStart","onTouchStart","onTouchEnd","onTouchMove","disabled","disableRipple","remaining","selectedIconNode","element","transitionIn","disableTransition","pressedClassName","handlers","ripples","mode","undefined","button","aria-pressed"],"mappings":"AAAA;;AAEA,SAAoDA,UAAU,QAAQ,QAAQ;AAE9E,SAASC,OAAO,QAAQ,oBAAoB;AAE5C,SAASC,qBAAqB,QAAQ,0CAA0C;AAChF,SAASC,yBAAyB,QAAQ,8CAA8C;AACxF,SAEEC,qBAAqB,QAChB,yCAAyC;AAChD,SAEEC,eAAe,QACV,6BAA6B;AAgDpC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwCC,GACD,OAAO,MAAMC,gCAAkBN,WAG7B,SAASM,gBAAgBC,KAAK,EAAEC,GAAG;IACnC,MAAM,EACJC,SAAS,EACTC,OAAO,QAAQ,EACfC,SAAS,EACTC,UAAU,EACVC,UAAUC,YAAY,EACtBC,QAAQ,EACRC,cAAcC,gBAAgB,EAC9BC,iBAAiB,EACjBC,mBAAmB,EACnBC,yBAAyB,EACzBC,MAAM,EACNC,OAAO,EACPC,SAAS,EACTC,OAAO,EACPC,WAAW,EACXC,SAAS,EACTC,YAAY,EACZC,WAAW,EACXC,YAAY,EACZC,UAAU,EACVC,WAAW,EACXC,QAAQ,EACRC,aAAa,EACb,GAAGC,WACJ,GAAG3B;IAEJ,MAAMM,WAAWV,0BAA0BW;IAC3C,MAAMqB,mBAAmBlC,QAAQ,YAAYgB;IAC7C,MAAMD,eAAeZ,sBAAsB;QACzCgC,SAASD;QACTE,cAAc,CAAC,CAACtB;QAChBiB,UAAUb;QACVmB,mBAAmBlB;IACrB;IACA,MAAM,EAAEmB,gBAAgB,EAAEC,QAAQ,EAAEC,OAAO,EAAE,GAAGvC,sBAAsB;QACpEwC,MAAMT,gBAAgB,SAASU;QAC/BtB;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;IACF;IAEA,qBACE,MAACY;QACE,GAAGV,SAAS;QACZ,GAAGM,QAAQ;QACZK,gBAAc9B;QACdP,KAAKA;QACLE,MAAMA;QACNsB,UAAUA;QACVvB,WAAWJ,gBAAgB;YACzBI;YACAM;YACAG;YACAqB;QACF;;YAEC,CAACpB,uBAAuBH;YACxBL;YACAE;YACAD;YACA6B;;;AAGP,GAAG"}

package/dist/segmented-button/SegmentedButtonContainer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/segmented-button/SegmentedButtonContainer.tsx"],"sourcesContent":["import { type HTMLAttributes, type ReactNode, forwardRef } from \"react\";\n\nimport {\n  type SegmentedButtonContainerClassNameOptions,\n  segmentedButtonContainer,\n} from \"./segmentedButtonContainerStyles.js\";\n\n/**\n * @since 6.0.0\n */\nexport interface SegmentedButtonContainerProps\n  extends HTMLAttributes<HTMLDivElement>,\n    SegmentedButtonContainerClassNameOptions {\n  children: ReactNode;\n}\n\n/**\n * Simple wrapper `div` to apply the segmented button container styles. You can\n * just use the {@link segmentedButtonContainer} util function instead.\n *\n * @example Without This Component\n * ```tsx\n * import { SegmentedButton } from \"@react-md/core/segmented-button/SegmentedButton\";\n * import { segmentedButtonContainer } from \"@react-md/core/segmented-button/SegmentedButtonContainer\";\n * import type { ReactElement } from \"react\";\n *\n * import { CustomWrapperComponent } from \"./CustomWrapperComponent.jsx\";\n *\n * function Example(): ReactElement {\n *   return (\n *     <CustomWrapperComponent className={segmentedButtonContainer()}>\n *       <SegmentedButton>One</SegmentedButton>\n *       <SegmentedButton>Two</SegmentedButton>\n *       <SegmentedButton>Three</SegmentedButton>\n *     </CustomWrapperComponent>\n *   );\n * }\n * ```\n *\n * @see {@link https://react-md.dev/components/segmented-button | SegmentedButton Demos}\n * @since 6.0.0\n */\nexport const SegmentedButtonContainer = forwardRef<\n  HTMLDivElement,\n  SegmentedButtonContainerProps\n>(function SegmentedButtonContainer(props, ref) {\n  const { className, disableFullWidth, children, ...remaining } = props;\n\n  return (\n    <div\n      {...remaining}\n      ref={ref}\n      className={segmentedButtonContainer({\n        className,\n        disableFullWidth,\n      })}\n    >\n      {children}\n    </div>\n  );\n});\n"],"names":["forwardRef","segmentedButtonContainer","SegmentedButtonContainer","props","ref","className","disableFullWidth","children","remaining","div"],"mappings":";AAAA,SAA8CA,UAAU,QAAQ,QAAQ;AAExE,SAEEC,wBAAwB,QACnB,sCAAsC;AAW7C;;;;;;;;;;;;;;;;;;;;;;;;;CAyBC,GACD,OAAO,MAAMC,yCAA2BF,WAGtC,SAASE,yBAAyBC,KAAK,EAAEC,GAAG;IAC5C,MAAM,EAAEC,SAAS,EAAEC,gBAAgB,EAAEC,QAAQ,EAAE,GAAGC,WAAW,GAAGL;IAEhE,qBACE,KAACM;QACE,GAAGD,SAAS;QACbJ,KAAKA;QACLC,WAAWJ,yBAAyB;YAClCI;YACAC;QACF;kBAECC;;AAGP,GAAG"}
+{"version":3,"sources":["../../src/segmented-button/SegmentedButtonContainer.tsx"],"sourcesContent":["import { type HTMLAttributes, type ReactNode, forwardRef } from \"react\";\n\nimport {\n  type SegmentedButtonContainerClassNameOptions,\n  segmentedButtonContainer,\n} from \"./segmentedButtonContainerStyles.js\";\n\n/**\n * @since 6.0.0\n */\nexport interface SegmentedButtonContainerProps\n  extends\n    HTMLAttributes<HTMLDivElement>,\n    SegmentedButtonContainerClassNameOptions {\n  children: ReactNode;\n}\n\n/**\n * Simple wrapper `div` to apply the segmented button container styles. You can\n * just use the {@link segmentedButtonContainer} util function instead.\n *\n * @example Without This Component\n * ```tsx\n * import { SegmentedButton } from \"@react-md/core/segmented-button/SegmentedButton\";\n * import { segmentedButtonContainer } from \"@react-md/core/segmented-button/SegmentedButtonContainer\";\n * import type { ReactElement } from \"react\";\n *\n * import { CustomWrapperComponent } from \"./CustomWrapperComponent.jsx\";\n *\n * function Example(): ReactElement {\n *   return (\n *     <CustomWrapperComponent className={segmentedButtonContainer()}>\n *       <SegmentedButton>One</SegmentedButton>\n *       <SegmentedButton>Two</SegmentedButton>\n *       <SegmentedButton>Three</SegmentedButton>\n *     </CustomWrapperComponent>\n *   );\n * }\n * ```\n *\n * @see {@link https://react-md.dev/components/segmented-button | SegmentedButton Demos}\n * @since 6.0.0\n */\nexport const SegmentedButtonContainer = forwardRef<\n  HTMLDivElement,\n  SegmentedButtonContainerProps\n>(function SegmentedButtonContainer(props, ref) {\n  const { className, disableFullWidth, children, ...remaining } = props;\n\n  return (\n    <div\n      {...remaining}\n      ref={ref}\n      className={segmentedButtonContainer({\n        className,\n        disableFullWidth,\n      })}\n    >\n      {children}\n    </div>\n  );\n});\n"],"names":["forwardRef","segmentedButtonContainer","SegmentedButtonContainer","props","ref","className","disableFullWidth","children","remaining","div"],"mappings":";AAAA,SAA8CA,UAAU,QAAQ,QAAQ;AAExE,SAEEC,wBAAwB,QACnB,sCAAsC;AAY7C;;;;;;;;;;;;;;;;;;;;;;;;;CAyBC,GACD,OAAO,MAAMC,yCAA2BF,WAGtC,SAASE,yBAAyBC,KAAK,EAAEC,GAAG;IAC5C,MAAM,EAAEC,SAAS,EAAEC,gBAAgB,EAAEC,QAAQ,EAAE,GAAGC,WAAW,GAAGL;IAEhE,qBACE,KAACM;QACE,GAAGD,SAAS;QACbJ,KAAKA;QACLC,WAAWJ,yBAAyB;YAClCI;YACAC;QACF;kBAECC;;AAGP,GAAG"}

package/dist/segmented-button/segmentedButtonStyles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/segmented-button/segmentedButtonStyles.ts"],"sourcesContent":["import { cnb } from \"cnbuilder\";\n\nimport { cssUtils } from \"../cssUtils.js\";\nimport { bem } from \"../utils/bem.js\";\n\nconst styles = bem(\"rmd-segmented-button\");\n\ndeclare module \"react\" {\n  interface CSSProperties {\n    \"--rmd-segmented-button-border-radius\"?: string | number;\n    \"--rmd-segmented-button-min-height\"?: string | number;\n    \"--rmd-segmented-button-min-width\"?: string | number;\n    \"--rmd-segmented-button-outline-width\"?: string | number;\n    \"--rmd-segmented-button-outline-color\"?: string | number;\n    \"--rmd-segmented-button-color\"?: string | number;\n    \"--rmd-segmented-button-selected-background-color\"?: string | number;\n    \"--rmd-segmented-button-selected-color\"?: string | number;\n  }\n}\n\n/**\n * @since 6.3.1\n */\nexport interface BaseSegmentedButtonClassNameOptions {\n  className?: string;\n\n  /**\n   * Set this to `true` to apply selected styles and an optional\n   * {@link selectedIcon}\n   *\n   * @defaultValue `false`\n   */\n  selected?: boolean;\n\n  /**\n   * An optional className to apply when {@link selected} is `true`\n   */\n  selectedClassName?: string;\n}\n\n/**\n * @since 6.0.0\n * @since 6.3.1 Extends BaseSegmentedButtonClassNameOptions\n */\nexport interface SegmentedButtonClassNameOptions\n  extends BaseSegmentedButtonClassNameOptions {\n  /** @internal */\n  pressedClassName?: string;\n}\n\n/**\n * @since 6.0.0\n */\nexport function segmentedButton(\n  options: SegmentedButtonClassNameOptions = {}\n): string {\n  const { className, selected, selectedClassName, pressedClassName } = options;\n\n  return cnb(\n    styles({ selected }),\n    selected && selectedClassName,\n    pressedClassName,\n    cssUtils({ surface: true }),\n    className\n  );\n}\n"],"names":["cnb","cssUtils","bem","styles","segmentedButton","options","className","selected","selectedClassName","pressedClassName","surface"],"mappings":"AAAA,SAASA,GAAG,QAAQ,YAAY;AAEhC,SAASC,QAAQ,QAAQ,iBAAiB;AAC1C,SAASC,GAAG,QAAQ,kBAAkB;AAEtC,MAAMC,SAASD,IAAI;AA6CnB;;CAEC,GACD,OAAO,SAASE,gBACdC,UAA2C,CAAC,CAAC;IAE7C,MAAM,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,iBAAiB,EAAEC,gBAAgB,EAAE,GAAGJ;IAErE,OAAOL,IACLG,OAAO;QAAEI;IAAS,IAClBA,YAAYC,mBACZC,kBACAR,SAAS;QAAES,SAAS;IAAK,IACzBJ;AAEJ"}
+{"version":3,"sources":["../../src/segmented-button/segmentedButtonStyles.ts"],"sourcesContent":["import { cnb } from \"cnbuilder\";\n\nimport { cssUtils } from \"../cssUtils.js\";\nimport { bem } from \"../utils/bem.js\";\n\nconst styles = bem(\"rmd-segmented-button\");\n\ndeclare module \"react\" {\n  interface CSSProperties {\n    \"--rmd-segmented-button-border-radius\"?: string | number;\n    \"--rmd-segmented-button-min-height\"?: string | number;\n    \"--rmd-segmented-button-min-width\"?: string | number;\n    \"--rmd-segmented-button-outline-width\"?: string | number;\n    \"--rmd-segmented-button-outline-color\"?: string | number;\n    \"--rmd-segmented-button-color\"?: string | number;\n    \"--rmd-segmented-button-selected-background-color\"?: string | number;\n    \"--rmd-segmented-button-selected-color\"?: string | number;\n  }\n}\n\n/**\n * @since 6.3.1\n */\nexport interface BaseSegmentedButtonClassNameOptions {\n  className?: string;\n\n  /**\n   * Set this to `true` to apply selected styles and an optional\n   * {@link selectedIcon}\n   *\n   * @defaultValue `false`\n   */\n  selected?: boolean;\n\n  /**\n   * An optional className to apply when {@link selected} is `true`\n   */\n  selectedClassName?: string;\n}\n\n/**\n * @since 6.0.0\n * @since 6.3.1 Extends BaseSegmentedButtonClassNameOptions\n */\nexport interface SegmentedButtonClassNameOptions extends BaseSegmentedButtonClassNameOptions {\n  /** @internal */\n  pressedClassName?: string;\n}\n\n/**\n * @since 6.0.0\n */\nexport function segmentedButton(\n  options: SegmentedButtonClassNameOptions = {}\n): string {\n  const { className, selected, selectedClassName, pressedClassName } = options;\n\n  return cnb(\n    styles({ selected }),\n    selected && selectedClassName,\n    pressedClassName,\n    cssUtils({ surface: true }),\n    className\n  );\n}\n"],"names":["cnb","cssUtils","bem","styles","segmentedButton","options","className","selected","selectedClassName","pressedClassName","surface"],"mappings":"AAAA,SAASA,GAAG,QAAQ,YAAY;AAEhC,SAASC,QAAQ,QAAQ,iBAAiB;AAC1C,SAASC,GAAG,QAAQ,kBAAkB;AAEtC,MAAMC,SAASD,IAAI;AA4CnB;;CAEC,GACD,OAAO,SAASE,gBACdC,UAA2C,CAAC,CAAC;IAE7C,MAAM,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,iBAAiB,EAAEC,gBAAgB,EAAE,GAAGJ;IAErE,OAAOL,IACLG,OAAO;QAAEI;IAAS,IAClBA,YAAYC,mBACZC,kBACAR,SAAS;QAAES,SAAS;IAAK,IACzBJ;AAEJ"}

package/dist/sheet/Sheet.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/sheet/Sheet.tsx"],"sourcesContent":["\"use client\";\n\nimport { forwardRef } from \"react\";\n\nimport { type BaseDialogProps, Dialog } from \"../dialog/Dialog.js\";\nimport { type LabelRequiredForA11y } from \"../types.js\";\nimport {\n  type BaseSheetClassNameOptions,\n  DEFAULT_SHEET_CLASSNAMES,\n  DEFAULT_SHEET_TIMEOUT,\n  sheet,\n} from \"./styles.js\";\n\n/**\n * @since 6.0.0\n */\nexport type SheetDialogProps = Omit<BaseDialogProps, \"role\" | \"type\" | \"modal\">;\n\n/**\n * @since 6.0.0 extends the `SheetDialogProps` instead of `AllowedDialogProps`\n * and exports the `SheetDialogProps`.\n */\nexport interface BaseSheetProps\n  extends SheetDialogProps,\n    BaseSheetClassNameOptions {\n  /**\n   * @defaultValue `\"dialog\"`\n   */\n  role?: \"dialog\" | \"menu\" | \"none\";\n\n  /**\n   * @defaultValue `true`\n   * @see {@link SheetDialogProps.exitedHidden}\n   * @since 6.0.0\n   */\n  exitedHidden?: boolean;\n}\n\nexport type SheetProps = LabelRequiredForA11y<BaseSheetProps>;\n\n/**\n * **Client Component**\n *\n * The `Sheet` component is a {@link Dialog} that is fixed to the top, right,\n * bottom, or left of the viewport.\n *\n * @example Simple Example\n * ```tsx\n * import { Button } from \"@react-md/core/button/Button\";\n * import { Sheet } from \"@react-md/core/sheet/Sheet\";\n * import { useToggle } from \"@react-md/core/useToggle\";\n * import { type ReactElement } from \"react\";\n *\n * export function Example(): ReactElement {\n *   const { toggled, disable, enable } = useToggle();\n *\n *   return (\n *     <>\n *       <Button onClick={enable}>Show</Button>\n *       <Sheet aria-label=\"Customization\" visible={toggled} onRequestClose={disable}>\n *         Whatever Content\n *       </Sheet>\n *     </>\n *   );\n * }\n * ```\n *\n * @see {@link https://react-md.dev/components/sheet | Sheet Demos}\n */\nexport const Sheet = forwardRef<HTMLDivElement, SheetProps>(\n  function Sheet(props, ref) {\n    const {\n      role = \"dialog\",\n      className,\n      position = \"left\",\n      horizontalSize = \"media\",\n      verticalSize = \"recommended\",\n      timeout = DEFAULT_SHEET_TIMEOUT,\n      classNames = DEFAULT_SHEET_CLASSNAMES,\n      visible,\n      temporary = true,\n      exitedHidden = true,\n      raised,\n      children,\n      ...remaining\n    } = props;\n    const { disableOverlay } = props;\n\n    return (\n      <Dialog\n        {...remaining}\n        ref={ref}\n        role={role}\n        type=\"custom\"\n        timeout={timeout}\n        classNames={classNames}\n        visible={visible}\n        temporary={temporary}\n        exitedHidden={exitedHidden}\n        className={sheet({\n          raised: raised ?? !disableOverlay,\n          position,\n          horizontalSize,\n          verticalSize,\n          className,\n        })}\n      >\n        {children}\n      </Dialog>\n    );\n  }\n);\n"],"names":["forwardRef","Dialog","DEFAULT_SHEET_CLASSNAMES","DEFAULT_SHEET_TIMEOUT","sheet","Sheet","props","ref","role","className","position","horizontalSize","verticalSize","timeout","classNames","visible","temporary","exitedHidden","raised","children","remaining","disableOverlay","type"],"mappings":"AAAA;;AAEA,SAASA,UAAU,QAAQ,QAAQ;AAEnC,SAA+BC,MAAM,QAAQ,sBAAsB;AAEnE,SAEEC,wBAAwB,EACxBC,qBAAqB,EACrBC,KAAK,QACA,cAAc;AA6BrB;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4BC,GACD,OAAO,MAAMC,sBAAQL,WACnB,SAASK,MAAMC,KAAK,EAAEC,GAAG;IACvB,MAAM,EACJC,OAAO,QAAQ,EACfC,SAAS,EACTC,WAAW,MAAM,EACjBC,iBAAiB,OAAO,EACxBC,eAAe,aAAa,EAC5BC,UAAUV,qBAAqB,EAC/BW,aAAaZ,wBAAwB,EACrCa,OAAO,EACPC,YAAY,IAAI,EAChBC,eAAe,IAAI,EACnBC,MAAM,EACNC,QAAQ,EACR,GAAGC,WACJ,GAAGd;IACJ,MAAM,EAAEe,cAAc,EAAE,GAAGf;IAE3B,qBACE,KAACL;QACE,GAAGmB,SAAS;QACbb,KAAKA;QACLC,MAAMA;QACNc,MAAK;QACLT,SAASA;QACTC,YAAYA;QACZC,SAASA;QACTC,WAAWA;QACXC,cAAcA;QACdR,WAAWL,MAAM;YACfc,QAAQA,UAAU,CAACG;YACnBX;YACAC;YACAC;YACAH;QACF;kBAECU;;AAGP,GACA"}
+{"version":3,"sources":["../../src/sheet/Sheet.tsx"],"sourcesContent":["\"use client\";\n\nimport { forwardRef } from \"react\";\n\nimport { type BaseDialogProps, Dialog } from \"../dialog/Dialog.js\";\nimport { type LabelRequiredForA11y } from \"../types.js\";\nimport {\n  type BaseSheetClassNameOptions,\n  DEFAULT_SHEET_CLASSNAMES,\n  DEFAULT_SHEET_TIMEOUT,\n  sheet,\n} from \"./styles.js\";\n\n/**\n * @since 6.0.0\n */\nexport type SheetDialogProps = Omit<BaseDialogProps, \"role\" | \"type\" | \"modal\">;\n\n/**\n * @since 6.0.0 extends the `SheetDialogProps` instead of `AllowedDialogProps`\n * and exports the `SheetDialogProps`.\n */\nexport interface BaseSheetProps\n  extends SheetDialogProps, BaseSheetClassNameOptions {\n  /**\n   * @defaultValue `\"dialog\"`\n   */\n  role?: \"dialog\" | \"menu\" | \"none\";\n\n  /**\n   * @defaultValue `true`\n   * @see {@link SheetDialogProps.exitedHidden}\n   * @since 6.0.0\n   */\n  exitedHidden?: boolean;\n}\n\nexport type SheetProps = LabelRequiredForA11y<BaseSheetProps>;\n\n/**\n * **Client Component**\n *\n * The `Sheet` component is a {@link Dialog} that is fixed to the top, right,\n * bottom, or left of the viewport.\n *\n * @example Simple Example\n * ```tsx\n * import { Button } from \"@react-md/core/button/Button\";\n * import { Sheet } from \"@react-md/core/sheet/Sheet\";\n * import { useToggle } from \"@react-md/core/useToggle\";\n * import { type ReactElement } from \"react\";\n *\n * export function Example(): ReactElement {\n *   const { toggled, disable, enable } = useToggle();\n *\n *   return (\n *     <>\n *       <Button onClick={enable}>Show</Button>\n *       <Sheet aria-label=\"Customization\" visible={toggled} onRequestClose={disable}>\n *         Whatever Content\n *       </Sheet>\n *     </>\n *   );\n * }\n * ```\n *\n * @see {@link https://react-md.dev/components/sheet | Sheet Demos}\n */\nexport const Sheet = forwardRef<HTMLDivElement, SheetProps>(\n  function Sheet(props, ref) {\n    const {\n      role = \"dialog\",\n      className,\n      position = \"left\",\n      horizontalSize = \"media\",\n      verticalSize = \"recommended\",\n      timeout = DEFAULT_SHEET_TIMEOUT,\n      classNames = DEFAULT_SHEET_CLASSNAMES,\n      visible,\n      temporary = true,\n      exitedHidden = true,\n      raised,\n      children,\n      ...remaining\n    } = props;\n    const { disableOverlay } = props;\n\n    return (\n      <Dialog\n        {...remaining}\n        ref={ref}\n        role={role}\n        type=\"custom\"\n        timeout={timeout}\n        classNames={classNames}\n        visible={visible}\n        temporary={temporary}\n        exitedHidden={exitedHidden}\n        className={sheet({\n          raised: raised ?? !disableOverlay,\n          position,\n          horizontalSize,\n          verticalSize,\n          className,\n        })}\n      >\n        {children}\n      </Dialog>\n    );\n  }\n);\n"],"names":["forwardRef","Dialog","DEFAULT_SHEET_CLASSNAMES","DEFAULT_SHEET_TIMEOUT","sheet","Sheet","props","ref","role","className","position","horizontalSize","verticalSize","timeout","classNames","visible","temporary","exitedHidden","raised","children","remaining","disableOverlay","type"],"mappings":"AAAA;;AAEA,SAASA,UAAU,QAAQ,QAAQ;AAEnC,SAA+BC,MAAM,QAAQ,sBAAsB;AAEnE,SAEEC,wBAAwB,EACxBC,qBAAqB,EACrBC,KAAK,QACA,cAAc;AA4BrB;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4BC,GACD,OAAO,MAAMC,sBAAQL,WACnB,SAASK,MAAMC,KAAK,EAAEC,GAAG;IACvB,MAAM,EACJC,OAAO,QAAQ,EACfC,SAAS,EACTC,WAAW,MAAM,EACjBC,iBAAiB,OAAO,EACxBC,eAAe,aAAa,EAC5BC,UAAUV,qBAAqB,EAC/BW,aAAaZ,wBAAwB,EACrCa,OAAO,EACPC,YAAY,IAAI,EAChBC,eAAe,IAAI,EACnBC,MAAM,EACNC,QAAQ,EACR,GAAGC,WACJ,GAAGd;IACJ,MAAM,EAAEe,cAAc,EAAE,GAAGf;IAE3B,qBACE,KAACL;QACE,GAAGmB,SAAS;QACbb,KAAKA;QACLC,MAAMA;QACNc,MAAK;QACLT,SAASA;QACTC,YAAYA;QACZC,SAASA;QACTC,WAAWA;QACXC,cAAcA;QACdR,WAAWL,MAAM;YACfc,QAAQA,UAAU,CAACG;YACnBX;YACAC;YACAC;YACAH;QACF;kBAECU;;AAGP,GACA"}

package/dist/snackbar/Toast.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/snackbar/Toast.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  type AriaRole,\n  type HTMLAttributes,\n  type ReactElement,\n  type ReactNode,\n  forwardRef,\n  isValidElement,\n} from \"react\";\n\nimport { type ButtonProps } from \"../button/Button.js\";\nimport {\n  type CSSTransitionClassNames,\n  type TransitionCallbacks,\n  type TransitionTimeout,\n} from \"../transition/types.js\";\nimport { useScaleTransition } from \"../transition/useScaleTransition.js\";\nimport { type PropsWithRef } from \"../types.js\";\nimport { useEnsuredId } from \"../useEnsuredId.js\";\nimport { ToastActionButton } from \"./ToastActionButton.js\";\nimport { ToastCloseButton } from \"./ToastCloseButton.js\";\nimport { ToastContent, type ToastContentProps } from \"./ToastContent.js\";\nimport { type BaseToastClasNameOptions, toast } from \"./toastStyles.js\";\n\n/**\n * @since 6.0.0\n */\nexport interface ConfigurableToastProps\n  extends HTMLAttributes<HTMLDivElement>,\n    BaseToastClasNameOptions,\n    TransitionCallbacks {\n  /**\n   * Note: this default value will only be generated in the `Toast` component.\n   *\n   * @defaultValue `\"toast-\" + useId()`\n   */\n  id?: string;\n\n  /**\n   * Note: This is set while creating the toast.\n   *\n   * @defaultValue `visibleTime === null ? \"alert\" : \"status\"`\n   */\n  role?: AriaRole;\n\n  /**\n   * Set this to `true` to stack the content above the {@link action}. It is not\n   * recommended to enable this prop if the {@link closeButton} is enabled.\n   *\n   * @defaultValue `false`\n   */\n  stacked?: boolean;\n\n  /**\n   * If this is not provided, a `ResizeObserver` will be used to determine if\n   * there are multiple lines of content.\n   */\n  multiline?: boolean;\n\n  /**\n   * When this is a string or React element, it will be rendered as the\n   * `children` within a `Button`\n   */\n  action?: ButtonProps | ReactElement | string;\n\n  /**\n   * This can be used to replace the custom action button behavior.\n   */\n  actionButton?: ReactNode;\n\n  /**\n   * @defaultValue `getIcon(\"close\")`\n   */\n  closeIcon?: ReactNode;\n\n  /**\n   * Set this to `true` if a close button should be rendered to the right of the\n   * `children`.\n   *\n   * @defaultValue `!!closeButtonProps`\n   */\n  closeButton?: boolean;\n\n  /**\n   * Use this prop to override most of the close button behavior. The\n   */\n  closeButtonProps?: ButtonProps;\n\n  /**\n   * Any additional props that should be provided to the `<div>` that surrounds\n   * the toast `children`.\n   */\n  contentProps?: PropsWithRef<ToastContentProps>;\n\n  /**\n   * Set this to `true` if the `children` for the toast should no longer be\n   * wrapped in an additional `<div>` that applies some toast layout styles.\n   * This should normally only be used for custom `Toast` implementations.\n   *\n   * @see the `Snackbar`'s `renderToast` prop for an example.\n   */\n  disableToastContent?: boolean;\n\n  /**\n   * The toast's transition timeout for entering and exiting. This is **not**\n   * how long the toast should remain visible.\n   *\n   * @defaultValue `SCALE_TIMEOUT`\n   */\n  timeout?: TransitionTimeout;\n\n  /**\n   * The toast's transition class names for entering and exiting.\n   *\n   * @defaultValue `SCALE_CLASSNAMES`\n   */\n  classNames?: CSSTransitionClassNames;\n}\n\n/**\n * @since 6.0.0\n */\nexport interface ToastProps extends ConfigurableToastProps {\n  paused?: boolean;\n  visible: boolean;\n}\n\n/**\n * **Client Component**\n *\n * This component is just used for toast styling and does not implement any of\n * the visibility behavior.\n *\n * @see {@link https://react-md.dev/components/snackbar | Snackbar Demos}\n * @since 6.0.0\n */\nexport const Toast = forwardRef<HTMLDivElement, ToastProps>(\n  function Toast(props, ref) {\n    const {\n      id: propId,\n      className,\n      timeout,\n      classNames,\n      theme = \"surface\",\n      action: propAction,\n      actionButton: propActionButton,\n      paused,\n      visible,\n      closeIcon: propCloseIcon,\n      closeButtonProps,\n      closeButton = !!closeButtonProps,\n      contentProps,\n      disableToastContent,\n      stacked,\n      multiline,\n      onEnter,\n      onEntering,\n      onEntered,\n      onExit,\n      onExiting,\n      onExited,\n      children,\n      ...remaining\n    } = props;\n    const id = useEnsuredId(propId, \"toast\");\n\n    let actionButton = propActionButton;\n    if (propAction) {\n      let overrides: ButtonProps = {};\n      let buttonChildren: ReactNode;\n      // have to use `any` to correctly filter out all react elements\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      if (isValidElement<any>(propAction) || typeof propAction !== \"object\") {\n        buttonChildren = propAction;\n      } else {\n        ({ children: buttonChildren, ...overrides } = propAction);\n      }\n\n      actionButton = (\n        <ToastActionButton\n          theme={theme === \"surface\" ? \"secondary\" : \"clear\"}\n          reordered={stacked && closeButton}\n          {...overrides}\n        >\n          {buttonChildren}\n        </ToastActionButton>\n      );\n    }\n\n    let closeIcon = propCloseIcon;\n    if (typeof closeButtonProps?.children !== \"undefined\") {\n      closeIcon = closeButtonProps.children;\n    }\n\n    const action = !!actionButton;\n    const reordered = stacked && action && closeButton;\n    const { elementProps, rendered } = useScaleTransition({\n      appear: true,\n      nodeRef: ref,\n      className: toast({\n        className,\n        theme,\n        action,\n        paused,\n        stacked,\n        reordered,\n        closeButton,\n      }),\n      timeout,\n      classNames,\n      onEnter,\n      onEntering,\n      onEntered,\n      onExit,\n      onExiting,\n      onExited,\n      temporary: true,\n      transitionIn: visible,\n      exitedHidden: true,\n    });\n\n    // this might get rid of the weird popping-back-in for a split second\n    // that sometimes happens on mobile firefox\n    if (!rendered) {\n      return null;\n    }\n\n    return (\n      <div {...remaining} {...elementProps} id={id}>\n        <ToastContent\n          action={action}\n          stacked={stacked}\n          multiline={multiline}\n          closeButton={closeButton}\n          disableWrapper={disableToastContent}\n          {...contentProps}\n        >\n          {children}\n        </ToastContent>\n        {actionButton}\n        {closeButton && (\n          <ToastCloseButton reordered={reordered} {...closeButtonProps}>\n            {closeIcon}\n          </ToastCloseButton>\n        )}\n      </div>\n    );\n  }\n);\n"],"names":["forwardRef","isValidElement","useScaleTransition","useEnsuredId","ToastActionButton","ToastCloseButton","ToastContent","toast","Toast","props","ref","id","propId","className","timeout","classNames","theme","action","propAction","actionButton","propActionButton","paused","visible","closeIcon","propCloseIcon","closeButtonProps","closeButton","contentProps","disableToastContent","stacked","multiline","onEnter","onEntering","onEntered","onExit","onExiting","onExited","children","remaining","overrides","buttonChildren","reordered","elementProps","rendered","appear","nodeRef","temporary","transitionIn","exitedHidden","div","disableWrapper"],"mappings":"AAAA;;AAEA,SAKEA,UAAU,EACVC,cAAc,QACT,QAAQ;AAQf,SAASC,kBAAkB,QAAQ,sCAAsC;AAEzE,SAASC,YAAY,QAAQ,qBAAqB;AAClD,SAASC,iBAAiB,QAAQ,yBAAyB;AAC3D,SAASC,gBAAgB,QAAQ,wBAAwB;AACzD,SAASC,YAAY,QAAgC,oBAAoB;AACzE,SAAwCC,KAAK,QAAQ,mBAAmB;AAyGxE;;;;;;;;CAQC,GACD,OAAO,MAAMC,sBAAQR,WACnB,SAASQ,MAAMC,KAAK,EAAEC,GAAG;IACvB,MAAM,EACJC,IAAIC,MAAM,EACVC,SAAS,EACTC,OAAO,EACPC,UAAU,EACVC,QAAQ,SAAS,EACjBC,QAAQC,UAAU,EAClBC,cAAcC,gBAAgB,EAC9BC,MAAM,EACNC,OAAO,EACPC,WAAWC,aAAa,EACxBC,gBAAgB,EAChBC,cAAc,CAAC,CAACD,gBAAgB,EAChCE,YAAY,EACZC,mBAAmB,EACnBC,OAAO,EACPC,SAAS,EACTC,OAAO,EACPC,UAAU,EACVC,SAAS,EACTC,MAAM,EACNC,SAAS,EACTC,QAAQ,EACRC,QAAQ,EACR,GAAGC,WACJ,GAAG7B;IACJ,MAAME,KAAKR,aAAaS,QAAQ;IAEhC,IAAIO,eAAeC;IACnB,IAAIF,YAAY;QACd,IAAIqB,YAAyB,CAAC;QAC9B,IAAIC;QACJ,+DAA+D;QAC/D,8DAA8D;QAC9D,kBAAIvC,eAAoBiB,eAAe,OAAOA,eAAe,UAAU;YACrEsB,iBAAiBtB;QACnB,OAAO;YACJ,CAAA,EAAEmB,UAAUG,cAAc,EAAE,GAAGD,WAAW,GAAGrB,UAAS;QACzD;QAEAC,6BACE,KAACf;YACCY,OAAOA,UAAU,YAAY,cAAc;YAC3CyB,WAAWZ,WAAWH;YACrB,GAAGa,SAAS;sBAEZC;;IAGP;IAEA,IAAIjB,YAAYC;IAChB,IAAI,OAAOC,kBAAkBY,aAAa,aAAa;QACrDd,YAAYE,iBAAiBY,QAAQ;IACvC;IAEA,MAAMpB,SAAS,CAAC,CAACE;IACjB,MAAMsB,YAAYZ,WAAWZ,UAAUS;IACvC,MAAM,EAAEgB,YAAY,EAAEC,QAAQ,EAAE,GAAGzC,mBAAmB;QACpD0C,QAAQ;QACRC,SAASnC;QACTG,WAAWN,MAAM;YACfM;YACAG;YACAC;YACAI;YACAQ;YACAY;YACAf;QACF;QACAZ;QACAC;QACAgB;QACAC;QACAC;QACAC;QACAC;QACAC;QACAU,WAAW;QACXC,cAAczB;QACd0B,cAAc;IAChB;IAEA,qEAAqE;IACrE,2CAA2C;IAC3C,IAAI,CAACL,UAAU;QACb,OAAO;IACT;IAEA,qBACE,MAACM;QAAK,GAAGX,SAAS;QAAG,GAAGI,YAAY;QAAE/B,IAAIA;;0BACxC,KAACL;gBACCW,QAAQA;gBACRY,SAASA;gBACTC,WAAWA;gBACXJ,aAAaA;gBACbwB,gBAAgBtB;gBACf,GAAGD,YAAY;0BAEfU;;YAEFlB;YACAO,6BACC,KAACrB;gBAAiBoC,WAAWA;gBAAY,GAAGhB,gBAAgB;0BACzDF;;;;AAKX,GACA"}
+{"version":3,"sources":["../../src/snackbar/Toast.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  type AriaRole,\n  type HTMLAttributes,\n  type ReactElement,\n  type ReactNode,\n  forwardRef,\n  isValidElement,\n} from \"react\";\n\nimport { type ButtonProps } from \"../button/Button.js\";\nimport {\n  type CSSTransitionClassNames,\n  type TransitionCallbacks,\n  type TransitionTimeout,\n} from \"../transition/types.js\";\nimport { useScaleTransition } from \"../transition/useScaleTransition.js\";\nimport { type PropsWithRef } from \"../types.js\";\nimport { useEnsuredId } from \"../useEnsuredId.js\";\nimport { ToastActionButton } from \"./ToastActionButton.js\";\nimport { ToastCloseButton } from \"./ToastCloseButton.js\";\nimport { ToastContent, type ToastContentProps } from \"./ToastContent.js\";\nimport { type BaseToastClasNameOptions, toast } from \"./toastStyles.js\";\n\n/**\n * @since 6.0.0\n */\nexport interface ConfigurableToastProps\n  extends\n    HTMLAttributes<HTMLDivElement>,\n    BaseToastClasNameOptions,\n    TransitionCallbacks {\n  /**\n   * Note: this default value will only be generated in the `Toast` component.\n   *\n   * @defaultValue `\"toast-\" + useId()`\n   */\n  id?: string;\n\n  /**\n   * Note: This is set while creating the toast.\n   *\n   * @defaultValue `visibleTime === null ? \"alert\" : \"status\"`\n   */\n  role?: AriaRole;\n\n  /**\n   * Set this to `true` to stack the content above the {@link action}. It is not\n   * recommended to enable this prop if the {@link closeButton} is enabled.\n   *\n   * @defaultValue `false`\n   */\n  stacked?: boolean;\n\n  /**\n   * If this is not provided, a `ResizeObserver` will be used to determine if\n   * there are multiple lines of content.\n   */\n  multiline?: boolean;\n\n  /**\n   * When this is a string or React element, it will be rendered as the\n   * `children` within a `Button`\n   */\n  action?: ButtonProps | ReactElement | string;\n\n  /**\n   * This can be used to replace the custom action button behavior.\n   */\n  actionButton?: ReactNode;\n\n  /**\n   * @defaultValue `getIcon(\"close\")`\n   */\n  closeIcon?: ReactNode;\n\n  /**\n   * Set this to `true` if a close button should be rendered to the right of the\n   * `children`.\n   *\n   * @defaultValue `!!closeButtonProps`\n   */\n  closeButton?: boolean;\n\n  /**\n   * Use this prop to override most of the close button behavior. The\n   */\n  closeButtonProps?: ButtonProps;\n\n  /**\n   * Any additional props that should be provided to the `<div>` that surrounds\n   * the toast `children`.\n   */\n  contentProps?: PropsWithRef<ToastContentProps>;\n\n  /**\n   * Set this to `true` if the `children` for the toast should no longer be\n   * wrapped in an additional `<div>` that applies some toast layout styles.\n   * This should normally only be used for custom `Toast` implementations.\n   *\n   * @see the `Snackbar`'s `renderToast` prop for an example.\n   */\n  disableToastContent?: boolean;\n\n  /**\n   * The toast's transition timeout for entering and exiting. This is **not**\n   * how long the toast should remain visible.\n   *\n   * @defaultValue `SCALE_TIMEOUT`\n   */\n  timeout?: TransitionTimeout;\n\n  /**\n   * The toast's transition class names for entering and exiting.\n   *\n   * @defaultValue `SCALE_CLASSNAMES`\n   */\n  classNames?: CSSTransitionClassNames;\n}\n\n/**\n * @since 6.0.0\n */\nexport interface ToastProps extends ConfigurableToastProps {\n  paused?: boolean;\n  visible: boolean;\n}\n\n/**\n * **Client Component**\n *\n * This component is just used for toast styling and does not implement any of\n * the visibility behavior.\n *\n * @see {@link https://react-md.dev/components/snackbar | Snackbar Demos}\n * @since 6.0.0\n */\nexport const Toast = forwardRef<HTMLDivElement, ToastProps>(\n  function Toast(props, ref) {\n    const {\n      id: propId,\n      className,\n      timeout,\n      classNames,\n      theme = \"surface\",\n      action: propAction,\n      actionButton: propActionButton,\n      paused,\n      visible,\n      closeIcon: propCloseIcon,\n      closeButtonProps,\n      closeButton = !!closeButtonProps,\n      contentProps,\n      disableToastContent,\n      stacked,\n      multiline,\n      onEnter,\n      onEntering,\n      onEntered,\n      onExit,\n      onExiting,\n      onExited,\n      children,\n      ...remaining\n    } = props;\n    const id = useEnsuredId(propId, \"toast\");\n\n    let actionButton = propActionButton;\n    if (propAction) {\n      let overrides: ButtonProps = {};\n      let buttonChildren: ReactNode;\n      // have to use `any` to correctly filter out all react elements\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      if (isValidElement<any>(propAction) || typeof propAction !== \"object\") {\n        buttonChildren = propAction;\n      } else {\n        ({ children: buttonChildren, ...overrides } = propAction);\n      }\n\n      actionButton = (\n        <ToastActionButton\n          theme={theme === \"surface\" ? \"secondary\" : \"clear\"}\n          reordered={stacked && closeButton}\n          {...overrides}\n        >\n          {buttonChildren}\n        </ToastActionButton>\n      );\n    }\n\n    let closeIcon = propCloseIcon;\n    if (typeof closeButtonProps?.children !== \"undefined\") {\n      closeIcon = closeButtonProps.children;\n    }\n\n    const action = !!actionButton;\n    const reordered = stacked && action && closeButton;\n    const { elementProps, rendered } = useScaleTransition({\n      appear: true,\n      nodeRef: ref,\n      className: toast({\n        className,\n        theme,\n        action,\n        paused,\n        stacked,\n        reordered,\n        closeButton,\n      }),\n      timeout,\n      classNames,\n      onEnter,\n      onEntering,\n      onEntered,\n      onExit,\n      onExiting,\n      onExited,\n      temporary: true,\n      transitionIn: visible,\n      exitedHidden: true,\n    });\n\n    // this might get rid of the weird popping-back-in for a split second\n    // that sometimes happens on mobile firefox\n    if (!rendered) {\n      return null;\n    }\n\n    return (\n      <div {...remaining} {...elementProps} id={id}>\n        <ToastContent\n          action={action}\n          stacked={stacked}\n          multiline={multiline}\n          closeButton={closeButton}\n          disableWrapper={disableToastContent}\n          {...contentProps}\n        >\n          {children}\n        </ToastContent>\n        {actionButton}\n        {closeButton && (\n          <ToastCloseButton reordered={reordered} {...closeButtonProps}>\n            {closeIcon}\n          </ToastCloseButton>\n        )}\n      </div>\n    );\n  }\n);\n"],"names":["forwardRef","isValidElement","useScaleTransition","useEnsuredId","ToastActionButton","ToastCloseButton","ToastContent","toast","Toast","props","ref","id","propId","className","timeout","classNames","theme","action","propAction","actionButton","propActionButton","paused","visible","closeIcon","propCloseIcon","closeButtonProps","closeButton","contentProps","disableToastContent","stacked","multiline","onEnter","onEntering","onEntered","onExit","onExiting","onExited","children","remaining","overrides","buttonChildren","reordered","elementProps","rendered","appear","nodeRef","temporary","transitionIn","exitedHidden","div","disableWrapper"],"mappings":"AAAA;;AAEA,SAKEA,UAAU,EACVC,cAAc,QACT,QAAQ;AAQf,SAASC,kBAAkB,QAAQ,sCAAsC;AAEzE,SAASC,YAAY,QAAQ,qBAAqB;AAClD,SAASC,iBAAiB,QAAQ,yBAAyB;AAC3D,SAASC,gBAAgB,QAAQ,wBAAwB;AACzD,SAASC,YAAY,QAAgC,oBAAoB;AACzE,SAAwCC,KAAK,QAAQ,mBAAmB;AA0GxE;;;;;;;;CAQC,GACD,OAAO,MAAMC,sBAAQR,WACnB,SAASQ,MAAMC,KAAK,EAAEC,GAAG;IACvB,MAAM,EACJC,IAAIC,MAAM,EACVC,SAAS,EACTC,OAAO,EACPC,UAAU,EACVC,QAAQ,SAAS,EACjBC,QAAQC,UAAU,EAClBC,cAAcC,gBAAgB,EAC9BC,MAAM,EACNC,OAAO,EACPC,WAAWC,aAAa,EACxBC,gBAAgB,EAChBC,cAAc,CAAC,CAACD,gBAAgB,EAChCE,YAAY,EACZC,mBAAmB,EACnBC,OAAO,EACPC,SAAS,EACTC,OAAO,EACPC,UAAU,EACVC,SAAS,EACTC,MAAM,EACNC,SAAS,EACTC,QAAQ,EACRC,QAAQ,EACR,GAAGC,WACJ,GAAG7B;IACJ,MAAME,KAAKR,aAAaS,QAAQ;IAEhC,IAAIO,eAAeC;IACnB,IAAIF,YAAY;QACd,IAAIqB,YAAyB,CAAC;QAC9B,IAAIC;QACJ,+DAA+D;QAC/D,8DAA8D;QAC9D,kBAAIvC,eAAoBiB,eAAe,OAAOA,eAAe,UAAU;YACrEsB,iBAAiBtB;QACnB,OAAO;YACJ,CAAA,EAAEmB,UAAUG,cAAc,EAAE,GAAGD,WAAW,GAAGrB,UAAS;QACzD;QAEAC,6BACE,KAACf;YACCY,OAAOA,UAAU,YAAY,cAAc;YAC3CyB,WAAWZ,WAAWH;YACrB,GAAGa,SAAS;sBAEZC;;IAGP;IAEA,IAAIjB,YAAYC;IAChB,IAAI,OAAOC,kBAAkBY,aAAa,aAAa;QACrDd,YAAYE,iBAAiBY,QAAQ;IACvC;IAEA,MAAMpB,SAAS,CAAC,CAACE;IACjB,MAAMsB,YAAYZ,WAAWZ,UAAUS;IACvC,MAAM,EAAEgB,YAAY,EAAEC,QAAQ,EAAE,GAAGzC,mBAAmB;QACpD0C,QAAQ;QACRC,SAASnC;QACTG,WAAWN,MAAM;YACfM;YACAG;YACAC;YACAI;YACAQ;YACAY;YACAf;QACF;QACAZ;QACAC;QACAgB;QACAC;QACAC;QACAC;QACAC;QACAC;QACAU,WAAW;QACXC,cAAczB;QACd0B,cAAc;IAChB;IAEA,qEAAqE;IACrE,2CAA2C;IAC3C,IAAI,CAACL,UAAU;QACb,OAAO;IACT;IAEA,qBACE,MAACM;QAAK,GAAGX,SAAS;QAAG,GAAGI,YAAY;QAAE/B,IAAIA;;0BACxC,KAACL;gBACCW,QAAQA;gBACRY,SAASA;gBACTC,WAAWA;gBACXJ,aAAaA;gBACbwB,gBAAgBtB;gBACf,GAAGD,YAAY;0BAEfU;;YAEFlB;YACAO,6BACC,KAACrB;gBAAiBoC,WAAWA;gBAAY,GAAGhB,gBAAgB;0BACzDF;;;;AAKX,GACA"}

package/dist/spinbutton/SpinButton.d.ts

@@ -0,0 +1,16 @@
+import { type HTMLAttributes } from "react";
+import { type LabelRequiredForA11y } from "../types.js";
+import { type SpinButtonOptions, type SpinButtonValueOptions } from "./types.js";
+/**
+ * @since 6.4.0
+ */
+export interface SpinButtonProps extends Omit<HTMLAttributes<HTMLDivElement>, keyof SpinButtonOptions>, Omit<SpinButtonOptions<HTMLDivElement>, "ref" | "children"> {
+}
+/**
+ * The `SpinButton` component can be used as a simple wrapper around the
+ * {@link useSpinButton} hook if it should be rendered within a `<div>` and
+ * only the rendering behavior is required.
+ *
+ * @since 6.4.0
+ */
+export declare const SpinButton: import("react").ForwardRefExoticComponent<(LabelRequiredForA11y<SpinButtonProps> & SpinButtonValueOptions) & import("react").RefAttributes<HTMLDivElement>>;

package/dist/spinbutton/SpinButton.js

@@ -0,0 +1,55 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { defaultGetSpinButtonTextContent } from "./defaults.js";
+import { useSpinButton } from "./useSpinButton.js";
+/**
+ * The `SpinButton` component can be used as a simple wrapper around the
+ * {@link useSpinButton} hook if it should be rendered within a `<div>` and
+ * only the rendering behavior is required.
+ *
+ * @since 6.4.0
+ */ export const SpinButton = /*#__PURE__*/ forwardRef(function SpinButton(props, ref) {
+    const { id, min, max, minDigits, maxDigits, step, form, error, disabled, readOnly, required, fallback, mappings, value, defaultValue, onValueChange, getValueText, getTextContent = defaultGetSpinButtonTextContent, placeholderChar, defaultKeyboardValue, ...remaining } = props;
+    const valueProps = {
+        value,
+        defaultValue
+    };
+    const { value: currentValue, spinButtonProps } = useSpinButton({
+        id,
+        ref,
+        min,
+        max,
+        minDigits,
+        maxDigits,
+        step,
+        form,
+        fallback,
+        mappings,
+        error,
+        disabled,
+        readOnly,
+        required,
+        ...valueProps,
+        onValueChange,
+        getValueText,
+        getTextContent,
+        placeholderChar,
+        defaultKeyboardValue
+    });
+    return /*#__PURE__*/ _jsx("div", {
+        ...remaining,
+        ...spinButtonProps,
+        children: getTextContent({
+            min,
+            max,
+            minDigits,
+            maxDigits,
+            value: currentValue,
+            fallback,
+            placeholderChar
+        })
+    });
+});
+
+//# sourceMappingURL=SpinButton.js.map

package/dist/spinbutton/SpinButton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/spinbutton/SpinButton.tsx"],"sourcesContent":["\"use client\";\n\nimport { type HTMLAttributes, forwardRef } from \"react\";\n\nimport { type LabelRequiredForA11y } from \"../types.js\";\nimport { defaultGetSpinButtonTextContent } from \"./defaults.js\";\nimport {\n  type SpinButtonOptions,\n  type SpinButtonUncontrolledValueOptions,\n  type SpinButtonValueOptions,\n} from \"./types.js\";\nimport { useSpinButton } from \"./useSpinButton.js\";\n\n/**\n * @since 6.4.0\n */\nexport interface SpinButtonProps\n  extends\n    Omit<HTMLAttributes<HTMLDivElement>, keyof SpinButtonOptions>,\n    Omit<SpinButtonOptions<HTMLDivElement>, \"ref\" | \"children\"> {}\n\n/**\n * The `SpinButton` component can be used as a simple wrapper around the\n * {@link useSpinButton} hook if it should be rendered within a `<div>` and\n * only the rendering behavior is required.\n *\n * @since 6.4.0\n */\nexport const SpinButton = forwardRef<\n  HTMLDivElement,\n  LabelRequiredForA11y<SpinButtonProps> & SpinButtonValueOptions\n>(function SpinButton(props, ref) {\n  const {\n    id,\n    min,\n    max,\n    minDigits,\n    maxDigits,\n    step,\n    form,\n    error,\n    disabled,\n    readOnly,\n    required,\n    fallback,\n    mappings,\n    value,\n    defaultValue,\n    onValueChange,\n    getValueText,\n    getTextContent = defaultGetSpinButtonTextContent,\n    placeholderChar,\n    defaultKeyboardValue,\n    ...remaining\n  } = props;\n\n  const valueProps = {\n    value,\n    defaultValue,\n  } as SpinButtonUncontrolledValueOptions<HTMLDivElement>;\n\n  const { value: currentValue, spinButtonProps } = useSpinButton({\n    id,\n    ref,\n    min,\n    max,\n    minDigits,\n    maxDigits,\n    step,\n    form,\n    fallback,\n    mappings,\n    error,\n    disabled,\n    readOnly,\n    required,\n    ...valueProps,\n    onValueChange,\n    getValueText,\n    getTextContent,\n    placeholderChar,\n    defaultKeyboardValue,\n  });\n\n  return (\n    <div {...remaining} {...spinButtonProps}>\n      {getTextContent({\n        min,\n        max,\n        minDigits,\n        maxDigits,\n        value: currentValue,\n        fallback,\n        placeholderChar,\n      })}\n    </div>\n  );\n});\n"],"names":["forwardRef","defaultGetSpinButtonTextContent","useSpinButton","SpinButton","props","ref","id","min","max","minDigits","maxDigits","step","form","error","disabled","readOnly","required","fallback","mappings","value","defaultValue","onValueChange","getValueText","getTextContent","placeholderChar","defaultKeyboardValue","remaining","valueProps","currentValue","spinButtonProps","div"],"mappings":"AAAA;;AAEA,SAA8BA,UAAU,QAAQ,QAAQ;AAGxD,SAASC,+BAA+B,QAAQ,gBAAgB;AAMhE,SAASC,aAAa,QAAQ,qBAAqB;AAUnD;;;;;;CAMC,GACD,OAAO,MAAMC,2BAAaH,WAGxB,SAASG,WAAWC,KAAK,EAAEC,GAAG;IAC9B,MAAM,EACJC,EAAE,EACFC,GAAG,EACHC,GAAG,EACHC,SAAS,EACTC,SAAS,EACTC,IAAI,EACJC,IAAI,EACJC,KAAK,EACLC,QAAQ,EACRC,QAAQ,EACRC,QAAQ,EACRC,QAAQ,EACRC,QAAQ,EACRC,KAAK,EACLC,YAAY,EACZC,aAAa,EACbC,YAAY,EACZC,iBAAiBtB,+BAA+B,EAChDuB,eAAe,EACfC,oBAAoB,EACpB,GAAGC,WACJ,GAAGtB;IAEJ,MAAMuB,aAAa;QACjBR;QACAC;IACF;IAEA,MAAM,EAAED,OAAOS,YAAY,EAAEC,eAAe,EAAE,GAAG3B,cAAc;QAC7DI;QACAD;QACAE;QACAC;QACAC;QACAC;QACAC;QACAC;QACAK;QACAC;QACAL;QACAC;QACAC;QACAC;QACA,GAAGW,UAAU;QACbN;QACAC;QACAC;QACAC;QACAC;IACF;IAEA,qBACE,KAACK;QAAK,GAAGJ,SAAS;QAAG,GAAGG,eAAe;kBACpCN,eAAe;YACdhB;YACAC;YACAC;YACAC;YACAS,OAAOS;YACPX;YACAO;QACF;;AAGN,GAAG"}

package/dist/spinbutton/SpinButtonGroupProvider.d.ts

@@ -0,0 +1,17 @@
+import { type KeyboardMovementContext } from "../movement/types.js";
+/**
+ * @since 6.4.0
+ */
+export type SpinButtonGroupContext = KeyboardMovementContext;
+/**
+ * This should be used along with the `useSpinButtonGroupProvider` to link
+ * `SpinButton` components together. The next `SpinButton` will be focused as
+ * an value is typed to completion.
+ *
+ * @since 6.4.0
+ */
+export declare const SpinButtonGroupProvider: import("react").Provider<KeyboardMovementContext>;
+/**
+ * @since 6.4.0
+ */
+export declare function useSpinButtonGroup(): Readonly<SpinButtonGroupContext>;

package/dist/spinbutton/SpinButtonGroupProvider.js

@@ -0,0 +1,19 @@
+"use client";
+import { createContext, useContext } from "react";
+import { DEFAULT_KEYBOARD_MOVEMENT_CONTEXT } from "../movement/useKeyboardMovementProvider.js";
+const context = /*#__PURE__*/ createContext(DEFAULT_KEYBOARD_MOVEMENT_CONTEXT);
+context.displayName = "SpinButtonGroup";
+/**
+ * This should be used along with the `useSpinButtonGroupProvider` to link
+ * `SpinButton` components together. The next `SpinButton` will be focused as
+ * an value is typed to completion.
+ *
+ * @since 6.4.0
+ */ export const { Provider: SpinButtonGroupProvider } = context;
+/**
+ * @since 6.4.0
+ */ export function useSpinButtonGroup() {
+    return useContext(context);
+}
+
+//# sourceMappingURL=SpinButtonGroupProvider.js.map

package/dist/spinbutton/SpinButtonGroupProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/spinbutton/SpinButtonGroupProvider.tsx"],"sourcesContent":["\"use client\";\n\nimport { createContext, useContext } from \"react\";\n\nimport { type KeyboardMovementContext } from \"../movement/types.js\";\nimport { DEFAULT_KEYBOARD_MOVEMENT_CONTEXT } from \"../movement/useKeyboardMovementProvider.js\";\n\n/**\n * @since 6.4.0\n */\nexport type SpinButtonGroupContext = KeyboardMovementContext;\n\nconst context = createContext<SpinButtonGroupContext>(\n  DEFAULT_KEYBOARD_MOVEMENT_CONTEXT\n);\ncontext.displayName = \"SpinButtonGroup\";\n\n/**\n * This should be used along with the `useSpinButtonGroupProvider` to link\n * `SpinButton` components together. The next `SpinButton` will be focused as\n * an value is typed to completion.\n *\n * @since 6.4.0\n */\nexport const { Provider: SpinButtonGroupProvider } = context;\n\n/**\n * @since 6.4.0\n */\nexport function useSpinButtonGroup(): Readonly<SpinButtonGroupContext> {\n  return useContext(context);\n}\n"],"names":["createContext","useContext","DEFAULT_KEYBOARD_MOVEMENT_CONTEXT","context","displayName","Provider","SpinButtonGroupProvider","useSpinButtonGroup"],"mappings":"AAAA;AAEA,SAASA,aAAa,EAAEC,UAAU,QAAQ,QAAQ;AAGlD,SAASC,iCAAiC,QAAQ,6CAA6C;AAO/F,MAAMC,wBAAUH,cACdE;AAEFC,QAAQC,WAAW,GAAG;AAEtB;;;;;;CAMC,GACD,OAAO,MAAM,EAAEC,UAAUC,uBAAuB,EAAE,GAAGH,QAAQ;AAE7D;;CAEC,GACD,OAAO,SAASI;IACd,OAAON,WAAWE;AACpB"}

package/dist/spinbutton/defaults.d.ts

@@ -0,0 +1,9 @@
+import { type GetSpinButtonTextContentOptions, type SpinButtonGetValueText } from "./types.js";
+/**
+ * @since 6.4.0
+ */
+export declare const defaultSpinButtonGetValueText: SpinButtonGetValueText;
+/**
+ * @since 6.4.0
+ */
+export declare function defaultGetSpinButtonTextContent(options: GetSpinButtonTextContentOptions): string;

package/dist/spinbutton/defaults.js

@@ -0,0 +1,25 @@
+import { getNumberOfDigits } from "../utils/getNumberOfDigits.js";
+/**
+ * @since 6.4.0
+ */ export const defaultSpinButtonGetValueText = (value)=>value === null ? "No value selected" : undefined;
+/**
+ * @since 6.4.0
+ */ export function defaultGetSpinButtonTextContent(options) {
+    const { min, value, fallback, placeholderChar = "0", minDigits = fallback?.length ?? getNumberOfDigits(min) } = options;
+    if (value === null) {
+        if (typeof fallback === "string") {
+            return fallback;
+        }
+        if (!minDigits) {
+            return "";
+        }
+        return "-".repeat(minDigits);
+    }
+    let text = `${value}`;
+    if (minDigits) {
+        text = text.padStart(minDigits, placeholderChar);
+    }
+    return text;
+}
+
+//# sourceMappingURL=defaults.js.map

package/dist/spinbutton/defaults.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/spinbutton/defaults.ts"],"sourcesContent":["import { getNumberOfDigits } from \"../utils/getNumberOfDigits.js\";\nimport {\n  type GetSpinButtonTextContentOptions,\n  type SpinButtonGetValueText,\n} from \"./types.js\";\n\n/**\n * @since 6.4.0\n */\nexport const defaultSpinButtonGetValueText: SpinButtonGetValueText = (value) =>\n  value === null ? \"No value selected\" : undefined;\n\n/**\n * @since 6.4.0\n */\nexport function defaultGetSpinButtonTextContent(\n  options: GetSpinButtonTextContentOptions\n): string {\n  const {\n    min,\n    value,\n    fallback,\n    placeholderChar = \"0\",\n    minDigits = fallback?.length ?? getNumberOfDigits(min),\n  } = options;\n\n  if (value === null) {\n    if (typeof fallback === \"string\") {\n      return fallback;\n    }\n\n    if (!minDigits) {\n      return \"\";\n    }\n\n    return \"-\".repeat(minDigits);\n  }\n\n  let text = `${value}`;\n  if (minDigits) {\n    text = text.padStart(minDigits, placeholderChar);\n  }\n\n  return text;\n}\n"],"names":["getNumberOfDigits","defaultSpinButtonGetValueText","value","undefined","defaultGetSpinButtonTextContent","options","min","fallback","placeholderChar","minDigits","length","repeat","text","padStart"],"mappings":"AAAA,SAASA,iBAAiB,QAAQ,gCAAgC;AAMlE;;CAEC,GACD,OAAO,MAAMC,gCAAwD,CAACC,QACpEA,UAAU,OAAO,sBAAsBC,UAAU;AAEnD;;CAEC,GACD,OAAO,SAASC,gCACdC,OAAwC;IAExC,MAAM,EACJC,GAAG,EACHJ,KAAK,EACLK,QAAQ,EACRC,kBAAkB,GAAG,EACrBC,YAAYF,UAAUG,UAAUV,kBAAkBM,IAAI,EACvD,GAAGD;IAEJ,IAAIH,UAAU,MAAM;QAClB,IAAI,OAAOK,aAAa,UAAU;YAChC,OAAOA;QACT;QAEA,IAAI,CAACE,WAAW;YACd,OAAO;QACT;QAEA,OAAO,IAAIE,MAAM,CAACF;IACpB;IAEA,IAAIG,OAAO,GAAGV,OAAO;IACrB,IAAIO,WAAW;QACbG,OAAOA,KAAKC,QAAQ,CAACJ,WAAWD;IAClC;IAEA,OAAOI;AACT"}