diff --git a/components/doc/accessibility/colorsdoc.js b/components/doc/accessibility/colorsdoc.js
index 1fd1fd8562..88aa4e76cf 100644
--- a/components/doc/accessibility/colorsdoc.js
+++ b/components/doc/accessibility/colorsdoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ColorsDoc(props) {
return (
diff --git a/components/doc/accessibility/formcontrolsdoc.js b/components/doc/accessibility/formcontrolsdoc.js
index c898062469..0facec92a9 100644
--- a/components/doc/accessibility/formcontrolsdoc.js
+++ b/components/doc/accessibility/formcontrolsdoc.js
@@ -1,5 +1,5 @@
-import { CodeHighlight } from '../common/codehighlight';
-import { DocSectionText } from '../common/docsectiontext';
+import { CodeHighlight } from '@/components/doc/common/codehighlight';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function FormControlsDoc(props) {
return (
diff --git a/components/doc/accessibility/introductiondoc.js b/components/doc/accessibility/introductiondoc.js
index 07137bd05a..7575e4d947 100644
--- a/components/doc/accessibility/introductiondoc.js
+++ b/components/doc/accessibility/introductiondoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function IntroductionDoc(props) {
return (
diff --git a/components/doc/accessibility/semantichtmldoc.js b/components/doc/accessibility/semantichtmldoc.js
index 70c8761ba0..f29e950c9d 100644
--- a/components/doc/accessibility/semantichtmldoc.js
+++ b/components/doc/accessibility/semantichtmldoc.js
@@ -1,5 +1,5 @@
-import { CodeHighlight } from '../common/codehighlight';
-import { DocSectionText } from '../common/docsectiontext';
+import { CodeHighlight } from '@/components/doc/common/codehighlight';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function SemanticHTMLDoc(props) {
return (
diff --git a/components/doc/accessibility/waiariadoc.js b/components/doc/accessibility/waiariadoc.js
index ffe956512a..62e050a73f 100644
--- a/components/doc/accessibility/waiariadoc.js
+++ b/components/doc/accessibility/waiariadoc.js
@@ -1,7 +1,7 @@
+import { CodeHighlight } from '@/components/doc/common/codehighlight';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Checkbox } from '@/components/lib/checkbox/Checkbox';
import { useState } from 'react';
-import { Checkbox } from '../../lib/checkbox/Checkbox';
-import { CodeHighlight } from '../common/codehighlight';
-import { DocSectionText } from '../common/docsectiontext';
export function WAIAriaDoc(props) {
const [checked, setChecked] = useState(false);
diff --git a/components/doc/accessibility/wcagdoc.js b/components/doc/accessibility/wcagdoc.js
index 22584c2d61..696b871505 100644
--- a/components/doc/accessibility/wcagdoc.js
+++ b/components/doc/accessibility/wcagdoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function WCAGDoc(props) {
return (
diff --git a/components/doc/accordion/accessibilitydoc.js b/components/doc/accordion/accessibilitydoc.js
index d06711cce0..c2b50fe052 100644
--- a/components/doc/accordion/accessibilitydoc.js
+++ b/components/doc/accordion/accessibilitydoc.js
@@ -1,5 +1,5 @@
-import { DevelopmentSection } from '../common/developmentsection';
-import { DocSectionText } from '../common/docsectiontext';
+import { DevelopmentSection } from '@/components/doc/common/developmentsection';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function AccessibilityDoc() {
return (
diff --git a/components/doc/accordion/basicdoc.js b/components/doc/accordion/basicdoc.js
index 8116097dbe..fd1960aecd 100644
--- a/components/doc/accordion/basicdoc.js
+++ b/components/doc/accordion/basicdoc.js
@@ -1,6 +1,6 @@
-import { Accordion, AccordionTab } from '../../lib/accordion/Accordion';
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Accordion, AccordionTab } from '@/components/lib/accordion/Accordion';
export function BasicDoc(props) {
const code = {
diff --git a/components/doc/accordion/controlleddoc.js b/components/doc/accordion/controlleddoc.js
index 5edb9c30c8..5e214fdf26 100644
--- a/components/doc/accordion/controlleddoc.js
+++ b/components/doc/accordion/controlleddoc.js
@@ -1,8 +1,8 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Accordion, AccordionTab } from '@/components/lib/accordion/Accordion';
+import { Button } from '@/components/lib/button/Button';
import { useState } from 'react';
-import { Accordion, AccordionTab } from '../../lib/accordion/Accordion';
-import { Button } from '../../lib/button/Button';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function ControlledDoc(props) {
const [activeIndex, setActiveIndex] = useState(null);
diff --git a/components/doc/accordion/disableddoc.js b/components/doc/accordion/disableddoc.js
index 928cdc791a..f1ad7678da 100644
--- a/components/doc/accordion/disableddoc.js
+++ b/components/doc/accordion/disableddoc.js
@@ -1,6 +1,6 @@
-import { Accordion, AccordionTab } from '../../lib/accordion/Accordion';
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Accordion, AccordionTab } from '@/components/lib/accordion/Accordion';
export function DisabledDoc(props) {
const code = {
diff --git a/components/doc/accordion/dynamicdoc.js b/components/doc/accordion/dynamicdoc.js
index 8f378961bd..0eed88ffdd 100644
--- a/components/doc/accordion/dynamicdoc.js
+++ b/components/doc/accordion/dynamicdoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Accordion, AccordionTab } from '@/components/lib/accordion/Accordion';
import { useState } from 'react';
-import { Accordion, AccordionTab } from '../../lib/accordion/Accordion';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function DynamicDoc(props) {
const [tabs] = useState([
diff --git a/components/doc/accordion/importdoc.js b/components/doc/accordion/importdoc.js
index ab6f8925bd..1d300fe6ee 100644
--- a/components/doc/accordion/importdoc.js
+++ b/components/doc/accordion/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/accordion/multipledoc.js b/components/doc/accordion/multipledoc.js
index 41e0a97f5c..62a04f55f9 100644
--- a/components/doc/accordion/multipledoc.js
+++ b/components/doc/accordion/multipledoc.js
@@ -1,6 +1,6 @@
-import { Accordion, AccordionTab } from '../../lib/accordion/Accordion';
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Accordion, AccordionTab } from '@/components/lib/accordion/Accordion';
export function MultipleDoc(props) {
const code = {
diff --git a/components/doc/accordion/pt/ptdoc.js b/components/doc/accordion/pt/ptdoc.js
index fa11c371bb..3a039db3fb 100644
--- a/components/doc/accordion/pt/ptdoc.js
+++ b/components/doc/accordion/pt/ptdoc.js
@@ -1,6 +1,6 @@
-import { Accordion, AccordionTab } from '../../../lib/accordion/Accordion';
-import { DocSectionText } from '../../common/docsectiontext';
-import { DocSectionCode } from '../../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Accordion, AccordionTab } from '@/components/lib/accordion/Accordion';
export function PTDoc(props) {
const tabs = [
diff --git a/components/doc/accordion/pt/wireframe.js b/components/doc/accordion/pt/wireframe.js
index cb29efdfdb..3db17977a1 100644
--- a/components/doc/accordion/pt/wireframe.js
+++ b/components/doc/accordion/pt/wireframe.js
@@ -1,5 +1,4 @@
-import React from 'react';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export const Wireframe = (props) => {
return (
diff --git a/components/doc/accordion/styledoc.js b/components/doc/accordion/styledoc.js
index 7cb5a90d86..ea59f382ae 100644
--- a/components/doc/accordion/styledoc.js
+++ b/components/doc/accordion/styledoc.js
@@ -1,5 +1,5 @@
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionText } from '../common/docsectiontext';
export function StyleDoc() {
return (
diff --git a/components/doc/accordion/templatedoc.js b/components/doc/accordion/templatedoc.js
index c6250925d1..08915f00bb 100644
--- a/components/doc/accordion/templatedoc.js
+++ b/components/doc/accordion/templatedoc.js
@@ -1,7 +1,6 @@
-import React from 'react';
-import { Accordion, AccordionTab } from '../../lib/accordion/Accordion';
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Accordion, AccordionTab } from '@/components/lib/accordion/Accordion';
export function TemplateDoc(props) {
const code = {
diff --git a/components/doc/accordion/theming/styleddoc.js b/components/doc/accordion/theming/styleddoc.js
index 9d880bbdbe..c4312a2801 100644
--- a/components/doc/accordion/theming/styleddoc.js
+++ b/components/doc/accordion/theming/styleddoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyledDoc(props) {
return (
diff --git a/components/doc/accordion/theming/tailwinddoc.js b/components/doc/accordion/theming/tailwinddoc.js
index f539ea3e00..7692649ac2 100644
--- a/components/doc/accordion/theming/tailwinddoc.js
+++ b/components/doc/accordion/theming/tailwinddoc.js
@@ -1,6 +1,6 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function TailwindDoc(props) {
const code = {
diff --git a/components/doc/autocomplete/accessibilitydoc.js b/components/doc/autocomplete/accessibilitydoc.js
index 51797b2581..9b5c84b2b0 100644
--- a/components/doc/autocomplete/accessibilitydoc.js
+++ b/components/doc/autocomplete/accessibilitydoc.js
@@ -1,6 +1,6 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DevelopmentSection } from '../common/developmentsection';
+import { DevelopmentSection } from '@/components/doc/common/developmentsection';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function AccessibilityDoc() {
const code = {
diff --git a/components/doc/autocomplete/basicdoc.js b/components/doc/autocomplete/basicdoc.js
index 43aa3267b1..90d641d862 100644
--- a/components/doc/autocomplete/basicdoc.js
+++ b/components/doc/autocomplete/basicdoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { AutoComplete } from '@/components/lib/autocomplete/AutoComplete';
import { useState } from 'react';
-import { AutoComplete } from '../../lib/autocomplete/AutoComplete';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function BasicDoc(props) {
const [value, setValue] = useState('');
diff --git a/components/doc/autocomplete/disableddoc.js b/components/doc/autocomplete/disableddoc.js
index fe1a48dd3f..feba885b54 100644
--- a/components/doc/autocomplete/disableddoc.js
+++ b/components/doc/autocomplete/disableddoc.js
@@ -1,7 +1,6 @@
-import React from 'react';
-import { AutoComplete } from '../../lib/autocomplete/AutoComplete';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { AutoComplete } from '@/components/lib/autocomplete/AutoComplete';
export function DisabledDoc(props) {
const code = {
diff --git a/components/doc/autocomplete/dropdowndoc.js b/components/doc/autocomplete/dropdowndoc.js
index d158219cfb..fb8b1e023e 100644
--- a/components/doc/autocomplete/dropdowndoc.js
+++ b/components/doc/autocomplete/dropdowndoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { AutoComplete } from '@/components/lib/autocomplete/AutoComplete';
import { useState } from 'react';
-import { AutoComplete } from '../../lib/autocomplete/AutoComplete';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function DropdownDoc(props) {
const [value, setValue] = useState('');
diff --git a/components/doc/autocomplete/floatlabeldoc.js b/components/doc/autocomplete/floatlabeldoc.js
index 2fd247cd79..3c767317e5 100644
--- a/components/doc/autocomplete/floatlabeldoc.js
+++ b/components/doc/autocomplete/floatlabeldoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { AutoComplete } from '@/components/lib/autocomplete/AutoComplete';
import { useState } from 'react';
-import { AutoComplete } from '../../lib/autocomplete/AutoComplete';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function FloatLabelDoc(props) {
const [value, setValue] = useState('');
diff --git a/components/doc/autocomplete/forceselectiondoc.js b/components/doc/autocomplete/forceselectiondoc.js
index ff94932571..4780b4b67a 100644
--- a/components/doc/autocomplete/forceselectiondoc.js
+++ b/components/doc/autocomplete/forceselectiondoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { AutoComplete } from '@/components/lib/autocomplete/AutoComplete';
import { useState } from 'react';
-import { AutoComplete } from '../../lib/autocomplete/AutoComplete';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function ForceSelectionDoc(props) {
const [value, setValue] = useState('');
diff --git a/components/doc/autocomplete/form/formikdoc.js b/components/doc/autocomplete/form/formikdoc.js
index f91fc5bfbd..c06936b3bc 100644
--- a/components/doc/autocomplete/form/formikdoc.js
+++ b/components/doc/autocomplete/form/formikdoc.js
@@ -1,11 +1,11 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { AutoComplete } from '@/components/lib/autocomplete/AutoComplete';
+import { Button } from '@/components/lib/button/Button';
+import { Toast } from '@/components/lib/toast/Toast';
+import { classNames } from '@/components/lib/utils/Utils';
import { useFormik } from 'formik';
-import React, { useRef, useState } from 'react';
-import { AutoComplete } from '../../../lib/autocomplete/AutoComplete';
-import { Button } from '../../../lib/button/Button';
-import { Toast } from '../../../lib/toast/Toast';
-import { classNames } from '../../../lib/utils/Utils';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
+import { useRef, useState } from 'react';
export function FormikDoc(props) {
const toast = useRef(null);
diff --git a/components/doc/autocomplete/form/hookformdoc.js b/components/doc/autocomplete/form/hookformdoc.js
index 45a9c36a5f..aa4fb17df1 100644
--- a/components/doc/autocomplete/form/hookformdoc.js
+++ b/components/doc/autocomplete/form/hookformdoc.js
@@ -1,11 +1,11 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { AutoComplete } from '@/components/lib/autocomplete/AutoComplete';
+import { Button } from '@/components/lib/button/Button';
+import { Toast } from '@/components/lib/toast/Toast';
+import { classNames } from '@/components/lib/utils/Utils';
import { useRef, useState } from 'react';
import { Controller, useForm } from 'react-hook-form';
-import { AutoComplete } from '../../../lib/autocomplete/AutoComplete';
-import { Button } from '../../../lib/button/Button';
-import { Toast } from '../../../lib/toast/Toast';
-import { classNames } from '../../../lib/utils/Utils';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function HookFormDoc(props) {
const toast = useRef(null);
diff --git a/components/doc/autocomplete/groupdoc.js b/components/doc/autocomplete/groupdoc.js
index 8fe8904f13..988bcb6651 100644
--- a/components/doc/autocomplete/groupdoc.js
+++ b/components/doc/autocomplete/groupdoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { AutoComplete } from '@/components/lib/autocomplete/AutoComplete';
import { useState } from 'react';
-import { AutoComplete } from '../../lib/autocomplete/AutoComplete';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function GroupDoc(props) {
const [selectedCity, setSelectedCity] = useState(null);
diff --git a/components/doc/autocomplete/importdoc.js b/components/doc/autocomplete/importdoc.js
index 8b8e015d55..709d44ac0d 100644
--- a/components/doc/autocomplete/importdoc.js
+++ b/components/doc/autocomplete/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/autocomplete/invaliddoc.js b/components/doc/autocomplete/invaliddoc.js
index f167433ac8..8bda7ff412 100644
--- a/components/doc/autocomplete/invaliddoc.js
+++ b/components/doc/autocomplete/invaliddoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { AutoComplete } from '@/components/lib/autocomplete/AutoComplete';
import { useState } from 'react';
-import { AutoComplete } from '../../lib/autocomplete/AutoComplete';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function InvalidDoc(props) {
const [value, setValue] = useState('');
diff --git a/components/doc/autocomplete/multipledoc.js b/components/doc/autocomplete/multipledoc.js
index 4db71ce4f9..671e93e94c 100644
--- a/components/doc/autocomplete/multipledoc.js
+++ b/components/doc/autocomplete/multipledoc.js
@@ -1,8 +1,8 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { AutoComplete } from '@/components/lib/autocomplete/AutoComplete';
import { useEffect, useState } from 'react';
import { CountryService } from '../../../service/CountryService';
-import { AutoComplete } from '../../lib/autocomplete/AutoComplete';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function MultipleDoc(props) {
const [countries, setCountries] = useState([]);
diff --git a/components/doc/autocomplete/objectsdoc.js b/components/doc/autocomplete/objectsdoc.js
index 4ecb209b12..4cddc54272 100644
--- a/components/doc/autocomplete/objectsdoc.js
+++ b/components/doc/autocomplete/objectsdoc.js
@@ -1,8 +1,8 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { AutoComplete } from '@/components/lib/autocomplete/AutoComplete';
import { useEffect, useState } from 'react';
import { CountryService } from '../../../service/CountryService';
-import { AutoComplete } from '../../lib/autocomplete/AutoComplete';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function ObjectsDoc(props) {
const [countries, setCountries] = useState([]);
diff --git a/components/doc/autocomplete/pt/ptdoc.js b/components/doc/autocomplete/pt/ptdoc.js
index 64e4e1a5e4..ad4d492be7 100644
--- a/components/doc/autocomplete/pt/ptdoc.js
+++ b/components/doc/autocomplete/pt/ptdoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { AutoComplete } from '@/components/lib/autocomplete/AutoComplete';
import { useState } from 'react';
-import { AutoComplete } from '../../../lib/autocomplete/AutoComplete';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function PTDoc(props) {
const [value, setValue] = useState('');
diff --git a/components/doc/autocomplete/pt/wireframe.js b/components/doc/autocomplete/pt/wireframe.js
index 5d4df1349c..1b4a953ab7 100644
--- a/components/doc/autocomplete/pt/wireframe.js
+++ b/components/doc/autocomplete/pt/wireframe.js
@@ -1,5 +1,4 @@
-import React from 'react';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export const Wireframe = (props) => {
return (
diff --git a/components/doc/autocomplete/styledoc.js b/components/doc/autocomplete/styledoc.js
index c16face4e4..ba55597d4e 100644
--- a/components/doc/autocomplete/styledoc.js
+++ b/components/doc/autocomplete/styledoc.js
@@ -1,5 +1,5 @@
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionText } from '../common/docsectiontext';
export function StyleDoc() {
return (
diff --git a/components/doc/autocomplete/templatedoc.js b/components/doc/autocomplete/templatedoc.js
index aca7cb8252..57e06a4852 100644
--- a/components/doc/autocomplete/templatedoc.js
+++ b/components/doc/autocomplete/templatedoc.js
@@ -1,8 +1,8 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { AutoComplete } from '@/components/lib/autocomplete/AutoComplete';
import { useEffect, useState } from 'react';
import { CountryService } from '../../../service/CountryService';
-import { AutoComplete } from '../../lib/autocomplete/AutoComplete';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function TemplateDoc(props) {
const [countries, setCountries] = useState([]);
diff --git a/components/doc/autocomplete/theming/styleddoc.js b/components/doc/autocomplete/theming/styleddoc.js
index 010089303a..a6a3a1f998 100644
--- a/components/doc/autocomplete/theming/styleddoc.js
+++ b/components/doc/autocomplete/theming/styleddoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyledDoc(props) {
return (
diff --git a/components/doc/autocomplete/theming/tailwinddoc.js b/components/doc/autocomplete/theming/tailwinddoc.js
index eb2397b298..9e01ad1f92 100644
--- a/components/doc/autocomplete/theming/tailwinddoc.js
+++ b/components/doc/autocomplete/theming/tailwinddoc.js
@@ -1,6 +1,6 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function TailwindDoc(props) {
const code = {
diff --git a/components/doc/autocomplete/virtualscrolldoc.js b/components/doc/autocomplete/virtualscrolldoc.js
index 45a49739b7..823b2cd866 100644
--- a/components/doc/autocomplete/virtualscrolldoc.js
+++ b/components/doc/autocomplete/virtualscrolldoc.js
@@ -1,8 +1,8 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { AutoComplete } from '@/components/lib/autocomplete/AutoComplete';
import Link from 'next/link';
import { useState } from 'react';
-import { AutoComplete } from '../../lib/autocomplete/AutoComplete';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function VirtualScrollDoc(props) {
const [selectedItem, setSelectedItem] = useState(null);
diff --git a/components/doc/avatar/accessibilitydoc.js b/components/doc/avatar/accessibilitydoc.js
index b6c3aa6750..d833827afd 100644
--- a/components/doc/avatar/accessibilitydoc.js
+++ b/components/doc/avatar/accessibilitydoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DevelopmentSection } from '../common/developmentsection';
+import { DevelopmentSection } from '@/components/doc/common/developmentsection';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function AccessibilityDoc() {
return (
diff --git a/components/doc/avatar/groupdoc.js b/components/doc/avatar/groupdoc.js
index 6f302401b6..ef9ef445e3 100644
--- a/components/doc/avatar/groupdoc.js
+++ b/components/doc/avatar/groupdoc.js
@@ -1,7 +1,7 @@
-import { Avatar } from '../../lib/avatar/Avatar';
-import { AvatarGroup } from '../../lib/avatargroup/AvatarGroup';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Avatar } from '@/components/lib/avatar/Avatar';
+import { AvatarGroup } from '@/components/lib/avatargroup/AvatarGroup';
export function GroupDoc(props) {
const code = {
diff --git a/components/doc/avatar/icondoc.js b/components/doc/avatar/icondoc.js
index ac7ea6dfe0..d9b6a1509e 100644
--- a/components/doc/avatar/icondoc.js
+++ b/components/doc/avatar/icondoc.js
@@ -1,7 +1,7 @@
-import { Badge } from '../../lib/badge/Badge';
-import { Avatar } from '../../lib/avatar/Avatar';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Avatar } from '@/components/lib/avatar/Avatar';
+import { Badge } from '@/components/lib/badge/Badge';
export function IconDoc(props) {
const code = {
diff --git a/components/doc/avatar/imagedoc.js b/components/doc/avatar/imagedoc.js
index f1251301a0..0ebea6d2a6 100644
--- a/components/doc/avatar/imagedoc.js
+++ b/components/doc/avatar/imagedoc.js
@@ -1,7 +1,7 @@
-import { Avatar } from '../../lib/avatar/Avatar';
-import { Badge } from '../../lib/badge/Badge';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Avatar } from '@/components/lib/avatar/Avatar';
+import { Badge } from '@/components/lib/badge/Badge';
export function ImageDoc(props) {
const code = {
diff --git a/components/doc/avatar/importdoc.js b/components/doc/avatar/importdoc.js
index 0ebc652da8..9ef33e3413 100644
--- a/components/doc/avatar/importdoc.js
+++ b/components/doc/avatar/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/avatar/labeldoc.js b/components/doc/avatar/labeldoc.js
index e00e4eda14..f207b8174a 100644
--- a/components/doc/avatar/labeldoc.js
+++ b/components/doc/avatar/labeldoc.js
@@ -1,7 +1,7 @@
-import { Badge } from '../../lib/badge/Badge';
-import { Avatar } from '../../lib/avatar/Avatar';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Avatar } from '@/components/lib/avatar/Avatar';
+import { Badge } from '@/components/lib/badge/Badge';
export function LabelDoc(props) {
const code = {
diff --git a/components/doc/avatar/pt/ptdoc.js b/components/doc/avatar/pt/ptdoc.js
index 5d6d0d3649..460a4f4478 100644
--- a/components/doc/avatar/pt/ptdoc.js
+++ b/components/doc/avatar/pt/ptdoc.js
@@ -1,6 +1,6 @@
-import { Avatar } from '../../../lib/avatar/Avatar';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Avatar } from '@/components/lib/avatar/Avatar';
export function PTDoc(props) {
const code = {
diff --git a/components/doc/avatar/pt/wireframe.js b/components/doc/avatar/pt/wireframe.js
index 97fcefe5b0..8553999a8b 100644
--- a/components/doc/avatar/pt/wireframe.js
+++ b/components/doc/avatar/pt/wireframe.js
@@ -1,5 +1,4 @@
-import React from 'react';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export const Wireframe = (props) => {
return (
diff --git a/components/doc/avatar/styledoc.js b/components/doc/avatar/styledoc.js
index 10df691b6b..0ccdb228ce 100644
--- a/components/doc/avatar/styledoc.js
+++ b/components/doc/avatar/styledoc.js
@@ -1,5 +1,5 @@
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionText } from '../common/docsectiontext';
export function StyleDoc() {
return (
diff --git a/components/doc/avatar/theming/styleddoc.js b/components/doc/avatar/theming/styleddoc.js
index 20a376f12f..a1af46994b 100644
--- a/components/doc/avatar/theming/styleddoc.js
+++ b/components/doc/avatar/theming/styleddoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyledDoc(props) {
return (
diff --git a/components/doc/avatar/theming/tailwinddoc.js b/components/doc/avatar/theming/tailwinddoc.js
index 3dcd3b58b5..22fecac375 100644
--- a/components/doc/avatar/theming/tailwinddoc.js
+++ b/components/doc/avatar/theming/tailwinddoc.js
@@ -1,6 +1,6 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function TailwindDoc(props) {
const code = {
diff --git a/components/doc/badge/accessibilitydoc.js b/components/doc/badge/accessibilitydoc.js
index 4150c96b69..9274429bc6 100644
--- a/components/doc/badge/accessibilitydoc.js
+++ b/components/doc/badge/accessibilitydoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DevelopmentSection } from '../common/developmentsection';
+import { DevelopmentSection } from '@/components/doc/common/developmentsection';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function AccessibilityDoc() {
return (
diff --git a/components/doc/badge/basicdoc.js b/components/doc/badge/basicdoc.js
index 6e70aa40ef..f87aeceaba 100644
--- a/components/doc/badge/basicdoc.js
+++ b/components/doc/badge/basicdoc.js
@@ -1,6 +1,6 @@
-import { Badge } from '../../lib/badge/Badge';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Badge } from '@/components/lib/badge/Badge';
export function BasicDoc(props) {
const code = {
diff --git a/components/doc/badge/buttondoc.js b/components/doc/badge/buttondoc.js
index 6551eed5f7..a8465c8ba6 100644
--- a/components/doc/badge/buttondoc.js
+++ b/components/doc/badge/buttondoc.js
@@ -1,7 +1,7 @@
-import { Badge } from '../../lib/badge/Badge';
-import { Button } from '../../lib/button/Button';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Badge } from '@/components/lib/badge/Badge';
+import { Button } from '@/components/lib/button/Button';
export function ButtonDoc(props) {
const code = {
diff --git a/components/doc/badge/importdoc.js b/components/doc/badge/importdoc.js
index d8792fd44c..cb5e4640fb 100644
--- a/components/doc/badge/importdoc.js
+++ b/components/doc/badge/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/badge/positiondoc.js b/components/doc/badge/positiondoc.js
index 4f669f9534..399a4ba21c 100644
--- a/components/doc/badge/positiondoc.js
+++ b/components/doc/badge/positiondoc.js
@@ -1,6 +1,6 @@
-import { Badge } from '../../lib/badge/Badge';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Badge } from '@/components/lib/badge/Badge';
export function PositionDoc(props) {
const code = {
diff --git a/components/doc/badge/pt/ptdoc.js b/components/doc/badge/pt/ptdoc.js
index 284ea395ad..fe6393819b 100644
--- a/components/doc/badge/pt/ptdoc.js
+++ b/components/doc/badge/pt/ptdoc.js
@@ -1,6 +1,6 @@
-import { DocSectionText } from '../../common/docsectiontext';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { Badge } from '../../../lib/badge/Badge';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Badge } from '@/components/lib/badge/Badge';
export function PTDoc(props) {
const code = {
diff --git a/components/doc/badge/pt/wireframe.js b/components/doc/badge/pt/wireframe.js
index 94226cc9df..da473ac88a 100644
--- a/components/doc/badge/pt/wireframe.js
+++ b/components/doc/badge/pt/wireframe.js
@@ -1,5 +1,4 @@
-import React from 'react';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export const Wireframe = (props) => {
return (
diff --git a/components/doc/badge/severitydoc.js b/components/doc/badge/severitydoc.js
index a2bc276ddc..ad2426f161 100644
--- a/components/doc/badge/severitydoc.js
+++ b/components/doc/badge/severitydoc.js
@@ -1,6 +1,6 @@
-import { Badge } from '../../lib/badge/Badge';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Badge } from '@/components/lib/badge/Badge';
export function SeverityDoc(props) {
const code = {
diff --git a/components/doc/badge/sizedoc.js b/components/doc/badge/sizedoc.js
index cc73504185..709c012ab0 100644
--- a/components/doc/badge/sizedoc.js
+++ b/components/doc/badge/sizedoc.js
@@ -1,6 +1,6 @@
-import { Badge } from '../../lib/badge/Badge';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Badge } from '@/components/lib/badge/Badge';
export function SizeDoc(props) {
const code = {
diff --git a/components/doc/badge/styledoc.js b/components/doc/badge/styledoc.js
index 6b3cb8e542..265b71d6c3 100644
--- a/components/doc/badge/styledoc.js
+++ b/components/doc/badge/styledoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
export function StyleDoc() {
diff --git a/components/doc/badge/theming/styleddoc.js b/components/doc/badge/theming/styleddoc.js
index b0678dbd75..5f3f890350 100644
--- a/components/doc/badge/theming/styleddoc.js
+++ b/components/doc/badge/theming/styleddoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyledDoc(props) {
return (
diff --git a/components/doc/badge/theming/tailwinddoc.js b/components/doc/badge/theming/tailwinddoc.js
index 6c27bb3c37..bf70ebdb77 100644
--- a/components/doc/badge/theming/tailwinddoc.js
+++ b/components/doc/badge/theming/tailwinddoc.js
@@ -1,6 +1,6 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function TailwindDoc(props) {
const code = {
diff --git a/components/doc/blockui/accessibilitydoc.js b/components/doc/blockui/accessibilitydoc.js
index d7984d5dff..8e5f214304 100644
--- a/components/doc/blockui/accessibilitydoc.js
+++ b/components/doc/blockui/accessibilitydoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DevelopmentSection } from '../common/developmentsection';
+import { DevelopmentSection } from '@/components/doc/common/developmentsection';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function AccessibilityDoc() {
return (
diff --git a/components/doc/blockui/basicdoc.js b/components/doc/blockui/basicdoc.js
index e4946ce528..f9652ea5d7 100644
--- a/components/doc/blockui/basicdoc.js
+++ b/components/doc/blockui/basicdoc.js
@@ -1,9 +1,9 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
import { useState } from 'react';
import { BlockUI } from '../../../components/lib/blockui/BlockUI';
import { Panel } from '../../../components/lib/panel/Panel';
-import { Button } from '../../lib/button/Button';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function BasicDoc(props) {
const [blocked, setBlocked] = useState(false);
diff --git a/components/doc/blockui/documentdoc.js b/components/doc/blockui/documentdoc.js
index 7518395d9c..429b1e1275 100644
--- a/components/doc/blockui/documentdoc.js
+++ b/components/doc/blockui/documentdoc.js
@@ -1,6 +1,6 @@
-import React, { useState, useEffect } from 'react';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { useEffect, useState } from 'react';
import { BlockUI } from '../../../components/lib/blockui/BlockUI';
import { Button } from '../../../components/lib/button/Button';
diff --git a/components/doc/blockui/importdoc.js b/components/doc/blockui/importdoc.js
index aa13408d90..a2cb196f75 100644
--- a/components/doc/blockui/importdoc.js
+++ b/components/doc/blockui/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/blockui/pt/ptdoc.js b/components/doc/blockui/pt/ptdoc.js
index 4ddc531b64..ca81cc494c 100644
--- a/components/doc/blockui/pt/ptdoc.js
+++ b/components/doc/blockui/pt/ptdoc.js
@@ -1,7 +1,7 @@
-import { DocSectionText } from '../../common/docsectiontext';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { BlockUI } from '../../../lib/blockui/BlockUI';
-import { Button } from '../../../lib/button/Button';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { BlockUI } from '@/components/lib/blockui/BlockUI';
+import { Button } from '@/components/lib/button/Button';
import { useState } from 'react';
export function PTDoc(props) {
diff --git a/components/doc/blockui/pt/wireframe.js b/components/doc/blockui/pt/wireframe.js
index b4188585e0..2919cfb370 100644
--- a/components/doc/blockui/pt/wireframe.js
+++ b/components/doc/blockui/pt/wireframe.js
@@ -1,5 +1,4 @@
-import React from 'react';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export const Wireframe = (props) => {
return (
diff --git a/components/doc/blockui/styledoc.js b/components/doc/blockui/styledoc.js
index 9121870ee8..c3436fef96 100644
--- a/components/doc/blockui/styledoc.js
+++ b/components/doc/blockui/styledoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
export function StyleDoc() {
diff --git a/components/doc/blockui/templatedoc.js b/components/doc/blockui/templatedoc.js
index 568ba75771..d0117eec7e 100644
--- a/components/doc/blockui/templatedoc.js
+++ b/components/doc/blockui/templatedoc.js
@@ -1,9 +1,9 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
import { useState } from 'react';
import { BlockUI } from '../../../components/lib/blockui/BlockUI';
import { Panel } from '../../../components/lib/panel/Panel';
-import { Button } from '../../lib/button/Button';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function TemplateDoc(props) {
const [blocked, setBlocked] = useState(false);
diff --git a/components/doc/blockui/theming/styleddoc.js b/components/doc/blockui/theming/styleddoc.js
index 148736bcd7..4bbbc9f794 100644
--- a/components/doc/blockui/theming/styleddoc.js
+++ b/components/doc/blockui/theming/styleddoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyledDoc(props) {
return (
diff --git a/components/doc/blockui/theming/tailwinddoc.js b/components/doc/blockui/theming/tailwinddoc.js
index 8e9e2cf009..68e5211d43 100644
--- a/components/doc/blockui/theming/tailwinddoc.js
+++ b/components/doc/blockui/theming/tailwinddoc.js
@@ -1,6 +1,6 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function TailwindDoc(props) {
const code = {
diff --git a/components/doc/bootstrap/exampledoc.js b/components/doc/bootstrap/exampledoc.js
index 167c413092..96d9957935 100644
--- a/components/doc/bootstrap/exampledoc.js
+++ b/components/doc/bootstrap/exampledoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ExampleDoc(props) {
return (
diff --git a/components/doc/bootstrap/setupdoc.js b/components/doc/bootstrap/setupdoc.js
index f8c181e056..9b3db45d1f 100644
--- a/components/doc/bootstrap/setupdoc.js
+++ b/components/doc/bootstrap/setupdoc.js
@@ -1,5 +1,5 @@
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionText } from '../common/docsectiontext';
export function SetupDoc(props) {
return (
diff --git a/components/doc/breadcrumb/accessibilitydoc.js b/components/doc/breadcrumb/accessibilitydoc.js
index 5f70c4a05d..9b4f5a6580 100644
--- a/components/doc/breadcrumb/accessibilitydoc.js
+++ b/components/doc/breadcrumb/accessibilitydoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DevelopmentSection } from '../common/developmentsection';
+import { DevelopmentSection } from '@/components/doc/common/developmentsection';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function AccessibilityDoc() {
return (
diff --git a/components/doc/breadcrumb/basicdoc.js b/components/doc/breadcrumb/basicdoc.js
index ccd712cc76..42dd77c79f 100644
--- a/components/doc/breadcrumb/basicdoc.js
+++ b/components/doc/breadcrumb/basicdoc.js
@@ -1,6 +1,6 @@
-import { BreadCrumb } from '../../lib/breadcrumb/BreadCrumb';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { BreadCrumb } from '@/components/lib/breadcrumb/BreadCrumb';
export function BasicDoc(props) {
const items = [{ label: 'Computer' }, { label: 'Notebook' }, { label: 'Accessories' }, { label: 'Backpacks' }, { label: 'Item' }];
diff --git a/components/doc/breadcrumb/importdoc.js b/components/doc/breadcrumb/importdoc.js
index ac1683c214..373804170a 100644
--- a/components/doc/breadcrumb/importdoc.js
+++ b/components/doc/breadcrumb/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/breadcrumb/pt/ptdoc.js b/components/doc/breadcrumb/pt/ptdoc.js
index 09c6d93d54..42b78af47d 100644
--- a/components/doc/breadcrumb/pt/ptdoc.js
+++ b/components/doc/breadcrumb/pt/ptdoc.js
@@ -1,6 +1,6 @@
-import { BreadCrumb } from '../../../lib/breadcrumb/BreadCrumb';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { BreadCrumb } from '@/components/lib/breadcrumb/BreadCrumb';
export function PTDoc(props) {
const items = [{ label: 'Computer' }, { label: 'Notebook' }, { label: 'Accessories' }, { label: 'Backpacks' }, { label: 'Item' }];
diff --git a/components/doc/breadcrumb/pt/wireframe.js b/components/doc/breadcrumb/pt/wireframe.js
index 0f2b46dc50..d056e9633c 100644
--- a/components/doc/breadcrumb/pt/wireframe.js
+++ b/components/doc/breadcrumb/pt/wireframe.js
@@ -1,5 +1,4 @@
-import React from 'react';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export const Wireframe = (props) => {
return (
diff --git a/components/doc/breadcrumb/styledoc.js b/components/doc/breadcrumb/styledoc.js
index 1d0c364c7d..42b5e923da 100644
--- a/components/doc/breadcrumb/styledoc.js
+++ b/components/doc/breadcrumb/styledoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
export function StyleDoc() {
diff --git a/components/doc/breadcrumb/templatedoc.js b/components/doc/breadcrumb/templatedoc.js
index 0524389352..0fcbe4a38f 100644
--- a/components/doc/breadcrumb/templatedoc.js
+++ b/components/doc/breadcrumb/templatedoc.js
@@ -1,6 +1,6 @@
-import { BreadCrumb } from '../../lib/breadcrumb/BreadCrumb';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { BreadCrumb } from '@/components/lib/breadcrumb/BreadCrumb';
export function TemplateDoc(props) {
const iconItemTemplate = (item, options) => {
diff --git a/components/doc/breadcrumb/theming/styleddoc.js b/components/doc/breadcrumb/theming/styleddoc.js
index 8d23fc93a2..c45990fad4 100644
--- a/components/doc/breadcrumb/theming/styleddoc.js
+++ b/components/doc/breadcrumb/theming/styleddoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyledDoc(props) {
return (
diff --git a/components/doc/breadcrumb/theming/tailwinddoc.js b/components/doc/breadcrumb/theming/tailwinddoc.js
index 517398bd76..63f931e5b7 100644
--- a/components/doc/breadcrumb/theming/tailwinddoc.js
+++ b/components/doc/breadcrumb/theming/tailwinddoc.js
@@ -1,6 +1,6 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function TailwindDoc(props) {
const code = {
diff --git a/components/doc/bulma/exampledoc.js b/components/doc/bulma/exampledoc.js
index 5028ec3113..5614dc91d8 100644
--- a/components/doc/bulma/exampledoc.js
+++ b/components/doc/bulma/exampledoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ExampleDoc(props) {
return (
diff --git a/components/doc/bulma/setupdoc.js b/components/doc/bulma/setupdoc.js
index 40d19eafe9..d6c55ac790 100644
--- a/components/doc/bulma/setupdoc.js
+++ b/components/doc/bulma/setupdoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function SetupDoc(props) {
return (
diff --git a/components/doc/button/accessibilitydoc.js b/components/doc/button/accessibilitydoc.js
index cdb7f6f21d..5e1e78d58e 100644
--- a/components/doc/button/accessibilitydoc.js
+++ b/components/doc/button/accessibilitydoc.js
@@ -1,6 +1,6 @@
-import { DevelopmentSection } from '../common/developmentsection';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DevelopmentSection } from '@/components/doc/common/developmentsection';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function AccessibilityDoc() {
const code = {
diff --git a/components/doc/button/badgesdoc.js b/components/doc/button/badgesdoc.js
index 279cd04668..7e89174a4c 100644
--- a/components/doc/button/badgesdoc.js
+++ b/components/doc/button/badgesdoc.js
@@ -1,6 +1,6 @@
-import { Button } from '../../lib/button/Button';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
export function BadgesDoc(props) {
const code = {
diff --git a/components/doc/button/basicdoc.js b/components/doc/button/basicdoc.js
index d702fb2e85..0f7eb599b3 100644
--- a/components/doc/button/basicdoc.js
+++ b/components/doc/button/basicdoc.js
@@ -1,6 +1,6 @@
-import { Button } from '../../lib/button/Button';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
export function BasicDoc(props) {
const code = {
diff --git a/components/doc/button/buttonsetdoc.js b/components/doc/button/buttonsetdoc.js
index 33cd9f6a1f..4cab4858f8 100644
--- a/components/doc/button/buttonsetdoc.js
+++ b/components/doc/button/buttonsetdoc.js
@@ -1,6 +1,6 @@
-import { Button } from '../../lib/button/Button';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
export function ButtonSetDoc(props) {
const code = {
diff --git a/components/doc/button/disableddoc.js b/components/doc/button/disableddoc.js
index 4e9a2bdae1..5aaf8358ee 100644
--- a/components/doc/button/disableddoc.js
+++ b/components/doc/button/disableddoc.js
@@ -1,6 +1,6 @@
-import { Button } from '../../lib/button/Button';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
export function DisabledDoc(props) {
const code = {
diff --git a/components/doc/button/icononlydoc.js b/components/doc/button/icononlydoc.js
index 477f6dd01f..bea2523f97 100644
--- a/components/doc/button/icononlydoc.js
+++ b/components/doc/button/icononlydoc.js
@@ -1,6 +1,6 @@
-import { Button } from '../../lib/button/Button';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
export function IconOnlyDoc(props) {
const code = {
diff --git a/components/doc/button/iconsdoc.js b/components/doc/button/iconsdoc.js
index f34c382170..270411306a 100644
--- a/components/doc/button/iconsdoc.js
+++ b/components/doc/button/iconsdoc.js
@@ -1,6 +1,6 @@
-import { Button } from '../../lib/button/Button';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
export function IconsDoc(props) {
const code = {
diff --git a/components/doc/button/importdoc.js b/components/doc/button/importdoc.js
index 1dbc48968d..1e2c513f2d 100644
--- a/components/doc/button/importdoc.js
+++ b/components/doc/button/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/button/linkdoc.js b/components/doc/button/linkdoc.js
index d6588bc9fd..ff3985b48d 100644
--- a/components/doc/button/linkdoc.js
+++ b/components/doc/button/linkdoc.js
@@ -1,6 +1,6 @@
-import { Button } from '../../lib/button/Button';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
export function LinkDoc(props) {
const code = {
diff --git a/components/doc/button/loadingdoc.js b/components/doc/button/loadingdoc.js
index fc0c484c87..e666cde2a9 100644
--- a/components/doc/button/loadingdoc.js
+++ b/components/doc/button/loadingdoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
import { useState } from 'react';
-import { Button } from '../../lib/button/Button';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function LoadingDoc(props) {
const [loading, setLoading] = useState(false);
diff --git a/components/doc/button/outlineddoc.js b/components/doc/button/outlineddoc.js
index 5042d52e82..ba4615b74d 100644
--- a/components/doc/button/outlineddoc.js
+++ b/components/doc/button/outlineddoc.js
@@ -1,6 +1,6 @@
-import { Button } from '../../lib/button/Button';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
export function OutlinedDoc(props) {
const code = {
diff --git a/components/doc/button/pt/ptdoc.js b/components/doc/button/pt/ptdoc.js
index 6e605a0c18..3903fab953 100644
--- a/components/doc/button/pt/ptdoc.js
+++ b/components/doc/button/pt/ptdoc.js
@@ -1,6 +1,6 @@
-import { Button } from '../../../lib/button/Button';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
export function PTDoc(props) {
const code = {
diff --git a/components/doc/button/pt/wireframe.js b/components/doc/button/pt/wireframe.js
index dd16b983e9..70f9902ca0 100644
--- a/components/doc/button/pt/wireframe.js
+++ b/components/doc/button/pt/wireframe.js
@@ -1,5 +1,4 @@
-import React from 'react';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export const Wireframe = (props) => {
return (
diff --git a/components/doc/button/raiseddoc.js b/components/doc/button/raiseddoc.js
index b4306a7309..efb1f3f4e4 100644
--- a/components/doc/button/raiseddoc.js
+++ b/components/doc/button/raiseddoc.js
@@ -1,6 +1,6 @@
-import { Button } from '../../lib/button/Button';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
export function RaisedDoc(props) {
const code = {
diff --git a/components/doc/button/raisedtextdoc.js b/components/doc/button/raisedtextdoc.js
index 9b8309acc9..83f74d16f4 100644
--- a/components/doc/button/raisedtextdoc.js
+++ b/components/doc/button/raisedtextdoc.js
@@ -1,6 +1,6 @@
-import { Button } from '../../lib/button/Button';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
export function RaisedTextDoc(props) {
const code = {
diff --git a/components/doc/button/roundeddoc.js b/components/doc/button/roundeddoc.js
index dd6fa93c09..93c885a823 100644
--- a/components/doc/button/roundeddoc.js
+++ b/components/doc/button/roundeddoc.js
@@ -1,6 +1,6 @@
-import { Button } from '../../lib/button/Button';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
export function RoundedDoc(props) {
const code = {
diff --git a/components/doc/button/severitydoc.js b/components/doc/button/severitydoc.js
index b60c3df959..6f3538f29e 100644
--- a/components/doc/button/severitydoc.js
+++ b/components/doc/button/severitydoc.js
@@ -1,6 +1,6 @@
-import { Button } from '../../lib/button/Button';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
export function SeverityDoc(props) {
const code = {
diff --git a/components/doc/button/sizesdoc.js b/components/doc/button/sizesdoc.js
index f0b987e11b..8f473c73c0 100644
--- a/components/doc/button/sizesdoc.js
+++ b/components/doc/button/sizesdoc.js
@@ -1,6 +1,6 @@
-import { Button } from '../../lib/button/Button';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
export function SizesDoc(props) {
const code = {
diff --git a/components/doc/button/styledoc.js b/components/doc/button/styledoc.js
index e9842732e0..c932ef94ba 100644
--- a/components/doc/button/styledoc.js
+++ b/components/doc/button/styledoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
export function StyleDoc() {
diff --git a/components/doc/button/templatedoc.js b/components/doc/button/templatedoc.js
index a4f851fa82..796e4f9d2b 100644
--- a/components/doc/button/templatedoc.js
+++ b/components/doc/button/templatedoc.js
@@ -1,6 +1,6 @@
-import { Button } from '../../lib/button/Button';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
export function TemplateDoc(props) {
const code = {
diff --git a/components/doc/button/textdoc.js b/components/doc/button/textdoc.js
index c5500fb7d3..a0548f9209 100644
--- a/components/doc/button/textdoc.js
+++ b/components/doc/button/textdoc.js
@@ -1,6 +1,6 @@
-import { Button } from '../../lib/button/Button';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
export function TextDoc(props) {
const code = {
diff --git a/components/doc/button/theming/styleddoc.js b/components/doc/button/theming/styleddoc.js
index f38dc89410..dc013c61cf 100644
--- a/components/doc/button/theming/styleddoc.js
+++ b/components/doc/button/theming/styleddoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyledDoc(props) {
return (
diff --git a/components/doc/button/theming/tailwinddoc.js b/components/doc/button/theming/tailwinddoc.js
index 760d4f8f85..e6bc6dedcb 100644
--- a/components/doc/button/theming/tailwinddoc.js
+++ b/components/doc/button/theming/tailwinddoc.js
@@ -1,6 +1,6 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function TailwindDoc(props) {
const code = {
diff --git a/components/doc/calendar/accessibilitydoc.js b/components/doc/calendar/accessibilitydoc.js
index 6ae76d3daf..6e01f4501d 100644
--- a/components/doc/calendar/accessibilitydoc.js
+++ b/components/doc/calendar/accessibilitydoc.js
@@ -1,6 +1,6 @@
-import { DevelopmentSection } from '../common/developmentsection';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DevelopmentSection } from '@/components/doc/common/developmentsection';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
diff --git a/components/doc/calendar/basicdoc.js b/components/doc/calendar/basicdoc.js
index 5aa45deb9c..8f6b3a7b58 100644
--- a/components/doc/calendar/basicdoc.js
+++ b/components/doc/calendar/basicdoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Calendar } from '@/components/lib/calendar/Calendar';
import { useState } from 'react';
-import { Calendar } from '../../lib/calendar/Calendar';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function BasicDoc(props) {
const [date, setDate] = useState(null);
diff --git a/components/doc/calendar/buttonbardoc.js b/components/doc/calendar/buttonbardoc.js
index 31f6b8526a..dfb1cca97e 100644
--- a/components/doc/calendar/buttonbardoc.js
+++ b/components/doc/calendar/buttonbardoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Calendar } from '@/components/lib/calendar/Calendar';
import { useState } from 'react';
-import { Calendar } from '../../lib/calendar/Calendar';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function ButtonBarDoc(props) {
const [date, setDate] = useState(null);
diff --git a/components/doc/calendar/datetemplatedoc.js b/components/doc/calendar/datetemplatedoc.js
index f95db50b02..426fe81f52 100644
--- a/components/doc/calendar/datetemplatedoc.js
+++ b/components/doc/calendar/datetemplatedoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Calendar } from '@/components/lib/calendar/Calendar';
import { useState } from 'react';
-import { Calendar } from '../../lib/calendar/Calendar';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function DateTemplateDoc(props) {
const [date, setDate] = useState(null);
diff --git a/components/doc/calendar/disableddoc.js b/components/doc/calendar/disableddoc.js
index 777fd9bfe2..799c2b8efb 100644
--- a/components/doc/calendar/disableddoc.js
+++ b/components/doc/calendar/disableddoc.js
@@ -1,6 +1,6 @@
-import { Calendar } from '../../lib/calendar/Calendar';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Calendar } from '@/components/lib/calendar/Calendar';
export function DisabledDoc(props) {
const code = {
diff --git a/components/doc/calendar/floatlabeldoc.js b/components/doc/calendar/floatlabeldoc.js
index ef1a2ed684..6c19eea8ba 100644
--- a/components/doc/calendar/floatlabeldoc.js
+++ b/components/doc/calendar/floatlabeldoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Calendar } from '@/components/lib/calendar/Calendar';
import { useState } from 'react';
-import { Calendar } from '../../lib/calendar/Calendar';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function FloatLabelDoc(props) {
const [date, setDate] = useState(null);
diff --git a/components/doc/calendar/form/formikdoc.js b/components/doc/calendar/form/formikdoc.js
index 921b6f2b4e..06c3a716e8 100644
--- a/components/doc/calendar/form/formikdoc.js
+++ b/components/doc/calendar/form/formikdoc.js
@@ -1,11 +1,11 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { Calendar } from '@/components/lib/calendar/Calendar';
+import { Toast } from '@/components/lib/toast/Toast';
+import { classNames } from '@/components/lib/utils/Utils';
import { useFormik } from 'formik';
-import React, { useRef } from 'react';
-import { Button } from '../../../lib/button/Button';
-import { Calendar } from '../../../lib/calendar/Calendar';
-import { Toast } from '../../../lib/toast/Toast';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
-import { classNames } from '../../../lib/utils/Utils';
+import { useRef } from 'react';
export function FormikDoc(props) {
const toast = useRef(null);
diff --git a/components/doc/calendar/form/hookfromdoc.js b/components/doc/calendar/form/hookfromdoc.js
index 1ddeef45ad..b5b04a1781 100644
--- a/components/doc/calendar/form/hookfromdoc.js
+++ b/components/doc/calendar/form/hookfromdoc.js
@@ -1,11 +1,11 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { Calendar } from '@/components/lib/calendar/Calendar';
+import { Toast } from '@/components/lib/toast/Toast';
+import { classNames } from '@/components/lib/utils/Utils';
import { useRef } from 'react';
import { Controller, useForm } from 'react-hook-form';
-import { Button } from '../../../lib/button/Button';
-import { Calendar } from '../../../lib/calendar/Calendar';
-import { Toast } from '../../../lib/toast/Toast';
-import { classNames } from '../../../lib/utils/Utils';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function HookFormDoc(props) {
const toast = useRef(null);
diff --git a/components/doc/calendar/formatdoc.js b/components/doc/calendar/formatdoc.js
index 8d32829ba8..059c446825 100644
--- a/components/doc/calendar/formatdoc.js
+++ b/components/doc/calendar/formatdoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Calendar } from '@/components/lib/calendar/Calendar';
import { useState } from 'react';
-import { Calendar } from '../../lib/calendar/Calendar';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function FormatDoc(props) {
const [date, setDate] = useState(null);
diff --git a/components/doc/calendar/icondoc.js b/components/doc/calendar/icondoc.js
index 52760b1216..f0eec174c6 100644
--- a/components/doc/calendar/icondoc.js
+++ b/components/doc/calendar/icondoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Calendar } from '@/components/lib/calendar/Calendar';
import { useState } from 'react';
-import { Calendar } from '../../lib/calendar/Calendar';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function IconDoc(props) {
const [date, setDate] = useState(null);
diff --git a/components/doc/calendar/importdoc.js b/components/doc/calendar/importdoc.js
index b3055d4ed9..79b6f55624 100644
--- a/components/doc/calendar/importdoc.js
+++ b/components/doc/calendar/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/calendar/inlinedoc.js b/components/doc/calendar/inlinedoc.js
index 0ca0ff909c..8fdfe9f892 100644
--- a/components/doc/calendar/inlinedoc.js
+++ b/components/doc/calendar/inlinedoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Calendar } from '@/components/lib/calendar/Calendar';
import { useState } from 'react';
-import { Calendar } from '../../lib/calendar/Calendar';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function InlineDoc(props) {
const [date, setDate] = useState(null);
diff --git a/components/doc/calendar/invaliddoc.js b/components/doc/calendar/invaliddoc.js
index f1d217a335..a72653555f 100644
--- a/components/doc/calendar/invaliddoc.js
+++ b/components/doc/calendar/invaliddoc.js
@@ -1,6 +1,6 @@
-import { Calendar } from '../../lib/calendar/Calendar';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Calendar } from '@/components/lib/calendar/Calendar';
export function InvalidDoc(props) {
const code = {
diff --git a/components/doc/calendar/localedoc.js b/components/doc/calendar/localedoc.js
index 59a72e9b97..9e85edbae7 100644
--- a/components/doc/calendar/localedoc.js
+++ b/components/doc/calendar/localedoc.js
@@ -1,9 +1,9 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { addLocale } from '@/components/lib/api/Locale';
+import { Calendar } from '@/components/lib/calendar/Calendar';
import Link from 'next/link';
import { useState } from 'react';
-import { addLocale } from '../../lib/api/Locale';
-import { Calendar } from '../../lib/calendar/Calendar';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function LocaleDoc(props) {
const [date, setDate] = useState(null);
diff --git a/components/doc/calendar/minmaxdoc.js b/components/doc/calendar/minmaxdoc.js
index 505aeb100d..7a3a0151a5 100644
--- a/components/doc/calendar/minmaxdoc.js
+++ b/components/doc/calendar/minmaxdoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Calendar } from '@/components/lib/calendar/Calendar';
import { useState } from 'react';
-import { Calendar } from '../../lib/calendar/Calendar';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function MinMaxDoc(props) {
let today = new Date();
diff --git a/components/doc/calendar/monthpickerdoc.js b/components/doc/calendar/monthpickerdoc.js
index 865bd6f0a8..3fb0d639f9 100644
--- a/components/doc/calendar/monthpickerdoc.js
+++ b/components/doc/calendar/monthpickerdoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Calendar } from '@/components/lib/calendar/Calendar';
import { useState } from 'react';
-import { Calendar } from '../../lib/calendar/Calendar';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function MonthPickerDoc(props) {
const [date, setDate] = useState(null);
diff --git a/components/doc/calendar/multipledoc.js b/components/doc/calendar/multipledoc.js
index bb09324baf..743abb2d13 100644
--- a/components/doc/calendar/multipledoc.js
+++ b/components/doc/calendar/multipledoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Calendar } from '@/components/lib/calendar/Calendar';
import { useState } from 'react';
-import { Calendar } from '../../lib/calendar/Calendar';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function MultipleDoc(props) {
const [dates, setDates] = useState(null);
diff --git a/components/doc/calendar/multiplemonthsdoc.js b/components/doc/calendar/multiplemonthsdoc.js
index f1e1d1e333..c80fbb6832 100644
--- a/components/doc/calendar/multiplemonthsdoc.js
+++ b/components/doc/calendar/multiplemonthsdoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Calendar } from '@/components/lib/calendar/Calendar';
import { useState } from 'react';
-import { Calendar } from '../../lib/calendar/Calendar';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function MultipleMonthsDoc(props) {
const [date, setDate] = useState(null);
diff --git a/components/doc/calendar/pt/ptdoc.js b/components/doc/calendar/pt/ptdoc.js
index 642ee87aac..51cb451f8c 100644
--- a/components/doc/calendar/pt/ptdoc.js
+++ b/components/doc/calendar/pt/ptdoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Calendar } from '@/components/lib/calendar/Calendar';
import { useState } from 'react';
-import { Calendar } from '../../../lib/calendar/Calendar';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function PTDoc(props) {
const [date, setDate] = useState(null);
diff --git a/components/doc/calendar/pt/wireframe.js b/components/doc/calendar/pt/wireframe.js
index 0f33a870b9..a2cd812c85 100644
--- a/components/doc/calendar/pt/wireframe.js
+++ b/components/doc/calendar/pt/wireframe.js
@@ -1,5 +1,4 @@
-import React from 'react';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export const Wireframe = (props) => {
return (
diff --git a/components/doc/calendar/rangedoc.js b/components/doc/calendar/rangedoc.js
index ebefaa0cea..eda74a7be1 100644
--- a/components/doc/calendar/rangedoc.js
+++ b/components/doc/calendar/rangedoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Calendar } from '@/components/lib/calendar/Calendar';
import { useState } from 'react';
-import { Calendar } from '../../lib/calendar/Calendar';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function RangeDoc(props) {
const [dates, setDates] = useState(null);
diff --git a/components/doc/calendar/styledoc.js b/components/doc/calendar/styledoc.js
index 09d7a18b7e..f583423e5e 100644
--- a/components/doc/calendar/styledoc.js
+++ b/components/doc/calendar/styledoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
export function StyleDoc() {
diff --git a/components/doc/calendar/theming/styleddoc.js b/components/doc/calendar/theming/styleddoc.js
index 2f62b0a175..f063a9170b 100644
--- a/components/doc/calendar/theming/styleddoc.js
+++ b/components/doc/calendar/theming/styleddoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyledDoc(props) {
return (
diff --git a/components/doc/calendar/theming/tailwinddoc.js b/components/doc/calendar/theming/tailwinddoc.js
index 264befd88a..fd4cf5a2b6 100644
--- a/components/doc/calendar/theming/tailwinddoc.js
+++ b/components/doc/calendar/theming/tailwinddoc.js
@@ -1,6 +1,6 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function TailwindDoc(props) {
const code = {
diff --git a/components/doc/calendar/timedoc.js b/components/doc/calendar/timedoc.js
index 7f7493a181..6c0b7e30ca 100644
--- a/components/doc/calendar/timedoc.js
+++ b/components/doc/calendar/timedoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Calendar } from '@/components/lib/calendar/Calendar';
import { useState } from 'react';
-import { Calendar } from '../../lib/calendar/Calendar';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function TimeDoc(props) {
const [datetime12h, setDateTime12h] = useState(null);
diff --git a/components/doc/calendar/touchuidoc.js b/components/doc/calendar/touchuidoc.js
index 0dd61ff950..dd6a79463e 100644
--- a/components/doc/calendar/touchuidoc.js
+++ b/components/doc/calendar/touchuidoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Calendar } from '@/components/lib/calendar/Calendar';
import { useState } from 'react';
-import { Calendar } from '../../lib/calendar/Calendar';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function TouchUIDoc(props) {
const [date, setDate] = useState(null);
diff --git a/components/doc/calendar/yearpickerdoc.js b/components/doc/calendar/yearpickerdoc.js
index 00485eaee9..c5e59eb542 100644
--- a/components/doc/calendar/yearpickerdoc.js
+++ b/components/doc/calendar/yearpickerdoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Calendar } from '@/components/lib/calendar/Calendar';
import { useState } from 'react';
-import { Calendar } from '../../lib/calendar/Calendar';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function YearPickerDoc(props) {
const [date, setDate] = useState(null);
diff --git a/components/doc/captcha/accessibilitydoc.js b/components/doc/captcha/accessibilitydoc.js
index f1e6d6ff73..f1d30ecee7 100644
--- a/components/doc/captcha/accessibilitydoc.js
+++ b/components/doc/captcha/accessibilitydoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DevelopmentSection } from '../common/developmentsection';
+import { DevelopmentSection } from '@/components/doc/common/developmentsection';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function AccessibilityDoc() {
return (
diff --git a/components/doc/captcha/captchadoc.js b/components/doc/captcha/captchadoc.js
index 4084e06459..fcc7dc152c 100644
--- a/components/doc/captcha/captchadoc.js
+++ b/components/doc/captcha/captchadoc.js
@@ -1,8 +1,8 @@
-import React, { useRef } from 'react';
-import { Captcha } from '../../lib/captcha/Captcha';
-import { Toast } from '../../lib/toast/Toast';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Captcha } from '@/components/lib/captcha/Captcha';
+import { Toast } from '@/components/lib/toast/Toast';
+import { useRef } from 'react';
export function CaptchaDoc(props) {
const toast = useRef(null);
diff --git a/components/doc/captcha/importdoc.js b/components/doc/captcha/importdoc.js
index a21263bd20..36814b46f3 100644
--- a/components/doc/captcha/importdoc.js
+++ b/components/doc/captcha/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/card/accessibilitydoc.js b/components/doc/card/accessibilitydoc.js
index dafafdd6d4..7b0227bf42 100644
--- a/components/doc/card/accessibilitydoc.js
+++ b/components/doc/card/accessibilitydoc.js
@@ -1,6 +1,6 @@
-import { DevelopmentSection } from '../common/developmentsection';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DevelopmentSection } from '@/components/doc/common/developmentsection';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function AccessibilityDoc() {
const code = {
diff --git a/components/doc/card/advanceddoc.js b/components/doc/card/advanceddoc.js
index 8d1211432e..647850f6c2 100644
--- a/components/doc/card/advanceddoc.js
+++ b/components/doc/card/advanceddoc.js
@@ -1,7 +1,7 @@
-import { Button } from '../../lib/button/Button';
-import { Card } from '../../lib/card/Card';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { Card } from '@/components/lib/card/Card';
export function AdvancedDoc(props) {
const header = ;
diff --git a/components/doc/card/basicdoc.js b/components/doc/card/basicdoc.js
index 974fc84483..7fbca50fab 100644
--- a/components/doc/card/basicdoc.js
+++ b/components/doc/card/basicdoc.js
@@ -1,6 +1,6 @@
-import { Card } from '../../lib/card/Card';
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Card } from '@/components/lib/card/Card';
export function BasicDoc(props) {
const code = {
diff --git a/components/doc/card/importdoc.js b/components/doc/card/importdoc.js
index 6423aecc97..8b6cbabe79 100644
--- a/components/doc/card/importdoc.js
+++ b/components/doc/card/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/card/pt/ptdoc.js b/components/doc/card/pt/ptdoc.js
index 596128c797..c170c7be67 100644
--- a/components/doc/card/pt/ptdoc.js
+++ b/components/doc/card/pt/ptdoc.js
@@ -1,6 +1,6 @@
-import { DocSectionText } from '../../common/docsectiontext';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { Card } from '../../../lib/card/Card';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Card } from '@/components/lib/card/Card';
export function PTDoc(props) {
const code = {
diff --git a/components/doc/card/pt/wireframe.js b/components/doc/card/pt/wireframe.js
index 6c24e84823..c063492930 100644
--- a/components/doc/card/pt/wireframe.js
+++ b/components/doc/card/pt/wireframe.js
@@ -1,5 +1,4 @@
-import React from 'react';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export const Wireframe = (props) => {
return (
diff --git a/components/doc/card/styledoc.js b/components/doc/card/styledoc.js
index f0e331507a..28c03fc159 100644
--- a/components/doc/card/styledoc.js
+++ b/components/doc/card/styledoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
export function StyleDoc() {
diff --git a/components/doc/card/theming/styleddoc.js b/components/doc/card/theming/styleddoc.js
index 0724393c97..2e8a0448e0 100644
--- a/components/doc/card/theming/styleddoc.js
+++ b/components/doc/card/theming/styleddoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyledDoc(props) {
return (
diff --git a/components/doc/card/theming/tailwinddoc.js b/components/doc/card/theming/tailwinddoc.js
index fa52e5ba37..42cbd87da8 100644
--- a/components/doc/card/theming/tailwinddoc.js
+++ b/components/doc/card/theming/tailwinddoc.js
@@ -1,6 +1,6 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function TailwindDoc(props) {
const code = {
diff --git a/components/doc/carousel/accessibilitydoc.js b/components/doc/carousel/accessibilitydoc.js
index 96f11a83d4..93bc109c61 100644
--- a/components/doc/carousel/accessibilitydoc.js
+++ b/components/doc/carousel/accessibilitydoc.js
@@ -1,7 +1,7 @@
-import { DevelopmentSection } from '../common/developmentsection';
+import { DevelopmentSection } from '@/components/doc/common/developmentsection';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionText } from '../common/docsectiontext';
export function AccessibilityDoc() {
return (
diff --git a/components/doc/carousel/basicdoc.js b/components/doc/carousel/basicdoc.js
index e49d5b3e82..267c2a305f 100644
--- a/components/doc/carousel/basicdoc.js
+++ b/components/doc/carousel/basicdoc.js
@@ -1,10 +1,10 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { Carousel } from '@/components/lib/carousel/Carousel';
+import { Tag } from '@/components/lib/tag/Tag';
import { useEffect, useState } from 'react';
import { ProductService } from '../../../service/ProductService';
-import { Button } from '../../lib/button/Button';
-import { Carousel } from '../../lib/carousel/Carousel';
-import { Tag } from '../../lib/tag/Tag';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function BasicDoc(props) {
const [products, setProducts] = useState([]);
diff --git a/components/doc/carousel/circulardoc.js b/components/doc/carousel/circulardoc.js
index 8cebcc07f3..daf1242867 100644
--- a/components/doc/carousel/circulardoc.js
+++ b/components/doc/carousel/circulardoc.js
@@ -1,10 +1,10 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { Carousel } from '@/components/lib/carousel/Carousel';
+import { Tag } from '@/components/lib/tag/Tag';
import { useEffect, useState } from 'react';
import { ProductService } from '../../../service/ProductService';
-import { Button } from '../../lib/button/Button';
-import { Carousel } from '../../lib/carousel/Carousel';
-import { Tag } from '../../lib/tag/Tag';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function CircularDoc(props) {
const [products, setProducts] = useState([]);
diff --git a/components/doc/carousel/importdoc.js b/components/doc/carousel/importdoc.js
index a046070a9f..4664dbe77d 100644
--- a/components/doc/carousel/importdoc.js
+++ b/components/doc/carousel/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/carousel/numscrolldoc.js b/components/doc/carousel/numscrolldoc.js
index 2f1e607387..a7a262e4cc 100644
--- a/components/doc/carousel/numscrolldoc.js
+++ b/components/doc/carousel/numscrolldoc.js
@@ -1,10 +1,10 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { Carousel } from '@/components/lib/carousel/Carousel';
+import { Tag } from '@/components/lib/tag/Tag';
import { useEffect, useState } from 'react';
import { ProductService } from '../../../service/ProductService';
-import { Button } from '../../lib/button/Button';
-import { Carousel } from '../../lib/carousel/Carousel';
-import { Tag } from '../../lib/tag/Tag';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function NumScrollDoc(props) {
const [products, setProducts] = useState([]);
diff --git a/components/doc/carousel/pt/ptdoc.js b/components/doc/carousel/pt/ptdoc.js
index 9d0ae1b2c7..e0cca2bbe5 100644
--- a/components/doc/carousel/pt/ptdoc.js
+++ b/components/doc/carousel/pt/ptdoc.js
@@ -1,10 +1,10 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { Carousel } from '@/components/lib/carousel/Carousel';
+import { Tag } from '@/components/lib/tag/Tag';
import { useEffect, useState } from 'react';
import { ProductService } from '../../../../service/ProductService';
-import { Button } from '../../../lib/button/Button';
-import { Carousel } from '../../../lib/carousel/Carousel';
-import { Tag } from '../../../lib/tag/Tag';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function PTDoc(props) {
const [products, setProducts] = useState([]);
diff --git a/components/doc/carousel/pt/wireframe.js b/components/doc/carousel/pt/wireframe.js
index 538e47bd26..6df70da88b 100644
--- a/components/doc/carousel/pt/wireframe.js
+++ b/components/doc/carousel/pt/wireframe.js
@@ -1,5 +1,4 @@
-import React from 'react';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export const Wireframe = (props) => {
return (
diff --git a/components/doc/carousel/responsivedoc.js b/components/doc/carousel/responsivedoc.js
index 62be343b06..559d9d580d 100644
--- a/components/doc/carousel/responsivedoc.js
+++ b/components/doc/carousel/responsivedoc.js
@@ -1,10 +1,10 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { Carousel } from '@/components/lib/carousel/Carousel';
+import { Tag } from '@/components/lib/tag/Tag';
import { useEffect, useState } from 'react';
import { ProductService } from '../../../service/ProductService';
-import { Button } from '../../lib/button/Button';
-import { Carousel } from '../../lib/carousel/Carousel';
-import { Tag } from '../../lib/tag/Tag';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function ResponsiveDoc(props) {
const [products, setProducts] = useState([]);
diff --git a/components/doc/carousel/styledoc.js b/components/doc/carousel/styledoc.js
index d4eafd1d3a..006c7bfb9c 100644
--- a/components/doc/carousel/styledoc.js
+++ b/components/doc/carousel/styledoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyleDoc() {
return (
diff --git a/components/doc/carousel/theming/styleddoc.js b/components/doc/carousel/theming/styleddoc.js
index 88ee87c80c..d7aa0fe100 100644
--- a/components/doc/carousel/theming/styleddoc.js
+++ b/components/doc/carousel/theming/styleddoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyledDoc(props) {
return (
diff --git a/components/doc/carousel/theming/tailwinddoc.js b/components/doc/carousel/theming/tailwinddoc.js
index 743205021f..9d4a4f85d0 100644
--- a/components/doc/carousel/theming/tailwinddoc.js
+++ b/components/doc/carousel/theming/tailwinddoc.js
@@ -1,6 +1,6 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function TailwindDoc(props) {
const code = {
diff --git a/components/doc/carousel/verticaldoc.js b/components/doc/carousel/verticaldoc.js
index d9018a2bc2..4502035e62 100644
--- a/components/doc/carousel/verticaldoc.js
+++ b/components/doc/carousel/verticaldoc.js
@@ -1,10 +1,10 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { Carousel } from '@/components/lib/carousel/Carousel';
+import { Tag } from '@/components/lib/tag/Tag';
import { useEffect, useState } from 'react';
import { ProductService } from '../../../service/ProductService';
-import { Button } from '../../lib/button/Button';
-import { Carousel } from '../../lib/carousel/Carousel';
-import { Tag } from '../../lib/tag/Tag';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function VerticalDoc(props) {
const [products, setProducts] = useState([]);
diff --git a/components/doc/cascadeselect/accessibilitydoc.js b/components/doc/cascadeselect/accessibilitydoc.js
index 8d054f880b..bcb9b083aa 100644
--- a/components/doc/cascadeselect/accessibilitydoc.js
+++ b/components/doc/cascadeselect/accessibilitydoc.js
@@ -1,6 +1,6 @@
-import { DevelopmentSection } from '../common/developmentsection';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DevelopmentSection } from '@/components/doc/common/developmentsection';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function AccessibilityDoc() {
const code = {
diff --git a/components/doc/cascadeselect/basicdoc.js b/components/doc/cascadeselect/basicdoc.js
index cbc7e897ec..4ddbc6bcc6 100644
--- a/components/doc/cascadeselect/basicdoc.js
+++ b/components/doc/cascadeselect/basicdoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { CascadeSelect } from '@/components/lib/cascadeselect/CascadeSelect';
import { useState } from 'react';
-import { CascadeSelect } from '../../lib/cascadeselect/CascadeSelect';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function BasicDoc(props) {
const [selectedCity, setSelectedCity] = useState(null);
diff --git a/components/doc/cascadeselect/disableddoc.js b/components/doc/cascadeselect/disableddoc.js
index 16b4893734..bc574b2a08 100644
--- a/components/doc/cascadeselect/disableddoc.js
+++ b/components/doc/cascadeselect/disableddoc.js
@@ -1,6 +1,6 @@
-import { CascadeSelect } from '../../lib/cascadeselect/CascadeSelect';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { CascadeSelect } from '@/components/lib/cascadeselect/CascadeSelect';
export function DisabledDoc(props) {
const code = {
diff --git a/components/doc/cascadeselect/floatlabeldoc.js b/components/doc/cascadeselect/floatlabeldoc.js
index b8a0c4550d..8cee8092a3 100644
--- a/components/doc/cascadeselect/floatlabeldoc.js
+++ b/components/doc/cascadeselect/floatlabeldoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { CascadeSelect } from '@/components/lib/cascadeselect/CascadeSelect';
import { useState } from 'react';
-import { CascadeSelect } from '../../lib/cascadeselect/CascadeSelect';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function FloatLabelDoc(props) {
const [selectedCity, setSelectedCity] = useState(null);
diff --git a/components/doc/cascadeselect/form/formikdoc.js b/components/doc/cascadeselect/form/formikdoc.js
index 618e943d48..7415133023 100644
--- a/components/doc/cascadeselect/form/formikdoc.js
+++ b/components/doc/cascadeselect/form/formikdoc.js
@@ -1,11 +1,11 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { CascadeSelect } from '@/components/lib/cascadeselect/CascadeSelect';
+import { Toast } from '@/components/lib/toast/Toast';
+import { classNames } from '@/components/lib/utils/Utils';
import { useFormik } from 'formik';
import { useRef } from 'react';
-import { Button } from '../../../lib/button/Button';
-import { CascadeSelect } from '../../../lib/cascadeselect/CascadeSelect';
-import { Toast } from '../../../lib/toast/Toast';
-import { classNames } from '../../../lib/utils/Utils';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function FormikDoc(props) {
const toast = useRef(null);
diff --git a/components/doc/cascadeselect/form/hookformdoc.js b/components/doc/cascadeselect/form/hookformdoc.js
index 2ae38fcda2..3b7880e78e 100644
--- a/components/doc/cascadeselect/form/hookformdoc.js
+++ b/components/doc/cascadeselect/form/hookformdoc.js
@@ -1,11 +1,11 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { CascadeSelect } from '@/components/lib/cascadeselect/CascadeSelect';
+import { Toast } from '@/components/lib/toast/Toast';
+import { classNames } from '@/components/lib/utils/Utils';
import { useRef } from 'react';
import { Controller, useForm } from 'react-hook-form';
-import { Button } from '../../../lib/button/Button';
-import { CascadeSelect } from '../../../lib/cascadeselect/CascadeSelect';
-import { Toast } from '../../../lib/toast/Toast';
-import { classNames } from '../../../lib/utils/Utils';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function HookFormDoc(props) {
const toast = useRef(null);
diff --git a/components/doc/cascadeselect/importdoc.js b/components/doc/cascadeselect/importdoc.js
index a98a7199a2..afa2a26ee1 100644
--- a/components/doc/cascadeselect/importdoc.js
+++ b/components/doc/cascadeselect/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/cascadeselect/invaliddoc.js b/components/doc/cascadeselect/invaliddoc.js
index afbc925b56..4a7819bee8 100644
--- a/components/doc/cascadeselect/invaliddoc.js
+++ b/components/doc/cascadeselect/invaliddoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { CascadeSelect } from '@/components/lib/cascadeselect/CascadeSelect';
import { useState } from 'react';
-import { CascadeSelect } from '../../lib/cascadeselect/CascadeSelect';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function InvalidDoc(props) {
const [selectedCity, setSelectedCity] = useState(null);
diff --git a/components/doc/cascadeselect/pt/ptdoc.js b/components/doc/cascadeselect/pt/ptdoc.js
index fc7e4828cd..2faccef81d 100644
--- a/components/doc/cascadeselect/pt/ptdoc.js
+++ b/components/doc/cascadeselect/pt/ptdoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { CascadeSelect } from '@/components/lib/cascadeselect/CascadeSelect';
import { useState } from 'react';
-import { CascadeSelect } from '../../../lib/cascadeselect/CascadeSelect';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function PTDoc(props) {
const [selectedCity, setSelectedCity] = useState(null);
diff --git a/components/doc/cascadeselect/pt/wireframe.js b/components/doc/cascadeselect/pt/wireframe.js
index c54c31f42d..6db3fb675d 100644
--- a/components/doc/cascadeselect/pt/wireframe.js
+++ b/components/doc/cascadeselect/pt/wireframe.js
@@ -1,5 +1,4 @@
-import React from 'react';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export const Wireframe = (props) => {
return (
diff --git a/components/doc/cascadeselect/styledoc.js b/components/doc/cascadeselect/styledoc.js
index c7be55de6b..66b1186e0e 100644
--- a/components/doc/cascadeselect/styledoc.js
+++ b/components/doc/cascadeselect/styledoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
export function StyleDoc() {
diff --git a/components/doc/cascadeselect/templatedoc.js b/components/doc/cascadeselect/templatedoc.js
index e0cd3bef02..4cc9c01b02 100644
--- a/components/doc/cascadeselect/templatedoc.js
+++ b/components/doc/cascadeselect/templatedoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { CascadeSelect } from '@/components/lib/cascadeselect/CascadeSelect';
import { useState } from 'react';
-import { CascadeSelect } from '../../lib/cascadeselect/CascadeSelect';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function TemplateDoc(props) {
const [selectedCity, setSelectedCity] = useState(null);
diff --git a/components/doc/cascadeselect/theming/styleddoc.js b/components/doc/cascadeselect/theming/styleddoc.js
index 5527e28ea0..e026ddd459 100644
--- a/components/doc/cascadeselect/theming/styleddoc.js
+++ b/components/doc/cascadeselect/theming/styleddoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyledDoc(props) {
return (
diff --git a/components/doc/cascadeselect/theming/tailwinddoc.js b/components/doc/cascadeselect/theming/tailwinddoc.js
index f0b265f3b3..f3ddf9d0f8 100644
--- a/components/doc/cascadeselect/theming/tailwinddoc.js
+++ b/components/doc/cascadeselect/theming/tailwinddoc.js
@@ -1,6 +1,6 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function TailwindDoc(props) {
const code = {
diff --git a/components/doc/chart/accessibilitydoc.js b/components/doc/chart/accessibilitydoc.js
index 0f8f830445..2d32dbcdf0 100644
--- a/components/doc/chart/accessibilitydoc.js
+++ b/components/doc/chart/accessibilitydoc.js
@@ -1,6 +1,6 @@
-import { DevelopmentSection } from '../common/developmentsection';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DevelopmentSection } from '@/components/doc/common/developmentsection';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function AccessibilityDoc() {
const code = {
diff --git a/components/doc/chart/basicdoc.js b/components/doc/chart/basicdoc.js
index 33b3ffb6a8..ddee6e0323 100644
--- a/components/doc/chart/basicdoc.js
+++ b/components/doc/chart/basicdoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Chart } from '@/components/lib/chart/Chart';
import { useEffect, useState } from 'react';
-import { Chart } from '../../lib/chart/Chart';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function BasicDoc(props) {
const [chartData, setChartData] = useState({});
diff --git a/components/doc/chart/chartjsdoc.js b/components/doc/chart/chartjsdoc.js
index bc658c05e3..66f2553957 100644
--- a/components/doc/chart/chartjsdoc.js
+++ b/components/doc/chart/chartjsdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ChartJSDoc(props) {
const code = {
diff --git a/components/doc/chart/combodoc.js b/components/doc/chart/combodoc.js
index 2dffe7f085..ccd0a92740 100644
--- a/components/doc/chart/combodoc.js
+++ b/components/doc/chart/combodoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Chart } from '@/components/lib/chart/Chart';
import { useEffect, useState } from 'react';
-import { Chart } from '../../lib/chart/Chart';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function ComboDoc(props) {
const [chartData, setChartData] = useState({});
diff --git a/components/doc/chart/doughnutdoc.js b/components/doc/chart/doughnutdoc.js
index 5d3d85b546..694ccf93db 100644
--- a/components/doc/chart/doughnutdoc.js
+++ b/components/doc/chart/doughnutdoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Chart } from '@/components/lib/chart/Chart';
import { useEffect, useState } from 'react';
-import { Chart } from '../../lib/chart/Chart';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function DoughnutChartDoc(props) {
const [chartData, setChartData] = useState({});
diff --git a/components/doc/chart/horizontalbardoc.js b/components/doc/chart/horizontalbardoc.js
index e014eb3e99..7899c65cd4 100644
--- a/components/doc/chart/horizontalbardoc.js
+++ b/components/doc/chart/horizontalbardoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Chart } from '@/components/lib/chart/Chart';
import { useEffect, useState } from 'react';
-import { Chart } from '../../lib/chart/Chart';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function HorizontalBarDoc(props) {
const [chartData, setChartData] = useState({});
diff --git a/components/doc/chart/importdoc.js b/components/doc/chart/importdoc.js
index c67c8dd704..5dcec213e9 100644
--- a/components/doc/chart/importdoc.js
+++ b/components/doc/chart/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/chart/linedoc.js b/components/doc/chart/linedoc.js
index e103f7c493..cd6d2be328 100644
--- a/components/doc/chart/linedoc.js
+++ b/components/doc/chart/linedoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Chart } from '@/components/lib/chart/Chart';
import { useEffect, useState } from 'react';
-import { Chart } from '../../lib/chart/Chart';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function LineDoc(props) {
const [chartData, setChartData] = useState({});
diff --git a/components/doc/chart/linestylesdoc.js b/components/doc/chart/linestylesdoc.js
index fd2b139869..5757bb6a88 100644
--- a/components/doc/chart/linestylesdoc.js
+++ b/components/doc/chart/linestylesdoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Chart } from '@/components/lib/chart/Chart';
import { useEffect, useState } from 'react';
-import { Chart } from '../../lib/chart/Chart';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function LineStylesDoc(props) {
const [chartData, setChartData] = useState({});
diff --git a/components/doc/chart/multiaxisdoc.js b/components/doc/chart/multiaxisdoc.js
index f0e312e2c0..30eec1d9a9 100644
--- a/components/doc/chart/multiaxisdoc.js
+++ b/components/doc/chart/multiaxisdoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Chart } from '@/components/lib/chart/Chart';
import { useEffect, useState } from 'react';
-import { Chart } from '../../lib/chart/Chart';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function MultiAxisDoc(props) {
const [chartData, setChartData] = useState({});
diff --git a/components/doc/chart/piechartdoc.js b/components/doc/chart/piechartdoc.js
index 4a867352bd..23283f9044 100644
--- a/components/doc/chart/piechartdoc.js
+++ b/components/doc/chart/piechartdoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Chart } from '@/components/lib/chart/Chart';
import { useEffect, useState } from 'react';
-import { Chart } from '../../lib/chart/Chart';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function PieChartDoc(props) {
const [chartData, setChartData] = useState({});
diff --git a/components/doc/chart/polarareadoc.js b/components/doc/chart/polarareadoc.js
index 85d5adca85..b9b2a7ba71 100644
--- a/components/doc/chart/polarareadoc.js
+++ b/components/doc/chart/polarareadoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Chart } from '@/components/lib/chart/Chart';
import { useEffect, useState } from 'react';
-import { Chart } from '../../lib/chart/Chart';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function PolarAreaDoc(props) {
const [chartData, setChartData] = useState({});
diff --git a/components/doc/chart/pt/ptdoc.js b/components/doc/chart/pt/ptdoc.js
index 7be88a6584..4ece4ac4ba 100644
--- a/components/doc/chart/pt/ptdoc.js
+++ b/components/doc/chart/pt/ptdoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Chart } from '@/components/lib/chart/Chart';
import { useEffect, useState } from 'react';
-import { Chart } from '../../../lib/chart/Chart';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function PTDoc(props) {
const [chartData, setChartData] = useState({});
diff --git a/components/doc/chart/pt/wireframe.js b/components/doc/chart/pt/wireframe.js
index 19475ed6b6..f99580015f 100644
--- a/components/doc/chart/pt/wireframe.js
+++ b/components/doc/chart/pt/wireframe.js
@@ -1,5 +1,4 @@
-import React from 'react';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export const Wireframe = (props) => {
return (
diff --git a/components/doc/chart/radardoc.js b/components/doc/chart/radardoc.js
index 699fc3c474..3fe9efeb54 100644
--- a/components/doc/chart/radardoc.js
+++ b/components/doc/chart/radardoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Chart } from '@/components/lib/chart/Chart';
import { useEffect, useState } from 'react';
-import { Chart } from '../../lib/chart/Chart';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function RadarDoc(props) {
const [chartData, setChartData] = useState({});
diff --git a/components/doc/chart/stackedbardoc.js b/components/doc/chart/stackedbardoc.js
index 65d1183d18..119bfd07a6 100644
--- a/components/doc/chart/stackedbardoc.js
+++ b/components/doc/chart/stackedbardoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Chart } from '@/components/lib/chart/Chart';
import { useEffect, useState } from 'react';
-import { Chart } from '../../lib/chart/Chart';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function StackedBarDoc(props) {
const [chartData, setChartData] = useState({});
diff --git a/components/doc/chart/theming/styleddoc.js b/components/doc/chart/theming/styleddoc.js
index cb6f8a6204..6113524b8e 100644
--- a/components/doc/chart/theming/styleddoc.js
+++ b/components/doc/chart/theming/styleddoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyledDoc(props) {
return (
diff --git a/components/doc/chart/theming/tailwinddoc.js b/components/doc/chart/theming/tailwinddoc.js
index e678f7bb77..35dc63c4c3 100644
--- a/components/doc/chart/theming/tailwinddoc.js
+++ b/components/doc/chart/theming/tailwinddoc.js
@@ -1,6 +1,6 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function TailwindDoc(props) {
const code = {
diff --git a/components/doc/chart/verticalbardoc.js b/components/doc/chart/verticalbardoc.js
index da8a5378a6..32b9a0e02e 100644
--- a/components/doc/chart/verticalbardoc.js
+++ b/components/doc/chart/verticalbardoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Chart } from '@/components/lib/chart/Chart';
import { useEffect, useState } from 'react';
-import { Chart } from '../../lib/chart/Chart';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function VerticalBarDoc(props) {
const [chartData, setChartData] = useState({});
diff --git a/components/doc/checkbox/accessibilitydoc.js b/components/doc/checkbox/accessibilitydoc.js
index 8e9b837cb7..c882ab7a63 100644
--- a/components/doc/checkbox/accessibilitydoc.js
+++ b/components/doc/checkbox/accessibilitydoc.js
@@ -1,6 +1,6 @@
-import { DevelopmentSection } from '../common/developmentsection';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DevelopmentSection } from '@/components/doc/common/developmentsection';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function AccessibilityDoc() {
const code = {
diff --git a/components/doc/checkbox/basicdoc.js b/components/doc/checkbox/basicdoc.js
index 576d822d89..aad3c4ec79 100644
--- a/components/doc/checkbox/basicdoc.js
+++ b/components/doc/checkbox/basicdoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Checkbox } from '@/components/lib/checkbox/Checkbox';
import { useState } from 'react';
-import { Checkbox } from '../../lib/checkbox/Checkbox';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function BasicDoc(props) {
const [checked, setChecked] = useState(false);
diff --git a/components/doc/checkbox/disableddoc.js b/components/doc/checkbox/disableddoc.js
index f6b36bb4de..2728c4b236 100644
--- a/components/doc/checkbox/disableddoc.js
+++ b/components/doc/checkbox/disableddoc.js
@@ -1,6 +1,6 @@
-import { Checkbox } from '../../lib/checkbox/Checkbox';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Checkbox } from '@/components/lib/checkbox/Checkbox';
export function DisabledDoc(props) {
const code = {
diff --git a/components/doc/checkbox/dynamicdoc.js b/components/doc/checkbox/dynamicdoc.js
index b65d5f4019..c6feb8a734 100644
--- a/components/doc/checkbox/dynamicdoc.js
+++ b/components/doc/checkbox/dynamicdoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Checkbox } from '@/components/lib/checkbox/Checkbox';
import { useState } from 'react';
-import { Checkbox } from '../../lib/checkbox/Checkbox';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function DynamicDoc(props) {
const categories = [
diff --git a/components/doc/checkbox/form/formikdoc.js b/components/doc/checkbox/form/formikdoc.js
index 6b34a2d5b1..bfa3c80b45 100644
--- a/components/doc/checkbox/form/formikdoc.js
+++ b/components/doc/checkbox/form/formikdoc.js
@@ -1,11 +1,11 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { Checkbox } from '@/components/lib/checkbox/Checkbox';
+import { Toast } from '@/components/lib/toast/Toast';
+import { classNames } from '@/components/lib/utils/Utils';
import { useFormik } from 'formik';
import { useRef } from 'react';
-import { Button } from '../../../lib/button/Button';
-import { Checkbox } from '../../../lib/checkbox/Checkbox';
-import { Toast } from '../../../lib/toast/Toast';
-import { classNames } from '../../../lib/utils/Utils';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function FormikDoc(props) {
const toast = useRef(null);
diff --git a/components/doc/checkbox/form/hookformdoc.js b/components/doc/checkbox/form/hookformdoc.js
index 59a58df243..f347e2278f 100644
--- a/components/doc/checkbox/form/hookformdoc.js
+++ b/components/doc/checkbox/form/hookformdoc.js
@@ -1,11 +1,11 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { Checkbox } from '@/components/lib/checkbox/Checkbox';
+import { Toast } from '@/components/lib/toast/Toast';
+import { classNames } from '@/components/lib/utils/Utils';
import { useRef } from 'react';
import { Controller, useForm } from 'react-hook-form';
-import { Button } from '../../../lib/button/Button';
-import { Checkbox } from '../../../lib/checkbox/Checkbox';
-import { Toast } from '../../../lib/toast/Toast';
-import { classNames } from '../../../lib/utils/Utils';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function HookFormDoc(props) {
const toast = useRef(null);
diff --git a/components/doc/checkbox/groupdoc.js b/components/doc/checkbox/groupdoc.js
index 87f792345b..a4dbe28ed4 100644
--- a/components/doc/checkbox/groupdoc.js
+++ b/components/doc/checkbox/groupdoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Checkbox } from '@/components/lib/checkbox/Checkbox';
import { useState } from 'react';
-import { Checkbox } from '../../lib/checkbox/Checkbox';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function GroupDoc(props) {
const [ingredients, setIngredients] = useState([]);
diff --git a/components/doc/checkbox/importdoc.js b/components/doc/checkbox/importdoc.js
index 8d2a8a71ff..630bbbddce 100644
--- a/components/doc/checkbox/importdoc.js
+++ b/components/doc/checkbox/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/checkbox/invaliddoc.js b/components/doc/checkbox/invaliddoc.js
index 84a9d6b3ce..e1c6a1d590 100644
--- a/components/doc/checkbox/invaliddoc.js
+++ b/components/doc/checkbox/invaliddoc.js
@@ -1,6 +1,6 @@
-import { Checkbox } from '../../lib/checkbox/Checkbox';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Checkbox } from '@/components/lib/checkbox/Checkbox';
export function InvalidDoc(props) {
const code = {
diff --git a/components/doc/checkbox/pt/ptdoc.js b/components/doc/checkbox/pt/ptdoc.js
index 6a12bf1c71..ab4cd05c98 100644
--- a/components/doc/checkbox/pt/ptdoc.js
+++ b/components/doc/checkbox/pt/ptdoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Checkbox } from '@/components/lib/checkbox/Checkbox';
import { useState } from 'react';
-import { Checkbox } from '../../../lib/checkbox/Checkbox';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function PTDoc(props) {
const [checked, setChecked] = useState(false);
diff --git a/components/doc/checkbox/pt/wireframe.js b/components/doc/checkbox/pt/wireframe.js
index 3f552f9bdc..7335dcf127 100644
--- a/components/doc/checkbox/pt/wireframe.js
+++ b/components/doc/checkbox/pt/wireframe.js
@@ -1,5 +1,4 @@
-import React from 'react';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export const Wireframe = (props) => {
return (
diff --git a/components/doc/checkbox/styledoc.js b/components/doc/checkbox/styledoc.js
index 991aa98e3b..2ef45fd94b 100644
--- a/components/doc/checkbox/styledoc.js
+++ b/components/doc/checkbox/styledoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
export function StyleDoc() {
diff --git a/components/doc/checkbox/theming/styleddoc.js b/components/doc/checkbox/theming/styleddoc.js
index e347550c08..240ee4d504 100644
--- a/components/doc/checkbox/theming/styleddoc.js
+++ b/components/doc/checkbox/theming/styleddoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyledDoc(props) {
return (
diff --git a/components/doc/checkbox/theming/tailwinddoc.js b/components/doc/checkbox/theming/tailwinddoc.js
index 96d486715f..b82e318e25 100644
--- a/components/doc/checkbox/theming/tailwinddoc.js
+++ b/components/doc/checkbox/theming/tailwinddoc.js
@@ -1,6 +1,6 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function TailwindDoc(props) {
const code = {
diff --git a/components/doc/chip/accessibilitydoc.js b/components/doc/chip/accessibilitydoc.js
index 7403835a51..554b8bb79d 100644
--- a/components/doc/chip/accessibilitydoc.js
+++ b/components/doc/chip/accessibilitydoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DevelopmentSection } from '../common/developmentsection';
+import { DevelopmentSection } from '@/components/doc/common/developmentsection';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function AccessibilityDoc() {
return (
diff --git a/components/doc/chip/basicdoc.js b/components/doc/chip/basicdoc.js
index ca86f2aa35..bdef791dd8 100644
--- a/components/doc/chip/basicdoc.js
+++ b/components/doc/chip/basicdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import { Chip } from '../../../components/lib/chip/Chip';
export function BasicDoc(props) {
diff --git a/components/doc/chip/icondoc.js b/components/doc/chip/icondoc.js
index 517b03df23..925aebb0ab 100644
--- a/components/doc/chip/icondoc.js
+++ b/components/doc/chip/icondoc.js
@@ -1,5 +1,5 @@
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import { Chip } from '../../../components/lib/chip/Chip';
export function IconDoc(props) {
diff --git a/components/doc/chip/imagedoc.js b/components/doc/chip/imagedoc.js
index cebf936b3b..3bc806d156 100644
--- a/components/doc/chip/imagedoc.js
+++ b/components/doc/chip/imagedoc.js
@@ -1,6 +1,6 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import { Chip } from '../../../components/lib/chip/Chip';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function ImageDoc(props) {
const code = {
diff --git a/components/doc/chip/importdoc.js b/components/doc/chip/importdoc.js
index 696c80737e..37da39e5b0 100644
--- a/components/doc/chip/importdoc.js
+++ b/components/doc/chip/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/chip/pt/ptdoc.js b/components/doc/chip/pt/ptdoc.js
index 99b4e10076..0056f2c08c 100644
--- a/components/doc/chip/pt/ptdoc.js
+++ b/components/doc/chip/pt/ptdoc.js
@@ -1,6 +1,6 @@
-import { DocSectionText } from '../../common/docsectiontext';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { Chip } from '../../../lib/chip/Chip';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Chip } from '@/components/lib/chip/Chip';
export function PTDoc(props) {
const code = {
diff --git a/components/doc/chip/pt/wireframe.js b/components/doc/chip/pt/wireframe.js
index 11dbec7100..a310e2de60 100644
--- a/components/doc/chip/pt/wireframe.js
+++ b/components/doc/chip/pt/wireframe.js
@@ -1,5 +1,4 @@
-import React from 'react';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export const Wireframe = (props) => {
return (
diff --git a/components/doc/chip/styledoc.js b/components/doc/chip/styledoc.js
index 86c91d952f..313d6af090 100644
--- a/components/doc/chip/styledoc.js
+++ b/components/doc/chip/styledoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
export function StyleDoc() {
diff --git a/components/doc/chip/templatedoc.js b/components/doc/chip/templatedoc.js
index 456b1df600..141802cab4 100644
--- a/components/doc/chip/templatedoc.js
+++ b/components/doc/chip/templatedoc.js
@@ -1,5 +1,5 @@
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import { Chip } from '../../../components/lib/chip/Chip';
export function TemplateDoc(props) {
diff --git a/components/doc/chip/theming/styleddoc.js b/components/doc/chip/theming/styleddoc.js
index eb94d89173..d047fc9e7e 100644
--- a/components/doc/chip/theming/styleddoc.js
+++ b/components/doc/chip/theming/styleddoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyledDoc(props) {
return (
diff --git a/components/doc/chip/theming/tailwinddoc.js b/components/doc/chip/theming/tailwinddoc.js
index 10c53cd6b5..ace3f12e4c 100644
--- a/components/doc/chip/theming/tailwinddoc.js
+++ b/components/doc/chip/theming/tailwinddoc.js
@@ -1,6 +1,6 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function TailwindDoc(props) {
const code = {
diff --git a/components/doc/chips/accessibilitydoc.js b/components/doc/chips/accessibilitydoc.js
index b9a0e6deaf..524ff68850 100644
--- a/components/doc/chips/accessibilitydoc.js
+++ b/components/doc/chips/accessibilitydoc.js
@@ -1,6 +1,6 @@
-import { DevelopmentSection } from '../common/developmentsection';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DevelopmentSection } from '@/components/doc/common/developmentsection';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function AccessibilityDoc() {
const code = {
diff --git a/components/doc/chips/basicdoc.js b/components/doc/chips/basicdoc.js
index b041b9557a..45a40e09ec 100644
--- a/components/doc/chips/basicdoc.js
+++ b/components/doc/chips/basicdoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Chips } from '@/components/lib/chips/Chips';
import { useState } from 'react';
-import { Chips } from '../../lib/chips/Chips';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function BasicDoc(props) {
const [value, setValue] = useState([]);
diff --git a/components/doc/chips/disableddoc.js b/components/doc/chips/disableddoc.js
index 372ea6909a..bdde32fd35 100644
--- a/components/doc/chips/disableddoc.js
+++ b/components/doc/chips/disableddoc.js
@@ -1,6 +1,6 @@
-import { Chips } from '../../lib/chips/Chips';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Chips } from '@/components/lib/chips/Chips';
export function DisabledDoc(props) {
const code = {
diff --git a/components/doc/chips/floatlabeldoc.js b/components/doc/chips/floatlabeldoc.js
index e58be44121..0e2fa24097 100644
--- a/components/doc/chips/floatlabeldoc.js
+++ b/components/doc/chips/floatlabeldoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Chips } from '@/components/lib/chips/Chips';
import { useState } from 'react';
-import { Chips } from '../../lib/chips/Chips';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function FloatLabelDoc(props) {
const [value, setValue] = useState([]);
diff --git a/components/doc/chips/form/formikdoc.js b/components/doc/chips/form/formikdoc.js
index 97af6a5cdb..cadefb4072 100644
--- a/components/doc/chips/form/formikdoc.js
+++ b/components/doc/chips/form/formikdoc.js
@@ -1,11 +1,11 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { Chips } from '@/components/lib/chips/Chips';
+import { Toast } from '@/components/lib/toast/Toast';
+import { classNames } from '@/components/lib/utils/Utils';
import { useFormik } from 'formik';
import { useRef } from 'react';
-import { Button } from '../../../lib/button/Button';
-import { Chips } from '../../../lib/chips/Chips';
-import { Toast } from '../../../lib/toast/Toast';
-import { classNames } from '../../../lib/utils/Utils';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function FormikDoc(props) {
const toast = useRef(null);
diff --git a/components/doc/chips/form/hookformdoc.js b/components/doc/chips/form/hookformdoc.js
index 86027c6443..bff944e6a7 100644
--- a/components/doc/chips/form/hookformdoc.js
+++ b/components/doc/chips/form/hookformdoc.js
@@ -1,11 +1,11 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { Chips } from '@/components/lib/chips/Chips';
+import { Toast } from '@/components/lib/toast/Toast';
+import { classNames } from '@/components/lib/utils/Utils';
import { useRef } from 'react';
-import { useForm, Controller } from 'react-hook-form';
-import { DocSectionText } from '../../common/docsectiontext';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { Button } from '../../../lib/button/Button';
-import { Toast } from '../../../lib/toast/Toast';
-import { Chips } from '../../../lib/chips/Chips';
-import { classNames } from '../../../lib/utils/Utils';
+import { Controller, useForm } from 'react-hook-form';
export function HookFormDoc(props) {
const toast = useRef(null);
diff --git a/components/doc/chips/importdoc.js b/components/doc/chips/importdoc.js
index f8bc88f8c8..87b52d28fc 100644
--- a/components/doc/chips/importdoc.js
+++ b/components/doc/chips/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/chips/invaliddoc.js b/components/doc/chips/invaliddoc.js
index 7b5932b6a9..ed8b41e63d 100644
--- a/components/doc/chips/invaliddoc.js
+++ b/components/doc/chips/invaliddoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Chips } from '@/components/lib/chips/Chips';
import { useState } from 'react';
-import { Chips } from '../../lib/chips/Chips';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function InvalidDoc(props) {
const [value, setValue] = useState([]);
diff --git a/components/doc/chips/keyfilterdoc.js b/components/doc/chips/keyfilterdoc.js
index bb055ea152..d9cc09487c 100644
--- a/components/doc/chips/keyfilterdoc.js
+++ b/components/doc/chips/keyfilterdoc.js
@@ -1,8 +1,8 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Chips } from '@/components/lib/chips/Chips';
import Link from 'next/link';
import { useState } from 'react';
-import { Chips } from '../../lib/chips/Chips';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function KeyFilterDoc(props) {
const [value, setValue] = useState([]);
diff --git a/components/doc/chips/pt/ptdoc.js b/components/doc/chips/pt/ptdoc.js
index 1229545f37..952a1718eb 100644
--- a/components/doc/chips/pt/ptdoc.js
+++ b/components/doc/chips/pt/ptdoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Chips } from '@/components/lib/chips/Chips';
import { useState } from 'react';
-import { Chips } from '../../../lib/chips/Chips';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function PTDoc(props) {
const [value, setValue] = useState([]);
diff --git a/components/doc/chips/pt/wireframe.js b/components/doc/chips/pt/wireframe.js
index d929d6fbea..f004e874cd 100644
--- a/components/doc/chips/pt/wireframe.js
+++ b/components/doc/chips/pt/wireframe.js
@@ -1,5 +1,4 @@
-import React from 'react';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export const Wireframe = (props) => {
return (
diff --git a/components/doc/chips/separatordoc.js b/components/doc/chips/separatordoc.js
index e30b28eb64..11fc2d5983 100644
--- a/components/doc/chips/separatordoc.js
+++ b/components/doc/chips/separatordoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Chips } from '@/components/lib/chips/Chips';
import { useState } from 'react';
-import { Chips } from '../../lib/chips/Chips';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function SeparatorDoc(props) {
const [value, setValue] = useState([]);
diff --git a/components/doc/chips/styledoc.js b/components/doc/chips/styledoc.js
index e8b363bf19..c063bfa924 100644
--- a/components/doc/chips/styledoc.js
+++ b/components/doc/chips/styledoc.js
@@ -1,6 +1,6 @@
import Link from 'next/link';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyleDoc() {
return (
diff --git a/components/doc/chips/templatedoc.js b/components/doc/chips/templatedoc.js
index 32c112560c..2a97ca77cf 100644
--- a/components/doc/chips/templatedoc.js
+++ b/components/doc/chips/templatedoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Chips } from '@/components/lib/chips/Chips';
import { useState } from 'react';
-import { Chips } from '../../lib/chips/Chips';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function TemplateDoc(props) {
const [value, setValue] = useState([]);
diff --git a/components/doc/chips/theming/styleddoc.js b/components/doc/chips/theming/styleddoc.js
index 7f5f3a54d4..f08a1f1eeb 100644
--- a/components/doc/chips/theming/styleddoc.js
+++ b/components/doc/chips/theming/styleddoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyledDoc(props) {
return (
diff --git a/components/doc/chips/theming/tailwinddoc.js b/components/doc/chips/theming/tailwinddoc.js
index 875340f66f..dd37f837a2 100644
--- a/components/doc/chips/theming/tailwinddoc.js
+++ b/components/doc/chips/theming/tailwinddoc.js
@@ -1,6 +1,6 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function TailwindDoc(props) {
const code = {
diff --git a/components/doc/colorpicker/accessibilitydoc.js b/components/doc/colorpicker/accessibilitydoc.js
index 85e4d5cb2f..54ef923c9c 100644
--- a/components/doc/colorpicker/accessibilitydoc.js
+++ b/components/doc/colorpicker/accessibilitydoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DevelopmentSection } from '../common/developmentsection';
+import { DevelopmentSection } from '@/components/doc/common/developmentsection';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function AccessibilityDoc() {
return (
diff --git a/components/doc/colorpicker/basicdoc.js b/components/doc/colorpicker/basicdoc.js
index b8fe116a04..ab71b82899 100644
--- a/components/doc/colorpicker/basicdoc.js
+++ b/components/doc/colorpicker/basicdoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { ColorPicker } from '@/components/lib/colorpicker/ColorPicker';
import { useState } from 'react';
-import { ColorPicker } from '../../lib/colorpicker/ColorPicker';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function BasicDoc(props) {
const [color, setColor] = useState(null);
diff --git a/components/doc/colorpicker/disableddoc.js b/components/doc/colorpicker/disableddoc.js
index ada29519e9..975f79d147 100644
--- a/components/doc/colorpicker/disableddoc.js
+++ b/components/doc/colorpicker/disableddoc.js
@@ -1,6 +1,6 @@
-import { ColorPicker } from '../../lib/colorpicker/ColorPicker';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { ColorPicker } from '@/components/lib/colorpicker/ColorPicker';
export function DisabledDoc(props) {
const code = {
diff --git a/components/doc/colorpicker/form/formikdoc.js b/components/doc/colorpicker/form/formikdoc.js
index 5fa2a90ef6..df1300963e 100644
--- a/components/doc/colorpicker/form/formikdoc.js
+++ b/components/doc/colorpicker/form/formikdoc.js
@@ -1,11 +1,11 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { ColorPicker } from '@/components/lib/colorpicker/ColorPicker';
+import { Toast } from '@/components/lib/toast/Toast';
+import { classNames } from '@/components/lib/utils/Utils';
import { useFormik } from 'formik';
import { useRef } from 'react';
-import { Button } from '../../../lib/button/Button';
-import { ColorPicker } from '../../../lib/colorpicker/ColorPicker';
-import { Toast } from '../../../lib/toast/Toast';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
-import { classNames } from '../../../lib/utils/Utils';
export function FormikDoc(props) {
const toast = useRef(null);
diff --git a/components/doc/colorpicker/form/hookformdoc.js b/components/doc/colorpicker/form/hookformdoc.js
index a7ed530724..683748957d 100644
--- a/components/doc/colorpicker/form/hookformdoc.js
+++ b/components/doc/colorpicker/form/hookformdoc.js
@@ -1,11 +1,11 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { ColorPicker } from '@/components/lib/colorpicker/ColorPicker';
+import { Toast } from '@/components/lib/toast/Toast';
+import { classNames } from '@/components/lib/utils/Utils';
import { useRef } from 'react';
-import { useForm, Controller } from 'react-hook-form';
-import { DocSectionText } from '../../common/docsectiontext';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { Button } from '../../../lib/button/Button';
-import { Toast } from '../../../lib/toast/Toast';
-import { ColorPicker } from '../../../lib/colorpicker/ColorPicker';
-import { classNames } from '../../../lib/utils/Utils';
+import { Controller, useForm } from 'react-hook-form';
export function HookFormDoc(props) {
const toast = useRef(null);
diff --git a/components/doc/colorpicker/formatdoc.js b/components/doc/colorpicker/formatdoc.js
index 19d9af273c..6ff9ab7185 100644
--- a/components/doc/colorpicker/formatdoc.js
+++ b/components/doc/colorpicker/formatdoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { ColorPicker } from '@/components/lib/colorpicker/ColorPicker';
import { useState } from 'react';
-import { ColorPicker } from '../../lib/colorpicker/ColorPicker';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function FormatDoc(props) {
const [colorHEX, setColorHEX] = useState('6466f1');
diff --git a/components/doc/colorpicker/importdoc.js b/components/doc/colorpicker/importdoc.js
index d4985e86f5..555d4edc6f 100644
--- a/components/doc/colorpicker/importdoc.js
+++ b/components/doc/colorpicker/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/colorpicker/inlinedoc.js b/components/doc/colorpicker/inlinedoc.js
index 4b493a2626..ff539dbbf3 100644
--- a/components/doc/colorpicker/inlinedoc.js
+++ b/components/doc/colorpicker/inlinedoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { ColorPicker } from '@/components/lib/colorpicker/ColorPicker';
import { useState } from 'react';
-import { ColorPicker } from '../../lib/colorpicker/ColorPicker';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function InlineDoc(props) {
const [color, setColor] = useState(null);
diff --git a/components/doc/colorpicker/pt/ptdoc.js b/components/doc/colorpicker/pt/ptdoc.js
index ce924ffb3d..703bcdacc2 100644
--- a/components/doc/colorpicker/pt/ptdoc.js
+++ b/components/doc/colorpicker/pt/ptdoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { ColorPicker } from '@/components/lib/colorpicker/ColorPicker';
import { useState } from 'react';
-import { ColorPicker } from '../../../lib/colorpicker/ColorPicker';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function PTDoc(props) {
const [color, setColor] = useState(null);
diff --git a/components/doc/colorpicker/pt/wireframe.js b/components/doc/colorpicker/pt/wireframe.js
index 4caff8026b..10a2ec3496 100644
--- a/components/doc/colorpicker/pt/wireframe.js
+++ b/components/doc/colorpicker/pt/wireframe.js
@@ -1,5 +1,4 @@
-import React from 'react';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export const Wireframe = (props) => {
return (
diff --git a/components/doc/colorpicker/styledoc.js b/components/doc/colorpicker/styledoc.js
index ed0de212d6..d402501b71 100644
--- a/components/doc/colorpicker/styledoc.js
+++ b/components/doc/colorpicker/styledoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyleDoc() {
return (
diff --git a/components/doc/colorpicker/theming/styleddoc.js b/components/doc/colorpicker/theming/styleddoc.js
index 4bf26c7cf1..111a00efea 100644
--- a/components/doc/colorpicker/theming/styleddoc.js
+++ b/components/doc/colorpicker/theming/styleddoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyledDoc(props) {
return (
diff --git a/components/doc/colorpicker/theming/tailwinddoc.js b/components/doc/colorpicker/theming/tailwinddoc.js
index e66956cde8..80ec24edae 100644
--- a/components/doc/colorpicker/theming/tailwinddoc.js
+++ b/components/doc/colorpicker/theming/tailwinddoc.js
@@ -1,6 +1,6 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function TailwindDoc(props) {
const code = {
diff --git a/components/doc/colors/overviewdoc.js b/components/doc/colors/overviewdoc.js
index 8cf1549cfb..29918626ef 100644
--- a/components/doc/colors/overviewdoc.js
+++ b/components/doc/colors/overviewdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function OverviewDoc(props) {
const code = {
diff --git a/components/doc/colors/palettedoc.js b/components/doc/colors/palettedoc.js
index d76cdf5dda..ab912d784e 100644
--- a/components/doc/colors/palettedoc.js
+++ b/components/doc/colors/palettedoc.js
@@ -1,5 +1,5 @@
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import React from 'react';
-import { DocSectionText } from '../common/docsectiontext';
export function PaletteDoc(props) {
const colors = ['primary', 'blue', 'green', 'yellow', 'cyan', 'pink', 'indigo', 'teal', 'orange', 'bluegray', 'purple', 'red', 'gray'];
diff --git a/components/doc/colors/surfacesdoc.js b/components/doc/colors/surfacesdoc.js
index ebcef05be0..fa0e78d652 100644
--- a/components/doc/colors/surfacesdoc.js
+++ b/components/doc/colors/surfacesdoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function SurfacesDoc(props) {
const shades = [0, 50, 100, 200, 300, 400, 500, 600, 700, 800, 900];
diff --git a/components/doc/common/codeeditor/templates.js b/components/doc/common/codeeditor/templates.js
index e574ed1f19..d849442021 100644
--- a/components/doc/common/codeeditor/templates.js
+++ b/components/doc/common/codeeditor/templates.js
@@ -1,4 +1,4 @@
-import pkg from '../../../../package.json';
+import pkg from 'package.json';
import { services } from './services';
const PrimeReact = {
diff --git a/components/doc/common/docapisection.js b/components/doc/common/docapisection.js
index 53a2da3794..34386d9925 100644
--- a/components/doc/common/docapisection.js
+++ b/components/doc/common/docapisection.js
@@ -1,5 +1,5 @@
-import React, { useEffect } from 'react';
-import { ObjectUtils } from '../../lib/utils/Utils';
+import { ObjectUtils } from '@/components/lib/utils/Utils';
+import { useEffect } from 'react';
import APIDoc from './apidoc';
import DocApiTable from './docapitable';
import { DocSectionNav } from './docsectionnav';
diff --git a/components/doc/common/docapitable.js b/components/doc/common/docapitable.js
index ef14511b04..d32edf3eab 100644
--- a/components/doc/common/docapitable.js
+++ b/components/doc/common/docapitable.js
@@ -1,8 +1,8 @@
+import { ObjectUtils, classNames } from '@/components/lib/utils/Utils';
import Link from 'next/link';
import { useRouter } from 'next/router';
import React, { useContext } from 'react';
import AppContentContext from '../../layout/appcontentcontext';
-import { ObjectUtils, classNames } from '../../lib/utils/Utils';
import { DocSectionText } from './docsectiontext';
const DocApiTable = (props) => {
diff --git a/components/doc/common/doccomponent.js b/components/doc/common/doccomponent.js
index 1d0ba0e8e2..c479a6cde0 100644
--- a/components/doc/common/doccomponent.js
+++ b/components/doc/common/doccomponent.js
@@ -1,7 +1,7 @@
+import { classNames } from '@/components/lib/utils/Utils';
import Head from 'next/head';
import { useRouter } from 'next/router';
import { useEffect, useState } from 'react';
-import { classNames } from '../../lib/utils/Utils';
import { DocApiSection } from './docapisection';
import { DocSectionNav } from './docsectionnav';
import { DocSections } from './docsections';
diff --git a/components/doc/common/docsectioncode.js b/components/doc/common/docsectioncode.js
index b3cc0a80f3..efc59ab7a1 100644
--- a/components/doc/common/docsectioncode.js
+++ b/components/doc/common/docsectioncode.js
@@ -1,6 +1,6 @@
-import React, { useEffect, useState } from 'react';
-import { Button } from '../../lib/button/Button';
-import { classNames } from '../../lib/utils/Utils';
+import { Button } from '@/components/lib/button/Button';
+import { classNames } from '@/components/lib/utils/Utils';
+import { useEffect, useState } from 'react';
import { useCodeEditor } from './codeeditor';
import { CodeHighlight } from './codehighlight';
diff --git a/components/doc/common/docsectionnav.js b/components/doc/common/docsectionnav.js
index e2d2484cc6..4bb9d8973d 100644
--- a/components/doc/common/docsectionnav.js
+++ b/components/doc/common/docsectionnav.js
@@ -1,8 +1,8 @@
+import { useEventListener } from '@/components/lib/hooks/Hooks';
+import { DomHandler, ObjectUtils, classNames } from '@/components/lib/utils/Utils';
import Link from 'next/link';
import { useRouter } from 'next/router';
-import React, { useEffect, useRef, useState } from 'react';
-import { useEventListener } from '../../lib/hooks/Hooks';
-import { DomHandler, ObjectUtils, classNames } from '../../lib/utils/Utils';
+import { useEffect, useRef, useState } from 'react';
export function DocSectionNav({ docs = [] }) {
const router = useRouter();
diff --git a/components/doc/configuration/appendtodoc.js b/components/doc/configuration/appendtodoc.js
index 16522d80a1..ffd30181fa 100644
--- a/components/doc/configuration/appendtodoc.js
+++ b/components/doc/configuration/appendtodoc.js
@@ -1,5 +1,5 @@
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function AppendToDoc(props) {
const code = {
diff --git a/components/doc/configuration/csstransitiondoc.js b/components/doc/configuration/csstransitiondoc.js
index a58c28b15b..0a51c0691b 100644
--- a/components/doc/configuration/csstransitiondoc.js
+++ b/components/doc/configuration/csstransitiondoc.js
@@ -1,5 +1,5 @@
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function CSSTransitionDoc(props) {
const code = {
diff --git a/components/doc/configuration/filtermatchmodedoc.js b/components/doc/configuration/filtermatchmodedoc.js
index 11fb01410c..37aafc18ad 100644
--- a/components/doc/configuration/filtermatchmodedoc.js
+++ b/components/doc/configuration/filtermatchmodedoc.js
@@ -1,5 +1,5 @@
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function FilterMatchModeDoc(props) {
const code = {
diff --git a/components/doc/configuration/hideoverlaysdoc.js b/components/doc/configuration/hideoverlaysdoc.js
index 2540cd6f58..327a8846dd 100644
--- a/components/doc/configuration/hideoverlaysdoc.js
+++ b/components/doc/configuration/hideoverlaysdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function HideOverlaysDoc(props) {
const code = {
diff --git a/components/doc/configuration/inputstyledoc.js b/components/doc/configuration/inputstyledoc.js
index 25337d54fe..8a151710a9 100644
--- a/components/doc/configuration/inputstyledoc.js
+++ b/components/doc/configuration/inputstyledoc.js
@@ -1,5 +1,5 @@
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function InputStyleDoc(props) {
const code = {
diff --git a/components/doc/configuration/locale/addlocaledoc.js b/components/doc/configuration/locale/addlocaledoc.js
index c7ec04b7b4..3628c0534b 100644
--- a/components/doc/configuration/locale/addlocaledoc.js
+++ b/components/doc/configuration/locale/addlocaledoc.js
@@ -1,5 +1,5 @@
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function AddLocaleDoc(props) {
const code = {
diff --git a/components/doc/configuration/locale/importdoc.js b/components/doc/configuration/locale/importdoc.js
index 951978bac4..f412ad5c0c 100644
--- a/components/doc/configuration/locale/importdoc.js
+++ b/components/doc/configuration/locale/importdoc.js
@@ -1,6 +1,6 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/configuration/locale/repositorydoc.js b/components/doc/configuration/locale/repositorydoc.js
index 79c58fd443..8d61b4d64d 100644
--- a/components/doc/configuration/locale/repositorydoc.js
+++ b/components/doc/configuration/locale/repositorydoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function RepositoryDoc(props) {
return (
diff --git a/components/doc/configuration/locale/setlocaledoc.js b/components/doc/configuration/locale/setlocaledoc.js
index 5bdb2487f1..51b0b24d6f 100644
--- a/components/doc/configuration/locale/setlocaledoc.js
+++ b/components/doc/configuration/locale/setlocaledoc.js
@@ -1,5 +1,5 @@
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function SetLocaleDoc(props) {
const code = {
diff --git a/components/doc/configuration/noncedoc.js b/components/doc/configuration/noncedoc.js
index 131f53d75f..cadda60887 100644
--- a/components/doc/configuration/noncedoc.js
+++ b/components/doc/configuration/noncedoc.js
@@ -1,5 +1,5 @@
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function NonceDoc(props) {
const code = {
diff --git a/components/doc/configuration/nullsortorderdoc.js b/components/doc/configuration/nullsortorderdoc.js
index d3e4609fef..1a23972de9 100644
--- a/components/doc/configuration/nullsortorderdoc.js
+++ b/components/doc/configuration/nullsortorderdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function NullSortOrderDoc(props) {
const code = {
diff --git a/components/doc/configuration/rippledoc.js b/components/doc/configuration/rippledoc.js
index 55f2bc6195..7c059abd3f 100644
--- a/components/doc/configuration/rippledoc.js
+++ b/components/doc/configuration/rippledoc.js
@@ -1,5 +1,5 @@
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function RippleDoc(props) {
const code = {
diff --git a/components/doc/configuration/zindexdoc.js b/components/doc/configuration/zindexdoc.js
index 153e02d576..33dd242ec4 100644
--- a/components/doc/configuration/zindexdoc.js
+++ b/components/doc/configuration/zindexdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ZIndexDoc(props) {
const code = {
diff --git a/components/doc/confirmdialog/accessibilitydoc.js b/components/doc/confirmdialog/accessibilitydoc.js
index de9d0e30af..a87426e19d 100644
--- a/components/doc/confirmdialog/accessibilitydoc.js
+++ b/components/doc/confirmdialog/accessibilitydoc.js
@@ -1,6 +1,6 @@
-import { CodeHighlight } from '../common/codehighlight';
-import { DocSectionText } from '../common/docsectiontext';
-import { DevelopmentSection } from '../common/developmentsection';
+import { CodeHighlight } from '@/components/doc/common/codehighlight';
+import { DevelopmentSection } from '@/components/doc/common/developmentsection';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function AccessibilityDoc() {
return (
diff --git a/components/doc/confirmdialog/basicdoc.js b/components/doc/confirmdialog/basicdoc.js
index ef19f95dbe..8ec43dbee7 100644
--- a/components/doc/confirmdialog/basicdoc.js
+++ b/components/doc/confirmdialog/basicdoc.js
@@ -1,9 +1,9 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { confirmDialog } from '@/components/lib/confirmdialog/ConfirmDialog';
+import { Toast } from '@/components/lib/toast/Toast';
import { useRef } from 'react';
-import { Button } from '../../lib/button/Button';
-import { confirmDialog } from '../../lib/confirmdialog/ConfirmDialog';
-import { Toast } from '../../lib/toast/Toast';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function BasicDoc(props) {
const toast = useRef(null);
diff --git a/components/doc/confirmdialog/declarativedoc.js b/components/doc/confirmdialog/declarativedoc.js
index 47419eb5fb..d028cb1a51 100644
--- a/components/doc/confirmdialog/declarativedoc.js
+++ b/components/doc/confirmdialog/declarativedoc.js
@@ -1,9 +1,9 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { ConfirmDialog } from '@/components/lib/confirmdialog/ConfirmDialog';
+import { Toast } from '@/components/lib/toast/Toast';
import { useRef, useState } from 'react';
-import { Button } from '../../lib/button/Button';
-import { ConfirmDialog } from '../../lib/confirmdialog/ConfirmDialog';
-import { Toast } from '../../lib/toast/Toast';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function DeclarativeDoc(props) {
const [visible, setVisible] = useState(false);
diff --git a/components/doc/confirmdialog/importdoc.js b/components/doc/confirmdialog/importdoc.js
index f66d56efa8..ebba9efaca 100644
--- a/components/doc/confirmdialog/importdoc.js
+++ b/components/doc/confirmdialog/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/confirmdialog/positiondoc.js b/components/doc/confirmdialog/positiondoc.js
index df0e4cf762..8ce58e279d 100644
--- a/components/doc/confirmdialog/positiondoc.js
+++ b/components/doc/confirmdialog/positiondoc.js
@@ -1,9 +1,9 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { confirmDialog } from '@/components/lib/confirmdialog/ConfirmDialog';
+import { Toast } from '@/components/lib/toast/Toast';
import { useRef } from 'react';
-import { Button } from '../../lib/button/Button';
-import { confirmDialog } from '../../lib/confirmdialog/ConfirmDialog';
-import { Toast } from '../../lib/toast/Toast';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function PositionDoc(props) {
const toast = useRef(null);
diff --git a/components/doc/confirmdialog/pt/ptdoc.js b/components/doc/confirmdialog/pt/ptdoc.js
index c5aaeb76bc..1b68e228a1 100644
--- a/components/doc/confirmdialog/pt/ptdoc.js
+++ b/components/doc/confirmdialog/pt/ptdoc.js
@@ -1,8 +1,8 @@
-import React, { useState } from 'react';
-import { Button } from '../../../lib/button/Button';
-import { ConfirmDialog } from '../../../lib/confirmdialog/ConfirmDialog';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { ConfirmDialog } from '@/components/lib/confirmdialog/ConfirmDialog';
+import { useState } from 'react';
export function PTDoc(props) {
const [visible, setVisible] = useState(false);
diff --git a/components/doc/confirmdialog/pt/wireframe.js b/components/doc/confirmdialog/pt/wireframe.js
index d4ba9ba67e..9b5df796e2 100644
--- a/components/doc/confirmdialog/pt/wireframe.js
+++ b/components/doc/confirmdialog/pt/wireframe.js
@@ -1,5 +1,4 @@
-import React from 'react';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export const Wireframe = (props) => {
return (
diff --git a/components/doc/confirmdialog/styledoc.js b/components/doc/confirmdialog/styledoc.js
index 7b5cee2053..ebe2269d41 100644
--- a/components/doc/confirmdialog/styledoc.js
+++ b/components/doc/confirmdialog/styledoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
export function StyleDoc() {
diff --git a/components/doc/confirmdialog/theming/styleddoc.js b/components/doc/confirmdialog/theming/styleddoc.js
index 92ff7aa5fe..e14e1287f1 100644
--- a/components/doc/confirmdialog/theming/styleddoc.js
+++ b/components/doc/confirmdialog/theming/styleddoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyledDoc(props) {
return (
diff --git a/components/doc/confirmdialog/theming/tailwinddoc.js b/components/doc/confirmdialog/theming/tailwinddoc.js
index 9358d82e4d..f4d7c78816 100644
--- a/components/doc/confirmdialog/theming/tailwinddoc.js
+++ b/components/doc/confirmdialog/theming/tailwinddoc.js
@@ -1,6 +1,6 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function TailwindDoc(props) {
const code = {
diff --git a/components/doc/confirmpopup/accessibilitydoc.js b/components/doc/confirmpopup/accessibilitydoc.js
index 9459389eb5..4fd350d963 100644
--- a/components/doc/confirmpopup/accessibilitydoc.js
+++ b/components/doc/confirmpopup/accessibilitydoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DevelopmentSection } from '../common/developmentsection';
+import { DevelopmentSection } from '@/components/doc/common/developmentsection';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function AccessibilityDoc() {
return (
diff --git a/components/doc/confirmpopup/basicdoc.js b/components/doc/confirmpopup/basicdoc.js
index 7d2c110ed3..507abfb226 100644
--- a/components/doc/confirmpopup/basicdoc.js
+++ b/components/doc/confirmpopup/basicdoc.js
@@ -1,9 +1,9 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { confirmPopup } from '@/components/lib/confirmpopup/ConfirmPopup';
+import { Toast } from '@/components/lib/toast/Toast';
import { useRef } from 'react';
-import { Button } from '../../lib/button/Button';
-import { confirmPopup } from '../../lib/confirmpopup/ConfirmPopup';
-import { Toast } from '../../lib/toast/Toast';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function BasicDoc(props) {
const toast = useRef(null);
diff --git a/components/doc/confirmpopup/declarativedoc.js b/components/doc/confirmpopup/declarativedoc.js
index 01e50e9b96..1d64e87f06 100644
--- a/components/doc/confirmpopup/declarativedoc.js
+++ b/components/doc/confirmpopup/declarativedoc.js
@@ -1,9 +1,9 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { ConfirmPopup } from '@/components/lib/confirmpopup/ConfirmPopup';
+import { Toast } from '@/components/lib/toast/Toast';
import { useRef, useState } from 'react';
-import { Button } from '../../lib/button/Button';
-import { ConfirmPopup } from '../../lib/confirmpopup/ConfirmPopup';
-import { Toast } from '../../lib/toast/Toast';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function DeclarativeDoc(props) {
const [visible, setVisible] = useState(false);
diff --git a/components/doc/confirmpopup/importdoc.js b/components/doc/confirmpopup/importdoc.js
index c1c58a2263..75d6a30806 100644
--- a/components/doc/confirmpopup/importdoc.js
+++ b/components/doc/confirmpopup/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/confirmpopup/pt/ptdoc.js b/components/doc/confirmpopup/pt/ptdoc.js
index 54ae4ec930..d75b1ce686 100644
--- a/components/doc/confirmpopup/pt/ptdoc.js
+++ b/components/doc/confirmpopup/pt/ptdoc.js
@@ -1,8 +1,8 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { ConfirmPopup } from '@/components/lib/confirmpopup/ConfirmPopup';
import { useRef, useState } from 'react';
-import { Button } from '../../../lib/button/Button';
-import { ConfirmPopup } from '../../../lib/confirmpopup/ConfirmPopup';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function PTDoc(props) {
const [visible, setVisible] = useState(false);
diff --git a/components/doc/confirmpopup/pt/wireframe.js b/components/doc/confirmpopup/pt/wireframe.js
index c0ed4ea97e..dbd6b196a2 100644
--- a/components/doc/confirmpopup/pt/wireframe.js
+++ b/components/doc/confirmpopup/pt/wireframe.js
@@ -1,5 +1,4 @@
-import React from 'react';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export const Wireframe = (props) => {
return (
diff --git a/components/doc/confirmpopup/styledoc.js b/components/doc/confirmpopup/styledoc.js
index 38d2ed8618..2d3854ab24 100644
--- a/components/doc/confirmpopup/styledoc.js
+++ b/components/doc/confirmpopup/styledoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
export function StyleDoc() {
diff --git a/components/doc/confirmpopup/theming/styleddoc.js b/components/doc/confirmpopup/theming/styleddoc.js
index e0590e898f..3b1058f802 100644
--- a/components/doc/confirmpopup/theming/styleddoc.js
+++ b/components/doc/confirmpopup/theming/styleddoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyledDoc(props) {
return (
diff --git a/components/doc/confirmpopup/theming/tailwinddoc.js b/components/doc/confirmpopup/theming/tailwinddoc.js
index f6840511bb..262a15d03c 100644
--- a/components/doc/confirmpopup/theming/tailwinddoc.js
+++ b/components/doc/confirmpopup/theming/tailwinddoc.js
@@ -1,6 +1,6 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function TailwindDoc(props) {
const code = {
diff --git a/components/doc/contextmenu/accessibilitydoc.js b/components/doc/contextmenu/accessibilitydoc.js
index 8a22d1270c..3481da6842 100644
--- a/components/doc/contextmenu/accessibilitydoc.js
+++ b/components/doc/contextmenu/accessibilitydoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DevelopmentSection } from '../common/developmentsection';
+import { DevelopmentSection } from '@/components/doc/common/developmentsection';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function AccessibilityDoc() {
return (
diff --git a/components/doc/contextmenu/basicdoc.js b/components/doc/contextmenu/basicdoc.js
index 63fa0a3600..78b821c8fe 100644
--- a/components/doc/contextmenu/basicdoc.js
+++ b/components/doc/contextmenu/basicdoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { ContextMenu } from '@/components/lib/contextmenu/ContextMenu';
import { useRef } from 'react';
-import { ContextMenu } from '../../lib/contextmenu/ContextMenu';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function BasicDoc(props) {
const cm = useRef(null);
diff --git a/components/doc/contextmenu/documentdoc.js b/components/doc/contextmenu/documentdoc.js
index 5ff66e1f70..cf14baf209 100644
--- a/components/doc/contextmenu/documentdoc.js
+++ b/components/doc/contextmenu/documentdoc.js
@@ -1,6 +1,6 @@
-import { ContextMenu } from '../../lib/contextmenu/ContextMenu';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { ContextMenu } from '@/components/lib/contextmenu/ContextMenu';
export function DocumentDoc(props) {
const items = [
diff --git a/components/doc/contextmenu/importdoc.js b/components/doc/contextmenu/importdoc.js
index 391f3f6d49..2de6b479b4 100644
--- a/components/doc/contextmenu/importdoc.js
+++ b/components/doc/contextmenu/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/contextmenu/pt/ptdoc.js b/components/doc/contextmenu/pt/ptdoc.js
index a597875814..41973d74de 100644
--- a/components/doc/contextmenu/pt/ptdoc.js
+++ b/components/doc/contextmenu/pt/ptdoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { ContextMenu } from '@/components/lib/contextmenu/ContextMenu';
import { useRef } from 'react';
-import { ContextMenu } from '../../../lib/contextmenu/ContextMenu';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function PTDoc(props) {
const cm = useRef(null);
diff --git a/components/doc/contextmenu/pt/wireframe.js b/components/doc/contextmenu/pt/wireframe.js
index 221b18a195..7ed7a3783a 100644
--- a/components/doc/contextmenu/pt/wireframe.js
+++ b/components/doc/contextmenu/pt/wireframe.js
@@ -1,5 +1,4 @@
-import React from 'react';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export const Wireframe = (props) => {
return (
diff --git a/components/doc/contextmenu/styledoc.js b/components/doc/contextmenu/styledoc.js
index 6b58f04681..71629df7ec 100644
--- a/components/doc/contextmenu/styledoc.js
+++ b/components/doc/contextmenu/styledoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
export function StyleDoc() {
diff --git a/components/doc/contextmenu/theming/styleddoc.js b/components/doc/contextmenu/theming/styleddoc.js
index 311fddb5f7..cc9ab69ae3 100644
--- a/components/doc/contextmenu/theming/styleddoc.js
+++ b/components/doc/contextmenu/theming/styleddoc.js
@@ -1,5 +1,5 @@
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionText } from '../../common/docsectiontext';
export function StyledDoc() {
return (
diff --git a/components/doc/contextmenu/theming/tailwinddoc.js b/components/doc/contextmenu/theming/tailwinddoc.js
index 673877bb84..803e4171aa 100644
--- a/components/doc/contextmenu/theming/tailwinddoc.js
+++ b/components/doc/contextmenu/theming/tailwinddoc.js
@@ -1,6 +1,6 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function TailwindDoc(props) {
const code = {
diff --git a/components/doc/customicons/fontawesomedoc.js b/components/doc/customicons/fontawesomedoc.js
index 182116dbb3..ea513ce369 100644
--- a/components/doc/customicons/fontawesomedoc.js
+++ b/components/doc/customicons/fontawesomedoc.js
@@ -1,5 +1,5 @@
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function FontAwesomeDoc(props) {
const code = {
diff --git a/components/doc/customicons/imagedoc.js b/components/doc/customicons/imagedoc.js
index 724d352cd3..c676530e24 100644
--- a/components/doc/customicons/imagedoc.js
+++ b/components/doc/customicons/imagedoc.js
@@ -1,5 +1,5 @@
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImageDoc(props) {
const code = {
diff --git a/components/doc/customicons/materialdoc.js b/components/doc/customicons/materialdoc.js
index 6b5994c907..4f23ee6d8b 100644
--- a/components/doc/customicons/materialdoc.js
+++ b/components/doc/customicons/materialdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function MaterialDoc(props) {
const code = {
diff --git a/components/doc/customicons/svgdoc.js b/components/doc/customicons/svgdoc.js
index 84252b6f2f..031b1262df 100644
--- a/components/doc/customicons/svgdoc.js
+++ b/components/doc/customicons/svgdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function SVGDoc(props) {
const code = {
diff --git a/components/doc/datascroller/accessibilitydoc.js b/components/doc/datascroller/accessibilitydoc.js
index d1a270ddbc..56ef24fe5d 100644
--- a/components/doc/datascroller/accessibilitydoc.js
+++ b/components/doc/datascroller/accessibilitydoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DevelopmentSection } from '../common/developmentsection';
+import { DevelopmentSection } from '@/components/doc/common/developmentsection';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function AccessibilityDoc() {
return (
diff --git a/components/doc/datascroller/basicdoc.js b/components/doc/datascroller/basicdoc.js
index 61e7812bf3..dce5c4280c 100644
--- a/components/doc/datascroller/basicdoc.js
+++ b/components/doc/datascroller/basicdoc.js
@@ -1,11 +1,11 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { DataScroller } from '@/components/lib/datascroller/DataScroller';
+import { Rating } from '@/components/lib/rating/Rating';
+import { Tag } from '@/components/lib/tag/Tag';
import { useEffect, useState } from 'react';
import { ProductService } from '../../../service/ProductService';
-import { Button } from '../../lib/button/Button';
-import { DataScroller } from '../../lib/datascroller/DataScroller';
-import { Rating } from '../../lib/rating/Rating';
-import { Tag } from '../../lib/tag/Tag';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function BasicDoc(props) {
const [products, setProducts] = useState([]);
diff --git a/components/doc/datascroller/importdoc.js b/components/doc/datascroller/importdoc.js
index d5a7fcfabd..a7c6d2719a 100644
--- a/components/doc/datascroller/importdoc.js
+++ b/components/doc/datascroller/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/datascroller/inlinedoc.js b/components/doc/datascroller/inlinedoc.js
index 478dac34b2..0ab8a63b50 100644
--- a/components/doc/datascroller/inlinedoc.js
+++ b/components/doc/datascroller/inlinedoc.js
@@ -1,11 +1,11 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { DataScroller } from '@/components/lib/datascroller/DataScroller';
+import { Rating } from '@/components/lib/rating/Rating';
+import { Tag } from '@/components/lib/tag/Tag';
import { useEffect, useState } from 'react';
import { ProductService } from '../../../service/ProductService';
-import { Button } from '../../lib/button/Button';
-import { DataScroller } from '../../lib/datascroller/DataScroller';
-import { Rating } from '../../lib/rating/Rating';
-import { Tag } from '../../lib/tag/Tag';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function InlineDataScrollerDoc(props) {
const [products, setProducts] = useState([]);
diff --git a/components/doc/datascroller/loaderdoc.js b/components/doc/datascroller/loaderdoc.js
index c5fd2edd49..1fb74eada4 100644
--- a/components/doc/datascroller/loaderdoc.js
+++ b/components/doc/datascroller/loaderdoc.js
@@ -1,11 +1,11 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { DataScroller } from '@/components/lib/datascroller/DataScroller';
+import { Rating } from '@/components/lib/rating/Rating';
+import { Tag } from '@/components/lib/tag/Tag';
import { useEffect, useRef, useState } from 'react';
import { ProductService } from '../../../service/ProductService';
-import { Button } from '../../lib/button/Button';
-import { DataScroller } from '../../lib/datascroller/DataScroller';
-import { Rating } from '../../lib/rating/Rating';
-import { Tag } from '../../lib/tag/Tag';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function LoaderDataScrollerDoc(props) {
const [products, setProducts] = useState([]);
diff --git a/components/doc/datascroller/pt/ptdoc.js b/components/doc/datascroller/pt/ptdoc.js
index 6ba444acad..fd981764b5 100644
--- a/components/doc/datascroller/pt/ptdoc.js
+++ b/components/doc/datascroller/pt/ptdoc.js
@@ -1,11 +1,11 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { DataScroller } from '@/components/lib/datascroller/DataScroller';
+import { Rating } from '@/components/lib/rating/Rating';
+import { Tag } from '@/components/lib/tag/Tag';
import { useEffect, useState } from 'react';
import { ProductService } from '../../../../service/ProductService';
-import { Button } from '../../../lib/button/Button';
-import { DataScroller } from '../../../lib/datascroller/DataScroller';
-import { Rating } from '../../../lib/rating/Rating';
-import { Tag } from '../../../lib/tag/Tag';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function PTDoc(props) {
const [products, setProducts] = useState([]);
diff --git a/components/doc/datascroller/pt/wireframe.js b/components/doc/datascroller/pt/wireframe.js
index a5d5ce7d24..3a9e89b58f 100644
--- a/components/doc/datascroller/pt/wireframe.js
+++ b/components/doc/datascroller/pt/wireframe.js
@@ -1,5 +1,4 @@
-import React from 'react';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export const Wireframe = (props) => {
return (
diff --git a/components/doc/datascroller/styledoc.js b/components/doc/datascroller/styledoc.js
index 47c65d2473..23eb285e20 100644
--- a/components/doc/datascroller/styledoc.js
+++ b/components/doc/datascroller/styledoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyleDoc() {
return (
diff --git a/components/doc/datascroller/theming/styleddoc.js b/components/doc/datascroller/theming/styleddoc.js
index 5600129e3e..1731dd4532 100644
--- a/components/doc/datascroller/theming/styleddoc.js
+++ b/components/doc/datascroller/theming/styleddoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyledDoc(props) {
return (
diff --git a/components/doc/datascroller/theming/tailwinddoc.js b/components/doc/datascroller/theming/tailwinddoc.js
index 308859842e..430d500df1 100644
--- a/components/doc/datascroller/theming/tailwinddoc.js
+++ b/components/doc/datascroller/theming/tailwinddoc.js
@@ -1,6 +1,6 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function TailwindDoc(props) {
const code = {
diff --git a/components/doc/datatable/accessibilitydoc.js b/components/doc/datatable/accessibilitydoc.js
index 4923ba758c..7dcd524877 100644
--- a/components/doc/datatable/accessibilitydoc.js
+++ b/components/doc/datatable/accessibilitydoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DevelopmentSection } from '../common/developmentsection';
+import { DevelopmentSection } from '@/components/doc/common/developmentsection';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
diff --git a/components/doc/datatable/basicdoc.js b/components/doc/datatable/basicdoc.js
index 7c64f2c732..9f826ea644 100644
--- a/components/doc/datatable/basicdoc.js
+++ b/components/doc/datatable/basicdoc.js
@@ -1,9 +1,9 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Column } from '@/components/lib/column/Column';
+import { DataTable } from '@/components/lib/datatable/DataTable';
import { useEffect, useState } from 'react';
import { ProductService } from '../../../service/ProductService';
-import { Column } from '../../lib/column/Column';
-import { DataTable } from '../../lib/datatable/DataTable';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function BasicDoc(props) {
const [products, setProducts] = useState([]);
diff --git a/components/doc/datatable/cellselection/disableddoc.js b/components/doc/datatable/cellselection/disableddoc.js
index 80d66f613c..5a4ac38d24 100644
--- a/components/doc/datatable/cellselection/disableddoc.js
+++ b/components/doc/datatable/cellselection/disableddoc.js
@@ -1,10 +1,10 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Column } from '@/components/lib/column/Column';
+import { DataTable } from '@/components/lib/datatable/DataTable';
+import { InputSwitch } from '@/components/lib/inputswitch/InputSwitch';
import { useEffect, useState } from 'react';
import { ProductService } from '../../../../service/ProductService';
-import { Column } from '../../../lib/column/Column';
-import { DataTable } from '../../../lib/datatable/DataTable';
-import { InputSwitch } from '../../../lib/inputswitch/InputSwitch';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function DisabledCellSelectionDoc(props) {
const [products, setProducts] = useState([]);
diff --git a/components/doc/datatable/cellselection/eventsdoc.js b/components/doc/datatable/cellselection/eventsdoc.js
index 7f49ff1a50..dc661b2cfc 100644
--- a/components/doc/datatable/cellselection/eventsdoc.js
+++ b/components/doc/datatable/cellselection/eventsdoc.js
@@ -1,10 +1,10 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Column } from '@/components/lib/column/Column';
+import { DataTable } from '@/components/lib/datatable/DataTable';
+import { Toast } from '@/components/lib/toast/Toast';
import { useEffect, useRef, useState } from 'react';
import { ProductService } from '../../../../service/ProductService';
-import { Column } from '../../../lib/column/Column';
-import { DataTable } from '../../../lib/datatable/DataTable';
-import { Toast } from '../../../lib/toast/Toast';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function CellSelectEventsDoc(props) {
const [products, setProducts] = useState([]);
diff --git a/components/doc/datatable/cellselection/multipledoc.js b/components/doc/datatable/cellselection/multipledoc.js
index 408a0e6e2f..d1ea0d7f1c 100644
--- a/components/doc/datatable/cellselection/multipledoc.js
+++ b/components/doc/datatable/cellselection/multipledoc.js
@@ -1,10 +1,10 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Column } from '@/components/lib/column/Column';
+import { DataTable } from '@/components/lib/datatable/DataTable';
+import { InputSwitch } from '@/components/lib/inputswitch/InputSwitch';
import { useEffect, useState } from 'react';
import { ProductService } from '../../../../service/ProductService';
-import { Column } from '../../../lib/column/Column';
-import { DataTable } from '../../../lib/datatable/DataTable';
-import { InputSwitch } from '../../../lib/inputswitch/InputSwitch';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function MultipleCellsSelectionDoc(props) {
const [products, setProducts] = useState([]);
diff --git a/components/doc/datatable/cellselection/singledoc.js b/components/doc/datatable/cellselection/singledoc.js
index ac73bed13e..4071117a1f 100644
--- a/components/doc/datatable/cellselection/singledoc.js
+++ b/components/doc/datatable/cellselection/singledoc.js
@@ -1,10 +1,10 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Column } from '@/components/lib/column/Column';
+import { DataTable } from '@/components/lib/datatable/DataTable';
+import { InputSwitch } from '@/components/lib/inputswitch/InputSwitch';
import { useEffect, useState } from 'react';
import { ProductService } from '../../../../service/ProductService';
-import { Column } from '../../../lib/column/Column';
-import { DataTable } from '../../../lib/datatable/DataTable';
-import { InputSwitch } from '../../../lib/inputswitch/InputSwitch';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function SingleCellSelectionDoc(props) {
const [products, setProducts] = useState([]);
diff --git a/components/doc/datatable/colresize/expandmodedoc.js b/components/doc/datatable/colresize/expandmodedoc.js
index 36ceebc59d..4a88f2b80b 100644
--- a/components/doc/datatable/colresize/expandmodedoc.js
+++ b/components/doc/datatable/colresize/expandmodedoc.js
@@ -1,9 +1,9 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Column } from '@/components/lib/column/Column';
+import { DataTable } from '@/components/lib/datatable/DataTable';
import { useEffect, useState } from 'react';
import { ProductService } from '../../../../service/ProductService';
-import { Column } from '../../../lib/column/Column';
-import { DataTable } from '../../../lib/datatable/DataTable';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function ExpandModeDoc(props) {
const [products, setProducts] = useState([]);
diff --git a/components/doc/datatable/colresize/fitmodedoc.js b/components/doc/datatable/colresize/fitmodedoc.js
index 628288f295..07a79ada64 100644
--- a/components/doc/datatable/colresize/fitmodedoc.js
+++ b/components/doc/datatable/colresize/fitmodedoc.js
@@ -1,9 +1,9 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Column } from '@/components/lib/column/Column';
+import { DataTable } from '@/components/lib/datatable/DataTable';
import { useEffect, useState } from 'react';
import { ProductService } from '../../../../service/ProductService';
-import { Column } from '../../../lib/column/Column';
-import { DataTable } from '../../../lib/datatable/DataTable';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function FitModeDoc(props) {
const [products, setProducts] = useState([]);
diff --git a/components/doc/datatable/columngroupdoc.js b/components/doc/datatable/columngroupdoc.js
index 5f262e373f..a84a6eb07a 100644
--- a/components/doc/datatable/columngroupdoc.js
+++ b/components/doc/datatable/columngroupdoc.js
@@ -1,10 +1,10 @@
-import React, { useState } from 'react';
-import { Column } from '../../lib/column/Column';
-import { ColumnGroup } from '../../lib/columngroup/ColumnGroup';
-import { DataTable } from '../../lib/datatable/DataTable';
-import { Row } from '../../lib/row/Row';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Column } from '@/components/lib/column/Column';
+import { ColumnGroup } from '@/components/lib/columngroup/ColumnGroup';
+import { DataTable } from '@/components/lib/datatable/DataTable';
+import { Row } from '@/components/lib/row/Row';
+import { useState } from 'react';
export function ColumnGroupDoc(props) {
const [sales] = useState([
diff --git a/components/doc/datatable/columntoggledoc.js b/components/doc/datatable/columntoggledoc.js
index fdbff9017d..ea194703e1 100644
--- a/components/doc/datatable/columntoggledoc.js
+++ b/components/doc/datatable/columntoggledoc.js
@@ -1,10 +1,10 @@
-import React, { useEffect, useState } from 'react';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Column } from '@/components/lib/column/Column';
+import { DataTable } from '@/components/lib/datatable/DataTable';
+import { MultiSelect } from '@/components/lib/multiselect/MultiSelect';
+import { useEffect, useState } from 'react';
import { ProductService } from '../../../service/ProductService';
-import { Column } from '../../lib/column/Column';
-import { DataTable } from '../../lib/datatable/DataTable';
-import { MultiSelect } from '../../lib/multiselect/MultiSelect';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function ColumnToggleDoc(props) {
const columns = [
diff --git a/components/doc/datatable/conditionalstyledoc.js b/components/doc/datatable/conditionalstyledoc.js
index 285096daa7..64db4a40d5 100644
--- a/components/doc/datatable/conditionalstyledoc.js
+++ b/components/doc/datatable/conditionalstyledoc.js
@@ -1,10 +1,10 @@
-import React, { useEffect, useState } from 'react';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Column } from '@/components/lib/column/Column';
+import { DataTable } from '@/components/lib/datatable/DataTable';
+import { classNames } from '@/components/lib/utils/Utils';
+import { useEffect, useState } from 'react';
import { ProductService } from '../../../service/ProductService';
-import { Column } from '../../lib/column/Column';
-import { DataTable } from '../../lib/datatable/DataTable';
-import { classNames } from '../../lib/utils/Utils';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function ConditionalStyleDoc(props) {
const [products, setProducts] = useState([]);
diff --git a/components/doc/datatable/contextmenudoc.js b/components/doc/datatable/contextmenudoc.js
index 8801c869fa..b05c6a1d08 100644
--- a/components/doc/datatable/contextmenudoc.js
+++ b/components/doc/datatable/contextmenudoc.js
@@ -1,11 +1,11 @@
-import React, { useEffect, useRef, useState } from 'react';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Column } from '@/components/lib/column/Column';
+import { ContextMenu } from '@/components/lib/contextmenu/ContextMenu';
+import { DataTable } from '@/components/lib/datatable/DataTable';
+import { Toast } from '@/components/lib/toast/Toast';
+import { useEffect, useRef, useState } from 'react';
import { ProductService } from '../../../service/ProductService';
-import { Column } from '../../lib/column/Column';
-import { ContextMenu } from '../../lib/contextmenu/ContextMenu';
-import { DataTable } from '../../lib/datatable/DataTable';
-import { Toast } from '../../lib/toast/Toast';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function ContextMenuDoc(props) {
const [products, setProducts] = useState([]);
diff --git a/components/doc/datatable/dynamiccolumnsdoc.js b/components/doc/datatable/dynamiccolumnsdoc.js
index d55f2fa699..7ff51836e4 100644
--- a/components/doc/datatable/dynamiccolumnsdoc.js
+++ b/components/doc/datatable/dynamiccolumnsdoc.js
@@ -1,9 +1,9 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Column } from '@/components/lib/column/Column';
+import { DataTable } from '@/components/lib/datatable/DataTable';
import { useEffect, useState } from 'react';
import { ProductService } from '../../../service/ProductService';
-import { Column } from '../../lib/column/Column';
-import { DataTable } from '../../lib/datatable/DataTable';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function DynamicColumnsDoc(props) {
const [products, setProducts] = useState([]);
diff --git a/components/doc/datatable/edit/celleditdoc.js b/components/doc/datatable/edit/celleditdoc.js
index a97e627083..76e23d7c51 100644
--- a/components/doc/datatable/edit/celleditdoc.js
+++ b/components/doc/datatable/edit/celleditdoc.js
@@ -1,11 +1,11 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Column } from '@/components/lib/column/Column';
+import { DataTable } from '@/components/lib/datatable/DataTable';
+import { InputNumber } from '@/components/lib/inputnumber/InputNumber';
+import { InputText } from '@/components/lib/inputtext/InputText';
import { useEffect, useState } from 'react';
import { ProductService } from '../../../../service/ProductService';
-import { Column } from '../../../lib/column/Column';
-import { DataTable } from '../../../lib/datatable/DataTable';
-import { InputNumber } from '../../../lib/inputnumber/InputNumber';
-import { InputText } from '../../../lib/inputtext/InputText';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function CellEditDoc(props) {
const [products, setProducts] = useState(null);
diff --git a/components/doc/datatable/edit/roweditdoc.js b/components/doc/datatable/edit/roweditdoc.js
index 638e284f22..7e00b31127 100644
--- a/components/doc/datatable/edit/roweditdoc.js
+++ b/components/doc/datatable/edit/roweditdoc.js
@@ -1,13 +1,13 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Column } from '@/components/lib/column/Column';
+import { DataTable } from '@/components/lib/datatable/DataTable';
+import { Dropdown } from '@/components/lib/dropdown/Dropdown';
+import { InputNumber } from '@/components/lib/inputnumber/InputNumber';
+import { InputText } from '@/components/lib/inputtext/InputText';
+import { Tag } from '@/components/lib/tag/Tag';
import { useEffect, useState } from 'react';
import { ProductService } from '../../../../service/ProductService';
-import { Column } from '../../../lib/column/Column';
-import { DataTable } from '../../../lib/datatable/DataTable';
-import { Dropdown } from '../../../lib/dropdown/Dropdown';
-import { InputNumber } from '../../../lib/inputnumber/InputNumber';
-import { InputText } from '../../../lib/inputtext/InputText';
-import { Tag } from '../../../lib/tag/Tag';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function RowEditDoc(props) {
const [products, setProducts] = useState(null);
diff --git a/components/doc/datatable/exportdoc.js b/components/doc/datatable/exportdoc.js
index cd6b8ad7a6..54c6820c94 100644
--- a/components/doc/datatable/exportdoc.js
+++ b/components/doc/datatable/exportdoc.js
@@ -1,11 +1,11 @@
-import React, { useEffect, useRef, useState } from 'react';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { Column } from '@/components/lib/column/Column';
+import { DataTable } from '@/components/lib/datatable/DataTable';
+import { Tooltip } from '@/components/lib/tooltip/Tooltip';
+import { useEffect, useRef, useState } from 'react';
import { ProductService } from '../../../service/ProductService';
-import { Button } from '../../lib/button/Button';
-import { Column } from '../../lib/column/Column';
-import { DataTable } from '../../lib/datatable/DataTable';
-import { Tooltip } from '../../lib/tooltip/Tooltip';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function ExportDoc(props) {
const [products, setProducts] = useState([]);
diff --git a/components/doc/datatable/filter/advanceddoc.js b/components/doc/datatable/filter/advanceddoc.js
index 98a041bd0c..ff7d4f7be6 100644
--- a/components/doc/datatable/filter/advanceddoc.js
+++ b/components/doc/datatable/filter/advanceddoc.js
@@ -1,21 +1,21 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { FilterMatchMode, FilterOperator } from '@/components/lib/api/Api';
+import { Button } from '@/components/lib/button/Button';
+import { Calendar } from '@/components/lib/calendar/Calendar';
+import { Column } from '@/components/lib/column/Column';
+import { DataTable } from '@/components/lib/datatable/DataTable';
+import { Dropdown } from '@/components/lib/dropdown/Dropdown';
+import { InputNumber } from '@/components/lib/inputnumber/InputNumber';
+import { InputText } from '@/components/lib/inputtext/InputText';
+import { MultiSelect } from '@/components/lib/multiselect/MultiSelect';
+import { ProgressBar } from '@/components/lib/progressbar/ProgressBar';
+import { Slider } from '@/components/lib/slider/Slider';
+import { Tag } from '@/components/lib/tag/Tag';
+import { TriStateCheckbox } from '@/components/lib/tristatecheckbox/TriStateCheckbox';
+import { classNames } from '@/components/lib/utils/Utils';
import React, { useEffect, useState } from 'react';
import { CustomerService } from '../../../../service/CustomerService';
-import { FilterMatchMode, FilterOperator } from '../../../lib/api/Api';
-import { Button } from '../../../lib/button/Button';
-import { Calendar } from '../../../lib/calendar/Calendar';
-import { Column } from '../../../lib/column/Column';
-import { DataTable } from '../../../lib/datatable/DataTable';
-import { Dropdown } from '../../../lib/dropdown/Dropdown';
-import { InputNumber } from '../../../lib/inputnumber/InputNumber';
-import { InputText } from '../../../lib/inputtext/InputText';
-import { MultiSelect } from '../../../lib/multiselect/MultiSelect';
-import { ProgressBar } from '../../../lib/progressbar/ProgressBar';
-import { Slider } from '../../../lib/slider/Slider';
-import { Tag } from '../../../lib/tag/Tag';
-import { TriStateCheckbox } from '../../../lib/tristatecheckbox/TriStateCheckbox';
-import { classNames } from '../../../lib/utils/Utils';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function AdvancedFilterDoc(props) {
const [customers, setCustomers] = useState(null);
diff --git a/components/doc/datatable/filter/basicdoc.js b/components/doc/datatable/filter/basicdoc.js
index 34bcb7384d..bc9661c3de 100644
--- a/components/doc/datatable/filter/basicdoc.js
+++ b/components/doc/datatable/filter/basicdoc.js
@@ -1,16 +1,16 @@
-import React, { useEffect, useState } from 'react';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { FilterMatchMode } from '@/components/lib/api/Api';
+import { Column } from '@/components/lib/column/Column';
+import { DataTable } from '@/components/lib/datatable/DataTable';
+import { Dropdown } from '@/components/lib/dropdown/Dropdown';
+import { InputText } from '@/components/lib/inputtext/InputText';
+import { MultiSelect } from '@/components/lib/multiselect/MultiSelect';
+import { Tag } from '@/components/lib/tag/Tag';
+import { TriStateCheckbox } from '@/components/lib/tristatecheckbox/TriStateCheckbox';
+import { classNames } from '@/components/lib/utils/Utils';
+import { useEffect, useState } from 'react';
import { CustomerService } from '../../../../service/CustomerService';
-import { FilterMatchMode } from '../../../lib/api/Api';
-import { Column } from '../../../lib/column/Column';
-import { DataTable } from '../../../lib/datatable/DataTable';
-import { Dropdown } from '../../../lib/dropdown/Dropdown';
-import { InputText } from '../../../lib/inputtext/InputText';
-import { MultiSelect } from '../../../lib/multiselect/MultiSelect';
-import { Tag } from '../../../lib/tag/Tag';
-import { TriStateCheckbox } from '../../../lib/tristatecheckbox/TriStateCheckbox';
-import { classNames } from '../../../lib/utils/Utils';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function BasicFilterDoc(props) {
const [customers, setCustomers] = useState(null);
diff --git a/components/doc/datatable/gridlinesdoc.js b/components/doc/datatable/gridlinesdoc.js
index e4810aba8a..ec1d731a09 100644
--- a/components/doc/datatable/gridlinesdoc.js
+++ b/components/doc/datatable/gridlinesdoc.js
@@ -1,9 +1,9 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Column } from '@/components/lib/column/Column';
+import { DataTable } from '@/components/lib/datatable/DataTable';
import { useEffect, useState } from 'react';
import { ProductService } from '../../../service/ProductService';
-import { Column } from '../../lib/column/Column';
-import { DataTable } from '../../lib/datatable/DataTable';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function GridLinesDoc(props) {
const [products, setProducts] = useState([]);
diff --git a/components/doc/datatable/importdoc.js b/components/doc/datatable/importdoc.js
index 6dfea0ac9e..c10b66f088 100644
--- a/components/doc/datatable/importdoc.js
+++ b/components/doc/datatable/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/datatable/lazyloaddoc.js b/components/doc/datatable/lazyloaddoc.js
index 3b86cd41ef..6870db374d 100644
--- a/components/doc/datatable/lazyloaddoc.js
+++ b/components/doc/datatable/lazyloaddoc.js
@@ -1,9 +1,9 @@
-import React, { useEffect, useState } from 'react';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Column } from '@/components/lib/column/Column';
+import { DataTable } from '@/components/lib/datatable/DataTable';
+import { useEffect, useState } from 'react';
import { CustomerService } from '../../../service/CustomerService';
-import { Column } from '../../lib/column/Column';
-import { DataTable } from '../../lib/datatable/DataTable';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function LazyLoadDoc(props) {
const [loading, setLoading] = useState(false);
diff --git a/components/doc/datatable/paginator/basicdoc.js b/components/doc/datatable/paginator/basicdoc.js
index 0022759187..4802ef746b 100644
--- a/components/doc/datatable/paginator/basicdoc.js
+++ b/components/doc/datatable/paginator/basicdoc.js
@@ -1,9 +1,9 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Column } from '@/components/lib/column/Column';
+import { DataTable } from '@/components/lib/datatable/DataTable';
import { useEffect, useState } from 'react';
import { CustomerService } from '../../../../service/CustomerService';
-import { Column } from '../../../lib/column/Column';
-import { DataTable } from '../../../lib/datatable/DataTable';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function PaginatorBasicDoc(props) {
const [customers, setCustomers] = useState([]);
diff --git a/components/doc/datatable/paginator/templatedoc.js b/components/doc/datatable/paginator/templatedoc.js
index a204e2ef5f..a5db7da578 100644
--- a/components/doc/datatable/paginator/templatedoc.js
+++ b/components/doc/datatable/paginator/templatedoc.js
@@ -1,11 +1,11 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { Column } from '@/components/lib/column/Column';
+import { DataTable } from '@/components/lib/datatable/DataTable';
import Link from 'next/link';
import { useEffect, useState } from 'react';
import { CustomerService } from '../../../../service/CustomerService';
-import { Button } from '../../../lib/button/Button';
-import { Column } from '../../../lib/column/Column';
-import { DataTable } from '../../../lib/datatable/DataTable';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function PaginatorTemplateDoc(props) {
const [customers, setCustomers] = useState([]);
diff --git a/components/doc/datatable/pt/ptdoc.js b/components/doc/datatable/pt/ptdoc.js
index 173412e4f0..d1aebb6f98 100644
--- a/components/doc/datatable/pt/ptdoc.js
+++ b/components/doc/datatable/pt/ptdoc.js
@@ -1,9 +1,9 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Column } from '@/components/lib/column/Column';
+import { DataTable } from '@/components/lib/datatable/DataTable';
import { useEffect, useState } from 'react';
import { ProductService } from '../../../../service/ProductService';
-import { Column } from '../../../lib/column/Column';
-import { DataTable } from '../../../lib/datatable/DataTable';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function PTDoc(props) {
const [products, setProducts] = useState([]);
diff --git a/components/doc/datatable/pt/wireframe.js b/components/doc/datatable/pt/wireframe.js
index 2d96e8bc3d..c127793e30 100644
--- a/components/doc/datatable/pt/wireframe.js
+++ b/components/doc/datatable/pt/wireframe.js
@@ -1,5 +1,4 @@
-import React from 'react';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export const Wireframe = (props) => {
return (
diff --git a/components/doc/datatable/reorderdoc.js b/components/doc/datatable/reorderdoc.js
index d2aee21d44..4e628794d6 100644
--- a/components/doc/datatable/reorderdoc.js
+++ b/components/doc/datatable/reorderdoc.js
@@ -1,9 +1,9 @@
-import React, { useEffect, useState } from 'react';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Column } from '@/components/lib/column/Column';
+import { DataTable } from '@/components/lib/datatable/DataTable';
+import { useEffect, useState } from 'react';
import { ProductService } from '../../../service/ProductService';
-import { Column } from '../../lib/column/Column';
-import { DataTable } from '../../lib/datatable/DataTable';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function ReorderDoc(props) {
const [products, setProducts] = useState([]);
diff --git a/components/doc/datatable/rowexpansiondoc.js b/components/doc/datatable/rowexpansiondoc.js
index 147cf26952..f510be3ef1 100644
--- a/components/doc/datatable/rowexpansiondoc.js
+++ b/components/doc/datatable/rowexpansiondoc.js
@@ -1,13 +1,13 @@
-import React, { useEffect, useRef, useState } from 'react';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { Column } from '@/components/lib/column/Column';
+import { DataTable } from '@/components/lib/datatable/DataTable';
+import { Rating } from '@/components/lib/rating/Rating';
+import { Tag } from '@/components/lib/tag/Tag';
+import { Toast } from '@/components/lib/toast/Toast';
+import { useEffect, useRef, useState } from 'react';
import { ProductService } from '../../../service/ProductService';
-import { Button } from '../../lib/button/Button';
-import { Column } from '../../lib/column/Column';
-import { DataTable } from '../../lib/datatable/DataTable';
-import { Rating } from '../../lib/rating/Rating';
-import { Tag } from '../../lib/tag/Tag';
-import { Toast } from '../../lib/toast/Toast';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function RowExpansionDoc(props) {
const [products, setProducts] = useState([]);
diff --git a/components/doc/datatable/rowgroup/expandabledoc.js b/components/doc/datatable/rowgroup/expandabledoc.js
index 0bbdd51ec8..dd50128147 100644
--- a/components/doc/datatable/rowgroup/expandabledoc.js
+++ b/components/doc/datatable/rowgroup/expandabledoc.js
@@ -1,10 +1,10 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Column } from '@/components/lib/column/Column';
+import { DataTable } from '@/components/lib/datatable/DataTable';
+import { Tag } from '@/components/lib/tag/Tag';
import React, { useEffect, useState } from 'react';
import { CustomerService } from '../../../../service/CustomerService';
-import { Column } from '../../../lib/column/Column';
-import { DataTable } from '../../../lib/datatable/DataTable';
-import { Tag } from '../../../lib/tag/Tag';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function ExpandableRowGroupDoc(props) {
const [customers, setCustomers] = useState([]);
diff --git a/components/doc/datatable/rowgroup/rowspandoc.js b/components/doc/datatable/rowgroup/rowspandoc.js
index fd170a123b..e679918f13 100644
--- a/components/doc/datatable/rowgroup/rowspandoc.js
+++ b/components/doc/datatable/rowgroup/rowspandoc.js
@@ -1,10 +1,10 @@
-import React, { useEffect, useState } from 'react';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Column } from '@/components/lib/column/Column';
+import { DataTable } from '@/components/lib/datatable/DataTable';
+import { Tag } from '@/components/lib/tag/Tag';
+import { useEffect, useState } from 'react';
import { CustomerService } from '../../../../service/CustomerService';
-import { Column } from '../../../lib/column/Column';
-import { DataTable } from '../../../lib/datatable/DataTable';
-import { Tag } from '../../../lib/tag/Tag';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function RowSpanRowGroupDoc(props) {
const [customers, setCustomers] = useState([]);
diff --git a/components/doc/datatable/rowgroup/subheaderdoc.js b/components/doc/datatable/rowgroup/subheaderdoc.js
index 309db6a199..1d9b1d68ff 100644
--- a/components/doc/datatable/rowgroup/subheaderdoc.js
+++ b/components/doc/datatable/rowgroup/subheaderdoc.js
@@ -1,10 +1,10 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Column } from '@/components/lib/column/Column';
+import { DataTable } from '@/components/lib/datatable/DataTable';
+import { Tag } from '@/components/lib/tag/Tag';
import React, { useEffect, useState } from 'react';
import { CustomerService } from '../../../../service/CustomerService';
-import { Column } from '../../../lib/column/Column';
-import { DataTable } from '../../../lib/datatable/DataTable';
-import { Tag } from '../../../lib/tag/Tag';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function SubHeaderRowGroupDoc(props) {
const [customers, setCustomers] = useState([]);
diff --git a/components/doc/datatable/rowselection/checkboxdoc.js b/components/doc/datatable/rowselection/checkboxdoc.js
index 22f392fec6..2d8702955f 100644
--- a/components/doc/datatable/rowselection/checkboxdoc.js
+++ b/components/doc/datatable/rowselection/checkboxdoc.js
@@ -1,10 +1,10 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Column } from '@/components/lib/column/Column';
+import { DataTable } from '@/components/lib/datatable/DataTable';
+import { InputSwitch } from '@/components/lib/inputswitch/InputSwitch';
import { useEffect, useState } from 'react';
import { ProductService } from '../../../../service/ProductService';
-import { Column } from '../../../lib/column/Column';
-import { DataTable } from '../../../lib/datatable/DataTable';
-import { InputSwitch } from '../../../lib/inputswitch/InputSwitch';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function CheckboxRowSelectionDoc(props) {
const [products, setProducts] = useState([]);
diff --git a/components/doc/datatable/rowselection/disableddoc.js b/components/doc/datatable/rowselection/disableddoc.js
index 46c720c0e3..186ff5be16 100644
--- a/components/doc/datatable/rowselection/disableddoc.js
+++ b/components/doc/datatable/rowselection/disableddoc.js
@@ -1,9 +1,9 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Column } from '@/components/lib/column/Column';
+import { DataTable } from '@/components/lib/datatable/DataTable';
import { useEffect, useState } from 'react';
import { ProductService } from '../../../../service/ProductService';
-import { Column } from '../../../lib/column/Column';
-import { DataTable } from '../../../lib/datatable/DataTable';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function DisabledRowSelectionDoc(props) {
const [products, setProducts] = useState([]);
diff --git a/components/doc/datatable/rowselection/eventsdoc.js b/components/doc/datatable/rowselection/eventsdoc.js
index 0ffb299313..6dc887d485 100644
--- a/components/doc/datatable/rowselection/eventsdoc.js
+++ b/components/doc/datatable/rowselection/eventsdoc.js
@@ -1,10 +1,10 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Column } from '@/components/lib/column/Column';
+import { DataTable } from '@/components/lib/datatable/DataTable';
+import { Toast } from '@/components/lib/toast/Toast';
import { useEffect, useRef, useState } from 'react';
import { ProductService } from '../../../../service/ProductService';
-import { Column } from '../../../lib/column/Column';
-import { DataTable } from '../../../lib/datatable/DataTable';
-import { Toast } from '../../../lib/toast/Toast';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function RowSelectEventsDoc(props) {
const [products, setProducts] = useState([]);
diff --git a/components/doc/datatable/rowselection/multipledoc.js b/components/doc/datatable/rowselection/multipledoc.js
index 035c772d1c..773934d25b 100644
--- a/components/doc/datatable/rowselection/multipledoc.js
+++ b/components/doc/datatable/rowselection/multipledoc.js
@@ -1,10 +1,10 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Column } from '@/components/lib/column/Column';
+import { DataTable } from '@/components/lib/datatable/DataTable';
+import { InputSwitch } from '@/components/lib/inputswitch/InputSwitch';
import { useEffect, useState } from 'react';
import { ProductService } from '../../../../service/ProductService';
-import { Column } from '../../../lib/column/Column';
-import { DataTable } from '../../../lib/datatable/DataTable';
-import { InputSwitch } from '../../../lib/inputswitch/InputSwitch';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function MultipleRowsSelectionDoc(props) {
const [products, setProducts] = useState([]);
diff --git a/components/doc/datatable/rowselection/radiobuttondoc.js b/components/doc/datatable/rowselection/radiobuttondoc.js
index 844bddda60..774f6b2efd 100644
--- a/components/doc/datatable/rowselection/radiobuttondoc.js
+++ b/components/doc/datatable/rowselection/radiobuttondoc.js
@@ -1,10 +1,10 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Column } from '@/components/lib/column/Column';
+import { DataTable } from '@/components/lib/datatable/DataTable';
+import { InputSwitch } from '@/components/lib/inputswitch/InputSwitch';
import { useEffect, useState } from 'react';
import { ProductService } from '../../../../service/ProductService';
-import { Column } from '../../../lib/column/Column';
-import { DataTable } from '../../../lib/datatable/DataTable';
-import { InputSwitch } from '../../../lib/inputswitch/InputSwitch';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function RadioButtonRowSelectionDoc(props) {
const [products, setProducts] = useState([]);
diff --git a/components/doc/datatable/rowselection/singledoc.js b/components/doc/datatable/rowselection/singledoc.js
index b11176ef7b..7a11faeea0 100644
--- a/components/doc/datatable/rowselection/singledoc.js
+++ b/components/doc/datatable/rowselection/singledoc.js
@@ -1,10 +1,10 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Column } from '@/components/lib/column/Column';
+import { DataTable } from '@/components/lib/datatable/DataTable';
+import { InputSwitch } from '@/components/lib/inputswitch/InputSwitch';
import { useEffect, useState } from 'react';
import { ProductService } from '../../../../service/ProductService';
-import { Column } from '../../../lib/column/Column';
-import { DataTable } from '../../../lib/datatable/DataTable';
-import { InputSwitch } from '../../../lib/inputswitch/InputSwitch';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function SingleRowSelectionDoc(props) {
const [products, setProducts] = useState([]);
diff --git a/components/doc/datatable/samples/customersdoc.js b/components/doc/datatable/samples/customersdoc.js
index e078f055e5..70cb23f62c 100644
--- a/components/doc/datatable/samples/customersdoc.js
+++ b/components/doc/datatable/samples/customersdoc.js
@@ -1,19 +1,19 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { FilterMatchMode, FilterOperator } from '@/components/lib/api/Api';
+import { Button } from '@/components/lib/button/Button';
+import { Calendar } from '@/components/lib/calendar/Calendar';
+import { Column } from '@/components/lib/column/Column';
+import { DataTable } from '@/components/lib/datatable/DataTable';
+import { Dropdown } from '@/components/lib/dropdown/Dropdown';
+import { InputNumber } from '@/components/lib/inputnumber/InputNumber';
+import { InputText } from '@/components/lib/inputtext/InputText';
+import { MultiSelect } from '@/components/lib/multiselect/MultiSelect';
+import { ProgressBar } from '@/components/lib/progressbar/ProgressBar';
+import { Slider } from '@/components/lib/slider/Slider';
+import { Tag } from '@/components/lib/tag/Tag';
import React, { useEffect, useState } from 'react';
import { CustomerService } from '../../../../service/CustomerService';
-import { FilterMatchMode, FilterOperator } from '../../../lib/api/Api';
-import { Button } from '../../../lib/button/Button';
-import { Calendar } from '../../../lib/calendar/Calendar';
-import { Column } from '../../../lib/column/Column';
-import { DataTable } from '../../../lib/datatable/DataTable';
-import { Dropdown } from '../../../lib/dropdown/Dropdown';
-import { InputNumber } from '../../../lib/inputnumber/InputNumber';
-import { InputText } from '../../../lib/inputtext/InputText';
-import { MultiSelect } from '../../../lib/multiselect/MultiSelect';
-import { ProgressBar } from '../../../lib/progressbar/ProgressBar';
-import { Slider } from '../../../lib/slider/Slider';
-import { Tag } from '../../../lib/tag/Tag';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export const CustomersDoc = (props) => {
const [customers, setCustomers] = useState([]);
diff --git a/components/doc/datatable/samples/productsdoc.js b/components/doc/datatable/samples/productsdoc.js
index 74886683ec..5fd5a87f87 100644
--- a/components/doc/datatable/samples/productsdoc.js
+++ b/components/doc/datatable/samples/productsdoc.js
@@ -1,20 +1,20 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { Column } from '@/components/lib/column/Column';
+import { DataTable } from '@/components/lib/datatable/DataTable';
+import { Dialog } from '@/components/lib/dialog/Dialog';
+import { InputNumber } from '@/components/lib/inputnumber/InputNumber';
+import { InputText } from '@/components/lib/inputtext/InputText';
+import { InputTextarea } from '@/components/lib/inputtextarea/InputTextarea';
+import { RadioButton } from '@/components/lib/radiobutton/RadioButton';
+import { Rating } from '@/components/lib/rating/Rating';
+import { Tag } from '@/components/lib/tag/Tag';
+import { Toast } from '@/components/lib/toast/Toast';
+import { Toolbar } from '@/components/lib/toolbar/Toolbar';
+import { classNames } from '@/components/lib/utils/Utils';
import React, { useEffect, useRef, useState } from 'react';
import { ProductService } from '../../../../service/ProductService';
-import { Button } from '../../../lib/button/Button';
-import { Column } from '../../../lib/column/Column';
-import { DataTable } from '../../../lib/datatable/DataTable';
-import { Dialog } from '../../../lib/dialog/Dialog';
-import { InputNumber } from '../../../lib/inputnumber/InputNumber';
-import { InputText } from '../../../lib/inputtext/InputText';
-import { InputTextarea } from '../../../lib/inputtextarea/InputTextarea';
-import { RadioButton } from '../../../lib/radiobutton/RadioButton';
-import { Rating } from '../../../lib/rating/Rating';
-import { Tag } from '../../../lib/tag/Tag';
-import { Toast } from '../../../lib/toast/Toast';
-import { Toolbar } from '../../../lib/toolbar/Toolbar';
-import { classNames } from '../../../lib/utils/Utils';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function ProductsDoc(props) {
let emptyProduct = {
diff --git a/components/doc/datatable/scroll/flexibledoc.js b/components/doc/datatable/scroll/flexibledoc.js
index 32bc9984cd..013c63d463 100644
--- a/components/doc/datatable/scroll/flexibledoc.js
+++ b/components/doc/datatable/scroll/flexibledoc.js
@@ -1,11 +1,11 @@
-import React, { useEffect, useState } from 'react';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { Column } from '@/components/lib/column/Column';
+import { DataTable } from '@/components/lib/datatable/DataTable';
+import { Dialog } from '@/components/lib/dialog/Dialog';
+import { useEffect, useState } from 'react';
import { CustomerService } from '../../../../service/CustomerService';
-import { Button } from '../../../lib/button/Button';
-import { Column } from '../../../lib/column/Column';
-import { DataTable } from '../../../lib/datatable/DataTable';
-import { Dialog } from '../../../lib/dialog/Dialog';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function FlexibleScrollDoc(props) {
const [customers, setCustomers] = useState([]);
diff --git a/components/doc/datatable/scroll/frozencolumnsdoc.js b/components/doc/datatable/scroll/frozencolumnsdoc.js
index 16444c1e1e..e6a1385ae8 100644
--- a/components/doc/datatable/scroll/frozencolumnsdoc.js
+++ b/components/doc/datatable/scroll/frozencolumnsdoc.js
@@ -1,10 +1,10 @@
-import React, { useEffect, useState } from 'react';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Column } from '@/components/lib/column/Column';
+import { DataTable } from '@/components/lib/datatable/DataTable';
+import { ToggleButton } from '@/components/lib/togglebutton/ToggleButton';
+import { useEffect, useState } from 'react';
import { CustomerService } from '../../../../service/CustomerService';
-import { Column } from '../../../lib/column/Column';
-import { DataTable } from '../../../lib/datatable/DataTable';
-import { ToggleButton } from '../../../lib/togglebutton/ToggleButton';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function FrozenColumnsDoc(props) {
const [customers, setCustomers] = useState([]);
diff --git a/components/doc/datatable/scroll/frozenrowsdoc.js b/components/doc/datatable/scroll/frozenrowsdoc.js
index e07d86d3cd..86a92d0e90 100644
--- a/components/doc/datatable/scroll/frozenrowsdoc.js
+++ b/components/doc/datatable/scroll/frozenrowsdoc.js
@@ -1,10 +1,10 @@
-import React, { useEffect, useState } from 'react';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { Column } from '@/components/lib/column/Column';
+import { DataTable } from '@/components/lib/datatable/DataTable';
+import { useEffect, useState } from 'react';
import { CustomerService } from '../../../../service/CustomerService';
-import { Button } from '../../../lib/button/Button';
-import { Column } from '../../../lib/column/Column';
-import { DataTable } from '../../../lib/datatable/DataTable';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function FrozenRowsDoc(props) {
const [customers, setCustomers] = useState([]);
diff --git a/components/doc/datatable/scroll/horizontaldoc.js b/components/doc/datatable/scroll/horizontaldoc.js
index d01235687b..f4c32d52cf 100644
--- a/components/doc/datatable/scroll/horizontaldoc.js
+++ b/components/doc/datatable/scroll/horizontaldoc.js
@@ -1,9 +1,9 @@
-import React, { useEffect, useState } from 'react';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Column } from '@/components/lib/column/Column';
+import { DataTable } from '@/components/lib/datatable/DataTable';
+import { useEffect, useState } from 'react';
import { CustomerService } from '../../../../service/CustomerService';
-import { Column } from '../../../lib/column/Column';
-import { DataTable } from '../../../lib/datatable/DataTable';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function HorizontalScrollDoc(props) {
const [customers, setCustomers] = useState([]);
diff --git a/components/doc/datatable/scroll/verticaldoc.js b/components/doc/datatable/scroll/verticaldoc.js
index 38c708f426..3a1ab6ae5f 100644
--- a/components/doc/datatable/scroll/verticaldoc.js
+++ b/components/doc/datatable/scroll/verticaldoc.js
@@ -1,9 +1,9 @@
-import React, { useEffect, useState } from 'react';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Column } from '@/components/lib/column/Column';
+import { DataTable } from '@/components/lib/datatable/DataTable';
+import { useEffect, useState } from 'react';
import { CustomerService } from '../../../../service/CustomerService';
-import { Column } from '../../../lib/column/Column';
-import { DataTable } from '../../../lib/datatable/DataTable';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function VerticalScrollDoc(props) {
const [customers, setCustomers] = useState([]);
diff --git a/components/doc/datatable/sizedoc.js b/components/doc/datatable/sizedoc.js
index d3aa776e2e..2f231cbfbe 100644
--- a/components/doc/datatable/sizedoc.js
+++ b/components/doc/datatable/sizedoc.js
@@ -1,10 +1,10 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Column } from '@/components/lib/column/Column';
+import { DataTable } from '@/components/lib/datatable/DataTable';
+import { SelectButton } from '@/components/lib/selectbutton/SelectButton';
import { useEffect, useState } from 'react';
import { ProductService } from '../../../service/ProductService';
-import { Column } from '../../lib/column/Column';
-import { DataTable } from '../../lib/datatable/DataTable';
-import { SelectButton } from '../../lib/selectbutton/SelectButton';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function SizeDoc(props) {
const [products, setProducts] = useState([]);
diff --git a/components/doc/datatable/sort/multiplecolumnsdoc.js b/components/doc/datatable/sort/multiplecolumnsdoc.js
index b6f37b9960..2677a47ab9 100644
--- a/components/doc/datatable/sort/multiplecolumnsdoc.js
+++ b/components/doc/datatable/sort/multiplecolumnsdoc.js
@@ -1,9 +1,9 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Column } from '@/components/lib/column/Column';
+import { DataTable } from '@/components/lib/datatable/DataTable';
import { useEffect, useState } from 'react';
import { ProductService } from '../../../../service/ProductService';
-import { Column } from '../../../lib/column/Column';
-import { DataTable } from '../../../lib/datatable/DataTable';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function MultipleColumnsDoc(props) {
const [products, setProducts] = useState([]);
diff --git a/components/doc/datatable/sort/presortdoc.js b/components/doc/datatable/sort/presortdoc.js
index 00c1b24123..e89b5b17b0 100644
--- a/components/doc/datatable/sort/presortdoc.js
+++ b/components/doc/datatable/sort/presortdoc.js
@@ -1,9 +1,9 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Column } from '@/components/lib/column/Column';
+import { DataTable } from '@/components/lib/datatable/DataTable';
import { useEffect, useState } from 'react';
import { ProductService } from '../../../../service/ProductService';
-import { Column } from '../../../lib/column/Column';
-import { DataTable } from '../../../lib/datatable/DataTable';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function PresortDoc(props) {
const [products, setProducts] = useState([]);
diff --git a/components/doc/datatable/sort/removablesortdoc.js b/components/doc/datatable/sort/removablesortdoc.js
index 6fb29b74c4..92d14fe474 100644
--- a/components/doc/datatable/sort/removablesortdoc.js
+++ b/components/doc/datatable/sort/removablesortdoc.js
@@ -1,9 +1,9 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Column } from '@/components/lib/column/Column';
+import { DataTable } from '@/components/lib/datatable/DataTable';
import { useEffect, useState } from 'react';
import { ProductService } from '../../../../service/ProductService';
-import { Column } from '../../../lib/column/Column';
-import { DataTable } from '../../../lib/datatable/DataTable';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function RemovableSortDoc(props) {
const [products, setProducts] = useState([]);
diff --git a/components/doc/datatable/sort/singlecolumndoc.js b/components/doc/datatable/sort/singlecolumndoc.js
index 3e2f3d77ab..ff11eab71a 100644
--- a/components/doc/datatable/sort/singlecolumndoc.js
+++ b/components/doc/datatable/sort/singlecolumndoc.js
@@ -1,9 +1,9 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Column } from '@/components/lib/column/Column';
+import { DataTable } from '@/components/lib/datatable/DataTable';
import { useEffect, useState } from 'react';
import { ProductService } from '../../../../service/ProductService';
-import { Column } from '../../../lib/column/Column';
-import { DataTable } from '../../../lib/datatable/DataTable';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function SingleColumnDoc(props) {
const [products, setProducts] = useState([]);
diff --git a/components/doc/datatable/statefuldoc.js b/components/doc/datatable/statefuldoc.js
index ac2a3b9f39..1cbdacaff9 100644
--- a/components/doc/datatable/statefuldoc.js
+++ b/components/doc/datatable/statefuldoc.js
@@ -1,14 +1,14 @@
-import React, { useEffect, useState } from 'react';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { FilterMatchMode, FilterOperator } from '@/components/lib/api/Api';
+import { Column } from '@/components/lib/column/Column';
+import { DataTable } from '@/components/lib/datatable/DataTable';
+import { Dropdown } from '@/components/lib/dropdown/Dropdown';
+import { InputText } from '@/components/lib/inputtext/InputText';
+import { MultiSelect } from '@/components/lib/multiselect/MultiSelect';
+import { Tag } from '@/components/lib/tag/Tag';
+import { useEffect, useState } from 'react';
import { CustomerService } from '../../../service/CustomerService';
-import { FilterMatchMode, FilterOperator } from '../../lib/api/Api';
-import { Column } from '../../lib/column/Column';
-import { DataTable } from '../../lib/datatable/DataTable';
-import { Dropdown } from '../../lib/dropdown/Dropdown';
-import { InputText } from '../../lib/inputtext/InputText';
-import { MultiSelect } from '../../lib/multiselect/MultiSelect';
-import { Tag } from '../../lib/tag/Tag';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function StatefulDoc(props) {
const [customers, setCustomers] = useState(null);
diff --git a/components/doc/datatable/stripedrowsdoc.js b/components/doc/datatable/stripedrowsdoc.js
index 03993cad67..560df3fb62 100644
--- a/components/doc/datatable/stripedrowsdoc.js
+++ b/components/doc/datatable/stripedrowsdoc.js
@@ -1,9 +1,9 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Column } from '@/components/lib/column/Column';
+import { DataTable } from '@/components/lib/datatable/DataTable';
import { useEffect, useState } from 'react';
import { ProductService } from '../../../service/ProductService';
-import { Column } from '../../lib/column/Column';
-import { DataTable } from '../../lib/datatable/DataTable';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function StripedRowsDoc(props) {
const [products, setProducts] = useState([]);
diff --git a/components/doc/datatable/styledoc.js b/components/doc/datatable/styledoc.js
index 5799287671..6516422a5d 100644
--- a/components/doc/datatable/styledoc.js
+++ b/components/doc/datatable/styledoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
export function StyleDoc() {
diff --git a/components/doc/datatable/templatedoc.js b/components/doc/datatable/templatedoc.js
index 5b53d06795..059b542f3a 100644
--- a/components/doc/datatable/templatedoc.js
+++ b/components/doc/datatable/templatedoc.js
@@ -1,12 +1,12 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { Column } from '@/components/lib/column/Column';
+import { DataTable } from '@/components/lib/datatable/DataTable';
+import { Rating } from '@/components/lib/rating/Rating';
+import { Tag } from '@/components/lib/tag/Tag';
import { useEffect, useState } from 'react';
import { ProductService } from '../../../service/ProductService';
-import { Button } from '../../lib/button/Button';
-import { Column } from '../../lib/column/Column';
-import { DataTable } from '../../lib/datatable/DataTable';
-import { Rating } from '../../lib/rating/Rating';
-import { Tag } from '../../lib/tag/Tag';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function TemplateDoc(props) {
const [products, setProducts] = useState([]);
diff --git a/components/doc/datatable/theming/styleddoc.js b/components/doc/datatable/theming/styleddoc.js
index 4f865955d5..5b95cbf01e 100644
--- a/components/doc/datatable/theming/styleddoc.js
+++ b/components/doc/datatable/theming/styleddoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyledDoc(props) {
return (
diff --git a/components/doc/datatable/theming/tailwinddoc.js b/components/doc/datatable/theming/tailwinddoc.js
index fbb16f651e..197cc25c7b 100644
--- a/components/doc/datatable/theming/tailwinddoc.js
+++ b/components/doc/datatable/theming/tailwinddoc.js
@@ -1,6 +1,6 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function TailwindDoc(props) {
const code = {
diff --git a/components/doc/datatable/virtualscroll/lazydoc.js b/components/doc/datatable/virtualscroll/lazydoc.js
index 7faf39bd34..cd4e299dad 100644
--- a/components/doc/datatable/virtualscroll/lazydoc.js
+++ b/components/doc/datatable/virtualscroll/lazydoc.js
@@ -1,10 +1,10 @@
-import React, { useState } from 'react';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Column } from '@/components/lib/column/Column';
+import { DataTable } from '@/components/lib/datatable/DataTable';
+import { Skeleton } from '@/components/lib/skeleton/Skeleton';
+import { useState } from 'react';
import { CarService } from '../../../../service/CarService';
-import { Column } from '../../../lib/column/Column';
-import { DataTable } from '../../../lib/datatable/DataTable';
-import { Skeleton } from '../../../lib/skeleton/Skeleton';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function LazyVirtualScrollDoc(props) {
const cars = Array.from({ length: 100000 }).map((_, i) => CarService.generateCar(i + 1));
diff --git a/components/doc/datatable/virtualscroll/preloaddoc.js b/components/doc/datatable/virtualscroll/preloaddoc.js
index e9ecb4c38c..e62b0040fd 100644
--- a/components/doc/datatable/virtualscroll/preloaddoc.js
+++ b/components/doc/datatable/virtualscroll/preloaddoc.js
@@ -1,10 +1,9 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Column } from '@/components/lib/column/Column';
+import { DataTable } from '@/components/lib/datatable/DataTable';
import Link from 'next/link';
-import React from 'react';
import { CarService } from '../../../../service/CarService';
-import { Column } from '../../../lib/column/Column';
-import { DataTable } from '../../../lib/datatable/DataTable';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function PreloadVirtualScrollDoc(props) {
const cars = Array.from({ length: 100000 }).map((_, i) => CarService.generateCar(i + 1));
diff --git a/components/doc/dataview/accessibilitydoc.js b/components/doc/dataview/accessibilitydoc.js
index aad4acb11a..73c0a26bd6 100644
--- a/components/doc/dataview/accessibilitydoc.js
+++ b/components/doc/dataview/accessibilitydoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DevelopmentSection } from '../common/developmentsection';
+import { DevelopmentSection } from '@/components/doc/common/developmentsection';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
diff --git a/components/doc/dataview/basicdoc.js b/components/doc/dataview/basicdoc.js
index b469cd2af1..dca6916e6a 100644
--- a/components/doc/dataview/basicdoc.js
+++ b/components/doc/dataview/basicdoc.js
@@ -1,11 +1,11 @@
-import React, { useEffect, useState } from 'react';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { DataView } from '@/components/lib/dataview/DataView';
+import { Rating } from '@/components/lib/rating/Rating';
+import { Tag } from '@/components/lib/tag/Tag';
+import { useEffect, useState } from 'react';
import { ProductService } from '../../../service/ProductService';
-import { Button } from '../../lib/button/Button';
-import { DataView } from '../../lib/dataview/DataView';
-import { Rating } from '../../lib/rating/Rating';
-import { Tag } from '../../lib/tag/Tag';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function BasicDoc(props) {
const [products, setProducts] = useState([]);
diff --git a/components/doc/dataview/importdoc.js b/components/doc/dataview/importdoc.js
index 543cdce7b5..0e7b6bf9f5 100644
--- a/components/doc/dataview/importdoc.js
+++ b/components/doc/dataview/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/dataview/layoutdoc.js b/components/doc/dataview/layoutdoc.js
index e63e6df927..51ecf6dfc1 100644
--- a/components/doc/dataview/layoutdoc.js
+++ b/components/doc/dataview/layoutdoc.js
@@ -1,11 +1,11 @@
-import React, { useEffect, useState } from 'react';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { DataView, DataViewLayoutOptions } from '@/components/lib/dataview/DataView';
+import { Rating } from '@/components/lib/rating/Rating';
+import { Tag } from '@/components/lib/tag/Tag';
+import { useEffect, useState } from 'react';
import { ProductService } from '../../../service/ProductService';
-import { Button } from '../../lib/button/Button';
-import { DataView, DataViewLayoutOptions } from '../../lib/dataview/DataView';
-import { Rating } from '../../lib/rating/Rating';
-import { Tag } from '../../lib/tag/Tag';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function LayoutDoc(props) {
const [products, setProducts] = useState([]);
diff --git a/components/doc/dataview/loadingdoc.js b/components/doc/dataview/loadingdoc.js
index d45baf962e..6aa83d9f84 100644
--- a/components/doc/dataview/loadingdoc.js
+++ b/components/doc/dataview/loadingdoc.js
@@ -1,10 +1,10 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { DataView, DataViewLayoutOptions } from '@/components/lib/dataview/DataView';
+import { Skeleton } from '@/components/lib/skeleton/Skeleton';
import Link from 'next/link';
-import React, { useEffect, useState } from 'react';
+import { useEffect, useState } from 'react';
import { ProductService } from '../../../service/ProductService';
-import { DataView, DataViewLayoutOptions } from '../../lib/dataview/DataView';
-import { Skeleton } from '../../lib/skeleton/Skeleton';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function LoadingDoc(props) {
const [products, setProducts] = useState([]);
diff --git a/components/doc/dataview/paginationdoc.js b/components/doc/dataview/paginationdoc.js
index 2fdac87545..878689d8b7 100644
--- a/components/doc/dataview/paginationdoc.js
+++ b/components/doc/dataview/paginationdoc.js
@@ -1,12 +1,12 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { DataView } from '@/components/lib/dataview/DataView';
+import { Rating } from '@/components/lib/rating/Rating';
+import { Tag } from '@/components/lib/tag/Tag';
import Link from 'next/link';
-import React, { useEffect, useState } from 'react';
+import { useEffect, useState } from 'react';
import { ProductService } from '../../../service/ProductService';
-import { Button } from '../../lib/button/Button';
-import { DataView } from '../../lib/dataview/DataView';
-import { Rating } from '../../lib/rating/Rating';
-import { Tag } from '../../lib/tag/Tag';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function PaginationDoc(props) {
const [products, setProducts] = useState([]);
diff --git a/components/doc/dataview/primeflexdoc.js b/components/doc/dataview/primeflexdoc.js
index 7cb28bdd6f..e902b428aa 100644
--- a/components/doc/dataview/primeflexdoc.js
+++ b/components/doc/dataview/primeflexdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function PrimeFlexDoc(props) {
const code1 = {
diff --git a/components/doc/dataview/pt/ptdoc.js b/components/doc/dataview/pt/ptdoc.js
index b1b13d15bf..03c73090b8 100644
--- a/components/doc/dataview/pt/ptdoc.js
+++ b/components/doc/dataview/pt/ptdoc.js
@@ -1,12 +1,11 @@
-import React, { useEffect, useState } from 'react';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { DataView, DataViewLayoutOptions } from '@/components/lib/dataview/DataView';
+import { Rating } from '@/components/lib/rating/Rating';
+import { Tag } from '@/components/lib/tag/Tag';
+import { useEffect, useState } from 'react';
import { ProductService } from '../../../../service/ProductService';
-import { Button } from '../../../lib/button/Button';
-import { DataView } from '../../../lib/dataview/DataView';
-import { Rating } from '../../../lib/rating/Rating';
-import { Tag } from '../../../lib/tag/Tag';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
-import { DataViewLayoutOptions } from '../../../lib/dataview/DataView';
export function PTDoc(props) {
const [products, setProducts] = useState([]);
diff --git a/components/doc/dataview/pt/wireframe.js b/components/doc/dataview/pt/wireframe.js
index ec1343a116..0a2c421ebf 100644
--- a/components/doc/dataview/pt/wireframe.js
+++ b/components/doc/dataview/pt/wireframe.js
@@ -1,5 +1,4 @@
-import React from 'react';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export const Wireframe = (props) => {
return (
diff --git a/components/doc/dataview/sortingdoc.js b/components/doc/dataview/sortingdoc.js
index f2cb5caccc..86bd9a10a1 100644
--- a/components/doc/dataview/sortingdoc.js
+++ b/components/doc/dataview/sortingdoc.js
@@ -1,12 +1,12 @@
-import React, { useEffect, useState } from 'react';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { DataView } from '@/components/lib/dataview/DataView';
+import { Dropdown } from '@/components/lib/dropdown/Dropdown';
+import { Rating } from '@/components/lib/rating/Rating';
+import { Tag } from '@/components/lib/tag/Tag';
+import { useEffect, useState } from 'react';
import { ProductService } from '../../../service/ProductService';
-import { Button } from '../../lib/button/Button';
-import { DataView } from '../../lib/dataview/DataView';
-import { Dropdown } from '../../lib/dropdown/Dropdown';
-import { Rating } from '../../lib/rating/Rating';
-import { Tag } from '../../lib/tag/Tag';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function SortingDoc(props) {
const [products, setProducts] = useState([]);
diff --git a/components/doc/dataview/styledoc.js b/components/doc/dataview/styledoc.js
index 3ee28ba2c8..a53110c85c 100644
--- a/components/doc/dataview/styledoc.js
+++ b/components/doc/dataview/styledoc.js
@@ -1,6 +1,6 @@
import Link from 'next/link';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyleDoc() {
return (
diff --git a/components/doc/dataview/theming/styleddoc.js b/components/doc/dataview/theming/styleddoc.js
index 41f692bf5b..3260f8567a 100644
--- a/components/doc/dataview/theming/styleddoc.js
+++ b/components/doc/dataview/theming/styleddoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyledDoc(props) {
return (
diff --git a/components/doc/dataview/theming/tailwinddoc.js b/components/doc/dataview/theming/tailwinddoc.js
index f01d9f6f32..9a8c1fc50f 100644
--- a/components/doc/dataview/theming/tailwinddoc.js
+++ b/components/doc/dataview/theming/tailwinddoc.js
@@ -1,6 +1,6 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function TailwindDoc(props) {
const code = {
diff --git a/components/doc/deferredcontent/accessibilitydoc.js b/components/doc/deferredcontent/accessibilitydoc.js
index b11a418b4f..70d9d87c03 100644
--- a/components/doc/deferredcontent/accessibilitydoc.js
+++ b/components/doc/deferredcontent/accessibilitydoc.js
@@ -1,6 +1,6 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DevelopmentSection } from '../common/developmentsection';
-import { CodeHighlight } from '../common/codehighlight';
+import { CodeHighlight } from '@/components/doc/common/codehighlight';
+import { DevelopmentSection } from '@/components/doc/common/developmentsection';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function AccessibilityDoc() {
return (
diff --git a/components/doc/deferredcontent/basicdoc.js b/components/doc/deferredcontent/basicdoc.js
index 855baa1009..00c9a10037 100644
--- a/components/doc/deferredcontent/basicdoc.js
+++ b/components/doc/deferredcontent/basicdoc.js
@@ -1,8 +1,8 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { DeferredContent } from '@/components/lib/deferredcontent/DeferredContent';
+import { Toast } from '@/components/lib/toast/Toast';
import { useRef } from 'react';
-import { DeferredContent } from '../../lib/deferredcontent/DeferredContent';
-import { Toast } from '../../lib/toast/Toast';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function BasicDoc(props) {
const toast = useRef(null);
diff --git a/components/doc/deferredcontent/datatabledoc.js b/components/doc/deferredcontent/datatabledoc.js
index 5235274dac..ba1d701ef1 100644
--- a/components/doc/deferredcontent/datatabledoc.js
+++ b/components/doc/deferredcontent/datatabledoc.js
@@ -1,11 +1,11 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Column } from '@/components/lib/column/Column';
+import { DataTable } from '@/components/lib/datatable/DataTable';
+import { DeferredContent } from '@/components/lib/deferredcontent/DeferredContent';
+import { Toast } from '@/components/lib/toast/Toast';
import { useRef, useState } from 'react';
import { ProductService } from '../../../service/ProductService';
-import { Column } from '../../lib/column/Column';
-import { DataTable } from '../../lib/datatable/DataTable';
-import { DeferredContent } from '../../lib/deferredcontent/DeferredContent';
-import { Toast } from '../../lib/toast/Toast';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function DataTableDoc(props) {
const toast = useRef(null);
diff --git a/components/doc/deferredcontent/importdoc.js b/components/doc/deferredcontent/importdoc.js
index 3e7219b959..e06926187a 100644
--- a/components/doc/deferredcontent/importdoc.js
+++ b/components/doc/deferredcontent/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/deferredcontent/pt/wireframe.js b/components/doc/deferredcontent/pt/wireframe.js
index a6b7f6bf3b..5208051b17 100644
--- a/components/doc/deferredcontent/pt/wireframe.js
+++ b/components/doc/deferredcontent/pt/wireframe.js
@@ -1,5 +1,4 @@
-import React from 'react';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export const Wireframe = (props) => {
return (
diff --git a/components/doc/deferredcontent/styledoc.js b/components/doc/deferredcontent/styledoc.js
index 50517aed0d..f4d3eb444b 100644
--- a/components/doc/deferredcontent/styledoc.js
+++ b/components/doc/deferredcontent/styledoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyleDoc() {
return (
diff --git a/components/doc/deferredcontent/theming/styleddoc.js b/components/doc/deferredcontent/theming/styleddoc.js
index 6c1cf22df6..cc0cdbe712 100644
--- a/components/doc/deferredcontent/theming/styleddoc.js
+++ b/components/doc/deferredcontent/theming/styleddoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyledDoc(props) {
return (
diff --git a/components/doc/dialog/accessibilitydoc.js b/components/doc/dialog/accessibilitydoc.js
index e154667145..e861f884f2 100644
--- a/components/doc/dialog/accessibilitydoc.js
+++ b/components/doc/dialog/accessibilitydoc.js
@@ -1,8 +1,8 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DevelopmentSection } from '../common/developmentsection';
+import { DevelopmentSection } from '@/components/doc/common/developmentsection';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { CodeHighlight } from '@/components/doc/common/codehighlight';
import Link from 'next/link';
-import { CodeHighlight } from '../common/codehighlight';
export function AccessibilityDoc() {
return (
diff --git a/components/doc/dialog/basicdoc.js b/components/doc/dialog/basicdoc.js
index 1c81a22018..6b583f59e4 100644
--- a/components/doc/dialog/basicdoc.js
+++ b/components/doc/dialog/basicdoc.js
@@ -1,8 +1,8 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { Dialog } from '@/components/lib/dialog/Dialog';
import { useState } from 'react';
-import { Button } from '../../lib/button/Button';
-import { Dialog } from '../../lib/dialog/Dialog';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function BasicDoc(props) {
const [visible, setVisible] = useState(false);
diff --git a/components/doc/dialog/footerdoc.js b/components/doc/dialog/footerdoc.js
index 65cf13d429..82a1bf2abf 100644
--- a/components/doc/dialog/footerdoc.js
+++ b/components/doc/dialog/footerdoc.js
@@ -1,8 +1,8 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { Dialog } from '@/components/lib/dialog/Dialog';
import { useState } from 'react';
-import { Button } from '../../lib/button/Button';
-import { Dialog } from '../../lib/dialog/Dialog';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function FooterDoc(props) {
const [visible, setVisible] = useState(false);
diff --git a/components/doc/dialog/importdoc.js b/components/doc/dialog/importdoc.js
index 6d1f586421..1ec4b55f41 100644
--- a/components/doc/dialog/importdoc.js
+++ b/components/doc/dialog/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/dialog/longcontentdoc.js b/components/doc/dialog/longcontentdoc.js
index c8a70ff83b..54e5e2ace3 100644
--- a/components/doc/dialog/longcontentdoc.js
+++ b/components/doc/dialog/longcontentdoc.js
@@ -1,8 +1,8 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { Dialog } from '@/components/lib/dialog/Dialog';
import { useState } from 'react';
-import { Button } from '../../lib/button/Button';
-import { Dialog } from '../../lib/dialog/Dialog';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function LongContentDoc(props) {
const [visible, setVisible] = useState(false);
diff --git a/components/doc/dialog/maximizabledoc.js b/components/doc/dialog/maximizabledoc.js
index 9f39f4f2a4..8b37efd2bd 100644
--- a/components/doc/dialog/maximizabledoc.js
+++ b/components/doc/dialog/maximizabledoc.js
@@ -1,8 +1,8 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { Dialog } from '@/components/lib/dialog/Dialog';
import { useState } from 'react';
-import { Button } from '../../lib/button/Button';
-import { Dialog } from '../../lib/dialog/Dialog';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function MaximizableDoc(props) {
const [visible, setVisible] = useState(false);
diff --git a/components/doc/dialog/positiondoc.js b/components/doc/dialog/positiondoc.js
index 907d6c1ae2..55519bcbfe 100644
--- a/components/doc/dialog/positiondoc.js
+++ b/components/doc/dialog/positiondoc.js
@@ -1,8 +1,8 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { Dialog } from '@/components/lib/dialog/Dialog';
import { useState } from 'react';
-import { Button } from '../../lib/button/Button';
-import { Dialog } from '../../lib/dialog/Dialog';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function PositionDoc(props) {
const [visible, setVisible] = useState(false);
diff --git a/components/doc/dialog/pt/ptdoc.js b/components/doc/dialog/pt/ptdoc.js
index 0f96cf8759..30edd10552 100644
--- a/components/doc/dialog/pt/ptdoc.js
+++ b/components/doc/dialog/pt/ptdoc.js
@@ -1,8 +1,8 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { Dialog } from '@/components/lib/dialog/Dialog';
import { useState } from 'react';
-import { Button } from '../../../lib/button/Button';
-import { Dialog } from '../../../lib/dialog/Dialog';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function PTDoc(props) {
const [visible, setVisible] = useState(false);
diff --git a/components/doc/dialog/pt/wireframe.js b/components/doc/dialog/pt/wireframe.js
index b4da6630ea..abbfdd8bb3 100644
--- a/components/doc/dialog/pt/wireframe.js
+++ b/components/doc/dialog/pt/wireframe.js
@@ -1,5 +1,4 @@
-import React from 'react';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export const Wireframe = (props) => {
return (
diff --git a/components/doc/dialog/responsivedoc.js b/components/doc/dialog/responsivedoc.js
index df88f31ba1..5ade076d08 100644
--- a/components/doc/dialog/responsivedoc.js
+++ b/components/doc/dialog/responsivedoc.js
@@ -1,8 +1,8 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { Dialog } from '@/components/lib/dialog/Dialog';
import { useState } from 'react';
-import { Button } from '../../lib/button/Button';
-import { Dialog } from '../../lib/dialog/Dialog';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function ResponsiveDoc(props) {
const [visible, setVisible] = useState(false);
diff --git a/components/doc/dialog/styledoc.js b/components/doc/dialog/styledoc.js
index ac98c99a2b..b8cc447e27 100644
--- a/components/doc/dialog/styledoc.js
+++ b/components/doc/dialog/styledoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
export function StyleDoc() {
diff --git a/components/doc/dialog/theming/styleddoc.js b/components/doc/dialog/theming/styleddoc.js
index a1c015613e..379242eb0e 100644
--- a/components/doc/dialog/theming/styleddoc.js
+++ b/components/doc/dialog/theming/styleddoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyledDoc(props) {
return (
diff --git a/components/doc/dialog/theming/tailwinddoc.js b/components/doc/dialog/theming/tailwinddoc.js
index 5c2b8516f0..51216af5a1 100644
--- a/components/doc/dialog/theming/tailwinddoc.js
+++ b/components/doc/dialog/theming/tailwinddoc.js
@@ -1,6 +1,6 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function TailwindDoc(props) {
const code = {
diff --git a/components/doc/dialog/withoutmodaldoc.js b/components/doc/dialog/withoutmodaldoc.js
index ffc210277e..69cfeddaf7 100644
--- a/components/doc/dialog/withoutmodaldoc.js
+++ b/components/doc/dialog/withoutmodaldoc.js
@@ -1,8 +1,8 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { Dialog } from '@/components/lib/dialog/Dialog';
import { useState } from 'react';
-import { Button } from '../../lib/button/Button';
-import { Dialog } from '../../lib/dialog/Dialog';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function WithoutModalDoc(props) {
const [visible, setVisible] = useState(false);
diff --git a/components/doc/divider/accessibilitydoc.js b/components/doc/divider/accessibilitydoc.js
index 0633a991fd..54c3405ae7 100644
--- a/components/doc/divider/accessibilitydoc.js
+++ b/components/doc/divider/accessibilitydoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DevelopmentSection } from '../common/developmentsection';
+import { DevelopmentSection } from '@/components/doc/common/developmentsection';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function AccessibilityDoc() {
return (
diff --git a/components/doc/divider/basicdoc.js b/components/doc/divider/basicdoc.js
index 123f921fa4..cdf89a6fd2 100644
--- a/components/doc/divider/basicdoc.js
+++ b/components/doc/divider/basicdoc.js
@@ -1,6 +1,6 @@
-import { Divider } from '../../lib/divider/Divider';
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Divider } from '@/components/lib/divider/Divider';
export function BasicDoc(props) {
const code = {
diff --git a/components/doc/divider/contentdoc.js b/components/doc/divider/contentdoc.js
index 05f4162a71..d4f11e379a 100644
--- a/components/doc/divider/contentdoc.js
+++ b/components/doc/divider/contentdoc.js
@@ -1,7 +1,7 @@
-import { Divider } from '../../lib/divider/Divider';
-import { Button } from '../../lib/button/Button';
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { Divider } from '@/components/lib/divider/Divider';
export function ContentDoc(props) {
const code = {
diff --git a/components/doc/divider/importdoc.js b/components/doc/divider/importdoc.js
index a13e33a188..fbdf5bded1 100644
--- a/components/doc/divider/importdoc.js
+++ b/components/doc/divider/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/divider/logindoc.js b/components/doc/divider/logindoc.js
index a09d6b1e61..f81d634718 100644
--- a/components/doc/divider/logindoc.js
+++ b/components/doc/divider/logindoc.js
@@ -1,8 +1,8 @@
-import { Button } from '../../lib/button/Button';
-import { Divider } from '../../lib/divider/Divider';
-import { InputText } from '../../lib/inputtext/InputText';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { Divider } from '@/components/lib/divider/Divider';
+import { InputText } from '@/components/lib/inputtext/InputText';
export function LoginDoc(props) {
const code = {
diff --git a/components/doc/divider/pt/ptdoc.js b/components/doc/divider/pt/ptdoc.js
index d7abaa18a5..31ca916039 100644
--- a/components/doc/divider/pt/ptdoc.js
+++ b/components/doc/divider/pt/ptdoc.js
@@ -1,6 +1,6 @@
-import { DocSectionText } from '../../common/docsectiontext';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { Divider } from '../../../lib/divider/Divider';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Divider } from '@/components/lib/divider/Divider';
export function PTDoc(props) {
const code = {
diff --git a/components/doc/divider/pt/wireframe.js b/components/doc/divider/pt/wireframe.js
index b817dd1b8c..879764a229 100644
--- a/components/doc/divider/pt/wireframe.js
+++ b/components/doc/divider/pt/wireframe.js
@@ -1,5 +1,4 @@
-import React from 'react';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export const Wireframe = (props) => {
return (
diff --git a/components/doc/divider/styledoc.js b/components/doc/divider/styledoc.js
index d25251f7c6..ae432f5daf 100644
--- a/components/doc/divider/styledoc.js
+++ b/components/doc/divider/styledoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
export function StyleDoc() {
diff --git a/components/doc/divider/theming/styleddoc.js b/components/doc/divider/theming/styleddoc.js
index 3a49e18571..5ccec9c9c6 100644
--- a/components/doc/divider/theming/styleddoc.js
+++ b/components/doc/divider/theming/styleddoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyledDoc(props) {
return (
diff --git a/components/doc/divider/theming/tailwinddoc.js b/components/doc/divider/theming/tailwinddoc.js
index f185325da8..8c1eb5c9dc 100644
--- a/components/doc/divider/theming/tailwinddoc.js
+++ b/components/doc/divider/theming/tailwinddoc.js
@@ -1,6 +1,6 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function TailwindDoc(props) {
const code = {
diff --git a/components/doc/divider/typedoc.js b/components/doc/divider/typedoc.js
index 745da2de8b..14d2559ea3 100644
--- a/components/doc/divider/typedoc.js
+++ b/components/doc/divider/typedoc.js
@@ -1,6 +1,6 @@
-import { Divider } from '../../lib/divider/Divider';
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Divider } from '@/components/lib/divider/Divider';
export function TypeDoc(props) {
const code = {
diff --git a/components/doc/divider/verticaldoc.js b/components/doc/divider/verticaldoc.js
index c7ac217ece..cf8bb8465c 100644
--- a/components/doc/divider/verticaldoc.js
+++ b/components/doc/divider/verticaldoc.js
@@ -1,6 +1,6 @@
-import { Divider } from '../../lib/divider/Divider';
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Divider } from '@/components/lib/divider/Divider';
export function VerticalDoc(props) {
const code = {
diff --git a/components/doc/dock/accessibilitydoc.js b/components/doc/dock/accessibilitydoc.js
index 4fcf442943..138a817582 100644
--- a/components/doc/dock/accessibilitydoc.js
+++ b/components/doc/dock/accessibilitydoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DevelopmentSection } from '../common/developmentsection';
+import { DevelopmentSection } from '@/components/doc/common/developmentsection';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function AccessibilityDoc() {
return (
diff --git a/components/doc/dock/advanceddoc.js b/components/doc/dock/advanceddoc.js
index 8650a7bc3e..5a32f5a6df 100644
--- a/components/doc/dock/advanceddoc.js
+++ b/components/doc/dock/advanceddoc.js
@@ -1,19 +1,18 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import PrimeReact, { PrimeReactContext } from '@/components/lib/api/Api';
+import { Dialog } from '@/components/lib/dialog/Dialog';
+import { Dock } from '@/components/lib/dock/Dock';
+import { Galleria } from '@/components/lib/galleria/Galleria';
+import { Menubar } from '@/components/lib/menubar/Menubar';
+import { Terminal } from '@/components/lib/terminal/Terminal';
+import { TerminalService } from '@/components/lib/terminalservice/TerminalService';
+import { Toast } from '@/components/lib/toast/Toast';
+import { Tooltip } from '@/components/lib/tooltip/Tooltip';
+import { Tree } from '@/components/lib/tree/Tree';
import React, { useContext, useEffect, useRef, useState } from 'react';
import { NodeService } from '../../../service/NodeService';
import { PhotoService } from '../../../service/PhotoService';
-import { PrimeReactContext } from '../../lib/api/Api';
-import { Dialog } from '../../lib/dialog/Dialog';
-import { Dock } from '../../lib/dock/Dock';
-import { Galleria } from '../../lib/galleria/Galleria';
-import { Menubar } from '../../lib/menubar/Menubar';
-import { Terminal } from '../../lib/terminal/Terminal';
-import { TerminalService } from '../../lib/terminalservice/TerminalService';
-import { Toast } from '../../lib/toast/Toast';
-import { Tooltip } from '../../lib/tooltip/Tooltip';
-import { Tree } from '../../lib/tree/Tree';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
-import PrimeReact from '../../lib/api/Api';
export function AdvancedDoc(props) {
const [displayTerminal, setDisplayTerminal] = useState(false);
diff --git a/components/doc/dock/basicdoc.js b/components/doc/dock/basicdoc.js
index 65ad17bd8c..df69289b5a 100644
--- a/components/doc/dock/basicdoc.js
+++ b/components/doc/dock/basicdoc.js
@@ -1,8 +1,8 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Dock } from '@/components/lib/dock/Dock';
+import { RadioButton } from '@/components/lib/radiobutton/RadioButton';
import { useState } from 'react';
-import { Dock } from '../../lib/dock/Dock';
-import { RadioButton } from '../../lib/radiobutton/RadioButton';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function BasicDoc(props) {
const [position, setPosition] = useState('bottom');
diff --git a/components/doc/dock/importdoc.js b/components/doc/dock/importdoc.js
index 560119413d..487febf0cf 100644
--- a/components/doc/dock/importdoc.js
+++ b/components/doc/dock/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/dock/pt/ptdoc.js b/components/doc/dock/pt/ptdoc.js
index a4f042f45b..b90c3babb8 100644
--- a/components/doc/dock/pt/ptdoc.js
+++ b/components/doc/dock/pt/ptdoc.js
@@ -1,6 +1,6 @@
-import { Dock } from '../../../lib/dock/Dock';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Dock } from '@/components/lib/dock/Dock';
export function PTDoc(props) {
const items = [
diff --git a/components/doc/dock/pt/wireframe.js b/components/doc/dock/pt/wireframe.js
index 4d0b171983..8d3f3253b3 100644
--- a/components/doc/dock/pt/wireframe.js
+++ b/components/doc/dock/pt/wireframe.js
@@ -1,5 +1,4 @@
-import React from 'react';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export const Wireframe = (props) => {
return (
diff --git a/components/doc/dock/styledoc.js b/components/doc/dock/styledoc.js
index 58811f2b96..c70f1e21f4 100644
--- a/components/doc/dock/styledoc.js
+++ b/components/doc/dock/styledoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
export function StyleDoc() {
diff --git a/components/doc/dock/theming/styleddoc.js b/components/doc/dock/theming/styleddoc.js
index ff06dc929e..248bf8ac28 100644
--- a/components/doc/dock/theming/styleddoc.js
+++ b/components/doc/dock/theming/styleddoc.js
@@ -1,5 +1,5 @@
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionText } from '../../common/docsectiontext';
export function StyledDoc() {
return (
diff --git a/components/doc/dock/theming/tailwinddoc.js b/components/doc/dock/theming/tailwinddoc.js
index 3020084496..a2b47010c9 100644
--- a/components/doc/dock/theming/tailwinddoc.js
+++ b/components/doc/dock/theming/tailwinddoc.js
@@ -1,6 +1,6 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function TailwindDoc(props) {
const code = {
diff --git a/components/doc/dropdown/accessibilitydoc.js b/components/doc/dropdown/accessibilitydoc.js
index 0e89af00a9..3a4415b129 100644
--- a/components/doc/dropdown/accessibilitydoc.js
+++ b/components/doc/dropdown/accessibilitydoc.js
@@ -1,6 +1,6 @@
-import { DevelopmentSection } from '../common/developmentsection';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DevelopmentSection } from '@/components/doc/common/developmentsection';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function AccessibilityDoc() {
const code = {
diff --git a/components/doc/dropdown/basicdoc.js b/components/doc/dropdown/basicdoc.js
index fb6006e3e3..6f42e2811f 100644
--- a/components/doc/dropdown/basicdoc.js
+++ b/components/doc/dropdown/basicdoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Dropdown } from '@/components/lib/dropdown/Dropdown';
import { useState } from 'react';
-import { Dropdown } from '../../lib/dropdown/Dropdown';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function BasicDoc(props) {
const [selectedCity, setSelectedCity] = useState(null);
diff --git a/components/doc/dropdown/clearicondoc.js b/components/doc/dropdown/clearicondoc.js
index f628e424fa..2c3f470441 100644
--- a/components/doc/dropdown/clearicondoc.js
+++ b/components/doc/dropdown/clearicondoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Dropdown } from '@/components/lib/dropdown/Dropdown';
import { useState } from 'react';
-import { Dropdown } from '../../lib/dropdown/Dropdown';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function ClearIconDoc(props) {
const [selectedCity, setSelectedCity] = useState(null);
diff --git a/components/doc/dropdown/disableddoc.js b/components/doc/dropdown/disableddoc.js
index 556f882841..f80ccc0fcc 100644
--- a/components/doc/dropdown/disableddoc.js
+++ b/components/doc/dropdown/disableddoc.js
@@ -1,6 +1,6 @@
-import { Dropdown } from '../../lib/dropdown/Dropdown';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Dropdown } from '@/components/lib/dropdown/Dropdown';
export function DisabledDoc(props) {
const code = {
diff --git a/components/doc/dropdown/editabledoc.js b/components/doc/dropdown/editabledoc.js
index 5e77f38152..901771ced8 100644
--- a/components/doc/dropdown/editabledoc.js
+++ b/components/doc/dropdown/editabledoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Dropdown } from '@/components/lib/dropdown/Dropdown';
import { useState } from 'react';
-import { Dropdown } from '../../lib/dropdown/Dropdown';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function EditableDoc(props) {
const [selectedCity, setSelectedCity] = useState(null);
diff --git a/components/doc/dropdown/filterdoc.js b/components/doc/dropdown/filterdoc.js
index 35dc0d52b5..e310013f82 100644
--- a/components/doc/dropdown/filterdoc.js
+++ b/components/doc/dropdown/filterdoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Dropdown } from '@/components/lib/dropdown/Dropdown';
import { useState } from 'react';
-import { Dropdown } from '../../lib/dropdown/Dropdown';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function FilterDoc(props) {
const [selectedCountry, setSelectedCountry] = useState(null);
diff --git a/components/doc/dropdown/floatlabeldoc.js b/components/doc/dropdown/floatlabeldoc.js
index f392e762f2..a588f8951a 100644
--- a/components/doc/dropdown/floatlabeldoc.js
+++ b/components/doc/dropdown/floatlabeldoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Dropdown } from '@/components/lib/dropdown/Dropdown';
import { useState } from 'react';
-import { Dropdown } from '../../lib/dropdown/Dropdown';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function FloatLabelDoc(props) {
const [selectedCity, setSelectedCity] = useState(null);
diff --git a/components/doc/dropdown/form/formikdoc.js b/components/doc/dropdown/form/formikdoc.js
index fb500c599d..3d3c664e06 100644
--- a/components/doc/dropdown/form/formikdoc.js
+++ b/components/doc/dropdown/form/formikdoc.js
@@ -1,11 +1,11 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { Dropdown } from '@/components/lib/dropdown/Dropdown';
+import { Toast } from '@/components/lib/toast/Toast';
+import { classNames } from '@/components/lib/utils/Utils';
import { useFormik } from 'formik';
import { useRef } from 'react';
-import { Button } from '../../../lib/button/Button';
-import { Dropdown } from '../../../lib/dropdown/Dropdown';
-import { Toast } from '../../../lib/toast/Toast';
-import { classNames } from '../../../lib/utils/Utils';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function FormikDoc(props) {
const toast = useRef(null);
diff --git a/components/doc/dropdown/form/hookformdoc.js b/components/doc/dropdown/form/hookformdoc.js
index c282179fcc..c624007719 100644
--- a/components/doc/dropdown/form/hookformdoc.js
+++ b/components/doc/dropdown/form/hookformdoc.js
@@ -1,11 +1,11 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { Dropdown } from '@/components/lib/dropdown/Dropdown';
+import { Toast } from '@/components/lib/toast/Toast';
+import { classNames } from '@/components/lib/utils/Utils';
import { useRef } from 'react';
import { Controller, useForm } from 'react-hook-form';
-import { Button } from '../../../lib/button/Button';
-import { Dropdown } from '../../../lib/dropdown/Dropdown';
-import { Toast } from '../../../lib/toast/Toast';
-import { classNames } from '../../../lib/utils/Utils';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function HookFormDoc(props) {
const toast = useRef(null);
diff --git a/components/doc/dropdown/groupdoc.js b/components/doc/dropdown/groupdoc.js
index 1becf06e29..f84b8995ab 100644
--- a/components/doc/dropdown/groupdoc.js
+++ b/components/doc/dropdown/groupdoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Dropdown } from '@/components/lib/dropdown/Dropdown';
import { useState } from 'react';
-import { Dropdown } from '../../lib/dropdown/Dropdown';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function GroupDoc(props) {
const [selectedCity, setSelectedCity] = useState(null);
diff --git a/components/doc/dropdown/importdoc.js b/components/doc/dropdown/importdoc.js
index f421446e5d..c74eeda66c 100644
--- a/components/doc/dropdown/importdoc.js
+++ b/components/doc/dropdown/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/dropdown/invaliddoc.js b/components/doc/dropdown/invaliddoc.js
index 7af23344a3..d5d4b9b18f 100644
--- a/components/doc/dropdown/invaliddoc.js
+++ b/components/doc/dropdown/invaliddoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Dropdown } from '@/components/lib/dropdown/Dropdown';
import { useState } from 'react';
-import { Dropdown } from '../../lib/dropdown/Dropdown';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function InvalidDoc(props) {
const [selectedCity, setSelectedCity] = useState(null);
diff --git a/components/doc/dropdown/pt/ptdoc.js b/components/doc/dropdown/pt/ptdoc.js
index b832dfa381..33ebccfab5 100644
--- a/components/doc/dropdown/pt/ptdoc.js
+++ b/components/doc/dropdown/pt/ptdoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Dropdown } from '@/components/lib/dropdown/Dropdown';
import { useState } from 'react';
-import { Dropdown } from '../../../lib/dropdown/Dropdown';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function PTDoc(props) {
const [selectedCity, setSelectedCity] = useState(null);
diff --git a/components/doc/dropdown/pt/wireframe.js b/components/doc/dropdown/pt/wireframe.js
index 7670783cab..7a37929ac0 100644
--- a/components/doc/dropdown/pt/wireframe.js
+++ b/components/doc/dropdown/pt/wireframe.js
@@ -1,5 +1,4 @@
-import React from 'react';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export const Wireframe = (props) => {
return (
diff --git a/components/doc/dropdown/styledoc.js b/components/doc/dropdown/styledoc.js
index 69e425fa8c..6f23a5fbf8 100644
--- a/components/doc/dropdown/styledoc.js
+++ b/components/doc/dropdown/styledoc.js
@@ -1,6 +1,6 @@
import Link from 'next/link';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyleDoc() {
return (
diff --git a/components/doc/dropdown/templatedoc.js b/components/doc/dropdown/templatedoc.js
index 51b5cb4c25..ed857975ba 100644
--- a/components/doc/dropdown/templatedoc.js
+++ b/components/doc/dropdown/templatedoc.js
@@ -1,9 +1,9 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Dropdown } from '@/components/lib/dropdown/Dropdown';
+import { ChevronDownIcon } from '@/components/lib/icons/chevrondown';
+import { ChevronRightIcon } from '@/components/lib/icons/chevronright';
import { useState } from 'react';
-import { Dropdown } from '../../lib/dropdown/Dropdown';
-import { ChevronDownIcon } from '../../lib/icons/chevrondown';
-import { ChevronRightIcon } from '../../lib/icons/chevronright';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function TemplateDoc(props) {
const [selectedCountry, setSelectedCountry] = useState(null);
diff --git a/components/doc/dropdown/theming/styleddoc.js b/components/doc/dropdown/theming/styleddoc.js
index af6b335a35..faf13ade7c 100644
--- a/components/doc/dropdown/theming/styleddoc.js
+++ b/components/doc/dropdown/theming/styleddoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyledDoc(props) {
return (
diff --git a/components/doc/dropdown/theming/tailwinddoc.js b/components/doc/dropdown/theming/tailwinddoc.js
index a4f6bf3721..75dc2b4b59 100644
--- a/components/doc/dropdown/theming/tailwinddoc.js
+++ b/components/doc/dropdown/theming/tailwinddoc.js
@@ -1,6 +1,6 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function TailwindDoc(props) {
const code = {
diff --git a/components/doc/dropdown/virtualscrolldoc.js b/components/doc/dropdown/virtualscrolldoc.js
index a2255fa29e..ac4c260d4c 100644
--- a/components/doc/dropdown/virtualscrolldoc.js
+++ b/components/doc/dropdown/virtualscrolldoc.js
@@ -1,8 +1,8 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Dropdown } from '@/components/lib/dropdown/Dropdown';
import Link from 'next/link';
import { useState } from 'react';
-import { Dropdown } from '../../lib/dropdown/Dropdown';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function VirtualScrollDoc(props) {
const [selectedItem, setSelectedItem] = useState(null);
diff --git a/components/doc/editor/accessibilitydoc.js b/components/doc/editor/accessibilitydoc.js
index 9c3fcc2fa5..55df54c21b 100644
--- a/components/doc/editor/accessibilitydoc.js
+++ b/components/doc/editor/accessibilitydoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DevelopmentSection } from '../common/developmentsection';
+import { DevelopmentSection } from '@/components/doc/common/developmentsection';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function AccessibilityDoc() {
return (
diff --git a/components/doc/editor/basicdoc.js b/components/doc/editor/basicdoc.js
index 8a17c855b2..a962b9cf12 100644
--- a/components/doc/editor/basicdoc.js
+++ b/components/doc/editor/basicdoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Editor } from '@/components/lib/editor/Editor';
import { useState } from 'react';
-import { Editor } from '../../lib/editor/Editor';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function BasicDoc(props) {
const [text, setText] = useState('');
diff --git a/components/doc/editor/form/formikdoc.js b/components/doc/editor/form/formikdoc.js
index c452379ec1..8ac64f375b 100644
--- a/components/doc/editor/form/formikdoc.js
+++ b/components/doc/editor/form/formikdoc.js
@@ -1,10 +1,10 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { Editor } from '@/components/lib/editor/Editor';
+import { Toast } from '@/components/lib/toast/Toast';
import { useFormik } from 'formik';
import { useRef } from 'react';
-import { Button } from '../../../lib/button/Button';
-import { Editor } from '../../../lib/editor/Editor';
-import { Toast } from '../../../lib/toast/Toast';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function FormikDoc(props) {
const toast = useRef(null);
diff --git a/components/doc/editor/form/hookformdoc.js b/components/doc/editor/form/hookformdoc.js
index 758b5aa9cf..e2a69fdcf5 100644
--- a/components/doc/editor/form/hookformdoc.js
+++ b/components/doc/editor/form/hookformdoc.js
@@ -1,10 +1,10 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { Editor } from '@/components/lib/editor/Editor';
+import { Toast } from '@/components/lib/toast/Toast';
import { useRef } from 'react';
import { Controller, useForm } from 'react-hook-form';
-import { Button } from '../../../lib/button/Button';
-import { Editor } from '../../../lib/editor/Editor';
-import { Toast } from '../../../lib/toast/Toast';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function HookFormDoc(props) {
const toast = useRef(null);
diff --git a/components/doc/editor/importdoc.js b/components/doc/editor/importdoc.js
index 9a97d21b15..9c1c5d96de 100644
--- a/components/doc/editor/importdoc.js
+++ b/components/doc/editor/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/editor/pt/ptdoc.js b/components/doc/editor/pt/ptdoc.js
index aa44560fc2..c56bf1a324 100644
--- a/components/doc/editor/pt/ptdoc.js
+++ b/components/doc/editor/pt/ptdoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Editor } from '@/components/lib/editor/Editor';
import { useState } from 'react';
-import { Editor } from '../../../lib/editor/Editor';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function PTDoc(props) {
const [text, setText] = useState('');
diff --git a/components/doc/editor/pt/wireframe.js b/components/doc/editor/pt/wireframe.js
index eb062f20fc..67f59e61ae 100644
--- a/components/doc/editor/pt/wireframe.js
+++ b/components/doc/editor/pt/wireframe.js
@@ -1,5 +1,4 @@
-import React from 'react';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export const Wireframe = (props) => {
return (
diff --git a/components/doc/editor/quilldoc.js b/components/doc/editor/quilldoc.js
index d035a9127c..57768944fc 100644
--- a/components/doc/editor/quilldoc.js
+++ b/components/doc/editor/quilldoc.js
@@ -1,5 +1,5 @@
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function QuillDoc(props) {
const code = {
diff --git a/components/doc/editor/readonlydoc.js b/components/doc/editor/readonlydoc.js
index c407ed9c69..7a51aef24c 100644
--- a/components/doc/editor/readonlydoc.js
+++ b/components/doc/editor/readonlydoc.js
@@ -1,6 +1,6 @@
-import { Editor } from '../../lib/editor/Editor';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Editor } from '@/components/lib/editor/Editor';
export function ReadOnlyDoc(props) {
const code = {
diff --git a/components/doc/editor/styledoc.js b/components/doc/editor/styledoc.js
index d9ac1bdc85..035197e4aa 100644
--- a/components/doc/editor/styledoc.js
+++ b/components/doc/editor/styledoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
export function StyleDoc() {
diff --git a/components/doc/editor/templatedoc.js b/components/doc/editor/templatedoc.js
index c9f05b69c3..11245cdc4c 100644
--- a/components/doc/editor/templatedoc.js
+++ b/components/doc/editor/templatedoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Editor } from '@/components/lib/editor/Editor';
import { useState } from 'react';
-import { Editor } from '../../lib/editor/Editor';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function TemplateDoc(props) {
const [text, setText] = useState('
Hello World!
PrimeReact Editor Rocks
');
diff --git a/components/doc/editor/theming/styleddoc.js b/components/doc/editor/theming/styleddoc.js
index 393cae690b..578e9b0b06 100644
--- a/components/doc/editor/theming/styleddoc.js
+++ b/components/doc/editor/theming/styleddoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyledDoc(props) {
return (
diff --git a/components/doc/editor/theming/tailwinddoc.js b/components/doc/editor/theming/tailwinddoc.js
index 25aa6413cd..4d97ef1bb9 100644
--- a/components/doc/editor/theming/tailwinddoc.js
+++ b/components/doc/editor/theming/tailwinddoc.js
@@ -1,6 +1,6 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function TailwindDoc(props) {
const code = {
diff --git a/components/doc/fieldset/accessibilitydoc.js b/components/doc/fieldset/accessibilitydoc.js
index 1c17ba1fac..39f8b66218 100644
--- a/components/doc/fieldset/accessibilitydoc.js
+++ b/components/doc/fieldset/accessibilitydoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DevelopmentSection } from '../common/developmentsection';
+import { DevelopmentSection } from '@/components/doc/common/developmentsection';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function AccessibilityDoc() {
return (
diff --git a/components/doc/fieldset/basicdoc.js b/components/doc/fieldset/basicdoc.js
index 4f939afbeb..cc1b1dd851 100644
--- a/components/doc/fieldset/basicdoc.js
+++ b/components/doc/fieldset/basicdoc.js
@@ -1,6 +1,6 @@
-import { Fieldset } from '../../lib/fieldset/Fieldset';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Fieldset } from '@/components/lib/fieldset/Fieldset';
export function BasicDoc(props) {
const code = {
diff --git a/components/doc/fieldset/importdoc.js b/components/doc/fieldset/importdoc.js
index 3261412691..550358d7e3 100644
--- a/components/doc/fieldset/importdoc.js
+++ b/components/doc/fieldset/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/fieldset/pt/ptdoc.js b/components/doc/fieldset/pt/ptdoc.js
index 790b8ae130..6bd5eb3284 100644
--- a/components/doc/fieldset/pt/ptdoc.js
+++ b/components/doc/fieldset/pt/ptdoc.js
@@ -1,6 +1,6 @@
-import { DocSectionText } from '../../common/docsectiontext';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { Fieldset } from '../../../lib/fieldset/Fieldset';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Fieldset } from '@/components/lib/fieldset/Fieldset';
export function PTDoc(props) {
const code = {
diff --git a/components/doc/fieldset/pt/wireframe.js b/components/doc/fieldset/pt/wireframe.js
index ee0a1d3616..1efa56bd4b 100644
--- a/components/doc/fieldset/pt/wireframe.js
+++ b/components/doc/fieldset/pt/wireframe.js
@@ -1,5 +1,4 @@
-import React from 'react';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export const Wireframe = (props) => {
return (
diff --git a/components/doc/fieldset/styledoc.js b/components/doc/fieldset/styledoc.js
index 6f65b2a1c1..dbf2891539 100644
--- a/components/doc/fieldset/styledoc.js
+++ b/components/doc/fieldset/styledoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
export function StyleDoc() {
diff --git a/components/doc/fieldset/templatedoc.js b/components/doc/fieldset/templatedoc.js
index 66bada4ec8..7a33c61e0c 100644
--- a/components/doc/fieldset/templatedoc.js
+++ b/components/doc/fieldset/templatedoc.js
@@ -1,6 +1,6 @@
-import { Fieldset } from '../../lib/fieldset/Fieldset';
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Fieldset } from '@/components/lib/fieldset/Fieldset';
export function TemplateDoc(props) {
const legendTemplate = (
diff --git a/components/doc/fieldset/theming/styleddoc.js b/components/doc/fieldset/theming/styleddoc.js
index ff37c256fc..613b654013 100644
--- a/components/doc/fieldset/theming/styleddoc.js
+++ b/components/doc/fieldset/theming/styleddoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyledDoc(props) {
return (
diff --git a/components/doc/fieldset/theming/tailwinddoc.js b/components/doc/fieldset/theming/tailwinddoc.js
index 88e1b1c952..125987f289 100644
--- a/components/doc/fieldset/theming/tailwinddoc.js
+++ b/components/doc/fieldset/theming/tailwinddoc.js
@@ -1,6 +1,6 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function TailwindDoc(props) {
const code = {
diff --git a/components/doc/fieldset/toggleabledoc.js b/components/doc/fieldset/toggleabledoc.js
index 9ba933f7ba..2f746ef6f3 100644
--- a/components/doc/fieldset/toggleabledoc.js
+++ b/components/doc/fieldset/toggleabledoc.js
@@ -1,6 +1,6 @@
-import { Fieldset } from '../../lib/fieldset/Fieldset';
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Fieldset } from '@/components/lib/fieldset/Fieldset';
export function ToggleableDoc(props) {
const code = {
diff --git a/components/doc/fileupload/accessibilitydoc.js b/components/doc/fileupload/accessibilitydoc.js
index 15060ab451..e9d970b6ef 100644
--- a/components/doc/fileupload/accessibilitydoc.js
+++ b/components/doc/fileupload/accessibilitydoc.js
@@ -1,6 +1,6 @@
+import { DevelopmentSection } from '@/components/doc/common/developmentsection';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DevelopmentSection } from '../common/developmentsection';
-import { DocSectionText } from '../common/docsectiontext';
export function AccessibilityDoc() {
return (
diff --git a/components/doc/fileupload/advanceddoc.js b/components/doc/fileupload/advanceddoc.js
index 0a794f5d0e..26e9e52817 100644
--- a/components/doc/fileupload/advanceddoc.js
+++ b/components/doc/fileupload/advanceddoc.js
@@ -1,6 +1,6 @@
-import { FileUpload } from '../../lib/fileupload/FileUpload';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { FileUpload } from '@/components/lib/fileupload/FileUpload';
export function AdvancedDoc(props) {
const code = {
diff --git a/components/doc/fileupload/autodoc.js b/components/doc/fileupload/autodoc.js
index 0eaa6d6a1c..9fae9f2183 100644
--- a/components/doc/fileupload/autodoc.js
+++ b/components/doc/fileupload/autodoc.js
@@ -1,8 +1,8 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { FileUpload } from '@/components/lib/fileupload/FileUpload';
+import { Toast } from '@/components/lib/toast/Toast';
import { useRef } from 'react';
-import { FileUpload } from '../../lib/fileupload/FileUpload';
-import { Toast } from '../../lib/toast/Toast';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function AutoDoc(props) {
const toast = useRef(null);
diff --git a/components/doc/fileupload/basicdoc.js b/components/doc/fileupload/basicdoc.js
index 4f01ee7573..af88455552 100644
--- a/components/doc/fileupload/basicdoc.js
+++ b/components/doc/fileupload/basicdoc.js
@@ -1,8 +1,8 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { FileUpload } from '@/components/lib/fileupload/FileUpload';
+import { Toast } from '@/components/lib/toast/Toast';
import { useRef } from 'react';
-import { FileUpload } from '../../lib/fileupload/FileUpload';
-import { Toast } from '../../lib/toast/Toast';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function BasicDoc(props) {
const toast = useRef(null);
diff --git a/components/doc/fileupload/customuploaddoc.js b/components/doc/fileupload/customuploaddoc.js
index 24ecf9d21d..8bbaac2598 100644
--- a/components/doc/fileupload/customuploaddoc.js
+++ b/components/doc/fileupload/customuploaddoc.js
@@ -1,6 +1,6 @@
-import { FileUpload } from '../../lib/fileupload/FileUpload';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { FileUpload } from '@/components/lib/fileupload/FileUpload';
export function CustomUploadDoc(props) {
const customBase64Uploader = async (event) => {
diff --git a/components/doc/fileupload/importdoc.js b/components/doc/fileupload/importdoc.js
index c42ad94bca..f4cdaf17bf 100644
--- a/components/doc/fileupload/importdoc.js
+++ b/components/doc/fileupload/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/fileupload/pt/ptdoc.js b/components/doc/fileupload/pt/ptdoc.js
index 5002bc73b8..5956284134 100644
--- a/components/doc/fileupload/pt/ptdoc.js
+++ b/components/doc/fileupload/pt/ptdoc.js
@@ -1,6 +1,6 @@
-import { FileUpload } from '../../../lib/fileupload/FileUpload';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { FileUpload } from '@/components/lib/fileupload/FileUpload';
export function PTDoc(props) {
const code = {
diff --git a/components/doc/fileupload/pt/wireframe.js b/components/doc/fileupload/pt/wireframe.js
index 45b728031b..b99ad0477b 100644
--- a/components/doc/fileupload/pt/wireframe.js
+++ b/components/doc/fileupload/pt/wireframe.js
@@ -1,5 +1,4 @@
-import React from 'react';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export const Wireframe = (props) => {
return (
diff --git a/components/doc/fileupload/styledoc.js b/components/doc/fileupload/styledoc.js
index 5f8a29d090..2956b95726 100644
--- a/components/doc/fileupload/styledoc.js
+++ b/components/doc/fileupload/styledoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
export function StyleDoc() {
diff --git a/components/doc/fileupload/templatedoc.js b/components/doc/fileupload/templatedoc.js
index a5d06528f7..8075929966 100644
--- a/components/doc/fileupload/templatedoc.js
+++ b/components/doc/fileupload/templatedoc.js
@@ -1,12 +1,12 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { FileUpload } from '@/components/lib/fileupload/FileUpload';
+import { ProgressBar } from '@/components/lib/progressbar/ProgressBar';
+import { Tag } from '@/components/lib/tag/Tag';
+import { Toast } from '@/components/lib/toast/Toast';
+import { Tooltip } from '@/components/lib/tooltip/Tooltip';
import { useRef, useState } from 'react';
-import { Button } from '../../lib/button/Button';
-import { FileUpload } from '../../lib/fileupload/FileUpload';
-import { ProgressBar } from '../../lib/progressbar/ProgressBar';
-import { Tag } from '../../lib/tag/Tag';
-import { Toast } from '../../lib/toast/Toast';
-import { Tooltip } from '../../lib/tooltip/Tooltip';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function TemplateDoc(props) {
const [totalSize, setTotalSize] = useState(0);
diff --git a/components/doc/fileupload/theming/styleddoc.js b/components/doc/fileupload/theming/styleddoc.js
index d8f73241fc..a5a7e95b98 100644
--- a/components/doc/fileupload/theming/styleddoc.js
+++ b/components/doc/fileupload/theming/styleddoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyledDoc(props) {
return (
diff --git a/components/doc/fileupload/theming/tailwinddoc.js b/components/doc/fileupload/theming/tailwinddoc.js
index 42b46d2837..0ce828eb2e 100644
--- a/components/doc/fileupload/theming/tailwinddoc.js
+++ b/components/doc/fileupload/theming/tailwinddoc.js
@@ -1,6 +1,6 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function TailwindDoc(props) {
const code = {
diff --git a/components/doc/galleria/accessibilitydoc.js b/components/doc/galleria/accessibilitydoc.js
index 976819e52d..cc7e1f1c2d 100644
--- a/components/doc/galleria/accessibilitydoc.js
+++ b/components/doc/galleria/accessibilitydoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DevelopmentSection } from '../common/developmentsection';
+import { DevelopmentSection } from '@/components/doc/common/developmentsection';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
diff --git a/components/doc/galleria/advanceddoc.js b/components/doc/galleria/advanceddoc.js
index 3b50d5efb8..6d377880d4 100644
--- a/components/doc/galleria/advanceddoc.js
+++ b/components/doc/galleria/advanceddoc.js
@@ -1,10 +1,10 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { Galleria } from '@/components/lib/galleria/Galleria';
+import { classNames } from '@/components/lib/utils/Utils';
import { useEffect, useRef, useState } from 'react';
import { PhotoService } from '../../../service/PhotoService';
-import { Button } from '../../lib/button/Button';
-import { Galleria } from '../../lib/galleria/Galleria';
-import { classNames } from '../../lib/utils/Utils';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function AdvancedDoc(props) {
const [images, setImages] = useState(null);
diff --git a/components/doc/galleria/autoplaydoc.js b/components/doc/galleria/autoplaydoc.js
index 2fe6d7bdc0..e482805362 100644
--- a/components/doc/galleria/autoplaydoc.js
+++ b/components/doc/galleria/autoplaydoc.js
@@ -1,8 +1,8 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Galleria } from '@/components/lib/galleria/Galleria';
import { useEffect, useState } from 'react';
import { PhotoService } from '../../../service/PhotoService';
-import { Galleria } from '../../lib/galleria/Galleria';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function AutoPlayDoc(props) {
const [images, setImages] = useState(null);
diff --git a/components/doc/galleria/basicdoc.js b/components/doc/galleria/basicdoc.js
index c72126f03c..eb1243a217 100644
--- a/components/doc/galleria/basicdoc.js
+++ b/components/doc/galleria/basicdoc.js
@@ -1,8 +1,8 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Galleria } from '@/components/lib/galleria/Galleria';
import { useEffect, useState } from 'react';
import { PhotoService } from '../../../service/PhotoService';
-import { Galleria } from '../../lib/galleria/Galleria';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function BasicDoc(props) {
const [images, setImages] = useState(null);
diff --git a/components/doc/galleria/captiondoc.js b/components/doc/galleria/captiondoc.js
index 4c5bb3f083..e94a2c8046 100644
--- a/components/doc/galleria/captiondoc.js
+++ b/components/doc/galleria/captiondoc.js
@@ -1,8 +1,8 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Galleria } from '@/components/lib/galleria/Galleria';
import React, { useEffect, useState } from 'react';
import { PhotoService } from '../../../service/PhotoService';
-import { Galleria } from '../../lib/galleria/Galleria';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function CaptionDoc(props) {
const [images, setImages] = useState(null);
diff --git a/components/doc/galleria/controlleddoc.js b/components/doc/galleria/controlleddoc.js
index 9fc52a5964..a2742b342f 100644
--- a/components/doc/galleria/controlleddoc.js
+++ b/components/doc/galleria/controlleddoc.js
@@ -1,9 +1,9 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { Galleria } from '@/components/lib/galleria/Galleria';
import { useEffect, useState } from 'react';
import { PhotoService } from '../../../service/PhotoService';
-import { Button } from '../../lib/button/Button';
-import { Galleria } from '../../lib/galleria/Galleria';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function ControlledDoc(props) {
const [images, setImages] = useState(null);
diff --git a/components/doc/galleria/fullscreen/customcontentdoc.js b/components/doc/galleria/fullscreen/customcontentdoc.js
index f1f7b33f1f..5a66116b07 100644
--- a/components/doc/galleria/fullscreen/customcontentdoc.js
+++ b/components/doc/galleria/fullscreen/customcontentdoc.js
@@ -1,8 +1,8 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Galleria } from '@/components/lib/galleria/Galleria';
import { useEffect, useRef, useState } from 'react';
import { PhotoService } from '../../../../service/PhotoService';
-import { Galleria } from '../../../lib/galleria/Galleria';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function CustomContentDoc(props) {
const [images, setImages] = useState(null);
diff --git a/components/doc/galleria/fullscreen/withoutthumbnailsdoc.js b/components/doc/galleria/fullscreen/withoutthumbnailsdoc.js
index ad2d9aa2f1..3b93f90df2 100644
--- a/components/doc/galleria/fullscreen/withoutthumbnailsdoc.js
+++ b/components/doc/galleria/fullscreen/withoutthumbnailsdoc.js
@@ -1,9 +1,9 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { Galleria } from '@/components/lib/galleria/Galleria';
import { useEffect, useRef, useState } from 'react';
import { PhotoService } from '../../../../service/PhotoService';
-import { Button } from '../../../lib/button/Button';
-import { Galleria } from '../../../lib/galleria/Galleria';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function WithoutThumbnailsDoc(props) {
const [images, setImages] = useState(null);
diff --git a/components/doc/galleria/fullscreen/withthumbnailsdoc.js b/components/doc/galleria/fullscreen/withthumbnailsdoc.js
index caed6b9f10..86aef688f8 100644
--- a/components/doc/galleria/fullscreen/withthumbnailsdoc.js
+++ b/components/doc/galleria/fullscreen/withthumbnailsdoc.js
@@ -1,9 +1,9 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { Galleria } from '@/components/lib/galleria/Galleria';
import { useEffect, useRef, useState } from 'react';
import { PhotoService } from '../../../../service/PhotoService';
-import { Button } from '../../../lib/button/Button';
-import { Galleria } from '../../../lib/galleria/Galleria';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function WithThumbnailsDoc(props) {
const [images, setImages] = useState(null);
diff --git a/components/doc/galleria/importdoc.js b/components/doc/galleria/importdoc.js
index 9f09857618..f41c05ba4a 100644
--- a/components/doc/galleria/importdoc.js
+++ b/components/doc/galleria/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/galleria/indicator/clickeventdoc.js b/components/doc/galleria/indicator/clickeventdoc.js
index 82a85b2d23..1d5d47f106 100644
--- a/components/doc/galleria/indicator/clickeventdoc.js
+++ b/components/doc/galleria/indicator/clickeventdoc.js
@@ -1,8 +1,8 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Galleria } from '@/components/lib/galleria/Galleria';
import { useEffect, useState } from 'react';
import { PhotoService } from '../../../../service/PhotoService';
-import { Galleria } from '../../../lib/galleria/Galleria';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function ClickEventDoc(props) {
const [images, setImages] = useState(null);
diff --git a/components/doc/galleria/indicator/hovereventdoc.js b/components/doc/galleria/indicator/hovereventdoc.js
index 8b2b12fedd..7ffed33d86 100644
--- a/components/doc/galleria/indicator/hovereventdoc.js
+++ b/components/doc/galleria/indicator/hovereventdoc.js
@@ -1,8 +1,8 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Galleria } from '@/components/lib/galleria/Galleria';
import { useEffect, useState } from 'react';
import { PhotoService } from '../../../../service/PhotoService';
-import { Galleria } from '../../../lib/galleria/Galleria';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function HoverEventDoc(props) {
const [images, setImages] = useState(null);
diff --git a/components/doc/galleria/indicator/positiondoc.js b/components/doc/galleria/indicator/positiondoc.js
index 4ac6fff927..d14a4dceed 100644
--- a/components/doc/galleria/indicator/positiondoc.js
+++ b/components/doc/galleria/indicator/positiondoc.js
@@ -1,10 +1,10 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Checkbox } from '@/components/lib/checkbox/Checkbox';
+import { Galleria } from '@/components/lib/galleria/Galleria';
+import { RadioButton } from '@/components/lib/radiobutton/RadioButton';
import { useEffect, useState } from 'react';
import { PhotoService } from '../../../../service/PhotoService';
-import { Checkbox } from '../../../lib/checkbox/Checkbox';
-import { Galleria } from '../../../lib/galleria/Galleria';
-import { RadioButton } from '../../../lib/radiobutton/RadioButton';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function PositionDoc(props) {
const [images, setImages] = useState(null);
diff --git a/components/doc/galleria/indicator/templatedoc.js b/components/doc/galleria/indicator/templatedoc.js
index c0ffab8721..fdc3883ed7 100644
--- a/components/doc/galleria/indicator/templatedoc.js
+++ b/components/doc/galleria/indicator/templatedoc.js
@@ -1,8 +1,8 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Galleria } from '@/components/lib/galleria/Galleria';
import { useEffect, useState } from 'react';
import { PhotoService } from '../../../../service/PhotoService';
-import { Galleria } from '../../../lib/galleria/Galleria';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function IndicatorTemplateDoc(props) {
const [images, setImages] = useState(null);
diff --git a/components/doc/galleria/navigator/hoverdoc.js b/components/doc/galleria/navigator/hoverdoc.js
index 31b0329c39..f1096f854e 100644
--- a/components/doc/galleria/navigator/hoverdoc.js
+++ b/components/doc/galleria/navigator/hoverdoc.js
@@ -1,8 +1,8 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Galleria } from '@/components/lib/galleria/Galleria';
import { useEffect, useState } from 'react';
import { PhotoService } from '../../../../service/PhotoService';
-import { Galleria } from '../../../lib/galleria/Galleria';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function HoverDoc(props) {
const [images, setImages] = useState(null);
diff --git a/components/doc/galleria/navigator/indicatorsdoc.js b/components/doc/galleria/navigator/indicatorsdoc.js
index b07b30bd78..6d59fa9e06 100644
--- a/components/doc/galleria/navigator/indicatorsdoc.js
+++ b/components/doc/galleria/navigator/indicatorsdoc.js
@@ -1,8 +1,8 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Galleria } from '@/components/lib/galleria/Galleria';
import { useEffect, useState } from 'react';
import { PhotoService } from '../../../../service/PhotoService';
-import { Galleria } from '../../../lib/galleria/Galleria';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function IndicatorsDoc(props) {
const [images, setImages] = useState(null);
diff --git a/components/doc/galleria/navigator/itemthumbnailsdoc.js b/components/doc/galleria/navigator/itemthumbnailsdoc.js
index f693bc7fab..f06c1a8c45 100644
--- a/components/doc/galleria/navigator/itemthumbnailsdoc.js
+++ b/components/doc/galleria/navigator/itemthumbnailsdoc.js
@@ -1,8 +1,8 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Galleria } from '@/components/lib/galleria/Galleria';
import { useEffect, useState } from 'react';
import { PhotoService } from '../../../../service/PhotoService';
-import { Galleria } from '../../../lib/galleria/Galleria';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function ItemThumbnailsDoc(props) {
const [images, setImages] = useState(null);
diff --git a/components/doc/galleria/navigator/itemwithouthumbnailsdoc.js b/components/doc/galleria/navigator/itemwithouthumbnailsdoc.js
index 710d55516e..9589a02d32 100644
--- a/components/doc/galleria/navigator/itemwithouthumbnailsdoc.js
+++ b/components/doc/galleria/navigator/itemwithouthumbnailsdoc.js
@@ -1,8 +1,8 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Galleria } from '@/components/lib/galleria/Galleria';
import { useEffect, useState } from 'react';
import { PhotoService } from '../../../../service/PhotoService';
-import { Galleria } from '../../../lib/galleria/Galleria';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function ItemWithoutThumbnailsDoc(props) {
const [images, setImages] = useState(null);
diff --git a/components/doc/galleria/pt/ptdoc.js b/components/doc/galleria/pt/ptdoc.js
index 5d969fb0b8..3f110a9482 100644
--- a/components/doc/galleria/pt/ptdoc.js
+++ b/components/doc/galleria/pt/ptdoc.js
@@ -1,8 +1,8 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Galleria } from '@/components/lib/galleria/Galleria';
import { useEffect, useState } from 'react';
import { PhotoService } from '../../../../service/PhotoService';
-import { Galleria } from '../../../lib/galleria/Galleria';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function PTDoc(props) {
const [images, setImages] = useState(null);
diff --git a/components/doc/galleria/pt/wireframe.js b/components/doc/galleria/pt/wireframe.js
index 6e0724823a..0d0d18b0b0 100644
--- a/components/doc/galleria/pt/wireframe.js
+++ b/components/doc/galleria/pt/wireframe.js
@@ -1,5 +1,4 @@
-import React from 'react';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export const Wireframe = (props) => {
return (
diff --git a/components/doc/galleria/responsivedoc.js b/components/doc/galleria/responsivedoc.js
index 217d2e9d40..2bee44a925 100644
--- a/components/doc/galleria/responsivedoc.js
+++ b/components/doc/galleria/responsivedoc.js
@@ -1,8 +1,8 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Galleria } from '@/components/lib/galleria/Galleria';
import { useEffect, useState } from 'react';
import { PhotoService } from '../../../service/PhotoService';
-import { Galleria } from '../../lib/galleria/Galleria';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function ResponsiveDoc(props) {
const [images, setImages] = useState(null);
diff --git a/components/doc/galleria/styledoc.js b/components/doc/galleria/styledoc.js
index 292be38f3f..7b21846b6f 100644
--- a/components/doc/galleria/styledoc.js
+++ b/components/doc/galleria/styledoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyleDoc() {
return (
diff --git a/components/doc/galleria/theming/styleddoc.js b/components/doc/galleria/theming/styleddoc.js
index 2dbd5fbf7e..61a3d1fa57 100644
--- a/components/doc/galleria/theming/styleddoc.js
+++ b/components/doc/galleria/theming/styleddoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyledDoc(props) {
return (
diff --git a/components/doc/galleria/theming/tailwinddoc.js b/components/doc/galleria/theming/tailwinddoc.js
index c492fe3ae0..402c604cd6 100644
--- a/components/doc/galleria/theming/tailwinddoc.js
+++ b/components/doc/galleria/theming/tailwinddoc.js
@@ -1,6 +1,6 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function TailwindDoc(props) {
const code = {
diff --git a/components/doc/galleria/thumbnaildoc.js b/components/doc/galleria/thumbnaildoc.js
index 60c68873bd..ca2343fb99 100644
--- a/components/doc/galleria/thumbnaildoc.js
+++ b/components/doc/galleria/thumbnaildoc.js
@@ -1,9 +1,9 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Galleria } from '@/components/lib/galleria/Galleria';
+import { RadioButton } from '@/components/lib/radiobutton/RadioButton';
import { useEffect, useState } from 'react';
import { PhotoService } from '../../../service/PhotoService';
-import { Galleria } from '../../lib/galleria/Galleria';
-import { RadioButton } from '../../lib/radiobutton/RadioButton';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function ThumbnailDoc(props) {
const [images, setImages] = useState(null);
diff --git a/components/doc/gmap/accessibilitydoc.js b/components/doc/gmap/accessibilitydoc.js
index 1dcbc6dc2a..a8807d4ff6 100644
--- a/components/doc/gmap/accessibilitydoc.js
+++ b/components/doc/gmap/accessibilitydoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DevelopmentSection } from '../common/developmentsection';
+import { DevelopmentSection } from '@/components/doc/common/developmentsection';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function AccessibilityDoc() {
return (
diff --git a/components/doc/gmap/gmapdoc.js b/components/doc/gmap/gmapdoc.js
index d08cbc9a6a..421bd2aed1 100644
--- a/components/doc/gmap/gmapdoc.js
+++ b/components/doc/gmap/gmapdoc.js
@@ -1,12 +1,12 @@
-import React, { useState, useRef, useEffect } from 'react';
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
-import { Checkbox } from '../../lib/checkbox/Checkbox';
-import { Button } from '../../lib/button/Button';
-import { Dialog } from '../../lib/dialog/Dialog';
-import { Toast } from '../../lib/toast/Toast';
-import { GMap } from '../../lib/gmap/GMap';
-import { InputText } from '../../lib/inputtext/InputText';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { Checkbox } from '@/components/lib/checkbox/Checkbox';
+import { Dialog } from '@/components/lib/dialog/Dialog';
+import { GMap } from '@/components/lib/gmap/GMap';
+import { InputText } from '@/components/lib/inputtext/InputText';
+import { Toast } from '@/components/lib/toast/Toast';
+import { useEffect, useRef, useState } from 'react';
export function GMapDoc(props) {
const [googleMapsReady, setGoogleMapsReady] = useState(false);
diff --git a/components/doc/gmap/importdoc.js b/components/doc/gmap/importdoc.js
index 8d7aa30ae5..4ae1a7f6dc 100644
--- a/components/doc/gmap/importdoc.js
+++ b/components/doc/gmap/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/gmap/styledoc.js b/components/doc/gmap/styledoc.js
index 50517aed0d..f4d3eb444b 100644
--- a/components/doc/gmap/styledoc.js
+++ b/components/doc/gmap/styledoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyleDoc() {
return (
diff --git a/components/doc/hooks/useclickoutside/basicdoc.js b/components/doc/hooks/useclickoutside/basicdoc.js
index 26e3d449b2..1b81e7a72b 100644
--- a/components/doc/hooks/useclickoutside/basicdoc.js
+++ b/components/doc/hooks/useclickoutside/basicdoc.js
@@ -1,8 +1,8 @@
-import React, { useRef, useState } from 'react';
-import { Button } from '../../../lib/button/Button';
-import { useClickOutside } from '../../../lib/hooks/Hooks';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { useClickOutside } from '@/components/lib/hooks/Hooks';
+import { useRef, useState } from 'react';
export function BasicDoc(props) {
const [visible, setVisible] = useState(false);
diff --git a/components/doc/hooks/useclickoutside/importdoc.js b/components/doc/hooks/useclickoutside/importdoc.js
index 6fa8d2fdf9..72fab26036 100644
--- a/components/doc/hooks/useclickoutside/importdoc.js
+++ b/components/doc/hooks/useclickoutside/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../../common/docsectiontext';
-import { DocSectionCode } from '../../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/hooks/usecounter/basicdoc.js b/components/doc/hooks/usecounter/basicdoc.js
index 43f4fa7b1c..bc79129dd9 100644
--- a/components/doc/hooks/usecounter/basicdoc.js
+++ b/components/doc/hooks/usecounter/basicdoc.js
@@ -1,8 +1,7 @@
-import React from 'react';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import { Button } from '../../../../components/lib/button/Button';
import { useCounter } from '../../../../components/lib/hooks/Hooks';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function BasicDoc(props) {
const { count, increment, decrement, reset } = useCounter(0);
diff --git a/components/doc/hooks/usecounter/importdoc.js b/components/doc/hooks/usecounter/importdoc.js
index b55760e346..174f3b4336 100644
--- a/components/doc/hooks/usecounter/importdoc.js
+++ b/components/doc/hooks/usecounter/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../../common/docsectiontext';
-import { DocSectionCode } from '../../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/hooks/usecounter/optionsdoc.js b/components/doc/hooks/usecounter/optionsdoc.js
index 6737e32491..ecddd4b983 100644
--- a/components/doc/hooks/usecounter/optionsdoc.js
+++ b/components/doc/hooks/usecounter/optionsdoc.js
@@ -1,8 +1,7 @@
-import React from 'react';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import { Button } from '../../../../components/lib/button/Button';
import { useCounter } from '../../../../components/lib/hooks/Hooks';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function OptionsDoc(props) {
const { count, increment, decrement, reset } = useCounter(10, { step: 0.25, min: 0, max: 15 });
diff --git a/components/doc/hooks/usedebounce/basicdoc.js b/components/doc/hooks/usedebounce/basicdoc.js
index b7674d2d45..9d487771a8 100644
--- a/components/doc/hooks/usedebounce/basicdoc.js
+++ b/components/doc/hooks/usedebounce/basicdoc.js
@@ -1,8 +1,7 @@
-import React from 'react';
-import { useDebounce } from '../../../lib/hooks/Hooks';
-import { InputText } from '../../../lib/inputtext/InputText';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { useDebounce } from '@/components/lib/hooks/Hooks';
+import { InputText } from '@/components/lib/inputtext/InputText';
export function BasicDoc(props) {
const [inputValue, debouncedValue, setInputValue] = useDebounce('', 400);
diff --git a/components/doc/hooks/usedebounce/importdoc.js b/components/doc/hooks/usedebounce/importdoc.js
index e147e95a8e..ac4fbab719 100644
--- a/components/doc/hooks/usedebounce/importdoc.js
+++ b/components/doc/hooks/usedebounce/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/hooks/useeventlistener/documentdoc.js b/components/doc/hooks/useeventlistener/documentdoc.js
index 4242cba51a..5ecf2ce7de 100644
--- a/components/doc/hooks/useeventlistener/documentdoc.js
+++ b/components/doc/hooks/useeventlistener/documentdoc.js
@@ -1,8 +1,8 @@
-import React, { useEffect, useState } from 'react';
-import { useEventListener } from '../../../lib/hooks/Hooks';
-import { classNames } from '../../../lib/utils/Utils';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { useEventListener } from '@/components/lib/hooks/Hooks';
+import { classNames } from '@/components/lib/utils/Utils';
+import { useEffect, useState } from 'react';
export function DocumentDoc(props) {
const [pressed, setPressed] = useState(false);
diff --git a/components/doc/hooks/useeventlistener/elementdoc.js b/components/doc/hooks/useeventlistener/elementdoc.js
index 546eff92e6..b6bd84debc 100644
--- a/components/doc/hooks/useeventlistener/elementdoc.js
+++ b/components/doc/hooks/useeventlistener/elementdoc.js
@@ -1,7 +1,7 @@
-import React, { useEffect, useRef, useState } from 'react';
-import { useEventListener } from '../../../lib/hooks/Hooks';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { useEventListener } from '@/components/lib/hooks/Hooks';
+import { useEffect, useRef, useState } from 'react';
export function ElementDoc(props) {
const [hover, setHover] = useState(false);
diff --git a/components/doc/hooks/useeventlistener/importdoc.js b/components/doc/hooks/useeventlistener/importdoc.js
index 04419c6863..66cde4cdad 100644
--- a/components/doc/hooks/useeventlistener/importdoc.js
+++ b/components/doc/hooks/useeventlistener/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../../common/docsectiontext';
-import { DocSectionCode } from '../../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/hooks/usefavicon/basicdoc.js b/components/doc/hooks/usefavicon/basicdoc.js
index ff52f39a7d..a159b2eed3 100644
--- a/components/doc/hooks/usefavicon/basicdoc.js
+++ b/components/doc/hooks/usefavicon/basicdoc.js
@@ -1,8 +1,8 @@
-import React, { useState } from 'react';
-import { Button } from '../../../lib/button/Button';
-import { useFavicon } from '../../../lib/hooks/Hooks';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { useFavicon } from '@/components/lib/hooks/Hooks';
+import { useState } from 'react';
export function BasicDoc(props) {
const [favicon, setFavicon] = useState('');
diff --git a/components/doc/hooks/usefavicon/importdoc.js b/components/doc/hooks/usefavicon/importdoc.js
index 9b81dcf1f0..3fda703872 100644
--- a/components/doc/hooks/usefavicon/importdoc.js
+++ b/components/doc/hooks/usefavicon/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../../common/docsectiontext';
-import { DocSectionCode } from '../../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/hooks/useintersectionobserver/basicdoc.js b/components/doc/hooks/useintersectionobserver/basicdoc.js
index 14ee4bb08d..6b117215ae 100644
--- a/components/doc/hooks/useintersectionobserver/basicdoc.js
+++ b/components/doc/hooks/useintersectionobserver/basicdoc.js
@@ -1,8 +1,8 @@
-import React, { useRef } from 'react';
-import { useIntersectionObserver } from '../../../lib/hooks/Hooks';
-import { classNames } from '../../../lib/utils/Utils';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { useIntersectionObserver } from '@/components/lib/hooks/Hooks';
+import { classNames } from '@/components/lib/utils/Utils';
+import { useRef } from 'react';
export function BasicDoc(props) {
const elementRef = useRef(null);
diff --git a/components/doc/hooks/useintersectionobserver/importdoc.js b/components/doc/hooks/useintersectionobserver/importdoc.js
index 9bc4015404..3e2e45db8e 100644
--- a/components/doc/hooks/useintersectionobserver/importdoc.js
+++ b/components/doc/hooks/useintersectionobserver/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../../common/docsectiontext';
-import { DocSectionCode } from '../../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/hooks/useintersectionobserver/thresholddoc.js b/components/doc/hooks/useintersectionobserver/thresholddoc.js
index 4c5f00e92d..f7fbbb0e1e 100644
--- a/components/doc/hooks/useintersectionobserver/thresholddoc.js
+++ b/components/doc/hooks/useintersectionobserver/thresholddoc.js
@@ -1,8 +1,8 @@
-import React, { useRef } from 'react';
-import { useIntersectionObserver } from '../../../lib/hooks/Hooks';
-import { classNames } from '../../../lib/utils/Utils';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { useIntersectionObserver } from '@/components/lib/hooks/Hooks';
+import { classNames } from '@/components/lib/utils/Utils';
+import { useRef } from 'react';
export function ThresholdDoc(props) {
const elementRef = useRef(null);
diff --git a/components/doc/hooks/useinterval/basicdoc.js b/components/doc/hooks/useinterval/basicdoc.js
index 83c5dc5d0c..b235129d5a 100644
--- a/components/doc/hooks/useinterval/basicdoc.js
+++ b/components/doc/hooks/useinterval/basicdoc.js
@@ -1,9 +1,9 @@
-import React, { useState } from 'react';
-import { Button } from '../../../lib/button/Button';
-import { useInterval } from '../../../lib/hooks/Hooks';
-import { classNames } from '../../../lib/utils/Utils';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { useInterval } from '@/components/lib/hooks/Hooks';
+import { classNames } from '@/components/lib/utils/Utils';
+import { useState } from 'react';
export function BasicDoc(props) {
const [seconds, setSeconds] = useState(0);
diff --git a/components/doc/hooks/useinterval/importdoc.js b/components/doc/hooks/useinterval/importdoc.js
index 27e4fe8785..c1c4f949c3 100644
--- a/components/doc/hooks/useinterval/importdoc.js
+++ b/components/doc/hooks/useinterval/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../../common/docsectiontext';
-import { DocSectionCode } from '../../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/hooks/usemounteffect/basicdoc.js b/components/doc/hooks/usemounteffect/basicdoc.js
index dd85387df1..c74bdb8281 100644
--- a/components/doc/hooks/usemounteffect/basicdoc.js
+++ b/components/doc/hooks/usemounteffect/basicdoc.js
@@ -1,9 +1,9 @@
/* eslint-disable no-console */
-import React, { useRef } from 'react';
-import { useMountEffect } from '../../../lib/hooks/Hooks';
-import { Toast } from '../../../lib/toast/Toast';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { useMountEffect } from '@/components/lib/hooks/Hooks';
+import { Toast } from '@/components/lib/toast/Toast';
+import { useRef } from 'react';
export function BasicDoc(props) {
const toast = useRef(null);
diff --git a/components/doc/hooks/usemounteffect/importdoc.js b/components/doc/hooks/usemounteffect/importdoc.js
index b194ecce88..25b149c43e 100644
--- a/components/doc/hooks/usemounteffect/importdoc.js
+++ b/components/doc/hooks/usemounteffect/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../../common/docsectiontext';
-import { DocSectionCode } from '../../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/hooks/usemouse/documentdoc.js b/components/doc/hooks/usemouse/documentdoc.js
index 9f28fd04e1..1bb4a342c9 100644
--- a/components/doc/hooks/usemouse/documentdoc.js
+++ b/components/doc/hooks/usemouse/documentdoc.js
@@ -1,7 +1,6 @@
-import React from 'react';
-import { useMouse } from '../../../lib/hooks/Hooks';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { useMouse } from '@/components/lib/hooks/Hooks';
export function DocumentDoc(props) {
const { x, y } = useMouse();
diff --git a/components/doc/hooks/usemouse/elementdoc.js b/components/doc/hooks/usemouse/elementdoc.js
index 539f6d407d..ead5243dbb 100644
--- a/components/doc/hooks/usemouse/elementdoc.js
+++ b/components/doc/hooks/usemouse/elementdoc.js
@@ -1,7 +1,6 @@
-import React from 'react';
-import { useMouse } from '../../../lib/hooks/Hooks';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { useMouse } from '@/components/lib/hooks/Hooks';
export function ElementDoc(props) {
const { ref, x, y } = useMouse();
diff --git a/components/doc/hooks/usemouse/importdoc.js b/components/doc/hooks/usemouse/importdoc.js
index 806862bd27..5f4e86577e 100644
--- a/components/doc/hooks/usemouse/importdoc.js
+++ b/components/doc/hooks/usemouse/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../../common/docsectiontext';
-import { DocSectionCode } from '../../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/hooks/usemouse/resetdoc.js b/components/doc/hooks/usemouse/resetdoc.js
index ede82c8d48..4c0465242c 100644
--- a/components/doc/hooks/usemouse/resetdoc.js
+++ b/components/doc/hooks/usemouse/resetdoc.js
@@ -1,7 +1,6 @@
-import React from 'react';
-import { useMouse } from '../../../lib/hooks/Hooks';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { useMouse } from '@/components/lib/hooks/Hooks';
export function ResetDoc(props) {
const { ref, x, y, reset } = useMouse();
diff --git a/components/doc/hooks/usemove/basicdoc.js b/components/doc/hooks/usemove/basicdoc.js
index 052bd058e3..32b3e3eb3a 100644
--- a/components/doc/hooks/usemove/basicdoc.js
+++ b/components/doc/hooks/usemove/basicdoc.js
@@ -1,9 +1,8 @@
-import React from 'react';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { classNames } from '@/components/lib/utils/Utils';
import { useMove } from '../../../../components/lib/hooks/Hooks';
-import { Button } from '../../../lib/button/Button';
-import { classNames } from '../../../lib/utils/Utils';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function BasicDoc(props) {
const { ref, x, y, active, reset } = useMove({ initialValue: { x: 0.2, y: 0.6 } });
diff --git a/components/doc/hooks/usemove/horizontaldoc.js b/components/doc/hooks/usemove/horizontaldoc.js
index 38c3fdd4ab..e9a8dda812 100644
--- a/components/doc/hooks/usemove/horizontaldoc.js
+++ b/components/doc/hooks/usemove/horizontaldoc.js
@@ -1,7 +1,6 @@
-import React from 'react';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import { useMove } from '../../../../components/lib/hooks/Hooks';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function HorizontalDoc(props) {
const { ref, x } = useMove({ initialValue: { x: 0.2 } });
diff --git a/components/doc/hooks/usemove/importdoc.js b/components/doc/hooks/usemove/importdoc.js
index ea20c90c7a..85258044dd 100644
--- a/components/doc/hooks/usemove/importdoc.js
+++ b/components/doc/hooks/usemove/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../../common/docsectiontext';
-import { DocSectionCode } from '../../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/hooks/usemove/verticaldoc.js b/components/doc/hooks/usemove/verticaldoc.js
index 06b27ac2a2..ff5263ab54 100644
--- a/components/doc/hooks/usemove/verticaldoc.js
+++ b/components/doc/hooks/usemove/verticaldoc.js
@@ -1,7 +1,6 @@
-import React from 'react';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import { useMove } from '../../../../components/lib/hooks/Hooks';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function VerticalDoc(props) {
const { ref, y } = useMove({ initialValue: { y: 0.2 }, mode: 'vertical' });
diff --git a/components/doc/hooks/useoverlaylistener/basicdoc.js b/components/doc/hooks/useoverlaylistener/basicdoc.js
index 665f66054b..d0d3860be7 100644
--- a/components/doc/hooks/useoverlaylistener/basicdoc.js
+++ b/components/doc/hooks/useoverlaylistener/basicdoc.js
@@ -1,9 +1,9 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { useOverlayListener } from '@/components/lib/hooks/Hooks';
import Link from 'next/link';
-import React, { useEffect, useRef, useState } from 'react';
-import { Button } from '../../../lib/button/Button';
-import { useOverlayListener } from '../../../lib/hooks/Hooks';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
+import { useEffect, useRef, useState } from 'react';
export function BasicDoc(props) {
const [visible, setVisible] = useState(false);
diff --git a/components/doc/hooks/useoverlaylistener/importdoc.js b/components/doc/hooks/useoverlaylistener/importdoc.js
index b9942917e5..0008c00888 100644
--- a/components/doc/hooks/useoverlaylistener/importdoc.js
+++ b/components/doc/hooks/useoverlaylistener/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../../common/docsectiontext';
-import { DocSectionCode } from '../../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/hooks/useoverlayscrolllistener/basicdoc.js b/components/doc/hooks/useoverlayscrolllistener/basicdoc.js
index 870e49f8ce..be47a7ca84 100644
--- a/components/doc/hooks/useoverlayscrolllistener/basicdoc.js
+++ b/components/doc/hooks/useoverlayscrolllistener/basicdoc.js
@@ -1,8 +1,8 @@
-import React, { useEffect, useRef, useState } from 'react';
-import { Button } from '../../../lib/button/Button';
-import { useOverlayScrollListener } from '../../../lib/hooks/Hooks';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { useOverlayScrollListener } from '@/components/lib/hooks/Hooks';
+import { useEffect, useRef, useState } from 'react';
export function BasicDoc(props) {
const [visible, setVisible] = useState(false);
diff --git a/components/doc/hooks/useoverlayscrolllistener/importdoc.js b/components/doc/hooks/useoverlayscrolllistener/importdoc.js
index ddc9746409..991efcfb2c 100644
--- a/components/doc/hooks/useoverlayscrolllistener/importdoc.js
+++ b/components/doc/hooks/useoverlayscrolllistener/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../../common/docsectiontext';
-import { DocSectionCode } from '../../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/hooks/useprevious/basicdoc.js b/components/doc/hooks/useprevious/basicdoc.js
index e706f83d45..afdf41acdb 100644
--- a/components/doc/hooks/useprevious/basicdoc.js
+++ b/components/doc/hooks/useprevious/basicdoc.js
@@ -1,8 +1,8 @@
-import React, { useState } from 'react';
-import { usePrevious } from '../../../lib/hooks/Hooks';
-import { InputText } from '../../../lib/inputtext/InputText';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { usePrevious } from '@/components/lib/hooks/Hooks';
+import { InputText } from '@/components/lib/inputtext/InputText';
+import { useState } from 'react';
export function BasicDoc(props) {
const [value, setValue] = useState('');
diff --git a/components/doc/hooks/useprevious/importdoc.js b/components/doc/hooks/useprevious/importdoc.js
index 239b93eea6..728f58b1e3 100644
--- a/components/doc/hooks/useprevious/importdoc.js
+++ b/components/doc/hooks/useprevious/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../../common/docsectiontext';
-import { DocSectionCode } from '../../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/hooks/useresizelistener/basicdoc.js b/components/doc/hooks/useresizelistener/basicdoc.js
index c7792c7b35..97a44f8828 100644
--- a/components/doc/hooks/useresizelistener/basicdoc.js
+++ b/components/doc/hooks/useresizelistener/basicdoc.js
@@ -1,7 +1,7 @@
-import React, { useEffect, useState } from 'react';
-import { useResizeListener } from '../../../lib/hooks/Hooks';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { useResizeListener } from '@/components/lib/hooks/Hooks';
+import { useEffect, useState } from 'react';
export function BasicDoc(props) {
const [eventData, setEventData] = useState({ width: 0, height: 0 });
diff --git a/components/doc/hooks/useresizelistener/importdoc.js b/components/doc/hooks/useresizelistener/importdoc.js
index 796f36ec3f..2ff5731f20 100644
--- a/components/doc/hooks/useresizelistener/importdoc.js
+++ b/components/doc/hooks/useresizelistener/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../../common/docsectiontext';
-import { DocSectionCode } from '../../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/hooks/usestorage/importdoc.js b/components/doc/hooks/usestorage/importdoc.js
index 870efafe34..5dca32f62e 100644
--- a/components/doc/hooks/usestorage/importdoc.js
+++ b/components/doc/hooks/usestorage/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/hooks/usestorage/localdoc.js b/components/doc/hooks/usestorage/localdoc.js
index b84c085705..5c396cf623 100644
--- a/components/doc/hooks/usestorage/localdoc.js
+++ b/components/doc/hooks/usestorage/localdoc.js
@@ -1,8 +1,7 @@
-import React from 'react';
-import { Button } from '../../../lib/button/Button';
-import { useLocalStorage } from '../../../lib/hooks/Hooks';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { useLocalStorage } from '@/components/lib/hooks/Hooks';
export function LocalDoc(props) {
const [count, setCount] = useLocalStorage(0, 'count');
diff --git a/components/doc/hooks/usestorage/sessiondoc.js b/components/doc/hooks/usestorage/sessiondoc.js
index f35005ca08..a6a919bd1c 100644
--- a/components/doc/hooks/usestorage/sessiondoc.js
+++ b/components/doc/hooks/usestorage/sessiondoc.js
@@ -1,8 +1,7 @@
-import React from 'react';
-import { Button } from '../../../lib/button/Button';
-import { useSessionStorage } from '../../../lib/hooks/Hooks';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { useSessionStorage } from '@/components/lib/hooks/Hooks';
export function SessionDoc(props) {
const [count, setCount] = useSessionStorage(0, 'count');
diff --git a/components/doc/hooks/usetimeout/basicdoc.js b/components/doc/hooks/usetimeout/basicdoc.js
index 1f81494a23..ca495368cb 100644
--- a/components/doc/hooks/usetimeout/basicdoc.js
+++ b/components/doc/hooks/usetimeout/basicdoc.js
@@ -1,8 +1,8 @@
-import React, { useRef } from 'react';
-import { useTimeout } from '../../../lib/hooks/Hooks';
-import { Toast } from '../../../lib/toast/Toast';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { useTimeout } from '@/components/lib/hooks/Hooks';
+import { Toast } from '@/components/lib/toast/Toast';
+import { useRef } from 'react';
export function BasicDoc(props) {
const toast = useRef(null);
diff --git a/components/doc/hooks/usetimeout/importdoc.js b/components/doc/hooks/usetimeout/importdoc.js
index bd6ef9fdb1..a06c71ec7d 100644
--- a/components/doc/hooks/usetimeout/importdoc.js
+++ b/components/doc/hooks/usetimeout/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../../common/docsectiontext';
-import { DocSectionCode } from '../../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/hooks/useunmounteffect/basicdoc.js b/components/doc/hooks/useunmounteffect/basicdoc.js
index d8843cf8d4..281846c5f3 100644
--- a/components/doc/hooks/useunmounteffect/basicdoc.js
+++ b/components/doc/hooks/useunmounteffect/basicdoc.js
@@ -1,9 +1,9 @@
-import React, { useRef, useState } from 'react';
-import { Button } from '../../../lib/button/Button';
-import { useUnmountEffect } from '../../../lib/hooks/Hooks';
-import { Toast } from '../../../lib/toast/Toast';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { useUnmountEffect } from '@/components/lib/hooks/Hooks';
+import { Toast } from '@/components/lib/toast/Toast';
+import { useRef, useState } from 'react';
export function BasicDoc(props) {
const [hidden, setHidden] = useState(false);
diff --git a/components/doc/hooks/useunmounteffect/importdoc.js b/components/doc/hooks/useunmounteffect/importdoc.js
index 3310cdce79..42fb07376f 100644
--- a/components/doc/hooks/useunmounteffect/importdoc.js
+++ b/components/doc/hooks/useunmounteffect/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../../common/docsectiontext';
-import { DocSectionCode } from '../../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/hooks/useupdateeffect/basicdoc.js b/components/doc/hooks/useupdateeffect/basicdoc.js
index 76df0743f7..a86dbff8e4 100644
--- a/components/doc/hooks/useupdateeffect/basicdoc.js
+++ b/components/doc/hooks/useupdateeffect/basicdoc.js
@@ -1,9 +1,9 @@
-import React, { useRef, useState } from 'react';
-import { useUpdateEffect } from '../../../lib/hooks/Hooks';
-import { InputText } from '../../../lib/inputtext/InputText';
-import { Toast } from '../../../lib/toast/Toast';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { useUpdateEffect } from '@/components/lib/hooks/Hooks';
+import { InputText } from '@/components/lib/inputtext/InputText';
+import { Toast } from '@/components/lib/toast/Toast';
+import { useRef, useState } from 'react';
export function BasicDoc(props) {
const toast = useRef(null);
diff --git a/components/doc/hooks/useupdateeffect/importdoc.js b/components/doc/hooks/useupdateeffect/importdoc.js
index f96f2a367e..1a59f0b772 100644
--- a/components/doc/hooks/useupdateeffect/importdoc.js
+++ b/components/doc/hooks/useupdateeffect/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../../common/docsectiontext';
-import { DocSectionCode } from '../../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/icons/basicdoc.js b/components/doc/icons/basicdoc.js
index 516666bc99..dad86d836b 100644
--- a/components/doc/icons/basicdoc.js
+++ b/components/doc/icons/basicdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function BasicDoc(props) {
const code = {
diff --git a/components/doc/icons/colordoc.js b/components/doc/icons/colordoc.js
index 0eb5542932..cea183ec34 100644
--- a/components/doc/icons/colordoc.js
+++ b/components/doc/icons/colordoc.js
@@ -1,5 +1,5 @@
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ColorDoc(props) {
const code = {
diff --git a/components/doc/icons/constantsdoc.js b/components/doc/icons/constantsdoc.js
index 148ecb49b2..aeb4bc0f0d 100644
--- a/components/doc/icons/constantsdoc.js
+++ b/components/doc/icons/constantsdoc.js
@@ -1,7 +1,7 @@
-import { PrimeIcons } from '../../lib/api/PrimeIcons';
-import { Menu } from '../../lib/menu/Menu';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { PrimeIcons } from '@/components/lib/api/PrimeIcons';
+import { Menu } from '@/components/lib/menu/Menu';
export function ConstantsDoc(props) {
const items = [
diff --git a/components/doc/icons/downloaddoc.js b/components/doc/icons/downloaddoc.js
index e0890f9a98..7818c5cf08 100644
--- a/components/doc/icons/downloaddoc.js
+++ b/components/doc/icons/downloaddoc.js
@@ -1,5 +1,5 @@
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function DownloadDoc(props) {
const code = {
diff --git a/components/doc/icons/importdoc.js b/components/doc/icons/importdoc.js
index 8b5af81c09..39268dea10 100644
--- a/components/doc/icons/importdoc.js
+++ b/components/doc/icons/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/icons/listdoc.js b/components/doc/icons/listdoc.js
index 3c6092398b..af1450e8b6 100644
--- a/components/doc/icons/listdoc.js
+++ b/components/doc/icons/listdoc.js
@@ -1,7 +1,7 @@
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { InputText } from '@/components/lib/inputtext/InputText';
import { useEffect, useState } from 'react';
import { IconService } from '../../../service/IconService';
-import { InputText } from '../../lib/inputtext/InputText';
-import { DocSectionText } from '../common/docsectiontext';
export function ListDoc(props) {
const [icons, setIcons] = useState(null);
diff --git a/components/doc/icons/sizedoc.js b/components/doc/icons/sizedoc.js
index dd07009ab3..c4c9794393 100644
--- a/components/doc/icons/sizedoc.js
+++ b/components/doc/icons/sizedoc.js
@@ -1,5 +1,5 @@
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function SizeDoc(props) {
const code = {
diff --git a/components/doc/icons/spindoc.js b/components/doc/icons/spindoc.js
index 6c352003ac..e6aa30fbd3 100644
--- a/components/doc/icons/spindoc.js
+++ b/components/doc/icons/spindoc.js
@@ -1,5 +1,5 @@
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function SpinDoc(props) {
const code = {
diff --git a/components/doc/image/accessibilitydoc.js b/components/doc/image/accessibilitydoc.js
index 7d6085e4fa..87ecfe9023 100644
--- a/components/doc/image/accessibilitydoc.js
+++ b/components/doc/image/accessibilitydoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DevelopmentSection } from '../common/developmentsection';
+import { DevelopmentSection } from '@/components/doc/common/developmentsection';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
diff --git a/components/doc/image/basicdoc.js b/components/doc/image/basicdoc.js
index 0d2721b715..74a161b9de 100644
--- a/components/doc/image/basicdoc.js
+++ b/components/doc/image/basicdoc.js
@@ -1,6 +1,6 @@
-import { Image } from '../../lib/image/Image';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Image } from '@/components/lib/image/Image';
export function BasicDoc(props) {
const code = {
diff --git a/components/doc/image/importdoc.js b/components/doc/image/importdoc.js
index bfbcac6d1e..9da10ccbd0 100644
--- a/components/doc/image/importdoc.js
+++ b/components/doc/image/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/image/previewdoc.js b/components/doc/image/previewdoc.js
index 3db008a37d..d0902e6f00 100644
--- a/components/doc/image/previewdoc.js
+++ b/components/doc/image/previewdoc.js
@@ -1,6 +1,6 @@
-import { Image } from '../../lib/image/Image';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Image } from '@/components/lib/image/Image';
export function PreviewDoc(props) {
const code = {
diff --git a/components/doc/image/pt/ptdoc.js b/components/doc/image/pt/ptdoc.js
index a7e9581ad9..c689477d34 100644
--- a/components/doc/image/pt/ptdoc.js
+++ b/components/doc/image/pt/ptdoc.js
@@ -1,6 +1,6 @@
-import { Image } from '../../../lib/image/Image';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Image } from '@/components/lib/image/Image';
export function PTDoc(props) {
const code = {
diff --git a/components/doc/image/pt/wireframe.js b/components/doc/image/pt/wireframe.js
index 277a899d23..0fc2d3fdaa 100644
--- a/components/doc/image/pt/wireframe.js
+++ b/components/doc/image/pt/wireframe.js
@@ -1,5 +1,4 @@
-import React from 'react';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export const Wireframe = (props) => {
return (
diff --git a/components/doc/image/styledoc.js b/components/doc/image/styledoc.js
index 704c2f1f79..144ca3c8b3 100644
--- a/components/doc/image/styledoc.js
+++ b/components/doc/image/styledoc.js
@@ -1,6 +1,6 @@
import Link from 'next/link';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyleDoc() {
return (
diff --git a/components/doc/image/templatedoc.js b/components/doc/image/templatedoc.js
index 1934501ae4..4bd097406c 100644
--- a/components/doc/image/templatedoc.js
+++ b/components/doc/image/templatedoc.js
@@ -1,6 +1,6 @@
-import { Image } from '../../lib/image/Image';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Image } from '@/components/lib/image/Image';
export function TemplateDoc(props) {
const icon = ;
diff --git a/components/doc/image/theming/styleddoc.js b/components/doc/image/theming/styleddoc.js
index cb2910c224..04c2a793c9 100644
--- a/components/doc/image/theming/styleddoc.js
+++ b/components/doc/image/theming/styleddoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyledDoc(props) {
return (
diff --git a/components/doc/image/theming/tailwinddoc.js b/components/doc/image/theming/tailwinddoc.js
index 301e015457..c191c4ba6b 100644
--- a/components/doc/image/theming/tailwinddoc.js
+++ b/components/doc/image/theming/tailwinddoc.js
@@ -1,6 +1,6 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function TailwindDoc(props) {
const code = {
diff --git a/components/doc/image/thumbnaildoc.js b/components/doc/image/thumbnaildoc.js
index 603709276d..b32a173d92 100644
--- a/components/doc/image/thumbnaildoc.js
+++ b/components/doc/image/thumbnaildoc.js
@@ -1,6 +1,6 @@
-import { Image } from '../../lib/image/Image';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Image } from '@/components/lib/image/Image';
export function ThumbnailDoc(props) {
const code = {
diff --git a/components/doc/inplace/accessibilitydoc.js b/components/doc/inplace/accessibilitydoc.js
index de72bfb43a..10032b5673 100644
--- a/components/doc/inplace/accessibilitydoc.js
+++ b/components/doc/inplace/accessibilitydoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DevelopmentSection } from '../common/developmentsection';
+import { DevelopmentSection } from '@/components/doc/common/developmentsection';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
diff --git a/components/doc/inplace/basicdoc.js b/components/doc/inplace/basicdoc.js
index 7f99ef8730..10b1a792b1 100644
--- a/components/doc/inplace/basicdoc.js
+++ b/components/doc/inplace/basicdoc.js
@@ -1,7 +1,6 @@
-import React, { useState } from 'react';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
-import { Inplace, InplaceDisplay, InplaceContent } from '../../../components/lib/inplace/Inplace';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Inplace, InplaceContent, InplaceDisplay } from '../../../components/lib/inplace/Inplace';
export function BasicDoc(props) {
const code = {
diff --git a/components/doc/inplace/imagedoc.js b/components/doc/inplace/imagedoc.js
index 7124780f49..e3aec0431c 100644
--- a/components/doc/inplace/imagedoc.js
+++ b/components/doc/inplace/imagedoc.js
@@ -1,7 +1,6 @@
-import React from 'react';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import { Inplace, InplaceContent, InplaceDisplay } from '../../../components/lib/inplace/Inplace';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function ImageDoc(props) {
const code = {
diff --git a/components/doc/inplace/importdoc.js b/components/doc/inplace/importdoc.js
index c24610101f..26dfb0db5b 100644
--- a/components/doc/inplace/importdoc.js
+++ b/components/doc/inplace/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/inplace/inputdoc.js b/components/doc/inplace/inputdoc.js
index a360823e29..78c715ff5c 100644
--- a/components/doc/inplace/inputdoc.js
+++ b/components/doc/inplace/inputdoc.js
@@ -1,7 +1,7 @@
-import React, { useState } from 'react';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
-import { Inplace, InplaceDisplay, InplaceContent } from '../../../components/lib/inplace/Inplace';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { useState } from 'react';
+import { Inplace, InplaceContent, InplaceDisplay } from '../../../components/lib/inplace/Inplace';
import { InputText } from '../../../components/lib/inputtext/InputText';
export function InputDoc(props) {
diff --git a/components/doc/inplace/lazydoc.js b/components/doc/inplace/lazydoc.js
index 0c208c01d6..adca4f1a30 100644
--- a/components/doc/inplace/lazydoc.js
+++ b/components/doc/inplace/lazydoc.js
@@ -1,9 +1,9 @@
-import React, { useState } from 'react';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
-import { Inplace, InplaceDisplay, InplaceContent } from '../../../components/lib/inplace/Inplace';
-import { DataTable } from '../../../components/lib/datatable/DataTable';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { useState } from 'react';
import { Column } from '../../../components/lib/column/Column';
+import { DataTable } from '../../../components/lib/datatable/DataTable';
+import { Inplace, InplaceContent, InplaceDisplay } from '../../../components/lib/inplace/Inplace';
import { ProductService } from '../../../service/ProductService';
export function LazyDoc(props) {
diff --git a/components/doc/inplace/pt/ptdoc.js b/components/doc/inplace/pt/ptdoc.js
index b42db69f58..5500a9646d 100644
--- a/components/doc/inplace/pt/ptdoc.js
+++ b/components/doc/inplace/pt/ptdoc.js
@@ -1,8 +1,6 @@
-import { DocSectionText } from '../../common/docsectiontext';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { Inplace } from '../../../lib/inplace/Inplace';
-import { InplaceDisplay } from '../../../lib/inplace/Inplace';
-import { InplaceContent } from '../../../lib/inplace/Inplace';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Inplace, InplaceContent, InplaceDisplay } from '@/components/lib/inplace/Inplace';
export function PTDoc(props) {
const code = {
diff --git a/components/doc/inplace/pt/wireframe.js b/components/doc/inplace/pt/wireframe.js
index 6a1dab05c2..6cef470c3c 100644
--- a/components/doc/inplace/pt/wireframe.js
+++ b/components/doc/inplace/pt/wireframe.js
@@ -1,5 +1,4 @@
-import React from 'react';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export const Wireframe = (props) => {
return (
diff --git a/components/doc/inplace/styledoc.js b/components/doc/inplace/styledoc.js
index 869d20bb07..3557339f9e 100644
--- a/components/doc/inplace/styledoc.js
+++ b/components/doc/inplace/styledoc.js
@@ -1,6 +1,6 @@
import Link from 'next/link';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyleDoc() {
return (
diff --git a/components/doc/inplace/theming/styleddoc.js b/components/doc/inplace/theming/styleddoc.js
index f5feb20aa3..f73517fe64 100644
--- a/components/doc/inplace/theming/styleddoc.js
+++ b/components/doc/inplace/theming/styleddoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyledDoc(props) {
return (
diff --git a/components/doc/inplace/theming/tailwinddoc.js b/components/doc/inplace/theming/tailwinddoc.js
index a38f1e1048..4e4b9b6e70 100644
--- a/components/doc/inplace/theming/tailwinddoc.js
+++ b/components/doc/inplace/theming/tailwinddoc.js
@@ -1,6 +1,6 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function TailwindDoc(props) {
const code = {
diff --git a/components/doc/inputgroup/basicdoc.js b/components/doc/inputgroup/basicdoc.js
index 1ef1115fa2..c818c9728c 100644
--- a/components/doc/inputgroup/basicdoc.js
+++ b/components/doc/inputgroup/basicdoc.js
@@ -1,7 +1,7 @@
-import { InputNumber } from '../../lib/inputnumber/InputNumber';
-import { InputText } from '../../lib/inputtext/InputText';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { InputNumber } from '@/components/lib/inputnumber/InputNumber';
+import { InputText } from '@/components/lib/inputtext/InputText';
export function BasicDoc(props) {
const code = {
diff --git a/components/doc/inputgroup/buttondoc.js b/components/doc/inputgroup/buttondoc.js
index aafd01f92a..3bac183ac7 100644
--- a/components/doc/inputgroup/buttondoc.js
+++ b/components/doc/inputgroup/buttondoc.js
@@ -1,7 +1,7 @@
-import { Button } from '../../lib/button/Button';
-import { InputText } from '../../lib/inputtext/InputText';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { InputText } from '@/components/lib/inputtext/InputText';
export function ButtonDoc(props) {
const code = {
diff --git a/components/doc/inputgroup/checkboxdoc.js b/components/doc/inputgroup/checkboxdoc.js
index e59430ede9..414e9b90d3 100644
--- a/components/doc/inputgroup/checkboxdoc.js
+++ b/components/doc/inputgroup/checkboxdoc.js
@@ -1,9 +1,9 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Checkbox } from '@/components/lib/checkbox/Checkbox';
+import { InputText } from '@/components/lib/inputtext/InputText';
+import { RadioButton } from '@/components/lib/radiobutton/RadioButton';
import { useState } from 'react';
-import { Checkbox } from '../../lib/checkbox/Checkbox';
-import { InputText } from '../../lib/inputtext/InputText';
-import { RadioButton } from '../../lib/radiobutton/RadioButton';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function CheckboxDoc(props) {
const [checked1, setChecked1] = useState(false);
diff --git a/components/doc/inputgroup/multipledoc.js b/components/doc/inputgroup/multipledoc.js
index c0df7df1cc..ab34cb27a8 100644
--- a/components/doc/inputgroup/multipledoc.js
+++ b/components/doc/inputgroup/multipledoc.js
@@ -1,6 +1,6 @@
-import { InputNumber } from '../../lib/inputnumber/InputNumber';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { InputNumber } from '@/components/lib/inputnumber/InputNumber';
export function MultipleDoc(props) {
const code = {
diff --git a/components/doc/inputmask/accessibilitydoc.js b/components/doc/inputmask/accessibilitydoc.js
index 044e4122fd..c714a0eb18 100644
--- a/components/doc/inputmask/accessibilitydoc.js
+++ b/components/doc/inputmask/accessibilitydoc.js
@@ -1,6 +1,6 @@
-import { DevelopmentSection } from '../common/developmentsection';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DevelopmentSection } from '@/components/doc/common/developmentsection';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function AccessibilityDoc() {
const code = {
diff --git a/components/doc/inputmask/basicdoc.js b/components/doc/inputmask/basicdoc.js
index a9746643ee..9e83788c94 100644
--- a/components/doc/inputmask/basicdoc.js
+++ b/components/doc/inputmask/basicdoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { InputMask } from '@/components/lib/inputmask/InputMask';
import { useState } from 'react';
-import { InputMask } from '../../lib/inputmask/InputMask';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function BasicDoc(props) {
const [value, setValue] = useState('');
diff --git a/components/doc/inputmask/disableddoc.js b/components/doc/inputmask/disableddoc.js
index 3370ce18a7..6b1c88cb57 100644
--- a/components/doc/inputmask/disableddoc.js
+++ b/components/doc/inputmask/disableddoc.js
@@ -1,6 +1,6 @@
-import { InputMask } from '../../lib/inputmask/InputMask';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { InputMask } from '@/components/lib/inputmask/InputMask';
export function DisabledDoc(props) {
const code = {
diff --git a/components/doc/inputmask/floatlabeldoc.js b/components/doc/inputmask/floatlabeldoc.js
index 392252730d..b96fc1d03a 100644
--- a/components/doc/inputmask/floatlabeldoc.js
+++ b/components/doc/inputmask/floatlabeldoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { InputMask } from '@/components/lib/inputmask/InputMask';
import { useState } from 'react';
-import { InputMask } from '../../lib/inputmask/InputMask';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function FloatLabelDoc(props) {
const [value, setValue] = useState('');
diff --git a/components/doc/inputmask/form/formikdoc.js b/components/doc/inputmask/form/formikdoc.js
index 13252e2ed1..c99f9ec3b5 100644
--- a/components/doc/inputmask/form/formikdoc.js
+++ b/components/doc/inputmask/form/formikdoc.js
@@ -1,11 +1,11 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { InputMask } from '@/components/lib/inputmask/InputMask';
+import { Toast } from '@/components/lib/toast/Toast';
+import { classNames } from '@/components/lib/utils/Utils';
import { useFormik } from 'formik';
import { useRef } from 'react';
-import { Button } from '../../../lib/button/Button';
-import { InputMask } from '../../../lib/inputmask/InputMask';
-import { Toast } from '../../../lib/toast/Toast';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
-import { classNames } from '../../../lib/utils/Utils';
export function FormikDoc(props) {
const toast = useRef(null);
diff --git a/components/doc/inputmask/form/hookformdoc.js b/components/doc/inputmask/form/hookformdoc.js
index 6ec036c90f..599906a5b7 100644
--- a/components/doc/inputmask/form/hookformdoc.js
+++ b/components/doc/inputmask/form/hookformdoc.js
@@ -1,11 +1,11 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { InputMask } from '@/components/lib/inputmask/InputMask';
+import { Toast } from '@/components/lib/toast/Toast';
+import { classNames } from '@/components/lib/utils/Utils';
import { useRef } from 'react';
import { Controller, useForm } from 'react-hook-form';
-import { Button } from '../../../lib/button/Button';
-import { InputMask } from '../../../lib/inputmask/InputMask';
-import { Toast } from '../../../lib/toast/Toast';
-import { classNames } from '../../../lib/utils/Utils';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function HookFormDoc(props) {
const toast = useRef(null);
diff --git a/components/doc/inputmask/importdoc.js b/components/doc/inputmask/importdoc.js
index f5b412232f..9c52381058 100644
--- a/components/doc/inputmask/importdoc.js
+++ b/components/doc/inputmask/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/inputmask/invaliddoc.js b/components/doc/inputmask/invaliddoc.js
index 7846e6758a..8c1d8c7a22 100644
--- a/components/doc/inputmask/invaliddoc.js
+++ b/components/doc/inputmask/invaliddoc.js
@@ -1,6 +1,6 @@
-import { InputMask } from '../../lib/inputmask/InputMask';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { InputMask } from '@/components/lib/inputmask/InputMask';
export function InvalidDoc(props) {
const code = {
diff --git a/components/doc/inputmask/maskdoc.js b/components/doc/inputmask/maskdoc.js
index c20da86095..6be68f32cd 100644
--- a/components/doc/inputmask/maskdoc.js
+++ b/components/doc/inputmask/maskdoc.js
@@ -1,6 +1,6 @@
-import { InputMask } from '../../lib/inputmask/InputMask';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { InputMask } from '@/components/lib/inputmask/InputMask';
export function MaskDoc(props) {
const code = {
diff --git a/components/doc/inputmask/optionaldoc.js b/components/doc/inputmask/optionaldoc.js
index a5fb9974bf..0a177c7586 100644
--- a/components/doc/inputmask/optionaldoc.js
+++ b/components/doc/inputmask/optionaldoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { InputMask } from '@/components/lib/inputmask/InputMask';
import { useState } from 'react';
-import { InputMask } from '../../lib/inputmask/InputMask';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function OptionalDoc(props) {
const [value, setValue] = useState('');
diff --git a/components/doc/inputmask/pt/ptdoc.js b/components/doc/inputmask/pt/ptdoc.js
index ec9e411720..6bd6b26630 100644
--- a/components/doc/inputmask/pt/ptdoc.js
+++ b/components/doc/inputmask/pt/ptdoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { InputMask } from '@/components/lib/inputmask/InputMask';
import { useState } from 'react';
-import { InputMask } from '../../../lib/inputmask/InputMask';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function PTDoc(props) {
const [value, setValue] = useState('');
diff --git a/components/doc/inputmask/pt/wireframe.js b/components/doc/inputmask/pt/wireframe.js
index a1eed38f61..c9bd35db95 100644
--- a/components/doc/inputmask/pt/wireframe.js
+++ b/components/doc/inputmask/pt/wireframe.js
@@ -1,5 +1,4 @@
-import React from 'react';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export const Wireframe = (props) => {
return (
diff --git a/components/doc/inputmask/slotchardoc.js b/components/doc/inputmask/slotchardoc.js
index dfb0d885d3..b13e27e4af 100644
--- a/components/doc/inputmask/slotchardoc.js
+++ b/components/doc/inputmask/slotchardoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { InputMask } from '@/components/lib/inputmask/InputMask';
import { useState } from 'react';
-import { InputMask } from '../../lib/inputmask/InputMask';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function SlotCharDoc(props) {
const [value, setValue] = useState('');
diff --git a/components/doc/inputmask/styledoc.js b/components/doc/inputmask/styledoc.js
index 8b0fc902f3..a60d416617 100644
--- a/components/doc/inputmask/styledoc.js
+++ b/components/doc/inputmask/styledoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
export function StyleDoc() {
diff --git a/components/doc/inputmask/theming/styleddoc.js b/components/doc/inputmask/theming/styleddoc.js
index 96478515a7..4cace7a96d 100644
--- a/components/doc/inputmask/theming/styleddoc.js
+++ b/components/doc/inputmask/theming/styleddoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyledDoc(props) {
return (
diff --git a/components/doc/inputmask/theming/tailwinddoc.js b/components/doc/inputmask/theming/tailwinddoc.js
index acbd27a568..c515dfcafa 100644
--- a/components/doc/inputmask/theming/tailwinddoc.js
+++ b/components/doc/inputmask/theming/tailwinddoc.js
@@ -1,6 +1,6 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function TailwindDoc(props) {
const code = {
diff --git a/components/doc/inputmask/validationdoc.js b/components/doc/inputmask/validationdoc.js
index bd7ec93661..6205a83147 100644
--- a/components/doc/inputmask/validationdoc.js
+++ b/components/doc/inputmask/validationdoc.js
@@ -1,10 +1,10 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { InputMask } from '@/components/lib/inputmask/InputMask';
+import { classNames } from '@/components/lib/utils/Utils';
import { useState } from 'react';
import { Controller, useForm } from 'react-hook-form';
-import { Button } from '../../lib/button/Button';
-import { InputMask } from '../../lib/inputmask/InputMask';
-import { classNames } from '../../lib/utils/Utils';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function ValidationDoc(props) {
const [formData, setFormData] = useState({});
diff --git a/components/doc/inputnumber/accessibilitydoc.js b/components/doc/inputnumber/accessibilitydoc.js
index 529f64f027..abf9e73c0f 100644
--- a/components/doc/inputnumber/accessibilitydoc.js
+++ b/components/doc/inputnumber/accessibilitydoc.js
@@ -1,6 +1,6 @@
-import { DevelopmentSection } from '../common/developmentsection';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DevelopmentSection } from '@/components/doc/common/developmentsection';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function AccessibilityDoc() {
const code = {
diff --git a/components/doc/inputnumber/buttonsdoc.js b/components/doc/inputnumber/buttonsdoc.js
index 3b737eddff..284aa49f27 100644
--- a/components/doc/inputnumber/buttonsdoc.js
+++ b/components/doc/inputnumber/buttonsdoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { InputNumber } from '@/components/lib/inputnumber/InputNumber';
import { useState } from 'react';
-import { InputNumber } from '../../lib/inputnumber/InputNumber';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function ButtonsDoc(props) {
const [value1, setValue1] = useState(20);
diff --git a/components/doc/inputnumber/currencydoc.js b/components/doc/inputnumber/currencydoc.js
index 3ecb30c1fc..1905ddcf04 100644
--- a/components/doc/inputnumber/currencydoc.js
+++ b/components/doc/inputnumber/currencydoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { InputNumber } from '@/components/lib/inputnumber/InputNumber';
import { useState } from 'react';
-import { InputNumber } from '../../lib/inputnumber/InputNumber';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function CurrencyDoc(props) {
const [value1, setValue1] = useState(1500);
diff --git a/components/doc/inputnumber/disableddoc.js b/components/doc/inputnumber/disableddoc.js
index 4956e270a2..8afa02fd68 100644
--- a/components/doc/inputnumber/disableddoc.js
+++ b/components/doc/inputnumber/disableddoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { InputNumber } from '@/components/lib/inputnumber/InputNumber';
import { useState } from 'react';
-import { InputNumber } from '../../lib/inputnumber/InputNumber';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function DisabledDoc(props) {
const [value, setValue] = useState(50);
diff --git a/components/doc/inputnumber/floatlabeldoc.js b/components/doc/inputnumber/floatlabeldoc.js
index 66f6d914e1..254b49cbbc 100644
--- a/components/doc/inputnumber/floatlabeldoc.js
+++ b/components/doc/inputnumber/floatlabeldoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { InputNumber } from '@/components/lib/inputnumber/InputNumber';
import { useState } from 'react';
-import { InputNumber } from '../../lib/inputnumber/InputNumber';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function FloatLabelDoc(props) {
const [value, setValue] = useState(null);
diff --git a/components/doc/inputnumber/form/formikdoc.js b/components/doc/inputnumber/form/formikdoc.js
index 6d0e1c439e..a08ec920c3 100644
--- a/components/doc/inputnumber/form/formikdoc.js
+++ b/components/doc/inputnumber/form/formikdoc.js
@@ -1,11 +1,11 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { InputNumber } from '@/components/lib/inputnumber/InputNumber';
+import { Toast } from '@/components/lib/toast/Toast';
+import { classNames } from '@/components/lib/utils/Utils';
import { useFormik } from 'formik';
import { useRef } from 'react';
-import { Button } from '../../../lib/button/Button';
-import { InputNumber } from '../../../lib/inputnumber/InputNumber';
-import { Toast } from '../../../lib/toast/Toast';
-import { classNames } from '../../../lib/utils/Utils';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function FormikDoc(props) {
const toast = useRef(null);
diff --git a/components/doc/inputnumber/form/hookformdoc.js b/components/doc/inputnumber/form/hookformdoc.js
index 6989399263..9e379e03fd 100644
--- a/components/doc/inputnumber/form/hookformdoc.js
+++ b/components/doc/inputnumber/form/hookformdoc.js
@@ -1,11 +1,11 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { InputNumber } from '@/components/lib/inputnumber/InputNumber';
+import { Toast } from '@/components/lib/toast/Toast';
+import { classNames } from '@/components/lib/utils/Utils';
import { useRef } from 'react';
import { Controller, useForm } from 'react-hook-form';
-import { Button } from '../../../lib/button/Button';
-import { InputNumber } from '../../../lib/inputnumber/InputNumber';
-import { Toast } from '../../../lib/toast/Toast';
-import { classNames } from '../../../lib/utils/Utils';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function HookFormDoc(props) {
const toast = useRef(null);
diff --git a/components/doc/inputnumber/importdoc.js b/components/doc/inputnumber/importdoc.js
index ca2a5ac7f3..040e4f8807 100644
--- a/components/doc/inputnumber/importdoc.js
+++ b/components/doc/inputnumber/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/inputnumber/invaliddoc.js b/components/doc/inputnumber/invaliddoc.js
index abbca0af84..1a1b3af921 100644
--- a/components/doc/inputnumber/invaliddoc.js
+++ b/components/doc/inputnumber/invaliddoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { InputNumber } from '@/components/lib/inputnumber/InputNumber';
import { useState } from 'react';
-import { InputNumber } from '../../lib/inputnumber/InputNumber';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function InvalidDoc(props) {
const [value, setValue] = useState(null);
diff --git a/components/doc/inputnumber/localedoc.js b/components/doc/inputnumber/localedoc.js
index fbe8057630..eae84e74d1 100644
--- a/components/doc/inputnumber/localedoc.js
+++ b/components/doc/inputnumber/localedoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { InputNumber } from '@/components/lib/inputnumber/InputNumber';
import { useState } from 'react';
-import { InputNumber } from '../../lib/inputnumber/InputNumber';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function LocaleDoc(props) {
const [value1, setValue1] = useState(151351);
diff --git a/components/doc/inputnumber/numberalsdoc.js b/components/doc/inputnumber/numberalsdoc.js
index b94ad01b4d..645b99930c 100644
--- a/components/doc/inputnumber/numberalsdoc.js
+++ b/components/doc/inputnumber/numberalsdoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { InputNumber } from '@/components/lib/inputnumber/InputNumber';
import { useState } from 'react';
-import { InputNumber } from '../../lib/inputnumber/InputNumber';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function NumeralsDoc(props) {
const [value1, setValue1] = useState(42723);
diff --git a/components/doc/inputnumber/prefixsuffixdoc.js b/components/doc/inputnumber/prefixsuffixdoc.js
index 1c8bf827b3..ff757018f2 100644
--- a/components/doc/inputnumber/prefixsuffixdoc.js
+++ b/components/doc/inputnumber/prefixsuffixdoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { InputNumber } from '@/components/lib/inputnumber/InputNumber';
import { useState } from 'react';
-import { InputNumber } from '../../lib/inputnumber/InputNumber';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function PrefixSuffixDoc(props) {
const [value1, setValue1] = useState(20);
diff --git a/components/doc/inputnumber/pt/ptdoc.js b/components/doc/inputnumber/pt/ptdoc.js
index 64d57e6384..49042980ed 100644
--- a/components/doc/inputnumber/pt/ptdoc.js
+++ b/components/doc/inputnumber/pt/ptdoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { InputNumber } from '@/components/lib/inputnumber/InputNumber';
import { useState } from 'react';
-import { InputNumber } from '../../../lib/inputnumber/InputNumber';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function PTDoc(props) {
const [value, setValue] = useState(20);
diff --git a/components/doc/inputnumber/pt/wireframe.js b/components/doc/inputnumber/pt/wireframe.js
index 42eeb6bd3a..5a5b20f17a 100644
--- a/components/doc/inputnumber/pt/wireframe.js
+++ b/components/doc/inputnumber/pt/wireframe.js
@@ -1,5 +1,4 @@
-import React from 'react';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export const Wireframe = (props) => {
return (
diff --git a/components/doc/inputnumber/styledoc.js b/components/doc/inputnumber/styledoc.js
index 7d8744a7a4..4a1b492641 100644
--- a/components/doc/inputnumber/styledoc.js
+++ b/components/doc/inputnumber/styledoc.js
@@ -1,6 +1,6 @@
import Link from 'next/link';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyleDoc() {
return (
diff --git a/components/doc/inputnumber/theming/styleddoc.js b/components/doc/inputnumber/theming/styleddoc.js
index 2eba0d9c01..fb2bd6b9d0 100644
--- a/components/doc/inputnumber/theming/styleddoc.js
+++ b/components/doc/inputnumber/theming/styleddoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyledDoc(props) {
return (
diff --git a/components/doc/inputnumber/theming/tailwinddoc.js b/components/doc/inputnumber/theming/tailwinddoc.js
index cbf1b7967d..e88d8dc49a 100644
--- a/components/doc/inputnumber/theming/tailwinddoc.js
+++ b/components/doc/inputnumber/theming/tailwinddoc.js
@@ -1,6 +1,6 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function TailwindDoc(props) {
const code = {
diff --git a/components/doc/inputnumber/verticaldoc.js b/components/doc/inputnumber/verticaldoc.js
index fce7ee4b74..48bd5a7f1e 100644
--- a/components/doc/inputnumber/verticaldoc.js
+++ b/components/doc/inputnumber/verticaldoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { InputNumber } from '@/components/lib/inputnumber/InputNumber';
import { useState } from 'react';
-import { InputNumber } from '../../lib/inputnumber/InputNumber';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function VerticalDoc(props) {
const [value, setValue] = useState(50);
diff --git a/components/doc/inputswitch/accessibilitydoc.js b/components/doc/inputswitch/accessibilitydoc.js
index 8942f5a021..8cb670445e 100644
--- a/components/doc/inputswitch/accessibilitydoc.js
+++ b/components/doc/inputswitch/accessibilitydoc.js
@@ -1,6 +1,6 @@
-import { DevelopmentSection } from '../common/developmentsection';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DevelopmentSection } from '@/components/doc/common/developmentsection';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function AccessibilityDoc() {
const code = {
diff --git a/components/doc/inputswitch/basicdoc.js b/components/doc/inputswitch/basicdoc.js
index f2f124552a..2d2f1a317e 100644
--- a/components/doc/inputswitch/basicdoc.js
+++ b/components/doc/inputswitch/basicdoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { InputSwitch } from '@/components/lib/inputswitch/InputSwitch';
import { useState } from 'react';
-import { InputSwitch } from '../../lib/inputswitch/InputSwitch';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function BasicDoc(props) {
const [checked, setChecked] = useState(false);
diff --git a/components/doc/inputswitch/disableddoc.js b/components/doc/inputswitch/disableddoc.js
index 58c853869e..49e829a4cf 100644
--- a/components/doc/inputswitch/disableddoc.js
+++ b/components/doc/inputswitch/disableddoc.js
@@ -1,6 +1,6 @@
-import { InputSwitch } from '../../lib/inputswitch/InputSwitch';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { InputSwitch } from '@/components/lib/inputswitch/InputSwitch';
export function DisabledDoc(props) {
const code = {
diff --git a/components/doc/inputswitch/form/formikdoc.js b/components/doc/inputswitch/form/formikdoc.js
index 9615eaa8db..830a13f136 100644
--- a/components/doc/inputswitch/form/formikdoc.js
+++ b/components/doc/inputswitch/form/formikdoc.js
@@ -1,11 +1,11 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { InputSwitch } from '@/components/lib/inputswitch/InputSwitch';
+import { Toast } from '@/components/lib/toast/Toast';
+import { classNames } from '@/components/lib/utils/Utils';
import { useFormik } from 'formik';
import { useRef } from 'react';
-import { Button } from '../../../lib/button/Button';
-import { InputSwitch } from '../../../lib/inputswitch/InputSwitch';
-import { Toast } from '../../../lib/toast/Toast';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
-import { classNames } from '../../../lib/utils/Utils';
export function FormikDoc(props) {
const toast = useRef(null);
diff --git a/components/doc/inputswitch/form/hookformdoc.js b/components/doc/inputswitch/form/hookformdoc.js
index b9b758f4be..205879bbda 100644
--- a/components/doc/inputswitch/form/hookformdoc.js
+++ b/components/doc/inputswitch/form/hookformdoc.js
@@ -1,11 +1,11 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { InputSwitch } from '@/components/lib/inputswitch/InputSwitch';
+import { Toast } from '@/components/lib/toast/Toast';
+import { classNames } from '@/components/lib/utils/Utils';
import { useRef } from 'react';
-import { useForm, Controller } from 'react-hook-form';
-import { Button } from '../../../lib/button/Button';
-import { InputSwitch } from '../../../lib/inputswitch/InputSwitch';
-import { Toast } from '../../../lib/toast/Toast';
-import { classNames } from '../../../lib/utils/Utils';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
+import { Controller, useForm } from 'react-hook-form';
export function HookFormDoc(props) {
const toast = useRef(null);
diff --git a/components/doc/inputswitch/importdoc.js b/components/doc/inputswitch/importdoc.js
index 797aa9bdd7..abb07b004e 100644
--- a/components/doc/inputswitch/importdoc.js
+++ b/components/doc/inputswitch/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/inputswitch/invaliddoc.js b/components/doc/inputswitch/invaliddoc.js
index 37a9c41252..cc2f1eb1cd 100644
--- a/components/doc/inputswitch/invaliddoc.js
+++ b/components/doc/inputswitch/invaliddoc.js
@@ -1,6 +1,6 @@
-import { InputSwitch } from '../../lib/inputswitch/InputSwitch';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { InputSwitch } from '@/components/lib/inputswitch/InputSwitch';
export function InvalidDoc(props) {
const code = {
diff --git a/components/doc/inputswitch/preselectiondoc.js b/components/doc/inputswitch/preselectiondoc.js
index da5497c12e..e116c65616 100644
--- a/components/doc/inputswitch/preselectiondoc.js
+++ b/components/doc/inputswitch/preselectiondoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { InputSwitch } from '@/components/lib/inputswitch/InputSwitch';
import { useState } from 'react';
-import { InputSwitch } from '../../lib/inputswitch/InputSwitch';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function PreselectionDoc(props) {
const [checked, setChecked] = useState(true);
diff --git a/components/doc/inputswitch/pt/ptdoc.js b/components/doc/inputswitch/pt/ptdoc.js
index d3871d212e..54518ef23c 100644
--- a/components/doc/inputswitch/pt/ptdoc.js
+++ b/components/doc/inputswitch/pt/ptdoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { InputSwitch } from '@/components/lib/inputswitch/InputSwitch';
import { useState } from 'react';
-import { InputSwitch } from '../../../lib/inputswitch/InputSwitch';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function PTDoc(props) {
const [checked, setChecked] = useState(false);
diff --git a/components/doc/inputswitch/pt/wireframe.js b/components/doc/inputswitch/pt/wireframe.js
index 671b282086..40bef14774 100644
--- a/components/doc/inputswitch/pt/wireframe.js
+++ b/components/doc/inputswitch/pt/wireframe.js
@@ -1,5 +1,4 @@
-import React from 'react';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export const Wireframe = (props) => {
return (
diff --git a/components/doc/inputswitch/styledoc.js b/components/doc/inputswitch/styledoc.js
index d7b6d181f2..4ff3b3f83b 100644
--- a/components/doc/inputswitch/styledoc.js
+++ b/components/doc/inputswitch/styledoc.js
@@ -1,6 +1,6 @@
import Link from 'next/link';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyleDoc() {
return (
diff --git a/components/doc/inputswitch/theming/styleddoc.js b/components/doc/inputswitch/theming/styleddoc.js
index bc32e88745..b9e8c2370a 100644
--- a/components/doc/inputswitch/theming/styleddoc.js
+++ b/components/doc/inputswitch/theming/styleddoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyledDoc(props) {
return (
diff --git a/components/doc/inputswitch/theming/tailwinddoc.js b/components/doc/inputswitch/theming/tailwinddoc.js
index 373e3aff60..9d9fb746f2 100644
--- a/components/doc/inputswitch/theming/tailwinddoc.js
+++ b/components/doc/inputswitch/theming/tailwinddoc.js
@@ -1,6 +1,6 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function TailwindDoc(props) {
const code = {
diff --git a/components/doc/inputtext/accessibilitydoc.js b/components/doc/inputtext/accessibilitydoc.js
index 5d482e7553..42202cd477 100644
--- a/components/doc/inputtext/accessibilitydoc.js
+++ b/components/doc/inputtext/accessibilitydoc.js
@@ -1,6 +1,6 @@
-import { DevelopmentSection } from '../common/developmentsection';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DevelopmentSection } from '@/components/doc/common/developmentsection';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function AccessibilityDoc() {
const code = {
diff --git a/components/doc/inputtext/basicdoc.js b/components/doc/inputtext/basicdoc.js
index 8abc5e4962..0756ed3739 100644
--- a/components/doc/inputtext/basicdoc.js
+++ b/components/doc/inputtext/basicdoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { InputText } from '@/components/lib/inputtext/InputText';
import { useState } from 'react';
-import { InputText } from '../../lib/inputtext/InputText';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function BasicDoc(props) {
const [value, setValue] = useState('');
diff --git a/components/doc/inputtext/disableddoc.js b/components/doc/inputtext/disableddoc.js
index ee3e40143b..68f38f74d1 100644
--- a/components/doc/inputtext/disableddoc.js
+++ b/components/doc/inputtext/disableddoc.js
@@ -1,6 +1,6 @@
-import { InputText } from '../../lib/inputtext/InputText';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { InputText } from '@/components/lib/inputtext/InputText';
export function DisabledDoc(props) {
const code = {
diff --git a/components/doc/inputtext/floatlabeldoc.js b/components/doc/inputtext/floatlabeldoc.js
index 2985e4e65f..6b7c5dfa4c 100644
--- a/components/doc/inputtext/floatlabeldoc.js
+++ b/components/doc/inputtext/floatlabeldoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { InputText } from '@/components/lib/inputtext/InputText';
import { useState } from 'react';
-import { InputText } from '../../lib/inputtext/InputText';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function FloatLabelDoc(props) {
const [value, setValue] = useState('');
diff --git a/components/doc/inputtext/form/formikdoc.js b/components/doc/inputtext/form/formikdoc.js
index 16b7b98699..12a3679051 100644
--- a/components/doc/inputtext/form/formikdoc.js
+++ b/components/doc/inputtext/form/formikdoc.js
@@ -1,11 +1,11 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { InputText } from '@/components/lib/inputtext/InputText';
+import { Toast } from '@/components/lib/toast/Toast';
+import { classNames } from '@/components/lib/utils/Utils';
import { useFormik } from 'formik';
import { useRef } from 'react';
-import { Button } from '../../../lib/button/Button';
-import { InputText } from '../../../lib/inputtext/InputText';
-import { Toast } from '../../../lib/toast/Toast';
-import { classNames } from '../../../lib/utils/Utils';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function FormikDoc(props) {
const toast = useRef(null);
diff --git a/components/doc/inputtext/form/hookformdoc.js b/components/doc/inputtext/form/hookformdoc.js
index 8ef6d17c41..2d0105d08f 100644
--- a/components/doc/inputtext/form/hookformdoc.js
+++ b/components/doc/inputtext/form/hookformdoc.js
@@ -1,11 +1,11 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { InputText } from '@/components/lib/inputtext/InputText';
+import { Toast } from '@/components/lib/toast/Toast';
+import { classNames } from '@/components/lib/utils/Utils';
import { useRef } from 'react';
import { Controller, useForm } from 'react-hook-form';
-import { Button } from '../../../lib/button/Button';
-import { InputText } from '../../../lib/inputtext/InputText';
-import { Toast } from '../../../lib/toast/Toast';
-import { classNames } from '../../../lib/utils/Utils';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function HookFormDoc(props) {
const toast = useRef(null);
diff --git a/components/doc/inputtext/helptextdoc.js b/components/doc/inputtext/helptextdoc.js
index e699f30d9e..9f1bae36dc 100644
--- a/components/doc/inputtext/helptextdoc.js
+++ b/components/doc/inputtext/helptextdoc.js
@@ -1,6 +1,6 @@
-import { InputText } from '../../lib/inputtext/InputText';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { InputText } from '@/components/lib/inputtext/InputText';
export function HelpTextDoc(props) {
const code = {
diff --git a/components/doc/inputtext/iconsdoc.js b/components/doc/inputtext/iconsdoc.js
index bddd74d7d9..c97b4c941c 100644
--- a/components/doc/inputtext/iconsdoc.js
+++ b/components/doc/inputtext/iconsdoc.js
@@ -1,6 +1,6 @@
-import { InputText } from '../../lib/inputtext/InputText';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { InputText } from '@/components/lib/inputtext/InputText';
export function IconsDoc(props) {
const code = {
diff --git a/components/doc/inputtext/importdoc.js b/components/doc/inputtext/importdoc.js
index e7b1c2518d..e42861d2a6 100644
--- a/components/doc/inputtext/importdoc.js
+++ b/components/doc/inputtext/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/inputtext/invaliddoc.js b/components/doc/inputtext/invaliddoc.js
index 5329a8d9fe..f04ebb97d1 100644
--- a/components/doc/inputtext/invaliddoc.js
+++ b/components/doc/inputtext/invaliddoc.js
@@ -1,6 +1,6 @@
-import { InputText } from '../../lib/inputtext/InputText';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { InputText } from '@/components/lib/inputtext/InputText';
export function InvalidDoc(props) {
const code = {
diff --git a/components/doc/inputtext/keyfilterdoc.js b/components/doc/inputtext/keyfilterdoc.js
index bf390d632d..c4b1111a67 100644
--- a/components/doc/inputtext/keyfilterdoc.js
+++ b/components/doc/inputtext/keyfilterdoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { InputText } from '@/components/lib/inputtext/InputText';
import Link from 'next/link';
-import { InputText } from '../../lib/inputtext/InputText';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function KeyFilterDoc(props) {
const code = {
diff --git a/components/doc/inputtext/pt/ptdoc.js b/components/doc/inputtext/pt/ptdoc.js
index 9ced6af400..00b97c9e8e 100644
--- a/components/doc/inputtext/pt/ptdoc.js
+++ b/components/doc/inputtext/pt/ptdoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { InputText } from '@/components/lib/inputtext/InputText';
import { useState } from 'react';
-import { InputText } from '../../../lib/inputtext/InputText';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function PTDoc(props) {
const [value, setValue] = useState('');
diff --git a/components/doc/inputtext/pt/wireframe.js b/components/doc/inputtext/pt/wireframe.js
index e585d7de30..47b4d3b1cb 100644
--- a/components/doc/inputtext/pt/wireframe.js
+++ b/components/doc/inputtext/pt/wireframe.js
@@ -1,5 +1,4 @@
-import React from 'react';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export const Wireframe = (props) => {
return (
diff --git a/components/doc/inputtext/sizesdoc.js b/components/doc/inputtext/sizesdoc.js
index 83c7f37a44..9bb4e8f45f 100644
--- a/components/doc/inputtext/sizesdoc.js
+++ b/components/doc/inputtext/sizesdoc.js
@@ -1,6 +1,6 @@
-import { InputText } from '../../lib/inputtext/InputText';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { InputText } from '@/components/lib/inputtext/InputText';
export function SizesDoc(props) {
const code = {
diff --git a/components/doc/inputtext/styledoc.js b/components/doc/inputtext/styledoc.js
index 0650babdb4..faf0b5dbc1 100644
--- a/components/doc/inputtext/styledoc.js
+++ b/components/doc/inputtext/styledoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
export function StyleDoc() {
diff --git a/components/doc/inputtext/theming/styleddoc.js b/components/doc/inputtext/theming/styleddoc.js
index ac8a081148..cd177ce72f 100644
--- a/components/doc/inputtext/theming/styleddoc.js
+++ b/components/doc/inputtext/theming/styleddoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyledDoc(props) {
return (
diff --git a/components/doc/inputtext/theming/tailwinddoc.js b/components/doc/inputtext/theming/tailwinddoc.js
index 13611d4206..db48398a7d 100644
--- a/components/doc/inputtext/theming/tailwinddoc.js
+++ b/components/doc/inputtext/theming/tailwinddoc.js
@@ -1,6 +1,6 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function TailwindDoc(props) {
const code = {
diff --git a/components/doc/inputtextarea/accessibilitydoc.js b/components/doc/inputtextarea/accessibilitydoc.js
index 0ae4e7db6f..41a782f824 100644
--- a/components/doc/inputtextarea/accessibilitydoc.js
+++ b/components/doc/inputtextarea/accessibilitydoc.js
@@ -1,6 +1,6 @@
-import { DevelopmentSection } from '../common/developmentsection';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DevelopmentSection } from '@/components/doc/common/developmentsection';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function AccessibilityDoc() {
const code = {
diff --git a/components/doc/inputtextarea/autoresizedoc.js b/components/doc/inputtextarea/autoresizedoc.js
index d77af21ab8..7e69a4afed 100644
--- a/components/doc/inputtextarea/autoresizedoc.js
+++ b/components/doc/inputtextarea/autoresizedoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { InputTextarea } from '@/components/lib/inputtextarea/InputTextarea';
import { useState } from 'react';
-import { InputTextarea } from '../../lib/inputtextarea/InputTextarea';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function AutoResizeDoc(props) {
const [value, setValue] = useState('');
diff --git a/components/doc/inputtextarea/basicdoc.js b/components/doc/inputtextarea/basicdoc.js
index 544783c983..4f8b2b0a7c 100644
--- a/components/doc/inputtextarea/basicdoc.js
+++ b/components/doc/inputtextarea/basicdoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { InputTextarea } from '@/components/lib/inputtextarea/InputTextarea';
import { useState } from 'react';
-import { InputTextarea } from '../../lib/inputtextarea/InputTextarea';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function BasicDoc(props) {
const [value, setValue] = useState('');
diff --git a/components/doc/inputtextarea/disableddoc.js b/components/doc/inputtextarea/disableddoc.js
index a1813b7367..aa3e6a4419 100644
--- a/components/doc/inputtextarea/disableddoc.js
+++ b/components/doc/inputtextarea/disableddoc.js
@@ -1,6 +1,6 @@
-import { InputTextarea } from '../../lib/inputtextarea/InputTextarea';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { InputTextarea } from '@/components/lib/inputtextarea/InputTextarea';
export function DisabledDoc(props) {
const code = {
diff --git a/components/doc/inputtextarea/floatlabeldoc.js b/components/doc/inputtextarea/floatlabeldoc.js
index b807be52aa..78ba082084 100644
--- a/components/doc/inputtextarea/floatlabeldoc.js
+++ b/components/doc/inputtextarea/floatlabeldoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { InputTextarea } from '@/components/lib/inputtextarea/InputTextarea';
import { useState } from 'react';
-import { InputTextarea } from '../../lib/inputtextarea/InputTextarea';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function FloatLabelDoc(props) {
const [value, setValue] = useState('');
diff --git a/components/doc/inputtextarea/form/formikdoc.js b/components/doc/inputtextarea/form/formikdoc.js
index 6a5fdd8d99..7ed8af435e 100644
--- a/components/doc/inputtextarea/form/formikdoc.js
+++ b/components/doc/inputtextarea/form/formikdoc.js
@@ -1,11 +1,11 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { InputTextarea } from '@/components/lib/inputtextarea/InputTextarea';
+import { Toast } from '@/components/lib/toast/Toast';
+import { classNames } from '@/components/lib/utils/Utils';
import { useFormik } from 'formik';
import { useRef } from 'react';
-import { Button } from '../../../lib/button/Button';
-import { InputTextarea } from '../../../lib/inputtextarea/InputTextarea';
-import { Toast } from '../../../lib/toast/Toast';
-import { classNames } from '../../../lib/utils/Utils';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function FormikDoc(props) {
const toast = useRef(null);
diff --git a/components/doc/inputtextarea/form/hookformdoc.js b/components/doc/inputtextarea/form/hookformdoc.js
index 336ef1043c..01b3775803 100644
--- a/components/doc/inputtextarea/form/hookformdoc.js
+++ b/components/doc/inputtextarea/form/hookformdoc.js
@@ -1,11 +1,11 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { InputTextarea } from '@/components/lib/inputtextarea/InputTextarea';
+import { Toast } from '@/components/lib/toast/Toast';
+import { classNames } from '@/components/lib/utils/Utils';
import { useRef } from 'react';
import { Controller, useForm } from 'react-hook-form';
-import { Button } from '../../../lib/button/Button';
-import { InputTextarea } from '../../../lib/inputtextarea/InputTextarea';
-import { Toast } from '../../../lib/toast/Toast';
-import { classNames } from '../../../lib/utils/Utils';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function HookFormDoc(props) {
const toast = useRef(null);
diff --git a/components/doc/inputtextarea/importdoc.js b/components/doc/inputtextarea/importdoc.js
index b427fc12a1..211c90af6b 100644
--- a/components/doc/inputtextarea/importdoc.js
+++ b/components/doc/inputtextarea/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/inputtextarea/invaliddoc.js b/components/doc/inputtextarea/invaliddoc.js
index d82d494c52..6a0c18828c 100644
--- a/components/doc/inputtextarea/invaliddoc.js
+++ b/components/doc/inputtextarea/invaliddoc.js
@@ -1,6 +1,6 @@
-import { InputTextarea } from '../../lib/inputtextarea/InputTextarea';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { InputTextarea } from '@/components/lib/inputtextarea/InputTextarea';
export function InvalidDoc(props) {
const code = {
diff --git a/components/doc/inputtextarea/keyfilterdoc.js b/components/doc/inputtextarea/keyfilterdoc.js
index 1a699f5b80..6153ace147 100644
--- a/components/doc/inputtextarea/keyfilterdoc.js
+++ b/components/doc/inputtextarea/keyfilterdoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { InputTextarea } from '@/components/lib/inputtextarea/InputTextarea';
import Link from 'next/link';
-import { InputTextarea } from '../../lib/inputtextarea/InputTextarea';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function KeyFilterDoc(props) {
const code = {
diff --git a/components/doc/inputtextarea/pt/ptdoc.js b/components/doc/inputtextarea/pt/ptdoc.js
index c36251ef71..a7d006f0f0 100644
--- a/components/doc/inputtextarea/pt/ptdoc.js
+++ b/components/doc/inputtextarea/pt/ptdoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { InputTextarea } from '@/components/lib/inputtextarea/InputTextarea';
import { useState } from 'react';
-import { InputTextarea } from '../../../lib/inputtextarea/InputTextarea';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function PTDoc(props) {
const [value, setValue] = useState('');
diff --git a/components/doc/inputtextarea/pt/wireframe.js b/components/doc/inputtextarea/pt/wireframe.js
index 2c1d532960..f34df6cc9a 100644
--- a/components/doc/inputtextarea/pt/wireframe.js
+++ b/components/doc/inputtextarea/pt/wireframe.js
@@ -1,5 +1,4 @@
-import React from 'react';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export const Wireframe = (props) => {
return (
diff --git a/components/doc/inputtextarea/styledoc.js b/components/doc/inputtextarea/styledoc.js
index e1607fd4c8..e07b161d8c 100644
--- a/components/doc/inputtextarea/styledoc.js
+++ b/components/doc/inputtextarea/styledoc.js
@@ -1,5 +1,5 @@
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionText } from '../common/docsectiontext';
export function StyleDoc() {
return (
diff --git a/components/doc/inputtextarea/theming/styleddoc.js b/components/doc/inputtextarea/theming/styleddoc.js
index decff4b0fe..90934bd41d 100644
--- a/components/doc/inputtextarea/theming/styleddoc.js
+++ b/components/doc/inputtextarea/theming/styleddoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyledDoc(props) {
return (
diff --git a/components/doc/inputtextarea/theming/tailwinddoc.js b/components/doc/inputtextarea/theming/tailwinddoc.js
index 911db2bc61..d8e7936985 100644
--- a/components/doc/inputtextarea/theming/tailwinddoc.js
+++ b/components/doc/inputtextarea/theming/tailwinddoc.js
@@ -1,6 +1,6 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function TailwindDoc(props) {
const code = {
diff --git a/components/doc/installation/context.js b/components/doc/installation/context.js
index 6366026cf1..e8e2f262af 100644
--- a/components/doc/installation/context.js
+++ b/components/doc/installation/context.js
@@ -1,5 +1,5 @@
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ContextDoc(props) {
const code = {
diff --git a/components/doc/installation/downloaddoc.js b/components/doc/installation/downloaddoc.js
index 6d56bea4e2..3119c44c5a 100644
--- a/components/doc/installation/downloaddoc.js
+++ b/components/doc/installation/downloaddoc.js
@@ -1,5 +1,5 @@
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function DownloadDoc(props) {
const code = {
diff --git a/components/doc/installation/examplesdoc.js b/components/doc/installation/examplesdoc.js
index ad75ff506e..33a65aebb4 100644
--- a/components/doc/installation/examplesdoc.js
+++ b/components/doc/installation/examplesdoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ExamplesDoc(props) {
return (
diff --git a/components/doc/installation/styleddoc.js b/components/doc/installation/styleddoc.js
index 07d6234078..8c5d6f2c39 100644
--- a/components/doc/installation/styleddoc.js
+++ b/components/doc/installation/styleddoc.js
@@ -1,6 +1,6 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function StyledModeDoc(props) {
const code2 = {
diff --git a/components/doc/installation/stylesdoc.js b/components/doc/installation/stylesdoc.js
index 1724527845..ba95755765 100644
--- a/components/doc/installation/stylesdoc.js
+++ b/components/doc/installation/stylesdoc.js
@@ -1,6 +1,6 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function StylesDoc(props) {
const code1 = {
diff --git a/components/doc/installation/unstyledmodedoc.js b/components/doc/installation/unstyledmodedoc.js
index f14e5e78ef..3321e9c5dd 100644
--- a/components/doc/installation/unstyledmodedoc.js
+++ b/components/doc/installation/unstyledmodedoc.js
@@ -1,6 +1,6 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function UnstyledModeDoc(props) {
const code = {
diff --git a/components/doc/installation/usagedoc.js b/components/doc/installation/usagedoc.js
index eba60af273..b0ae66bba6 100644
--- a/components/doc/installation/usagedoc.js
+++ b/components/doc/installation/usagedoc.js
@@ -1,6 +1,6 @@
-import { Button } from '../../lib/button/Button';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
export function UsageDoc(props) {
const code = {
diff --git a/components/doc/installation/videos/cradoc.js b/components/doc/installation/videos/cradoc.js
index 1d1df8e620..9060525a4e 100644
--- a/components/doc/installation/videos/cradoc.js
+++ b/components/doc/installation/videos/cradoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function CRADoc(props) {
return (
diff --git a/components/doc/installation/videos/nextjsdoc.js b/components/doc/installation/videos/nextjsdoc.js
index 6af0499b67..a746d4278c 100644
--- a/components/doc/installation/videos/nextjsdoc.js
+++ b/components/doc/installation/videos/nextjsdoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function NextJSDoc(props) {
return (
diff --git a/components/doc/keyfilter/accessibilitydoc.js b/components/doc/keyfilter/accessibilitydoc.js
index 7f9fa8dbeb..58ca7fa366 100644
--- a/components/doc/keyfilter/accessibilitydoc.js
+++ b/components/doc/keyfilter/accessibilitydoc.js
@@ -1,6 +1,6 @@
+import { DevelopmentSection } from '@/components/doc/common/developmentsection';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionText } from '../common/docsectiontext';
-import { DevelopmentSection } from '../common/developmentsection';
export function AccessibilityDoc() {
return (
diff --git a/components/doc/keyfilter/importdoc.js b/components/doc/keyfilter/importdoc.js
index e7b1c2518d..e42861d2a6 100644
--- a/components/doc/keyfilter/importdoc.js
+++ b/components/doc/keyfilter/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/keyfilter/presetsdoc.js b/components/doc/keyfilter/presetsdoc.js
index 37b4e92575..13d519d0d6 100644
--- a/components/doc/keyfilter/presetsdoc.js
+++ b/components/doc/keyfilter/presetsdoc.js
@@ -1,6 +1,6 @@
-import { InputText } from '../../lib/inputtext/InputText';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { InputText } from '@/components/lib/inputtext/InputText';
export function PresetsDoc(props) {
const code = {
diff --git a/components/doc/keyfilter/regexdoc.js b/components/doc/keyfilter/regexdoc.js
index 38513e0c5f..a21d8b9ec3 100644
--- a/components/doc/keyfilter/regexdoc.js
+++ b/components/doc/keyfilter/regexdoc.js
@@ -1,6 +1,6 @@
-import { InputText } from '../../lib/inputtext/InputText';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { InputText } from '@/components/lib/inputtext/InputText';
export function RegexDoc(props) {
const code = {
diff --git a/components/doc/keyfilter/regexworddoc.js b/components/doc/keyfilter/regexworddoc.js
index 7934eaf82b..f6501046cc 100644
--- a/components/doc/keyfilter/regexworddoc.js
+++ b/components/doc/keyfilter/regexworddoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { InputText } from '@/components/lib/inputtext/InputText';
import { useState } from 'react';
-import { InputText } from '../../lib/inputtext/InputText';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function RegexWordDoc(props) {
const [prevValue, setPrevValue] = useState('');
diff --git a/components/doc/knob/accessibilitydoc.js b/components/doc/knob/accessibilitydoc.js
index c8865334ce..bf9d181319 100644
--- a/components/doc/knob/accessibilitydoc.js
+++ b/components/doc/knob/accessibilitydoc.js
@@ -1,6 +1,6 @@
-import { DevelopmentSection } from '../common/developmentsection';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DevelopmentSection } from '@/components/doc/common/developmentsection';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function AccessibilityDoc() {
const code = {
diff --git a/components/doc/knob/basicdoc.js b/components/doc/knob/basicdoc.js
index 5a7a3a10ab..166b287783 100644
--- a/components/doc/knob/basicdoc.js
+++ b/components/doc/knob/basicdoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Knob } from '@/components/lib/knob/Knob';
import { useState } from 'react';
-import { Knob } from '../../lib/knob/Knob';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function BasicDoc(props) {
const [value, setValue] = useState(0);
diff --git a/components/doc/knob/colordoc.js b/components/doc/knob/colordoc.js
index e9e2e5a992..f38b6cbed1 100644
--- a/components/doc/knob/colordoc.js
+++ b/components/doc/knob/colordoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Knob } from '@/components/lib/knob/Knob';
import { useState } from 'react';
-import { Knob } from '../../lib/knob/Knob';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function ColorDoc(props) {
const [value, setValue] = useState(75);
diff --git a/components/doc/knob/disableddoc.js b/components/doc/knob/disableddoc.js
index 0f21e00867..fdbefe9447 100644
--- a/components/doc/knob/disableddoc.js
+++ b/components/doc/knob/disableddoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Knob } from '@/components/lib/knob/Knob';
import { useState } from 'react';
-import { Knob } from '../../lib/knob/Knob';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function DisabledDoc(props) {
const [value, setValue] = useState(75);
diff --git a/components/doc/knob/form/formikdoc.js b/components/doc/knob/form/formikdoc.js
index e05e655b56..ebbad90e2c 100644
--- a/components/doc/knob/form/formikdoc.js
+++ b/components/doc/knob/form/formikdoc.js
@@ -1,10 +1,10 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { Knob } from '@/components/lib/knob/Knob';
+import { Toast } from '@/components/lib/toast/Toast';
import { useFormik } from 'formik';
import { useRef } from 'react';
-import { Button } from '../../../lib/button/Button';
-import { Knob } from '../../../lib/knob/Knob';
-import { Toast } from '../../../lib/toast/Toast';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function FormikDoc(props) {
const toast = useRef(null);
diff --git a/components/doc/knob/form/hookformdoc.js b/components/doc/knob/form/hookformdoc.js
index f541d06e35..80443de9f8 100644
--- a/components/doc/knob/form/hookformdoc.js
+++ b/components/doc/knob/form/hookformdoc.js
@@ -1,10 +1,10 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { Knob } from '@/components/lib/knob/Knob';
+import { Toast } from '@/components/lib/toast/Toast';
import { useRef } from 'react';
-import { useForm, Controller } from 'react-hook-form';
-import { DocSectionText } from '../../common/docsectiontext';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { Button } from '../../../lib/button/Button';
-import { Toast } from '../../../lib/toast/Toast';
-import { Knob } from '../../../lib/knob/Knob';
+import { Controller, useForm } from 'react-hook-form';
export function HookFormDoc(props) {
const toast = useRef(null);
diff --git a/components/doc/knob/importdoc.js b/components/doc/knob/importdoc.js
index 28d0501596..7e39914778 100644
--- a/components/doc/knob/importdoc.js
+++ b/components/doc/knob/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/knob/minmaxdoc.js b/components/doc/knob/minmaxdoc.js
index 25e5881ad4..da17e4325d 100644
--- a/components/doc/knob/minmaxdoc.js
+++ b/components/doc/knob/minmaxdoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Knob } from '@/components/lib/knob/Knob';
import { useState } from 'react';
-import { Knob } from '../../lib/knob/Knob';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function MinMaxDoc(props) {
const [value, setValue] = useState(10);
diff --git a/components/doc/knob/pt/ptdoc.js b/components/doc/knob/pt/ptdoc.js
index f3f73f5e01..745e11ebdb 100644
--- a/components/doc/knob/pt/ptdoc.js
+++ b/components/doc/knob/pt/ptdoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Knob } from '@/components/lib/knob/Knob';
import { useState } from 'react';
-import { Knob } from '../../../lib/knob/Knob';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function PTDoc(props) {
const [value, setValue] = useState(0);
diff --git a/components/doc/knob/pt/wireframe.js b/components/doc/knob/pt/wireframe.js
index 047e8c4e20..a448fdb5e0 100644
--- a/components/doc/knob/pt/wireframe.js
+++ b/components/doc/knob/pt/wireframe.js
@@ -1,5 +1,4 @@
-import React from 'react';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export const Wireframe = (props) => {
return (
diff --git a/components/doc/knob/reactivedoc.js b/components/doc/knob/reactivedoc.js
index 2dc8e42c20..94c56ed305 100644
--- a/components/doc/knob/reactivedoc.js
+++ b/components/doc/knob/reactivedoc.js
@@ -1,8 +1,8 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { Knob } from '@/components/lib/knob/Knob';
import { useState } from 'react';
-import { Button } from '../../lib/button/Button';
-import { Knob } from '../../lib/knob/Knob';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function ReactiveDoc(props) {
const [value, setValue] = useState(0);
diff --git a/components/doc/knob/readonlydoc.js b/components/doc/knob/readonlydoc.js
index 7ff7c9c1d8..445d661845 100644
--- a/components/doc/knob/readonlydoc.js
+++ b/components/doc/knob/readonlydoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Knob } from '@/components/lib/knob/Knob';
import { useState } from 'react';
-import { Knob } from '../../lib/knob/Knob';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function ReadOnlyDoc(props) {
const [value, setValue] = useState(50);
diff --git a/components/doc/knob/sizedoc.js b/components/doc/knob/sizedoc.js
index 2e919ab659..6c299b47e5 100644
--- a/components/doc/knob/sizedoc.js
+++ b/components/doc/knob/sizedoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Knob } from '@/components/lib/knob/Knob';
import { useState } from 'react';
-import { Knob } from '../../lib/knob/Knob';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function SizeDoc(props) {
const [value, setValue] = useState(60);
diff --git a/components/doc/knob/stepdoc.js b/components/doc/knob/stepdoc.js
index 2683ade157..c0ff5b5816 100644
--- a/components/doc/knob/stepdoc.js
+++ b/components/doc/knob/stepdoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Knob } from '@/components/lib/knob/Knob';
import { useState } from 'react';
-import { Knob } from '../../lib/knob/Knob';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function StepDoc(props) {
const [value, setValue] = useState(10);
diff --git a/components/doc/knob/strokedoc.js b/components/doc/knob/strokedoc.js
index 7a2cc5c2d0..11a2fe0e79 100644
--- a/components/doc/knob/strokedoc.js
+++ b/components/doc/knob/strokedoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Knob } from '@/components/lib/knob/Knob';
import { useState } from 'react';
-import { Knob } from '../../lib/knob/Knob';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function StrokeDoc(props) {
const [value, setValue] = useState(40);
diff --git a/components/doc/knob/styledoc.js b/components/doc/knob/styledoc.js
index 2ae11e2cc9..6f53112f8f 100644
--- a/components/doc/knob/styledoc.js
+++ b/components/doc/knob/styledoc.js
@@ -1,6 +1,6 @@
import Link from 'next/link';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyleDoc() {
return (
diff --git a/components/doc/knob/templatedoc.js b/components/doc/knob/templatedoc.js
index 878f91e871..cad1ce4a36 100644
--- a/components/doc/knob/templatedoc.js
+++ b/components/doc/knob/templatedoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Knob } from '@/components/lib/knob/Knob';
import { useState } from 'react';
-import { Knob } from '../../lib/knob/Knob';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function TemplateDoc(props) {
const [value, setValue] = useState(60);
diff --git a/components/doc/knob/theming/styleddoc.js b/components/doc/knob/theming/styleddoc.js
index 7516328239..f5a042a84e 100644
--- a/components/doc/knob/theming/styleddoc.js
+++ b/components/doc/knob/theming/styleddoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyledDoc(props) {
return (
diff --git a/components/doc/knob/theming/tailwinddoc.js b/components/doc/knob/theming/tailwinddoc.js
index 877d89063f..67020b4c86 100644
--- a/components/doc/knob/theming/tailwinddoc.js
+++ b/components/doc/knob/theming/tailwinddoc.js
@@ -1,6 +1,6 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function TailwindDoc(props) {
const code = {
diff --git a/components/doc/listbox/accessibilitydoc.js b/components/doc/listbox/accessibilitydoc.js
index 1e5be89795..cdb2a16496 100644
--- a/components/doc/listbox/accessibilitydoc.js
+++ b/components/doc/listbox/accessibilitydoc.js
@@ -1,6 +1,6 @@
-import { DevelopmentSection } from '../common/developmentsection';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DevelopmentSection } from '@/components/doc/common/developmentsection';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function AccessibilityDoc() {
const code = {
diff --git a/components/doc/listbox/basicdoc.js b/components/doc/listbox/basicdoc.js
index 7f2a64024e..016aa777f8 100644
--- a/components/doc/listbox/basicdoc.js
+++ b/components/doc/listbox/basicdoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { ListBox } from '@/components/lib/listbox/ListBox';
import { useState } from 'react';
-import { ListBox } from '../../lib/listbox/ListBox';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function BasicDoc(props) {
const [selectedCity, setSelectedCity] = useState(null);
diff --git a/components/doc/listbox/disableddoc.js b/components/doc/listbox/disableddoc.js
index 1cbe7c6752..d628821be9 100644
--- a/components/doc/listbox/disableddoc.js
+++ b/components/doc/listbox/disableddoc.js
@@ -1,6 +1,6 @@
-import { ListBox } from '../../lib/listbox/ListBox';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { ListBox } from '@/components/lib/listbox/ListBox';
export function DisabledDoc(props) {
const cities = [
diff --git a/components/doc/listbox/filterdoc.js b/components/doc/listbox/filterdoc.js
index f992d9cb78..3a491b77ef 100644
--- a/components/doc/listbox/filterdoc.js
+++ b/components/doc/listbox/filterdoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { ListBox } from '@/components/lib/listbox/ListBox';
import { useState } from 'react';
-import { ListBox } from '../../lib/listbox/ListBox';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function FilterDoc(props) {
const [selectedCity, setSelectedCity] = useState(null);
diff --git a/components/doc/listbox/form/formikdoc.js b/components/doc/listbox/form/formikdoc.js
index 1031fb52c5..88e89a5a64 100644
--- a/components/doc/listbox/form/formikdoc.js
+++ b/components/doc/listbox/form/formikdoc.js
@@ -1,10 +1,10 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { ListBox } from '@/components/lib/listbox/ListBox';
+import { Toast } from '@/components/lib/toast/Toast';
import { useFormik } from 'formik';
import { useRef } from 'react';
-import { Button } from '../../../lib/button/Button';
-import { ListBox } from '../../../lib/listbox/ListBox';
-import { Toast } from '../../../lib/toast/Toast';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function FormikDoc(props) {
const toast = useRef(null);
diff --git a/components/doc/listbox/form/hookformdoc.js b/components/doc/listbox/form/hookformdoc.js
index 08f385c1e9..5e6dd45f60 100644
--- a/components/doc/listbox/form/hookformdoc.js
+++ b/components/doc/listbox/form/hookformdoc.js
@@ -1,10 +1,10 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { ListBox } from '@/components/lib/listbox/ListBox';
+import { Toast } from '@/components/lib/toast/Toast';
import { useRef } from 'react';
import { Controller, useForm } from 'react-hook-form';
-import { Button } from '../../../lib/button/Button';
-import { ListBox } from '../../../lib/listbox/ListBox';
-import { Toast } from '../../../lib/toast/Toast';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function HookFormDoc(props) {
const toast = useRef(null);
diff --git a/components/doc/listbox/groupdoc.js b/components/doc/listbox/groupdoc.js
index be610c6fc5..80f92234b9 100644
--- a/components/doc/listbox/groupdoc.js
+++ b/components/doc/listbox/groupdoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { ListBox } from '@/components/lib/listbox/ListBox';
import { useState } from 'react';
-import { ListBox } from '../../lib/listbox/ListBox';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function GroupDoc(props) {
const [selectedCity, setSelectedCity] = useState(null);
diff --git a/components/doc/listbox/importdoc.js b/components/doc/listbox/importdoc.js
index 6ffdc909c7..5bdbfc0693 100644
--- a/components/doc/listbox/importdoc.js
+++ b/components/doc/listbox/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/listbox/invaliddoc.js b/components/doc/listbox/invaliddoc.js
index d5fdccdf72..03426ea082 100644
--- a/components/doc/listbox/invaliddoc.js
+++ b/components/doc/listbox/invaliddoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { ListBox } from '@/components/lib/listbox/ListBox';
import { useState } from 'react';
-import { ListBox } from '../../lib/listbox/ListBox';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function InvalidDoc(props) {
const [selectedCity, setSelectedCity] = useState(null);
diff --git a/components/doc/listbox/multipledoc.js b/components/doc/listbox/multipledoc.js
index a6389cf901..7a9eaf7289 100644
--- a/components/doc/listbox/multipledoc.js
+++ b/components/doc/listbox/multipledoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { ListBox } from '@/components/lib/listbox/ListBox';
import { useState } from 'react';
-import { ListBox } from '../../lib/listbox/ListBox';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function MultipleDoc(props) {
const [selectedCities, setSelectedCities] = useState(null);
diff --git a/components/doc/listbox/pt/ptdoc.js b/components/doc/listbox/pt/ptdoc.js
index d0163dcfb6..e213c2cfca 100644
--- a/components/doc/listbox/pt/ptdoc.js
+++ b/components/doc/listbox/pt/ptdoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { ListBox } from '@/components/lib/listbox/ListBox';
import { useState } from 'react';
-import { ListBox } from '../../../lib/listbox/ListBox';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function PTDoc(props) {
const [selectedCity, setSelectedCity] = useState(null);
diff --git a/components/doc/listbox/pt/wireframe.js b/components/doc/listbox/pt/wireframe.js
index 03d5a451af..985f56f54c 100644
--- a/components/doc/listbox/pt/wireframe.js
+++ b/components/doc/listbox/pt/wireframe.js
@@ -1,5 +1,4 @@
-import React from 'react';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export const Wireframe = (props) => {
return (
diff --git a/components/doc/listbox/styledoc.js b/components/doc/listbox/styledoc.js
index 3659f3de02..2065f4b732 100644
--- a/components/doc/listbox/styledoc.js
+++ b/components/doc/listbox/styledoc.js
@@ -1,6 +1,6 @@
import Link from 'next/link';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyleDoc() {
return (
diff --git a/components/doc/listbox/templatedoc.js b/components/doc/listbox/templatedoc.js
index 242c86bf30..ced56d5169 100644
--- a/components/doc/listbox/templatedoc.js
+++ b/components/doc/listbox/templatedoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { ListBox } from '@/components/lib/listbox/ListBox';
import { useState } from 'react';
-import { ListBox } from '../../lib/listbox/ListBox';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function TemplateDoc(props) {
const [selectedCountry, setSelectedCountry] = useState(null);
diff --git a/components/doc/listbox/theming/styleddoc.js b/components/doc/listbox/theming/styleddoc.js
index 0bb7e6bd7f..81e7aff59a 100644
--- a/components/doc/listbox/theming/styleddoc.js
+++ b/components/doc/listbox/theming/styleddoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyledDoc(props) {
return (
diff --git a/components/doc/listbox/theming/tailwinddoc.js b/components/doc/listbox/theming/tailwinddoc.js
index ba7771c71b..d45b29ba23 100644
--- a/components/doc/listbox/theming/tailwinddoc.js
+++ b/components/doc/listbox/theming/tailwinddoc.js
@@ -1,6 +1,6 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function TailwindDoc(props) {
const code = {
diff --git a/components/doc/listbox/virtualscrolldoc.js b/components/doc/listbox/virtualscrolldoc.js
index 29a2692560..587f467c5f 100644
--- a/components/doc/listbox/virtualscrolldoc.js
+++ b/components/doc/listbox/virtualscrolldoc.js
@@ -1,8 +1,8 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { ListBox } from '@/components/lib/listbox/ListBox';
import Link from 'next/link';
import { useState } from 'react';
-import { ListBox } from '../../lib/listbox/ListBox';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function VirtualScrollDoc(props) {
const [selectedItem, setSelectedItem] = useState(null);
diff --git a/components/doc/megamenu/accessibilitydoc.js b/components/doc/megamenu/accessibilitydoc.js
index 027db1e1ae..701ee84dda 100644
--- a/components/doc/megamenu/accessibilitydoc.js
+++ b/components/doc/megamenu/accessibilitydoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DevelopmentSection } from '../common/developmentsection';
+import { DevelopmentSection } from '@/components/doc/common/developmentsection';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function AccessibilityDoc() {
return (
diff --git a/components/doc/megamenu/basicdoc.js b/components/doc/megamenu/basicdoc.js
index 14bc038265..a71675bb76 100644
--- a/components/doc/megamenu/basicdoc.js
+++ b/components/doc/megamenu/basicdoc.js
@@ -1,6 +1,6 @@
-import { MegaMenu } from '../../lib/megamenu/MegaMenu';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { MegaMenu } from '@/components/lib/megamenu/MegaMenu';
export function BasicDoc(props) {
const items = [
diff --git a/components/doc/megamenu/importdoc.js b/components/doc/megamenu/importdoc.js
index 1896ceec40..60736b9dbe 100644
--- a/components/doc/megamenu/importdoc.js
+++ b/components/doc/megamenu/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/megamenu/pt/ptdoc.js b/components/doc/megamenu/pt/ptdoc.js
index fdbcdc96c7..18ca8c38e6 100644
--- a/components/doc/megamenu/pt/ptdoc.js
+++ b/components/doc/megamenu/pt/ptdoc.js
@@ -1,6 +1,6 @@
-import { MegaMenu } from '../../../lib/megamenu/MegaMenu';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { MegaMenu } from '@/components/lib/megamenu/MegaMenu';
export function PTDoc(props) {
const items = [
diff --git a/components/doc/megamenu/pt/wireframe.js b/components/doc/megamenu/pt/wireframe.js
index 9810be4468..446010f1a4 100644
--- a/components/doc/megamenu/pt/wireframe.js
+++ b/components/doc/megamenu/pt/wireframe.js
@@ -1,5 +1,4 @@
-import React from 'react';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export const Wireframe = (props) => {
return (
diff --git a/components/doc/megamenu/styledoc.js b/components/doc/megamenu/styledoc.js
index 001ca3b3b8..b4df6bc183 100644
--- a/components/doc/megamenu/styledoc.js
+++ b/components/doc/megamenu/styledoc.js
@@ -1,6 +1,6 @@
import Link from 'next/link';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyleDoc() {
return (
diff --git a/components/doc/megamenu/templatedoc.js b/components/doc/megamenu/templatedoc.js
index e2290f877d..1038adbef7 100644
--- a/components/doc/megamenu/templatedoc.js
+++ b/components/doc/megamenu/templatedoc.js
@@ -1,7 +1,7 @@
-import { InputText } from '../../lib/inputtext/InputText';
-import { MegaMenu } from '../../lib/megamenu/MegaMenu';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { InputText } from '@/components/lib/inputtext/InputText';
+import { MegaMenu } from '@/components/lib/megamenu/MegaMenu';
export function TemplateDoc(props) {
const items = [
diff --git a/components/doc/megamenu/theming/styleddoc.js b/components/doc/megamenu/theming/styleddoc.js
index 94d6f27cfc..7955ab69db 100644
--- a/components/doc/megamenu/theming/styleddoc.js
+++ b/components/doc/megamenu/theming/styleddoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyledDoc(props) {
return (
diff --git a/components/doc/megamenu/theming/tailwinddoc.js b/components/doc/megamenu/theming/tailwinddoc.js
index 7aa8d80c20..8cd444fe8b 100644
--- a/components/doc/megamenu/theming/tailwinddoc.js
+++ b/components/doc/megamenu/theming/tailwinddoc.js
@@ -1,6 +1,6 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function TailwindDoc(props) {
const code = {
diff --git a/components/doc/megamenu/verticaldoc.js b/components/doc/megamenu/verticaldoc.js
index 9dc20f5c12..8159b063a9 100644
--- a/components/doc/megamenu/verticaldoc.js
+++ b/components/doc/megamenu/verticaldoc.js
@@ -1,6 +1,6 @@
-import { MegaMenu } from '../../lib/megamenu/MegaMenu';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { MegaMenu } from '@/components/lib/megamenu/MegaMenu';
export function VerticalDoc(props) {
const items = [
diff --git a/components/doc/mention/accessibilitydoc.js b/components/doc/mention/accessibilitydoc.js
index 91b3a12dce..b62986f9ad 100644
--- a/components/doc/mention/accessibilitydoc.js
+++ b/components/doc/mention/accessibilitydoc.js
@@ -1,6 +1,6 @@
-import { DevelopmentSection } from '../common/developmentsection';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DevelopmentSection } from '@/components/doc/common/developmentsection';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function AccessibilityDoc() {
const code = {
diff --git a/components/doc/mention/autoresizedoc.js b/components/doc/mention/autoresizedoc.js
index b1d97f370c..bae1d0cd12 100644
--- a/components/doc/mention/autoresizedoc.js
+++ b/components/doc/mention/autoresizedoc.js
@@ -1,9 +1,9 @@
/* eslint-disable react-hooks/exhaustive-deps */
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Mention } from '@/components/lib/mention/Mention';
import { useEffect, useState } from 'react';
import { CustomerService } from '../../../service/CustomerService';
-import { Mention } from '../../lib/mention/Mention';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function AutoResizeDoc(props) {
const [value, setValue] = useState('');
diff --git a/components/doc/mention/basicdoc.js b/components/doc/mention/basicdoc.js
index e2db4da583..56279b45cf 100644
--- a/components/doc/mention/basicdoc.js
+++ b/components/doc/mention/basicdoc.js
@@ -1,9 +1,9 @@
/* eslint-disable react-hooks/exhaustive-deps */
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Mention } from '@/components/lib/mention/Mention';
import { useEffect, useState } from 'react';
import { CustomerService } from '../../../service/CustomerService';
-import { Mention } from '../../lib/mention/Mention';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function BasicDoc(props) {
const [value, setValue] = useState('');
diff --git a/components/doc/mention/disableddoc.js b/components/doc/mention/disableddoc.js
index 20245d9297..d5d3ed1452 100644
--- a/components/doc/mention/disableddoc.js
+++ b/components/doc/mention/disableddoc.js
@@ -1,6 +1,6 @@
-import { Mention } from '../../lib/mention/Mention';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Mention } from '@/components/lib/mention/Mention';
export function DisabledDoc(props) {
const code = {
diff --git a/components/doc/mention/floatlabeldoc.js b/components/doc/mention/floatlabeldoc.js
index b4338104c9..2a2a9f6ffc 100644
--- a/components/doc/mention/floatlabeldoc.js
+++ b/components/doc/mention/floatlabeldoc.js
@@ -1,9 +1,9 @@
/* eslint-disable react-hooks/exhaustive-deps */
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Mention } from '@/components/lib/mention/Mention';
import { useEffect, useState } from 'react';
import { CustomerService } from '../../../service/CustomerService';
-import { Mention } from '../../lib/mention/Mention';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function FloatLabelDoc(props) {
const [value, setValue] = useState('');
diff --git a/components/doc/mention/form/formikdoc.js b/components/doc/mention/form/formikdoc.js
index 154f46ff2d..fca163f9cb 100644
--- a/components/doc/mention/form/formikdoc.js
+++ b/components/doc/mention/form/formikdoc.js
@@ -1,12 +1,12 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { Mention } from '@/components/lib/mention/Mention';
+import { Toast } from '@/components/lib/toast/Toast';
+import { classNames } from '@/components/lib/utils/Utils';
import { useFormik } from 'formik';
import { useEffect, useRef, useState } from 'react';
import { CustomerService } from '../../../../service/CustomerService';
-import { Button } from '../../../lib/button/Button';
-import { Mention } from '../../../lib/mention/Mention';
-import { Toast } from '../../../lib/toast/Toast';
-import { classNames } from '../../../lib/utils/Utils';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function FormikDoc(props) {
const toast = useRef(null);
diff --git a/components/doc/mention/form/hookformdoc.js b/components/doc/mention/form/hookformdoc.js
index f2cfc4455a..e099a17216 100644
--- a/components/doc/mention/form/hookformdoc.js
+++ b/components/doc/mention/form/hookformdoc.js
@@ -1,12 +1,12 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { Mention } from '@/components/lib/mention/Mention';
+import { Toast } from '@/components/lib/toast/Toast';
+import { classNames } from '@/components/lib/utils/Utils';
import { useEffect, useRef, useState } from 'react';
import { Controller, useForm } from 'react-hook-form';
import { CustomerService } from '../../../../service/CustomerService';
-import { Button } from '../../../lib/button/Button';
-import { Mention } from '../../../lib/mention/Mention';
-import { Toast } from '../../../lib/toast/Toast';
-import { classNames } from '../../../lib/utils/Utils';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function HookFormDoc(props) {
const [customers, setCustomers] = useState([]);
diff --git a/components/doc/mention/importdoc.js b/components/doc/mention/importdoc.js
index b604b51b48..c2249cb399 100644
--- a/components/doc/mention/importdoc.js
+++ b/components/doc/mention/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/mention/invaliddoc.js b/components/doc/mention/invaliddoc.js
index de3f057fa0..f7b2161f01 100644
--- a/components/doc/mention/invaliddoc.js
+++ b/components/doc/mention/invaliddoc.js
@@ -1,9 +1,9 @@
/* eslint-disable react-hooks/exhaustive-deps */
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Mention } from '@/components/lib/mention/Mention';
import { useEffect, useState } from 'react';
import { CustomerService } from '../../../service/CustomerService';
-import { Mention } from '../../lib/mention/Mention';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function InvalidDoc(props) {
const [value, setValue] = useState('');
diff --git a/components/doc/mention/pt/ptdoc.js b/components/doc/mention/pt/ptdoc.js
index 248c720264..ad5b6c738f 100644
--- a/components/doc/mention/pt/ptdoc.js
+++ b/components/doc/mention/pt/ptdoc.js
@@ -1,9 +1,9 @@
/* eslint-disable react-hooks/exhaustive-deps */
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Mention } from '@/components/lib/mention/Mention';
import { useEffect, useState } from 'react';
import { CustomerService } from '../../../../service/CustomerService';
-import { Mention } from '../../../lib/mention/Mention';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function PTDoc(props) {
const [value, setValue] = useState('');
diff --git a/components/doc/mention/pt/wireframe.js b/components/doc/mention/pt/wireframe.js
index e548516937..06d72aa642 100644
--- a/components/doc/mention/pt/wireframe.js
+++ b/components/doc/mention/pt/wireframe.js
@@ -1,5 +1,4 @@
-import React from 'react';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export const Wireframe = (props) => {
return (
diff --git a/components/doc/mention/styledoc.js b/components/doc/mention/styledoc.js
index 0192da8164..31c4a87eb2 100644
--- a/components/doc/mention/styledoc.js
+++ b/components/doc/mention/styledoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyleDoc() {
return (
diff --git a/components/doc/mention/theming/styleddoc.js b/components/doc/mention/theming/styleddoc.js
index dc856cdca9..e4f6489564 100644
--- a/components/doc/mention/theming/styleddoc.js
+++ b/components/doc/mention/theming/styleddoc.js
@@ -1,5 +1,5 @@
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionText } from '../../common/docsectiontext';
export function StyledDoc() {
return (
diff --git a/components/doc/mention/theming/tailwinddoc.js b/components/doc/mention/theming/tailwinddoc.js
index 5ab77cf4bf..6e2229cc53 100644
--- a/components/doc/mention/theming/tailwinddoc.js
+++ b/components/doc/mention/theming/tailwinddoc.js
@@ -1,6 +1,6 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function TailwindDoc(props) {
const code = {
diff --git a/components/doc/mention/triggersdoc.js b/components/doc/mention/triggersdoc.js
index 028f3dda99..7e65d2dd43 100644
--- a/components/doc/mention/triggersdoc.js
+++ b/components/doc/mention/triggersdoc.js
@@ -1,9 +1,9 @@
/* eslint-disable react-hooks/exhaustive-deps */
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Mention } from '@/components/lib/mention/Mention';
import { useEffect, useState } from 'react';
import { CustomerService } from '../../../service/CustomerService';
-import { Mention } from '../../lib/mention/Mention';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function TriggersDoc(props) {
const [value, setValue] = useState('');
diff --git a/components/doc/menu/accessibilitydoc.js b/components/doc/menu/accessibilitydoc.js
index 83f8714a76..5d8275299f 100644
--- a/components/doc/menu/accessibilitydoc.js
+++ b/components/doc/menu/accessibilitydoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DevelopmentSection } from '../common/developmentsection';
+import { DevelopmentSection } from '@/components/doc/common/developmentsection';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function AccessibilityDoc() {
return (
diff --git a/components/doc/menu/basicdoc.js b/components/doc/menu/basicdoc.js
index dafe96f3d9..57c4fe064c 100644
--- a/components/doc/menu/basicdoc.js
+++ b/components/doc/menu/basicdoc.js
@@ -1,6 +1,6 @@
-import { Menu } from '../../lib/menu/Menu';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Menu } from '@/components/lib/menu/Menu';
export function BasicDoc(props) {
let items = [
diff --git a/components/doc/menu/groupdoc.js b/components/doc/menu/groupdoc.js
index be9efaed97..8e8f3309db 100644
--- a/components/doc/menu/groupdoc.js
+++ b/components/doc/menu/groupdoc.js
@@ -1,9 +1,9 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Menu } from '@/components/lib/menu/Menu';
+import { Toast } from '@/components/lib/toast/Toast';
import { useRouter } from 'next/router';
import { useRef } from 'react';
-import { Menu } from '../../lib/menu/Menu';
-import { Toast } from '../../lib/toast/Toast';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function GroupDoc(props) {
const toast = useRef(null);
diff --git a/components/doc/menu/importdoc.js b/components/doc/menu/importdoc.js
index 54612d92d7..fb53fd5ff5 100644
--- a/components/doc/menu/importdoc.js
+++ b/components/doc/menu/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/menu/popupdoc.js b/components/doc/menu/popupdoc.js
index 686bf94589..349dfa99c0 100644
--- a/components/doc/menu/popupdoc.js
+++ b/components/doc/menu/popupdoc.js
@@ -1,10 +1,10 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { Menu } from '@/components/lib/menu/Menu';
+import { Toast } from '@/components/lib/toast/Toast';
import { useRouter } from 'next/router';
import { useRef } from 'react';
-import { Button } from '../../lib/button/Button';
-import { Menu } from '../../lib/menu/Menu';
-import { Toast } from '../../lib/toast/Toast';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function PopupDoc(props) {
const menuLeft = useRef(null);
diff --git a/components/doc/menu/pt/ptdoc.js b/components/doc/menu/pt/ptdoc.js
index a8c9271f9b..b5d427352b 100644
--- a/components/doc/menu/pt/ptdoc.js
+++ b/components/doc/menu/pt/ptdoc.js
@@ -1,9 +1,9 @@
-import { useRef } from 'react';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Menu } from '@/components/lib/menu/Menu';
+import { Toast } from '@/components/lib/toast/Toast';
import { useRouter } from 'next/router';
-import { Menu } from '../../../lib/menu/Menu';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
-import { Toast } from '../../../lib/toast/Toast';
+import { useRef } from 'react';
export function PTDoc(props) {
const toast = useRef(null);
diff --git a/components/doc/menu/pt/wireframe.js b/components/doc/menu/pt/wireframe.js
index 65aec2f3f2..a32e461b8c 100644
--- a/components/doc/menu/pt/wireframe.js
+++ b/components/doc/menu/pt/wireframe.js
@@ -1,5 +1,4 @@
-import React from 'react';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export const Wireframe = (props) => {
return (
diff --git a/components/doc/menu/styledoc.js b/components/doc/menu/styledoc.js
index 06d29f1815..eeae06e397 100644
--- a/components/doc/menu/styledoc.js
+++ b/components/doc/menu/styledoc.js
@@ -1,6 +1,6 @@
import Link from 'next/link';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyleDoc() {
return (
diff --git a/components/doc/menu/templatedoc.js b/components/doc/menu/templatedoc.js
index e33c54647d..a267e5ddeb 100644
--- a/components/doc/menu/templatedoc.js
+++ b/components/doc/menu/templatedoc.js
@@ -1,10 +1,10 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Avatar } from '@/components/lib/avatar/Avatar';
+import { Menu } from '@/components/lib/menu/Menu';
+import { Toast } from '@/components/lib/toast/Toast';
+import { classNames } from '@/components/lib/utils/Utils';
import { useRef } from 'react';
-import { Avatar } from '../../lib/avatar/Avatar';
-import { Menu } from '../../lib/menu/Menu';
-import { Toast } from '../../lib/toast/Toast';
-import { classNames } from '../../lib/utils/Utils';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function TemplateDoc(props) {
const toast = useRef(null);
diff --git a/components/doc/menu/theming/styleddoc.js b/components/doc/menu/theming/styleddoc.js
index 6341e40c47..e93a071970 100644
--- a/components/doc/menu/theming/styleddoc.js
+++ b/components/doc/menu/theming/styleddoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyledDoc(props) {
return (
diff --git a/components/doc/menu/theming/tailwinddoc.js b/components/doc/menu/theming/tailwinddoc.js
index 93cb87656f..7a06c09f75 100644
--- a/components/doc/menu/theming/tailwinddoc.js
+++ b/components/doc/menu/theming/tailwinddoc.js
@@ -1,6 +1,6 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function TailwindDoc(props) {
const code = {
diff --git a/components/doc/menubar/accessibilitydoc.js b/components/doc/menubar/accessibilitydoc.js
index 759d3d8d13..057261287d 100644
--- a/components/doc/menubar/accessibilitydoc.js
+++ b/components/doc/menubar/accessibilitydoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DevelopmentSection } from '../common/developmentsection';
+import { DevelopmentSection } from '@/components/doc/common/developmentsection';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
diff --git a/components/doc/menubar/basicdoc.js b/components/doc/menubar/basicdoc.js
index e6fa51832d..1dc489d406 100644
--- a/components/doc/menubar/basicdoc.js
+++ b/components/doc/menubar/basicdoc.js
@@ -1,6 +1,6 @@
-import { Menubar } from '../../lib/menubar/Menubar';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Menubar } from '@/components/lib/menubar/Menubar';
export function BasicDoc(props) {
const items = [
diff --git a/components/doc/menubar/importdoc.js b/components/doc/menubar/importdoc.js
index 201a4b3640..1ee0ccac37 100644
--- a/components/doc/menubar/importdoc.js
+++ b/components/doc/menubar/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/menubar/pt/ptdoc.js b/components/doc/menubar/pt/ptdoc.js
index 8a9e623d57..69c8a26d96 100644
--- a/components/doc/menubar/pt/ptdoc.js
+++ b/components/doc/menubar/pt/ptdoc.js
@@ -1,6 +1,6 @@
-import { Menubar } from '../../../lib/menubar/Menubar';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Menubar } from '@/components/lib/menubar/Menubar';
export function PTDoc(props) {
const items = [
diff --git a/components/doc/menubar/pt/wireframe.js b/components/doc/menubar/pt/wireframe.js
index a5dc7df2f4..f333ee14e7 100644
--- a/components/doc/menubar/pt/wireframe.js
+++ b/components/doc/menubar/pt/wireframe.js
@@ -1,5 +1,4 @@
-import React from 'react';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export const Wireframe = (props) => {
return (
diff --git a/components/doc/menubar/styledoc.js b/components/doc/menubar/styledoc.js
index 3c1f92bc33..813ee7ee64 100644
--- a/components/doc/menubar/styledoc.js
+++ b/components/doc/menubar/styledoc.js
@@ -1,6 +1,6 @@
import Link from 'next/link';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyleDoc() {
return (
diff --git a/components/doc/menubar/templatedoc.js b/components/doc/menubar/templatedoc.js
index 8cb9ed3a34..8aaabb7532 100644
--- a/components/doc/menubar/templatedoc.js
+++ b/components/doc/menubar/templatedoc.js
@@ -1,7 +1,7 @@
-import { InputText } from '../../lib/inputtext/InputText';
-import { Menubar } from '../../lib/menubar/Menubar';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { InputText } from '@/components/lib/inputtext/InputText';
+import { Menubar } from '@/components/lib/menubar/Menubar';
export function TemplateDoc(props) {
const items = [
diff --git a/components/doc/menubar/theming/styleddoc.js b/components/doc/menubar/theming/styleddoc.js
index f992541a39..b61d01c0ca 100644
--- a/components/doc/menubar/theming/styleddoc.js
+++ b/components/doc/menubar/theming/styleddoc.js
@@ -1,5 +1,5 @@
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionText } from '../../common/docsectiontext';
export function StyledDoc() {
return (
diff --git a/components/doc/menubar/theming/tailwinddoc.js b/components/doc/menubar/theming/tailwinddoc.js
index ddb6e1dfe6..67e82db7ec 100644
--- a/components/doc/menubar/theming/tailwinddoc.js
+++ b/components/doc/menubar/theming/tailwinddoc.js
@@ -1,6 +1,6 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function TailwindDoc(props) {
const code = {
diff --git a/components/doc/message/accessibilitydoc.js b/components/doc/message/accessibilitydoc.js
index 420f555faf..7310467ee7 100644
--- a/components/doc/message/accessibilitydoc.js
+++ b/components/doc/message/accessibilitydoc.js
@@ -1,5 +1,5 @@
-import { DevelopmentSection } from '../common/developmentsection';
-import { DocSectionText } from '../common/docsectiontext';
+import { DevelopmentSection } from '@/components/doc/common/developmentsection';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
export function AccessibilityDoc() {
diff --git a/components/doc/message/basicdoc.js b/components/doc/message/basicdoc.js
index 6a51f8c5e8..7742d2e773 100644
--- a/components/doc/message/basicdoc.js
+++ b/components/doc/message/basicdoc.js
@@ -1,6 +1,6 @@
-import { Message } from '../../lib/message/Message';
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Message } from '@/components/lib/message/Message';
export function BasicDoc(props) {
const code = {
diff --git a/components/doc/message/importdoc.js b/components/doc/message/importdoc.js
index 42c71222a8..b14dc2c657 100644
--- a/components/doc/message/importdoc.js
+++ b/components/doc/message/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/message/pt/ptdoc.js b/components/doc/message/pt/ptdoc.js
index 135a98f81c..36887d4147 100644
--- a/components/doc/message/pt/ptdoc.js
+++ b/components/doc/message/pt/ptdoc.js
@@ -1,6 +1,6 @@
-import { Message } from '../../../lib/message/Message';
-import { DocSectionText } from '../../common/docsectiontext';
-import { DocSectionCode } from '../../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Message } from '@/components/lib/message/Message';
export function PTDoc(props) {
const code = {
diff --git a/components/doc/message/pt/wireframe.js b/components/doc/message/pt/wireframe.js
index b73b561754..0c623f0cf5 100644
--- a/components/doc/message/pt/wireframe.js
+++ b/components/doc/message/pt/wireframe.js
@@ -1,5 +1,4 @@
-import React from 'react';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export const Wireframe = (props) => {
return (
diff --git a/components/doc/message/severitydoc.js b/components/doc/message/severitydoc.js
index 1de292bf8c..b5257978ae 100644
--- a/components/doc/message/severitydoc.js
+++ b/components/doc/message/severitydoc.js
@@ -1,6 +1,6 @@
-import { Message } from '../../lib/message/Message';
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Message } from '@/components/lib/message/Message';
export function SeverityDoc(props) {
const code = {
diff --git a/components/doc/message/styledoc.js b/components/doc/message/styledoc.js
index 04a9082367..c864cdc1a9 100644
--- a/components/doc/message/styledoc.js
+++ b/components/doc/message/styledoc.js
@@ -1,5 +1,5 @@
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionText } from '../common/docsectiontext';
export function StyleDoc() {
return (
diff --git a/components/doc/message/templatedoc.js b/components/doc/message/templatedoc.js
index b10ec99942..19a954cd0b 100644
--- a/components/doc/message/templatedoc.js
+++ b/components/doc/message/templatedoc.js
@@ -1,7 +1,6 @@
-import React from 'react';
-import { Message } from '../../lib/message/Message';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Message } from '@/components/lib/message/Message';
export function TemplateDoc(props) {
const content = (
diff --git a/components/doc/message/theming/styleddoc.js b/components/doc/message/theming/styleddoc.js
index b70845405f..0e6e729995 100644
--- a/components/doc/message/theming/styleddoc.js
+++ b/components/doc/message/theming/styleddoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyledDoc(props) {
return (
diff --git a/components/doc/message/theming/tailwinddoc.js b/components/doc/message/theming/tailwinddoc.js
index 35da91fff4..d6bd3075d9 100644
--- a/components/doc/message/theming/tailwinddoc.js
+++ b/components/doc/message/theming/tailwinddoc.js
@@ -1,6 +1,6 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function TailwindDoc(props) {
const code = {
diff --git a/components/doc/message/validationdoc.js b/components/doc/message/validationdoc.js
index cb1023f2db..01f5270aaf 100644
--- a/components/doc/message/validationdoc.js
+++ b/components/doc/message/validationdoc.js
@@ -1,7 +1,7 @@
-import { Message } from '../../lib/message/Message';
-import { InputText } from '../../lib/inputtext/InputText';
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { InputText } from '@/components/lib/inputtext/InputText';
+import { Message } from '@/components/lib/message/Message';
export function ValidationDoc(props) {
const code = {
diff --git a/components/doc/messages/accessibilitydoc.js b/components/doc/messages/accessibilitydoc.js
index ad743e5e98..b2d1b296f4 100644
--- a/components/doc/messages/accessibilitydoc.js
+++ b/components/doc/messages/accessibilitydoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DevelopmentSection } from '../common/developmentsection';
+import { DevelopmentSection } from '@/components/doc/common/developmentsection';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
diff --git a/components/doc/messages/basicdoc.js b/components/doc/messages/basicdoc.js
index da00b2c1bb..d5abcc9c8e 100644
--- a/components/doc/messages/basicdoc.js
+++ b/components/doc/messages/basicdoc.js
@@ -1,8 +1,8 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { useMountEffect } from '@/components/lib/hooks/Hooks';
+import { Messages } from '@/components/lib/messages/Messages';
import { useRef } from 'react';
-import { useMountEffect } from '../../lib/hooks/Hooks';
-import { Messages } from '../../lib/messages/Messages';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function BasicDoc(props) {
const msgs = useRef(null);
diff --git a/components/doc/messages/closeabledoc.js b/components/doc/messages/closeabledoc.js
index 7a7ebf1754..41acfbc14b 100644
--- a/components/doc/messages/closeabledoc.js
+++ b/components/doc/messages/closeabledoc.js
@@ -1,8 +1,8 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { useMountEffect } from '@/components/lib/hooks/Hooks';
+import { Messages } from '@/components/lib/messages/Messages';
import { useRef } from 'react';
-import { useMountEffect } from '../../lib/hooks/Hooks';
-import { Messages } from '../../lib/messages/Messages';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function ClosableDoc(props) {
const msgs = useRef(null);
diff --git a/components/doc/messages/dynamicdoc.js b/components/doc/messages/dynamicdoc.js
index 92c451e1f4..7c58a4c4f4 100644
--- a/components/doc/messages/dynamicdoc.js
+++ b/components/doc/messages/dynamicdoc.js
@@ -1,8 +1,8 @@
-import { useEffect, useRef } from 'react';
-import { Button } from '../../lib/button/Button';
-import { Messages } from '../../lib/messages/Messages';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { Messages } from '@/components/lib/messages/Messages';
+import { useRef } from 'react';
export function DynamicDoc(props) {
const msgs = useRef(null);
diff --git a/components/doc/messages/importdoc.js b/components/doc/messages/importdoc.js
index de677f9375..36f1b6d6d0 100644
--- a/components/doc/messages/importdoc.js
+++ b/components/doc/messages/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/messages/pt/ptdoc.js b/components/doc/messages/pt/ptdoc.js
index d2f1a8afad..b675b0167b 100644
--- a/components/doc/messages/pt/ptdoc.js
+++ b/components/doc/messages/pt/ptdoc.js
@@ -1,8 +1,8 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { useMountEffect } from '@/components/lib/hooks/Hooks';
+import { Messages } from '@/components/lib/messages/Messages';
import { useRef } from 'react';
-import { useMountEffect } from '../../../lib/hooks/Hooks';
-import { Messages } from '../../../lib/messages/Messages';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function PTDoc(props) {
const msgs = useRef(null);
diff --git a/components/doc/messages/pt/wireframe.js b/components/doc/messages/pt/wireframe.js
index 779e305817..6e737aa645 100644
--- a/components/doc/messages/pt/wireframe.js
+++ b/components/doc/messages/pt/wireframe.js
@@ -1,5 +1,4 @@
-import React from 'react';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export const Wireframe = (props) => {
return (
diff --git a/components/doc/messages/severitydoc.js b/components/doc/messages/severitydoc.js
index 14a95b2d35..8e1fdc8cee 100644
--- a/components/doc/messages/severitydoc.js
+++ b/components/doc/messages/severitydoc.js
@@ -1,8 +1,8 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { useMountEffect } from '@/components/lib/hooks/Hooks';
+import { Messages } from '@/components/lib/messages/Messages';
import { useRef } from 'react';
-import { useMountEffect } from '../../lib/hooks/Hooks';
-import { Messages } from '../../lib/messages/Messages';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function SeverityDoc(props) {
const msgs = useRef(null);
diff --git a/components/doc/messages/stickydoc.js b/components/doc/messages/stickydoc.js
index a2d1d8c3bd..d5c541c59b 100644
--- a/components/doc/messages/stickydoc.js
+++ b/components/doc/messages/stickydoc.js
@@ -1,8 +1,8 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { useMountEffect } from '@/components/lib/hooks/Hooks';
+import { Messages } from '@/components/lib/messages/Messages';
import { useRef } from 'react';
-import { useMountEffect } from '../../lib/hooks/Hooks';
-import { Messages } from '../../lib/messages/Messages';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function StickyDoc(props) {
const msgs = useRef(null);
diff --git a/components/doc/messages/styledoc.js b/components/doc/messages/styledoc.js
index e000c58394..bf8bf36477 100644
--- a/components/doc/messages/styledoc.js
+++ b/components/doc/messages/styledoc.js
@@ -1,6 +1,6 @@
import Link from 'next/link';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyleDoc() {
return (
diff --git a/components/doc/messages/templatedoc.js b/components/doc/messages/templatedoc.js
index 1cccb1b7bc..60ab6caf5c 100644
--- a/components/doc/messages/templatedoc.js
+++ b/components/doc/messages/templatedoc.js
@@ -1,8 +1,8 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { useMountEffect } from '@/components/lib/hooks/Hooks';
+import { Messages } from '@/components/lib/messages/Messages';
import React, { useRef } from 'react';
-import { useMountEffect } from '../../lib/hooks/Hooks';
-import { Messages } from '../../lib/messages/Messages';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function TemplateDoc(props) {
const msgs = useRef(null);
diff --git a/components/doc/messages/theming/styleddoc.js b/components/doc/messages/theming/styleddoc.js
index 6bce2da69d..73c6470f9f 100644
--- a/components/doc/messages/theming/styleddoc.js
+++ b/components/doc/messages/theming/styleddoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyledDoc(props) {
return (
diff --git a/components/doc/messages/theming/tailwinddoc.js b/components/doc/messages/theming/tailwinddoc.js
index 0af6fea822..23e6e6d442 100644
--- a/components/doc/messages/theming/tailwinddoc.js
+++ b/components/doc/messages/theming/tailwinddoc.js
@@ -1,6 +1,6 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function TailwindDoc(props) {
const code = {
diff --git a/components/doc/multiselect/accessibilitydoc.js b/components/doc/multiselect/accessibilitydoc.js
index 00968ae1d2..f8b46a7dab 100644
--- a/components/doc/multiselect/accessibilitydoc.js
+++ b/components/doc/multiselect/accessibilitydoc.js
@@ -1,7 +1,7 @@
+import { DevelopmentSection } from '@/components/doc/common/developmentsection';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DevelopmentSection } from '../common/developmentsection';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function AccessibilityDoc() {
const code = {
diff --git a/components/doc/multiselect/basicdoc.js b/components/doc/multiselect/basicdoc.js
index 5c3689c4e1..5878c37fca 100644
--- a/components/doc/multiselect/basicdoc.js
+++ b/components/doc/multiselect/basicdoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { MultiSelect } from '@/components/lib/multiselect/MultiSelect';
import { useState } from 'react';
-import { MultiSelect } from '../../lib/multiselect/MultiSelect';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function BasicDoc(props) {
const [selectedCities, setSelectedCities] = useState(null);
diff --git a/components/doc/multiselect/chipsdoc.js b/components/doc/multiselect/chipsdoc.js
index c5e68a811b..67e2cea604 100644
--- a/components/doc/multiselect/chipsdoc.js
+++ b/components/doc/multiselect/chipsdoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { MultiSelect } from '@/components/lib/multiselect/MultiSelect';
import { useState } from 'react';
-import { MultiSelect } from '../../lib/multiselect/MultiSelect';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function ChipsDoc(props) {
const [selectedCities, setSelectedCities] = useState(null);
diff --git a/components/doc/multiselect/disableddoc.js b/components/doc/multiselect/disableddoc.js
index 3798783a38..2cb5b89d28 100644
--- a/components/doc/multiselect/disableddoc.js
+++ b/components/doc/multiselect/disableddoc.js
@@ -1,6 +1,6 @@
-import { MultiSelect } from '../../lib/multiselect/MultiSelect';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { MultiSelect } from '@/components/lib/multiselect/MultiSelect';
export function DisabledDoc(props) {
const code = {
diff --git a/components/doc/multiselect/filterdoc.js b/components/doc/multiselect/filterdoc.js
index 68f130a68a..5b5dd4444a 100644
--- a/components/doc/multiselect/filterdoc.js
+++ b/components/doc/multiselect/filterdoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { MultiSelect } from '@/components/lib/multiselect/MultiSelect';
import { useState } from 'react';
-import { MultiSelect } from '../../lib/multiselect/MultiSelect';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function FilterDoc(props) {
const [selectedCities, setSelectedCities] = useState(null);
diff --git a/components/doc/multiselect/floatlabeldoc.js b/components/doc/multiselect/floatlabeldoc.js
index 6dd104ac28..03800f9f41 100644
--- a/components/doc/multiselect/floatlabeldoc.js
+++ b/components/doc/multiselect/floatlabeldoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { MultiSelect } from '@/components/lib/multiselect/MultiSelect';
import { useState } from 'react';
-import { MultiSelect } from '../../lib/multiselect/MultiSelect';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function FloatLabelDoc(props) {
const [selectedCities, setSelectedCities] = useState(null);
diff --git a/components/doc/multiselect/form/formikdoc.js b/components/doc/multiselect/form/formikdoc.js
index b9e525f60b..a9ce0a31d4 100644
--- a/components/doc/multiselect/form/formikdoc.js
+++ b/components/doc/multiselect/form/formikdoc.js
@@ -1,10 +1,10 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { MultiSelect } from '@/components/lib/multiselect/MultiSelect';
+import { Toast } from '@/components/lib/toast/Toast';
import { useFormik } from 'formik';
import { useRef } from 'react';
-import { Button } from '../../../lib/button/Button';
-import { MultiSelect } from '../../../lib/multiselect/MultiSelect';
-import { Toast } from '../../../lib/toast/Toast';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function FormikDoc(props) {
const toast = useRef(null);
diff --git a/components/doc/multiselect/form/hookformdoc.js b/components/doc/multiselect/form/hookformdoc.js
index 3596976d6f..3a494ad464 100644
--- a/components/doc/multiselect/form/hookformdoc.js
+++ b/components/doc/multiselect/form/hookformdoc.js
@@ -1,10 +1,10 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { MultiSelect } from '@/components/lib/multiselect/MultiSelect';
+import { Toast } from '@/components/lib/toast/Toast';
import { useRef } from 'react';
import { Controller, useForm } from 'react-hook-form';
-import { Button } from '../../../lib/button/Button';
-import { MultiSelect } from '../../../lib/multiselect/MultiSelect';
-import { Toast } from '../../../lib/toast/Toast';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function HookFormDoc(props) {
const toast = useRef(null);
diff --git a/components/doc/multiselect/groupdoc.js b/components/doc/multiselect/groupdoc.js
index e24eebb80c..a1b935f950 100644
--- a/components/doc/multiselect/groupdoc.js
+++ b/components/doc/multiselect/groupdoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { MultiSelect } from '@/components/lib/multiselect/MultiSelect';
import { useState } from 'react';
-import { MultiSelect } from '../../lib/multiselect/MultiSelect';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function GroupDoc(props) {
const [selectedCities, setSelectedCities] = useState(null);
diff --git a/components/doc/multiselect/importdoc.js b/components/doc/multiselect/importdoc.js
index fcda18ffb3..df1afb7cfc 100644
--- a/components/doc/multiselect/importdoc.js
+++ b/components/doc/multiselect/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/multiselect/invaliddoc.js b/components/doc/multiselect/invaliddoc.js
index 0a88c4a1c3..0461b50294 100644
--- a/components/doc/multiselect/invaliddoc.js
+++ b/components/doc/multiselect/invaliddoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { MultiSelect } from '@/components/lib/multiselect/MultiSelect';
import { useState } from 'react';
-import { MultiSelect } from '../../lib/multiselect/MultiSelect';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function InvalidDoc(props) {
const [selectedCities, setSelectedCities] = useState(null);
diff --git a/components/doc/multiselect/pt/ptdoc.js b/components/doc/multiselect/pt/ptdoc.js
index 20fa32534e..9027e70c2f 100644
--- a/components/doc/multiselect/pt/ptdoc.js
+++ b/components/doc/multiselect/pt/ptdoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { MultiSelect } from '@/components/lib/multiselect/MultiSelect';
import { useState } from 'react';
-import { MultiSelect } from '../../../lib/multiselect/MultiSelect';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function PTDoc(props) {
const [selectedCities, setSelectedCities] = useState(null);
diff --git a/components/doc/multiselect/pt/wireframe.js b/components/doc/multiselect/pt/wireframe.js
index 6860ab9e0e..3c483e9d8a 100644
--- a/components/doc/multiselect/pt/wireframe.js
+++ b/components/doc/multiselect/pt/wireframe.js
@@ -1,5 +1,4 @@
-import React from 'react';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export const Wireframe = (props) => {
return (
diff --git a/components/doc/multiselect/styledoc.js b/components/doc/multiselect/styledoc.js
index de0e7fbeef..77b932dee5 100644
--- a/components/doc/multiselect/styledoc.js
+++ b/components/doc/multiselect/styledoc.js
@@ -1,6 +1,6 @@
import Link from 'next/link';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyleDoc() {
return (
diff --git a/components/doc/multiselect/templatedoc.js b/components/doc/multiselect/templatedoc.js
index cb0d906e17..8d2e4ef87a 100644
--- a/components/doc/multiselect/templatedoc.js
+++ b/components/doc/multiselect/templatedoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { MultiSelect } from '@/components/lib/multiselect/MultiSelect';
import { useState } from 'react';
-import { MultiSelect } from '../../lib/multiselect/MultiSelect';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function TemplateDoc(props) {
const [selectedCountries, setSelectedCountries] = useState(null);
diff --git a/components/doc/multiselect/theming/styleddoc.js b/components/doc/multiselect/theming/styleddoc.js
index 90da4c6420..6f214a4a90 100644
--- a/components/doc/multiselect/theming/styleddoc.js
+++ b/components/doc/multiselect/theming/styleddoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyledDoc(props) {
return (
diff --git a/components/doc/multiselect/theming/tailwinddoc.js b/components/doc/multiselect/theming/tailwinddoc.js
index 54a3ea3aad..6b0d83fc21 100644
--- a/components/doc/multiselect/theming/tailwinddoc.js
+++ b/components/doc/multiselect/theming/tailwinddoc.js
@@ -1,6 +1,6 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function TailwindDoc(props) {
const code = {
diff --git a/components/doc/multiselect/virtualscrolldoc.js b/components/doc/multiselect/virtualscrolldoc.js
index 07d63b0726..7a69c33f7d 100644
--- a/components/doc/multiselect/virtualscrolldoc.js
+++ b/components/doc/multiselect/virtualscrolldoc.js
@@ -1,8 +1,8 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { MultiSelect } from '@/components/lib/multiselect/MultiSelect';
import Link from 'next/link';
import { useState } from 'react';
-import { MultiSelect } from '../../lib/multiselect/MultiSelect';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function VirtualScrollDoc(props) {
const [selectAll, setSelectAll] = useState(false);
diff --git a/components/doc/multistatecheckbox/accessibilitydoc.js b/components/doc/multistatecheckbox/accessibilitydoc.js
index d78a66e242..34661ce862 100644
--- a/components/doc/multistatecheckbox/accessibilitydoc.js
+++ b/components/doc/multistatecheckbox/accessibilitydoc.js
@@ -1,7 +1,7 @@
+import { DevelopmentSection } from '@/components/doc/common/developmentsection';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DevelopmentSection } from '../common/developmentsection';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function AccessibilityDoc() {
const code = {
diff --git a/components/doc/multistatecheckbox/basicdoc.js b/components/doc/multistatecheckbox/basicdoc.js
index 5d19dce92c..a79ac147dc 100644
--- a/components/doc/multistatecheckbox/basicdoc.js
+++ b/components/doc/multistatecheckbox/basicdoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { MultiStateCheckbox } from '@/components/lib/multistatecheckbox/MultiStateCheckbox';
import { useState } from 'react';
-import { MultiStateCheckbox } from '../../lib/multistatecheckbox/MultiStateCheckbox';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function BasicDoc(props) {
const [value, setValue] = useState('public');
diff --git a/components/doc/multistatecheckbox/disableddoc.js b/components/doc/multistatecheckbox/disableddoc.js
index fbaf78df22..b5a236356e 100644
--- a/components/doc/multistatecheckbox/disableddoc.js
+++ b/components/doc/multistatecheckbox/disableddoc.js
@@ -1,6 +1,6 @@
-import { MultiStateCheckbox } from '../../lib/multistatecheckbox/MultiStateCheckbox';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { MultiStateCheckbox } from '@/components/lib/multistatecheckbox/MultiStateCheckbox';
export function DisabledDoc(props) {
const code = {
diff --git a/components/doc/multistatecheckbox/form/formikdoc.js b/components/doc/multistatecheckbox/form/formikdoc.js
index 152193c2ba..c8c0fcbacc 100644
--- a/components/doc/multistatecheckbox/form/formikdoc.js
+++ b/components/doc/multistatecheckbox/form/formikdoc.js
@@ -1,11 +1,11 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { MultiStateCheckbox } from '@/components/lib/multistatecheckbox/MultiStateCheckbox';
+import { Toast } from '@/components/lib/toast/Toast';
+import { classNames } from '@/components/lib/utils/Utils';
import { useFormik } from 'formik';
import { useRef } from 'react';
-import { Button } from '../../../lib/button/Button';
-import { MultiStateCheckbox } from '../../../lib/multistatecheckbox/MultiStateCheckbox';
-import { Toast } from '../../../lib/toast/Toast';
-import { classNames } from '../../../lib/utils/Utils';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function FormikDoc(props) {
const toast = useRef(null);
diff --git a/components/doc/multistatecheckbox/form/hookformdoc.js b/components/doc/multistatecheckbox/form/hookformdoc.js
index 81909ef189..058cdb6a52 100644
--- a/components/doc/multistatecheckbox/form/hookformdoc.js
+++ b/components/doc/multistatecheckbox/form/hookformdoc.js
@@ -1,11 +1,11 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { MultiStateCheckbox } from '@/components/lib/multistatecheckbox/MultiStateCheckbox';
+import { Toast } from '@/components/lib/toast/Toast';
+import { classNames } from '@/components/lib/utils/Utils';
import { useRef } from 'react';
import { Controller, useForm } from 'react-hook-form';
-import { Button } from '../../../lib/button/Button';
-import { MultiStateCheckbox } from '../../../lib/multistatecheckbox/MultiStateCheckbox';
-import { Toast } from '../../../lib/toast/Toast';
-import { classNames } from '../../../lib/utils/Utils';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function HookFormDoc(props) {
const toast = useRef(null);
diff --git a/components/doc/multistatecheckbox/importdoc.js b/components/doc/multistatecheckbox/importdoc.js
index 61e2bb1e3b..792d783733 100644
--- a/components/doc/multistatecheckbox/importdoc.js
+++ b/components/doc/multistatecheckbox/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/multistatecheckbox/invaliddoc.js b/components/doc/multistatecheckbox/invaliddoc.js
index f455716549..a5ef220be1 100644
--- a/components/doc/multistatecheckbox/invaliddoc.js
+++ b/components/doc/multistatecheckbox/invaliddoc.js
@@ -1,6 +1,6 @@
-import { MultiStateCheckbox } from '../../lib/multistatecheckbox/MultiStateCheckbox';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { MultiStateCheckbox } from '@/components/lib/multistatecheckbox/MultiStateCheckbox';
export function InvalidDoc(props) {
const code = {
diff --git a/components/doc/multistatecheckbox/pt/ptdoc.js b/components/doc/multistatecheckbox/pt/ptdoc.js
index f6e86d4b37..16fa6608ed 100644
--- a/components/doc/multistatecheckbox/pt/ptdoc.js
+++ b/components/doc/multistatecheckbox/pt/ptdoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { MultiStateCheckbox } from '@/components/lib/multistatecheckbox/MultiStateCheckbox';
import { useState } from 'react';
-import { MultiStateCheckbox } from '../../../lib/multistatecheckbox/MultiStateCheckbox';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function PTDoc(props) {
const [value, setValue] = useState('public');
diff --git a/components/doc/multistatecheckbox/pt/wireframe.js b/components/doc/multistatecheckbox/pt/wireframe.js
index 46c19e915a..20eccce913 100644
--- a/components/doc/multistatecheckbox/pt/wireframe.js
+++ b/components/doc/multistatecheckbox/pt/wireframe.js
@@ -1,5 +1,4 @@
-import React from 'react';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export const Wireframe = (props) => {
return (
diff --git a/components/doc/multistatecheckbox/styledoc.js b/components/doc/multistatecheckbox/styledoc.js
index 918d90b1bc..82808b484e 100644
--- a/components/doc/multistatecheckbox/styledoc.js
+++ b/components/doc/multistatecheckbox/styledoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
export function StyleDoc() {
diff --git a/components/doc/multistatecheckbox/theming/styleddoc.js b/components/doc/multistatecheckbox/theming/styleddoc.js
index 85bcf12e08..1d2ae70524 100644
--- a/components/doc/multistatecheckbox/theming/styleddoc.js
+++ b/components/doc/multistatecheckbox/theming/styleddoc.js
@@ -1,5 +1,5 @@
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionText } from '../../common/docsectiontext';
export function StyledDoc() {
return (
diff --git a/components/doc/multistatecheckbox/theming/tailwinddoc.js b/components/doc/multistatecheckbox/theming/tailwinddoc.js
index d0c9ea5160..cc4eba2f4f 100644
--- a/components/doc/multistatecheckbox/theming/tailwinddoc.js
+++ b/components/doc/multistatecheckbox/theming/tailwinddoc.js
@@ -1,6 +1,6 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function TailwindDoc(props) {
const code = {
diff --git a/components/doc/orderlist/accessibilitydoc.js b/components/doc/orderlist/accessibilitydoc.js
index f22a657a07..bd6e74e9c9 100644
--- a/components/doc/orderlist/accessibilitydoc.js
+++ b/components/doc/orderlist/accessibilitydoc.js
@@ -1,7 +1,7 @@
+import { DevelopmentSection } from '@/components/doc/common/developmentsection';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DevelopmentSection } from '../common/developmentsection';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function AccessibilityDoc() {
const code = {
diff --git a/components/doc/orderlist/basicdoc.js b/components/doc/orderlist/basicdoc.js
index 117477c20b..d7a668a300 100644
--- a/components/doc/orderlist/basicdoc.js
+++ b/components/doc/orderlist/basicdoc.js
@@ -1,8 +1,8 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { OrderList } from '@/components/lib/orderlist/OrderList';
import { useEffect, useState } from 'react';
import { ProductService } from '../../../service/ProductService';
-import { OrderList } from '../../lib/orderlist/OrderList';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function BasicDoc(props) {
const [products, setProducts] = useState([]);
diff --git a/components/doc/orderlist/dragdropdoc.js b/components/doc/orderlist/dragdropdoc.js
index 19206067ae..6fd321e2da 100644
--- a/components/doc/orderlist/dragdropdoc.js
+++ b/components/doc/orderlist/dragdropdoc.js
@@ -1,8 +1,8 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { OrderList } from '@/components/lib/orderlist/OrderList';
import { useEffect, useState } from 'react';
import { ProductService } from '../../../service/ProductService';
-import { OrderList } from '../../lib/orderlist/OrderList';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function DragDropDoc(props) {
const [products, setProducts] = useState([]);
diff --git a/components/doc/orderlist/filterdoc.js b/components/doc/orderlist/filterdoc.js
index 2947af03a6..96155eac8e 100644
--- a/components/doc/orderlist/filterdoc.js
+++ b/components/doc/orderlist/filterdoc.js
@@ -1,8 +1,8 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { OrderList } from '@/components/lib/orderlist/OrderList';
import { useEffect, useState } from 'react';
import { ProductService } from '../../../service/ProductService';
-import { OrderList } from '../../lib/orderlist/OrderList';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function FilterDoc(props) {
const [products, setProducts] = useState([]);
diff --git a/components/doc/orderlist/importdoc.js b/components/doc/orderlist/importdoc.js
index b02ad3a691..0796467398 100644
--- a/components/doc/orderlist/importdoc.js
+++ b/components/doc/orderlist/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/orderlist/pt/ptdoc.js b/components/doc/orderlist/pt/ptdoc.js
index bfdbf49e36..8f763aa630 100644
--- a/components/doc/orderlist/pt/ptdoc.js
+++ b/components/doc/orderlist/pt/ptdoc.js
@@ -1,8 +1,8 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { OrderList } from '@/components/lib/orderlist/OrderList';
import { useEffect, useState } from 'react';
import { ProductService } from '../../../../service/ProductService';
-import { OrderList } from '../../../lib/orderlist/OrderList';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function PTDoc(props) {
const [products, setProducts] = useState([]);
diff --git a/components/doc/orderlist/pt/wireframe.js b/components/doc/orderlist/pt/wireframe.js
index ba17a220d7..b2228017d6 100644
--- a/components/doc/orderlist/pt/wireframe.js
+++ b/components/doc/orderlist/pt/wireframe.js
@@ -1,5 +1,4 @@
-import React from 'react';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export const Wireframe = (props) => {
return (
diff --git a/components/doc/orderlist/styledoc.js b/components/doc/orderlist/styledoc.js
index 4453542f7e..6aa1176a3e 100644
--- a/components/doc/orderlist/styledoc.js
+++ b/components/doc/orderlist/styledoc.js
@@ -1,6 +1,6 @@
import Link from 'next/link';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyleDoc() {
return (
diff --git a/components/doc/orderlist/theming/styleddoc.js b/components/doc/orderlist/theming/styleddoc.js
index de74dffaf9..6e48993d49 100644
--- a/components/doc/orderlist/theming/styleddoc.js
+++ b/components/doc/orderlist/theming/styleddoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyledDoc(props) {
return (
diff --git a/components/doc/orderlist/theming/tailwinddoc.js b/components/doc/orderlist/theming/tailwinddoc.js
index 90ae383ebe..26362e25ed 100644
--- a/components/doc/orderlist/theming/tailwinddoc.js
+++ b/components/doc/orderlist/theming/tailwinddoc.js
@@ -1,6 +1,6 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function TailwindDoc(props) {
const code = {
diff --git a/components/doc/organizationchart/accessibilitydoc.js b/components/doc/organizationchart/accessibilitydoc.js
index 72e9bdb16c..cfcfb6ab19 100644
--- a/components/doc/organizationchart/accessibilitydoc.js
+++ b/components/doc/organizationchart/accessibilitydoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DevelopmentSection } from '../common/developmentsection';
+import { DevelopmentSection } from '@/components/doc/common/developmentsection';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function AccessibilityDoc() {
return (
diff --git a/components/doc/organizationchart/basicdoc.js b/components/doc/organizationchart/basicdoc.js
index a24b8e4154..88c93c3b4b 100644
--- a/components/doc/organizationchart/basicdoc.js
+++ b/components/doc/organizationchart/basicdoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { OrganizationChart } from '@/components/lib/organizationchart/OrganizationChart';
import { useState } from 'react';
-import { OrganizationChart } from '../../lib/organizationchart/OrganizationChart';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function BasicDoc(props) {
const [data] = useState([
diff --git a/components/doc/organizationchart/coloreddoc.js b/components/doc/organizationchart/coloreddoc.js
index 24f9ecd7aa..6479e2f11e 100644
--- a/components/doc/organizationchart/coloreddoc.js
+++ b/components/doc/organizationchart/coloreddoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { OrganizationChart } from '@/components/lib/organizationchart/OrganizationChart';
import { useState } from 'react';
-import { OrganizationChart } from '../../lib/organizationchart/OrganizationChart';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function ColoredDoc(props) {
const [data] = useState([
diff --git a/components/doc/organizationchart/importdoc.js b/components/doc/organizationchart/importdoc.js
index 58c5aa5c2f..2b41f595bd 100644
--- a/components/doc/organizationchart/importdoc.js
+++ b/components/doc/organizationchart/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/organizationchart/pt/ptdoc.js b/components/doc/organizationchart/pt/ptdoc.js
index 91553aa6bb..f6cd6ce570 100644
--- a/components/doc/organizationchart/pt/ptdoc.js
+++ b/components/doc/organizationchart/pt/ptdoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { OrganizationChart } from '@/components/lib/organizationchart/OrganizationChart';
import { useState } from 'react';
-import { OrganizationChart } from '../../../lib/organizationchart/OrganizationChart';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function PTDoc(props) {
const [selection, setSelection] = useState([]);
diff --git a/components/doc/organizationchart/pt/wireframe.js b/components/doc/organizationchart/pt/wireframe.js
index 980dd4ab69..58eb355dd3 100644
--- a/components/doc/organizationchart/pt/wireframe.js
+++ b/components/doc/organizationchart/pt/wireframe.js
@@ -1,5 +1,4 @@
-import React from 'react';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export const Wireframe = (props) => {
return (
diff --git a/components/doc/organizationchart/selectiondoc.js b/components/doc/organizationchart/selectiondoc.js
index 25376819e0..3be1243cc7 100644
--- a/components/doc/organizationchart/selectiondoc.js
+++ b/components/doc/organizationchart/selectiondoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { OrganizationChart } from '@/components/lib/organizationchart/OrganizationChart';
import { useState } from 'react';
-import { OrganizationChart } from '../../lib/organizationchart/OrganizationChart';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function SelectionDoc(props) {
const [selection, setSelection] = useState([]);
diff --git a/components/doc/organizationchart/styledoc.js b/components/doc/organizationchart/styledoc.js
index 77b9e7e87a..a103b0f935 100644
--- a/components/doc/organizationchart/styledoc.js
+++ b/components/doc/organizationchart/styledoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyleDoc() {
return (
diff --git a/components/doc/organizationchart/templatedoc.js b/components/doc/organizationchart/templatedoc.js
index 1e30b95099..08b3b25b97 100644
--- a/components/doc/organizationchart/templatedoc.js
+++ b/components/doc/organizationchart/templatedoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { OrganizationChart } from '@/components/lib/organizationchart/OrganizationChart';
import { useState } from 'react';
-import { OrganizationChart } from '../../lib/organizationchart/OrganizationChart';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function TemplateDoc(props) {
const [data] = useState([
diff --git a/components/doc/organizationchart/theming/styleddoc.js b/components/doc/organizationchart/theming/styleddoc.js
index 7082108d85..3a07e9fdc5 100644
--- a/components/doc/organizationchart/theming/styleddoc.js
+++ b/components/doc/organizationchart/theming/styleddoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyledDoc(props) {
return (
diff --git a/components/doc/organizationchart/theming/tailwinddoc.js b/components/doc/organizationchart/theming/tailwinddoc.js
index b2586a107f..429efe3322 100644
--- a/components/doc/organizationchart/theming/tailwinddoc.js
+++ b/components/doc/organizationchart/theming/tailwinddoc.js
@@ -1,6 +1,6 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function TailwindDoc(props) {
const code = {
diff --git a/components/doc/overlaypanel/accessibilitydoc.js b/components/doc/overlaypanel/accessibilitydoc.js
index 3202532c4c..2962db167d 100644
--- a/components/doc/overlaypanel/accessibilitydoc.js
+++ b/components/doc/overlaypanel/accessibilitydoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DevelopmentSection } from '../common/developmentsection';
+import { DevelopmentSection } from '@/components/doc/common/developmentsection';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function AccessibilityDoc() {
return (
diff --git a/components/doc/overlaypanel/basicdoc.js b/components/doc/overlaypanel/basicdoc.js
index 2148d142f9..a47c526713 100644
--- a/components/doc/overlaypanel/basicdoc.js
+++ b/components/doc/overlaypanel/basicdoc.js
@@ -1,8 +1,8 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { OverlayPanel } from '@/components/lib/overlaypanel/OverlayPanel';
import { useRef } from 'react';
-import { Button } from '../../lib/button/Button';
-import { OverlayPanel } from '../../lib/overlaypanel/OverlayPanel';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function BasicDoc(props) {
const op = useRef(null);
diff --git a/components/doc/overlaypanel/datatabledoc.js b/components/doc/overlaypanel/datatabledoc.js
index 52297d1885..636c2f0bf8 100644
--- a/components/doc/overlaypanel/datatabledoc.js
+++ b/components/doc/overlaypanel/datatabledoc.js
@@ -1,12 +1,12 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { Column } from '@/components/lib/column/Column';
+import { DataTable } from '@/components/lib/datatable/DataTable';
+import { OverlayPanel } from '@/components/lib/overlaypanel/OverlayPanel';
+import { Toast } from '@/components/lib/toast/Toast';
import { useEffect, useRef, useState } from 'react';
import { ProductService } from '../../../service/ProductService';
-import { Button } from '../../lib/button/Button';
-import { Column } from '../../lib/column/Column';
-import { DataTable } from '../../lib/datatable/DataTable';
-import { OverlayPanel } from '../../lib/overlaypanel/OverlayPanel';
-import { Toast } from '../../lib/toast/Toast';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function DataTableDoc(props) {
const [products, setProducts] = useState(null);
diff --git a/components/doc/overlaypanel/importdoc.js b/components/doc/overlaypanel/importdoc.js
index 908818d4b3..724ff3f410 100644
--- a/components/doc/overlaypanel/importdoc.js
+++ b/components/doc/overlaypanel/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/overlaypanel/pt/ptdoc.js b/components/doc/overlaypanel/pt/ptdoc.js
index b924a8d667..9b739bb301 100644
--- a/components/doc/overlaypanel/pt/ptdoc.js
+++ b/components/doc/overlaypanel/pt/ptdoc.js
@@ -1,8 +1,8 @@
-import React, { useRef } from 'react';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
-import { OverlayPanel } from '../../../lib/overlaypanel/OverlayPanel';
-import { Button } from '../../../lib/button/Button';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { OverlayPanel } from '@/components/lib/overlaypanel/OverlayPanel';
+import { useRef } from 'react';
export function PTDoc(props) {
const op = useRef(null);
diff --git a/components/doc/overlaypanel/pt/wireframe.js b/components/doc/overlaypanel/pt/wireframe.js
index 434bc93dbe..5327ef2385 100644
--- a/components/doc/overlaypanel/pt/wireframe.js
+++ b/components/doc/overlaypanel/pt/wireframe.js
@@ -1,5 +1,4 @@
-import React from 'react';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export const Wireframe = (props) => {
return (
diff --git a/components/doc/overlaypanel/styledoc.js b/components/doc/overlaypanel/styledoc.js
index c526de4de1..e568bd501a 100644
--- a/components/doc/overlaypanel/styledoc.js
+++ b/components/doc/overlaypanel/styledoc.js
@@ -1,6 +1,6 @@
import Link from 'next/link';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyleDoc() {
return (
diff --git a/components/doc/overlaypanel/theming/styleddoc.js b/components/doc/overlaypanel/theming/styleddoc.js
index 46d90296d8..f581dc5bbf 100644
--- a/components/doc/overlaypanel/theming/styleddoc.js
+++ b/components/doc/overlaypanel/theming/styleddoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyledDoc(props) {
return (
diff --git a/components/doc/overlaypanel/theming/tailwinddoc.js b/components/doc/overlaypanel/theming/tailwinddoc.js
index 0aab6014de..c40f5e72ad 100644
--- a/components/doc/overlaypanel/theming/tailwinddoc.js
+++ b/components/doc/overlaypanel/theming/tailwinddoc.js
@@ -1,6 +1,6 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function TailwindDoc(props) {
const code = {
diff --git a/components/doc/paginator/accessibilitydoc.js b/components/doc/paginator/accessibilitydoc.js
index 1d7cce1e35..3c3841ac2f 100644
--- a/components/doc/paginator/accessibilitydoc.js
+++ b/components/doc/paginator/accessibilitydoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DevelopmentSection } from '../common/developmentsection';
+import { DevelopmentSection } from '@/components/doc/common/developmentsection';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
diff --git a/components/doc/paginator/basicdoc.js b/components/doc/paginator/basicdoc.js
index 3d31482f81..2b68646dd8 100644
--- a/components/doc/paginator/basicdoc.js
+++ b/components/doc/paginator/basicdoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Paginator } from '@/components/lib/paginator/Paginator';
import { useState } from 'react';
-import { Paginator } from '../../lib/paginator/Paginator';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function BasicDoc(props) {
const [first, setFirst] = useState(0);
diff --git a/components/doc/paginator/imagesdoc.js b/components/doc/paginator/imagesdoc.js
index c97ff169ee..4de20d4aaa 100644
--- a/components/doc/paginator/imagesdoc.js
+++ b/components/doc/paginator/imagesdoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Paginator } from '@/components/lib/paginator/Paginator';
import { useState } from 'react';
-import { Paginator } from '../../lib/paginator/Paginator';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function ImagesDoc(props) {
const [first, setFirst] = useState(0);
diff --git a/components/doc/paginator/importdoc.js b/components/doc/paginator/importdoc.js
index cebbcc4c53..0315da9f25 100644
--- a/components/doc/paginator/importdoc.js
+++ b/components/doc/paginator/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/paginator/layoutdoc.js b/components/doc/paginator/layoutdoc.js
index da3f65c3c6..90a0a2580c 100644
--- a/components/doc/paginator/layoutdoc.js
+++ b/components/doc/paginator/layoutdoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Paginator } from '@/components/lib/paginator/Paginator';
import { useState } from 'react';
-import { Paginator } from '../../lib/paginator/Paginator';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function LayoutDoc(props) {
const [first, setFirst] = useState(0);
diff --git a/components/doc/paginator/pt/ptdoc.js b/components/doc/paginator/pt/ptdoc.js
index f00e7c64d0..4186dacf39 100644
--- a/components/doc/paginator/pt/ptdoc.js
+++ b/components/doc/paginator/pt/ptdoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Paginator } from '@/components/lib/paginator/Paginator';
import { useState } from 'react';
-import { Paginator } from '../../../lib/paginator/Paginator';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function PTDoc(props) {
const [first, setFirst] = useState(0);
diff --git a/components/doc/paginator/pt/wireframe.js b/components/doc/paginator/pt/wireframe.js
index f37dde3b92..585c0dd589 100644
--- a/components/doc/paginator/pt/wireframe.js
+++ b/components/doc/paginator/pt/wireframe.js
@@ -1,5 +1,4 @@
-import React from 'react';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export const Wireframe = (props) => {
return (
diff --git a/components/doc/paginator/styledoc.js b/components/doc/paginator/styledoc.js
index c6403171cc..9451b50377 100644
--- a/components/doc/paginator/styledoc.js
+++ b/components/doc/paginator/styledoc.js
@@ -1,6 +1,6 @@
import Link from 'next/link';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyleDoc() {
return (
diff --git a/components/doc/paginator/templatedoc.js b/components/doc/paginator/templatedoc.js
index 4e707986bf..8dc34faaac 100644
--- a/components/doc/paginator/templatedoc.js
+++ b/components/doc/paginator/templatedoc.js
@@ -1,15 +1,15 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { Divider } from '@/components/lib/divider/Divider';
+import { Dropdown } from '@/components/lib/dropdown/Dropdown';
+import { InputText } from '@/components/lib/inputtext/InputText';
+import { Paginator } from '@/components/lib/paginator/Paginator';
+import { Ripple } from '@/components/lib/ripple/Ripple';
+import { Slider } from '@/components/lib/slider/Slider';
+import { Tooltip } from '@/components/lib/tooltip/Tooltip';
+import { classNames } from '@/components/lib/utils/Utils';
import React, { useState } from 'react';
-import { Button } from '../../lib/button/Button';
-import { Divider } from '../../lib/divider/Divider';
-import { Dropdown } from '../../lib/dropdown/Dropdown';
-import { InputText } from '../../lib/inputtext/InputText';
-import { Paginator } from '../../lib/paginator/Paginator';
-import { Ripple } from '../../lib/ripple/Ripple';
-import { Slider } from '../../lib/slider/Slider';
-import { Tooltip } from '../../lib/tooltip/Tooltip';
-import { classNames } from '../../lib/utils/Utils';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function TemplateDoc(props) {
const [first, setFirst] = useState([0, 0, 0]);
diff --git a/components/doc/paginator/theming/styleddoc.js b/components/doc/paginator/theming/styleddoc.js
index b9f9b124e1..14cf15a521 100644
--- a/components/doc/paginator/theming/styleddoc.js
+++ b/components/doc/paginator/theming/styleddoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyledDoc(props) {
return (
diff --git a/components/doc/paginator/theming/tailwinddoc.js b/components/doc/paginator/theming/tailwinddoc.js
index dfb8952506..bbf04a093f 100644
--- a/components/doc/paginator/theming/tailwinddoc.js
+++ b/components/doc/paginator/theming/tailwinddoc.js
@@ -1,6 +1,6 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function TailwindDoc(props) {
const code = {
diff --git a/components/doc/panel/accessibilitydoc.js b/components/doc/panel/accessibilitydoc.js
index d26272dac5..b372044cdf 100644
--- a/components/doc/panel/accessibilitydoc.js
+++ b/components/doc/panel/accessibilitydoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DevelopmentSection } from '../common/developmentsection';
+import { DevelopmentSection } from '@/components/doc/common/developmentsection';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function AccessibilityDoc() {
return (
diff --git a/components/doc/panel/basicdoc.js b/components/doc/panel/basicdoc.js
index 5757ff838b..3db400ea87 100644
--- a/components/doc/panel/basicdoc.js
+++ b/components/doc/panel/basicdoc.js
@@ -1,6 +1,6 @@
-import { Panel } from '../../lib/panel/Panel';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Panel } from '@/components/lib/panel/Panel';
export function BasicDoc(props) {
const code = {
diff --git a/components/doc/panel/importdoc.js b/components/doc/panel/importdoc.js
index 4df3ec3080..ee07ceeb5c 100644
--- a/components/doc/panel/importdoc.js
+++ b/components/doc/panel/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/panel/pt/ptdoc.js b/components/doc/panel/pt/ptdoc.js
index 74482e52b2..66914bb2e4 100644
--- a/components/doc/panel/pt/ptdoc.js
+++ b/components/doc/panel/pt/ptdoc.js
@@ -1,6 +1,6 @@
-import { Panel } from '../../../lib/panel/Panel';
-import { DocSectionText } from '../../common/docsectiontext';
-import { DocSectionCode } from '../../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Panel } from '@/components/lib/panel/Panel';
export function PTDoc(props) {
const code = {
diff --git a/components/doc/panel/pt/wireframe.js b/components/doc/panel/pt/wireframe.js
index 6f47839536..74aa7798bc 100644
--- a/components/doc/panel/pt/wireframe.js
+++ b/components/doc/panel/pt/wireframe.js
@@ -1,5 +1,4 @@
-import React from 'react';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export const Wireframe = (props) => {
return (
diff --git a/components/doc/panel/styledoc.js b/components/doc/panel/styledoc.js
index 577f07fbcb..f94b7f08aa 100644
--- a/components/doc/panel/styledoc.js
+++ b/components/doc/panel/styledoc.js
@@ -1,6 +1,6 @@
import Link from 'next/link';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyleDoc() {
return (
diff --git a/components/doc/panel/templatedoc.js b/components/doc/panel/templatedoc.js
index 72fcd571be..d34cc23a0c 100644
--- a/components/doc/panel/templatedoc.js
+++ b/components/doc/panel/templatedoc.js
@@ -1,7 +1,7 @@
-import { Panel } from '../../lib/panel/Panel';
-import { Ripple } from '../../lib/ripple/Ripple';
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Panel } from '@/components/lib/panel/Panel';
+import { Ripple } from '@/components/lib/ripple/Ripple';
export function TemplateDoc(props) {
const template = (options) => {
diff --git a/components/doc/panel/theming/styleddoc.js b/components/doc/panel/theming/styleddoc.js
index dd5316d0cd..e889852744 100644
--- a/components/doc/panel/theming/styleddoc.js
+++ b/components/doc/panel/theming/styleddoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyledDoc(props) {
return (
diff --git a/components/doc/panel/theming/tailwinddoc.js b/components/doc/panel/theming/tailwinddoc.js
index 780b5da047..4b8ebe25de 100644
--- a/components/doc/panel/theming/tailwinddoc.js
+++ b/components/doc/panel/theming/tailwinddoc.js
@@ -1,6 +1,6 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function TailwindDoc(props) {
const code = {
diff --git a/components/doc/panel/toggleabledoc.js b/components/doc/panel/toggleabledoc.js
index 9a0627fad1..5a9bd8e9d2 100644
--- a/components/doc/panel/toggleabledoc.js
+++ b/components/doc/panel/toggleabledoc.js
@@ -1,8 +1,8 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { Panel } from '@/components/lib/panel/Panel';
import { useRef } from 'react';
-import { Button } from '../../lib/button/Button';
-import { Panel } from '../../lib/panel/Panel';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function ToggleableDoc(props) {
const ref = useRef(null);
diff --git a/components/doc/panelmenu/accessibilitydoc.js b/components/doc/panelmenu/accessibilitydoc.js
index 5a168b9e57..7ff38bb663 100644
--- a/components/doc/panelmenu/accessibilitydoc.js
+++ b/components/doc/panelmenu/accessibilitydoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DevelopmentSection } from '../common/developmentsection';
+import { DevelopmentSection } from '@/components/doc/common/developmentsection';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function AccessibilityDoc() {
return (
diff --git a/components/doc/panelmenu/basicdoc.js b/components/doc/panelmenu/basicdoc.js
index 4a2b364271..159e067acd 100644
--- a/components/doc/panelmenu/basicdoc.js
+++ b/components/doc/panelmenu/basicdoc.js
@@ -1,6 +1,6 @@
-import { PanelMenu } from '../../lib/panelmenu/PanelMenu';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { PanelMenu } from '@/components/lib/panelmenu/PanelMenu';
export function BasicDoc(props) {
const items = [
diff --git a/components/doc/panelmenu/importdoc.js b/components/doc/panelmenu/importdoc.js
index 2386192a4d..12f9c46796 100644
--- a/components/doc/panelmenu/importdoc.js
+++ b/components/doc/panelmenu/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/panelmenu/multipledoc.js b/components/doc/panelmenu/multipledoc.js
index 2d2efe2a87..092d7cb2e5 100644
--- a/components/doc/panelmenu/multipledoc.js
+++ b/components/doc/panelmenu/multipledoc.js
@@ -1,6 +1,6 @@
-import { PanelMenu } from '../../lib/panelmenu/PanelMenu';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { PanelMenu } from '@/components/lib/panelmenu/PanelMenu';
export function MultipleDoc(props) {
const items = [
diff --git a/components/doc/panelmenu/pt/ptdoc.js b/components/doc/panelmenu/pt/ptdoc.js
index 95355745a6..ae4a31ee36 100644
--- a/components/doc/panelmenu/pt/ptdoc.js
+++ b/components/doc/panelmenu/pt/ptdoc.js
@@ -1,6 +1,6 @@
-import { PanelMenu } from '../../../lib/panelmenu/PanelMenu';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { PanelMenu } from '@/components/lib/panelmenu/PanelMenu';
export function PTDoc(props) {
const items = [
diff --git a/components/doc/panelmenu/pt/wireframe.js b/components/doc/panelmenu/pt/wireframe.js
index d641272578..4944b5931a 100644
--- a/components/doc/panelmenu/pt/wireframe.js
+++ b/components/doc/panelmenu/pt/wireframe.js
@@ -1,5 +1,4 @@
-import React from 'react';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export const Wireframe = (props) => {
return (
diff --git a/components/doc/panelmenu/styledoc.js b/components/doc/panelmenu/styledoc.js
index 150da7e249..4afd1e0db9 100644
--- a/components/doc/panelmenu/styledoc.js
+++ b/components/doc/panelmenu/styledoc.js
@@ -1,6 +1,6 @@
import Link from 'next/link';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyleDoc() {
return (
diff --git a/components/doc/panelmenu/theming/styleddoc.js b/components/doc/panelmenu/theming/styleddoc.js
index 41a34fb7af..e8856ce23e 100644
--- a/components/doc/panelmenu/theming/styleddoc.js
+++ b/components/doc/panelmenu/theming/styleddoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyledDoc(props) {
return (
diff --git a/components/doc/panelmenu/theming/tailwinddoc.js b/components/doc/panelmenu/theming/tailwinddoc.js
index ae7cd78a7d..e61c184961 100644
--- a/components/doc/panelmenu/theming/tailwinddoc.js
+++ b/components/doc/panelmenu/theming/tailwinddoc.js
@@ -1,6 +1,6 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function TailwindDoc(props) {
const code = {
diff --git a/components/doc/passthrough/basicdoc.js b/components/doc/passthrough/basicdoc.js
index b981350b60..0675446484 100644
--- a/components/doc/passthrough/basicdoc.js
+++ b/components/doc/passthrough/basicdoc.js
@@ -1,7 +1,7 @@
-import { Panel } from '../../lib/panel/Panel';
-import { classNames } from '../../lib/utils/Utils';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Panel } from '@/components/lib/panel/Panel';
+import { classNames } from '@/components/lib/utils/Utils';
export function BasicDoc(props) {
const code = {
diff --git a/components/doc/passthrough/customcss.js b/components/doc/passthrough/customcss.js
index 53959d2093..7928b55f21 100644
--- a/components/doc/passthrough/customcss.js
+++ b/components/doc/passthrough/customcss.js
@@ -1,5 +1,5 @@
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function CustomCSSDoc(props) {
const code = {
diff --git a/components/doc/passthrough/globalptdoc.js b/components/doc/passthrough/globalptdoc.js
index ad829bbbc8..0f91db55c3 100644
--- a/components/doc/passthrough/globalptdoc.js
+++ b/components/doc/passthrough/globalptdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function GlobalPTDoc(props) {
const code = {
diff --git a/components/doc/passthrough/lifecycle.js b/components/doc/passthrough/lifecycle.js
index 9550d74cc9..2f1f7712be 100644
--- a/components/doc/passthrough/lifecycle.js
+++ b/components/doc/passthrough/lifecycle.js
@@ -1,5 +1,5 @@
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function LifeCyleDoc(props) {
const code = {
diff --git a/components/doc/passthrough/usepassthroughdoc.js b/components/doc/passthrough/usepassthroughdoc.js
index b63e2ec029..989e03c5f8 100644
--- a/components/doc/passthrough/usepassthroughdoc.js
+++ b/components/doc/passthrough/usepassthroughdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function UsePassThroughDoc(props) {
const code1 = {
diff --git a/components/doc/password/accessibilitydoc.js b/components/doc/password/accessibilitydoc.js
index edf14de654..6a4f94a704 100644
--- a/components/doc/password/accessibilitydoc.js
+++ b/components/doc/password/accessibilitydoc.js
@@ -1,6 +1,6 @@
-import { DevelopmentSection } from '../common/developmentsection';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DevelopmentSection } from '@/components/doc/common/developmentsection';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function AccessibilityDoc() {
const code = {
diff --git a/components/doc/password/basicdoc.js b/components/doc/password/basicdoc.js
index 58f706b1b9..2dcac90752 100644
--- a/components/doc/password/basicdoc.js
+++ b/components/doc/password/basicdoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Password } from '@/components/lib/password/Password';
import { useState } from 'react';
-import { Password } from '../../lib/password/Password';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function BasicDoc(props) {
const [value, setValue] = useState('');
diff --git a/components/doc/password/disableddoc.js b/components/doc/password/disableddoc.js
index 3a1f2365f8..c6c328fbf0 100644
--- a/components/doc/password/disableddoc.js
+++ b/components/doc/password/disableddoc.js
@@ -1,6 +1,6 @@
-import { Password } from '../../lib/password/Password';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Password } from '@/components/lib/password/Password';
export function DisabledDoc(props) {
const code = {
diff --git a/components/doc/password/floatlabeldoc.js b/components/doc/password/floatlabeldoc.js
index 3193fbec27..ffb3cc34cd 100644
--- a/components/doc/password/floatlabeldoc.js
+++ b/components/doc/password/floatlabeldoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Password } from '@/components/lib/password/Password';
import { useState } from 'react';
-import { Password } from '../../lib/password/Password';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function FloatLabelDoc(props) {
const [value, setValue] = useState('');
diff --git a/components/doc/password/form/formikdoc.js b/components/doc/password/form/formikdoc.js
index 9f5b327605..ec96128b95 100644
--- a/components/doc/password/form/formikdoc.js
+++ b/components/doc/password/form/formikdoc.js
@@ -1,11 +1,11 @@
-import { useRef } from 'react';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { Password } from '@/components/lib/password/Password';
+import { Toast } from '@/components/lib/toast/Toast';
+import { classNames } from '@/components/lib/utils/Utils';
import { useFormik } from 'formik';
-import { DocSectionText } from '../../common/docsectiontext';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { Button } from '../../../lib/button/Button';
-import { Toast } from '../../../lib/toast/Toast';
-import { classNames } from '../../../lib/utils/Utils';
-import { Password } from '../../../lib/password/Password';
+import { useRef } from 'react';
export function FormikDoc(props) {
const toast = useRef(null);
diff --git a/components/doc/password/form/hookformdoc.js b/components/doc/password/form/hookformdoc.js
index 1384535ea2..f7e736f3d0 100644
--- a/components/doc/password/form/hookformdoc.js
+++ b/components/doc/password/form/hookformdoc.js
@@ -1,11 +1,11 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { Password } from '@/components/lib/password/Password';
+import { Toast } from '@/components/lib/toast/Toast';
+import { classNames } from '@/components/lib/utils/Utils';
import { useRef } from 'react';
import { Controller, useForm } from 'react-hook-form';
-import { Button } from '../../../lib/button/Button';
-import { Password } from '../../../lib/password/Password';
-import { Toast } from '../../../lib/toast/Toast';
-import { classNames } from '../../../lib/utils/Utils';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function HookFormDoc(props) {
const toast = useRef(null);
diff --git a/components/doc/password/importdoc.js b/components/doc/password/importdoc.js
index b27e7bb131..036415573a 100644
--- a/components/doc/password/importdoc.js
+++ b/components/doc/password/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/password/invaliddoc.js b/components/doc/password/invaliddoc.js
index db01dadabd..2834972aef 100644
--- a/components/doc/password/invaliddoc.js
+++ b/components/doc/password/invaliddoc.js
@@ -1,6 +1,6 @@
-import { Password } from '../../lib/password/Password';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Password } from '@/components/lib/password/Password';
export function InvalidDoc(props) {
const code = {
diff --git a/components/doc/password/localedoc.js b/components/doc/password/localedoc.js
index abe2a22d3d..7f5c70961c 100644
--- a/components/doc/password/localedoc.js
+++ b/components/doc/password/localedoc.js
@@ -1,8 +1,8 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Password } from '@/components/lib/password/Password';
import Link from 'next/link';
import { useState } from 'react';
-import { Password } from '../../lib/password/Password';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function LocaleDoc(props) {
const [value, setValue] = useState('');
diff --git a/components/doc/password/meterdoc.js b/components/doc/password/meterdoc.js
index fc7d47ff3b..e63cebb76b 100644
--- a/components/doc/password/meterdoc.js
+++ b/components/doc/password/meterdoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Password } from '@/components/lib/password/Password';
import { useState } from 'react';
-import { Password } from '../../lib/password/Password';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function MeterDoc(props) {
const [value, setValue] = useState('');
diff --git a/components/doc/password/pt/ptdoc.js b/components/doc/password/pt/ptdoc.js
index fef2b81cdf..f46e4ae927 100644
--- a/components/doc/password/pt/ptdoc.js
+++ b/components/doc/password/pt/ptdoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Password } from '@/components/lib/password/Password';
import { useState } from 'react';
-import { Password } from '../../../lib/password/Password';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function PTDoc(props) {
const [value, setValue] = useState('');
diff --git a/components/doc/password/pt/wireframe.js b/components/doc/password/pt/wireframe.js
index 72b9f66f0f..70b8013005 100644
--- a/components/doc/password/pt/wireframe.js
+++ b/components/doc/password/pt/wireframe.js
@@ -1,5 +1,4 @@
-import React from 'react';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export const Wireframe = (props) => {
return (
diff --git a/components/doc/password/styledoc.js b/components/doc/password/styledoc.js
index 2789b75c0d..5a1cb8d2f2 100644
--- a/components/doc/password/styledoc.js
+++ b/components/doc/password/styledoc.js
@@ -1,6 +1,6 @@
import Link from 'next/link';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyleDoc() {
return (
diff --git a/components/doc/password/templatedoc.js b/components/doc/password/templatedoc.js
index 4d5cb54b0e..a16cf21585 100644
--- a/components/doc/password/templatedoc.js
+++ b/components/doc/password/templatedoc.js
@@ -1,8 +1,8 @@
-import React, { useState } from 'react';
-import { Divider } from '../../lib/divider/Divider';
-import { Password } from '../../lib/password/Password';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Divider } from '@/components/lib/divider/Divider';
+import { Password } from '@/components/lib/password/Password';
+import { useState } from 'react';
export function TemplateDoc(props) {
const [value, setValue] = useState('');
diff --git a/components/doc/password/theming/styleddoc.js b/components/doc/password/theming/styleddoc.js
index 6a1a120333..06b4b78d90 100644
--- a/components/doc/password/theming/styleddoc.js
+++ b/components/doc/password/theming/styleddoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyledDoc(props) {
return (
diff --git a/components/doc/password/theming/tailwinddoc.js b/components/doc/password/theming/tailwinddoc.js
index b4d3d3bb85..5b6a12b4c0 100644
--- a/components/doc/password/theming/tailwinddoc.js
+++ b/components/doc/password/theming/tailwinddoc.js
@@ -1,6 +1,6 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function TailwindDoc(props) {
const code = {
diff --git a/components/doc/password/togglemaskdoc.js b/components/doc/password/togglemaskdoc.js
index 63d9fd7eb3..0f6199a09c 100644
--- a/components/doc/password/togglemaskdoc.js
+++ b/components/doc/password/togglemaskdoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Password } from '@/components/lib/password/Password';
import { useState } from 'react';
-import { Password } from '../../lib/password/Password';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function ToggleMaskDoc(props) {
const [value, setValue] = useState('');
diff --git a/components/doc/picklist/accessibilitydoc.js b/components/doc/picklist/accessibilitydoc.js
index e40c8c8217..24831c6773 100644
--- a/components/doc/picklist/accessibilitydoc.js
+++ b/components/doc/picklist/accessibilitydoc.js
@@ -1,8 +1,8 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DevelopmentSection } from '../common/developmentsection';
+import { DevelopmentSection } from '@/components/doc/common/developmentsection';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { CodeHighlight } from '@/components/doc/common/codehighlight';
import Link from 'next/link';
-import { CodeHighlight } from '../common/codehighlight';
export function AccessibilityDoc() {
return (
diff --git a/components/doc/picklist/basicdoc.js b/components/doc/picklist/basicdoc.js
index 96cb875efa..79c7a4189c 100644
--- a/components/doc/picklist/basicdoc.js
+++ b/components/doc/picklist/basicdoc.js
@@ -1,8 +1,8 @@
-import React, { useEffect, useState } from 'react';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { PickList } from '@/components/lib/picklist/PickList';
+import { useEffect, useState } from 'react';
import { ProductService } from '../../../service/ProductService';
-import { PickList } from '../../lib/picklist/PickList';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function BasicDoc(props) {
const [source, setSource] = useState([]);
diff --git a/components/doc/picklist/filterdoc.js b/components/doc/picklist/filterdoc.js
index 48f8bff318..6b4df140cc 100644
--- a/components/doc/picklist/filterdoc.js
+++ b/components/doc/picklist/filterdoc.js
@@ -1,8 +1,8 @@
-import React, { useEffect, useState } from 'react';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { PickList } from '@/components/lib/picklist/PickList';
+import { useEffect, useState } from 'react';
import { ProductService } from '../../../service/ProductService';
-import { PickList } from '../../lib/picklist/PickList';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function FilterDoc(props) {
const [source, setSource] = useState([]);
diff --git a/components/doc/picklist/importdoc.js b/components/doc/picklist/importdoc.js
index e92d37f269..f3f40927e4 100644
--- a/components/doc/picklist/importdoc.js
+++ b/components/doc/picklist/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/picklist/pt/ptdoc.js b/components/doc/picklist/pt/ptdoc.js
index a86d6f0d99..2c7fc0829d 100644
--- a/components/doc/picklist/pt/ptdoc.js
+++ b/components/doc/picklist/pt/ptdoc.js
@@ -1,8 +1,8 @@
-import React, { useEffect, useState } from 'react';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { PickList } from '@/components/lib/picklist/PickList';
+import { useEffect, useState } from 'react';
import { ProductService } from '../../../../service/ProductService';
-import { PickList } from '../../../lib/picklist/PickList';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function PTDoc(props) {
const [source, setSource] = useState([]);
diff --git a/components/doc/picklist/pt/wireframe.js b/components/doc/picklist/pt/wireframe.js
index 30a94d0c96..6801036b1c 100644
--- a/components/doc/picklist/pt/wireframe.js
+++ b/components/doc/picklist/pt/wireframe.js
@@ -1,5 +1,4 @@
-import React from 'react';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export const Wireframe = (props) => {
return (
diff --git a/components/doc/picklist/styledoc.js b/components/doc/picklist/styledoc.js
index 18f3aacefe..e920ee9c6b 100644
--- a/components/doc/picklist/styledoc.js
+++ b/components/doc/picklist/styledoc.js
@@ -1,6 +1,6 @@
import Link from 'next/link';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyleDoc() {
return (
diff --git a/components/doc/picklist/theming/styleddoc.js b/components/doc/picklist/theming/styleddoc.js
index 052523acfa..ab423ad0f2 100644
--- a/components/doc/picklist/theming/styleddoc.js
+++ b/components/doc/picklist/theming/styleddoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyledDoc(props) {
return (
diff --git a/components/doc/picklist/theming/tailwinddoc.js b/components/doc/picklist/theming/tailwinddoc.js
index b9774cb1f7..10f3f39ca8 100644
--- a/components/doc/picklist/theming/tailwinddoc.js
+++ b/components/doc/picklist/theming/tailwinddoc.js
@@ -1,6 +1,6 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function TailwindDoc(props) {
const code = {
diff --git a/components/doc/progressbar/accessibilitydoc.js b/components/doc/progressbar/accessibilitydoc.js
index b4d4a14e18..9c9d1b85db 100644
--- a/components/doc/progressbar/accessibilitydoc.js
+++ b/components/doc/progressbar/accessibilitydoc.js
@@ -1,6 +1,6 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DevelopmentSection } from '../common/developmentsection';
-import { CodeHighlight } from '../common/codehighlight';
+import { CodeHighlight } from '@/components/doc/common/codehighlight';
+import { DevelopmentSection } from '@/components/doc/common/developmentsection';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function AccessibilityDoc() {
return (
diff --git a/components/doc/progressbar/basicdoc.js b/components/doc/progressbar/basicdoc.js
index c423850198..5427d6ca38 100644
--- a/components/doc/progressbar/basicdoc.js
+++ b/components/doc/progressbar/basicdoc.js
@@ -1,7 +1,6 @@
-import React from 'react';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
-import { ProgressBar } from '../../lib/progressbar/ProgressBar';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { ProgressBar } from '@/components/lib/progressbar/ProgressBar';
export function BasicDoc(props) {
const code = {
diff --git a/components/doc/progressbar/dynamicdoc.js b/components/doc/progressbar/dynamicdoc.js
index c59b492374..e9be170dec 100644
--- a/components/doc/progressbar/dynamicdoc.js
+++ b/components/doc/progressbar/dynamicdoc.js
@@ -1,8 +1,8 @@
-import React, { useState, useEffect, useRef } from 'react';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
-import { ProgressBar } from '../../lib/progressbar/ProgressBar';
-import { Toast } from '../../lib/toast/Toast';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { ProgressBar } from '@/components/lib/progressbar/ProgressBar';
+import { Toast } from '@/components/lib/toast/Toast';
+import { useEffect, useRef, useState } from 'react';
export function DynamicDoc(props) {
const [value, setValue] = useState(0);
diff --git a/components/doc/progressbar/importdoc.js b/components/doc/progressbar/importdoc.js
index 8d2153e89a..2999d6b836 100644
--- a/components/doc/progressbar/importdoc.js
+++ b/components/doc/progressbar/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/progressbar/indeterminatedoc.js b/components/doc/progressbar/indeterminatedoc.js
index c551abe665..440e673beb 100644
--- a/components/doc/progressbar/indeterminatedoc.js
+++ b/components/doc/progressbar/indeterminatedoc.js
@@ -1,7 +1,6 @@
-import React from 'react';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
-import { ProgressBar } from '../../lib/progressbar/ProgressBar';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { ProgressBar } from '@/components/lib/progressbar/ProgressBar';
export function IndeterminateDoc(props) {
const code = {
diff --git a/components/doc/progressbar/pt/ptdoc.js b/components/doc/progressbar/pt/ptdoc.js
index 3b2c2f1900..72ab194bdf 100644
--- a/components/doc/progressbar/pt/ptdoc.js
+++ b/components/doc/progressbar/pt/ptdoc.js
@@ -1,7 +1,6 @@
-import React from 'react';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
-import { ProgressBar } from '../../../lib/progressbar/ProgressBar';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { ProgressBar } from '@/components/lib/progressbar/ProgressBar';
export function PTDoc(props) {
const code = {
diff --git a/components/doc/progressbar/pt/wireframe.js b/components/doc/progressbar/pt/wireframe.js
index 7a643f8c5b..28f60bda9b 100644
--- a/components/doc/progressbar/pt/wireframe.js
+++ b/components/doc/progressbar/pt/wireframe.js
@@ -1,5 +1,4 @@
-import React from 'react';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export const Wireframe = (props) => {
return (
diff --git a/components/doc/progressbar/styledoc.js b/components/doc/progressbar/styledoc.js
index 9b170dd20c..83898e2c32 100644
--- a/components/doc/progressbar/styledoc.js
+++ b/components/doc/progressbar/styledoc.js
@@ -1,6 +1,6 @@
import Link from 'next/link';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyleDoc() {
return (
diff --git a/components/doc/progressbar/templatedoc.js b/components/doc/progressbar/templatedoc.js
index 977063b641..ff8635a360 100644
--- a/components/doc/progressbar/templatedoc.js
+++ b/components/doc/progressbar/templatedoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { ProgressBar } from '@/components/lib/progressbar/ProgressBar';
import React from 'react';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
-import { ProgressBar } from '../../lib/progressbar/ProgressBar';
export function TemplateDoc(props) {
const valueTemplate = (value) => {
diff --git a/components/doc/progressbar/theming/styleddoc.js b/components/doc/progressbar/theming/styleddoc.js
index 615b107f76..4880b489f3 100644
--- a/components/doc/progressbar/theming/styleddoc.js
+++ b/components/doc/progressbar/theming/styleddoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyledDoc(props) {
return (
diff --git a/components/doc/progressbar/theming/tailwinddoc.js b/components/doc/progressbar/theming/tailwinddoc.js
index 6a77b17071..79580ba778 100644
--- a/components/doc/progressbar/theming/tailwinddoc.js
+++ b/components/doc/progressbar/theming/tailwinddoc.js
@@ -1,6 +1,6 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function TailwindDoc(props) {
const code = {
diff --git a/components/doc/progressspinner/accessibilitydoc.js b/components/doc/progressspinner/accessibilitydoc.js
index 84aa4d9320..9981b36a7c 100644
--- a/components/doc/progressspinner/accessibilitydoc.js
+++ b/components/doc/progressspinner/accessibilitydoc.js
@@ -1,6 +1,6 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DevelopmentSection } from '../common/developmentsection';
-import { CodeHighlight } from '../common/codehighlight';
+import { CodeHighlight } from '@/components/doc/common/codehighlight';
+import { DevelopmentSection } from '@/components/doc/common/developmentsection';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function AccessibilityDoc() {
return (
diff --git a/components/doc/progressspinner/basicdoc.js b/components/doc/progressspinner/basicdoc.js
index d151df7fcf..9fa8b77314 100644
--- a/components/doc/progressspinner/basicdoc.js
+++ b/components/doc/progressspinner/basicdoc.js
@@ -1,7 +1,6 @@
-import React from 'react';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
-import { ProgressSpinner } from '../../lib/progressspinner/ProgressSpinner';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { ProgressSpinner } from '@/components/lib/progressspinner/ProgressSpinner';
export function BasicDoc(props) {
const code = {
diff --git a/components/doc/progressspinner/customdoc.js b/components/doc/progressspinner/customdoc.js
index 0a4c26481e..94cf2ff5a4 100644
--- a/components/doc/progressspinner/customdoc.js
+++ b/components/doc/progressspinner/customdoc.js
@@ -1,7 +1,6 @@
-import React from 'react';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
-import { ProgressSpinner } from '../../lib/progressspinner/ProgressSpinner';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { ProgressSpinner } from '@/components/lib/progressspinner/ProgressSpinner';
export function CustomDoc(props) {
const code = {
diff --git a/components/doc/progressspinner/importdoc.js b/components/doc/progressspinner/importdoc.js
index 62834f91e7..5a3723ebfb 100644
--- a/components/doc/progressspinner/importdoc.js
+++ b/components/doc/progressspinner/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/progressspinner/pt/ptdoc.js b/components/doc/progressspinner/pt/ptdoc.js
index c0d98e0207..9beb627e84 100644
--- a/components/doc/progressspinner/pt/ptdoc.js
+++ b/components/doc/progressspinner/pt/ptdoc.js
@@ -1,7 +1,6 @@
-import React from 'react';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
-import { ProgressSpinner } from '../../../lib/progressspinner/ProgressSpinner';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { ProgressSpinner } from '@/components/lib/progressspinner/ProgressSpinner';
export function PTDoc(props) {
const code = {
diff --git a/components/doc/progressspinner/pt/wireframe.js b/components/doc/progressspinner/pt/wireframe.js
index 2c161f8ec4..6950d1f8c9 100644
--- a/components/doc/progressspinner/pt/wireframe.js
+++ b/components/doc/progressspinner/pt/wireframe.js
@@ -1,5 +1,4 @@
-import React from 'react';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export const Wireframe = (props) => {
return (
diff --git a/components/doc/progressspinner/styledoc.js b/components/doc/progressspinner/styledoc.js
index 8560e5cc3f..c6d7fbfc84 100644
--- a/components/doc/progressspinner/styledoc.js
+++ b/components/doc/progressspinner/styledoc.js
@@ -1,6 +1,6 @@
import Link from 'next/link';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyleDoc() {
return (
diff --git a/components/doc/progressspinner/theming/styleddoc.js b/components/doc/progressspinner/theming/styleddoc.js
index d7f8aa01b2..c6a16889ba 100644
--- a/components/doc/progressspinner/theming/styleddoc.js
+++ b/components/doc/progressspinner/theming/styleddoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyledDoc(props) {
return (
diff --git a/components/doc/progressspinner/theming/tailwinddoc.js b/components/doc/progressspinner/theming/tailwinddoc.js
index 177034a2b2..64d2670987 100644
--- a/components/doc/progressspinner/theming/tailwinddoc.js
+++ b/components/doc/progressspinner/theming/tailwinddoc.js
@@ -1,6 +1,6 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function TailwindDoc(props) {
const code = {
diff --git a/components/doc/radiobutton/accessibilitydoc.js b/components/doc/radiobutton/accessibilitydoc.js
index 5f8be6fafa..00a6d30779 100644
--- a/components/doc/radiobutton/accessibilitydoc.js
+++ b/components/doc/radiobutton/accessibilitydoc.js
@@ -1,6 +1,6 @@
-import { DevelopmentSection } from '../common/developmentsection';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DevelopmentSection } from '@/components/doc/common/developmentsection';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function AccessibilityDoc() {
const code = {
diff --git a/components/doc/radiobutton/disableddoc.js b/components/doc/radiobutton/disableddoc.js
index 23701e884e..5d3d2209d9 100644
--- a/components/doc/radiobutton/disableddoc.js
+++ b/components/doc/radiobutton/disableddoc.js
@@ -1,6 +1,6 @@
-import { RadioButton } from '../../lib/radiobutton/RadioButton';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { RadioButton } from '@/components/lib/radiobutton/RadioButton';
export function DisabledDoc(props) {
const code = {
diff --git a/components/doc/radiobutton/dynamicdoc.js b/components/doc/radiobutton/dynamicdoc.js
index 6df00b0d39..983c9a1f53 100644
--- a/components/doc/radiobutton/dynamicdoc.js
+++ b/components/doc/radiobutton/dynamicdoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { RadioButton } from '@/components/lib/radiobutton/RadioButton';
import { useState } from 'react';
-import { RadioButton } from '../../lib/radiobutton/RadioButton';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function DynamicDoc(props) {
const categories = [
diff --git a/components/doc/radiobutton/form/formikdoc.js b/components/doc/radiobutton/form/formikdoc.js
index c8c7e212dc..037a63233a 100644
--- a/components/doc/radiobutton/form/formikdoc.js
+++ b/components/doc/radiobutton/form/formikdoc.js
@@ -1,10 +1,10 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { RadioButton } from '@/components/lib/radiobutton/RadioButton';
+import { Toast } from '@/components/lib/toast/Toast';
import { useFormik } from 'formik';
-import React, { useRef } from 'react';
-import { Button } from '../../../lib/button/Button';
-import { RadioButton } from '../../../lib/radiobutton/RadioButton';
-import { Toast } from '../../../lib/toast/Toast';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
+import { useRef } from 'react';
export function FormikDoc(props) {
const toast = useRef(null);
diff --git a/components/doc/radiobutton/form/hookformdoc.js b/components/doc/radiobutton/form/hookformdoc.js
index fe037bec76..cd0dfc39bf 100644
--- a/components/doc/radiobutton/form/hookformdoc.js
+++ b/components/doc/radiobutton/form/hookformdoc.js
@@ -1,10 +1,10 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { RadioButton } from '@/components/lib/radiobutton/RadioButton';
+import { Toast } from '@/components/lib/toast/Toast';
import { useRef } from 'react';
import { Controller, useForm } from 'react-hook-form';
-import { Button } from '../../../lib/button/Button';
-import { RadioButton } from '../../../lib/radiobutton/RadioButton';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
-import { Toast } from '../../../lib/toast/Toast';
export function HookFormDoc(props) {
const toast = useRef(null);
diff --git a/components/doc/radiobutton/groupdoc.js b/components/doc/radiobutton/groupdoc.js
index 75f01b1ad6..b7fc1bfb6b 100644
--- a/components/doc/radiobutton/groupdoc.js
+++ b/components/doc/radiobutton/groupdoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { RadioButton } from '@/components/lib/radiobutton/RadioButton';
import { useState } from 'react';
-import { RadioButton } from '../../lib/radiobutton/RadioButton';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function GroupDoc(props) {
const [ingredient, setIngredient] = useState('');
diff --git a/components/doc/radiobutton/importdoc.js b/components/doc/radiobutton/importdoc.js
index 3dae6ada3f..abfdd9126f 100644
--- a/components/doc/radiobutton/importdoc.js
+++ b/components/doc/radiobutton/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/radiobutton/invaliddoc.js b/components/doc/radiobutton/invaliddoc.js
index 832411debb..b942f386f9 100644
--- a/components/doc/radiobutton/invaliddoc.js
+++ b/components/doc/radiobutton/invaliddoc.js
@@ -1,6 +1,6 @@
-import { RadioButton } from '../../lib/radiobutton/RadioButton';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { RadioButton } from '@/components/lib/radiobutton/RadioButton';
export function InvalidDoc(props) {
const code = {
diff --git a/components/doc/radiobutton/pt/ptdoc.js b/components/doc/radiobutton/pt/ptdoc.js
index 9113d0aaf8..46e58e28a9 100644
--- a/components/doc/radiobutton/pt/ptdoc.js
+++ b/components/doc/radiobutton/pt/ptdoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { RadioButton } from '@/components/lib/radiobutton/RadioButton';
import { useState } from 'react';
-import { RadioButton } from '../../../lib/radiobutton/RadioButton';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function PTDoc(props) {
const categories = [
diff --git a/components/doc/radiobutton/pt/wireframe.js b/components/doc/radiobutton/pt/wireframe.js
index 6f701ca69a..2fab726105 100644
--- a/components/doc/radiobutton/pt/wireframe.js
+++ b/components/doc/radiobutton/pt/wireframe.js
@@ -1,5 +1,4 @@
-import React from 'react';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export const Wireframe = (props) => {
return (
diff --git a/components/doc/radiobutton/styledoc.js b/components/doc/radiobutton/styledoc.js
index 9a269033a6..eeb55e4173 100644
--- a/components/doc/radiobutton/styledoc.js
+++ b/components/doc/radiobutton/styledoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
export function StyleDoc() {
diff --git a/components/doc/radiobutton/theming/styleddoc.js b/components/doc/radiobutton/theming/styleddoc.js
index d83cffdcd1..3591e9286b 100644
--- a/components/doc/radiobutton/theming/styleddoc.js
+++ b/components/doc/radiobutton/theming/styleddoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyledDoc(props) {
return (
diff --git a/components/doc/radiobutton/theming/tailwinddoc.js b/components/doc/radiobutton/theming/tailwinddoc.js
index c511144536..0053935095 100644
--- a/components/doc/radiobutton/theming/tailwinddoc.js
+++ b/components/doc/radiobutton/theming/tailwinddoc.js
@@ -1,6 +1,6 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function TailwindDoc(props) {
const code = {
diff --git a/components/doc/radiobutton/validationdoc.js b/components/doc/radiobutton/validationdoc.js
index ca9583fc93..51e6434d69 100644
--- a/components/doc/radiobutton/validationdoc.js
+++ b/components/doc/radiobutton/validationdoc.js
@@ -1,10 +1,10 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { RadioButton } from '@/components/lib/radiobutton/RadioButton';
+import { classNames } from '@/components/lib/utils/Utils';
import { useState } from 'react';
import { Controller, useForm } from 'react-hook-form';
-import { Button } from '../../lib/button/Button';
-import { RadioButton } from '../../lib/radiobutton/RadioButton';
-import { classNames } from '../../lib/utils/Utils';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function ValidationDoc(props) {
const [formData, setFormData] = useState({});
diff --git a/components/doc/rating/accessibilitydoc.js b/components/doc/rating/accessibilitydoc.js
index 2419b5d9fd..b797d69429 100644
--- a/components/doc/rating/accessibilitydoc.js
+++ b/components/doc/rating/accessibilitydoc.js
@@ -1,5 +1,5 @@
-import { DevelopmentSection } from '../common/developmentsection';
-import { DocSectionText } from '../common/docsectiontext';
+import { DevelopmentSection } from '@/components/doc/common/developmentsection';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
diff --git a/components/doc/rating/basicdoc.js b/components/doc/rating/basicdoc.js
index c42b5e4fd2..b45968461b 100644
--- a/components/doc/rating/basicdoc.js
+++ b/components/doc/rating/basicdoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Rating } from '@/components/lib/rating/Rating';
import { useState } from 'react';
-import { Rating } from '../../lib/rating/Rating';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function BasicDoc(props) {
const [value, setValue] = useState(null);
diff --git a/components/doc/rating/disableddoc.js b/components/doc/rating/disableddoc.js
index 573ef6ee4b..048a8da41d 100644
--- a/components/doc/rating/disableddoc.js
+++ b/components/doc/rating/disableddoc.js
@@ -1,6 +1,6 @@
-import { Rating } from '../../lib/rating/Rating';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Rating } from '@/components/lib/rating/Rating';
export function DisabledDoc(props) {
const code = {
diff --git a/components/doc/rating/importdoc.js b/components/doc/rating/importdoc.js
index fa3360ac6a..ea60b1b487 100644
--- a/components/doc/rating/importdoc.js
+++ b/components/doc/rating/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/rating/numberofstarsdoc.js b/components/doc/rating/numberofstarsdoc.js
index 7005794031..26e4e58062 100644
--- a/components/doc/rating/numberofstarsdoc.js
+++ b/components/doc/rating/numberofstarsdoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Rating } from '@/components/lib/rating/Rating';
import { useState } from 'react';
-import { Rating } from '../../lib/rating/Rating';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function NumberOfStarsDoc(props) {
const [value, setValue] = useState(null);
diff --git a/components/doc/rating/pt/ptdoc.js b/components/doc/rating/pt/ptdoc.js
index ea2b9a8385..df9f479a53 100644
--- a/components/doc/rating/pt/ptdoc.js
+++ b/components/doc/rating/pt/ptdoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Rating } from '@/components/lib/rating/Rating';
import { useState } from 'react';
-import { Rating } from '../../../lib/rating/Rating';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function PTDoc(props) {
const [value, setValue] = useState(null);
diff --git a/components/doc/rating/pt/wireframe.js b/components/doc/rating/pt/wireframe.js
index 769c34082f..9b2cd7eb02 100644
--- a/components/doc/rating/pt/wireframe.js
+++ b/components/doc/rating/pt/wireframe.js
@@ -1,5 +1,4 @@
-import React from 'react';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export const Wireframe = (props) => {
return (
diff --git a/components/doc/rating/readonlydoc.js b/components/doc/rating/readonlydoc.js
index a4e304591a..f755642de1 100644
--- a/components/doc/rating/readonlydoc.js
+++ b/components/doc/rating/readonlydoc.js
@@ -1,6 +1,6 @@
-import { Rating } from '../../lib/rating/Rating';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Rating } from '@/components/lib/rating/Rating';
export function ReadOnlyDoc(props) {
const code = {
diff --git a/components/doc/rating/styledoc.js b/components/doc/rating/styledoc.js
index a1ce639df2..960c4e6a04 100644
--- a/components/doc/rating/styledoc.js
+++ b/components/doc/rating/styledoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyleDoc() {
return (
diff --git a/components/doc/rating/templatedoc.js b/components/doc/rating/templatedoc.js
index 2bb47841dc..97be1c2fd9 100644
--- a/components/doc/rating/templatedoc.js
+++ b/components/doc/rating/templatedoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Rating } from '@/components/lib/rating/Rating';
import { useState } from 'react';
-import { Rating } from '../../lib/rating/Rating';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function TemplateDoc(props) {
const [value, setValue] = useState(null);
diff --git a/components/doc/rating/theming/styleddoc.js b/components/doc/rating/theming/styleddoc.js
index cd69e196ec..1cfe8fc7e6 100644
--- a/components/doc/rating/theming/styleddoc.js
+++ b/components/doc/rating/theming/styleddoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyledDoc(props) {
return (
diff --git a/components/doc/rating/theming/tailwinddoc.js b/components/doc/rating/theming/tailwinddoc.js
index e4fbcd3103..ffc0ba4791 100644
--- a/components/doc/rating/theming/tailwinddoc.js
+++ b/components/doc/rating/theming/tailwinddoc.js
@@ -1,6 +1,6 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function TailwindDoc(props) {
const code = {
diff --git a/components/doc/rating/withoutcanceldoc.js b/components/doc/rating/withoutcanceldoc.js
index cdbf41ee09..36ab49e605 100644
--- a/components/doc/rating/withoutcanceldoc.js
+++ b/components/doc/rating/withoutcanceldoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Rating } from '@/components/lib/rating/Rating';
import { useState } from 'react';
-import { Rating } from '../../lib/rating/Rating';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function WithoutCancelDoc(props) {
const [value, setValue] = useState(null);
diff --git a/components/doc/ripple/accessibilitydoc.js b/components/doc/ripple/accessibilitydoc.js
index dd4d3c6cac..247705200c 100644
--- a/components/doc/ripple/accessibilitydoc.js
+++ b/components/doc/ripple/accessibilitydoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DevelopmentSection } from '../common/developmentsection';
+import { DevelopmentSection } from '@/components/doc/common/developmentsection';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function AccessibilityDoc() {
return (
diff --git a/components/doc/ripple/basicdoc.js b/components/doc/ripple/basicdoc.js
index 8b990ae550..b01e732526 100644
--- a/components/doc/ripple/basicdoc.js
+++ b/components/doc/ripple/basicdoc.js
@@ -1,7 +1,6 @@
-import React from 'react';
-import { Ripple } from '../../lib/ripple/Ripple';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Ripple } from '@/components/lib/ripple/Ripple';
export function BasicDoc(props) {
const code = {
diff --git a/components/doc/ripple/configurationdoc.js b/components/doc/ripple/configurationdoc.js
index c177cbfbf1..8b97add307 100644
--- a/components/doc/ripple/configurationdoc.js
+++ b/components/doc/ripple/configurationdoc.js
@@ -1,6 +1,6 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function ConfigurationDoc(props) {
const code = {
diff --git a/components/doc/ripple/importdoc.js b/components/doc/ripple/importdoc.js
index e24a93eff5..e561207bce 100644
--- a/components/doc/ripple/importdoc.js
+++ b/components/doc/ripple/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/ripple/styledoc.js b/components/doc/ripple/styledoc.js
index 44b135fe37..2fce5b3037 100644
--- a/components/doc/ripple/styledoc.js
+++ b/components/doc/ripple/styledoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyleDoc() {
return (
diff --git a/components/doc/ripple/theming/styleddoc.js b/components/doc/ripple/theming/styleddoc.js
index 969f7703f8..007feee416 100644
--- a/components/doc/ripple/theming/styleddoc.js
+++ b/components/doc/ripple/theming/styleddoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyledDoc(props) {
return (
diff --git a/components/doc/ripple/theming/tailwinddoc.js b/components/doc/ripple/theming/tailwinddoc.js
index e5b688e867..e75730b45b 100644
--- a/components/doc/ripple/theming/tailwinddoc.js
+++ b/components/doc/ripple/theming/tailwinddoc.js
@@ -1,6 +1,6 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function TailwindDoc(props) {
const code = {
diff --git a/components/doc/scrollpanel/accessibilitydoc.js b/components/doc/scrollpanel/accessibilitydoc.js
index 00b9be0fbd..bbf88e4b3f 100644
--- a/components/doc/scrollpanel/accessibilitydoc.js
+++ b/components/doc/scrollpanel/accessibilitydoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DevelopmentSection } from '../common/developmentsection';
+import { DevelopmentSection } from '@/components/doc/common/developmentsection';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function AccessibilityDoc() {
return (
diff --git a/components/doc/scrollpanel/basicdoc.js b/components/doc/scrollpanel/basicdoc.js
index aeac4049b8..1e6ab07112 100644
--- a/components/doc/scrollpanel/basicdoc.js
+++ b/components/doc/scrollpanel/basicdoc.js
@@ -1,6 +1,6 @@
-import { ScrollPanel } from '../../lib/scrollpanel/ScrollPanel';
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { ScrollPanel } from '@/components/lib/scrollpanel/ScrollPanel';
export function BasicDoc(props) {
const code = {
diff --git a/components/doc/scrollpanel/customdoc.js b/components/doc/scrollpanel/customdoc.js
index b61666f54e..2bf36abefc 100644
--- a/components/doc/scrollpanel/customdoc.js
+++ b/components/doc/scrollpanel/customdoc.js
@@ -1,6 +1,6 @@
-import { ScrollPanel } from '../../lib/scrollpanel/ScrollPanel';
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { ScrollPanel } from '@/components/lib/scrollpanel/ScrollPanel';
export function CustomDemo(props) {
const code = {
diff --git a/components/doc/scrollpanel/importdoc.js b/components/doc/scrollpanel/importdoc.js
index 566d3acf40..d0851b459d 100644
--- a/components/doc/scrollpanel/importdoc.js
+++ b/components/doc/scrollpanel/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/scrollpanel/pt/ptdoc.js b/components/doc/scrollpanel/pt/ptdoc.js
index 0c3caff8c1..4a7bebaa2f 100644
--- a/components/doc/scrollpanel/pt/ptdoc.js
+++ b/components/doc/scrollpanel/pt/ptdoc.js
@@ -1,6 +1,6 @@
-import { ScrollPanel } from '../../../lib/scrollpanel/ScrollPanel';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { ScrollPanel } from '@/components/lib/scrollpanel/ScrollPanel';
export function PTDoc(props) {
const code = {
diff --git a/components/doc/scrollpanel/pt/wireframe.js b/components/doc/scrollpanel/pt/wireframe.js
index c86d16e93e..9a591d1398 100644
--- a/components/doc/scrollpanel/pt/wireframe.js
+++ b/components/doc/scrollpanel/pt/wireframe.js
@@ -1,5 +1,4 @@
-import React from 'react';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export const Wireframe = (props) => {
return (
diff --git a/components/doc/scrollpanel/styledoc.js b/components/doc/scrollpanel/styledoc.js
index 6d1243f7d6..e4f5a7c819 100644
--- a/components/doc/scrollpanel/styledoc.js
+++ b/components/doc/scrollpanel/styledoc.js
@@ -1,6 +1,6 @@
import Link from 'next/link';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyleDoc() {
return (
diff --git a/components/doc/scrollpanel/theming/styleddoc.js b/components/doc/scrollpanel/theming/styleddoc.js
index 8611f87c90..db018af27e 100644
--- a/components/doc/scrollpanel/theming/styleddoc.js
+++ b/components/doc/scrollpanel/theming/styleddoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyledDoc(props) {
return (
diff --git a/components/doc/scrollpanel/theming/tailwinddoc.js b/components/doc/scrollpanel/theming/tailwinddoc.js
index 0dc9617612..e5c4803303 100644
--- a/components/doc/scrollpanel/theming/tailwinddoc.js
+++ b/components/doc/scrollpanel/theming/tailwinddoc.js
@@ -1,6 +1,6 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function TailwindDoc(props) {
const code = {
diff --git a/components/doc/scrolltop/accessibilitydoc.js b/components/doc/scrolltop/accessibilitydoc.js
index 1fcdada9d1..b91ac1cdc6 100644
--- a/components/doc/scrolltop/accessibilitydoc.js
+++ b/components/doc/scrolltop/accessibilitydoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DevelopmentSection } from '../common/developmentsection';
+import { DevelopmentSection } from '@/components/doc/common/developmentsection';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
diff --git a/components/doc/scrolltop/basicdoc.js b/components/doc/scrolltop/basicdoc.js
index 64eea9755d..111f9b6567 100644
--- a/components/doc/scrolltop/basicdoc.js
+++ b/components/doc/scrolltop/basicdoc.js
@@ -1,7 +1,6 @@
-import React from 'react';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
-import { ScrollTop } from '../../lib/scrolltop/ScrollTop';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { ScrollTop } from '@/components/lib/scrolltop/ScrollTop';
export function BasicDoc(props) {
const code = {
diff --git a/components/doc/scrolltop/elementdoc.js b/components/doc/scrolltop/elementdoc.js
index 664602ec4e..e79e2a5362 100644
--- a/components/doc/scrolltop/elementdoc.js
+++ b/components/doc/scrolltop/elementdoc.js
@@ -1,7 +1,6 @@
-import React from 'react';
-import { ScrollTop } from '../../lib/scrolltop/ScrollTop';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { ScrollTop } from '@/components/lib/scrolltop/ScrollTop';
export function ElementDoc(props) {
const code = {
diff --git a/components/doc/scrolltop/importdoc.js b/components/doc/scrolltop/importdoc.js
index 014fe41a45..85b173e2eb 100644
--- a/components/doc/scrolltop/importdoc.js
+++ b/components/doc/scrolltop/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/scrolltop/pt/ptdoc.js b/components/doc/scrolltop/pt/ptdoc.js
index deb8cf8eea..5b5fe75311 100644
--- a/components/doc/scrolltop/pt/ptdoc.js
+++ b/components/doc/scrolltop/pt/ptdoc.js
@@ -1,7 +1,6 @@
-import React from 'react';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
-import { ScrollTop } from '../../../lib/scrolltop/ScrollTop';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { ScrollTop } from '@/components/lib/scrolltop/ScrollTop';
export function PTDoc(props) {
const code = {
diff --git a/components/doc/scrolltop/pt/wireframe.js b/components/doc/scrolltop/pt/wireframe.js
index e87a96940d..c9e89f3e8a 100644
--- a/components/doc/scrolltop/pt/wireframe.js
+++ b/components/doc/scrolltop/pt/wireframe.js
@@ -1,5 +1,4 @@
-import React from 'react';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export const Wireframe = (props) => {
return (
diff --git a/components/doc/scrolltop/styledoc.js b/components/doc/scrolltop/styledoc.js
index fbc178eb68..fd1e63e6c6 100644
--- a/components/doc/scrolltop/styledoc.js
+++ b/components/doc/scrolltop/styledoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
export function StyleDoc() {
diff --git a/components/doc/scrolltop/theming/styleddoc.js b/components/doc/scrolltop/theming/styleddoc.js
index 61c5a769dd..03717d3491 100644
--- a/components/doc/scrolltop/theming/styleddoc.js
+++ b/components/doc/scrolltop/theming/styleddoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyledDoc(props) {
return (
diff --git a/components/doc/scrolltop/theming/tailwinddoc.js b/components/doc/scrolltop/theming/tailwinddoc.js
index 8002f9a054..5d3e8848f1 100644
--- a/components/doc/scrolltop/theming/tailwinddoc.js
+++ b/components/doc/scrolltop/theming/tailwinddoc.js
@@ -1,6 +1,6 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function TailwindDoc(props) {
const code = {
diff --git a/components/doc/selectbutton/accessibilitydoc.js b/components/doc/selectbutton/accessibilitydoc.js
index 047e97d1c7..5bcc63f582 100644
--- a/components/doc/selectbutton/accessibilitydoc.js
+++ b/components/doc/selectbutton/accessibilitydoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DevelopmentSection } from '../common/developmentsection';
+import { DevelopmentSection } from '@/components/doc/common/developmentsection';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function AccessibilityDoc() {
return (
diff --git a/components/doc/selectbutton/basicdoc.js b/components/doc/selectbutton/basicdoc.js
index 6271de41f2..709d049009 100644
--- a/components/doc/selectbutton/basicdoc.js
+++ b/components/doc/selectbutton/basicdoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { SelectButton } from '@/components/lib/selectbutton/SelectButton';
import { useState } from 'react';
-import { SelectButton } from '../../lib/selectbutton/SelectButton';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function BasicDoc(props) {
const options = ['Off', 'On'];
diff --git a/components/doc/selectbutton/disableddoc.js b/components/doc/selectbutton/disableddoc.js
index 2567c2e204..97f69b4fa0 100644
--- a/components/doc/selectbutton/disableddoc.js
+++ b/components/doc/selectbutton/disableddoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { SelectButton } from '@/components/lib/selectbutton/SelectButton';
import { useState } from 'react';
-import { SelectButton } from '../../lib/selectbutton/SelectButton';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function DisabledDoc(props) {
const [value, setValue] = useState(null);
diff --git a/components/doc/selectbutton/form/formikdoc.js b/components/doc/selectbutton/form/formikdoc.js
index 4879dc0c4b..422b7fb62a 100644
--- a/components/doc/selectbutton/form/formikdoc.js
+++ b/components/doc/selectbutton/form/formikdoc.js
@@ -1,11 +1,11 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { SelectButton } from '@/components/lib/selectbutton/SelectButton';
+import { Toast } from '@/components/lib/toast/Toast';
+import { classNames } from '@/components/lib/utils/Utils';
import { useFormik } from 'formik';
import { useRef } from 'react';
-import { Button } from '../../../lib/button/Button';
-import { SelectButton } from '../../../lib/selectbutton/SelectButton';
-import { Toast } from '../../../lib/toast/Toast';
-import { classNames } from '../../../lib/utils/Utils';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function FormikDoc(props) {
const toast = useRef(null);
diff --git a/components/doc/selectbutton/form/hookformdoc.js b/components/doc/selectbutton/form/hookformdoc.js
index f95d7b7952..19b9edb48c 100644
--- a/components/doc/selectbutton/form/hookformdoc.js
+++ b/components/doc/selectbutton/form/hookformdoc.js
@@ -1,11 +1,11 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { SelectButton } from '@/components/lib/selectbutton/SelectButton';
+import { Toast } from '@/components/lib/toast/Toast';
+import { classNames } from '@/components/lib/utils/Utils';
import { useRef } from 'react';
import { Controller, useForm } from 'react-hook-form';
-import { Button } from '../../../lib/button/Button';
-import { SelectButton } from '../../../lib/selectbutton/SelectButton';
-import { Toast } from '../../../lib/toast/Toast';
-import { classNames } from '../../../lib/utils/Utils';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function HookFormDoc(props) {
const options = ['Off', 'On'];
diff --git a/components/doc/selectbutton/importdoc.js b/components/doc/selectbutton/importdoc.js
index abee802746..3fcdda5da1 100644
--- a/components/doc/selectbutton/importdoc.js
+++ b/components/doc/selectbutton/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/selectbutton/invaliddoc.js b/components/doc/selectbutton/invaliddoc.js
index 39946fd4bc..0d37568889 100644
--- a/components/doc/selectbutton/invaliddoc.js
+++ b/components/doc/selectbutton/invaliddoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { SelectButton } from '@/components/lib/selectbutton/SelectButton';
import { useState } from 'react';
-import { SelectButton } from '../../lib/selectbutton/SelectButton';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function InvalidDoc(props) {
const options = ['Off', 'On'];
diff --git a/components/doc/selectbutton/multipledoc.js b/components/doc/selectbutton/multipledoc.js
index 8735381672..4fdd9b0c21 100644
--- a/components/doc/selectbutton/multipledoc.js
+++ b/components/doc/selectbutton/multipledoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { SelectButton } from '@/components/lib/selectbutton/SelectButton';
import { useState } from 'react';
-import { SelectButton } from '../../lib/selectbutton/SelectButton';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function MultipleDoc(props) {
const [value, setValue] = useState(null);
diff --git a/components/doc/selectbutton/pt/ptdoc.js b/components/doc/selectbutton/pt/ptdoc.js
index b47ab1eda9..874318aadd 100644
--- a/components/doc/selectbutton/pt/ptdoc.js
+++ b/components/doc/selectbutton/pt/ptdoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { SelectButton } from '@/components/lib/selectbutton/SelectButton';
import { useState } from 'react';
-import { SelectButton } from '../../../lib/selectbutton/SelectButton';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function PTDoc(props) {
const options = ['Off', 'On'];
diff --git a/components/doc/selectbutton/pt/wireframe.js b/components/doc/selectbutton/pt/wireframe.js
index 7b1c64e29d..0528a8ecad 100644
--- a/components/doc/selectbutton/pt/wireframe.js
+++ b/components/doc/selectbutton/pt/wireframe.js
@@ -1,5 +1,4 @@
-import React from 'react';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export const Wireframe = (props) => {
return (
diff --git a/components/doc/selectbutton/templatedoc.js b/components/doc/selectbutton/templatedoc.js
index c6a4728735..f443637b29 100644
--- a/components/doc/selectbutton/templatedoc.js
+++ b/components/doc/selectbutton/templatedoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { SelectButton } from '@/components/lib/selectbutton/SelectButton';
import { useState } from 'react';
-import { SelectButton } from '../../lib/selectbutton/SelectButton';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function TemplateDoc(props) {
const [value, setValue] = useState(null);
diff --git a/components/doc/selectbutton/theming/styleddoc.js b/components/doc/selectbutton/theming/styleddoc.js
index 23c02abe62..51c3fdf25d 100644
--- a/components/doc/selectbutton/theming/styleddoc.js
+++ b/components/doc/selectbutton/theming/styleddoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyledDoc(props) {
return (
diff --git a/components/doc/selectbutton/theming/tailwinddoc.js b/components/doc/selectbutton/theming/tailwinddoc.js
index 708883fdcf..ee369548f5 100644
--- a/components/doc/selectbutton/theming/tailwinddoc.js
+++ b/components/doc/selectbutton/theming/tailwinddoc.js
@@ -1,6 +1,6 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function TailwindDoc(props) {
const code = {
diff --git a/components/doc/sidebar/accessibilitydoc.js b/components/doc/sidebar/accessibilitydoc.js
index d378f6556e..acf5f00408 100644
--- a/components/doc/sidebar/accessibilitydoc.js
+++ b/components/doc/sidebar/accessibilitydoc.js
@@ -1,6 +1,6 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DevelopmentSection } from '../common/developmentsection';
-import { CodeHighlight } from '../common/codehighlight';
+import { CodeHighlight } from '@/components/doc/common/codehighlight';
+import { DevelopmentSection } from '@/components/doc/common/developmentsection';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function AccessibilityDoc() {
return (
diff --git a/components/doc/sidebar/basicdoc.js b/components/doc/sidebar/basicdoc.js
index 00ab5bdf18..ffd466f116 100644
--- a/components/doc/sidebar/basicdoc.js
+++ b/components/doc/sidebar/basicdoc.js
@@ -1,8 +1,8 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { Sidebar } from '@/components/lib/sidebar/Sidebar';
import { useState } from 'react';
-import { Sidebar } from '../../lib/sidebar/Sidebar';
-import { Button } from '../../lib/button/Button';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function BasicDoc(props) {
const [visible, setVisible] = useState(false);
diff --git a/components/doc/sidebar/fullscreendoc.js b/components/doc/sidebar/fullscreendoc.js
index 8c19e9594a..08b316c93d 100644
--- a/components/doc/sidebar/fullscreendoc.js
+++ b/components/doc/sidebar/fullscreendoc.js
@@ -1,8 +1,8 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { Sidebar } from '@/components/lib/sidebar/Sidebar';
import { useState } from 'react';
-import { Sidebar } from '../../lib/sidebar/Sidebar';
-import { Button } from '../../lib/button/Button';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function FullScreenDoc(props) {
const [visible, setVisible] = useState(false);
diff --git a/components/doc/sidebar/importdoc.js b/components/doc/sidebar/importdoc.js
index 856cc59141..2a9270fb0f 100644
--- a/components/doc/sidebar/importdoc.js
+++ b/components/doc/sidebar/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/sidebar/positiondoc.js b/components/doc/sidebar/positiondoc.js
index e9b8984c98..77c49eff95 100644
--- a/components/doc/sidebar/positiondoc.js
+++ b/components/doc/sidebar/positiondoc.js
@@ -1,8 +1,8 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { Sidebar } from '@/components/lib/sidebar/Sidebar';
import { useState } from 'react';
-import { Sidebar } from '../../lib/sidebar/Sidebar';
-import { Button } from '../../lib/button/Button';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function PositionDoc(props) {
const [visibleLeft, setVisibleLeft] = useState(false);
diff --git a/components/doc/sidebar/pt/ptdoc.js b/components/doc/sidebar/pt/ptdoc.js
index cfc17f30b6..62ba728535 100644
--- a/components/doc/sidebar/pt/ptdoc.js
+++ b/components/doc/sidebar/pt/ptdoc.js
@@ -1,8 +1,8 @@
-import React, { useState } from 'react';
-import { Button } from '../../../lib/button/Button';
-import { Sidebar } from '../../../lib/sidebar/Sidebar';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { Sidebar } from '@/components/lib/sidebar/Sidebar';
+import { useState } from 'react';
export function PTDoc(props) {
const [visible, setVisible] = useState(false);
diff --git a/components/doc/sidebar/pt/wireframe.js b/components/doc/sidebar/pt/wireframe.js
index 6c6eb766e3..c24ac88a00 100644
--- a/components/doc/sidebar/pt/wireframe.js
+++ b/components/doc/sidebar/pt/wireframe.js
@@ -1,5 +1,4 @@
-import React from 'react';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export const Wireframe = (props) => {
return (
diff --git a/components/doc/sidebar/sizedoc.js b/components/doc/sidebar/sizedoc.js
index e8402a61b3..1f1967dee7 100644
--- a/components/doc/sidebar/sizedoc.js
+++ b/components/doc/sidebar/sizedoc.js
@@ -1,8 +1,8 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { Sidebar } from '@/components/lib/sidebar/Sidebar';
import { useState } from 'react';
-import { Sidebar } from '../../lib/sidebar/Sidebar';
-import { Button } from '../../lib/button/Button';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function SizeDoc(props) {
const [visible, setVisible] = useState(false);
diff --git a/components/doc/sidebar/styledoc.js b/components/doc/sidebar/styledoc.js
index 3973e37e13..0483fbaf26 100644
--- a/components/doc/sidebar/styledoc.js
+++ b/components/doc/sidebar/styledoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyleDoc() {
return (
diff --git a/components/doc/sidebar/templatedoc.js b/components/doc/sidebar/templatedoc.js
index beadc54c23..353f3ebe42 100644
--- a/components/doc/sidebar/templatedoc.js
+++ b/components/doc/sidebar/templatedoc.js
@@ -1,8 +1,8 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { Sidebar } from '@/components/lib/sidebar/Sidebar';
import React, { useState } from 'react';
-import { Sidebar } from '../../lib/sidebar/Sidebar';
-import { Button } from '../../lib/button/Button';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function TemplateDoc(props) {
const [visible, setVisible] = useState(false);
diff --git a/components/doc/sidebar/theming/styleddoc.js b/components/doc/sidebar/theming/styleddoc.js
index 868f5fc285..cc369f8317 100644
--- a/components/doc/sidebar/theming/styleddoc.js
+++ b/components/doc/sidebar/theming/styleddoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyledDoc(props) {
return (
diff --git a/components/doc/sidebar/theming/tailwinddoc.js b/components/doc/sidebar/theming/tailwinddoc.js
index f93ff2e429..ba672902f9 100644
--- a/components/doc/sidebar/theming/tailwinddoc.js
+++ b/components/doc/sidebar/theming/tailwinddoc.js
@@ -1,6 +1,6 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function TailwindDoc(props) {
const code = {
diff --git a/components/doc/skeleton/accessibilitydoc.js b/components/doc/skeleton/accessibilitydoc.js
index a8b87c5d83..543930935e 100644
--- a/components/doc/skeleton/accessibilitydoc.js
+++ b/components/doc/skeleton/accessibilitydoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DevelopmentSection } from '../common/developmentsection';
+import { DevelopmentSection } from '@/components/doc/common/developmentsection';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function AccessibilityDoc() {
return (
diff --git a/components/doc/skeleton/carddoc.js b/components/doc/skeleton/carddoc.js
index 6e17ec5ddc..556a0bf084 100644
--- a/components/doc/skeleton/carddoc.js
+++ b/components/doc/skeleton/carddoc.js
@@ -1,7 +1,6 @@
-import React from 'react';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
-import { Skeleton } from '../../lib/skeleton/Skeleton';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Skeleton } from '@/components/lib/skeleton/Skeleton';
export function CardDoc(props) {
const code = {
diff --git a/components/doc/skeleton/datatabledoc.js b/components/doc/skeleton/datatabledoc.js
index 1be9dce061..334dba037d 100644
--- a/components/doc/skeleton/datatabledoc.js
+++ b/components/doc/skeleton/datatabledoc.js
@@ -1,9 +1,8 @@
-import React from 'react';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
-import { Skeleton } from '../../lib/skeleton/Skeleton';
-import { DataTable } from '../../lib/datatable/DataTable';
-import { Column } from '../../lib/column/Column';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Column } from '@/components/lib/column/Column';
+import { DataTable } from '@/components/lib/datatable/DataTable';
+import { Skeleton } from '@/components/lib/skeleton/Skeleton';
export function DataTableDoc(props) {
const items = Array.from({ length: 5 }, (v, i) => i);
diff --git a/components/doc/skeleton/importdoc.js b/components/doc/skeleton/importdoc.js
index 54165da447..1995f7ddb5 100644
--- a/components/doc/skeleton/importdoc.js
+++ b/components/doc/skeleton/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/skeleton/listdoc.js b/components/doc/skeleton/listdoc.js
index bcbcada67c..a68ffe494b 100644
--- a/components/doc/skeleton/listdoc.js
+++ b/components/doc/skeleton/listdoc.js
@@ -1,7 +1,6 @@
-import React from 'react';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
-import { Skeleton } from '../../lib/skeleton/Skeleton';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Skeleton } from '@/components/lib/skeleton/Skeleton';
export function ListDoc(props) {
const code = {
diff --git a/components/doc/skeleton/pt/ptdoc.js b/components/doc/skeleton/pt/ptdoc.js
index 106f9f64df..13e24ff54e 100644
--- a/components/doc/skeleton/pt/ptdoc.js
+++ b/components/doc/skeleton/pt/ptdoc.js
@@ -1,7 +1,6 @@
-import React from 'react';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
-import { Skeleton } from '../../../lib/skeleton/Skeleton';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Skeleton } from '@/components/lib/skeleton/Skeleton';
export function PTDoc(props) {
const code = {
diff --git a/components/doc/skeleton/pt/wireframe.js b/components/doc/skeleton/pt/wireframe.js
index c094945a20..ff5ce80c5b 100644
--- a/components/doc/skeleton/pt/wireframe.js
+++ b/components/doc/skeleton/pt/wireframe.js
@@ -1,5 +1,4 @@
-import React from 'react';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export const Wireframe = (props) => {
return (
diff --git a/components/doc/skeleton/shapesdoc.js b/components/doc/skeleton/shapesdoc.js
index 85eba4089c..0451790464 100644
--- a/components/doc/skeleton/shapesdoc.js
+++ b/components/doc/skeleton/shapesdoc.js
@@ -1,6 +1,5 @@
-import React from 'react';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import { Skeleton } from '../../../components/lib/skeleton/Skeleton';
export function ShapesDoc(props) {
diff --git a/components/doc/skeleton/styledoc.js b/components/doc/skeleton/styledoc.js
index 6a8943a2e6..ba81a99cba 100644
--- a/components/doc/skeleton/styledoc.js
+++ b/components/doc/skeleton/styledoc.js
@@ -1,5 +1,5 @@
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionText } from '../common/docsectiontext';
export function StyleDoc() {
return (
diff --git a/components/doc/skeleton/theming/styleddoc.js b/components/doc/skeleton/theming/styleddoc.js
index 8aff3b0519..0ce92d0fa0 100644
--- a/components/doc/skeleton/theming/styleddoc.js
+++ b/components/doc/skeleton/theming/styleddoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyledDoc(props) {
return (
diff --git a/components/doc/skeleton/theming/tailwinddoc.js b/components/doc/skeleton/theming/tailwinddoc.js
index 00538a366c..1c6d700285 100644
--- a/components/doc/skeleton/theming/tailwinddoc.js
+++ b/components/doc/skeleton/theming/tailwinddoc.js
@@ -1,6 +1,6 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function TailwindDoc(props) {
const code = {
diff --git a/components/doc/slider/accessibilitydoc.js b/components/doc/slider/accessibilitydoc.js
index 02843651f6..f8bf0f9e32 100644
--- a/components/doc/slider/accessibilitydoc.js
+++ b/components/doc/slider/accessibilitydoc.js
@@ -1,6 +1,6 @@
-import { DevelopmentSection } from '../common/developmentsection';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DevelopmentSection } from '@/components/doc/common/developmentsection';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function AccessibilityDoc() {
const code = {
diff --git a/components/doc/slider/basicdoc.js b/components/doc/slider/basicdoc.js
index 8bc4285d1c..e3a2802c69 100644
--- a/components/doc/slider/basicdoc.js
+++ b/components/doc/slider/basicdoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Slider } from '@/components/lib/slider/Slider';
import { useState } from 'react';
-import { Slider } from '../../lib/slider/Slider';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function BasicDoc(props) {
const [value, setValue] = useState(null);
diff --git a/components/doc/slider/importdoc.js b/components/doc/slider/importdoc.js
index 32590bfb16..8d06533aa0 100644
--- a/components/doc/slider/importdoc.js
+++ b/components/doc/slider/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/slider/inputdoc.js b/components/doc/slider/inputdoc.js
index 63f8689454..b54991ac73 100644
--- a/components/doc/slider/inputdoc.js
+++ b/components/doc/slider/inputdoc.js
@@ -1,8 +1,8 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { InputText } from '@/components/lib/inputtext/InputText';
+import { Slider } from '@/components/lib/slider/Slider';
import { useState } from 'react';
-import { InputText } from '../../lib/inputtext/InputText';
-import { Slider } from '../../lib/slider/Slider';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function InputDoc(props) {
const [value, setValue] = useState(50);
diff --git a/components/doc/slider/pt/ptdoc.js b/components/doc/slider/pt/ptdoc.js
index cdfb4e1397..ac68b385d1 100644
--- a/components/doc/slider/pt/ptdoc.js
+++ b/components/doc/slider/pt/ptdoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Slider } from '@/components/lib/slider/Slider';
import { useState } from 'react';
-import { Slider } from '../../../lib/slider/Slider';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function PTDoc(props) {
const [value, setValue] = useState(null);
diff --git a/components/doc/slider/pt/wireframe.js b/components/doc/slider/pt/wireframe.js
index 24e3093e61..2e3ccab9a3 100644
--- a/components/doc/slider/pt/wireframe.js
+++ b/components/doc/slider/pt/wireframe.js
@@ -1,5 +1,4 @@
-import React from 'react';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export const Wireframe = (props) => {
return (
diff --git a/components/doc/slider/rangedoc.js b/components/doc/slider/rangedoc.js
index 378fe14626..f7d9ddcfe3 100644
--- a/components/doc/slider/rangedoc.js
+++ b/components/doc/slider/rangedoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Slider } from '@/components/lib/slider/Slider';
import { useState } from 'react';
-import { Slider } from '../../lib/slider/Slider';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function RangeDoc(props) {
const [value, setValue] = useState([20, 80]);
diff --git a/components/doc/slider/stepdoc.js b/components/doc/slider/stepdoc.js
index 97119f8343..90ef9a909c 100644
--- a/components/doc/slider/stepdoc.js
+++ b/components/doc/slider/stepdoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Slider } from '@/components/lib/slider/Slider';
import { useState } from 'react';
-import { Slider } from '../../lib/slider/Slider';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function StepDoc(props) {
const [value, setValue] = useState(20);
diff --git a/components/doc/slider/styledoc.js b/components/doc/slider/styledoc.js
index 2e93a0e34e..d5df085a3c 100644
--- a/components/doc/slider/styledoc.js
+++ b/components/doc/slider/styledoc.js
@@ -1,6 +1,6 @@
import Link from 'next/link';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyleDoc() {
return (
diff --git a/components/doc/slider/theming/styleddoc.js b/components/doc/slider/theming/styleddoc.js
index a7be751c42..422f93a30a 100644
--- a/components/doc/slider/theming/styleddoc.js
+++ b/components/doc/slider/theming/styleddoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyledDoc(props) {
return (
diff --git a/components/doc/slider/theming/tailwinddoc.js b/components/doc/slider/theming/tailwinddoc.js
index 02568948fd..76d70c6e50 100644
--- a/components/doc/slider/theming/tailwinddoc.js
+++ b/components/doc/slider/theming/tailwinddoc.js
@@ -1,6 +1,6 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function TailwindDoc(props) {
const code = {
diff --git a/components/doc/slider/verticaldoc.js b/components/doc/slider/verticaldoc.js
index 10d6fb5bb9..bceaf63385 100644
--- a/components/doc/slider/verticaldoc.js
+++ b/components/doc/slider/verticaldoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Slider } from '@/components/lib/slider/Slider';
import { useState } from 'react';
-import { Slider } from '../../lib/slider/Slider';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function VerticalDoc(props) {
const [value, setValue] = useState(50);
diff --git a/components/doc/speeddial/accessibilitydoc.js b/components/doc/speeddial/accessibilitydoc.js
index 98c40311cb..797198246a 100644
--- a/components/doc/speeddial/accessibilitydoc.js
+++ b/components/doc/speeddial/accessibilitydoc.js
@@ -1,6 +1,6 @@
-import { DevelopmentSection } from '../common/developmentsection';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DevelopmentSection } from '@/components/doc/common/developmentsection';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function AccessibilityDoc() {
const code = {
diff --git a/components/doc/speeddial/circledoc.js b/components/doc/speeddial/circledoc.js
index 11b6e4bc3d..fad6c76f60 100644
--- a/components/doc/speeddial/circledoc.js
+++ b/components/doc/speeddial/circledoc.js
@@ -1,8 +1,8 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { SpeedDial } from '@/components/lib/speeddial/SpeedDial';
+import { Toast } from '@/components/lib/toast/Toast';
import { useRef } from 'react';
-import { SpeedDial } from '../../lib/speeddial/SpeedDial';
-import { Toast } from '../../lib/toast/Toast';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function CircleDoc(props) {
const toast = useRef(null);
diff --git a/components/doc/speeddial/customdoc.js b/components/doc/speeddial/customdoc.js
index 6d31733a82..6eb81d0540 100644
--- a/components/doc/speeddial/customdoc.js
+++ b/components/doc/speeddial/customdoc.js
@@ -1,8 +1,8 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { SpeedDial } from '@/components/lib/speeddial/SpeedDial';
+import { Toast } from '@/components/lib/toast/Toast';
import { useRef } from 'react';
-import { SpeedDial } from '../../lib/speeddial/SpeedDial';
-import { Toast } from '../../lib/toast/Toast';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function CustomDoc(props) {
const toast = useRef(null);
diff --git a/components/doc/speeddial/importdoc.js b/components/doc/speeddial/importdoc.js
index 6f2dc2eeea..3e663a0431 100644
--- a/components/doc/speeddial/importdoc.js
+++ b/components/doc/speeddial/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/speeddial/lineardoc.js b/components/doc/speeddial/lineardoc.js
index a8b3f41f2f..43a2c3ab86 100644
--- a/components/doc/speeddial/lineardoc.js
+++ b/components/doc/speeddial/lineardoc.js
@@ -1,8 +1,8 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { SpeedDial } from '@/components/lib/speeddial/SpeedDial';
+import { Toast } from '@/components/lib/toast/Toast';
import { useRef } from 'react';
-import { SpeedDial } from '../../lib/speeddial/SpeedDial';
-import { Toast } from '../../lib/toast/Toast';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function LinearDoc(props) {
const toast = useRef(null);
diff --git a/components/doc/speeddial/maskdoc.js b/components/doc/speeddial/maskdoc.js
index 871bdda7ce..68367d5d1c 100644
--- a/components/doc/speeddial/maskdoc.js
+++ b/components/doc/speeddial/maskdoc.js
@@ -1,8 +1,8 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { SpeedDial } from '@/components/lib/speeddial/SpeedDial';
+import { Toast } from '@/components/lib/toast/Toast';
import { useRef } from 'react';
-import { SpeedDial } from '../../lib/speeddial/SpeedDial';
-import { Toast } from '../../lib/toast/Toast';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function MaskDoc(props) {
const toast = useRef(null);
diff --git a/components/doc/speeddial/pt/ptdoc.js b/components/doc/speeddial/pt/ptdoc.js
index 689e97d37f..0f861b0b3d 100644
--- a/components/doc/speeddial/pt/ptdoc.js
+++ b/components/doc/speeddial/pt/ptdoc.js
@@ -1,7 +1,7 @@
-import { SpeedDial } from '../../../lib/speeddial/SpeedDial';
-import { classNames } from '../../../lib/utils/Utils';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { SpeedDial } from '@/components/lib/speeddial/SpeedDial';
+import { classNames } from '@/components/lib/utils/Utils';
export function PTDoc(props) {
const items = [
diff --git a/components/doc/speeddial/pt/wireframe.js b/components/doc/speeddial/pt/wireframe.js
index e219a6cb1c..0f5a997415 100644
--- a/components/doc/speeddial/pt/wireframe.js
+++ b/components/doc/speeddial/pt/wireframe.js
@@ -1,5 +1,4 @@
-import React from 'react';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export const Wireframe = (props) => {
return (
diff --git a/components/doc/speeddial/quartercircledoc.js b/components/doc/speeddial/quartercircledoc.js
index cb43e5cbb8..0e5b136154 100644
--- a/components/doc/speeddial/quartercircledoc.js
+++ b/components/doc/speeddial/quartercircledoc.js
@@ -1,8 +1,8 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { SpeedDial } from '@/components/lib/speeddial/SpeedDial';
+import { Toast } from '@/components/lib/toast/Toast';
import { useRef } from 'react';
-import { SpeedDial } from '../../lib/speeddial/SpeedDial';
-import { Toast } from '../../lib/toast/Toast';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function QuarterCircleDoc(props) {
const toast = useRef(null);
diff --git a/components/doc/speeddial/semicircledoc.js b/components/doc/speeddial/semicircledoc.js
index ab31f2411b..9afa9e8264 100644
--- a/components/doc/speeddial/semicircledoc.js
+++ b/components/doc/speeddial/semicircledoc.js
@@ -1,8 +1,8 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { SpeedDial } from '@/components/lib/speeddial/SpeedDial';
+import { Toast } from '@/components/lib/toast/Toast';
import { useRef } from 'react';
-import { SpeedDial } from '../../lib/speeddial/SpeedDial';
-import { Toast } from '../../lib/toast/Toast';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function SemiCircleDoc(props) {
const toast = useRef(null);
diff --git a/components/doc/speeddial/styledoc.js b/components/doc/speeddial/styledoc.js
index 06fff402f6..a70763a255 100644
--- a/components/doc/speeddial/styledoc.js
+++ b/components/doc/speeddial/styledoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
export function StyleDoc() {
diff --git a/components/doc/speeddial/theming/styleddoc.js b/components/doc/speeddial/theming/styleddoc.js
index 62e8483f5c..50dd9bbbb5 100644
--- a/components/doc/speeddial/theming/styleddoc.js
+++ b/components/doc/speeddial/theming/styleddoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyledDoc(props) {
return (
diff --git a/components/doc/speeddial/theming/tailwinddoc.js b/components/doc/speeddial/theming/tailwinddoc.js
index f3821f4792..e24ea57537 100644
--- a/components/doc/speeddial/theming/tailwinddoc.js
+++ b/components/doc/speeddial/theming/tailwinddoc.js
@@ -1,6 +1,6 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function TailwindDoc(props) {
const code = {
diff --git a/components/doc/speeddial/tooltipdoc.js b/components/doc/speeddial/tooltipdoc.js
index 424ec18f13..2fd046f1c6 100644
--- a/components/doc/speeddial/tooltipdoc.js
+++ b/components/doc/speeddial/tooltipdoc.js
@@ -1,10 +1,10 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { SpeedDial } from '@/components/lib/speeddial/SpeedDial';
+import { Toast } from '@/components/lib/toast/Toast';
+import { Tooltip } from '@/components/lib/tooltip/Tooltip';
import Link from 'next/link';
import { useRef } from 'react';
-import { SpeedDial } from '../../lib/speeddial/SpeedDial';
-import { Toast } from '../../lib/toast/Toast';
-import { Tooltip } from '../../lib/tooltip/Tooltip';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function TooltipDoc(props) {
const toast = useRef(null);
diff --git a/components/doc/splitbutton/accessibilitydoc.js b/components/doc/splitbutton/accessibilitydoc.js
index 842aa8275f..76b8521ff8 100644
--- a/components/doc/splitbutton/accessibilitydoc.js
+++ b/components/doc/splitbutton/accessibilitydoc.js
@@ -1,6 +1,6 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DevelopmentSection } from '../common/developmentsection';
-import { CodeHighlight } from '../common/codehighlight';
+import { CodeHighlight } from '@/components/doc/common/codehighlight';
+import { DevelopmentSection } from '@/components/doc/common/developmentsection';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function AccessibilityDoc() {
return (
diff --git a/components/doc/splitbutton/basicdoc.js b/components/doc/splitbutton/basicdoc.js
index cc9835edf3..7ce70d5056 100644
--- a/components/doc/splitbutton/basicdoc.js
+++ b/components/doc/splitbutton/basicdoc.js
@@ -1,9 +1,9 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { SplitButton } from '@/components/lib/splitbutton/SplitButton';
+import { Toast } from '@/components/lib/toast/Toast';
import { useRouter } from 'next/router';
import { useRef } from 'react';
-import { SplitButton } from '../../lib/splitbutton/SplitButton';
-import { Toast } from '../../lib/toast/Toast';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function BasicDoc(props) {
const router = useRouter();
diff --git a/components/doc/splitbutton/disableddoc.js b/components/doc/splitbutton/disableddoc.js
index 89920d9148..0f3e769ee1 100644
--- a/components/doc/splitbutton/disableddoc.js
+++ b/components/doc/splitbutton/disableddoc.js
@@ -1,9 +1,9 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { SplitButton } from '@/components/lib/splitbutton/SplitButton';
+import { Toast } from '@/components/lib/toast/Toast';
import { useRouter } from 'next/router';
import { useRef } from 'react';
-import { SplitButton } from '../../lib/splitbutton/SplitButton';
-import { Toast } from '../../lib/toast/Toast';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function DisabledDoc(props) {
const router = useRouter();
diff --git a/components/doc/splitbutton/importdoc.js b/components/doc/splitbutton/importdoc.js
index f59f3ea5f1..9fc42c57ee 100644
--- a/components/doc/splitbutton/importdoc.js
+++ b/components/doc/splitbutton/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/splitbutton/loadingdoc.js b/components/doc/splitbutton/loadingdoc.js
index 787991fa3b..c9399ef2d6 100644
--- a/components/doc/splitbutton/loadingdoc.js
+++ b/components/doc/splitbutton/loadingdoc.js
@@ -1,9 +1,9 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { SplitButton } from '@/components/lib/splitbutton/SplitButton';
+import { Toast } from '@/components/lib/toast/Toast';
import { useRouter } from 'next/router';
import { useRef, useState } from 'react';
-import { SplitButton } from '../../lib/splitbutton/SplitButton';
-import { Toast } from '../../lib/toast/Toast';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function LoadingDoc(props) {
const router = useRouter();
diff --git a/components/doc/splitbutton/outlineddoc.js b/components/doc/splitbutton/outlineddoc.js
index b14b2b0c8b..cce4906ba0 100644
--- a/components/doc/splitbutton/outlineddoc.js
+++ b/components/doc/splitbutton/outlineddoc.js
@@ -1,9 +1,9 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { SplitButton } from '@/components/lib/splitbutton/SplitButton';
+import { Toast } from '@/components/lib/toast/Toast';
import { useRouter } from 'next/router';
import { useRef } from 'react';
-import { SplitButton } from '../../lib/splitbutton/SplitButton';
-import { Toast } from '../../lib/toast/Toast';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function OutlinedDoc(props) {
const router = useRouter();
diff --git a/components/doc/splitbutton/pt/ptdoc.js b/components/doc/splitbutton/pt/ptdoc.js
index 5bcb507ba6..c197d64278 100644
--- a/components/doc/splitbutton/pt/ptdoc.js
+++ b/components/doc/splitbutton/pt/ptdoc.js
@@ -1,7 +1,6 @@
-import React from 'react';
-import { SplitButton } from '../../../lib/splitbutton/SplitButton';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { SplitButton } from '@/components/lib/splitbutton/SplitButton';
export function PTDoc(props) {
const items = [
diff --git a/components/doc/splitbutton/pt/wireframe.js b/components/doc/splitbutton/pt/wireframe.js
index 5c87aaa05a..77fc38f3f2 100644
--- a/components/doc/splitbutton/pt/wireframe.js
+++ b/components/doc/splitbutton/pt/wireframe.js
@@ -1,5 +1,4 @@
-import React from 'react';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export const Wireframe = (props) => {
return (
diff --git a/components/doc/splitbutton/raiseddoc.js b/components/doc/splitbutton/raiseddoc.js
index 4760b1dcf1..f94d8efc63 100644
--- a/components/doc/splitbutton/raiseddoc.js
+++ b/components/doc/splitbutton/raiseddoc.js
@@ -1,9 +1,9 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { SplitButton } from '@/components/lib/splitbutton/SplitButton';
+import { Toast } from '@/components/lib/toast/Toast';
import { useRouter } from 'next/router';
import { useRef } from 'react';
-import { SplitButton } from '../../lib/splitbutton/SplitButton';
-import { Toast } from '../../lib/toast/Toast';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function RaisedDoc(props) {
const router = useRouter();
diff --git a/components/doc/splitbutton/raisedtextdoc.js b/components/doc/splitbutton/raisedtextdoc.js
index 6c7b37ee44..4ef3075f20 100644
--- a/components/doc/splitbutton/raisedtextdoc.js
+++ b/components/doc/splitbutton/raisedtextdoc.js
@@ -1,9 +1,9 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { SplitButton } from '@/components/lib/splitbutton/SplitButton';
+import { Toast } from '@/components/lib/toast/Toast';
import { useRouter } from 'next/router';
import { useRef } from 'react';
-import { SplitButton } from '../../lib/splitbutton/SplitButton';
-import { Toast } from '../../lib/toast/Toast';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function RaisedTextDoc(props) {
const router = useRouter();
diff --git a/components/doc/splitbutton/roundeddoc.js b/components/doc/splitbutton/roundeddoc.js
index e32e8c4cd4..fd7dc2310f 100644
--- a/components/doc/splitbutton/roundeddoc.js
+++ b/components/doc/splitbutton/roundeddoc.js
@@ -1,9 +1,9 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { SplitButton } from '@/components/lib/splitbutton/SplitButton';
+import { Toast } from '@/components/lib/toast/Toast';
import { useRouter } from 'next/router';
import { useRef } from 'react';
-import { SplitButton } from '../../lib/splitbutton/SplitButton';
-import { Toast } from '../../lib/toast/Toast';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function RoundedDoc(props) {
const router = useRouter();
diff --git a/components/doc/splitbutton/severitydoc.js b/components/doc/splitbutton/severitydoc.js
index 0d71273151..ccbecab98b 100644
--- a/components/doc/splitbutton/severitydoc.js
+++ b/components/doc/splitbutton/severitydoc.js
@@ -1,9 +1,9 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { SplitButton } from '@/components/lib/splitbutton/SplitButton';
+import { Toast } from '@/components/lib/toast/Toast';
import { useRouter } from 'next/router';
import { useRef } from 'react';
-import { SplitButton } from '../../lib/splitbutton/SplitButton';
-import { Toast } from '../../lib/toast/Toast';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function SeverityDoc(props) {
const router = useRouter();
diff --git a/components/doc/splitbutton/sizesdoc.js b/components/doc/splitbutton/sizesdoc.js
index 5c1f86e63e..745abcb22b 100644
--- a/components/doc/splitbutton/sizesdoc.js
+++ b/components/doc/splitbutton/sizesdoc.js
@@ -1,9 +1,9 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { SplitButton } from '@/components/lib/splitbutton/SplitButton';
+import { Toast } from '@/components/lib/toast/Toast';
import { useRouter } from 'next/router';
import { useRef } from 'react';
-import { SplitButton } from '../../lib/splitbutton/SplitButton';
-import { Toast } from '../../lib/toast/Toast';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function SizesDoc(props) {
const router = useRouter();
diff --git a/components/doc/splitbutton/styledoc.js b/components/doc/splitbutton/styledoc.js
index 64c912a024..828622785e 100644
--- a/components/doc/splitbutton/styledoc.js
+++ b/components/doc/splitbutton/styledoc.js
@@ -1,6 +1,6 @@
import Link from 'next/link';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyleDoc() {
return (
diff --git a/components/doc/splitbutton/textdoc.js b/components/doc/splitbutton/textdoc.js
index 5a2e2aca0c..61760b7915 100644
--- a/components/doc/splitbutton/textdoc.js
+++ b/components/doc/splitbutton/textdoc.js
@@ -1,9 +1,9 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { SplitButton } from '@/components/lib/splitbutton/SplitButton';
+import { Toast } from '@/components/lib/toast/Toast';
import { useRouter } from 'next/router';
import { useRef } from 'react';
-import { SplitButton } from '../../lib/splitbutton/SplitButton';
-import { Toast } from '../../lib/toast/Toast';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function TextDoc(props) {
const router = useRouter();
diff --git a/components/doc/splitbutton/theming/styleddoc.js b/components/doc/splitbutton/theming/styleddoc.js
index 4e4d675d20..9312ed1df8 100644
--- a/components/doc/splitbutton/theming/styleddoc.js
+++ b/components/doc/splitbutton/theming/styleddoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyledDoc(props) {
return (
diff --git a/components/doc/splitbutton/theming/tailwinddoc.js b/components/doc/splitbutton/theming/tailwinddoc.js
index 03b058dad9..925a5e0799 100644
--- a/components/doc/splitbutton/theming/tailwinddoc.js
+++ b/components/doc/splitbutton/theming/tailwinddoc.js
@@ -1,6 +1,6 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function TailwindDoc(props) {
const code = {
diff --git a/components/doc/splitter/accessibilitydoc.js b/components/doc/splitter/accessibilitydoc.js
index c96a4c37e9..9ddcc6f417 100644
--- a/components/doc/splitter/accessibilitydoc.js
+++ b/components/doc/splitter/accessibilitydoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DevelopmentSection } from '../common/developmentsection';
+import { DevelopmentSection } from '@/components/doc/common/developmentsection';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function AccessibilityDoc() {
return (
diff --git a/components/doc/splitter/horizontaldoc.js b/components/doc/splitter/horizontaldoc.js
index caf9725d3f..98aedf2fa9 100644
--- a/components/doc/splitter/horizontaldoc.js
+++ b/components/doc/splitter/horizontaldoc.js
@@ -1,6 +1,6 @@
-import { Splitter, SplitterPanel } from '../../lib/splitter/Splitter';
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Splitter, SplitterPanel } from '@/components/lib/splitter/Splitter';
export function HorizontalDoc(props) {
const code = {
diff --git a/components/doc/splitter/importdoc.js b/components/doc/splitter/importdoc.js
index 6267db8d1e..b9ce20bf51 100644
--- a/components/doc/splitter/importdoc.js
+++ b/components/doc/splitter/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/splitter/nesteddoc.js b/components/doc/splitter/nesteddoc.js
index beb97671bc..d0f366835d 100644
--- a/components/doc/splitter/nesteddoc.js
+++ b/components/doc/splitter/nesteddoc.js
@@ -1,6 +1,6 @@
-import { Splitter, SplitterPanel } from '../../lib/splitter/Splitter';
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Splitter, SplitterPanel } from '@/components/lib/splitter/Splitter';
export function NestedDoc(props) {
const code = {
diff --git a/components/doc/splitter/pt/ptdoc.js b/components/doc/splitter/pt/ptdoc.js
index f2cdefece4..197885a492 100644
--- a/components/doc/splitter/pt/ptdoc.js
+++ b/components/doc/splitter/pt/ptdoc.js
@@ -1,7 +1,6 @@
-import { DocSectionText } from '../../common/docsectiontext';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { Splitter } from '../../../lib/splitter/Splitter';
-import { SplitterPanel } from '../../../lib/splitter/Splitter';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Splitter, SplitterPanel } from '@/components/lib/splitter/Splitter';
export function PTDoc(props) {
const code = {
diff --git a/components/doc/splitter/pt/wireframe.js b/components/doc/splitter/pt/wireframe.js
index 998ae61a18..d53085e299 100644
--- a/components/doc/splitter/pt/wireframe.js
+++ b/components/doc/splitter/pt/wireframe.js
@@ -1,5 +1,4 @@
-import React from 'react';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export const Wireframe = (props) => {
return (
diff --git a/components/doc/splitter/sizedoc.js b/components/doc/splitter/sizedoc.js
index bc94b8db31..96a5801b72 100644
--- a/components/doc/splitter/sizedoc.js
+++ b/components/doc/splitter/sizedoc.js
@@ -1,6 +1,6 @@
-import { Splitter, SplitterPanel } from '../../lib/splitter/Splitter';
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Splitter, SplitterPanel } from '@/components/lib/splitter/Splitter';
export function SizeDoc(props) {
const code = {
diff --git a/components/doc/splitter/styledoc.js b/components/doc/splitter/styledoc.js
index 71f2db23fb..f8a865d12a 100644
--- a/components/doc/splitter/styledoc.js
+++ b/components/doc/splitter/styledoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyleDoc() {
return (
diff --git a/components/doc/splitter/theming/styleddoc.js b/components/doc/splitter/theming/styleddoc.js
index 7c00deffb9..3d929ae326 100644
--- a/components/doc/splitter/theming/styleddoc.js
+++ b/components/doc/splitter/theming/styleddoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyledDoc(props) {
return (
diff --git a/components/doc/splitter/theming/tailwinddoc.js b/components/doc/splitter/theming/tailwinddoc.js
index fec4b24ffb..ed5a72f46a 100644
--- a/components/doc/splitter/theming/tailwinddoc.js
+++ b/components/doc/splitter/theming/tailwinddoc.js
@@ -1,6 +1,6 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function TailwindDoc(props) {
const code = {
diff --git a/components/doc/splitter/verticaldoc.js b/components/doc/splitter/verticaldoc.js
index 7a12e2bff0..8a19903709 100644
--- a/components/doc/splitter/verticaldoc.js
+++ b/components/doc/splitter/verticaldoc.js
@@ -1,6 +1,6 @@
-import { Splitter, SplitterPanel } from '../../lib/splitter/Splitter';
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Splitter, SplitterPanel } from '@/components/lib/splitter/Splitter';
export function VerticalDoc(props) {
const code = {
diff --git a/components/doc/steps/accessibilitydoc.js b/components/doc/steps/accessibilitydoc.js
index 2d08ca61d1..484b9ce99e 100644
--- a/components/doc/steps/accessibilitydoc.js
+++ b/components/doc/steps/accessibilitydoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DevelopmentSection } from '../common/developmentsection';
+import { DevelopmentSection } from '@/components/doc/common/developmentsection';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function AccessibilityDoc() {
return (
diff --git a/components/doc/steps/basicdoc.js b/components/doc/steps/basicdoc.js
index c900b89c98..c47d1baff5 100644
--- a/components/doc/steps/basicdoc.js
+++ b/components/doc/steps/basicdoc.js
@@ -1,6 +1,6 @@
-import { Steps } from '../../lib/steps/Steps';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Steps } from '@/components/lib/steps/Steps';
export function BasicDoc(props) {
const items = [
diff --git a/components/doc/steps/importdoc.js b/components/doc/steps/importdoc.js
index e0a88b6b20..86922e4699 100644
--- a/components/doc/steps/importdoc.js
+++ b/components/doc/steps/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/steps/interactivedoc.js b/components/doc/steps/interactivedoc.js
index 01b7d19897..ffee5860ec 100644
--- a/components/doc/steps/interactivedoc.js
+++ b/components/doc/steps/interactivedoc.js
@@ -1,8 +1,8 @@
-import { useState, useRef } from 'react';
-import { Steps } from '../../lib/steps/Steps';
-import { Toast } from '../../lib/toast/Toast';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Steps } from '@/components/lib/steps/Steps';
+import { Toast } from '@/components/lib/toast/Toast';
+import { useRef, useState } from 'react';
export function InteractiveDoc(props) {
const [activeIndex, setActiveIndex] = useState(1);
diff --git a/components/doc/steps/pt/ptdoc.js b/components/doc/steps/pt/ptdoc.js
index 39dc810290..76e99ed144 100644
--- a/components/doc/steps/pt/ptdoc.js
+++ b/components/doc/steps/pt/ptdoc.js
@@ -1,6 +1,6 @@
-import { DocSectionText } from '../../common/docsectiontext';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { Steps } from '../../../lib/steps/Steps';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Steps } from '@/components/lib/steps/Steps';
export function PTDoc(props) {
const items = [
diff --git a/components/doc/steps/pt/wireframe.js b/components/doc/steps/pt/wireframe.js
index f559b04752..0a60850974 100644
--- a/components/doc/steps/pt/wireframe.js
+++ b/components/doc/steps/pt/wireframe.js
@@ -1,5 +1,4 @@
-import React from 'react';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export const Wireframe = (props) => {
return (
diff --git a/components/doc/steps/styledoc.js b/components/doc/steps/styledoc.js
index aaa31fbda3..3a906e9b3a 100644
--- a/components/doc/steps/styledoc.js
+++ b/components/doc/steps/styledoc.js
@@ -1,6 +1,6 @@
import Link from 'next/link';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyleDoc() {
return (
diff --git a/components/doc/steps/theming/styleddoc.js b/components/doc/steps/theming/styleddoc.js
index 163e94f54e..8b57cb1854 100644
--- a/components/doc/steps/theming/styleddoc.js
+++ b/components/doc/steps/theming/styleddoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyledDoc(props) {
return (
diff --git a/components/doc/steps/theming/tailwinddoc.js b/components/doc/steps/theming/tailwinddoc.js
index df1dd347fb..8d285783ea 100644
--- a/components/doc/steps/theming/tailwinddoc.js
+++ b/components/doc/steps/theming/tailwinddoc.js
@@ -1,6 +1,6 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function TailwindDoc(props) {
const code = {
diff --git a/components/doc/styleclass/animationdoc.js b/components/doc/styleclass/animationdoc.js
index 68b05616a8..192fb32c6d 100644
--- a/components/doc/styleclass/animationdoc.js
+++ b/components/doc/styleclass/animationdoc.js
@@ -1,8 +1,8 @@
-import React, { useRef } from 'react';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
-import { StyleClass } from '../../lib/styleclass/StyleClass';
-import { Button } from '../../lib/button/Button';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { StyleClass } from '@/components/lib/styleclass/StyleClass';
+import { useRef } from 'react';
export function AnimationDoc(props) {
const openBtnRef = useRef(null);
diff --git a/components/doc/styleclass/importdoc.js b/components/doc/styleclass/importdoc.js
index 2c13697dc0..9fddc1ff81 100644
--- a/components/doc/styleclass/importdoc.js
+++ b/components/doc/styleclass/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/styleclass/toggleclassdoc.js b/components/doc/styleclass/toggleclassdoc.js
index e47f71db21..25c38dcd9f 100644
--- a/components/doc/styleclass/toggleclassdoc.js
+++ b/components/doc/styleclass/toggleclassdoc.js
@@ -1,9 +1,9 @@
-import React, { useRef } from 'react';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
-import { StyleClass } from '../../lib/styleclass/StyleClass';
-import { Button } from '../../lib/button/Button';
-import { InputText } from '../../lib/inputtext/InputText';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { InputText } from '@/components/lib/inputtext/InputText';
+import { StyleClass } from '@/components/lib/styleclass/StyleClass';
+import { useRef } from 'react';
export function ToggleClassDoc(props) {
const toggleBtnRef = useRef(null);
diff --git a/components/doc/tabmenu/accessibilitydoc.js b/components/doc/tabmenu/accessibilitydoc.js
index 679586846a..f6209d5270 100644
--- a/components/doc/tabmenu/accessibilitydoc.js
+++ b/components/doc/tabmenu/accessibilitydoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DevelopmentSection } from '../common/developmentsection';
+import { DevelopmentSection } from '@/components/doc/common/developmentsection';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function AccessibilityDoc() {
return (
diff --git a/components/doc/tabmenu/basicdoc.js b/components/doc/tabmenu/basicdoc.js
index b0d3681187..1c805fed80 100644
--- a/components/doc/tabmenu/basicdoc.js
+++ b/components/doc/tabmenu/basicdoc.js
@@ -1,6 +1,6 @@
-import { TabMenu } from '../../lib/tabmenu/TabMenu';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { TabMenu } from '@/components/lib/tabmenu/TabMenu';
export function BasicDoc(props) {
const items = [
diff --git a/components/doc/tabmenu/controlleddoc.js b/components/doc/tabmenu/controlleddoc.js
index 49c3f20c50..9223885879 100644
--- a/components/doc/tabmenu/controlleddoc.js
+++ b/components/doc/tabmenu/controlleddoc.js
@@ -1,8 +1,8 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { TabMenu } from '@/components/lib/tabmenu/TabMenu';
import { useState } from 'react';
-import { Button } from '../../lib/button/Button';
-import { TabMenu } from '../../lib/tabmenu/TabMenu';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function ControlledDoc(props) {
const [activeIndex, setActiveIndex] = useState(3);
diff --git a/components/doc/tabmenu/importdoc.js b/components/doc/tabmenu/importdoc.js
index 9250f47847..90fa35f71c 100644
--- a/components/doc/tabmenu/importdoc.js
+++ b/components/doc/tabmenu/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/tabmenu/pt/ptdoc.js b/components/doc/tabmenu/pt/ptdoc.js
index 669f58a530..dbd170cdf6 100644
--- a/components/doc/tabmenu/pt/ptdoc.js
+++ b/components/doc/tabmenu/pt/ptdoc.js
@@ -1,6 +1,6 @@
-import { DocSectionText } from '../../common/docsectiontext';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { TabMenu } from '../../../lib/tabmenu/TabMenu';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { TabMenu } from '@/components/lib/tabmenu/TabMenu';
export function PTDoc(props) {
const items = [
diff --git a/components/doc/tabmenu/pt/wireframe.js b/components/doc/tabmenu/pt/wireframe.js
index e09daea3ac..538928346a 100644
--- a/components/doc/tabmenu/pt/wireframe.js
+++ b/components/doc/tabmenu/pt/wireframe.js
@@ -1,5 +1,4 @@
-import React from 'react';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export const Wireframe = (props) => {
return (
diff --git a/components/doc/tabmenu/styledoc.js b/components/doc/tabmenu/styledoc.js
index cf9bc2befa..191a7dd26a 100644
--- a/components/doc/tabmenu/styledoc.js
+++ b/components/doc/tabmenu/styledoc.js
@@ -1,6 +1,6 @@
import Link from 'next/link';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyleDoc() {
return (
diff --git a/components/doc/tabmenu/theming/styleddoc.js b/components/doc/tabmenu/theming/styleddoc.js
index edff04829e..bd86e58d28 100644
--- a/components/doc/tabmenu/theming/styleddoc.js
+++ b/components/doc/tabmenu/theming/styleddoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyledDoc(props) {
return (
diff --git a/components/doc/tabmenu/theming/tailwinddoc.js b/components/doc/tabmenu/theming/tailwinddoc.js
index 06f5da5347..4c6cf8d1bc 100644
--- a/components/doc/tabmenu/theming/tailwinddoc.js
+++ b/components/doc/tabmenu/theming/tailwinddoc.js
@@ -1,6 +1,6 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function TailwindDoc(props) {
const code = {
diff --git a/components/doc/tabview/accessibilitydoc.js b/components/doc/tabview/accessibilitydoc.js
index 2f229348b3..aa135b2b77 100644
--- a/components/doc/tabview/accessibilitydoc.js
+++ b/components/doc/tabview/accessibilitydoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DevelopmentSection } from '../common/developmentsection';
+import { DevelopmentSection } from '@/components/doc/common/developmentsection';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function AccessibilityDoc() {
return (
diff --git a/components/doc/tabview/basicdoc.js b/components/doc/tabview/basicdoc.js
index c144c33871..6bafb7745f 100644
--- a/components/doc/tabview/basicdoc.js
+++ b/components/doc/tabview/basicdoc.js
@@ -1,6 +1,6 @@
-import { TabView, TabPanel } from '../../lib/tabview/TabView';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { TabPanel, TabView } from '@/components/lib/tabview/TabView';
export function BasicDoc(props) {
const code = {
diff --git a/components/doc/tabview/closabledoc.js b/components/doc/tabview/closabledoc.js
index 6fbfee9d8a..ab2257de25 100644
--- a/components/doc/tabview/closabledoc.js
+++ b/components/doc/tabview/closabledoc.js
@@ -1,6 +1,6 @@
-import { TabView, TabPanel } from '../../lib/tabview/TabView';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { TabPanel, TabView } from '@/components/lib/tabview/TabView';
export function ClosableDoc(props) {
const code = {
diff --git a/components/doc/tabview/controlleddoc.js b/components/doc/tabview/controlleddoc.js
index 2887b76291..276c17960f 100644
--- a/components/doc/tabview/controlleddoc.js
+++ b/components/doc/tabview/controlleddoc.js
@@ -1,8 +1,8 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { TabPanel, TabView } from '@/components/lib/tabview/TabView';
import { useState } from 'react';
-import { TabView, TabPanel } from '../../lib/tabview/TabView';
-import { Button } from '../../lib/button/Button';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function ControlledDoc(props) {
const [activeIndex, setActiveIndex] = useState(0);
diff --git a/components/doc/tabview/disableddoc.js b/components/doc/tabview/disableddoc.js
index 6fdbc12ca3..2885222fce 100644
--- a/components/doc/tabview/disableddoc.js
+++ b/components/doc/tabview/disableddoc.js
@@ -1,6 +1,6 @@
-import { TabView, TabPanel } from '../../lib/tabview/TabView';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { TabPanel, TabView } from '@/components/lib/tabview/TabView';
export function DisabledDoc(props) {
const code = {
diff --git a/components/doc/tabview/headericondoc.js b/components/doc/tabview/headericondoc.js
index 80996f1dfb..3ea4a75caf 100644
--- a/components/doc/tabview/headericondoc.js
+++ b/components/doc/tabview/headericondoc.js
@@ -1,6 +1,6 @@
-import { TabView, TabPanel } from '../../lib/tabview/TabView';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { TabPanel, TabView } from '@/components/lib/tabview/TabView';
export function HeaderIconDoc(props) {
const code = {
diff --git a/components/doc/tabview/importdoc.js b/components/doc/tabview/importdoc.js
index 5f2f1852e9..5860b2b0db 100644
--- a/components/doc/tabview/importdoc.js
+++ b/components/doc/tabview/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/tabview/pt/ptdoc.js b/components/doc/tabview/pt/ptdoc.js
index 7e421809dd..740f4472e9 100644
--- a/components/doc/tabview/pt/ptdoc.js
+++ b/components/doc/tabview/pt/ptdoc.js
@@ -1,7 +1,6 @@
-import { DocSectionText } from '../../common/docsectiontext';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { TabView } from '../../../lib/tabview/TabView';
-import { TabPanel } from '../../../lib/tabview/TabView';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { TabPanel, TabView } from '@/components/lib/tabview/TabView';
export function PTDoc(props) {
const tabs = [
diff --git a/components/doc/tabview/pt/wireframe.js b/components/doc/tabview/pt/wireframe.js
index 0ac4bf93b0..97d0125ff0 100644
--- a/components/doc/tabview/pt/wireframe.js
+++ b/components/doc/tabview/pt/wireframe.js
@@ -1,5 +1,4 @@
-import React from 'react';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export const Wireframe = (props) => {
return (
diff --git a/components/doc/tabview/scrollabledoc.js b/components/doc/tabview/scrollabledoc.js
index 5674574d53..29c499575c 100644
--- a/components/doc/tabview/scrollabledoc.js
+++ b/components/doc/tabview/scrollabledoc.js
@@ -1,7 +1,6 @@
-import { useState } from 'react';
-import { TabView, TabPanel } from '../../lib/tabview/TabView';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { TabPanel, TabView } from '@/components/lib/tabview/TabView';
export function ScrollableDoc(props) {
const tabs = Array.from({ length: 50 }, (_, i) => ({ title: `Tab ${i + 1}`, content: `Tab ${i + 1} Content` }));
diff --git a/components/doc/tabview/styledoc.js b/components/doc/tabview/styledoc.js
index c0b800f085..135407d225 100644
--- a/components/doc/tabview/styledoc.js
+++ b/components/doc/tabview/styledoc.js
@@ -1,6 +1,6 @@
import Link from 'next/link';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyleDoc() {
return (
diff --git a/components/doc/tabview/templatedoc.js b/components/doc/tabview/templatedoc.js
index d976d85113..4b98b480d4 100644
--- a/components/doc/tabview/templatedoc.js
+++ b/components/doc/tabview/templatedoc.js
@@ -1,8 +1,8 @@
-import { Avatar } from '../../lib/avatar/Avatar';
-import { SplitButton } from '../../lib/splitbutton/SplitButton';
-import { TabPanel, TabView } from '../../lib/tabview/TabView';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Avatar } from '@/components/lib/avatar/Avatar';
+import { SplitButton } from '@/components/lib/splitbutton/SplitButton';
+import { TabPanel, TabView } from '@/components/lib/tabview/TabView';
export function TemplateDoc(props) {
const tab1HeaderTemplate = (options) => {
diff --git a/components/doc/tabview/theming/styleddoc.js b/components/doc/tabview/theming/styleddoc.js
index f4874003a8..f5ba846605 100644
--- a/components/doc/tabview/theming/styleddoc.js
+++ b/components/doc/tabview/theming/styleddoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyledDoc(props) {
return (
diff --git a/components/doc/tabview/theming/tailwinddoc.js b/components/doc/tabview/theming/tailwinddoc.js
index 3cb3a6e1a0..6258857e14 100644
--- a/components/doc/tabview/theming/tailwinddoc.js
+++ b/components/doc/tabview/theming/tailwinddoc.js
@@ -1,6 +1,6 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function TailwindDoc(props) {
const code = {
diff --git a/components/doc/tag/accessibilitydoc.js b/components/doc/tag/accessibilitydoc.js
index a60a086d69..c62fbc235e 100644
--- a/components/doc/tag/accessibilitydoc.js
+++ b/components/doc/tag/accessibilitydoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DevelopmentSection } from '../common/developmentsection';
+import { DevelopmentSection } from '@/components/doc/common/developmentsection';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function AccessibilityDoc() {
return (
diff --git a/components/doc/tag/basicdoc.js b/components/doc/tag/basicdoc.js
index da34decedd..1fbc8c0bab 100644
--- a/components/doc/tag/basicdoc.js
+++ b/components/doc/tag/basicdoc.js
@@ -1,7 +1,6 @@
-import React from 'react';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
-import { Tag } from '../../lib/tag/Tag';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Tag } from '@/components/lib/tag/Tag';
export function BasicDoc(props) {
const code = {
diff --git a/components/doc/tag/icondoc.js b/components/doc/tag/icondoc.js
index 9db9cbcaa4..1b0c4db8db 100644
--- a/components/doc/tag/icondoc.js
+++ b/components/doc/tag/icondoc.js
@@ -1,7 +1,6 @@
-import React from 'react';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
-import { Tag } from '../../lib/tag/Tag';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Tag } from '@/components/lib/tag/Tag';
export function IconDoc(props) {
const code = {
diff --git a/components/doc/tag/importdoc.js b/components/doc/tag/importdoc.js
index 2d2250557b..0a433058f1 100644
--- a/components/doc/tag/importdoc.js
+++ b/components/doc/tag/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/tag/pilldoc.js b/components/doc/tag/pilldoc.js
index e450190612..141a6f1cac 100644
--- a/components/doc/tag/pilldoc.js
+++ b/components/doc/tag/pilldoc.js
@@ -1,7 +1,6 @@
-import React from 'react';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
-import { Tag } from '../../lib/tag/Tag';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Tag } from '@/components/lib/tag/Tag';
export function PillDoc(props) {
const code = {
diff --git a/components/doc/tag/pt/ptdoc.js b/components/doc/tag/pt/ptdoc.js
index 10512ae76c..2c415bc4b2 100644
--- a/components/doc/tag/pt/ptdoc.js
+++ b/components/doc/tag/pt/ptdoc.js
@@ -1,7 +1,6 @@
-import React from 'react';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
-import { Tag } from '../../../lib/tag/Tag';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Tag } from '@/components/lib/tag/Tag';
export function PTDoc(props) {
const code = {
diff --git a/components/doc/tag/pt/wireframe.js b/components/doc/tag/pt/wireframe.js
index 3c5e4b8c91..8dfb3db12c 100644
--- a/components/doc/tag/pt/wireframe.js
+++ b/components/doc/tag/pt/wireframe.js
@@ -1,5 +1,4 @@
-import React from 'react';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export const Wireframe = (props) => {
return (
diff --git a/components/doc/tag/severitydoc.js b/components/doc/tag/severitydoc.js
index cc123b7ff9..878ca663c4 100644
--- a/components/doc/tag/severitydoc.js
+++ b/components/doc/tag/severitydoc.js
@@ -1,7 +1,6 @@
-import React from 'react';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
-import { Tag } from '../../lib/tag/Tag';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Tag } from '@/components/lib/tag/Tag';
export function SeverityDoc(props) {
const code = {
diff --git a/components/doc/tag/styledoc.js b/components/doc/tag/styledoc.js
index d25d8258a6..486b5712c6 100644
--- a/components/doc/tag/styledoc.js
+++ b/components/doc/tag/styledoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
export function StyleDoc() {
diff --git a/components/doc/tag/templatedoc.js b/components/doc/tag/templatedoc.js
index 9f727f5202..9b8992bb86 100644
--- a/components/doc/tag/templatedoc.js
+++ b/components/doc/tag/templatedoc.js
@@ -1,7 +1,6 @@
-import React from 'react';
-import { Tag } from '../../lib/tag/Tag';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Tag } from '@/components/lib/tag/Tag';
export function TemplateDoc(props) {
const code = {
diff --git a/components/doc/tag/theming/styleddoc.js b/components/doc/tag/theming/styleddoc.js
index 5b8cea9f1f..085be5553e 100644
--- a/components/doc/tag/theming/styleddoc.js
+++ b/components/doc/tag/theming/styleddoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyledDoc(props) {
return (
diff --git a/components/doc/tag/theming/tailwinddoc.js b/components/doc/tag/theming/tailwinddoc.js
index ffb15b6ea6..eb73dfa06e 100644
--- a/components/doc/tag/theming/tailwinddoc.js
+++ b/components/doc/tag/theming/tailwinddoc.js
@@ -1,6 +1,6 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function TailwindDoc(props) {
const code = {
diff --git a/components/doc/tailwind/csslayerdoc.js b/components/doc/tailwind/csslayerdoc.js
index 8a0ab4e19d..c923b36a80 100644
--- a/components/doc/tailwind/csslayerdoc.js
+++ b/components/doc/tailwind/csslayerdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function CSSLayerDoc(props) {
const code1 = {
diff --git a/components/doc/tailwind/unstyledmode/exampledoc.js b/components/doc/tailwind/unstyledmode/exampledoc.js
index 42d3f33ad0..a68c971aa2 100644
--- a/components/doc/tailwind/unstyledmode/exampledoc.js
+++ b/components/doc/tailwind/unstyledmode/exampledoc.js
@@ -1,5 +1,5 @@
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ExampleDoc(props) {
const code = {
diff --git a/components/doc/tailwind/unstyledmode/setupdoc.js b/components/doc/tailwind/unstyledmode/setupdoc.js
index 718294c3ac..937137ba40 100644
--- a/components/doc/tailwind/unstyledmode/setupdoc.js
+++ b/components/doc/tailwind/unstyledmode/setupdoc.js
@@ -1,6 +1,6 @@
-import { Badge } from '../../../lib/badge/Badge';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Badge } from '@/components/lib/badge/Badge';
export function SetupDoc(props) {
const code1 = {
diff --git a/components/doc/terminal/accessibilitydoc.js b/components/doc/terminal/accessibilitydoc.js
index 1bad3d0311..025b3acf07 100644
--- a/components/doc/terminal/accessibilitydoc.js
+++ b/components/doc/terminal/accessibilitydoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DevelopmentSection } from '../common/developmentsection';
+import { DevelopmentSection } from '@/components/doc/common/developmentsection';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function AccessibilityDoc() {
return (
diff --git a/components/doc/terminal/basicdoc.js b/components/doc/terminal/basicdoc.js
index 14777011d7..043b95022e 100644
--- a/components/doc/terminal/basicdoc.js
+++ b/components/doc/terminal/basicdoc.js
@@ -1,8 +1,8 @@
-import React, { useEffect } from 'react';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
-import { Terminal } from '../../lib/terminal/Terminal';
-import { TerminalService } from '../../lib/terminalservice/TerminalService';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Terminal } from '@/components/lib/terminal/Terminal';
+import { TerminalService } from '@/components/lib/terminalservice/TerminalService';
+import { useEffect } from 'react';
export function BasicDoc(props) {
const commandHandler = (text) => {
diff --git a/components/doc/terminal/importdoc.js b/components/doc/terminal/importdoc.js
index 38fa241951..c6a6ac9294 100644
--- a/components/doc/terminal/importdoc.js
+++ b/components/doc/terminal/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/terminal/pt/ptdoc.js b/components/doc/terminal/pt/ptdoc.js
index 720a268d51..b80860cbb9 100644
--- a/components/doc/terminal/pt/ptdoc.js
+++ b/components/doc/terminal/pt/ptdoc.js
@@ -1,8 +1,8 @@
-import React, { useEffect } from 'react';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
-import { Terminal } from '../../../lib/terminal/Terminal';
-import { TerminalService } from '../../../lib/terminalservice/TerminalService';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Terminal } from '@/components/lib/terminal/Terminal';
+import { TerminalService } from '@/components/lib/terminalservice/TerminalService';
+import { useEffect } from 'react';
export function PTDoc(props) {
const commandHandler = (text) => {
diff --git a/components/doc/terminal/pt/wireframe.js b/components/doc/terminal/pt/wireframe.js
index 6352907412..1e682380ad 100644
--- a/components/doc/terminal/pt/wireframe.js
+++ b/components/doc/terminal/pt/wireframe.js
@@ -1,5 +1,4 @@
-import React from 'react';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export const Wireframe = (props) => {
return (
diff --git a/components/doc/terminal/styledoc.js b/components/doc/terminal/styledoc.js
index 70b7993b3e..d3176043ac 100644
--- a/components/doc/terminal/styledoc.js
+++ b/components/doc/terminal/styledoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
export function StyleDoc() {
diff --git a/components/doc/terminal/theming/styleddoc.js b/components/doc/terminal/theming/styleddoc.js
index a4c1b46a1d..72be5433cd 100644
--- a/components/doc/terminal/theming/styleddoc.js
+++ b/components/doc/terminal/theming/styleddoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyledDoc(props) {
return (
diff --git a/components/doc/terminal/theming/tailwinddoc.js b/components/doc/terminal/theming/tailwinddoc.js
index 2bbe01d085..317e5f9a11 100644
--- a/components/doc/terminal/theming/tailwinddoc.js
+++ b/components/doc/terminal/theming/tailwinddoc.js
@@ -1,6 +1,6 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function TailwindDoc(props) {
const code = {
diff --git a/components/doc/theming/architecturedoc.js b/components/doc/theming/architecturedoc.js
index 26af20f477..652c370ed7 100644
--- a/components/doc/theming/architecturedoc.js
+++ b/components/doc/theming/architecturedoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ArchitectureDoc(props) {
return (
diff --git a/components/doc/theming/builtinthemesdoc.js b/components/doc/theming/builtinthemesdoc.js
index cac01e2898..ed5fbe35ff 100644
--- a/components/doc/theming/builtinthemesdoc.js
+++ b/components/doc/theming/builtinthemesdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function BuiltInThemesDoc(props) {
const code = {
diff --git a/components/doc/theming/cssvariablesdoc.js b/components/doc/theming/cssvariablesdoc.js
index 2f08625ebd..fcfff0ab8e 100644
--- a/components/doc/theming/cssvariablesdoc.js
+++ b/components/doc/theming/cssvariablesdoc.js
@@ -1,5 +1,5 @@
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionText } from '../common/docsectiontext';
export function CSSVariablesDoc(props) {
return (
diff --git a/components/doc/theming/customthemedoc.js b/components/doc/theming/customthemedoc.js
index b8af51655d..4968bbee3e 100644
--- a/components/doc/theming/customthemedoc.js
+++ b/components/doc/theming/customthemedoc.js
@@ -1,5 +1,5 @@
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function CustomThemeDoc(props) {
const code1 = {
diff --git a/components/doc/theming/primeflexdoc.js b/components/doc/theming/primeflexdoc.js
index c8832c2766..30e1e37a9b 100644
--- a/components/doc/theming/primeflexdoc.js
+++ b/components/doc/theming/primeflexdoc.js
@@ -1,6 +1,6 @@
-import { Button } from '../../lib/button/Button';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
export function PrimeFlexDoc(props) {
const code = {
diff --git a/components/doc/theming/scaledoc.js b/components/doc/theming/scaledoc.js
index 2f2aedf03c..f16dcd81e2 100644
--- a/components/doc/theming/scaledoc.js
+++ b/components/doc/theming/scaledoc.js
@@ -1,5 +1,5 @@
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ScaleDoc(props) {
const code = {
diff --git a/components/doc/theming/scopedstyling/cssinjsdoc.js b/components/doc/theming/scopedstyling/cssinjsdoc.js
index f748150da3..f3d6a5c336 100644
--- a/components/doc/theming/scopedstyling/cssinjsdoc.js
+++ b/components/doc/theming/scopedstyling/cssinjsdoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Panel } from '@/components/lib/panel/Panel';
import css from 'styled-jsx/css';
-import { Panel } from '../../../lib/panel/Panel';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function CssInJsDoc(props) {
const { className, styles } = css.resolve`
diff --git a/components/doc/theming/scopedstyling/cssmodulesdoc.js b/components/doc/theming/scopedstyling/cssmodulesdoc.js
index 1224ff8732..968c564cf2 100644
--- a/components/doc/theming/scopedstyling/cssmodulesdoc.js
+++ b/components/doc/theming/scopedstyling/cssmodulesdoc.js
@@ -1,6 +1,6 @@
-import { Panel } from '../../../lib/panel/Panel';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Panel } from '@/components/lib/panel/Panel';
import panelDemoModule from './paneldemo.module.css';
export function CSSModulesDoc(props) {
diff --git a/components/doc/theming/scopedstyling/namedclassdoc.js b/components/doc/theming/scopedstyling/namedclassdoc.js
index 0281a9bfd4..ad1a9b402f 100644
--- a/components/doc/theming/scopedstyling/namedclassdoc.js
+++ b/components/doc/theming/scopedstyling/namedclassdoc.js
@@ -1,6 +1,6 @@
-import { Panel } from '../../../lib/panel/Panel';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Panel } from '@/components/lib/panel/Panel';
export function NamedClassDoc(props) {
const code1 = {
diff --git a/components/doc/theming/switchthemesdoc.js b/components/doc/theming/switchthemesdoc.js
index 420b10a465..34f7439010 100644
--- a/components/doc/theming/switchthemesdoc.js
+++ b/components/doc/theming/switchthemesdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function SwitchThemesDoc(props) {
const code1 = {
diff --git a/components/doc/theming/utilsdoc.js b/components/doc/theming/utilsdoc.js
index 2a2473c45c..518f2cfd7a 100644
--- a/components/doc/theming/utilsdoc.js
+++ b/components/doc/theming/utilsdoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function UtilsDoc(props) {
return (
diff --git a/components/doc/tieredmenu/accessibilitydoc.js b/components/doc/tieredmenu/accessibilitydoc.js
index 32c6b16977..0078b90bde 100644
--- a/components/doc/tieredmenu/accessibilitydoc.js
+++ b/components/doc/tieredmenu/accessibilitydoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DevelopmentSection } from '../common/developmentsection';
+import { DevelopmentSection } from '@/components/doc/common/developmentsection';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function AccessibilityDoc() {
return (
diff --git a/components/doc/tieredmenu/basicdoc.js b/components/doc/tieredmenu/basicdoc.js
index 8f45a165ee..5bd1f6d6e2 100644
--- a/components/doc/tieredmenu/basicdoc.js
+++ b/components/doc/tieredmenu/basicdoc.js
@@ -1,6 +1,6 @@
-import { TieredMenu } from '../../lib/tieredmenu/TieredMenu';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { TieredMenu } from '@/components/lib/tieredmenu/TieredMenu';
export function BasicDoc(props) {
const items = [
diff --git a/components/doc/tieredmenu/importdoc.js b/components/doc/tieredmenu/importdoc.js
index 40d4514c43..6ecf209461 100644
--- a/components/doc/tieredmenu/importdoc.js
+++ b/components/doc/tieredmenu/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/tieredmenu/popupdoc.js b/components/doc/tieredmenu/popupdoc.js
index 2a51a51b8e..a03ef02f04 100644
--- a/components/doc/tieredmenu/popupdoc.js
+++ b/components/doc/tieredmenu/popupdoc.js
@@ -1,8 +1,8 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { TieredMenu } from '@/components/lib/tieredmenu/TieredMenu';
import { useRef } from 'react';
-import { Button } from '../../lib/button/Button';
-import { TieredMenu } from '../../lib/tieredmenu/TieredMenu';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function PopupDoc(props) {
const menu = useRef(null);
diff --git a/components/doc/tieredmenu/pt/ptdoc.js b/components/doc/tieredmenu/pt/ptdoc.js
index 97fffec89e..f6aca016ae 100644
--- a/components/doc/tieredmenu/pt/ptdoc.js
+++ b/components/doc/tieredmenu/pt/ptdoc.js
@@ -1,6 +1,6 @@
-import { TieredMenu } from '../../../lib/tieredmenu/TieredMenu';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { TieredMenu } from '@/components/lib/tieredmenu/TieredMenu';
export function PTDoc(props) {
const items = [
diff --git a/components/doc/tieredmenu/pt/wireframe.js b/components/doc/tieredmenu/pt/wireframe.js
index 58b39bc4d2..0c12755674 100644
--- a/components/doc/tieredmenu/pt/wireframe.js
+++ b/components/doc/tieredmenu/pt/wireframe.js
@@ -1,5 +1,4 @@
-import React from 'react';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export const Wireframe = (props) => {
return (
diff --git a/components/doc/tieredmenu/styledoc.js b/components/doc/tieredmenu/styledoc.js
index 586db86350..1a8863ba97 100644
--- a/components/doc/tieredmenu/styledoc.js
+++ b/components/doc/tieredmenu/styledoc.js
@@ -1,6 +1,6 @@
import Link from 'next/link';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyleDoc() {
return (
diff --git a/components/doc/tieredmenu/theming/styleddoc.js b/components/doc/tieredmenu/theming/styleddoc.js
index 61a6b5df6e..43cde59cbb 100644
--- a/components/doc/tieredmenu/theming/styleddoc.js
+++ b/components/doc/tieredmenu/theming/styleddoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyledDoc(props) {
return (
diff --git a/components/doc/tieredmenu/theming/tailwinddoc.js b/components/doc/tieredmenu/theming/tailwinddoc.js
index f5baa3d246..63a71d974e 100644
--- a/components/doc/tieredmenu/theming/tailwinddoc.js
+++ b/components/doc/tieredmenu/theming/tailwinddoc.js
@@ -1,6 +1,6 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function TailwindDoc(props) {
const code = {
diff --git a/components/doc/timeline/accessibilitydoc.js b/components/doc/timeline/accessibilitydoc.js
index 49d822f70c..087de802e1 100644
--- a/components/doc/timeline/accessibilitydoc.js
+++ b/components/doc/timeline/accessibilitydoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DevelopmentSection } from '../common/developmentsection';
+import { DevelopmentSection } from '@/components/doc/common/developmentsection';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function AccessibilityDoc() {
return (
diff --git a/components/doc/timeline/alignmentdoc.js b/components/doc/timeline/alignmentdoc.js
index c8f9667652..d6fe5087ff 100644
--- a/components/doc/timeline/alignmentdoc.js
+++ b/components/doc/timeline/alignmentdoc.js
@@ -1,6 +1,6 @@
-import { Timeline } from '../../lib/timeline/Timeline';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Timeline } from '@/components/lib/timeline/Timeline';
export function AlignmentDoc(props) {
const events = [
diff --git a/components/doc/timeline/basicdoc.js b/components/doc/timeline/basicdoc.js
index 3cd9dce268..279f507206 100644
--- a/components/doc/timeline/basicdoc.js
+++ b/components/doc/timeline/basicdoc.js
@@ -1,6 +1,6 @@
-import { Timeline } from '../../lib/timeline/Timeline';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Timeline } from '@/components/lib/timeline/Timeline';
export function BasicDoc(props) {
const events = [
diff --git a/components/doc/timeline/horizontaldoc.js b/components/doc/timeline/horizontaldoc.js
index 74f5902ccc..c4d4c889c4 100644
--- a/components/doc/timeline/horizontaldoc.js
+++ b/components/doc/timeline/horizontaldoc.js
@@ -1,6 +1,6 @@
-import { Timeline } from '../../lib/timeline/Timeline';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Timeline } from '@/components/lib/timeline/Timeline';
export function HorizontalDoc(props) {
const events = ['2020', '2021', '2022', '2023'];
diff --git a/components/doc/timeline/importdoc.js b/components/doc/timeline/importdoc.js
index 946bb5c42a..9de510a0d6 100644
--- a/components/doc/timeline/importdoc.js
+++ b/components/doc/timeline/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/timeline/oppositedoc.js b/components/doc/timeline/oppositedoc.js
index 9f352ede71..2920e926df 100644
--- a/components/doc/timeline/oppositedoc.js
+++ b/components/doc/timeline/oppositedoc.js
@@ -1,6 +1,6 @@
-import { Timeline } from '../../lib/timeline/Timeline';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Timeline } from '@/components/lib/timeline/Timeline';
export function OppositeDoc(props) {
const events = [
diff --git a/components/doc/timeline/pt/ptdoc.js b/components/doc/timeline/pt/ptdoc.js
index d732a6719c..39ea1524b9 100644
--- a/components/doc/timeline/pt/ptdoc.js
+++ b/components/doc/timeline/pt/ptdoc.js
@@ -1,6 +1,6 @@
-import { Timeline } from '../../../lib/timeline/Timeline';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Timeline } from '@/components/lib/timeline/Timeline';
export function PTDoc(props) {
const events = [
diff --git a/components/doc/timeline/pt/wireframe.js b/components/doc/timeline/pt/wireframe.js
index 6cefa2a6d2..646abbd651 100644
--- a/components/doc/timeline/pt/wireframe.js
+++ b/components/doc/timeline/pt/wireframe.js
@@ -1,5 +1,4 @@
-import React from 'react';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export const Wireframe = (props) => {
return (
diff --git a/components/doc/timeline/styledoc.js b/components/doc/timeline/styledoc.js
index e16d3484ea..0923b9d61d 100644
--- a/components/doc/timeline/styledoc.js
+++ b/components/doc/timeline/styledoc.js
@@ -1,6 +1,6 @@
import Link from 'next/link';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyleDoc() {
return (
diff --git a/components/doc/timeline/templatedoc.js b/components/doc/timeline/templatedoc.js
index 75f98aa2ea..da73415bcc 100644
--- a/components/doc/timeline/templatedoc.js
+++ b/components/doc/timeline/templatedoc.js
@@ -1,8 +1,8 @@
-import { Button } from '../../lib/button/Button';
-import { Card } from '../../lib/card/Card';
-import { Timeline } from '../../lib/timeline/Timeline';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { Card } from '@/components/lib/card/Card';
+import { Timeline } from '@/components/lib/timeline/Timeline';
export function TemplateDoc(props) {
const events = [
diff --git a/components/doc/timeline/theming/styleddoc.js b/components/doc/timeline/theming/styleddoc.js
index 65d305a383..876f4584fb 100644
--- a/components/doc/timeline/theming/styleddoc.js
+++ b/components/doc/timeline/theming/styleddoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyledDoc(props) {
return (
diff --git a/components/doc/timeline/theming/tailwinddoc.js b/components/doc/timeline/theming/tailwinddoc.js
index 399f55215c..374103b40d 100644
--- a/components/doc/timeline/theming/tailwinddoc.js
+++ b/components/doc/timeline/theming/tailwinddoc.js
@@ -1,6 +1,6 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function TailwindDoc(props) {
const code = {
diff --git a/components/doc/toast/accessibilitydoc.js b/components/doc/toast/accessibilitydoc.js
index 317c0dcc33..353b3ccec6 100644
--- a/components/doc/toast/accessibilitydoc.js
+++ b/components/doc/toast/accessibilitydoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DevelopmentSection } from '../common/developmentsection';
+import { DevelopmentSection } from '@/components/doc/common/developmentsection';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
diff --git a/components/doc/toast/basicdoc.js b/components/doc/toast/basicdoc.js
index 4f0512962d..8844aed6af 100644
--- a/components/doc/toast/basicdoc.js
+++ b/components/doc/toast/basicdoc.js
@@ -1,8 +1,8 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { Toast } from '@/components/lib/toast/Toast';
import { useRef } from 'react';
-import { Button } from '../../lib/button/Button';
-import { Toast } from '../../lib/toast/Toast';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function BasicDoc(props) {
const toast = useRef(null);
diff --git a/components/doc/toast/importdoc.js b/components/doc/toast/importdoc.js
index 14fd74b8ac..81b2bac6cc 100644
--- a/components/doc/toast/importdoc.js
+++ b/components/doc/toast/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/toast/multipledoc.js b/components/doc/toast/multipledoc.js
index 15b95c2359..cde4008efe 100644
--- a/components/doc/toast/multipledoc.js
+++ b/components/doc/toast/multipledoc.js
@@ -1,8 +1,8 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { Toast } from '@/components/lib/toast/Toast';
import { useRef } from 'react';
-import { Button } from '../../lib/button/Button';
-import { Toast } from '../../lib/toast/Toast';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function MultipleDoc(props) {
const toast = useRef(null);
diff --git a/components/doc/toast/positiondoc.js b/components/doc/toast/positiondoc.js
index 55fbd4d591..7f94a56810 100644
--- a/components/doc/toast/positiondoc.js
+++ b/components/doc/toast/positiondoc.js
@@ -1,8 +1,8 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { Toast } from '@/components/lib/toast/Toast';
import { useRef } from 'react';
-import { Button } from '../../lib/button/Button';
-import { Toast } from '../../lib/toast/Toast';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function PositionDoc(props) {
const toastTopCenter = useRef(null);
diff --git a/components/doc/toast/pt/ptdoc.js b/components/doc/toast/pt/ptdoc.js
index f5694f583d..049badb914 100644
--- a/components/doc/toast/pt/ptdoc.js
+++ b/components/doc/toast/pt/ptdoc.js
@@ -1,8 +1,8 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { Toast } from '@/components/lib/toast/Toast';
import { useRef } from 'react';
-import { Button } from '../../../lib/button/Button';
-import { Toast } from '../../../lib/toast/Toast';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function PTDoc(props) {
const toast = useRef(null);
diff --git a/components/doc/toast/pt/wireframe.js b/components/doc/toast/pt/wireframe.js
index d8eab95fe4..027c40afb6 100644
--- a/components/doc/toast/pt/wireframe.js
+++ b/components/doc/toast/pt/wireframe.js
@@ -1,5 +1,4 @@
-import React from 'react';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export const Wireframe = (props) => {
return (
diff --git a/components/doc/toast/severitydoc.js b/components/doc/toast/severitydoc.js
index 13d2e0feb4..db8dd67e02 100644
--- a/components/doc/toast/severitydoc.js
+++ b/components/doc/toast/severitydoc.js
@@ -1,8 +1,8 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { Toast } from '@/components/lib/toast/Toast';
import { useRef } from 'react';
-import { Button } from '../../lib/button/Button';
-import { Toast } from '../../lib/toast/Toast';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function SeverityDoc(props) {
const toast = useRef(null);
diff --git a/components/doc/toast/stickydoc.js b/components/doc/toast/stickydoc.js
index 2985737e37..6ab9b6cbc9 100644
--- a/components/doc/toast/stickydoc.js
+++ b/components/doc/toast/stickydoc.js
@@ -1,8 +1,8 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { Toast } from '@/components/lib/toast/Toast';
import { useRef } from 'react';
-import { Button } from '../../lib/button/Button';
-import { Toast } from '../../lib/toast/Toast';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function StickyDoc(props) {
const toast = useRef(null);
diff --git a/components/doc/toast/styledoc.js b/components/doc/toast/styledoc.js
index 93e51eb449..ab18e1e22e 100644
--- a/components/doc/toast/styledoc.js
+++ b/components/doc/toast/styledoc.js
@@ -1,6 +1,6 @@
import Link from 'next/link';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyleDoc() {
return (
diff --git a/components/doc/toast/templatedoc.js b/components/doc/toast/templatedoc.js
index b111214405..8753201541 100644
--- a/components/doc/toast/templatedoc.js
+++ b/components/doc/toast/templatedoc.js
@@ -1,8 +1,8 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { Toast } from '@/components/lib/toast/Toast';
import { useRef, useState } from 'react';
-import { Button } from '../../lib/button/Button';
-import { Toast } from '../../lib/toast/Toast';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function TemplateDoc(props) {
const [visible, setVisible] = useState(false);
diff --git a/components/doc/toast/theming/styleddoc.js b/components/doc/toast/theming/styleddoc.js
index 2eb5225d84..a61754a511 100644
--- a/components/doc/toast/theming/styleddoc.js
+++ b/components/doc/toast/theming/styleddoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyledDoc(props) {
return (
diff --git a/components/doc/toast/theming/tailwinddoc.js b/components/doc/toast/theming/tailwinddoc.js
index c9507d733a..adfde3215c 100644
--- a/components/doc/toast/theming/tailwinddoc.js
+++ b/components/doc/toast/theming/tailwinddoc.js
@@ -1,6 +1,6 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function TailwindDoc(props) {
const code = {
diff --git a/components/doc/togglebutton/accessibilitydoc.js b/components/doc/togglebutton/accessibilitydoc.js
index 09a94a80b2..5347df3c29 100644
--- a/components/doc/togglebutton/accessibilitydoc.js
+++ b/components/doc/togglebutton/accessibilitydoc.js
@@ -1,6 +1,6 @@
-import { DevelopmentSection } from '../common/developmentsection';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DevelopmentSection } from '@/components/doc/common/developmentsection';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function AccessibilityDoc() {
const code = {
diff --git a/components/doc/togglebutton/basicdoc.js b/components/doc/togglebutton/basicdoc.js
index 72af97ae90..42557fd710 100644
--- a/components/doc/togglebutton/basicdoc.js
+++ b/components/doc/togglebutton/basicdoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { ToggleButton } from '@/components/lib/togglebutton/ToggleButton';
import { useState } from 'react';
-import { ToggleButton } from '../../lib/togglebutton/ToggleButton';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function BasicDoc(props) {
const [checked, setChecked] = useState(false);
diff --git a/components/doc/togglebutton/customizeddoc.js b/components/doc/togglebutton/customizeddoc.js
index 3f9da35cd1..a11c302d53 100644
--- a/components/doc/togglebutton/customizeddoc.js
+++ b/components/doc/togglebutton/customizeddoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { ToggleButton } from '@/components/lib/togglebutton/ToggleButton';
import { useState } from 'react';
-import { ToggleButton } from '../../lib/togglebutton/ToggleButton';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function CustomizedDoc(props) {
const [checked, setChecked] = useState(false);
diff --git a/components/doc/togglebutton/form/formikdoc.js b/components/doc/togglebutton/form/formikdoc.js
index 25589b7003..9001712db0 100644
--- a/components/doc/togglebutton/form/formikdoc.js
+++ b/components/doc/togglebutton/form/formikdoc.js
@@ -1,11 +1,11 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { Toast } from '@/components/lib/toast/Toast';
+import { ToggleButton } from '@/components/lib/togglebutton/ToggleButton';
+import { classNames } from '@/components/lib/utils/Utils';
import { useFormik } from 'formik';
import { useRef } from 'react';
-import { Button } from '../../../lib/button/Button';
-import { Toast } from '../../../lib/toast/Toast';
-import { ToggleButton } from '../../../lib/togglebutton/ToggleButton';
-import { classNames } from '../../../lib/utils/Utils';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function FormikDoc(props) {
const toast = useRef(null);
diff --git a/components/doc/togglebutton/form/hookformdoc.js b/components/doc/togglebutton/form/hookformdoc.js
index 9afdaaf1e5..9b2f7dc49b 100644
--- a/components/doc/togglebutton/form/hookformdoc.js
+++ b/components/doc/togglebutton/form/hookformdoc.js
@@ -1,11 +1,11 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { Toast } from '@/components/lib/toast/Toast';
+import { ToggleButton } from '@/components/lib/togglebutton/ToggleButton';
+import { classNames } from '@/components/lib/utils/Utils';
import { useRef } from 'react';
import { Controller, useForm } from 'react-hook-form';
-import { Button } from '../../../lib/button/Button';
-import { Toast } from '../../../lib/toast/Toast';
-import { ToggleButton } from '../../../lib/togglebutton/ToggleButton';
-import { classNames } from '../../../lib/utils/Utils';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function HookFormDoc(props) {
const toast = useRef(null);
diff --git a/components/doc/togglebutton/importdoc.js b/components/doc/togglebutton/importdoc.js
index 6cf759f7f5..c9cde6bcef 100644
--- a/components/doc/togglebutton/importdoc.js
+++ b/components/doc/togglebutton/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/togglebutton/pt/ptdoc.js b/components/doc/togglebutton/pt/ptdoc.js
index 863193303a..9948611111 100644
--- a/components/doc/togglebutton/pt/ptdoc.js
+++ b/components/doc/togglebutton/pt/ptdoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { ToggleButton } from '@/components/lib/togglebutton/ToggleButton';
import { useState } from 'react';
-import { ToggleButton } from '../../../lib/togglebutton/ToggleButton';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function PTDoc(props) {
const [checked, setChecked] = useState(false);
diff --git a/components/doc/togglebutton/pt/wireframe.js b/components/doc/togglebutton/pt/wireframe.js
index 072b6f94cb..b28c2c0dff 100644
--- a/components/doc/togglebutton/pt/wireframe.js
+++ b/components/doc/togglebutton/pt/wireframe.js
@@ -1,5 +1,4 @@
-import React from 'react';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export const Wireframe = (props) => {
return (
diff --git a/components/doc/togglebutton/styledoc.js b/components/doc/togglebutton/styledoc.js
index c79fc16bc8..e08c7094e9 100644
--- a/components/doc/togglebutton/styledoc.js
+++ b/components/doc/togglebutton/styledoc.js
@@ -1,6 +1,6 @@
import Link from 'next/link';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyleDoc() {
return (
diff --git a/components/doc/togglebutton/theming/styleddoc.js b/components/doc/togglebutton/theming/styleddoc.js
index c8e6971e3d..101d836199 100644
--- a/components/doc/togglebutton/theming/styleddoc.js
+++ b/components/doc/togglebutton/theming/styleddoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyledDoc(props) {
return (
diff --git a/components/doc/togglebutton/theming/tailwinddoc.js b/components/doc/togglebutton/theming/tailwinddoc.js
index 70d929e7c2..518c520e10 100644
--- a/components/doc/togglebutton/theming/tailwinddoc.js
+++ b/components/doc/togglebutton/theming/tailwinddoc.js
@@ -1,6 +1,6 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function TailwindDoc(props) {
const code = {
diff --git a/components/doc/toolbar/accessibilitydoc.js b/components/doc/toolbar/accessibilitydoc.js
index b4dd897c1c..0d9081fc66 100644
--- a/components/doc/toolbar/accessibilitydoc.js
+++ b/components/doc/toolbar/accessibilitydoc.js
@@ -1,6 +1,6 @@
-import { DevelopmentSection } from '../common/developmentsection';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DevelopmentSection } from '@/components/doc/common/developmentsection';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function AccessibilityDoc() {
const code = {
diff --git a/components/doc/toolbar/basicdoc.js b/components/doc/toolbar/basicdoc.js
index 39accbe26e..23c0fe3811 100644
--- a/components/doc/toolbar/basicdoc.js
+++ b/components/doc/toolbar/basicdoc.js
@@ -1,10 +1,10 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { SplitButton } from '@/components/lib/splitbutton/SplitButton';
+import { Toolbar } from '@/components/lib/toolbar/Toolbar';
import { useRouter } from 'next/router';
import React from 'react';
-import { Button } from '../../lib/button/Button';
-import { SplitButton } from '../../lib/splitbutton/SplitButton';
-import { Toolbar } from '../../lib/toolbar/Toolbar';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function BasicDoc(props) {
const router = useRouter();
diff --git a/components/doc/toolbar/importdoc.js b/components/doc/toolbar/importdoc.js
index d0cae11a14..83c8d18e65 100644
--- a/components/doc/toolbar/importdoc.js
+++ b/components/doc/toolbar/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/toolbar/pt/ptdoc.js b/components/doc/toolbar/pt/ptdoc.js
index c00f57315c..b898f24d1b 100644
--- a/components/doc/toolbar/pt/ptdoc.js
+++ b/components/doc/toolbar/pt/ptdoc.js
@@ -1,7 +1,7 @@
-import { DocSectionText } from '../../common/docsectiontext';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { Toolbar } from '../../../lib/toolbar/Toolbar';
-import { Button } from '../../../lib/button/Button';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { Toolbar } from '@/components/lib/toolbar/Toolbar';
import React from 'react';
export function PTDoc(props) {
diff --git a/components/doc/toolbar/pt/wireframe.js b/components/doc/toolbar/pt/wireframe.js
index fc9ba72463..599b086feb 100644
--- a/components/doc/toolbar/pt/wireframe.js
+++ b/components/doc/toolbar/pt/wireframe.js
@@ -1,5 +1,4 @@
-import React from 'react';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export const Wireframe = (props) => {
return (
diff --git a/components/doc/toolbar/styledoc.js b/components/doc/toolbar/styledoc.js
index 0e8dbe404d..85440bf729 100644
--- a/components/doc/toolbar/styledoc.js
+++ b/components/doc/toolbar/styledoc.js
@@ -1,6 +1,6 @@
import Link from 'next/link';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyleDoc() {
return (
diff --git a/components/doc/toolbar/theming/styleddoc.js b/components/doc/toolbar/theming/styleddoc.js
index 2446a898e1..46ff5df389 100644
--- a/components/doc/toolbar/theming/styleddoc.js
+++ b/components/doc/toolbar/theming/styleddoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyledDoc(props) {
return (
diff --git a/components/doc/toolbar/theming/tailwinddoc.js b/components/doc/toolbar/theming/tailwinddoc.js
index a7e9e34178..c939f15b85 100644
--- a/components/doc/toolbar/theming/tailwinddoc.js
+++ b/components/doc/toolbar/theming/tailwinddoc.js
@@ -1,6 +1,6 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function TailwindDoc(props) {
const code = {
diff --git a/components/doc/tooltip/accessibilitydoc.js b/components/doc/tooltip/accessibilitydoc.js
index 6ba4861905..703e5e5b27 100644
--- a/components/doc/tooltip/accessibilitydoc.js
+++ b/components/doc/tooltip/accessibilitydoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DevelopmentSection } from '../common/developmentsection';
+import { DevelopmentSection } from '@/components/doc/common/developmentsection';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function AccessibilityDoc() {
return (
diff --git a/components/doc/tooltip/autohidedoc.js b/components/doc/tooltip/autohidedoc.js
index d4ed047e38..583499df2d 100644
--- a/components/doc/tooltip/autohidedoc.js
+++ b/components/doc/tooltip/autohidedoc.js
@@ -1,8 +1,8 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { Tooltip } from '@/components/lib/tooltip/Tooltip';
import { useState } from 'react';
-import { Button } from '../../lib/button/Button';
-import { Tooltip } from '../../lib/tooltip/Tooltip';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function AutoHideDoc(props) {
const [count, setCount] = useState(0);
diff --git a/components/doc/tooltip/delaydoc.js b/components/doc/tooltip/delaydoc.js
index 7666643d8a..f1864ef192 100644
--- a/components/doc/tooltip/delaydoc.js
+++ b/components/doc/tooltip/delaydoc.js
@@ -1,6 +1,6 @@
-import { InputText } from '../../lib/inputtext/InputText';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { InputText } from '@/components/lib/inputtext/InputText';
export function DelayDoc(props) {
const code = {
diff --git a/components/doc/tooltip/disableddoc.js b/components/doc/tooltip/disableddoc.js
index c9eb0749d7..6d614540a8 100644
--- a/components/doc/tooltip/disableddoc.js
+++ b/components/doc/tooltip/disableddoc.js
@@ -1,7 +1,7 @@
-import { Button } from '../../lib/button/Button';
-import { Tooltip } from '../../lib/tooltip/Tooltip';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { Tooltip } from '@/components/lib/tooltip/Tooltip';
export function DisabledDoc(props) {
const code = {
diff --git a/components/doc/tooltip/eventdoc.js b/components/doc/tooltip/eventdoc.js
index 91c302a294..9e63b39d47 100644
--- a/components/doc/tooltip/eventdoc.js
+++ b/components/doc/tooltip/eventdoc.js
@@ -1,6 +1,6 @@
-import { InputText } from '../../lib/inputtext/InputText';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { InputText } from '@/components/lib/inputtext/InputText';
export function EventDoc(props) {
const code = {
diff --git a/components/doc/tooltip/importdoc.js b/components/doc/tooltip/importdoc.js
index 271cffc9d3..9741810aa8 100644
--- a/components/doc/tooltip/importdoc.js
+++ b/components/doc/tooltip/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/tooltip/mousetrackdoc.js b/components/doc/tooltip/mousetrackdoc.js
index bb13fb99d3..0f37be5933 100644
--- a/components/doc/tooltip/mousetrackdoc.js
+++ b/components/doc/tooltip/mousetrackdoc.js
@@ -1,7 +1,7 @@
-import { Button } from '../../lib/button/Button';
-import { Tooltip } from '../../lib/tooltip/Tooltip';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { Tooltip } from '@/components/lib/tooltip/Tooltip';
export function MouseTrackDoc(props) {
const code = {
diff --git a/components/doc/tooltip/positiondoc.js b/components/doc/tooltip/positiondoc.js
index b7a0f224fc..cdb509e03e 100644
--- a/components/doc/tooltip/positiondoc.js
+++ b/components/doc/tooltip/positiondoc.js
@@ -1,6 +1,6 @@
-import { InputText } from '../../lib/inputtext/InputText';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { InputText } from '@/components/lib/inputtext/InputText';
export function PositionDoc(props) {
const code = {
diff --git a/components/doc/tooltip/pt/ptdoc.js b/components/doc/tooltip/pt/ptdoc.js
index c061c43455..a0325ccbe2 100644
--- a/components/doc/tooltip/pt/ptdoc.js
+++ b/components/doc/tooltip/pt/ptdoc.js
@@ -1,6 +1,6 @@
-import { InputText } from '../../../lib/inputtext/InputText';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { InputText } from '@/components/lib/inputtext/InputText';
export function PTDoc(props) {
const code = {
diff --git a/components/doc/tooltip/pt/wireframe.js b/components/doc/tooltip/pt/wireframe.js
index 1999c3428b..769ed3aa3e 100644
--- a/components/doc/tooltip/pt/wireframe.js
+++ b/components/doc/tooltip/pt/wireframe.js
@@ -1,5 +1,4 @@
-import React from 'react';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export const Wireframe = (props) => {
return (
diff --git a/components/doc/tooltip/reactivedoc.js b/components/doc/tooltip/reactivedoc.js
index 8ae24b85b2..bd1d5884b6 100644
--- a/components/doc/tooltip/reactivedoc.js
+++ b/components/doc/tooltip/reactivedoc.js
@@ -1,10 +1,10 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { Knob } from '@/components/lib/knob/Knob';
+import { Slider } from '@/components/lib/slider/Slider';
+import { Tooltip } from '@/components/lib/tooltip/Tooltip';
import { useState } from 'react';
-import { Button } from '../../lib/button/Button';
-import { Knob } from '../../lib/knob/Knob';
-import { Slider } from '../../lib/slider/Slider';
-import { Tooltip } from '../../lib/tooltip/Tooltip';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function ReactiveDoc(props) {
const [buttonTooltip, setButtonTooltip] = useState('Click to proceed');
diff --git a/components/doc/tooltip/styledoc.js b/components/doc/tooltip/styledoc.js
index eec8cd4231..49152e904d 100644
--- a/components/doc/tooltip/styledoc.js
+++ b/components/doc/tooltip/styledoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyleDoc() {
return (
diff --git a/components/doc/tooltip/targetdoc.js b/components/doc/tooltip/targetdoc.js
index cd0ba25fd9..dd03f8c209 100644
--- a/components/doc/tooltip/targetdoc.js
+++ b/components/doc/tooltip/targetdoc.js
@@ -1,7 +1,7 @@
-import { Badge } from '../../lib/badge/Badge';
-import { Tooltip } from '../../lib/tooltip/Tooltip';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Badge } from '@/components/lib/badge/Badge';
+import { Tooltip } from '@/components/lib/tooltip/Tooltip';
export function TargetDoc(props) {
const code = {
diff --git a/components/doc/tooltip/templatedoc.js b/components/doc/tooltip/templatedoc.js
index b400aad046..1caa340a27 100644
--- a/components/doc/tooltip/templatedoc.js
+++ b/components/doc/tooltip/templatedoc.js
@@ -1,7 +1,7 @@
-import { Button } from '../../lib/button/Button';
-import { Tooltip } from '../../lib/tooltip/Tooltip';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { Tooltip } from '@/components/lib/tooltip/Tooltip';
export function TemplateDoc(props) {
const code = {
diff --git a/components/doc/tooltip/theming/styleddoc.js b/components/doc/tooltip/theming/styleddoc.js
index f89b6dac88..2e728a39b8 100644
--- a/components/doc/tooltip/theming/styleddoc.js
+++ b/components/doc/tooltip/theming/styleddoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyledDoc(props) {
return (
diff --git a/components/doc/tooltip/theming/tailwinddoc.js b/components/doc/tooltip/theming/tailwinddoc.js
index 7b009b13d4..8d51a689c1 100644
--- a/components/doc/tooltip/theming/tailwinddoc.js
+++ b/components/doc/tooltip/theming/tailwinddoc.js
@@ -1,6 +1,6 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function TailwindDoc(props) {
const code = {
diff --git a/components/doc/tree/accessibilitydoc.js b/components/doc/tree/accessibilitydoc.js
index e7e7f6ad63..83fa715221 100644
--- a/components/doc/tree/accessibilitydoc.js
+++ b/components/doc/tree/accessibilitydoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DevelopmentSection } from '../common/developmentsection';
+import { DevelopmentSection } from '@/components/doc/common/developmentsection';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function AccessibilityDoc() {
return (
diff --git a/components/doc/tree/basicdoc.js b/components/doc/tree/basicdoc.js
index e2f56e35ee..0e61077d01 100644
--- a/components/doc/tree/basicdoc.js
+++ b/components/doc/tree/basicdoc.js
@@ -1,8 +1,8 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Tree } from '@/components/lib/tree/Tree';
import { useEffect, useState } from 'react';
import { NodeService } from '../../../service/NodeService';
-import { Tree } from '../../lib/tree/Tree';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function BasicDoc(props) {
const [nodes, setNodes] = useState([]);
diff --git a/components/doc/tree/contextmenudoc.js b/components/doc/tree/contextmenudoc.js
index 8b6f2bbc1e..9bb31b756c 100644
--- a/components/doc/tree/contextmenudoc.js
+++ b/components/doc/tree/contextmenudoc.js
@@ -1,11 +1,11 @@
-import { useState, useEffect, useRef } from 'react';
-import { Tree } from '../../lib/tree/Tree';
-import { Toast } from '../../lib/toast/Toast';
-import { ContextMenu } from '../../lib/contextmenu/ContextMenu';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
-import { NodeService } from '../../../service/NodeService';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { ContextMenu } from '@/components/lib/contextmenu/ContextMenu';
+import { Toast } from '@/components/lib/toast/Toast';
+import { Tree } from '@/components/lib/tree/Tree';
import Link from 'next/link';
+import { useEffect, useRef, useState } from 'react';
+import { NodeService } from '../../../service/NodeService';
export function ContextMenuDoc(props) {
const [nodes, setNodes] = useState([]);
diff --git a/components/doc/tree/controlleddoc.js b/components/doc/tree/controlleddoc.js
index 9ddf196528..cb35349e78 100644
--- a/components/doc/tree/controlleddoc.js
+++ b/components/doc/tree/controlleddoc.js
@@ -1,9 +1,9 @@
-import { useState, useEffect } from 'react';
-import { Tree } from '../../lib/tree/Tree';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { Tree } from '@/components/lib/tree/Tree';
+import { useEffect, useState } from 'react';
import { NodeService } from '../../../service/NodeService';
-import { Button } from '../../lib/button/Button';
export function ControlledDoc(props) {
const [nodes, setNodes] = useState([]);
diff --git a/components/doc/tree/dragdropdoc.js b/components/doc/tree/dragdropdoc.js
index fa11ace259..60aec64580 100644
--- a/components/doc/tree/dragdropdoc.js
+++ b/components/doc/tree/dragdropdoc.js
@@ -1,7 +1,7 @@
-import { useState, useEffect } from 'react';
-import { Tree } from '../../lib/tree/Tree';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Tree } from '@/components/lib/tree/Tree';
+import { useEffect, useState } from 'react';
import { NodeService } from '../../../service/NodeService';
export function DragDropDoc(props) {
diff --git a/components/doc/tree/filterdoc.js b/components/doc/tree/filterdoc.js
index 7f7f20e3ac..f4ffbb2260 100644
--- a/components/doc/tree/filterdoc.js
+++ b/components/doc/tree/filterdoc.js
@@ -1,7 +1,7 @@
-import { useState, useEffect } from 'react';
-import { Tree } from '../../lib/tree/Tree';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Tree } from '@/components/lib/tree/Tree';
+import { useEffect, useState } from 'react';
import { NodeService } from '../../../service/NodeService';
export function FilterDoc(props) {
diff --git a/components/doc/tree/importdoc.js b/components/doc/tree/importdoc.js
index 791ad0801b..fb65ec512c 100644
--- a/components/doc/tree/importdoc.js
+++ b/components/doc/tree/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/tree/lazydoc.js b/components/doc/tree/lazydoc.js
index 389390c32f..9a046f36aa 100644
--- a/components/doc/tree/lazydoc.js
+++ b/components/doc/tree/lazydoc.js
@@ -1,7 +1,7 @@
-import { useState, useEffect, useRef } from 'react';
-import { Tree } from '../../lib/tree/Tree';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Tree } from '@/components/lib/tree/Tree';
+import { useEffect, useState } from 'react';
export function LazyDoc(props) {
const [nodes, setNodes] = useState([]);
diff --git a/components/doc/tree/pt/ptdoc.js b/components/doc/tree/pt/ptdoc.js
index f599ea00d0..5e9d013705 100644
--- a/components/doc/tree/pt/ptdoc.js
+++ b/components/doc/tree/pt/ptdoc.js
@@ -1,8 +1,8 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Tree } from '@/components/lib/tree/Tree';
import { useEffect, useState } from 'react';
import { NodeService } from '../../../../service/NodeService';
-import { Tree } from '../../../lib/tree/Tree';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function PTDoc(props) {
const [nodes, setNodes] = useState([]);
diff --git a/components/doc/tree/pt/wireframe.js b/components/doc/tree/pt/wireframe.js
index b1d468b9b4..3389f7f807 100644
--- a/components/doc/tree/pt/wireframe.js
+++ b/components/doc/tree/pt/wireframe.js
@@ -1,5 +1,4 @@
-import React from 'react';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export const Wireframe = (props) => {
return (
diff --git a/components/doc/tree/selection/checkboxselectiondoc.js b/components/doc/tree/selection/checkboxselectiondoc.js
index 74cac89ca0..7560c3f0ad 100644
--- a/components/doc/tree/selection/checkboxselectiondoc.js
+++ b/components/doc/tree/selection/checkboxselectiondoc.js
@@ -1,8 +1,8 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Tree } from '@/components/lib/tree/Tree';
import { useEffect, useState } from 'react';
import { NodeService } from '../../../../service/NodeService';
-import { Tree } from '../../../lib/tree/Tree';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function CheckboxSelectionDoc(props) {
const [nodes, setNodes] = useState([]);
diff --git a/components/doc/tree/selection/multipleselectiondoc.js b/components/doc/tree/selection/multipleselectiondoc.js
index 291489f089..9e18a01440 100644
--- a/components/doc/tree/selection/multipleselectiondoc.js
+++ b/components/doc/tree/selection/multipleselectiondoc.js
@@ -1,8 +1,8 @@
-import { useState, useEffect } from 'react';
-import { Tree } from '../../../lib/tree/Tree';
-import { InputSwitch } from '../../../lib/inputswitch/InputSwitch';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { InputSwitch } from '@/components/lib/inputswitch/InputSwitch';
+import { Tree } from '@/components/lib/tree/Tree';
+import { useEffect, useState } from 'react';
import { NodeService } from '../../../../service/NodeService';
export function MultipleSelectionDoc(props) {
diff --git a/components/doc/tree/selection/singleselectiondoc.js b/components/doc/tree/selection/singleselectiondoc.js
index a34164df00..b94bebe101 100644
--- a/components/doc/tree/selection/singleselectiondoc.js
+++ b/components/doc/tree/selection/singleselectiondoc.js
@@ -1,7 +1,7 @@
-import { useState, useEffect } from 'react';
-import { Tree } from '../../../lib/tree/Tree';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Tree } from '@/components/lib/tree/Tree';
+import { useEffect, useState } from 'react';
import { NodeService } from '../../../../service/NodeService';
export function SingleSelectionDoc(props) {
diff --git a/components/doc/tree/styledoc.js b/components/doc/tree/styledoc.js
index 902b0632e9..1a6ea349c6 100644
--- a/components/doc/tree/styledoc.js
+++ b/components/doc/tree/styledoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyleDoc() {
return (
diff --git a/components/doc/tree/templatedoc.js b/components/doc/tree/templatedoc.js
index 7be9bbd9ce..8d5cf47b61 100644
--- a/components/doc/tree/templatedoc.js
+++ b/components/doc/tree/templatedoc.js
@@ -1,7 +1,7 @@
-import { Tree } from '../../lib/tree/Tree';
-import { classNames } from '../../lib/utils/Utils';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Tree } from '@/components/lib/tree/Tree';
+import { classNames } from '@/components/lib/utils/Utils';
export function TemplateDoc(props) {
const nodes = [
diff --git a/components/doc/tree/theming/styleddoc.js b/components/doc/tree/theming/styleddoc.js
index af975d7fe2..bf8f888ed1 100644
--- a/components/doc/tree/theming/styleddoc.js
+++ b/components/doc/tree/theming/styleddoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyledDoc(props) {
return (
diff --git a/components/doc/tree/theming/tailwinddoc.js b/components/doc/tree/theming/tailwinddoc.js
index 0932e8b8ea..ce6cce1ae6 100644
--- a/components/doc/tree/theming/tailwinddoc.js
+++ b/components/doc/tree/theming/tailwinddoc.js
@@ -1,6 +1,6 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function TailwindDoc(props) {
const code = {
diff --git a/components/doc/treeselect/accessibilitydoc.js b/components/doc/treeselect/accessibilitydoc.js
index 1b1c8de21a..95d8fedf38 100644
--- a/components/doc/treeselect/accessibilitydoc.js
+++ b/components/doc/treeselect/accessibilitydoc.js
@@ -1,6 +1,6 @@
-import { DevelopmentSection } from '../common/developmentsection';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DevelopmentSection } from '@/components/doc/common/developmentsection';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function AccessibilityDoc() {
const code = {
diff --git a/components/doc/treeselect/basicdoc.js b/components/doc/treeselect/basicdoc.js
index 894a9fa3af..f5c5896b70 100644
--- a/components/doc/treeselect/basicdoc.js
+++ b/components/doc/treeselect/basicdoc.js
@@ -1,9 +1,9 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { TreeSelect } from '@/components/lib/treeselect/TreeSelect';
import Link from 'next/link';
-import React, { useEffect, useState } from 'react';
+import { useEffect, useState } from 'react';
import { NodeService } from '../../../service/NodeService';
-import { TreeSelect } from '../../lib/treeselect/TreeSelect';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function BasicDoc(props) {
const [nodes, setNodes] = useState(null);
diff --git a/components/doc/treeselect/checkboxdoc.js b/components/doc/treeselect/checkboxdoc.js
index 60805b08d1..98cbfc36bf 100644
--- a/components/doc/treeselect/checkboxdoc.js
+++ b/components/doc/treeselect/checkboxdoc.js
@@ -1,8 +1,8 @@
-import React, { useEffect, useState } from 'react';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { TreeSelect } from '@/components/lib/treeselect/TreeSelect';
+import { useEffect, useState } from 'react';
import { NodeService } from '../../../service/NodeService';
-import { TreeSelect } from '../../lib/treeselect/TreeSelect';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function CheckboxDoc(props) {
const [nodes, setNodes] = useState(null);
diff --git a/components/doc/treeselect/clearicondoc.js b/components/doc/treeselect/clearicondoc.js
index 0d9b51f97d..ba3b5b2271 100644
--- a/components/doc/treeselect/clearicondoc.js
+++ b/components/doc/treeselect/clearicondoc.js
@@ -1,8 +1,8 @@
-import React, { useEffect, useState } from 'react';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { TreeSelect } from '@/components/lib/treeselect/TreeSelect';
+import { useEffect, useState } from 'react';
import { NodeService } from '../../../service/NodeService';
-import { TreeSelect } from '../../lib/treeselect/TreeSelect';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function ClearIconDoc(props) {
const [nodes, setNodes] = useState(null);
diff --git a/components/doc/treeselect/controlleddoc.js b/components/doc/treeselect/controlleddoc.js
index 50193cd9e0..3cb30fd630 100644
--- a/components/doc/treeselect/controlleddoc.js
+++ b/components/doc/treeselect/controlleddoc.js
@@ -1,10 +1,9 @@
-import Link from 'next/link';
-import React, { useEffect, useState } from 'react';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { TreeSelect } from '@/components/lib/treeselect/TreeSelect';
+import { useEffect, useState } from 'react';
import { NodeService } from '../../../service/NodeService';
-import { Button } from '../../lib/button/Button';
-import { TreeSelect } from '../../lib/treeselect/TreeSelect';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function ControlledDoc(props) {
const [nodes, setNodes] = useState(null);
diff --git a/components/doc/treeselect/disableddoc.js b/components/doc/treeselect/disableddoc.js
index 28b25125a9..52b934ac10 100644
--- a/components/doc/treeselect/disableddoc.js
+++ b/components/doc/treeselect/disableddoc.js
@@ -1,8 +1,8 @@
-import React, { useEffect, useState } from 'react';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { TreeSelect } from '@/components/lib/treeselect/TreeSelect';
+import { useEffect, useState } from 'react';
import { NodeService } from '../../../service/NodeService';
-import { TreeSelect } from '../../lib/treeselect/TreeSelect';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function DisabledDoc(props) {
const [nodes, setNodes] = useState(null);
diff --git a/components/doc/treeselect/filterdoc.js b/components/doc/treeselect/filterdoc.js
index d8db1fbcc4..20527874f1 100644
--- a/components/doc/treeselect/filterdoc.js
+++ b/components/doc/treeselect/filterdoc.js
@@ -1,8 +1,8 @@
-import React, { useEffect, useState } from 'react';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { TreeSelect } from '@/components/lib/treeselect/TreeSelect';
+import { useEffect, useState } from 'react';
import { NodeService } from '../../../service/NodeService';
-import { TreeSelect } from '../../lib/treeselect/TreeSelect';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function FilterDoc(props) {
const [nodes, setNodes] = useState(null);
diff --git a/components/doc/treeselect/floatlabeldoc.js b/components/doc/treeselect/floatlabeldoc.js
index 4160ff29e7..022a42d914 100644
--- a/components/doc/treeselect/floatlabeldoc.js
+++ b/components/doc/treeselect/floatlabeldoc.js
@@ -1,8 +1,8 @@
-import React, { useEffect, useState } from 'react';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { TreeSelect } from '@/components/lib/treeselect/TreeSelect';
+import { useEffect, useState } from 'react';
import { NodeService } from '../../../service/NodeService';
-import { TreeSelect } from '../../lib/treeselect/TreeSelect';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function FloatLabelDoc(props) {
const [nodes, setNodes] = useState(null);
diff --git a/components/doc/treeselect/form/formikdoc.js b/components/doc/treeselect/form/formikdoc.js
index ade23e2468..e773d193a4 100644
--- a/components/doc/treeselect/form/formikdoc.js
+++ b/components/doc/treeselect/form/formikdoc.js
@@ -1,12 +1,12 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { Toast } from '@/components/lib/toast/Toast';
+import { TreeSelect } from '@/components/lib/treeselect/TreeSelect';
+import { classNames } from '@/components/lib/utils/Utils';
import { useFormik } from 'formik';
import { useEffect, useRef, useState } from 'react';
import { NodeService } from '../../../../service/NodeService';
-import { Button } from '../../../lib/button/Button';
-import { Toast } from '../../../lib/toast/Toast';
-import { TreeSelect } from '../../../lib/treeselect/TreeSelect';
-import { classNames } from '../../../lib/utils/Utils';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function FormikDoc(props) {
const toast = useRef(null);
diff --git a/components/doc/treeselect/form/hookformdoc.js b/components/doc/treeselect/form/hookformdoc.js
index 26769109fe..a4f7f1ae00 100644
--- a/components/doc/treeselect/form/hookformdoc.js
+++ b/components/doc/treeselect/form/hookformdoc.js
@@ -1,12 +1,12 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { Toast } from '@/components/lib/toast/Toast';
+import { TreeSelect } from '@/components/lib/treeselect/TreeSelect';
+import { classNames } from '@/components/lib/utils/Utils';
import { useEffect, useRef, useState } from 'react';
import { Controller, useForm } from 'react-hook-form';
import { NodeService } from '../../../../service/NodeService';
-import { Button } from '../../../lib/button/Button';
-import { Toast } from '../../../lib/toast/Toast';
-import { TreeSelect } from '../../../lib/treeselect/TreeSelect';
-import { classNames } from '../../../lib/utils/Utils';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function HookFormDoc(props) {
const [nodes, setNodes] = useState(null);
diff --git a/components/doc/treeselect/importdoc.js b/components/doc/treeselect/importdoc.js
index 5813d72c45..fcc70bed0f 100644
--- a/components/doc/treeselect/importdoc.js
+++ b/components/doc/treeselect/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/treeselect/invaliddoc.js b/components/doc/treeselect/invaliddoc.js
index 053c0180bd..4441892fde 100644
--- a/components/doc/treeselect/invaliddoc.js
+++ b/components/doc/treeselect/invaliddoc.js
@@ -1,8 +1,8 @@
-import React, { useEffect, useState } from 'react';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { TreeSelect } from '@/components/lib/treeselect/TreeSelect';
+import { useEffect, useState } from 'react';
import { NodeService } from '../../../service/NodeService';
-import { TreeSelect } from '../../lib/treeselect/TreeSelect';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function InvalidDoc(props) {
const [nodes, setNodes] = useState(null);
diff --git a/components/doc/treeselect/multipledoc.js b/components/doc/treeselect/multipledoc.js
index ff40fd17ba..2419fa2161 100644
--- a/components/doc/treeselect/multipledoc.js
+++ b/components/doc/treeselect/multipledoc.js
@@ -1,8 +1,8 @@
-import React, { useEffect, useState } from 'react';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { TreeSelect } from '@/components/lib/treeselect/TreeSelect';
+import { useEffect, useState } from 'react';
import { NodeService } from '../../../service/NodeService';
-import { TreeSelect } from '../../lib/treeselect/TreeSelect';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function MultipleDoc(props) {
const [nodes, setNodes] = useState(null);
diff --git a/components/doc/treeselect/pt/ptdoc.js b/components/doc/treeselect/pt/ptdoc.js
index 52a8172622..aeb77b4f1d 100644
--- a/components/doc/treeselect/pt/ptdoc.js
+++ b/components/doc/treeselect/pt/ptdoc.js
@@ -1,8 +1,8 @@
-import React, { useEffect, useState } from 'react';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { TreeSelect } from '@/components/lib/treeselect/TreeSelect';
+import { useEffect, useState } from 'react';
import { NodeService } from '../../../../service/NodeService';
-import { TreeSelect } from '../../../lib/treeselect/TreeSelect';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function PTDoc(props) {
const [nodes, setNodes] = useState(null);
diff --git a/components/doc/treeselect/pt/wireframe.js b/components/doc/treeselect/pt/wireframe.js
index ab7c85520b..be22de92be 100644
--- a/components/doc/treeselect/pt/wireframe.js
+++ b/components/doc/treeselect/pt/wireframe.js
@@ -1,5 +1,4 @@
-import React from 'react';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export const Wireframe = (props) => {
return (
diff --git a/components/doc/treeselect/styledoc.js b/components/doc/treeselect/styledoc.js
index 153844f05f..2755b329ba 100644
--- a/components/doc/treeselect/styledoc.js
+++ b/components/doc/treeselect/styledoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyleDoc() {
return (
diff --git a/components/doc/treeselect/theming/styleddoc.js b/components/doc/treeselect/theming/styleddoc.js
index 094b0a0d35..86b10ff5d3 100644
--- a/components/doc/treeselect/theming/styleddoc.js
+++ b/components/doc/treeselect/theming/styleddoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyledDoc(props) {
return (
diff --git a/components/doc/treeselect/theming/tailwinddoc.js b/components/doc/treeselect/theming/tailwinddoc.js
index 6cd93b365c..a64455d6ad 100644
--- a/components/doc/treeselect/theming/tailwinddoc.js
+++ b/components/doc/treeselect/theming/tailwinddoc.js
@@ -1,6 +1,6 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function TailwindDoc(props) {
const code = {
diff --git a/components/doc/treetable/accessibilitydoc.js b/components/doc/treetable/accessibilitydoc.js
index f460b7f67a..ee1dd60ea4 100644
--- a/components/doc/treetable/accessibilitydoc.js
+++ b/components/doc/treetable/accessibilitydoc.js
@@ -1,6 +1,6 @@
+import { DevelopmentSection } from '@/components/doc/common/developmentsection';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DevelopmentSection } from '../common/developmentsection';
-import { DocSectionText } from '../common/docsectiontext';
export function AccessibilityDoc() {
return (
diff --git a/components/doc/treetable/basicdoc.js b/components/doc/treetable/basicdoc.js
index 6a68bf93f0..38dc9ed436 100644
--- a/components/doc/treetable/basicdoc.js
+++ b/components/doc/treetable/basicdoc.js
@@ -1,9 +1,9 @@
-import React, { useEffect, useState } from 'react';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Column } from '@/components/lib/column/Column';
+import { TreeTable } from '@/components/lib/treetable/TreeTable';
+import { useEffect, useState } from 'react';
import { NodeService } from '../../../service/NodeService';
-import { Column } from '../../lib/column/Column';
-import { TreeTable } from '../../lib/treetable/TreeTable';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function BasicDoc(props) {
const [nodes, setNodes] = useState([]);
diff --git a/components/doc/treetable/columngroupdoc.js b/components/doc/treetable/columngroupdoc.js
index fc9844e67a..d46b031379 100644
--- a/components/doc/treetable/columngroupdoc.js
+++ b/components/doc/treetable/columngroupdoc.js
@@ -1,10 +1,9 @@
-import React from 'react';
-import { Column } from '../../lib/column/Column';
-import { ColumnGroup } from '../../lib/columngroup/ColumnGroup';
-import { Row } from '../../lib/row/Row';
-import { TreeTable } from '../../lib/treetable/TreeTable';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Column } from '@/components/lib/column/Column';
+import { ColumnGroup } from '@/components/lib/columngroup/ColumnGroup';
+import { Row } from '@/components/lib/row/Row';
+import { TreeTable } from '@/components/lib/treetable/TreeTable';
export function ColumnGroupDoc(props) {
const nodes = [
diff --git a/components/doc/treetable/columntoggledoc.js b/components/doc/treetable/columntoggledoc.js
index 454f07a52a..ff5340bc9c 100644
--- a/components/doc/treetable/columntoggledoc.js
+++ b/components/doc/treetable/columntoggledoc.js
@@ -1,10 +1,10 @@
-import React, { useEffect, useState } from 'react';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Column } from '@/components/lib/column/Column';
+import { MultiSelect } from '@/components/lib/multiselect/MultiSelect';
+import { TreeTable } from '@/components/lib/treetable/TreeTable';
+import { useEffect, useState } from 'react';
import { NodeService } from '../../../service/NodeService';
-import { Column } from '../../lib/column/Column';
-import { MultiSelect } from '../../lib/multiselect/MultiSelect';
-import { TreeTable } from '../../lib/treetable/TreeTable';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function ColumnToggleDoc(props) {
let columns = [
diff --git a/components/doc/treetable/conditionalstyledoc.js b/components/doc/treetable/conditionalstyledoc.js
index d60669ceed..98a980307a 100644
--- a/components/doc/treetable/conditionalstyledoc.js
+++ b/components/doc/treetable/conditionalstyledoc.js
@@ -1,9 +1,9 @@
-import React, { useEffect, useState } from 'react';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Column } from '@/components/lib/column/Column';
+import { TreeTable } from '@/components/lib/treetable/TreeTable';
+import { useEffect, useState } from 'react';
import { NodeService } from '../../../service/NodeService';
-import { Column } from '../../lib/column/Column';
-import { TreeTable } from '../../lib/treetable/TreeTable';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function ConditionalStyleDoc(props) {
const [nodes, setNodes] = useState([]);
diff --git a/components/doc/treetable/contextmenudoc.js b/components/doc/treetable/contextmenudoc.js
index cff2c38b48..08b3d02197 100644
--- a/components/doc/treetable/contextmenudoc.js
+++ b/components/doc/treetable/contextmenudoc.js
@@ -1,11 +1,11 @@
-import React, { useEffect, useRef, useState } from 'react';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Column } from '@/components/lib/column/Column';
+import { ContextMenu } from '@/components/lib/contextmenu/ContextMenu';
+import { Toast } from '@/components/lib/toast/Toast';
+import { TreeTable } from '@/components/lib/treetable/TreeTable';
+import { useEffect, useRef, useState } from 'react';
import { NodeService } from '../../../service/NodeService';
-import { Column } from '../../lib/column/Column';
-import { ContextMenu } from '../../lib/contextmenu/ContextMenu';
-import { Toast } from '../../lib/toast/Toast';
-import { TreeTable } from '../../lib/treetable/TreeTable';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function ContextMenuDoc(props) {
const [nodes, setNodes] = useState([]);
diff --git a/components/doc/treetable/controlleddoc.js b/components/doc/treetable/controlleddoc.js
index afa9813cfa..3bbb16f64c 100644
--- a/components/doc/treetable/controlleddoc.js
+++ b/components/doc/treetable/controlleddoc.js
@@ -1,10 +1,10 @@
-import React, { useEffect, useState } from 'react';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { Column } from '@/components/lib/column/Column';
+import { TreeTable } from '@/components/lib/treetable/TreeTable';
+import { useEffect, useState } from 'react';
import { NodeService } from '../../../service/NodeService';
-import { Button } from '../../lib/button/Button';
-import { Column } from '../../lib/column/Column';
-import { TreeTable } from '../../lib/treetable/TreeTable';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function ControlledDoc(props) {
const [nodes, setNodes] = useState([]);
diff --git a/components/doc/treetable/dynamiccolumnsdoc.js b/components/doc/treetable/dynamiccolumnsdoc.js
index aba497114c..be11ac2ba8 100644
--- a/components/doc/treetable/dynamiccolumnsdoc.js
+++ b/components/doc/treetable/dynamiccolumnsdoc.js
@@ -1,9 +1,9 @@
-import React, { useEffect, useState } from 'react';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Column } from '@/components/lib/column/Column';
+import { TreeTable } from '@/components/lib/treetable/TreeTable';
+import { useEffect, useState } from 'react';
import { NodeService } from '../../../service/NodeService';
-import { Column } from '../../lib/column/Column';
-import { TreeTable } from '../../lib/treetable/TreeTable';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function DynamicColumnsDoc(props) {
const [nodes, setNodes] = useState([]);
diff --git a/components/doc/treetable/editdoc.js b/components/doc/treetable/editdoc.js
index 1c9b0a19cd..a637eb96ce 100644
--- a/components/doc/treetable/editdoc.js
+++ b/components/doc/treetable/editdoc.js
@@ -1,10 +1,10 @@
-import React, { useEffect, useState } from 'react';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Column } from '@/components/lib/column/Column';
+import { InputText } from '@/components/lib/inputtext/InputText';
+import { TreeTable } from '@/components/lib/treetable/TreeTable';
+import { useEffect, useState } from 'react';
import { NodeService } from '../../../service/NodeService';
-import { Column } from '../../lib/column/Column';
-import { InputText } from '../../lib/inputtext/InputText';
-import { TreeTable } from '../../lib/treetable/TreeTable';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function EditDoc(props) {
const [nodes, setNodes] = useState([]);
diff --git a/components/doc/treetable/filterdoc.js b/components/doc/treetable/filterdoc.js
index 81382ff71d..9d23d38b2d 100644
--- a/components/doc/treetable/filterdoc.js
+++ b/components/doc/treetable/filterdoc.js
@@ -1,11 +1,11 @@
-import React, { useEffect, useState } from 'react';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Column } from '@/components/lib/column/Column';
+import { InputText } from '@/components/lib/inputtext/InputText';
+import { SelectButton } from '@/components/lib/selectbutton/SelectButton';
+import { TreeTable } from '@/components/lib/treetable/TreeTable';
+import { useEffect, useState } from 'react';
import { NodeService } from '../../../service/NodeService';
-import { Column } from '../../lib/column/Column';
-import { InputText } from '../../lib/inputtext/InputText';
-import { SelectButton } from '../../lib/selectbutton/SelectButton';
-import { TreeTable } from '../../lib/treetable/TreeTable';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function FilterDoc(props) {
const [nodes, setNodes] = useState([]);
diff --git a/components/doc/treetable/importdoc.js b/components/doc/treetable/importdoc.js
index e9bc34ad08..a9cdf6e139 100644
--- a/components/doc/treetable/importdoc.js
+++ b/components/doc/treetable/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/treetable/lazyloaddoc.js b/components/doc/treetable/lazyloaddoc.js
index 02fa0e00df..c0d750a240 100644
--- a/components/doc/treetable/lazyloaddoc.js
+++ b/components/doc/treetable/lazyloaddoc.js
@@ -1,8 +1,8 @@
-import React, { useEffect, useState } from 'react';
-import { Column } from '../../lib/column/Column';
-import { TreeTable } from '../../lib/treetable/TreeTable';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Column } from '@/components/lib/column/Column';
+import { TreeTable } from '@/components/lib/treetable/TreeTable';
+import { useEffect, useState } from 'react';
export function LazyLoadDoc(props) {
const [nodes, setNodes] = useState([]);
diff --git a/components/doc/treetable/paginator/basicdoc.js b/components/doc/treetable/paginator/basicdoc.js
index b3b53bae2e..4b2ed98689 100644
--- a/components/doc/treetable/paginator/basicdoc.js
+++ b/components/doc/treetable/paginator/basicdoc.js
@@ -1,8 +1,8 @@
-import React, { useEffect, useState } from 'react';
-import { Column } from '../../../lib/column/Column';
-import { TreeTable } from '../../../lib/treetable/TreeTable';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Column } from '@/components/lib/column/Column';
+import { TreeTable } from '@/components/lib/treetable/TreeTable';
+import { useEffect, useState } from 'react';
export function PaginatorBasicDoc(props) {
const [nodes, setNodes] = useState([]);
diff --git a/components/doc/treetable/paginator/templatedoc.js b/components/doc/treetable/paginator/templatedoc.js
index f653581df3..703ea85644 100644
--- a/components/doc/treetable/paginator/templatedoc.js
+++ b/components/doc/treetable/paginator/templatedoc.js
@@ -1,10 +1,10 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { Column } from '@/components/lib/column/Column';
+import { TreeTable } from '@/components/lib/treetable/TreeTable';
import Link from 'next/link';
-import React, { useEffect, useState } from 'react';
-import { Button } from '../../../lib/button/Button';
-import { Column } from '../../../lib/column/Column';
-import { TreeTable } from '../../../lib/treetable/TreeTable';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
+import { useEffect, useState } from 'react';
export function PaginatorTemplateDoc(props) {
const [nodes, setNodes] = useState([]);
diff --git a/components/doc/treetable/pt/ptdoc.js b/components/doc/treetable/pt/ptdoc.js
index f9ba6de6de..010f41c8e0 100644
--- a/components/doc/treetable/pt/ptdoc.js
+++ b/components/doc/treetable/pt/ptdoc.js
@@ -1,9 +1,9 @@
-import React, { useEffect, useState } from 'react';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Column } from '@/components/lib/column/Column';
+import { TreeTable } from '@/components/lib/treetable/TreeTable';
+import { useEffect, useState } from 'react';
import { NodeService } from '../../../../service/NodeService';
-import { Column } from '../../../lib/column/Column';
-import { TreeTable } from '../../../lib/treetable/TreeTable';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function PTDoc(props) {
const [nodes, setNodes] = useState([]);
diff --git a/components/doc/treetable/pt/wireframe.js b/components/doc/treetable/pt/wireframe.js
index c2cd27cdfc..91239aaf0e 100644
--- a/components/doc/treetable/pt/wireframe.js
+++ b/components/doc/treetable/pt/wireframe.js
@@ -1,5 +1,4 @@
-import React from 'react';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export const Wireframe = (props) => {
return (
diff --git a/components/doc/treetable/reorderdoc.js b/components/doc/treetable/reorderdoc.js
index 350b71e858..f1d59536b8 100644
--- a/components/doc/treetable/reorderdoc.js
+++ b/components/doc/treetable/reorderdoc.js
@@ -1,9 +1,9 @@
-import React, { useEffect, useState } from 'react';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Column } from '@/components/lib/column/Column';
+import { TreeTable } from '@/components/lib/treetable/TreeTable';
+import { useEffect, useState } from 'react';
import { NodeService } from '../../../service/NodeService';
-import { Column } from '../../lib/column/Column';
-import { TreeTable } from '../../lib/treetable/TreeTable';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function ReorderDoc(props) {
const [nodes, setNodes] = useState([]);
diff --git a/components/doc/treetable/resize/expandmodedoc.js b/components/doc/treetable/resize/expandmodedoc.js
index 609b375937..2af97c4f3c 100644
--- a/components/doc/treetable/resize/expandmodedoc.js
+++ b/components/doc/treetable/resize/expandmodedoc.js
@@ -1,9 +1,9 @@
-import React, { useEffect, useState } from 'react';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Column } from '@/components/lib/column/Column';
+import { TreeTable } from '@/components/lib/treetable/TreeTable';
+import { useEffect, useState } from 'react';
import { NodeService } from '../../../../service/NodeService';
-import { Column } from '../../../lib/column/Column';
-import { TreeTable } from '../../../lib/treetable/TreeTable';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function ExpandModeDoc(props) {
const [nodes, setNodes] = useState([]);
diff --git a/components/doc/treetable/resize/fitmodedoc.js b/components/doc/treetable/resize/fitmodedoc.js
index e97e1e98a8..5a9a1ddecc 100644
--- a/components/doc/treetable/resize/fitmodedoc.js
+++ b/components/doc/treetable/resize/fitmodedoc.js
@@ -1,9 +1,9 @@
-import React, { useEffect, useState } from 'react';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Column } from '@/components/lib/column/Column';
+import { TreeTable } from '@/components/lib/treetable/TreeTable';
+import { useEffect, useState } from 'react';
import { NodeService } from '../../../../service/NodeService';
-import { Column } from '../../../lib/column/Column';
-import { TreeTable } from '../../../lib/treetable/TreeTable';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function FitModeDoc(props) {
const [nodes, setNodes] = useState([]);
diff --git a/components/doc/treetable/scroll/frozencolumnsdoc.js b/components/doc/treetable/scroll/frozencolumnsdoc.js
index b14320e8b0..68f36c1207 100644
--- a/components/doc/treetable/scroll/frozencolumnsdoc.js
+++ b/components/doc/treetable/scroll/frozencolumnsdoc.js
@@ -1,9 +1,9 @@
-import React, { useEffect, useState } from 'react';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Column } from '@/components/lib/column/Column';
+import { TreeTable } from '@/components/lib/treetable/TreeTable';
+import { useEffect, useState } from 'react';
import { NodeService } from '../../../../service/NodeService';
-import { Column } from '../../../lib/column/Column';
-import { TreeTable } from '../../../lib/treetable/TreeTable';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function FrozenColumnsDoc(props) {
const [nodes, setNodes] = useState([]);
diff --git a/components/doc/treetable/scroll/horizontaldoc.js b/components/doc/treetable/scroll/horizontaldoc.js
index 055b95db64..64b760a908 100644
--- a/components/doc/treetable/scroll/horizontaldoc.js
+++ b/components/doc/treetable/scroll/horizontaldoc.js
@@ -1,9 +1,9 @@
-import React, { useEffect, useState } from 'react';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Column } from '@/components/lib/column/Column';
+import { TreeTable } from '@/components/lib/treetable/TreeTable';
+import { useEffect, useState } from 'react';
import { NodeService } from '../../../../service/NodeService';
-import { Column } from '../../../lib/column/Column';
-import { TreeTable } from '../../../lib/treetable/TreeTable';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function HorizontalScrollDoc(props) {
const [nodes, setNodes] = useState([]);
diff --git a/components/doc/treetable/scroll/verticaldoc.js b/components/doc/treetable/scroll/verticaldoc.js
index 8aa7cbc655..7a45e532d0 100644
--- a/components/doc/treetable/scroll/verticaldoc.js
+++ b/components/doc/treetable/scroll/verticaldoc.js
@@ -1,9 +1,9 @@
-import React, { useEffect, useState } from 'react';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Column } from '@/components/lib/column/Column';
+import { TreeTable } from '@/components/lib/treetable/TreeTable';
+import { useEffect, useState } from 'react';
import { NodeService } from '../../../../service/NodeService';
-import { Column } from '../../../lib/column/Column';
-import { TreeTable } from '../../../lib/treetable/TreeTable';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function VerticalScrollDoc(props) {
const [nodes, setNodes] = useState([]);
diff --git a/components/doc/treetable/selection/checkboxdoc.js b/components/doc/treetable/selection/checkboxdoc.js
index fd9efb64da..2ae27f576b 100644
--- a/components/doc/treetable/selection/checkboxdoc.js
+++ b/components/doc/treetable/selection/checkboxdoc.js
@@ -1,9 +1,9 @@
-import React, { useEffect, useState } from 'react';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Column } from '@/components/lib/column/Column';
+import { TreeTable } from '@/components/lib/treetable/TreeTable';
+import { useEffect, useState } from 'react';
import { NodeService } from '../../../../service/NodeService';
-import { Column } from '../../../lib/column/Column';
-import { TreeTable } from '../../../lib/treetable/TreeTable';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function CheckboxRowSelectionDoc(props) {
const [nodes, setNodes] = useState([]);
diff --git a/components/doc/treetable/selection/eventsdoc.js b/components/doc/treetable/selection/eventsdoc.js
index 39d5124bb4..d2c7bb1336 100644
--- a/components/doc/treetable/selection/eventsdoc.js
+++ b/components/doc/treetable/selection/eventsdoc.js
@@ -1,10 +1,10 @@
-import React, { useEffect, useRef, useState } from 'react';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Column } from '@/components/lib/column/Column';
+import { Toast } from '@/components/lib/toast/Toast';
+import { TreeTable } from '@/components/lib/treetable/TreeTable';
+import { useEffect, useRef, useState } from 'react';
import { NodeService } from '../../../../service/NodeService';
-import { Column } from '../../../lib/column/Column';
-import { Toast } from '../../../lib/toast/Toast';
-import { TreeTable } from '../../../lib/treetable/TreeTable';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function RowSelectionEventsDoc(props) {
const [nodes, setNodes] = useState([]);
diff --git a/components/doc/treetable/selection/multipledoc.js b/components/doc/treetable/selection/multipledoc.js
index 654f000633..541ae8519e 100644
--- a/components/doc/treetable/selection/multipledoc.js
+++ b/components/doc/treetable/selection/multipledoc.js
@@ -1,10 +1,10 @@
-import React, { useEffect, useState } from 'react';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Column } from '@/components/lib/column/Column';
+import { InputSwitch } from '@/components/lib/inputswitch/InputSwitch';
+import { TreeTable } from '@/components/lib/treetable/TreeTable';
+import { useEffect, useState } from 'react';
import { NodeService } from '../../../../service/NodeService';
-import { Column } from '../../../lib/column/Column';
-import { InputSwitch } from '../../../lib/inputswitch/InputSwitch';
-import { TreeTable } from '../../../lib/treetable/TreeTable';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function MultipleRowsSelectionDoc(props) {
const [nodes, setNodes] = useState([]);
diff --git a/components/doc/treetable/selection/singledoc.js b/components/doc/treetable/selection/singledoc.js
index 7269719740..80c63330bd 100644
--- a/components/doc/treetable/selection/singledoc.js
+++ b/components/doc/treetable/selection/singledoc.js
@@ -1,10 +1,10 @@
-import React, { useEffect, useState } from 'react';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Column } from '@/components/lib/column/Column';
+import { InputSwitch } from '@/components/lib/inputswitch/InputSwitch';
+import { TreeTable } from '@/components/lib/treetable/TreeTable';
+import { useEffect, useState } from 'react';
import { NodeService } from '../../../../service/NodeService';
-import { Column } from '../../../lib/column/Column';
-import { InputSwitch } from '../../../lib/inputswitch/InputSwitch';
-import { TreeTable } from '../../../lib/treetable/TreeTable';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function SingleRowSelectionDoc(props) {
const [nodes, setNodes] = useState([]);
diff --git a/components/doc/treetable/sort/multiplecolumnsdoc.js b/components/doc/treetable/sort/multiplecolumnsdoc.js
index 450f76d0fa..fef4689158 100644
--- a/components/doc/treetable/sort/multiplecolumnsdoc.js
+++ b/components/doc/treetable/sort/multiplecolumnsdoc.js
@@ -1,9 +1,9 @@
-import React, { useEffect, useState } from 'react';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Column } from '@/components/lib/column/Column';
+import { TreeTable } from '@/components/lib/treetable/TreeTable';
+import { useEffect, useState } from 'react';
import { NodeService } from '../../../../service/NodeService';
-import { Column } from '../../../lib/column/Column';
-import { TreeTable } from '../../../lib/treetable/TreeTable';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function MultipleColumnsDoc(props) {
const [nodes, setNodes] = useState([]);
diff --git a/components/doc/treetable/sort/singlecolumndoc.js b/components/doc/treetable/sort/singlecolumndoc.js
index 5afa5ea200..8b680d9db6 100644
--- a/components/doc/treetable/sort/singlecolumndoc.js
+++ b/components/doc/treetable/sort/singlecolumndoc.js
@@ -1,9 +1,9 @@
-import React, { useEffect, useState } from 'react';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Column } from '@/components/lib/column/Column';
+import { TreeTable } from '@/components/lib/treetable/TreeTable';
+import { useEffect, useState } from 'react';
import { NodeService } from '../../../../service/NodeService';
-import { Column } from '../../../lib/column/Column';
-import { TreeTable } from '../../../lib/treetable/TreeTable';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function SingleColumnDoc(props) {
const [nodes, setNodes] = useState([]);
diff --git a/components/doc/treetable/styledoc.js b/components/doc/treetable/styledoc.js
index f1d9d80de2..82b9d45ae0 100644
--- a/components/doc/treetable/styledoc.js
+++ b/components/doc/treetable/styledoc.js
@@ -1,6 +1,6 @@
import Link from 'next/link';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyleDoc() {
return (
diff --git a/components/doc/treetable/templatedoc.js b/components/doc/treetable/templatedoc.js
index 0722a993e9..e327e44cfa 100644
--- a/components/doc/treetable/templatedoc.js
+++ b/components/doc/treetable/templatedoc.js
@@ -1,11 +1,11 @@
-import React, { useEffect, useState } from 'react';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { Column } from '@/components/lib/column/Column';
+import { TreeTable } from '@/components/lib/treetable/TreeTable';
+import { classNames } from '@/components/lib/utils/Utils';
+import { useEffect, useState } from 'react';
import { NodeService } from '../../../service/NodeService';
-import { Button } from '../../lib/button/Button';
-import { Column } from '../../lib/column/Column';
-import { TreeTable } from '../../lib/treetable/TreeTable';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
-import { classNames } from '../../lib/utils/Utils';
export function TemplateDoc(props) {
const [nodes, setNodes] = useState([]);
diff --git a/components/doc/treetable/theming/styleddoc.js b/components/doc/treetable/theming/styleddoc.js
index 6a84731154..3a8843f09e 100644
--- a/components/doc/treetable/theming/styleddoc.js
+++ b/components/doc/treetable/theming/styleddoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyledDoc(props) {
return (
diff --git a/components/doc/treetable/theming/tailwinddoc.js b/components/doc/treetable/theming/tailwinddoc.js
index cbad6daefc..2d4f5f0bc3 100644
--- a/components/doc/treetable/theming/tailwinddoc.js
+++ b/components/doc/treetable/theming/tailwinddoc.js
@@ -1,6 +1,6 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function TailwindDoc(props) {
const code = {
diff --git a/components/doc/tristatecheckbox/accessibilitydoc.js b/components/doc/tristatecheckbox/accessibilitydoc.js
index 0eb6abedb9..913cdd3613 100644
--- a/components/doc/tristatecheckbox/accessibilitydoc.js
+++ b/components/doc/tristatecheckbox/accessibilitydoc.js
@@ -1,7 +1,7 @@
+import { DevelopmentSection } from '@/components/doc/common/developmentsection';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DevelopmentSection } from '../common/developmentsection';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function AccessibilityDoc() {
const code = {
diff --git a/components/doc/tristatecheckbox/basicdoc.js b/components/doc/tristatecheckbox/basicdoc.js
index 43ea2328a4..3c66f8780f 100644
--- a/components/doc/tristatecheckbox/basicdoc.js
+++ b/components/doc/tristatecheckbox/basicdoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { TriStateCheckbox } from '@/components/lib/tristatecheckbox/TriStateCheckbox';
import { useState } from 'react';
-import { TriStateCheckbox } from '../../lib/tristatecheckbox/TriStateCheckbox';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function BasicDoc(props) {
const [value, setValue] = useState(null);
diff --git a/components/doc/tristatecheckbox/disableddoc.js b/components/doc/tristatecheckbox/disableddoc.js
index 9216605d0d..be837b757e 100644
--- a/components/doc/tristatecheckbox/disableddoc.js
+++ b/components/doc/tristatecheckbox/disableddoc.js
@@ -1,6 +1,6 @@
-import { TriStateCheckbox } from '../../lib/tristatecheckbox/TriStateCheckbox';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { TriStateCheckbox } from '@/components/lib/tristatecheckbox/TriStateCheckbox';
export function DisabledDoc(props) {
const code = {
diff --git a/components/doc/tristatecheckbox/form/formikdoc.js b/components/doc/tristatecheckbox/form/formikdoc.js
index e39c6d4280..d9619cc92d 100644
--- a/components/doc/tristatecheckbox/form/formikdoc.js
+++ b/components/doc/tristatecheckbox/form/formikdoc.js
@@ -1,11 +1,11 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { Toast } from '@/components/lib/toast/Toast';
+import { TriStateCheckbox } from '@/components/lib/tristatecheckbox/TriStateCheckbox';
+import { classNames } from '@/components/lib/utils/Utils';
import { useFormik } from 'formik';
import { useRef } from 'react';
-import { Button } from '../../../lib/button/Button';
-import { Toast } from '../../../lib/toast/Toast';
-import { TriStateCheckbox } from '../../../lib/tristatecheckbox/TriStateCheckbox';
-import { classNames } from '../../../lib/utils/Utils';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function FormikDoc(props) {
const toast = useRef(null);
diff --git a/components/doc/tristatecheckbox/form/hookformdoc.js b/components/doc/tristatecheckbox/form/hookformdoc.js
index 444ad8aee7..a03fd068d9 100644
--- a/components/doc/tristatecheckbox/form/hookformdoc.js
+++ b/components/doc/tristatecheckbox/form/hookformdoc.js
@@ -1,11 +1,11 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
+import { Toast } from '@/components/lib/toast/Toast';
+import { TriStateCheckbox } from '@/components/lib/tristatecheckbox/TriStateCheckbox';
+import { classNames } from '@/components/lib/utils/Utils';
import { useRef } from 'react';
import { Controller, useForm } from 'react-hook-form';
-import { Button } from '../../../lib/button/Button';
-import { Toast } from '../../../lib/toast/Toast';
-import { TriStateCheckbox } from '../../../lib/tristatecheckbox/TriStateCheckbox';
-import { classNames } from '../../../lib/utils/Utils';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function HookFormDoc(props) {
const toast = useRef(null);
diff --git a/components/doc/tristatecheckbox/importdoc.js b/components/doc/tristatecheckbox/importdoc.js
index 01fdb8f493..d56b71b5d4 100644
--- a/components/doc/tristatecheckbox/importdoc.js
+++ b/components/doc/tristatecheckbox/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/tristatecheckbox/invaliddoc.js b/components/doc/tristatecheckbox/invaliddoc.js
index 8582ca8747..5a37a34445 100644
--- a/components/doc/tristatecheckbox/invaliddoc.js
+++ b/components/doc/tristatecheckbox/invaliddoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { TriStateCheckbox } from '@/components/lib/tristatecheckbox/TriStateCheckbox';
import { useState } from 'react';
-import { TriStateCheckbox } from '../../lib/tristatecheckbox/TriStateCheckbox';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function InvalidDoc(props) {
const [value, setValue] = useState(null);
diff --git a/components/doc/tristatecheckbox/pt/ptdoc.js b/components/doc/tristatecheckbox/pt/ptdoc.js
index b58da5fd91..e0088c62c9 100644
--- a/components/doc/tristatecheckbox/pt/ptdoc.js
+++ b/components/doc/tristatecheckbox/pt/ptdoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { TriStateCheckbox } from '@/components/lib/tristatecheckbox/TriStateCheckbox';
import { useState } from 'react';
-import { TriStateCheckbox } from '../../../lib/tristatecheckbox/TriStateCheckbox';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function PTDoc(props) {
const [value, setValue] = useState(null);
diff --git a/components/doc/tristatecheckbox/pt/wireframe.js b/components/doc/tristatecheckbox/pt/wireframe.js
index 5a4cc36d29..50d2a1a01f 100644
--- a/components/doc/tristatecheckbox/pt/wireframe.js
+++ b/components/doc/tristatecheckbox/pt/wireframe.js
@@ -1,5 +1,4 @@
-import React from 'react';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export const Wireframe = (props) => {
return (
diff --git a/components/doc/tristatecheckbox/styledoc.js b/components/doc/tristatecheckbox/styledoc.js
index 6d1421d933..5824773b82 100644
--- a/components/doc/tristatecheckbox/styledoc.js
+++ b/components/doc/tristatecheckbox/styledoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
export function StyleDoc() {
diff --git a/components/doc/tristatecheckbox/theming/styleddoc.js b/components/doc/tristatecheckbox/theming/styleddoc.js
index d4e4938944..3c7658a068 100644
--- a/components/doc/tristatecheckbox/theming/styleddoc.js
+++ b/components/doc/tristatecheckbox/theming/styleddoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyledDoc(props) {
return (
diff --git a/components/doc/tristatecheckbox/theming/tailwinddoc.js b/components/doc/tristatecheckbox/theming/tailwinddoc.js
index b566768746..654fe96687 100644
--- a/components/doc/tristatecheckbox/theming/tailwinddoc.js
+++ b/components/doc/tristatecheckbox/theming/tailwinddoc.js
@@ -1,6 +1,6 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
export function TailwindDoc(props) {
const code = {
diff --git a/components/doc/unstyled/architecturedoc.js b/components/doc/unstyled/architecturedoc.js
index d84794a808..1010e0b9bc 100644
--- a/components/doc/unstyled/architecturedoc.js
+++ b/components/doc/unstyled/architecturedoc.js
@@ -1,5 +1,5 @@
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionText } from '../common/docsectiontext';
export function ArchitectureDoc(props) {
return (
diff --git a/components/doc/unstyled/exampledoc.js b/components/doc/unstyled/exampledoc.js
index b9883c4455..59bd4b1051 100644
--- a/components/doc/unstyled/exampledoc.js
+++ b/components/doc/unstyled/exampledoc.js
@@ -1,7 +1,7 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
import Link from 'next/link';
-import { Button } from '../../lib/button/Button';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
export function ExampleDoc(props) {
const code = {
diff --git a/components/doc/unstyled/setupdoc.js b/components/doc/unstyled/setupdoc.js
index 281ade1c8f..458d96f53d 100644
--- a/components/doc/unstyled/setupdoc.js
+++ b/components/doc/unstyled/setupdoc.js
@@ -1,6 +1,6 @@
-import { Button } from '../../lib/button/Button';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Button } from '@/components/lib/button/Button';
export function SetupDoc(props) {
const code1 = {
diff --git a/components/doc/unstyled/themedoc.js b/components/doc/unstyled/themedoc.js
index df0aa8c164..066c8577cd 100644
--- a/components/doc/unstyled/themedoc.js
+++ b/components/doc/unstyled/themedoc.js
@@ -1,5 +1,5 @@
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ThemeDoc(props) {
const code = {
diff --git a/components/doc/virtualscroller/accessibilitydoc.js b/components/doc/virtualscroller/accessibilitydoc.js
index e4d124e8b6..9c6fc0ed5d 100644
--- a/components/doc/virtualscroller/accessibilitydoc.js
+++ b/components/doc/virtualscroller/accessibilitydoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DevelopmentSection } from '../common/developmentsection';
+import { DevelopmentSection } from '@/components/doc/common/developmentsection';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function AccessibilityDoc() {
return (
diff --git a/components/doc/virtualscroller/basicdoc.js b/components/doc/virtualscroller/basicdoc.js
index d882c91649..a09032be10 100644
--- a/components/doc/virtualscroller/basicdoc.js
+++ b/components/doc/virtualscroller/basicdoc.js
@@ -1,8 +1,8 @@
-import React, { useState } from 'react';
-import { classNames } from '../../lib/utils/Utils';
-import { VirtualScroller } from '../../lib/virtualscroller/VirtualScroller';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { classNames } from '@/components/lib/utils/Utils';
+import { VirtualScroller } from '@/components/lib/virtualscroller/VirtualScroller';
+import { useState } from 'react';
export function BasicDoc(props) {
const [items] = useState(Array.from({ length: 100000 }).map((_, i) => `Item #${i}`));
diff --git a/components/doc/virtualscroller/delaydoc.js b/components/doc/virtualscroller/delaydoc.js
index 602b553ad4..4b3d23784c 100644
--- a/components/doc/virtualscroller/delaydoc.js
+++ b/components/doc/virtualscroller/delaydoc.js
@@ -1,8 +1,8 @@
-import React, { useState } from 'react';
-import { classNames } from '../../lib/utils/Utils';
-import { VirtualScroller } from '../../lib/virtualscroller/VirtualScroller';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { classNames } from '@/components/lib/utils/Utils';
+import { VirtualScroller } from '@/components/lib/virtualscroller/VirtualScroller';
+import { useState } from 'react';
export function DelayDoc(props) {
const [items] = useState(Array.from({ length: 100000 }).map((_, i) => `Item #${i}`));
diff --git a/components/doc/virtualscroller/griddoc.js b/components/doc/virtualscroller/griddoc.js
index 749907283c..eff11b4c42 100644
--- a/components/doc/virtualscroller/griddoc.js
+++ b/components/doc/virtualscroller/griddoc.js
@@ -1,8 +1,8 @@
-import React, { useState } from 'react';
-import { classNames } from '../../lib/utils/Utils';
-import { VirtualScroller } from '../../lib/virtualscroller/VirtualScroller';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { classNames } from '@/components/lib/utils/Utils';
+import { VirtualScroller } from '@/components/lib/virtualscroller/VirtualScroller';
+import { useState } from 'react';
export function GridDoc(props) {
const [items] = useState(Array.from({ length: 1000 }).map((_, i) => Array.from({ length: 1000 }).map((_j, j) => `Item #${i}_${j}`)));
diff --git a/components/doc/virtualscroller/horizontaldoc.js b/components/doc/virtualscroller/horizontaldoc.js
index 7426a8d101..e1fd1c48f4 100644
--- a/components/doc/virtualscroller/horizontaldoc.js
+++ b/components/doc/virtualscroller/horizontaldoc.js
@@ -1,8 +1,8 @@
-import React, { useState } from 'react';
-import { classNames } from '../../lib/utils/Utils';
-import { VirtualScroller } from '../../lib/virtualscroller/VirtualScroller';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { classNames } from '@/components/lib/utils/Utils';
+import { VirtualScroller } from '@/components/lib/virtualscroller/VirtualScroller';
+import { useState } from 'react';
export function HorizontalDoc(props) {
const [items] = useState(Array.from({ length: 100000 }).map((_, i) => `Item #${i}`));
diff --git a/components/doc/virtualscroller/importdoc.js b/components/doc/virtualscroller/importdoc.js
index eeee4fdabf..52e3bae68e 100644
--- a/components/doc/virtualscroller/importdoc.js
+++ b/components/doc/virtualscroller/importdoc.js
@@ -1,5 +1,5 @@
-import { DocSectionText } from '../common/docsectiontext';
-import { DocSectionCode } from '../common/docsectioncode';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function ImportDoc(props) {
const code = {
diff --git a/components/doc/virtualscroller/lazydoc.js b/components/doc/virtualscroller/lazydoc.js
index 560faec805..9780a56eee 100644
--- a/components/doc/virtualscroller/lazydoc.js
+++ b/components/doc/virtualscroller/lazydoc.js
@@ -1,9 +1,9 @@
-import React, { useEffect, useRef, useState } from 'react';
-import { Skeleton } from '../../lib/skeleton/Skeleton';
-import { classNames } from '../../lib/utils/Utils';
-import { VirtualScroller } from '../../lib/virtualscroller/VirtualScroller';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Skeleton } from '@/components/lib/skeleton/Skeleton';
+import { classNames } from '@/components/lib/utils/Utils';
+import { VirtualScroller } from '@/components/lib/virtualscroller/VirtualScroller';
+import { useEffect, useRef, useState } from 'react';
export function LazyDoc(props) {
const [lazyItems, setLazyItems] = useState([]);
diff --git a/components/doc/virtualscroller/loadingdoc.js b/components/doc/virtualscroller/loadingdoc.js
index d376cde708..6e4795cb4d 100644
--- a/components/doc/virtualscroller/loadingdoc.js
+++ b/components/doc/virtualscroller/loadingdoc.js
@@ -1,10 +1,10 @@
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { Skeleton } from '@/components/lib/skeleton/Skeleton';
+import { classNames } from '@/components/lib/utils/Utils';
+import { VirtualScroller } from '@/components/lib/virtualscroller/VirtualScroller';
import Link from 'next/link';
-import React, { useState } from 'react';
-import { Skeleton } from '../../lib/skeleton/Skeleton';
-import { classNames } from '../../lib/utils/Utils';
-import { VirtualScroller } from '../../lib/virtualscroller/VirtualScroller';
-import { DocSectionCode } from '../common/docsectioncode';
-import { DocSectionText } from '../common/docsectiontext';
+import { useState } from 'react';
export function LoadingDoc(props) {
const [items] = useState(Array.from({ length: 100000 }).map((_, i) => `Item #${i}`));
diff --git a/components/doc/virtualscroller/pt/ptdoc.js b/components/doc/virtualscroller/pt/ptdoc.js
index d1a4554fd9..4d3fd8e03b 100644
--- a/components/doc/virtualscroller/pt/ptdoc.js
+++ b/components/doc/virtualscroller/pt/ptdoc.js
@@ -1,8 +1,8 @@
-import React, { useState } from 'react';
-import { classNames } from '../../../lib/utils/Utils';
-import { VirtualScroller } from '../../../lib/virtualscroller/VirtualScroller';
-import { DocSectionCode } from '../../common/docsectioncode';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionCode } from '@/components/doc/common/docsectioncode';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
+import { classNames } from '@/components/lib/utils/Utils';
+import { VirtualScroller } from '@/components/lib/virtualscroller/VirtualScroller';
+import { useState } from 'react';
export function PTDoc(props) {
const [items] = useState(Array.from({ length: 100000 }).map((_, i) => `Item #${i}`));
diff --git a/components/doc/virtualscroller/pt/wireframe.js b/components/doc/virtualscroller/pt/wireframe.js
index 21c3d022f7..e73dfbc191 100644
--- a/components/doc/virtualscroller/pt/wireframe.js
+++ b/components/doc/virtualscroller/pt/wireframe.js
@@ -1,5 +1,4 @@
-import React from 'react';
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export const Wireframe = (props) => {
return (
diff --git a/components/doc/virtualscroller/styledoc.js b/components/doc/virtualscroller/styledoc.js
index 17b3c8d2fb..66cb9467d9 100644
--- a/components/doc/virtualscroller/styledoc.js
+++ b/components/doc/virtualscroller/styledoc.js
@@ -1,5 +1,5 @@
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
import Link from 'next/link';
-import { DocSectionText } from '../common/docsectiontext';
export function StyleDoc() {
return (
diff --git a/components/doc/virtualscroller/theming/styleddoc.js b/components/doc/virtualscroller/theming/styleddoc.js
index 071c4c98a7..d4dce460b0 100644
--- a/components/doc/virtualscroller/theming/styleddoc.js
+++ b/components/doc/virtualscroller/theming/styleddoc.js
@@ -1,4 +1,4 @@
-import { DocSectionText } from '../../common/docsectiontext';
+import { DocSectionText } from '@/components/doc/common/docsectiontext';
export function StyledDoc(props) {
return (
diff --git a/components/layout/config.js b/components/layout/config.js
index 79549fc88a..ef1f024947 100644
--- a/components/layout/config.js
+++ b/components/layout/config.js
@@ -1,9 +1,9 @@
-import React, { useEffect, useState } from 'react';
-import { Button } from '../lib/button/Button';
-import { InputSwitch } from '../lib/inputswitch/InputSwitch';
-import { SelectButton } from '../lib/selectbutton/SelectButton';
-import { Sidebar } from '../lib/sidebar/Sidebar';
-import { classNames } from '../lib/utils/Utils';
+import { Button } from '@/components/lib/button/Button';
+import { InputSwitch } from '@/components/lib/inputswitch/InputSwitch';
+import { SelectButton } from '@/components/lib/selectbutton/SelectButton';
+import { Sidebar } from '@/components/lib/sidebar/Sidebar';
+import { classNames } from '@/components/lib/utils/Utils';
+import { useEffect, useState } from 'react';
export default function Config(props) {
const [scale, setScale] = useState(14);
diff --git a/components/layout/footer.js b/components/layout/footer.js
index 1cb8ebfe46..aaa508cab1 100644
--- a/components/layout/footer.js
+++ b/components/layout/footer.js
@@ -1,4 +1,4 @@
-import pkg from '../../package.json';
+import pkg from 'package.json';
export default function Footer() {
const version = pkg.version;
diff --git a/components/layout/layout.js b/components/layout/layout.js
index ffd8b532ef..6b306d7a84 100644
--- a/components/layout/layout.js
+++ b/components/layout/layout.js
@@ -1,10 +1,10 @@
+import PrimeReact from '@/components/lib/api/Api';
+import { PrimeReactContext } from '@/components/lib/api/PrimeReactContext';
+import { classNames } from '@/components/lib/utils/Utils';
+import NewsSection from '@/components/news/newssection';
import Head from 'next/head';
import { useRouter } from 'next/router';
import { useContext, useEffect, useState } from 'react';
-import PrimeReact from '../lib/api/Api';
-import { PrimeReactContext } from '../lib/api/PrimeReactContext';
-import { classNames } from '../lib/utils/Utils';
-import NewsSection from '../news/newssection';
import AppContentContext from './appcontentcontext';
import Config from './config';
import Footer from './footer';
diff --git a/components/layout/menu.js b/components/layout/menu.js
index 5429529d2d..805003b173 100644
--- a/components/layout/menu.js
+++ b/components/layout/menu.js
@@ -1,6 +1,6 @@
+import { classNames } from '@/components/lib/utils/Utils';
import { useRouter } from 'next/router';
-import React, { memo, useEffect } from 'react';
-import { classNames } from '../lib/utils/Utils';
+import { memo, useEffect } from 'react';
import MenuData from './menu.json';
import MenuItem from './menuitem';
diff --git a/components/layout/menuitem.js b/components/layout/menuitem.js
index 13978f55b7..3ab6817830 100644
--- a/components/layout/menuitem.js
+++ b/components/layout/menuitem.js
@@ -1,9 +1,9 @@
-import React, { useRef } from 'react';
-import { Badge } from '../lib/badge/Badge';
+import { Badge } from '@/components/lib/badge/Badge';
+import { StyleClass } from '@/components/lib/styleclass/StyleClass';
+import { classNames } from '@/components/lib/utils/Utils';
import Link from 'next/link';
-import { StyleClass } from '../lib/styleclass/StyleClass';
-import { classNames } from '../lib/utils/Utils';
import { useRouter } from 'next/router';
+import { useRef } from 'react';
function MenuItem(props) {
const router = useRouter();
diff --git a/components/layout/topbar.js b/components/layout/topbar.js
index 9b796d04b9..c02b091567 100644
--- a/components/layout/topbar.js
+++ b/components/layout/topbar.js
@@ -1,9 +1,9 @@
+import { StyleClass } from '@/components/lib/styleclass/StyleClass';
+import { classNames } from '@/components/lib/utils/Utils';
import { DocSearch } from '@docsearch/react';
import Link from 'next/link';
+import pkg from 'package.json';
import { useEffect, useRef } from 'react';
-import pkg from '../../package.json';
-import { StyleClass } from '../lib/styleclass/StyleClass';
-import { classNames } from '../lib/utils/Utils';
export default function Topbar(props) {
const versionsRef = useRef(null);
diff --git a/components/news/newssection.js b/components/news/newssection.js
index c3bd508a76..d916c170a8 100644
--- a/components/news/newssection.js
+++ b/components/news/newssection.js
@@ -1,6 +1,6 @@
-import React, { useRef } from 'react';
+import { useMountEffect } from '@/components/lib/hooks/Hooks';
+import { useRef } from 'react';
import AnnouncementData from '../../data/news.json';
-import { useMountEffect } from '../lib/hooks/Hooks';
export default function NewsSection(props) {
const storageKey = 'primereact-news';
diff --git a/pages/hooks/useclickoutside/index.js b/pages/hooks/useclickoutside/index.js
index 5804878955..a9bec798c2 100644
--- a/pages/hooks/useclickoutside/index.js
+++ b/pages/hooks/useclickoutside/index.js
@@ -1,6 +1,6 @@
-import { DocComponent } from '../@/components/doc/common/doccomponent';
-import { BasicDoc } from '../@/components/doc/hooks/useclickoutside/basicdoc';
-import { ImportDoc } from '../@/components/doc/hooks/useclickoutside/importdoc';
+import { DocComponent } from '@/components/doc/common/doccomponent';
+import { BasicDoc } from '@/components/doc/hooks/useclickoutside/basicdoc';
+import { ImportDoc } from '@/components/doc/hooks/useclickoutside/importdoc';
const ClickOutsideDemo = () => {
const docs = [
diff --git a/pages/hooks/usecounter/index.js b/pages/hooks/usecounter/index.js
index 0688372024..3794e22bb1 100644
--- a/pages/hooks/usecounter/index.js
+++ b/pages/hooks/usecounter/index.js
@@ -1,7 +1,7 @@
-import { DocComponent } from '../@/components/doc/common/doccomponent';
-import { BasicDoc } from '../@/components/doc/hooks/usecounter/basicdoc';
-import { ImportDoc } from '../@/components/doc/hooks/usecounter/importdoc';
-import { OptionsDoc } from '../@/components/doc/hooks/usecounter/optionsdoc';
+import { DocComponent } from '@/components/doc/common/doccomponent';
+import { BasicDoc } from '@/components/doc/hooks/usecounter/basicdoc';
+import { ImportDoc } from '@/components/doc/hooks/usecounter/importdoc';
+import { OptionsDoc } from '@/components/doc/hooks/usecounter/optionsdoc';
const CounterDemo = () => {
const docs = [
diff --git a/pages/hooks/usedebounce/index.js b/pages/hooks/usedebounce/index.js
index 29f8fd3236..bd67315e07 100644
--- a/pages/hooks/usedebounce/index.js
+++ b/pages/hooks/usedebounce/index.js
@@ -1,6 +1,6 @@
-import { DocComponent } from '../@/components/doc/common/doccomponent';
-import { BasicDoc } from '../@/components/doc/hooks/usedebounce/basicdoc';
-import { ImportDoc } from '../@/components/doc/hooks/usedebounce/importdoc';
+import { DocComponent } from '@/components/doc/common/doccomponent';
+import { BasicDoc } from '@/components/doc/hooks/usedebounce/basicdoc';
+import { ImportDoc } from '@/components/doc/hooks/usedebounce/importdoc';
const DebounceDemo = () => {
const docs = [
diff --git a/pages/hooks/useeventlistener/index.js b/pages/hooks/useeventlistener/index.js
index f2994042a6..76addaf8d2 100644
--- a/pages/hooks/useeventlistener/index.js
+++ b/pages/hooks/useeventlistener/index.js
@@ -1,7 +1,7 @@
-import { DocComponent } from '../@/components/doc/common/doccomponent';
-import { DocumentDoc } from '../@/components/doc/hooks/useeventlistener/documentdoc';
-import { ElementDoc } from '../@/components/doc/hooks/useeventlistener/elementdoc';
-import { ImportDoc } from '../@/components/doc/hooks/useeventlistener/importdoc';
+import { DocComponent } from '@/components/doc/common/doccomponent';
+import { DocumentDoc } from '@/components/doc/hooks/useeventlistener/documentdoc';
+import { ElementDoc } from '@/components/doc/hooks/useeventlistener/elementdoc';
+import { ImportDoc } from '@/components/doc/hooks/useeventlistener/importdoc';
const EventListenerDemo = () => {
const docs = [
diff --git a/pages/hooks/usefavicon/index.js b/pages/hooks/usefavicon/index.js
index 8d9f3372ac..80ad42204c 100644
--- a/pages/hooks/usefavicon/index.js
+++ b/pages/hooks/usefavicon/index.js
@@ -1,6 +1,6 @@
-import { DocComponent } from '../@/components/doc/common/doccomponent';
-import { BasicDoc } from '../@/components/doc/hooks/usefavicon/basicdoc';
-import { ImportDoc } from '../@/components/doc/hooks/usefavicon/importdoc';
+import { DocComponent } from '@/components/doc/common/doccomponent';
+import { BasicDoc } from '@/components/doc/hooks/usefavicon/basicdoc';
+import { ImportDoc } from '@/components/doc/hooks/usefavicon/importdoc';
const FaviconDemo = () => {
const docs = [
diff --git a/pages/hooks/useintersectionobserver/index.js b/pages/hooks/useintersectionobserver/index.js
index ec9da5c977..feb020a262 100644
--- a/pages/hooks/useintersectionobserver/index.js
+++ b/pages/hooks/useintersectionobserver/index.js
@@ -1,7 +1,7 @@
-import { DocComponent } from '../@/components/doc/common/doccomponent';
-import { BasicDoc } from '../@/components/doc/hooks/useintersectionobserver/basicdoc';
-import { ImportDoc } from '../@/components/doc/hooks/useintersectionobserver/importdoc';
-import { ThresholdDoc } from '../@/components/doc/hooks/useintersectionobserver/thresholddoc';
+import { DocComponent } from '@/components/doc/common/doccomponent';
+import { BasicDoc } from '@/components/doc/hooks/useintersectionobserver/basicdoc';
+import { ImportDoc } from '@/components/doc/hooks/useintersectionobserver/importdoc';
+import { ThresholdDoc } from '@/components/doc/hooks/useintersectionobserver/thresholddoc';
const IntersectionObserverDemo = () => {
const docs = [
diff --git a/pages/hooks/useinterval/index.js b/pages/hooks/useinterval/index.js
index dda94a7bb3..fe6650383e 100644
--- a/pages/hooks/useinterval/index.js
+++ b/pages/hooks/useinterval/index.js
@@ -1,6 +1,6 @@
-import { DocComponent } from '../@/components/doc/common/doccomponent';
-import { BasicDoc } from '../@/components/doc/hooks/useinterval/basicdoc';
-import { ImportDoc } from '../@/components/doc/hooks/useinterval/importdoc';
+import { DocComponent } from '@/components/doc/common/doccomponent';
+import { BasicDoc } from '@/components/doc/hooks/useinterval/basicdoc';
+import { ImportDoc } from '@/components/doc/hooks/useinterval/importdoc';
const IntervalDemo = () => {
const docs = [
diff --git a/pages/hooks/usemounteffect/index.js b/pages/hooks/usemounteffect/index.js
index 6d405f87bf..e4dff28d88 100644
--- a/pages/hooks/usemounteffect/index.js
+++ b/pages/hooks/usemounteffect/index.js
@@ -1,6 +1,6 @@
-import { DocComponent } from '../@/components/doc/common/doccomponent';
-import { BasicDoc } from '../@/components/doc/hooks/usemounteffect/basicdoc';
-import { ImportDoc } from '../@/components/doc/hooks/usemounteffect/importdoc';
+import { DocComponent } from '@/components/doc/common/doccomponent';
+import { BasicDoc } from '@/components/doc/hooks/usemounteffect/basicdoc';
+import { ImportDoc } from '@/components/doc/hooks/usemounteffect/importdoc';
const MountEffectDemo = () => {
const docs = [
diff --git a/pages/hooks/usemouse/index.js b/pages/hooks/usemouse/index.js
index 734e5ce6f5..e1b0e73bd0 100644
--- a/pages/hooks/usemouse/index.js
+++ b/pages/hooks/usemouse/index.js
@@ -1,8 +1,8 @@
-import { DocComponent } from '../@/components/doc/common/doccomponent';
-import { DocumentDoc } from '../@/components/doc/hooks/usemouse/documentdoc';
-import { ElementDoc } from '../@/components/doc/hooks/usemouse/elementdoc';
-import { ImportDoc } from '../@/components/doc/hooks/usemouse/importdoc';
-import { ResetDoc } from '../@/components/doc/hooks/usemouse/resetdoc';
+import { DocComponent } from '@/components/doc/common/doccomponent';
+import { DocumentDoc } from '@/components/doc/hooks/usemouse/documentdoc';
+import { ElementDoc } from '@/components/doc/hooks/usemouse/elementdoc';
+import { ImportDoc } from '@/components/doc/hooks/usemouse/importdoc';
+import { ResetDoc } from '@/components/doc/hooks/usemouse/resetdoc';
const MouseDemo = () => {
const docs = [
diff --git a/pages/hooks/usemove/index.js b/pages/hooks/usemove/index.js
index fdc6f9afcb..12d7c7d94b 100644
--- a/pages/hooks/usemove/index.js
+++ b/pages/hooks/usemove/index.js
@@ -1,8 +1,8 @@
-import { DocComponent } from '../@/components/doc/common/doccomponent';
-import { BasicDoc } from '../@/components/doc/hooks/usemove/basicdoc';
-import { HorizontalDoc } from '../@/components/doc/hooks/usemove/horizontaldoc';
-import { ImportDoc } from '../@/components/doc/hooks/usemove/importdoc';
-import { VerticalDoc } from '../@/components/doc/hooks/usemove/verticaldoc';
+import { DocComponent } from '@/components/doc/common/doccomponent';
+import { BasicDoc } from '@/components/doc/hooks/usemove/basicdoc';
+import { HorizontalDoc } from '@/components/doc/hooks/usemove/horizontaldoc';
+import { ImportDoc } from '@/components/doc/hooks/usemove/importdoc';
+import { VerticalDoc } from '@/components/doc/hooks/usemove/verticaldoc';
const MoveDemo = () => {
const docs = [
diff --git a/pages/hooks/useoverlaylistener/index.js b/pages/hooks/useoverlaylistener/index.js
index 5d4200c88b..5ea390f58f 100644
--- a/pages/hooks/useoverlaylistener/index.js
+++ b/pages/hooks/useoverlaylistener/index.js
@@ -1,6 +1,6 @@
-import { DocComponent } from '../@/components/doc/common/doccomponent';
-import { BasicDoc } from '../@/components/doc/hooks/useoverlaylistener/basicdoc';
-import { ImportDoc } from '../@/components/doc/hooks/useoverlaylistener/importdoc';
+import { DocComponent } from '@/components/doc/common/doccomponent';
+import { BasicDoc } from '@/components/doc/hooks/useoverlaylistener/basicdoc';
+import { ImportDoc } from '@/components/doc/hooks/useoverlaylistener/importdoc';
const OverlayListenerDemo = () => {
const docs = [
diff --git a/pages/hooks/useoverlayscrolllistener/index.js b/pages/hooks/useoverlayscrolllistener/index.js
index ba5e611d64..540d989bf2 100644
--- a/pages/hooks/useoverlayscrolllistener/index.js
+++ b/pages/hooks/useoverlayscrolllistener/index.js
@@ -1,6 +1,6 @@
-import { DocComponent } from '../@/components/doc/common/doccomponent';
-import { BasicDoc } from '../@/components/doc/hooks/useoverlayscrolllistener/basicdoc';
-import { ImportDoc } from '../@/components/doc/hooks/useoverlayscrolllistener/importdoc';
+import { DocComponent } from '@/components/doc/common/doccomponent';
+import { BasicDoc } from '@/components/doc/hooks/useoverlayscrolllistener/basicdoc';
+import { ImportDoc } from '@/components/doc/hooks/useoverlayscrolllistener/importdoc';
const OverlayScrollListenerDemo = () => {
const docs = [
diff --git a/pages/hooks/useprevious/index.js b/pages/hooks/useprevious/index.js
index 75ba9e5d41..86ddb3a935 100644
--- a/pages/hooks/useprevious/index.js
+++ b/pages/hooks/useprevious/index.js
@@ -1,6 +1,6 @@
-import { DocComponent } from '../@/components/doc/common/doccomponent';
-import { BasicDoc } from '../@/components/doc/hooks/useprevious/basicdoc';
-import { ImportDoc } from '../@/components/doc/hooks/useprevious/importdoc';
+import { DocComponent } from '@/components/doc/common/doccomponent';
+import { BasicDoc } from '@/components/doc/hooks/useprevious/basicdoc';
+import { ImportDoc } from '@/components/doc/hooks/useprevious/importdoc';
const PreviousDemo = () => {
const docs = [
diff --git a/pages/hooks/useresizelistener/index.js b/pages/hooks/useresizelistener/index.js
index 1156a3c26b..248f585fbb 100644
--- a/pages/hooks/useresizelistener/index.js
+++ b/pages/hooks/useresizelistener/index.js
@@ -1,6 +1,6 @@
-import { DocComponent } from '../@/components/doc/common/doccomponent';
-import { BasicDoc } from '../@/components/doc/hooks/useresizelistener/basicdoc';
-import { ImportDoc } from '../@/components/doc/hooks/useresizelistener/importdoc';
+import { DocComponent } from '@/components/doc/common/doccomponent';
+import { BasicDoc } from '@/components/doc/hooks/useresizelistener/basicdoc';
+import { ImportDoc } from '@/components/doc/hooks/useresizelistener/importdoc';
const ResizeListenerDemo = () => {
const docs = [
diff --git a/pages/hooks/usestorage/index.js b/pages/hooks/usestorage/index.js
index f2738fafc8..e3a557e5e6 100644
--- a/pages/hooks/usestorage/index.js
+++ b/pages/hooks/usestorage/index.js
@@ -1,7 +1,7 @@
-import { DocComponent } from '../@/components/doc/common/doccomponent';
-import { ImportDoc } from '../@/components/doc/hooks/usestorage/importdoc';
-import { LocalDoc } from '../@/components/doc/hooks/usestorage/localdoc';
-import { SessionDoc } from '../@/components/doc/hooks/usestorage/sessiondoc';
+import { DocComponent } from '@/components/doc/common/doccomponent';
+import { ImportDoc } from '@/components/doc/hooks/usestorage/importdoc';
+import { LocalDoc } from '@/components/doc/hooks/usestorage/localdoc';
+import { SessionDoc } from '@/components/doc/hooks/usestorage/sessiondoc';
const StorageDemo = () => {
const docs = [
diff --git a/pages/hooks/usetimeout/index.js b/pages/hooks/usetimeout/index.js
index fefd562727..8c3ccf3555 100644
--- a/pages/hooks/usetimeout/index.js
+++ b/pages/hooks/usetimeout/index.js
@@ -1,6 +1,6 @@
-import { DocComponent } from '../@/components/doc/common/doccomponent';
-import { BasicDoc } from '../@/components/doc/hooks/usetimeout/basicdoc';
-import { ImportDoc } from '../@/components/doc/hooks/usetimeout/importdoc';
+import { DocComponent } from '@/components/doc/common/doccomponent';
+import { BasicDoc } from '@/components/doc/hooks/usetimeout/basicdoc';
+import { ImportDoc } from '@/components/doc/hooks/usetimeout/importdoc';
const TimeoutDemo = () => {
const docs = [
diff --git a/pages/hooks/useunmounteffect/index.js b/pages/hooks/useunmounteffect/index.js
index 9d656b7db6..cd5aa2e52a 100644
--- a/pages/hooks/useunmounteffect/index.js
+++ b/pages/hooks/useunmounteffect/index.js
@@ -1,6 +1,6 @@
-import { DocComponent } from '../@/components/doc/common/doccomponent';
-import { BasicDoc } from '../@/components/doc/hooks/useunmounteffect/basicdoc';
-import { ImportDoc } from '../@/components/doc/hooks/useunmounteffect/importdoc';
+import { DocComponent } from '@/components/doc/common/doccomponent';
+import { BasicDoc } from '@/components/doc/hooks/useunmounteffect/basicdoc';
+import { ImportDoc } from '@/components/doc/hooks/useunmounteffect/importdoc';
const UnmountEffectDemo = () => {
const docs = [
diff --git a/pages/hooks/useupdateeffect/index.js b/pages/hooks/useupdateeffect/index.js
index 36e65a6a69..f7c2d58204 100644
--- a/pages/hooks/useupdateeffect/index.js
+++ b/pages/hooks/useupdateeffect/index.js
@@ -1,6 +1,6 @@
-import { DocComponent } from '../@/components/doc/common/doccomponent';
-import { BasicDoc } from '../@/components/doc/hooks/useupdateeffect/basicdoc';
-import { ImportDoc } from '../@/components/doc/hooks/useupdateeffect/importdoc';
+import { DocComponent } from '@/components/doc/common/doccomponent';
+import { BasicDoc } from '@/components/doc/hooks/useupdateeffect/basicdoc';
+import { ImportDoc } from '@/components/doc/hooks/useupdateeffect/importdoc';
const UpdateEffectDemo = () => {
const docs = [