@servicetitan/anvil2 2.9.0 → 3.0.0

package/dist/{index-D6ag_WQW.js → index-ByMdotWU.js}

@@ -1,17 +1,17 @@
 import { jsx } from 'react/jsx-runtime';
-import { I as Icon } from './Icon-DuIlne4x.js';
+import { I as Icon } from './Icon-BMMbp40n.js';
 import * as React from 'react';
 import { forwardRef } from 'react';
 import { c as cx } from './index-De1g9FRV.js';
-import { B as ButtonCompound } from './ButtonCompound-Cmw3cgMY.js';
+import { B as ButtonCompound } from './ButtonCompound-DsrK7G3q.js';
 
 import './index.css';const SvgDragIndicator = (props) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M11 18c0 1.1-.9 2-2 2s-2-.9-2-2 .9-2 2-2 2 .9 2 2zm-2-8c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0-6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm6 4c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z" }));
 
-const handle = "_handle_z85jk_2";
-const active = "_active_z85jk_24";
+const handle = "_handle_1e7c4_2";
+const active = "_active_1e7c4_25";
 const handleStyles = {
 	handle: handle,
-	"handle-button": "_handle-button_z85jk_9",
+	"handle-button": "_handle-button_1e7c4_10",
 	active: active
 };
 
@@ -40,17 +40,17 @@ const DndHandleButton = forwardRef(({ isActive = false, className, ...props }, r
 DndHandleButton.displayName = "DndHandleButton";
 
 const styles = {
-	"drop-line": "_drop-line_k30eq_3",
-	"drag-preview": "_drag-preview_k30eq_18",
-	"orientation-horizontal": "_orientation-horizontal_k30eq_36",
-	"position-before": "_position-before_k30eq_40",
-	"position-after": "_position-after_k30eq_44",
-	"orientation-vertical": "_orientation-vertical_k30eq_52",
-	"drop-zone": "_drop-zone_k30eq_66",
-	"can-be-dropped": "_can-be-dropped_k30eq_71",
-	"active-not-over": "_active-not-over_k30eq_75",
-	"over-valid": "_over-valid_k30eq_82",
-	"over-invalid": "_over-invalid_k30eq_86"
+	"drag-preview": "_drag-preview_1uufp_2",
+	"drop-line": "_drop-line_1uufp_12",
+	"orientation-horizontal": "_orientation-horizontal_1uufp_44",
+	"orientation-vertical": "_orientation-vertical_1uufp_53",
+	"drop-zone": "_drop-zone_1uufp_62",
+	"position-before": "_position-before_1uufp_69",
+	"position-after": "_position-after_1uufp_74",
+	"can-be-dropped": "_can-be-dropped_1uufp_88",
+	"active-not-over": "_active-not-over_1uufp_95",
+	"over-valid": "_over-valid_1uufp_101",
+	"over-invalid": "_over-invalid_1uufp_106"
 };
 
 const DndSortLine = ({
@@ -69,7 +69,7 @@ const DndSortLine = ({
     {
       "aria-hidden": true,
       className: classes,
-      style: { "--drop-line-offset": offset },
+      style: { "--a2-inline-drop-line-offset": offset },
       ...rest
     }
   );
@@ -104,4 +104,4 @@ const Dnd = {
 };
 
 export { Dnd as D, DndSortLine as a, DndHandleButton as b, DndHandle as c, styles as s };
-//# sourceMappingURL=index-D6ag_WQW.js.map
+//# sourceMappingURL=index-ByMdotWU.js.map

package/dist/{index-D6ag_WQW.js.map → index-ByMdotWU.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-D6ag_WQW.js","sources":["../../hammer-icon/mdi/round/drag_indicator.svg","../src/components/Dnd/DndHandle.tsx","../src/components/Dnd/DndHandleButton.tsx","../src/components/Dnd/DndSortLine.tsx","../src/components/Dnd/DndZone.tsx","../src/components/Dnd/index.ts"],"sourcesContent":["import * as React from \"react\";\nconst SvgDragIndicator = (props) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M11 18c0 1.1-.9 2-2 2s-2-.9-2-2 .9-2 2-2 2 .9 2 2zm-2-8c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0-6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm6 4c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z\" }));\nexport default SvgDragIndicator;\n","import { Icon } from \"../Icon\";\nimport DragIndicator from \"@servicetitan/hammer-icon/mdi/round/drag_indicator.svg\";\nimport styles from \"./DndHandle.module.scss\";\nimport cx from \"classnames\";\n\n/**\n * Props for the DndHandle component\n */\nexport type DndHandleProps = {\n  /**\n   * Additional CSS class names to apply to the drag handle.\n   */\n  className?: string;\n};\n\n/**\n * A reusable drag handle icon component for drag and drop interactions.\n *\n * Features:\n * - Standardized drag indicator icon\n * - Accessible with proper ARIA attributes\n * - Customizable styling through className prop\n * - Consistent visual appearance across applications\n * - Lightweight and performant\n * - Supports all standard HTML element props\n *\n * @example\n * <DndHandle className=\"custom-drag-handle\" />\n */\nexport function DndHandle({ className }: { className?: string }) {\n  const handleClasses = cx(styles.handle, className);\n  return (\n    <Icon svg={DragIndicator} className={handleClasses} role=\"presentation\" />\n  );\n}\n","import { ButtonCompound } from \"../ButtonCompound\";\nimport handleStyles from \"./DndHandle.module.scss\";\nimport cx from \"classnames\";\nimport { forwardRef } from \"react\";\nimport { DndHandle } from \"./DndHandle\";\n\n/**\n * Props for the DndHandleButton component\n * @extends React.ComponentPropsWithoutRef<typeof ButtonCompound>\n */\nexport interface DndHandleButtonProps\n  extends React.ComponentPropsWithoutRef<typeof ButtonCompound> {\n  /**\n   * Indicates whether the handle is currently being dragged.\n   * @default false\n   */\n  isActive?: boolean;\n}\n\n/**\n * A reusable drag handle button component for drag and drop functionality.\n *\n * Features:\n * - Interactive button with drag handle icon\n * - Visual feedback for active drag state\n * - Accessible with proper ARIA attributes (defaults to \"Drag handle\")\n * - Extends ButtonCompound functionality\n * - Customizable styling through className prop\n * - Supports all standard button props\n * - Consistent visual appearance across applications\n *\n * @example\n * <DndHandleButton\n *   isActive={isDragging}\n *   aria-label=\"Drag task item\"\n *   className=\"custom-handle-button\"\n *   onClick={handleClick}\n * />\n */\nexport const DndHandleButton = forwardRef<\n  HTMLButtonElement,\n  DndHandleButtonProps\n>(({ isActive = false, className, ...props }, ref) => {\n  const handleButtonClasses = cx(className, handleStyles[\"handle-button\"], {\n    [handleStyles[\"active\"]]: isActive,\n  });\n\n  return (\n    <ButtonCompound\n      ref={ref}\n      className={handleButtonClasses}\n      type=\"button\"\n      shape=\"rounded\"\n      aria-label=\"Drag handle\"\n      {...props}\n    >\n      <DndHandle />\n    </ButtonCompound>\n  );\n});\n\nDndHandleButton.displayName = \"DndHandleButton\";\n","import cx from \"classnames\";\n\nimport styles from \"./Dnd.module.scss\";\nimport { CSSProperties } from \"react\";\n\n/**\n * Props for the DndSortLine component\n * @extends React.ComponentPropsWithoutRef<\"div\">\n */\nexport type SortLineProps = React.ComponentPropsWithoutRef<\"div\"> & {\n  /**\n   * The offset of the line from the item. This is a CSS value, typically negative.\n   */\n  offset: string;\n  /**\n   * The orientation of the sort - Note this may be counterintuitive, as the line is rendered perpendicular to the sort.\n   */\n  orientation: \"horizontal\" | \"vertical\";\n  /**\n   * The position of the line relative to a target item.\n   */\n  position: \"before\" | \"after\";\n};\n\n/**\n * A visual indicator line that shows where an item will be dropped during drag and drop operations.\n *\n * Features:\n * - Visual feedback for drop positioning\n * - Configurable orientation (horizontal/vertical)\n * - Adjustable positioning (before/after)\n * - Customizable offset for precise placement\n * - Accessible with proper ARIA attributes\n * - Automatic CSS class management\n * - Supports all standard HTML div props\n *\n * @example\n * <DndSortLine\n *   offset=\"-10px\"\n *   orientation=\"vertical\"\n *   position=\"after\"\n *   className=\"custom-drop-line\"\n * />\n */\nexport const DndSortLine = ({\n  offset,\n  orientation,\n  position,\n  ...rest\n}: SortLineProps) => {\n  const classes = cx(\n    styles[\"drop-line\"],\n    styles[`orientation-${orientation}`],\n    styles[`position-${position}`],\n  );\n\n  return (\n    <div\n      aria-hidden\n      className={classes}\n      style={{ \"--drop-line-offset\": offset } as CSSProperties}\n      {...rest}\n    />\n  );\n};\n","import { ElementType, forwardRef, ReactNode } from \"react\";\nimport cx from \"classnames\";\n\nimport styles from \"./Dnd.module.scss\";\n\n/**\n * Props for the DndZone component\n * @extends Omit<React.ComponentPropsWithoutRef<T>, \"el\" | \"ref\">\n */\nexport type DndZoneProps<T extends ElementType = \"div\"> = {\n  /**\n   * The HTML element type to render. Can be any valid HTML element or React component.\n   * @default \"div\"\n   */\n  el?: T;\n  /**\n   * The content to be rendered inside the drop zone.\n   */\n  children?: ReactNode;\n  /**\n   * Additional CSS class names to apply to the drop zone.\n   */\n  className?: string;\n  /**\n   * Indicates whether a draggable item is currently over this drop zone.\n   */\n  isOver: boolean;\n  /**\n   * Indicates whether the current drag operation is valid for this drop zone.\n   */\n  isValid: boolean;\n  /**\n   * Indicates whether any item is currently being dragged.\n   */\n  isDragging: boolean;\n} & Omit<React.ComponentPropsWithoutRef<T>, \"el\" | \"ref\">;\n\n/**\n * Base styling component for drop zones that handles visual states and styling.\n *\n * Features:\n * - Configurable HTML element rendering with the 'el' prop\n * - Visual feedback for drag states (over, valid, dragging)\n * - Automatic CSS class management based on drag state\n * - Supports all standard HTML element props\n * - Accessible with proper ARIA attributes\n * - Flexible styling through className prop\n * - Responsive design that adapts to container\n *\n * @example\n * <DndZone\n *   isOver={isOver}\n *   isValid={isValid}\n *   isDragging={isDragging}\n *   className=\"custom-drop-zone\"\n * >\n *   Drop items here\n * </DndZone>\n */\nexport const DndZone = forwardRef<HTMLDivElement, DndZoneProps<ElementType>>(\n  (\n    {\n      el: Component = \"div\" as ElementType,\n      children,\n      className,\n      isDragging,\n      isOver,\n      isValid,\n      ...rest\n    },\n    ref,\n  ) => {\n    const classes = cx(className, {\n      [styles[\"drop-zone\"]]: true,\n      [styles[\"over-valid\"]]: isDragging && isOver && isValid,\n      [styles[\"over-invalid\"]]: isDragging && isOver && !isValid,\n      [styles[\"active-not-over\"]]: isDragging && !isOver,\n    });\n\n    return (\n      <Component ref={ref} className={classes} {...rest}>\n        {children}\n      </Component>\n    );\n  },\n);\n\nDndZone.displayName = \"DndZoneBase\";\n","import { DndHandle } from \"./DndHandle\";\nimport { DndHandleButton } from \"./DndHandleButton\";\nimport { DndSortLine } from \"./DndSortLine\";\nimport { DndZone } from \"./DndZone\";\n\nexport const Dnd = {\n  Handle: DndHandle,\n  HandleButton: DndHandleButton,\n  SortLine: DndSortLine,\n  Zone: DndZone,\n};\n"],"names":["styles","DragIndicator"],"mappings":"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"}
+{"version":3,"file":"index-ByMdotWU.js","sources":["../../hammer-icon/mdi/round/drag_indicator.svg","../src/components/Dnd/DndHandle.tsx","../src/components/Dnd/DndHandleButton.tsx","../src/components/Dnd/DndSortLine.tsx","../src/components/Dnd/DndZone.tsx","../src/components/Dnd/index.ts"],"sourcesContent":["import * as React from \"react\";\nconst SvgDragIndicator = (props) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M11 18c0 1.1-.9 2-2 2s-2-.9-2-2 .9-2 2-2 2 .9 2 2zm-2-8c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0-6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm6 4c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z\" }));\nexport default SvgDragIndicator;\n","import { Icon } from \"../Icon\";\nimport DragIndicator from \"@servicetitan/hammer-icon/mdi/round/drag_indicator.svg\";\nimport styles from \"./DndHandle.module.scss\";\nimport cx from \"classnames\";\n\n/**\n * Props for the DndHandle component\n */\nexport type DndHandleProps = {\n  /**\n   * Additional CSS class names to apply to the drag handle.\n   */\n  className?: string;\n};\n\n/**\n * A reusable drag handle icon component for drag and drop interactions.\n *\n * Features:\n * - Standardized drag indicator icon\n * - Accessible with proper ARIA attributes\n * - Customizable styling through className prop\n * - Consistent visual appearance across applications\n * - Lightweight and performant\n * - Supports all standard HTML element props\n *\n * @example\n * <DndHandle className=\"custom-drag-handle\" />\n */\nexport function DndHandle({ className }: { className?: string }) {\n  const handleClasses = cx(styles.handle, className);\n  return (\n    <Icon svg={DragIndicator} className={handleClasses} role=\"presentation\" />\n  );\n}\n","import { ButtonCompound } from \"../ButtonCompound\";\nimport handleStyles from \"./DndHandle.module.scss\";\nimport cx from \"classnames\";\nimport { forwardRef } from \"react\";\nimport { DndHandle } from \"./DndHandle\";\n\n/**\n * Props for the DndHandleButton component\n * @extends React.ComponentPropsWithoutRef<typeof ButtonCompound>\n */\nexport interface DndHandleButtonProps\n  extends React.ComponentPropsWithoutRef<typeof ButtonCompound> {\n  /**\n   * Indicates whether the handle is currently being dragged.\n   * @default false\n   */\n  isActive?: boolean;\n}\n\n/**\n * A reusable drag handle button component for drag and drop functionality.\n *\n * Features:\n * - Interactive button with drag handle icon\n * - Visual feedback for active drag state\n * - Accessible with proper ARIA attributes (defaults to \"Drag handle\")\n * - Extends ButtonCompound functionality\n * - Customizable styling through className prop\n * - Supports all standard button props\n * - Consistent visual appearance across applications\n *\n * @example\n * <DndHandleButton\n *   isActive={isDragging}\n *   aria-label=\"Drag task item\"\n *   className=\"custom-handle-button\"\n *   onClick={handleClick}\n * />\n */\nexport const DndHandleButton = forwardRef<\n  HTMLButtonElement,\n  DndHandleButtonProps\n>(({ isActive = false, className, ...props }, ref) => {\n  const handleButtonClasses = cx(className, handleStyles[\"handle-button\"], {\n    [handleStyles[\"active\"]]: isActive,\n  });\n\n  return (\n    <ButtonCompound\n      ref={ref}\n      className={handleButtonClasses}\n      type=\"button\"\n      shape=\"rounded\"\n      aria-label=\"Drag handle\"\n      {...props}\n    >\n      <DndHandle />\n    </ButtonCompound>\n  );\n});\n\nDndHandleButton.displayName = \"DndHandleButton\";\n","import cx from \"classnames\";\n\nimport styles from \"./Dnd.module.scss\";\nimport { CSSProperties } from \"react\";\n\n/**\n * Props for the DndSortLine component\n * @extends React.ComponentPropsWithoutRef<\"div\">\n */\nexport type SortLineProps = React.ComponentPropsWithoutRef<\"div\"> & {\n  /**\n   * The offset of the line from the item. This is a CSS value, typically negative.\n   */\n  offset: string;\n  /**\n   * The orientation of the sort - Note this may be counterintuitive, as the line is rendered perpendicular to the sort.\n   */\n  orientation: \"horizontal\" | \"vertical\";\n  /**\n   * The position of the line relative to a target item.\n   */\n  position: \"before\" | \"after\";\n};\n\n/**\n * A visual indicator line that shows where an item will be dropped during drag and drop operations.\n *\n * Features:\n * - Visual feedback for drop positioning\n * - Configurable orientation (horizontal/vertical)\n * - Adjustable positioning (before/after)\n * - Customizable offset for precise placement\n * - Accessible with proper ARIA attributes\n * - Automatic CSS class management\n * - Supports all standard HTML div props\n *\n * @example\n * <DndSortLine\n *   offset=\"-10px\"\n *   orientation=\"vertical\"\n *   position=\"after\"\n *   className=\"custom-drop-line\"\n * />\n */\nexport const DndSortLine = ({\n  offset,\n  orientation,\n  position,\n  ...rest\n}: SortLineProps) => {\n  const classes = cx(\n    styles[\"drop-line\"],\n    styles[`orientation-${orientation}`],\n    styles[`position-${position}`],\n  );\n\n  return (\n    <div\n      aria-hidden\n      className={classes}\n      style={{ \"--a2-inline-drop-line-offset\": offset } as CSSProperties}\n      {...rest}\n    />\n  );\n};\n","import { ElementType, forwardRef, ReactNode } from \"react\";\nimport cx from \"classnames\";\n\nimport styles from \"./Dnd.module.scss\";\n\n/**\n * Props for the DndZone component\n * @extends Omit<React.ComponentPropsWithoutRef<T>, \"el\" | \"ref\">\n */\nexport type DndZoneProps<T extends ElementType = \"div\"> = {\n  /**\n   * The HTML element type to render. Can be any valid HTML element or React component.\n   * @default \"div\"\n   */\n  el?: T;\n  /**\n   * The content to be rendered inside the drop zone.\n   */\n  children?: ReactNode;\n  /**\n   * Additional CSS class names to apply to the drop zone.\n   */\n  className?: string;\n  /**\n   * Indicates whether a draggable item is currently over this drop zone.\n   */\n  isOver: boolean;\n  /**\n   * Indicates whether the current drag operation is valid for this drop zone.\n   */\n  isValid: boolean;\n  /**\n   * Indicates whether any item is currently being dragged.\n   */\n  isDragging: boolean;\n} & Omit<React.ComponentPropsWithoutRef<T>, \"el\" | \"ref\">;\n\n/**\n * Base styling component for drop zones that handles visual states and styling.\n *\n * Features:\n * - Configurable HTML element rendering with the 'el' prop\n * - Visual feedback for drag states (over, valid, dragging)\n * - Automatic CSS class management based on drag state\n * - Supports all standard HTML element props\n * - Accessible with proper ARIA attributes\n * - Flexible styling through className prop\n * - Responsive design that adapts to container\n *\n * @example\n * <DndZone\n *   isOver={isOver}\n *   isValid={isValid}\n *   isDragging={isDragging}\n *   className=\"custom-drop-zone\"\n * >\n *   Drop items here\n * </DndZone>\n */\nexport const DndZone = forwardRef<HTMLDivElement, DndZoneProps<ElementType>>(\n  (\n    {\n      el: Component = \"div\" as ElementType,\n      children,\n      className,\n      isDragging,\n      isOver,\n      isValid,\n      ...rest\n    },\n    ref,\n  ) => {\n    const classes = cx(className, {\n      [styles[\"drop-zone\"]]: true,\n      [styles[\"over-valid\"]]: isDragging && isOver && isValid,\n      [styles[\"over-invalid\"]]: isDragging && isOver && !isValid,\n      [styles[\"active-not-over\"]]: isDragging && !isOver,\n    });\n\n    return (\n      <Component ref={ref} className={classes} {...rest}>\n        {children}\n      </Component>\n    );\n  },\n);\n\nDndZone.displayName = \"DndZoneBase\";\n","import { DndHandle } from \"./DndHandle\";\nimport { DndHandleButton } from \"./DndHandleButton\";\nimport { DndSortLine } from \"./DndSortLine\";\nimport { DndZone } from \"./DndZone\";\n\nexport const Dnd = {\n  Handle: DndHandle,\n  HandleButton: DndHandleButton,\n  SortLine: DndSortLine,\n  Zone: DndZone,\n};\n"],"names":["styles","DragIndicator"],"mappings":";;;;;;;AACA,MAAM,gBAAgB,GAAG,CAAC,KAAK,qBAAqB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,4BAA4B,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,kBAAkB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,qSAAqS,EAAE,CAAC,CAAC;;;;;;;;;;AC4BxgB,SAAS,SAAA,CAAU,EAAE,SAAA,EAAU,EAA2B;AAC/D,EAAA,MAAM,aAAA,GAAgB,EAAA,CAAGA,YAAA,CAAO,MAAA,EAAQ,SAAS,CAAA;AACjD,EAAA,2BACG,IAAA,EAAA,EAAK,GAAA,EAAKC,kBAAe,SAAA,EAAW,aAAA,EAAe,MAAK,cAAA,EAAe,CAAA;AAE5E;;ACKO,MAAM,eAAA,GAAkB,UAAA,CAG7B,CAAC,EAAE,QAAA,GAAW,OAAO,SAAA,EAAW,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AACpD,EAAA,MAAM,mBAAA,GAAsB,EAAA,CAAG,SAAA,EAAW,YAAA,CAAa,eAAe,CAAA,EAAG;AAAA,IACvE,CAAC,YAAA,CAAa,QAAQ,CAAC,GAAG;AAAA,GAC3B,CAAA;AAED,EAAA,uBACE,GAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,mBAAA;AAAA,MACX,IAAA,EAAK,QAAA;AAAA,MACL,KAAA,EAAM,SAAA;AAAA,MACN,YAAA,EAAW,aAAA;AAAA,MACV,GAAG,KAAA;AAAA,MAEJ,8BAAC,SAAA,EAAA,EAAU;AAAA;AAAA,GACb;AAEJ,CAAC;AAED,eAAA,CAAgB,WAAA,GAAc,iBAAA;;;;;;;;;;;;;;;;ACjBvB,MAAM,cAAc,CAAC;AAAA,EAC1B,MAAA;AAAA,EACA,WAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG;AACL,CAAA,KAAqB;AACnB,EAAA,MAAM,OAAA,GAAU,EAAA;AAAA,IACd,OAAO,WAAW,CAAA;AAAA,IAClB,MAAA,CAAO,CAAA,YAAA,EAAe,WAAW,CAAA,CAAE,CAAA;AAAA,IACnC,MAAA,CAAO,CAAA,SAAA,EAAY,QAAQ,CAAA,CAAE;AAAA,GAC/B;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,aAAA,EAAW,IAAA;AAAA,MACX,SAAA,EAAW,OAAA;AAAA,MACX,KAAA,EAAO,EAAE,8BAAA,EAAgC,MAAA,EAAO;AAAA,MAC/C,GAAG;AAAA;AAAA,GACN;AAEJ;;ACLO,MAAM,OAAA,GAAU,UAAA;AAAA,EACrB,CACE;AAAA,IACE,IAAI,SAAA,GAAY,KAAA;AAAA,IAChB,QAAA;AAAA,IACA,SAAA;AAAA,IACA,UAAA;AAAA,IACA,MAAA;AAAA,IACA,OAAA;AAAA,IACA,GAAG;AAAA,KAEL,GAAA,KACG;AACH,IAAA,MAAM,OAAA,GAAU,GAAG,SAAA,EAAW;AAAA,MAC5B,CAAC,MAAA,CAAO,WAAW,CAAC,GAAG,IAAA;AAAA,MACvB,CAAC,MAAA,CAAO,YAAY,CAAC,GAAG,cAAc,MAAA,IAAU,OAAA;AAAA,MAChD,CAAC,MAAA,CAAO,cAAc,CAAC,GAAG,UAAA,IAAc,UAAU,CAAC,OAAA;AAAA,MACnD,CAAC,MAAA,CAAO,iBAAiB,CAAC,GAAG,cAAc,CAAC;AAAA,KAC7C,CAAA;AAED,IAAA,2BACG,SAAA,EAAA,EAAU,GAAA,EAAU,WAAW,OAAA,EAAU,GAAG,MAC1C,QAAA,EACH,CAAA;AAAA,EAEJ;AACF,CAAA;AAEA,OAAA,CAAQ,WAAA,GAAc,aAAA;;AClFf,MAAM,GAAA,GAAM;AAAA,EACjB,MAAA,EAAQ,SAAA;AAAA,EACR,YAAA,EAAc,eAAA;AAAA,EACd,QAAA,EAAU,WAAA;AAAA,EACV,IAAA,EAAM;AACR;;;;"}

package/dist/index.css

@@ -1,129 +1,101 @@
-@layer starter, reset, base, state, application;
-@layer reset {
-  ._handle_z85jk_2 {
-    all: unset;
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    padding: 0.5rem;
-  }
-  ._handle-button_z85jk_9 {
-    all: unset;
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-  }
+.anvil2{@layer starter, reset, base, state, application;/* Base */._handle_1e7c4_2 {
+  align-items: center;
+  all: unset;
+  display: inline-flex;
+  justify-content: center;
+  padding: var(--a2-size-2, 0.5rem);
+}._handle-button_1e7c4_10 {
+  --a2-mod-button-background-color: transparent;
+  --a2-mod-button-border-width: 0;
+  --a2-mod-button-cursor: var(--a2-mod-dnd-handle-cursor, grab);
+  --a2-mod-button-height: auto;
+  --a2-mod-button-min-width: auto;
+  --a2-mod-button-padding-block-end: 0;
+  --a2-mod-button-padding-block-start: 0;
+  --a2-mod-button-padding-inline-end: 0;
+  --a2-mod-button-padding-inline-start: 0;
+  --a2-mod-button-width: auto;
+  touch-action: none;
+}/* State */._active_1e7c4_25 {
+  --a2-mod-dnd-handle-cursor: grabbing;
 }
-@layer base {
-  ._handle-button_z85jk_9 {
-    cursor: grab;
-    touch-action: none;
-    border: none;
-  }
+}.anvil2{@layer starter, reset, base, state, application;/* Base */._drag-preview_1uufp_2 {
+  --a2-mod-dnd-drag-preview-cursor: no-drop;
+  --a2-mod-dnd-drag-preview-shadow-color: var(--a2-dnd-drag-preview-shadow-color, var(--a2-shadow-color-default, light-dark(rgba(26, 26, 26, 0.0784313725), rgba(255, 255, 255, 0.0784313725))));
+  cursor: var(--a2-mod-dnd-drag-preview-cursor);
+  opacity: 0.8;
+}._drag-preview_1uufp_2 > * {
+  box-shadow: var(--a2-shadow-size-overlay, var(--a2-size-0, 0rem) var(--a2-size-2, 0.5rem) var(--a2-size-6, 1.5rem)) var(--a2-mod-dnd-drag-preview-shadow-color);
+}._drop-line_1uufp_12 {
+  --a2-mod-dnd-drop-line-background-color: var(--a2-dnd-drop-line-background-color, var(--a2-background-color-success, var(--a2-status-color-success, light-dark(var(--a2-color-green-600, #077e50), var(--a2-color-green-400, #0bd085)))));
+  --a2-mod-dnd-drop-line-display: block;
+  --a2-mod-dnd-drop-line-indicator-background-color: var(--a2-dnd-drop-line-indicator-background-color, var(--a2-background-color-default, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
+  --a2-mod-dnd-drop-line-indicator-border-color: var(--a2-dnd-drop-line-indicator-border-color, var(--a2-border-color-success, light-dark(var(--a2-color-green-600, #077e50), var(--a2-color-green-200, #70ebbc))));
+  all: unset;
+  font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
+  font-size: 100%;
+  color: inherit;
+  margin: 0;
+  padding: 0;
+  border-style: none;
+  border-width: 0;
+  border-color: transparent;
+  box-sizing: border-box;
+  display: flex;
+  background-color: var(--a2-mod-dnd-drop-line-background-color);
+  display: var(--a2-mod-dnd-drop-line-display);
+  flex: 0 0 2px;
+  position: absolute;
+}._drop-line_1uufp_12::before {
+  background-color: var(--a2-mod-dnd-drop-line-indicator-background-color);
+  border: 2px solid var(--a2-mod-dnd-drop-line-indicator-border-color);
+  border-radius: 100%;
+  content: " ";
+  height: 4px;
+  position: absolute;
+  width: 4px;
+}/* Orientation modifiers */._orientation-horizontal_1uufp_44 {
+  height: 100%;
+  width: 2px;
+}._orientation-horizontal_1uufp_44::before {
+  left: -3px;
+  top: -3px;
+}._orientation-vertical_1uufp_53 {
+  height: 2px;
+  width: 100%;
+}._orientation-vertical_1uufp_53::before {
+  left: -3px;
+  top: -3px;
+}._drop-zone_1uufp_62 {
+  --a2-mod-dnd-drop-zone-background: transparent;
+  background: var(--a2-mod-dnd-drop-zone-background);
+  position: relative;
+}/* Position modifiers */._position-before_1uufp_69._orientation-horizontal_1uufp_44 {
+  left: calc(var(--a2-inline-drop-line-offset) - 1px);
+  top: 0;
+}._position-after_1uufp_74._orientation-horizontal_1uufp_44 {
+  right: calc(var(--a2-inline-drop-line-offset) - 1px);
+  top: 0;
+}._position-before_1uufp_69._orientation-vertical_1uufp_53 {
+  top: calc(var(--a2-inline-drop-line-offset) - 1px);
+}._position-after_1uufp_74._orientation-vertical_1uufp_53 {
+  bottom: calc(var(--a2-inline-drop-line-offset) - 1px);
+}/* State modifiers */._can-be-dropped_1uufp_88 {
+  --a2-mod-dnd-drag-preview-cursor: grabbing;
+}._can-be-dropped_1uufp_88 button {
+  cursor: grabbing;
+}._active-not-over_1uufp_95 {
+  --a2-mod-dnd-drop-line-display: none;
+  --a2-mod-dnd-drop-zone-background: var(--a2-dnd-drop-zone-active-not-over-background-color, var(--a2-background-color-primary-subdued, light-dark(var(--a2-color-blue-50, #e6f1ff), rgba(112, 177, 255, 0.2))));
+  border: var(--a2-border-width-strong, var(--a2-size-half, 0.125rem)) dashed var(--a2-dnd-drop-zone-active-not-over-border-color, var(--a2-border-color-primary, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-200, #9ecaff)))) !important;
+}._over-valid_1uufp_101 {
+  --a2-mod-dnd-drop-zone-background: var(--a2-dnd-drop-zone-over-valid-background-color, var(--a2-background-color-success-subdued, light-dark(var(--a2-color-green-50, #d3fded), rgba(59, 227, 162, 0.2))));
+  border: var(--a2-border-width-strong, var(--a2-size-half, 0.125rem)) solid var(--a2-dnd-drop-zone-over-valid-border-color, var(--a2-border-color-success, light-dark(var(--a2-color-green-600, #077e50), var(--a2-color-green-200, #70ebbc)))) !important;
+}._over-invalid_1uufp_106 {
+  --a2-mod-dnd-drop-line-display: none;
+  --a2-mod-dnd-drop-zone-background: var(--a2-dnd-drop-zone-over-invalid-background-color, var(--a2-background-color-danger-subdued, light-dark(var(--a2-color-red-50, #ffe9e5), rgba(255, 134, 112, 0.2))));
+  border: var(--a2-border-width-strong, var(--a2-size-half, 0.125rem)) dashed var(--a2-dnd-drop-zone-over-invalid-border-color, var(--a2-border-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-200, #ffac9e)))) !important;
+}._over-invalid_1uufp_106 ~ ._drag-preview_1uufp_2 {
+  cursor: no-drop;
 }
-@layer state {
-  ._handle-button_z85jk_9._active_z85jk_24 {
-    cursor: grabbing;
-  }
-}@layer starter, reset, base, state, application;
-@layer starter, reset, base, state, application;
-@layer reset {
-  ._drop-line_k30eq_3 {
-    all: unset;
-    font-family: var(--font-family-base, "Nunito Sans", sans-serif);
-    font-size: 100%;
-    color: var(--foreground-color, #141414);
-    margin: 0;
-    padding: 0;
-    border-style: none;
-    border-width: 0;
-    border-color: transparent;
-    box-sizing: border-box;
-    display: flex;
-  }
-}
-@layer base {
-  ._drag-preview_k30eq_18 {
-    opacity: 0.8;
-    cursor: no-drop;
-  }
-  ._drop-line_k30eq_3 {
-    flex: 0 0 2px;
-    background-color: var(--background-color-success, #007A4D);
-    position: absolute;
-  }
-  ._drop-line_k30eq_3::before {
-    content: " ";
-    height: 4px;
-    width: 4px;
-    position: absolute;
-    border-radius: 100%;
-    border: 2px solid var(--border-color-success, #007A4D);
-    background-color: var(--background-color, #ffffff);
-  }
-  ._drop-line_k30eq_3._orientation-horizontal_k30eq_36 {
-    height: 100%;
-    width: 2px;
-  }
-  ._drop-line_k30eq_3._orientation-horizontal_k30eq_36._position-before_k30eq_40 {
-    left: calc(var(--drop-line-offset) - 1px);
-    top: 0;
-  }
-  ._drop-line_k30eq_3._orientation-horizontal_k30eq_36._position-after_k30eq_44 {
-    right: calc(var(--drop-line-offset) - 1px);
-    top: 0;
-  }
-  ._drop-line_k30eq_3._orientation-horizontal_k30eq_36::before {
-    left: -3px;
-    top: -3px;
-  }
-  ._drop-line_k30eq_3._orientation-vertical_k30eq_52 {
-    width: 100%;
-    height: 2px;
-  }
-  ._drop-line_k30eq_3._orientation-vertical_k30eq_52::before {
-    left: -3px;
-    top: -3px;
-  }
-  ._drop-line_k30eq_3._orientation-vertical_k30eq_52._position-before_k30eq_40 {
-    top: calc(var(--drop-line-offset) - 1px);
-  }
-  ._drop-line_k30eq_3._orientation-vertical_k30eq_52._position-after_k30eq_44 {
-    bottom: calc(var(--drop-line-offset) - 1px);
-  }
-  ._drop-zone_k30eq_66 {
-    position: relative;
-  }
-}
-@layer state {
-  ._drag-preview_k30eq_18._can-be-dropped_k30eq_71,
-  ._drag-preview_k30eq_18._can-be-dropped_k30eq_71 button {
-    cursor: grabbing;
-  }
-  ._drop-zone_k30eq_66._active-not-over_k30eq_75 {
-    background: var(--background-color-primary-subdued, #E0F2FF) !important;
-    border: 0.125rem dashed var(--border-color-primary, #0265DC) !important;
-  }
-  ._drop-zone_k30eq_66._active-not-over_k30eq_75 ._drop-line_k30eq_3 {
-    display: none;
-  }
-  ._drop-zone_k30eq_66._over-valid_k30eq_82 {
-    background: var(--background-color-success-subdued, #CEF8E0) !important;
-    border: 0.125rem solid var(--border-color-success, #007A4D) !important;
-  }
-  ._drop-zone_k30eq_66._over-invalid_k30eq_86 {
-    background: var(--background-color-danger-subdued, #ffece9) !important;
-    border: 0.125rem dashed var(--border-color-danger, #e13212) !important;
-  }
-  ._drop-zone_k30eq_66._over-invalid_k30eq_86 ._drop-line_k30eq_3 {
-    display: none;
-  }
-  ._drop-zone_k30eq_66._over-invalid_k30eq_86 ~ ._drag-preview_k30eq_18 {
-    cursor: no-drop;
-  }
-}
-@layer application {
-  ._drag-preview_k30eq_18 > * {
-    box-shadow: 0rem 0.5rem 1.5rem var(--shadow-color, rgba(20, 20, 20, 0.0784313725));
-  }
 }

package/dist/index.js

@@ -1,89 +1,89 @@
 import './index2.css';export { DndSort, DndSortCard, DndSortZone } from './DndSort.js';
-export { A as Alert } from './Alert-Dj61Bq8h.js';
-import { P as Popover } from './AiMark-DR-w6Nbm.js';
-export { A as AiMark } from './AiMark-DR-w6Nbm.js';
-export { A as Announcement } from './Announcement-B9zm-_1S.js';
-export { A as Avatar } from './Avatar-ChybzixS.js';
-export { A as AvatarGroup } from './Avatar-BckUfs1N.js';
-export { B as Badge } from './Badge-C2W7Dls9.js';
-export { B as Breadcrumbs } from './Breadcrumbs-ojgYVZwe.js';
-import { B as Button } from './Button-BdrrhBTI.js';
-export { B as ButtonCompound } from './ButtonCompound-Cmw3cgMY.js';
-import { B as ButtonLink } from './ButtonLink-BJKTJER8.js';
-import { B as ButtonToggle } from './ButtonToggle-DaFQ3DBG.js';
-export { a as Calendar, g as CalendarMonth, f as CalendarMonthButton, e as CalendarNext, b as CalendarNow, d as CalendarPrev, c as CalendarYearButton } from './Calendar-Dxl9QnfP.js';
-export { C as Card } from './Card-wz71dEVA.js';
-export { C as Checkbox } from './Checkbox-Cw1-KFvq.js';
-export { C as Chip } from './Chip-Ce0WGKAc.js';
-export { C as Combobox, a as ComboboxElement, c as ComboboxList, b as ComboboxSelect } from './Combobox-CNQUROyr.js';
+export { A as Alert } from './Alert-DmbqtMg_.js';
+import { P as Popover } from './AiMark-B1-M3ZgP.js';
+export { A as AiMark } from './AiMark-B1-M3ZgP.js';
+export { A as Announcement } from './Announcement-_C5g2Lzm.js';
+export { A as Avatar } from './Avatar-NbFc4Ovc.js';
+export { A as AvatarGroup } from './Avatar-B4hRHku9.js';
+export { B as Badge } from './Badge-C_wTvtnB.js';
+export { B as Breadcrumbs } from './Breadcrumbs-CYmciJ1D.js';
+import { B as Button } from './Button-Bnt8XUI7.js';
+export { B as ButtonCompound } from './ButtonCompound-DsrK7G3q.js';
+import { B as ButtonLink } from './ButtonLink-j3h_wRNi.js';
+import { B as ButtonToggle } from './ButtonToggle-Ct9_5bhC.js';
+export { a as Calendar, g as CalendarMonth, f as CalendarMonthButton, e as CalendarNext, b as CalendarNow, d as CalendarPrev, c as CalendarYearButton } from './Calendar-CaCMa_jq.js';
+export { C as Card } from './Card-DSFuXUGk.js';
+export { C as Checkbox } from './Checkbox-Ckl8EFpF.js';
+export { C as Chip } from './Chip-CR5i8mQW.js';
+export { C as Combobox, a as ComboboxElement, c as ComboboxList, b as ComboboxSelect } from './Combobox-BffGTugd.js';
 export { u as useInfiniteCombobox } from './useInfiniteCombobox-WcRgC9p6.js';
-export { D as DateFieldRange } from './DateFieldRange-D2hnF50O.js';
-export { D as DateFieldSingle } from './DateFieldSingle-BuaB7RDr.js';
-export { D as DateFieldYearless } from './DateFieldYearless-DLeMEutt.js';
-export { D as DateFieldYearlessRange } from './DateFieldYearlessRange-BfPuYKKC.js';
-export { D as DaysOfTheWeek } from './DaysOfTheWeek-BW1T8sTU.js';
-export { D as Details } from './Details-CZOIpNP_.js';
-export { D as Dialog } from './Dialog-Cewu2pd_.js';
-export { D as Divider } from './Divider-B1UoK8ho.js';
-export { D as Dnd } from './index-D6ag_WQW.js';
-export { D as Drawer } from './Drawer-Cb5asXWf.js';
-export { D as DrillDown, b as DrillDownContent, c as DrillDownFooter, a as DrillDownHeader, d as DrillDownNextButton, e as DrillDownPrevButton, u as useDrillDown } from './useDrilldown-D6VZNSCX.js';
-export { E as EditCard } from './EditCard-DlJE3LXN.js';
-export { F as FieldLabel } from './FieldLabel-HO2VP-4B.js';
+export { D as DateFieldRange } from './DateFieldRange-DPTC3EZz.js';
+export { D as DateFieldSingle } from './DateFieldSingle-w1G-zd9G.js';
+export { D as DateFieldYearless } from './DateFieldYearless-DHNVc7Sd.js';
+export { D as DateFieldYearlessRange } from './DateFieldYearlessRange-C5ktVUgG.js';
+export { D as DaysOfTheWeek } from './DaysOfTheWeek-BubWkBZ0.js';
+export { D as Details } from './Details-DYRJcLWL.js';
+export { D as Dialog } from './Dialog-DGmF6qx3.js';
+export { D as Divider } from './Divider-Ds3WKsKa.js';
+export { D as Dnd } from './index-ByMdotWU.js';
+export { D as Drawer } from './Drawer-iewBy1DW.js';
+export { D as DrillDown, b as DrillDownContent, c as DrillDownFooter, a as DrillDownHeader, d as DrillDownNextButton, e as DrillDownPrevButton, u as useDrillDown } from './useDrilldown-D5WWJRU2.js';
+export { E as EditCard } from './EditCard-D7-Ye7R0.js';
+export { F as FieldLabel } from './FieldLabel-DZWu5dMp.js';
 export { w as warnDeprecatedErrorUsage } from './utils-CM48ODEJ.js';
-export { F as FieldMessage } from './FieldMessage-COHqUdj5.js';
-import { F as Flex } from './Flex-WyyZm1bf.js';
-export { G as Grid } from './Grid-DeYIx5k4.js';
-import { I as Icon } from './Icon-DuIlne4x.js';
-export { I as InputMask } from './InputMask-CLLTehFI.js';
-export { L as Layout, b as LayoutElement, a as LayoutItem } from './Layout-CISAxILX.js';
-export { L as Link, u as useLinkStyles } from './Link-jTvzyXca.js';
-export { L as LinkButton } from './LinkButton-DGyHR1E7.js';
-export { L as List } from './List--KhCpjZn.js';
-import { L as Listbox } from './Listbox-Bp4hqIpH.js';
-export { L as ListView, a as ListViewOption, b as ListViewOptionCell } from './ListView-CPi-qG2w.js';
-export { M as Menu } from './Menu-CCavGohP.js';
-export { N as NumberField } from './NumberField-CZSTHBeO.js';
+export { F as FieldMessage } from './FieldMessage-DzxfodaI.js';
+import { F as Flex } from './Flex-DOUtHiPi.js';
+export { G as Grid } from './Grid-B1VVssDD.js';
+export { I as Icon } from './Icon-BMMbp40n.js';
+export { I as InputMask } from './InputMask-EwEJlW-t.js';
+export { L as Layout, b as LayoutElement, a as LayoutItem } from './Layout-C2Q2hyLG.js';
+export { L as Link, u as useLinkStyles } from './Link-BUgivkGS.js';
+export { L as LinkButton } from './LinkButton-CuHSdGdj.js';
+export { L as List } from './List-BXyHWQ9e.js';
+import { L as Listbox } from './Listbox-DDlxpVu9.js';
+export { L as ListView, a as ListViewOption, b as ListViewOptionCell } from './ListView-DBO9Bl1H.js';
+export { M as Menu } from './Menu-wpTyUDac.js';
+export { N as NumberField } from './NumberField-DJbdyatF.js';
 export { Overflow, OverflowText } from './Overflow.js';
-export { P as Page } from './Page-BHdvTlfE.js';
-export { P as Pagination } from './Pagination-DecGSuW4.js';
-export { P as Popover } from './Popover-BbqTZw-1.js';
-export { P as ProgressBar } from './ProgressBar-CZcxkdX6.js';
-export { R as Radio } from './Radio-BFr8AdHc.js';
-export { S as SearchField } from './SearchField-im7AHGYo.js';
-export { S as SegmentedControl, a as SegmentedControlSegment } from './SegmentedControl-B9NWUF7s.js';
-export { S as SelectCard } from './SelectCard-DVcWJRbX.js';
-export { S as SelectTrigger } from './SelectTrigger-DhKYzEAr.js';
-export { S as SideNav } from './SideNav-CrxYExjh.js';
+export { P as Page } from './Page-Be1Blwme.js';
+export { P as Pagination } from './Pagination-USDJM5vi.js';
+export { P as Popover } from './Popover-CyB7yzSf.js';
+export { P as ProgressBar } from './ProgressBar-DSrjgLTx.js';
+export { R as Radio } from './Radio-CQaXJ72d.js';
+export { S as SearchField } from './SearchField-CsRGYZx3.js';
+export { S as SegmentedControl, a as SegmentedControlSegment } from './SegmentedControl-Chhqyyra.js';
+export { S as SelectCard } from './SelectCard-CtXwY8FZ.js';
+export { S as SelectTrigger } from './SelectTrigger-BWN3Tx43.js';
+export { S as SideNav } from './SideNav-CZRVOSbt.js';
 export { Skeleton, SkeletonCircle, SkeletonPill, SkeletonRectangle, SkeletonText } from './Skeleton.js';
-export { S as Spinner } from './Spinner-BqmcE2pb.js';
-export { S as SrOnly } from './SrOnly-eUpYGpAT.js';
-export { S as Stepper } from './Stepper-Dt2xAXth.js';
-export { S as Switch } from './Switch-C84MBChG.js';
-export { T as Tab } from './Tab-BZpTCG0i.js';
-export { T as Text } from './Text-WiS8UZkY.js';
-export { T as Textarea } from './Textarea-CCYLsJ1x.js';
-export { T as TextField } from './TextField-OznkTx4e.js';
-export { T as TimeField } from './TimeField-BPvPbD8H.js';
-export { T as Toaster } from './Toaster-CIaIvwH6.js';
-export { t as toast } from './Toaster-DYJm06Vb.js';
+export { S as Spinner } from './Spinner-lPMo68yW.js';
+export { S as SrOnly } from './SrOnly-pnf8ajnh.js';
+export { S as Stepper } from './Stepper-CYY64NU1.js';
+export { S as Switch } from './Switch-DeBu4Ucg.js';
+export { T as Tab } from './Tab-CewPzmuK.js';
+export { T as Text } from './Text-J5YtSSXY.js';
+export { T as Textarea } from './Textarea-CxXmr_Gx.js';
+export { T as TextField } from './TextField-YlMkDHp-.js';
+export { T as TimeField } from './TimeField-DTg0CE5L.js';
+export { T as Toaster } from './Toaster-Dly3rfva.js';
+export { t as toast } from './Toaster-Bq42x6Gx.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { createContext, useContext, useId, useRef, useCallback, useEffect, forwardRef, useState, useMemo } from 'react';
 import { c as cx } from './index-De1g9FRV.js';
-import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DMDdfIah.js';
+import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-CB_zHDbW.js';
 import { u as useMergeRefs } from './useMergeRefs-Dfmtq9cI.js';
-import { T as Tooltip } from './Tooltip-C1PBRnJv.js';
+import { T as Tooltip } from './Tooltip-BlStOXN3.js';
 export { u as useAccessibleColor } from './useAccessibleColor-BYKjkGRg.js';
-export { u as useBreakpoint } from './useBreakpoint-okJ64T1D.js';
+export { u as useBreakpoint } from './useBreakpoint-CeaUyHxh.js';
 export { u as usePrefersColorScheme } from './usePrefersColorScheme-_hT7dK7_.js';
 export { u as usePrefersReducedMotion } from './usePrefersReducedMotion-DR9B_D6w.js';
 export { u as useSwipe } from './useSwipe-Cp-CJxLU.js';
 import { useTrackingId } from './useTrackingId.js';
-export { A as AnvilProvider, a as AnvilProviderContext } from './AnvilProvider-DUPYyMc7.js';
-export { L as LocalizationProvider } from './LocalizationProvider-DWCyga_d.js';
+export { A as AnvilProvider, a as AnvilProviderContext } from './AnvilProvider-JXEbeQjR.js';
+export { L as LocalizationProvider } from './LocalizationProvider-CO8fQGqs.js';
 export { L as LocalizationContext, u as useLocalizationContext } from './LocalizationContext-UsmB5mnR.js';
 export { P as PortalProvider, a as PortalProviderContext } from './PortalProvider-Cj_y3gbC.js';
-export { T as ThemeProvider } from './ThemeProvider-CaYW3RuA.js';
+export { T as ThemeProvider } from './ThemeProvider-D4KdGCaP.js';
 export { u as useTheme } from './useTheme-B4i6a3bM.js';
 export { T as TrackingProvider } from './TrackingProvider-Co4lyoI9.js';
 export { u as useTrackingContext } from './useTrackingContext-C522P4sv.js';
@@ -651,16 +651,16 @@ const handleMenuKeyboardNavigation = (event) => {
   menuItems[nextIndex]?.focus();
 };
 
-const toolbar = "_toolbar_11063_12";
+const toolbar = "_toolbar_8m7of_1";
 const styles = {
 	toolbar: toolbar,
-	"toolbar-content": "_toolbar-content_11063_19",
-	"toolbar-overflow-content": "_toolbar-overflow-content_11063_22",
-	"toolbar-button-item": "_toolbar-button-item_11063_30",
-	"toolbar-item": "_toolbar-item_11063_36",
-	"overflow-collapse": "_overflow-collapse_11063_40",
-	"toolbar-button-toggle-item": "_toolbar-button-toggle-item_11063_62",
-	"toolbar-overflow-trigger": "_toolbar-overflow-trigger_11063_68"
+	"toolbar-content": "_toolbar-content_8m7of_5",
+	"toolbar-overflow-content": "_toolbar-overflow-content_8m7of_9",
+	"toolbar-button-item": "_toolbar-button-item_8m7of_17",
+	"toolbar-button-toggle-item": "_toolbar-button-toggle-item_8m7of_26",
+	"toolbar-overflow-trigger": "_toolbar-overflow-trigger_8m7of_49",
+	"toolbar-item": "_toolbar-item_8m7of_60",
+	"overflow-collapse": "_overflow-collapse_8m7of_66"
 };
 
 const ToolbarItemWrapper = ({
@@ -837,7 +837,7 @@ const ToolbarButtonToggle = forwardRef((props, _ref) => {
 ToolbarButtonToggle.displayName = "ToolbarButtonToggle";
 
 const ToolbarButtonLink = forwardRef((props, _ref) => {
-  const { appearance = "ghost", className, children, ...rest } = props;
+  const { appearance = "ghost", className, children, icon, ...rest } = props;
   const { isInOverflowMenu = false } = useOverFlowItemContext?.() || {};
   const size = useToolbarSize();
   const trackingId = useTrackingId({
@@ -858,6 +858,7 @@ const ToolbarButtonLink = forwardRef((props, _ref) => {
       "data-tracking-id": trackingId,
       appearance,
       size,
+      icon,
       "data-anv": "toolbar-button-link",
       className: buttonLinkClassNames,
       ...rest,
@@ -870,9 +871,11 @@ const ToolbarButtonLink = forwardRef((props, _ref) => {
         "data-tracking-id": trackingId,
         appearance,
         size,
+        icon,
         "data-anv": "toolbar-button-link",
         className: buttonLinkClassNames,
-        ...rest
+        ...rest,
+        children
       }
     ) }),
     /* @__PURE__ */ jsx(Tooltip.Content, { children: rest["aria-label"] })
@@ -1028,7 +1031,7 @@ const ToolbarOverflowMenu = ({
         className: popoverButtonClassNames,
         "data-anv": "toolbar-overflow-trigger",
         "aria-label": "Additional toolbar options",
-        children: /* @__PURE__ */ jsx(Icon, { svg: overflowIcon, size: size === "xsmall" ? "small" : size })
+        icon: overflowIcon
       }
     ),
     /* @__PURE__ */ jsx(Popover.Content, { children: /* @__PURE__ */ jsx(OverflowItemContext.Provider, { value: { isInOverflowMenu: true }, children: /* @__PURE__ */ jsxs(
@@ -1274,5 +1277,5 @@ const Toolbar = Object.assign(
 );
 Toolbar.displayName = "Toolbar";
 
-export { Button, ButtonLink, ButtonToggle, Flex, IANA_TIMEZONES, Icon, Listbox, Toolbar, Tooltip, useMergeRefs, useTrackingId };
+export { Button, ButtonLink, ButtonToggle, Flex, IANA_TIMEZONES, Listbox, Toolbar, Tooltip, useMergeRefs, useTrackingId };
 //# sourceMappingURL=index.js.map