diff --git a/packages/web-kitchensink-reactnext/src/categories/blob/react/components/AudioMiniFilePreview/index.tsx b/packages/web-kitchensink-reactnext/src/categories/blob/react/components/AudioMiniFilePreview/index.tsx
index 2d2b529..fc1f946 100644
--- a/packages/web-kitchensink-reactnext/src/categories/blob/react/components/AudioMiniFilePreview/index.tsx
+++ b/packages/web-kitchensink-reactnext/src/categories/blob/react/components/AudioMiniFilePreview/index.tsx
@@ -7,7 +7,7 @@ import clsx from 'clsx';
 import {SpectrogramCanvas, WaveformCanvas} from '@modal-soft/react-wavesurfer';
 import {useEnhanced} from '@modal-soft/react-utils';
 
-type AudioMiniFilePreviewDerivedElement = HTMLAudioElement;
+export type AudioMiniFilePreviewDerivedElement = HTMLAudioElement;
 
 export interface AudioMiniFilePreviewProps<F extends Partial<File> = Partial<File>> extends Omit<React.HTMLProps<AudioMiniFilePreviewDerivedElement>, 'controls'> {
   file?: F;
diff --git a/packages/web-kitchensink-reactnext/src/categories/freeform/react/components/MaskedTextInput/index.tsx b/packages/web-kitchensink-reactnext/src/categories/freeform/react/components/MaskedTextInput/index.tsx
index 3115a2a..75de771 100644
--- a/packages/web-kitchensink-reactnext/src/categories/freeform/react/components/MaskedTextInput/index.tsx
+++ b/packages/web-kitchensink-reactnext/src/categories/freeform/react/components/MaskedTextInput/index.tsx
@@ -2,7 +2,7 @@ import * as React from 'react';
 import * as TextControlBase from '@tesseract-design/web-base-textcontrol';
 import clsx from 'clsx';
 
-type MaskedTextInputDerivedElement = HTMLInputElement;
+export type MaskedTextInputDerivedElement = HTMLInputElement;
 
 export interface MaskedTextInputProps extends Omit<React.HTMLProps<MaskedTextInputDerivedElement>, 'size' | 'type' | 'label'> {
   /**
diff --git a/packages/web-kitchensink-reactnext/src/categories/freeform/react/components/MultilineTextInput/index.tsx b/packages/web-kitchensink-reactnext/src/categories/freeform/react/components/MultilineTextInput/index.tsx
index 6e749be..e854b35 100644
--- a/packages/web-kitchensink-reactnext/src/categories/freeform/react/components/MultilineTextInput/index.tsx
+++ b/packages/web-kitchensink-reactnext/src/categories/freeform/react/components/MultilineTextInput/index.tsx
@@ -2,7 +2,7 @@ import * as React from 'react';
 import * as TextControlBase from '@tesseract-design/web-base-textcontrol';
 import clsx from 'clsx';
 
-type MultilineTextInputDerivedElement = HTMLTextAreaElement;
+export type MultilineTextInputDerivedElement = HTMLTextAreaElement;
 
 export interface MultilineTextInputProps extends Omit<React.HTMLProps<MultilineTextInputDerivedElement>, 'size' | 'style' | 'label'> {
   /**
diff --git a/packages/web-kitchensink-reactnext/src/categories/freeform/react/components/TextInput/index.tsx b/packages/web-kitchensink-reactnext/src/categories/freeform/react/components/TextInput/index.tsx
index e01877b..c0db9e0 100644
--- a/packages/web-kitchensink-reactnext/src/categories/freeform/react/components/TextInput/index.tsx
+++ b/packages/web-kitchensink-reactnext/src/categories/freeform/react/components/TextInput/index.tsx
@@ -2,7 +2,7 @@ import * as React from 'react';
 import * as TextControlBase from '@tesseract-design/web-base-textcontrol';
 import clsx from 'clsx';
 
-type TextInputDerivedElement = HTMLInputElement;
+export type TextInputDerivedElement = HTMLInputElement;
 
 export interface TextInputProps extends Omit<React.HTMLProps<TextInputDerivedElement>, 'size' | 'type' | 'style' | 'label' | 'list'> {
   /**
diff --git a/packages/web-kitchensink-reactnext/src/categories/information/react/components/Badge/index.tsx b/packages/web-kitchensink-reactnext/src/categories/information/react/components/Badge/index.tsx
index 5078ef8..a484dd7 100644
--- a/packages/web-kitchensink-reactnext/src/categories/information/react/components/Badge/index.tsx
+++ b/packages/web-kitchensink-reactnext/src/categories/information/react/components/Badge/index.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import clsx from 'clsx';
 
-type BadgeDerivedElement = HTMLSpanElement;
+export type BadgeDerivedElement = HTMLSpanElement;
 
 export interface BadgeProps extends React.HTMLProps<BadgeDerivedElement> {
   rounded?: boolean;
diff --git a/packages/web-kitchensink-reactnext/src/categories/information/react/components/KeyValueTable/index.tsx b/packages/web-kitchensink-reactnext/src/categories/information/react/components/KeyValueTable/index.tsx
index 1f7744b..9d9522c 100644
--- a/packages/web-kitchensink-reactnext/src/categories/information/react/components/KeyValueTable/index.tsx
+++ b/packages/web-kitchensink-reactnext/src/categories/information/react/components/KeyValueTable/index.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import clsx from 'clsx';
 
-type KeyValueTableDerivedElement = HTMLDListElement;
+export type KeyValueTableDerivedElement = HTMLDListElement;
 
 interface KeyValueProperty {
   key: string;
diff --git a/packages/web-kitchensink-reactnext/src/categories/navigation/react/components/LinkButton/index.tsx b/packages/web-kitchensink-reactnext/src/categories/navigation/react/components/LinkButton/index.tsx
index 88af8e1..d599904 100644
--- a/packages/web-kitchensink-reactnext/src/categories/navigation/react/components/LinkButton/index.tsx
+++ b/packages/web-kitchensink-reactnext/src/categories/navigation/react/components/LinkButton/index.tsx
@@ -2,7 +2,7 @@ import * as React from 'react';
 import clsx from 'clsx';
 import * as ButtonBase from '@tesseract-design/web-base-button';
 
-type LinkButtonDerivedElement = HTMLAnchorElement;
+export type LinkButtonDerivedElement = HTMLAnchorElement;
 
 export interface LinkButtonProps extends Omit<React.HTMLProps<LinkButtonDerivedElement>, 'size'> {
   block?: boolean;
diff --git a/packages/web-kitchensink-reactnext/src/categories/number/react/components/Slider/index.tsx b/packages/web-kitchensink-reactnext/src/categories/number/react/components/Slider/index.tsx
index 34339ce..6c14030 100644
--- a/packages/web-kitchensink-reactnext/src/categories/number/react/components/Slider/index.tsx
+++ b/packages/web-kitchensink-reactnext/src/categories/number/react/components/Slider/index.tsx
@@ -36,7 +36,7 @@ const filterOptions = (children: React.ReactNode): React.ReactNode => {
 
 export type SliderOrientation = 'horizontal' | 'vertical';
 
-type SliderDerivedElement = HTMLInputElement;
+export type SliderDerivedElement = HTMLInputElement;
 
 export interface SliderProps extends Omit<React.HTMLProps<HTMLInputElement>, 'type'> {
   orient?: SliderOrientation;
diff --git a/packages/web-kitchensink-reactnext/src/categories/number/react/components/Spinner/index.tsx b/packages/web-kitchensink-reactnext/src/categories/number/react/components/Spinner/index.tsx
index de5cf65..837881d 100644
--- a/packages/web-kitchensink-reactnext/src/categories/number/react/components/Spinner/index.tsx
+++ b/packages/web-kitchensink-reactnext/src/categories/number/react/components/Spinner/index.tsx
@@ -3,7 +3,7 @@ import * as TextControlBase from '@tesseract-design/web-base-textcontrol';
 import clsx from 'clsx';
 import styles from './style.module.css';
 
-type SpinnerDerivedElement = HTMLInputElement;
+export type SpinnerDerivedElement = HTMLInputElement;
 
 export interface SpinnerProps extends Omit<React.HTMLProps<SpinnerDerivedElement>, 'size' | 'type' | 'label'> {
   /**
diff --git a/packages/web-kitchensink-reactnext/src/categories/option/react/components/ComboBox/index.tsx b/packages/web-kitchensink-reactnext/src/categories/option/react/components/ComboBox/index.tsx
index fb78882..6c60ef0 100644
--- a/packages/web-kitchensink-reactnext/src/categories/option/react/components/ComboBox/index.tsx
+++ b/packages/web-kitchensink-reactnext/src/categories/option/react/components/ComboBox/index.tsx
@@ -2,7 +2,7 @@ import * as React from 'react';
 import * as TextControlBase from '@tesseract-design/web-base-textcontrol';
 import clsx from 'clsx';
 
-type ComboBoxDerivedElement = HTMLInputElement;
+export type ComboBoxDerivedElement = HTMLInputElement;
 
 export interface ComboBoxProps extends Omit<React.HTMLProps<ComboBoxDerivedElement>, 'size' | 'type' | 'style' | 'label' | 'list'> {
   /**
diff --git a/packages/web-kitchensink-reactnext/src/categories/option/react/components/DropdownSelect/index.tsx b/packages/web-kitchensink-reactnext/src/categories/option/react/components/DropdownSelect/index.tsx
index ab835c8..0b0e6fc 100644
--- a/packages/web-kitchensink-reactnext/src/categories/option/react/components/DropdownSelect/index.tsx
+++ b/packages/web-kitchensink-reactnext/src/categories/option/react/components/DropdownSelect/index.tsx
@@ -4,7 +4,7 @@ import * as SelectControlBase from '@tesseract-design/web-base-selectcontrol';
 import clsx from 'clsx';
 import {RenderOptions} from '@/categories/option/react';
 
-type DropdownSelectDerivedElement = HTMLSelectElement;
+export type DropdownSelectDerivedElement = HTMLSelectElement;
 
 export interface DropdownSelectProps extends Omit<React.HTMLProps<DropdownSelectDerivedElement>, 'size' | 'type' | 'style' | 'label' | 'list'> {
   /**
diff --git a/packages/web-kitchensink-reactnext/src/categories/option/react/components/MenuSelect/index.tsx b/packages/web-kitchensink-reactnext/src/categories/option/react/components/MenuSelect/index.tsx
index 65164c5..483b161 100644
--- a/packages/web-kitchensink-reactnext/src/categories/option/react/components/MenuSelect/index.tsx
+++ b/packages/web-kitchensink-reactnext/src/categories/option/react/components/MenuSelect/index.tsx
@@ -2,7 +2,7 @@ import * as React from 'react';
 import * as TextControlBase from '@tesseract-design/web-base-textcontrol';
 import clsx from 'clsx';
 
-type MenuSelectDerivedElement = HTMLSelectElement;
+export type MenuSelectDerivedElement = HTMLSelectElement;
 
 export interface MenuSelectProps extends Omit<React.HTMLProps<MenuSelectDerivedElement>, 'size' | 'style' | 'label'> {
   /**
diff --git a/packages/web-kitchensink-reactnext/src/categories/option/react/components/ToggleSwitch/index.tsx b/packages/web-kitchensink-reactnext/src/categories/option/react/components/ToggleSwitch/index.tsx
index 6cafb42..6bb2226 100644
--- a/packages/web-kitchensink-reactnext/src/categories/option/react/components/ToggleSwitch/index.tsx
+++ b/packages/web-kitchensink-reactnext/src/categories/option/react/components/ToggleSwitch/index.tsx
@@ -1,7 +1,6 @@
 import * as React from 'react';
 import clsx from 'clsx';
 import styles from './style.module.css';
-import {ToggleButtonDerivedElement} from '@/categories/option/react';
 
 export type ToggleSwitchDerivedElement = HTMLInputElement;
 
@@ -26,7 +25,7 @@ export const ToggleSwitch = React.forwardRef<ToggleSwitchDerivedElement, ToggleS
   indeterminate = false,
   ...etcProps
 }, forwardedRef) => {
-  const defaultRef = React.useRef<ToggleButtonDerivedElement>(null);
+  const defaultRef = React.useRef<ToggleSwitchDerivedElement>(null);
   const ref = forwardedRef ?? defaultRef;
   const defaultId = React.useId();
   const id = idProp ?? defaultId;
diff --git a/packages/web-kitchensink-reactnext/src/categories/option/react/components/ToggleTickBox/index.tsx b/packages/web-kitchensink-reactnext/src/categories/option/react/components/ToggleTickBox/index.tsx
index 0738368..c50ca7b 100644
--- a/packages/web-kitchensink-reactnext/src/categories/option/react/components/ToggleTickBox/index.tsx
+++ b/packages/web-kitchensink-reactnext/src/categories/option/react/components/ToggleTickBox/index.tsx
@@ -1,7 +1,6 @@
 import * as React from 'react';
 import clsx from 'clsx';
 import styles from './style.module.css';
-import {ToggleButtonDerivedElement} from '@/categories/option/react';
 
 export type ToggleTickBoxDerivedElement = HTMLInputElement;
 
@@ -23,7 +22,7 @@ export const ToggleTickBox = React.forwardRef<ToggleTickBoxDerivedElement, Toggl
   indeterminate = false,
   ...etcProps
 }, forwardedRef) => {
-  const defaultRef = React.useRef<ToggleButtonDerivedElement>(null);
+  const defaultRef = React.useRef<ToggleTickBoxDerivedElement>(null);
   const ref = forwardedRef ?? defaultRef;
   const defaultId = React.useId();
   const id = idProp ?? defaultId;
diff --git a/packages/web-kitchensink-reactnext/src/packages/react-binary-data-canvas/index.tsx b/packages/web-kitchensink-reactnext/src/packages/react-binary-data-canvas/index.tsx
index fdadaa6..0a8a89e 100644
--- a/packages/web-kitchensink-reactnext/src/packages/react-binary-data-canvas/index.tsx
+++ b/packages/web-kitchensink-reactnext/src/packages/react-binary-data-canvas/index.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import styles from './style.module.css';
 
-type BinaryDataCanvasDerivedElement = HTMLDivElement;
+export type BinaryDataCanvasDerivedElement = HTMLDivElement;
 
 export interface BinaryDataCanvasProps extends Omit<React.HTMLProps<BinaryDataCanvasDerivedElement>, 'children' | 'headers'> {
   arrayBuffer?: ArrayBuffer;
diff --git a/packages/web-kitchensink-reactnext/src/packages/react-refractor/index.tsx b/packages/web-kitchensink-reactnext/src/packages/react-refractor/index.tsx
index 77af805..565b2c3 100644
--- a/packages/web-kitchensink-reactnext/src/packages/react-refractor/index.tsx
+++ b/packages/web-kitchensink-reactnext/src/packages/react-refractor/index.tsx
@@ -3,9 +3,9 @@ import RefractorCore from 'react-refractor/all';
 import styles from './style.module.css';
 import {Marker} from 'react-refractor';
 
-type PrismDerivedElement = HTMLDivElement;
+export type RefractorDerivedElement = HTMLDivElement;
 
-export interface PrismProps extends Omit<React.HTMLProps<PrismDerivedElement>, 'children'> {
+export interface RefractorProps extends Omit<React.HTMLProps<RefractorDerivedElement>, 'children'> {
   code?: string;
   language?: string;
   lineNumbers?: boolean;
@@ -16,7 +16,7 @@ export interface PrismProps extends Omit<React.HTMLProps<PrismDerivedElement>, '
   markers?: Marker[];
 }
 
-export const Refractor = React.forwardRef<PrismDerivedElement, PrismProps>(({
+export const Refractor = React.forwardRef<RefractorDerivedElement, RefractorProps>(({
   code: codeRaw = '',
   language = 'plain',
   lineNumbers = false,
diff --git a/packages/web-kitchensink-reactnext/src/packages/react-wavesurfer/SpectrogramCanvas/index.tsx b/packages/web-kitchensink-reactnext/src/packages/react-wavesurfer/SpectrogramCanvas/index.tsx
index 2b4d5fa..e9c9baa 100644
--- a/packages/web-kitchensink-reactnext/src/packages/react-wavesurfer/SpectrogramCanvas/index.tsx
+++ b/packages/web-kitchensink-reactnext/src/packages/react-wavesurfer/SpectrogramCanvas/index.tsx
@@ -3,7 +3,7 @@ import {WaveSurferOptions} from 'wavesurfer.js';
 import clsx from 'clsx';
 import {getFormValues} from '@theoryofnekomata/formxtra';
 
-type SpectrogramCanvasDerivedElement = HTMLDivElement;
+export type SpectrogramCanvasDerivedElement = HTMLDivElement;
 
 export interface SpectrogramCanvasProps
   extends React.HTMLProps<SpectrogramCanvasDerivedElement>,
diff --git a/packages/web-kitchensink-reactnext/src/packages/react-wavesurfer/WaveformCanvas/index.tsx b/packages/web-kitchensink-reactnext/src/packages/react-wavesurfer/WaveformCanvas/index.tsx
index cb4db9c..8470ea0 100644
--- a/packages/web-kitchensink-reactnext/src/packages/react-wavesurfer/WaveformCanvas/index.tsx
+++ b/packages/web-kitchensink-reactnext/src/packages/react-wavesurfer/WaveformCanvas/index.tsx
@@ -3,7 +3,7 @@ import {WaveSurferOptions} from 'wavesurfer.js';
 import clsx from 'clsx';
 import {getFormValues} from '@theoryofnekomata/formxtra';
 
-type WaveformCanvasDerivedElement = HTMLDivElement;
+export type WaveformCanvasDerivedElement = HTMLDivElement;
 
 export interface WaveformCanvasProps
   extends React.HTMLProps<WaveformCanvasDerivedElement>,