@digdir/designsystemet-react 1.11.0 → 1.12.0

package/dist/types/components/toggle-group/toggle-group.d.ts

@@ -9,7 +9,7 @@ export type ToggleGroupContextProps = {
     name?: string;
 };
 export declare const ToggleGroupContext: import("react").Context<ToggleGroupContextProps>;
-export type ToggleGroupProps = MergeRight<DefaultProps & Omit<HTMLAttributes<HTMLDivElement>, 'value' | 'onChange'>, {
+export type ToggleGroupProps = MergeRight<DefaultProps & Omit<HTMLAttributes<HTMLFieldSetElement>, 'value' | 'onChange'>, {
     /**
      * Specify which variant to use
      * @default 'primary'
@@ -31,18 +31,22 @@ export type ToggleGroupProps = MergeRight<DefaultProps & Omit<HTMLAttributes<HTM
      * Form element name
      */
     name?: string;
+    /**
+     * Toggle group label for accessibility
+     */
+    'data-toggle-group'?: string;
 }>;
 /**
  * Display a group of buttons that can be toggled between.
  *
  * @example
- * <ToggleGroup onChange={(value) => console.log(value)}>
+ * <ToggleGroup data-toggle-group="Label" onChange={(value) => console.log(value)}>
  *   <ToggleGroup.Item value='1'>Toggle 1</ToggleGroup.Item>
  *   <ToggleGroup.Item value='2'>Toggle 2</ToggleGroup.Item>
  *   <ToggleGroup.Item value='3'>Toggle 3</ToggleGroup.Item>
  * </ToggleGroup>
  */
-export declare const ToggleGroup: import("react").ForwardRefExoticComponent<Omit<DefaultProps & Omit<HTMLAttributes<HTMLDivElement>, "value" | "onChange">, "defaultValue" | "name" | "value" | "onChange" | "variant"> & {
+export declare const ToggleGroup: import("react").ForwardRefExoticComponent<Omit<DefaultProps & Omit<HTMLAttributes<HTMLFieldSetElement>, "value" | "onChange">, "defaultValue" | "name" | "value" | "onChange" | "variant" | "data-toggle-group"> & {
     /**
      * Specify which variant to use
      * @default 'primary'
@@ -64,5 +68,9 @@ export declare const ToggleGroup: import("react").ForwardRefExoticComponent<Omit
      * Form element name
      */
     name?: string;
-} & import("react").RefAttributes<HTMLDivElement>>;
+    /**
+     * Toggle group label for accessibility
+     */
+    'data-toggle-group'?: string;
+} & import("react").RefAttributes<HTMLFieldSetElement>>;
 //# sourceMappingURL=toggle-group.d.ts.map

package/dist/types/components/toggle-group/toggle-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toggle-group.d.ts","sourceRoot":"","sources":["../../../src/components/toggle-group/toggle-group.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAGlD,MAAM,MAAM,uBAAuB,GAAG;IACpC,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,kBAAkB,kDAA6C,CAAC;AAE7E,MAAM,MAAM,gBAAgB,GAAG,UAAU,CACvC,YAAY,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC,EACzE;IACE;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;IAClC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CACF,CAAC;AAEF;;;;;;;;;GASG;AACH,eAAO,MAAM,WAAW;IAlCpB;;;OAGG;cACO,SAAS,GAAG,WAAW;IACjC;;OAEG;YACK,MAAM;IACd;;OAEG;mBACY,MAAM;IACrB;;OAEG;eACQ,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;IAClC;;OAEG;WACI,MAAM;kDAoEhB,CAAC"}
+{"version":3,"file":"toggle-group.d.ts","sourceRoot":"","sources":["../../../src/components/toggle-group/toggle-group.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,MAAM,uBAAuB,GAAG;IACpC,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,kBAAkB,kDAA6C,CAAC;AAE7E,MAAM,MAAM,gBAAgB,GAAG,UAAU,CACvC,YAAY,GACV,IAAI,CAAC,cAAc,CAAC,mBAAmB,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC,EACjE;IACE;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;IAClC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B,CACF,CAAC;AAEF;;;;;;;;;GASG;AACH,eAAO,MAAM,WAAW;IAtCpB;;;OAGG;cACO,SAAS,GAAG,WAAW;IACjC;;OAEG;YACK,MAAM;IACd;;OAEG;mBACY,MAAM;IACrB;;OAEG;eACQ,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;IAClC;;OAEG;WACI,MAAM;IACb;;OAEG;0BACmB,MAAM;uDAiE/B,CAAC"}

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

@@ -1,5 +1,6 @@
+import '@digdir/designsystemet-web';
 import type { HTMLAttributes, ReactElement, RefAttributes } from 'react';
-import type { DefaultProps } from '../../types';
+import type { DefaultProps, Placement } from '../../types';
 import type { MergeRight } from '../../utilities';
 export type TooltipProps = MergeRight<Omit<DefaultProps, 'data-color'> & HTMLAttributes<HTMLDivElement>, {
     /**
@@ -17,7 +18,7 @@ export type TooltipProps = MergeRight<Omit<DefaultProps, 'data-color'> & HTMLAtt
      * Placement of the tooltip on the trigger.
      * @default 'top'
      */
-    placement?: 'top' | 'right' | 'bottom' | 'left';
+    placement?: Placement;
     /**
      * Whether to enable auto placement.
      * @default true
@@ -26,6 +27,9 @@ export type TooltipProps = MergeRight<Omit<DefaultProps, 'data-color'> & HTMLAtt
     /**
      * Whether the tooltip is open or not.
      * This overrides the internal state of the tooltip.
+     *
+     * @deprecated This should not be used on Tooltip. Use a Popover instead
+     * @TODO Look at this prop
      */
     open?: boolean;
     /**
@@ -63,7 +67,7 @@ export declare const Tooltip: import("react").ForwardRefExoticComponent<Omit<Omi
      * Placement of the tooltip on the trigger.
      * @default 'top'
      */
-    placement?: "top" | "right" | "bottom" | "left";
+    placement?: Placement;
     /**
      * Whether to enable auto placement.
      * @default true
@@ -72,6 +76,9 @@ export declare const Tooltip: import("react").ForwardRefExoticComponent<Omit<Omi
     /**
      * Whether the tooltip is open or not.
      * This overrides the internal state of the tooltip.
+     *
+     * @deprecated This should not be used on Tooltip. Use a Popover instead
+     * @TODO Look at this prop
      */
     open?: boolean;
     /**

package/dist/types/components/tooltip/tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/tooltip/tooltip.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAWzE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAGlD,MAAM,MAAM,YAAY,GAAG,UAAU,CACnC,IAAI,CAAC,YAAY,EAAE,YAAY,CAAC,GAAG,cAAc,CAAC,cAAc,CAAC,EACjE;IACE;;;;;OAKG;IACH,QAAQ,EAAE,CAAC,YAAY,GAAG,aAAa,CAAC,WAAW,CAAC,CAAC,GAAG,MAAM,CAAC;IAC/D;;QAEI;IACJ,OAAO,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,SAAS,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAChD;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,IAAI,CAAC,EAAE,aAAa,GAAG,YAAY,CAAC;CACrC,CACF,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,OAAO;IA/ChB;;;;;OAKG;cACO,CAAC,YAAY,GAAG,aAAa,CAAC,WAAW,CAAC,CAAC,GAAG,MAAM;IAC9D;;QAEI;aACK,MAAM;IACf;;;OAGG;gBACS,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM;IAC/C;;;OAGG;oBACa,OAAO;IACvB;;;OAGG;WACI,OAAO;IACd;;;OAGG;WACI,aAAa,GAAG,YAAY;kCAwKtC,CAAC"}
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/tooltip/tooltip.tsx"],"names":[],"mappings":"AACA,OAAO,4BAA4B,CAAC;AACpC,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEzE,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC3D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,MAAM,YAAY,GAAG,UAAU,CACnC,IAAI,CAAC,YAAY,EAAE,YAAY,CAAC,GAAG,cAAc,CAAC,cAAc,CAAC,EACjE;IACE;;;;;OAKG;IACH,QAAQ,EAAE,CAAC,YAAY,GAAG,aAAa,CAAC,WAAW,CAAC,CAAC,GAAG,MAAM,CAAC;IAC/D;;QAEI;IACJ,OAAO,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,IAAI,CAAC,EAAE,aAAa,GAAG,YAAY,CAAC;CACrC,CACF,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,OAAO;IAlDhB;;;;;OAKG;cACO,CAAC,YAAY,GAAG,aAAa,CAAC,WAAW,CAAC,CAAC,GAAG,MAAM;IAC9D;;QAEI;aACK,MAAM;IACf;;;OAGG;gBACS,SAAS;IACrB;;;OAGG;oBACa,OAAO;IACvB;;;;;;OAMG;WACI,OAAO;IACd;;;OAGG;WACI,aAAa,GAAG,YAAY;kCAsCtC,CAAC"}

package/dist/types/components/validation-message/validation-message.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"validation-message.d.ts","sourceRoot":"","sources":["../../../src/components/validation-message/validation-message.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAGnE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,MAAM,sBAAsB,GAAG,UAAU,CAC7C,IAAI,CAAC,YAAY,EAAE,YAAY,CAAC,GAAG,cAAc,CAAC,oBAAoB,CAAC,EACvE;IACE;;;OAGG;IACH,YAAY,CAAC,EAAE,cAAc,CAAC;IAC9B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CACF,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB;IAnB1B;;;OAGG;mBACY,cAAc;IAC7B;;;OAGG;cACO,OAAO;wDAwBnB,CAAC"}
+{"version":3,"file":"validation-message.d.ts","sourceRoot":"","sources":["../../../src/components/validation-message/validation-message.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAGnE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,MAAM,sBAAsB,GAAG,UAAU,CAC7C,IAAI,CAAC,YAAY,EAAE,YAAY,CAAC,GAAG,cAAc,CAAC,oBAAoB,CAAC,EACvE;IACE;;;OAGG;IACH,YAAY,CAAC,EAAE,cAAc,CAAC;IAC9B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CACF,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB;IAnB1B;;;OAGG;mBACY,cAAc;IAC7B;;;OAGG;cACO,OAAO;wDAyBnB,CAAC"}

package/dist/types/types.d.ts

@@ -1,6 +1,8 @@
 import type { Size } from '@digdir/designsystemet-types';
+import type { Placement as FloatingUIPlacement } from '@floating-ui/dom';
 import type { ReactNode } from 'react';
 import type { Color } from './colors';
+export type Placement = FloatingUIPlacement | 'none';
 export type DefaultProps = {
     /**
      * Changes size for descendant Designsystemet components. Select from predefined sizes.

package/dist/types/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEtC,MAAM,MAAM,YAAY,GAAG;IACzB;;OAEG;IACH,WAAW,CAAC,EAAE,IAAI,CAAC;IACnB;;;OAGG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,aAAa,GACrB;IAAE,YAAY,EAAE,MAAM,CAAC;IAAC,iBAAiB,CAAC,EAAE,KAAK,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAA;CAAE,GAClE;IAAE,YAAY,CAAC,EAAE,KAAK,CAAC;IAAC,iBAAiB,CAAC,EAAE,KAAK,CAAC;IAAC,KAAK,EAAE,SAAS,CAAA;CAAE,GACrE;IAAE,YAAY,CAAC,EAAE,KAAK,CAAC;IAAC,iBAAiB,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,KAAK,EAAE,SAAS,IAAI,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACzE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEtC,MAAM,MAAM,SAAS,GAAG,mBAAmB,GAAG,MAAM,CAAC;AAErD,MAAM,MAAM,YAAY,GAAG;IACzB;;OAEG;IACH,WAAW,CAAC,EAAE,IAAI,CAAC;IACnB;;;OAGG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,aAAa,GACrB;IAAE,YAAY,EAAE,MAAM,CAAC;IAAC,iBAAiB,CAAC,EAAE,KAAK,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAA;CAAE,GAClE;IAAE,YAAY,CAAC,EAAE,KAAK,CAAC;IAAC,iBAAiB,CAAC,EAAE,KAAK,CAAC;IAAC,KAAK,EAAE,SAAS,CAAA;CAAE,GACrE;IAAE,YAAY,CAAC,EAAE,KAAK,CAAC;IAAC,iBAAiB,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC"}

package/dist/types/utilities/hooks/use-pagination/use-pagination.d.ts

@@ -54,7 +54,7 @@ export type UsePaginationProps = {
  *   </Pagination.Item>
  * </Pagination>
  **/
-export declare const usePagination: ({ currentPage, setCurrentPage, onChange, totalPages, showPages, }: UsePaginationProps) => {
+export declare const usePagination: ({ currentPage: current, setCurrentPage, onChange, totalPages: total, showPages: show, }: UsePaginationProps) => {
     /** Number of steps */
     pages: {
         /**

package/dist/types/utilities/hooks/use-pagination/use-pagination.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-pagination.d.ts","sourceRoot":"","sources":["../../../../src/utilities/hooks/use-pagination/use-pagination.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAiBjE,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;;OAGG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,UAAU,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACnE,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA4BI;AACJ,eAAO,MAAM,aAAa,GAAI,mEAM3B,kBAAkB;IAWf,sBAAsB;;QAGlB;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;qBAOU,qBAAqB,GAAG,IAAI;;IAG7C,8EAA8E;qBAKzE,qBAAqB;IAC1B,0EAA0E;qBAKrE,qBAAqB;IAC1B,gEAAgE;;IAEhE,4DAA4D;;CAGxB,CAAC"}
+{"version":3,"file":"use-pagination.d.ts","sourceRoot":"","sources":["../../../../src/utilities/hooks/use-pagination/use-pagination.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAEjE,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;;OAGG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,UAAU,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACnE,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA4BI;AACJ,eAAO,MAAM,aAAa,GAAI,yFAM3B,kBAAkB;IAUf,sBAAsB;;QAEpB;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;qBAMU,qBAAqB,GAAG,IAAI;;IAE3C,8EAA8E;qBAKzE,qBAAqB;IAC1B,0EAA0E;qBAKrE,qBAAqB;IAC1B,gEAAgE;;IAEhE,4DAA4D;;CAGtC,CAAC"}

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

@@ -4,4 +4,10 @@ export { getNextFocusableValue, getPrevFocusableValue, RovingFocusItem, } from '
 export { RovingFocusRoot } from './roving-focus/roving-focus-root';
 export { useRovingFocus } from './roving-focus/use-roving-focus';
 export type { MergeRight } from './types';
+declare global {
+    interface Window {
+        dsWarnings?: boolean;
+    }
+}
+export declare const warn: (message: string, ...args: Parameters<typeof console.warn>) => true | void;
 //# sourceMappingURL=index.d.ts.map

package/dist/types/utilities/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utilities/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,qBAAqB,EACrB,kBAAkB,EAClB,kBAAkB,GACnB,MAAM,SAAS,CAAC;AACjB,OAAO,EACL,gBAAgB,EAChB,mBAAmB,EACnB,yBAAyB,EACzB,aAAa,EACb,aAAa,EACb,aAAa,EACb,wBAAwB,GACzB,MAAM,SAAS,CAAC;AACjB,OAAO,EACL,qBAAqB,EACrB,qBAAqB,EACrB,eAAe,GAChB,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utilities/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,qBAAqB,EACrB,kBAAkB,EAClB,kBAAkB,GACnB,MAAM,SAAS,CAAC;AACjB,OAAO,EACL,gBAAgB,EAChB,mBAAmB,EACnB,yBAAyB,EACzB,aAAa,EACb,aAAa,EACb,aAAa,EACb,wBAAwB,GACzB,MAAM,SAAS,CAAC;AACjB,OAAO,EACL,qBAAqB,EACrB,qBAAqB,EACrB,eAAe,GAChB,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,UAAU,CAAC,EAAE,OAAO,CAAC;KACtB;CACF;AACD,eAAO,MAAM,IAAI,GACf,SAAS,MAAM,EACf,GAAG,MAAM,UAAU,CAAC,OAAO,OAAO,CAAC,IAAI,CAAC,gBAIW,CAAC"}

package/dist/types/utilities/roving-focus/roving-focus-item.d.ts

@@ -4,6 +4,7 @@ import type { RovingFocusElement } from './roving-focus-root';
 export declare function getNextFocusableValue(items: RovingFocusElement[], value: string): RovingFocusElement | undefined;
 /** Get the previous focusable RovingFocusItem */
 export declare function getPrevFocusableValue(items: RovingFocusElement[], value: string): RovingFocusElement | undefined;
+/** @deprecated RovingFocusItem is deprecated.*/
 export declare const RovingFocusItem: import("react").ForwardRefExoticComponent<{
     /** The value of the `RovingFocusItem` used to determine which item should have focus. */
     value?: string;

package/dist/types/utilities/roving-focus/roving-focus-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"roving-focus-item.d.ts","sourceRoot":"","sources":["../../../src/utilities/roving-focus/roving-focus-item.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAa9D,6CAA6C;AAC7C,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,kBAAkB,EAAE,EAC3B,KAAK,EAAE,MAAM,GACZ,kBAAkB,GAAG,SAAS,CAGhC;AAED,iDAAiD;AACjD,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,kBAAkB,EAAE,EAC3B,KAAK,EAAE,MAAM,GACZ,kBAAkB,GAAG,SAAS,CAGhC;AAED,eAAO,MAAM,eAAe;IA3B1B,yFAAyF;YACjF,MAAM;IACd;;;OAGG;cACO,OAAO;6EAwFlB,CAAC"}
+{"version":3,"file":"roving-focus-item.d.ts","sourceRoot":"","sources":["../../../src/utilities/roving-focus/roving-focus-item.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAa9D,6CAA6C;AAC7C,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,kBAAkB,EAAE,EAC3B,KAAK,EAAE,MAAM,GACZ,kBAAkB,GAAG,SAAS,CAGhC;AAED,iDAAiD;AACjD,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,kBAAkB,EAAE,EAC3B,KAAK,EAAE,MAAM,GACZ,kBAAkB,GAAG,SAAS,CAGhC;AAED,gDAAgD;AAChD,eAAO,MAAM,eAAe;IA5B1B,yFAAyF;YACjF,MAAM;IACd;;;OAGG;cACO,OAAO;6EAyFlB,CAAC"}

package/dist/types/utilities/roving-focus/roving-focus-root.d.ts

@@ -12,6 +12,7 @@ export type RovingFocusProps = {
     orientation: 'vertical' | 'horizontal' | 'ambiguous';
 };
 export declare const RovingFocusContext: import("react").Context<RovingFocusProps>;
+/** @deprecated RovingFocusRoot is deprecated. */
 export declare const RovingFocusRoot: import("react").ForwardRefExoticComponent<{
     /** The children of the `RovingFocusRoot`. The children should get their roving-relevant props from the `useRovingFocus` hook. */
     children: ReactNode;

package/dist/types/utilities/roving-focus/roving-focus-root.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"roving-focus-root.d.ts","sourceRoot":"","sources":["../../../src/utilities/roving-focus/roving-focus-root.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAEV,cAAc,EACd,gBAAgB,EAChB,SAAS,EACV,MAAM,OAAO,CAAC;AAuBf,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,WAAW,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,gBAAgB,CAAC,GAAG,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC;IACrD,eAAe,EAAE,MAAM,kBAAkB,EAAE,CAAC;IAC5C,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,WAAW,EAAE,UAAU,GAAG,YAAY,GAAG,WAAW,CAAC;CACtD,CAAC;AAEF,eAAO,MAAM,kBAAkB,2CAW7B,CAAC;AAEH,eAAO,MAAM,eAAe;IA7C1B,iIAAiI;cACvH,SAAS;IACnB,iGAAiG;kBACnF,MAAM;IACpB;;;OAGG;cACO,OAAO;IACjB;;;;;OAKG;kBACW,UAAU,GAAG,YAAY,GAAG,WAAW;6EAqHtD,CAAC"}
+{"version":3,"file":"roving-focus-root.d.ts","sourceRoot":"","sources":["../../../src/utilities/roving-focus/roving-focus-root.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAEV,cAAc,EACd,gBAAgB,EAChB,SAAS,EACV,MAAM,OAAO,CAAC;AAwBf,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,WAAW,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,gBAAgB,CAAC,GAAG,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC;IACrD,eAAe,EAAE,MAAM,kBAAkB,EAAE,CAAC;IAC5C,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,WAAW,EAAE,UAAU,GAAG,YAAY,GAAG,WAAW,CAAC;CACtD,CAAC;AAEF,eAAO,MAAM,kBAAkB,2CAW7B,CAAC;AAEH,iDAAiD;AACjD,eAAO,MAAM,eAAe;IA9C1B,iIAAiI;cACvH,SAAS;IACnB,iGAAiG;kBACnF,MAAM;IACpB;;;OAGG;cACO,OAAO;IACjB;;;;;OAKG;kBACW,UAAU,GAAG,YAAY,GAAG,WAAW;6EAwHtD,CAAC"}

package/dist/types/utilities/roving-focus/use-roving-focus.d.ts

@@ -1,5 +1,7 @@
 import type { HTMLAttributes } from 'react';
-/** Handles props for `RovingFocus` in context with `RovingFocusRoot` */
+/**
+@deprecated useRovingFocus is deprecated.
+Handles props for `RovingFocus` in context with `RovingFocusRoot` */
 export declare const useRovingFocus: (value: string) => {
     getOrderedItems: () => import("./roving-focus-root").RovingFocusElement[];
     isFocusable: boolean;
@@ -140,18 +142,18 @@ export declare const useRovingFocus: (value: string) => {
         onFocusCapture?: import("react").FocusEventHandler<T> | undefined;
         onBlur?: import("react").FocusEventHandler<T> | undefined;
         onBlurCapture?: import("react").FocusEventHandler<T> | undefined;
-        onChange?: import("react").FormEventHandler<T> | undefined;
-        onChangeCapture?: import("react").FormEventHandler<T> | undefined;
+        onChange?: import("react").ChangeEventHandler<T, Element> | undefined;
+        onChangeCapture?: import("react").ChangeEventHandler<T, Element> | undefined;
         onBeforeInput?: import("react").InputEventHandler<T> | undefined;
-        onBeforeInputCapture?: import("react").FormEventHandler<T> | undefined;
-        onInput?: import("react").FormEventHandler<T> | undefined;
-        onInputCapture?: import("react").FormEventHandler<T> | undefined;
-        onReset?: import("react").FormEventHandler<T> | undefined;
-        onResetCapture?: import("react").FormEventHandler<T> | undefined;
-        onSubmit?: import("react").FormEventHandler<T> | undefined;
-        onSubmitCapture?: import("react").FormEventHandler<T> | undefined;
-        onInvalid?: import("react").FormEventHandler<T> | undefined;
-        onInvalidCapture?: import("react").FormEventHandler<T> | undefined;
+        onBeforeInputCapture?: import("react").InputEventHandler<T> | undefined;
+        onInput?: import("react").InputEventHandler<T> | undefined;
+        onInputCapture?: import("react").InputEventHandler<T> | undefined;
+        onReset?: import("react").ReactEventHandler<T> | undefined;
+        onResetCapture?: import("react").ReactEventHandler<T> | undefined;
+        onSubmit?: import("react").SubmitEventHandler<T> | undefined;
+        onSubmitCapture?: import("react").SubmitEventHandler<T> | undefined;
+        onInvalid?: import("react").ReactEventHandler<T> | undefined;
+        onInvalidCapture?: import("react").ReactEventHandler<T> | undefined;
         onLoad?: import("react").ReactEventHandler<T> | undefined;
         onLoadCapture?: import("react").ReactEventHandler<T> | undefined;
         onError?: import("react").ReactEventHandler<T> | undefined;

package/dist/types/utilities/roving-focus/use-roving-focus.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-roving-focus.d.ts","sourceRoot":"","sources":["../../../src/utilities/roving-focus/use-roving-focus.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAK5C,wEAAwE;AACxE,eAAO,MAAM,cAAc,GAAI,OAAO,MAAM;;;;qBAcvB,CAAC,SAAS,WAAW,SAAS,cAAc,CAAC,CAAC,CAAC;uBAE/C,WAAW,GAAG,IAAI;uBAOlB,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC;qBAOxB,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQrC,CAAC"}
+{"version":3,"file":"use-roving-focus.d.ts","sourceRoot":"","sources":["../../../src/utilities/roving-focus/use-roving-focus.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAK5C;;oEAEoE;AACpE,eAAO,MAAM,cAAc,GAAI,OAAO,MAAM;;;;qBAcvB,CAAC,SAAS,WAAW,SAAS,cAAc,CAAC,CAAC,CAAC;uBAE/C,WAAW,GAAG,IAAI;uBAOlB,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC;qBAOxB,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQrC,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@digdir/designsystemet-react",
   "type": "module",
-  "version": "1.11.0",
+  "version": "1.12.0",
   "description": "React components for Designsystemet",
   "author": "Designsystemet team",
   "repository": {
@@ -35,38 +35,35 @@
     "access": "public"
   },
   "dependencies": {
-    "@floating-ui/dom": "^1.7.4",
+    "@floating-ui/dom": "^1.7.5",
     "@floating-ui/react": "0.26.23",
-    "@navikt/aksel-icons": "^7.38.0",
+    "@navikt/aksel-icons": "^8.4.1",
     "@radix-ui/react-slot": "^1.2.4",
     "@tanstack/react-virtual": "^3.13.18",
-    "@u-elements/u-combobox": "^1.0.5",
-    "@u-elements/u-datalist": "^1.0.14",
-    "@u-elements/u-details": "^0.1.5",
     "clsx": "^2.1.1",
-    "@digdir/designsystemet-types": "^1.11.0"
+    "@digdir/designsystemet-types": "^1.12.0",
+    "@digdir/designsystemet-web": "^1.12.0"
   },
   "devDependencies": {
     "@rollup/plugin-commonjs": "^29.0.0",
     "@rollup/plugin-node-resolve": "^16.0.3",
-    "@storybook/addon-docs": "^10.1.11",
-    "@storybook/addon-vitest": "^10.1.11",
-    "@storybook/react-vite": "^10.1.11",
+    "@storybook/addon-docs": "^10.2.8",
+    "@storybook/addon-vitest": "^10.2.8",
+    "@storybook/react-vite": "^10.2.8",
     "@testing-library/jest-dom": "^6.9.1",
-    "@testing-library/react": "^16.3.1",
+    "@testing-library/react": "^16.3.2",
     "@testing-library/user-event": "^14.6.1",
-    "@types/react": "^19.2.8",
+    "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
-    "react": "^19.2.3",
-    "react-dom": "^19.2.3",
-    "rimraf": "^6.1.2",
-    "rollup": "^4.55.1",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
+    "rimraf": "^6.1.3",
+    "rollup": "^4.57.1",
     "rollup-plugin-copy": "^3.5.0",
-    "storybook": "^10.1.11",
+    "storybook": "^10.2.8",
     "tsx": "4.21.0",
     "typescript": "^5.9.3",
-    "@digdir/designsystemet": "^1.11.0",
-    "@digdir/designsystemet-css": "^1.11.0"
+    "@digdir/designsystemet-css": "^1.12.0"
   },
   "scripts": {
     "build": "pnpm run clean && tsc -b tsconfig.lib.json --emitDeclarationOnly false && rollup -c --bundleConfigAsCjs",

package/dist/cjs/components/field/field-observer.js

@@ -1,112 +0,0 @@
-'use client';
-'use strict';
-
-function fieldObserver(fieldElement) {
-    if (!fieldElement)
-        return;
-    const elements = new Map();
-    const typeCounter = new Map(); // Track count for each data-field type
-    const uuid = `:${Date.now().toString(36)}${Math.random().toString(36).slice(2, 5)}`;
-    let input = null;
-    let describedby = '';
-    const process = (mutations) => {
-        const changed = [];
-        const removed = [];
-        // Merge MutationRecords
-        for (const mutation of mutations) {
-            if (mutation.attributeName)
-                changed.push(mutation.target ?? fieldElement);
-            changed.push(...(mutation.addedNodes || []));
-            removed.push(...(mutation.removedNodes || []));
-        }
-        // Register elements
-        for (const el of changed) {
-            if (!isElement(el))
-                continue;
-            if (isLabel(el))
-                elements.set(el, el.htmlFor);
-            else if (el.hasAttribute('data-field'))
-                elements.set(el, el.id);
-            else if (isInputLike(el) && !el.hidden) {
-                input = el;
-                describedby = el.getAttribute('aria-describedby') || '';
-            }
-        }
-        // Reset removed elements
-        for (const el of removed) {
-            if (!isElement(el))
-                continue;
-            if (input === el)
-                input = null;
-            if (elements.has(el)) {
-                setAttr(el, isLabel(el) ? 'for' : 'id', elements.get(el));
-                elements.delete(el);
-            }
-        }
-        // Connect elements
-        const describedbyIds = describedby ? describedby.split(' ') : []; // Keep original aria-describedby
-        const inputId = input?.id || uuid;
-        // Reset type counters since we reprocess all elements
-        typeCounter.clear();
-        for (const [el, value] of elements) {
-            const descriptionType = el.getAttribute('data-field');
-            let id;
-            if (descriptionType) {
-                // Increment type counter for this type
-                const count = (typeCounter.get(descriptionType) || 0) + 1;
-                typeCounter.set(descriptionType, count);
-                id = `${inputId}:${descriptionType}:${count}`;
-            }
-            else {
-                id = inputId;
-            }
-            if (!value)
-                setAttr(el, isLabel(el) ? 'for' : 'id', id); // Ensure we have a value
-            if (!describedbyIds.includes(el.id)) {
-                if (descriptionType === 'validation')
-                    describedbyIds.unshift(el.id); // Validations to the front
-                else if (descriptionType)
-                    describedbyIds.push(el.id); // Other descriptions to the back
-            }
-        }
-        setAttr(input, 'id', inputId);
-        setAttr(input, 'aria-describedby', describedbyIds.join(' ').trim());
-    };
-    const observer = createOptimizedMutationObserver(process);
-    observer.observe(fieldElement, {
-        attributeFilter: ['id', 'for', 'aria-describedby'],
-        attributes: true,
-        childList: true,
-        subtree: true,
-    });
-    process([{ addedNodes: fieldElement.querySelectorAll('*') }]); // Initial setup
-    observer.takeRecords(); // Clear initial setup queue
-    return () => observer.disconnect();
-}
-// Utilities
-const isElement = (node) => node instanceof Element;
-const isLabel = (node) => node instanceof HTMLLabelElement;
-const isInputLike = (node) => node instanceof HTMLElement &&
-    'validity' in node &&
-    !(node instanceof HTMLButtonElement); // Matches input, textarea, select and form accosiated custom elements
-const setAttr = (el, name, value) => value ? el?.setAttribute(name, value) : el?.removeAttribute(name);
-// Speed up MutationObserver by debouncing, clearing internal queue after changes and only running when page is visible
-function createOptimizedMutationObserver(callback) {
-    const queue = [];
-    const observer = new MutationObserver((mutations) => {
-        if (!queue.length)
-            requestAnimationFrame(process);
-        queue.push(...mutations);
-    });
-    const process = () => {
-        callback(queue, observer);
-        queue.length = 0; // Reset queue
-        observer.takeRecords(); // Clear queue due to DOM changes in callback
-    };
-    return observer;
-}
-
-exports.fieldObserver = fieldObserver;
-exports.isElement = isElement;
-exports.isInputLike = isInputLike;
-exports.isLabel = isLabel;

package/dist/cjs/components/toggle-group/use-toggle-groupitem.js

@@ -1,34 +0,0 @@
-'use client';
-'use strict';
-
-var react = require('react');
-var toggleGroup = require('./toggle-group.js');
-
-/** Handles props for `ToggleGroup.Item` in context with `ToggleGroup` and `RovingFocus` */
-const useToggleGroupItem = (props) => {
-    const { ...rest } = props;
-    const genValue = react.useId();
-    const toggleGroup$1 = react.useContext(toggleGroup.ToggleGroupContext);
-    const value = props.value ?? genValue;
-    const active = toggleGroup$1.value === value;
-    const variant = toggleGroup$1.variant;
-    const buttonId = `togglegroup-item-${react.useId()}`;
-    return {
-        ...rest,
-        active: active,
-        value,
-        variant,
-        buttonProps: {
-            id: buttonId,
-            'aria-checked': active,
-            'aria-current': active,
-            role: 'radio',
-            name: toggleGroup$1.name,
-            onClick: () => {
-                toggleGroup$1.onChange?.(value);
-            },
-        },
-    };
-};
-
-exports.useToggleGroupItem = useToggleGroupItem;

package/dist/esm/components/field/field-observer.js

@@ -1,107 +0,0 @@
-'use client';
-function fieldObserver(fieldElement) {
-    if (!fieldElement)
-        return;
-    const elements = new Map();
-    const typeCounter = new Map(); // Track count for each data-field type
-    const uuid = `:${Date.now().toString(36)}${Math.random().toString(36).slice(2, 5)}`;
-    let input = null;
-    let describedby = '';
-    const process = (mutations) => {
-        const changed = [];
-        const removed = [];
-        // Merge MutationRecords
-        for (const mutation of mutations) {
-            if (mutation.attributeName)
-                changed.push(mutation.target ?? fieldElement);
-            changed.push(...(mutation.addedNodes || []));
-            removed.push(...(mutation.removedNodes || []));
-        }
-        // Register elements
-        for (const el of changed) {
-            if (!isElement(el))
-                continue;
-            if (isLabel(el))
-                elements.set(el, el.htmlFor);
-            else if (el.hasAttribute('data-field'))
-                elements.set(el, el.id);
-            else if (isInputLike(el) && !el.hidden) {
-                input = el;
-                describedby = el.getAttribute('aria-describedby') || '';
-            }
-        }
-        // Reset removed elements
-        for (const el of removed) {
-            if (!isElement(el))
-                continue;
-            if (input === el)
-                input = null;
-            if (elements.has(el)) {
-                setAttr(el, isLabel(el) ? 'for' : 'id', elements.get(el));
-                elements.delete(el);
-            }
-        }
-        // Connect elements
-        const describedbyIds = describedby ? describedby.split(' ') : []; // Keep original aria-describedby
-        const inputId = input?.id || uuid;
-        // Reset type counters since we reprocess all elements
-        typeCounter.clear();
-        for (const [el, value] of elements) {
-            const descriptionType = el.getAttribute('data-field');
-            let id;
-            if (descriptionType) {
-                // Increment type counter for this type
-                const count = (typeCounter.get(descriptionType) || 0) + 1;
-                typeCounter.set(descriptionType, count);
-                id = `${inputId}:${descriptionType}:${count}`;
-            }
-            else {
-                id = inputId;
-            }
-            if (!value)
-                setAttr(el, isLabel(el) ? 'for' : 'id', id); // Ensure we have a value
-            if (!describedbyIds.includes(el.id)) {
-                if (descriptionType === 'validation')
-                    describedbyIds.unshift(el.id); // Validations to the front
-                else if (descriptionType)
-                    describedbyIds.push(el.id); // Other descriptions to the back
-            }
-        }
-        setAttr(input, 'id', inputId);
-        setAttr(input, 'aria-describedby', describedbyIds.join(' ').trim());
-    };
-    const observer = createOptimizedMutationObserver(process);
-    observer.observe(fieldElement, {
-        attributeFilter: ['id', 'for', 'aria-describedby'],
-        attributes: true,
-        childList: true,
-        subtree: true,
-    });
-    process([{ addedNodes: fieldElement.querySelectorAll('*') }]); // Initial setup
-    observer.takeRecords(); // Clear initial setup queue
-    return () => observer.disconnect();
-}
-// Utilities
-const isElement = (node) => node instanceof Element;
-const isLabel = (node) => node instanceof HTMLLabelElement;
-const isInputLike = (node) => node instanceof HTMLElement &&
-    'validity' in node &&
-    !(node instanceof HTMLButtonElement); // Matches input, textarea, select and form accosiated custom elements
-const setAttr = (el, name, value) => value ? el?.setAttribute(name, value) : el?.removeAttribute(name);
-// Speed up MutationObserver by debouncing, clearing internal queue after changes and only running when page is visible
-function createOptimizedMutationObserver(callback) {
-    const queue = [];
-    const observer = new MutationObserver((mutations) => {
-        if (!queue.length)
-            requestAnimationFrame(process);
-        queue.push(...mutations);
-    });
-    const process = () => {
-        callback(queue, observer);
-        queue.length = 0; // Reset queue
-        observer.takeRecords(); // Clear queue due to DOM changes in callback
-    };
-    return observer;
-}
-
-export { fieldObserver, isElement, isInputLike, isLabel };

package/dist/esm/components/toggle-group/use-toggle-groupitem.js

@@ -1,32 +0,0 @@
-'use client';
-import { useId, useContext } from 'react';
-import { ToggleGroupContext } from './toggle-group.js';
-
-/** Handles props for `ToggleGroup.Item` in context with `ToggleGroup` and `RovingFocus` */
-const useToggleGroupItem = (props) => {
-    const { ...rest } = props;
-    const genValue = useId();
-    const toggleGroup = useContext(ToggleGroupContext);
-    const value = props.value ?? genValue;
-    const active = toggleGroup.value === value;
-    const variant = toggleGroup.variant;
-    const buttonId = `togglegroup-item-${useId()}`;
-    return {
-        ...rest,
-        active: active,
-        value,
-        variant,
-        buttonProps: {
-            id: buttonId,
-            'aria-checked': active,
-            'aria-current': active,
-            role: 'radio',
-            name: toggleGroup.name,
-            onClick: () => {
-                toggleGroup.onChange?.(value);
-            },
-        },
-    };
-};
-
-export { useToggleGroupItem };

package/dist/types/components/field/field-observer.d.ts

@@ -1,5 +0,0 @@
-export declare function fieldObserver(fieldElement: HTMLElement | null): (() => void) | undefined;
-export declare const isElement: (node: Node) => node is Element;
-export declare const isLabel: (node: Node) => node is HTMLLabelElement;
-export declare const isInputLike: (node: unknown) => node is HTMLInputElement;
-//# sourceMappingURL=field-observer.d.ts.map

package/dist/types/components/field/field-observer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"field-observer.d.ts","sourceRoot":"","sources":["../../../src/components/field/field-observer.ts"],"names":[],"mappings":"AAAA,wBAAgB,aAAa,CAAC,YAAY,EAAE,WAAW,GAAG,IAAI,4BAsF7D;AAGD,eAAO,MAAM,SAAS,GAAI,MAAM,IAAI,oBAA4B,CAAC;AACjE,eAAO,MAAM,OAAO,GAAI,MAAM,IAAI,6BAAqC,CAAC;AACxE,eAAO,MAAM,WAAW,GAAI,MAAM,OAAO,KAAG,IAAI,IAAI,gBAGd,CAAC"}

package/dist/types/components/toggle-group/use-toggle-groupitem.d.ts

@@ -1,12 +0,0 @@
-import type { ButtonProps } from '../button/button';
-import type { ToggleGroupItemProps } from './toggle-group-item';
-type UseToggleGroupItem = (props: ToggleGroupItemProps) => {
-    active: boolean;
-    variant?: 'primary' | 'secondary';
-    value: string;
-    buttonProps?: Pick<ButtonProps, 'id' | 'onClick' | 'role' | 'aria-checked' | 'aria-current' | 'name'>;
-};
-/** Handles props for `ToggleGroup.Item` in context with `ToggleGroup` and `RovingFocus` */
-export declare const useToggleGroupItem: UseToggleGroupItem;
-export {};
-//# sourceMappingURL=use-toggle-groupitem.d.ts.map

package/dist/types/components/toggle-group/use-toggle-groupitem.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-toggle-groupitem.d.ts","sourceRoot":"","sources":["../../../src/components/toggle-group/use-toggle-groupitem.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAEpD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAEhE,KAAK,kBAAkB,GAAG,CAAC,KAAK,EAAE,oBAAoB,KAAK;IACzD,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,IAAI,CAChB,WAAW,EACX,IAAI,GAAG,SAAS,GAAG,MAAM,GAAG,cAAc,GAAG,cAAc,GAAG,MAAM,CACrE,CAAC;CACH,CAAC;AAEF,2FAA2F;AAC3F,eAAO,MAAM,kBAAkB,EAAE,kBA2BhC,CAAC"}