Migration shards to fragments final batch

src/components/ui/Progress/Progress.tsx

@@ -1,7 +1,7 @@
 import React, { PropsWithChildren } from 'react';
 
-import ProgressRoot from './shards/ProgressRoot';
-import ProgressIndicator from './shards/ProgressIndicator';
+import ProgressRoot from './fragments/ProgressRoot';
+import ProgressIndicator from './fragments/ProgressIndicator';
 
 export const COMPONENT_NAME = 'Progress';
 

src/components/ui/Table/Table.tsx

@@ -1,12 +1,12 @@
 import React from 'react';
 
-import TableRoot from './shards/TableRoot';
-import TableHead from './shards/TableHead';
-import TableBody from './shards/TableBody';
-import TableRow from './shards/TableRow';
-import TableColumnCellHeader from './shards/TableColumnCellHeader';
+import TableRoot from './fragments/TableRoot';
+import TableHead from './fragments/TableHead';
+import TableBody from './fragments/TableBody';
+import TableRow from './fragments/TableRow';
+import TableColumnCellHeader from './fragments/TableColumnCellHeader';
 
-import TableCell from './shards/TableCell';
+import TableCell from './fragments/TableCell';
 
 const Table = ({ columns = [], data = [] }:any) => {
     const columnMap = columns.map((column:any) => {

src/components/ui/Tabs/Tabs.tsx

@@ -1,9 +1,9 @@
 'use client';
 import React, { useState } from 'react';
 
-import TabList from './shards/TabList';
-import TabContent from './shards/TabContent';
-import TabRoot from './shards/TabRoot';
+import TabList from './fragments/TabList';
+import TabContent from './fragments/TabContent';
+import TabRoot from './fragments/TabRoot';
 
 import { TabProps } from './types';
 

src/components/ui/TextArea/TextArea.tsx

@@ -1,8 +1,8 @@
 'use client';
 import React from 'react';
 
-import TextAreaRoot from './shards/TextAreaRoot';
-import TextAreaInput from './shards/TextAreaInput';
+import TextAreaRoot from './fragments/TextAreaRoot';
+import TextAreaInput from './fragments/TextAreaInput';
 
 export type TextAreaProps = {
     children: React.ReactNode;

src/components/ui/ToggleGroup/ToggleGroup.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 
-import ToggleGroupRoot from './shards/ToggleGroupRoot';
-import ToggleItem from './shards/ToggleItem';
+import ToggleGroupRoot from './fragments/ToggleGroupRoot';
+import ToggleItem from './fragments/ToggleItem';
 
 const COMPONENT_NAME = 'ToggleGroup';
 

src/components/ui/Tree/Tree.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 
-import TreeRoot from './shards/TreeRoot';
-import TreeItem from './shards/TreeItem';
+import TreeRoot from './fragments/TreeRoot';
+import TreeItem from './fragments/TreeItem';
 
 const COMPONENT_NAME = 'Tree';